survey-vue3-ui 1.9.102 → 1.9.104

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/survey-vue3-ui.es.js +109 -109
  3. package/survey-vue3-ui.umd.js +1 -1
package/survey-vue3-ui.es.js CHANGED
@@ -1,5 +1,5 @@
1
- import { shallowReactive as me, watch as G, onBeforeUnmount as U, onMounted as E, ref as S, shallowRef as F, triggerRef as ne, unref as b, isRef as ce, defineComponent as C, computed as R, onUpdated as K, resolveComponent as q, openBlock as t, createElementBlock as u, normalizeClass as l, createVNode as h, createCommentVNode as m, Fragment as w, renderList as T, createBlock as y, createElementVNode as p, normalizeStyle as $, onUnmounted as O, withDirectives as D, resolveDynamicComponent as N, vShow as H, toDisplayString as I, vModelCheckbox as z, vModelRadio as Y, resolveDirective as _, vModelSelect as pe, vModelText as ve, getCurrentInstance as x, withCtx as qe, createStaticVNode as ye, normalizeProps as ge, guardReactiveProps as Ce, toRaw as he, Teleport as be } from "vue";
2
- import { Base as ke, RendererFactory as X, DropdownListModel as fe, Helpers as Ie, DropdownMultiSelectListModel as we, TooltipManager as Se, doKey2ClickUp as ue, createSvg as Te, ActionDropdownViewModel as Re, getActionDropdownButtonTarget as $e, createPopupViewModel as oe, SurveyProgressModel as te, SurveyProgressButtonsModel as Be, TOCModel as Le, SvgRegistry as De, PopupSurveyModel as Pe, settings as V, createDialogOptions as Me, createPopupModalViewModel as Ne, doKey2ClickDown as He, doKey2ClickBlur as Ee } from "survey-core";
1
+ import { shallowReactive as me, watch as G, onBeforeUnmount as U, onMounted as E, ref as T, shallowRef as F, triggerRef as ne, unref as b, isRef as ce, defineComponent as C, computed as R, onUpdated as K, 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 $, onUnmounted as O, withDirectives as D, resolveDynamicComponent as N, vShow as H, toDisplayString as I, vModelCheckbox as z, vModelRadio as Y, resolveDirective as _, vModelSelect as pe, vModelText as ve, getCurrentInstance as x, withCtx as qe, createStaticVNode as ye, normalizeProps as ge, guardReactiveProps as Ce, toRaw as he, Teleport as be } from "vue";
2
+ import { Base as ke, RendererFactory as X, DropdownListModel as fe, Helpers as Ie, DropdownMultiSelectListModel as we, TooltipManager as Te, doKey2ClickUp as ue, createSvg as Se, ActionDropdownViewModel as Re, getActionDropdownButtonTarget as $e, createPopupViewModel as oe, SurveyProgressModel as te, SurveyProgressButtonsModel as Be, TOCModel as Le, SvgRegistry as De, PopupSurveyModel as Pe, settings as V, createDialogOptions as Me, createPopupModalViewModel as Ne, doKey2ClickDown as He, doKey2ClickBlur as Ee } from "survey-core";
3
3
  ke.createPropertiesHash = () => me({});
