survey-vue3-ui 1.9.119 → 1.9.121

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 (5) hide show
  1. package/package.json +1 -1
  2. package/survey-vue3-ui.es.js +665 -628
  3. package/survey-vue3-ui.umd.js +1 -1
  4. package/types/Survey.vue.d.ts +1 -1
  5. package/types/SvgBundle.vue.d.ts +2 -0
package/survey-vue3-ui.es.js CHANGED
@@ -1,57 +1,57 @@
1
- import { shallowReactive as he, watch as X, onBeforeUnmount as J, onMounted as W, ref as D, shallowRef as j, triggerRef as re, unref as f, isRef as Ce, defineComponent as h, computed as w, onUpdated as ee, resolveComponent as v, openBlock as i, createElementBlock as u, normalizeClass as l, createVNode as b, createCommentVNode as d, Fragment as $, renderList as B, createBlock as q, resolveDynamicComponent as T, normalizeProps as F, mergeProps as H, withCtx as V, normalizeStyle as R, createElementVNode as c, onUnmounted as z, withDirectives as P, vShow as M, toDisplayString as S, vModelCheckbox as G, vModelRadio as se, vModelSelect as be, vModelText as ke, getCurrentInstance as oe, guardReactiveProps as ve, createStaticVNode as fe, resolveDirective as Y, toRaw as Ie, Teleport as we, useSlots as Se, renderSlot as Re } from "vue";
2
- import { Base as Te, RendererFactory as ne, DropdownListModel as $e, Helpers as De, DropdownMultiSelectListModel as _e, doKey2ClickUp as ye, createSvg as Be, ActionDropdownViewModel as Le, getActionDropdownButtonTarget as Ne, createPopupViewModel as le, SurveyProgressModel as ae, SurveyProgressButtonsModel as Pe, TOCModel as Ae, SvgRegistry as Me, PopupSurveyModel as He, settings as K, createDialogOptions as We, createPopupModalViewModel as Ee, ButtonGroupItemModel as Ve, SurveyModel as Oe, doKey2ClickDown as Fe, doKey2ClickBlur as ze } from "survey-core";
3
- Te.createPropertiesHash = () => he({});
4
- function Ue(r) {
1
+ import { shallowReactive as Ce, watch as J, onBeforeUnmount as X, onMounted as H, ref as _, shallowRef as j, triggerRef as le, unref as f, isRef as be, defineComponent as h, computed as w, onUpdated as ee, resolveComponent as v, openBlock as i, createElementBlock as u, normalizeClass as l, createVNode as b, createCommentVNode as d, Fragment as $, renderList as B, createBlock as q, resolveDynamicComponent as T, normalizeProps as F, mergeProps as W, withCtx as V, normalizeStyle as S, createElementVNode as c, onUnmounted as z, withDirectives as N, vShow as M, toDisplayString as R, vModelCheckbox as G, vModelRadio as se, vModelSelect as ke, vModelText as fe, getCurrentInstance as oe, guardReactiveProps as ye, createStaticVNode as Ie, resolveDirective as Y, toRaw as we, Teleport as Se, useSlots as Re, renderSlot as Te } from "vue";
2
+ import { Base as $e, RendererFactory as ne, DropdownListModel as _e, Helpers as De, DropdownMultiSelectListModel as Be, doKey2ClickUp as qe, createSvg as Le, ActionDropdownViewModel as Ne, getActionDropdownButtonTarget as Pe, createPopupViewModel as ae, SurveyProgressModel as ue, SurveyProgressButtonsModel as Ae, TOCModel as Me, PopupSurveyModel as He, settings as K, createDialogOptions as We, createPopupModalViewModel as Ee, ButtonGroupItemModel as Ve, SvgRegistry as Oe, SurveyModel as Fe, doKey2ClickDown as ze, doKey2ClickBlur as Ue } from "survey-core";
3
+ $e.createPropertiesHash = () => Ce({});
4
+ function Ke(r) {
5
5
  return !r || r.__vueImplemented ? !1 : (r.createArrayCoreHandler = (s, o) => {
6
6
  const e = [], n = j(e);
7
7
  return e.onArrayChanged = () => {
8
- re(n);
8
+ le(n);
9
9
  }, s[o] = n, f(s[o]);
10
10
  }, r.iteratePropertiesHash((s, o) => {
11
11
  if (Array.isArray(s[o])) {
12
12
  const e = j(s[o]);
13
13
  s[o].onArrayChanged = () => {
14
- re(e);
14
+ le(e);
15
15
  }, s[o] = e;
16
16
  }
17
17
  }), r.getPropertyValueCoreHandler = (s, o) => f(s[o]), r.setPropertyValueCoreHandler = (s, o, e) => {
18
- Ce(s[o]) ? s[o].value = e : s[o] = e;
18
+ be(s[o]) ? s[o].value = e : s[o] = e;
19
19
  }, r.__vueImplemented = !0, !0);
20
20
  }
21
- function ue(r, s) {
21
+ function de(r, s) {
22
22
  !r || !s || (r.iteratePropertiesHash((o, e) => {
23
23
  o[e] = f(o[e]), Array.isArray(o[e]) && (o[e].onArrayChanged = void 0);
24
24
  }), delete r.__vueImplemented, r.createArrayCoreHandler = void 0, r.getPropertyValueCoreHandler = void 0, r.setPropertyValueCoreHandler = void 0);
25
25
  }
26
26
  function L(r, s, o) {
27
27
  let e = !1;
28
- const n = X(
28
+ const n = J(
29
29
  r,
30
30
  (t, a) => {
31
- t && s && s(t, a), a && (ue(a, e), o && o(a)), e = Ue(t);
31
+ t && s && s(t, a), a && (de(a, e), o && o(a)), e = Ke(t);
32
32
  },
33
33
  {
34
34
  immediate: !0
35
35
  }
36
36
  );
37
- J(() => {
37
+ X(() => {
38
38
  const t = r();
39
- t && (ue(t, e), o && o(t), n());
39
+ t && (de(t, e), o && o(t), n());
40
40
  });
41
41
  }
42
42
  function A(r, s, o, e) {
43
- L(() => r.question, o, e), W(() => {
43
+ L(() => r.question, o, e), H(() => {
44
44
  r.question && r.question.afterRenderQuestionElement(s.value);
45
- }), J(() => {
45
+ }), X(() => {
46
46
  r.question.beforeDestroyQuestionElement(s.value);
47
47
  });
48
48
  }
49
49
  function Q(r) {
50
- const s = D(), o = (n) => {
50
+ const s = _(), o = (n) => {
51
51
  s.value = n.renderedHtml, n.onChanged = () => {
52
52
  s.value = n.renderedHtml;
53
53
  };
54
- }, e = X(
54
+ }, e = J(
55
55
  r,
56
56
  (n, t) => {
57
57
  t && (t.onChanged = () => {
@@ -59,14 +59,14 @@ function Q(r) {
59
59
  },
60
60
  { immediate: !0 }
61
61
  );
62
- return J(() => {
62
+ return X(() => {
63
63
  e();
64
64
  }), s;
65
65
  }
66
66
  function te(r) {
67
67
  return r.customWidget ? "survey-customwidget" : r.isDefaultRendering && r.isDefaultRendering() || r.isPanel ? "survey-" + r.getTemplate() : r.getComponentName();
68
68
  }
69
- const Ke = /* @__PURE__ */ h({
69
+ const je = /* @__PURE__ */ h({
70
70
  __name: "Page",
71
71
  props: {
72
72
  survey: {},
@@ -74,10 +74,10 @@ const Ke = /* @__PURE__ */ h({
74
74
  css: {}
75
75
  },
76
76
  setup(r) {
77
- const s = r, o = D(null);
77
+ const s = r, o = _(null);
78
78
  L(() => s.page);
79
79
  const e = w(() => s.page._showDescription), n = w(() => s.page.rows);
80
- return W(() => {
80
+ return H(() => {
81
81
  s.survey && s.survey.afterRenderPage(o.value);
82
82
  }), ee(() => {
83
83
  s.survey.afterRenderPage(o.value);
@@ -101,7 +101,7 @@ const Ke = /* @__PURE__ */ h({
101
101
  }, null, 8, ["locString"])
102
102
  ], 2)) : d("", !0),
103
103
  b(y, { element: t.page }, null, 8, ["element"]),
104
- (i(!0), u($, null, B(n.value, (I, C) => (i(), q(T(t.page.getSurvey().getRowWrapperComponentName(I)), F(H({
104
+ (i(!0), u($, null, B(n.value, (I, C) => (i(), q(T(t.page.getSurvey().getRowWrapperComponentName(I)), F(W({
105
105
  key: t.page.id + "_" + C
106
106
  }, {
107
107
  componentData: t.page.getSurvey().getRowWrapperComponentData(I)
@@ -119,14 +119,14 @@ const Ke = /* @__PURE__ */ h({
119
119
  ], 2);
120
120
  };
121
121
  }
122
- }), je = /* @__PURE__ */ h({
122
+ }), Qe = /* @__PURE__ */ h({
123
123
  __name: "Header",
124
124
  props: {
125
125
  survey: {}
126
126
  },
127
127
  setup(r) {
128
- const s = r, o = D();
129
- return W(() => {
128
+ const s = r, o = _();
129
+ return H(() => {
130
130
  var e = o.value;
131
131
  e && s.survey && s.survey.afterRenderHeader(e);
132
132
  }), (e, n) => {
@@ -137,24 +137,20 @@ const Ke = /* @__PURE__ */ h({
137
137
  ref_key: "root",
138
138
  ref: o
139
139
  }, [
140
- e.survey.isLogoBefore ? (i(), u("div", {
140
+ e.survey.isLogoBefore ? (i(), q(T(e.survey.getElementWrapperComponentName(e.survey, "logo-image")), {
141
141
  key: 0,
142
- class: l(e.survey.logoClassNames)
143
- }, [
144
- (i(), q(T(e.survey.getElementWrapperComponentName(e.survey, "logo-image")), {
145
- data: e.survey.getElementWrapperComponentData(e.survey, "logo-image")
146
- }, null, 8, ["data"]))
147
- ], 2)) : d("", !0),
142
+ data: e.survey.getElementWrapperComponentData(e.survey, "logo-image")
143
+ }, null, 8, ["data"])) : d("", !0),
148
144
  e.survey.renderedHasTitle ? (i(), u("div", {
149
145
  key: 1,
150
146
  class: l(e.survey.css.headerText),
151
- style: R({ maxWidth: e.survey.titleMaxWidth })
147
+ style: S({ maxWidth: e.survey.titleMaxWidth })
152
148
  }, [
153
149
  b(t, {
154
150
  element: e.survey,
155
151
  css: e.survey.css
156
152
  }, null, 8, ["element", "css"]),
157
- e.survey.renderedHasDescription ? (i(), u("h5", {
153
+ e.survey.renderedHasDescription ? (i(), u("div", {
158
154
  key: 0,
159
155
  class: l(e.survey.css.description)
160
156
  }, [
@@ -163,21 +159,17 @@ const Ke = /* @__PURE__ */ h({
163
159
  }, null, 8, ["locString"])
164
160
  ], 2)) : d("", !0)
165
161
  ], 6)) : d("", !0),
166
- e.survey.isLogoAfter ? (i(), u("div", {
162
+ e.survey.isLogoAfter ? (i(), q(T(e.survey.getElementWrapperComponentName(e.survey, "logo-image")), {
167
163
  key: 2,
168
- class: l(e.survey.logoClassNames)
169
- }, [
170
- (i(), q(T(e.survey.getElementWrapperComponentName(e.survey, "logo-image")), {
171
- data: e.survey.getElementWrapperComponentData(e.survey, "logo-image")
172
- }, null, 8, ["data"]))
173
- ], 2)) : d("", !0),
164
+ data: e.survey.getElementWrapperComponentData(e.survey, "logo-image")
165
+ }, null, 8, ["data"])) : d("", !0),
174
166
  c("div", {
175
167
  class: l(e.survey.css.headerClose)
176
168
  }, null, 2)
177
169
  ], 2)) : d("", !0);
178
170
  };
179
171
  }
180
- }), Qe = /* @__PURE__ */ h({
172
+ }), Ge = /* @__PURE__ */ h({
181
173
  __name: "Row",
182
174
  props: {
183
175
  row: {},
@@ -187,7 +179,7 @@ const Ke = /* @__PURE__ */ h({
187
179
  setup(r) {
188
180
  const s = r, o = w(
189
181
  () => s.row.visibleElements
190
- ), e = D();
182
+ ), e = _();
191
183
  return L(
192
184
  () => s.row,
193
185
  (n, t) => {
@@ -196,7 +188,7 @@ const Ke = /* @__PURE__ */ h({
196
188
  (n) => {
197
189
  n.stopLazyRendering(), n.isNeedRender = !n.isLazyRendering();
198
190
  }
199
- ), W(() => {
191
+ ), H(() => {
200
192
  if (s.row && !s.row.isNeedRender) {
201
193
  const n = e.value;
202
194
  setTimeout(() => {
@@ -219,9 +211,9 @@ const Ke = /* @__PURE__ */ h({
219
211
  ], 2);
220
212
  };
221
213
  }
222
- }), Ge = ["id", "role", "aria-required", "aria-invalid", "aria-labelledby", "aria-expanded", "data-name"], Xe = {
214
+ }), Je = ["id", "role", "aria-required", "aria-invalid", "aria-labelledby", "aria-expanded", "data-name"], Xe = {
223
215
  inheritAttrs: !1
224
- }, Je = /* @__PURE__ */ h({
216
+ }, Ye = /* @__PURE__ */ h({
225
217
  ...Xe,
226
218
  __name: "Question",
227
219
  props: {
@@ -230,11 +222,11 @@ const Ke = /* @__PURE__ */ h({
230
222
  css: {}
231
223
  },
232
224
  setup(r) {
233
- const s = r, o = D(null), e = w(() => s.element.showErrorOnTop), n = w(() => s.element.showErrorOnBottom), t = (C) => C.cssContent, a = () => s.element.getRootStyle();
225
+ const s = r, o = _(null), e = w(() => s.element.showErrorOnTop), n = w(() => s.element.showErrorOnBottom), t = (C) => C.cssContent, a = () => s.element.getRootStyle();
234
226
  L(() => s.element);
235
227
  const p = () => {
236
228
  o.value && s.element.afterRender(o.value);
237
- }, m = X(
229
+ }, m = J(
238
230
  () => o.value,
239
231
  () => {
240
232
  p();
@@ -248,14 +240,14 @@ const Ke = /* @__PURE__ */ h({
248
240
  }));
249
241
  return z(() => {
250
242
  m();
251
- }), (C, N) => {
252
- const k = v("survey-errors"), _ = v("survey-element-header"), E = v("survey-string"), O = v("survey-question-comment");
243
+ }), (C, P) => {
244
+ const k = v("survey-errors"), D = v("survey-element-header"), E = v("survey-string"), O = v("survey-question-comment");
253
245
  return i(), u("div", {
254
246
  class: l(C.element.getRootCss()),
255
- style: R(a()),
247
+ style: S(a()),
256
248
  ref_key: "root",
257
249
  ref: o,
258
- onFocusin: N[0] || (N[0] = (U) => C.element.focusIn()),
250
+ onFocusin: P[0] || (P[0] = (U) => C.element.focusIn()),
259
251
  id: C.element.id,
260
252
  role: C.element.ariaRole,
261
253
  "aria-required": C.element.ariaRequired,
@@ -269,12 +261,12 @@ const Ke = /* @__PURE__ */ h({
269
261
  element: C.element,
270
262
  location: "top"
271
263
  }, null, 8, ["element"])) : d("", !0),
272
- C.element.hasTitleOnLeftTop ? (i(), q(_, {
264
+ C.element.hasTitleOnLeftTop ? (i(), q(D, {
273
265
  key: 1,
274
266
  element: C.element,
275
267
  css: C.css
276
268
  }, null, 8, ["element", "css"])) : d("", !0),
277
- P(c("div", {
269
+ N(c("div", {
278
270
  class: l(t(C.element) || void 0),
279
271
  role: "presentation"
280
272
  }, [
@@ -283,7 +275,7 @@ const Ke = /* @__PURE__ */ h({
283
275
  element: C.element,
284
276
  location: "top"
285
277
  }, null, 8, ["element"])) : d("", !0),
286
- C.element.isCollapsed ? d("", !0) : (i(), q(T(g.value), F(H({ key: 1 }, I.value)), null, 16)),
278
+ C.element.isCollapsed ? d("", !0) : (i(), q(T(g.value), F(W({ key: 1 }, I.value)), null, 16)),
287
279
  C.element.hasComment ? (i(), u("div", {
288
280
  key: 2,
289
281
  class: l(C.element.getCommentAreaCss())
@@ -311,7 +303,7 @@ const Ke = /* @__PURE__ */ h({
311
303
  ], 2), [
312
304
  [M, !C.element.isCollapsed]
313
305
  ]),
314
- C.element.hasTitleOnBottom ? (i(), q(_, {
306
+ C.element.hasTitleOnBottom ? (i(), q(D, {
315
307
  key: 2,
316
308
  element: C.element,
317
309
  css: C.css
@@ -321,13 +313,13 @@ const Ke = /* @__PURE__ */ h({
321
313
  element: C.element,
322
314
  location: "bottom"
323
315
  }, null, 8, ["element"])) : d("", !0)
324
- ], 46, Ge);
316
+ ], 46, Je);
325
317
  };
326
318
  }
327
- }), Ye = ["id"], Ze = ["id"], xe = {
319
+ }), Ze = ["id"], xe = ["id"], es = {
328
320
  inheritAttrs: !1
329
- }, es = /* @__PURE__ */ h({
330
- ...xe,
321
+ }, ss = /* @__PURE__ */ h({
322
+ ...es,
331
323
  inheritAttrs: !1,
332
324
  __name: "Panel",
333
325
  props: {
@@ -336,8 +328,8 @@ const Ke = /* @__PURE__ */ h({
336
328
  css: {}
337
329
  },
338
330
  setup(r) {
339
- const s = r, o = D(null), e = w(() => s.element.rows), n = w(() => s.element.survey);
340
- return L(() => s.element), W(() => {
331
+ const s = r, o = _(null), e = w(() => s.element.rows), n = w(() => s.element.survey);
332
+ return L(() => s.element), H(() => {
341
333
  s.element.survey && s.element.survey.afterRenderPanel(s.element, o.value);
342
334
  }), (t, a) => {
343
335
  const p = v("survey-errors"), m = v("survey-element-header"), y = v("survey-row"), g = v("sv-action-bar");
@@ -365,10 +357,10 @@ const Ke = /* @__PURE__ */ h({
365
357
  t.element.isCollapsed ? d("", !0) : (i(), u("div", {
366
358
  key: 3,
367
359
  id: t.element.contentId,
368
- style: R({ paddingLeft: t.element.innerPaddingLeft }),
360
+ style: S({ paddingLeft: t.element.innerPaddingLeft }),
369
361
  class: l(t.element.cssClasses.panel.content)
370
362
  }, [
371
- (i(!0), u($, null, B(e.value, (I, C) => (i(), q(T(t.element.getSurvey().getRowWrapperComponentName(I)), F(H({
363
+ (i(!0), u($, null, B(e.value, (I, C) => (i(), q(T(t.element.getSurvey().getRowWrapperComponentName(I)), F(W({
372
364
  key: t.element.id + "_" + C
373
365
  }, {
374
366
  componentData: t.element.getSurvey().getRowWrapperComponentData(I)
@@ -386,11 +378,11 @@ const Ke = /* @__PURE__ */ h({
386
378
  b(g, {
387
379
  model: t.element.getFooterToolbar()
388
380
  }, null, 8, ["model"])
389
- ], 14, Ze))
390
- ], 42, Ye)) : d("", !0);
381
+ ], 14, xe))
382
+ ], 42, Ze)) : d("", !0);
391
383
  };
392
384
  }
393
- }), ss = /* @__PURE__ */ h({
385
+ }), ns = /* @__PURE__ */ h({
394
386
  __name: "ElementHeader",
395
387
  props: {
396
388
  element: {},
@@ -410,7 +402,7 @@ const Ke = /* @__PURE__ */ h({
410
402
  element: e.element,
411
403
  css: e.css
412
404
  }, null, 8, ["element", "css"]),
413
- e.element.hasDescriptionUnderTitle ? P((i(), u("div", {
405
+ e.element.hasDescriptionUnderTitle ? N((i(), u("div", {
414
406
  key: 0,
415
407
  class: l(e.element.cssDescription)
416
408
  }, [
@@ -427,7 +419,7 @@ const Ke = /* @__PURE__ */ h({
427
419
  ], 2);
428
420
  };
429
421
  }
430
- }), ns = /* @__PURE__ */ h({
422
+ }), os = /* @__PURE__ */ h({
431
423
  __name: "String",
432
424
  props: {
433
425
  locString: {}
@@ -437,10 +429,10 @@ const Ke = /* @__PURE__ */ h({
437
429
  locString: s.locString.renderAsData
438
430
  }, null, 8, ["locString"]));
439
431
  }
440
- }), os = ["innerHTML"], ts = {
432
+ }), ts = ["innerHTML"], is = {
441
433
  key: 1,
442
434
  class: "sv-string-viewer"
443
- }, is = /* @__PURE__ */ h({
435
+ }, rs = /* @__PURE__ */ h({
444
436
  __name: "StringViewer",
445
437
  props: {
446
438
  locString: {}
@@ -451,9 +443,9 @@ const Ke = /* @__PURE__ */ h({
451
443
  key: 0,
452
444
  class: "sv-string-viewer",
453
445
  innerHTML: f(o)
454
- }, null, 8, os)) : (i(), u("span", ts, S(f(o)), 1));
446
+ }, null, 8, ts)) : (i(), u("span", is, R(f(o)), 1));
455
447
  }
456
- }), rs = ["innerHTML"], ls = /* @__PURE__ */ h({
448
+ }), ls = ["innerHTML"], as = /* @__PURE__ */ h({
457
449
  __name: "StringEditor",
458
450
  props: {
459
451
  locString: {}
@@ -472,15 +464,15 @@ const Ke = /* @__PURE__ */ h({
472
464
  innerHTML: n.locString.renderedHtml,
473
465
  onBlur: o,
474
466
  onClick: e
475
- }, null, 40, rs)) : (i(), u("span", {
467
+ }, null, 40, ls)) : (i(), u("span", {
476
468
  key: 1,
477
469
  class: "sv-string-editor",
478
470
  contenteditable: "true",
479
471
  onBlur: o,
480
472
  onClick: e
481
- }, S(n.locString.renderedHtml), 33));
473
+ }, R(n.locString.renderedHtml), 33));
482
474
  }
483
- }), as = ["id"], us = /* @__PURE__ */ h({
475
+ }), us = ["id"], ds = /* @__PURE__ */ h({
484
476
  __name: "Skeleton",
485
477
  props: {
486
478
  element: {}
@@ -490,23 +482,23 @@ const Ke = /* @__PURE__ */ h({
490
482
  return L(() => s.element), (o, e) => (i(), u("div", {
491
483
  class: "sv-skeleton-element",
492
484
  id: o.element.id
493
- }, null, 8, as));
485
+ }, null, 8, us));
494
486
  }
495
- }), ds = ["id"], ms = ["value"], cs = /* @__PURE__ */ h({
487
+ }), ms = ["id"], cs = ["value"], ps = /* @__PURE__ */ h({
496
488
  inheritAttrs: !1,
497
489
  __name: "Text",
498
490
  props: {
499
491
  question: {}
500
492
  },
501
493
  setup(r) {
502
- const s = r, o = D(null);
494
+ const s = r, o = _(null);
503
495
  return A(s, o), (e, n) => {
504
496
  const t = v("survey-text-input");
505
497
  return e.question.isReadOnlyRenderDiv() ? (i(), u("div", {
506
498
  key: 0,
507
499
  ref_key: "root",
508
500
  ref: o
509
- }, S(e.question.value), 513)) : e.question.dataListId ? (i(), u("div", {
501
+ }, R(e.question.value), 513)) : e.question.dataListId ? (i(), u("div", {
510
502
  key: 1,
511
503
  ref_key: "root",
512
504
  ref: o
@@ -515,8 +507,8 @@ const Ke = /* @__PURE__ */ h({
515
507
  c("datalist", {
516
508
  id: e.question.dataListId
517
509
  }, [
518
- (i(!0), u($, null, B(e.question.dataList, (a) => (i(), u("option", { value: a }, null, 8, ms))), 256))
519
- ], 8, ds)
510
+ (i(!0), u($, null, B(e.question.dataList, (a) => (i(), u("option", { value: a }, null, 8, cs))), 256))
511
+ ], 8, ms)
520
512
  ], 512)) : (i(), q(t, {
521
513
  key: 2,
522
514
  question: e.question,
@@ -525,7 +517,7 @@ const Ke = /* @__PURE__ */ h({
525
517
  }, null, 8, ["question"]));
526
518
  };
527
519
  }
528
- }), ps = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], vs = { key: 1 }, ys = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], qs = /* @__PURE__ */ h({
520
+ }), vs = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], ys = { key: 1 }, qs = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], gs = /* @__PURE__ */ h({
529
521
  __name: "TextInput",
530
522
  props: {
531
523
  question: {}
@@ -536,7 +528,7 @@ const Ke = /* @__PURE__ */ h({
536
528
  const o = w(() => s.question.inputStyle);
537
529
  return (e, n) => {
538
530
  const t = v("sv-character-counter");
539
- return e.question.getMaxLength() ? (i(), u("div", vs, [
531
+ return e.question.getMaxLength() ? (i(), u("div", ys, [
540
532
  c("input", {
541
533
  disabled: e.question.isInputReadOnly,
542
534
  class: l(e.question.getControlClass()),
@@ -546,7 +538,7 @@ const Ke = /* @__PURE__ */ h({
546
538
  max: e.question.renderedMax,
547
539
  step: e.question.renderedStep,
548
540
  size: e.question.renderedInputSize,
549
- style: R(o.value),
541
+ style: S(o.value),
550
542
  id: e.question.inputId,
551
543
  list: e.question.dataListId,
552
544
  placeholder: e.question.renderedPlaceholder,
@@ -563,7 +555,7 @@ const Ke = /* @__PURE__ */ h({
563
555
  "aria-labelledby": e.question.a11y_input_ariaLabelledBy,
564
556
  "aria-invalid": e.question.a11y_input_ariaInvalid,
565
557
  "aria-describedby": e.question.a11y_input_ariaDescribedBy
566
- }, null, 46, ys),
558
+ }, null, 46, qs),
567
559
  b(t, {
568
560
  counter: e.question.characterCounter,
569
561
  remainingCharacterCounter: e.question.cssClasses.remainingCharacterCounter
@@ -578,7 +570,7 @@ const Ke = /* @__PURE__ */ h({
578
570
  max: e.question.renderedMax,
579
571
  step: e.question.renderedStep,
580
572
  size: e.question.renderedInputSize,
581
- style: R(o.value),
573
+ style: S(o.value),
582
574
  id: e.question.inputId,
583
575
  list: e.question.dataListId,
584
576
  placeholder: e.question.renderedPlaceholder,
@@ -595,13 +587,13 @@ const Ke = /* @__PURE__ */ h({
595
587
  "aria-labelledby": e.question.a11y_input_ariaLabelledBy,
596
588
  "aria-invalid": e.question.a11y_input_ariaInvalid,
597
589
  "aria-describedby": e.question.a11y_input_ariaDescribedBy
598
- }, null, 46, ps));
590
+ }, null, 46, vs));
599
591
  };
600
592
  }
601
- }), gs = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], hs = {
593
+ }), hs = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], Cs = {
602
594
  key: 0,
603
595
  class: "sv-hidden"
604
- }, Cs = { key: 7 }, bs = ["value"], qe = /* @__PURE__ */ h({
596
+ }, bs = { key: 7 }, ks = ["value"], ge = /* @__PURE__ */ h({
605
597
  inheritAttrs: !1,
606
598
  __name: "SelectBase",
607
599
  props: {
@@ -609,7 +601,7 @@ const Ke = /* @__PURE__ */ h({
609
601
  showLegend: { type: Boolean }
610
602
  },
611
603
  setup(r) {
612
- const s = r, o = D(null);
604
+ const s = r, o = _(null);
613
605
  A(s, o);
614
606
  const e = (t) => s.question.getItemValueWrapperComponentName(t) || s.question.itemComponent, n = (t) => ({
615
607
  componentName: s.question.itemComponent,
@@ -632,18 +624,18 @@ const Ke = /* @__PURE__ */ h({
632
624
  "aria-invalid": t.question.a11y_input_ariaInvalid,
633
625
  "aria-describedby": t.question.a11y_input_ariaDescribedBy
634
626
  }, [
635
- t.showLegend ? (i(), u("legend", hs, S(t.question.locTitle.renderedHtml), 1)) : d("", !0),
636
- t.question.hasHeadItems ? (i(!0), u($, { key: 1 }, B(t.question.headItems, (m) => (i(), q(T(e(m)), H({
627
+ t.showLegend ? (i(), u("legend", Cs, R(t.question.locTitle.renderedHtml), 1)) : d("", !0),
628
+ t.question.hasHeadItems ? (i(!0), u($, { key: 1 }, B(t.question.headItems, (m) => (i(), q(T(e(m)), W({
637
629
  key: m.value
638
630
  }, n(m)), null, 16))), 128)) : d("", !0),
639
- !t.question.hasColumns && !t.question.blockedRow ? (i(!0), u($, { key: 2 }, B(t.question.bodyItems, (m) => (i(), q(T(e(m)), H({
631
+ !t.question.hasColumns && !t.question.blockedRow ? (i(!0), u($, { key: 2 }, B(t.question.bodyItems, (m) => (i(), q(T(e(m)), W({
640
632
  key: m.value
641
633
  }, n(m)), null, 16))), 128)) : d("", !0),
642
634
  t.question.blockedRow ? (i(), u("div", {
643
635
  key: 3,
644
636
  class: l(t.question.cssClasses.rootRow)
645
637
  }, [
646
- !t.question.hasColumns && t.question.blockedRow ? (i(!0), u($, { key: 0 }, B(t.question.dataChoices, (m) => (i(), q(T(e(m)), H({
638
+ !t.question.hasColumns && t.question.blockedRow ? (i(!0), u($, { key: 0 }, B(t.question.dataChoices, (m) => (i(), q(T(e(m)), W({
647
639
  key: m.value
648
640
  }, n(m)), null, 16))), 128)) : d("", !0)
649
641
  ], 2)) : d("", !0),
@@ -656,19 +648,19 @@ const Ke = /* @__PURE__ */ h({
656
648
  class: l(t.question.getColumnClass()),
657
649
  role: "presentation"
658
650
  }, [
659
- (i(!0), u($, null, B(m, (g) => (i(), q(T(e(g)), H({
651
+ (i(!0), u($, null, B(m, (g) => (i(), q(T(e(g)), W({
660
652
  key: g.value
661
653
  }, n(g)), null, 16))), 128))
662
654
  ], 2))), 128)) : d("", !0)
663
655
  ], 2)) : d("", !0),
664
- t.question.hasFootItems ? (i(!0), u($, { key: 5 }, B(t.question.footItems, (m) => (i(), q(T(e(m)), H({
656
+ t.question.hasFootItems ? (i(!0), u($, { key: 5 }, B(t.question.footItems, (m) => (i(), q(T(e(m)), W({
665
657
  key: m.value
666
658
  }, n(m)), null, 16))), 128)) : d("", !0),
667
659
  t.question.renderedValue && t.question.isOtherSelected ? (i(), q(p, {
668
660
  key: 6,
669
661
  question: t.question
670
662
  }, null, 8, ["question"])) : d("", !0),
671
- t.question.showClearButtonInContent ? (i(), u("div", Cs, [
663
+ t.question.showClearButtonInContent ? (i(), u("div", bs, [
672
664
  c("input", {
673
665
  type: "button",
674
666
  class: l(t.question.cssClasses.clearButton),
@@ -676,24 +668,24 @@ const Ke = /* @__PURE__ */ h({
676
668
  t.question.clearValue();
677
669
  }),
678
670
  value: t.question.clearButtonCaption
679
- }, null, 10, bs)
671
+ }, null, 10, ks)
680
672
  ])) : d("", !0)
681
- ], 10, gs);
673
+ ], 10, hs);
682
674
  };
683
675
  }
684
- }), ks = /* @__PURE__ */ h({
676
+ }), fs = /* @__PURE__ */ h({
685
677
  inheritAttrs: !1,
686
678
  __name: "Checkbox",
687
679
  props: {
688
680
  question: {}
689
681
  },
690
682
  setup(r) {
691
- return (s, o) => (i(), q(qe, {
683
+ return (s, o) => (i(), q(ge, {
692
684
  question: s.question,
693
685
  "show-legend": !0
694
686
  }, null, 8, ["question"]));
695
687
  }
696
- }), fs = ["name", "value", "id", "disabled"], Is = ["name", "value", "id", "disabled"], ws = ["xlink:href"], Ss = /* @__PURE__ */ h({
688
+ }), Is = ["name", "value", "id", "disabled"], ws = ["name", "value", "id", "disabled"], Ss = ["xlink:href"], Rs = /* @__PURE__ */ h({
697
689
  inheritAttrs: !1,
698
690
  __name: "CheckboxItem",
699
691
  props: {
@@ -728,7 +720,7 @@ const Ke = /* @__PURE__ */ h({
728
720
  c("label", {
729
721
  class: l(n.question.getLabelClass(n.item))
730
722
  }, [
731
- n.item == n.question.selectAllItem ? P((i(), u("input", {
723
+ n.item == n.question.selectAllItem ? N((i(), u("input", {
732
724
  key: 0,
733
725
  type: "checkbox",
734
726
  role: "option",
@@ -738,10 +730,10 @@ const Ke = /* @__PURE__ */ h({
738
730
  id: n.question.getItemId(n.item),
739
731
  disabled: !n.question.getItemEnabled(n.item),
740
732
  class: l(n.question.cssClasses.itemControl)
741
- }, null, 10, fs)), [
733
+ }, null, 10, Is)), [
742
734
  [G, o.value]
743
735
  ]) : d("", !0),
744
- n.item != n.question.selectAllItem ? P((i(), u("input", {
736
+ n.item != n.question.selectAllItem ? N((i(), u("input", {
745
737
  key: 1,
746
738
  type: "checkbox",
747
739
  role: "option",
@@ -751,7 +743,7 @@ const Ke = /* @__PURE__ */ h({
751
743
  id: n.question.getItemId(n.item),
752
744
  disabled: !n.question.getItemEnabled(n.item),
753
745
  class: l(n.question.cssClasses.itemControl)
754
- }, null, 10, Is)), [
746
+ }, null, 10, ws)), [
755
747
  [G, e.value]
756
748
  ]) : d("", !0),
757
749
  n.question.cssClasses.materialDecorator ? (i(), u("span", {
@@ -764,7 +756,7 @@ const Ke = /* @__PURE__ */ h({
764
756
  }, [
765
757
  c("use", {
766
758
  "xlink:href": n.question.itemSvgIcon
767
- }, null, 8, ws)
759
+ }, null, 8, Ss)
768
760
  ], 2)) : d("", !0)
769
761
  ], 2)) : d("", !0),
770
762
  n.hideLabel ? d("", !0) : (i(), u("span", {
@@ -779,16 +771,16 @@ const Ke = /* @__PURE__ */ h({
779
771
  ], 2);
780
772
  };
781
773
  }
782
- }), Rs = /* @__PURE__ */ h({
774
+ }), Ts = /* @__PURE__ */ h({
783
775
  inheritAttrs: !1,
784
776
  __name: "Radiogroup",
785
777
  props: {
786
778
  question: {}
787
779
  },
788
780
  setup(r) {
789
- return (s, o) => (i(), q(qe, { question: s.question }, null, 8, ["question"]));
781
+ return (s, o) => (i(), q(ge, { question: s.question }, null, 8, ["question"]));
790
782
  }
791
- }), Ts = ["name", "value", "id", "aria-describedby", "disabled"], $s = ["xlink:href"], Ds = /* @__PURE__ */ h({
783
+ }), $s = ["name", "value", "id", "aria-describedby", "disabled"], _s = ["xlink:href"], Ds = /* @__PURE__ */ h({
792
784
  inheritAttrs: !1,
793
785
  __name: "RadiogroupItem",
794
786
  props: {
@@ -814,7 +806,7 @@ const Ke = /* @__PURE__ */ h({
814
806
  onMousedown: a[1] || (a[1] = (m) => t.question.onMouseDown()),
815
807
  class: l(o(t.item))
816
808
  }, [
817
- P(c("input", {
809
+ N(c("input", {
818
810
  type: "radio",
819
811
  name: t.question.questionName,
820
812
  value: t.item.value,
@@ -823,7 +815,7 @@ const Ke = /* @__PURE__ */ h({
823
815
  "onUpdate:modelValue": a[0] || (a[0] = (m) => n.value = m),
824
816
  disabled: !t.question.getItemEnabled(t.item),
825
817
  class: l(t.question.cssClasses.itemControl)
826
- }, null, 10, Ts), [
818
+ }, null, 10, $s), [
827
819
  [se, n.value]
828
820
  ]),
829
821
  t.question.cssClasses.materialDecorator ? (i(), u("span", {
@@ -836,7 +828,7 @@ const Ke = /* @__PURE__ */ h({
836
828
  }, [
837
829
  c("use", {
838
830
  "xlink:href": t.question.itemSvgIcon
839
- }, null, 8, $s)
831
+ }, null, 8, _s)
840
832
  ], 2)) : d("", !0)
841
833
  ], 2)) : d("", !0),
842
834
  t.hideLabel ? d("", !0) : (i(), u("span", {
@@ -851,25 +843,25 @@ const Ke = /* @__PURE__ */ h({
851
843
  ], 2);
852
844
  };
853
845
  }
854
- }), _s = ["src"], Bs = ["title"], Ls = { key: 0 }, Ns = /* @__PURE__ */ h({
846
+ }), Bs = ["src"], Ls = ["title"], Ns = { key: 0 }, Ps = /* @__PURE__ */ h({
855
847
  inheritAttrs: !1,
856
848
  __name: "Signaturepad",
857
849
  props: {
858
850
  question: {}
859
851
  },
860
852
  setup(r) {
861
- const s = r, o = D(null);
853
+ const s = r, o = _(null);
862
854
  return A(s, o), (e, n) => {
863
- const t = v("survey-string"), a = v("sv-svg-icon");
855
+ const t = v("survey-string"), a = v("sv-svg-icon"), p = v("sv-loading-indicator");
864
856
  return i(), u("div", {
865
857
  class: l(e.question.cssClasses.root),
866
858
  ref_key: "root",
867
859
  ref: o,
868
- style: R({
860
+ style: S({
869
861
  width: e.question.renderedCanvasWidth
870
862
  })
871
863
  }, [
872
- P(c("div", {
864
+ N(c("div", {
873
865
  class: l(e.question.cssClasses.placeholder)
874
866
  }, [
875
867
  b(t, {
@@ -883,14 +875,15 @@ const Ke = /* @__PURE__ */ h({
883
875
  key: 0,
884
876
  class: l(e.question.cssClasses.backgroundImage),
885
877
  src: e.question.backgroundImage,
886
- style: R({
878
+ style: S({
887
879
  width: e.question.renderedCanvasWidth
888
880
  })
889
- }, null, 14, _s)) : d("", !0),
881
+ }, null, 14, Bs)) : d("", !0),
890
882
  c("canvas", {
891
883
  tabindex: "0",
892
- class: l(e.question.cssClasses.canvas)
893
- }, null, 2)
884
+ class: l(e.question.cssClasses.canvas),
885
+ onBlur: n[0] || (n[0] = (...m) => e.question.onBlur && e.question.onBlur(...m))
886
+ }, null, 34)
894
887
  ]),
895
888
  e.question.canShowClearButton ? (i(), u("div", {
896
889
  key: 0,
@@ -900,29 +893,35 @@ const Ke = /* @__PURE__ */ h({
900
893
  type: "button",
901
894
  class: l(e.question.cssClasses.clearButton),
902
895
  title: e.question.clearButtonCaption,
903
- onClick: n[0] || (n[0] = () => {
896
+ onClick: n[1] || (n[1] = () => {
904
897
  e.question.clearValue();
905
898
  })
906
899
  }, [
907
- e.question.cssClasses.clearButtonIconId ? d("", !0) : (i(), u("span", Ls, "\u2716")),
900
+ e.question.cssClasses.clearButtonIconId ? d("", !0) : (i(), u("span", Ns, "\u2716")),
908
901
  e.question.cssClasses.clearButtonIconId ? (i(), q(a, {
909
902
  key: 1,
910
903
  iconName: e.question.cssClasses.clearButtonIconId,
911
904
  size: "auto"
912
905
  }, null, 8, ["iconName"])) : d("", !0)
913
- ], 10, Bs)
906
+ ], 10, Ls)
907
+ ], 2)) : d("", !0),
908
+ e.question.showLoadingIndicator ? (i(), u("div", {
909
+ key: 1,
910
+ class: l(e.question.cssClasses.loadingIndicator)
911
+ }, [
912
+ b(p)
914
913
  ], 2)) : d("", !0)
915
914
  ], 6);
916
915
  };
917
916
  }
918
- }), Ps = ["innerHTML"], As = /* @__PURE__ */ h({
917
+ }), As = ["innerHTML"], Ms = /* @__PURE__ */ h({
919
918
  inheritAttrs: !1,
920
919
  __name: "Html",
921
920
  props: {
922
921
  question: {}
923
922
  },
924
923
  setup(r) {
925
- const s = r, o = D(null);
924
+ const s = r, o = _(null);
926
925
  A(s, o);
927
926
  const e = Q(() => s.question.locHtml);
928
927
  return (n, t) => (i(), u("div", {
@@ -930,16 +929,16 @@ const Ke = /* @__PURE__ */ h({
930
929
  ref: o,
931
930
  class: l(n.question.renderCssRoot),
932
931
  innerHTML: f(e)
933
- }, null, 10, Ps));
932
+ }, null, 10, As));
934
933
  }
935
- }), Ms = ["src", "alt", "width", "height"], Hs = ["src", "width", "height"], Ws = ["src", "width", "height"], Es = /* @__PURE__ */ h({
934
+ }), Hs = ["src", "alt", "width", "height"], Ws = ["src", "width", "height"], Es = ["src", "width", "height"], Vs = /* @__PURE__ */ h({
936
935
  inheritAttrs: !1,
937
936
  __name: "Image",
938
937
  props: {
939
938
  question: {}
940
939
  },
941
940
  setup(r) {
942
- const s = r, o = D(null);
941
+ const s = r, o = _(null);
943
942
  A(s, o);
944
943
  const e = Q(() => s.question.locImageLink);
945
944
  return (n, t) => {
@@ -949,14 +948,14 @@ const Ke = /* @__PURE__ */ h({
949
948
  ref_key: "root",
950
949
  ref: o
951
950
  }, [
952
- n.question.renderedMode === "image" ? P((i(), u("img", {
951
+ n.question.renderedMode === "image" ? N((i(), u("img", {
953
952
  key: 0,
954
953
  class: l(n.question.getImageCss()),
955
954
  src: f(e),
956
955
  alt: n.question.altText || n.question.title,
957
956
  width: n.question.renderedWidth,
958
957
  height: n.question.renderedHeight,
959
- style: R({
958
+ style: S({
960
959
  objectFit: n.question.imageFit,
961
960
  width: n.question.renderedStyleWidth,
962
961
  height: n.question.renderedStyleHeight
@@ -967,17 +966,17 @@ const Ke = /* @__PURE__ */ h({
967
966
  onError: t[1] || (t[1] = (p) => {
968
967
  n.question.onErrorHandler();
969
968
  })
970
- }, null, 46, Ms)), [
969
+ }, null, 46, Hs)), [
971
970
  [M, f(e) && !n.question.contentNotLoaded]
972
971
  ]) : d("", !0),
973
- n.question.renderedMode === "video" ? P((i(), u("video", {
972
+ n.question.renderedMode === "video" ? N((i(), u("video", {
974
973
  key: 1,
975
974
  controls: "",
976
975
  class: l(n.question.getImageCss()),
977
976
  src: f(e),
978
977
  width: n.question.renderedWidth,
979
978
  height: n.question.renderedHeight,
980
- style: R({
979
+ style: S({
981
980
  objectFit: n.question.imageFit,
982
981
  width: n.question.renderedStyleWidth,
983
982
  height: n.question.renderedStyleHeight
@@ -988,7 +987,7 @@ const Ke = /* @__PURE__ */ h({
988
987
  onError: t[3] || (t[3] = (p) => {
989
988
  n.question.onErrorHandler();
990
989
  })
991
- }, null, 46, Hs)), [
990
+ }, null, 46, Ws)), [
992
991
  [M, f(e) && !n.question.contentNotLoaded]
993
992
  ]) : d("", !0),
994
993
  n.question.renderedMode === "youtube" ? (i(), u("iframe", {
@@ -997,12 +996,12 @@ const Ke = /* @__PURE__ */ h({
997
996
  src: f(e),
998
997
  width: n.question.renderedWidth,
999
998
  height: n.question.renderedHeight,
1000
- style: R({
999
+ style: S({
1001
1000
  objectFit: n.question.imageFit,
1002
1001
  width: n.question.renderedStyleWidth,
1003
1002
  height: n.question.renderedStyleHeight
1004
1003
  })
1005
- }, null, 14, Ws)) : d("", !0),
1004
+ }, null, 14, Es)) : d("", !0),
1006
1005
  !f(e) || n.question.contentNotLoaded ? (i(), u("div", {
1007
1006
  key: 3,
1008
1007
  class: l(n.question.cssClasses.noImage)
@@ -1015,28 +1014,28 @@ const Ke = /* @__PURE__ */ h({
1015
1014
  ], 2);
1016
1015
  };
1017
1016
  }
1018
- }), Vs = /* @__PURE__ */ h({
1017
+ }), Os = /* @__PURE__ */ h({
1019
1018
  inheritAttrs: !1,
1020
1019
  __name: "Expression",
1021
1020
  props: {
1022
1021
  question: {}
1023
1022
  },
1024
1023
  setup(r) {
1025
- const s = r, o = D(null);
1024
+ const s = r, o = _(null);
1026
1025
  return A(s, o), (e, n) => (i(), u("div", {
1027
1026
  class: l(e.question.cssClasses.root),
1028
1027
  ref_key: "root",
1029
1028
  ref: o
1030
- }, S(e.question.formatedValue), 3));
1029
+ }, R(e.question.formatedValue), 3));
1031
1030
  }
1032
- }), Os = ["id", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "multiple", "title", "accept", "capture"], Fs = ["id", "multiple", "placeholder"], zs = /* @__PURE__ */ h({
1031
+ }), Fs = ["id", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "multiple", "title", "accept", "capture"], zs = ["id", "multiple", "placeholder"], Us = /* @__PURE__ */ h({
1033
1032
  inheritAttrs: !1,
1034
1033
  __name: "File",
1035
1034
  props: {
1036
1035
  question: {}
1037
1036
  },
1038
1037
  setup(r) {
1039
- const s = r, o = D(null);
1038
+ const s = r, o = _(null);
1040
1039
  return A(s, o), (e, n) => {
1041
1040
  const t = v("survey-string"), a = v("sv-file-choose-btn"), p = v("sv-action-bar"), m = v("sv-file-clean-btn"), y = v("sv-loading-indicator"), g = v("sv-file-video"), I = v("sv-file-preview");
1042
1041
  return i(), u("div", {
@@ -1059,7 +1058,7 @@ const Ke = /* @__PURE__ */ h({
1059
1058
  title: e.question.inputTitle,
1060
1059
  accept: e.question.acceptedTypes,
1061
1060
  capture: e.question.renderCapture
1062
- }, null, 42, Os)) : d("", !0),
1061
+ }, null, 42, Fs)) : d("", !0),
1063
1062
  e.question.isReadOnly ? (i(), u("input", {
1064
1063
  key: 1,
1065
1064
  type: "file",
@@ -1069,7 +1068,7 @@ const Ke = /* @__PURE__ */ h({
1069
1068
  multiple: e.question.allowMultiple,
1070
1069
  placeholder: e.question.title,
1071
1070
  style: { color: "transparent" }
1072
- }, null, 10, Fs)) : d("", !0),
1071
+ }, null, 10, zs)) : d("", !0),
1073
1072
  c("div", {
1074
1073
  class: l(e.question.cssClasses.dragArea),
1075
1074
  onDrop: n[1] || (n[1] = (...C) => e.question.onDrop && e.question.onDrop(...C)),
@@ -1102,7 +1101,7 @@ const Ke = /* @__PURE__ */ h({
1102
1101
  e.question.isEmpty() ? (i(), u("span", {
1103
1102
  key: 2,
1104
1103
  class: l(e.question.cssClasses.noFileChosen)
1105
- }, S(e.question.noFileChosenCaption), 3)) : d("", !0)
1104
+ }, R(e.question.noFileChosenCaption), 3)) : d("", !0)
1106
1105
  ], 2)
1107
1106
  ], 2)) : d("", !0),
1108
1107
  e.question.showRemoveButton ? (i(), q(m, {
@@ -1137,17 +1136,17 @@ const Ke = /* @__PURE__ */ h({
1137
1136
  ], 2);
1138
1137
  };
1139
1138
  }
1140
- }), Us = { class: "sv-hidden" }, de = "survey-imagepicker-item", Ks = /* @__PURE__ */ h({
1139
+ }), Ks = { class: "sv-hidden" }, me = "survey-imagepicker-item", js = /* @__PURE__ */ h({
1141
1140
  inheritAttrs: !1,
1142
1141
  __name: "Imagepicker",
1143
1142
  props: {
1144
1143
  question: {}
1145
1144
  },
1146
1145
  setup(r) {
1147
- const s = r, o = D(null);
1146
+ const s = r, o = _(null);
1148
1147
  A(s, o);
1149
- const e = (t) => s.question.getItemValueWrapperComponentName(t) || de, n = (t) => ({
1150
- componentName: de,
1148
+ const e = (t) => s.question.getItemValueWrapperComponentName(t) || me, n = (t) => ({
1149
+ componentName: me,
1151
1150
  componentData: {
1152
1151
  question: s.question,
1153
1152
  item: t,
@@ -1159,8 +1158,8 @@ const Ke = /* @__PURE__ */ h({
1159
1158
  ref_key: "root",
1160
1159
  ref: o
1161
1160
  }, [
1162
- c("legend", Us, S(t.question.locTitle.renderedHtml), 1),
1163
- t.question.hasColumns ? d("", !0) : (i(!0), u($, { key: 0 }, B(t.question.visibleChoices, (p) => (i(), q(T(e(p)), H({
1161
+ c("legend", Ks, R(t.question.locTitle.renderedHtml), 1),
1162
+ t.question.hasColumns ? d("", !0) : (i(!0), u($, { key: 0 }, B(t.question.visibleChoices, (p) => (i(), q(T(e(p)), W({
1164
1163
  key: p.value
1165
1164
  }, n(p)), null, 16))), 128)),
1166
1165
  t.question.hasColumns ? (i(!0), u($, { key: 1 }, B(t.question.columns, (p, m) => (i(), u("div", {
@@ -1168,13 +1167,13 @@ const Ke = /* @__PURE__ */ h({
1168
1167
  key: m,
1169
1168
  role: "presentation"
1170
1169
  }, [
1171
- (i(!0), u($, null, B(p, (y) => (i(), q(T(e(y)), H({
1170
+ (i(!0), u($, null, B(p, (y) => (i(), q(T(e(y)), W({
1172
1171
  key: y.value
1173
1172
  }, n(y)), null, 16))), 128))
1174
1173
  ], 2))), 128)) : d("", !0)
1175
1174
  ], 2));
1176
1175
  }
1177
- }), js = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Qs = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Gs = ["src", "width", "height", "alt"], Xs = ["src", "width", "height"], Js = /* @__PURE__ */ h({
1176
+ }), Qs = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Gs = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Js = ["src", "width", "height", "alt"], Xs = ["src", "width", "height"], Ys = /* @__PURE__ */ h({
1178
1177
  inheritAttrs: !1,
1179
1178
  __name: "ImagepickerItem",
1180
1179
  props: {
@@ -1193,7 +1192,7 @@ const Ke = /* @__PURE__ */ h({
1193
1192
  c("label", {
1194
1193
  class: l(n.question.cssClasses.label)
1195
1194
  }, [
1196
- n.question.multiSelect ? P((i(), u("input", {
1195
+ n.question.multiSelect ? N((i(), u("input", {
1197
1196
  key: 0,
1198
1197
  type: "checkbox",
1199
1198
  name: n.question.questionName,
@@ -1206,9 +1205,9 @@ const Ke = /* @__PURE__ */ h({
1206
1205
  "aria-invalid": n.question.ariaInvalid,
1207
1206
  "aria-describedby": n.question.ariaDescribedBy,
1208
1207
  class: l(n.question.cssClasses.itemControl)
1209
- }, null, 10, js)), [
1208
+ }, null, 10, Qs)), [
1210
1209
  [G, n.question.value]
1211
- ]) : P((i(), u("input", {
1210
+ ]) : N((i(), u("input", {
1212
1211
  key: 1,
1213
1212
  type: "radio",
1214
1213
  name: n.question.questionName,
@@ -1221,7 +1220,7 @@ const Ke = /* @__PURE__ */ h({
1221
1220
  "aria-invalid": n.question.ariaInvalid,
1222
1221
  "aria-describedby": n.question.ariaDescribedBy,
1223
1222
  class: l(n.question.cssClasses.itemControl)
1224
- }, null, 10, Qs)), [
1223
+ }, null, 10, Gs)), [
1225
1224
  [se, n.question.value]
1226
1225
  ]),
1227
1226
  c("div", {
@@ -1247,7 +1246,7 @@ const Ke = /* @__PURE__ */ h({
1247
1246
  src: f(e),
1248
1247
  width: n.question.renderedImageWidth,
1249
1248
  height: n.question.renderedImageHeight,
1250
- style: R({ objectFit: n.question.imageFit }),
1249
+ style: S({ objectFit: n.question.imageFit }),
1251
1250
  alt: n.item.locText.renderedHtml,
1252
1251
  onLoad: t[2] || (t[2] = (m) => {
1253
1252
  n.question.onContentLoaded(n.item, m);
@@ -1255,7 +1254,7 @@ const Ke = /* @__PURE__ */ h({
1255
1254
  onError: t[3] || (t[3] = (m) => {
1256
1255
  n.item.onErrorHandler();
1257
1256
  })
1258
- }, null, 46, Gs)) : d("", !0),
1257
+ }, null, 46, Js)) : d("", !0),
1259
1258
  f(e) && !n.item.contentNotLoaded && n.question.contentMode === "video" ? (i(), u("video", {
1260
1259
  key: 2,
1261
1260
  controls: "",
@@ -1263,7 +1262,7 @@ const Ke = /* @__PURE__ */ h({
1263
1262
  src: f(e),
1264
1263
  width: n.question.renderedImageWidth,
1265
1264
  height: n.question.renderedImageHeight,
1266
- style: R({ objectFit: n.question.imageFit }),
1265
+ style: S({ objectFit: n.question.imageFit }),
1267
1266
  onLoadedmetadata: t[4] || (t[4] = (m) => {
1268
1267
  n.question.onContentLoaded(n.item, m);
1269
1268
  }),
@@ -1274,7 +1273,7 @@ const Ke = /* @__PURE__ */ h({
1274
1273
  !f(e) || n.item.contentNotLoaded ? (i(), u("div", {
1275
1274
  key: 3,
1276
1275
  class: l(n.question.cssClasses.itemNoImage),
1277
- style: R({
1276
+ style: S({
1278
1277
  width: n.question.renderedImageWidth + "px",
1279
1278
  height: n.question.renderedImageHeight + "px",
1280
1279
  objectFit: n.question.imageFit
@@ -1300,7 +1299,7 @@ const Ke = /* @__PURE__ */ h({
1300
1299
  ], 2);
1301
1300
  };
1302
1301
  }
1303
- }), Ys = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], Zs = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], xs = /* @__PURE__ */ h({
1302
+ }), Zs = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], xs = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], en = /* @__PURE__ */ h({
1304
1303
  inheritAttrs: !1,
1305
1304
  __name: "Comment",
1306
1305
  props: {
@@ -1308,7 +1307,7 @@ const Ke = /* @__PURE__ */ h({
1308
1307
  css: {}
1309
1308
  },
1310
1309
  setup(r) {
1311
- const s = r, o = D(null);
1310
+ const s = r, o = _(null);
1312
1311
  A(s, o);
1313
1312
  const e = (n) => {
1314
1313
  const t = s.question;
@@ -1341,8 +1340,8 @@ const Ke = /* @__PURE__ */ h({
1341
1340
  "aria-labelledby": n.question.a11y_input_ariaLabelledBy,
1342
1341
  "aria-invalid": n.question.a11y_input_ariaInvalid,
1343
1342
  "aria-describedby": n.question.a11y_input_ariaDescribedBy,
1344
- style: R({ resize: n.question.resizeStyle })
1345
- }, null, 46, Ys)) : !n.question.isReadOnlyRenderDiv() && n.question.getMaxLength() ? (i(), u("div", {
1343
+ style: S({ resize: n.question.resizeStyle })
1344
+ }, null, 46, Zs)) : !n.question.isReadOnlyRenderDiv() && n.question.getMaxLength() ? (i(), u("div", {
1346
1345
  key: 1,
1347
1346
  ref_key: "root",
1348
1347
  ref: o
@@ -1369,8 +1368,8 @@ const Ke = /* @__PURE__ */ h({
1369
1368
  "aria-labelledby": n.question.a11y_input_ariaLabelledBy,
1370
1369
  "aria-invalid": n.question.a11y_input_ariaInvalid,
1371
1370
  "aria-describedby": n.question.a11y_input_ariaDescribedBy,
1372
- style: R({ resize: n.question.resizeStyle })
1373
- }, null, 46, Zs),
1371
+ style: S({ resize: n.question.resizeStyle })
1372
+ }, null, 46, xs),
1374
1373
  b(a, {
1375
1374
  counter: n.question.characterCounter,
1376
1375
  remainingCharacterCounter: n.question.cssClasses.remainingCharacterCounter
@@ -1379,17 +1378,17 @@ const Ke = /* @__PURE__ */ h({
1379
1378
  key: 2,
1380
1379
  ref_key: "root",
1381
1380
  ref: o
1382
- }, S(n.question.value), 513));
1381
+ }, R(n.question.value), 513));
1383
1382
  };
1384
1383
  }
1385
- }), en = /* @__PURE__ */ h({
1384
+ }), sn = /* @__PURE__ */ h({
1386
1385
  inheritAttrs: !1,
1387
1386
  __name: "Dropdown",
1388
1387
  props: {
1389
1388
  question: {}
1390
1389
  },
1391
1390
  setup(r) {
1392
- const s = r, o = D(null);
1391
+ const s = r, o = _(null);
1393
1392
  return A(s, o), (e, n) => {
1394
1393
  const t = v("sv-dropdown"), a = v("survey-other-choice");
1395
1394
  return i(), u("div", {
@@ -1405,23 +1404,23 @@ const Ke = /* @__PURE__ */ h({
1405
1404
  ], 2);
1406
1405
  };
1407
1406
  }
1408
- }), sn = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "required"], nn = {
1407
+ }), nn = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "required"], on = {
1409
1408
  key: 0,
1410
1409
  value: ""
1411
- }, on = ["id"];
1410
+ }, tn = ["id"];
1412
1411
  ne.Instance.registerRenderer(
1413
1412
  "dropdown",
1414
1413
  "select",
1415
1414
  "sv-dropdown-select"
1416
1415
  );
1417
- const tn = /* @__PURE__ */ h({
1416
+ const rn = /* @__PURE__ */ h({
1418
1417
  inheritAttrs: !1,
1419
1418
  __name: "DropdownSelect",
1420
1419
  props: {
1421
1420
  question: {}
1422
1421
  },
1423
1422
  setup(r) {
1424
- const s = r, o = D(null);
1423
+ const s = r, o = _(null);
1425
1424
  A(s, o);
1426
1425
  const e = (a) => {
1427
1426
  s.question.onClick(a);
@@ -1452,7 +1451,7 @@ const tn = /* @__PURE__ */ h({
1452
1451
  disabled: "",
1453
1452
  id: a.question.inputId,
1454
1453
  class: l(a.question.getControlClass())
1455
- }, S(a.question.readOnlyText), 11, on)) : P((i(), u("select", {
1454
+ }, R(a.question.readOnlyText), 11, tn)) : N((i(), u("select", {
1456
1455
  key: 0,
1457
1456
  id: a.question.inputId,
1458
1457
  "onUpdate:modelValue": p[0] || (p[0] = (I) => t.value = I),
@@ -1466,13 +1465,13 @@ const tn = /* @__PURE__ */ h({
1466
1465
  "aria-describedby": a.question.ariaDescribedBy,
1467
1466
  required: a.question.isRequired
1468
1467
  }, [
1469
- a.question.allowClear ? (i(), u("option", nn, S(a.question.placeholder), 1)) : d("", !0),
1468
+ a.question.allowClear ? (i(), u("option", on, R(a.question.placeholder), 1)) : d("", !0),
1470
1469
  (i(!0), u($, null, B(a.question.visibleChoices, (I) => (i(), q(m, {
1471
1470
  item: I,
1472
1471
  key: I.id
1473
1472
  }, null, 8, ["item"]))), 128))
1474
- ], 42, sn)), [
1475
- [be, t.value]
1473
+ ], 42, nn)), [
1474
+ [ke, t.value]
1476
1475
  ]),
1477
1476
  a.question.cssClasses.chevronButtonIconId ? (i(), u("div", {
1478
1477
  key: 2,
@@ -1492,7 +1491,7 @@ const tn = /* @__PURE__ */ h({
1492
1491
  ], 2);
1493
1492
  };
1494
1493
  }
1495
- }), rn = ["value", "disabled"], ln = /* @__PURE__ */ h({
1494
+ }), ln = ["value", "disabled"], an = /* @__PURE__ */ h({
1496
1495
  __name: "OptionItem",
1497
1496
  props: {
1498
1497
  item: {}
@@ -1502,46 +1501,46 @@ const tn = /* @__PURE__ */ h({
1502
1501
  return L(() => s.item), (e, n) => (i(), u("option", {
1503
1502
  value: e.item.value,
1504
1503
  disabled: !e.item.isEnabled
1505
- }, S(f(o)), 9, rn));
1504
+ }, R(f(o)), 9, ln));
1506
1505
  }
1507
- }), an = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], un = { style: { visibility: "hidden" } }, dn = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-activedescendant", "placeholder"], mn = ["tabindex"], cn = ["id"], pn = /* @__PURE__ */ h({
1506
+ }), un = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], dn = { style: { visibility: "hidden" } }, mn = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-activedescendant", "placeholder"], cn = ["id"], pn = /* @__PURE__ */ h({
1508
1507
  __name: "Dropdown",
1509
1508
  props: {
1510
1509
  question: {}
1511
1510
  },
1512
1511
  setup(r) {
1513
- const s = r, o = D(null), e = w(() => {
1512
+ const s = r, o = _(null), e = w(() => {
1514
1513
  const k = s.question;
1515
- return k.dropdownListModel || (k.dropdownListModel = new $e(k)), s.question.dropdownListModel;
1514
+ return k.dropdownListModel || (k.dropdownListModel = new _e(k)), s.question.dropdownListModel;
1516
1515
  }), n = (k) => {
1517
- var _;
1518
- (_ = e.value) == null || _.onClick(k);
1516
+ var D;
1517
+ (D = e.value) == null || D.onClick(k);
1519
1518
  }, t = (k) => {
1520
- var _;
1521
- (_ = e.value) == null || _.chevronPointerDown(k);
1519
+ var D;
1520
+ (D = e.value) == null || D.chevronPointerDown(k);
1522
1521
  }, a = (k) => {
1523
- var _;
1524
- (_ = e.value) == null || _.onClear(k);
1522
+ var D;
1523
+ (D = e.value) == null || D.onClear(k);
1525
1524
  }, p = (k) => {
1526
- var _;
1527
- (_ = e.value) == null || _.keyHandler(k);
1525
+ var D;
1526
+ (D = e.value) == null || D.keyHandler(k);
1528
1527
  }, m = () => {
1529
1528
  if (o.value) {
1530
- const k = o.value, _ = e.value.inputStringRendered;
1531
- De.isTwoValueEquals(_, k.value, !1, !0, !1) || (k.value = e.value.inputStringRendered);
1529
+ const k = o.value, D = e.value.inputStringRendered;
1530
+ De.isTwoValueEquals(D, k.value, !1, !0, !1) || (k.value = e.value.inputStringRendered);
1532
1531
  }
1533
1532
  }, y = (k) => {
1534
- var _;
1535
- (_ = e.value) == null || _.onBlur(k), m();
1533
+ var D;
1534
+ (D = e.value) == null || D.onBlur(k), m();
1536
1535
  }, g = (k) => {
1537
- var _;
1538
- (_ = e.value) == null || _.onFocus(k);
1536
+ var D;
1537
+ (D = e.value) == null || D.onFocus(k);
1539
1538
  }, I = (k) => {
1540
1539
  e.value.inputStringRendered = k.target.value;
1541
1540
  }, C = w(
1542
1541
  () => s.question.showSelectedItemLocText
1543
- ), N = w(() => s.question.selectedItemLocText);
1544
- return L(() => e.value), ee(m), W(m), (k, _) => {
1542
+ ), P = w(() => s.question.selectedItemLocText);
1543
+ return L(() => e.value), ee(m), H(m), (k, D) => {
1545
1544
  const E = v("survey-string"), O = v("sv-svg-icon"), U = v("sv-popup");
1546
1545
  return i(), u("div", {
1547
1546
  class: l(k.question.cssClasses.selectWrapper),
@@ -1569,21 +1568,21 @@ const tn = /* @__PURE__ */ h({
1569
1568
  key: 0,
1570
1569
  class: l(k.question.cssClasses.hintPrefix)
1571
1570
  }, [
1572
- c("span", null, S(e.value.hintStringPrefix), 1)
1571
+ c("span", null, R(e.value.hintStringPrefix), 1)
1573
1572
  ], 2)) : d("", !0),
1574
1573
  c("div", {
1575
1574
  class: l(k.question.cssClasses.controlValue)
1576
1575
  }, [
1577
1576
  C.value ? (i(), q(E, {
1578
1577
  key: 0,
1579
- locString: N.value
1578
+ locString: P.value
1580
1579
  }, null, 8, ["locString"])) : d("", !0),
1581
1580
  e.value.showHintString ? (i(), u("div", {
1582
1581
  key: 1,
1583
1582
  class: l(k.question.cssClasses.hintSuffix)
1584
1583
  }, [
1585
- c("span", un, S(e.value.inputStringRendered), 1),
1586
- c("span", null, S(e.value.hintStringSuffix), 1)
1584
+ c("span", dn, R(e.value.inputStringRendered), 1),
1585
+ c("span", null, R(e.value.hintStringSuffix), 1)
1587
1586
  ], 2)) : d("", !0),
1588
1587
  k.question.showInputFieldComponent ? (i(), q(T(k.question.inputFieldComponentName), {
1589
1588
  key: 2,
@@ -1611,13 +1610,13 @@ const tn = /* @__PURE__ */ h({
1611
1610
  onInput: I,
1612
1611
  onBlur: y,
1613
1612
  onFocus: g
1614
- }, null, 42, dn)
1613
+ }, null, 42, mn)
1615
1614
  ], 2),
1616
- k.question.allowClear && k.question.cssClasses.cleanButtonIconId ? P((i(), u("div", {
1615
+ k.question.allowClear && k.question.cssClasses.cleanButtonIconId ? N((i(), u("div", {
1617
1616
  key: 1,
1618
1617
  class: l(k.question.cssClasses.cleanButton),
1619
1618
  onClick: a,
1620
- tabindex: k.question.showClearButton ? 0 : -1
1619
+ "aria-hidden": "true"
1621
1620
  }, [
1622
1621
  b(O, {
1623
1622
  class: l(k.question.cssClasses.cleanButtonSvg),
@@ -1625,10 +1624,10 @@ const tn = /* @__PURE__ */ h({
1625
1624
  title: k.question.clearCaption,
1626
1625
  size: "auto"
1627
1626
  }, null, 8, ["class", "iconName", "title"])
1628
- ], 10, mn)), [
1627
+ ], 2)), [
1629
1628
  [M, k.question.showClearButton]
1630
1629
  ]) : d("", !0)
1631
- ], 42, an)),
1630
+ ], 42, un)),
1632
1631
  k.question.isReadOnly ? (i(), u("div", {
1633
1632
  key: 2,
1634
1633
  disabled: "",
@@ -1639,7 +1638,7 @@ const tn = /* @__PURE__ */ h({
1639
1638
  key: 0,
1640
1639
  locString: k.question.selectedItemLocText
1641
1640
  }, null, 8, ["locString"])) : d("", !0),
1642
- c("div", null, S(k.question.readOnlyText), 1)
1641
+ c("div", null, R(k.question.readOnlyText), 1)
1643
1642
  ], 10, cn)) : (i(), q(U, {
1644
1643
  key: 1,
1645
1644
  model: k.question.dropdownListModel.popupModel
@@ -1666,7 +1665,7 @@ const tn = /* @__PURE__ */ h({
1666
1665
  question: {}
1667
1666
  },
1668
1667
  setup(r) {
1669
- const s = r, o = D(null);
1668
+ const s = r, o = _(null);
1670
1669
  return A(s, o), (e, n) => {
1671
1670
  const t = v("sv-tagbox"), a = v("survey-other-choice");
1672
1671
  return i(), u("div", {
@@ -1682,7 +1681,7 @@ const tn = /* @__PURE__ */ h({
1682
1681
  ], 2);
1683
1682
  };
1684
1683
  }
1685
- }), yn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], qn = ["tabindex"], gn = ["id"], hn = /* @__PURE__ */ h({
1684
+ }), yn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], qn = ["id"], gn = /* @__PURE__ */ h({
1686
1685
  __name: "Tagbox",
1687
1686
  props: {
1688
1687
  question: {}
@@ -1690,7 +1689,7 @@ const tn = /* @__PURE__ */ h({
1690
1689
  setup(r) {
1691
1690
  const s = r, o = w(() => {
1692
1691
  const y = s.question;
1693
- return y.dropdownListModel || (y.dropdownListModel = new _e(y)), s.question.dropdownListModel;
1692
+ return y.dropdownListModel || (y.dropdownListModel = new Be(y)), s.question.dropdownListModel;
1694
1693
  }), e = (y) => {
1695
1694
  var g;
1696
1695
  (g = o.value) == null || g.onClick(y);
@@ -1708,7 +1707,7 @@ const tn = /* @__PURE__ */ h({
1708
1707
  (g = o.value) == null || g.onBlur(y);
1709
1708
  }, m = w(() => s.question.selectedChoices);
1710
1709
  return L(() => o.value), (y, g) => {
1711
- const I = v("sv-tagbox-item"), C = v("sv-tagbox-filter"), N = v("sv-svg-icon"), k = v("sv-popup");
1710
+ const I = v("sv-tagbox-item"), C = v("sv-tagbox-filter"), P = v("sv-svg-icon"), k = v("sv-popup");
1712
1711
  return i(), u("div", {
1713
1712
  class: l(y.question.cssClasses.selectWrapper),
1714
1713
  onClick: e
@@ -1734,8 +1733,8 @@ const tn = /* @__PURE__ */ h({
1734
1733
  c("div", {
1735
1734
  class: l(y.question.cssClasses.controlValue)
1736
1735
  }, [
1737
- (i(!0), u($, null, B(m.value, (_, E) => (i(), q(I, {
1738
- item: _,
1736
+ (i(!0), u($, null, B(m.value, (D, E) => (i(), q(I, {
1737
+ item: D,
1739
1738
  question: y.question,
1740
1739
  key: "item" + E
1741
1740
  }, null, 8, ["item", "question"]))), 128)),
@@ -1744,19 +1743,19 @@ const tn = /* @__PURE__ */ h({
1744
1743
  question: y.question
1745
1744
  }, null, 8, ["model", "question"])
1746
1745
  ], 2),
1747
- y.question.allowClear && y.question.cssClasses.cleanButtonIconId ? P((i(), u("div", {
1746
+ y.question.allowClear && y.question.cssClasses.cleanButtonIconId ? N((i(), u("div", {
1748
1747
  key: 0,
1749
1748
  class: l(y.question.cssClasses.cleanButton),
1750
1749
  onClick: t,
1751
- tabindex: y.question.showClearButton ? 0 : -1
1750
+ "aria-hidden": "true"
1752
1751
  }, [
1753
- b(N, {
1752
+ b(P, {
1754
1753
  class: l(y.question.cssClasses.cleanButtonSvg),
1755
1754
  iconName: y.question.cssClasses.cleanButtonIconId,
1756
1755
  title: y.question.clearCaption,
1757
1756
  size: "auto"
1758
1757
  }, null, 8, ["class", "iconName", "title"])
1759
- ], 10, qn)), [
1758
+ ], 2)), [
1760
1759
  [M, y.question.showClearButton]
1761
1760
  ]) : d("", !0)
1762
1761
  ], 42, yn)),
@@ -1766,17 +1765,18 @@ const tn = /* @__PURE__ */ h({
1766
1765
  id: y.question.inputId,
1767
1766
  class: l(y.question.getControlClass())
1768
1767
  }, [
1769
- c("div", null, S(y.question.readOnlyText), 1)
1770
- ], 10, gn)) : (i(), q(k, {
1768
+ c("div", null, R(y.question.readOnlyText), 1)
1769
+ ], 10, qn)) : (i(), q(k, {
1771
1770
  key: 1,
1772
1771
  model: o.value.popupModel
1773
1772
  }, null, 8, ["model"])),
1774
1773
  y.question.cssClasses.chevronButtonIconId ? (i(), u("div", {
1775
1774
  key: 3,
1776
1775
  class: l(y.question.cssClasses.chevronButton),
1777
- onPointerdown: n
1776
+ onPointerdown: n,
1777
+ "aria-hidden": "true"
1778
1778
  }, [
1779
- b(N, {
1779
+ b(P, {
1780
1780
  class: l(y.question.cssClasses.chevronButtonSvg),
1781
1781
  iconName: y.question.cssClasses.chevronButtonIconId,
1782
1782
  size: "auto"
@@ -1785,7 +1785,7 @@ const tn = /* @__PURE__ */ h({
1785
1785
  ], 2);
1786
1786
  };
1787
1787
  }
1788
- }), Cn = { style: { visibility: "hidden" } }, bn = ["placeholder", "disabled", "inputmode", "role", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-activedescendant", "id", "readonly", "size"], kn = /* @__PURE__ */ h({
1788
+ }), hn = { style: { visibility: "hidden" } }, Cn = ["placeholder", "disabled", "inputmode", "role", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-activedescendant", "id", "readonly", "size"], bn = /* @__PURE__ */ h({
1789
1789
  __name: "TagboxFilter",
1790
1790
  props: {
1791
1791
  question: {},
@@ -1811,7 +1811,7 @@ const tn = /* @__PURE__ */ h({
1811
1811
  key: 0,
1812
1812
  class: l(a.question.cssClasses.hintPrefix)
1813
1813
  }, [
1814
- c("span", null, S(a.model.hintStringPrefix), 1)
1814
+ c("span", null, R(a.model.hintStringPrefix), 1)
1815
1815
  ], 2)) : d("", !0),
1816
1816
  c("div", {
1817
1817
  class: l(a.question.cssClasses.hintSuffixWrapper)
@@ -1824,10 +1824,10 @@ const tn = /* @__PURE__ */ h({
1824
1824
  key: 1,
1825
1825
  class: l(a.question.cssClasses.hintSuffix)
1826
1826
  }, [
1827
- c("span", Cn, S(a.model.inputStringRendered), 1),
1828
- c("span", null, S(a.model.hintStringSuffix), 1)
1827
+ c("span", hn, R(a.model.inputStringRendered), 1),
1828
+ c("span", null, R(a.model.hintStringSuffix), 1)
1829
1829
  ], 2)) : d("", !0),
1830
- P(c("input", {
1830
+ N(c("input", {
1831
1831
  type: "text",
1832
1832
  autocomplete: "off",
1833
1833
  "onUpdate:modelValue": p[0] || (p[0] = (y) => a.model.inputStringRendered = y),
@@ -1848,14 +1848,14 @@ const tn = /* @__PURE__ */ h({
1848
1848
  onKeydown: e,
1849
1849
  onBlur: n,
1850
1850
  onFocus: t
1851
- }, null, 42, bn), [
1852
- [ke, a.model.inputStringRendered]
1851
+ }, null, 42, Cn), [
1852
+ [fe, a.model.inputStringRendered]
1853
1853
  ])
1854
1854
  ], 2)
1855
1855
  ], 2);
1856
1856
  };
1857
1857
  }
1858
- }), fn = { class: "sv-tagbox__item-text" }, In = /* @__PURE__ */ h({
1858
+ }), kn = { class: "sv-tagbox__item-text" }, fn = /* @__PURE__ */ h({
1859
1859
  __name: "TagboxItem",
1860
1860
  props: {
1861
1861
  question: {},
@@ -1871,7 +1871,7 @@ const tn = /* @__PURE__ */ h({
1871
1871
  class: "sv-tagbox__item",
1872
1872
  key: e.item.key
1873
1873
  }, [
1874
- c("div", fn, [
1874
+ c("div", kn, [
1875
1875
  b(t, {
1876
1876
  locString: e.item.locText
1877
1877
  }, null, 8, ["locString"])
@@ -1889,14 +1889,14 @@ const tn = /* @__PURE__ */ h({
1889
1889
  ]);
1890
1890
  };
1891
1891
  }
1892
- }), wn = /* @__PURE__ */ h({
1892
+ }), In = /* @__PURE__ */ h({
1893
1893
  inheritAttrs: !1,
1894
1894
  __name: "Ranking",
1895
1895
  props: {
1896
1896
  question: {}
1897
1897
  },
1898
1898
  setup(r) {
1899
- const s = r, o = D(null);
1899
+ const s = r, o = _(null);
1900
1900
  A(s, o);
1901
1901
  const e = (t) => s.question.getItemValueWrapperComponentName(t) || "survey-ranking-item", n = (t, a, p) => ({
1902
1902
  componentName: s.question.getPropertyByName("itemComponent").isDefaultValue(
@@ -1910,50 +1910,61 @@ const tn = /* @__PURE__ */ h({
1910
1910
  data: s.question.getItemValueWrapperComponentData(t)
1911
1911
  }
1912
1912
  });
1913
- return (t, a) => (i(), u("div", {
1914
- class: l(t.question.rootClass),
1915
- ref_key: "root",
1916
- ref: o
1917
- }, [
1918
- t.question.selectToRankEnabled ? d("", !0) : (i(!0), u($, { key: 0 }, B(t.question.rankingChoices, (p, m) => (i(), q(T(e(p)), H({
1919
- key: p.value + "-" + m + "-item"
1920
- }, n(p, m)), null, 16))), 128)),
1921
- t.question.selectToRankEnabled ? (i(), u("div", {
1922
- key: 1,
1923
- class: l(t.question.getContainerClasses("from")),
1924
- "data-ranking": "from-container"
1925
- }, [
1926
- (i(!0), u($, null, B(t.question.unRankingChoices, (p, m) => (i(), q(T(e(p)), H({
1927
- key: p.value + "-" + m + "-item"
1928
- }, n(p, m, !0)), null, 16))), 128)),
1929
- t.question.unRankingChoices.length === 0 ? (i(), u("div", {
1930
- key: 0,
1931
- class: l(t.question.cssClasses.containerPlaceholder)
1932
- }, S(t.question.selectToRankEmptyRankedAreaText), 3)) : d("", !0)
1933
- ], 2)) : d("", !0),
1934
- t.question.selectToRankEnabled ? (i(), u("div", {
1935
- key: 2,
1936
- class: l(t.question.cssClasses.containersDivider)
1937
- }, null, 2)) : d("", !0),
1938
- t.question.selectToRankEnabled ? (i(), u("div", {
1939
- key: 3,
1940
- class: l(t.question.getContainerClasses("to")),
1941
- "data-ranking": "to-container"
1913
+ return (t, a) => {
1914
+ const p = v("survey-string");
1915
+ return i(), u("div", {
1916
+ class: l(t.question.rootClass),
1917
+ ref_key: "root",
1918
+ ref: o
1942
1919
  }, [
1943
- (i(!0), u($, null, B(t.question.rankingChoices, (p, m) => (i(), q(T(e(p)), H({
1944
- key: p.value + "-" + m + "-item"
1945
- }, n(p, m)), null, 16))), 128)),
1946
- t.question.rankingChoices.length === 0 ? (i(), u("div", {
1947
- key: 0,
1948
- class: l(t.question.cssClasses.containerPlaceholder)
1949
- }, S(t.question.selectToRankEmptyUnrankedAreaText), 3)) : d("", !0)
1950
- ], 2)) : d("", !0)
1951
- ], 2));
1920
+ t.question.selectToRankEnabled ? d("", !0) : (i(!0), u($, { key: 0 }, B(t.question.rankingChoices, (m, y) => (i(), q(T(e(m)), W({
1921
+ key: m.value + "-" + y + "-item"
1922
+ }, n(m, y)), null, 16))), 128)),
1923
+ t.question.selectToRankEnabled ? (i(), u("div", {
1924
+ key: 1,
1925
+ class: l(t.question.getContainerClasses("from")),
1926
+ "data-ranking": "from-container"
1927
+ }, [
1928
+ (i(!0), u($, null, B(t.question.unRankingChoices, (m, y) => (i(), q(T(e(m)), W({
1929
+ key: m.value + "-" + y + "-item"
1930
+ }, n(m, y, !0)), null, 16))), 128)),
1931
+ t.question.unRankingChoices.length === 0 ? (i(), u("div", {
1932
+ key: 0,
1933
+ class: l(t.question.cssClasses.containerPlaceholder)
1934
+ }, [
1935
+ b(p, {
1936
+ locString: t.question.locSelectToRankEmptyRankedAreaText
1937
+ }, null, 8, ["locString"])
1938
+ ], 2)) : d("", !0)
1939
+ ], 2)) : d("", !0),
1940
+ t.question.selectToRankEnabled ? (i(), u("div", {
1941
+ key: 2,
1942
+ class: l(t.question.cssClasses.containersDivider)
1943
+ }, null, 2)) : d("", !0),
1944
+ t.question.selectToRankEnabled ? (i(), u("div", {
1945
+ key: 3,
1946
+ class: l(t.question.getContainerClasses("to")),
1947
+ "data-ranking": "to-container"
1948
+ }, [
1949
+ (i(!0), u($, null, B(t.question.rankingChoices, (m, y) => (i(), q(T(e(m)), W({
1950
+ key: m.value + "-" + y + "-item"
1951
+ }, n(m, y)), null, 16))), 128)),
1952
+ t.question.rankingChoices.length === 0 ? (i(), u("div", {
1953
+ key: 0,
1954
+ class: l(t.question.cssClasses.containerPlaceholder)
1955
+ }, [
1956
+ b(p, {
1957
+ locString: t.question.locSelectToRankEmptyUnrankedAreaText
1958
+ }, null, 8, ["locString"])
1959
+ ], 2)) : d("", !0)
1960
+ ], 2)) : d("", !0)
1961
+ ], 2);
1962
+ };
1952
1963
  }
1953
- }), Sn = ["tabindex", "data-sv-drop-target-ranking-item"], Rn = {
1964
+ }), wn = ["tabindex", "data-sv-drop-target-ranking-item"], Sn = {
1954
1965
  tabindex: "-1",
1955
1966
  style: { outline: "none" }
1956
- }, Tn = ["xlink:href"], $n = ["xlink:href"], Dn = ["xlink:href"], _n = /* @__PURE__ */ h({
1967
+ }, Rn = ["xlink:href"], Tn = ["xlink:href"], $n = ["xlink:href"], _n = /* @__PURE__ */ h({
1957
1968
  inheritAttrs: !1,
1958
1969
  __name: "RankingItem",
1959
1970
  props: {
@@ -1982,7 +1993,7 @@ const tn = /* @__PURE__ */ h({
1982
1993
  );
1983
1994
  })
1984
1995
  }, [
1985
- c("div", Rn, [
1996
+ c("div", Sn, [
1986
1997
  c("div", {
1987
1998
  class: l(e.question.cssClasses.itemGhostNode)
1988
1999
  }, null, 2),
@@ -1997,27 +2008,27 @@ const tn = /* @__PURE__ */ h({
1997
2008
  }, [
1998
2009
  c("use", {
1999
2010
  "xlink:href": e.question.dragDropSvgIcon
2000
- }, null, 8, Tn)
2011
+ }, null, 8, Rn)
2001
2012
  ], 2)),
2002
2013
  (i(), u("svg", {
2003
2014
  class: l(e.question.getIconFocusCss())
2004
2015
  }, [
2005
2016
  c("use", {
2006
2017
  "xlink:href": e.question.arrowsSvgIcon
2007
- }, null, 8, $n)
2018
+ }, null, 8, Tn)
2008
2019
  ], 2))
2009
2020
  ], 2),
2010
2021
  !e.unrankedItem && o.value ? (i(), u("div", {
2011
2022
  key: 0,
2012
2023
  class: l(e.question.getItemIndexClasses(e.item))
2013
- }, S(o.value), 3)) : (i(), u("div", {
2024
+ }, R(o.value), 3)) : (i(), u("div", {
2014
2025
  key: 1,
2015
2026
  class: l(e.question.getItemIndexClasses(e.item))
2016
2027
  }, [
2017
2028
  (i(), u("svg", null, [
2018
2029
  c("use", {
2019
2030
  "xlink:href": e.question.dashSvgIcon
2020
- }, null, 8, Dn)
2031
+ }, null, 8, $n)
2021
2032
  ]))
2022
2033
  ], 2)),
2023
2034
  c("div", {
@@ -2029,20 +2040,20 @@ const tn = /* @__PURE__ */ h({
2029
2040
  ], 2)
2030
2041
  ], 2)
2031
2042
  ])
2032
- ], 42, Sn);
2043
+ ], 42, wn);
2033
2044
  };
2034
2045
  }
2035
- }), Bn = { role: "radiogroup" }, Ln = /* @__PURE__ */ c("legend", {
2046
+ }), Dn = { role: "radiogroup" }, Bn = /* @__PURE__ */ c("legend", {
2036
2047
  role: "presentation",
2037
2048
  class: "sv-hidden"
2038
- }, null, -1), Nn = /* @__PURE__ */ h({
2049
+ }, null, -1), Ln = /* @__PURE__ */ h({
2039
2050
  inheritAttrs: !1,
2040
2051
  __name: "Rating",
2041
2052
  props: {
2042
2053
  question: {}
2043
2054
  },
2044
2055
  setup(r) {
2045
- const s = r, o = D(null);
2056
+ const s = r, o = _(null);
2046
2057
  A(s, o);
2047
2058
  const e = (n) => s.question.getInputId(n);
2048
2059
  return (n, t) => {
@@ -2052,8 +2063,8 @@ const tn = /* @__PURE__ */ h({
2052
2063
  ref_key: "root",
2053
2064
  ref: o
2054
2065
  }, [
2055
- c("fieldset", Bn, [
2056
- Ln,
2066
+ c("fieldset", Dn, [
2067
+ Bn,
2057
2068
  n.question.hasMinLabel ? (i(), u("span", {
2058
2069
  key: 0,
2059
2070
  class: l(n.question.cssClasses.minText)
@@ -2080,7 +2091,7 @@ const tn = /* @__PURE__ */ h({
2080
2091
  ], 2);
2081
2092
  };
2082
2093
  }
2083
- }), Pn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], An = /* @__PURE__ */ h({
2094
+ }), Nn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Pn = /* @__PURE__ */ h({
2084
2095
  __name: "RatingItem",
2085
2096
  props: {
2086
2097
  question: {},
@@ -2108,7 +2119,7 @@ const tn = /* @__PURE__ */ h({
2108
2119
  "aria-label": o.question.ariaLabel,
2109
2120
  "aria-invalid": o.question.ariaInvalid,
2110
2121
  "aria-describedby": o.question.ariaDescribedBy
2111
- }, null, 8, Pn),
2122
+ }, null, 8, Nn),
2112
2123
  c("span", {
2113
2124
  class: l(o.question.cssClasses.itemText)
2114
2125
  }, [
@@ -2119,7 +2130,7 @@ const tn = /* @__PURE__ */ h({
2119
2130
  ], 34);
2120
2131
  };
2121
2132
  }
2122
- }), Mn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Hn = /* @__PURE__ */ h({
2133
+ }), An = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Mn = /* @__PURE__ */ h({
2123
2134
  __name: "RatingItemSmiley",
2124
2135
  props: {
2125
2136
  question: {},
@@ -2133,7 +2144,7 @@ const tn = /* @__PURE__ */ h({
2133
2144
  return i(), u("label", {
2134
2145
  key: o.item.value,
2135
2146
  onMousedown: e[1] || (e[1] = (t) => o.question.onMouseDown()),
2136
- style: R(o.question.getItemStyle(o.item.itemValue, o.item.highlight)),
2147
+ style: S(o.question.getItemStyle(o.item.itemValue, o.item.highlight)),
2137
2148
  class: l(o.question.getItemClass(o.item.itemValue, o.item.highlight)),
2138
2149
  onMouseover: e[2] || (e[2] = (t) => o.question.onItemMouseIn(o.item)),
2139
2150
  onMouseleave: e[3] || (e[3] = (t) => o.question.onItemMouseOut(o.item))
@@ -2150,7 +2161,7 @@ const tn = /* @__PURE__ */ h({
2150
2161
  "aria-label": o.question.ariaLabel,
2151
2162
  "aria-invalid": o.question.ariaInvalid,
2152
2163
  "aria-describedby": o.question.ariaDescribedBy
2153
- }, null, 8, Mn),
2164
+ }, null, 8, An),
2154
2165
  b(n, {
2155
2166
  iconName: o.question.getItemSmileyIconName(o.item.itemValue),
2156
2167
  size: "auto",
@@ -2159,7 +2170,7 @@ const tn = /* @__PURE__ */ h({
2159
2170
  ], 38);
2160
2171
  };
2161
2172
  }
2162
- }), Wn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], En = /* @__PURE__ */ h({
2173
+ }), Hn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Wn = /* @__PURE__ */ h({
2163
2174
  __name: "RatingItemStar",
2164
2175
  props: {
2165
2176
  question: {},
@@ -2189,7 +2200,7 @@ const tn = /* @__PURE__ */ h({
2189
2200
  "aria-label": o.question.ariaLabel,
2190
2201
  "aria-invalid": o.question.ariaInvalid,
2191
2202
  "aria-describedby": o.question.ariaDescribedBy
2192
- }, null, 8, Wn),
2203
+ }, null, 8, Hn),
2193
2204
  b(n, {
2194
2205
  class: l("sv-star"),
2195
2206
  iconName: o.question.itemStarIcon,
@@ -2205,10 +2216,10 @@ const tn = /* @__PURE__ */ h({
2205
2216
  ], 34);
2206
2217
  };
2207
2218
  }
2208
- }), Vn = { class: "sd-rating-dropdown-item" }, On = { class: "sd-rating-dropdown-item_text" }, Fn = {
2219
+ }), En = { class: "sd-rating-dropdown-item" }, Vn = { class: "sd-rating-dropdown-item_text" }, On = {
2209
2220
  key: 0,
2210
2221
  class: "sd-rating-dropdown-item_description"
2211
- }, zn = /* @__PURE__ */ h({
2222
+ }, Fn = /* @__PURE__ */ h({
2212
2223
  __name: "RatingDropdownItem",
2213
2224
  props: {
2214
2225
  item: {}
@@ -2217,9 +2228,9 @@ const tn = /* @__PURE__ */ h({
2217
2228
  const s = r;
2218
2229
  return L(() => s.item), (o, e) => {
2219
2230
  const n = v("survey-string");
2220
- return i(), u("div", Vn, [
2221
- c("span", On, S(o.item.title), 1),
2222
- o.item.description ? (i(), u("div", Fn, [
2231
+ return i(), u("div", En, [
2232
+ c("span", Vn, R(o.item.title), 1),
2233
+ o.item.description ? (i(), u("div", On, [
2223
2234
  b(n, {
2224
2235
  locString: o.item.description
2225
2236
  }, null, 8, ["locString"])
@@ -2233,14 +2244,14 @@ ne.Instance.registerRenderer(
2233
2244
  "dropdown",
2234
2245
  "sv-rating-dropdown"
2235
2246
  );
2236
- const Un = /* @__PURE__ */ h({
2247
+ const zn = /* @__PURE__ */ h({
2237
2248
  inheritAttrs: !1,
2238
2249
  __name: "RatingDropdown",
2239
2250
  props: {
2240
2251
  question: {}
2241
2252
  },
2242
2253
  setup(r) {
2243
- const s = r, o = D(null);
2254
+ const s = r, o = _(null);
2244
2255
  return A(s, o), (e, n) => {
2245
2256
  const t = v("sv-dropdown");
2246
2257
  return i(), u("div", {
@@ -2252,14 +2263,14 @@ const Un = /* @__PURE__ */ h({
2252
2263
  ], 2);
2253
2264
  };
2254
2265
  }
2255
- }), Kn = ["name", "value", "id", ".indeterminate", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], jn = /* @__PURE__ */ h({
2266
+ }), Un = ["name", "value", "id", ".indeterminate", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Kn = /* @__PURE__ */ h({
2256
2267
  inheritAttrs: !1,
2257
2268
  __name: "BooleanSwitch",
2258
2269
  props: {
2259
2270
  question: {}
2260
2271
  },
2261
2272
  setup(r) {
2262
- const s = r, o = D(null);
2273
+ const s = r, o = _(null);
2263
2274
  A(s, o);
2264
2275
  const e = (t, a) => {
2265
2276
  s.question.onLabelClick(t, a);
@@ -2278,7 +2289,7 @@ const Un = /* @__PURE__ */ h({
2278
2289
  c("label", {
2279
2290
  class: l(t.question.getItemCss())
2280
2291
  }, [
2281
- P(c("input", {
2292
+ N(c("input", {
2282
2293
  type: "checkbox",
2283
2294
  name: t.question.name,
2284
2295
  value: (m = t.question.booleanValue) != null ? m : "",
@@ -2291,7 +2302,7 @@ const Un = /* @__PURE__ */ h({
2291
2302
  "aria-label": t.question.ariaLabel,
2292
2303
  "aria-invalid": t.question.ariaInvalid,
2293
2304
  "aria-describedby": t.question.ariaDescribedBy
2294
- }, null, 42, Kn), [
2305
+ }, null, 42, Un), [
2295
2306
  [G, t.question.booleanValue]
2296
2307
  ]),
2297
2308
  c("div", {
@@ -2345,14 +2356,14 @@ ne.Instance.registerRenderer(
2345
2356
  "radio",
2346
2357
  "sv-boolean-radio"
2347
2358
  );
2348
- const Qn = /* @__PURE__ */ h({
2359
+ const jn = /* @__PURE__ */ h({
2349
2360
  inheritAttrs: !1,
2350
2361
  __name: "BooleanRadio",
2351
2362
  props: {
2352
2363
  question: {}
2353
2364
  },
2354
2365
  setup(r) {
2355
- const s = D(null);
2366
+ const s = _(null);
2356
2367
  return A(r, s), (e, n) => {
2357
2368
  const t = v("sv-boolean-radio-item");
2358
2369
  return i(), u("div", {
@@ -2380,7 +2391,7 @@ const Qn = /* @__PURE__ */ h({
2380
2391
  ], 2);
2381
2392
  };
2382
2393
  }
2383
- }), Gn = ["name", "value", "checked", "aria-describedby", "disabled"], Xn = ["xlink:href"], Jn = /* @__PURE__ */ h({
2394
+ }), Qn = ["name", "value", "checked", "aria-describedby", "disabled"], Gn = ["xlink:href"], Jn = /* @__PURE__ */ h({
2384
2395
  __name: "BooleanRadioItem",
2385
2396
  props: {
2386
2397
  question: {},
@@ -2410,7 +2421,7 @@ const Qn = /* @__PURE__ */ h({
2410
2421
  disabled: e.question.isInputReadOnly,
2411
2422
  class: l(e.question.cssClasses.itemRadioControl),
2412
2423
  onChange: o
2413
- }, null, 42, Gn),
2424
+ }, null, 42, Qn),
2414
2425
  e.question.cssClasses.materialRadioDecorator ? (i(), u("span", {
2415
2426
  key: 0,
2416
2427
  class: l(e.question.cssClasses.materialRadioDecorator)
@@ -2421,7 +2432,7 @@ const Qn = /* @__PURE__ */ h({
2421
2432
  }, [
2422
2433
  c("use", {
2423
2434
  "xlink:href": e.question.itemSvgIcon
2424
- }, null, 8, Xn)
2435
+ }, null, 8, Gn)
2425
2436
  ], 2)) : d("", !0)
2426
2437
  ], 2)) : d("", !0),
2427
2438
  c("span", {
@@ -2433,13 +2444,13 @@ const Qn = /* @__PURE__ */ h({
2433
2444
  ], 2);
2434
2445
  };
2435
2446
  }
2436
- }), Yn = ["name", "value", "id", ".indeterminate", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Zn = ["xlink:href"], xn = /* @__PURE__ */ c("span", { class: "check" }, null, -1), eo = ["id"];
2447
+ }), Xn = ["name", "value", "id", ".indeterminate", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Yn = ["xlink:href"], Zn = /* @__PURE__ */ c("span", { class: "check" }, null, -1), xn = ["id"];
2437
2448
  ne.Instance.registerRenderer(
2438
2449
  "boolean",
2439
2450
  "checkbox",
2440
2451
  "sv-boolean-checkbox"
2441
2452
  );
2442
- const so = /* @__PURE__ */ h({
2453
+ const eo = /* @__PURE__ */ h({
2443
2454
  inheritAttrs: !1,
2444
2455
  __name: "BooleanCheckbox",
2445
2456
  props: {
@@ -2447,7 +2458,7 @@ const so = /* @__PURE__ */ h({
2447
2458
  css: {}
2448
2459
  },
2449
2460
  setup(r) {
2450
- const s = r, o = D(null);
2461
+ const s = r, o = _(null);
2451
2462
  return A(s, o), (e, n) => {
2452
2463
  var m;
2453
2464
  const t = v("survey-element-title-content"), a = v("sv-title-actions"), p = v("survey-string");
@@ -2462,7 +2473,7 @@ const so = /* @__PURE__ */ h({
2462
2473
  c("label", {
2463
2474
  class: l(e.question.cssClasses.checkboxLabel)
2464
2475
  }, [
2465
- P(c("input", {
2476
+ N(c("input", {
2466
2477
  type: "checkbox",
2467
2478
  name: e.question.name,
2468
2479
  value: (m = e.question.booleanValue) != null ? m : "",
@@ -2475,7 +2486,7 @@ const so = /* @__PURE__ */ h({
2475
2486
  "aria-label": e.question.ariaLabel,
2476
2487
  "aria-invalid": e.question.ariaInvalid,
2477
2488
  "aria-describedby": e.question.ariaDescribedBy
2478
- }, null, 42, Yn), [
2489
+ }, null, 42, Xn), [
2479
2490
  [G, e.question.booleanValue]
2480
2491
  ]),
2481
2492
  c("span", {
@@ -2487,9 +2498,9 @@ const so = /* @__PURE__ */ h({
2487
2498
  }, [
2488
2499
  c("use", {
2489
2500
  "xlink:href": e.question.svgIcon
2490
- }, null, 8, Zn)
2501
+ }, null, 8, Yn)
2491
2502
  ], 2)) : d("", !0),
2492
- xn
2503
+ Zn
2493
2504
  ], 2),
2494
2505
  e.question.isLabelRendered ? (i(), u("span", {
2495
2506
  key: 0,
@@ -2506,7 +2517,7 @@ const so = /* @__PURE__ */ h({
2506
2517
  element: e.question,
2507
2518
  css: e.css
2508
2519
  }, null, 8, ["element", "css"])) : d("", !0)
2509
- ], 10, eo)) : d("", !0)
2520
+ ], 10, xn)) : d("", !0)
2510
2521
  ], 2),
2511
2522
  e.question.canRenderLabelDescription ? (i(), u("div", {
2512
2523
  key: 0,
@@ -2520,14 +2531,14 @@ const so = /* @__PURE__ */ h({
2520
2531
  ], 2);
2521
2532
  };
2522
2533
  }
2523
- }), no = /* @__PURE__ */ h({
2534
+ }), so = /* @__PURE__ */ h({
2524
2535
  inheritAttrs: !1,
2525
2536
  __name: "Multipletext",
2526
2537
  props: {
2527
2538
  question: {}
2528
2539
  },
2529
2540
  setup(r) {
2530
- const s = r, o = D(null), e = w(() => s.question.getRows());
2541
+ const s = r, o = _(null), e = w(() => s.question.getRows());
2531
2542
  return A(s, o), (n, t) => {
2532
2543
  const a = v("survey-multipletext-item");
2533
2544
  return i(), u("table", {
@@ -2558,7 +2569,7 @@ const so = /* @__PURE__ */ h({
2558
2569
  ], 2);
2559
2570
  };
2560
2571
  }
2561
- }), oo = { key: 1 }, to = /* @__PURE__ */ h({
2572
+ }), no = { key: 1 }, oo = /* @__PURE__ */ h({
2562
2573
  __name: "MultipletextItem",
2563
2574
  props: {
2564
2575
  question: {},
@@ -2578,22 +2589,23 @@ const so = /* @__PURE__ */ h({
2578
2589
  class: l(n.question.getItemLabelCss(e.value))
2579
2590
  }, [
2580
2591
  c("span", {
2581
- class: l(n.question.getItemTitleCss())
2592
+ class: l(n.question.getItemTitleCss()),
2593
+ style: S({ minWidth: n.question.itemTitleWidth, width: n.question.itemTitleWidth })
2582
2594
  }, [
2583
2595
  e.value.editor.isRequireTextBeforeTitle || e.value.editor.isRequireTextOnStart ? (i(), u("span", {
2584
2596
  key: 0,
2585
2597
  class: l(n.question.cssClasses.requiredText)
2586
- }, S(e.value.editor.requiredText), 3)) : d("", !0),
2598
+ }, R(e.value.editor.requiredText), 3)) : d("", !0),
2587
2599
  b(a, {
2588
2600
  locString: e.value.locTitle
2589
2601
  }, null, 8, ["locString"]),
2590
- e.value.editor.isRequireTextAfterTitle ? (i(), u("span", oo, "\xA0")) : d("", !0),
2602
+ e.value.editor.isRequireTextAfterTitle ? (i(), u("span", no, "\xA0")) : d("", !0),
2591
2603
  e.value.editor.isRequireTextAfterTitle ? (i(), u("span", {
2592
2604
  key: 2,
2593
2605
  "aria-hidden": "true",
2594
2606
  class: l(n.question.cssClasses.requiredText)
2595
- }, S(e.value.editor.requiredText), 3)) : d("", !0)
2596
- ], 2),
2607
+ }, R(e.value.editor.requiredText), 3)) : d("", !0)
2608
+ ], 6),
2597
2609
  (i(), u("div", {
2598
2610
  key: e.value.editor.id,
2599
2611
  class: l(n.question.getItemCss()),
@@ -2606,14 +2618,14 @@ const so = /* @__PURE__ */ h({
2606
2618
  ], 2));
2607
2619
  };
2608
2620
  }
2609
- }), io = { class: "sv-hidden" }, ro = { key: 0 }, lo = { key: 0 }, ao = ["onClick"], uo = ["data-responsive-title", "onClick"], mo = ["name", "onUpdate:modelValue", "value", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], co = ["xlink:href"], po = /* @__PURE__ */ h({
2621
+ }), to = { class: "sv-hidden" }, io = { key: 0 }, ro = { key: 0 }, lo = ["onClick"], ao = ["data-responsive-title", "onClick"], uo = ["name", "onUpdate:modelValue", "value", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], mo = ["xlink:href"], co = /* @__PURE__ */ h({
2610
2622
  inheritAttrs: !1,
2611
2623
  __name: "Matrix",
2612
2624
  props: {
2613
2625
  question: {}
2614
2626
  },
2615
2627
  setup(r) {
2616
- const s = r, o = D(null), e = j();
2628
+ const s = r, o = _(null), e = j();
2617
2629
  A(
2618
2630
  s,
2619
2631
  o,
@@ -2638,17 +2650,17 @@ const so = /* @__PURE__ */ h({
2638
2650
  ref: o
2639
2651
  }, [
2640
2652
  c("fieldset", null, [
2641
- c("legend", io, S(t.question.locTitle.renderedHtml), 1),
2653
+ c("legend", to, R(t.question.locTitle.renderedHtml), 1),
2642
2654
  c("table", {
2643
2655
  class: l(t.question.getTableCss())
2644
2656
  }, [
2645
- t.question.showHeader ? (i(), u("thead", ro, [
2657
+ t.question.showHeader ? (i(), u("thead", io, [
2646
2658
  c("tr", null, [
2647
- t.question.hasRows ? (i(), u("td", lo)) : d("", !0),
2659
+ t.question.hasRows ? (i(), u("td", ro)) : d("", !0),
2648
2660
  (i(!0), u($, null, B(t.question.visibleColumns, (m, y) => (i(), u("th", {
2649
2661
  key: y,
2650
2662
  class: l(t.question.cssClasses.headerCell),
2651
- style: R({
2663
+ style: S({
2652
2664
  minWidth: t.question.columnMinWidth,
2653
2665
  width: t.question.columnMinWidth
2654
2666
  })
@@ -2671,9 +2683,9 @@ const so = /* @__PURE__ */ h({
2671
2683
  key: "row_" + m.name + "_" + y,
2672
2684
  class: l(m.rowClasses || void 0)
2673
2685
  }, [
2674
- P(c("td", {
2686
+ N(c("td", {
2675
2687
  class: l(t.question.cssClasses.rowTextCell),
2676
- style: R({
2688
+ style: S({
2677
2689
  minWidth: t.question.rowTitleWidth,
2678
2690
  width: t.question.rowTitleWidth
2679
2691
  })
@@ -2699,7 +2711,7 @@ const so = /* @__PURE__ */ h({
2699
2711
  b(p, {
2700
2712
  locString: t.question.getCellDisplayLocText(m.name, g)
2701
2713
  }, null, 8, ["locString"])
2702
- ], 10, ao))), 128)) : d("", !0),
2714
+ ], 10, lo))), 128)) : d("", !0),
2703
2715
  t.question.hasCellText ? d("", !0) : (i(!0), u($, { key: 1 }, B(t.question.visibleColumns, (g, I) => (i(), u("td", {
2704
2716
  key: I,
2705
2717
  "data-responsive-title": g.locText.renderedHtml,
@@ -2710,7 +2722,7 @@ const so = /* @__PURE__ */ h({
2710
2722
  onMousedown: a[0] || (a[0] = (C) => t.question.onMouseDown()),
2711
2723
  class: l(t.question.getItemClass(m, g))
2712
2724
  }, [
2713
- P(c("input", {
2725
+ N(c("input", {
2714
2726
  type: "radio",
2715
2727
  class: l(t.question.cssClasses.itemValue),
2716
2728
  name: m.fullName,
@@ -2722,7 +2734,7 @@ const so = /* @__PURE__ */ h({
2722
2734
  "aria-label": t.question.getCellAriaLabel(m.locText.renderedHtml, g.locText.renderedHtml),
2723
2735
  "aria-invalid": t.question.a11y_input_ariaInvalid,
2724
2736
  "aria-describedby": t.question.a11y_input_ariaDescribedBy
2725
- }, null, 10, mo), [
2737
+ }, null, 10, uo), [
2726
2738
  [se, m.value]
2727
2739
  ]),
2728
2740
  c("span", {
@@ -2734,10 +2746,10 @@ const so = /* @__PURE__ */ h({
2734
2746
  }, [
2735
2747
  c("use", {
2736
2748
  "xlink:href": t.question.itemSvgIcon
2737
- }, null, 8, co)
2749
+ }, null, 8, mo)
2738
2750
  ], 2)) : d("", !0)
2739
2751
  ], 2),
2740
- P(c("span", {
2752
+ N(c("span", {
2741
2753
  class: l(t.question.cssClasses.cellResponsiveTitle)
2742
2754
  }, [
2743
2755
  b(p, {
@@ -2747,7 +2759,7 @@ const so = /* @__PURE__ */ h({
2747
2759
  [M, t.question.isMobile]
2748
2760
  ])
2749
2761
  ], 34)
2750
- ], 10, uo))), 128))
2762
+ ], 10, ao))), 128))
2751
2763
  ], 2))), 128))
2752
2764
  ])
2753
2765
  ], 2)
@@ -2755,14 +2767,14 @@ const so = /* @__PURE__ */ h({
2755
2767
  ], 2);
2756
2768
  };
2757
2769
  }
2758
- }), vo = /* @__PURE__ */ h({
2770
+ }), po = /* @__PURE__ */ h({
2759
2771
  inheritAttrs: !1,
2760
2772
  __name: "MatrixDropdown",
2761
2773
  props: {
2762
2774
  question: {}
2763
2775
  },
2764
2776
  setup(r) {
2765
- const s = r, o = D(null);
2777
+ const s = r, o = _(null);
2766
2778
  return A(s, o), (e, n) => {
2767
2779
  const t = v("survey-matrixtable");
2768
2780
  return i(), q(t, {
@@ -2772,7 +2784,7 @@ const so = /* @__PURE__ */ h({
2772
2784
  }, null, 8, ["question"]);
2773
2785
  };
2774
2786
  }
2775
- }), yo = { key: 0 }, qo = ["data-sv-drop-target-matrix-row", "onPointerdown"], go = { key: 1 }, ho = /* @__PURE__ */ h({
2787
+ }), vo = { key: 0 }, yo = ["data-sv-drop-target-matrix-row", "onPointerdown"], qo = { key: 1 }, go = /* @__PURE__ */ h({
2776
2788
  __name: "MatrixTable",
2777
2789
  props: {
2778
2790
  question: {}
@@ -2795,19 +2807,19 @@ const so = /* @__PURE__ */ h({
2795
2807
  ), (e, n) => {
2796
2808
  const t = v("survey-string"), a = v("survey-matrixheaderrequired"), p = v("survey-matrixcell");
2797
2809
  return i(), u("div", {
2798
- style: R({ overflowX: e.question.showHorizontalScroll ? "scroll" : "" }),
2810
+ style: S({ overflowX: e.question.showHorizontalScroll ? "scroll" : "" }),
2799
2811
  class: l(e.question.cssClasses.tableWrapper)
2800
2812
  }, [
2801
2813
  c("table", {
2802
2814
  class: l(e.question.getTableCss())
2803
2815
  }, [
2804
- o.value.showHeader ? (i(), u("thead", yo, [
2816
+ o.value.showHeader ? (i(), u("thead", vo, [
2805
2817
  c("tr", null, [
2806
2818
  (i(!0), u($, null, B(o.value.headerRow.cells, (m) => (i(), u($, null, [
2807
2819
  m.hasTitle ? (i(), u("th", {
2808
2820
  key: "header_" + m.id,
2809
2821
  class: l(m.className),
2810
- style: R({ minWidth: m.minWidth, width: m.width })
2822
+ style: S({ minWidth: m.minWidth, width: m.width })
2811
2823
  }, [
2812
2824
  (i(), q(T(e.question.getColumnHeaderWrapperComponentName(m)), {
2813
2825
  componentData: e.question.getColumnHeaderWrapperComponentData(m)
@@ -2828,7 +2840,7 @@ const so = /* @__PURE__ */ h({
2828
2840
  m.hasTitle ? d("", !0) : (i(), u("td", {
2829
2841
  class: l(m.className),
2830
2842
  key: "header_" + m.id,
2831
- style: R({ minWidth: m.minWidth, width: m.width })
2843
+ style: S({ minWidth: m.minWidth, width: m.width })
2832
2844
  }, null, 6))
2833
2845
  ], 64))), 256))
2834
2846
  ])
@@ -2848,10 +2860,10 @@ const so = /* @__PURE__ */ h({
2848
2860
  question: e.question,
2849
2861
  key: m.id + "_" + g
2850
2862
  }, null, 8, ["cell", "question"]))), 128))
2851
- ], 42, qo)) : d("", !0)
2863
+ ], 42, yo)) : d("", !0)
2852
2864
  ], 64))), 128))
2853
2865
  ]),
2854
- o.value.showFooter ? (i(), u("tfoot", go, [
2866
+ o.value.showFooter ? (i(), u("tfoot", qo, [
2855
2867
  c("tr", null, [
2856
2868
  (i(!0), u($, null, B(o.value.footerRow.cells, (m, y) => (i(), q(p, {
2857
2869
  cell: m,
@@ -2864,7 +2876,7 @@ const so = /* @__PURE__ */ h({
2864
2876
  ], 6);
2865
2877
  };
2866
2878
  }
2867
- }), Co = /* @__PURE__ */ c("span", null, "\xA0", -1), bo = /* @__PURE__ */ h({
2879
+ }), ho = /* @__PURE__ */ c("span", null, "\xA0", -1), Co = /* @__PURE__ */ h({
2868
2880
  __name: "MatrixHeaderRequired",
2869
2881
  props: {
2870
2882
  question: {},
@@ -2873,22 +2885,22 @@ const so = /* @__PURE__ */ h({
2873
2885
  setup(r) {
2874
2886
  const s = r;
2875
2887
  return L(() => s.column), (o, e) => o.column.isRenderedRequired ? (i(), u($, { key: 0 }, [
2876
- Co,
2888
+ ho,
2877
2889
  o.column.isRenderedRequired ? (i(), u("span", {
2878
2890
  key: 0,
2879
2891
  class: l(o.question.cssClasses.cellRequiredText)
2880
- }, S(o.column.requiredText), 3)) : d("", !0)
2892
+ }, R(o.column.requiredText), 3)) : d("", !0)
2881
2893
  ], 64)) : d("", !0);
2882
2894
  }
2883
- }), ko = ["data-responsive-title", "title", "colspan"], fo = /* @__PURE__ */ h({
2895
+ }), bo = ["data-responsive-title", "title", "colspan"], ko = /* @__PURE__ */ h({
2884
2896
  __name: "MatrixCell",
2885
2897
  props: {
2886
2898
  question: {},
2887
2899
  cell: {}
2888
2900
  },
2889
2901
  setup(r) {
2890
- const s = r, o = D(!1), e = D(), n = () => s.cell.headers, t = () => !!s.cell.width || !!s.cell.minWidth ? { width: s.cell.width, minWidth: s.cell.minWidth } : null, a = () => o.value = s.cell.question.isVisible, p = (g) => te(g);
2891
- W(() => {
2902
+ const s = r, o = _(!1), e = _(), n = () => s.cell.headers, t = () => !!s.cell.width || !!s.cell.minWidth ? { width: s.cell.width, minWidth: s.cell.minWidth } : null, a = () => o.value = s.cell.question.isVisible, p = (g) => te(g);
2903
+ H(() => {
2892
2904
  if (!s.cell.hasQuestion || !s.question || !s.question.survey)
2893
2905
  return;
2894
2906
  a(), s.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
@@ -2908,35 +2920,35 @@ const so = /* @__PURE__ */ h({
2908
2920
  if (g.hasPanel) {
2909
2921
  const I = g.panel, C = I.survey;
2910
2922
  if (C) {
2911
- const N = C.getElementWrapperComponentName(I);
2912
- if (N)
2913
- return N;
2923
+ const P = C.getElementWrapperComponentName(I);
2924
+ if (P)
2925
+ return P;
2914
2926
  }
2915
2927
  return "survey-panel";
2916
2928
  }
2917
2929
  }), y = w(() => {
2918
2930
  if (s.cell.hasPanel) {
2919
2931
  const I = s.cell.panel, C = I.survey;
2920
- let N;
2921
- return C && (N = C.getElementWrapperComponentData(I)), {
2932
+ let P;
2933
+ return C && (P = C.getElementWrapperComponentData(I)), {
2922
2934
  componentName: "survey-panel",
2923
2935
  componentData: {
2924
2936
  element: I,
2925
- data: N,
2937
+ data: P,
2926
2938
  css: s.question.cssClasses
2927
2939
  }
2928
2940
  };
2929
2941
  }
2930
2942
  });
2931
2943
  return (g, I) => {
2932
- const C = v("survey-errors"), N = v("sv-matrix-drag-drop-icon"), k = v("sv-action-bar"), _ = v("survey-radiogroup-item"), E = v("survey-checkbox-item"), O = v("survey-other-choice"), U = v("survey-string");
2944
+ const C = v("survey-errors"), P = v("sv-matrix-drag-drop-icon"), k = v("sv-action-bar"), D = v("survey-radiogroup-item"), E = v("survey-checkbox-item"), O = v("survey-other-choice"), U = v("survey-string");
2933
2945
  return i(), u("td", {
2934
2946
  class: l(g.cell.className),
2935
2947
  "data-responsive-title": n(),
2936
2948
  title: g.cell.getTitle(),
2937
- style: R(t()),
2949
+ style: S(t()),
2938
2950
  colspan: g.cell.colSpans,
2939
- onFocusin: I[0] || (I[0] = (zi) => g.cell.focusIn()),
2951
+ onFocusin: I[0] || (I[0] = (re) => g.cell.focusIn()),
2940
2952
  ref_key: "root",
2941
2953
  ref: e
2942
2954
  }, [
@@ -2944,7 +2956,7 @@ const so = /* @__PURE__ */ h({
2944
2956
  key: 0,
2945
2957
  element: g.cell.question
2946
2958
  }, null, 8, ["element"])) : d("", !0),
2947
- g.cell.isDragHandlerCell ? (i(), q(N, {
2959
+ g.cell.isDragHandlerCell ? (i(), q(P, {
2948
2960
  key: 1,
2949
2961
  item: { data: { row: g.cell.row, question: g.question } }
2950
2962
  }, null, 8, ["item"])) : d("", !0),
@@ -2953,8 +2965,8 @@ const so = /* @__PURE__ */ h({
2953
2965
  model: g.cell.item.getData(),
2954
2966
  handleClick: !1
2955
2967
  }, null, 8, ["model"])) : d("", !0),
2956
- g.cell.hasPanel ? (i(), q(T(m.value), F(H({ key: 3 }, y.value)), null, 16)) : d("", !0),
2957
- g.cell.hasQuestion ? P((i(), u("div", {
2968
+ g.cell.hasPanel ? (i(), q(T(m.value), F(W({ key: 3 }, y.value)), null, 16)) : d("", !0),
2969
+ g.cell.hasQuestion ? N((i(), u("div", {
2958
2970
  key: 4,
2959
2971
  class: l(g.question.cssClasses.cellQuestionWrapper)
2960
2972
  }, [
@@ -2978,7 +2990,7 @@ const so = /* @__PURE__ */ h({
2978
2990
  componentData: g.question.getCellWrapperComponentData(g.cell.cell)
2979
2991
  }, {
2980
2992
  default: V(() => [
2981
- g.cell.isRadio ? (i(), q(_, {
2993
+ g.cell.isRadio ? (i(), q(D, {
2982
2994
  key: g.cell.item.value,
2983
2995
  question: g.cell.question,
2984
2996
  item: g.cell.item,
@@ -3012,21 +3024,21 @@ const so = /* @__PURE__ */ h({
3012
3024
  g.cell.requiredText ? (i(), u("span", {
3013
3025
  key: 1,
3014
3026
  class: l(g.question.cssClasses.cellRequiredText)
3015
- }, S(g.cell.requiredText), 3)) : d("", !0)
3027
+ }, R(g.cell.requiredText), 3)) : d("", !0)
3016
3028
  ]),
3017
3029
  _: 1
3018
3030
  }, 8, ["componentData"])) : d("", !0)
3019
- ], 46, ko);
3031
+ ], 46, bo);
3020
3032
  };
3021
3033
  }
3022
- }), Io = /* @__PURE__ */ h({
3034
+ }), fo = /* @__PURE__ */ h({
3023
3035
  inheritAttrs: !1,
3024
3036
  __name: "MatrixDynamic",
3025
3037
  props: {
3026
3038
  question: {}
3027
3039
  },
3028
3040
  setup(r) {
3029
- const s = r, o = D(null);
3041
+ const s = r, o = _(null);
3030
3042
  A(s, o);
3031
3043
  const e = () => {
3032
3044
  s.question.addRowUI();
@@ -3110,7 +3122,7 @@ function ie(r, s = !0) {
3110
3122
  row: s ? w(() => r.item.data.row) : void 0
3111
3123
  };
3112
3124
  }
3113
- const wo = ["disabled"], So = /* @__PURE__ */ h({
3125
+ const Io = ["disabled"], wo = /* @__PURE__ */ h({
3114
3126
  __name: "RemoveButton",
3115
3127
  props: {
3116
3128
  item: {}
@@ -3131,10 +3143,10 @@ const wo = ["disabled"], So = /* @__PURE__ */ h({
3131
3143
  c("span", {
3132
3144
  class: l(f(o).cssClasses.iconRemove)
3133
3145
  }, null, 2)
3134
- ], 10, wo);
3146
+ ], 10, Io);
3135
3147
  };
3136
3148
  }
3137
- }), Ro = ["xlink:href"], To = /* @__PURE__ */ h({
3149
+ }), So = ["xlink:href"], Ro = /* @__PURE__ */ h({
3138
3150
  __name: "DragDropIcon",
3139
3151
  props: {
3140
3152
  item: {}
@@ -3147,13 +3159,13 @@ const wo = ["disabled"], So = /* @__PURE__ */ h({
3147
3159
  }, [
3148
3160
  c("use", {
3149
3161
  "xlink:href": f(o).iconDragElement
3150
- }, null, 8, Ro)
3162
+ }, null, 8, So)
3151
3163
  ], 2)) : (i(), u("span", {
3152
3164
  key: 1,
3153
3165
  class: l(f(o).cssClasses.iconDrag)
3154
3166
  }, null, 2));
3155
3167
  }
3156
- }), $o = ["aria-expanded", "aria-controls"], Do = /* @__PURE__ */ h({
3168
+ }), To = ["aria-expanded", "aria-controls"], $o = /* @__PURE__ */ h({
3157
3169
  __name: "DetailButton",
3158
3170
  props: {
3159
3171
  item: {}
@@ -3174,7 +3186,7 @@ const wo = ["disabled"], So = /* @__PURE__ */ h({
3174
3186
  iconName: f(o).getDetailPanelIconId(f(e)),
3175
3187
  size: "auto"
3176
3188
  }, null, 8, ["class", "iconName"])
3177
- ], 10, $o);
3189
+ ], 10, To);
3178
3190
  };
3179
3191
  }
3180
3192
  }), _o = /* @__PURE__ */ h({
@@ -3185,7 +3197,7 @@ const wo = ["disabled"], So = /* @__PURE__ */ h({
3185
3197
  css: {}
3186
3198
  },
3187
3199
  setup(r) {
3188
- const s = r, o = D(null), e = oe();
3200
+ const s = r, o = _(null), e = oe();
3189
3201
  A(
3190
3202
  s,
3191
3203
  o,
@@ -3233,7 +3245,7 @@ const wo = ["disabled"], So = /* @__PURE__ */ h({
3233
3245
  };
3234
3246
  };
3235
3247
  return (m, y) => {
3236
- const g = v("survey-string"), I = v("sv-paneldynamic-add-btn"), C = v("survey-paneldynamicprogress"), N = v("sv-paneldynamic-remove-btn"), k = v("survey-paneldynamicprogress-v2");
3248
+ const g = v("survey-string"), I = v("sv-paneldynamic-add-btn"), C = v("survey-paneldynamicprogress"), P = v("sv-paneldynamic-remove-btn"), k = v("survey-paneldynamicprogress-v2");
3237
3249
  return i(), u("div", {
3238
3250
  class: l(m.question.cssClasses.root),
3239
3251
  ref_key: "root",
@@ -3258,7 +3270,7 @@ const wo = ["disabled"], So = /* @__PURE__ */ h({
3258
3270
  }, [
3259
3271
  c("div", {
3260
3272
  class: l(m.question.cssClasses.progressBar),
3261
- style: R({ width: m.question.progress }),
3273
+ style: S({ width: m.question.progress }),
3262
3274
  role: "progressbar"
3263
3275
  }, null, 6)
3264
3276
  ], 2)) : d("", !0),
@@ -3266,21 +3278,21 @@ const wo = ["disabled"], So = /* @__PURE__ */ h({
3266
3278
  key: 2,
3267
3279
  question: m.question
3268
3280
  }, null, 8, ["question"])) : d("", !0),
3269
- (i(!0), u($, null, B(n.value, (_, E) => (i(), u($, {
3270
- key: _.id
3281
+ (i(!0), u($, null, B(n.value, (D, E) => (i(), u($, {
3282
+ key: D.id
3271
3283
  }, [
3272
3284
  c("div", {
3273
3285
  class: l(m.question.getPanelWrapperCss())
3274
3286
  }, [
3275
- (i(), q(T(a(_)), F(ve(p(_))), null, 16)),
3276
- m.question.panelRemoveButtonLocation === "right" && m.question.canRemovePanel && _.state !== "collapsed" ? (i(), q(N, {
3287
+ (i(), q(T(a(D)), F(ye(p(D))), null, 16)),
3288
+ m.question.panelRemoveButtonLocation === "right" && m.question.canRemovePanel && D.state !== "collapsed" ? (i(), q(P, {
3277
3289
  key: 0,
3278
- data: { question: m.question, panel: _ }
3290
+ data: { question: m.question, panel: D }
3279
3291
  }, null, 8, ["data"])) : d("", !0)
3280
3292
  ], 2),
3281
3293
  m.question.isRenderModeList && E < m.question.visiblePanelCount - 1 ? (i(), u("hr", {
3282
3294
  class: l(m.question.cssClasses.separator),
3283
- key: "separator" + _.id
3295
+ key: "separator" + D.id
3284
3296
  }, null, 2)) : d("", !0)
3285
3297
  ], 64))), 128)),
3286
3298
  t() && m.question.isProgressBottomShowing ? (i(), q(C, {
@@ -3298,7 +3310,7 @@ const wo = ["disabled"], So = /* @__PURE__ */ h({
3298
3310
  ], 2);
3299
3311
  };
3300
3312
  }
3301
- }), Bo = /* @__PURE__ */ h({
3313
+ }), Do = /* @__PURE__ */ h({
3302
3314
  __name: "PanelDynamicProgress",
3303
3315
  props: {
3304
3316
  question: {}
@@ -3326,7 +3338,7 @@ const wo = ["disabled"], So = /* @__PURE__ */ h({
3326
3338
  }, [
3327
3339
  c("div", {
3328
3340
  class: l(e.question.cssClasses.progressBar),
3329
- style: R({ width: e.question.progress }),
3341
+ style: S({ width: e.question.progress }),
3330
3342
  role: "progressbar"
3331
3343
  }, null, 6)
3332
3344
  ], 2)) : d("", !0),
@@ -3344,7 +3356,7 @@ const wo = ["disabled"], So = /* @__PURE__ */ h({
3344
3356
  ], 2);
3345
3357
  };
3346
3358
  }
3347
- }), Lo = /* @__PURE__ */ h({
3359
+ }), Bo = /* @__PURE__ */ h({
3348
3360
  __name: "PanelDynamicProgressV2",
3349
3361
  props: {
3350
3362
  question: {}
@@ -3365,7 +3377,7 @@ const wo = ["disabled"], So = /* @__PURE__ */ h({
3365
3377
  }, [
3366
3378
  c("div", {
3367
3379
  class: l(s.question.cssClasses.progressBar),
3368
- style: R({ width: s.question.progress }),
3380
+ style: S({ width: s.question.progress }),
3369
3381
  role: "progressbar"
3370
3382
  }, null, 6)
3371
3383
  ], 2)) : d("", !0),
@@ -3386,7 +3398,7 @@ function Z(r) {
3386
3398
  () => r.item && r.item.data.question || r.data.question
3387
3399
  );
3388
3400
  }
3389
- const No = /* @__PURE__ */ h({
3401
+ const Lo = /* @__PURE__ */ h({
3390
3402
  __name: "PaneldynamicAddBtn",
3391
3403
  props: {
3392
3404
  item: {},
@@ -3404,10 +3416,10 @@ const No = /* @__PURE__ */ h({
3404
3416
  }, [
3405
3417
  c("span", {
3406
3418
  class: l(f(o).cssClasses.buttonAddText)
3407
- }, S(f(o).panelAddText), 3)
3419
+ }, R(f(o).panelAddText), 3)
3408
3420
  ], 2)) : d("", !0);
3409
3421
  }
3410
- }), Po = ["title"], Ao = /* @__PURE__ */ h({
3422
+ }), No = ["title"], Po = /* @__PURE__ */ h({
3411
3423
  __name: "PaneldynamicNextBtn",
3412
3424
  props: {
3413
3425
  item: {},
@@ -3428,10 +3440,10 @@ const No = /* @__PURE__ */ h({
3428
3440
  iconName: f(o).cssClasses.progressBtnIcon,
3429
3441
  size: "auto"
3430
3442
  }, null, 8, ["iconName"])
3431
- ], 10, Po);
3443
+ ], 10, No);
3432
3444
  };
3433
3445
  }
3434
- }), Mo = ["title"], Ho = /* @__PURE__ */ h({
3446
+ }), Ao = ["title"], Mo = /* @__PURE__ */ h({
3435
3447
  __name: "PaneldynamicPrevBtn",
3436
3448
  props: {
3437
3449
  item: {},
@@ -3452,10 +3464,10 @@ const No = /* @__PURE__ */ h({
3452
3464
  iconName: f(o).cssClasses.progressBtnIcon,
3453
3465
  size: "auto"
3454
3466
  }, null, 8, ["iconName"])
3455
- ], 10, Mo);
3467
+ ], 10, Ao);
3456
3468
  };
3457
3469
  }
3458
- }), Wo = /* @__PURE__ */ h({
3470
+ }), Ho = /* @__PURE__ */ h({
3459
3471
  __name: "PaneldynamicRemoveBtn",
3460
3472
  props: {
3461
3473
  item: {},
@@ -3474,13 +3486,13 @@ const No = /* @__PURE__ */ h({
3474
3486
  }, [
3475
3487
  c("span", {
3476
3488
  class: l(f(o).cssClasses.buttonRemoveText)
3477
- }, S(f(o).panelRemoveText), 3),
3489
+ }, R(f(o).panelRemoveText), 3),
3478
3490
  c("span", {
3479
3491
  class: l(f(o).cssClasses.iconRemove)
3480
3492
  }, null, 2)
3481
3493
  ], 2));
3482
3494
  }
3483
- }), Eo = /* @__PURE__ */ h({
3495
+ }), Wo = /* @__PURE__ */ h({
3484
3496
  __name: "PaneldynamicProgressText",
3485
3497
  props: {
3486
3498
  item: {},
@@ -3490,16 +3502,16 @@ const No = /* @__PURE__ */ h({
3490
3502
  const o = Z(r);
3491
3503
  return (e, n) => (i(), u("div", {
3492
3504
  class: l(f(o).cssClasses.progressText)
3493
- }, S(f(o).progressText), 3));
3505
+ }, R(f(o).progressText), 3));
3494
3506
  }
3495
- }), Vo = ["id"], Oo = /* @__PURE__ */ h({
3507
+ }), Eo = ["id"], Vo = /* @__PURE__ */ h({
3496
3508
  __name: "Errors",
3497
3509
  props: {
3498
3510
  element: {},
3499
3511
  location: {}
3500
3512
  },
3501
3513
  setup(r) {
3502
- const s = D();
3514
+ const s = _();
3503
3515
  return (o, e) => {
3504
3516
  const n = v("survey-string");
3505
3517
  return o.element.hasVisibleErrors ? (i(), u("div", {
@@ -3530,16 +3542,16 @@ const No = /* @__PURE__ */ h({
3530
3542
  }, null, 8, ["locString"])
3531
3543
  ], 2)
3532
3544
  ]))), 128))
3533
- ], 10, Vo)) : d("", !0);
3545
+ ], 10, Eo)) : d("", !0);
3534
3546
  };
3535
3547
  }
3536
- }), Fo = { key: 0 }, zo = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], Uo = /* @__PURE__ */ h({
3548
+ }), Oo = { key: 0 }, Fo = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], zo = /* @__PURE__ */ h({
3537
3549
  __name: "QuestionComment",
3538
3550
  props: {
3539
3551
  question: {}
3540
3552
  },
3541
3553
  setup(r) {
3542
- return (s, o) => s.question.isReadOnlyRenderDiv() ? (i(), u("div", Fo, S(s.question.comment), 1)) : (i(), u("textarea", {
3554
+ return (s, o) => s.question.isReadOnlyRenderDiv() ? (i(), u("div", Oo, R(s.question.comment), 1)) : (i(), u("textarea", {
3543
3555
  key: 1,
3544
3556
  id: s.question.commentId,
3545
3557
  readonly: s.question.isInputReadOnly,
@@ -3550,16 +3562,16 @@ const No = /* @__PURE__ */ h({
3550
3562
  placeholder: s.question.renderedCommentPlaceholder,
3551
3563
  "aria-label": s.question.ariaLabel || s.question.a11y_input_ariaLabel,
3552
3564
  "aria-required": s.question.ariaRequired || s.question.a11y_input_ariaRequired,
3553
- style: R({ resize: s.question.resizeStyle }),
3565
+ style: S({ resize: s.question.resizeStyle }),
3554
3566
  onChange: o[0] || (o[0] = (e) => {
3555
3567
  s.question.onCommentChange(e);
3556
3568
  }),
3557
3569
  onInput: o[1] || (o[1] = (e) => {
3558
3570
  s.question.onCommentInput(e);
3559
3571
  })
3560
- }, null, 46, zo));
3572
+ }, null, 46, Fo));
3561
3573
  }
3562
- }), Ko = /* @__PURE__ */ h({
3574
+ }), Uo = /* @__PURE__ */ h({
3563
3575
  __name: "TitleElement",
3564
3576
  props: {
3565
3577
  element: {},
@@ -3567,7 +3579,7 @@ const No = /* @__PURE__ */ h({
3567
3579
  },
3568
3580
  setup(r) {
3569
3581
  const s = (o) => {
3570
- ye(o);
3582
+ qe(o);
3571
3583
  };
3572
3584
  return (o, e) => {
3573
3585
  const n = v("survey-element-title-content"), t = v("sv-title-actions");
@@ -3599,7 +3611,7 @@ const No = /* @__PURE__ */ h({
3599
3611
  }, 40, ["class", "aria-label", "id", "tabindex", "aria-expanded", "role"])) : d("", !0);
3600
3612
  };
3601
3613
  }
3602
- }), jo = { key: 3 }, Qo = { key: 5 }, Go = { key: 7 }, Xo = /* @__PURE__ */ h({
3614
+ }), Ko = { key: 3 }, jo = { key: 5 }, Qo = { key: 7 }, Go = /* @__PURE__ */ h({
3603
3615
  inheritAttrs: !1,
3604
3616
  __name: "TitleContent",
3605
3617
  props: {
@@ -3618,34 +3630,34 @@ const No = /* @__PURE__ */ h({
3618
3630
  key: 1,
3619
3631
  class: l(s.element.cssClasses.requiredText),
3620
3632
  "aria-hidden": !0
3621
- }, S(s.element.requiredText), 3)) : d("", !0),
3633
+ }, R(s.element.requiredText), 3)) : d("", !0),
3622
3634
  !s.element.isTitleRenderedAsString && s.element.no ? (i(), u("span", {
3623
3635
  key: 2,
3624
3636
  style: { position: "static" },
3625
3637
  class: l(s.element.cssTitleNumber),
3626
3638
  "aria-hidden": !0
3627
- }, S(s.element.no), 3)) : d("", !0),
3628
- !s.element.isTitleRenderedAsString && s.element.no ? (i(), u("span", jo, "\xA0")) : d("", !0),
3639
+ }, R(s.element.no), 3)) : d("", !0),
3640
+ !s.element.isTitleRenderedAsString && s.element.no ? (i(), u("span", Ko, "\xA0")) : d("", !0),
3629
3641
  !s.element.isTitleRenderedAsString && s.element.isRequireTextBeforeTitle ? (i(), u("span", {
3630
3642
  key: 4,
3631
3643
  class: l(s.element.cssClasses.requiredText),
3632
3644
  "aria-hidden": !0
3633
- }, S(s.element.requiredText), 3)) : d("", !0),
3634
- !s.element.isTitleRenderedAsString && s.element.isRequireTextBeforeTitle ? (i(), u("span", Qo, "\xA0")) : d("", !0),
3645
+ }, R(s.element.requiredText), 3)) : d("", !0),
3646
+ !s.element.isTitleRenderedAsString && s.element.isRequireTextBeforeTitle ? (i(), u("span", jo, "\xA0")) : d("", !0),
3635
3647
  s.element.isTitleRenderedAsString ? d("", !0) : (i(), q(e, {
3636
3648
  key: 6,
3637
3649
  locString: s.element.locTitle
3638
3650
  }, null, 8, ["locString"])),
3639
- !s.element.isTitleRenderedAsString && s.element.isRequireTextAfterTitle ? (i(), u("span", Go, "\xA0")) : d("", !0),
3651
+ !s.element.isTitleRenderedAsString && s.element.isRequireTextAfterTitle ? (i(), u("span", Qo, "\xA0")) : d("", !0),
3640
3652
  !s.element.isTitleRenderedAsString && s.element.isRequireTextAfterTitle ? (i(), u("span", {
3641
3653
  key: 8,
3642
3654
  class: l(s.element.cssClasses.requiredText),
3643
3655
  "aria-hidden": !0
3644
- }, S(s.element.requiredText), 3)) : d("", !0)
3656
+ }, R(s.element.requiredText), 3)) : d("", !0)
3645
3657
  ], 64);
3646
3658
  };
3647
3659
  }
3648
- }), Jo = { class: "sv-title-actions" }, Yo = { class: "sv-title-actions__title" }, Zo = /* @__PURE__ */ h({
3660
+ }), Jo = { class: "sv-title-actions" }, Xo = { class: "sv-title-actions__title" }, Yo = /* @__PURE__ */ h({
3649
3661
  __name: "TitleActions",
3650
3662
  props: {
3651
3663
  element: {},
@@ -3656,7 +3668,7 @@ const No = /* @__PURE__ */ h({
3656
3668
  return (e, n) => {
3657
3669
  const t = v("survey-string"), a = v("survey-element-title-content"), p = v("sv-action-bar");
3658
3670
  return i(), u("div", Jo, [
3659
- c("span", Yo, [
3671
+ c("span", Xo, [
3660
3672
  e.element.isPage ? (i(), q(t, {
3661
3673
  key: 0,
3662
3674
  locString: e.element.locTitle
@@ -3671,20 +3683,20 @@ const No = /* @__PURE__ */ h({
3671
3683
  ]);
3672
3684
  };
3673
3685
  }
3674
- }), ge = (r, s) => {
3686
+ }), he = (r, s) => {
3675
3687
  const o = r.__vccOpts || r;
3676
3688
  for (const [e, n] of s)
3677
3689
  o[e] = n;
3678
3690
  return o;
3679
- }, xo = {}, et = { class: "sv-brand-info" }, st = /* @__PURE__ */ fe('<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), nt = [
3680
- st
3691
+ }, Zo = {}, xo = { class: "sv-brand-info" }, et = /* @__PURE__ */ Ie('<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), st = [
3692
+ et
3681
3693
  ];
3682
- function ot(r, s) {
3683
- return i(), u("div", et, nt);
3694
+ function nt(r, s) {
3695
+ return i(), u("div", xo, st);
3684
3696
  }
3685
- const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use", null, null, -1), rt = [
3686
- it
3687
- ], lt = /* @__PURE__ */ h({
3697
+ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use", null, null, -1), it = [
3698
+ tt
3699
+ ], rt = /* @__PURE__ */ h({
3688
3700
  __name: "SvgIcon",
3689
3701
  props: {
3690
3702
  size: {},
@@ -3694,8 +3706,8 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
3694
3706
  title: {}
3695
3707
  },
3696
3708
  setup(r) {
3697
- const s = r, o = D(), e = () => {
3698
- Be(
3709
+ const s = r, o = _(), e = () => {
3710
+ Le(
3699
3711
  s.size,
3700
3712
  s.width,
3701
3713
  s.height,
@@ -3706,16 +3718,16 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
3706
3718
  };
3707
3719
  return ee(() => {
3708
3720
  e();
3709
- }), W(() => {
3721
+ }), H(() => {
3710
3722
  e();
3711
3723
  }), (n, t) => (i(), u("svg", {
3712
3724
  ref_key: "svgIconElement",
3713
3725
  ref: o,
3714
3726
  class: "sv-svg-icon",
3715
3727
  role: "img"
3716
- }, rt, 512));
3728
+ }, it, 512));
3717
3729
  }
3718
- }), at = /* @__PURE__ */ h({
3730
+ }), lt = /* @__PURE__ */ h({
3719
3731
  __name: "ActionBar",
3720
3732
  props: {
3721
3733
  model: {},
@@ -3723,12 +3735,12 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
3723
3735
  handleClick: { type: Boolean, default: !0 }
3724
3736
  },
3725
3737
  setup(r) {
3726
- const s = r, o = D(null), e = (t) => {
3738
+ const s = r, o = _(null), e = (t) => {
3727
3739
  s.handleClick && t.stopPropagation();
3728
3740
  };
3729
3741
  L(() => s.model);
3730
3742
  const n = w(() => s.model.renderedActions);
3731
- return W(() => {
3743
+ return H(() => {
3732
3744
  !s.model.hasActions || s.model.initResponsivityManager(o.value);
3733
3745
  }), z(() => {
3734
3746
  s.model.resetResponsivityManager();
@@ -3748,7 +3760,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
3748
3760
  ], 2)) : d("", !0);
3749
3761
  };
3750
3762
  }
3751
- }), ut = ["id"], dt = { class: "sv-action__content" }, mt = /* @__PURE__ */ h({
3763
+ }), at = ["id"], ut = { class: "sv-action__content" }, dt = /* @__PURE__ */ h({
3752
3764
  __name: "Action",
3753
3765
  props: {
3754
3766
  item: {}
@@ -3763,17 +3775,17 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
3763
3775
  class: l(e.item.getActionRootCss()),
3764
3776
  id: e.item.id
3765
3777
  }, [
3766
- c("div", dt, [
3778
+ c("div", ut, [
3767
3779
  e.item.needSeparator ? (i(), q(t, { key: 0 })) : d("", !0),
3768
3780
  (i(), q(T(o.value), { item: e.item }, null, 8, ["item"]))
3769
3781
  ])
3770
- ], 10, ut);
3782
+ ], 10, at);
3771
3783
  };
3772
3784
  }
3773
- }), ct = ["disabled", "title", "aria-checked", "aria-expanded", "role"], pt = {
3785
+ }), mt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], ct = {
3774
3786
  inheritAttrs: !1
3775
- }, vt = /* @__PURE__ */ h({
3776
- ...pt,
3787
+ }, pt = /* @__PURE__ */ h({
3788
+ ...ct,
3777
3789
  __name: "ActionBarItem",
3778
3790
  props: {
3779
3791
  item: {}
@@ -3782,7 +3794,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
3782
3794
  const s = r;
3783
3795
  return L(() => s.item), (o, e) => {
3784
3796
  const n = v("sv-svg-icon"), t = Y("key2click");
3785
- return P((i(), u("button", {
3797
+ return N((i(), u("button", {
3786
3798
  class: l(o.item.getActionBarItemCss()),
3787
3799
  type: "button",
3788
3800
  onClick: e[0] || (e[0] = (a) => {
@@ -3807,27 +3819,27 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
3807
3819
  o.item.hasTitle ? (i(), u("span", {
3808
3820
  key: 1,
3809
3821
  class: l(o.item.getActionBarItemTitleCss())
3810
- }, S(o.item.title), 3)) : d("", !0)
3811
- ], 42, ct)), [
3822
+ }, R(o.item.title), 3)) : d("", !0)
3823
+ ], 42, mt)), [
3812
3824
  [t, { processEsc: !1, disableTabStop: o.item.disableTabStop }]
3813
3825
  ]);
3814
3826
  };
3815
3827
  }
3816
- }), yt = ["disabled", "title", "role"], qt = {
3828
+ }), vt = ["disabled", "title", "role"], yt = {
3817
3829
  inheritAttrs: !1
3818
- }, gt = /* @__PURE__ */ h({
3819
- ...qt,
3830
+ }, qt = /* @__PURE__ */ h({
3831
+ ...yt,
3820
3832
  __name: "ActionBarItemDropdown",
3821
3833
  props: {
3822
3834
  item: {}
3823
3835
  },
3824
3836
  setup(r) {
3825
- const s = r, o = Ne;
3837
+ const s = r, o = Pe;
3826
3838
  let e;
3827
3839
  return L(
3828
3840
  () => s.item,
3829
3841
  (n) => {
3830
- e = new Le(n);
3842
+ e = new Ne(n);
3831
3843
  },
3832
3844
  () => {
3833
3845
  e.dispose();
@@ -3835,7 +3847,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
3835
3847
  ), (n, t) => {
3836
3848
  const a = v("sv-svg-icon"), p = v("sv-popup"), m = Y("key2click");
3837
3849
  return i(), u($, null, [
3838
- P((i(), u("button", {
3850
+ N((i(), u("button", {
3839
3851
  type: "button",
3840
3852
  class: l(n.item.getActionBarItemCss()),
3841
3853
  onClick: t[0] || (t[0] = (y) => {
@@ -3858,8 +3870,8 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
3858
3870
  n.item.hasTitle ? (i(), u("span", {
3859
3871
  key: 1,
3860
3872
  class: l(n.item.getActionBarItemTitleCss())
3861
- }, S(n.item.title), 3)) : d("", !0)
3862
- ], 42, yt)), [
3873
+ }, R(n.item.title), 3)) : d("", !0)
3874
+ ], 42, vt)), [
3863
3875
  [m, { processEsc: !1, disableTabStop: n.item.disableTabStop }]
3864
3876
  ]),
3865
3877
  b(p, {
@@ -3869,7 +3881,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
3869
3881
  ], 64);
3870
3882
  };
3871
3883
  }
3872
- }), ht = /* @__PURE__ */ h({
3884
+ }), gt = /* @__PURE__ */ h({
3873
3885
  __name: "ActionBarSeparator",
3874
3886
  props: {
3875
3887
  item: {}
@@ -3880,13 +3892,13 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
3880
3892
  class: l(["sv-action-bar-separator", o.value])
3881
3893
  }, null, 2));
3882
3894
  }
3883
- }), Ct = ["aria-label", "placeholder", "value"], bt = ["aria-label"], kt = ["id"], ft = /* @__PURE__ */ h({
3895
+ }), ht = ["aria-label", "placeholder", "value"], Ct = ["aria-label"], bt = ["id"], kt = /* @__PURE__ */ h({
3884
3896
  __name: "List",
3885
3897
  props: {
3886
3898
  model: {}
3887
3899
  },
3888
3900
  setup(r) {
3889
- const s = r, o = D(null), e = (a) => {
3901
+ const s = r, o = _(null), e = (a) => {
3890
3902
  const p = s.model;
3891
3903
  p.filterString = a.target.value;
3892
3904
  }, n = (a) => {
@@ -3895,7 +3907,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
3895
3907
  }, t = (a) => {
3896
3908
  s.model.onMouseMove(a);
3897
3909
  };
3898
- return L(() => s.model), W(() => {
3910
+ return L(() => s.model), H(() => {
3899
3911
  s.model.initListContainerHtmlElement(o.value);
3900
3912
  }), (a, p) => {
3901
3913
  const m = v("sv-svg-icon"), y = v("sv-list-item");
@@ -3924,7 +3936,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
3924
3936
  value: a.model.filterString,
3925
3937
  onChange: e,
3926
3938
  onKeyup: n
3927
- }, null, 42, Ct),
3939
+ }, null, 42, ht),
3928
3940
  a.model.showSearchClearButton && !!a.model.filterString ? (i(), u("button", {
3929
3941
  key: 0,
3930
3942
  onClick: p[0] || (p[0] = (g) => {
@@ -3938,17 +3950,17 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
3938
3950
  })
3939
3951
  ], 2)) : d("", !0)
3940
3952
  ], 2)) : d("", !0),
3941
- P(c("div", {
3953
+ N(c("div", {
3942
3954
  class: l(a.model.cssClasses.emptyContainer)
3943
3955
  }, [
3944
3956
  c("div", {
3945
3957
  class: l(a.model.cssClasses.emptyText),
3946
3958
  "aria-label": a.model.emptyMessage
3947
- }, S(a.model.emptyMessage), 11, bt)
3959
+ }, R(a.model.emptyMessage), 11, Ct)
3948
3960
  ], 2), [
3949
3961
  [M, a.model.isEmpty]
3950
3962
  ]),
3951
- a.model.renderElements ? P((i(), u("ul", {
3963
+ a.model.renderElements ? N((i(), u("ul", {
3952
3964
  key: 1,
3953
3965
  class: l(a.model.getListClass()),
3954
3966
  role: "listbox",
@@ -3966,13 +3978,13 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
3966
3978
  model: a.model,
3967
3979
  key: g.id
3968
3980
  }, null, 8, ["item", "model"]))), 128))
3969
- ], 42, kt)), [
3981
+ ], 42, bt)), [
3970
3982
  [M, !a.model.isEmpty]
3971
3983
  ]) : d("", !0)
3972
3984
  ], 2);
3973
3985
  };
3974
3986
  }
3975
- }), It = ["aria-selected", "id"], wt = ["title"], St = /* @__PURE__ */ h({
3987
+ }), ft = ["aria-selected", "id"], It = ["title"], wt = /* @__PURE__ */ h({
3976
3988
  __name: "ListItem",
3977
3989
  props: {
3978
3990
  model: {},
@@ -3982,13 +3994,13 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
3982
3994
  const s = r, o = w(() => s.item.elementId), e = (n) => {
3983
3995
  s.model.onItemClick(s.item), n.stopPropagation();
3984
3996
  };
3985
- return L(() => s.item), W(() => {
3997
+ return L(() => s.item), H(() => {
3986
3998
  setTimeout(() => {
3987
3999
  s.model.onLastItemRended(s.item);
3988
4000
  });
3989
4001
  }), (n, t) => {
3990
4002
  const a = v("sv-svg-icon"), p = v("survey-string"), m = Y("key2click");
3991
- return P((i(), u("li", {
4003
+ return N((i(), u("li", {
3992
4004
  tabindex: "0",
3993
4005
  role: "option",
3994
4006
  "aria-selected": n.model.isItemSelected(n.item),
@@ -4003,7 +4015,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4003
4015
  class: l(n.model.cssClasses.itemSeparator)
4004
4016
  }, null, 2)) : d("", !0),
4005
4017
  c("div", {
4006
- style: R({ paddingInlineStart: n.model.getItemIndent(n.item) }),
4018
+ style: S({ paddingInlineStart: n.model.getItemIndent(n.item) }),
4007
4019
  class: l(n.model.cssClasses.itemBody),
4008
4020
  title: n.item.locTitle.calculatedText
4009
4021
  }, [
@@ -4021,14 +4033,14 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4021
4033
  key: 2,
4022
4034
  item: n.item
4023
4035
  }, null, 8, ["item"])) : d("", !0)
4024
- ], 14, wt)
4025
- ], 42, It)), [
4036
+ ], 14, It)
4037
+ ], 42, ft)), [
4026
4038
  [M, n.model.isItemVisible(n.item)],
4027
4039
  [m]
4028
4040
  ]);
4029
4041
  };
4030
4042
  }
4031
- }), Rt = /* @__PURE__ */ h({
4043
+ }), St = /* @__PURE__ */ h({
4032
4044
  __name: "Popup",
4033
4045
  props: {
4034
4046
  getTarget: { type: Function },
@@ -4036,15 +4048,15 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4036
4048
  },
4037
4049
  setup(r) {
4038
4050
  const s = r, o = j(
4039
- le(s.model, void 0)
4040
- ), e = D(null);
4041
- return X(
4051
+ ae(s.model, void 0)
4052
+ ), e = _(null);
4053
+ return J(
4042
4054
  () => s.model,
4043
4055
  (n) => {
4044
- o.value.dispose(), o.value = le(n, void 0);
4056
+ o.value.dispose(), o.value = ae(n, void 0);
4045
4057
  },
4046
4058
  { immediate: !0 }
4047
- ), L(() => o.value), W(() => {
4059
+ ), L(() => o.value), H(() => {
4048
4060
  const n = e.value;
4049
4061
  o.value.setComponentElement(
4050
4062
  n,
@@ -4062,13 +4074,13 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4062
4074
  ], 512);
4063
4075
  };
4064
4076
  }
4065
- }), Tt = { class: "sv-popup__shadow" }, $t = { class: "sv-popup__body-content" }, Dt = {
4077
+ }), Rt = { class: "sv-popup__shadow" }, Tt = { class: "sv-popup__body-content" }, $t = {
4066
4078
  key: 0,
4067
4079
  class: "sv-popup__body-header"
4068
- }, _t = { class: "sv-popup__scrolling-content" }, Bt = { class: "sv-popup__content" }, Lt = {
4080
+ }, _t = { class: "sv-popup__scrolling-content" }, Dt = { class: "sv-popup__content" }, Bt = {
4069
4081
  key: 1,
4070
4082
  class: "sv-popup__body-footer"
4071
- }, Nt = /* @__PURE__ */ h({
4083
+ }, Lt = /* @__PURE__ */ h({
4072
4084
  __name: "PopupContainer",
4073
4085
  props: {
4074
4086
  model: {}
@@ -4082,11 +4094,11 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4082
4094
  return L(() => s.model), ee(() => {
4083
4095
  const n = s.model;
4084
4096
  !o && n.isVisible && s.model.updateOnShowing(), o = n.isVisible;
4085
- }), W(() => {
4097
+ }), H(() => {
4086
4098
  s.model.isVisible && s.model.updateOnShowing();
4087
4099
  }), (n, t) => {
4088
4100
  const a = v("sv-action-bar");
4089
- return P((i(), u("div", {
4101
+ return N((i(), u("div", {
4090
4102
  tabindex: "-1",
4091
4103
  class: l(["sv-popup", n.model.styleClass]),
4092
4104
  onKeydown: t[0] || (t[0] = (p) => {
@@ -4098,7 +4110,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4098
4110
  }, [
4099
4111
  c("div", {
4100
4112
  class: "sv-popup__container",
4101
- style: R({
4113
+ style: S({
4102
4114
  left: n.model.left,
4103
4115
  top: n.model.top,
4104
4116
  height: n.model.height,
@@ -4107,19 +4119,19 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4107
4119
  }),
4108
4120
  onClick: e
4109
4121
  }, [
4110
- c("div", Tt, [
4122
+ c("div", Rt, [
4111
4123
  n.model.showHeader ? (i(), q(T(n.model.popupHeaderTemplate), {
4112
4124
  key: 0,
4113
4125
  model: n.model
4114
4126
  }, null, 8, ["model"])) : d("", !0),
4115
- c("div", $t, [
4116
- n.model.title ? (i(), u("div", Dt, S(n.model.title), 1)) : d("", !0),
4127
+ c("div", Tt, [
4128
+ n.model.title ? (i(), u("div", $t, R(n.model.title), 1)) : d("", !0),
4117
4129
  c("div", _t, [
4118
- c("div", Bt, [
4119
- (i(), q(T(n.model.contentComponentName), F(ve(n.model.contentComponentData)), null, 16))
4130
+ c("div", Dt, [
4131
+ (i(), q(T(n.model.contentComponentName), F(ye(n.model.contentComponentData)), null, 16))
4120
4132
  ])
4121
4133
  ]),
4122
- n.model.showFooter ? (i(), u("div", Lt, [
4134
+ n.model.showFooter ? (i(), u("div", Bt, [
4123
4135
  b(a, {
4124
4136
  model: n.model.footerToolbar
4125
4137
  }, null, 8, ["model"])
@@ -4132,7 +4144,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4132
4144
  ]);
4133
4145
  };
4134
4146
  }
4135
- }), Pt = /* @__PURE__ */ h({
4147
+ }), Nt = /* @__PURE__ */ h({
4136
4148
  __name: "PopupPointer",
4137
4149
  props: {
4138
4150
  model: {}
@@ -4140,16 +4152,16 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4140
4152
  setup(r) {
4141
4153
  return (s, o) => (i(), u("span", {
4142
4154
  class: "sv-popup__pointer",
4143
- style: R({
4155
+ style: S({
4144
4156
  left: s.model.pointerTarget.left,
4145
4157
  top: s.model.pointerTarget.top
4146
4158
  })
4147
4159
  }, null, 4));
4148
4160
  }
4149
- }), At = {
4161
+ }), Pt = {
4150
4162
  key: 0,
4151
4163
  class: "sv-components-column"
4152
- }, Mt = /* @__PURE__ */ h({
4164
+ }, At = /* @__PURE__ */ h({
4153
4165
  __name: "Container",
4154
4166
  props: {
4155
4167
  survey: {},
@@ -4161,7 +4173,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4161
4173
  () => s.survey.getContainerContent(s.container)
4162
4174
  );
4163
4175
  return (e, n) => o.value.length > 0 ? (i(), u($, { key: 0 }, [
4164
- e.needRenderWrapper ? (i(), u("div", At, [
4176
+ e.needRenderWrapper ? (i(), u("div", Pt, [
4165
4177
  (i(!0), u($, null, B(o.value, (t, a) => (i(), q(T(t.component), {
4166
4178
  survey: e.survey,
4167
4179
  container: e.container,
@@ -4181,13 +4193,13 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4181
4193
  css: {}
4182
4194
  },
4183
4195
  setup(r) {
4184
- const s = r, o = w(() => s.survey.progressValue + "%"), e = (t) => ae.getProgressTextInBarCss(t), n = (t) => ae.getProgressTextUnderBarCss(t);
4196
+ const s = r, o = w(() => s.survey.progressValue + "%"), e = (t) => ue.getProgressTextInBarCss(t), n = (t) => ue.getProgressTextUnderBarCss(t);
4185
4197
  return (t, a) => (i(), u("div", {
4186
4198
  class: l(t.survey.getProgressCssClasses(t.container))
4187
4199
  }, [
4188
4200
  c("div", {
4189
4201
  class: l(t.survey.css.progressBar),
4190
- style: R({ width: o.value }),
4202
+ style: S({ width: o.value }),
4191
4203
  role: "progressbar",
4192
4204
  "aria-valuemin": "0",
4193
4205
  "aria-valuemax": "100",
@@ -4195,35 +4207,35 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4195
4207
  }, [
4196
4208
  c("span", {
4197
4209
  class: l(e(t.survey.css))
4198
- }, S(t.survey.progressText), 3)
4210
+ }, R(t.survey.progressText), 3)
4199
4211
  ], 6),
4200
4212
  c("span", {
4201
4213
  class: l(n(t.survey.css))
4202
- }, S(t.survey.progressText), 3)
4214
+ }, R(t.survey.progressText), 3)
4203
4215
  ], 2));
4204
4216
  }
4205
- }), Ht = ["onClick"], Wt = ["title"], Et = ["title"], Vt = /* @__PURE__ */ h({
4217
+ }), Mt = ["onClick"], Ht = ["title"], Wt = ["title"], Et = /* @__PURE__ */ h({
4206
4218
  __name: "ProgressButtons",
4207
4219
  props: {
4208
4220
  survey: {}
4209
4221
  },
4210
4222
  setup(r) {
4211
- const s = r, o = new Pe(s.survey), e = D(!1), n = D(), t = w(() => s.survey.css);
4223
+ const s = r, o = new Ae(s.survey), e = _(!1), n = _(), t = w(() => s.survey.css);
4212
4224
  let a;
4213
4225
  const p = (C) => o.isListElementClickable(C), m = (C) => o.getListElementCss(C), y = (C) => {
4214
4226
  o.clickListElement(C);
4215
- }, g = (C, N) => o.getScrollButtonCss(C, N), I = (C) => {
4216
- let N = n.value;
4217
- N.scrollLeft += (C ? -1 : 1) * 70;
4227
+ }, g = (C, P) => o.getScrollButtonCss(C, P), I = (C) => {
4228
+ let P = n.value;
4229
+ P.scrollLeft += (C ? -1 : 1) * 70;
4218
4230
  };
4219
- return W(() => {
4231
+ return H(() => {
4220
4232
  const C = n.value;
4221
4233
  a = setInterval(() => {
4222
4234
  e.value = C.scrollWidth > C.offsetWidth;
4223
4235
  }, 100);
4224
- }), J(() => {
4236
+ }), X(() => {
4225
4237
  typeof a < "u" && (clearInterval(a), a = void 0);
4226
- }), (C, N) => (i(), u("div", {
4238
+ }), (C, P) => (i(), u("div", {
4227
4239
  class: l(t.value.progressButtonsContainerCenter)
4228
4240
  }, [
4229
4241
  c("div", {
@@ -4231,7 +4243,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4231
4243
  }, [
4232
4244
  c("div", {
4233
4245
  class: l(g(e.value, !0)),
4234
- onClick: N[0] || (N[0] = (k) => I(!0)),
4246
+ onClick: P[0] || (P[0] = (k) => I(!0)),
4235
4247
  role: "button"
4236
4248
  }, null, 2),
4237
4249
  c("div", {
@@ -4242,43 +4254,43 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4242
4254
  c("ul", {
4243
4255
  class: l(t.value.progressButtonsList)
4244
4256
  }, [
4245
- (i(!0), u($, null, B(C.survey.visiblePages, (k, _) => (i(), u("li", {
4246
- key: "listelement" + _,
4247
- class: l(m(_)),
4248
- onClick: (E) => p(_) ? y(_) : null
4257
+ (i(!0), u($, null, B(C.survey.visiblePages, (k, D) => (i(), u("li", {
4258
+ key: "listelement" + D,
4259
+ class: l(m(D)),
4260
+ onClick: (E) => p(D) ? y(D) : null
4249
4261
  }, [
4250
4262
  c("div", {
4251
4263
  class: l(t.value.progressButtonsPageTitle),
4252
4264
  title: k.renderedNavigationTitle
4253
- }, S(k.renderedNavigationTitle), 11, Wt),
4265
+ }, R(k.renderedNavigationTitle), 11, Ht),
4254
4266
  c("div", {
4255
4267
  class: l(t.value.progressButtonsPageDescription),
4256
4268
  title: k.locNavigationDescription.renderedHtml
4257
- }, S(k.locNavigationDescription.renderedHtml), 11, Et)
4258
- ], 10, Ht))), 128))
4269
+ }, R(k.locNavigationDescription.renderedHtml), 11, Wt)
4270
+ ], 10, Mt))), 128))
4259
4271
  ], 2)
4260
4272
  ], 2),
4261
4273
  c("div", {
4262
4274
  class: l(g(e.value, !1)),
4263
- onClick: N[1] || (N[1] = (k) => I(!1)),
4275
+ onClick: P[1] || (P[1] = (k) => I(!1)),
4264
4276
  role: "button"
4265
4277
  }, null, 2)
4266
4278
  ], 2)
4267
4279
  ], 2));
4268
4280
  }
4269
- }), Ot = /* @__PURE__ */ h({
4281
+ }), Vt = /* @__PURE__ */ h({
4270
4282
  __name: "ProgressToc",
4271
4283
  props: {
4272
4284
  survey: {}
4273
4285
  },
4274
4286
  setup(r) {
4275
- const s = r, o = new Ae(s.survey);
4287
+ const s = r, o = new Me(s.survey);
4276
4288
  return (e, n) => {
4277
4289
  const t = v("sv-svg-icon"), a = v("sv-popup"), p = v("sv-list"), m = Y("key2click");
4278
4290
  return i(), u("div", {
4279
4291
  class: l(f(o).containerCss)
4280
4292
  }, [
4281
- f(o).isMobile ? P((i(), u("div", {
4293
+ f(o).isMobile ? N((i(), u("div", {
4282
4294
  key: 0,
4283
4295
  onClick: n[0] || (n[0] = (...y) => f(o).togglePopup && f(o).togglePopup(...y))
4284
4296
  }, [
@@ -4298,59 +4310,59 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4298
4310
  ], 2);
4299
4311
  };
4300
4312
  }
4301
- }), Ft = { onsubmit: "return false;" }, zt = {
4313
+ }), Ot = { onsubmit: "return false;" }, Ft = {
4302
4314
  key: 0,
4303
4315
  class: "sv_custom_header"
4304
- }, Ut = ["id"], Kt = { key: 2 }, jt = ["innerHTML"], Qt = ["innerHTML"], Gt = ["innerHTML"], me = /* @__PURE__ */ h({
4316
+ }, zt = { class: "sv-components-column sv-components-column--expandable" }, Ut = ["id"], Kt = { key: 2 }, jt = ["innerHTML"], Qt = ["innerHTML"], Gt = ["innerHTML"], ce = /* @__PURE__ */ h({
4305
4317
  __name: "Survey",
4306
4318
  props: {
4307
4319
  model: {},
4308
4320
  survey: {}
4309
4321
  },
4310
4322
  setup(r) {
4311
- const s = r, o = D(), e = D(""), n = D(1), t = w(() => {
4323
+ const s = r, o = _(), e = _(""), n = _(1), t = w(() => {
4312
4324
  const C = s.survey ? s.survey : s.model;
4313
- return Ie(C);
4325
+ return we(C);
4314
4326
  }), a = w(() => t.value.activePage ? t.value.activePage.id : ""), p = () => {
4315
4327
  const C = a.value;
4316
4328
  return !!t.value && C + n.value.toString();
4317
4329
  }, m = w(
4318
4330
  () => t.value.showCompletedPage && t.value.state === "completed"
4319
4331
  ), y = w(() => t.value.css), g = w(() => "page" + p()), I = () => m.value ? (e.value || (e.value = t.value.processedCompletedHtml), e.value) : "";
4320
- return L(() => t.value), W(() => {
4332
+ return L(() => t.value), H(() => {
4321
4333
  if (!!t.value) {
4322
- t.value.needRenderIcons && Me.renderIcons();
4323
4334
  var C = o.value;
4324
4335
  C && t.value.afterRenderSurvey(C), t.value.renderCallback = () => {
4325
- var N, k;
4326
- n.value++, (k = (N = oe()) == null ? void 0 : N.proxy) == null || k.$forceUpdate();
4336
+ var P, k;
4337
+ n.value++, (k = (P = oe()) == null ? void 0 : P.proxy) == null || k.$forceUpdate();
4327
4338
  }, t.value.startTimerFromUI();
4328
4339
  }
4329
4340
  }), z(() => {
4330
4341
  t.value.stopTimer(), t.value.renderCallback = void 0;
4331
- }), (C, N) => {
4332
- const k = v("survey-popup-modal"), _ = v("survey-header"), E = v("survey-page"), O = v("sv-brand-info"), U = v("sv-notifier");
4342
+ }), (C, P) => {
4343
+ const k = v("sv-svg-bundle"), D = v("survey-popup-modal"), E = v("survey-header"), O = v("survey-page"), U = v("sv-brand-info"), re = v("sv-notifier");
4333
4344
  return i(), u("div", {
4334
4345
  class: l(t.value.getRootCss()),
4335
- style: R(t.value.themeVariables),
4346
+ style: S(t.value.themeVariables),
4336
4347
  ref_key: "root",
4337
4348
  ref: o
4338
4349
  }, [
4350
+ t.value.needRenderIcons ? (i(), q(k, { key: 0 })) : d("", !0),
4339
4351
  c("div", {
4340
4352
  class: l(t.value.wrapperFormCss)
4341
4353
  }, [
4342
- b(k),
4354
+ b(D),
4343
4355
  t.value.renderBackgroundImage ? (i(), u("div", {
4344
4356
  key: 0,
4345
4357
  class: l(y.value.rootBackgroundImage),
4346
- style: R(t.value.backgroundImageStyle)
4358
+ style: S(t.value.backgroundImageStyle)
4347
4359
  }, null, 6)) : d("", !0),
4348
- c("form", Ft, [
4349
- t.value.hasLogo ? d("", !0) : (i(), u("div", zt)),
4360
+ c("form", Ot, [
4361
+ t.value.hasLogo ? d("", !0) : (i(), u("div", Ft)),
4350
4362
  c("div", {
4351
4363
  class: l(y.value.container)
4352
4364
  }, [
4353
- t.value.headerView === "basic" ? (i(), q(_, {
4365
+ t.value.headerView === "basic" ? (i(), q(E, {
4354
4366
  key: 0,
4355
4367
  survey: t.value
4356
4368
  }, null, 8, ["survey"])) : d("", !0),
@@ -4368,28 +4380,35 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4368
4380
  container: "left",
4369
4381
  needRenderWrapper: !0
4370
4382
  }, null, 8, ["survey"])),
4371
- c("div", {
4372
- class: l(t.value.bodyCss),
4373
- style: R({ maxWidth: t.value.renderedWidth }),
4374
- id: a.value
4375
- }, [
4383
+ c("div", zt, [
4376
4384
  (i(), q(T("sv-components-container"), {
4377
4385
  survey: t.value,
4378
- container: "contentTop",
4386
+ container: "center",
4379
4387
  needRenderWrapper: !0
4380
4388
  }, null, 8, ["survey"])),
4381
- (i(), q(E, {
4382
- key: g.value,
4383
- survey: t.value,
4384
- page: t.value.activePage,
4385
- css: y.value
4386
- }, null, 8, ["survey", "page", "css"])),
4387
- (i(), q(T("sv-components-container"), {
4388
- survey: t.value,
4389
- container: "contentBottom",
4390
- needRenderWrapper: !0
4391
- }, null, 8, ["survey"]))
4392
- ], 14, Ut),
4389
+ c("div", {
4390
+ class: l(t.value.bodyCss),
4391
+ style: S({ maxWidth: t.value.renderedWidth }),
4392
+ id: a.value
4393
+ }, [
4394
+ (i(), q(T("sv-components-container"), {
4395
+ survey: t.value,
4396
+ container: "contentTop",
4397
+ needRenderWrapper: !0
4398
+ }, null, 8, ["survey"])),
4399
+ (i(), q(O, {
4400
+ key: g.value,
4401
+ survey: t.value,
4402
+ page: t.value.activePage,
4403
+ css: y.value
4404
+ }, null, 8, ["survey", "page", "css"])),
4405
+ (i(), q(T("sv-components-container"), {
4406
+ survey: t.value,
4407
+ container: "contentBottom",
4408
+ needRenderWrapper: !0
4409
+ }, null, 8, ["survey"]))
4410
+ ], 14, Ut)
4411
+ ]),
4393
4412
  (i(), q(T("sv-components-container"), {
4394
4413
  survey: t.value,
4395
4414
  container: "right",
@@ -4425,18 +4444,18 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4425
4444
  t.value.state === "empty" ? (i(), u("div", {
4426
4445
  key: 5,
4427
4446
  class: l(y.value.bodyEmpty)
4428
- }, S(t.value.emptySurveyText), 3)) : d("", !0)
4447
+ }, R(t.value.emptySurveyText), 3)) : d("", !0)
4429
4448
  ], 2)
4430
4449
  ]),
4431
- t.value.showBrandInfo ? (i(), q(O, { key: 1 })) : d("", !0),
4432
- b(U, {
4450
+ t.value.showBrandInfo ? (i(), q(U, { key: 1 })) : d("", !0),
4451
+ b(re, {
4433
4452
  model: t.value.notifier
4434
4453
  }, null, 8, ["model"])
4435
4454
  ], 2)
4436
4455
  ], 6);
4437
4456
  };
4438
4457
  }
4439
- }), Xt = /* @__PURE__ */ h({
4458
+ }), Jt = /* @__PURE__ */ h({
4440
4459
  __name: "Notifier",
4441
4460
  props: {
4442
4461
  model: {}
@@ -4445,13 +4464,13 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4445
4464
  const s = r;
4446
4465
  return L(() => s.model), (o, e) => {
4447
4466
  const n = v("sv-action-bar");
4448
- return P((i(), u("div", {
4467
+ return N((i(), u("div", {
4449
4468
  class: l(o.model.css),
4450
- style: R({ visibility: o.model.active ? "visible" : "hidden" }),
4469
+ style: S({ visibility: o.model.active ? "visible" : "hidden" }),
4451
4470
  role: "alert",
4452
4471
  "aria-live": "polite"
4453
4472
  }, [
4454
- c("span", null, S(o.model.message), 1),
4473
+ c("span", null, R(o.model.message), 1),
4455
4474
  b(n, {
4456
4475
  model: o.model.actionBar
4457
4476
  }, null, 8, ["model"])
@@ -4460,7 +4479,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4460
4479
  ]);
4461
4480
  };
4462
4481
  }
4463
- }), Jt = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], Yt = { key: 1 }, Zt = /* @__PURE__ */ h({
4482
+ }), Xt = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], Yt = { key: 1 }, Zt = /* @__PURE__ */ h({
4464
4483
  __name: "QuestionOther",
4465
4484
  props: {
4466
4485
  question: {},
@@ -4481,15 +4500,15 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4481
4500
  placeholder: s.question.otherPlaceholder,
4482
4501
  "aria-label": s.question.ariaLabel || s.question.a11y_input_ariaLabel,
4483
4502
  "aria-required": s.question.ariaRequired || s.question.a11y_input_ariaRequired,
4484
- style: R({ resize: s.question.resizeStyle }),
4503
+ style: S({ resize: s.question.resizeStyle }),
4485
4504
  onChange: o[0] || (o[0] = (e) => {
4486
4505
  s.question.onOtherValueChange(e);
4487
4506
  }),
4488
4507
  onInput: o[1] || (o[1] = (e) => {
4489
4508
  s.question.onOtherValueInput(e);
4490
4509
  })
4491
- }, null, 46, Jt)),
4492
- s.question.isReadOnlyRenderDiv() ? (i(), u("div", Yt, S(s.question.otherValue), 1)) : d("", !0)
4510
+ }, null, 46, Xt)),
4511
+ s.question.isReadOnlyRenderDiv() ? (i(), u("div", Yt, R(s.question.otherValue), 1)) : d("", !0)
4493
4512
  ], 2));
4494
4513
  }
4495
4514
  }), xt = ["disabled", "value", "title"], ei = /* @__PURE__ */ h({
@@ -4510,7 +4529,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4510
4529
  onClick: n[0] || (n[0] = (...t) => e.item.action && e.item.action(...t))
4511
4530
  }, null, 42, xt)) : d("", !0);
4512
4531
  }
4513
- }), ce = /* @__PURE__ */ h({
4532
+ }), pe = /* @__PURE__ */ h({
4514
4533
  __name: "PopupSurvey",
4515
4534
  props: {
4516
4535
  survey: {},
@@ -4532,7 +4551,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4532
4551
  o.value.onScroll();
4533
4552
  };
4534
4553
  L(() => o.value);
4535
- const g = X(
4554
+ const g = J(
4536
4555
  () => s.survey,
4537
4556
  (I) => {
4538
4557
  const C = new He(null, I);
@@ -4545,10 +4564,10 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4545
4564
  return z(() => {
4546
4565
  g();
4547
4566
  }), (I, C) => {
4548
- const N = v("survey-string"), k = v("sv-svg-icon");
4567
+ const P = v("survey-string"), k = v("sv-svg-icon");
4549
4568
  return o.value.isShowing ? (i(), u("div", {
4550
4569
  key: 0,
4551
- style: R([{ position: "fixed", bottom: "3px", right: "10px" }, {
4570
+ style: S([{ position: "fixed", bottom: "3px", right: "10px" }, {
4552
4571
  maxWidth: o.value.renderedWidth,
4553
4572
  width: o.value.renderedWidth
4554
4573
  }]),
@@ -4565,7 +4584,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4565
4584
  style: { "padding-right": "10px" },
4566
4585
  class: l(o.value.cssHeaderTitle)
4567
4586
  }, [
4568
- b(N, {
4587
+ b(P, {
4569
4588
  locString: I.survey.locTitle
4570
4589
  }, null, 8, ["locString"])
4571
4590
  ], 2),
@@ -4614,14 +4633,14 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4614
4633
  css: {}
4615
4634
  },
4616
4635
  setup(r) {
4617
- const s = r, o = D(), e = w(
4636
+ const s = r, o = _(), e = w(
4618
4637
  () => s.question.customWidget.isDefaultRender
4619
4638
  ), n = w(
4620
4639
  () => !!s.question.customWidget.htmlTemplate
4621
4640
  ), t = w(() => s.question.customWidget.htmlTemplate), a = w(() => "survey-" + s.question.getTemplate());
4622
- return W(() => {
4641
+ return H(() => {
4623
4642
  s.question.customWidget.afterRender(s.question, o.value);
4624
- }), J(() => {
4643
+ }), X(() => {
4625
4644
  s.question.customWidget.willUnmount(s.question, o.value);
4626
4645
  }), (p, m) => (i(), u("div", {
4627
4646
  ref_key: "root",
@@ -4672,7 +4691,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4672
4691
  K.showDialog = void 0;
4673
4692
  })), (n, t) => {
4674
4693
  const a = v("sv-popup-container");
4675
- return s.value ? (i(), q(we, {
4694
+ return s.value ? (i(), q(Se, {
4676
4695
  key: 0,
4677
4696
  to: s.value.container
4678
4697
  }, [
@@ -4690,7 +4709,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4690
4709
  const s = r;
4691
4710
  return L(() => s.counter), (o, e) => (i(), u("div", {
4692
4711
  class: l(o.remainingCharacterCounter)
4693
- }, S(o.counter.remainingCharacterCounter), 3));
4712
+ }, R(o.counter.remainingCharacterCounter), 3));
4694
4713
  }
4695
4714
  }), ii = /* @__PURE__ */ h({
4696
4715
  inheritAttrs: !1,
@@ -4700,7 +4719,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4700
4719
  css: {}
4701
4720
  },
4702
4721
  setup(r) {
4703
- const s = r, o = D(null);
4722
+ const s = r, o = _(null);
4704
4723
  A(s, o);
4705
4724
  const e = w(() => s.question.contentPanel);
4706
4725
  return (n, t) => {
@@ -4721,7 +4740,7 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4721
4740
  css: {}
4722
4741
  },
4723
4742
  setup(r) {
4724
- const s = r, o = D(null);
4743
+ const s = r, o = _(null);
4725
4744
  A(s, o);
4726
4745
  const e = w(() => s.question.contentQuestion), n = (t) => te(t);
4727
4746
  return (t, a) => (i(), q(T(n(e.value)), {
@@ -4732,14 +4751,14 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4732
4751
  }
4733
4752
  }), li = /* @__PURE__ */ c("use", { "xlink:href": "#icon-timercircle" }, null, -1), ai = [
4734
4753
  li
4735
- ], pe = 440, ui = /* @__PURE__ */ h({
4754
+ ], ve = 440, ui = /* @__PURE__ */ h({
4736
4755
  __name: "TimerPanel",
4737
4756
  props: {
4738
4757
  model: {},
4739
4758
  css: {}
4740
4759
  },
4741
4760
  setup(r) {
4742
- const s = r, o = w(() => pe * s.model.progress), e = w(() => s.model.text);
4761
+ const s = r, o = w(() => ve * s.model.progress), e = w(() => s.model.text);
4743
4762
  return L(() => s.model), (n, t) => n.model.isRunning && n.model.showTimerAsClock ? (i(), u("div", {
4744
4763
  key: 0,
4745
4764
  class: l(n.model.rootCss)
@@ -4747,23 +4766,23 @@ const tt = /* @__PURE__ */ ge(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
4747
4766
  n.model.showProgress ? (i(), u("svg", {
4748
4767
  key: 0,
4749
4768
  class: l(n.model.getProgressCss()),
4750
- style: R({ strokeDasharray: pe, strokeDashoffset: o.value })
4769
+ style: S({ strokeDasharray: ve, strokeDashoffset: o.value })
4751
4770
  }, ai, 6)) : d("", !0),
4752
4771
  c("div", {
4753
4772
  class: l(n.model.textContainerCss)
4754
4773
  }, [
4755
4774
  c("span", {
4756
4775
  class: l(n.model.majorTextCss)
4757
- }, S(n.model.clockMajorText), 3),
4776
+ }, R(n.model.clockMajorText), 3),
4758
4777
  n.model.clockMinorText ? (i(), u("span", {
4759
4778
  key: 0,
4760
4779
  class: l(n.model.minorTextCss)
4761
- }, S(n.model.clockMinorText), 3)) : d("", !0)
4780
+ }, R(n.model.clockMinorText), 3)) : d("", !0)
4762
4781
  ], 2)
4763
- ], 2)) : P((i(), u("div", {
4782
+ ], 2)) : N((i(), u("div", {
4764
4783
  key: 1,
4765
4784
  class: l(n.model.survey.getCss().timerRoot)
4766
- }, S(e.value), 3)), [
4785
+ }, R(e.value), 3)), [
4767
4786
  [M, n.model.isRunning && !n.model.showTimerAsClock]
4768
4787
  ]);
4769
4788
  }
@@ -4777,7 +4796,7 @@ function ci(r, s) {
4777
4796
  })
4778
4797
  ]);
4779
4798
  }
4780
- const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @__PURE__ */ h({
4799
+ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @__PURE__ */ h({
4781
4800
  __name: "Header",
4782
4801
  props: {
4783
4802
  model: {},
@@ -4792,17 +4811,17 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
4792
4811
  const n = v("sv-header-cell"), t = v("sv-header-mobile");
4793
4812
  return i(), u("div", {
4794
4813
  class: l(o.model.headerClasses),
4795
- style: R({ height: o.model.renderedHeight })
4814
+ style: S({ height: o.model.renderedHeight })
4796
4815
  }, [
4797
4816
  o.model.backgroundImage ? (i(), u("div", {
4798
4817
  key: 0,
4799
4818
  class: l(o.model.backgroundImageClasses),
4800
- style: R(o.model.backgroundImageStyle)
4819
+ style: S(o.model.backgroundImageStyle)
4801
4820
  }, null, 6)) : d("", !0),
4802
4821
  o.survey.isMobile ? d("", !0) : (i(), u("div", {
4803
4822
  key: 1,
4804
4823
  class: l(o.model.contentClasses),
4805
- style: R({ maxWidth: o.model.maxWidth })
4824
+ style: S({ maxWidth: o.model.maxWidth })
4806
4825
  }, [
4807
4826
  (i(!0), u($, null, B(o.model.cells, (a, p) => (i(), q(n, {
4808
4827
  model: a,
@@ -4828,11 +4847,11 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
4828
4847
  const e = v("survey-element-title"), n = v("survey-string");
4829
4848
  return i(), u("div", {
4830
4849
  class: l(s.model.css),
4831
- style: R(s.model.style)
4850
+ style: S(s.model.style)
4832
4851
  }, [
4833
4852
  c("div", {
4834
4853
  class: "sv-header__cell-content",
4835
- style: R(s.model.contentStyle)
4854
+ style: S(s.model.contentStyle)
4836
4855
  }, [
4837
4856
  s.model.showLogo ? (i(), u("div", qi, [
4838
4857
  c("div", {
@@ -4844,14 +4863,14 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
4844
4863
  width: s.model.survey.renderedLogoWidth,
4845
4864
  height: s.model.survey.renderedLogoHeight,
4846
4865
  alt: s.model.survey.locTitle.renderedHtml,
4847
- style: R({ objectFit: s.model.survey.logoFit, width: s.model.survey.renderedStyleLogoWidth, height: s.model.survey.renderedStyleLogoHeight })
4866
+ style: S({ objectFit: s.model.survey.logoFit, width: s.model.survey.renderedStyleLogoWidth, height: s.model.survey.renderedStyleLogoHeight })
4848
4867
  }, null, 14, gi)
4849
4868
  ], 2)
4850
4869
  ])) : d("", !0),
4851
4870
  s.model.showTitle ? (i(), u("div", {
4852
4871
  key: 1,
4853
4872
  class: "sv-header__title",
4854
- style: R({ maxWidth: s.model.textAreaWidth })
4873
+ style: S({ maxWidth: s.model.textAreaWidth })
4855
4874
  }, [
4856
4875
  b(e, {
4857
4876
  element: s.model.survey,
@@ -4861,9 +4880,9 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
4861
4880
  s.model.showDescription ? (i(), u("div", {
4862
4881
  key: 2,
4863
4882
  class: "sv-header__description",
4864
- style: R({ maxWidth: s.model.textAreaWidth })
4883
+ style: S({ maxWidth: s.model.textAreaWidth })
4865
4884
  }, [
4866
- s.model.survey.renderedHasDescription ? (i(), u("h5", {
4885
+ s.model.survey.renderedHasDescription ? (i(), u("div", {
4867
4886
  key: 0,
4868
4887
  class: l(s.model.survey.css.description)
4869
4888
  }, [
@@ -4898,14 +4917,14 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
4898
4917
  width: s.model.survey.renderedLogoWidth,
4899
4918
  height: s.model.survey.renderedLogoHeight,
4900
4919
  alt: s.model.survey.locTitle.renderedHtml,
4901
- style: R({ objectFit: s.model.survey.logoFit, width: s.model.survey.renderedStyleLogoWidth, height: s.model.survey.renderedStyleLogoHeight })
4920
+ style: S({ objectFit: s.model.survey.logoFit, width: s.model.survey.renderedStyleLogoWidth, height: s.model.survey.renderedStyleLogoHeight })
4902
4921
  }, null, 14, ki)
4903
4922
  ], 2)
4904
4923
  ])) : d("", !0),
4905
4924
  s.model.survey.hasTitle ? (i(), u("div", {
4906
4925
  key: 1,
4907
4926
  class: "sv-header__title",
4908
- style: R({ maxWidth: s.model.textAreaWidth })
4927
+ style: S({ maxWidth: s.model.renderedtextAreaWidth })
4909
4928
  }, [
4910
4929
  b(e, {
4911
4930
  element: s.model.survey,
@@ -4915,9 +4934,9 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
4915
4934
  s.model.survey.renderedHasDescription ? (i(), u("div", {
4916
4935
  key: 2,
4917
4936
  class: "sv-header__description",
4918
- style: R({ maxWidth: s.model.textAreaWidth })
4937
+ style: S({ maxWidth: s.model.renderedtextAreaWidth })
4919
4938
  }, [
4920
- s.model.survey.renderedHasDescription ? (i(), u("h5", {
4939
+ s.model.survey.renderedHasDescription ? (i(), u("div", {
4921
4940
  key: 0,
4922
4941
  class: l(s.model.survey.css.description)
4923
4942
  }, [
@@ -4960,10 +4979,10 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
4960
4979
  };
4961
4980
  });
4962
4981
  return (a, p) => (i(), u("div", {
4963
- style: R(n(a.element)),
4982
+ style: S(n(a.element)),
4964
4983
  class: l(a.element.cssClasses.questionWrapper)
4965
4984
  }, [
4966
- a.row.isNeedRender ? (i(), q(T(e.value), F(H({ key: 0 }, t.value)), null, 16)) : a.element.skeletonComponentName ? (i(), q(T(a.element.skeletonComponentName), {
4985
+ a.row.isNeedRender ? (i(), q(T(e.value), F(W({ key: 0 }, t.value)), null, 16)) : a.element.skeletonComponentName ? (i(), q(T(a.element.skeletonComponentName), {
4967
4986
  key: 1,
4968
4987
  element: a.element,
4969
4988
  css: a.css
@@ -4977,8 +4996,8 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
4977
4996
  componentData: {}
4978
4997
  },
4979
4998
  setup(r) {
4980
- const s = Se(), o = w(() => !!s.default);
4981
- return (e, n) => o.value && !e.componentName ? Re(e.$slots, "default", { key: 0 }) : (i(), q(T(e.componentName), F(H({ key: 1 }, e.componentData)), null, 16));
4999
+ const s = Re(), o = w(() => !!s.default);
5000
+ return (e, n) => o.value && !e.componentName ? Te(e.$slots, "default", { key: 0 }) : (i(), q(T(e.componentName), F(W({ key: 1 }, e.componentData)), null, 16));
4982
5001
  }
4983
5002
  }), Si = /* @__PURE__ */ h({
4984
5003
  __name: "FileCleanButton",
@@ -4994,7 +5013,7 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
4994
5013
  class: l(s.css),
4995
5014
  onClick: o[0] || (o[0] = (...n) => s.question.doClean && s.question.doClean(...n))
4996
5015
  }, [
4997
- c("span", null, S(s.question.clearButtonCaption), 1),
5016
+ c("span", null, R(s.question.clearButtonCaption), 1),
4998
5017
  s.question.cssClasses.removeButtonIconId ? (i(), q(e, {
4999
5018
  key: 0,
5000
5019
  iconName: s.question.cssClasses.removeButtonIconId,
@@ -5033,7 +5052,7 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
5033
5052
  ], 2);
5034
5053
  };
5035
5054
  }
5036
- }), $i = ["for", "aria-label"], Di = /* @__PURE__ */ h({
5055
+ }), $i = ["for", "aria-label"], _i = /* @__PURE__ */ h({
5037
5056
  __name: "FileChooseButton",
5038
5057
  props: {
5039
5058
  data: {},
@@ -5048,7 +5067,7 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
5048
5067
  );
5049
5068
  return (e, n) => {
5050
5069
  const t = v("sv-svg-icon"), a = Y("key2click");
5051
- return P((i(), u("label", {
5070
+ return N((i(), u("label", {
5052
5071
  tabindex: "0",
5053
5072
  class: l(o.value.getChooseFileCss()),
5054
5073
  for: o.value.inputId,
@@ -5060,13 +5079,13 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
5060
5079
  iconName: o.value.cssClasses.chooseFileIconId,
5061
5080
  size: "auto"
5062
5081
  }, null, 8, ["title", "iconName"])) : d("", !0),
5063
- c("span", null, S(o.value.chooseButtonText), 1)
5082
+ c("span", null, R(o.value.chooseButtonText), 1)
5064
5083
  ], 10, $i)), [
5065
5084
  [a]
5066
5085
  ]);
5067
5086
  };
5068
5087
  }
5069
- }), _i = ["onClick", "href", "title", "download"], Bi = ["src"], Li = ["onClick"], Ni = ["onClick", "href", "title", "download"], Pi = /* @__PURE__ */ h({
5088
+ }), Di = ["onClick", "href", "title", "download"], Bi = ["src"], Li = ["onClick"], Ni = ["onClick", "href", "title", "download"], Pi = /* @__PURE__ */ h({
5070
5089
  __name: "FilePreview",
5071
5090
  props: {
5072
5091
  question: {}
@@ -5078,7 +5097,7 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
5078
5097
  key: 0,
5079
5098
  class: l(s.question.cssClasses.fileList || void 0)
5080
5099
  }, [
5081
- (i(!0), u($, null, B(s.question.previewValue, (n, t) => P((i(), u("span", {
5100
+ (i(!0), u($, null, B(s.question.previewValue, (n, t) => N((i(), u("span", {
5082
5101
  key: s.question.inputId + "_" + t,
5083
5102
  class: l(s.question.cssClasses.preview)
5084
5103
  }, [
@@ -5091,8 +5110,8 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
5091
5110
  href: n.content,
5092
5111
  title: n.name,
5093
5112
  download: n.name,
5094
- style: R({ width: s.question.imageWidth })
5095
- }, S(n.name), 13, _i)
5113
+ style: S({ width: s.question.imageWidth })
5114
+ }, R(n.name), 13, Di)
5096
5115
  ], 2)) : d("", !0),
5097
5116
  c("div", {
5098
5117
  class: l(s.question.getImageWrapperCss(n))
@@ -5100,7 +5119,7 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
5100
5119
  s.question.canPreviewImage(n) ? (i(), u("img", {
5101
5120
  key: 0,
5102
5121
  src: n.content,
5103
- style: R({
5122
+ style: S({
5104
5123
  height: s.question.imageHeight,
5105
5124
  width: s.question.imageWidth
5106
5125
  }),
@@ -5119,7 +5138,7 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
5119
5138
  }, [
5120
5139
  c("span", {
5121
5140
  class: l(s.question.cssClasses.removeFile)
5122
- }, S(s.question.removeFileCaption), 3),
5141
+ }, R(s.question.removeFileCaption), 3),
5123
5142
  s.question.cssClasses.removeFileSvgIconId ? (i(), q(e, {
5124
5143
  key: 0,
5125
5144
  title: s.question.removeFileCaption,
@@ -5138,8 +5157,8 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
5138
5157
  href: n.content,
5139
5158
  title: n.name,
5140
5159
  download: n.name,
5141
- style: R({ width: s.question.imageWidth })
5142
- }, S(n.name), 13, Ni)
5160
+ style: S({ width: s.question.imageWidth })
5161
+ }, R(n.name), 13, Ni)
5143
5162
  ], 2)) : d("", !0)
5144
5163
  ], 2)), [
5145
5164
  [M, n && s.question.isPreviewVisible(t)]
@@ -5153,7 +5172,7 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
5153
5172
  question: {}
5154
5173
  },
5155
5174
  setup(r) {
5156
- const s = r, o = D();
5175
+ const s = r, o = _();
5157
5176
  return A(s, o), (e, n) => {
5158
5177
  const t = v("sv-button-group-item");
5159
5178
  return i(), u("div", {
@@ -5195,7 +5214,7 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
5195
5214
  class: l(o.value.css.label),
5196
5215
  title: o.value.caption.renderedHtml
5197
5216
  }, [
5198
- P(c("input", {
5217
+ N(c("input", {
5199
5218
  type: "radio",
5200
5219
  name: o.value.name,
5201
5220
  id: o.value.id,
@@ -5241,40 +5260,58 @@ const pi = /* @__PURE__ */ ge(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
5241
5260
  },
5242
5261
  setup(r) {
5243
5262
  const s = r, o = w(() => s.data), e = Q(() => o.value.locLogo);
5244
- return (n, t) => (i(), u("img", {
5245
- class: l(o.value.css.logoImage),
5246
- src: f(e),
5247
- width: o.value.renderedLogoWidth,
5248
- height: o.value.renderedLogoHeight,
5249
- alt: o.value.locTitle.renderedHtml,
5250
- style: R({
5251
- objectFit: o.value.logoFit,
5252
- width: o.value.renderedStyleLogoWidth,
5253
- height: o.value.renderedStyleLogoHeight
5254
- })
5255
- }, null, 14, Vi));
5263
+ return (n, t) => (i(), u("div", {
5264
+ class: l(o.value.logoClassNames)
5265
+ }, [
5266
+ c("img", {
5267
+ class: l(o.value.css.logoImage),
5268
+ src: f(e),
5269
+ width: o.value.renderedLogoWidth,
5270
+ height: o.value.renderedLogoHeight,
5271
+ alt: o.value.locTitle.renderedHtml,
5272
+ style: S({
5273
+ objectFit: o.value.logoFit,
5274
+ width: o.value.renderedStyleLogoWidth,
5275
+ height: o.value.renderedStyleLogoHeight
5276
+ })
5277
+ }, null, 14, Vi)
5278
+ ], 2));
5279
+ }
5280
+ }), Fi = /* @__PURE__ */ h({
5281
+ __name: "SvgBundle",
5282
+ setup(r) {
5283
+ const s = _();
5284
+ return H(() => {
5285
+ s.value.innerHTML = Oe.iconsRenderedHtml();
5286
+ }), (o, e) => N((i(), u("svg", {
5287
+ id: "sv-icon-holder-global-container",
5288
+ ref_key: "root",
5289
+ ref: s
5290
+ }, null, 512)), [
5291
+ [M, !1]
5292
+ ]);
5256
5293
  }
5257
5294
  });
5258
- Oe.platform = "vue3";
5259
- function Fi(r) {
5260
- r.component("SurveyComponent", me), r.component("PopupSurveyComponent", ce), r.component("survey", me), r.component("popup-survey", ce), r.component("survey-header", je), r.component("sv-logo-image", Oi), r.component("survey-page", Ke), r.component("survey-row", Qe), r.component("survey-question", Je), r.component("survey-panel", es), r.component("survey-element-header", ss), r.component("survey-string", ns), r.component("sv-string-viewer", is), r.component("sv-string-editor", ls), r.component("sv-skeleton", us), r.component("survey-text", cs), r.component("survey-text-input", qs), r.component("survey-checkbox", ks), r.component("survey-checkbox-item", Ss), r.component("survey-radiogroup", Rs), r.component("survey-radiogroup-item", Ds), r.component("survey-signaturepad", Ns), r.component("survey-html", As), r.component("survey-image", Es), r.component("survey-expression", Vs), r.component("survey-file", zs), r.component("sv-file-choose-btn", Di), r.component("sv-file-clean-btn", Si), r.component("sv-file-preview", Pi), r.component("sv-file-video", Ti), r.component("survey-imagepicker", Ks), r.component("survey-imagepicker-item", Js), r.component("survey-comment", xs), r.component("survey-dropdown", en), r.component("sv-dropdown-select", tn), r.component("sv-dropdown-option-item", ln), r.component("sv-dropdown", pn), r.component("survey-tagbox", vn), r.component("sv-tagbox", hn), r.component("sv-tagbox-item", In), r.component("sv-tagbox-filter", kn), r.component("survey-ranking", wn), r.component("survey-ranking-item", _n), r.component("survey-rating", Nn), r.component("sv-rating-item", An), r.component("sv-rating-item-smiley", Hn), r.component("sv-rating-item-star", En), r.component("sv-rating-dropdown", Un), r.component("sv-rating-dropdown-item", zn), r.component("survey-boolean", jn), r.component("sv-boolean-radio", Qn), 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", po), r.component("survey-matrixdropdown", vo), r.component("survey-matrixtable", ho), r.component("survey-matrixheaderrequired", bo), r.component("survey-matrixcell", fo), r.component("survey-matrixdynamic", Io), r.component("sv-matrix-remove-button", So), r.component("sv-matrix-drag-drop-icon", To), r.component("sv-matrix-detail-button", Do), r.component("survey-paneldynamic", _o), r.component("survey-paneldynamicprogress", Bo), r.component("survey-paneldynamicprogress-v2", Lo), r.component("sv-paneldynamic-add-btn", No), r.component("sv-paneldynamic-next-btn", Ao), r.component("sv-paneldynamic-prev-btn", Ho), r.component("sv-paneldynamic-remove-btn", Wo), r.component("sv-paneldynamic-progress-text", Eo), r.component("sv-components-container", Mt), r.component("sv-progress-buttons", Vt), r.component("sv-progress-toc", Ot), r.component("sv-progress-pages", x), r.component("sv-progress-questions", x), r.component("sv-progress-correctquestions", x), r.component("sv-progress-requiredquestions", x), r.component("survey-errors", Oo), r.component("survey-question-comment", Uo), r.component("survey-element-title", Ko), r.component("survey-element-title-content", Xo), r.component("sv-title-actions", Zo), r.component("sv-brand-info", tt), r.component("sv-svg-icon", lt), r.component("sv-action-bar", at), r.component("sv-action", mt), r.component("sv-action-bar-item", vt), r.component("sv-action-bar-item-dropdown", gt), r.component("sv-action-bar-separator", ht), r.component("sv-list", ft), r.component("sv-list-item", St), r.component("sv-popup", Rt), r.component("sv-popup-container", Nt), r.component("popup-pointer", Pt), r.component("sv-notifier", Xt), r.component("survey-other-choice", Zt), r.component("sv-nav-btn", ei), r.component("survey-customwidget", ni), r.component("survey-popup-modal", oi), r.component("sv-character-counter", ti), r.component("survey-composite", ii), r.component("survey-custom", ri), r.component("sv-timerpanel", ui), r.component("sv-loading-indicator", pi), r.component("sv-header", yi), r.component("sv-header-cell", hi), r.component("sv-header-mobile", fi), r.component("sv-template-renderer", wi), r.component("survey-element", Ii), r.component("survey-buttongroup", Ai), r.component("sv-button-group-item", Ei), r.directive("key2click", {
5295
+ Fe.platform = "vue3";
5296
+ function zi(r) {
5297
+ r.component("SurveyComponent", ce), r.component("sv-svg-bundle", Fi), r.component("PopupSurveyComponent", pe), r.component("survey", ce), r.component("popup-survey", pe), r.component("survey-header", Qe), r.component("sv-logo-image", Oi), r.component("survey-page", je), r.component("survey-row", Ge), r.component("survey-question", Ye), r.component("survey-panel", ss), r.component("survey-element-header", ns), r.component("survey-string", os), r.component("sv-string-viewer", rs), r.component("sv-string-editor", as), r.component("sv-skeleton", ds), r.component("survey-text", ps), r.component("survey-text-input", gs), r.component("survey-checkbox", fs), 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", Os), r.component("survey-file", Us), r.component("sv-file-choose-btn", _i), r.component("sv-file-clean-btn", Si), r.component("sv-file-preview", Pi), r.component("sv-file-video", Ti), 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", gn), 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", Wn), r.component("sv-rating-dropdown", zn), r.component("sv-rating-dropdown-item", Fn), r.component("survey-boolean", Kn), r.component("sv-boolean-radio", jn), r.component("sv-boolean-radio-item", Jn), r.component("sv-boolean-checkbox", eo), r.component("survey-multipletext", so), r.component("survey-multipletext-item", oo), r.component("survey-matrix", co), r.component("survey-matrixdropdown", po), r.component("survey-matrixtable", go), r.component("survey-matrixheaderrequired", Co), r.component("survey-matrixcell", ko), r.component("survey-matrixdynamic", fo), r.component("sv-matrix-remove-button", wo), r.component("sv-matrix-drag-drop-icon", Ro), r.component("sv-matrix-detail-button", $o), r.component("survey-paneldynamic", _o), r.component("survey-paneldynamicprogress", Do), r.component("survey-paneldynamicprogress-v2", Bo), r.component("sv-paneldynamic-add-btn", Lo), r.component("sv-paneldynamic-next-btn", Po), r.component("sv-paneldynamic-prev-btn", Mo), r.component("sv-paneldynamic-remove-btn", Ho), r.component("sv-paneldynamic-progress-text", Wo), r.component("sv-components-container", At), r.component("sv-progress-buttons", Et), r.component("sv-progress-toc", Vt), r.component("sv-progress-pages", x), r.component("sv-progress-questions", x), r.component("sv-progress-correctquestions", x), r.component("sv-progress-requiredquestions", x), r.component("survey-errors", Vo), r.component("survey-question-comment", zo), r.component("survey-element-title", Uo), r.component("survey-element-title-content", Go), r.component("sv-title-actions", Yo), r.component("sv-brand-info", ot), r.component("sv-svg-icon", rt), r.component("sv-action-bar", lt), r.component("sv-action", dt), r.component("sv-action-bar-item", pt), r.component("sv-action-bar-item-dropdown", qt), r.component("sv-action-bar-separator", gt), r.component("sv-list", kt), r.component("sv-list-item", wt), r.component("sv-popup", St), r.component("sv-popup-container", Lt), r.component("popup-pointer", Nt), r.component("sv-notifier", Jt), r.component("survey-other-choice", Zt), r.component("sv-nav-btn", ei), r.component("survey-customwidget", ni), r.component("survey-popup-modal", oi), r.component("sv-character-counter", ti), r.component("survey-composite", ii), r.component("survey-custom", ri), r.component("sv-timerpanel", ui), r.component("sv-loading-indicator", pi), r.component("sv-header", yi), r.component("sv-header-cell", hi), r.component("sv-header-mobile", fi), r.component("sv-template-renderer", wi), r.component("survey-element", Ii), r.component("survey-buttongroup", Ai), r.component("sv-button-group-item", Ei), r.directive("key2click", {
5261
5298
  mounted: function(s, o) {
5262
5299
  const e = { ...o.value };
5263
5300
  if (e.disableTabStop) {
5264
5301
  s.tabIndex = -1;
5265
5302
  return;
5266
5303
  }
5267
- e.disableTabStop || (s.tabIndex = 0), s.addEventListener("keyup", (n) => (n.preventDefault(), n.stopPropagation(), ye(n, e), !1)), s.addEventListener("keydown", (n) => {
5268
- Fe(n, e);
5304
+ e.disableTabStop || (s.tabIndex = 0), s.addEventListener("keyup", (n) => (n.preventDefault(), n.stopPropagation(), qe(n, e), !1)), s.addEventListener("keydown", (n) => {
5305
+ ze(n, e);
5269
5306
  }), s.addEventListener("blur", (n) => {
5270
- ze(n);
5307
+ Ue(n);
5271
5308
  });
5272
5309
  }
5273
5310
  });
5274
5311
  }
5275
5312
  const ji = {
5276
5313
  install(r) {
5277
- Fi(r);
5314
+ zi(r);
5278
5315
  }
5279
5316
  };
5280
5317
  export {