survey-vue3-ui 1.12.8 → 1.12.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,8 @@
1
1
  var ke = Object.defineProperty;
2
2
  var fe = (u, e, n) => e in u ? ke(u, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : u[e] = n;
3
3
  var J = (u, e, n) => (fe(u, typeof e != "symbol" ? e + "" : e, n), n);
4
- import { defineComponent as h, computed as w, openBlock as i, createBlock as g, resolveDynamicComponent as ce, normalizeProps as le, guardReactiveProps as ae, createSlots as we, renderList as $, withCtx as W, renderSlot as ve, shallowReactive as Ie, watch as O, onBeforeUnmount as K, onMounted as P, ref as I, shallowRef as V, watchEffect as Se, triggerRef as ee, unref as k, isRef as Re, nextTick as Te, createElementBlock as l, normalizeClass as r, createVNode as y, createCommentVNode as m, Fragment as T, mergeProps as M, normalizeStyle as S, createElementVNode as v, onUnmounted as F, withDirectives as A, vShow as E, toDisplayString as R, vModelRadio as Y, vModelCheckbox as se, vModelSelect as $e, onUpdated as Z, vModelText as De, getCurrentInstance as qe, createStaticVNode as Be, toRaw as Ae, Teleport as Le, useSlots as Ne } from "vue";
5
- import { Base as Pe, RendererFactory as _, Helpers as Me, DropdownMultiSelectListModel as He, doKey2ClickUp as ge, createSvg as Ee, doKey2ClickDown as We, doKey2ClickBlur as Fe, ActionDropdownViewModel as Ve, getActionDropdownButtonTarget as Oe, createPopupViewModel as ze, SurveyProgressModel as ue, ProgressButtonsResponsivityManager as Ue, PopupSurveyModel as Ke, settings as z, createDialogOptions as Qe, createPopupModalViewModel as je, ButtonGroupItemModel as Ge, SvgRegistry as Je, SurveyModel as Xe } from "survey-core";
4
+ import { defineComponent as h, computed as w, openBlock as i, createBlock as g, resolveDynamicComponent as ce, normalizeProps as le, guardReactiveProps as ae, createSlots as we, renderList as $, withCtx as W, renderSlot as ve, shallowReactive as Ie, watch as O, onBeforeUnmount as K, onMounted as P, ref as I, shallowRef as V, watchEffect as Se, triggerRef as ee, unref as k, isRef as Te, nextTick as Re, createElementBlock as l, normalizeClass as r, createVNode as y, createCommentVNode as m, Fragment as R, mergeProps as M, normalizeStyle as S, createElementVNode as v, onUnmounted as F, withDirectives as A, vShow as H, toDisplayString as T, vModelRadio as Y, vModelCheckbox as se, vModelSelect as $e, onUpdated as Z, vModelText as De, getCurrentInstance as qe, createStaticVNode as Be, toRaw as Ae, Teleport as Le, useSlots as Ne } from "vue";
5
+ import { Base as Pe, RendererFactory as _, Helpers as Me, DropdownMultiSelectListModel as Ee, doKey2ClickUp as ge, createSvg as He, doKey2ClickDown as We, doKey2ClickBlur as Fe, ActionDropdownViewModel as Ve, getActionDropdownButtonTarget as Oe, createPopupViewModel as ze, SurveyProgressModel as ue, ProgressButtonsResponsivityManager as Ue, PopupSurveyModel as Ke, settings as z, createDialogOptions as Qe, createPopupModalViewModel as je, ButtonGroupItemModel as Ge, SvgRegistry as Je, SurveyModel as Xe } from "survey-core";
6
6
  const ie = class {
7
7
  constructor() {
8
8
  J(this, "creatorHash", {});
@@ -52,7 +52,7 @@ class Ye {
52
52
  this.element = e;
53
53
  }
54
54
  async add() {
55
- const e = Te();
55
+ const e = Re();
56
56
  this.currentNextTickPromise !== e && (this.currentNextTickPromise = e, await e, e == this.currentNextTickPromise && this.element.afterRerender());
57
57
  }
58
58
  }
@@ -74,7 +74,7 @@ function Ze(u) {
74
74
  }, s[t] = o;
75
75
  }
76
76
  }), u.getPropertyValueCoreHandler = (s, t) => k(s[t]), u.setPropertyValueCoreHandler = (s, t, o) => {
77
- Re(s[t]) ? s[t].value = o : s[t] = o, n.add();
77
+ Te(s[t]) ? s[t].value = o : s[t] = o, n.add();
78
78
  };
79
79
  }
80
80
  u.enableOnElementRerenderedEvent(), u.__vueImplemented++;
@@ -177,7 +177,7 @@ const _e = /* @__PURE__ */ h({
177
177
  is: "survey-errors",
178
178
  element: o.page
179
179
  }, null, 8, ["element"]),
