survey-vue3-ui 1.9.136 → 1.9.138

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 (6) hide show
  1. package/package.json +1 -1
  2. package/survey-vue3-ui.es.js +936 -930
  3. package/survey-vue3-ui.umd.js +1 -1
  4. package/types/App.vue.d.ts +1 -0
  5. package/types/base.d.ts +2 -0
  6. package/types/components/popup/PopupContainer.vue.d.ts +1 -1
package/survey-vue3-ui.es.js CHANGED
@@ -1,76 +1,77 @@
1
- import { shallowReactive as be, watch as J, onBeforeUnmount as Q, onMounted as M, ref as $, shallowRef as z, watchEffect as ke, triggerRef as se, unref as I, isRef as fe, defineComponent as h, computed as w, resolveComponent as q, openBlock as i, createElementBlock as u, normalizeClass as a, createVNode as C, createCommentVNode as d, Fragment as _, renderList as D, createBlock as g, resolveDynamicComponent as T, normalizeProps as O, mergeProps as E, withCtx as F, normalizeStyle as S, createElementVNode as v, onUnmounted as U, guardReactiveProps as ne, withDirectives as P, vShow as H, toDisplayString as R, vModelRadio as x, vModelCheckbox as oe, vModelSelect as Ie, onUpdated as te, vModelText as we, getCurrentInstance as ie, createStaticVNode as Se, resolveDirective as X, toRaw as Re, Teleport as Te, useSlots as $e, renderSlot as _e } from "vue";
2
- import { Base as De, RendererFactory as ee, DropdownListModel as Be, Helpers as Le, DropdownMultiSelectListModel as Ne, doKey2ClickUp as ge, createSvg as Pe, ActionDropdownViewModel as Ae, getActionDropdownButtonTarget as Me, createPopupViewModel as de, SurveyProgressModel as me, ProgressButtonsResponsivityManager as He, PopupSurveyModel as Ee, settings as j, createDialogOptions as We, createPopupModalViewModel as Ve, ButtonGroupItemModel as Fe, SvgRegistry as Oe, SurveyModel as ze, doKey2ClickDown as Ue, doKey2ClickBlur as Ke } from "survey-core";
3
- De.createPropertiesHash = () => be({});
4
- function je(l) {
5
- return !l || l.__vueImplemented ? !1 : (l.createArrayCoreHandler = (s, n) => {
6
- const e = [], o = z(e);
7
- return e.onArrayChanged = () => {
8
- se(o);
9
- }, s[n] = o, I(s[n]);
10
- }, l.iteratePropertiesHash((s, n) => {
11
- if (Array.isArray(s[n])) {
12
- const e = z(s[n]);
13
- s[n].onArrayChanged = () => {
14
- se(e);
15
- }, s[n] = e;
1
+ import { shallowReactive as Ce, watch as Q, onBeforeUnmount as G, onMounted as M, ref as $, shallowRef as U, watchEffect as be, triggerRef as se, unref as I, isRef as ke, defineComponent as h, computed as w, resolveComponent as g, openBlock as i, createElementBlock as u, normalizeClass as a, createVNode as C, createCommentVNode as d, Fragment as _, renderList as D, createBlock as y, resolveDynamicComponent as T, normalizeProps as z, mergeProps as E, withCtx as F, normalizeStyle as S, createElementVNode as v, onUnmounted as O, guardReactiveProps as ne, withDirectives as P, vShow as H, toDisplayString as R, vModelRadio as x, vModelCheckbox as oe, vModelSelect as fe, onUpdated as te, vModelText as Ie, getCurrentInstance as ie, createStaticVNode as we, resolveDirective as X, toRaw as Se, Teleport as Re, useSlots as Te, renderSlot as $e } from "vue";
2
+ import { Base as _e, RendererFactory as ee, DropdownListModel as De, Helpers as Be, DropdownMultiSelectListModel as Le, doKey2ClickUp as ge, createSvg as Ne, ActionDropdownViewModel as Pe, getActionDropdownButtonTarget as Ae, createPopupViewModel as Me, SurveyProgressModel as de, ProgressButtonsResponsivityManager as He, PopupSurveyModel as Ee, settings as j, createDialogOptions as We, createPopupModalViewModel as Ve, ButtonGroupItemModel as Fe, SvgRegistry as Oe, SurveyModel as ze, doKey2ClickDown as Ue, doKey2ClickBlur as Ke } from "survey-core";
3
+ _e.createPropertiesHash = () => Ce({});
4
+ function je(r) {
5
+ var s;
6
+ !r || (r.__vueImplemented = (s = r.__vueImplemented) != null ? s : 0, r.__vueImplemented <= 0 && (r.createArrayCoreHandler = (n, e) => {
7
+ const o = [], t = U(o);
8
+ return o.onArrayChanged = () => {
9
+ se(t);
10
+ }, n[e] = t, I(n[e]);
11
+ }, r.iteratePropertiesHash((n, e) => {
12
+ if (Array.isArray(n[e])) {
13
+ const o = U(n[e]);
14
+ n[e].onArrayChanged = () => {
15
+ se(o);
16
+ }, n[e] = o;
16
17
  }
17
- }), l.getPropertyValueCoreHandler = (s, n) => I(s[n]), l.setPropertyValueCoreHandler = (s, n, e) => {
18
- fe(s[n]) ? s[n].value = e : s[n] = e;
19
- }, l.__vueImplemented = !0, !0);
18
+ }), r.getPropertyValueCoreHandler = (n, e) => I(n[e]), r.setPropertyValueCoreHandler = (n, e, o) => {
19
+ ke(n[e]) ? n[e].value = o : n[e] = o;
20
+ }), r.__vueImplemented++);
20
21
  }
21
- function ce(l, s) {
22
- !l || !s || (l.iteratePropertiesHash((n, e) => {
22
+ function me(r) {
23
+ var s;
24
+ !r || (r.__vueImplemented = (s = r.__vueImplemented) != null ? s : 0, r.__vueImplemented--, r.__vueImplemented <= 0 && (r.iteratePropertiesHash((n, e) => {
23
25
  n[e] = I(n[e]), Array.isArray(n[e]) && (n[e].onArrayChanged = void 0);
24
- }), delete l.__vueImplemented, l.createArrayCoreHandler = void 0, l.getPropertyValueCoreHandler = void 0, l.setPropertyValueCoreHandler = void 0);
26
+ }), delete r.__vueImplemented, r.createArrayCoreHandler = void 0, r.getPropertyValueCoreHandler = void 0, r.setPropertyValueCoreHandler = void 0));
25
27
  }
26
- function B(l, s, n) {
27
- let e = !1;
28
- const o = J(
29
- l,
30
- (t, r) => {
31
- t && s && s(t, r), r && (ce(r, e), n && n(r)), e = je(t);
28
+ function B(r, s, n) {
29
+ const e = Q(
30
+ r,
31
+ (o, t) => {
32
+ o && s && s(o, t), t && (me(t), n && n(t)), je(o);
32
33
  },
33
34
  {
34
35
  immediate: !0
35
36
  }
36
37
  );
37
- Q(() => {
38
- const t = l();
39
- t && (ce(t, e), n && n(t), o());
38
+ G(() => {
39
+ const o = r();
40
+ o && (me(o), n && n(o), e());
40
41
  });
41
42
  }
42
- function A(l, s, n, e) {
43
- B(() => l.question, n, e), M(() => {
44
- l.question && l.question.afterRenderQuestionElement(s.value);
45
- }), Q(() => {
46
- l.question.beforeDestroyQuestionElement(s.value);
43
+ function A(r, s, n, e) {
44
+ B(() => r.question, n, e), M(() => {
45
+ r.question && r.question.afterRenderQuestionElement(s.value);
46
+ }), G(() => {
47
+ r.question.beforeDestroyQuestionElement(s.value);
47
48
  });
48
49
  }
49
- function G(l) {
50
+ function J(r) {
50
51
  const s = $(), n = (o) => {
51
52
  s.value = o.renderedHtml, o.onChanged = () => {
52
53
  s.value = o.renderedHtml;
53
54
  };
54
- }, e = J(
55
- l,
55
+ }, e = Q(
56
+ r,
56
57
  (o, t) => {
57
58
  t && (t.onChanged = () => {
58
59
  }), n(o);
59
60
  },
60
61
  { immediate: !0 }
61
62
  );
62
- return Q(() => {
63
+ return G(() => {
63
64
  e();
64
65
  }), s;
65
66
  }
66
- function re(l) {
67
- return l.customWidget ? "survey-customwidget" : l.isDefaultRendering && l.isDefaultRendering() || l.isPanel ? "survey-" + l.getTemplate() : l.getComponentName();
67
+ function re(r) {
68
+ return r.customWidget ? "survey-customwidget" : r.isDefaultRendering && r.isDefaultRendering() || r.isPanel ? "survey-" + r.getTemplate() : r.getComponentName();
68
69
  }
69
- function le(l) {
70
- const s = z(), n = ke(() => {
71
- s.value = l(), se(s);
70
+ function le(r) {
71
+ const s = U(), n = be(() => {
72
+ s.value = r(), se(s);
72
73
  });
73
- return Q(() => {
74
+ return G(() => {
74
75
  n();
75
76
  }), s;
76
77
  }
@@ -81,21 +82,19 @@ const Qe = /* @__PURE__ */ h({
81
82
  page: {},
82
83
  css: {}
83
84
  },
84
- setup(l) {
85
- const s = l, n = $(null), e = () => {
85
+ setup(r) {
86
+ const s = r, n = $(null), e = () => {
86
87
  s.survey && n.value && s.survey.afterRenderPage(n.value);
87
- };
88
- B(
88
+ }, o = w(() => s.page._showDescription);
89
+ return B(
89
90
  () => s.page,
90
91
  () => {
91
92
  e();
92
93
  }
93
- );
94
- const o = w(() => s.page._showDescription);
95
- return M(() => {
94
+ ), M(() => {
96
95
  e();
97
- }), (t, r) => {
98
- const c = q("survey-element-title"), m = q("survey-string"), p = q("survey-errors"), y = q("survey-row");
96
+ }), (t, l) => {
97
+ const c = g("survey-element-title"), m = g("survey-string"), p = g("survey-errors"), q = g("survey-row");
99
98
  return i(), u("div", {
100
99
  class: a(t.page.cssRoot),
101
100
  ref_key: "root",
@@ -114,18 +113,17 @@ const Qe = /* @__PURE__ */ h({
114
113
  }, null, 8, ["locString"])
115
114
  ], 2)) : d("", !0),
116
115
  C(p, { element: t.page }, null, 8, ["element"]),
117
- (i(!0), u(_, null, D(t.page.rows, (f) => (i(), g(T(t.page.getSurvey().getRowWrapperComponentName(f)), O(E({
116
+ (i(!0), u(_, null, D(t.page.visibleRows, (f) => (i(), y(T(t.page.getSurvey().getRowWrapperComponentName(f)), z(E({
118
117
  key: f.id
119
118
  }, {
120
119
  componentData: t.page.getSurvey().getRowWrapperComponentData(f)
121
120
  })), {
122
121
  default: F(() => [
123
- f.visible ? (i(), g(y, {
124
- key: 0,
122
+ C(q, {
125
123
  row: f,
126
124
  survey: t.survey,
127
125
  css: t.css
128
- }, null, 8, ["row", "survey", "css"])) : d("", !0)
126
+ }, null, 8, ["row", "survey", "css"])
129
127
  ]),
130
128
  _: 2
131
129
  }, 1040))), 128))
@@ -137,20 +135,20 @@ const Qe = /* @__PURE__ */ h({
137
135
  props: {
138
136
  survey: {}
139
137
  },
140
- setup(l) {
141
- const s = l, n = $();
138
+ setup(r) {
139
+ const s = r, n = $();
142
140
  return M(() => {
143
141
  var e = n.value;
144
142
  e && s.survey && s.survey.afterRenderHeader(e);
145
143
  }), (e, o) => {
146
- const t = q("survey-element-title"), r = q("survey-string");
144
+ const t = g("survey-element-title"), l = g("survey-string");
147
145
  return e.survey.renderedHasHeader ? (i(), u("div", {
148
146
  key: 0,
149
147
  class: a(e.survey.css.header),
150
148
  ref_key: "root",
151
149
  ref: n
152
150
  }, [
153
- e.survey.isLogoBefore ? (i(), g(T(e.survey.getElementWrapperComponentName(e.survey, "logo-image")), {
151
+ e.survey.isLogoBefore ? (i(), y(T(e.survey.getElementWrapperComponentName(e.survey, "logo-image")), {
154
152
  key: 0,
155
153
  data: e.survey.getElementWrapperComponentData(e.survey, "logo-image")
156
154
  }, null, 8, ["data"])) : d("", !0),
@@ -167,12 +165,12 @@ const Qe = /* @__PURE__ */ h({
167
165
  key: 0,
168
166
  class: a(e.survey.css.description)
169
167
  }, [
170
- C(r, {
168
+ C(l, {
171
169
  locString: e.survey.locDescription
172
170
  }, null, 8, ["locString"])
173
171
  ], 2)) : d("", !0)
174
172
  ], 6)) : d("", !0),
175
- e.survey.isLogoAfter ? (i(), g(T(e.survey.getElementWrapperComponentName(e.survey, "logo-image")), {
173
+ e.survey.isLogoAfter ? (i(), y(T(e.survey.getElementWrapperComponentName(e.survey, "logo-image")), {
176
174
  key: 2,
177
175
  data: e.survey.getElementWrapperComponentData(e.survey, "logo-image")
178
176
  }, null, 8, ["data"])) : d("", !0),
@@ -189,37 +187,35 @@ const Qe = /* @__PURE__ */ h({
189
187
  css: {},
190
188
  survey: {}
191
189
  },
192
- setup(l) {
193
- const s = l, n = w(
194
- () => s.row.visibleElements
195
- ), e = $();
190
+ setup(r) {
191
+ const s = r, n = $();
196
192
  return B(
197
193
  () => s.row,
198
- (o, t) => {
199
- t && (o.isNeedRender = t.isNeedRender);
194
+ (e, o) => {
195
+ e.setRootElement(n.value), o && (e.isNeedRender = o.isNeedRender);
200
196
  },
201
- (o) => {
202
- o.stopLazyRendering(), o.isNeedRender = !o.isLazyRendering();
197
+ (e) => {
198
+ e.setRootElement(void 0), e.stopLazyRendering(), e.isNeedRender = !e.isLazyRendering();
203
199
  }
204
200
  ), M(() => {
205
- if (s.row && !s.row.isNeedRender) {
206
- const o = e.value;
201
+ if (s.row && (s.row.setRootElement(n.value), !s.row.isNeedRender)) {
202
+ const e = n.value;
207
203
  setTimeout(() => {
208
- s.row.startLazyRendering(o);
204
+ s.row.startLazyRendering(e);
209
205
  }, 10);
210
206
  }
211
- }), (o, t) => {
212
- const r = q("survey-element");
207
+ }), (e, o) => {
208
+ const t = g("survey-element");
213
209
  return i(), u("div", {
214
- class: a(o.row.getRowCss()),
210
+ class: a(e.row.getRowCss()),
215
211
  ref_key: "root",
216
- ref: e
212
+ ref: n
217
213
  }, [
218
- (i(!0), u(_, null, D(n.value, (c) => (i(), g(r, {
219
- row: o.row,
220
- css: o.css,
221
- element: c,
222
- key: c.id
214
+ (i(!0), u(_, null, D(e.row.visibleElements, (l) => (i(), y(t, {
215
+ row: e.row,
216
+ css: e.css,
217
+ element: l,
218
+ key: l.id
223
219
  }, null, 8, ["row", "css", "element"]))), 128))
224
220
  ], 2);
225
221
  };
@@ -234,29 +230,29 @@ const Qe = /* @__PURE__ */ h({
234
230
  element: {},
235
231
  css: {}
236
232
  },
237
- setup(l) {
238
- const s = l, n = $(null), e = w(() => s.element.showErrorOnTop), o = w(() => s.element.showErrorOnBottom), t = (b) => b.cssContent, r = () => s.element.getRootStyle();
233
+ setup(r) {
234
+ const s = r, n = $(null), e = w(() => s.element.showErrorOnTop), o = w(() => s.element.showErrorOnBottom), t = (b) => b.cssContent, l = () => s.element.getRootStyle();
239
235
  B(() => s.element);
240
236
  const c = () => {
241
237
  n.value && s.element.afterRender(n.value);
242
- }, m = J(
238
+ }, m = Q(
243
239
  () => n.value,
244
240
  () => {
245
241
  c();
246
242
  }
247
- ), p = w(() => s.element.customWidget ? "survey-customwidget" : s.element.isDefaultRendering() ? "survey-" + s.element.getTemplate() : s.element.getComponentName()), y = w(() => s.element.survey.getQuestionContentWrapperComponentName(s.element)), f = w(() => ({
243
+ ), p = w(() => s.element.customWidget ? "survey-customwidget" : s.element.isDefaultRendering() ? "survey-" + s.element.getTemplate() : s.element.getComponentName()), q = w(() => s.element.survey.getQuestionContentWrapperComponentName(s.element)), f = w(() => ({
248
244
  componentData: {
249
245
  question: s.element,
250
246
  data: s.element.survey.getElementWrapperComponentData(s.element)
251
247
  }
252
248
  }));
253
- return U(() => {
249
+ return O(() => {
254
250
  m();
255
251
  }), (b, N) => {
256
- const k = q("survey-errors"), L = q("survey-element-header"), W = q("survey-string"), V = q("survey-question-comment");
252
+ const k = g("survey-errors"), L = g("survey-element-header"), W = g("survey-string"), V = g("survey-question-comment");
257
253
  return i(), u("div", {
258
254
  class: a(b.element.getRootCss()),
259
- style: S(r()),
255
+ style: S(l()),
260
256
  ref_key: "root",
261
257
  ref: n,
262
258
  onFocusin: N[0] || (N[0] = (K) => b.element.focusIn()),
@@ -269,33 +265,30 @@ const Qe = /* @__PURE__ */ h({
269
265
  "aria-expanded": b.element.ariaExpanded === null ? void 0 : b.element.ariaExpanded === "true",
270
266
  "data-name": b.element.name
271
267
  }, [
272
- b.element.showErrorsAboveQuestion ? (i(), g(k, {
268
+ b.element.showErrorsAboveQuestion ? (i(), y(k, {
273
269
  key: 0,
274
270
  element: b.element,
275
271
  location: "top"
276
272
  }, null, 8, ["element"])) : d("", !0),
277
- b.element.hasTitleOnLeftTop ? (i(), g(L, {
273
+ b.element.hasTitleOnLeftTop ? (i(), y(L, {
278
274
  key: 1,
279
275
  element: b.element,
280
276
  css: b.css
281
277
  }, null, 8, ["element", "css"])) : d("", !0),
282
- (i(), g(T(y.value), O(ne(f.value)), {
278
+ (i(), y(T(q.value), z(ne(f.value)), {
283
279
  default: F(() => [
284
280
  P(v("div", {
285
281
  class: a(t(b.element) || void 0),
286
282
  role: "presentation"
287
283
  }, [
288
- e.value ? (i(), g(k, {
284
+ e.value ? (i(), y(k, {
289
285
  key: 0,
290
286
  element: b.element,
291
287
  location: "top"
292
288
  }, null, 8, ["element"])) : d("", !0),
293
- b.element.isCollapsed ? d("", !0) : (i(), g(T(p.value), {
294
- key: 1,
295
- question: b.element
296
- }, null, 8, ["question"])),
289
+ (i(), y(T(p.value), { question: b.element }, null, 8, ["question"])),
297
290
  b.element.hasComment ? (i(), u("div", {
298
- key: 2,
291
+ key: 1,
299
292
  class: a(b.element.getCommentAreaCss())
300
293
  }, [
301
294
  v("div", null, [
@@ -305,13 +298,13 @@ const Qe = /* @__PURE__ */ h({
305
298
  ]),
306
299
  C(V, { question: b.element }, null, 8, ["question"])
307
300
  ], 2)) : d("", !0),
308
- o.value ? (i(), g(k, {
309
- key: 3,
301
+ o.value ? (i(), y(k, {
302
+ key: 2,
310
303
  element: b.element,
311
304
  location: "bottom"
312
305
  }, null, 8, ["element"])) : d("", !0),
313
306
  b.element.hasDescriptionUnderInput ? (i(), u("div", {
314
- key: 4,
307
+ key: 3,
315
308
  class: a(b.element.cssClasses.descriptionUnderInput),
316
309
  id: b.element.ariaDescriptionId
317
310
  }, [
@@ -320,17 +313,17 @@ const Qe = /* @__PURE__ */ h({
320
313
  }, null, 8, ["locString"])
321
314
  ], 10, Ye)) : d("", !0)
322
315
  ], 2), [
323
- [H, !b.element.isCollapsed]
316
+ [H, b.element.renderedIsExpanded]
324
317
  ])
325
318
  ]),
326
319
  _: 1
327
320
  }, 16)),
328
- b.element.hasTitleOnBottom ? (i(), g(L, {
321
+ b.element.hasTitleOnBottom ? (i(), y(L, {
329
322
  key: 2,
330
323
  element: b.element,
331
324
  css: b.css
332
325
  }, null, 8, ["element", "css"])) : d("", !0),
333
- b.element.showErrorsBelowQuestion ? (i(), g(k, {
326
+ b.element.showErrorsBelowQuestion ? (i(), y(k, {
334
327
  key: 3,
335
328
  element: b.element,
336
329
  location: "bottom"
@@ -349,58 +342,57 @@ const Qe = /* @__PURE__ */ h({
349
342
  isEditMode: { type: Boolean },
350
343
  css: {}
351
344
  },
352
- setup(l) {
353
- const s = l, n = $(null), e = w(() => s.element.survey);
345
+ setup(r) {
346
+ const s = r, n = $(null), e = w(() => s.element.survey);
354
347
  return B(() => s.element), M(() => {
355
348
  s.element.survey && s.element.survey.afterRenderPanel(s.element, n.value);
356
349
  }), (o, t) => {
357
- const r = q("survey-errors"), c = q("survey-element-header"), m = q("survey-row"), p = q("sv-action-bar");
358
- return o.element.isVisible ? (i(), u("div", {
350
+ const l = g("survey-errors"), c = g("survey-element-header"), m = g("survey-row"), p = g("sv-action-bar");
351
+ return o.element.getIsContentVisible() ? (i(), u("div", {
359
352
  key: 0,
360
353
  class: a(o.element.getContainerCss()),
361
354
  id: o.element.id,
362
- onFocusin: t[0] || (t[0] = (y) => o.element.focusIn()),
355
+ onFocusin: t[0] || (t[0] = (q) => o.element.focusIn()),
363
356
  ref_key: "root",
364
357
  ref: n
365
358
  }, [
366
- o.element.showErrorsAbovePanel ? (i(), g(r, {
359
+ o.element.showErrorsAbovePanel ? (i(), y(l, {
367
360
  key: 0,
368
361
  element: o.element
369
362
  }, null, 8, ["element"])) : d("", !0),
370
- o.element.hasTitle || o.element.hasDescription ? (i(), g(c, {
363
+ o.element.hasTitle || o.element.hasDescription ? (i(), y(c, {
371
364
  key: 1,
372
365
  element: o.element,
373
366
  css: o.css
374
367
  }, null, 8, ["element", "css"])) : d("", !0),
375
- o.element.showErrorsAbovePanel ? d("", !0) : (i(), g(r, {
368
+ o.element.showErrorsAbovePanel ? d("", !0) : (i(), y(l, {
376
369
  key: 2,
377
370
  element: o.element
378
371
  }, null, 8, ["element"])),
379
- o.element.isCollapsed ? d("", !0) : (i(), u("div", {
372
+ o.element.renderedIsExpanded ? (i(), u("div", {
380
373
  key: 3,
381
374
  id: o.element.contentId,
382
375
  style: S({ paddingLeft: o.element.innerPaddingLeft }),
383
376
  class: a(o.element.cssClasses.panel.content)
384
377
  }, [
385
- (i(!0), u(_, null, D(o.element.rows, (y) => (i(), g(T(o.element.getSurvey().getRowWrapperComponentName(y)), O(E({
386
- key: y.id
378
+ (i(!0), u(_, null, D(o.element.visibleRows, (q) => (i(), y(T(o.element.getSurvey().getRowWrapperComponentName(q)), z(E({
379
+ key: q.id
387
380
  }, {
388
- componentData: o.element.getSurvey().getRowWrapperComponentData(y)
381
+ componentData: o.element.getSurvey().getRowWrapperComponentData(q)
389
382
  })), {
390
383
  default: F(() => [
391
- y.visible ? (i(), g(m, {
392
- key: 0,
393
- row: y,
384
+ C(m, {
385
+ row: q,
394
386
  survey: e.value,
395
387
  css: o.css
396
- }, null, 8, ["row", "survey", "css"])) : d("", !0)
388
+ }, null, 8, ["row", "survey", "css"])
397
389
  ]),
398
390
  _: 2
399
391
  }, 1040))), 128)),
400
392
  C(p, {
401
393
  model: o.element.getFooterToolbar()
402
394
  }, null, 8, ["model"])
403
- ], 14, ss))
395
+ ], 14, ss)) : d("", !0)
404
396
  ], 42, es)) : d("", !0);
405
397
  };
406
398
  }
@@ -410,12 +402,12 @@ const Qe = /* @__PURE__ */ h({
410
402
  element: {},
411
403
  css: {}
412
404
  },
413
- setup(l) {
414
- const s = l, n = (e) => {
405
+ setup(r) {
406
+ const s = r, n = (e) => {
415
407
  typeof s.element.clickTitleFunction == "function" && s.element.clickTitleFunction(e);
416
408
  };
417
409
  return (e, o) => {
418
- const t = q("survey-element-title"), r = q("survey-string"), c = q("sv-action-bar");
410
+ const t = g("survey-element-title"), l = g("survey-string"), c = g("sv-action-bar");
419
411
  return i(), u("div", {
420
412
  class: a(e.element.cssHeader),
421
413
  onClick: n
@@ -429,13 +421,13 @@ const Qe = /* @__PURE__ */ h({
429
421
  class: a(e.element.cssDescription),
430
422
  id: e.element.ariaDescriptionId
431
423
  }, [
432
- C(r, {
424
+ C(l, {
433
425
  locString: e.element.locDescription
434
426
  }, null, 8, ["locString"])
435
427
  ], 10, ts)), [
436
428
  [H, e.element.hasDescription]
437
429
  ]) : d("", !0),
438
- e.element.additionalTitleToolbar ? (i(), g(c, {
430
+ e.element.additionalTitleToolbar ? (i(), y(c, {
439
431
  key: 1,
440
432
  model: e.element.additionalTitleToolbar
441
433
  }, null, 8, ["model"])) : d("", !0)
@@ -447,8 +439,8 @@ const Qe = /* @__PURE__ */ h({
447
439
  props: {
448
440
  locString: {}
449
441
  },
450
- setup(l) {
451
- return (s, n) => (i(), g(T(s.locString.renderAs), {
442
+ setup(r) {
443
+ return (s, n) => (i(), y(T(s.locString.renderAs), {
452
444
  locString: s.locString.renderAsData
453
445
  }, null, 8, ["locString"]));
454
446
  }
@@ -457,8 +449,8 @@ const Qe = /* @__PURE__ */ h({
457
449
  props: {
458
450
  locString: {}
459
451
  },
460
- setup(l) {
461
- const s = l, n = G(() => s.locString), e = s.locString.allowLineBreaks ? "sv-string-viewer sv-string-viewer--multiline" : "sv-string-viewer";
452
+ setup(r) {
453
+ const s = r, n = J(() => s.locString), e = s.locString.allowLineBreaks ? "sv-string-viewer sv-string-viewer--multiline" : "sv-string-viewer";
462
454
  return (o, t) => o.locString.hasHtml ? (i(), u("span", {
463
455
  key: 0,
464
456
  class: a(I(e)),
@@ -473,8 +465,8 @@ const Qe = /* @__PURE__ */ h({
473
465
  props: {
474
466
  locString: {}
475
467
  },
476
- setup(l) {
477
- const s = l, n = (o) => {
468
+ setup(r) {
469
+ const s = r, n = (o) => {
478
470
  const t = s.locString;
479
471
  t.text = o.target.innerText;
480
472
  }, e = (o) => {
@@ -500,23 +492,23 @@ const Qe = /* @__PURE__ */ h({
500
492
  props: {
501
493
  element: {}
502
494
  },
503
- setup(l) {
504
- const s = l;
495
+ setup(r) {
496
+ const s = r;
505
497
  return B(() => s.element), (n, e) => (i(), u("div", {
506
498
  class: "sv-skeleton-element",
507
499
  id: n.element.id
508
500
  }, null, 8, ms));
509
501
  }
510
- }), ps = ["id"], vs = ["value"], ys = /* @__PURE__ */ h({
502
+ }), ps = ["id"], vs = ["value"], qs = /* @__PURE__ */ h({
511
503
  inheritAttrs: !1,
512
504
  __name: "Text",
513
505
  props: {
514
506
  question: {}
515
507
  },
516
- setup(l) {
517
- const s = l, n = $(null);
508
+ setup(r) {
509
+ const s = r, n = $(null);
518
510
  return A(s, n), (e, o) => {
519
- const t = q("survey-text-input");
511
+ const t = g("survey-text-input");
520
512
  return e.question.isReadOnlyRenderDiv() ? (i(), u("div", {
521
513
  key: 0,
522
514
  ref_key: "root",
@@ -530,111 +522,111 @@ const Qe = /* @__PURE__ */ h({
530
522
  v("datalist", {
531
523
  id: e.question.dataListId
532
524
  }, [
533
- (i(!0), u(_, null, D(e.question.dataList, (r) => (i(), u("option", { value: r }, null, 8, vs))), 256))
525
+ (i(!0), u(_, null, D(e.question.dataList, (l) => (i(), u("option", { value: l }, null, 8, vs))), 256))
534
526
  ], 8, ps)
535
- ], 512)) : (i(), g(t, {
527
+ ], 512)) : (i(), y(t, {
536
528
  key: 2,
537
529
  question: e.question,
538
- "get-ref": (r) => {
539
- n.value = r;
530
+ "get-ref": (l) => {
531
+ n.value = l;
540
532
  }
541
533
  }, null, 8, ["question", "get-ref"]));
542
534
  };
543
535
  }
544
- }), qs = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], gs = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], hs = /* @__PURE__ */ h({
536
+ }), gs = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], ys = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], hs = /* @__PURE__ */ h({
545
537
  __name: "TextInput",
546
538
  props: {
547
539
  question: {},
548
540
  getRef: { type: Function }
549
541
  },
550
- setup(l, { expose: s }) {
551
- const n = l, e = function(r) {
552
- n.getRef && n.getRef(r);
542
+ setup(r, { expose: s }) {
543
+ const n = r, e = function(l) {
544
+ n.getRef && n.getRef(l);
553
545
  }, o = $(null);
554
546
  s({ root: o }), B(() => n.question);
555
547
  const t = w(() => n.question.inputStyle);
556
- return (r, c) => {
557
- const m = q("sv-character-counter");
558
- return r.question.getMaxLength() ? (i(), u("div", {
548
+ return (l, c) => {
549
+ const m = g("sv-character-counter");
550
+ return l.question.getMaxLength() ? (i(), u("div", {
559
551
  key: 1,
560
552
  ref: (p) => e(p)
561
553
  }, [
562
554
  v("input", {
563
- disabled: r.question.isInputReadOnly,
564
- class: a(r.question.getControlClass()),
565
- type: r.question.inputType,
566
- maxlength: r.question.getMaxLength(),
567
- min: r.question.renderedMin,
568
- max: r.question.renderedMax,
569
- step: r.question.renderedStep,
570
- size: r.question.renderedInputSize,
555
+ disabled: l.question.isInputReadOnly,
556
+ class: a(l.question.getControlClass()),
557
+ type: l.question.inputType,
558
+ maxlength: l.question.getMaxLength(),
559
+ min: l.question.renderedMin,
560
+ max: l.question.renderedMax,
561
+ step: l.question.renderedStep,
562
+ size: l.question.renderedInputSize,
571
563
  style: S(t.value),
572
- id: r.question.inputId,
573
- list: r.question.dataListId,
574
- placeholder: r.question.renderedPlaceholder,
575
- autocomplete: r.question.autocomplete,
576
- value: r.question.inputValue,
577
- onChange: c[6] || (c[6] = (...p) => r.question.onChange && r.question.onChange(...p)),
578
- onKeyup: c[7] || (c[7] = (...p) => r.question.onKeyUp && r.question.onKeyUp(...p)),
579
- onKeydown: c[8] || (c[8] = (...p) => r.question.onKeyDown && r.question.onKeyDown(...p)),
580
- onCompositionUpdate: c[9] || (c[9] = (...p) => r.question.onCompositionUpdate && r.question.onCompositionUpdate(...p)),
581
- onBlur: c[10] || (c[10] = (...p) => r.question.onBlur && r.question.onBlur(...p)),
582
- onFocus: c[11] || (c[11] = (...p) => r.question.onFocus && r.question.onFocus(...p)),
583
- "aria-required": r.question.a11y_input_ariaRequired,
584
- "aria-label": r.question.a11y_input_ariaLabel,
585
- "aria-labelledby": r.question.a11y_input_ariaLabelledBy,
586
- "aria-describedby": r.question.a11y_input_ariaDescribedBy,
587
- "aria-invalid": r.question.a11y_input_ariaInvalid,
588
- "aria-errormessage": r.question.a11y_input_ariaErrormessage
589
- }, null, 46, gs),
564
+ id: l.question.inputId,
565
+ list: l.question.dataListId,
566
+ placeholder: l.question.renderedPlaceholder,
567
+ autocomplete: l.question.autocomplete,
568
+ value: l.question.inputValue,
569
+ onChange: c[6] || (c[6] = (...p) => l.question.onChange && l.question.onChange(...p)),
570
+ onKeyup: c[7] || (c[7] = (...p) => l.question.onKeyUp && l.question.onKeyUp(...p)),
571
+ onKeydown: c[8] || (c[8] = (...p) => l.question.onKeyDown && l.question.onKeyDown(...p)),
572
+ onCompositionUpdate: c[9] || (c[9] = (...p) => l.question.onCompositionUpdate && l.question.onCompositionUpdate(...p)),
573
+ onBlur: c[10] || (c[10] = (...p) => l.question.onBlur && l.question.onBlur(...p)),
574
+ onFocus: c[11] || (c[11] = (...p) => l.question.onFocus && l.question.onFocus(...p)),
575
+ "aria-required": l.question.a11y_input_ariaRequired,
576
+ "aria-label": l.question.a11y_input_ariaLabel,
577
+ "aria-labelledby": l.question.a11y_input_ariaLabelledBy,
578
+ "aria-describedby": l.question.a11y_input_ariaDescribedBy,
579
+ "aria-invalid": l.question.a11y_input_ariaInvalid,
580
+ "aria-errormessage": l.question.a11y_input_ariaErrormessage
581
+ }, null, 46, ys),
590
582
  C(m, {
591
- counter: r.question.characterCounter,
592
- remainingCharacterCounter: r.question.cssClasses.remainingCharacterCounter
583
+ counter: l.question.characterCounter,
584
+ remainingCharacterCounter: l.question.cssClasses.remainingCharacterCounter
593
585
  }, null, 8, ["counter", "remainingCharacterCounter"])
594
586
  ], 512)) : (i(), u("input", {
595
587
  key: 0,
596
588
  ref: (p) => e(p),
597
- disabled: r.question.isInputReadOnly,
598
- class: a(r.question.getControlClass()),
599
- type: r.question.inputType,
600
- maxlength: r.question.getMaxLength(),
601
- min: r.question.renderedMin,
602
- max: r.question.renderedMax,
603
- step: r.question.renderedStep,
604
- size: r.question.renderedInputSize,
589
+ disabled: l.question.isInputReadOnly,
590
+ class: a(l.question.getControlClass()),
591
+ type: l.question.inputType,
592
+ maxlength: l.question.getMaxLength(),
593
+ min: l.question.renderedMin,
594
+ max: l.question.renderedMax,
595
+ step: l.question.renderedStep,
596
+ size: l.question.renderedInputSize,
605
597
  style: S(t.value),
606
- id: r.question.inputId,
607
- list: r.question.dataListId,
608
- placeholder: r.question.renderedPlaceholder,
609
- autocomplete: r.question.autocomplete,
610
- value: r.question.inputValue,
611
- onChange: c[0] || (c[0] = (...p) => r.question.onChange && r.question.onChange(...p)),
612
- onKeyup: c[1] || (c[1] = (...p) => r.question.onKeyUp && r.question.onKeyUp(...p)),
613
- onKeydown: c[2] || (c[2] = (...p) => r.question.onKeyDown && r.question.onKeyDown(...p)),
614
- onCompositionUpdate: c[3] || (c[3] = (...p) => r.question.onCompositionUpdate && r.question.onCompositionUpdate(...p)),
615
- onBlur: c[4] || (c[4] = (...p) => r.question.onBlur && r.question.onBlur(...p)),
616
- onFocus: c[5] || (c[5] = (...p) => r.question.onFocus && r.question.onFocus(...p)),
617
- "aria-required": r.question.a11y_input_ariaRequired,
618
- "aria-label": r.question.a11y_input_ariaLabel,
619
- "aria-labelledby": r.question.a11y_input_ariaLabelledBy,
620
- "aria-describedby": r.question.a11y_input_ariaDescribedBy,
621
- "aria-invalid": r.question.a11y_input_ariaInvalid,
622
- "aria-errormessage": r.question.a11y_input_ariaErrormessage
623
- }, null, 46, qs));
598
+ id: l.question.inputId,
599
+ list: l.question.dataListId,
600
+ placeholder: l.question.renderedPlaceholder,
601
+ autocomplete: l.question.autocomplete,
602
+ value: l.question.inputValue,
603
+ onChange: c[0] || (c[0] = (...p) => l.question.onChange && l.question.onChange(...p)),
604
+ onKeyup: c[1] || (c[1] = (...p) => l.question.onKeyUp && l.question.onKeyUp(...p)),
605
+ onKeydown: c[2] || (c[2] = (...p) => l.question.onKeyDown && l.question.onKeyDown(...p)),
606
+ onCompositionUpdate: c[3] || (c[3] = (...p) => l.question.onCompositionUpdate && l.question.onCompositionUpdate(...p)),
607
+ onBlur: c[4] || (c[4] = (...p) => l.question.onBlur && l.question.onBlur(...p)),
608
+ onFocus: c[5] || (c[5] = (...p) => l.question.onFocus && l.question.onFocus(...p)),
609
+ "aria-required": l.question.a11y_input_ariaRequired,
610
+ "aria-label": l.question.a11y_input_ariaLabel,
611
+ "aria-labelledby": l.question.a11y_input_ariaLabelledBy,
612
+ "aria-describedby": l.question.a11y_input_ariaDescribedBy,
613
+ "aria-invalid": l.question.a11y_input_ariaInvalid,
614
+ "aria-errormessage": l.question.a11y_input_ariaErrormessage
615
+ }, null, 46, gs));
624
616
  };
625
617
  }
626
618
  }), Cs = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], bs = {
627
619
  key: 0,
628
620
  class: "sv-hidden"
629
- }, ks = { key: 7 }, fs = ["value"], he = /* @__PURE__ */ h({
621
+ }, ks = { key: 7 }, fs = ["value"], ye = /* @__PURE__ */ h({
630
622
  inheritAttrs: !1,
631
623
  __name: "SelectBase",
632
624
  props: {
633
625
  question: {},
634
626
  showLegend: { type: Boolean }
635
627
  },
636
- setup(l) {
637
- const s = l, n = $(null);
628
+ setup(r) {
629
+ const s = r, n = $(null);
638
630
  A(s, n);
639
631
  const e = (t) => s.question.getItemValueWrapperComponentName(t) || s.question.itemComponent, o = (t) => ({
640
632
  componentName: s.question.itemComponent,
@@ -644,8 +636,8 @@ const Qe = /* @__PURE__ */ h({
644
636
  data: s.question.getItemValueWrapperComponentData(t)
645
637
  }
646
638
  });
647
- return (t, r) => {
648
- const c = q("survey-other-choice");
639
+ return (t, l) => {
640
+ const c = g("survey-other-choice");
649
641
  return i(), u("fieldset", {
650
642
  class: a(t.question.getSelectBaseRootCss()),
651
643
  ref_key: "root",
@@ -659,17 +651,17 @@ const Qe = /* @__PURE__ */ h({
659
651
  "aria-errormessage": t.question.a11y_input_ariaErrormessage
660
652
  }, [
661
653
  t.showLegend ? (i(), u("legend", bs, R(t.question.locTitle.renderedHtml), 1)) : d("", !0),
662
- t.question.hasHeadItems ? (i(!0), u(_, { key: 1 }, D(t.question.headItems, (m) => (i(), g(T(e(m)), E({
654
+ t.question.hasHeadItems ? (i(!0), u(_, { key: 1 }, D(t.question.headItems, (m) => (i(), y(T(e(m)), E({
663
655
  key: m.value
664
656
  }, o(m)), null, 16))), 128)) : d("", !0),
665
- !t.question.hasColumns && !t.question.blockedRow ? (i(!0), u(_, { key: 2 }, D(t.question.bodyItems, (m) => (i(), g(T(e(m)), E({
657
+ !t.question.hasColumns && !t.question.blockedRow ? (i(!0), u(_, { key: 2 }, D(t.question.bodyItems, (m) => (i(), y(T(e(m)), E({
666
658
  key: m.value
667
659
  }, o(m)), null, 16))), 128)) : d("", !0),
668
660
  t.question.blockedRow ? (i(), u("div", {
669
661
  key: 3,
670
662
  class: a(t.question.cssClasses.rootRow)
671
663
  }, [
672
- !t.question.hasColumns && t.question.blockedRow ? (i(!0), u(_, { key: 0 }, D(t.question.dataChoices, (m) => (i(), g(T(e(m)), E({
664
+ !t.question.hasColumns && t.question.blockedRow ? (i(!0), u(_, { key: 0 }, D(t.question.dataChoices, (m) => (i(), y(T(e(m)), E({
673
665
  key: m.value
674
666
  }, o(m)), null, 16))), 128)) : d("", !0)
675
667
  ], 2)) : d("", !0),
@@ -682,15 +674,15 @@ const Qe = /* @__PURE__ */ h({
682
674
  class: a(t.question.getColumnClass()),
683
675
  role: "presentation"
684
676
  }, [
685
- (i(!0), u(_, null, D(m, (y) => (i(), g(T(e(y)), E({
686
- key: y.value
687
- }, o(y)), null, 16))), 128))
677
+ (i(!0), u(_, null, D(m, (q) => (i(), y(T(e(q)), E({
678
+ key: q.value
679
+ }, o(q)), null, 16))), 128))
688
680
  ], 2))), 128)) : d("", !0)
689
681
  ], 2)) : d("", !0),
690
- t.question.hasFootItems ? (i(!0), u(_, { key: 5 }, D(t.question.footItems, (m) => (i(), g(T(e(m)), E({
682
+ t.question.hasFootItems ? (i(!0), u(_, { key: 5 }, D(t.question.footItems, (m) => (i(), y(T(e(m)), E({
691
683
  key: m.value
692
684
  }, o(m)), null, 16))), 128)) : d("", !0),
693
- t.question.renderedValue && t.question.isOtherSelected ? (i(), g(c, {
685
+ t.question.renderedValue && t.question.isOtherSelected ? (i(), y(c, {
694
686
  key: 6,
695
687
  question: t.question
696
688
  }, null, 8, ["question"])) : d("", !0),
@@ -698,7 +690,7 @@ const Qe = /* @__PURE__ */ h({
698
690
  v("input", {
699
691
  type: "button",
700
692
  class: a(t.question.cssClasses.clearButton),
701
- onClick: r[0] || (r[0] = () => {
693
+ onClick: l[0] || (l[0] = () => {
702
694
  t.question.clearValue();
703
695
  }),
704
696
  value: t.question.clearButtonCaption
@@ -713,8 +705,8 @@ const Qe = /* @__PURE__ */ h({
713
705
  props: {
714
706
  question: {}
715
707
  },
716
- setup(l) {
717
- return (s, n) => (i(), g(he, {
708
+ setup(r) {
709
+ return (s, n) => (i(), y(ye, {
718
710
  question: s.question,
719
711
  "show-legend": !0
720
712
  }, null, 8, ["question"]));
@@ -727,14 +719,14 @@ const Qe = /* @__PURE__ */ h({
727
719
  item: {},
728
720
  hideLabel: { type: Boolean }
729
721
  },
730
- setup(l) {
731
- const s = l;
722
+ setup(r) {
723
+ const s = r;
732
724
  B(() => s.item);
733
725
  const n = (e) => {
734
726
  s.question.clickItemHandler(s.item, e.target.checked);
735
727
  };
736
728
  return (e, o) => {
737
- const t = q("survey-string");
729
+ const t = g("survey-string");
738
730
  return i(), u("div", {
739
731
  role: "presentation",
740
732
  class: a(e.question.getItemClass(e.item))
@@ -747,8 +739,8 @@ const Qe = /* @__PURE__ */ h({
747
739
  role: "option",
748
740
  name: e.question.name + e.item.id,
749
741
  checked: e.question.isItemSelected(e.item),
750
- onInput: o[0] || (o[0] = (r) => {
751
- n(r);
742
+ onInput: o[0] || (o[0] = (l) => {
743
+ n(l);
752
744
  }),
753
745
  value: e.item.value,
754
746
  id: e.question.getItemId(e.item),
@@ -786,8 +778,8 @@ const Qe = /* @__PURE__ */ h({
786
778
  props: {
787
779
  question: {}
788
780
  },
789
- setup(l) {
790
- return (s, n) => (i(), g(he, { question: s.question }, null, 8, ["question"]));
781
+ setup(r) {
782
+ return (s, n) => (i(), y(ye, { question: s.question }, null, 8, ["question"]));
791
783
  }
792
784
  }), $s = ["name", "value", "id", "aria-errormessage", "disabled"], _s = ["xlink:href"], Ds = /* @__PURE__ */ h({
793
785
  inheritAttrs: !1,
@@ -797,22 +789,22 @@ const Qe = /* @__PURE__ */ h({
797
789
  item: {},
798
790
  hideLabel: { type: Boolean }
799
791
  },
800
- setup(l) {
801
- const s = l, n = (t) => s.question.getLabelClass(t), e = (t) => s.question.getControlLabelClass(t), o = w({
792
+ setup(r) {
793
+ const s = r, n = (t) => s.question.getLabelClass(t), e = (t) => s.question.getControlLabelClass(t), o = w({
802
794
  get: () => s.question.renderedValue,
803
795
  set: (t) => {
804
- const r = s.question;
805
- r.renderedValue = t;
796
+ const l = s.question;
797
+ l.renderedValue = t;
806
798
  }
807
799
  });
808
- return B(() => s.item), (t, r) => {
809
- const c = q("survey-string");
800
+ return B(() => s.item), (t, l) => {
801
+ const c = g("survey-string");
810
802
  return i(), u("div", {
811
803
  role: "presentation",
812
804
  class: a(t.question.getItemClass(t.item))
813
805
  }, [
814
806
  v("label", {
815
- onMousedown: r[1] || (r[1] = (m) => t.question.onMouseDown()),
807
+ onMousedown: l[1] || (l[1] = (m) => t.question.onMouseDown()),
816
808
  class: a(n(t.item))
817
809
  }, [
818
810
  P(v("input", {
@@ -821,7 +813,7 @@ const Qe = /* @__PURE__ */ h({
821
813
  value: t.item.value,
822
814
  id: t.question.getItemId(t.item),
823
815
  "aria-errormessage": t.question.ariaErrormessage,
824
- "onUpdate:modelValue": r[0] || (r[0] = (m) => o.value = m),
816
+ "onUpdate:modelValue": l[0] || (l[0] = (m) => o.value = m),
825
817
  disabled: !t.question.getItemEnabled(t.item),
826
818
  class: a(t.question.cssClasses.itemControl)
827
819
  }, null, 10, $s), [
@@ -858,10 +850,10 @@ const Qe = /* @__PURE__ */ h({
858
850
  props: {
859
851
  question: {}
860
852
  },
861
- setup(l) {
862
- const s = l, n = $(null);
853
+ setup(r) {
854
+ const s = r, n = $(null);
863
855
  return A(s, n), (e, o) => {
864
- const t = q("survey-string"), r = q("sv-svg-icon"), c = q("sv-loading-indicator");
856
+ const t = g("survey-string"), l = g("sv-svg-icon"), c = g("sv-loading-indicator");
865
857
  return i(), u("div", {
866
858
  class: a(e.question.cssClasses.root),
867
859
  ref_key: "root",
@@ -907,7 +899,7 @@ const Qe = /* @__PURE__ */ h({
907
899
  })
908
900
  }, [
909
901
  e.question.cssClasses.clearButtonIconId ? d("", !0) : (i(), u("span", Ns, "\u2716")),
910
- e.question.cssClasses.clearButtonIconId ? (i(), g(r, {
902
+ e.question.cssClasses.clearButtonIconId ? (i(), y(l, {
911
903
  key: 1,
912
904
  iconName: e.question.cssClasses.clearButtonIconId,
913
905
  size: "auto"
@@ -929,10 +921,10 @@ const Qe = /* @__PURE__ */ h({
929
921
  props: {
930
922
  question: {}
931
923
  },
932
- setup(l) {
933
- const s = l, n = $(null);
924
+ setup(r) {
925
+ const s = r, n = $(null);
934
926
  A(s, n);
935
- const e = G(() => s.question.locHtml);
927
+ const e = J(() => s.question.locHtml);
936
928
  return (o, t) => (i(), u("div", {
937
929
  ref_key: "root",
938
930
  ref: n,
@@ -946,12 +938,12 @@ const Qe = /* @__PURE__ */ h({
946
938
  props: {
947
939
  question: {}
948
940
  },
949
- setup(l) {
950
- const s = l, n = $(null);
941
+ setup(r) {
942
+ const s = r, n = $(null);
951
943
  A(s, n);
952
- const e = G(() => s.question.locImageLink);
944
+ const e = J(() => s.question.locImageLink);
953
945
  return (o, t) => {
954
- const r = q("sv-svg-icon");
946
+ const l = g("sv-svg-icon");
955
947
  return i(), u("div", {
956
948
  class: a(o.question.cssClasses.root),
957
949
  ref_key: "root",
@@ -1015,7 +1007,7 @@ const Qe = /* @__PURE__ */ h({
1015
1007
  key: 3,
1016
1008
  class: a(o.question.cssClasses.noImage)
1017
1009
  }, [
1018
- C(r, {
1010
+ C(l, {
1019
1011
  iconName: o.question.cssClasses.noImageSvgIconId,
1020
1012
  size: 48
1021
1013
  }, null, 8, ["iconName"])
@@ -1029,8 +1021,8 @@ const Qe = /* @__PURE__ */ h({
1029
1021
  props: {
1030
1022
  question: {}
1031
1023
  },
1032
- setup(l) {
1033
- const s = l, n = $(null);
1024
+ setup(r) {
1025
+ const s = r, n = $(null);
1034
1026
  return A(s, n), (e, o) => (i(), u("div", {
1035
1027
  class: a(e.question.cssClasses.root),
1036
1028
  ref_key: "root",
@@ -1043,10 +1035,10 @@ const Qe = /* @__PURE__ */ h({
1043
1035
  props: {
1044
1036
  question: {}
1045
1037
  },
1046
- setup(l) {
1047
- const s = l, n = $(null);
1038
+ setup(r) {
1039
+ const s = r, n = $(null);
1048
1040
  return A(s, n), (e, o) => {
1049
- const t = q("survey-string"), r = q("sv-file-choose-btn"), c = q("sv-action-bar"), m = q("sv-file-clean-btn"), p = q("sv-loading-indicator"), y = q("sv-file-video"), f = q("sv-file-preview");
1041
+ const t = g("survey-string"), l = g("sv-file-choose-btn"), c = g("sv-action-bar"), m = g("sv-file-clean-btn"), p = g("sv-loading-indicator"), q = g("sv-file-video"), f = g("sv-file-preview");
1050
1042
  return i(), u("div", {
1051
1043
  class: a(e.question.fileRootCss),
1052
1044
  ref_key: "root",
@@ -1098,11 +1090,11 @@ const Qe = /* @__PURE__ */ h({
1098
1090
  v("div", {
1099
1091
  class: a(e.question.cssClasses.wrapper)
1100
1092
  }, [
1101
- e.question.showChooseButton ? (i(), g(r, {
1093
+ e.question.showChooseButton ? (i(), y(l, {
1102
1094
  key: 0,
1103
1095
  data: { question: e.question }
1104
1096
  }, null, 8, ["data"])) : d("", !0),
1105
- e.question.actionsContainerVisible ? (i(), g(c, {
1097
+ e.question.actionsContainerVisible ? (i(), y(c, {
1106
1098
  key: 1,
1107
1099
  model: e.question.actionsContainer
1108
1100
  }, null, 8, ["model"])) : d("", !0),
@@ -1112,7 +1104,7 @@ const Qe = /* @__PURE__ */ h({
1112
1104
  }, R(e.question.noFileChosenCaption), 3)) : d("", !0)
1113
1105
  ], 2)
1114
1106
  ], 2)) : d("", !0),
1115
- e.question.showRemoveButton ? (i(), g(m, {
1107
+ e.question.showRemoveButton ? (i(), y(m, {
1116
1108
  key: 1,
1117
1109
  question: e.question,
1118
1110
  css: e.question.showRemoveButton
@@ -1123,20 +1115,20 @@ const Qe = /* @__PURE__ */ h({
1123
1115
  }, [
1124
1116
  C(p)
1125
1117
  ], 2)) : d("", !0),
1126
- e.question.isPlayingVideo ? (i(), g(y, {
1118
+ e.question.isPlayingVideo ? (i(), y(q, {
1127
1119
  key: 3,
1128
1120
  question: e.question
1129
1121
  }, null, 8, ["question"])) : d("", !0),
1130
- e.question.allowShowPreview ? (i(), g(f, {
1122
+ e.question.allowShowPreview ? (i(), y(f, {
1131
1123
  key: 4,
1132
1124
  question: e.question
1133
1125
  }, null, 8, ["question"])) : d("", !0),
1134
- e.question.showRemoveButtonBottom ? (i(), g(m, {
1126
+ e.question.showRemoveButtonBottom ? (i(), y(m, {
1135
1127
  key: 5,
1136
1128
  question: e.question,
1137
1129
  css: e.question.showRemoveButtonBottom
1138
1130
  }, null, 8, ["question", "css"])) : d("", !0),
1139
- e.question.fileNavigatorVisible ? (i(), g(c, {
1131
+ e.question.fileNavigatorVisible ? (i(), y(c, {
1140
1132
  key: 6,
1141
1133
  model: e.question.fileNavigator
1142
1134
  }, null, 8, ["model"])) : d("", !0)
@@ -1144,30 +1136,30 @@ const Qe = /* @__PURE__ */ h({
1144
1136
  ], 2);
1145
1137
  };
1146
1138
  }
1147
- }), Ks = { class: "sv-hidden" }, pe = "survey-imagepicker-item", js = /* @__PURE__ */ h({
1139
+ }), Ks = { class: "sv-hidden" }, ce = "survey-imagepicker-item", js = /* @__PURE__ */ h({
1148
1140
  inheritAttrs: !1,
1149
1141
  __name: "Imagepicker",
1150
1142
  props: {
1151
1143
  question: {}
1152
1144
  },
1153
- setup(l) {
1154
- const s = l, n = $(null);
1145
+ setup(r) {
1146
+ const s = r, n = $(null);
1155
1147
  A(s, n);
1156
- const e = (t) => s.question.getItemValueWrapperComponentName(t) || pe, o = (t) => ({
1157
- componentName: pe,
1148
+ const e = (t) => s.question.getItemValueWrapperComponentName(t) || ce, o = (t) => ({
1149
+ componentName: ce,
1158
1150
  componentData: {
1159
1151
  question: s.question,
1160
1152
  item: t,
1161
1153
  data: s.question.getItemValueWrapperComponentData(t)
1162
1154
  }
1163
1155
  });
1164
- return (t, r) => (i(), u("fieldset", {
1156
+ return (t, l) => (i(), u("fieldset", {
1165
1157
  class: a(t.question.getSelectBaseRootCss()),
1166
1158
  ref_key: "root",
1167
1159
  ref: n
1168
1160
  }, [
1169
1161
  v("legend", Ks, R(t.question.locTitle.renderedHtml), 1),
1170
- t.question.hasColumns ? d("", !0) : (i(!0), u(_, { key: 0 }, D(t.question.visibleChoices, (c) => (i(), g(T(e(c)), E({
1162
+ t.question.hasColumns ? d("", !0) : (i(!0), u(_, { key: 0 }, D(t.question.visibleChoices, (c) => (i(), y(T(e(c)), E({
1171
1163
  key: c.value
1172
1164
  }, o(c)), null, 16))), 128)),
1173
1165
  t.question.hasColumns ? (i(!0), u(_, { key: 1 }, D(t.question.columns, (c, m) => (i(), u("div", {
@@ -1175,7 +1167,7 @@ const Qe = /* @__PURE__ */ h({
1175
1167
  key: m,
1176
1168
  role: "presentation"
1177
1169
  }, [
1178
- (i(!0), u(_, null, D(c, (p) => (i(), g(T(e(p)), E({
1170
+ (i(!0), u(_, null, D(c, (p) => (i(), y(T(e(p)), E({
1179
1171
  key: p.value
1180
1172
  }, o(p)), null, 16))), 128))
1181
1173
  ], 2))), 128)) : d("", !0)
@@ -1188,12 +1180,12 @@ const Qe = /* @__PURE__ */ h({
1188
1180
  question: {},
1189
1181
  item: {}
1190
1182
  },
1191
- setup(l) {
1192
- const s = l, n = (o) => s.question.getItemClass(o);
1183
+ setup(r) {
1184
+ const s = r, n = (o) => s.question.getItemClass(o);
1193
1185
  B(() => s.item);
1194
- const e = G(() => s.item.locImageLink);
1186
+ const e = J(() => s.item.locImageLink);
1195
1187
  return (o, t) => {
1196
- const r = q("sv-svg-icon"), c = q("survey-string");
1188
+ const l = g("sv-svg-icon"), c = g("survey-string");
1197
1189
  return i(), u("div", {
1198
1190
  class: a(n(o.item))
1199
1191
  }, [
@@ -1241,7 +1233,7 @@ const Qe = /* @__PURE__ */ h({
1241
1233
  key: 0,
1242
1234
  class: a(o.question.cssClasses.checkedItemDecorator)
1243
1235
  }, [
1244
- o.question.cssClasses.checkedItemSvgIconId ? (i(), g(r, {
1236
+ o.question.cssClasses.checkedItemSvgIconId ? (i(), y(l, {
1245
1237
  key: 0,
1246
1238
  class: a(o.question.cssClasses.checkedItemSvgIcon),
1247
1239
  size: "auto",
@@ -1287,7 +1279,7 @@ const Qe = /* @__PURE__ */ h({
1287
1279
  objectFit: o.question.imageFit
1288
1280
  })
1289
1281
  }, [
1290
- C(r, {
1282
+ C(l, {
1291
1283
  class: a(o.question.cssClasses.itemNoImageSvgIcon),
1292
1284
  iconName: o.question.cssClasses.itemNoImageSvgIconId,
1293
1285
  size: 48
@@ -1314,15 +1306,15 @@ const Qe = /* @__PURE__ */ h({
1314
1306
  question: {},
1315
1307
  css: {}
1316
1308
  },
1317
- setup(l) {
1318
- const s = l, n = $(null);
1309
+ setup(r) {
1310
+ const s = r, n = $(null);
1319
1311
  A(s, n);
1320
1312
  const e = (o) => {
1321
1313
  const t = s.question;
1322
1314
  t.value = o.target.value;
1323
1315
  };
1324
1316
  return (o, t) => {
1325
- const r = q("sv-character-counter");
1317
+ const l = g("sv-character-counter");
1326
1318
  return !o.question.isReadOnlyRenderDiv() && !o.question.getMaxLength() ? (i(), u("textarea", {
1327
1319
  key: 0,
1328
1320
  ref_key: "root",
@@ -1380,7 +1372,7 @@ const Qe = /* @__PURE__ */ h({
1380
1372
  "aria-errormessage": o.question.a11y_input_ariaErrormessage,
1381
1373
  style: S({ resize: o.question.resizeStyle })
1382
1374
  }, null, 46, xs),
1383
- C(r, {
1375
+ C(l, {
1384
1376
  counter: o.question.characterCounter,
1385
1377
  remainingCharacterCounter: o.question.cssClasses.remainingCharacterCounter
1386
1378
  }, null, 8, ["counter", "remainingCharacterCounter"])
@@ -1397,17 +1389,17 @@ const Qe = /* @__PURE__ */ h({
1397
1389
  props: {
1398
1390
  question: {}
1399
1391
  },
1400
- setup(l) {
1401
- const s = l, n = $(null);
1392
+ setup(r) {
1393
+ const s = r, n = $(null);
1402
1394
  return A(s, n), (e, o) => {
1403
- const t = q("sv-dropdown"), r = q("survey-other-choice");
1395
+ const t = g("sv-dropdown"), l = g("survey-other-choice");
1404
1396
  return i(), u("div", {
1405
1397
  class: a(e.question.renderCssRoot),
1406
1398
  ref_key: "root",
1407
1399
  ref: n
1408
1400
  }, [
1409
1401
  C(t, { question: e.question }, null, 8, ["question"]),
1410
- e.question.isOtherSelected ? (i(), g(r, {
1402
+ e.question.isOtherSelected ? (i(), y(l, {
1411
1403
  key: 0,
1412
1404
  question: e.question
1413
1405
  }, null, 8, ["question"])) : d("", !0)
@@ -1429,74 +1421,74 @@ const rn = /* @__PURE__ */ h({
1429
1421
  props: {
1430
1422
  question: {}
1431
1423
  },
1432
- setup(l) {
1433
- const s = l, n = $(null);
1424
+ setup(r) {
1425
+ const s = r, n = $(null);
1434
1426
  A(s, n);
1435
- const e = (r) => {
1436
- s.question.onClick(r);
1437
- }, o = (r) => {
1438
- s.question.onKeyUp(r);
1427
+ const e = (l) => {
1428
+ s.question.onClick(l);
1429
+ }, o = (l) => {
1430
+ s.question.onKeyUp(l);
1439
1431
  }, t = w({
1440
1432
  get() {
1441
- var r;
1442
- return (r = s.question.value) != null ? r : "";
1433
+ var l;
1434
+ return (l = s.question.value) != null ? l : "";
1443
1435
  },
1444
- set(r) {
1436
+ set(l) {
1445
1437
  const c = s.question;
1446
- r === "" ? c.renderedValue = void 0 : c.renderedValue = r;
1438
+ l === "" ? c.renderedValue = void 0 : c.renderedValue = l;
1447
1439
  }
1448
1440
  });
1449
- return (r, c) => {
1450
- const m = q("sv-dropdown-option-item"), p = q("sv-svg-icon"), y = q("survey-other-choice");
1441
+ return (l, c) => {
1442
+ const m = g("sv-dropdown-option-item"), p = g("sv-svg-icon"), q = g("survey-other-choice");
1451
1443
  return i(), u("div", {
1452
- class: a(r.question.renderCssRoot),
1444
+ class: a(l.question.renderCssRoot),
1453
1445
  ref_key: "root",
1454
1446
  ref: n
1455
1447
  }, [
1456
1448
  v("div", {
1457
- class: a(r.question.cssClasses.selectWrapper)
1449
+ class: a(l.question.cssClasses.selectWrapper)
1458
1450
  }, [
1459
- r.question.isReadOnly ? (i(), u("div", {
1451
+ l.question.isReadOnly ? (i(), u("div", {
1460
1452
  key: 1,
1461
1453
  disabled: "",
1462
- id: r.question.inputId,
1463
- class: a(r.question.getControlClass())
1464
- }, R(r.question.readOnlyText), 11, tn)) : P((i(), u("select", {
1454
+ id: l.question.inputId,
1455
+ class: a(l.question.getControlClass())
1456
+ }, R(l.question.readOnlyText), 11, tn)) : P((i(), u("select", {
1465
1457
  key: 0,
1466
- id: r.question.inputId,
1458
+ id: l.question.inputId,
1467
1459
  "onUpdate:modelValue": c[0] || (c[0] = (f) => t.value = f),
1468
1460
  onClick: e,
1469
1461
  onKeyup: o,
1470
- autocomplete: r.question.autocomplete,
1471
- class: a(r.question.getControlClass()),
1472
- "aria-required": r.question.ariaRequired,
1473
- "aria-label": r.question.ariaLabel,
1474
- "aria-invalid": r.question.ariaInvalid,
1475
- "aria-errormessage": r.question.ariaErrormessage,
1476
- required: r.question.isRequired
1462
+ autocomplete: l.question.autocomplete,
1463
+ class: a(l.question.getControlClass()),
1464
+ "aria-required": l.question.ariaRequired,
1465
+ "aria-label": l.question.ariaLabel,
1466
+ "aria-invalid": l.question.ariaInvalid,
1467
+ "aria-errormessage": l.question.ariaErrormessage,
1468
+ required: l.question.isRequired
1477
1469
  }, [
1478
- r.question.allowClear ? (i(), u("option", on, R(r.question.placeholder), 1)) : d("", !0),
1479
- (i(!0), u(_, null, D(r.question.visibleChoices, (f) => (i(), g(m, {
1470
+ l.question.allowClear ? (i(), u("option", on, R(l.question.placeholder), 1)) : d("", !0),
1471
+ (i(!0), u(_, null, D(l.question.visibleChoices, (f) => (i(), y(m, {
1480
1472
  item: f,
1481
1473
  key: f.id
1482
1474
  }, null, 8, ["item"]))), 128))
1483
1475
  ], 42, nn)), [
1484
- [Ie, t.value]
1476
+ [fe, t.value]
1485
1477
  ]),
1486
- r.question.cssClasses.chevronButtonIconId ? (i(), u("div", {
1478
+ l.question.cssClasses.chevronButtonIconId ? (i(), u("div", {
1487
1479
  key: 2,
1488
- class: a(r.question.cssClasses.chevronButton)
1480
+ class: a(l.question.cssClasses.chevronButton)
1489
1481
  }, [
1490
1482
  C(p, {
1491
- class: a(r.question.cssClasses.chevronButtonSvg),
1492
- iconName: r.question.cssClasses.chevronButtonIconId,
1483
+ class: a(l.question.cssClasses.chevronButtonSvg),
1484
+ iconName: l.question.cssClasses.chevronButtonIconId,
1493
1485
  size: "auto"
1494
1486
  }, null, 8, ["class", "iconName"])
1495
1487
  ], 2)) : d("", !0)
1496
1488
  ], 2),
1497
- r.question.isOtherSelected ? (i(), g(y, {
1489
+ l.question.isOtherSelected ? (i(), y(q, {
1498
1490
  key: 0,
1499
- question: r.question
1491
+ question: l.question
1500
1492
  }, null, 8, ["question"])) : d("", !0)
1501
1493
  ], 2);
1502
1494
  };
@@ -1506,8 +1498,8 @@ const rn = /* @__PURE__ */ h({
1506
1498
  props: {
1507
1499
  item: {}
1508
1500
  },
1509
- setup(l) {
1510
- const s = l, n = G(() => s.item.locText);
1501
+ setup(r) {
1502
+ const s = r, n = J(() => s.item.locText);
1511
1503
  return B(() => s.item), (e, o) => (i(), u("option", {
1512
1504
  value: e.item.value,
1513
1505
  disabled: !e.item.isEnabled
@@ -1518,17 +1510,17 @@ const rn = /* @__PURE__ */ h({
1518
1510
  props: {
1519
1511
  question: {}
1520
1512
  },
1521
- setup(l) {
1522
- const s = l, n = $(null), e = w(() => {
1513
+ setup(r) {
1514
+ const s = r, n = $(null), e = w(() => {
1523
1515
  const k = s.question;
1524
- return k.dropdownListModel || (k.dropdownListModel = new Be(k)), s.question.dropdownListModel;
1516
+ return k.dropdownListModel || (k.dropdownListModel = new De(k)), s.question.dropdownListModel;
1525
1517
  }), o = (k) => {
1526
1518
  var L;
1527
1519
  (L = e.value) == null || L.onClick(k);
1528
1520
  }, t = (k) => {
1529
1521
  var L;
1530
1522
  (L = e.value) == null || L.chevronPointerDown(k);
1531
- }, r = (k) => {
1523
+ }, l = (k) => {
1532
1524
  var L;
1533
1525
  (L = e.value) == null || L.onClear(k);
1534
1526
  }, c = (k) => {
@@ -1537,12 +1529,12 @@ const rn = /* @__PURE__ */ h({
1537
1529
  }, m = () => {
1538
1530
  if (n.value) {
1539
1531
  const k = n.value, L = e.value.inputStringRendered;
1540
- Le.isTwoValueEquals(L, k.value, !1, !0, !1) || (k.value = e.value.inputStringRendered);
1532
+ Be.isTwoValueEquals(L, k.value, !1, !0, !1) || (k.value = e.value.inputStringRendered);
1541
1533
  }
1542
1534
  }, p = (k) => {
1543
1535
  var L;
1544
1536
  (L = e.value) == null || L.onBlur(k), m();
1545
- }, y = (k) => {
1537
+ }, q = (k) => {
1546
1538
  var L;
1547
1539
  (L = e.value) == null || L.onFocus(k);
1548
1540
  }, f = (k) => {
@@ -1551,7 +1543,7 @@ const rn = /* @__PURE__ */ h({
1551
1543
  () => s.question.showSelectedItemLocText
1552
1544
  ), N = w(() => s.question.selectedItemLocText);
1553
1545
  return B(() => e.value), te(m), M(m), (k, L) => {
1554
- const W = q("survey-string"), V = q("sv-svg-icon"), K = q("sv-popup");
1546
+ const W = g("survey-string"), V = g("sv-svg-icon"), K = g("sv-popup");
1555
1547
  return i(), u("div", {
1556
1548
  class: a(k.question.cssClasses.selectWrapper),
1557
1549
  onClick: o
@@ -1583,7 +1575,7 @@ const rn = /* @__PURE__ */ h({
1583
1575
  v("div", {
1584
1576
  class: a(k.question.cssClasses.controlValue)
1585
1577
  }, [
1586
- b.value ? (i(), g(W, {
1578
+ b.value ? (i(), y(W, {
1587
1579
  key: 0,
1588
1580
  locString: N.value
1589
1581
  }, null, 8, ["locString"])) : d("", !0),
@@ -1594,7 +1586,7 @@ const rn = /* @__PURE__ */ h({
1594
1586
  v("span", dn, R(e.value.inputStringRendered), 1),
1595
1587
  v("span", null, R(e.value.hintStringSuffix), 1)
1596
1588
  ], 2)) : d("", !0),
1597
- k.question.showInputFieldComponent ? (i(), g(T(k.question.inputFieldComponentName), {
1589
+ k.question.showInputFieldComponent ? (i(), y(T(k.question.inputFieldComponentName), {
1598
1590
  key: 2,
1599
1591
  item: e.value.getSelectedAction(),
1600
1592
  question: k.question
@@ -1620,13 +1612,13 @@ const rn = /* @__PURE__ */ h({
1620
1612
  placeholder: e.value.placeholderRendered,
1621
1613
  onInput: f,
1622
1614
  onBlur: p,
1623
- onFocus: y
1615
+ onFocus: q
1624
1616
  }, null, 42, mn)
1625
1617
  ], 2),
1626
1618
  k.question.allowClear && k.question.cssClasses.cleanButtonIconId ? P((i(), u("div", {
1627
1619
  key: 1,
1628
1620
  class: a(k.question.cssClasses.cleanButton),
1629
- onClick: r,
1621
+ onClick: l,
1630
1622
  "aria-hidden": "true"
1631
1623
  }, [
1632
1624
  C(V, {
@@ -1645,12 +1637,12 @@ const rn = /* @__PURE__ */ h({
1645
1637
  id: k.question.inputId,
1646
1638
  class: a(k.question.getControlClass())
1647
1639
  }, [
1648
- k.question.selectedItemLocText ? (i(), g(W, {
1640
+ k.question.selectedItemLocText ? (i(), y(W, {
1649
1641
  key: 0,
1650
1642
  locString: k.question.selectedItemLocText
1651
1643
  }, null, 8, ["locString"])) : d("", !0),
1652
1644
  v("div", null, R(k.question.readOnlyText), 1)
1653
- ], 10, cn)) : (i(), g(K, {
1645
+ ], 10, cn)) : (i(), y(K, {
1654
1646
  key: 1,
1655
1647
  model: k.question.dropdownListModel.popupModel
1656
1648
  }, null, 8, ["model"])),
@@ -1675,50 +1667,50 @@ const rn = /* @__PURE__ */ h({
1675
1667
  props: {
1676
1668
  question: {}
1677
1669
  },
1678
- setup(l) {
1679
- const s = l, n = $(null);
1670
+ setup(r) {
1671
+ const s = r, n = $(null);
1680
1672
  return A(s, n), (e, o) => {
1681
- const t = q("sv-tagbox"), r = q("survey-other-choice");
1673
+ const t = g("sv-tagbox"), l = g("survey-other-choice");
1682
1674
  return i(), u("div", {
1683
1675
  class: a(e.question.renderCssRoot),
1684
1676
  ref_key: "root",
1685
1677
  ref: n
1686
1678
  }, [
1687
1679
  C(t, { question: e.question }, null, 8, ["question"]),
1688
- e.question.isOtherSelected ? (i(), g(r, {
1680
+ e.question.isOtherSelected ? (i(), y(l, {
1689
1681
  key: 0,
1690
1682
  question: e.question
1691
1683
  }, null, 8, ["question"])) : d("", !0)
1692
1684
  ], 2);
1693
1685
  };
1694
1686
  }
1695
- }), yn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], qn = ["id"], gn = /* @__PURE__ */ h({
1687
+ }), qn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], gn = ["id"], yn = /* @__PURE__ */ h({
1696
1688
  __name: "Tagbox",
1697
1689
  props: {
1698
1690
  question: {}
1699
1691
  },
1700
- setup(l) {
1701
- const s = l, n = w(() => {
1692
+ setup(r) {
1693
+ const s = r, n = w(() => {
1702
1694
  const p = s.question;
1703
- return p.dropdownListModel || (p.dropdownListModel = new Ne(p)), s.question.dropdownListModel;
1695
+ return p.dropdownListModel || (p.dropdownListModel = new Le(p)), s.question.dropdownListModel;
1704
1696
  }), e = (p) => {
1705
- var y;
1706
- (y = n.value) == null || y.onClick(p);
1697
+ var q;
1698
+ (q = n.value) == null || q.onClick(p);
1707
1699
  }, o = (p) => {
1708
- var y;
1709
- (y = n.value) == null || y.chevronPointerDown(p);
1700
+ var q;
1701
+ (q = n.value) == null || q.chevronPointerDown(p);
1710
1702
  }, t = (p) => {
1711
- var y;
1712
- (y = n.value) == null || y.onClear(p);
1713
- }, r = (p) => {
1714
- var y;
1715
- (y = n.value) == null || y.keyHandler(p);
1703
+ var q;
1704
+ (q = n.value) == null || q.onClear(p);
1705
+ }, l = (p) => {
1706
+ var q;
1707
+ (q = n.value) == null || q.keyHandler(p);
1716
1708
  }, c = (p) => {
1717
- var y;
1718
- (y = n.value) == null || y.onBlur(p);
1709
+ var q;
1710
+ (q = n.value) == null || q.onBlur(p);
1719
1711
  }, m = le(() => s.question.selectedChoices);
1720
- return B(() => n.value), (p, y) => {
1721
- const f = q("sv-tagbox-item"), b = q("sv-tagbox-filter"), N = q("sv-svg-icon"), k = q("sv-popup"), L = q("survey-string");
1712
+ return B(() => n.value), (p, q) => {
1713
+ const f = g("sv-tagbox-item"), b = g("sv-tagbox-filter"), N = g("sv-svg-icon"), k = g("sv-popup"), L = g("survey-string");
1722
1714
  return i(), u("div", {
1723
1715
  class: a(p.question.cssClasses.selectWrapper),
1724
1716
  onClick: e
@@ -1728,7 +1720,7 @@ const rn = /* @__PURE__ */ h({
1728
1720
  id: p.question.inputId,
1729
1721
  tabindex: n.value.noTabIndex ? void 0 : 0,
1730
1722
  disabled: p.question.isInputReadOnly ? !0 : null,
1731
- onKeydown: r,
1723
+ onKeydown: l,
1732
1724
  onBlur: c,
1733
1725
  class: a(p.question.getControlClass()),
1734
1726
  role: p.question.ariaRole,
@@ -1744,7 +1736,7 @@ const rn = /* @__PURE__ */ h({
1744
1736
  v("div", {
1745
1737
  class: a(p.question.cssClasses.controlValue)
1746
1738
  }, [
1747
- (i(!0), u(_, null, D(I(m), (W, V) => (i(), g(f, {
1739
+ (i(!0), u(_, null, D(I(m), (W, V) => (i(), y(f, {
1748
1740
  item: W,
1749
1741
  question: p.question,
1750
1742
  key: "item" + V
@@ -1769,18 +1761,18 @@ const rn = /* @__PURE__ */ h({
1769
1761
  ], 2)), [
1770
1762
  [H, p.question.showClearButton]
1771
1763
  ]) : d("", !0)
1772
- ], 42, yn)),
1764
+ ], 42, qn)),
1773
1765
  p.question.isReadOnly ? (i(), u("div", {
1774
1766
  key: 2,
1775
1767
  disabled: "",
1776
1768
  id: p.question.inputId,
1777
1769
  class: a(p.question.getControlClass())
1778
1770
  }, [
1779
- p.question.locReadOnlyText ? (i(), g(L, {
1771
+ p.question.locReadOnlyText ? (i(), y(L, {
1780
1772
  key: 0,
1781
1773
  locString: p.question.locReadOnlyText
1782
1774
  }, null, 8, ["locString"])) : d("", !0)
1783
- ], 10, qn)) : (i(), g(k, {
1775
+ ], 10, gn)) : (i(), y(k, {
1784
1776
  key: 1,
1785
1777
  model: n.value.popupModel
1786
1778
  }, null, 8, ["model"])),
@@ -1805,66 +1797,66 @@ const rn = /* @__PURE__ */ h({
1805
1797
  question: {},
1806
1798
  model: {}
1807
1799
  },
1808
- setup(l) {
1809
- const s = l, n = (r) => {
1800
+ setup(r) {
1801
+ const s = r, n = (l) => {
1810
1802
  const c = s.model;
1811
- c.inputStringRendered = r.target.value;
1812
- }, e = (r) => {
1813
- s.model.inputKeyHandler(r);
1814
- }, o = (r) => {
1815
- s.model.onBlur(r);
1816
- }, t = (r) => {
1817
- s.model.onFocus(r);
1803
+ c.inputStringRendered = l.target.value;
1804
+ }, e = (l) => {
1805
+ s.model.inputKeyHandler(l);
1806
+ }, o = (l) => {
1807
+ s.model.onBlur(l);
1808
+ }, t = (l) => {
1809
+ s.model.onFocus(l);
1818
1810
  };
1819
- return B(() => s.model), (r, c) => {
1820
- const m = q("survey-string");
1811
+ return B(() => s.model), (l, c) => {
1812
+ const m = g("survey-string");
1821
1813
  return i(), u("div", {
1822
- class: a(r.question.cssClasses.hint)
1814
+ class: a(l.question.cssClasses.hint)
1823
1815
  }, [
1824
- r.model.showHintPrefix ? (i(), u("div", {
1816
+ l.model.showHintPrefix ? (i(), u("div", {
1825
1817
  key: 0,
1826
- class: a(r.question.cssClasses.hintPrefix)
1818
+ class: a(l.question.cssClasses.hintPrefix)
1827
1819
  }, [
1828
- v("span", null, R(r.model.hintStringPrefix), 1)
1820
+ v("span", null, R(l.model.hintStringPrefix), 1)
1829
1821
  ], 2)) : d("", !0),
1830
1822
  v("div", {
1831
- class: a(r.question.cssClasses.hintSuffixWrapper)
1823
+ class: a(l.question.cssClasses.hintSuffixWrapper)
1832
1824
  }, [
1833
- r.question.showSelectedItemLocText ? (i(), g(m, {
1825
+ l.question.showSelectedItemLocText ? (i(), y(m, {
1834
1826
  key: 0,
1835
- locString: r.question.selectedItemLocText
1827
+ locString: l.question.selectedItemLocText
1836
1828
  }, null, 8, ["locString"])) : d("", !0),
1837
- r.model.showHintString ? (i(), u("div", {
1829
+ l.model.showHintString ? (i(), u("div", {
1838
1830
  key: 1,
1839
- class: a(r.question.cssClasses.hintSuffix)
1831
+ class: a(l.question.cssClasses.hintSuffix)
1840
1832
  }, [
1841
- v("span", hn, R(r.model.inputStringRendered), 1),
1842
- v("span", null, R(r.model.hintStringSuffix), 1)
1833
+ v("span", hn, R(l.model.inputStringRendered), 1),
1834
+ v("span", null, R(l.model.hintStringSuffix), 1)
1843
1835
  ], 2)) : d("", !0),
1844
1836
  P(v("input", {
1845
1837
  type: "text",
1846
1838
  autocomplete: "off",
1847
- "onUpdate:modelValue": c[0] || (c[0] = (p) => r.model.inputStringRendered = p),
1848
- class: a(r.question.cssClasses.filterStringInput),
1849
- placeholder: r.model.filterStringPlaceholder,
1850
- disabled: r.question.isInputReadOnly,
1851
- inputmode: r.model.inputMode,
1852
- role: r.model.filterStringEnabled ? r.question.ariaRole : void 0,
1853
- "aria-expanded": r.question.ariaExpanded === null ? void 0 : r.question.ariaExpanded === "true",
1854
- "aria-controls": r.model.listElementId,
1855
- "aria-label": r.question.a11y_input_ariaLabel,
1856
- "aria-labelledby": r.question.a11y_input_ariaLabelledBy,
1857
- "aria-describedby": r.question.a11y_input_ariaDescribedBy,
1858
- "aria-activedescendant": r.model.ariaActivedescendant,
1859
- id: r.question.getInputId(),
1860
- readonly: r.model.filterReadOnly ? !0 : void 0,
1861
- size: r.model.inputStringRendered ? void 0 : 1,
1839
+ "onUpdate:modelValue": c[0] || (c[0] = (p) => l.model.inputStringRendered = p),
1840
+ class: a(l.question.cssClasses.filterStringInput),
1841
+ placeholder: l.model.filterStringPlaceholder,
1842
+ disabled: l.question.isInputReadOnly,
1843
+ inputmode: l.model.inputMode,
1844
+ role: l.model.filterStringEnabled ? l.question.ariaRole : void 0,
1845
+ "aria-expanded": l.question.ariaExpanded === null ? void 0 : l.question.ariaExpanded === "true",
1846
+ "aria-controls": l.model.listElementId,
1847
+ "aria-label": l.question.a11y_input_ariaLabel,
1848
+ "aria-labelledby": l.question.a11y_input_ariaLabelledBy,
1849
+ "aria-describedby": l.question.a11y_input_ariaDescribedBy,
1850
+ "aria-activedescendant": l.model.ariaActivedescendant,
1851
+ id: l.question.getInputId(),
1852
+ readonly: l.model.filterReadOnly ? !0 : void 0,
1853
+ size: l.model.inputStringRendered ? void 0 : 1,
1862
1854
  onChange: n,
1863
1855
  onKeydown: e,
1864
1856
  onBlur: o,
1865
1857
  onFocus: t
1866
1858
  }, null, 42, Cn), [
1867
- [we, r.model.inputStringRendered]
1859
+ [Ie, l.model.inputStringRendered]
1868
1860
  ])
1869
1861
  ], 2)
1870
1862
  ], 2);
@@ -1876,12 +1868,12 @@ const rn = /* @__PURE__ */ h({
1876
1868
  question: {},
1877
1869
  item: {}
1878
1870
  },
1879
- setup(l) {
1880
- const s = l, n = (e) => {
1871
+ setup(r) {
1872
+ const s = r, n = (e) => {
1881
1873
  s.question.dropdownListModel.deselectItem(s.item.value), e.stopPropagation();
1882
1874
  };
1883
1875
  return B(() => s.item), (e, o) => {
1884
- const t = q("survey-string"), r = q("sv-svg-icon");
1876
+ const t = g("survey-string"), l = g("sv-svg-icon");
1885
1877
  return i(), u("div", {
1886
1878
  class: "sv-tagbox__item",
1887
1879
  key: e.item.key
@@ -1895,7 +1887,7 @@ const rn = /* @__PURE__ */ h({
1895
1887
  class: a(e.question.cssClasses.cleanItemButton),
1896
1888
  onClick: n
1897
1889
  }, [
1898
- C(r, {
1890
+ C(l, {
1899
1891
  class: a(e.question.cssClasses.cleanItemButtonSvg),
1900
1892
  iconName: e.question.cssClasses.cleanItemButtonIconId,
1901
1893
  size: "auto"
@@ -1910,29 +1902,29 @@ const rn = /* @__PURE__ */ h({
1910
1902
  props: {
1911
1903
  question: {}
1912
1904
  },
1913
- setup(l) {
1914
- const s = l, n = $(null);
1905
+ setup(r) {
1906
+ const s = r, n = $(null);
1915
1907
  A(s, n);
1916
- const e = (t) => s.question.getItemValueWrapperComponentName(t) || "survey-ranking-item", o = (t, r, c) => ({
1908
+ const e = (t) => s.question.getItemValueWrapperComponentName(t) || "survey-ranking-item", o = (t, l, c) => ({
1917
1909
  componentName: s.question.getPropertyByName("itemComponent").isDefaultValue(
1918
1910
  s.question.itemComponent
1919
1911
  ) ? "survey-ranking-item" : s.question.itemComponent,
1920
1912
  componentData: {
1921
1913
  question: s.question,
1922
1914
  item: t,
1923
- index: r,
1915
+ index: l,
1924
1916
  unrankedItem: c,
1925
1917
  data: s.question.getItemValueWrapperComponentData(t)
1926
1918
  }
1927
1919
  });
1928
- return (t, r) => {
1929
- const c = q("survey-string");
1920
+ return (t, l) => {
1921
+ const c = g("survey-string");
1930
1922
  return i(), u("div", {
1931
1923
  class: a(t.question.rootClass),
1932
1924
  ref_key: "root",
1933
1925
  ref: n
1934
1926
  }, [
1935
- t.question.selectToRankEnabled ? d("", !0) : (i(!0), u(_, { key: 0 }, D(t.question.rankingChoices, (m, p) => (i(), g(T(e(m)), E({
1927
+ t.question.selectToRankEnabled ? d("", !0) : (i(!0), u(_, { key: 0 }, D(t.question.rankingChoices, (m, p) => (i(), y(T(e(m)), E({
1936
1928
  key: m.value + "-" + p + "-item"
1937
1929
  }, o(m, p)), null, 16))), 128)),
1938
1930
  t.question.selectToRankEnabled ? (i(), u("div", {
@@ -1940,7 +1932,7 @@ const rn = /* @__PURE__ */ h({
1940
1932
  class: a(t.question.getContainerClasses("from")),
1941
1933
  "data-ranking": "from-container"
1942
1934
  }, [
1943
- (i(!0), u(_, null, D(t.question.unRankingChoices, (m, p) => (i(), g(T(e(m)), E({
1935
+ (i(!0), u(_, null, D(t.question.unRankingChoices, (m, p) => (i(), y(T(e(m)), E({
1944
1936
  key: m.value + "-" + p + "-item"
1945
1937
  }, o(m, p, !0)), null, 16))), 128)),
1946
1938
  t.question.unRankingChoices.length === 0 ? (i(), u("div", {
@@ -1961,7 +1953,7 @@ const rn = /* @__PURE__ */ h({
1961
1953
  class: a(t.question.getContainerClasses("to")),
1962
1954
  "data-ranking": "to-container"
1963
1955
  }, [
1964
- (i(!0), u(_, null, D(t.question.rankingChoices, (m, p) => (i(), g(T(e(m)), E({
1956
+ (i(!0), u(_, null, D(t.question.rankingChoices, (m, p) => (i(), y(T(e(m)), E({
1965
1957
  key: m.value + "-" + p + "-item"
1966
1958
  }, o(m, p)), null, 16))), 128)),
1967
1959
  t.question.rankingChoices.length === 0 ? (i(), u("div", {
@@ -1988,23 +1980,23 @@ const rn = /* @__PURE__ */ h({
1988
1980
  item: {},
1989
1981
  unrankedItem: { type: Boolean }
1990
1982
  },
1991
- setup(l) {
1992
- const s = l, n = w(() => s.question.getNumberByIndex(s.index));
1983
+ setup(r) {
1984
+ const s = r, n = w(() => s.question.getNumberByIndex(s.index));
1993
1985
  return B(() => s.item), (e, o) => {
1994
- const t = q("survey-string");
1986
+ const t = g("survey-string");
1995
1987
  return i(), u("div", {
1996
1988
  tabindex: e.question.getItemTabIndex(e.item),
1997
1989
  "data-sv-drop-target-ranking-item": e.index,
1998
1990
  class: a(e.question.getItemClass(e.item)),
1999
- onKeydown: o[0] || (o[0] = (r) => {
2000
- e.question.handleKeydown.call(e.question, r, e.item);
1991
+ onKeydown: o[0] || (o[0] = (l) => {
1992
+ e.question.handleKeydown.call(e.question, l, e.item);
2001
1993
  }),
2002
- onPointerdown: o[1] || (o[1] = (r) => {
1994
+ onPointerdown: o[1] || (o[1] = (l) => {
2003
1995
  e.question.handlePointerDown.call(
2004
1996
  e.question,
2005
- r,
1997
+ l,
2006
1998
  e.item,
2007
- r.currentTarget
1999
+ l.currentTarget
2008
2000
  );
2009
2001
  })
2010
2002
  }, [
@@ -2067,12 +2059,12 @@ const rn = /* @__PURE__ */ h({
2067
2059
  props: {
2068
2060
  question: {}
2069
2061
  },
2070
- setup(l) {
2071
- const s = l, n = $(null);
2062
+ setup(r) {
2063
+ const s = r, n = $(null);
2072
2064
  A(s, n);
2073
2065
  const e = (o) => s.question.getInputId(o);
2074
2066
  return (o, t) => {
2075
- const r = q("survey-string");
2067
+ const l = g("survey-string");
2076
2068
  return i(), u("div", {
2077
2069
  class: a(o.question.ratingRootCss),
2078
2070
  ref_key: "root",
@@ -2084,11 +2076,11 @@ const rn = /* @__PURE__ */ h({
2084
2076
  key: 0,
2085
2077
  class: a(o.question.cssClasses.minText)
2086
2078
  }, [
2087
- C(r, {
2079
+ C(l, {
2088
2080
  locString: o.question.locMinRateDescription
2089
2081
  }, null, 8, ["locString"])
2090
2082
  ], 2)) : d("", !0),
2091
- (i(!0), u(_, null, D(o.question.renderedRateItems, (c, m) => (i(), g(T(o.question.itemComponent), {
2083
+ (i(!0), u(_, null, D(o.question.renderedRateItems, (c, m) => (i(), y(T(o.question.itemComponent), {
2092
2084
  key: e(m),
2093
2085
  item: c,
2094
2086
  index: m,
@@ -2098,7 +2090,7 @@ const rn = /* @__PURE__ */ h({
2098
2090
  key: 1,
2099
2091
  class: a(o.question.cssClasses.maxText)
2100
2092
  }, [
2101
- C(r, {
2093
+ C(l, {
2102
2094
  locString: o.question.locMaxRateDescription
2103
2095
  }, null, 8, ["locString"])
2104
2096
  ], 2)) : d("", !0)
@@ -2113,10 +2105,10 @@ const rn = /* @__PURE__ */ h({
2113
2105
  item: {},
2114
2106
  index: {}
2115
2107
  },
2116
- setup(l) {
2117
- const s = l;
2108
+ setup(r) {
2109
+ const s = r;
2118
2110
  return B(() => s.item), (n, e) => {
2119
- const o = q("survey-string");
2111
+ const o = g("survey-string");
2120
2112
  return i(), u("label", {
2121
2113
  key: n.item.value,
2122
2114
  onMousedown: e[1] || (e[1] = (t) => n.question.onMouseDown()),
@@ -2152,10 +2144,10 @@ const rn = /* @__PURE__ */ h({
2152
2144
  item: {},
2153
2145
  index: {}
2154
2146
  },
2155
- setup(l) {
2156
- const s = l;
2147
+ setup(r) {
2148
+ const s = r;
2157
2149
  return B(() => s.item), (n, e) => {
2158
- const o = q("sv-svg-icon");
2150
+ const o = g("sv-svg-icon");
2159
2151
  return i(), u("label", {
2160
2152
  key: n.item.value,
2161
2153
  onMousedown: e[1] || (e[1] = (t) => n.question.onMouseDown()),
@@ -2192,10 +2184,10 @@ const rn = /* @__PURE__ */ h({
2192
2184
  item: {},
2193
2185
  index: {}
2194
2186
  },
2195
- setup(l) {
2196
- const s = l;
2187
+ setup(r) {
2188
+ const s = r;
2197
2189
  return B(() => s.item), (n, e) => {
2198
- const o = q("sv-svg-icon");
2190
+ const o = g("sv-svg-icon");
2199
2191
  return i(), u("label", {
2200
2192
  key: n.item.value,
2201
2193
  onMousedown: e[1] || (e[1] = (t) => n.question.onMouseDown()),
@@ -2239,10 +2231,10 @@ const rn = /* @__PURE__ */ h({
2239
2231
  props: {
2240
2232
  item: {}
2241
2233
  },
2242
- setup(l) {
2243
- const s = l;
2234
+ setup(r) {
2235
+ const s = r;
2244
2236
  return B(() => s.item), (n, e) => {
2245
- const o = q("survey-string");
2237
+ const o = g("survey-string");
2246
2238
  return i(), u("div", Wn, [
2247
2239
  v("span", Vn, R(n.item.title), 1),
2248
2240
  n.item.description ? (i(), u("div", Fn, [
@@ -2265,10 +2257,10 @@ const zn = /* @__PURE__ */ h({
2265
2257
  props: {
2266
2258
  question: {}
2267
2259
  },
2268
- setup(l) {
2269
- const s = l, n = $(null);
2260
+ setup(r) {
2261
+ const s = r, n = $(null);
2270
2262
  return A(s, n), (e, o) => {
2271
- const t = q("sv-dropdown");
2263
+ const t = g("sv-dropdown");
2272
2264
  return i(), u("div", {
2273
2265
  class: a(e.question.cssClasses.rootDropdown),
2274
2266
  ref_key: "root",
@@ -2284,22 +2276,22 @@ const zn = /* @__PURE__ */ h({
2284
2276
  props: {
2285
2277
  question: {}
2286
2278
  },
2287
- setup(l) {
2288
- const s = l, n = $(null);
2279
+ setup(r) {
2280
+ const s = r, n = $(null);
2289
2281
  A(s, n);
2290
- const e = (t, r) => {
2291
- s.question.onLabelClick(t, r);
2282
+ const e = (t, l) => {
2283
+ s.question.onLabelClick(t, l);
2292
2284
  }, o = (t) => {
2293
2285
  s.question.onSwitchClickModel(t);
2294
2286
  };
2295
- return (t, r) => {
2287
+ return (t, l) => {
2296
2288
  var m;
2297
- const c = q("survey-string");
2289
+ const c = g("survey-string");
2298
2290
  return i(), u("div", {
2299
2291
  class: a(t.question.cssClasses.root),
2300
2292
  ref_key: "root",
2301
2293
  ref: n,
2302
- onKeydown: r[4] || (r[4] = (p) => t.question.onKeyDownCore(p))
2294
+ onKeydown: l[4] || (l[4] = (p) => t.question.onKeyDownCore(p))
2303
2295
  }, [
2304
2296
  v("label", {
2305
2297
  class: a(t.question.getItemCss())
@@ -2308,7 +2300,7 @@ const zn = /* @__PURE__ */ h({
2308
2300
  type: "checkbox",
2309
2301
  name: t.question.name,
2310
2302
  value: (m = t.question.booleanValue) != null ? m : "",
2311
- "onUpdate:modelValue": r[0] || (r[0] = (p) => t.question.booleanValue = p),
2303
+ "onUpdate:modelValue": l[0] || (l[0] = (p) => t.question.booleanValue = p),
2312
2304
  class: a(t.question.cssClasses.control),
2313
2305
  id: t.question.inputId,
2314
2306
  ".indeterminate": t.question.isIndeterminate,
@@ -2325,7 +2317,7 @@ const zn = /* @__PURE__ */ h({
2325
2317
  ]),
2326
2318
  v("div", {
2327
2319
  class: a(t.question.cssClasses.sliderGhost),
2328
- onClick: r[1] || (r[1] = (p) => e(p, t.question.swapOrder))
2320
+ onClick: l[1] || (l[1] = (p) => e(p, t.question.swapOrder))
2329
2321
  }, [
2330
2322
  v("span", {
2331
2323
  class: a(t.question.getLabelCss(t.question.swapOrder))
@@ -2337,7 +2329,7 @@ const zn = /* @__PURE__ */ h({
2337
2329
  ], 2),
2338
2330
  v("div", {
2339
2331
  class: a(t.question.cssClasses.switch),
2340
- onClick: r[2] || (r[2] = (p) => o(p))
2332
+ onClick: l[2] || (l[2] = (p) => o(p))
2341
2333
  }, [
2342
2334
  v("span", {
2343
2335
  class: a(t.question.cssClasses.slider)
@@ -2354,7 +2346,7 @@ const zn = /* @__PURE__ */ h({
2354
2346
  ], 2),
2355
2347
  v("div", {
2356
2348
  class: a(t.question.cssClasses.sliderGhost),
2357
- onClick: r[3] || (r[3] = (p) => e(p, !t.question.swapOrder))
2349
+ onClick: l[3] || (l[3] = (p) => e(p, !t.question.swapOrder))
2358
2350
  }, [
2359
2351
  v("span", {
2360
2352
  class: a(t.question.getLabelCss(!t.question.swapOrder))
@@ -2380,10 +2372,10 @@ const jn = /* @__PURE__ */ h({
2380
2372
  props: {
2381
2373
  question: {}
2382
2374
  },
2383
- setup(l) {
2375
+ setup(r) {
2384
2376
  const s = $(null);
2385
- return A(l, s), (e, o) => {
2386
- const t = q("sv-boolean-radio-item");
2377
+ return A(r, s), (e, o) => {
2378
+ const t = g("sv-boolean-radio-item");
2387
2379
  return i(), u("div", {
2388
2380
  class: a(e.question.cssClasses.rootRadio),
2389
2381
  ref_key: "root",
@@ -2393,13 +2385,19 @@ const jn = /* @__PURE__ */ h({
2393
2385
  role: "presentation",
2394
2386
  class: a(e.question.cssClasses.radioFieldset)
2395
2387
  }, [
2396
- (i(), g(t, {
2388
+ e.question.swapOrder ? (i(), y(t, {
2389
+ key: !0,
2390
+ question: e.question,
2391
+ locText: e.question.locLabelTrue,
2392
+ value: !0
2393
+ }, null, 8, ["question", "locText"])) : d("", !0),
2394
+ (i(), y(t, {
2397
2395
  key: !1,
2398
2396
  question: e.question,
2399
2397
  locText: e.question.locLabelFalse,
2400
2398
  value: !1
2401
2399
  }, null, 8, ["question", "locText"])),
2402
- (i(), g(t, {
2400
+ e.question.swapOrder ? d("", !0) : (i(), y(t, {
2403
2401
  key: !0,
2404
2402
  question: e.question,
2405
2403
  locText: e.question.locLabelTrue,
@@ -2416,13 +2414,13 @@ const jn = /* @__PURE__ */ h({
2416
2414
  locText: {},
2417
2415
  value: { type: Boolean }
2418
2416
  },
2419
- setup(l) {
2420
- const s = l, n = (e) => {
2417
+ setup(r) {
2418
+ const s = r, n = (e) => {
2421
2419
  const o = s.question;
2422
2420
  o.booleanValue = e.target.value == "true";
2423
2421
  };
2424
2422
  return (e, o) => {
2425
- const t = q("survey-string");
2423
+ const t = g("survey-string");
2426
2424
  return i(), u("div", {
2427
2425
  role: "presentation",
2428
2426
  class: a(e.question.getRadioItemClass(e.question.cssClasses, e.value))
@@ -2475,11 +2473,11 @@ const so = /* @__PURE__ */ h({
2475
2473
  question: {},
2476
2474
  css: {}
2477
2475
  },
2478
- setup(l) {
2479
- const s = l, n = $(null);
2476
+ setup(r) {
2477
+ const s = r, n = $(null);
2480
2478
  return A(s, n), (e, o) => {
2481
2479
  var m;
2482
- const t = q("survey-element-title-content"), r = q("sv-title-actions"), c = q("survey-string");
2480
+ const t = g("survey-element-title-content"), l = g("sv-title-actions"), c = g("survey-string");
2483
2481
  return i(), u("div", {
2484
2482
  class: a(e.question.cssClasses.rootCheckbox),
2485
2483
  ref_key: "root",
@@ -2525,12 +2523,12 @@ const so = /* @__PURE__ */ h({
2525
2523
  id: e.question.labelRenderedAriaID,
2526
2524
  class: a(e.question.cssClasses.checkboxControlLabel)
2527
2525
  }, [
2528
- e.question.hasTitleActions ? d("", !0) : (i(), g(t, {
2526
+ e.question.hasTitleActions ? d("", !0) : (i(), y(t, {
2529
2527
  key: 0,
2530
2528
  element: e.question,
2531
2529
  css: e.css
2532
2530
  }, null, 8, ["element", "css"])),
2533
- e.question.hasTitleActions ? (i(), g(r, {
2531
+ e.question.hasTitleActions ? (i(), y(l, {
2534
2532
  key: 1,
2535
2533
  element: e.question,
2536
2534
  css: e.css
@@ -2556,10 +2554,10 @@ const so = /* @__PURE__ */ h({
2556
2554
  props: {
2557
2555
  question: {}
2558
2556
  },
2559
- setup(l) {
2560
- const s = l, n = $(null), e = le(() => s.question.getRows());
2557
+ setup(r) {
2558
+ const s = r, n = $(null), e = le(() => s.question.getRows());
2561
2559
  return A(s, n), (o, t) => {
2562
- const r = q("survey-multipletext-item");
2560
+ const l = g("survey-multipletext-item");
2563
2561
  return i(), u("table", {
2564
2562
  class: a(o.question.getQuestionRootCss()),
2565
2563
  ref_key: "root",
@@ -2577,7 +2575,7 @@ const so = /* @__PURE__ */ h({
2577
2575
  key: "item" + p.item.editor.id,
2578
2576
  class: a(p.className)
2579
2577
  }, [
2580
- C(r, {
2578
+ C(l, {
2581
2579
  question: o.question,
2582
2580
  cell: p
2583
2581
  }, null, 8, ["question", "cell"])
@@ -2594,13 +2592,13 @@ const so = /* @__PURE__ */ h({
2594
2592
  question: {},
2595
2593
  cell: {}
2596
2594
  },
2597
- setup(l) {
2598
- const s = l, n = (o) => re(o);
2595
+ setup(r) {
2596
+ const s = r, n = (o) => re(o);
2599
2597
  B(() => s.cell.item.editor);
2600
2598
  const e = w(() => s.cell.item);
2601
2599
  return (o, t) => {
2602
- const r = q("survey-string"), c = q("survey-errors");
2603
- return o.cell.isErrorsCell ? (i(), g(c, {
2600
+ const l = g("survey-string"), c = g("survey-errors");
2601
+ return o.cell.isErrorsCell ? (i(), y(c, {
2604
2602
  key: 1,
2605
2603
  element: e.value.editor
2606
2604
  }, null, 8, ["element"])) : (i(), u("label", {
@@ -2615,7 +2613,7 @@ const so = /* @__PURE__ */ h({
2615
2613
  key: 0,
2616
2614
  class: a(o.question.cssClasses.requiredText)
2617
2615
  }, R(e.value.editor.requiredText), 3)) : d("", !0),
2618
- C(r, {
2616
+ C(l, {
2619
2617
  locString: e.value.locTitle
2620
2618
  }, null, 8, ["locString"]),
2621
2619
  e.value.editor.isRequireTextAfterTitle ? (i(), u("span", oo, "\xA0")) : d("", !0),
@@ -2630,7 +2628,7 @@ const so = /* @__PURE__ */ h({
2630
2628
  class: a(o.question.getItemCss()),
2631
2629
  onFocusin: t[0] || (t[0] = (m) => e.value.focusIn())
2632
2630
  }, [
2633
- (i(), g(T(n(e.value.editor)), {
2631
+ (i(), y(T(n(e.value.editor)), {
2634
2632
  question: e.value.editor
2635
2633
  }, null, 8, ["question"]))
2636
2634
  ], 34))
@@ -2643,8 +2641,8 @@ const so = /* @__PURE__ */ h({
2643
2641
  props: {
2644
2642
  question: {}
2645
2643
  },
2646
- setup(l) {
2647
- const s = l, n = $(null), e = z();
2644
+ setup(r) {
2645
+ const s = r, n = $(null), e = U();
2648
2646
  A(
2649
2647
  s,
2650
2648
  n,
@@ -2658,11 +2656,11 @@ const so = /* @__PURE__ */ h({
2658
2656
  };
2659
2657
  }
2660
2658
  );
2661
- const o = (t, r) => {
2662
- t.value = r.value;
2659
+ const o = (t, l) => {
2660
+ t.value = l.value;
2663
2661
  };
2664
- return (t, r) => {
2665
- const c = q("survey-string");
2662
+ return (t, l) => {
2663
+ const c = g("survey-string");
2666
2664
  return i(), u("div", {
2667
2665
  class: a(t.question.cssClasses.tableWrapper),
2668
2666
  ref_key: "root",
@@ -2684,7 +2682,7 @@ const so = /* @__PURE__ */ h({
2684
2682
  width: t.question.columnMinWidth
2685
2683
  })
2686
2684
  }, [
2687
- (i(), g(T(t.question.getColumnHeaderWrapperComponentName(m)), {
2685
+ (i(), y(T(t.question.getColumnHeaderWrapperComponentName(m)), {
2688
2686
  componentData: t.question.getColumnHeaderWrapperComponentData(m)
2689
2687
  }, {
2690
2688
  default: F(() => [
@@ -2709,7 +2707,7 @@ const so = /* @__PURE__ */ h({
2709
2707
  width: t.question.rowTitleWidth
2710
2708
  })
2711
2709
  }, [
2712
- (i(), g(T(t.question.getRowHeaderWrapperComponentName(m)), {
2710
+ (i(), y(T(t.question.getRowHeaderWrapperComponentName(m)), {
2713
2711
  componentData: t.question.getRowHeaderWrapperComponentData(m)
2714
2712
  }, {
2715
2713
  default: F(() => [
@@ -2722,25 +2720,25 @@ const so = /* @__PURE__ */ h({
2722
2720
  ], 6), [
2723
2721
  [H, t.question.hasRows]
2724
2722
  ]),
2725
- t.question.hasCellText ? (i(!0), u(_, { key: 0 }, D(t.question.visibleColumns, (y, f) => (i(), u("td", {
2723
+ t.question.hasCellText ? (i(!0), u(_, { key: 0 }, D(t.question.visibleColumns, (q, f) => (i(), u("td", {
2726
2724
  key: f,
2727
- class: a(t.question.getItemClass(m, y)),
2728
- onClick: (b) => o(m, y)
2725
+ class: a(t.question.getItemClass(m, q)),
2726
+ onClick: (b) => o(m, q)
2729
2727
  }, [
2730
2728
  C(c, {
2731
- locString: t.question.getCellDisplayLocText(m.name, y)
2729
+ locString: t.question.getCellDisplayLocText(m.name, q)
2732
2730
  }, null, 8, ["locString"])
2733
2731
  ], 10, ao))), 128)) : d("", !0),
2734
- t.question.hasCellText ? d("", !0) : (i(!0), u(_, { key: 1 }, D(t.question.visibleColumns, (y, f) => (i(), u("td", {
2732
+ t.question.hasCellText ? d("", !0) : (i(!0), u(_, { key: 1 }, D(t.question.visibleColumns, (q, f) => (i(), u("td", {
2735
2733
  key: f,
2736
- "data-responsive-title": y.locText.renderedHtml,
2734
+ "data-responsive-title": q.locText.renderedHtml,
2737
2735
  class: a(t.question.cssClasses.cell),
2738
- onClick: (b) => o(m, y)
2736
+ onClick: (b) => o(m, q)
2739
2737
  }, [
2740
- (i(), g(T(t.question.cellComponent), {
2738
+ (i(), y(T(t.question.cellComponent), {
2741
2739
  question: t.question,
2742
2740
  row: m,
2743
- column: y,
2741
+ column: q,
2744
2742
  columnIndex: f
2745
2743
  }, null, 8, ["question", "row", "column", "columnIndex"]))
2746
2744
  ], 10, uo))), 128))
@@ -2760,9 +2758,9 @@ const so = /* @__PURE__ */ h({
2760
2758
  column: {},
2761
2759
  columnIndex: {}
2762
2760
  },
2763
- setup(l) {
2761
+ setup(r) {
2764
2762
  return (s, n) => {
2765
- const e = q("survey-string");
2763
+ const e = g("survey-string");
2766
2764
  return i(), u("label", {
2767
2765
  onMousedown: n[1] || (n[1] = (o) => s.question.onMouseDown()),
2768
2766
  class: a(s.question.getItemClass(s.row, s.column))
@@ -2808,30 +2806,30 @@ const so = /* @__PURE__ */ h({
2808
2806
  ], 34);
2809
2807
  };
2810
2808
  }
2811
- }), yo = /* @__PURE__ */ h({
2809
+ }), qo = /* @__PURE__ */ h({
2812
2810
  inheritAttrs: !1,
2813
2811
  __name: "MatrixDropdown",
2814
2812
  props: {
2815
2813
  question: {}
2816
2814
  },
2817
- setup(l) {
2818
- const s = l, n = $(null);
2815
+ setup(r) {
2816
+ const s = r, n = $(null);
2819
2817
  return A(s, n), (e, o) => {
2820
- const t = q("survey-matrixtable");
2821
- return i(), g(t, {
2818
+ const t = g("survey-matrixtable");
2819
+ return i(), y(t, {
2822
2820
  question: e.question,
2823
2821
  ref_key: "root",
2824
2822
  ref: n
2825
2823
  }, null, 8, ["question"]);
2826
2824
  };
2827
2825
  }
2828
- }), qo = { key: 0 }, go = ["data-sv-drop-target-matrix-row", "onPointerdown"], ho = { key: 1 }, Co = /* @__PURE__ */ h({
2826
+ }), go = { key: 0 }, yo = ["data-sv-drop-target-matrix-row", "onPointerdown"], ho = { key: 1 }, Co = /* @__PURE__ */ h({
2829
2827
  __name: "MatrixTable",
2830
2828
  props: {
2831
2829
  question: {}
2832
2830
  },
2833
- setup(l) {
2834
- const s = l, n = w(() => s.question.renderedTable);
2831
+ setup(r) {
2832
+ const s = r, n = w(() => s.question.renderedTable);
2835
2833
  return B(
2836
2834
  () => n.value,
2837
2835
  (e) => {
@@ -2846,7 +2844,7 @@ const so = /* @__PURE__ */ h({
2846
2844
  };
2847
2845
  }
2848
2846
  ), (e, o) => {
2849
- const t = q("survey-string"), r = q("survey-matrixheaderrequired"), c = q("survey-matrixdropdown-cell");
2847
+ const t = g("survey-string"), l = g("survey-matrixheaderrequired"), c = g("survey-matrixdropdown-cell");
2850
2848
  return i(), u("div", {
2851
2849
  style: S({ overflowX: e.question.showHorizontalScroll ? "scroll" : "" }),
2852
2850
  class: a(e.question.cssClasses.tableWrapper)
@@ -2854,7 +2852,7 @@ const so = /* @__PURE__ */ h({
2854
2852
  v("table", {
2855
2853
  class: a(e.question.getTableCss())
2856
2854
  }, [
2857
- n.value.showHeader ? (i(), u("thead", qo, [
2855
+ n.value.showHeader ? (i(), u("thead", go, [
2858
2856
  v("tr", null, [
2859
2857
  (i(!0), u(_, null, D(n.value.headerRow.cells, (m) => (i(), u(_, null, [
2860
2858
  m.hasTitle ? (i(), u("th", {
@@ -2862,14 +2860,14 @@ const so = /* @__PURE__ */ h({
2862
2860
  class: a(m.className),
2863
2861
  style: S({ minWidth: m.minWidth, width: m.width })
2864
2862
  }, [
2865
- (i(), g(T(e.question.getColumnHeaderWrapperComponentName(m)), {
2863
+ (i(), y(T(e.question.getColumnHeaderWrapperComponentName(m)), {
2866
2864
  componentData: e.question.getColumnHeaderWrapperComponentData(m)
2867
2865
  }, {
2868
2866
  default: F(() => [
2869
2867
  C(t, {
2870
2868
  locString: m.locTitle
2871
2869
  }, null, 8, ["locString"]),
2872
- m.column ? (i(), g(r, {
2870
+ m.column ? (i(), y(l, {
2873
2871
  key: 0,
2874
2872
  column: m.column,
2875
2873
  question: e.question
@@ -2896,17 +2894,17 @@ const so = /* @__PURE__ */ h({
2896
2894
  onPointerdown: (p) => e.question.onPointerDown(p, m.row),
2897
2895
  class: a(m.className)
2898
2896
  }, [
2899
- (i(!0), u(_, null, D(m.cells, (p, y) => (i(), g(c, {
2897
+ (i(!0), u(_, null, D(m.cells, (p, q) => (i(), y(c, {
2900
2898
  cell: p,
2901
2899
  question: e.question,
2902
- key: m.id + "_" + y
2900
+ key: m.id + "_" + q
2903
2901
  }, null, 8, ["cell", "question"]))), 128))
2904
- ], 42, go)) : d("", !0)
2902
+ ], 42, yo)) : d("", !0)
2905
2903
  ], 64))), 128))
2906
2904
  ]),
2907
2905
  n.value.showFooter ? (i(), u("tfoot", ho, [
2908
2906
  v("tr", null, [
2909
- (i(!0), u(_, null, D(n.value.footerRow.cells, (m, p) => (i(), g(c, {
2907
+ (i(!0), u(_, null, D(n.value.footerRow.cells, (m, p) => (i(), y(c, {
2910
2908
  cell: m,
2911
2909
  question: e.question,
2912
2910
  key: "footer_" + p
@@ -2923,8 +2921,8 @@ const so = /* @__PURE__ */ h({
2923
2921
  question: {},
2924
2922
  column: {}
2925
2923
  },
2926
- setup(l) {
2927
- const s = l;
2924
+ setup(r) {
2925
+ const s = r;
2928
2926
  return B(() => s.column), (n, e) => n.column.isRenderedRequired ? (i(), u(_, { key: 0 }, [
2929
2927
  bo,
2930
2928
  n.column.isRenderedRequired ? (i(), u("span", {
@@ -2939,27 +2937,27 @@ const so = /* @__PURE__ */ h({
2939
2937
  question: {},
2940
2938
  cell: {}
2941
2939
  },
2942
- setup(l) {
2943
- const s = l, n = $(!1), e = $(), o = () => s.cell.headers, t = () => !!s.cell.width || !!s.cell.minWidth ? { width: s.cell.width, minWidth: s.cell.minWidth } : null, r = () => n.value = s.cell.question.isVisible, c = (y) => re(y);
2940
+ setup(r) {
2941
+ const s = r, n = $(!1), e = $(), o = () => s.cell.headers, t = () => !!s.cell.width || !!s.cell.minWidth ? { width: s.cell.width, minWidth: s.cell.minWidth } : null, l = () => n.value = s.cell.question.isVisible, c = (q) => re(q);
2944
2942
  M(() => {
2945
2943
  if (!s.cell.hasQuestion || !s.question || !s.question.survey)
2946
2944
  return;
2947
- r(), s.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
2948
- r();
2945
+ l(), s.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
2946
+ l();
2949
2947
  });
2950
- const y = e.value, f = s.cell.question, b = {
2948
+ const q = e.value, f = s.cell.question, b = {
2951
2949
  cell: s.cell.cell,
2952
2950
  cellQuestion: f,
2953
- htmlElement: y,
2951
+ htmlElement: q,
2954
2952
  row: s.cell.row,
2955
2953
  column: s.cell.cell.column
2956
2954
  };
2957
- s.question.survey.matrixAfterCellRender(s.question, b), f && f.afterRenderCore(y);
2955
+ s.question.survey.matrixAfterCellRender(s.question, b), f && f.afterRenderCore(q);
2958
2956
  });
2959
2957
  const m = w(() => {
2960
- const y = s.cell;
2961
- if (y.hasPanel) {
2962
- const f = y.panel, b = f.survey;
2958
+ const q = s.cell;
2959
+ if (q.hasPanel) {
2960
+ const f = q.panel, b = f.survey;
2963
2961
  if (b) {
2964
2962
  const N = b.getElementWrapperComponentName(f);
2965
2963
  if (N)
@@ -2981,91 +2979,91 @@ const so = /* @__PURE__ */ h({
2981
2979
  };
2982
2980
  }
2983
2981
  });
2984
- return (y, f) => {
2985
- const b = q("survey-errors"), N = q("sv-matrix-drag-drop-icon"), k = q("sv-action-bar"), L = q("survey-radiogroup-item"), W = q("survey-checkbox-item"), V = q("survey-other-choice"), K = q("survey-string");
2982
+ return (q, f) => {
2983
+ const b = g("survey-errors"), N = g("sv-matrix-drag-drop-icon"), k = g("sv-action-bar"), L = g("survey-radiogroup-item"), W = g("survey-checkbox-item"), V = g("survey-other-choice"), K = g("survey-string");
2986
2984
  return i(), u("td", {
2987
- class: a(y.cell.className),
2985
+ class: a(q.cell.className),
2988
2986
  "data-responsive-title": o(),
2989
- title: y.cell.getTitle(),
2987
+ title: q.cell.getTitle(),
2990
2988
  style: S(t()),
2991
- colspan: y.cell.colSpans,
2992
- onFocusin: f[0] || (f[0] = (ue) => y.cell.focusIn()),
2989
+ colspan: q.cell.colSpans,
2990
+ onFocusin: f[0] || (f[0] = (ue) => q.cell.focusIn()),
2993
2991
  ref_key: "root",
2994
2992
  ref: e
2995
2993
  }, [
2996
- y.cell.isErrorsCell ? (i(), g(b, {
2994
+ q.cell.isErrorsCell ? (i(), y(b, {
2997
2995
  key: 0,
2998
- element: y.cell.question
2996
+ element: q.cell.question
2999
2997
  }, null, 8, ["element"])) : d("", !0),
3000
- y.cell.isDragHandlerCell ? (i(), g(N, {
2998
+ q.cell.isDragHandlerCell ? (i(), y(N, {
3001
2999
  key: 1,
3002
- item: { data: { row: y.cell.row, question: y.question } }
3000
+ item: { data: { row: q.cell.row, question: q.question } }
3003
3001
  }, null, 8, ["item"])) : d("", !0),
3004
- y.cell.isActionsCell ? (i(), g(k, {
3002
+ q.cell.isActionsCell ? (i(), y(k, {
3005
3003
  key: 2,
3006
- model: y.cell.item.getData(),
3004
+ model: q.cell.item.getData(),
3007
3005
  handleClick: !1
3008
3006
  }, null, 8, ["model"])) : d("", !0),
3009
- y.cell.hasPanel ? (i(), g(T(m.value), O(E({ key: 3 }, p.value)), null, 16)) : d("", !0),
3010
- y.cell.hasQuestion ? P((i(), u("div", {
3007
+ q.cell.hasPanel ? (i(), y(T(m.value), z(E({ key: 3 }, p.value)), null, 16)) : d("", !0),
3008
+ q.cell.hasQuestion ? P((i(), u("div", {
3011
3009
  key: 4,
3012
- class: a(y.cell.cellQuestionWrapperClassName)
3010
+ class: a(q.cell.cellQuestionWrapperClassName)
3013
3011
  }, [
3014
- !y.cell.isChoice && y.cell.question.isDefaultRendering() ? (i(), g(T(y.question.getCellWrapperComponentName(y.cell.cell)), {
3012
+ !q.cell.isChoice && q.cell.question.isDefaultRendering() ? (i(), y(T(q.question.getCellWrapperComponentName(q.cell.cell)), {
3015
3013
  key: 0,
3016
- componentData: y.question.getCellWrapperComponentData(y.cell.cell)
3014
+ componentData: q.question.getCellWrapperComponentData(q.cell.cell)
3017
3015
  }, {
3018
3016
  default: F(() => [
3019
- (i(), g(T(c(y.cell.question)), {
3020
- question: y.cell.question
3017
+ (i(), y(T(c(q.cell.question)), {
3018
+ question: q.cell.question
3021
3019
  }, null, 8, ["question"]))
3022
3020
  ]),
3023
3021
  _: 1
3024
3022
  }, 8, ["componentData"])) : d("", !0),
3025
- !y.cell.isChoice && !y.cell.question.isDefaultRendering() ? (i(), g(T(y.cell.question.getComponentName()), {
3023
+ !q.cell.isChoice && !q.cell.question.isDefaultRendering() ? (i(), y(T(q.cell.question.getComponentName()), {
3026
3024
  key: 1,
3027
- question: y.cell.question
3025
+ question: q.cell.question
3028
3026
  }, null, 8, ["question"])) : d("", !0),
3029
- y.cell.isItemChoice ? (i(), g(T(y.question.getCellWrapperComponentName(y.cell.cell)), {
3027
+ q.cell.isItemChoice ? (i(), y(T(q.question.getCellWrapperComponentName(q.cell.cell)), {
3030
3028
  key: 2,
3031
- componentData: y.question.getCellWrapperComponentData(y.cell.cell)
3029
+ componentData: q.question.getCellWrapperComponentData(q.cell.cell)
3032
3030
  }, {
3033
3031
  default: F(() => [
3034
- y.cell.isRadio ? (i(), g(L, {
3035
- key: y.cell.item.value,
3036
- question: y.cell.question,
3037
- item: y.cell.item,
3032
+ q.cell.isRadio ? (i(), y(L, {
3033
+ key: q.cell.item.value,
3034
+ question: q.cell.question,
3035
+ item: q.cell.item,
3038
3036
  hideLabel: !0
3039
3037
  }, null, 8, ["question", "item"])) : d("", !0),
3040
- y.cell.isCheckbox ? (i(), g(W, {
3041
- key: y.cell.item.value,
3042
- question: y.cell.question,
3043
- item: y.cell.item,
3038
+ q.cell.isCheckbox ? (i(), y(W, {
3039
+ key: q.cell.item.value,
3040
+ question: q.cell.question,
3041
+ item: q.cell.item,
3044
3042
  hideLabel: !0
3045
3043
  }, null, 8, ["question", "item"])) : d("", !0)
3046
3044
  ]),
3047
3045
  _: 1
3048
3046
  }, 8, ["componentData"])) : d("", !0),
3049
- y.cell.isOtherChoice ? (i(), g(V, {
3047
+ q.cell.isOtherChoice ? (i(), y(V, {
3050
3048
  key: 3,
3051
- question: y.cell.question
3049
+ question: q.cell.question
3052
3050
  }, null, 8, ["question"])) : d("", !0)
3053
3051
  ], 2)), [
3054
3052
  [H, n.value]
3055
3053
  ]) : d("", !0),
3056
- y.cell.hasTitle ? (i(), g(T(y.question.getCellWrapperComponentName(y.cell)), {
3054
+ q.cell.hasTitle ? (i(), y(T(q.question.getCellWrapperComponentName(q.cell)), {
3057
3055
  key: 5,
3058
- componentData: y.question.getCellWrapperComponentData(y.cell)
3056
+ componentData: q.question.getCellWrapperComponentData(q.cell)
3059
3057
  }, {
3060
3058
  default: F(() => [
3061
- y.cell.hasTitle ? (i(), g(K, {
3059
+ q.cell.hasTitle ? (i(), y(K, {
3062
3060
  key: 0,
3063
- locString: y.cell.locTitle
3061
+ locString: q.cell.locTitle
3064
3062
  }, null, 8, ["locString"])) : d("", !0),
3065
- y.cell.requiredText ? (i(), u("span", {
3063
+ q.cell.requiredText ? (i(), u("span", {
3066
3064
  key: 1,
3067
- class: a(y.question.cssClasses.cellRequiredText)
3068
- }, R(y.cell.requiredText), 3)) : d("", !0)
3065
+ class: a(q.question.cssClasses.cellRequiredText)
3066
+ }, R(q.cell.requiredText), 3)) : d("", !0)
3069
3067
  ]),
3070
3068
  _: 1
3071
3069
  }, 8, ["componentData"])) : d("", !0)
@@ -3078,14 +3076,14 @@ const so = /* @__PURE__ */ h({
3078
3076
  props: {
3079
3077
  question: {}
3080
3078
  },
3081
- setup(l) {
3082
- const s = l, n = $(null);
3079
+ setup(r) {
3080
+ const s = r, n = $(null);
3083
3081
  A(s, n);
3084
3082
  const e = () => {
3085
3083
  s.question.addRowUI();
3086
3084
  };
3087
3085
  return (o, t) => {
3088
- const r = q("survey-string"), c = q("survey-matrixtable");
3086
+ const l = g("survey-string"), c = g("survey-matrixtable");
3089
3087
  return i(), u("div", {
3090
3088
  ref_key: "root",
3091
3089
  ref: n
@@ -3099,7 +3097,7 @@ const so = /* @__PURE__ */ h({
3099
3097
  class: a(o.question.getAddRowButtonCss()),
3100
3098
  onClick: e
3101
3099
  }, [
3102
- C(r, {
3100
+ C(l, {
3103
3101
  locString: o.question.locAddRowText
3104
3102
  }, null, 8, ["locString"]),
3105
3103
  v("span", {
@@ -3107,7 +3105,7 @@ const so = /* @__PURE__ */ h({
3107
3105
  }, null, 2)
3108
3106
  ], 2)
3109
3107
  ], 2)) : d("", !0),
3110
- o.question.renderedTable.showTable ? (i(), g(c, {
3108
+ o.question.renderedTable.showTable ? (i(), y(c, {
3111
3109
  key: 1,
3112
3110
  question: o.question
3113
3111
  }, null, 8, ["question"])) : d("", !0),
@@ -3118,7 +3116,7 @@ const so = /* @__PURE__ */ h({
3118
3116
  v("div", {
3119
3117
  class: a(o.question.cssClasses.emptyRowsText)
3120
3118
  }, [
3121
- C(r, {
3119
+ C(l, {
3122
3120
  locString: o.question.locEmptyRowsText
3123
3121
  }, null, 8, ["locString"])
3124
3122
  ], 2),
@@ -3128,7 +3126,7 @@ const so = /* @__PURE__ */ h({
3128
3126
  class: a(o.question.getAddRowButtonCss(!0)),
3129
3127
  onClick: e
3130
3128
  }, [
3131
- C(r, {
3129
+ C(l, {
3132
3130
  locString: o.question.locAddRowText
3133
3131
  }, null, 8, ["locString"]),
3134
3132
  v("span", {
@@ -3145,7 +3143,7 @@ const so = /* @__PURE__ */ h({
3145
3143
  class: a(o.question.getAddRowButtonCss()),
3146
3144
  onClick: e
3147
3145
  }, [
3148
- C(r, {
3146
+ C(l, {
3149
3147
  locString: o.question.locAddRowText
3150
3148
  }, null, 8, ["locString"]),
3151
3149
  v("span", {
@@ -3157,10 +3155,10 @@ const so = /* @__PURE__ */ h({
3157
3155
  };
3158
3156
  }
3159
3157
  });
3160
- function ae(l, s = !0) {
3158
+ function ae(r, s = !0) {
3161
3159
  return {
3162
- question: w(() => l.item.data.question),
3163
- row: s ? w(() => l.item.data.row) : void 0
3160
+ question: w(() => r.item.data.question),
3161
+ row: s ? w(() => r.item.data.row) : void 0
3164
3162
  };
3165
3163
  }
3166
3164
  const So = ["disabled"], Ro = /* @__PURE__ */ h({
@@ -3168,17 +3166,17 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3168
3166
  props: {
3169
3167
  item: {}
3170
3168
  },
3171
- setup(l) {
3172
- const s = l, { question: n, row: e } = ae(s);
3169
+ setup(r) {
3170
+ const s = r, { question: n, row: e } = ae(s);
3173
3171
  return (o, t) => {
3174
- const r = q("survey-string");
3172
+ const l = g("survey-string");
3175
3173
  return i(), u("button", {
3176
3174
  type: "button",
3177
3175
  class: a(I(n).getRemoveRowButtonCss()),
3178
3176
  disabled: I(n).isInputReadOnly,
3179
3177
  onClick: t[0] || (t[0] = () => I(n).removeRowUI(I(e)))
3180
3178
  }, [
3181
- C(r, {
3179
+ C(l, {
3182
3180
  locString: I(n).locRemoveRowText
3183
3181
  }, null, 8, ["locString"]),
3184
3182
  v("span", {
@@ -3192,8 +3190,8 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3192
3190
  props: {
3193
3191
  item: {}
3194
3192
  },
3195
- setup(l) {
3196
- const s = l, { question: n } = ae(s, !1);
3193
+ setup(r) {
3194
+ const s = r, { question: n } = ae(s, !1);
3197
3195
  return (e, o) => I(n).iconDragElement ? (i(), u("svg", {
3198
3196
  key: 0,
3199
3197
  class: a(I(n).cssClasses.dragElementDecorator)
@@ -3211,10 +3209,10 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3211
3209
  props: {
3212
3210
  item: {}
3213
3211
  },
3214
- setup(l) {
3215
- const s = l, { question: n, row: e } = ae(s);
3212
+ setup(r) {
3213
+ const s = r, { question: n, row: e } = ae(s);
3216
3214
  return (o, t) => {
3217
- const r = q("sv-svg-icon");
3215
+ const l = g("sv-svg-icon");
3218
3216
  return i(), u("button", {
3219
3217
  type: "button",
3220
3218
  class: a(I(n).getDetailPanelButtonCss(I(e))),
@@ -3222,7 +3220,7 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3222
3220
  "aria-expanded": I(n).getIsDetailPanelShowing(I(e)) ? "true" : "false",
3223
3221
  "aria-controls": I(n).getIsDetailPanelShowing(I(e)) ? I(e).detailPanelId : null
3224
3222
  }, [
3225
- C(r, {
3223
+ C(l, {
3226
3224
  class: a(I(n).getDetailPanelIconCss(I(e))),
3227
3225
  iconName: I(n).getDetailPanelIconId(I(e)),
3228
3226
  size: "auto"
@@ -3237,8 +3235,8 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3237
3235
  question: {},
3238
3236
  css: {}
3239
3237
  },
3240
- setup(l) {
3241
- const s = l, n = $(null), e = ie();
3238
+ setup(r) {
3239
+ const s = r, n = $(null), e = ie();
3242
3240
  A(
3243
3241
  s,
3244
3242
  n,
@@ -3266,27 +3264,27 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3266
3264
  return s.question.panels;
3267
3265
  const m = [];
3268
3266
  return s.question.currentPanel && m.push(s.question.currentPanel), m;
3269
- }), t = () => s.question.showLegacyNavigation, r = (m) => {
3267
+ }), t = () => s.question.showLegacyNavigation, l = (m) => {
3270
3268
  const p = s.question.getSurvey();
3271
3269
  if (p) {
3272
- const y = p.getElementWrapperComponentName(m);
3273
- if (y)
3274
- return y;
3270
+ const q = p.getElementWrapperComponentName(m);
3271
+ if (q)
3272
+ return q;
3275
3273
  }
3276
3274
  return "panel";
3277
3275
  }, c = (m) => {
3278
3276
  const p = s.question.getSurvey();
3279
- let y;
3280
- return p && (y = p.getElementWrapperComponentData(m)), {
3277
+ let q;
3278
+ return p && (q = p.getElementWrapperComponentData(m)), {
3281
3279
  componentName: "survey-panel",
3282
3280
  componentData: {
3283
3281
  element: m,
3284
- data: y
3282
+ data: q
3285
3283
  }
3286
3284
  };
3287
3285
  };
3288
3286
  return (m, p) => {
3289
- const y = q("survey-string"), f = q("sv-paneldynamic-add-btn"), b = q("survey-paneldynamicprogress"), N = q("sv-paneldynamic-remove-btn"), k = q("survey-paneldynamicprogress-v2");
3287
+ const q = g("survey-string"), f = g("sv-paneldynamic-add-btn"), b = g("survey-paneldynamicprogress"), N = g("sv-paneldynamic-remove-btn"), k = g("survey-paneldynamicprogress-v2");
3290
3288
  return i(), u("div", {
3291
3289
  class: a(m.question.cssClasses.root),
3292
3290
  ref_key: "root",
@@ -3297,7 +3295,7 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3297
3295
  class: a(m.question.cssClasses.noEntriesPlaceholder)
3298
3296
  }, [
3299
3297
  v("span", null, [
3300
- C(y, {
3298
+ C(q, {
3301
3299
  locString: m.question.locNoEntriesText
3302
3300
  }, null, 8, ["locString"])
3303
3301
  ]),
@@ -3315,7 +3313,7 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3315
3313
  role: "progressbar"
3316
3314
  }, null, 6)
3317
3315
  ], 2)) : d("", !0),
3318
- t() && m.question.isProgressTopShowing ? (i(), g(b, {
3316
+ t() && m.question.isProgressTopShowing ? (i(), y(b, {
3319
3317
  key: 2,
3320
3318
  question: m.question
3321
3319
  }, null, 8, ["question"])) : d("", !0),
@@ -3325,8 +3323,8 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3325
3323
  v("div", {
3326
3324
  class: a(m.question.getPanelWrapperCss(L))
3327
3325
  }, [
3328
- (i(), g(T(r(L)), O(ne(c(L))), null, 16)),
3329
- m.question.panelRemoveButtonLocation === "right" && m.question.canRemovePanel && L.state !== "collapsed" ? (i(), g(N, {
3326
+ (i(), y(T(l(L)), z(ne(c(L))), null, 16)),
3327
+ m.question.panelRemoveButtonLocation === "right" && m.question.canRemovePanel && L.state !== "collapsed" ? (i(), y(N, {
3330
3328
  key: 0,
3331
3329
  data: { question: m.question, panel: L }
3332
3330
  }, null, 8, ["data"])) : d("", !0)
@@ -3336,15 +3334,15 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3336
3334
  key: "separator" + L.id
3337
3335
  }, null, 2)) : d("", !0)
3338
3336
  ], 64))), 128)),
3339
- t() && m.question.isProgressBottomShowing ? (i(), g(b, {
3337
+ t() && m.question.isProgressBottomShowing ? (i(), y(b, {
3340
3338
  key: 3,
3341
3339
  question: m.question
3342
3340
  }, null, 8, ["question"])) : d("", !0),
3343
- t() && m.question.isRenderModeList ? (i(), g(f, {
3341
+ t() && m.question.isRenderModeList ? (i(), y(f, {
3344
3342
  key: 4,
3345
3343
  data: { question: m.question }
3346
3344
  }, null, 8, ["data"])) : d("", !0),
3347
- m.question.showNavigation ? (i(), g(k, {
3345
+ m.question.showNavigation ? (i(), y(k, {
3348
3346
  key: 5,
3349
3347
  question: m.question
3350
3348
  }, null, 8, ["question"])) : d("", !0)
@@ -3356,10 +3354,10 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3356
3354
  props: {
3357
3355
  question: {}
3358
3356
  },
3359
- setup(l) {
3360
- const s = l, n = () => s.question.isProgressTopShowing ? s.question.cssClasses.progressTop : s.question.cssClasses.progressBottom;
3357
+ setup(r) {
3358
+ const s = r, n = () => s.question.isProgressTopShowing ? s.question.cssClasses.progressTop : s.question.cssClasses.progressBottom;
3361
3359
  return (e, o) => {
3362
- const t = q("sv-paneldynamic-prev-btn"), r = q("sv-paneldynamic-next-btn"), c = q("sv-paneldynamic-add-btn"), m = q("sv-paneldynamic-progress-text");
3360
+ const t = g("sv-paneldynamic-prev-btn"), l = g("sv-paneldynamic-next-btn"), c = g("sv-paneldynamic-add-btn"), m = g("sv-paneldynamic-progress-text");
3363
3361
  return i(), u("div", {
3364
3362
  class: a(n())
3365
3363
  }, [
@@ -3383,7 +3381,7 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3383
3381
  role: "progressbar"
3384
3382
  }, null, 6)
3385
3383
  ], 2)) : d("", !0),
3386
- C(r, {
3384
+ C(l, {
3387
3385
  data: { question: e.question }
3388
3386
  }, null, 8, ["data"])
3389
3387
  ], 2),
@@ -3402,9 +3400,9 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3402
3400
  props: {
3403
3401
  question: {}
3404
3402
  },
3405
- setup(l) {
3403
+ setup(r) {
3406
3404
  return (s, n) => {
3407
- const e = q("sv-action-bar");
3405
+ const e = g("sv-action-bar");
3408
3406
  return s.question.cssClasses.footer ? (i(), u("div", {
3409
3407
  key: 0,
3410
3408
  class: a(s.question.cssClasses.footer)
@@ -3434,9 +3432,9 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3434
3432
  };
3435
3433
  }
3436
3434
  });
3437
- function Y(l) {
3435
+ function Y(r) {
3438
3436
  return w(
3439
- () => l.item && l.item.data.question || l.data.question
3437
+ () => r.item && r.item.data.question || r.data.question
3440
3438
  );
3441
3439
  }
3442
3440
  const Po = /* @__PURE__ */ h({
@@ -3445,12 +3443,12 @@ const Po = /* @__PURE__ */ h({
3445
3443
  item: {},
3446
3444
  data: {}
3447
3445
  },
3448
- setup(l) {
3449
- const n = Y(l), e = () => {
3446
+ setup(r) {
3447
+ const n = Y(r), e = () => {
3450
3448
  n.value.addPanelUI();
3451
3449
  };
3452
3450
  return (o, t) => {
3453
- const r = q("survey-string");
3451
+ const l = g("survey-string");
3454
3452
  return I(n).canAddPanel ? (i(), u("button", {
3455
3453
  key: 0,
3456
3454
  type: "button",
@@ -3460,7 +3458,7 @@ const Po = /* @__PURE__ */ h({
3460
3458
  v("span", {
3461
3459
  class: a(I(n).cssClasses.buttonAddText)
3462
3460
  }, [
3463
- C(r, {
3461
+ C(l, {
3464
3462
  locString: I(n).locPanelAddText
3465
3463
  }, null, 8, ["locString"])
3466
3464
  ], 2)
@@ -3473,18 +3471,18 @@ const Po = /* @__PURE__ */ h({
3473
3471
  item: {},
3474
3472
  data: {}
3475
3473
  },
3476
- setup(l) {
3477
- const n = Y(l), e = () => {
3474
+ setup(r) {
3475
+ const n = Y(r), e = () => {
3478
3476
  n.value.goToNextPanel();
3479
3477
  };
3480
3478
  return (o, t) => {
3481
- const r = q("sv-svg-icon");
3479
+ const l = g("sv-svg-icon");
3482
3480
  return i(), u("div", {
3483
3481
  title: I(n).panelNextText,
3484
3482
  onClick: e,
3485
3483
  class: a(I(n).getNextButtonCss())
3486
3484
  }, [
3487
- C(r, {
3485
+ C(l, {
3488
3486
  iconName: I(n).cssClasses.progressBtnIcon,
3489
3487
  size: "auto"
3490
3488
  }, null, 8, ["iconName"])
@@ -3497,18 +3495,18 @@ const Po = /* @__PURE__ */ h({
3497
3495
  item: {},
3498
3496
  data: {}
3499
3497
  },
3500
- setup(l) {
3501
- const n = Y(l), e = () => {
3498
+ setup(r) {
3499
+ const n = Y(r), e = () => {
3502
3500
  n.value.goToPrevPanel();
3503
3501
  };
3504
3502
  return (o, t) => {
3505
- const r = q("sv-svg-icon");
3503
+ const l = g("sv-svg-icon");
3506
3504
  return i(), u("div", {
3507
3505
  title: I(n).panelPrevText,
3508
3506
  onClick: e,
3509
3507
  class: a(I(n).getPrevButtonCss())
3510
3508
  }, [
3511
- C(r, {
3509
+ C(l, {
3512
3510
  iconName: I(n).cssClasses.progressBtnIcon,
3513
3511
  size: "auto"
3514
3512
  }, null, 8, ["iconName"])
@@ -3521,18 +3519,18 @@ const Po = /* @__PURE__ */ h({
3521
3519
  item: {},
3522
3520
  data: {}
3523
3521
  },
3524
- setup(l) {
3525
- const s = l, n = Y(s), e = w(
3522
+ setup(r) {
3523
+ const s = r, n = Y(s), e = w(
3526
3524
  () => s.item && s.item.data.panel || s.data.panel
3527
3525
  ), o = (t) => {
3528
3526
  n.value.isInputReadOnly || n.value.removePanelUI(t);
3529
3527
  };
3530
- return (t, r) => {
3531
- const c = q("survey-string");
3528
+ return (t, l) => {
3529
+ const c = g("survey-string");
3532
3530
  return i(), u("button", {
3533
3531
  type: "button",
3534
3532
  class: a(I(n).getPanelRemoveButtonCss()),
3535
- onClick: r[0] || (r[0] = (m) => o(e.value))
3533
+ onClick: l[0] || (l[0] = (m) => o(e.value))
3536
3534
  }, [
3537
3535
  v("span", {
3538
3536
  class: a(I(n).cssClasses.buttonRemoveText)
@@ -3553,8 +3551,8 @@ const Po = /* @__PURE__ */ h({
3553
3551
  item: {},
3554
3552
  data: {}
3555
3553
  },
3556
- setup(l) {
3557
- const n = Y(l);
3554
+ setup(r) {
3555
+ const n = Y(r);
3558
3556
  return (e, o) => (i(), u("div", {
3559
3557
  class: a(I(n).cssClasses.progressText)
3560
3558
  }, R(I(n).progressText), 3));
@@ -3565,10 +3563,10 @@ const Po = /* @__PURE__ */ h({
3565
3563
  element: {},
3566
3564
  location: {}
3567
3565
  },
3568
- setup(l) {
3566
+ setup(r) {
3569
3567
  const s = $();
3570
3568
  return (n, e) => {
3571
- const o = q("survey-string");
3569
+ const o = g("survey-string");
3572
3570
  return n.element.hasVisibleErrors ? (i(), u("div", {
3573
3571
  key: 0,
3574
3572
  role: "alert",
@@ -3578,8 +3576,8 @@ const Po = /* @__PURE__ */ h({
3578
3576
  ref_key: "root",
3579
3577
  ref: s
3580
3578
  }, [
3581
- (i(!0), u(_, null, D(n.element.errors, (t, r) => (i(), u("div", {
3582
- key: "error_" + r
3579
+ (i(!0), u(_, null, D(n.element.errors, (t, l) => (i(), u("div", {
3580
+ key: "error_" + l
3583
3581
  }, [
3584
3582
  v("span", {
3585
3583
  class: a(
@@ -3605,7 +3603,7 @@ const Po = /* @__PURE__ */ h({
3605
3603
  props: {
3606
3604
  question: {}
3607
3605
  },
3608
- setup(l) {
3606
+ setup(r) {
3609
3607
  return (s, n) => s.question.isReadOnlyRenderDiv() ? (i(), u("div", zo, R(s.question.comment), 1)) : (i(), u("textarea", {
3610
3608
  key: 1,
3611
3609
  id: s.question.commentId,
@@ -3632,13 +3630,13 @@ const Po = /* @__PURE__ */ h({
3632
3630
  element: {},
3633
3631
  css: {}
3634
3632
  },
3635
- setup(l) {
3633
+ setup(r) {
3636
3634
  const s = (n) => {
3637
3635
  ge(n);
3638
3636
  };
3639
3637
  return (n, e) => {
3640
- const o = q("survey-element-title-content"), t = q("sv-title-actions");
3641
- return n.element.hasTitle ? (i(), g(T(n.element.titleTagName), {
3638
+ const o = g("survey-element-title-content"), t = g("sv-title-actions");
3639
+ return n.element.hasTitle ? (i(), y(T(n.element.titleTagName), {
3642
3640
  key: 0,
3643
3641
  class: a(n.element.cssTitle),
3644
3642
  "aria-label": n.element.titleAriaLabel,
@@ -3646,17 +3644,17 @@ const Po = /* @__PURE__ */ h({
3646
3644
  tabindex: n.element.titleTabIndex,
3647
3645
  "aria-expanded": n.element.titleAriaExpanded,
3648
3646
  role: n.element.titleAriaRole,
3649
- onKeyup: e[0] || (e[0] = (r) => {
3650
- s(r);
3647
+ onKeyup: e[0] || (e[0] = (l) => {
3648
+ s(l);
3651
3649
  })
3652
3650
  }, {
3653
3651
  default: F(() => [
3654
- n.element.hasTitleActions ? d("", !0) : (i(), g(o, {
3652
+ n.element.hasTitleActions ? d("", !0) : (i(), y(o, {
3655
3653
  key: 0,
3656
3654
  element: n.element,
3657
3655
  css: n.css
3658
3656
  }, null, 8, ["element", "css"])),
3659
- n.element.hasTitleActions ? (i(), g(t, {
3657
+ n.element.hasTitleActions ? (i(), y(t, {
3660
3658
  key: 1,
3661
3659
  element: n.element,
3662
3660
  css: n.css
@@ -3673,14 +3671,14 @@ const Po = /* @__PURE__ */ h({
3673
3671
  element: {},
3674
3672
  css: {}
3675
3673
  },
3676
- setup(l) {
3677
- const s = l, n = w(
3674
+ setup(r) {
3675
+ const s = r, n = w(
3678
3676
  () => (s.element.isPanel ? s.element.cssClasses.panel : s.element.cssClasses) || {}
3679
3677
  );
3680
3678
  return (e, o) => {
3681
- const t = q("survey-string");
3679
+ const t = g("survey-string");
3682
3680
  return i(), u(_, null, [
3683
- e.element.isTitleRenderedAsString ? (i(), g(t, {
3681
+ e.element.isTitleRenderedAsString ? (i(), y(t, {
3684
3682
  key: 0,
3685
3683
  locString: e.element.locTitle
3686
3684
  }, null, 8, ["locString"])) : d("", !0),
@@ -3702,7 +3700,7 @@ const Po = /* @__PURE__ */ h({
3702
3700
  "aria-hidden": !0
3703
3701
  }, R(e.element.requiredText), 3)) : d("", !0),
3704
3702
  !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), u("span", Go, "\xA0")) : d("", !0),
3705
- e.element.isTitleRenderedAsString ? d("", !0) : (i(), g(t, {
3703
+ e.element.isTitleRenderedAsString ? d("", !0) : (i(), y(t, {
3706
3704
  key: 6,
3707
3705
  locString: e.element.locTitle
3708
3706
  }, null, 8, ["locString"])),
@@ -3721,17 +3719,17 @@ const Po = /* @__PURE__ */ h({
3721
3719
  element: {},
3722
3720
  css: {}
3723
3721
  },
3724
- setup(l) {
3725
- const s = l, n = w(() => s.element.getTitleToolbar());
3722
+ setup(r) {
3723
+ const s = r, n = w(() => s.element.getTitleToolbar());
3726
3724
  return (e, o) => {
3727
- const t = q("survey-string"), r = q("survey-element-title-content"), c = q("sv-action-bar");
3725
+ const t = g("survey-string"), l = g("survey-element-title-content"), c = g("sv-action-bar");
3728
3726
  return i(), u("div", Yo, [
3729
3727
  v("span", Zo, [
3730
- e.element.isPage ? (i(), g(t, {
3728
+ e.element.isPage ? (i(), y(t, {
3731
3729
  key: 0,
3732
3730
  locString: e.element.locTitle
3733
3731
  }, null, 8, ["locString"])) : d("", !0),
3734
- e.element.isPage ? d("", !0) : (i(), g(r, {
3732
+ e.element.isPage ? d("", !0) : (i(), y(l, {
3735
3733
  key: 1,
3736
3734
  element: e.element,
3737
3735
  css: e.css
@@ -3741,18 +3739,18 @@ const Po = /* @__PURE__ */ h({
3741
3739
  ]);
3742
3740
  };
3743
3741
  }
3744
- }), Ce = (l, s) => {
3745
- const n = l.__vccOpts || l;
3742
+ }), he = (r, s) => {
3743
+ const n = r.__vccOpts || r;
3746
3744
  for (const [e, o] of s)
3747
3745
  n[e] = o;
3748
3746
  return n;
3749
- }, et = {}, st = { class: "sv-brand-info" }, nt = /* @__PURE__ */ Se('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), ot = [
3747
+ }, et = {}, st = { class: "sv-brand-info" }, nt = /* @__PURE__ */ we('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), ot = [
3750
3748
  nt
3751
3749
  ];
3752
- function tt(l, s) {
3750
+ function tt(r, s) {
3753
3751
  return i(), u("div", st, ot);
3754
3752
  }
3755
- const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use", null, null, -1), lt = [
3753
+ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use", null, null, -1), lt = [
3756
3754
  rt
3757
3755
  ], at = /* @__PURE__ */ h({
3758
3756
  __name: "SvgIcon",
@@ -3763,9 +3761,9 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3763
3761
  iconName: {},
3764
3762
  title: {}
3765
3763
  },
3766
- setup(l) {
3767
- const s = l, n = $(), e = () => {
3768
- Pe(
3764
+ setup(r) {
3765
+ const s = r, n = $(), e = () => {
3766
+ Ne(
3769
3767
  s.size,
3770
3768
  s.width,
3771
3769
  s.height,
@@ -3792,18 +3790,18 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3792
3790
  container: {},
3793
3791
  handleClick: { type: Boolean, default: !0 }
3794
3792
  },
3795
- setup(l) {
3796
- const s = l, n = $(null), e = (t) => {
3793
+ setup(r) {
3794
+ const s = r, n = $(null), e = (t) => {
3797
3795
  s.handleClick && t.stopPropagation();
3798
3796
  };
3799
3797
  B(() => s.model);
3800
3798
  const o = le(() => s.model.renderedActions);
3801
3799
  return M(() => {
3802
3800
  !s.model.hasActions || s.model.initResponsivityManager(n.value);
3803
- }), U(() => {
3801
+ }), O(() => {
3804
3802
  s.model.resetResponsivityManager();
3805
- }), (t, r) => {
3806
- const c = q("sv-action");
3803
+ }), (t, l) => {
3804
+ const c = g("sv-action");
3807
3805
  return t.model.hasActions ? (i(), u("div", {
3808
3806
  key: 0,
3809
3807
  ref_key: "root",
@@ -3811,7 +3809,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3811
3809
  class: a(t.model.getRootCss()),
3812
3810
  onClick: e
3813
3811
  }, [
3814
- (i(!0), u(_, null, D(I(o), (m) => (i(), g(c, {
3812
+ (i(!0), u(_, null, D(I(o), (m) => (i(), y(c, {
3815
3813
  key: m.id,
3816
3814
  item: m
3817
3815
  }, null, 8, ["item"]))), 128))
@@ -3823,43 +3821,43 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3823
3821
  props: {
3824
3822
  item: {}
3825
3823
  },
3826
- setup(l) {
3827
- const s = l, n = w(
3824
+ setup(r) {
3825
+ const s = r, n = w(
3828
3826
  () => s.item.component || "sv-action-bar-item"
3829
3827
  );
3830
3828
  return B(() => s.item), (e, o) => {
3831
- const t = q("sv-action-bar-separator");
3829
+ const t = g("sv-action-bar-separator");
3832
3830
  return i(), u("div", {
3833
3831
  class: a(e.item.getActionRootCss()),
3834
3832
  id: e.item.id
3835
3833
  }, [
3836
3834
  v("div", mt, [
3837
- e.item.needSeparator ? (i(), g(t, { key: 0 })) : d("", !0),
3838
- (i(), g(T(n.value), { item: e.item }, null, 8, ["item"]))
3835
+ e.item.needSeparator ? (i(), y(t, { key: 0 })) : d("", !0),
3836
+ (i(), y(T(n.value), { item: e.item }, null, 8, ["item"]))
3839
3837
  ])
3840
3838
  ], 10, dt);
3841
3839
  };
3842
3840
  }
3843
3841
  }), pt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], vt = {
3844
3842
  inheritAttrs: !1
3845
- }, yt = /* @__PURE__ */ h({
3843
+ }, qt = /* @__PURE__ */ h({
3846
3844
  ...vt,
3847
3845
  __name: "ActionBarItem",
3848
3846
  props: {
3849
3847
  item: {}
3850
3848
  },
3851
- setup(l) {
3852
- const s = l;
3849
+ setup(r) {
3850
+ const s = r;
3853
3851
  return B(() => s.item), (n, e) => {
3854
- const o = q("sv-svg-icon"), t = X("key2click");
3852
+ const o = g("sv-svg-icon"), t = X("key2click");
3855
3853
  return P((i(), u("button", {
3856
3854
  class: a(n.item.getActionBarItemCss()),
3857
3855
  type: "button",
3858
- onClick: e[0] || (e[0] = (r) => {
3859
- n.item.action(n.item, !!r.pointerType);
3856
+ onClick: e[0] || (e[0] = (l) => {
3857
+ n.item.action(n.item, !!l.pointerType);
3860
3858
  }),
3861
- onKeyup: e[1] || (e[1] = (r) => {
3862
- r.stopPropagation();
3859
+ onKeyup: e[1] || (e[1] = (l) => {
3860
+ l.stopPropagation();
3863
3861
  }),
3864
3862
  disabled: n.item.disabled,
3865
3863
  title: n.item.tooltip || n.item.title,
@@ -3867,7 +3865,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3867
3865
  "aria-expanded": n.item.ariaExpanded,
3868
3866
  role: n.item.ariaRole
3869
3867
  }, [
3870
- n.item.iconName ? (i(), g(o, {
3868
+ n.item.iconName ? (i(), y(o, {
3871
3869
  key: 0,
3872
3870
  class: a(n.item.cssClasses.itemIcon),
3873
3871
  iconName: n.item.iconName,
@@ -3883,27 +3881,27 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3883
3881
  ]);
3884
3882
  };
3885
3883
  }
3886
- }), qt = ["disabled", "title", "role"], gt = {
3884
+ }), gt = ["disabled", "title", "role"], yt = {
3887
3885
  inheritAttrs: !1
3888
3886
  }, ht = /* @__PURE__ */ h({
3889
- ...gt,
3887
+ ...yt,
3890
3888
  __name: "ActionBarItemDropdown",
3891
3889
  props: {
3892
3890
  item: {}
3893
3891
  },
3894
- setup(l) {
3895
- const s = l, n = Me;
3892
+ setup(r) {
3893
+ const s = r, n = Ae;
3896
3894
  let e;
3897
3895
  return B(
3898
3896
  () => s.item,
3899
3897
  (o) => {
3900
- e = new Ae(o);
3898
+ e = new Pe(o);
3901
3899
  },
3902
3900
  () => {
3903
3901
  e.dispose();
3904
3902
  }
3905
3903
  ), (o, t) => {
3906
- const r = q("sv-svg-icon"), c = q("sv-popup"), m = X("key2click");
3904
+ const l = g("sv-svg-icon"), c = g("sv-popup"), m = X("key2click");
3907
3905
  return i(), u(_, null, [
3908
3906
  P((i(), u("button", {
3909
3907
  type: "button",
@@ -3918,7 +3916,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3918
3916
  title: o.item.tooltip || o.item.title,
3919
3917
  role: o.item.ariaRole
3920
3918
  }, [
3921
- o.item.iconName ? (i(), g(r, {
3919
+ o.item.iconName ? (i(), y(l, {
3922
3920
  key: 0,
3923
3921
  class: a(o.item.cssClasses.itemIcon),
3924
3922
  iconName: o.item.iconName,
@@ -3929,7 +3927,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3929
3927
  key: 1,
3930
3928
  class: a(o.item.getActionBarItemTitleCss())
3931
3929
  }, R(o.item.title), 3)) : d("", !0)
3932
- ], 42, qt)), [
3930
+ ], 42, gt)), [
3933
3931
  [m, { processEsc: !1, disableTabStop: o.item.disableTabStop }]
3934
3932
  ]),
3935
3933
  C(c, {
@@ -3944,8 +3942,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3944
3942
  props: {
3945
3943
  item: {}
3946
3944
  },
3947
- setup(l) {
3948
- const s = l, n = w(() => s.item && s.item.innerCss);
3945
+ setup(r) {
3946
+ const s = r, n = w(() => s.item && s.item.innerCss);
3949
3947
  return (e, o) => (i(), u("div", {
3950
3948
  class: a(["sv-action-bar-separator", n.value])
3951
3949
  }, null, 2));
@@ -3955,31 +3953,31 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3955
3953
  props: {
3956
3954
  model: {}
3957
3955
  },
3958
- setup(l) {
3959
- const s = l, n = $(null), e = (r) => {
3956
+ setup(r) {
3957
+ const s = r, n = $(null), e = (l) => {
3960
3958
  const c = s.model;
3961
- c.filterString = r.target.value;
3962
- }, o = (r) => {
3959
+ c.filterString = l.target.value;
3960
+ }, o = (l) => {
3963
3961
  const c = s.model;
3964
- c.filterString = r.target.value, s.model.goToItems(r);
3965
- }, t = (r) => {
3966
- s.model.onMouseMove(r);
3962
+ c.filterString = l.target.value, s.model.goToItems(l);
3963
+ }, t = (l) => {
3964
+ s.model.onMouseMove(l);
3967
3965
  };
3968
3966
  return B(() => s.model), M(() => {
3969
3967
  s.model.initListContainerHtmlElement(n.value);
3970
- }), (r, c) => {
3971
- const m = q("sv-svg-icon"), p = q("sv-list-item");
3968
+ }), (l, c) => {
3969
+ const m = g("sv-svg-icon"), p = g("sv-list-item");
3972
3970
  return i(), u("div", {
3973
- class: a(r.model.cssClasses.root),
3971
+ class: a(l.model.cssClasses.root),
3974
3972
  ref_key: "listContainerElement",
3975
3973
  ref: n
3976
3974
  }, [
3977
- r.model.showFilter ? (i(), u("div", {
3975
+ l.model.showFilter ? (i(), u("div", {
3978
3976
  key: 0,
3979
- class: a(r.model.cssClasses.filter)
3977
+ class: a(l.model.cssClasses.filter)
3980
3978
  }, [
3981
3979
  v("div", {
3982
- class: a(r.model.cssClasses.filterIcon)
3980
+ class: a(l.model.cssClasses.filterIcon)
3983
3981
  }, [
3984
3982
  C(m, {
3985
3983
  iconName: "icon-search",
@@ -3988,19 +3986,19 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3988
3986
  ], 2),
3989
3987
  v("input", {
3990
3988
  type: "text",
3991
- class: a(r.model.cssClasses.filterInput),
3992
- "aria-label": r.model.filterStringPlaceholder,
3993
- placeholder: r.model.filterStringPlaceholder,
3994
- value: r.model.filterString,
3989
+ class: a(l.model.cssClasses.filterInput),
3990
+ "aria-label": l.model.filterStringPlaceholder,
3991
+ placeholder: l.model.filterStringPlaceholder,
3992
+ value: l.model.filterString,
3995
3993
  onChange: e,
3996
3994
  onKeyup: o
3997
3995
  }, null, 42, bt),
3998
- r.model.showSearchClearButton && !!r.model.filterString ? (i(), u("button", {
3996
+ l.model.showSearchClearButton && !!l.model.filterString ? (i(), u("button", {
3999
3997
  key: 0,
4000
- onClick: c[0] || (c[0] = (y) => {
4001
- r.model.onClickSearchClearButton(y);
3998
+ onClick: c[0] || (c[0] = (q) => {
3999
+ l.model.onClickSearchClearButton(q);
4002
4000
  }),
4003
- class: a(r.model.cssClasses.searchClearButtonIcon)
4001
+ class: a(l.model.cssClasses.searchClearButtonIcon)
4004
4002
  }, [
4005
4003
  C(m, {
4006
4004
  iconName: "icon-searchclear",
@@ -4009,35 +4007,35 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4009
4007
  ], 2)) : d("", !0)
4010
4008
  ], 2)) : d("", !0),
4011
4009
  P(v("div", {
4012
- class: a(r.model.cssClasses.emptyContainer)
4010
+ class: a(l.model.cssClasses.emptyContainer)
4013
4011
  }, [
4014
4012
  v("div", {
4015
- class: a(r.model.cssClasses.emptyText),
4016
- "aria-label": r.model.emptyMessage
4017
- }, R(r.model.emptyMessage), 11, kt)
4013
+ class: a(l.model.cssClasses.emptyText),
4014
+ "aria-label": l.model.emptyMessage
4015
+ }, R(l.model.emptyMessage), 11, kt)
4018
4016
  ], 2), [
4019
- [H, r.model.isEmpty]
4017
+ [H, l.model.isEmpty]
4020
4018
  ]),
4021
- r.model.renderElements ? P((i(), u("ul", {
4019
+ l.model.renderElements ? P((i(), u("ul", {
4022
4020
  key: 1,
4023
- class: a(r.model.getListClass()),
4021
+ class: a(l.model.getListClass()),
4024
4022
  role: "listbox",
4025
- id: r.model.elementId,
4026
- onMousedown: c[1] || (c[1] = (y) => {
4027
- y.preventDefault();
4023
+ id: l.model.elementId,
4024
+ onMousedown: c[1] || (c[1] = (q) => {
4025
+ q.preventDefault();
4028
4026
  }),
4029
4027
  onMousemove: t,
4030
- onKeydown: c[2] || (c[2] = (y) => {
4031
- r.model.onKeyDown(y);
4028
+ onKeydown: c[2] || (c[2] = (q) => {
4029
+ l.model.onKeyDown(q);
4032
4030
  })
4033
4031
  }, [
4034
- (i(!0), u(_, null, D(r.model.renderedActions, (y) => (i(), g(p, {
4035
- item: y,
4036
- model: r.model,
4037
- key: y.id
4032
+ (i(!0), u(_, null, D(l.model.renderedActions, (q) => (i(), y(p, {
4033
+ item: q,
4034
+ model: l.model,
4035
+ key: q.id
4038
4036
  }, null, 8, ["item", "model"]))), 128))
4039
4037
  ], 42, ft)), [
4040
- [H, !r.model.isEmpty]
4038
+ [H, !l.model.isEmpty]
4041
4039
  ]) : d("", !0)
4042
4040
  ], 2);
4043
4041
  };
@@ -4048,8 +4046,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4048
4046
  model: {},
4049
4047
  item: {}
4050
4048
  },
4051
- setup(l) {
4052
- const s = l, n = w(() => s.item.elementId), e = (o) => {
4049
+ setup(r) {
4050
+ const s = r, n = w(() => s.item.elementId), e = (o) => {
4053
4051
  s.model.onItemClick(s.item), o.stopPropagation();
4054
4052
  };
4055
4053
  return B(() => s.item), M(() => {
@@ -4057,7 +4055,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4057
4055
  s.model.onLastItemRended(s.item);
4058
4056
  });
4059
4057
  }), (o, t) => {
4060
- const r = q("sv-svg-icon"), c = q("survey-string"), m = X("key2click");
4058
+ const l = g("sv-svg-icon"), c = g("survey-string"), m = X("key2click");
4061
4059
  return P((i(), u("li", {
4062
4060
  tabindex: "0",
4063
4061
  role: "option",
@@ -4077,17 +4075,17 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4077
4075
  class: a(o.model.cssClasses.itemBody),
4078
4076
  title: o.item.locTitle.calculatedText
4079
4077
  }, [
4080
- o.item.iconName && !o.item.component ? (i(), g(r, {
4078
+ o.item.iconName && !o.item.component ? (i(), y(l, {
4081
4079
  key: 0,
4082
4080
  class: a(o.model.cssClasses.itemIcon),
4083
4081
  iconName: o.item.iconName,
4084
4082
  size: o.item.iconSize
4085
4083
  }, null, 8, ["class", "iconName", "size"])) : d("", !0),
4086
- o.item.component ? d("", !0) : (i(), g(c, {
4084
+ o.item.component ? d("", !0) : (i(), y(c, {
4087
4085
  key: 1,
4088
4086
  locString: o.item.locTitle
4089
4087
  }, null, 8, ["locString"])),
4090
- o.item.component ? (i(), g(T(o.item.component), {
4088
+ o.item.component ? (i(), y(T(o.item.component), {
4091
4089
  key: 2,
4092
4090
  item: o.item
4093
4091
  }, null, 8, ["item"])) : d("", !0)
@@ -4104,14 +4102,12 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4104
4102
  getTarget: { type: Function },
4105
4103
  model: {}
4106
4104
  },
4107
- setup(l) {
4108
- const s = l, n = z(
4109
- de(s.model, void 0)
4110
- ), e = $(null);
4111
- return J(
4105
+ setup(r) {
4106
+ const s = r, n = U(), e = $(null);
4107
+ return Q(
4112
4108
  () => s.model,
4113
4109
  (o) => {
4114
- n.value.dispose(), n.value = de(o, void 0);
4110
+ n.value && n.value.dispose(), n.value = Me(o, void 0);
4115
4111
  },
4116
4112
  { immediate: !0 }
4117
4113
  ), B(() => n.value), M(() => {
@@ -4120,15 +4116,15 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4120
4116
  o,
4121
4117
  s.getTarget ? s.getTarget(o) : void 0
4122
4118
  );
4123
- }), U(() => {
4119
+ }), O(() => {
4124
4120
  n.value.dispose();
4125
4121
  }), (o, t) => {
4126
- const r = q("sv-popup-container");
4122
+ const l = g("sv-popup-container");
4127
4123
  return i(), u("div", {
4128
4124
  ref_key: "root",
4129
4125
  ref: e
4130
4126
  }, [
4131
- C(r, { model: n.value }, null, 8, ["model"])
4127
+ C(l, { model: n.value }, null, 8, ["model"])
4132
4128
  ], 512);
4133
4129
  };
4134
4130
  }
@@ -4143,8 +4139,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4143
4139
  props: {
4144
4140
  model: {}
4145
4141
  },
4146
- setup(l) {
4147
- const s = l;
4142
+ setup(r) {
4143
+ const s = r;
4148
4144
  let n = !1;
4149
4145
  const e = (o) => {
4150
4146
  o.stopPropagation();
@@ -4155,7 +4151,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4155
4151
  }), M(() => {
4156
4152
  s.model.isVisible && s.model.updateOnShowing();
4157
4153
  }), (o, t) => {
4158
- const r = q("sv-action-bar");
4154
+ const l = g("sv-action-bar");
4159
4155
  return P((i(), u("div", {
4160
4156
  tabindex: "-1",
4161
4157
  class: a(["sv-popup", o.model.styleClass]),
@@ -4178,7 +4174,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4178
4174
  onClick: e
4179
4175
  }, [
4180
4176
  v("div", $t, [
4181
- o.model.showHeader ? (i(), g(T(o.model.popupHeaderTemplate), {
4177
+ o.model.showHeader ? (i(), y(T(o.model.popupHeaderTemplate), {
4182
4178
  key: 0,
4183
4179
  model: o.model
4184
4180
  }, null, 8, ["model"])) : d("", !0),
@@ -4186,11 +4182,11 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4186
4182
  o.model.title ? (i(), u("div", Dt, R(o.model.title), 1)) : d("", !0),
4187
4183
  v("div", Bt, [
4188
4184
  v("div", Lt, [
4189
- (i(), g(T(o.model.contentComponentName), O(ne(o.model.contentComponentData)), null, 16))
4185
+ (i(), y(T(o.model.contentComponentName), z(ne(o.model.contentComponentData)), null, 16))
4190
4186
  ])
4191
4187
  ]),
4192
4188
  o.model.showFooter ? (i(), u("div", Nt, [
4193
- C(r, {
4189
+ C(l, {
4194
4190
  model: o.model.footerToolbar
4195
4191
  }, null, 8, ["model"])
4196
4192
  ])) : d("", !0)
@@ -4207,7 +4203,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4207
4203
  props: {
4208
4204
  model: {}
4209
4205
  },
4210
- setup(l) {
4206
+ setup(r) {
4211
4207
  return (s, n) => (i(), u("span", {
4212
4208
  class: "sv-popup__pointer",
4213
4209
  style: S({
@@ -4226,18 +4222,18 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4226
4222
  container: {},
4227
4223
  needRenderWrapper: {}
4228
4224
  },
4229
- setup(l) {
4230
- const s = l, n = w(
4225
+ setup(r) {
4226
+ const s = r, n = w(
4231
4227
  () => s.survey.getContainerContent(s.container)
4232
4228
  );
4233
4229
  return (e, o) => n.value.length > 0 ? (i(), u(_, { key: 0 }, [
4234
4230
  e.needRenderWrapper ? (i(), u("div", Mt, [
4235
- (i(!0), u(_, null, D(n.value, (t, r) => (i(), g(T(t.component), {
4231
+ (i(!0), u(_, null, D(n.value, (t, l) => (i(), y(T(t.component), {
4236
4232
  survey: e.survey,
4237
4233
  container: e.container,
4238
4234
  model: t.data
4239
4235
  }, null, 8, ["survey", "container", "model"]))), 256))
4240
- ])) : (i(!0), u(_, { key: 1 }, D(n.value, (t, r) => (i(), g(T(t.component), {
4236
+ ])) : (i(!0), u(_, { key: 1 }, D(n.value, (t, l) => (i(), y(T(t.component), {
4241
4237
  survey: e.survey,
4242
4238
  container: e.container,
4243
4239
  model: t.data
@@ -4251,9 +4247,9 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4251
4247
  container: {},
4252
4248
  css: {}
4253
4249
  },
4254
- setup(l) {
4255
- const s = l, n = w(() => s.survey.progressValue + "%"), e = (t) => me.getProgressTextInBarCss(t), o = (t) => me.getProgressTextUnderBarCss(t);
4256
- return (t, r) => (i(), u("div", {
4250
+ setup(r) {
4251
+ const s = r, n = w(() => s.survey.progressValue + "%"), e = (t) => de.getProgressTextInBarCss(t), o = (t) => de.getProgressTextUnderBarCss(t);
4252
+ return (t, l) => (i(), u("div", {
4257
4253
  class: a(t.survey.getProgressCssClasses(t.container))
4258
4254
  }, [
4259
4255
  v("div", {
@@ -4280,16 +4276,16 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4280
4276
  model: {},
4281
4277
  container: {}
4282
4278
  },
4283
- setup(l) {
4284
- const s = l, n = $(!1), e = $(!1), o = $(!1), t = $(!0), r = $(), c = w(() => s.survey.css);
4279
+ setup(r) {
4280
+ const s = r, n = $(!1), e = $(!1), o = $(!1), t = $(!0), l = $(), c = w(() => s.survey.css);
4285
4281
  let m = null;
4286
- const p = (y) => {
4287
- let f = r.value;
4288
- f.scrollLeft += (y ? -1 : 1) * 70;
4282
+ const p = (q) => {
4283
+ let f = l.value;
4284
+ f.scrollLeft += (q ? -1 : 1) * 70;
4289
4285
  };
4290
4286
  return M(() => {
4291
- const y = r.value;
4292
- m = new He(s.model, y, {
4287
+ const q = l.value;
4288
+ m = new He(s.model, q, {
4293
4289
  onResize: (f) => {
4294
4290
  t.value = f, e.value = !f;
4295
4291
  },
@@ -4301,11 +4297,11 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4301
4297
  },
4302
4298
  container: w(() => s.container)
4303
4299
  });
4304
- }), Q(() => {
4300
+ }), G(() => {
4305
4301
  m.dispose();
4306
- }), (y, f) => (i(), u("div", {
4307
- class: a(y.model.getRootCss(y.container)),
4308
- style: S({ maxWidth: y.model.progressWidth }),
4302
+ }), (q, f) => (i(), u("div", {
4303
+ class: a(q.model.getRootCss(q.container)),
4304
+ style: S({ maxWidth: q.model.progressWidth }),
4309
4305
  role: "progressbar",
4310
4306
  "aria-valuemin": "0",
4311
4307
  "aria-valuemax": "100",
@@ -4313,34 +4309,34 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4313
4309
  }, [
4314
4310
  e.value ? (i(), u("div", {
4315
4311
  key: 0,
4316
- class: a(y.survey.css.progressButtonsHeader)
4312
+ class: a(q.survey.css.progressButtonsHeader)
4317
4313
  }, [
4318
4314
  v("div", {
4319
- class: a(y.survey.css.progressButtonsPageTitle),
4320
- title: y.model.headerText
4321
- }, R(y.model.headerText), 11, Et)
4315
+ class: a(q.survey.css.progressButtonsPageTitle),
4316
+ title: q.model.headerText
4317
+ }, R(q.model.headerText), 11, Et)
4322
4318
  ], 2)) : d("", !0),
4323
4319
  v("div", {
4324
4320
  class: a(c.value.progressButtonsContainer)
4325
4321
  }, [
4326
4322
  v("div", {
4327
- class: a(y.model.getScrollButtonCss(n.value, !0)),
4323
+ class: a(q.model.getScrollButtonCss(n.value, !0)),
4328
4324
  onClick: f[0] || (f[0] = (b) => p(!0)),
4329
4325
  role: "button"
4330
4326
  }, null, 2),
4331
4327
  v("div", {
4332
4328
  class: a(c.value.progressButtonsListContainer),
4333
4329
  ref_key: "progressButtonsListContainer",
4334
- ref: r
4330
+ ref: l
4335
4331
  }, [
4336
4332
  v("ul", {
4337
4333
  class: a(c.value.progressButtonsList)
4338
4334
  }, [
4339
- (i(!0), u(_, null, D(y.survey.visiblePages, (b, N) => (i(), u("li", {
4335
+ (i(!0), u(_, null, D(q.survey.visiblePages, (b, N) => (i(), u("li", {
4340
4336
  key: "listelement" + N,
4341
- class: a(y.model.getListElementCss(N)),
4342
- onClick: (k) => y.model.isListElementClickable(N) ? y.model.clickListElement(b) : null,
4343
- "data-page-number": y.model.getItemNumber(b)
4337
+ class: a(q.model.getListElementCss(N)),
4338
+ onClick: (k) => q.model.isListElementClickable(N) ? q.model.clickListElement(b) : null,
4339
+ "data-page-number": q.model.getItemNumber(b)
4344
4340
  }, [
4345
4341
  v("div", {
4346
4342
  class: a(c.value.progressButtonsConnector)
@@ -4364,25 +4360,25 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4364
4360
  v("div", {
4365
4361
  class: a(c.value.progressButtonsButtonContent)
4366
4362
  }, null, 2),
4367
- v("span", null, R(y.model.getItemNumber(b)), 1)
4363
+ v("span", null, R(q.model.getItemNumber(b)), 1)
4368
4364
  ], 2)
4369
4365
  ], 10, Wt))), 128))
4370
4366
  ], 2)
4371
4367
  ], 2),
4372
4368
  v("div", {
4373
- class: a(y.model.getScrollButtonCss(n.value, !1)),
4369
+ class: a(q.model.getScrollButtonCss(n.value, !1)),
4374
4370
  onClick: f[1] || (f[1] = (b) => p(!1)),
4375
4371
  role: "button"
4376
4372
  }, null, 2)
4377
4373
  ], 2),
4378
4374
  o.value ? (i(), u("div", {
4379
4375
  key: 1,
4380
- class: a(y.survey.css.progressButtonsFooter)
4376
+ class: a(q.survey.css.progressButtonsFooter)
4381
4377
  }, [
4382
4378
  v("div", {
4383
- class: a(y.survey.css.progressButtonsPageTitle),
4384
- title: y.model.footerText
4385
- }, R(y.model.footerText), 11, Ot)
4379
+ class: a(q.survey.css.progressButtonsPageTitle),
4380
+ title: q.model.footerText
4381
+ }, R(q.model.footerText), 11, Ot)
4386
4382
  ], 2)) : d("", !0)
4387
4383
  ], 6));
4388
4384
  }
@@ -4392,9 +4388,9 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4392
4388
  survey: {},
4393
4389
  model: {}
4394
4390
  },
4395
- setup(l) {
4391
+ setup(r) {
4396
4392
  return (s, n) => {
4397
- const e = q("sv-svg-icon"), o = q("sv-popup"), t = q("sv-list"), r = X("key2click");
4393
+ const e = g("sv-svg-icon"), o = g("sv-popup"), t = g("sv-list"), l = X("key2click");
4398
4394
  return i(), u("div", {
4399
4395
  class: a(s.model.containerCss)
4400
4396
  }, [
@@ -4410,8 +4406,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4410
4406
  model: s.model.popupModel
4411
4407
  }, null, 8, ["model"])
4412
4408
  ])), [
4413
- [r]
4414
- ]) : (i(), g(t, {
4409
+ [l]
4410
+ ]) : (i(), y(t, {
4415
4411
  key: 1,
4416
4412
  model: s.model.listModel
4417
4413
  }, null, 8, ["model"]))
@@ -4421,22 +4417,22 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4421
4417
  }), Kt = { onsubmit: "return false;" }, jt = {
4422
4418
  key: 0,
4423
4419
  class: "sv_custom_header"
4424
- }, Qt = { class: "sv-components-column sv-components-column--expandable" }, Gt = ["id"], Jt = { key: 2 }, Xt = ["innerHTML"], Yt = ["innerHTML"], Zt = ["innerHTML"], ve = /* @__PURE__ */ h({
4420
+ }, Qt = { class: "sv-components-column sv-components-column--expandable" }, Gt = ["id"], Jt = { key: 2 }, Xt = ["innerHTML"], Yt = ["innerHTML"], Zt = ["innerHTML"], pe = /* @__PURE__ */ h({
4425
4421
  __name: "Survey",
4426
4422
  props: {
4427
4423
  model: {},
4428
4424
  survey: {}
4429
4425
  },
4430
- setup(l) {
4431
- const s = l, n = $(), e = $(""), o = $(1), t = w(() => {
4426
+ setup(r) {
4427
+ const s = r, n = $(), e = $(""), o = $(1), t = w(() => {
4432
4428
  const b = s.survey ? s.survey : s.model;
4433
- return Re(b);
4434
- }), r = w(() => t.value.activePage ? t.value.activePage.id : ""), c = () => {
4435
- const b = r.value;
4429
+ return Se(b);
4430
+ }), l = w(() => t.value.activePage ? t.value.activePage.id : ""), c = () => {
4431
+ const b = l.value;
4436
4432
  return !!t.value && b + o.value.toString();
4437
4433
  }, m = w(
4438
4434
  () => t.value.showCompletedPage && t.value.state === "completed"
4439
- ), p = w(() => t.value.css), y = w(() => "page" + c()), f = () => m.value ? (e.value || (e.value = t.value.processedCompletedHtml), e.value) : "";
4435
+ ), p = w(() => t.value.css), q = w(() => "page" + c()), f = () => m.value ? (e.value || (e.value = t.value.processedCompletedHtml), e.value) : "";
4440
4436
  return B(() => t.value), M(() => {
4441
4437
  if (!!t.value) {
4442
4438
  var b = n.value;
@@ -4445,17 +4441,17 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4445
4441
  o.value++, (k = (N = ie()) == null ? void 0 : N.proxy) == null || k.$forceUpdate();
4446
4442
  }, t.value.startTimerFromUI();
4447
4443
  }
4448
- }), U(() => {
4444
+ }), O(() => {
4449
4445
  t.value.stopTimer(), t.value.renderCallback = void 0;
4450
4446
  }), (b, N) => {
4451
- const k = q("sv-svg-bundle"), L = q("survey-popup-modal"), W = q("survey-header"), V = q("survey-page"), K = q("sv-brand-info"), ue = q("sv-notifier");
4447
+ const k = g("sv-svg-bundle"), L = g("survey-popup-modal"), W = g("survey-header"), V = g("survey-page"), K = g("sv-brand-info"), ue = g("sv-notifier");
4452
4448
  return i(), u("div", {
4453
4449
  class: a(t.value.getRootCss()),
4454
4450
  style: S(t.value.themeVariables),
4455
4451
  ref_key: "root",
4456
4452
  ref: n
4457
4453
  }, [
4458
- t.value.needRenderIcons ? (i(), g(k, { key: 0 })) : d("", !0),
4454
+ t.value.needRenderIcons ? (i(), y(k, { key: 0 })) : d("", !0),
4459
4455
  v("div", {
4460
4456
  class: a(t.value.wrapperFormCss)
4461
4457
  }, [
@@ -4470,11 +4466,11 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4470
4466
  v("div", {
4471
4467
  class: a(p.value.container)
4472
4468
  }, [
4473
- t.value.headerView === "basic" ? (i(), g(W, {
4469
+ t.value.headerView === "basic" ? (i(), y(W, {
4474
4470
  key: 0,
4475
4471
  survey: t.value
4476
4472
  }, null, 8, ["survey"])) : d("", !0),
4477
- (i(), g(T("sv-components-container"), {
4473
+ (i(), y(T("sv-components-container"), {
4478
4474
  survey: t.value,
4479
4475
  container: "header",
4480
4476
  needRenderWrapper: !1
@@ -4483,13 +4479,13 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4483
4479
  key: 1,
4484
4480
  class: a(t.value.bodyContainerCss)
4485
4481
  }, [
4486
- (i(), g(T("sv-components-container"), {
4482
+ (i(), y(T("sv-components-container"), {
4487
4483
  survey: t.value,
4488
4484
  container: "left",
4489
4485
  needRenderWrapper: !0
4490
4486
  }, null, 8, ["survey"])),
4491
4487
  v("div", Qt, [
4492
- (i(), g(T("sv-components-container"), {
4488
+ (i(), y(T("sv-components-container"), {
4493
4489
  survey: t.value,
4494
4490
  container: "center",
4495
4491
  needRenderWrapper: !0
@@ -4497,33 +4493,33 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4497
4493
  v("div", {
4498
4494
  class: a(t.value.bodyCss),
4499
4495
  style: S({ maxWidth: t.value.renderedWidth }),
4500
- id: r.value
4496
+ id: l.value
4501
4497
  }, [
4502
- (i(), g(T("sv-components-container"), {
4498
+ (i(), y(T("sv-components-container"), {
4503
4499
  survey: t.value,
4504
4500
  container: "contentTop",
4505
4501
  needRenderWrapper: !0
4506
4502
  }, null, 8, ["survey"])),
4507
- (i(), g(V, {
4508
- key: y.value,
4503
+ (i(), y(V, {
4504
+ key: q.value,
4509
4505
  survey: t.value,
4510
4506
  page: t.value.activePage,
4511
4507
  css: p.value
4512
4508
  }, null, 8, ["survey", "page", "css"])),
4513
- (i(), g(T("sv-components-container"), {
4509
+ (i(), y(T("sv-components-container"), {
4514
4510
  survey: t.value,
4515
4511
  container: "contentBottom",
4516
4512
  needRenderWrapper: !0
4517
4513
  }, null, 8, ["survey"]))
4518
4514
  ], 14, Gt)
4519
4515
  ]),
4520
- (i(), g(T("sv-components-container"), {
4516
+ (i(), y(T("sv-components-container"), {
4521
4517
  survey: t.value,
4522
4518
  container: "right",
4523
4519
  needRenderWrapper: !0
4524
4520
  }, null, 8, ["survey"]))
4525
4521
  ], 2)) : d("", !0),
4526
- (i(), g(T("sv-components-container"), {
4522
+ (i(), y(T("sv-components-container"), {
4527
4523
  survey: t.value,
4528
4524
  container: "footer",
4529
4525
  needRenderWrapper: !1
@@ -4533,7 +4529,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4533
4529
  innerHTML: f(),
4534
4530
  class: a(t.value.completedCss)
4535
4531
  }, null, 10, Xt),
4536
- (i(), g(T("sv-components-container"), {
4532
+ (i(), y(T("sv-components-container"), {
4537
4533
  survey: t.value,
4538
4534
  container: "completePage",
4539
4535
  needRenderWrapper: !0
@@ -4555,7 +4551,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4555
4551
  }, R(t.value.emptySurveyText), 3)) : d("", !0)
4556
4552
  ], 2)
4557
4553
  ]),
4558
- t.value.showBrandInfo ? (i(), g(K, { key: 1 })) : d("", !0),
4554
+ t.value.showBrandInfo ? (i(), y(K, { key: 1 })) : d("", !0),
4559
4555
  C(ue, {
4560
4556
  model: t.value.notifier
4561
4557
  }, null, 8, ["model"])
@@ -4568,10 +4564,10 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4568
4564
  props: {
4569
4565
  model: {}
4570
4566
  },
4571
- setup(l) {
4572
- const s = l;
4567
+ setup(r) {
4568
+ const s = r;
4573
4569
  return B(() => s.model), (n, e) => {
4574
- const o = q("sv-action-bar");
4570
+ const o = g("sv-action-bar");
4575
4571
  return n.model.isDisplayed ? (i(), u("div", {
4576
4572
  key: 0,
4577
4573
  class: a(n.model.css),
@@ -4592,7 +4588,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4592
4588
  question: {},
4593
4589
  commentClass: {}
4594
4590
  },
4595
- setup(l) {
4591
+ setup(r) {
4596
4592
  return (s, n) => (i(), u("div", {
4597
4593
  class: a(s.question.getCommentAreaCss(!0))
4598
4594
  }, [
@@ -4623,8 +4619,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4623
4619
  props: {
4624
4620
  item: {}
4625
4621
  },
4626
- setup(l) {
4627
- const s = l, n = () => s.item.data && s.item.data.mouseDown();
4622
+ setup(r) {
4623
+ const s = r, n = () => s.item.data && s.item.data.mouseDown();
4628
4624
  return B(() => s.item), (e, o) => e.item.visible ? (i(), u("input", {
4629
4625
  key: 0,
4630
4626
  type: "button",
@@ -4636,7 +4632,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4636
4632
  onClick: o[0] || (o[0] = (...t) => e.item.action && e.item.action(...t))
4637
4633
  }, null, 42, oi)) : d("", !0);
4638
4634
  }
4639
- }), ye = /* @__PURE__ */ h({
4635
+ }), ve = /* @__PURE__ */ h({
4640
4636
  __name: "PopupSurvey",
4641
4637
  props: {
4642
4638
  survey: {},
@@ -4645,8 +4641,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4645
4641
  allowFullScreen: { type: Boolean },
4646
4642
  closeOnCompleteTimeout: {}
4647
4643
  },
4648
- setup(l) {
4649
- const s = l, n = z(), e = w(() => s.survey ? s.survey.getCss() : {});
4644
+ setup(r) {
4645
+ const s = r, n = U(), e = w(() => s.survey ? s.survey.getCss() : {});
4650
4646
  w(() => {
4651
4647
  var f;
4652
4648
  return (f = n.value) != null && f.isExpanded ? e.value.window.header.buttonCollapsed : e.value.window.header.buttonExpanded;
@@ -4658,7 +4654,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4658
4654
  n.value.changeExpandCollapse();
4659
4655
  }, t = () => {
4660
4656
  n.value.hide();
4661
- }, r = () => {
4657
+ }, l = () => {
4662
4658
  n.value.toggleFullScreen();
4663
4659
  }, c = () => "SurveyComponent", m = () => {
4664
4660
  n.value.onScroll();
@@ -4667,7 +4663,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4667
4663
  return n.value.isCollapsed && (f += " " + n.value.cssRootCollapsedMod), f;
4668
4664
  };
4669
4665
  B(() => n.value);
4670
- const y = J(
4666
+ const q = Q(
4671
4667
  () => s.survey,
4672
4668
  (f) => {
4673
4669
  const b = new Ee(null, f);
@@ -4677,10 +4673,10 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4677
4673
  immediate: !0
4678
4674
  }
4679
4675
  );
4680
- return U(() => {
4681
- y();
4676
+ return O(() => {
4677
+ q();
4682
4678
  }), (f, b) => {
4683
- const N = q("sv-svg-icon");
4679
+ const N = g("sv-svg-icon");
4684
4680
  return n.value.isShowing ? (i(), u("div", {
4685
4681
  key: 0,
4686
4682
  style: S({ maxWidth: n.value.renderedWidth, width: n.value.renderedWidth }),
@@ -4703,14 +4699,14 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4703
4699
  n.value.allowFullScreen ? (i(), u("div", {
4704
4700
  key: 0,
4705
4701
  class: a(n.value.cssHeaderFullScreenButton),
4706
- onClick: r
4702
+ onClick: l
4707
4703
  }, [
4708
- n.value.isFullScreen ? (i(), g(N, {
4704
+ n.value.isFullScreen ? (i(), y(N, {
4709
4705
  key: 0,
4710
4706
  iconName: "icon-back-to-panel_16x16",
4711
4707
  size: 16
4712
4708
  })) : d("", !0),
4713
- n.value.isFullScreen ? d("", !0) : (i(), g(N, {
4709
+ n.value.isFullScreen ? d("", !0) : (i(), y(N, {
4714
4710
  key: 1,
4715
4711
  iconName: "icon-full-screen_16x16",
4716
4712
  size: 16
@@ -4720,12 +4716,12 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4720
4716
  class: a(n.value.cssHeaderCollapseButton),
4721
4717
  onClick: o
4722
4718
  }, [
4723
- n.value.isExpanded ? (i(), g(N, {
4719
+ n.value.isExpanded ? (i(), y(N, {
4724
4720
  key: 0,
4725
4721
  iconName: "icon-minimize_16x16",
4726
4722
  size: 16
4727
4723
  })) : d("", !0),
4728
- n.value.isCollapsed ? (i(), g(N, {
4724
+ n.value.isCollapsed ? (i(), y(N, {
4729
4725
  key: 1,
4730
4726
  iconName: "icon-restore_16x16",
4731
4727
  size: 16
@@ -4746,7 +4742,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4746
4742
  v("div", {
4747
4743
  class: a(n.value.cssBody)
4748
4744
  }, [
4749
- (i(), g(T(c()), { survey: f.survey }, null, 8, ["survey"]))
4745
+ (i(), y(T(c()), { survey: f.survey }, null, 8, ["survey"]))
4750
4746
  ], 2)
4751
4747
  ], 2)
4752
4748
  ], 38)) : d("", !0);
@@ -4758,15 +4754,15 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4758
4754
  question: {},
4759
4755
  css: {}
4760
4756
  },
4761
- setup(l) {
4762
- const s = l, n = $(), e = w(
4757
+ setup(r) {
4758
+ const s = r, n = $(), e = w(
4763
4759
  () => s.question.customWidget.isDefaultRender
4764
4760
  ), o = w(
4765
4761
  () => !!s.question.customWidget.htmlTemplate
4766
- ), t = w(() => s.question.customWidget.htmlTemplate), r = w(() => "survey-" + s.question.getTemplate());
4762
+ ), t = w(() => s.question.customWidget.htmlTemplate), l = w(() => "survey-" + s.question.getTemplate());
4767
4763
  return M(() => {
4768
4764
  s.question.customWidget.afterRender(s.question, n.value);
4769
- }), Q(() => {
4765
+ }), G(() => {
4770
4766
  s.question.customWidget.willUnmount(s.question, n.value);
4771
4767
  }), (c, m) => (i(), u("div", {
4772
4768
  ref_key: "root",
@@ -4776,7 +4772,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4776
4772
  key: 0,
4777
4773
  innerHTML: t.value
4778
4774
  }, null, 8, ii)) : d("", !0),
4779
- e.value ? (i(), g(T(r.value), {
4775
+ e.value ? (i(), y(T(l.value), {
4780
4776
  key: 1,
4781
4777
  question: c.question,
4782
4778
  css: c.css
@@ -4785,43 +4781,42 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4785
4781
  }
4786
4782
  }), li = /* @__PURE__ */ h({
4787
4783
  __name: "PopupModal",
4788
- setup(l) {
4789
- const s = z();
4790
- function n(o, t, r, c, m, p, y = "popup") {
4784
+ setup(r) {
4785
+ const s = U();
4786
+ function n(o, t, l, c, m, p, q = "popup") {
4791
4787
  const f = We(
4792
4788
  o,
4793
4789
  t,
4794
- r,
4790
+ l,
4795
4791
  c,
4796
4792
  void 0,
4797
4793
  void 0,
4798
4794
  m,
4799
4795
  p,
4800
- y
4796
+ q
4801
4797
  );
4802
4798
  return e(f);
4803
4799
  }
4804
4800
  function e(o, t) {
4805
- o.onHide = () => {
4806
- s.value = void 0, r.dispose();
4807
- };
4808
- const r = Ve(
4801
+ const l = Ve(
4809
4802
  o,
4810
4803
  t
4811
- );
4812
- return r.model.isVisible = !0, s.value = r, r;
4804
+ ), c = (m, p) => {
4805
+ p.isVisible || (s.value = void 0, l.dispose(), l.onVisibilityChanged.remove(c));
4806
+ };
4807
+ return l.onVisibilityChanged.add(c), l.model.isVisible = !0, s.value = l, l;
4813
4808
  }
4814
- return j.showModal || (j.showModal = n, U(() => {
4809
+ return j.showModal || (j.showModal = n, O(() => {
4815
4810
  j.showModal = void 0;
4816
- })), j.showDialog || (j.showDialog = e, U(() => {
4811
+ })), j.showDialog || (j.showDialog = e, O(() => {
4817
4812
  j.showDialog = void 0;
4818
4813
  })), (o, t) => {
4819
- const r = q("sv-popup-container");
4820
- return s.value ? (i(), g(Te, {
4814
+ const l = g("sv-popup-container");
4815
+ return s.value ? (i(), y(Re, {
4821
4816
  key: 0,
4822
4817
  to: s.value.container
4823
4818
  }, [
4824
- C(r, { model: s.value }, null, 8, ["model"])
4819
+ C(l, { model: s.value }, null, 8, ["model"])
4825
4820
  ], 8, ["to"])) : d("", !0);
4826
4821
  };
4827
4822
  }
@@ -4831,8 +4826,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4831
4826
  counter: {},
4832
4827
  remainingCharacterCounter: {}
4833
4828
  },
4834
- setup(l) {
4835
- const s = l;
4829
+ setup(r) {
4830
+ const s = r;
4836
4831
  return B(() => s.counter), (n, e) => (i(), u("div", {
4837
4832
  class: a(n.remainingCharacterCounter)
4838
4833
  }, R(n.counter.remainingCharacterCounter), 3));
@@ -4844,13 +4839,13 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4844
4839
  question: {},
4845
4840
  css: {}
4846
4841
  },
4847
- setup(l) {
4848
- const s = l, n = $(null);
4842
+ setup(r) {
4843
+ const s = r, n = $(null);
4849
4844
  A(s, n);
4850
4845
  const e = w(() => s.question.contentPanel);
4851
4846
  return (o, t) => {
4852
- const r = q("survey-panel");
4853
- return i(), g(r, {
4847
+ const l = g("survey-panel");
4848
+ return i(), y(l, {
4854
4849
  ref_key: "root",
4855
4850
  ref: n,
4856
4851
  element: e.value,
@@ -4865,11 +4860,11 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4865
4860
  question: {},
4866
4861
  css: {}
4867
4862
  },
4868
- setup(l) {
4869
- const s = l, n = $(null);
4863
+ setup(r) {
4864
+ const s = r, n = $(null);
4870
4865
  A(s, n);
4871
4866
  const e = w(() => s.question.contentQuestion), o = (t) => re(t);
4872
- return (t, r) => (i(), g(T(o(e.value)), {
4867
+ return (t, l) => (i(), y(T(o(e.value)), {
4873
4868
  ref: n.value,
4874
4869
  question: e.value,
4875
4870
  css: t.css
@@ -4883,8 +4878,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4883
4878
  model: {},
4884
4879
  css: {}
4885
4880
  },
4886
- setup(l) {
4887
- const s = l, n = w(() => qe * s.model.progress), e = w(() => s.model.text);
4881
+ setup(r) {
4882
+ const s = r, n = w(() => qe * s.model.progress), e = w(() => s.model.text);
4888
4883
  return B(() => s.model), (o, t) => o.model.isRunning && o.model.showTimerAsClock ? (i(), u("div", {
4889
4884
  key: 0,
4890
4885
  class: a(o.model.rootCss)
@@ -4912,29 +4907,29 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4912
4907
  [H, o.model.isRunning && !o.model.showTimerAsClock]
4913
4908
  ]);
4914
4909
  }
4915
- }), vi = {}, yi = { class: "sd-loading-indicator" };
4916
- function qi(l, s) {
4917
- const n = q("sv-svg-icon");
4918
- return i(), u("div", yi, [
4910
+ }), vi = {}, qi = { class: "sd-loading-indicator" };
4911
+ function gi(r, s) {
4912
+ const n = g("sv-svg-icon");
4913
+ return i(), u("div", qi, [
4919
4914
  C(n, {
4920
4915
  iconName: "icon-loading",
4921
4916
  size: "'auto'"
4922
4917
  })
4923
4918
  ]);
4924
4919
  }
4925
- const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @__PURE__ */ h({
4920
+ const yi = /* @__PURE__ */ he(vi, [["render", gi]]), hi = { key: 2 }, Ci = /* @__PURE__ */ h({
4926
4921
  __name: "Header",
4927
4922
  props: {
4928
4923
  model: {},
4929
4924
  survey: {}
4930
4925
  },
4931
- setup(l) {
4932
- const s = l;
4926
+ setup(r) {
4927
+ const s = r;
4933
4928
  return B(() => {
4934
4929
  const n = s.model;
4935
4930
  return n.survey = s.survey, s.model;
4936
4931
  }), (n, e) => {
4937
- const o = q("sv-header-cell"), t = q("sv-header-mobile");
4932
+ const o = g("sv-header-cell"), t = g("sv-header-mobile");
4938
4933
  return i(), u("div", {
4939
4934
  class: a(n.model.headerClasses),
4940
4935
  style: S({ height: n.model.renderedHeight })
@@ -4949,8 +4944,8 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
4949
4944
  class: a(n.model.contentClasses),
4950
4945
  style: S({ maxWidth: n.model.maxWidth })
4951
4946
  }, [
4952
- (i(!0), u(_, null, D(n.model.cells, (r, c) => (i(), g(o, {
4953
- model: r,
4947
+ (i(!0), u(_, null, D(n.model.cells, (l, c) => (i(), y(o, {
4948
+ model: l,
4954
4949
  key: c
4955
4950
  }, null, 8, ["model"]))), 128))
4956
4951
  ], 6)),
@@ -4968,9 +4963,9 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
4968
4963
  props: {
4969
4964
  model: {}
4970
4965
  },
4971
- setup(l) {
4966
+ setup(r) {
4972
4967
  return (s, n) => {
4973
- const e = q("survey-element-title"), o = q("survey-string");
4968
+ const e = g("survey-element-title"), o = g("survey-string");
4974
4969
  return i(), u("div", {
4975
4970
  class: a(s.model.css),
4976
4971
  style: S(s.model.style)
@@ -5029,9 +5024,9 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5029
5024
  props: {
5030
5025
  model: {}
5031
5026
  },
5032
- setup(l) {
5027
+ setup(r) {
5033
5028
  return (s, n) => {
5034
- const e = q("survey-element-title"), o = q("survey-string");
5029
+ const e = g("survey-element-title"), o = g("survey-string");
5035
5030
  return i(), u("div", Ii, [
5036
5031
  s.model.survey.hasLogo ? (i(), u("div", wi, [
5037
5032
  v("div", {
@@ -5081,37 +5076,48 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5081
5076
  row: {},
5082
5077
  css: {}
5083
5078
  },
5084
- setup(l) {
5085
- const s = l, n = (r) => r.isPanel ? "survey-panel" : "survey-question", e = w(() => {
5086
- const r = s.element.survey;
5087
- if (r) {
5088
- const c = r.getElementWrapperComponentName(s.element);
5089
- if (c)
5090
- return c;
5079
+ setup(r) {
5080
+ const s = r, n = $(), e = (c) => c.isPanel ? "survey-panel" : "survey-question", o = w(() => {
5081
+ const c = s.element.survey;
5082
+ if (c) {
5083
+ const m = c.getElementWrapperComponentName(s.element);
5084
+ if (m)
5085
+ return m;
5091
5086
  }
5092
- return n(s.element);
5093
- }), o = (r) => r.cssClasses ? r.rootStyle : {}, t = w(() => {
5094
- const r = s.element, c = r.survey;
5095
- let m;
5096
- return c && (m = c.getElementWrapperComponentData(r)), {
5097
- componentName: n(r),
5087
+ return e(s.element);
5088
+ }), t = (c) => c.cssClasses ? c.rootStyle : {}, l = w(() => {
5089
+ const c = s.element, m = c.survey;
5090
+ let p;
5091
+ return m && (p = m.getElementWrapperComponentData(c)), {
5092
+ componentName: e(c),
5098
5093
  componentData: {
5099
- element: r,
5100
- survey: c,
5094
+ element: c,
5095
+ survey: m,
5101
5096
  row: s.row,
5102
5097
  css: s.css,
5103
- data: m
5098
+ data: p
5104
5099
  }
5105
5100
  };
5106
5101
  });
5107
- return (r, c) => (i(), u("div", {
5108
- style: S(o(r.element)),
5109
- class: a(r.element.cssClasses.questionWrapper)
5102
+ return Q(
5103
+ () => s.element,
5104
+ (c, m) => {
5105
+ m && m.setWrapperElement(void 0), c.setWrapperElement(n.value);
5106
+ }
5107
+ ), M(() => {
5108
+ s.element.setWrapperElement(n.value);
5109
+ }), O(() => {
5110
+ s.element.setWrapperElement(void 0);
5111
+ }), (c, m) => (i(), u("div", {
5112
+ ref_key: "root",
5113
+ ref: n,
5114
+ style: S(t(c.element)),
5115
+ class: a(c.element.cssClasses.questionWrapper)
5110
5116
  }, [
5111
- r.row.isNeedRender ? (i(), g(T(e.value), O(E({ key: 0 }, t.value)), null, 16)) : r.element.skeletonComponentName ? (i(), g(T(r.element.skeletonComponentName), {
5117
+ c.row.isNeedRender ? (i(), y(T(o.value), z(E({ key: 0 }, l.value)), null, 16)) : c.element.skeletonComponentName ? (i(), y(T(c.element.skeletonComponentName), {
5112
5118
  key: 1,
5113
- element: r.element,
5114
- css: r.css
5119
+ element: c.element,
5120
+ css: c.css
5115
5121
  }, null, 8, ["element", "css"])) : d("", !0)
5116
5122
  ], 6));
5117
5123
  }
@@ -5121,9 +5127,9 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5121
5127
  componentName: {},
5122
5128
  componentData: {}
5123
5129
  },
5124
- setup(l) {
5125
- const s = $e(), n = w(() => !!s.default);
5126
- return (e, o) => n.value && !e.componentName ? _e(e.$slots, "default", { key: 0 }) : (i(), g(T(e.componentName), O(E({ key: 1 }, e.componentData)), null, 16));
5130
+ setup(r) {
5131
+ const s = Te(), n = w(() => !!s.default);
5132
+ return (e, o) => n.value && !e.componentName ? $e(e.$slots, "default", { key: 0 }) : (i(), y(T(e.componentName), z(E({ key: 1 }, e.componentData)), null, 16));
5127
5133
  }
5128
5134
  }), _i = /* @__PURE__ */ h({
5129
5135
  __name: "FileCleanButton",
@@ -5131,16 +5137,16 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5131
5137
  question: {},
5132
5138
  css: {}
5133
5139
  },
5134
- setup(l) {
5140
+ setup(r) {
5135
5141
  return (s, n) => {
5136
- const e = q("sv-svg-icon");
5142
+ const e = g("sv-svg-icon");
5137
5143
  return i(), u("button", {
5138
5144
  type: "button",
5139
5145
  class: a(s.css),
5140
5146
  onClick: n[0] || (n[0] = (...o) => s.question.doClean && s.question.doClean(...o))
5141
5147
  }, [
5142
5148
  v("span", null, R(s.question.clearButtonCaption), 1),
5143
- s.question.cssClasses.removeButtonIconId ? (i(), g(e, {
5149
+ s.question.cssClasses.removeButtonIconId ? (i(), y(e, {
5144
5150
  key: 0,
5145
5151
  iconName: s.question.cssClasses.removeButtonIconId,
5146
5152
  size: "auto",
@@ -5154,9 +5160,9 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5154
5160
  props: {
5155
5161
  question: {}
5156
5162
  },
5157
- setup(l) {
5163
+ setup(r) {
5158
5164
  return (s, n) => {
5159
- const e = q("sv-action");
5165
+ const e = g("sv-action");
5160
5166
  return i(), u("div", {
5161
5167
  class: a(s.question.cssClasses.videoContainer)
5162
5168
  }, [
@@ -5184,15 +5190,15 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5184
5190
  data: {},
5185
5191
  item: {}
5186
5192
  },
5187
- setup(l) {
5188
- const s = l, n = w(
5193
+ setup(r) {
5194
+ const s = r, n = w(
5189
5195
  () => {
5190
5196
  var e;
5191
5197
  return ((e = s.data) == null ? void 0 : e.question) || s.item.data.question;
5192
5198
  }
5193
5199
  );
5194
5200
  return (e, o) => {
5195
- const t = q("sv-svg-icon"), r = X("key2click");
5201
+ const t = g("sv-svg-icon"), l = X("key2click");
5196
5202
  return P((i(), u("label", {
5197
5203
  tabindex: "0",
5198
5204
  class: a(n.value.getChooseFileCss()),
@@ -5200,7 +5206,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5200
5206
  "aria-label": n.value.chooseButtonText,
5201
5207
  onClick: o[0] || (o[0] = (c) => n.value.chooseFile(c))
5202
5208
  }, [
5203
- n.value.cssClasses.chooseFileIconId ? (i(), g(t, {
5209
+ n.value.cssClasses.chooseFileIconId ? (i(), y(t, {
5204
5210
  key: 0,
5205
5211
  title: n.value.chooseButtonText,
5206
5212
  iconName: n.value.cssClasses.chooseFileIconId,
@@ -5208,7 +5214,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5208
5214
  }, null, 8, ["title", "iconName"])) : d("", !0),
5209
5215
  v("span", null, R(n.value.chooseButtonText), 1)
5210
5216
  ], 10, Li)), [
5211
- [r]
5217
+ [l]
5212
5218
  ]);
5213
5219
  };
5214
5220
  }
@@ -5217,9 +5223,9 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5217
5223
  props: {
5218
5224
  question: {}
5219
5225
  },
5220
- setup(l) {
5226
+ setup(r) {
5221
5227
  return (s, n) => {
5222
- const e = q("sv-svg-icon");
5228
+ const e = g("sv-svg-icon");
5223
5229
  return s.question.showPreviewContainer ? (i(), u("div", {
5224
5230
  key: 0,
5225
5231
  class: a(s.question.cssClasses.fileList || void 0)
@@ -5233,7 +5239,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5233
5239
  class: a(s.question.cssClasses.fileSign)
5234
5240
  }, [
5235
5241
  v("a", {
5236
- onClick: (r) => s.question.doDownloadFile(r, o),
5242
+ onClick: (l) => s.question.doDownloadFile(l, o),
5237
5243
  href: o.content,
5238
5244
  title: o.name,
5239
5245
  download: o.name,
@@ -5252,7 +5258,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5252
5258
  }),
5253
5259
  alt: "File preview"
5254
5260
  }, null, 12, Ai)) : d("", !0),
5255
- s.question.defaultImage(o) ? (i(), g(e, {
5261
+ s.question.defaultImage(o) ? (i(), y(e, {
5256
5262
  key: 1,
5257
5263
  iconName: s.question.cssClasses.defaultImageIconId,
5258
5264
  class: a(s.question.cssClasses.defaultImage),
@@ -5261,12 +5267,12 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5261
5267
  o.name && !s.question.isReadOnly ? (i(), u("div", {
5262
5268
  key: 2,
5263
5269
  class: a(s.question.getRemoveButtonCss()),
5264
- onClick: (r) => s.question.doRemoveFile(o)
5270
+ onClick: (l) => s.question.doRemoveFile(o)
5265
5271
  }, [
5266
5272
  v("span", {
5267
5273
  class: a(s.question.cssClasses.removeFile)
5268
5274
  }, R(s.question.removeFileCaption), 3),
5269
- s.question.cssClasses.removeFileSvgIconId ? (i(), g(e, {
5275
+ s.question.cssClasses.removeFileSvgIconId ? (i(), y(e, {
5270
5276
  key: 0,
5271
5277
  title: s.question.removeFileCaption,
5272
5278
  class: a(s.question.cssClasses.removeFileSvg),
@@ -5280,7 +5286,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5280
5286
  class: a(s.question.cssClasses.fileSignBottom)
5281
5287
  }, [
5282
5288
  v("a", {
5283
- onClick: (r) => s.question.doDownloadFile(r, o),
5289
+ onClick: (l) => s.question.doDownloadFile(l, o),
5284
5290
  href: o.content,
5285
5291
  title: o.name,
5286
5292
  download: o.name,
@@ -5298,20 +5304,20 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5298
5304
  props: {
5299
5305
  question: {}
5300
5306
  },
5301
- setup(l) {
5302
- const s = l, n = $();
5307
+ setup(r) {
5308
+ const s = r, n = $();
5303
5309
  return A(s, n), (e, o) => {
5304
- const t = q("sv-button-group-item");
5310
+ const t = g("sv-button-group-item");
5305
5311
  return i(), u("div", {
5306
5312
  role: "group",
5307
5313
  class: a(e.question.cssClasses.root),
5308
5314
  ref_key: "root",
5309
5315
  ref: n
5310
5316
  }, [
5311
- (i(!0), u(_, null, D(e.question.visibleChoices, (r, c) => (i(), g(t, {
5317
+ (i(!0), u(_, null, D(e.question.visibleChoices, (l, c) => (i(), y(t, {
5312
5318
  question: e.question,
5313
5319
  key: c,
5314
- item: r,
5320
+ item: l,
5315
5321
  index: c
5316
5322
  }, null, 8, ["question", "item", "index"]))), 128))
5317
5323
  ], 2);
@@ -5324,8 +5330,8 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5324
5330
  question: {},
5325
5331
  index: {}
5326
5332
  },
5327
- setup(l) {
5328
- const s = l, n = w(
5333
+ setup(r) {
5334
+ const s = r, n = w(
5329
5335
  () => new Fe(s.question, s.item, s.index)
5330
5336
  ), e = w({
5331
5337
  get: () => s.question.renderedValue,
@@ -5335,7 +5341,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5335
5341
  }
5336
5342
  });
5337
5343
  return (o, t) => {
5338
- const r = q("sv-svg-icon"), c = q("survey-string");
5344
+ const l = g("sv-svg-icon"), c = g("survey-string");
5339
5345
  return i(), u("label", {
5340
5346
  role: "radio",
5341
5347
  class: a(n.value.css.label),
@@ -5360,7 +5366,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5360
5366
  v("div", {
5361
5367
  class: a(n.value.css.decorator)
5362
5368
  }, [
5363
- n.value.iconName ? (i(), g(r, {
5369
+ n.value.iconName ? (i(), y(l, {
5364
5370
  key: 0,
5365
5371
  iconName: n.value.iconName,
5366
5372
  size: n.value.iconSize,
@@ -5385,8 +5391,8 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5385
5391
  props: {
5386
5392
  data: {}
5387
5393
  },
5388
- setup(l) {
5389
- const s = l, n = w(() => s.data), e = G(() => n.value.locLogo);
5394
+ setup(r) {
5395
+ const s = r, n = w(() => s.data), e = J(() => n.value.locLogo);
5390
5396
  return (o, t) => (i(), u("div", {
5391
5397
  class: a(n.value.logoClassNames)
5392
5398
  }, [
@@ -5406,7 +5412,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5406
5412
  }
5407
5413
  }), ji = /* @__PURE__ */ h({
5408
5414
  __name: "SvgBundle",
5409
- setup(l) {
5415
+ setup(r) {
5410
5416
  const s = $();
5411
5417
  return M(() => {
5412
5418
  s.value.innerHTML = Oe.iconsRenderedHtml();
@@ -5420,8 +5426,8 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5420
5426
  }
5421
5427
  });
5422
5428
  ze.platform = "vue3";
5423
- function Qi(l) {
5424
- l.component("SurveyComponent", ve), l.component("sv-svg-bundle", ji), l.component("PopupSurveyComponent", ye), l.component("survey", ve), l.component("popup-survey", ye), l.component("survey-header", Ge), l.component("sv-logo-image", Ki), l.component("survey-page", Qe), l.component("survey-row", Je), l.component("survey-question", xe), l.component("survey-panel", os), l.component("survey-element-header", is), l.component("survey-string", rs), l.component("sv-string-viewer", as), l.component("sv-string-editor", ds), l.component("sv-skeleton", cs), l.component("survey-text", ys), l.component("survey-text-input", hs), l.component("survey-checkbox", Is), l.component("survey-checkbox-item", Rs), l.component("survey-radiogroup", Ts), l.component("survey-radiogroup-item", Ds), l.component("survey-signaturepad", Ps), l.component("survey-html", Ms), l.component("survey-image", Vs), l.component("survey-expression", Fs), l.component("survey-file", Us), l.component("sv-file-choose-btn", Ni), l.component("sv-file-clean-btn", _i), l.component("sv-file-preview", Ei), l.component("sv-file-video", Bi), l.component("survey-imagepicker", js), l.component("survey-imagepicker-item", Ys), l.component("survey-comment", en), l.component("survey-dropdown", sn), l.component("sv-dropdown-select", rn), l.component("sv-dropdown-option-item", an), l.component("sv-dropdown", pn), l.component("survey-tagbox", vn), l.component("sv-tagbox", gn), l.component("sv-tagbox-item", fn), l.component("sv-tagbox-filter", bn), l.component("survey-ranking", In), l.component("survey-ranking-item", _n), l.component("survey-rating", Ln), l.component("sv-rating-item", Pn), l.component("sv-rating-item-smiley", Mn), l.component("sv-rating-item-star", En), l.component("sv-rating-dropdown", zn), l.component("sv-rating-dropdown-item", On), l.component("survey-boolean", Kn), l.component("sv-boolean-radio", jn), l.component("sv-boolean-radio-item", Jn), l.component("sv-boolean-checkbox", so), l.component("survey-multipletext", no), l.component("survey-multipletext-item", to), l.component("survey-matrix", mo), l.component("survey-matrix-cell", vo), l.component("survey-matrixdropdown", yo), l.component("survey-matrixtable", Co), l.component("survey-matrixheaderrequired", ko), l.component("survey-matrixdropdown-cell", Io), l.component("survey-matrixdynamic", wo), l.component("sv-matrix-remove-button", Ro), l.component("sv-matrix-drag-drop-icon", $o), l.component("sv-matrix-detail-button", Do), l.component("survey-paneldynamic", Bo), l.component("survey-paneldynamicprogress", Lo), l.component("survey-paneldynamicprogress-v2", No), l.component("sv-paneldynamic-add-btn", Po), l.component("sv-paneldynamic-next-btn", Mo), l.component("sv-paneldynamic-prev-btn", Eo), l.component("sv-paneldynamic-remove-btn", Wo), l.component("sv-paneldynamic-progress-text", Vo), l.component("sv-components-container", Ht), l.component("sv-progress-buttons", zt), l.component("sv-navigation-toc", Ut), l.component("sv-progress-pages", Z), l.component("sv-progress-questions", Z), l.component("sv-progress-correctquestions", Z), l.component("sv-progress-requiredquestions", Z), l.component("survey-errors", Oo), l.component("survey-question-comment", Ko), l.component("survey-element-title", jo), l.component("survey-element-title-content", Xo), l.component("sv-title-actions", xo), l.component("sv-brand-info", it), l.component("sv-svg-icon", at), l.component("sv-action-bar", ut), l.component("sv-action", ct), l.component("sv-action-bar-item", yt), l.component("sv-action-bar-item-dropdown", ht), l.component("sv-action-bar-separator", Ct), l.component("sv-list", It), l.component("sv-list-item", Rt), l.component("sv-popup", Tt), l.component("sv-popup-container", Pt), l.component("popup-pointer", At), l.component("sv-notifier", xt), l.component("survey-other-choice", ni), l.component("sv-nav-btn", ti), l.component("survey-customwidget", ri), l.component("survey-popup-modal", li), l.component("sv-character-counter", ai), l.component("survey-composite", ui), l.component("survey-custom", di), l.component("sv-timerpanel", pi), l.component("sv-loading-indicator", gi), l.component("sv-header", Ci), l.component("sv-header-cell", fi), l.component("sv-header-mobile", Ri), l.component("sv-template-renderer", $i), l.component("survey-element", Ti), l.component("survey-buttongroup", Wi), l.component("sv-button-group-item", zi), l.directive("key2click", {
5429
+ function Qi(r) {
5430
+ r.component("SurveyComponent", pe), r.component("sv-svg-bundle", ji), r.component("PopupSurveyComponent", ve), r.component("survey", pe), r.component("popup-survey", ve), r.component("survey-header", Ge), r.component("sv-logo-image", Ki), r.component("survey-page", Qe), r.component("survey-row", Je), r.component("survey-question", xe), r.component("survey-panel", os), r.component("survey-element-header", is), r.component("survey-string", rs), r.component("sv-string-viewer", as), r.component("sv-string-editor", ds), r.component("sv-skeleton", cs), r.component("survey-text", qs), r.component("survey-text-input", hs), r.component("survey-checkbox", Is), r.component("survey-checkbox-item", Rs), r.component("survey-radiogroup", Ts), r.component("survey-radiogroup-item", Ds), r.component("survey-signaturepad", Ps), r.component("survey-html", Ms), r.component("survey-image", Vs), r.component("survey-expression", Fs), r.component("survey-file", Us), r.component("sv-file-choose-btn", Ni), r.component("sv-file-clean-btn", _i), r.component("sv-file-preview", Ei), r.component("sv-file-video", Bi), r.component("survey-imagepicker", js), r.component("survey-imagepicker-item", Ys), r.component("survey-comment", en), r.component("survey-dropdown", sn), r.component("sv-dropdown-select", rn), r.component("sv-dropdown-option-item", an), r.component("sv-dropdown", pn), r.component("survey-tagbox", vn), r.component("sv-tagbox", yn), r.component("sv-tagbox-item", fn), r.component("sv-tagbox-filter", bn), r.component("survey-ranking", In), r.component("survey-ranking-item", _n), r.component("survey-rating", Ln), r.component("sv-rating-item", Pn), r.component("sv-rating-item-smiley", Mn), r.component("sv-rating-item-star", En), r.component("sv-rating-dropdown", zn), r.component("sv-rating-dropdown-item", On), r.component("survey-boolean", Kn), r.component("sv-boolean-radio", jn), r.component("sv-boolean-radio-item", Jn), r.component("sv-boolean-checkbox", so), r.component("survey-multipletext", no), r.component("survey-multipletext-item", to), r.component("survey-matrix", mo), r.component("survey-matrix-cell", vo), r.component("survey-matrixdropdown", qo), r.component("survey-matrixtable", Co), r.component("survey-matrixheaderrequired", ko), r.component("survey-matrixdropdown-cell", Io), r.component("survey-matrixdynamic", wo), r.component("sv-matrix-remove-button", Ro), r.component("sv-matrix-drag-drop-icon", $o), r.component("sv-matrix-detail-button", Do), r.component("survey-paneldynamic", Bo), r.component("survey-paneldynamicprogress", Lo), r.component("survey-paneldynamicprogress-v2", No), r.component("sv-paneldynamic-add-btn", Po), r.component("sv-paneldynamic-next-btn", Mo), r.component("sv-paneldynamic-prev-btn", Eo), r.component("sv-paneldynamic-remove-btn", Wo), r.component("sv-paneldynamic-progress-text", Vo), r.component("sv-components-container", Ht), r.component("sv-progress-buttons", zt), r.component("sv-navigation-toc", Ut), 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", Oo), r.component("survey-question-comment", Ko), r.component("survey-element-title", jo), r.component("survey-element-title-content", Xo), r.component("sv-title-actions", xo), r.component("sv-brand-info", it), r.component("sv-svg-icon", at), r.component("sv-action-bar", ut), r.component("sv-action", ct), r.component("sv-action-bar-item", qt), r.component("sv-action-bar-item-dropdown", ht), r.component("sv-action-bar-separator", Ct), r.component("sv-list", It), r.component("sv-list-item", Rt), r.component("sv-popup", Tt), r.component("sv-popup-container", Pt), r.component("popup-pointer", At), r.component("sv-notifier", xt), r.component("survey-other-choice", ni), r.component("sv-nav-btn", ti), r.component("survey-customwidget", ri), r.component("survey-popup-modal", li), r.component("sv-character-counter", ai), r.component("survey-composite", ui), r.component("survey-custom", di), r.component("sv-timerpanel", pi), r.component("sv-loading-indicator", yi), r.component("sv-header", Ci), r.component("sv-header-cell", fi), r.component("sv-header-mobile", Ri), r.component("sv-template-renderer", $i), r.component("survey-element", Ti), r.component("survey-buttongroup", Wi), r.component("sv-button-group-item", zi), r.directive("key2click", {
5425
5431
  mounted: function(s, n) {
5426
5432
  const e = { ...n.value };
5427
5433
  if (e.disableTabStop) {
@@ -5437,14 +5443,14 @@ function Qi(l) {
5437
5443
  });
5438
5444
  }
5439
5445
  const Xi = {
5440
- install(l) {
5441
- Qi(l);
5446
+ install(r) {
5447
+ Qi(r);
5442
5448
  }
5443
5449
  };
5444
5450
  export {
5445
5451
  Xi as surveyPlugin,
5446
5452
  B as useBase,
5447
5453
  le as useComputedArray,
5448
- G as useLocString,
5454
+ J as useLocString,
5449
5455
  A as useQuestion
5450
5456
  };