{"version":3,"file":"main.es-DkYPpckz.js","sources":["../../../../Coloplast.UI/node_modules/@coloplast/design-system/dist/main.es.js"],"sourcesContent":["import { defineComponent as q, openBlock as c, createElementBlock as w, renderSlot as se, ref as I, watch as le, onMounted as de, computed as b, normalizeClass as U, unref as S, createBlock as D, resolveDynamicComponent as Tt, withCtx as z, createElementVNode as M, createCommentVNode as P, createVNode as H, onBeforeUnmount as Ve, createTextVNode as K, toDisplayString as W, mergeProps as me, Fragment as ne, withModifiers as We, normalizeStyle as ge, renderList as ue, Transition as Ue, getCurrentScope as Va, onScopeDispose as qa, isRef as ja, nextTick as Qe, getCurrentInstance as ea, reactive as en, withDirectives as ve, vShow as pe, useAttrs as ta, onUnmounted as na, Teleport as aa, watchEffect as ln, inject as ee, provide as fe, normalizeProps as Wa, guardReactiveProps as Ua, mergeDefaults as ra, useSlots as Ka, toRefs as Ga, toRef as Ya } from \"vue\";\nconst Qa = { class: \"ds-accordion\" }, sd = /* @__PURE__ */ q({\n __name: \"ds-accordion\",\n setup(n) {\n return (e, t) => (c(), w(\"div\", Qa, [\n se(e.$slots, \"default\")\n ]));\n }\n}), Nn = \"6.3.1\", bt = /* @__PURE__ */ new Map();\nfunction sa(n, e, t, a, r) {\n const s = I(\"\"), i = `${n}-version`, o = async (m) => {\n if (bt.has(m))\n return bt.get(m);\n const p = fetch(m).then(async (L) => {\n if (L.ok) {\n const x = await L.text();\n return bt.delete(m), x;\n } else\n throw new Error(\"Failed to load icon\");\n }).catch(() => {\n throw bt.delete(m), new Error(\"Failed to load icon\");\n });\n return bt.set(m, p), p;\n }, u = async () => {\n const m = `${f()}/${r.value}.svg`, L = m.split(\"/\").slice(-2).join(\"/\"), x = `${n}|${Nn}|${L}`, O = localStorage.getItem(x), E = O == null ? void 0 : O.startsWith(\" window.dsConfig ? n === \"ds-brand-icon\" ? window.dsConfig.brandIconBasePath : window.dsConfig.iconBasePath : null, f = () => {\n const m = l();\n let p = t;\n return m && t === e && (p = m), p;\n }, v = () => {\n const m = Nn;\n localStorage.getItem(i) !== m && (Object.keys(localStorage).forEach((L) => {\n const x = L.startsWith(\"icon-\"), O = L.startsWith(\"brand-icon-\"), E = L.startsWith(`${n}|`) && !L.includes(`|${m}|`);\n (x || E || O) && localStorage.removeItem(L);\n }), localStorage.setItem(i, m));\n }, d = async () => {\n try {\n await u();\n } catch (m) {\n console.error(m);\n }\n };\n return le(\n () => r.value,\n async () => {\n await d();\n }\n ), de(async () => {\n v(), await d(), a(\"iconLoaded\");\n }), { loadIcon: u, svgContents: s };\n}\nconst Xa = [\"aria-hidden\", \"aria-label\", \"role\", \"innerHTML\", \"data-icon-name\"], Za = \"ds-icon\", Ja = \"/dist/shared/images/design-system-icons\", ae = /* @__PURE__ */ q({\n __name: \"ds-icon\",\n props: {\n /** Location of the icon files (no trailing slash) */\n basePath: {\n default: \"/dist/shared/images/design-system-icons\",\n type: String\n },\n /** Accessibility label: set if you want a screenreader to know what this icon represents */\n label: {\n default: null,\n type: String\n },\n /** Icon name: these correspond to the icon file names, e.g. {name}.svg */\n iconName: {\n required: !0,\n type: String\n },\n /** Size option for the icon */\n size: {\n default: \"md\",\n type: String\n }\n },\n emits: [\"iconLoaded\"],\n setup(n, { expose: e, emit: t }) {\n const a = n, r = b(() => a.iconName), s = t, { loadIcon: i, svgContents: o } = sa(\n Za,\n Ja,\n a.basePath,\n s,\n r\n );\n return e({ loadIcon: i }), (u, l) => (c(), w(\"span\", {\n \"aria-hidden\": n.label ? void 0 : !0,\n \"aria-label\": n.label ? n.label : void 0,\n role: n.label ? \"img\" : void 0,\n class: U([\"ds-icon\", `ds-icon--${n.size}`]),\n innerHTML: S(o),\n \"data-icon-name\": r.value,\n \"data-testid\": \"ds-banner-icon\"\n }, null, 10, Xa));\n }\n}), Y = /* @__PURE__ */ q({\n __name: \"ds-text\",\n props: {\n htmlElement: { default: \"p\" },\n textStyle: { default: \"default\" },\n textType: { default: \"body-md\" }\n },\n setup(n) {\n const e = n, t = b(\n () => `ds-text-${e.textType.toLowerCase().replace(\"_\", \"-\")}`\n ), a = b(\n () => ` ds-text--${e.textStyle.toLowerCase()}`\n ), r = b(\n () => `${t.value}${a.value}`\n );\n return (s, i) => (c(), D(Tt(s.htmlElement), {\n class: U(r.value)\n }, {\n default: z(() => [\n se(s.$slots, \"default\")\n ]),\n _: 3\n }, 8, [\"class\"]));\n }\n}), er = { class: \"ds-accordion-item__summary\" }, tr = [\"innerHTML\"], od = /* @__PURE__ */ q({\n __name: \"ds-accordion-item\",\n props: {\n iconName: {},\n title: {}\n },\n setup(n) {\n const e = n, t = b(() => e.iconName ? \"ds-accordion-item--has-icon\" : null);\n return (a, r) => (c(), w(\"details\", {\n class: U([\"ds-accordion-item\", t.value])\n }, [\n M(\"summary\", er, [\n a.iconName ? (c(), D(ae, {\n key: 0,\n class: \"ds-accordion-item__icon\",\n \"icon-name\": a.iconName\n }, null, 8, [\"icon-name\"])) : P(\"\", !0),\n H(Y, {\n \"html-element\": \"span\",\n \"text-type\": \"heading-lg\",\n \"text-style\": \"medium\",\n class: \"ds-accordion-item__title\"\n }, {\n default: z(() => [\n M(\"span\", {\n class: \"ds-accordion-item__title-text\",\n innerHTML: a.title\n }, null, 8, tr)\n ]),\n _: 1\n }),\n H(ae, {\n class: \"ds-accordion-item__expand-icon\",\n \"icon-name\": \"chevron-down\",\n size: \"lg\"\n })\n ]),\n H(Y, {\n class: \"ds-accordion-item__content\",\n \"html-element\": \"div\",\n \"text-type\": \"body-md\"\n }, {\n default: z(() => [\n se(a.$slots, \"default\")\n ]),\n _: 3\n })\n ], 2));\n }\n}), Ie = (n = 768) => {\n const e = I(!1);\n let t = null;\n const a = (r) => {\n e.value = !r.matches;\n };\n return de(() => {\n t = window.matchMedia(`(min-width: ${n}px)`), t.addEventListener(\"change\", a), e.value = !t.matches;\n }), Ve(() => {\n t && t.removeEventListener(\"change\", a);\n }), { isMobile: e };\n}, nr = [\"role\"], ar = { class: \"ds-alert__content\" }, rr = [\"innerHTML\"], sr = [\"aria-label\"], or = /* @__PURE__ */ q({\n __name: \"ds-alert\",\n props: {\n appearance: { default: \"neutral\" },\n title: {},\n text: {},\n showIcon: { type: Boolean, default: !0 },\n dismissible: { type: Boolean, default: !1 },\n dismissLabel: { default: \"Close\" }\n },\n setup(n) {\n const e = n, { isMobile: t } = Ie(), a = b(() => t.value ? \"md\" : \"lg\"), r = b(\n () => `ds-alert--${e.appearance} ${e.showIcon ? \"ds-alert--icon\" : \"\"} ${e.dismissible ? \"ds-alert--dismissable\" : \"\"}`\n ), s = b(() => e.appearance === \"attention\" ? \"warning-circle\" : e.appearance === \"danger\" ? \"danger-circle\" : \"information-circle\"), i = b(() => e.appearance === \"attention\" || e.appearance === \"danger\" ? \"alert\" : \"status\"), o = I(!1), u = () => {\n o.value = !0;\n };\n return (l, f) => o.value ? P(\"\", !0) : (c(), w(\"div\", {\n key: 0,\n role: i.value,\n class: U([\"ds-alert\", r.value])\n }, [\n l.showIcon ? (c(), D(ae, {\n key: 0,\n size: a.value,\n \"icon-name\": s.value,\n class: \"ds-alert__icon\"\n }, null, 8, [\"size\", \"icon-name\"])) : P(\"\", !0),\n M(\"div\", ar, [\n l.title ? (c(), D(Y, {\n key: 0,\n \"html-element\": \"h3\",\n \"text-type\": \"body-md\",\n \"text-style\": \"bold\",\n class: \"ds-alert__title\"\n }, {\n default: z(() => [\n K(W(l.title), 1)\n ]),\n _: 1\n })) : P(\"\", !0),\n H(Y, {\n \"html-element\": \"div\",\n \"text-type\": \"body-md\",\n \"text-style\": \"regular\",\n class: \"ds-alert__text\"\n }, {\n default: z(() => [\n M(\"div\", { innerHTML: l.text }, null, 8, rr)\n ]),\n _: 1\n })\n ]),\n l.dismissible ? (c(), w(\"button\", {\n key: 1,\n \"aria-label\": l.dismissLabel,\n class: \"ds-alert__dismiss\",\n onClick: u\n }, [\n H(ae, {\n \"icon-name\": \"button-close\",\n size: \"sm\",\n class: \"ds-alert__dismiss-icon\"\n })\n ], 8, sr)) : P(\"\", !0)\n ], 10, nr));\n }\n}), lr = /* @__PURE__ */ q({\n __name: \"ds-badge\",\n props: {\n text: {},\n variant: { default: \"neutral\" }\n },\n setup(n) {\n const t = `ds-badge--${n.variant}`;\n return (a, r) => (c(), w(\"span\", {\n class: U([\"ds-badge\", t])\n }, W(a.text), 1));\n }\n}), An = I(0);\nfunction Ze(n) {\n return An.value++, `${n}-${An.value}`;\n}\nconst ir = [\"aria-labelledby\"], ur = { class: \"ds-banner__inner\" }, cr = { class: \"ds-banner__content\" }, dr = [\"innerHTML\", \"id\"], ld = /* @__PURE__ */ q({\n __name: \"ds-banner-sm\",\n props: {\n iconName: { default: \"information-circle\" },\n text: {},\n showIcon: { type: Boolean, default: !0 }\n },\n setup(n) {\n const e = n, { isMobile: t } = Ie(), a = b(() => t.value ? \"md\" : \"lg\"), r = `${e.showIcon ? \"ds-banner--icon\" : \"\"}`, s = Ze(\"banner-content\");\n return (i, o) => (c(), w(\"section\", me({\n \"aria-labelledby\": S(s),\n class: [\"ds-banner\", r]\n }, i.$attrs), [\n M(\"div\", ur, [\n i.showIcon ? (c(), D(ae, {\n key: 0,\n size: a.value,\n \"icon-name\": i.iconName,\n class: \"ds-banner__icon\"\n }, null, 8, [\"size\", \"icon-name\"])) : P(\"\", !0),\n M(\"div\", cr, [\n H(Y, {\n \"html-element\": \"div\",\n \"text-type\": \"body-md\",\n \"text-style\": \"regular\",\n class: \"ds-banner__text\"\n }, {\n default: z(() => [\n M(\"div\", {\n innerHTML: i.text,\n id: S(s)\n }, null, 8, dr)\n ]),\n _: 1\n })\n ])\n ])\n ], 16, ir));\n }\n}), fr = { class: \"ds-spinner-animation\" }, mr = /* @__PURE__ */ M(\"svg\", {\n width: \"56\",\n height: \"56\",\n viewBox: \"0 0 56 56\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n /* @__PURE__ */ M(\"rect\", {\n class: \"ds-spinner-animation__track\",\n x: \"3\",\n y: \"3\",\n width: \"50\",\n height: \"50\",\n rx: \"25\",\n \"stroke-width\": \"6\"\n }),\n /* @__PURE__ */ M(\"path\", {\n class: \"ds-spinner-animation__snake\",\n d: \"M4.50674 36.5508C2.95033 37.1173 1.21245 36.3169 0.815599 34.7089C-0.175426 30.6933 -0.26744 26.4951 0.562107 22.4177C1.59161 17.3575 4.00037 12.6806 7.52209 8.90405C11.0438 5.12747 15.5413 2.39833 20.5173 1.01835C24.5269 -0.0935997 28.7213 -0.294665 32.7962 0.413827C34.428 0.697543 35.3477 2.37535 34.8912 3.96749V3.96749C34.4347 5.55962 32.7738 6.45833 31.1344 6.22238C28.1328 5.79039 25.0632 5.98204 22.1202 6.79819C18.2101 7.88256 14.6761 10.0271 11.9087 12.9947C9.14142 15.9623 7.24865 19.6373 6.43968 23.6135C5.83081 26.6062 5.85375 29.6818 6.49408 32.6459C6.84381 34.2648 6.06315 35.9844 4.50674 36.5508V36.5508Z\"\n })\n], -1), vr = [\n mr\n], oa = /* @__PURE__ */ q({\n __name: \"ds-spinner-animation\",\n setup(n) {\n return (e, t) => (c(), w(\"div\", fr, vr));\n }\n}), pr = [\n \"button-add\",\n \"button-chevron-down\",\n \"button-chevron-left\",\n \"button-chevron-right\",\n \"button-chevron-up\",\n \"button-close\",\n \"button-delete\",\n \"button-document\",\n \"button-download\",\n \"button-external-link\",\n \"button-filter\",\n \"button-information\",\n \"button-information-circle\",\n \"button-menu\",\n \"button-more\",\n \"button-navigate-back\",\n \"button-navigate-down\",\n \"button-navigate-forward\",\n \"button-navigate-up\",\n \"button-pause\",\n \"button-play\",\n \"button-print\",\n \"button-question\",\n \"button-question-circle\",\n \"button-search\",\n \"button-share-ios\",\n \"button-shopping-basket\",\n \"button-zoom-in\",\n \"button-zoom-out\"\n], un = ({\n variant: n,\n size: e,\n selected: t = b(() => !1),\n padding: a = null,\n isValidLoadingState: r = b(() => !1)\n}, s) => b(() => {\n let i = [];\n return i = yt(i, s, n.value), i = yt(i, s, e.value), i = yt(\n i,\n s,\n t.value ? \"selected\" : void 0\n ), i = yt(\n i,\n s,\n a,\n a !== \"padding-normal\"\n ), i = yt(\n i,\n s,\n \"loading\",\n r.value\n ), i;\n}), yt = (n, e, t, a = !0) => (t && a && n.push(`${e}--${t}`), n), tn = (n) => {\n if (!n.startsWith(\"button-\")) {\n const e = `button-${n}`;\n if (hr(e))\n return e;\n }\n return n;\n}, hr = (n, e = !1) => n ? pr.includes(n) ? !0 : (e && console.warn(\n `Icon \"${n}\" is not part of the button icon subset. Ensure you're using a \"button-\" prefixed icon name or reach out to the DS team.`\n), !1) : !0, gr = [\"aria-disabled\", \"disabled\", \"form\", \"name\", \"selected\", \"type\", \"value\"], br = [\"aria-disabled\", \"download\", \"href\", \"selected\", \"target\"], be = /* @__PURE__ */ q({\n __name: \"ds-button\",\n props: {\n clickHandler: { type: Function, default: () => {\n } },\n disabled: { type: Boolean, default: !1 },\n download: { type: [Boolean, String, null], default: null },\n form: {},\n href: {},\n iconStart: {},\n iconEnd: {},\n labelLoading: { default: void 0 },\n name: {},\n padding: { default: void 0 },\n selected: { type: Boolean, default: !1 },\n size: { default: \"md\" },\n state: { default: \"default\" },\n target: {},\n type: { default: \"button\" },\n value: {},\n variant: { default: \"secondary-neutral\" }\n },\n emits: [\"click\"],\n setup(n, { emit: e }) {\n const t = n, a = e, r = b(() => t.size === \"sm\" ? \"xs\" : \"sm\"), s = b(() => t.selected), i = b(() => t.size), o = b(() => {\n if (t.iconStart)\n return tn(t.iconStart);\n }), u = b(() => {\n if (t.iconEnd)\n return tn(t.iconEnd);\n }), l = I(t.padding), f = b(() => t.variant);\n (t.variant === \"link\" || t.variant === \"link-neutral\" || t.variant === \"link-inverted\") && !t.padding && (l.value = \"padding-none\");\n const d = (L) => {\n t.state !== \"loading\" && (t.clickHandler(L), a(\"click\", L));\n }, m = b(() => (t.variant === \"primary\" || t.variant === \"primary-inverted\") && t.state === \"loading\" && t.labelLoading !== void 0), p = un(\n {\n variant: f,\n size: i,\n padding: l.value,\n selected: s,\n isValidLoadingState: m\n },\n \"ds-button\"\n );\n return (L, x) => (c(), w(ne, null, [\n L.href ? P(\"\", !0) : (c(), w(\"button\", me({ key: 0 }, L.$attrs, {\n \"aria-disabled\": m.value || void 0,\n onClick: We(d, [\"stop\"]),\n class: [\"ds-button\", S(p)],\n disabled: L.disabled || void 0,\n form: L.form,\n name: L.name,\n selected: L.selected || void 0,\n type: L.type,\n value: L.value\n }), [\n m.value ? P(\"\", !0) : (c(), w(ne, { key: 0 }, [\n o.value ? (c(), D(ae, {\n key: 0,\n class: \"ds-button__icon-start\",\n \"icon-name\": o.value,\n size: r.value\n }, null, 8, [\"icon-name\", \"size\"])) : P(\"\", !0),\n H(Y, {\n \"text-type\": \"label-md\",\n \"text-style\": \"medium\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n se(L.$slots, \"default\")\n ]),\n _: 3\n }),\n u.value ? (c(), D(ae, {\n key: 1,\n class: \"ds-button__icon-end\",\n \"icon-name\": u.value,\n size: r.value\n }, null, 8, [\"icon-name\", \"size\"])) : P(\"\", !0)\n ], 64)),\n m.value ? (c(), w(ne, { key: 1 }, [\n H(oa),\n H(Y, {\n \"text-type\": \"label-md\",\n \"text-style\": \"medium\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n K(W(L.labelLoading), 1)\n ]),\n _: 1\n })\n ], 64)) : P(\"\", !0)\n ], 16, gr)),\n L.href ? (c(), w(\"a\", me({ key: 1 }, L.$attrs, {\n onClick: d,\n class: [\"ds-button\", S(p)],\n \"aria-disabled\": L.disabled || void 0,\n download: L.download === !0 ? \"\" : L.download,\n href: L.href,\n selected: L.selected || void 0,\n target: L.target\n }), [\n o.value ? (c(), D(ae, {\n key: 0,\n class: \"ds-button__icon-start\",\n \"icon-name\": o.value,\n size: r.value\n }, null, 8, [\"icon-name\", \"size\"])) : P(\"\", !0),\n H(Y, {\n \"text-type\": \"label-md\",\n \"text-style\": \"medium\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n se(L.$slots, \"default\")\n ]),\n _: 3\n }),\n u.value ? (c(), D(ae, {\n key: 1,\n class: \"ds-button__icon-end\",\n \"icon-name\": u.value,\n size: r.value\n }, null, 8, [\"icon-name\", \"size\"])) : P(\"\", !0)\n ], 16, br)) : P(\"\", !0)\n ], 64));\n }\n}), yr = [\"aria-label\", \"role\", \"data-icon-name\"], _r = [\"innerHTML\"], kr = \"ds-brand-icon\", wr = \"/dist/shared/images/design-system-brand-icons\", la = /* @__PURE__ */ q({\n __name: \"ds-brand-icon\",\n props: {\n altText: {},\n basePath: { default: \"/dist/shared/images/design-system-brand-icons\" },\n iconName: {},\n mode: { default: \"default\" },\n size: { default: \"md\" },\n type: { default: \"line\" }\n },\n emits: [\"iconLoaded\"],\n setup(n, { expose: e, emit: t }) {\n const a = n, r = b(() => a.iconName), s = t, { loadIcon: i, svgContents: o } = sa(\n kr,\n wr,\n a.basePath,\n s,\n r\n ), u = b(() => {\n const l = [];\n return l.push(`ds-brand-icon--${a.size}`), l.push(`ds-brand-icon--${a.type}`), a.mode !== \"default\" && l.push(`ds-brand-icon--mode-${a.mode}`), l;\n });\n return e({ loadIcon: i }), (l, f) => (c(), w(\"div\", {\n \"aria-label\": l.altText ? l.altText : void 0,\n role: l.altText ? \"img\" : void 0,\n class: U([\"ds-brand-icon\", u.value]),\n \"data-icon-name\": r.value\n }, [\n M(\"span\", {\n class: \"ds-brand-icon__svg\",\n \"aria-hidden\": \"true\",\n innerHTML: S(o)\n }, null, 8, _r)\n ], 10, yr));\n }\n}), $r = [\"aria-labelledby\"], Ir = {\n key: 1,\n class: \"ds-banner-md__content\"\n}, Tr = { class: \"ds-banner-md__icon-slot\" }, id = /* @__PURE__ */ q({\n __name: \"ds-banner-md\",\n props: {\n background: { default: \"brand-muted\" },\n buttonClickHandler: {},\n buttonHref: {},\n buttonText: {},\n iconName: {},\n iconAltText: {},\n text: {},\n textHtmlElement: { default: \"h3\" },\n textWrapMode: { default: \"balance\" }\n },\n setup(n) {\n const e = n, t = I(!1);\n de(() => {\n t.value = !0;\n });\n const a = Ze(\"banner-md\"), { isMobile: r } = Ie(), s = b(() => r.value ? \"heading-md\" : \"heading-3xl\"), i = b(() => e.background === \"brand-muted\" ? \"default\" : \"on-color\"), o = b(() => {\n const u = [];\n return u.push(`ds-banner-md--bg-${e.background}`), u.push(`ds-banner-md--tw-${e.textWrapMode}`), u;\n });\n return (u, l) => (c(), w(\"section\", me({\n \"aria-labelledby\": S(a),\n class: [\"ds-banner-md\", o.value]\n }, u.$attrs), [\n t.value ? P(\"\", !0) : se(u.$slots, \"default\", { key: 0 }),\n t.value ? (c(), w(\"div\", Ir, [\n H(Y, {\n class: \"ds-banner-md__text\",\n id: S(a),\n \"text-type\": s.value,\n \"text-style\": \"medium\",\n \"html-element\": u.textHtmlElement\n }, {\n default: z(() => [\n K(W(u.text), 1)\n ]),\n _: 1\n }, 8, [\"id\", \"text-type\", \"html-element\"]),\n u.buttonText ? (c(), D(be, {\n key: 0,\n class: \"ds-banner-md__cta\",\n href: u.buttonHref,\n clickHandler: u.buttonClickHandler,\n variant: \"primary\"\n }, {\n default: z(() => [\n K(W(u.buttonText), 1)\n ]),\n _: 1\n }, 8, [\"href\", \"clickHandler\"])) : P(\"\", !0)\n ])) : P(\"\", !0),\n M(\"div\", Tr, [\n H(la, {\n altText: u.iconAltText,\n iconName: u.iconName,\n mode: i.value,\n size: \"md\",\n type: \"line\"\n }, null, 8, [\"altText\", \"iconName\", \"mode\"])\n ])\n ], 16, $r));\n }\n}), Sr = [\"aria-labelledby\"], Pr = {\n key: 1,\n class: \"ds-banner-lg__content\"\n}, Lr = { class: \"ds-banner-lg__media\" }, Cr = [\"sizes\", \"src\", \"srcset\", \"alt\"], ud = /* @__PURE__ */ q({\n __name: \"ds-banner-lg\",\n props: {\n background: { default: \"brand-subtle\" },\n buttonClickHandler: {},\n buttonHref: {},\n buttonText: {},\n mediaAltText: { default: \"\" },\n mediaFocalPoint: { default: \"center\" },\n mediaFocalPointMobile: {},\n mediaSrc: {},\n mediaSrcSet: {},\n mediaSizes: {},\n text: {},\n textHtmlElement: { default: \"h3\" },\n textWrapMode: { default: \"balance\" }\n },\n setup(n) {\n const e = n, t = I(!1);\n de(() => {\n t.value = !0;\n });\n const a = Ze(\"banner-lg\"), { isMobile: r } = Ie(), s = b(() => r.value ? \"heading-md\" : \"heading-3xl\"), i = b(() => e.mediaFocalPointMobile && r.value ? e.mediaFocalPointMobile : e.mediaFocalPoint), o = b(() => {\n const l = [];\n return e.mediaFocalPoint !== \"center\" && l.push(`object-position: ${i.value};`), l;\n }), u = b(() => {\n const l = [];\n return l.push(`ds-banner-lg--bg-${e.background}`), l.push(`ds-banner-lg--tw-${e.textWrapMode}`), l;\n });\n return (l, f) => (c(), w(\"section\", me({\n \"aria-labelledby\": S(a),\n class: [\"ds-banner-lg\", u.value]\n }, l.$attrs), [\n t.value ? P(\"\", !0) : se(l.$slots, \"default\", { key: 0 }),\n t.value ? (c(), w(\"div\", Pr, [\n H(Y, {\n class: \"ds-banner-lg__text\",\n id: S(a),\n \"text-type\": s.value,\n \"text-style\": \"medium\",\n \"html-element\": l.textHtmlElement\n }, {\n default: z(() => [\n K(W(l.text), 1)\n ]),\n _: 1\n }, 8, [\"id\", \"text-type\", \"html-element\"]),\n H(be, {\n class: \"ds-banner-lg__cta\",\n href: l.buttonHref,\n clickHandler: l.buttonClickHandler,\n variant: \"primary\"\n }, {\n default: z(() => [\n K(W(l.buttonText), 1)\n ]),\n _: 1\n }, 8, [\"href\", \"clickHandler\"])\n ])) : P(\"\", !0),\n M(\"figure\", Lr, [\n M(\"img\", {\n class: \"ds-banner-lg__image\",\n style: ge(o.value),\n sizes: l.mediaSizes,\n src: l.mediaSrc,\n srcset: l.mediaSrcSet,\n alt: l.mediaAltText\n }, null, 12, Cr)\n ])\n ], 16, Sr));\n }\n}), Mr = [\"aria-labelledby\"], Er = {\n key: 1,\n class: \"ds-banner-xl__content\"\n}, Nr = { class: \"ds-banner-xl__text\" }, Ar = [\"innerHTML\"], xr = { class: \"ds-banner-xl__media\" }, Br = [\"sizes\", \"src\", \"srcset\", \"alt\"], cd = /* @__PURE__ */ q({\n __name: \"ds-banner-xl\",\n props: {\n background: { default: \"brand-subtle\" },\n buttonClickHandler: {},\n buttonHref: {},\n buttonText: {},\n description: {},\n mediaAltText: { default: \"\" },\n mediaPlacement: { default: \"end\" },\n mediaPlacementMobile: { default: \"useMediaPlacementValue\" },\n mediaFocalPoint: { default: \"center\" },\n mediaFocalPointMobile: {},\n mediaRenderMode: { default: \"cover\" },\n mediaRenderModeMobile: { default: \"useMediaRenderModeValue\" },\n mediaSrc: {},\n mediaSrcSet: {},\n mediaSizes: {},\n textWrapMode: { default: \"balance\" },\n titleSmall: {},\n titleSmallHtmlElement: { default: \"h3\" },\n titleLarge: {},\n titleLargeHtmlElement: { default: \"h2\" }\n },\n setup(n) {\n const e = n, t = I(!1);\n de(() => {\n t.value = !0;\n });\n const a = Ze(\"banner-xl\"), { isMobile: r } = Ie(), s = b(() => e.description ? \"long\" : \"short\"), i = b(() => s.value === \"long\" ? \"heading-3xl\" : \"heading-4xl\"), o = b(() => e.mediaFocalPointMobile && r.value ? e.mediaFocalPointMobile : e.mediaFocalPoint), u = b(() => {\n const f = [];\n return e.mediaFocalPoint !== \"center\" && f.push(`--object-position: ${o.value};`), f;\n }), l = b(() => {\n const f = [];\n return f.push(`ds-banner-xl--${s.value}`), f.push(`ds-banner-xl--bg-${e.background}`), f.push(`ds-banner-xl--media-${e.mediaPlacement}`), f.push(`ds-banner-xl--media-rm-${e.mediaRenderMode}`), f.push(`ds-banner-xl--tw-${e.textWrapMode}`), e.mediaPlacementMobile !== \"useMediaPlacementValue\" && e.mediaPlacementMobile !== e.mediaPlacement && f.push(\n `ds-banner-xl--media-mobile-${e.mediaPlacementMobile}`\n ), e.mediaRenderModeMobile !== \"useMediaRenderModeValue\" && e.mediaRenderModeMobile !== e.mediaRenderMode && f.push(\n `ds-banner-xl--media-rm-mobile-${e.mediaRenderModeMobile}`\n ), f;\n });\n return (f, v) => (c(), w(\"section\", me({ \"aria-labelledby\": S(a) }, f.$attrs, {\n class: [\"ds-banner-xl\", l.value]\n }), [\n t.value ? P(\"\", !0) : se(f.$slots, \"default\", { key: 0 }),\n t.value ? (c(), w(\"div\", Er, [\n M(\"div\", Nr, [\n s.value === \"short\" ? (c(), D(Y, {\n key: 0,\n class: \"ds-banner-xl__title-small\",\n \"text-type\": \"heading-lg\",\n \"text-style\": \"medium\",\n \"html-element\": f.titleSmallHtmlElement\n }, {\n default: z(() => [\n K(W(f.titleSmall), 1)\n ]),\n _: 1\n }, 8, [\"html-element\"])) : P(\"\", !0),\n H(Y, {\n class: \"ds-banner-xl__title-large\",\n id: S(a),\n \"text-type\": i.value,\n \"text-style\": \"medium\",\n \"html-element\": f.titleLargeHtmlElement\n }, {\n default: z(() => [\n K(W(f.titleLarge), 1)\n ]),\n _: 1\n }, 8, [\"id\", \"text-type\", \"html-element\"]),\n s.value === \"long\" ? (c(), D(Y, {\n key: 1,\n class: \"ds-banner-xl__description\",\n \"text-type\": \"heading-lg\",\n \"text-style\": \"medium\",\n \"html-element\": f.titleSmallHtmlElement\n }, {\n default: z(() => [\n M(\"span\", { innerHTML: f.description }, null, 8, Ar)\n ]),\n _: 1\n }, 8, [\"html-element\"])) : P(\"\", !0)\n ]),\n H(be, {\n href: f.buttonHref,\n clickHandler: f.buttonClickHandler,\n variant: \"primary\"\n }, {\n default: z(() => [\n K(W(f.buttonText), 1)\n ]),\n _: 1\n }, 8, [\"href\", \"clickHandler\"])\n ])) : P(\"\", !0),\n M(\"figure\", xr, [\n M(\"img\", {\n class: \"ds-banner-xl__image\",\n style: ge(u.value),\n sizes: f.mediaSizes,\n src: f.mediaSrc,\n srcset: f.mediaSrcSet,\n alt: f.mediaAltText\n }, null, 12, Br)\n ])\n ], 16, Mr));\n }\n}), Or = { class: \"ds-block__content\" }, qt = /* @__PURE__ */ q({\n __name: \"ds-block\",\n props: {\n background: { default: \"default\" },\n divider: { type: Boolean, default: !1 },\n grid: { type: Boolean, default: !1 },\n paddingTop: { default: \"default\" },\n paddingBottom: { default: \"default\" }\n },\n setup(n) {\n const e = n, t = b(() => {\n const a = {\n [`ds-block--bg-${e.background}`]: e.background !== \"default\",\n [`ds-block--pt-${e.paddingTop}`]: e.paddingTop !== \"default\",\n [`ds-block--pb-${e.paddingBottom}`]: e.paddingBottom !== \"default\",\n \"ds-block--divider\": e.divider,\n \"ds-block--grid\": e.grid\n };\n return Object.keys(a).filter((r) => a[r]);\n });\n return (a, r) => (c(), w(\"section\", {\n class: U([\"ds-block\", t.value])\n }, [\n M(\"div\", Or, [\n se(a.$slots, \"default\")\n ])\n ], 2));\n }\n}), Dr = [\"href\", \"aria-current\", \"title\"], Yt = /* @__PURE__ */ q({\n __name: \"ds-breadcrumb-item\",\n props: {\n iconStartName: {},\n item: {}\n },\n setup(n) {\n const e = n, a = e.item.name.length > 25 ? e.item.name : void 0;\n return (r, s) => (c(), w(\"a\", {\n class: \"ds-breadcrumb__link\",\n onClick: s[0] || (s[0] = (i) => {\n r.item.isCurrentPage && i.preventDefault();\n }),\n href: r.item.url,\n \"aria-current\": r.item.isCurrentPage ? \"page\" : void 0,\n title: S(a)\n }, [\n r.iconStartName ? (c(), D(ae, {\n key: 0,\n class: \"ds-breadcrumb__icon\",\n \"icon-name\": r.iconStartName,\n size: \"xs\"\n }, null, 8, [\"icon-name\"])) : P(\"\", !0),\n H(Y, {\n \"html-element\": \"span\",\n \"text-type\": \"label-sm\"\n }, {\n default: z(() => [\n K(W(r.item.name), 1)\n ]),\n _: 1\n })\n ], 8, Dr));\n }\n});\nfunction Me(n) {\n if (n == null)\n return window;\n if (n.toString() !== \"[object Window]\") {\n var e = n.ownerDocument;\n return e && e.defaultView || window;\n }\n return n;\n}\nfunction st(n) {\n var e = Me(n).Element;\n return n instanceof e || n instanceof Element;\n}\nfunction xe(n) {\n var e = Me(n).HTMLElement;\n return n instanceof e || n instanceof HTMLElement;\n}\nfunction cn(n) {\n if (typeof ShadowRoot > \"u\")\n return !1;\n var e = Me(n).ShadowRoot;\n return n instanceof e || n instanceof ShadowRoot;\n}\nvar at = Math.max, Ft = Math.min, dt = Math.round;\nfunction nn() {\n var n = navigator.userAgentData;\n return n != null && n.brands && Array.isArray(n.brands) ? n.brands.map(function(e) {\n return e.brand + \"/\" + e.version;\n }).join(\" \") : navigator.userAgent;\n}\nfunction ia() {\n return !/^((?!chrome|android).)*safari/i.test(nn());\n}\nfunction ft(n, e, t) {\n e === void 0 && (e = !1), t === void 0 && (t = !1);\n var a = n.getBoundingClientRect(), r = 1, s = 1;\n e && xe(n) && (r = n.offsetWidth > 0 && dt(a.width) / n.offsetWidth || 1, s = n.offsetHeight > 0 && dt(a.height) / n.offsetHeight || 1);\n var i = st(n) ? Me(n) : window, o = i.visualViewport, u = !ia() && t, l = (a.left + (u && o ? o.offsetLeft : 0)) / r, f = (a.top + (u && o ? o.offsetTop : 0)) / s, v = a.width / r, d = a.height / s;\n return {\n width: v,\n height: d,\n top: f,\n right: l + v,\n bottom: f + d,\n left: l,\n x: l,\n y: f\n };\n}\nfunction dn(n) {\n var e = Me(n), t = e.pageXOffset, a = e.pageYOffset;\n return {\n scrollLeft: t,\n scrollTop: a\n };\n}\nfunction Fr(n) {\n return {\n scrollLeft: n.scrollLeft,\n scrollTop: n.scrollTop\n };\n}\nfunction Hr(n) {\n return n === Me(n) || !xe(n) ? dn(n) : Fr(n);\n}\nfunction Ke(n) {\n return n ? (n.nodeName || \"\").toLowerCase() : null;\n}\nfunction et(n) {\n return ((st(n) ? n.ownerDocument : (\n // $FlowFixMe[prop-missing]\n n.document\n )) || window.document).documentElement;\n}\nfunction fn(n) {\n return ft(et(n)).left + dn(n).scrollLeft;\n}\nfunction Xe(n) {\n return Me(n).getComputedStyle(n);\n}\nfunction mn(n) {\n var e = Xe(n), t = e.overflow, a = e.overflowX, r = e.overflowY;\n return /auto|scroll|overlay|hidden/.test(t + r + a);\n}\nfunction zr(n) {\n var e = n.getBoundingClientRect(), t = dt(e.width) / n.offsetWidth || 1, a = dt(e.height) / n.offsetHeight || 1;\n return t !== 1 || a !== 1;\n}\nfunction Rr(n, e, t) {\n t === void 0 && (t = !1);\n var a = xe(e), r = xe(e) && zr(e), s = et(e), i = ft(n, r, t), o = {\n scrollLeft: 0,\n scrollTop: 0\n }, u = {\n x: 0,\n y: 0\n };\n return (a || !a && !t) && ((Ke(e) !== \"body\" || // https://github.com/popperjs/popper-core/issues/1078\n mn(s)) && (o = Hr(e)), xe(e) ? (u = ft(e, !0), u.x += e.clientLeft, u.y += e.clientTop) : s && (u.x = fn(s))), {\n x: i.left + o.scrollLeft - u.x,\n y: i.top + o.scrollTop - u.y,\n width: i.width,\n height: i.height\n };\n}\nfunction vn(n) {\n var e = ft(n), t = n.offsetWidth, a = n.offsetHeight;\n return Math.abs(e.width - t) <= 1 && (t = e.width), Math.abs(e.height - a) <= 1 && (a = e.height), {\n x: n.offsetLeft,\n y: n.offsetTop,\n width: t,\n height: a\n };\n}\nfunction jt(n) {\n return Ke(n) === \"html\" ? n : (\n // this is a quicker (but less type safe) way to save quite some bytes from the bundle\n // $FlowFixMe[incompatible-return]\n // $FlowFixMe[prop-missing]\n n.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n n.parentNode || // DOM Element detected\n (cn(n) ? n.host : null) || // ShadowRoot detected\n // $FlowFixMe[incompatible-call]: HTMLElement is a Node\n et(n)\n );\n}\nfunction ua(n) {\n return [\"html\", \"body\", \"#document\"].indexOf(Ke(n)) >= 0 ? n.ownerDocument.body : xe(n) && mn(n) ? n : ua(jt(n));\n}\nfunction $t(n, e) {\n var t;\n e === void 0 && (e = []);\n var a = ua(n), r = a === ((t = n.ownerDocument) == null ? void 0 : t.body), s = Me(a), i = r ? [s].concat(s.visualViewport || [], mn(a) ? a : []) : a, o = e.concat(i);\n return r ? o : (\n // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here\n o.concat($t(jt(i)))\n );\n}\nfunction Vr(n) {\n return [\"table\", \"td\", \"th\"].indexOf(Ke(n)) >= 0;\n}\nfunction xn(n) {\n return !xe(n) || // https://github.com/popperjs/popper-core/issues/837\n Xe(n).position === \"fixed\" ? null : n.offsetParent;\n}\nfunction qr(n) {\n var e = /firefox/i.test(nn()), t = /Trident/i.test(nn());\n if (t && xe(n)) {\n var a = Xe(n);\n if (a.position === \"fixed\")\n return null;\n }\n var r = jt(n);\n for (cn(r) && (r = r.host); xe(r) && [\"html\", \"body\"].indexOf(Ke(r)) < 0; ) {\n var s = Xe(r);\n if (s.transform !== \"none\" || s.perspective !== \"none\" || s.contain === \"paint\" || [\"transform\", \"perspective\"].indexOf(s.willChange) !== -1 || e && s.willChange === \"filter\" || e && s.filter && s.filter !== \"none\")\n return r;\n r = r.parentNode;\n }\n return null;\n}\nfunction Ct(n) {\n for (var e = Me(n), t = xn(n); t && Vr(t) && Xe(t).position === \"static\"; )\n t = xn(t);\n return t && (Ke(t) === \"html\" || Ke(t) === \"body\" && Xe(t).position === \"static\") ? e : t || qr(n) || e;\n}\nvar Pe = \"top\", ze = \"bottom\", Re = \"right\", Le = \"left\", pn = \"auto\", Mt = [Pe, ze, Re, Le], mt = \"start\", St = \"end\", jr = \"clippingParents\", ca = \"viewport\", _t = \"popper\", Wr = \"reference\", Bn = /* @__PURE__ */ Mt.reduce(function(n, e) {\n return n.concat([e + \"-\" + mt, e + \"-\" + St]);\n}, []), da = /* @__PURE__ */ [].concat(Mt, [pn]).reduce(function(n, e) {\n return n.concat([e, e + \"-\" + mt, e + \"-\" + St]);\n}, []), Ur = \"beforeRead\", Kr = \"read\", Gr = \"afterRead\", Yr = \"beforeMain\", Qr = \"main\", Xr = \"afterMain\", Zr = \"beforeWrite\", Jr = \"write\", es = \"afterWrite\", ts = [Ur, Kr, Gr, Yr, Qr, Xr, Zr, Jr, es];\nfunction ns(n) {\n var e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set(), a = [];\n n.forEach(function(s) {\n e.set(s.name, s);\n });\n function r(s) {\n t.add(s.name);\n var i = [].concat(s.requires || [], s.requiresIfExists || []);\n i.forEach(function(o) {\n if (!t.has(o)) {\n var u = e.get(o);\n u && r(u);\n }\n }), a.push(s);\n }\n return n.forEach(function(s) {\n t.has(s.name) || r(s);\n }), a;\n}\nfunction as(n) {\n var e = ns(n);\n return ts.reduce(function(t, a) {\n return t.concat(e.filter(function(r) {\n return r.phase === a;\n }));\n }, []);\n}\nfunction rs(n) {\n var e;\n return function() {\n return e || (e = new Promise(function(t) {\n Promise.resolve().then(function() {\n e = void 0, t(n());\n });\n })), e;\n };\n}\nfunction ss(n) {\n var e = n.reduce(function(t, a) {\n var r = t[a.name];\n return t[a.name] = r ? Object.assign({}, r, a, {\n options: Object.assign({}, r.options, a.options),\n data: Object.assign({}, r.data, a.data)\n }) : a, t;\n }, {});\n return Object.keys(e).map(function(t) {\n return e[t];\n });\n}\nfunction os(n, e) {\n var t = Me(n), a = et(n), r = t.visualViewport, s = a.clientWidth, i = a.clientHeight, o = 0, u = 0;\n if (r) {\n s = r.width, i = r.height;\n var l = ia();\n (l || !l && e === \"fixed\") && (o = r.offsetLeft, u = r.offsetTop);\n }\n return {\n width: s,\n height: i,\n x: o + fn(n),\n y: u\n };\n}\nfunction ls(n) {\n var e, t = et(n), a = dn(n), r = (e = n.ownerDocument) == null ? void 0 : e.body, s = at(t.scrollWidth, t.clientWidth, r ? r.scrollWidth : 0, r ? r.clientWidth : 0), i = at(t.scrollHeight, t.clientHeight, r ? r.scrollHeight : 0, r ? r.clientHeight : 0), o = -a.scrollLeft + fn(n), u = -a.scrollTop;\n return Xe(r || t).direction === \"rtl\" && (o += at(t.clientWidth, r ? r.clientWidth : 0) - s), {\n width: s,\n height: i,\n x: o,\n y: u\n };\n}\nfunction fa(n, e) {\n var t = e.getRootNode && e.getRootNode();\n if (n.contains(e))\n return !0;\n if (t && cn(t)) {\n var a = e;\n do {\n if (a && n.isSameNode(a))\n return !0;\n a = a.parentNode || a.host;\n } while (a);\n }\n return !1;\n}\nfunction an(n) {\n return Object.assign({}, n, {\n left: n.x,\n top: n.y,\n right: n.x + n.width,\n bottom: n.y + n.height\n });\n}\nfunction is(n, e) {\n var t = ft(n, !1, e === \"fixed\");\n return t.top = t.top + n.clientTop, t.left = t.left + n.clientLeft, t.bottom = t.top + n.clientHeight, t.right = t.left + n.clientWidth, t.width = n.clientWidth, t.height = n.clientHeight, t.x = t.left, t.y = t.top, t;\n}\nfunction On(n, e, t) {\n return e === ca ? an(os(n, t)) : st(e) ? is(e, t) : an(ls(et(n)));\n}\nfunction us(n) {\n var e = $t(jt(n)), t = [\"absolute\", \"fixed\"].indexOf(Xe(n).position) >= 0, a = t && xe(n) ? Ct(n) : n;\n return st(a) ? e.filter(function(r) {\n return st(r) && fa(r, a) && Ke(r) !== \"body\";\n }) : [];\n}\nfunction cs(n, e, t, a) {\n var r = e === \"clippingParents\" ? us(n) : [].concat(e), s = [].concat(r, [t]), i = s[0], o = s.reduce(function(u, l) {\n var f = On(n, l, a);\n return u.top = at(f.top, u.top), u.right = Ft(f.right, u.right), u.bottom = Ft(f.bottom, u.bottom), u.left = at(f.left, u.left), u;\n }, On(n, i, a));\n return o.width = o.right - o.left, o.height = o.bottom - o.top, o.x = o.left, o.y = o.top, o;\n}\nfunction je(n) {\n return n.split(\"-\")[0];\n}\nfunction vt(n) {\n return n.split(\"-\")[1];\n}\nfunction hn(n) {\n return [\"top\", \"bottom\"].indexOf(n) >= 0 ? \"x\" : \"y\";\n}\nfunction ma(n) {\n var e = n.reference, t = n.element, a = n.placement, r = a ? je(a) : null, s = a ? vt(a) : null, i = e.x + e.width / 2 - t.width / 2, o = e.y + e.height / 2 - t.height / 2, u;\n switch (r) {\n case Pe:\n u = {\n x: i,\n y: e.y - t.height\n };\n break;\n case ze:\n u = {\n x: i,\n y: e.y + e.height\n };\n break;\n case Re:\n u = {\n x: e.x + e.width,\n y: o\n };\n break;\n case Le:\n u = {\n x: e.x - t.width,\n y: o\n };\n break;\n default:\n u = {\n x: e.x,\n y: e.y\n };\n }\n var l = r ? hn(r) : null;\n if (l != null) {\n var f = l === \"y\" ? \"height\" : \"width\";\n switch (s) {\n case mt:\n u[l] = u[l] - (e[f] / 2 - t[f] / 2);\n break;\n case St:\n u[l] = u[l] + (e[f] / 2 - t[f] / 2);\n break;\n }\n }\n return u;\n}\nfunction va() {\n return {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n };\n}\nfunction pa(n) {\n return Object.assign({}, va(), n);\n}\nfunction ha(n, e) {\n return e.reduce(function(t, a) {\n return t[a] = n, t;\n }, {});\n}\nfunction gn(n, e) {\n e === void 0 && (e = {});\n var t = e, a = t.placement, r = a === void 0 ? n.placement : a, s = t.strategy, i = s === void 0 ? n.strategy : s, o = t.boundary, u = o === void 0 ? jr : o, l = t.rootBoundary, f = l === void 0 ? ca : l, v = t.elementContext, d = v === void 0 ? _t : v, m = t.altBoundary, p = m === void 0 ? !1 : m, L = t.padding, x = L === void 0 ? 0 : L, O = pa(typeof x != \"number\" ? x : ha(x, Mt)), E = d === _t ? Wr : _t, T = n.rects.popper, g = n.elements[p ? E : d], C = cs(st(g) ? g : g.contextElement || et(n.elements.popper), u, f, i), $ = ft(n.elements.reference), k = ma({\n reference: $,\n element: T,\n strategy: \"absolute\",\n placement: r\n }), y = an(Object.assign({}, T, k)), N = d === _t ? y : $, F = {\n top: C.top - N.top + O.top,\n bottom: N.bottom - C.bottom + O.bottom,\n left: C.left - N.left + O.left,\n right: N.right - C.right + O.right\n }, G = n.modifiersData.offset;\n if (d === _t && G) {\n var h = G[r];\n Object.keys(F).forEach(function(_) {\n var B = [Re, ze].indexOf(_) >= 0 ? 1 : -1, V = [Pe, ze].indexOf(_) >= 0 ? \"y\" : \"x\";\n F[_] += h[V] * B;\n });\n }\n return F;\n}\nvar Dn = {\n placement: \"bottom\",\n modifiers: [],\n strategy: \"absolute\"\n};\nfunction Fn() {\n for (var n = arguments.length, e = new Array(n), t = 0; t < n; t++)\n e[t] = arguments[t];\n return !e.some(function(a) {\n return !(a && typeof a.getBoundingClientRect == \"function\");\n });\n}\nfunction ds(n) {\n n === void 0 && (n = {});\n var e = n, t = e.defaultModifiers, a = t === void 0 ? [] : t, r = e.defaultOptions, s = r === void 0 ? Dn : r;\n return function(o, u, l) {\n l === void 0 && (l = s);\n var f = {\n placement: \"bottom\",\n orderedModifiers: [],\n options: Object.assign({}, Dn, s),\n modifiersData: {},\n elements: {\n reference: o,\n popper: u\n },\n attributes: {},\n styles: {}\n }, v = [], d = !1, m = {\n state: f,\n setOptions: function(O) {\n var E = typeof O == \"function\" ? O(f.options) : O;\n L(), f.options = Object.assign({}, s, f.options, E), f.scrollParents = {\n reference: st(o) ? $t(o) : o.contextElement ? $t(o.contextElement) : [],\n popper: $t(u)\n };\n var T = as(ss([].concat(a, f.options.modifiers)));\n return f.orderedModifiers = T.filter(function(g) {\n return g.enabled;\n }), p(), m.update();\n },\n // Sync update – it will always be executed, even if not necessary. This\n // is useful for low frequency updates where sync behavior simplifies the\n // logic.\n // For high frequency updates (e.g. `resize` and `scroll` events), always\n // prefer the async Popper#update method\n forceUpdate: function() {\n if (!d) {\n var O = f.elements, E = O.reference, T = O.popper;\n if (Fn(E, T)) {\n f.rects = {\n reference: Rr(E, Ct(T), f.options.strategy === \"fixed\"),\n popper: vn(T)\n }, f.reset = !1, f.placement = f.options.placement, f.orderedModifiers.forEach(function(F) {\n return f.modifiersData[F.name] = Object.assign({}, F.data);\n });\n for (var g = 0; g < f.orderedModifiers.length; g++) {\n if (f.reset === !0) {\n f.reset = !1, g = -1;\n continue;\n }\n var C = f.orderedModifiers[g], $ = C.fn, k = C.options, y = k === void 0 ? {} : k, N = C.name;\n typeof $ == \"function\" && (f = $({\n state: f,\n options: y,\n name: N,\n instance: m\n }) || f);\n }\n }\n }\n },\n // Async and optimistically optimized update – it will not be executed if\n // not necessary (debounced to run at most once-per-tick)\n update: rs(function() {\n return new Promise(function(x) {\n m.forceUpdate(), x(f);\n });\n }),\n destroy: function() {\n L(), d = !0;\n }\n };\n if (!Fn(o, u))\n return m;\n m.setOptions(l).then(function(x) {\n !d && l.onFirstUpdate && l.onFirstUpdate(x);\n });\n function p() {\n f.orderedModifiers.forEach(function(x) {\n var O = x.name, E = x.options, T = E === void 0 ? {} : E, g = x.effect;\n if (typeof g == \"function\") {\n var C = g({\n state: f,\n name: O,\n instance: m,\n options: T\n }), $ = function() {\n };\n v.push(C || $);\n }\n });\n }\n function L() {\n v.forEach(function(x) {\n return x();\n }), v = [];\n }\n return m;\n };\n}\nvar At = {\n passive: !0\n};\nfunction fs(n) {\n var e = n.state, t = n.instance, a = n.options, r = a.scroll, s = r === void 0 ? !0 : r, i = a.resize, o = i === void 0 ? !0 : i, u = Me(e.elements.popper), l = [].concat(e.scrollParents.reference, e.scrollParents.popper);\n return s && l.forEach(function(f) {\n f.addEventListener(\"scroll\", t.update, At);\n }), o && u.addEventListener(\"resize\", t.update, At), function() {\n s && l.forEach(function(f) {\n f.removeEventListener(\"scroll\", t.update, At);\n }), o && u.removeEventListener(\"resize\", t.update, At);\n };\n}\nconst ms = {\n name: \"eventListeners\",\n enabled: !0,\n phase: \"write\",\n fn: function() {\n },\n effect: fs,\n data: {}\n};\nfunction vs(n) {\n var e = n.state, t = n.name;\n e.modifiersData[t] = ma({\n reference: e.rects.reference,\n element: e.rects.popper,\n strategy: \"absolute\",\n placement: e.placement\n });\n}\nconst ps = {\n name: \"popperOffsets\",\n enabled: !0,\n phase: \"read\",\n fn: vs,\n data: {}\n};\nvar hs = {\n top: \"auto\",\n right: \"auto\",\n bottom: \"auto\",\n left: \"auto\"\n};\nfunction gs(n, e) {\n var t = n.x, a = n.y, r = e.devicePixelRatio || 1;\n return {\n x: dt(t * r) / r || 0,\n y: dt(a * r) / r || 0\n };\n}\nfunction Hn(n) {\n var e, t = n.popper, a = n.popperRect, r = n.placement, s = n.variation, i = n.offsets, o = n.position, u = n.gpuAcceleration, l = n.adaptive, f = n.roundOffsets, v = n.isFixed, d = i.x, m = d === void 0 ? 0 : d, p = i.y, L = p === void 0 ? 0 : p, x = typeof f == \"function\" ? f({\n x: m,\n y: L\n }) : {\n x: m,\n y: L\n };\n m = x.x, L = x.y;\n var O = i.hasOwnProperty(\"x\"), E = i.hasOwnProperty(\"y\"), T = Le, g = Pe, C = window;\n if (l) {\n var $ = Ct(t), k = \"clientHeight\", y = \"clientWidth\";\n if ($ === Me(t) && ($ = et(t), Xe($).position !== \"static\" && o === \"absolute\" && (k = \"scrollHeight\", y = \"scrollWidth\")), $ = $, r === Pe || (r === Le || r === Re) && s === St) {\n g = ze;\n var N = v && $ === C && C.visualViewport ? C.visualViewport.height : (\n // $FlowFixMe[prop-missing]\n $[k]\n );\n L -= N - a.height, L *= u ? 1 : -1;\n }\n if (r === Le || (r === Pe || r === ze) && s === St) {\n T = Re;\n var F = v && $ === C && C.visualViewport ? C.visualViewport.width : (\n // $FlowFixMe[prop-missing]\n $[y]\n );\n m -= F - a.width, m *= u ? 1 : -1;\n }\n }\n var G = Object.assign({\n position: o\n }, l && hs), h = f === !0 ? gs({\n x: m,\n y: L\n }, Me(t)) : {\n x: m,\n y: L\n };\n if (m = h.x, L = h.y, u) {\n var _;\n return Object.assign({}, G, (_ = {}, _[g] = E ? \"0\" : \"\", _[T] = O ? \"0\" : \"\", _.transform = (C.devicePixelRatio || 1) <= 1 ? \"translate(\" + m + \"px, \" + L + \"px)\" : \"translate3d(\" + m + \"px, \" + L + \"px, 0)\", _));\n }\n return Object.assign({}, G, (e = {}, e[g] = E ? L + \"px\" : \"\", e[T] = O ? m + \"px\" : \"\", e.transform = \"\", e));\n}\nfunction bs(n) {\n var e = n.state, t = n.options, a = t.gpuAcceleration, r = a === void 0 ? !0 : a, s = t.adaptive, i = s === void 0 ? !0 : s, o = t.roundOffsets, u = o === void 0 ? !0 : o, l = {\n placement: je(e.placement),\n variation: vt(e.placement),\n popper: e.elements.popper,\n popperRect: e.rects.popper,\n gpuAcceleration: r,\n isFixed: e.options.strategy === \"fixed\"\n };\n e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, Hn(Object.assign({}, l, {\n offsets: e.modifiersData.popperOffsets,\n position: e.options.strategy,\n adaptive: i,\n roundOffsets: u\n })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, Hn(Object.assign({}, l, {\n offsets: e.modifiersData.arrow,\n position: \"absolute\",\n adaptive: !1,\n roundOffsets: u\n })))), e.attributes.popper = Object.assign({}, e.attributes.popper, {\n \"data-popper-placement\": e.placement\n });\n}\nconst ys = {\n name: \"computeStyles\",\n enabled: !0,\n phase: \"beforeWrite\",\n fn: bs,\n data: {}\n};\nfunction _s(n) {\n var e = n.state;\n Object.keys(e.elements).forEach(function(t) {\n var a = e.styles[t] || {}, r = e.attributes[t] || {}, s = e.elements[t];\n !xe(s) || !Ke(s) || (Object.assign(s.style, a), Object.keys(r).forEach(function(i) {\n var o = r[i];\n o === !1 ? s.removeAttribute(i) : s.setAttribute(i, o === !0 ? \"\" : o);\n }));\n });\n}\nfunction ks(n) {\n var e = n.state, t = {\n popper: {\n position: e.options.strategy,\n left: \"0\",\n top: \"0\",\n margin: \"0\"\n },\n arrow: {\n position: \"absolute\"\n },\n reference: {}\n };\n return Object.assign(e.elements.popper.style, t.popper), e.styles = t, e.elements.arrow && Object.assign(e.elements.arrow.style, t.arrow), function() {\n Object.keys(e.elements).forEach(function(a) {\n var r = e.elements[a], s = e.attributes[a] || {}, i = Object.keys(e.styles.hasOwnProperty(a) ? e.styles[a] : t[a]), o = i.reduce(function(u, l) {\n return u[l] = \"\", u;\n }, {});\n !xe(r) || !Ke(r) || (Object.assign(r.style, o), Object.keys(s).forEach(function(u) {\n r.removeAttribute(u);\n }));\n });\n };\n}\nconst ws = {\n name: \"applyStyles\",\n enabled: !0,\n phase: \"write\",\n fn: _s,\n effect: ks,\n requires: [\"computeStyles\"]\n};\nvar $s = [ms, ps, ys, ws], Is = /* @__PURE__ */ ds({\n defaultModifiers: $s\n});\nfunction Ts(n) {\n return n === \"x\" ? \"y\" : \"x\";\n}\nfunction It(n, e, t) {\n return at(n, Ft(e, t));\n}\nfunction Ss(n, e, t) {\n var a = It(n, e, t);\n return a > t ? t : a;\n}\nfunction Ps(n) {\n var e = n.state, t = n.options, a = n.name, r = t.mainAxis, s = r === void 0 ? !0 : r, i = t.altAxis, o = i === void 0 ? !1 : i, u = t.boundary, l = t.rootBoundary, f = t.altBoundary, v = t.padding, d = t.tether, m = d === void 0 ? !0 : d, p = t.tetherOffset, L = p === void 0 ? 0 : p, x = gn(e, {\n boundary: u,\n rootBoundary: l,\n padding: v,\n altBoundary: f\n }), O = je(e.placement), E = vt(e.placement), T = !E, g = hn(O), C = Ts(g), $ = e.modifiersData.popperOffsets, k = e.rects.reference, y = e.rects.popper, N = typeof L == \"function\" ? L(Object.assign({}, e.rects, {\n placement: e.placement\n })) : L, F = typeof N == \"number\" ? {\n mainAxis: N,\n altAxis: N\n } : Object.assign({\n mainAxis: 0,\n altAxis: 0\n }, N), G = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, h = {\n x: 0,\n y: 0\n };\n if ($) {\n if (s) {\n var _, B = g === \"y\" ? Pe : Le, V = g === \"y\" ? ze : Re, A = g === \"y\" ? \"height\" : \"width\", j = $[g], Z = j + x[B], R = j - x[V], J = m ? -y[A] / 2 : 0, re = E === mt ? k[A] : y[A], te = E === mt ? -y[A] : -k[A], ie = e.elements.arrow, ye = m && ie ? vn(ie) : {\n width: 0,\n height: 0\n }, Te = e.modifiersData[\"arrow#persistent\"] ? e.modifiersData[\"arrow#persistent\"].padding : va(), Q = Te[B], oe = Te[V], ce = It(0, k[A], ye[A]), Se = T ? k[A] / 2 - J - ce - Q - F.mainAxis : re - ce - Q - F.mainAxis, Ge = T ? -k[A] / 2 + J + ce + oe + F.mainAxis : te + ce + oe + F.mainAxis, Be = e.elements.arrow && Ct(e.elements.arrow), qe = Be ? g === \"y\" ? Be.clientTop || 0 : Be.clientLeft || 0 : 0, Je = (_ = G == null ? void 0 : G[g]) != null ? _ : 0, _e = j + Se - Je - qe, Et = j + Ge - Je, ht = It(m ? Ft(Z, _e) : Z, j, m ? at(R, Et) : R);\n $[g] = ht, h[g] = ht - j;\n }\n if (o) {\n var X, ke = g === \"x\" ? Pe : Le, Oe = g === \"x\" ? ze : Re, Ee = $[C], De = C === \"y\" ? \"height\" : \"width\", gt = Ee + x[ke], Fe = Ee - x[Oe], Nt = [Pe, Le].indexOf(O) !== -1, Ln = (X = G == null ? void 0 : G[C]) != null ? X : 0, Cn = Nt ? gt : Ee - k[De] - y[De] - Ln + F.altAxis, Mn = Nt ? Ee + k[De] + y[De] - Ln - F.altAxis : Fe, En = m && Nt ? Ss(Cn, Ee, Mn) : It(m ? Cn : gt, Ee, m ? Mn : Fe);\n $[C] = En, h[C] = En - Ee;\n }\n e.modifiersData[a] = h;\n }\n}\nconst Ls = {\n name: \"preventOverflow\",\n enabled: !0,\n phase: \"main\",\n fn: Ps,\n requiresIfExists: [\"offset\"]\n};\nvar Cs = {\n left: \"right\",\n right: \"left\",\n bottom: \"top\",\n top: \"bottom\"\n};\nfunction xt(n) {\n return n.replace(/left|right|bottom|top/g, function(e) {\n return Cs[e];\n });\n}\nvar Ms = {\n start: \"end\",\n end: \"start\"\n};\nfunction zn(n) {\n return n.replace(/start|end/g, function(e) {\n return Ms[e];\n });\n}\nfunction Es(n, e) {\n e === void 0 && (e = {});\n var t = e, a = t.placement, r = t.boundary, s = t.rootBoundary, i = t.padding, o = t.flipVariations, u = t.allowedAutoPlacements, l = u === void 0 ? da : u, f = vt(a), v = f ? o ? Bn : Bn.filter(function(p) {\n return vt(p) === f;\n }) : Mt, d = v.filter(function(p) {\n return l.indexOf(p) >= 0;\n });\n d.length === 0 && (d = v);\n var m = d.reduce(function(p, L) {\n return p[L] = gn(n, {\n placement: L,\n boundary: r,\n rootBoundary: s,\n padding: i\n })[je(L)], p;\n }, {});\n return Object.keys(m).sort(function(p, L) {\n return m[p] - m[L];\n });\n}\nfunction Ns(n) {\n if (je(n) === pn)\n return [];\n var e = xt(n);\n return [zn(n), e, zn(e)];\n}\nfunction As(n) {\n var e = n.state, t = n.options, a = n.name;\n if (!e.modifiersData[a]._skip) {\n for (var r = t.mainAxis, s = r === void 0 ? !0 : r, i = t.altAxis, o = i === void 0 ? !0 : i, u = t.fallbackPlacements, l = t.padding, f = t.boundary, v = t.rootBoundary, d = t.altBoundary, m = t.flipVariations, p = m === void 0 ? !0 : m, L = t.allowedAutoPlacements, x = e.options.placement, O = je(x), E = O === x, T = u || (E || !p ? [xt(x)] : Ns(x)), g = [x].concat(T).reduce(function(ye, Te) {\n return ye.concat(je(Te) === pn ? Es(e, {\n placement: Te,\n boundary: f,\n rootBoundary: v,\n padding: l,\n flipVariations: p,\n allowedAutoPlacements: L\n }) : Te);\n }, []), C = e.rects.reference, $ = e.rects.popper, k = /* @__PURE__ */ new Map(), y = !0, N = g[0], F = 0; F < g.length; F++) {\n var G = g[F], h = je(G), _ = vt(G) === mt, B = [Pe, ze].indexOf(h) >= 0, V = B ? \"width\" : \"height\", A = gn(e, {\n placement: G,\n boundary: f,\n rootBoundary: v,\n altBoundary: d,\n padding: l\n }), j = B ? _ ? Re : Le : _ ? ze : Pe;\n C[V] > $[V] && (j = xt(j));\n var Z = xt(j), R = [];\n if (s && R.push(A[h] <= 0), o && R.push(A[j] <= 0, A[Z] <= 0), R.every(function(ye) {\n return ye;\n })) {\n N = G, y = !1;\n break;\n }\n k.set(G, R);\n }\n if (y)\n for (var J = p ? 3 : 1, re = function(Te) {\n var Q = g.find(function(oe) {\n var ce = k.get(oe);\n if (ce)\n return ce.slice(0, Te).every(function(Se) {\n return Se;\n });\n });\n if (Q)\n return N = Q, \"break\";\n }, te = J; te > 0; te--) {\n var ie = re(te);\n if (ie === \"break\") break;\n }\n e.placement !== N && (e.modifiersData[a]._skip = !0, e.placement = N, e.reset = !0);\n }\n}\nconst xs = {\n name: \"flip\",\n enabled: !0,\n phase: \"main\",\n fn: As,\n requiresIfExists: [\"offset\"],\n data: {\n _skip: !1\n }\n};\nfunction Bs(n, e, t) {\n var a = je(n), r = [Le, Pe].indexOf(a) >= 0 ? -1 : 1, s = typeof t == \"function\" ? t(Object.assign({}, e, {\n placement: n\n })) : t, i = s[0], o = s[1];\n return i = i || 0, o = (o || 0) * r, [Le, Re].indexOf(a) >= 0 ? {\n x: o,\n y: i\n } : {\n x: i,\n y: o\n };\n}\nfunction Os(n) {\n var e = n.state, t = n.options, a = n.name, r = t.offset, s = r === void 0 ? [0, 0] : r, i = da.reduce(function(f, v) {\n return f[v] = Bs(v, e.rects, s), f;\n }, {}), o = i[e.placement], u = o.x, l = o.y;\n e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += u, e.modifiersData.popperOffsets.y += l), e.modifiersData[a] = i;\n}\nconst Ds = {\n name: \"offset\",\n enabled: !0,\n phase: \"main\",\n requires: [\"popperOffsets\"],\n fn: Os\n};\nvar Fs = function(e, t) {\n return e = typeof e == \"function\" ? e(Object.assign({}, t.rects, {\n placement: t.placement\n })) : e, pa(typeof e != \"number\" ? e : ha(e, Mt));\n};\nfunction Hs(n) {\n var e, t = n.state, a = n.name, r = n.options, s = t.elements.arrow, i = t.modifiersData.popperOffsets, o = je(t.placement), u = hn(o), l = [Le, Re].indexOf(o) >= 0, f = l ? \"height\" : \"width\";\n if (!(!s || !i)) {\n var v = Fs(r.padding, t), d = vn(s), m = u === \"y\" ? Pe : Le, p = u === \"y\" ? ze : Re, L = t.rects.reference[f] + t.rects.reference[u] - i[u] - t.rects.popper[f], x = i[u] - t.rects.reference[u], O = Ct(s), E = O ? u === \"y\" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, T = L / 2 - x / 2, g = v[m], C = E - d[f] - v[p], $ = E / 2 - d[f] / 2 + T, k = It(g, $, C), y = u;\n t.modifiersData[a] = (e = {}, e[y] = k, e.centerOffset = k - $, e);\n }\n}\nfunction zs(n) {\n var e = n.state, t = n.options, a = t.element, r = a === void 0 ? \"[data-popper-arrow]\" : a;\n r != null && (typeof r == \"string\" && (r = e.elements.popper.querySelector(r), !r) || fa(e.elements.popper, r) && (e.elements.arrow = r));\n}\nconst Rs = {\n name: \"arrow\",\n enabled: !0,\n phase: \"main\",\n fn: Hs,\n effect: zs,\n requires: [\"popperOffsets\"],\n requiresIfExists: [\"preventOverflow\"]\n};\nfunction ga({\n targetNode: n,\n tooltipNode: e,\n placement: t,\n strategy: a,\n showArrow: r = !0\n}) {\n const s = I(null), i = I(!1), o = () => {\n i.value = !i.value;\n };\n return Ve(() => {\n var u;\n (u = s.value) == null || u.destroy();\n }), de(() => {\n let u = [];\n r && (u = [\n Rs,\n {\n name: \"arrow\",\n options: {\n padding: 8\n }\n }\n ]), n.value && e.value && (s.value = Is(\n n.value,\n e.value,\n {\n placement: t,\n strategy: a,\n modifiers: [\n Ls,\n xs,\n Ds,\n {\n name: \"offset\",\n options: {\n offset: [0, 10]\n }\n },\n ...u\n ]\n }\n ));\n }), le(i, (u) => {\n var l;\n u && ((l = s.value) == null || l.update());\n }), {\n toggle: o,\n isOpen: i\n };\n}\nconst Vs = [\"data-show\"], qs = [\"id\"], js = { class: \"ds-tooltip__content\" }, Ws = [\"innerHTML\"], Us = /* @__PURE__ */ M(\"div\", {\n class: \"ds-tooltip__arrow\",\n \"data-popper-arrow\": \"\"\n}, null, -1), Ks = /* @__PURE__ */ q({\n __name: \"ds-tooltip\",\n props: {\n placement: { default: \"auto\" },\n strategy: { default: \"absolute\" },\n text: {},\n title: {},\n titleElement: { default: \"h3\" }\n },\n setup(n) {\n const e = n, t = I(null), a = I(null), r = I(null), s = Ze(\"tooltip\"), i = [\"A\", \"BUTTON\", \"INPUT\", \"SELECT\", \"TEXTAREA\"], o = (d) => {\n const m = d.target;\n return m ? i.includes(m.tagName) : !1;\n }, u = (d) => {\n o(d) && (v.value = !0);\n }, l = (d) => {\n o(d) && d.target !== document.activeElement && (v.value = !1);\n }, f = (d) => {\n if (o(d)) {\n const m = d.target;\n m && [\"BUTTON\", \"A\"].includes(m.tagName) && (d.preventDefault(), m == null || m.click());\n }\n };\n de(() => {\n const d = a.value, m = d == null ? void 0 : d.querySelector(\"a, button, input, select, textarea\");\n if (m)\n t.value = m, t.value.setAttribute(\"aria-describedby\", s);\n else\n throw new Error(\n \"The tooltip can only be applied to interactive elements\"\n );\n });\n const { isOpen: v } = ga({\n targetNode: t,\n tooltipNode: r,\n placement: e.placement,\n strategy: e.strategy\n });\n return (d, m) => (c(), w(\"div\", {\n class: \"ds-tooltip\",\n \"data-show\": S(v)\n }, [\n M(\"div\", {\n class: \"ds-tooltip__target-wrapper\",\n ref_key: \"targetWrapper\",\n ref: a,\n onFocusin: u,\n onFocusout: l,\n onMouseover: u,\n onMouseout: l,\n onTouchend: f\n }, [\n se(d.$slots, \"default\")\n ], 544),\n M(\"div\", {\n id: S(s),\n ref_key: \"tooltip\",\n ref: r,\n class: \"ds-tooltip__tooltip\",\n \"data-testid\": \"tooltip\"\n }, [\n M(\"div\", js, [\n d.title ? (c(), D(Tt(d.titleElement), {\n key: 0,\n class: \"ds-tooltip__title\"\n }, {\n default: z(() => [\n K(W(d.title), 1)\n ]),\n _: 1\n })) : P(\"\", !0),\n H(Y, {\n \"text-type\": \"label-sm\",\n \"html-element\": \"div\"\n }, {\n default: z(() => [\n M(\"div\", { innerHTML: d.text }, null, 8, Ws)\n ]),\n _: 1\n })\n ]),\n Us\n ], 8, qs)\n ], 8, Vs));\n }\n}), Gs = [\"aria-label\"], Ys = {\n key: 0,\n class: \"ds-breadcrumb__mobile\"\n}, Qs = {\n key: 1,\n class: \"ds-breadcrumb__list\"\n}, Xs = {\n key: 0,\n class: \"ds-breadcrumb__item ds-breadcrumb__item--expand\"\n}, dd = /* @__PURE__ */ q({\n __name: \"ds-breadcrumb\",\n props: {\n ariaLabel: {},\n items: {},\n overflowMenuTooltipText: {}\n },\n setup(n) {\n const e = n, t = I(!1), { isMobile: a } = Ie(), r = {\n ...e.items[0],\n itemClass: \"ds-breadcrumb__item\"\n }, s = e.items.slice(1), i = b(() => e.items.length > 3), o = e.items.filter((m) => m.isCurrentPage)[0], l = e.items.indexOf(o) - 1, f = l > -1 ? {\n ...e.items[l],\n itemClass: \"ds-breadcrumb__item\"\n } : null, v = b(() => s.map((m, p) => {\n const L = i.value && p < e.items.length - 3;\n return {\n ...m,\n itemClass: L ? \"ds-breadcrumb__item ds-breadcrumb__item--initially-hidden\" : \"ds-breadcrumb__item\"\n };\n })), d = b(() => {\n const m = [\"ds-breadcrumb\"];\n return t.value && m.push(\"ds-breadcrumb--expanded\"), m;\n });\n return (m, p) => m.items.length > 1 ? (c(), w(\"nav\", {\n key: 0,\n class: U(d.value),\n \"aria-label\": m.ariaLabel\n }, [\n S(f) && S(a) ? (c(), w(\"div\", Ys, [\n H(Yt, {\n \"icon-start-name\": \"navigate-back\",\n item: S(f)\n }, null, 8, [\"item\"])\n ])) : P(\"\", !0),\n S(a) ? P(\"\", !0) : (c(), w(\"ol\", Qs, [\n M(\"li\", {\n class: U(r.itemClass)\n }, [\n H(Yt, { item: r }),\n v.value.length ? (c(), D(ae, {\n key: 0,\n class: \"ds-breadcrumb__divider\",\n \"icon-name\": \"chevron-right\",\n size: \"xs\"\n })) : P(\"\", !0)\n ], 2),\n i.value ? (c(), w(\"li\", Xs, [\n H(Ks, {\n ref: \"tooltip\",\n text: m.overflowMenuTooltipText,\n placement: \"top\"\n }, {\n default: z(() => [\n M(\"button\", {\n class: \"ds-breadcrumb__expand\",\n onClick: p[0] || (p[0] = () => t.value = !0)\n }, [\n H(Y, {\n \"text-type\": \"label-sm\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n K(\"…\")\n ]),\n _: 1\n })\n ])\n ]),\n _: 1\n }, 8, [\"text\"]),\n v.value.length ? (c(), D(ae, {\n key: 0,\n class: \"ds-breadcrumb__divider\",\n \"icon-name\": \"chevron-right\",\n size: \"xs\"\n })) : P(\"\", !0)\n ])) : P(\"\", !0),\n (c(!0), w(ne, null, ue(v.value, (L, x) => (c(), w(\"li\", {\n class: U(L.itemClass),\n key: L.url\n }, [\n H(Yt, { item: L }, null, 8, [\"item\"]),\n x < v.value.length - 1 ? (c(), D(ae, {\n key: 0,\n class: \"ds-breadcrumb__divider\",\n \"icon-name\": \"chevron-right\",\n size: \"xs\"\n })) : P(\"\", !0)\n ], 2))), 128))\n ]))\n ], 10, Gs)) : P(\"\", !0);\n }\n}), ba = /* @__PURE__ */ q({\n __name: \"ds-button-group\",\n props: {\n buttonSize: { default: \"md\" },\n desktopAlignment: { default: \"end\" },\n desktopDirection: { default: \"row\" },\n mobileAlignment: { default: \"stretch\" },\n mobileDirection: { default: \"column-reverse\" }\n },\n setup(n) {\n const e = n, t = b(() => [\n `ds-button-group--${e.buttonSize}`,\n `ds-button-group--${e.desktopAlignment}`,\n `ds-button-group--${e.desktopDirection}`,\n `ds-button-group--m-${e.mobileAlignment}`,\n `ds-button-group--m-${e.mobileDirection}`\n ]);\n return (a, r) => (c(), w(\"div\", {\n class: U([\"ds-button-group\", t.value])\n }, [\n se(a.$slots, \"default\", { buttonSize: a.buttonSize })\n ], 2));\n }\n}), Zs = [\"aria-label\", \"disabled\"], Js = /* @__PURE__ */ M(\"span\", { class: \"ds-button-play__bg\" }, null, -1), fd = /* @__PURE__ */ q({\n __name: \"ds-button-play\",\n props: {\n ariaLabelPlay: {},\n ariaLabelPause: {},\n disabled: { type: Boolean, default: !1 },\n initialState: { default: \"play\" },\n pauseHandler: {},\n playHandler: {},\n size: { default: \"md\" },\n variant: { default: \"primary\" }\n },\n setup(n) {\n const e = n, t = b(() => e.playHandler && e.pauseHandler), a = b(() => i.value === \"play\" && e.playHandler), r = b(() => i.value === \"pause\" && e.pauseHandler), s = b(() => {\n if (a.value)\n return e.ariaLabelPlay;\n if (r.value)\n return e.ariaLabelPause;\n }), i = I(e.initialState), o = (d) => {\n a.value ? u(d) : r.value && l(d);\n }, u = (d) => {\n t.value && (i.value = \"pause\");\n try {\n e.playHandler && e.playHandler(d);\n } catch (m) {\n i.value = \"play\", console.error(m);\n }\n }, l = (d) => {\n t.value && (i.value = \"play\");\n try {\n e.pauseHandler && e.pauseHandler(d);\n } catch (m) {\n i.value = \"pause\", console.error(m);\n }\n }, f = b(() => [\n `ds-button-play--${e.variant}`,\n `ds-button-play--${e.size}`\n ]);\n let v = !0;\n return e.playHandler && !e.ariaLabelPlay && (v = !1), e.pauseHandler && !e.ariaLabelPause && (v = !1), v || console.error(\"The play button requires an accessible label\"), (d, m) => (c(), w(\"button\", {\n \"aria-label\": s.value,\n onClick: o,\n class: U([\"ds-button-play\", f.value]),\n disabled: d.disabled || void 0\n }, [\n Js,\n H(Ue, {\n mode: \"out-in\",\n name: \"swap\"\n }, {\n default: z(() => [\n (c(), D(S(ae), {\n key: i.value,\n \"icon-name\": i.value,\n size: d.size\n }, null, 8, [\"icon-name\", \"size\"]))\n ]),\n _: 1\n })\n ], 10, Zs));\n }\n}), eo = [\"aria-label\", \"disabled\"], to = {\n class: \"ds-button-play-progress__progress\",\n viewBox: \"0 0 36 36\"\n}, no = /* @__PURE__ */ M(\"circle\", {\n class: \"ds-button-play-progress__progress-bg\",\n cx: \"18\",\n cy: \"18\",\n r: \"16\"\n}, null, -1), ao = [\"stroke-dasharray\", \"stroke-dashoffset\"], ro = 16, so = /* @__PURE__ */ q({\n __name: \"ds-button-play-progress\",\n props: {\n ariaLabelPlay: {},\n ariaLabelPause: {},\n disabled: { type: Boolean, default: !1 },\n initialState: { default: \"play\" },\n pauseHandler: {},\n playHandler: {},\n progress: { default: 0 },\n loop: { type: Boolean, default: !0 },\n size: { default: \"responsive\" },\n variant: { default: \"on-dark\" }\n },\n setup(n, { expose: e }) {\n const t = n, a = b(() => {\n const g = [];\n return g.push(`ds-button-play-progress--${t.variant}`), g.push(`ds-button-play-progress--${s.value}`), g;\n }), { isMobile: r } = Ie(), s = b(() => t.size === \"responsive\" ? r.value ? \"md\" : \"sm\" : t.size), i = b(() => s.value === \"md\" ? \"sm\" : \"xs\"), o = b(() => t.playHandler && t.pauseHandler), u = b(() => v.value === \"play\" && t.playHandler), l = b(() => v.value === \"pause\" && t.pauseHandler), f = b(() => {\n if (u.value)\n return t.ariaLabelPlay;\n if (l.value)\n return t.ariaLabelPause;\n }), v = I(t.initialState), d = b(() => v.value === \"play\" ? \"button-play\" : \"button-pause\");\n e({\n /**\n * Allows parent components to set the play state\n * @param isPlaying - Boolean to indicate whether the media is currently playing\n */\n setButtonState: (g) => {\n v.value = g ? \"pause\" : \"play\";\n }\n });\n const p = (g) => {\n u.value ? L(g) : l.value && x(g);\n }, L = (g) => {\n o.value && (v.value = \"pause\");\n try {\n t.playHandler && t.playHandler(g);\n } catch (C) {\n v.value = \"play\", console.error(C);\n }\n }, x = (g) => {\n o.value && (v.value = \"play\");\n try {\n t.pauseHandler && t.pauseHandler(g);\n } catch (C) {\n v.value = \"pause\", console.error(C);\n }\n };\n let O = !0;\n t.playHandler && !t.ariaLabelPlay && (O = !1), t.pauseHandler && !t.ariaLabelPause && (O = !1);\n const E = b(() => 2 * Math.PI * ro), T = b(() => {\n const g = Math.min(Math.max(t.progress || 0, 0), 1);\n return E.value * (1 - g);\n });\n return t.loop || le(\n () => t.progress,\n (g) => {\n g >= 1 && (v.value = \"play\");\n }\n ), O || console.error(\"The play button requires an accessible label\"), (g, C) => (c(), w(\"button\", {\n \"aria-label\": f.value,\n onClick: p,\n class: U([\"ds-button-play-progress\", a.value]),\n disabled: g.disabled || void 0\n }, [\n (c(), w(\"svg\", to, [\n no,\n M(\"circle\", {\n class: \"ds-button-play-progress__progress-indicator\",\n cx: \"18\",\n cy: \"18\",\n r: \"16\",\n \"stroke-dasharray\": E.value,\n \"stroke-dashoffset\": T.value\n }, null, 8, ao)\n ])),\n H(Ue, {\n mode: \"out-in\",\n name: \"swap\"\n }, {\n default: z(() => [\n (c(), D(S(ae), {\n key: d.value,\n \"icon-name\": d.value,\n size: i.value\n }, null, 8, [\"icon-name\", \"size\"]))\n ]),\n _: 1\n })\n ], 10, eo));\n }\n}), oo = [\"aria-label\", \"disabled\", \"form\", \"name\", \"type\", \"value\"], lo = {\n key: 1,\n class: \"ds-icon-button__notification\"\n}, io = [\"aria-disabled\", \"aria-label\", \"download\", \"href\", \"target\"], he = /* @__PURE__ */ q({\n __name: \"ds-icon-button\",\n props: {\n ariaLabel: {},\n clickHandler: { type: Function, default: () => {\n } },\n disabled: { type: Boolean, default: !1 },\n download: { type: [Boolean, String, null], default: null },\n form: {},\n href: {},\n iconName: { default: \"button-add\" },\n name: {},\n notificationCount: {},\n size: { default: \"md\" },\n target: {},\n type: { default: \"button\" },\n value: {},\n variant: { default: \"secondary-neutral\" }\n },\n setup(n) {\n const e = n, t = b(() => e.size === \"sm\" ? \"xs\" : \"sm\"), a = b(() => e.size), r = b(() => e.variant), s = un(\n {\n variant: r,\n size: a\n },\n \"ds-icon-button\"\n ), i = b(() => {\n if (e.iconName)\n return tn(e.iconName);\n });\n return (o, u) => (c(), w(ne, null, [\n o.href ? P(\"\", !0) : (c(), w(\"button\", me({ key: 0 }, o.$attrs, {\n onClick: u[0] || (u[0] = //@ts-ignore\n (...l) => o.clickHandler && o.clickHandler(...l)),\n class: [\"ds-icon-button\", S(s)],\n \"aria-label\": o.ariaLabel,\n disabled: o.disabled || void 0,\n form: o.form,\n name: o.name,\n type: o.type,\n value: o.value\n }), [\n i.value ? (c(), D(ae, {\n key: 0,\n iconName: i.value,\n size: t.value\n }, null, 8, [\"iconName\", \"size\"])) : P(\"\", !0),\n o.notificationCount ? (c(), w(\"span\", lo, W(o.notificationCount), 1)) : P(\"\", !0)\n ], 16, oo)),\n o.href ? (c(), w(\"a\", me({ key: 1 }, o.$attrs, {\n onClick: u[1] || (u[1] = //@ts-ignore\n (...l) => o.clickHandler && o.clickHandler(...l)),\n class: [\"ds-icon-button\", S(s)],\n \"aria-disabled\": o.disabled || void 0,\n \"aria-label\": o.ariaLabel,\n download: o.download === !0 ? \"\" : o.download,\n href: o.href,\n target: o.target\n }), [\n i.value ? (c(), D(ae, {\n key: 0,\n iconName: i.value,\n size: t.value\n }, null, 8, [\"iconName\", \"size\"])) : P(\"\", !0)\n ], 16, io)) : P(\"\", !0)\n ], 64));\n }\n}), md = /* @__PURE__ */ q({\n __name: \"ds-card-action\",\n props: {\n action: { default: \"favourite\" },\n actionFn: {},\n actionLabel: {},\n actionState: { type: Boolean, default: !1 }\n },\n setup(n) {\n const e = n, t = async () => {\n e.actionFn && (a.value = e.actionFn());\n }, a = I(e.actionState), r = b(() => e.action === \"favourite\" ? a.value ? \"heart-filled\" : \"heart\" : null), { isMobile: s } = Ie(), i = b(() => s.value ? \"md\" : \"sm\");\n return (o, u) => o.action && o.actionLabel && r.value ? (c(), D(he, {\n key: 0,\n class: \"ds-card-action\",\n type: \"button\",\n variant: \"secondary-neutral\",\n \"click-handler\": t,\n ariaLabel: o.actionLabel,\n iconName: r.value,\n size: i.value\n }, null, 8, [\"ariaLabel\", \"iconName\", \"size\"])) : P(\"\", !0);\n }\n}), uo = {\n key: 0,\n class: \"ds-card-colours\"\n}, co = { class: \"ds-card-colours__list\" }, fo = [\"title\"], mo = { class: \"ds-visually-hidden\" }, vo = {\n key: 0,\n class: \"ds-card-colours__additional\"\n}, po = { class: \"ds-visually-hidden\" }, Qt = 4, ho = /* @__PURE__ */ q({\n __name: \"ds-card-colours\",\n props: {\n colours: { default: () => [] },\n coloursLabel: {}\n },\n setup(n) {\n const e = n, t = e.colours.slice(0, Qt), a = e.colours.length > Qt ? e.colours.length - Qt : 0, r = a ? `+${a}` : null;\n return (s, i) => S(t).length ? (c(), w(\"div\", uo, [\n M(\"ul\", co, [\n (c(!0), w(ne, null, ue(S(t), (o) => (c(), w(\"li\", {\n class: \"ds-card-colours__option\",\n key: o.value,\n style: ge(`--colour-bg: ${o.value}`),\n title: o.label\n }, [\n M(\"span\", mo, W(o.label), 1)\n ], 12, fo))), 128)),\n S(a) ? (c(), w(\"li\", vo, [\n H(Y, {\n class: \"ds-card-colours__label\",\n \"html-element\": \"span\",\n \"text-type\": \"body-xs\",\n \"text-style\": \"regular\"\n }, {\n default: z(() => [\n K(W(S(r)) + \" \", 1),\n M(\"span\", po, W(s.coloursLabel), 1)\n ]),\n _: 1\n })\n ])) : P(\"\", !0)\n ])\n ])) : P(\"\", !0);\n }\n}), go = [\"href\"], bo = { class: \"ds-visually-hidden\" }, yo = { class: \"ds-card-product__image-container\" }, _o = [\"src\", \"alt\"], ko = { class: \"ds-card-product__content\" }, wo = [\"src\", \"alt\"], $o = {\n key: 1,\n class: \"ds-card-product__brow-placeholder\"\n}, Io = [\"src\", \"alt\"], To = { class: \"ds-card-product__footer\" }, So = { class: \"ds-card-product__labels\" }, vd = /* @__PURE__ */ q({\n __name: \"ds-card-product\",\n props: {\n badgeText: {},\n badgeVariant: { default: \"highlight\" },\n browLogo: {},\n browLogoDark: {},\n browLogoAlt: {},\n browText: {},\n colours: {},\n coloursLabel: {},\n description: {},\n image: {},\n imageAlt: {},\n layout: { default: \"responsive\" },\n mediumLabel: {},\n smallLabel: {},\n title: {},\n url: {}\n },\n setup(n) {\n const e = n, t = b(() => {\n const a = [`ds-card-product--${e.layout}`];\n return e.badgeText && a.push(\"ds-card-product--badge\"), a;\n });\n return (a, r) => (c(), w(\"article\", {\n class: U([\"ds-card-product\", t.value])\n }, [\n M(\"a\", {\n class: \"ds-card-product__link\",\n href: a.url\n }, [\n M(\"span\", bo, W(a.title), 1)\n ], 8, go),\n a.badgeText ? (c(), D(lr, {\n class: \"ds-card-product__badge\",\n key: a.badgeVariant,\n text: a.badgeText,\n variant: a.badgeVariant\n }, null, 8, [\"text\", \"variant\"])) : P(\"\", !0),\n M(\"div\", yo, [\n M(\"img\", {\n class: \"ds-card-product__image\",\n src: a.image,\n alt: a.imageAlt\n }, null, 8, _o),\n se(a.$slots, \"action\")\n ]),\n M(\"div\", ko, [\n a.browLogo && a.browLogoAlt ? (c(), w(\"img\", {\n key: 0,\n class: \"ds-card-product__brow-image ds-card-product__brow-image--light\",\n src: a.browLogo,\n alt: a.browLogoAlt\n }, null, 8, wo)) : P(\"\", !0),\n !a.browLogo && !a.browLogoDark && !a.browText ? (c(), w(\"span\", $o)) : P(\"\", !0),\n a.browLogoDark && a.browLogoAlt ? (c(), w(\"img\", {\n key: 2,\n class: \"ds-card-product__brow-image ds-card-product__brow-image--dark\",\n src: a.browLogoDark,\n alt: a.browLogoAlt\n }, null, 8, Io)) : P(\"\", !0),\n a.browText && !a.browLogo ? (c(), D(Y, {\n key: 3,\n class: \"ds-card-product__brow-text\",\n \"text-type\": \"body-xs\",\n \"text-style\": \"regular\"\n }, {\n default: z(() => [\n K(W(a.browText), 1)\n ]),\n _: 1\n })) : P(\"\", !0),\n H(Y, {\n class: \"ds-card-product__title\",\n \"html-element\": \"h2\",\n \"text-type\": \"heading-md\",\n \"text-style\": \"medium\"\n }, {\n default: z(() => [\n K(W(a.title), 1)\n ]),\n _: 1\n }),\n a.description ? (c(), D(Y, {\n key: 4,\n class: \"ds-card-product__description\",\n \"text-type\": \"body-sm\",\n \"text-style\": \"regular\"\n }, {\n default: z(() => [\n K(W(a.description), 1)\n ]),\n _: 1\n })) : P(\"\", !0),\n M(\"footer\", To, [\n M(\"div\", So, [\n a.smallLabel ? (c(), D(Y, {\n key: 0,\n class: \"ds-card-product__small-label\",\n \"text-type\": \"body-sm\",\n \"text-style\": \"bold\"\n }, {\n default: z(() => [\n K(W(a.smallLabel), 1)\n ]),\n _: 1\n })) : P(\"\", !0),\n H(ho, {\n coloursLabel: a.coloursLabel,\n colours: a.colours\n }, null, 8, [\"coloursLabel\", \"colours\"])\n ]),\n a.mediumLabel ? (c(), D(Y, {\n key: 0,\n class: \"ds-card-product__medium-label\",\n \"text-type\": \"label-md\",\n \"text-style\": \"bold\"\n }, {\n default: z(() => [\n K(W(a.mediumLabel), 1)\n ]),\n _: 1\n })) : P(\"\", !0)\n ])\n ])\n ], 2));\n }\n});\nfunction ya(n) {\n const e = I(\"ltr\"), t = () => {\n if (n.value) {\n const a = window.getComputedStyle(n.value);\n e.value = a.direction;\n }\n };\n return le(\n n,\n () => {\n t();\n },\n { immediate: !0 }\n ), { direction: e };\n}\nfunction bn(n) {\n return Va() ? (qa(n), !0) : !1;\n}\nfunction Ae(n) {\n return typeof n == \"function\" ? n() : S(n);\n}\nconst _a = typeof window < \"u\" && typeof document < \"u\";\ntypeof WorkerGlobalScope < \"u\" && globalThis instanceof WorkerGlobalScope;\nconst Po = (n) => n != null, Lo = Object.prototype.toString, Co = (n) => Lo.call(n) === \"[object Object]\", Ce = () => {\n}, Mo = /* @__PURE__ */ Eo();\nfunction Eo() {\n var n, e;\n return _a && ((n = window == null ? void 0 : window.navigator) == null ? void 0 : n.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));\n}\nfunction ka(n, e) {\n function t(...a) {\n return new Promise((r, s) => {\n Promise.resolve(n(() => e.apply(this, a), { fn: e, thisArg: this, args: a })).then(r).catch(s);\n });\n }\n return t;\n}\nfunction No(n, e = {}) {\n let t, a, r = Ce;\n const s = (o) => {\n clearTimeout(o), r(), r = Ce;\n };\n return (o) => {\n const u = Ae(n), l = Ae(e.maxWait);\n return t && s(t), u <= 0 || l !== void 0 && l <= 0 ? (a && (s(a), a = null), Promise.resolve(o())) : new Promise((f, v) => {\n r = e.rejectOnCancel ? v : f, l && !a && (a = setTimeout(() => {\n t && s(t), a = null, f(o());\n }, l)), t = setTimeout(() => {\n a && s(a), a = null, f(o());\n }, u);\n });\n };\n}\nfunction Ao(...n) {\n let e = 0, t, a = !0, r = Ce, s, i, o, u, l;\n !ja(n[0]) && typeof n[0] == \"object\" ? { delay: i, trailing: o = !0, leading: u = !0, rejectOnCancel: l = !1 } = n[0] : [i, o = !0, u = !0, l = !1] = n;\n const f = () => {\n t && (clearTimeout(t), t = void 0, r(), r = Ce);\n };\n return (d) => {\n const m = Ae(i), p = Date.now() - e, L = () => s = d();\n return f(), m <= 0 ? (e = Date.now(), L()) : (p > m && (u || !a) ? (e = Date.now(), L()) : o && (s = new Promise((x, O) => {\n r = l ? O : x, t = setTimeout(() => {\n e = Date.now(), a = !0, x(L()), f();\n }, Math.max(0, m - p));\n })), !u && !t && (t = setTimeout(() => a = !0, m)), a = !1, s);\n };\n}\nfunction xo(n) {\n return n || ea();\n}\nfunction yn(n, e = 200, t = {}) {\n return ka(\n No(e, t),\n n\n );\n}\nfunction wa(n, e = 200, t = !1, a = !0, r = !1) {\n return ka(\n Ao(e, t, a, r),\n n\n );\n}\nfunction Bo(n, e = !0, t) {\n xo() ? de(n, t) : e ? n() : Qe(n);\n}\nfunction He(n) {\n var e;\n const t = Ae(n);\n return (e = t == null ? void 0 : t.$el) != null ? e : t;\n}\nconst pt = _a ? window : void 0;\nfunction ut(...n) {\n let e, t, a, r;\n if (typeof n[0] == \"string\" || Array.isArray(n[0]) ? ([t, a, r] = n, e = pt) : [e, t, a, r] = n, !e)\n return Ce;\n Array.isArray(t) || (t = [t]), Array.isArray(a) || (a = [a]);\n const s = [], i = () => {\n s.forEach((f) => f()), s.length = 0;\n }, o = (f, v, d, m) => (f.addEventListener(v, d, m), () => f.removeEventListener(v, d, m)), u = le(\n () => [He(e), Ae(r)],\n ([f, v]) => {\n if (i(), !f)\n return;\n const d = Co(v) ? { ...v } : v;\n s.push(\n ...t.flatMap((m) => a.map((p) => o(f, m, p, d)))\n );\n },\n { immediate: !0, flush: \"post\" }\n ), l = () => {\n u(), i();\n };\n return bn(l), l;\n}\nlet Rn = !1;\nfunction _n(n, e, t = {}) {\n const { window: a = pt, ignore: r = [], capture: s = !0, detectIframe: i = !1 } = t;\n if (!a)\n return Ce;\n Mo && !Rn && (Rn = !0, Array.from(a.document.body.children).forEach((d) => d.addEventListener(\"click\", Ce)), a.document.documentElement.addEventListener(\"click\", Ce));\n let o = !0;\n const u = (d) => r.some((m) => {\n if (typeof m == \"string\")\n return Array.from(a.document.querySelectorAll(m)).some((p) => p === d.target || d.composedPath().includes(p));\n {\n const p = He(m);\n return p && (d.target === p || d.composedPath().includes(p));\n }\n }), f = [\n ut(a, \"click\", (d) => {\n const m = He(n);\n if (!(!m || m === d.target || d.composedPath().includes(m))) {\n if (d.detail === 0 && (o = !u(d)), !o) {\n o = !0;\n return;\n }\n e(d);\n }\n }, { passive: !0, capture: s }),\n ut(a, \"pointerdown\", (d) => {\n const m = He(n);\n o = !u(d) && !!(m && !d.composedPath().includes(m));\n }, { passive: !0 }),\n i && ut(a, \"blur\", (d) => {\n setTimeout(() => {\n var m;\n const p = He(n);\n ((m = a.document.activeElement) == null ? void 0 : m.tagName) === \"IFRAME\" && !(p != null && p.contains(a.document.activeElement)) && e(d);\n }, 0);\n })\n ].filter(Boolean);\n return () => f.forEach((d) => d());\n}\nfunction Oo() {\n const n = I(!1), e = ea();\n return e && de(() => {\n n.value = !0;\n }, e), n;\n}\nfunction $a(n) {\n const e = Oo();\n return b(() => (e.value, !!n()));\n}\nfunction Ht(n, e, t = {}) {\n const { window: a = pt, ...r } = t;\n let s;\n const i = $a(() => a && \"ResizeObserver\" in a), o = () => {\n s && (s.disconnect(), s = void 0);\n }, u = b(() => Array.isArray(n) ? n.map((v) => He(v)) : [He(n)]), l = le(\n u,\n (v) => {\n if (o(), i.value && a) {\n s = new ResizeObserver(e);\n for (const d of v)\n d && s.observe(d, r);\n }\n },\n { immediate: !0, flush: \"post\" }\n ), f = () => {\n o(), l();\n };\n return bn(f), {\n isSupported: i,\n stop: f\n };\n}\nfunction wt(n, e, t = {}) {\n const {\n root: a,\n rootMargin: r = \"0px\",\n threshold: s = 0.1,\n window: i = pt,\n immediate: o = !0\n } = t, u = $a(() => i && \"IntersectionObserver\" in i), l = b(() => {\n const p = Ae(n);\n return (Array.isArray(p) ? p : [p]).map(He).filter(Po);\n });\n let f = Ce;\n const v = I(o), d = u.value ? le(\n () => [l.value, He(a), v.value],\n ([p, L]) => {\n if (f(), !v.value || !p.length)\n return;\n const x = new IntersectionObserver(\n e,\n {\n root: He(L),\n rootMargin: r,\n threshold: s\n }\n );\n p.forEach((O) => O && x.observe(O)), f = () => {\n x.disconnect(), f = Ce;\n };\n },\n { immediate: o, flush: \"post\" }\n ) : Ce, m = () => {\n f(), d(), v.value = !1;\n };\n return bn(m), {\n isSupported: u,\n isActive: v,\n pause() {\n f(), v.value = !1;\n },\n resume() {\n v.value = !0;\n },\n stop: m\n };\n}\nconst Vn = 1;\nfunction Ia(n, e = {}) {\n const {\n throttle: t = 0,\n idle: a = 200,\n onStop: r = Ce,\n onScroll: s = Ce,\n offset: i = {\n left: 0,\n right: 0,\n top: 0,\n bottom: 0\n },\n eventListenerOptions: o = {\n capture: !1,\n passive: !0\n },\n behavior: u = \"auto\",\n window: l = pt,\n onError: f = (k) => {\n console.error(k);\n }\n } = e, v = I(0), d = I(0), m = b({\n get() {\n return v.value;\n },\n set(k) {\n L(k, void 0);\n }\n }), p = b({\n get() {\n return d.value;\n },\n set(k) {\n L(void 0, k);\n }\n });\n function L(k, y) {\n var N, F, G, h;\n if (!l)\n return;\n const _ = Ae(n);\n if (!_)\n return;\n (G = _ instanceof Document ? l.document.body : _) == null || G.scrollTo({\n top: (N = Ae(y)) != null ? N : p.value,\n left: (F = Ae(k)) != null ? F : m.value,\n behavior: Ae(u)\n });\n const B = ((h = _ == null ? void 0 : _.document) == null ? void 0 : h.documentElement) || (_ == null ? void 0 : _.documentElement) || _;\n m != null && (v.value = B.scrollLeft), p != null && (d.value = B.scrollTop);\n }\n const x = I(!1), O = en({\n left: !0,\n right: !1,\n top: !0,\n bottom: !1\n }), E = en({\n left: !1,\n right: !1,\n top: !1,\n bottom: !1\n }), T = (k) => {\n x.value && (x.value = !1, E.left = !1, E.right = !1, E.top = !1, E.bottom = !1, r(k));\n }, g = yn(T, t + a), C = (k) => {\n var y;\n if (!l)\n return;\n const N = ((y = k == null ? void 0 : k.document) == null ? void 0 : y.documentElement) || (k == null ? void 0 : k.documentElement) || He(k), { display: F, flexDirection: G } = getComputedStyle(N), h = N.scrollLeft;\n E.left = h < v.value, E.right = h > v.value;\n const _ = Math.abs(h) <= (i.left || 0), B = Math.abs(h) + N.clientWidth >= N.scrollWidth - (i.right || 0) - Vn;\n F === \"flex\" && G === \"row-reverse\" ? (O.left = B, O.right = _) : (O.left = _, O.right = B), v.value = h;\n let V = N.scrollTop;\n k === l.document && !V && (V = l.document.body.scrollTop), E.top = V < d.value, E.bottom = V > d.value;\n const A = Math.abs(V) <= (i.top || 0), j = Math.abs(V) + N.clientHeight >= N.scrollHeight - (i.bottom || 0) - Vn;\n F === \"flex\" && G === \"column-reverse\" ? (O.top = j, O.bottom = A) : (O.top = A, O.bottom = j), d.value = V;\n }, $ = (k) => {\n var y;\n if (!l)\n return;\n const N = (y = k.target.documentElement) != null ? y : k.target;\n C(N), x.value = !0, g(k), s(k);\n };\n return ut(\n n,\n \"scroll\",\n t ? wa($, t, !0, !1) : $,\n o\n ), Bo(() => {\n try {\n const k = Ae(n);\n if (!k)\n return;\n C(k);\n } catch (k) {\n f(k);\n }\n }), ut(\n n,\n \"scrollend\",\n T,\n o\n ), {\n x: m,\n y: p,\n isScrolling: x,\n arrivedState: O,\n directions: E,\n measure() {\n const k = Ae(n);\n l && k && C(k);\n }\n };\n}\nfunction Do(n = {}) {\n const { window: e = pt, behavior: t = \"auto\" } = n;\n if (!e)\n return {\n x: I(0),\n y: I(0)\n };\n const a = I(e.scrollX), r = I(e.scrollY), s = b({\n get() {\n return a.value;\n },\n set(o) {\n scrollTo({ left: o, behavior: t });\n }\n }), i = b({\n get() {\n return r.value;\n },\n set(o) {\n scrollTo({ top: o, behavior: t });\n }\n });\n return ut(\n e,\n \"scroll\",\n () => {\n a.value = e.scrollX, r.value = e.scrollY;\n },\n {\n capture: !1,\n passive: !0\n }\n ), { x: s, y: i };\n}\nconst Fo = {\n class: /* @__PURE__ */ U([\"ds-carousel__buttons\"])\n}, Ho = /* @__PURE__ */ q({\n __name: \"ds-carousel-buttons\",\n props: {\n ariaLabelNext: {},\n ariaLabelPrev: {},\n prevClick: { type: Function },\n nextClick: { type: Function },\n previousButtonDisabled: { type: Boolean },\n nextButtonDisabled: { type: Boolean }\n },\n setup(n) {\n return (e, t) => ve((c(), w(\"div\", Fo, [\n H(S(he), {\n ariaLabel: e.ariaLabelPrev,\n \"click-handler\": e.prevClick,\n disabled: e.previousButtonDisabled,\n \"icon-name\": \"button-chevron-left\",\n variant: \"secondary-neutral\"\n }, null, 8, [\"ariaLabel\", \"click-handler\", \"disabled\"]),\n H(S(he), {\n ariaLabel: e.ariaLabelNext,\n \"click-handler\": e.nextClick,\n disabled: e.nextButtonDisabled,\n \"icon-name\": \"button-chevron-right\",\n variant: \"secondary-neutral\"\n }, null, 8, [\"ariaLabel\", \"click-handler\", \"disabled\"])\n ], 512)), [\n [pe, !(e.previousButtonDisabled && e.nextButtonDisabled)]\n ]);\n }\n}), zo = { class: \"ds-carousel__header\" }, Ro = { class: \"ds-carousel__header-text\" }, Vo = {\n key: 0,\n class: \"ds-carousel__link\"\n}, pd = /* @__PURE__ */ q({\n __name: \"ds-carousel\",\n props: {\n ariaLabelNext: {},\n ariaLabelPrev: {},\n description: {},\n headingLevel: { default: \"h2\" },\n linkTarget: {},\n linkText: {},\n linkUrl: {},\n maxItemsPerView: { default: 4 },\n scrollMode: { default: \"page\" },\n title: {},\n tag: {}\n },\n setup(n) {\n const e = n, a = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches === !0 ? \"auto\" : \"smooth\", r = I(null), s = I(null), i = I(null), o = I(0), u = I(0), l = I(e.maxItemsPerView), f = I(0), v = I(!0), d = I(!0), { direction: m } = ya(s), p = b(() => e.linkUrl && e.linkText), L = b(\n () => `ds-carousel--items-${l.value} ds-carousel--max-items-${x.value}`\n ), x = b(() => e.maxItemsPerView);\n let O;\n const E = () => {\n i.value && (o.value = 0, u.value = i.value.length - 1, f.value = i.value.length, [...i.value].forEach((h, _) => {\n h.dataset.index = _.toString();\n }));\n }, T = () => {\n if (!s.value || !i.value) return;\n const h = i == null ? void 0 : i.value[o.value], _ = i == null ? void 0 : i.value[u.value];\n O = new IntersectionObserver(\n (B) => {\n B.forEach((V) => {\n const A = V.target;\n A.dataset.inView = V.isIntersecting ? \"true\" : \"false\", V.target === h && (v.value = V.isIntersecting), V.target === _ && (d.value = V.isIntersecting);\n });\n },\n {\n threshold: 1,\n root: s.value,\n rootMargin: \"4px\"\n }\n );\n }, g = () => {\n var _;\n const h = (_ = r.value) == null ? void 0 : _.querySelectorAll(\"[data-in-view='true']\");\n h && h.length > 0 && (l.value = h.length || 0);\n }, C = yn(() => {\n g();\n }, 200);\n de(() => {\n s.value && s.value.addEventListener(\n \"scroll\",\n () => {\n C();\n },\n {\n passive: !0\n }\n );\n }), le(\n r,\n (h) => {\n h !== null && typeof h < \"u\" && (i.value = h.children);\n },\n { immediate: !0 }\n ), le(\n i,\n (h, _) => {\n O && _ && Array.from(_).forEach((B) => {\n O.unobserve(B);\n }), h && (E(), T(), Array.from(h).forEach((B) => {\n O.observe(B);\n }), g());\n },\n { immediate: !0 }\n ), Ve(() => {\n O && O.disconnect(), s.value && s.value.removeEventListener(\"scroll\", () => {\n C();\n });\n });\n const $ = (h) => m.value === \"rtl\" ? r.value ? -1 * Math.abs(r.value.offsetWidth) + h.offsetLeft + h.offsetWidth : 0 : h.offsetLeft, k = (h) => {\n if (!r.value) return;\n const _ = r.value.querySelector(\n `[data-index='${h}']`\n );\n _ && s.value && s.value.scrollTo({\n left: $(_),\n behavior: a\n });\n }, y = (h) => {\n if (e.scrollMode === \"item\") {\n const A = h.length > 1 ? h[1] : h[0];\n return Number(A.dataset.index);\n }\n const _ = h[h.length - 1], B = Number(\n _.dataset.index\n );\n return Math.min(B + 1, f.value);\n }, N = () => {\n var B;\n const h = (B = r.value) == null ? void 0 : B.querySelectorAll(\n \"[data-in-view='true']\"\n );\n if (h && h.length > 0) {\n const V = y(h);\n k(V);\n }\n }, F = (h) => {\n const _ = h[0], B = Number(\n _.dataset.index\n );\n return e.scrollMode === \"item\" ? Math.max(B - 1, 0) : Math.max(\n B - l.value,\n 0\n );\n }, G = () => {\n var B;\n const h = (B = r.value) == null ? void 0 : B.querySelectorAll(\n \"[data-in-view='true']\"\n );\n if (h && h.length > 0) {\n const V = F(h);\n k(V);\n }\n };\n return (h, _) => (c(), w(\"section\", {\n class: U([\"ds-carousel\", L.value])\n }, [\n M(\"header\", zo, [\n M(\"div\", Ro, [\n se(h.$slots, \"header\", {}, () => [\n h.tag || h.title || h.description ? (c(), w(ne, { key: 0 }, [\n h.tag ? (c(), D(S(Ea), {\n key: 0,\n class: \"ds-carousel__tag\",\n text: h.tag\n }, null, 8, [\"text\"])) : P(\"\", !0),\n h.title ? (c(), D(S(Y), {\n key: 1,\n class: \"ds-carousel__title\",\n \"text-type\": \"heading-3xl\",\n \"html-element\": h.headingLevel\n }, {\n default: z(() => [\n K(W(h.title), 1)\n ]),\n _: 1\n }, 8, [\"html-element\"])) : P(\"\", !0),\n h.description ? (c(), D(S(Y), {\n key: 2,\n class: \"ds-carousel__description\",\n \"text-type\": \"body-md\",\n \"text-style\": \"regular\",\n \"html-element\": \"p\"\n }, {\n default: z(() => [\n K(W(h.description), 1)\n ]),\n _: 1\n })) : P(\"\", !0)\n ], 64)) : P(\"\", !0)\n ])\n ]),\n p.value ? (c(), w(\"div\", Vo, [\n H(S(be), {\n variant: \"link\",\n target: h.linkTarget,\n href: h.linkUrl,\n size: \"sm\",\n \"icon-end\": \"navigate-forward\"\n }, {\n default: z(() => [\n K(W(h.linkText), 1)\n ]),\n _: 1\n }, 8, [\"target\", \"href\"])\n ])) : P(\"\", !0)\n ]),\n M(\"div\", {\n class: \"ds-carousel__scroll\",\n ref_key: \"scroll\",\n ref: s\n }, [\n M(\"div\", {\n class: \"ds-carousel__items\",\n ref_key: \"itemContainer\",\n ref: r\n }, [\n se(h.$slots, \"default\")\n ], 512)\n ], 512),\n H(Ho, {\n ariaLabelNext: h.ariaLabelNext,\n ariaLabelPrev: h.ariaLabelPrev,\n prevClick: G,\n nextClick: N,\n previousButtonDisabled: v.value,\n nextButtonDisabled: d.value\n }, null, 8, [\"ariaLabelNext\", \"ariaLabelPrev\", \"previousButtonDisabled\", \"nextButtonDisabled\"])\n ], 2));\n }\n}), qo = /* @__PURE__ */ q({\n __name: \"ds-icon-attention\",\n props: {\n ariaLabel: {},\n iconName: { default: \"checkmark\" },\n size: { default: \"md\" }\n },\n setup(n) {\n const e = n, t = b(() => {\n const s = [];\n return e.iconName === \"error\" && s.push(\"ds-icon-attention--error\"), s.push(`ds-icon-attention--${e.size}`), s;\n }), a = b(() => e.iconName === \"error\" ? \"close\" : e.iconName), r = b(() => e.size == \"md\" ? \"xl\" : \"lg\");\n return (s, i) => (c(), w(\"div\", {\n class: U([\"ds-icon-attention\", t.value])\n }, [\n H(S(ae), {\n class: \"ds-icon-attention__icon\",\n \"icon-name\": a.value,\n label: s.ariaLabel,\n size: r.value\n }, null, 8, [\"icon-name\", \"label\", \"size\"])\n ], 2));\n }\n}), jo = [\"aria-labelledby\"], Wo = { class: \"ds-modal__container\" }, Uo = {\n key: 0,\n class: \"ds-modal__attention\"\n}, Ko = {\n key: 1,\n class: \"ds-modal__header\"\n}, Go = 1e3, Yo = /* @__PURE__ */ q({\n inheritAttrs: !1,\n __name: \"ds-modal\",\n props: {\n attentionIcon: {},\n backdrop: { default: \"default\" },\n closeLabel: {},\n isOpen: { type: Boolean, default: !1 },\n overflow: { default: \"page\" },\n size: { default: \"md\" },\n teleportSelector: {},\n title: {},\n type: { default: \"default\" }\n },\n emits: [\"close-modal\"],\n setup(n, { expose: e, emit: t }) {\n const a = n, r = I(null), s = I(null), i = I(null), o = I(!1), { arrivedState: u } = Ia(i, {}), { isMobile: l } = Ie(), f = b(\n () => a.type === \"attention\" ? \"center\" : \"end\"\n ), v = b(() => l.value || a.size === \"sm\" ? \"sm\" : \"md\"), d = b(() => {\n let F = [];\n return !u.top && p.value && F.push(\"ds-modal__content-inner--fade-top\"), !u.bottom && p.value && F.push(\"ds-modal__content-inner--fade-bottom\"), F;\n }), m = Ze(\"modal-title\"), p = I(!1), L = () => {\n i.value && (p.value = i.value.scrollHeight > i.value.clientHeight);\n };\n e({ checkOverflow: L }), _n(r, () => O());\n const x = t, O = () => {\n a.isOpen && E();\n }, E = () => {\n x(\"close-modal\");\n }, g = ta()[\"data-dialog\"] ? \"heading-2xl\" : \"heading-3xl\", C = b(() => {\n const F = [];\n return a.backdrop === \"blur\" && F.push(\"ds-modal--blur\"), F.push(`ds-modal--${a.type}`), F.push(`ds-modal--${a.size}`), F.push(`ds-modal--overflow-${a.overflow}`), F;\n });\n de(() => {\n window.addEventListener(\"resize\", L), L();\n }), na(() => {\n window.removeEventListener(\"resize\", L), N();\n });\n let $ = null, k = null, y = null;\n const N = () => {\n $ && clearTimeout($), k && clearTimeout(k), y && clearTimeout(y);\n };\n return le(\n () => a.isOpen,\n (F, G, h) => {\n if ($ = window.setTimeout(() => {\n o.value = F;\n }, 10), s.value) {\n const _ = s.value;\n if (F) {\n _.showModal();\n const B = _.querySelector(\"button\");\n k = window.setTimeout(() => {\n B == null || B.focus(), L();\n }, 10);\n } else\n y = window.setTimeout(() => {\n _.close();\n }, 700);\n }\n h(N);\n },\n { immediate: !0 }\n ), (F, G) => (c(), D(aa, {\n to: F.teleportSelector,\n disabled: !F.teleportSelector\n }, [\n H(Ue, {\n name: \"modal\",\n duration: Go\n }, {\n default: z(() => [\n ve(M(\"dialog\", me({\n \"aria-labelledby\": S(m),\n class: [C.value, \"ds-modal\"],\n ref_key: \"dialog\",\n ref: s\n }, F.$attrs, {\n tabindex: \"-1\",\n onCancel: We(E, [\"prevent\"])\n }), [\n M(\"div\", Wo, [\n M(\"div\", {\n ref_key: \"content\",\n ref: r,\n class: \"ds-modal__content\"\n }, [\n H(S(he), {\n ariaLabel: F.closeLabel,\n class: \"ds-modal__close\",\n \"click-handler\": E,\n \"icon-name\": \"button-close\",\n variant: \"ghost-neutral\"\n }, null, 8, [\"ariaLabel\"]),\n F.type === \"attention\" ? (c(), w(\"div\", Uo, [\n H(qo, {\n size: v.value,\n iconName: F.attentionIcon\n }, null, 8, [\"size\", \"iconName\"])\n ])) : P(\"\", !0),\n F.title ? (c(), w(\"header\", Ko, [\n F.title ? (c(), D(S(Y), {\n key: 0,\n class: \"ds-modal__title\",\n \"text-type\": S(g),\n \"text-style\": \"regular\",\n \"html-element\": \"h2\",\n id: S(m)\n }, {\n default: z(() => [\n K(W(F.title), 1)\n ]),\n _: 1\n }, 8, [\"text-type\", \"id\"])) : P(\"\", !0)\n ])) : P(\"\", !0),\n M(\"div\", {\n class: U([\"ds-modal__content-inner\", d.value]),\n ref_key: \"scrollContainer\",\n ref: i\n }, [\n H(S(Y), {\n class: \"ds-modal__body\",\n \"html-element\": \"div\",\n \"text-type\": \"body-md\"\n }, {\n default: z(() => [\n se(F.$slots, \"default\")\n ]),\n _: 3\n })\n ], 2),\n H(S(ba), {\n class: \"ds-modal__actions\",\n \"desktop-alignment\": f.value,\n \"desktop-direction\": \"row\",\n \"mobile-alignment\": \"stretch\",\n \"mobile-direction\": \"column\"\n }, {\n default: z(() => [\n se(F.$slots, \"actions\")\n ]),\n _: 3\n }, 8, [\"desktop-alignment\"])\n ], 512)\n ])\n ], 16, jo), [\n [pe, o.value]\n ])\n ]),\n _: 3\n })\n ], 8, [\"to\", \"disabled\"]));\n }\n}), hd = /* @__PURE__ */ q({\n __name: \"ds-dialog\",\n props: {\n closeLabel: {},\n isOpen: { type: Boolean, default: !1 },\n overflow: { default: \"page\" },\n teleportSelector: {},\n title: {},\n type: { default: \"default\" }\n },\n setup(n) {\n const e = n, t = ta();\n return (a, r) => (c(), D(Yo, me({\n class: [\"ds-dialog\", a.type === \"progressive\" ? \"ds-dialog--progressive\" : \"\"]\n }, S(t), {\n backdrop: \"default\",\n closeLabel: e.closeLabel,\n \"data-dialog\": \"true\",\n isOpen: e.isOpen,\n overflow: e.overflow,\n size: \"sm\",\n teleportSelector: e.teleportSelector,\n title: e.title,\n type: e.type === \"progressive\" ? \"default\" : e.type\n }), {\n actions: z(() => [\n se(a.$slots, \"actions\")\n ]),\n default: z(() => [\n se(a.$slots, \"default\")\n ]),\n _: 3\n }, 16, [\"class\", \"closeLabel\", \"isOpen\", \"overflow\", \"teleportSelector\", \"title\", \"type\"]));\n }\n}), Qo = (n, e, t, a, r, s) => ({\n accept: n,\n fileList: e,\n maxFileSize: t,\n validationMessageDuplicate: a,\n validationMessageFileSize: r,\n validationMessageType: s\n}), kn = (n = !0, e = \"\") => ({\n message: e,\n valid: n\n}), wn = (n, e) => n.replace(/\\$\\{(\\w+)\\}/g, (t, a) => e[a] ?? t), Xo = (n, e) => {\n const t = e.fileList.value.filter(\n (r) => r.name === n.name\n ), a = wn(\n e.validationMessageDuplicate,\n { filename: n.name }\n );\n return kn(t.length === 0, a);\n}, Zo = (n) => n / 1024 / 1024, Jo = (n) => n * 1024 * 1024, el = (n) => Number(n.toFixed(2)), tl = (n, e) => {\n const t = Zo(n.size), a = el(t), r = Jo(e.maxFileSize), s = wn(\n e.validationMessageFileSize,\n {\n filename: n.name,\n filesize: a.toString(),\n maxsize: e.maxFileSize.toString()\n }\n );\n return kn(n.size < r, s);\n}, nl = (n, e) => {\n const [t] = e.split(\"/\");\n return n.startsWith(t);\n}, al = (n, e) => n === e, rl = (n, e) => {\n const t = e.toLowerCase();\n return n.slice(n.lastIndexOf(\".\")).toLowerCase() === t;\n}, sl = (n, e) => n.type === \"\" ? !1 : e ? e.split(\",\").map((a) => a.trim()).some((a) => /^[a-zA-Z]+\\/\\*$/.test(a) ? nl(n.type, a) : a.includes(\"/\") ? al(n.type, a) : a.startsWith(\".\") ? rl(n.name, a) : !1) : !0, ol = (n, e) => {\n const t = sl(n, e.accept), a = wn(e.validationMessageType, {\n filename: n.name\n });\n return kn(t, a);\n}, ll = [Xo, tl, ol], il = [\"src\", \"width\", \"height\"], ul = /* @__PURE__ */ q({\n __name: \"ds-file-thumbnail\",\n props: {\n file: {},\n width: { default: 100 },\n height: { default: 100 }\n },\n setup(n) {\n const e = n, t = I(\"\");\n return ln(() => {\n if (e.file) {\n const a = new FileReader();\n a.onload = (r) => {\n var s;\n t.value = (s = r.target) == null ? void 0 : s.result;\n }, a.readAsDataURL(e.file);\n }\n }), (a, r) => (c(), w(\"div\", {\n class: \"ds-file-thumbnail\",\n style: ge({\n width: a.width + \"px\",\n height: a.height + \"px\",\n minWidth: a.width + \"px\"\n }),\n \"aria-hidden\": \"true\"\n }, [\n M(\"img\", {\n class: \"ds-file-thumbnail__image\",\n src: t.value,\n width: a.width * 2,\n height: a.height * 2,\n alt: \"\"\n }, null, 8, il)\n ], 4));\n }\n}), cl = (n, e) => {\n const t = n.__vccOpts || n;\n for (const [a, r] of e)\n t[a] = r;\n return t;\n}, dl = /* @__PURE__ */ cl(ul, [[\"__scopeId\", \"data-v-745a06ec\"]]), fl = { class: \"ds-file-upload\" }, ml = [\"accept\", \"aria-describedby\", \"capture\", \"disabled\", \"id\", \"name\", \"multiple\"], vl = [\"id\"], pl = {\n key: 0,\n class: \"ds-file-upload__list\"\n}, hl = {\n key: 1,\n class: \"ds-file-upload__errors\"\n}, gd = /* @__PURE__ */ q({\n __name: \"ds-file-upload\",\n props: {\n context: {}\n },\n setup(n) {\n var Q, oe, ce, Se, Ge, Be, qe, Je, _e, Et, ht;\n const e = n, t = Ze(\"mobileButton\"), { isMobile: a } = Ie(), r = I(null), s = I([]), i = I([]), o = I(!1), u = I(!1), l = I(\n ((Q = e.context) == null ? void 0 : Q.accept) || void 0\n ), f = I(\n ((oe = e.context) == null ? void 0 : oe.maxFileSize) || 10\n ), v = I(\n ((ce = e.context) == null ? void 0 : ce.multiple) || void 0\n ), d = I(\n (Se = e.context) == null ? void 0 : Se.labelAddFilesButton\n ), m = I(\n (Ge = e.context) == null ? void 0 : Ge.labelDropFiles\n ), p = I((Be = e.context) == null ? void 0 : Be.labelRemove), L = I((qe = e.context) == null ? void 0 : qe.labelTapToAdd), x = I(\n (Je = e.context) == null ? void 0 : Je.listMode\n ), O = I(\n (_e = e.context) == null ? void 0 : _e.validationMessageFileSize\n ), E = I(\n (Et = e.context) == null ? void 0 : Et.validationMessageDuplicate\n ), T = I(\n (ht = e.context) == null ? void 0 : ht.validationMessageType\n ), g = (X) => {\n if (X)\n return C[X];\n }, C = {\n true: !0,\n false: !1,\n user: \"user\",\n environment: \"environment\"\n }, $ = b(\n () => {\n var X;\n return g((X = e.context) == null ? void 0 : X.capture);\n }\n ), k = b(\n () => {\n var X;\n return u.value || ((X = e.context) == null ? void 0 : X.disabled);\n }\n ), y = b(() => k.value || N.value), N = b(\n () => {\n var X;\n return ((X = e.context) == null ? void 0 : X.multiple) !== !0 && s.value.length > 0;\n }\n ), F = b(\n () => k.value || N.value\n ), G = b(() => {\n const X = [];\n return o.value && X.push(\"ds-file-upload__target--focus\"), u.value && X.push(\"ds-file-upload__target--dragging\"), N.value && X.push(\"ds-file-upload__target--disabled\"), X;\n }), h = b(() => {\n var X;\n return `ds-help-${(X = e.context) == null ? void 0 : X.id}`;\n });\n de(() => {\n var X;\n s.value = ((X = e.context) == null ? void 0 : X.value) ?? [];\n });\n const _ = () => {\n var X;\n if (r.value) {\n const ke = ((X = r.value) == null ? void 0 : X.files) ?? [];\n if (ke)\n for (const Oe of ke)\n R(Oe);\n te();\n }\n }, B = () => {\n u.value = !0;\n }, V = () => {\n u.value = !1;\n }, A = (X) => {\n u.value = !1;\n const ke = X.dataTransfer.files;\n if (ke)\n for (const Oe of ke)\n R(Oe);\n }, j = () => {\n o.value = !0;\n }, Z = () => {\n var X;\n o.value = !1, (X = e.context) == null || X.handlers.blur();\n }, R = (X) => {\n const ke = {\n name: X.name,\n file: X\n };\n Te(X) && s.value.push(ke);\n }, J = (X) => {\n ye(), s.value = s.value.filter(\n (ke) => ke.name !== X.name\n ), te();\n }, re = () => {\n var X;\n r.value && ((X = r.value) == null || X.click());\n }, te = () => {\n var X;\n (X = e.context) == null || X.node.input(s.value);\n }, ie = (X) => X.length > 30 ? `...${X.slice(-27)}` : X, ye = () => {\n i.value = [];\n }, Te = (X) => {\n const ke = [];\n return ll.forEach((Oe) => {\n const Ee = Qo(\n l.value,\n s,\n f.value,\n E.value,\n O.value,\n T.value\n ), De = Oe(X, Ee);\n De.valid || (ke.push(De), i.value.push(De));\n }), ke.length === 0;\n };\n return (X, ke) => {\n var Oe, Ee, De, gt;\n return c(), w(\"div\", fl, [\n M(\"div\", {\n class: U([\"ds-file-upload__target\", G.value]),\n onDragover: We(B, [\"prevent\"]),\n onDragleave: V,\n onDrop: We(A, [\"prevent\"])\n }, [\n S(a) ? P(\"\", !0) : (c(), D(S(ae), {\n key: 0,\n class: \"ds-file-upload__icon\",\n iconName: \"upload\"\n })),\n S(a) ? P(\"\", !0) : (c(), D(S(Y), {\n key: 1,\n class: \"ds-file-upload__drop-label\",\n textType: \"label-md\"\n }, {\n default: z(() => [\n K(W(m.value), 1)\n ]),\n _: 1\n })),\n M(\"input\", me({\n class: \"ds-file-upload__input\",\n ref_key: \"fileInput\",\n ref: r\n }, X.$attrs, {\n accept: l.value,\n \"aria-describedby\": h.value,\n capture: $.value || void 0,\n disabled: y.value,\n id: (Oe = X.context) == null ? void 0 : Oe.id,\n name: (De = (Ee = X.context) == null ? void 0 : Ee.node) == null ? void 0 : De.name,\n onBlur: Z,\n onClick: ye,\n onFocus: j,\n onInput: _,\n multiple: v.value || void 0,\n type: \"file\"\n }), null, 16, ml),\n S(a) ? P(\"\", !0) : (c(), D(S(be), {\n key: 2,\n class: \"ds-file-upload__button\",\n disabled: F.value,\n size: \"sm\",\n variant: \"secondary\",\n clickHandler: re\n }, {\n default: z(() => [\n K(W(d.value), 1)\n ]),\n _: 1\n }, 8, [\"disabled\"])),\n S(a) ? (c(), D(S(he), {\n key: 3,\n ariaLabel: L.value,\n class: \"ds-file-upload__icon-button\",\n disabled: F.value,\n iconName: \"upload\",\n id: S(t),\n variant: \"secondary\",\n onClick: re\n }, null, 8, [\"ariaLabel\", \"disabled\", \"id\"])) : P(\"\", !0),\n S(a) ? (c(), D(S(Y), {\n key: 4,\n textType: \"label-lg\",\n htmlElement: \"label\",\n for: S(t)\n }, {\n default: z(() => [\n K(W(L.value), 1)\n ]),\n _: 1\n }, 8, [\"for\"])) : P(\"\", !0)\n ], 34),\n M(\"div\", {\n class: \"formkit-help formkit-help--fileupload\",\n id: h.value\n }, W((gt = X.context) == null ? void 0 : gt.help), 9, vl),\n s.value && s.value.length ? (c(), w(\"ul\", pl, [\n (c(!0), w(ne, null, ue(s.value, (Fe) => (c(), w(\"li\", {\n class: \"ds-file-upload__item\",\n key: Fe.name\n }, [\n x.value === \"icon\" ? (c(), D(S(ae), {\n key: 0,\n class: \"ds-file-upload__item-icon\",\n iconName: \"document\"\n })) : P(\"\", !0),\n x.value === \"thumbnail\" ? (c(), D(dl, {\n key: 1,\n file: Fe.file,\n height: 28,\n width: 28\n }, null, 8, [\"file\"])) : P(\"\", !0),\n H(S(Y), {\n class: \"ds-file-upload__item-label\",\n \"html-element\": \"span\",\n textType: \"label-md\",\n title: Fe.name\n }, {\n default: z(() => [\n K(W(ie(Fe.name)), 1)\n ]),\n _: 2\n }, 1032, [\"title\"]),\n H(S(be), {\n variant: \"link\",\n size: \"sm\",\n class: \"ds-file-upload__item-action\",\n onClick: (Nt) => J(Fe),\n disabled: k.value\n }, {\n default: z(() => [\n K(W(p.value), 1)\n ]),\n _: 2\n }, 1032, [\"onClick\", \"disabled\"])\n ]))), 128))\n ])) : P(\"\", !0),\n i.value.length ? (c(), w(\"div\", hl, [\n (c(!0), w(ne, null, ue(i.value, (Fe) => (c(), D(S(or), {\n appearance: \"danger\",\n key: Fe.message,\n text: Fe.message\n }, null, 8, [\"text\"]))), 128))\n ])) : P(\"\", !0)\n ]);\n };\n }\n}), gl = /* @__PURE__ */ q({\n __name: \"ds-grid\",\n props: {\n columns: {},\n columnsSm: {},\n columnsMd: {},\n columnsLg: {},\n columnsXl: {},\n columns2xl: {},\n htmlElement: { default: \"div\" },\n queryType: { default: \"media\" }\n },\n setup(n) {\n const e = n, t = b(() => {\n const a = e.queryType === \"media\" ? \"mq-\" : \"cq-\", r = [], s = (o, u) => {\n o && r.push(u);\n };\n return (() => {\n Object.entries({\n columns: \"\",\n columnsSm: \"sm\",\n columnsMd: \"md\",\n columnsLg: \"lg\",\n columnsXl: \"xl\",\n columns2xl: \"2xl\"\n }).forEach(([u, l]) => {\n const f = u, v = l ? `${a}${l}:` : \"\";\n s(\n !!e[f],\n `${v}ds-grid--cols-${e[f]}`\n );\n });\n })(), r;\n });\n return (a, r) => a.queryType === \"media\" ? (c(), D(Tt(a.htmlElement), {\n key: 0,\n class: U([\"ds-grid\", t.value])\n }, {\n default: z(() => [\n se(a.$slots, \"default\")\n ]),\n _: 3\n }, 8, [\"class\"])) : a.queryType === \"container\" ? (c(), D(Tt(a.htmlElement), {\n key: 1,\n class: \"ds-grid-container\"\n }, {\n default: z(() => [\n M(\"div\", {\n class: U([\"ds-grid\", t.value])\n }, [\n se(a.$slots, \"default\")\n ], 2)\n ]),\n _: 3\n })) : P(\"\", !0);\n }\n}), bl = [\"aria-label\", \"disabled\", \"form\", \"name\", \"type\", \"value\"], yl = [\"aria-disabled\", \"aria-label\", \"download\", \"href\", \"target\"], _l = /* @__PURE__ */ q({\n __name: \"ds-button-initials\",\n props: {\n ariaLabel: {},\n clickHandler: { type: Function, default: () => {\n } },\n disabled: { type: Boolean, default: !1 },\n download: { type: [Boolean, String, null], default: null },\n form: {},\n href: {},\n name: {},\n size: { default: \"md\" },\n target: {},\n type: { default: \"button\" },\n value: {},\n variant: { default: \"secondary-neutral\" }\n },\n setup(n) {\n const e = n, t = b(() => e.size), a = b(() => e.variant), r = un(\n {\n variant: a,\n size: t\n },\n \"ds-button-initials\"\n );\n return (s, i) => (c(), w(ne, null, [\n s.href ? P(\"\", !0) : (c(), w(\"button\", me({ key: 0 }, s.$attrs, {\n onClick: i[0] || (i[0] = //@ts-ignore\n (...o) => s.clickHandler && s.clickHandler(...o)),\n class: [\"ds-button-initials\", S(r)],\n \"aria-label\": s.ariaLabel,\n disabled: s.disabled || void 0,\n form: s.form,\n name: s.name,\n type: s.type,\n value: s.value\n }), [\n H(Y, {\n \"html-element\": \"span\",\n \"text-style\": \"medium\",\n \"text-type\": \"label-md\"\n }, {\n default: z(() => [\n se(s.$slots, \"default\")\n ]),\n _: 3\n })\n ], 16, bl)),\n s.href ? (c(), w(\"a\", me({ key: 1 }, s.$attrs, {\n onClick: i[1] || (i[1] = //@ts-ignore\n (...o) => s.clickHandler && s.clickHandler(...o)),\n class: [\"ds-button-initials\", S(r)],\n \"aria-disabled\": s.disabled || void 0,\n \"aria-label\": s.ariaLabel,\n download: s.download === !0 ? \"\" : s.download,\n href: s.href,\n target: s.target\n }), [\n H(Y, {\n \"html-element\": \"span\",\n \"text-style\": \"medium\",\n \"text-type\": \"label-md\"\n }, {\n default: z(() => [\n se(s.$slots, \"default\")\n ]),\n _: 3\n })\n ], 16, yl)) : P(\"\", !0)\n ], 64));\n }\n}), kl = { class: \"ds-logo__picture\" }, wl = [\"src\", \"alt\"], $l = [\"src\", \"alt\"], Ta = /* @__PURE__ */ q({\n __name: \"ds-logo\",\n props: {\n href: { default: \"/\" },\n altText: {},\n imageSrc: {},\n imageSrcDark: {},\n clickHandler: {},\n isCompact: { type: Boolean, default: !0 },\n isInverted: { type: Boolean, default: !1 },\n size: { default: \"md\" }\n },\n setup(n) {\n const e = n, t = b(() => {\n const a = [];\n return a.push(`ds-logo--${e.size}`), e.isCompact && a.push(\"ds-logo--compact\"), a;\n });\n return (a, r) => (c(), w(\"div\", {\n class: U([\"ds-logo\", t.value])\n }, [\n M(\"a\", {\n class: \"ds-logo__link\",\n href: \"/\",\n onClick: r[0] || (r[0] = //@ts-ignore\n (...s) => a.clickHandler && a.clickHandler(...s))\n }, [\n M(\"picture\", kl, [\n M(\"img\", {\n class: \"ds-logo__image ds-logo__image--light\",\n src: a.imageSrc,\n alt: a.altText,\n fetchpriority: \"high\"\n }, null, 8, wl),\n a.imageSrcDark ? (c(), w(\"img\", {\n key: 0,\n class: \"ds-logo__image ds-logo__image--dark\",\n src: a.imageSrcDark,\n alt: a.altText,\n fetchpriority: \"high\"\n }, null, 8, $l)) : P(\"\", !0)\n ])\n ])\n ], 2));\n }\n}), Sa = (n) => n ? \"checkVisibility\" in n && typeof n.checkVisibility == \"function\" ? n.checkVisibility() : n instanceof HTMLElement && !!n.offsetParent : !1, Il = [\"href\", \"target\"], Tl = [\"aria-expanded\", \"aria-controls\", \"id\"], Sl = [\"aria-expanded\", \"aria-controls\", \"id\"], Pl = /* @__PURE__ */ M(\"div\", { class: \"ds-nav-item__dropdown\" }, null, -1), Ll = /* @__PURE__ */ q({\n __name: \"ds-nav-item\",\n props: {\n navItem: {}\n },\n setup(n) {\n const e = n, t = I(!1), a = I(null), r = I(null), s = b(() => {\n const p = [];\n return e.navItem.isActive && p.push(\"ds-nav-item--active\"), p;\n }), i = b(() => {\n const p = [];\n return t.value && p.push(\"ds-nav-item-dropdown--open\"), p;\n }), o = ee(\"activeMegaMenuId\", I(\"\")), u = b(() => o ? (o == null ? void 0 : o.value) === e.navItem.itemId : !1), l = (p) => {\n u.value && (p.key === \"Escape\" && v(e.navItem.itemId, a), p.key === \"Tab\" && !p.shiftKey && (p.preventDefault(), f()));\n }, f = () => {\n const p = document.getElementById(\n o.value\n );\n if (p) {\n const x = [...p.querySelectorAll(\"a[href], button\")].find((O) => Sa(O));\n x && x.focus();\n }\n }, v = ee(\n \"togglePrimaryMegaNav\",\n (p, L) => {\n console.warn(\n \"Missing open mega nav function for \",\n p,\n L\n );\n }\n ), d = () => {\n t.value = !t.value;\n }, m = () => {\n e.navItem.type === \"mega\" && v(e.navItem.itemId, a), e.navItem.type === \"drilldown\" && v(e.navItem.itemId, r), e.navItem.type === \"dropdown\" && d();\n };\n return (p, L) => (c(), w(ne, null, [\n p.navItem.type === \"link\" ? (c(), w(\"a\", {\n key: 0,\n class: U([\"ds-nav-item\", s.value]),\n href: p.navItem.linkUrl,\n target: p.navItem.linkTarget\n }, W(p.navItem.text), 11, Il)) : P(\"\", !0),\n p.navItem.type === \"drilldown\" ? (c(), w(\"button\", {\n key: 1,\n onClick: m,\n onKeydown: l,\n \"aria-expanded\": u.value,\n \"aria-controls\": p.navItem.itemId,\n id: `button-${p.navItem.itemId}`,\n class: U([\"ds-nav-item\", s.value]),\n ref_key: \"primaryDrilldownItem\",\n ref: r\n }, [\n K(W(p.navItem.text) + \" \", 1),\n P(\"\", !0)\n ], 42, Tl)) : P(\"\", !0),\n p.navItem.type === \"mega\" ? (c(), w(\"button\", {\n key: 2,\n onClick: m,\n onKeydown: l,\n \"aria-expanded\": u.value,\n \"aria-controls\": p.navItem.itemId,\n id: `button-${p.navItem.itemId}`,\n class: U([\"ds-nav-item\", s.value]),\n ref_key: \"primaryMegaItem\",\n ref: a\n }, [\n K(W(p.navItem.text) + \" \", 1),\n P(\"\", !0)\n ], 42, Sl)) : P(\"\", !0),\n p.navItem.type === \"dropdown\" ? (c(), w(\"div\", {\n key: 3,\n class: U([\"ds-nav-item-dropdown\", i.value])\n }, [\n M(\"button\", {\n onClick: m,\n class: U([\"ds-nav-item ds-nav-item--mega\", s.value])\n }, [\n K(W(p.navItem.text) + \" \", 1),\n H(ae, {\n class: \"ds-nav-item__icon\",\n iconName: \"chevron-down\",\n size: \"sm\"\n })\n ], 2),\n Pl\n ], 2)) : P(\"\", !0)\n ], 64));\n }\n}), Cl = [\"aria-label\"], Ml = { class: \"ds-nav-primary__list\" }, qn = /* @__PURE__ */ q({\n __name: \"ds-nav-primary\",\n props: {\n navItems: {}\n },\n setup(n) {\n const e = ee(\"labels\", {});\n return (t, a) => {\n var r;\n return c(), w(\"nav\", {\n class: \"ds-nav-primary\",\n \"aria-label\": ((r = S(e)) == null ? void 0 : r.primaryNavLandmark) ?? \"Primary\"\n }, [\n M(\"ul\", Ml, [\n (c(!0), w(ne, null, ue(t.navItems, (s) => (c(), w(\"li\", {\n class: \"ds-nav-primary__list-item\",\n key: s.text\n }, [\n H(Ll, { navItem: s }, null, 8, [\"navItem\"])\n ]))), 128))\n ])\n ], 8, Cl);\n };\n }\n}), El = [\"aria-expanded\", \"id\", \"data-trigger-id\"], Nl = /* @__PURE__ */ q({\n __name: \"ds-nav-secondary-item\",\n props: {\n id: {},\n isActive: { type: Boolean, default: !1 },\n isLink: { type: Boolean, default: !1 }\n },\n setup(n) {\n const e = n, t = ee(\"activeMegaMenuId\", null), a = ee(\"activePrimaryId\", void 0), r = b(() => {\n const u = [];\n return e.isActive && u.push(\"ds-nav-secondary-item--active\"), u;\n }), s = I(null), i = ee(\n \"openSecondaryMegaNav\",\n (u, l) => {\n console.warn(\n \"Missing open secondary mega nav function for \",\n u,\n l\n );\n }\n ), o = (u) => {\n i && i(u, s);\n };\n return (u, l) => u.isLink ? P(\"\", !0) : (c(), w(\"button\", {\n key: 0,\n onClick: l[0] || (l[0] = () => o(u.id)),\n \"aria-expanded\": S(t) === S(a),\n \"aria-controls\": \"megaNav\",\n id: `trigger-${u.id}`,\n \"data-trigger-id\": u.id,\n class: U([\"ds-nav-secondary-item\", r.value]),\n ref_key: \"secondaryNavItem\",\n ref: s\n }, [\n H(Y, {\n \"html-element\": \"span\",\n \"text-type\": \"label-md\"\n }, {\n default: z(() => [\n se(u.$slots, \"default\")\n ]),\n _: 3\n }),\n H(ae, {\n class: \"ds-nav-secondary-item__icon\",\n iconName: \"chevron-down\",\n size: \"xs\"\n })\n ], 10, El));\n }\n}), Al = [\"aria-label\"], xl = { class: \"ds-nav-secondary__list\" }, Bl = /* @__PURE__ */ q({\n __name: \"ds-nav-secondary\",\n props: {\n navItems: {}\n },\n setup(n) {\n const e = ee(\"labels\", {});\n return (t, a) => {\n var r;\n return c(), w(\"nav\", {\n class: \"ds-nav-secondary\",\n \"aria-label\": ((r = S(e)) == null ? void 0 : r.secondaryNavLandmark) ?? \"Secondary\"\n }, [\n M(\"ul\", xl, [\n (c(!0), w(ne, null, ue(t.navItems, (s) => (c(), w(\"li\", {\n class: \"ds-nav-secondary__list-item\",\n key: `nav-${s.itemId}`\n }, [\n H(Nl, {\n id: s.itemId,\n isActive: s.isActive\n }, {\n default: z(() => [\n K(W(s.text), 1)\n ]),\n _: 2\n }, 1032, [\"id\", \"isActive\"])\n ]))), 128))\n ])\n ], 8, Al);\n };\n }\n});\nfunction $n(n) {\n const e = ee(\"labels\", {}), t = ee(\"hideBackdrop\");\n return {\n ariaLabel: b(() => `${n.itemLabel} ${(e == null ? void 0 : e.megaMenuNavLandmark) ?? \"Navigation\"}`),\n handleKeydown: (s) => {\n s.key === \"Escape\" && typeof t == \"function\" && t();\n },\n hideBackdrop: t\n };\n}\nconst Ol = [\"href\", \"target\", \"rel\"], Dl = [\"innerHTML\"], Fl = /* @__PURE__ */ q({\n __name: \"ds-nav-mega-link\",\n props: {\n megaMenuLink: {}\n },\n setup(n) {\n const e = n, t = ee(\"labels\", {}), a = b(() => !!e.megaMenuLink.linkIsExternal), r = b(() => {\n if (a.value)\n return \"noopener noreferrer\";\n }), s = b(() => e.megaMenuLink.linkTarget === \"_blank\" && (t != null && t.opensNewWindowLabel) ? `${e.megaMenuLink.linkText} (${t.opensNewWindowLabel})` : e.megaMenuLink.linkText);\n return (i, o) => (c(), w(\"a\", {\n class: \"ds-nav-mega-link\",\n href: i.megaMenuLink.linkUrl,\n target: i.megaMenuLink.linkTarget,\n rel: r.value\n }, [\n H(Y, {\n \"html-element\": \"span\",\n \"text-type\": \"label-md\",\n \"text-style\": \"medium\"\n }, {\n default: z(() => [\n M(\"span\", { innerHTML: s.value }, null, 8, Dl)\n ]),\n _: 1\n }),\n a.value ? (c(), D(ae, {\n key: 0,\n class: \"ds-nav-mega-link__external\",\n iconName: \"external-link\",\n size: \"xs\"\n })) : P(\"\", !0)\n ], 8, Ol));\n }\n}), Hl = { class: \"ds-nav-mega-link-list\" }, zl = [\"aria-labelledby\"], Rl = /* @__PURE__ */ q({\n __name: \"ds-nav-mega-link-list\",\n props: {\n categoryTitle: {},\n links: {}\n },\n setup(n) {\n const e = Ze(\"megamenu-linklist\");\n return (t, a) => (c(), w(\"div\", Hl, [\n H(Y, {\n id: S(e),\n \"html-element\": \"h2\",\n \"text-type\": \"label-sm\",\n \"text-style\": \"medium\",\n class: \"ds-nav-mega-link-list__category\"\n }, {\n default: z(() => [\n K(W(t.categoryTitle), 1)\n ]),\n _: 1\n }, 8, [\"id\"]),\n M(\"ul\", {\n class: \"ds-nav-mega-link-list__list\",\n \"aria-labelledby\": S(e)\n }, [\n (c(!0), w(ne, null, ue(t.links, (r) => (c(), w(\"li\", {\n class: \"ds-nav-mega-link-list__item\",\n key: `${r.linkText}${r.linkUrl}`\n }, [\n H(Fl, { \"mega-menu-link\": r }, null, 8, [\"mega-menu-link\"])\n ]))), 128))\n ], 8, zl)\n ]));\n }\n}), Vl = { class: \"ds-nav-mega-title\" }, ql = /* @__PURE__ */ q({\n __name: \"ds-nav-mega-title\",\n props: {\n title: {},\n linkText: {},\n linkUrl: {}\n },\n setup(n) {\n return (e, t) => (c(), w(\"div\", Vl, [\n H(Y, {\n \"text-type\": \"heading-2xl\",\n \"text-style\": \"regular\",\n class: \"ds-nav-mega-title__title\"\n }, {\n default: z(() => [\n K(W(e.title), 1)\n ]),\n _: 1\n }),\n e.linkText ? (c(), D(be, {\n key: 0,\n \"icon-end\": \"button-navigate-forward\",\n variant: \"link\",\n href: e.linkUrl\n }, {\n default: z(() => [\n K(W(e.linkText), 1)\n ]),\n _: 1\n }, 8, [\"href\"])) : P(\"\", !0)\n ]));\n }\n}), jl = [\"href\", \"target\"], Wl = { class: \"ds-nav-card__figure\" }, Ul = [\"src\", \"alt\"], Kl = [\"innerHTML\"], zt = /* @__PURE__ */ q({\n __name: \"ds-nav-card\",\n props: {\n title: {},\n description: {},\n linkUrl: {},\n linkIsExternal: { type: Boolean },\n linkTarget: {},\n imageSrc: {},\n imageAltText: {}\n },\n setup(n) {\n const e = n, t = b(() => e.linkUrl && e.imageSrc && e.title);\n return (a, r) => t.value ? (c(), w(\"a\", {\n key: 0,\n class: \"ds-nav-card\",\n href: a.linkUrl,\n target: a.linkTarget\n }, [\n M(\"figure\", Wl, [\n M(\"img\", {\n class: \"ds-nav-card__image\",\n src: a.imageSrc,\n alt: a.imageAltText\n }, null, 8, Ul)\n ]),\n H(Y, {\n class: \"ds-nav-card__title\",\n \"html-element\": \"h3\",\n \"text-style\": \"medium\",\n \"text-type\": \"label-md\"\n }, {\n default: z(() => [\n K(W(a.title) + \" \", 1),\n a.linkIsExternal ? (c(), D(ae, {\n key: 0,\n class: \"ds-nav-card__icon\",\n \"icon-name\": \"button-external-link\",\n size: \"xs\"\n })) : P(\"\", !0)\n ]),\n _: 1\n }),\n a.description ? (c(), D(Y, {\n key: 0,\n class: \"ds-nav-card__description\",\n \"html-element\": \"p\",\n \"text-type\": \"label-sm\"\n }, {\n default: z(() => [\n M(\"span\", { innerHTML: a.description }, null, 8, Kl)\n ]),\n _: 1\n })) : P(\"\", !0)\n ], 8, jl)) : P(\"\", !0);\n }\n}), Gl = { class: \"ds-nav-mega-column ds-nav-mega-column--cards\" }, Yl = /* @__PURE__ */ q({\n __name: \"ds-nav-mega-cards\",\n props: {\n cards: {}\n },\n setup(n) {\n return (e, t) => (c(), w(\"div\", Gl, [\n (c(!0), w(ne, null, ue(e.cards, (a) => (c(), D(zt, me({\n key: a.title\n }, a), null, 16))), 128))\n ]));\n }\n}), In = /* @__PURE__ */ q({\n __name: \"ds-nav-mega-column\",\n props: {\n megaNavColumn: {}\n },\n setup(n) {\n return (e, t) => e.megaNavColumn.type === \"linkList\" ? (c(), D(Rl, {\n key: 0,\n categoryTitle: e.megaNavColumn.content.categoryTitle,\n links: e.megaNavColumn.content.links\n }, null, 8, [\"categoryTitle\", \"links\"])) : e.megaNavColumn.type === \"titleBlock\" ? (c(), D(ql, {\n key: 1,\n title: e.megaNavColumn.content.title,\n linkText: e.megaNavColumn.content.linkText,\n linkUrl: e.megaNavColumn.content.linkUrl\n }, null, 8, [\"title\", \"linkText\", \"linkUrl\"])) : e.megaNavColumn.type === \"promo\" ? (c(), D(Yl, {\n key: 2,\n cards: e.megaNavColumn.content.cards\n }, null, 8, [\"cards\"])) : P(\"\", !0);\n }\n});\nfunction Tn(n, e = I(null)) {\n const t = I([]), a = I([]), r = I(null), s = I(null), i = I(null), o = ee(\"hideBackdrop\"), u = ee(\n \"lastFocusedSecondaryNavItem\",\n I(null)\n ), l = ee(\n \"lastFocusedPrimaryNavItem\",\n I(null)\n ), f = ee(\n \"primaryNextPrev\",\n b(() => ({\n nextItem: \"\"\n }))\n ), v = () => {\n n.value && n.value !== null && (a.value = [\n ...n.value.querySelectorAll(\n 'a[href], button, textarea, input, select, [tabindex]:not([tabindex=\"-1\"])'\n )\n ].filter((h) => Sa(h)), r.value = a.value[0] || null, i.value = a.value[a.value.length - 1] || null);\n }, d = () => {\n e.value && (t.value = [\n ...e.value.querySelectorAll(\n 'a[href], button, textarea, input, select, [tabindex]:not([tabindex=\"-1\"])'\n )\n ], s.value = t.value[0] || null);\n }, m = () => {\n v(), d();\n }, p = (h) => {\n var _;\n document.activeElement === r.value && (h.preventDefault(), N.value ? (_ = F.value) == null || _.focus() : O());\n }, L = (h, _, B = !1) => {\n var V;\n B && _ == F.value && ((V = r.value) == null || V.focus(), h.preventDefault());\n }, x = () => {\n typeof o == \"function\" && o();\n }, O = () => {\n N.value && G.value ? (u.value = G.value, x()) : !N.value && f.value.nextItem && x();\n }, E = (h, _, B) => {\n if (_ === B) {\n h.preventDefault();\n const V = document.querySelector(\n `.ds-nav-item[aria-controls='${f.value.nextItem}']`\n );\n l.value = V, O();\n }\n }, T = (h, _ = !1) => {\n const B = document.activeElement, V = i.value;\n L(h, B, _), E(h, B, V);\n }, g = (h) => {\n !e.value || h.key !== \"Tab\" || (h.shiftKey ? p(h) : T(h, !0));\n }, C = (h) => {\n !n.value || h.key !== \"Tab\" || (h.shiftKey ? p(h) : T(h));\n };\n de(() => {\n e.value && e.value.addEventListener(\"keydown\", g), n.value && n.value.addEventListener(\n \"keydown\",\n C\n ), m();\n }), Ve(() => {\n e.value && e.value.removeEventListener(\"keydown\", g), n.value && n.value.removeEventListener(\n \"keydown\",\n C\n );\n });\n const $ = () => {\n const h = t.value.find(\n (_) => _.className.includes(\"ds-nav-mega-tab--active\")\n );\n h && h.focus();\n }, k = (h, _ = null) => {\n h && _ ? _.focus() : h && !_ && $();\n }, y = async (h, _ = null) => {\n await Qe(), m(), k(h, _);\n }, N = b(() => e.value !== null), F = b(() => t.value.find(\n (h) => h.className.includes(\"ds-nav-mega-tab--active\")\n )), G = b(() => {\n var h;\n if (N.value) {\n const _ = (h = F.value) == null ? void 0 : h.getAttribute(\"data-next-id\");\n return document.querySelector(\n `.ds-nav-secondary-item[data-trigger-id='${_}']`\n );\n }\n return null;\n });\n return {\n focusableContent: a,\n focusableTabs: t,\n setLastFocusedElement: O,\n updateFocusableElements: y\n };\n}\nconst Ql = [\"aria-labelledby\", \"id\"], Xl = { class: \"ds-nav-mega__content\" }, Zl = /* @__PURE__ */ q({\n __name: \"ds-nav-mega\",\n props: {\n itemLabel: {},\n itemId: {},\n megaNavColumns: {}\n },\n setup(n) {\n const e = ee(\"activeOverlayType\", I(\"none\")), t = ee(\"labels\", {}), a = n, r = I(null), s = ee(\"activeMegaMenuId\", I(\"\")), i = b(() => e.value === \"primaryMega\" && (s == null ? void 0 : s.value) === a.itemId), { handleKeydown: o, hideBackdrop: u } = $n({\n itemLabel: a.itemLabel\n }), l = ee(\n \"lastFocusedPrimaryNavItem\",\n I(null)\n ), f = (d) => {\n typeof u == \"function\" && u();\n }, { updateFocusableElements: v } = Tn(r);\n return le(i, async (d) => {\n d && r.value !== null ? v(!1) : l && l.value && (await Qe(), l.value.focus());\n }), (d, m) => ve((c(), w(\"section\", {\n \"aria-labelledby\": `button-${d.itemId}`,\n class: \"ds-nav-mega\",\n id: d.itemId,\n ref_key: \"megaMenu\",\n ref: r,\n onClick: m[0] || (m[0] = We(() => {\n }, [\"stop\"])),\n onKeydown: m[1] || (m[1] = //@ts-ignore\n (...p) => S(o) && S(o)(...p))\n }, [\n M(\"div\", Xl, [\n H(he, {\n class: \"ds-nav-mega-close\",\n ariaLabel: S(t).megaMenuCloseButtonLabel ?? \"Close menu\",\n iconName: \"button-close\",\n clickHandler: f,\n variant: \"tertiary\"\n }, null, 8, [\"ariaLabel\"]),\n M(\"div\", {\n class: U([\"ds-nav-mega-panel ds-nav-mega-columns\", `ds-nav-mega-columns--${d.megaNavColumns.length}`])\n }, [\n (c(!0), w(ne, null, ue(d.megaNavColumns, (p, L) => (c(), w(\"div\", {\n key: `panel-${d.itemId}-col-${L}`,\n class: U([\"ds-nav-mega-column\", `ds-nav-mega-column--${p.type}`])\n }, [\n H(In, { megaNavColumn: p }, null, 8, [\"megaNavColumn\"])\n ], 2))), 128))\n ], 2)\n ])\n ], 40, Ql)), [\n [pe, i.value]\n ]);\n }\n}), Jl = [\"aria-label\"], ei = { class: \"ds-nav-drilldown-item__label\" }, ti = [\"href\", \"target\"], ni = { class: \"ds-nav-drilldown-item__label\" }, jn = \"submenu\", ai = /* @__PURE__ */ q({\n __name: \"ds-nav-drilldown-item\",\n props: {\n isActive: { type: Boolean },\n level: { default: 0 },\n navItem: {}\n },\n setup(n) {\n const e = n, t = b(() => typeof e.navItem.children > \"u\" ? !1 : e.navItem.children.length > 0), a = b(() => !!(t.value && e.level < 2)), r = b(() => !!e.navItem.linkIsExternal), s = ee(\n \"clickDrilldownNavItem\",\n (o, u) => {\n console.warn(\"No click handler attached to\", o, u);\n }\n ), i = ee(\"labels\", { submenuLabel: jn });\n return (o, u) => o.navItem && a.value ? (c(), w(\"button\", {\n key: 0,\n \"aria-label\": `${o.navItem.text} ${S(i).submenuLabel || jn}`,\n class: U([\"ds-nav-drilldown-item\", o.isActive ? \"ds-nav-drilldown-item--active\" : null]),\n onClick: u[0] || (u[0] = (l) => S(s)(o.navItem, o.level))\n }, [\n M(\"span\", ei, [\n H(Y, {\n \"text-type\": \"label-md\",\n \"text-style\": \"medium\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n K(W(o.navItem.text), 1)\n ]),\n _: 1\n })\n ]),\n a.value ? (c(), D(ae, {\n key: 0,\n class: \"ds-nav-drilldown-item__chevron\",\n size: \"sm\",\n iconName: \"chevron-right\"\n })) : P(\"\", !0)\n ], 10, Jl)) : o.navItem && \"linkUrl\" in o.navItem && !t.value ? (c(), w(\"a\", {\n key: 1,\n class: \"ds-nav-drilldown-item\",\n href: o.navItem.linkUrl,\n target: o.navItem.linkTarget\n }, [\n M(\"span\", ni, [\n H(Y, {\n \"text-type\": \"label-md\",\n \"text-style\": \"medium\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n K(W(o.navItem.text), 1)\n ]),\n _: 1\n }),\n r.value ? (c(), D(ae, {\n key: 0,\n class: \"ds-nav-drilldown-item__external\",\n iconName: \"button-external-link\",\n size: \"xs\"\n })) : P(\"\", !0)\n ])\n ], 8, ti)) : P(\"\", !0);\n }\n}), ri = [\"aria-label\"], si = { class: \"ds-nav-drilldown__list\" }, Xt = /* @__PURE__ */ q({\n __name: \"ds-nav-drilldown\",\n props: {\n activeItems: {},\n item: {},\n level: {}\n },\n setup(n) {\n const e = n, t = b(() => e.activeItems[e.level]), a = b(\n () => {\n var i;\n return t.value ? (i = t.value) == null ? void 0 : i.itemId : null;\n }\n ), r = b(\n () => {\n var i;\n return (i = e.item) == null ? void 0 : i.children;\n }\n ), s = ee(\"labels\", { submenuLabel: \"submenu\" });\n return (i, o) => (c(), D(Ue, { name: \"drillfade\" }, {\n default: z(() => [\n i.item && r.value ? (c(), w(\"section\", {\n key: 0,\n \"aria-label\": `${i.item.text} ${S(s).submenuLabel}`,\n class: U([\"ds-nav-mega-column\", `ds-nav-mega-column--level-${i.level}`])\n }, [\n M(\"ul\", si, [\n (c(!0), w(ne, null, ue(r.value, (u) => (c(), w(\"li\", {\n class: \"ds-nav-drilldown__list-item\",\n key: u.itemId\n }, [\n u ? (c(), D(ai, {\n key: 0,\n navItem: u,\n level: i.level,\n isActive: u.itemId === a.value\n }, null, 8, [\"navItem\", \"level\", \"isActive\"])) : P(\"\", !0)\n ]))), 128))\n ])\n ], 10, ri)) : P(\"\", !0)\n ]),\n _: 1\n }));\n }\n}), oi = [\"aria-labelledby\", \"id\"], li = { class: \"ds-nav-mega__content\" }, ii = { class: \"ds-nav-mega-panel\" }, ui = /* @__PURE__ */ q({\n __name: \"ds-nav-mega-drilldown\",\n props: {\n item: {}\n },\n setup(n) {\n const e = ee(\"activeOverlayType\", I(\"none\")), t = ee(\"labels\", {}), a = I([]);\n fe(\"clickDrilldownNavItem\", (g, C) => {\n var y;\n const $ = ((y = a.value[C]) == null ? void 0 : y.itemId) === (g == null ? void 0 : g.itemId), k = a.value.slice(0, C);\n $ || (k[C] = g), a.value = k, T(!1);\n });\n const s = n, i = I(null), o = I(!0), u = ee(\"activeMegaMenuId\", I(\"\")), l = b(() => e.value === \"primaryMega\" && (u == null ? void 0 : u.value) === s.item.itemId), f = b(() => typeof s.item.titleBlock < \"u\"), v = (g) => !g.children || g.children.length === 0 ? 0 : 1 + Math.max(...g.children.map(v)), d = b(() => v(s.item)), m = b(() => 4 - d.value - 1), p = b(() => {\n var g;\n return `drilldown--card-slots-${m.value} drilldown--cards-${((g = s.item.cards) == null ? void 0 : g.length) ?? \"0\"}`;\n }), { handleKeydown: L, hideBackdrop: x } = $n({\n itemLabel: s.item.text\n }), O = ee(\n \"lastFocusedPrimaryNavItem\",\n I(null)\n ), E = (g) => {\n typeof x == \"function\" && x();\n }, { updateFocusableElements: T } = Tn(i);\n return le(a, (g) => {\n g.length === 0 ? setTimeout(() => {\n o.value = !0;\n }, 200) : o.value = !1;\n }), le(l, async (g) => {\n g && i.value !== null ? T(!1) : O && O.value && (await Qe(), O.value.focus());\n }), (g, C) => {\n var $;\n return ve((c(), w(\"section\", {\n \"aria-labelledby\": `button-${g.item.itemId}`,\n class: \"ds-nav-mega ds-nav-mega--drilldown\",\n id: g.item.itemId,\n ref_key: \"megaMenu\",\n ref: i,\n onClick: C[0] || (C[0] = We(() => {\n }, [\"stop\"])),\n onKeydown: C[1] || (C[1] = //@ts-ignore\n (...k) => S(L) && S(L)(...k))\n }, [\n M(\"div\", li, [\n H(he, {\n class: \"ds-nav-mega-close\",\n ariaLabel: S(t).megaMenuCloseButtonLabel ?? \"Close menu\",\n iconName: \"button-close\",\n clickHandler: E,\n variant: \"tertiary\"\n }, null, 8, [\"ariaLabel\"]),\n M(\"div\", ii, [\n M(\"div\", {\n class: U([\"ds-nav-mega-drilldown-cols\", p.value])\n }, [\n f.value ? (c(), w(\"div\", {\n key: 0,\n class: U([\"ds-nav-mega-column\", `ds-nav-mega-column--${($ = g.item.titleBlock) == null ? void 0 : $.type}`])\n }, [\n g.item.titleBlock ? (c(), D(In, {\n key: 0,\n megaNavColumn: g.item.titleBlock\n }, null, 8, [\"megaNavColumn\"])) : P(\"\", !0)\n ], 2)) : P(\"\", !0),\n H(Xt, {\n activeItems: a.value,\n item: g.item,\n level: 0\n }, null, 8, [\"activeItems\", \"item\"]),\n ve(H(Xt, {\n activeItems: a.value,\n item: a.value[0],\n level: 1\n }, null, 8, [\"activeItems\", \"item\"]), [\n [pe, a.value.length]\n ]),\n ve(H(Xt, {\n activeItems: a.value,\n item: a.value[1],\n level: 2\n }, null, 8, [\"activeItems\", \"item\"]), [\n [pe, a.value.length === 2]\n ]),\n H(Ue, {\n name: \"card\",\n appear: \"\"\n }, {\n default: z(() => [\n g.item.cards && g.item.cards.length > 0 ? ve((c(), D(zt, me({\n key: 0,\n class: \"ds-nav-card--1\"\n }, g.item.cards[0]), null, 16)), [\n [pe, o.value || m.value === 1]\n ]) : P(\"\", !0)\n ]),\n _: 1\n }),\n H(Ue, {\n name: \"card\",\n appear: \"\"\n }, {\n default: z(() => [\n g.item.cards && g.item.cards.length > 1 ? ve((c(), D(zt, me({\n key: 0,\n class: \"ds-nav-card--2\"\n }, g.item.cards[1]), null, 16)), [\n [pe, o.value || m.value === 2]\n ]) : P(\"\", !0)\n ]),\n _: 1\n })\n ], 2)\n ])\n ])\n ], 40, oi)), [\n [pe, l.value]\n ]);\n };\n }\n}), ci = { class: \"ds-nav-mega-tabs__nav-wrapper\" }, di = { class: \"ds-nav-mega-tabs__list\" }, fi = [\"id\", \"data-itemid\", \"aria-controls\", \"data-next-id\", \"data-prev-id\", \"data-first-id\", \"data-last-id\", \"onClick\"], mi = /* @__PURE__ */ M(\"div\", { class: \"ds-nav-mega-tabs__indicator\" }, [\n /* @__PURE__ */ M(\"div\", { class: \"ds-nav-mega-tabs__active-line\" })\n], -1), vi = [\"id\", \"aria-labelledby\", \"aria-hidden\"], pi = /* @__PURE__ */ q({\n __name: \"ds-nav-mega-tabs\",\n props: {\n activeTabLabel: {},\n itemLabel: {},\n isVisible: { type: Boolean },\n tabs: { default: () => [] }\n },\n setup(n) {\n const e = n, t = I(null), a = I([]), { handleKeydown: r, hideBackdrop: s } = $n({\n itemLabel: e.itemLabel\n }), { direction: i } = ya(t), o = I(null), u = I(null), { updateFocusableElements: l } = Tn(u, o), f = (T) => {\n p.value !== T ? p.value = T : typeof s == \"function\" && s();\n }, v = (T) => {\n typeof s == \"function\" && s();\n }, d = ee(\"labels\", {}), m = ee(\n \"lastFocusedSecondaryNavItem\",\n I(null)\n ), p = ee(\"activeTabId\", I(null)), L = b(() => {\n let T = null;\n return a.value && (T = a.value.find(\n (g) => g.getAttribute(\"data-itemid\") === p.value\n )), T;\n }), x = I({\n \"--scale-factor\": \"0px\",\n \"--translate-x\": \"0px\"\n }), O = (T) => {\n var g;\n return i.value === \"rtl\" ? o.value ? T.offsetLeft - ((g = o.value) == null ? void 0 : g.offsetWidth) : 0 : T.offsetLeft;\n }, E = async () => {\n const T = L.value;\n await Qe(), await l(!0), x.value = {\n \"--scale-factor\": `${T == null ? void 0 : T.getBoundingClientRect().width}px`,\n \"--translate-x\": `${O(T)}px`\n };\n };\n return le(\n () => e.isVisible,\n async (T) => {\n T && await E(), T || m && m.value && (await Qe(), m.value.focus());\n }\n ), le(L, async (T) => {\n T && await E();\n }), (T, g) => (c(), w(\"div\", {\n class: \"ds-nav-mega-tabs\",\n ref_key: \"megaMenu\",\n ref: t,\n onKeydown: g[0] || (g[0] = //@ts-ignore\n (...C) => S(r) && S(r)(...C)),\n style: ge(x.value)\n }, [\n M(\"div\", ci, [\n H(he, {\n class: \"ds-nav-mega-close\",\n ariaLabel: S(d).megaMenuCloseButtonLabel ?? \"Close menu\",\n iconName: \"button-close\",\n clickHandler: v,\n variant: \"tertiary\"\n }, null, 8, [\"ariaLabel\"]),\n M(\"div\", {\n class: \"ds-nav-mega-tabs__nav\",\n ref_key: \"tablist\",\n ref: o\n }, [\n M(\"ul\", di, [\n (c(!0), w(ne, null, ue(T.tabs, ({ itemId: C, text: $ }, k) => {\n var y, N, F, G;\n return c(), w(\"li\", {\n class: \"ds-nav-mega-tabs__list-item\",\n key: `${C}-button`\n }, [\n M(\"button\", {\n id: `${C}-button`,\n ref_for: !0,\n ref_key: \"tabButtons\",\n ref: a,\n class: U([\n \"ds-nav-mega-tab\",\n S(p) === C ? \"ds-nav-mega-tab--active\" : \"\"\n ]),\n \"data-itemid\": C,\n \"aria-controls\": `panel-${C}`,\n \"data-next-id\": (y = T.tabs[(k + 1) % T.tabs.length]) == null ? void 0 : y.itemId,\n \"data-prev-id\": (N = T.tabs[(k - 1 + T.tabs.length) % T.tabs.length]) == null ? void 0 : N.itemId,\n \"data-first-id\": (F = T.tabs[0]) == null ? void 0 : F.itemId,\n \"data-last-id\": (G = T.tabs[T.tabs.length - 1]) == null ? void 0 : G.itemId,\n onClick: () => f(C)\n }, [\n H(Y, {\n class: \"ds-nav-mega-tab__text\",\n \"html-element\": \"span\",\n \"text-type\": \"label-md\"\n }, {\n default: z(() => [\n K(W($), 1)\n ]),\n _: 2\n }, 1024),\n H(ae, {\n class: \"ds-nav-mega-tab__icon\",\n iconName: \"chevron-down\",\n size: \"xs\"\n })\n ], 10, fi)\n ]);\n }), 128))\n ])\n ], 512),\n mi\n ]),\n M(\"div\", {\n class: \"ds-nav-mega-tabs__panels\",\n ref_key: \"tabpanel\",\n ref: u\n }, [\n (c(!0), w(ne, null, ue(T.tabs, (C) => ve((c(), w(\"section\", {\n class: \"ds-nav-mega-panel ds-nav-mega-columns\",\n key: C.itemId,\n id: `panel-${C.itemId}`,\n \"aria-labelledby\": `trigger-${C.itemId}`,\n \"aria-hidden\": C.itemId !== S(p)\n }, [\n (c(!0), w(ne, null, ue(C.megaNavColumns, ($, k) => (c(), w(\"div\", {\n key: `panel-${C.itemId}-col-${k}`,\n class: U([\"ds-nav-mega-column\", `ds-nav-mega-column--${$.type}`])\n }, [\n H(In, { megaNavColumn: $ }, null, 8, [\"megaNavColumn\"])\n ], 2))), 128))\n ], 8, vi)), [\n [pe, C.itemId === S(p)]\n ])), 128))\n ], 512)\n ], 36));\n }\n}), hi = /* @__PURE__ */ q({\n __name: \"ds-nav-mega-secondary\",\n props: {\n itemLabel: {},\n navItems: {}\n },\n setup(n) {\n const e = ee(\"activeOverlayType\", I(\"none\")), t = b(() => e.value === \"secondaryMega\");\n return (a, r) => ve((c(), w(\"div\", {\n class: \"ds-nav-mega ds-nav-mega--secondary\",\n onClick: r[0] || (r[0] = We(() => {\n }, [\"stop\"]))\n }, [\n H(pi, {\n \"is-visible\": t.value,\n \"item-label\": a.itemLabel,\n tabs: a.navItems\n }, null, 8, [\"is-visible\", \"item-label\", \"tabs\"])\n ], 512)), [\n [pe, t.value]\n ]);\n }\n}), gi = { class: \"ds-nav-mega-search__content\" }, bi = /* @__PURE__ */ q({\n __name: \"ds-nav-mega-search\",\n setup(n) {\n const e = ee(\"activeOverlayType\", I(\"none\"));\n return (t, a) => ve((c(), w(\"div\", {\n onClick: a[0] || (a[0] = We(() => {\n }, [\"stop\"])),\n class: \"ds-nav-mega-search\"\n }, [\n M(\"div\", gi, [\n se(t.$slots, \"default\")\n ])\n ], 512)), [\n [pe, S(e) === \"search\"]\n ]);\n }\n});\nfunction Pa(n, e, t, a) {\n const r = I(!1), s = I(\"0px\"), i = I(\"unset\"), o = b(() => {\n const d = [];\n return n.enableSticky && d.push(`${a}--sticky`), r.value && d.push(`${a}--show`), d;\n }), { y: u } = Do();\n let l = 0;\n le(u, () => {\n const d = document.documentElement.scrollHeight - window.innerHeight, m = Math.min(Math.max(u.value, 0), d);\n m >= l ? r.value = !1 : r.value = !0, l = m;\n });\n const v = (d) => `${d}px`;\n return e !== null && Ht(e, (d) => {\n const m = d[0], { height: p } = m.contentRect;\n s.value = v(p);\n }), t !== null && Ht(t, (d) => {\n const m = d[0], { height: p } = m.contentRect;\n p !== 0 && (i.value = v(p));\n }), de(() => {\n var d, m;\n e.value && (s.value = v(\n (d = e.value) == null ? void 0 : d.clientHeight\n )), t.value && (i.value = v(\n (m = t.value) == null ? void 0 : m.clientHeight\n ));\n }), {\n dynamicClasses: o,\n headerHeight: s,\n secondaryHeight: i\n };\n}\nconst yi = { class: \"ds-header__inner\" }, _i = { class: \"ds-header__logo\" }, ki = { class: \"ds-header__tools\" }, wi = { class: \"ds-header__icons\" }, $i = {\n key: 0,\n class: \"ds-header__cta\"\n}, Ii = {\n key: 0,\n class: \"ds-header__primary-stacked\"\n}, Ti = { class: \"ds-header__inner\" }, Si = { class: \"ds-header__nav\" }, Pi = /* @__PURE__ */ q({\n __name: \"ds-header-desktop\",\n props: {\n basketCount: {},\n basketFn: {},\n enableBasket: { type: Boolean },\n enableSearch: { type: Boolean },\n enableSticky: { type: Boolean, default: !0 },\n navItems: {},\n searchFn: {}\n },\n setup(n) {\n var Te;\n const e = n, t = I(0), a = I(null), r = I(null), s = I(!1), i = I(null), o = I(null), u = I(null), l = I(\"none\"), f = I(null), v = I(null), d = I(null), m = I(0), p = I(!1), L = I(null), { dynamicClasses: x, headerHeight: O, secondaryHeight: E } = Pa(\n {\n enableSticky: e.enableSticky\n },\n L,\n r,\n \"ds-header\"\n ), T = b(() => `--header-top-height: ${O.value}; --secondary-height: ${E.value}`), g = b(() => m.value < t.value), C = b(() => e.navItems.find((Q) => Q.isActive)), $ = b(() => {\n const Q = e.navItems.findIndex(\n (Be) => {\n var qe;\n return Be.itemId === ((qe = o.value) == null ? void 0 : qe.getAttribute(\"aria-controls\"));\n }\n ), oe = (e.navItems.length + Q - 1) % e.navItems.length, ce = (Q + 1) % e.navItems.length, Se = e.navItems[oe].itemId, Ge = e.navItems[ce].itemId;\n return { prevItem: Se, nextItem: Ge };\n }), k = b(() => {\n var Q;\n return C.value && C.value.type !== \"mega\" && C.value.type !== \"drilldown\" && ((Q = C.value.children) == null ? void 0 : Q.length) && C.value.children.length > 0;\n }), y = b(() => {\n var Q, oe;\n return k.value && ((Q = C.value) == null ? void 0 : Q.type) === \"link\" ? (oe = C.value) == null ? void 0 : oe.children : [];\n }), N = b(() => e.navItems.filter(\n (Q) => Q.type === \"mega\"\n )), F = b(() => e.navItems.filter(\n (Q) => Q.type === \"drilldown\"\n )), G = b(() => {\n const Q = [...x.value];\n return k.value && Q.push(\"ds-header--secondary\"), l.value === \"secondaryMega\" && Q.push(\"ds-header--secondary-expanded\"), l.value === \"primaryMega\" && Q.push(\"ds-header--mega\"), Q;\n }), h = (Q) => {\n Q.key === \"Escape\" && _();\n }, _ = () => {\n s.value = !1, B();\n }, B = () => {\n l.value = \"none\", u.value = null, i.value = null;\n }, V = () => {\n s.value = !0;\n }, A = (Q, oe) => {\n V(), u.value = Q, l.value = \"primaryMega\", f.value = oe.value;\n }, j = (Q, oe) => {\n u.value === Q ? _() : (A(Q, oe), o.value = oe.value);\n }, Z = (Q, oe) => {\n var ce;\n V(), u.value = ((ce = C.value) == null ? void 0 : ce.itemId) ?? null, i.value = Q, l.value = \"secondaryMega\", oe != null && oe.value && (v.value = oe.value);\n }, R = () => {\n l.value != \"search\" ? (V(), l.value = \"search\", e.searchFn && e.searchFn(!0)) : l.value === \"search\" && (_(), e.searchFn && e.searchFn(!1));\n }, J = ee(\"labels\", {}), re = ee(\"loggedIn\", I(!1)), te = ee(\"ctaButtons\"), ie = ee(\"logo\", {\n href: \"/\",\n altText: \"Coloplast\",\n imageSrc: \"\",\n clickHandler: () => {\n }\n }), ye = () => {\n var Q, oe, ce;\n (Q = a.value) != null && Q.parentElement && ((ce = (oe = a.value) == null ? void 0 : oe.parentElement) == null ? void 0 : ce.getAttribute(\"data-sticky-mount\")) === \"true\" && (p.value = !0);\n };\n return de(() => {\n var oe;\n const Q = (oe = d.value) == null ? void 0 : oe.querySelectorAll(\".ds-nav-item\");\n if (Q && Q.length) {\n let ce = 0;\n for (const Se of Q)\n ce += Se.clientWidth;\n t.value = ce;\n }\n ye();\n }), Ht(d, (Q) => {\n const oe = Q[0], { width: ce } = oe.contentRect;\n m.value = ce;\n }), le(T, (Q) => {\n p.value && a.value && a.value.parentElement && a.value.parentElement.setAttribute(\"style\", Q);\n }), fe(\"activeMegaMenuId\", u), fe(\"activePrimaryId\", (Te = C.value) == null ? void 0 : Te.itemId), fe(\"activeTabId\", i), fe(\"activeOverlayType\", l), fe(\"primaryNextPrev\", $), fe(\"hideBackdrop\", _), fe(\"showBackdrop\", V), fe(\"togglePrimaryMegaNav\", j), fe(\"openSecondaryMegaNav\", Z), fe(\"lastFocusedPrimaryNavItem\", f), fe(\"lastFocusedSecondaryNavItem\", v), (Q, oe) => {\n var ce, Se, Ge, Be, qe, Je;\n return c(), w(ne, null, [\n M(\"header\", {\n class: U([\"ds-header\", G.value]),\n ref_key: \"header\",\n ref: a,\n onShowBackdrop: V,\n onKeydown: h,\n style: ge(T.value)\n }, [\n M(\"div\", {\n class: \"ds-header__top\",\n ref_key: \"headerTop\",\n ref: L\n }, [\n M(\"div\", yi, [\n M(\"div\", _i, [\n H(Ta, Wa(Ua(S(ie))), null, 16)\n ]),\n M(\"div\", {\n ref_key: \"primaryInline\",\n ref: d,\n class: \"ds-header__primary-inline\"\n }, [\n g.value ? P(\"\", !0) : (c(), D(qn, {\n key: 0,\n navItems: Q.navItems\n }, null, 8, [\"navItems\"]))\n ], 512),\n M(\"div\", ki, [\n M(\"div\", wi, [\n Q.enableSearch ? (c(), D(he, {\n key: 0,\n class: \"ds-header-search\",\n onClick: R,\n ariaLabel: ((ce = S(J)) == null ? void 0 : ce.searchButtonLabel) ?? \"Search\",\n iconName: \"button-search\",\n variant: \"ghost-neutral\"\n }, null, 8, [\"ariaLabel\"])) : P(\"\", !0),\n Q.enableBasket ? (c(), D(he, {\n key: 1,\n class: \"ds-header-basket\",\n ariaLabel: ((Se = S(J)) == null ? void 0 : Se.basketButtonLabel) ?? \"Basket\",\n clickHandler: Q.basketFn,\n iconName: \"button-shopping-basket\",\n \"notification-count\": Q.basketCount,\n variant: \"ghost-neutral\"\n }, null, 8, [\"ariaLabel\", \"clickHandler\", \"notification-count\"])) : P(\"\", !0)\n ]),\n S(te) ? (c(), w(\"div\", $i, [\n S(re) && ((Ge = S(te).myAccountButtonNavItem) != null && Ge.initials) && ((Be = S(te).myAccountButtonNavItem) != null && Be.initials.length) ? (c(), D(_l, {\n key: 0,\n ariaLabel: `'${S(te).myAccountButtonNavItem.text} - ${S(te).myAccountButtonInitials}`,\n onClick: S(te).myAccountButtonFn,\n href: S(te).myAccountButtonNavItem.linkUrl,\n size: \"md\",\n variant: \"primary\"\n }, {\n default: z(() => [\n K(W(S(te).myAccountButtonNavItem.initials), 1)\n ]),\n _: 1\n }, 8, [\"ariaLabel\", \"onClick\", \"href\"])) : S(re) && ((qe = S(te).myAccountButtonNavItem) != null && qe.text) ? (c(), D(be, {\n key: 1,\n href: S(te).myAccountButtonNavItem.linkUrl,\n onClick: S(te).myAccountButtonFn,\n size: \"sm\",\n variant: \"primary\"\n }, {\n default: z(() => {\n var _e;\n return [\n K(W((_e = S(te).myAccountButtonNavItem) == null ? void 0 : _e.text), 1)\n ];\n }),\n _: 1\n }, 8, [\"href\", \"onClick\"])) : P(\"\", !0),\n !S(re) && S(te).loginButtonLabel ? (c(), D(be, {\n key: 2,\n href: S(te).loginButtonLink,\n onClick: S(te).loginButtonFn,\n size: \"sm\",\n variant: \"primary\"\n }, {\n default: z(() => [\n K(W(S(te).loginButtonLabel), 1)\n ]),\n _: 1\n }, 8, [\"href\", \"onClick\"])) : P(\"\", !0)\n ])) : P(\"\", !0)\n ]),\n g.value ? (c(), w(\"div\", Ii, [\n H(qn, { navItems: Q.navItems }, null, 8, [\"navItems\"])\n ])) : P(\"\", !0)\n ])\n ], 512),\n k.value ? ve((c(), w(\"div\", {\n key: 0,\n class: \"ds-header__bottom\",\n ref_key: \"secondary\",\n ref: r\n }, [\n M(\"div\", Ti, [\n M(\"div\", Si, [\n H(Bl, {\n navItems: y.value ?? []\n }, null, 8, [\"navItems\"])\n ])\n ])\n ], 512)), [\n [pe, !s.value]\n ]) : P(\"\", !0),\n ve(M(\"div\", {\n class: \"ds-header__mega\",\n id: \"meganav\",\n onClick: _\n }, [\n (c(!0), w(ne, null, ue(N.value, (_e) => (c(), D(Zl, {\n itemId: _e.itemId,\n itemLabel: _e.text,\n \"mega-nav-columns\": _e.megaNavColumns,\n key: _e.text\n }, null, 8, [\"itemId\", \"itemLabel\", \"mega-nav-columns\"]))), 128)),\n (c(!0), w(ne, null, ue(F.value, (_e) => (c(), D(ui, {\n item: _e,\n key: _e.text\n }, null, 8, [\"item\"]))), 128)),\n k.value ? (c(), D(hi, {\n key: 0,\n itemLabel: ((Je = C.value) == null ? void 0 : Je.text) ?? \"\",\n navItems: y.value ?? []\n }, null, 8, [\"itemLabel\", \"navItems\"])) : P(\"\", !0),\n H(bi, null, {\n default: z(() => [\n se(Q.$slots, \"searchDesktop\")\n ]),\n _: 3\n })\n ], 512), [\n [pe, s.value]\n ])\n ], 38),\n (c(), D(aa, { to: \"body\" }, [\n ve(M(\"div\", {\n onClick: _,\n class: \"ds-header-backdrop\"\n }, null, 512), [\n [pe, s.value]\n ])\n ]))\n ], 64);\n };\n }\n}), Li = { class: \"ds-header-mobile__bar\" }, Ci = {\n key: 0,\n class: \"ds-header-mobile__logo\"\n}, Mi = {\n key: 1,\n class: \"ds-header-mobile__title-bar\"\n}, Ei = { class: \"ds-header-mobile__icons\" }, Ni = /* @__PURE__ */ q({\n __name: \"ds-header-mobile-bar\",\n props: {\n isTopLevel: { type: Boolean },\n logo: {},\n enableSearch: { type: Boolean },\n enableBasket: { type: Boolean },\n basketCount: {},\n basketFn: { type: Function },\n onSearchClick: { type: Function },\n onToggleClick: { type: Function },\n onBackClick: { type: Function },\n labels: {},\n menuState: {},\n menuButtonLabel: {}\n },\n setup(n) {\n return (e, t) => {\n var a, r, s;\n return c(), w(\"div\", Li, [\n e.isTopLevel ? (c(), w(\"div\", Ci, [\n H(Ta, me(e.logo, { size: \"sm\" }), null, 16)\n ])) : (c(), w(\"div\", Mi, [\n H(he, {\n ariaLabel: ((a = e.labels) == null ? void 0 : a.mobileMenuBackButtonLabel) ?? \"Back\",\n \"click-handler\": e.onBackClick,\n variant: \"secondary-neutral\",\n size: \"md\",\n iconName: \"button-chevron-left\"\n }, null, 8, [\"ariaLabel\", \"click-handler\"])\n ])),\n M(\"div\", Ei, [\n e.enableSearch && e.isTopLevel ? (c(), D(he, {\n key: 0,\n class: \"ds-header-mobile__icon-button\",\n \"click-handler\": e.onSearchClick,\n ariaLabel: ((r = e.labels) == null ? void 0 : r.searchButtonLabel) ?? \"Search\",\n \"data-testid\": \"searchButton\",\n iconName: \"button-search\",\n variant: \"ghost-neutral\"\n }, null, 8, [\"click-handler\", \"ariaLabel\"])) : P(\"\", !0),\n e.enableBasket && e.isTopLevel ? (c(), D(he, {\n key: 1,\n class: \"ds-header-mobile__icon-button\",\n ariaLabel: ((s = e.labels) == null ? void 0 : s.basketButtonLabel) ?? \"Basket\",\n clickHandler: e.basketFn,\n iconName: \"button-shopping-basket\",\n \"notification-count\": e.basketCount,\n variant: \"ghost-neutral\"\n }, null, 8, [\"ariaLabel\", \"clickHandler\", \"notification-count\"])) : P(\"\", !0),\n H(he, {\n class: \"ds-header-mobile__toggle\",\n \"click-handler\": e.onToggleClick,\n ariaLabel: e.menuButtonLabel,\n iconName: e.menuState === \"open\" || e.menuState === \"search\" ? \"button-close\" : \"button-menu\",\n variant: \"ghost-neutral\"\n }, null, 8, [\"click-handler\", \"ariaLabel\", \"iconName\"])\n ])\n ]);\n };\n }\n}), Ai = [\"aria-label\"], xi = { class: \"ds-nav-mobile-item__label\" }, Bi = [\"href\", \"target\"], Oi = { class: \"ds-nav-mobile-item__label\" }, Di = {\n key: 2,\n class: \"ds-nav-mobile-item ds-nav-mobile-item--section\"\n}, Fi = { class: \"ds-nav-mobile-item__label\" }, Hi = 3, rt = /* @__PURE__ */ q({\n __name: \"ds-nav-mobile-item\",\n props: {\n isSectionPage: { type: Boolean, default: !1 },\n level: {},\n navItem: {}\n },\n setup(n) {\n const e = n, t = ee(\"labels\", {}), a = t.submenuLabel ? t.submenuLabel : \"submenu\", r = b(() => e.navItem && \"linkUrl\" in e.navItem && e.navItem.linkUrl !== null && typeof e.navItem.linkUrl < \"u\"), s = b(() => !!(\"linkIsExternal\" in e.navItem && e.navItem.linkIsExternal)), i = b(() => r.value ? e.isSectionPage ? !0 : !(!e.isSectionPage && o.value) : !1), o = b(() => {\n var d;\n return !!(\"children\" in e.navItem && ((d = e.navItem.children) != null && d.length));\n }), u = b(() => {\n var d;\n return !!(\"megaNavColumns\" in e.navItem && ((d = e.navItem) != null && d.megaNavColumns.length));\n }), l = b(() => u.value || o.value && e.level < Hi), f = ee(\"navigateLevel\", (d, m = 0) => {\n console.warn(\"navigateLevel not implemented\", { navItem: d, level: m });\n }), v = b(() => e.isSectionPage && e.navItem.mobilePageLabel && e.navItem.mobilePageLabel || e.navItem.text);\n return (d, m) => d.navItem && l.value && !d.isSectionPage ? (c(), w(\"button\", {\n key: 0,\n \"aria-label\": `${d.navItem.text} ${S(a)}`,\n class: \"ds-nav-mobile-item\",\n onClick: m[0] || (m[0] = (p) => S(f)(d.navItem, d.level + 1))\n }, [\n M(\"span\", xi, [\n d.navItem.iconName ? (c(), D(ae, {\n key: 0,\n class: \"ds-nav-mobile-item__icon\",\n size: \"lg\",\n iconName: d.navItem.iconName\n }, null, 8, [\"iconName\"])) : P(\"\", !0),\n d.navItem.initials ? (c(), D(Y, {\n key: 1,\n class: \"ds-nav-mobile-item__initials\",\n \"html-element\": \"span\",\n \"text-style\": \"medium\",\n \"text-type\": \"label-sm\"\n }, {\n default: z(() => [\n K(W(d.navItem.initials), 1)\n ]),\n _: 1\n })) : P(\"\", !0),\n H(Y, {\n \"text-type\": \"label-lg\",\n \"text-style\": \"medium\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n K(W(d.navItem.text), 1)\n ]),\n _: 1\n })\n ]),\n l.value ? (c(), D(ae, {\n key: 0,\n class: \"ds-nav-mobile-item__chevron\",\n size: \"md\",\n iconName: \"chevron-right\"\n })) : P(\"\", !0)\n ], 8, Ai)) : d.navItem && \"linkUrl\" in d.navItem && i.value ? (c(), w(\"a\", {\n key: 1,\n class: U([\"ds-nav-mobile-item\", d.isSectionPage ? \"ds-nav-mobile-item--section\" : null]),\n href: d.navItem.linkUrl,\n target: d.navItem.linkTarget\n }, [\n M(\"span\", Oi, [\n d.navItem.iconName ? (c(), D(ae, {\n key: 0,\n class: \"ds-nav-mobile-item__icon\",\n size: \"lg\",\n iconName: d.navItem.iconName\n }, null, 8, [\"iconName\"])) : P(\"\", !0),\n d.navItem.initials && !d.isSectionPage ? (c(), D(Y, {\n key: 1,\n class: \"ds-nav-mobile-item__initials\",\n \"html-element\": \"span\",\n \"text-style\": \"medium\",\n \"text-type\": \"label-sm\"\n }, {\n default: z(() => [\n K(W(d.navItem.initials), 1)\n ]),\n _: 1\n })) : P(\"\", !0),\n H(Y, {\n \"text-type\": \"label-lg\",\n \"text-style\": \"medium\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n K(W(v.value), 1)\n ]),\n _: 1\n }),\n !d.isSectionPage && s.value ? (c(), D(ae, {\n key: 2,\n class: \"ds-nav-mobile-item__external\",\n \"icon-name\": \"button-external-link\",\n size: \"md\"\n })) : P(\"\", !0),\n d.isSectionPage ? (c(), D(ae, {\n key: 3,\n class: \"ds-nav-mobile-item__navigate\",\n \"icon-name\": \"button-navigate-forward\",\n size: \"md\"\n })) : P(\"\", !0)\n ])\n ], 10, Bi)) : d.navItem && d.isSectionPage ? (c(), w(\"div\", Di, [\n M(\"span\", Fi, [\n d.navItem.iconName ? (c(), D(ae, {\n key: 0,\n class: \"ds-nav-mobile-item__icon\",\n size: \"lg\",\n iconName: d.navItem.iconName\n }, null, 8, [\"iconName\"])) : P(\"\", !0),\n H(Y, {\n \"text-type\": \"label-lg\",\n \"text-style\": \"medium\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n K(W(v.value), 1)\n ]),\n _: 1\n })\n ])\n ])) : P(\"\", !0);\n }\n}), zi = /* @__PURE__ */ M(\"div\", { class: \"ds-nav-mobile__title-bar\" }, null, -1), Ri = [\"aria-label\"], Vi = { class: \"ds-nav-mobile__group\" }, qi = {\n key: 2,\n class: \"ds-nav-mobile__cards\"\n}, Zt = /* @__PURE__ */ q({\n __name: \"ds-nav-mobile-level\",\n props: {\n activeParent: {},\n level: {}\n },\n setup(n) {\n const e = n, t = [\"link\", \"dropdown\", \"service\", \"drilldown\"], a = (o) => {\n var u;\n return !!o && t.includes(o.type) && \"children\" in o && !!((u = o.children) != null && u.length);\n }, r = b(() => a(e.activeParent) ? e.activeParent : null), s = b(() => r.value !== null && \"titleBlock\" in r.value && typeof r.value.titleBlock < \"u\" && r.value.titleBlock !== null), i = b(() => {\n var o, u;\n if (s.value) {\n const l = r.value;\n return {\n itemId: `${l.itemId}-title`,\n linkUrl: ((o = l.titleBlock) == null ? void 0 : o.content.linkUrl) ?? \"#\",\n text: ((u = l.titleBlock) == null ? void 0 : u.content.linkText) ?? \"\",\n type: \"link\"\n };\n }\n return null;\n });\n return (o, u) => (c(), D(Ue, { name: \"persist\" }, {\n default: z(() => {\n var l;\n return [\n o.activeParent ? (c(), w(\"div\", {\n key: 0,\n class: U(`ds-nav-mobile__level ds-nav-mobile__level${o.level}`)\n }, [\n zi,\n a(o.activeParent) ? (c(), w(\"section\", {\n key: 0,\n \"aria-label\": o.activeParent.text,\n class: \"ds-nav-mobile__nav\"\n }, [\n i.value ? (c(), D(rt, {\n key: 0,\n level: o.level,\n navItem: i.value,\n \"is-section-page\": !0\n }, null, 8, [\"level\", \"navItem\"])) : r.value !== null ? (c(), D(rt, {\n key: 1,\n level: o.level,\n navItem: r.value,\n \"is-section-page\": !0\n }, null, 8, [\"level\", \"navItem\"])) : P(\"\", !0),\n M(\"div\", Vi, [\n (c(!0), w(ne, null, ue(o.activeParent.children, (f) => (c(), D(rt, {\n key: f.text,\n level: o.level,\n navItem: f\n }, null, 8, [\"level\", \"navItem\"]))), 128))\n ]),\n \"cards\" in o.activeParent ? (c(), w(\"div\", qi, [\n (c(!0), w(ne, null, ue((l = o.activeParent.cards) == null ? void 0 : l.slice(0, 2), (f) => (c(), D(zt, me(f, {\n key: f.title\n }), null, 16))), 128))\n ])) : P(\"\", !0)\n ], 8, Ri)) : P(\"\", !0)\n ], 2)) : P(\"\", !0)\n ];\n }),\n _: 1\n }));\n }\n}), ji = {\n key: 0,\n class: \"ds-nav-mobile-service\"\n}, Wi = /* @__PURE__ */ q({\n __name: \"ds-nav-mobile-service\",\n setup(n) {\n const e = ee(\"loggedIn\", !1), t = ee(\"countrySelector\"), a = ee(\"ctaButtons\"), r = ee(\"serviceNavItems\", []), s = a && a.myAccountButtonNavItem ? {\n ...a.myAccountButtonNavItem,\n type: \"service\"\n } : null, i = b(\n () => {\n var o;\n if (t && \"countryList\" in t && \"headline\" in t)\n return {\n iconName: \"globe\",\n itemId: \"select-country\",\n children: (o = t == null ? void 0 : t.countryList) == null ? void 0 : o.map(\n (u, l) => ({\n itemId: u.language || `country-${l}`,\n linkUrl: u.url,\n text: u.name,\n type: \"service\"\n })\n ),\n text: t == null ? void 0 : t.headline,\n type: \"service\"\n };\n }\n );\n return (o, u) => {\n var l;\n return S(e) || S(r) && ((l = S(r)) != null && l.length) || i.value ? (c(), w(\"div\", ji, [\n S(e) && S(a) && S(s) ? (c(), D(rt, {\n key: 0,\n level: 0,\n navItem: S(s)\n }, null, 8, [\"navItem\"])) : P(\"\", !0),\n i.value ? (c(), D(rt, {\n key: 1,\n level: 0,\n navItem: i.value\n }, null, 8, [\"navItem\"])) : P(\"\", !0),\n (c(!0), w(ne, null, ue(S(r), (f) => (c(), D(rt, {\n level: 0,\n key: f == null ? void 0 : f.text,\n navItem: f\n }, null, 8, [\"navItem\"]))), 128))\n ])) : P(\"\", !0);\n };\n }\n}), Ui = { class: \"ds-nav-mobile\" }, Ki = [\"inert\"], Gi = { class: \"ds-nav-mobile__nav\" }, Yi = { class: \"ds-nav-mobile__group\" }, Qi = { class: \"ds-nav-mobile__service\" }, Xi = {\n key: 0,\n class: \"ds-nav-mobile__cta\"\n}, Zi = /* @__PURE__ */ q({\n __name: \"ds-nav-mobile\",\n props: {\n navItems: {}\n },\n setup(n) {\n const e = I(null), t = ee(\"mobileMenuLevel\", I(0)), a = ee(\"activeItems\", I([])), r = ee(\"ctaButtons\"), s = ee(\"loggedIn\", !1), i = b(\n () => (r == null ? void 0 : r.loginButtonLabel) || (r == null ? void 0 : r.logoutButtonLabel) || !1\n );\n return le(a.value, () => {\n e.value && e.value.scrollTo(0, 0);\n }), (o, u) => (c(), w(\"div\", Ui, [\n M(\"div\", {\n class: \"ds-nav-mobile__scroll\",\n ref_key: \"scroll\",\n ref: e\n }, [\n M(\"div\", {\n class: U([\"ds-nav-mobile__levels\", `ds-nav-mobile__levels--level${S(t)}`])\n }, [\n M(\"div\", {\n class: \"ds-nav-mobile__level ds-nav-mobile__level0\",\n inert: S(t) !== 0 ? \"true\" : void 0\n }, [\n M(\"div\", Gi, [\n M(\"div\", Yi, [\n (c(!0), w(ne, null, ue(o.navItems, (l) => (c(), D(rt, {\n level: 0,\n key: l.text,\n navItem: l\n }, null, 8, [\"navItem\"]))), 128))\n ])\n ]),\n M(\"div\", Qi, [\n H(Wi)\n ])\n ], 8, Ki),\n H(Zt, {\n activeParent: S(a)[0],\n inert: S(t) !== 1 ? \"true\" : void 0,\n level: 1\n }, null, 8, [\"activeParent\", \"inert\"]),\n H(Zt, {\n activeParent: S(a)[1],\n inert: S(t) !== 2 ? \"true\" : void 0,\n level: 2\n }, null, 8, [\"activeParent\", \"inert\"]),\n H(Zt, {\n activeParent: S(a)[2],\n inert: S(t) !== 3 ? \"true\" : void 0,\n level: 3\n }, null, 8, [\"activeParent\", \"inert\"])\n ], 2)\n ], 512),\n i.value && S(r) ? (c(), w(\"div\", Xi, [\n H(ba, null, {\n default: z(() => [\n !S(s) && S(r).loginButtonLabel ? (c(), D(be, {\n key: 0,\n \"click-handler\": S(r).loginButtonFn,\n href: S(r).loginButtonLink,\n variant: \"primary\"\n }, {\n default: z(() => [\n K(W(S(r).loginButtonLabel), 1)\n ]),\n _: 1\n }, 8, [\"click-handler\", \"href\"])) : P(\"\", !0),\n S(s) && S(r).logoutButtonLabel ? (c(), D(be, {\n key: 1,\n \"click-handler\": S(r).logoutButtonFn,\n href: S(r).logoutButtonLink,\n variant: \"secondary\"\n }, {\n default: z(() => [\n K(W(S(r).logoutButtonLabel), 1)\n ]),\n _: 1\n }, 8, [\"click-handler\", \"href\"])) : P(\"\", !0)\n ]),\n _: 1\n })\n ])) : P(\"\", !0)\n ]));\n }\n}), Ji = (n, e) => n.flatMap(\n (t) => t.type === \"linkList\" ? [\n {\n itemId: `${e}-${t.content.categoryTitle}`,\n text: t.content.categoryTitle,\n linkUrl: void 0,\n type: \"link\",\n children: t.content.links.map((a) => ({\n itemId: `${e}-${a.linkText}`,\n linkUrl: a.linkUrl,\n linkIsExternal: a.linkIsExternal,\n linkTarget: a.linkTarget,\n text: a.linkText,\n type: \"link\"\n }))\n }\n ] : []\n), eu = (n) => (n == null ? void 0 : n.content.cards) ?? [], La = (n) => {\n const e = Ji(n.megaNavColumns, n.itemId), t = n.megaNavColumns.find(\n (r) => r.type === \"titleBlock\"\n ), a = n.megaNavColumns.find(\n (r) => r.type === \"promo\"\n );\n return {\n itemId: n.itemId,\n text: n.text,\n type: \"drilldown\",\n mobilePageLabel: \"mobilePageLabel\" in n ? n.mobilePageLabel : void 0,\n children: e,\n titleBlock: t,\n cards: eu(a)\n };\n}, tu = (n) => La(n), nu = (n) => La(n), au = [\"aria-label\", \"role\"], ru = {\n key: 0,\n class: \"ds-header-mobile__nav\"\n}, su = { class: \"ds-header-mobile__search\" }, ou = /* @__PURE__ */ q({\n __name: \"ds-header-mobile\",\n props: {\n basketCount: {},\n basketFn: {},\n countrySelector: {},\n enableBasket: { type: Boolean },\n enableSearch: { type: Boolean },\n enableSticky: { type: Boolean, default: !0 },\n inertTargetSelector: {},\n navItems: {},\n searchFn: {}\n },\n setup(n) {\n const e = n, t = ee(\"logo\", {\n href: \"/\",\n altText: \"Coloplast\",\n imageSrc: \"\",\n clickHandler: () => {\n }\n }), a = I(null), r = I(!1), s = I(\"closed\"), { dynamicClasses: i, headerHeight: o } = Pa(\n {\n enableSticky: e.enableSticky\n },\n a,\n I(null),\n \"ds-header-mobile\"\n ), u = b(() => s.value !== \"closed\" ? \"dialog\" : void 0), l = b(() => `--header-height: ${o.value};`), f = b(() => s.value === \"open\" ? (g == null ? void 0 : g.mobileMenuButtonCloseLabel) ?? \"Close menu\" : (g == null ? void 0 : g.mobileMenuButtonOpenLabel) ?? \"Open menu\"), v = b(() => {\n const y = [];\n s.value === \"open\" && y.push(\"ds-header-mobile--open\"), s.value === \"search\" && y.push(\"ds-header-mobile--search\");\n for (const N of i.value)\n y.push(N);\n return y;\n }), d = b(() => e.navItems.map((y) => {\n var F;\n const N = { ...y };\n return N.type === \"mega\" ? tu(N) : (N.type === \"link\" && ((F = N.children) != null && F.some((G) => G.type === \"secondary\")) && (N.children = N.children.map((G) => G.type === \"secondary\" ? nu(\n G\n ) : G)), N);\n })), m = async (y) => {\n if (y.key === \"Escape\" && (s.value = \"closed\", x(), a.value)) {\n const N = a.value.querySelector(\n \".ds-header-mobile__toggle\"\n );\n N && (await Qe(), N.focus());\n }\n }, p = () => {\n s.value !== \"search\" ? (s.value = \"search\", e.searchFn && e.searchFn(!0)) : s.value === \"search\" && (s.value = \"closed\", e.searchFn && e.searchFn(!1));\n }, L = () => {\n s.value === \"closed\" ? s.value = \"open\" : (s.value === \"open\" || s.value === \"search\") && (s.value = \"closed\"), x();\n }, x = () => {\n E.value = 0, O.value = [];\n }, O = I([]), E = I(0), T = (y, N = 0) => {\n O.value.length < N && y ? O.value.push(y) : O.value.pop(), E.value = N;\n }, g = ee(\"labels\", {}), C = g.mobileMenuLabel ? g.mobileMenuLabel : \"Mobile menu\";\n fe(\"navigateLevel\", T), fe(\"mobileMenuLevel\", E), fe(\"activeItems\", O), fe(\"countrySelector\", e.countrySelector);\n const $ = () => {\n var y, N, F;\n (y = a.value) != null && y.parentElement && ((F = (N = a.value) == null ? void 0 : N.parentElement) == null ? void 0 : F.getAttribute(\"data-sticky-mount\")) === \"true\" && (r.value = !0);\n }, k = (y) => {\n const N = document.querySelectorAll(\n e.inertTargetSelector\n );\n y ? N.forEach((F) => {\n F.setAttribute(\"inert\", \"true\");\n }) : N.forEach((F) => {\n F.removeAttribute(\"inert\");\n });\n };\n return de(() => {\n $();\n }), Ve(() => {\n document.documentElement.classList.remove(\"ds-nav-open\"), k(!1);\n }), le(s, (y) => {\n y === \"open\" || y === \"search\" ? (document.documentElement.classList.add(\"ds-nav-open\"), k(!0)) : (document.documentElement.classList.remove(\"ds-nav-open\"), k(!1));\n }), le(l, (y) => {\n r.value && a.value && a.value.parentElement && a.value.parentElement.setAttribute(\"style\", y);\n }), (y, N) => (c(), w(\"header\", {\n \"aria-label\": S(C),\n class: U([\"ds-header-mobile\", v.value]),\n role: u.value,\n ref_key: \"header\",\n ref: a,\n style: ge(l.value),\n onKeydown: m\n }, [\n H(Ni, {\n isTopLevel: E.value === 0,\n logo: S(t),\n enableSearch: y.enableSearch,\n enableBasket: y.enableBasket,\n basketCount: y.basketCount,\n basketFn: y.basketFn,\n onSearchClick: p,\n onToggleClick: L,\n onBackClick: () => T(null, E.value - 1),\n labels: S(g),\n menuState: s.value,\n menuButtonLabel: f.value\n }, null, 8, [\"isTopLevel\", \"logo\", \"enableSearch\", \"enableBasket\", \"basketCount\", \"basketFn\", \"onBackClick\", \"labels\", \"menuState\", \"menuButtonLabel\"]),\n s.value === \"open\" ? (c(), w(\"div\", ru, [\n H(Zi, { navItems: d.value }, null, 8, [\"navItems\"])\n ])) : P(\"\", !0),\n ve(M(\"div\", su, [\n se(y.$slots, \"searchMobile\")\n ], 512), [\n [pe, s.value === \"search\"]\n ])\n ], 46, au));\n }\n}), bd = /* @__PURE__ */ q({\n __name: \"ds-header\",\n props: {\n basketCount: { default: 0 },\n basketFn: {},\n ctaButtons: {},\n enableBasket: { type: Boolean, default: !0 },\n enableSearch: { type: Boolean, default: !0 },\n enableSticky: { type: Boolean, default: !0 },\n inertTargetSelector: { default: \"body > main\" },\n labels: {},\n logo: {},\n loggedIn: { type: Boolean, default: !1 },\n navItems: {},\n searchFn: {},\n serviceNavItems: {},\n countrySelector: {}\n },\n setup(n) {\n const e = n, t = I(!1);\n de(() => {\n t.value = !0;\n }), fe(\"ctaButtons\", e.ctaButtons), fe(\"labels\", e.labels), fe(\"loggedIn\", e.loggedIn), fe(\"serviceNavItems\", e.serviceNavItems), fe(\"logo\", e.logo);\n const { isMobile: a } = Ie();\n return (r, s) => (c(), w(ne, null, [\n !S(a) && t.value ? (c(), D(Pi, {\n key: 0,\n \"basket-count\": r.basketCount,\n \"basket-fn\": r.basketFn,\n \"enable-basket\": r.enableBasket,\n \"enable-search\": r.enableSearch,\n \"enable-sticky\": r.enableSticky,\n \"nav-items\": r.navItems,\n \"search-fn\": r.searchFn\n }, {\n searchDesktop: z(() => [\n se(r.$slots, \"searchDesktop\")\n ]),\n _: 3\n }, 8, [\"basket-count\", \"basket-fn\", \"enable-basket\", \"enable-search\", \"enable-sticky\", \"nav-items\", \"search-fn\"])) : P(\"\", !0),\n S(a) && t.value ? (c(), D(ou, {\n key: 1,\n \"basket-count\": r.basketCount,\n \"basket-fn\": r.basketFn,\n \"country-selector\": r.countrySelector,\n \"enable-basket\": r.enableBasket,\n \"enable-search\": r.enableSearch,\n \"inert-target-selector\": r.inertTargetSelector,\n \"nav-items\": r.navItems,\n \"search-fn\": r.searchFn\n }, {\n searchMobile: z(() => [\n se(r.$slots, \"searchMobile\")\n ]),\n _: 3\n }, 8, [\"basket-count\", \"basket-fn\", \"country-selector\", \"enable-basket\", \"enable-search\", \"inert-target-selector\", \"nav-items\", \"search-fn\"])) : P(\"\", !0),\n t.value ? P(\"\", !0) : se(r.$slots, \"default\", { key: 2 })\n ], 64));\n }\n}), lu = { class: \"ds-underscore\" }, iu = /* @__PURE__ */ q({\n __name: \"ds-underscore\",\n setup(n) {\n return (e, t) => (c(), w(\"span\", lu));\n }\n}), uu = [\"innerHTML\"], yd = /* @__PURE__ */ q({\n __name: \"ds-page-header\",\n props: {\n title: {},\n text: {}\n },\n setup(n) {\n return (e, t) => (c(), D(qt, {\n \"padding-bottom\": \"close\",\n class: \"ds-page-header\"\n }, {\n default: z(() => [\n H(Y, {\n class: \"ds-page-header__title\",\n \"text-style\": \"medium\",\n \"text-type\": \"heading-8xl\",\n \"html-element\": \"h1\"\n }, {\n default: z(() => [\n K(W(e.title), 1),\n H(iu)\n ]),\n _: 1\n }),\n e.text ? (c(), D(Y, {\n key: 0,\n class: \"ds-page-header__text\",\n \"text-type\": \"heading-xl\"\n }, {\n default: z(() => [\n M(\"span\", { innerHTML: e.text }, null, 8, uu)\n ]),\n _: 1\n })) : P(\"\", !0)\n ]),\n _: 1\n }));\n }\n}), cu = {\n key: 0,\n class: \"ds-pagination\"\n}, du = [\"aria-label\"], fu = { class: \"ds-pagination__list\" }, mu = { class: \"ds-visually-hidden\" }, vu = {\n key: 1,\n class: \"ds-pagination__truncator\"\n}, lt = 1, pu = 2, Wn = \"...\", _d = /* @__PURE__ */ q({\n __name: \"ds-pagination\",\n props: {\n currentPage: { default: 1 },\n pageSize: { default: 10 },\n totalResults: {},\n labelNext: { default: \"Next\" },\n labelPage: { default: \"page\" },\n labelPagination: { default: \"Pagination\" },\n labelPrevious: { default: \"Previous\" },\n labelResults: { default: \"{startRange} - {endRange} of {total} results\" },\n navigationHandler: { type: Function, default: void 0 },\n navigationPreventDefault: { type: Boolean, default: !0 },\n urlStructure: { default: window.location.pathname + \"?page={page}\" }\n },\n setup(n) {\n const e = n;\n if (typeof e.totalResults != \"number\" || typeof e.pageSize != \"number\" || typeof e.currentPage != \"number\")\n throw new Error(\n \"Ensure you're using number type values for totalResults, pageSize and currentPage\"\n );\n const t = ($) => {\n e.navigationPreventDefault && $.preventDefault();\n }, a = ($) => $ > 0 && $ <= L.value, r = ($, k) => {\n if (t($), a(k)) {\n if (e.navigationHandler)\n try {\n e.navigationHandler(k);\n } catch (y) {\n console.error(y, \"Error calling navigationHandler\");\n return;\n }\n u.value = k;\n }\n }, s = ($) => {\n r($, l.value - 1);\n }, i = ($) => {\n r($, l.value + 1);\n };\n let o = !1;\n const u = I(e.currentPage);\n le(\n () => e.currentPage,\n ($) => {\n u.value = $;\n },\n { immediate: !0 }\n );\n const l = b(() => u.value < lt ? lt : u.value > L.value ? L.value : u.value), f = b(() => l.value > lt ? l.value - 1 : lt), v = b(() => l.value < L.value ? l.value + 1 : L.value), d = b(\n () => e.pageSize * (l.value - 1) + 1\n ), m = b(\n () => e.pageSize * l.value < e.totalResults ? e.pageSize * l.value : e.totalResults\n ), p = b(\n () => `${e.labelResults.replace(\"{startRange}\", d.value.toString()).replace(\"{endRange}\", m.value.toString()).replace(\"{total}\", e.totalResults.toString())}`\n ), L = b(() => Math.ceil(e.totalResults / e.pageSize));\n let x = b(() => O.value ? 5 : 9);\n const { isMobile: O } = Ie(), E = ($, k, y, N, F) => {\n for (F = Number(Math.min(F, N)); $.length < F; ) {\n const G = k - y, h = k + y;\n G >= lt && $.unshift(G), h <= N && $.length < F && $.push(h), y++;\n }\n return $;\n }, T = ($, k, y) => {\n if (k < y) return $;\n const N = [...$];\n return N[0] = lt, N[N.length - 1] = k, N[1] !== pu && (N[1] = Wn), N[N.length - 2] !== k - 1 && (N[N.length - 2] = Wn), N;\n }, g = ($, k, y) => T(\n E(\n [$],\n $,\n 1,\n k,\n y\n ),\n k,\n y\n ), C = b(() => g(\n l.value,\n L.value,\n x.value\n ));\n return o = !0, ($, k) => $.totalResults && L.value > 1 ? (c(), w(\"div\", cu, [\n S(o) ? P(\"\", !0) : se($.$slots, \"default\", { key: 0 }),\n S(o) ? (c(), w(\"nav\", {\n key: 1,\n \"aria-label\": $.labelPagination,\n class: \"ds-pagination__nav\"\n }, [\n H(S(he), {\n iconName: \"button-chevron-left\",\n ariaLabel: $.labelPrevious,\n clickHandler: s,\n disabled: l.value === 1,\n href: $.urlStructure.replace(\n \"{page}\",\n f.value.toString()\n ),\n size: \"sm\",\n variant: \"secondary\"\n }, null, 8, [\"ariaLabel\", \"disabled\", \"href\"]),\n M(\"ul\", fu, [\n (c(!0), w(ne, null, ue(C.value, (y, N) => (c(), w(\"li\", {\n key: typeof y == \"number\" ? y : `trunc-${N}`\n }, [\n typeof y == \"number\" ? (c(), D(S(be), {\n key: 0,\n class: \"ds-pagination__num\",\n \"aria-current\": y === l.value ? !0 : null,\n padding: \"padding-compact\",\n selected: y === l.value,\n href: $.urlStructure.replace(\"{page}\", y.toString()),\n onClick: (F) => r(F, y),\n variant: \"link\"\n }, {\n default: z(() => [\n M(\"span\", mu, W($.labelPage), 1),\n K(\" \" + W(y), 1)\n ]),\n _: 2\n }, 1032, [\"aria-current\", \"selected\", \"href\", \"onClick\"])) : P(\"\", !0),\n y === \"...\" ? (c(), w(\"div\", vu, \" … \")) : P(\"\", !0)\n ]))), 128))\n ]),\n H(S(he), {\n iconName: \"button-chevron-right\",\n ariaLabel: $.labelNext,\n clickHandler: i,\n disabled: l.value === L.value,\n href: $.urlStructure.replace(\"{page}\", v.value.toString()),\n size: \"sm\",\n variant: \"secondary\"\n }, null, 8, [\"ariaLabel\", \"disabled\", \"href\"])\n ], 8, du)) : P(\"\", !0),\n H(S(Y), {\n \"aria-live\": \"polite\",\n \"html-element\": \"div\",\n textType: \"label-sm\",\n class: \"ds-pagination__results\"\n }, {\n default: z(() => [\n K(W(p.value), 1)\n ]),\n _: 1\n })\n ])) : P(\"\", !0);\n }\n}), hu = {\n key: 0,\n class: \"ds-progress-dots\",\n \"aria-hidden\": \"true\"\n}, kd = /* @__PURE__ */ q({\n __name: \"ds-progress-dots\",\n props: {\n numberOfItems: {},\n activeIndex: { default: 0 }\n },\n setup(n) {\n return (e, t) => e.numberOfItems > 1 ? (c(), w(\"div\", hu, [\n (c(!0), w(ne, null, ue(e.numberOfItems, (a, r) => (c(), w(\"div\", {\n key: r,\n class: U([\n \"ds-progress-dots__dot\",\n e.activeIndex === r ? \"ds-progress-dots__dot--active\" : void 0\n ])\n }, null, 2))), 128))\n ])) : P(\"\", !0);\n }\n}), gu = [\"aria-label\", \"disabled\"], bu = [\"min\", \"max\", \"disabled\", \"aria-label\", \"value\", \"id\"], yu = [\"aria-label\", \"disabled\"], wd = /* @__PURE__ */ q({\n __name: \"ds-quantity-selector\",\n props: {\n background: { type: Boolean, default: !1 },\n disabled: { type: Boolean, default: !1 },\n outline: { type: Boolean, default: !0 },\n min: { default: 0 },\n max: { default: 99 },\n debounceDuration: { default: 200 },\n modelValue: {},\n id: {},\n ariaLabelInput: {},\n ariaLabelDecreaseQuantity: {},\n ariaLabelIncreaseQuantity: {}\n },\n emits: [\"update:modelValue\", \"change\"],\n setup(n, { emit: e }) {\n const t = n, a = e, r = I(null), s = b(() => ({\n \"ds-quantity-selector\": !0,\n \"ds-quantity-selector--background\": t.background,\n \"ds-quantity-selector--disabled\": t.disabled,\n \"ds-quantity-selector--outline\": t.outline\n })), i = () => {\n f(t.modelValue - 1);\n }, o = () => {\n f(t.modelValue + 1);\n }, u = (v) => {\n const d = v.target, m = Number(d.value.replace(/\\D/g, \"\")), p = parseInt(m.toString(), 10);\n f(p);\n }, l = yn((v) => {\n a(\"change\", v);\n }, t.debounceDuration), f = (v) => {\n const d = Math.max(\n t.min,\n Math.min(t.max, v || t.min)\n );\n r.value !== null && d !== v && (r.value.value = `${d}`), a(\"update:modelValue\", d), l(d);\n };\n return (v, d) => (c(), w(\"div\", {\n class: U(s.value)\n }, [\n M(\"button\", {\n \"aria-label\": v.ariaLabelDecreaseQuantity,\n class: \"ds-quantity-selector__button ds-quantity-selector__button--decrease\",\n disabled: v.modelValue <= v.min || v.disabled,\n type: \"button\",\n onClick: We(i, [\"prevent\"])\n }, [\n H(S(ae), { \"icon-name\": \"subtract\" })\n ], 8, gu),\n M(\"input\", {\n min: v.min,\n max: v.max,\n step: \"1\",\n class: \"ds-quantity-selector__input\",\n disabled: v.disabled,\n onInput: u,\n \"aria-label\": v.ariaLabelInput,\n \"aria-live\": \"polite\",\n type: \"number\",\n autocomplete: \"off\",\n value: v.modelValue,\n ref_key: \"inputEl\",\n ref: r,\n id: v.id\n }, null, 40, bu),\n M(\"button\", {\n \"aria-label\": v.ariaLabelIncreaseQuantity,\n class: \"ds-quantity-selector__button ds-quantity-selector__button--increase\",\n disabled: v.modelValue >= v.max || v.disabled,\n type: \"button\",\n onClick: We(o, [\"prevent\"])\n }, [\n H(S(ae), { \"icon-name\": \"add\" })\n ], 8, yu)\n ], 2));\n }\n}), _u = {\n class: \"ds-scroll-progress-bar\",\n \"aria-hidden\": \"true\"\n}, $d = /* @__PURE__ */ q({\n __name: \"ds-scroll-progress-bar\",\n props: {\n scrollContainerRef: {}\n },\n setup(n) {\n const e = n, t = I(0), a = I(0), r = I(0), s = b(\n () => r.value / a.value\n );\n let i = new ResizeObserver(() => {\n o(), u();\n });\n const o = () => {\n var d, m;\n a.value = ((d = e.scrollContainerRef) == null ? void 0 : d.scrollWidth) ?? 0, r.value = ((m = e.scrollContainerRef) == null ? void 0 : m.clientWidth) ?? 0;\n }, u = () => {\n e.scrollContainerRef && (t.value = Math.abs(e.scrollContainerRef.scrollLeft) ?? 0);\n }, l = wa(\n () => {\n u();\n },\n 100,\n !0\n );\n le(\n () => e.scrollContainerRef,\n (d, m) => {\n m && m.removeEventListener(\"scroll\", () => {\n l();\n }), d && (i.observe(d), d.addEventListener(\n \"scroll\",\n () => {\n l();\n },\n {\n passive: !0\n }\n ));\n },\n { immediate: !0 }\n ), Ve(() => {\n e.scrollContainerRef && e.scrollContainerRef.removeEventListener(\"scroll\", () => {\n l();\n });\n });\n const f = b(() => {\n if (!e.scrollContainerRef || s.value === 1) return 0;\n let d = Math.min(\n t.value / a.value + s.value,\n 1\n );\n return d > 0.98 ? 1 : d;\n }), v = b(() => ({\n \"--progress-scale-factor\": f.value.toString()\n }));\n return (d, m) => (c(), w(\"div\", _u, [\n M(\"div\", {\n style: ge(v.value),\n class: \"ds-scroll-progress-bar__bar\"\n }, null, 4)\n ]));\n }\n}), ku = [\"aria-hidden\", \"aria-live\", \"aria-label\"], wu = {\n class: \"ds-spinner__content\",\n \"aria-hidden\": \"true\"\n}, $u = [\"innerHTML\"], Id = /* @__PURE__ */ q({\n __name: \"ds-spinner\",\n props: {\n accessibilityLabel: { default: \"Loading\" },\n accessibilityLabelCompleted: { default: \"Completed\" },\n displayMode: { default: \"default\" },\n label: { default: null },\n status: { default: \"hidden\" }\n },\n setup(n) {\n const e = n, t = I(null), a = b(() => e.status === \"loading\" ? e.label && e.label.trim() !== \"\" ? e.label : e.accessibilityLabel : e.status === \"completed\" ? e.accessibilityLabelCompleted : \"\");\n return (r, s) => (c(), w(ne, null, [\n M(\"output\", {\n class: \"ds-spinner-status\",\n \"aria-hidden\": r.status === \"hidden\",\n \"aria-live\": r.status === \"loading\" ? \"assertive\" : \"polite\",\n \"aria-label\": a.value\n }, null, 8, ku),\n r.status === \"loading\" ? (c(), w(\"div\", {\n key: 0,\n class: U([\"ds-spinner\", r.displayMode === \"solid\" ? \"--solid\" : null])\n }, [\n M(\"div\", wu, [\n H(oa),\n r.label ? (c(), D(Y, {\n key: 0,\n \"html-element\": \"p\",\n \"text-style\": \"medium\",\n \"text-type\": \"heading-md\",\n class: \"ds-spinner__label\"\n }, {\n default: z(() => [\n M(\"span\", {\n innerHTML: r.label,\n ref_key: \"textLabel\",\n ref: t\n }, null, 8, $u)\n ]),\n _: 1\n })) : P(\"\", !0)\n ])\n ], 2)) : P(\"\", !0)\n ], 64));\n }\n}), Iu = (n) => /^[+-]?\\d+(\\.\\d+)?$/.test(`${n}`), rn = (n) => Iu(n) ? `${n}px` : typeof n > \"u\" ? \"auto\" : n, Wt = /* @__PURE__ */ q({\n __name: \"ds-skeleton-element\",\n props: {\n additionalClasses: { default: \"\" },\n aspectRatio: {},\n height: {},\n width: {}\n },\n setup(n) {\n const e = n, t = b(() => {\n let a = {};\n return e.height && (a = {\n ...a,\n \"--skeleton-height\": `${rn(e.height)}`\n }), e.width && (a = {\n ...a,\n \"--skeleton-width\": `${rn(e.width)}`\n }), e.aspectRatio && (a = {\n ...a,\n \"--skeleton-aspect-ratio\": `${e.aspectRatio}`\n }), a;\n });\n return (a, r) => (c(), w(\"div\", {\n class: U([\"ds-skeleton-element\", a.additionalClasses]),\n style: ge(t.value)\n }, null, 6));\n }\n}), Td = /* @__PURE__ */ q({\n __name: \"ds-skeleton-box\",\n props: {\n additionalClasses: { default: \"\" },\n aspectRatio: {},\n height: {},\n presetHeight: {},\n width: {}\n },\n setup(n) {\n const e = n, t = () => {\n switch (e.presetHeight) {\n case \"small\":\n return 56;\n case \"medium\":\n return 88;\n case \"large\":\n return 124;\n case \"full\":\n return 215;\n default:\n return;\n }\n }, a = b(() => e.height ? e.height : t());\n return (r, s) => (c(), D(Wt, {\n class: U([\"ds-skeleton-box\", r.additionalClasses]),\n \"additional-classes\": r.additionalClasses,\n \"aspect-ratio\": r.aspectRatio,\n height: a.value,\n width: r.width\n }, null, 8, [\"class\", \"additional-classes\", \"aspect-ratio\", \"height\", \"width\"]));\n }\n}), Sd = /* @__PURE__ */ q({\n __name: \"ds-skeleton-button\",\n props: {\n additionalClasses: { default: \"\" },\n height: {},\n presetHeight: {},\n width: {}\n },\n setup(n) {\n const e = n, t = () => {\n switch (e.presetHeight) {\n case \"small\":\n case \"icon-small\":\n return 34;\n case \"medium\":\n case \"icon-medium\":\n return 46;\n default:\n return;\n }\n }, a = b(() => {\n if (e.presetHeight === \"icon-medium\" || e.presetHeight === \"icon-small\")\n return 1;\n }), r = b(() => e.height ? e.height : t()), s = b(() => {\n if (e.width) return e.width;\n if (e.presetHeight === \"icon-medium\" || e.presetHeight === \"icon-small\")\n return \"auto\";\n });\n return (i, o) => (c(), D(Wt, {\n class: U([\"ds-skeleton-button\", i.additionalClasses]),\n \"additional-classes\": i.additionalClasses,\n \"aspect-ratio\": a.value,\n height: r.value,\n width: s.value\n }, null, 8, [\"class\", \"additional-classes\", \"aspect-ratio\", \"height\", \"width\"]));\n }\n}), Pd = /* @__PURE__ */ q({\n __name: \"ds-skeleton-circle\",\n props: {\n additionalClasses: { default: \"\" },\n diameter: {},\n presetDiameter: {}\n },\n setup(n) {\n const e = n, t = () => {\n switch (e.presetDiameter) {\n case \"small\":\n return 24;\n case \"medium\":\n return 40;\n case \"large\":\n return 72;\n default:\n return;\n }\n }, a = b(() => e.diameter ? e.diameter : t());\n return (r, s) => (c(), D(Wt, {\n class: U([\"ds-skeleton-circle\", r.additionalClasses]),\n aspectRatio: 1,\n height: a.value,\n width: a.value\n }, null, 8, [\"class\", \"height\", \"width\"]));\n }\n}), Ca = {\n elevation: \"default\",\n padding: \"none\"\n}, Ma = /* @__PURE__ */ q({\n __name: \"ds-surface\",\n props: /* @__PURE__ */ ra({\n elevation: {},\n padding: {}\n }, {\n ...Ca\n }),\n setup(n) {\n const e = n, t = b(() => `ds-surface--${e.elevation}`), a = b(() => `ds-surface--pad-${e.padding}`);\n return (r, s) => (c(), w(\"div\", {\n class: U([\"ds-surface\", [t.value, a.value]])\n }, [\n se(r.$slots, \"default\")\n ], 2));\n }\n}), Ld = /* @__PURE__ */ q({\n __name: \"ds-skeleton-surface\",\n props: /* @__PURE__ */ ra({\n elevation: {},\n padding: {}\n }, {\n ...Ca\n }),\n setup(n) {\n const e = n;\n return (t, a) => (c(), D(Ma, me({ class: \"ds-skeleton-surface\" }, e), {\n default: z(() => [\n se(t.$slots, \"default\")\n ]),\n _: 3\n }, 16));\n }\n}), Cd = /* @__PURE__ */ q({\n __name: \"ds-skeleton-text-line\",\n props: {\n additionalClasses: { default: \"\" },\n height: {},\n presetHeight: {},\n width: { default: \"100%\" }\n },\n setup(n) {\n const e = n, t = () => {\n switch (e.presetHeight) {\n case \"small\":\n return 12;\n case \"medium\":\n return 16;\n case \"large\":\n return 24;\n default:\n return;\n }\n }, a = b(() => e.height ? e.height : t());\n return (r, s) => (c(), D(Wt, {\n class: U([\"ds-skeleton-text\", r.additionalClasses]),\n \"additional-classes\": r.additionalClasses,\n height: a.value,\n width: r.width\n }, null, 8, [\"class\", \"additional-classes\", \"height\", \"width\"]));\n }\n}), Md = /* @__PURE__ */ q({\n __name: \"ds-skeleton-wrapper\",\n setup(n) {\n var r;\n const e = I(null);\n let t = I((r = e == null ? void 0 : e.value) == null ? void 0 : r.offsetWidth);\n Ht(e, (s) => {\n const i = s[0];\n t.value = i.contentRect.width;\n });\n const a = b(() => typeof t.value < \"u\" ? {\n \"--skeleton-container-width\": `${rn(t.value)}`\n } : {});\n return (s, i) => (c(), w(\"div\", {\n class: \"ds-skeleton\",\n style: ge(a.value),\n \"data-testid\": \"skeleton\",\n ref_key: \"container\",\n ref: e,\n \"aria-hidden\": \"true\"\n }, [\n se(s.$slots, \"default\")\n ], 4));\n }\n}), Tu = [\"innerHTML\"], Su = [\"innerHTML\"], Pu = /* @__PURE__ */ q({\n __name: \"ds-fact\",\n props: {\n brandIconName: {},\n stat: {},\n text: {},\n variant: { default: \"default\" }\n },\n setup(n) {\n return (e, t) => (c(), w(\"article\", {\n class: U([\"ds-fact\", `ds-fact--${e.variant}`])\n }, [\n e.stat ? (c(), D(Y, {\n key: 0,\n class: \"ds-fact__stat\",\n \"html-element\": \"h3\",\n \"text-type\": \"heading-4xl\",\n \"text-style\": \"regular\"\n }, {\n default: z(() => [\n M(\"span\", { innerHTML: e.stat }, null, 8, Tu)\n ]),\n _: 1\n })) : P(\"\", !0),\n e.brandIconName ? (c(), D(la, {\n key: 1,\n class: \"ds-fact__icon\",\n \"icon-name\": e.brandIconName,\n size: \"sm\",\n mode: e.variant\n }, null, 8, [\"icon-name\", \"mode\"])) : P(\"\", !0),\n H(Y, {\n class: \"ds-fact__text\",\n \"html-element\": \"p\",\n \"text-type\": \"body-xs\",\n \"text-style\": \"regular\"\n }, {\n default: z(() => [\n M(\"span\", { innerHTML: e.text }, null, 8, Su)\n ]),\n _: 1\n })\n ], 2));\n }\n}), Lu = {\n key: 0,\n class: \"ds-tag__dot\"\n}, Ea = /* @__PURE__ */ q({\n __name: \"ds-tag\",\n props: {\n dot: { type: Boolean, default: !0 },\n text: {},\n type: { default: \"ghost\" }\n },\n setup(n) {\n const e = n;\n return (t, a) => (c(), D(Y, {\n class: U([\"ds-tag\", `ds-tag--${e.type}`]),\n \"html-element\": \"p\",\n \"text-type\": \"body-sm\",\n \"text-style\": \"medium\"\n }, {\n default: z(() => [\n t.dot ? (c(), w(\"span\", Lu)) : P(\"\", !0),\n K(W(t.text), 1)\n ]),\n _: 1\n }, 8, [\"class\"]));\n }\n}), Cu = [\"src\", \"alt\"], Na = /* @__PURE__ */ q({\n __name: \"ds-sticky-media\",\n props: {\n stackingIndex: {},\n isActive: { type: Boolean },\n imageAlt: {},\n imageSrc: {},\n mediaFocalPoint: { default: \"center\" }\n },\n setup(n) {\n const e = n, t = b(() => {\n const a = [];\n return e.mediaFocalPoint !== \"center\" && a.push(`--object-position: ${e.mediaFocalPoint};`), a;\n });\n return (a, r) => (c(), w(\"div\", {\n class: U([\"ds-sticky-media\", { \"is-visible\": a.isActive }]),\n style: ge({\n zIndex: `${a.stackingIndex}`\n })\n }, [\n a.imageSrc ? (c(), w(\"img\", {\n key: 0,\n class: \"ds-sticky-media__image\",\n src: a.imageSrc,\n alt: a.imageAlt,\n style: ge(t.value)\n }, null, 12, Cu)) : P(\"\", !0)\n ], 6));\n }\n}), Mu = {\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n \"2xl\": 1400\n}, Eu = (n = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"]) => {\n const e = en(\n {}\n ), t = {}, a = {};\n return de(() => {\n n.forEach((r) => {\n const s = Mu[r], i = window.matchMedia(`(min-width: ${s}px)`);\n t[r] = i, e[r] = i.matches;\n const o = (u) => {\n e[r] = u.matches;\n };\n a[r] = o, i.addEventListener(\"change\", o);\n });\n }), Ve(() => {\n n.forEach((r) => {\n const s = t[r], i = a[r];\n s && i && s.removeEventListener(\"change\", i);\n });\n }), e;\n}, Nu = { class: \"ds-sticky-panel__content\" }, Au = { class: \"ds-sticky-panel__content-top\" }, xu = {\n key: 0,\n class: \"ds-sticky-panel__content-bottom\"\n}, Bu = \"button-external-link\", Ou = \"button-navigate-forward\", Du = /* @__PURE__ */ q({\n __name: \"ds-sticky-panel\",\n props: {\n activeBgColour: {},\n activeIndex: {},\n bgColour: {},\n facts: {},\n index: { default: 0 },\n linkIsExternal: { type: Boolean, default: !1 },\n linkText: {},\n linkUrl: {},\n numberOfPanels: { default: 0 },\n mediaFocalPoint: { default: \"center\" },\n tag: {},\n title: {},\n text: {},\n image: {},\n imageAlt: {}\n },\n setup(n) {\n const e = n, t = Eu([\"xl\"]), a = b(() => e.linkIsExternal ? Bu : Ou), r = b(() => t.xl ? e.activeBgColour === \"inverse\" ? \"inverse\" : \"default\" : e.bgColour === \"inverse\" ? \"inverse\" : \"default\"), s = b(() => t.xl ? e.activeBgColour === \"inverse\" ? \"link-inverted\" : \"link\" : e.bgColour === \"inverse\" ? \"link-inverted\" : \"link\"), i = b(() => {\n const l = [];\n return e.activeIndex === e.index && l.push(\"ds-sticky-panel--active\"), l.push(`ds-sticky-panel--bg-${e.bgColour}`), l;\n }), o = b(() => e.index), u = b(() => e.numberOfPanels - e.index);\n return (l, f) => (c(), D(qt, {\n class: U([\"ds-sticky-panel\", i.value]),\n style: ge({\n zIndex: `${o.value}`\n })\n }, {\n default: z(() => {\n var v;\n return [\n M(\"div\", Nu, [\n M(\"div\", Au, [\n S(t).xl ? P(\"\", !0) : (c(), D(Na, {\n key: 0,\n \"image-alt\": l.imageAlt,\n \"image-src\": l.image,\n \"is-active\": !0,\n \"stacking-index\": u.value,\n \"media-focal-point\": l.mediaFocalPoint\n }, null, 8, [\"image-alt\", \"image-src\", \"stacking-index\", \"media-focal-point\"])),\n l.tag ? (c(), D(Ea, {\n key: 1,\n class: \"ds-sticky-panel__tag\",\n text: l.tag\n }, null, 8, [\"text\"])) : P(\"\", !0),\n H(Y, {\n class: \"ds-sticky-panel__title\",\n \"html-element\": \"h2\",\n \"text-type\": \"heading-5xl\",\n \"text-style\": \"medium\"\n }, {\n default: z(() => [\n K(W(l.title), 1)\n ]),\n _: 1\n }),\n H(Y, {\n class: \"ds-sticky-panel__text\",\n \"text-type\": \"body-md\",\n \"text-style\": \"regular\"\n }, {\n default: z(() => [\n K(W(l.text), 1)\n ]),\n _: 1\n }),\n l.linkText ? (c(), D(be, {\n key: 2,\n variant: s.value,\n href: l.linkUrl,\n \"icon-end\": a.value,\n target: l.linkIsExternal ? \"_blank\" : void 0\n }, {\n default: z(() => [\n K(W(l.linkText), 1)\n ]),\n _: 1\n }, 8, [\"variant\", \"href\", \"icon-end\", \"target\"])) : P(\"\", !0)\n ]),\n (v = l.facts) != null && v.length ? (c(), w(\"div\", xu, [\n (c(!0), w(ne, null, ue(l.facts, (d) => (c(), D(Pu, {\n key: d.text,\n stat: d.stat,\n \"brand-icon-name\": d.brandIconName,\n variant: r.value,\n text: d.text\n }, null, 8, [\"stat\", \"brand-icon-name\", \"variant\", \"text\"]))), 128))\n ])) : P(\"\", !0)\n ])\n ];\n }),\n _: 1\n }, 8, [\"class\", \"style\"]));\n }\n}), Fu = {\n key: 0,\n class: \"ds-sticky-panels__media\"\n}, Hu = 0.1, zu = 0.8, Ed = /* @__PURE__ */ q({\n __name: \"ds-sticky-panels\",\n props: {\n panels: { default: () => [] },\n scrollSnap: { default: \"mandatory\" },\n stickyHeaderOffset: { default: 0 }\n },\n setup(n) {\n const e = n, { isMobile: t } = Ie(), { isMobile: a } = Ie(1200), r = I(null), s = I(null), i = I(null), o = I([]), u = I(0), l = I(!1), f = I(!1), v = I(!1), d = b(\n () => l.value && f.value && v.value\n ), { directions: m } = Ia(window), p = [\"inverse\", \"decorative-2-subtle\", \"decorative-3-muted\"], L = b(() => p[u.value % p.length]), x = b(() => !m.bottom && u.value === 0 || !m.top && u.value === o.value.length - 1 ? !1 : d.value), O = b(() => {\n const $ = [`ds-sticky-panels--bg-${L.value}`];\n return x.value && !a.value && $.push(\"ds-sticky-panels--active\"), e.scrollSnap && !a.value && $.push(`ds-sticky-panels--scroll-snap-${e.scrollSnap}`), $;\n }), E = ($, k) => {\n if ($) {\n const y = ($ == null ? void 0 : $.$el) ?? $;\n o.value[k] = y;\n }\n }, T = () => {\n let $ = 0, k = u.value, y = null;\n for (let N = 0; N < o.value.length; N += 1) {\n const F = o.value[N], G = F.getBoundingClientRect(), _ = (Math.min(G.bottom, window.innerHeight) - Math.max(G.top, 0)) / G.height;\n _ >= Hu && _ > $ && ($ = _, k = N, y = F, u.value = k);\n }\n y && y.scrollIntoView({\n behavior: \"smooth\",\n block: \"start\"\n });\n }, g = window.matchMedia(\"(min-width: 1200px)\"), C = ($) => {\n $.matches && T();\n };\n return de(() => {\n s.value && wt(\n s,\n ([$]) => {\n l.value = !$.isIntersecting;\n },\n { threshold: [0] }\n ), i.value && wt(\n i,\n ([$]) => {\n f.value = !$.isIntersecting;\n },\n { threshold: [0] }\n ), r.value && wt(\n r,\n ([$]) => {\n v.value = $.isIntersecting;\n },\n { threshold: [0] }\n ), o.value.forEach(($, k) => {\n wt(\n $,\n ([y]) => {\n d.value && y.isIntersecting && (u.value = k);\n },\n { threshold: zu }\n );\n }), g.addEventListener(\"change\", C);\n }), Ve(() => {\n g.removeEventListener(\"change\", C);\n }), le(a, async ($) => {\n $ === !1 && await Qe(() => {\n T();\n });\n }), le(x, () => {\n l.value === !1 && f.value === !0 && (u.value = 0), f.value === !1 && l.value === !0 && (u.value = o.value.length - 1);\n }), ($, k) => (c(), w(\"div\", {\n class: U([\"ds-sticky-panels\", O.value]),\n style: ge(`--sticky-header-offset: ${$.stickyHeaderOffset}px`),\n ref_key: \"containerRef\",\n ref: r\n }, [\n M(\"div\", {\n class: \"ds-sticky-panels__bg-top\",\n ref_key: \"bgPanelTopRef\",\n ref: s\n }, null, 512),\n H(qt, { class: \"ds-sticky-panels__bg\" }, {\n default: z(() => [\n (c(), w(ne, null, ue(p, (y, N) => M(\"div\", {\n key: `${y}-${N}`,\n class: U([\"ds-sticky-panels__bg-layer\", { \"is-visible\": N === u.value }]),\n style: ge({ backgroundColor: `var(--ds-color-bg-${y})` })\n }, null, 6)), 64)),\n S(t) ? P(\"\", !0) : (c(), w(\"div\", Fu, [\n (c(!0), w(ne, null, ue($.panels, (y, N) => (c(), D(Na, {\n isActive: u.value === N,\n key: y.image,\n imageAlt: y.imageAlt,\n imageSrc: y.image,\n \"stacking-index\": $.panels.length - N,\n mediaFocalPoint: y.mediaFocalPoint\n }, null, 8, [\"isActive\", \"imageAlt\", \"imageSrc\", \"stacking-index\", \"mediaFocalPoint\"]))), 128))\n ]))\n ]),\n _: 1\n }),\n (c(!0), w(ne, null, ue($.panels, (y, N) => (c(), D(Du, {\n key: y.title,\n ref_for: !0,\n ref: (F) => E(F, N),\n activeIndex: u.value,\n activeBgColour: L.value,\n \"bg-colour\": p[N % p.length],\n facts: y.facts,\n inlineMedia: S(t),\n \"link-is-external\": y.linkIsExternal,\n linkText: y.linkText,\n linkUrl: y.linkUrl,\n mediaFocalPoint: y.mediaFocalPoint,\n tag: y.tag,\n title: y.title,\n text: y.text,\n image: y.image,\n imageAlt: y.imageAlt,\n index: N,\n numberOfPanels: $.panels.length,\n class: U({ \"is-above\": N < u.value })\n }, null, 8, [\"activeIndex\", \"activeBgColour\", \"bg-colour\", \"facts\", \"inlineMedia\", \"link-is-external\", \"linkText\", \"linkUrl\", \"mediaFocalPoint\", \"tag\", \"title\", \"text\", \"image\", \"imageAlt\", \"index\", \"numberOfPanels\", \"class\"]))), 128)),\n M(\"div\", {\n class: \"ds-sticky-panels__bg-bottom\",\n ref_key: \"bgPanelBottomRef\",\n ref: i\n }, null, 512)\n ], 6));\n }\n}), Nd = /* @__PURE__ */ q({\n __name: \"ds-table\",\n props: {\n caption: {},\n hideCaption: { type: Boolean, default: !1 },\n width: { default: \"auto\" }\n },\n setup(n) {\n const e = n, t = I(!1), a = I(0), r = b(() => {\n let A = [];\n return A.push(\n e.width === \"full\" ? \"ds-table--full\" : \"ds-table--auto\"\n ), t.value && A.push(\"ds-table--row-headers\"), e.hideCaption && A.push(\"ds-table--hide-caption\"), a.value < 3 ? A.push(\"ds-table--responsive-simple\") : A.push(\"ds-table--responsive-stacked\"), A;\n }), s = I(null);\n let i, o, u, l, f, v, d, m, p, L, x, O, E, T, g = [];\n ln(() => {\n var j;\n const A = (j = s.value) == null ? void 0 : j.querySelector(\".ds-table__caption\");\n A && (A.innerHTML = e.caption ?? \"\");\n });\n const $ = [\"class\", \"style\", ...[\n \"align\",\n \"bgcolor\",\n \"border\",\n \"cellpadding\",\n \"cellspacing\",\n \"frame\",\n \"rules\",\n \"summary\",\n \"width\"\n ]];\n de(() => {\n if (s.value !== null)\n try {\n k(), l && (N(), B(), V(), y(), s.value.replaceChild(\n u,\n o\n ), a.value = s.value.querySelectorAll(\"thead > tr > th\").length);\n } catch {\n console.error(\n \"Failed to process table, you're seeing an unmodified table\"\n );\n }\n });\n const k = () => {\n i = document.createDocumentFragment(), s.value !== null && (o = s.value.querySelector(\"table\"), u = o ? o.cloneNode(!0) : null, u && (i.appendChild(u), l = i.querySelector(\"table\"), f = i.querySelector(\"thead\"), m = i.querySelector(\"tbody\"), x = i.querySelectorAll(\"tr\"), O = i.querySelectorAll(\"th\"), E = i.querySelectorAll(\"td\"), L = i.querySelectorAll(\"colgroup\"), p = i.querySelectorAll(\"col\"), v = i.querySelector(\"tfoot\"), d = i.querySelector(\"caption\"), T = i.querySelectorAll(\"p\"), g = [\n l,\n f,\n m,\n v,\n d,\n ...x,\n ...O,\n ...E,\n ...L,\n ...p,\n ...T\n ]));\n }, y = () => {\n l == null || l.classList.add(\"ds-table__table\"), f == null || f.querySelectorAll(\"th\").forEach((j) => {\n j.classList.add(\"ds-text-heading-xl\", \"ds-text--medium\");\n });\n const A = m == null ? void 0 : m.querySelectorAll(\"th\");\n A == null || A.forEach((j) => {\n j.classList.add(\"ds-text-body-md\", \"ds-text--medium\");\n }), E == null || E.forEach((j) => {\n j.classList.add(\"ds-text-body-md\", \"ds-text--regular\");\n }), d && d.classList.add(\"ds-table__caption\", \"ds-text-heading-xl\"), A != null && A.length && (t.value = !0);\n }, N = () => {\n g.filter((A) => A !== null).forEach((A) => {\n if (A.hasAttribute(\"style\")) {\n const j = A.getAttribute(\"style\") || \"\", Z = new Map(\n j.split(\";\").map(\n (re) => re.trim().split(\":\")\n )\n ), R = [\n \"vertical-align\",\n \"text-align\",\n \"font-weight\",\n \"font-style\"\n ], J = Array.from(Z).filter(([re]) => R.includes(re.trim())).map(([re, te]) => `${re}: ${te}`).join(\"; \");\n A.removeAttribute(\"style\"), J && A.setAttribute(\"style\", J);\n }\n $.forEach((j) => {\n j !== \"style\" && A.removeAttribute(j);\n });\n });\n }, F = (A) => {\n const j = A.parentNode, Z = document.createElement(\"th\");\n Z.innerHTML = A.innerHTML, j == null || j.replaceChild(Z, A);\n }, G = () => {\n const A = l == null ? void 0 : l.querySelector(\n \"tr:first-child:has(td strong), tr:first-child:has(td b)\"\n );\n A && (A == null ? void 0 : A.querySelectorAll(\"td\")).forEach((R) => {\n F(R);\n });\n const j = l == null ? void 0 : l.querySelectorAll(\n \"td:first-child:has(strong, b)\"\n );\n j && j.forEach((Z) => {\n F(Z);\n });\n }, h = () => {\n !d && e.caption && (d = l == null ? void 0 : l.createCaption()), d && e.caption && (d.innerHTML = e.caption);\n }, _ = () => {\n if (!f) {\n const A = l == null ? void 0 : l.querySelector(\n \"tr:first-child:has(th)\"\n );\n if (A) {\n const j = A.parentNode, Z = j == null ? void 0 : j.removeChild(A);\n f = l == null ? void 0 : l.createTHead(), f && Z && f.appendChild(Z), O = l == null ? void 0 : l.querySelectorAll(\"th\");\n }\n }\n }, B = () => {\n G(), _(), h();\n }, V = () => {\n const A = f == null ? void 0 : f.querySelectorAll(\"th\");\n A == null || A.forEach((Z) => Z.scope = \"col\");\n const j = m == null ? void 0 : m.querySelectorAll(\"th\");\n if (j == null || j.forEach((Z) => Z.scope = \"row\"), A) {\n const Z = [...A].map((J) => J.textContent ?? \"\"), R = m == null ? void 0 : m.querySelectorAll(\"tr\");\n R && Z && [...R].map((J) => {\n [...J.childNodes].map((re, te) => {\n re.setAttribute(\"data-col-header\", Z[te]);\n });\n });\n }\n };\n return (A, j) => (c(), w(\"div\", {\n class: U([\"ds-table\", r.value]),\n ref_key: \"table\",\n ref: s\n }, [\n se(A.$slots, \"default\")\n ], 2));\n }\n}), Ru = [\"aria-labelledby\", \"id\"], Vu = /* @__PURE__ */ q({\n __name: \"ds-tab\",\n props: {\n name: {},\n id: {}\n },\n setup(n) {\n const e = n, t = ee(\"activeTab\"), a = b(() => e.id === (t == null ? void 0 : t.value));\n return (r, s) => ve((c(), w(\"div\", {\n \"aria-labelledby\": `${r.id}-button`,\n role: \"tabpanel\",\n id: r.id,\n class: \"ds-tab-panel\"\n }, [\n se(r.$slots, \"default\")\n ], 8, Ru)), [\n [pe, a.value]\n ]);\n }\n}), Ut = (n) => {\n const e = document.getElementById(n);\n e == null || e.focus();\n}, qu = (n) => {\n var t;\n const e = `${(t = n == null ? void 0 : n.dataset) == null ? void 0 : t.nextId}`;\n Ut(e);\n}, ju = (n) => {\n var t;\n const e = `${(t = n == null ? void 0 : n.dataset) == null ? void 0 : t.prevId}`;\n Ut(e);\n}, Wu = (n) => {\n var t;\n const e = `${(t = n == null ? void 0 : n.dataset) == null ? void 0 : t.lastId}`;\n Ut(e);\n}, Uu = (n) => {\n var t;\n const e = `${(t = n == null ? void 0 : n.dataset) == null ? void 0 : t.firstId}`;\n Ut(e);\n}, Ku = {\n ArrowUp: ju,\n ArrowDown: qu,\n Home: Uu,\n End: Wu\n}, Un = (n) => {\n const e = Ku[n.key];\n if (e) {\n const t = document.activeElement;\n e(t), n.stopPropagation(), n.preventDefault();\n }\n}, Gu = /* @__PURE__ */ q({\n __name: \"ds-tabs-menu\",\n props: {\n accessibleButtonLabel: {},\n hiddenItems: {},\n setActive: {}\n },\n setup(n) {\n const e = I(null);\n _n(e, () => o.value = !1);\n const t = n, a = Ze(\"tab-menu\"), r = () => {\n o.value = !o.value;\n }, s = (l) => {\n typeof l < \"u\" && (o.value = !1, t.setActive(l));\n }, i = b(\n () => o.value ? \"ds-tabs-menu--active\" : null\n ), o = I(!1), u = b(() => {\n const l = [];\n return t.hiddenItems && t.hiddenItems.forEach((f) => {\n var d;\n const v = {\n id: `${f == null ? void 0 : f.id}-hidden`,\n panelId: (d = f == null ? void 0 : f.dataset) == null ? void 0 : d.id,\n text: f == null ? void 0 : f.dataset.label\n };\n l.push(v);\n }), l;\n });\n return (l, f) => {\n var v;\n return c(), w(\"div\", {\n class: U([\"ds-tabs-menu\", i.value]),\n ref_key: \"menu\",\n ref: e\n }, [\n H(he, {\n \"aria-haspopup\": \"\",\n \"aria-expanded\": o.value,\n \"aria-controls\": S(a),\n ariaLabel: l.accessibleButtonLabel,\n clickHandler: r,\n \"data-next-id\": (v = u.value[0]) == null ? void 0 : v.id,\n onKeydown: S(Un),\n size: \"sm\",\n variant: \"ghost-neutral\",\n iconName: \"button-more\",\n type: \"button\"\n }, null, 8, [\"aria-expanded\", \"aria-controls\", \"ariaLabel\", \"data-next-id\", \"onKeydown\"]),\n H(Ma, {\n class: \"ds-tabs-menu__content\",\n id: S(a),\n elevation: \"overlay\",\n padding: \"popover\",\n role: \"menu\"\n }, {\n default: z(() => [\n (c(!0), w(ne, null, ue(u.value, (d, m) => {\n var p, L, x, O, E, T;\n return c(), D(be, {\n key: d.id,\n id: `${d.id}`,\n onClick: (g) => s(d == null ? void 0 : d.panelId),\n onKeydown: S(Un),\n \"data-next-id\": (p = u.value[(m + 1) % u.value.length]) == null ? void 0 : p.id,\n \"data-prev-id\": (O = u.value[(m + ((L = u.value) == null ? void 0 : L.length) - 1) % ((x = u.value) == null ? void 0 : x.length)]) == null ? void 0 : O.id,\n \"data-last-id\": (E = u.value[u.value.length - 1]) == null ? void 0 : E.id,\n \"data-first-id\": (T = u.value[0]) == null ? void 0 : T.id,\n \"data-index\": m,\n role: \"menuitem\",\n variant: \"link-neutral\"\n }, {\n default: z(() => [\n K(W(d.text), 1)\n ]),\n _: 2\n }, 1032, [\"id\", \"onClick\", \"onKeydown\", \"data-next-id\", \"data-prev-id\", \"data-last-id\", \"data-first-id\", \"data-index\"]);\n }), 128))\n ]),\n _: 1\n }, 8, [\"id\"])\n ], 2);\n };\n }\n}), Kt = (n) => {\n const e = document.getElementById(n);\n e == null || e.focus();\n}, Yu = (n) => {\n var t;\n const e = `${(t = n == null ? void 0 : n.dataset) == null ? void 0 : t.nextId}-button`;\n Kt(e);\n}, Qu = (n) => {\n var t;\n const e = `${(t = n == null ? void 0 : n.dataset) == null ? void 0 : t.prevId}-button`;\n Kt(e);\n}, Xu = (n) => {\n var t;\n const e = `${(t = n == null ? void 0 : n.dataset) == null ? void 0 : t.lastId}-button`;\n Kt(e);\n}, Zu = (n) => {\n var t;\n const e = `${(t = n == null ? void 0 : n.dataset) == null ? void 0 : t.firstId}-button`;\n Kt(e);\n}, Ju = {\n ArrowLeft: Qu,\n ArrowRight: Yu,\n Home: Zu,\n End: Xu\n}, Kn = (n) => {\n const e = Ju[n.key];\n if (e) {\n const t = document.activeElement;\n e(t), n.stopPropagation(), n.preventDefault();\n }\n};\nfunction ec(n, e, t) {\n let a = null;\n de(() => {\n a = new IntersectionObserver(\n (r) => {\n r.forEach((s) => {\n s.intersectionRatio < 1 ? t(s.target.id, !1) : t(s.target.id, !0);\n });\n },\n {\n root: e.value,\n threshold: [0, 1]\n }\n ), n.value.forEach((r) => {\n a == null || a.observe(r);\n });\n }), Ve(() => {\n a == null || a.disconnect();\n });\n}\nfunction tc(n, e, t) {\n const a = (u, l = !0) => {\n const f = s(n, u);\n l ? (o(e, f), i(t, u)) : (o(t, f), i(e, u)), t.value.sort(r), e.value.sort(r);\n }, r = (u, l) => Number(u.dataset.index) - Number(l.dataset.index), s = (u, l) => u.value.find((f) => (f == null ? void 0 : f.id) === l), i = (u, l) => {\n const f = u.value.findIndex((v) => (v == null ? void 0 : v.id) === l);\n f > -1 && u.value.splice(f, 1);\n }, o = (u, l) => {\n l && !u.value.includes(l) && u.value.push(l);\n };\n return {\n moveItemById: a\n };\n}\nfunction nc(n, e = 500) {\n let t;\n window.addEventListener(\"resize\", function() {\n t && clearTimeout(t), t = window.setTimeout(function() {\n n();\n }, e);\n });\n}\nconst ac = { class: \"ds-tabs__nav-wrapper\" }, rc = [\"data-next-id\", \"data-prev-id\", \"data-last-id\", \"data-first-id\", \"data-index\", \"data-label\", \"data-id\", \"id\", \"aria-controls\", \"aria-selected\", \"tabIndex\", \"onClick\"], sc = {\n key: 0,\n class: \"ds-tabs__panels\"\n}, oc = {\n key: 1,\n class: \"ds-tabs__panels\"\n}, lc = [\"innerHTML\"], Ad = /* @__PURE__ */ q({\n __name: \"ds-tabs\",\n props: {\n overflowMenuButtonLabel: {},\n tabs: {}\n },\n setup(n) {\n const e = n, t = Ka(), a = (k) => typeof k.type == \"symbol\" && Array.isArray(k.children), r = (k) => {\n var y, N;\n return typeof k.type == \"object\" && \"props\" in k && !!((y = k.props) != null && y.id) && !!((N = k.props) != null && N.name);\n }, s = (k) => k.flatMap((y) => i(y)), i = (k) => k != null && k.type ? a(k) ? s(k.children) : r(k) ? [\n {\n id: k.props.id,\n name: k.props.name,\n content: k\n // Preserve the full VNode\n }\n ] : [] : [], o = b(() => {\n if (!t.default) return [];\n const k = t.default();\n return s(k);\n }), u = b(() => e.tabs && e.tabs.length > 0 ? e.tabs : o.value), l = () => {\n if (E.value) {\n const k = document.getElementById(\n `${L.value}-button`\n );\n k == null || k.scrollIntoView({\n behavior: \"smooth\",\n block: \"nearest\",\n inline: \"center\"\n });\n }\n }, f = (k) => {\n const y = k;\n y && !v.value.includes(y) && v.value.push(y);\n }, v = I([]), d = I([]), m = I([]), p = b(() => u.value.map((k) => ({\n id: k.id,\n name: k.name\n }))), L = I(\"\"), x = I(null);\n nc(l);\n const { moveItemById: O } = tc(v, d, m);\n ec(v, x, O);\n const E = b(() => m.value.length > 0), T = b(\n () => E.value ? \"ds-tabs--overflow\" : null\n ), g = (k, y, N) => {\n const F = [];\n return k === y && F.push(\"ds-tab--active\"), N.find((G) => G.id === `${k}-button`) && F.push(\"ds-tab--hidden\"), F;\n }, C = (k) => {\n L.value = k, O(L.value, !0), l();\n };\n fe(\"activeTab\", L);\n const $ = b(() => u.value.length > 1);\n return $.value || console.error(\"Tabs component should have a minimum of 2 tabs\"), ln(() => {\n !L.value && p.value.length > 0 && (L.value = p.value[0].id);\n }), (k, y) => $.value ? (c(), w(\"div\", {\n key: 0,\n class: U([\"ds-tabs\", T.value])\n }, [\n M(\"div\", ac, [\n M(\"div\", {\n class: \"ds-tabs__nav\",\n role: \"tablist\",\n ref_key: \"tablist\",\n ref: x\n }, [\n (c(!0), w(ne, null, ue(p.value, ({ name: N, id: F }, G) => (c(), w(\"button\", {\n \"data-next-id\": p.value[(G + 1) % p.value.length].id,\n \"data-prev-id\": p.value[(G + p.value.length - 1) % p.value.length].id,\n \"data-last-id\": p.value[p.value.length - 1].id,\n \"data-first-id\": p.value[0].id,\n \"data-index\": G,\n \"data-label\": N,\n \"data-id\": F,\n id: `${F}-button`,\n class: U([\"ds-tab\", g(F, L.value, m.value)]),\n \"aria-controls\": F,\n \"aria-selected\": F === L.value,\n tabIndex: F !== L.value ? \"-1\" : void 0,\n key: `${F}-button`,\n ref_for: !0,\n ref: f,\n role: \"tab\",\n onClick: (h) => C(F),\n onKeydown: y[0] || (y[0] = //@ts-ignore\n (...h) => S(Kn) && S(Kn)(...h))\n }, [\n H(Y, {\n class: \"ds-tab__text\",\n \"html-element\": \"span\",\n \"text-style\": \"medium\",\n \"text-type\": \"label-md\"\n }, {\n default: z(() => [\n K(W(N), 1)\n ]),\n _: 2\n }, 1024)\n ], 42, rc))), 128))\n ], 512),\n E.value ? (c(), D(Gu, {\n key: 0,\n \"accessible-button-label\": k.overflowMenuButtonLabel,\n hiddenItems: m.value,\n setActive: C\n }, null, 8, [\"accessible-button-label\", \"hiddenItems\"])) : P(\"\", !0)\n ]),\n o.value && o.value.length ? (c(), w(\"div\", sc, [\n se(k.$slots, \"default\")\n ])) : (c(), w(\"div\", oc, [\n (c(!0), w(ne, null, ue(k.tabs, (N) => (c(), D(Vu, {\n key: N.id,\n id: N.id,\n name: N.name\n }, {\n default: z(() => [\n M(\"div\", {\n innerHTML: N.content\n }, null, 8, lc)\n ]),\n _: 2\n }, 1032, [\"id\", \"name\"]))), 128))\n ]))\n ], 2)) : P(\"\", !0);\n }\n}), ic = [\"innerHTML\"], uc = /* @__PURE__ */ q({\n __name: \"ds-glyph\",\n props: {\n glyph: {},\n size: { default: \"inherit\" }\n },\n setup(n) {\n const e = n, t = {\n \"left-double-quote\": \"“\",\n underscore: \"_\"\n }, a = b(() => {\n const s = t[e.glyph];\n return s || (console.error(`Glyph \"${e.glyph}\" not found in glyphMap.`), \"\");\n }), r = b(() => {\n const s = [`ds-glyph--${e.glyph}`];\n return e.size !== \"inherit\" && s.push(`ds-glyph--${e.size}`), s;\n });\n return (s, i) => (c(), w(\"span\", {\n class: U([\"ds-glyph\", r.value]),\n innerHTML: a.value\n }, null, 10, ic));\n }\n}), cc = { class: \"ds-testimonial__image-wrapper\" }, dc = [\"src\", \"alt\"], fc = { class: \"ds-testimonial__content\" }, mc = { class: \"ds-testimonial__quote-wrapper\" }, vc = { class: \"ds-testimonial__quote\" }, xd = /* @__PURE__ */ q({\n __name: \"ds-testimonial\",\n props: {\n imageAltText: {},\n imageUrl: {},\n order: { default: \"default\" },\n testimonialText: {},\n testimonialName: {},\n testimonialRole: {},\n testimonialProduct: {}\n },\n setup(n) {\n const e = n, t = b(() => {\n let r = [];\n return e.testimonialRole && r.push(e.testimonialRole), e.testimonialProduct && r.push(e.testimonialProduct), r.join(\" | \");\n }), a = b(() => {\n const r = [];\n return e.order !== \"default\" && r.push(`ds-testimonial--order-${e.order}`), r;\n });\n return (r, s) => (c(), D(gl, {\n \"columns-md\": 2,\n class: U([\"ds-testimonial\", a.value])\n }, {\n default: z(() => [\n M(\"div\", cc, [\n M(\"img\", {\n class: \"ds-testimonial__image\",\n src: r.imageUrl,\n alt: r.imageAltText\n }, null, 8, dc)\n ]),\n M(\"figure\", fc, [\n M(\"div\", mc, [\n M(\"blockquote\", vc, [\n H(Y, {\n \"html-element\": \"q\",\n \"text-type\": \"heading-4xl\",\n class: \"ds-testimonial__text\"\n }, {\n default: z(() => [\n K(W(r.testimonialText), 1)\n ]),\n _: 1\n })\n ])\n ]),\n M(\"figcaption\", null, [\n r.testimonialName ? (c(), D(Y, {\n key: 0,\n \"html-element\": \"p\",\n \"text-type\": \"body-md\",\n \"text-style\": \"medium\",\n class: \"ds-testimonial__name\"\n }, {\n default: z(() => [\n K(W(r.testimonialName), 1),\n H(uc, { glyph: \"underscore\" })\n ]),\n _: 1\n })) : P(\"\", !0),\n t.value ? (c(), D(Y, {\n key: 1,\n \"html-element\": \"p\",\n \"text-type\": \"body-md\",\n \"text-style\": \"regular\",\n class: \"ds-testimonial__role\"\n }, {\n default: z(() => [\n K(W(t.value), 1)\n ]),\n _: 1\n })) : P(\"\", !0)\n ])\n ])\n ]),\n _: 1\n }, 8, [\"class\"]));\n }\n}), pc = {\n key: 0,\n role: \"alert\",\n class: \"ds-toast__inner\"\n}, hc = { class: \"ds-toast__content\" }, gc = {\n key: 3,\n class: \"ds-toast__countdown-track\"\n}, Bd = /* @__PURE__ */ q({\n __name: \"ds-toast\",\n props: {\n actionText: {},\n actionFn: {},\n closeButtonAriaLabel: { default: \"Close\" },\n closeOnActionClick: { type: Boolean, default: !0 },\n description: {},\n showIcon: { type: Boolean, default: !0 },\n showCountdown: { type: Boolean, default: !1 },\n timeout: { default: 0 },\n variant: { default: \"default\" }\n },\n setup(n) {\n const e = n, t = (m) => {\n e.actionFn && (e.actionFn(m), e.closeOnActionClick && v());\n }, a = I(!1), r = I(e.timeout), s = I(!1), i = I(null), o = I(!1), u = b(() => {\n const m = [\"ds-toast\"];\n return m.push(`ds-toast--${e.variant}`), s.value === !1 && a.value === !1 && m.push(\"ds-toast--initial\"), e.showCountdown && m.push(\"ds-toast--countdown\"), o.value ? m.push(\"ds-toast--multiline\") : m.push(\"ds-toast--singleline\"), m;\n });\n let l = 0, f = 0;\n const v = () => {\n a.value = !1, l = window.setTimeout(() => {\n d();\n }, 500);\n }, d = () => {\n s.value = !0;\n };\n return de(() => {\n a.value = !0;\n const m = Number(r.value) + 1100;\n r.value > 0 && (f = window.setTimeout(() => {\n v();\n }, m));\n }), Ve(() => {\n window.clearTimeout(l), window.clearTimeout(f);\n }), le(a, async () => {\n if (o.value === !0) return;\n await Qe();\n const m = i.value;\n m && m.scrollHeight > m.offsetHeight && (o.value = !0);\n }), (m, p) => s.value ? P(\"\", !0) : (c(), w(\"div\", {\n key: 0,\n class: U(u.value),\n \"data-testid\": \"toast\"\n }, [\n H(Ue, {\n class: \"ds-toast__transition\",\n name: \"toast\",\n \"enter-from-class\": \"toast-enter-from\",\n \"enter-to-class\": \"toast-enter-to\",\n \"leave-from-class\": \"toast-leave-from\",\n \"leave-to-class\": \"toast-leave-to\"\n }, {\n default: z(() => [\n a.value ? (c(), w(\"div\", pc, [\n m.showIcon ? (c(), D(ae, {\n key: 0,\n class: \"ds-toast__icon\",\n iconName: \"information-circle\",\n size: \"md\"\n })) : P(\"\", !0),\n M(\"div\", hc, [\n m.description ? (c(), D(Y, {\n key: 0,\n \"html-element\": \"div\",\n \"text-type\": \"body-lg\",\n \"text-style\": \"regular\",\n class: \"ds-toast__description\"\n }, {\n default: z(() => [\n M(\"div\", {\n ref_key: \"textElem\",\n ref: i\n }, W(m.description), 513)\n ]),\n _: 1\n })) : P(\"\", !0)\n ]),\n m.actionText ? (c(), D(be, {\n key: 1,\n clickHandler: t,\n size: \"sm\",\n variant: \"functional\"\n }, {\n default: z(() => [\n K(W(m.actionText), 1)\n ]),\n _: 1\n })) : P(\"\", !0),\n P(\"\", !0),\n m.showCountdown ? (c(), w(\"div\", gc, [\n M(\"div\", {\n class: \"ds-toast__countdown-bar\",\n style: ge({ animationDuration: `${r.value / 1e3}s` })\n }, null, 4)\n ])) : P(\"\", !0)\n ])) : P(\"\", !0)\n ]),\n _: 1\n })\n ], 2));\n }\n}), bc = [\"data-show\"], yc = [\"aria-label\"], _c = [\"role\"], kc = [\"innerHTML\"], wc = [\"href\", \"target\"], $c = /* @__PURE__ */ M(\"div\", {\n class: \"ds-tooltip__arrow\",\n \"data-popper-arrow\": \"\"\n}, null, -1), Od = /* @__PURE__ */ q({\n __name: \"ds-toggletip\",\n props: {\n accessibleButtonLabel: {},\n iconName: { default: \"information-circle\" },\n iconSize: { default: \"md\" },\n linkTarget: {},\n linkText: {},\n linkUrl: {},\n placement: { default: \"auto\" },\n strategy: { default: \"absolute\" },\n text: {},\n title: {},\n titleElement: { default: \"h3\" }\n },\n setup(n) {\n const e = n, t = I(null), a = I(null), r = I(null);\n _n(t, () => {\n i.value = !1;\n });\n const { toggle: s, isOpen: i } = ga({\n targetNode: a,\n tooltipNode: r,\n placement: e.placement,\n strategy: e.strategy\n }), o = b(() => i.value ? \"status\" : void 0);\n return (u, l) => (c(), w(\"div\", {\n class: \"ds-tooltip\",\n \"data-show\": S(i),\n ref_key: \"container\",\n ref: t\n }, [\n u.iconName ? (c(), w(\"button\", {\n key: 0,\n ref_key: \"target\",\n ref: a,\n class: \"ds-tooltip__target\",\n \"aria-label\": u.accessibleButtonLabel,\n onClick: l[0] || (l[0] = //@ts-ignore\n (...f) => S(s) && S(s)(...f))\n }, [\n H(ae, {\n \"icon-name\": u.iconName,\n size: u.iconSize\n }, null, 8, [\"icon-name\", \"size\"])\n ], 8, yc)) : P(\"\", !0),\n M(\"div\", {\n ref_key: \"tooltip\",\n ref: r,\n class: \"ds-tooltip__tooltip\"\n }, [\n M(\"div\", {\n class: \"ds-tooltip__content\",\n role: o.value\n }, [\n u.title ? (c(), D(Tt(u.titleElement), {\n key: 0,\n class: \"ds-tooltip__title\"\n }, {\n default: z(() => [\n K(W(u.title), 1)\n ]),\n _: 1\n })) : P(\"\", !0),\n H(Y, {\n \"text-type\": \"label-sm\",\n \"html-element\": \"div\"\n }, {\n default: z(() => [\n M(\"div\", { innerHTML: u.text }, null, 8, kc)\n ]),\n _: 1\n }),\n u.linkText && u.linkUrl ? (c(), w(\"a\", {\n key: 1,\n class: \"ds-tooltip__link\",\n href: u.linkUrl,\n target: u.linkTarget\n }, W(u.linkText), 9, wc)) : P(\"\", !0)\n ], 8, _c),\n $c\n ], 512)\n ], 8, bc));\n }\n});\n/*! @vimeo/player v2.25.0 | (c) 2024 Vimeo | MIT License | https://github.com/vimeo/player.js */\nfunction Gn(n, e) {\n var t = Object.keys(n);\n if (Object.getOwnPropertySymbols) {\n var a = Object.getOwnPropertySymbols(n);\n e && (a = a.filter(function(r) {\n return Object.getOwnPropertyDescriptor(n, r).enumerable;\n })), t.push.apply(t, a);\n }\n return t;\n}\nfunction Yn(n) {\n for (var e = 1; e < arguments.length; e++) {\n var t = arguments[e] != null ? arguments[e] : {};\n e % 2 ? Gn(Object(t), !0).forEach(function(a) {\n Bt(n, a, t[a]);\n }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(t)) : Gn(Object(t)).forEach(function(a) {\n Object.defineProperty(n, a, Object.getOwnPropertyDescriptor(t, a));\n });\n }\n return n;\n}\nfunction we() {\n we = function() {\n return n;\n };\n var n = {}, e = Object.prototype, t = e.hasOwnProperty, a = Object.defineProperty || function(h, _, B) {\n h[_] = B.value;\n }, r = typeof Symbol == \"function\" ? Symbol : {}, s = r.iterator || \"@@iterator\", i = r.asyncIterator || \"@@asyncIterator\", o = r.toStringTag || \"@@toStringTag\";\n function u(h, _, B) {\n return Object.defineProperty(h, _, {\n value: B,\n enumerable: !0,\n configurable: !0,\n writable: !0\n }), h[_];\n }\n try {\n u({}, \"\");\n } catch {\n u = function(_, B, V) {\n return _[B] = V;\n };\n }\n function l(h, _, B, V) {\n var A = _ && _.prototype instanceof d ? _ : d, j = Object.create(A.prototype), Z = new N(V || []);\n return a(j, \"_invoke\", {\n value: C(h, B, Z)\n }), j;\n }\n function f(h, _, B) {\n try {\n return {\n type: \"normal\",\n arg: h.call(_, B)\n };\n } catch (V) {\n return {\n type: \"throw\",\n arg: V\n };\n }\n }\n n.wrap = l;\n var v = {};\n function d() {\n }\n function m() {\n }\n function p() {\n }\n var L = {};\n u(L, s, function() {\n return this;\n });\n var x = Object.getPrototypeOf, O = x && x(x(F([])));\n O && O !== e && t.call(O, s) && (L = O);\n var E = p.prototype = d.prototype = Object.create(L);\n function T(h) {\n [\"next\", \"throw\", \"return\"].forEach(function(_) {\n u(h, _, function(B) {\n return this._invoke(_, B);\n });\n });\n }\n function g(h, _) {\n function B(A, j, Z, R) {\n var J = f(h[A], h, j);\n if (J.type !== \"throw\") {\n var re = J.arg, te = re.value;\n return te && typeof te == \"object\" && t.call(te, \"__await\") ? _.resolve(te.__await).then(function(ie) {\n B(\"next\", ie, Z, R);\n }, function(ie) {\n B(\"throw\", ie, Z, R);\n }) : _.resolve(te).then(function(ie) {\n re.value = ie, Z(re);\n }, function(ie) {\n return B(\"throw\", ie, Z, R);\n });\n }\n R(J.arg);\n }\n var V;\n a(this, \"_invoke\", {\n value: function(A, j) {\n function Z() {\n return new _(function(R, J) {\n B(A, j, R, J);\n });\n }\n return V = V ? V.then(Z, Z) : Z();\n }\n });\n }\n function C(h, _, B) {\n var V = \"suspendedStart\";\n return function(A, j) {\n if (V === \"executing\") throw new Error(\"Generator is already running\");\n if (V === \"completed\") {\n if (A === \"throw\") throw j;\n return G();\n }\n for (B.method = A, B.arg = j; ; ) {\n var Z = B.delegate;\n if (Z) {\n var R = $(Z, B);\n if (R) {\n if (R === v) continue;\n return R;\n }\n }\n if (B.method === \"next\") B.sent = B._sent = B.arg;\n else if (B.method === \"throw\") {\n if (V === \"suspendedStart\") throw V = \"completed\", B.arg;\n B.dispatchException(B.arg);\n } else B.method === \"return\" && B.abrupt(\"return\", B.arg);\n V = \"executing\";\n var J = f(h, _, B);\n if (J.type === \"normal\") {\n if (V = B.done ? \"completed\" : \"suspendedYield\", J.arg === v) continue;\n return {\n value: J.arg,\n done: B.done\n };\n }\n J.type === \"throw\" && (V = \"completed\", B.method = \"throw\", B.arg = J.arg);\n }\n };\n }\n function $(h, _) {\n var B = _.method, V = h.iterator[B];\n if (V === void 0) return _.delegate = null, B === \"throw\" && h.iterator.return && (_.method = \"return\", _.arg = void 0, $(h, _), _.method === \"throw\") || B !== \"return\" && (_.method = \"throw\", _.arg = new TypeError(\"The iterator does not provide a '\" + B + \"' method\")), v;\n var A = f(V, h.iterator, _.arg);\n if (A.type === \"throw\") return _.method = \"throw\", _.arg = A.arg, _.delegate = null, v;\n var j = A.arg;\n return j ? j.done ? (_[h.resultName] = j.value, _.next = h.nextLoc, _.method !== \"return\" && (_.method = \"next\", _.arg = void 0), _.delegate = null, v) : j : (_.method = \"throw\", _.arg = new TypeError(\"iterator result is not an object\"), _.delegate = null, v);\n }\n function k(h) {\n var _ = {\n tryLoc: h[0]\n };\n 1 in h && (_.catchLoc = h[1]), 2 in h && (_.finallyLoc = h[2], _.afterLoc = h[3]), this.tryEntries.push(_);\n }\n function y(h) {\n var _ = h.completion || {};\n _.type = \"normal\", delete _.arg, h.completion = _;\n }\n function N(h) {\n this.tryEntries = [{\n tryLoc: \"root\"\n }], h.forEach(k, this), this.reset(!0);\n }\n function F(h) {\n if (h) {\n var _ = h[s];\n if (_) return _.call(h);\n if (typeof h.next == \"function\") return h;\n if (!isNaN(h.length)) {\n var B = -1, V = function A() {\n for (; ++B < h.length; ) if (t.call(h, B)) return A.value = h[B], A.done = !1, A;\n return A.value = void 0, A.done = !0, A;\n };\n return V.next = V;\n }\n }\n return {\n next: G\n };\n }\n function G() {\n return {\n value: void 0,\n done: !0\n };\n }\n return m.prototype = p, a(E, \"constructor\", {\n value: p,\n configurable: !0\n }), a(p, \"constructor\", {\n value: m,\n configurable: !0\n }), m.displayName = u(p, o, \"GeneratorFunction\"), n.isGeneratorFunction = function(h) {\n var _ = typeof h == \"function\" && h.constructor;\n return !!_ && (_ === m || (_.displayName || _.name) === \"GeneratorFunction\");\n }, n.mark = function(h) {\n return Object.setPrototypeOf ? Object.setPrototypeOf(h, p) : (h.__proto__ = p, u(h, o, \"GeneratorFunction\")), h.prototype = Object.create(E), h;\n }, n.awrap = function(h) {\n return {\n __await: h\n };\n }, T(g.prototype), u(g.prototype, i, function() {\n return this;\n }), n.AsyncIterator = g, n.async = function(h, _, B, V, A) {\n A === void 0 && (A = Promise);\n var j = new g(l(h, _, B, V), A);\n return n.isGeneratorFunction(_) ? j : j.next().then(function(Z) {\n return Z.done ? Z.value : j.next();\n });\n }, T(E), u(E, o, \"Generator\"), u(E, s, function() {\n return this;\n }), u(E, \"toString\", function() {\n return \"[object Generator]\";\n }), n.keys = function(h) {\n var _ = Object(h), B = [];\n for (var V in _) B.push(V);\n return B.reverse(), function A() {\n for (; B.length; ) {\n var j = B.pop();\n if (j in _) return A.value = j, A.done = !1, A;\n }\n return A.done = !0, A;\n };\n }, n.values = F, N.prototype = {\n constructor: N,\n reset: function(h) {\n if (this.prev = 0, this.next = 0, this.sent = this._sent = void 0, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = void 0, this.tryEntries.forEach(y), !h) for (var _ in this) _.charAt(0) === \"t\" && t.call(this, _) && !isNaN(+_.slice(1)) && (this[_] = void 0);\n },\n stop: function() {\n this.done = !0;\n var h = this.tryEntries[0].completion;\n if (h.type === \"throw\") throw h.arg;\n return this.rval;\n },\n dispatchException: function(h) {\n if (this.done) throw h;\n var _ = this;\n function B(J, re) {\n return j.type = \"throw\", j.arg = h, _.next = J, re && (_.method = \"next\", _.arg = void 0), !!re;\n }\n for (var V = this.tryEntries.length - 1; V >= 0; --V) {\n var A = this.tryEntries[V], j = A.completion;\n if (A.tryLoc === \"root\") return B(\"end\");\n if (A.tryLoc <= this.prev) {\n var Z = t.call(A, \"catchLoc\"), R = t.call(A, \"finallyLoc\");\n if (Z && R) {\n if (this.prev < A.catchLoc) return B(A.catchLoc, !0);\n if (this.prev < A.finallyLoc) return B(A.finallyLoc);\n } else if (Z) {\n if (this.prev < A.catchLoc) return B(A.catchLoc, !0);\n } else {\n if (!R) throw new Error(\"try statement without catch or finally\");\n if (this.prev < A.finallyLoc) return B(A.finallyLoc);\n }\n }\n }\n },\n abrupt: function(h, _) {\n for (var B = this.tryEntries.length - 1; B >= 0; --B) {\n var V = this.tryEntries[B];\n if (V.tryLoc <= this.prev && t.call(V, \"finallyLoc\") && this.prev < V.finallyLoc) {\n var A = V;\n break;\n }\n }\n A && (h === \"break\" || h === \"continue\") && A.tryLoc <= _ && _ <= A.finallyLoc && (A = null);\n var j = A ? A.completion : {};\n return j.type = h, j.arg = _, A ? (this.method = \"next\", this.next = A.finallyLoc, v) : this.complete(j);\n },\n complete: function(h, _) {\n if (h.type === \"throw\") throw h.arg;\n return h.type === \"break\" || h.type === \"continue\" ? this.next = h.arg : h.type === \"return\" ? (this.rval = this.arg = h.arg, this.method = \"return\", this.next = \"end\") : h.type === \"normal\" && _ && (this.next = _), v;\n },\n finish: function(h) {\n for (var _ = this.tryEntries.length - 1; _ >= 0; --_) {\n var B = this.tryEntries[_];\n if (B.finallyLoc === h) return this.complete(B.completion, B.afterLoc), y(B), v;\n }\n },\n catch: function(h) {\n for (var _ = this.tryEntries.length - 1; _ >= 0; --_) {\n var B = this.tryEntries[_];\n if (B.tryLoc === h) {\n var V = B.completion;\n if (V.type === \"throw\") {\n var A = V.arg;\n y(B);\n }\n return A;\n }\n }\n throw new Error(\"illegal catch attempt\");\n },\n delegateYield: function(h, _, B) {\n return this.delegate = {\n iterator: F(h),\n resultName: _,\n nextLoc: B\n }, this.method === \"next\" && (this.arg = void 0), v;\n }\n }, n;\n}\nfunction Qn(n, e, t, a, r, s, i) {\n try {\n var o = n[s](i), u = o.value;\n } catch (l) {\n t(l);\n return;\n }\n o.done ? e(u) : Promise.resolve(u).then(a, r);\n}\nfunction nt(n) {\n return function() {\n var e = this, t = arguments;\n return new Promise(function(a, r) {\n var s = n.apply(e, t);\n function i(u) {\n Qn(s, a, r, i, o, \"next\", u);\n }\n function o(u) {\n Qn(s, a, r, i, o, \"throw\", u);\n }\n i(void 0);\n });\n };\n}\nfunction Aa(n, e) {\n if (!(n instanceof e))\n throw new TypeError(\"Cannot call a class as a function\");\n}\nfunction Xn(n, e) {\n for (var t = 0; t < e.length; t++) {\n var a = e[t];\n a.enumerable = a.enumerable || !1, a.configurable = !0, \"value\" in a && (a.writable = !0), Object.defineProperty(n, Oa(a.key), a);\n }\n}\nfunction xa(n, e, t) {\n return e && Xn(n.prototype, e), t && Xn(n, t), Object.defineProperty(n, \"prototype\", {\n writable: !1\n }), n;\n}\nfunction Bt(n, e, t) {\n return e = Oa(e), e in n ? Object.defineProperty(n, e, {\n value: t,\n enumerable: !0,\n configurable: !0,\n writable: !0\n }) : n[e] = t, n;\n}\nfunction Ic(n, e) {\n if (typeof e != \"function\" && e !== null)\n throw new TypeError(\"Super expression must either be null or a function\");\n n.prototype = Object.create(e && e.prototype, {\n constructor: {\n value: n,\n writable: !0,\n configurable: !0\n }\n }), Object.defineProperty(n, \"prototype\", {\n writable: !1\n }), e && Lt(n, e);\n}\nfunction Pt(n) {\n return Pt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {\n return t.__proto__ || Object.getPrototypeOf(t);\n }, Pt(n);\n}\nfunction Lt(n, e) {\n return Lt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(a, r) {\n return a.__proto__ = r, a;\n }, Lt(n, e);\n}\nfunction Ba() {\n if (typeof Reflect > \"u\" || !Reflect.construct || Reflect.construct.sham) return !1;\n if (typeof Proxy == \"function\") return !0;\n try {\n return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {\n })), !0;\n } catch {\n return !1;\n }\n}\nfunction Ot(n, e, t) {\n return Ba() ? Ot = Reflect.construct.bind() : Ot = function(r, s, i) {\n var o = [null];\n o.push.apply(o, s);\n var u = Function.bind.apply(r, o), l = new u();\n return i && Lt(l, i.prototype), l;\n }, Ot.apply(null, arguments);\n}\nfunction Tc(n) {\n return Function.toString.call(n).indexOf(\"[native code]\") !== -1;\n}\nfunction sn(n) {\n var e = typeof Map == \"function\" ? /* @__PURE__ */ new Map() : void 0;\n return sn = function(a) {\n if (a === null || !Tc(a)) return a;\n if (typeof a != \"function\")\n throw new TypeError(\"Super expression must either be null or a function\");\n if (typeof e < \"u\") {\n if (e.has(a)) return e.get(a);\n e.set(a, r);\n }\n function r() {\n return Ot(a, arguments, Pt(this).constructor);\n }\n return r.prototype = Object.create(a.prototype, {\n constructor: {\n value: r,\n enumerable: !1,\n writable: !0,\n configurable: !0\n }\n }), Lt(r, a);\n }, sn(n);\n}\nfunction Dt(n) {\n if (n === void 0)\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return n;\n}\nfunction Sc(n, e) {\n if (e && (typeof e == \"object\" || typeof e == \"function\"))\n return e;\n if (e !== void 0)\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n return Dt(n);\n}\nfunction Pc(n) {\n var e = Ba();\n return function() {\n var a = Pt(n), r;\n if (e) {\n var s = Pt(this).constructor;\n r = Reflect.construct(a, arguments, s);\n } else\n r = a.apply(this, arguments);\n return Sc(this, r);\n };\n}\nfunction Lc(n, e) {\n if (typeof n != \"object\" || n === null) return n;\n var t = n[Symbol.toPrimitive];\n if (t !== void 0) {\n var a = t.call(n, e || \"default\");\n if (typeof a != \"object\") return a;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (e === \"string\" ? String : Number)(n);\n}\nfunction Oa(n) {\n var e = Lc(n, \"string\");\n return typeof e == \"symbol\" ? e : String(e);\n}\nvar Da = typeof global < \"u\" && {}.toString.call(global) === \"[object global]\";\nfunction Zn(n, e) {\n return n.indexOf(e.toLowerCase()) === 0 ? n : \"\".concat(e.toLowerCase()).concat(n.substr(0, 1).toUpperCase()).concat(n.substr(1));\n}\nfunction Cc(n) {\n return !!(n && n.nodeType === 1 && \"nodeName\" in n && n.ownerDocument && n.ownerDocument.defaultView);\n}\nfunction Mc(n) {\n return !isNaN(parseFloat(n)) && isFinite(n) && Math.floor(n) == n;\n}\nfunction ot(n) {\n return /^(https?:)?\\/\\/((((player|www)\\.)?vimeo\\.com)|((player\\.)?[a-zA-Z0-9-]+\\.(videoji\\.(hk|cn)|vimeo\\.work)))(?=$|\\/)/.test(n);\n}\nfunction Fa(n) {\n var e = /^https:\\/\\/player\\.((vimeo\\.com)|([a-zA-Z0-9-]+\\.(videoji\\.(hk|cn)|vimeo\\.work)))\\/video\\/\\d+/;\n return e.test(n);\n}\nfunction Ec(n) {\n for (var e = (n || \"\").match(/^(?:https?:)?(?:\\/\\/)?([^/?]+)/), t = (e && e[1] || \"\").replace(\"player.\", \"\"), a = [\".videoji.hk\", \".vimeo.work\", \".videoji.cn\"], r = 0, s = a; r < s.length; r++) {\n var i = s[r];\n if (t.endsWith(i))\n return t;\n }\n return \"vimeo.com\";\n}\nfunction Ha() {\n var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, e = n.id, t = n.url, a = e || t;\n if (!a)\n throw new Error(\"An id or url must be passed, either in an options object or as a data-vimeo-id or data-vimeo-url attribute.\");\n if (Mc(a))\n return \"https://vimeo.com/\".concat(a);\n if (ot(a))\n return a.replace(\"http:\", \"https:\");\n throw e ? new TypeError(\"“\".concat(e, \"” is not a valid video id.\")) : new TypeError(\"“\".concat(a, \"” is not a vimeo.com url.\"));\n}\nvar Jn = function(e, t, a) {\n var r = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : \"addEventListener\", s = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : \"removeEventListener\", i = typeof t == \"string\" ? [t] : t;\n return i.forEach(function(o) {\n e[r](o, a);\n }), {\n cancel: function() {\n return i.forEach(function(u) {\n return e[s](u, a);\n });\n }\n };\n}, Nc = typeof Array.prototype.indexOf < \"u\", Ac = typeof window < \"u\" && typeof window.postMessage < \"u\";\nif (!Da && (!Nc || !Ac))\n throw new Error(\"Sorry, the Vimeo Player API is not available in this browser.\");\nvar ct = typeof globalThis < \"u\" ? globalThis : typeof window < \"u\" ? window : typeof global < \"u\" ? global : typeof self < \"u\" ? self : {};\nfunction xc(n, e) {\n return e = { exports: {} }, n(e, e.exports), e.exports;\n}\n/*!\n * weakmap-polyfill v2.0.4 - ECMAScript6 WeakMap polyfill\n * https://github.com/polygonplanet/weakmap-polyfill\n * Copyright (c) 2015-2021 polygonplanet \n * @license MIT\n */\n(function(n) {\n if (n.WeakMap)\n return;\n var e = Object.prototype.hasOwnProperty, t = Object.defineProperty && function() {\n try {\n return Object.defineProperty({}, \"x\", {\n value: 1\n }).x === 1;\n } catch {\n }\n }(), a = function(s, i, o) {\n t ? Object.defineProperty(s, i, {\n configurable: !0,\n writable: !0,\n value: o\n }) : s[i] = o;\n };\n n.WeakMap = function() {\n function s() {\n if (this === void 0)\n throw new TypeError(\"Constructor WeakMap requires 'new'\");\n if (a(this, \"_id\", o(\"_WeakMap\")), arguments.length > 0)\n throw new TypeError(\"WeakMap iterable is not supported\");\n }\n a(s.prototype, \"delete\", function(l) {\n if (i(this, \"delete\"), !r(l))\n return !1;\n var f = l[this._id];\n return f && f[0] === l ? (delete l[this._id], !0) : !1;\n }), a(s.prototype, \"get\", function(l) {\n if (i(this, \"get\"), !!r(l)) {\n var f = l[this._id];\n if (f && f[0] === l)\n return f[1];\n }\n }), a(s.prototype, \"has\", function(l) {\n if (i(this, \"has\"), !r(l))\n return !1;\n var f = l[this._id];\n return !!(f && f[0] === l);\n }), a(s.prototype, \"set\", function(l, f) {\n if (i(this, \"set\"), !r(l))\n throw new TypeError(\"Invalid value used as weak map key\");\n var v = l[this._id];\n return v && v[0] === l ? (v[1] = f, this) : (a(l, this._id, [l, f]), this);\n });\n function i(l, f) {\n if (!r(l) || !e.call(l, \"_id\"))\n throw new TypeError(f + \" method called on incompatible receiver \" + typeof l);\n }\n function o(l) {\n return l + \"_\" + u() + \".\" + u();\n }\n function u() {\n return Math.random().toString().substring(2);\n }\n return a(s, \"_polyfill\", !0), s;\n }();\n function r(s) {\n return Object(s) === s;\n }\n})(typeof globalThis < \"u\" ? globalThis : typeof self < \"u\" ? self : typeof window < \"u\" ? window : ct);\nvar Ne = xc(function(n) {\n /*! Native Promise Only\n v0.8.1 (c) Kyle Simpson\n MIT License: http://getify.mit-license.org\n */\n (function(t, a, r) {\n a[t] = a[t] || r(), n.exports && (n.exports = a[t]);\n })(\"Promise\", ct, function() {\n var t, a, r, s = Object.prototype.toString, i = typeof setImmediate < \"u\" ? function(T) {\n return setImmediate(T);\n } : setTimeout;\n try {\n Object.defineProperty({}, \"x\", {}), t = function(T, g, C, $) {\n return Object.defineProperty(T, g, {\n value: C,\n writable: !0,\n configurable: $ !== !1\n });\n };\n } catch {\n t = function(g, C, $) {\n return g[C] = $, g;\n };\n }\n r = /* @__PURE__ */ function() {\n var T, g, C;\n function $(k, y) {\n this.fn = k, this.self = y, this.next = void 0;\n }\n return {\n add: function(y, N) {\n C = new $(y, N), g ? g.next = C : T = C, g = C, C = void 0;\n },\n drain: function() {\n var y = T;\n for (T = g = a = void 0; y; )\n y.fn.call(y.self), y = y.next;\n }\n };\n }();\n function o(E, T) {\n r.add(E, T), a || (a = i(r.drain));\n }\n function u(E) {\n var T, g = typeof E;\n return E != null && (g == \"object\" || g == \"function\") && (T = E.then), typeof T == \"function\" ? T : !1;\n }\n function l() {\n for (var E = 0; E < this.chain.length; E++)\n f(this, this.state === 1 ? this.chain[E].success : this.chain[E].failure, this.chain[E]);\n this.chain.length = 0;\n }\n function f(E, T, g) {\n var C, $;\n try {\n T === !1 ? g.reject(E.msg) : (T === !0 ? C = E.msg : C = T.call(void 0, E.msg), C === g.promise ? g.reject(TypeError(\"Promise-chain cycle\")) : ($ = u(C)) ? $.call(C, g.resolve, g.reject) : g.resolve(C));\n } catch (k) {\n g.reject(k);\n }\n }\n function v(E) {\n var T, g = this;\n if (!g.triggered) {\n g.triggered = !0, g.def && (g = g.def);\n try {\n (T = u(E)) ? o(function() {\n var C = new p(g);\n try {\n T.call(E, function() {\n v.apply(C, arguments);\n }, function() {\n d.apply(C, arguments);\n });\n } catch ($) {\n d.call(C, $);\n }\n }) : (g.msg = E, g.state = 1, g.chain.length > 0 && o(l, g));\n } catch (C) {\n d.call(new p(g), C);\n }\n }\n }\n function d(E) {\n var T = this;\n T.triggered || (T.triggered = !0, T.def && (T = T.def), T.msg = E, T.state = 2, T.chain.length > 0 && o(l, T));\n }\n function m(E, T, g, C) {\n for (var $ = 0; $ < T.length; $++)\n (function(y) {\n E.resolve(T[y]).then(function(F) {\n g(y, F);\n }, C);\n })($);\n }\n function p(E) {\n this.def = E, this.triggered = !1;\n }\n function L(E) {\n this.promise = E, this.state = 0, this.triggered = !1, this.chain = [], this.msg = void 0;\n }\n function x(E) {\n if (typeof E != \"function\")\n throw TypeError(\"Not a function\");\n if (this.__NPO__ !== 0)\n throw TypeError(\"Not a promise\");\n this.__NPO__ = 1;\n var T = new L(this);\n this.then = function(C, $) {\n var k = {\n success: typeof C == \"function\" ? C : !0,\n failure: typeof $ == \"function\" ? $ : !1\n };\n return k.promise = new this.constructor(function(N, F) {\n if (typeof N != \"function\" || typeof F != \"function\")\n throw TypeError(\"Not a function\");\n k.resolve = N, k.reject = F;\n }), T.chain.push(k), T.state !== 0 && o(l, T), k.promise;\n }, this.catch = function(C) {\n return this.then(void 0, C);\n };\n try {\n E.call(void 0, function(C) {\n v.call(T, C);\n }, function(C) {\n d.call(T, C);\n });\n } catch (g) {\n d.call(T, g);\n }\n }\n var O = t(\n {},\n \"constructor\",\n x,\n /*configurable=*/\n !1\n );\n return x.prototype = O, t(\n O,\n \"__NPO__\",\n 0,\n /*configurable=*/\n !1\n ), t(x, \"resolve\", function(T) {\n var g = this;\n return T && typeof T == \"object\" && T.__NPO__ === 1 ? T : new g(function($, k) {\n if (typeof $ != \"function\" || typeof k != \"function\")\n throw TypeError(\"Not a function\");\n $(T);\n });\n }), t(x, \"reject\", function(T) {\n return new this(function(C, $) {\n if (typeof C != \"function\" || typeof $ != \"function\")\n throw TypeError(\"Not a function\");\n $(T);\n });\n }), t(x, \"all\", function(T) {\n var g = this;\n return s.call(T) != \"[object Array]\" ? g.reject(TypeError(\"Not an array\")) : T.length === 0 ? g.resolve([]) : new g(function($, k) {\n if (typeof $ != \"function\" || typeof k != \"function\")\n throw TypeError(\"Not a function\");\n var y = T.length, N = Array(y), F = 0;\n m(g, T, function(h, _) {\n N[h] = _, ++F === y && $(N);\n }, k);\n });\n }), t(x, \"race\", function(T) {\n var g = this;\n return s.call(T) != \"[object Array]\" ? g.reject(TypeError(\"Not an array\")) : new g(function($, k) {\n if (typeof $ != \"function\" || typeof k != \"function\")\n throw TypeError(\"Not a function\");\n m(g, T, function(N, F) {\n $(F);\n }, k);\n });\n }), x;\n });\n}), Ye = /* @__PURE__ */ new WeakMap();\nfunction kt(n, e, t) {\n var a = Ye.get(n.element) || {};\n e in a || (a[e] = []), a[e].push(t), Ye.set(n.element, a);\n}\nfunction Rt(n, e) {\n var t = Ye.get(n.element) || {};\n return t[e] || [];\n}\nfunction Vt(n, e, t) {\n var a = Ye.get(n.element) || {};\n if (!a[e])\n return !0;\n if (!t)\n return a[e] = [], Ye.set(n.element, a), !0;\n var r = a[e].indexOf(t);\n return r !== -1 && a[e].splice(r, 1), Ye.set(n.element, a), a[e] && a[e].length === 0;\n}\nfunction Bc(n, e) {\n var t = Rt(n, e);\n if (t.length < 1)\n return !1;\n var a = t.shift();\n return Vt(n, e, a), a;\n}\nfunction Oc(n, e) {\n var t = Ye.get(n);\n Ye.set(e, t), Ye.delete(n);\n}\nfunction Gt(n) {\n if (typeof n == \"string\")\n try {\n n = JSON.parse(n);\n } catch (e) {\n return console.warn(e), {};\n }\n return n;\n}\nfunction tt(n, e, t) {\n if (!(!n.element.contentWindow || !n.element.contentWindow.postMessage)) {\n var a = {\n method: e\n };\n t !== void 0 && (a.value = t);\n var r = parseFloat(navigator.userAgent.toLowerCase().replace(/^.*msie (\\d+).*$/, \"$1\"));\n r >= 8 && r < 10 && (a = JSON.stringify(a)), n.element.contentWindow.postMessage(a, n.origin);\n }\n}\nfunction Dc(n, e) {\n e = Gt(e);\n var t = [], a;\n if (e.event) {\n if (e.event === \"error\") {\n var r = Rt(n, e.data.method);\n r.forEach(function(i) {\n var o = new Error(e.data.message);\n o.name = e.data.name, i.reject(o), Vt(n, e.data.method, i);\n });\n }\n t = Rt(n, \"event:\".concat(e.event)), a = e.data;\n } else if (e.method) {\n var s = Bc(n, e.method);\n s && (t.push(s), a = e.value);\n }\n t.forEach(function(i) {\n try {\n if (typeof i == \"function\") {\n i.call(n, a);\n return;\n }\n i.resolve(a);\n } catch {\n }\n });\n}\nvar Fc = [\"airplay\", \"audio_tracks\", \"audiotrack\", \"autopause\", \"autoplay\", \"background\", \"byline\", \"cc\", \"chapter_id\", \"chapters\", \"chromecast\", \"color\", \"colors\", \"controls\", \"dnt\", \"end_time\", \"fullscreen\", \"height\", \"id\", \"interactive_params\", \"keyboard\", \"loop\", \"maxheight\", \"maxwidth\", \"muted\", \"play_button_position\", \"playsinline\", \"portrait\", \"progress_bar\", \"quality_selector\", \"responsive\", \"speed\", \"start_time\", \"texttrack\", \"title\", \"transcript\", \"transparent\", \"unmute_button\", \"url\", \"vimeo_logo\", \"volume\", \"watch_full_video\", \"width\"];\nfunction za(n) {\n var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};\n return Fc.reduce(function(t, a) {\n var r = n.getAttribute(\"data-vimeo-\".concat(a));\n return (r || r === \"\") && (t[a] = r === \"\" ? 1 : r), t;\n }, e);\n}\nfunction Sn(n, e) {\n var t = n.html;\n if (!e)\n throw new TypeError(\"An element must be provided\");\n if (e.getAttribute(\"data-vimeo-initialized\") !== null)\n return e.querySelector(\"iframe\");\n var a = document.createElement(\"div\");\n return a.innerHTML = t, e.appendChild(a.firstChild), e.setAttribute(\"data-vimeo-initialized\", \"true\"), e.querySelector(\"iframe\");\n}\nfunction Ra(n) {\n var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = arguments.length > 2 ? arguments[2] : void 0;\n return new Promise(function(a, r) {\n if (!ot(n))\n throw new TypeError(\"“\".concat(n, \"” is not a vimeo.com url.\"));\n var s = Ec(n), i = \"https://\".concat(s, \"/api/oembed.json?url=\").concat(encodeURIComponent(n));\n for (var o in e)\n e.hasOwnProperty(o) && (i += \"&\".concat(o, \"=\").concat(encodeURIComponent(e[o])));\n var u = \"XDomainRequest\" in window ? new XDomainRequest() : new XMLHttpRequest();\n u.open(\"GET\", i, !0), u.onload = function() {\n if (u.status === 404) {\n r(new Error(\"“\".concat(n, \"” was not found.\")));\n return;\n }\n if (u.status === 403) {\n r(new Error(\"“\".concat(n, \"” is not embeddable.\")));\n return;\n }\n try {\n var l = JSON.parse(u.responseText);\n if (l.domain_status_code === 403) {\n Sn(l, t), r(new Error(\"“\".concat(n, \"” is not embeddable.\")));\n return;\n }\n a(l);\n } catch (f) {\n r(f);\n }\n }, u.onerror = function() {\n var l = u.status ? \" (\".concat(u.status, \")\") : \"\";\n r(new Error(\"There was an error fetching the embed code from Vimeo\".concat(l, \".\")));\n }, u.send();\n });\n}\nfunction Hc() {\n var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : document, e = [].slice.call(n.querySelectorAll(\"[data-vimeo-id], [data-vimeo-url]\")), t = function(r) {\n \"console\" in window && console.error && console.error(\"There was an error creating an embed: \".concat(r));\n };\n e.forEach(function(a) {\n try {\n if (a.getAttribute(\"data-vimeo-defer\") !== null)\n return;\n var r = za(a), s = Ha(r);\n Ra(s, r, a).then(function(i) {\n return Sn(i, a);\n }).catch(t);\n } catch (i) {\n t(i);\n }\n });\n}\nfunction zc() {\n var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : document;\n if (!window.VimeoPlayerResizeEmbeds_) {\n window.VimeoPlayerResizeEmbeds_ = !0;\n var e = function(a) {\n if (ot(a.origin) && !(!a.data || a.data.event !== \"spacechange\")) {\n for (var r = n.querySelectorAll(\"iframe\"), s = 0; s < r.length; s++)\n if (r[s].contentWindow === a.source) {\n var i = r[s].parentElement;\n i.style.paddingBottom = \"\".concat(a.data.data[0].bottom, \"px\");\n break;\n }\n }\n };\n window.addEventListener(\"message\", e);\n }\n}\nfunction Rc() {\n var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : document;\n if (!window.VimeoSeoMetadataAppended) {\n window.VimeoSeoMetadataAppended = !0;\n var e = function(a) {\n if (ot(a.origin)) {\n var r = Gt(a.data);\n if (!(!r || r.event !== \"ready\"))\n for (var s = n.querySelectorAll(\"iframe\"), i = 0; i < s.length; i++) {\n var o = s[i], u = o.contentWindow === a.source;\n if (Fa(o.src) && u) {\n var l = new Pn(o);\n l.callMethod(\"appendVideoMetadata\", window.location.href);\n }\n }\n }\n };\n window.addEventListener(\"message\", e);\n }\n}\nfunction Vc() {\n var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : document;\n if (!window.VimeoCheckedUrlTimeParam) {\n window.VimeoCheckedUrlTimeParam = !0;\n var e = function(r) {\n \"console\" in window && console.error && console.error(\"There was an error getting video Id: \".concat(r));\n }, t = function(r) {\n if (ot(r.origin)) {\n var s = Gt(r.data);\n if (!(!s || s.event !== \"ready\"))\n for (var i = n.querySelectorAll(\"iframe\"), o = function() {\n var f = i[u], v = f.contentWindow === r.source;\n if (Fa(f.src) && v) {\n var d = new Pn(f);\n d.getVideoId().then(function(m) {\n var p = new RegExp(\"[?&]vimeo_t_\".concat(m, \"=([^&#]*)\")).exec(window.location.href);\n if (p && p[1]) {\n var L = decodeURI(p[1]);\n d.setCurrentTime(L);\n }\n }).catch(e);\n }\n }, u = 0; u < i.length; u++)\n o();\n }\n };\n window.addEventListener(\"message\", t);\n }\n}\nfunction qc() {\n var n = function() {\n for (var a, r = [\n [\"requestFullscreen\", \"exitFullscreen\", \"fullscreenElement\", \"fullscreenEnabled\", \"fullscreenchange\", \"fullscreenerror\"],\n // New WebKit\n [\"webkitRequestFullscreen\", \"webkitExitFullscreen\", \"webkitFullscreenElement\", \"webkitFullscreenEnabled\", \"webkitfullscreenchange\", \"webkitfullscreenerror\"],\n // Old WebKit\n [\"webkitRequestFullScreen\", \"webkitCancelFullScreen\", \"webkitCurrentFullScreenElement\", \"webkitCancelFullScreen\", \"webkitfullscreenchange\", \"webkitfullscreenerror\"],\n [\"mozRequestFullScreen\", \"mozCancelFullScreen\", \"mozFullScreenElement\", \"mozFullScreenEnabled\", \"mozfullscreenchange\", \"mozfullscreenerror\"],\n [\"msRequestFullscreen\", \"msExitFullscreen\", \"msFullscreenElement\", \"msFullscreenEnabled\", \"MSFullscreenChange\", \"MSFullscreenError\"]\n ], s = 0, i = r.length, o = {}; s < i; s++)\n if (a = r[s], a && a[1] in document) {\n for (s = 0; s < a.length; s++)\n o[r[0][s]] = a[s];\n return o;\n }\n return !1;\n }(), e = {\n fullscreenchange: n.fullscreenchange,\n fullscreenerror: n.fullscreenerror\n }, t = {\n request: function(r) {\n return new Promise(function(s, i) {\n var o = function l() {\n t.off(\"fullscreenchange\", l), s();\n };\n t.on(\"fullscreenchange\", o), r = r || document.documentElement;\n var u = r[n.requestFullscreen]();\n u instanceof Promise && u.then(o).catch(i);\n });\n },\n exit: function() {\n return new Promise(function(r, s) {\n if (!t.isFullscreen) {\n r();\n return;\n }\n var i = function u() {\n t.off(\"fullscreenchange\", u), r();\n };\n t.on(\"fullscreenchange\", i);\n var o = document[n.exitFullscreen]();\n o instanceof Promise && o.then(i).catch(s);\n });\n },\n on: function(r, s) {\n var i = e[r];\n i && document.addEventListener(i, s);\n },\n off: function(r, s) {\n var i = e[r];\n i && document.removeEventListener(i, s);\n }\n };\n return Object.defineProperties(t, {\n isFullscreen: {\n get: function() {\n return !!document[n.fullscreenElement];\n }\n },\n element: {\n enumerable: !0,\n get: function() {\n return document[n.fullscreenElement];\n }\n },\n isEnabled: {\n enumerable: !0,\n get: function() {\n return !!document[n.fullscreenEnabled];\n }\n }\n }), t;\n}\nvar jc = {\n role: \"viewer\",\n autoPlayMuted: !0,\n allowedDrift: 0.3,\n maxAllowedDrift: 1,\n minCheckInterval: 0.1,\n maxRateAdjustment: 0.2,\n maxTimeToCatchUp: 1\n}, Wc = /* @__PURE__ */ function(n) {\n Ic(t, n);\n var e = Pc(t);\n function t(a, r) {\n var s, i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = arguments.length > 3 ? arguments[3] : void 0;\n return Aa(this, t), s = e.call(this), Bt(Dt(s), \"logger\", void 0), Bt(Dt(s), \"speedAdjustment\", 0), Bt(Dt(s), \"adjustSpeed\", /* @__PURE__ */ function() {\n var u = nt(/* @__PURE__ */ we().mark(function l(f, v) {\n var d;\n return we().wrap(function(p) {\n for (; ; ) switch (p.prev = p.next) {\n case 0:\n if (s.speedAdjustment !== v) {\n p.next = 2;\n break;\n }\n return p.abrupt(\"return\");\n case 2:\n return p.next = 4, f.getPlaybackRate();\n case 4:\n return p.t0 = p.sent, p.t1 = s.speedAdjustment, p.t2 = p.t0 - p.t1, p.t3 = v, d = p.t2 + p.t3, s.log(\"New playbackRate: \".concat(d)), p.next = 12, f.setPlaybackRate(d);\n case 12:\n s.speedAdjustment = v;\n case 13:\n case \"end\":\n return p.stop();\n }\n }, l);\n }));\n return function(l, f) {\n return u.apply(this, arguments);\n };\n }()), s.logger = o, s.init(r, a, Yn(Yn({}, jc), i)), s;\n }\n return xa(t, [{\n key: \"disconnect\",\n value: function() {\n this.dispatchEvent(new Event(\"disconnect\"));\n }\n /**\n * @param {TimingObject} timingObject\n * @param {PlayerControls} player\n * @param {TimingSrcConnectorOptions} options\n * @return {Promise}\n */\n }, {\n key: \"init\",\n value: function() {\n var a = nt(/* @__PURE__ */ we().mark(function s(i, o, u) {\n var l = this, f, v, d;\n return we().wrap(function(p) {\n for (; ; ) switch (p.prev = p.next) {\n case 0:\n return p.next = 2, this.waitForTOReadyState(i, \"open\");\n case 2:\n if (u.role !== \"viewer\") {\n p.next = 10;\n break;\n }\n return p.next = 5, this.updatePlayer(i, o, u);\n case 5:\n f = Jn(i, \"change\", function() {\n return l.updatePlayer(i, o, u);\n }), v = this.maintainPlaybackPosition(i, o, u), this.addEventListener(\"disconnect\", function() {\n v.cancel(), f.cancel();\n }), p.next = 14;\n break;\n case 10:\n return p.next = 12, this.updateTimingObject(i, o);\n case 12:\n d = Jn(o, [\"seeked\", \"play\", \"pause\", \"ratechange\"], function() {\n return l.updateTimingObject(i, o);\n }, \"on\", \"off\"), this.addEventListener(\"disconnect\", function() {\n return d.cancel();\n });\n case 14:\n case \"end\":\n return p.stop();\n }\n }, s, this);\n }));\n function r(s, i, o) {\n return a.apply(this, arguments);\n }\n return r;\n }()\n /**\n * Sets the TimingObject's state to reflect that of the player\n *\n * @param {TimingObject} timingObject\n * @param {PlayerControls} player\n * @return {Promise}\n */\n }, {\n key: \"updateTimingObject\",\n value: function() {\n var a = nt(/* @__PURE__ */ we().mark(function s(i, o) {\n return we().wrap(function(l) {\n for (; ; ) switch (l.prev = l.next) {\n case 0:\n return l.t0 = i, l.next = 3, o.getCurrentTime();\n case 3:\n return l.t1 = l.sent, l.next = 6, o.getPaused();\n case 6:\n if (!l.sent) {\n l.next = 10;\n break;\n }\n l.t2 = 0, l.next = 13;\n break;\n case 10:\n return l.next = 12, o.getPlaybackRate();\n case 12:\n l.t2 = l.sent;\n case 13:\n l.t3 = l.t2, l.t4 = {\n position: l.t1,\n velocity: l.t3\n }, l.t0.update.call(l.t0, l.t4);\n case 16:\n case \"end\":\n return l.stop();\n }\n }, s);\n }));\n function r(s, i) {\n return a.apply(this, arguments);\n }\n return r;\n }()\n /**\n * Sets the player's timing state to reflect that of the TimingObject\n *\n * @param {TimingObject} timingObject\n * @param {PlayerControls} player\n * @param {TimingSrcConnectorOptions} options\n * @return {Promise}\n */\n }, {\n key: \"updatePlayer\",\n value: function() {\n var a = nt(/* @__PURE__ */ we().mark(function s(i, o, u) {\n var l, f, v;\n return we().wrap(function(m) {\n for (; ; ) switch (m.prev = m.next) {\n case 0:\n if (l = i.query(), f = l.position, v = l.velocity, typeof f == \"number\" && o.setCurrentTime(f), typeof v != \"number\") {\n m.next = 25;\n break;\n }\n if (v !== 0) {\n m.next = 11;\n break;\n }\n return m.next = 6, o.getPaused();\n case 6:\n if (m.t0 = m.sent, m.t0 !== !1) {\n m.next = 9;\n break;\n }\n o.pause();\n case 9:\n m.next = 25;\n break;\n case 11:\n if (!(v > 0)) {\n m.next = 25;\n break;\n }\n return m.next = 14, o.getPaused();\n case 14:\n if (m.t1 = m.sent, m.t1 !== !0) {\n m.next = 19;\n break;\n }\n return m.next = 18, o.play().catch(/* @__PURE__ */ function() {\n var p = nt(/* @__PURE__ */ we().mark(function L(x) {\n return we().wrap(function(E) {\n for (; ; ) switch (E.prev = E.next) {\n case 0:\n if (!(x.name === \"NotAllowedError\" && u.autoPlayMuted)) {\n E.next = 5;\n break;\n }\n return E.next = 3, o.setMuted(!0);\n case 3:\n return E.next = 5, o.play().catch(function(T) {\n return console.error(\"Couldn't play the video from TimingSrcConnector. Error:\", T);\n });\n case 5:\n case \"end\":\n return E.stop();\n }\n }, L);\n }));\n return function(L) {\n return p.apply(this, arguments);\n };\n }());\n case 18:\n this.updatePlayer(i, o, u);\n case 19:\n return m.next = 21, o.getPlaybackRate();\n case 21:\n if (m.t2 = m.sent, m.t3 = v, m.t2 === m.t3) {\n m.next = 25;\n break;\n }\n o.setPlaybackRate(v);\n case 25:\n case \"end\":\n return m.stop();\n }\n }, s, this);\n }));\n function r(s, i, o) {\n return a.apply(this, arguments);\n }\n return r;\n }()\n /**\n * Since video players do not play with 100% time precision, we need to closely monitor\n * our player to be sure it remains in sync with the TimingObject.\n *\n * If out of sync, we use the current conditions and the options provided to determine\n * whether to re-sync via setting currentTime or adjusting the playbackRate\n *\n * @param {TimingObject} timingObject\n * @param {PlayerControls} player\n * @param {TimingSrcConnectorOptions} options\n * @return {{cancel: (function(): void)}}\n */\n }, {\n key: \"maintainPlaybackPosition\",\n value: function(r, s, i) {\n var o = this, u = i.allowedDrift, l = i.maxAllowedDrift, f = i.minCheckInterval, v = i.maxRateAdjustment, d = i.maxTimeToCatchUp, m = Math.min(d, Math.max(f, l)) * 1e3, p = /* @__PURE__ */ function() {\n var x = nt(/* @__PURE__ */ we().mark(function O() {\n var E, T, g, C, $;\n return we().wrap(function(y) {\n for (; ; ) switch (y.prev = y.next) {\n case 0:\n if (y.t0 = r.query().velocity === 0, y.t0) {\n y.next = 6;\n break;\n }\n return y.next = 4, s.getPaused();\n case 4:\n y.t1 = y.sent, y.t0 = y.t1 === !0;\n case 6:\n if (!y.t0) {\n y.next = 8;\n break;\n }\n return y.abrupt(\"return\");\n case 8:\n return y.t2 = r.query().position, y.next = 11, s.getCurrentTime();\n case 11:\n if (y.t3 = y.sent, E = y.t2 - y.t3, T = Math.abs(E), o.log(\"Drift: \".concat(E)), !(T > l)) {\n y.next = 22;\n break;\n }\n return y.next = 18, o.adjustSpeed(s, 0);\n case 18:\n s.setCurrentTime(r.query().position), o.log(\"Resync by currentTime\"), y.next = 29;\n break;\n case 22:\n if (!(T > u)) {\n y.next = 29;\n break;\n }\n return g = T / d, C = v, $ = g < C ? (C - g) / 2 : C, y.next = 28, o.adjustSpeed(s, $ * Math.sign(E));\n case 28:\n o.log(\"Resync by playbackRate\");\n case 29:\n case \"end\":\n return y.stop();\n }\n }, O);\n }));\n return function() {\n return x.apply(this, arguments);\n };\n }(), L = setInterval(function() {\n return p();\n }, m);\n return {\n cancel: function() {\n return clearInterval(L);\n }\n };\n }\n /**\n * @param {string} msg\n */\n }, {\n key: \"log\",\n value: function(r) {\n var s;\n (s = this.logger) === null || s === void 0 || s.call(this, \"TimingSrcConnector: \".concat(r));\n }\n }, {\n key: \"waitForTOReadyState\",\n value: (\n /**\n * @param {TimingObject} timingObject\n * @param {TConnectionState} state\n * @return {Promise}\n */\n function(r, s) {\n return new Promise(function(i) {\n var o = function u() {\n r.readyState === s ? i() : r.addEventListener(\"readystatechange\", u, {\n once: !0\n });\n };\n o();\n });\n }\n )\n }]), t;\n}(/* @__PURE__ */ sn(EventTarget)), it = /* @__PURE__ */ new WeakMap(), Jt = /* @__PURE__ */ new WeakMap(), $e = {}, Pn = /* @__PURE__ */ function() {\n function n(e) {\n var t = this, a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};\n if (Aa(this, n), window.jQuery && e instanceof jQuery && (e.length > 1 && window.console && console.warn && console.warn(\"A jQuery object with multiple elements was passed, using the first element.\"), e = e[0]), typeof document < \"u\" && typeof e == \"string\" && (e = document.getElementById(e)), !Cc(e))\n throw new TypeError(\"You must pass either a valid element or a valid id.\");\n if (e.nodeName !== \"IFRAME\") {\n var r = e.querySelector(\"iframe\");\n r && (e = r);\n }\n if (e.nodeName === \"IFRAME\" && !ot(e.getAttribute(\"src\") || \"\"))\n throw new Error(\"The player element passed isn’t a Vimeo embed.\");\n if (it.has(e))\n return it.get(e);\n this._window = e.ownerDocument.defaultView, this.element = e, this.origin = \"*\";\n var s = new Ne(function(o, u) {\n if (t._onMessage = function(v) {\n if (!(!ot(v.origin) || t.element.contentWindow !== v.source)) {\n t.origin === \"*\" && (t.origin = v.origin);\n var d = Gt(v.data), m = d && d.event === \"error\", p = m && d.data && d.data.method === \"ready\";\n if (p) {\n var L = new Error(d.data.message);\n L.name = d.data.name, u(L);\n return;\n }\n var x = d && d.event === \"ready\", O = d && d.method === \"ping\";\n if (x || O) {\n t.element.setAttribute(\"data-ready\", \"true\"), o();\n return;\n }\n Dc(t, d);\n }\n }, t._window.addEventListener(\"message\", t._onMessage), t.element.nodeName !== \"IFRAME\") {\n var l = za(e, a), f = Ha(l);\n Ra(f, l, e).then(function(v) {\n var d = Sn(v, e);\n return t.element = d, t._originalElement = e, Oc(e, d), it.set(t.element, t), v;\n }).catch(u);\n }\n });\n if (Jt.set(this, s), it.set(this.element, this), this.element.nodeName === \"IFRAME\" && tt(this, \"ping\"), $e.isEnabled) {\n var i = function() {\n return $e.exit();\n };\n this.fullscreenchangeHandler = function() {\n $e.isFullscreen ? kt(t, \"event:exitFullscreen\", i) : Vt(t, \"event:exitFullscreen\", i), t.ready().then(function() {\n tt(t, \"fullscreenchange\", $e.isFullscreen);\n });\n }, $e.on(\"fullscreenchange\", this.fullscreenchangeHandler);\n }\n return this;\n }\n return xa(n, [{\n key: \"callMethod\",\n value: function(t) {\n var a = this, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};\n return new Ne(function(s, i) {\n return a.ready().then(function() {\n kt(a, t, {\n resolve: s,\n reject: i\n }), tt(a, t, r);\n }).catch(i);\n });\n }\n /**\n * Get a promise for the value of a player property.\n *\n * @param {string} name The property name\n * @return {Promise}\n */\n }, {\n key: \"get\",\n value: function(t) {\n var a = this;\n return new Ne(function(r, s) {\n return t = Zn(t, \"get\"), a.ready().then(function() {\n kt(a, t, {\n resolve: r,\n reject: s\n }), tt(a, t);\n }).catch(s);\n });\n }\n /**\n * Get a promise for setting the value of a player property.\n *\n * @param {string} name The API method to call.\n * @param {mixed} value The value to set.\n * @return {Promise}\n */\n }, {\n key: \"set\",\n value: function(t, a) {\n var r = this;\n return new Ne(function(s, i) {\n if (t = Zn(t, \"set\"), a == null)\n throw new TypeError(\"There must be a value to set.\");\n return r.ready().then(function() {\n kt(r, t, {\n resolve: s,\n reject: i\n }), tt(r, t, a);\n }).catch(i);\n });\n }\n /**\n * Add an event listener for the specified event. Will call the\n * callback with a single parameter, `data`, that contains the data for\n * that event.\n *\n * @param {string} eventName The name of the event.\n * @param {function(*)} callback The function to call when the event fires.\n * @return {void}\n */\n }, {\n key: \"on\",\n value: function(t, a) {\n if (!t)\n throw new TypeError(\"You must pass an event name.\");\n if (!a)\n throw new TypeError(\"You must pass a callback function.\");\n if (typeof a != \"function\")\n throw new TypeError(\"The callback must be a function.\");\n var r = Rt(this, \"event:\".concat(t));\n r.length === 0 && this.callMethod(\"addEventListener\", t).catch(function() {\n }), kt(this, \"event:\".concat(t), a);\n }\n /**\n * Remove an event listener for the specified event. Will remove all\n * listeners for that event if a `callback` isn’t passed, or only that\n * specific callback if it is passed.\n *\n * @param {string} eventName The name of the event.\n * @param {function} [callback] The specific callback to remove.\n * @return {void}\n */\n }, {\n key: \"off\",\n value: function(t, a) {\n if (!t)\n throw new TypeError(\"You must pass an event name.\");\n if (a && typeof a != \"function\")\n throw new TypeError(\"The callback must be a function.\");\n var r = Vt(this, \"event:\".concat(t), a);\n r && this.callMethod(\"removeEventListener\", t).catch(function(s) {\n });\n }\n /**\n * A promise to load a new video.\n *\n * @promise LoadVideoPromise\n * @fulfill {number} The video with this id or url successfully loaded.\n * @reject {TypeError} The id was not a number.\n */\n /**\n * Load a new video into this embed. The promise will be resolved if\n * the video is successfully loaded, or it will be rejected if it could\n * not be loaded.\n *\n * @param {number|string|object} options The id of the video, the url of the video, or an object with embed options.\n * @return {LoadVideoPromise}\n */\n }, {\n key: \"loadVideo\",\n value: function(t) {\n return this.callMethod(\"loadVideo\", t);\n }\n /**\n * A promise to perform an action when the Player is ready.\n *\n * @todo document errors\n * @promise LoadVideoPromise\n * @fulfill {void}\n */\n /**\n * Trigger a function when the player iframe has initialized. You do not\n * need to wait for `ready` to trigger to begin adding event listeners\n * or calling other methods.\n *\n * @return {ReadyPromise}\n */\n }, {\n key: \"ready\",\n value: function() {\n var t = Jt.get(this) || new Ne(function(a, r) {\n r(new Error(\"Unknown player. Probably unloaded.\"));\n });\n return Ne.resolve(t);\n }\n /**\n * A promise to add a cue point to the player.\n *\n * @promise AddCuePointPromise\n * @fulfill {string} The id of the cue point to use for removeCuePoint.\n * @reject {RangeError} the time was less than 0 or greater than the\n * video’s duration.\n * @reject {UnsupportedError} Cue points are not supported with the current\n * player or browser.\n */\n /**\n * Add a cue point to the player.\n *\n * @param {number} time The time for the cue point.\n * @param {object} [data] Arbitrary data to be returned with the cue point.\n * @return {AddCuePointPromise}\n */\n }, {\n key: \"addCuePoint\",\n value: function(t) {\n var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};\n return this.callMethod(\"addCuePoint\", {\n time: t,\n data: a\n });\n }\n /**\n * A promise to remove a cue point from the player.\n *\n * @promise AddCuePointPromise\n * @fulfill {string} The id of the cue point that was removed.\n * @reject {InvalidCuePoint} The cue point with the specified id was not\n * found.\n * @reject {UnsupportedError} Cue points are not supported with the current\n * player or browser.\n */\n /**\n * Remove a cue point from the video.\n *\n * @param {string} id The id of the cue point to remove.\n * @return {RemoveCuePointPromise}\n */\n }, {\n key: \"removeCuePoint\",\n value: function(t) {\n return this.callMethod(\"removeCuePoint\", t);\n }\n /**\n * A representation of a text track on a video.\n *\n * @typedef {Object} VimeoTextTrack\n * @property {string} language The ISO language code.\n * @property {string} kind The kind of track it is (captions or subtitles).\n * @property {string} label The human‐readable label for the track.\n */\n /**\n * A promise to enable a text track.\n *\n * @promise EnableTextTrackPromise\n * @fulfill {VimeoTextTrack} The text track that was enabled.\n * @reject {InvalidTrackLanguageError} No track was available with the\n * specified language.\n * @reject {InvalidTrackError} No track was available with the specified\n * language and kind.\n */\n /**\n * Enable the text track with the specified language, and optionally the\n * specified kind (captions or subtitles).\n *\n * When set via the API, the track language will not change the viewer’s\n * stored preference.\n *\n * @param {string} language The two‐letter language code.\n * @param {string} [kind] The kind of track to enable (captions or subtitles).\n * @return {EnableTextTrackPromise}\n */\n }, {\n key: \"enableTextTrack\",\n value: function(t, a) {\n if (!t)\n throw new TypeError(\"You must pass a language.\");\n return this.callMethod(\"enableTextTrack\", {\n language: t,\n kind: a\n });\n }\n /**\n * A promise to disable the active text track.\n *\n * @promise DisableTextTrackPromise\n * @fulfill {void} The track was disabled.\n */\n /**\n * Disable the currently-active text track.\n *\n * @return {DisableTextTrackPromise}\n */\n }, {\n key: \"disableTextTrack\",\n value: function() {\n return this.callMethod(\"disableTextTrack\");\n }\n /**\n * A promise to pause the video.\n *\n * @promise PausePromise\n * @fulfill {void} The video was paused.\n */\n /**\n * Pause the video if it’s playing.\n *\n * @return {PausePromise}\n */\n }, {\n key: \"pause\",\n value: function() {\n return this.callMethod(\"pause\");\n }\n /**\n * A promise to play the video.\n *\n * @promise PlayPromise\n * @fulfill {void} The video was played.\n */\n /**\n * Play the video if it’s paused. **Note:** on iOS and some other\n * mobile devices, you cannot programmatically trigger play. Once the\n * viewer has tapped on the play button in the player, however, you\n * will be able to use this function.\n *\n * @return {PlayPromise}\n */\n }, {\n key: \"play\",\n value: function() {\n return this.callMethod(\"play\");\n }\n /**\n * Request that the player enters fullscreen.\n * @return {Promise}\n */\n }, {\n key: \"requestFullscreen\",\n value: function() {\n return $e.isEnabled ? $e.request(this.element) : this.callMethod(\"requestFullscreen\");\n }\n /**\n * Request that the player exits fullscreen.\n * @return {Promise}\n */\n }, {\n key: \"exitFullscreen\",\n value: function() {\n return $e.isEnabled ? $e.exit() : this.callMethod(\"exitFullscreen\");\n }\n /**\n * Returns true if the player is currently fullscreen.\n * @return {Promise}\n */\n }, {\n key: \"getFullscreen\",\n value: function() {\n return $e.isEnabled ? Ne.resolve($e.isFullscreen) : this.get(\"fullscreen\");\n }\n /**\n * Request that the player enters picture-in-picture.\n * @return {Promise}\n */\n }, {\n key: \"requestPictureInPicture\",\n value: function() {\n return this.callMethod(\"requestPictureInPicture\");\n }\n /**\n * Request that the player exits picture-in-picture.\n * @return {Promise}\n */\n }, {\n key: \"exitPictureInPicture\",\n value: function() {\n return this.callMethod(\"exitPictureInPicture\");\n }\n /**\n * Returns true if the player is currently picture-in-picture.\n * @return {Promise}\n */\n }, {\n key: \"getPictureInPicture\",\n value: function() {\n return this.get(\"pictureInPicture\");\n }\n /**\n * A promise to prompt the viewer to initiate remote playback.\n *\n * @promise RemotePlaybackPromptPromise\n * @fulfill {void}\n * @reject {NotFoundError} No remote playback device is available.\n */\n /**\n * Request to prompt the user to initiate remote playback.\n *\n * @return {RemotePlaybackPromptPromise}\n */\n }, {\n key: \"remotePlaybackPrompt\",\n value: function() {\n return this.callMethod(\"remotePlaybackPrompt\");\n }\n /**\n * A promise to unload the video.\n *\n * @promise UnloadPromise\n * @fulfill {void} The video was unloaded.\n */\n /**\n * Return the player to its initial state.\n *\n * @return {UnloadPromise}\n */\n }, {\n key: \"unload\",\n value: function() {\n return this.callMethod(\"unload\");\n }\n /**\n * Cleanup the player and remove it from the DOM\n *\n * It won't be usable and a new one should be constructed\n * in order to do any operations.\n *\n * @return {Promise}\n */\n }, {\n key: \"destroy\",\n value: function() {\n var t = this;\n return new Ne(function(a) {\n if (Jt.delete(t), it.delete(t.element), t._originalElement && (it.delete(t._originalElement), t._originalElement.removeAttribute(\"data-vimeo-initialized\")), t.element && t.element.nodeName === \"IFRAME\" && t.element.parentNode && (t.element.parentNode.parentNode && t._originalElement && t._originalElement !== t.element.parentNode ? t.element.parentNode.parentNode.removeChild(t.element.parentNode) : t.element.parentNode.removeChild(t.element)), t.element && t.element.nodeName === \"DIV\" && t.element.parentNode) {\n t.element.removeAttribute(\"data-vimeo-initialized\");\n var r = t.element.querySelector(\"iframe\");\n r && r.parentNode && (r.parentNode.parentNode && t._originalElement && t._originalElement !== r.parentNode ? r.parentNode.parentNode.removeChild(r.parentNode) : r.parentNode.removeChild(r));\n }\n t._window.removeEventListener(\"message\", t._onMessage), $e.isEnabled && $e.off(\"fullscreenchange\", t.fullscreenchangeHandler), a();\n });\n }\n /**\n * A promise to get the autopause behavior of the video.\n *\n * @promise GetAutopausePromise\n * @fulfill {boolean} Whether autopause is turned on or off.\n * @reject {UnsupportedError} Autopause is not supported with the current\n * player or browser.\n */\n /**\n * Get the autopause behavior for this player.\n *\n * @return {GetAutopausePromise}\n */\n }, {\n key: \"getAutopause\",\n value: function() {\n return this.get(\"autopause\");\n }\n /**\n * A promise to set the autopause behavior of the video.\n *\n * @promise SetAutopausePromise\n * @fulfill {boolean} Whether autopause is turned on or off.\n * @reject {UnsupportedError} Autopause is not supported with the current\n * player or browser.\n */\n /**\n * Enable or disable the autopause behavior of this player.\n *\n * By default, when another video is played in the same browser, this\n * player will automatically pause. Unless you have a specific reason\n * for doing so, we recommend that you leave autopause set to the\n * default (`true`).\n *\n * @param {boolean} autopause\n * @return {SetAutopausePromise}\n */\n }, {\n key: \"setAutopause\",\n value: function(t) {\n return this.set(\"autopause\", t);\n }\n /**\n * A promise to get the buffered property of the video.\n *\n * @promise GetBufferedPromise\n * @fulfill {Array} Buffered Timeranges converted to an Array.\n */\n /**\n * Get the buffered property of the video.\n *\n * @return {GetBufferedPromise}\n */\n }, {\n key: \"getBuffered\",\n value: function() {\n return this.get(\"buffered\");\n }\n /**\n * @typedef {Object} CameraProperties\n * @prop {number} props.yaw - Number between 0 and 360.\n * @prop {number} props.pitch - Number between -90 and 90.\n * @prop {number} props.roll - Number between -180 and 180.\n * @prop {number} props.fov - The field of view in degrees.\n */\n /**\n * A promise to get the camera properties of the player.\n *\n * @promise GetCameraPromise\n * @fulfill {CameraProperties} The camera properties.\n */\n /**\n * For 360° videos get the camera properties for this player.\n *\n * @return {GetCameraPromise}\n */\n }, {\n key: \"getCameraProps\",\n value: function() {\n return this.get(\"cameraProps\");\n }\n /**\n * A promise to set the camera properties of the player.\n *\n * @promise SetCameraPromise\n * @fulfill {Object} The camera was successfully set.\n * @reject {RangeError} The range was out of bounds.\n */\n /**\n * For 360° videos set the camera properties for this player.\n *\n * @param {CameraProperties} camera The camera properties\n * @return {SetCameraPromise}\n */\n }, {\n key: \"setCameraProps\",\n value: function(t) {\n return this.set(\"cameraProps\", t);\n }\n /**\n * A representation of a chapter.\n *\n * @typedef {Object} VimeoChapter\n * @property {number} startTime The start time of the chapter.\n * @property {object} title The title of the chapter.\n * @property {number} index The place in the order of Chapters. Starts at 1.\n */\n /**\n * A promise to get chapters for the video.\n *\n * @promise GetChaptersPromise\n * @fulfill {VimeoChapter[]} The chapters for the video.\n */\n /**\n * Get an array of all the chapters for the video.\n *\n * @return {GetChaptersPromise}\n */\n }, {\n key: \"getChapters\",\n value: function() {\n return this.get(\"chapters\");\n }\n /**\n * A promise to get the currently active chapter.\n *\n * @promise GetCurrentChaptersPromise\n * @fulfill {VimeoChapter|undefined} The current chapter for the video.\n */\n /**\n * Get the currently active chapter for the video.\n *\n * @return {GetCurrentChaptersPromise}\n */\n }, {\n key: \"getCurrentChapter\",\n value: function() {\n return this.get(\"currentChapter\");\n }\n /**\n * A promise to get the accent color of the player.\n *\n * @promise GetColorPromise\n * @fulfill {string} The hex color of the player.\n */\n /**\n * Get the accent color for this player. Note this is deprecated in place of `getColorTwo`.\n *\n * @return {GetColorPromise}\n */\n }, {\n key: \"getColor\",\n value: function() {\n return this.get(\"color\");\n }\n /**\n * A promise to get all colors for the player in an array.\n *\n * @promise GetColorsPromise\n * @fulfill {string[]} The hex colors of the player.\n */\n /**\n * Get all the colors for this player in an array: [colorOne, colorTwo, colorThree, colorFour]\n *\n * @return {GetColorPromise}\n */\n }, {\n key: \"getColors\",\n value: function() {\n return Ne.all([this.get(\"colorOne\"), this.get(\"colorTwo\"), this.get(\"colorThree\"), this.get(\"colorFour\")]);\n }\n /**\n * A promise to set the accent color of the player.\n *\n * @promise SetColorPromise\n * @fulfill {string} The color was successfully set.\n * @reject {TypeError} The string was not a valid hex or rgb color.\n * @reject {ContrastError} The color was set, but the contrast is\n * outside of the acceptable range.\n * @reject {EmbedSettingsError} The owner of the player has chosen to\n * use a specific color.\n */\n /**\n * Set the accent color of this player to a hex or rgb string. Setting the\n * color may fail if the owner of the video has set their embed\n * preferences to force a specific color.\n * Note this is deprecated in place of `setColorTwo`.\n *\n * @param {string} color The hex or rgb color string to set.\n * @return {SetColorPromise}\n */\n }, {\n key: \"setColor\",\n value: function(t) {\n return this.set(\"color\", t);\n }\n /**\n * A promise to set all colors for the player.\n *\n * @promise SetColorsPromise\n * @fulfill {string[]} The colors were successfully set.\n * @reject {TypeError} The string was not a valid hex or rgb color.\n * @reject {ContrastError} The color was set, but the contrast is\n * outside of the acceptable range.\n * @reject {EmbedSettingsError} The owner of the player has chosen to\n * use a specific color.\n */\n /**\n * Set the colors of this player to a hex or rgb string. Setting the\n * color may fail if the owner of the video has set their embed\n * preferences to force a specific color.\n * The colors should be passed in as an array: [colorOne, colorTwo, colorThree, colorFour].\n * If a color should not be set, the index in the array can be left as null.\n *\n * @param {string[]} colors Array of the hex or rgb color strings to set.\n * @return {SetColorsPromise}\n */\n }, {\n key: \"setColors\",\n value: function(t) {\n if (!Array.isArray(t))\n return new Ne(function(s, i) {\n return i(new TypeError(\"Argument must be an array.\"));\n });\n var a = new Ne(function(s) {\n return s(null);\n }), r = [t[0] ? this.set(\"colorOne\", t[0]) : a, t[1] ? this.set(\"colorTwo\", t[1]) : a, t[2] ? this.set(\"colorThree\", t[2]) : a, t[3] ? this.set(\"colorFour\", t[3]) : a];\n return Ne.all(r);\n }\n /**\n * A representation of a cue point.\n *\n * @typedef {Object} VimeoCuePoint\n * @property {number} time The time of the cue point.\n * @property {object} data The data passed when adding the cue point.\n * @property {string} id The unique id for use with removeCuePoint.\n */\n /**\n * A promise to get the cue points of a video.\n *\n * @promise GetCuePointsPromise\n * @fulfill {VimeoCuePoint[]} The cue points added to the video.\n * @reject {UnsupportedError} Cue points are not supported with the current\n * player or browser.\n */\n /**\n * Get an array of the cue points added to the video.\n *\n * @return {GetCuePointsPromise}\n */\n }, {\n key: \"getCuePoints\",\n value: function() {\n return this.get(\"cuePoints\");\n }\n /**\n * A promise to get the current time of the video.\n *\n * @promise GetCurrentTimePromise\n * @fulfill {number} The current time in seconds.\n */\n /**\n * Get the current playback position in seconds.\n *\n * @return {GetCurrentTimePromise}\n */\n }, {\n key: \"getCurrentTime\",\n value: function() {\n return this.get(\"currentTime\");\n }\n /**\n * A promise to set the current time of the video.\n *\n * @promise SetCurrentTimePromise\n * @fulfill {number} The actual current time that was set.\n * @reject {RangeError} the time was less than 0 or greater than the\n * video’s duration.\n */\n /**\n * Set the current playback position in seconds. If the player was\n * paused, it will remain paused. Likewise, if the player was playing,\n * it will resume playing once the video has buffered.\n *\n * You can provide an accurate time and the player will attempt to seek\n * to as close to that time as possible. The exact time will be the\n * fulfilled value of the promise.\n *\n * @param {number} currentTime\n * @return {SetCurrentTimePromise}\n */\n }, {\n key: \"setCurrentTime\",\n value: function(t) {\n return this.set(\"currentTime\", t);\n }\n /**\n * A promise to get the duration of the video.\n *\n * @promise GetDurationPromise\n * @fulfill {number} The duration in seconds.\n */\n /**\n * Get the duration of the video in seconds. It will be rounded to the\n * nearest second before playback begins, and to the nearest thousandth\n * of a second after playback begins.\n *\n * @return {GetDurationPromise}\n */\n }, {\n key: \"getDuration\",\n value: function() {\n return this.get(\"duration\");\n }\n /**\n * A promise to get the ended state of the video.\n *\n * @promise GetEndedPromise\n * @fulfill {boolean} Whether or not the video has ended.\n */\n /**\n * Get the ended state of the video. The video has ended if\n * `currentTime === duration`.\n *\n * @return {GetEndedPromise}\n */\n }, {\n key: \"getEnded\",\n value: function() {\n return this.get(\"ended\");\n }\n /**\n * A promise to get the loop state of the player.\n *\n * @promise GetLoopPromise\n * @fulfill {boolean} Whether or not the player is set to loop.\n */\n /**\n * Get the loop state of the player.\n *\n * @return {GetLoopPromise}\n */\n }, {\n key: \"getLoop\",\n value: function() {\n return this.get(\"loop\");\n }\n /**\n * A promise to set the loop state of the player.\n *\n * @promise SetLoopPromise\n * @fulfill {boolean} The loop state that was set.\n */\n /**\n * Set the loop state of the player. When set to `true`, the player\n * will start over immediately once playback ends.\n *\n * @param {boolean} loop\n * @return {SetLoopPromise}\n */\n }, {\n key: \"setLoop\",\n value: function(t) {\n return this.set(\"loop\", t);\n }\n /**\n * A promise to set the muted state of the player.\n *\n * @promise SetMutedPromise\n * @fulfill {boolean} The muted state that was set.\n */\n /**\n * Set the muted state of the player. When set to `true`, the player\n * volume will be muted.\n *\n * @param {boolean} muted\n * @return {SetMutedPromise}\n */\n }, {\n key: \"setMuted\",\n value: function(t) {\n return this.set(\"muted\", t);\n }\n /**\n * A promise to get the muted state of the player.\n *\n * @promise GetMutedPromise\n * @fulfill {boolean} Whether or not the player is muted.\n */\n /**\n * Get the muted state of the player.\n *\n * @return {GetMutedPromise}\n */\n }, {\n key: \"getMuted\",\n value: function() {\n return this.get(\"muted\");\n }\n /**\n * A promise to get the paused state of the player.\n *\n * @promise GetLoopPromise\n * @fulfill {boolean} Whether or not the video is paused.\n */\n /**\n * Get the paused state of the player.\n *\n * @return {GetLoopPromise}\n */\n }, {\n key: \"getPaused\",\n value: function() {\n return this.get(\"paused\");\n }\n /**\n * A promise to get the playback rate of the player.\n *\n * @promise GetPlaybackRatePromise\n * @fulfill {number} The playback rate of the player on a scale from 0 to 2.\n */\n /**\n * Get the playback rate of the player on a scale from `0` to `2`.\n *\n * @return {GetPlaybackRatePromise}\n */\n }, {\n key: \"getPlaybackRate\",\n value: function() {\n return this.get(\"playbackRate\");\n }\n /**\n * A promise to set the playbackrate of the player.\n *\n * @promise SetPlaybackRatePromise\n * @fulfill {number} The playback rate was set.\n * @reject {RangeError} The playback rate was less than 0 or greater than 2.\n */\n /**\n * Set the playback rate of the player on a scale from `0` to `2`. When set\n * via the API, the playback rate will not be synchronized to other\n * players or stored as the viewer's preference.\n *\n * @param {number} playbackRate\n * @return {SetPlaybackRatePromise}\n */\n }, {\n key: \"setPlaybackRate\",\n value: function(t) {\n return this.set(\"playbackRate\", t);\n }\n /**\n * A promise to get the played property of the video.\n *\n * @promise GetPlayedPromise\n * @fulfill {Array} Played Timeranges converted to an Array.\n */\n /**\n * Get the played property of the video.\n *\n * @return {GetPlayedPromise}\n */\n }, {\n key: \"getPlayed\",\n value: function() {\n return this.get(\"played\");\n }\n /**\n * A promise to get the qualities available of the current video.\n *\n * @promise GetQualitiesPromise\n * @fulfill {Array} The qualities of the video.\n */\n /**\n * Get the qualities of the current video.\n *\n * @return {GetQualitiesPromise}\n */\n }, {\n key: \"getQualities\",\n value: function() {\n return this.get(\"qualities\");\n }\n /**\n * A promise to get the current set quality of the video.\n *\n * @promise GetQualityPromise\n * @fulfill {string} The current set quality.\n */\n /**\n * Get the current set quality of the video.\n *\n * @return {GetQualityPromise}\n */\n }, {\n key: \"getQuality\",\n value: function() {\n return this.get(\"quality\");\n }\n /**\n * A promise to set the video quality.\n *\n * @promise SetQualityPromise\n * @fulfill {number} The quality was set.\n * @reject {RangeError} The quality is not available.\n */\n /**\n * Set a video quality.\n *\n * @param {string} quality\n * @return {SetQualityPromise}\n */\n }, {\n key: \"setQuality\",\n value: function(t) {\n return this.set(\"quality\", t);\n }\n /**\n * A promise to get the remote playback availability.\n *\n * @promise RemotePlaybackAvailabilityPromise\n * @fulfill {boolean} Whether remote playback is available.\n */\n /**\n * Get the availability of remote playback.\n *\n * @return {RemotePlaybackAvailabilityPromise}\n */\n }, {\n key: \"getRemotePlaybackAvailability\",\n value: function() {\n return this.get(\"remotePlaybackAvailability\");\n }\n /**\n * A promise to get the current remote playback state.\n *\n * @promise RemotePlaybackStatePromise\n * @fulfill {string} The state of the remote playback: connecting, connected, or disconnected.\n */\n /**\n * Get the current remote playback state.\n *\n * @return {RemotePlaybackStatePromise}\n */\n }, {\n key: \"getRemotePlaybackState\",\n value: function() {\n return this.get(\"remotePlaybackState\");\n }\n /**\n * A promise to get the seekable property of the video.\n *\n * @promise GetSeekablePromise\n * @fulfill {Array} Seekable Timeranges converted to an Array.\n */\n /**\n * Get the seekable property of the video.\n *\n * @return {GetSeekablePromise}\n */\n }, {\n key: \"getSeekable\",\n value: function() {\n return this.get(\"seekable\");\n }\n /**\n * A promise to get the seeking property of the player.\n *\n * @promise GetSeekingPromise\n * @fulfill {boolean} Whether or not the player is currently seeking.\n */\n /**\n * Get if the player is currently seeking.\n *\n * @return {GetSeekingPromise}\n */\n }, {\n key: \"getSeeking\",\n value: function() {\n return this.get(\"seeking\");\n }\n /**\n * A promise to get the text tracks of a video.\n *\n * @promise GetTextTracksPromise\n * @fulfill {VimeoTextTrack[]} The text tracks associated with the video.\n */\n /**\n * Get an array of the text tracks that exist for the video.\n *\n * @return {GetTextTracksPromise}\n */\n }, {\n key: \"getTextTracks\",\n value: function() {\n return this.get(\"textTracks\");\n }\n /**\n * A promise to get the embed code for the video.\n *\n * @promise GetVideoEmbedCodePromise\n * @fulfill {string} The `