survey-vue3-ui 1.9.99

package/survey-vue3-ui.es.js

@@ -0,0 +1,4745 @@
+import { shallowReactive as de, watch as Z, onUnmounted as O, onMounted as E, onBeforeUnmount as J, ref as T, shallowRef as F, triggerRef as ne, unref as b, isRef as me, defineComponent as C, computed as R, onUpdated as U, resolveComponent as q, openBlock as t, createElementBlock as u, normalizeClass as l, createVNode as h, createCommentVNode as m, Fragment as w, renderList as S, createBlock as y, createElementVNode as p, normalizeStyle as $, withDirectives as D, resolveDynamicComponent as N, vShow as H, toDisplayString as I, vModelCheckbox as z, vModelRadio as Y, resolveDirective as _, vModelSelect as ce, vModelText as pe, getCurrentInstance as x, withCtx as ve, createStaticVNode as qe, normalizeProps as ye, guardReactiveProps as ge, toRaw as Ce, Teleport as he } from "vue";
+import { Base as be, RendererFactory as G, DropdownListModel as ke, Helpers as fe, DropdownMultiSelectListModel as Ie, TooltipManager as we, doKey2ClickUp as ae, createSvg as Te, ActionDropdownViewModel as Se, getActionDropdownButtonTarget as Re, createPopupViewModel as oe, SurveyProgressModel as te, SurveyProgressButtonsModel as $e, TOCModel as Be, SvgRegistry as Le, PopupSurveyModel as De, settings as V, createDialogOptions as Pe, createPopupModalViewModel as Me, doKey2ClickDown as Ne, doKey2ClickBlur as He } from "survey-core";
+be.createPropertiesHash = () => de({});
+function Ee(r) {
+  !r || (r.createArrayCoreHandler = (o, n) => {
+    const s = F(o[n]);
+    return o[n].onArrayChanged = () => {
+      ne(s);
+    }, o[n] = s, b(o[n]);
+  }, r.iteratePropertiesHash((o, n) => {
+    if (Array.isArray(o[n])) {
+      const s = F(o[n]);
+      o[n].onArrayChanged = () => {
+        ne(s);
+      }, o[n] = s;
+    }
+  }), r.getPropertyValueCoreHandler = (o, n) => b(o[n]), r.setPropertyValueCoreHandler = (o, n, s) => {
+    me(o[n]) ? o[n].value = s : o[n] = s;
+  });
+}
+function ie(r) {
+  !r || (r.iteratePropertiesHash((o, n) => {
+    o[n] = b(o[n]), Array.isArray(o[n]) && (o[n].onArrayChanged = void 0);
+  }), r.createArrayCoreHandler = void 0, r.getPropertyValueCoreHandler = void 0, r.setPropertyValueCoreHandler = void 0);
+}
+function B(r, o, n) {
+  const s = Z(
+    r,
+    (e, i) => {
+      o && o(e), i && (ie(i), n && n(i)), Ee(e);
+    },
+    {
+      immediate: !0
+    }
+  );
+  O(() => {
+    const e = r();
+    e && (n && n(r()), ie(e), s());
+  });
+}
+function M(r, o, n, s) {
+  B(() => r.question, n, s), E(() => {
+    r.question && r.question.afterRenderQuestionElement(o.value);
+  }), J(() => {
+    r.question.beforeDestroyQuestionElement(o.value);
+  });
+}
+function W(r) {
+  const o = T(), n = (e) => {
+    o.value = e.renderedHtml, e.onChanged = () => {
+      o.value = e.renderedHtml;
+    };
+  }, s = Z(
+    r,
+    (e, i) => {
+      i && (i.onChanged = () => {
+      }), n(e);
+    },
+    { immediate: !0 }
+  );
+  return O(() => {
+    s();
+  }), o;
+}
+function ee(r) {
+  return r.customWidget ? "survey-customwidget" : r.isDefaultRendering && r.isDefaultRendering() || r.isPanel ? "survey-" + r.getTemplate() : r.getComponentName();
+}
+const Ae = /* @__PURE__ */ C({
+  __name: "Page",
+  props: {
+    survey: {},
+    page: {},
+    css: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    B(() => o.page);
+    const s = R(() => o.page._showDescription), e = R(() => o.page.rows);
+    return E(() => {
+      o.survey && o.survey.afterRenderPage(n.value);
+    }), U(() => {
+      o.survey.afterRenderPage(n.value);
+    }), (i, a) => {
+      const d = q("survey-element-title"), c = q("survey-string"), v = q("survey-row");
+      return t(), u("div", {
+        class: l(i.page.cssRoot),
+        ref_key: "root",
+        ref: n
+      }, [
+        h(d, {
+          element: i.page,
+          css: i.css
+        }, null, 8, ["element", "css"]),
+        s.value ? (t(), u("div", {
+          key: 0,
+          class: l(i.page.cssClasses.page.description)
+        }, [
+          h(c, {
+            locString: i.page.locDescription
+          }, null, 8, ["locString"])
+        ], 2)) : m("", !0),
+        (t(!0), u(w, null, S(e.value, (f, g) => (t(), u(w, null, [
+          f.visible ? (t(), y(v, {
+            key: i.page.id + "_" + g,
+            row: f,
+            survey: i.survey,
+            css: i.css
+          }, null, 8, ["row", "survey", "css"])) : m("", !0)
+        ], 64))), 256))
+      ], 2);
+    };
+  }
+}), Oe = ["src", "width", "height", "alt"], Ve = ["src", "width", "height", "alt"], Fe = /* @__PURE__ */ C({
+  __name: "Header",
+  props: {
+    survey: {}
+  },
+  setup(r) {
+    const o = r, n = T(), s = W(() => o.survey.locLogo);
+    return E(() => {
+      var e = n.value;
+      e && o.survey && o.survey.afterRenderHeader(e);
+    }), (e, i) => {
+      const a = q("survey-element-title"), d = q("survey-string");
+      return e.survey.renderedHasHeader ? (t(), u("div", {
+        key: 0,
+        class: l(e.survey.css.header),
+        ref_key: "root",
+        ref: n
+      }, [
+        e.survey.isLogoBefore ? (t(), u("div", {
+          key: 0,
+          class: l(e.survey.logoClassNames)
+        }, [
+          p("img", {
+            class: l(e.survey.css.logoImage),
+            src: b(s),
+            width: e.survey.renderedLogoWidth,
+            height: e.survey.renderedLogoHeight,
+            alt: e.survey.locTitle.renderedHtml,
+            style: $({
+              objectFit: e.survey.logoFit,
+              width: e.survey.renderedStyleLogoWidth,
+              height: e.survey.renderedStyleLogoHeight
+            })
+          }, null, 14, Oe)
+        ], 2)) : m("", !0),
+        e.survey.renderedHasTitle ? (t(), u("div", {
+          key: 1,
+          class: l(e.survey.css.headerText),
+          style: $({ maxWidth: e.survey.titleMaxWidth })
+        }, [
+          h(a, {
+            element: e.survey,
+            css: e.survey.css
+          }, null, 8, ["element", "css"]),
+          e.survey.renderedHasDescription ? (t(), u("h5", {
+            key: 0,
+            class: l(e.survey.css.description)
+          }, [
+            h(d, {
+              locString: e.survey.locDescription
+            }, null, 8, ["locString"])
+          ], 2)) : m("", !0)
+        ], 6)) : m("", !0),
+        e.survey.isLogoAfter ? (t(), u("div", {
+          key: 2,
+          class: l(e.survey.logoClassNames)
+        }, [
+          p("img", {
+            class: l(e.survey.css.logoImage),
+            src: b(s),
+            width: e.survey.renderedLogoWidth,
+            height: e.survey.renderedLogoHeight,
+            alt: e.survey.locTitle.renderedHtml,
+            style: $({
+              objectFit: e.survey.logoFit,
+              width: e.survey.renderedStyleLogoWidth,
+              height: e.survey.renderedStyleLogoHeight
+            })
+          }, null, 14, Ve)
+        ], 2)) : m("", !0),
+        p("div", {
+          class: l(e.survey.css.headerClose)
+        }, null, 2)
+      ], 2)) : m("", !0);
+    };
+  }
+}), We = /* @__PURE__ */ C({
+  __name: "Row",
+  props: {
+    row: {},
+    css: {},
+    survey: {}
+  },
+  setup(r) {
+    const o = r, n = R(
+      () => o.row.visibleElements
+    ), s = T();
+    return B(() => o.row), E(() => {
+      if (o.row && !o.row.isNeedRender) {
+        const e = s.value;
+        setTimeout(() => {
+          o.row.startLazyRendering(e);
+        }, 10);
+      }
+    }), O(() => {
+      const e = o.row;
+      e && (e.isNeedRender = !o.row.isLazyRendering());
+    }), (e, i) => {
+      const a = q("survey-element"), d = q("survey-panel");
+      return t(), u("div", {
+        class: l(e.row.getRowCss()),
+        ref_key: "root",
+        ref: s
+      }, [
+        (t(!0), u(w, null, S(n.value, (c) => (t(), u("div", {
+          style: $(c.rootStyle)
+        }, [
+          c.isPanel ? m("", !0) : (t(), y(a, {
+            key: c.id,
+            element: c,
+            survey: e.survey,
+            css: e.css,
+            row: e.row,
+            style: $(c.getRootStyle())
+          }, null, 8, ["element", "survey", "css", "row", "style"])),
+          c.isPanel ? (t(), y(d, {
+            key: c.id,
+            question: c,
+            css: e.css
+          }, null, 8, ["question", "css"])) : m("", !0)
+        ], 4))), 256))
+      ], 2);
+    };
+  }
+}), ze = ["id", "role", "aria-required", "aria-invalid", "aria-labelledby", "data-name"], Ue = /* @__PURE__ */ C({
+  __name: "Element",
+  props: {
+    survey: {},
+    element: {},
+    row: {},
+    css: {}
+  },
+  setup(r) {
+    const o = r, n = T(null), s = R(() => !o.element.isPanel && o.element.showErrorOnTop), e = R(() => !o.element.isPanel && o.element.showErrorOnBottom), i = (d) => d.customWidget ? "survey-customwidget" : d.getType() === "panel" || d.isDefaultRendering() ? "survey-" + d.getTemplate() : d.getComponentName(), a = (d) => d.cssContent;
+    return B(() => o.element), E(() => {
+      o.element.isPanel || o.element.afterRender(n.value);
+    }), (d, c) => {
+      const v = q("survey-errors"), f = q("survey-element-header"), g = q("survey-string"), k = q("survey-question-comment");
+      return d.row.isNeedRender ? (t(), u("div", {
+        key: 0,
+        class: l(d.element.isPanel ? null : d.element.getRootCss()),
+        ref_key: "root",
+        ref: n,
+        onFocusin: c[0] || (c[0] = (P) => d.element.focusIn()),
+        id: d.element.id,
+        role: d.element.ariaRole,
+        "aria-required": d.element.ariaRequired,
+        "aria-invalid": d.element.ariaInvalid,
+        "aria-labelledby": d.element.ariaLabelledBy,
+        "data-name": d.element.name
+      }, [
+        !d.element.isPanel && d.element.showErrorsAboveQuestion ? (t(), y(v, {
+          key: 0,
+          element: d.element,
+          location: "top"
+        }, null, 8, ["element"])) : m("", !0),
+        !d.element.isPanel && d.element.hasTitleOnLeftTop ? (t(), y(f, {
+          key: 1,
+          element: d.element,
+          css: d.css
+        }, null, 8, ["element", "css"])) : m("", !0),
+        D(p("div", {
+          class: l(a(d.element) || void 0),
+          role: "presentation"
+        }, [
+          s.value ? (t(), y(v, {
+            key: 0,
+            element: d.element,
+            location: "top"
+          }, null, 8, ["element"])) : m("", !0),
+          d.element.isPanel || !d.element.isCollapsed ? (t(), y(N(i(d.element)), {
+            key: 1,
+            question: d.element
+          }, null, 8, ["question"])) : m("", !0),
+          d.element.hasComment ? (t(), u("div", {
+            key: 2,
+            class: l(d.element.getCommentAreaCss())
+          }, [
+            p("div", null, [
+              h(g, {
+                locString: d.element.locCommentText
+              }, null, 8, ["locString"])
+            ]),
+            h(k, {
+              commentClass: d.css.comment,
+              question: d.element
+            }, null, 8, ["commentClass", "question"])
+          ], 2)) : m("", !0),
+          e.value ? (t(), y(v, {
+            key: 3,
+            element: d.element,
+            location: "bottom"
+          }, null, 8, ["element"])) : m("", !0),
+          !d.element.isPanel && d.element.isErrorsModeTooltip ? (t(), y(v, {
+            key: 4,
+            element: d.element,
+            location: "tooltip"
+          }, null, 8, ["element"])) : m("", !0),
+          !d.element.isPanel && d.element.hasDescriptionUnderInput ? (t(), u("div", {
+            key: 5,
+            class: l(d.element.cssClasses.descriptionUnderInput)
+          }, [
+            h(g, {
+              locString: d.element.locDescription
+            }, null, 8, ["locString"])
+          ], 2)) : m("", !0)
+        ], 2), [
+          [H, d.element.isPanel || !d.element.isCollapsed]
+        ]),
+        !d.element.isPanel && d.element.hasTitleOnBottom ? (t(), y(f, {
+          key: 2,
+          element: d.element,
+          css: d.css
+        }, null, 8, ["element", "css"])) : m("", !0),
+        !d.element.isPanel && d.element.showErrorsBelowQuestion ? (t(), y(v, {
+          key: 3,
+          element: d.element,
+          location: "bottom"
+        }, null, 8, ["element"])) : m("", !0)
+      ], 42, ze)) : d.element.skeletonComponentName ? (t(), y(N(d.element.skeletonComponentName), {
+        key: 1,
+        element: d.element,
+        css: d.css
+      }, null, 8, ["element", "css"])) : m("", !0);
+    };
+  }
+}), Ke = ["id"], je = ["id"], Qe = /* @__PURE__ */ C({
+  __name: "Panel",
+  props: {
+    question: {},
+    isEditMode: { type: Boolean },
+    css: {}
+  },
+  setup(r) {
+    const o = r, n = T(!1), s = T(null), e = R(() => o.question.rows), i = R(() => o.question.survey), a = R(() => n.value);
+    return B(() => o.question), E(() => {
+      o.question.survey && o.question.survey.afterRenderPanel(o.question, s.value), n.value = o.question.isCollapsed;
+      const d = o.question;
+      d.stateChangedCallback = () => {
+        n.value = o.question.isCollapsed;
+      };
+    }), O(() => {
+      const d = o.question;
+      d.stateChangedCallback = null;
+    }), (d, c) => {
+      const v = q("survey-errors"), f = q("survey-element-header"), g = q("survey-row"), k = q("sv-action-bar");
+      return d.question.isVisible ? (t(), u("div", {
+        key: 0,
+        class: l(d.question.getContainerCss()),
+        id: d.question.id,
+        ref_key: "root",
+        ref: s
+      }, [
+        d.question.showErrorsAbovePanel ? (t(), y(v, {
+          key: 0,
+          element: d.question
+        }, null, 8, ["element"])) : m("", !0),
+        d.question.hasTitle || d.question.hasDescription ? (t(), y(f, {
+          key: 1,
+          element: d.question,
+          css: d.css
+        }, null, 8, ["element", "css"])) : m("", !0),
+        d.question.showErrorsAbovePanel ? m("", !0) : (t(), y(v, {
+          key: 2,
+          element: d.question
+        }, null, 8, ["element"])),
+        a.value ? m("", !0) : (t(), u("div", {
+          key: 3,
+          id: d.question.contentId,
+          style: $({ paddingLeft: d.question.innerPaddingLeft }),
+          class: l(d.question.cssClasses.panel.content)
+        }, [
+          (t(!0), u(w, null, S(e.value, (P, L) => (t(), u(w, null, [
+            P.visible ? (t(), y(g, {
+              key: d.question.id + "_" + L,
+              row: P,
+              survey: i.value,
+              css: d.css
+            }, null, 8, ["row", "survey", "css"])) : m("", !0)
+          ], 64))), 256)),
+          h(k, {
+            model: d.question.getFooterToolbar()
+          }, null, 8, ["model"])
+        ], 14, je))
+      ], 10, Ke)) : m("", !0);
+    };
+  }
+}), Ze = /* @__PURE__ */ C({
+  __name: "ElementHeader",
+  props: {
+    element: {},
+    css: {}
+  },
+  setup(r) {
+    const o = r, n = () => {
+      typeof o.element.clickTitleFunction == "function" && o.element.clickTitleFunction();
+    };
+    return (s, e) => {
+      const i = q("survey-element-title"), a = q("survey-string"), d = q("sv-action-bar");
+      return t(), u("div", {
+        class: l(s.element.cssHeader),
+        onClick: n
+      }, [
+        h(i, {
+          element: s.element,
+          css: s.css
+        }, null, 8, ["element", "css"]),
+        s.element.hasDescriptionUnderTitle ? D((t(), u("div", {
+          key: 0,
+          class: l(s.element.cssDescription)
+        }, [
+          h(a, {
+            locString: s.element.locDescription
+          }, null, 8, ["locString"])
+        ], 2)), [
+          [H, s.element.hasDescription]
+        ]) : m("", !0),
+        s.element.additionalTitleToolbar ? (t(), y(d, {
+          key: 1,
+          model: s.element.additionalTitleToolbar
+        }, null, 8, ["model"])) : m("", !0)
+      ], 2);
+    };
+  }
+}), Ge = /* @__PURE__ */ C({
+  __name: "String",
+  props: {
+    locString: {}
+  },
+  setup(r) {
+    return (o, n) => (t(), y(N(o.locString.renderAs), {
+      locString: o.locString.renderAsData
+    }, null, 8, ["locString"]));
+  }
+}), Xe = ["innerHTML"], Je = {
+  key: 1,
+  class: "sv-string-viewer"
+}, Ye = /* @__PURE__ */ C({
+  __name: "StringViewer",
+  props: {
+    locString: {}
+  },
+  setup(r) {
+    const o = r, n = W(() => o.locString);
+    return (s, e) => s.locString.hasHtml ? (t(), u("span", {
+      key: 0,
+      class: "sv-string-viewer",
+      innerHTML: b(n)
+    }, null, 8, Xe)) : (t(), u("span", Je, I(b(n)), 1));
+  }
+}), _e = ["innerHTML"], xe = /* @__PURE__ */ C({
+  __name: "StringEditor",
+  props: {
+    locString: {}
+  },
+  setup(r) {
+    const o = r, n = (e) => {
+      const i = o.locString;
+      i.text = e.target.innerText;
+    }, s = (e) => {
+      e.preventDefault(), e.stopPropagation();
+    };
+    return (e, i) => e.locString.hasHtml ? (t(), u("span", {
+      key: 0,
+      class: "sv-string-editor",
+      contenteditable: "true",
+      innerHTML: e.locString.renderedHtml,
+      onBlur: n,
+      onClick: s
+    }, null, 40, _e)) : (t(), u("span", {
+      key: 1,
+      class: "sv-string-editor",
+      contenteditable: "true",
+      onBlur: n,
+      onClick: s
+    }, I(e.locString.renderedHtml), 33));
+  }
+}), es = ["id"], ss = /* @__PURE__ */ C({
+  __name: "Skeleton",
+  props: {
+    element: {}
+  },
+  setup(r) {
+    const o = r;
+    return B(() => o.element), (n, s) => (t(), u("div", {
+      class: "sv-skeleton-element",
+      id: n.element.id
+    }, null, 8, es));
+  }
+}), ns = ["id"], os = ["value"], ts = /* @__PURE__ */ C({
+  __name: "Text",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    return M(o, n), (s, e) => {
+      const i = q("survey-text-input");
+      return s.question.isReadOnlyRenderDiv() ? (t(), u("div", {
+        key: 0,
+        ref_key: "root",
+        ref: n
+      }, I(s.question.value), 513)) : s.question.dataListId ? (t(), u("div", {
+        key: 1,
+        ref_key: "root",
+        ref: n
+      }, [
+        h(i, { question: s.question }, null, 8, ["question"]),
+        p("datalist", {
+          id: s.question.dataListId
+        }, [
+          (t(!0), u(w, null, S(s.question.dataList, (a) => (t(), u("option", { value: a }, null, 8, os))), 256))
+        ], 8, ns)
+      ], 512)) : (t(), y(i, {
+        key: 2,
+        question: s.question,
+        ref_key: "root",
+        ref: n
+      }, null, 8, ["question"]));
+    };
+  }
+}), is = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], ls = { key: 1 }, rs = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], as = /* @__PURE__ */ C({
+  __name: "TextInput",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r;
+    B(() => o.question);
+    const n = R(() => o.question.inputStyle);
+    return (s, e) => {
+      const i = q("sv-character-counter");
+      return s.question.getMaxLength() ? (t(), u("div", ls, [
+        p("input", {
+          disabled: s.question.isInputReadOnly,
+          class: l(s.question.getControlClass()),
+          type: s.question.inputType,
+          maxlength: s.question.getMaxLength(),
+          min: s.question.renderedMin,
+          max: s.question.renderedMax,
+          step: s.question.renderedStep,
+          size: s.question.renderedInputSize,
+          style: $(n.value),
+          id: s.question.inputId,
+          list: s.question.dataListId,
+          placeholder: s.question.renderedPlaceholder,
+          autocomplete: s.question.autocomplete,
+          value: s.question.value,
+          onChange: e[6] || (e[6] = (...a) => s.question.onChange && s.question.onChange(...a)),
+          onKeyup: e[7] || (e[7] = (...a) => s.question.onKeyUp && s.question.onKeyUp(...a)),
+          onKeydown: e[8] || (e[8] = (...a) => s.question.onKeyDown && s.question.onKeyDown(...a)),
+          onCompositionUpdate: e[9] || (e[9] = (...a) => s.question.onCompositionUpdate && s.question.onCompositionUpdate(...a)),
+          onBlur: e[10] || (e[10] = (...a) => s.question.onBlur && s.question.onBlur(...a)),
+          onFocus: e[11] || (e[11] = (...a) => s.question.onFocus && s.question.onFocus(...a)),
+          "aria-required": s.question.a11y_input_ariaRequired,
+          "aria-label": s.question.a11y_input_ariaLabel,
+          "aria-invalid": s.question.a11y_input_ariaInvalid,
+          "aria-describedby": s.question.a11y_input_ariaDescribedBy
+        }, null, 46, rs),
+        h(i, {
+          counter: s.question.characterCounter,
+          remainingCharacterCounter: s.question.cssClasses.remainingCharacterCounter
+        }, null, 8, ["counter", "remainingCharacterCounter"])
+      ])) : (t(), u("input", {
+        key: 0,
+        disabled: s.question.isInputReadOnly,
+        class: l(s.question.getControlClass()),
+        type: s.question.inputType,
+        maxlength: s.question.getMaxLength(),
+        min: s.question.renderedMin,
+        max: s.question.renderedMax,
+        step: s.question.renderedStep,
+        size: s.question.renderedInputSize,
+        style: $(n.value),
+        id: s.question.inputId,
+        list: s.question.dataListId,
+        placeholder: s.question.renderedPlaceholder,
+        autocomplete: s.question.autocomplete,
+        value: s.question.value,
+        onChange: e[0] || (e[0] = (...a) => s.question.onChange && s.question.onChange(...a)),
+        onKeyup: e[1] || (e[1] = (...a) => s.question.onKeyUp && s.question.onKeyUp(...a)),
+        onKeydown: e[2] || (e[2] = (...a) => s.question.onKeyDown && s.question.onKeyDown(...a)),
+        onCompositionUpdate: e[3] || (e[3] = (...a) => s.question.onCompositionUpdate && s.question.onCompositionUpdate(...a)),
+        onBlur: e[4] || (e[4] = (...a) => s.question.onBlur && s.question.onBlur(...a)),
+        onFocus: e[5] || (e[5] = (...a) => s.question.onFocus && s.question.onFocus(...a)),
+        "aria-required": s.question.a11y_input_ariaRequired,
+        "aria-label": s.question.a11y_input_ariaLabel,
+        "aria-labelledby": s.question.a11y_input_ariaLabelledBy,
+        "aria-invalid": s.question.a11y_input_ariaInvalid,
+        "aria-describedby": s.question.a11y_input_ariaDescribedBy
+      }, null, 46, is));
+    };
+  }
+}), us = /* @__PURE__ */ p("legend", {
+  role: "presentation",
+  class: "sv-hidden"
+}, null, -1), ds = /* @__PURE__ */ C({
+  __name: "Checkbox",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    return M(o, n), (s, e) => {
+      const i = q("survey-checkbox-item"), a = q("survey-other-choice");
+      return t(), u("fieldset", {
+        class: l(s.question.getSelectBaseRootCss()),
+        role: "presentation"
+      }, [
+        us,
+        s.question.hasHeadItems ? (t(!0), u(w, { key: 0 }, S(s.question.headItems, (d, c) => (t(), y(i, {
+          key: d.value,
+          class: l(s.question.getItemClass(d)),
+          question: s.question,
+          item: d,
+          index: "" + c
+        }, null, 8, ["class", "question", "item", "index"]))), 128)) : m("", !0),
+        !s.question.hasColumns && !s.question.blockedRow ? (t(!0), u(w, { key: 1 }, S(s.question.bodyItems, (d, c) => (t(), y(i, {
+          key: d.value,
+          class: l(s.question.getItemClass(d)),
+          question: s.question,
+          item: d,
+          index: c
+        }, null, 8, ["class", "question", "item", "index"]))), 128)) : m("", !0),
+        s.question.blockedRow ? (t(), u("div", {
+          key: 2,
+          class: l(s.question.cssClasses.rootRow)
+        }, [
+          !s.question.hasColumns && s.question.blockedRow ? (t(!0), u(w, { key: 0 }, S(s.question.dataChoices, (d, c) => (t(), y(i, {
+            key: d.value,
+            class: l(s.question.getItemClass(d)),
+            question: s.question,
+            item: d,
+            index: c
+          }, null, 8, ["class", "question", "item", "index"]))), 128)) : m("", !0)
+        ], 2)) : m("", !0),
+        s.question.hasColumns ? (t(), u("div", {
+          key: 3,
+          class: l(s.question.cssClasses.rootMultiColumn)
+        }, [
+          (t(!0), u(w, null, S(s.question.columns, (d, c) => (t(), u("div", {
+            key: c,
+            class: l(s.question.getColumnClass()),
+            role: "presentation"
+          }, [
+            (t(!0), u(w, null, S(d, (v, f) => (t(), y(i, {
+              key: v.value,
+              class: l(s.question.getItemClass(v)),
+              question: s.question,
+              item: v,
+              index: "" + c + f
+            }, null, 8, ["class", "question", "item", "index"]))), 128))
+          ], 2))), 128))
+        ], 2)) : m("", !0),
+        s.question.hasFootItems ? (t(!0), u(w, { key: 4 }, S(s.question.footItems, (d, c) => (t(), y(i, {
+          key: d.value,
+          class: l(s.question.getItemClass(d)),
+          question: s.question,
+          item: d,
+          index: "" + c
+        }, null, 8, ["class", "question", "item", "index"]))), 128)) : m("", !0),
+        s.question.renderedValue && s.question.isOtherSelected ? (t(), y(a, {
+          key: 5,
+          question: s.question
+        }, null, 8, ["question"])) : m("", !0)
+      ], 2);
+    };
+  }
+}), ms = { role: "presentation" }, cs = ["aria-label"], ps = ["name", "value", "id", "disabled", "aria-describedby"], vs = ["name", "value", "id", "disabled", "aria-describedby"], qs = ["xlink:href"], ys = /* @__PURE__ */ C({
+  __name: "CheckboxItem",
+  props: {
+    question: {},
+    item: {},
+    index: {},
+    hideLabel: { type: Boolean }
+  },
+  setup(r) {
+    const o = r, n = R({
+      get() {
+        return o.question.isAllSelected || "";
+      },
+      set(s) {
+        const e = o.question;
+        e.isAllSelected = !!s;
+      }
+    });
+    return B(() => o.item), (s, e) => {
+      const i = q("survey-string");
+      return t(), u("div", ms, [
+        p("label", {
+          class: l(s.question.getLabelClass(s.item)),
+          "aria-label": s.question.getAriaItemLabel(s.item)
+        }, [
+          s.item == s.question.selectAllItem ? D((t(), u("input", {
+            key: 0,
+            role: "option",
+            type: "checkbox",
+            name: s.question.name,
+            value: n.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (a) => n.value = a),
+            id: s.question.getItemId(s.item),
+            disabled: !s.question.getItemEnabled(s.item),
+            "aria-describedby": s.question.ariaDescribedBy,
+            class: l(s.question.cssClasses.itemControl)
+          }, null, 10, ps)), [
+            [z, n.value]
+          ]) : m("", !0),
+          s.item != s.question.selectAllItem ? D((t(), u("input", {
+            key: 1,
+            role: "option",
+            type: "checkbox",
+            name: s.question.name,
+            value: s.item.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (a) => s.question.renderedValue = a),
+            id: s.question.getItemId(s.item),
+            disabled: !s.question.getItemEnabled(s.item),
+            "aria-describedby": s.question.ariaDescribedBy,
+            class: l(s.question.cssClasses.itemControl)
+          }, null, 10, vs)), [
+            [z, s.question.renderedValue]
+          ]) : m("", !0),
+          s.question.cssClasses.materialDecorator ? (t(), u("span", {
+            key: 2,
+            class: l(s.question.cssClasses.materialDecorator)
+          }, [
+            s.question.itemSvgIcon ? (t(), u("svg", {
+              key: 0,
+              class: l(s.question.cssClasses.itemDecorator)
+            }, [
+              p("use", {
+                "xlink:href": s.question.itemSvgIcon
+              }, null, 8, qs)
+            ], 2)) : m("", !0)
+          ], 2)) : m("", !0),
+          s.hideLabel ? m("", !0) : (t(), u("span", {
+            key: 3,
+            class: l(s.question.cssClasses.controlLabel)
+          }, [
+            h(i, {
+              locString: s.item.locText
+            }, null, 8, ["locString"])
+          ], 2))
+        ], 10, cs)
+      ]);
+    };
+  }
+}), gs = { key: 5 }, Cs = ["value"], hs = /* @__PURE__ */ C({
+  __name: "Radiogroup",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    return M(o, n), (s, e) => {
+      const i = q("survey-radiogroup-item"), a = q("survey-other-choice");
+      return t(), u("fieldset", {
+        role: "presentation",
+        class: l(s.question.getSelectBaseRootCss()),
+        ref_key: "root",
+        ref: n
+      }, [
+        !s.question.hasColumns && !s.question.blockedRow ? (t(!0), u(w, { key: 0 }, S(s.question.visibleChoices, (d, c) => (t(), y(i, {
+          key: d.value,
+          class: l(s.question.getItemClass(d)),
+          question: s.question,
+          item: d,
+          index: c
+        }, null, 8, ["class", "question", "item", "index"]))), 128)) : m("", !0),
+        s.question.blockedRow ? (t(), u("div", {
+          key: 1,
+          class: l(s.question.cssClasses.rootRow)
+        }, [
+          !s.question.hasColumns && s.question.blockedRow ? (t(!0), u(w, { key: 0 }, S(s.question.dataChoices, (d, c) => (t(), y(i, {
+            key: d.value,
+            class: l(s.question.getItemClass(d)),
+            question: s.question,
+            item: d,
+            index: c
+          }, null, 8, ["class", "question", "item", "index"]))), 128)) : m("", !0)
+        ], 2)) : m("", !0),
+        s.question.hasColumns ? (t(), u("div", {
+          key: 2,
+          class: l(s.question.cssClasses.rootMultiColumn)
+        }, [
+          s.question.hasColumns ? (t(!0), u(w, { key: 0 }, S(s.question.columns, (d, c) => (t(), u("div", {
+            class: l(s.question.getColumnClass()),
+            role: "presentation"
+          }, [
+            (t(!0), u(w, null, S(d, (v, f) => (t(), y(i, {
+              key: v.value,
+              class: l(s.question.getItemClass(v)),
+              question: s.question,
+              item: v,
+              index: "" + c + f
+            }, null, 8, ["class", "question", "item", "index"]))), 128))
+          ], 2))), 256)) : m("", !0)
+        ], 2)) : m("", !0),
+        s.question.hasFootItems ? (t(!0), u(w, { key: 3 }, S(s.question.footItems, (d, c) => (t(), y(i, {
+          key: d.value,
+          class: l(s.question.getItemClass(d)),
+          question: s.question,
+          item: d,
+          index: "" + c
+        }, null, 8, ["class", "question", "item", "index"]))), 128)) : m("", !0),
+        s.question.renderedValue && s.question.isOtherSelected ? (t(), y(a, {
+          key: 4,
+          question: s.question
+        }, null, 8, ["question"])) : m("", !0),
+        s.question.showClearButtonInContent ? (t(), u("div", gs, [
+          p("input", {
+            type: "button",
+            class: l(s.question.cssClasses.clearButton),
+            onClick: e[0] || (e[0] = () => {
+              s.question.clearValue();
+            }),
+            value: s.question.clearButtonCaption
+          }, null, 10, Cs)
+        ])) : m("", !0)
+      ], 2);
+    };
+  }
+}), bs = { role: "presentation" }, ks = ["aria-label"], fs = ["name", "value", "id", "aria-describedby", "disabled"], Is = ["xlink:href"], ws = /* @__PURE__ */ C({
+  __name: "RadiogroupItem",
+  props: {
+    question: {},
+    item: {},
+    index: {},
+    hideLabel: { type: Boolean }
+  },
+  setup(r) {
+    const o = r, n = (e) => o.question.getLabelClass(e), s = (e) => o.question.getControlLabelClass(e);
+    return B(() => o.item), (e, i) => {
+      const a = q("survey-string");
+      return t(), u("div", bs, [
+        p("label", {
+          onMousedown: i[1] || (i[1] = (d) => e.question.onMouseDown()),
+          class: l(n(e.item)),
+          "aria-label": e.question.getAriaItemLabel(e.item)
+        }, [
+          D(p("input", {
+            type: "radio",
+            name: e.question.questionName,
+            value: e.item.value,
+            id: e.question.getItemId(e.item),
+            "aria-describedby": e.question.ariaDescribedBy,
+            "onUpdate:modelValue": i[0] || (i[0] = (d) => e.question.renderedValue = d),
+            disabled: !e.question.getItemEnabled(e.item),
+            class: l(e.question.cssClasses.itemControl)
+          }, null, 10, fs), [
+            [Y, e.question.renderedValue]
+          ]),
+          e.question.cssClasses.materialDecorator ? (t(), u("span", {
+            key: 0,
+            class: l(e.question.cssClasses.materialDecorator)
+          }, [
+            e.question.itemSvgIcon ? (t(), u("svg", {
+              key: 0,
+              class: l(e.question.cssClasses.itemDecorator)
+            }, [
+              p("use", {
+                "xlink:href": e.question.itemSvgIcon
+              }, null, 8, Is)
+            ], 2)) : m("", !0)
+          ], 2)) : m("", !0),
+          e.hideLabel ? m("", !0) : (t(), u("span", {
+            key: 1,
+            class: l(s(e.item))
+          }, [
+            h(a, {
+              locString: e.item.locText
+            }, null, 8, ["locString"])
+          ], 2))
+        ], 42, ks)
+      ]);
+    };
+  }
+}), Ts = /* @__PURE__ */ p("div", null, [
+  /* @__PURE__ */ p("canvas", { tabindex: "0" })
+], -1), Ss = ["title"], Rs = { key: 0 }, $s = /* @__PURE__ */ C({
+  __name: "Signaturepad",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    return M(o, n), (s, e) => {
+      const i = q("sv-svg-icon");
+      return t(), u("div", {
+        class: l(s.question.cssClasses.root),
+        ref_key: "root",
+        ref: n,
+        style: $({
+          height: s.question.signatureHeight + "px",
+          width: s.question.signatureWidth + "px"
+        })
+      }, [
+        D(p("div", {
+          class: l(s.question.cssClasses.placeholder)
+        }, I(s.question.placeHolderText), 3), [
+          [H, s.question.needShowPlaceholder()]
+        ]),
+        Ts,
+        s.question.canShowClearButton ? (t(), u("div", {
+          key: 0,
+          class: l(s.question.cssClasses.controls)
+        }, [
+          p("button", {
+            type: "button",
+            class: l(s.question.cssClasses.clearButton),
+            title: s.question.clearButtonCaption,
+            onClick: e[0] || (e[0] = () => {
+              s.question.clearValue();
+            })
+          }, [
+            s.question.cssClasses.clearButtonIconId ? m("", !0) : (t(), u("span", Rs, "\u2716")),
+            s.question.cssClasses.clearButtonIconId ? (t(), y(i, {
+              key: 1,
+              iconName: s.question.cssClasses.clearButtonIconId,
+              size: "auto"
+            }, null, 8, ["iconName"])) : m("", !0)
+          ], 10, Ss)
+        ], 2)) : m("", !0)
+      ], 6);
+    };
+  }
+}), Bs = ["innerHTML"], Ls = /* @__PURE__ */ C({
+  __name: "Html",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    M(o, n);
+    const s = W(() => o.question.locHtml);
+    return (e, i) => (t(), u("div", {
+      ref_key: "root",
+      ref: n,
+      class: l(e.question.renderCssRoot),
+      innerHTML: b(s)
+    }, null, 10, Bs));
+  }
+}), Ds = ["src", "alt", "width", "height"], Ps = ["src", "width", "height"], Ms = ["src", "width", "height"], Ns = /* @__PURE__ */ C({
+  __name: "Image",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    M(o, n);
+    const s = W(() => o.question.locImageLink);
+    return (e, i) => {
+      const a = q("sv-svg-icon");
+      return t(), u("div", {
+        class: l(e.question.cssClasses.root),
+        ref_key: "root",
+        ref: n
+      }, [
+        e.question.renderedMode === "image" ? D((t(), u("img", {
+          key: 0,
+          class: l(e.question.getImageCss()),
+          src: b(s),
+          alt: e.question.altText || e.question.title,
+          width: e.question.renderedWidth,
+          height: e.question.renderedHeight,
+          style: $({
+            objectFit: e.question.imageFit,
+            width: e.question.renderedStyleWidth,
+            height: e.question.renderedStyleHeight
+          }),
+          onLoad: i[0] || (i[0] = (d) => {
+            e.question.onLoadHandler();
+          }),
+          onError: i[1] || (i[1] = (d) => {
+            e.question.onErrorHandler();
+          })
+        }, null, 46, Ds)), [
+          [H, b(s) && !e.question.contentNotLoaded]
+        ]) : m("", !0),
+        e.question.renderedMode === "video" ? D((t(), u("video", {
+          key: 1,
+          controls: "",
+          class: l(e.question.getImageCss()),
+          src: b(s),
+          width: e.question.renderedWidth,
+          height: e.question.renderedHeight,
+          style: $({
+            objectFit: e.question.imageFit,
+            width: e.question.renderedStyleWidth,
+            height: e.question.renderedStyleHeight
+          }),
+          onLoadedmetadata: i[2] || (i[2] = (d) => {
+            e.question.onLoadHandler();
+          }),
+          onError: i[3] || (i[3] = (d) => {
+            e.question.onErrorHandler();
+          })
+        }, null, 46, Ps)), [
+          [H, b(s) && !e.question.contentNotLoaded]
+        ]) : m("", !0),
+        e.question.renderedMode === "youtube" ? (t(), u("iframe", {
+          key: 2,
+          class: l(e.question.getImageCss()),
+          src: b(s),
+          width: e.question.renderedWidth,
+          height: e.question.renderedHeight,
+          style: $({
+            objectFit: e.question.imageFit,
+            width: e.question.renderedStyleWidth,
+            height: e.question.renderedStyleHeight
+          })
+        }, null, 14, Ms)) : m("", !0),
+        !b(s) || e.question.contentNotLoaded ? (t(), u("div", {
+          key: 3,
+          class: l(e.question.cssClasses.noImage)
+        }, [
+          h(a, {
+            iconName: e.question.cssClasses.noImageSvgIconId,
+            size: 48
+          }, null, 8, ["iconName"])
+        ], 2)) : m("", !0)
+      ], 2);
+    };
+  }
+}), Hs = /* @__PURE__ */ C({
+  __name: "Expression",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    return M(o, n), (s, e) => (t(), u("div", {
+      class: l(s.question.cssClasses.text),
+      ref_key: "root",
+      ref: n
+    }, I(s.question.formatedValue), 3));
+  }
+}), Es = ["id", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "multiple", "title", "accept", "capture"], As = ["id", "multiple", "placeholder"], Os = ["for", "aria-label"], Vs = ["onClick", "href", "title", "download"], Fs = ["src"], Ws = ["onClick"], zs = ["onClick", "href", "title", "download"], Us = /* @__PURE__ */ C({
+  __name: "File",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    M(o, n);
+    const s = (e) => o.question.isPreviewVisible(e);
+    return (e, i) => {
+      const a = q("sv-svg-icon"), d = q("sv-action-bar"), c = _("key2click");
+      return t(), u("div", {
+        class: l(e.question.fileRootCss)
+      }, [
+        e.question.isReadOnly ? m("", !0) : (t(), u("input", {
+          key: 0,
+          class: l(e.question.cssClasses.fileInput),
+          tabindex: "-1",
+          type: "file",
+          id: e.question.inputId,
+          onChange: i[0] || (i[0] = (...v) => e.question.doChange && e.question.doChange(...v)),
+          "aria-required": e.question.ariaRequired,
+          "aria-label": e.question.ariaLabel,
+          "aria-invalid": e.question.ariaInvalid,
+          "aria-describedby": e.question.ariaDescribedBy,
+          multiple: e.question.allowMultiple,
+          title: e.question.inputTitle,
+          accept: e.question.acceptedTypes,
+          capture: e.question.renderCapture
+        }, null, 42, Es)),
+        e.question.isReadOnly ? (t(), u("input", {
+          key: 1,
+          type: "file",
+          disabled: "",
+          id: e.question.inputId,
+          class: l(e.question.getReadOnlyFileCss()),
+          multiple: e.question.allowMultiple,
+          placeholder: e.question.title,
+          style: { color: "transparent" }
+        }, null, 10, As)) : m("", !0),
+        p("div", {
+          class: l(e.question.cssClasses.dragArea),
+          onDrop: i[3] || (i[3] = (...v) => e.question.onDrop && e.question.onDrop(...v)),
+          onDragover: i[4] || (i[4] = (...v) => e.question.onDragOver && e.question.onDragOver(...v)),
+          onDragleave: i[5] || (i[5] = (...v) => e.question.onDragLeave && e.question.onDragLeave(...v)),
+          onDragenter: i[6] || (i[6] = (...v) => e.question.onDragEnter && e.question.onDragEnter(...v))
+        }, [
+          p("div", {
+            class: l(e.question.getFileDecoratorCss())
+          }, [
+            p("span", {
+              class: l(e.question.cssClasses.dragAreaPlaceholder)
+            }, I(e.question.dragAreaPlaceholder), 3),
+            p("div", {
+              class: l(e.question.cssClasses.wrapper)
+            }, [
+              D((t(), u("label", {
+                role: "button",
+                tabindex: "0",
+                class: l(e.question.getChooseFileCss()),
+                for: e.question.inputId,
+                "aria-label": e.question.chooseButtonCaption
+              }, [
+                p("span", null, I(e.question.chooseButtonCaption), 1),
+                e.question.cssClasses.chooseFileIconId ? (t(), y(a, {
+                  key: 0,
+                  title: e.question.chooseButtonCaption,
+                  iconName: e.question.cssClasses.chooseFileIconId,
+                  size: "auto"
+                }, null, 8, ["title", "iconName"])) : m("", !0)
+              ], 10, Os)), [
+                [c]
+              ]),
+              e.question.isEmpty() ? (t(), u("span", {
+                key: 0,
+                class: l(e.question.cssClasses.noFileChosen)
+              }, I(e.question.noFileChosenCaption), 3)) : m("", !0)
+            ], 2)
+          ], 2),
+          e.question.showRemoveButton ? (t(), u("button", {
+            key: 0,
+            type: "button",
+            class: l(e.question.cssClasses.removeButton),
+            onClick: i[1] || (i[1] = (...v) => e.question.doClean && e.question.doClean(...v))
+          }, [
+            p("span", null, I(e.question.clearButtonCaption), 1),
+            e.question.cssClasses.removeButtonIconId ? (t(), y(a, {
+              key: 0,
+              iconName: e.question.cssClasses.removeButtonIconId,
+              size: "auto",
+              title: e.question.clearButtonCaption
+            }, null, 8, ["iconName", "title"])) : m("", !0)
+          ], 2)) : m("", !0),
+          e.question.isEmpty() ? m("", !0) : (t(), u("div", {
+            key: 1,
+            class: l(e.question.cssClasses.fileList || void 0)
+          }, [
+            (t(!0), u(w, null, S(e.question.previewValue, (v, f) => D((t(), u("span", {
+              key: e.question.inputId + "_" + f,
+              class: l(e.question.cssClasses.preview)
+            }, [
+              v.name && e.question.cssClasses.fileSign ? (t(), u("div", {
+                key: 0,
+                class: l(e.question.cssClasses.fileSign)
+              }, [
+                p("a", {
+                  onClick: (g) => e.question.doDownloadFile(g, v),
+                  href: v.content,
+                  title: v.name,
+                  download: v.name,
+                  style: $({ width: e.question.imageWidth })
+                }, I(v.name), 13, Vs)
+              ], 2)) : m("", !0),
+              p("div", {
+                class: l(e.question.cssClasses.imageWrapper)
+              }, [
+                e.question.canPreviewImage(v) ? (t(), u("img", {
+                  key: 0,
+                  src: v.content,
+                  style: $({
+                    height: e.question.imageHeight,
+                    width: e.question.imageWidth
+                  }),
+                  alt: "File preview"
+                }, null, 12, Fs)) : m("", !0),
+                e.question.defaultImage(v) ? (t(), y(a, {
+                  key: 1,
+                  iconName: e.question.cssClasses.defaultImageIconId,
+                  class: l(e.question.cssClasses.defaultImage),
+                  size: "auto"
+                }, null, 8, ["iconName", "class"])) : m("", !0),
+                v.name && !e.question.isReadOnly ? (t(), u("div", {
+                  key: 2,
+                  class: l(e.question.cssClasses.removeFileButton),
+                  onClick: (g) => e.question.doRemoveFile(v)
+                }, [
+                  p("span", {
+                    class: l(e.question.cssClasses.removeFile)
+                  }, I(e.question.removeFileCaption), 3),
+                  e.question.cssClasses.removeFileSvgIconId ? (t(), y(a, {
+                    key: 0,
+                    title: e.question.removeFileCaption,
+                    class: l(e.question.cssClasses.removeFileSvg),
+                    iconName: e.question.cssClasses.removeFileSvgIconId,
+                    size: "auto"
+                  }, null, 8, ["title", "class", "iconName"])) : m("", !0)
+                ], 10, Ws)) : m("", !0)
+              ], 2),
+              v.name && e.question.cssClasses.fileSignBottom ? (t(), u("div", {
+                key: 1,
+                class: l(e.question.cssClasses.fileSignBottom)
+              }, [
+                p("a", {
+                  onClick: (g) => e.question.doDownloadFile(g, v),
+                  href: v.content,
+                  title: v.name,
+                  download: v.name,
+                  style: $({ width: e.question.imageWidth })
+                }, I(v.name), 13, zs)
+              ], 2)) : m("", !0)
+            ], 2)), [
+              [H, v && s(f)]
+            ])), 128))
+          ], 2)),
+          e.question.showRemoveButtonBottom ? (t(), u("button", {
+            key: 2,
+            type: "button",
+            class: l(e.question.showRemoveButtonBottom),
+            onClick: i[2] || (i[2] = (...v) => e.question.doClean && e.question.doClean(...v))
+          }, [
+            p("span", null, I(e.question.clearButtonCaption), 1),
+            e.question.cssClasses.removeButtonIconId ? (t(), y(a, {
+              key: 0,
+              iconName: e.question.cssClasses.removeButtonIconId,
+              size: "auto",
+              title: e.question.clearButtonCaption
+            }, null, 8, ["iconName", "title"])) : m("", !0)
+          ], 2)) : m("", !0),
+          e.question.mobileFileNavigatorVisible ? (t(), y(d, {
+            key: 3,
+            model: e.question.mobileFileNavigator
+          }, null, 8, ["model"])) : m("", !0)
+        ], 34)
+      ], 2);
+    };
+  }
+}), Ks = ["aria-label"], js = /* @__PURE__ */ C({
+  __name: "Imagepicker",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    return M(o, n), (s, e) => {
+      const i = q("survey-imagepicker-item");
+      return t(), u("fieldset", {
+        class: l(s.question.getSelectBaseRootCss()),
+        ref_key: "root",
+        ref: n
+      }, [
+        p("legend", {
+          role: "radio",
+          "aria-label": s.question.locTitle.renderedHtml
+        }, null, 8, Ks),
+        s.question.hasColumns ? m("", !0) : (t(!0), u(w, { key: 0 }, S(s.question.visibleChoices, (a) => (t(), y(i, {
+          key: a.value,
+          question: s.question,
+          item: a
+        }, null, 8, ["question", "item"]))), 128)),
+        s.question.hasColumns ? (t(!0), u(w, { key: 1 }, S(s.question.columns, (a, d) => (t(), u("div", {
+          class: l(s.question.getColumnClass()),
+          key: d,
+          role: "presentation"
+        }, [
+          (t(!0), u(w, null, S(a, (c) => (t(), y(i, {
+            key: c.value,
+            question: s.question,
+            item: c
+          }, null, 8, ["question", "item"]))), 128))
+        ], 2))), 128)) : m("", !0)
+      ], 2);
+    };
+  }
+}), Qs = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Zs = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Gs = ["src", "width", "height", "alt"], Xs = ["src", "width", "height"], Js = /* @__PURE__ */ C({
+  __name: "ImagepickerItem",
+  props: {
+    question: {},
+    item: {}
+  },
+  setup(r) {
+    const o = r, n = (e) => o.question.getItemClass(e);
+    B(() => o.item);
+    const s = W(() => o.item.locImageLink);
+    return (e, i) => {
+      const a = q("sv-svg-icon"), d = q("survey-string");
+      return t(), u("div", {
+        class: l(n(e.item))
+      }, [
+        p("label", {
+          class: l(e.question.cssClasses.label)
+        }, [
+          e.question.multiSelect ? D((t(), u("input", {
+            key: 0,
+            type: "checkbox",
+            name: e.question.questionName,
+            value: e.item.value,
+            id: e.question.getItemId(e.item),
+            "onUpdate:modelValue": i[0] || (i[0] = (c) => e.question.value = c),
+            disabled: !e.question.getItemEnabled(e.item),
+            "aria-required": e.question.ariaRequired,
+            "aria-label": e.question.ariaLabel,
+            "aria-invalid": e.question.ariaInvalid,
+            "aria-describedby": e.question.ariaDescribedBy,
+            class: l(e.question.cssClasses.itemControl)
+          }, null, 10, Qs)), [
+            [z, e.question.value]
+          ]) : D((t(), u("input", {
+            key: 1,
+            type: "radio",
+            name: e.question.questionName,
+            value: e.item.value,
+            id: e.question.getItemId(e.item),
+            "onUpdate:modelValue": i[1] || (i[1] = (c) => e.question.value = c),
+            disabled: !e.question.getItemEnabled(e.item),
+            "aria-required": e.question.ariaRequired,
+            "aria-label": e.question.ariaLabel,
+            "aria-invalid": e.question.ariaInvalid,
+            "aria-describedby": e.question.ariaDescribedBy,
+            class: l(e.question.cssClasses.itemControl)
+          }, null, 10, Zs)), [
+            [Y, e.question.value]
+          ]),
+          p("div", {
+            class: l(e.question.cssClasses.itemDecorator)
+          }, [
+            p("div", {
+              class: l(e.question.cssClasses.imageContainer)
+            }, [
+              e.question.cssClasses.checkedItemDecorator ? (t(), u("span", {
+                key: 0,
+                class: l(e.question.cssClasses.checkedItemDecorator)
+              }, [
+                e.question.cssClasses.checkedItemSvgIconId ? (t(), y(a, {
+                  key: 0,
+                  class: l(e.question.cssClasses.checkedItemSvgIcon),
+                  size: "auto",
+                  iconName: e.question.cssClasses.checkedItemSvgIconId
+                }, null, 8, ["class", "iconName"])) : m("", !0)
+              ], 2)) : m("", !0),
+              b(s) && !e.item.contentNotLoaded && e.question.contentMode === "image" ? (t(), u("img", {
+                key: 1,
+                class: l(e.question.cssClasses.image),
+                src: b(s),
+                width: e.question.renderedImageWidth,
+                height: e.question.renderedImageHeight,
+                style: $({ objectFit: e.question.imageFit }),
+                alt: e.item.locText.renderedHtml,
+                onLoad: i[2] || (i[2] = (c) => {
+                  e.question.onContentLoaded(e.item, c);
+                }),
+                onError: i[3] || (i[3] = (c) => {
+                  e.item.onErrorHandler();
+                })
+              }, null, 46, Gs)) : m("", !0),
+              b(s) && !e.item.contentNotLoaded && e.question.contentMode === "video" ? (t(), u("video", {
+                key: 2,
+                controls: "",
+                class: l(e.question.cssClasses.image),
+                src: b(s),
+                width: e.question.renderedImageWidth,
+                height: e.question.renderedImageHeight,
+                style: $({ objectFit: e.question.imageFit }),
+                onLoadedmetadata: i[4] || (i[4] = (c) => {
+                  e.question.onContentLoaded(e.item, c);
+                }),
+                onError: i[5] || (i[5] = (c) => {
+                  e.item.onErrorHandler();
+                })
+              }, null, 46, Xs)) : m("", !0),
+              !b(s) || e.item.contentNotLoaded ? (t(), u("div", {
+                key: 3,
+                class: l(e.question.cssClasses.itemNoImage),
+                style: $({
+                  width: e.question.renderedImageWidth + "px",
+                  height: e.question.renderedImageHeight + "px",
+                  objectFit: e.question.imageFit
+                })
+              }, [
+                h(a, {
+                  class: l(e.question.cssClasses.itemNoImageSvgIcon),
+                  iconName: e.question.cssClasses.itemNoImageSvgIconId,
+                  size: 48
+                }, null, 8, ["class", "iconName"])
+              ], 6)) : m("", !0)
+            ], 2),
+            e.question.showLabel ? (t(), u("span", {
+              key: 0,
+              class: l(e.question.cssClasses.itemText)
+            }, [
+              h(d, {
+                locString: e.item.locText
+              }, null, 8, ["locString"])
+            ], 2)) : m("", !0)
+          ], 2)
+        ], 2)
+      ], 2);
+    };
+  }
+}), Ys = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], _s = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], xs = /* @__PURE__ */ C({
+  __name: "Comment",
+  props: {
+    question: {},
+    css: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    M(o, n);
+    const s = (e) => {
+      const i = o.question;
+      i.value = e.target.value;
+    };
+    return (e, i) => {
+      const a = q("sv-character-counter");
+      return !e.question.isReadOnlyRenderDiv() && !e.question.getMaxLength() ? (t(), u("textarea", {
+        key: 0,
+        ref_key: "root",
+        ref: n,
+        readonly: e.question.isInputReadOnly,
+        disabled: e.question.isInputReadOnly,
+        value: e.question.value,
+        id: e.question.inputId,
+        maxlength: e.question.getMaxLength(),
+        cols: e.question.cols,
+        rows: e.question.rows,
+        placeholder: e.question.renderedPlaceholder,
+        class: l(e.question.className),
+        onChange: s,
+        onInput: i[0] || (i[0] = (d) => {
+          e.question.onInput(d);
+        }),
+        onKeydown: i[1] || (i[1] = (d) => {
+          e.question.onKeyDown(d);
+        }),
+        "aria-required": e.question.a11y_input_ariaRequired,
+        "aria-label": e.question.a11y_input_ariaLabel,
+        "aria-labelledby": e.question.a11y_input_ariaLabelledBy,
+        "aria-invalid": e.question.a11y_input_ariaInvalid,
+        "aria-describedby": e.question.a11y_input_ariaDescribedBy,
+        style: $({ resize: e.question.resizeStyle })
+      }, null, 46, Ys)) : !e.question.isReadOnlyRenderDiv() && e.question.getMaxLength() ? (t(), u("div", {
+        key: 1,
+        ref_key: "root",
+        ref: n
+      }, [
+        p("textarea", {
+          readonly: e.question.isInputReadOnly,
+          disabled: e.question.isInputReadOnly,
+          value: e.question.value,
+          id: e.question.inputId,
+          maxlength: e.question.getMaxLength(),
+          cols: e.question.cols,
+          rows: e.question.rows,
+          placeholder: e.question.renderedPlaceholder,
+          class: l(e.question.className),
+          onChange: s,
+          onInput: i[2] || (i[2] = (d) => {
+            e.question.onInput(d);
+          }),
+          onKeydown: i[3] || (i[3] = (d) => {
+            e.question.onKeyDown(d);
+          }),
+          "aria-required": e.question.a11y_input_ariaRequired,
+          "aria-label": e.question.a11y_input_ariaLabel,
+          "aria-labelledby": e.question.a11y_input_ariaLabelledBy,
+          "aria-invalid": e.question.a11y_input_ariaInvalid,
+          "aria-describedby": e.question.a11y_input_ariaDescribedBy,
+          style: $({ resize: e.question.resizeStyle })
+        }, null, 46, _s),
+        h(a, {
+          counter: e.question.characterCounter,
+          remainingCharacterCounter: e.question.cssClasses.remainingCharacterCounter
+        }, null, 8, ["counter", "remainingCharacterCounter"])
+      ], 512)) : (t(), u("div", {
+        key: 2,
+        ref_key: "root",
+        ref: n
+      }, I(e.question.value), 513));
+    };
+  }
+}), en = /* @__PURE__ */ C({
+  __name: "Dropdown",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    return M(o, n), (s, e) => {
+      const i = q("sv-dropdown"), a = q("survey-other-choice");
+      return t(), u("div", {
+        class: l(s.question.renderCssRoot),
+        ref_key: "root",
+        ref: n
+      }, [
+        h(i, { question: s.question }, null, 8, ["question"]),
+        s.question.isOtherSelected ? (t(), y(a, {
+          key: 0,
+          question: s.question
+        }, null, 8, ["question"])) : m("", !0)
+      ], 2);
+    };
+  }
+}), sn = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "required"], nn = {
+  key: 0,
+  value: ""
+}, on = ["id"];
+G.Instance.registerRenderer(
+  "dropdown",
+  "select",
+  "sv-dropdown-select"
+);
+const tn = /* @__PURE__ */ C({
+  __name: "DropdownSelect",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    M(o, n);
+    const s = (a) => {
+      o.question.onClick(a);
+    }, e = (a) => {
+      o.question.onKeyUp(a);
+    }, i = R({
+      get() {
+        var a;
+        return (a = o.question.value) != null ? a : "";
+      },
+      set(a) {
+        const d = o.question;
+        a === "" ? d.renderedValue = void 0 : d.renderedValue = a;
+      }
+    });
+    return (a, d) => {
+      const c = q("sv-dropdown-option-item"), v = q("sv-svg-icon"), f = q("survey-other-choice");
+      return t(), u("div", {
+        class: l(a.question.renderCssRoot)
+      }, [
+        p("div", {
+          class: l(a.question.cssClasses.selectWrapper)
+        }, [
+          a.question.isReadOnly ? (t(), u("div", {
+            key: 1,
+            disabled: "",
+            id: a.question.inputId,
+            class: l(a.question.getControlClass())
+          }, I(a.question.readOnlyText), 11, on)) : D((t(), u("select", {
+            key: 0,
+            id: a.question.inputId,
+            "onUpdate:modelValue": d[0] || (d[0] = (g) => i.value = g),
+            onClick: s,
+            onKeyup: e,
+            autocomplete: a.question.autocomplete,
+            class: l(a.question.getControlClass()),
+            "aria-required": a.question.ariaRequired,
+            "aria-label": a.question.ariaLabel,
+            "aria-invalid": a.question.ariaInvalid,
+            "aria-describedby": a.question.ariaDescribedBy,
+            required: a.question.isRequired
+          }, [
+            a.question.allowClear ? (t(), u("option", nn, I(a.question.placeholder), 1)) : m("", !0),
+            (t(!0), u(w, null, S(a.question.visibleChoices, (g) => (t(), y(c, {
+              item: g,
+              key: g.id
+            }, null, 8, ["item"]))), 128))
+          ], 42, sn)), [
+            [ce, i.value]
+          ]),
+          a.question.cssClasses.chevronButtonIconId ? (t(), u("div", {
+            key: 2,
+            class: l(a.question.cssClasses.chevronButton)
+          }, [
+            h(v, {
+              class: l(a.question.cssClasses.chevronButtonSvg),
+              iconName: a.question.cssClasses.chevronButtonIconId,
+              size: "24"
+            }, null, 8, ["class", "iconName"])
+          ], 2)) : m("", !0)
+        ], 2),
+        a.question.isOtherSelected ? (t(), y(f, {
+          key: 0,
+          question: a.question
+        }, null, 8, ["question"])) : m("", !0)
+      ], 2);
+    };
+  }
+}), ln = ["value", "disabled"], rn = /* @__PURE__ */ C({
+  __name: "OptionItem",
+  props: {
+    item: {}
+  },
+  setup(r) {
+    const o = r, n = W(() => o.item.locText);
+    return B(() => o.item), (s, e) => (t(), u("option", {
+      value: s.item.value,
+      disabled: !s.item.isEnabled
+    }, I(b(n)), 9, ln));
+  }
+}), an = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], un = { style: { visibility: "hidden" } }, dn = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-label", "aria-expanded", "aria-controls", "aria-activedescendant", "placeholder"], mn = ["id"], cn = /* @__PURE__ */ C({
+  __name: "Dropdown",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null), s = R(() => {
+      const g = o.question;
+      return g.dropdownListModel || (g.dropdownListModel = new ke(g)), o.question.dropdownListModel;
+    }), e = (g) => {
+      var k;
+      (k = s.value) == null || k.onClick(g);
+    }, i = (g) => {
+      var k;
+      (k = s.value) == null || k.onClear(g);
+    }, a = (g) => {
+      var k;
+      (k = s.value) == null || k.keyHandler(g);
+    }, d = () => {
+      if (n.value) {
+        const g = n.value, k = s.value.inputStringRendered;
+        fe.isTwoValueEquals(k, g.value) || (g.value = s.value.inputStringRendered);
+      }
+    }, c = (g) => {
+      var k;
+      (k = s.value) == null || k.onBlur(g), d();
+    }, v = (g) => {
+      var k;
+      (k = s.value) == null || k.onFocus(g);
+    }, f = (g) => {
+      s.value.inputStringRendered = g.target.value;
+    };
+    return B(() => s.value), U(d), E(d), (g, k) => {
+      const P = q("survey-string"), L = q("sv-svg-icon"), A = q("sv-popup");
+      return t(), u("div", {
+        class: l(g.question.cssClasses.selectWrapper),
+        onClick: e
+      }, [
+        g.question.isReadOnly ? m("", !0) : (t(), u("div", {
+          key: 0,
+          id: g.question.inputId,
+          disabled: g.question.isInputReadOnly ? !0 : null,
+          tabindex: s.value.inputReadOnly ? void 0 : 0,
+          onKeydown: a,
+          onBlur: c,
+          class: l(g.question.getControlClass()),
+          role: g.question.ariaRole,
+          "aria-required": g.question.ariaRequired,
+          "aria-label": g.question.ariaLabel,
+          "aria-invalid": g.question.ariaInvalid,
+          "aria-describedby": g.question.ariaDescribedBy,
+          "aria-expanded": g.question.ariaExpanded === null ? void 0 : g.question.ariaExpanded === "true",
+          "aria-controls": s.value.listElementId,
+          "aria-activedescendant": s.value.ariaActivedescendant,
+          required: g.question.isRequired ? !0 : null
+        }, [
+          s.value.showHintPrefix ? (t(), u("div", {
+            key: 0,
+            class: l(g.question.cssClasses.hintPrefix)
+          }, [
+            p("span", null, I(s.value.hintStringPrefix), 1)
+          ], 2)) : m("", !0),
+          p("div", {
+            class: l(g.question.cssClasses.controlValue)
+          }, [
+            g.question.showSelectedItemLocText ? (t(), y(P, {
+              key: 0,
+              locString: g.question.selectedItemLocText
+            }, null, 8, ["locString"])) : m("", !0),
+            s.value.showHintString ? (t(), u("div", {
+              key: 1,
+              class: l(g.question.cssClasses.hintSuffix)
+            }, [
+              p("span", un, I(s.value.inputStringRendered), 1),
+              p("span", null, I(s.value.hintStringSuffix), 1)
+            ], 2)) : m("", !0),
+            g.question.showInputFieldComponent ? (t(), y(N(g.question.inputFieldComponentName), {
+              key: 2,
+              item: s.value.getSelectedAction(),
+              question: g.question
+            }, null, 8, ["item", "question"])) : m("", !0),
+            p("input", {
+              type: "text",
+              ref_key: "inputElement",
+              ref: n,
+              class: l(g.question.cssClasses.filterStringInput),
+              disabled: g.question.isInputReadOnly,
+              autocomplete: "off",
+              inputmode: s.value.inputMode,
+              role: s.value.filterStringEnabled ? g.question.ariaRole : void 0,
+              id: g.question.getInputId(),
+              tabindex: s.value.inputReadOnly ? void 0 : -1,
+              readonly: s.value.searchEnabled ? void 0 : !0,
+              "aria-label": g.question.placeholder,
+              "aria-expanded": g.question.ariaExpanded === null ? void 0 : g.question.ariaExpanded === "true",
+              "aria-controls": s.value.listElementId,
+              "aria-activedescendant": s.value.ariaActivedescendant,
+              placeholder: s.value.placeholderRendered,
+              onInput: f,
+              onBlur: c,
+              onFocus: v
+            }, null, 42, dn)
+          ], 2),
+          g.question.allowClear && g.question.cssClasses.cleanButtonIconId ? D((t(), u("div", {
+            key: 1,
+            class: l(g.question.cssClasses.cleanButton),
+            onClick: i
+          }, [
+            h(L, {
+              class: l(g.question.cssClasses.cleanButtonSvg),
+              iconName: g.question.cssClasses.cleanButtonIconId,
+              title: g.question.clearCaption,
+              size: "auto"
+            }, null, 8, ["class", "iconName", "title"])
+          ], 2)), [
+            [H, !g.question.isEmpty()]
+          ]) : m("", !0)
+        ], 42, an)),
+        g.question.isReadOnly ? (t(), u("div", {
+          key: 2,
+          disabled: "",
+          id: g.question.inputId,
+          class: l(g.question.getControlClass())
+        }, [
+          g.question.selectedItemLocText ? (t(), y(P, {
+            key: 0,
+            locString: g.question.selectedItemLocText
+          }, null, 8, ["locString"])) : m("", !0),
+          p("div", null, I(g.question.readOnlyText), 1)
+        ], 10, mn)) : (t(), y(A, {
+          key: 1,
+          model: g.question.dropdownListModel.popupModel
+        }, null, 8, ["model"])),
+        g.question.cssClasses.chevronButtonIconId ? (t(), u("div", {
+          key: 3,
+          class: l(g.question.cssClasses.chevronButton)
+        }, [
+          h(L, {
+            class: l(g.question.cssClasses.chevronButtonSvg),
+            iconName: g.question.cssClasses.chevronButtonIconId,
+            size: "24"
+          }, null, 8, ["class", "iconName"])
+        ], 2)) : m("", !0)
+      ], 2);
+    };
+  }
+}), pn = /* @__PURE__ */ C({
+  __name: "Tagbox",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    return M(o, n), (s, e) => {
+      const i = q("sv-tagbox"), a = q("survey-other-choice");
+      return t(), u("div", {
+        class: l(s.question.renderCssRoot),
+        ref_key: "root",
+        ref: n
+      }, [
+        h(i, { question: s.question }, null, 8, ["question"]),
+        s.question.isOtherSelected ? (t(), y(a, {
+          key: 0,
+          question: s.question
+        }, null, 8, ["question"])) : m("", !0)
+      ], 2);
+    };
+  }
+}), vn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], qn = ["id"], yn = /* @__PURE__ */ C({
+  __name: "Tagbox",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = R(() => {
+      const d = o.question;
+      return d.dropdownListModel || (d.dropdownListModel = new Ie(d)), o.question.dropdownListModel;
+    }), s = (d) => {
+      var c;
+      (c = n.value) == null || c.onClick(d);
+    }, e = (d) => {
+      var c;
+      (c = n.value) == null || c.onClear(d);
+    }, i = (d) => {
+      var c;
+      (c = n.value) == null || c.keyHandler(d);
+    }, a = (d) => {
+      var c;
+      (c = n.value) == null || c.onBlur(d);
+    };
+    return B(() => n.value), (d, c) => {
+      const v = q("sv-tagbox-item"), f = q("sv-tagbox-filter"), g = q("sv-svg-icon"), k = q("sv-popup");
+      return t(), u("div", {
+        class: l(d.question.cssClasses.selectWrapper),
+        onClick: s
+      }, [
+        d.question.isReadOnly ? m("", !0) : (t(), u("div", {
+          key: 0,
+          id: d.question.inputId,
+          tabindex: n.value.inputReadOnly ? void 0 : 0,
+          disabled: d.question.isInputReadOnly ? !0 : null,
+          onKeydown: i,
+          onBlur: a,
+          class: l(d.question.getControlClass()),
+          role: d.question.ariaRole,
+          "aria-required": d.question.ariaRequired,
+          "aria-label": d.question.ariaLabel,
+          "aria-invalid": d.question.ariaInvalid,
+          "aria-describedby": d.question.ariaDescribedBy,
+          "aria-expanded": d.question.ariaExpanded === null ? void 0 : d.question.ariaExpanded === "true",
+          "aria-controls": n.value.listElementId,
+          "aria-activedescendant": n.value.ariaActivedescendant,
+          required: d.question.isRequired ? !0 : null
+        }, [
+          p("div", {
+            class: l(d.question.cssClasses.controlValue)
+          }, [
+            (t(!0), u(w, null, S(d.question.selectedChoices, (P, L) => (t(), y(v, {
+              item: P,
+              question: d.question,
+              key: "item" + L
+            }, null, 8, ["item", "question"]))), 128)),
+            h(f, {
+              model: n.value,
+              question: d.question
+            }, null, 8, ["model", "question"])
+          ], 2),
+          d.question.allowClear && d.question.cssClasses.cleanButtonIconId ? D((t(), u("div", {
+            key: 0,
+            class: l(d.question.cssClasses.cleanButton),
+            onClick: e
+          }, [
+            h(g, {
+              class: l(d.question.cssClasses.cleanButtonSvg),
+              iconName: d.question.cssClasses.cleanButtonIconId,
+              title: d.question.clearCaption,
+              size: "auto"
+            }, null, 8, ["class", "iconName", "title"])
+          ], 2)), [
+            [H, !d.question.isEmpty()]
+          ]) : m("", !0)
+        ], 42, vn)),
+        d.question.isReadOnly ? (t(), u("div", {
+          key: 2,
+          disabled: "",
+          id: d.question.inputId,
+          class: l(d.question.getControlClass())
+        }, [
+          p("div", null, I(d.question.readOnlyText), 1)
+        ], 10, qn)) : (t(), y(k, {
+          key: 1,
+          model: n.value.popupModel
+        }, null, 8, ["model"])),
+        d.question.cssClasses.chevronButtonIconId ? (t(), u("div", {
+          key: 3,
+          class: l(d.question.cssClasses.chevronButton)
+        }, [
+          h(g, {
+            class: l(d.question.cssClasses.chevronButtonSvg),
+            iconName: d.question.cssClasses.chevronButtonIconId,
+            size: "24"
+          }, null, 8, ["class", "iconName"])
+        ], 2)) : m("", !0)
+      ], 2);
+    };
+  }
+}), gn = { style: { visibility: "hidden" } }, Cn = ["placeholder", "disabled", "inputmode", "role", "aria-label", "aria-expanded", "aria-controls", "aria-activedescendant", "id", "readonly", "size"], hn = /* @__PURE__ */ C({
+  __name: "TagboxFilter",
+  props: {
+    question: {},
+    model: {}
+  },
+  setup(r) {
+    const o = r, n = (a) => {
+      const d = o.model;
+      d.inputStringRendered = a.target.value;
+    }, s = (a) => {
+      o.model.inputKeyHandler(a);
+    }, e = (a) => {
+      o.model.onBlur(a);
+    }, i = (a) => {
+      o.model.onFocus(a);
+    };
+    return B(() => o.model), (a, d) => {
+      const c = q("survey-string");
+      return t(), u("div", {
+        class: l(a.question.cssClasses.hint)
+      }, [
+        a.model.showHintPrefix ? (t(), u("div", {
+          key: 0,
+          class: l(a.question.cssClasses.hintPrefix)
+        }, [
+          p("span", null, I(a.model.hintStringPrefix), 1)
+        ], 2)) : m("", !0),
+        p("div", {
+          class: l(a.question.cssClasses.hintSuffixWrapper)
+        }, [
+          a.question.showSelectedItemLocText ? (t(), y(c, {
+            key: 0,
+            locString: a.question.selectedItemLocText
+          }, null, 8, ["locString"])) : m("", !0),
+          a.model.showHintString ? (t(), u("div", {
+            key: 1,
+            class: l(a.question.cssClasses.hintSuffix)
+          }, [
+            p("span", gn, I(a.model.inputStringRendered), 1),
+            p("span", null, I(a.model.hintStringSuffix), 1)
+          ], 2)) : m("", !0),
+          D(p("input", {
+            type: "text",
+            autocomplete: "off",
+            "onUpdate:modelValue": d[0] || (d[0] = (v) => a.model.inputStringRendered = v),
+            class: l(a.question.cssClasses.filterStringInput),
+            placeholder: a.model.filterStringPlaceholder,
+            disabled: a.question.isInputReadOnly,
+            inputmode: a.model.inputMode,
+            role: a.model.filterStringEnabled ? a.question.ariaRole : void 0,
+            "aria-label": a.question.placeholder,
+            "aria-expanded": a.question.ariaExpanded === null ? void 0 : a.question.ariaExpanded === "true",
+            "aria-controls": a.model.listElementId,
+            "aria-activedescendant": a.model.ariaActivedescendant,
+            id: a.question.getInputId(),
+            readonly: a.model.searchEnabled ? void 0 : !0,
+            size: a.model.inputStringRendered ? void 0 : 1,
+            onChange: n,
+            onKeydown: s,
+            onBlur: e,
+            onFocus: i
+          }, null, 42, Cn), [
+            [pe, a.model.inputStringRendered]
+          ])
+        ], 2)
+      ], 2);
+    };
+  }
+}), bn = { class: "sv-tagbox__item-text" }, kn = /* @__PURE__ */ C({
+  __name: "TagboxItem",
+  props: {
+    question: {},
+    item: {}
+  },
+  setup(r) {
+    const o = r, n = (s) => {
+      o.question.dropdownListModel.deselectItem(o.item.value), s.stopPropagation();
+    };
+    return B(() => o.item), (s, e) => {
+      const i = q("survey-string"), a = q("sv-svg-icon");
+      return t(), u("div", {
+        class: "sv-tagbox__item",
+        key: s.item.key
+      }, [
+        p("div", bn, [
+          h(i, {
+            locString: s.item.locText
+          }, null, 8, ["locString"])
+        ]),
+        p("div", {
+          class: l(s.question.cssClasses.cleanItemButton),
+          onClick: n
+        }, [
+          h(a, {
+            class: l(s.question.cssClasses.cleanItemButtonSvg),
+            iconName: s.question.cssClasses.cleanItemButtonIconId,
+            size: "auto"
+          }, null, 8, ["class", "iconName"])
+        ], 2)
+      ]);
+    };
+  }
+}), fn = /* @__PURE__ */ C({
+  __name: "Ranking",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    M(o, n);
+    const s = (e) => o.question.getNumberByIndex(e);
+    return (e, i) => {
+      const a = q("survey-ranking-item");
+      return t(), u("div", {
+        class: l(e.question.rootClass),
+        ref_key: "root",
+        ref: n
+      }, [
+        e.question.selectToRankEnabled ? m("", !0) : (t(!0), u(w, { key: 0 }, S(e.question.rankingChoices, (d, c) => (t(), y(a, {
+          key: d.value + "-" + c + "-item",
+          class: l(e.question.getItemClass(d)),
+          text: d.locText,
+          index: c,
+          indexText: s(c),
+          cssClasses: e.question.cssClasses,
+          question: e.question,
+          item: d
+        }, null, 8, ["class", "text", "index", "indexText", "cssClasses", "question", "item"]))), 128)),
+        e.question.selectToRankEnabled ? (t(), u("div", {
+          key: 1,
+          class: l(e.question.getContainerClasses("from")),
+          "data-ranking": "from-container"
+        }, [
+          (t(!0), u(w, null, S(e.question.unRankingChoices, (d, c) => (t(), y(a, {
+            key: d.value + "-" + c + "-item",
+            class: l(e.question.getItemClass(d)),
+            text: d.locText,
+            index: c,
+            indexText: s(c),
+            cssClasses: e.question.cssClasses,
+            question: e.question,
+            item: d,
+            unrankedItem: !0
+          }, null, 8, ["class", "text", "index", "indexText", "cssClasses", "question", "item"]))), 128)),
+          e.question.unRankingChoices.length === 0 ? (t(), u("div", {
+            key: 0,
+            class: l(e.question.cssClasses.containerPlaceholder)
+          }, I(e.question.selectToRankEmptyRankedAreaText), 3)) : m("", !0)
+        ], 2)) : m("", !0),
+        e.question.selectToRankEnabled ? (t(), u("div", {
+          key: 2,
+          class: l(e.question.cssClasses.containersDivider)
+        }, null, 2)) : m("", !0),
+        e.question.selectToRankEnabled ? (t(), u("div", {
+          key: 3,
+          class: l(e.question.getContainerClasses("to")),
+          "data-ranking": "to-container"
+        }, [
+          (t(!0), u(w, null, S(e.question.rankingChoices, (d, c) => (t(), y(a, {
+            key: d.value + "-" + c + "-item",
+            class: l(e.question.getItemClass(d)),
+            text: d.locText,
+            index: c,
+            indexText: s(c),
+            cssClasses: e.question.cssClasses,
+            question: e.question,
+            item: d
+          }, null, 8, ["class", "text", "index", "indexText", "cssClasses", "question", "item"]))), 128)),
+          e.question.rankingChoices.length === 0 ? (t(), u("div", {
+            key: 0,
+            class: l(e.question.cssClasses.containerPlaceholder)
+          }, I(e.question.selectToRankEmptyUnrankedAreaText), 3)) : m("", !0)
+        ], 2)) : m("", !0)
+      ], 2);
+    };
+  }
+}), In = ["tabindex", "data-sv-drop-target-ranking-item"], wn = {
+  tabindex: "-1",
+  style: { outline: "none" }
+}, Tn = /* @__PURE__ */ p("path", { d: "M6 2C6 0.9 6.9 0 8 0C9.1 0 10 0.9 10 2C10 3.1 9.1 4 8 4C6.9 4 6 3.1 6 2ZM2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0ZM8 6C6.9 6 6 6.9 6 8C6 9.1 6.9 10 8 10C9.1 10 10 9.1 10 8C10 6.9 9.1 6 8 6ZM2 6C0.9 6 0 6.9 0 8C0 9.1 0.9 10 2 10C3.1 10 4 9.1 4 8C4 6.9 3.1 6 2 6ZM8 12C6.9 12 6 12.9 6 14C6 15.1 6.9 16 8 16C9.1 16 10 15.1 10 14C10 12.9 9.1 12 8 12ZM2 12C0.9 12 0 12.9 0 14C0 15.1 0.9 16 2 16C3.1 16 4 15.1 4 14C4 12.9 3.1 12 2 12Z" }, null, -1), Sn = [
+  Tn
+], Rn = /* @__PURE__ */ p("path", { d: "M10 5L5 0L0 5H4V9H6V5H10Z" }, null, -1), $n = /* @__PURE__ */ p("path", { d: "M6 19V15H4V19H0L5 24L10 19H6Z" }, null, -1), Bn = [
+  Rn,
+  $n
+], Ln = /* @__PURE__ */ C({
+  __name: "RankingItem",
+  props: {
+    index: {},
+    indexText: {},
+    text: {},
+    handleKeydown: { type: Function },
+    cssClasses: {},
+    question: {},
+    item: {},
+    unrankedItem: { type: Boolean }
+  },
+  setup(r) {
+    const o = r;
+    return B(() => o.item), (n, s) => {
+      const e = q("survey-string");
+      return t(), u("div", {
+        tabindex: n.question.getItemTabIndex(n.item),
+        "data-sv-drop-target-ranking-item": n.index,
+        class: l(n.question.getItemClass(n.item)),
+        onKeydown: s[0] || (s[0] = (i) => {
+          n.question.handleKeydown.call(n.question, i, n.item);
+        }),
+        onPointerdown: s[1] || (s[1] = (i) => {
+          n.question.handlePointerDown.call(
+            n.question,
+            i,
+            n.item,
+            i.currentTarget
+          );
+        })
+      }, [
+        p("div", wn, [
+          p("div", {
+            class: l(n.cssClasses.itemGhostNode)
+          }, null, 2),
+          p("div", {
+            class: l(n.cssClasses.itemContent)
+          }, [
+            p("div", {
+              class: l(n.cssClasses.itemIconContainer)
+            }, [
+              (t(), u("svg", {
+                width: "10",
+                height: "16",
+                viewBox: "0 0 10 16",
+                class: l(n.question.getIconHoverCss()),
+                xmlns: "http://www.w3.org/2000/svg"
+              }, Sn, 2)),
+              (t(), u("svg", {
+                width: "10",
+                height: "24",
+                viewBox: "0 0 10 24",
+                class: l(n.question.getIconFocusCss()),
+                xmlns: "http://www.w3.org/2000/svg"
+              }, Bn, 2))
+            ], 2),
+            p("div", {
+              class: l(n.question.getItemIndexClasses(n.item))
+            }, I(n.unrankedItem ? "" : n.indexText), 3),
+            p("div", {
+              class: l(n.cssClasses.controlLabel)
+            }, [
+              h(e, { locString: n.text }, null, 8, ["locString"])
+            ], 2)
+          ], 2)
+        ])
+      ], 42, In);
+    };
+  }
+}), Dn = { role: "radiogroup" }, Pn = /* @__PURE__ */ p("legend", {
+  role: "presentation",
+  class: "sv-hidden"
+}, null, -1), Mn = /* @__PURE__ */ C({
+  __name: "Rating",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    M(o, n);
+    const s = (e) => o.question.getInputId(e);
+    return (e, i) => {
+      const a = q("survey-string");
+      return t(), u("div", {
+        class: l(e.question.ratingRootCss),
+        ref_key: "root",
+        ref: n
+      }, [
+        p("fieldset", Dn, [
+          Pn,
+          e.question.hasMinLabel ? (t(), u("span", {
+            key: 0,
+            class: l(e.question.cssClasses.minText)
+          }, [
+            h(a, {
+              locString: e.question.locMinRateDescription
+            }, null, 8, ["locString"])
+          ], 2)) : m("", !0),
+          (t(!0), u(w, null, S(e.question.renderedRateItems, (d, c) => (t(), y(N(e.question.itemComponentName), {
+            key: s(c),
+            item: d,
+            index: c,
+            question: e.question
+          }, null, 8, ["item", "index", "question"]))), 128)),
+          e.question.hasMaxLabel ? (t(), u("span", {
+            key: 1,
+            class: l(e.question.cssClasses.maxText)
+          }, [
+            h(a, {
+              locString: e.question.locMaxRateDescription
+            }, null, 8, ["locString"])
+          ], 2)) : m("", !0)
+        ])
+      ], 2);
+    };
+  }
+}), Nn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Hn = /* @__PURE__ */ C({
+  __name: "RatingItem",
+  props: {
+    question: {},
+    item: {},
+    index: {}
+  },
+  setup(r) {
+    const o = r;
+    return B(() => o.item), (n, s) => {
+      const e = q("survey-string");
+      return t(), u("label", {
+        key: n.item.value,
+        onMousedown: s[1] || (s[1] = (i) => n.question.onMouseDown()),
+        class: l(n.question.getItemClassByText(n.item.itemValue, n.item.text))
+      }, [
+        p("input", {
+          type: "radio",
+          class: "sv-visuallyhidden",
+          name: n.question.name,
+          id: n.question.getInputId(n.index),
+          value: n.item.value,
+          disabled: n.question.isInputReadOnly,
+          onClick: s[0] || (s[0] = (i) => n.question.setValueFromClick(i.target.value)),
+          "aria-required": n.question.ariaRequired,
+          "aria-label": n.question.ariaLabel,
+          "aria-invalid": n.question.ariaInvalid,
+          "aria-describedby": n.question.ariaDescribedBy
+        }, null, 8, Nn),
+        p("span", {
+          class: l(n.question.cssClasses.itemText)
+        }, [
+          h(e, {
+            locString: n.item.locText
+          }, null, 8, ["locString"])
+        ], 2)
+      ], 34);
+    };
+  }
+}), En = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], An = /* @__PURE__ */ C({
+  __name: "RatingItemSmiley",
+  props: {
+    question: {},
+    item: {},
+    index: {}
+  },
+  setup(r) {
+    const o = r;
+    return B(() => o.item), (n, s) => {
+      const e = q("sv-svg-icon");
+      return t(), u("label", {
+        key: n.item.value,
+        onMousedown: s[1] || (s[1] = (i) => n.question.onMouseDown()),
+        style: $(n.question.getItemStyle(n.item.itemValue, n.item.highlight)),
+        class: l(n.question.getItemClass(n.item.itemValue, n.item.highlight)),
+        onMouseover: s[2] || (s[2] = (i) => n.question.onItemMouseIn(n.item)),
+        onMouseleave: s[3] || (s[3] = (i) => n.question.onItemMouseOut(n.item))
+      }, [
+        p("input", {
+          type: "radio",
+          class: "sv-visuallyhidden",
+          name: n.question.name,
+          id: n.question.getInputId(n.index),
+          value: n.item.value,
+          disabled: n.question.isInputReadOnly,
+          onClick: s[0] || (s[0] = (i) => n.question.setValueFromClick(i.target.value)),
+          "aria-required": n.question.ariaRequired,
+          "aria-label": n.question.ariaLabel,
+          "aria-invalid": n.question.ariaInvalid,
+          "aria-describedby": n.question.ariaDescribedBy
+        }, null, 8, En),
+        h(e, {
+          iconName: n.question.getItemSmileyIconName(n.item.itemValue),
+          size: "auto",
+          title: n.item.text
+        }, null, 8, ["iconName", "title"])
+      ], 38);
+    };
+  }
+}), On = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Vn = /* @__PURE__ */ C({
+  __name: "RatingItemStar",
+  props: {
+    question: {},
+    item: {},
+    index: {}
+  },
+  setup(r) {
+    const o = r;
+    return B(() => o.item), (n, s) => {
+      const e = q("sv-svg-icon");
+      return t(), u("label", {
+        key: n.item.value,
+        onMousedown: s[1] || (s[1] = (i) => n.question.onMouseDown()),
+        class: l(n.question.getItemClass(n.item.itemValue)),
+        onMouseover: s[2] || (s[2] = (i) => n.question.onItemMouseIn(n.item)),
+        onMouseleave: s[3] || (s[3] = (i) => n.question.onItemMouseOut(n.item))
+      }, [
+        p("input", {
+          type: "radio",
+          class: "sv-visuallyhidden",
+          name: n.question.name,
+          id: n.question.getInputId(n.index),
+          value: n.item.value,
+          disabled: n.question.isInputReadOnly,
+          onClick: s[0] || (s[0] = (i) => n.question.setValueFromClick((i == null ? void 0 : i.target).value)),
+          "aria-required": n.question.ariaRequired,
+          "aria-label": n.question.ariaLabel,
+          "aria-invalid": n.question.ariaInvalid,
+          "aria-describedby": n.question.ariaDescribedBy
+        }, null, 8, On),
+        h(e, {
+          class: l("sv-star"),
+          iconName: n.question.itemStarIcon,
+          size: "auto",
+          title: n.item.text
+        }, null, 8, ["iconName", "title"]),
+        h(e, {
+          class: l("sv-star-2"),
+          iconName: n.question.itemStarIconAlt,
+          size: "auto",
+          title: n.item.text
+        }, null, 8, ["iconName", "title"])
+      ], 34);
+    };
+  }
+});
+G.Instance.registerRenderer(
+  "rating",
+  "dropdown",
+  "sv-rating-dropdown"
+);
+const Fn = /* @__PURE__ */ C({
+  __name: "RatingDropdown",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    return M(o, n), (s, e) => {
+      const i = q("sv-dropdown");
+      return t(), u("div", {
+        class: l(s.question.cssClasses.rootDropdown),
+        ref_key: "root",
+        ref: n
+      }, [
+        h(i, { question: s.question }, null, 8, ["question"])
+      ], 2);
+    };
+  }
+}), Wn = ["name", "value", "id", ".indeterminate", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], zn = /* @__PURE__ */ C({
+  __name: "BooleanSwitch",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    M(o, n);
+    const s = (i, a) => {
+      o.question.onLabelClick(i, a);
+    }, e = (i) => {
+      o.question.onSwitchClickModel(i);
+    };
+    return (i, a) => {
+      var c;
+      const d = q("survey-string");
+      return t(), u("div", {
+        class: l(i.question.cssClasses.root),
+        onKeydown: a[4] || (a[4] = (v) => i.question.onKeyDownCore(v))
+      }, [
+        p("label", {
+          class: l(i.question.getItemCss())
+        }, [
+          D(p("input", {
+            type: "checkbox",
+            name: i.question.name,
+            value: (c = i.question.booleanValue) != null ? c : "",
+            "onUpdate:modelValue": a[0] || (a[0] = (v) => i.question.booleanValue = v),
+            class: l(i.question.cssClasses.control),
+            id: i.question.inputId,
+            ".indeterminate": i.question.isIndeterminate,
+            disabled: i.question.isInputReadOnly,
+            "aria-required": i.question.ariaRequired,
+            "aria-label": i.question.ariaLabel,
+            "aria-invalid": i.question.ariaInvalid,
+            "aria-describedby": i.question.ariaDescribedBy
+          }, null, 10, Wn), [
+            [z, i.question.booleanValue]
+          ]),
+          p("div", {
+            class: l(i.question.cssClasses.sliderGhost),
+            onClick: a[1] || (a[1] = (v) => s(v, !1))
+          }, [
+            p("span", {
+              class: l(i.question.getLabelCss(!1))
+            }, [
+              h(d, {
+                locString: i.question.locLabelFalse
+              }, null, 8, ["locString"])
+            ], 2)
+          ], 2),
+          p("div", {
+            class: l(i.question.cssClasses.switch),
+            onClick: a[2] || (a[2] = (v) => e(v))
+          }, [
+            p("span", {
+              class: l(i.question.cssClasses.slider)
+            }, [
+              i.question.cssClasses.sliderText && i.question.isDeterminated ? (t(), u("span", {
+                key: 0,
+                class: l(i.question.cssClasses.sliderText)
+              }, [
+                h(d, {
+                  locString: i.question.getCheckedLabel()
+                }, null, 8, ["locString"])
+              ], 2)) : m("", !0)
+            ], 2)
+          ], 2),
+          p("div", {
+            class: l(i.question.cssClasses.sliderGhost),
+            onClick: a[3] || (a[3] = (v) => s(v, !0))
+          }, [
+            p("span", {
+              class: l(i.question.getLabelCss(!0))
+            }, [
+              h(d, {
+                locString: i.question.locLabelTrue
+              }, null, 8, ["locString"])
+            ], 2)
+          ], 2)
+        ], 2)
+      ], 34);
+    };
+  }
+});
+G.Instance.registerRenderer(
+  "boolean",
+  "radio",
+  "sv-boolean-radio"
+);
+const Un = /* @__PURE__ */ C({
+  __name: "BooleanRadio",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    return M(o, n), (s, e) => {
+      const i = q("sv-boolean-radio-item");
+      return t(), u("div", {
+        class: l(s.question.cssClasses.rootRadio),
+        ref_key: "root",
+        ref: n
+      }, [
+        p("fieldset", {
+          role: "presentation",
+          class: l(s.question.cssClasses.radioFieldset)
+        }, [
+          (t(), y(i, {
+            key: !1,
+            question: s.question,
+            locText: s.question.locLabelFalse,
+            value: !1
+          }, null, 8, ["question", "locText"])),
+          (t(), y(i, {
+            key: !0,
+            question: s.question,
+            locText: s.question.locLabelTrue,
+            value: !0
+          }, null, 8, ["question", "locText"]))
+        ], 2)
+      ], 2);
+    };
+  }
+}), Kn = ["name", "value", "checked", "aria-describedby", "disabled"], jn = ["xlink:href"], Qn = /* @__PURE__ */ C({
+  __name: "BooleanRadioItem",
+  props: {
+    question: {},
+    locText: {},
+    value: { type: Boolean }
+  },
+  setup(r) {
+    const o = r, n = (s) => {
+      const e = o.question;
+      e.booleanValue = s.target.value == "true";
+    };
+    return (s, e) => {
+      const i = q("survey-string");
+      return t(), u("div", {
+        role: "presentation",
+        class: l(s.question.getRadioItemClass(s.question.cssClasses, s.value))
+      }, [
+        p("label", {
+          class: l(s.question.cssClasses.radioLabel)
+        }, [
+          p("input", {
+            type: "radio",
+            name: s.question.name,
+            value: s.value,
+            checked: s.value === s.question.booleanValueRendered,
+            "aria-describedby": s.question.ariaDescribedBy,
+            disabled: s.question.isInputReadOnly,
+            class: l(s.question.cssClasses.itemRadioControl),
+            onChange: n
+          }, null, 42, Kn),
+          s.question.cssClasses.materialRadioDecorator ? (t(), u("span", {
+            key: 0,
+            class: l(s.question.cssClasses.materialRadioDecorator)
+          }, [
+            s.question.itemSvgIcon ? (t(), u("svg", {
+              key: 0,
+              class: l(s.question.cssClasses.itemRadioDecorator)
+            }, [
+              p("use", {
+                "xlink:href": s.question.itemSvgIcon
+              }, null, 8, jn)
+            ], 2)) : m("", !0)
+          ], 2)) : m("", !0),
+          p("span", {
+            class: l(s.question.cssClasses.radioControlLabel)
+          }, [
+            h(i, { locString: s.locText }, null, 8, ["locString"])
+          ], 2)
+        ], 2)
+      ], 2);
+    };
+  }
+}), Zn = ["name", "value", "id", ".indeterminate", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Gn = ["xlink:href"], Xn = /* @__PURE__ */ p("span", { class: "check" }, null, -1), Jn = ["id"];
+G.Instance.registerRenderer(
+  "boolean",
+  "checkbox",
+  "sv-boolean-checkbox"
+);
+const Yn = /* @__PURE__ */ C({
+  __name: "BooleanCheckbox",
+  props: {
+    question: {},
+    css: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    return M(o, n), (s, e) => {
+      var c;
+      const i = q("survey-element-title-content"), a = q("sv-title-actions"), d = q("survey-string");
+      return t(), u("div", {
+        class: l(s.question.cssClasses.rootCheckbox),
+        ref_key: "root",
+        ref: n
+      }, [
+        p("div", {
+          class: l(s.question.getCheckboxItemCss())
+        }, [
+          p("label", {
+            class: l(s.question.cssClasses.checkboxLabel)
+          }, [
+            D(p("input", {
+              type: "checkbox",
+              name: s.question.name,
+              value: (c = s.question.booleanValue) != null ? c : "",
+              "onUpdate:modelValue": e[0] || (e[0] = (v) => s.question.booleanValue = v),
+              class: l(s.question.cssClasses.controlCheckbox),
+              id: s.question.inputId,
+              ".indeterminate": s.question.isIndeterminate,
+              disabled: s.question.isInputReadOnly,
+              "aria-required": s.question.ariaRequired,
+              "aria-label": s.question.ariaLabel,
+              "aria-invalid": s.question.ariaInvalid,
+              "aria-describedby": s.question.ariaDescribedBy
+            }, null, 10, Zn), [
+              [z, s.question.booleanValue]
+            ]),
+            p("span", {
+              class: l(s.question.cssClasses.checkboxMaterialDecorator)
+            }, [
+              s.question.svgIcon ? (t(), u("svg", {
+                key: 0,
+                class: l(s.question.cssClasses.checkboxItemDecorator)
+              }, [
+                p("use", {
+                  "xlink:href": s.question.svgIcon
+                }, null, 8, Gn)
+              ], 2)) : m("", !0),
+              Xn
+            ], 2),
+            s.question.isLabelRendered ? (t(), u("span", {
+              key: 0,
+              id: s.question.labelRenderedAriaID,
+              class: l(s.question.cssClasses.checkboxControlLabel)
+            }, [
+              s.question.hasTitleActions ? m("", !0) : (t(), y(i, {
+                key: 0,
+                element: s.question,
+                css: s.css
+              }, null, 8, ["element", "css"])),
+              s.question.hasTitleActions ? (t(), y(a, {
+                key: 1,
+                element: s.question,
+                css: s.css
+              }, null, 8, ["element", "css"])) : m("", !0)
+            ], 10, Jn)) : m("", !0)
+          ], 2),
+          s.question.canRenderLabelDescription ? (t(), u("div", {
+            key: 0,
+            class: l(s.question.cssDescription)
+          }, [
+            h(d, {
+              locString: s.question.locDescription
+            }, null, 8, ["locString"])
+          ], 2)) : m("", !0)
+        ], 2)
+      ], 2);
+    };
+  }
+}), _n = /* @__PURE__ */ C({
+  __name: "Multipletext",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    return M(o, n), (s, e) => {
+      const i = q("survey-multipletext-item");
+      return t(), u("table", {
+        class: l(s.question.cssClasses.root),
+        ref_key: "root",
+        ref: n
+      }, [
+        p("tbody", null, [
+          (t(!0), u(w, null, S(s.question.getRows(), (a, d) => (t(), u("tr", {
+            key: s.question.inputId + "rowkey" + d,
+            class: l(s.question.cssClasses.row)
+          }, [
+            (t(!0), u(w, null, S(a, (c) => (t(), u("td", {
+              key: "item" + c.editor.id,
+              class: l(s.question.cssClasses.cell)
+            }, [
+              h(i, {
+                question: s.question,
+                item: c
+              }, null, 8, ["question", "item"])
+            ], 2))), 128))
+          ], 2))), 128))
+        ])
+      ], 2);
+    };
+  }
+}), xn = /* @__PURE__ */ C({
+  __name: "MultipletextItem",
+  props: {
+    question: {},
+    item: {}
+  },
+  setup(r) {
+    const o = r, n = (s) => ee(s);
+    return B(() => o.item.editor), (s, e) => {
+      const i = q("survey-string"), a = q("survey-errors");
+      return t(), u("label", {
+        class: l(s.question.getItemLabelCss(s.item))
+      }, [
+        p("span", {
+          class: l(s.question.getItemTitleCss())
+        }, [
+          s.item.editor.isRequireTextBeforeTitle || s.item.editor.isRequireTextOnStart ? (t(), u("span", {
+            key: 0,
+            class: l(s.question.cssClasses.requiredText)
+          }, I(s.item.editor.requiredText), 3)) : m("", !0),
+          h(i, {
+            locString: s.item.locTitle
+          }, null, 8, ["locString"]),
+          s.item.editor.isRequireTextAfterTitle ? (t(), u("span", {
+            key: 1,
+            class: l(s.question.cssClasses.requiredText)
+          }, I(s.item.editor.requiredText), 3)) : m("", !0)
+        ], 2),
+        (t(), u("div", {
+          key: s.item.editor.id,
+          class: l(s.question.getItemCss())
+        }, [
+          s.item.editor.showErrorOnTop ? (t(), y(a, {
+            key: 0,
+            element: s.item.editor,
+            location: "top"
+          }, null, 8, ["element"])) : m("", !0),
+          (t(), y(N(n(s.item.editor)), {
+            question: s.item.editor
+          }, null, 8, ["question"])),
+          s.item.editor.showErrorOnBottom ? (t(), y(a, {
+            key: 1,
+            element: s.item.editor,
+            location: "bottom"
+          }, null, 8, ["element"])) : m("", !0)
+        ], 2)),
+        s.item.editor.isErrorsModeTooltip ? (t(), y(a, {
+          key: 0,
+          element: s.item.editor,
+          location: "tooltip"
+        }, null, 8, ["element"])) : m("", !0)
+      ], 2);
+    };
+  }
+}), eo = ["aria-label"], so = { key: 0 }, no = { key: 0 }, oo = ["onClick"], to = ["data-responsive-title", "onClick"], io = ["name", "onUpdate:modelValue", "value", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], lo = ["xlink:href"], ro = /* @__PURE__ */ C({
+  __name: "Matrix",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null), s = F();
+    M(
+      o,
+      n,
+      (i) => {
+        s.value = i.visibleRows, i.visibleRowsChangedCallback = () => {
+          s.value = i.visibleRows;
+        };
+      },
+      (i) => {
+        i.visibleRowsChangedCallback = () => {
+        };
+      }
+    );
+    const e = (i, a) => {
+      o.question.isInputReadOnly || (i.value = a.value);
+    };
+    return (i, a) => {
+      const d = q("survey-string");
+      return t(), u("div", {
+        class: l(i.question.cssClasses.tableWrapper),
+        ref_key: "root",
+        ref: n
+      }, [
+        p("fieldset", null, [
+          p("legend", {
+            "aria-label": i.question.locTitle.renderedHtml
+          }, null, 8, eo),
+          p("table", {
+            class: l(i.question.getTableCss())
+          }, [
+            i.question.showHeader ? (t(), u("thead", so, [
+              p("tr", null, [
+                i.question.hasRows ? (t(), u("td", no)) : m("", !0),
+                (t(!0), u(w, null, S(i.question.visibleColumns, (c, v) => (t(), u("th", {
+                  key: v,
+                  class: l(i.question.cssClasses.headerCell),
+                  style: $({
+                    minWidth: i.question.columnMinWidth,
+                    width: i.question.columnMinWidth
+                  })
+                }, [
+                  h(d, {
+                    locString: c.locText
+                  }, null, 8, ["locString"])
+                ], 6))), 128))
+              ])
+            ])) : m("", !0),
+            p("tbody", null, [
+              (t(!0), u(w, null, S(s.value, (c, v) => (t(), u("tr", {
+                key: "row_" + c.name + "_" + v,
+                class: l(c.rowClasses || void 0)
+              }, [
+                D(p("td", {
+                  class: l(i.question.cssClasses.rowTextCell),
+                  style: $({
+                    minWidth: i.question.rowTitleWidth,
+                    width: i.question.rowTitleWidth
+                  })
+                }, [
+                  h(d, {
+                    locString: c.locText
+                  }, null, 8, ["locString"])
+                ], 6), [
+                  [H, i.question.hasRows]
+                ]),
+                i.question.hasCellText ? (t(!0), u(w, { key: 0 }, S(i.question.visibleColumns, (f, g) => (t(), u("td", {
+                  key: g,
+                  class: l(i.question.getItemClass(c, f)),
+                  onClick: (k) => e(c, f)
+                }, [
+                  h(d, {
+                    locString: i.question.getCellDisplayLocText(c.name, f)
+                  }, null, 8, ["locString"])
+                ], 10, oo))), 128)) : m("", !0),
+                i.question.hasCellText ? m("", !0) : (t(!0), u(w, { key: 1 }, S(i.question.visibleColumns, (f, g) => (t(), u("td", {
+                  key: g,
+                  "data-responsive-title": f.locText.renderedHtml,
+                  class: l(i.question.cssClasses.cell),
+                  onClick: (k) => e(c, f)
+                }, [
+                  p("label", {
+                    onMousedown: a[0] || (a[0] = (k) => i.question.onMouseDown()),
+                    class: l(i.question.getItemClass(c, f))
+                  }, [
+                    D(p("input", {
+                      type: "radio",
+                      class: l(i.question.cssClasses.itemValue),
+                      name: c.fullName,
+                      "onUpdate:modelValue": (k) => c.value = k,
+                      value: f.value,
+                      disabled: i.question.isInputReadOnly,
+                      id: i.question.inputId + "_" + c.name + "_" + g,
+                      "aria-required": i.question.ariaRequired,
+                      "aria-label": f.locText.renderedHtml,
+                      "aria-invalid": i.question.ariaInvalid,
+                      "aria-describedby": i.question.ariaDescribedBy
+                    }, null, 10, io), [
+                      [Y, c.value]
+                    ]),
+                    p("span", {
+                      class: l(i.question.cssClasses.materialDecorator)
+                    }, [
+                      i.question.itemSvgIcon ? (t(), u("svg", {
+                        key: 0,
+                        class: l(i.question.cssClasses.itemDecorator)
+                      }, [
+                        p("use", {
+                          "xlink:href": i.question.itemSvgIcon
+                        }, null, 8, lo)
+                      ], 2)) : m("", !0)
+                    ], 2),
+                    D(p("span", {
+                      class: l(i.question.cssClasses.cellResponsiveTitle)
+                    }, [
+                      h(d, {
+                        locString: f.locText
+                      }, null, 8, ["locString"])
+                    ], 2), [
+                      [H, i.question.isMobile]
+                    ])
+                  ], 34)
+                ], 10, to))), 128))
+              ], 2))), 128))
+            ])
+          ], 2)
+        ])
+      ], 2);
+    };
+  }
+}), ao = /* @__PURE__ */ C({
+  __name: "MatrixDropdown",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    return M(o, n), (s, e) => {
+      const i = q("survey-matrixtable");
+      return t(), y(i, {
+        question: s.question,
+        ref_key: "root",
+        ref: n
+      }, null, 8, ["question"]);
+    };
+  }
+}), uo = { key: 0 }, mo = ["data-sv-drop-target-matrix-row"], co = { key: 1 }, po = /* @__PURE__ */ C({
+  __name: "MatrixTable",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = R(() => o.question.renderedTable);
+    return B(
+      () => n.value,
+      (s) => {
+        const e = x();
+        s.renderedRowsChangedCallback = () => {
+          var i;
+          (i = e == null ? void 0 : e.proxy) == null || i.$forceUpdate();
+        };
+      },
+      (s) => {
+        s.renderedRowsChangedCallback = () => {
+        };
+      }
+    ), (s, e) => {
+      const i = q("survey-string"), a = q("survey-matrixheaderrequired"), d = q("survey-matrixcell");
+      return t(), u("div", {
+        style: $({ overflowX: s.question.showHorizontalScroll ? "scroll" : "" }),
+        class: l(s.question.cssClasses.tableWrapper)
+      }, [
+        p("table", {
+          class: l(s.question.getTableCss())
+        }, [
+          n.value.showHeader ? (t(), u("thead", uo, [
+            p("tr", null, [
+              (t(!0), u(w, null, S(n.value.headerRow.cells, (c) => (t(), u(w, null, [
+                c.hasTitle ? (t(), u("th", {
+                  class: l(c.className),
+                  key: "header_" + c.id,
+                  style: $({ minWidth: c.minWidth, width: c.width })
+                }, [
+                  h(i, {
+                    locString: c.locTitle
+                  }, null, 8, ["locString"]),
+                  c.column ? (t(), y(a, {
+                    key: 0,
+                    column: c.column,
+                    question: s.question
+                  }, null, 8, ["column", "question"])) : m("", !0)
+                ], 6)) : m("", !0),
+                c.hasTitle ? m("", !0) : (t(), u("td", {
+                  class: l(c.className),
+                  key: "header_" + c.id,
+                  style: $({ minWidth: c.minWidth, width: c.width })
+                }, null, 6))
+              ], 64))), 256))
+            ])
+          ])) : m("", !0),
+          p("tbody", null, [
+            (t(!0), u(w, null, S(n.value.rows, (c) => (t(), u("tr", {
+              "data-sv-drop-target-matrix-row": c.row && c.row.id,
+              class: l(c.className),
+              key: s.question.inputId + "_" + c.id
+            }, [
+              (t(!0), u(w, null, S(c.cells, (v, f) => (t(), y(d, {
+                cell: v,
+                question: s.question,
+                key: c.id + "_" + f
+              }, null, 8, ["cell", "question"]))), 128))
+            ], 10, mo))), 128))
+          ]),
+          n.value.showFooter ? (t(), u("tfoot", co, [
+            p("tr", null, [
+              (t(!0), u(w, null, S(n.value.footerRow.cells, (c, v) => (t(), y(d, {
+                cell: c,
+                question: s.question,
+                key: "footer_" + v
+              }, null, 8, ["cell", "question"]))), 128))
+            ])
+          ])) : m("", !0)
+        ], 2)
+      ], 6);
+    };
+  }
+}), vo = /* @__PURE__ */ C({
+  __name: "MatrixHeaderRequired",
+  props: {
+    question: {},
+    column: {}
+  },
+  setup(r) {
+    const o = r;
+    return B(() => o.column), (n, s) => n.column.isRenderedRequired ? (t(), u("span", {
+      key: 0,
+      class: l(n.question.cssClasses.cellRequiredText)
+    }, I(n.column.requiredText), 3)) : m("", !0);
+  }
+}), qo = ["data-responsive-title", "title", "colspan"], yo = /* @__PURE__ */ C({
+  __name: "MatrixCell",
+  props: {
+    question: {},
+    cell: {}
+  },
+  setup(r) {
+    const o = r, n = T(!1), s = T(), e = () => o.cell.headers, i = () => !!o.cell.width || !!o.cell.minWidth ? { width: o.cell.width, minWidth: o.cell.minWidth } : null, a = () => o.cell.index || "", d = () => n.value = o.cell.question.isVisible, c = (v) => ee(v);
+    return E(() => {
+      if (!(!o.cell.hasQuestion || !o.question || !o.question.survey)) {
+        d(), o.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
+          d();
+        });
+        var v = {
+          cell: o.cell.cell,
+          cellQuestion: o.cell.question,
+          htmlElement: s.value,
+          row: o.cell.row,
+          column: o.cell.cell.column
+        };
+        o.question.survey.matrixAfterCellRender(o.question, v);
+      }
+    }), (v, f) => {
+      const g = q("sv-matrix-drag-drop-icon"), k = q("sv-action-bar"), P = q("survey-errors"), L = q("survey-radiogroup-item"), A = q("survey-checkbox-item"), j = q("survey-other-choice"), X = q("survey-string");
+      return t(), u("td", {
+        class: l(v.cell.className),
+        "data-responsive-title": e(),
+        title: v.cell.getTitle(),
+        style: $(i()),
+        colspan: v.cell.colSpans,
+        ref_key: "root",
+        ref: s
+      }, [
+        v.cell.isDragHandlerCell ? (t(), y(g, {
+          key: 0,
+          item: { data: { row: v.cell.row, question: v.question } }
+        }, null, 8, ["item"])) : m("", !0),
+        v.cell.isActionsCell ? (t(), y(k, {
+          key: 1,
+          model: v.cell.item.getData(),
+          handleClick: !1
+        }, null, 8, ["model"])) : m("", !0),
+        v.cell.hasPanel ? (t(), y(N(c(v.cell.panel)), {
+          key: 2,
+          question: v.cell.panel,
+          css: v.question.cssClasses
+        }, null, 8, ["question", "css"])) : m("", !0),
+        v.cell.hasQuestion ? (t(), u("div", {
+          key: 3,
+          class: l(v.question.cssClasses.cellQuestionWrapper)
+        }, [
+          v.cell.showErrorOnTop ? (t(), y(P, {
+            key: 0,
+            element: v.cell.question,
+            location: "top"
+          }, null, 8, ["element"])) : m("", !0),
+          !v.cell.isChoice && v.cell.question.isDefaultRendering() ? D((t(), y(N(c(v.cell.question)), {
+            key: 1,
+            question: v.cell.question
+          }, null, 8, ["question"])), [
+            [H, n.value]
+          ]) : m("", !0),
+          !v.cell.isChoice && !v.cell.question.isDefaultRendering() ? D((t(), y(N(v.cell.question.getComponentName()), {
+            key: 2,
+            question: v.cell.question
+          }, null, 8, ["question"])), [
+            [H, n.value]
+          ]) : m("", !0),
+          v.cell.isRadio ? (t(), y(L, {
+            key: v.cell.item.value,
+            class: l(v.cell.question.getItemClass(v.cell.item)),
+            question: v.cell.question,
+            item: v.cell.item,
+            index: a(),
+            hideLabel: !0
+          }, null, 8, ["class", "question", "item", "index"])) : m("", !0),
+          v.cell.isCheckbox ? (t(), y(A, {
+            key: v.cell.item.value,
+            class: l(v.cell.question.getItemClass(v.cell.item)),
+            question: v.cell.question,
+            item: v.cell.item,
+            index: a(),
+            hideLabel: !0
+          }, null, 8, ["class", "question", "item", "index"])) : m("", !0),
+          v.cell.isOtherChoice ? (t(), y(j, {
+            key: 5,
+            question: v.cell.question
+          }, null, 8, ["question"])) : m("", !0),
+          v.cell.showErrorOnBottom ? (t(), y(P, {
+            key: 6,
+            element: v.cell.question,
+            location: "bottom"
+          }, null, 8, ["element"])) : m("", !0),
+          v.cell.question.isErrorsModeTooltip ? (t(), y(P, {
+            key: 7,
+            element: v.cell.question,
+            location: "tooltip"
+          }, null, 8, ["element"])) : m("", !0)
+        ], 2)) : m("", !0),
+        v.cell.hasTitle ? (t(), y(X, {
+          key: 4,
+          locString: v.cell.locTitle
+        }, null, 8, ["locString"])) : m("", !0),
+        v.cell.requiredText ? (t(), u("span", {
+          key: 5,
+          class: l(v.question.cssClasses.cellRequiredText)
+        }, I(v.cell.requiredText), 3)) : m("", !0)
+      ], 14, qo);
+    };
+  }
+}), go = /* @__PURE__ */ C({
+  __name: "MatrixDynamic",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    M(o, n);
+    const s = () => {
+      o.question.addRowUI();
+    };
+    return (e, i) => {
+      const a = q("survey-string"), d = q("survey-matrixtable");
+      return t(), u("div", {
+        ref_key: "root",
+        ref: n
+      }, [
+        e.question.renderedTable.showAddRowOnTop ? (t(), u("div", {
+          key: 0,
+          class: l(e.question.cssClasses.footer)
+        }, [
+          p("button", {
+            type: "button",
+            class: l(e.question.getAddRowButtonCss()),
+            onClick: s
+          }, [
+            h(a, {
+              locString: e.question.locAddRowText
+            }, null, 8, ["locString"]),
+            p("span", {
+              class: l(e.question.cssClasses.iconAdd)
+            }, null, 2)
+          ], 2)
+        ], 2)) : m("", !0),
+        e.question.renderedTable.showTable ? (t(), y(d, {
+          key: 1,
+          question: e.question
+        }, null, 8, ["question"])) : m("", !0),
+        e.question.renderedTable.showTable ? m("", !0) : (t(), u("div", {
+          key: 2,
+          class: l(e.question.cssClasses.emptyRowsSection)
+        }, [
+          p("div", {
+            class: l(e.question.cssClasses.emptyRowsText)
+          }, [
+            h(a, {
+              locString: e.question.locEmptyRowsText
+            }, null, 8, ["locString"])
+          ], 2),
+          p("button", {
+            type: "button",
+            class: l(e.question.getAddRowButtonCss(!0)),
+            onClick: s
+          }, [
+            h(a, {
+              locString: e.question.locAddRowText
+            }, null, 8, ["locString"]),
+            p("span", {
+              class: l(e.question.cssClasses.iconAdd)
+            }, null, 2)
+          ], 2)
+        ], 2)),
+        e.question.renderedTable.showAddRowOnBottom ? (t(), u("div", {
+          key: 3,
+          class: l(e.question.cssClasses.footer)
+        }, [
+          p("button", {
+            type: "button",
+            class: l(e.question.getAddRowButtonCss()),
+            onClick: s
+          }, [
+            h(a, {
+              locString: e.question.locAddRowText
+            }, null, 8, ["locString"]),
+            p("span", {
+              class: l(e.question.cssClasses.iconAdd)
+            }, null, 2)
+          ], 2)
+        ], 2)) : m("", !0)
+      ], 512);
+    };
+  }
+});
+function se(r, o = !0) {
+  return {
+    question: R(() => r.item.data.question),
+    row: o ? R(() => r.item.data.row) : void 0
+  };
+}
+const Co = ["disabled"], ho = /* @__PURE__ */ C({
+  __name: "RemoveButton",
+  props: {
+    item: {}
+  },
+  setup(r) {
+    const o = r, { question: n, row: s } = se(o);
+    return (e, i) => {
+      const a = q("survey-string");
+      return t(), u("button", {
+        type: "button",
+        class: l(b(n).getRemoveRowButtonCss()),
+        disabled: b(n).isInputReadOnly,
+        onClick: i[0] || (i[0] = () => b(n).removeRowUI(b(s)))
+      }, [
+        h(a, {
+          locString: b(n).locRemoveRowText
+        }, null, 8, ["locString"]),
+        p("span", {
+          class: l(b(n).cssClasses.iconRemove)
+        }, null, 2)
+      ], 10, Co);
+    };
+  }
+}), bo = ["xlink:href"], ko = /* @__PURE__ */ C({
+  __name: "DragDropIcon",
+  props: {
+    item: {}
+  },
+  setup(r) {
+    const o = r, { question: n } = se(o, !1);
+    return (s, e) => b(n).iconDragElement ? (t(), u("svg", {
+      key: 0,
+      class: l(b(n).cssClasses.dragElementDecorator)
+    }, [
+      p("use", {
+        "xlink:href": b(n).iconDragElement
+      }, null, 8, bo)
+    ], 2)) : (t(), u("span", {
+      key: 1,
+      class: l(b(n).cssClasses.iconDrag)
+    }, null, 2));
+  }
+}), fo = ["aria-expanded", "aria-controls"], Io = /* @__PURE__ */ C({
+  __name: "DetailButton",
+  props: {
+    item: {}
+  },
+  setup(r) {
+    const o = r, { question: n, row: s } = se(o);
+    return (e, i) => {
+      const a = q("sv-svg-icon");
+      return t(), u("button", {
+        type: "button",
+        class: l(b(n).getDetailPanelButtonCss(b(s))),
+        onClick: i[0] || (i[0] = () => b(s).showHideDetailPanelClick()),
+        "aria-expanded": b(n).getIsDetailPanelShowing(b(s)) ? "true" : "false",
+        "aria-controls": b(n).getIsDetailPanelShowing(b(s)) ? b(s).detailPanelId : null
+      }, [
+        h(a, {
+          class: l(b(n).getDetailPanelIconCss(b(s))),
+          iconName: b(n).getDetailPanelIconId(b(s)),
+          size: "auto"
+        }, null, 8, ["class", "iconName"])
+      ], 10, fo);
+    };
+  }
+}), wo = /* @__PURE__ */ C({
+  __name: "PanelDynamic",
+  props: {
+    question: {},
+    css: {}
+  },
+  setup(r) {
+    const o = r, n = T(null), s = x();
+    M(
+      o,
+      n,
+      (a) => {
+        a.panelCountChangedCallback = () => {
+          var d;
+          (d = s == null ? void 0 : s.proxy) == null || d.$forceUpdate();
+        }, a.currentIndexChangedCallback = () => {
+          var d;
+          (d = s == null ? void 0 : s.proxy) == null || d.$forceUpdate();
+        }, a.renderModeChangedCallback = () => {
+          var d;
+          (d = s == null ? void 0 : s.proxy) == null || d.$forceUpdate();
+        };
+      },
+      (a) => {
+        a.panelCountChangedCallback = () => {
+        }, a.currentIndexChangedCallback = () => {
+        }, a.renderModeChangedCallback = () => {
+        };
+      }
+    );
+    const e = R(() => {
+      if (o.question.isRenderModeList)
+        return o.question.panels;
+      const a = [];
+      return o.question.currentPanel && a.push(o.question.currentPanel), a;
+    }), i = () => o.question.showLegacyNavigation;
+    return (a, d) => {
+      const c = q("survey-string"), v = q("sv-paneldynamic-add-btn"), f = q("survey-paneldynamicprogress"), g = q("survey-panel"), k = q("sv-paneldynamic-remove-btn"), P = q("survey-paneldynamicprogress-v2");
+      return t(), u("div", {
+        class: l(a.question.cssClasses.root),
+        ref_key: "root",
+        ref: n
+      }, [
+        a.question.getShowNoEntriesPlaceholder() ? (t(), u("div", {
+          key: 0,
+          class: l(a.question.cssClasses.noEntriesPlaceholder)
+        }, [
+          p("span", null, [
+            h(c, {
+              locString: a.question.locNoEntriesText
+            }, null, 8, ["locString"])
+          ]),
+          h(v, {
+            data: { question: a.question }
+          }, null, 8, ["data"])
+        ], 2)) : m("", !0),
+        !i() && a.question.isProgressTopShowing && a.question.isRangeShowing ? (t(), u("div", {
+          key: 1,
+          class: l(a.question.cssClasses.progress)
+        }, [
+          p("div", {
+            class: l(a.question.cssClasses.progressBar),
+            style: $({ width: a.question.progress }),
+            role: "progressbar"
+          }, null, 6)
+        ], 2)) : m("", !0),
+        i() && a.question.isProgressTopShowing ? (t(), y(f, {
+          key: 2,
+          question: a.question
+        }, null, 8, ["question"])) : m("", !0),
+        (t(!0), u(w, null, S(e.value, (L, A) => (t(), u(w, {
+          key: L.id
+        }, [
+          p("div", {
+            class: l(a.question.getPanelWrapperCss())
+          }, [
+            h(g, {
+              question: L,
+              css: a.css
+            }, null, 8, ["question", "css"]),
+            a.question.panelRemoveButtonLocation === "right" && a.question.canRemovePanel && L.state !== "collapsed" ? (t(), y(k, {
+              key: 0,
+              data: { question: a.question, panel: L }
+            }, null, 8, ["data"])) : m("", !0)
+          ], 2),
+          a.question.isRenderModeList && A < a.question.visiblePanelCount - 1 ? (t(), u("hr", {
+            class: l(a.question.cssClasses.separator),
+            key: "separator" + L.id
+          }, null, 2)) : m("", !0)
+        ], 64))), 128)),
+        i() && a.question.isProgressBottomShowing ? (t(), y(f, {
+          key: 3,
+          question: a.question
+        }, null, 8, ["question"])) : m("", !0),
+        i() && a.question.isRenderModeList ? (t(), y(v, {
+          key: 4,
+          data: { question: a.question }
+        }, null, 8, ["data"])) : m("", !0),
+        a.question.showNavigation ? (t(), y(P, {
+          key: 5,
+          question: a.question
+        }, null, 8, ["question"])) : m("", !0)
+      ], 2);
+    };
+  }
+}), To = /* @__PURE__ */ C({
+  __name: "PanelDynamicProgress",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    const o = r, n = () => o.question.isProgressTopShowing ? o.question.cssClasses.progressTop : o.question.cssClasses.progressBottom;
+    return (s, e) => {
+      const i = q("sv-paneldynamic-prev-btn"), a = q("sv-paneldynamic-next-btn"), d = q("sv-paneldynamic-add-btn"), c = q("sv-paneldynamic-progress-text");
+      return t(), u("div", {
+        class: l(n())
+      }, [
+        p("div", {
+          style: { clear: "both" },
+          class: l(n())
+        }, [
+          p("div", {
+            class: l(s.question.cssClasses.progressContainer)
+          }, [
+            h(i, {
+              data: { question: s.question }
+            }, null, 8, ["data"]),
+            s.question.isRangeShowing ? (t(), u("div", {
+              key: 0,
+              class: l(s.question.cssClasses.progress)
+            }, [
+              p("div", {
+                class: l(s.question.cssClasses.progressBar),
+                style: $({ width: s.question.progress }),
+                role: "progressbar"
+              }, null, 6)
+            ], 2)) : m("", !0),
+            h(a, {
+              data: { question: s.question }
+            }, null, 8, ["data"])
+          ], 2),
+          h(d, {
+            data: { question: s.question }
+          }, null, 8, ["data"]),
+          h(c, {
+            data: { question: s.question }
+          }, null, 8, ["data"])
+        ], 2)
+      ], 2);
+    };
+  }
+}), So = /* @__PURE__ */ C({
+  __name: "PanelDynamicProgressV2",
+  props: {
+    question: {}
+  },
+  setup(r) {
+    return (o, n) => {
+      const s = q("sv-action-bar");
+      return o.question.cssClasses.footer ? (t(), u("div", {
+        key: 0,
+        class: l(o.question.cssClasses.footer)
+      }, [
+        p("hr", {
+          class: l(o.question.cssClasses.separator)
+        }, null, 2),
+        o.question.isRangeShowing && o.question.isProgressBottomShowing ? (t(), u("div", {
+          key: 0,
+          class: l(o.question.cssClasses.progress)
+        }, [
+          p("div", {
+            class: l(o.question.cssClasses.progressBar),
+            style: $({ width: o.question.progress }),
+            role: "progressbar"
+          }, null, 6)
+        ], 2)) : m("", !0),
+        o.question.footerToolbar.visibleActions.length ? (t(), u("div", {
+          key: 1,
+          class: l(o.question.cssClasses.footerButtonsContainer)
+        }, [
+          h(s, {
+            model: o.question.footerToolbar
+          }, null, 8, ["model"])
+        ], 2)) : m("", !0)
+      ], 2)) : m("", !0);
+    };
+  }
+});
+function K(r) {
+  return R(
+    () => r.item && r.item.data.question || r.data.question
+  );
+}
+const Ro = /* @__PURE__ */ C({
+  __name: "PaneldynamicAddBtn",
+  props: {
+    item: {},
+    data: {}
+  },
+  setup(r) {
+    const n = K(r), s = () => {
+      n.value.addPanelUI();
+    };
+    return (e, i) => b(n).canAddPanel ? (t(), u("button", {
+      key: 0,
+      type: "button",
+      class: l(b(n).getAddButtonCss()),
+      onClick: s
+    }, [
+      p("span", {
+        class: l(b(n).cssClasses.buttonAddText)
+      }, I(b(n).panelAddText), 3)
+    ], 2)) : m("", !0);
+  }
+}), $o = ["title"], Bo = /* @__PURE__ */ C({
+  __name: "PaneldynamicNextBtn",
+  props: {
+    item: {},
+    data: {}
+  },
+  setup(r) {
+    const n = K(r), s = () => {
+      n.value.goToNextPanel();
+    };
+    return (e, i) => {
+      const a = q("sv-svg-icon");
+      return t(), u("div", {
+        title: b(n).panelNextText,
+        onClick: s,
+        class: l(b(n).getNextButtonCss())
+      }, [
+        h(a, {
+          iconName: b(n).cssClasses.progressBtnIcon,
+          size: "auto"
+        }, null, 8, ["iconName"])
+      ], 10, $o);
+    };
+  }
+}), Lo = ["title"], Do = /* @__PURE__ */ C({
+  __name: "PaneldynamicPrevBtn",
+  props: {
+    item: {},
+    data: {}
+  },
+  setup(r) {
+    const n = K(r), s = () => {
+      n.value.goToPrevPanel();
+    };
+    return (e, i) => {
+      const a = q("sv-svg-icon");
+      return t(), u("div", {
+        title: b(n).panelPrevText,
+        onClick: s,
+        class: l(b(n).getPrevButtonCss())
+      }, [
+        h(a, {
+          iconName: b(n).cssClasses.progressBtnIcon,
+          size: "auto"
+        }, null, 8, ["iconName"])
+      ], 10, Lo);
+    };
+  }
+}), Po = /* @__PURE__ */ C({
+  __name: "PaneldynamicRemoveBtn",
+  props: {
+    item: {},
+    data: {}
+  },
+  setup(r) {
+    const o = r, n = K(o), s = R(
+      () => o.item && o.item.data.panel || o.data.panel
+    ), e = (i) => {
+      n.value.isInputReadOnly || n.value.removePanelUI(i);
+    };
+    return (i, a) => (t(), u("button", {
+      type: "button",
+      class: l(b(n).getPanelRemoveButtonCss()),
+      onClick: a[0] || (a[0] = (d) => e(s.value))
+    }, [
+      p("span", {
+        class: l(b(n).cssClasses.buttonRemoveText)
+      }, I(b(n).panelRemoveText), 3),
+      p("span", {
+        class: l(b(n).cssClasses.iconRemove)
+      }, null, 2)
+    ], 2));
+  }
+}), Mo = /* @__PURE__ */ C({
+  __name: "PaneldynamicProgressText",
+  props: {
+    item: {},
+    data: {}
+  },
+  setup(r) {
+    const n = K(r);
+    return (s, e) => (t(), u("div", {
+      class: l(b(n).cssClasses.progressText)
+    }, I(b(n).progressText), 3));
+  }
+}), No = ["id"], Ho = /* @__PURE__ */ C({
+  __name: "Errors",
+  props: {
+    element: {},
+    location: {}
+  },
+  setup(r) {
+    const o = r, n = T();
+    let s;
+    return U(() => {
+      o.location == "tooltip" && n.value instanceof HTMLElement && (!s || n.value !== s.tooltipElement) && (s = new we(n.value)), !(n.value instanceof HTMLElement) && !!s && s.dispose();
+    }), O(() => {
+      s && s.dispose();
+    }), (e, i) => {
+      const a = q("survey-string");
+      return e.element.hasVisibleErrors ? (t(), u("div", {
+        key: 0,
+        role: "alert",
+        "aria-live": "polite",
+        class: l(e.element.cssError),
+        id: e.element.id + "_errors",
+        ref_key: "root",
+        ref: n
+      }, [
+        (t(!0), u(w, null, S(e.element.errors, (d, c) => (t(), u("div", {
+          key: "error_" + c
+        }, [
+          p("span", {
+            class: l(
+              e.element.cssClasses ? e.element.cssClasses.error.icon || void 0 : "panel-error-icon"
+            ),
+            "aria-hidden": "true"
+          }, null, 2),
+          p("span", {
+            class: l(
+              e.element.cssClasses ? e.element.cssClasses.error.item || void 0 : "panel-error-item"
+            )
+          }, [
+            h(a, {
+              locString: d.locText
+            }, null, 8, ["locString"])
+          ], 2)
+        ]))), 128))
+      ], 10, No)) : m("", !0);
+    };
+  }
+}), Eo = { key: 0 }, Ao = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], Oo = /* @__PURE__ */ C({
+  __name: "QuestionComment",
+  props: {
+    question: {},
+    commentClass: {}
+  },
+  setup(r) {
+    return (o, n) => o.question.isReadOnlyRenderDiv() ? (t(), u("div", Eo, I(o.question.comment), 1)) : (t(), u("textarea", {
+      key: 1,
+      id: o.question.commentId,
+      readonly: o.question.isInputReadOnly,
+      disabled: o.question.isInputReadOnly,
+      class: l(o.question.cssClasses.other || o.commentClass),
+      value: o.question.comment,
+      maxlength: o.question.getOthersMaxLength(),
+      placeholder: o.question.commentPlaceholder,
+      "aria-label": o.question.ariaLabel,
+      "aria-required": o.question.ariaRequired,
+      style: $({ resize: o.question.resizeStyle }),
+      onChange: n[0] || (n[0] = (s) => {
+        o.question.onCommentChange(s);
+      }),
+      onInput: n[1] || (n[1] = (s) => {
+        o.question.onCommentInput(s);
+      })
+    }, null, 46, Ao));
+  }
+}), Vo = /* @__PURE__ */ C({
+  __name: "TitleElement",
+  props: {
+    element: {},
+    css: {}
+  },
+  setup(r) {
+    const o = (n) => {
+      ae(n);
+    };
+    return (n, s) => {
+      const e = q("survey-element-title-content"), i = q("sv-title-actions");
+      return n.element.hasTitle ? (t(), y(N(n.element.titleTagName), {
+        key: 0,
+        class: l(n.element.cssTitle),
+        "aria-label": n.element.titleAriaLabel,
+        id: n.element.ariaTitleId,
+        tabindex: n.element.titleTabIndex,
+        "aria-expanded": n.element.titleAriaExpanded,
+        role: n.element.titleAriaRole,
+        onKeyup: s[0] || (s[0] = (a) => {
+          o(a);
+        })
+      }, {
+        default: ve(() => [
+          n.element.hasTitleActions ? m("", !0) : (t(), y(e, {
+            key: 0,
+            element: n.element,
+            css: n.css
+          }, null, 8, ["element", "css"])),
+          n.element.hasTitleActions ? (t(), y(i, {
+            key: 1,
+            element: n.element,
+            css: n.css
+          }, null, 8, ["element", "css"])) : m("", !0)
+        ]),
+        _: 1
+      }, 40, ["class", "aria-label", "id", "tabindex", "aria-expanded", "role"])) : m("", !0);
+    };
+  }
+}), Fo = { class: "sv-vue-title-additional-div" }, Wo = { key: 3 }, zo = { key: 5 }, Uo = { key: 7 }, Ko = /* @__PURE__ */ C({
+  __name: "TitleContent",
+  props: {
+    element: {},
+    css: {}
+  },
+  setup(r) {
+    return (o, n) => {
+      const s = q("survey-string");
+      return t(), u("div", Fo, [
+        o.element.isTitleRenderedAsString ? (t(), y(s, {
+          key: 0,
+          locString: o.element.locTitle
+        }, null, 8, ["locString"])) : m("", !0),
+        !o.element.isTitleRenderedAsString && o.element.isRequireTextOnStart ? (t(), u("span", {
+          key: 1,
+          class: l(o.element.cssClasses.requiredText),
+          "aria-hidden": !0
+        }, I(o.element.requiredText), 3)) : m("", !0),
+        !o.element.isTitleRenderedAsString && o.element.no ? (t(), u("span", {
+          key: 2,
+          style: { position: "static" },
+          class: l(o.element.cssTitleNumber),
+          "aria-hidden": !0
+        }, I(o.element.no), 3)) : m("", !0),
+        !o.element.isTitleRenderedAsString && o.element.no ? (t(), u("span", Wo, "\xA0")) : m("", !0),
+        !o.element.isTitleRenderedAsString && o.element.isRequireTextBeforeTitle ? (t(), u("span", {
+          key: 4,
+          class: l(o.element.cssClasses.requiredText),
+          "aria-hidden": !0
+        }, I(o.element.requiredText), 3)) : m("", !0),
+        !o.element.isTitleRenderedAsString && o.element.isRequireTextBeforeTitle ? (t(), u("span", zo, "\xA0")) : m("", !0),
+        o.element.isTitleRenderedAsString ? m("", !0) : (t(), y(s, {
+          key: 6,
+          locString: o.element.locTitle
+        }, null, 8, ["locString"])),
+        !o.element.isTitleRenderedAsString && o.element.isRequireTextAfterTitle ? (t(), u("span", Uo, "\xA0")) : m("", !0),
+        !o.element.isTitleRenderedAsString && o.element.isRequireTextAfterTitle ? (t(), u("span", {
+          key: 8,
+          class: l(o.element.cssClasses.requiredText),
+          "aria-hidden": !0
+        }, I(o.element.requiredText), 3)) : m("", !0)
+      ]);
+    };
+  }
+}), jo = { class: "sv-title-actions" }, Qo = { class: "sv-title-actions__title" }, Zo = /* @__PURE__ */ C({
+  __name: "TitleActions",
+  props: {
+    element: {},
+    css: {}
+  },
+  setup(r) {
+    const o = r, n = R(() => o.element.getTitleToolbar());
+    return (s, e) => {
+      const i = q("survey-string"), a = q("survey-element-title-content"), d = q("sv-action-bar");
+      return t(), u("div", jo, [
+        p("span", Qo, [
+          s.element.isPage ? (t(), y(i, {
+            key: 0,
+            locString: s.element.locTitle
+          }, null, 8, ["locString"])) : m("", !0),
+          s.element.isPage ? m("", !0) : (t(), y(a, {
+            key: 1,
+            element: s.element,
+            css: s.css
+          }, null, 8, ["element", "css"]))
+        ]),
+        h(d, { model: n.value }, null, 8, ["model"])
+      ]);
+    };
+  }
+}), Go = (r, o) => {
+  const n = r.__vccOpts || r;
+  for (const [s, e] of o)
+    n[s] = e;
+  return n;
+}, Xo = {}, Jo = { class: "sv-brand-info" }, Yo = /* @__PURE__ */ qe('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), _o = [
+  Yo
+];
+function xo(r, o) {
+  return t(), u("div", Jo, _o);
+}
+const et = /* @__PURE__ */ Go(Xo, [["render", xo]]), st = ["aria-label"], nt = /* @__PURE__ */ p("use", null, null, -1), ot = [
+  nt
+], tt = /* @__PURE__ */ C({
+  __name: "SvgIcon",
+  props: {
+    size: {},
+    width: {},
+    height: {},
+    iconName: {},
+    title: {}
+  },
+  setup(r) {
+    const o = r, n = T(), s = () => {
+      Te(
+        o.size,
+        o.width,
+        o.height,
+        o.iconName,
+        n.value,
+        o.title
+      );
+    };
+    return U(() => {
+      s();
+    }), E(() => {
+      s();
+    }), (e, i) => (t(), u("svg", {
+      ref_key: "svgIconElement",
+      ref: n,
+      class: "sv-svg-icon",
+      role: "img",
+      "aria-label": e.title
+    }, ot, 8, st));
+  }
+}), it = /* @__PURE__ */ C({
+  __name: "ActionBar",
+  props: {
+    model: {},
+    handleClick: { type: Boolean }
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    return B(() => o.model), E(() => {
+      !o.model.hasActions || o.model.initResponsivityManager(n.value);
+    }), O(() => {
+      o.model.resetResponsivityManager();
+    }), (s, e) => {
+      const i = q("sv-action");
+      return s.model.hasActions ? (t(), u("div", {
+        key: 0,
+        ref_key: "root",
+        ref: n,
+        class: l(s.model.getRootCss()),
+        onClick: e[0] || (e[0] = (a) => {
+          a.stopPropagation();
+        })
+      }, [
+        (t(!0), u(w, null, S(s.model.renderedActions, (a) => (t(), y(i, {
+          key: a.id,
+          item: a
+        }, null, 8, ["item"]))), 128))
+      ], 2)) : m("", !0);
+    };
+  }
+}), lt = ["id"], rt = { class: "sv-action__content" }, at = /* @__PURE__ */ C({
+  __name: "Action",
+  props: {
+    item: {}
+  },
+  setup(r) {
+    const o = r, n = R(
+      () => o.item.component || "sv-action-bar-item"
+    );
+    return B(() => o.item), (s, e) => {
+      const i = q("sv-action-bar-separator");
+      return t(), u("div", {
+        class: l(s.item.getActionRootCss()),
+        id: s.item.id
+      }, [
+        p("div", rt, [
+          s.item.needSeparator ? (t(), y(i, { key: 0 })) : m("", !0),
+          (t(), y(N(n.value), { item: s.item }, null, 8, ["item"]))
+        ])
+      ], 10, lt);
+    };
+  }
+}), ut = ["disabled", "title", "aria-checked", "aria-expanded", "role", "tabindex"], dt = /* @__PURE__ */ C({
+  __name: "ActionBarItem",
+  props: {
+    item: {}
+  },
+  setup(r) {
+    const o = r;
+    return B(() => o.item), (n, s) => {
+      const e = q("sv-svg-icon");
+      return t(), u("button", {
+        class: l(n.item.getActionBarItemCss()),
+        type: "button",
+        onClick: s[0] || (s[0] = () => {
+          n.item.action();
+        }),
+        onKeyup: s[1] || (s[1] = (i) => {
+          i.stopPropagation();
+        }),
+        disabled: n.item.enabled !== void 0 && !n.item.enabled,
+        title: n.item.tooltip || n.item.title,
+        "aria-checked": n.item.ariaChecked,
+        "aria-expanded": n.item.ariaExpanded,
+        role: n.item.ariaRole,
+        tabindex: n.item.disableTabStop ? -1 : 0
+      }, [
+        n.item.iconName ? (t(), y(e, {
+          key: 0,
+          class: l(n.item.cssClasses.itemIcon),
+          iconName: n.item.iconName,
+          size: n.item.iconSize,
+          title: n.item.tooltip || n.item.title
+        }, null, 8, ["class", "iconName", "size", "title"])) : m("", !0),
+        n.item.hasTitle ? (t(), u("span", {
+          key: 1,
+          class: l(n.item.getActionBarItemTitleCss())
+        }, I(n.item.title), 3)) : m("", !0)
+      ], 42, ut);
+    };
+  }
+}), mt = ["disabled", "title", "role", "tabindex"], ct = /* @__PURE__ */ C({
+  __name: "ActionBarItemDropdown",
+  props: {
+    item: {}
+  },
+  setup(r) {
+    const o = r, n = Re;
+    let s;
+    return B(
+      () => o.item,
+      (e) => {
+        s = new Se(e);
+      },
+      () => {
+        s.dispose();
+      }
+    ), (e, i) => {
+      const a = q("sv-svg-icon"), d = q("sv-popup");
+      return t(), u(w, null, [
+        p("button", {
+          type: "button",
+          class: l(e.item.getActionBarItemCss()),
+          onClick: i[0] || (i[0] = (c) => {
+            e.item.action(e.item, !!c.pointerType);
+          }),
+          onKeyup: i[1] || (i[1] = (c) => {
+            c.stopPropagation();
+          }),
+          disabled: e.item.enabled !== void 0 && e.item.enabled,
+          title: e.item.tooltip || e.item.title,
+          role: e.item.ariaRole,
+          tabindex: e.item.disableTabStop ? -1 : 0
+        }, [
+          e.item.iconName ? (t(), y(a, {
+            key: 0,
+            class: l(e.item.cssClasses.itemIcon),
+            iconName: e.item.iconName,
+            size: e.item.iconSize,
+            title: e.item.tooltip || e.item.title
+          }, null, 8, ["class", "iconName", "size", "title"])) : m("", !0),
+          e.item.hasTitle ? (t(), u("span", {
+            key: 1,
+            class: l(e.item.getActionBarItemTitleCss())
+          }, I(e.item.title), 3)) : m("", !0)
+        ], 42, mt),
+        h(d, {
+          model: e.item.popupModel,
+          getTarget: b(n)
+        }, null, 8, ["model", "getTarget"])
+      ], 64);
+    };
+  }
+}), pt = /* @__PURE__ */ C({
+  __name: "ActionBarSeparator",
+  props: {
+    item: {}
+  },
+  setup(r) {
+    const o = r, n = R(() => o.item && o.item.innerCss);
+    return (s, e) => (t(), u("div", {
+      class: l(["sv-action-bar-separator", n.value])
+    }, null, 2));
+  }
+}), vt = ["aria-label", "placeholder", "value"], qt = ["aria-label"], yt = ["id"], gt = /* @__PURE__ */ C({
+  __name: "List",
+  props: {
+    model: {}
+  },
+  setup(r) {
+    const o = r, n = T(null), s = (a) => {
+      const d = o.model;
+      d.filterString = a.target.value;
+    }, e = (a) => {
+      const d = o.model;
+      d.filterString = a.target.value, o.model.goToItems(a);
+    }, i = (a) => {
+      o.model.onMouseMove(a);
+    };
+    return B(() => o.model), E(() => {
+      o.model.initListContainerHtmlElement(n.value);
+    }), (a, d) => {
+      const c = q("sv-svg-icon"), v = q("sv-list-item");
+      return t(), u("div", {
+        class: l(a.model.cssClasses.root),
+        ref_key: "listContainerElement",
+        ref: n
+      }, [
+        a.model.showFilter ? (t(), u("div", {
+          key: 0,
+          class: l(a.model.cssClasses.filter)
+        }, [
+          p("div", {
+            class: l(a.model.cssClasses.filterIcon)
+          }, [
+            h(c, {
+              iconName: "icon-search",
+              size: "auto"
+            })
+          ], 2),
+          p("input", {
+            type: "text",
+            class: l(a.model.cssClasses.filterInput),
+            "aria-label": a.model.filterStringPlaceholder,
+            placeholder: a.model.filterStringPlaceholder,
+            value: a.model.filterString,
+            onChange: s,
+            onKeyup: e
+          }, null, 42, vt),
+          a.model.showSearchClearButton && !!a.model.filterString ? (t(), u("button", {
+            key: 0,
+            onClick: d[0] || (d[0] = (f) => {
+              a.model.onClickSearchClearButton(f);
+            }),
+            class: l(a.model.cssClasses.searchClearButtonIcon)
+          }, [
+            h(c, {
+              iconName: "icon-searchclear",
+              size: "auto"
+            })
+          ], 2)) : m("", !0)
+        ], 2)) : m("", !0),
+        D(p("div", {
+          class: l(a.model.cssClasses.emptyContainer)
+        }, [
+          p("div", {
+            class: l(a.model.cssClasses.emptyText),
+            "aria-label": a.model.emptyMessage
+          }, I(a.model.emptyMessage), 11, qt)
+        ], 2), [
+          [H, a.model.isEmpty]
+        ]),
+        a.model.renderElements ? D((t(), u("ul", {
+          key: 1,
+          class: l(a.model.getListClass()),
+          role: "listbox",
+          id: a.model.elementId,
+          onMousedown: d[1] || (d[1] = (f) => {
+            f.preventDefault();
+          }),
+          onMousemove: i,
+          onKeydown: d[2] || (d[2] = (f) => {
+            a.model.onKeyDown(f);
+          })
+        }, [
+          (t(!0), u(w, null, S(a.model.renderedActions, (f) => (t(), y(v, {
+            item: f,
+            model: a.model,
+            key: f.id
+          }, null, 8, ["item", "model"]))), 128))
+        ], 42, yt)), [
+          [H, !a.model.isEmpty]
+        ]) : m("", !0)
+      ], 2);
+    };
+  }
+}), Ct = ["aria-selected", "id"], ht = /* @__PURE__ */ C({
+  __name: "ListItem",
+  props: {
+    model: {},
+    item: {}
+  },
+  setup(r) {
+    const o = r, n = R(() => o.item.elementId), s = (e) => {
+      o.model.onItemClick(o.item), e.stopPropagation();
+    };
+    return B(() => o.item), E(() => {
+      setTimeout(() => {
+        o.model.onLastItemRended(o.item);
+      });
+    }), (e, i) => {
+      const a = q("sv-svg-icon"), d = q("survey-string"), c = _("key2click");
+      return D((t(), u("li", {
+        tabindex: "0",
+        role: "option",
+        "aria-selected": e.model.isItemSelected(e.item),
+        key: e.item.id,
+        id: n.value,
+        class: l(e.model.getItemClass(e.item)),
+        onClick: s
+      }, [
+        e.item.needSeparator ? (t(), u("div", {
+          key: 0,
+          class: l(e.model.cssClasses.itemSeparator)
+        }, null, 2)) : m("", !0),
+        p("div", {
+          style: $({ paddingInlineStart: e.model.getItemIndent(e.item) }),
+          class: l(e.model.cssClasses.itemBody)
+        }, [
+          e.item.iconName && !e.item.component ? (t(), y(a, {
+            key: 0,
+            class: l(e.model.cssClasses.itemIcon),
+            iconName: e.item.iconName,
+            size: e.item.iconSize
+          }, null, 8, ["class", "iconName", "size"])) : m("", !0),
+          e.item.component ? m("", !0) : (t(), y(d, {
+            key: 1,
+            locString: e.item.locTitle
+          }, null, 8, ["locString"])),
+          e.item.component ? (t(), y(N(e.item.component), {
+            key: 2,
+            item: e.item
+          }, null, 8, ["item"])) : m("", !0)
+        ], 6)
+      ], 10, Ct)), [
+        [H, e.model.isItemVisible(e.item)],
+        [c]
+      ]);
+    };
+  }
+}), bt = /* @__PURE__ */ C({
+  __name: "Popup",
+  props: {
+    getTarget: { type: Function },
+    model: {}
+  },
+  setup(r) {
+    const o = r, n = F(
+      oe(o.model, void 0)
+    ), s = T(null);
+    return Z(
+      () => o.model,
+      (e) => {
+        n.value.dispose(), n.value = oe(e, void 0);
+      },
+      { immediate: !0 }
+    ), B(() => n.value), E(() => {
+      const e = s.value;
+      n.value.setComponentElement(
+        e,
+        o.getTarget ? o.getTarget(e) : void 0
+      );
+    }), O(() => {
+      n.value.dispose();
+    }), (e, i) => {
+      const a = q("sv-popup-container");
+      return t(), u("div", {
+        ref_key: "root",
+        ref: s
+      }, [
+        h(a, { model: n.value }, null, 8, ["model"])
+      ], 512);
+    };
+  }
+}), kt = { class: "sv-popup__shadow" }, ft = { class: "sv-popup__body-content" }, It = {
+  key: 0,
+  class: "sv-popup__body-header"
+}, wt = { class: "sv-popup__scrolling-content" }, Tt = { class: "sv-popup__content" }, St = {
+  key: 1,
+  class: "sv-popup__body-footer"
+}, Rt = /* @__PURE__ */ C({
+  __name: "PopupContainer",
+  props: {
+    model: {}
+  },
+  setup(r) {
+    const o = r;
+    let n = !1;
+    const s = (e) => {
+      e.stopPropagation();
+    };
+    return B(() => o.model), U(() => {
+      const e = o.model;
+      !n && e.isVisible && o.model.updateOnShowing(), n = e.isVisible;
+    }), (e, i) => {
+      const a = q("sv-action-bar");
+      return D((t(), u("div", {
+        tabindex: "-1",
+        class: l(["sv-popup", e.model.styleClass]),
+        onKeydown: i[0] || (i[0] = (d) => {
+          e.model.onKeyDown(d);
+        }),
+        onClick: i[1] || (i[1] = (d) => {
+          e.model.clickOutside(d);
+        })
+      }, [
+        p("div", {
+          class: "sv-popup__container",
+          style: $({
+            left: e.model.left,
+            top: e.model.top,
+            height: e.model.height,
+            width: e.model.width,
+            minWidth: e.model.minWidth
+          }),
+          onClick: s
+        }, [
+          p("div", kt, [
+            e.model.showHeader ? (t(), y(N(e.model.popupHeaderTemplate), {
+              key: 0,
+              model: e.model
+            }, null, 8, ["model"])) : m("", !0),
+            p("div", ft, [
+              e.model.title ? (t(), u("div", It, I(e.model.title), 1)) : m("", !0),
+              p("div", wt, [
+                p("div", Tt, [
+                  (t(), y(N(e.model.contentComponentName), ye(ge(e.model.contentComponentData)), null, 16))
+                ])
+              ]),
+              e.model.showFooter ? (t(), u("div", St, [
+                h(a, {
+                  model: e.model.footerToolbar
+                }, null, 8, ["model"])
+              ])) : m("", !0)
+            ])
+          ])
+        ], 4)
+      ], 34)), [
+        [H, e.model.isVisible]
+      ]);
+    };
+  }
+}), $t = /* @__PURE__ */ C({
+  __name: "PopupPointer",
+  props: {
+    model: {}
+  },
+  setup(r) {
+    return (o, n) => (t(), u("span", {
+      class: "sv-popup__pointer",
+      style: $({
+        left: o.model.pointerTarget.left,
+        top: o.model.pointerTarget.top
+      })
+    }, null, 4));
+  }
+}), Bt = {
+  key: 0,
+  class: "sv-components-column"
+}, Lt = /* @__PURE__ */ C({
+  __name: "Container",
+  props: {
+    survey: {},
+    container: {},
+    needRenderWrapper: {}
+  },
+  setup(r) {
+    const o = r, n = R(
+      () => o.survey.getContainerContent(o.container)
+    );
+    return (s, e) => n.value.length > 0 ? (t(), u(w, { key: 0 }, [
+      s.needRenderWrapper ? (t(), u("div", Bt, [
+        (t(!0), u(w, null, S(n.value, (i, a) => (t(), y(N(i.component), {
+          survey: s.survey,
+          model: i.data
+        }, null, 8, ["survey", "model"]))), 256))
+      ])) : (t(!0), u(w, { key: 1 }, S(n.value, (i, a) => (t(), y(N(i.component), {
+        survey: s.survey,
+        model: i.data
+      }, null, 8, ["survey", "model"]))), 256))
+    ], 64)) : m("", !0);
+  }
+}), Q = /* @__PURE__ */ C({
+  __name: "Progress",
+  props: {
+    survey: {},
+    css: {}
+  },
+  setup(r) {
+    const o = r, n = R(() => o.survey.progressValue + "%"), s = (i) => te.getProgressTextInBarCss(i), e = (i) => te.getProgressTextUnderBarCss(i);
+    return (i, a) => (t(), u("div", {
+      class: l(i.survey.getProgressCssClasses())
+    }, [
+      p("div", {
+        class: l(i.survey.css.progressBar),
+        style: $({ width: n.value }),
+        role: "progressbar",
+        "aria-valuemin": "0",
+        "aria-valuemax": "100"
+      }, [
+        p("span", {
+          class: l(s(i.survey.css))
+        }, I(i.survey.progressText), 3)
+      ], 6),
+      p("span", {
+        class: l(e(i.survey.css))
+      }, I(i.survey.progressText), 3)
+    ], 2));
+  }
+}), Dt = ["onClick"], Pt = ["title"], Mt = ["title"], Nt = /* @__PURE__ */ C({
+  __name: "ProgressButtons",
+  props: {
+    survey: {}
+  },
+  setup(r) {
+    const o = r, n = new $e(o.survey), s = T(!1), e = T(), i = R(() => o.survey.css);
+    let a;
+    const d = (k) => n.isListElementClickable(k), c = (k) => n.getListElementCss(k), v = (k) => {
+      n.clickListElement(k);
+    }, f = (k, P) => n.getScrollButtonCss(k, P), g = (k) => {
+      let P = e.value;
+      P.scrollLeft += (k ? -1 : 1) * 70;
+    };
+    return E(() => {
+      const k = e.value;
+      a = setInterval(() => {
+        s.value = k.scrollWidth > k.offsetWidth;
+      }, 100);
+    }), J(() => {
+      typeof a < "u" && (clearInterval(a), a = void 0);
+    }), (k, P) => (t(), u("div", {
+      class: l(i.value.progressButtonsContainerCenter)
+    }, [
+      p("div", {
+        class: l(i.value.progressButtonsContainer)
+      }, [
+        p("div", {
+          class: l(f(s.value, !0)),
+          onClick: P[0] || (P[0] = (L) => g(!0)),
+          role: "button"
+        }, null, 2),
+        p("div", {
+          class: l(i.value.progressButtonsListContainer),
+          ref_key: "progressButtonsListContainer",
+          ref: e
+        }, [
+          p("ul", {
+            class: l(i.value.progressButtonsList)
+          }, [
+            (t(!0), u(w, null, S(k.survey.visiblePages, (L, A) => (t(), u("li", {
+              key: "listelement" + A,
+              class: l(c(A)),
+              onClick: (j) => d(A) ? v(A) : null
+            }, [
+              p("div", {
+                class: l(i.value.progressButtonsPageTitle),
+                title: L.locNavigationTitle.renderedHtml || L.name
+              }, I(L.locNavigationTitle.renderedHtml || L.name), 11, Pt),
+              p("div", {
+                class: l(i.value.progressButtonsPageDescription),
+                title: L.locNavigationDescription.renderedHtml
+              }, I(L.locNavigationDescription.renderedHtml), 11, Mt)
+            ], 10, Dt))), 128))
+          ], 2)
+        ], 2),
+        p("div", {
+          class: l(f(s.value, !1)),
+          onClick: P[1] || (P[1] = (L) => g(!1)),
+          role: "button"
+        }, null, 2)
+      ], 2)
+    ], 2));
+  }
+}), Ht = /* @__PURE__ */ C({
+  __name: "ProgressToc",
+  props: {
+    survey: {}
+  },
+  setup(r) {
+    const o = r, n = new Be(o.survey);
+    return (s, e) => {
+      const i = q("sv-svg-icon"), a = q("sv-popup"), d = q("sv-list"), c = _("key2click");
+      return t(), u("div", {
+        class: l(b(n).containerCss)
+      }, [
+        b(n).isMobile ? D((t(), u("div", {
+          key: 0,
+          onClick: e[0] || (e[0] = (...v) => b(n).togglePopup && b(n).togglePopup(...v))
+        }, [
+          h(i, {
+            iconName: b(n).icon,
+            size: 24
+          }, null, 8, ["iconName"]),
+          h(a, {
+            model: b(n).popupModel
+          }, null, 8, ["model"])
+        ])), [
+          [c]
+        ]) : (t(), y(d, {
+          key: 1,
+          model: b(n).listModel
+        }, null, 8, ["model"]))
+      ], 2);
+    };
+  }
+}), Et = { onsubmit: "return false;" }, At = {
+  key: 0,
+  class: "sv_custom_header"
+}, Ot = ["id"], Vt = { key: 1 }, Ft = ["innerHTML"], Wt = ["innerHTML"], zt = ["innerHTML"], le = /* @__PURE__ */ C({
+  __name: "Survey",
+  props: {
+    model: {},
+    survey: {}
+  },
+  setup(r) {
+    const o = r, n = T(), s = T(""), e = T(1), i = R(() => {
+      const k = o.survey ? o.survey : o.model;
+      return Ce(k);
+    }), a = R(() => i.value.activePage ? i.value.activePage.id : ""), d = () => {
+      const k = a.value;
+      return !!i.value && k + e.value.toString();
+    }, c = R(
+      () => i.value.showCompletedPage && i.value.state === "completed"
+    ), v = R(() => i.value.css), f = R(() => "page" + d()), g = () => c.value ? (s.value || (s.value = i.value.processedCompletedHtml), s.value) : "";
+    return B(() => i.value), E(() => {
+      if (!!i.value) {
+        i.value.needRenderIcons && Le.renderIcons();
+        var k = n.value;
+        k && i.value.afterRenderSurvey(k), i.value.renderCallback = () => {
+          var P, L;
+          e.value++, (L = (P = x()) == null ? void 0 : P.proxy) == null || L.$forceUpdate();
+        }, i.value.startTimerFromUI();
+      }
+    }), O(() => {
+      i.value.stopTimer(), i.value.renderCallback = void 0;
+    }), (k, P) => {
+      const L = q("survey-popup-modal"), A = q("survey-header"), j = q("survey-page"), X = q("sv-brand-info"), ue = q("sv-notifier");
+      return t(), u("div", {
+        class: l(i.value.getRootCss()),
+        style: $(i.value.themeVariables),
+        ref_key: "root",
+        ref: n
+      }, [
+        h(L),
+        i.value.renderBackgroundImage ? (t(), u("div", {
+          key: 0,
+          class: l(v.value.rootBackgroundImage),
+          style: $(i.value.backgroundImageStyle)
+        }, null, 6)) : m("", !0),
+        p("form", Et, [
+          i.value.hasLogo ? m("", !0) : (t(), u("div", At)),
+          p("div", {
+            class: l(v.value.container)
+          }, [
+            h(A, { survey: i.value }, null, 8, ["survey"]),
+            (t(), y(N("sv-components-container"), {
+              survey: i.value,
+              container: "header",
+              needRenderWrapper: !1
+            }, null, 8, ["survey"])),
+            i.value.isShowingPage ? (t(), u("div", {
+              key: 0,
+              class: l(i.value.bodyContainerCss)
+            }, [
+              (t(), y(N("sv-components-container"), {
+                survey: i.value,
+                container: "left",
+                needRenderWrapper: !0
+              }, null, 8, ["survey"])),
+              p("div", {
+                class: l(i.value.bodyCss),
+                style: $({ maxWidth: i.value.renderedWidth }),
+                id: a.value
+              }, [
+                (t(), y(N("sv-components-container"), {
+                  survey: i.value,
+                  container: "contentTop",
+                  needRenderWrapper: !0
+                }, null, 8, ["survey"])),
+                (t(), y(j, {
+                  key: f.value,
+                  survey: i.value,
+                  page: i.value.activePage,
+                  css: v.value
+                }, null, 8, ["survey", "page", "css"])),
+                (t(), y(N("sv-components-container"), {
+                  survey: i.value,
+                  container: "contentBottom",
+                  needRenderWrapper: !0
+                }, null, 8, ["survey"]))
+              ], 14, Ot),
+              (t(), y(N("sv-components-container"), {
+                survey: i.value,
+                container: "right",
+                needRenderWrapper: !0
+              }, null, 8, ["survey"]))
+            ], 2)) : m("", !0),
+            (t(), y(N("sv-components-container"), {
+              survey: i.value,
+              container: "footer",
+              needRenderWrapper: !1
+            }, null, 8, ["survey"])),
+            c.value ? (t(), u("div", Vt, [
+              p("div", {
+                innerHTML: g(),
+                class: l(i.value.completedCss)
+              }, null, 10, Ft)
+            ])) : m("", !0),
+            i.value.state === "completedbefore" ? (t(), u("div", {
+              key: 2,
+              class: l(v.value.body),
+              innerHTML: i.value.processedCompletedBeforeHtml
+            }, null, 10, Wt)) : m("", !0),
+            i.value.state === "loading" ? (t(), u("div", {
+              key: 3,
+              class: l(v.value.body),
+              innerHTML: i.value.processedLoadingHtml
+            }, null, 10, zt)) : m("", !0),
+            i.value.state === "empty" ? (t(), u("div", {
+              key: 4,
+              class: l(v.value.bodyEmpty)
+            }, I(i.value.emptySurveyText), 3)) : m("", !0)
+          ], 2)
+        ]),
+        i.value.showBrandInfo ? (t(), y(X, { key: 1 })) : m("", !0),
+        h(ue, {
+          model: i.value.notifier
+        }, null, 8, ["model"])
+      ], 6);
+    };
+  }
+}), Ut = /* @__PURE__ */ C({
+  __name: "Notifier",
+  props: {
+    model: {}
+  },
+  setup(r) {
+    const o = r;
+    return B(() => o.model), (n, s) => {
+      const e = q("sv-action-bar");
+      return D((t(), u("div", {
+        class: l(n.model.css),
+        style: $({ visibility: n.model.active ? "visible" : "hidden" }),
+        role: "alert",
+        "aria-live": "polite"
+      }, [
+        p("span", null, I(n.model.message), 1),
+        h(e, {
+          model: n.model.actionBar
+        }, null, 8, ["model"])
+      ], 6)), [
+        [H, n.model.isDisplayed]
+      ]);
+    };
+  }
+}), Kt = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], jt = { key: 1 }, Qt = /* @__PURE__ */ C({
+  __name: "QuestionOther",
+  props: {
+    question: {},
+    commentClass: {}
+  },
+  setup(r) {
+    return (o, n) => (t(), u("div", {
+      class: l(o.question.getCommentAreaCss(!0))
+    }, [
+      o.question.isReadOnlyRenderDiv() ? m("", !0) : (t(), u("textarea", {
+        key: 0,
+        id: o.question.otherId,
+        readonly: o.question.isInputReadOnly,
+        disabled: o.question.isInputReadOnly,
+        class: l(o.question.cssClasses.other || o.commentClass),
+        value: o.question.otherValue,
+        maxlength: o.question.getOthersMaxLength(),
+        placeholder: o.question.otherPlaceholder,
+        "aria-label": o.question.ariaLabel,
+        "aria-required": o.question.ariaRequired,
+        style: $({ resize: o.question.resizeStyle }),
+        onChange: n[0] || (n[0] = (s) => {
+          o.question.onOtherValueChange(s);
+        }),
+        onInput: n[1] || (n[1] = (s) => {
+          o.question.onOtherValueInput(s);
+        })
+      }, null, 46, Kt)),
+      o.question.isReadOnlyRenderDiv() ? (t(), u("div", jt, I(o.question.otherValue), 1)) : m("", !0)
+    ], 2));
+  }
+}), Zt = ["disabled", "value", "title"], Gt = /* @__PURE__ */ C({
+  __name: "SurveyNavigationButton",
+  props: {
+    item: {}
+  },
+  setup(r) {
+    const o = r, n = () => o.item.data && o.item.data.mouseDown();
+    return B(() => o.item), (s, e) => s.item.visible ? (t(), u("input", {
+      key: 0,
+      type: "button",
+      disabled: s.item.disabled,
+      value: s.item.title,
+      class: l(s.item.innerCss),
+      title: s.item.getTooltip(),
+      onMousedown: n,
+      onClick: e[0] || (e[0] = (...i) => s.item.action && s.item.action(...i))
+    }, null, 42, Zt)) : m("", !0);
+  }
+}), Xt = /* @__PURE__ */ C({
+  __name: "PopupSurvey",
+  props: {
+    survey: {},
+    isExpanded: { type: Boolean },
+    closeOnCompleteTimeout: {}
+  },
+  setup(r) {
+    const o = r, n = F(), s = R(() => o.survey ? o.survey.getCss() : {}), e = R(() => {
+      var g;
+      return (g = n.value) != null && g.isExpanded ? s.value.window.header.buttonCollapsed : s.value.window.header.buttonExpanded;
+    }), i = R(() => {
+      var g;
+      return (g = n.value) == null ? void 0 : g.isExpanded;
+    }), a = () => {
+      n.value.changeExpandCollapse();
+    }, d = () => {
+      n.value.hide();
+    }, c = () => "SurveyRoot", v = () => {
+      n.value.onScroll();
+    };
+    B(() => n.value);
+    const f = Z(
+      () => o.survey,
+      (g) => {
+        const k = new De(null, g);
+        o.isExpanded !== void 0 && (k.isExpanded = o.isExpanded), o.closeOnCompleteTimeout !== void 0 && (k.closeOnCompleteTimeout = o.closeOnCompleteTimeout), k.isShowing = !0, n.value = k;
+      },
+      {
+        immediate: !0
+      }
+    );
+    return O(() => {
+      f();
+    }), (g, k) => {
+      const P = q("survey-string"), L = q("sv-svg-icon");
+      return n.value.isShowing ? (t(), u("div", {
+        key: 0,
+        style: $([{ position: "fixed", bottom: "3px", right: "10px" }, {
+          maxWidth: n.value.renderedWidth,
+          width: n.value.renderedWidth
+        }]),
+        class: l(n.value.cssRoot)
+      }, [
+        p("div", {
+          class: l(n.value.cssHeaderRoot)
+        }, [
+          p("span", {
+            onClick: a,
+            style: { width: "100%", cursor: "pointer", "user-select": "none" }
+          }, [
+            p("span", {
+              style: { "padding-right": "10px" },
+              class: l(n.value.cssHeaderTitle)
+            }, [
+              h(P, {
+                locString: g.survey.locTitle
+              }, null, 8, ["locString"])
+            ], 2),
+            p("span", {
+              "aria-hidden": "true",
+              class: l(e.value)
+            }, null, 2)
+          ]),
+          n.value.allowClose ? (t(), u("span", {
+            key: 0,
+            class: l(n.value.cssHeaderButton),
+            onClick: d,
+            style: { transform: "rotate(45deg)", float: "right", cursor: "pointer", "user-select": "none", width: "24px", height: "24px" }
+          }, [
+            h(L, {
+              iconName: "icon-expanddetail",
+              size: 16
+            })
+          ], 2)) : m("", !0),
+          i.value ? (t(), u("span", {
+            key: 1,
+            class: l(n.value.cssHeaderButton),
+            onClick: a,
+            style: { float: "right", cursor: "pointer", "user-select": "none", width: "24px", height: "24px" }
+          }, [
+            h(L, {
+              iconName: "icon-collapsedetail",
+              size: 16
+            })
+          ], 2)) : m("", !0)
+        ], 2),
+        i.value ? (t(), u("div", {
+          key: 0,
+          class: l(n.value.cssBody),
+          onScroll: v
+        }, [
+          (t(), y(N(c()), { survey: g.survey }, null, 8, ["survey"]))
+        ], 34)) : m("", !0)
+      ], 6)) : m("", !0);
+    };
+  }
+}), Jt = ["innerHTML"], Yt = /* @__PURE__ */ C({
+  __name: "CustomWidget",
+  props: {
+    question: {},
+    css: {}
+  },
+  setup(r) {
+    const o = r, n = T(), s = R(
+      () => o.question.customWidget.isDefaultRender
+    ), e = R(
+      () => !!o.question.customWidget.htmlTemplate
+    ), i = R(() => o.question.customWidget.htmlTemplate), a = R(() => "survey-" + o.question.getTemplate());
+    return E(() => {
+      o.question.customWidget.afterRender(o.question, n.value);
+    }), J(() => {
+      o.question.customWidget.willUnmount(o.question, n.value);
+    }), (d, c) => (t(), u("div", {
+      ref_key: "root",
+      ref: n
+    }, [
+      e.value ? (t(), u("div", {
+        key: 0,
+        innerHTML: i.value
+      }, null, 8, Jt)) : m("", !0),
+      s.value ? (t(), y(N(a.value), {
+        key: 1,
+        question: d.question,
+        css: d.css
+      }, null, 8, ["question", "css"])) : m("", !0)
+    ], 512));
+  }
+}), _t = /* @__PURE__ */ C({
+  __name: "PopupModal",
+  setup(r) {
+    const o = F();
+    function n(e, i, a, d, c, v, f = "popup") {
+      const g = Pe(
+        e,
+        i,
+        a,
+        d,
+        void 0,
+        void 0,
+        c,
+        v,
+        f
+      );
+      return s(g);
+    }
+    function s(e, i) {
+      e.onHide = () => {
+        o.value = void 0, a.dispose();
+      };
+      const a = Me(
+        e,
+        i
+      );
+      return a.model.isVisible = !0, o.value = a, a;
+    }
+    return V.showModal || (V.showModal = n, O(() => {
+      V.showModal = void 0;
+    })), V.showDialog || (V.showDialog = s, O(() => {
+      V.showDialog = void 0;
+    })), (e, i) => {
+      const a = q("sv-popup-container");
+      return o.value ? (t(), y(he, {
+        key: 0,
+        to: o.value.container
+      }, [
+        h(a, { model: o.value }, null, 8, ["model"])
+      ], 8, ["to"])) : m("", !0);
+    };
+  }
+}), xt = /* @__PURE__ */ C({
+  __name: "CharacterCounter",
+  props: {
+    counter: {},
+    remainingCharacterCounter: {}
+  },
+  setup(r) {
+    const o = r;
+    return B(() => o.counter), (n, s) => (t(), u("div", {
+      class: l(n.remainingCharacterCounter)
+    }, I(n.counter.remainingCharacterCounter), 3));
+  }
+}), ei = /* @__PURE__ */ C({
+  __name: "Composite",
+  props: {
+    question: {},
+    css: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    M(o, n);
+    const s = R(() => o.question.contentPanel);
+    return (e, i) => {
+      const a = q("survey-panel");
+      return t(), y(a, {
+        ref_key: "root",
+        ref: n,
+        question: s.value,
+        css: e.css
+      }, null, 8, ["question", "css"]);
+    };
+  }
+}), si = /* @__PURE__ */ C({
+  __name: "Custom",
+  props: {
+    question: {},
+    css: {}
+  },
+  setup(r) {
+    const o = r, n = T(null);
+    M(o, n);
+    const s = R(() => o.question.contentQuestion), e = (i) => ee(i);
+    return (i, a) => (t(), y(N(e(s.value)), {
+      ref: n.value,
+      question: s.value,
+      css: i.css
+    }, null, 8, ["question", "css"]));
+  }
+}), ni = /* @__PURE__ */ p("use", { "xlink:href": "#icon-timercircle" }, null, -1), oi = [
+  ni
+], re = 440, ti = /* @__PURE__ */ C({
+  __name: "TimerPanel",
+  props: {
+    model: {},
+    css: {}
+  },
+  setup(r) {
+    const o = r, n = R(() => re * o.model.progress), s = R(() => o.model.text);
+    return B(() => o.model), (e, i) => e.model.isRunning && e.model.showTimerAsClock ? (t(), u("div", {
+      key: 0,
+      class: l(e.model.rootCss)
+    }, [
+      e.model.showProgress ? (t(), u("svg", {
+        key: 0,
+        class: l(e.model.getProgressCss()),
+        style: $({ strokeDasharray: re, strokeDashoffset: n.value })
+      }, oi, 6)) : m("", !0),
+      p("div", {
+        class: l(e.model.textContainerCss)
+      }, [
+        p("span", {
+          class: l(e.model.majorTextCss)
+        }, I(e.model.clockMajorText), 3),
+        e.model.clockMinorText ? (t(), u("span", {
+          key: 0,
+          class: l(e.model.minorTextCss)
+        }, I(e.model.clockMinorText), 3)) : m("", !0)
+      ], 2)
+    ], 2)) : D((t(), u("div", {
+      key: 1,
+      class: l(e.model.survey.getCss().timerRoot)
+    }, I(s.value), 3)), [
+      [H, e.model.isRunning && !e.model.showTimerAsClock]
+    ]);
+  }
+});
+function ii(r) {
+  r.component("SurveyRoot", le), r.component("survey", le), r.component("survey-header", Fe), r.component("survey-page", Ae), r.component("survey-row", We), r.component("survey-element", Ue), r.component("survey-panel", Qe), r.component("survey-element-header", Ze), r.component("survey-string", Ge), r.component("sv-string-viewer", Ye), r.component("sv-string-editor", xe), r.component("sv-skeleton", ss), r.component("survey-text", ts), r.component("survey-text-input", as), r.component("survey-checkbox", ds), r.component("survey-checkbox-item", ys), r.component("survey-radiogroup", hs), r.component("survey-radiogroup-item", ws), r.component("survey-signaturepad", $s), r.component("survey-html", Ls), r.component("survey-image", Ns), r.component("survey-expression", Hs), r.component("survey-file", Us), r.component("survey-imagepicker", js), r.component("survey-imagepicker-item", Js), r.component("survey-comment", xs), r.component("survey-dropdown", en), r.component("sv-dropdown-select", tn), r.component("sv-dropdown-option-item", rn), r.component("sv-dropdown", cn), r.component("survey-tagbox", pn), r.component("sv-tagbox", yn), r.component("sv-tagbox-item", kn), r.component("sv-tagbox-filter", hn), r.component("survey-ranking", fn), r.component("survey-ranking-item", Ln), r.component("survey-rating", Mn), r.component("sv-rating-item", Hn), r.component("sv-rating-item-smiley", An), r.component("sv-rating-item-star", Vn), r.component("sv-rating-dropdown", Fn), r.component("survey-boolean", zn), r.component("sv-boolean-radio", Un), r.component("sv-boolean-radio-item", Qn), r.component("sv-boolean-checkbox", Yn), r.component("survey-multipletext", _n), r.component("survey-multipletext-item", xn), r.component("survey-matrix", ro), r.component("survey-matrixdropdown", ao), r.component("survey-matrixtable", po), r.component("survey-matrixheaderrequired", vo), r.component("survey-matrixcell", yo), r.component("survey-matrixdynamic", go), r.component("sv-matrix-remove-button", ho), r.component("sv-matrix-drag-drop-icon", ko), r.component("sv-matrix-detail-button", Io), r.component("survey-paneldynamic", wo), r.component("survey-paneldynamicprogress", To), r.component("survey-paneldynamicprogress-v2", So), r.component("sv-paneldynamic-add-btn", Ro), r.component("sv-paneldynamic-next-btn", Bo), r.component("sv-paneldynamic-prev-btn", Do), r.component("sv-paneldynamic-remove-btn", Po), r.component("sv-paneldynamic-progress-text", Mo), r.component("sv-components-container", Lt), r.component("sv-progress-buttons", Nt), r.component("sv-progress-toc", Ht), r.component("sv-progress-pages", Q), r.component("sv-progress-questions", Q), r.component("sv-progress-correctquestions", Q), r.component("sv-progress-requiredquestions", Q), r.component("survey-errors", Ho), r.component("survey-question-comment", Oo), r.component("survey-element-title", Vo), r.component("survey-element-title-content", Ko), r.component("sv-title-actions", Zo), r.component("sv-brand-info", et), r.component("sv-svg-icon", tt), r.component("sv-action-bar", it), r.component("sv-action", at), r.component("sv-action-bar-item", dt), r.component("sv-action-bar-item-dropdown", ct), r.component("sv-action-bar-separator", pt), r.component("sv-list", gt), r.component("sv-list-item", ht), r.component("sv-popup", bt), r.component("sv-popup-container", Rt), r.component("popup-pointer", $t), r.component("sv-notifier", Ut), r.component("survey-other-choice", Qt), r.component("sv-nav-btn", Gt), r.component("popup-survey", Xt), r.component("survey-customwidget", Yt), r.component("survey-popup-modal", _t), r.component("sv-character-counter", xt), r.component("survey-composite", ei), r.component("survey-custom", si), r.component("sv-timerpanel", ti), r.directive("key2click", {
+    mounted: function(o, n) {
+      const s = { ...n.value };
+      s.disableTabStop || (o.tabIndex = 0), o.addEventListener("keyup", (e) => (e.preventDefault(), e.stopPropagation(), ae(e, s), !1)), o.addEventListener("keydown", (e) => {
+        Ne(e, s);
+      }), o.addEventListener("blur", (e) => {
+        He(e);
+      });
+    }
+  });
+}
+const ai = {
+  install(r) {
+    ii(r);
+  }
+};
+export {
+  ai as surveyPlugin,
+  B as useBase,
+  W as useLocString,
+  M as useQuestion
+};