survey-vue3-ui 1.9.135 → 1.9.137

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 +900 -889
  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 q, 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 qe, 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 = q("survey-element-title"), m = q("survey-string"), p = q("survey-errors"), g = q("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(g, {
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 = q("survey-element-title"), l = q("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 = q("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()), g = 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
252
  const k = q("survey-errors"), L = q("survey-element-header"), W = q("survey-string"), V = q("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(g.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 = q("survey-errors"), c = q("survey-element-header"), m = q("survey-row"), p = q("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] = (g) => 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, (g) => (i(), y(T(o.element.getSurvey().getRowWrapperComponentName(g)), z(E({
379
+ key: g.id
387
380
  }, {
388
- componentData: o.element.getSurvey().getRowWrapperComponentData(y)
381
+ componentData: o.element.getSurvey().getRowWrapperComponentData(g)
389
382
  })), {
390
383
  default: F(() => [
391
- y.visible ? (i(), g(m, {
392
- key: 0,
393
- row: y,
384
+ C(m, {
385
+ row: g,
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 = q("survey-element-title"), l = q("survey-string"), c = q("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,21 +492,21 @@ 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"], gs = /* @__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
511
  const t = q("survey-text-input");
520
512
  return e.question.isReadOnlyRenderDiv() ? (i(), u("div", {
@@ -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
+ }), 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"], 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) => {
548
+ return (l, c) => {
557
549
  const m = q("sv-character-counter");
558
- return r.question.getMaxLength() ? (i(), u("div", {
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
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
623
615
  }, null, 46, qs));
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,7 +636,7 @@ const Qe = /* @__PURE__ */ h({
644
636
  data: s.question.getItemValueWrapperComponentData(t)
645
637
  }
646
638
  });
647
- return (t, r) => {
639
+ return (t, l) => {
648
640
  const c = q("survey-other-choice");
649
641
  return i(), u("fieldset", {
650
642
  class: a(t.question.getSelectBaseRootCss()),
@@ -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, (g) => (i(), y(T(e(g)), E({
678
+ key: g.value
679
+ }, o(g)), 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,8 +719,8 @@ 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);
@@ -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) => {
800
+ return B(() => s.item), (t, l) => {
809
801
  const c = q("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 = q("survey-string"), l = q("sv-svg-icon"), c = q("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 = q("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 = q("survey-string"), l = q("sv-file-choose-btn"), c = q("sv-action-bar"), m = q("sv-file-clean-btn"), p = q("sv-loading-indicator"), g = q("sv-file-video"), f = q("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(g, {
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 = q("sv-svg-icon"), c = q("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 = q("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 = q("sv-dropdown"), l = q("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 = q("sv-dropdown-option-item"), p = q("sv-svg-icon"), g = q("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(g, {
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
+ }, g = (k) => {
1546
1538
  var L;
1547
1539
  (L = e.value) == null || L.onFocus(k);
1548
1540
  }, f = (k) => {
@@ -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: g
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,49 +1667,49 @@ 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 = q("sv-tagbox"), l = q("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
+ }), gn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], qn = ["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 g;
1698
+ (g = n.value) == null || g.onClick(p);
1707
1699
  }, o = (p) => {
1708
- var y;
1709
- (y = n.value) == null || y.chevronPointerDown(p);
1700
+ var g;
1701
+ (g = n.value) == null || g.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 g;
1704
+ (g = n.value) == null || g.onClear(p);
1705
+ }, l = (p) => {
1706
+ var g;
1707
+ (g = n.value) == null || g.keyHandler(p);
1716
1708
  }, c = (p) => {
1717
- var y;
1718
- (y = n.value) == null || y.onBlur(p);
1709
+ var g;
1710
+ (g = n.value) == null || g.onBlur(p);
1719
1711
  }, m = le(() => s.question.selectedChoices);
1720
- return B(() => n.value), (p, y) => {
1712
+ return B(() => n.value), (p, g) => {
1721
1713
  const f = q("sv-tagbox-item"), b = q("sv-tagbox-filter"), N = q("sv-svg-icon"), k = q("sv-popup"), L = q("survey-string");
1722
1714
  return i(), u("div", {
1723
1715
  class: a(p.question.cssClasses.selectWrapper),
@@ -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, gn)),
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, qn)) : (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) => {
1811
+ return B(() => s.model), (l, c) => {
1820
1812
  const m = q("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 = q("survey-string"), l = q("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) => {
1920
+ return (t, l) => {
1929
1921
  const c = q("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
1986
  const t = q("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 = q("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,8 +2105,8 @@ 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
2111
  const o = q("survey-string");
2120
2112
  return i(), u("label", {
@@ -2152,8 +2144,8 @@ 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
2150
  const o = q("sv-svg-icon");
2159
2151
  return i(), u("label", {
@@ -2192,8 +2184,8 @@ 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
2190
  const o = q("sv-svg-icon");
2199
2191
  return i(), u("label", {
@@ -2239,8 +2231,8 @@ 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
2237
  const o = q("survey-string");
2246
2238
  return i(), u("div", Wn, [
@@ -2265,8 +2257,8 @@ 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
2263
  const t = q("sv-dropdown");
2272
2264
  return i(), u("div", {
@@ -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
2289
  const c = q("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,9 +2372,9 @@ 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) => {
2377
+ return A(r, s), (e, o) => {
2386
2378
  const t = q("sv-boolean-radio-item");
2387
2379
  return i(), u("div", {
2388
2380
  class: a(e.question.cssClasses.rootRadio),
@@ -2393,13 +2385,13 @@ const jn = /* @__PURE__ */ h({
2393
2385
  role: "presentation",
2394
2386
  class: a(e.question.cssClasses.radioFieldset)
2395
2387
  }, [
2396
- (i(), g(t, {
2388
+ (i(), y(t, {
2397
2389
  key: !1,
2398
2390
  question: e.question,
2399
2391
  locText: e.question.locLabelFalse,
2400
2392
  value: !1
2401
2393
  }, null, 8, ["question", "locText"])),
2402
- (i(), g(t, {
2394
+ (i(), y(t, {
2403
2395
  key: !0,
2404
2396
  question: e.question,
2405
2397
  locText: e.question.locLabelTrue,
@@ -2416,8 +2408,8 @@ const jn = /* @__PURE__ */ h({
2416
2408
  locText: {},
2417
2409
  value: { type: Boolean }
2418
2410
  },
2419
- setup(l) {
2420
- const s = l, n = (e) => {
2411
+ setup(r) {
2412
+ const s = r, n = (e) => {
2421
2413
  const o = s.question;
2422
2414
  o.booleanValue = e.target.value == "true";
2423
2415
  };
@@ -2475,11 +2467,11 @@ const so = /* @__PURE__ */ h({
2475
2467
  question: {},
2476
2468
  css: {}
2477
2469
  },
2478
- setup(l) {
2479
- const s = l, n = $(null);
2470
+ setup(r) {
2471
+ const s = r, n = $(null);
2480
2472
  return A(s, n), (e, o) => {
2481
2473
  var m;
2482
- const t = q("survey-element-title-content"), r = q("sv-title-actions"), c = q("survey-string");
2474
+ const t = q("survey-element-title-content"), l = q("sv-title-actions"), c = q("survey-string");
2483
2475
  return i(), u("div", {
2484
2476
  class: a(e.question.cssClasses.rootCheckbox),
2485
2477
  ref_key: "root",
@@ -2525,12 +2517,12 @@ const so = /* @__PURE__ */ h({
2525
2517
  id: e.question.labelRenderedAriaID,
2526
2518
  class: a(e.question.cssClasses.checkboxControlLabel)
2527
2519
  }, [
2528
- e.question.hasTitleActions ? d("", !0) : (i(), g(t, {
2520
+ e.question.hasTitleActions ? d("", !0) : (i(), y(t, {
2529
2521
  key: 0,
2530
2522
  element: e.question,
2531
2523
  css: e.css
2532
2524
  }, null, 8, ["element", "css"])),
2533
- e.question.hasTitleActions ? (i(), g(r, {
2525
+ e.question.hasTitleActions ? (i(), y(l, {
2534
2526
  key: 1,
2535
2527
  element: e.question,
2536
2528
  css: e.css
@@ -2556,10 +2548,10 @@ const so = /* @__PURE__ */ h({
2556
2548
  props: {
2557
2549
  question: {}
2558
2550
  },
2559
- setup(l) {
2560
- const s = l, n = $(null), e = le(() => s.question.getRows());
2551
+ setup(r) {
2552
+ const s = r, n = $(null), e = le(() => s.question.getRows());
2561
2553
  return A(s, n), (o, t) => {
2562
- const r = q("survey-multipletext-item");
2554
+ const l = q("survey-multipletext-item");
2563
2555
  return i(), u("table", {
2564
2556
  class: a(o.question.getQuestionRootCss()),
2565
2557
  ref_key: "root",
@@ -2577,7 +2569,7 @@ const so = /* @__PURE__ */ h({
2577
2569
  key: "item" + p.item.editor.id,
2578
2570
  class: a(p.className)
2579
2571
  }, [
2580
- C(r, {
2572
+ C(l, {
2581
2573
  question: o.question,
2582
2574
  cell: p
2583
2575
  }, null, 8, ["question", "cell"])
@@ -2594,13 +2586,13 @@ const so = /* @__PURE__ */ h({
2594
2586
  question: {},
2595
2587
  cell: {}
2596
2588
  },
2597
- setup(l) {
2598
- const s = l, n = (o) => re(o);
2589
+ setup(r) {
2590
+ const s = r, n = (o) => re(o);
2599
2591
  B(() => s.cell.item.editor);
2600
2592
  const e = w(() => s.cell.item);
2601
2593
  return (o, t) => {
2602
- const r = q("survey-string"), c = q("survey-errors");
2603
- return o.cell.isErrorsCell ? (i(), g(c, {
2594
+ const l = q("survey-string"), c = q("survey-errors");
2595
+ return o.cell.isErrorsCell ? (i(), y(c, {
2604
2596
  key: 1,
2605
2597
  element: e.value.editor
2606
2598
  }, null, 8, ["element"])) : (i(), u("label", {
@@ -2615,7 +2607,7 @@ const so = /* @__PURE__ */ h({
2615
2607
  key: 0,
2616
2608
  class: a(o.question.cssClasses.requiredText)
2617
2609
  }, R(e.value.editor.requiredText), 3)) : d("", !0),
2618
- C(r, {
2610
+ C(l, {
2619
2611
  locString: e.value.locTitle
2620
2612
  }, null, 8, ["locString"]),
2621
2613
  e.value.editor.isRequireTextAfterTitle ? (i(), u("span", oo, "\xA0")) : d("", !0),
@@ -2630,7 +2622,7 @@ const so = /* @__PURE__ */ h({
2630
2622
  class: a(o.question.getItemCss()),
2631
2623
  onFocusin: t[0] || (t[0] = (m) => e.value.focusIn())
2632
2624
  }, [
2633
- (i(), g(T(n(e.value.editor)), {
2625
+ (i(), y(T(n(e.value.editor)), {
2634
2626
  question: e.value.editor
2635
2627
  }, null, 8, ["question"]))
2636
2628
  ], 34))
@@ -2643,8 +2635,8 @@ const so = /* @__PURE__ */ h({
2643
2635
  props: {
2644
2636
  question: {}
2645
2637
  },
2646
- setup(l) {
2647
- const s = l, n = $(null), e = z();
2638
+ setup(r) {
2639
+ const s = r, n = $(null), e = U();
2648
2640
  A(
2649
2641
  s,
2650
2642
  n,
@@ -2658,10 +2650,10 @@ const so = /* @__PURE__ */ h({
2658
2650
  };
2659
2651
  }
2660
2652
  );
2661
- const o = (t, r) => {
2662
- t.value = r.value;
2653
+ const o = (t, l) => {
2654
+ t.value = l.value;
2663
2655
  };
2664
- return (t, r) => {
2656
+ return (t, l) => {
2665
2657
  const c = q("survey-string");
2666
2658
  return i(), u("div", {
2667
2659
  class: a(t.question.cssClasses.tableWrapper),
@@ -2684,7 +2676,7 @@ const so = /* @__PURE__ */ h({
2684
2676
  width: t.question.columnMinWidth
2685
2677
  })
2686
2678
  }, [
2687
- (i(), g(T(t.question.getColumnHeaderWrapperComponentName(m)), {
2679
+ (i(), y(T(t.question.getColumnHeaderWrapperComponentName(m)), {
2688
2680
  componentData: t.question.getColumnHeaderWrapperComponentData(m)
2689
2681
  }, {
2690
2682
  default: F(() => [
@@ -2709,7 +2701,7 @@ const so = /* @__PURE__ */ h({
2709
2701
  width: t.question.rowTitleWidth
2710
2702
  })
2711
2703
  }, [
2712
- (i(), g(T(t.question.getRowHeaderWrapperComponentName(m)), {
2704
+ (i(), y(T(t.question.getRowHeaderWrapperComponentName(m)), {
2713
2705
  componentData: t.question.getRowHeaderWrapperComponentData(m)
2714
2706
  }, {
2715
2707
  default: F(() => [
@@ -2722,25 +2714,25 @@ const so = /* @__PURE__ */ h({
2722
2714
  ], 6), [
2723
2715
  [H, t.question.hasRows]
2724
2716
  ]),
2725
- t.question.hasCellText ? (i(!0), u(_, { key: 0 }, D(t.question.visibleColumns, (y, f) => (i(), u("td", {
2717
+ t.question.hasCellText ? (i(!0), u(_, { key: 0 }, D(t.question.visibleColumns, (g, f) => (i(), u("td", {
2726
2718
  key: f,
2727
- class: a(t.question.getItemClass(m, y)),
2728
- onClick: (b) => o(m, y)
2719
+ class: a(t.question.getItemClass(m, g)),
2720
+ onClick: (b) => o(m, g)
2729
2721
  }, [
2730
2722
  C(c, {
2731
- locString: t.question.getCellDisplayLocText(m.name, y)
2723
+ locString: t.question.getCellDisplayLocText(m.name, g)
2732
2724
  }, null, 8, ["locString"])
2733
2725
  ], 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", {
2726
+ t.question.hasCellText ? d("", !0) : (i(!0), u(_, { key: 1 }, D(t.question.visibleColumns, (g, f) => (i(), u("td", {
2735
2727
  key: f,
2736
- "data-responsive-title": y.locText.renderedHtml,
2728
+ "data-responsive-title": g.locText.renderedHtml,
2737
2729
  class: a(t.question.cssClasses.cell),
2738
- onClick: (b) => o(m, y)
2730
+ onClick: (b) => o(m, g)
2739
2731
  }, [
2740
- (i(), g(T(t.question.cellComponent), {
2732
+ (i(), y(T(t.question.cellComponent), {
2741
2733
  question: t.question,
2742
2734
  row: m,
2743
- column: y,
2735
+ column: g,
2744
2736
  columnIndex: f
2745
2737
  }, null, 8, ["question", "row", "column", "columnIndex"]))
2746
2738
  ], 10, uo))), 128))
@@ -2760,7 +2752,7 @@ const so = /* @__PURE__ */ h({
2760
2752
  column: {},
2761
2753
  columnIndex: {}
2762
2754
  },
2763
- setup(l) {
2755
+ setup(r) {
2764
2756
  return (s, n) => {
2765
2757
  const e = q("survey-string");
2766
2758
  return i(), u("label", {
@@ -2808,30 +2800,30 @@ const so = /* @__PURE__ */ h({
2808
2800
  ], 34);
2809
2801
  };
2810
2802
  }
2811
- }), yo = /* @__PURE__ */ h({
2803
+ }), go = /* @__PURE__ */ h({
2812
2804
  inheritAttrs: !1,
2813
2805
  __name: "MatrixDropdown",
2814
2806
  props: {
2815
2807
  question: {}
2816
2808
  },
2817
- setup(l) {
2818
- const s = l, n = $(null);
2809
+ setup(r) {
2810
+ const s = r, n = $(null);
2819
2811
  return A(s, n), (e, o) => {
2820
2812
  const t = q("survey-matrixtable");
2821
- return i(), g(t, {
2813
+ return i(), y(t, {
2822
2814
  question: e.question,
2823
2815
  ref_key: "root",
2824
2816
  ref: n
2825
2817
  }, null, 8, ["question"]);
2826
2818
  };
2827
2819
  }
2828
- }), qo = { key: 0 }, go = ["data-sv-drop-target-matrix-row", "onPointerdown"], ho = { key: 1 }, Co = /* @__PURE__ */ h({
2820
+ }), qo = { key: 0 }, yo = ["data-sv-drop-target-matrix-row", "onPointerdown"], ho = { key: 1 }, Co = /* @__PURE__ */ h({
2829
2821
  __name: "MatrixTable",
2830
2822
  props: {
2831
2823
  question: {}
2832
2824
  },
2833
- setup(l) {
2834
- const s = l, n = w(() => s.question.renderedTable);
2825
+ setup(r) {
2826
+ const s = r, n = w(() => s.question.renderedTable);
2835
2827
  return B(
2836
2828
  () => n.value,
2837
2829
  (e) => {
@@ -2846,7 +2838,7 @@ const so = /* @__PURE__ */ h({
2846
2838
  };
2847
2839
  }
2848
2840
  ), (e, o) => {
2849
- const t = q("survey-string"), r = q("survey-matrixheaderrequired"), c = q("survey-matrixdropdown-cell");
2841
+ const t = q("survey-string"), l = q("survey-matrixheaderrequired"), c = q("survey-matrixdropdown-cell");
2850
2842
  return i(), u("div", {
2851
2843
  style: S({ overflowX: e.question.showHorizontalScroll ? "scroll" : "" }),
2852
2844
  class: a(e.question.cssClasses.tableWrapper)
@@ -2862,14 +2854,14 @@ const so = /* @__PURE__ */ h({
2862
2854
  class: a(m.className),
2863
2855
  style: S({ minWidth: m.minWidth, width: m.width })
2864
2856
  }, [
2865
- (i(), g(T(e.question.getColumnHeaderWrapperComponentName(m)), {
2857
+ (i(), y(T(e.question.getColumnHeaderWrapperComponentName(m)), {
2866
2858
  componentData: e.question.getColumnHeaderWrapperComponentData(m)
2867
2859
  }, {
2868
2860
  default: F(() => [
2869
2861
  C(t, {
2870
2862
  locString: m.locTitle
2871
2863
  }, null, 8, ["locString"]),
2872
- m.column ? (i(), g(r, {
2864
+ m.column ? (i(), y(l, {
2873
2865
  key: 0,
2874
2866
  column: m.column,
2875
2867
  question: e.question
@@ -2896,17 +2888,17 @@ const so = /* @__PURE__ */ h({
2896
2888
  onPointerdown: (p) => e.question.onPointerDown(p, m.row),
2897
2889
  class: a(m.className)
2898
2890
  }, [
2899
- (i(!0), u(_, null, D(m.cells, (p, y) => (i(), g(c, {
2891
+ (i(!0), u(_, null, D(m.cells, (p, g) => (i(), y(c, {
2900
2892
  cell: p,
2901
2893
  question: e.question,
2902
- key: m.id + "_" + y
2894
+ key: m.id + "_" + g
2903
2895
  }, null, 8, ["cell", "question"]))), 128))
2904
- ], 42, go)) : d("", !0)
2896
+ ], 42, yo)) : d("", !0)
2905
2897
  ], 64))), 128))
2906
2898
  ]),
2907
2899
  n.value.showFooter ? (i(), u("tfoot", ho, [
2908
2900
  v("tr", null, [
2909
- (i(!0), u(_, null, D(n.value.footerRow.cells, (m, p) => (i(), g(c, {
2901
+ (i(!0), u(_, null, D(n.value.footerRow.cells, (m, p) => (i(), y(c, {
2910
2902
  cell: m,
2911
2903
  question: e.question,
2912
2904
  key: "footer_" + p
@@ -2923,8 +2915,8 @@ const so = /* @__PURE__ */ h({
2923
2915
  question: {},
2924
2916
  column: {}
2925
2917
  },
2926
- setup(l) {
2927
- const s = l;
2918
+ setup(r) {
2919
+ const s = r;
2928
2920
  return B(() => s.column), (n, e) => n.column.isRenderedRequired ? (i(), u(_, { key: 0 }, [
2929
2921
  bo,
2930
2922
  n.column.isRenderedRequired ? (i(), u("span", {
@@ -2939,27 +2931,27 @@ const so = /* @__PURE__ */ h({
2939
2931
  question: {},
2940
2932
  cell: {}
2941
2933
  },
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);
2934
+ setup(r) {
2935
+ 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 = (g) => re(g);
2944
2936
  M(() => {
2945
2937
  if (!s.cell.hasQuestion || !s.question || !s.question.survey)
2946
2938
  return;
2947
- r(), s.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
2948
- r();
2939
+ l(), s.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
2940
+ l();
2949
2941
  });
2950
- const y = e.value, f = s.cell.question, b = {
2942
+ const g = e.value, f = s.cell.question, b = {
2951
2943
  cell: s.cell.cell,
2952
2944
  cellQuestion: f,
2953
- htmlElement: y,
2945
+ htmlElement: g,
2954
2946
  row: s.cell.row,
2955
2947
  column: s.cell.cell.column
2956
2948
  };
2957
- s.question.survey.matrixAfterCellRender(s.question, b), f && f.afterRenderCore(y);
2949
+ s.question.survey.matrixAfterCellRender(s.question, b), f && f.afterRenderCore(g);
2958
2950
  });
2959
2951
  const m = w(() => {
2960
- const y = s.cell;
2961
- if (y.hasPanel) {
2962
- const f = y.panel, b = f.survey;
2952
+ const g = s.cell;
2953
+ if (g.hasPanel) {
2954
+ const f = g.panel, b = f.survey;
2963
2955
  if (b) {
2964
2956
  const N = b.getElementWrapperComponentName(f);
2965
2957
  if (N)
@@ -2981,91 +2973,91 @@ const so = /* @__PURE__ */ h({
2981
2973
  };
2982
2974
  }
2983
2975
  });
2984
- return (y, f) => {
2976
+ return (g, f) => {
2985
2977
  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");
2986
2978
  return i(), u("td", {
2987
- class: a(y.cell.className),
2979
+ class: a(g.cell.className),
2988
2980
  "data-responsive-title": o(),
2989
- title: y.cell.getTitle(),
2981
+ title: g.cell.getTitle(),
2990
2982
  style: S(t()),
2991
- colspan: y.cell.colSpans,
2992
- onFocusin: f[0] || (f[0] = (ue) => y.cell.focusIn()),
2983
+ colspan: g.cell.colSpans,
2984
+ onFocusin: f[0] || (f[0] = (ue) => g.cell.focusIn()),
2993
2985
  ref_key: "root",
2994
2986
  ref: e
2995
2987
  }, [
2996
- y.cell.isErrorsCell ? (i(), g(b, {
2988
+ g.cell.isErrorsCell ? (i(), y(b, {
2997
2989
  key: 0,
2998
- element: y.cell.question
2990
+ element: g.cell.question
2999
2991
  }, null, 8, ["element"])) : d("", !0),
3000
- y.cell.isDragHandlerCell ? (i(), g(N, {
2992
+ g.cell.isDragHandlerCell ? (i(), y(N, {
3001
2993
  key: 1,
3002
- item: { data: { row: y.cell.row, question: y.question } }
2994
+ item: { data: { row: g.cell.row, question: g.question } }
3003
2995
  }, null, 8, ["item"])) : d("", !0),
3004
- y.cell.isActionsCell ? (i(), g(k, {
2996
+ g.cell.isActionsCell ? (i(), y(k, {
3005
2997
  key: 2,
3006
- model: y.cell.item.getData(),
2998
+ model: g.cell.item.getData(),
3007
2999
  handleClick: !1
3008
3000
  }, 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", {
3001
+ g.cell.hasPanel ? (i(), y(T(m.value), z(E({ key: 3 }, p.value)), null, 16)) : d("", !0),
3002
+ g.cell.hasQuestion ? P((i(), u("div", {
3011
3003
  key: 4,
3012
- class: a(y.cell.cellQuestionWrapperClassName)
3004
+ class: a(g.cell.cellQuestionWrapperClassName)
3013
3005
  }, [
3014
- !y.cell.isChoice && y.cell.question.isDefaultRendering() ? (i(), g(T(y.question.getCellWrapperComponentName(y.cell.cell)), {
3006
+ !g.cell.isChoice && g.cell.question.isDefaultRendering() ? (i(), y(T(g.question.getCellWrapperComponentName(g.cell.cell)), {
3015
3007
  key: 0,
3016
- componentData: y.question.getCellWrapperComponentData(y.cell.cell)
3008
+ componentData: g.question.getCellWrapperComponentData(g.cell.cell)
3017
3009
  }, {
3018
3010
  default: F(() => [
3019
- (i(), g(T(c(y.cell.question)), {
3020
- question: y.cell.question
3011
+ (i(), y(T(c(g.cell.question)), {
3012
+ question: g.cell.question
3021
3013
  }, null, 8, ["question"]))
3022
3014
  ]),
3023
3015
  _: 1
3024
3016
  }, 8, ["componentData"])) : d("", !0),
3025
- !y.cell.isChoice && !y.cell.question.isDefaultRendering() ? (i(), g(T(y.cell.question.getComponentName()), {
3017
+ !g.cell.isChoice && !g.cell.question.isDefaultRendering() ? (i(), y(T(g.cell.question.getComponentName()), {
3026
3018
  key: 1,
3027
- question: y.cell.question
3019
+ question: g.cell.question
3028
3020
  }, null, 8, ["question"])) : d("", !0),
3029
- y.cell.isItemChoice ? (i(), g(T(y.question.getCellWrapperComponentName(y.cell.cell)), {
3021
+ g.cell.isItemChoice ? (i(), y(T(g.question.getCellWrapperComponentName(g.cell.cell)), {
3030
3022
  key: 2,
3031
- componentData: y.question.getCellWrapperComponentData(y.cell.cell)
3023
+ componentData: g.question.getCellWrapperComponentData(g.cell.cell)
3032
3024
  }, {
3033
3025
  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,
3026
+ g.cell.isRadio ? (i(), y(L, {
3027
+ key: g.cell.item.value,
3028
+ question: g.cell.question,
3029
+ item: g.cell.item,
3038
3030
  hideLabel: !0
3039
3031
  }, 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,
3032
+ g.cell.isCheckbox ? (i(), y(W, {
3033
+ key: g.cell.item.value,
3034
+ question: g.cell.question,
3035
+ item: g.cell.item,
3044
3036
  hideLabel: !0
3045
3037
  }, null, 8, ["question", "item"])) : d("", !0)
3046
3038
  ]),
3047
3039
  _: 1
3048
3040
  }, 8, ["componentData"])) : d("", !0),
3049
- y.cell.isOtherChoice ? (i(), g(V, {
3041
+ g.cell.isOtherChoice ? (i(), y(V, {
3050
3042
  key: 3,
3051
- question: y.cell.question
3043
+ question: g.cell.question
3052
3044
  }, null, 8, ["question"])) : d("", !0)
3053
3045
  ], 2)), [
3054
3046
  [H, n.value]
3055
3047
  ]) : d("", !0),
3056
- y.cell.hasTitle ? (i(), g(T(y.question.getCellWrapperComponentName(y.cell)), {
3048
+ g.cell.hasTitle ? (i(), y(T(g.question.getCellWrapperComponentName(g.cell)), {
3057
3049
  key: 5,
3058
- componentData: y.question.getCellWrapperComponentData(y.cell)
3050
+ componentData: g.question.getCellWrapperComponentData(g.cell)
3059
3051
  }, {
3060
3052
  default: F(() => [
3061
- y.cell.hasTitle ? (i(), g(K, {
3053
+ g.cell.hasTitle ? (i(), y(K, {
3062
3054
  key: 0,
3063
- locString: y.cell.locTitle
3055
+ locString: g.cell.locTitle
3064
3056
  }, null, 8, ["locString"])) : d("", !0),
3065
- y.cell.requiredText ? (i(), u("span", {
3057
+ g.cell.requiredText ? (i(), u("span", {
3066
3058
  key: 1,
3067
- class: a(y.question.cssClasses.cellRequiredText)
3068
- }, R(y.cell.requiredText), 3)) : d("", !0)
3059
+ class: a(g.question.cssClasses.cellRequiredText)
3060
+ }, R(g.cell.requiredText), 3)) : d("", !0)
3069
3061
  ]),
3070
3062
  _: 1
3071
3063
  }, 8, ["componentData"])) : d("", !0)
@@ -3078,14 +3070,14 @@ const so = /* @__PURE__ */ h({
3078
3070
  props: {
3079
3071
  question: {}
3080
3072
  },
3081
- setup(l) {
3082
- const s = l, n = $(null);
3073
+ setup(r) {
3074
+ const s = r, n = $(null);
3083
3075
  A(s, n);
3084
3076
  const e = () => {
3085
3077
  s.question.addRowUI();
3086
3078
  };
3087
3079
  return (o, t) => {
3088
- const r = q("survey-string"), c = q("survey-matrixtable");
3080
+ const l = q("survey-string"), c = q("survey-matrixtable");
3089
3081
  return i(), u("div", {
3090
3082
  ref_key: "root",
3091
3083
  ref: n
@@ -3099,7 +3091,7 @@ const so = /* @__PURE__ */ h({
3099
3091
  class: a(o.question.getAddRowButtonCss()),
3100
3092
  onClick: e
3101
3093
  }, [
3102
- C(r, {
3094
+ C(l, {
3103
3095
  locString: o.question.locAddRowText
3104
3096
  }, null, 8, ["locString"]),
3105
3097
  v("span", {
@@ -3107,7 +3099,7 @@ const so = /* @__PURE__ */ h({
3107
3099
  }, null, 2)
3108
3100
  ], 2)
3109
3101
  ], 2)) : d("", !0),
3110
- o.question.renderedTable.showTable ? (i(), g(c, {
3102
+ o.question.renderedTable.showTable ? (i(), y(c, {
3111
3103
  key: 1,
3112
3104
  question: o.question
3113
3105
  }, null, 8, ["question"])) : d("", !0),
@@ -3118,7 +3110,7 @@ const so = /* @__PURE__ */ h({
3118
3110
  v("div", {
3119
3111
  class: a(o.question.cssClasses.emptyRowsText)
3120
3112
  }, [
3121
- C(r, {
3113
+ C(l, {
3122
3114
  locString: o.question.locEmptyRowsText
3123
3115
  }, null, 8, ["locString"])
3124
3116
  ], 2),
@@ -3128,7 +3120,7 @@ const so = /* @__PURE__ */ h({
3128
3120
  class: a(o.question.getAddRowButtonCss(!0)),
3129
3121
  onClick: e
3130
3122
  }, [
3131
- C(r, {
3123
+ C(l, {
3132
3124
  locString: o.question.locAddRowText
3133
3125
  }, null, 8, ["locString"]),
3134
3126
  v("span", {
@@ -3145,7 +3137,7 @@ const so = /* @__PURE__ */ h({
3145
3137
  class: a(o.question.getAddRowButtonCss()),
3146
3138
  onClick: e
3147
3139
  }, [
3148
- C(r, {
3140
+ C(l, {
3149
3141
  locString: o.question.locAddRowText
3150
3142
  }, null, 8, ["locString"]),
3151
3143
  v("span", {
@@ -3157,10 +3149,10 @@ const so = /* @__PURE__ */ h({
3157
3149
  };
3158
3150
  }
3159
3151
  });
3160
- function ae(l, s = !0) {
3152
+ function ae(r, s = !0) {
3161
3153
  return {
3162
- question: w(() => l.item.data.question),
3163
- row: s ? w(() => l.item.data.row) : void 0
3154
+ question: w(() => r.item.data.question),
3155
+ row: s ? w(() => r.item.data.row) : void 0
3164
3156
  };
3165
3157
  }
3166
3158
  const So = ["disabled"], Ro = /* @__PURE__ */ h({
@@ -3168,17 +3160,17 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3168
3160
  props: {
3169
3161
  item: {}
3170
3162
  },
3171
- setup(l) {
3172
- const s = l, { question: n, row: e } = ae(s);
3163
+ setup(r) {
3164
+ const s = r, { question: n, row: e } = ae(s);
3173
3165
  return (o, t) => {
3174
- const r = q("survey-string");
3166
+ const l = q("survey-string");
3175
3167
  return i(), u("button", {
3176
3168
  type: "button",
3177
3169
  class: a(I(n).getRemoveRowButtonCss()),
3178
3170
  disabled: I(n).isInputReadOnly,
3179
3171
  onClick: t[0] || (t[0] = () => I(n).removeRowUI(I(e)))
3180
3172
  }, [
3181
- C(r, {
3173
+ C(l, {
3182
3174
  locString: I(n).locRemoveRowText
3183
3175
  }, null, 8, ["locString"]),
3184
3176
  v("span", {
@@ -3192,8 +3184,8 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3192
3184
  props: {
3193
3185
  item: {}
3194
3186
  },
3195
- setup(l) {
3196
- const s = l, { question: n } = ae(s, !1);
3187
+ setup(r) {
3188
+ const s = r, { question: n } = ae(s, !1);
3197
3189
  return (e, o) => I(n).iconDragElement ? (i(), u("svg", {
3198
3190
  key: 0,
3199
3191
  class: a(I(n).cssClasses.dragElementDecorator)
@@ -3211,10 +3203,10 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3211
3203
  props: {
3212
3204
  item: {}
3213
3205
  },
3214
- setup(l) {
3215
- const s = l, { question: n, row: e } = ae(s);
3206
+ setup(r) {
3207
+ const s = r, { question: n, row: e } = ae(s);
3216
3208
  return (o, t) => {
3217
- const r = q("sv-svg-icon");
3209
+ const l = q("sv-svg-icon");
3218
3210
  return i(), u("button", {
3219
3211
  type: "button",
3220
3212
  class: a(I(n).getDetailPanelButtonCss(I(e))),
@@ -3222,7 +3214,7 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3222
3214
  "aria-expanded": I(n).getIsDetailPanelShowing(I(e)) ? "true" : "false",
3223
3215
  "aria-controls": I(n).getIsDetailPanelShowing(I(e)) ? I(e).detailPanelId : null
3224
3216
  }, [
3225
- C(r, {
3217
+ C(l, {
3226
3218
  class: a(I(n).getDetailPanelIconCss(I(e))),
3227
3219
  iconName: I(n).getDetailPanelIconId(I(e)),
3228
3220
  size: "auto"
@@ -3237,8 +3229,8 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3237
3229
  question: {},
3238
3230
  css: {}
3239
3231
  },
3240
- setup(l) {
3241
- const s = l, n = $(null), e = ie();
3232
+ setup(r) {
3233
+ const s = r, n = $(null), e = ie();
3242
3234
  A(
3243
3235
  s,
3244
3236
  n,
@@ -3266,27 +3258,27 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3266
3258
  return s.question.panels;
3267
3259
  const m = [];
3268
3260
  return s.question.currentPanel && m.push(s.question.currentPanel), m;
3269
- }), t = () => s.question.showLegacyNavigation, r = (m) => {
3261
+ }), t = () => s.question.showLegacyNavigation, l = (m) => {
3270
3262
  const p = s.question.getSurvey();
3271
3263
  if (p) {
3272
- const y = p.getElementWrapperComponentName(m);
3273
- if (y)
3274
- return y;
3264
+ const g = p.getElementWrapperComponentName(m);
3265
+ if (g)
3266
+ return g;
3275
3267
  }
3276
3268
  return "panel";
3277
3269
  }, c = (m) => {
3278
3270
  const p = s.question.getSurvey();
3279
- let y;
3280
- return p && (y = p.getElementWrapperComponentData(m)), {
3271
+ let g;
3272
+ return p && (g = p.getElementWrapperComponentData(m)), {
3281
3273
  componentName: "survey-panel",
3282
3274
  componentData: {
3283
3275
  element: m,
3284
- data: y
3276
+ data: g
3285
3277
  }
3286
3278
  };
3287
3279
  };
3288
3280
  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");
3281
+ const g = q("survey-string"), f = q("sv-paneldynamic-add-btn"), b = q("survey-paneldynamicprogress"), N = q("sv-paneldynamic-remove-btn"), k = q("survey-paneldynamicprogress-v2");
3290
3282
  return i(), u("div", {
3291
3283
  class: a(m.question.cssClasses.root),
3292
3284
  ref_key: "root",
@@ -3297,7 +3289,7 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3297
3289
  class: a(m.question.cssClasses.noEntriesPlaceholder)
3298
3290
  }, [
3299
3291
  v("span", null, [
3300
- C(y, {
3292
+ C(g, {
3301
3293
  locString: m.question.locNoEntriesText
3302
3294
  }, null, 8, ["locString"])
3303
3295
  ]),
@@ -3315,7 +3307,7 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3315
3307
  role: "progressbar"
3316
3308
  }, null, 6)
3317
3309
  ], 2)) : d("", !0),
3318
- t() && m.question.isProgressTopShowing ? (i(), g(b, {
3310
+ t() && m.question.isProgressTopShowing ? (i(), y(b, {
3319
3311
  key: 2,
3320
3312
  question: m.question
3321
3313
  }, null, 8, ["question"])) : d("", !0),
@@ -3323,10 +3315,10 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3323
3315
  key: L.id
3324
3316
  }, [
3325
3317
  v("div", {
3326
- class: a(m.question.getPanelWrapperCss())
3318
+ class: a(m.question.getPanelWrapperCss(L))
3327
3319
  }, [
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, {
3320
+ (i(), y(T(l(L)), z(ne(c(L))), null, 16)),
3321
+ m.question.panelRemoveButtonLocation === "right" && m.question.canRemovePanel && L.state !== "collapsed" ? (i(), y(N, {
3330
3322
  key: 0,
3331
3323
  data: { question: m.question, panel: L }
3332
3324
  }, null, 8, ["data"])) : d("", !0)
@@ -3336,15 +3328,15 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3336
3328
  key: "separator" + L.id
3337
3329
  }, null, 2)) : d("", !0)
3338
3330
  ], 64))), 128)),
3339
- t() && m.question.isProgressBottomShowing ? (i(), g(b, {
3331
+ t() && m.question.isProgressBottomShowing ? (i(), y(b, {
3340
3332
  key: 3,
3341
3333
  question: m.question
3342
3334
  }, null, 8, ["question"])) : d("", !0),
3343
- t() && m.question.isRenderModeList ? (i(), g(f, {
3335
+ t() && m.question.isRenderModeList ? (i(), y(f, {
3344
3336
  key: 4,
3345
3337
  data: { question: m.question }
3346
3338
  }, null, 8, ["data"])) : d("", !0),
3347
- m.question.showNavigation ? (i(), g(k, {
3339
+ m.question.showNavigation ? (i(), y(k, {
3348
3340
  key: 5,
3349
3341
  question: m.question
3350
3342
  }, null, 8, ["question"])) : d("", !0)
@@ -3356,10 +3348,10 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3356
3348
  props: {
3357
3349
  question: {}
3358
3350
  },
3359
- setup(l) {
3360
- const s = l, n = () => s.question.isProgressTopShowing ? s.question.cssClasses.progressTop : s.question.cssClasses.progressBottom;
3351
+ setup(r) {
3352
+ const s = r, n = () => s.question.isProgressTopShowing ? s.question.cssClasses.progressTop : s.question.cssClasses.progressBottom;
3361
3353
  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");
3354
+ const t = q("sv-paneldynamic-prev-btn"), l = q("sv-paneldynamic-next-btn"), c = q("sv-paneldynamic-add-btn"), m = q("sv-paneldynamic-progress-text");
3363
3355
  return i(), u("div", {
3364
3356
  class: a(n())
3365
3357
  }, [
@@ -3383,7 +3375,7 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3383
3375
  role: "progressbar"
3384
3376
  }, null, 6)
3385
3377
  ], 2)) : d("", !0),
3386
- C(r, {
3378
+ C(l, {
3387
3379
  data: { question: e.question }
3388
3380
  }, null, 8, ["data"])
3389
3381
  ], 2),
@@ -3402,7 +3394,7 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3402
3394
  props: {
3403
3395
  question: {}
3404
3396
  },
3405
- setup(l) {
3397
+ setup(r) {
3406
3398
  return (s, n) => {
3407
3399
  const e = q("sv-action-bar");
3408
3400
  return s.question.cssClasses.footer ? (i(), u("div", {
@@ -3434,9 +3426,9 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
3434
3426
  };
3435
3427
  }
3436
3428
  });
3437
- function Y(l) {
3429
+ function Y(r) {
3438
3430
  return w(
3439
- () => l.item && l.item.data.question || l.data.question
3431
+ () => r.item && r.item.data.question || r.data.question
3440
3432
  );
3441
3433
  }
3442
3434
  const Po = /* @__PURE__ */ h({
@@ -3445,12 +3437,12 @@ const Po = /* @__PURE__ */ h({
3445
3437
  item: {},
3446
3438
  data: {}
3447
3439
  },
3448
- setup(l) {
3449
- const n = Y(l), e = () => {
3440
+ setup(r) {
3441
+ const n = Y(r), e = () => {
3450
3442
  n.value.addPanelUI();
3451
3443
  };
3452
3444
  return (o, t) => {
3453
- const r = q("survey-string");
3445
+ const l = q("survey-string");
3454
3446
  return I(n).canAddPanel ? (i(), u("button", {
3455
3447
  key: 0,
3456
3448
  type: "button",
@@ -3460,7 +3452,7 @@ const Po = /* @__PURE__ */ h({
3460
3452
  v("span", {
3461
3453
  class: a(I(n).cssClasses.buttonAddText)
3462
3454
  }, [
3463
- C(r, {
3455
+ C(l, {
3464
3456
  locString: I(n).locPanelAddText
3465
3457
  }, null, 8, ["locString"])
3466
3458
  ], 2)
@@ -3473,18 +3465,18 @@ const Po = /* @__PURE__ */ h({
3473
3465
  item: {},
3474
3466
  data: {}
3475
3467
  },
3476
- setup(l) {
3477
- const n = Y(l), e = () => {
3468
+ setup(r) {
3469
+ const n = Y(r), e = () => {
3478
3470
  n.value.goToNextPanel();
3479
3471
  };
3480
3472
  return (o, t) => {
3481
- const r = q("sv-svg-icon");
3473
+ const l = q("sv-svg-icon");
3482
3474
  return i(), u("div", {
3483
3475
  title: I(n).panelNextText,
3484
3476
  onClick: e,
3485
3477
  class: a(I(n).getNextButtonCss())
3486
3478
  }, [
3487
- C(r, {
3479
+ C(l, {
3488
3480
  iconName: I(n).cssClasses.progressBtnIcon,
3489
3481
  size: "auto"
3490
3482
  }, null, 8, ["iconName"])
@@ -3497,18 +3489,18 @@ const Po = /* @__PURE__ */ h({
3497
3489
  item: {},
3498
3490
  data: {}
3499
3491
  },
3500
- setup(l) {
3501
- const n = Y(l), e = () => {
3492
+ setup(r) {
3493
+ const n = Y(r), e = () => {
3502
3494
  n.value.goToPrevPanel();
3503
3495
  };
3504
3496
  return (o, t) => {
3505
- const r = q("sv-svg-icon");
3497
+ const l = q("sv-svg-icon");
3506
3498
  return i(), u("div", {
3507
3499
  title: I(n).panelPrevText,
3508
3500
  onClick: e,
3509
3501
  class: a(I(n).getPrevButtonCss())
3510
3502
  }, [
3511
- C(r, {
3503
+ C(l, {
3512
3504
  iconName: I(n).cssClasses.progressBtnIcon,
3513
3505
  size: "auto"
3514
3506
  }, null, 8, ["iconName"])
@@ -3521,18 +3513,18 @@ const Po = /* @__PURE__ */ h({
3521
3513
  item: {},
3522
3514
  data: {}
3523
3515
  },
3524
- setup(l) {
3525
- const s = l, n = Y(s), e = w(
3516
+ setup(r) {
3517
+ const s = r, n = Y(s), e = w(
3526
3518
  () => s.item && s.item.data.panel || s.data.panel
3527
3519
  ), o = (t) => {
3528
3520
  n.value.isInputReadOnly || n.value.removePanelUI(t);
3529
3521
  };
3530
- return (t, r) => {
3522
+ return (t, l) => {
3531
3523
  const c = q("survey-string");
3532
3524
  return i(), u("button", {
3533
3525
  type: "button",
3534
3526
  class: a(I(n).getPanelRemoveButtonCss()),
3535
- onClick: r[0] || (r[0] = (m) => o(e.value))
3527
+ onClick: l[0] || (l[0] = (m) => o(e.value))
3536
3528
  }, [
3537
3529
  v("span", {
3538
3530
  class: a(I(n).cssClasses.buttonRemoveText)
@@ -3553,8 +3545,8 @@ const Po = /* @__PURE__ */ h({
3553
3545
  item: {},
3554
3546
  data: {}
3555
3547
  },
3556
- setup(l) {
3557
- const n = Y(l);
3548
+ setup(r) {
3549
+ const n = Y(r);
3558
3550
  return (e, o) => (i(), u("div", {
3559
3551
  class: a(I(n).cssClasses.progressText)
3560
3552
  }, R(I(n).progressText), 3));
@@ -3565,7 +3557,7 @@ const Po = /* @__PURE__ */ h({
3565
3557
  element: {},
3566
3558
  location: {}
3567
3559
  },
3568
- setup(l) {
3560
+ setup(r) {
3569
3561
  const s = $();
3570
3562
  return (n, e) => {
3571
3563
  const o = q("survey-string");
@@ -3578,8 +3570,8 @@ const Po = /* @__PURE__ */ h({
3578
3570
  ref_key: "root",
3579
3571
  ref: s
3580
3572
  }, [
3581
- (i(!0), u(_, null, D(n.element.errors, (t, r) => (i(), u("div", {
3582
- key: "error_" + r
3573
+ (i(!0), u(_, null, D(n.element.errors, (t, l) => (i(), u("div", {
3574
+ key: "error_" + l
3583
3575
  }, [
3584
3576
  v("span", {
3585
3577
  class: a(
@@ -3605,7 +3597,7 @@ const Po = /* @__PURE__ */ h({
3605
3597
  props: {
3606
3598
  question: {}
3607
3599
  },
3608
- setup(l) {
3600
+ setup(r) {
3609
3601
  return (s, n) => s.question.isReadOnlyRenderDiv() ? (i(), u("div", zo, R(s.question.comment), 1)) : (i(), u("textarea", {
3610
3602
  key: 1,
3611
3603
  id: s.question.commentId,
@@ -3632,13 +3624,13 @@ const Po = /* @__PURE__ */ h({
3632
3624
  element: {},
3633
3625
  css: {}
3634
3626
  },
3635
- setup(l) {
3627
+ setup(r) {
3636
3628
  const s = (n) => {
3637
- ge(n);
3629
+ qe(n);
3638
3630
  };
3639
3631
  return (n, e) => {
3640
3632
  const o = q("survey-element-title-content"), t = q("sv-title-actions");
3641
- return n.element.hasTitle ? (i(), g(T(n.element.titleTagName), {
3633
+ return n.element.hasTitle ? (i(), y(T(n.element.titleTagName), {
3642
3634
  key: 0,
3643
3635
  class: a(n.element.cssTitle),
3644
3636
  "aria-label": n.element.titleAriaLabel,
@@ -3646,17 +3638,17 @@ const Po = /* @__PURE__ */ h({
3646
3638
  tabindex: n.element.titleTabIndex,
3647
3639
  "aria-expanded": n.element.titleAriaExpanded,
3648
3640
  role: n.element.titleAriaRole,
3649
- onKeyup: e[0] || (e[0] = (r) => {
3650
- s(r);
3641
+ onKeyup: e[0] || (e[0] = (l) => {
3642
+ s(l);
3651
3643
  })
3652
3644
  }, {
3653
3645
  default: F(() => [
3654
- n.element.hasTitleActions ? d("", !0) : (i(), g(o, {
3646
+ n.element.hasTitleActions ? d("", !0) : (i(), y(o, {
3655
3647
  key: 0,
3656
3648
  element: n.element,
3657
3649
  css: n.css
3658
3650
  }, null, 8, ["element", "css"])),
3659
- n.element.hasTitleActions ? (i(), g(t, {
3651
+ n.element.hasTitleActions ? (i(), y(t, {
3660
3652
  key: 1,
3661
3653
  element: n.element,
3662
3654
  css: n.css
@@ -3673,14 +3665,14 @@ const Po = /* @__PURE__ */ h({
3673
3665
  element: {},
3674
3666
  css: {}
3675
3667
  },
3676
- setup(l) {
3677
- const s = l, n = w(
3668
+ setup(r) {
3669
+ const s = r, n = w(
3678
3670
  () => (s.element.isPanel ? s.element.cssClasses.panel : s.element.cssClasses) || {}
3679
3671
  );
3680
3672
  return (e, o) => {
3681
3673
  const t = q("survey-string");
3682
3674
  return i(), u(_, null, [
3683
- e.element.isTitleRenderedAsString ? (i(), g(t, {
3675
+ e.element.isTitleRenderedAsString ? (i(), y(t, {
3684
3676
  key: 0,
3685
3677
  locString: e.element.locTitle
3686
3678
  }, null, 8, ["locString"])) : d("", !0),
@@ -3702,7 +3694,7 @@ const Po = /* @__PURE__ */ h({
3702
3694
  "aria-hidden": !0
3703
3695
  }, R(e.element.requiredText), 3)) : d("", !0),
3704
3696
  !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), u("span", Go, "\xA0")) : d("", !0),
3705
- e.element.isTitleRenderedAsString ? d("", !0) : (i(), g(t, {
3697
+ e.element.isTitleRenderedAsString ? d("", !0) : (i(), y(t, {
3706
3698
  key: 6,
3707
3699
  locString: e.element.locTitle
3708
3700
  }, null, 8, ["locString"])),
@@ -3721,17 +3713,17 @@ const Po = /* @__PURE__ */ h({
3721
3713
  element: {},
3722
3714
  css: {}
3723
3715
  },
3724
- setup(l) {
3725
- const s = l, n = w(() => s.element.getTitleToolbar());
3716
+ setup(r) {
3717
+ const s = r, n = w(() => s.element.getTitleToolbar());
3726
3718
  return (e, o) => {
3727
- const t = q("survey-string"), r = q("survey-element-title-content"), c = q("sv-action-bar");
3719
+ const t = q("survey-string"), l = q("survey-element-title-content"), c = q("sv-action-bar");
3728
3720
  return i(), u("div", Yo, [
3729
3721
  v("span", Zo, [
3730
- e.element.isPage ? (i(), g(t, {
3722
+ e.element.isPage ? (i(), y(t, {
3731
3723
  key: 0,
3732
3724
  locString: e.element.locTitle
3733
3725
  }, null, 8, ["locString"])) : d("", !0),
3734
- e.element.isPage ? d("", !0) : (i(), g(r, {
3726
+ e.element.isPage ? d("", !0) : (i(), y(l, {
3735
3727
  key: 1,
3736
3728
  element: e.element,
3737
3729
  css: e.css
@@ -3741,18 +3733,18 @@ const Po = /* @__PURE__ */ h({
3741
3733
  ]);
3742
3734
  };
3743
3735
  }
3744
- }), Ce = (l, s) => {
3745
- const n = l.__vccOpts || l;
3736
+ }), he = (r, s) => {
3737
+ const n = r.__vccOpts || r;
3746
3738
  for (const [e, o] of s)
3747
3739
  n[e] = o;
3748
3740
  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 = [
3741
+ }, 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
3742
  nt
3751
3743
  ];
3752
- function tt(l, s) {
3744
+ function tt(r, s) {
3753
3745
  return i(), u("div", st, ot);
3754
3746
  }
3755
- const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use", null, null, -1), lt = [
3747
+ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use", null, null, -1), lt = [
3756
3748
  rt
3757
3749
  ], at = /* @__PURE__ */ h({
3758
3750
  __name: "SvgIcon",
@@ -3763,9 +3755,9 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3763
3755
  iconName: {},
3764
3756
  title: {}
3765
3757
  },
3766
- setup(l) {
3767
- const s = l, n = $(), e = () => {
3768
- Pe(
3758
+ setup(r) {
3759
+ const s = r, n = $(), e = () => {
3760
+ Ne(
3769
3761
  s.size,
3770
3762
  s.width,
3771
3763
  s.height,
@@ -3792,17 +3784,17 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3792
3784
  container: {},
3793
3785
  handleClick: { type: Boolean, default: !0 }
3794
3786
  },
3795
- setup(l) {
3796
- const s = l, n = $(null), e = (t) => {
3787
+ setup(r) {
3788
+ const s = r, n = $(null), e = (t) => {
3797
3789
  s.handleClick && t.stopPropagation();
3798
3790
  };
3799
3791
  B(() => s.model);
3800
3792
  const o = le(() => s.model.renderedActions);
3801
3793
  return M(() => {
3802
3794
  !s.model.hasActions || s.model.initResponsivityManager(n.value);
3803
- }), U(() => {
3795
+ }), O(() => {
3804
3796
  s.model.resetResponsivityManager();
3805
- }), (t, r) => {
3797
+ }), (t, l) => {
3806
3798
  const c = q("sv-action");
3807
3799
  return t.model.hasActions ? (i(), u("div", {
3808
3800
  key: 0,
@@ -3811,7 +3803,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3811
3803
  class: a(t.model.getRootCss()),
3812
3804
  onClick: e
3813
3805
  }, [
3814
- (i(!0), u(_, null, D(I(o), (m) => (i(), g(c, {
3806
+ (i(!0), u(_, null, D(I(o), (m) => (i(), y(c, {
3815
3807
  key: m.id,
3816
3808
  item: m
3817
3809
  }, null, 8, ["item"]))), 128))
@@ -3823,8 +3815,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3823
3815
  props: {
3824
3816
  item: {}
3825
3817
  },
3826
- setup(l) {
3827
- const s = l, n = w(
3818
+ setup(r) {
3819
+ const s = r, n = w(
3828
3820
  () => s.item.component || "sv-action-bar-item"
3829
3821
  );
3830
3822
  return B(() => s.item), (e, o) => {
@@ -3834,32 +3826,32 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3834
3826
  id: e.item.id
3835
3827
  }, [
3836
3828
  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"]))
3829
+ e.item.needSeparator ? (i(), y(t, { key: 0 })) : d("", !0),
3830
+ (i(), y(T(n.value), { item: e.item }, null, 8, ["item"]))
3839
3831
  ])
3840
3832
  ], 10, dt);
3841
3833
  };
3842
3834
  }
3843
3835
  }), pt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], vt = {
3844
3836
  inheritAttrs: !1
3845
- }, yt = /* @__PURE__ */ h({
3837
+ }, gt = /* @__PURE__ */ h({
3846
3838
  ...vt,
3847
3839
  __name: "ActionBarItem",
3848
3840
  props: {
3849
3841
  item: {}
3850
3842
  },
3851
- setup(l) {
3852
- const s = l;
3843
+ setup(r) {
3844
+ const s = r;
3853
3845
  return B(() => s.item), (n, e) => {
3854
3846
  const o = q("sv-svg-icon"), t = X("key2click");
3855
3847
  return P((i(), u("button", {
3856
3848
  class: a(n.item.getActionBarItemCss()),
3857
3849
  type: "button",
3858
- onClick: e[0] || (e[0] = (r) => {
3859
- n.item.action(n.item, !!r.pointerType);
3850
+ onClick: e[0] || (e[0] = (l) => {
3851
+ n.item.action(n.item, !!l.pointerType);
3860
3852
  }),
3861
- onKeyup: e[1] || (e[1] = (r) => {
3862
- r.stopPropagation();
3853
+ onKeyup: e[1] || (e[1] = (l) => {
3854
+ l.stopPropagation();
3863
3855
  }),
3864
3856
  disabled: n.item.disabled,
3865
3857
  title: n.item.tooltip || n.item.title,
@@ -3867,7 +3859,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3867
3859
  "aria-expanded": n.item.ariaExpanded,
3868
3860
  role: n.item.ariaRole
3869
3861
  }, [
3870
- n.item.iconName ? (i(), g(o, {
3862
+ n.item.iconName ? (i(), y(o, {
3871
3863
  key: 0,
3872
3864
  class: a(n.item.cssClasses.itemIcon),
3873
3865
  iconName: n.item.iconName,
@@ -3883,27 +3875,27 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3883
3875
  ]);
3884
3876
  };
3885
3877
  }
3886
- }), qt = ["disabled", "title", "role"], gt = {
3878
+ }), qt = ["disabled", "title", "role"], yt = {
3887
3879
  inheritAttrs: !1
3888
3880
  }, ht = /* @__PURE__ */ h({
3889
- ...gt,
3881
+ ...yt,
3890
3882
  __name: "ActionBarItemDropdown",
3891
3883
  props: {
3892
3884
  item: {}
3893
3885
  },
3894
- setup(l) {
3895
- const s = l, n = Me;
3886
+ setup(r) {
3887
+ const s = r, n = Ae;
3896
3888
  let e;
3897
3889
  return B(
3898
3890
  () => s.item,
3899
3891
  (o) => {
3900
- e = new Ae(o);
3892
+ e = new Pe(o);
3901
3893
  },
3902
3894
  () => {
3903
3895
  e.dispose();
3904
3896
  }
3905
3897
  ), (o, t) => {
3906
- const r = q("sv-svg-icon"), c = q("sv-popup"), m = X("key2click");
3898
+ const l = q("sv-svg-icon"), c = q("sv-popup"), m = X("key2click");
3907
3899
  return i(), u(_, null, [
3908
3900
  P((i(), u("button", {
3909
3901
  type: "button",
@@ -3918,7 +3910,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3918
3910
  title: o.item.tooltip || o.item.title,
3919
3911
  role: o.item.ariaRole
3920
3912
  }, [
3921
- o.item.iconName ? (i(), g(r, {
3913
+ o.item.iconName ? (i(), y(l, {
3922
3914
  key: 0,
3923
3915
  class: a(o.item.cssClasses.itemIcon),
3924
3916
  iconName: o.item.iconName,
@@ -3944,8 +3936,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3944
3936
  props: {
3945
3937
  item: {}
3946
3938
  },
3947
- setup(l) {
3948
- const s = l, n = w(() => s.item && s.item.innerCss);
3939
+ setup(r) {
3940
+ const s = r, n = w(() => s.item && s.item.innerCss);
3949
3941
  return (e, o) => (i(), u("div", {
3950
3942
  class: a(["sv-action-bar-separator", n.value])
3951
3943
  }, null, 2));
@@ -3955,31 +3947,31 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3955
3947
  props: {
3956
3948
  model: {}
3957
3949
  },
3958
- setup(l) {
3959
- const s = l, n = $(null), e = (r) => {
3950
+ setup(r) {
3951
+ const s = r, n = $(null), e = (l) => {
3960
3952
  const c = s.model;
3961
- c.filterString = r.target.value;
3962
- }, o = (r) => {
3953
+ c.filterString = l.target.value;
3954
+ }, o = (l) => {
3963
3955
  const c = s.model;
3964
- c.filterString = r.target.value, s.model.goToItems(r);
3965
- }, t = (r) => {
3966
- s.model.onMouseMove(r);
3956
+ c.filterString = l.target.value, s.model.goToItems(l);
3957
+ }, t = (l) => {
3958
+ s.model.onMouseMove(l);
3967
3959
  };
3968
3960
  return B(() => s.model), M(() => {
3969
3961
  s.model.initListContainerHtmlElement(n.value);
3970
- }), (r, c) => {
3962
+ }), (l, c) => {
3971
3963
  const m = q("sv-svg-icon"), p = q("sv-list-item");
3972
3964
  return i(), u("div", {
3973
- class: a(r.model.cssClasses.root),
3965
+ class: a(l.model.cssClasses.root),
3974
3966
  ref_key: "listContainerElement",
3975
3967
  ref: n
3976
3968
  }, [
3977
- r.model.showFilter ? (i(), u("div", {
3969
+ l.model.showFilter ? (i(), u("div", {
3978
3970
  key: 0,
3979
- class: a(r.model.cssClasses.filter)
3971
+ class: a(l.model.cssClasses.filter)
3980
3972
  }, [
3981
3973
  v("div", {
3982
- class: a(r.model.cssClasses.filterIcon)
3974
+ class: a(l.model.cssClasses.filterIcon)
3983
3975
  }, [
3984
3976
  C(m, {
3985
3977
  iconName: "icon-search",
@@ -3988,19 +3980,19 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
3988
3980
  ], 2),
3989
3981
  v("input", {
3990
3982
  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,
3983
+ class: a(l.model.cssClasses.filterInput),
3984
+ "aria-label": l.model.filterStringPlaceholder,
3985
+ placeholder: l.model.filterStringPlaceholder,
3986
+ value: l.model.filterString,
3995
3987
  onChange: e,
3996
3988
  onKeyup: o
3997
3989
  }, null, 42, bt),
3998
- r.model.showSearchClearButton && !!r.model.filterString ? (i(), u("button", {
3990
+ l.model.showSearchClearButton && !!l.model.filterString ? (i(), u("button", {
3999
3991
  key: 0,
4000
- onClick: c[0] || (c[0] = (y) => {
4001
- r.model.onClickSearchClearButton(y);
3992
+ onClick: c[0] || (c[0] = (g) => {
3993
+ l.model.onClickSearchClearButton(g);
4002
3994
  }),
4003
- class: a(r.model.cssClasses.searchClearButtonIcon)
3995
+ class: a(l.model.cssClasses.searchClearButtonIcon)
4004
3996
  }, [
4005
3997
  C(m, {
4006
3998
  iconName: "icon-searchclear",
@@ -4009,35 +4001,35 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4009
4001
  ], 2)) : d("", !0)
4010
4002
  ], 2)) : d("", !0),
4011
4003
  P(v("div", {
4012
- class: a(r.model.cssClasses.emptyContainer)
4004
+ class: a(l.model.cssClasses.emptyContainer)
4013
4005
  }, [
4014
4006
  v("div", {
4015
- class: a(r.model.cssClasses.emptyText),
4016
- "aria-label": r.model.emptyMessage
4017
- }, R(r.model.emptyMessage), 11, kt)
4007
+ class: a(l.model.cssClasses.emptyText),
4008
+ "aria-label": l.model.emptyMessage
4009
+ }, R(l.model.emptyMessage), 11, kt)
4018
4010
  ], 2), [
4019
- [H, r.model.isEmpty]
4011
+ [H, l.model.isEmpty]
4020
4012
  ]),
4021
- r.model.renderElements ? P((i(), u("ul", {
4013
+ l.model.renderElements ? P((i(), u("ul", {
4022
4014
  key: 1,
4023
- class: a(r.model.getListClass()),
4015
+ class: a(l.model.getListClass()),
4024
4016
  role: "listbox",
4025
- id: r.model.elementId,
4026
- onMousedown: c[1] || (c[1] = (y) => {
4027
- y.preventDefault();
4017
+ id: l.model.elementId,
4018
+ onMousedown: c[1] || (c[1] = (g) => {
4019
+ g.preventDefault();
4028
4020
  }),
4029
4021
  onMousemove: t,
4030
- onKeydown: c[2] || (c[2] = (y) => {
4031
- r.model.onKeyDown(y);
4022
+ onKeydown: c[2] || (c[2] = (g) => {
4023
+ l.model.onKeyDown(g);
4032
4024
  })
4033
4025
  }, [
4034
- (i(!0), u(_, null, D(r.model.renderedActions, (y) => (i(), g(p, {
4035
- item: y,
4036
- model: r.model,
4037
- key: y.id
4026
+ (i(!0), u(_, null, D(l.model.renderedActions, (g) => (i(), y(p, {
4027
+ item: g,
4028
+ model: l.model,
4029
+ key: g.id
4038
4030
  }, null, 8, ["item", "model"]))), 128))
4039
4031
  ], 42, ft)), [
4040
- [H, !r.model.isEmpty]
4032
+ [H, !l.model.isEmpty]
4041
4033
  ]) : d("", !0)
4042
4034
  ], 2);
4043
4035
  };
@@ -4048,8 +4040,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4048
4040
  model: {},
4049
4041
  item: {}
4050
4042
  },
4051
- setup(l) {
4052
- const s = l, n = w(() => s.item.elementId), e = (o) => {
4043
+ setup(r) {
4044
+ const s = r, n = w(() => s.item.elementId), e = (o) => {
4053
4045
  s.model.onItemClick(s.item), o.stopPropagation();
4054
4046
  };
4055
4047
  return B(() => s.item), M(() => {
@@ -4057,7 +4049,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4057
4049
  s.model.onLastItemRended(s.item);
4058
4050
  });
4059
4051
  }), (o, t) => {
4060
- const r = q("sv-svg-icon"), c = q("survey-string"), m = X("key2click");
4052
+ const l = q("sv-svg-icon"), c = q("survey-string"), m = X("key2click");
4061
4053
  return P((i(), u("li", {
4062
4054
  tabindex: "0",
4063
4055
  role: "option",
@@ -4077,17 +4069,17 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4077
4069
  class: a(o.model.cssClasses.itemBody),
4078
4070
  title: o.item.locTitle.calculatedText
4079
4071
  }, [
4080
- o.item.iconName && !o.item.component ? (i(), g(r, {
4072
+ o.item.iconName && !o.item.component ? (i(), y(l, {
4081
4073
  key: 0,
4082
4074
  class: a(o.model.cssClasses.itemIcon),
4083
4075
  iconName: o.item.iconName,
4084
4076
  size: o.item.iconSize
4085
4077
  }, null, 8, ["class", "iconName", "size"])) : d("", !0),
4086
- o.item.component ? d("", !0) : (i(), g(c, {
4078
+ o.item.component ? d("", !0) : (i(), y(c, {
4087
4079
  key: 1,
4088
4080
  locString: o.item.locTitle
4089
4081
  }, null, 8, ["locString"])),
4090
- o.item.component ? (i(), g(T(o.item.component), {
4082
+ o.item.component ? (i(), y(T(o.item.component), {
4091
4083
  key: 2,
4092
4084
  item: o.item
4093
4085
  }, null, 8, ["item"])) : d("", !0)
@@ -4104,14 +4096,12 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4104
4096
  getTarget: { type: Function },
4105
4097
  model: {}
4106
4098
  },
4107
- setup(l) {
4108
- const s = l, n = z(
4109
- de(s.model, void 0)
4110
- ), e = $(null);
4111
- return J(
4099
+ setup(r) {
4100
+ const s = r, n = U(), e = $(null);
4101
+ return Q(
4112
4102
  () => s.model,
4113
4103
  (o) => {
4114
- n.value.dispose(), n.value = de(o, void 0);
4104
+ n.value && n.value.dispose(), n.value = Me(o, void 0);
4115
4105
  },
4116
4106
  { immediate: !0 }
4117
4107
  ), B(() => n.value), M(() => {
@@ -4120,15 +4110,15 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4120
4110
  o,
4121
4111
  s.getTarget ? s.getTarget(o) : void 0
4122
4112
  );
4123
- }), U(() => {
4113
+ }), O(() => {
4124
4114
  n.value.dispose();
4125
4115
  }), (o, t) => {
4126
- const r = q("sv-popup-container");
4116
+ const l = q("sv-popup-container");
4127
4117
  return i(), u("div", {
4128
4118
  ref_key: "root",
4129
4119
  ref: e
4130
4120
  }, [
4131
- C(r, { model: n.value }, null, 8, ["model"])
4121
+ C(l, { model: n.value }, null, 8, ["model"])
4132
4122
  ], 512);
4133
4123
  };
4134
4124
  }
@@ -4143,8 +4133,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4143
4133
  props: {
4144
4134
  model: {}
4145
4135
  },
4146
- setup(l) {
4147
- const s = l;
4136
+ setup(r) {
4137
+ const s = r;
4148
4138
  let n = !1;
4149
4139
  const e = (o) => {
4150
4140
  o.stopPropagation();
@@ -4155,7 +4145,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4155
4145
  }), M(() => {
4156
4146
  s.model.isVisible && s.model.updateOnShowing();
4157
4147
  }), (o, t) => {
4158
- const r = q("sv-action-bar");
4148
+ const l = q("sv-action-bar");
4159
4149
  return P((i(), u("div", {
4160
4150
  tabindex: "-1",
4161
4151
  class: a(["sv-popup", o.model.styleClass]),
@@ -4178,7 +4168,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4178
4168
  onClick: e
4179
4169
  }, [
4180
4170
  v("div", $t, [
4181
- o.model.showHeader ? (i(), g(T(o.model.popupHeaderTemplate), {
4171
+ o.model.showHeader ? (i(), y(T(o.model.popupHeaderTemplate), {
4182
4172
  key: 0,
4183
4173
  model: o.model
4184
4174
  }, null, 8, ["model"])) : d("", !0),
@@ -4186,11 +4176,11 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4186
4176
  o.model.title ? (i(), u("div", Dt, R(o.model.title), 1)) : d("", !0),
4187
4177
  v("div", Bt, [
4188
4178
  v("div", Lt, [
4189
- (i(), g(T(o.model.contentComponentName), O(ne(o.model.contentComponentData)), null, 16))
4179
+ (i(), y(T(o.model.contentComponentName), z(ne(o.model.contentComponentData)), null, 16))
4190
4180
  ])
4191
4181
  ]),
4192
4182
  o.model.showFooter ? (i(), u("div", Nt, [
4193
- C(r, {
4183
+ C(l, {
4194
4184
  model: o.model.footerToolbar
4195
4185
  }, null, 8, ["model"])
4196
4186
  ])) : d("", !0)
@@ -4207,7 +4197,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4207
4197
  props: {
4208
4198
  model: {}
4209
4199
  },
4210
- setup(l) {
4200
+ setup(r) {
4211
4201
  return (s, n) => (i(), u("span", {
4212
4202
  class: "sv-popup__pointer",
4213
4203
  style: S({
@@ -4226,18 +4216,18 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4226
4216
  container: {},
4227
4217
  needRenderWrapper: {}
4228
4218
  },
4229
- setup(l) {
4230
- const s = l, n = w(
4219
+ setup(r) {
4220
+ const s = r, n = w(
4231
4221
  () => s.survey.getContainerContent(s.container)
4232
4222
  );
4233
4223
  return (e, o) => n.value.length > 0 ? (i(), u(_, { key: 0 }, [
4234
4224
  e.needRenderWrapper ? (i(), u("div", Mt, [
4235
- (i(!0), u(_, null, D(n.value, (t, r) => (i(), g(T(t.component), {
4225
+ (i(!0), u(_, null, D(n.value, (t, l) => (i(), y(T(t.component), {
4236
4226
  survey: e.survey,
4237
4227
  container: e.container,
4238
4228
  model: t.data
4239
4229
  }, null, 8, ["survey", "container", "model"]))), 256))
4240
- ])) : (i(!0), u(_, { key: 1 }, D(n.value, (t, r) => (i(), g(T(t.component), {
4230
+ ])) : (i(!0), u(_, { key: 1 }, D(n.value, (t, l) => (i(), y(T(t.component), {
4241
4231
  survey: e.survey,
4242
4232
  container: e.container,
4243
4233
  model: t.data
@@ -4251,9 +4241,9 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4251
4241
  container: {},
4252
4242
  css: {}
4253
4243
  },
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", {
4244
+ setup(r) {
4245
+ const s = r, n = w(() => s.survey.progressValue + "%"), e = (t) => de.getProgressTextInBarCss(t), o = (t) => de.getProgressTextUnderBarCss(t);
4246
+ return (t, l) => (i(), u("div", {
4257
4247
  class: a(t.survey.getProgressCssClasses(t.container))
4258
4248
  }, [
4259
4249
  v("div", {
@@ -4280,16 +4270,16 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4280
4270
  model: {},
4281
4271
  container: {}
4282
4272
  },
4283
- setup(l) {
4284
- const s = l, n = $(!1), e = $(!1), o = $(!1), t = $(!0), r = $(), c = w(() => s.survey.css);
4273
+ setup(r) {
4274
+ const s = r, n = $(!1), e = $(!1), o = $(!1), t = $(!0), l = $(), c = w(() => s.survey.css);
4285
4275
  let m = null;
4286
- const p = (y) => {
4287
- let f = r.value;
4288
- f.scrollLeft += (y ? -1 : 1) * 70;
4276
+ const p = (g) => {
4277
+ let f = l.value;
4278
+ f.scrollLeft += (g ? -1 : 1) * 70;
4289
4279
  };
4290
4280
  return M(() => {
4291
- const y = r.value;
4292
- m = new He(s.model, y, {
4281
+ const g = l.value;
4282
+ m = new He(s.model, g, {
4293
4283
  onResize: (f) => {
4294
4284
  t.value = f, e.value = !f;
4295
4285
  },
@@ -4301,11 +4291,11 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4301
4291
  },
4302
4292
  container: w(() => s.container)
4303
4293
  });
4304
- }), Q(() => {
4294
+ }), G(() => {
4305
4295
  m.dispose();
4306
- }), (y, f) => (i(), u("div", {
4307
- class: a(y.model.getRootCss(y.container)),
4308
- style: S({ maxWidth: y.model.progressWidth }),
4296
+ }), (g, f) => (i(), u("div", {
4297
+ class: a(g.model.getRootCss(g.container)),
4298
+ style: S({ maxWidth: g.model.progressWidth }),
4309
4299
  role: "progressbar",
4310
4300
  "aria-valuemin": "0",
4311
4301
  "aria-valuemax": "100",
@@ -4313,34 +4303,34 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4313
4303
  }, [
4314
4304
  e.value ? (i(), u("div", {
4315
4305
  key: 0,
4316
- class: a(y.survey.css.progressButtonsHeader)
4306
+ class: a(g.survey.css.progressButtonsHeader)
4317
4307
  }, [
4318
4308
  v("div", {
4319
- class: a(y.survey.css.progressButtonsPageTitle),
4320
- title: y.model.headerText
4321
- }, R(y.model.headerText), 11, Et)
4309
+ class: a(g.survey.css.progressButtonsPageTitle),
4310
+ title: g.model.headerText
4311
+ }, R(g.model.headerText), 11, Et)
4322
4312
  ], 2)) : d("", !0),
4323
4313
  v("div", {
4324
4314
  class: a(c.value.progressButtonsContainer)
4325
4315
  }, [
4326
4316
  v("div", {
4327
- class: a(y.model.getScrollButtonCss(n.value, !0)),
4317
+ class: a(g.model.getScrollButtonCss(n.value, !0)),
4328
4318
  onClick: f[0] || (f[0] = (b) => p(!0)),
4329
4319
  role: "button"
4330
4320
  }, null, 2),
4331
4321
  v("div", {
4332
4322
  class: a(c.value.progressButtonsListContainer),
4333
4323
  ref_key: "progressButtonsListContainer",
4334
- ref: r
4324
+ ref: l
4335
4325
  }, [
4336
4326
  v("ul", {
4337
4327
  class: a(c.value.progressButtonsList)
4338
4328
  }, [
4339
- (i(!0), u(_, null, D(y.survey.visiblePages, (b, N) => (i(), u("li", {
4329
+ (i(!0), u(_, null, D(g.survey.visiblePages, (b, N) => (i(), u("li", {
4340
4330
  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)
4331
+ class: a(g.model.getListElementCss(N)),
4332
+ onClick: (k) => g.model.isListElementClickable(N) ? g.model.clickListElement(b) : null,
4333
+ "data-page-number": g.model.getItemNumber(b)
4344
4334
  }, [
4345
4335
  v("div", {
4346
4336
  class: a(c.value.progressButtonsConnector)
@@ -4354,24 +4344,35 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4354
4344
  key: 1,
4355
4345
  class: a(c.value.progressButtonsPageDescription),
4356
4346
  title: b.locNavigationDescription.renderedHtml
4357
- }, R(b.locNavigationDescription.renderedHtml), 11, Ft)) : d("", !0)
4347
+ }, R(b.locNavigationDescription.renderedHtml), 11, Ft)) : d("", !0),
4348
+ v("div", {
4349
+ class: a(c.value.progressButtonsButton)
4350
+ }, [
4351
+ v("div", {
4352
+ class: a(c.value.progressButtonsButtonBackground)
4353
+ }, null, 2),
4354
+ v("div", {
4355
+ class: a(c.value.progressButtonsButtonContent)
4356
+ }, null, 2),
4357
+ v("span", null, R(g.model.getItemNumber(b)), 1)
4358
+ ], 2)
4358
4359
  ], 10, Wt))), 128))
4359
4360
  ], 2)
4360
4361
  ], 2),
4361
4362
  v("div", {
4362
- class: a(y.model.getScrollButtonCss(n.value, !1)),
4363
+ class: a(g.model.getScrollButtonCss(n.value, !1)),
4363
4364
  onClick: f[1] || (f[1] = (b) => p(!1)),
4364
4365
  role: "button"
4365
4366
  }, null, 2)
4366
4367
  ], 2),
4367
4368
  o.value ? (i(), u("div", {
4368
4369
  key: 1,
4369
- class: a(y.survey.css.progressButtonsFooter)
4370
+ class: a(g.survey.css.progressButtonsFooter)
4370
4371
  }, [
4371
4372
  v("div", {
4372
- class: a(y.survey.css.progressButtonsPageTitle),
4373
- title: y.model.footerText
4374
- }, R(y.model.footerText), 11, Ot)
4373
+ class: a(g.survey.css.progressButtonsPageTitle),
4374
+ title: g.model.footerText
4375
+ }, R(g.model.footerText), 11, Ot)
4375
4376
  ], 2)) : d("", !0)
4376
4377
  ], 6));
4377
4378
  }
@@ -4381,9 +4382,9 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4381
4382
  survey: {},
4382
4383
  model: {}
4383
4384
  },
4384
- setup(l) {
4385
+ setup(r) {
4385
4386
  return (s, n) => {
4386
- const e = q("sv-svg-icon"), o = q("sv-popup"), t = q("sv-list"), r = X("key2click");
4387
+ const e = q("sv-svg-icon"), o = q("sv-popup"), t = q("sv-list"), l = X("key2click");
4387
4388
  return i(), u("div", {
4388
4389
  class: a(s.model.containerCss)
4389
4390
  }, [
@@ -4399,8 +4400,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4399
4400
  model: s.model.popupModel
4400
4401
  }, null, 8, ["model"])
4401
4402
  ])), [
4402
- [r]
4403
- ]) : (i(), g(t, {
4403
+ [l]
4404
+ ]) : (i(), y(t, {
4404
4405
  key: 1,
4405
4406
  model: s.model.listModel
4406
4407
  }, null, 8, ["model"]))
@@ -4410,22 +4411,22 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4410
4411
  }), Kt = { onsubmit: "return false;" }, jt = {
4411
4412
  key: 0,
4412
4413
  class: "sv_custom_header"
4413
- }, Qt = { class: "sv-components-column sv-components-column--expandable" }, Gt = ["id"], Jt = { key: 2 }, Xt = ["innerHTML"], Yt = ["innerHTML"], Zt = ["innerHTML"], ve = /* @__PURE__ */ h({
4414
+ }, Qt = { class: "sv-components-column sv-components-column--expandable" }, Gt = ["id"], Jt = { key: 2 }, Xt = ["innerHTML"], Yt = ["innerHTML"], Zt = ["innerHTML"], pe = /* @__PURE__ */ h({
4414
4415
  __name: "Survey",
4415
4416
  props: {
4416
4417
  model: {},
4417
4418
  survey: {}
4418
4419
  },
4419
- setup(l) {
4420
- const s = l, n = $(), e = $(""), o = $(1), t = w(() => {
4420
+ setup(r) {
4421
+ const s = r, n = $(), e = $(""), o = $(1), t = w(() => {
4421
4422
  const b = s.survey ? s.survey : s.model;
4422
- return Re(b);
4423
- }), r = w(() => t.value.activePage ? t.value.activePage.id : ""), c = () => {
4424
- const b = r.value;
4423
+ return Se(b);
4424
+ }), l = w(() => t.value.activePage ? t.value.activePage.id : ""), c = () => {
4425
+ const b = l.value;
4425
4426
  return !!t.value && b + o.value.toString();
4426
4427
  }, m = w(
4427
4428
  () => t.value.showCompletedPage && t.value.state === "completed"
4428
- ), p = w(() => t.value.css), y = w(() => "page" + c()), f = () => m.value ? (e.value || (e.value = t.value.processedCompletedHtml), e.value) : "";
4429
+ ), p = w(() => t.value.css), g = w(() => "page" + c()), f = () => m.value ? (e.value || (e.value = t.value.processedCompletedHtml), e.value) : "";
4429
4430
  return B(() => t.value), M(() => {
4430
4431
  if (!!t.value) {
4431
4432
  var b = n.value;
@@ -4434,7 +4435,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4434
4435
  o.value++, (k = (N = ie()) == null ? void 0 : N.proxy) == null || k.$forceUpdate();
4435
4436
  }, t.value.startTimerFromUI();
4436
4437
  }
4437
- }), U(() => {
4438
+ }), O(() => {
4438
4439
  t.value.stopTimer(), t.value.renderCallback = void 0;
4439
4440
  }), (b, N) => {
4440
4441
  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");
@@ -4444,7 +4445,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4444
4445
  ref_key: "root",
4445
4446
  ref: n
4446
4447
  }, [
4447
- t.value.needRenderIcons ? (i(), g(k, { key: 0 })) : d("", !0),
4448
+ t.value.needRenderIcons ? (i(), y(k, { key: 0 })) : d("", !0),
4448
4449
  v("div", {
4449
4450
  class: a(t.value.wrapperFormCss)
4450
4451
  }, [
@@ -4459,11 +4460,11 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4459
4460
  v("div", {
4460
4461
  class: a(p.value.container)
4461
4462
  }, [
4462
- t.value.headerView === "basic" ? (i(), g(W, {
4463
+ t.value.headerView === "basic" ? (i(), y(W, {
4463
4464
  key: 0,
4464
4465
  survey: t.value
4465
4466
  }, null, 8, ["survey"])) : d("", !0),
4466
- (i(), g(T("sv-components-container"), {
4467
+ (i(), y(T("sv-components-container"), {
4467
4468
  survey: t.value,
4468
4469
  container: "header",
4469
4470
  needRenderWrapper: !1
@@ -4472,13 +4473,13 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4472
4473
  key: 1,
4473
4474
  class: a(t.value.bodyContainerCss)
4474
4475
  }, [
4475
- (i(), g(T("sv-components-container"), {
4476
+ (i(), y(T("sv-components-container"), {
4476
4477
  survey: t.value,
4477
4478
  container: "left",
4478
4479
  needRenderWrapper: !0
4479
4480
  }, null, 8, ["survey"])),
4480
4481
  v("div", Qt, [
4481
- (i(), g(T("sv-components-container"), {
4482
+ (i(), y(T("sv-components-container"), {
4482
4483
  survey: t.value,
4483
4484
  container: "center",
4484
4485
  needRenderWrapper: !0
@@ -4486,33 +4487,33 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4486
4487
  v("div", {
4487
4488
  class: a(t.value.bodyCss),
4488
4489
  style: S({ maxWidth: t.value.renderedWidth }),
4489
- id: r.value
4490
+ id: l.value
4490
4491
  }, [
4491
- (i(), g(T("sv-components-container"), {
4492
+ (i(), y(T("sv-components-container"), {
4492
4493
  survey: t.value,
4493
4494
  container: "contentTop",
4494
4495
  needRenderWrapper: !0
4495
4496
  }, null, 8, ["survey"])),
4496
- (i(), g(V, {
4497
- key: y.value,
4497
+ (i(), y(V, {
4498
+ key: g.value,
4498
4499
  survey: t.value,
4499
4500
  page: t.value.activePage,
4500
4501
  css: p.value
4501
4502
  }, null, 8, ["survey", "page", "css"])),
4502
- (i(), g(T("sv-components-container"), {
4503
+ (i(), y(T("sv-components-container"), {
4503
4504
  survey: t.value,
4504
4505
  container: "contentBottom",
4505
4506
  needRenderWrapper: !0
4506
4507
  }, null, 8, ["survey"]))
4507
4508
  ], 14, Gt)
4508
4509
  ]),
4509
- (i(), g(T("sv-components-container"), {
4510
+ (i(), y(T("sv-components-container"), {
4510
4511
  survey: t.value,
4511
4512
  container: "right",
4512
4513
  needRenderWrapper: !0
4513
4514
  }, null, 8, ["survey"]))
4514
4515
  ], 2)) : d("", !0),
4515
- (i(), g(T("sv-components-container"), {
4516
+ (i(), y(T("sv-components-container"), {
4516
4517
  survey: t.value,
4517
4518
  container: "footer",
4518
4519
  needRenderWrapper: !1
@@ -4522,7 +4523,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4522
4523
  innerHTML: f(),
4523
4524
  class: a(t.value.completedCss)
4524
4525
  }, null, 10, Xt),
4525
- (i(), g(T("sv-components-container"), {
4526
+ (i(), y(T("sv-components-container"), {
4526
4527
  survey: t.value,
4527
4528
  container: "completePage",
4528
4529
  needRenderWrapper: !0
@@ -4544,7 +4545,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4544
4545
  }, R(t.value.emptySurveyText), 3)) : d("", !0)
4545
4546
  ], 2)
4546
4547
  ]),
4547
- t.value.showBrandInfo ? (i(), g(K, { key: 1 })) : d("", !0),
4548
+ t.value.showBrandInfo ? (i(), y(K, { key: 1 })) : d("", !0),
4548
4549
  C(ue, {
4549
4550
  model: t.value.notifier
4550
4551
  }, null, 8, ["model"])
@@ -4557,8 +4558,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4557
4558
  props: {
4558
4559
  model: {}
4559
4560
  },
4560
- setup(l) {
4561
- const s = l;
4561
+ setup(r) {
4562
+ const s = r;
4562
4563
  return B(() => s.model), (n, e) => {
4563
4564
  const o = q("sv-action-bar");
4564
4565
  return n.model.isDisplayed ? (i(), u("div", {
@@ -4581,7 +4582,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4581
4582
  question: {},
4582
4583
  commentClass: {}
4583
4584
  },
4584
- setup(l) {
4585
+ setup(r) {
4585
4586
  return (s, n) => (i(), u("div", {
4586
4587
  class: a(s.question.getCommentAreaCss(!0))
4587
4588
  }, [
@@ -4612,8 +4613,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4612
4613
  props: {
4613
4614
  item: {}
4614
4615
  },
4615
- setup(l) {
4616
- const s = l, n = () => s.item.data && s.item.data.mouseDown();
4616
+ setup(r) {
4617
+ const s = r, n = () => s.item.data && s.item.data.mouseDown();
4617
4618
  return B(() => s.item), (e, o) => e.item.visible ? (i(), u("input", {
4618
4619
  key: 0,
4619
4620
  type: "button",
@@ -4625,7 +4626,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4625
4626
  onClick: o[0] || (o[0] = (...t) => e.item.action && e.item.action(...t))
4626
4627
  }, null, 42, oi)) : d("", !0);
4627
4628
  }
4628
- }), ye = /* @__PURE__ */ h({
4629
+ }), ve = /* @__PURE__ */ h({
4629
4630
  __name: "PopupSurvey",
4630
4631
  props: {
4631
4632
  survey: {},
@@ -4634,8 +4635,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4634
4635
  allowFullScreen: { type: Boolean },
4635
4636
  closeOnCompleteTimeout: {}
4636
4637
  },
4637
- setup(l) {
4638
- const s = l, n = z(), e = w(() => s.survey ? s.survey.getCss() : {});
4638
+ setup(r) {
4639
+ const s = r, n = U(), e = w(() => s.survey ? s.survey.getCss() : {});
4639
4640
  w(() => {
4640
4641
  var f;
4641
4642
  return (f = n.value) != null && f.isExpanded ? e.value.window.header.buttonCollapsed : e.value.window.header.buttonExpanded;
@@ -4647,7 +4648,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4647
4648
  n.value.changeExpandCollapse();
4648
4649
  }, t = () => {
4649
4650
  n.value.hide();
4650
- }, r = () => {
4651
+ }, l = () => {
4651
4652
  n.value.toggleFullScreen();
4652
4653
  }, c = () => "SurveyComponent", m = () => {
4653
4654
  n.value.onScroll();
@@ -4656,7 +4657,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4656
4657
  return n.value.isCollapsed && (f += " " + n.value.cssRootCollapsedMod), f;
4657
4658
  };
4658
4659
  B(() => n.value);
4659
- const y = J(
4660
+ const g = Q(
4660
4661
  () => s.survey,
4661
4662
  (f) => {
4662
4663
  const b = new Ee(null, f);
@@ -4666,8 +4667,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4666
4667
  immediate: !0
4667
4668
  }
4668
4669
  );
4669
- return U(() => {
4670
- y();
4670
+ return O(() => {
4671
+ g();
4671
4672
  }), (f, b) => {
4672
4673
  const N = q("sv-svg-icon");
4673
4674
  return n.value.isShowing ? (i(), u("div", {
@@ -4692,14 +4693,14 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4692
4693
  n.value.allowFullScreen ? (i(), u("div", {
4693
4694
  key: 0,
4694
4695
  class: a(n.value.cssHeaderFullScreenButton),
4695
- onClick: r
4696
+ onClick: l
4696
4697
  }, [
4697
- n.value.isFullScreen ? (i(), g(N, {
4698
+ n.value.isFullScreen ? (i(), y(N, {
4698
4699
  key: 0,
4699
4700
  iconName: "icon-back-to-panel_16x16",
4700
4701
  size: 16
4701
4702
  })) : d("", !0),
4702
- n.value.isFullScreen ? d("", !0) : (i(), g(N, {
4703
+ n.value.isFullScreen ? d("", !0) : (i(), y(N, {
4703
4704
  key: 1,
4704
4705
  iconName: "icon-full-screen_16x16",
4705
4706
  size: 16
@@ -4709,12 +4710,12 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4709
4710
  class: a(n.value.cssHeaderCollapseButton),
4710
4711
  onClick: o
4711
4712
  }, [
4712
- n.value.isExpanded ? (i(), g(N, {
4713
+ n.value.isExpanded ? (i(), y(N, {
4713
4714
  key: 0,
4714
4715
  iconName: "icon-minimize_16x16",
4715
4716
  size: 16
4716
4717
  })) : d("", !0),
4717
- n.value.isCollapsed ? (i(), g(N, {
4718
+ n.value.isCollapsed ? (i(), y(N, {
4718
4719
  key: 1,
4719
4720
  iconName: "icon-restore_16x16",
4720
4721
  size: 16
@@ -4735,7 +4736,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4735
4736
  v("div", {
4736
4737
  class: a(n.value.cssBody)
4737
4738
  }, [
4738
- (i(), g(T(c()), { survey: f.survey }, null, 8, ["survey"]))
4739
+ (i(), y(T(c()), { survey: f.survey }, null, 8, ["survey"]))
4739
4740
  ], 2)
4740
4741
  ], 2)
4741
4742
  ], 38)) : d("", !0);
@@ -4747,15 +4748,15 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4747
4748
  question: {},
4748
4749
  css: {}
4749
4750
  },
4750
- setup(l) {
4751
- const s = l, n = $(), e = w(
4751
+ setup(r) {
4752
+ const s = r, n = $(), e = w(
4752
4753
  () => s.question.customWidget.isDefaultRender
4753
4754
  ), o = w(
4754
4755
  () => !!s.question.customWidget.htmlTemplate
4755
- ), t = w(() => s.question.customWidget.htmlTemplate), r = w(() => "survey-" + s.question.getTemplate());
4756
+ ), t = w(() => s.question.customWidget.htmlTemplate), l = w(() => "survey-" + s.question.getTemplate());
4756
4757
  return M(() => {
4757
4758
  s.question.customWidget.afterRender(s.question, n.value);
4758
- }), Q(() => {
4759
+ }), G(() => {
4759
4760
  s.question.customWidget.willUnmount(s.question, n.value);
4760
4761
  }), (c, m) => (i(), u("div", {
4761
4762
  ref_key: "root",
@@ -4765,7 +4766,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4765
4766
  key: 0,
4766
4767
  innerHTML: t.value
4767
4768
  }, null, 8, ii)) : d("", !0),
4768
- e.value ? (i(), g(T(r.value), {
4769
+ e.value ? (i(), y(T(l.value), {
4769
4770
  key: 1,
4770
4771
  question: c.question,
4771
4772
  css: c.css
@@ -4774,43 +4775,42 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4774
4775
  }
4775
4776
  }), li = /* @__PURE__ */ h({
4776
4777
  __name: "PopupModal",
4777
- setup(l) {
4778
- const s = z();
4779
- function n(o, t, r, c, m, p, y = "popup") {
4778
+ setup(r) {
4779
+ const s = U();
4780
+ function n(o, t, l, c, m, p, g = "popup") {
4780
4781
  const f = We(
4781
4782
  o,
4782
4783
  t,
4783
- r,
4784
+ l,
4784
4785
  c,
4785
4786
  void 0,
4786
4787
  void 0,
4787
4788
  m,
4788
4789
  p,
4789
- y
4790
+ g
4790
4791
  );
4791
4792
  return e(f);
4792
4793
  }
4793
4794
  function e(o, t) {
4794
- o.onHide = () => {
4795
- s.value = void 0, r.dispose();
4796
- };
4797
- const r = Ve(
4795
+ const l = Ve(
4798
4796
  o,
4799
4797
  t
4800
- );
4801
- return r.model.isVisible = !0, s.value = r, r;
4798
+ ), c = (m, p) => {
4799
+ p.isVisible || (s.value = void 0, l.dispose(), l.onVisibilityChanged.remove(c));
4800
+ };
4801
+ return l.onVisibilityChanged.add(c), l.model.isVisible = !0, s.value = l, l;
4802
4802
  }
4803
- return j.showModal || (j.showModal = n, U(() => {
4803
+ return j.showModal || (j.showModal = n, O(() => {
4804
4804
  j.showModal = void 0;
4805
- })), j.showDialog || (j.showDialog = e, U(() => {
4805
+ })), j.showDialog || (j.showDialog = e, O(() => {
4806
4806
  j.showDialog = void 0;
4807
4807
  })), (o, t) => {
4808
- const r = q("sv-popup-container");
4809
- return s.value ? (i(), g(Te, {
4808
+ const l = q("sv-popup-container");
4809
+ return s.value ? (i(), y(Re, {
4810
4810
  key: 0,
4811
4811
  to: s.value.container
4812
4812
  }, [
4813
- C(r, { model: s.value }, null, 8, ["model"])
4813
+ C(l, { model: s.value }, null, 8, ["model"])
4814
4814
  ], 8, ["to"])) : d("", !0);
4815
4815
  };
4816
4816
  }
@@ -4820,8 +4820,8 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4820
4820
  counter: {},
4821
4821
  remainingCharacterCounter: {}
4822
4822
  },
4823
- setup(l) {
4824
- const s = l;
4823
+ setup(r) {
4824
+ const s = r;
4825
4825
  return B(() => s.counter), (n, e) => (i(), u("div", {
4826
4826
  class: a(n.remainingCharacterCounter)
4827
4827
  }, R(n.counter.remainingCharacterCounter), 3));
@@ -4833,13 +4833,13 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4833
4833
  question: {},
4834
4834
  css: {}
4835
4835
  },
4836
- setup(l) {
4837
- const s = l, n = $(null);
4836
+ setup(r) {
4837
+ const s = r, n = $(null);
4838
4838
  A(s, n);
4839
4839
  const e = w(() => s.question.contentPanel);
4840
4840
  return (o, t) => {
4841
- const r = q("survey-panel");
4842
- return i(), g(r, {
4841
+ const l = q("survey-panel");
4842
+ return i(), y(l, {
4843
4843
  ref_key: "root",
4844
4844
  ref: n,
4845
4845
  element: e.value,
@@ -4854,11 +4854,11 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4854
4854
  question: {},
4855
4855
  css: {}
4856
4856
  },
4857
- setup(l) {
4858
- const s = l, n = $(null);
4857
+ setup(r) {
4858
+ const s = r, n = $(null);
4859
4859
  A(s, n);
4860
4860
  const e = w(() => s.question.contentQuestion), o = (t) => re(t);
4861
- return (t, r) => (i(), g(T(o(e.value)), {
4861
+ return (t, l) => (i(), y(T(o(e.value)), {
4862
4862
  ref: n.value,
4863
4863
  question: e.value,
4864
4864
  css: t.css
@@ -4866,14 +4866,14 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4866
4866
  }
4867
4867
  }), mi = /* @__PURE__ */ v("use", { "xlink:href": "#icon-timercircle" }, null, -1), ci = [
4868
4868
  mi
4869
- ], qe = 440, pi = /* @__PURE__ */ h({
4869
+ ], ge = 440, pi = /* @__PURE__ */ h({
4870
4870
  __name: "TimerPanel",
4871
4871
  props: {
4872
4872
  model: {},
4873
4873
  css: {}
4874
4874
  },
4875
- setup(l) {
4876
- const s = l, n = w(() => qe * s.model.progress), e = w(() => s.model.text);
4875
+ setup(r) {
4876
+ const s = r, n = w(() => ge * s.model.progress), e = w(() => s.model.text);
4877
4877
  return B(() => s.model), (o, t) => o.model.isRunning && o.model.showTimerAsClock ? (i(), u("div", {
4878
4878
  key: 0,
4879
4879
  class: a(o.model.rootCss)
@@ -4881,7 +4881,7 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4881
4881
  o.model.showProgress ? (i(), u("svg", {
4882
4882
  key: 0,
4883
4883
  class: a(o.model.getProgressCss()),
4884
- style: S({ strokeDasharray: qe, strokeDashoffset: n.value })
4884
+ style: S({ strokeDasharray: ge, strokeDashoffset: n.value })
4885
4885
  }, ci, 6)) : d("", !0),
4886
4886
  v("div", {
4887
4887
  class: a(o.model.textContainerCss)
@@ -4901,24 +4901,24 @@ const it = /* @__PURE__ */ Ce(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
4901
4901
  [H, o.model.isRunning && !o.model.showTimerAsClock]
4902
4902
  ]);
4903
4903
  }
4904
- }), vi = {}, yi = { class: "sd-loading-indicator" };
4905
- function qi(l, s) {
4904
+ }), vi = {}, gi = { class: "sd-loading-indicator" };
4905
+ function qi(r, s) {
4906
4906
  const n = q("sv-svg-icon");
4907
- return i(), u("div", yi, [
4907
+ return i(), u("div", gi, [
4908
4908
  C(n, {
4909
4909
  iconName: "icon-loading",
4910
4910
  size: "'auto'"
4911
4911
  })
4912
4912
  ]);
4913
4913
  }
4914
- const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @__PURE__ */ h({
4914
+ const yi = /* @__PURE__ */ he(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @__PURE__ */ h({
4915
4915
  __name: "Header",
4916
4916
  props: {
4917
4917
  model: {},
4918
4918
  survey: {}
4919
4919
  },
4920
- setup(l) {
4921
- const s = l;
4920
+ setup(r) {
4921
+ const s = r;
4922
4922
  return B(() => {
4923
4923
  const n = s.model;
4924
4924
  return n.survey = s.survey, s.model;
@@ -4938,8 +4938,8 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
4938
4938
  class: a(n.model.contentClasses),
4939
4939
  style: S({ maxWidth: n.model.maxWidth })
4940
4940
  }, [
4941
- (i(!0), u(_, null, D(n.model.cells, (r, c) => (i(), g(o, {
4942
- model: r,
4941
+ (i(!0), u(_, null, D(n.model.cells, (l, c) => (i(), y(o, {
4942
+ model: l,
4943
4943
  key: c
4944
4944
  }, null, 8, ["model"]))), 128))
4945
4945
  ], 6)),
@@ -4957,7 +4957,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
4957
4957
  props: {
4958
4958
  model: {}
4959
4959
  },
4960
- setup(l) {
4960
+ setup(r) {
4961
4961
  return (s, n) => {
4962
4962
  const e = q("survey-element-title"), o = q("survey-string");
4963
4963
  return i(), u("div", {
@@ -5018,7 +5018,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5018
5018
  props: {
5019
5019
  model: {}
5020
5020
  },
5021
- setup(l) {
5021
+ setup(r) {
5022
5022
  return (s, n) => {
5023
5023
  const e = q("survey-element-title"), o = q("survey-string");
5024
5024
  return i(), u("div", Ii, [
@@ -5070,37 +5070,48 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5070
5070
  row: {},
5071
5071
  css: {}
5072
5072
  },
5073
- setup(l) {
5074
- const s = l, n = (r) => r.isPanel ? "survey-panel" : "survey-question", e = w(() => {
5075
- const r = s.element.survey;
5076
- if (r) {
5077
- const c = r.getElementWrapperComponentName(s.element);
5078
- if (c)
5079
- return c;
5073
+ setup(r) {
5074
+ const s = r, n = $(), e = (c) => c.isPanel ? "survey-panel" : "survey-question", o = w(() => {
5075
+ const c = s.element.survey;
5076
+ if (c) {
5077
+ const m = c.getElementWrapperComponentName(s.element);
5078
+ if (m)
5079
+ return m;
5080
5080
  }
5081
- return n(s.element);
5082
- }), o = (r) => r.cssClasses ? r.rootStyle : {}, t = w(() => {
5083
- const r = s.element, c = r.survey;
5084
- let m;
5085
- return c && (m = c.getElementWrapperComponentData(r)), {
5086
- componentName: n(r),
5081
+ return e(s.element);
5082
+ }), t = (c) => c.cssClasses ? c.rootStyle : {}, l = w(() => {
5083
+ const c = s.element, m = c.survey;
5084
+ let p;
5085
+ return m && (p = m.getElementWrapperComponentData(c)), {
5086
+ componentName: e(c),
5087
5087
  componentData: {
5088
- element: r,
5089
- survey: c,
5088
+ element: c,
5089
+ survey: m,
5090
5090
  row: s.row,
5091
5091
  css: s.css,
5092
- data: m
5092
+ data: p
5093
5093
  }
5094
5094
  };
5095
5095
  });
5096
- return (r, c) => (i(), u("div", {
5097
- style: S(o(r.element)),
5098
- class: a(r.element.cssClasses.questionWrapper)
5096
+ return Q(
5097
+ () => s.element,
5098
+ (c, m) => {
5099
+ m && m.setWrapperElement(void 0), c.setWrapperElement(n.value);
5100
+ }
5101
+ ), M(() => {
5102
+ s.element.setWrapperElement(n.value);
5103
+ }), O(() => {
5104
+ s.element.setWrapperElement(void 0);
5105
+ }), (c, m) => (i(), u("div", {
5106
+ ref_key: "root",
5107
+ ref: n,
5108
+ style: S(t(c.element)),
5109
+ class: a(c.element.cssClasses.questionWrapper)
5099
5110
  }, [
5100
- 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), {
5111
+ 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), {
5101
5112
  key: 1,
5102
- element: r.element,
5103
- css: r.css
5113
+ element: c.element,
5114
+ css: c.css
5104
5115
  }, null, 8, ["element", "css"])) : d("", !0)
5105
5116
  ], 6));
5106
5117
  }
@@ -5110,9 +5121,9 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5110
5121
  componentName: {},
5111
5122
  componentData: {}
5112
5123
  },
5113
- setup(l) {
5114
- const s = $e(), n = w(() => !!s.default);
5115
- 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));
5124
+ setup(r) {
5125
+ const s = Te(), n = w(() => !!s.default);
5126
+ 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));
5116
5127
  }
5117
5128
  }), _i = /* @__PURE__ */ h({
5118
5129
  __name: "FileCleanButton",
@@ -5120,7 +5131,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5120
5131
  question: {},
5121
5132
  css: {}
5122
5133
  },
5123
- setup(l) {
5134
+ setup(r) {
5124
5135
  return (s, n) => {
5125
5136
  const e = q("sv-svg-icon");
5126
5137
  return i(), u("button", {
@@ -5129,7 +5140,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5129
5140
  onClick: n[0] || (n[0] = (...o) => s.question.doClean && s.question.doClean(...o))
5130
5141
  }, [
5131
5142
  v("span", null, R(s.question.clearButtonCaption), 1),
5132
- s.question.cssClasses.removeButtonIconId ? (i(), g(e, {
5143
+ s.question.cssClasses.removeButtonIconId ? (i(), y(e, {
5133
5144
  key: 0,
5134
5145
  iconName: s.question.cssClasses.removeButtonIconId,
5135
5146
  size: "auto",
@@ -5143,7 +5154,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5143
5154
  props: {
5144
5155
  question: {}
5145
5156
  },
5146
- setup(l) {
5157
+ setup(r) {
5147
5158
  return (s, n) => {
5148
5159
  const e = q("sv-action");
5149
5160
  return i(), u("div", {
@@ -5173,15 +5184,15 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5173
5184
  data: {},
5174
5185
  item: {}
5175
5186
  },
5176
- setup(l) {
5177
- const s = l, n = w(
5187
+ setup(r) {
5188
+ const s = r, n = w(
5178
5189
  () => {
5179
5190
  var e;
5180
5191
  return ((e = s.data) == null ? void 0 : e.question) || s.item.data.question;
5181
5192
  }
5182
5193
  );
5183
5194
  return (e, o) => {
5184
- const t = q("sv-svg-icon"), r = X("key2click");
5195
+ const t = q("sv-svg-icon"), l = X("key2click");
5185
5196
  return P((i(), u("label", {
5186
5197
  tabindex: "0",
5187
5198
  class: a(n.value.getChooseFileCss()),
@@ -5189,7 +5200,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5189
5200
  "aria-label": n.value.chooseButtonText,
5190
5201
  onClick: o[0] || (o[0] = (c) => n.value.chooseFile(c))
5191
5202
  }, [
5192
- n.value.cssClasses.chooseFileIconId ? (i(), g(t, {
5203
+ n.value.cssClasses.chooseFileIconId ? (i(), y(t, {
5193
5204
  key: 0,
5194
5205
  title: n.value.chooseButtonText,
5195
5206
  iconName: n.value.cssClasses.chooseFileIconId,
@@ -5197,7 +5208,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5197
5208
  }, null, 8, ["title", "iconName"])) : d("", !0),
5198
5209
  v("span", null, R(n.value.chooseButtonText), 1)
5199
5210
  ], 10, Li)), [
5200
- [r]
5211
+ [l]
5201
5212
  ]);
5202
5213
  };
5203
5214
  }
@@ -5206,7 +5217,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5206
5217
  props: {
5207
5218
  question: {}
5208
5219
  },
5209
- setup(l) {
5220
+ setup(r) {
5210
5221
  return (s, n) => {
5211
5222
  const e = q("sv-svg-icon");
5212
5223
  return s.question.showPreviewContainer ? (i(), u("div", {
@@ -5222,7 +5233,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5222
5233
  class: a(s.question.cssClasses.fileSign)
5223
5234
  }, [
5224
5235
  v("a", {
5225
- onClick: (r) => s.question.doDownloadFile(r, o),
5236
+ onClick: (l) => s.question.doDownloadFile(l, o),
5226
5237
  href: o.content,
5227
5238
  title: o.name,
5228
5239
  download: o.name,
@@ -5241,7 +5252,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5241
5252
  }),
5242
5253
  alt: "File preview"
5243
5254
  }, null, 12, Ai)) : d("", !0),
5244
- s.question.defaultImage(o) ? (i(), g(e, {
5255
+ s.question.defaultImage(o) ? (i(), y(e, {
5245
5256
  key: 1,
5246
5257
  iconName: s.question.cssClasses.defaultImageIconId,
5247
5258
  class: a(s.question.cssClasses.defaultImage),
@@ -5250,12 +5261,12 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5250
5261
  o.name && !s.question.isReadOnly ? (i(), u("div", {
5251
5262
  key: 2,
5252
5263
  class: a(s.question.getRemoveButtonCss()),
5253
- onClick: (r) => s.question.doRemoveFile(o)
5264
+ onClick: (l) => s.question.doRemoveFile(o)
5254
5265
  }, [
5255
5266
  v("span", {
5256
5267
  class: a(s.question.cssClasses.removeFile)
5257
5268
  }, R(s.question.removeFileCaption), 3),
5258
- s.question.cssClasses.removeFileSvgIconId ? (i(), g(e, {
5269
+ s.question.cssClasses.removeFileSvgIconId ? (i(), y(e, {
5259
5270
  key: 0,
5260
5271
  title: s.question.removeFileCaption,
5261
5272
  class: a(s.question.cssClasses.removeFileSvg),
@@ -5269,7 +5280,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5269
5280
  class: a(s.question.cssClasses.fileSignBottom)
5270
5281
  }, [
5271
5282
  v("a", {
5272
- onClick: (r) => s.question.doDownloadFile(r, o),
5283
+ onClick: (l) => s.question.doDownloadFile(l, o),
5273
5284
  href: o.content,
5274
5285
  title: o.name,
5275
5286
  download: o.name,
@@ -5287,8 +5298,8 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5287
5298
  props: {
5288
5299
  question: {}
5289
5300
  },
5290
- setup(l) {
5291
- const s = l, n = $();
5301
+ setup(r) {
5302
+ const s = r, n = $();
5292
5303
  return A(s, n), (e, o) => {
5293
5304
  const t = q("sv-button-group-item");
5294
5305
  return i(), u("div", {
@@ -5297,10 +5308,10 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5297
5308
  ref_key: "root",
5298
5309
  ref: n
5299
5310
  }, [
5300
- (i(!0), u(_, null, D(e.question.visibleChoices, (r, c) => (i(), g(t, {
5311
+ (i(!0), u(_, null, D(e.question.visibleChoices, (l, c) => (i(), y(t, {
5301
5312
  question: e.question,
5302
5313
  key: c,
5303
- item: r,
5314
+ item: l,
5304
5315
  index: c
5305
5316
  }, null, 8, ["question", "item", "index"]))), 128))
5306
5317
  ], 2);
@@ -5313,8 +5324,8 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5313
5324
  question: {},
5314
5325
  index: {}
5315
5326
  },
5316
- setup(l) {
5317
- const s = l, n = w(
5327
+ setup(r) {
5328
+ const s = r, n = w(
5318
5329
  () => new Fe(s.question, s.item, s.index)
5319
5330
  ), e = w({
5320
5331
  get: () => s.question.renderedValue,
@@ -5324,7 +5335,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5324
5335
  }
5325
5336
  });
5326
5337
  return (o, t) => {
5327
- const r = q("sv-svg-icon"), c = q("survey-string");
5338
+ const l = q("sv-svg-icon"), c = q("survey-string");
5328
5339
  return i(), u("label", {
5329
5340
  role: "radio",
5330
5341
  class: a(n.value.css.label),
@@ -5349,7 +5360,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5349
5360
  v("div", {
5350
5361
  class: a(n.value.css.decorator)
5351
5362
  }, [
5352
- n.value.iconName ? (i(), g(r, {
5363
+ n.value.iconName ? (i(), y(l, {
5353
5364
  key: 0,
5354
5365
  iconName: n.value.iconName,
5355
5366
  size: n.value.iconSize,
@@ -5374,8 +5385,8 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5374
5385
  props: {
5375
5386
  data: {}
5376
5387
  },
5377
- setup(l) {
5378
- const s = l, n = w(() => s.data), e = G(() => n.value.locLogo);
5388
+ setup(r) {
5389
+ const s = r, n = w(() => s.data), e = J(() => n.value.locLogo);
5379
5390
  return (o, t) => (i(), u("div", {
5380
5391
  class: a(n.value.logoClassNames)
5381
5392
  }, [
@@ -5395,7 +5406,7 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5395
5406
  }
5396
5407
  }), ji = /* @__PURE__ */ h({
5397
5408
  __name: "SvgBundle",
5398
- setup(l) {
5409
+ setup(r) {
5399
5410
  const s = $();
5400
5411
  return M(() => {
5401
5412
  s.value.innerHTML = Oe.iconsRenderedHtml();
@@ -5409,15 +5420,15 @@ const gi = /* @__PURE__ */ Ce(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
5409
5420
  }
5410
5421
  });
5411
5422
  ze.platform = "vue3";
5412
- function Qi(l) {
5413
- 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", {
5423
+ function Qi(r) {
5424
+ 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", gs), 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", go), 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", gt), 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", {
5414
5425
  mounted: function(s, n) {
5415
5426
  const e = { ...n.value };
5416
5427
  if (e.disableTabStop) {
5417
5428
  s.tabIndex = -1;
5418
5429
  return;
5419
5430
  }
5420
- e.disableTabStop || (s.tabIndex = 0), s.addEventListener("keyup", (o) => (o.preventDefault(), o.stopPropagation(), ge(o, e), !1)), s.addEventListener("keydown", (o) => {
5431
+ e.disableTabStop || (s.tabIndex = 0), s.addEventListener("keyup", (o) => (o.preventDefault(), o.stopPropagation(), qe(o, e), !1)), s.addEventListener("keydown", (o) => {
5421
5432
  Ue(o, e);
5422
5433
  }), s.addEventListener("blur", (o) => {
5423
5434
  Ke(o);
@@ -5426,14 +5437,14 @@ function Qi(l) {
5426
5437
  });
5427
5438
  }
5428
5439
  const Xi = {
5429
- install(l) {
5430
- Qi(l);
5440
+ install(r) {
5441
+ Qi(r);
5431
5442
  }
5432
5443
  };
5433
5444
  export {
5434
5445
  Xi as surveyPlugin,
5435
5446
  B as useBase,
5436
5447
  le as useComputedArray,
5437
- G as useLocString,
5448
+ J as useLocString,
5438
5449
  A as useQuestion
5439
5450
  };