4
4
  function Ae(r) {
5
5
  return !r || r.__vueImplemented ? !1 : (r.createArrayCoreHandler = (o, n) => {
@@ -47,7 +47,7 @@ function M(r, o, n, s) {
47
47
  });
48
48
  }
49
49
  function W(r) {
50
- const o = S(), n = (e) => {
50
+ const o = T(), n = (e) => {
51
51
  o.value = e.renderedHtml, e.onChanged = () => {
52
52
  o.value = e.renderedHtml;
53
53
  };
@@ -74,7 +74,7 @@ const Oe = /* @__PURE__ */ C({
74
74
  css: {}
75
75
  },
76
76
  setup(r) {
77
- const o = r, n = S(null);
77
+ const o = r, n = T(null);
78
78
  B(() => o.page);
79
79
  const s = R(() => o.page._showDescription), e = R(() => o.page.rows);
80
80
  return E(() => {
@@ -100,7 +100,7 @@ const Oe = /* @__PURE__ */ C({
100
100
  locString: i.page.locDescription
101
101
  }, null, 8, ["locString"])
102
102
  ], 2)) : m("", !0),
103
- (t(!0), u(w, null, T(e.value, (f, g) => (t(), u(w, null, [
103
+ (t(!0), u(w, null, S(e.value, (f, g) => (t(), u(w, null, [
104
104
  f.visible ? (t(), y(v, {
105
105
  key: i.page.id + "_" + g,
106
106
  row: f,
@@ -117,7 +117,7 @@ const Oe = /* @__PURE__ */ C({
117
117
  survey: {}
118
118
  },
119
119
  setup(r) {
120
- const o = r, n = S(), s = W(() => o.survey.locLogo);
120
+ const o = r, n = T(), s = W(() => o.survey.locLogo);
121
121
  return E(() => {
122
122
  var e = n.value;
123
123
  e && o.survey && o.survey.afterRenderHeader(e);
@@ -197,7 +197,7 @@ const Oe = /* @__PURE__ */ C({
197
197
  setup(r) {
198
198
  const o = r, n = R(
199
199
  () => o.row.visibleElements
200
- ), s = S();
200
+ ), s = T();
201
201
  return B(() => o.row), E(() => {
202
202
  if (o.row && !o.row.isNeedRender) {
203
203
  const e = s.value;
@@ -215,7 +215,7 @@ const Oe = /* @__PURE__ */ C({
215
215
  ref_key: "root",
216
216
  ref: s
217
217
  }, [
218
- (t(!0), u(w, null, T(n.value, (c) => (t(), u("div", {
218
+ (t(!0), u(w, null, S(n.value, (c) => (t(), u("div", {
219
219
  style: $(c.rootStyle)
220
220
  }, [
221
221
  c.isPanel ? m("", !0) : (t(), y(a, {
@@ -244,7 +244,7 @@ const Oe = /* @__PURE__ */ C({
244
244
  css: {}
245
245
  },
246
246
  setup(r) {
247
- const o = r, n = S(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;
247
+ 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;
248
248
  return B(() => o.element), E(() => {
249
249
  o.element.isPanel || o.element.afterRender(n.value);
250
250
  }), (d, c) => {
@@ -345,7 +345,7 @@ const Oe = /* @__PURE__ */ C({
345
345
  css: {}
346
346
  },
347
347
  setup(r) {
348
- const o = r, n = S(!1), s = S(null), e = R(() => o.question.rows), i = R(() => o.question.survey), a = R(() => n.value);
348
+ const o = r, n = T(!1), s = T(null), e = R(() => o.question.rows), i = R(() => o.question.survey), a = R(() => n.value);
349
349
  return B(() => o.question), E(() => {
350
350
  o.question.survey && o.question.survey.afterRenderPanel(o.question, s.value), n.value = o.question.isCollapsed;
351
351
  const d = o.question;
@@ -383,7 +383,7 @@ const Oe = /* @__PURE__ */ C({
383
383
  style: $({ paddingLeft: d.question.innerPaddingLeft }),
384
384
  class: l(d.question.cssClasses.panel.content)
385
385
  }, [
386
- (t(!0), u(w, null, T(e.value, (P, L) => (t(), u(w, null, [
386
+ (t(!0), u(w, null, S(e.value, (P, L) => (t(), u(w, null, [
387
387
  P.visible ? (t(), y(g, {
388
388
  key: d.question.id + "_" + L,
389
389
  row: P,
@@ -506,7 +506,7 @@ const Oe = /* @__PURE__ */ C({
506
506
  question: {}
507
507
  },
508
508
  setup(r) {
509
- const o = r, n = S(null);
509
+ const o = r, n = T(null);
510
510
  return M(o, n), (s, e) => {
511
511
  const i = q("survey-text-input");
512
512
  return s.question.isReadOnlyRenderDiv() ? (t(), u("div", {
@@ -522,7 +522,7 @@ const Oe = /* @__PURE__ */ C({
522
522
  p("datalist", {
523
523
  id: s.question.dataListId
524
524
  }, [
525
- (t(!0), u(w, null, T(s.question.dataList, (a) => (t(), u("option", { value: a }, null, 8, ts))), 256))
525
+ (t(!0), u(w, null, S(s.question.dataList, (a) => (t(), u("option", { value: a }, null, 8, ts))), 256))
526
526
  ], 8, os)
527
527
  ], 512)) : (t(), y(i, {
528
528
  key: 2,
@@ -613,7 +613,7 @@ const Oe = /* @__PURE__ */ C({
613
613
  question: {}
614
614
  },
615
615
  setup(r) {
616
- const o = r, n = S(null);
616
+ const o = r, n = T(null);
617
617
  return M(o, n), (s, e) => {
618
618
  const i = q("survey-checkbox-item"), a = q("survey-other-choice");
619
619
  return t(), u("fieldset", {
@@ -621,14 +621,14 @@ const Oe = /* @__PURE__ */ C({
621
621
  role: "presentation"
622
622
  }, [
623
623
  ds,
624
- s.question.hasHeadItems ? (t(!0), u(w, { key: 0 }, T(s.question.headItems, (d, c) => (t(), y(i, {
624
+ s.question.hasHeadItems ? (t(!0), u(w, { key: 0 }, S(s.question.headItems, (d, c) => (t(), y(i, {
625
625
  key: d.value,
626
626
  class: l(s.question.getItemClass(d)),
627
627
  question: s.question,
628
628
  item: d,
629
629
  index: "" + c
630
630
  }, null, 8, ["class", "question", "item", "index"]))), 128)) : m("", !0),
631
- !s.question.hasColumns && !s.question.blockedRow ? (t(!0), u(w, { key: 1 }, T(s.question.bodyItems, (d, c) => (t(), y(i, {
631
+ !s.question.hasColumns && !s.question.blockedRow ? (t(!0), u(w, { key: 1 }, S(s.question.bodyItems, (d, c) => (t(), y(i, {
632
632
  key: d.value,
633
633
  class: l(s.question.getItemClass(d)),
634
634
  question: s.question,
@@ -639,7 +639,7 @@ const Oe = /* @__PURE__ */ C({
639
639
  key: 2,
640
640
  class: l(s.question.cssClasses.rootRow)
641
641
  }, [
642
- !s.question.hasColumns && s.question.blockedRow ? (t(!0), u(w, { key: 0 }, T(s.question.dataChoices, (d, c) => (t(), y(i, {
642
+ !s.question.hasColumns && s.question.blockedRow ? (t(!0), u(w, { key: 0 }, S(s.question.dataChoices, (d, c) => (t(), y(i, {
643
643
  key: d.value,
644
644
  class: l(s.question.getItemClass(d)),
645
645
  question: s.question,
@@ -651,12 +651,12 @@ const Oe = /* @__PURE__ */ C({
651
651
  key: 3,
652
652
  class: l(s.question.cssClasses.rootMultiColumn)
653
653
  }, [
654
- (t(!0), u(w, null, T(s.question.columns, (d, c) => (t(), u("div", {
654
+ (t(!0), u(w, null, S(s.question.columns, (d, c) => (t(), u("div", {
655
655
  key: c,
656
656
  class: l(s.question.getColumnClass()),
657
657
  role: "presentation"
658
658
  }, [
659
- (t(!0), u(w, null, T(d, (v, f) => (t(), y(i, {
659
+ (t(!0), u(w, null, S(d, (v, f) => (t(), y(i, {
660
660
  key: v.value,
661
661
  class: l(s.question.getItemClass(v)),
662
662
  question: s.question,
@@ -665,7 +665,7 @@ const Oe = /* @__PURE__ */ C({
665
665
  }, null, 8, ["class", "question", "item", "index"]))), 128))
666
666
  ], 2))), 128))
667
667
  ], 2)) : m("", !0),
668
- s.question.hasFootItems ? (t(!0), u(w, { key: 4 }, T(s.question.footItems, (d, c) => (t(), y(i, {
668
+ s.question.hasFootItems ? (t(!0), u(w, { key: 4 }, S(s.question.footItems, (d, c) => (t(), y(i, {
669
669
  key: d.value,
670
670
  class: l(s.question.getItemClass(d)),
671
671
  question: s.question,
@@ -763,7 +763,7 @@ const Oe = /* @__PURE__ */ C({
763
763
  question: {}
764
764
  },
765
765
  setup(r) {
766
- const o = r, n = S(null);
766
+ const o = r, n = T(null);
767
767
  return M(o, n), (s, e) => {
768
768
  const i = q("survey-radiogroup-item"), a = q("survey-other-choice");
769
769
  return t(), u("fieldset", {
@@ -772,7 +772,7 @@ const Oe = /* @__PURE__ */ C({
772
772
  ref_key: "root",
773
773
  ref: n
774
774
  }, [
775
- !s.question.hasColumns && !s.question.blockedRow ? (t(!0), u(w, { key: 0 }, T(s.question.visibleChoices, (d, c) => (t(), y(i, {
775
+ !s.question.hasColumns && !s.question.blockedRow ? (t(!0), u(w, { key: 0 }, S(s.question.visibleChoices, (d, c) => (t(), y(i, {
776
776
  key: d.value,
777
777
  class: l(s.question.getItemClass(d)),
778
778
  question: s.question,
@@ -783,7 +783,7 @@ const Oe = /* @__PURE__ */ C({
783
783
  key: 1,
784
784
  class: l(s.question.cssClasses.rootRow)
785
785
  }, [
786
- !s.question.hasColumns && s.question.blockedRow ? (t(!0), u(w, { key: 0 }, T(s.question.dataChoices, (d, c) => (t(), y(i, {
786
+ !s.question.hasColumns && s.question.blockedRow ? (t(!0), u(w, { key: 0 }, S(s.question.dataChoices, (d, c) => (t(), y(i, {
787
787
  key: d.value,
788
788
  class: l(s.question.getItemClass(d)),
789
789
  question: s.question,
@@ -795,11 +795,11 @@ const Oe = /* @__PURE__ */ C({
795
795
  key: 2,
796
796
  class: l(s.question.cssClasses.rootMultiColumn)
797
797
  }, [
798
- s.question.hasColumns ? (t(!0), u(w, { key: 0 }, T(s.question.columns, (d, c) => (t(), u("div", {
798
+ s.question.hasColumns ? (t(!0), u(w, { key: 0 }, S(s.question.columns, (d, c) => (t(), u("div", {
799
799
  class: l(s.question.getColumnClass()),
800
800
  role: "presentation"
801
801
  }, [
802
- (t(!0), u(w, null, T(d, (v, f) => (t(), y(i, {
802
+ (t(!0), u(w, null, S(d, (v, f) => (t(), y(i, {
803
803
  key: v.value,
804
804
  class: l(s.question.getItemClass(v)),
805
805
  question: s.question,
@@ -808,7 +808,7 @@ const Oe = /* @__PURE__ */ C({
808
808
  }, null, 8, ["class", "question", "item", "index"]))), 128))
809
809
  ], 2))), 256)) : m("", !0)
810
810
  ], 2)) : m("", !0),
811
- s.question.hasFootItems ? (t(!0), u(w, { key: 3 }, T(s.question.footItems, (d, c) => (t(), y(i, {
811
+ s.question.hasFootItems ? (t(!0), u(w, { key: 3 }, S(s.question.footItems, (d, c) => (t(), y(i, {
812
812
  key: d.value,
813
813
  class: l(s.question.getItemClass(d)),
814
814
  question: s.question,
@@ -832,7 +832,7 @@ const Oe = /* @__PURE__ */ C({
832
832
  ], 2);
833
833
  };
834
834
  }
835
- }), ks = { role: "presentation" }, fs = ["aria-label"], Is = ["name", "value", "id", "aria-describedby", "disabled"], ws = ["xlink:href"], Ss = /* @__PURE__ */ C({
835
+ }), ks = { role: "presentation" }, fs = ["aria-label"], Is = ["name", "value", "id", "aria-describedby", "disabled"], ws = ["xlink:href"], Ts = /* @__PURE__ */ C({
836
836
  __name: "RadiogroupItem",
837
837
  props: {
838
838
  question: {},
@@ -887,7 +887,7 @@ const Oe = /* @__PURE__ */ C({
887
887
  ]);
888
888
  };
889
889
  }
890
- }), Ts = /* @__PURE__ */ p("div", null, [
890
+ }), Ss = /* @__PURE__ */ p("div", null, [
891
891
  /* @__PURE__ */ p("canvas", { tabindex: "0" })
892
892
  ], -1), Rs = ["title"], $s = { key: 0 }, Bs = /* @__PURE__ */ C({
893
893
  __name: "Signaturepad",
@@ -895,7 +895,7 @@ const Oe = /* @__PURE__ */ C({
895
895
  question: {}
896
896
  },
897
897
  setup(r) {
898
- const o = r, n = S(null);
898
+ const o = r, n = T(null);
899
899
  return M(o, n), (s, e) => {
900
900
  const i = q("sv-svg-icon");
901
901
  return t(), u("div", {
@@ -912,7 +912,7 @@ const Oe = /* @__PURE__ */ C({
912
912
  }, I(s.question.placeHolderText), 3), [
913
913
  [H, s.question.needShowPlaceholder()]
914
914
  ]),
915
- Ts,
915
+ Ss,
916
916
  s.question.canShowClearButton ? (t(), u("div", {
917
917
  key: 0,
918
918
  class: l(s.question.cssClasses.controls)
@@ -942,7 +942,7 @@ const Oe = /* @__PURE__ */ C({
942
942
  question: {}
943
943
  },
944
944
  setup(r) {
945
- const o = r, n = S(null);
945
+ const o = r, n = T(null);
946
946
  M(o, n);
947
947
  const s = W(() => o.question.locHtml);
948
948
  return (e, i) => (t(), u("div", {
@@ -958,7 +958,7 @@ const Oe = /* @__PURE__ */ C({
958
958
  question: {}
959
959
  },
960
960
  setup(r) {
961
- const o = r, n = S(null);
961
+ const o = r, n = T(null);
962
962
  M(o, n);
963
963
  const s = W(() => o.question.locImageLink);
964
964
  return (e, i) => {
@@ -1040,7 +1040,7 @@ const Oe = /* @__PURE__ */ C({
1040
1040
  question: {}
1041
1041
  },
1042
1042
  setup(r) {
1043
- const o = r, n = S(null);
1043
+ const o = r, n = T(null);
1044
1044
  return M(o, n), (s, e) => (t(), u("div", {
1045
1045
  class: l(s.question.cssClasses.text),
1046
1046
  ref_key: "root",
@@ -1053,7 +1053,7 @@ const Oe = /* @__PURE__ */ C({
1053
1053
  question: {}
1054
1054
  },
1055
1055
  setup(r) {
1056
- const o = r, n = S(null);
1056
+ const o = r, n = T(null);
1057
1057
  M(o, n);
1058
1058
  const s = (e) => o.question.isPreviewVisible(e);
1059
1059
  return (e, i) => {
@@ -1109,12 +1109,12 @@ const Oe = /* @__PURE__ */ C({
1109
1109
  tabindex: "0",
1110
1110
  class: l(e.question.getChooseFileCss()),
1111
1111
  for: e.question.inputId,
1112
- "aria-label": e.question.chooseButtonCaption
1112
+ "aria-label": e.question.chooseButtonText
1113
1113
  }, [
1114
- p("span", null, I(e.question.chooseButtonCaption), 1),
1114
+ p("span", null, I(e.question.chooseButtonText), 1),
1115
1115
  e.question.cssClasses.chooseFileIconId ? (t(), y(a, {
1116
1116
  key: 0,
1117
- title: e.question.chooseButtonCaption,
1117
+ title: e.question.chooseButtonText,
1118
1118
  iconName: e.question.cssClasses.chooseFileIconId,
1119
1119
  size: "auto"
1120
1120
  }, null, 8, ["title", "iconName"])) : m("", !0)
@@ -1145,7 +1145,7 @@ const Oe = /* @__PURE__ */ C({
1145
1145
  key: 1,
1146
1146
  class: l(e.question.cssClasses.fileList || void 0)
1147
1147
  }, [
1148
- (t(!0), u(w, null, T(e.question.previewValue, (v, f) => D((t(), u("span", {
1148
+ (t(!0), u(w, null, S(e.question.previewValue, (v, f) => D((t(), u("span", {
1149
1149
  key: e.question.inputId + "_" + f,
1150
1150
  class: l(e.question.cssClasses.preview)
1151
1151
  }, [
@@ -1240,7 +1240,7 @@ const Oe = /* @__PURE__ */ C({
1240
1240
  question: {}
1241
1241
  },
1242
1242
  setup(r) {
1243
- const o = r, n = S(null);
1243
+ const o = r, n = T(null);
1244
1244
  return M(o, n), (s, e) => {
1245
1245
  const i = q("survey-imagepicker-item");
1246
1246
  return t(), u("fieldset", {
@@ -1252,17 +1252,17 @@ const Oe = /* @__PURE__ */ C({
1252
1252
  role: "radio",
1253
1253
  "aria-label": s.question.locTitle.renderedHtml
1254
1254
  }, null, 8, js),
1255
- s.question.hasColumns ? m("", !0) : (t(!0), u(w, { key: 0 }, T(s.question.visibleChoices, (a) => (t(), y(i, {
1255
+ s.question.hasColumns ? m("", !0) : (t(!0), u(w, { key: 0 }, S(s.question.visibleChoices, (a) => (t(), y(i, {
1256
1256
  key: a.value,
1257
1257
  question: s.question,
1258
1258
  item: a
1259
1259
  }, null, 8, ["question", "item"]))), 128)),
1260
- s.question.hasColumns ? (t(!0), u(w, { key: 1 }, T(s.question.columns, (a, d) => (t(), u("div", {
1260
+ s.question.hasColumns ? (t(!0), u(w, { key: 1 }, S(s.question.columns, (a, d) => (t(), u("div", {
1261
1261
  class: l(s.question.getColumnClass()),
1262
1262
  key: d,
1263
1263
  role: "presentation"
1264
1264
  }, [
1265
- (t(!0), u(w, null, T(a, (c) => (t(), y(i, {
1265
+ (t(!0), u(w, null, S(a, (c) => (t(), y(i, {
1266
1266
  key: c.value,
1267
1267
  question: s.question,
1268
1268
  item: c
@@ -1403,7 +1403,7 @@ const Oe = /* @__PURE__ */ C({
1403
1403
  css: {}
1404
1404
  },
1405
1405
  setup(r) {
1406
- const o = r, n = S(null);
1406
+ const o = r, n = T(null);
1407
1407
  M(o, n);
1408
1408
  const s = (e) => {
1409
1409
  const i = o.question;
@@ -1483,7 +1483,7 @@ const Oe = /* @__PURE__ */ C({
1483
1483
  question: {}
1484
1484
  },
1485
1485
  setup(r) {
1486
- const o = r, n = S(null);
1486
+ const o = r, n = T(null);
1487
1487
  return M(o, n), (s, e) => {
1488
1488
  const i = q("sv-dropdown"), a = q("survey-other-choice");
1489
1489
  return t(), u("div", {
@@ -1514,7 +1514,7 @@ const ln = /* @__PURE__ */ C({
1514
1514
  question: {}
1515
1515
  },
1516
1516
  setup(r) {
1517
- const o = r, n = S(null);
1517
+ const o = r, n = T(null);
1518
1518
  M(o, n);
1519
1519
  const s = (a) => {
1520
1520
  o.question.onClick(a);
@@ -1558,7 +1558,7 @@ const ln = /* @__PURE__ */ C({
1558
1558
  required: a.question.isRequired
1559
1559
  }, [
1560
1560
  a.question.allowClear ? (t(), u("option", on, I(a.question.placeholder), 1)) : m("", !0),
1561
- (t(!0), u(w, null, T(a.question.visibleChoices, (g) => (t(), y(c, {
1561
+ (t(!0), u(w, null, S(a.question.visibleChoices, (g) => (t(), y(c, {
1562
1562
  item: g,
1563
1563
  key: g.id
1564
1564
  }, null, 8, ["item"]))), 128))
@@ -1572,7 +1572,7 @@ const ln = /* @__PURE__ */ C({
1572
1572
  h(v, {
1573
1573
  class: l(a.question.cssClasses.chevronButtonSvg),
1574
1574
  iconName: a.question.cssClasses.chevronButtonIconId,
1575
- size: "24"
1575
+ size: "auto"
1576
1576
  }, null, 8, ["class", "iconName"])
1577
1577
  ], 2)) : m("", !0)
1578
1578
  ], 2),
@@ -1601,7 +1601,7 @@ const ln = /* @__PURE__ */ C({
1601
1601
  question: {}
1602
1602
  },
1603
1603
  setup(r) {
1604
- const o = r, n = S(null), s = R(() => {
1604
+ const o = r, n = T(null), s = R(() => {
1605
1605
  const g = o.question;
1606
1606
  return g.dropdownListModel || (g.dropdownListModel = new fe(g)), o.question.dropdownListModel;
1607
1607
  }), e = (g) => {
@@ -1616,7 +1616,7 @@ const ln = /* @__PURE__ */ C({
1616
1616
  }, d = () => {
1617
1617
  if (n.value) {
1618
1618
  const g = n.value, k = s.value.inputStringRendered;
1619
- Ie.isTwoValueEquals(k, g.value) || (g.value = s.value.inputStringRendered);
1619
+ Ie.isTwoValueEquals(k, g.value, !1, !0, !1) || (g.value = s.value.inputStringRendered);
1620
1620
  }
1621
1621
  }, c = (g) => {
1622
1622
  var k;
@@ -1735,7 +1735,7 @@ const ln = /* @__PURE__ */ C({
1735
1735
  h(L, {
1736
1736
  class: l(g.question.cssClasses.chevronButtonSvg),
1737
1737
  iconName: g.question.cssClasses.chevronButtonIconId,
1738
- size: "24"
1738
+ size: "auto"
1739
1739
  }, null, 8, ["class", "iconName"])
1740
1740
  ], 2)) : m("", !0)
1741
1741
  ], 2);
@@ -1747,7 +1747,7 @@ const ln = /* @__PURE__ */ C({
1747
1747
  question: {}
1748
1748
  },
1749
1749
  setup(r) {
1750
- const o = r, n = S(null);
1750
+ const o = r, n = T(null);
1751
1751
  return M(o, n), (s, e) => {
1752
1752
  const i = q("sv-tagbox"), a = q("survey-other-choice");
1753
1753
  return t(), u("div", {
@@ -1812,7 +1812,7 @@ const ln = /* @__PURE__ */ C({
1812
1812
  p("div", {
1813
1813
  class: l(d.question.cssClasses.controlValue)
1814
1814
  }, [
1815
- (t(!0), u(w, null, T(d.question.selectedChoices, (P, L) => (t(), y(v, {
1815
+ (t(!0), u(w, null, S(d.question.selectedChoices, (P, L) => (t(), y(v, {
1816
1816
  item: P,
1817
1817
  question: d.question,
1818
1818
  key: "item" + L
@@ -1855,7 +1855,7 @@ const ln = /* @__PURE__ */ C({
1855
1855
  h(g, {
1856
1856
  class: l(d.question.cssClasses.chevronButtonSvg),
1857
1857
  iconName: d.question.cssClasses.chevronButtonIconId,
1858
- size: "24"
1858
+ size: "auto"
1859
1859
  }, null, 8, ["class", "iconName"])
1860
1860
  ], 2)) : m("", !0)
1861
1861
  ], 2);
@@ -1970,7 +1970,7 @@ const ln = /* @__PURE__ */ C({
1970
1970
  question: {}
1971
1971
  },
1972
1972
  setup(r) {
1973
- const o = r, n = S(null);
1973
+ const o = r, n = T(null);
1974
1974
  M(o, n);
1975
1975
  const s = (e) => o.question.getNumberByIndex(e);
1976
1976
  return (e, i) => {
@@ -1980,7 +1980,7 @@ const ln = /* @__PURE__ */ C({
1980
1980
  ref_key: "root",
1981
1981
  ref: n
1982
1982
  }, [
1983
- e.question.selectToRankEnabled ? m("", !0) : (t(!0), u(w, { key: 0 }, T(e.question.rankingChoices, (d, c) => (t(), y(a, {
1983
+ e.question.selectToRankEnabled ? m("", !0) : (t(!0), u(w, { key: 0 }, S(e.question.rankingChoices, (d, c) => (t(), y(a, {
1984
1984
  key: d.value + "-" + c + "-item",
1985
1985
  class: l(e.question.getItemClass(d)),
1986
1986
  text: d.locText,
@@ -1995,7 +1995,7 @@ const ln = /* @__PURE__ */ C({
1995
1995
  class: l(e.question.getContainerClasses("from")),
1996
1996
  "data-ranking": "from-container"
1997
1997
  }, [
1998
- (t(!0), u(w, null, T(e.question.unRankingChoices, (d, c) => (t(), y(a, {
1998
+ (t(!0), u(w, null, S(e.question.unRankingChoices, (d, c) => (t(), y(a, {
1999
1999
  key: d.value + "-" + c + "-item",
2000
2000
  class: l(e.question.getItemClass(d)),
2001
2001
  text: d.locText,
@@ -2020,7 +2020,7 @@ const ln = /* @__PURE__ */ C({
2020
2020
  class: l(e.question.getContainerClasses("to")),
2021
2021
  "data-ranking": "to-container"
2022
2022
  }, [
2023
- (t(!0), u(w, null, T(e.question.rankingChoices, (d, c) => (t(), y(a, {
2023
+ (t(!0), u(w, null, S(e.question.rankingChoices, (d, c) => (t(), y(a, {
2024
2024
  key: d.value + "-" + c + "-item",
2025
2025
  class: l(e.question.getItemClass(d)),
2026
2026
  text: d.locText,
@@ -2038,11 +2038,11 @@ const ln = /* @__PURE__ */ C({
2038
2038
  ], 2);
2039
2039
  };
2040
2040
  }
2041
- }), wn = ["tabindex", "data-sv-drop-target-ranking-item"], Sn = {
2041
+ }), wn = ["tabindex", "data-sv-drop-target-ranking-item"], Tn = {
2042
2042
  tabindex: "-1",
2043
2043
  style: { outline: "none" }
2044
- }, 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), Rn = [
2045
- Tn
2044
+ }, Sn = /* @__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), Rn = [
2045
+ Sn
2046
2046
  ], $n = /* @__PURE__ */ p("path", { d: "M10 5L5 0L0 5H4V9H6V5H10Z" }, null, -1), Bn = /* @__PURE__ */ p("path", { d: "M6 19V15H4V19H0L5 24L10 19H6Z" }, null, -1), Ln = [
2047
2047
  $n,
2048
2048
  Bn
@@ -2078,7 +2078,7 @@ const ln = /* @__PURE__ */ C({
2078
2078
  );
2079
2079
  })
2080
2080
  }, [
2081
- p("div", Sn, [
2081
+ p("div", Tn, [
2082
2082
  p("div", {
2083
2083
  class: l(n.cssClasses.itemGhostNode)
2084
2084
  }, null, 2),
@@ -2125,7 +2125,7 @@ const ln = /* @__PURE__ */ C({
2125
2125
  question: {}
2126
2126
  },
2127
2127
  setup(r) {
2128
- const o = r, n = S(null);
2128
+ const o = r, n = T(null);
2129
2129
  M(o, n);
2130
2130
  const s = (e) => o.question.getInputId(e);
2131
2131
  return (e, i) => {
@@ -2145,7 +2145,7 @@ const ln = /* @__PURE__ */ C({
2145
2145
  locString: e.question.locMinRateDescription
2146
2146
  }, null, 8, ["locString"])
2147
2147
  ], 2)) : m("", !0),
2148
- (t(!0), u(w, null, T(e.question.renderedRateItems, (d, c) => (t(), y(N(e.question.itemComponentName), {
2148
+ (t(!0), u(w, null, S(e.question.renderedRateItems, (d, c) => (t(), y(N(e.question.itemComponentName), {
2149
2149
  key: s(c),
2150
2150
  item: d,
2151
2151
  index: c,
@@ -2300,7 +2300,7 @@ const Wn = /* @__PURE__ */ C({
2300
2300
  question: {}
2301
2301
  },
2302
2302
  setup(r) {
2303
- const o = r, n = S(null);
2303
+ const o = r, n = T(null);
2304
2304
  return M(o, n), (s, e) => {
2305
2305
  const i = q("sv-dropdown");
2306
2306
  return t(), u("div", {
@@ -2318,7 +2318,7 @@ const Wn = /* @__PURE__ */ C({
2318
2318
  question: {}
2319
2319
  },
2320
2320
  setup(r) {
2321
- const o = r, n = S(null);
2321
+ const o = r, n = T(null);
2322
2322
  M(o, n);
2323
2323
  const s = (i, a) => {
2324
2324
  o.question.onLabelClick(i, a);
@@ -2408,7 +2408,7 @@ const Kn = /* @__PURE__ */ C({
2408
2408
  question: {}
2409
2409
  },
2410
2410
  setup(r) {
2411
- const o = r, n = S(null);
2411
+ const o = r, n = T(null);
2412
2412
  return M(o, n), (s, e) => {
2413
2413
  const i = q("sv-boolean-radio-item");
2414
2414
  return t(), u("div", {
@@ -2502,7 +2502,7 @@ const _n = /* @__PURE__ */ C({
2502
2502
  css: {}
2503
2503
  },
2504
2504
  setup(r) {
2505
- const o = r, n = S(null);
2505
+ const o = r, n = T(null);
2506
2506
  return M(o, n), (s, e) => {
2507
2507
  var c;
2508
2508
  const i = q("survey-element-title-content"), a = q("sv-title-actions"), d = q("survey-string");
@@ -2581,7 +2581,7 @@ const _n = /* @__PURE__ */ C({
2581
2581
  question: {}
2582
2582
  },
2583
2583
  setup(r) {
2584
- const o = r, n = S(null);
2584
+ const o = r, n = T(null);
2585
2585
  return M(o, n), (s, e) => {
2586
2586
  const i = q("survey-multipletext-item");
2587
2587
  return t(), u("table", {
@@ -2590,11 +2590,11 @@ const _n = /* @__PURE__ */ C({
2590
2590
  ref: n
2591
2591
  }, [
2592
2592
  p("tbody", null, [
2593
- (t(!0), u(w, null, T(s.question.getRows(), (a, d) => (t(), u("tr", {
2593
+ (t(!0), u(w, null, S(s.question.getRows(), (a, d) => (t(), u("tr", {
2594
2594
  key: s.question.inputId + "rowkey" + d,
2595
2595
  class: l(s.question.cssClasses.row)
2596
2596
  }, [
2597
- (t(!0), u(w, null, T(a, (c) => (t(), u("td", {
2597
+ (t(!0), u(w, null, S(a, (c) => (t(), u("td", {
2598
2598
  key: "item" + c.editor.id,
2599
2599
  class: l(s.question.cssClasses.cell)
2600
2600
  }, [
@@ -2668,7 +2668,7 @@ const _n = /* @__PURE__ */ C({
2668
2668
  question: {}
2669
2669
  },
2670
2670
  setup(r) {
2671
- const o = r, n = S(null), s = F();
2671
+ const o = r, n = T(null), s = F();
2672
2672
  M(
2673
2673
  o,
2674
2674
  n,
@@ -2702,7 +2702,7 @@ const _n = /* @__PURE__ */ C({
2702
2702
  i.question.showHeader ? (t(), u("thead", no, [
2703
2703
  p("tr", null, [
2704
2704
  i.question.hasRows ? (t(), u("td", oo)) : m("", !0),
2705
- (t(!0), u(w, null, T(i.question.visibleColumns, (c, v) => (t(), u("th", {
2705
+ (t(!0), u(w, null, S(i.question.visibleColumns, (c, v) => (t(), u("th", {
2706
2706
  key: v,
2707
2707
  class: l(i.question.cssClasses.headerCell),
2708
2708
  style: $({
@@ -2717,7 +2717,7 @@ const _n = /* @__PURE__ */ C({
2717
2717
  ])
2718
2718
  ])) : m("", !0),
2719
2719
  p("tbody", null, [
2720
- (t(!0), u(w, null, T(s.value, (c, v) => (t(), u("tr", {
2720
+ (t(!0), u(w, null, S(s.value, (c, v) => (t(), u("tr", {
2721
2721
  key: "row_" + c.name + "_" + v,
2722
2722
  class: l(c.rowClasses || void 0)
2723
2723
  }, [
@@ -2734,7 +2734,7 @@ const _n = /* @__PURE__ */ C({
2734
2734
  ], 6), [
2735
2735
  [H, i.question.hasRows]
2736
2736
  ]),
2737
- i.question.hasCellText ? (t(!0), u(w, { key: 0 }, T(i.question.visibleColumns, (f, g) => (t(), u("td", {
2737
+ i.question.hasCellText ? (t(!0), u(w, { key: 0 }, S(i.question.visibleColumns, (f, g) => (t(), u("td", {
2738
2738
  key: g,
2739
2739
  class: l(i.question.getItemClass(c, f)),
2740
2740
  onClick: (k) => e(c, f)
@@ -2743,7 +2743,7 @@ const _n = /* @__PURE__ */ C({
2743
2743
  locString: i.question.getCellDisplayLocText(c.name, f)
2744
2744
  }, null, 8, ["locString"])
2745
2745
  ], 10, to))), 128)) : m("", !0),
2746
- i.question.hasCellText ? m("", !0) : (t(!0), u(w, { key: 1 }, T(i.question.visibleColumns, (f, g) => (t(), u("td", {
2746
+ i.question.hasCellText ? m("", !0) : (t(!0), u(w, { key: 1 }, S(i.question.visibleColumns, (f, g) => (t(), u("td", {
2747
2747
  key: g,
2748
2748
  "data-responsive-title": f.locText.renderedHtml,
2749
2749
  class: l(i.question.cssClasses.cell),
@@ -2804,7 +2804,7 @@ const _n = /* @__PURE__ */ C({
2804
2804
  question: {}
2805
2805
  },
2806
2806
  setup(r) {
2807
- const o = r, n = S(null);
2807
+ const o = r, n = T(null);
2808
2808
  return M(o, n), (s, e) => {
2809
2809
  const i = q("survey-matrixtable");
2810
2810
  return t(), y(i, {
@@ -2845,7 +2845,7 @@ const _n = /* @__PURE__ */ C({
2845
2845
  }, [
2846
2846
  n.value.showHeader ? (t(), u("thead", mo, [
2847
2847
  p("tr", null, [
2848
- (t(!0), u(w, null, T(n.value.headerRow.cells, (c) => (t(), u(w, null, [
2848
+ (t(!0), u(w, null, S(n.value.headerRow.cells, (c) => (t(), u(w, null, [
2849
2849
  c.hasTitle ? (t(), u("th", {
2850
2850
  class: l(c.className),
2851
2851
  key: "header_" + c.id,
@@ -2869,7 +2869,7 @@ const _n = /* @__PURE__ */ C({
2869
2869
  ])
2870
2870
  ])) : m("", !0),
2871
2871
  p("tbody", null, [
2872
- (t(!0), u(w, null, T(n.value.rows, (c) => (t(), u(w, {
2872
+ (t(!0), u(w, null, S(n.value.rows, (c) => (t(), u(w, {
2873
2873
  key: s.question.inputId + "_" + c.id
2874
2874
  }, [
2875
2875
  c.visible ? (t(), u("tr", {
@@ -2877,7 +2877,7 @@ const _n = /* @__PURE__ */ C({
2877
2877
  "data-sv-drop-target-matrix-row": c.row && c.row.id,
2878
2878
  class: l(c.className)
2879
2879
  }, [
2880
- (t(!0), u(w, null, T(c.cells, (v, f) => (t(), y(d, {
2880
+ (t(!0), u(w, null, S(c.cells, (v, f) => (t(), y(d, {
2881
2881
  cell: v,
2882
2882
  question: s.question,
2883
2883
  key: c.id + "_" + f
@@ -2887,7 +2887,7 @@ const _n = /* @__PURE__ */ C({
2887
2887
  ]),
2888
2888
  n.value.showFooter ? (t(), u("tfoot", po, [
2889
2889
  p("tr", null, [
2890
- (t(!0), u(w, null, T(n.value.footerRow.cells, (c, v) => (t(), y(d, {
2890
+ (t(!0), u(w, null, S(n.value.footerRow.cells, (c, v) => (t(), y(d, {
2891
2891
  cell: c,
2892
2892
  question: s.question,
2893
2893
  key: "footer_" + v
@@ -2921,7 +2921,7 @@ const _n = /* @__PURE__ */ C({
2921
2921
  cell: {}
2922
2922
  },
2923
2923
  setup(r) {
2924
- const o = r, n = S(!1), s = S(), 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);
2924
+ 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);
2925
2925
  return E(() => {
2926
2926
  if (!(!o.cell.hasQuestion || !o.question || !o.question.survey)) {
2927
2927
  d(), o.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
@@ -3019,7 +3019,7 @@ const _n = /* @__PURE__ */ C({
3019
3019
  question: {}
3020
3020
  },
3021
3021
  setup(r) {
3022
- const o = r, n = S(null);
3022
+ const o = r, n = T(null);
3023
3023
  M(o, n);
3024
3024
  const s = () => {
3025
3025
  o.question.addRowUI();
@@ -3145,7 +3145,7 @@ const bo = ["disabled"], ko = /* @__PURE__ */ C({
3145
3145
  class: l(b(n).cssClasses.iconDrag)
3146
3146
  }, null, 2));
3147
3147
  }
3148
- }), wo = ["aria-expanded", "aria-controls"], So = /* @__PURE__ */ C({
3148
+ }), wo = ["aria-expanded", "aria-controls"], To = /* @__PURE__ */ C({
3149
3149
  __name: "DetailButton",
3150
3150
  props: {
3151
3151
  item: {}
@@ -3169,14 +3169,14 @@ const bo = ["disabled"], ko = /* @__PURE__ */ C({
3169
3169
  ], 10, wo);
3170
3170
  };
3171
3171
  }
3172
- }), To = /* @__PURE__ */ C({
3172
+ }), So = /* @__PURE__ */ C({
3173
3173
  __name: "PanelDynamic",
3174
3174
  props: {
3175
3175
  question: {},
3176
3176
  css: {}
3177
3177
  },
3178
3178
  setup(r) {
3179
- const o = r, n = S(null), s = x();
3179
+ const o = r, n = T(null), s = x();
3180
3180
  M(
3181
3181
  o,
3182
3182
  n,
@@ -3239,7 +3239,7 @@ const bo = ["disabled"], ko = /* @__PURE__ */ C({
3239
3239
  key: 2,
3240
3240
  question: a.question
3241
3241
  }, null, 8, ["question"])) : m("", !0),
3242
- (t(!0), u(w, null, T(e.value, (L, A) => (t(), u(w, {
3242
+ (t(!0), u(w, null, S(e.value, (L, A) => (t(), u(w, {
3243
3243
  key: L.id
3244
3244
  }, [
3245
3245
  p("div", {
@@ -3475,10 +3475,10 @@ const Bo = /* @__PURE__ */ C({
3475
3475
  location: {}
3476
3476
  },
3477
3477
  setup(r) {
3478
- const o = r, n = S();
3478
+ const o = r, n = T();
3479
3479
  let s;
3480
3480
  return K(() => {
3481
- o.location == "tooltip" && n.value instanceof HTMLElement && (!s || n.value !== s.tooltipElement) && (s = new Se(n.value)), !(n.value instanceof HTMLElement) && !!s && s.dispose();
3481
+ o.location == "tooltip" && n.value instanceof HTMLElement && (!s || n.value !== s.tooltipElement) && (s = new Te(n.value)), !(n.value instanceof HTMLElement) && !!s && s.dispose();
3482
3482
  }), O(() => {
3483
3483
  s && s.dispose();
3484
3484
  }), (e, i) => {
@@ -3492,7 +3492,7 @@ const Bo = /* @__PURE__ */ C({
3492
3492
  ref_key: "root",
3493
3493
  ref: n
3494
3494
  }, [
3495
- (t(!0), u(w, null, T(e.element.errors, (d, c) => (t(), u("div", {
3495
+ (t(!0), u(w, null, S(e.element.errors, (d, c) => (t(), u("div", {
3496
3496
  key: "error_" + c
3497
3497
  }, [
3498
3498
  p("span", {
@@ -3675,8 +3675,8 @@ const nt = /* @__PURE__ */ Jo(Yo, [["render", st]]), ot = ["aria-label"], tt = /
3675
3675
  title: {}
3676
3676
  },
3677
3677
  setup(r) {
3678
- const o = r, n = S(), s = () => {
3679
- Te(
3678
+ const o = r, n = T(), s = () => {
3679
+ Se(
3680
3680
  o.size,
3681
3681
  o.width,
3682
3682
  o.height,
@@ -3704,7 +3704,7 @@ const nt = /* @__PURE__ */ Jo(Yo, [["render", st]]), ot = ["aria-label"], tt = /
3704
3704
  handleClick: { type: Boolean }
3705
3705
  },
3706
3706
  setup(r) {
3707
- const o = r, n = S(null);
3707
+ const o = r, n = T(null);
3708
3708
  return B(() => o.model), E(() => {
3709
3709
  !o.model.hasActions || o.model.initResponsivityManager(n.value);
3710
3710
  }), O(() => {
@@ -3720,7 +3720,7 @@ const nt = /* @__PURE__ */ Jo(Yo, [["render", st]]), ot = ["aria-label"], tt = /
3720
3720
  a.stopPropagation();
3721
3721
  })
3722
3722
  }, [
3723
- (t(!0), u(w, null, T(s.model.renderedActions, (a) => (t(), y(i, {
3723
+ (t(!0), u(w, null, S(s.model.renderedActions, (a) => (t(), y(i, {
3724
3724
  key: a.id,
3725
3725
  item: a
3726
3726
  }, null, 8, ["item"]))), 128))
@@ -3857,7 +3857,7 @@ const nt = /* @__PURE__ */ Jo(Yo, [["render", st]]), ot = ["aria-label"], tt = /
3857
3857
  model: {}
3858
3858
  },
3859
3859
  setup(r) {
3860
- const o = r, n = S(null), s = (a) => {
3860
+ const o = r, n = T(null), s = (a) => {
3861
3861
  const d = o.model;
3862
3862
  d.filterString = a.target.value;
3863
3863
  }, e = (a) => {
@@ -3932,7 +3932,7 @@ const nt = /* @__PURE__ */ Jo(Yo, [["render", st]]), ot = ["aria-label"], tt = /
3932
3932
  a.model.onKeyDown(f);
3933
3933
  })
3934
3934
  }, [
3935
- (t(!0), u(w, null, T(a.model.renderedActions, (f) => (t(), y(v, {
3935
+ (t(!0), u(w, null, S(a.model.renderedActions, (f) => (t(), y(v, {
3936
3936
  item: f,
3937
3937
  model: a.model,
3938
3938
  key: f.id
@@ -4006,7 +4006,7 @@ const nt = /* @__PURE__ */ Jo(Yo, [["render", st]]), ot = ["aria-label"], tt = /
4006
4006
  setup(r) {
4007
4007
  const o = r, n = F(
4008
4008
  oe(o.model, void 0)
4009
- ), s = S(null);
4009
+ ), s = T(null);
4010
4010
  return G(
4011
4011
  () => o.model,
4012
4012
  (e) => {
@@ -4031,10 +4031,10 @@ const nt = /* @__PURE__ */ Jo(Yo, [["render", st]]), ot = ["aria-label"], tt = /
4031
4031
  ], 512);
4032
4032
  };
4033
4033
  }
4034
- }), It = { class: "sv-popup__shadow" }, wt = { class: "sv-popup__body-content" }, St = {
4034
+ }), It = { class: "sv-popup__shadow" }, wt = { class: "sv-popup__body-content" }, Tt = {
4035
4035
  key: 0,
4036
4036
  class: "sv-popup__body-header"
4037
- }, Tt = { class: "sv-popup__scrolling-content" }, Rt = { class: "sv-popup__content" }, $t = {
4037
+ }, St = { class: "sv-popup__scrolling-content" }, Rt = { class: "sv-popup__content" }, $t = {
4038
4038
  key: 1,
4039
4039
  class: "sv-popup__body-footer"
4040
4040
  }, Bt = /* @__PURE__ */ C({
@@ -4080,8 +4080,8 @@ const nt = /* @__PURE__ */ Jo(Yo, [["render", st]]), ot = ["aria-label"], tt = /
4080
4080
  model: e.model
4081
4081
  }, null, 8, ["model"])) : m("", !0),
4082
4082
  p("div", wt, [
4083
- e.model.title ? (t(), u("div", St, I(e.model.title), 1)) : m("", !0),
4084
- p("div", Tt, [
4083
+ e.model.title ? (t(), u("div", Tt, I(e.model.title), 1)) : m("", !0),
4084
+ p("div", St, [
4085
4085
  p("div", Rt, [
4086
4086
  (t(), y(N(e.model.contentComponentName), ge(Ce(e.model.contentComponentData)), null, 16))
4087
4087
  ])
@@ -4129,11 +4129,11 @@ const nt = /* @__PURE__ */ Jo(Yo, [["render", st]]), ot = ["aria-label"], tt = /
4129
4129
  );
4130
4130
  return (s, e) => n.value.length > 0 ? (t(), u(w, { key: 0 }, [
4131
4131
  s.needRenderWrapper ? (t(), u("div", Dt, [
4132
- (t(!0), u(w, null, T(n.value, (i, a) => (t(), y(N(i.component), {
4132
+ (t(!0), u(w, null, S(n.value, (i, a) => (t(), y(N(i.component), {
4133
4133
  survey: s.survey,
4134
4134
  model: i.data
4135
4135
  }, null, 8, ["survey", "model"]))), 256))
4136
- ])) : (t(!0), u(w, { key: 1 }, T(n.value, (i, a) => (t(), y(N(i.component), {
4136
+ ])) : (t(!0), u(w, { key: 1 }, S(n.value, (i, a) => (t(), y(N(i.component), {
4137
4137
  survey: s.survey,
4138
4138
  model: i.data
4139
4139
  }, null, 8, ["survey", "model"]))), 256))
@@ -4172,7 +4172,7 @@ const nt = /* @__PURE__ */ Jo(Yo, [["render", st]]), ot = ["aria-label"], tt = /
4172
4172
  survey: {}
4173
4173
  },
4174
4174
  setup(r) {
4175
- const o = r, n = new Be(o.survey), s = S(!1), e = S(), i = R(() => o.survey.css);
4175
+ const o = r, n = new Be(o.survey), s = T(!1), e = T(), i = R(() => o.survey.css);
4176
4176
  let a;
4177
4177
  const d = (k) => n.isListElementClickable(k), c = (k) => n.getListElementCss(k), v = (k) => {
4178
4178
  n.clickListElement(k);
@@ -4206,7 +4206,7 @@ const nt = /* @__PURE__ */ Jo(Yo, [["render", st]]), ot = ["aria-label"], tt = /
4206
4206
  p("ul", {
4207
4207
  class: l(i.value.progressButtonsList)
4208
4208
  }, [
4209
- (t(!0), u(w, null, T(k.survey.visiblePages, (L, A) => (t(), u("li", {
4209
+ (t(!0), u(w, null, S(k.survey.visiblePages, (L, A) => (t(), u("li", {
4210
4210
  key: "listelement" + A,
4211
4211
  class: l(c(A)),
4212
4212
  onClick: (Q) => d(A) ? v(A) : null
@@ -4272,7 +4272,7 @@ const nt = /* @__PURE__ */ Jo(Yo, [["render", st]]), ot = ["aria-label"], tt = /
4272
4272
  survey: {}
4273
4273
  },
4274
4274
  setup(r) {
4275
- const o = r, n = S(), s = S(""), e = S(1), i = R(() => {
4275
+ const o = r, n = T(), s = T(""), e = T(1), i = R(() => {
4276
4276
  const k = o.survey ? o.survey : o.model;
4277
4277
  return he(k);
4278
4278
  }), a = R(() => i.value.activePage ? i.value.activePage.id : ""), d = () => {
@@ -4566,7 +4566,7 @@ const nt = /* @__PURE__ */ Jo(Yo, [["render", st]]), ot = ["aria-label"], tt = /
4566
4566
  css: {}
4567
4567
  },
4568
4568
  setup(r) {
4569
- const o = r, n = S(), s = R(
4569
+ const o = r, n = T(), s = R(
4570
4570
  () => o.question.customWidget.isDefaultRender
4571
4571
  ), e = R(
4572
4572
  () => !!o.question.customWidget.htmlTemplate
@@ -4651,7 +4651,7 @@ const nt = /* @__PURE__ */ Jo(Yo, [["render", st]]), ot = ["aria-label"], tt = /
4651
4651
  css: {}
4652
4652
  },
4653
4653
  setup(r) {
4654
- const o = r, n = S(null);
4654
+ const o = r, n = T(null);
4655
4655
  M(o, n);
4656
4656
  const s = R(() => o.question.contentPanel);
4657
4657
  return (e, i) => {
@@ -4671,7 +4671,7 @@ const nt = /* @__PURE__ */ Jo(Yo, [["render", st]]), ot = ["aria-label"], tt = /
4671
4671
  css: {}
4672
4672
  },
4673
4673
  setup(r) {
4674
- const o = r, n = S(null);
4674
+ const o = r, n = T(null);
4675
4675
  M(o, n);
4676
4676
  const s = R(() => o.question.contentQuestion), e = (i) => ee(i);
4677
4677
  return (i, a) => (t(), y(N(e(s.value)), {
@@ -4719,7 +4719,7 @@ const nt = /* @__PURE__ */ Jo(Yo, [["render", st]]), ot = ["aria-label"], tt = /
4719
4719
  }
4720
4720
  });
4721
4721
  function li(r) {
4722
- r.component("SurveyComponent", le), r.component("PopupSurveyComponent", re), r.component("survey", le), r.component("popup-survey", re), r.component("survey-header", We), r.component("survey-page", Oe), r.component("survey-row", ze), r.component("survey-element", Ke), r.component("survey-panel", Ze), r.component("survey-element-header", Ge), r.component("survey-string", Xe), r.component("sv-string-viewer", _e), r.component("sv-string-editor", es), r.component("sv-skeleton", ns), r.component("survey-text", is), r.component("survey-text-input", us), r.component("survey-checkbox", ms), r.component("survey-checkbox-item", gs), r.component("survey-radiogroup", bs), r.component("survey-radiogroup-item", Ss), r.component("survey-signaturepad", Bs), r.component("survey-html", Ds), r.component("survey-image", Hs), r.component("survey-expression", Es), r.component("survey-file", Ks), r.component("survey-imagepicker", Qs), r.component("survey-imagepicker-item", Ys), r.component("survey-comment", en), r.component("survey-dropdown", sn), r.component("sv-dropdown-select", ln), r.component("sv-dropdown-option-item", an), r.component("sv-dropdown", pn), r.component("survey-tagbox", vn), r.component("sv-tagbox", gn), r.component("sv-tagbox-item", fn), r.component("sv-tagbox-filter", bn), r.component("survey-ranking", In), r.component("survey-ranking-item", Dn), r.component("survey-rating", Nn), r.component("sv-rating-item", En), r.component("sv-rating-item-smiley", On), r.component("sv-rating-item-star", Fn), r.component("sv-rating-dropdown", Wn), r.component("survey-boolean", Un), r.component("sv-boolean-radio", Kn), r.component("sv-boolean-radio-item", Zn), r.component("sv-boolean-checkbox", _n), r.component("survey-multipletext", xn), r.component("survey-multipletext-item", eo), r.component("survey-matrix", ao), r.component("survey-matrixdropdown", uo), r.component("survey-matrixtable", vo), r.component("survey-matrixheaderrequired", yo), r.component("survey-matrixcell", Co), r.component("survey-matrixdynamic", ho), r.component("sv-matrix-remove-button", ko), r.component("sv-matrix-drag-drop-icon", Io), r.component("sv-matrix-detail-button", So), r.component("survey-paneldynamic", To), r.component("survey-paneldynamicprogress", Ro), r.component("survey-paneldynamicprogress-v2", $o), r.component("sv-paneldynamic-add-btn", Bo), r.component("sv-paneldynamic-next-btn", Do), r.component("sv-paneldynamic-prev-btn", Mo), r.component("sv-paneldynamic-remove-btn", No), r.component("sv-paneldynamic-progress-text", Ho), r.component("sv-components-container", Pt), r.component("sv-progress-buttons", Et), r.component("sv-progress-toc", At), r.component("sv-progress-pages", Z), r.component("sv-progress-questions", Z), r.component("sv-progress-correctquestions", Z), r.component("sv-progress-requiredquestions", Z), r.component("survey-errors", Ao), r.component("survey-question-comment", Fo), r.component("survey-element-title", Wo), r.component("survey-element-title-content", Qo), r.component("sv-title-actions", Xo), r.component("sv-brand-info", nt), r.component("sv-svg-icon", lt), r.component("sv-action-bar", rt), r.component("sv-action", dt), r.component("sv-action-bar-item", ct), r.component("sv-action-bar-item-dropdown", vt), r.component("sv-action-bar-separator", qt), r.component("sv-list", ht), r.component("sv-list-item", kt), r.component("sv-popup", ft), r.component("sv-popup-container", Bt), r.component("popup-pointer", Lt), r.component("sv-notifier", jt), r.component("survey-other-choice", Gt), r.component("sv-nav-btn", Jt), r.component("survey-customwidget", _t), r.component("survey-popup-modal", xt), r.component("sv-character-counter", ei), r.component("survey-composite", si), r.component("survey-custom", ni), r.component("sv-timerpanel", ii), r.directive("key2click", {
4722
+ r.component("SurveyComponent", le), r.component("PopupSurveyComponent", re), r.component("survey", le), r.component("popup-survey", re), r.component("survey-header", We), r.component("survey-page", Oe), r.component("survey-row", ze), r.component("survey-element", Ke), r.component("survey-panel", Ze), r.component("survey-element-header", Ge), r.component("survey-string", Xe), r.component("sv-string-viewer", _e), r.component("sv-string-editor", es), r.component("sv-skeleton", ns), r.component("survey-text", is), r.component("survey-text-input", us), r.component("survey-checkbox", ms), r.component("survey-checkbox-item", gs), r.component("survey-radiogroup", bs), r.component("survey-radiogroup-item", Ts), r.component("survey-signaturepad", Bs), r.component("survey-html", Ds), r.component("survey-image", Hs), r.component("survey-expression", Es), r.component("survey-file", Ks), r.component("survey-imagepicker", Qs), r.component("survey-imagepicker-item", Ys), r.component("survey-comment", en), r.component("survey-dropdown", sn), r.component("sv-dropdown-select", ln), r.component("sv-dropdown-option-item", an), r.component("sv-dropdown", pn), r.component("survey-tagbox", vn), r.component("sv-tagbox", gn), r.component("sv-tagbox-item", fn), r.component("sv-tagbox-filter", bn), r.component("survey-ranking", In), r.component("survey-ranking-item", Dn), r.component("survey-rating", Nn), r.component("sv-rating-item", En), r.component("sv-rating-item-smiley", On), r.component("sv-rating-item-star", Fn), r.component("sv-rating-dropdown", Wn), r.component("survey-boolean", Un), r.component("sv-boolean-radio", Kn), r.component("sv-boolean-radio-item", Zn), r.component("sv-boolean-checkbox", _n), r.component("survey-multipletext", xn), r.component("survey-multipletext-item", eo), r.component("survey-matrix", ao), r.component("survey-matrixdropdown", uo), r.component("survey-matrixtable", vo), r.component("survey-matrixheaderrequired", yo), r.component("survey-matrixcell", Co), r.component("survey-matrixdynamic", ho), r.component("sv-matrix-remove-button", ko), r.component("sv-matrix-drag-drop-icon", Io), r.component("sv-matrix-detail-button", To), r.component("survey-paneldynamic", So), r.component("survey-paneldynamicprogress", Ro), r.component("survey-paneldynamicprogress-v2", $o), r.component("sv-paneldynamic-add-btn", Bo), r.component("sv-paneldynamic-next-btn", Do), r.component("sv-paneldynamic-prev-btn", Mo), r.component("sv-paneldynamic-remove-btn", No), r.component("sv-paneldynamic-progress-text", Ho), r.component("sv-components-container", Pt), r.component("sv-progress-buttons", Et), r.component("sv-progress-toc", At), r.component("sv-progress-pages", Z), r.component("sv-progress-questions", Z), r.component("sv-progress-correctquestions", Z), r.component("sv-progress-requiredquestions", Z), r.component("survey-errors", Ao), r.component("survey-question-comment", Fo), r.component("survey-element-title", Wo), r.component("survey-element-title-content", Qo), r.component("sv-title-actions", Xo), r.component("sv-brand-info", nt), r.component("sv-svg-icon", lt), r.component("sv-action-bar", rt), r.component("sv-action", dt), r.component("sv-action-bar-item", ct), r.component("sv-action-bar-item-dropdown", vt), r.component("sv-action-bar-separator", qt), r.component("sv-list", ht), r.component("sv-list-item", kt), r.component("sv-popup", ft), r.component("sv-popup-container", Bt), r.component("popup-pointer", Lt), r.component("sv-notifier", jt), r.component("survey-other-choice", Gt), r.component("sv-nav-btn", Jt), r.component("survey-customwidget", _t), r.component("survey-popup-modal", xt), r.component("sv-character-counter", ei), r.component("survey-composite", si), r.component("survey-custom", ni), r.component("sv-timerpanel", ii), r.directive("key2click", {
4723
4723
  mounted: function(o, n) {
4724
4724
  const s = { ...n.value };
4725
4725
  s.disableTabStop || (o.tabIndex = 0), o.addEventListener("keyup", (e) => (e.preventDefault(), e.stopPropagation(), ue(e, s), !1)), o.addEventListener("keydown", (e) => {