survey-vue3-ui 2.0.9 → 2.0.10
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.
- package/package.json +2 -2
- package/survey-vue3-ui.es.js +875 -852
- package/survey-vue3-ui.umd.js +5 -5
package/survey-vue3-ui.es.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import { defineComponent as h, computed as f, openBlock as i, createBlock as y, resolveDynamicComponent as
|
|
5
|
-
import { Base as
|
|
6
|
-
const
|
|
1
|
+
var Ve = Object.defineProperty;
|
|
2
|
+
var Se = (u, e, n) => e in u ? Ve(u, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : u[e] = n;
|
|
3
|
+
var J = (u, e, n) => (Se(u, typeof e != "symbol" ? e + "" : e, n), n);
|
|
4
|
+
import { defineComponent as h, computed as f, openBlock as i, createBlock as y, resolveDynamicComponent as he, normalizeProps as pe, guardReactiveProps as ve, createSlots as Re, renderList as V, withCtx as E, renderSlot as x, shallowReactive as Be, watch as z, onBeforeUnmount as U, onMounted as $, ref as k, shallowRef as F, watchEffect as Ze, triggerRef as oe, unref as b, isRef as Te, nextTick as qe, createElementBlock as l, normalizeClass as r, createVNode as g, createCommentVNode as p, Fragment as M, mergeProps as A, normalizeStyle as H, createElementVNode as v, onUnmounted as P, withDirectives as R, vShow as N, toDisplayString as I, vModelRadio as se, vModelCheckbox as ie, vModelSelect as $e, onUpdated as j, vModelText as De, getCurrentInstance as we, createStaticVNode as Ae, toRaw as Ne, Teleport as Pe, useSlots as Ee } from "vue";
|
|
5
|
+
import { Base as We, ScrollViewModel as Fe, RendererFactory as G, Helpers as ze, DropdownMultiSelectListModel as Oe, doKey2ClickUp as be, createSvg as Ue, doKey2ClickDown as Qe, doKey2ClickBlur as Ke, ActionDropdownViewModel as je, createPopupViewModel as Ge, SurveyProgressModel as Ce, ProgressButtonsResponsivityManager as Xe, addIconsToThemeSet as Le, SvgRegistry as _, PopupSurveyModel as Je, settings as te, createPopupModalViewModel as Ye, ButtonGroupItemModel as _e, SurveyModel as xe } from "survey-core";
|
|
6
|
+
const ee = class ee {
|
|
7
7
|
constructor() {
|
|
8
|
-
|
|
8
|
+
J(this, "creatorHash", {});
|
|
9
9
|
}
|
|
10
10
|
registerComponent(e, n) {
|
|
11
11
|
this.creatorHash[e] = n;
|
|
@@ -23,8 +23,8 @@ const x = class x {
|
|
|
23
23
|
return !!this.creatorHash[e];
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
|
-
|
|
27
|
-
let
|
|
26
|
+
J(ee, "Instance", new ee());
|
|
27
|
+
let O = ee;
|
|
28
28
|
const d = /* @__PURE__ */ h({
|
|
29
29
|
inheritAttrs: !1,
|
|
30
30
|
__name: "SvComponent",
|
|
@@ -33,114 +33,114 @@ const d = /* @__PURE__ */ h({
|
|
|
33
33
|
},
|
|
34
34
|
setup(u) {
|
|
35
35
|
const e = u, n = f(
|
|
36
|
-
() =>
|
|
36
|
+
() => O.Instance.getComponent(e.is)
|
|
37
37
|
);
|
|
38
|
-
return (s, o) => (i(), y(
|
|
38
|
+
return (s, o) => (i(), y(he(n.value), pe(ve(s.$attrs)), Re({ _: 2 }, [
|
|
39
39
|
V(s.$slots, (t, a) => ({
|
|
40
40
|
name: a,
|
|
41
41
|
fn: E((m) => [
|
|
42
|
-
|
|
42
|
+
x(s.$slots, a, pe(ve(m)))
|
|
43
43
|
])
|
|
44
44
|
}))
|
|
45
45
|
]), 1040));
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
|
-
|
|
49
|
-
class
|
|
48
|
+
We.createPropertiesHash = () => Be({});
|
|
49
|
+
class e1 {
|
|
50
50
|
constructor(e) {
|
|
51
|
-
|
|
51
|
+
J(this, "currentNextTickPromise");
|
|
52
52
|
this.element = e;
|
|
53
53
|
}
|
|
54
54
|
async add() {
|
|
55
|
-
const e =
|
|
55
|
+
const e = qe();
|
|
56
56
|
this.currentNextTickPromise !== e && (this.currentNextTickPromise = e, await e, e == this.currentNextTickPromise && this.element.afterRerender());
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
|
-
function
|
|
59
|
+
function s1(u) {
|
|
60
60
|
if (u) {
|
|
61
61
|
if (u.__vueImplemented = u.__vueImplemented ?? 0, u.__vueImplemented <= 0) {
|
|
62
|
-
const e = new
|
|
62
|
+
const e = new e1(u);
|
|
63
63
|
u.createArrayCoreHandler = (n, s) => {
|
|
64
|
-
const o = [], t =
|
|
64
|
+
const o = [], t = F(o);
|
|
65
65
|
return o.onArrayChanged = () => {
|
|
66
|
-
|
|
67
|
-
}, n[s] = t,
|
|
66
|
+
oe(t), e.add();
|
|
67
|
+
}, n[s] = t, b(n[s]);
|
|
68
68
|
}, u.iteratePropertiesHash((n, s) => {
|
|
69
69
|
if (Array.isArray(n[s])) {
|
|
70
|
-
const o =
|
|
70
|
+
const o = F(n[s]);
|
|
71
71
|
n[s].onArrayChanged = () => {
|
|
72
|
-
|
|
72
|
+
oe(o), e.add();
|
|
73
73
|
}, n[s] = o;
|
|
74
74
|
}
|
|
75
|
-
}), u.getPropertyValueCoreHandler = (n, s) =>
|
|
76
|
-
|
|
75
|
+
}), u.getPropertyValueCoreHandler = (n, s) => b(n[s]), u.setPropertyValueCoreHandler = (n, s, o) => {
|
|
76
|
+
Te(n[s]) ? n[s].value = o : n[s] = o, e.add();
|
|
77
77
|
};
|
|
78
78
|
}
|
|
79
79
|
u.enableOnElementRerenderedEvent(), u.__vueImplemented++;
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
|
-
function
|
|
82
|
+
function n1(u) {
|
|
83
83
|
return !!u.__vueImplemented;
|
|
84
84
|
}
|
|
85
|
-
function
|
|
85
|
+
function ce(u) {
|
|
86
86
|
u && (u.__vueImplemented = u.__vueImplemented ?? 0, u.__vueImplemented--, u.__vueImplemented <= 0 && (u.iteratePropertiesHash((e, n) => {
|
|
87
|
-
e[n] =
|
|
87
|
+
e[n] = b(e[n]), Array.isArray(e[n]) && (e[n].onArrayChanged = void 0);
|
|
88
88
|
}), delete u.__vueImplemented, u.disableOnElementRerenderedEvent(), u.createArrayCoreHandler = void 0, u.getPropertyValueCoreHandler = void 0, u.setPropertyValueCoreHandler = void 0));
|
|
89
89
|
}
|
|
90
90
|
function S(u, e, n) {
|
|
91
|
-
const s =
|
|
91
|
+
const s = z(
|
|
92
92
|
u,
|
|
93
93
|
(t, a) => {
|
|
94
|
-
t && e && e(t, a), a && (
|
|
94
|
+
t && e && e(t, a), a && (ce(a), n && n(a)), s1(t);
|
|
95
95
|
},
|
|
96
96
|
{
|
|
97
97
|
immediate: !0
|
|
98
98
|
}
|
|
99
99
|
);
|
|
100
100
|
let o = !1;
|
|
101
|
-
|
|
101
|
+
U(() => {
|
|
102
102
|
if (!o) {
|
|
103
103
|
const t = u();
|
|
104
|
-
t && (
|
|
104
|
+
t && (ce(t), s(), n && n(t)), o = !0;
|
|
105
105
|
}
|
|
106
106
|
});
|
|
107
107
|
}
|
|
108
108
|
function B(u, e, n, s) {
|
|
109
|
-
S(() => u.question, n, s),
|
|
109
|
+
S(() => u.question, n, s), $(() => {
|
|
110
110
|
u.question && u.question.afterRenderQuestionElement(e.value);
|
|
111
|
-
}),
|
|
111
|
+
}), U(() => {
|
|
112
112
|
u.question.beforeDestroyQuestionElement(e.value);
|
|
113
113
|
});
|
|
114
114
|
}
|
|
115
|
-
function
|
|
116
|
-
const e =
|
|
115
|
+
function Q(u) {
|
|
116
|
+
const e = k(), n = (t) => {
|
|
117
117
|
e.value = t.renderedHtml;
|
|
118
118
|
}, s = (t) => {
|
|
119
119
|
e.value = t.renderedHtml, t.onStringChanged.add(n);
|
|
120
|
-
}, o =
|
|
120
|
+
}, o = z(
|
|
121
121
|
u,
|
|
122
122
|
(t, a) => {
|
|
123
123
|
a && a.onStringChanged.remove(n), s(t);
|
|
124
124
|
},
|
|
125
125
|
{ immediate: !0 }
|
|
126
126
|
);
|
|
127
|
-
return
|
|
127
|
+
return U(() => {
|
|
128
128
|
const t = u();
|
|
129
129
|
t && t.onStringChanged.remove(n), o();
|
|
130
130
|
}), e;
|
|
131
131
|
}
|
|
132
|
-
function
|
|
132
|
+
function re(u) {
|
|
133
133
|
return u.customWidget ? "survey-customwidget" : u.isDefaultRendering && u.isDefaultRendering() || u.isPanel ? "survey-" + u.getTemplate() : u.getComponentName();
|
|
134
134
|
}
|
|
135
|
-
function
|
|
136
|
-
const e =
|
|
137
|
-
e.value = u(),
|
|
135
|
+
function ne(u) {
|
|
136
|
+
const e = F(), n = Ze(() => {
|
|
137
|
+
e.value = u(), oe(e);
|
|
138
138
|
});
|
|
139
|
-
return
|
|
139
|
+
return U(() => {
|
|
140
140
|
n();
|
|
141
141
|
}), e;
|
|
142
142
|
}
|
|
143
|
-
const
|
|
143
|
+
const t1 = /* @__PURE__ */ h({
|
|
144
144
|
__name: "Page",
|
|
145
145
|
props: {
|
|
146
146
|
survey: {},
|
|
@@ -148,7 +148,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
148
148
|
css: {}
|
|
149
149
|
},
|
|
150
150
|
setup(u) {
|
|
151
|
-
const e = u, n =
|
|
151
|
+
const e = u, n = k(null), s = () => {
|
|
152
152
|
e.survey && n.value && e.survey.afterRenderPage(n.value);
|
|
153
153
|
}, o = f(() => e.page._showDescription);
|
|
154
154
|
return S(
|
|
@@ -156,7 +156,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
156
156
|
() => {
|
|
157
157
|
s();
|
|
158
158
|
}
|
|
159
|
-
),
|
|
159
|
+
), $(() => {
|
|
160
160
|
s();
|
|
161
161
|
}), (t, a) => (i(), l("div", {
|
|
162
162
|
class: r(t.page.cssRoot),
|
|
@@ -181,7 +181,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
181
181
|
is: "survey-errors",
|
|
182
182
|
element: t.page
|
|
183
183
|
}, null, 8, ["element"]),
|
|
184
|
-
(i(!0), l(M, null, V(t.page.visibleRows, (m) => (i(), y(d,
|
|
184
|
+
(i(!0), l(M, null, V(t.page.visibleRows, (m) => (i(), y(d, A({
|
|
185
185
|
key: m.id,
|
|
186
186
|
is: t.page.getSurvey().getRowWrapperComponentName(m)
|
|
187
187
|
}, {
|
|
@@ -199,14 +199,14 @@ const e1 = /* @__PURE__ */ h({
|
|
|
199
199
|
}, 1040, ["is"]))), 128))
|
|
200
200
|
], 2));
|
|
201
201
|
}
|
|
202
|
-
}),
|
|
202
|
+
}), o1 = /* @__PURE__ */ h({
|
|
203
203
|
__name: "Header",
|
|
204
204
|
props: {
|
|
205
205
|
survey: {}
|
|
206
206
|
},
|
|
207
207
|
setup(u) {
|
|
208
|
-
const e = u, n =
|
|
209
|
-
return
|
|
208
|
+
const e = u, n = k();
|
|
209
|
+
return $(() => {
|
|
210
210
|
var s = n.value;
|
|
211
211
|
s && e.survey && e.survey.afterRenderHeader(s);
|
|
212
212
|
}), (s, o) => s.survey.renderedHasHeader ? (i(), l("div", {
|
|
@@ -250,7 +250,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
250
250
|
}, null, 2)
|
|
251
251
|
], 2)) : p("", !0);
|
|
252
252
|
}
|
|
253
|
-
}),
|
|
253
|
+
}), i1 = /* @__PURE__ */ h({
|
|
254
254
|
__name: "Row",
|
|
255
255
|
props: {
|
|
256
256
|
row: {},
|
|
@@ -258,7 +258,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
258
258
|
survey: {}
|
|
259
259
|
},
|
|
260
260
|
setup(u) {
|
|
261
|
-
const e = u, n =
|
|
261
|
+
const e = u, n = k();
|
|
262
262
|
let s;
|
|
263
263
|
return S(
|
|
264
264
|
() => e.row,
|
|
@@ -266,9 +266,9 @@ const e1 = /* @__PURE__ */ h({
|
|
|
266
266
|
o.setRootElement(n.value), t && (o.isNeedRender = t.isNeedRender);
|
|
267
267
|
},
|
|
268
268
|
(o) => {
|
|
269
|
-
|
|
269
|
+
n1(o) || (clearTimeout(s), o.setRootElement(void 0), o.stopLazyRendering(), o.isNeedRender = !o.isLazyRendering());
|
|
270
270
|
}
|
|
271
|
-
),
|
|
271
|
+
), $(() => {
|
|
272
272
|
if (e.row && (e.row.setRootElement(n.value), !e.row.isNeedRender)) {
|
|
273
273
|
const o = n.value;
|
|
274
274
|
setTimeout(() => {
|
|
@@ -289,10 +289,10 @@ const e1 = /* @__PURE__ */ h({
|
|
|
289
289
|
}, null, 8, ["row", "css", "element"]))), 128))
|
|
290
290
|
], 2));
|
|
291
291
|
}
|
|
292
|
-
}),
|
|
292
|
+
}), r1 = ["id", "role", "aria-required", "aria-invalid", "aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], l1 = ["id"], a1 = {
|
|
293
293
|
inheritAttrs: !1
|
|
294
|
-
},
|
|
295
|
-
...
|
|
294
|
+
}, u1 = /* @__PURE__ */ h({
|
|
295
|
+
...a1,
|
|
296
296
|
__name: "Question",
|
|
297
297
|
props: {
|
|
298
298
|
survey: {},
|
|
@@ -300,11 +300,11 @@ const e1 = /* @__PURE__ */ h({
|
|
|
300
300
|
css: {}
|
|
301
301
|
},
|
|
302
302
|
setup(u) {
|
|
303
|
-
const e = u, n =
|
|
303
|
+
const e = u, n = k(null), s = (w) => w.cssContent, o = () => e.element.getRootStyle(), t = f(() => e.element.singleInputQuestion);
|
|
304
304
|
S(() => e.element);
|
|
305
305
|
const a = () => {
|
|
306
306
|
n.value && e.element.afterRender(n.value);
|
|
307
|
-
}, m =
|
|
307
|
+
}, m = z(
|
|
308
308
|
() => n.value,
|
|
309
309
|
() => {
|
|
310
310
|
a();
|
|
@@ -322,7 +322,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
322
322
|
style: H(o()),
|
|
323
323
|
ref_key: "root",
|
|
324
324
|
ref: n,
|
|
325
|
-
onFocusin: Z[0] || (Z[0] = (
|
|
325
|
+
onFocusin: Z[0] || (Z[0] = (T) => w.element.focusIn()),
|
|
326
326
|
id: w.element.id,
|
|
327
327
|
role: w.element.ariaRole,
|
|
328
328
|
"aria-required": w.element.ariaRequired,
|
|
@@ -362,7 +362,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
362
362
|
element: t.value,
|
|
363
363
|
survey: w.survey,
|
|
364
364
|
key: t.value.id
|
|
365
|
-
}, null, 8, ["css", "element", "survey"])) : (i(), y(d,
|
|
365
|
+
}, null, 8, ["css", "element", "survey"])) : (i(), y(d, A({
|
|
366
366
|
key: 5,
|
|
367
367
|
is: C.value
|
|
368
368
|
}, q.value), {
|
|
@@ -400,7 +400,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
400
400
|
is: "survey-string",
|
|
401
401
|
locString: w.element.locDescription
|
|
402
402
|
}, null, 8, ["locString"])
|
|
403
|
-
], 10,
|
|
403
|
+
], 10, l1)) : p("", !0)
|
|
404
404
|
], 6)
|
|
405
405
|
]),
|
|
406
406
|
_: 1
|
|
@@ -417,12 +417,12 @@ const e1 = /* @__PURE__ */ h({
|
|
|
417
417
|
element: w.element,
|
|
418
418
|
location: "bottom"
|
|
419
419
|
}, null, 8, ["element"])) : p("", !0)
|
|
420
|
-
], 46,
|
|
420
|
+
], 46, r1));
|
|
421
421
|
}
|
|
422
|
-
}),
|
|
422
|
+
}), d1 = ["id"], m1 = ["id"], p1 = {
|
|
423
423
|
inheritAttrs: !1
|
|
424
|
-
},
|
|
425
|
-
...
|
|
424
|
+
}, v1 = /* @__PURE__ */ h({
|
|
425
|
+
...p1,
|
|
426
426
|
inheritAttrs: !1,
|
|
427
427
|
__name: "Panel",
|
|
428
428
|
props: {
|
|
@@ -431,8 +431,8 @@ const e1 = /* @__PURE__ */ h({
|
|
|
431
431
|
css: {}
|
|
432
432
|
},
|
|
433
433
|
setup(u) {
|
|
434
|
-
const e = u, n =
|
|
435
|
-
return S(() => e.element),
|
|
434
|
+
const e = u, n = k(null), s = f(() => e.element.survey);
|
|
435
|
+
return S(() => e.element), $(() => {
|
|
436
436
|
e.element.survey && e.element.afterRender(n.value);
|
|
437
437
|
}), (o, t) => o.element.getIsContentVisible() ? (i(), l("div", {
|
|
438
438
|
key: 0,
|
|
@@ -464,7 +464,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
464
464
|
style: H({ paddingLeft: o.element.innerPaddingLeft }),
|
|
465
465
|
class: r(o.element.cssClasses.panel.content)
|
|
466
466
|
}, [
|
|
467
|
-
(i(!0), l(M, null, V(o.element.visibleRows, (a) => (i(), y(d,
|
|
467
|
+
(i(!0), l(M, null, V(o.element.visibleRows, (a) => (i(), y(d, A({
|
|
468
468
|
key: a.id,
|
|
469
469
|
is: o.element.getSurvey().getRowWrapperComponentName(a)
|
|
470
470
|
}, {
|
|
@@ -484,10 +484,10 @@ const e1 = /* @__PURE__ */ h({
|
|
|
484
484
|
is: "sv-action-bar",
|
|
485
485
|
model: o.element.getFooterToolbar()
|
|
486
486
|
}, null, 8, ["model"])
|
|
487
|
-
], 14,
|
|
488
|
-
], 42,
|
|
487
|
+
], 14, m1)) : p("", !0)
|
|
488
|
+
], 42, d1)) : p("", !0);
|
|
489
489
|
}
|
|
490
|
-
}),
|
|
490
|
+
}), C1 = ["id"], c1 = /* @__PURE__ */ h({
|
|
491
491
|
__name: "ElementHeader",
|
|
492
492
|
props: {
|
|
493
493
|
element: {},
|
|
@@ -519,7 +519,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
519
519
|
is: "survey-string",
|
|
520
520
|
locString: o.element.locDescription
|
|
521
521
|
}, null, 8, ["locString"])
|
|
522
|
-
], 10,
|
|
522
|
+
], 10, C1)), [
|
|
523
523
|
[N, o.element.hasDescription]
|
|
524
524
|
]) : p("", !0),
|
|
525
525
|
o.element.hasAdditionalTitleToolbar ? (i(), y(d, {
|
|
@@ -529,7 +529,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
529
529
|
}, null, 8, ["model"])) : p("", !0)
|
|
530
530
|
], 6));
|
|
531
531
|
}
|
|
532
|
-
}),
|
|
532
|
+
}), g1 = /* @__PURE__ */ h({
|
|
533
533
|
__name: "String",
|
|
534
534
|
props: {
|
|
535
535
|
locString: {}
|
|
@@ -540,23 +540,23 @@ const e1 = /* @__PURE__ */ h({
|
|
|
540
540
|
locString: e.locString.renderAsData
|
|
541
541
|
}, null, 8, ["is", "locString"]));
|
|
542
542
|
}
|
|
543
|
-
}),
|
|
543
|
+
}), y1 = ["innerHTML"], h1 = /* @__PURE__ */ h({
|
|
544
544
|
__name: "StringViewer",
|
|
545
545
|
props: {
|
|
546
546
|
locString: {}
|
|
547
547
|
},
|
|
548
548
|
setup(u) {
|
|
549
|
-
const e = u, n =
|
|
549
|
+
const e = u, n = Q(() => e.locString), s = e.locString.allowLineBreaks ? "sv-string-viewer sv-string-viewer--multiline" : "sv-string-viewer";
|
|
550
550
|
return (o, t) => o.locString.hasHtml ? (i(), l("span", {
|
|
551
551
|
key: 0,
|
|
552
|
-
class: r(
|
|
553
|
-
innerHTML:
|
|
554
|
-
}, null, 10,
|
|
552
|
+
class: r(b(s)),
|
|
553
|
+
innerHTML: b(n)
|
|
554
|
+
}, null, 10, y1)) : (i(), l("span", {
|
|
555
555
|
key: 1,
|
|
556
|
-
class: r(
|
|
557
|
-
}, I(
|
|
556
|
+
class: r(b(s))
|
|
557
|
+
}, I(b(n)), 3));
|
|
558
558
|
}
|
|
559
|
-
}),
|
|
559
|
+
}), q1 = ["innerHTML"], w1 = /* @__PURE__ */ h({
|
|
560
560
|
__name: "StringEditor",
|
|
561
561
|
props: {
|
|
562
562
|
locString: {}
|
|
@@ -575,7 +575,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
575
575
|
innerHTML: o.locString.renderedHtml,
|
|
576
576
|
onBlur: n,
|
|
577
577
|
onClick: s
|
|
578
|
-
}, null, 40,
|
|
578
|
+
}, null, 40, q1)) : (i(), l("span", {
|
|
579
579
|
key: 1,
|
|
580
580
|
class: "sv-string-editor",
|
|
581
581
|
contenteditable: "true",
|
|
@@ -583,7 +583,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
583
583
|
onClick: s
|
|
584
584
|
}, I(o.locString.renderedHtml), 33));
|
|
585
585
|
}
|
|
586
|
-
}),
|
|
586
|
+
}), b1 = ["id"], L1 = /* @__PURE__ */ h({
|
|
587
587
|
__name: "Skeleton",
|
|
588
588
|
props: {
|
|
589
589
|
element: {}
|
|
@@ -594,27 +594,27 @@ const e1 = /* @__PURE__ */ h({
|
|
|
594
594
|
class: "sv-skeleton-element",
|
|
595
595
|
id: n.element.id,
|
|
596
596
|
style: H({ height: n.element.skeletonHeight })
|
|
597
|
-
}, null, 12,
|
|
597
|
+
}, null, 12, b1));
|
|
598
598
|
}
|
|
599
|
-
}),
|
|
600
|
-
|
|
601
|
-
],
|
|
599
|
+
}), k1 = { class: "sv-scroll__container" }, f1 = /* @__PURE__ */ v("div", { class: "sv-scroll__scrollbar-sizer" }, null, -1), H1 = [
|
|
600
|
+
f1
|
|
601
|
+
], M1 = /* @__PURE__ */ h({
|
|
602
602
|
__name: "Scroll",
|
|
603
603
|
props: {
|
|
604
604
|
disabled: {},
|
|
605
605
|
onInnerHeightChanged: { type: Function }
|
|
606
606
|
},
|
|
607
607
|
setup(u) {
|
|
608
|
-
const e = u, n = new
|
|
608
|
+
const e = u, n = new Fe();
|
|
609
609
|
n.onInnerHeightChanged = (o) => {
|
|
610
610
|
e.onInnerHeightChanged && e.onInnerHeightChanged(o);
|
|
611
611
|
};
|
|
612
|
-
const s =
|
|
613
|
-
return
|
|
612
|
+
const s = k();
|
|
613
|
+
return $(() => {
|
|
614
614
|
n.setRootElement(s.value);
|
|
615
615
|
}), P(() => {
|
|
616
616
|
n.setRootElement(void 0), n.unsubscribeRootElement();
|
|
617
|
-
}), (o, t) => e.disabled ?
|
|
617
|
+
}), (o, t) => e.disabled ? x(o.$slots, "default", { key: 0 }) : (i(), l("div", {
|
|
618
618
|
key: 1,
|
|
619
619
|
ref_key: "root",
|
|
620
620
|
ref: s,
|
|
@@ -622,26 +622,26 @@ const e1 = /* @__PURE__ */ h({
|
|
|
622
622
|
}, [
|
|
623
623
|
v("div", {
|
|
624
624
|
class: "sv-scroll__scroller sv-drag-target-skipped",
|
|
625
|
-
onScroll: t[0] || (t[0] = () =>
|
|
625
|
+
onScroll: t[0] || (t[0] = () => b(n).onScrollContainer())
|
|
626
626
|
}, [
|
|
627
|
-
v("div",
|
|
628
|
-
|
|
627
|
+
v("div", k1, [
|
|
628
|
+
x(o.$slots, "default")
|
|
629
629
|
])
|
|
630
630
|
], 32),
|
|
631
631
|
v("div", {
|
|
632
632
|
class: "sv-scroll__scrollbar",
|
|
633
|
-
onScroll: t[1] || (t[1] = () =>
|
|
634
|
-
},
|
|
633
|
+
onScroll: t[1] || (t[1] = () => b(n).onScrollScrollbar())
|
|
634
|
+
}, H1, 32)
|
|
635
635
|
], 512));
|
|
636
636
|
}
|
|
637
|
-
}),
|
|
637
|
+
}), I1 = ["id"], V1 = ["value"], S1 = /* @__PURE__ */ h({
|
|
638
638
|
inheritAttrs: !1,
|
|
639
639
|
__name: "Text",
|
|
640
640
|
props: {
|
|
641
641
|
question: {}
|
|
642
642
|
},
|
|
643
643
|
setup(u) {
|
|
644
|
-
const e = u, n =
|
|
644
|
+
const e = u, n = k(null);
|
|
645
645
|
return B(e, n), (s, o) => s.question.isReadOnlyRenderDiv() ? (i(), l("div", {
|
|
646
646
|
key: 0,
|
|
647
647
|
ref_key: "root",
|
|
@@ -661,8 +661,8 @@ const e1 = /* @__PURE__ */ h({
|
|
|
661
661
|
(i(!0), l(M, null, V(s.question.dataList, (t, a) => (i(), l("option", {
|
|
662
662
|
key: a,
|
|
663
663
|
value: t
|
|
664
|
-
}, null, 8,
|
|
665
|
-
], 8,
|
|
664
|
+
}, null, 8, V1))), 128))
|
|
665
|
+
], 8, I1)
|
|
666
666
|
], 512)) : (i(), y(d, {
|
|
667
667
|
key: 2,
|
|
668
668
|
is: "survey-text-input",
|
|
@@ -672,7 +672,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
672
672
|
}
|
|
673
673
|
}, null, 8, ["question", "get-ref"]));
|
|
674
674
|
}
|
|
675
|
-
}),
|
|
675
|
+
}), R1 = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], B1 = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Z1 = /* @__PURE__ */ h({
|
|
676
676
|
__name: "TextInput",
|
|
677
677
|
props: {
|
|
678
678
|
question: {},
|
|
@@ -681,7 +681,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
681
681
|
setup(u, { expose: e }) {
|
|
682
682
|
const n = u, s = function(a) {
|
|
683
683
|
n.getRef && n.getRef(a);
|
|
684
|
-
}, o =
|
|
684
|
+
}, o = k(null);
|
|
685
685
|
e({ root: o }), S(() => n.question);
|
|
686
686
|
const t = f(() => n.question.inputStyle);
|
|
687
687
|
return (a, m) => a.question.getMaxLength() ? (i(), l("div", {
|
|
@@ -726,7 +726,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
726
726
|
"aria-describedby": a.question.a11y_input_ariaDescribedBy,
|
|
727
727
|
"aria-invalid": a.question.a11y_input_ariaInvalid,
|
|
728
728
|
"aria-errormessage": a.question.a11y_input_ariaErrormessage
|
|
729
|
-
}, null, 46,
|
|
729
|
+
}, null, 46, B1),
|
|
730
730
|
g(d, {
|
|
731
731
|
is: "sv-character-counter",
|
|
732
732
|
counter: a.question.characterCounter,
|
|
@@ -772,12 +772,12 @@ const e1 = /* @__PURE__ */ h({
|
|
|
772
772
|
"aria-describedby": a.question.a11y_input_ariaDescribedBy,
|
|
773
773
|
"aria-invalid": a.question.a11y_input_ariaInvalid,
|
|
774
774
|
"aria-errormessage": a.question.a11y_input_ariaErrormessage
|
|
775
|
-
}, null, 46,
|
|
775
|
+
}, null, 46, R1));
|
|
776
776
|
}
|
|
777
|
-
}),
|
|
777
|
+
}), T1 = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], $1 = {
|
|
778
778
|
key: 0,
|
|
779
779
|
class: "sv-hidden"
|
|
780
|
-
},
|
|
780
|
+
}, D1 = { key: 7 }, A1 = ["value"], ke = /* @__PURE__ */ h({
|
|
781
781
|
inheritAttrs: !1,
|
|
782
782
|
__name: "SelectBase",
|
|
783
783
|
props: {
|
|
@@ -785,7 +785,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
785
785
|
showLegend: { type: Boolean }
|
|
786
786
|
},
|
|
787
787
|
setup(u) {
|
|
788
|
-
const e = u, n =
|
|
788
|
+
const e = u, n = k(null);
|
|
789
789
|
B(e, n);
|
|
790
790
|
const s = (t) => e.question.getItemValueWrapperComponentName(t) || e.question.itemComponent, o = (t) => ({
|
|
791
791
|
componentName: e.question.itemComponent,
|
|
@@ -807,12 +807,12 @@ const e1 = /* @__PURE__ */ h({
|
|
|
807
807
|
"aria-invalid": t.question.a11y_input_ariaInvalid,
|
|
808
808
|
"aria-errormessage": t.question.a11y_input_ariaErrormessage
|
|
809
809
|
}, [
|
|
810
|
-
t.showLegend ? (i(), l("legend",
|
|
811
|
-
t.question.hasHeadItems ? (i(!0), l(M, { key: 1 }, V(t.question.headItems, (m) => (i(), y(d,
|
|
810
|
+
t.showLegend ? (i(), l("legend", $1, I(t.question.locTitle.renderedHtml), 1)) : p("", !0),
|
|
811
|
+
t.question.hasHeadItems ? (i(!0), l(M, { key: 1 }, V(t.question.headItems, (m) => (i(), y(d, A({
|
|
812
812
|
key: m.value,
|
|
813
813
|
is: s(m)
|
|
814
814
|
}, o(m)), null, 16, ["is"]))), 128)) : p("", !0),
|
|
815
|
-
!t.question.hasColumns && !t.question.blockedRow ? (i(!0), l(M, { key: 2 }, V(t.question.bodyItems, (m) => (i(), y(d,
|
|
815
|
+
!t.question.hasColumns && !t.question.blockedRow ? (i(!0), l(M, { key: 2 }, V(t.question.bodyItems, (m) => (i(), y(d, A({
|
|
816
816
|
key: m.value,
|
|
817
817
|
is: s(m)
|
|
818
818
|
}, o(m)), null, 16, ["is"]))), 128)) : p("", !0),
|
|
@@ -820,7 +820,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
820
820
|
key: 3,
|
|
821
821
|
class: r(t.question.cssClasses.rootRow)
|
|
822
822
|
}, [
|
|
823
|
-
!t.question.hasColumns && t.question.blockedRow ? (i(!0), l(M, { key: 0 }, V(t.question.dataChoices, (m) => (i(), y(d,
|
|
823
|
+
!t.question.hasColumns && t.question.blockedRow ? (i(!0), l(M, { key: 0 }, V(t.question.dataChoices, (m) => (i(), y(d, A({
|
|
824
824
|
key: m.value,
|
|
825
825
|
is: s(m)
|
|
826
826
|
}, o(m)), null, 16, ["is"]))), 128)) : p("", !0)
|
|
@@ -834,13 +834,13 @@ const e1 = /* @__PURE__ */ h({
|
|
|
834
834
|
class: r(t.question.getColumnClass()),
|
|
835
835
|
role: "presentation"
|
|
836
836
|
}, [
|
|
837
|
-
(i(!0), l(M, null, V(m, (C) => (i(), y(d,
|
|
837
|
+
(i(!0), l(M, null, V(m, (C) => (i(), y(d, A({
|
|
838
838
|
key: C.value,
|
|
839
839
|
is: s(C)
|
|
840
840
|
}, o(C)), null, 16, ["is"]))), 128))
|
|
841
841
|
], 2))), 128)) : p("", !0)
|
|
842
842
|
], 2)) : p("", !0),
|
|
843
|
-
t.question.hasFootItems ? (i(!0), l(M, { key: 5 }, V(t.question.footItems, (m) => (i(), y(d,
|
|
843
|
+
t.question.hasFootItems ? (i(!0), l(M, { key: 5 }, V(t.question.footItems, (m) => (i(), y(d, A({
|
|
844
844
|
key: m.value,
|
|
845
845
|
is: s(m)
|
|
846
846
|
}, o(m)), null, 16, ["is"]))), 128)) : p("", !0),
|
|
@@ -849,7 +849,7 @@ const e1 = /* @__PURE__ */ h({
|
|
|
849
849
|
is: "survey-other-choice",
|
|
850
850
|
question: t.question
|
|
851
851
|
}, null, 8, ["question"])) : p("", !0),
|
|
852
|
-
t.question.showClearButtonInContent ? (i(), l("div",
|
|
852
|
+
t.question.showClearButtonInContent ? (i(), l("div", D1, [
|
|
853
853
|
v("input", {
|
|
854
854
|
type: "button",
|
|
855
855
|
class: r(t.question.cssClasses.clearButton),
|
|
@@ -857,25 +857,25 @@ const e1 = /* @__PURE__ */ h({
|
|
|
857
857
|
t.question.clearValue(!0);
|
|
858
858
|
}),
|
|
859
859
|
value: t.question.clearButtonCaption
|
|
860
|
-
}, null, 10,
|
|
860
|
+
}, null, 10, A1)
|
|
861
861
|
])) : p("", !0)
|
|
862
|
-
], 10,
|
|
862
|
+
], 10, T1));
|
|
863
863
|
}
|
|
864
|
-
}),
|
|
864
|
+
}), N1 = /* @__PURE__ */ h({
|
|
865
865
|
inheritAttrs: !1,
|
|
866
866
|
__name: "Checkbox",
|
|
867
867
|
props: {
|
|
868
868
|
question: {}
|
|
869
869
|
},
|
|
870
870
|
setup(u) {
|
|
871
|
-
return (e, n) => (i(), y(
|
|
871
|
+
return (e, n) => (i(), y(ke, {
|
|
872
872
|
question: e.question,
|
|
873
873
|
"show-legend": !0
|
|
874
874
|
}, null, 8, ["question"]));
|
|
875
875
|
}
|
|
876
876
|
});
|
|
877
|
-
function
|
|
878
|
-
|
|
877
|
+
function fe(u, e, n) {
|
|
878
|
+
$(() => {
|
|
879
879
|
n.value && (e().isDesignMode || u().setRootElement(n.value));
|
|
880
880
|
}), P(() => {
|
|
881
881
|
e().isDesignMode || u().setRootElement(void 0);
|
|
@@ -883,7 +883,7 @@ function Le(u, e, n) {
|
|
|
883
883
|
e().isDesignMode || (s && n.value && s.setRootElement(n.value), o && o.setRootElement(void 0));
|
|
884
884
|
});
|
|
885
885
|
}
|
|
886
|
-
const
|
|
886
|
+
const P1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"], E1 = ["xlink:href"], W1 = /* @__PURE__ */ h({
|
|
887
887
|
inheritAttrs: !1,
|
|
888
888
|
__name: "CheckboxItem",
|
|
889
889
|
props: {
|
|
@@ -892,8 +892,8 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
892
892
|
hideLabel: { type: Boolean }
|
|
893
893
|
},
|
|
894
894
|
setup(u) {
|
|
895
|
-
const e =
|
|
896
|
-
|
|
895
|
+
const e = k(), n = u;
|
|
896
|
+
fe(
|
|
897
897
|
() => n.item,
|
|
898
898
|
() => n.question,
|
|
899
899
|
e
|
|
@@ -923,7 +923,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
923
923
|
readonly: o.question.isReadOnlyAttr,
|
|
924
924
|
class: r(o.question.cssClasses.itemControl),
|
|
925
925
|
required: o.question.hasRequiredError()
|
|
926
|
-
}, null, 42,
|
|
926
|
+
}, null, 42, P1),
|
|
927
927
|
o.question.cssClasses.materialDecorator ? (i(), l("span", {
|
|
928
928
|
key: 0,
|
|
929
929
|
class: r(o.question.cssClasses.materialDecorator)
|
|
@@ -934,7 +934,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
934
934
|
}, [
|
|
935
935
|
v("use", {
|
|
936
936
|
"xlink:href": o.question.itemSvgIcon
|
|
937
|
-
}, null, 8,
|
|
937
|
+
}, null, 8, E1)
|
|
938
938
|
], 2)) : p("", !0)
|
|
939
939
|
], 2)) : p("", !0),
|
|
940
940
|
o.hideLabel ? p("", !0) : (i(), l("span", {
|
|
@@ -949,16 +949,16 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
949
949
|
], 2)
|
|
950
950
|
], 2));
|
|
951
951
|
}
|
|
952
|
-
}),
|
|
952
|
+
}), F1 = /* @__PURE__ */ h({
|
|
953
953
|
inheritAttrs: !1,
|
|
954
954
|
__name: "Radiogroup",
|
|
955
955
|
props: {
|
|
956
956
|
question: {}
|
|
957
957
|
},
|
|
958
958
|
setup(u) {
|
|
959
|
-
return (e, n) => (i(), y(
|
|
959
|
+
return (e, n) => (i(), y(ke, { question: e.question }, null, 8, ["question"]));
|
|
960
960
|
}
|
|
961
|
-
}),
|
|
961
|
+
}), z1 = ["name", "value", "id", "aria-errormessage", "disabled", "readonly"], O1 = ["xlink:href"], U1 = /* @__PURE__ */ h({
|
|
962
962
|
inheritAttrs: !1,
|
|
963
963
|
__name: "RadiogroupItem",
|
|
964
964
|
props: {
|
|
@@ -967,14 +967,14 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
967
967
|
hideLabel: { type: Boolean }
|
|
968
968
|
},
|
|
969
969
|
setup(u) {
|
|
970
|
-
const e =
|
|
970
|
+
const e = k(), n = u, s = (a) => n.question.getLabelClass(a), o = (a) => n.question.getControlLabelClass(a), t = f({
|
|
971
971
|
get: () => n.question.renderedValue,
|
|
972
972
|
set: (a) => {
|
|
973
973
|
const m = n.question;
|
|
974
974
|
m.renderedValue = a;
|
|
975
975
|
}
|
|
976
976
|
});
|
|
977
|
-
return
|
|
977
|
+
return fe(
|
|
978
978
|
() => n.item,
|
|
979
979
|
() => n.question,
|
|
980
980
|
e
|
|
@@ -998,8 +998,8 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
998
998
|
disabled: !a.question.getItemEnabled(a.item),
|
|
999
999
|
readonly: a.question.isReadOnlyAttr,
|
|
1000
1000
|
class: r(a.question.cssClasses.itemControl)
|
|
1001
|
-
}, null, 10,
|
|
1002
|
-
[
|
|
1001
|
+
}, null, 10, z1), [
|
|
1002
|
+
[se, t.value]
|
|
1003
1003
|
]),
|
|
1004
1004
|
a.question.cssClasses.materialDecorator ? (i(), l("span", {
|
|
1005
1005
|
key: 0,
|
|
@@ -1011,7 +1011,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1011
1011
|
}, [
|
|
1012
1012
|
v("use", {
|
|
1013
1013
|
"xlink:href": a.question.itemSvgIcon
|
|
1014
|
-
}, null, 8,
|
|
1014
|
+
}, null, 8, O1)
|
|
1015
1015
|
], 2)) : p("", !0)
|
|
1016
1016
|
], 2)) : p("", !0),
|
|
1017
1017
|
a.hideLabel ? p("", !0) : (i(), l("span", {
|
|
@@ -1026,14 +1026,14 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1026
1026
|
], 34)
|
|
1027
1027
|
], 2));
|
|
1028
1028
|
}
|
|
1029
|
-
}),
|
|
1029
|
+
}), Q1 = ["src"], K1 = ["title"], j1 = { key: 0 }, G1 = /* @__PURE__ */ h({
|
|
1030
1030
|
inheritAttrs: !1,
|
|
1031
1031
|
__name: "Signaturepad",
|
|
1032
1032
|
props: {
|
|
1033
1033
|
question: {}
|
|
1034
1034
|
},
|
|
1035
1035
|
setup(u) {
|
|
1036
|
-
const e = u, n =
|
|
1036
|
+
const e = u, n = k(null);
|
|
1037
1037
|
return B(e, n), (s, o) => (i(), l("div", {
|
|
1038
1038
|
class: r(s.question.cssClasses.root),
|
|
1039
1039
|
ref_key: "root",
|
|
@@ -1061,7 +1061,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1061
1061
|
style: H({
|
|
1062
1062
|
width: s.question.renderedCanvasWidth
|
|
1063
1063
|
})
|
|
1064
|
-
}, null, 14,
|
|
1064
|
+
}, null, 14, Q1)) : p("", !0),
|
|
1065
1065
|
v("canvas", {
|
|
1066
1066
|
tabindex: "-1",
|
|
1067
1067
|
class: r(s.question.cssClasses.canvas),
|
|
@@ -1081,14 +1081,14 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1081
1081
|
s.question.clearValue(!0);
|
|
1082
1082
|
})
|
|
1083
1083
|
}, [
|
|
1084
|
-
s.question.cssClasses.clearButtonIconId ? p("", !0) : (i(), l("span",
|
|
1084
|
+
s.question.cssClasses.clearButtonIconId ? p("", !0) : (i(), l("span", j1, "✖")),
|
|
1085
1085
|
s.question.cssClasses.clearButtonIconId ? (i(), y(d, {
|
|
1086
1086
|
key: 1,
|
|
1087
1087
|
is: "sv-svg-icon",
|
|
1088
1088
|
iconName: s.question.cssClasses.clearButtonIconId,
|
|
1089
1089
|
size: "auto"
|
|
1090
1090
|
}, null, 8, ["iconName"])) : p("", !0)
|
|
1091
|
-
], 10,
|
|
1091
|
+
], 10, K1)
|
|
1092
1092
|
], 2)) : p("", !0),
|
|
1093
1093
|
s.question.showLoadingIndicator ? (i(), l("div", {
|
|
1094
1094
|
key: 1,
|
|
@@ -1098,33 +1098,33 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1098
1098
|
], 2)) : p("", !0)
|
|
1099
1099
|
], 6));
|
|
1100
1100
|
}
|
|
1101
|
-
}),
|
|
1101
|
+
}), X1 = ["innerHTML"], J1 = /* @__PURE__ */ h({
|
|
1102
1102
|
inheritAttrs: !1,
|
|
1103
1103
|
__name: "Html",
|
|
1104
1104
|
props: {
|
|
1105
1105
|
question: {}
|
|
1106
1106
|
},
|
|
1107
1107
|
setup(u) {
|
|
1108
|
-
const e = u, n =
|
|
1108
|
+
const e = u, n = k(null);
|
|
1109
1109
|
B(e, n);
|
|
1110
|
-
const s =
|
|
1110
|
+
const s = Q(() => e.question.locHtml);
|
|
1111
1111
|
return (o, t) => (i(), l("div", {
|
|
1112
1112
|
ref_key: "root",
|
|
1113
1113
|
ref: n,
|
|
1114
1114
|
class: r(o.question.renderCssRoot),
|
|
1115
|
-
innerHTML:
|
|
1116
|
-
}, null, 10,
|
|
1115
|
+
innerHTML: b(s)
|
|
1116
|
+
}, null, 10, X1));
|
|
1117
1117
|
}
|
|
1118
|
-
}),
|
|
1118
|
+
}), Y1 = ["src", "alt", "width", "height"], _1 = ["src", "width", "height"], x1 = ["src", "title", "width", "height"], es = /* @__PURE__ */ h({
|
|
1119
1119
|
inheritAttrs: !1,
|
|
1120
1120
|
__name: "Image",
|
|
1121
1121
|
props: {
|
|
1122
1122
|
question: {}
|
|
1123
1123
|
},
|
|
1124
1124
|
setup(u) {
|
|
1125
|
-
const e = u, n =
|
|
1125
|
+
const e = u, n = k(null);
|
|
1126
1126
|
B(e, n);
|
|
1127
|
-
const s =
|
|
1127
|
+
const s = Q(() => e.question.locImageLink);
|
|
1128
1128
|
return (o, t) => (i(), l("div", {
|
|
1129
1129
|
class: r(o.question.cssClasses.root),
|
|
1130
1130
|
ref_key: "root",
|
|
@@ -1133,7 +1133,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1133
1133
|
o.question.renderedMode === "image" ? R((i(), l("img", {
|
|
1134
1134
|
key: 0,
|
|
1135
1135
|
class: r(o.question.getImageCss()),
|
|
1136
|
-
src:
|
|
1136
|
+
src: b(s),
|
|
1137
1137
|
alt: o.question.altText || o.question.title,
|
|
1138
1138
|
width: o.question.renderedWidth,
|
|
1139
1139
|
height: o.question.renderedHeight,
|
|
@@ -1148,14 +1148,14 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1148
1148
|
onError: t[1] || (t[1] = (a) => {
|
|
1149
1149
|
o.question.onErrorHandler();
|
|
1150
1150
|
})
|
|
1151
|
-
}, null, 46,
|
|
1152
|
-
[N,
|
|
1151
|
+
}, null, 46, Y1)), [
|
|
1152
|
+
[N, b(s) && !o.question.contentNotLoaded]
|
|
1153
1153
|
]) : p("", !0),
|
|
1154
1154
|
o.question.renderedMode === "video" ? R((i(), l("video", {
|
|
1155
1155
|
key: 1,
|
|
1156
1156
|
controls: "",
|
|
1157
1157
|
class: r(o.question.getImageCss()),
|
|
1158
|
-
src:
|
|
1158
|
+
src: b(s),
|
|
1159
1159
|
width: o.question.renderedWidth,
|
|
1160
1160
|
height: o.question.renderedHeight,
|
|
1161
1161
|
style: H({
|
|
@@ -1169,13 +1169,13 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1169
1169
|
onError: t[3] || (t[3] = (a) => {
|
|
1170
1170
|
o.question.onErrorHandler();
|
|
1171
1171
|
})
|
|
1172
|
-
}, null, 46,
|
|
1173
|
-
[N,
|
|
1172
|
+
}, null, 46, _1)), [
|
|
1173
|
+
[N, b(s) && !o.question.contentNotLoaded]
|
|
1174
1174
|
]) : p("", !0),
|
|
1175
1175
|
o.question.renderedMode === "youtube" ? (i(), l("iframe", {
|
|
1176
1176
|
key: 2,
|
|
1177
1177
|
class: r(o.question.getImageCss()),
|
|
1178
|
-
src:
|
|
1178
|
+
src: b(s),
|
|
1179
1179
|
title: o.question.renderedAltText,
|
|
1180
1180
|
width: o.question.renderedWidth,
|
|
1181
1181
|
height: o.question.renderedHeight,
|
|
@@ -1184,8 +1184,8 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1184
1184
|
width: o.question.renderedStyleWidth,
|
|
1185
1185
|
height: o.question.renderedStyleHeight
|
|
1186
1186
|
})
|
|
1187
|
-
}, null, 14,
|
|
1188
|
-
!
|
|
1187
|
+
}, null, 14, x1)) : p("", !0),
|
|
1188
|
+
!b(s) || o.question.contentNotLoaded ? (i(), l("div", {
|
|
1189
1189
|
key: 3,
|
|
1190
1190
|
class: r(o.question.cssClasses.noImage)
|
|
1191
1191
|
}, [
|
|
@@ -1197,28 +1197,28 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1197
1197
|
], 2)) : p("", !0)
|
|
1198
1198
|
], 2));
|
|
1199
1199
|
}
|
|
1200
|
-
}),
|
|
1200
|
+
}), ss = /* @__PURE__ */ h({
|
|
1201
1201
|
inheritAttrs: !1,
|
|
1202
1202
|
__name: "Expression",
|
|
1203
1203
|
props: {
|
|
1204
1204
|
question: {}
|
|
1205
1205
|
},
|
|
1206
1206
|
setup(u) {
|
|
1207
|
-
const e = u, n =
|
|
1207
|
+
const e = u, n = k(null);
|
|
1208
1208
|
return B(e, n), (s, o) => (i(), l("div", {
|
|
1209
1209
|
class: r(s.question.cssClasses.root),
|
|
1210
1210
|
ref_key: "root",
|
|
1211
1211
|
ref: n
|
|
1212
1212
|
}, I(s.question.formatedValue), 3));
|
|
1213
1213
|
}
|
|
1214
|
-
}),
|
|
1214
|
+
}), ns = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], ts = ["id", "multiple", "placeholder"], os = ["id", "multiple", "placeholder"], is = /* @__PURE__ */ h({
|
|
1215
1215
|
inheritAttrs: !1,
|
|
1216
1216
|
__name: "File",
|
|
1217
1217
|
props: {
|
|
1218
1218
|
question: {}
|
|
1219
1219
|
},
|
|
1220
1220
|
setup(u) {
|
|
1221
|
-
const e = u, n =
|
|
1221
|
+
const e = u, n = k(null);
|
|
1222
1222
|
return B(e, n), (s, o) => (i(), l("div", {
|
|
1223
1223
|
class: r(s.question.fileRootCss),
|
|
1224
1224
|
ref_key: "root",
|
|
@@ -1238,7 +1238,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1238
1238
|
title: s.question.inputTitle,
|
|
1239
1239
|
accept: s.question.acceptedTypes,
|
|
1240
1240
|
capture: s.question.renderCapture
|
|
1241
|
-
}, null, 10,
|
|
1241
|
+
}, null, 10, ns)) : p("", !0),
|
|
1242
1242
|
s.question.isReadOnlyAttr ? (i(), l("input", {
|
|
1243
1243
|
key: 1,
|
|
1244
1244
|
type: "file",
|
|
@@ -1248,7 +1248,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1248
1248
|
multiple: s.question.allowMultiple,
|
|
1249
1249
|
placeholder: s.question.title,
|
|
1250
1250
|
style: { color: "transparent" }
|
|
1251
|
-
}, null, 10,
|
|
1251
|
+
}, null, 10, ts)) : p("", !0),
|
|
1252
1252
|
s.question.isDisabledAttr ? (i(), l("input", {
|
|
1253
1253
|
key: 2,
|
|
1254
1254
|
type: "file",
|
|
@@ -1258,7 +1258,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1258
1258
|
multiple: s.question.allowMultiple,
|
|
1259
1259
|
placeholder: s.question.title,
|
|
1260
1260
|
style: { color: "transparent" }
|
|
1261
|
-
}, null, 10,
|
|
1261
|
+
}, null, 10, os)) : p("", !0),
|
|
1262
1262
|
v("div", {
|
|
1263
1263
|
class: r(s.question.cssClasses.dragArea),
|
|
1264
1264
|
onDrop: o[0] || (o[0] = //@ts-ignore
|
|
@@ -1317,17 +1317,17 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1317
1317
|
], 34)
|
|
1318
1318
|
], 2));
|
|
1319
1319
|
}
|
|
1320
|
-
}),
|
|
1320
|
+
}), rs = { class: "sv-hidden" }, ge = "survey-imagepicker-item", ls = /* @__PURE__ */ h({
|
|
1321
1321
|
inheritAttrs: !1,
|
|
1322
1322
|
__name: "Imagepicker",
|
|
1323
1323
|
props: {
|
|
1324
1324
|
question: {}
|
|
1325
1325
|
},
|
|
1326
1326
|
setup(u) {
|
|
1327
|
-
const e = u, n =
|
|
1327
|
+
const e = u, n = k(null);
|
|
1328
1328
|
B(e, n);
|
|
1329
|
-
const s = (t) => e.question.getItemValueWrapperComponentName(t) ||
|
|
1330
|
-
componentName:
|
|
1329
|
+
const s = (t) => e.question.getItemValueWrapperComponentName(t) || ge, o = (t) => ({
|
|
1330
|
+
componentName: ge,
|
|
1331
1331
|
componentData: {
|
|
1332
1332
|
question: e.question,
|
|
1333
1333
|
item: t,
|
|
@@ -1340,8 +1340,8 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1340
1340
|
ref_key: "root",
|
|
1341
1341
|
ref: n
|
|
1342
1342
|
}, [
|
|
1343
|
-
v("legend",
|
|
1344
|
-
t.question.hasColumns ? p("", !0) : (i(!0), l(M, { key: 0 }, V(t.question.visibleChoices, (m) => (i(), y(d,
|
|
1343
|
+
v("legend", rs, I(t.question.locTitle.renderedHtml), 1),
|
|
1344
|
+
t.question.hasColumns ? p("", !0) : (i(!0), l(M, { key: 0 }, V(t.question.visibleChoices, (m) => (i(), y(d, A({
|
|
1345
1345
|
key: m.value,
|
|
1346
1346
|
is: s(m)
|
|
1347
1347
|
}, o(m)), null, 16, ["is"]))), 128)),
|
|
@@ -1350,14 +1350,14 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1350
1350
|
key: c,
|
|
1351
1351
|
role: "presentation"
|
|
1352
1352
|
}, [
|
|
1353
|
-
(i(!0), l(M, null, V(m, (C) => (i(), y(d,
|
|
1353
|
+
(i(!0), l(M, null, V(m, (C) => (i(), y(d, A({
|
|
1354
1354
|
key: C.value,
|
|
1355
1355
|
is: s(C)
|
|
1356
1356
|
}, o(C)), null, 16, ["is"]))), 128))
|
|
1357
1357
|
], 2))), 128)) : p("", !0)
|
|
1358
1358
|
], 6));
|
|
1359
1359
|
}
|
|
1360
|
-
}),
|
|
1360
|
+
}), as = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], us = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], ds = ["src", "width", "height", "alt"], ms = ["src", "width", "height"], ps = /* @__PURE__ */ h({
|
|
1361
1361
|
inheritAttrs: !1,
|
|
1362
1362
|
__name: "ImagepickerItem",
|
|
1363
1363
|
props: {
|
|
@@ -1375,7 +1375,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1375
1375
|
}
|
|
1376
1376
|
});
|
|
1377
1377
|
S(() => e.item);
|
|
1378
|
-
const o =
|
|
1378
|
+
const o = Q(() => e.item.locImageLink);
|
|
1379
1379
|
return (t, a) => (i(), l("div", {
|
|
1380
1380
|
class: r(n(t.item))
|
|
1381
1381
|
}, [
|
|
@@ -1396,8 +1396,8 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1396
1396
|
"aria-invalid": t.question.ariaInvalid,
|
|
1397
1397
|
"aria-errormessage": t.question.ariaErrormessage,
|
|
1398
1398
|
class: r(t.question.cssClasses.itemControl)
|
|
1399
|
-
}, null, 10,
|
|
1400
|
-
[
|
|
1399
|
+
}, null, 10, as)), [
|
|
1400
|
+
[ie, s.value]
|
|
1401
1401
|
]) : R((i(), l("input", {
|
|
1402
1402
|
key: 1,
|
|
1403
1403
|
type: "radio",
|
|
@@ -1412,8 +1412,8 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1412
1412
|
"aria-invalid": t.question.ariaInvalid,
|
|
1413
1413
|
"aria-errormessage": t.question.ariaErrormessage,
|
|
1414
1414
|
class: r(t.question.cssClasses.itemControl)
|
|
1415
|
-
}, null, 10,
|
|
1416
|
-
[
|
|
1415
|
+
}, null, 10, us)), [
|
|
1416
|
+
[se, s.value]
|
|
1417
1417
|
]),
|
|
1418
1418
|
v("div", {
|
|
1419
1419
|
class: r(t.question.cssClasses.itemDecorator)
|
|
@@ -1434,10 +1434,10 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1434
1434
|
iconName: t.question.cssClasses.checkedItemSvgIconId
|
|
1435
1435
|
}, null, 8, ["class", "iconName"])) : p("", !0)
|
|
1436
1436
|
], 2)) : p("", !0),
|
|
1437
|
-
|
|
1437
|
+
b(o) && !t.item.contentNotLoaded && t.question.contentMode === "image" ? (i(), l("img", {
|
|
1438
1438
|
key: 1,
|
|
1439
1439
|
class: r(t.question.cssClasses.image),
|
|
1440
|
-
src:
|
|
1440
|
+
src: b(o),
|
|
1441
1441
|
width: t.question.renderedImageWidth,
|
|
1442
1442
|
height: t.question.renderedImageHeight,
|
|
1443
1443
|
style: H({ objectFit: t.question.imageFit }),
|
|
@@ -1448,12 +1448,12 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1448
1448
|
onError: a[3] || (a[3] = (m) => {
|
|
1449
1449
|
t.item.onErrorHandler();
|
|
1450
1450
|
})
|
|
1451
|
-
}, null, 46,
|
|
1452
|
-
|
|
1451
|
+
}, null, 46, ds)) : p("", !0),
|
|
1452
|
+
b(o) && !t.item.contentNotLoaded && t.question.contentMode === "video" ? (i(), l("video", {
|
|
1453
1453
|
key: 2,
|
|
1454
1454
|
controls: "",
|
|
1455
1455
|
class: r(t.question.cssClasses.image),
|
|
1456
|
-
src:
|
|
1456
|
+
src: b(o),
|
|
1457
1457
|
width: t.question.renderedImageWidth,
|
|
1458
1458
|
height: t.question.renderedImageHeight,
|
|
1459
1459
|
style: H({ objectFit: t.question.imageFit }),
|
|
@@ -1463,8 +1463,8 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1463
1463
|
onError: a[5] || (a[5] = (m) => {
|
|
1464
1464
|
t.item.onErrorHandler();
|
|
1465
1465
|
})
|
|
1466
|
-
}, null, 46,
|
|
1467
|
-
!
|
|
1466
|
+
}, null, 46, ms)) : p("", !0),
|
|
1467
|
+
!b(o) || t.item.contentNotLoaded ? (i(), l("div", {
|
|
1468
1468
|
key: 3,
|
|
1469
1469
|
class: r(t.question.cssClasses.itemNoImage),
|
|
1470
1470
|
style: H({
|
|
@@ -1494,14 +1494,14 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1494
1494
|
], 2)
|
|
1495
1495
|
], 2));
|
|
1496
1496
|
}
|
|
1497
|
-
}),
|
|
1497
|
+
}), vs = /* @__PURE__ */ h({
|
|
1498
1498
|
inheritAttrs: !1,
|
|
1499
1499
|
__name: "Comment",
|
|
1500
1500
|
props: {
|
|
1501
1501
|
question: {}
|
|
1502
1502
|
},
|
|
1503
1503
|
setup(u) {
|
|
1504
|
-
const e = u, n =
|
|
1504
|
+
const e = u, n = k(null);
|
|
1505
1505
|
return B(e, n), (s, o) => !s.question.isReadOnlyRenderDiv() && s.question.getMaxLength() ? (i(), l("div", {
|
|
1506
1506
|
key: 0,
|
|
1507
1507
|
ref_key: "root",
|
|
@@ -1528,14 +1528,14 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1528
1528
|
ref: n
|
|
1529
1529
|
}, I(s.question.value), 513));
|
|
1530
1530
|
}
|
|
1531
|
-
}),
|
|
1531
|
+
}), Cs = /* @__PURE__ */ h({
|
|
1532
1532
|
inheritAttrs: !1,
|
|
1533
1533
|
__name: "Dropdown",
|
|
1534
1534
|
props: {
|
|
1535
1535
|
question: {}
|
|
1536
1536
|
},
|
|
1537
1537
|
setup(u) {
|
|
1538
|
-
const e = u, n =
|
|
1538
|
+
const e = u, n = k(null);
|
|
1539
1539
|
return B(e, n), (s, o) => (i(), l("div", {
|
|
1540
1540
|
class: r(s.question.renderCssRoot),
|
|
1541
1541
|
ref_key: "root",
|
|
@@ -1552,23 +1552,23 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
|
|
|
1552
1552
|
}, null, 8, ["question"])) : p("", !0)
|
|
1553
1553
|
], 2));
|
|
1554
1554
|
}
|
|
1555
|
-
}),
|
|
1555
|
+
}), cs = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "required"], gs = {
|
|
1556
1556
|
key: 0,
|
|
1557
1557
|
value: ""
|
|
1558
|
-
},
|
|
1559
|
-
|
|
1558
|
+
}, ys = ["id"];
|
|
1559
|
+
G.Instance.registerRenderer(
|
|
1560
1560
|
"dropdown",
|
|
1561
1561
|
"select",
|
|
1562
1562
|
"sv-dropdown-select"
|
|
1563
1563
|
);
|
|
1564
|
-
const
|
|
1564
|
+
const hs = /* @__PURE__ */ h({
|
|
1565
1565
|
inheritAttrs: !1,
|
|
1566
1566
|
__name: "DropdownSelect",
|
|
1567
1567
|
props: {
|
|
1568
1568
|
question: {}
|
|
1569
1569
|
},
|
|
1570
1570
|
setup(u) {
|
|
1571
|
-
const e = u, n =
|
|
1571
|
+
const e = u, n = k(null);
|
|
1572
1572
|
B(e, n);
|
|
1573
1573
|
const s = (a) => {
|
|
1574
1574
|
e.question.onClick(a);
|
|
@@ -1596,7 +1596,7 @@ const cs = /* @__PURE__ */ h({
|
|
|
1596
1596
|
disabled: "",
|
|
1597
1597
|
id: a.question.inputId,
|
|
1598
1598
|
class: r(a.question.getControlClass())
|
|
1599
|
-
}, I(a.question.readOnlyText), 11,
|
|
1599
|
+
}, I(a.question.readOnlyText), 11, ys)) : R((i(), l("select", {
|
|
1600
1600
|
key: 0,
|
|
1601
1601
|
id: a.question.inputId,
|
|
1602
1602
|
"onUpdate:modelValue": m[0] || (m[0] = (c) => t.value = c),
|
|
@@ -1604,20 +1604,20 @@ const cs = /* @__PURE__ */ h({
|
|
|
1604
1604
|
onKeyup: o,
|
|
1605
1605
|
autocomplete: a.question.autocomplete,
|
|
1606
1606
|
class: r(a.question.getControlClass()),
|
|
1607
|
-
"aria-required": a.question.
|
|
1608
|
-
"aria-label": a.question.
|
|
1609
|
-
"aria-invalid": a.question.
|
|
1610
|
-
"aria-errormessage": a.question.
|
|
1607
|
+
"aria-required": a.question.a11y_input_ariaRequired,
|
|
1608
|
+
"aria-label": a.question.a11y_input_ariaLabel,
|
|
1609
|
+
"aria-invalid": a.question.a11y_input_ariaInvalid,
|
|
1610
|
+
"aria-errormessage": a.question.a11y_input_ariaErrormessage,
|
|
1611
1611
|
required: a.question.isRequired
|
|
1612
1612
|
}, [
|
|
1613
|
-
a.question.allowClear ? (i(), l("option",
|
|
1613
|
+
a.question.allowClear ? (i(), l("option", gs, I(a.question.placeholder), 1)) : p("", !0),
|
|
1614
1614
|
(i(!0), l(M, null, V(a.question.visibleChoices, (c) => (i(), y(d, {
|
|
1615
1615
|
is: "sv-dropdown-option-item",
|
|
1616
1616
|
item: c,
|
|
1617
1617
|
key: c.id
|
|
1618
1618
|
}, null, 8, ["item"]))), 128))
|
|
1619
|
-
], 42,
|
|
1620
|
-
[
|
|
1619
|
+
], 42, cs)), [
|
|
1620
|
+
[$e, t.value]
|
|
1621
1621
|
]),
|
|
1622
1622
|
a.question.cssClasses.chevronButtonIconId ? (i(), l("div", {
|
|
1623
1623
|
key: 2,
|
|
@@ -1639,40 +1639,40 @@ const cs = /* @__PURE__ */ h({
|
|
|
1639
1639
|
}, null, 8, ["question"])) : p("", !0)
|
|
1640
1640
|
], 2));
|
|
1641
1641
|
}
|
|
1642
|
-
}),
|
|
1642
|
+
}), qs = ["value", "disabled"], ws = /* @__PURE__ */ h({
|
|
1643
1643
|
__name: "OptionItem",
|
|
1644
1644
|
props: {
|
|
1645
1645
|
item: {}
|
|
1646
1646
|
},
|
|
1647
1647
|
setup(u) {
|
|
1648
|
-
const e = u, n =
|
|
1648
|
+
const e = u, n = Q(() => e.item.locText);
|
|
1649
1649
|
return S(() => e.item), (s, o) => (i(), l("option", {
|
|
1650
1650
|
value: s.item.value,
|
|
1651
1651
|
disabled: !s.item.isEnabled
|
|
1652
|
-
}, I(
|
|
1652
|
+
}, I(b(n)), 9, qs));
|
|
1653
1653
|
}
|
|
1654
|
-
}),
|
|
1654
|
+
}), bs = ["id", "disabled", "tabindex", "role", "aria-required", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-activedescendant", "required"], Ls = { style: { visibility: "hidden" } }, ks = ["disabled", "inputmode", "id", "tabindex", "readonly", "role", "aria-required", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "placeholder"], fs = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], Hs = /* @__PURE__ */ h({
|
|
1655
1655
|
__name: "Dropdown",
|
|
1656
1656
|
props: {
|
|
1657
1657
|
question: {}
|
|
1658
1658
|
},
|
|
1659
1659
|
setup(u) {
|
|
1660
|
-
const e = u, n =
|
|
1661
|
-
var
|
|
1662
|
-
(
|
|
1660
|
+
const e = u, n = k(null), s = f(() => e.question.dropdownListModel), o = (L) => {
|
|
1661
|
+
var D;
|
|
1662
|
+
(D = s.value) == null || D.onClick(L);
|
|
1663
1663
|
}, t = (L) => {
|
|
1664
|
-
var
|
|
1665
|
-
(
|
|
1664
|
+
var D;
|
|
1665
|
+
(D = s.value) == null || D.chevronPointerDown(L);
|
|
1666
1666
|
}, a = (L) => {
|
|
1667
|
-
var
|
|
1668
|
-
(
|
|
1667
|
+
var D;
|
|
1668
|
+
(D = s.value) == null || D.onClear(L);
|
|
1669
1669
|
}, m = (L) => {
|
|
1670
|
-
var
|
|
1671
|
-
(
|
|
1670
|
+
var D;
|
|
1671
|
+
(D = s.value) == null || D.keyHandler(L);
|
|
1672
1672
|
}, c = () => {
|
|
1673
1673
|
if (n.value) {
|
|
1674
|
-
const L = n.value,
|
|
1675
|
-
|
|
1674
|
+
const L = n.value, D = s.value.inputStringRendered;
|
|
1675
|
+
ze.isTwoValueEquals(D, L.value, !1, !0, !1) || (L.value = s.value.inputStringRendered);
|
|
1676
1676
|
}
|
|
1677
1677
|
}, C = (L) => {
|
|
1678
1678
|
e.question.onBlur(L), c();
|
|
@@ -1682,140 +1682,151 @@ const cs = /* @__PURE__ */ h({
|
|
|
1682
1682
|
s.value.inputStringRendered = L.target.value;
|
|
1683
1683
|
}, Z = f(
|
|
1684
1684
|
() => e.question.showSelectedItemLocText
|
|
1685
|
-
),
|
|
1686
|
-
return S(() => s.value),
|
|
1687
|
-
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
key: 0,
|
|
1692
|
-
id: L.question.inputId,
|
|
1693
|
-
disabled: L.question.isDisabledAttr ? !0 : null,
|
|
1694
|
-
tabindex: s.value.noTabIndex ? void 0 : 0,
|
|
1695
|
-
onKeydown: m,
|
|
1696
|
-
onBlur: C,
|
|
1697
|
-
class: r(L.question.getControlClass()),
|
|
1698
|
-
role: L.question.ariaRole,
|
|
1699
|
-
"aria-required": L.question.ariaRequired,
|
|
1700
|
-
"aria-labelledby": L.question.ariaLabelledBy,
|
|
1701
|
-
"aria-label": L.question.ariaLabel,
|
|
1702
|
-
"aria-invalid": L.question.ariaInvalid,
|
|
1703
|
-
"aria-errormessage": L.question.ariaErrormessage,
|
|
1704
|
-
"aria-expanded": L.question.ariaExpanded,
|
|
1705
|
-
"aria-controls": s.value.listElementId,
|
|
1706
|
-
"aria-activedescendant": s.value.ariaActivedescendant,
|
|
1707
|
-
required: L.question.isRequired ? !0 : null
|
|
1685
|
+
), T = f(() => e.question.selectedItemLocText);
|
|
1686
|
+
return S(() => s.value), j(c), $(c), (L, D) => {
|
|
1687
|
+
var W, ue, de, me;
|
|
1688
|
+
return i(), l("div", {
|
|
1689
|
+
class: r(L.question.cssClasses.selectWrapper),
|
|
1690
|
+
onClick: o
|
|
1708
1691
|
}, [
|
|
1709
|
-
|
|
1692
|
+
L.question.isReadOnly ? p("", !0) : (i(), l("div", {
|
|
1710
1693
|
key: 0,
|
|
1711
|
-
|
|
1694
|
+
id: L.question.inputId,
|
|
1695
|
+
disabled: L.question.isDisabledAttr ? !0 : null,
|
|
1696
|
+
tabindex: s.value.noTabIndex ? void 0 : 0,
|
|
1697
|
+
onKeydown: m,
|
|
1698
|
+
onBlur: C,
|
|
1699
|
+
class: r(L.question.getControlClass()),
|
|
1700
|
+
role: s.value.ariaQuestionRole,
|
|
1701
|
+
"aria-required": s.value.ariaQuestionRequired,
|
|
1702
|
+
"aria-invalid": s.value.ariaQuestionInvalid,
|
|
1703
|
+
"aria-errormessage": s.value.ariaQuestionErrorMessage,
|
|
1704
|
+
"aria-expanded": s.value.ariaQuestionExpanded,
|
|
1705
|
+
"aria-label": s.value.ariaQuestionLabel,
|
|
1706
|
+
"aria-labelledby": s.value.ariaQuestionLabelledby,
|
|
1707
|
+
"aria-describedby": s.value.ariaQuestionDescribedby,
|
|
1708
|
+
"aria-controls": s.value.ariaQuestionControls,
|
|
1709
|
+
"aria-activedescendant": s.value.ariaQuestionActivedescendant,
|
|
1710
|
+
required: L.question.isRequired ? !0 : null
|
|
1712
1711
|
}, [
|
|
1713
|
-
|
|
1714
|
-
], 2)) : p("", !0),
|
|
1715
|
-
v("div", {
|
|
1716
|
-
class: r(L.question.cssClasses.controlValue)
|
|
1717
|
-
}, [
|
|
1718
|
-
Z.value ? (i(), y(d, {
|
|
1712
|
+
s.value.showHintPrefix ? (i(), l("div", {
|
|
1719
1713
|
key: 0,
|
|
1720
|
-
|
|
1721
|
-
locString: $.value
|
|
1722
|
-
}, null, 8, ["locString"])) : p("", !0),
|
|
1723
|
-
s.value.showHintString ? (i(), l("div", {
|
|
1724
|
-
key: 1,
|
|
1725
|
-
class: r(L.question.cssClasses.hintSuffix)
|
|
1714
|
+
class: r(L.question.cssClasses.hintPrefix)
|
|
1726
1715
|
}, [
|
|
1727
|
-
v("span",
|
|
1728
|
-
v("span", null, I(s.value.hintStringSuffix), 1)
|
|
1716
|
+
v("span", null, I(s.value.hintStringPrefix), 1)
|
|
1729
1717
|
], 2)) : p("", !0),
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
"
|
|
1751
|
-
"
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1718
|
+
v("div", {
|
|
1719
|
+
class: r(L.question.cssClasses.controlValue)
|
|
1720
|
+
}, [
|
|
1721
|
+
Z.value ? (i(), y(d, {
|
|
1722
|
+
key: 0,
|
|
1723
|
+
is: "survey-string",
|
|
1724
|
+
locString: T.value
|
|
1725
|
+
}, null, 8, ["locString"])) : p("", !0),
|
|
1726
|
+
s.value.showHintString ? (i(), l("div", {
|
|
1727
|
+
key: 1,
|
|
1728
|
+
class: r(L.question.cssClasses.hintSuffix)
|
|
1729
|
+
}, [
|
|
1730
|
+
v("span", Ls, I(s.value.inputStringRendered), 1),
|
|
1731
|
+
v("span", null, I(s.value.hintStringSuffix), 1)
|
|
1732
|
+
], 2)) : p("", !0),
|
|
1733
|
+
L.question.showInputFieldComponent ? (i(), y(d, {
|
|
1734
|
+
key: 2,
|
|
1735
|
+
is: L.question.inputFieldComponentName,
|
|
1736
|
+
item: s.value.getSelectedAction(),
|
|
1737
|
+
question: L.question
|
|
1738
|
+
}, null, 8, ["is", "item", "question"])) : p("", !0),
|
|
1739
|
+
v("input", {
|
|
1740
|
+
type: "text",
|
|
1741
|
+
ref_key: "inputElement",
|
|
1742
|
+
ref: n,
|
|
1743
|
+
class: r(L.question.cssClasses.filterStringInput),
|
|
1744
|
+
disabled: L.question.isDisabledAttr,
|
|
1745
|
+
autocomplete: "off",
|
|
1746
|
+
inputmode: s.value.inputMode,
|
|
1747
|
+
id: L.question.getInputId(),
|
|
1748
|
+
tabindex: s.value.noTabIndex ? void 0 : -1,
|
|
1749
|
+
readonly: s.value.filterReadOnly ? !0 : void 0,
|
|
1750
|
+
role: s.value.ariaInputRole,
|
|
1751
|
+
"aria-required": s.value.ariaInputRequired,
|
|
1752
|
+
"aria-invalid": s.value.ariaInputInvalid,
|
|
1753
|
+
"aria-errormessage": s.value.ariaInputErrorMessage,
|
|
1754
|
+
"aria-expanded": s.value.ariaInputExpanded,
|
|
1755
|
+
"aria-controls": s.value.ariaInputControls,
|
|
1756
|
+
"aria-label": s.value.ariaInputLabel,
|
|
1757
|
+
"aria-labelledby": s.value.ariaInputLabelledby,
|
|
1758
|
+
"aria-describedby": s.value.ariaInputDescribedby,
|
|
1759
|
+
"aria-activedescendant": s.value.ariaInputActivedescendant,
|
|
1760
|
+
placeholder: s.value.placeholderRendered,
|
|
1761
|
+
onInput: w,
|
|
1762
|
+
onBlur: C,
|
|
1763
|
+
onFocus: q
|
|
1764
|
+
}, null, 42, ks)
|
|
1765
|
+
], 2),
|
|
1766
|
+
L.question.allowClear && L.question.cssClasses.cleanButtonIconId ? R((i(), l("div", {
|
|
1767
|
+
key: 1,
|
|
1768
|
+
class: r(L.question.cssClasses.cleanButton),
|
|
1769
|
+
onClick: a,
|
|
1770
|
+
"aria-hidden": "true"
|
|
1771
|
+
}, [
|
|
1772
|
+
g(d, {
|
|
1773
|
+
is: "sv-svg-icon",
|
|
1774
|
+
class: r(L.question.cssClasses.cleanButtonSvg),
|
|
1775
|
+
iconName: L.question.cssClasses.cleanButtonIconId,
|
|
1776
|
+
title: L.question.clearCaption,
|
|
1777
|
+
size: "auto"
|
|
1778
|
+
}, null, 8, ["class", "iconName", "title"])
|
|
1779
|
+
], 2)), [
|
|
1780
|
+
[N, L.question.showClearButton]
|
|
1781
|
+
]) : p("", !0)
|
|
1782
|
+
], 42, bs)),
|
|
1783
|
+
L.question.isReadOnly ? (i(), l("div", {
|
|
1784
|
+
key: 2,
|
|
1785
|
+
id: L.question.inputId,
|
|
1786
|
+
role: (W = s.value) == null ? void 0 : W.ariaQuestionRole,
|
|
1787
|
+
"aria-label": (ue = s.value) == null ? void 0 : ue.ariaQuestionLabel,
|
|
1788
|
+
"aria-labelledby": (de = s.value) == null ? void 0 : de.ariaQuestionLabelledby,
|
|
1789
|
+
"aria-describedby": (me = s.value) == null ? void 0 : me.ariaQuestionDescribedby,
|
|
1790
|
+
"aria-expanded": !1,
|
|
1791
|
+
"aria-readonly": !0,
|
|
1792
|
+
"aria-disabled": !0,
|
|
1793
|
+
tabindex: L.question.isDisabledAttr ? void 0 : 0,
|
|
1794
|
+
class: r(L.question.getControlClass())
|
|
1795
|
+
}, [
|
|
1796
|
+
L.question.locReadOnlyText ? (i(), y(d, {
|
|
1797
|
+
key: 0,
|
|
1798
|
+
is: "survey-string",
|
|
1799
|
+
locString: L.question.locReadOnlyText
|
|
1800
|
+
}, null, 8, ["locString"])) : p("", !0)
|
|
1801
|
+
], 10, fs)) : (i(), y(d, {
|
|
1761
1802
|
key: 1,
|
|
1762
|
-
|
|
1763
|
-
|
|
1803
|
+
is: "sv-popup",
|
|
1804
|
+
model: s.value.popupModel
|
|
1805
|
+
}, null, 8, ["model"])),
|
|
1806
|
+
L.question.cssClasses.chevronButtonIconId ? (i(), l("div", {
|
|
1807
|
+
key: 3,
|
|
1808
|
+
class: r(L.question.cssClasses.chevronButton),
|
|
1809
|
+
onPointerdown: t,
|
|
1764
1810
|
"aria-hidden": "true"
|
|
1765
1811
|
}, [
|
|
1766
1812
|
g(d, {
|
|
1767
1813
|
is: "sv-svg-icon",
|
|
1768
|
-
class: r(L.question.cssClasses.
|
|
1769
|
-
iconName: L.question.cssClasses.
|
|
1770
|
-
title: L.question.clearCaption,
|
|
1814
|
+
class: r(L.question.cssClasses.chevronButtonSvg),
|
|
1815
|
+
iconName: L.question.cssClasses.chevronButtonIconId,
|
|
1771
1816
|
size: "auto"
|
|
1772
|
-
}, null, 8, ["class", "iconName"
|
|
1773
|
-
],
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
], 42, hs)),
|
|
1777
|
-
L.question.isReadOnly ? (i(), l("div", {
|
|
1778
|
-
key: 2,
|
|
1779
|
-
id: L.question.inputId,
|
|
1780
|
-
"aria-label": L.question.a11y_input_ariaLabel,
|
|
1781
|
-
"aria-labelledby": L.question.a11y_input_ariaLabelledBy,
|
|
1782
|
-
"aria-describedby": L.question.a11y_input_ariaDescribedBy,
|
|
1783
|
-
tabindex: L.question.isDisabledAttr ? void 0 : 0,
|
|
1784
|
-
class: r(L.question.getControlClass())
|
|
1785
|
-
}, [
|
|
1786
|
-
L.question.locReadOnlyText ? (i(), y(d, {
|
|
1787
|
-
key: 0,
|
|
1788
|
-
is: "survey-string",
|
|
1789
|
-
locString: L.question.locReadOnlyText
|
|
1790
|
-
}, null, 8, ["locString"])) : p("", !0)
|
|
1791
|
-
], 10, Ls)) : (i(), y(d, {
|
|
1792
|
-
key: 1,
|
|
1793
|
-
is: "sv-popup",
|
|
1794
|
-
model: s.value.popupModel
|
|
1795
|
-
}, null, 8, ["model"])),
|
|
1796
|
-
L.question.cssClasses.chevronButtonIconId ? (i(), l("div", {
|
|
1797
|
-
key: 3,
|
|
1798
|
-
class: r(L.question.cssClasses.chevronButton),
|
|
1799
|
-
onPointerdown: t,
|
|
1800
|
-
"aria-hidden": "true"
|
|
1801
|
-
}, [
|
|
1802
|
-
g(d, {
|
|
1803
|
-
is: "sv-svg-icon",
|
|
1804
|
-
class: r(L.question.cssClasses.chevronButtonSvg),
|
|
1805
|
-
iconName: L.question.cssClasses.chevronButtonIconId,
|
|
1806
|
-
size: "auto"
|
|
1807
|
-
}, null, 8, ["class", "iconName"])
|
|
1808
|
-
], 34)) : p("", !0)
|
|
1809
|
-
], 2));
|
|
1817
|
+
}, null, 8, ["class", "iconName"])
|
|
1818
|
+
], 34)) : p("", !0)
|
|
1819
|
+
], 2);
|
|
1820
|
+
};
|
|
1810
1821
|
}
|
|
1811
|
-
}),
|
|
1822
|
+
}), Ms = /* @__PURE__ */ h({
|
|
1812
1823
|
inheritAttrs: !1,
|
|
1813
1824
|
__name: "Tagbox",
|
|
1814
1825
|
props: {
|
|
1815
1826
|
question: {}
|
|
1816
1827
|
},
|
|
1817
1828
|
setup(u) {
|
|
1818
|
-
const e = u, n =
|
|
1829
|
+
const e = u, n = k(null);
|
|
1819
1830
|
return B(e, n), (s, o) => (i(), l("div", {
|
|
1820
1831
|
class: r(s.question.renderCssRoot),
|
|
1821
1832
|
ref_key: "root",
|
|
@@ -1832,7 +1843,7 @@ const cs = /* @__PURE__ */ h({
|
|
|
1832
1843
|
}, null, 8, ["question"])) : p("", !0)
|
|
1833
1844
|
], 2));
|
|
1834
1845
|
}
|
|
1835
|
-
}),
|
|
1846
|
+
}), Is = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage", "aria-controls", "aria-expanded", "aria-activedescendant", "required"], Vs = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], Ss = /* @__PURE__ */ h({
|
|
1836
1847
|
__name: "Tagbox",
|
|
1837
1848
|
props: {
|
|
1838
1849
|
question: {}
|
|
@@ -1840,7 +1851,7 @@ const cs = /* @__PURE__ */ h({
|
|
|
1840
1851
|
setup(u) {
|
|
1841
1852
|
const e = u, n = f(() => {
|
|
1842
1853
|
const C = e.question;
|
|
1843
|
-
return C.dropdownListModel || (C.dropdownListModel = new
|
|
1854
|
+
return C.dropdownListModel || (C.dropdownListModel = new Oe(C)), e.question.dropdownListModel;
|
|
1844
1855
|
}), s = (C) => {
|
|
1845
1856
|
var q;
|
|
1846
1857
|
(q = n.value) == null || q.onClick(C);
|
|
@@ -1856,96 +1867,105 @@ const cs = /* @__PURE__ */ h({
|
|
|
1856
1867
|
}, m = (C) => {
|
|
1857
1868
|
var q;
|
|
1858
1869
|
(q = n.value) == null || q.onBlur(C);
|
|
1859
|
-
}, c =
|
|
1860
|
-
return S(() => n.value), (C, q) =>
|
|
1861
|
-
|
|
1862
|
-
|
|
1863
|
-
|
|
1864
|
-
|
|
1865
|
-
key: 0,
|
|
1866
|
-
id: C.question.inputId,
|
|
1867
|
-
tabindex: n.value.noTabIndex ? void 0 : 0,
|
|
1868
|
-
disabled: C.question.isDisabledAttr ? !0 : null,
|
|
1869
|
-
onKeydown: a,
|
|
1870
|
-
onBlur: m,
|
|
1871
|
-
class: r(C.question.getControlClass()),
|
|
1872
|
-
role: C.question.ariaRole,
|
|
1873
|
-
"aria-required": C.question.ariaRequired,
|
|
1874
|
-
"aria-label": C.question.ariaLabel,
|
|
1875
|
-
"aria-invalid": C.question.ariaInvalid,
|
|
1876
|
-
"aria-errormessage": C.question.ariaErrormessage,
|
|
1877
|
-
"aria-expanded": C.question.ariaExpanded,
|
|
1878
|
-
"aria-controls": n.value.listElementId,
|
|
1879
|
-
"aria-activedescendant": n.value.ariaActivedescendant,
|
|
1880
|
-
required: C.question.isRequired ? !0 : null
|
|
1870
|
+
}, c = ne(() => e.question.selectedChoices);
|
|
1871
|
+
return S(() => n.value), (C, q) => {
|
|
1872
|
+
var w, Z, T, L;
|
|
1873
|
+
return i(), l("div", {
|
|
1874
|
+
class: r(C.question.cssClasses.selectWrapper),
|
|
1875
|
+
onClick: s
|
|
1881
1876
|
}, [
|
|
1882
|
-
|
|
1883
|
-
class: r(C.question.cssClasses.controlValue)
|
|
1884
|
-
}, [
|
|
1885
|
-
(i(!0), l(M, null, V(k(c), (w, Z) => (i(), y(d, {
|
|
1886
|
-
is: "sv-tagbox-item",
|
|
1887
|
-
item: w,
|
|
1888
|
-
question: C.question,
|
|
1889
|
-
key: "item" + Z
|
|
1890
|
-
}, null, 8, ["item", "question"]))), 128)),
|
|
1891
|
-
g(d, {
|
|
1892
|
-
is: "sv-tagbox-filter",
|
|
1893
|
-
model: n.value,
|
|
1894
|
-
question: C.question
|
|
1895
|
-
}, null, 8, ["model", "question"])
|
|
1896
|
-
], 2),
|
|
1897
|
-
C.question.allowClear && C.question.cssClasses.cleanButtonIconId ? R((i(), l("div", {
|
|
1877
|
+
C.question.isReadOnly ? p("", !0) : (i(), l("div", {
|
|
1898
1878
|
key: 0,
|
|
1899
|
-
|
|
1900
|
-
|
|
1879
|
+
id: C.question.inputId,
|
|
1880
|
+
tabindex: n.value.noTabIndex ? void 0 : 0,
|
|
1881
|
+
disabled: C.question.isDisabledAttr ? !0 : null,
|
|
1882
|
+
onKeydown: a,
|
|
1883
|
+
onBlur: m,
|
|
1884
|
+
class: r(C.question.getControlClass()),
|
|
1885
|
+
role: n.value.ariaQuestionRole,
|
|
1886
|
+
"aria-required": n.value.ariaQuestionRequired,
|
|
1887
|
+
"aria-label": n.value.ariaQuestionLabel,
|
|
1888
|
+
"aria-labelledby": n.value.ariaQuestionLabelledby,
|
|
1889
|
+
"aria-describedby": n.value.ariaQuestionDescribedby,
|
|
1890
|
+
"aria-invalid": n.value.ariaQuestionInvalid,
|
|
1891
|
+
"aria-errormessage": n.value.ariaQuestionErrorMessage,
|
|
1892
|
+
"aria-controls": n.value.ariaQuestionControls,
|
|
1893
|
+
"aria-expanded": n.value.ariaQuestionExpanded,
|
|
1894
|
+
"aria-activedescendant": n.value.ariaQuestionActivedescendant,
|
|
1895
|
+
required: C.question.isRequired ? !0 : null
|
|
1896
|
+
}, [
|
|
1897
|
+
v("div", {
|
|
1898
|
+
class: r(C.question.cssClasses.controlValue)
|
|
1899
|
+
}, [
|
|
1900
|
+
(i(!0), l(M, null, V(b(c), (D, W) => (i(), y(d, {
|
|
1901
|
+
is: "sv-tagbox-item",
|
|
1902
|
+
item: D,
|
|
1903
|
+
question: C.question,
|
|
1904
|
+
key: "item" + W
|
|
1905
|
+
}, null, 8, ["item", "question"]))), 128)),
|
|
1906
|
+
g(d, {
|
|
1907
|
+
is: "sv-tagbox-filter",
|
|
1908
|
+
model: n.value,
|
|
1909
|
+
question: C.question
|
|
1910
|
+
}, null, 8, ["model", "question"])
|
|
1911
|
+
], 2),
|
|
1912
|
+
C.question.allowClear && C.question.cssClasses.cleanButtonIconId ? R((i(), l("div", {
|
|
1913
|
+
key: 0,
|
|
1914
|
+
class: r(C.question.cssClasses.cleanButton),
|
|
1915
|
+
onClick: t,
|
|
1916
|
+
"aria-hidden": "true"
|
|
1917
|
+
}, [
|
|
1918
|
+
g(d, {
|
|
1919
|
+
is: "sv-svg-icon",
|
|
1920
|
+
class: r(C.question.cssClasses.cleanButtonSvg),
|
|
1921
|
+
iconName: C.question.cssClasses.cleanButtonIconId,
|
|
1922
|
+
title: C.question.clearCaption,
|
|
1923
|
+
size: "auto"
|
|
1924
|
+
}, null, 8, ["class", "iconName", "title"])
|
|
1925
|
+
], 2)), [
|
|
1926
|
+
[N, C.question.showClearButton]
|
|
1927
|
+
]) : p("", !0)
|
|
1928
|
+
], 42, Is)),
|
|
1929
|
+
C.question.isReadOnly ? (i(), l("div", {
|
|
1930
|
+
key: 2,
|
|
1931
|
+
id: C.question.inputId,
|
|
1932
|
+
role: (w = n.value) == null ? void 0 : w.ariaQuestionRole,
|
|
1933
|
+
"aria-label": (Z = n.value) == null ? void 0 : Z.ariaQuestionLabel,
|
|
1934
|
+
"aria-labelledby": (T = n.value) == null ? void 0 : T.ariaQuestionLabelledby,
|
|
1935
|
+
"aria-describedby": (L = n.value) == null ? void 0 : L.ariaQuestionDescribedby,
|
|
1936
|
+
"aria-expanded": !1,
|
|
1937
|
+
"aria-readonly": !0,
|
|
1938
|
+
"aria-disabled": !0,
|
|
1939
|
+
tabindex: C.question.isDisabledAttr ? void 0 : 0,
|
|
1940
|
+
class: r(C.question.getControlClass())
|
|
1941
|
+
}, [
|
|
1942
|
+
C.question.locReadOnlyText ? (i(), y(d, {
|
|
1943
|
+
key: 0,
|
|
1944
|
+
is: "survey-string",
|
|
1945
|
+
locString: C.question.locReadOnlyText
|
|
1946
|
+
}, null, 8, ["locString"])) : p("", !0)
|
|
1947
|
+
], 10, Vs)) : (i(), y(d, {
|
|
1948
|
+
key: 1,
|
|
1949
|
+
is: "sv-popup",
|
|
1950
|
+
model: n.value.popupModel
|
|
1951
|
+
}, null, 8, ["model"])),
|
|
1952
|
+
C.question.cssClasses.chevronButtonIconId ? (i(), l("div", {
|
|
1953
|
+
key: 3,
|
|
1954
|
+
class: r(C.question.cssClasses.chevronButton),
|
|
1955
|
+
onPointerdown: o,
|
|
1901
1956
|
"aria-hidden": "true"
|
|
1902
1957
|
}, [
|
|
1903
1958
|
g(d, {
|
|
1904
1959
|
is: "sv-svg-icon",
|
|
1905
|
-
class: r(C.question.cssClasses.
|
|
1906
|
-
iconName: C.question.cssClasses.
|
|
1907
|
-
title: C.question.clearCaption,
|
|
1960
|
+
class: r(C.question.cssClasses.chevronButtonSvg),
|
|
1961
|
+
iconName: C.question.cssClasses.chevronButtonIconId,
|
|
1908
1962
|
size: "auto"
|
|
1909
|
-
}, null, 8, ["class", "iconName"
|
|
1910
|
-
],
|
|
1911
|
-
|
|
1912
|
-
|
|
1913
|
-
], 42, fs)),
|
|
1914
|
-
C.question.isReadOnly ? (i(), l("div", {
|
|
1915
|
-
key: 2,
|
|
1916
|
-
id: C.question.inputId,
|
|
1917
|
-
"aria-label": C.question.a11y_input_ariaLabel,
|
|
1918
|
-
"aria-labelledby": C.question.a11y_input_ariaLabelledBy,
|
|
1919
|
-
"aria-describedby": C.question.a11y_input_ariaDescribedBy,
|
|
1920
|
-
tabindex: C.question.isDisabledAttr ? void 0 : 0,
|
|
1921
|
-
class: r(C.question.getControlClass())
|
|
1922
|
-
}, [
|
|
1923
|
-
C.question.locReadOnlyText ? (i(), y(d, {
|
|
1924
|
-
key: 0,
|
|
1925
|
-
is: "survey-string",
|
|
1926
|
-
locString: C.question.locReadOnlyText
|
|
1927
|
-
}, null, 8, ["locString"])) : p("", !0)
|
|
1928
|
-
], 10, Hs)) : (i(), y(d, {
|
|
1929
|
-
key: 1,
|
|
1930
|
-
is: "sv-popup",
|
|
1931
|
-
model: n.value.popupModel
|
|
1932
|
-
}, null, 8, ["model"])),
|
|
1933
|
-
C.question.cssClasses.chevronButtonIconId ? (i(), l("div", {
|
|
1934
|
-
key: 3,
|
|
1935
|
-
class: r(C.question.cssClasses.chevronButton),
|
|
1936
|
-
onPointerdown: o,
|
|
1937
|
-
"aria-hidden": "true"
|
|
1938
|
-
}, [
|
|
1939
|
-
g(d, {
|
|
1940
|
-
is: "sv-svg-icon",
|
|
1941
|
-
class: r(C.question.cssClasses.chevronButtonSvg),
|
|
1942
|
-
iconName: C.question.cssClasses.chevronButtonIconId,
|
|
1943
|
-
size: "auto"
|
|
1944
|
-
}, null, 8, ["class", "iconName"])
|
|
1945
|
-
], 34)) : p("", !0)
|
|
1946
|
-
], 2));
|
|
1963
|
+
}, null, 8, ["class", "iconName"])
|
|
1964
|
+
], 34)) : p("", !0)
|
|
1965
|
+
], 2);
|
|
1966
|
+
};
|
|
1947
1967
|
}
|
|
1948
|
-
}),
|
|
1968
|
+
}), Rs = { style: { visibility: "hidden" } }, Bs = ["placeholder", "disabled", "inputmode", "role", "aria-required", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-activedescendant", "id", "readonly", "size"], Zs = /* @__PURE__ */ h({
|
|
1949
1969
|
__name: "TagboxFilter",
|
|
1950
1970
|
props: {
|
|
1951
1971
|
question: {},
|
|
@@ -1991,7 +2011,7 @@ const cs = /* @__PURE__ */ h({
|
|
|
1991
2011
|
key: 1,
|
|
1992
2012
|
class: r(m.question.cssClasses.hintSuffix)
|
|
1993
2013
|
}, [
|
|
1994
|
-
v("span",
|
|
2014
|
+
v("span", Rs, I(m.model.inputStringRendered), 1),
|
|
1995
2015
|
v("span", null, I(m.model.hintStringSuffix), 1)
|
|
1996
2016
|
], 2)) : p("", !0),
|
|
1997
2017
|
R(v("input", {
|
|
@@ -2002,13 +2022,16 @@ const cs = /* @__PURE__ */ h({
|
|
|
2002
2022
|
placeholder: m.model.filterStringPlaceholder,
|
|
2003
2023
|
disabled: m.question.isDisabledAttr,
|
|
2004
2024
|
inputmode: m.model.inputMode,
|
|
2005
|
-
role: m.model.
|
|
2006
|
-
"aria-
|
|
2007
|
-
"aria-
|
|
2008
|
-
"aria-
|
|
2009
|
-
"aria-
|
|
2010
|
-
"aria-
|
|
2011
|
-
"aria-
|
|
2025
|
+
role: m.model.ariaInputRole,
|
|
2026
|
+
"aria-required": m.model.ariaInputRequired,
|
|
2027
|
+
"aria-invalid": m.model.ariaInputInvalid,
|
|
2028
|
+
"aria-errormessage": m.model.ariaInputErrorMessage,
|
|
2029
|
+
"aria-expanded": m.model.ariaInputExpanded,
|
|
2030
|
+
"aria-label": m.model.ariaInputLabel,
|
|
2031
|
+
"aria-labelledby": m.model.ariaInputLabelledby,
|
|
2032
|
+
"aria-describedby": m.model.ariaInputDescribedby,
|
|
2033
|
+
"aria-controls": m.model.ariaInputControls,
|
|
2034
|
+
"aria-activedescendant": m.model.ariaInputActivedescendant,
|
|
2012
2035
|
id: m.question.getInputId(),
|
|
2013
2036
|
readonly: m.model.filterReadOnly ? !0 : void 0,
|
|
2014
2037
|
size: m.model.inputStringRendered ? void 0 : 1,
|
|
@@ -2016,13 +2039,13 @@ const cs = /* @__PURE__ */ h({
|
|
|
2016
2039
|
onKeydown: s,
|
|
2017
2040
|
onBlur: o,
|
|
2018
2041
|
onFocus: t
|
|
2019
|
-
}, null, 42,
|
|
2020
|
-
[
|
|
2042
|
+
}, null, 42, Bs), [
|
|
2043
|
+
[De, a.value]
|
|
2021
2044
|
])
|
|
2022
2045
|
], 2)
|
|
2023
2046
|
], 2));
|
|
2024
2047
|
}
|
|
2025
|
-
}),
|
|
2048
|
+
}), Ts = { class: "sv-tagbox__item-text" }, $s = /* @__PURE__ */ h({
|
|
2026
2049
|
__name: "TagboxItem",
|
|
2027
2050
|
props: {
|
|
2028
2051
|
question: {},
|
|
@@ -2036,7 +2059,7 @@ const cs = /* @__PURE__ */ h({
|
|
|
2036
2059
|
class: "sv-tagbox__item",
|
|
2037
2060
|
key: s.item.key
|
|
2038
2061
|
}, [
|
|
2039
|
-
v("div",
|
|
2062
|
+
v("div", Ts, [
|
|
2040
2063
|
g(d, {
|
|
2041
2064
|
is: "survey-string",
|
|
2042
2065
|
locString: s.item.locText
|
|
@@ -2055,14 +2078,14 @@ const cs = /* @__PURE__ */ h({
|
|
|
2055
2078
|
], 2)
|
|
2056
2079
|
]));
|
|
2057
2080
|
}
|
|
2058
|
-
}),
|
|
2081
|
+
}), Ds = /* @__PURE__ */ h({
|
|
2059
2082
|
inheritAttrs: !1,
|
|
2060
2083
|
__name: "Ranking",
|
|
2061
2084
|
props: {
|
|
2062
2085
|
question: {}
|
|
2063
2086
|
},
|
|
2064
2087
|
setup(u) {
|
|
2065
|
-
const e = u, n =
|
|
2088
|
+
const e = u, n = k(null);
|
|
2066
2089
|
B(e, n);
|
|
2067
2090
|
const s = (t) => e.question.getItemValueWrapperComponentName(t) || "survey-ranking-item", o = (t, a, m) => ({
|
|
2068
2091
|
componentName: "survey-ranking-item",
|
|
@@ -2079,7 +2102,7 @@ const cs = /* @__PURE__ */ h({
|
|
|
2079
2102
|
ref_key: "root",
|
|
2080
2103
|
ref: n
|
|
2081
2104
|
}, [
|
|
2082
|
-
t.question.selectToRankEnabled ? p("", !0) : (i(!0), l(M, { key: 0 }, V(t.question.renderedRankingChoices, (m, c) => (i(), y(d,
|
|
2105
|
+
t.question.selectToRankEnabled ? p("", !0) : (i(!0), l(M, { key: 0 }, V(t.question.renderedRankingChoices, (m, c) => (i(), y(d, A({
|
|
2083
2106
|
key: m.value + "-" + c + "-item",
|
|
2084
2107
|
is: s(m)
|
|
2085
2108
|
}, o(m, c)), null, 16, ["is"]))), 128)),
|
|
@@ -2088,7 +2111,7 @@ const cs = /* @__PURE__ */ h({
|
|
|
2088
2111
|
class: r(t.question.getContainerClasses("from")),
|
|
2089
2112
|
"data-ranking": "from-container"
|
|
2090
2113
|
}, [
|
|
2091
|
-
(i(!0), l(M, null, V(t.question.renderedUnRankingChoices, (m, c) => (i(), y(d,
|
|
2114
|
+
(i(!0), l(M, null, V(t.question.renderedUnRankingChoices, (m, c) => (i(), y(d, A({
|
|
2092
2115
|
key: m.value + "-" + c + "-item",
|
|
2093
2116
|
is: s(m)
|
|
2094
2117
|
}, o(m, c, !0)), null, 16, ["is"]))), 128)),
|
|
@@ -2111,7 +2134,7 @@ const cs = /* @__PURE__ */ h({
|
|
|
2111
2134
|
class: r(t.question.getContainerClasses("to")),
|
|
2112
2135
|
"data-ranking": "to-container"
|
|
2113
2136
|
}, [
|
|
2114
|
-
(i(!0), l(M, null, V(t.question.renderedRankingChoices, (m, c) => (i(), y(d,
|
|
2137
|
+
(i(!0), l(M, null, V(t.question.renderedRankingChoices, (m, c) => (i(), y(d, A({
|
|
2115
2138
|
key: m.value + "-" + c + "-item",
|
|
2116
2139
|
is: s(m)
|
|
2117
2140
|
}, o(m, c)), null, 16, ["is"]))), 128)),
|
|
@@ -2127,10 +2150,10 @@ const cs = /* @__PURE__ */ h({
|
|
|
2127
2150
|
], 2)) : p("", !0)
|
|
2128
2151
|
], 2));
|
|
2129
2152
|
}
|
|
2130
|
-
}),
|
|
2153
|
+
}), As = ["id", "tabindex", "data-sv-drop-target-ranking-item"], Ns = {
|
|
2131
2154
|
tabindex: "-1",
|
|
2132
2155
|
style: { outline: "none" }
|
|
2133
|
-
},
|
|
2156
|
+
}, Ps = ["xlink:href"], Es = ["xlink:href"], Ws = ["xlink:href"], Fs = /* @__PURE__ */ h({
|
|
2134
2157
|
inheritAttrs: !1,
|
|
2135
2158
|
__name: "RankingItem",
|
|
2136
2159
|
props: {
|
|
@@ -2166,7 +2189,7 @@ const cs = /* @__PURE__ */ h({
|
|
|
2166
2189
|
);
|
|
2167
2190
|
})
|
|
2168
2191
|
}, [
|
|
2169
|
-
v("div",
|
|
2192
|
+
v("div", Ns, [
|
|
2170
2193
|
v("div", {
|
|
2171
2194
|
class: r(s.question.cssClasses.itemGhostNode)
|
|
2172
2195
|
}, null, 2),
|
|
@@ -2181,14 +2204,14 @@ const cs = /* @__PURE__ */ h({
|
|
|
2181
2204
|
}, [
|
|
2182
2205
|
v("use", {
|
|
2183
2206
|
"xlink:href": s.question.dragDropSvgIcon
|
|
2184
|
-
}, null, 8,
|
|
2207
|
+
}, null, 8, Ps)
|
|
2185
2208
|
], 2)),
|
|
2186
2209
|
(i(), l("svg", {
|
|
2187
2210
|
class: r(s.question.getIconFocusCss())
|
|
2188
2211
|
}, [
|
|
2189
2212
|
v("use", {
|
|
2190
2213
|
"xlink:href": s.question.arrowsSvgIcon
|
|
2191
|
-
}, null, 8,
|
|
2214
|
+
}, null, 8, Es)
|
|
2192
2215
|
], 2))
|
|
2193
2216
|
], 2),
|
|
2194
2217
|
!s.unrankedItem && n.value ? (i(), l("div", {
|
|
@@ -2201,7 +2224,7 @@ const cs = /* @__PURE__ */ h({
|
|
|
2201
2224
|
(i(), l("svg", null, [
|
|
2202
2225
|
v("use", {
|
|
2203
2226
|
"xlink:href": s.question.dashSvgIcon
|
|
2204
|
-
}, null, 8,
|
|
2227
|
+
}, null, 8, Ws)
|
|
2205
2228
|
]))
|
|
2206
2229
|
], 2)),
|
|
2207
2230
|
g(d, {
|
|
@@ -2211,9 +2234,9 @@ const cs = /* @__PURE__ */ h({
|
|
|
2211
2234
|
}, null, 8, ["is", "item", "cssClasses"])
|
|
2212
2235
|
], 2)
|
|
2213
2236
|
])
|
|
2214
|
-
], 42,
|
|
2237
|
+
], 42, As));
|
|
2215
2238
|
}
|
|
2216
|
-
}),
|
|
2239
|
+
}), zs = /* @__PURE__ */ h({
|
|
2217
2240
|
inheritAttrs: !1,
|
|
2218
2241
|
__name: "RankingItemContent",
|
|
2219
2242
|
props: {
|
|
@@ -2230,17 +2253,17 @@ const cs = /* @__PURE__ */ h({
|
|
|
2230
2253
|
}, null, 8, ["locString"])
|
|
2231
2254
|
], 2));
|
|
2232
2255
|
}
|
|
2233
|
-
}),
|
|
2256
|
+
}), Os = { role: "radiogroup" }, Us = /* @__PURE__ */ v("legend", {
|
|
2234
2257
|
role: "presentation",
|
|
2235
2258
|
class: "sv-hidden"
|
|
2236
|
-
}, null, -1),
|
|
2259
|
+
}, null, -1), Qs = /* @__PURE__ */ h({
|
|
2237
2260
|
inheritAttrs: !1,
|
|
2238
2261
|
__name: "Rating",
|
|
2239
2262
|
props: {
|
|
2240
2263
|
question: {}
|
|
2241
2264
|
},
|
|
2242
2265
|
setup(u) {
|
|
2243
|
-
const e = u, n =
|
|
2266
|
+
const e = u, n = k(null);
|
|
2244
2267
|
B(e, n);
|
|
2245
2268
|
const s = (o) => e.question.getInputId(o);
|
|
2246
2269
|
return (o, t) => (i(), l("div", {
|
|
@@ -2248,8 +2271,8 @@ const cs = /* @__PURE__ */ h({
|
|
|
2248
2271
|
ref_key: "root",
|
|
2249
2272
|
ref: n
|
|
2250
2273
|
}, [
|
|
2251
|
-
v("fieldset",
|
|
2252
|
-
|
|
2274
|
+
v("fieldset", Os, [
|
|
2275
|
+
Us,
|
|
2253
2276
|
o.question.hasMinLabel ? (i(), l("span", {
|
|
2254
2277
|
key: 0,
|
|
2255
2278
|
class: r(o.question.cssClasses.minText)
|
|
@@ -2278,7 +2301,7 @@ const cs = /* @__PURE__ */ h({
|
|
|
2278
2301
|
])
|
|
2279
2302
|
], 2));
|
|
2280
2303
|
}
|
|
2281
|
-
}),
|
|
2304
|
+
}), Ks = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], js = ["data-text"], Gs = /* @__PURE__ */ h({
|
|
2282
2305
|
__name: "RatingItem",
|
|
2283
2306
|
props: {
|
|
2284
2307
|
question: {},
|
|
@@ -2305,7 +2328,7 @@ const cs = /* @__PURE__ */ h({
|
|
|
2305
2328
|
"aria-label": n.question.ariaLabel,
|
|
2306
2329
|
"aria-invalid": n.question.ariaInvalid,
|
|
2307
2330
|
"aria-errormessage": n.question.ariaErrormessage
|
|
2308
|
-
}, null, 8,
|
|
2331
|
+
}, null, 8, Ks),
|
|
2309
2332
|
v("span", {
|
|
2310
2333
|
class: r(n.question.cssClasses.itemText),
|
|
2311
2334
|
"data-text": n.item.text
|
|
@@ -2314,10 +2337,10 @@ const cs = /* @__PURE__ */ h({
|
|
|
2314
2337
|
is: "survey-string",
|
|
2315
2338
|
locString: n.item.locText
|
|
2316
2339
|
}, null, 8, ["locString"])
|
|
2317
|
-
], 10,
|
|
2340
|
+
], 10, js)
|
|
2318
2341
|
], 34));
|
|
2319
2342
|
}
|
|
2320
|
-
}),
|
|
2343
|
+
}), Xs = ["title"], Js = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Ys = /* @__PURE__ */ h({
|
|
2321
2344
|
__name: "RatingItemSmiley",
|
|
2322
2345
|
props: {
|
|
2323
2346
|
question: {},
|
|
@@ -2348,15 +2371,15 @@ const cs = /* @__PURE__ */ h({
|
|
|
2348
2371
|
"aria-label": n.question.ariaLabel,
|
|
2349
2372
|
"aria-invalid": n.question.ariaInvalid,
|
|
2350
2373
|
"aria-errormessage": n.question.ariaErrormessage
|
|
2351
|
-
}, null, 8,
|
|
2374
|
+
}, null, 8, Js),
|
|
2352
2375
|
g(d, {
|
|
2353
2376
|
is: "sv-svg-icon",
|
|
2354
2377
|
iconName: n.question.getItemSmileyIconName(n.item.itemValue),
|
|
2355
2378
|
size: "auto"
|
|
2356
2379
|
}, null, 8, ["iconName"])
|
|
2357
|
-
], 46,
|
|
2380
|
+
], 46, Xs));
|
|
2358
2381
|
}
|
|
2359
|
-
}),
|
|
2382
|
+
}), _s = ["title"], xs = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], en = /* @__PURE__ */ h({
|
|
2360
2383
|
__name: "RatingItemStar",
|
|
2361
2384
|
props: {
|
|
2362
2385
|
question: {},
|
|
@@ -2386,7 +2409,7 @@ const cs = /* @__PURE__ */ h({
|
|
|
2386
2409
|
"aria-label": n.question.ariaLabel,
|
|
2387
2410
|
"aria-invalid": n.question.ariaInvalid,
|
|
2388
2411
|
"aria-errormessage": n.question.ariaErrormessage
|
|
2389
|
-
}, null, 8,
|
|
2412
|
+
}, null, 8, xs),
|
|
2390
2413
|
g(d, {
|
|
2391
2414
|
is: "sv-svg-icon",
|
|
2392
2415
|
class: r("sv-star"),
|
|
@@ -2399,12 +2422,12 @@ const cs = /* @__PURE__ */ h({
|
|
|
2399
2422
|
iconName: n.question.itemStarIconAlt,
|
|
2400
2423
|
size: "auto"
|
|
2401
2424
|
}, null, 8, ["iconName"])
|
|
2402
|
-
], 42,
|
|
2425
|
+
], 42, _s));
|
|
2403
2426
|
}
|
|
2404
|
-
}),
|
|
2427
|
+
}), sn = { class: "sd-rating-dropdown-item" }, nn = { class: "sd-rating-dropdown-item_text" }, tn = {
|
|
2405
2428
|
key: 0,
|
|
2406
2429
|
class: "sd-rating-dropdown-item_description"
|
|
2407
|
-
},
|
|
2430
|
+
}, on = /* @__PURE__ */ h({
|
|
2408
2431
|
__name: "RatingDropdownItem",
|
|
2409
2432
|
props: {
|
|
2410
2433
|
item: {},
|
|
@@ -2412,9 +2435,9 @@ const cs = /* @__PURE__ */ h({
|
|
|
2412
2435
|
},
|
|
2413
2436
|
setup(u) {
|
|
2414
2437
|
const e = u;
|
|
2415
|
-
return S(() => e.item), (n, s) => (i(), l("div",
|
|
2416
|
-
v("span",
|
|
2417
|
-
n.item.description ? (i(), l("div",
|
|
2438
|
+
return S(() => e.item), (n, s) => (i(), l("div", sn, [
|
|
2439
|
+
v("span", nn, I(n.item.title), 1),
|
|
2440
|
+
n.item.description ? (i(), l("div", tn, [
|
|
2418
2441
|
g(d, {
|
|
2419
2442
|
is: "survey-string",
|
|
2420
2443
|
locString: n.item.description
|
|
@@ -2423,19 +2446,19 @@ const cs = /* @__PURE__ */ h({
|
|
|
2423
2446
|
]));
|
|
2424
2447
|
}
|
|
2425
2448
|
});
|
|
2426
|
-
|
|
2449
|
+
G.Instance.registerRenderer(
|
|
2427
2450
|
"rating",
|
|
2428
2451
|
"dropdown",
|
|
2429
2452
|
"sv-rating-dropdown"
|
|
2430
2453
|
);
|
|
2431
|
-
const
|
|
2454
|
+
const rn = /* @__PURE__ */ h({
|
|
2432
2455
|
inheritAttrs: !1,
|
|
2433
2456
|
__name: "RatingDropdown",
|
|
2434
2457
|
props: {
|
|
2435
2458
|
question: {}
|
|
2436
2459
|
},
|
|
2437
2460
|
setup(u) {
|
|
2438
|
-
const e = u, n =
|
|
2461
|
+
const e = u, n = k(null);
|
|
2439
2462
|
return B(e, n), (s, o) => (i(), l("div", {
|
|
2440
2463
|
class: r(s.question.cssClasses.rootDropdown),
|
|
2441
2464
|
ref_key: "root",
|
|
@@ -2447,14 +2470,14 @@ const nn = /* @__PURE__ */ h({
|
|
|
2447
2470
|
}, null, 8, ["question"])
|
|
2448
2471
|
], 2));
|
|
2449
2472
|
}
|
|
2450
|
-
}),
|
|
2473
|
+
}), ln = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], an = /* @__PURE__ */ h({
|
|
2451
2474
|
inheritAttrs: !1,
|
|
2452
2475
|
__name: "BooleanSwitch",
|
|
2453
2476
|
props: {
|
|
2454
2477
|
question: {}
|
|
2455
2478
|
},
|
|
2456
2479
|
setup(u) {
|
|
2457
|
-
const e = u, n =
|
|
2480
|
+
const e = u, n = k(null);
|
|
2458
2481
|
B(e, n);
|
|
2459
2482
|
const s = (t, a) => {
|
|
2460
2483
|
e.question.onLabelClick(t, a);
|
|
@@ -2487,8 +2510,8 @@ const nn = /* @__PURE__ */ h({
|
|
|
2487
2510
|
"aria-describedby": t.question.a11y_input_ariaDescribedBy,
|
|
2488
2511
|
"aria-invalid": t.question.a11y_input_ariaInvalid,
|
|
2489
2512
|
"aria-errormessage": t.question.a11y_input_ariaErrormessage
|
|
2490
|
-
}, null, 42,
|
|
2491
|
-
[
|
|
2513
|
+
}, null, 42, ln), [
|
|
2514
|
+
[ie, t.question.booleanValue]
|
|
2492
2515
|
]),
|
|
2493
2516
|
v("div", {
|
|
2494
2517
|
class: r(t.question.cssClasses.sliderGhost),
|
|
@@ -2538,19 +2561,19 @@ const nn = /* @__PURE__ */ h({
|
|
|
2538
2561
|
], 34));
|
|
2539
2562
|
}
|
|
2540
2563
|
});
|
|
2541
|
-
|
|
2564
|
+
G.Instance.registerRenderer(
|
|
2542
2565
|
"boolean",
|
|
2543
2566
|
"radio",
|
|
2544
2567
|
"sv-boolean-radio"
|
|
2545
2568
|
);
|
|
2546
|
-
const
|
|
2569
|
+
const un = /* @__PURE__ */ h({
|
|
2547
2570
|
inheritAttrs: !1,
|
|
2548
2571
|
__name: "BooleanRadio",
|
|
2549
2572
|
props: {
|
|
2550
2573
|
question: {}
|
|
2551
2574
|
},
|
|
2552
2575
|
setup(u) {
|
|
2553
|
-
const e =
|
|
2576
|
+
const e = k(null);
|
|
2554
2577
|
return B(u, e), (s, o) => (i(), l("div", {
|
|
2555
2578
|
class: r(s.question.cssClasses.rootRadio),
|
|
2556
2579
|
ref_key: "root",
|
|
@@ -2584,7 +2607,7 @@ const rn = /* @__PURE__ */ h({
|
|
|
2584
2607
|
], 2)
|
|
2585
2608
|
], 2));
|
|
2586
2609
|
}
|
|
2587
|
-
}),
|
|
2610
|
+
}), dn = ["name", "value", "checked", "aria-errormessage", "disabled", "readonly"], mn = ["xlink:href"], pn = /* @__PURE__ */ h({
|
|
2588
2611
|
__name: "BooleanRadioItem",
|
|
2589
2612
|
props: {
|
|
2590
2613
|
question: {},
|
|
@@ -2613,7 +2636,7 @@ const rn = /* @__PURE__ */ h({
|
|
|
2613
2636
|
readonly: s.question.isReadOnlyAttr,
|
|
2614
2637
|
class: r(s.question.cssClasses.itemRadioControl),
|
|
2615
2638
|
onChange: n
|
|
2616
|
-
}, null, 42,
|
|
2639
|
+
}, null, 42, dn),
|
|
2617
2640
|
s.question.cssClasses.materialRadioDecorator ? (i(), l("span", {
|
|
2618
2641
|
key: 0,
|
|
2619
2642
|
class: r(s.question.cssClasses.materialRadioDecorator)
|
|
@@ -2624,7 +2647,7 @@ const rn = /* @__PURE__ */ h({
|
|
|
2624
2647
|
}, [
|
|
2625
2648
|
v("use", {
|
|
2626
2649
|
"xlink:href": s.question.itemSvgIcon
|
|
2627
|
-
}, null, 8,
|
|
2650
|
+
}, null, 8, mn)
|
|
2628
2651
|
], 2)) : p("", !0)
|
|
2629
2652
|
], 2)) : p("", !0),
|
|
2630
2653
|
v("span", {
|
|
@@ -2638,13 +2661,13 @@ const rn = /* @__PURE__ */ h({
|
|
|
2638
2661
|
], 2)
|
|
2639
2662
|
], 2));
|
|
2640
2663
|
}
|
|
2641
|
-
}),
|
|
2642
|
-
|
|
2664
|
+
}), vn = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Cn = ["xlink:href"], cn = /* @__PURE__ */ v("span", { class: "check" }, null, -1), gn = ["id"], yn = ["id"];
|
|
2665
|
+
G.Instance.registerRenderer(
|
|
2643
2666
|
"boolean",
|
|
2644
2667
|
"checkbox",
|
|
2645
2668
|
"sv-boolean-checkbox"
|
|
2646
2669
|
);
|
|
2647
|
-
const
|
|
2670
|
+
const hn = /* @__PURE__ */ h({
|
|
2648
2671
|
inheritAttrs: !1,
|
|
2649
2672
|
__name: "BooleanCheckbox",
|
|
2650
2673
|
props: {
|
|
@@ -2652,7 +2675,7 @@ const cn = /* @__PURE__ */ h({
|
|
|
2652
2675
|
css: {}
|
|
2653
2676
|
},
|
|
2654
2677
|
setup(u) {
|
|
2655
|
-
const e = u, n =
|
|
2678
|
+
const e = u, n = k(null);
|
|
2656
2679
|
return B(e, n), (s, o) => (i(), l("div", {
|
|
2657
2680
|
class: r(s.question.cssClasses.rootCheckbox),
|
|
2658
2681
|
ref_key: "root",
|
|
@@ -2680,8 +2703,8 @@ const cn = /* @__PURE__ */ h({
|
|
|
2680
2703
|
"aria-describedby": s.question.a11y_input_ariaDescribedBy,
|
|
2681
2704
|
"aria-invalid": s.question.a11y_input_ariaInvalid,
|
|
2682
2705
|
"aria-errormessage": s.question.a11y_input_ariaErrormessage
|
|
2683
|
-
}, null, 42,
|
|
2684
|
-
[
|
|
2706
|
+
}, null, 42, vn), [
|
|
2707
|
+
[ie, s.question.booleanValue]
|
|
2685
2708
|
]),
|
|
2686
2709
|
v("span", {
|
|
2687
2710
|
class: r(s.question.cssClasses.checkboxMaterialDecorator)
|
|
@@ -2692,9 +2715,9 @@ const cn = /* @__PURE__ */ h({
|
|
|
2692
2715
|
}, [
|
|
2693
2716
|
v("use", {
|
|
2694
2717
|
"xlink:href": s.question.svgIcon
|
|
2695
|
-
}, null, 8,
|
|
2718
|
+
}, null, 8, Cn)
|
|
2696
2719
|
], 2)) : p("", !0),
|
|
2697
|
-
|
|
2720
|
+
cn
|
|
2698
2721
|
], 2),
|
|
2699
2722
|
s.question.isLabelRendered ? (i(), l("span", {
|
|
2700
2723
|
key: 0,
|
|
@@ -2713,7 +2736,7 @@ const cn = /* @__PURE__ */ h({
|
|
|
2713
2736
|
element: s.question,
|
|
2714
2737
|
css: s.css
|
|
2715
2738
|
}, null, 8, ["element", "css"])) : p("", !0)
|
|
2716
|
-
], 10,
|
|
2739
|
+
], 10, gn)) : p("", !0)
|
|
2717
2740
|
], 2),
|
|
2718
2741
|
s.question.canRenderLabelDescription ? (i(), l("div", {
|
|
2719
2742
|
key: 0,
|
|
@@ -2724,25 +2747,25 @@ const cn = /* @__PURE__ */ h({
|
|
|
2724
2747
|
is: "survey-string",
|
|
2725
2748
|
locString: s.question.locDescription
|
|
2726
2749
|
}, null, 8, ["locString"])
|
|
2727
|
-
], 10,
|
|
2750
|
+
], 10, yn)) : p("", !0)
|
|
2728
2751
|
], 2)
|
|
2729
2752
|
], 2));
|
|
2730
2753
|
}
|
|
2731
|
-
}),
|
|
2754
|
+
}), qn = /* @__PURE__ */ h({
|
|
2732
2755
|
inheritAttrs: !1,
|
|
2733
2756
|
__name: "Multipletext",
|
|
2734
2757
|
props: {
|
|
2735
2758
|
question: {}
|
|
2736
2759
|
},
|
|
2737
2760
|
setup(u) {
|
|
2738
|
-
const e = u, n =
|
|
2761
|
+
const e = u, n = k(null), s = ne(() => e.question.getRows());
|
|
2739
2762
|
return B(e, n), (o, t) => (i(), l("table", {
|
|
2740
2763
|
class: r(o.question.getQuestionRootCss()),
|
|
2741
2764
|
ref_key: "root",
|
|
2742
2765
|
ref: n
|
|
2743
2766
|
}, [
|
|
2744
2767
|
v("tbody", null, [
|
|
2745
|
-
(i(!0), l(M, null, V(
|
|
2768
|
+
(i(!0), l(M, null, V(b(s), (a, m) => (i(), l(M, {
|
|
2746
2769
|
key: o.question.inputId + "rowkey" + m
|
|
2747
2770
|
}, [
|
|
2748
2771
|
a.isVisible ? (i(), l("tr", {
|
|
@@ -2764,14 +2787,14 @@ const cn = /* @__PURE__ */ h({
|
|
|
2764
2787
|
])
|
|
2765
2788
|
], 2));
|
|
2766
2789
|
}
|
|
2767
|
-
}),
|
|
2790
|
+
}), wn = { key: 1 }, bn = { key: 2 }, Ln = /* @__PURE__ */ h({
|
|
2768
2791
|
__name: "MultipletextItem",
|
|
2769
2792
|
props: {
|
|
2770
2793
|
question: {},
|
|
2771
2794
|
cell: {}
|
|
2772
2795
|
},
|
|
2773
2796
|
setup(u) {
|
|
2774
|
-
const e = u, n = (o) =>
|
|
2797
|
+
const e = u, n = (o) => re(o);
|
|
2775
2798
|
S(() => e.cell.item.editor);
|
|
2776
2799
|
const s = f(() => e.cell.item);
|
|
2777
2800
|
return (o, t) => o.cell.isErrorsCell ? (i(), y(d, {
|
|
@@ -2793,12 +2816,12 @@ const cn = /* @__PURE__ */ h({
|
|
|
2793
2816
|
key: 0,
|
|
2794
2817
|
class: r(o.question.cssClasses.requiredMark)
|
|
2795
2818
|
}, I(s.value.editor.requiredMark), 3)) : p("", !0),
|
|
2796
|
-
s.value.editor.isRequireTextBeforeTitle || s.value.editor.isRequireTextOnStart ? (i(), l("span",
|
|
2819
|
+
s.value.editor.isRequireTextBeforeTitle || s.value.editor.isRequireTextOnStart ? (i(), l("span", wn, " ")) : p("", !0),
|
|
2797
2820
|
g(d, {
|
|
2798
2821
|
is: "survey-string",
|
|
2799
2822
|
locString: s.value.locTitle
|
|
2800
2823
|
}, null, 8, ["locString"]),
|
|
2801
|
-
s.value.editor.isRequireTextAfterTitle ? (i(), l("span",
|
|
2824
|
+
s.value.editor.isRequireTextAfterTitle ? (i(), l("span", bn, " ")) : p("", !0),
|
|
2802
2825
|
s.value.editor.isRequireTextAfterTitle ? (i(), l("span", {
|
|
2803
2826
|
key: 3,
|
|
2804
2827
|
"aria-hidden": "true",
|
|
@@ -2817,7 +2840,7 @@ const cn = /* @__PURE__ */ h({
|
|
|
2817
2840
|
], 34))
|
|
2818
2841
|
], 2));
|
|
2819
2842
|
}
|
|
2820
|
-
}),
|
|
2843
|
+
}), kn = /* @__PURE__ */ h({
|
|
2821
2844
|
inheritAttrs: !1,
|
|
2822
2845
|
__name: "Breadcrumbs",
|
|
2823
2846
|
props: {
|
|
@@ -2847,21 +2870,21 @@ const cn = /* @__PURE__ */ h({
|
|
|
2847
2870
|
], 64))), 128))
|
|
2848
2871
|
], 2)) : p("", !0);
|
|
2849
2872
|
}
|
|
2850
|
-
}),
|
|
2873
|
+
}), fn = ["onClick", "title"], Hn = ["onClick", "title"], Mn = { key: 1 }, In = { key: 1 }, Vn = /* @__PURE__ */ h({
|
|
2851
2874
|
__name: "SingleInputSummary",
|
|
2852
2875
|
props: {
|
|
2853
2876
|
summary: {},
|
|
2854
2877
|
css: {}
|
|
2855
2878
|
},
|
|
2856
2879
|
setup(u) {
|
|
2857
|
-
const e = u, n = f(() => "survey-placeholder-" + e.summary.question.getTemplate()), s = f(() =>
|
|
2858
|
-
return (o, t) => o.summary.isEmpty() ? (i(), l("div",
|
|
2880
|
+
const e = u, n = f(() => "survey-placeholder-" + e.summary.question.getTemplate()), s = f(() => O.Instance.isComponentRegistered(n.value));
|
|
2881
|
+
return (o, t) => o.summary.isEmpty() ? (i(), l("div", Mn, [
|
|
2859
2882
|
s.value ? (i(), y(d, {
|
|
2860
2883
|
key: 0,
|
|
2861
2884
|
is: "survey-placeholder-" + o.summary.question.getTemplate(),
|
|
2862
2885
|
cssClasses: o.css,
|
|
2863
2886
|
question: o.summary.question
|
|
2864
|
-
}, null, 8, ["is", "cssClasses", "question"])) : (i(), l("div",
|
|
2887
|
+
}, null, 8, ["is", "cssClasses", "question"])) : (i(), l("div", In, [
|
|
2865
2888
|
g(d, {
|
|
2866
2889
|
is: "survey-string",
|
|
2867
2890
|
locString: o.summary.noEntry
|
|
@@ -2897,7 +2920,7 @@ const cn = /* @__PURE__ */ h({
|
|
|
2897
2920
|
iconName: "icon-editsmall-16x16",
|
|
2898
2921
|
size: "auto"
|
|
2899
2922
|
})
|
|
2900
|
-
], 10,
|
|
2923
|
+
], 10, fn)) : p("", !0),
|
|
2901
2924
|
a.showRemove && a.btnRemove ? (i(), l("button", {
|
|
2902
2925
|
key: 1,
|
|
2903
2926
|
class: r(o.css.summaryRowActionDelete),
|
|
@@ -2909,22 +2932,22 @@ const cn = /* @__PURE__ */ h({
|
|
|
2909
2932
|
iconName: "icon-delete-16x16",
|
|
2910
2933
|
size: "auto"
|
|
2911
2934
|
})
|
|
2912
|
-
], 10,
|
|
2935
|
+
], 10, Hn)) : p("", !0)
|
|
2913
2936
|
], 2)
|
|
2914
2937
|
], 2))), 128))
|
|
2915
2938
|
], 2));
|
|
2916
2939
|
}
|
|
2917
|
-
}),
|
|
2940
|
+
}), Sn = { role: "radiogroup" }, Rn = { class: "sv-visuallyhidden" }, Bn = {
|
|
2918
2941
|
key: 0,
|
|
2919
2942
|
role: "presentation"
|
|
2920
|
-
},
|
|
2943
|
+
}, Zn = { key: 0 }, Tn = ["onClick"], $n = ["data-responsive-title", "onClick"], Dn = /* @__PURE__ */ h({
|
|
2921
2944
|
inheritAttrs: !1,
|
|
2922
2945
|
__name: "Matrix",
|
|
2923
2946
|
props: {
|
|
2924
2947
|
question: {}
|
|
2925
2948
|
},
|
|
2926
2949
|
setup(u) {
|
|
2927
|
-
const e = u, n =
|
|
2950
|
+
const e = u, n = k(null), s = F();
|
|
2928
2951
|
B(
|
|
2929
2952
|
e,
|
|
2930
2953
|
n,
|
|
@@ -2946,15 +2969,15 @@ const cn = /* @__PURE__ */ h({
|
|
|
2946
2969
|
ref_key: "root",
|
|
2947
2970
|
ref: n
|
|
2948
2971
|
}, [
|
|
2949
|
-
v("fieldset",
|
|
2950
|
-
v("legend",
|
|
2972
|
+
v("fieldset", Sn, [
|
|
2973
|
+
v("legend", Rn, I(t.question.locTitle.renderedHtml), 1),
|
|
2951
2974
|
v("table", {
|
|
2952
2975
|
class: r(t.question.getTableCss()),
|
|
2953
2976
|
role: "presentation"
|
|
2954
2977
|
}, [
|
|
2955
|
-
t.question.showHeader ? (i(), l("thead",
|
|
2978
|
+
t.question.showHeader ? (i(), l("thead", Bn, [
|
|
2956
2979
|
v("tr", null, [
|
|
2957
|
-
t.question.hasRows ? (i(), l("td",
|
|
2980
|
+
t.question.hasRows ? (i(), l("td", Zn)) : p("", !0),
|
|
2958
2981
|
(i(!0), l(M, null, V(t.question.visibleColumns, (m, c) => (i(), l("th", {
|
|
2959
2982
|
key: c,
|
|
2960
2983
|
class: r(t.question.cssClasses.headerCell),
|
|
@@ -3014,7 +3037,7 @@ const cn = /* @__PURE__ */ h({
|
|
|
3014
3037
|
is: "survey-string",
|
|
3015
3038
|
locString: t.question.getCellDisplayLocText(m.name, C)
|
|
3016
3039
|
}, null, 8, ["locString"])
|
|
3017
|
-
], 10,
|
|
3040
|
+
], 10, Tn))), 128)) : p("", !0),
|
|
3018
3041
|
t.question.hasCellText ? p("", !0) : (i(!0), l(M, { key: 1 }, V(t.question.visibleColumns, (C, q) => (i(), l("td", {
|
|
3019
3042
|
key: q,
|
|
3020
3043
|
"data-responsive-title": C.locText.renderedHtml,
|
|
@@ -3028,29 +3051,29 @@ const cn = /* @__PURE__ */ h({
|
|
|
3028
3051
|
column: C,
|
|
3029
3052
|
columnIndex: q
|
|
3030
3053
|
}, null, 8, ["is", "question", "row", "column", "columnIndex"])
|
|
3031
|
-
], 10,
|
|
3054
|
+
], 10, $n))), 128))
|
|
3032
3055
|
], 2))), 128))
|
|
3033
3056
|
])
|
|
3034
3057
|
], 2)
|
|
3035
3058
|
])
|
|
3036
3059
|
], 2));
|
|
3037
3060
|
}
|
|
3038
|
-
}),
|
|
3061
|
+
}), An = ["data-sv-drop-target-matrix-row"], Nn = /* @__PURE__ */ h({
|
|
3039
3062
|
__name: "MatrixRow",
|
|
3040
3063
|
props: {
|
|
3041
3064
|
question: {},
|
|
3042
3065
|
row: {}
|
|
3043
3066
|
},
|
|
3044
3067
|
setup(u) {
|
|
3045
|
-
const e = u, n =
|
|
3068
|
+
const e = u, n = k();
|
|
3046
3069
|
S(() => e.row);
|
|
3047
|
-
const s =
|
|
3070
|
+
const s = z(
|
|
3048
3071
|
() => e.row,
|
|
3049
3072
|
(o, t) => {
|
|
3050
3073
|
t && t.setRootElement(void 0), o.setRootElement(n.value);
|
|
3051
3074
|
}
|
|
3052
3075
|
);
|
|
3053
|
-
return
|
|
3076
|
+
return $(() => {
|
|
3054
3077
|
e.row.setRootElement(n.value);
|
|
3055
3078
|
}), P(() => {
|
|
3056
3079
|
e.row.setRootElement(void 0), s();
|
|
@@ -3068,9 +3091,9 @@ const cn = /* @__PURE__ */ h({
|
|
|
3068
3091
|
question: o.question,
|
|
3069
3092
|
key: o.row.id + "_" + a.id
|
|
3070
3093
|
}, null, 8, ["cell", "question"]))), 128))
|
|
3071
|
-
], 42,
|
|
3094
|
+
], 42, An)) : p("", !0);
|
|
3072
3095
|
}
|
|
3073
|
-
}),
|
|
3096
|
+
}), Pn = ["name", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], En = ["xlink:href"], Wn = /* @__PURE__ */ h({
|
|
3074
3097
|
inheritAttrs: !1,
|
|
3075
3098
|
__name: "MatrixCell",
|
|
3076
3099
|
props: {
|
|
@@ -3109,8 +3132,8 @@ const cn = /* @__PURE__ */ h({
|
|
|
3109
3132
|
),
|
|
3110
3133
|
"aria-invalid": s.question.a11y_input_ariaInvalid,
|
|
3111
3134
|
"aria-errormessage": s.question.a11y_input_ariaErrormessage
|
|
3112
|
-
}, null, 10,
|
|
3113
|
-
[
|
|
3135
|
+
}, null, 10, Pn), [
|
|
3136
|
+
[se, n.value]
|
|
3114
3137
|
]),
|
|
3115
3138
|
v("span", {
|
|
3116
3139
|
class: r(s.question.cssClasses.materialDecorator)
|
|
@@ -3121,7 +3144,7 @@ const cn = /* @__PURE__ */ h({
|
|
|
3121
3144
|
}, [
|
|
3122
3145
|
v("use", {
|
|
3123
3146
|
"xlink:href": s.question.itemSvgIcon
|
|
3124
|
-
}, null, 8,
|
|
3147
|
+
}, null, 8, En)
|
|
3125
3148
|
], 2)) : p("", !0)
|
|
3126
3149
|
], 2),
|
|
3127
3150
|
s.question.isMobile ? (i(), l("span", {
|
|
@@ -3135,14 +3158,14 @@ const cn = /* @__PURE__ */ h({
|
|
|
3135
3158
|
], 2)) : p("", !0)
|
|
3136
3159
|
], 34));
|
|
3137
3160
|
}
|
|
3138
|
-
}),
|
|
3161
|
+
}), Fn = /* @__PURE__ */ h({
|
|
3139
3162
|
inheritAttrs: !1,
|
|
3140
3163
|
__name: "MatrixDropdown",
|
|
3141
3164
|
props: {
|
|
3142
3165
|
question: {}
|
|
3143
3166
|
},
|
|
3144
3167
|
setup(u) {
|
|
3145
|
-
const e = u, n =
|
|
3168
|
+
const e = u, n = k(null);
|
|
3146
3169
|
return B(e, n), (s, o) => (i(), y(d, {
|
|
3147
3170
|
is: "survey-matrixtable",
|
|
3148
3171
|
question: s.question,
|
|
@@ -3150,7 +3173,7 @@ const cn = /* @__PURE__ */ h({
|
|
|
3150
3173
|
ref: n
|
|
3151
3174
|
}, null, 8, ["question"]));
|
|
3152
3175
|
}
|
|
3153
|
-
}),
|
|
3176
|
+
}), zn = { key: 0 }, On = { key: 1 }, Un = /* @__PURE__ */ h({
|
|
3154
3177
|
__name: "MatrixTable",
|
|
3155
3178
|
props: {
|
|
3156
3179
|
question: {}
|
|
@@ -3164,7 +3187,7 @@ const cn = /* @__PURE__ */ h({
|
|
|
3164
3187
|
v("table", {
|
|
3165
3188
|
class: r(s.question.getTableCss())
|
|
3166
3189
|
}, [
|
|
3167
|
-
n.value.showHeader ? (i(), l("thead",
|
|
3190
|
+
n.value.showHeader ? (i(), l("thead", zn, [
|
|
3168
3191
|
v("tr", null, [
|
|
3169
3192
|
(i(!0), l(M, null, V(n.value.headerRow.cells, (t) => (i(), l(M, null, [
|
|
3170
3193
|
t.hasTitle ? (i(), l("th", {
|
|
@@ -3207,7 +3230,7 @@ const cn = /* @__PURE__ */ h({
|
|
|
3207
3230
|
question: s.question
|
|
3208
3231
|
}, null, 8, ["row", "question"]))), 128))
|
|
3209
3232
|
]),
|
|
3210
|
-
n.value.showFooter ? (i(), l("tfoot",
|
|
3233
|
+
n.value.showFooter ? (i(), l("tfoot", On, [
|
|
3211
3234
|
v("tr", null, [
|
|
3212
3235
|
(i(!0), l(M, null, V(n.value.footerRow.cells, (t, a) => (i(), y(d, {
|
|
3213
3236
|
is: "survey-matrixdropdown-cell",
|
|
@@ -3220,7 +3243,7 @@ const cn = /* @__PURE__ */ h({
|
|
|
3220
3243
|
], 2)
|
|
3221
3244
|
], 6));
|
|
3222
3245
|
}
|
|
3223
|
-
}),
|
|
3246
|
+
}), Qn = /* @__PURE__ */ v("span", null, " ", -1), Kn = /* @__PURE__ */ h({
|
|
3224
3247
|
__name: "MatrixHeaderRequired",
|
|
3225
3248
|
props: {
|
|
3226
3249
|
question: {},
|
|
@@ -3229,24 +3252,24 @@ const cn = /* @__PURE__ */ h({
|
|
|
3229
3252
|
setup(u) {
|
|
3230
3253
|
const e = u;
|
|
3231
3254
|
return S(() => e.column), (n, s) => n.column.isRenderedRequired ? (i(), l(M, { key: 0 }, [
|
|
3232
|
-
|
|
3255
|
+
Qn,
|
|
3233
3256
|
n.column.isRenderedRequired ? (i(), l("span", {
|
|
3234
3257
|
key: 0,
|
|
3235
3258
|
class: r(n.question.cssClasses.cellRequiredMark)
|
|
3236
3259
|
}, I(n.column.requiredMark), 3)) : p("", !0)
|
|
3237
3260
|
], 64)) : p("", !0);
|
|
3238
3261
|
}
|
|
3239
|
-
}),
|
|
3262
|
+
}), jn = ["title", "colspan"], Gn = /* @__PURE__ */ h({
|
|
3240
3263
|
__name: "MatrixDropdownCellComp",
|
|
3241
3264
|
props: {
|
|
3242
3265
|
question: {},
|
|
3243
3266
|
cell: {}
|
|
3244
3267
|
},
|
|
3245
3268
|
setup(u) {
|
|
3246
|
-
const e = u, n =
|
|
3269
|
+
const e = u, n = k(!1), s = k(), o = () => e.cell.width || e.cell.minWidth ? { width: e.cell.width, minWidth: e.cell.minWidth } : null, t = () => {
|
|
3247
3270
|
!e.cell.hasQuestion || !e.question || !e.question.survey || (n.value = e.cell.question.isVisible);
|
|
3248
|
-
}, a = (C) =>
|
|
3249
|
-
t(),
|
|
3271
|
+
}, a = (C) => re(C);
|
|
3272
|
+
t(), $(() => {
|
|
3250
3273
|
if (!e.cell.hasQuestion || !e.question || !e.question.survey)
|
|
3251
3274
|
return;
|
|
3252
3275
|
e.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
|
|
@@ -3312,7 +3335,7 @@ const cn = /* @__PURE__ */ h({
|
|
|
3312
3335
|
model: C.cell.item.getData(),
|
|
3313
3336
|
handleClick: !1
|
|
3314
3337
|
}, null, 8, ["model"])) : p("", !0),
|
|
3315
|
-
C.cell.hasPanel ? (i(), y(d,
|
|
3338
|
+
C.cell.hasPanel ? (i(), y(d, A({
|
|
3316
3339
|
key: 3,
|
|
3317
3340
|
is: m.value
|
|
3318
3341
|
}, c.value), null, 16, ["is"])) : p("", !0),
|
|
@@ -3401,16 +3424,16 @@ const cn = /* @__PURE__ */ h({
|
|
|
3401
3424
|
]),
|
|
3402
3425
|
_: 1
|
|
3403
3426
|
}, 8, ["is", "componentData"])) : p("", !0)
|
|
3404
|
-
], 46,
|
|
3427
|
+
], 46, jn)) : p("", !0);
|
|
3405
3428
|
}
|
|
3406
|
-
}),
|
|
3429
|
+
}), Xn = /* @__PURE__ */ h({
|
|
3407
3430
|
inheritAttrs: !1,
|
|
3408
3431
|
__name: "MatrixDynamic",
|
|
3409
3432
|
props: {
|
|
3410
3433
|
question: {}
|
|
3411
3434
|
},
|
|
3412
3435
|
setup(u) {
|
|
3413
|
-
const e = u, n =
|
|
3436
|
+
const e = u, n = k(null);
|
|
3414
3437
|
B(e, n);
|
|
3415
3438
|
const s = () => {
|
|
3416
3439
|
e.question.addRowUI();
|
|
@@ -3466,7 +3489,7 @@ const cn = /* @__PURE__ */ h({
|
|
|
3466
3489
|
], 2)) : p("", !0)
|
|
3467
3490
|
], 512));
|
|
3468
3491
|
}
|
|
3469
|
-
}),
|
|
3492
|
+
}), Jn = /* @__PURE__ */ h({
|
|
3470
3493
|
__name: "MatrixDynamicPlaceholder",
|
|
3471
3494
|
props: {
|
|
3472
3495
|
question: {}
|
|
@@ -3503,79 +3526,79 @@ const cn = /* @__PURE__ */ h({
|
|
|
3503
3526
|
], 2));
|
|
3504
3527
|
}
|
|
3505
3528
|
});
|
|
3506
|
-
function
|
|
3529
|
+
function le(u, e = !0) {
|
|
3507
3530
|
return {
|
|
3508
3531
|
question: f(() => u.item.data.question),
|
|
3509
3532
|
row: e ? f(() => u.item.data.row) : void 0
|
|
3510
3533
|
};
|
|
3511
3534
|
}
|
|
3512
|
-
const
|
|
3535
|
+
const Yn = ["disabled"], _n = /* @__PURE__ */ h({
|
|
3513
3536
|
__name: "RemoveButton",
|
|
3514
3537
|
props: {
|
|
3515
3538
|
item: {}
|
|
3516
3539
|
},
|
|
3517
3540
|
setup(u) {
|
|
3518
|
-
const e = u, { question: n, row: s } =
|
|
3541
|
+
const e = u, { question: n, row: s } = le(e);
|
|
3519
3542
|
return (o, t) => (i(), l("button", {
|
|
3520
3543
|
type: "button",
|
|
3521
|
-
class: r(
|
|
3522
|
-
disabled:
|
|
3523
|
-
onClick: t[0] || (t[0] = () =>
|
|
3544
|
+
class: r(b(n).getRemoveRowButtonCss()),
|
|
3545
|
+
disabled: b(n).isInputReadOnly,
|
|
3546
|
+
onClick: t[0] || (t[0] = () => b(n).removeRowUI(b(s)))
|
|
3524
3547
|
}, [
|
|
3525
3548
|
g(d, {
|
|
3526
3549
|
is: "survey-string",
|
|
3527
|
-
locString:
|
|
3550
|
+
locString: b(n).locRemoveRowText
|
|
3528
3551
|
}, null, 8, ["locString"]),
|
|
3529
3552
|
v("span", {
|
|
3530
|
-
class: r(
|
|
3553
|
+
class: r(b(n).cssClasses.iconRemove)
|
|
3531
3554
|
}, null, 2)
|
|
3532
|
-
], 10,
|
|
3555
|
+
], 10, Yn));
|
|
3533
3556
|
}
|
|
3534
|
-
}),
|
|
3557
|
+
}), xn = ["xlink:href"], et = /* @__PURE__ */ h({
|
|
3535
3558
|
__name: "DragDropIcon",
|
|
3536
3559
|
props: {
|
|
3537
3560
|
item: {}
|
|
3538
3561
|
},
|
|
3539
3562
|
setup(u) {
|
|
3540
|
-
const e = u, { question: n } =
|
|
3563
|
+
const e = u, { question: n } = le(e, !1);
|
|
3541
3564
|
return (s, o) => (i(), l("div", null, [
|
|
3542
|
-
|
|
3565
|
+
b(n).iconDragElement ? (i(), l("svg", {
|
|
3543
3566
|
key: 0,
|
|
3544
|
-
class: r(
|
|
3567
|
+
class: r(b(n).cssClasses.dragElementDecorator)
|
|
3545
3568
|
}, [
|
|
3546
3569
|
v("use", {
|
|
3547
|
-
"xlink:href":
|
|
3548
|
-
}, null, 8,
|
|
3570
|
+
"xlink:href": b(n).iconDragElement
|
|
3571
|
+
}, null, 8, xn)
|
|
3549
3572
|
], 2)) : (i(), l("span", {
|
|
3550
3573
|
key: 1,
|
|
3551
|
-
class: r(
|
|
3574
|
+
class: r(b(n).cssClasses.iconDrag)
|
|
3552
3575
|
}, null, 2))
|
|
3553
3576
|
]));
|
|
3554
3577
|
}
|
|
3555
|
-
}),
|
|
3578
|
+
}), st = ["title", "aria-expanded", "aria-controls"], nt = /* @__PURE__ */ h({
|
|
3556
3579
|
__name: "DetailButton",
|
|
3557
3580
|
props: {
|
|
3558
3581
|
item: {}
|
|
3559
3582
|
},
|
|
3560
3583
|
setup(u) {
|
|
3561
|
-
const e = u, { question: n, row: s } =
|
|
3584
|
+
const e = u, { question: n, row: s } = le(e);
|
|
3562
3585
|
return (o, t) => (i(), l("button", {
|
|
3563
3586
|
type: "button",
|
|
3564
|
-
class: r(
|
|
3565
|
-
onClick: t[0] || (t[0] = () =>
|
|
3587
|
+
class: r(b(n).getDetailPanelButtonCss(b(s))),
|
|
3588
|
+
onClick: t[0] || (t[0] = () => b(s).showHideDetailPanelClick()),
|
|
3566
3589
|
title: o.item.title,
|
|
3567
|
-
"aria-expanded":
|
|
3568
|
-
"aria-controls":
|
|
3590
|
+
"aria-expanded": b(n).getIsDetailPanelShowing(b(s)) ? "true" : "false",
|
|
3591
|
+
"aria-controls": b(n).getIsDetailPanelShowing(b(s)) ? b(s).detailPanelId : null
|
|
3569
3592
|
}, [
|
|
3570
3593
|
g(d, {
|
|
3571
3594
|
is: "sv-svg-icon",
|
|
3572
|
-
class: r(
|
|
3573
|
-
iconName:
|
|
3595
|
+
class: r(b(n).getDetailPanelIconCss(b(s))),
|
|
3596
|
+
iconName: b(n).getDetailPanelIconId(b(s)),
|
|
3574
3597
|
size: "auto"
|
|
3575
3598
|
}, null, 8, ["class", "iconName"])
|
|
3576
|
-
], 10,
|
|
3599
|
+
], 10, st));
|
|
3577
3600
|
}
|
|
3578
|
-
}),
|
|
3601
|
+
}), tt = ["aria-label"], ot = /* @__PURE__ */ h({
|
|
3579
3602
|
inheritAttrs: !1,
|
|
3580
3603
|
__name: "PanelDynamic",
|
|
3581
3604
|
props: {
|
|
@@ -3583,7 +3606,7 @@ const Gn = ["disabled"], Xn = /* @__PURE__ */ h({
|
|
|
3583
3606
|
css: {}
|
|
3584
3607
|
},
|
|
3585
3608
|
setup(u) {
|
|
3586
|
-
const e = u, n =
|
|
3609
|
+
const e = u, n = k(null), s = we();
|
|
3587
3610
|
B(
|
|
3588
3611
|
e,
|
|
3589
3612
|
n,
|
|
@@ -3650,7 +3673,7 @@ const Gn = ["disabled"], Xn = /* @__PURE__ */ h({
|
|
|
3650
3673
|
style: H({ width: a.question.progress }),
|
|
3651
3674
|
role: "progressbar",
|
|
3652
3675
|
"aria-label": a.question.progressBarAriaLabel
|
|
3653
|
-
}, null, 14,
|
|
3676
|
+
}, null, 14, tt)
|
|
3654
3677
|
], 2)) : p("", !0),
|
|
3655
3678
|
v("div", {
|
|
3656
3679
|
class: r(a.question.cssClasses.panelsContainer)
|
|
@@ -3661,7 +3684,7 @@ const Gn = ["disabled"], Xn = /* @__PURE__ */ h({
|
|
|
3661
3684
|
v("div", {
|
|
3662
3685
|
class: r(a.question.getPanelWrapperCss(c))
|
|
3663
3686
|
}, [
|
|
3664
|
-
g(d,
|
|
3687
|
+
g(d, A({
|
|
3665
3688
|
is: o(c)
|
|
3666
3689
|
}, t(c)), null, 16, ["is"]),
|
|
3667
3690
|
a.question.canRenderRemovePanelOnRight(c) ? (i(), y(d, {
|
|
@@ -3683,7 +3706,7 @@ const Gn = ["disabled"], Xn = /* @__PURE__ */ h({
|
|
|
3683
3706
|
}, null, 8, ["question"])) : p("", !0)
|
|
3684
3707
|
], 2));
|
|
3685
3708
|
}
|
|
3686
|
-
}),
|
|
3709
|
+
}), it = ["aria-label"], rt = /* @__PURE__ */ h({
|
|
3687
3710
|
__name: "PanelDynamicProgress",
|
|
3688
3711
|
props: {
|
|
3689
3712
|
question: {}
|
|
@@ -3713,7 +3736,7 @@ const Gn = ["disabled"], Xn = /* @__PURE__ */ h({
|
|
|
3713
3736
|
style: H({ width: s.question.progress }),
|
|
3714
3737
|
role: "progressbar",
|
|
3715
3738
|
"aria-label": s.question.progressBarAriaLabel
|
|
3716
|
-
}, null, 14,
|
|
3739
|
+
}, null, 14, it)
|
|
3717
3740
|
], 2)) : p("", !0),
|
|
3718
3741
|
g(d, {
|
|
3719
3742
|
is: "sv-paneldynamic-next-btn",
|
|
@@ -3731,7 +3754,7 @@ const Gn = ["disabled"], Xn = /* @__PURE__ */ h({
|
|
|
3731
3754
|
], 2)
|
|
3732
3755
|
], 2));
|
|
3733
3756
|
}
|
|
3734
|
-
}),
|
|
3757
|
+
}), lt = ["aria-label"], at = /* @__PURE__ */ h({
|
|
3735
3758
|
__name: "PanelDynamicProgressV2",
|
|
3736
3759
|
props: {
|
|
3737
3760
|
question: {}
|
|
@@ -3753,7 +3776,7 @@ const Gn = ["disabled"], Xn = /* @__PURE__ */ h({
|
|
|
3753
3776
|
style: H({ width: e.question.progress }),
|
|
3754
3777
|
role: "progressbar",
|
|
3755
3778
|
"aria-label": e.question.progressBarAriaLabel
|
|
3756
|
-
}, null, 14,
|
|
3779
|
+
}, null, 14, lt)
|
|
3757
3780
|
], 2)) : p("", !0),
|
|
3758
3781
|
e.question.footerToolbar.visibleActions.length ? (i(), l("div", {
|
|
3759
3782
|
key: 1,
|
|
@@ -3766,7 +3789,7 @@ const Gn = ["disabled"], Xn = /* @__PURE__ */ h({
|
|
|
3766
3789
|
], 2)) : p("", !0)
|
|
3767
3790
|
], 2)) : p("", !0);
|
|
3768
3791
|
}
|
|
3769
|
-
}),
|
|
3792
|
+
}), ut = /* @__PURE__ */ h({
|
|
3770
3793
|
__name: "PanelDynamicPlaceholder",
|
|
3771
3794
|
props: {
|
|
3772
3795
|
question: {}
|
|
@@ -3788,90 +3811,90 @@ const Gn = ["disabled"], Xn = /* @__PURE__ */ h({
|
|
|
3788
3811
|
], 2));
|
|
3789
3812
|
}
|
|
3790
3813
|
});
|
|
3791
|
-
function
|
|
3814
|
+
function X(u) {
|
|
3792
3815
|
return f(
|
|
3793
3816
|
() => u.item && u.item.data.question || u.data.question
|
|
3794
3817
|
);
|
|
3795
3818
|
}
|
|
3796
|
-
const
|
|
3819
|
+
const dt = ["id"], mt = /* @__PURE__ */ h({
|
|
3797
3820
|
__name: "PaneldynamicAddBtn",
|
|
3798
3821
|
props: {
|
|
3799
3822
|
item: {},
|
|
3800
3823
|
data: {}
|
|
3801
3824
|
},
|
|
3802
3825
|
setup(u) {
|
|
3803
|
-
const n =
|
|
3826
|
+
const n = X(u), s = () => {
|
|
3804
3827
|
n.value.addPanelUI();
|
|
3805
3828
|
};
|
|
3806
|
-
return (o, t) =>
|
|
3829
|
+
return (o, t) => b(n).canAddPanel ? (i(), l("button", {
|
|
3807
3830
|
key: 0,
|
|
3808
3831
|
type: "button",
|
|
3809
|
-
id:
|
|
3810
|
-
class: r(
|
|
3832
|
+
id: b(n).addButtonId,
|
|
3833
|
+
class: r(b(n).getAddButtonCss()),
|
|
3811
3834
|
onClick: s
|
|
3812
3835
|
}, [
|
|
3813
3836
|
v("span", {
|
|
3814
|
-
class: r(
|
|
3837
|
+
class: r(b(n).cssClasses.buttonAddText)
|
|
3815
3838
|
}, [
|
|
3816
3839
|
g(d, {
|
|
3817
3840
|
is: "survey-string",
|
|
3818
|
-
locString:
|
|
3841
|
+
locString: b(n).locAddPanelText
|
|
3819
3842
|
}, null, 8, ["locString"])
|
|
3820
3843
|
], 2)
|
|
3821
|
-
], 10,
|
|
3844
|
+
], 10, dt)) : p("", !0);
|
|
3822
3845
|
}
|
|
3823
|
-
}),
|
|
3846
|
+
}), pt = ["title"], vt = /* @__PURE__ */ h({
|
|
3824
3847
|
__name: "PaneldynamicNextBtn",
|
|
3825
3848
|
props: {
|
|
3826
3849
|
item: {},
|
|
3827
3850
|
data: {}
|
|
3828
3851
|
},
|
|
3829
3852
|
setup(u) {
|
|
3830
|
-
const n =
|
|
3853
|
+
const n = X(u), s = () => {
|
|
3831
3854
|
n.value.goToNextPanel();
|
|
3832
3855
|
};
|
|
3833
3856
|
return (o, t) => (i(), l("div", {
|
|
3834
|
-
title:
|
|
3857
|
+
title: b(n).panelNextText,
|
|
3835
3858
|
onClick: s,
|
|
3836
|
-
class: r(
|
|
3859
|
+
class: r(b(n).getNextButtonCss())
|
|
3837
3860
|
}, [
|
|
3838
3861
|
g(d, {
|
|
3839
3862
|
is: "sv-svg-icon",
|
|
3840
|
-
iconName:
|
|
3863
|
+
iconName: b(n).cssClasses.progressBtnIcon,
|
|
3841
3864
|
size: "auto"
|
|
3842
3865
|
}, null, 8, ["iconName"])
|
|
3843
|
-
], 10,
|
|
3866
|
+
], 10, pt));
|
|
3844
3867
|
}
|
|
3845
|
-
}),
|
|
3868
|
+
}), Ct = ["title"], ct = /* @__PURE__ */ h({
|
|
3846
3869
|
__name: "PaneldynamicPrevBtn",
|
|
3847
3870
|
props: {
|
|
3848
3871
|
item: {},
|
|
3849
3872
|
data: {}
|
|
3850
3873
|
},
|
|
3851
3874
|
setup(u) {
|
|
3852
|
-
const n =
|
|
3875
|
+
const n = X(u), s = () => {
|
|
3853
3876
|
n.value.goToPrevPanel();
|
|
3854
3877
|
};
|
|
3855
3878
|
return (o, t) => (i(), l("div", {
|
|
3856
|
-
title:
|
|
3879
|
+
title: b(n).panelPrevText,
|
|
3857
3880
|
onClick: s,
|
|
3858
|
-
class: r(
|
|
3881
|
+
class: r(b(n).getPrevButtonCss())
|
|
3859
3882
|
}, [
|
|
3860
3883
|
g(d, {
|
|
3861
3884
|
is: "sv-svg-icon",
|
|
3862
|
-
iconName:
|
|
3885
|
+
iconName: b(n).cssClasses.progressBtnIcon,
|
|
3863
3886
|
size: "auto"
|
|
3864
3887
|
}, null, 8, ["iconName"])
|
|
3865
|
-
], 10,
|
|
3888
|
+
], 10, Ct));
|
|
3866
3889
|
}
|
|
3867
|
-
}),
|
|
3890
|
+
}), gt = ["id"], yt = /* @__PURE__ */ h({
|
|
3868
3891
|
__name: "PaneldynamicRemoveBtn",
|
|
3869
3892
|
props: {
|
|
3870
3893
|
item: {},
|
|
3871
3894
|
data: {}
|
|
3872
3895
|
},
|
|
3873
3896
|
setup(u) {
|
|
3874
|
-
const e = u, n =
|
|
3897
|
+
const e = u, n = X(e), s = f(
|
|
3875
3898
|
() => e.item && e.item.data.panel || e.data.panel
|
|
3876
3899
|
), o = (a) => n.value.getPanelRemoveButtonId(a), t = (a) => {
|
|
3877
3900
|
n.value.isInputReadOnly || n.value.removePanelUI(a);
|
|
@@ -3879,42 +3902,42 @@ const lt = ["id"], at = /* @__PURE__ */ h({
|
|
|
3879
3902
|
return (a, m) => (i(), l("button", {
|
|
3880
3903
|
type: "button",
|
|
3881
3904
|
id: o(s.value),
|
|
3882
|
-
class: r(
|
|
3905
|
+
class: r(b(n).getPanelRemoveButtonCss()),
|
|
3883
3906
|
onClick: m[0] || (m[0] = (c) => t(s.value))
|
|
3884
3907
|
}, [
|
|
3885
3908
|
v("span", {
|
|
3886
|
-
class: r(
|
|
3909
|
+
class: r(b(n).cssClasses.buttonRemoveText)
|
|
3887
3910
|
}, [
|
|
3888
3911
|
g(d, {
|
|
3889
3912
|
is: "survey-string",
|
|
3890
|
-
locString:
|
|
3913
|
+
locString: b(n).locRemovePanelText
|
|
3891
3914
|
}, null, 8, ["locString"])
|
|
3892
3915
|
], 2),
|
|
3893
3916
|
v("span", {
|
|
3894
|
-
class: r(
|
|
3917
|
+
class: r(b(n).cssClasses.iconRemove)
|
|
3895
3918
|
}, null, 2)
|
|
3896
|
-
], 10,
|
|
3919
|
+
], 10, gt));
|
|
3897
3920
|
}
|
|
3898
|
-
}),
|
|
3921
|
+
}), ht = /* @__PURE__ */ h({
|
|
3899
3922
|
__name: "PaneldynamicProgressText",
|
|
3900
3923
|
props: {
|
|
3901
3924
|
item: {},
|
|
3902
3925
|
data: {}
|
|
3903
3926
|
},
|
|
3904
3927
|
setup(u) {
|
|
3905
|
-
const n =
|
|
3928
|
+
const n = X(u);
|
|
3906
3929
|
return (s, o) => (i(), l("div", {
|
|
3907
|
-
class: r(
|
|
3908
|
-
}, I(
|
|
3930
|
+
class: r(b(n).cssClasses.progressText)
|
|
3931
|
+
}, I(b(n).progressText), 3));
|
|
3909
3932
|
}
|
|
3910
|
-
}),
|
|
3933
|
+
}), qt = ["id"], wt = /* @__PURE__ */ h({
|
|
3911
3934
|
__name: "Errors",
|
|
3912
3935
|
props: {
|
|
3913
3936
|
element: {},
|
|
3914
3937
|
location: {}
|
|
3915
3938
|
},
|
|
3916
3939
|
setup(u) {
|
|
3917
|
-
const e =
|
|
3940
|
+
const e = k();
|
|
3918
3941
|
return (n, s) => n.element.hasVisibleErrors ? (i(), l("div", {
|
|
3919
3942
|
key: 0,
|
|
3920
3943
|
role: "alert",
|
|
@@ -3932,21 +3955,21 @@ const lt = ["id"], at = /* @__PURE__ */ h({
|
|
|
3932
3955
|
error: o,
|
|
3933
3956
|
cssClasses: n.element.cssClasses
|
|
3934
3957
|
}, null, 8, ["is", "element", "errorKey", "error", "cssClasses"]))), 128))
|
|
3935
|
-
], 10,
|
|
3958
|
+
], 10, qt)) : p("", !0);
|
|
3936
3959
|
}
|
|
3937
|
-
}),
|
|
3960
|
+
}), bt = { key: 0 }, Lt = /* @__PURE__ */ h({
|
|
3938
3961
|
__name: "QuestionComment",
|
|
3939
3962
|
props: {
|
|
3940
3963
|
question: {}
|
|
3941
3964
|
},
|
|
3942
3965
|
setup(u) {
|
|
3943
|
-
return (e, n) => e.question.isReadOnlyRenderDiv() ? (i(), l("div",
|
|
3966
|
+
return (e, n) => e.question.isReadOnlyRenderDiv() ? (i(), l("div", bt, I(e.question.comment), 1)) : (i(), y(d, {
|
|
3944
3967
|
key: 1,
|
|
3945
3968
|
is: "sv-text-area",
|
|
3946
3969
|
model: e.question.commentTextAreaModel
|
|
3947
3970
|
}, null, 8, ["model"]));
|
|
3948
3971
|
}
|
|
3949
|
-
}),
|
|
3972
|
+
}), kt = /* @__PURE__ */ h({
|
|
3950
3973
|
__name: "TitleElement",
|
|
3951
3974
|
props: {
|
|
3952
3975
|
element: {},
|
|
@@ -3954,9 +3977,9 @@ const lt = ["id"], at = /* @__PURE__ */ h({
|
|
|
3954
3977
|
},
|
|
3955
3978
|
setup(u) {
|
|
3956
3979
|
const e = (n) => {
|
|
3957
|
-
|
|
3980
|
+
be(n);
|
|
3958
3981
|
};
|
|
3959
|
-
return (n, s) => n.element.hasTitle ? (i(), y(
|
|
3982
|
+
return (n, s) => n.element.hasTitle ? (i(), y(he(n.element.titleTagName), {
|
|
3960
3983
|
key: 0,
|
|
3961
3984
|
class: r(n.element.cssTitle),
|
|
3962
3985
|
"aria-label": n.element.titleAriaLabel,
|
|
@@ -3999,7 +4022,7 @@ const lt = ["id"], at = /* @__PURE__ */ h({
|
|
|
3999
4022
|
_: 1
|
|
4000
4023
|
}, 40, ["class", "aria-label", "id", "tabindex", "aria-expanded", "role"])) : p("", !0);
|
|
4001
4024
|
}
|
|
4002
|
-
}),
|
|
4025
|
+
}), ft = { key: 2 }, Ht = { key: 4 }, Mt = { key: 6 }, It = { key: 8 }, Vt = /* @__PURE__ */ h({
|
|
4003
4026
|
inheritAttrs: !1,
|
|
4004
4027
|
__name: "TitleContent",
|
|
4005
4028
|
props: {
|
|
@@ -4018,26 +4041,26 @@ const lt = ["id"], at = /* @__PURE__ */ h({
|
|
|
4018
4041
|
class: r(e.element.cssRequiredMark),
|
|
4019
4042
|
"aria-hidden": !0
|
|
4020
4043
|
}, I(e.element.requiredMark), 3)) : p("", !0),
|
|
4021
|
-
!e.element.isTitleRenderedAsString && e.element.isRequireTextOnStart ? (i(), l("span",
|
|
4044
|
+
!e.element.isTitleRenderedAsString && e.element.isRequireTextOnStart ? (i(), l("span", ft, " ")) : p("", !0),
|
|
4022
4045
|
!e.element.isTitleRenderedAsString && e.element.no ? (i(), l("span", {
|
|
4023
4046
|
key: 3,
|
|
4024
4047
|
style: { position: "static" },
|
|
4025
4048
|
class: r(e.element.cssTitleNumber),
|
|
4026
4049
|
"aria-hidden": !0
|
|
4027
4050
|
}, I(e.element.no), 3)) : p("", !0),
|
|
4028
|
-
!e.element.isTitleRenderedAsString && e.element.no ? (i(), l("span",
|
|
4051
|
+
!e.element.isTitleRenderedAsString && e.element.no ? (i(), l("span", Ht, " ")) : p("", !0),
|
|
4029
4052
|
!e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), l("span", {
|
|
4030
4053
|
key: 5,
|
|
4031
4054
|
class: r(e.element.cssRequiredMark),
|
|
4032
4055
|
"aria-hidden": !0
|
|
4033
4056
|
}, I(e.element.requiredMark), 3)) : p("", !0),
|
|
4034
|
-
!e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), l("span",
|
|
4057
|
+
!e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), l("span", Mt, " ")) : p("", !0),
|
|
4035
4058
|
e.element.isTitleRenderedAsString ? p("", !0) : (i(), y(d, {
|
|
4036
4059
|
key: 7,
|
|
4037
4060
|
is: "survey-string",
|
|
4038
4061
|
locString: e.element.locRenderedTitle
|
|
4039
4062
|
}, null, 8, ["locString"])),
|
|
4040
|
-
!e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), l("span",
|
|
4063
|
+
!e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), l("span", It, " ")) : p("", !0),
|
|
4041
4064
|
!e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), l("span", {
|
|
4042
4065
|
key: 9,
|
|
4043
4066
|
class: r(e.element.cssRequiredMark),
|
|
@@ -4045,7 +4068,7 @@ const lt = ["id"], at = /* @__PURE__ */ h({
|
|
|
4045
4068
|
}, I(e.element.requiredMark), 3)) : p("", !0)
|
|
4046
4069
|
], 64));
|
|
4047
4070
|
}
|
|
4048
|
-
}),
|
|
4071
|
+
}), St = { class: "sv-title-actions" }, Rt = { class: "sv-title-actions__title" }, Bt = /* @__PURE__ */ h({
|
|
4049
4072
|
__name: "TitleActions",
|
|
4050
4073
|
props: {
|
|
4051
4074
|
element: {},
|
|
@@ -4053,8 +4076,8 @@ const lt = ["id"], at = /* @__PURE__ */ h({
|
|
|
4053
4076
|
},
|
|
4054
4077
|
setup(u) {
|
|
4055
4078
|
const e = u, n = f(() => e.element.getTitleToolbar());
|
|
4056
|
-
return (s, o) => (i(), l("div",
|
|
4057
|
-
v("span",
|
|
4079
|
+
return (s, o) => (i(), l("div", St, [
|
|
4080
|
+
v("span", Rt, [
|
|
4058
4081
|
s.element.isPage ? (i(), y(d, {
|
|
4059
4082
|
key: 0,
|
|
4060
4083
|
is: "survey-string",
|
|
@@ -4073,20 +4096,20 @@ const lt = ["id"], at = /* @__PURE__ */ h({
|
|
|
4073
4096
|
}, null, 8, ["model"])
|
|
4074
4097
|
]));
|
|
4075
4098
|
}
|
|
4076
|
-
}),
|
|
4099
|
+
}), Zt = (u, e) => {
|
|
4077
4100
|
const n = u.__vccOpts || u;
|
|
4078
4101
|
for (const [s, o] of e)
|
|
4079
4102
|
n[s] = o;
|
|
4080
4103
|
return n;
|
|
4081
|
-
},
|
|
4082
|
-
|
|
4104
|
+
}, Tt = {}, $t = { class: "sv-brand-info" }, Dt = /* @__PURE__ */ Ae('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&utm_medium=online_survey_tool&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&utm_medium=online_survey_tool&utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use & Privacy Statement</a></div>', 3), At = [
|
|
4105
|
+
Dt
|
|
4083
4106
|
];
|
|
4084
|
-
function
|
|
4085
|
-
return i(), l("div",
|
|
4107
|
+
function Nt(u, e) {
|
|
4108
|
+
return i(), l("div", $t, At);
|
|
4086
4109
|
}
|
|
4087
|
-
const
|
|
4088
|
-
|
|
4089
|
-
],
|
|
4110
|
+
const Pt = /* @__PURE__ */ Zt(Tt, [["render", Nt]]), Et = /* @__PURE__ */ v("use", null, null, -1), Wt = [
|
|
4111
|
+
Et
|
|
4112
|
+
], Ft = /* @__PURE__ */ h({
|
|
4090
4113
|
__name: "SvgIcon",
|
|
4091
4114
|
props: {
|
|
4092
4115
|
size: {},
|
|
@@ -4096,8 +4119,8 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4096
4119
|
title: {}
|
|
4097
4120
|
},
|
|
4098
4121
|
setup(u) {
|
|
4099
|
-
const e = u, n =
|
|
4100
|
-
|
|
4122
|
+
const e = u, n = k(), s = () => {
|
|
4123
|
+
Ue(
|
|
4101
4124
|
e.size,
|
|
4102
4125
|
e.width,
|
|
4103
4126
|
e.height,
|
|
@@ -4106,18 +4129,18 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4106
4129
|
e.title
|
|
4107
4130
|
);
|
|
4108
4131
|
};
|
|
4109
|
-
return
|
|
4132
|
+
return j(() => {
|
|
4110
4133
|
s();
|
|
4111
|
-
}),
|
|
4134
|
+
}), $(() => {
|
|
4112
4135
|
s();
|
|
4113
4136
|
}), (o, t) => (i(), l("svg", {
|
|
4114
4137
|
ref_key: "svgIconElement",
|
|
4115
4138
|
ref: n,
|
|
4116
4139
|
class: "sv-svg-icon",
|
|
4117
4140
|
role: "presentation"
|
|
4118
|
-
},
|
|
4141
|
+
}, Wt, 512));
|
|
4119
4142
|
}
|
|
4120
|
-
}),
|
|
4143
|
+
}), zt = /* @__PURE__ */ h({
|
|
4121
4144
|
__name: "QuestionError",
|
|
4122
4145
|
props: {
|
|
4123
4146
|
errorKey: {},
|
|
@@ -4145,7 +4168,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4145
4168
|
], 2)
|
|
4146
4169
|
]));
|
|
4147
4170
|
}
|
|
4148
|
-
}),
|
|
4171
|
+
}), Ot = /* @__PURE__ */ h({
|
|
4149
4172
|
__name: "ActionBar",
|
|
4150
4173
|
props: {
|
|
4151
4174
|
model: {},
|
|
@@ -4153,12 +4176,12 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4153
4176
|
handleClick: { type: Boolean, default: !0 }
|
|
4154
4177
|
},
|
|
4155
4178
|
setup(u) {
|
|
4156
|
-
const e = u, n =
|
|
4179
|
+
const e = u, n = k(null), s = (t) => {
|
|
4157
4180
|
e.handleClick && t.stopPropagation();
|
|
4158
4181
|
};
|
|
4159
4182
|
S(() => e.model);
|
|
4160
|
-
const o =
|
|
4161
|
-
return
|
|
4183
|
+
const o = ne(() => e.model.renderedActions);
|
|
4184
|
+
return $(() => {
|
|
4162
4185
|
e.model.hasActions && e.model.initResponsivityManager(n.value);
|
|
4163
4186
|
}), P(() => {
|
|
4164
4187
|
e.model.resetResponsivityManager();
|
|
@@ -4169,26 +4192,26 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4169
4192
|
class: r(t.model.getRootCss()),
|
|
4170
4193
|
onClick: s
|
|
4171
4194
|
}, [
|
|
4172
|
-
(i(!0), l(M, null, V(
|
|
4195
|
+
(i(!0), l(M, null, V(b(o), (m) => (i(), y(d, {
|
|
4173
4196
|
is: "sv-action",
|
|
4174
4197
|
key: m.renderedId,
|
|
4175
4198
|
item: m
|
|
4176
4199
|
}, null, 8, ["item"]))), 128))
|
|
4177
4200
|
], 2)) : p("", !0);
|
|
4178
4201
|
}
|
|
4179
|
-
}),
|
|
4202
|
+
}), Ut = ["id"], Qt = { class: "sv-action__content" }, Kt = /* @__PURE__ */ h({
|
|
4180
4203
|
__name: "Action",
|
|
4181
4204
|
props: {
|
|
4182
4205
|
item: {}
|
|
4183
4206
|
},
|
|
4184
4207
|
setup(u) {
|
|
4185
|
-
const e =
|
|
4208
|
+
const e = k(), n = u, s = f(
|
|
4186
4209
|
() => n.item.component || "sv-action-bar-item"
|
|
4187
4210
|
);
|
|
4188
|
-
return S(() => n.item),
|
|
4211
|
+
return S(() => n.item), $(() => {
|
|
4189
4212
|
const o = n.item;
|
|
4190
4213
|
o.updateModeCallback = (t, a) => {
|
|
4191
|
-
o.mode = t,
|
|
4214
|
+
o.mode = t, qe(() => {
|
|
4192
4215
|
a(t, e.value);
|
|
4193
4216
|
});
|
|
4194
4217
|
};
|
|
@@ -4201,7 +4224,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4201
4224
|
ref_key: "root",
|
|
4202
4225
|
ref: e
|
|
4203
4226
|
}, [
|
|
4204
|
-
v("div",
|
|
4227
|
+
v("div", Qt, [
|
|
4205
4228
|
o.item.needSeparator ? (i(), y(d, {
|
|
4206
4229
|
key: 0,
|
|
4207
4230
|
is: "sv-action-bar-separator"
|
|
@@ -4211,7 +4234,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4211
4234
|
item: o.item
|
|
4212
4235
|
}, null, 8, ["is", "item"])
|
|
4213
4236
|
])
|
|
4214
|
-
], 10,
|
|
4237
|
+
], 10, Ut));
|
|
4215
4238
|
}
|
|
4216
4239
|
}), K = {
|
|
4217
4240
|
mounted: function(u, e) {
|
|
@@ -4225,16 +4248,16 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4225
4248
|
u.tabIndex = -1;
|
|
4226
4249
|
return;
|
|
4227
4250
|
}
|
|
4228
|
-
n.disableTabStop || (u.tabIndex = 0), u.addEventListener("keyup", (s) => (s.preventDefault(), s.stopPropagation(),
|
|
4229
|
-
|
|
4251
|
+
n.disableTabStop || (u.tabIndex = 0), u.addEventListener("keyup", (s) => (s.preventDefault(), s.stopPropagation(), be(s, n), !1)), u.addEventListener("keydown", (s) => {
|
|
4252
|
+
Qe(s, n);
|
|
4230
4253
|
}), u.addEventListener("blur", (s) => {
|
|
4231
|
-
|
|
4254
|
+
Ke(s);
|
|
4232
4255
|
});
|
|
4233
4256
|
}
|
|
4234
|
-
},
|
|
4257
|
+
}, jt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], Gt = {
|
|
4235
4258
|
inheritAttrs: !1
|
|
4236
|
-
},
|
|
4237
|
-
...
|
|
4259
|
+
}, Xt = /* @__PURE__ */ h({
|
|
4260
|
+
...Gt,
|
|
4238
4261
|
__name: "ActionBarItem",
|
|
4239
4262
|
props: {
|
|
4240
4263
|
item: {}
|
|
@@ -4274,14 +4297,14 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4274
4297
|
key: 1,
|
|
4275
4298
|
class: r(n.item.getActionBarItemTitleCss())
|
|
4276
4299
|
}, I(n.item.title), 3)) : p("", !0)
|
|
4277
|
-
], 42,
|
|
4278
|
-
[
|
|
4300
|
+
], 42, jt)), [
|
|
4301
|
+
[b(K), { processEsc: !1, disableTabStop: n.item.disableTabStop }]
|
|
4279
4302
|
]);
|
|
4280
4303
|
}
|
|
4281
|
-
}),
|
|
4304
|
+
}), Jt = ["disabled", "title", "role"], Yt = {
|
|
4282
4305
|
inheritAttrs: !1
|
|
4283
|
-
},
|
|
4284
|
-
...
|
|
4306
|
+
}, _t = /* @__PURE__ */ h({
|
|
4307
|
+
...Yt,
|
|
4285
4308
|
__name: "ActionBarItemDropdown",
|
|
4286
4309
|
props: {
|
|
4287
4310
|
item: {}
|
|
@@ -4292,7 +4315,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4292
4315
|
return S(
|
|
4293
4316
|
() => e.item,
|
|
4294
4317
|
(s) => {
|
|
4295
|
-
n = new
|
|
4318
|
+
n = new je(s);
|
|
4296
4319
|
},
|
|
4297
4320
|
() => {
|
|
4298
4321
|
n.dispose();
|
|
@@ -4323,8 +4346,8 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4323
4346
|
key: 1,
|
|
4324
4347
|
class: r(s.item.getActionBarItemTitleCss())
|
|
4325
4348
|
}, I(s.item.title), 3)) : p("", !0)
|
|
4326
|
-
], 42,
|
|
4327
|
-
[
|
|
4349
|
+
], 42, Jt)), [
|
|
4350
|
+
[b(K), { processEsc: !1, disableTabStop: s.item.disableTabStop }]
|
|
4328
4351
|
]),
|
|
4329
4352
|
g(d, {
|
|
4330
4353
|
is: "sv-popup",
|
|
@@ -4332,7 +4355,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4332
4355
|
}, null, 8, ["model"])
|
|
4333
4356
|
], 64));
|
|
4334
4357
|
}
|
|
4335
|
-
}),
|
|
4358
|
+
}), xt = /* @__PURE__ */ h({
|
|
4336
4359
|
__name: "ActionBarSeparator",
|
|
4337
4360
|
props: {
|
|
4338
4361
|
item: {}
|
|
@@ -4343,13 +4366,13 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4343
4366
|
class: r(["sv-action-bar-separator", n.value])
|
|
4344
4367
|
}, null, 2));
|
|
4345
4368
|
}
|
|
4346
|
-
}),
|
|
4369
|
+
}), eo = ["aria-label", "placeholder", "value"], so = ["aria-label"], no = ["role", "aria-label", "id"], to = /* @__PURE__ */ h({
|
|
4347
4370
|
__name: "List",
|
|
4348
4371
|
props: {
|
|
4349
4372
|
model: {}
|
|
4350
4373
|
},
|
|
4351
4374
|
setup(u) {
|
|
4352
|
-
const e = u, n =
|
|
4375
|
+
const e = u, n = k(null), s = (m) => {
|
|
4353
4376
|
const c = e.model;
|
|
4354
4377
|
c.filterString = m.target.value;
|
|
4355
4378
|
}, o = (m) => {
|
|
@@ -4357,8 +4380,8 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4357
4380
|
c.filterString = m.target.value, e.model.goToItems(m);
|
|
4358
4381
|
}, t = (m) => {
|
|
4359
4382
|
e.model.onMouseMove(m);
|
|
4360
|
-
}, a =
|
|
4361
|
-
return S(() => e.model),
|
|
4383
|
+
}, a = ne(() => e.model.renderedActions);
|
|
4384
|
+
return S(() => e.model), $(() => {
|
|
4362
4385
|
e.model.initListContainerHtmlElement(n.value);
|
|
4363
4386
|
}), P(() => {
|
|
4364
4387
|
e.model && (e.model.removeScrollEventListener(), e.model.initListContainerHtmlElement(void 0));
|
|
@@ -4388,7 +4411,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4388
4411
|
value: m.model.filterString,
|
|
4389
4412
|
onChange: s,
|
|
4390
4413
|
onKeyup: o
|
|
4391
|
-
}, null, 42,
|
|
4414
|
+
}, null, 42, eo),
|
|
4392
4415
|
m.model.showSearchClearButton && m.model.filterString ? (i(), l("button", {
|
|
4393
4416
|
key: 0,
|
|
4394
4417
|
onClick: c[0] || (c[0] = (C) => {
|
|
@@ -4409,7 +4432,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4409
4432
|
v("div", {
|
|
4410
4433
|
class: r(m.model.cssClasses.emptyText),
|
|
4411
4434
|
"aria-label": m.model.emptyMessage
|
|
4412
|
-
}, I(m.model.emptyMessage), 11,
|
|
4435
|
+
}, I(m.model.emptyMessage), 11, so)
|
|
4413
4436
|
], 2), [
|
|
4414
4437
|
[N, m.model.isEmpty]
|
|
4415
4438
|
]),
|
|
@@ -4427,18 +4450,18 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4427
4450
|
m.model.onKeyDown(C);
|
|
4428
4451
|
})
|
|
4429
4452
|
}, [
|
|
4430
|
-
(i(!0), l(M, null, V(
|
|
4453
|
+
(i(!0), l(M, null, V(b(a), (C) => (i(), y(d, {
|
|
4431
4454
|
is: "sv-list-item",
|
|
4432
4455
|
item: C,
|
|
4433
4456
|
model: m.model,
|
|
4434
4457
|
key: C.id
|
|
4435
4458
|
}, null, 8, ["item", "model"]))), 128))
|
|
4436
|
-
], 42,
|
|
4459
|
+
], 42, no)), [
|
|
4437
4460
|
[N, !m.model.isEmpty]
|
|
4438
4461
|
]) : p("", !0)
|
|
4439
4462
|
], 2));
|
|
4440
4463
|
}
|
|
4441
|
-
}),
|
|
4464
|
+
}), oo = ["role", "aria-selected", "aria-checked", "id", "tabindex"], io = ["title"], ro = /* @__PURE__ */ h({
|
|
4442
4465
|
__name: "ListItem",
|
|
4443
4466
|
props: {
|
|
4444
4467
|
model: {},
|
|
@@ -4452,7 +4475,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4452
4475
|
const o = f(
|
|
4453
4476
|
() => e.item.component || e.model.itemComponent
|
|
4454
4477
|
);
|
|
4455
|
-
return
|
|
4478
|
+
return $(() => {
|
|
4456
4479
|
setTimeout(() => {
|
|
4457
4480
|
e.model.onLastItemRended(e.item);
|
|
4458
4481
|
});
|
|
@@ -4483,13 +4506,13 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4483
4506
|
item: t.item,
|
|
4484
4507
|
model: t.model
|
|
4485
4508
|
}, null, 8, ["is", "item", "model"])
|
|
4486
|
-
], 46,
|
|
4487
|
-
], 42,
|
|
4509
|
+
], 46, io)
|
|
4510
|
+
], 42, oo)), [
|
|
4488
4511
|
[N, t.model.isItemVisible(t.item)],
|
|
4489
|
-
[
|
|
4512
|
+
[b(K), { processEsc: !1, disableTabStop: t.item.disableTabStop }]
|
|
4490
4513
|
]);
|
|
4491
4514
|
}
|
|
4492
|
-
}),
|
|
4515
|
+
}), lo = /* @__PURE__ */ h({
|
|
4493
4516
|
__name: "ListItemContent",
|
|
4494
4517
|
props: {
|
|
4495
4518
|
model: {},
|
|
@@ -4518,7 +4541,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4518
4541
|
}, null, 8, ["class", "iconName"])) : p("", !0)
|
|
4519
4542
|
], 64));
|
|
4520
4543
|
}
|
|
4521
|
-
}),
|
|
4544
|
+
}), ao = /* @__PURE__ */ h({
|
|
4522
4545
|
__name: "ListItemGroup",
|
|
4523
4546
|
props: {
|
|
4524
4547
|
model: {},
|
|
@@ -4538,23 +4561,23 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4538
4561
|
}, null, 8, ["model"])
|
|
4539
4562
|
], 64));
|
|
4540
4563
|
}
|
|
4541
|
-
}),
|
|
4564
|
+
}), uo = /* @__PURE__ */ h({
|
|
4542
4565
|
__name: "Popup",
|
|
4543
4566
|
props: {
|
|
4544
4567
|
model: {}
|
|
4545
4568
|
},
|
|
4546
4569
|
setup(u) {
|
|
4547
|
-
const e = u, n =
|
|
4570
|
+
const e = u, n = F(), s = k(null), o = () => {
|
|
4548
4571
|
const t = s.value;
|
|
4549
4572
|
t && n.value.setComponentElement(t);
|
|
4550
4573
|
};
|
|
4551
|
-
return
|
|
4574
|
+
return z(
|
|
4552
4575
|
() => e.model,
|
|
4553
4576
|
(t) => {
|
|
4554
|
-
n.value && n.value.dispose(), n.value =
|
|
4577
|
+
n.value && n.value.dispose(), n.value = Ge(t), o();
|
|
4555
4578
|
},
|
|
4556
4579
|
{ immediate: !0 }
|
|
4557
|
-
), S(() => n.value),
|
|
4580
|
+
), S(() => n.value), $(() => {
|
|
4558
4581
|
o();
|
|
4559
4582
|
}), P(() => {
|
|
4560
4583
|
n.value.dispose();
|
|
@@ -4568,13 +4591,13 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4568
4591
|
}, null, 8, ["model"])
|
|
4569
4592
|
], 512));
|
|
4570
4593
|
}
|
|
4571
|
-
}),
|
|
4594
|
+
}), mo = { class: "sv-popup__body-content" }, po = {
|
|
4572
4595
|
key: 0,
|
|
4573
4596
|
class: "sv-popup__body-header"
|
|
4574
|
-
},
|
|
4597
|
+
}, vo = { class: "sv-popup__scrolling-content" }, Co = { class: "sv-popup__content" }, co = {
|
|
4575
4598
|
key: 1,
|
|
4576
4599
|
class: "sv-popup__body-footer"
|
|
4577
|
-
},
|
|
4600
|
+
}, go = /* @__PURE__ */ h({
|
|
4578
4601
|
__name: "PopupContainer",
|
|
4579
4602
|
props: {
|
|
4580
4603
|
model: {}
|
|
@@ -4583,10 +4606,10 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4583
4606
|
const e = u, n = (s) => {
|
|
4584
4607
|
s.stopPropagation();
|
|
4585
4608
|
};
|
|
4586
|
-
return S(() => e.model),
|
|
4609
|
+
return S(() => e.model), j(() => {
|
|
4587
4610
|
const s = e.model;
|
|
4588
4611
|
s.isVisible && !s.isPositionSet && e.model.updateOnShowing();
|
|
4589
|
-
}),
|
|
4612
|
+
}), $(() => {
|
|
4590
4613
|
e.model.isVisible && e.model.updateOnShowing();
|
|
4591
4614
|
}), (s, o) => R((i(), l("div", {
|
|
4592
4615
|
tabindex: "-1",
|
|
@@ -4614,16 +4637,16 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4614
4637
|
is: s.model.popupHeaderTemplate,
|
|
4615
4638
|
model: s.model
|
|
4616
4639
|
}, null, 8, ["is", "model"])) : p("", !0),
|
|
4617
|
-
v("div",
|
|
4618
|
-
s.model.title ? (i(), l("div",
|
|
4619
|
-
v("div",
|
|
4620
|
-
v("div",
|
|
4621
|
-
g(d,
|
|
4640
|
+
v("div", mo, [
|
|
4641
|
+
s.model.title ? (i(), l("div", po, I(s.model.title), 1)) : p("", !0),
|
|
4642
|
+
v("div", vo, [
|
|
4643
|
+
v("div", Co, [
|
|
4644
|
+
g(d, A({
|
|
4622
4645
|
is: s.model.contentComponentName
|
|
4623
4646
|
}, s.model.contentComponentData), null, 16, ["is"])
|
|
4624
4647
|
])
|
|
4625
4648
|
]),
|
|
4626
|
-
s.model.showFooter ? (i(), l("div",
|
|
4649
|
+
s.model.showFooter ? (i(), l("div", co, [
|
|
4627
4650
|
g(d, {
|
|
4628
4651
|
is: "sv-action-bar",
|
|
4629
4652
|
model: s.model.footerToolbar
|
|
@@ -4635,7 +4658,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4635
4658
|
[N, s.model.isVisible]
|
|
4636
4659
|
]);
|
|
4637
4660
|
}
|
|
4638
|
-
}),
|
|
4661
|
+
}), yo = /* @__PURE__ */ h({
|
|
4639
4662
|
__name: "PopupPointer",
|
|
4640
4663
|
props: {
|
|
4641
4664
|
model: {}
|
|
@@ -4649,7 +4672,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4649
4672
|
})
|
|
4650
4673
|
}, null, 4));
|
|
4651
4674
|
}
|
|
4652
|
-
}),
|
|
4675
|
+
}), ho = /* @__PURE__ */ h({
|
|
4653
4676
|
__name: "Container",
|
|
4654
4677
|
props: {
|
|
4655
4678
|
survey: {},
|
|
@@ -4681,7 +4704,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4681
4704
|
}, null, 8, ["is", "survey", "container", "model"]))), 128))
|
|
4682
4705
|
], 64)) : p("", !0);
|
|
4683
4706
|
}
|
|
4684
|
-
}),
|
|
4707
|
+
}), qo = ["aria-label"], Y = /* @__PURE__ */ h({
|
|
4685
4708
|
__name: "Progress",
|
|
4686
4709
|
props: {
|
|
4687
4710
|
survey: {},
|
|
@@ -4689,7 +4712,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4689
4712
|
css: {}
|
|
4690
4713
|
},
|
|
4691
4714
|
setup(u) {
|
|
4692
|
-
const e = u, n = f(() => e.survey.progressValue + "%"), s = (t) =>
|
|
4715
|
+
const e = u, n = f(() => e.survey.progressValue + "%"), s = (t) => Ce.getProgressTextInBarCss(t), o = (t) => Ce.getProgressTextUnderBarCss(t);
|
|
4693
4716
|
return (t, a) => (i(), l("div", {
|
|
4694
4717
|
class: r(t.survey.getProgressCssClasses(t.container))
|
|
4695
4718
|
}, [
|
|
@@ -4704,13 +4727,13 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4704
4727
|
v("span", {
|
|
4705
4728
|
class: r(s(t.survey.css))
|
|
4706
4729
|
}, I(t.survey.progressText), 3)
|
|
4707
|
-
], 14,
|
|
4730
|
+
], 14, qo),
|
|
4708
4731
|
v("span", {
|
|
4709
4732
|
class: r(o(t.survey.css))
|
|
4710
4733
|
}, I(t.survey.progressText), 3)
|
|
4711
4734
|
], 2));
|
|
4712
4735
|
}
|
|
4713
|
-
}),
|
|
4736
|
+
}), wo = ["aria-label"], bo = ["title"], Lo = ["onClick", "data-page-number"], ko = ["title"], fo = ["title"], Ho = ["title"], Mo = /* @__PURE__ */ h({
|
|
4714
4737
|
__name: "ProgressButtons",
|
|
4715
4738
|
props: {
|
|
4716
4739
|
survey: {},
|
|
@@ -4718,15 +4741,15 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4718
4741
|
container: {}
|
|
4719
4742
|
},
|
|
4720
4743
|
setup(u) {
|
|
4721
|
-
const e = u, n =
|
|
4744
|
+
const e = u, n = k(!1), s = k(!1), o = k(!1), t = k(!0), a = k(), m = f(() => e.survey.css);
|
|
4722
4745
|
let c = null;
|
|
4723
4746
|
const C = (q) => {
|
|
4724
4747
|
let w = a.value;
|
|
4725
4748
|
w.scrollLeft += (q ? -1 : 1) * 70;
|
|
4726
4749
|
};
|
|
4727
|
-
return
|
|
4750
|
+
return $(() => {
|
|
4728
4751
|
const q = a.value;
|
|
4729
|
-
c = new
|
|
4752
|
+
c = new Xe(e.model, q, {
|
|
4730
4753
|
onResize: (w) => {
|
|
4731
4754
|
t.value = w, s.value = !w;
|
|
4732
4755
|
},
|
|
@@ -4738,7 +4761,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4738
4761
|
},
|
|
4739
4762
|
container: f(() => e.container)
|
|
4740
4763
|
});
|
|
4741
|
-
}),
|
|
4764
|
+
}), U(() => {
|
|
4742
4765
|
c.dispose();
|
|
4743
4766
|
}), (q, w) => (i(), l("div", {
|
|
4744
4767
|
class: r(q.model.getRootCss(q.container)),
|
|
@@ -4755,7 +4778,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4755
4778
|
v("div", {
|
|
4756
4779
|
class: r(q.survey.css.progressButtonsPageTitle),
|
|
4757
4780
|
title: q.model.headerText
|
|
4758
|
-
}, I(q.model.headerText), 11,
|
|
4781
|
+
}, I(q.model.headerText), 11, bo)
|
|
4759
4782
|
], 2)) : p("", !0),
|
|
4760
4783
|
v("div", {
|
|
4761
4784
|
class: r(m.value.progressButtonsContainer)
|
|
@@ -4773,10 +4796,10 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4773
4796
|
v("ul", {
|
|
4774
4797
|
class: r(m.value.progressButtonsList)
|
|
4775
4798
|
}, [
|
|
4776
|
-
(i(!0), l(M, null, V(q.survey.visiblePages, (Z,
|
|
4777
|
-
key: "listelement" +
|
|
4778
|
-
class: r(q.model.getListElementCss(
|
|
4779
|
-
onClick: (L) => q.model.isListElementClickable(
|
|
4799
|
+
(i(!0), l(M, null, V(q.survey.visiblePages, (Z, T) => (i(), l("li", {
|
|
4800
|
+
key: "listelement" + T,
|
|
4801
|
+
class: r(q.model.getListElementCss(T)),
|
|
4802
|
+
onClick: (L) => q.model.isListElementClickable(T) ? q.model.clickListElement(Z) : null,
|
|
4780
4803
|
"data-page-number": q.model.getItemNumber(Z)
|
|
4781
4804
|
}, [
|
|
4782
4805
|
v("div", {
|
|
@@ -4791,12 +4814,12 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4791
4814
|
is: "survey-string",
|
|
4792
4815
|
locString: Z.locNavigationTitle
|
|
4793
4816
|
}, null, 8, ["locString"])
|
|
4794
|
-
], 10,
|
|
4817
|
+
], 10, ko)) : p("", !0),
|
|
4795
4818
|
t.value ? (i(), l("div", {
|
|
4796
4819
|
key: 1,
|
|
4797
4820
|
class: r(m.value.progressButtonsPageDescription),
|
|
4798
4821
|
title: Z.locNavigationDescription.renderedHtml
|
|
4799
|
-
}, I(Z.locNavigationDescription.renderedHtml), 11,
|
|
4822
|
+
}, I(Z.locNavigationDescription.renderedHtml), 11, fo)) : p("", !0),
|
|
4800
4823
|
v("div", {
|
|
4801
4824
|
class: r(m.value.progressButtonsButton)
|
|
4802
4825
|
}, [
|
|
@@ -4808,7 +4831,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4808
4831
|
}, null, 2),
|
|
4809
4832
|
v("span", null, I(q.model.getItemNumber(Z)), 1)
|
|
4810
4833
|
], 2)
|
|
4811
|
-
], 10,
|
|
4834
|
+
], 10, Lo))), 128))
|
|
4812
4835
|
], 2)
|
|
4813
4836
|
], 2),
|
|
4814
4837
|
v("div", {
|
|
@@ -4824,11 +4847,11 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4824
4847
|
v("div", {
|
|
4825
4848
|
class: r(q.survey.css.progressButtonsPageTitle),
|
|
4826
4849
|
title: q.model.footerText
|
|
4827
|
-
}, I(q.model.footerText), 11,
|
|
4850
|
+
}, I(q.model.footerText), 11, Ho)
|
|
4828
4851
|
], 2)) : p("", !0)
|
|
4829
|
-
], 14,
|
|
4852
|
+
], 14, wo));
|
|
4830
4853
|
}
|
|
4831
|
-
}),
|
|
4854
|
+
}), Io = /* @__PURE__ */ h({
|
|
4832
4855
|
__name: "ProgressToc",
|
|
4833
4856
|
props: {
|
|
4834
4857
|
survey: {},
|
|
@@ -4836,7 +4859,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4836
4859
|
},
|
|
4837
4860
|
setup(u) {
|
|
4838
4861
|
const e = u;
|
|
4839
|
-
return
|
|
4862
|
+
return $(() => {
|
|
4840
4863
|
e.model.updateStickyTOCSize(e.survey.rootElement);
|
|
4841
4864
|
}), (n, s) => (i(), l("div", {
|
|
4842
4865
|
class: r(n.model.containerCss)
|
|
@@ -4856,7 +4879,7 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4856
4879
|
model: n.model.popupModel
|
|
4857
4880
|
}, null, 8, ["model"])
|
|
4858
4881
|
])), [
|
|
4859
|
-
[
|
|
4882
|
+
[b(K)]
|
|
4860
4883
|
]) : (i(), y(d, {
|
|
4861
4884
|
key: 1,
|
|
4862
4885
|
is: "sv-list",
|
|
@@ -4866,11 +4889,11 @@ const Dt = /* @__PURE__ */ St(Rt, [["render", $t]]), At = /* @__PURE__ */ v("use
|
|
|
4866
4889
|
}
|
|
4867
4890
|
});
|
|
4868
4891
|
/*!
|
|
4869
|
-
* surveyjs - Survey JavaScript library v2.0.
|
|
4892
|
+
* surveyjs - Survey JavaScript library v2.0.10
|
|
4870
4893
|
* Copyright (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4871
4894
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
4872
4895
|
*/
|
|
4873
|
-
var
|
|
4896
|
+
var Vo = {
|
|
4874
4897
|
modernbooleancheckchecked: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><polygon points="19,10 14,10 14,5 10,5 10,10 5,10 5,14 10,14 10,19 14,19 14,14 19,14 "></polygon></svg>',
|
|
4875
4898
|
modernbooleancheckind: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M22,0H2C0.9,0,0,0.9,0,2v20c0,1.1,0.9,2,2,2h20c1.1,0,2-0.9,2-2V2C24,0.9,23.1,0,22,0z M21,18L6,3h15V18z M3,6l15,15H3V6z"></path></svg>',
|
|
4876
4899
|
modernbooleancheckunchecked: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><rect x="5" y="10" width="14" height="4"></rect></svg>',
|
|
@@ -4934,11 +4957,11 @@ var Ho = {
|
|
|
4934
4957
|
"smiley-rate9-24x24": '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 24C6.85767 24 1.15509 20.96 0.0145752 14.16C-0.0354475 13.87 0.0445888 13.57 0.234675 13.35C0.424761 13.13 0.704888 13 0.995019 13H23.005C23.2951 13 23.5752 13.13 23.7653 13.35C23.9554 13.57 24.0354 13.87 23.9854 14.16C22.8549 20.95 17.1423 24 11.99 24H12.01ZM2.25559 15C3.61621 19.82 8.0182 22 12.01 22C16.0018 22 20.4038 19.82 21.7644 15H2.25559ZM8.00819 6V2C8.00819 1.45 7.55799 1 7.00774 1C6.45749 1 6.00729 1.45 6.00729 2V6C6.00729 6.55 6.45749 7 7.00774 7C7.55799 7 8.00819 6.55 8.00819 6ZM18.0127 6V2C18.0127 1.45 17.5625 1 17.0123 1C16.462 1 16.0118 1.45 16.0118 2V6C16.0118 6.55 16.462 7 17.0123 7C17.5625 7 18.0127 6.55 18.0127 6Z"></path></svg>'
|
|
4935
4958
|
};
|
|
4936
4959
|
/*!
|
|
4937
|
-
* surveyjs - Survey JavaScript library v2.0.
|
|
4960
|
+
* surveyjs - Survey JavaScript library v2.0.10
|
|
4938
4961
|
* Copyright (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4939
4962
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
4940
4963
|
*/
|
|
4941
|
-
var
|
|
4964
|
+
var He = {
|
|
4942
4965
|
modernbooleancheckchecked: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><polygon points="19,10 14,10 14,5 10,5 10,10 5,10 5,14 10,14 10,19 14,19 14,14 19,14 "></polygon></svg>',
|
|
4943
4966
|
modernbooleancheckind: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M22,0H2C0.9,0,0,0.9,0,2v20c0,1.1,0.9,2,2,2h20c1.1,0,2-0.9,2-2V2C24,0.9,23.1,0,22,0z M21,18L6,3h15V18z M3,6l15,15H3V6z"></path></svg>',
|
|
4944
4967
|
modernbooleancheckunchecked: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><rect x="5" y="10" width="14" height="4"></rect></svg>',
|
|
@@ -5001,50 +5024,50 @@ var ke = {
|
|
|
5001
5024
|
"smiley-rate8-24x24": '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 24C6.85721 24 1.15412 20.96 0.0134987 14.16C-0.0765501 13.62 0.293651 13.1 0.833944 13.01C1.38424 12.92 1.89452 13.29 1.98457 13.83C2.92508 19.47 7.69767 21.99 12 21.99C16.3023 21.99 21.0749 19.47 22.0154 13.83C22.1055 13.29 22.6158 12.92 23.1661 13.01C23.7063 13.1 24.0765 13.62 23.9865 14.16C22.8559 20.95 17.1428 24 11.99 24H12.01ZM8.00783 6V2C8.00783 1.45 7.55759 1 7.00729 1C6.45699 1 6.00675 1.45 6.00675 2V6C6.00675 6.55 6.45699 7 7.00729 7C7.55759 7 8.00783 6.55 8.00783 6ZM18.0133 6V2C18.0133 1.45 17.563 1 17.0127 1C16.4624 1 16.0122 1.45 16.0122 2V6C16.0122 6.55 16.4624 7 17.0127 7C17.563 7 18.0133 6.55 18.0133 6Z"></path></svg>',
|
|
5002
5025
|
"smiley-rate9-24x24": '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 24C6.85767 24 1.15509 20.96 0.0145752 14.16C-0.0354475 13.87 0.0445888 13.57 0.234675 13.35C0.424761 13.13 0.704888 13 0.995019 13H23.005C23.2951 13 23.5752 13.13 23.7653 13.35C23.9554 13.57 24.0354 13.87 23.9854 14.16C22.8549 20.95 17.1423 24 11.99 24H12.01ZM2.25559 15C3.61621 19.82 8.0182 22 12.01 22C16.0018 22 20.4038 19.82 21.7644 15H2.25559ZM8.00819 6V2C8.00819 1.45 7.55799 1 7.00774 1C6.45749 1 6.00729 1.45 6.00729 2V6C6.00729 6.55 6.45749 7 7.00774 7C7.55799 7 8.00819 6.55 8.00819 6ZM18.0127 6V2C18.0127 1.45 17.5625 1 17.0123 1C16.462 1 16.0118 1.45 16.0118 2V6C16.0118 6.55 16.462 7 17.0123 7C17.5625 7 18.0127 6.55 18.0127 6Z"></path></svg>'
|
|
5003
5026
|
};
|
|
5004
|
-
const
|
|
5027
|
+
const So = ["lang", "dir"], Ro = { onsubmit: "return false;" }, Bo = {
|
|
5005
5028
|
key: 0,
|
|
5006
5029
|
class: "sv_custom_header"
|
|
5007
|
-
},
|
|
5008
|
-
|
|
5009
|
-
|
|
5010
|
-
|
|
5011
|
-
const
|
|
5030
|
+
}, Zo = { class: "sv-components-column sv-components-column--expandable" }, To = ["id"], $o = { key: 2 }, Do = ["innerHTML"], Ao = ["innerHTML"], No = ["innerHTML"];
|
|
5031
|
+
Le("v1", Vo);
|
|
5032
|
+
Le("v2", He);
|
|
5033
|
+
_.registerIcons(He);
|
|
5034
|
+
const ae = /* @__PURE__ */ h({
|
|
5012
5035
|
__name: "Survey",
|
|
5013
5036
|
props: {
|
|
5014
5037
|
model: {},
|
|
5015
5038
|
survey: {}
|
|
5016
5039
|
},
|
|
5017
5040
|
setup(u) {
|
|
5018
|
-
const e = u, n =
|
|
5019
|
-
const
|
|
5020
|
-
return
|
|
5041
|
+
const e = u, n = k(), s = k(""), o = k(1), t = f(() => {
|
|
5042
|
+
const T = e.survey ? e.survey : e.model;
|
|
5043
|
+
return Ne(T);
|
|
5021
5044
|
}), a = f(() => t.value.activePage ? t.value.activePage.id : ""), m = () => {
|
|
5022
|
-
const
|
|
5023
|
-
return !!t.value &&
|
|
5045
|
+
const T = a.value;
|
|
5046
|
+
return !!t.value && T + o.value.toString();
|
|
5024
5047
|
}, c = f(
|
|
5025
5048
|
() => t.value.showCompletedPage && t.value.state === "completed"
|
|
5026
|
-
), C = f(() => t.value.css), q = f(() => "page" + m()), w = () => c.value ? (s.value || (s.value = t.value.processedCompletedHtml), s.value) : "", Z = (
|
|
5027
|
-
if (
|
|
5049
|
+
), C = f(() => t.value.css), q = f(() => "page" + m()), w = () => c.value ? (s.value || (s.value = t.value.processedCompletedHtml), s.value) : "", Z = (T) => {
|
|
5050
|
+
if (T) {
|
|
5028
5051
|
var L = n.value;
|
|
5029
|
-
L &&
|
|
5030
|
-
var
|
|
5031
|
-
o.value++, (
|
|
5032
|
-
},
|
|
5052
|
+
L && T.afterRenderSurvey(L), T.renderCallback = () => {
|
|
5053
|
+
var D, W;
|
|
5054
|
+
o.value++, (W = (D = we()) == null ? void 0 : D.proxy) == null || W.$forceUpdate();
|
|
5055
|
+
}, T.startTimerFromUI();
|
|
5033
5056
|
}
|
|
5034
5057
|
};
|
|
5035
5058
|
return S(
|
|
5036
5059
|
() => t.value,
|
|
5037
|
-
(
|
|
5038
|
-
|
|
5060
|
+
(T, L) => {
|
|
5061
|
+
T && L && Z(T);
|
|
5039
5062
|
},
|
|
5040
|
-
(
|
|
5041
|
-
|
|
5063
|
+
(T) => {
|
|
5064
|
+
T.stopTimer(), T.renderCallback = void 0;
|
|
5042
5065
|
}
|
|
5043
|
-
),
|
|
5066
|
+
), $(() => {
|
|
5044
5067
|
Z(t.value);
|
|
5045
5068
|
}), P(() => {
|
|
5046
5069
|
t.value.stopTimer(), t.value.beforeDestroySurveyElement(), t.value.renderCallback = void 0;
|
|
5047
|
-
}), (
|
|
5070
|
+
}), (T, L) => (i(), l("div", {
|
|
5048
5071
|
class: r(t.value.getRootCss()),
|
|
5049
5072
|
style: H(t.value.themeVariables),
|
|
5050
5073
|
lang: t.value.locale || "en",
|
|
@@ -5070,13 +5093,13 @@ const le = /* @__PURE__ */ h({
|
|
|
5070
5093
|
class: r(C.value.rootBackgroundImage),
|
|
5071
5094
|
style: H(t.value.backgroundImageStyle)
|
|
5072
5095
|
}, null, 6)) : p("", !0),
|
|
5073
|
-
v("form",
|
|
5096
|
+
v("form", Ro, [
|
|
5074
5097
|
g(d, {
|
|
5075
5098
|
is: "sv-scroll",
|
|
5076
5099
|
disabled: t.value.formScrollDisabled
|
|
5077
5100
|
}, {
|
|
5078
5101
|
default: E(() => [
|
|
5079
|
-
t.value.hasLogo ? p("", !0) : (i(), l("div",
|
|
5102
|
+
t.value.hasLogo ? p("", !0) : (i(), l("div", Bo)),
|
|
5080
5103
|
v("div", {
|
|
5081
5104
|
class: r(C.value.container)
|
|
5082
5105
|
}, [
|
|
@@ -5101,7 +5124,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5101
5124
|
container: "left",
|
|
5102
5125
|
needRenderWrapper: !0
|
|
5103
5126
|
}, null, 8, ["survey"]),
|
|
5104
|
-
v("div",
|
|
5127
|
+
v("div", Zo, [
|
|
5105
5128
|
g(d, {
|
|
5106
5129
|
is: "sv-components-container",
|
|
5107
5130
|
survey: t.value,
|
|
@@ -5136,7 +5159,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5136
5159
|
key: 0,
|
|
5137
5160
|
is: "sv-brand-info"
|
|
5138
5161
|
})) : p("", !0)
|
|
5139
|
-
], 14,
|
|
5162
|
+
], 14, To)
|
|
5140
5163
|
]),
|
|
5141
5164
|
g(d, {
|
|
5142
5165
|
is: "sv-components-container",
|
|
@@ -5151,11 +5174,11 @@ const le = /* @__PURE__ */ h({
|
|
|
5151
5174
|
container: "footer",
|
|
5152
5175
|
needRenderWrapper: !1
|
|
5153
5176
|
}, null, 8, ["survey"]),
|
|
5154
|
-
c.value ? (i(), l("div",
|
|
5177
|
+
c.value ? (i(), l("div", $o, [
|
|
5155
5178
|
v("div", {
|
|
5156
5179
|
innerHTML: w(),
|
|
5157
5180
|
class: r(t.value.completedCss)
|
|
5158
|
-
}, null, 10,
|
|
5181
|
+
}, null, 10, Do),
|
|
5159
5182
|
g(d, {
|
|
5160
5183
|
is: "sv-components-container",
|
|
5161
5184
|
survey: t.value,
|
|
@@ -5167,12 +5190,12 @@ const le = /* @__PURE__ */ h({
|
|
|
5167
5190
|
key: 3,
|
|
5168
5191
|
class: r(t.value.completedBeforeCss),
|
|
5169
5192
|
innerHTML: t.value.processedCompletedBeforeHtml
|
|
5170
|
-
}, null, 10,
|
|
5193
|
+
}, null, 10, Ao)) : p("", !0),
|
|
5171
5194
|
t.value.state === "loading" ? (i(), l("div", {
|
|
5172
5195
|
key: 4,
|
|
5173
5196
|
class: r(t.value.loadingBodyCss),
|
|
5174
5197
|
innerHTML: t.value.processedLoadingHtml
|
|
5175
|
-
}, null, 10,
|
|
5198
|
+
}, null, 10, No)) : p("", !0),
|
|
5176
5199
|
t.value.state === "empty" ? (i(), l("div", {
|
|
5177
5200
|
key: 5,
|
|
5178
5201
|
class: r(C.value.bodyEmpty)
|
|
@@ -5190,9 +5213,9 @@ const le = /* @__PURE__ */ h({
|
|
|
5190
5213
|
]),
|
|
5191
5214
|
_: 1
|
|
5192
5215
|
}, 8, ["disabled"])
|
|
5193
|
-
], 14,
|
|
5216
|
+
], 14, So));
|
|
5194
5217
|
}
|
|
5195
|
-
}),
|
|
5218
|
+
}), Po = /* @__PURE__ */ h({
|
|
5196
5219
|
__name: "Notifier",
|
|
5197
5220
|
props: {
|
|
5198
5221
|
model: {}
|
|
@@ -5213,7 +5236,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5213
5236
|
}, null, 8, ["model"])
|
|
5214
5237
|
], 6)) : p("", !0);
|
|
5215
5238
|
}
|
|
5216
|
-
}),
|
|
5239
|
+
}), Eo = { key: 0 }, Wo = /* @__PURE__ */ h({
|
|
5217
5240
|
__name: "QuestionOther",
|
|
5218
5241
|
props: {
|
|
5219
5242
|
question: {}
|
|
@@ -5222,14 +5245,14 @@ const le = /* @__PURE__ */ h({
|
|
|
5222
5245
|
return (e, n) => (i(), l("div", {
|
|
5223
5246
|
class: r(e.question.getCommentAreaCss(!0))
|
|
5224
5247
|
}, [
|
|
5225
|
-
e.question.isReadOnlyRenderDiv() ? (i(), l("div",
|
|
5248
|
+
e.question.isReadOnlyRenderDiv() ? (i(), l("div", Eo, I(e.question.otherValue), 1)) : (i(), y(d, {
|
|
5226
5249
|
key: 1,
|
|
5227
5250
|
is: "sv-text-area",
|
|
5228
5251
|
model: e.question.otherTextAreaModel
|
|
5229
5252
|
}, null, 8, ["model"]))
|
|
5230
5253
|
], 2));
|
|
5231
5254
|
}
|
|
5232
|
-
}),
|
|
5255
|
+
}), Fo = ["disabled", "value", "title"], zo = /* @__PURE__ */ h({
|
|
5233
5256
|
__name: "SurveyNavigationButton",
|
|
5234
5257
|
props: {
|
|
5235
5258
|
item: {}
|
|
@@ -5246,9 +5269,9 @@ const le = /* @__PURE__ */ h({
|
|
|
5246
5269
|
onMousedown: n,
|
|
5247
5270
|
onClick: o[0] || (o[0] = //@ts-ignore
|
|
5248
5271
|
(...t) => s.item.action && s.item.action(...t))
|
|
5249
|
-
}, null, 42,
|
|
5272
|
+
}, null, 42, Fo)) : p("", !0);
|
|
5250
5273
|
}
|
|
5251
|
-
}),
|
|
5274
|
+
}), Me = /* @__PURE__ */ h({
|
|
5252
5275
|
__name: "PopupSurvey",
|
|
5253
5276
|
props: {
|
|
5254
5277
|
survey: {},
|
|
@@ -5259,7 +5282,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5259
5282
|
closeOnCompleteTimeout: {}
|
|
5260
5283
|
},
|
|
5261
5284
|
setup(u) {
|
|
5262
|
-
const e = u, n =
|
|
5285
|
+
const e = u, n = F(), s = () => {
|
|
5263
5286
|
n.value.changeExpandCollapse();
|
|
5264
5287
|
}, o = () => {
|
|
5265
5288
|
n.value.hide(), e.onClose && e.onClose();
|
|
@@ -5272,10 +5295,10 @@ const le = /* @__PURE__ */ h({
|
|
|
5272
5295
|
return n.value.isCollapsed && (C += " " + n.value.cssRootCollapsedMod), C;
|
|
5273
5296
|
};
|
|
5274
5297
|
S(() => n.value);
|
|
5275
|
-
const c =
|
|
5298
|
+
const c = z(
|
|
5276
5299
|
() => e.survey,
|
|
5277
5300
|
(C) => {
|
|
5278
|
-
const q = new
|
|
5301
|
+
const q = new Je(null, C);
|
|
5279
5302
|
e.isExpanded !== void 0 && (q.isExpanded = e.isExpanded), e.closeOnCompleteTimeout !== void 0 && (q.closeOnCompleteTimeout = e.closeOnCompleteTimeout), e.allowClose !== void 0 && (q.allowClose = e.allowClose), e.allowFullScreen !== void 0 && (q.allowFullScreen = e.allowFullScreen), q.isShowing = !0, n.value = q;
|
|
5280
5303
|
},
|
|
5281
5304
|
{
|
|
@@ -5357,26 +5380,26 @@ const le = /* @__PURE__ */ h({
|
|
|
5357
5380
|
v("div", {
|
|
5358
5381
|
class: r(n.value.cssBody)
|
|
5359
5382
|
}, [
|
|
5360
|
-
g(
|
|
5383
|
+
g(ae, { survey: C.survey }, null, 8, ["survey"])
|
|
5361
5384
|
], 2)
|
|
5362
5385
|
], 2)
|
|
5363
5386
|
], 38)) : p("", !0);
|
|
5364
5387
|
}
|
|
5365
|
-
}),
|
|
5388
|
+
}), Oo = ["innerHTML"], Uo = /* @__PURE__ */ h({
|
|
5366
5389
|
__name: "CustomWidget",
|
|
5367
5390
|
props: {
|
|
5368
5391
|
question: {},
|
|
5369
5392
|
css: {}
|
|
5370
5393
|
},
|
|
5371
5394
|
setup(u) {
|
|
5372
|
-
const e = u, n =
|
|
5395
|
+
const e = u, n = k(), s = f(
|
|
5373
5396
|
() => e.question.customWidget.isDefaultRender
|
|
5374
5397
|
), o = f(
|
|
5375
5398
|
() => !!e.question.customWidget.htmlTemplate
|
|
5376
5399
|
), t = f(() => e.question.customWidget.htmlTemplate), a = f(() => "survey-" + e.question.getTemplate());
|
|
5377
|
-
return
|
|
5400
|
+
return $(() => {
|
|
5378
5401
|
e.question.customWidget.afterRender(e.question, n.value);
|
|
5379
|
-
}),
|
|
5402
|
+
}), U(() => {
|
|
5380
5403
|
e.question.customWidget.willUnmount(e.question, n.value);
|
|
5381
5404
|
}), (m, c) => (i(), l("div", {
|
|
5382
5405
|
ref_key: "root",
|
|
@@ -5385,7 +5408,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5385
5408
|
o.value ? (i(), l("div", {
|
|
5386
5409
|
key: 0,
|
|
5387
5410
|
innerHTML: t.value
|
|
5388
|
-
}, null, 8,
|
|
5411
|
+
}, null, 8, Oo)) : p("", !0),
|
|
5389
5412
|
s.value ? (i(), y(d, {
|
|
5390
5413
|
key: 1,
|
|
5391
5414
|
is: a.value,
|
|
@@ -5394,12 +5417,12 @@ const le = /* @__PURE__ */ h({
|
|
|
5394
5417
|
}, null, 8, ["is", "question", "css"])) : p("", !0)
|
|
5395
5418
|
], 512));
|
|
5396
5419
|
}
|
|
5397
|
-
}),
|
|
5420
|
+
}), Qo = /* @__PURE__ */ h({
|
|
5398
5421
|
__name: "PopupModal",
|
|
5399
5422
|
setup(u) {
|
|
5400
|
-
const e =
|
|
5423
|
+
const e = F();
|
|
5401
5424
|
function n(s, o) {
|
|
5402
|
-
const t =
|
|
5425
|
+
const t = Ye(
|
|
5403
5426
|
s,
|
|
5404
5427
|
o
|
|
5405
5428
|
), a = (m, c) => {
|
|
@@ -5407,9 +5430,9 @@ const le = /* @__PURE__ */ h({
|
|
|
5407
5430
|
};
|
|
5408
5431
|
return t.onVisibilityChanged.add(a), t.model.isVisible = !0, e.value = t, t;
|
|
5409
5432
|
}
|
|
5410
|
-
return
|
|
5411
|
-
|
|
5412
|
-
})), (s, o) => e.value ? (i(), y(
|
|
5433
|
+
return te.showDialog || (te.showDialog = n, P(() => {
|
|
5434
|
+
te.showDialog = void 0;
|
|
5435
|
+
})), (s, o) => e.value ? (i(), y(Pe, {
|
|
5413
5436
|
key: 0,
|
|
5414
5437
|
to: e.value.container
|
|
5415
5438
|
}, [
|
|
@@ -5419,18 +5442,18 @@ const le = /* @__PURE__ */ h({
|
|
|
5419
5442
|
}, null, 8, ["model"])
|
|
5420
5443
|
], 8, ["to"])) : p("", !0);
|
|
5421
5444
|
}
|
|
5422
|
-
}),
|
|
5445
|
+
}), Ko = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], jo = /* @__PURE__ */ h({
|
|
5423
5446
|
__name: "TextArea",
|
|
5424
5447
|
props: {
|
|
5425
5448
|
model: {}
|
|
5426
5449
|
},
|
|
5427
5450
|
setup(u) {
|
|
5428
|
-
const e = u, n =
|
|
5451
|
+
const e = u, n = k(
|
|
5429
5452
|
null
|
|
5430
5453
|
), s = f(() => e.model.getTextValue() || "");
|
|
5431
|
-
return
|
|
5454
|
+
return $(() => {
|
|
5432
5455
|
e.model.setElement(n.value);
|
|
5433
|
-
}),
|
|
5456
|
+
}), j(() => {
|
|
5434
5457
|
e.model.setElement(n.value);
|
|
5435
5458
|
}), P(() => {
|
|
5436
5459
|
e.model.resetElement();
|
|
@@ -5468,9 +5491,9 @@ const le = /* @__PURE__ */ h({
|
|
|
5468
5491
|
"aria-invalid": o.model.ariaInvalid,
|
|
5469
5492
|
"aria-errormessage": o.model.ariaErrormessage,
|
|
5470
5493
|
style: H({ resize: o.model.question.resizeStyle })
|
|
5471
|
-
}, null, 46,
|
|
5494
|
+
}, null, 46, Ko));
|
|
5472
5495
|
}
|
|
5473
|
-
}),
|
|
5496
|
+
}), Go = /* @__PURE__ */ h({
|
|
5474
5497
|
__name: "CharacterCounter",
|
|
5475
5498
|
props: {
|
|
5476
5499
|
counter: {},
|
|
@@ -5482,7 +5505,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5482
5505
|
class: r(n.remainingCharacterCounter)
|
|
5483
5506
|
}, I(n.counter.remainingCharacterCounter), 3));
|
|
5484
5507
|
}
|
|
5485
|
-
}),
|
|
5508
|
+
}), Xo = /* @__PURE__ */ h({
|
|
5486
5509
|
inheritAttrs: !1,
|
|
5487
5510
|
__name: "Composite",
|
|
5488
5511
|
props: {
|
|
@@ -5490,7 +5513,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5490
5513
|
css: {}
|
|
5491
5514
|
},
|
|
5492
5515
|
setup(u) {
|
|
5493
|
-
const e = u, n =
|
|
5516
|
+
const e = u, n = k(null);
|
|
5494
5517
|
B(e, n);
|
|
5495
5518
|
const s = f(() => e.question.contentPanel);
|
|
5496
5519
|
return (o, t) => (i(), y(d, {
|
|
@@ -5501,7 +5524,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5501
5524
|
css: o.css
|
|
5502
5525
|
}, null, 8, ["element", "css"]));
|
|
5503
5526
|
}
|
|
5504
|
-
}),
|
|
5527
|
+
}), Jo = /* @__PURE__ */ h({
|
|
5505
5528
|
inheritAttrs: !1,
|
|
5506
5529
|
__name: "Custom",
|
|
5507
5530
|
props: {
|
|
@@ -5509,9 +5532,9 @@ const le = /* @__PURE__ */ h({
|
|
|
5509
5532
|
css: {}
|
|
5510
5533
|
},
|
|
5511
5534
|
setup(u) {
|
|
5512
|
-
const e = u, n =
|
|
5535
|
+
const e = u, n = k(null);
|
|
5513
5536
|
B(e, n);
|
|
5514
|
-
const s = f(() => e.question.contentQuestion), o = (t) =>
|
|
5537
|
+
const s = f(() => e.question.contentQuestion), o = (t) => re(t);
|
|
5515
5538
|
return (t, a) => (i(), y(d, {
|
|
5516
5539
|
ref: n.value,
|
|
5517
5540
|
is: o(s.value),
|
|
@@ -5519,16 +5542,16 @@ const le = /* @__PURE__ */ h({
|
|
|
5519
5542
|
css: t.css
|
|
5520
5543
|
}, null, 8, ["is", "question", "css"]));
|
|
5521
5544
|
}
|
|
5522
|
-
}),
|
|
5523
|
-
|
|
5524
|
-
],
|
|
5545
|
+
}), Yo = /* @__PURE__ */ v("use", { "xlink:href": "#icon-timercircle" }, null, -1), _o = [
|
|
5546
|
+
Yo
|
|
5547
|
+
], ye = 440, xo = /* @__PURE__ */ h({
|
|
5525
5548
|
__name: "TimerPanel",
|
|
5526
5549
|
props: {
|
|
5527
5550
|
model: {},
|
|
5528
5551
|
css: {}
|
|
5529
5552
|
},
|
|
5530
5553
|
setup(u) {
|
|
5531
|
-
const e = u, n = f(() =>
|
|
5554
|
+
const e = u, n = f(() => ye * e.model.progress), s = f(() => e.model.text);
|
|
5532
5555
|
return S(() => e.model), (o, t) => o.model.isRunning && o.model.showTimerAsClock ? (i(), l("div", {
|
|
5533
5556
|
key: 0,
|
|
5534
5557
|
class: r(o.model.rootCss)
|
|
@@ -5536,8 +5559,8 @@ const le = /* @__PURE__ */ h({
|
|
|
5536
5559
|
o.model.showProgress ? (i(), l("svg", {
|
|
5537
5560
|
key: 0,
|
|
5538
5561
|
class: r(o.model.getProgressCss()),
|
|
5539
|
-
style: H({ strokeDasharray:
|
|
5540
|
-
},
|
|
5562
|
+
style: H({ strokeDasharray: ye, strokeDashoffset: n.value })
|
|
5563
|
+
}, _o, 6)) : p("", !0),
|
|
5541
5564
|
v("div", {
|
|
5542
5565
|
class: r(o.model.textContainerCss)
|
|
5543
5566
|
}, [
|
|
@@ -5556,10 +5579,10 @@ const le = /* @__PURE__ */ h({
|
|
|
5556
5579
|
[N, o.model.isRunning && !o.model.showTimerAsClock]
|
|
5557
5580
|
]);
|
|
5558
5581
|
}
|
|
5559
|
-
}),
|
|
5582
|
+
}), ei = { class: "sd-loading-indicator" }, si = /* @__PURE__ */ h({
|
|
5560
5583
|
__name: "LoadingIndicator",
|
|
5561
5584
|
setup(u) {
|
|
5562
|
-
return (e, n) => (i(), l("div",
|
|
5585
|
+
return (e, n) => (i(), l("div", ei, [
|
|
5563
5586
|
g(d, {
|
|
5564
5587
|
is: "sv-svg-icon",
|
|
5565
5588
|
iconName: "icon-loading",
|
|
@@ -5567,7 +5590,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5567
5590
|
})
|
|
5568
5591
|
]));
|
|
5569
5592
|
}
|
|
5570
|
-
}),
|
|
5593
|
+
}), ni = { key: 2 }, ti = /* @__PURE__ */ h({
|
|
5571
5594
|
__name: "Header",
|
|
5572
5595
|
props: {
|
|
5573
5596
|
model: {},
|
|
@@ -5578,9 +5601,9 @@ const le = /* @__PURE__ */ h({
|
|
|
5578
5601
|
return S(() => {
|
|
5579
5602
|
const n = e.model;
|
|
5580
5603
|
return n.survey = e.survey, e.model;
|
|
5581
|
-
}),
|
|
5604
|
+
}), $(() => {
|
|
5582
5605
|
e.model.processResponsiveness();
|
|
5583
|
-
}),
|
|
5606
|
+
}), j(() => {
|
|
5584
5607
|
e.model.processResponsiveness();
|
|
5585
5608
|
}), (n, s) => n.survey.headerView === "advanced" && !n.model.isEmpty ? (i(), l("div", {
|
|
5586
5609
|
key: 0,
|
|
@@ -5603,7 +5626,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5603
5626
|
key: t
|
|
5604
5627
|
}, null, 8, ["model"]))), 128))
|
|
5605
5628
|
], 6)),
|
|
5606
|
-
n.survey.isMobile ? (i(), l("div",
|
|
5629
|
+
n.survey.isMobile ? (i(), l("div", ni, [
|
|
5607
5630
|
g(d, {
|
|
5608
5631
|
is: "sv-header-mobile",
|
|
5609
5632
|
model: n.model
|
|
@@ -5611,10 +5634,10 @@ const le = /* @__PURE__ */ h({
|
|
|
5611
5634
|
])) : p("", !0)
|
|
5612
5635
|
], 6)) : p("", !0);
|
|
5613
5636
|
}
|
|
5614
|
-
}),
|
|
5637
|
+
}), oi = {
|
|
5615
5638
|
key: 0,
|
|
5616
5639
|
class: "sv-header__logo"
|
|
5617
|
-
},
|
|
5640
|
+
}, ii = ["src", "width", "height", "alt"], ri = /* @__PURE__ */ h({
|
|
5618
5641
|
__name: "HeaderCell",
|
|
5619
5642
|
props: {
|
|
5620
5643
|
model: {}
|
|
@@ -5628,7 +5651,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5628
5651
|
class: "sv-header__cell-content",
|
|
5629
5652
|
style: H(e.model.contentStyle)
|
|
5630
5653
|
}, [
|
|
5631
|
-
e.model.showLogo ? (i(), l("div",
|
|
5654
|
+
e.model.showLogo ? (i(), l("div", oi, [
|
|
5632
5655
|
v("div", {
|
|
5633
5656
|
class: r(e.model.survey.logoClassNames)
|
|
5634
5657
|
}, [
|
|
@@ -5639,7 +5662,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5639
5662
|
height: e.model.survey.renderedLogoHeight,
|
|
5640
5663
|
alt: e.model.survey.locTitle.renderedHtml,
|
|
5641
5664
|
style: H({ objectFit: e.model.survey.logoFit, width: e.model.survey.renderedStyleLogoWidth, height: e.model.survey.renderedStyleLogoHeight })
|
|
5642
|
-
}, null, 14,
|
|
5665
|
+
}, null, 14, ii)
|
|
5643
5666
|
], 2)
|
|
5644
5667
|
])) : p("", !0),
|
|
5645
5668
|
e.model.showTitle ? (i(), l("div", {
|
|
@@ -5671,17 +5694,17 @@ const le = /* @__PURE__ */ h({
|
|
|
5671
5694
|
], 4)
|
|
5672
5695
|
], 6));
|
|
5673
5696
|
}
|
|
5674
|
-
}),
|
|
5697
|
+
}), li = { class: "sv-header--mobile" }, ai = {
|
|
5675
5698
|
key: 0,
|
|
5676
5699
|
class: "sv-header__logo"
|
|
5677
|
-
},
|
|
5700
|
+
}, ui = ["src", "width", "height", "alt"], di = /* @__PURE__ */ h({
|
|
5678
5701
|
__name: "HeaderMobile",
|
|
5679
5702
|
props: {
|
|
5680
5703
|
model: {}
|
|
5681
5704
|
},
|
|
5682
5705
|
setup(u) {
|
|
5683
|
-
return (e, n) => (i(), l("div",
|
|
5684
|
-
e.model.survey.hasLogo ? (i(), l("div",
|
|
5706
|
+
return (e, n) => (i(), l("div", li, [
|
|
5707
|
+
e.model.survey.hasLogo ? (i(), l("div", ai, [
|
|
5685
5708
|
v("div", {
|
|
5686
5709
|
class: r(e.model.survey.logoClassNames)
|
|
5687
5710
|
}, [
|
|
@@ -5692,7 +5715,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5692
5715
|
height: e.model.survey.renderedLogoHeight,
|
|
5693
5716
|
alt: e.model.survey.locTitle.renderedHtml,
|
|
5694
5717
|
style: H({ objectFit: e.model.survey.logoFit, width: e.model.survey.renderedStyleLogoWidth, height: e.model.survey.renderedStyleLogoHeight })
|
|
5695
|
-
}, null, 14,
|
|
5718
|
+
}, null, 14, ui)
|
|
5696
5719
|
], 2)
|
|
5697
5720
|
])) : p("", !0),
|
|
5698
5721
|
e.model.survey.hasTitle ? (i(), l("div", {
|
|
@@ -5723,7 +5746,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5723
5746
|
], 4)) : p("", !0)
|
|
5724
5747
|
]));
|
|
5725
5748
|
}
|
|
5726
|
-
}),
|
|
5749
|
+
}), mi = /* @__PURE__ */ h({
|
|
5727
5750
|
__name: "Element",
|
|
5728
5751
|
props: {
|
|
5729
5752
|
element: {},
|
|
@@ -5731,7 +5754,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5731
5754
|
css: {}
|
|
5732
5755
|
},
|
|
5733
5756
|
setup(u) {
|
|
5734
|
-
const e = u, n =
|
|
5757
|
+
const e = u, n = k(), s = (c) => c.isPanel ? "survey-panel" : "survey-question", o = f(() => {
|
|
5735
5758
|
const c = e.element.survey;
|
|
5736
5759
|
if (c) {
|
|
5737
5760
|
const C = c.getElementWrapperComponentName(e.element);
|
|
@@ -5752,13 +5775,13 @@ const le = /* @__PURE__ */ h({
|
|
|
5752
5775
|
data: q
|
|
5753
5776
|
}
|
|
5754
5777
|
};
|
|
5755
|
-
}), m =
|
|
5778
|
+
}), m = z(
|
|
5756
5779
|
() => e.element,
|
|
5757
5780
|
(c, C) => {
|
|
5758
5781
|
C && C.setWrapperElement(void 0), c.setWrapperElement(n.value);
|
|
5759
5782
|
}
|
|
5760
5783
|
);
|
|
5761
|
-
return
|
|
5784
|
+
return $(() => {
|
|
5762
5785
|
e.element.setWrapperElement(n.value);
|
|
5763
5786
|
}), P(() => {
|
|
5764
5787
|
e.element.setWrapperElement(void 0), m();
|
|
@@ -5768,7 +5791,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5768
5791
|
style: H(t(c.element)),
|
|
5769
5792
|
class: r(c.element.cssClasses.questionWrapper)
|
|
5770
5793
|
}, [
|
|
5771
|
-
c.row.isNeedRender ? (i(), y(d,
|
|
5794
|
+
c.row.isNeedRender ? (i(), y(d, A({
|
|
5772
5795
|
key: 0,
|
|
5773
5796
|
is: o.value
|
|
5774
5797
|
}, a.value), null, 16, ["is"])) : c.element.skeletonComponentName ? (i(), y(d, {
|
|
@@ -5779,20 +5802,20 @@ const le = /* @__PURE__ */ h({
|
|
|
5779
5802
|
}, null, 8, ["is", "element", "css"])) : p("", !0)
|
|
5780
5803
|
], 6));
|
|
5781
5804
|
}
|
|
5782
|
-
}),
|
|
5805
|
+
}), pi = /* @__PURE__ */ h({
|
|
5783
5806
|
__name: "TemplateRenderer",
|
|
5784
5807
|
props: {
|
|
5785
5808
|
componentName: {},
|
|
5786
5809
|
componentData: {}
|
|
5787
5810
|
},
|
|
5788
5811
|
setup(u) {
|
|
5789
|
-
const e =
|
|
5790
|
-
return (s, o) => n.value && !s.componentName ?
|
|
5812
|
+
const e = Ee(), n = f(() => !!e.default);
|
|
5813
|
+
return (s, o) => n.value && !s.componentName ? x(s.$slots, "default", { key: 0 }) : (i(), y(d, A({
|
|
5791
5814
|
key: 1,
|
|
5792
5815
|
is: s.componentName
|
|
5793
5816
|
}, s.componentData), null, 16, ["is"]));
|
|
5794
5817
|
}
|
|
5795
|
-
}),
|
|
5818
|
+
}), vi = /* @__PURE__ */ h({
|
|
5796
5819
|
__name: "FileCleanButton",
|
|
5797
5820
|
props: {
|
|
5798
5821
|
question: {},
|
|
@@ -5815,7 +5838,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5815
5838
|
}, null, 8, ["iconName", "title"])) : p("", !0)
|
|
5816
5839
|
], 2));
|
|
5817
5840
|
}
|
|
5818
|
-
}),
|
|
5841
|
+
}), Ci = ["id"], ci = /* @__PURE__ */ h({
|
|
5819
5842
|
__name: "FileVideo",
|
|
5820
5843
|
props: {
|
|
5821
5844
|
question: {}
|
|
@@ -5837,14 +5860,14 @@ const le = /* @__PURE__ */ h({
|
|
|
5837
5860
|
playsinline: "",
|
|
5838
5861
|
id: e.question.videoId,
|
|
5839
5862
|
class: r(e.question.cssClasses.video)
|
|
5840
|
-
}, null, 10,
|
|
5863
|
+
}, null, 10, Ci),
|
|
5841
5864
|
g(d, {
|
|
5842
5865
|
is: "sv-action",
|
|
5843
5866
|
item: e.question.takePictureAction
|
|
5844
5867
|
}, null, 8, ["item"])
|
|
5845
5868
|
], 2));
|
|
5846
5869
|
}
|
|
5847
|
-
}),
|
|
5870
|
+
}), gi = ["for", "aria-label"], yi = /* @__PURE__ */ h({
|
|
5848
5871
|
__name: "FileChooseButton",
|
|
5849
5872
|
props: {
|
|
5850
5873
|
data: {},
|
|
@@ -5872,11 +5895,11 @@ const le = /* @__PURE__ */ h({
|
|
|
5872
5895
|
size: "auto"
|
|
5873
5896
|
}, null, 8, ["title", "iconName"])) : p("", !0),
|
|
5874
5897
|
v("span", null, I(n.value.chooseButtonText), 1)
|
|
5875
|
-
], 10,
|
|
5876
|
-
[
|
|
5898
|
+
], 10, gi)), [
|
|
5899
|
+
[b(K)]
|
|
5877
5900
|
]);
|
|
5878
5901
|
}
|
|
5879
|
-
}),
|
|
5902
|
+
}), hi = /* @__PURE__ */ h({
|
|
5880
5903
|
__name: "FilePreview",
|
|
5881
5904
|
props: {
|
|
5882
5905
|
question: {}
|
|
@@ -5894,13 +5917,13 @@ const le = /* @__PURE__ */ h({
|
|
|
5894
5917
|
}, null, 8, ["page", "question"]))), 128))
|
|
5895
5918
|
], 2)) : p("", !0);
|
|
5896
5919
|
}
|
|
5897
|
-
}),
|
|
5920
|
+
}), qi = /* @__PURE__ */ h({
|
|
5898
5921
|
__name: "ButtonGroup",
|
|
5899
5922
|
props: {
|
|
5900
5923
|
question: {}
|
|
5901
5924
|
},
|
|
5902
5925
|
setup(u) {
|
|
5903
|
-
const e = u, n =
|
|
5926
|
+
const e = u, n = k();
|
|
5904
5927
|
return B(e, n), (s, o) => (i(), l("div", {
|
|
5905
5928
|
role: "group",
|
|
5906
5929
|
class: r(s.question.cssClasses.root),
|
|
@@ -5916,7 +5939,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5916
5939
|
}, null, 8, ["question", "item", "index"]))), 128))
|
|
5917
5940
|
], 2));
|
|
5918
5941
|
}
|
|
5919
|
-
}),
|
|
5942
|
+
}), wi = ["title"], bi = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Li = ["title"], ki = /* @__PURE__ */ h({
|
|
5920
5943
|
__name: "ButtonGroupItem",
|
|
5921
5944
|
props: {
|
|
5922
5945
|
item: {},
|
|
@@ -5925,7 +5948,7 @@ const le = /* @__PURE__ */ h({
|
|
|
5925
5948
|
},
|
|
5926
5949
|
setup(u) {
|
|
5927
5950
|
const e = u, n = f(
|
|
5928
|
-
() => new
|
|
5951
|
+
() => new _e(e.question, e.item, e.index)
|
|
5929
5952
|
), s = f({
|
|
5930
5953
|
get: () => e.question.renderedValue,
|
|
5931
5954
|
set: (o) => {
|
|
@@ -5949,8 +5972,8 @@ const le = /* @__PURE__ */ h({
|
|
|
5949
5972
|
class: r(n.value.css.control),
|
|
5950
5973
|
"onUpdate:modelValue": t[0] || (t[0] = (a) => s.value = a),
|
|
5951
5974
|
value: n.value.value
|
|
5952
|
-
}, null, 10,
|
|
5953
|
-
[
|
|
5975
|
+
}, null, 10, bi), [
|
|
5976
|
+
[se, s.value]
|
|
5954
5977
|
]),
|
|
5955
5978
|
v("div", {
|
|
5956
5979
|
class: r(n.value.css.decorator)
|
|
@@ -5971,24 +5994,24 @@ const le = /* @__PURE__ */ h({
|
|
|
5971
5994
|
is: "survey-string",
|
|
5972
5995
|
locString: n.value.caption
|
|
5973
5996
|
}, null, 8, ["locString"])
|
|
5974
|
-
], 10,
|
|
5997
|
+
], 10, Li)) : p("", !0)
|
|
5975
5998
|
], 2)
|
|
5976
|
-
], 10,
|
|
5999
|
+
], 10, wi));
|
|
5977
6000
|
}
|
|
5978
6001
|
});
|
|
5979
|
-
|
|
6002
|
+
G.Instance.registerRenderer(
|
|
5980
6003
|
"buttongroup",
|
|
5981
6004
|
"dropdown",
|
|
5982
6005
|
"sv-buttongroup-dropdown"
|
|
5983
6006
|
);
|
|
5984
|
-
const
|
|
6007
|
+
const fi = /* @__PURE__ */ h({
|
|
5985
6008
|
inheritAttrs: !1,
|
|
5986
6009
|
__name: "ButtonGroupDropdown",
|
|
5987
6010
|
props: {
|
|
5988
6011
|
question: {}
|
|
5989
6012
|
},
|
|
5990
6013
|
setup(u) {
|
|
5991
|
-
const e = u, n =
|
|
6014
|
+
const e = u, n = k(null);
|
|
5992
6015
|
return B(e, n), (s, o) => (i(), l("div", {
|
|
5993
6016
|
class: r(s.question.cssClasses.rootDropdown),
|
|
5994
6017
|
ref_key: "root",
|
|
@@ -6000,20 +6023,20 @@ const Li = /* @__PURE__ */ h({
|
|
|
6000
6023
|
}, null, 8, ["question"])
|
|
6001
6024
|
], 2));
|
|
6002
6025
|
}
|
|
6003
|
-
}),
|
|
6026
|
+
}), Hi = ["src", "width", "height", "alt"], Mi = /* @__PURE__ */ h({
|
|
6004
6027
|
inheritAttrs: !1,
|
|
6005
6028
|
__name: "Logo",
|
|
6006
6029
|
props: {
|
|
6007
6030
|
data: {}
|
|
6008
6031
|
},
|
|
6009
6032
|
setup(u) {
|
|
6010
|
-
const e = u, n = f(() => e.data), s =
|
|
6033
|
+
const e = u, n = f(() => e.data), s = Q(() => n.value.locLogo);
|
|
6011
6034
|
return (o, t) => (i(), l("div", {
|
|
6012
6035
|
class: r(n.value.logoClassNames)
|
|
6013
6036
|
}, [
|
|
6014
6037
|
v("img", {
|
|
6015
6038
|
class: r(n.value.css.logoImage),
|
|
6016
|
-
src:
|
|
6039
|
+
src: b(s),
|
|
6017
6040
|
width: n.value.renderedLogoWidth,
|
|
6018
6041
|
height: n.value.renderedLogoHeight,
|
|
6019
6042
|
alt: n.value.locTitle.renderedHtml,
|
|
@@ -6022,19 +6045,19 @@ const Li = /* @__PURE__ */ h({
|
|
|
6022
6045
|
width: n.value.renderedStyleLogoWidth,
|
|
6023
6046
|
height: n.value.renderedStyleLogoHeight
|
|
6024
6047
|
})
|
|
6025
|
-
}, null, 14,
|
|
6048
|
+
}, null, 14, Hi)
|
|
6026
6049
|
], 2));
|
|
6027
6050
|
}
|
|
6028
|
-
}),
|
|
6051
|
+
}), Ii = /* @__PURE__ */ h({
|
|
6029
6052
|
__name: "SvgBundle",
|
|
6030
6053
|
setup(u) {
|
|
6031
|
-
const e =
|
|
6032
|
-
e.value && (e.value.innerHTML =
|
|
6054
|
+
const e = k(), n = () => {
|
|
6055
|
+
e.value && (e.value.innerHTML = _.iconsRenderedHtml());
|
|
6033
6056
|
};
|
|
6034
|
-
return
|
|
6035
|
-
n(),
|
|
6057
|
+
return $(() => {
|
|
6058
|
+
n(), _.onIconsChanged.add(n);
|
|
6036
6059
|
}), P(() => {
|
|
6037
|
-
|
|
6060
|
+
_.onIconsChanged.remove(n);
|
|
6038
6061
|
}), (s, o) => R((i(), l("svg", {
|
|
6039
6062
|
id: "sv-icon-holder-global-container",
|
|
6040
6063
|
ref_key: "root",
|
|
@@ -6043,7 +6066,7 @@ const Li = /* @__PURE__ */ h({
|
|
|
6043
6066
|
[N, !1]
|
|
6044
6067
|
]);
|
|
6045
6068
|
}
|
|
6046
|
-
}),
|
|
6069
|
+
}), Vi = ["id"], Si = /* @__PURE__ */ h({
|
|
6047
6070
|
__name: "FilePage",
|
|
6048
6071
|
props: {
|
|
6049
6072
|
page: {},
|
|
@@ -6061,9 +6084,9 @@ const Li = /* @__PURE__ */ h({
|
|
|
6061
6084
|
item: o,
|
|
6062
6085
|
question: n.question
|
|
6063
6086
|
}, null, 8, ["item", "question"]))), 128))
|
|
6064
|
-
], 10,
|
|
6087
|
+
], 10, Vi));
|
|
6065
6088
|
}
|
|
6066
|
-
}),
|
|
6089
|
+
}), Ri = ["href", "title", "download"], Bi = ["src"], Zi = ["href", "title", "download"], Ti = /* @__PURE__ */ h({
|
|
6067
6090
|
__name: "FileItem",
|
|
6068
6091
|
props: {
|
|
6069
6092
|
item: {},
|
|
@@ -6084,7 +6107,7 @@ const Li = /* @__PURE__ */ h({
|
|
|
6084
6107
|
title: e.item.name,
|
|
6085
6108
|
download: e.item.name,
|
|
6086
6109
|
style: H({ width: e.question.imageWidth })
|
|
6087
|
-
}, I(e.item.name), 13,
|
|
6110
|
+
}, I(e.item.name), 13, Ri)
|
|
6088
6111
|
], 2)) : p("", !0),
|
|
6089
6112
|
v("div", {
|
|
6090
6113
|
class: r(e.question.getImageWrapperCss(e.item))
|
|
@@ -6097,7 +6120,7 @@ const Li = /* @__PURE__ */ h({
|
|
|
6097
6120
|
width: e.question.imageWidth
|
|
6098
6121
|
}),
|
|
6099
6122
|
alt: "File preview"
|
|
6100
|
-
}, null, 12,
|
|
6123
|
+
}, null, 12, Bi)) : p("", !0),
|
|
6101
6124
|
e.question.defaultImage(e.item) ? (i(), y(d, {
|
|
6102
6125
|
key: 1,
|
|
6103
6126
|
is: "sv-svg-icon",
|
|
@@ -6133,43 +6156,43 @@ const Li = /* @__PURE__ */ h({
|
|
|
6133
6156
|
title: e.item.name,
|
|
6134
6157
|
download: e.item.name,
|
|
6135
6158
|
style: H({ width: e.question.imageWidth })
|
|
6136
|
-
}, I(e.item.name), 13,
|
|
6159
|
+
}, I(e.item.name), 13, Zi)
|
|
6137
6160
|
], 2)) : p("", !0)
|
|
6138
6161
|
], 2)), [
|
|
6139
6162
|
[N, e.item]
|
|
6140
6163
|
]);
|
|
6141
6164
|
}
|
|
6142
6165
|
});
|
|
6143
|
-
|
|
6144
|
-
function
|
|
6166
|
+
xe.platform = "vue3";
|
|
6167
|
+
function $i(u, e, n) {
|
|
6145
6168
|
u(e, n);
|
|
6146
6169
|
}
|
|
6147
|
-
function
|
|
6148
|
-
const e =
|
|
6170
|
+
function Ie(u) {
|
|
6171
|
+
const e = $i.bind(
|
|
6149
6172
|
void 0,
|
|
6150
6173
|
u
|
|
6151
6174
|
);
|
|
6152
|
-
e("sv-svg-bundle",
|
|
6175
|
+
e("sv-svg-bundle", Ii), e("popup-survey", Me), e("survey-header", o1), e("sv-logo-image", Mi), e("survey-page", t1), e("survey-row", i1), e("survey-question", u1), e("survey-panel", v1), e("survey-element-header", c1), e("survey-string", g1), e("sv-string-viewer", h1), e("sv-string-editor", w1), e("sv-skeleton", L1), e("sv-scroll", M1), e("survey-text", S1), e("survey-text-input", Z1), e("survey-checkbox", N1), e("survey-checkbox-item", W1), e("survey-radiogroup", F1), e("survey-radiogroup-item", U1), e("survey-signaturepad", G1), e("survey-html", J1), e("survey-image", es), e("survey-expression", ss), e("survey-file", is), e("sv-file-choose-btn", yi), e("sv-file-clean-btn", vi), e("sv-file-preview", hi), e("sv-file-page", Si), e("sv-file-item", Ti), e("sv-file-video", ci), e("survey-imagepicker", ls), e("survey-imagepicker-item", ps), e("survey-comment", vs), e("survey-dropdown", Cs), e("sv-dropdown-select", hs), e("sv-dropdown-option-item", ws), e("sv-dropdown", Hs), e("survey-tagbox", Ms), e("sv-tagbox", Ss), e("sv-tagbox-item", $s), e("sv-tagbox-filter", Zs), e("survey-ranking", Ds), e("survey-ranking-item", Fs), e("sv-ranking-item", zs), e("survey-rating", Qs), e("sv-rating-item", Gs), e("sv-rating-item-smiley", Ys), e("sv-rating-item-star", en), e("sv-rating-dropdown", rn), e("sv-rating-dropdown-item", on), e("survey-boolean", an), e("sv-boolean-radio", un), e("sv-boolean-radio-item", pn), e("sv-boolean-checkbox", hn), e("survey-multipletext", qn), e("survey-multipletext-item", Ln), e("sv-breadcrumbs", kn), e("sv-single-input-summary", Vn), e("survey-matrix", Dn), e("survey-matrix-row", Nn), e("survey-matrix-cell", Wn), e("survey-matrixdropdown", Fn), e("survey-matrixtable", Un), e("survey-matrixheaderrequired", Kn), e("survey-matrixdropdown-cell", Gn), e("survey-matrixdynamic", Xn), e("survey-placeholder-matrixdynamic", Jn), e("sv-matrix-remove-button", _n), e("sv-matrix-drag-drop-icon", et), e("sv-matrix-detail-button", nt), e("survey-paneldynamic", ot), e("survey-paneldynamicprogress", rt), e("survey-paneldynamicprogress-v2", at), e("survey-placeholder-paneldynamic", ut), e("sv-paneldynamic-add-btn", mt), e("sv-paneldynamic-next-btn", vt), e("sv-paneldynamic-prev-btn", ct), e("sv-paneldynamic-remove-btn", yt), e("sv-paneldynamic-progress-text", ht), e("sv-components-container", ho), e("sv-progress-buttons", Mo), e("sv-navigation-toc", Io), e("sv-progress-pages", Y), e("sv-progress-questions", Y), e("sv-progress-correctquestions", Y), e("sv-progress-requiredquestions", Y), e("survey-errors", wt), e("survey-question-comment", Lt), e("survey-element-title", kt), e("survey-element-title-content", Vt), e("sv-title-actions", Bt), e("sv-brand-info", Pt), e("sv-question-error", zt), e("sv-svg-icon", Ft), e("sv-action-bar", Ot), e("sv-action", Kt), e("sv-action-bar-item", Xt), e("sv-action-bar-item-dropdown", _t), e("sv-action-bar-separator", xt), e("sv-list", to), e("sv-list-item-content", lo), e("sv-list-item-group", ao), e("sv-list-item", ro), e("sv-popup", uo), e("sv-popup-container", go), e("popup-pointer", yo), e("sv-notifier", Po), e("survey-other-choice", Wo), e("sv-nav-btn", zo), e("survey-customwidget", Uo), e("survey-popup-modal", Qo), e("survey-composite", Xo), e("survey-custom", Jo), e("sv-timerpanel", xo), e("sv-loading-indicator", si), e("sv-header", ti), e("sv-header-cell", ri), e("sv-header-mobile", di), e("sv-template-renderer", pi), e("sv-character-counter", Go), e("sv-text-area", jo), e("survey-element", mi), e("survey-buttongroup", qi), e("sv-button-group-item", ki), e("sv-buttongroup-dropdown", fi), e("survey", ae);
|
|
6153
6176
|
}
|
|
6154
|
-
|
|
6155
|
-
(u, e) =>
|
|
6177
|
+
Ie(
|
|
6178
|
+
(u, e) => O.Instance.registerComponent(u, e)
|
|
6156
6179
|
);
|
|
6157
|
-
const
|
|
6180
|
+
const Pi = {
|
|
6158
6181
|
install(u) {
|
|
6159
|
-
u.component("SurveyComponent",
|
|
6160
|
-
u.component(e, n),
|
|
6182
|
+
u.component("SurveyComponent", ae), u.component("PopupSurveyComponent", Me), u.directive("key2click", K), Ie((e, n) => {
|
|
6183
|
+
u.component(e, n), O.Instance.registerComponent(e, e);
|
|
6161
6184
|
});
|
|
6162
6185
|
}
|
|
6163
6186
|
};
|
|
6164
6187
|
export {
|
|
6165
|
-
|
|
6166
|
-
|
|
6167
|
-
|
|
6188
|
+
O as ComponentFactory,
|
|
6189
|
+
Me as PopupSurveyComponent,
|
|
6190
|
+
ae as SurveyComponent,
|
|
6168
6191
|
d as SvComponent,
|
|
6169
6192
|
K as key2ClickDirective,
|
|
6170
|
-
|
|
6193
|
+
Pi as surveyPlugin,
|
|
6171
6194
|
S as useBase,
|
|
6172
|
-
|
|
6173
|
-
|
|
6195
|
+
ne as useComputedArray,
|
|
6196
|
+
Q as useLocString,
|
|
6174
6197
|
B as useQuestion
|
|
6175
6198
|
};
|