{"version":3,"file":"main.es-CmoSqMC6.js","sources":["../../../../Coloplast.UI/node_modules/@coloplast/design-system/dist/main.es.js"],"sourcesContent":["import { defineComponent as q, openBlock as c, createElementBlock as _, renderSlot as re, ref as I, watch as le, onMounted as de, computed as b, normalizeClass as K, unref as w, createBlock as O, resolveDynamicComponent as Tt, withCtx as z, createElementVNode as E, createCommentVNode as L, createVNode as H, onBeforeUnmount as Ve, createTextVNode as U, toDisplayString as W, mergeProps as ve, 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 ta, reactive as en, withDirectives as me, vShow as pe, useAttrs as na, onUnmounted as aa, Teleport as ra, watchEffect as ln, inject as ee, provide as fe, normalizeProps as Wa, guardReactiveProps as Ua, mergeDefaults as sa, useSlots as Ka, toRefs as Ga, toRef as Ya } from \"vue\";\nconst Qa = { class: \"ds-accordion\" }, od = /* @__PURE__ */ q({\n __name: \"ds-accordion\",\n setup(n) {\n return (e, t) => (c(), _(\"div\", Qa, [\n re(e.$slots, \"default\")\n ]));\n }\n}), Nn = \"6.2.1\", bt = /* @__PURE__ */ new Map();\nfunction oa(n, e, t, a, r) {\n const s = I(\"\"), o = `${n}-version`, i = async (f) => {\n if (bt.has(f))\n return bt.get(f);\n const h = fetch(f).then(async (S) => {\n if (S.ok) {\n const B = await S.text();\n return bt.delete(f), B;\n } else\n throw new Error(\"Failed to load icon\");\n }).catch(() => {\n throw bt.delete(f), new Error(\"Failed to load icon\");\n });\n return bt.set(f, h), h;\n }, u = async () => {\n const f = `${d()}/${r.value}.svg`, S = f.split(\"/\").slice(-2).join(\"/\"), B = `${n}|${Nn}|${S}`, D = localStorage.getItem(B), C = D == null ? void 0 : D.startsWith(\" window.dsConfig ? n === \"ds-brand-icon\" ? window.dsConfig.brandIconBasePath : window.dsConfig.iconBasePath : null, d = () => {\n const f = l();\n let h = t;\n return f && t === e && (h = f), h;\n }, m = () => {\n const f = Nn;\n localStorage.getItem(o) !== f && (Object.keys(localStorage).forEach((S) => {\n const B = S.startsWith(\"icon-\"), D = S.startsWith(\"brand-icon-\"), C = S.startsWith(`${n}|`) && !S.includes(`|${f}|`);\n (B || C || D) && localStorage.removeItem(S);\n }), localStorage.setItem(o, f));\n }, v = async () => {\n try {\n await u();\n } catch (f) {\n console.error(f);\n }\n };\n return le(\n () => r.value,\n async () => {\n await v();\n }\n ), de(async () => {\n m(), await v(), 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\", se = /* @__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: o, svgContents: i } = oa(\n Za,\n Ja,\n a.basePath,\n s,\n r\n );\n return e({ loadIcon: o }), (u, l) => (c(), _(\"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: K([\"ds-icon\", `ds-icon--${n.size}`]),\n innerHTML: w(i),\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, o) => (c(), O(Tt(s.htmlElement), {\n class: K(r.value)\n }, {\n default: z(() => [\n re(s.$slots, \"default\")\n ]),\n _: 3\n }, 8, [\"class\"]));\n }\n}), er = { class: \"ds-accordion-item__summary\" }, tr = [\"innerHTML\"], ld = /* @__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(), _(\"details\", {\n class: K([\"ds-accordion-item\", t.value])\n }, [\n E(\"summary\", er, [\n a.iconName ? (c(), O(se, {\n key: 0,\n class: \"ds-accordion-item__icon\",\n \"icon-name\": a.iconName\n }, null, 8, [\"icon-name\"])) : L(\"\", !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 E(\"span\", {\n class: \"ds-accordion-item__title-text\",\n innerHTML: a.title\n }, null, 8, tr)\n ]),\n _: 1\n }),\n H(se, {\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 re(a.$slots, \"default\")\n ]),\n _: 3\n })\n ], 2));\n }\n}), ye = (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 } = ye(), 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\"), o = b(() => e.appearance === \"attention\" || e.appearance === \"danger\" ? \"alert\" : \"status\"), i = I(!1), u = () => {\n i.value = !0;\n };\n return (l, d) => i.value ? L(\"\", !0) : (c(), _(\"div\", {\n key: 0,\n role: o.value,\n class: K([\"ds-alert\", r.value])\n }, [\n l.showIcon ? (c(), O(se, {\n key: 0,\n size: a.value,\n \"icon-name\": s.value,\n class: \"ds-alert__icon\"\n }, null, 8, [\"size\", \"icon-name\"])) : L(\"\", !0),\n E(\"div\", ar, [\n l.title ? (c(), O(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 U(W(l.title), 1)\n ]),\n _: 1\n })) : L(\"\", !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 E(\"div\", { innerHTML: l.text }, null, 8, rr)\n ]),\n _: 1\n })\n ]),\n l.dismissible ? (c(), _(\"button\", {\n key: 1,\n \"aria-label\": l.dismissLabel,\n class: \"ds-alert__dismiss\",\n onClick: u\n }, [\n H(se, {\n \"icon-name\": \"button-close\",\n size: \"sm\",\n class: \"ds-alert__dismiss-icon\"\n })\n ], 8, sr)) : L(\"\", !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(), _(\"span\", {\n class: K([\"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\"], id = /* @__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 } = ye(), a = b(() => t.value ? \"md\" : \"lg\"), r = `${e.showIcon ? \"ds-banner--icon\" : \"\"}`, s = Ze(\"banner-content\");\n return (o, i) => (c(), _(\"section\", ve({\n \"aria-labelledby\": w(s),\n class: [\"ds-banner\", r]\n }, o.$attrs), [\n E(\"div\", ur, [\n o.showIcon ? (c(), O(se, {\n key: 0,\n size: a.value,\n \"icon-name\": o.iconName,\n class: \"ds-banner__icon\"\n }, null, 8, [\"size\", \"icon-name\"])) : L(\"\", !0),\n E(\"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 E(\"div\", {\n innerHTML: o.text,\n id: w(s)\n }, null, 8, dr)\n ]),\n _: 1\n })\n ])\n ])\n ], 16, ir));\n }\n}), fr = { class: \"ds-spinner-animation\" }, vr = /* @__PURE__ */ E(\"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__ */ E(\"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__ */ E(\"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), mr = [\n vr\n], la = /* @__PURE__ */ q({\n __name: \"ds-spinner-animation\",\n setup(n) {\n return (e, t) => (c(), _(\"div\", fr, mr));\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 o = [];\n return o = yt(o, s, n.value), o = yt(o, s, e.value), o = yt(\n o,\n s,\n t.value ? \"selected\" : void 0\n ), o = yt(\n o,\n s,\n a,\n a !== \"padding-normal\"\n ), o = yt(\n o,\n s,\n \"loading\",\n r.value\n ), o;\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), o = b(() => t.size), i = 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), d = b(() => t.variant);\n (t.variant === \"link\" || t.variant === \"link-neutral\" || t.variant === \"link-inverted\") && !t.padding && (l.value = \"padding-none\");\n const v = (S) => {\n t.state !== \"loading\" && (t.clickHandler(S), a(\"click\", S));\n }, f = b(() => (t.variant === \"primary\" || t.variant === \"primary-inverted\") && t.state === \"loading\" && t.labelLoading !== void 0), h = un(\n {\n variant: d,\n size: o,\n padding: l.value,\n selected: s,\n isValidLoadingState: f\n },\n \"ds-button\"\n );\n return (S, B) => (c(), _(ne, null, [\n S.href ? L(\"\", !0) : (c(), _(\"button\", ve({ key: 0 }, S.$attrs, {\n \"aria-disabled\": f.value || void 0,\n onClick: We(v, [\"stop\"]),\n class: [\"ds-button\", w(h)],\n disabled: S.disabled || void 0,\n form: S.form,\n name: S.name,\n selected: S.selected || void 0,\n type: S.type,\n value: S.value\n }), [\n f.value ? L(\"\", !0) : (c(), _(ne, { key: 0 }, [\n i.value ? (c(), O(se, {\n key: 0,\n class: \"ds-button__icon-start\",\n \"icon-name\": i.value,\n size: r.value\n }, null, 8, [\"icon-name\", \"size\"])) : L(\"\", !0),\n H(Y, {\n \"text-type\": \"label-md\",\n \"text-style\": \"medium\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n re(S.$slots, \"default\")\n ]),\n _: 3\n }),\n u.value ? (c(), O(se, {\n key: 1,\n class: \"ds-button__icon-end\",\n \"icon-name\": u.value,\n size: r.value\n }, null, 8, [\"icon-name\", \"size\"])) : L(\"\", !0)\n ], 64)),\n f.value ? (c(), _(ne, { key: 1 }, [\n H(la),\n H(Y, {\n \"text-type\": \"label-md\",\n \"text-style\": \"medium\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n U(W(S.labelLoading), 1)\n ]),\n _: 1\n })\n ], 64)) : L(\"\", !0)\n ], 16, gr)),\n S.href ? (c(), _(\"a\", ve({ key: 1 }, S.$attrs, {\n onClick: v,\n class: [\"ds-button\", w(h)],\n \"aria-disabled\": S.disabled || void 0,\n download: S.download === !0 ? \"\" : S.download,\n href: S.href,\n selected: S.selected || void 0,\n target: S.target\n }), [\n i.value ? (c(), O(se, {\n key: 0,\n class: \"ds-button__icon-start\",\n \"icon-name\": i.value,\n size: r.value\n }, null, 8, [\"icon-name\", \"size\"])) : L(\"\", !0),\n H(Y, {\n \"text-type\": \"label-md\",\n \"text-style\": \"medium\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n re(S.$slots, \"default\")\n ]),\n _: 3\n }),\n u.value ? (c(), O(se, {\n key: 1,\n class: \"ds-button__icon-end\",\n \"icon-name\": u.value,\n size: r.value\n }, null, 8, [\"icon-name\", \"size\"])) : L(\"\", !0)\n ], 16, br)) : L(\"\", !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\", ia = /* @__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: o, svgContents: i } = oa(\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: o }), (l, d) => (c(), _(\"div\", {\n \"aria-label\": l.altText ? l.altText : void 0,\n role: l.altText ? \"img\" : void 0,\n class: K([\"ds-brand-icon\", u.value]),\n \"data-icon-name\": r.value\n }, [\n E(\"span\", {\n class: \"ds-brand-icon__svg\",\n \"aria-hidden\": \"true\",\n innerHTML: w(i)\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\" }, ud = /* @__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 } = ye(), s = b(() => r.value ? \"heading-md\" : \"heading-3xl\"), o = b(() => e.background === \"brand-muted\" ? \"default\" : \"on-color\"), i = 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(), _(\"section\", ve({\n \"aria-labelledby\": w(a),\n class: [\"ds-banner-md\", i.value]\n }, u.$attrs), [\n t.value ? L(\"\", !0) : re(u.$slots, \"default\", { key: 0 }),\n t.value ? (c(), _(\"div\", Ir, [\n H(Y, {\n class: \"ds-banner-md__text\",\n id: w(a),\n \"text-type\": s.value,\n \"text-style\": \"medium\",\n \"html-element\": u.textHtmlElement\n }, {\n default: z(() => [\n U(W(u.text), 1)\n ]),\n _: 1\n }, 8, [\"id\", \"text-type\", \"html-element\"]),\n u.buttonText ? (c(), O(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 U(W(u.buttonText), 1)\n ]),\n _: 1\n }, 8, [\"href\", \"clickHandler\"])) : L(\"\", !0)\n ])) : L(\"\", !0),\n E(\"div\", Tr, [\n H(ia, {\n altText: u.iconAltText,\n iconName: u.iconName,\n mode: o.value,\n size: \"md\",\n type: \"line\"\n }, null, 8, [\"altText\", \"iconName\", \"mode\"])\n ])\n ], 16, $r));\n }\n}), Pr = [\"aria-labelledby\"], Sr = {\n key: 1,\n class: \"ds-banner-lg__content\"\n}, Lr = { class: \"ds-banner-lg__media\" }, Cr = [\"sizes\", \"src\", \"srcset\", \"alt\"], cd = /* @__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 } = ye(), s = b(() => r.value ? \"heading-md\" : \"heading-3xl\"), o = b(() => e.mediaFocalPointMobile && r.value ? e.mediaFocalPointMobile : e.mediaFocalPoint), i = b(() => {\n const l = [];\n return e.mediaFocalPoint !== \"center\" && l.push(`object-position: ${o.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, d) => (c(), _(\"section\", ve({\n \"aria-labelledby\": w(a),\n class: [\"ds-banner-lg\", u.value]\n }, l.$attrs), [\n t.value ? L(\"\", !0) : re(l.$slots, \"default\", { key: 0 }),\n t.value ? (c(), _(\"div\", Sr, [\n H(Y, {\n class: \"ds-banner-lg__text\",\n id: w(a),\n \"text-type\": s.value,\n \"text-style\": \"medium\",\n \"html-element\": l.textHtmlElement\n }, {\n default: z(() => [\n U(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 U(W(l.buttonText), 1)\n ]),\n _: 1\n }, 8, [\"href\", \"clickHandler\"])\n ])) : L(\"\", !0),\n E(\"figure\", Lr, [\n E(\"img\", {\n class: \"ds-banner-lg__image\",\n style: ge(i.value),\n sizes: l.mediaSizes,\n src: l.mediaSrc,\n srcset: l.mediaSrcSet,\n alt: l.mediaAltText\n }, null, 12, Cr)\n ])\n ], 16, Pr));\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\"], dd = /* @__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 } = ye(), s = b(() => e.description ? \"long\" : \"short\"), o = b(() => s.value === \"long\" ? \"heading-3xl\" : \"heading-4xl\"), i = b(() => e.mediaFocalPointMobile && r.value ? e.mediaFocalPointMobile : e.mediaFocalPoint), u = b(() => {\n const d = [];\n return e.mediaFocalPoint !== \"center\" && d.push(`--object-position: ${i.value};`), d;\n }), l = b(() => {\n const d = [];\n return d.push(`ds-banner-xl--${s.value}`), d.push(`ds-banner-xl--bg-${e.background}`), d.push(`ds-banner-xl--media-${e.mediaPlacement}`), d.push(`ds-banner-xl--media-rm-${e.mediaRenderMode}`), d.push(`ds-banner-xl--tw-${e.textWrapMode}`), e.mediaPlacementMobile !== \"useMediaPlacementValue\" && e.mediaPlacementMobile !== e.mediaPlacement && d.push(\n `ds-banner-xl--media-mobile-${e.mediaPlacementMobile}`\n ), e.mediaRenderModeMobile !== \"useMediaRenderModeValue\" && e.mediaRenderModeMobile !== e.mediaRenderMode && d.push(\n `ds-banner-xl--media-rm-mobile-${e.mediaRenderModeMobile}`\n ), d;\n });\n return (d, m) => (c(), _(\"section\", ve({ \"aria-labelledby\": w(a) }, d.$attrs, {\n class: [\"ds-banner-xl\", l.value]\n }), [\n t.value ? L(\"\", !0) : re(d.$slots, \"default\", { key: 0 }),\n t.value ? (c(), _(\"div\", Er, [\n E(\"div\", Nr, [\n s.value === \"short\" ? (c(), O(Y, {\n key: 0,\n class: \"ds-banner-xl__title-small\",\n \"text-type\": \"heading-lg\",\n \"text-style\": \"medium\",\n \"html-element\": d.titleSmallHtmlElement\n }, {\n default: z(() => [\n U(W(d.titleSmall), 1)\n ]),\n _: 1\n }, 8, [\"html-element\"])) : L(\"\", !0),\n H(Y, {\n class: \"ds-banner-xl__title-large\",\n id: w(a),\n \"text-type\": o.value,\n \"text-style\": \"medium\",\n \"html-element\": d.titleLargeHtmlElement\n }, {\n default: z(() => [\n U(W(d.titleLarge), 1)\n ]),\n _: 1\n }, 8, [\"id\", \"text-type\", \"html-element\"]),\n s.value === \"long\" ? (c(), O(Y, {\n key: 1,\n class: \"ds-banner-xl__description\",\n \"text-type\": \"heading-lg\",\n \"text-style\": \"medium\",\n \"html-element\": d.titleSmallHtmlElement\n }, {\n default: z(() => [\n E(\"span\", { innerHTML: d.description }, null, 8, Ar)\n ]),\n _: 1\n }, 8, [\"html-element\"])) : L(\"\", !0)\n ]),\n H(be, {\n href: d.buttonHref,\n clickHandler: d.buttonClickHandler,\n variant: \"primary\"\n }, {\n default: z(() => [\n U(W(d.buttonText), 1)\n ]),\n _: 1\n }, 8, [\"href\", \"clickHandler\"])\n ])) : L(\"\", !0),\n E(\"figure\", xr, [\n E(\"img\", {\n class: \"ds-banner-xl__image\",\n style: ge(u.value),\n sizes: d.mediaSizes,\n src: d.mediaSrc,\n srcset: d.mediaSrcSet,\n alt: d.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(), _(\"section\", {\n class: K([\"ds-block\", t.value])\n }, [\n E(\"div\", Or, [\n re(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(), _(\"a\", {\n class: \"ds-breadcrumb__link\",\n onClick: s[0] || (s[0] = (o) => {\n r.item.isCurrentPage && o.preventDefault();\n }),\n href: r.item.url,\n \"aria-current\": r.item.isCurrentPage ? \"page\" : void 0,\n title: w(a)\n }, [\n r.iconStartName ? (c(), O(se, {\n key: 0,\n class: \"ds-breadcrumb__icon\",\n \"icon-name\": r.iconStartName,\n size: \"xs\"\n }, null, 8, [\"icon-name\"])) : L(\"\", !0),\n H(Y, {\n \"html-element\": \"span\",\n \"text-type\": \"label-sm\"\n }, {\n default: z(() => [\n U(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 ua() {\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 o = st(n) ? Me(n) : window, i = o.visualViewport, u = !ua() && t, l = (a.left + (u && i ? i.offsetLeft : 0)) / r, d = (a.top + (u && i ? i.offsetTop : 0)) / s, m = a.width / r, v = a.height / s;\n return {\n width: m,\n height: v,\n top: d,\n right: l + m,\n bottom: d + v,\n left: l,\n x: l,\n y: d\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 vn(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), o = ft(n, r, t), i = {\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 vn(s)) && (i = Hr(e)), xe(e) ? (u = ft(e, !0), u.x += e.clientLeft, u.y += e.clientTop) : s && (u.x = fn(s))), {\n x: o.left + i.scrollLeft - u.x,\n y: o.top + i.scrollTop - u.y,\n width: o.width,\n height: o.height\n };\n}\nfunction mn(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 ca(n) {\n return [\"html\", \"body\", \"#document\"].indexOf(Ke(n)) >= 0 ? n.ownerDocument.body : xe(n) && vn(n) ? n : ca(jt(n));\n}\nfunction $t(n, e) {\n var t;\n e === void 0 && (e = []);\n var a = ca(n), r = a === ((t = n.ownerDocument) == null ? void 0 : t.body), s = Me(a), o = r ? [s].concat(s.visualViewport || [], vn(a) ? a : []) : a, i = e.concat(o);\n return r ? i : (\n // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here\n i.concat($t(jt(o)))\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 Se = \"top\", ze = \"bottom\", Re = \"right\", Le = \"left\", pn = \"auto\", Mt = [Se, ze, Re, Le], vt = \"start\", Pt = \"end\", jr = \"clippingParents\", da = \"viewport\", _t = \"popper\", Wr = \"reference\", Bn = /* @__PURE__ */ Mt.reduce(function(n, e) {\n return n.concat([e + \"-\" + vt, e + \"-\" + Pt]);\n}, []), fa = /* @__PURE__ */ [].concat(Mt, [pn]).reduce(function(n, e) {\n return n.concat([e, e + \"-\" + vt, e + \"-\" + Pt]);\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 o = [].concat(s.requires || [], s.requiresIfExists || []);\n o.forEach(function(i) {\n if (!t.has(i)) {\n var u = e.get(i);\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, o = a.clientHeight, i = 0, u = 0;\n if (r) {\n s = r.width, o = r.height;\n var l = ua();\n (l || !l && e === \"fixed\") && (i = r.offsetLeft, u = r.offsetTop);\n }\n return {\n width: s,\n height: o,\n x: i + 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), o = at(t.scrollHeight, t.clientHeight, r ? r.scrollHeight : 0, r ? r.clientHeight : 0), i = -a.scrollLeft + fn(n), u = -a.scrollTop;\n return Xe(r || t).direction === \"rtl\" && (i += at(t.clientWidth, r ? r.clientWidth : 0) - s), {\n width: s,\n height: o,\n x: i,\n y: u\n };\n}\nfunction va(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 === da ? 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) && va(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]), o = s[0], i = s.reduce(function(u, l) {\n var d = On(n, l, a);\n return u.top = at(d.top, u.top), u.right = Ft(d.right, u.right), u.bottom = Ft(d.bottom, u.bottom), u.left = at(d.left, u.left), u;\n }, On(n, o, a));\n return i.width = i.right - i.left, i.height = i.bottom - i.top, i.x = i.left, i.y = i.top, i;\n}\nfunction je(n) {\n return n.split(\"-\")[0];\n}\nfunction mt(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 ? mt(a) : null, o = e.x + e.width / 2 - t.width / 2, i = e.y + e.height / 2 - t.height / 2, u;\n switch (r) {\n case Se:\n u = {\n x: o,\n y: e.y - t.height\n };\n break;\n case ze:\n u = {\n x: o,\n y: e.y + e.height\n };\n break;\n case Re:\n u = {\n x: e.x + e.width,\n y: i\n };\n break;\n case Le:\n u = {\n x: e.x - t.width,\n y: i\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 d = l === \"y\" ? \"height\" : \"width\";\n switch (s) {\n case vt:\n u[l] = u[l] - (e[d] / 2 - t[d] / 2);\n break;\n case Pt:\n u[l] = u[l] + (e[d] / 2 - t[d] / 2);\n break;\n }\n }\n return u;\n}\nfunction pa() {\n return {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n };\n}\nfunction ha(n) {\n return Object.assign({}, pa(), n);\n}\nfunction ga(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, o = s === void 0 ? n.strategy : s, i = t.boundary, u = i === void 0 ? jr : i, l = t.rootBoundary, d = l === void 0 ? da : l, m = t.elementContext, v = m === void 0 ? _t : m, f = t.altBoundary, h = f === void 0 ? !1 : f, S = t.padding, B = S === void 0 ? 0 : S, D = ha(typeof B != \"number\" ? B : ga(B, Mt)), C = v === _t ? Wr : _t, T = n.rects.popper, g = n.elements[h ? C : v], M = cs(st(g) ? g : g.contextElement || et(n.elements.popper), u, d, o), $ = ft(n.elements.reference), k = ma({\n reference: $,\n element: T,\n strategy: \"absolute\",\n placement: r\n }), y = an(Object.assign({}, T, k)), A = v === _t ? y : $, F = {\n top: M.top - A.top + D.top,\n bottom: A.bottom - M.bottom + D.bottom,\n left: M.left - A.left + D.left,\n right: A.right - M.right + D.right\n }, G = n.modifiersData.offset;\n if (v === _t && G) {\n var P = G[r];\n Object.keys(F).forEach(function(p) {\n var x = [Re, ze].indexOf(p) >= 0 ? 1 : -1, R = [Se, ze].indexOf(p) >= 0 ? \"y\" : \"x\";\n F[p] += P[R] * x;\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(i, u, l) {\n l === void 0 && (l = s);\n var d = {\n placement: \"bottom\",\n orderedModifiers: [],\n options: Object.assign({}, Dn, s),\n modifiersData: {},\n elements: {\n reference: i,\n popper: u\n },\n attributes: {},\n styles: {}\n }, m = [], v = !1, f = {\n state: d,\n setOptions: function(D) {\n var C = typeof D == \"function\" ? D(d.options) : D;\n S(), d.options = Object.assign({}, s, d.options, C), d.scrollParents = {\n reference: st(i) ? $t(i) : i.contextElement ? $t(i.contextElement) : [],\n popper: $t(u)\n };\n var T = as(ss([].concat(a, d.options.modifiers)));\n return d.orderedModifiers = T.filter(function(g) {\n return g.enabled;\n }), h(), f.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 (!v) {\n var D = d.elements, C = D.reference, T = D.popper;\n if (Fn(C, T)) {\n d.rects = {\n reference: Rr(C, Ct(T), d.options.strategy === \"fixed\"),\n popper: mn(T)\n }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(F) {\n return d.modifiersData[F.name] = Object.assign({}, F.data);\n });\n for (var g = 0; g < d.orderedModifiers.length; g++) {\n if (d.reset === !0) {\n d.reset = !1, g = -1;\n continue;\n }\n var M = d.orderedModifiers[g], $ = M.fn, k = M.options, y = k === void 0 ? {} : k, A = M.name;\n typeof $ == \"function\" && (d = $({\n state: d,\n options: y,\n name: A,\n instance: f\n }) || d);\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(B) {\n f.forceUpdate(), B(d);\n });\n }),\n destroy: function() {\n S(), v = !0;\n }\n };\n if (!Fn(i, u))\n return f;\n f.setOptions(l).then(function(B) {\n !v && l.onFirstUpdate && l.onFirstUpdate(B);\n });\n function h() {\n d.orderedModifiers.forEach(function(B) {\n var D = B.name, C = B.options, T = C === void 0 ? {} : C, g = B.effect;\n if (typeof g == \"function\") {\n var M = g({\n state: d,\n name: D,\n instance: f,\n options: T\n }), $ = function() {\n };\n m.push(M || $);\n }\n });\n }\n function S() {\n m.forEach(function(B) {\n return B();\n }), m = [];\n }\n return f;\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, o = a.resize, i = o === void 0 ? !0 : o, u = Me(e.elements.popper), l = [].concat(e.scrollParents.reference, e.scrollParents.popper);\n return s && l.forEach(function(d) {\n d.addEventListener(\"scroll\", t.update, At);\n }), i && u.addEventListener(\"resize\", t.update, At), function() {\n s && l.forEach(function(d) {\n d.removeEventListener(\"scroll\", t.update, At);\n }), i && u.removeEventListener(\"resize\", t.update, At);\n };\n}\nconst vs = {\n name: \"eventListeners\",\n enabled: !0,\n phase: \"write\",\n fn: function() {\n },\n effect: fs,\n data: {}\n};\nfunction ms(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: ms,\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, o = n.offsets, i = n.position, u = n.gpuAcceleration, l = n.adaptive, d = n.roundOffsets, m = n.isFixed, v = o.x, f = v === void 0 ? 0 : v, h = o.y, S = h === void 0 ? 0 : h, B = typeof d == \"function\" ? d({\n x: f,\n y: S\n }) : {\n x: f,\n y: S\n };\n f = B.x, S = B.y;\n var D = o.hasOwnProperty(\"x\"), C = o.hasOwnProperty(\"y\"), T = Le, g = Se, M = window;\n if (l) {\n var $ = Ct(t), k = \"clientHeight\", y = \"clientWidth\";\n if ($ === Me(t) && ($ = et(t), Xe($).position !== \"static\" && i === \"absolute\" && (k = \"scrollHeight\", y = \"scrollWidth\")), $ = $, r === Se || (r === Le || r === Re) && s === Pt) {\n g = ze;\n var A = m && $ === M && M.visualViewport ? M.visualViewport.height : (\n // $FlowFixMe[prop-missing]\n $[k]\n );\n S -= A - a.height, S *= u ? 1 : -1;\n }\n if (r === Le || (r === Se || r === ze) && s === Pt) {\n T = Re;\n var F = m && $ === M && M.visualViewport ? M.visualViewport.width : (\n // $FlowFixMe[prop-missing]\n $[y]\n );\n f -= F - a.width, f *= u ? 1 : -1;\n }\n }\n var G = Object.assign({\n position: i\n }, l && hs), P = d === !0 ? gs({\n x: f,\n y: S\n }, Me(t)) : {\n x: f,\n y: S\n };\n if (f = P.x, S = P.y, u) {\n var p;\n return Object.assign({}, G, (p = {}, p[g] = C ? \"0\" : \"\", p[T] = D ? \"0\" : \"\", p.transform = (M.devicePixelRatio || 1) <= 1 ? \"translate(\" + f + \"px, \" + S + \"px)\" : \"translate3d(\" + f + \"px, \" + S + \"px, 0)\", p));\n }\n return Object.assign({}, G, (e = {}, e[g] = C ? S + \"px\" : \"\", e[T] = D ? f + \"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, o = s === void 0 ? !0 : s, i = t.roundOffsets, u = i === void 0 ? !0 : i, l = {\n placement: je(e.placement),\n variation: mt(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: o,\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(o) {\n var i = r[o];\n i === !1 ? s.removeAttribute(o) : s.setAttribute(o, i === !0 ? \"\" : i);\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] || {}, o = Object.keys(e.styles.hasOwnProperty(a) ? e.styles[a] : t[a]), i = o.reduce(function(u, l) {\n return u[l] = \"\", u;\n }, {});\n !xe(r) || !Ke(r) || (Object.assign(r.style, i), 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 = [vs, 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 Ps(n, e, t) {\n var a = It(n, e, t);\n return a > t ? t : a;\n}\nfunction Ss(n) {\n var e = n.state, t = n.options, a = n.name, r = t.mainAxis, s = r === void 0 ? !0 : r, o = t.altAxis, i = o === void 0 ? !1 : o, u = t.boundary, l = t.rootBoundary, d = t.altBoundary, m = t.padding, v = t.tether, f = v === void 0 ? !0 : v, h = t.tetherOffset, S = h === void 0 ? 0 : h, B = gn(e, {\n boundary: u,\n rootBoundary: l,\n padding: m,\n altBoundary: d\n }), D = je(e.placement), C = mt(e.placement), T = !C, g = hn(D), M = Ts(g), $ = e.modifiersData.popperOffsets, k = e.rects.reference, y = e.rects.popper, A = typeof S == \"function\" ? S(Object.assign({}, e.rects, {\n placement: e.placement\n })) : S, F = typeof A == \"number\" ? {\n mainAxis: A,\n altAxis: A\n } : Object.assign({\n mainAxis: 0,\n altAxis: 0\n }, A), G = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, P = {\n x: 0,\n y: 0\n };\n if ($) {\n if (s) {\n var p, x = g === \"y\" ? Se : Le, R = g === \"y\" ? ze : Re, N = g === \"y\" ? \"height\" : \"width\", j = $[g], Z = j + B[x], V = j - B[R], J = f ? -y[N] / 2 : 0, ae = C === vt ? k[N] : y[N], te = C === vt ? -y[N] : -k[N], ie = e.elements.arrow, _e = f && ie ? mn(ie) : {\n width: 0,\n height: 0\n }, Te = e.modifiersData[\"arrow#persistent\"] ? e.modifiersData[\"arrow#persistent\"].padding : pa(), Q = Te[x], oe = Te[R], ce = It(0, k[N], _e[N]), Pe = T ? k[N] / 2 - J - ce - Q - F.mainAxis : ae - ce - Q - F.mainAxis, Ge = T ? -k[N] / 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 = (p = G == null ? void 0 : G[g]) != null ? p : 0, ke = j + Pe - Je - qe, Et = j + Ge - Je, ht = It(f ? Ft(Z, ke) : Z, j, f ? at(V, Et) : V);\n $[g] = ht, P[g] = ht - j;\n }\n if (i) {\n var X, we = g === \"x\" ? Se : Le, Oe = g === \"x\" ? ze : Re, Ee = $[M], De = M === \"y\" ? \"height\" : \"width\", gt = Ee + B[we], Fe = Ee - B[Oe], Nt = [Se, Le].indexOf(D) !== -1, Ln = (X = G == null ? void 0 : G[M]) != 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 = f && Nt ? Ps(Cn, Ee, Mn) : It(f ? Cn : gt, Ee, f ? Mn : Fe);\n $[M] = En, P[M] = En - Ee;\n }\n e.modifiersData[a] = P;\n }\n}\nconst Ls = {\n name: \"preventOverflow\",\n enabled: !0,\n phase: \"main\",\n fn: Ss,\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, o = t.padding, i = t.flipVariations, u = t.allowedAutoPlacements, l = u === void 0 ? fa : u, d = mt(a), m = d ? i ? Bn : Bn.filter(function(h) {\n return mt(h) === d;\n }) : Mt, v = m.filter(function(h) {\n return l.indexOf(h) >= 0;\n });\n v.length === 0 && (v = m);\n var f = v.reduce(function(h, S) {\n return h[S] = gn(n, {\n placement: S,\n boundary: r,\n rootBoundary: s,\n padding: o\n })[je(S)], h;\n }, {});\n return Object.keys(f).sort(function(h, S) {\n return f[h] - f[S];\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, o = t.altAxis, i = o === void 0 ? !0 : o, u = t.fallbackPlacements, l = t.padding, d = t.boundary, m = t.rootBoundary, v = t.altBoundary, f = t.flipVariations, h = f === void 0 ? !0 : f, S = t.allowedAutoPlacements, B = e.options.placement, D = je(B), C = D === B, T = u || (C || !h ? [xt(B)] : Ns(B)), g = [B].concat(T).reduce(function(_e, Te) {\n return _e.concat(je(Te) === pn ? Es(e, {\n placement: Te,\n boundary: d,\n rootBoundary: m,\n padding: l,\n flipVariations: h,\n allowedAutoPlacements: S\n }) : Te);\n }, []), M = e.rects.reference, $ = e.rects.popper, k = /* @__PURE__ */ new Map(), y = !0, A = g[0], F = 0; F < g.length; F++) {\n var G = g[F], P = je(G), p = mt(G) === vt, x = [Se, ze].indexOf(P) >= 0, R = x ? \"width\" : \"height\", N = gn(e, {\n placement: G,\n boundary: d,\n rootBoundary: m,\n altBoundary: v,\n padding: l\n }), j = x ? p ? Re : Le : p ? ze : Se;\n M[R] > $[R] && (j = xt(j));\n var Z = xt(j), V = [];\n if (s && V.push(N[P] <= 0), i && V.push(N[j] <= 0, N[Z] <= 0), V.every(function(_e) {\n return _e;\n })) {\n A = G, y = !1;\n break;\n }\n k.set(G, V);\n }\n if (y)\n for (var J = h ? 3 : 1, ae = 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(Pe) {\n return Pe;\n });\n });\n if (Q)\n return A = Q, \"break\";\n }, te = J; te > 0; te--) {\n var ie = ae(te);\n if (ie === \"break\") break;\n }\n e.placement !== A && (e.modifiersData[a]._skip = !0, e.placement = A, 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, Se].indexOf(a) >= 0 ? -1 : 1, s = typeof t == \"function\" ? t(Object.assign({}, e, {\n placement: n\n })) : t, o = s[0], i = s[1];\n return o = o || 0, i = (i || 0) * r, [Le, Re].indexOf(a) >= 0 ? {\n x: i,\n y: o\n } : {\n x: o,\n y: i\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, o = fa.reduce(function(d, m) {\n return d[m] = Bs(m, e.rects, s), d;\n }, {}), i = o[e.placement], u = i.x, l = i.y;\n e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += u, e.modifiersData.popperOffsets.y += l), e.modifiersData[a] = o;\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, ha(typeof e != \"number\" ? e : ga(e, Mt));\n};\nfunction Hs(n) {\n var e, t = n.state, a = n.name, r = n.options, s = t.elements.arrow, o = t.modifiersData.popperOffsets, i = je(t.placement), u = hn(i), l = [Le, Re].indexOf(i) >= 0, d = l ? \"height\" : \"width\";\n if (!(!s || !o)) {\n var m = Fs(r.padding, t), v = mn(s), f = u === \"y\" ? Se : Le, h = u === \"y\" ? ze : Re, S = t.rects.reference[d] + t.rects.reference[u] - o[u] - t.rects.popper[d], B = o[u] - t.rects.reference[u], D = Ct(s), C = D ? u === \"y\" ? D.clientHeight || 0 : D.clientWidth || 0 : 0, T = S / 2 - B / 2, g = m[f], M = C - v[d] - m[h], $ = C / 2 - v[d] / 2 + T, k = It(g, $, M), 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) || va(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 ba({\n targetNode: n,\n tooltipNode: e,\n placement: t,\n strategy: a,\n showArrow: r = !0\n}) {\n const s = I(null), o = I(!1), i = () => {\n o.value = !o.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(o, (u) => {\n var l;\n u && ((l = s.value) == null || l.update());\n }), {\n toggle: i,\n isOpen: o\n };\n}\nconst Vs = [\"data-show\"], qs = [\"id\"], js = { class: \"ds-tooltip__content\" }, Ws = [\"innerHTML\"], Us = /* @__PURE__ */ E(\"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\"), o = [\"A\", \"BUTTON\", \"INPUT\", \"SELECT\", \"TEXTAREA\"], i = (v) => {\n const f = v.target;\n return f ? o.includes(f.tagName) : !1;\n }, u = (v) => {\n i(v) && (m.value = !0);\n }, l = (v) => {\n i(v) && v.target !== document.activeElement && (m.value = !1);\n }, d = (v) => {\n if (i(v)) {\n const f = v.target;\n f && [\"BUTTON\", \"A\"].includes(f.tagName) && (v.preventDefault(), f == null || f.click());\n }\n };\n de(() => {\n const v = a.value, f = v == null ? void 0 : v.querySelector(\"a, button, input, select, textarea\");\n if (f)\n t.value = f, 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: m } = ba({\n targetNode: t,\n tooltipNode: r,\n placement: e.placement,\n strategy: e.strategy\n });\n return (v, f) => (c(), _(\"div\", {\n class: \"ds-tooltip\",\n \"data-show\": w(m)\n }, [\n E(\"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: d\n }, [\n re(v.$slots, \"default\")\n ], 544),\n E(\"div\", {\n id: w(s),\n ref_key: \"tooltip\",\n ref: r,\n class: \"ds-tooltip__tooltip\",\n \"data-testid\": \"tooltip\"\n }, [\n E(\"div\", js, [\n v.title ? (c(), O(Tt(v.titleElement), {\n key: 0,\n class: \"ds-tooltip__title\"\n }, {\n default: z(() => [\n U(W(v.title), 1)\n ]),\n _: 1\n })) : L(\"\", !0),\n H(Y, {\n \"text-type\": \"label-sm\",\n \"html-element\": \"div\"\n }, {\n default: z(() => [\n E(\"div\", { innerHTML: v.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}, fd = /* @__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 } = ye(), r = {\n ...e.items[0],\n itemClass: \"ds-breadcrumb__item\"\n }, s = e.items.slice(1), o = b(() => e.items.length > 3), i = e.items.filter((f) => f.isCurrentPage)[0], l = e.items.indexOf(i) - 1, d = l > -1 ? {\n ...e.items[l],\n itemClass: \"ds-breadcrumb__item\"\n } : null, m = b(() => s.map((f, h) => {\n const S = o.value && h < e.items.length - 3;\n return {\n ...f,\n itemClass: S ? \"ds-breadcrumb__item ds-breadcrumb__item--initially-hidden\" : \"ds-breadcrumb__item\"\n };\n })), v = b(() => {\n const f = [\"ds-breadcrumb\"];\n return t.value && f.push(\"ds-breadcrumb--expanded\"), f;\n });\n return (f, h) => f.items.length > 1 ? (c(), _(\"nav\", {\n key: 0,\n class: K(v.value),\n \"aria-label\": f.ariaLabel\n }, [\n w(d) && w(a) ? (c(), _(\"div\", Ys, [\n H(Yt, {\n \"icon-start-name\": \"navigate-back\",\n item: w(d)\n }, null, 8, [\"item\"])\n ])) : L(\"\", !0),\n w(a) ? L(\"\", !0) : (c(), _(\"ol\", Qs, [\n E(\"li\", {\n class: K(r.itemClass)\n }, [\n H(Yt, { item: r }),\n m.value.length ? (c(), O(se, {\n key: 0,\n class: \"ds-breadcrumb__divider\",\n \"icon-name\": \"chevron-right\",\n size: \"xs\"\n })) : L(\"\", !0)\n ], 2),\n o.value ? (c(), _(\"li\", Xs, [\n H(Ks, {\n ref: \"tooltip\",\n text: f.overflowMenuTooltipText,\n placement: \"top\"\n }, {\n default: z(() => [\n E(\"button\", {\n class: \"ds-breadcrumb__expand\",\n onClick: h[0] || (h[0] = () => t.value = !0)\n }, [\n H(Y, {\n \"text-type\": \"label-sm\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n U(\"…\")\n ]),\n _: 1\n })\n ])\n ]),\n _: 1\n }, 8, [\"text\"]),\n m.value.length ? (c(), O(se, {\n key: 0,\n class: \"ds-breadcrumb__divider\",\n \"icon-name\": \"chevron-right\",\n size: \"xs\"\n })) : L(\"\", !0)\n ])) : L(\"\", !0),\n (c(!0), _(ne, null, ue(m.value, (S, B) => (c(), _(\"li\", {\n class: K(S.itemClass),\n key: S.url\n }, [\n H(Yt, { item: S }, null, 8, [\"item\"]),\n B < m.value.length - 1 ? (c(), O(se, {\n key: 0,\n class: \"ds-breadcrumb__divider\",\n \"icon-name\": \"chevron-right\",\n size: \"xs\"\n })) : L(\"\", !0)\n ], 2))), 128))\n ]))\n ], 10, Gs)) : L(\"\", !0);\n }\n}), ya = /* @__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(), _(\"div\", {\n class: K([\"ds-button-group\", t.value])\n }, [\n re(a.$slots, \"default\", { buttonSize: a.buttonSize })\n ], 2));\n }\n}), Zs = [\"aria-label\", \"disabled\"], Js = /* @__PURE__ */ E(\"span\", { class: \"ds-button-play__bg\" }, null, -1), vd = /* @__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(() => o.value === \"play\" && e.playHandler), r = b(() => o.value === \"pause\" && e.pauseHandler), s = b(() => {\n if (a.value)\n return e.ariaLabelPlay;\n if (r.value)\n return e.ariaLabelPause;\n }), o = I(e.initialState), i = (v) => {\n a.value ? u(v) : r.value && l(v);\n }, u = (v) => {\n t.value && (o.value = \"pause\");\n try {\n e.playHandler && e.playHandler(v);\n } catch (f) {\n o.value = \"play\", console.error(f);\n }\n }, l = (v) => {\n t.value && (o.value = \"play\");\n try {\n e.pauseHandler && e.pauseHandler(v);\n } catch (f) {\n o.value = \"pause\", console.error(f);\n }\n }, d = b(() => [\n `ds-button-play--${e.variant}`,\n `ds-button-play--${e.size}`\n ]);\n let m = !0;\n return e.playHandler && !e.ariaLabelPlay && (m = !1), e.pauseHandler && !e.ariaLabelPause && (m = !1), m || console.error(\"The play button requires an accessible label\"), (v, f) => (c(), _(\"button\", {\n \"aria-label\": s.value,\n onClick: i,\n class: K([\"ds-button-play\", d.value]),\n disabled: v.disabled || void 0\n }, [\n Js,\n H(Ue, {\n mode: \"out-in\",\n name: \"swap\"\n }, {\n default: z(() => [\n (c(), O(w(se), {\n key: o.value,\n \"icon-name\": o.value,\n size: v.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__ */ E(\"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 } = ye(), s = b(() => t.size === \"responsive\" ? r.value ? \"md\" : \"sm\" : t.size), o = b(() => s.value === \"md\" ? \"sm\" : \"xs\"), i = b(() => t.playHandler && t.pauseHandler), u = b(() => m.value === \"play\" && t.playHandler), l = b(() => m.value === \"pause\" && t.pauseHandler), d = b(() => {\n if (u.value)\n return t.ariaLabelPlay;\n if (l.value)\n return t.ariaLabelPause;\n }), m = I(t.initialState), v = b(() => m.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 m.value = g ? \"pause\" : \"play\";\n }\n });\n const h = (g) => {\n u.value ? S(g) : l.value && B(g);\n }, S = (g) => {\n i.value && (m.value = \"pause\");\n try {\n t.playHandler && t.playHandler(g);\n } catch (M) {\n m.value = \"play\", console.error(M);\n }\n }, B = (g) => {\n i.value && (m.value = \"play\");\n try {\n t.pauseHandler && t.pauseHandler(g);\n } catch (M) {\n m.value = \"pause\", console.error(M);\n }\n };\n let D = !0;\n t.playHandler && !t.ariaLabelPlay && (D = !1), t.pauseHandler && !t.ariaLabelPause && (D = !1);\n const C = b(() => 2 * Math.PI * ro), T = b(() => {\n const g = Math.min(Math.max(t.progress || 0, 0), 1);\n return C.value * (1 - g);\n });\n return t.loop || le(\n () => t.progress,\n (g) => {\n g >= 1 && (m.value = \"play\");\n }\n ), D || console.error(\"The play button requires an accessible label\"), (g, M) => (c(), _(\"button\", {\n \"aria-label\": d.value,\n onClick: h,\n class: K([\"ds-button-play-progress\", a.value]),\n disabled: g.disabled || void 0\n }, [\n (c(), _(\"svg\", to, [\n no,\n E(\"circle\", {\n class: \"ds-button-play-progress__progress-indicator\",\n cx: \"18\",\n cy: \"18\",\n r: \"16\",\n \"stroke-dasharray\": C.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(), O(w(se), {\n key: v.value,\n \"icon-name\": v.value,\n size: o.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 ), o = b(() => {\n if (e.iconName)\n return tn(e.iconName);\n });\n return (i, u) => (c(), _(ne, null, [\n i.href ? L(\"\", !0) : (c(), _(\"button\", ve({ key: 0 }, i.$attrs, {\n onClick: u[0] || (u[0] = //@ts-ignore\n (...l) => i.clickHandler && i.clickHandler(...l)),\n class: [\"ds-icon-button\", w(s)],\n \"aria-label\": i.ariaLabel,\n disabled: i.disabled || void 0,\n form: i.form,\n name: i.name,\n type: i.type,\n value: i.value\n }), [\n o.value ? (c(), O(se, {\n key: 0,\n iconName: o.value,\n size: t.value\n }, null, 8, [\"iconName\", \"size\"])) : L(\"\", !0),\n i.notificationCount ? (c(), _(\"span\", lo, W(i.notificationCount), 1)) : L(\"\", !0)\n ], 16, oo)),\n i.href ? (c(), _(\"a\", ve({ key: 1 }, i.$attrs, {\n onClick: u[1] || (u[1] = //@ts-ignore\n (...l) => i.clickHandler && i.clickHandler(...l)),\n class: [\"ds-icon-button\", w(s)],\n \"aria-disabled\": i.disabled || void 0,\n \"aria-label\": i.ariaLabel,\n download: i.download === !0 ? \"\" : i.download,\n href: i.href,\n target: i.target\n }), [\n o.value ? (c(), O(se, {\n key: 0,\n iconName: o.value,\n size: t.value\n }, null, 8, [\"iconName\", \"size\"])) : L(\"\", !0)\n ], 16, io)) : L(\"\", !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 } = ye(), o = b(() => s.value ? \"md\" : \"sm\");\n return (i, u) => i.action && i.actionLabel && r.value ? (c(), O(he, {\n key: 0,\n class: \"ds-card-action\",\n type: \"button\",\n variant: \"secondary-neutral\",\n \"click-handler\": t,\n ariaLabel: i.actionLabel,\n iconName: r.value,\n size: o.value\n }, null, 8, [\"ariaLabel\", \"iconName\", \"size\"])) : L(\"\", !0);\n }\n}), uo = {\n key: 0,\n class: \"ds-card-colours\"\n}, co = { class: \"ds-card-colours__list\" }, fo = [\"title\"], vo = { class: \"ds-visually-hidden\" }, mo = {\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, o) => w(t).length ? (c(), _(\"div\", uo, [\n E(\"ul\", co, [\n (c(!0), _(ne, null, ue(w(t), (i) => (c(), _(\"li\", {\n class: \"ds-card-colours__option\",\n key: i.value,\n style: ge(`--colour-bg: ${i.value}`),\n title: i.label\n }, [\n E(\"span\", vo, W(i.label), 1)\n ], 12, fo))), 128)),\n w(a) ? (c(), _(\"li\", mo, [\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 U(W(w(r)) + \" \", 1),\n E(\"span\", po, W(s.coloursLabel), 1)\n ]),\n _: 1\n })\n ])) : L(\"\", !0)\n ])\n ])) : L(\"\", !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\" }, Po = { class: \"ds-card-product__labels\" }, pd = /* @__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(), _(\"article\", {\n class: K([\"ds-card-product\", t.value])\n }, [\n E(\"a\", {\n class: \"ds-card-product__link\",\n href: a.url\n }, [\n E(\"span\", bo, W(a.title), 1)\n ], 8, go),\n a.badgeText ? (c(), O(lr, {\n class: \"ds-card-product__badge\",\n key: a.badgeVariant,\n text: a.badgeText,\n variant: a.badgeVariant\n }, null, 8, [\"text\", \"variant\"])) : L(\"\", !0),\n E(\"div\", yo, [\n E(\"img\", {\n class: \"ds-card-product__image\",\n src: a.image,\n alt: a.imageAlt\n }, null, 8, _o),\n re(a.$slots, \"action\")\n ]),\n E(\"div\", ko, [\n a.browLogo && a.browLogoAlt ? (c(), _(\"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)) : L(\"\", !0),\n !a.browLogo && !a.browLogoDark && !a.browText ? (c(), _(\"span\", $o)) : L(\"\", !0),\n a.browLogoDark && a.browLogoAlt ? (c(), _(\"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)) : L(\"\", !0),\n a.browText && !a.browLogo ? (c(), O(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 U(W(a.browText), 1)\n ]),\n _: 1\n })) : L(\"\", !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 U(W(a.title), 1)\n ]),\n _: 1\n }),\n a.description ? (c(), O(Y, {\n key: 4,\n class: \"ds-card-product__description\",\n \"text-type\": \"body-sm\",\n \"text-style\": \"regular\"\n }, {\n default: z(() => [\n U(W(a.description), 1)\n ]),\n _: 1\n })) : L(\"\", !0),\n E(\"footer\", To, [\n E(\"div\", Po, [\n a.smallLabel ? (c(), O(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 U(W(a.smallLabel), 1)\n ]),\n _: 1\n })) : L(\"\", !0),\n H(ho, {\n coloursLabel: a.coloursLabel,\n colours: a.colours\n }, null, 8, [\"coloursLabel\", \"colours\"])\n ]),\n a.mediumLabel ? (c(), O(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 U(W(a.mediumLabel), 1)\n ]),\n _: 1\n })) : L(\"\", !0)\n ])\n ])\n ], 2));\n }\n});\nfunction _a(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() : w(n);\n}\nconst ka = typeof window < \"u\" && typeof document < \"u\";\ntypeof WorkerGlobalScope < \"u\" && globalThis instanceof WorkerGlobalScope;\nconst So = (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 ka && ((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 wa(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 = (i) => {\n clearTimeout(i), r(), r = Ce;\n };\n return (i) => {\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(i())) : new Promise((d, m) => {\n r = e.rejectOnCancel ? m : d, l && !a && (a = setTimeout(() => {\n t && s(t), a = null, d(i());\n }, l)), t = setTimeout(() => {\n a && s(a), a = null, d(i());\n }, u);\n });\n };\n}\nfunction Ao(...n) {\n let e = 0, t, a = !0, r = Ce, s, o, i, u, l;\n !ja(n[0]) && typeof n[0] == \"object\" ? { delay: o, trailing: i = !0, leading: u = !0, rejectOnCancel: l = !1 } = n[0] : [o, i = !0, u = !0, l = !1] = n;\n const d = () => {\n t && (clearTimeout(t), t = void 0, r(), r = Ce);\n };\n return (v) => {\n const f = Ae(o), h = Date.now() - e, S = () => s = v();\n return d(), f <= 0 ? (e = Date.now(), S()) : (h > f && (u || !a) ? (e = Date.now(), S()) : i && (s = new Promise((B, D) => {\n r = l ? D : B, t = setTimeout(() => {\n e = Date.now(), a = !0, B(S()), d();\n }, Math.max(0, f - h));\n })), !u && !t && (t = setTimeout(() => a = !0, f)), a = !1, s);\n };\n}\nfunction xo(n) {\n return n || ta();\n}\nfunction yn(n, e = 200, t = {}) {\n return wa(\n No(e, t),\n n\n );\n}\nfunction $a(n, e = 200, t = !1, a = !0, r = !1) {\n return wa(\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 = ka ? 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 = [], o = () => {\n s.forEach((d) => d()), s.length = 0;\n }, i = (d, m, v, f) => (d.addEventListener(m, v, f), () => d.removeEventListener(m, v, f)), u = le(\n () => [He(e), Ae(r)],\n ([d, m]) => {\n if (o(), !d)\n return;\n const v = Co(m) ? { ...m } : m;\n s.push(\n ...t.flatMap((f) => a.map((h) => i(d, f, h, v)))\n );\n },\n { immediate: !0, flush: \"post\" }\n ), l = () => {\n u(), o();\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: o = !1 } = t;\n if (!a)\n return Ce;\n Mo && !Rn && (Rn = !0, Array.from(a.document.body.children).forEach((v) => v.addEventListener(\"click\", Ce)), a.document.documentElement.addEventListener(\"click\", Ce));\n let i = !0;\n const u = (v) => r.some((f) => {\n if (typeof f == \"string\")\n return Array.from(a.document.querySelectorAll(f)).some((h) => h === v.target || v.composedPath().includes(h));\n {\n const h = He(f);\n return h && (v.target === h || v.composedPath().includes(h));\n }\n }), d = [\n ut(a, \"click\", (v) => {\n const f = He(n);\n if (!(!f || f === v.target || v.composedPath().includes(f))) {\n if (v.detail === 0 && (i = !u(v)), !i) {\n i = !0;\n return;\n }\n e(v);\n }\n }, { passive: !0, capture: s }),\n ut(a, \"pointerdown\", (v) => {\n const f = He(n);\n i = !u(v) && !!(f && !v.composedPath().includes(f));\n }, { passive: !0 }),\n o && ut(a, \"blur\", (v) => {\n setTimeout(() => {\n var f;\n const h = He(n);\n ((f = a.document.activeElement) == null ? void 0 : f.tagName) === \"IFRAME\" && !(h != null && h.contains(a.document.activeElement)) && e(v);\n }, 0);\n })\n ].filter(Boolean);\n return () => d.forEach((v) => v());\n}\nfunction Oo() {\n const n = I(!1), e = ta();\n return e && de(() => {\n n.value = !0;\n }, e), n;\n}\nfunction Ia(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 o = Ia(() => a && \"ResizeObserver\" in a), i = () => {\n s && (s.disconnect(), s = void 0);\n }, u = b(() => Array.isArray(n) ? n.map((m) => He(m)) : [He(n)]), l = le(\n u,\n (m) => {\n if (i(), o.value && a) {\n s = new ResizeObserver(e);\n for (const v of m)\n v && s.observe(v, r);\n }\n },\n { immediate: !0, flush: \"post\" }\n ), d = () => {\n i(), l();\n };\n return bn(d), {\n isSupported: o,\n stop: d\n };\n}\nfunction wt(n, e, t = {}) {\n const {\n root: a,\n rootMargin: r = \"0px\",\n threshold: s = 0.1,\n window: o = pt,\n immediate: i = !0\n } = t, u = Ia(() => o && \"IntersectionObserver\" in o), l = b(() => {\n const h = Ae(n);\n return (Array.isArray(h) ? h : [h]).map(He).filter(So);\n });\n let d = Ce;\n const m = I(i), v = u.value ? le(\n () => [l.value, He(a), m.value],\n ([h, S]) => {\n if (d(), !m.value || !h.length)\n return;\n const B = new IntersectionObserver(\n e,\n {\n root: He(S),\n rootMargin: r,\n threshold: s\n }\n );\n h.forEach((D) => D && B.observe(D)), d = () => {\n B.disconnect(), d = Ce;\n };\n },\n { immediate: i, flush: \"post\" }\n ) : Ce, f = () => {\n d(), v(), m.value = !1;\n };\n return bn(f), {\n isSupported: u,\n isActive: m,\n pause() {\n d(), m.value = !1;\n },\n resume() {\n m.value = !0;\n },\n stop: f\n };\n}\nconst Vn = 1;\nfunction Ta(n, e = {}) {\n const {\n throttle: t = 0,\n idle: a = 200,\n onStop: r = Ce,\n onScroll: s = Ce,\n offset: o = {\n left: 0,\n right: 0,\n top: 0,\n bottom: 0\n },\n eventListenerOptions: i = {\n capture: !1,\n passive: !0\n },\n behavior: u = \"auto\",\n window: l = pt,\n onError: d = (k) => {\n console.error(k);\n }\n } = e, m = I(0), v = I(0), f = b({\n get() {\n return m.value;\n },\n set(k) {\n S(k, void 0);\n }\n }), h = b({\n get() {\n return v.value;\n },\n set(k) {\n S(void 0, k);\n }\n });\n function S(k, y) {\n var A, F, G, P;\n if (!l)\n return;\n const p = Ae(n);\n if (!p)\n return;\n (G = p instanceof Document ? l.document.body : p) == null || G.scrollTo({\n top: (A = Ae(y)) != null ? A : h.value,\n left: (F = Ae(k)) != null ? F : f.value,\n behavior: Ae(u)\n });\n const x = ((P = p == null ? void 0 : p.document) == null ? void 0 : P.documentElement) || (p == null ? void 0 : p.documentElement) || p;\n f != null && (m.value = x.scrollLeft), h != null && (v.value = x.scrollTop);\n }\n const B = I(!1), D = en({\n left: !0,\n right: !1,\n top: !0,\n bottom: !1\n }), C = en({\n left: !1,\n right: !1,\n top: !1,\n bottom: !1\n }), T = (k) => {\n B.value && (B.value = !1, C.left = !1, C.right = !1, C.top = !1, C.bottom = !1, r(k));\n }, g = yn(T, t + a), M = (k) => {\n var y;\n if (!l)\n return;\n const A = ((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(A), P = A.scrollLeft;\n C.left = P < m.value, C.right = P > m.value;\n const p = Math.abs(P) <= (o.left || 0), x = Math.abs(P) + A.clientWidth >= A.scrollWidth - (o.right || 0) - Vn;\n F === \"flex\" && G === \"row-reverse\" ? (D.left = x, D.right = p) : (D.left = p, D.right = x), m.value = P;\n let R = A.scrollTop;\n k === l.document && !R && (R = l.document.body.scrollTop), C.top = R < v.value, C.bottom = R > v.value;\n const N = Math.abs(R) <= (o.top || 0), j = Math.abs(R) + A.clientHeight >= A.scrollHeight - (o.bottom || 0) - Vn;\n F === \"flex\" && G === \"column-reverse\" ? (D.top = j, D.bottom = N) : (D.top = N, D.bottom = j), v.value = R;\n }, $ = (k) => {\n var y;\n if (!l)\n return;\n const A = (y = k.target.documentElement) != null ? y : k.target;\n M(A), B.value = !0, g(k), s(k);\n };\n return ut(\n n,\n \"scroll\",\n t ? $a($, t, !0, !1) : $,\n i\n ), Bo(() => {\n try {\n const k = Ae(n);\n if (!k)\n return;\n M(k);\n } catch (k) {\n d(k);\n }\n }), ut(\n n,\n \"scrollend\",\n T,\n i\n ), {\n x: f,\n y: h,\n isScrolling: B,\n arrivedState: D,\n directions: C,\n measure() {\n const k = Ae(n);\n l && k && M(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(i) {\n scrollTo({ left: i, behavior: t });\n }\n }), o = b({\n get() {\n return r.value;\n },\n set(i) {\n scrollTo({ top: i, 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: o };\n}\nconst qn = /* @__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 const { isMobile: e } = ye(), t = b(() => e.value ? \"ds-carousel__buttons--mobile\" : \"ds-carousel__buttons--desktop\");\n return (a, r) => me((c(), _(\"div\", {\n class: K([\"ds-carousel__buttons\", t.value])\n }, [\n H(w(he), {\n ariaLabel: a.ariaLabelPrev,\n \"click-handler\": a.prevClick,\n disabled: a.previousButtonDisabled,\n \"icon-name\": \"button-chevron-left\",\n variant: \"secondary-neutral\"\n }, null, 8, [\"ariaLabel\", \"click-handler\", \"disabled\"]),\n H(w(he), {\n ariaLabel: a.ariaLabelNext,\n \"click-handler\": a.nextClick,\n disabled: a.nextButtonDisabled,\n \"icon-name\": \"button-chevron-right\",\n variant: \"secondary-neutral\"\n }, null, 8, [\"ariaLabel\", \"click-handler\", \"disabled\"])\n ], 2)), [\n [pe, !(a.previousButtonDisabled && a.nextButtonDisabled)]\n ]);\n }\n}), Fo = { class: \"ds-carousel__header\" }, Ho = { class: \"ds-carousel__header-text\" }, zo = {\n key: 1,\n class: \"ds-carousel__link-mobile\"\n}, Ro = {\n key: 0,\n class: \"ds-carousel__link-desktop\"\n}, hd = /* @__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 },\n setup(n) {\n const e = n, a = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches === !0 ? \"auto\" : \"smooth\", r = I(null), s = I(null), o = I(null), i = I(0), u = I(0), l = I(e.maxItemsPerView), d = I(0), m = I(!0), v = I(!0), { isMobile: f } = ye(), { direction: h } = _a(s), S = b(() => e.linkUrl && e.linkText), B = b(\n () => `ds-carousel--items-${l.value} ds-carousel--max-items-${D.value}`\n ), D = b(() => e.maxItemsPerView);\n let C;\n const T = () => {\n o.value && (i.value = 0, u.value = o.value.length - 1, d.value = o.value.length, [...o.value].forEach((p, x) => {\n p.dataset.index = x.toString();\n }));\n }, g = () => {\n if (!s.value || !o.value) return;\n const p = o == null ? void 0 : o.value[i.value], x = o == null ? void 0 : o.value[u.value];\n C = new IntersectionObserver(\n (R) => {\n R.forEach((N) => {\n const j = N.target;\n j.dataset.inView = N.isIntersecting ? \"true\" : \"false\", N.target === p && (m.value = N.isIntersecting), N.target === x && (v.value = N.isIntersecting);\n });\n },\n {\n threshold: 1,\n root: s.value,\n rootMargin: \"4px\"\n }\n );\n }, M = () => {\n var x;\n const p = (x = r.value) == null ? void 0 : x.querySelectorAll(\"[data-in-view='true']\");\n p && p.length > 0 && (l.value = p.length || 0);\n }, $ = yn(() => {\n M();\n }, 200);\n de(() => {\n s.value && s.value.addEventListener(\n \"scroll\",\n () => {\n $();\n },\n {\n passive: !0\n }\n );\n }), le(\n r,\n (p) => {\n p !== null && typeof p < \"u\" && (o.value = p.children);\n },\n { immediate: !0 }\n ), le(\n o,\n (p, x) => {\n C && x && Array.from(x).forEach((R) => {\n C.unobserve(R);\n }), p && (T(), g(), Array.from(p).forEach((R) => {\n C.observe(R);\n }), M());\n },\n { immediate: !0 }\n ), Ve(() => {\n C && C.disconnect(), s.value && s.value.removeEventListener(\"scroll\", () => {\n $();\n });\n });\n const k = (p) => h.value === \"rtl\" ? r.value ? -1 * Math.abs(r.value.offsetWidth) + p.offsetLeft + p.offsetWidth : 0 : p.offsetLeft, y = (p) => {\n if (!r.value) return;\n const x = r.value.querySelector(\n `[data-index='${p}']`\n );\n x && s.value && s.value.scrollTo({\n left: k(x),\n behavior: a\n });\n }, A = (p) => {\n if (e.scrollMode === \"item\") {\n const j = p.length > 1 ? p[1] : p[0];\n return Number(j.dataset.index);\n }\n const x = p[p.length - 1], R = Number(\n x.dataset.index\n );\n return Math.min(R + 1, d.value);\n }, F = () => {\n var R;\n const p = (R = r.value) == null ? void 0 : R.querySelectorAll(\n \"[data-in-view='true']\"\n );\n if (p && p.length > 0) {\n const N = A(p);\n y(N);\n }\n }, G = (p) => {\n const x = p[0], R = Number(\n x.dataset.index\n );\n return e.scrollMode === \"item\" ? Math.max(R - 1, 0) : Math.max(\n R - l.value,\n 0\n );\n }, P = () => {\n var R;\n const p = (R = r.value) == null ? void 0 : R.querySelectorAll(\n \"[data-in-view='true']\"\n );\n if (p && p.length > 0) {\n const N = G(p);\n y(N);\n }\n };\n return (p, x) => (c(), _(\"section\", {\n class: K([\"ds-carousel\", B.value])\n }, [\n E(\"header\", Fo, [\n E(\"div\", Ho, [\n re(p.$slots, \"header\", {}, () => [\n p.title || p.description ? (c(), _(ne, { key: 0 }, [\n p.title ? (c(), O(w(Y), {\n key: 0,\n class: \"ds-carousel__title\",\n \"text-type\": \"heading-3xl\",\n \"text-style\": \"medium\",\n \"html-element\": p.headingLevel\n }, {\n default: z(() => [\n U(W(p.title), 1)\n ]),\n _: 1\n }, 8, [\"html-element\"])) : L(\"\", !0),\n p.description ? (c(), O(w(Y), {\n key: 1,\n class: \"ds-carousel__description\",\n \"text-type\": \"body-md\",\n \"text-style\": \"regular\",\n \"html-element\": \"p\"\n }, {\n default: z(() => [\n U(W(p.description), 1)\n ]),\n _: 1\n })) : L(\"\", !0)\n ], 64)) : L(\"\", !0)\n ])\n ]),\n w(f) ? L(\"\", !0) : (c(), O(qn, {\n key: 0,\n ariaLabelNext: p.ariaLabelNext,\n ariaLabelPrev: p.ariaLabelPrev,\n prevClick: P,\n nextClick: F,\n previousButtonDisabled: m.value,\n nextButtonDisabled: v.value\n }, null, 8, [\"ariaLabelNext\", \"ariaLabelPrev\", \"previousButtonDisabled\", \"nextButtonDisabled\"])),\n S.value && w(f) ? (c(), _(\"div\", zo, [\n H(w(be), {\n variant: \"link\",\n target: p.linkTarget,\n href: p.linkUrl,\n size: \"sm\",\n \"icon-end\": \"navigate-forward\"\n }, {\n default: z(() => [\n U(W(p.linkText), 1)\n ]),\n _: 1\n }, 8, [\"target\", \"href\"])\n ])) : L(\"\", !0)\n ]),\n H(w(_u), {\n class: \"ds-carousel__progress\",\n \"scroll-container-ref\": s.value\n }, null, 8, [\"scroll-container-ref\"]),\n E(\"div\", {\n class: \"ds-carousel__scroll\",\n ref_key: \"scroll\",\n ref: s\n }, [\n E(\"div\", {\n class: \"ds-carousel__items\",\n ref_key: \"itemContainer\",\n ref: r\n }, [\n re(p.$slots, \"default\")\n ], 512)\n ], 512),\n S.value && !w(f) ? (c(), _(\"div\", Ro, [\n H(w(be), {\n variant: \"link\",\n target: p.linkTarget,\n href: p.linkUrl,\n size: \"md\",\n \"icon-end\": \"navigate-forward\"\n }, {\n default: z(() => [\n U(W(p.linkText), 1)\n ]),\n _: 1\n }, 8, [\"target\", \"href\"])\n ])) : L(\"\", !0),\n w(f) ? (c(), O(qn, {\n key: 1,\n ariaLabelNext: p.ariaLabelNext,\n ariaLabelPrev: p.ariaLabelPrev,\n prevClick: P,\n nextClick: F,\n previousButtonDisabled: m.value,\n nextButtonDisabled: v.value\n }, null, 8, [\"ariaLabelNext\", \"ariaLabelPrev\", \"previousButtonDisabled\", \"nextButtonDisabled\"])) : L(\"\", !0)\n ], 2));\n }\n}), Vo = /* @__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, o) => (c(), _(\"div\", {\n class: K([\"ds-icon-attention\", t.value])\n }, [\n H(w(se), {\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}), qo = [\"aria-labelledby\"], jo = { class: \"ds-modal__container\" }, Wo = {\n key: 0,\n class: \"ds-modal__attention\"\n}, Uo = {\n key: 1,\n class: \"ds-modal__header\"\n}, Ko = 1e3, Go = /* @__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), o = I(null), i = I(!1), { arrivedState: u } = Ta(o, {}), { isMobile: l } = ye(), d = b(\n () => a.type === \"attention\" ? \"center\" : \"end\"\n ), m = b(() => l.value || a.size === \"sm\" ? \"sm\" : \"md\"), v = b(() => {\n let F = [];\n return !u.top && h.value && F.push(\"ds-modal__content-inner--fade-top\"), !u.bottom && h.value && F.push(\"ds-modal__content-inner--fade-bottom\"), F;\n }), f = Ze(\"modal-title\"), h = I(!1), S = () => {\n o.value && (h.value = o.value.scrollHeight > o.value.clientHeight);\n };\n e({ checkOverflow: S }), _n(r, () => D());\n const B = t, D = () => {\n a.isOpen && C();\n }, C = () => {\n B(\"close-modal\");\n }, g = na()[\"data-dialog\"] ? \"heading-2xl\" : \"heading-3xl\", M = 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\", S), S();\n }), aa(() => {\n window.removeEventListener(\"resize\", S), A();\n });\n let $ = null, k = null, y = null;\n const A = () => {\n $ && clearTimeout($), k && clearTimeout(k), y && clearTimeout(y);\n };\n return le(\n () => a.isOpen,\n (F, G, P) => {\n if ($ = window.setTimeout(() => {\n i.value = F;\n }, 10), s.value) {\n const p = s.value;\n if (F) {\n p.showModal();\n const x = p.querySelector(\"button\");\n k = window.setTimeout(() => {\n x == null || x.focus(), S();\n }, 10);\n } else\n y = window.setTimeout(() => {\n p.close();\n }, 700);\n }\n P(A);\n },\n { immediate: !0 }\n ), (F, G) => (c(), O(ra, {\n to: F.teleportSelector,\n disabled: !F.teleportSelector\n }, [\n H(Ue, {\n name: \"modal\",\n duration: Ko\n }, {\n default: z(() => [\n me(E(\"dialog\", ve({\n \"aria-labelledby\": w(f),\n class: [M.value, \"ds-modal\"],\n ref_key: \"dialog\",\n ref: s\n }, F.$attrs, {\n tabindex: \"-1\",\n onCancel: We(C, [\"prevent\"])\n }), [\n E(\"div\", jo, [\n E(\"div\", {\n ref_key: \"content\",\n ref: r,\n class: \"ds-modal__content\"\n }, [\n H(w(he), {\n ariaLabel: F.closeLabel,\n class: \"ds-modal__close\",\n \"click-handler\": C,\n \"icon-name\": \"button-close\",\n variant: \"ghost-neutral\"\n }, null, 8, [\"ariaLabel\"]),\n F.type === \"attention\" ? (c(), _(\"div\", Wo, [\n H(Vo, {\n size: m.value,\n iconName: F.attentionIcon\n }, null, 8, [\"size\", \"iconName\"])\n ])) : L(\"\", !0),\n F.title ? (c(), _(\"header\", Uo, [\n F.title ? (c(), O(w(Y), {\n key: 0,\n class: \"ds-modal__title\",\n \"text-type\": w(g),\n \"text-style\": \"regular\",\n \"html-element\": \"h2\",\n id: w(f)\n }, {\n default: z(() => [\n U(W(F.title), 1)\n ]),\n _: 1\n }, 8, [\"text-type\", \"id\"])) : L(\"\", !0)\n ])) : L(\"\", !0),\n E(\"div\", {\n class: K([\"ds-modal__content-inner\", v.value]),\n ref_key: \"scrollContainer\",\n ref: o\n }, [\n H(w(Y), {\n class: \"ds-modal__body\",\n \"html-element\": \"div\",\n \"text-type\": \"body-md\"\n }, {\n default: z(() => [\n re(F.$slots, \"default\")\n ]),\n _: 3\n })\n ], 2),\n H(w(ya), {\n class: \"ds-modal__actions\",\n \"desktop-alignment\": d.value,\n \"desktop-direction\": \"row\",\n \"mobile-alignment\": \"stretch\",\n \"mobile-direction\": \"column\"\n }, {\n default: z(() => [\n re(F.$slots, \"actions\")\n ]),\n _: 3\n }, 8, [\"desktop-alignment\"])\n ], 512)\n ])\n ], 16, qo), [\n [pe, i.value]\n ])\n ]),\n _: 3\n })\n ], 8, [\"to\", \"disabled\"]));\n }\n}), gd = /* @__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 = na();\n return (a, r) => (c(), O(Go, ve({\n class: [\"ds-dialog\", a.type === \"progressive\" ? \"ds-dialog--progressive\" : \"\"]\n }, w(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 re(a.$slots, \"actions\")\n ]),\n default: z(() => [\n re(a.$slots, \"default\")\n ]),\n _: 3\n }, 16, [\"class\", \"closeLabel\", \"isOpen\", \"overflow\", \"teleportSelector\", \"title\", \"type\"]));\n }\n}), Yo = (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), Qo = (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}, Xo = (n) => n / 1024 / 1024, Zo = (n) => n * 1024 * 1024, Jo = (n) => Number(n.toFixed(2)), el = (n, e) => {\n const t = Xo(n.size), a = Jo(t), r = Zo(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}, tl = (n, e) => {\n const [t] = e.split(\"/\");\n return n.startsWith(t);\n}, nl = (n, e) => n === e, al = (n, e) => {\n const t = e.toLowerCase();\n return n.slice(n.lastIndexOf(\".\")).toLowerCase() === t;\n}, rl = (n, e) => n.type === \"\" ? !1 : e ? e.split(\",\").map((a) => a.trim()).some((a) => /^[a-zA-Z]+\\/\\*$/.test(a) ? tl(n.type, a) : a.includes(\"/\") ? nl(n.type, a) : a.startsWith(\".\") ? al(n.name, a) : !1) : !0, sl = (n, e) => {\n const t = rl(n, e.accept), a = wn(e.validationMessageType, {\n filename: n.name\n });\n return kn(t, a);\n}, ol = [Qo, el, sl], ll = [\"src\", \"width\", \"height\"], il = /* @__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(), _(\"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 E(\"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, ll)\n ], 4));\n }\n}), ul = (n, e) => {\n const t = n.__vccOpts || n;\n for (const [a, r] of e)\n t[a] = r;\n return t;\n}, cl = /* @__PURE__ */ ul(il, [[\"__scopeId\", \"data-v-745a06ec\"]]), dl = { class: \"ds-file-upload\" }, fl = [\"accept\", \"aria-describedby\", \"capture\", \"disabled\", \"id\", \"name\", \"multiple\"], vl = [\"id\"], ml = {\n key: 0,\n class: \"ds-file-upload__list\"\n}, pl = {\n key: 1,\n class: \"ds-file-upload__errors\"\n}, bd = /* @__PURE__ */ q({\n __name: \"ds-file-upload\",\n props: {\n context: {}\n },\n setup(n) {\n var Q, oe, ce, Pe, Ge, Be, qe, Je, ke, Et, ht;\n const e = n, t = Ze(\"mobileButton\"), { isMobile: a } = ye(), r = I(null), s = I([]), o = I([]), i = I(!1), u = I(!1), l = I(\n ((Q = e.context) == null ? void 0 : Q.accept) || void 0\n ), d = I(\n ((oe = e.context) == null ? void 0 : oe.maxFileSize) || 10\n ), m = I(\n ((ce = e.context) == null ? void 0 : ce.multiple) || void 0\n ), v = I(\n (Pe = e.context) == null ? void 0 : Pe.labelAddFilesButton\n ), f = I(\n (Ge = e.context) == null ? void 0 : Ge.labelDropFiles\n ), h = I((Be = e.context) == null ? void 0 : Be.labelRemove), S = I((qe = e.context) == null ? void 0 : qe.labelTapToAdd), B = I(\n (Je = e.context) == null ? void 0 : Je.listMode\n ), D = I(\n (ke = e.context) == null ? void 0 : ke.validationMessageFileSize\n ), C = 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 M[X];\n }, M = {\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 || A.value), A = 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 || A.value\n ), G = b(() => {\n const X = [];\n return i.value && X.push(\"ds-file-upload__target--focus\"), u.value && X.push(\"ds-file-upload__target--dragging\"), A.value && X.push(\"ds-file-upload__target--disabled\"), X;\n }), P = 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 p = () => {\n var X;\n if (r.value) {\n const we = ((X = r.value) == null ? void 0 : X.files) ?? [];\n if (we)\n for (const Oe of we)\n V(Oe);\n te();\n }\n }, x = () => {\n u.value = !0;\n }, R = () => {\n u.value = !1;\n }, N = (X) => {\n u.value = !1;\n const we = X.dataTransfer.files;\n if (we)\n for (const Oe of we)\n V(Oe);\n }, j = () => {\n i.value = !0;\n }, Z = () => {\n var X;\n i.value = !1, (X = e.context) == null || X.handlers.blur();\n }, V = (X) => {\n const we = {\n name: X.name,\n file: X\n };\n Te(X) && s.value.push(we);\n }, J = (X) => {\n _e(), s.value = s.value.filter(\n (we) => we.name !== X.name\n ), te();\n }, ae = () => {\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, _e = () => {\n o.value = [];\n }, Te = (X) => {\n const we = [];\n return ol.forEach((Oe) => {\n const Ee = Yo(\n l.value,\n s,\n d.value,\n C.value,\n D.value,\n T.value\n ), De = Oe(X, Ee);\n De.valid || (we.push(De), o.value.push(De));\n }), we.length === 0;\n };\n return (X, we) => {\n var Oe, Ee, De, gt;\n return c(), _(\"div\", dl, [\n E(\"div\", {\n class: K([\"ds-file-upload__target\", G.value]),\n onDragover: We(x, [\"prevent\"]),\n onDragleave: R,\n onDrop: We(N, [\"prevent\"])\n }, [\n w(a) ? L(\"\", !0) : (c(), O(w(se), {\n key: 0,\n class: \"ds-file-upload__icon\",\n iconName: \"upload\"\n })),\n w(a) ? L(\"\", !0) : (c(), O(w(Y), {\n key: 1,\n class: \"ds-file-upload__drop-label\",\n textType: \"label-md\"\n }, {\n default: z(() => [\n U(W(f.value), 1)\n ]),\n _: 1\n })),\n E(\"input\", ve({\n class: \"ds-file-upload__input\",\n ref_key: \"fileInput\",\n ref: r\n }, X.$attrs, {\n accept: l.value,\n \"aria-describedby\": P.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: _e,\n onFocus: j,\n onInput: p,\n multiple: m.value || void 0,\n type: \"file\"\n }), null, 16, fl),\n w(a) ? L(\"\", !0) : (c(), O(w(be), {\n key: 2,\n class: \"ds-file-upload__button\",\n disabled: F.value,\n size: \"sm\",\n variant: \"secondary\",\n clickHandler: ae\n }, {\n default: z(() => [\n U(W(v.value), 1)\n ]),\n _: 1\n }, 8, [\"disabled\"])),\n w(a) ? (c(), O(w(he), {\n key: 3,\n ariaLabel: S.value,\n class: \"ds-file-upload__icon-button\",\n disabled: F.value,\n iconName: \"upload\",\n id: w(t),\n variant: \"secondary\",\n onClick: ae\n }, null, 8, [\"ariaLabel\", \"disabled\", \"id\"])) : L(\"\", !0),\n w(a) ? (c(), O(w(Y), {\n key: 4,\n textType: \"label-lg\",\n htmlElement: \"label\",\n for: w(t)\n }, {\n default: z(() => [\n U(W(S.value), 1)\n ]),\n _: 1\n }, 8, [\"for\"])) : L(\"\", !0)\n ], 34),\n E(\"div\", {\n class: \"formkit-help formkit-help--fileupload\",\n id: P.value\n }, W((gt = X.context) == null ? void 0 : gt.help), 9, vl),\n s.value && s.value.length ? (c(), _(\"ul\", ml, [\n (c(!0), _(ne, null, ue(s.value, (Fe) => (c(), _(\"li\", {\n class: \"ds-file-upload__item\",\n key: Fe.name\n }, [\n B.value === \"icon\" ? (c(), O(w(se), {\n key: 0,\n class: \"ds-file-upload__item-icon\",\n iconName: \"document\"\n })) : L(\"\", !0),\n B.value === \"thumbnail\" ? (c(), O(cl, {\n key: 1,\n file: Fe.file,\n height: 28,\n width: 28\n }, null, 8, [\"file\"])) : L(\"\", !0),\n H(w(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 U(W(ie(Fe.name)), 1)\n ]),\n _: 2\n }, 1032, [\"title\"]),\n H(w(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 U(W(h.value), 1)\n ]),\n _: 2\n }, 1032, [\"onClick\", \"disabled\"])\n ]))), 128))\n ])) : L(\"\", !0),\n o.value.length ? (c(), _(\"div\", pl, [\n (c(!0), _(ne, null, ue(o.value, (Fe) => (c(), O(w(or), {\n appearance: \"danger\",\n key: Fe.message,\n text: Fe.message\n }, null, 8, [\"text\"]))), 128))\n ])) : L(\"\", !0)\n ]);\n };\n }\n}), hl = /* @__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 = (i, u) => {\n i && 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 d = u, m = l ? `${a}${l}:` : \"\";\n s(\n !!e[d],\n `${m}ds-grid--cols-${e[d]}`\n );\n });\n })(), r;\n });\n return (a, r) => a.queryType === \"media\" ? (c(), O(Tt(a.htmlElement), {\n key: 0,\n class: K([\"ds-grid\", t.value])\n }, {\n default: z(() => [\n re(a.$slots, \"default\")\n ]),\n _: 3\n }, 8, [\"class\"])) : a.queryType === \"container\" ? (c(), O(Tt(a.htmlElement), {\n key: 1,\n class: \"ds-grid-container\"\n }, {\n default: z(() => [\n E(\"div\", {\n class: K([\"ds-grid\", t.value])\n }, [\n re(a.$slots, \"default\")\n ], 2)\n ]),\n _: 3\n })) : L(\"\", !0);\n }\n}), gl = [\"aria-label\", \"disabled\", \"form\", \"name\", \"type\", \"value\"], bl = [\"aria-disabled\", \"aria-label\", \"download\", \"href\", \"target\"], yl = /* @__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, o) => (c(), _(ne, null, [\n s.href ? L(\"\", !0) : (c(), _(\"button\", ve({ key: 0 }, s.$attrs, {\n onClick: o[0] || (o[0] = //@ts-ignore\n (...i) => s.clickHandler && s.clickHandler(...i)),\n class: [\"ds-button-initials\", w(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 re(s.$slots, \"default\")\n ]),\n _: 3\n })\n ], 16, gl)),\n s.href ? (c(), _(\"a\", ve({ key: 1 }, s.$attrs, {\n onClick: o[1] || (o[1] = //@ts-ignore\n (...i) => s.clickHandler && s.clickHandler(...i)),\n class: [\"ds-button-initials\", w(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 re(s.$slots, \"default\")\n ]),\n _: 3\n })\n ], 16, bl)) : L(\"\", !0)\n ], 64));\n }\n}), _l = { class: \"ds-logo__picture\" }, kl = [\"src\", \"alt\"], wl = [\"src\", \"alt\"], Pa = /* @__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(), _(\"div\", {\n class: K([\"ds-logo\", t.value])\n }, [\n E(\"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 E(\"picture\", _l, [\n E(\"img\", {\n class: \"ds-logo__image ds-logo__image--light\",\n src: a.imageSrc,\n alt: a.altText,\n fetchpriority: \"high\"\n }, null, 8, kl),\n a.imageSrcDark ? (c(), _(\"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, wl)) : L(\"\", !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, $l = [\"href\", \"target\"], Il = [\"aria-expanded\", \"aria-controls\", \"id\"], Tl = [\"aria-expanded\", \"aria-controls\", \"id\"], Pl = /* @__PURE__ */ E(\"div\", { class: \"ds-nav-item__dropdown\" }, null, -1), Sl = /* @__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 h = [];\n return e.navItem.isActive && h.push(\"ds-nav-item--active\"), h;\n }), o = b(() => {\n const h = [];\n return t.value && h.push(\"ds-nav-item-dropdown--open\"), h;\n }), i = ee(\"activeMegaMenuId\", I(\"\")), u = b(() => i ? (i == null ? void 0 : i.value) === e.navItem.itemId : !1), l = (h) => {\n u.value && (h.key === \"Escape\" && m(e.navItem.itemId, a), h.key === \"Tab\" && !h.shiftKey && (h.preventDefault(), d()));\n }, d = () => {\n const h = document.getElementById(\n i.value\n );\n if (h) {\n const B = [...h.querySelectorAll(\"a[href], button\")].find((D) => Sa(D));\n B && B.focus();\n }\n }, m = ee(\n \"togglePrimaryMegaNav\",\n (h, S) => {\n console.warn(\n \"Missing open mega nav function for \",\n h,\n S\n );\n }\n ), v = () => {\n t.value = !t.value;\n }, f = () => {\n e.navItem.type === \"mega\" && m(e.navItem.itemId, a), e.navItem.type === \"drilldown\" && m(e.navItem.itemId, r), e.navItem.type === \"dropdown\" && v();\n };\n return (h, S) => (c(), _(ne, null, [\n h.navItem.type === \"link\" ? (c(), _(\"a\", {\n key: 0,\n class: K([\"ds-nav-item\", s.value]),\n href: h.navItem.linkUrl,\n target: h.navItem.linkTarget\n }, W(h.navItem.text), 11, $l)) : L(\"\", !0),\n h.navItem.type === \"drilldown\" ? (c(), _(\"button\", {\n key: 1,\n onClick: f,\n onKeydown: l,\n \"aria-expanded\": u.value,\n \"aria-controls\": h.navItem.itemId,\n id: `button-${h.navItem.itemId}`,\n class: K([\"ds-nav-item\", s.value]),\n ref_key: \"primaryDrilldownItem\",\n ref: r\n }, [\n U(W(h.navItem.text) + \" \", 1),\n L(\"\", !0)\n ], 42, Il)) : L(\"\", !0),\n h.navItem.type === \"mega\" ? (c(), _(\"button\", {\n key: 2,\n onClick: f,\n onKeydown: l,\n \"aria-expanded\": u.value,\n \"aria-controls\": h.navItem.itemId,\n id: `button-${h.navItem.itemId}`,\n class: K([\"ds-nav-item\", s.value]),\n ref_key: \"primaryMegaItem\",\n ref: a\n }, [\n U(W(h.navItem.text) + \" \", 1),\n L(\"\", !0)\n ], 42, Tl)) : L(\"\", !0),\n h.navItem.type === \"dropdown\" ? (c(), _(\"div\", {\n key: 3,\n class: K([\"ds-nav-item-dropdown\", o.value])\n }, [\n E(\"button\", {\n onClick: f,\n class: K([\"ds-nav-item ds-nav-item--mega\", s.value])\n }, [\n U(W(h.navItem.text) + \" \", 1),\n H(se, {\n class: \"ds-nav-item__icon\",\n iconName: \"chevron-down\",\n size: \"sm\"\n })\n ], 2),\n Pl\n ], 2)) : L(\"\", !0)\n ], 64));\n }\n}), Ll = [\"aria-label\"], Cl = { class: \"ds-nav-primary__list\" }, jn = /* @__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(), _(\"nav\", {\n class: \"ds-nav-primary\",\n \"aria-label\": ((r = w(e)) == null ? void 0 : r.primaryNavLandmark) ?? \"Primary\"\n }, [\n E(\"ul\", Cl, [\n (c(!0), _(ne, null, ue(t.navItems, (s) => (c(), _(\"li\", {\n class: \"ds-nav-primary__list-item\",\n key: s.text\n }, [\n H(Sl, { navItem: s }, null, 8, [\"navItem\"])\n ]))), 128))\n ])\n ], 8, Ll);\n };\n }\n}), Ml = [\"aria-expanded\", \"id\", \"data-trigger-id\"], El = /* @__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), o = ee(\n \"openSecondaryMegaNav\",\n (u, l) => {\n console.warn(\n \"Missing open secondary mega nav function for \",\n u,\n l\n );\n }\n ), i = (u) => {\n o && o(u, s);\n };\n return (u, l) => u.isLink ? L(\"\", !0) : (c(), _(\"button\", {\n key: 0,\n onClick: l[0] || (l[0] = () => i(u.id)),\n \"aria-expanded\": w(t) === w(a),\n \"aria-controls\": \"megaNav\",\n id: `trigger-${u.id}`,\n \"data-trigger-id\": u.id,\n class: K([\"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 re(u.$slots, \"default\")\n ]),\n _: 3\n }),\n H(se, {\n class: \"ds-nav-secondary-item__icon\",\n iconName: \"chevron-down\",\n size: \"xs\"\n })\n ], 10, Ml));\n }\n}), Nl = [\"aria-label\"], Al = { class: \"ds-nav-secondary__list\" }, xl = /* @__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(), _(\"nav\", {\n class: \"ds-nav-secondary\",\n \"aria-label\": ((r = w(e)) == null ? void 0 : r.secondaryNavLandmark) ?? \"Secondary\"\n }, [\n E(\"ul\", Al, [\n (c(!0), _(ne, null, ue(t.navItems, (s) => (c(), _(\"li\", {\n class: \"ds-nav-secondary__list-item\",\n key: `nav-${s.itemId}`\n }, [\n H(El, {\n id: s.itemId,\n isActive: s.isActive\n }, {\n default: z(() => [\n U(W(s.text), 1)\n ]),\n _: 2\n }, 1032, [\"id\", \"isActive\"])\n ]))), 128))\n ])\n ], 8, Nl);\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 Bl = [\"href\", \"target\", \"rel\"], Ol = [\"innerHTML\"], Dl = /* @__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 (o, i) => (c(), _(\"a\", {\n class: \"ds-nav-mega-link\",\n href: o.megaMenuLink.linkUrl,\n target: o.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 E(\"span\", { innerHTML: s.value }, null, 8, Ol)\n ]),\n _: 1\n }),\n a.value ? (c(), O(se, {\n key: 0,\n class: \"ds-nav-mega-link__external\",\n iconName: \"external-link\",\n size: \"xs\"\n })) : L(\"\", !0)\n ], 8, Bl));\n }\n}), Fl = { class: \"ds-nav-mega-link-list\" }, Hl = [\"aria-labelledby\"], zl = /* @__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(), _(\"div\", Fl, [\n H(Y, {\n id: w(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 U(W(t.categoryTitle), 1)\n ]),\n _: 1\n }, 8, [\"id\"]),\n E(\"ul\", {\n class: \"ds-nav-mega-link-list__list\",\n \"aria-labelledby\": w(e)\n }, [\n (c(!0), _(ne, null, ue(t.links, (r) => (c(), _(\"li\", {\n class: \"ds-nav-mega-link-list__item\",\n key: `${r.linkText}${r.linkUrl}`\n }, [\n H(Dl, { \"mega-menu-link\": r }, null, 8, [\"mega-menu-link\"])\n ]))), 128))\n ], 8, Hl)\n ]));\n }\n}), Rl = { class: \"ds-nav-mega-title\" }, Vl = /* @__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(), _(\"div\", Rl, [\n H(Y, {\n \"text-type\": \"heading-2xl\",\n \"text-style\": \"regular\",\n class: \"ds-nav-mega-title__title\"\n }, {\n default: z(() => [\n U(W(e.title), 1)\n ]),\n _: 1\n }),\n e.linkText ? (c(), O(be, {\n key: 0,\n \"icon-end\": \"button-navigate-forward\",\n variant: \"link\",\n href: e.linkUrl\n }, {\n default: z(() => [\n U(W(e.linkText), 1)\n ]),\n _: 1\n }, 8, [\"href\"])) : L(\"\", !0)\n ]));\n }\n}), ql = [\"href\", \"target\"], jl = { class: \"ds-nav-card__figure\" }, Wl = [\"src\", \"alt\"], Ul = [\"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(), _(\"a\", {\n key: 0,\n class: \"ds-nav-card\",\n href: a.linkUrl,\n target: a.linkTarget\n }, [\n E(\"figure\", jl, [\n E(\"img\", {\n class: \"ds-nav-card__image\",\n src: a.imageSrc,\n alt: a.imageAltText\n }, null, 8, Wl)\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 U(W(a.title) + \" \", 1),\n a.linkIsExternal ? (c(), O(se, {\n key: 0,\n class: \"ds-nav-card__icon\",\n \"icon-name\": \"external-link\",\n size: \"xs\"\n })) : L(\"\", !0)\n ]),\n _: 1\n }),\n a.description ? (c(), O(Y, {\n key: 0,\n class: \"ds-nav-card__description\",\n \"html-element\": \"p\",\n \"text-type\": \"label-sm\"\n }, {\n default: z(() => [\n E(\"span\", { innerHTML: a.description }, null, 8, Ul)\n ]),\n _: 1\n })) : L(\"\", !0)\n ], 8, ql)) : L(\"\", !0);\n }\n}), Kl = { class: \"ds-nav-mega-column ds-nav-mega-column--cards\" }, Gl = /* @__PURE__ */ q({\n __name: \"ds-nav-mega-cards\",\n props: {\n cards: {}\n },\n setup(n) {\n return (e, t) => (c(), _(\"div\", Kl, [\n (c(!0), _(ne, null, ue(e.cards, (a) => (c(), O(zt, ve({\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(), O(zl, {\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(), O(Vl, {\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(), O(Gl, {\n key: 2,\n cards: e.megaNavColumn.content.cards\n }, null, 8, [\"cards\"])) : L(\"\", !0);\n }\n});\nfunction Tn(n, e = I(null)) {\n const t = I([]), a = I([]), r = I(null), s = I(null), o = I(null), i = ee(\"hideBackdrop\"), u = ee(\n \"lastFocusedSecondaryNavItem\",\n I(null)\n ), l = ee(\n \"lastFocusedPrimaryNavItem\",\n I(null)\n ), d = ee(\n \"primaryNextPrev\",\n b(() => ({\n nextItem: \"\"\n }))\n ), m = () => {\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((P) => Sa(P)), r.value = a.value[0] || null, o.value = a.value[a.value.length - 1] || null);\n }, v = () => {\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 }, f = () => {\n m(), v();\n }, h = (P) => {\n var p;\n document.activeElement === r.value && (P.preventDefault(), A.value ? (p = F.value) == null || p.focus() : D());\n }, S = (P, p, x = !1) => {\n var R;\n x && p == F.value && ((R = r.value) == null || R.focus(), P.preventDefault());\n }, B = () => {\n typeof i == \"function\" && i();\n }, D = () => {\n A.value && G.value ? (u.value = G.value, B()) : !A.value && d.value.nextItem && B();\n }, C = (P, p, x) => {\n if (p === x) {\n P.preventDefault();\n const R = document.querySelector(\n `.ds-nav-item[aria-controls='${d.value.nextItem}']`\n );\n l.value = R, D();\n }\n }, T = (P, p = !1) => {\n const x = document.activeElement, R = o.value;\n S(P, x, p), C(P, x, R);\n }, g = (P) => {\n !e.value || P.key !== \"Tab\" || (P.shiftKey ? h(P) : T(P, !0));\n }, M = (P) => {\n !n.value || P.key !== \"Tab\" || (P.shiftKey ? h(P) : T(P));\n };\n de(() => {\n e.value && e.value.addEventListener(\"keydown\", g), n.value && n.value.addEventListener(\n \"keydown\",\n M\n ), f();\n }), Ve(() => {\n e.value && e.value.removeEventListener(\"keydown\", g), n.value && n.value.removeEventListener(\n \"keydown\",\n M\n );\n });\n const $ = () => {\n const P = t.value.find(\n (p) => p.className.includes(\"ds-nav-mega-tab--active\")\n );\n P && P.focus();\n }, k = (P, p = null) => {\n P && p ? p.focus() : P && !p && $();\n }, y = async (P, p = null) => {\n await Qe(), f(), k(P, p);\n }, A = b(() => e.value !== null), F = b(() => t.value.find(\n (P) => P.className.includes(\"ds-nav-mega-tab--active\")\n )), G = b(() => {\n var P;\n if (A.value) {\n const p = (P = F.value) == null ? void 0 : P.getAttribute(\"data-next-id\");\n return document.querySelector(\n `.ds-nav-secondary-item[data-trigger-id='${p}']`\n );\n }\n return null;\n });\n return {\n focusableContent: a,\n focusableTabs: t,\n setLastFocusedElement: D,\n updateFocusableElements: y\n };\n}\nconst Yl = [\"aria-labelledby\", \"id\"], Ql = { class: \"ds-nav-mega__content\" }, Xl = /* @__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(\"\")), o = b(() => e.value === \"primaryMega\" && (s == null ? void 0 : s.value) === a.itemId), { handleKeydown: i, hideBackdrop: u } = $n({\n itemLabel: a.itemLabel\n }), l = ee(\n \"lastFocusedPrimaryNavItem\",\n I(null)\n ), d = (v) => {\n typeof u == \"function\" && u();\n }, { updateFocusableElements: m } = Tn(r);\n return le(o, async (v) => {\n v && r.value !== null ? m(!1) : l && l.value && (await Qe(), l.value.focus());\n }), (v, f) => me((c(), _(\"section\", {\n \"aria-labelledby\": `button-${v.itemId}`,\n class: \"ds-nav-mega\",\n id: v.itemId,\n ref_key: \"megaMenu\",\n ref: r,\n onClick: f[0] || (f[0] = We(() => {\n }, [\"stop\"])),\n onKeydown: f[1] || (f[1] = //@ts-ignore\n (...h) => w(i) && w(i)(...h))\n }, [\n E(\"div\", Ql, [\n H(he, {\n class: \"ds-nav-mega-close\",\n ariaLabel: w(t).megaMenuCloseButtonLabel ?? \"Close menu\",\n iconName: \"button-close\",\n clickHandler: d,\n variant: \"tertiary\"\n }, null, 8, [\"ariaLabel\"]),\n E(\"div\", {\n class: K([\"ds-nav-mega-panel ds-nav-mega-columns\", `ds-nav-mega-columns--${v.megaNavColumns.length}`])\n }, [\n (c(!0), _(ne, null, ue(v.megaNavColumns, (h, S) => (c(), _(\"div\", {\n key: `panel-${v.itemId}-col-${S}`,\n class: K([\"ds-nav-mega-column\", `ds-nav-mega-column--${h.type}`])\n }, [\n H(In, { megaNavColumn: h }, null, 8, [\"megaNavColumn\"])\n ], 2))), 128))\n ], 2)\n ])\n ], 40, Yl)), [\n [pe, o.value]\n ]);\n }\n}), Zl = [\"aria-label\"], Jl = { class: \"ds-nav-drilldown-item__label\" }, ei = [\"href\", \"target\"], ti = { class: \"ds-nav-drilldown-item__label\" }, Wn = \"submenu\", ni = /* @__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 = ee(\n \"clickDrilldownNavItem\",\n (o, i) => {\n console.warn(\"No click handler attached to\", o, i);\n }\n ), s = ee(\"labels\", { submenuLabel: Wn });\n return (o, i) => o.navItem && a.value ? (c(), _(\"button\", {\n key: 0,\n \"aria-label\": `${o.navItem.text} ${w(s).submenuLabel || Wn}`,\n class: K([\"ds-nav-drilldown-item\", o.isActive ? \"ds-nav-drilldown-item--active\" : null]),\n onClick: i[0] || (i[0] = (u) => w(r)(o.navItem, o.level))\n }, [\n E(\"span\", Jl, [\n H(Y, {\n \"text-type\": \"label-md\",\n \"text-style\": \"medium\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n U(W(o.navItem.text), 1)\n ]),\n _: 1\n })\n ]),\n a.value ? (c(), O(se, {\n key: 0,\n class: \"ds-nav-drilldown-item__chevron\",\n size: \"sm\",\n iconName: \"chevron-right\"\n })) : L(\"\", !0)\n ], 10, Zl)) : o.navItem && \"linkUrl\" in o.navItem && !t.value ? (c(), _(\"a\", {\n key: 1,\n class: \"ds-nav-drilldown-item\",\n href: o.navItem.linkUrl,\n target: o.navItem.linkTarget\n }, [\n E(\"span\", ti, [\n H(Y, {\n \"text-type\": \"label-md\",\n \"text-style\": \"medium\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n U(W(o.navItem.text), 1)\n ]),\n _: 1\n })\n ])\n ], 8, ei)) : L(\"\", !0);\n }\n}), ai = [\"aria-label\"], ri = { 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 o;\n return t.value ? (o = t.value) == null ? void 0 : o.itemId : null;\n }\n ), r = b(\n () => {\n var o;\n return (o = e.item) == null ? void 0 : o.children;\n }\n ), s = ee(\"labels\", { submenuLabel: \"submenu\" });\n return (o, i) => (c(), O(Ue, { name: \"drillfade\" }, {\n default: z(() => [\n o.item && r.value ? (c(), _(\"section\", {\n key: 0,\n \"aria-label\": `${o.item.text} ${w(s).submenuLabel}`,\n class: K([\"ds-nav-mega-column\", `ds-nav-mega-column--level-${o.level}`])\n }, [\n E(\"ul\", ri, [\n (c(!0), _(ne, null, ue(r.value, (u) => (c(), _(\"li\", {\n class: \"ds-nav-drilldown__list-item\",\n key: u.itemId\n }, [\n u ? (c(), O(ni, {\n key: 0,\n navItem: u,\n level: o.level,\n isActive: u.itemId === a.value\n }, null, 8, [\"navItem\", \"level\", \"isActive\"])) : L(\"\", !0)\n ]))), 128))\n ])\n ], 10, ai)) : L(\"\", !0)\n ]),\n _: 1\n }));\n }\n}), si = [\"aria-labelledby\", \"id\"], oi = { class: \"ds-nav-mega__content\" }, li = { class: \"ds-nav-mega-panel\" }, ii = /* @__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, M) => {\n var y;\n const $ = ((y = a.value[M]) == null ? void 0 : y.itemId) === (g == null ? void 0 : g.itemId), k = a.value.slice(0, M);\n $ || (k[M] = g), a.value = k, T(!1);\n });\n const s = n, o = I(null), i = I(!0), u = ee(\"activeMegaMenuId\", I(\"\")), l = b(() => e.value === \"primaryMega\" && (u == null ? void 0 : u.value) === s.item.itemId), d = b(() => typeof s.item.titleBlock < \"u\"), m = (g) => !g.children || g.children.length === 0 ? 0 : 1 + Math.max(...g.children.map(m)), v = b(() => m(s.item)), f = b(() => 4 - v.value - 1), h = b(() => {\n var g;\n return `drilldown--card-slots-${f.value} drilldown--cards-${((g = s.item.cards) == null ? void 0 : g.length) ?? \"0\"}`;\n }), { handleKeydown: S, hideBackdrop: B } = $n({\n itemLabel: s.item.text\n }), D = ee(\n \"lastFocusedPrimaryNavItem\",\n I(null)\n ), C = (g) => {\n typeof B == \"function\" && B();\n }, { updateFocusableElements: T } = Tn(o);\n return le(a, (g) => {\n g.length === 0 ? setTimeout(() => {\n i.value = !0;\n }, 200) : i.value = !1;\n }), le(l, async (g) => {\n g && o.value !== null ? T(!1) : D && D.value && (await Qe(), D.value.focus());\n }), (g, M) => {\n var $;\n return me((c(), _(\"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: o,\n onClick: M[0] || (M[0] = We(() => {\n }, [\"stop\"])),\n onKeydown: M[1] || (M[1] = //@ts-ignore\n (...k) => w(S) && w(S)(...k))\n }, [\n E(\"div\", oi, [\n H(he, {\n class: \"ds-nav-mega-close\",\n ariaLabel: w(t).megaMenuCloseButtonLabel ?? \"Close menu\",\n iconName: \"button-close\",\n clickHandler: C,\n variant: \"tertiary\"\n }, null, 8, [\"ariaLabel\"]),\n E(\"div\", li, [\n E(\"div\", {\n class: K([\"ds-nav-mega-drilldown-cols\", h.value])\n }, [\n d.value ? (c(), _(\"div\", {\n key: 0,\n class: K([\"ds-nav-mega-column\", `ds-nav-mega-column--${($ = g.item.titleBlock) == null ? void 0 : $.type}`])\n }, [\n g.item.titleBlock ? (c(), O(In, {\n key: 0,\n megaNavColumn: g.item.titleBlock\n }, null, 8, [\"megaNavColumn\"])) : L(\"\", !0)\n ], 2)) : L(\"\", !0),\n H(Xt, {\n activeItems: a.value,\n item: g.item,\n level: 0\n }, null, 8, [\"activeItems\", \"item\"]),\n me(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 me(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 ? me((c(), O(zt, ve({\n key: 0,\n class: \"ds-nav-card--1\"\n }, g.item.cards[0]), null, 16)), [\n [pe, i.value || f.value === 1]\n ]) : L(\"\", !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 ? me((c(), O(zt, ve({\n key: 0,\n class: \"ds-nav-card--2\"\n }, g.item.cards[1]), null, 16)), [\n [pe, i.value || f.value === 2]\n ]) : L(\"\", !0)\n ]),\n _: 1\n })\n ], 2)\n ])\n ])\n ], 40, si)), [\n [pe, l.value]\n ]);\n };\n }\n}), ui = { class: \"ds-nav-mega-tabs__nav-wrapper\" }, ci = { class: \"ds-nav-mega-tabs__list\" }, di = [\"id\", \"data-itemid\", \"aria-controls\", \"data-next-id\", \"data-prev-id\", \"data-first-id\", \"data-last-id\", \"onClick\"], fi = /* @__PURE__ */ E(\"div\", { class: \"ds-nav-mega-tabs__indicator\" }, [\n /* @__PURE__ */ E(\"div\", { class: \"ds-nav-mega-tabs__active-line\" })\n], -1), vi = [\"id\", \"aria-labelledby\", \"aria-hidden\"], mi = /* @__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: o } = _a(t), i = I(null), u = I(null), { updateFocusableElements: l } = Tn(u, i), d = (T) => {\n h.value !== T ? h.value = T : typeof s == \"function\" && s();\n }, m = (T) => {\n typeof s == \"function\" && s();\n }, v = ee(\"labels\", {}), f = ee(\n \"lastFocusedSecondaryNavItem\",\n I(null)\n ), h = ee(\"activeTabId\", I(null)), S = b(() => {\n let T = null;\n return a.value && (T = a.value.find(\n (g) => g.getAttribute(\"data-itemid\") === h.value\n )), T;\n }), B = I({\n \"--scale-factor\": \"0px\",\n \"--translate-x\": \"0px\"\n }), D = (T) => {\n var g;\n return o.value === \"rtl\" ? i.value ? T.offsetLeft - ((g = i.value) == null ? void 0 : g.offsetWidth) : 0 : T.offsetLeft;\n }, C = async () => {\n const T = S.value;\n await Qe(), await l(!0), B.value = {\n \"--scale-factor\": `${T == null ? void 0 : T.getBoundingClientRect().width}px`,\n \"--translate-x\": `${D(T)}px`\n };\n };\n return le(\n () => e.isVisible,\n async (T) => {\n T && await C(), T || f && f.value && (await Qe(), f.value.focus());\n }\n ), le(S, async (T) => {\n T && await C();\n }), (T, g) => (c(), _(\"div\", {\n class: \"ds-nav-mega-tabs\",\n ref_key: \"megaMenu\",\n ref: t,\n onKeydown: g[0] || (g[0] = //@ts-ignore\n (...M) => w(r) && w(r)(...M)),\n style: ge(B.value)\n }, [\n E(\"div\", ui, [\n H(he, {\n class: \"ds-nav-mega-close\",\n ariaLabel: w(v).megaMenuCloseButtonLabel ?? \"Close menu\",\n iconName: \"button-close\",\n clickHandler: m,\n variant: \"tertiary\"\n }, null, 8, [\"ariaLabel\"]),\n E(\"div\", {\n class: \"ds-nav-mega-tabs__nav\",\n ref_key: \"tablist\",\n ref: i\n }, [\n E(\"ul\", ci, [\n (c(!0), _(ne, null, ue(T.tabs, ({ itemId: M, text: $ }, k) => {\n var y, A, F, G;\n return c(), _(\"li\", {\n class: \"ds-nav-mega-tabs__list-item\",\n key: `${M}-button`\n }, [\n E(\"button\", {\n id: `${M}-button`,\n ref_for: !0,\n ref_key: \"tabButtons\",\n ref: a,\n class: K([\n \"ds-nav-mega-tab\",\n w(h) === M ? \"ds-nav-mega-tab--active\" : \"\"\n ]),\n \"data-itemid\": M,\n \"aria-controls\": `panel-${M}`,\n \"data-next-id\": (y = T.tabs[(k + 1) % T.tabs.length]) == null ? void 0 : y.itemId,\n \"data-prev-id\": (A = T.tabs[(k - 1 + T.tabs.length) % T.tabs.length]) == null ? void 0 : A.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: () => d(M)\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 U(W($), 1)\n ]),\n _: 2\n }, 1024),\n H(se, {\n class: \"ds-nav-mega-tab__icon\",\n iconName: \"chevron-down\",\n size: \"xs\"\n })\n ], 10, di)\n ]);\n }), 128))\n ])\n ], 512),\n fi\n ]),\n E(\"div\", {\n class: \"ds-nav-mega-tabs__panels\",\n ref_key: \"tabpanel\",\n ref: u\n }, [\n (c(!0), _(ne, null, ue(T.tabs, (M) => me((c(), _(\"section\", {\n class: \"ds-nav-mega-panel ds-nav-mega-columns\",\n key: M.itemId,\n id: `panel-${M.itemId}`,\n \"aria-labelledby\": `trigger-${M.itemId}`,\n \"aria-hidden\": M.itemId !== w(h)\n }, [\n (c(!0), _(ne, null, ue(M.megaNavColumns, ($, k) => (c(), _(\"div\", {\n key: `panel-${M.itemId}-col-${k}`,\n class: K([\"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, M.itemId === w(h)]\n ])), 128))\n ], 512)\n ], 36));\n }\n}), pi = /* @__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) => me((c(), _(\"div\", {\n class: \"ds-nav-mega ds-nav-mega--secondary\",\n onClick: r[0] || (r[0] = We(() => {\n }, [\"stop\"]))\n }, [\n H(mi, {\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}), hi = { class: \"ds-nav-mega-search__content\" }, gi = /* @__PURE__ */ q({\n __name: \"ds-nav-mega-search\",\n setup(n) {\n const e = ee(\"activeOverlayType\", I(\"none\"));\n return (t, a) => me((c(), _(\"div\", {\n onClick: a[0] || (a[0] = We(() => {\n }, [\"stop\"])),\n class: \"ds-nav-mega-search\"\n }, [\n E(\"div\", hi, [\n re(t.$slots, \"default\")\n ])\n ], 512)), [\n [pe, w(e) === \"search\"]\n ]);\n }\n});\nfunction La(n, e, t, a) {\n const r = I(!1), s = I(\"0px\"), o = I(\"unset\"), i = b(() => {\n const v = [];\n return n.enableSticky && v.push(`${a}--sticky`), r.value && v.push(`${a}--show`), v;\n }), { y: u } = Do();\n let l = 0;\n le(u, () => {\n const v = document.documentElement.scrollHeight - window.innerHeight, f = Math.min(Math.max(u.value, 0), v);\n f >= l ? r.value = !1 : r.value = !0, l = f;\n });\n const m = (v) => `${v}px`;\n return e !== null && Ht(e, (v) => {\n const f = v[0], { height: h } = f.contentRect;\n s.value = m(h);\n }), t !== null && Ht(t, (v) => {\n const f = v[0], { height: h } = f.contentRect;\n h !== 0 && (o.value = m(h));\n }), de(() => {\n var v, f;\n e.value && (s.value = m(\n (v = e.value) == null ? void 0 : v.clientHeight\n )), t.value && (o.value = m(\n (f = t.value) == null ? void 0 : f.clientHeight\n ));\n }), {\n dynamicClasses: i,\n headerHeight: s,\n secondaryHeight: o\n };\n}\nconst bi = { class: \"ds-header__inner\" }, yi = { class: \"ds-header__logo\" }, _i = { class: \"ds-header__tools\" }, ki = { class: \"ds-header__icons\" }, wi = {\n key: 0,\n class: \"ds-header__cta\"\n}, $i = {\n key: 0,\n class: \"ds-header__primary-stacked\"\n}, Ii = { class: \"ds-header__inner\" }, Ti = { 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), o = I(null), i = I(null), u = I(null), l = I(\"none\"), d = I(null), m = I(null), v = I(null), f = I(0), h = I(!1), S = I(null), { dynamicClasses: B, headerHeight: D, secondaryHeight: C } = La(\n {\n enableSticky: e.enableSticky\n },\n S,\n r,\n \"ds-header\"\n ), T = b(() => `--header-top-height: ${D.value}; --secondary-height: ${C.value}`), g = b(() => f.value < t.value), M = b(() => e.navItems.find((Q) => Q.isActive)), $ = b(() => {\n const Q = e.navItems.findIndex(\n (Be) => {\n var qe;\n return Be.itemId === ((qe = i.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, Pe = e.navItems[oe].itemId, Ge = e.navItems[ce].itemId;\n return { prevItem: Pe, nextItem: Ge };\n }), k = b(() => {\n var Q;\n return M.value && M.value.type !== \"mega\" && M.value.type !== \"drilldown\" && ((Q = M.value.children) == null ? void 0 : Q.length) && M.value.children.length > 0;\n }), y = b(() => {\n var Q, oe;\n return k.value && ((Q = M.value) == null ? void 0 : Q.type) === \"link\" ? (oe = M.value) == null ? void 0 : oe.children : [];\n }), A = 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 = [...B.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 }), P = (Q) => {\n Q.key === \"Escape\" && p();\n }, p = () => {\n s.value = !1, x();\n }, x = () => {\n l.value = \"none\", u.value = null, o.value = null;\n }, R = () => {\n s.value = !0;\n }, N = (Q, oe) => {\n R(), u.value = Q, l.value = \"primaryMega\", d.value = oe.value;\n }, j = (Q, oe) => {\n u.value === Q ? p() : (N(Q, oe), i.value = oe.value);\n }, Z = (Q, oe) => {\n var ce;\n R(), u.value = ((ce = M.value) == null ? void 0 : ce.itemId) ?? null, o.value = Q, l.value = \"secondaryMega\", oe != null && oe.value && (m.value = oe.value);\n }, V = () => {\n l.value != \"search\" ? (R(), l.value = \"search\", e.searchFn && e.searchFn(!0)) : l.value === \"search\" && (p(), e.searchFn && e.searchFn(!1));\n }, J = ee(\"labels\", {}), ae = ee(\"loggedIn\", I(!1)), te = ee(\"ctaButtons\"), ie = ee(\"logo\", {\n href: \"/\",\n altText: \"Coloplast\",\n imageSrc: \"\",\n clickHandler: () => {\n }\n }), _e = () => {\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\" && (h.value = !0);\n };\n return de(() => {\n var oe;\n const Q = (oe = v.value) == null ? void 0 : oe.querySelectorAll(\".ds-nav-item\");\n if (Q && Q.length) {\n let ce = 0;\n for (const Pe of Q)\n ce += Pe.clientWidth;\n t.value = ce;\n }\n _e();\n }), Ht(v, (Q) => {\n const oe = Q[0], { width: ce } = oe.contentRect;\n f.value = ce;\n }), le(T, (Q) => {\n h.value && a.value && a.value.parentElement && a.value.parentElement.setAttribute(\"style\", Q);\n }), fe(\"activeMegaMenuId\", u), fe(\"activePrimaryId\", (Te = M.value) == null ? void 0 : Te.itemId), fe(\"activeTabId\", o), fe(\"activeOverlayType\", l), fe(\"primaryNextPrev\", $), fe(\"hideBackdrop\", p), fe(\"showBackdrop\", R), fe(\"togglePrimaryMegaNav\", j), fe(\"openSecondaryMegaNav\", Z), fe(\"lastFocusedPrimaryNavItem\", d), fe(\"lastFocusedSecondaryNavItem\", m), (Q, oe) => {\n var ce, Pe, Ge, Be, qe, Je;\n return c(), _(ne, null, [\n E(\"header\", {\n class: K([\"ds-header\", G.value]),\n ref_key: \"header\",\n ref: a,\n onShowBackdrop: R,\n onKeydown: P,\n style: ge(T.value)\n }, [\n E(\"div\", {\n class: \"ds-header__top\",\n ref_key: \"headerTop\",\n ref: S\n }, [\n E(\"div\", bi, [\n E(\"div\", yi, [\n H(Pa, Wa(Ua(w(ie))), null, 16)\n ]),\n E(\"div\", {\n ref_key: \"primaryInline\",\n ref: v,\n class: \"ds-header__primary-inline\"\n }, [\n g.value ? L(\"\", !0) : (c(), O(jn, {\n key: 0,\n navItems: Q.navItems\n }, null, 8, [\"navItems\"]))\n ], 512),\n E(\"div\", _i, [\n E(\"div\", ki, [\n Q.enableSearch ? (c(), O(he, {\n key: 0,\n class: \"ds-header-search\",\n onClick: V,\n ariaLabel: ((ce = w(J)) == null ? void 0 : ce.searchButtonLabel) ?? \"Search\",\n iconName: \"button-search\",\n variant: \"ghost-neutral\"\n }, null, 8, [\"ariaLabel\"])) : L(\"\", !0),\n Q.enableBasket ? (c(), O(he, {\n key: 1,\n class: \"ds-header-basket\",\n ariaLabel: ((Pe = w(J)) == null ? void 0 : Pe.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\"])) : L(\"\", !0)\n ]),\n w(te) ? (c(), _(\"div\", wi, [\n w(ae) && ((Ge = w(te).myAccountButtonNavItem) != null && Ge.initials) && ((Be = w(te).myAccountButtonNavItem) != null && Be.initials.length) ? (c(), O(yl, {\n key: 0,\n ariaLabel: `'${w(te).myAccountButtonNavItem.text} - ${w(te).myAccountButtonInitials}`,\n onClick: w(te).myAccountButtonFn,\n href: w(te).myAccountButtonNavItem.linkUrl,\n size: \"md\",\n variant: \"primary\"\n }, {\n default: z(() => [\n U(W(w(te).myAccountButtonNavItem.initials), 1)\n ]),\n _: 1\n }, 8, [\"ariaLabel\", \"onClick\", \"href\"])) : w(ae) && ((qe = w(te).myAccountButtonNavItem) != null && qe.text) ? (c(), O(be, {\n key: 1,\n href: w(te).myAccountButtonNavItem.linkUrl,\n onClick: w(te).myAccountButtonFn,\n size: \"sm\",\n variant: \"primary\"\n }, {\n default: z(() => {\n var ke;\n return [\n U(W((ke = w(te).myAccountButtonNavItem) == null ? void 0 : ke.text), 1)\n ];\n }),\n _: 1\n }, 8, [\"href\", \"onClick\"])) : L(\"\", !0),\n !w(ae) && w(te).loginButtonLabel ? (c(), O(be, {\n key: 2,\n href: w(te).loginButtonLink,\n onClick: w(te).loginButtonFn,\n size: \"sm\",\n variant: \"primary\"\n }, {\n default: z(() => [\n U(W(w(te).loginButtonLabel), 1)\n ]),\n _: 1\n }, 8, [\"href\", \"onClick\"])) : L(\"\", !0)\n ])) : L(\"\", !0)\n ]),\n g.value ? (c(), _(\"div\", $i, [\n H(jn, { navItems: Q.navItems }, null, 8, [\"navItems\"])\n ])) : L(\"\", !0)\n ])\n ], 512),\n k.value ? me((c(), _(\"div\", {\n key: 0,\n class: \"ds-header__bottom\",\n ref_key: \"secondary\",\n ref: r\n }, [\n E(\"div\", Ii, [\n E(\"div\", Ti, [\n H(xl, {\n navItems: y.value ?? []\n }, null, 8, [\"navItems\"])\n ])\n ])\n ], 512)), [\n [pe, !s.value]\n ]) : L(\"\", !0),\n me(E(\"div\", {\n class: \"ds-header__mega\",\n id: \"meganav\",\n onClick: p\n }, [\n (c(!0), _(ne, null, ue(A.value, (ke) => (c(), O(Xl, {\n itemId: ke.itemId,\n itemLabel: ke.text,\n \"mega-nav-columns\": ke.megaNavColumns,\n key: ke.text\n }, null, 8, [\"itemId\", \"itemLabel\", \"mega-nav-columns\"]))), 128)),\n (c(!0), _(ne, null, ue(F.value, (ke) => (c(), O(ii, {\n item: ke,\n key: ke.text\n }, null, 8, [\"item\"]))), 128)),\n k.value ? (c(), O(pi, {\n key: 0,\n itemLabel: ((Je = M.value) == null ? void 0 : Je.text) ?? \"\",\n navItems: y.value ?? []\n }, null, 8, [\"itemLabel\", \"navItems\"])) : L(\"\", !0),\n H(gi, null, {\n default: z(() => [\n re(Q.$slots, \"searchDesktop\")\n ]),\n _: 3\n })\n ], 512), [\n [pe, s.value]\n ])\n ], 38),\n (c(), O(ra, { to: \"body\" }, [\n me(E(\"div\", {\n onClick: p,\n class: \"ds-header-backdrop\"\n }, null, 512), [\n [pe, s.value]\n ])\n ]))\n ], 64);\n };\n }\n}), Si = { class: \"ds-header-mobile__bar\" }, Li = {\n key: 0,\n class: \"ds-header-mobile__logo\"\n}, Ci = {\n key: 1,\n class: \"ds-header-mobile__title-bar\"\n}, Mi = { class: \"ds-header-mobile__icons\" }, Ei = /* @__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(), _(\"div\", Si, [\n e.isTopLevel ? (c(), _(\"div\", Li, [\n H(Pa, ve(e.logo, { size: \"sm\" }), null, 16)\n ])) : (c(), _(\"div\", Ci, [\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 E(\"div\", Mi, [\n e.enableSearch && e.isTopLevel ? (c(), O(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\"])) : L(\"\", !0),\n e.enableBasket && e.isTopLevel ? (c(), O(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\"])) : L(\"\", !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}), Ni = [\"aria-label\"], Ai = { class: \"ds-nav-mobile-item__label\" }, xi = [\"href\", \"target\"], Bi = { class: \"ds-nav-mobile-item__label\" }, Oi = {\n key: 2,\n class: \"ds-nav-mobile-item ds-nav-mobile-item--section\"\n}, Di = { class: \"ds-nav-mobile-item__label\" }, Fi = 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(() => r.value ? e.isSectionPage ? !0 : !(!e.isSectionPage && o.value) : !1), o = b(() => {\n var m;\n return !!(\"children\" in e.navItem && ((m = e.navItem.children) != null && m.length));\n }), i = b(() => {\n var m;\n return !!(\"megaNavColumns\" in e.navItem && ((m = e.navItem) != null && m.megaNavColumns.length));\n }), u = b(() => i.value || o.value && e.level < Fi), l = ee(\"navigateLevel\", (m, v = 0) => {\n console.warn(\"navigateLevel not implemented\", { navItem: m, level: v });\n }), d = b(() => e.isSectionPage && e.navItem.mobilePageLabel && e.navItem.mobilePageLabel || e.navItem.text);\n return (m, v) => m.navItem && u.value && !m.isSectionPage ? (c(), _(\"button\", {\n key: 0,\n \"aria-label\": `${m.navItem.text} ${w(a)}`,\n class: \"ds-nav-mobile-item\",\n onClick: v[0] || (v[0] = (f) => w(l)(m.navItem, m.level + 1))\n }, [\n E(\"span\", Ai, [\n m.navItem.iconName ? (c(), O(se, {\n key: 0,\n class: \"ds-nav-mobile-item__icon\",\n size: \"lg\",\n iconName: m.navItem.iconName\n }, null, 8, [\"iconName\"])) : L(\"\", !0),\n m.navItem.initials ? (c(), O(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 U(W(m.navItem.initials), 1)\n ]),\n _: 1\n })) : L(\"\", !0),\n H(Y, {\n \"text-type\": \"label-lg\",\n \"text-style\": \"medium\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n U(W(m.navItem.text), 1)\n ]),\n _: 1\n })\n ]),\n u.value ? (c(), O(se, {\n key: 0,\n class: \"ds-nav-mobile-item__chevron\",\n size: \"md\",\n iconName: \"chevron-right\"\n })) : L(\"\", !0)\n ], 8, Ni)) : m.navItem && \"linkUrl\" in m.navItem && s.value ? (c(), _(\"a\", {\n key: 1,\n class: K([\"ds-nav-mobile-item\", m.isSectionPage ? \"ds-nav-mobile-item--section\" : null]),\n href: m.navItem.linkUrl,\n target: m.navItem.linkTarget\n }, [\n E(\"span\", Bi, [\n m.navItem.iconName ? (c(), O(se, {\n key: 0,\n class: \"ds-nav-mobile-item__icon\",\n size: \"lg\",\n iconName: m.navItem.iconName\n }, null, 8, [\"iconName\"])) : L(\"\", !0),\n m.navItem.initials && !m.isSectionPage ? (c(), O(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 U(W(m.navItem.initials), 1)\n ]),\n _: 1\n })) : L(\"\", !0),\n H(Y, {\n \"text-type\": \"label-lg\",\n \"text-style\": \"medium\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n U(W(d.value), 1)\n ]),\n _: 1\n }),\n m.isSectionPage ? (c(), O(se, {\n key: 2,\n class: \"ds-nav-mobile-item__navigate\",\n \"icon-name\": \"button-navigate-forward\",\n size: \"md\"\n })) : L(\"\", !0)\n ])\n ], 10, xi)) : m.navItem && m.isSectionPage ? (c(), _(\"div\", Oi, [\n E(\"span\", Di, [\n m.navItem.iconName ? (c(), O(se, {\n key: 0,\n class: \"ds-nav-mobile-item__icon\",\n size: \"lg\",\n iconName: m.navItem.iconName\n }, null, 8, [\"iconName\"])) : L(\"\", !0),\n H(Y, {\n \"text-type\": \"label-lg\",\n \"text-style\": \"medium\",\n \"html-element\": \"span\"\n }, {\n default: z(() => [\n U(W(d.value), 1)\n ]),\n _: 1\n })\n ])\n ])) : L(\"\", !0);\n }\n}), Hi = /* @__PURE__ */ E(\"div\", { class: \"ds-nav-mobile__title-bar\" }, null, -1), zi = [\"aria-label\"], Ri = { class: \"ds-nav-mobile__group\" }, Vi = {\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 = (i) => {\n var u;\n return !!i && t.includes(i.type) && \"children\" in i && !!((u = i.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), o = b(() => {\n var i, u;\n if (s.value) {\n const l = r.value;\n return {\n itemId: `${l.itemId}-title`,\n linkUrl: ((i = l.titleBlock) == null ? void 0 : i.content.linkUrl) ?? \"#\",\n text: ((u = l.titleBlock) == null ? void 0 : u.content.linkText) ?? \"\",\n type: \"link\"\n };\n }\n return null;\n });\n return (i, u) => (c(), O(Ue, { name: \"persist\" }, {\n default: z(() => {\n var l;\n return [\n i.activeParent ? (c(), _(\"div\", {\n key: 0,\n class: K(`ds-nav-mobile__level ds-nav-mobile__level${i.level}`)\n }, [\n Hi,\n a(i.activeParent) ? (c(), _(\"section\", {\n key: 0,\n \"aria-label\": i.activeParent.text,\n class: \"ds-nav-mobile__nav\"\n }, [\n o.value ? (c(), O(rt, {\n key: 0,\n level: i.level,\n navItem: o.value,\n \"is-section-page\": !0\n }, null, 8, [\"level\", \"navItem\"])) : r.value !== null ? (c(), O(rt, {\n key: 1,\n level: i.level,\n navItem: r.value,\n \"is-section-page\": !0\n }, null, 8, [\"level\", \"navItem\"])) : L(\"\", !0),\n E(\"div\", Ri, [\n (c(!0), _(ne, null, ue(i.activeParent.children, (d) => (c(), O(rt, {\n key: d.text,\n level: i.level,\n navItem: d\n }, null, 8, [\"level\", \"navItem\"]))), 128))\n ]),\n \"cards\" in i.activeParent ? (c(), _(\"div\", Vi, [\n (c(!0), _(ne, null, ue((l = i.activeParent.cards) == null ? void 0 : l.slice(0, 2), (d) => (c(), O(zt, ve(d, {\n key: d.title\n }), null, 16))), 128))\n ])) : L(\"\", !0)\n ], 8, zi)) : L(\"\", !0)\n ], 2)) : L(\"\", !0)\n ];\n }),\n _: 1\n }));\n }\n}), qi = {\n key: 0,\n class: \"ds-nav-mobile-service\"\n}, ji = /* @__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, o = b(\n () => {\n var i;\n if (t && \"countryList\" in t && \"headline\" in t)\n return {\n iconName: \"globe\",\n itemId: \"select-country\",\n children: (i = t == null ? void 0 : t.countryList) == null ? void 0 : i.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 (i, u) => {\n var l;\n return w(e) || w(r) && ((l = w(r)) != null && l.length) || o.value ? (c(), _(\"div\", qi, [\n w(e) && w(a) && w(s) ? (c(), O(rt, {\n key: 0,\n level: 0,\n navItem: w(s)\n }, null, 8, [\"navItem\"])) : L(\"\", !0),\n o.value ? (c(), O(rt, {\n key: 1,\n level: 0,\n navItem: o.value\n }, null, 8, [\"navItem\"])) : L(\"\", !0),\n (c(!0), _(ne, null, ue(w(r), (d) => (c(), O(rt, {\n level: 0,\n key: d == null ? void 0 : d.text,\n navItem: d\n }, null, 8, [\"navItem\"]))), 128))\n ])) : L(\"\", !0);\n };\n }\n}), Wi = { class: \"ds-nav-mobile\" }, Ui = [\"inert\"], Ki = { class: \"ds-nav-mobile__nav\" }, Gi = { class: \"ds-nav-mobile__group\" }, Yi = { class: \"ds-nav-mobile__service\" }, Qi = {\n key: 0,\n class: \"ds-nav-mobile__cta\"\n}, Xi = /* @__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), o = 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 }), (i, u) => (c(), _(\"div\", Wi, [\n E(\"div\", {\n class: \"ds-nav-mobile__scroll\",\n ref_key: \"scroll\",\n ref: e\n }, [\n E(\"div\", {\n class: K([\"ds-nav-mobile__levels\", `ds-nav-mobile__levels--level${w(t)}`])\n }, [\n E(\"div\", {\n class: \"ds-nav-mobile__level ds-nav-mobile__level0\",\n inert: w(t) !== 0 ? \"true\" : void 0\n }, [\n E(\"div\", Ki, [\n E(\"div\", Gi, [\n (c(!0), _(ne, null, ue(i.navItems, (l) => (c(), O(rt, {\n level: 0,\n key: l.text,\n navItem: l\n }, null, 8, [\"navItem\"]))), 128))\n ])\n ]),\n E(\"div\", Yi, [\n H(ji)\n ])\n ], 8, Ui),\n H(Zt, {\n activeParent: w(a)[0],\n inert: w(t) !== 1 ? \"true\" : void 0,\n level: 1\n }, null, 8, [\"activeParent\", \"inert\"]),\n H(Zt, {\n activeParent: w(a)[1],\n inert: w(t) !== 2 ? \"true\" : void 0,\n level: 2\n }, null, 8, [\"activeParent\", \"inert\"]),\n H(Zt, {\n activeParent: w(a)[2],\n inert: w(t) !== 3 ? \"true\" : void 0,\n level: 3\n }, null, 8, [\"activeParent\", \"inert\"])\n ], 2)\n ], 512),\n o.value && w(r) ? (c(), _(\"div\", Qi, [\n H(ya, null, {\n default: z(() => [\n !w(s) && w(r).loginButtonLabel ? (c(), O(be, {\n key: 0,\n \"click-handler\": w(r).loginButtonFn,\n href: w(r).loginButtonLink,\n variant: \"primary\"\n }, {\n default: z(() => [\n U(W(w(r).loginButtonLabel), 1)\n ]),\n _: 1\n }, 8, [\"click-handler\", \"href\"])) : L(\"\", !0),\n w(s) && w(r).logoutButtonLabel ? (c(), O(be, {\n key: 1,\n \"click-handler\": w(r).logoutButtonFn,\n href: w(r).logoutButtonLink,\n variant: \"secondary\"\n }, {\n default: z(() => [\n U(W(w(r).logoutButtonLabel), 1)\n ]),\n _: 1\n }, 8, [\"click-handler\", \"href\"])) : L(\"\", !0)\n ]),\n _: 1\n })\n ])) : L(\"\", !0)\n ]));\n }\n}), Zi = (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), Ji = (n) => (n == null ? void 0 : n.content.cards) ?? [], Ca = (n) => {\n const e = Zi(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: Ji(a)\n };\n}, eu = (n) => Ca(n), tu = (n) => Ca(n), nu = [\"aria-label\", \"role\"], au = {\n key: 0,\n class: \"ds-header-mobile__nav\"\n}, ru = { class: \"ds-header-mobile__search\" }, su = /* @__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: o, headerHeight: i } = La(\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: ${i.value};`), d = b(() => s.value === \"open\" ? (g == null ? void 0 : g.mobileMenuButtonCloseLabel) ?? \"Close menu\" : (g == null ? void 0 : g.mobileMenuButtonOpenLabel) ?? \"Open menu\"), m = 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 A of o.value)\n y.push(A);\n return y;\n }), v = b(() => e.navItems.map((y) => {\n var F;\n const A = { ...y };\n return A.type === \"mega\" ? eu(A) : (A.type === \"link\" && ((F = A.children) != null && F.some((G) => G.type === \"secondary\")) && (A.children = A.children.map((G) => G.type === \"secondary\" ? tu(\n G\n ) : G)), A);\n })), f = async (y) => {\n if (y.key === \"Escape\" && (s.value = \"closed\", B(), a.value)) {\n const A = a.value.querySelector(\n \".ds-header-mobile__toggle\"\n );\n A && (await Qe(), A.focus());\n }\n }, h = () => {\n s.value !== \"search\" ? (s.value = \"search\", e.searchFn && e.searchFn(!0)) : s.value === \"search\" && (s.value = \"closed\", e.searchFn && e.searchFn(!1));\n }, S = () => {\n s.value === \"closed\" ? s.value = \"open\" : (s.value === \"open\" || s.value === \"search\") && (s.value = \"closed\"), B();\n }, B = () => {\n C.value = 0, D.value = [];\n }, D = I([]), C = I(0), T = (y, A = 0) => {\n D.value.length < A && y ? D.value.push(y) : D.value.pop(), C.value = A;\n }, g = ee(\"labels\", {}), M = g.mobileMenuLabel ? g.mobileMenuLabel : \"Mobile menu\";\n fe(\"navigateLevel\", T), fe(\"mobileMenuLevel\", C), fe(\"activeItems\", D), fe(\"countrySelector\", e.countrySelector);\n const $ = () => {\n var y, A, F;\n (y = a.value) != null && y.parentElement && ((F = (A = a.value) == null ? void 0 : A.parentElement) == null ? void 0 : F.getAttribute(\"data-sticky-mount\")) === \"true\" && (r.value = !0);\n }, k = (y) => {\n const A = document.querySelectorAll(\n e.inertTargetSelector\n );\n y ? A.forEach((F) => {\n F.setAttribute(\"inert\", \"true\");\n }) : A.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, A) => (c(), _(\"header\", {\n \"aria-label\": w(M),\n class: K([\"ds-header-mobile\", m.value]),\n role: u.value,\n ref_key: \"header\",\n ref: a,\n style: ge(l.value),\n onKeydown: f\n }, [\n H(Ei, {\n isTopLevel: C.value === 0,\n logo: w(t),\n enableSearch: y.enableSearch,\n enableBasket: y.enableBasket,\n basketCount: y.basketCount,\n basketFn: y.basketFn,\n onSearchClick: h,\n onToggleClick: S,\n onBackClick: () => T(null, C.value - 1),\n labels: w(g),\n menuState: s.value,\n menuButtonLabel: d.value\n }, null, 8, [\"isTopLevel\", \"logo\", \"enableSearch\", \"enableBasket\", \"basketCount\", \"basketFn\", \"onBackClick\", \"labels\", \"menuState\", \"menuButtonLabel\"]),\n s.value === \"open\" ? (c(), _(\"div\", au, [\n H(Xi, { navItems: v.value }, null, 8, [\"navItems\"])\n ])) : L(\"\", !0),\n me(E(\"div\", ru, [\n re(y.$slots, \"searchMobile\")\n ], 512), [\n [pe, s.value === \"search\"]\n ])\n ], 46, nu));\n }\n}), yd = /* @__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 } = ye();\n return (r, s) => (c(), _(ne, null, [\n !w(a) && t.value ? (c(), O(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 re(r.$slots, \"searchDesktop\")\n ]),\n _: 3\n }, 8, [\"basket-count\", \"basket-fn\", \"enable-basket\", \"enable-search\", \"enable-sticky\", \"nav-items\", \"search-fn\"])) : L(\"\", !0),\n w(a) && t.value ? (c(), O(su, {\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 re(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\"])) : L(\"\", !0),\n t.value ? L(\"\", !0) : re(r.$slots, \"default\", { key: 2 })\n ], 64));\n }\n}), ou = { class: \"ds-underscore\" }, lu = /* @__PURE__ */ q({\n __name: \"ds-underscore\",\n setup(n) {\n return (e, t) => (c(), _(\"span\", ou));\n }\n}), iu = [\"innerHTML\"], _d = /* @__PURE__ */ q({\n __name: \"ds-page-header\",\n props: {\n title: {},\n text: {}\n },\n setup(n) {\n return (e, t) => (c(), O(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 U(W(e.title), 1),\n H(lu)\n ]),\n _: 1\n }),\n e.text ? (c(), O(Y, {\n key: 0,\n class: \"ds-page-header__text\",\n \"text-type\": \"heading-xl\"\n }, {\n default: z(() => [\n E(\"span\", { innerHTML: e.text }, null, 8, iu)\n ]),\n _: 1\n })) : L(\"\", !0)\n ]),\n _: 1\n }));\n }\n}), uu = {\n key: 0,\n class: \"ds-pagination\"\n}, cu = [\"aria-label\"], du = { class: \"ds-pagination__list\" }, fu = { class: \"ds-visually-hidden\" }, vu = {\n key: 1,\n class: \"ds-pagination__truncator\"\n}, lt = 1, mu = 2, Un = \"...\", kd = /* @__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 && $ <= S.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 }, o = ($) => {\n r($, l.value + 1);\n };\n let i = !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 > S.value ? S.value : u.value), d = b(() => l.value > lt ? l.value - 1 : lt), m = b(() => l.value < S.value ? l.value + 1 : S.value), v = b(\n () => e.pageSize * (l.value - 1) + 1\n ), f = b(\n () => e.pageSize * l.value < e.totalResults ? e.pageSize * l.value : e.totalResults\n ), h = b(\n () => `${e.labelResults.replace(\"{startRange}\", v.value.toString()).replace(\"{endRange}\", f.value.toString()).replace(\"{total}\", e.totalResults.toString())}`\n ), S = b(() => Math.ceil(e.totalResults / e.pageSize));\n let B = b(() => D.value ? 5 : 9);\n const { isMobile: D } = ye(), C = ($, k, y, A, F) => {\n for (F = Number(Math.min(F, A)); $.length < F; ) {\n const G = k - y, P = k + y;\n G >= lt && $.unshift(G), P <= A && $.length < F && $.push(P), y++;\n }\n return $;\n }, T = ($, k, y) => {\n if (k < y) return $;\n const A = [...$];\n return A[0] = lt, A[A.length - 1] = k, A[1] !== mu && (A[1] = Un), A[A.length - 2] !== k - 1 && (A[A.length - 2] = Un), A;\n }, g = ($, k, y) => T(\n C(\n [$],\n $,\n 1,\n k,\n y\n ),\n k,\n y\n ), M = b(() => g(\n l.value,\n S.value,\n B.value\n ));\n return i = !0, ($, k) => $.totalResults && S.value > 1 ? (c(), _(\"div\", uu, [\n w(i) ? L(\"\", !0) : re($.$slots, \"default\", { key: 0 }),\n w(i) ? (c(), _(\"nav\", {\n key: 1,\n \"aria-label\": $.labelPagination,\n class: \"ds-pagination__nav\"\n }, [\n H(w(he), {\n iconName: \"button-chevron-left\",\n ariaLabel: $.labelPrevious,\n clickHandler: s,\n disabled: l.value === 1,\n href: $.urlStructure.replace(\n \"{page}\",\n d.value.toString()\n ),\n size: \"sm\",\n variant: \"secondary\"\n }, null, 8, [\"ariaLabel\", \"disabled\", \"href\"]),\n E(\"ul\", du, [\n (c(!0), _(ne, null, ue(M.value, (y, A) => (c(), _(\"li\", {\n key: typeof y == \"number\" ? y : `trunc-${A}`\n }, [\n typeof y == \"number\" ? (c(), O(w(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 E(\"span\", fu, W($.labelPage), 1),\n U(\" \" + W(y), 1)\n ]),\n _: 2\n }, 1032, [\"aria-current\", \"selected\", \"href\", \"onClick\"])) : L(\"\", !0),\n y === \"...\" ? (c(), _(\"div\", vu, \" … \")) : L(\"\", !0)\n ]))), 128))\n ]),\n H(w(he), {\n iconName: \"button-chevron-right\",\n ariaLabel: $.labelNext,\n clickHandler: o,\n disabled: l.value === S.value,\n href: $.urlStructure.replace(\"{page}\", m.value.toString()),\n size: \"sm\",\n variant: \"secondary\"\n }, null, 8, [\"ariaLabel\", \"disabled\", \"href\"])\n ], 8, cu)) : L(\"\", !0),\n H(w(Y), {\n \"aria-live\": \"polite\",\n \"html-element\": \"div\",\n textType: \"label-sm\",\n class: \"ds-pagination__results\"\n }, {\n default: z(() => [\n U(W(h.value), 1)\n ]),\n _: 1\n })\n ])) : L(\"\", !0);\n }\n}), pu = {\n key: 0,\n class: \"ds-progress-dots\",\n \"aria-hidden\": \"true\"\n}, wd = /* @__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(), _(\"div\", pu, [\n (c(!0), _(ne, null, ue(e.numberOfItems, (a, r) => (c(), _(\"div\", {\n key: r,\n class: K([\n \"ds-progress-dots__dot\",\n e.activeIndex === r ? \"ds-progress-dots__dot--active\" : void 0\n ])\n }, null, 2))), 128))\n ])) : L(\"\", !0);\n }\n}), hu = [\"aria-label\", \"disabled\"], gu = [\"min\", \"max\", \"disabled\", \"aria-label\", \"value\", \"id\"], bu = [\"aria-label\", \"disabled\"], $d = /* @__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 })), o = () => {\n d(t.modelValue - 1);\n }, i = () => {\n d(t.modelValue + 1);\n }, u = (m) => {\n const v = m.target, f = Number(v.value.replace(/\\D/g, \"\")), h = parseInt(f.toString(), 10);\n d(h);\n }, l = yn((m) => {\n a(\"change\", m);\n }, t.debounceDuration), d = (m) => {\n const v = Math.max(\n t.min,\n Math.min(t.max, m || t.min)\n );\n r.value !== null && v !== m && (r.value.value = `${v}`), a(\"update:modelValue\", v), l(v);\n };\n return (m, v) => (c(), _(\"div\", {\n class: K(s.value)\n }, [\n E(\"button\", {\n \"aria-label\": m.ariaLabelDecreaseQuantity,\n class: \"ds-quantity-selector__button ds-quantity-selector__button--decrease\",\n disabled: m.modelValue <= m.min || m.disabled,\n type: \"button\",\n onClick: We(o, [\"prevent\"])\n }, [\n H(w(se), { \"icon-name\": \"subtract\" })\n ], 8, hu),\n E(\"input\", {\n min: m.min,\n max: m.max,\n step: \"1\",\n class: \"ds-quantity-selector__input\",\n disabled: m.disabled,\n onInput: u,\n \"aria-label\": m.ariaLabelInput,\n \"aria-live\": \"polite\",\n type: \"number\",\n autocomplete: \"off\",\n value: m.modelValue,\n ref_key: \"inputEl\",\n ref: r,\n id: m.id\n }, null, 40, gu),\n E(\"button\", {\n \"aria-label\": m.ariaLabelIncreaseQuantity,\n class: \"ds-quantity-selector__button ds-quantity-selector__button--increase\",\n disabled: m.modelValue >= m.max || m.disabled,\n type: \"button\",\n onClick: We(i, [\"prevent\"])\n }, [\n H(w(se), { \"icon-name\": \"add\" })\n ], 8, bu)\n ], 2));\n }\n}), yu = {\n class: \"ds-scroll-progress-bar\",\n \"aria-hidden\": \"true\"\n}, _u = /* @__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 o = new ResizeObserver(() => {\n i(), u();\n });\n const i = () => {\n var v, f;\n a.value = ((v = e.scrollContainerRef) == null ? void 0 : v.scrollWidth) ?? 0, r.value = ((f = e.scrollContainerRef) == null ? void 0 : f.clientWidth) ?? 0;\n }, u = () => {\n e.scrollContainerRef && (t.value = Math.abs(e.scrollContainerRef.scrollLeft) ?? 0);\n }, l = $a(\n () => {\n u();\n },\n 100,\n !0\n );\n le(\n () => e.scrollContainerRef,\n (v, f) => {\n f && f.removeEventListener(\"scroll\", () => {\n l();\n }), v && (o.observe(v), v.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 d = b(() => {\n if (!e.scrollContainerRef || s.value === 1) return 0;\n let v = Math.min(\n t.value / a.value + s.value,\n 1\n );\n return v > 0.98 ? 1 : v;\n }), m = b(() => ({\n \"--progress-scale-factor\": d.value.toString()\n }));\n return (v, f) => (c(), _(\"div\", yu, [\n E(\"div\", {\n style: ge(m.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(), _(ne, null, [\n E(\"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(), _(\"div\", {\n key: 0,\n class: K([\"ds-spinner\", r.displayMode === \"solid\" ? \"--solid\" : null])\n }, [\n E(\"div\", wu, [\n H(la),\n r.label ? (c(), O(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 E(\"span\", {\n innerHTML: r.label,\n ref_key: \"textLabel\",\n ref: t\n }, null, 8, $u)\n ]),\n _: 1\n })) : L(\"\", !0)\n ])\n ], 2)) : L(\"\", !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(), _(\"div\", {\n class: K([\"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(), O(Wt, {\n class: K([\"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}), Pd = /* @__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 (o, i) => (c(), O(Wt, {\n class: K([\"ds-skeleton-button\", o.additionalClasses]),\n \"additional-classes\": o.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}), Sd = /* @__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(), O(Wt, {\n class: K([\"ds-skeleton-circle\", r.additionalClasses]),\n aspectRatio: 1,\n height: a.value,\n width: a.value\n }, null, 8, [\"class\", \"height\", \"width\"]));\n }\n}), Ma = {\n elevation: \"default\",\n padding: \"none\"\n}, Ea = /* @__PURE__ */ q({\n __name: \"ds-surface\",\n props: /* @__PURE__ */ sa({\n elevation: {},\n padding: {}\n }, {\n ...Ma\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(), _(\"div\", {\n class: K([\"ds-surface\", [t.value, a.value]])\n }, [\n re(r.$slots, \"default\")\n ], 2));\n }\n}), Ld = /* @__PURE__ */ q({\n __name: \"ds-skeleton-surface\",\n props: /* @__PURE__ */ sa({\n elevation: {},\n padding: {}\n }, {\n ...Ma\n }),\n setup(n) {\n const e = n;\n return (t, a) => (c(), O(Ea, ve({ class: \"ds-skeleton-surface\" }, e), {\n default: z(() => [\n re(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(), O(Wt, {\n class: K([\"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 o = s[0];\n t.value = o.contentRect.width;\n });\n const a = b(() => typeof t.value < \"u\" ? {\n \"--skeleton-container-width\": `${rn(t.value)}`\n } : {});\n return (s, o) => (c(), _(\"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 re(s.$slots, \"default\")\n ], 4));\n }\n}), Tu = [\"innerHTML\"], Pu = [\"innerHTML\"], Su = /* @__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(), _(\"article\", {\n class: K([\"ds-fact\", `ds-fact--${e.variant}`])\n }, [\n e.stat ? (c(), O(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 E(\"span\", { innerHTML: e.stat }, null, 8, Tu)\n ]),\n _: 1\n })) : L(\"\", !0),\n e.brandIconName ? (c(), O(ia, {\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\"])) : L(\"\", !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 E(\"span\", { innerHTML: e.text }, null, 8, Pu)\n ]),\n _: 1\n })\n ], 2));\n }\n}), Lu = {\n key: 0,\n class: \"ds-tag__dot\"\n}, Cu = /* @__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(), O(Y, {\n class: K([\"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(), _(\"span\", Lu)) : L(\"\", !0),\n U(W(t.text), 1)\n ]),\n _: 1\n }, 8, [\"class\"]));\n }\n}), Mu = [\"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(), _(\"div\", {\n class: K([\"ds-sticky-media\", { \"is-visible\": a.isActive }]),\n style: ge({\n zIndex: `${a.stackingIndex}`\n })\n }, [\n a.imageSrc ? (c(), _(\"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, Mu)) : L(\"\", !0)\n ], 6));\n }\n}), Eu = {\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n \"2xl\": 1400\n}, Nu = (n = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"]) => {\n const e = en(\n {}\n ), t = {}, a = {};\n return de(() => {\n n.forEach((r) => {\n const s = Eu[r], o = window.matchMedia(`(min-width: ${s}px)`);\n t[r] = o, e[r] = o.matches;\n const i = (u) => {\n e[r] = u.matches;\n };\n a[r] = i, o.addEventListener(\"change\", i);\n });\n }), Ve(() => {\n n.forEach((r) => {\n const s = t[r], o = a[r];\n s && o && s.removeEventListener(\"change\", o);\n });\n }), e;\n}, Au = { class: \"ds-sticky-panel__content\" }, xu = { class: \"ds-sticky-panel__content-top\" }, Bu = {\n key: 0,\n class: \"ds-sticky-panel__content-bottom\"\n}, Ou = \"button-external-link\", Du = \"button-navigate-forward\", Fu = /* @__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 = Nu([\"xl\"]), a = b(() => e.linkIsExternal ? Ou : Du), 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\"), o = 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 }), i = b(() => e.index), u = b(() => e.numberOfPanels - e.index);\n return (l, d) => (c(), O(qt, {\n class: K([\"ds-sticky-panel\", o.value]),\n style: ge({\n zIndex: `${i.value}`\n })\n }, {\n default: z(() => {\n var m;\n return [\n E(\"div\", Au, [\n E(\"div\", xu, [\n w(t).xl ? L(\"\", !0) : (c(), O(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(), O(Cu, {\n key: 1,\n class: \"ds-sticky-panel__tag\",\n text: l.tag\n }, null, 8, [\"text\"])) : L(\"\", !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 U(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 U(W(l.text), 1)\n ]),\n _: 1\n }),\n l.linkText ? (c(), O(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 U(W(l.linkText), 1)\n ]),\n _: 1\n }, 8, [\"variant\", \"href\", \"icon-end\", \"target\"])) : L(\"\", !0)\n ]),\n (m = l.facts) != null && m.length ? (c(), _(\"div\", Bu, [\n (c(!0), _(ne, null, ue(l.facts, (v) => (c(), O(Su, {\n key: v.text,\n stat: v.stat,\n \"brand-icon-name\": v.brandIconName,\n variant: r.value,\n text: v.text\n }, null, 8, [\"stat\", \"brand-icon-name\", \"variant\", \"text\"]))), 128))\n ])) : L(\"\", !0)\n ])\n ];\n }),\n _: 1\n }, 8, [\"class\", \"style\"]));\n }\n}), Hu = {\n key: 0,\n class: \"ds-sticky-panels__media\"\n}, zu = 0.1, Ru = 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 } = ye(), { isMobile: a } = ye(1200), r = I(null), s = I(null), o = I(null), i = I([]), u = I(0), l = I(!1), d = I(!1), m = I(!1), v = b(\n () => l.value && d.value && m.value\n ), { directions: f } = Ta(window), h = [\"inverse\", \"decorative-2-subtle\", \"decorative-3-muted\"], S = b(() => h[u.value % h.length]), B = b(() => !f.bottom && u.value === 0 || !f.top && u.value === i.value.length - 1 ? !1 : v.value), D = b(() => {\n const $ = [`ds-sticky-panels--bg-${S.value}`];\n return B.value && !a.value && $.push(\"ds-sticky-panels--active\"), e.scrollSnap && !a.value && $.push(`ds-sticky-panels--scroll-snap-${e.scrollSnap}`), $;\n }), C = ($, k) => {\n if ($) {\n const y = ($ == null ? void 0 : $.$el) ?? $;\n i.value[k] = y;\n }\n }, T = () => {\n let $ = 0, k = u.value, y = null;\n for (let A = 0; A < i.value.length; A += 1) {\n const F = i.value[A], G = F.getBoundingClientRect(), p = (Math.min(G.bottom, window.innerHeight) - Math.max(G.top, 0)) / G.height;\n p >= zu && p > $ && ($ = p, k = A, y = F, u.value = k);\n }\n y && y.scrollIntoView({\n behavior: \"smooth\",\n block: \"start\"\n });\n }, g = window.matchMedia(\"(min-width: 1200px)\"), M = ($) => {\n $.matches && T();\n };\n return de(() => {\n s.value && wt(\n s,\n ([$]) => {\n l.value = !$.isIntersecting;\n },\n { threshold: [0] }\n ), o.value && wt(\n o,\n ([$]) => {\n d.value = !$.isIntersecting;\n },\n { threshold: [0] }\n ), r.value && wt(\n r,\n ([$]) => {\n m.value = $.isIntersecting;\n },\n { threshold: [0] }\n ), i.value.forEach(($, k) => {\n wt(\n $,\n ([y]) => {\n v.value && y.isIntersecting && (u.value = k);\n },\n { threshold: Ru }\n );\n }), g.addEventListener(\"change\", M);\n }), Ve(() => {\n g.removeEventListener(\"change\", M);\n }), le(a, async ($) => {\n $ === !1 && await Qe(() => {\n T();\n });\n }), le(B, () => {\n l.value === !1 && d.value === !0 && (u.value = 0), d.value === !1 && l.value === !0 && (u.value = i.value.length - 1);\n }), ($, k) => (c(), _(\"div\", {\n class: K([\"ds-sticky-panels\", D.value]),\n style: ge(`--sticky-header-offset: ${$.stickyHeaderOffset}px`),\n ref_key: \"containerRef\",\n ref: r\n }, [\n E(\"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(), _(ne, null, ue(h, (y, A) => E(\"div\", {\n key: `${y}-${A}`,\n class: K([\"ds-sticky-panels__bg-layer\", { \"is-visible\": A === u.value }]),\n style: ge({ backgroundColor: `var(--ds-color-bg-${y})` })\n }, null, 6)), 64)),\n w(t) ? L(\"\", !0) : (c(), _(\"div\", Hu, [\n (c(!0), _(ne, null, ue($.panels, (y, A) => (c(), O(Na, {\n isActive: u.value === A,\n key: y.image,\n imageAlt: y.imageAlt,\n imageSrc: y.image,\n \"stacking-index\": $.panels.length - A,\n mediaFocalPoint: y.mediaFocalPoint\n }, null, 8, [\"isActive\", \"imageAlt\", \"imageSrc\", \"stacking-index\", \"mediaFocalPoint\"]))), 128))\n ]))\n ]),\n _: 1\n }),\n (c(!0), _(ne, null, ue($.panels, (y, A) => (c(), O(Fu, {\n key: y.title,\n ref_for: !0,\n ref: (F) => C(F, A),\n activeIndex: u.value,\n activeBgColour: S.value,\n \"bg-colour\": h[A % h.length],\n facts: y.facts,\n inlineMedia: w(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: A,\n numberOfPanels: $.panels.length,\n class: K({ \"is-above\": A < 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 E(\"div\", {\n class: \"ds-sticky-panels__bg-bottom\",\n ref_key: \"bgPanelBottomRef\",\n ref: o\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 N = [];\n return N.push(\n e.width === \"full\" ? \"ds-table--full\" : \"ds-table--auto\"\n ), t.value && N.push(\"ds-table--row-headers\"), e.hideCaption && N.push(\"ds-table--hide-caption\"), a.value < 3 ? N.push(\"ds-table--responsive-simple\") : N.push(\"ds-table--responsive-stacked\"), N;\n }), s = I(null);\n let o, i, u, l, d, m, v, f, h, S, B, D, C, T, g = [];\n ln(() => {\n var j;\n const N = (j = s.value) == null ? void 0 : j.querySelector(\".ds-table__caption\");\n N && (N.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 && (A(), x(), R(), y(), s.value.replaceChild(\n u,\n i\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 o = document.createDocumentFragment(), s.value !== null && (i = s.value.querySelector(\"table\"), u = i ? i.cloneNode(!0) : null, u && (o.appendChild(u), l = o.querySelector(\"table\"), d = o.querySelector(\"thead\"), f = o.querySelector(\"tbody\"), B = o.querySelectorAll(\"tr\"), D = o.querySelectorAll(\"th\"), C = o.querySelectorAll(\"td\"), S = o.querySelectorAll(\"colgroup\"), h = o.querySelectorAll(\"col\"), m = o.querySelector(\"tfoot\"), v = o.querySelector(\"caption\"), T = o.querySelectorAll(\"p\"), g = [\n l,\n d,\n f,\n m,\n v,\n ...B,\n ...D,\n ...C,\n ...S,\n ...h,\n ...T\n ]));\n }, y = () => {\n l == null || l.classList.add(\"ds-table__table\"), d == null || d.querySelectorAll(\"th\").forEach((j) => {\n j.classList.add(\"ds-text-heading-xl\", \"ds-text--medium\");\n });\n const N = f == null ? void 0 : f.querySelectorAll(\"th\");\n N == null || N.forEach((j) => {\n j.classList.add(\"ds-text-body-md\", \"ds-text--medium\");\n }), C == null || C.forEach((j) => {\n j.classList.add(\"ds-text-body-md\", \"ds-text--regular\");\n }), v && v.classList.add(\"ds-table__caption\", \"ds-text-heading-xl\"), N != null && N.length && (t.value = !0);\n }, A = () => {\n g.filter((N) => N !== null).forEach((N) => {\n if (N.hasAttribute(\"style\")) {\n const j = N.getAttribute(\"style\") || \"\", Z = new Map(\n j.split(\";\").map(\n (ae) => ae.trim().split(\":\")\n )\n ), V = [\n \"vertical-align\",\n \"text-align\",\n \"font-weight\",\n \"font-style\"\n ], J = Array.from(Z).filter(([ae]) => V.includes(ae.trim())).map(([ae, te]) => `${ae}: ${te}`).join(\"; \");\n N.removeAttribute(\"style\"), J && N.setAttribute(\"style\", J);\n }\n $.forEach((j) => {\n j !== \"style\" && N.removeAttribute(j);\n });\n });\n }, F = (N) => {\n const j = N.parentNode, Z = document.createElement(\"th\");\n Z.innerHTML = N.innerHTML, j == null || j.replaceChild(Z, N);\n }, G = () => {\n const N = l == null ? void 0 : l.querySelector(\n \"tr:first-child:has(td strong), tr:first-child:has(td b)\"\n );\n N && (N == null ? void 0 : N.querySelectorAll(\"td\")).forEach((V) => {\n F(V);\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 }, P = () => {\n !v && e.caption && (v = l == null ? void 0 : l.createCaption()), v && e.caption && (v.innerHTML = e.caption);\n }, p = () => {\n if (!d) {\n const N = l == null ? void 0 : l.querySelector(\n \"tr:first-child:has(th)\"\n );\n if (N) {\n const j = N.parentNode, Z = j == null ? void 0 : j.removeChild(N);\n d = l == null ? void 0 : l.createTHead(), d && Z && d.appendChild(Z), D = l == null ? void 0 : l.querySelectorAll(\"th\");\n }\n }\n }, x = () => {\n G(), p(), P();\n }, R = () => {\n const N = d == null ? void 0 : d.querySelectorAll(\"th\");\n N == null || N.forEach((Z) => Z.scope = \"col\");\n const j = f == null ? void 0 : f.querySelectorAll(\"th\");\n if (j == null || j.forEach((Z) => Z.scope = \"row\"), N) {\n const Z = [...N].map((J) => J.textContent ?? \"\"), V = f == null ? void 0 : f.querySelectorAll(\"tr\");\n V && Z && [...V].map((J) => {\n [...J.childNodes].map((ae, te) => {\n ae.setAttribute(\"data-col-header\", Z[te]);\n });\n });\n }\n };\n return (N, j) => (c(), _(\"div\", {\n class: K([\"ds-table\", r.value]),\n ref_key: \"table\",\n ref: s\n }, [\n re(N.$slots, \"default\")\n ], 2));\n }\n}), Vu = [\"aria-labelledby\", \"id\"], qu = /* @__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) => me((c(), _(\"div\", {\n \"aria-labelledby\": `${r.id}-button`,\n role: \"tabpanel\",\n id: r.id,\n class: \"ds-tab-panel\"\n }, [\n re(r.$slots, \"default\")\n ], 8, Vu)), [\n [pe, a.value]\n ]);\n }\n}), Ut = (n) => {\n const e = document.getElementById(n);\n e == null || e.focus();\n}, ju = (n) => {\n var t;\n const e = `${(t = n == null ? void 0 : n.dataset) == null ? void 0 : t.nextId}`;\n Ut(e);\n}, Wu = (n) => {\n var t;\n const e = `${(t = n == null ? void 0 : n.dataset) == null ? void 0 : t.prevId}`;\n Ut(e);\n}, Uu = (n) => {\n var t;\n const e = `${(t = n == null ? void 0 : n.dataset) == null ? void 0 : t.lastId}`;\n Ut(e);\n}, Ku = (n) => {\n var t;\n const e = `${(t = n == null ? void 0 : n.dataset) == null ? void 0 : t.firstId}`;\n Ut(e);\n}, Gu = {\n ArrowUp: Wu,\n ArrowDown: ju,\n Home: Ku,\n End: Uu\n}, Kn = (n) => {\n const e = Gu[n.key];\n if (e) {\n const t = document.activeElement;\n e(t), n.stopPropagation(), n.preventDefault();\n }\n}, Yu = /* @__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, () => i.value = !1);\n const t = n, a = Ze(\"tab-menu\"), r = () => {\n i.value = !i.value;\n }, s = (l) => {\n typeof l < \"u\" && (i.value = !1, t.setActive(l));\n }, o = b(\n () => i.value ? \"ds-tabs-menu--active\" : null\n ), i = I(!1), u = b(() => {\n const l = [];\n return t.hiddenItems && t.hiddenItems.forEach((d) => {\n var v;\n const m = {\n id: `${d == null ? void 0 : d.id}-hidden`,\n panelId: (v = d == null ? void 0 : d.dataset) == null ? void 0 : v.id,\n text: d == null ? void 0 : d.dataset.label\n };\n l.push(m);\n }), l;\n });\n return (l, d) => {\n var m;\n return c(), _(\"div\", {\n class: K([\"ds-tabs-menu\", o.value]),\n ref_key: \"menu\",\n ref: e\n }, [\n H(he, {\n \"aria-haspopup\": \"\",\n \"aria-expanded\": i.value,\n \"aria-controls\": w(a),\n ariaLabel: l.accessibleButtonLabel,\n clickHandler: r,\n \"data-next-id\": (m = u.value[0]) == null ? void 0 : m.id,\n onKeydown: w(Kn),\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(Ea, {\n class: \"ds-tabs-menu__content\",\n id: w(a),\n elevation: \"overlay\",\n padding: \"popover\",\n role: \"menu\"\n }, {\n default: z(() => [\n (c(!0), _(ne, null, ue(u.value, (v, f) => {\n var h, S, B, D, C, T;\n return c(), O(be, {\n key: v.id,\n id: `${v.id}`,\n onClick: (g) => s(v == null ? void 0 : v.panelId),\n onKeydown: w(Kn),\n \"data-next-id\": (h = u.value[(f + 1) % u.value.length]) == null ? void 0 : h.id,\n \"data-prev-id\": (D = u.value[(f + ((S = u.value) == null ? void 0 : S.length) - 1) % ((B = u.value) == null ? void 0 : B.length)]) == null ? void 0 : D.id,\n \"data-last-id\": (C = u.value[u.value.length - 1]) == null ? void 0 : C.id,\n \"data-first-id\": (T = u.value[0]) == null ? void 0 : T.id,\n \"data-index\": f,\n role: \"menuitem\",\n variant: \"link-neutral\"\n }, {\n default: z(() => [\n U(W(v.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}, Qu = (n) => {\n var t;\n const e = `${(t = n == null ? void 0 : n.dataset) == null ? void 0 : t.nextId}-button`;\n Kt(e);\n}, Xu = (n) => {\n var t;\n const e = `${(t = n == null ? void 0 : n.dataset) == null ? void 0 : t.prevId}-button`;\n Kt(e);\n}, Zu = (n) => {\n var t;\n const e = `${(t = n == null ? void 0 : n.dataset) == null ? void 0 : t.lastId}-button`;\n Kt(e);\n}, Ju = (n) => {\n var t;\n const e = `${(t = n == null ? void 0 : n.dataset) == null ? void 0 : t.firstId}-button`;\n Kt(e);\n}, ec = {\n ArrowLeft: Xu,\n ArrowRight: Qu,\n Home: Ju,\n End: Zu\n}, Gn = (n) => {\n const e = ec[n.key];\n if (e) {\n const t = document.activeElement;\n e(t), n.stopPropagation(), n.preventDefault();\n }\n};\nfunction tc(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 nc(n, e, t) {\n const a = (u, l = !0) => {\n const d = s(n, u);\n l ? (i(e, d), o(t, u)) : (i(t, d), o(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((d) => (d == null ? void 0 : d.id) === l), o = (u, l) => {\n const d = u.value.findIndex((m) => (m == null ? void 0 : m.id) === l);\n d > -1 && u.value.splice(d, 1);\n }, i = (u, l) => {\n l && !u.value.includes(l) && u.value.push(l);\n };\n return {\n moveItemById: a\n };\n}\nfunction ac(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 rc = { class: \"ds-tabs__nav-wrapper\" }, sc = [\"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\"], oc = {\n key: 0,\n class: \"ds-tabs__panels\"\n}, lc = {\n key: 1,\n class: \"ds-tabs__panels\"\n}, ic = [\"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, A;\n return typeof k.type == \"object\" && \"props\" in k && !!((y = k.props) != null && y.id) && !!((A = k.props) != null && A.name);\n }, s = (k) => k.flatMap((y) => o(y)), o = (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 ] : [] : [], i = 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 : i.value), l = () => {\n if (C.value) {\n const k = document.getElementById(\n `${S.value}-button`\n );\n k == null || k.scrollIntoView({\n behavior: \"smooth\",\n block: \"nearest\",\n inline: \"center\"\n });\n }\n }, d = (k) => {\n const y = k;\n y && !m.value.includes(y) && m.value.push(y);\n }, m = I([]), v = I([]), f = I([]), h = b(() => u.value.map((k) => ({\n id: k.id,\n name: k.name\n }))), S = I(\"\"), B = I(null);\n ac(l);\n const { moveItemById: D } = nc(m, v, f);\n tc(m, B, D);\n const C = b(() => f.value.length > 0), T = b(\n () => C.value ? \"ds-tabs--overflow\" : null\n ), g = (k, y, A) => {\n const F = [];\n return k === y && F.push(\"ds-tab--active\"), A.find((G) => G.id === `${k}-button`) && F.push(\"ds-tab--hidden\"), F;\n }, M = (k) => {\n S.value = k, D(S.value, !0), l();\n };\n fe(\"activeTab\", S);\n const $ = b(() => u.value.length > 1);\n return $.value || console.error(\"Tabs component should have a minimum of 2 tabs\"), ln(() => {\n !S.value && h.value.length > 0 && (S.value = h.value[0].id);\n }), (k, y) => $.value ? (c(), _(\"div\", {\n key: 0,\n class: K([\"ds-tabs\", T.value])\n }, [\n E(\"div\", rc, [\n E(\"div\", {\n class: \"ds-tabs__nav\",\n role: \"tablist\",\n ref_key: \"tablist\",\n ref: B\n }, [\n (c(!0), _(ne, null, ue(h.value, ({ name: A, id: F }, G) => (c(), _(\"button\", {\n \"data-next-id\": h.value[(G + 1) % h.value.length].id,\n \"data-prev-id\": h.value[(G + h.value.length - 1) % h.value.length].id,\n \"data-last-id\": h.value[h.value.length - 1].id,\n \"data-first-id\": h.value[0].id,\n \"data-index\": G,\n \"data-label\": A,\n \"data-id\": F,\n id: `${F}-button`,\n class: K([\"ds-tab\", g(F, S.value, f.value)]),\n \"aria-controls\": F,\n \"aria-selected\": F === S.value,\n tabIndex: F !== S.value ? \"-1\" : void 0,\n key: `${F}-button`,\n ref_for: !0,\n ref: d,\n role: \"tab\",\n onClick: (P) => M(F),\n onKeydown: y[0] || (y[0] = //@ts-ignore\n (...P) => w(Gn) && w(Gn)(...P))\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 U(W(A), 1)\n ]),\n _: 2\n }, 1024)\n ], 42, sc))), 128))\n ], 512),\n C.value ? (c(), O(Yu, {\n key: 0,\n \"accessible-button-label\": k.overflowMenuButtonLabel,\n hiddenItems: f.value,\n setActive: M\n }, null, 8, [\"accessible-button-label\", \"hiddenItems\"])) : L(\"\", !0)\n ]),\n i.value && i.value.length ? (c(), _(\"div\", oc, [\n re(k.$slots, \"default\")\n ])) : (c(), _(\"div\", lc, [\n (c(!0), _(ne, null, ue(k.tabs, (A) => (c(), O(qu, {\n key: A.id,\n id: A.id,\n name: A.name\n }, {\n default: z(() => [\n E(\"div\", {\n innerHTML: A.content\n }, null, 8, ic)\n ]),\n _: 2\n }, 1032, [\"id\", \"name\"]))), 128))\n ]))\n ], 2)) : L(\"\", !0);\n }\n}), uc = [\"innerHTML\"], cc = /* @__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, o) => (c(), _(\"span\", {\n class: K([\"ds-glyph\", r.value]),\n innerHTML: a.value\n }, null, 10, uc));\n }\n}), dc = { class: \"ds-testimonial__image-wrapper\" }, fc = [\"src\", \"alt\"], vc = { class: \"ds-testimonial__content\" }, mc = { class: \"ds-testimonial__quote-wrapper\" }, pc = { 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(), O(hl, {\n \"columns-md\": 2,\n class: K([\"ds-testimonial\", a.value])\n }, {\n default: z(() => [\n E(\"div\", dc, [\n E(\"img\", {\n class: \"ds-testimonial__image\",\n src: r.imageUrl,\n alt: r.imageAltText\n }, null, 8, fc)\n ]),\n E(\"figure\", vc, [\n E(\"div\", mc, [\n E(\"blockquote\", pc, [\n H(Y, {\n \"html-element\": \"q\",\n \"text-type\": \"heading-4xl\",\n class: \"ds-testimonial__text\"\n }, {\n default: z(() => [\n U(W(r.testimonialText), 1)\n ]),\n _: 1\n })\n ])\n ]),\n E(\"figcaption\", null, [\n r.testimonialName ? (c(), O(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 U(W(r.testimonialName), 1),\n H(cc, { glyph: \"underscore\" })\n ]),\n _: 1\n })) : L(\"\", !0),\n t.value ? (c(), O(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 U(W(t.value), 1)\n ]),\n _: 1\n })) : L(\"\", !0)\n ])\n ])\n ]),\n _: 1\n }, 8, [\"class\"]));\n }\n}), hc = {\n key: 0,\n role: \"alert\",\n class: \"ds-toast__inner\"\n}, gc = { class: \"ds-toast__content\" }, bc = {\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 = (f) => {\n e.actionFn && (e.actionFn(f), e.closeOnActionClick && m());\n }, a = I(!1), r = I(e.timeout), s = I(!1), o = I(null), i = I(!1), u = b(() => {\n const f = [\"ds-toast\"];\n return f.push(`ds-toast--${e.variant}`), s.value === !1 && a.value === !1 && f.push(\"ds-toast--initial\"), e.showCountdown && f.push(\"ds-toast--countdown\"), i.value ? f.push(\"ds-toast--multiline\") : f.push(\"ds-toast--singleline\"), f;\n });\n let l = 0, d = 0;\n const m = () => {\n a.value = !1, l = window.setTimeout(() => {\n v();\n }, 500);\n }, v = () => {\n s.value = !0;\n };\n return de(() => {\n a.value = !0;\n const f = Number(r.value) + 1100;\n r.value > 0 && (d = window.setTimeout(() => {\n m();\n }, f));\n }), Ve(() => {\n window.clearTimeout(l), window.clearTimeout(d);\n }), le(a, async () => {\n if (i.value === !0) return;\n await Qe();\n const f = o.value;\n f && f.scrollHeight > f.offsetHeight && (i.value = !0);\n }), (f, h) => s.value ? L(\"\", !0) : (c(), _(\"div\", {\n key: 0,\n class: K(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(), _(\"div\", hc, [\n f.showIcon ? (c(), O(se, {\n key: 0,\n class: \"ds-toast__icon\",\n iconName: \"information-circle\",\n size: \"md\"\n })) : L(\"\", !0),\n E(\"div\", gc, [\n f.description ? (c(), O(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 E(\"div\", {\n ref_key: \"textElem\",\n ref: o\n }, W(f.description), 513)\n ]),\n _: 1\n })) : L(\"\", !0)\n ]),\n f.actionText ? (c(), O(be, {\n key: 1,\n clickHandler: t,\n size: \"sm\",\n variant: \"functional\"\n }, {\n default: z(() => [\n U(W(f.actionText), 1)\n ]),\n _: 1\n })) : L(\"\", !0),\n L(\"\", !0),\n f.showCountdown ? (c(), _(\"div\", bc, [\n E(\"div\", {\n class: \"ds-toast__countdown-bar\",\n style: ge({ animationDuration: `${r.value / 1e3}s` })\n }, null, 4)\n ])) : L(\"\", !0)\n ])) : L(\"\", !0)\n ]),\n _: 1\n })\n ], 2));\n }\n}), yc = [\"data-show\"], _c = [\"aria-label\"], kc = [\"role\"], wc = [\"innerHTML\"], $c = [\"href\", \"target\"], Ic = /* @__PURE__ */ E(\"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 o.value = !1;\n });\n const { toggle: s, isOpen: o } = ba({\n targetNode: a,\n tooltipNode: r,\n placement: e.placement,\n strategy: e.strategy\n }), i = b(() => o.value ? \"status\" : void 0);\n return (u, l) => (c(), _(\"div\", {\n class: \"ds-tooltip\",\n \"data-show\": w(o),\n ref_key: \"container\",\n ref: t\n }, [\n u.iconName ? (c(), _(\"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 (...d) => w(s) && w(s)(...d))\n }, [\n H(se, {\n \"icon-name\": u.iconName,\n size: u.iconSize\n }, null, 8, [\"icon-name\", \"size\"])\n ], 8, _c)) : L(\"\", !0),\n E(\"div\", {\n ref_key: \"tooltip\",\n ref: r,\n class: \"ds-tooltip__tooltip\"\n }, [\n E(\"div\", {\n class: \"ds-tooltip__content\",\n role: i.value\n }, [\n u.title ? (c(), O(Tt(u.titleElement), {\n key: 0,\n class: \"ds-tooltip__title\"\n }, {\n default: z(() => [\n U(W(u.title), 1)\n ]),\n _: 1\n })) : L(\"\", !0),\n H(Y, {\n \"text-type\": \"label-sm\",\n \"html-element\": \"div\"\n }, {\n default: z(() => [\n E(\"div\", { innerHTML: u.text }, null, 8, wc)\n ]),\n _: 1\n }),\n u.linkText && u.linkUrl ? (c(), _(\"a\", {\n key: 1,\n class: \"ds-tooltip__link\",\n href: u.linkUrl,\n target: u.linkTarget\n }, W(u.linkText), 9, $c)) : L(\"\", !0)\n ], 8, kc),\n Ic\n ], 512)\n ], 8, yc));\n }\n});\n/*! @vimeo/player v2.25.0 | (c) 2024 Vimeo | MIT License | https://github.com/vimeo/player.js */\nfunction Yn(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 Qn(n) {\n for (var e = 1; e < arguments.length; e++) {\n var t = arguments[e] != null ? arguments[e] : {};\n e % 2 ? Yn(Object(t), !0).forEach(function(a) {\n Bt(n, a, t[a]);\n }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(t)) : Yn(Object(t)).forEach(function(a) {\n Object.defineProperty(n, a, Object.getOwnPropertyDescriptor(t, a));\n });\n }\n return n;\n}\nfunction $e() {\n $e = function() {\n return n;\n };\n var n = {}, e = Object.prototype, t = e.hasOwnProperty, a = Object.defineProperty || function(P, p, x) {\n P[p] = x.value;\n }, r = typeof Symbol == \"function\" ? Symbol : {}, s = r.iterator || \"@@iterator\", o = r.asyncIterator || \"@@asyncIterator\", i = r.toStringTag || \"@@toStringTag\";\n function u(P, p, x) {\n return Object.defineProperty(P, p, {\n value: x,\n enumerable: !0,\n configurable: !0,\n writable: !0\n }), P[p];\n }\n try {\n u({}, \"\");\n } catch {\n u = function(p, x, R) {\n return p[x] = R;\n };\n }\n function l(P, p, x, R) {\n var N = p && p.prototype instanceof v ? p : v, j = Object.create(N.prototype), Z = new A(R || []);\n return a(j, \"_invoke\", {\n value: M(P, x, Z)\n }), j;\n }\n function d(P, p, x) {\n try {\n return {\n type: \"normal\",\n arg: P.call(p, x)\n };\n } catch (R) {\n return {\n type: \"throw\",\n arg: R\n };\n }\n }\n n.wrap = l;\n var m = {};\n function v() {\n }\n function f() {\n }\n function h() {\n }\n var S = {};\n u(S, s, function() {\n return this;\n });\n var B = Object.getPrototypeOf, D = B && B(B(F([])));\n D && D !== e && t.call(D, s) && (S = D);\n var C = h.prototype = v.prototype = Object.create(S);\n function T(P) {\n [\"next\", \"throw\", \"return\"].forEach(function(p) {\n u(P, p, function(x) {\n return this._invoke(p, x);\n });\n });\n }\n function g(P, p) {\n function x(N, j, Z, V) {\n var J = d(P[N], P, j);\n if (J.type !== \"throw\") {\n var ae = J.arg, te = ae.value;\n return te && typeof te == \"object\" && t.call(te, \"__await\") ? p.resolve(te.__await).then(function(ie) {\n x(\"next\", ie, Z, V);\n }, function(ie) {\n x(\"throw\", ie, Z, V);\n }) : p.resolve(te).then(function(ie) {\n ae.value = ie, Z(ae);\n }, function(ie) {\n return x(\"throw\", ie, Z, V);\n });\n }\n V(J.arg);\n }\n var R;\n a(this, \"_invoke\", {\n value: function(N, j) {\n function Z() {\n return new p(function(V, J) {\n x(N, j, V, J);\n });\n }\n return R = R ? R.then(Z, Z) : Z();\n }\n });\n }\n function M(P, p, x) {\n var R = \"suspendedStart\";\n return function(N, j) {\n if (R === \"executing\") throw new Error(\"Generator is already running\");\n if (R === \"completed\") {\n if (N === \"throw\") throw j;\n return G();\n }\n for (x.method = N, x.arg = j; ; ) {\n var Z = x.delegate;\n if (Z) {\n var V = $(Z, x);\n if (V) {\n if (V === m) continue;\n return V;\n }\n }\n if (x.method === \"next\") x.sent = x._sent = x.arg;\n else if (x.method === \"throw\") {\n if (R === \"suspendedStart\") throw R = \"completed\", x.arg;\n x.dispatchException(x.arg);\n } else x.method === \"return\" && x.abrupt(\"return\", x.arg);\n R = \"executing\";\n var J = d(P, p, x);\n if (J.type === \"normal\") {\n if (R = x.done ? \"completed\" : \"suspendedYield\", J.arg === m) continue;\n return {\n value: J.arg,\n done: x.done\n };\n }\n J.type === \"throw\" && (R = \"completed\", x.method = \"throw\", x.arg = J.arg);\n }\n };\n }\n function $(P, p) {\n var x = p.method, R = P.iterator[x];\n if (R === void 0) return p.delegate = null, x === \"throw\" && P.iterator.return && (p.method = \"return\", p.arg = void 0, $(P, p), p.method === \"throw\") || x !== \"return\" && (p.method = \"throw\", p.arg = new TypeError(\"The iterator does not provide a '\" + x + \"' method\")), m;\n var N = d(R, P.iterator, p.arg);\n if (N.type === \"throw\") return p.method = \"throw\", p.arg = N.arg, p.delegate = null, m;\n var j = N.arg;\n return j ? j.done ? (p[P.resultName] = j.value, p.next = P.nextLoc, p.method !== \"return\" && (p.method = \"next\", p.arg = void 0), p.delegate = null, m) : j : (p.method = \"throw\", p.arg = new TypeError(\"iterator result is not an object\"), p.delegate = null, m);\n }\n function k(P) {\n var p = {\n tryLoc: P[0]\n };\n 1 in P && (p.catchLoc = P[1]), 2 in P && (p.finallyLoc = P[2], p.afterLoc = P[3]), this.tryEntries.push(p);\n }\n function y(P) {\n var p = P.completion || {};\n p.type = \"normal\", delete p.arg, P.completion = p;\n }\n function A(P) {\n this.tryEntries = [{\n tryLoc: \"root\"\n }], P.forEach(k, this), this.reset(!0);\n }\n function F(P) {\n if (P) {\n var p = P[s];\n if (p) return p.call(P);\n if (typeof P.next == \"function\") return P;\n if (!isNaN(P.length)) {\n var x = -1, R = function N() {\n for (; ++x < P.length; ) if (t.call(P, x)) return N.value = P[x], N.done = !1, N;\n return N.value = void 0, N.done = !0, N;\n };\n return R.next = R;\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 f.prototype = h, a(C, \"constructor\", {\n value: h,\n configurable: !0\n }), a(h, \"constructor\", {\n value: f,\n configurable: !0\n }), f.displayName = u(h, i, \"GeneratorFunction\"), n.isGeneratorFunction = function(P) {\n var p = typeof P == \"function\" && P.constructor;\n return !!p && (p === f || (p.displayName || p.name) === \"GeneratorFunction\");\n }, n.mark = function(P) {\n return Object.setPrototypeOf ? Object.setPrototypeOf(P, h) : (P.__proto__ = h, u(P, i, \"GeneratorFunction\")), P.prototype = Object.create(C), P;\n }, n.awrap = function(P) {\n return {\n __await: P\n };\n }, T(g.prototype), u(g.prototype, o, function() {\n return this;\n }), n.AsyncIterator = g, n.async = function(P, p, x, R, N) {\n N === void 0 && (N = Promise);\n var j = new g(l(P, p, x, R), N);\n return n.isGeneratorFunction(p) ? j : j.next().then(function(Z) {\n return Z.done ? Z.value : j.next();\n });\n }, T(C), u(C, i, \"Generator\"), u(C, s, function() {\n return this;\n }), u(C, \"toString\", function() {\n return \"[object Generator]\";\n }), n.keys = function(P) {\n var p = Object(P), x = [];\n for (var R in p) x.push(R);\n return x.reverse(), function N() {\n for (; x.length; ) {\n var j = x.pop();\n if (j in p) return N.value = j, N.done = !1, N;\n }\n return N.done = !0, N;\n };\n }, n.values = F, A.prototype = {\n constructor: A,\n reset: function(P) {\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), !P) for (var p in this) p.charAt(0) === \"t\" && t.call(this, p) && !isNaN(+p.slice(1)) && (this[p] = void 0);\n },\n stop: function() {\n this.done = !0;\n var P = this.tryEntries[0].completion;\n if (P.type === \"throw\") throw P.arg;\n return this.rval;\n },\n dispatchException: function(P) {\n if (this.done) throw P;\n var p = this;\n function x(J, ae) {\n return j.type = \"throw\", j.arg = P, p.next = J, ae && (p.method = \"next\", p.arg = void 0), !!ae;\n }\n for (var R = this.tryEntries.length - 1; R >= 0; --R) {\n var N = this.tryEntries[R], j = N.completion;\n if (N.tryLoc === \"root\") return x(\"end\");\n if (N.tryLoc <= this.prev) {\n var Z = t.call(N, \"catchLoc\"), V = t.call(N, \"finallyLoc\");\n if (Z && V) {\n if (this.prev < N.catchLoc) return x(N.catchLoc, !0);\n if (this.prev < N.finallyLoc) return x(N.finallyLoc);\n } else if (Z) {\n if (this.prev < N.catchLoc) return x(N.catchLoc, !0);\n } else {\n if (!V) throw new Error(\"try statement without catch or finally\");\n if (this.prev < N.finallyLoc) return x(N.finallyLoc);\n }\n }\n }\n },\n abrupt: function(P, p) {\n for (var x = this.tryEntries.length - 1; x >= 0; --x) {\n var R = this.tryEntries[x];\n if (R.tryLoc <= this.prev && t.call(R, \"finallyLoc\") && this.prev < R.finallyLoc) {\n var N = R;\n break;\n }\n }\n N && (P === \"break\" || P === \"continue\") && N.tryLoc <= p && p <= N.finallyLoc && (N = null);\n var j = N ? N.completion : {};\n return j.type = P, j.arg = p, N ? (this.method = \"next\", this.next = N.finallyLoc, m) : this.complete(j);\n },\n complete: function(P, p) {\n if (P.type === \"throw\") throw P.arg;\n return P.type === \"break\" || P.type === \"continue\" ? this.next = P.arg : P.type === \"return\" ? (this.rval = this.arg = P.arg, this.method = \"return\", this.next = \"end\") : P.type === \"normal\" && p && (this.next = p), m;\n },\n finish: function(P) {\n for (var p = this.tryEntries.length - 1; p >= 0; --p) {\n var x = this.tryEntries[p];\n if (x.finallyLoc === P) return this.complete(x.completion, x.afterLoc), y(x), m;\n }\n },\n catch: function(P) {\n for (var p = this.tryEntries.length - 1; p >= 0; --p) {\n var x = this.tryEntries[p];\n if (x.tryLoc === P) {\n var R = x.completion;\n if (R.type === \"throw\") {\n var N = R.arg;\n y(x);\n }\n return N;\n }\n }\n throw new Error(\"illegal catch attempt\");\n },\n delegateYield: function(P, p, x) {\n return this.delegate = {\n iterator: F(P),\n resultName: p,\n nextLoc: x\n }, this.method === \"next\" && (this.arg = void 0), m;\n }\n }, n;\n}\nfunction Xn(n, e, t, a, r, s, o) {\n try {\n var i = n[s](o), u = i.value;\n } catch (l) {\n t(l);\n return;\n }\n i.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 o(u) {\n Xn(s, a, r, o, i, \"next\", u);\n }\n function i(u) {\n Xn(s, a, r, o, i, \"throw\", u);\n }\n o(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 Zn(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 && Zn(n.prototype, e), t && Zn(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 Tc(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 St(n) {\n return St = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {\n return t.__proto__ || Object.getPrototypeOf(t);\n }, St(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, o) {\n var i = [null];\n i.push.apply(i, s);\n var u = Function.bind.apply(r, i), l = new u();\n return o && Lt(l, o.prototype), l;\n }, Ot.apply(null, arguments);\n}\nfunction Pc(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 || !Pc(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, St(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 Lc(n) {\n var e = Ba();\n return function() {\n var a = St(n), r;\n if (e) {\n var s = St(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 Cc(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 = Cc(n, \"string\");\n return typeof e == \"symbol\" ? e : String(e);\n}\nvar Da = typeof global < \"u\" && {}.toString.call(global) === \"[object global]\";\nfunction Jn(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 Mc(n) {\n return !!(n && n.nodeType === 1 && \"nodeName\" in n && n.ownerDocument && n.ownerDocument.defaultView);\n}\nfunction Ec(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 Nc(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 o = s[r];\n if (t.endsWith(o))\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 (Ec(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 ea = 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\", o = typeof t == \"string\" ? [t] : t;\n return o.forEach(function(i) {\n e[r](i, a);\n }), {\n cancel: function() {\n return o.forEach(function(u) {\n return e[s](u, a);\n });\n }\n };\n}, Ac = typeof Array.prototype.indexOf < \"u\", xc = typeof window < \"u\" && typeof window.postMessage < \"u\";\nif (!Da && (!Ac || !xc))\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 Bc(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, o, i) {\n t ? Object.defineProperty(s, o, {\n configurable: !0,\n writable: !0,\n value: i\n }) : s[o] = i;\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\", i(\"_WeakMap\")), arguments.length > 0)\n throw new TypeError(\"WeakMap iterable is not supported\");\n }\n a(s.prototype, \"delete\", function(l) {\n if (o(this, \"delete\"), !r(l))\n return !1;\n var d = l[this._id];\n return d && d[0] === l ? (delete l[this._id], !0) : !1;\n }), a(s.prototype, \"get\", function(l) {\n if (o(this, \"get\"), !!r(l)) {\n var d = l[this._id];\n if (d && d[0] === l)\n return d[1];\n }\n }), a(s.prototype, \"has\", function(l) {\n if (o(this, \"has\"), !r(l))\n return !1;\n var d = l[this._id];\n return !!(d && d[0] === l);\n }), a(s.prototype, \"set\", function(l, d) {\n if (o(this, \"set\"), !r(l))\n throw new TypeError(\"Invalid value used as weak map key\");\n var m = l[this._id];\n return m && m[0] === l ? (m[1] = d, this) : (a(l, this._id, [l, d]), this);\n });\n function o(l, d) {\n if (!r(l) || !e.call(l, \"_id\"))\n throw new TypeError(d + \" method called on incompatible receiver \" + typeof l);\n }\n function i(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 = Bc(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, o = typeof setImmediate < \"u\" ? function(T) {\n return setImmediate(T);\n } : setTimeout;\n try {\n Object.defineProperty({}, \"x\", {}), t = function(T, g, M, $) {\n return Object.defineProperty(T, g, {\n value: M,\n writable: !0,\n configurable: $ !== !1\n });\n };\n } catch {\n t = function(g, M, $) {\n return g[M] = $, g;\n };\n }\n r = /* @__PURE__ */ function() {\n var T, g, M;\n function $(k, y) {\n this.fn = k, this.self = y, this.next = void 0;\n }\n return {\n add: function(y, A) {\n M = new $(y, A), g ? g.next = M : T = M, g = M, M = 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 i(C, T) {\n r.add(C, T), a || (a = o(r.drain));\n }\n function u(C) {\n var T, g = typeof C;\n return C != null && (g == \"object\" || g == \"function\") && (T = C.then), typeof T == \"function\" ? T : !1;\n }\n function l() {\n for (var C = 0; C < this.chain.length; C++)\n d(this, this.state === 1 ? this.chain[C].success : this.chain[C].failure, this.chain[C]);\n this.chain.length = 0;\n }\n function d(C, T, g) {\n var M, $;\n try {\n T === !1 ? g.reject(C.msg) : (T === !0 ? M = C.msg : M = T.call(void 0, C.msg), M === g.promise ? g.reject(TypeError(\"Promise-chain cycle\")) : ($ = u(M)) ? $.call(M, g.resolve, g.reject) : g.resolve(M));\n } catch (k) {\n g.reject(k);\n }\n }\n function m(C) {\n var T, g = this;\n if (!g.triggered) {\n g.triggered = !0, g.def && (g = g.def);\n try {\n (T = u(C)) ? i(function() {\n var M = new h(g);\n try {\n T.call(C, function() {\n m.apply(M, arguments);\n }, function() {\n v.apply(M, arguments);\n });\n } catch ($) {\n v.call(M, $);\n }\n }) : (g.msg = C, g.state = 1, g.chain.length > 0 && i(l, g));\n } catch (M) {\n v.call(new h(g), M);\n }\n }\n }\n function v(C) {\n var T = this;\n T.triggered || (T.triggered = !0, T.def && (T = T.def), T.msg = C, T.state = 2, T.chain.length > 0 && i(l, T));\n }\n function f(C, T, g, M) {\n for (var $ = 0; $ < T.length; $++)\n (function(y) {\n C.resolve(T[y]).then(function(F) {\n g(y, F);\n }, M);\n })($);\n }\n function h(C) {\n this.def = C, this.triggered = !1;\n }\n function S(C) {\n this.promise = C, this.state = 0, this.triggered = !1, this.chain = [], this.msg = void 0;\n }\n function B(C) {\n if (typeof C != \"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 S(this);\n this.then = function(M, $) {\n var k = {\n success: typeof M == \"function\" ? M : !0,\n failure: typeof $ == \"function\" ? $ : !1\n };\n return k.promise = new this.constructor(function(A, F) {\n if (typeof A != \"function\" || typeof F != \"function\")\n throw TypeError(\"Not a function\");\n k.resolve = A, k.reject = F;\n }), T.chain.push(k), T.state !== 0 && i(l, T), k.promise;\n }, this.catch = function(M) {\n return this.then(void 0, M);\n };\n try {\n C.call(void 0, function(M) {\n m.call(T, M);\n }, function(M) {\n v.call(T, M);\n });\n } catch (g) {\n v.call(T, g);\n }\n }\n var D = t(\n {},\n \"constructor\",\n B,\n /*configurable=*/\n !1\n );\n return B.prototype = D, t(\n D,\n \"__NPO__\",\n 0,\n /*configurable=*/\n !1\n ), t(B, \"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(B, \"reject\", function(T) {\n return new this(function(M, $) {\n if (typeof M != \"function\" || typeof $ != \"function\")\n throw TypeError(\"Not a function\");\n $(T);\n });\n }), t(B, \"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, A = Array(y), F = 0;\n f(g, T, function(P, p) {\n A[P] = p, ++F === y && $(A);\n }, k);\n });\n }), t(B, \"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 f(g, T, function(A, F) {\n $(F);\n }, k);\n });\n }), B;\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 Oc(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 Dc(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 Fc(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(o) {\n var i = new Error(e.data.message);\n i.name = e.data.name, o.reject(i), Vt(n, e.data.method, o);\n });\n }\n t = Rt(n, \"event:\".concat(e.event)), a = e.data;\n } else if (e.method) {\n var s = Oc(n, e.method);\n s && (t.push(s), a = e.value);\n }\n t.forEach(function(o) {\n try {\n if (typeof o == \"function\") {\n o.call(n, a);\n return;\n }\n o.resolve(a);\n } catch {\n }\n });\n}\nvar Hc = [\"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 Hc.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 Pn(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 = Nc(n), o = \"https://\".concat(s, \"/api/oembed.json?url=\").concat(encodeURIComponent(n));\n for (var i in e)\n e.hasOwnProperty(i) && (o += \"&\".concat(i, \"=\").concat(encodeURIComponent(e[i])));\n var u = \"XDomainRequest\" in window ? new XDomainRequest() : new XMLHttpRequest();\n u.open(\"GET\", o, !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 Pn(l, t), r(new Error(\"“\".concat(n, \"” is not embeddable.\")));\n return;\n }\n a(l);\n } catch (d) {\n r(d);\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 zc() {\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(o) {\n return Pn(o, a);\n }).catch(t);\n } catch (o) {\n t(o);\n }\n });\n}\nfunction Rc() {\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 o = r[s].parentElement;\n o.style.paddingBottom = \"\".concat(a.data.data[0].bottom, \"px\");\n break;\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.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\"), o = 0; o < s.length; o++) {\n var i = s[o], u = i.contentWindow === a.source;\n if (Fa(i.src) && u) {\n var l = new Sn(i);\n l.callMethod(\"appendVideoMetadata\", window.location.href);\n }\n }\n }\n };\n window.addEventListener(\"message\", e);\n }\n}\nfunction qc() {\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 o = n.querySelectorAll(\"iframe\"), i = function() {\n var d = o[u], m = d.contentWindow === r.source;\n if (Fa(d.src) && m) {\n var v = new Sn(d);\n v.getVideoId().then(function(f) {\n var h = new RegExp(\"[?&]vimeo_t_\".concat(f, \"=([^&#]*)\")).exec(window.location.href);\n if (h && h[1]) {\n var S = decodeURI(h[1]);\n v.setCurrentTime(S);\n }\n }).catch(e);\n }\n }, u = 0; u < o.length; u++)\n i();\n }\n };\n window.addEventListener(\"message\", t);\n }\n}\nfunction jc() {\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, o = r.length, i = {}; s < o; s++)\n if (a = r[s], a && a[1] in document) {\n for (s = 0; s < a.length; s++)\n i[r[0][s]] = a[s];\n return i;\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, o) {\n var i = function l() {\n t.off(\"fullscreenchange\", l), s();\n };\n t.on(\"fullscreenchange\", i), r = r || document.documentElement;\n var u = r[n.requestFullscreen]();\n u instanceof Promise && u.then(i).catch(o);\n });\n },\n exit: function() {\n return new Promise(function(r, s) {\n if (!t.isFullscreen) {\n r();\n return;\n }\n var o = function u() {\n t.off(\"fullscreenchange\", u), r();\n };\n t.on(\"fullscreenchange\", o);\n var i = document[n.exitFullscreen]();\n i instanceof Promise && i.then(o).catch(s);\n });\n },\n on: function(r, s) {\n var o = e[r];\n o && document.addEventListener(o, s);\n },\n off: function(r, s) {\n var o = e[r];\n o && document.removeEventListener(o, 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 Wc = {\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}, Uc = /* @__PURE__ */ function(n) {\n Tc(t, n);\n var e = Lc(t);\n function t(a, r) {\n var s, o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = 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__ */ $e().mark(function l(d, m) {\n var v;\n return $e().wrap(function(h) {\n for (; ; ) switch (h.prev = h.next) {\n case 0:\n if (s.speedAdjustment !== m) {\n h.next = 2;\n break;\n }\n return h.abrupt(\"return\");\n case 2:\n return h.next = 4, d.getPlaybackRate();\n case 4:\n return h.t0 = h.sent, h.t1 = s.speedAdjustment, h.t2 = h.t0 - h.t1, h.t3 = m, v = h.t2 + h.t3, s.log(\"New playbackRate: \".concat(v)), h.next = 12, d.setPlaybackRate(v);\n case 12:\n s.speedAdjustment = m;\n case 13:\n case \"end\":\n return h.stop();\n }\n }, l);\n }));\n return function(l, d) {\n return u.apply(this, arguments);\n };\n }()), s.logger = i, s.init(r, a, Qn(Qn({}, Wc), o)), 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__ */ $e().mark(function s(o, i, u) {\n var l = this, d, m, v;\n return $e().wrap(function(h) {\n for (; ; ) switch (h.prev = h.next) {\n case 0:\n return h.next = 2, this.waitForTOReadyState(o, \"open\");\n case 2:\n if (u.role !== \"viewer\") {\n h.next = 10;\n break;\n }\n return h.next = 5, this.updatePlayer(o, i, u);\n case 5:\n d = ea(o, \"change\", function() {\n return l.updatePlayer(o, i, u);\n }), m = this.maintainPlaybackPosition(o, i, u), this.addEventListener(\"disconnect\", function() {\n m.cancel(), d.cancel();\n }), h.next = 14;\n break;\n case 10:\n return h.next = 12, this.updateTimingObject(o, i);\n case 12:\n v = ea(i, [\"seeked\", \"play\", \"pause\", \"ratechange\"], function() {\n return l.updateTimingObject(o, i);\n }, \"on\", \"off\"), this.addEventListener(\"disconnect\", function() {\n return v.cancel();\n });\n case 14:\n case \"end\":\n return h.stop();\n }\n }, s, this);\n }));\n function r(s, o, i) {\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__ */ $e().mark(function s(o, i) {\n return $e().wrap(function(l) {\n for (; ; ) switch (l.prev = l.next) {\n case 0:\n return l.t0 = o, l.next = 3, i.getCurrentTime();\n case 3:\n return l.t1 = l.sent, l.next = 6, i.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, i.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, o) {\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__ */ $e().mark(function s(o, i, u) {\n var l, d, m;\n return $e().wrap(function(f) {\n for (; ; ) switch (f.prev = f.next) {\n case 0:\n if (l = o.query(), d = l.position, m = l.velocity, typeof d == \"number\" && i.setCurrentTime(d), typeof m != \"number\") {\n f.next = 25;\n break;\n }\n if (m !== 0) {\n f.next = 11;\n break;\n }\n return f.next = 6, i.getPaused();\n case 6:\n if (f.t0 = f.sent, f.t0 !== !1) {\n f.next = 9;\n break;\n }\n i.pause();\n case 9:\n f.next = 25;\n break;\n case 11:\n if (!(m > 0)) {\n f.next = 25;\n break;\n }\n return f.next = 14, i.getPaused();\n case 14:\n if (f.t1 = f.sent, f.t1 !== !0) {\n f.next = 19;\n break;\n }\n return f.next = 18, i.play().catch(/* @__PURE__ */ function() {\n var h = nt(/* @__PURE__ */ $e().mark(function S(B) {\n return $e().wrap(function(C) {\n for (; ; ) switch (C.prev = C.next) {\n case 0:\n if (!(B.name === \"NotAllowedError\" && u.autoPlayMuted)) {\n C.next = 5;\n break;\n }\n return C.next = 3, i.setMuted(!0);\n case 3:\n return C.next = 5, i.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 C.stop();\n }\n }, S);\n }));\n return function(S) {\n return h.apply(this, arguments);\n };\n }());\n case 18:\n this.updatePlayer(o, i, u);\n case 19:\n return f.next = 21, i.getPlaybackRate();\n case 21:\n if (f.t2 = f.sent, f.t3 = m, f.t2 === f.t3) {\n f.next = 25;\n break;\n }\n i.setPlaybackRate(m);\n case 25:\n case \"end\":\n return f.stop();\n }\n }, s, this);\n }));\n function r(s, o, i) {\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, o) {\n var i = this, u = o.allowedDrift, l = o.maxAllowedDrift, d = o.minCheckInterval, m = o.maxRateAdjustment, v = o.maxTimeToCatchUp, f = Math.min(v, Math.max(d, l)) * 1e3, h = /* @__PURE__ */ function() {\n var B = nt(/* @__PURE__ */ $e().mark(function D() {\n var C, T, g, M, $;\n return $e().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, C = y.t2 - y.t3, T = Math.abs(C), i.log(\"Drift: \".concat(C)), !(T > l)) {\n y.next = 22;\n break;\n }\n return y.next = 18, i.adjustSpeed(s, 0);\n case 18:\n s.setCurrentTime(r.query().position), i.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 / v, M = m, $ = g < M ? (M - g) / 2 : M, y.next = 28, i.adjustSpeed(s, $ * Math.sign(C));\n case 28:\n i.log(\"Resync by playbackRate\");\n case 29:\n case \"end\":\n return y.stop();\n }\n }, D);\n }));\n return function() {\n return B.apply(this, arguments);\n };\n }(), S = setInterval(function() {\n return h();\n }, f);\n return {\n cancel: function() {\n return clearInterval(S);\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(o) {\n var i = function u() {\n r.readyState === s ? o() : r.addEventListener(\"readystatechange\", u, {\n once: !0\n });\n };\n i();\n });\n }\n )\n }]), t;\n}(/* @__PURE__ */ sn(EventTarget)), it = /* @__PURE__ */ new WeakMap(), Jt = /* @__PURE__ */ new WeakMap(), Ie = {}, Sn = /* @__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)), !Mc(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(i, u) {\n if (t._onMessage = function(m) {\n if (!(!ot(m.origin) || t.element.contentWindow !== m.source)) {\n t.origin === \"*\" && (t.origin = m.origin);\n var v = Gt(m.data), f = v && v.event === \"error\", h = f && v.data && v.data.method === \"ready\";\n if (h) {\n var S = new Error(v.data.message);\n S.name = v.data.name, u(S);\n return;\n }\n var B = v && v.event === \"ready\", D = v && v.method === \"ping\";\n if (B || D) {\n t.element.setAttribute(\"data-ready\", \"true\"), i();\n return;\n }\n Fc(t, v);\n }\n }, t._window.addEventListener(\"message\", t._onMessage), t.element.nodeName !== \"IFRAME\") {\n var l = za(e, a), d = Ha(l);\n Ra(d, l, e).then(function(m) {\n var v = Pn(m, e);\n return t.element = v, t._originalElement = e, Dc(e, v), it.set(t.element, t), m;\n }).catch(u);\n }\n });\n if (Jt.set(this, s), it.set(this.element, this), this.element.nodeName === \"IFRAME\" && tt(this, \"ping\"), Ie.isEnabled) {\n var o = function() {\n return Ie.exit();\n };\n this.fullscreenchangeHandler = function() {\n Ie.isFullscreen ? kt(t, \"event:exitFullscreen\", o) : Vt(t, \"event:exitFullscreen\", o), t.ready().then(function() {\n tt(t, \"fullscreenchange\", Ie.isFullscreen);\n });\n }, Ie.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, o) {\n return a.ready().then(function() {\n kt(a, t, {\n resolve: s,\n reject: o\n }), tt(a, t, r);\n }).catch(o);\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 = Jn(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, o) {\n if (t = Jn(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: o\n }), tt(r, t, a);\n }).catch(o);\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 Ie.isEnabled ? Ie.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 Ie.isEnabled ? Ie.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 Ie.isEnabled ? Ne.resolve(Ie.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), Ie.isEnabled && Ie.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, o) {\n return o(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 `