180
- (i(!0), l(T, null, $(o.page.visibleRows, (p) => (i(), g(d, M({
180
+ (i(!0), l(R, null, $(o.page.visibleRows, (p) => (i(), g(d, M({
181
181
  key: p.id,
182
182
  is: o.page.getSurvey().getRowWrapperComponentName(p)
183
183
  }, {
@@ -275,7 +275,7 @@ const _e = /* @__PURE__ */ h({
275
275
  ref_key: "root",
276
276
  ref: n
277
277
  }, [
278
- (i(!0), l(T, null, $(s.row.visibleElements, (o) => (i(), g(d, {
278
+ (i(!0), l(R, null, $(s.row.visibleElements, (o) => (i(), g(d, {
279
279
  is: "survey-element",
280
280
  row: s.row,
281
281
  css: s.css,
@@ -450,7 +450,7 @@ const _e = /* @__PURE__ */ h({
450
450
  style: S({ paddingLeft: t.element.innerPaddingLeft }),
451
451
  class: r(t.element.cssClasses.panel.content)
452
452
  }, [
453
- (i(!0), l(T, null, $(t.element.visibleRows, (a) => (i(), g(d, M({
453
+ (i(!0), l(R, null, $(t.element.visibleRows, (a) => (i(), g(d, M({
454
454
  key: a.id,
455
455
  is: t.element.getSurvey().getRowWrapperComponentName(a)
456
456
  }, {
@@ -506,7 +506,7 @@ const _e = /* @__PURE__ */ h({
506
506
  locString: t.element.locDescription
507
507
  }, null, 8, ["locString"])
508
508
  ], 10, us)), [
509
- [E, t.element.hasDescription]
509
+ [H, t.element.hasDescription]
510
510
  ]) : m("", !0),
511
511
  t.element.hasAdditionalTitleToolbar ? (i(), g(d, {
512
512
  key: 1,
@@ -540,7 +540,7 @@ const _e = /* @__PURE__ */ h({
540
540
  }, null, 10, ps)) : (i(), l("span", {
541
541
  key: 1,
542
542
  class: r(k(s))
543
- }, R(k(n)), 3));
543
+ }, T(k(n)), 3));
544
544
  }
545
545
  }), vs = ["innerHTML"], qs = /* @__PURE__ */ h({
546
546
  __name: "StringEditor",
@@ -567,7 +567,7 @@ const _e = /* @__PURE__ */ h({
567
567
  contenteditable: "true",
568
568
  onBlur: n,
569
569
  onClick: s
570
- }, R(t.locString.renderedHtml), 33));
570
+ }, T(t.locString.renderedHtml), 33));
571
571
  }
572
572
  }), gs = ["id"], ys = /* @__PURE__ */ h({
573
573
  __name: "Skeleton",
@@ -594,7 +594,7 @@ const _e = /* @__PURE__ */ h({
594
594
  key: 0,
595
595
  ref_key: "root",
596
596
  ref: n
597
- }, R(s.question.value), 513)) : s.question.dataListId ? (i(), l("div", {
597
+ }, T(s.question.value), 513)) : s.question.dataListId ? (i(), l("div", {
598
598
  key: 1,
599
599
  ref_key: "root",
600
600
  ref: n
@@ -606,7 +606,7 @@ const _e = /* @__PURE__ */ h({
606
606
  v("datalist", {
607
607
  id: s.question.dataListId
608
608
  }, [
609
- (i(!0), l(T, null, $(s.question.dataList, (o, a) => (i(), l("option", {
609
+ (i(!0), l(R, null, $(s.question.dataList, (o, a) => (i(), l("option", {
610
610
  key: a,
611
611
  value: o
612
612
  }, null, 8, Cs))), 128))
@@ -705,7 +705,7 @@ const _e = /* @__PURE__ */ h({
705
705
  }), Is = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Ss = {
706
706
  key: 0,
707
707
  class: "sv-hidden"
708
- }, Rs = { key: 7 }, Ts = ["value"], ye = /* @__PURE__ */ h({
708
+ }, Ts = { key: 7 }, Rs = ["value"], ye = /* @__PURE__ */ h({
709
709
  inheritAttrs: !1,
710
710
  __name: "SelectBase",
711
711
  props: {
@@ -735,12 +735,12 @@ const _e = /* @__PURE__ */ h({
735
735
  "aria-invalid": o.question.a11y_input_ariaInvalid,
736
736
  "aria-errormessage": o.question.a11y_input_ariaErrormessage
737
737
  }, [
738
- o.showLegend ? (i(), l("legend", Ss, R(o.question.locTitle.renderedHtml), 1)) : m("", !0),
739
- o.question.hasHeadItems ? (i(!0), l(T, { key: 1 }, $(o.question.headItems, (p) => (i(), g(d, M({
738
+ o.showLegend ? (i(), l("legend", Ss, T(o.question.locTitle.renderedHtml), 1)) : m("", !0),
739
+ o.question.hasHeadItems ? (i(!0), l(R, { key: 1 }, $(o.question.headItems, (p) => (i(), g(d, M({
740
740
  key: p.value,
741
741
  is: s(p)
742
742
  }, t(p)), null, 16, ["is"]))), 128)) : m("", !0),
743
- !o.question.hasColumns && !o.question.blockedRow ? (i(!0), l(T, { key: 2 }, $(o.question.bodyItems, (p) => (i(), g(d, M({
743
+ !o.question.hasColumns && !o.question.blockedRow ? (i(!0), l(R, { key: 2 }, $(o.question.bodyItems, (p) => (i(), g(d, M({
744
744
  key: p.value,
745
745
  is: s(p)
746
746
  }, t(p)), null, 16, ["is"]))), 128)) : m("", !0),
@@ -748,7 +748,7 @@ const _e = /* @__PURE__ */ h({
748
748
  key: 3,
749
749
  class: r(o.question.cssClasses.rootRow)
750
750
  }, [
751
- !o.question.hasColumns && o.question.blockedRow ? (i(!0), l(T, { key: 0 }, $(o.question.dataChoices, (p) => (i(), g(d, M({
751
+ !o.question.hasColumns && o.question.blockedRow ? (i(!0), l(R, { key: 0 }, $(o.question.dataChoices, (p) => (i(), g(d, M({
752
752
  key: p.value,
753
753
  is: s(p)
754
754
  }, t(p)), null, 16, ["is"]))), 128)) : m("", !0)
@@ -757,18 +757,18 @@ const _e = /* @__PURE__ */ h({
757
757
  key: 4,
758
758
  class: r(o.question.cssClasses.rootMultiColumn)
759
759
  }, [
760
- o.question.hasColumns ? (i(!0), l(T, { key: 0 }, $(o.question.columns, (p, q) => (i(), l("div", {
760
+ o.question.hasColumns ? (i(!0), l(R, { key: 0 }, $(o.question.columns, (p, q) => (i(), l("div", {
761
761
  key: q,
762
762
  class: r(o.question.getColumnClass()),
763
763
  role: "presentation"
764
764
  }, [
765
- (i(!0), l(T, null, $(p, (c) => (i(), g(d, M({
765
+ (i(!0), l(R, null, $(p, (c) => (i(), g(d, M({
766
766
  key: c.value,
767
767
  is: s(c)
768
768
  }, t(c)), null, 16, ["is"]))), 128))
769
769
  ], 2))), 128)) : m("", !0)
770
770
  ], 2)) : m("", !0),
771
- o.question.hasFootItems ? (i(!0), l(T, { key: 5 }, $(o.question.footItems, (p) => (i(), g(d, M({
771
+ o.question.hasFootItems ? (i(!0), l(R, { key: 5 }, $(o.question.footItems, (p) => (i(), g(d, M({
772
772
  key: p.value,
773
773
  is: s(p)
774
774
  }, t(p)), null, 16, ["is"]))), 128)) : m("", !0),
@@ -777,7 +777,7 @@ const _e = /* @__PURE__ */ h({
777
777
  is: "survey-other-choice",
778
778
  question: o.question
779
779
  }, null, 8, ["question"])) : m("", !0),
780
- o.question.showClearButtonInContent ? (i(), l("div", Rs, [
780
+ o.question.showClearButtonInContent ? (i(), l("div", Ts, [
781
781
  v("input", {
782
782
  type: "button",
783
783
  class: r(o.question.cssClasses.clearButton),
@@ -785,7 +785,7 @@ const _e = /* @__PURE__ */ h({
785
785
  o.question.clearValue(!0);
786
786
  }),
787
787
  value: o.question.clearButtonCaption
788
- }, null, 10, Ts)
788
+ }, null, 10, Rs)
789
789
  ])) : m("", !0)
790
790
  ], 10, Is));
791
791
  }
@@ -959,7 +959,7 @@ const Ds = ["name", "checked", "value", "id", "disabled", "readonly", "required"
959
959
  ], 34)
960
960
  ], 2));
961
961
  }
962
- }), Hs = ["src"], Es = ["title"], Ws = { key: 0 }, Fs = /* @__PURE__ */ h({
962
+ }), Es = ["src"], Hs = ["title"], Ws = { key: 0 }, Fs = /* @__PURE__ */ h({
963
963
  inheritAttrs: !1,
964
964
  __name: "Signaturepad",
965
965
  props: {
@@ -983,7 +983,7 @@ const Ds = ["name", "checked", "value", "id", "disabled", "readonly", "required"
983
983
  locString: s.question.locRenderedPlaceholder
984
984
  }, null, 8, ["locString"])
985
985
  ], 2), [
986
- [E, s.question.needShowPlaceholder()]
986
+ [H, s.question.needShowPlaceholder()]
987
987
  ]),
988
988
  v("div", null, [
989
989
  s.question.backgroundImage ? (i(), l("img", {
@@ -993,7 +993,7 @@ const Ds = ["name", "checked", "value", "id", "disabled", "readonly", "required"
993
993
  style: S({
994
994
  width: s.question.renderedCanvasWidth
995
995
  })
996
- }, null, 14, Hs)) : m("", !0),
996
+ }, null, 14, Es)) : m("", !0),
997
997
  v("canvas", {
998
998
  tabindex: "-1",
999
999
  class: r(s.question.cssClasses.canvas),
@@ -1019,7 +1019,7 @@ const Ds = ["name", "checked", "value", "id", "disabled", "readonly", "required"
1019
1019
  iconName: s.question.cssClasses.clearButtonIconId,
1020
1020
  size: "auto"
1021
1021
  }, null, 8, ["iconName"])) : m("", !0)
1022
- ], 10, Es)
1022
+ ], 10, Hs)
1023
1023
  ], 2)) : m("", !0),
1024
1024
  s.question.showLoadingIndicator ? (i(), l("div", {
1025
1025
  key: 1,
@@ -1080,7 +1080,7 @@ const Ds = ["name", "checked", "value", "id", "disabled", "readonly", "required"
1080
1080
  t.question.onErrorHandler();
1081
1081
  })
1082
1082
  }, null, 46, zs)), [
1083
- [E, k(s) && !t.question.contentNotLoaded]
1083
+ [H, k(s) && !t.question.contentNotLoaded]
1084
1084
  ]) : m("", !0),
1085
1085
  t.question.renderedMode === "video" ? A((i(), l("video", {
1086
1086
  key: 1,
@@ -1101,7 +1101,7 @@ const Ds = ["name", "checked", "value", "id", "disabled", "readonly", "required"
1101
1101
  t.question.onErrorHandler();
1102
1102
  })
1103
1103
  }, null, 46, Us)), [
1104
- [E, k(s) && !t.question.contentNotLoaded]
1104
+ [H, k(s) && !t.question.contentNotLoaded]
1105
1105
  ]) : m("", !0),
1106
1106
  t.question.renderedMode === "youtube" ? (i(), l("iframe", {
1107
1107
  key: 2,
@@ -1139,7 +1139,7 @@ const Ds = ["name", "checked", "value", "id", "disabled", "readonly", "required"
1139
1139
  class: r(s.question.cssClasses.root),
1140
1140
  ref_key: "root",
1141
1141
  ref: n
1142
- }, R(s.question.formatedValue), 3));
1142
+ }, T(s.question.formatedValue), 3));
1143
1143
  }
1144
1144
  }), Gs = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], Js = ["id", "multiple", "placeholder"], Xs = ["id", "multiple", "placeholder"], Ys = /* @__PURE__ */ h({
1145
1145
  inheritAttrs: !1,
@@ -1224,7 +1224,7 @@ const Ds = ["name", "checked", "value", "id", "disabled", "readonly", "required"
1224
1224
  s.question.isEmpty() ? (i(), l("span", {
1225
1225
  key: 2,
1226
1226
  class: r(s.question.cssClasses.noFileChosen)
1227
- }, R(s.question.noFileChosenCaption), 3)) : m("", !0)
1227
+ }, T(s.question.noFileChosenCaption), 3)) : m("", !0)
1228
1228
  ], 2)
1229
1229
  ], 2)) : m("", !0),
1230
1230
  s.question.showRemoveButton ? (i(), g(d, {
@@ -1285,17 +1285,17 @@ const Ds = ["name", "checked", "value", "id", "disabled", "readonly", "required"
1285
1285
  ref_key: "root",
1286
1286
  ref: n
1287
1287
  }, [
1288
- v("legend", Zs, R(o.question.locTitle.renderedHtml), 1),
1289
- o.question.hasColumns ? m("", !0) : (i(!0), l(T, { key: 0 }, $(o.question.visibleChoices, (p) => (i(), g(d, M({
1288
+ v("legend", Zs, T(o.question.locTitle.renderedHtml), 1),
1289
+ o.question.hasColumns ? m("", !0) : (i(!0), l(R, { key: 0 }, $(o.question.visibleChoices, (p) => (i(), g(d, M({
1290
1290
  key: p.value,
1291
1291
  is: s(p)
1292
1292
  }, t(p)), null, 16, ["is"]))), 128)),
1293
- o.question.hasColumns ? (i(!0), l(T, { key: 1 }, $(o.question.columns, (p, q) => (i(), l("div", {
1293
+ o.question.hasColumns ? (i(!0), l(R, { key: 1 }, $(o.question.columns, (p, q) => (i(), l("div", {
1294
1294
  class: r(o.question.getColumnClass()),
1295
1295
  key: q,
1296
1296
  role: "presentation"
1297
1297
  }, [
1298
- (i(!0), l(T, null, $(p, (c) => (i(), g(d, M({
1298
+ (i(!0), l(R, null, $(p, (c) => (i(), g(d, M({
1299
1299
  key: c.value,
1300
1300
  is: s(c)
1301
1301
  }, t(c)), null, 16, ["is"]))), 128))
@@ -1470,7 +1470,7 @@ const Ds = ["name", "checked", "value", "id", "disabled", "readonly", "required"
1470
1470
  key: 2,
1471
1471
  ref_key: "root",
1472
1472
  ref: n
1473
- }, R(s.question.value), 513));
1473
+ }, T(s.question.value), 513));
1474
1474
  }
1475
1475
  }), rn = /* @__PURE__ */ h({
1476
1476
  inheritAttrs: !1,
@@ -1541,7 +1541,7 @@ const dn = /* @__PURE__ */ h({
1541
1541
  disabled: "",
1542
1542
  id: a.question.inputId,
1543
1543
  class: r(a.question.getControlClass())
1544
- }, R(a.question.readOnlyText), 11, un)) : A((i(), l("select", {
1544
+ }, T(a.question.readOnlyText), 11, un)) : A((i(), l("select", {
1545
1545
  key: 0,
1546
1546
  id: a.question.inputId,
1547
1547
  "onUpdate:modelValue": p[0] || (p[0] = (q) => o.value = q),
@@ -1555,8 +1555,8 @@ const dn = /* @__PURE__ */ h({
1555
1555
  "aria-errormessage": a.question.ariaErrormessage,
1556
1556
  required: a.question.isRequired
1557
1557
  }, [
1558
- a.question.allowClear ? (i(), l("option", an, R(a.question.placeholder), 1)) : m("", !0),
1559
- (i(!0), l(T, null, $(a.question.visibleChoices, (q) => (i(), g(d, {
1558
+ a.question.allowClear ? (i(), l("option", an, T(a.question.placeholder), 1)) : m("", !0),
1559
+ (i(!0), l(R, null, $(a.question.visibleChoices, (q) => (i(), g(d, {
1560
1560
  is: "sv-dropdown-option-item",
1561
1561
  item: q,
1562
1562
  key: q.id
@@ -1593,7 +1593,7 @@ const dn = /* @__PURE__ */ h({
1593
1593
  return D(() => e.item), (s, t) => (i(), l("option", {
1594
1594
  value: s.item.value,
1595
1595
  disabled: !s.item.isEnabled
1596
- }, R(k(n)), 9, mn));
1596
+ }, T(k(n)), 9, mn));
1597
1597
  }
1598
1598
  }), cn = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], vn = { style: { visibility: "hidden" } }, qn = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "placeholder"], gn = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], yn = /* @__PURE__ */ h({
1599
1599
  __name: "Dropdown",
@@ -1602,21 +1602,21 @@ const dn = /* @__PURE__ */ h({
1602
1602
  },
1603
1603
  setup(u) {
1604
1604
  const e = u, n = I(null), s = w(() => e.question.dropdownListModel), t = (b) => {
1605
- var H;
1606
- (H = s.value) == null || H.onClick(b);
1605
+ var E;
1606
+ (E = s.value) == null || E.onClick(b);
1607
1607
  }, o = (b) => {
1608
- var H;
1609
- (H = s.value) == null || H.chevronPointerDown(b);
1608
+ var E;
1609
+ (E = s.value) == null || E.chevronPointerDown(b);
1610
1610
  }, a = (b) => {
1611
- var H;
1612
- (H = s.value) == null || H.onClear(b);
1611
+ var E;
1612
+ (E = s.value) == null || E.onClear(b);
1613
1613
  }, p = (b) => {
1614
- var H;
1615
- (H = s.value) == null || H.keyHandler(b);
1614
+ var E;
1615
+ (E = s.value) == null || E.keyHandler(b);
1616
1616
  }, q = () => {
1617
1617
  if (n.value) {
1618
- const b = n.value, H = s.value.inputStringRendered;
1619
- Me.isTwoValueEquals(H, b.value, !1, !0, !1) || (b.value = s.value.inputStringRendered);
1618
+ const b = n.value, E = s.value.inputStringRendered;
1619
+ Me.isTwoValueEquals(E, b.value, !1, !0, !1) || (b.value = s.value.inputStringRendered);
1620
1620
  }
1621
1621
  }, c = (b) => {
1622
1622
  e.question.onBlur(b), q();
@@ -1627,7 +1627,7 @@ const dn = /* @__PURE__ */ h({
1627
1627
  }, f = w(
1628
1628
  () => e.question.showSelectedItemLocText
1629
1629
  ), N = w(() => e.question.selectedItemLocText);
1630
- return D(() => s.value), Z(q), P(q), (b, H) => (i(), l("div", {
1630
+ return D(() => s.value), Z(q), P(q), (b, E) => (i(), l("div", {
1631
1631
  class: r(b.question.cssClasses.selectWrapper),
1632
1632
  onClick: t
1633
1633
  }, [
@@ -1653,7 +1653,7 @@ const dn = /* @__PURE__ */ h({
1653
1653
  key: 0,
1654
1654
  class: r(b.question.cssClasses.hintPrefix)
1655
1655
  }, [
1656
- v("span", null, R(s.value.hintStringPrefix), 1)
1656
+ v("span", null, T(s.value.hintStringPrefix), 1)
1657
1657
  ], 2)) : m("", !0),
1658
1658
  v("div", {
1659
1659
  class: r(b.question.cssClasses.controlValue)
@@ -1667,8 +1667,8 @@ const dn = /* @__PURE__ */ h({
1667
1667
  key: 1,
1668
1668
  class: r(b.question.cssClasses.hintSuffix)
1669
1669
  }, [
1670
- v("span", vn, R(s.value.inputStringRendered), 1),
1671
- v("span", null, R(s.value.hintStringSuffix), 1)
1670
+ v("span", vn, T(s.value.inputStringRendered), 1),
1671
+ v("span", null, T(s.value.hintStringSuffix), 1)
1672
1672
  ], 2)) : m("", !0),
1673
1673
  b.question.showInputFieldComponent ? (i(), g(d, {
1674
1674
  key: 2,
@@ -1714,7 +1714,7 @@ const dn = /* @__PURE__ */ h({
1714
1714
  size: "auto"
1715
1715
  }, null, 8, ["class", "iconName", "title"])
1716
1716
  ], 2)), [
1717
- [E, b.question.showClearButton]
1717
+ [H, b.question.showClearButton]
1718
1718
  ]) : m("", !0)
1719
1719
  ], 42, cn)),
1720
1720
  b.question.isReadOnly ? (i(), l("div", {
@@ -1731,7 +1731,7 @@ const dn = /* @__PURE__ */ h({
1731
1731
  is: "survey-string",
1732
1732
  locString: b.question.selectedItemLocText
1733
1733
  }, null, 8, ["locString"])) : m("", !0),
1734
- v("div", null, R(b.question.readOnlyText), 1)
1734
+ v("div", null, T(b.question.readOnlyText), 1)
1735
1735
  ], 10, gn)) : (i(), g(d, {
1736
1736
  key: 1,
1737
1737
  is: "sv-popup",
@@ -1784,7 +1784,7 @@ const dn = /* @__PURE__ */ h({
1784
1784
  setup(u) {
1785
1785
  const e = u, n = w(() => {
1786
1786
  const c = e.question;
1787
- return c.dropdownListModel || (c.dropdownListModel = new He(c)), e.question.dropdownListModel;
1787
+ return c.dropdownListModel || (c.dropdownListModel = new Ee(c)), e.question.dropdownListModel;
1788
1788
  }), s = (c) => {
1789
1789
  var C;
1790
1790
  (C = n.value) == null || C.onClick(c);
@@ -1826,7 +1826,7 @@ const dn = /* @__PURE__ */ h({
1826
1826
  v("div", {
1827
1827
  class: r(c.question.cssClasses.controlValue)
1828
1828
  }, [
1829
- (i(!0), l(T, null, $(k(q), (B, f) => (i(), g(d, {
1829
+ (i(!0), l(R, null, $(k(q), (B, f) => (i(), g(d, {
1830
1830
  is: "sv-tagbox-item",
1831
1831
  item: B,
1832
1832
  question: c.question,
@@ -1852,7 +1852,7 @@ const dn = /* @__PURE__ */ h({
1852
1852
  size: "auto"
1853
1853
  }, null, 8, ["class", "iconName", "title"])
1854
1854
  ], 2)), [
1855
- [E, c.question.showClearButton]
1855
+ [H, c.question.showClearButton]
1856
1856
  ]) : m("", !0)
1857
1857
  ], 42, Cn)),
1858
1858
  c.question.isReadOnly ? (i(), l("div", {
@@ -1913,7 +1913,7 @@ const dn = /* @__PURE__ */ h({
1913
1913
  key: 0,
1914
1914
  class: r(a.question.cssClasses.hintPrefix)
1915
1915
  }, [
1916
- v("span", null, R(a.model.hintStringPrefix), 1)
1916
+ v("span", null, T(a.model.hintStringPrefix), 1)
1917
1917
  ], 2)) : m("", !0),
1918
1918
  v("div", {
1919
1919
  class: r(a.question.cssClasses.hintSuffixWrapper)
@@ -1927,8 +1927,8 @@ const dn = /* @__PURE__ */ h({
1927
1927
  key: 1,
1928
1928
  class: r(a.question.cssClasses.hintSuffix)
1929
1929
  }, [
1930
- v("span", fn, R(a.model.inputStringRendered), 1),
1931
- v("span", null, R(a.model.hintStringSuffix), 1)
1930
+ v("span", fn, T(a.model.inputStringRendered), 1),
1931
+ v("span", null, T(a.model.hintStringSuffix), 1)
1932
1932
  ], 2)) : m("", !0),
1933
1933
  A(v("input", {
1934
1934
  type: "text",
@@ -1958,7 +1958,7 @@ const dn = /* @__PURE__ */ h({
1958
1958
  ], 2)
1959
1959
  ], 2));
1960
1960
  }
1961
- }), Sn = { class: "sv-tagbox__item-text" }, Rn = /* @__PURE__ */ h({
1961
+ }), Sn = { class: "sv-tagbox__item-text" }, Tn = /* @__PURE__ */ h({
1962
1962
  __name: "TagboxItem",
1963
1963
  props: {
1964
1964
  question: {},
@@ -1991,7 +1991,7 @@ const dn = /* @__PURE__ */ h({
1991
1991
  ], 2)
1992
1992
  ]));
1993
1993
  }
1994
- }), Tn = /* @__PURE__ */ h({
1994
+ }), Rn = /* @__PURE__ */ h({
1995
1995
  inheritAttrs: !1,
1996
1996
  __name: "Ranking",
1997
1997
  props: {
@@ -2015,7 +2015,7 @@ const dn = /* @__PURE__ */ h({
2015
2015
  ref_key: "root",
2016
2016
  ref: n
2017
2017
  }, [
2018
- o.question.selectToRankEnabled ? m("", !0) : (i(!0), l(T, { key: 0 }, $(o.question.renderedRankingChoices, (p, q) => (i(), g(d, M({
2018
+ o.question.selectToRankEnabled ? m("", !0) : (i(!0), l(R, { key: 0 }, $(o.question.renderedRankingChoices, (p, q) => (i(), g(d, M({
2019
2019
  key: p.value + "-" + q + "-item",
2020
2020
  is: s(p)
2021
2021
  }, t(p, q)), null, 16, ["is"]))), 128)),
@@ -2024,7 +2024,7 @@ const dn = /* @__PURE__ */ h({
2024
2024
  class: r(o.question.getContainerClasses("from")),
2025
2025
  "data-ranking": "from-container"
2026
2026
  }, [
2027
- (i(!0), l(T, null, $(o.question.renderedUnRankingChoices, (p, q) => (i(), g(d, M({
2027
+ (i(!0), l(R, null, $(o.question.renderedUnRankingChoices, (p, q) => (i(), g(d, M({
2028
2028
  key: p.value + "-" + q + "-item",
2029
2029
  is: s(p)
2030
2030
  }, t(p, q, !0)), null, 16, ["is"]))), 128)),
@@ -2047,7 +2047,7 @@ const dn = /* @__PURE__ */ h({
2047
2047
  class: r(o.question.getContainerClasses("to")),
2048
2048
  "data-ranking": "to-container"
2049
2049
  }, [
2050
- (i(!0), l(T, null, $(o.question.renderedRankingChoices, (p, q) => (i(), g(d, M({
2050
+ (i(!0), l(R, null, $(o.question.renderedRankingChoices, (p, q) => (i(), g(d, M({
2051
2051
  key: p.value + "-" + q + "-item",
2052
2052
  is: s(p)
2053
2053
  }, t(p, q)), null, 16, ["is"]))), 128)),
@@ -2129,7 +2129,7 @@ const dn = /* @__PURE__ */ h({
2129
2129
  !s.unrankedItem && n.value ? (i(), l("div", {
2130
2130
  key: 0,
2131
2131
  class: r(s.question.getItemIndexClasses(s.item))
2132
- }, R(n.value), 3)) : (i(), l("div", {
2132
+ }, T(n.value), 3)) : (i(), l("div", {
2133
2133
  key: 1,
2134
2134
  class: r(s.question.getItemIndexClasses(s.item))
2135
2135
  }, [
@@ -2165,10 +2165,10 @@ const dn = /* @__PURE__ */ h({
2165
2165
  }, null, 8, ["locString"])
2166
2166
  ], 2));
2167
2167
  }
2168
- }), Mn = { role: "radiogroup" }, Hn = /* @__PURE__ */ v("legend", {
2168
+ }), Mn = { role: "radiogroup" }, En = /* @__PURE__ */ v("legend", {
2169
2169
  role: "presentation",
2170
2170
  class: "sv-hidden"
2171
- }, null, -1), En = /* @__PURE__ */ h({
2171
+ }, null, -1), Hn = /* @__PURE__ */ h({
2172
2172
  inheritAttrs: !1,
2173
2173
  __name: "Rating",
2174
2174
  props: {
@@ -2184,7 +2184,7 @@ const dn = /* @__PURE__ */ h({
2184
2184
  ref: n
2185
2185
  }, [
2186
2186
  v("fieldset", Mn, [
2187
- Hn,
2187
+ En,
2188
2188
  t.question.hasMinLabel ? (i(), l("span", {
2189
2189
  key: 0,
2190
2190
  class: r(t.question.cssClasses.minText)
@@ -2194,7 +2194,7 @@ const dn = /* @__PURE__ */ h({
2194
2194
  locString: t.question.locMinRateDescription
2195
2195
  }, null, 8, ["locString"])
2196
2196
  ], 2)) : m("", !0),
2197
- (i(!0), l(T, null, $(t.question.renderedRateItems, (a, p) => (i(), g(d, {
2197
+ (i(!0), l(R, null, $(t.question.renderedRateItems, (a, p) => (i(), g(d, {
2198
2198
  key: s(p),
2199
2199
  is: t.question.itemComponent,
2200
2200
  item: a,
@@ -2349,7 +2349,7 @@ const dn = /* @__PURE__ */ h({
2349
2349
  setup(u) {
2350
2350
  const e = u;
2351
2351
  return D(() => e.item), (n, s) => (i(), l("div", Qn, [
2352
- v("span", jn, R(n.item.title), 1),
2352
+ v("span", jn, T(n.item.title), 1),
2353
2353
  n.item.description ? (i(), l("div", Gn, [
2354
2354
  y(d, {
2355
2355
  is: "survey-string",
@@ -2682,14 +2682,14 @@ const lo = /* @__PURE__ */ h({
2682
2682
  ref: n
2683
2683
  }, [
2684
2684
  v("tbody", null, [
2685
- (i(!0), l(T, null, $(k(s), (a, p) => (i(), l(T, {
2685
+ (i(!0), l(R, null, $(k(s), (a, p) => (i(), l(R, {
2686
2686
  key: t.question.inputId + "rowkey" + p
2687
2687
  }, [
2688
2688
  a.isVisible ? (i(), l("tr", {
2689
2689
  key: 0,
2690
2690
  class: r(t.question.cssClasses.row)
2691
2691
  }, [
2692
- (i(!0), l(T, null, $(a.cells, (q) => (i(), l("td", {
2692
+ (i(!0), l(R, null, $(a.cells, (q) => (i(), l("td", {
2693
2693
  key: "item" + q.item.editor.id,
2694
2694
  class: r(q.className)
2695
2695
  }, [
@@ -2732,7 +2732,7 @@ const lo = /* @__PURE__ */ h({
2732
2732
  s.value.editor.isRequireTextBeforeTitle || s.value.editor.isRequireTextOnStart ? (i(), l("span", {
2733
2733
  key: 0,
2734
2734
  class: r(t.question.cssClasses.requiredText)
2735
- }, R(s.value.editor.requiredText), 3)) : m("", !0),
2735
+ }, T(s.value.editor.requiredText), 3)) : m("", !0),
2736
2736
  y(d, {
2737
2737
  is: "survey-string",
2738
2738
  locString: s.value.locTitle
@@ -2742,7 +2742,7 @@ const lo = /* @__PURE__ */ h({
2742
2742
  key: 2,
2743
2743
  "aria-hidden": "true",
2744
2744
  class: r(t.question.cssClasses.requiredText)
2745
- }, R(s.value.editor.requiredText), 3)) : m("", !0)
2745
+ }, T(s.value.editor.requiredText), 3)) : m("", !0)
2746
2746
  ], 6),
2747
2747
  (i(), l("div", {
2748
2748
  key: s.value.editor.id,
@@ -2786,14 +2786,14 @@ const lo = /* @__PURE__ */ h({
2786
2786
  ref: n
2787
2787
  }, [
2788
2788
  v("fieldset", null, [
2789
- v("legend", po, R(o.question.locTitle.renderedHtml), 1),
2789
+ v("legend", po, T(o.question.locTitle.renderedHtml), 1),
2790
2790
  v("table", {
2791
2791
  class: r(o.question.getTableCss())
2792
2792
  }, [
2793
2793
  o.question.showHeader ? (i(), l("thead", co, [
2794
2794
  v("tr", null, [
2795
2795
  o.question.hasRows ? (i(), l("td", vo)) : m("", !0),
2796
- (i(!0), l(T, null, $(o.question.visibleColumns, (p, q) => (i(), l("th", {
2796
+ (i(!0), l(R, null, $(o.question.visibleColumns, (p, q) => (i(), l("th", {
2797
2797
  key: q,
2798
2798
  class: r(o.question.cssClasses.headerCell),
2799
2799
  style: S({
@@ -2817,7 +2817,7 @@ const lo = /* @__PURE__ */ h({
2817
2817
  ])
2818
2818
  ])) : m("", !0),
2819
2819
  v("tbody", null, [
2820
- (i(!0), l(T, null, $(s.value, (p, q) => (i(), l("tr", {
2820
+ (i(!0), l(R, null, $(s.value, (p, q) => (i(), l("tr", {
2821
2821
  key: "row_" + p.name + "_" + q,
2822
2822
  class: r(p.rowClasses || void 0)
2823
2823
  }, [
@@ -2841,9 +2841,9 @@ const lo = /* @__PURE__ */ h({
2841
2841
  _: 2
2842
2842
  }, 1032, ["is", "componentData"])
2843
2843
  ], 6), [
2844
- [E, o.question.hasRows]
2844
+ [H, o.question.hasRows]
2845
2845
  ]),
2846
- o.question.hasCellText ? (i(!0), l(T, { key: 0 }, $(o.question.visibleColumns, (c, C) => (i(), l("td", {
2846
+ o.question.hasCellText ? (i(!0), l(R, { key: 0 }, $(o.question.visibleColumns, (c, C) => (i(), l("td", {
2847
2847
  key: C,
2848
2848
  class: r(o.question.getItemClass(p, c)),
2849
2849
  onClick: (B) => t(p, c)
@@ -2853,7 +2853,7 @@ const lo = /* @__PURE__ */ h({
2853
2853
  locString: o.question.getCellDisplayLocText(p.name, c)
2854
2854
  }, null, 8, ["locString"])
2855
2855
  ], 10, qo))), 128)) : m("", !0),
2856
- o.question.hasCellText ? m("", !0) : (i(!0), l(T, { key: 1 }, $(o.question.visibleColumns, (c, C) => (i(), l("td", {
2856
+ o.question.hasCellText ? m("", !0) : (i(!0), l(R, { key: 1 }, $(o.question.visibleColumns, (c, C) => (i(), l("td", {
2857
2857
  key: C,
2858
2858
  "data-responsive-title": c.locText.renderedHtml,
2859
2859
  class: r(o.question.cssClasses.cell),
@@ -2900,7 +2900,7 @@ const lo = /* @__PURE__ */ h({
2900
2900
  ref_key: "root",
2901
2901
  ref: n
2902
2902
  }, [
2903
- (i(!0), l(T, null, $(t.row.cells, (a, p) => (i(), g(d, {
2903
+ (i(!0), l(R, null, $(t.row.cells, (a, p) => (i(), g(d, {
2904
2904
  is: "survey-matrixdropdown-cell",
2905
2905
  cell: a,
2906
2906
  question: t.question,
@@ -2979,7 +2979,7 @@ const lo = /* @__PURE__ */ h({
2979
2979
  ref: n
2980
2980
  }, null, 8, ["question"]));
2981
2981
  }
2982
- }), Io = { key: 0 }, So = { key: 1 }, Ro = /* @__PURE__ */ h({
2982
+ }), Io = { key: 0 }, So = { key: 1 }, To = /* @__PURE__ */ h({
2983
2983
  __name: "MatrixTable",
2984
2984
  props: {
2985
2985
  question: {}
@@ -2995,7 +2995,7 @@ const lo = /* @__PURE__ */ h({
2995
2995
  }, [
2996
2996
  n.value.showHeader ? (i(), l("thead", Io, [
2997
2997
  v("tr", null, [
2998
- (i(!0), l(T, null, $(n.value.headerRow.cells, (o) => (i(), l(T, null, [
2998
+ (i(!0), l(R, null, $(n.value.headerRow.cells, (o) => (i(), l(R, null, [
2999
2999
  o.hasTitle ? (i(), l("th", {
3000
3000
  key: "header_" + o.id,
3001
3001
  class: r(o.className),
@@ -3029,7 +3029,7 @@ const lo = /* @__PURE__ */ h({
3029
3029
  ])
3030
3030
  ])) : m("", !0),
3031
3031
  v("tbody", null, [
3032
- (i(!0), l(T, null, $(n.value.renderedRows, (o) => (i(), g(d, {
3032
+ (i(!0), l(R, null, $(n.value.renderedRows, (o) => (i(), g(d, {
3033
3033
  key: s.question.inputId + "_" + o.id,
3034
3034
  is: "survey-matrix-row",
3035
3035
  row: o,
@@ -3038,7 +3038,7 @@ const lo = /* @__PURE__ */ h({
3038
3038
  ]),
3039
3039
  n.value.showFooter ? (i(), l("tfoot", So, [
3040
3040
  v("tr", null, [
3041
- (i(!0), l(T, null, $(n.value.footerRow.cells, (o, a) => (i(), g(d, {
3041
+ (i(!0), l(R, null, $(n.value.footerRow.cells, (o, a) => (i(), g(d, {
3042
3042
  is: "survey-matrixdropdown-cell",
3043
3043
  cell: o,
3044
3044
  question: s.question,
@@ -3049,7 +3049,7 @@ const lo = /* @__PURE__ */ h({
3049
3049
  ], 2)
3050
3050
  ], 6));
3051
3051
  }
3052
- }), To = /* @__PURE__ */ v("span", null, "\xA0", -1), $o = /* @__PURE__ */ h({
3052
+ }), Ro = /* @__PURE__ */ v("span", null, "\xA0", -1), $o = /* @__PURE__ */ h({
3053
3053
  __name: "MatrixHeaderRequired",
3054
3054
  props: {
3055
3055
  question: {},
@@ -3057,12 +3057,12 @@ const lo = /* @__PURE__ */ h({
3057
3057
  },
3058
3058
  setup(u) {
3059
3059
  const e = u;
3060
- return D(() => e.column), (n, s) => n.column.isRenderedRequired ? (i(), l(T, { key: 0 }, [
3061
- To,
3060
+ return D(() => e.column), (n, s) => n.column.isRenderedRequired ? (i(), l(R, { key: 0 }, [
3061
+ Ro,
3062
3062
  n.column.isRenderedRequired ? (i(), l("span", {
3063
3063
  key: 0,
3064
3064
  class: r(n.question.cssClasses.cellRequiredText)
3065
- }, R(n.column.requiredText), 3)) : m("", !0)
3065
+ }, T(n.column.requiredText), 3)) : m("", !0)
3066
3066
  ], 64)) : m("", !0);
3067
3067
  }
3068
3068
  }), Do = ["title", "colspan"], Bo = /* @__PURE__ */ h({
@@ -3205,7 +3205,7 @@ const lo = /* @__PURE__ */ h({
3205
3205
  question: c.cell.question
3206
3206
  }, null, 8, ["question"])) : m("", !0)
3207
3207
  ], 2)), [
3208
- [E, n.value]
3208
+ [H, n.value]
3209
3209
  ]) : m("", !0),
3210
3210
  c.cell.hasTitle ? (i(), g(d, {
3211
3211
  key: 6,
@@ -3221,7 +3221,7 @@ const lo = /* @__PURE__ */ h({
3221
3221
  c.cell.requiredText ? (i(), l("span", {
3222
3222
  key: 1,
3223
3223
  class: r(c.question.cssClasses.cellRequiredText)
3224
- }, R(c.cell.requiredText), 3)) : m("", !0)
3224
+ }, T(c.cell.requiredText), 3)) : m("", !0)
3225
3225
  ]),
3226
3226
  _: 1
3227
3227
  }, 8, ["is", "componentData"])) : m("", !0)
@@ -3363,7 +3363,7 @@ const Lo = ["disabled"], No = /* @__PURE__ */ h({
3363
3363
  }, null, 2))
3364
3364
  ]));
3365
3365
  }
3366
- }), Ho = ["aria-expanded", "aria-controls"], Eo = /* @__PURE__ */ h({
3366
+ }), Eo = ["aria-expanded", "aria-controls"], Ho = /* @__PURE__ */ h({
3367
3367
  __name: "DetailButton",
3368
3368
  props: {
3369
3369
  item: {}
@@ -3383,7 +3383,7 @@ const Lo = ["disabled"], No = /* @__PURE__ */ h({
3383
3383
  iconName: k(n).getDetailPanelIconId(k(s)),
3384
3384
  size: "auto"
3385
3385
  }, null, 8, ["class", "iconName"])
3386
- ], 10, Ho));
3386
+ ], 10, Eo));
3387
3387
  }
3388
3388
  }), Wo = /* @__PURE__ */ h({
3389
3389
  inheritAttrs: !1,
@@ -3473,7 +3473,7 @@ const Lo = ["disabled"], No = /* @__PURE__ */ h({
3473
3473
  v("div", {
3474
3474
  class: r(p.question.cssClasses.panelsContainer)
3475
3475
  }, [
3476
- (i(!0), l(T, null, $(p.question.renderedPanels, (c, C) => (i(), l(T, {
3476
+ (i(!0), l(R, null, $(p.question.renderedPanels, (c, C) => (i(), l(R, {
3477
3477
  key: c.id
3478
3478
  }, [
3479
3479
  v("div", {
@@ -3710,7 +3710,7 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
3710
3710
  const n = G(u);
3711
3711
  return (s, t) => (i(), l("div", {
3712
3712
  class: r(k(n).cssClasses.progressText)
3713
- }, R(k(n).progressText), 3));
3713
+ }, T(k(n).progressText), 3));
3714
3714
  }
3715
3715
  }), Yo = ["id"], Zo = /* @__PURE__ */ h({
3716
3716
  __name: "Errors",
@@ -3729,7 +3729,7 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
3729
3729
  ref_key: "root",
3730
3730
  ref: e
3731
3731
  }, [
3732
- (i(!0), l(T, null, $(n.element.errors, (t, o) => (i(), g(d, {
3732
+ (i(!0), l(R, null, $(n.element.errors, (t, o) => (i(), g(d, {
3733
3733
  is: n.element.survey.questionErrorComponent,
3734
3734
  element: n.element,
3735
3735
  key: "error_" + o,
@@ -3745,7 +3745,7 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
3745
3745
  question: {}
3746
3746
  },
3747
3747
  setup(u) {
3748
- return (e, n) => e.question.isReadOnlyRenderDiv() ? (i(), l("div", _o, R(e.question.comment), 1)) : (i(), g(d, {
3748
+ return (e, n) => e.question.isReadOnlyRenderDiv() ? (i(), l("div", _o, T(e.question.comment), 1)) : (i(), g(d, {
3749
3749
  key: 1,
3750
3750
  is: "sv-text-area",
3751
3751
  model: e.question.commentTextAreaModel
@@ -3774,14 +3774,28 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
3774
3774
  })
3775
3775
  }, {
3776
3776
  default: W(() => [
3777
- n.element.hasTitleActions ? m("", !0) : (i(), g(d, {
3777
+ !n.element.isExpanded && n.element.getCssTitleExpandableSvg() ? (i(), g(d, {
3778
3778
  key: 0,
3779
+ is: "sv-svg-icon",
3780
+ class: r(n.element.getCssTitleExpandableSvg()),
3781
+ iconName: "icon-expand-16x16",
3782
+ size: "16"
3783
+ }, null, 8, ["class"])) : m("", !0),
3784
+ n.element.isExpanded && n.element.getCssTitleExpandableSvg() ? (i(), g(d, {
3785
+ key: 1,
3786
+ is: "sv-svg-icon",
3787
+ class: r(n.element.getCssTitleExpandableSvg()),
3788
+ iconName: "icon-collapse-16x16",
3789
+ size: "16"
3790
+ }, null, 8, ["class"])) : m("", !0),
3791
+ n.element.hasTitleActions ? m("", !0) : (i(), g(d, {
3792
+ key: 2,
3779
3793
  is: "survey-element-title-content",
3780
3794
  element: n.element,
3781
3795
  css: n.css
3782
3796
  }, null, 8, ["element", "css"])),
3783
3797
  n.element.hasTitleActions ? (i(), g(d, {
3784
- key: 1,
3798
+ key: 3,
3785
3799
  is: "sv-title-actions",
3786
3800
  element: n.element,
3787
3801
  css: n.css
@@ -3801,7 +3815,7 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
3801
3815
  const e = u;
3802
3816
  return w(
3803
3817
  () => (e.element.isPanel ? e.element.cssClasses.panel : e.element.cssClasses) || {}
3804
- ), (n, s) => (i(), l(T, null, [
3818
+ ), (n, s) => (i(), l(R, null, [
3805
3819
  n.element.isTitleRenderedAsString ? (i(), g(d, {
3806
3820
  key: 0,
3807
3821
  is: "survey-string",
@@ -3811,19 +3825,19 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
3811
3825
  key: 1,
3812
3826
  class: r(n.element.cssRequiredText),
3813
3827
  "aria-hidden": !0
3814
- }, R(n.element.requiredText), 3)) : m("", !0),
3828
+ }, T(n.element.requiredText), 3)) : m("", !0),
3815
3829
  !n.element.isTitleRenderedAsString && n.element.no ? (i(), l("span", {
3816
3830
  key: 2,
3817
3831
  style: { position: "static" },
3818
3832
  class: r(n.element.cssTitleNumber),
3819
3833
  "aria-hidden": !0
3820
- }, R(n.element.no), 3)) : m("", !0),
3834
+ }, T(n.element.no), 3)) : m("", !0),
3821
3835
  !n.element.isTitleRenderedAsString && n.element.no ? (i(), l("span", st, "\xA0")) : m("", !0),
3822
3836
  !n.element.isTitleRenderedAsString && n.element.isRequireTextBeforeTitle ? (i(), l("span", {
3823
3837
  key: 4,
3824
3838
  class: r(n.element.cssRequiredText),
3825
3839
  "aria-hidden": !0
3826
- }, R(n.element.requiredText), 3)) : m("", !0),
3840
+ }, T(n.element.requiredText), 3)) : m("", !0),
3827
3841
  !n.element.isTitleRenderedAsString && n.element.isRequireTextBeforeTitle ? (i(), l("span", nt, "\xA0")) : m("", !0),
3828
3842
  n.element.isTitleRenderedAsString ? m("", !0) : (i(), g(d, {
3829
3843
  key: 6,
@@ -3835,7 +3849,7 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
3835
3849
  key: 8,
3836
3850
  class: r(n.element.cssRequiredText),
3837
3851
  "aria-hidden": !0
3838
- }, R(n.element.requiredText), 3)) : m("", !0)
3852
+ }, T(n.element.requiredText), 3)) : m("", !0)
3839
3853
  ], 64));
3840
3854
  }
3841
3855
  }), it = { class: "sv-title-actions" }, rt = { class: "sv-title-actions__title" }, lt = /* @__PURE__ */ h({
@@ -3890,7 +3904,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
3890
3904
  },
3891
3905
  setup(u) {
3892
3906
  const e = u, n = I(), s = () => {
3893
- Ee(
3907
+ He(
3894
3908
  e.size,
3895
3909
  e.width,
3896
3910
  e.height,
@@ -3962,7 +3976,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
3962
3976
  class: r(o.model.getRootCss()),
3963
3977
  onClick: s
3964
3978
  }, [
3965
- (i(!0), l(T, null, $(k(t), (p) => (i(), g(d, {
3979
+ (i(!0), l(R, null, $(k(t), (p) => (i(), g(d, {
3966
3980
  is: "sv-action",
3967
3981
  key: p.id,
3968
3982
  item: p
@@ -4049,15 +4063,15 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4049
4063
  n.item.hasTitle ? (i(), l("span", {
4050
4064
  key: 1,
4051
4065
  class: r(n.item.getActionBarItemTitleCss())
4052
- }, R(n.item.title), 3)) : m("", !0)
4066
+ }, T(n.item.title), 3)) : m("", !0)
4053
4067
  ], 42, wt)), [
4054
4068
  [k(j), { processEsc: !1, disableTabStop: n.item.disableTabStop }]
4055
4069
  ]);
4056
4070
  }
4057
- }), Rt = ["disabled", "title", "role"], Tt = {
4071
+ }), Tt = ["disabled", "title", "role"], Rt = {
4058
4072
  inheritAttrs: !1
4059
4073
  }, $t = /* @__PURE__ */ h({
4060
- ...Tt,
4074
+ ...Rt,
4061
4075
  __name: "ActionBarItemDropdown",
4062
4076
  props: {
4063
4077
  item: {}
@@ -4073,7 +4087,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4073
4087
  () => {
4074
4088
  s.dispose();
4075
4089
  }
4076
- ), (t, o) => (i(), l(T, null, [
4090
+ ), (t, o) => (i(), l(R, null, [
4077
4091
  A((i(), l("button", {
4078
4092
  type: "button",
4079
4093
  class: r(t.item.getActionBarItemCss()),
@@ -4098,8 +4112,8 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4098
4112
  t.item.hasTitle ? (i(), l("span", {
4099
4113
  key: 1,
4100
4114
  class: r(t.item.getActionBarItemTitleCss())
4101
- }, R(t.item.title), 3)) : m("", !0)
4102
- ], 42, Rt)), [
4115
+ }, T(t.item.title), 3)) : m("", !0)
4116
+ ], 42, Tt)), [
4103
4117
  [k(j), { processEsc: !1, disableTabStop: t.item.disableTabStop }]
4104
4118
  ]),
4105
4119
  y(d, {
@@ -4184,9 +4198,9 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4184
4198
  v("div", {
4185
4199
  class: r(p.model.cssClasses.emptyText),
4186
4200
  "aria-label": p.model.emptyMessage
4187
- }, R(p.model.emptyMessage), 11, At)
4201
+ }, T(p.model.emptyMessage), 11, At)
4188
4202
  ], 2), [
4189
- [E, p.model.isEmpty]
4203
+ [H, p.model.isEmpty]
4190
4204
  ]),
4191
4205
  p.model.renderElements ? A((i(), l("ul", {
4192
4206
  key: 1,
@@ -4201,18 +4215,18 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4201
4215
  p.model.onKeyDown(c);
4202
4216
  })
4203
4217
  }, [
4204
- (i(!0), l(T, null, $(k(a), (c) => (i(), g(d, {
4218
+ (i(!0), l(R, null, $(k(a), (c) => (i(), g(d, {
4205
4219
  is: "sv-list-item",
4206
4220
  item: c,
4207
4221
  model: p.model,
4208
4222
  key: c.id
4209
4223
  }, null, 8, ["item", "model"]))), 128))
4210
4224
  ], 42, Lt)), [
4211
- [E, !p.model.isEmpty]
4225
+ [H, !p.model.isEmpty]
4212
4226
  ]) : m("", !0)
4213
4227
  ], 2));
4214
4228
  }
4215
- }), Pt = ["aria-selected", "id", "tabindex"], Mt = ["title"], Ht = /* @__PURE__ */ h({
4229
+ }), Pt = ["aria-selected", "id", "tabindex"], Mt = ["title"], Et = /* @__PURE__ */ h({
4216
4230
  __name: "ListItem",
4217
4231
  props: {
4218
4232
  model: {},
@@ -4258,11 +4272,11 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4258
4272
  }, null, 8, ["is", "item", "model"])
4259
4273
  ], 46, Mt)
4260
4274
  ], 42, Pt)), [
4261
- [E, o.model.isItemVisible(o.item)],
4275
+ [H, o.model.isItemVisible(o.item)],
4262
4276
  [k(j), { processEsc: !1, disableTabStop: o.item.disableTabStop }]
4263
4277
  ]);
4264
4278
  }
4265
- }), Et = /* @__PURE__ */ h({
4279
+ }), Ht = /* @__PURE__ */ h({
4266
4280
  __name: "ListItemContent",
4267
4281
  props: {
4268
4282
  model: {},
@@ -4270,7 +4284,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4270
4284
  },
4271
4285
  setup(u) {
4272
4286
  const e = u;
4273
- return D(() => e.item), (n, s) => (i(), l(T, null, [
4287
+ return D(() => e.item), (n, s) => (i(), l(R, null, [
4274
4288
  n.item.iconName ? (i(), g(d, {
4275
4289
  key: 0,
4276
4290
  is: "sv-svg-icon",
@@ -4299,7 +4313,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4299
4313
  },
4300
4314
  setup(u) {
4301
4315
  const e = u;
4302
- return D(() => e.item), (n, s) => (i(), l(T, null, [
4316
+ return D(() => e.item), (n, s) => (i(), l(R, null, [
4303
4317
  y(d, {
4304
4318
  is: "sv-list-item-content",
4305
4319
  item: n.item,
@@ -4394,7 +4408,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4394
4408
  model: s.model
4395
4409
  }, null, 8, ["is", "model"])) : m("", !0),
4396
4410
  v("div", Vt, [
4397
- s.model.title ? (i(), l("div", Ot, R(s.model.title), 1)) : m("", !0),
4411
+ s.model.title ? (i(), l("div", Ot, T(s.model.title), 1)) : m("", !0),
4398
4412
  v("div", zt, [
4399
4413
  v("div", Ut, [
4400
4414
  y(d, M({
@@ -4411,7 +4425,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4411
4425
  ])
4412
4426
  ], 4)
4413
4427
  ], 34)), [
4414
- [E, s.model.isVisible]
4428
+ [H, s.model.isVisible]
4415
4429
  ]);
4416
4430
  }
4417
4431
  }), jt = /* @__PURE__ */ h({
@@ -4439,19 +4453,19 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4439
4453
  const e = u, n = w(
4440
4454
  () => e.survey.getContainerContent(e.container)
4441
4455
  );
4442
- return (s, t) => n.value.length > 0 ? (i(), l(T, { key: 0 }, [
4456
+ return (s, t) => n.value.length > 0 ? (i(), l(R, { key: 0 }, [
4443
4457
  s.needRenderWrapper ? (i(), l("div", {
4444
4458
  key: 0,
4445
4459
  class: r(["sv-components-column", "sv-components-container-" + s.container])
4446
4460
  }, [
4447
- (i(!0), l(T, null, $(n.value, (o) => (i(), g(d, {
4461
+ (i(!0), l(R, null, $(n.value, (o) => (i(), g(d, {
4448
4462
  key: o.id,
4449
4463
  is: o.component,
4450
4464
  survey: s.survey,
4451
4465
  container: s.container,
4452
4466
  model: o.data
4453
4467
  }, null, 8, ["is", "survey", "container", "model"]))), 128))
4454
- ], 2)) : (i(!0), l(T, { key: 1 }, $(n.value, (o) => (i(), g(d, {
4468
+ ], 2)) : (i(!0), l(R, { key: 1 }, $(n.value, (o) => (i(), g(d, {
4455
4469
  key: o.id,
4456
4470
  is: o.component,
4457
4471
  survey: s.survey,
@@ -4482,11 +4496,11 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4482
4496
  }, [
4483
4497
  v("span", {
4484
4498
  class: r(s(o.survey.css))
4485
- }, R(o.survey.progressText), 3)
4499
+ }, T(o.survey.progressText), 3)
4486
4500
  ], 6),
4487
4501
  v("span", {
4488
4502
  class: r(t(o.survey.css))
4489
- }, R(o.survey.progressText), 3)
4503
+ }, T(o.survey.progressText), 3)
4490
4504
  ], 2));
4491
4505
  }
4492
4506
  }), Jt = ["title"], Xt = ["onClick", "data-page-number"], Yt = ["title"], Zt = ["title"], _t = ["title"], xt = /* @__PURE__ */ h({
@@ -4534,7 +4548,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4534
4548
  v("div", {
4535
4549
  class: r(C.survey.css.progressButtonsPageTitle),
4536
4550
  title: C.model.headerText
4537
- }, R(C.model.headerText), 11, Jt)
4551
+ }, T(C.model.headerText), 11, Jt)
4538
4552
  ], 2)) : m("", !0),
4539
4553
  v("div", {
4540
4554
  class: r(p.value.progressButtonsContainer)
@@ -4552,7 +4566,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4552
4566
  v("ul", {
4553
4567
  class: r(p.value.progressButtonsList)
4554
4568
  }, [
4555
- (i(!0), l(T, null, $(C.survey.visiblePages, (f, N) => (i(), l("li", {
4569
+ (i(!0), l(R, null, $(C.survey.visiblePages, (f, N) => (i(), l("li", {
4556
4570
  key: "listelement" + N,
4557
4571
  class: r(C.model.getListElementCss(N)),
4558
4572
  onClick: (b) => C.model.isListElementClickable(N) ? C.model.clickListElement(f) : null,
@@ -4575,7 +4589,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4575
4589
  key: 1,
4576
4590
  class: r(p.value.progressButtonsPageDescription),
4577
4591
  title: f.locNavigationDescription.renderedHtml
4578
- }, R(f.locNavigationDescription.renderedHtml), 11, Zt)) : m("", !0),
4592
+ }, T(f.locNavigationDescription.renderedHtml), 11, Zt)) : m("", !0),
4579
4593
  v("div", {
4580
4594
  class: r(p.value.progressButtonsButton)
4581
4595
  }, [
@@ -4585,7 +4599,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4585
4599
  v("div", {
4586
4600
  class: r(p.value.progressButtonsButtonContent)
4587
4601
  }, null, 2),
4588
- v("span", null, R(C.model.getItemNumber(f)), 1)
4602
+ v("span", null, T(C.model.getItemNumber(f)), 1)
4589
4603
  ], 2)
4590
4604
  ], 10, Xt))), 128))
4591
4605
  ], 2)
@@ -4603,7 +4617,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4603
4617
  v("div", {
4604
4618
  class: r(C.survey.css.progressButtonsPageTitle),
4605
4619
  title: C.model.footerText
4606
- }, R(C.model.footerText), 11, _t)
4620
+ }, T(C.model.footerText), 11, _t)
4607
4621
  ], 2)) : m("", !0)
4608
4622
  ], 6));
4609
4623
  }
@@ -4661,8 +4675,8 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4661
4675
  if (!!N) {
4662
4676
  var b = n.value;
4663
4677
  b && N.afterRenderSurvey(b), N.renderCallback = () => {
4664
- var H, re;
4665
- t.value++, (re = (H = qe()) == null ? void 0 : H.proxy) == null || re.$forceUpdate();
4678
+ var E, re;
4679
+ t.value++, (re = (E = qe()) == null ? void 0 : E.proxy) == null || re.$forceUpdate();
4666
4680
  }, N.startTimerFromUI();
4667
4681
  }
4668
4682
  };
@@ -4800,7 +4814,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4800
4814
  o.value.state === "empty" ? (i(), l("div", {
4801
4815
  key: 5,
4802
4816
  class: r(c.value.bodyEmpty)
4803
- }, R(o.value.emptySurveyText), 3)) : m("", !0)
4817
+ }, T(o.value.emptySurveyText), 3)) : m("", !0)
4804
4818
  ], 2)
4805
4819
  ]),
4806
4820
  y(d, {
@@ -4824,7 +4838,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4824
4838
  role: "alert",
4825
4839
  "aria-live": "polite"
4826
4840
  }, [
4827
- v("span", null, R(n.model.message), 1),
4841
+ v("span", null, T(n.model.message), 1),
4828
4842
  y(d, {
4829
4843
  is: "sv-action-bar",
4830
4844
  model: n.model.actionBar
@@ -4840,7 +4854,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4840
4854
  return (e, n) => (i(), l("div", {
4841
4855
  class: r(e.question.getCommentAreaCss(!0))
4842
4856
  }, [
4843
- e.question.isReadOnlyRenderDiv() ? (i(), l("div", mi, R(e.question.otherValue), 1)) : (i(), g(d, {
4857
+ e.question.isReadOnlyRenderDiv() ? (i(), l("div", mi, T(e.question.otherValue), 1)) : (i(), g(d, {
4844
4858
  key: 1,
4845
4859
  is: "sv-text-area",
4846
4860
  model: e.question.otherTextAreaModel
@@ -4919,7 +4933,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
4919
4933
  n.value.isCollapsed && !!n.value.locTitle ? (i(), l("div", {
4920
4934
  key: 0,
4921
4935
  class: r(n.value.cssHeaderTitleCollapsed)
4922
- }, R(n.value.locTitle.renderedHtml), 3)) : m("", !0),
4936
+ }, T(n.value.locTitle.renderedHtml), 3)) : m("", !0),
4923
4937
  v("div", {
4924
4938
  class: r(n.value.cssHeaderButtonsContainer)
4925
4939
  }, [
@@ -5111,7 +5125,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
5111
5125
  const e = u;
5112
5126
  return D(() => e.counter), (n, s) => (i(), l("div", {
5113
5127
  class: r(n.remainingCharacterCounter)
5114
- }, R(n.counter.remainingCharacterCounter), 3));
5128
+ }, T(n.counter.remainingCharacterCounter), 3));
5115
5129
  }
5116
5130
  }), ki = /* @__PURE__ */ h({
5117
5131
  inheritAttrs: !1,
@@ -5174,23 +5188,23 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
5174
5188
  }, [
5175
5189
  v("span", {
5176
5190
  class: r(t.model.majorTextCss)
5177
- }, R(t.model.clockMajorText), 3),
5191
+ }, T(t.model.clockMajorText), 3),
5178
5192
  t.model.clockMinorText ? (i(), l("span", {
5179
5193
  key: 0,
5180
5194
  class: r(t.model.minorTextCss)
5181
- }, R(t.model.clockMinorText), 3)) : m("", !0)
5195
+ }, T(t.model.clockMinorText), 3)) : m("", !0)
5182
5196
  ], 2)
5183
5197
  ], 2)) : A((i(), l("div", {
5184
5198
  key: 1,
5185
5199
  class: r(t.model.survey.getCss().timerRoot)
5186
- }, R(s.value), 3)), [
5187
- [E, t.model.isRunning && !t.model.showTimerAsClock]
5200
+ }, T(s.value), 3)), [
5201
+ [H, t.model.isRunning && !t.model.showTimerAsClock]
5188
5202
  ]);
5189
5203
  }
5190
- }), Ri = { class: "sd-loading-indicator" }, Ti = /* @__PURE__ */ h({
5204
+ }), Ti = { class: "sd-loading-indicator" }, Ri = /* @__PURE__ */ h({
5191
5205
  __name: "LoadingIndicator",
5192
5206
  setup(u) {
5193
- return (e, n) => (i(), l("div", Ri, [
5207
+ return (e, n) => (i(), l("div", Ti, [
5194
5208
  y(d, {
5195
5209
  is: "sv-svg-icon",
5196
5210
  iconName: "icon-loading",
@@ -5224,7 +5238,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
5224
5238
  class: r(n.model.contentClasses),
5225
5239
  style: S({ maxWidth: n.model.maxWidth })
5226
5240
  }, [
5227
- (i(!0), l(T, null, $(n.model.cells, (t, o) => (i(), g(d, {
5241
+ (i(!0), l(R, null, $(n.model.cells, (t, o) => (i(), g(d, {
5228
5242
  is: "sv-header-cell",
5229
5243
  model: t,
5230
5244
  key: o
@@ -5301,7 +5315,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
5301
5315
  }), Ni = { class: "sv-header--mobile" }, Pi = {
5302
5316
  key: 0,
5303
5317
  class: "sv-header__logo"
5304
- }, Mi = ["src", "width", "height", "alt"], Hi = /* @__PURE__ */ h({
5318
+ }, Mi = ["src", "width", "height", "alt"], Ei = /* @__PURE__ */ h({
5305
5319
  __name: "HeaderMobile",
5306
5320
  props: {
5307
5321
  model: {}
@@ -5350,7 +5364,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
5350
5364
  ], 4)) : m("", !0)
5351
5365
  ]));
5352
5366
  }
5353
- }), Ei = /* @__PURE__ */ h({
5367
+ }), Hi = /* @__PURE__ */ h({
5354
5368
  __name: "Element",
5355
5369
  props: {
5356
5370
  element: {},
@@ -5431,7 +5445,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
5431
5445
  class: r(e.css),
5432
5446
  onClick: n[0] || (n[0] = (...s) => e.question.doClean && e.question.doClean(...s))
5433
5447
  }, [
5434
- v("span", null, R(e.question.clearButtonCaption), 1),
5448
+ v("span", null, T(e.question.clearButtonCaption), 1),
5435
5449
  e.question.cssClasses.removeButtonIconId ? (i(), g(d, {
5436
5450
  key: 0,
5437
5451
  is: "sv-svg-icon",
@@ -5497,7 +5511,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
5497
5511
  iconName: n.value.cssClasses.chooseFileIconId,
5498
5512
  size: "auto"
5499
5513
  }, null, 8, ["title", "iconName"])) : m("", !0),
5500
- v("span", null, R(n.value.chooseButtonText), 1)
5514
+ v("span", null, T(n.value.chooseButtonText), 1)
5501
5515
  ], 10, zi)), [
5502
5516
  [k(j)]
5503
5517
  ]);
@@ -5512,13 +5526,13 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
5512
5526
  key: 0,
5513
5527
  class: r(e.question.cssClasses.fileList || void 0)
5514
5528
  }, [
5515
- e.question.supportFileNavigator ? (i(!0), l(T, { key: 0 }, $(e.question.renderedPages, (s) => (i(), g(d, {
5529
+ e.question.supportFileNavigator ? (i(!0), l(R, { key: 0 }, $(e.question.renderedPages, (s) => (i(), g(d, {
5516
5530
  is: "sv-file-page",
5517
5531
  key: s.id,
5518
5532
  page: s,
5519
5533
  question: e.question
5520
5534
  }, null, 8, ["page", "question"]))), 128)) : m("", !0),
5521
- e.question.supportFileNavigator ? m("", !0) : (i(!0), l(T, { key: 1 }, $(e.question.previewValue, (s) => (i(), g(d, {
5535
+ e.question.supportFileNavigator ? m("", !0) : (i(!0), l(R, { key: 1 }, $(e.question.previewValue, (s) => (i(), g(d, {
5522
5536
  is: "sv-file-item",
5523
5537
  key: s,
5524
5538
  item: s,
@@ -5539,7 +5553,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
5539
5553
  ref_key: "root",
5540
5554
  ref: n
5541
5555
  }, [
5542
- (i(!0), l(T, null, $(s.question.visibleChoices, (o, a) => (i(), g(d, {
5556
+ (i(!0), l(R, null, $(s.question.visibleChoices, (o, a) => (i(), g(d, {
5543
5557
  is: "sv-button-group-item",
5544
5558
  question: s.question,
5545
5559
  key: a,
@@ -5645,7 +5659,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
5645
5659
  ref_key: "root",
5646
5660
  ref: e
5647
5661
  }, null, 512)), [
5648
- [E, !1]
5662
+ [H, !1]
5649
5663
  ]);
5650
5664
  }
5651
5665
  }), xi = ["id"], er = /* @__PURE__ */ h({
@@ -5660,7 +5674,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
5660
5674
  class: r(n.page.css),
5661
5675
  id: n.page.id
5662
5676
  }, [
5663
- (i(!0), l(T, null, $(n.page.items, (t) => (i(), g(d, {
5677
+ (i(!0), l(R, null, $(n.page.items, (t) => (i(), g(d, {
5664
5678
  is: "sv-file-item",
5665
5679
  key: t,
5666
5680
  item: t,
@@ -5689,7 +5703,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
5689
5703
  title: e.item.name,
5690
5704
  download: e.item.name,
5691
5705
  style: S({ width: e.question.imageWidth })
5692
- }, R(e.item.name), 13, sr)
5706
+ }, T(e.item.name), 13, sr)
5693
5707
  ], 2)) : m("", !0),
5694
5708
  v("div", {
5695
5709
  class: r(e.question.getImageWrapperCss(e.item))
@@ -5717,7 +5731,7 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
5717
5731
  }, [
5718
5732
  v("span", {
5719
5733
  class: r(e.question.cssClasses.removeFile)
5720
- }, R(e.question.removeFileCaption), 3),
5734
+ }, T(e.question.removeFileCaption), 3),
5721
5735
  e.question.cssClasses.removeFileSvgIconId ? (i(), g(d, {
5722
5736
  key: 0,
5723
5737
  is: "sv-svg-icon",
@@ -5738,10 +5752,10 @@ const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use
5738
5752
  title: e.item.name,
5739
5753
  download: e.item.name,
5740
5754
  style: S({ width: e.question.imageWidth })
5741
- }, R(e.item.name), 13, or)
5755
+ }, T(e.item.name), 13, or)
5742
5756
  ], 2)) : m("", !0)
5743
5757
  ], 2)), [
5744
- [E, e.item]
5758
+ [H, e.item]
5745
5759
  ]);
5746
5760
  }
5747
5761
  });
@@ -5754,7 +5768,7 @@ function be(u) {
5754
5768
  void 0,
5755
5769
  u
5756
5770
  );
5757
- e("sv-svg-bundle", _i), e("popup-survey", Ce), e("survey-header", xe), e("sv-logo-image", Zi), e("survey-page", _e), e("survey-row", es), e("survey-question", ts), e("survey-panel", as), e("survey-element-header", ds), e("survey-string", ms), e("sv-string-viewer", cs), e("sv-string-editor", qs), e("sv-skeleton", ys), e("survey-text", bs), e("survey-text-input", ws), e("survey-checkbox", $s), e("survey-checkbox-item", As), e("survey-radiogroup", Ls), e("survey-radiogroup-item", Ms), e("survey-signaturepad", Fs), e("survey-html", Os), e("survey-image", Qs), e("survey-expression", js), e("survey-file", Ys), e("sv-file-choose-btn", Ui), e("sv-file-clean-btn", Fi), e("sv-file-preview", Ki), e("sv-file-page", er), e("sv-file-item", tr), e("sv-file-video", Oi), e("survey-imagepicker", _s), e("survey-imagepicker-item", on), e("survey-comment", tn), e("survey-dropdown", rn), e("sv-dropdown-select", dn), e("sv-dropdown-option-item", pn), e("sv-dropdown", yn), e("survey-tagbox", hn), e("sv-tagbox", kn), e("sv-tagbox-item", Rn), e("sv-tagbox-filter", In), e("survey-ranking", Tn), e("survey-ranking-item", Nn), e("sv-ranking-item", Pn), e("survey-rating", En), e("sv-rating-item", Vn), e("sv-rating-item-smiley", zn), e("sv-rating-item-star", Kn), e("sv-rating-dropdown", Xn), e("sv-rating-dropdown-item", Jn), e("survey-boolean", Zn), e("sv-boolean-radio", _n), e("sv-boolean-radio-item", so), e("sv-boolean-checkbox", lo), e("survey-multipletext", ao), e("survey-multipletext-item", mo), e("survey-matrix", yo), e("survey-matrix-row", Co), e("survey-matrix-cell", fo), e("survey-matrixdropdown", wo), e("survey-matrixtable", Ro), e("survey-matrixheaderrequired", $o), e("survey-matrixdropdown-cell", Bo), e("survey-matrixdynamic", Ao), e("sv-matrix-remove-button", No), e("sv-matrix-drag-drop-icon", Mo), e("sv-matrix-detail-button", Eo), e("survey-paneldynamic", Wo), e("survey-paneldynamicprogress", Fo), e("survey-paneldynamicprogress-v2", Vo), e("sv-paneldynamic-add-btn", zo), e("sv-paneldynamic-next-btn", Ko), e("sv-paneldynamic-prev-btn", jo), e("sv-paneldynamic-remove-btn", Jo), e("sv-paneldynamic-progress-text", Xo), e("sv-components-container", Gt), e("sv-progress-buttons", xt), e("sv-navigation-toc", ei), e("sv-progress-pages", X), e("sv-progress-questions", X), e("sv-progress-correctquestions", X), e("sv-progress-requiredquestions", X), e("survey-errors", Zo), e("survey-question-comment", xo), e("survey-element-title", et), e("survey-element-title-content", tt), e("sv-title-actions", lt), e("sv-brand-info", vt), e("sv-question-error", ht), e("sv-svg-icon", yt), e("sv-action-bar", Ct), e("sv-action", ft), e("sv-action-bar-item", St), e("sv-action-bar-item-dropdown", $t), e("sv-action-bar-separator", Dt), e("sv-list", Nt), e("sv-list-item-content", Et), e("sv-list-item-group", Wt), e("sv-list-item", Ht), e("sv-popup", Ft), e("sv-popup-container", Qt), e("popup-pointer", jt), e("sv-notifier", di), e("survey-other-choice", pi), e("sv-nav-btn", vi), e("survey-customwidget", gi), e("survey-popup-modal", yi), e("survey-composite", ki), e("survey-custom", fi), e("sv-timerpanel", Si), e("sv-loading-indicator", Ti), e("sv-header", Di), e("sv-header-cell", Li), e("sv-header-mobile", Hi), e("sv-template-renderer", Wi), e("sv-character-counter", bi), e("sv-text-area", Ci), e("survey-element", Ei), e("survey-buttongroup", Qi), e("sv-button-group-item", Xi), e("survey", te);
5771
+ e("sv-svg-bundle", _i), e("popup-survey", Ce), e("survey-header", xe), e("sv-logo-image", Zi), e("survey-page", _e), e("survey-row", es), e("survey-question", ts), e("survey-panel", as), e("survey-element-header", ds), e("survey-string", ms), e("sv-string-viewer", cs), e("sv-string-editor", qs), e("sv-skeleton", ys), e("survey-text", bs), e("survey-text-input", ws), e("survey-checkbox", $s), e("survey-checkbox-item", As), e("survey-radiogroup", Ls), e("survey-radiogroup-item", Ms), e("survey-signaturepad", Fs), e("survey-html", Os), e("survey-image", Qs), e("survey-expression", js), e("survey-file", Ys), e("sv-file-choose-btn", Ui), e("sv-file-clean-btn", Fi), e("sv-file-preview", Ki), e("sv-file-page", er), e("sv-file-item", tr), e("sv-file-video", Oi), e("survey-imagepicker", _s), e("survey-imagepicker-item", on), e("survey-comment", tn), e("survey-dropdown", rn), e("sv-dropdown-select", dn), e("sv-dropdown-option-item", pn), e("sv-dropdown", yn), e("survey-tagbox", hn), e("sv-tagbox", kn), e("sv-tagbox-item", Tn), e("sv-tagbox-filter", In), e("survey-ranking", Rn), e("survey-ranking-item", Nn), e("sv-ranking-item", Pn), e("survey-rating", Hn), e("sv-rating-item", Vn), e("sv-rating-item-smiley", zn), e("sv-rating-item-star", Kn), e("sv-rating-dropdown", Xn), e("sv-rating-dropdown-item", Jn), e("survey-boolean", Zn), e("sv-boolean-radio", _n), e("sv-boolean-radio-item", so), e("sv-boolean-checkbox", lo), e("survey-multipletext", ao), e("survey-multipletext-item", mo), e("survey-matrix", yo), e("survey-matrix-row", Co), e("survey-matrix-cell", fo), e("survey-matrixdropdown", wo), e("survey-matrixtable", To), e("survey-matrixheaderrequired", $o), e("survey-matrixdropdown-cell", Bo), e("survey-matrixdynamic", Ao), e("sv-matrix-remove-button", No), e("sv-matrix-drag-drop-icon", Mo), e("sv-matrix-detail-button", Ho), e("survey-paneldynamic", Wo), e("survey-paneldynamicprogress", Fo), e("survey-paneldynamicprogress-v2", Vo), e("sv-paneldynamic-add-btn", zo), e("sv-paneldynamic-next-btn", Ko), e("sv-paneldynamic-prev-btn", jo), e("sv-paneldynamic-remove-btn", Jo), e("sv-paneldynamic-progress-text", Xo), e("sv-components-container", Gt), e("sv-progress-buttons", xt), e("sv-navigation-toc", ei), e("sv-progress-pages", X), e("sv-progress-questions", X), e("sv-progress-correctquestions", X), e("sv-progress-requiredquestions", X), e("survey-errors", Zo), e("survey-question-comment", xo), e("survey-element-title", et), e("survey-element-title-content", tt), e("sv-title-actions", lt), e("sv-brand-info", vt), e("sv-question-error", ht), e("sv-svg-icon", yt), e("sv-action-bar", Ct), e("sv-action", ft), e("sv-action-bar-item", St), e("sv-action-bar-item-dropdown", $t), e("sv-action-bar-separator", Dt), e("sv-list", Nt), e("sv-list-item-content", Ht), e("sv-list-item-group", Wt), e("sv-list-item", Et), e("sv-popup", Ft), e("sv-popup-container", Qt), e("popup-pointer", jt), e("sv-notifier", di), e("survey-other-choice", pi), e("sv-nav-btn", vi), e("survey-customwidget", gi), e("survey-popup-modal", yi), e("survey-composite", ki), e("survey-custom", fi), e("sv-timerpanel", Si), e("sv-loading-indicator", Ri), e("sv-header", Di), e("sv-header-cell", Li), e("sv-header-mobile", Ei), e("sv-template-renderer", Wi), e("sv-character-counter", bi), e("sv-text-area", Ci), e("survey-element", Hi), e("survey-buttongroup", Qi), e("sv-button-group-item", Xi), e("survey", te);
5758
5772
  }
5759
5773
  be(
5760
5774
  (u, e) => U.Instance.registerComponent(u, e)