survey-creator-vue 2.3.2 → 2.3.4

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "survey-creator-vue",
3
- "version": "2.3.2",
3
+ "version": "2.3.4",
4
4
  "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
5
5
  "keywords": [
6
6
  "Survey",
@@ -21,9 +21,9 @@
21
21
  "url": "https://github.com/surveyjs/survey-creator.git"
22
22
  },
23
23
  "peerDependencies": {
24
- "survey-core": "2.3.2",
25
- "survey-creator-core": "2.3.2",
26
- "survey-vue3-ui": "2.3.2",
24
+ "survey-core": "2.3.4",
25
+ "survey-creator-core": "2.3.4",
26
+ "survey-vue3-ui": "2.3.4",
27
27
  "vue": "^3.2.41"
28
28
  }
29
29
  }
@@ -1,8 +1,8 @@
1
1
  import { useBase as T, SvComponent as u, key2ClickDirective as N, SurveyComponent as O, useQuestion as H, useComputedArray as _e, ComponentFactory as ie } from "survey-vue3-ui";
2
- import { defineComponent as g, computed as $, toRaw as ge, ref as I, onMounted as P, onUnmounted as K, openBlock as a, createElementBlock as i, Fragment as w, createVNode as v, unref as s, createElementVNode as d, normalizeClass as m, normalizeStyle as F, createCommentVNode as p, renderList as V, createBlock as y, onUpdated as G, nextTick as re, withDirectives as C, toDisplayString as k, vShow as Q, withCtx as X, createTextVNode as be, shallowRef as ye, watch as W, onBeforeUnmount as Y, vModelText as de, mergeProps as A, renderSlot as x } from "vue";
2
+ import { defineComponent as g, computed as $, toRaw as ge, ref as I, onMounted as P, onUnmounted as K, openBlock as a, createElementBlock as i, Fragment as w, createVNode as v, unref as s, createElementVNode as d, normalizeClass as m, normalizeStyle as F, createCommentVNode as p, renderList as A, createBlock as y, onUpdated as G, nextTick as re, withDirectives as C, toDisplayString as k, vShow as Q, withCtx as X, createTextVNode as be, shallowRef as ye, watch as W, onBeforeUnmount as Y, vModelText as de, mergeProps as V, renderSlot as x } from "vue";
3
3
  import { editorLocalization as ce, SurveyResultsModel as he, initLogicOperator as Ce, StringEditorViewModelBase as qe, ToolboxToolViewModel as $e, PageAdorner as ke, RowViewModel as fe, QuestionAdornerViewModel as ee, QuestionImageAdornerViewModel as we, QuestionRatingAdornerViewModel as Te, MatrixCellWrapperViewModel as De, ItemValueWrapperViewModel as Ne, ImageItemValueWrapperViewModel as Me, LogoImageViewModel as Se, PageNavigatorViewModel as Be, QuestionDropdownAdornerViewModel as Ie, editableStringRendererName as Ee } from "survey-creator-core";
4
4
  import { CssClassBuilder as Pe, RendererFactory as ue, DropdownListModel as Re } from "survey-core";
5
- const Ve = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element--growing" }, Ae = { class: "svc-top-bar" }, ze = {
5
+ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element--growing" }, Ve = { class: "svc-top-bar" }, ze = {
6
6
  key: 0,
7
7
  class: "svc-tabbed-menu-wrapper"
8
8
  }, Le = ["v-show"], Fe = { class: "svc-creator__content-holder svc-flex-column" }, Ke = ["aria-labelledby", "id"], Ue = {
@@ -48,8 +48,8 @@ const Ve = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
48
48
  "svc-creator__side-bar--left": e.value.sidebarLocation == "left"
49
49
  }])
50
50
  }, [
51
- d("div", Ve, [
52
- d("div", Ae, [
51
+ d("div", Ae, [
52
+ d("div", Ve, [
53
53
  e.value.showTabs ? (a(), i("div", ze, [
54
54
  v(s(u), {
55
55
  is: "svc-tabbed-menu",
@@ -73,7 +73,7 @@ const Ve = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
73
73
  }])
74
74
  }, [
75
75
  d("div", Fe, [
76
- (a(!0), i(w, null, V(e.value.tabs, (l) => (a(), i(w, null, [
76
+ (a(!0), i(w, null, A(e.value.tabs, (l) => (a(), i(w, null, [
77
77
  e.value.viewType == l.id && l.visible ? (a(), i("div", {
78
78
  role: "tabpanel",
79
79
  class: m(["svc-creator-tab", {
@@ -143,7 +143,7 @@ const Ve = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
143
143
  role: "tablist",
144
144
  style: F(o.model.getRootStyle())
145
145
  }, [
146
- (a(!0), i(w, null, V(o.model.renderedActions, (r) => (a(), y(s(u), {
146
+ (a(!0), i(w, null, A(o.model.renderedActions, (r) => (a(), y(s(u), {
147
147
  key: r.renderedId,
148
148
  is: "svc-tabbed-menu-item-wrapper",
149
149
  item: r
@@ -192,7 +192,7 @@ const Ve = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
192
192
  "aria-controls": "scrollableDiv-" + e.item.id,
193
193
  class: m(["svc-tabbed-menu-item", e.item.getRootCss()]),
194
194
  onClick: o[0] || (o[0] = //@ts-ignore
195
- (...n) => e.item.action && e.item.action(...n))
195
+ (...n) => e.item.doAction && e.item.doAction(...n))
196
196
  }, [
197
197
  e.item.hasTitle ? (a(), i("span", {
198
198
  key: 0,
@@ -242,7 +242,7 @@ const Ve = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
242
242
  model: o.model.header.componentModel
243
243
  }, null, 8, ["is", "model"]),
244
244
  d("div", eo, [
245
- (a(!0), i(w, null, V(o.model.pages, (r, l) => (a(), y(s(u), {
245
+ (a(!0), i(w, null, A(o.model.pages, (r, l) => (a(), y(s(u), {
246
246
  key: l,
247
247
  is: "svc-side-bar-page",
248
248
  model: r
@@ -335,7 +335,7 @@ const Ve = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
335
335
  },
336
336
  setup(c) {
337
337
  const t = c;
338
- return T(() => t.model), (e, o) => (a(!0), i(w, null, V(e.model.actions, (n, r) => (a(), y(s(u), {
338
+ return T(() => t.model), (e, o) => (a(!0), i(w, null, A(e.model.actions, (n, r) => (a(), y(s(u), {
339
339
  key: r,
340
340
  is: "svc-tab-button",
341
341
  model: n
@@ -449,7 +449,7 @@ const Ve = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
449
449
  ])) : p("", !0)
450
450
  ]));
451
451
  }
452
- }), Ro = { class: "svc-sidebar__header svc-sidebar__header--tabbed" }, Vo = { class: "svc-sidebar__header-container svc-sidebar__header-container--with-subtitle" }, Ao = { class: "svc-sidebar__header-content" }, zo = { class: "svc-sidebar__header-caption" }, Lo = { class: "svc-sidebar__header-title" }, Fo = { class: "svc-sidebar__header-subtitle" }, Ko = /* @__PURE__ */ g({
452
+ }), Ro = { class: "svc-sidebar__header svc-sidebar__header--tabbed" }, Ao = { class: "svc-sidebar__header-container svc-sidebar__header-container--with-subtitle" }, Vo = { class: "svc-sidebar__header-content" }, zo = { class: "svc-sidebar__header-caption" }, Lo = { class: "svc-sidebar__header-title" }, Fo = { class: "svc-sidebar__header-subtitle" }, Ko = /* @__PURE__ */ g({
453
453
  __name: "SideBarPropertyGridHeader",
454
454
  props: {
455
455
  model: {}
@@ -457,8 +457,8 @@ const Ve = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
457
457
  setup(c) {
458
458
  const t = c;
459
459
  return T(() => t.model), (e, o) => (a(), i("div", Ro, [
460
- d("div", Vo, [
461
- d("div", Ao, [
460
+ d("div", Ao, [
461
+ d("div", Vo, [
462
462
  C((a(), i("div", {
463
463
  class: m(e.model.buttonClassName),
464
464
  onClick: o[0] || (o[0] = (n) => e.model.action())
@@ -806,7 +806,7 @@ const us = {
806
806
  ])
807
807
  ]),
808
808
  d("tbody", null, [
809
- (a(!0), i(w, null, V(s(e).resultData, (r, l) => (a(), y(s(u), {
809
+ (a(!0), i(w, null, A(s(e).resultData, (r, l) => (a(), y(s(u), {
810
810
  is: "survey-results-table-row",
811
811
  model: r,
812
812
  key: l
@@ -861,7 +861,7 @@ const us = {
861
861
  ])), [
862
862
  [s(N)]
863
863
  ]),
864
- e.model.isNode && !e.model.collapsed ? (a(!0), i(w, { key: 0 }, V(e.model.data, (n, r) => (a(), y(s(u), {
864
+ e.model.isNode && !e.model.collapsed ? (a(!0), i(w, { key: 0 }, A(e.model.data, (n, r) => (a(), y(s(u), {
865
865
  is: "survey-results-table-row",
866
866
  model: n,
867
867
  key: r + 1
@@ -928,7 +928,7 @@ const us = {
928
928
  ])
929
929
  ]));
930
930
  }
931
- }), Es = { class: "svc-json-error__container" }, Ps = { class: "svc-json-error__title" }, Rs = ["title", "aria-label"], Vs = /* @__PURE__ */ g({
931
+ }), Es = { class: "svc-json-error__container" }, Ps = { class: "svc-json-error__title" }, Rs = ["title", "aria-label"], As = /* @__PURE__ */ g({
932
932
  __name: "JsonEditorErrorItem",
933
933
  props: {
934
934
  item: {}
@@ -972,7 +972,7 @@ const us = {
972
972
  ])
973
973
  ], 64));
974
974
  }
975
- }), As = { class: "svc-btn__text" }, te = /* @__PURE__ */ g({
975
+ }), Vs = { class: "svc-btn__text" }, te = /* @__PURE__ */ g({
976
976
  __name: "LogicAddButton",
977
977
  props: {
978
978
  model: {}
@@ -990,7 +990,7 @@ const us = {
990
990
  }]),
991
991
  onClick: e
992
992
  }, [
993
- d("span", As, k(o.model.title), 1)
993
+ d("span", Vs, k(o.model.title), 1)
994
994
  ], 2)), [
995
995
  [s(N)]
996
996
  ]);
@@ -1807,7 +1807,7 @@ const Tt = /* @__PURE__ */ g({
1807
1807
  }), Rt = {
1808
1808
  key: 0,
1809
1809
  class: "svc-toolbox__search-container"
1810
- }, Vt = /* @__PURE__ */ d("div", { class: "svc-toolbox__category-separator svc-toolbox__category-separator--search" }, null, -1), At = {
1810
+ }, At = /* @__PURE__ */ d("div", { class: "svc-toolbox__category-separator svc-toolbox__category-separator--search" }, null, -1), Vt = {
1811
1811
  key: 1,
1812
1812
  class: "svc-toolbox__placeholder"
1813
1813
  }, zt = {
@@ -1851,19 +1851,19 @@ const Tt = /* @__PURE__ */ g({
1851
1851
  is: "svc-search",
1852
1852
  model: e.value.searchManager
1853
1853
  }, null, 8, ["model"]),
1854
- Vt
1854
+ At
1855
1855
  ])) : p("", !0),
1856
- e.value.showPlaceholder ? (a(), i("div", At, k(e.value.toolboxNoResultsFound), 1)) : p("", !0),
1856
+ e.value.showPlaceholder ? (a(), i("div", Vt, k(e.value.toolboxNoResultsFound), 1)) : p("", !0),
1857
1857
  v(s(u), { is: "sv-scroll" }, {
1858
1858
  default: X(() => [
1859
- e.value.showInSingleCategory ? p("", !0) : (a(!0), i(w, { key: 0 }, V(e.value.categories, (_, q) => (a(), y(s(u), {
1859
+ e.value.showInSingleCategory ? p("", !0) : (a(!0), i(w, { key: 0 }, A(e.value.categories, (_, q) => (a(), y(s(u), {
1860
1860
  is: "svc-toolbox-category",
1861
1861
  key: q,
1862
1862
  category: _,
1863
1863
  toolbox: e.value
1864
1864
  }, null, 8, ["category", "toolbox"]))), 128)),
1865
1865
  e.value.showInSingleCategory ? (a(), i("div", zt, [
1866
- (a(!0), i(w, null, V(n.value, (_) => (a(), y(s(u), {
1866
+ (a(!0), i(w, null, A(n.value, (_) => (a(), y(s(u), {
1867
1867
  key: _.renderedId,
1868
1868
  is: "svc-toolbox-tool",
1869
1869
  creator: r.model,
@@ -1967,7 +1967,7 @@ const Tt = /* @__PURE__ */ g({
1967
1967
  ]),
1968
1968
  t.isCompact ? p("", !0) : (a(), i("span", Ht, k(t.item.title), 1))
1969
1969
  ], 10, Ut)), [
1970
- [s(N)]
1970
+ [s(N), { disableTabStop: !t.viewModel.toolboxItem.enabled }]
1971
1971
  ]),
1972
1972
  t.isCompact ? (a(), i("span", {
1973
1973
  key: 0,
@@ -2060,7 +2060,7 @@ const Tt = /* @__PURE__ */ g({
2060
2060
  [s(N)]
2061
2061
  ])
2062
2062
  ]),
2063
- (a(!0), i(w, null, V(e.category.items, (n) => (a(), y(s(u), {
2063
+ (a(!0), i(w, null, A(e.category.items, (n) => (a(), y(s(u), {
2064
2064
  is: "svc-toolbox-tool",
2065
2065
  item: n,
2066
2066
  key: n.renderedId,
@@ -2081,7 +2081,7 @@ const Tt = /* @__PURE__ */ g({
2081
2081
  return T(() => t.model), (o, n) => (a(), i("div", {
2082
2082
  class: m(o.model.cssClasses.root)
2083
2083
  }, [
2084
- (a(!0), i(w, null, V(s(e), (r, l) => (a(), y(s(u), {
2084
+ (a(!0), i(w, null, A(s(e), (r, l) => (a(), y(s(u), {
2085
2085
  key: l,
2086
2086
  is: "svc-toolbox-tool",
2087
2087
  creator: o.creator,
@@ -2173,7 +2173,7 @@ const Tt = /* @__PURE__ */ g({
2173
2173
  survey: o.model.creator.survey
2174
2174
  }, null, 8, ["survey"])
2175
2175
  ])) : p("", !0),
2176
- o.model.creator.pageEditMode !== "bypage" ? (a(!0), i(w, { key: 1 }, V(o.model.pages, (r) => (a(), i("div", {
2176
+ o.model.creator.pageEditMode !== "bypage" ? (a(!0), i(w, { key: 1 }, A(o.model.pages, (r) => (a(), i("div", {
2177
2177
  key: r.id,
2178
2178
  class: "svc-page",
2179
2179
  "data-sv-drop-target-survey-element": r != o.model.newPage ? r.name : "newGhostPage",
@@ -2300,7 +2300,7 @@ const Tt = /* @__PURE__ */ g({
2300
2300
  class: "svc-question__drag-area",
2301
2301
  onPointerdown: l[0] || (l[0] = (_) => s(o).onPointerDown(_))
2302
2302
  }, [
2303
- v(s(u), A({
2303
+ v(s(u), V({
2304
2304
  is: "sv-svg-icon",
2305
2305
  class: "svc-question__drag-element"
2306
2306
  }, {
@@ -2403,7 +2403,7 @@ const Tt = /* @__PURE__ */ g({
2403
2403
  "aria-label": e.questionTypeSelectorModel.title,
2404
2404
  class: "svc-element__question-type-selector"
2405
2405
  }, [
2406
- v(s(u), A({
2406
+ v(s(u), V({
2407
2407
  is: "sv-svg-icon",
2408
2408
  class: "svc-element__question-type-selector-icon"
2409
2409
  }, {
@@ -2448,7 +2448,7 @@ const Tt = /* @__PURE__ */ g({
2448
2448
  }), Nn = ["data-sv-drop-target-survey-element"], Mn = { class: "svc-fake-title" }, Sn = /* @__PURE__ */ d("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--left" }, null, -1), Bn = /* @__PURE__ */ d("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--right" }, null, -1), In = /* @__PURE__ */ d("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--top" }, null, -1), En = /* @__PURE__ */ d("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }, null, -1), Pn = { class: "svc-question__top-actions" }, Rn = {
2449
2449
  key: 0,
2450
2450
  class: "svc-panel__placeholder_frame-wrapper"
2451
- }, Vn = { class: "svc-panel__placeholder_frame" }, An = {
2451
+ }, An = { class: "svc-panel__placeholder_frame" }, Vn = {
2452
2452
  class: "svc-panel__placeholder",
2453
2453
  "data-bind": "text: placeholderText"
2454
2454
  }, oe = /* @__PURE__ */ g({
@@ -2522,7 +2522,7 @@ const Tt = /* @__PURE__ */ g({
2522
2522
  class: "svc-question__drag-area",
2523
2523
  onPointerdown: _[0] || (_[0] = (q) => s(o).onPointerDown(q))
2524
2524
  }, [
2525
- v(s(u), A({
2525
+ v(s(u), V({
2526
2526
  is: "sv-svg-icon",
2527
2527
  class: "svc-question__drag-element"
2528
2528
  }, {
@@ -2545,11 +2545,11 @@ const Tt = /* @__PURE__ */ g({
2545
2545
  componentData: l.componentData
2546
2546
  }, null, 8, ["componentName", "componentData"]),
2547
2547
  s(o).isEmptyElement && !l.showPlaceholderComponent ? (a(), i("div", Rn, [
2548
- d("div", Vn, [
2549
- d("div", An, k(s(o).placeholderText), 1)
2548
+ d("div", An, [
2549
+ d("div", Vn, k(s(o).placeholderText), 1)
2550
2550
  ])
2551
2551
  ])) : p("", !0),
2552
- s(o).isEmptyElement && l.showPlaceholderComponent ? (a(), y(s(u), A(
2552
+ s(o).isEmptyElement && l.showPlaceholderComponent ? (a(), y(s(u), V(
2553
2553
  {
2554
2554
  key: 1,
2555
2555
  is: l.placeholderComponent
@@ -2817,7 +2817,7 @@ const Tt = /* @__PURE__ */ g({
2817
2817
  );
2818
2818
  return T(() => e.value), (o, n) => (a(), i("div", Xn, [
2819
2819
  d("div", Yn, [
2820
- v(s(u), A({ is: o.componentName }, o.componentData), null, 16, ["is"])
2820
+ v(s(u), V({ is: o.componentName }, o.componentData), null, 16, ["is"])
2821
2821
  ])
2822
2822
  ]));
2823
2823
  }
@@ -2899,7 +2899,7 @@ const Tt = /* @__PURE__ */ g({
2899
2899
  ])
2900
2900
  ], 32)) : p("", !0),
2901
2901
  s(e).needToRenderContent ? (a(), i(w, { key: 1 }, [
2902
- v(s(u), A({ is: n.componentName }, n.componentData), null, 16, ["is"]),
2902
+ v(s(u), V({ is: n.componentName }, n.componentData), null, 16, ["is"]),
2903
2903
  s(e).isEmptyElement ? (a(), i("div", ia, [
2904
2904
  d("div", ra, [
2905
2905
  d("div", da, k(s(e).placeholderText), 1),
@@ -3045,7 +3045,7 @@ const Tt = /* @__PURE__ */ g({
3045
3045
  class: "svc-item-value__item",
3046
3046
  onClick: b[3] || (b[3] = (f) => s(_).select(s(_), f))
3047
3047
  }, [
3048
- v(s(u), A({ is: q.componentName }, q.componentData), null, 16, ["is"])
3048
+ v(s(u), V({ is: q.componentName }, q.componentData), null, 16, ["is"])
3049
3049
  ])
3050
3050
  ], 42, _a));
3051
3051
  }
@@ -3120,7 +3120,7 @@ const Tt = /* @__PURE__ */ g({
3120
3120
  }, null, 8, fa),
3121
3121
  !s(l).isNew && !s(l).isUploading ? (a(), i(w, { key: 0 }, [
3122
3122
  s(l).isNew ? p("", !0) : (a(), i("div", wa, [
3123
- v(s(u), A({ is: b.componentName }, b.componentData), null, 16, ["is"])
3123
+ v(s(u), V({ is: b.componentName }, b.componentData), null, 16, ["is"])
3124
3124
  ])),
3125
3125
  s(l).isDraggable && s(l).canRenderControls ? (a(), i("span", {
3126
3126
  key: 1,
@@ -3241,13 +3241,13 @@ const Tt = /* @__PURE__ */ g({
3241
3241
  return (r, l) => (a(), i("div", {
3242
3242
  style: F(t.style)
3243
3243
  }, [
3244
- v(s(u), A({ is: o.value }, n.value), null, 16, ["is"])
3244
+ v(s(u), V({ is: o.value }, n.value), null, 16, ["is"])
3245
3245
  ], 4));
3246
3246
  }
3247
- }), Ra = ["accept"], Va = /* @__PURE__ */ d("svg", null, [
3247
+ }), Ra = ["accept"], Aa = /* @__PURE__ */ d("svg", null, [
3248
3248
  /* @__PURE__ */ d("use", { "xlink:href": "#icon-image-48x48" })
3249
- ], -1), Aa = [
3250
- Va
3249
+ ], -1), Va = [
3250
+ Aa
3251
3251
  ], za = { class: "svc-context-container svc-logo-image-controls" }, La = {
3252
3252
  key: 2,
3253
3253
  class: "svc-logo-image__loading"
@@ -3292,7 +3292,7 @@ const Tt = /* @__PURE__ */ g({
3292
3292
  key: 0,
3293
3293
  class: "svc-logo-image-placeholder",
3294
3294
  onClick: b[0] || (b[0] = (f) => s(r).chooseFile(s(r)))
3295
- }, Aa)), [
3295
+ }, Va)), [
3296
3296
  [s(N)]
3297
3297
  ]) : p("", !0)
3298
3298
  ], 64)),
@@ -3343,7 +3343,7 @@ const Tt = /* @__PURE__ */ g({
3343
3343
  }), Ka = {
3344
3344
  key: 0,
3345
3345
  class: "svc-search"
3346
- }, Ua = { class: "svc-search__search-icon" }, Qa = ["aria-label", "placeholder"], Ha = { class: "svc-search__toolbar" }, Oa = { class: "svc-search__toolbar-counter" }, Ga = /* @__PURE__ */ g({
3346
+ }, Ua = { class: "svc-search__search-icon" }, Qa = ["aria-label", "placeholder", "tabindex"], Ha = { class: "svc-search__toolbar" }, Oa = { class: "svc-search__toolbar-counter" }, Ga = /* @__PURE__ */ g({
3347
3347
  __name: "Search",
3348
3348
  props: {
3349
3349
  model: {}
@@ -3371,7 +3371,8 @@ const Tt = /* @__PURE__ */ g({
3371
3371
  class: "svc-search__input",
3372
3372
  "onUpdate:modelValue": n[0] || (n[0] = (r) => e.value = r),
3373
3373
  "aria-label": o.model.filterStringPlaceholder,
3374
- placeholder: o.model.filterStringPlaceholder
3374
+ placeholder: o.model.filterStringPlaceholder,
3375
+ tabindex: o.model.getTabIndex()
3375
3376
  }, null, 8, Qa), [
3376
3377
  [de, e.value]
3377
3378
  ]),
@@ -3432,7 +3433,7 @@ const Tt = /* @__PURE__ */ g({
3432
3433
  }, null, 8, ["model"])
3433
3434
  ]),
3434
3435
  d("div", null, [
3435
- (a(!0), i(w, null, V(s(e).visibleItems, (l) => (a(), y(s(u), {
3436
+ (a(!0), i(w, null, A(s(e).visibleItems, (l) => (a(), y(s(u), {
3436
3437
  is: "svc-page-navigator-item",
3437
3438
  key: l.id,
3438
3439
  model: l
@@ -3497,11 +3498,11 @@ const Tt = /* @__PURE__ */ g({
3497
3498
  return (n, r) => (a(), i("div", tl, [
3498
3499
  d("div", null, [
3499
3500
  d("div", nl, [
3500
- (a(!0), i(w, null, V(n.model.getRenderedItems(), (l) => (a(), i("div", {
3501
+ (a(!0), i(w, null, A(n.model.getRenderedItems(), (l) => (a(), i("div", {
3501
3502
  key: l.value,
3502
3503
  class: m(n.model.getChoiceCss())
3503
3504
  }, [
3504
- v(s(u), A({
3505
+ v(s(u), V({
3505
3506
  is: e(l)
3506
3507
  }, o(l)), null, 16, ["is"])
3507
3508
  ], 2))), 128))
@@ -3555,13 +3556,13 @@ const Tt = /* @__PURE__ */ g({
3555
3556
  });
3556
3557
  return T(() => e.value), (r, l) => (a(), i("div", il, [
3557
3558
  d("div", rl, [
3558
- v(s(u), A({ is: r.componentName }, r.componentData), null, 16, ["is"]),
3559
+ v(s(u), V({ is: r.componentName }, r.componentData), null, 16, ["is"]),
3559
3560
  d("div", dl, [
3560
- (a(!0), i(w, null, V(e.value.visibleChoices, (_) => (a(), i("div", {
3561
+ (a(!0), i(w, null, A(e.value.visibleChoices, (_) => (a(), i("div", {
3561
3562
  key: _.value,
3562
3563
  class: "svc-question__dropdown-choice"
3563
3564
  }, [
3564
- v(s(u), A({
3565
+ v(s(u), V({
3565
3566
  is: o(_)
3566
3567
  }, n(_)), null, 16, ["is"])
3567
3568
  ]))), 128))
@@ -3634,7 +3635,7 @@ const Tt = /* @__PURE__ */ g({
3634
3635
  })
3635
3636
  ], 32)) : p("", !0),
3636
3637
  d("div", gl, [
3637
- v(s(u), A({ is: n.componentName }, n.componentData), null, 16, ["is"])
3638
+ v(s(u), V({ is: n.componentName }, n.componentData), null, 16, ["is"])
3638
3639
  ]),
3639
3640
  s(o).isEmptyElement ? (a(), i("div", bl, hl)) : p("", !0),
3640
3641
  d("div", Cl, [
@@ -3648,7 +3649,7 @@ const Tt = /* @__PURE__ */ g({
3648
3649
  [s(N)]
3649
3650
  ]) : p("", !0),
3650
3651
  s(o).element.isInteractiveDesignElement ? p("", !0) : (a(), i(w, { key: 1 }, [
3651
- v(s(u), A({ is: n.componentName }, n.componentData), null, 16, ["is"]),
3652
+ v(s(u), V({ is: n.componentName }, n.componentData), null, 16, ["is"]),
3652
3653
  s(o).isEmptyElement ? (a(), i("div", ql, [
3653
3654
  d("div", $l, k(s(o).placeholderText), 1)
3654
3655
  ])) : p("", !0)
@@ -3683,7 +3684,7 @@ function pe(c) {
3683
3684
  void 0,
3684
3685
  c
3685
3686
  );
3686
- t("svc-tabbed-menu", We), t("svc-tabbed-menu-item-wrapper", Je), t("svc-tabbed-menu-item", Xe), t("svc-side-bar", oo), t("svc-side-bar-default-header", ao), t("svc-side-bar-page", lo), t("svc-tabs", co), t("svc-tab-control", bo), t("svc-tab-button", $o), t("svc-property-grid-placeholder", No), t("svc-side-bar-header", Po), t("svc-side-bar-property-grid-header", Ko), t("svc-property-grid", ro), t("svc-object-selector", io), t("svc-search", Ga), t("svc-switcher", xo), t("svc-action-button", Wo), t("svc-question-error", Uo), t("survey-embeddedsurvey", Hs), t("sv-logic-operator", Qs), t("survey-linkvalue", Os), t("survey-color", rt), t("color-item", dt), t("sv-boolean-switch", Tt), t("survey-fileedit", mt), t("survey-spinedit", yt), t("survey-textwithreset", ne), t("survey-commentwithreset", ne), t("survey-widget", O), t("survey-simulator", ss), t("svc-tab-preview", rs), t("svc-complete-page", cs), t("survey-results", qs), t("survey-results-table-row", ks), t("json-error-item", Vs), t("svc-tab-json-editor-textarea", Is), t("svc-tab-json-editor-ace", Ds), t("svc-tab-translation", Zs), t("sd-translation-line-skeleton", ot), t("svc-translate-from-action", st), t("svc-tab-logic", Fs), t("svc-tab-theme", at), t("svc-toolbox", Lt), t("svc-toolbox-list", Xt), t("svc-toolbox-category", Zt), t("svc-toolbox-tool", Kt), t("svc-toolbox-item", Ot), t("svc-toolbox-item-group", Gt), t(Ee, Pt), t("svc-tab-designer", cn), t("svc-page-navigator", ja), t("svc-page-navigator-item", sl), t("svc-page", Cn), t("svc-row", Dn), t("svc-add-new-question-btn", $n), t("svc-add-question-type-selector", fn), t("svc-question", ae), t("svc-rating-question", ae), t("svc-rating-question-content", jn), t("svc-image-question", zn), t("svc-image-question-adorner", Hn), t("svc-matrix-cell", Zn), t("svc-cell-question", xn), t("svc-cell-dropdown-question", cl), t("svc-question-editor-content", Pa), t("svc-logo-image", Fa), t("svc-panel", ma), t("svc-item-value", qa), t("svc-image-item-value", Ea), t("svc-dropdown-question", ll), t("svc-dropdown-question-adorner", al), t("svc-widget-question", kl), t("svc-question-banner", Dl);
3687
+ t("svc-tabbed-menu", We), t("svc-tabbed-menu-item-wrapper", Je), t("svc-tabbed-menu-item", Xe), t("svc-side-bar", oo), t("svc-side-bar-default-header", ao), t("svc-side-bar-page", lo), t("svc-tabs", co), t("svc-tab-control", bo), t("svc-tab-button", $o), t("svc-property-grid-placeholder", No), t("svc-side-bar-header", Po), t("svc-side-bar-property-grid-header", Ko), t("svc-property-grid", ro), t("svc-object-selector", io), t("svc-search", Ga), t("svc-switcher", xo), t("svc-action-button", Wo), t("svc-question-error", Uo), t("survey-embeddedsurvey", Hs), t("sv-logic-operator", Qs), t("survey-linkvalue", Os), t("survey-color", rt), t("color-item", dt), t("sv-boolean-switch", Tt), t("survey-fileedit", mt), t("survey-spinedit", yt), t("survey-textwithreset", ne), t("survey-commentwithreset", ne), t("survey-widget", O), t("survey-simulator", ss), t("svc-tab-preview", rs), t("svc-complete-page", cs), t("survey-results", qs), t("survey-results-table-row", ks), t("json-error-item", As), t("svc-tab-json-editor-textarea", Is), t("svc-tab-json-editor-ace", Ds), t("svc-tab-translation", Zs), t("sd-translation-line-skeleton", ot), t("svc-translate-from-action", st), t("svc-tab-logic", Fs), t("svc-tab-theme", at), t("svc-toolbox", Lt), t("svc-toolbox-list", Xt), t("svc-toolbox-category", Zt), t("svc-toolbox-tool", Kt), t("svc-toolbox-item", Ot), t("svc-toolbox-item-group", Gt), t(Ee, Pt), t("svc-tab-designer", cn), t("svc-page-navigator", ja), t("svc-page-navigator-item", sl), t("svc-page", Cn), t("svc-row", Dn), t("svc-add-new-question-btn", $n), t("svc-add-question-type-selector", fn), t("svc-question", ae), t("svc-rating-question", ae), t("svc-rating-question-content", jn), t("svc-image-question", zn), t("svc-image-question-adorner", Hn), t("svc-matrix-cell", Zn), t("svc-cell-question", xn), t("svc-cell-dropdown-question", cl), t("svc-question-editor-content", Pa), t("svc-logo-image", Fa), t("svc-panel", ma), t("svc-item-value", qa), t("svc-image-item-value", Ea), t("svc-dropdown-question", ll), t("svc-dropdown-question-adorner", al), t("svc-widget-question", kl), t("svc-question-banner", Dl);
3687
3688
  }
3688
3689
  pe(
3689
3690
  (c, t) => ie.Instance.registerComponent(c, t)
@@ -1,2 +1,2 @@
1
- (function(y,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("survey-vue3-ui"),require("vue"),require("survey-creator-core"),require("survey-core")):typeof define=="function"&&define.amd?define(["exports","survey-vue3-ui","vue","survey-creator-core","survey-core"],l):(y=typeof globalThis<"u"?globalThis:y||self,l(y.SurveyCreatorVue={},y.SurveyVue,y.Vue,y.SurveyCreatorCore,y.Survey))})(this,function(y,l,e,B,q){"use strict";const F={class:"svc-flex-column svc-flex-row__element svc-flex-row__element--growing"},L={class:"svc-top-bar"},A={key:0,class:"svc-tabbed-menu-wrapper"},Q=["v-show"],K={class:"svc-creator__content-holder svc-flex-column"},H=["aria-labelledby","id"],O={key:0,class:"svc-footer-bar"},G=["v-show"],W={key:0,class:"svc-creator__banner"},j=["innerHTML"],V=e.defineComponent({__name:"Creator",props:{model:{}},setup(i){const n=i,o=e.computed(()=>e.toRaw(n.model)),t=e.ref();return l.useBase(()=>o.value,(s,r)=>{r&&r.unsubscribeRootElement(),s&&t.value&&s.setRootElement(t.value)}),e.onMounted(()=>{t.value&&n.model.setRootElement(t.value)}),e.onUnmounted(()=>{n.model.unsubscribeRootElement()}),(s,r)=>o.value.isCreatorDisposed?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(l.SvComponent),{is:"survey-popup-modal"}),e.createElementVNode("div",{class:e.normalizeClass(o.value.getRootCss()),style:e.normalizeStyle(o.value.themeVariables),ref_key:"root",ref:t},[e.createElementVNode("div",null,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-bundle"})]),e.createElementVNode("div",{class:e.normalizeClass(["svc-full-container svc-creator__area svc-flex-column",{"svc-creator__area--with-banner":!o.value.haveCommercialLicense}])},[e.createElementVNode("div",{class:e.normalizeClass(["svc-flex-row svc-full-container",{"svc-creator__side-bar--left":o.value.sidebarLocation=="left"}])},[e.createElementVNode("div",F,[e.createElementVNode("div",L,[o.value.showTabs?(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(e.unref(l.SvComponent),{is:"svc-tabbed-menu",model:o.value.tabbedMenu},null,8,["model"])])):e.createCommentVNode("",!0),o.value.showToolbar?(e.openBlock(),e.createElementBlock("div",{key:1,class:"svc-toolbar-wrapper","v-show":o.value.showToolbar},[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:o.value.toolbar},null,8,["model"])],8,Q)):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:e.normalizeClass(["svc-creator__content-wrapper svc-flex-row",{"svc-creator__content-wrapper--footer-toolbar":o.value.isMobileView}])},[e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value.tabs,a=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o.value.viewType==a.id&&a.visible?(e.openBlock(),e.createElementBlock("div",{role:"tabpanel",class:e.normalizeClass(["svc-creator-tab",{"svc-creator__toolbox--right":o.value.toolboxLocation=="right"}]),key:a.id,"aria-labelledby":"tab-"+a.id,id:"scrollableDiv-"+a.id},[e.createVNode(e.unref(l.SvComponent),{is:a.componentContent,model:a.data.model},null,8,["is","model"])],10,H)):e.createCommentVNode("",!0)],64))),256))])],2),o.value.isMobileView?(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("div",{class:"svc-toolbar-wrapper","v-show":o.value.isMobileView},[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:o.value.footerToolbar},null,8,["model"])],8,G)])):e.createCommentVNode("",!0)]),o.value.sidebar?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"svc-side-bar",model:o.value.sidebar},null,8,["model"])):e.createCommentVNode("",!0)],2),o.value.haveCommercialLicense?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",W,[e.createElementVNode("span",{class:"svc-creator__non-commercial-text",innerHTML:o.value.licenseText},null,8,j)])),e.createVNode(e.unref(l.SvComponent),{is:"sv-notifier",model:o.value.notifier},null,8,["model"])],2)],6)],64))}}),J=e.defineComponent({__name:"TabbedMenu",props:{model:{}},setup(i){const n=i,o=e.ref();return l.useBase(()=>n.model),e.onUpdated(()=>{n.model.initResponsivityManager(o.value)}),e.onMounted(()=>{n.model.initResponsivityManager(o.value)}),e.onUnmounted(()=>{n.model.resetResponsivityManager()}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:"svc-tabbed-menu",ref_key:"container",ref:o,role:"tablist",style:e.normalizeStyle(t.model.getRootStyle())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.model.renderedActions,r=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:r.renderedId,is:"svc-tabbed-menu-item-wrapper",item:r},null,8,["item"]))),128))],4))}}),Z={class:"sv-action__content"},X=e.defineComponent({__name:"TabbedMenuItemWrapper",props:{item:{}},setup(i){const n=e.ref(),o=i;return l.useBase(()=>o.item),e.onMounted(()=>{const t=o.item;t.updateModeCallback=(s,r)=>{t.mode=s,e.nextTick(()=>r(s,n.value))},t.afterRender()}),e.onUnmounted(()=>{const t=o.item;t.updateModeCallback=void 0}),(t,s)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["svc-tabbed-menu-item-container",[t.item.isVisible?"":"sv-action--hidden",t.item.css]]),ref_key:"root",ref:n},[e.createElementVNode("div",Z,[e.createVNode(e.unref(l.SvComponent),{is:t.item.component||"svc-tabbed-menu-item",item:t.item},null,8,["is","item"])])],2))}}),Y=["id","aria-selected","aria-controls"],x=e.defineComponent({__name:"TabbedMenuItem",props:{item:{}},setup(i){const n=i;return l.useBase(()=>n.item),(o,t)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{role:"tab",id:"tab-"+o.item.id,"aria-selected":o.item.active,"aria-controls":"scrollableDiv-"+o.item.id,class:e.normalizeClass(["svc-tabbed-menu-item",o.item.getRootCss()]),onClick:t[0]||(t[0]=(...s)=>o.item.action&&o.item.action(...s))},[o.item.hasTitle?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(o.item.getTitleCss())},e.toDisplayString(o.item.title),3)):e.createCommentVNode("",!0),o.item.hasIcon?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:1,is:"sv-svg-icon",iconName:o.item.iconName,size:"auto",class:e.normalizeClass(o.item.getIconCss()),title:o.item.tooltip||o.item.title},null,8,["iconName","class","title"])):e.createCommentVNode("",!0)],10,Y)),[[e.unref(l.key2ClickDirective)]])}}),U={class:"svc-flex-row svc-side-bar__wrapper"},v={class:"svc-side-bar__container-wrapper"},ee={class:"svc-side-bar__container-content"},oe=e.defineComponent({__name:"SideBar",props:{model:{}},setup(i){const n=i,o=e.ref();return l.useBase(()=>n.model),e.onMounted(()=>{n.model.initResizeManager(o.value)}),e.onUnmounted(()=>{n.model.resetResizeManager()}),(t,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-side-bar",t.model.rootCss])},[e.withDirectives(e.createElementVNode("div",{class:"svc-side-bar__shadow",onClick:s[0]||(s[0]=()=>t.model.collapseSidebar())},null,512),[[e.vShow,t.model.renderContainer]]),e.createElementVNode("div",U,[e.withDirectives(e.createElementVNode("div",v,[e.createElementVNode("div",{class:"svc-side-bar__container",ref_key:"root",ref:o},[e.createVNode(e.unref(l.SvComponent),{is:t.model.header.component,model:t.model.header.componentModel},null,8,["is","model"]),e.createElementVNode("div",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.model.pages,(r,a)=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:a,is:"svc-side-bar-page",model:r},null,8,["model"]))),128))])],512)],512),[[e.vShow,t.model.renderContainer]]),t.model.sideAreaComponentName?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:t.model.sideAreaComponentName,model:t.model.sideAreaComponentData},null,8,["is","model"])):e.createCommentVNode("",!0)])],2)),[[e.vShow,t.model.renderRoot]])}}),te={class:"svc-side-bar__container-header"},ne={class:"svc-side-bar__container-actions"},se={key:0,class:"svc-side-bar__container-title"},le=e.defineComponent({__name:"SideBarDefaultHeader",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("div",ne,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:o.model.toolbar},null,8,["model"])]),o.model.title?(e.openBlock(),e.createElementBlock("div",se,e.toDisplayString(o.model.title),1)):e.createCommentVNode("",!0)]))}}),ae=e.defineComponent({__name:"SideBarPage",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>o.model.visible?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:o.model.componentName,model:o.model.componentData},null,8,["is","model"])):e.createCommentVNode("",!0)}}),re=e.defineComponent({__name:"ObjectSelector",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>o.model.isVisible?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"sv-list",model:o.model.list},null,8,["model"])):e.createCommentVNode("",!0)}}),ie=e.defineComponent({__name:"PropertyGrid",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.model.rootCss)},[e.createVNode(e.unref(l.SvComponent),{is:"svc-search",model:o.model.searchManager},null,8,["model"]),o.model.survey?(e.openBlock(),e.createBlock(e.unref(l.SurveyComponent),{key:0,survey:o.model.survey},null,8,["survey"])):e.createCommentVNode("",!0)],2))}}),ce=e.defineComponent({__name:"Tabs",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.model.actions,(s,r)=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:r,is:"svc-tab-button",model:s},null,8,["model"]))),128))}}),de={class:"svc-sidebar-tabs__top-container"},me={class:"svc-sidebar-tabs__collapse-button"},pe=e.createElementVNode("div",{class:"svc-sidebar-tabs__separator"},[e.createElementVNode("div")],-1),ke={class:"svc-sidebar-tabs__items"},fe={class:"svc-sidebar-tabs__bottom-container"},_e={class:"svc-sidebar-tabs__items"},Ce=e.defineComponent({__name:"TabControl",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.model.sideBarClassName)},[e.createElementVNode("div",de,[e.createElementVNode("div",me,[e.createVNode(e.unref(l.SvComponent),{is:"svc-tab-button",model:o.model.expandCollapseAction},null,8,["model"])]),pe,e.createVNode(e.unref(l.SvComponent),{is:"sv-scroll"},{default:e.withCtx(()=>[e.createElementVNode("div",ke,[e.createVNode(e.unref(l.SvComponent),{is:"svc-tabs",model:o.model.topToolbar},null,8,["model"])])]),_:1})]),e.createElementVNode("div",fe,[e.createElementVNode("div",_e,[e.createVNode(e.unref(l.SvComponent),{is:"svc-tabs",model:o.model.bottomToolbar},null,8,["model"])])])],2))}}),ge={key:0,class:"svc-menu-action"},be=["title"],Be={class:"svc-menu-action__icon"},Ne={class:"svc-menu-action__icon-container"},he=e.defineComponent({__name:"TabButton",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>o.model.visible?(e.openBlock(),e.createElementBlock("div",ge,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.model.buttonClassName),title:o.model.tooltip,onClick:t[0]||(t[0]=s=>o.model.action())},[e.createElementVNode("div",Be,[e.createElementVNode("div",Ne,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:o.model.iconName,size:"auto"},null,8,["iconName"])])])],10,be)),[[e.unref(l.key2ClickDirective),{processEsc:!1,disableTabStop:o.model.disableTabStop}]])])):e.createCommentVNode("",!0)}}),Ee={class:"svc-property-grid-placeholder"},ye={class:"svc-property-grid-placeholder__header"},we={class:"svc-property-grid-placeholder__title"},Se={class:"svc-property-grid-placeholder__description"},qe=e.createElementVNode("div",{class:"svc-property-grid-placeholder__content"},[e.createElementVNode("div",{class:"svc-property-grid-placeholder__gap"}),e.createElementVNode("div",{class:"svc-property-grid-placeholder__image"})],-1),De=e.defineComponent({__name:"PropertyGridPlaceholder",setup(i){const n=B.editorLocalization;return(o,t)=>(e.openBlock(),e.createElementBlock("div",Ee,[e.createElementVNode("div",ye,[e.createElementVNode("span",we,e.toDisplayString(e.unref(n).getString("ed.propertyGridPlaceholderTitle")),1),e.createElementVNode("span",Se,e.toDisplayString(e.unref(n).getString("ed.propertyGridPlaceholderDescription")),1)]),qe]))}}),$e={class:"svc-side-bar__container-header svc-sidebar__header-container"},ue={key:0,class:"svc-side-bar__container-title"},Ve={key:1,class:"svc-sidebar__header-caption"},Te={class:"svc-sidebar__header-title"},Me={class:"svc-sidebar__header-subtitle"},ze=e.defineComponent({__name:"SideBarHeader",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",$e,[o.model.subTitle?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ue,e.toDisplayString(o.model.title),1)),o.model.subTitle?(e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("span",Te,e.toDisplayString(o.model.title),1),e.createElementVNode("span",Me,e.toDisplayString(o.model.subTitle),1)])):e.createCommentVNode("",!0)]))}}),Ie={class:"svc-sidebar__header svc-sidebar__header--tabbed"},Pe={class:"svc-sidebar__header-container svc-sidebar__header-container--with-subtitle"},Re={class:"svc-sidebar__header-content"},Fe={class:"svc-sidebar__header-caption"},Le={class:"svc-sidebar__header-title"},Ae={class:"svc-sidebar__header-subtitle"},Qe=e.defineComponent({__name:"SideBarPropertyGridHeader",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",Ie,[e.createElementVNode("div",Pe,[e.createElementVNode("div",Re,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.model.buttonClassName),onClick:t[0]||(t[0]=s=>o.model.action())},[e.createElementVNode("div",Fe,[e.createElementVNode("span",Le,e.toDisplayString(o.model.title),1),e.createElementVNode("span",Ae,e.toDisplayString(o.model.tooltip),1)])],2)),[[e.unref(l.key2ClickDirective),{processEsc:!1}]]),e.createVNode(e.unref(l.SvComponent),{is:"sv-popup",model:o.model.popupModel},null,8,["model"])])])]))}}),Ke=e.defineComponent({__name:"QuestionError",props:{errorKey:{},error:{},cssClasses:{},element:{}},setup(i){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{key:n.errorKey},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",class:e.normalizeClass(n.cssClasses.error.icon),iconName:"icon-alert_24x24",size:"auto"},null,8,["class"]),e.createElementVNode("span",{class:e.normalizeClass(n.cssClasses?n.cssClasses.error.item||void 0:"panel-error-item")},[e.createVNode(e.unref(l.SvComponent),{is:"survey-string",locString:n.error.locText},null,8,["locString"])],2)]))}}),He=["title"],Oe=["title"],Ge=["title"],We=["title"],je=e.defineComponent({__name:"ActionButton",props:{classes:{},selected:{type:Boolean},disabled:{type:Boolean},text:{},title:{},allowBubble:{type:Boolean},click:{type:Function},iconName:{}},setup(i){const n=i,o=s=>{n.click(),n.allowBubble||s.stopPropagation()},t=()=>new q.CssClassBuilder().append(n.classes||"").append("svc-action-button").append("svc-action-button--icon",!!n.iconName).append("svc-action-button--selected",!!n.selected).append("svc-action-button--disabled",!!n.disabled).toString();return(s,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[s.iconName?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.disabled?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["svc-action-button svc-action-button--disabled",s.classes]),title:s.title},e.toDisplayString(s.text),11,He)):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("span",{role:"button",class:e.normalizeClass(["svc-action-button",t()]),onClick:o,title:s.title},[e.createTextVNode(e.toDisplayString(s.text),1)],10,Oe)),[[e.unref(l.key2ClickDirective)]])],64)),s.iconName?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[s.disabled?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(t()),title:s.title},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:s.iconName,size:"auto"},null,8,["iconName"])],10,Ge)):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("span",{role:"button",onClick:o,class:e.normalizeClass(t()),title:s.title},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:s.iconName,size:"auto"},null,8,["iconName"])],10,We)),[[e.unref(l.key2ClickDirective)]])],64)):e.createCommentVNode("",!0)],64))}}),Je=["disabled","title","aria-checked","aria-expanded","role"],Ze=[e.createElementVNode("div",{class:"svc-switcher__icon-thumb"},null,-1)],Xe={key:0,class:"svc-switcher__title"},Ye={inheritAttrs:!1},xe=e.defineComponent({...Ye,__name:"Switcher",props:{item:{}},setup(i){const n=i;return l.useBase(()=>n.item),(o,t)=>e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(o.item.getActionBarItemCss()),type:"button",onClick:t[0]||(t[0]=s=>{o.item.action(o.item,!!s.pointerType)}),onKeyup:t[1]||(t[1]=s=>{s.stopPropagation()}),disabled:o.item.disabled,title:o.item.tooltip||o.item.title,"aria-checked":o.item.ariaChecked,"aria-expanded":o.item.ariaExpanded,role:o.item.ariaRole},[e.createElementVNode("div",{class:e.normalizeClass(o.item.getSwitcherIconCss())},Ze,2),o.item.hasTitle?(e.openBlock(),e.createElementBlock("span",Xe,e.toDisplayString(o.item.title),1)):e.createCommentVNode("",!0)],42,Je)),[[e.unref(l.key2ClickDirective),{processEsc:!1,disableTabStop:o.item.disableTabStop}]])}}),Ue={key:0,class:"svd-simulator-content"},ve={class:"svd-simulator-content"},eo=e.defineComponent({__name:"Simulator",props:{model:{}},setup(i){const n=i;l.useBase(()=>n.model);const o=e.computed(()=>n.model.simulatorFrame),t=()=>{n.model.device!=="desktop"&&n.model.activateZoom()},s=()=>{n.model.device!=="desktop"&&n.model.deactivateZoom()};return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.model.getRootCss()),onKeydown:a[0]||(a[0]=c=>r.model.tryToZoom(void 0,c)),onMouseover:a[1]||(a[1]=c=>t()),onMouseout:a[2]||(a[2]=c=>s())},[r.model.hasFrame?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Ue,[e.createVNode(e.unref(l.SvComponent),{is:"survey-widget",model:r.model.survey},null,8,["model"])])),r.model.hasFrame?(e.openBlock(),e.createElementBlock("div",{key:1,class:"svd-simulator-wrapper",id:"svd-simulator-wrapper",style:e.normalizeStyle({width:o.value.frameWidth+"px",height:o.value.frameHeight+"px"})},[e.createElementVNode("div",{class:"svd-simulator",style:e.normalizeStyle({width:o.value.deviceWidth+"px",height:o.value.deviceHeight+"px",transform:"scale("+o.value.scale+") translate(-50%, -50%)"})},[e.createElementVNode("div",ve,[e.createVNode(e.unref(l.SvComponent),{is:"survey-widget",model:r.model.survey},null,8,["model"])])],4)],4)):e.createCommentVNode("",!0)],34))}}),oo={class:"svc-surface-placeholder"},to={class:"svc-surface-placeholder__text"},no={class:"svc-surface-placeholder__title"},so={class:"svc-surface-placeholder__description"},S=e.defineComponent({__name:"SurfacePlaceholder",props:{name:{},placeholderTitleText:{},placeholderDescriptionText:{}},setup(i){const n=i;return(o,t)=>(e.openBlock(),e.createElementBlock("div",oo,[e.createElementVNode("div",{class:e.normalizeClass(["svc-surface-placeholder__image","svc-surface-placeholder__image--"+o.name])},null,2),e.createElementVNode("div",to,[e.createElementVNode("div",no,e.toDisplayString(n.placeholderTitleText),1),e.createElementVNode("div",so,e.toDisplayString(n.placeholderDescriptionText),1)])]))}}),lo={key:2,class:"svc-plugin-tab__content-actions svc-test-tab__content-actions"},ao=e.defineComponent({__name:"Test",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-creator-tab__content svc-test-tab__content",{"svc-creator-tab__content--with-toolbar":o.model.isPageToolbarVisible}])},[o.model.survey.isEmpty?(e.openBlock(),e.createBlock(S,{key:0,name:"preview",placeholderTitleText:o.model.placeholderTitleText,placeholderDescriptionText:o.model.placeholderDescriptionText},null,8,["placeholderTitleText","placeholderDescriptionText"])):e.createCommentVNode("",!0),o.model.survey.isEmpty?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:"svc-plugin-tab__content",onScroll:t[0]||(t[0]=s=>o.model.onScroll())},[e.createVNode(e.unref(l.SvComponent),{is:"survey-simulator",model:o.model.simulator},null,8,["model"]),o.model.showResults?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-results",survey:o.model.survey},null,8,["survey"])):e.createCommentVNode("",!0)],32)),o.model.isPageToolbarVisible?(e.openBlock(),e.createElementBlock("div",lo,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:o.model.pages},null,8,["model"])])):e.createCommentVNode("",!0)],2))}}),ro={class:"svc-btn__text"},io=e.defineComponent({inheritAttrs:!1,__name:"TestAgain",props:{model:{}},setup(i){const n=i,o=e.computed(()=>n.model.testAgainAction);return l.useBase(()=>o.value),(t,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{role:"button",class:"svc-preview__test-again svc-btn",onClick:s[0]||(s[0]=r=>o.value.action())},[e.createElementVNode("span",ro,e.toDisplayString(o.value.title),1)])),[[e.unref(l.key2ClickDirective)]])}});function N(i,n,o){const t=e.shallowRef(),s=e.watch(n.map(r=>()=>r()),()=>{t.value=i()},{immediate:!0});return l.useBase(()=>t.value,void 0,o),e.onBeforeUnmount(()=>{s()}),t}const co={key:0,class:"svd-test-results"},mo={class:"svd-test-results__content"},po={class:"svd-test-results__header"},ko={class:"svd-test-results__header-text"},fo={class:"svd-test-results__header-types"},_o={class:"svd-test-results__text svd-light-bg-color"},Co={class:"svd-test-results__table svd-light-bg-color"},go={class:"svd-light-background-color"},bo={class:"svd-dark-border-color"},Bo={class:"svd-dark-border-color"},No=e.defineComponent({__name:"SurveyResults",props:{survey:{}},setup(i){const n=i,o=N(()=>n.survey?new B.SurveyResultsModel(n.survey):void 0,[()=>n.survey]);return(t,s)=>e.unref(o)?(e.openBlock(),e.createElementBlock("div",co,[e.createElementVNode("div",mo,[e.createElementVNode("div",po,[e.createElementVNode("div",ko,e.toDisplayString(e.unref(o).surveyResultsText),1),e.createElementVNode("div",fo,[e.createVNode(e.unref(l.SvComponent),{is:"svc-action-button",text:e.unref(o).surveyResultsTableText,click:e.unref(o).selectTableClick,disabled:!1,selected:e.unref(o).isTableSelected},null,8,["text","click","selected"]),e.createVNode(e.unref(l.SvComponent),{is:"svc-action-button",text:e.unref(o).surveyResultsJsonText,click:e.unref(o).selectJsonClick,disabled:!1,selected:e.unref(o).isJsonSelected},null,8,["text","click","selected"])])]),e.withDirectives(e.createElementVNode("div",_o,[e.createElementVNode("div",null,e.toDisplayString(e.unref(o).resultText),1)],512),[[e.vShow,e.unref(o).resultViewType==="text"]]),e.withDirectives(e.createElementVNode("div",Co,[e.createElementVNode("table",null,[e.createElementVNode("thead",null,[e.createElementVNode("tr",go,[e.createElementVNode("th",bo,e.toDisplayString(e.unref(o).resultsTitle),1),e.createElementVNode("th",Bo,e.toDisplayString(e.unref(o).resultsDisplayValue),1)])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).resultData,(r,a)=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{is:"survey-results-table-row",model:r,key:a},null,8,["model"]))),128))])])],512),[[e.vShow,e.unref(o).resultViewType==="table"]])])])):e.createCommentVNode("",!0)}}),ho={key:2},Eo=e.defineComponent({__name:"SurveyResultsRow",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("tr",{onClick:t[0]||(t[0]=(...s)=>o.model.toggle&&o.model.toggle(...s))},[e.createElementVNode("td",{class:"svd-dark-border-color",style:e.normalizeStyle({paddingLeft:o.model.textMargin})},[o.model.isNode?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["svd-test-results__marker",{"svd-test-results__marker--expanded":!o.model.collapsed}]),style:e.normalizeStyle({left:o.model.markerMargin})},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-expand_16x16",size:16})],6)):e.createCommentVNode("",!0),o.model.question?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:1,is:"survey-string",locString:o.model.question.locTitle},null,8,["locString"])):(e.openBlock(),e.createElementBlock("span",ho,e.toDisplayString(o.model.title),1))],4),e.createElementVNode("td",{class:e.normalizeClass({"svd-test-results__node-value":o.model.isNode,"svd-dark-border-color":!o.model.isNode})},e.toDisplayString(o.model.getString(o.model.displayValue)),3)])),[[e.unref(l.key2ClickDirective)]]),o.model.isNode&&!o.model.collapsed?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(o.model.data,(s,r)=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{is:"survey-results-table-row",model:s,key:r+1},null,8,["model"]))),128)):e.createCommentVNode("",!0)],64))}}),yo={class:"svc-creator-tab__content"},wo={class:"svc-json-editor-tab__content"},So={class:"svc-json-editor-tab__errros_list"},qo=e.defineComponent({__name:"JsonEditorAce",props:{model:{}},setup(i){const n=i,o=e.ref();return l.useBase(()=>n.model),e.onMounted(()=>n.model.init(window.ace.edit(o.value))),(t,s)=>(e.openBlock(),e.createElementBlock("div",yo,[e.createElementVNode("div",wo,[e.createElementVNode("div",{class:"svc-json-editor-tab__ace-editor",ref_key:"inputEl",ref:o},null,512),e.withDirectives(e.createElementVNode("div",So,[e.createVNode(e.unref(l.SvComponent),{is:"sv-list",model:t.model.errorList},null,8,["model"])],512),[[e.vShow,t.model.hasErrors]])])]))}}),Do={class:"svc-creator-tab__content"},$o={class:"svc-json-editor-tab__content"},uo=["aria-label","disabled"],Vo={class:"svc-json-editor-tab__errros_list"},To=e.defineComponent({__name:"JsonEditorTextArea",props:{model:{}},setup(i){const n=i,o=e.ref(),t=n.model;return t.canShowErrors=!1,l.useBase(()=>n.model),e.onMounted(()=>{const s=n.model;s.textElement=o.value}),(s,r)=>(e.openBlock(),e.createElementBlock("div",Do,[e.createElementVNode("div",$o,[e.withDirectives(e.createElementVNode("textarea",{class:"svc-json-editor-tab__content-area","aria-label":e.unref(t).ariaLabel,disabled:e.unref(t).readOnly,"onUpdate:modelValue":r[0]||(r[0]=a=>e.unref(t).text=a),onKeydown:r[1]||(r[1]=a=>e.unref(t).checkKey(e.unref(t),a)),ref_key:"inputEl",ref:o},`
2
- `,40,uo),[[e.vModelText,e.unref(t).text]]),e.withDirectives(e.createElementVNode("div",Vo,[e.createVNode(e.unref(l.SvComponent),{is:"sv-list",model:e.unref(t).errorList},null,8,["model"])],512),[[e.vShow,e.unref(t).hasErrors]])])]))}}),Mo={class:"svc-json-error__container"},zo={class:"svc-json-error__title"},Io=["title","aria-label"],Po=e.defineComponent({__name:"JsonEditorErrorItem",props:{item:{}},setup(i){const n=i;l.useBase(()=>n.item);const o=t=>{t.stopPropagation(),n.item.data.fixError()};return(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:t.item.iconName,size:t.item.iconSize,class:e.normalizeClass("svc-json-error__icon")},null,8,["iconName","size"]),e.createElementVNode("div",Mo,[e.createElementVNode("div",zo,[e.createVNode(e.unref(l.SvComponent),{is:"survey-string",locString:t.item.locTitle},null,8,["locString"])]),t.item.data.showFixButton?e.withDirectives((e.openBlock(),e.createElementBlock("button",{key:0,type:"button",onClick:o,title:t.item.data.fixButtonTitle,"aria-label":t.item.data.fixButtonTitle,class:"svc-json-error__fix-button"},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:t.item.data.fixButtonIcon,size:"auto"},null,8,["iconName"])],8,Io)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0)])],64))}}),Ro={class:"svc-btn__text"},T=e.defineComponent({__name:"LogicAddButton",props:{model:{}},setup(i){const n=i;l.useBase(()=>n.model);const o=t=>{t.stopPropagation(),n.model.action()};return(t,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{role:"button",class:e.normalizeClass(["svc-logic-tab__content-action svc-btn",{"svc-logic-tab__content-action--disabled":t.model.enabled!==void 0&&!t.model.enabled}]),onClick:o},[e.createElementVNode("span",Ro,e.toDisplayString(t.model.title),1)],2)),[[e.unref(l.key2ClickDirective)]])}}),Fo={class:"svc-creator-tab__content"},Lo={key:1,class:"svc-logic-tab__content-empty"},Ao=e.defineComponent({__name:"Logic",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",Fo,[e.createElementVNode("div",{class:e.normalizeClass(["svc-plugin-tab__content svc-logic-tab__content",{"svc-logic-tab--empty":!o.model.hasItems}])},[o.model.hasItems?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(l.SurveyComponent),{model:o.model.itemsSurvey},null,8,["model"]),o.model.readOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(T,{key:0,model:o.model.addNewButton},null,8,["model"]))],64)):e.createCommentVNode("",!0),o.model.hasItems?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Lo,[e.createVNode(S,{name:"logic",placeholderTitleText:o.model.placeholderTitleText,placeholderDescriptionText:o.model.placeholderDescriptionText},null,8,["placeholderTitleText","placeholderDescriptionText"]),o.model.readOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(T,{key:0,model:o.model.addNewButton},null,8,["model"]))]))],2)]))}}),Qo=["id","required","tabindex","disabled","role","aria-required","aria-invalid","aria-errormessage","aria-expanded","aria-label","aria-labelledby","aria-controls"],Ko=["id"];q.RendererFactory.Instance.registerRenderer("dropdown","logicoperator","sv-logic-operator");const Ho=e.defineComponent({__name:"LogicOperator",props:{question:{}},setup(i){const n=i,o=e.ref(),t=e.computed(()=>n.question.dropdownListModel??new q.DropdownListModel(n.question));l.useQuestion(n,o,a=>{B.initLogicOperator(a)});const s=a=>{var c;(c=t.value)==null||c.onClick(a)},r=a=>{var c;(c=t.value)==null||c.keyHandler(a)};return(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.question.cssClasses.selectWrapper)},[a.question.isReadOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(a.question.getControlClass()),onClick:s,onKeyup:r,id:a.question.inputId,required:a.question.isRequired,tabindex:a.question.isInputReadOnly?void 0:0,disabled:a.question.isInputReadOnly,role:t.value.ariaQuestionRole,"aria-required":t.value.ariaQuestionRequired,"aria-invalid":t.value.ariaQuestionInvalid,"aria-errormessage":t.value.ariaQuestionErrorMessage,"aria-expanded":t.value.ariaQuestionExpanded,"aria-label":t.value.ariaQuestionLabel,"aria-labelledby":t.value.ariaQuestionLabelledby,"aria-controls":t.value.ariaQuestionControls},[e.createElementVNode("div",{class:e.normalizeClass(a.question.cssClasses.controlValue)},[a.question.locReadOnlyText?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-string",locString:a.question.locReadOnlyText},null,8,["locString"])):e.createCommentVNode("",!0)],2)],42,Qo),e.createVNode(e.unref(l.SvComponent),{is:"sv-popup",model:a.question.popupModel},null,8,["model"])],64)),a.question.isReadOnly?(e.openBlock(),e.createElementBlock("div",{key:1,disabled:"",class:e.normalizeClass(a.question.getControlClass()),id:a.question.inputId},[a.question.locReadOnlyText?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-string",locString:a.question.locReadOnlyText},null,8,["locString"])):e.createCommentVNode("",!0)],10,Ko)):e.createCommentVNode("",!0)],2))}}),Oo=e.defineComponent({__name:"EmbeddedSurvey",props:{question:{}},setup(i){const n=i,o=e.ref();l.useQuestion(n,o);const t=e.computed(()=>n.question.embeddedSurvey);return(s,r)=>s.question&&t.value&&t.value.currentPage?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-page",page:t.value.currentPage,survey:t.value},null,8,["page","survey"])):e.createCommentVNode("",!0)}}),Go=e.defineComponent({inheritAttrs:!1,__name:"LinkValue",props:{question:{}},setup(i){const n=i,o=e.ref(),t=B.editorLocalization.getString("pe.clear");return l.useQuestion(n,o),(s,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(l.SvComponent),{is:"svc-action-button",text:s.question.linkValueText,click:s.question.doLinkClick.bind(s.question),selected:s.question.isSelected,disabled:!s.question.isClickable,classes:s.question.linkSetButtonCssClasses,title:s.question.tooltip,iconName:s.question.iconName},null,8,["text","click","selected","disabled","classes","title","iconName"]),!s.question.isReadOnly&&s.question.showClear?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"svc-action-button",text:e.unref(t),click:s.question.doClearClick.bind(s.question),disabled:!1,classes:s.question.linkClearButtonCssClasses},null,8,["text","click","classes"])):e.createCommentVNode("",!0)],64))}}),Wo={key:1,class:"st-content"},jo={class:"svc-flex-column st-strings-wrapper"},Jo={class:"svc-flex-row st-strings-header"},Zo={class:"svc-flex-row svc-plugin-tab__content st-strings"},Xo=e.defineComponent({__name:"Translation",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-creator-tab__content svc-translation-tab",o.model.isEmpty?"svc-translation-tab--empty":""])},[o.model.isEmpty?(e.openBlock(),e.createBlock(S,{key:0,name:"translation",placeholderTitleText:o.model.placeholderTitleText,placeholderDescriptionText:o.model.placeholderDescriptionText},null,8,["placeholderTitleText","placeholderDescriptionText"])):e.createCommentVNode("",!0),o.model.isEmpty?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Wo,[e.createElementVNode("div",jo,[e.createElementVNode("div",Jo,[e.createVNode(e.unref(l.SurveyComponent),{model:o.model.stringsHeaderSurvey},null,8,["model"])]),e.createElementVNode("div",Zo,[e.createVNode(e.unref(l.SurveyComponent),{model:o.model.stringsSurvey},null,8,["model"])])])]))],2))}}),Yo=(i,n)=>{const o=i.__vccOpts||i;for(const[t,s]of n)o[t]=s;return o},xo={},Uo={class:"sd-translation-line-skeleton"};function vo(i,n){return e.openBlock(),e.createElementBlock("div",Uo)}const et=Yo(xo,[["render",vo]]),ot=e.defineComponent({__name:"TranslateFromAction",props:{item:{}},setup(i){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.item.data.containerCss)},[e.createElementVNode("span",{class:e.normalizeClass(n.item.data.additionalTitleCss)},e.toDisplayString(n.item.data.additionalTitle),3),e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar-item-dropdown",item:n.item},null,8,["item"])],2))}}),tt={key:1,class:"svc-plugin-tab__content"},nt={key:2,class:"svc-plugin-tab__content-actions svc-test-tab__content-actions"},st=e.defineComponent({__name:"Theme",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-creator-tab__content svc-test-tab__content",{"svc-creator-tab__content--with-toolbar":o.model.isPageToolbarVisible}])},[o.model.survey.isEmpty?(e.openBlock(),e.createBlock(S,{key:0,name:"theme",placeholderTitleText:o.model.placeholderTitleText,placeholderDescriptionText:o.model.placeholderDescriptionText},null,8,["placeholderTitleText","placeholderDescriptionText"])):e.createCommentVNode("",!0),o.model.survey.isEmpty?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",tt,[e.createVNode(e.unref(l.SvComponent),{is:"survey-simulator",model:o.model.simulator},null,8,["model"]),o.model.showResults?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-results",survey:o.model.survey},null,8,["survey"])):e.createCommentVNode("",!0)])),o.model.isPageToolbarVisible?(e.openBlock(),e.createElementBlock("div",nt,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:o.model.pages},null,8,["model"])])):e.createCommentVNode("",!0)],2))}}),lt=["disabled","value","aria-required","aria-labelledby","aria-label","aria-invalid","aria-describedby"],at=["disabled","id","placeholder","aria-required","aria-labelledby","aria-label","aria-invalid","aria-describedby","value"],rt=e.defineComponent({__name:"Color",props:{question:{}},setup(i){const n=i;return l.useQuestion(n,e.ref()),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.question.cssClasses.root),onKeydown:t[5]||(t[5]=(...s)=>o.question.onKeyDown&&o.question.onKeyDown(...s))},[e.createElementVNode("label",{class:e.normalizeClass(o.question.getSwatchCss()),style:e.normalizeStyle(o.question.getSwatchStyle())},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:o.question.cssClasses.swatchIcon,size:"auto"},null,8,["iconName"]),e.createElementVNode("input",{type:"color",disabled:o.question.isInputReadOnly,class:e.normalizeClass(o.question.cssClasses.colorInput),value:o.question.renderedColorValue,tabindex:"-1",onChange:t[0]||(t[0]=(...s)=>o.question.onColorInputChange&&o.question.onColorInputChange(...s)),"aria-required":o.question.a11y_input_ariaRequired,"aria-labelledby":o.question.a11y_input_ariaLabelledBy,"aria-label":o.question.a11y_input_ariaLabel,"aria-invalid":o.question.a11y_input_ariaInvalid,"aria-describedby":o.question.a11y_input_ariaDescribedBy},null,42,lt)],6),e.createElementVNode("input",{autocomplete:"off",disabled:o.question.isInputReadOnly,id:o.question.inputId,placeholder:o.question.renderedPlaceholder,"aria-required":o.question.a11y_input_ariaRequired,"aria-labelledby":o.question.a11y_input_ariaLabelledBy,"aria-label":o.question.a11y_input_ariaLabel,"aria-invalid":o.question.a11y_input_ariaInvalid,"aria-describedby":o.question.a11y_input_ariaDescribedBy,onChange:t[1]||(t[1]=(...s)=>o.question.onChange&&o.question.onChange(...s)),onKeyup:t[2]||(t[2]=(...s)=>o.question.onKeyUp&&o.question.onKeyUp(...s)),onBlur:t[3]||(t[3]=(...s)=>o.question.onBlur&&o.question.onBlur(...s)),onBeforeinput:t[4]||(t[4]=(...s)=>o.question.onBeforeInput&&o.question.onBeforeInput(...s)),value:o.question.renderedValue,class:e.normalizeClass(o.question.cssClasses.control)},null,42,at),o.question.showDropdownAction?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{"aria-hidden":"true",class:e.normalizeClass(o.question.cssClasses.choicesButtonWrapper)},[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar-item",item:o.question.dropdownAction},null,8,["item"])],2),e.createVNode(e.unref(l.SvComponent),{is:"sv-popup",model:o.question.dropdownAction.popupModel},null,8,["model"])],64)):e.createCommentVNode("",!0)],34))}}),it=e.defineComponent({__name:"ColorItem",props:{model:{},item:{}},setup(i){const n=i;l.useBase(()=>n.item);const o=()=>({backgroundColor:n.item.value});return(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("span",{class:"spg-color-editor__color-swatch",style:e.normalizeStyle(o())},null,4),e.createVNode(e.unref(l.SvComponent),{is:"survey-string",locString:t.item.locTitle},null,8,["locString"])],64))}}),ct=["disabled","value","placeholder"],dt=["disabled","id","aria-required","aria-label","aria-invalid","aria-describedby","title","accept"],mt=["title","disabled"],pt=["for","aria-label"],kt=e.defineComponent({__name:"File",props:{question:{}},setup(i){const n=e.ref(),o=i;return l.useQuestion(o,n),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.question.cssClasses.root),onDragenter:s[5]||(s[5]=(...r)=>t.question.onDragEnter&&t.question.onDragEnter(...r)),onDragover:s[6]||(s[6]=(...r)=>t.question.onDragOver&&t.question.onDragOver(...r)),onDrop:s[7]||(s[7]=(...r)=>t.question.onDrop&&t.question.onDrop(...r)),onDragleave:s[8]||(s[8]=(...r)=>t.question.onDragLeave&&t.question.onDragLeave(...r)),onKeydown:s[9]||(s[9]=(...r)=>t.question.onKeyDown&&t.question.onKeyDown(...r)),ref_key:"root",ref:n},[e.createElementVNode("input",{type:"text",disabled:t.question.isTextInputReadOnly,class:e.normalizeClass(t.question.cssClasses.control),value:t.question.renderedValue||"",onChange:s[0]||(s[0]=(...r)=>t.question.onInputChange&&t.question.onInputChange(...r)),onBlur:s[1]||(s[1]=(...r)=>t.question.onInputBlur&&t.question.onInputBlur(...r)),placeholder:t.question.renderedPlaceholder},null,42,ct),e.createElementVNode("input",{type:"file",disabled:t.question.isInputReadOnly,class:e.normalizeClass(t.question.cssClasses.fileInput),id:t.question.inputId,"aria-required":t.question.ariaRequired,"aria-label":t.question.ariaLabel,"aria-invalid":t.question.ariaInvalid,"aria-describedby":t.question.ariaDescribedBy,multiple:!1,title:t.question.inputTitle,tabindex:-1,accept:t.question.acceptedTypes,onChange:s[2]||(s[2]=(...r)=>t.question.onFileInputChange&&t.question.onFileInputChange(...r))},null,42,dt),e.createElementVNode("div",{class:e.normalizeClass(t.question.cssClasses.buttonsContainer)},[e.withDirectives((e.openBlock(),e.createElementBlock("button",{title:t.question.clearButtonCaption,class:e.normalizeClass(t.question.cssClasses.clearButton),disabled:t.question.getIsClearButtonDisabled(),onClick:s[3]||(s[3]=(...r)=>t.question.doClean&&t.question.doClean(...r))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:t.question.cssClasses.clearButtonIcon,size:"auto"},null,8,["iconName"])],10,mt)),[[e.unref(l.key2ClickDirective)]]),e.withDirectives((e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(t.question.getChooseButtonCss()),for:t.question.inputId,"aria-label":t.question.chooseButtonCaption,onClick:s[4]||(s[4]=(...r)=>t.question.chooseFiles&&t.question.chooseFiles(...r))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:t.question.cssClasses.chooseButtonIcon,size:"auto",title:t.question.chooseButtonCaption},null,8,["iconName","title"])],10,pt)),[[e.unref(l.key2ClickDirective)]])],2)],34))}}),ft=["disabled","id","placeholder","aria-required","aria-label","aria-labelledby","aria-describedby","aria-invalid","aria-errormessage","value"],_t=["disabled"],Ct=["disabled"],gt=e.defineComponent({__name:"SpinEditor",props:{question:{}},setup(i){const n=i;return l.useQuestion(n,e.ref()),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.question.cssClasses.root),onKeydown:t[18]||(t[18]=(...s)=>o.question.onKeyDown&&o.question.onKeyDown(...s))},[e.createElementVNode("input",{role:"spinbutton",autocomplete:"off",disabled:o.question.isInputReadOnly,id:o.question.inputId,placeholder:o.question.renderedPlaceholder,"aria-required":o.question.a11y_input_ariaRequired,"aria-label":o.question.a11y_input_ariaLabel,"aria-labelledby":o.question.a11y_input_ariaLabelledBy,"aria-describedby":o.question.a11y_input_ariaDescribedBy,"aria-invalid":o.question.a11y_input_ariaInvalid,"aria-errormessage":o.question.a11y_input_ariaErrormessage,onChange:t[0]||(t[0]=(...s)=>o.question.onChange&&o.question.onChange(...s)),onKeydown:t[1]||(t[1]=(...s)=>o.question.onInputKeyDown&&o.question.onInputKeyDown(...s)),onKeyup:t[2]||(t[2]=(...s)=>o.question.onKeyUp&&o.question.onKeyUp(...s)),onBlur:t[3]||(t[3]=(...s)=>o.question.onBlur&&o.question.onBlur(...s)),onFocus:t[4]||(t[4]=(...s)=>o.question.onFocus&&o.question.onFocus(...s)),onBeforeinput:t[5]||(t[5]=(...s)=>o.question.onBeforeInput&&o.question.onBeforeInput(...s)),value:o.question.renderedValue,class:e.normalizeClass(o.question.cssClasses.control)},null,42,ft),e.createElementVNode("span",{class:e.normalizeClass(o.question.cssClasses.buttonsContainer)},[e.createElementVNode("button",{"aria-hidden":"true",disabled:o.question.isInputReadOnly,class:e.normalizeClass(o.question.cssClasses.arrowButton),onClick:t[6]||(t[6]=(...s)=>o.question.onDownButtonClick&&o.question.onDownButtonClick(...s)),onMousedown:t[7]||(t[7]=(...s)=>o.question.onDownButtonMouseDown&&o.question.onDownButtonMouseDown(...s)),onMouseup:t[8]||(t[8]=(...s)=>o.question.onButtonMouseUp&&o.question.onButtonMouseUp(...s)),onMouseleave:t[9]||(t[9]=(...s)=>o.question.onButtonMouseLeave&&o.question.onButtonMouseLeave(...s)),onBlur:t[10]||(t[10]=(...s)=>o.question.onBlur&&o.question.onBlur(...s)),onFocus:t[11]||(t[11]=(...s)=>o.question.onFocus&&o.question.onFocus(...s)),tabindex:"-1"},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:o.question.cssClasses.decreaseButtonIcon,size:"auto"},null,8,["iconName"])],42,_t),e.createElementVNode("button",{"aria-hidden":"true",disabled:o.question.isInputReadOnly,class:e.normalizeClass(o.question.cssClasses.arrowButton),onClick:t[12]||(t[12]=(...s)=>o.question.onUpButtonClick&&o.question.onUpButtonClick(...s)),onMousedown:t[13]||(t[13]=(...s)=>o.question.onUpButtonMouseDown&&o.question.onUpButtonMouseDown(...s)),onMouseup:t[14]||(t[14]=(...s)=>o.question.onButtonMouseUp&&o.question.onButtonMouseUp(...s)),onMouseleave:t[15]||(t[15]=(...s)=>o.question.onButtonMouseLeave&&o.question.onButtonMouseLeave(...s)),onBlur:t[16]||(t[16]=(...s)=>o.question.onBlur&&o.question.onBlur(...s)),onFocus:t[17]||(t[17]=(...s)=>o.question.onFocus&&o.question.onFocus(...s)),tabindex:"-1"},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:o.question.cssClasses.increaseButtonIcon,size:"auto"},null,8,["iconName"])],42,Ct)],2)],34))}}),bt=["disabled","title"],M=e.defineComponent({__name:"TextWithReset",props:{question:{}},setup(i){const n=i,o=()=>"survey-"+n.question.wrappedQuestionTemplate;return l.useQuestion(n,e.ref()),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.question.getRootClass())},[e.createVNode(e.unref(l.SvComponent),{is:o(),question:t.question},null,8,["is","question"]),e.createElementVNode("button",{class:e.normalizeClass(t.question.cssClasses.resetButton),disabled:t.question.resetValueAdorner.isDisabled,onClick:s[0]||(s[0]=(...r)=>t.question.resetValueAdorner.resetValue&&t.question.resetValueAdorner.resetValue(...r)),title:t.question.resetValueAdorner.caption},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:t.question.cssClasses.resetButtonIcon,size:"auto"},null,8,["iconName"])],10,bt)],2))}}),Bt=["aria-checked","aria-required","aria-label","aria-labelledby","aria-invalid","aria-errormessage"],Nt=[e.createElementVNode("div",{class:"spg-boolean-switch__thumb"},[e.createElementVNode("div",{class:"spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--left"})],-1),e.createElementVNode("div",{class:"spg-boolean-switch__thumb"},[e.createElementVNode("div",{class:"spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--right"})],-1)],ht={class:"spg-boolean-switch__caption"},Et=["id"];q.RendererFactory.Instance.registerRenderer("boolean","switch","sv-boolean-switch");const yt=e.defineComponent({inheritAttrs:!1,__name:"BooleanSwitch",props:{question:{}},setup(i){const n=i,o=e.ref(null);l.useQuestion(n,o);const t=e.computed({get(){return n.question.value},set(s){const r=n.question;r.value=s}});return(s,r)=>(e.openBlock(),e.createElementBlock("div",{class:"spg-boolean-switch",role:"checkbox","aria-checked":s.question.booleanValue||!1,"aria-required":s.question.a11y_input_ariaRequired,"aria-label":s.question.a11y_input_ariaLabel,"aria-labelledby":s.question.a11y_input_ariaLabelledBy,"aria-invalid":s.question.a11y_input_ariaInvalid,"aria-errormessage":s.question.a11y_input_ariaErrormessage,onClick:r[0]||(r[0]=a=>t.value=!t.value)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["spg-boolean-switch__button",s.question.value?"spg-boolean-switch__button--checked":""]),tabindex:"0"},Nt,2)),[[e.unref(l.key2ClickDirective),{disableTabStop:!0}]]),e.createElementVNode("div",ht,[e.createElementVNode("div",{class:"spg-boolean-switch__title",id:s.question.labelRenderedAriaID},[e.createVNode(e.unref(l.SvComponent),{is:"survey-string",locString:s.question.locTitle},null,8,["locString"])],8,Et)])],8,Bt))}}),wt={class:"svc-string-editor__content"},St=e.createElementVNode("div",{class:"svc-string-editor__border svc-string-editor__border--hover"},null,-1),qt=e.createElementVNode("div",{class:"svc-string-editor__border svc-string-editor__border--focus"},null,-1),Dt={class:"svc-string-editor__input"},$t=["textContent","aria-placeholder","aria-label","contenteditable","tabindex"],ut=["aria-placeholder","aria-label","contenteditable","tabindex","innerHTML"],Vt={key:0,class:"svc-string-editor__error"},Tt=e.defineComponent({__name:"StringEditor",props:{locString:{}},setup(i){const n=i,o=e.computed(()=>n.locString.locStr),t=e.computed(()=>n.locString.creator),s=e.ref(),r=e.ref(),a=N(()=>{const m=new B.StringEditorViewModelBase(o.value,t.value);return m.setLocString(o.value),m.blurEditor=()=>{s.value&&(s.value.blur(),s.value.spellcheck=!1)},m.getEditorElement=()=>s.value,setTimeout(()=>m.afterRender()),m},[()=>t.value,()=>o.value],m=>{m&&(m.blurEditor=void 0,m.getEditorElement=void 0,m.dispose())}),c=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.errorText}),p=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.className(o.value.renderedHtml)}),d=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.placeholder}),k=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.contentEditable}),b=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.characterCounter}),h=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.showCharacterCounter}),E=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.getCharacterCounterClass}),D=m=>{var f,g;return s.value&&(s.value.spellcheck=!1),o.value.__isEditing=!1,(f=a.value)==null||f.onBlur(m),(g=a.value)==null?void 0:g.errorText},w=m=>{var f;(f=a.value)==null||f.onFocus(m)},wl=m=>{var f;(f=a.value)==null||f.onPaste(m)},R=m=>{var f,g;(f=s.value)==null||f.focus(),o.value.__isEditing=!0,(g=a.value)==null||g.onClick(m)},$=()=>{r.value=o.value.renderedHtml},Sl=e.watch(()=>o.value,(m,f)=>{f&&m.onStringChanged.remove($),m&&(m.onStringChanged.add($),$())},{immediate:!0});return e.onMounted(()=>{var m;o.value.__isEditing&&((m=s.value)==null||m.focus())}),e.onUnmounted(()=>{Sl(),o.value.onStringChanged.remove($)}),(m,f)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(p.value)},[e.createElementVNode("span",wt,[St,qt,e.createElementVNode("span",Dt,[o.value.hasHtml?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,role:"textbox",class:"sv-string-editor",spellcheck:"false",onFocus:w,onPaste:wl,onBlur:D,onInput:f[0]||(f[0]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onInput)&&((C=e.unref(a))==null?void 0:C.onInput(...g))}),onBeforeinput:f[1]||(f[1]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onBeforeInput)&&((C=e.unref(a))==null?void 0:C.onBeforeInput(...g))}),onKeydown:f[2]||(f[2]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onKeyDown)&&((C=e.unref(a))==null?void 0:C.onKeyDown(...g))}),onKeyup:f[3]||(f[3]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onKeyUp)&&((C=e.unref(a))==null?void 0:C.onKeyUp(...g))}),onCompositionstart:f[4]||(f[4]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onCompositionStart)&&((C=e.unref(a))==null?void 0:C.onCompositionStart(...g))}),onCompositionend:f[5]||(f[5]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onCompositionEnd)&&((C=e.unref(a))==null?void 0:C.onCompositionEnd(...g))}),onMouseup:f[6]||(f[6]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onMouseUp)&&((C=e.unref(a))==null?void 0:C.onMouseUp(...g))}),onClick:R,textContent:r.value,"aria-placeholder":d.value,"aria-label":d.value||"content editable",contenteditable:k.value,tabindex:e.unref(a).tabIndex,ref_key:"root",ref:s},null,40,$t)),o.value.hasHtml?(e.openBlock(),e.createElementBlock("span",{key:1,role:"textbox",class:"sv-string-editor sv-string-editor--html",spellcheck:"false",onFocus:w,onBlur:D,onKeydown:f[7]||(f[7]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onKeyDown)&&((C=e.unref(a))==null?void 0:C.onKeyDown(...g))}),onKeyup:f[8]||(f[8]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onKeyUp)&&((C=e.unref(a))==null?void 0:C.onKeyUp(...g))}),onCompositionstart:f[9]||(f[9]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onCompositionStart)&&((C=e.unref(a))==null?void 0:C.onCompositionStart(...g))}),onCompositionend:f[10]||(f[10]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onCompositionEnd)&&((C=e.unref(a))==null?void 0:C.onCompositionEnd(...g))}),onMouseup:f[11]||(f[11]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onMouseUp)&&((C=e.unref(a))==null?void 0:C.onMouseUp(...g))}),onClick:R,"aria-placeholder":d.value,"aria-label":d.value||"content editable",contenteditable:k.value,tabindex:e.unref(a).tabIndex,innerHTML:r.value,ref_key:"root",ref:s},null,40,ut)):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:2,is:"sv-character-counter",counter:b.value,remainingCharacterCounter:E.value},null,8,["counter","remainingCharacterCounter"])):e.createCommentVNode("",!0)])]),c.value?(e.openBlock(),e.createElementBlock("span",Vt,e.toDisplayString(c.value),1)):e.createCommentVNode("",!0)],2))}}),Mt={key:0,class:"svc-toolbox__search-container"},zt=e.createElementVNode("div",{class:"svc-toolbox__category-separator svc-toolbox__category-separator--search"},null,-1),It={key:1,class:"svc-toolbox__placeholder"},Pt={key:1,class:"svc-toolbox__category"},Rt=e.defineComponent({__name:"AdaptiveToolbox",props:{model:{}},setup(i){const n=i,o=e.computed(()=>n.model.toolbox),t=e.ref();l.useBase(()=>o.value),e.onUpdated(()=>{o.value.afterRender(t.value)}),e.onMounted(()=>{o.value.afterRender(t.value)}),e.onUnmounted(()=>{o.value.beforeDestroy()});const s=e.computed(()=>o.value.renderedActions);return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value.classNames),ref_key:"root",ref:t,style:e.normalizeStyle(o.value.getRootStyle())},[e.createElementVNode("div",{onFocusout:a[0]||(a[0]=c=>o.value.focusOut(c)),class:"svc-toolbox__panel"},[o.value.showSearch?(e.openBlock(),e.createElementBlock("div",Mt,[o.value.isCompactRendered?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{is:"svc-toolbox-tool",creator:r.model,key:"searchitem",item:o.value.searchItem,parentModel:o.value,isCompact:o.value.isCompactRendered},null,8,["creator","item","parentModel","isCompact"])):e.createCommentVNode("",!0),e.createVNode(e.unref(l.SvComponent),{is:"svc-search",model:o.value.searchManager},null,8,["model"]),zt])):e.createCommentVNode("",!0),o.value.showPlaceholder?(e.openBlock(),e.createElementBlock("div",It,e.toDisplayString(o.value.toolboxNoResultsFound),1)):e.createCommentVNode("",!0),e.createVNode(e.unref(l.SvComponent),{is:"sv-scroll"},{default:e.withCtx(()=>[o.value.showInSingleCategory?e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(o.value.categories,(c,p)=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{is:"svc-toolbox-category",key:p,category:c,toolbox:o.value},null,8,["category","toolbox"]))),128)),o.value.showInSingleCategory?(e.openBlock(),e.createElementBlock("div",Pt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,c=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:c.renderedId,is:"svc-toolbox-tool",creator:r.model,item:c,parentModel:o.value,isCompact:o.value.isCompactRendered},null,8,["creator","item","parentModel","isCompact"]))),128))])):e.createCommentVNode("",!0)]),_:1})],32)],6))}}),Ft={key:0,class:"svc-toolbox__category-separator"},Lt=e.defineComponent({__name:"ToolboxTool",props:{creator:{},item:{},parentModel:{},isCompact:{type:Boolean}},setup(i){const n=i,o=N(()=>new B.ToolboxToolViewModel(n.item,n.creator,n.parentModel),[()=>n.creator,()=>n.item],s=>{s.dispose()}),t=e.ref();return e.onMounted(()=>{const s=n.item;s.updateModeCallback=(r,a)=>{s.mode=r,e.nextTick(()=>a(r,t.value))},s.afterRender()}),e.onUnmounted(()=>{const s=n.item;s.updateModeCallback=void 0}),l.useBase(()=>n.item),(s,r)=>{var a;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.item.css),ref_key:"root",ref:t},[s.item.needSeparator&&!s.creator.toolbox.showCategoryTitles?(e.openBlock(),e.createElementBlock("div",Ft)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"svc-toolbox__tool-content sv-action__content",onPointerdown:r[0]||(r[0]=(...c)=>{var p,d;return((p=e.unref(o))==null?void 0:p.onPointerDown)&&((d=e.unref(o))==null?void 0:d.onPointerDown(...c))})},[e.createVNode(e.unref(l.SvComponent),{viewModel:e.unref(o),is:(a=e.unref(o))==null?void 0:a.itemComponent,item:s.item,creator:s.creator,isCompact:s.isCompact},null,8,["viewModel","is","item","creator","isCompact"])],32)],2)}}}),At=["aria-label","title"],Qt={class:"svc-toolbox__item-container"},Kt={key:0,class:"svc-toolbox__item-title"},Ht=e.defineComponent({__name:"ToolboxItem",props:{creator:{},item:{},isCompact:{type:Boolean},viewModel:{}},setup(i){return(n,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-toolbox__item",n.item.renderedCss]),role:"button","aria-label":n.item.tooltip,title:n.item.tooltip,onClick:o[0]||(o[0]=t=>n.viewModel.click(t))},[e.createElementVNode("span",Qt,[n.item.iconName?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"sv-svg-icon",iconName:n.item.iconName,size:"auto",class:"svc-toolbox__item-icon"},null,8,["iconName"])):e.createCommentVNode("",!0)]),n.isCompact?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",Kt,e.toDisplayString(n.item.title),1))],10,At)),[[e.unref(l.key2ClickDirective)]]),n.isCompact?(e.openBlock(),e.createElementBlock("span",{key:0,class:"svc-toolbox__item-banner",onClick:o[1]||(o[1]=t=>n.viewModel.click(t))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:n.item.iconName,size:24,class:"svc-toolbox__item-icon"},null,8,["iconName"]),e.createElementVNode("span",null,e.toDisplayString(n.item.title),1)])):e.createCommentVNode("",!0)],64))}}),Ot=e.defineComponent({__name:"ToolboxItemGroup",props:{creator:{},item:{},isCompact:{type:Boolean},viewModel:{}},setup(i){const n=i,o=s=>{n.viewModel.onMouseOver(n.item,s)},t=s=>{n.viewModel.onMouseLeave(n.item,s)};return(s,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(l.SvComponent),{is:"svc-toolbox-item",viewModel:s.viewModel,item:s.item,creator:s.creator,isCompact:s.isCompact},null,8,["viewModel","item","creator","isCompact"]),e.createElementVNode("div",{class:"svc-toolbox__item-submenu-button",onMouseover:o,onMouseleave:t},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:s.item.subitemsButtonIcon,size:"auto"},null,8,["iconName"]),e.createVNode(e.unref(l.SvComponent),{is:"sv-popup",model:s.item.popupModel},null,8,["model"])],32)],64))}}),Gt={className:"svc-toolbox__category-header-wrapper"},Wt={class:"svc-toolbox__category-title"},jt={key:0,class:"svc-toolbox__category-header__controls"},Jt=e.defineComponent({__name:"ToolboxCategory",props:{category:{},toolbox:{}},setup(i){const n=i;return l.useBase(()=>n.category),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-toolbox__category",{"svc-toolbox__category--collapsed":o.category.collapsed,"svc-toolbox__category--empty":o.category.empty}])},[e.createElementVNode("div",Gt,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-toolbox__category-header",{"svc-toolbox__category-header--collapsed":o.toolbox.canCollapseCategories}]),onClick:t[0]||(t[0]=s=>o.category.toggleState())},[e.createElementVNode("span",Wt,e.toDisplayString(o.category.title),1),o.toolbox.canCollapseCategories?(e.openBlock(),e.createElementBlock("div",jt,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:o.category.iconName,class:e.normalizeClass(o.category.iconClassName),size:"auto"},null,8,["iconName","class"])])):e.createCommentVNode("",!0)],2)),[[e.unref(l.key2ClickDirective)]])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.category.items,s=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{is:"svc-toolbox-tool",item:s,key:s.renderedId,creator:o.toolbox.creator,parentModel:o.toolbox,isCompact:!1},null,8,["item","creator","parentModel"]))),128))],2))}}),Zt=e.defineComponent({__name:"ToolboxList",props:{model:{},creator:{}},setup(i){const n=i,o=l.useComputedArray(()=>n.model.renderedActions);return l.useBase(()=>n.model),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.model.cssClasses.root)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),(r,a)=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:a,is:"svc-toolbox-tool",creator:t.creator,item:r,parentModel:t.model,isCompact:!1},null,8,["creator","item","parentModel"]))),128))],2))}}),Xt={class:"svc-flex-column"},Yt={class:"svc-tab-designer_content"},xt={key:0,class:"svc-designer-header"},Ut={class:"svc-designer__placeholder-container","data-sv-drop-target-survey-element":"newGhostPage"},vt={className:"svc-designer-placeholder-page","data-sv-drop-target-survey-element":"newGhostPage"},en={key:0,class:"svc-designer-header"},on=["data-sv-drop-target-survey-element","data-sv-drop-target-page"],tn=["data-sv-drop-target-survey-element","data-sv-drop-target-page"],nn={key:0,class:"svc-tab-designer__tools"},sn={key:0,class:"svc-tab-designer__page-navigator"},ln={key:1,class:"svc-tab-designer__toolbar"},an=e.defineComponent({__name:"Designer",props:{model:{}},setup(i){const n=i,o=e.computed(()=>n.model.survey);return l.useBase(()=>n.model),l.useBase(()=>o.value),(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",Xt,[t.model.isToolboxVisible?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"svc-toolbox",model:t.model.creator},null,8,["model"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:e.normalizeClass(["svc-tab-designer",t.model.getRootCss()]),onClick:s[0]||(s[0]=(...r)=>t.model.clickDesigner&&t.model.clickDesigner(...r))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-scroll"},{default:e.withCtx(()=>[e.createElementVNode("div",Yt,[t.model.showPlaceholder?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.model.creator.showHeaderInEmptySurvey&&t.model.creator.allowEditSurveyTitle?(e.openBlock(),e.createElementBlock("div",xt,[e.createVNode(e.unref(l.SvComponent),{is:"survey-header",survey:t.model.creator.survey},null,8,["survey"])])):e.createCommentVNode("",!0),e.createElementVNode("div",Ut,[e.createVNode(S,{name:"designer",placeholderTitleText:t.model.placeholderTitleText,placeholderDescriptionText:t.model.placeholderDescriptionText},null,8,["placeholderTitleText","placeholderDescriptionText"]),e.createElementVNode("div",vt,[e.createVNode(e.unref(l.SvComponent),{is:"svc-page",survey:t.model.creator.survey,creator:t.model.creator,page:t.model.newPage,isGhost:!0},null,8,["survey","creator","page"])])])],64)):e.createCommentVNode("",!0),t.model.showPlaceholder?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass(t.model.designerCss),style:e.normalizeStyle([{maxWidth:t.model.survey.renderedWidth},t.model.surfaceCssVariables])},[t.model.creator.allowEditSurveyTitle?(e.openBlock(),e.createElementBlock("div",en,[e.createVNode(e.unref(l.SvComponent),{is:"survey-header",survey:t.model.creator.survey},null,8,["survey"])])):e.createCommentVNode("",!0),t.model.creator.pageEditMode!=="bypage"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.model.pages,r=>(e.openBlock(),e.createElementBlock("div",{key:r.id,class:"svc-page","data-sv-drop-target-survey-element":r!=t.model.newPage?r.name:"newGhostPage","data-sv-drop-target-page":r.name},[e.createVNode(e.unref(l.SvComponent),{is:"svc-page",survey:t.model.creator.survey,creator:t.model.creator,page:r,isGhost:r==t.model.newPage},null,8,["survey","creator","page","isGhost"])],8,on))),128)):e.createCommentVNode("",!0),t.model.pagesController.page2Display&&t.model.creator.pageEditMode==="bypage"?(e.openBlock(),e.createElementBlock("div",{key:2,class:"svc-page","data-sv-drop-target-survey-element":t.model.displayPageDropTarget,"data-sv-drop-target-page":t.model.pagesController.page2Display.name},[e.createVNode(e.unref(l.SvComponent),{is:"svc-page",page:t.model.pagesController.page2Display,creator:t.model.creator,isGhost:t.model.pagesController.page2Display==t.model.newPage},null,8,["page","creator","isGhost"])],8,tn)):e.createCommentVNode("",!0)],6),t.model.showSurfaceTools?(e.openBlock(),e.createElementBlock("div",nn,[t.model.creator.showPageNavigator?(e.openBlock(),e.createElementBlock("div",sn,[e.createVNode(e.unref(l.SvComponent),{is:"svc-page-navigator",pagesController:t.model.pagesController,pageEditMode:t.model.creator.pageEditMode},null,8,["pagesController","pageEditMode"])])):e.createCommentVNode("",!0),t.model.showSurfaceToolbar?(e.openBlock(),e.createElementBlock("div",ln,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:t.model.surfaceToolbar},null,8,["model"])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],64))])]),_:1})],2)],64))}}),rn=["id","data-sv-drop-target-survey-page"],cn=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--top"},null,-1),dn=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--bottom"},null,-1),mn={key:1,class:"svc-page__loading-content"},pn={key:2,class:"svc-page__placeholder_frame"},kn={class:"svc-panel__placeholder_frame"},fn={class:"svc-panel__placeholder"},_n={class:"svc-page__content-actions"},Cn={key:4,class:"svc-page__content-actions"},gn=e.defineComponent({__name:"Page",props:{creator:{},survey:{},page:{},isGhost:{type:Boolean}},setup(i){const n=i,o=e.ref(),t=N(()=>{const r=new B.PageAdorner(n.creator,n.page);return r.isGhost=n.isGhost,r},[()=>n.page],r=>{r.dispose()});e.watch(()=>n.isGhost,()=>{t.value&&(t.value.isGhost=n.isGhost)}),e.onUpdated(()=>{o.value&&t.value&&(t.value.rootElement=o.value)}),e.onMounted(()=>{o.value&&t.value&&t.value.setRootElement(o.value)});const s=r=>{t.value.hover(r,r.currentTarget)};return(r,a)=>e.unref(t).page?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:e.unref(t).page.id,id:e.unref(t).page.id,class:e.normalizeClass(["svc-page__content",e.unref(t).css]),"data-sv-drop-target-survey-page":e.unref(t).dropTargetName,onClick:a[1]||(a[1]=c=>{e.unref(t).select(e.unref(t),c),c.stopPropagation()}),ref_key:"root",ref:o,onDblclick:a[2]||(a[2]=c=>e.unref(t).dblclick(c)),onMouseover:s,onMouseleave:s},[cn,dn,e.unref(t).needRenderContent?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-page",survey:e.unref(t).creator.survey,page:e.unref(t).page},null,8,["survey","page"])):e.createCommentVNode("",!0),e.unref(t).needRenderContent?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",mn,[e.createVNode(e.unref(l.SvComponent),{is:"sv-loading-indicator"})])),e.unref(t).showPlaceholder?(e.openBlock(),e.createElementBlock("div",pn,[e.createElementVNode("div",kn,[e.createElementVNode("div",fn,e.toDisplayString(e.unref(t).placeholderText),1)])])):e.createCommentVNode("",!0),e.unref(t).allowDragging&&!e.unref(t).isGhost?(e.openBlock(),e.createElementBlock("div",{key:3,class:"svc-question__drag-area",onPointerdown:a[0]||(a[0]=c=>e.unref(t).onPointerDown(c))},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:"sv-svg-icon",class:"svc-question__drag-element"},{css:"svc-question__drag-element",iconName:"icon-drag-area-indicator_24x16",size:"auto"}),null,16),e.createElementVNode("div",_n,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:e.unref(t).actionContainer},null,8,["model"]),e.unref(t).topActionContainer.hasActions?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"sv-action-bar",model:e.unref(t).topActionContainer},null,8,["model"])):e.createCommentVNode("",!0)])],32)):e.createCommentVNode("",!0),!e.unref(t).allowDragging||e.unref(t).isGhost?(e.openBlock(),e.createElementBlock("div",Cn,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:e.unref(t).actionContainer},null,8,["model"]),e.unref(t).topActionContainer.hasActions?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"sv-action-bar",model:e.unref(t).topActionContainer},null,8,["model"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:e.unref(t).footerActionsBar},null,8,["model"])],42,rn)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0)}}),bn={class:"svc-add-new-item-button__text"},Bn=e.defineComponent({__name:"AddQuestion",props:{item:{},buttonClass:{},renderPopup:{}},setup(i){const n=i;l.useBase(()=>n.item.data);const o=e.computed(()=>"svc-element__add-new-question "+(n.buttonClass||"svc-btn")),t=e.computed(()=>n.renderPopup===void 0||n.renderPopup!==!1);return(s,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value),onClick:r[0]||(r[0]=a=>{s.item.data.addNewQuestion(s.item,a),a.stopPropagation()}),onMouseover:r[1]||(r[1]=a=>s.item.data.hoverStopper&&s.item.data.hoverStopper(a,a.currentTarget))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",class:"svc-panel__add-new-question-icon",iconName:"icon-add_24x24",size:"auto"}),e.createElementVNode("span",bn,e.toDisplayString(s.item.data.addNewQuestionText),1),t.value?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"svc-add-question-type-selector",questionTypeSelectorModel:s.item.data.questionTypeSelectorModel,renderPopup:t.value},null,8,["questionTypeSelectorModel","renderPopup"])):e.createCommentVNode("",!0)],34)),[[e.unref(l.key2ClickDirective)]]),t.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"svc-add-question-type-selector",questionTypeSelectorModel:s.item.data.questionTypeSelectorModel,renderPopup:t.value},null,8,["questionTypeSelectorModel","renderPopup"]))],64))}}),Nn=["title","aria-label"],hn=e.defineComponent({__name:"AddQuestionTypeSelector",props:{questionTypeSelectorModel:{},renderPopup:{}},setup(i){const n=i;return l.useBase(()=>n.questionTypeSelectorModel),(o,t)=>e.withDirectives((e.openBlock(),e.createElementBlock("button",{type:"button",onClick:t[0]||(t[0]=s=>{o.questionTypeSelectorModel.action(),s.stopPropagation()}),title:o.questionTypeSelectorModel.title,"aria-label":o.questionTypeSelectorModel.title,class:"svc-element__question-type-selector"},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:"sv-svg-icon",class:"svc-element__question-type-selector-icon"},{iconName:o.questionTypeSelectorModel.iconName,size:"auto",title:o.questionTypeSelectorModel.title}),null,16),o.renderPopup?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"sv-popup",model:o.questionTypeSelectorModel.popupModel},null,8,["model"])):e.createCommentVNode("",!0)],8,Nn)),[[e.unref(l.key2ClickDirective)]])}}),En=e.createElementVNode("div",{class:"svc-row__drop-indicator svc-row__drop-indicator--top"},null,-1),yn=e.createElementVNode("div",{class:"svc-row__drop-indicator svc-row__drop-indicator--bottom"},null,-1),wn=e.defineComponent({__name:"Row",props:{componentData:{}},setup(i){const n=i,o=e.computed(()=>n.componentData.creator),t=e.computed(()=>n.componentData.row),s=N(()=>new B.RowViewModel(o.value,t.value,void 0),[()=>o.value,()=>t.value],r=>{r.dispose()});return e.onMounted(()=>{s.value&&s.value.subscribeElementChanges()}),e.onUnmounted(()=>{s.value&&s.value.unsubscribeElementChanges()}),(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s).cssClasses)},[En,yn,e.renderSlot(r.$slots,"default")],2))}}),Sn=["data-sv-drop-target-survey-element"],qn={class:"svc-fake-title"},Dn=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--left"},null,-1),$n=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--right"},null,-1),un=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--top"},null,-1),Vn=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--bottom"},null,-1),Tn={class:"svc-question__top-actions"},Mn={key:0,class:"svc-panel__placeholder_frame-wrapper"},zn={class:"svc-panel__placeholder_frame"},In={class:"svc-panel__placeholder","data-bind":"text: placeholderText"},u=e.defineComponent({__name:"QuestionBase",props:{createModel:{type:Function},element:{},adornerComponent:{},showPlaceholderComponent:{type:Boolean},placeholderComponent:{},getPlaceholderComponentData:{type:Function},componentName:{},componentData:{}},setup(i){const n=i,o=e.ref(),t=N(()=>n.createModel(),[()=>n.componentName,()=>n.componentData.data,()=>n.componentData.element],a=>{a.dispose()}),s=e.computed(()=>t.value.isBannerShowing?t.value.createBannerParams():null);e.onUpdated(()=>{o.value&&t.value&&(t.value.rootElement=o.value)}),e.onMounted(()=>{o.value&&t.value&&(t.value.rootElement=o.value)});const r=a=>{t.value.select(t.value,a),a.stopPropagation()};return(a,c)=>e.unref(t)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["svc-question__adorner",e.unref(t).rootCss()]),ref_key:"root",ref:o,onDblclick:c[2]||(c[2]=p=>e.unref(t).dblclick(p)),onMouseover:c[3]||(c[3]=p=>e.unref(t).hover(p,p.currentTarget)),onMouseleave:c[4]||(c[4]=p=>e.unref(t).hover(p,p.currentTarget)),"data-sv-drop-target-survey-element":e.unref(t).element.name||null,"data-bind":"css: rootCss(), attr: { 'data-sv-drop-target-survey-element': element.name || null }, event: { mouseover: function(m, e) { hover(e, $element); }, mouseleave: function(m, e) { hover(e, $element); } }"},[e.unref(t).showHiddenTitle?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).cssCollapsedHiddenHeader)},[a.element.hasTitle?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-element-title",element:a.element},null,8,["element"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).cssCollapsedHiddenTitle)},[e.createElementVNode("span",qn,e.toDisplayString(a.element.name),1)],2))],2)):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("div",{onClick:c[1]||(c[1]=p=>{e.unref(t).select(e.unref(t),p),p.stopPropagation()}),class:e.normalizeClass(e.unref(t).css())},[Dn,$n,un,Vn,e.unref(t).allowDragging?(e.openBlock(),e.createElementBlock("div",{key:0,class:"svc-question__drag-area",onPointerdown:c[0]||(c[0]=p=>e.unref(t).onPointerDown(p))},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:"sv-svg-icon",class:"svc-question__drag-element"},{css:"svc-question__drag-element",iconName:"icon-drag-area-indicator_24x16",size:"auto"}),null,16),e.createElementVNode("div",Tn,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:e.unref(t).topActionContainer,handleClick:!1},null,8,["model"])])],32)):e.createCommentVNode("",!0),e.unref(t).needToRenderContent?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(e.unref(l.SvComponent),{is:"sv-template-renderer",componentName:a.componentName,componentData:a.componentData},null,8,["componentName","componentData"]),e.unref(t).isEmptyElement&&!a.showPlaceholderComponent?(e.openBlock(),e.createElementBlock("div",Mn,[e.createElementVNode("div",zn,[e.createElementVNode("div",In,e.toDisplayString(e.unref(t).placeholderText),1)])])):e.createCommentVNode("",!0),e.unref(t).isEmptyElement&&a.showPlaceholderComponent?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),e.mergeProps({key:1,is:a.placeholderComponent},a.getPlaceholderComponentData&&a.getPlaceholderComponentData(e.unref(t))),null,16,["is"])):e.createCommentVNode("",!0),a.adornerComponent?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:2,is:a.adornerComponent,model:e.unref(t),element:a.element},null,8,["is","model","element"])):e.createCommentVNode("",!0),e.unref(t).isBannerShowing?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:3,is:"svc-question-banner",model:s.value},null,8,["model"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"svc-question__content-actions",onFocusin:r},[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:e.unref(t).actionContainer,handleClick:!1},null,8,["model"])],32)],64)):e.createCommentVNode("",!0)],2)),[[e.unref(l.key2ClickDirective),{disableTabStop:!0}]])],42,Sn)):e.createCommentVNode("",!0)}}),z=e.defineComponent({__name:"Question",props:{componentName:{},componentData:{}},setup(i){const n=i,o=()=>new B.QuestionAdornerViewModel(n.componentData.data,n.componentData.element,null);return(t,s)=>(e.openBlock(),e.createBlock(u,{createModel:o,element:t.componentData.element,"component-name":t.componentName,"component-data":t.componentData},null,8,["element","component-name","component-data"]))}}),Pn=e.defineComponent({__name:"QuestionImage",props:{componentName:{},componentData:{}},setup(i){const n=i,o=()=>new B.QuestionImageAdornerViewModel(n.componentData.data,n.componentData.element,null),t=s=>({question:s==null?void 0:s.filePresentationModel});return(s,r)=>(e.openBlock(),e.createBlock(u,{"create-model":o,element:n.componentData.element,"show-placeholder-component":!0,"component-data":s.componentData,"component-name":s.componentName,"placeholder-component":"survey-file","get-placeholder-component-data":t,"adorner-component":"svc-image-question-adorner"},null,8,["element","component-data","component-name"]))}}),Rn={key:0,class:"svc-image-question-controls"},Fn=["accept"],Ln={class:"svc-context-button",title:void 0,"aria-label":void 0},An={key:1,class:"svc-image-question__loading-placeholder"},Qn={class:"svc-image-question__loading"},Kn=e.defineComponent({__name:"Image",props:{model:{},element:{}},setup(i){return(n,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[!n.model.isUploading&&!n.model.isEmptyElement?(e.openBlock(),e.createElementBlock("div",Rn,[n.model.allowEdit?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("input",{type:"file","aria-hidden":"true",tabindex:"-1",accept:n.model.acceptedTypes,class:"svc-choose-file-input"},null,8,Fn),e.withDirectives((e.openBlock(),e.createElementBlock("span",Ln,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-choosefile",size:"auto",onClick:o[0]||(o[0]=t=>n.model.chooseFile(n.model))})])),[[e.unref(l.key2ClickDirective)]])],64)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),n.model.isUploading&&!n.model.isEmptyElement?(e.openBlock(),e.createElementBlock("div",An,[e.createElementVNode("div",Qn,[e.createVNode(e.unref(l.SvComponent),{is:"sv-loading-indicator"})])])):e.createCommentVNode("",!0)],64))}}),Hn={class:"svc-rating-question-content"},On=["aria-label"],Gn=["aria-label"],Wn=e.defineComponent({__name:"Rating",props:{componentData:{},componentName:{}},setup(i){const n=i,o=N(()=>new B.QuestionRatingAdornerViewModel(n.componentData.data,n.componentData.question,null),[()=>n.componentData.data,()=>n.componentData.question]);return(t,s)=>{var r,a,c,p,d,k,b,h,E;return e.openBlock(),e.createElementBlock("div",Hn,[e.createElementVNode("div",{class:e.normalizeClass((r=e.unref(o))==null?void 0:r.controlsClassNames)},[(a=e.unref(o))!=null&&a.allowRemove?e.withDirectives((e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass((c=e.unref(o))==null?void 0:c.removeClassNames),onClick:s[0]||(s[0]=D=>{var w;return(w=e.unref(o))==null?void 0:w.removeItem(e.unref(o))}),role:"button","aria-label":(p=e.unref(o))==null?void 0:p.removeTooltip},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-remove_16x16",size:"auto",title:(d=e.unref(o))==null?void 0:d.removeTooltip},null,8,["title"])],10,On)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0),(k=e.unref(o))!=null&&k.allowAdd?e.withDirectives((e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass((b=e.unref(o))==null?void 0:b.addClassNames),onClick:s[1]||(s[1]=D=>{var w;return(w=e.unref(o))==null?void 0:w.addItem(e.unref(o))}),role:"button","aria-label":(h=e.unref(o))==null?void 0:h.addTooltip},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-add_16x16",size:"auto",title:(E=e.unref(o))==null?void 0:E.addTooltip},null,8,["title"])],10,Gn)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0)],2),e.renderSlot(t.$slots,"default")])}}}),jn={key:0,class:"svc-matrix-cell__question-controls"},Jn=e.defineComponent({__name:"MatrixCell",props:{componentData:{}},setup(i){const n=i,o=e.computed(()=>n.componentData.creator),t=e.computed(()=>n.componentData.row),s=e.computed(()=>n.componentData.column),r=e.computed(()=>n.componentData.element),a=e.computed(()=>n.componentData.question),c=N(()=>{var p;return n.componentData?new B.MatrixCellWrapperViewModel(o.value,r.value,a.value,t.value,s.value||((p=r.value.cell)==null?void 0:p.column)):void 0},[()=>o.value,()=>t.value,()=>s.value,()=>a.value]);return(p,d)=>{var k,b;return e.openBlock(),e.createElementBlock("div",{tabindex:"-1",class:"svc-matrix-cell",onClick:d[1]||(d[1]=h=>{var E;return(E=e.unref(c))==null?void 0:E.selectContext(e.unref(c),h)}),onMouseover:d[2]||(d[2]=h=>{var E;return(E=e.unref(c))==null?void 0:E.hover(h,h.currentTarget)}),onMouseleave:d[3]||(d[3]=h=>{var E;return(E=e.unref(c))==null?void 0:E.hover(h,h.currentTarget)})},[e.createElementVNode("div",{class:e.normalizeClass(["svc-matrix-cell--selected",{"svc-visible":(k=e.unref(c))==null?void 0:k.isSelected}])},null,2),e.renderSlot(p.$slots,"default"),(b=e.unref(c))!=null&&b.isSupportCellEditor?(e.openBlock(),e.createElementBlock("div",jn,[e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:"svc-matrix-cell__question-controls-button svc-context-button",onClick:d[0]||(d[0]=h=>e.unref(c).editQuestion(e.unref(c),h))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-edit",size:"auto"})])),[[e.unref(l.key2ClickDirective)]])])):e.createCommentVNode("",!0)],32)}}}),Zn={class:"svc-question__adorner"},Xn={class:"svc-question__content svc-question__content--in-popup"},Yn=e.defineComponent({__name:"CellQuestion",props:{componentName:{},componentData:{}},setup(i){const n=i,o=e.computed(()=>n.componentData.element);return l.useBase(()=>o.value),(t,s)=>(e.openBlock(),e.createElementBlock("div",Zn,[e.createElementVNode("div",Xn,[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:t.componentName},t.componentData),null,16,["is"])])]))}}),xn=["data-sv-drop-target-survey-element"],Un={class:"svc-fake-title"},vn=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--left"},null,-1),es=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--right"},null,-1),os=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--top"},null,-1),ts=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--bottom"},null,-1),ns={class:"svc-question__top-actions"},ss={key:0,class:"svc-panel__placeholder_frame-wrapper"},ls={class:"svc-panel__placeholder_frame"},as={class:"svc-panel__placeholder"},rs={class:"svc-add-new-item-button__text"},is={key:1,class:"svc-panel__add-new-question-container"},cs={class:"svc-panel__question-type-selector-popup"},ds={class:"svc-panel__add-new-question-wrapper"},ms=e.defineComponent({__name:"Panel",props:{componentName:{},componentData:{}},setup(i){const n=i,o=N(()=>new B.QuestionAdornerViewModel(n.componentData.data,n.componentData.element,null),[()=>n.componentData.data,()=>n.componentData.element],s=>{s.dispose()}),t=s=>{s.stopPropagation(),o.value.addNewQuestion()};return(s,r)=>e.unref(o)&&!e.unref(o).isDisposed?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["svc-question__adorner",e.unref(o).rootCss()]),onDblclick:r[3]||(r[3]=a=>e.unref(o).dblclick(a)),onMouseover:r[4]||(r[4]=a=>e.unref(o).hover(a,a.currentTarget)),onMouseleave:r[5]||(r[5]=a=>e.unref(o).hover(a,a.currentTarget)),"data-sv-drop-target-survey-element":e.unref(o).element.name||null,ref:"root"},[e.unref(o).showHiddenTitle?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).cssCollapsedHiddenHeader)},[e.unref(o).element.hasTitle?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-element-title",element:e.unref(o).element},null,8,["element"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).cssCollapsedHiddenTitle)},[e.createElementVNode("span",Un,e.toDisplayString(e.unref(o).element.name),1)],2))],2)):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o).css()),onClick:r[2]||(r[2]=a=>e.unref(o).element.isInteractiveDesignElement?e.unref(o).select(e.unref(o),a):null)},[vn,es,os,ts,e.unref(o).allowDragging&&e.unref(o).element.isInteractiveDesignElement?(e.openBlock(),e.createElementBlock("div",{key:0,class:"svc-question__drag-area",onPointerdown:r[0]||(r[0]=a=>e.unref(o).onPointerDown(a))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",class:"svc-question__drag-element",iconName:"icon-drag-area-indicator_24x16",size:"auto"}),e.createElementVNode("div",ns,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:e.unref(o).topActionContainer,handleClick:!1},null,8,["model"])])],32)):e.createCommentVNode("",!0),e.unref(o).needToRenderContent?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:s.componentName},s.componentData),null,16,["is"]),e.unref(o).isEmptyElement?(e.openBlock(),e.createElementBlock("div",ss,[e.createElementVNode("div",ls,[e.createElementVNode("div",as,e.toDisplayString(e.unref(o).placeholderText),1),e.unref(o).showAddQuestionButton?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:"svc-panel__add-new-question svc-action-button",onClick:t},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",class:"svc-panel__add-new-question-icon",iconName:"icon-add_24x24",size:"auto"}),e.createElementVNode("span",rs,e.toDisplayString(e.unref(o).addNewQuestionText),1)])),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0),!e.unref(o).isEmptyElement&&e.unref(o).showAddQuestionButton?(e.openBlock(),e.createElementBlock("div",is,[e.createElementVNode("div",cs,[e.createVNode(e.unref(l.SvComponent),{is:"sv-popup",model:e.unref(o).questionTypeSelectorModel.popupModel},null,8,["model"])]),e.createElementVNode("div",ds,[e.createVNode(e.unref(l.SvComponent),{is:"svc-add-new-question-btn",item:{data:e.unref(o)},buttonClass:"svc-action-button",renderPopup:!1},null,8,["item"])])])):e.createCommentVNode("",!0),e.unref(o).element.isInteractiveDesignElement?(e.openBlock(),e.createElementBlock("div",{key:2,class:"svc-question__content-actions",onFocusin:r[1]||(r[1]=a=>e.unref(o).select(e.unref(o),a))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:e.unref(o).actionContainer,handleClick:!1},null,8,["model"])],32)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],2)),[[e.unref(l.key2ClickDirective),{disableTabStop:!0}]])],42,xn)):e.createCommentVNode("",!0)}}),ps=["data-sv-drop-target-item-value"],ks=e.createElementVNode("div",{class:"svc-item-value__ghost"},null,-1),fs={class:"svc-item-value-controls"},_s={key:0,class:"svc-item-value-controls__button svc-item-value-controls__drag"},Cs=["aria-label"],gs=["aria-label"],bs=e.defineComponent({__name:"ItemValue",props:{componentName:{},componentData:{}},setup(i){const n=e.ref(),o=i,t=e.computed(()=>o.componentData.data.creator),s=e.computed(()=>o.componentData.question),r=e.computed(()=>o.componentData.item),a=e.watch(()=>r.value,(p,d)=>{p&&n.value&&p.setRootElement(n.value),d&&d.setRootElement(void 0)});e.onMounted(()=>{n.value&&r.value&&r.value.setRootElement(n.value)}),e.onUnmounted(()=>{r.value.setRootElement(void 0)});const c=N(()=>new B.ItemValueWrapperViewModel(t.value,s.value,r.value),[()=>t.value,()=>s.value,()=>r.value],p=>{p.dispose()});return e.onBeforeUnmount(()=>{a()}),(p,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-item-value-wrapper",{"svc-item-value--new":e.unref(c).isNew,"svc-item-value--dragging":e.unref(c).isDragging,"svc-item-value--ghost":e.unref(c).isDragDropGhost,"svc-item-value--movedown":e.unref(c).isDragDropMoveDown,"svc-item-value--moveup":e.unref(c).isDragDropMoveUp}]),onPointerdown:d[4]||(d[4]=k=>e.unref(c).onPointerDown(k)),"data-sv-drop-target-item-value":e.unref(c).isDraggable?r.value.value:null,ref_key:"root",ref:n},[ks,e.createElementVNode("div",fs,[e.unref(c).isDraggable?(e.openBlock(),e.createElementBlock("span",_s,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",class:"svc-item-value-controls__drag-icon",iconName:"icon-drag-24x24",size:"auto",title:e.unref(c).dragTooltip},null,8,["title"])])):e.createCommentVNode("",!0),e.unref(c).allowAdd?e.withDirectives((e.openBlock(),e.createElementBlock("span",{key:1,class:"svc-item-value-controls__button svc-item-value-controls__add",onClick:d[0]||(d[0]=k=>e.unref(c).add(e.unref(c))),role:"button","aria-label":e.unref(c).tooltip},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-add_16x16",size:"auto",title:e.unref(c).tooltip},null,8,["title"])],8,Cs)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0),e.unref(c).allowRemove?e.withDirectives((e.openBlock(),e.createElementBlock("span",{key:2,class:"svc-item-value-controls__button svc-item-value-controls__remove",onClick:d[1]||(d[1]=k=>e.unref(c).remove(e.unref(c))),onBlur:d[2]||(d[2]=k=>e.unref(c).onFocusOut(k)),role:"button","aria-label":e.unref(c).tooltip},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-remove_16x16",size:"auto",title:e.unref(c).tooltip},null,8,["title"])],40,gs)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"svc-item-value__item",onClick:d[3]||(d[3]=k=>e.unref(c).select(e.unref(c),k))},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:p.componentName},p.componentData),null,16,["is"])])],42,ps))}}),Bs=["data-sv-drop-target-item-value"],Ns={class:"svc-image-item-value-wrapper__content"},hs=["accept"],Es={key:0,class:"svc-image-item-value__item"},ys={key:2,class:"svc-context-container svc-image-item-value-controls"},ws={class:"svc-image-item-value__item"},Ss={class:"sd-imagepicker__item sd-imagepicker__item--inline"},qs={class:"sd-imagepicker__label"},Ds={key:0,class:"svc-image-item-value__loading"},$s={key:0,class:"svc-image-item-value__placeholder"},us={key:1},Vs=e.defineComponent({__name:"ImageItemValue",props:{componentName:{},componentData:{}},setup(i){const n=i,o=e.computed(()=>n.componentData.data.creator),t=e.computed(()=>n.componentData.question),s=e.computed(()=>n.componentData.item),r=e.ref(),a=N(()=>{const d=new B.ImageItemValueWrapperViewModel(o.value,t.value,s.value,null,null);return r!=null&&r.value&&(d.itemsRoot=r.value),d},[()=>o.value,()=>t.value,()=>s.value],d=>{d.dispose()}),c=d=>{d.preventDefault()},p=e.computed(()=>{const d=!a.value.getIsNewItemSingle();return{width:d?t.value.renderedImageWidth+"px":void 0,height:d?t.value.renderedImageHeight+"px":void 0}});return e.onMounted(()=>{r.value&&(a.value.itemsRoot=r.value)}),(d,k)=>(e.openBlock(),e.createElementBlock("div",{onPointerdown:k[5]||(k[5]=b=>e.unref(a).onPointerDown(b)),class:e.normalizeClass(e.unref(a).getRootCss()),"data-sv-drop-target-item-value":e.unref(a).isDraggable?s.value.value:null,ref_key:"root",ref:r,onDragstart:c,onDragenter:k[6]||(k[6]=b=>e.unref(a).onDragEnter(b)),onDragover:k[7]||(k[7]=b=>e.unref(a).onDragOver(b)),onDragleave:k[8]||(k[8]=b=>e.unref(a).onDragLeave(b)),onDrop:k[9]||(k[9]=b=>e.unref(a).onDrop(b))},[e.createElementVNode("div",{class:"svc-image-item-value-wrapper__ghost",style:e.normalizeStyle(p.value)},null,4),e.createElementVNode("div",Ns,[e.createElementVNode("input",{type:"file","aria-hidden":"true",tabindex:"-1",accept:e.unref(a).acceptedTypes,class:"svc-choose-file-input"},null,8,hs),!e.unref(a).isNew&&!e.unref(a).isUploading?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(a).isNew?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Es,[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:d.componentName},d.componentData),null,16,["is"])])),e.unref(a).isDraggable&&e.unref(a).canRenderControls?(e.openBlock(),e.createElementBlock("span",{key:1,class:"svc-context-button svc-image-item-value-controls__drag-area-indicator",onPointerdown:k[0]||(k[0]=b=>e.unref(a).onPointerDown(b)),title:void 0,"aria-label":void 0},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-drag-24x24",size:"auto"})],32)):e.createCommentVNode("",!0),e.unref(a).canRenderControls?(e.openBlock(),e.createElementBlock("div",ys,[e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:"svc-context-button",onClick:k[1]||(k[1]=b=>e.unref(a).chooseFile(e.unref(a))),title:void 0,"aria-label":void 0},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",role:"button",iconName:"icon-choosefile",size:"auto",title:e.unref(a).selectFileTitle},null,8,["title"])])),[[e.unref(l.key2ClickDirective)]]),e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:"svc-context-button svc-context-button--danger",onClick:k[2]||(k[2]=b=>e.unref(a).remove(e.unref(a))),title:void 0,"aria-label":void 0},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",role:"button",iconName:"icon-delete",size:"auto",title:e.unref(a).removeFileTitle},null,8,["title"])])),[[e.unref(l.key2ClickDirective)]])])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",ws,[e.createElementVNode("div",Ss,[e.createElementVNode("label",qs,[e.createElementVNode("div",{style:e.normalizeStyle(p.value),class:"sd-imagepicker__image"},[e.unref(a).isUploading?(e.openBlock(),e.createElementBlock("div",Ds,[e.createVNode(e.unref(l.SvComponent),{is:"sv-loading-indicator"})])):e.createCommentVNode("",!0)],4)])])]),e.unref(a).allowAdd&&!e.unref(a).isUploading?(e.openBlock(),e.createElementBlock("div",{key:0,class:"svc-image-item-value-controls",onPointerdown:k[4]||(k[4]=b=>b.stopPropagation())},[e.unref(a).showPlaceholder?(e.openBlock(),e.createElementBlock("span",$s,e.toDisplayString(e.unref(a).placeholderText),1)):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(a).addButtonCss),onClick:k[3]||(k[3]=b=>e.unref(a).chooseNewFile(e.unref(a)))},[e.unref(a).showChooseButtonAsIcon?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"sv-svg-icon",iconName:"icon-add-lg",size:"auto",title:e.unref(a).addFileTitle},null,8,["title"])):(e.openBlock(),e.createElementBlock("span",us,e.toDisplayString(e.unref(a).chooseImageText),1))],2)),[[e.unref(l.key2ClickDirective)]])],32)):e.createCommentVNode("",!0)],64))])],42,Bs))}}),Ts=e.defineComponent({__name:"QuestionEditor",props:{survey:{},style:{}},setup(i){const n=i,o=e.computed(()=>{var r;return(r=n.survey)==null?void 0:r.getAllQuestions()[0]}),t=e.computed(()=>{const r=n.survey;if(r&&o.value){const a=r.getElementWrapperComponentName(o.value);if(a)return a}return"survey-question"}),s=e.computed(()=>{const r=n.survey;let a;return r&&o.value&&(a=r.getElementWrapperComponentData(o.value)),{componentName:"survey-question",componentData:{element:o.value,data:a}}});return(r,a)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(n.style)},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:t.value},s.value),null,16,["is"])],4))}}),Ms=["accept"],zs=[e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#icon-image-48x48"})],-1)],Is={class:"svc-context-container svc-logo-image-controls"},Ps={key:2,class:"svc-logo-image__loading"},Rs=e.defineComponent({__name:"Logo",props:{data:{}},setup(i){const n=i,o=e.computed(()=>n.data),t=e.computed(()=>o.value.survey),s=e.ref(),r=N(()=>new B.LogoImageViewModel(o.value,null),[()=>o.value]),a=e.ref(),c=()=>{a.value=t.value.locLogo.renderedHtml};return e.watch(()=>t.value.locLogo,(p,d)=>{c(),p&&p.onStringChanged.add(c),d&&p.onStringChanged.remove(c)},{immediate:!0}),e.onMounted(()=>{s.value&&(r.value.root=s.value)}),e.onUnmounted(()=>{r.value&&(r.value.root=void 0)}),(p,d)=>(e.openBlock(),e.createElementBlock("div",{class:"svc-logo-image",ref_key:"root",ref:s},[e.createElementVNode("input",{type:"file","aria-hidden":"true",tabindex:"-1",accept:e.unref(r).acceptedTypes,class:"svc-choose-file-input"},null,8,Ms),a.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(r).allowEdit&&!e.unref(r).isUploading?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:"svc-logo-image-placeholder",onClick:d[0]||(d[0]=k=>e.unref(r).chooseFile(e.unref(r)))},zs)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0)],64)),a.value&&!e.unref(r).isUploading?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(r).containerCss)},[e.createElementVNode("div",Is,[e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:"svc-context-button",onClick:d[1]||(d[1]=k=>e.unref(r).chooseFile(e.unref(r))),title:void 0,"aria-label":void 0},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-choosefile",size:"auto"})])),[[e.unref(l.key2ClickDirective)]]),e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:"svc-context-button svc-context-button--danger",onClick:d[2]||(d[2]=k=>e.unref(r).remove(e.unref(r))),title:void 0,"aria-label":void 0},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-clear",size:"auto"})])),[[e.unref(l.key2ClickDirective)]])]),e.createVNode(e.unref(l.SvComponent),{is:"sv-logo-image",data:t.value},null,8,["data"])],2)):e.createCommentVNode("",!0),e.unref(r).isUploading?(e.openBlock(),e.createElementBlock("div",Ps,[e.createVNode(e.unref(l.SvComponent),{is:"sv-loading-indicator"})])):e.createCommentVNode("",!0)],512))}}),Fs={key:0,class:"svc-search"},Ls={class:"svc-search__search-icon"},As=["aria-label","placeholder"],Qs={class:"svc-search__toolbar"},Ks={class:"svc-search__toolbar-counter"},Hs=e.defineComponent({__name:"Search",props:{model:{}},setup(i){const n=i;l.useBase(()=>n.model);const o=e.computed({get:()=>n.model.filterString,set:t=>{const s=n.model;s.filterString=t}});return(t,s)=>t.model.isVisible?(e.openBlock(),e.createElementBlock("div",Fs,[e.createElementVNode("div",Ls,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-search",size:"auto"})]),e.withDirectives(e.createElementVNode("input",{type:"text",class:"svc-search__input","onUpdate:modelValue":s[0]||(s[0]=r=>o.value=r),"aria-label":t.model.filterStringPlaceholder,placeholder:t.model.filterStringPlaceholder},null,8,As),[[e.vModelText,o.value]]),e.createElementVNode("div",Qs,[e.createElementVNode("div",Ks,e.toDisplayString(t.model.matchCounterText),1),e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:t.model.searchActionBar},null,8,["model"])])])):e.createCommentVNode("",!0)}}),Os=["title"],Gs=e.defineComponent({__name:"PageNavigator",props:{pagesController:{},pageEditMode:{}},setup(i){const n=i,o=N(()=>new B.PageNavigatorViewModel(n.pagesController,n.pageEditMode),[()=>n.pagesController,()=>n.pageEditMode]),t=e.ref();return e.onMounted(()=>{if(n.pageEditMode!=="bypage"){const s=t.value,r=o.value;s&&r.attachToUI(s)}}),e.onBeforeUnmount(()=>{const s=o.value;s.stopItemsContainerHeightObserver(),s.setScrollableContainer(void 0)}),e.onUnmounted(()=>{o.value.dispose()}),(s,r)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"svc-page-navigator",ref_key:"root",ref:t},[e.createElementVNode("div",null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{role:"button",class:e.normalizeClass(["svc-page-navigator__selector svc-page-navigator__button",{"svc-page-navigator__button--pressed":e.unref(o).isPopupOpened}]),onClick:r[0]||(r[0]=a=>e.unref(o).togglePageSelector(a)),title:e.unref(o).pageSelectorCaption},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",class:"svc-page-navigator__button-icon",iconName:e.unref(o).icon,size:"auto"},null,8,["iconName"])],10,Os)),[[e.unref(l.key2ClickDirective)]]),e.createVNode(e.unref(l.SvComponent),{is:"sv-popup",model:e.unref(o).popupModel},null,8,["model"])]),e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).visibleItems,a=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{is:"svc-page-navigator-item",key:a.id,model:a},null,8,["model"]))),128))])],512)),[[e.vShow,e.unref(o).visible]])}}),Ws={class:"svc-page-navigator-item"},js=["title"],Js=[e.createElementVNode("div",{class:"svc-page-navigator-item__dot-content"},null,-1)],Zs={class:"svc-page-navigator-item__banner"},Xs={class:"svc-page-navigator-item__text"},Ys=e.createElementVNode("span",{class:"svc-page-navigator-item__dot"},[e.createElementVNode("span",{class:"svc-page-navigator-item__dot-content"})],-1),xs=e.defineComponent({__name:"PageNavigatorItem",props:{model:{}},setup(i){const n=i;l.useBase(()=>n.model);const o=t=>{n.model.action(),t.stopPropagation(),t.preventDefault()};return(t,s)=>(e.openBlock(),e.createElementBlock("div",Ws,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{role:"button",class:e.normalizeClass(["svc-page-navigator-item-content",{"svc-page-navigator-item--selected":t.model.active,"svc-page-navigator-item--disabled":t.model.disabled}]),onClick:s[0]||(s[0]=r=>o(r))},[e.createElementVNode("div",{class:"svc-page-navigator-item__dot",title:t.model.title},Js,8,js),e.createElementVNode("div",Zs,[e.createElementVNode("span",Xs,e.toDisplayString(t.model.title),1),Ys])],2)),[[e.unref(l.key2ClickDirective)]])]))}}),Us={class:"svc-question__dropdown-choices--wrapper"},vs={class:"svc-question__dropdown-choices"},el=e.defineComponent({__name:"Dropdown",props:{model:{},element:{}},setup(i){const n=i,o=s=>n.element.getItemValueWrapperComponentName(s)||n.model.itemComponent,t=s=>({componentName:n.model.itemComponent,componentData:{question:n.element,item:s,data:n.element.getItemValueWrapperComponentData(s)}});return(s,r)=>(e.openBlock(),e.createElementBlock("div",Us,[e.createElementVNode("div",null,[e.createElementVNode("div",vs,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.model.getRenderedItems(),a=>(e.openBlock(),e.createElementBlock("div",{key:a.value,class:e.normalizeClass(s.model.getChoiceCss())},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:o(a)},t(a)),null,16,["is"])],2))),128))]),s.model.needToCollapse?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"svc-action-button",text:s.model.getButtonText(),click:s.model.switchCollapse.bind(s.model),allowBubble:!0},null,8,["text","click"])):e.createCommentVNode("",!0)])]))}}),ol=e.defineComponent({__name:"QuestionDropdown",props:{componentName:{},componentData:{}},setup(i){const n=i,o=()=>new B.QuestionDropdownAdornerViewModel(n.componentData.data,n.componentData.element,null);return(t,s)=>(e.openBlock(),e.createBlock(u,{"create-model":o,element:t.componentData.element,"component-name":t.componentName,"component-data":t.componentData,"adorner-component":"svc-dropdown-question-adorner"},null,8,["element","component-name","component-data"]))}}),tl={class:"svc-question__adorner"},nl={class:"svc-question__content svc-question__content--in-popup"},sl={class:"svc-question__dropdown-choices"},I="survey-radiogroup-item",ll=e.defineComponent({__name:"CellQuestionDropdown",props:{componentName:{},componentData:{}},setup(i){const n=i,o=e.computed(()=>n.componentData.element),t=r=>o.value.getItemValueWrapperComponentName(r)||I,s=r=>({componentName:I,componentData:{question:o.value,item:r,data:o.value.getItemValueWrapperComponentData(r)}});return l.useBase(()=>o.value),(r,a)=>(e.openBlock(),e.createElementBlock("div",tl,[e.createElementVNode("div",nl,[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:r.componentName},r.componentData),null,16,["is"]),e.createElementVNode("div",sl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value.visibleChoices,c=>(e.openBlock(),e.createElementBlock("div",{key:c.value,class:"svc-question__dropdown-choice"},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:t(c)},s(c)),null,16,["is"])]))),128))])])]))}}),al=["data-sv-drop-target-survey-element"],rl=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--left"},null,-1),il=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--right"},null,-1),cl=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--top"},null,-1),dl=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--bottom"},null,-1),ml={class:"svc-widget__content"},pl={key:1,class:"svc-panel__placeholder_frame"},kl=[e.createElementVNode("div",{class:"svc-panel__placeholder","data-bind":"text: placeholderText"},null,-1)],fl={class:"svc-question__content-actions"},_l={key:0,class:"svc-panel__placeholder_frame"},Cl={class:"svc-panel__placeholder"},gl=e.defineComponent({__name:"CustomWidget",props:{componentName:{},componentData:{}},setup(i){const n=i,o=e.ref(),t=N(()=>new B.QuestionAdornerViewModel(n.componentData.data,n.componentData.element,null),[()=>n.componentData.data,()=>n.componentData.element],s=>{s.dispose()});return e.onUpdated(()=>{o.value&&t.value&&(t.value.rootElement=o.value)}),e.onMounted(()=>{o.value&&t.value&&(t.value.rootElement=o.value)}),(s,r)=>e.unref(t)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["svc-question__adorner",e.unref(t).rootCss()]),onMouseover:r[2]||(r[2]=a=>e.unref(t).hover(a,a.currentTarget)),onMouseleave:r[3]||(r[3]=a=>e.unref(t).hover(a,a.currentTarget)),"data-sv-drop-target-survey-element":e.unref(t).element.name||null,ref_key:"root",ref:o},[e.unref(t).element.isInteractiveDesignElement?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["svc-question__content",e.unref(t).css()]),onClick:r[1]||(r[1]=a=>e.unref(t).select(e.unref(t),a)),"data-bind":"clickBubble: false"},[rl,il,cl,dl,e.unref(t).allowDragging?(e.openBlock(),e.createElementBlock("div",{key:0,class:"svc-question__drag-area",onPointerdown:r[0]||(r[0]=a=>e.unref(t).onPointerDown(a))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",class:"svc-question__drag-element",iconName:"icon-drag-area-indicator_24x16",size:"auto"})],32)):e.createCommentVNode("",!0),e.createElementVNode("div",ml,[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:s.componentName},s.componentData),null,16,["is"])]),e.unref(t).isEmptyElement?(e.openBlock(),e.createElementBlock("div",pl,kl)):e.createCommentVNode("",!0),e.createElementVNode("div",fl,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:e.unref(t).actionContainer,handleClick:!1},null,8,["model"])])],2)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0),e.unref(t).element.isInteractiveDesignElement?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:s.componentName},s.componentData),null,16,["is"]),e.unref(t).isEmptyElement?(e.openBlock(),e.createElementBlock("div",_l,[e.createElementVNode("div",Cl,e.toDisplayString(e.unref(t).placeholderText),1)])):e.createCommentVNode("",!0)],64))],42,al)):e.createCommentVNode("",!0)}}),bl={class:"svc-carry-forward-panel-wrapper"},Bl={class:"svc-carry-forward-panel"},Nl={class:"svc-carry-forward-panel__link"},hl=e.defineComponent({__name:"QuestionBanner",props:{model:{}},setup(i){return(n,o)=>(e.openBlock(),e.createElementBlock("div",bl,[e.createElementVNode("div",Bl,[e.createElementVNode("span",null,e.toDisplayString(n.model.text)+e.toDisplayString(" "),1),e.createElementVNode("span",Nl,[e.createVNode(e.unref(l.SvComponent),{is:"svc-action-button",text:n.model.actionText,click:n.model.onClick.bind(n.model)},null,8,["text","click"])])])]))}});function El(i,n,o){i(n,o)}function P(i){const n=El.bind(void 0,i);n("svc-tabbed-menu",J),n("svc-tabbed-menu-item-wrapper",X),n("svc-tabbed-menu-item",x),n("svc-side-bar",oe),n("svc-side-bar-default-header",le),n("svc-side-bar-page",ae),n("svc-tabs",ce),n("svc-tab-control",Ce),n("svc-tab-button",he),n("svc-property-grid-placeholder",De),n("svc-side-bar-header",ze),n("svc-side-bar-property-grid-header",Qe),n("svc-property-grid",ie),n("svc-object-selector",re),n("svc-search",Hs),n("svc-switcher",xe),n("svc-action-button",je),n("svc-question-error",Ke),n("survey-embeddedsurvey",Oo),n("sv-logic-operator",Ho),n("survey-linkvalue",Go),n("survey-color",rt),n("color-item",it),n("sv-boolean-switch",yt),n("survey-fileedit",kt),n("survey-spinedit",gt),n("survey-textwithreset",M),n("survey-commentwithreset",M),n("survey-widget",l.SurveyComponent),n("survey-simulator",eo),n("svc-tab-preview",ao),n("svc-complete-page",io),n("survey-results",No),n("survey-results-table-row",Eo),n("json-error-item",Po),n("svc-tab-json-editor-textarea",To),n("svc-tab-json-editor-ace",qo),n("svc-tab-translation",Xo),n("sd-translation-line-skeleton",et),n("svc-translate-from-action",ot),n("svc-tab-logic",Ao),n("svc-tab-theme",st),n("svc-toolbox",Rt),n("svc-toolbox-list",Zt),n("svc-toolbox-category",Jt),n("svc-toolbox-tool",Lt),n("svc-toolbox-item",Ht),n("svc-toolbox-item-group",Ot),n(B.editableStringRendererName,Tt),n("svc-tab-designer",an),n("svc-page-navigator",Gs),n("svc-page-navigator-item",xs),n("svc-page",gn),n("svc-row",wn),n("svc-add-new-question-btn",Bn),n("svc-add-question-type-selector",hn),n("svc-question",z),n("svc-rating-question",z),n("svc-rating-question-content",Wn),n("svc-image-question",Pn),n("svc-image-question-adorner",Kn),n("svc-matrix-cell",Jn),n("svc-cell-question",Yn),n("svc-cell-dropdown-question",ll),n("svc-question-editor-content",Ts),n("svc-logo-image",Rs),n("svc-panel",ms),n("svc-item-value",bs),n("svc-image-item-value",Vs),n("svc-dropdown-question",ol),n("svc-dropdown-question-adorner",el),n("svc-widget-question",gl),n("svc-question-banner",hl)}P((i,n)=>l.ComponentFactory.Instance.registerComponent(i,n));const yl={install(i){i.component("SurveyCreatorComponent",V),P((n,o)=>{i.component(n,o),l.ComponentFactory.Instance.registerComponent(n,n)})}};y.SurveyCreatorComponent=V,y.surveyCreatorPlugin=yl,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});
1
+ (function(y,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("survey-vue3-ui"),require("vue"),require("survey-creator-core"),require("survey-core")):typeof define=="function"&&define.amd?define(["exports","survey-vue3-ui","vue","survey-creator-core","survey-core"],l):(y=typeof globalThis<"u"?globalThis:y||self,l(y.SurveyCreatorVue={},y.SurveyVue,y.Vue,y.SurveyCreatorCore,y.Survey))})(this,function(y,l,e,B,q){"use strict";const F={class:"svc-flex-column svc-flex-row__element svc-flex-row__element--growing"},L={class:"svc-top-bar"},A={key:0,class:"svc-tabbed-menu-wrapper"},Q=["v-show"],K={class:"svc-creator__content-holder svc-flex-column"},H=["aria-labelledby","id"],O={key:0,class:"svc-footer-bar"},G=["v-show"],W={key:0,class:"svc-creator__banner"},j=["innerHTML"],V=e.defineComponent({__name:"Creator",props:{model:{}},setup(i){const n=i,o=e.computed(()=>e.toRaw(n.model)),t=e.ref();return l.useBase(()=>o.value,(s,r)=>{r&&r.unsubscribeRootElement(),s&&t.value&&s.setRootElement(t.value)}),e.onMounted(()=>{t.value&&n.model.setRootElement(t.value)}),e.onUnmounted(()=>{n.model.unsubscribeRootElement()}),(s,r)=>o.value.isCreatorDisposed?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(l.SvComponent),{is:"survey-popup-modal"}),e.createElementVNode("div",{class:e.normalizeClass(o.value.getRootCss()),style:e.normalizeStyle(o.value.themeVariables),ref_key:"root",ref:t},[e.createElementVNode("div",null,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-bundle"})]),e.createElementVNode("div",{class:e.normalizeClass(["svc-full-container svc-creator__area svc-flex-column",{"svc-creator__area--with-banner":!o.value.haveCommercialLicense}])},[e.createElementVNode("div",{class:e.normalizeClass(["svc-flex-row svc-full-container",{"svc-creator__side-bar--left":o.value.sidebarLocation=="left"}])},[e.createElementVNode("div",F,[e.createElementVNode("div",L,[o.value.showTabs?(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(e.unref(l.SvComponent),{is:"svc-tabbed-menu",model:o.value.tabbedMenu},null,8,["model"])])):e.createCommentVNode("",!0),o.value.showToolbar?(e.openBlock(),e.createElementBlock("div",{key:1,class:"svc-toolbar-wrapper","v-show":o.value.showToolbar},[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:o.value.toolbar},null,8,["model"])],8,Q)):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:e.normalizeClass(["svc-creator__content-wrapper svc-flex-row",{"svc-creator__content-wrapper--footer-toolbar":o.value.isMobileView}])},[e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value.tabs,a=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o.value.viewType==a.id&&a.visible?(e.openBlock(),e.createElementBlock("div",{role:"tabpanel",class:e.normalizeClass(["svc-creator-tab",{"svc-creator__toolbox--right":o.value.toolboxLocation=="right"}]),key:a.id,"aria-labelledby":"tab-"+a.id,id:"scrollableDiv-"+a.id},[e.createVNode(e.unref(l.SvComponent),{is:a.componentContent,model:a.data.model},null,8,["is","model"])],10,H)):e.createCommentVNode("",!0)],64))),256))])],2),o.value.isMobileView?(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("div",{class:"svc-toolbar-wrapper","v-show":o.value.isMobileView},[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:o.value.footerToolbar},null,8,["model"])],8,G)])):e.createCommentVNode("",!0)]),o.value.sidebar?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"svc-side-bar",model:o.value.sidebar},null,8,["model"])):e.createCommentVNode("",!0)],2),o.value.haveCommercialLicense?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",W,[e.createElementVNode("span",{class:"svc-creator__non-commercial-text",innerHTML:o.value.licenseText},null,8,j)])),e.createVNode(e.unref(l.SvComponent),{is:"sv-notifier",model:o.value.notifier},null,8,["model"])],2)],6)],64))}}),J=e.defineComponent({__name:"TabbedMenu",props:{model:{}},setup(i){const n=i,o=e.ref();return l.useBase(()=>n.model),e.onUpdated(()=>{n.model.initResponsivityManager(o.value)}),e.onMounted(()=>{n.model.initResponsivityManager(o.value)}),e.onUnmounted(()=>{n.model.resetResponsivityManager()}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:"svc-tabbed-menu",ref_key:"container",ref:o,role:"tablist",style:e.normalizeStyle(t.model.getRootStyle())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.model.renderedActions,r=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:r.renderedId,is:"svc-tabbed-menu-item-wrapper",item:r},null,8,["item"]))),128))],4))}}),Z={class:"sv-action__content"},X=e.defineComponent({__name:"TabbedMenuItemWrapper",props:{item:{}},setup(i){const n=e.ref(),o=i;return l.useBase(()=>o.item),e.onMounted(()=>{const t=o.item;t.updateModeCallback=(s,r)=>{t.mode=s,e.nextTick(()=>r(s,n.value))},t.afterRender()}),e.onUnmounted(()=>{const t=o.item;t.updateModeCallback=void 0}),(t,s)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["svc-tabbed-menu-item-container",[t.item.isVisible?"":"sv-action--hidden",t.item.css]]),ref_key:"root",ref:n},[e.createElementVNode("div",Z,[e.createVNode(e.unref(l.SvComponent),{is:t.item.component||"svc-tabbed-menu-item",item:t.item},null,8,["is","item"])])],2))}}),Y=["id","aria-selected","aria-controls"],x=e.defineComponent({__name:"TabbedMenuItem",props:{item:{}},setup(i){const n=i;return l.useBase(()=>n.item),(o,t)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{role:"tab",id:"tab-"+o.item.id,"aria-selected":o.item.active,"aria-controls":"scrollableDiv-"+o.item.id,class:e.normalizeClass(["svc-tabbed-menu-item",o.item.getRootCss()]),onClick:t[0]||(t[0]=(...s)=>o.item.doAction&&o.item.doAction(...s))},[o.item.hasTitle?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(o.item.getTitleCss())},e.toDisplayString(o.item.title),3)):e.createCommentVNode("",!0),o.item.hasIcon?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:1,is:"sv-svg-icon",iconName:o.item.iconName,size:"auto",class:e.normalizeClass(o.item.getIconCss()),title:o.item.tooltip||o.item.title},null,8,["iconName","class","title"])):e.createCommentVNode("",!0)],10,Y)),[[e.unref(l.key2ClickDirective)]])}}),U={class:"svc-flex-row svc-side-bar__wrapper"},v={class:"svc-side-bar__container-wrapper"},ee={class:"svc-side-bar__container-content"},oe=e.defineComponent({__name:"SideBar",props:{model:{}},setup(i){const n=i,o=e.ref();return l.useBase(()=>n.model),e.onMounted(()=>{n.model.initResizeManager(o.value)}),e.onUnmounted(()=>{n.model.resetResizeManager()}),(t,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-side-bar",t.model.rootCss])},[e.withDirectives(e.createElementVNode("div",{class:"svc-side-bar__shadow",onClick:s[0]||(s[0]=()=>t.model.collapseSidebar())},null,512),[[e.vShow,t.model.renderContainer]]),e.createElementVNode("div",U,[e.withDirectives(e.createElementVNode("div",v,[e.createElementVNode("div",{class:"svc-side-bar__container",ref_key:"root",ref:o},[e.createVNode(e.unref(l.SvComponent),{is:t.model.header.component,model:t.model.header.componentModel},null,8,["is","model"]),e.createElementVNode("div",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.model.pages,(r,a)=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:a,is:"svc-side-bar-page",model:r},null,8,["model"]))),128))])],512)],512),[[e.vShow,t.model.renderContainer]]),t.model.sideAreaComponentName?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:t.model.sideAreaComponentName,model:t.model.sideAreaComponentData},null,8,["is","model"])):e.createCommentVNode("",!0)])],2)),[[e.vShow,t.model.renderRoot]])}}),te={class:"svc-side-bar__container-header"},ne={class:"svc-side-bar__container-actions"},se={key:0,class:"svc-side-bar__container-title"},le=e.defineComponent({__name:"SideBarDefaultHeader",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("div",ne,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:o.model.toolbar},null,8,["model"])]),o.model.title?(e.openBlock(),e.createElementBlock("div",se,e.toDisplayString(o.model.title),1)):e.createCommentVNode("",!0)]))}}),ae=e.defineComponent({__name:"SideBarPage",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>o.model.visible?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:o.model.componentName,model:o.model.componentData},null,8,["is","model"])):e.createCommentVNode("",!0)}}),re=e.defineComponent({__name:"ObjectSelector",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>o.model.isVisible?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"sv-list",model:o.model.list},null,8,["model"])):e.createCommentVNode("",!0)}}),ie=e.defineComponent({__name:"PropertyGrid",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.model.rootCss)},[e.createVNode(e.unref(l.SvComponent),{is:"svc-search",model:o.model.searchManager},null,8,["model"]),o.model.survey?(e.openBlock(),e.createBlock(e.unref(l.SurveyComponent),{key:0,survey:o.model.survey},null,8,["survey"])):e.createCommentVNode("",!0)],2))}}),ce=e.defineComponent({__name:"Tabs",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.model.actions,(s,r)=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:r,is:"svc-tab-button",model:s},null,8,["model"]))),128))}}),de={class:"svc-sidebar-tabs__top-container"},me={class:"svc-sidebar-tabs__collapse-button"},pe=e.createElementVNode("div",{class:"svc-sidebar-tabs__separator"},[e.createElementVNode("div")],-1),ke={class:"svc-sidebar-tabs__items"},fe={class:"svc-sidebar-tabs__bottom-container"},_e={class:"svc-sidebar-tabs__items"},Ce=e.defineComponent({__name:"TabControl",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.model.sideBarClassName)},[e.createElementVNode("div",de,[e.createElementVNode("div",me,[e.createVNode(e.unref(l.SvComponent),{is:"svc-tab-button",model:o.model.expandCollapseAction},null,8,["model"])]),pe,e.createVNode(e.unref(l.SvComponent),{is:"sv-scroll"},{default:e.withCtx(()=>[e.createElementVNode("div",ke,[e.createVNode(e.unref(l.SvComponent),{is:"svc-tabs",model:o.model.topToolbar},null,8,["model"])])]),_:1})]),e.createElementVNode("div",fe,[e.createElementVNode("div",_e,[e.createVNode(e.unref(l.SvComponent),{is:"svc-tabs",model:o.model.bottomToolbar},null,8,["model"])])])],2))}}),ge={key:0,class:"svc-menu-action"},be=["title"],Be={class:"svc-menu-action__icon"},Ne={class:"svc-menu-action__icon-container"},he=e.defineComponent({__name:"TabButton",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>o.model.visible?(e.openBlock(),e.createElementBlock("div",ge,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.model.buttonClassName),title:o.model.tooltip,onClick:t[0]||(t[0]=s=>o.model.action())},[e.createElementVNode("div",Be,[e.createElementVNode("div",Ne,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:o.model.iconName,size:"auto"},null,8,["iconName"])])])],10,be)),[[e.unref(l.key2ClickDirective),{processEsc:!1,disableTabStop:o.model.disableTabStop}]])])):e.createCommentVNode("",!0)}}),Ee={class:"svc-property-grid-placeholder"},ye={class:"svc-property-grid-placeholder__header"},we={class:"svc-property-grid-placeholder__title"},Se={class:"svc-property-grid-placeholder__description"},qe=e.createElementVNode("div",{class:"svc-property-grid-placeholder__content"},[e.createElementVNode("div",{class:"svc-property-grid-placeholder__gap"}),e.createElementVNode("div",{class:"svc-property-grid-placeholder__image"})],-1),De=e.defineComponent({__name:"PropertyGridPlaceholder",setup(i){const n=B.editorLocalization;return(o,t)=>(e.openBlock(),e.createElementBlock("div",Ee,[e.createElementVNode("div",ye,[e.createElementVNode("span",we,e.toDisplayString(e.unref(n).getString("ed.propertyGridPlaceholderTitle")),1),e.createElementVNode("span",Se,e.toDisplayString(e.unref(n).getString("ed.propertyGridPlaceholderDescription")),1)]),qe]))}}),$e={class:"svc-side-bar__container-header svc-sidebar__header-container"},ue={key:0,class:"svc-side-bar__container-title"},Ve={key:1,class:"svc-sidebar__header-caption"},Te={class:"svc-sidebar__header-title"},Me={class:"svc-sidebar__header-subtitle"},ze=e.defineComponent({__name:"SideBarHeader",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",$e,[o.model.subTitle?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ue,e.toDisplayString(o.model.title),1)),o.model.subTitle?(e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("span",Te,e.toDisplayString(o.model.title),1),e.createElementVNode("span",Me,e.toDisplayString(o.model.subTitle),1)])):e.createCommentVNode("",!0)]))}}),Ie={class:"svc-sidebar__header svc-sidebar__header--tabbed"},Pe={class:"svc-sidebar__header-container svc-sidebar__header-container--with-subtitle"},Re={class:"svc-sidebar__header-content"},Fe={class:"svc-sidebar__header-caption"},Le={class:"svc-sidebar__header-title"},Ae={class:"svc-sidebar__header-subtitle"},Qe=e.defineComponent({__name:"SideBarPropertyGridHeader",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",Ie,[e.createElementVNode("div",Pe,[e.createElementVNode("div",Re,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.model.buttonClassName),onClick:t[0]||(t[0]=s=>o.model.action())},[e.createElementVNode("div",Fe,[e.createElementVNode("span",Le,e.toDisplayString(o.model.title),1),e.createElementVNode("span",Ae,e.toDisplayString(o.model.tooltip),1)])],2)),[[e.unref(l.key2ClickDirective),{processEsc:!1}]]),e.createVNode(e.unref(l.SvComponent),{is:"sv-popup",model:o.model.popupModel},null,8,["model"])])])]))}}),Ke=e.defineComponent({__name:"QuestionError",props:{errorKey:{},error:{},cssClasses:{},element:{}},setup(i){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{key:n.errorKey},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",class:e.normalizeClass(n.cssClasses.error.icon),iconName:"icon-alert_24x24",size:"auto"},null,8,["class"]),e.createElementVNode("span",{class:e.normalizeClass(n.cssClasses?n.cssClasses.error.item||void 0:"panel-error-item")},[e.createVNode(e.unref(l.SvComponent),{is:"survey-string",locString:n.error.locText},null,8,["locString"])],2)]))}}),He=["title"],Oe=["title"],Ge=["title"],We=["title"],je=e.defineComponent({__name:"ActionButton",props:{classes:{},selected:{type:Boolean},disabled:{type:Boolean},text:{},title:{},allowBubble:{type:Boolean},click:{type:Function},iconName:{}},setup(i){const n=i,o=s=>{n.click(),n.allowBubble||s.stopPropagation()},t=()=>new q.CssClassBuilder().append(n.classes||"").append("svc-action-button").append("svc-action-button--icon",!!n.iconName).append("svc-action-button--selected",!!n.selected).append("svc-action-button--disabled",!!n.disabled).toString();return(s,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[s.iconName?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.disabled?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["svc-action-button svc-action-button--disabled",s.classes]),title:s.title},e.toDisplayString(s.text),11,He)):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("span",{role:"button",class:e.normalizeClass(["svc-action-button",t()]),onClick:o,title:s.title},[e.createTextVNode(e.toDisplayString(s.text),1)],10,Oe)),[[e.unref(l.key2ClickDirective)]])],64)),s.iconName?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[s.disabled?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(t()),title:s.title},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:s.iconName,size:"auto"},null,8,["iconName"])],10,Ge)):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("span",{role:"button",onClick:o,class:e.normalizeClass(t()),title:s.title},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:s.iconName,size:"auto"},null,8,["iconName"])],10,We)),[[e.unref(l.key2ClickDirective)]])],64)):e.createCommentVNode("",!0)],64))}}),Je=["disabled","title","aria-checked","aria-expanded","role"],Ze=[e.createElementVNode("div",{class:"svc-switcher__icon-thumb"},null,-1)],Xe={key:0,class:"svc-switcher__title"},Ye={inheritAttrs:!1},xe=e.defineComponent({...Ye,__name:"Switcher",props:{item:{}},setup(i){const n=i;return l.useBase(()=>n.item),(o,t)=>e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(o.item.getActionBarItemCss()),type:"button",onClick:t[0]||(t[0]=s=>{o.item.action(o.item,!!s.pointerType)}),onKeyup:t[1]||(t[1]=s=>{s.stopPropagation()}),disabled:o.item.disabled,title:o.item.tooltip||o.item.title,"aria-checked":o.item.ariaChecked,"aria-expanded":o.item.ariaExpanded,role:o.item.ariaRole},[e.createElementVNode("div",{class:e.normalizeClass(o.item.getSwitcherIconCss())},Ze,2),o.item.hasTitle?(e.openBlock(),e.createElementBlock("span",Xe,e.toDisplayString(o.item.title),1)):e.createCommentVNode("",!0)],42,Je)),[[e.unref(l.key2ClickDirective),{processEsc:!1,disableTabStop:o.item.disableTabStop}]])}}),Ue={key:0,class:"svd-simulator-content"},ve={class:"svd-simulator-content"},eo=e.defineComponent({__name:"Simulator",props:{model:{}},setup(i){const n=i;l.useBase(()=>n.model);const o=e.computed(()=>n.model.simulatorFrame),t=()=>{n.model.device!=="desktop"&&n.model.activateZoom()},s=()=>{n.model.device!=="desktop"&&n.model.deactivateZoom()};return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.model.getRootCss()),onKeydown:a[0]||(a[0]=c=>r.model.tryToZoom(void 0,c)),onMouseover:a[1]||(a[1]=c=>t()),onMouseout:a[2]||(a[2]=c=>s())},[r.model.hasFrame?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Ue,[e.createVNode(e.unref(l.SvComponent),{is:"survey-widget",model:r.model.survey},null,8,["model"])])),r.model.hasFrame?(e.openBlock(),e.createElementBlock("div",{key:1,class:"svd-simulator-wrapper",id:"svd-simulator-wrapper",style:e.normalizeStyle({width:o.value.frameWidth+"px",height:o.value.frameHeight+"px"})},[e.createElementVNode("div",{class:"svd-simulator",style:e.normalizeStyle({width:o.value.deviceWidth+"px",height:o.value.deviceHeight+"px",transform:"scale("+o.value.scale+") translate(-50%, -50%)"})},[e.createElementVNode("div",ve,[e.createVNode(e.unref(l.SvComponent),{is:"survey-widget",model:r.model.survey},null,8,["model"])])],4)],4)):e.createCommentVNode("",!0)],34))}}),oo={class:"svc-surface-placeholder"},to={class:"svc-surface-placeholder__text"},no={class:"svc-surface-placeholder__title"},so={class:"svc-surface-placeholder__description"},S=e.defineComponent({__name:"SurfacePlaceholder",props:{name:{},placeholderTitleText:{},placeholderDescriptionText:{}},setup(i){const n=i;return(o,t)=>(e.openBlock(),e.createElementBlock("div",oo,[e.createElementVNode("div",{class:e.normalizeClass(["svc-surface-placeholder__image","svc-surface-placeholder__image--"+o.name])},null,2),e.createElementVNode("div",to,[e.createElementVNode("div",no,e.toDisplayString(n.placeholderTitleText),1),e.createElementVNode("div",so,e.toDisplayString(n.placeholderDescriptionText),1)])]))}}),lo={key:2,class:"svc-plugin-tab__content-actions svc-test-tab__content-actions"},ao=e.defineComponent({__name:"Test",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-creator-tab__content svc-test-tab__content",{"svc-creator-tab__content--with-toolbar":o.model.isPageToolbarVisible}])},[o.model.survey.isEmpty?(e.openBlock(),e.createBlock(S,{key:0,name:"preview",placeholderTitleText:o.model.placeholderTitleText,placeholderDescriptionText:o.model.placeholderDescriptionText},null,8,["placeholderTitleText","placeholderDescriptionText"])):e.createCommentVNode("",!0),o.model.survey.isEmpty?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:"svc-plugin-tab__content",onScroll:t[0]||(t[0]=s=>o.model.onScroll())},[e.createVNode(e.unref(l.SvComponent),{is:"survey-simulator",model:o.model.simulator},null,8,["model"]),o.model.showResults?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-results",survey:o.model.survey},null,8,["survey"])):e.createCommentVNode("",!0)],32)),o.model.isPageToolbarVisible?(e.openBlock(),e.createElementBlock("div",lo,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:o.model.pages},null,8,["model"])])):e.createCommentVNode("",!0)],2))}}),ro={class:"svc-btn__text"},io=e.defineComponent({inheritAttrs:!1,__name:"TestAgain",props:{model:{}},setup(i){const n=i,o=e.computed(()=>n.model.testAgainAction);return l.useBase(()=>o.value),(t,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{role:"button",class:"svc-preview__test-again svc-btn",onClick:s[0]||(s[0]=r=>o.value.action())},[e.createElementVNode("span",ro,e.toDisplayString(o.value.title),1)])),[[e.unref(l.key2ClickDirective)]])}});function N(i,n,o){const t=e.shallowRef(),s=e.watch(n.map(r=>()=>r()),()=>{t.value=i()},{immediate:!0});return l.useBase(()=>t.value,void 0,o),e.onBeforeUnmount(()=>{s()}),t}const co={key:0,class:"svd-test-results"},mo={class:"svd-test-results__content"},po={class:"svd-test-results__header"},ko={class:"svd-test-results__header-text"},fo={class:"svd-test-results__header-types"},_o={class:"svd-test-results__text svd-light-bg-color"},Co={class:"svd-test-results__table svd-light-bg-color"},go={class:"svd-light-background-color"},bo={class:"svd-dark-border-color"},Bo={class:"svd-dark-border-color"},No=e.defineComponent({__name:"SurveyResults",props:{survey:{}},setup(i){const n=i,o=N(()=>n.survey?new B.SurveyResultsModel(n.survey):void 0,[()=>n.survey]);return(t,s)=>e.unref(o)?(e.openBlock(),e.createElementBlock("div",co,[e.createElementVNode("div",mo,[e.createElementVNode("div",po,[e.createElementVNode("div",ko,e.toDisplayString(e.unref(o).surveyResultsText),1),e.createElementVNode("div",fo,[e.createVNode(e.unref(l.SvComponent),{is:"svc-action-button",text:e.unref(o).surveyResultsTableText,click:e.unref(o).selectTableClick,disabled:!1,selected:e.unref(o).isTableSelected},null,8,["text","click","selected"]),e.createVNode(e.unref(l.SvComponent),{is:"svc-action-button",text:e.unref(o).surveyResultsJsonText,click:e.unref(o).selectJsonClick,disabled:!1,selected:e.unref(o).isJsonSelected},null,8,["text","click","selected"])])]),e.withDirectives(e.createElementVNode("div",_o,[e.createElementVNode("div",null,e.toDisplayString(e.unref(o).resultText),1)],512),[[e.vShow,e.unref(o).resultViewType==="text"]]),e.withDirectives(e.createElementVNode("div",Co,[e.createElementVNode("table",null,[e.createElementVNode("thead",null,[e.createElementVNode("tr",go,[e.createElementVNode("th",bo,e.toDisplayString(e.unref(o).resultsTitle),1),e.createElementVNode("th",Bo,e.toDisplayString(e.unref(o).resultsDisplayValue),1)])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).resultData,(r,a)=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{is:"survey-results-table-row",model:r,key:a},null,8,["model"]))),128))])])],512),[[e.vShow,e.unref(o).resultViewType==="table"]])])])):e.createCommentVNode("",!0)}}),ho={key:2},Eo=e.defineComponent({__name:"SurveyResultsRow",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("tr",{onClick:t[0]||(t[0]=(...s)=>o.model.toggle&&o.model.toggle(...s))},[e.createElementVNode("td",{class:"svd-dark-border-color",style:e.normalizeStyle({paddingLeft:o.model.textMargin})},[o.model.isNode?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["svd-test-results__marker",{"svd-test-results__marker--expanded":!o.model.collapsed}]),style:e.normalizeStyle({left:o.model.markerMargin})},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-expand_16x16",size:16})],6)):e.createCommentVNode("",!0),o.model.question?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:1,is:"survey-string",locString:o.model.question.locTitle},null,8,["locString"])):(e.openBlock(),e.createElementBlock("span",ho,e.toDisplayString(o.model.title),1))],4),e.createElementVNode("td",{class:e.normalizeClass({"svd-test-results__node-value":o.model.isNode,"svd-dark-border-color":!o.model.isNode})},e.toDisplayString(o.model.getString(o.model.displayValue)),3)])),[[e.unref(l.key2ClickDirective)]]),o.model.isNode&&!o.model.collapsed?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(o.model.data,(s,r)=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{is:"survey-results-table-row",model:s,key:r+1},null,8,["model"]))),128)):e.createCommentVNode("",!0)],64))}}),yo={class:"svc-creator-tab__content"},wo={class:"svc-json-editor-tab__content"},So={class:"svc-json-editor-tab__errros_list"},qo=e.defineComponent({__name:"JsonEditorAce",props:{model:{}},setup(i){const n=i,o=e.ref();return l.useBase(()=>n.model),e.onMounted(()=>n.model.init(window.ace.edit(o.value))),(t,s)=>(e.openBlock(),e.createElementBlock("div",yo,[e.createElementVNode("div",wo,[e.createElementVNode("div",{class:"svc-json-editor-tab__ace-editor",ref_key:"inputEl",ref:o},null,512),e.withDirectives(e.createElementVNode("div",So,[e.createVNode(e.unref(l.SvComponent),{is:"sv-list",model:t.model.errorList},null,8,["model"])],512),[[e.vShow,t.model.hasErrors]])])]))}}),Do={class:"svc-creator-tab__content"},$o={class:"svc-json-editor-tab__content"},uo=["aria-label","disabled"],Vo={class:"svc-json-editor-tab__errros_list"},To=e.defineComponent({__name:"JsonEditorTextArea",props:{model:{}},setup(i){const n=i,o=e.ref(),t=n.model;return t.canShowErrors=!1,l.useBase(()=>n.model),e.onMounted(()=>{const s=n.model;s.textElement=o.value}),(s,r)=>(e.openBlock(),e.createElementBlock("div",Do,[e.createElementVNode("div",$o,[e.withDirectives(e.createElementVNode("textarea",{class:"svc-json-editor-tab__content-area","aria-label":e.unref(t).ariaLabel,disabled:e.unref(t).readOnly,"onUpdate:modelValue":r[0]||(r[0]=a=>e.unref(t).text=a),onKeydown:r[1]||(r[1]=a=>e.unref(t).checkKey(e.unref(t),a)),ref_key:"inputEl",ref:o},`
2
+ `,40,uo),[[e.vModelText,e.unref(t).text]]),e.withDirectives(e.createElementVNode("div",Vo,[e.createVNode(e.unref(l.SvComponent),{is:"sv-list",model:e.unref(t).errorList},null,8,["model"])],512),[[e.vShow,e.unref(t).hasErrors]])])]))}}),Mo={class:"svc-json-error__container"},zo={class:"svc-json-error__title"},Io=["title","aria-label"],Po=e.defineComponent({__name:"JsonEditorErrorItem",props:{item:{}},setup(i){const n=i;l.useBase(()=>n.item);const o=t=>{t.stopPropagation(),n.item.data.fixError()};return(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:t.item.iconName,size:t.item.iconSize,class:e.normalizeClass("svc-json-error__icon")},null,8,["iconName","size"]),e.createElementVNode("div",Mo,[e.createElementVNode("div",zo,[e.createVNode(e.unref(l.SvComponent),{is:"survey-string",locString:t.item.locTitle},null,8,["locString"])]),t.item.data.showFixButton?e.withDirectives((e.openBlock(),e.createElementBlock("button",{key:0,type:"button",onClick:o,title:t.item.data.fixButtonTitle,"aria-label":t.item.data.fixButtonTitle,class:"svc-json-error__fix-button"},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:t.item.data.fixButtonIcon,size:"auto"},null,8,["iconName"])],8,Io)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0)])],64))}}),Ro={class:"svc-btn__text"},T=e.defineComponent({__name:"LogicAddButton",props:{model:{}},setup(i){const n=i;l.useBase(()=>n.model);const o=t=>{t.stopPropagation(),n.model.action()};return(t,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{role:"button",class:e.normalizeClass(["svc-logic-tab__content-action svc-btn",{"svc-logic-tab__content-action--disabled":t.model.enabled!==void 0&&!t.model.enabled}]),onClick:o},[e.createElementVNode("span",Ro,e.toDisplayString(t.model.title),1)],2)),[[e.unref(l.key2ClickDirective)]])}}),Fo={class:"svc-creator-tab__content"},Lo={key:1,class:"svc-logic-tab__content-empty"},Ao=e.defineComponent({__name:"Logic",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",Fo,[e.createElementVNode("div",{class:e.normalizeClass(["svc-plugin-tab__content svc-logic-tab__content",{"svc-logic-tab--empty":!o.model.hasItems}])},[o.model.hasItems?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(l.SurveyComponent),{model:o.model.itemsSurvey},null,8,["model"]),o.model.readOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(T,{key:0,model:o.model.addNewButton},null,8,["model"]))],64)):e.createCommentVNode("",!0),o.model.hasItems?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Lo,[e.createVNode(S,{name:"logic",placeholderTitleText:o.model.placeholderTitleText,placeholderDescriptionText:o.model.placeholderDescriptionText},null,8,["placeholderTitleText","placeholderDescriptionText"]),o.model.readOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(T,{key:0,model:o.model.addNewButton},null,8,["model"]))]))],2)]))}}),Qo=["id","required","tabindex","disabled","role","aria-required","aria-invalid","aria-errormessage","aria-expanded","aria-label","aria-labelledby","aria-controls"],Ko=["id"];q.RendererFactory.Instance.registerRenderer("dropdown","logicoperator","sv-logic-operator");const Ho=e.defineComponent({__name:"LogicOperator",props:{question:{}},setup(i){const n=i,o=e.ref(),t=e.computed(()=>n.question.dropdownListModel??new q.DropdownListModel(n.question));l.useQuestion(n,o,a=>{B.initLogicOperator(a)});const s=a=>{var c;(c=t.value)==null||c.onClick(a)},r=a=>{var c;(c=t.value)==null||c.keyHandler(a)};return(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.question.cssClasses.selectWrapper)},[a.question.isReadOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(a.question.getControlClass()),onClick:s,onKeyup:r,id:a.question.inputId,required:a.question.isRequired,tabindex:a.question.isInputReadOnly?void 0:0,disabled:a.question.isInputReadOnly,role:t.value.ariaQuestionRole,"aria-required":t.value.ariaQuestionRequired,"aria-invalid":t.value.ariaQuestionInvalid,"aria-errormessage":t.value.ariaQuestionErrorMessage,"aria-expanded":t.value.ariaQuestionExpanded,"aria-label":t.value.ariaQuestionLabel,"aria-labelledby":t.value.ariaQuestionLabelledby,"aria-controls":t.value.ariaQuestionControls},[e.createElementVNode("div",{class:e.normalizeClass(a.question.cssClasses.controlValue)},[a.question.locReadOnlyText?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-string",locString:a.question.locReadOnlyText},null,8,["locString"])):e.createCommentVNode("",!0)],2)],42,Qo),e.createVNode(e.unref(l.SvComponent),{is:"sv-popup",model:a.question.popupModel},null,8,["model"])],64)),a.question.isReadOnly?(e.openBlock(),e.createElementBlock("div",{key:1,disabled:"",class:e.normalizeClass(a.question.getControlClass()),id:a.question.inputId},[a.question.locReadOnlyText?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-string",locString:a.question.locReadOnlyText},null,8,["locString"])):e.createCommentVNode("",!0)],10,Ko)):e.createCommentVNode("",!0)],2))}}),Oo=e.defineComponent({__name:"EmbeddedSurvey",props:{question:{}},setup(i){const n=i,o=e.ref();l.useQuestion(n,o);const t=e.computed(()=>n.question.embeddedSurvey);return(s,r)=>s.question&&t.value&&t.value.currentPage?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-page",page:t.value.currentPage,survey:t.value},null,8,["page","survey"])):e.createCommentVNode("",!0)}}),Go=e.defineComponent({inheritAttrs:!1,__name:"LinkValue",props:{question:{}},setup(i){const n=i,o=e.ref(),t=B.editorLocalization.getString("pe.clear");return l.useQuestion(n,o),(s,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(l.SvComponent),{is:"svc-action-button",text:s.question.linkValueText,click:s.question.doLinkClick.bind(s.question),selected:s.question.isSelected,disabled:!s.question.isClickable,classes:s.question.linkSetButtonCssClasses,title:s.question.tooltip,iconName:s.question.iconName},null,8,["text","click","selected","disabled","classes","title","iconName"]),!s.question.isReadOnly&&s.question.showClear?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"svc-action-button",text:e.unref(t),click:s.question.doClearClick.bind(s.question),disabled:!1,classes:s.question.linkClearButtonCssClasses},null,8,["text","click","classes"])):e.createCommentVNode("",!0)],64))}}),Wo={key:1,class:"st-content"},jo={class:"svc-flex-column st-strings-wrapper"},Jo={class:"svc-flex-row st-strings-header"},Zo={class:"svc-flex-row svc-plugin-tab__content st-strings"},Xo=e.defineComponent({__name:"Translation",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-creator-tab__content svc-translation-tab",o.model.isEmpty?"svc-translation-tab--empty":""])},[o.model.isEmpty?(e.openBlock(),e.createBlock(S,{key:0,name:"translation",placeholderTitleText:o.model.placeholderTitleText,placeholderDescriptionText:o.model.placeholderDescriptionText},null,8,["placeholderTitleText","placeholderDescriptionText"])):e.createCommentVNode("",!0),o.model.isEmpty?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Wo,[e.createElementVNode("div",jo,[e.createElementVNode("div",Jo,[e.createVNode(e.unref(l.SurveyComponent),{model:o.model.stringsHeaderSurvey},null,8,["model"])]),e.createElementVNode("div",Zo,[e.createVNode(e.unref(l.SurveyComponent),{model:o.model.stringsSurvey},null,8,["model"])])])]))],2))}}),Yo=(i,n)=>{const o=i.__vccOpts||i;for(const[t,s]of n)o[t]=s;return o},xo={},Uo={class:"sd-translation-line-skeleton"};function vo(i,n){return e.openBlock(),e.createElementBlock("div",Uo)}const et=Yo(xo,[["render",vo]]),ot=e.defineComponent({__name:"TranslateFromAction",props:{item:{}},setup(i){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.item.data.containerCss)},[e.createElementVNode("span",{class:e.normalizeClass(n.item.data.additionalTitleCss)},e.toDisplayString(n.item.data.additionalTitle),3),e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar-item-dropdown",item:n.item},null,8,["item"])],2))}}),tt={key:1,class:"svc-plugin-tab__content"},nt={key:2,class:"svc-plugin-tab__content-actions svc-test-tab__content-actions"},st=e.defineComponent({__name:"Theme",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-creator-tab__content svc-test-tab__content",{"svc-creator-tab__content--with-toolbar":o.model.isPageToolbarVisible}])},[o.model.survey.isEmpty?(e.openBlock(),e.createBlock(S,{key:0,name:"theme",placeholderTitleText:o.model.placeholderTitleText,placeholderDescriptionText:o.model.placeholderDescriptionText},null,8,["placeholderTitleText","placeholderDescriptionText"])):e.createCommentVNode("",!0),o.model.survey.isEmpty?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",tt,[e.createVNode(e.unref(l.SvComponent),{is:"survey-simulator",model:o.model.simulator},null,8,["model"]),o.model.showResults?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-results",survey:o.model.survey},null,8,["survey"])):e.createCommentVNode("",!0)])),o.model.isPageToolbarVisible?(e.openBlock(),e.createElementBlock("div",nt,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:o.model.pages},null,8,["model"])])):e.createCommentVNode("",!0)],2))}}),lt=["disabled","value","aria-required","aria-labelledby","aria-label","aria-invalid","aria-describedby"],at=["disabled","id","placeholder","aria-required","aria-labelledby","aria-label","aria-invalid","aria-describedby","value"],rt=e.defineComponent({__name:"Color",props:{question:{}},setup(i){const n=i;return l.useQuestion(n,e.ref()),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.question.cssClasses.root),onKeydown:t[5]||(t[5]=(...s)=>o.question.onKeyDown&&o.question.onKeyDown(...s))},[e.createElementVNode("label",{class:e.normalizeClass(o.question.getSwatchCss()),style:e.normalizeStyle(o.question.getSwatchStyle())},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:o.question.cssClasses.swatchIcon,size:"auto"},null,8,["iconName"]),e.createElementVNode("input",{type:"color",disabled:o.question.isInputReadOnly,class:e.normalizeClass(o.question.cssClasses.colorInput),value:o.question.renderedColorValue,tabindex:"-1",onChange:t[0]||(t[0]=(...s)=>o.question.onColorInputChange&&o.question.onColorInputChange(...s)),"aria-required":o.question.a11y_input_ariaRequired,"aria-labelledby":o.question.a11y_input_ariaLabelledBy,"aria-label":o.question.a11y_input_ariaLabel,"aria-invalid":o.question.a11y_input_ariaInvalid,"aria-describedby":o.question.a11y_input_ariaDescribedBy},null,42,lt)],6),e.createElementVNode("input",{autocomplete:"off",disabled:o.question.isInputReadOnly,id:o.question.inputId,placeholder:o.question.renderedPlaceholder,"aria-required":o.question.a11y_input_ariaRequired,"aria-labelledby":o.question.a11y_input_ariaLabelledBy,"aria-label":o.question.a11y_input_ariaLabel,"aria-invalid":o.question.a11y_input_ariaInvalid,"aria-describedby":o.question.a11y_input_ariaDescribedBy,onChange:t[1]||(t[1]=(...s)=>o.question.onChange&&o.question.onChange(...s)),onKeyup:t[2]||(t[2]=(...s)=>o.question.onKeyUp&&o.question.onKeyUp(...s)),onBlur:t[3]||(t[3]=(...s)=>o.question.onBlur&&o.question.onBlur(...s)),onBeforeinput:t[4]||(t[4]=(...s)=>o.question.onBeforeInput&&o.question.onBeforeInput(...s)),value:o.question.renderedValue,class:e.normalizeClass(o.question.cssClasses.control)},null,42,at),o.question.showDropdownAction?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{"aria-hidden":"true",class:e.normalizeClass(o.question.cssClasses.choicesButtonWrapper)},[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar-item",item:o.question.dropdownAction},null,8,["item"])],2),e.createVNode(e.unref(l.SvComponent),{is:"sv-popup",model:o.question.dropdownAction.popupModel},null,8,["model"])],64)):e.createCommentVNode("",!0)],34))}}),it=e.defineComponent({__name:"ColorItem",props:{model:{},item:{}},setup(i){const n=i;l.useBase(()=>n.item);const o=()=>({backgroundColor:n.item.value});return(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("span",{class:"spg-color-editor__color-swatch",style:e.normalizeStyle(o())},null,4),e.createVNode(e.unref(l.SvComponent),{is:"survey-string",locString:t.item.locTitle},null,8,["locString"])],64))}}),ct=["disabled","value","placeholder"],dt=["disabled","id","aria-required","aria-label","aria-invalid","aria-describedby","title","accept"],mt=["title","disabled"],pt=["for","aria-label"],kt=e.defineComponent({__name:"File",props:{question:{}},setup(i){const n=e.ref(),o=i;return l.useQuestion(o,n),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.question.cssClasses.root),onDragenter:s[5]||(s[5]=(...r)=>t.question.onDragEnter&&t.question.onDragEnter(...r)),onDragover:s[6]||(s[6]=(...r)=>t.question.onDragOver&&t.question.onDragOver(...r)),onDrop:s[7]||(s[7]=(...r)=>t.question.onDrop&&t.question.onDrop(...r)),onDragleave:s[8]||(s[8]=(...r)=>t.question.onDragLeave&&t.question.onDragLeave(...r)),onKeydown:s[9]||(s[9]=(...r)=>t.question.onKeyDown&&t.question.onKeyDown(...r)),ref_key:"root",ref:n},[e.createElementVNode("input",{type:"text",disabled:t.question.isTextInputReadOnly,class:e.normalizeClass(t.question.cssClasses.control),value:t.question.renderedValue||"",onChange:s[0]||(s[0]=(...r)=>t.question.onInputChange&&t.question.onInputChange(...r)),onBlur:s[1]||(s[1]=(...r)=>t.question.onInputBlur&&t.question.onInputBlur(...r)),placeholder:t.question.renderedPlaceholder},null,42,ct),e.createElementVNode("input",{type:"file",disabled:t.question.isInputReadOnly,class:e.normalizeClass(t.question.cssClasses.fileInput),id:t.question.inputId,"aria-required":t.question.ariaRequired,"aria-label":t.question.ariaLabel,"aria-invalid":t.question.ariaInvalid,"aria-describedby":t.question.ariaDescribedBy,multiple:!1,title:t.question.inputTitle,tabindex:-1,accept:t.question.acceptedTypes,onChange:s[2]||(s[2]=(...r)=>t.question.onFileInputChange&&t.question.onFileInputChange(...r))},null,42,dt),e.createElementVNode("div",{class:e.normalizeClass(t.question.cssClasses.buttonsContainer)},[e.withDirectives((e.openBlock(),e.createElementBlock("button",{title:t.question.clearButtonCaption,class:e.normalizeClass(t.question.cssClasses.clearButton),disabled:t.question.getIsClearButtonDisabled(),onClick:s[3]||(s[3]=(...r)=>t.question.doClean&&t.question.doClean(...r))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:t.question.cssClasses.clearButtonIcon,size:"auto"},null,8,["iconName"])],10,mt)),[[e.unref(l.key2ClickDirective)]]),e.withDirectives((e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(t.question.getChooseButtonCss()),for:t.question.inputId,"aria-label":t.question.chooseButtonCaption,onClick:s[4]||(s[4]=(...r)=>t.question.chooseFiles&&t.question.chooseFiles(...r))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:t.question.cssClasses.chooseButtonIcon,size:"auto",title:t.question.chooseButtonCaption},null,8,["iconName","title"])],10,pt)),[[e.unref(l.key2ClickDirective)]])],2)],34))}}),ft=["disabled","id","placeholder","aria-required","aria-label","aria-labelledby","aria-describedby","aria-invalid","aria-errormessage","value"],_t=["disabled"],Ct=["disabled"],gt=e.defineComponent({__name:"SpinEditor",props:{question:{}},setup(i){const n=i;return l.useQuestion(n,e.ref()),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.question.cssClasses.root),onKeydown:t[18]||(t[18]=(...s)=>o.question.onKeyDown&&o.question.onKeyDown(...s))},[e.createElementVNode("input",{role:"spinbutton",autocomplete:"off",disabled:o.question.isInputReadOnly,id:o.question.inputId,placeholder:o.question.renderedPlaceholder,"aria-required":o.question.a11y_input_ariaRequired,"aria-label":o.question.a11y_input_ariaLabel,"aria-labelledby":o.question.a11y_input_ariaLabelledBy,"aria-describedby":o.question.a11y_input_ariaDescribedBy,"aria-invalid":o.question.a11y_input_ariaInvalid,"aria-errormessage":o.question.a11y_input_ariaErrormessage,onChange:t[0]||(t[0]=(...s)=>o.question.onChange&&o.question.onChange(...s)),onKeydown:t[1]||(t[1]=(...s)=>o.question.onInputKeyDown&&o.question.onInputKeyDown(...s)),onKeyup:t[2]||(t[2]=(...s)=>o.question.onKeyUp&&o.question.onKeyUp(...s)),onBlur:t[3]||(t[3]=(...s)=>o.question.onBlur&&o.question.onBlur(...s)),onFocus:t[4]||(t[4]=(...s)=>o.question.onFocus&&o.question.onFocus(...s)),onBeforeinput:t[5]||(t[5]=(...s)=>o.question.onBeforeInput&&o.question.onBeforeInput(...s)),value:o.question.renderedValue,class:e.normalizeClass(o.question.cssClasses.control)},null,42,ft),e.createElementVNode("span",{class:e.normalizeClass(o.question.cssClasses.buttonsContainer)},[e.createElementVNode("button",{"aria-hidden":"true",disabled:o.question.isInputReadOnly,class:e.normalizeClass(o.question.cssClasses.arrowButton),onClick:t[6]||(t[6]=(...s)=>o.question.onDownButtonClick&&o.question.onDownButtonClick(...s)),onMousedown:t[7]||(t[7]=(...s)=>o.question.onDownButtonMouseDown&&o.question.onDownButtonMouseDown(...s)),onMouseup:t[8]||(t[8]=(...s)=>o.question.onButtonMouseUp&&o.question.onButtonMouseUp(...s)),onMouseleave:t[9]||(t[9]=(...s)=>o.question.onButtonMouseLeave&&o.question.onButtonMouseLeave(...s)),onBlur:t[10]||(t[10]=(...s)=>o.question.onBlur&&o.question.onBlur(...s)),onFocus:t[11]||(t[11]=(...s)=>o.question.onFocus&&o.question.onFocus(...s)),tabindex:"-1"},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:o.question.cssClasses.decreaseButtonIcon,size:"auto"},null,8,["iconName"])],42,_t),e.createElementVNode("button",{"aria-hidden":"true",disabled:o.question.isInputReadOnly,class:e.normalizeClass(o.question.cssClasses.arrowButton),onClick:t[12]||(t[12]=(...s)=>o.question.onUpButtonClick&&o.question.onUpButtonClick(...s)),onMousedown:t[13]||(t[13]=(...s)=>o.question.onUpButtonMouseDown&&o.question.onUpButtonMouseDown(...s)),onMouseup:t[14]||(t[14]=(...s)=>o.question.onButtonMouseUp&&o.question.onButtonMouseUp(...s)),onMouseleave:t[15]||(t[15]=(...s)=>o.question.onButtonMouseLeave&&o.question.onButtonMouseLeave(...s)),onBlur:t[16]||(t[16]=(...s)=>o.question.onBlur&&o.question.onBlur(...s)),onFocus:t[17]||(t[17]=(...s)=>o.question.onFocus&&o.question.onFocus(...s)),tabindex:"-1"},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:o.question.cssClasses.increaseButtonIcon,size:"auto"},null,8,["iconName"])],42,Ct)],2)],34))}}),bt=["disabled","title"],M=e.defineComponent({__name:"TextWithReset",props:{question:{}},setup(i){const n=i,o=()=>"survey-"+n.question.wrappedQuestionTemplate;return l.useQuestion(n,e.ref()),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.question.getRootClass())},[e.createVNode(e.unref(l.SvComponent),{is:o(),question:t.question},null,8,["is","question"]),e.createElementVNode("button",{class:e.normalizeClass(t.question.cssClasses.resetButton),disabled:t.question.resetValueAdorner.isDisabled,onClick:s[0]||(s[0]=(...r)=>t.question.resetValueAdorner.resetValue&&t.question.resetValueAdorner.resetValue(...r)),title:t.question.resetValueAdorner.caption},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:t.question.cssClasses.resetButtonIcon,size:"auto"},null,8,["iconName"])],10,bt)],2))}}),Bt=["aria-checked","aria-required","aria-label","aria-labelledby","aria-invalid","aria-errormessage"],Nt=[e.createElementVNode("div",{class:"spg-boolean-switch__thumb"},[e.createElementVNode("div",{class:"spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--left"})],-1),e.createElementVNode("div",{class:"spg-boolean-switch__thumb"},[e.createElementVNode("div",{class:"spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--right"})],-1)],ht={class:"spg-boolean-switch__caption"},Et=["id"];q.RendererFactory.Instance.registerRenderer("boolean","switch","sv-boolean-switch");const yt=e.defineComponent({inheritAttrs:!1,__name:"BooleanSwitch",props:{question:{}},setup(i){const n=i,o=e.ref(null);l.useQuestion(n,o);const t=e.computed({get(){return n.question.value},set(s){const r=n.question;r.value=s}});return(s,r)=>(e.openBlock(),e.createElementBlock("div",{class:"spg-boolean-switch",role:"checkbox","aria-checked":s.question.booleanValue||!1,"aria-required":s.question.a11y_input_ariaRequired,"aria-label":s.question.a11y_input_ariaLabel,"aria-labelledby":s.question.a11y_input_ariaLabelledBy,"aria-invalid":s.question.a11y_input_ariaInvalid,"aria-errormessage":s.question.a11y_input_ariaErrormessage,onClick:r[0]||(r[0]=a=>t.value=!t.value)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["spg-boolean-switch__button",s.question.value?"spg-boolean-switch__button--checked":""]),tabindex:"0"},Nt,2)),[[e.unref(l.key2ClickDirective),{disableTabStop:!0}]]),e.createElementVNode("div",ht,[e.createElementVNode("div",{class:"spg-boolean-switch__title",id:s.question.labelRenderedAriaID},[e.createVNode(e.unref(l.SvComponent),{is:"survey-string",locString:s.question.locTitle},null,8,["locString"])],8,Et)])],8,Bt))}}),wt={class:"svc-string-editor__content"},St=e.createElementVNode("div",{class:"svc-string-editor__border svc-string-editor__border--hover"},null,-1),qt=e.createElementVNode("div",{class:"svc-string-editor__border svc-string-editor__border--focus"},null,-1),Dt={class:"svc-string-editor__input"},$t=["textContent","aria-placeholder","aria-label","contenteditable","tabindex"],ut=["aria-placeholder","aria-label","contenteditable","tabindex","innerHTML"],Vt={key:0,class:"svc-string-editor__error"},Tt=e.defineComponent({__name:"StringEditor",props:{locString:{}},setup(i){const n=i,o=e.computed(()=>n.locString.locStr),t=e.computed(()=>n.locString.creator),s=e.ref(),r=e.ref(),a=N(()=>{const m=new B.StringEditorViewModelBase(o.value,t.value);return m.setLocString(o.value),m.blurEditor=()=>{s.value&&(s.value.blur(),s.value.spellcheck=!1)},m.getEditorElement=()=>s.value,setTimeout(()=>m.afterRender()),m},[()=>t.value,()=>o.value],m=>{m&&(m.blurEditor=void 0,m.getEditorElement=void 0,m.dispose())}),c=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.errorText}),p=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.className(o.value.renderedHtml)}),d=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.placeholder}),k=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.contentEditable}),b=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.characterCounter}),h=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.showCharacterCounter}),E=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.getCharacterCounterClass}),D=m=>{var f,g;return s.value&&(s.value.spellcheck=!1),o.value.__isEditing=!1,(f=a.value)==null||f.onBlur(m),(g=a.value)==null?void 0:g.errorText},w=m=>{var f;(f=a.value)==null||f.onFocus(m)},wl=m=>{var f;(f=a.value)==null||f.onPaste(m)},R=m=>{var f,g;(f=s.value)==null||f.focus(),o.value.__isEditing=!0,(g=a.value)==null||g.onClick(m)},$=()=>{r.value=o.value.renderedHtml},Sl=e.watch(()=>o.value,(m,f)=>{f&&m.onStringChanged.remove($),m&&(m.onStringChanged.add($),$())},{immediate:!0});return e.onMounted(()=>{var m;o.value.__isEditing&&((m=s.value)==null||m.focus())}),e.onUnmounted(()=>{Sl(),o.value.onStringChanged.remove($)}),(m,f)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(p.value)},[e.createElementVNode("span",wt,[St,qt,e.createElementVNode("span",Dt,[o.value.hasHtml?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,role:"textbox",class:"sv-string-editor",spellcheck:"false",onFocus:w,onPaste:wl,onBlur:D,onInput:f[0]||(f[0]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onInput)&&((C=e.unref(a))==null?void 0:C.onInput(...g))}),onBeforeinput:f[1]||(f[1]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onBeforeInput)&&((C=e.unref(a))==null?void 0:C.onBeforeInput(...g))}),onKeydown:f[2]||(f[2]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onKeyDown)&&((C=e.unref(a))==null?void 0:C.onKeyDown(...g))}),onKeyup:f[3]||(f[3]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onKeyUp)&&((C=e.unref(a))==null?void 0:C.onKeyUp(...g))}),onCompositionstart:f[4]||(f[4]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onCompositionStart)&&((C=e.unref(a))==null?void 0:C.onCompositionStart(...g))}),onCompositionend:f[5]||(f[5]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onCompositionEnd)&&((C=e.unref(a))==null?void 0:C.onCompositionEnd(...g))}),onMouseup:f[6]||(f[6]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onMouseUp)&&((C=e.unref(a))==null?void 0:C.onMouseUp(...g))}),onClick:R,textContent:r.value,"aria-placeholder":d.value,"aria-label":d.value||"content editable",contenteditable:k.value,tabindex:e.unref(a).tabIndex,ref_key:"root",ref:s},null,40,$t)),o.value.hasHtml?(e.openBlock(),e.createElementBlock("span",{key:1,role:"textbox",class:"sv-string-editor sv-string-editor--html",spellcheck:"false",onFocus:w,onBlur:D,onKeydown:f[7]||(f[7]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onKeyDown)&&((C=e.unref(a))==null?void 0:C.onKeyDown(...g))}),onKeyup:f[8]||(f[8]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onKeyUp)&&((C=e.unref(a))==null?void 0:C.onKeyUp(...g))}),onCompositionstart:f[9]||(f[9]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onCompositionStart)&&((C=e.unref(a))==null?void 0:C.onCompositionStart(...g))}),onCompositionend:f[10]||(f[10]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onCompositionEnd)&&((C=e.unref(a))==null?void 0:C.onCompositionEnd(...g))}),onMouseup:f[11]||(f[11]=(...g)=>{var _,C;return((_=e.unref(a))==null?void 0:_.onMouseUp)&&((C=e.unref(a))==null?void 0:C.onMouseUp(...g))}),onClick:R,"aria-placeholder":d.value,"aria-label":d.value||"content editable",contenteditable:k.value,tabindex:e.unref(a).tabIndex,innerHTML:r.value,ref_key:"root",ref:s},null,40,ut)):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:2,is:"sv-character-counter",counter:b.value,remainingCharacterCounter:E.value},null,8,["counter","remainingCharacterCounter"])):e.createCommentVNode("",!0)])]),c.value?(e.openBlock(),e.createElementBlock("span",Vt,e.toDisplayString(c.value),1)):e.createCommentVNode("",!0)],2))}}),Mt={key:0,class:"svc-toolbox__search-container"},zt=e.createElementVNode("div",{class:"svc-toolbox__category-separator svc-toolbox__category-separator--search"},null,-1),It={key:1,class:"svc-toolbox__placeholder"},Pt={key:1,class:"svc-toolbox__category"},Rt=e.defineComponent({__name:"AdaptiveToolbox",props:{model:{}},setup(i){const n=i,o=e.computed(()=>n.model.toolbox),t=e.ref();l.useBase(()=>o.value),e.onUpdated(()=>{o.value.afterRender(t.value)}),e.onMounted(()=>{o.value.afterRender(t.value)}),e.onUnmounted(()=>{o.value.beforeDestroy()});const s=e.computed(()=>o.value.renderedActions);return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value.classNames),ref_key:"root",ref:t,style:e.normalizeStyle(o.value.getRootStyle())},[e.createElementVNode("div",{onFocusout:a[0]||(a[0]=c=>o.value.focusOut(c)),class:"svc-toolbox__panel"},[o.value.showSearch?(e.openBlock(),e.createElementBlock("div",Mt,[o.value.isCompactRendered?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{is:"svc-toolbox-tool",creator:r.model,key:"searchitem",item:o.value.searchItem,parentModel:o.value,isCompact:o.value.isCompactRendered},null,8,["creator","item","parentModel","isCompact"])):e.createCommentVNode("",!0),e.createVNode(e.unref(l.SvComponent),{is:"svc-search",model:o.value.searchManager},null,8,["model"]),zt])):e.createCommentVNode("",!0),o.value.showPlaceholder?(e.openBlock(),e.createElementBlock("div",It,e.toDisplayString(o.value.toolboxNoResultsFound),1)):e.createCommentVNode("",!0),e.createVNode(e.unref(l.SvComponent),{is:"sv-scroll"},{default:e.withCtx(()=>[o.value.showInSingleCategory?e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(o.value.categories,(c,p)=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{is:"svc-toolbox-category",key:p,category:c,toolbox:o.value},null,8,["category","toolbox"]))),128)),o.value.showInSingleCategory?(e.openBlock(),e.createElementBlock("div",Pt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,c=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:c.renderedId,is:"svc-toolbox-tool",creator:r.model,item:c,parentModel:o.value,isCompact:o.value.isCompactRendered},null,8,["creator","item","parentModel","isCompact"]))),128))])):e.createCommentVNode("",!0)]),_:1})],32)],6))}}),Ft={key:0,class:"svc-toolbox__category-separator"},Lt=e.defineComponent({__name:"ToolboxTool",props:{creator:{},item:{},parentModel:{},isCompact:{type:Boolean}},setup(i){const n=i,o=N(()=>new B.ToolboxToolViewModel(n.item,n.creator,n.parentModel),[()=>n.creator,()=>n.item],s=>{s.dispose()}),t=e.ref();return e.onMounted(()=>{const s=n.item;s.updateModeCallback=(r,a)=>{s.mode=r,e.nextTick(()=>a(r,t.value))},s.afterRender()}),e.onUnmounted(()=>{const s=n.item;s.updateModeCallback=void 0}),l.useBase(()=>n.item),(s,r)=>{var a;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.item.css),ref_key:"root",ref:t},[s.item.needSeparator&&!s.creator.toolbox.showCategoryTitles?(e.openBlock(),e.createElementBlock("div",Ft)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"svc-toolbox__tool-content sv-action__content",onPointerdown:r[0]||(r[0]=(...c)=>{var p,d;return((p=e.unref(o))==null?void 0:p.onPointerDown)&&((d=e.unref(o))==null?void 0:d.onPointerDown(...c))})},[e.createVNode(e.unref(l.SvComponent),{viewModel:e.unref(o),is:(a=e.unref(o))==null?void 0:a.itemComponent,item:s.item,creator:s.creator,isCompact:s.isCompact},null,8,["viewModel","is","item","creator","isCompact"])],32)],2)}}}),At=["aria-label","title"],Qt={class:"svc-toolbox__item-container"},Kt={key:0,class:"svc-toolbox__item-title"},Ht=e.defineComponent({__name:"ToolboxItem",props:{creator:{},item:{},isCompact:{type:Boolean},viewModel:{}},setup(i){return(n,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-toolbox__item",n.item.renderedCss]),role:"button","aria-label":n.item.tooltip,title:n.item.tooltip,onClick:o[0]||(o[0]=t=>n.viewModel.click(t))},[e.createElementVNode("span",Qt,[n.item.iconName?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"sv-svg-icon",iconName:n.item.iconName,size:"auto",class:"svc-toolbox__item-icon"},null,8,["iconName"])):e.createCommentVNode("",!0)]),n.isCompact?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",Kt,e.toDisplayString(n.item.title),1))],10,At)),[[e.unref(l.key2ClickDirective),{disableTabStop:!n.viewModel.toolboxItem.enabled}]]),n.isCompact?(e.openBlock(),e.createElementBlock("span",{key:0,class:"svc-toolbox__item-banner",onClick:o[1]||(o[1]=t=>n.viewModel.click(t))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:n.item.iconName,size:24,class:"svc-toolbox__item-icon"},null,8,["iconName"]),e.createElementVNode("span",null,e.toDisplayString(n.item.title),1)])):e.createCommentVNode("",!0)],64))}}),Ot=e.defineComponent({__name:"ToolboxItemGroup",props:{creator:{},item:{},isCompact:{type:Boolean},viewModel:{}},setup(i){const n=i,o=s=>{n.viewModel.onMouseOver(n.item,s)},t=s=>{n.viewModel.onMouseLeave(n.item,s)};return(s,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(l.SvComponent),{is:"svc-toolbox-item",viewModel:s.viewModel,item:s.item,creator:s.creator,isCompact:s.isCompact},null,8,["viewModel","item","creator","isCompact"]),e.createElementVNode("div",{class:"svc-toolbox__item-submenu-button",onMouseover:o,onMouseleave:t},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:s.item.subitemsButtonIcon,size:"auto"},null,8,["iconName"]),e.createVNode(e.unref(l.SvComponent),{is:"sv-popup",model:s.item.popupModel},null,8,["model"])],32)],64))}}),Gt={className:"svc-toolbox__category-header-wrapper"},Wt={class:"svc-toolbox__category-title"},jt={key:0,class:"svc-toolbox__category-header__controls"},Jt=e.defineComponent({__name:"ToolboxCategory",props:{category:{},toolbox:{}},setup(i){const n=i;return l.useBase(()=>n.category),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-toolbox__category",{"svc-toolbox__category--collapsed":o.category.collapsed,"svc-toolbox__category--empty":o.category.empty}])},[e.createElementVNode("div",Gt,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-toolbox__category-header",{"svc-toolbox__category-header--collapsed":o.toolbox.canCollapseCategories}]),onClick:t[0]||(t[0]=s=>o.category.toggleState())},[e.createElementVNode("span",Wt,e.toDisplayString(o.category.title),1),o.toolbox.canCollapseCategories?(e.openBlock(),e.createElementBlock("div",jt,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:o.category.iconName,class:e.normalizeClass(o.category.iconClassName),size:"auto"},null,8,["iconName","class"])])):e.createCommentVNode("",!0)],2)),[[e.unref(l.key2ClickDirective)]])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.category.items,s=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{is:"svc-toolbox-tool",item:s,key:s.renderedId,creator:o.toolbox.creator,parentModel:o.toolbox,isCompact:!1},null,8,["item","creator","parentModel"]))),128))],2))}}),Zt=e.defineComponent({__name:"ToolboxList",props:{model:{},creator:{}},setup(i){const n=i,o=l.useComputedArray(()=>n.model.renderedActions);return l.useBase(()=>n.model),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.model.cssClasses.root)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),(r,a)=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:a,is:"svc-toolbox-tool",creator:t.creator,item:r,parentModel:t.model,isCompact:!1},null,8,["creator","item","parentModel"]))),128))],2))}}),Xt={class:"svc-flex-column"},Yt={class:"svc-tab-designer_content"},xt={key:0,class:"svc-designer-header"},Ut={class:"svc-designer__placeholder-container","data-sv-drop-target-survey-element":"newGhostPage"},vt={className:"svc-designer-placeholder-page","data-sv-drop-target-survey-element":"newGhostPage"},en={key:0,class:"svc-designer-header"},on=["data-sv-drop-target-survey-element","data-sv-drop-target-page"],tn=["data-sv-drop-target-survey-element","data-sv-drop-target-page"],nn={key:0,class:"svc-tab-designer__tools"},sn={key:0,class:"svc-tab-designer__page-navigator"},ln={key:1,class:"svc-tab-designer__toolbar"},an=e.defineComponent({__name:"Designer",props:{model:{}},setup(i){const n=i,o=e.computed(()=>n.model.survey);return l.useBase(()=>n.model),l.useBase(()=>o.value),(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",Xt,[t.model.isToolboxVisible?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"svc-toolbox",model:t.model.creator},null,8,["model"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:e.normalizeClass(["svc-tab-designer",t.model.getRootCss()]),onClick:s[0]||(s[0]=(...r)=>t.model.clickDesigner&&t.model.clickDesigner(...r))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-scroll"},{default:e.withCtx(()=>[e.createElementVNode("div",Yt,[t.model.showPlaceholder?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.model.creator.showHeaderInEmptySurvey&&t.model.creator.allowEditSurveyTitle?(e.openBlock(),e.createElementBlock("div",xt,[e.createVNode(e.unref(l.SvComponent),{is:"survey-header",survey:t.model.creator.survey},null,8,["survey"])])):e.createCommentVNode("",!0),e.createElementVNode("div",Ut,[e.createVNode(S,{name:"designer",placeholderTitleText:t.model.placeholderTitleText,placeholderDescriptionText:t.model.placeholderDescriptionText},null,8,["placeholderTitleText","placeholderDescriptionText"]),e.createElementVNode("div",vt,[e.createVNode(e.unref(l.SvComponent),{is:"svc-page",survey:t.model.creator.survey,creator:t.model.creator,page:t.model.newPage,isGhost:!0},null,8,["survey","creator","page"])])])],64)):e.createCommentVNode("",!0),t.model.showPlaceholder?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass(t.model.designerCss),style:e.normalizeStyle([{maxWidth:t.model.survey.renderedWidth},t.model.surfaceCssVariables])},[t.model.creator.allowEditSurveyTitle?(e.openBlock(),e.createElementBlock("div",en,[e.createVNode(e.unref(l.SvComponent),{is:"survey-header",survey:t.model.creator.survey},null,8,["survey"])])):e.createCommentVNode("",!0),t.model.creator.pageEditMode!=="bypage"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.model.pages,r=>(e.openBlock(),e.createElementBlock("div",{key:r.id,class:"svc-page","data-sv-drop-target-survey-element":r!=t.model.newPage?r.name:"newGhostPage","data-sv-drop-target-page":r.name},[e.createVNode(e.unref(l.SvComponent),{is:"svc-page",survey:t.model.creator.survey,creator:t.model.creator,page:r,isGhost:r==t.model.newPage},null,8,["survey","creator","page","isGhost"])],8,on))),128)):e.createCommentVNode("",!0),t.model.pagesController.page2Display&&t.model.creator.pageEditMode==="bypage"?(e.openBlock(),e.createElementBlock("div",{key:2,class:"svc-page","data-sv-drop-target-survey-element":t.model.displayPageDropTarget,"data-sv-drop-target-page":t.model.pagesController.page2Display.name},[e.createVNode(e.unref(l.SvComponent),{is:"svc-page",page:t.model.pagesController.page2Display,creator:t.model.creator,isGhost:t.model.pagesController.page2Display==t.model.newPage},null,8,["page","creator","isGhost"])],8,tn)):e.createCommentVNode("",!0)],6),t.model.showSurfaceTools?(e.openBlock(),e.createElementBlock("div",nn,[t.model.creator.showPageNavigator?(e.openBlock(),e.createElementBlock("div",sn,[e.createVNode(e.unref(l.SvComponent),{is:"svc-page-navigator",pagesController:t.model.pagesController,pageEditMode:t.model.creator.pageEditMode},null,8,["pagesController","pageEditMode"])])):e.createCommentVNode("",!0),t.model.showSurfaceToolbar?(e.openBlock(),e.createElementBlock("div",ln,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:t.model.surfaceToolbar},null,8,["model"])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],64))])]),_:1})],2)],64))}}),rn=["id","data-sv-drop-target-survey-page"],cn=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--top"},null,-1),dn=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--bottom"},null,-1),mn={key:1,class:"svc-page__loading-content"},pn={key:2,class:"svc-page__placeholder_frame"},kn={class:"svc-panel__placeholder_frame"},fn={class:"svc-panel__placeholder"},_n={class:"svc-page__content-actions"},Cn={key:4,class:"svc-page__content-actions"},gn=e.defineComponent({__name:"Page",props:{creator:{},survey:{},page:{},isGhost:{type:Boolean}},setup(i){const n=i,o=e.ref(),t=N(()=>{const r=new B.PageAdorner(n.creator,n.page);return r.isGhost=n.isGhost,r},[()=>n.page],r=>{r.dispose()});e.watch(()=>n.isGhost,()=>{t.value&&(t.value.isGhost=n.isGhost)}),e.onUpdated(()=>{o.value&&t.value&&(t.value.rootElement=o.value)}),e.onMounted(()=>{o.value&&t.value&&t.value.setRootElement(o.value)});const s=r=>{t.value.hover(r,r.currentTarget)};return(r,a)=>e.unref(t).page?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:e.unref(t).page.id,id:e.unref(t).page.id,class:e.normalizeClass(["svc-page__content",e.unref(t).css]),"data-sv-drop-target-survey-page":e.unref(t).dropTargetName,onClick:a[1]||(a[1]=c=>{e.unref(t).select(e.unref(t),c),c.stopPropagation()}),ref_key:"root",ref:o,onDblclick:a[2]||(a[2]=c=>e.unref(t).dblclick(c)),onMouseover:s,onMouseleave:s},[cn,dn,e.unref(t).needRenderContent?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-page",survey:e.unref(t).creator.survey,page:e.unref(t).page},null,8,["survey","page"])):e.createCommentVNode("",!0),e.unref(t).needRenderContent?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",mn,[e.createVNode(e.unref(l.SvComponent),{is:"sv-loading-indicator"})])),e.unref(t).showPlaceholder?(e.openBlock(),e.createElementBlock("div",pn,[e.createElementVNode("div",kn,[e.createElementVNode("div",fn,e.toDisplayString(e.unref(t).placeholderText),1)])])):e.createCommentVNode("",!0),e.unref(t).allowDragging&&!e.unref(t).isGhost?(e.openBlock(),e.createElementBlock("div",{key:3,class:"svc-question__drag-area",onPointerdown:a[0]||(a[0]=c=>e.unref(t).onPointerDown(c))},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:"sv-svg-icon",class:"svc-question__drag-element"},{css:"svc-question__drag-element",iconName:"icon-drag-area-indicator_24x16",size:"auto"}),null,16),e.createElementVNode("div",_n,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:e.unref(t).actionContainer},null,8,["model"]),e.unref(t).topActionContainer.hasActions?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"sv-action-bar",model:e.unref(t).topActionContainer},null,8,["model"])):e.createCommentVNode("",!0)])],32)):e.createCommentVNode("",!0),!e.unref(t).allowDragging||e.unref(t).isGhost?(e.openBlock(),e.createElementBlock("div",Cn,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:e.unref(t).actionContainer},null,8,["model"]),e.unref(t).topActionContainer.hasActions?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"sv-action-bar",model:e.unref(t).topActionContainer},null,8,["model"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:e.unref(t).footerActionsBar},null,8,["model"])],42,rn)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0)}}),bn={class:"svc-add-new-item-button__text"},Bn=e.defineComponent({__name:"AddQuestion",props:{item:{},buttonClass:{},renderPopup:{}},setup(i){const n=i;l.useBase(()=>n.item.data);const o=e.computed(()=>"svc-element__add-new-question "+(n.buttonClass||"svc-btn")),t=e.computed(()=>n.renderPopup===void 0||n.renderPopup!==!1);return(s,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value),onClick:r[0]||(r[0]=a=>{s.item.data.addNewQuestion(s.item,a),a.stopPropagation()}),onMouseover:r[1]||(r[1]=a=>s.item.data.hoverStopper&&s.item.data.hoverStopper(a,a.currentTarget))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",class:"svc-panel__add-new-question-icon",iconName:"icon-add_24x24",size:"auto"}),e.createElementVNode("span",bn,e.toDisplayString(s.item.data.addNewQuestionText),1),t.value?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"svc-add-question-type-selector",questionTypeSelectorModel:s.item.data.questionTypeSelectorModel,renderPopup:t.value},null,8,["questionTypeSelectorModel","renderPopup"])):e.createCommentVNode("",!0)],34)),[[e.unref(l.key2ClickDirective)]]),t.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"svc-add-question-type-selector",questionTypeSelectorModel:s.item.data.questionTypeSelectorModel,renderPopup:t.value},null,8,["questionTypeSelectorModel","renderPopup"]))],64))}}),Nn=["title","aria-label"],hn=e.defineComponent({__name:"AddQuestionTypeSelector",props:{questionTypeSelectorModel:{},renderPopup:{}},setup(i){const n=i;return l.useBase(()=>n.questionTypeSelectorModel),(o,t)=>e.withDirectives((e.openBlock(),e.createElementBlock("button",{type:"button",onClick:t[0]||(t[0]=s=>{o.questionTypeSelectorModel.action(),s.stopPropagation()}),title:o.questionTypeSelectorModel.title,"aria-label":o.questionTypeSelectorModel.title,class:"svc-element__question-type-selector"},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:"sv-svg-icon",class:"svc-element__question-type-selector-icon"},{iconName:o.questionTypeSelectorModel.iconName,size:"auto",title:o.questionTypeSelectorModel.title}),null,16),o.renderPopup?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"sv-popup",model:o.questionTypeSelectorModel.popupModel},null,8,["model"])):e.createCommentVNode("",!0)],8,Nn)),[[e.unref(l.key2ClickDirective)]])}}),En=e.createElementVNode("div",{class:"svc-row__drop-indicator svc-row__drop-indicator--top"},null,-1),yn=e.createElementVNode("div",{class:"svc-row__drop-indicator svc-row__drop-indicator--bottom"},null,-1),wn=e.defineComponent({__name:"Row",props:{componentData:{}},setup(i){const n=i,o=e.computed(()=>n.componentData.creator),t=e.computed(()=>n.componentData.row),s=N(()=>new B.RowViewModel(o.value,t.value,void 0),[()=>o.value,()=>t.value],r=>{r.dispose()});return e.onMounted(()=>{s.value&&s.value.subscribeElementChanges()}),e.onUnmounted(()=>{s.value&&s.value.unsubscribeElementChanges()}),(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s).cssClasses)},[En,yn,e.renderSlot(r.$slots,"default")],2))}}),Sn=["data-sv-drop-target-survey-element"],qn={class:"svc-fake-title"},Dn=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--left"},null,-1),$n=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--right"},null,-1),un=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--top"},null,-1),Vn=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--bottom"},null,-1),Tn={class:"svc-question__top-actions"},Mn={key:0,class:"svc-panel__placeholder_frame-wrapper"},zn={class:"svc-panel__placeholder_frame"},In={class:"svc-panel__placeholder","data-bind":"text: placeholderText"},u=e.defineComponent({__name:"QuestionBase",props:{createModel:{type:Function},element:{},adornerComponent:{},showPlaceholderComponent:{type:Boolean},placeholderComponent:{},getPlaceholderComponentData:{type:Function},componentName:{},componentData:{}},setup(i){const n=i,o=e.ref(),t=N(()=>n.createModel(),[()=>n.componentName,()=>n.componentData.data,()=>n.componentData.element],a=>{a.dispose()}),s=e.computed(()=>t.value.isBannerShowing?t.value.createBannerParams():null);e.onUpdated(()=>{o.value&&t.value&&(t.value.rootElement=o.value)}),e.onMounted(()=>{o.value&&t.value&&(t.value.rootElement=o.value)});const r=a=>{t.value.select(t.value,a),a.stopPropagation()};return(a,c)=>e.unref(t)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["svc-question__adorner",e.unref(t).rootCss()]),ref_key:"root",ref:o,onDblclick:c[2]||(c[2]=p=>e.unref(t).dblclick(p)),onMouseover:c[3]||(c[3]=p=>e.unref(t).hover(p,p.currentTarget)),onMouseleave:c[4]||(c[4]=p=>e.unref(t).hover(p,p.currentTarget)),"data-sv-drop-target-survey-element":e.unref(t).element.name||null,"data-bind":"css: rootCss(), attr: { 'data-sv-drop-target-survey-element': element.name || null }, event: { mouseover: function(m, e) { hover(e, $element); }, mouseleave: function(m, e) { hover(e, $element); } }"},[e.unref(t).showHiddenTitle?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).cssCollapsedHiddenHeader)},[a.element.hasTitle?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-element-title",element:a.element},null,8,["element"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).cssCollapsedHiddenTitle)},[e.createElementVNode("span",qn,e.toDisplayString(a.element.name),1)],2))],2)):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("div",{onClick:c[1]||(c[1]=p=>{e.unref(t).select(e.unref(t),p),p.stopPropagation()}),class:e.normalizeClass(e.unref(t).css())},[Dn,$n,un,Vn,e.unref(t).allowDragging?(e.openBlock(),e.createElementBlock("div",{key:0,class:"svc-question__drag-area",onPointerdown:c[0]||(c[0]=p=>e.unref(t).onPointerDown(p))},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:"sv-svg-icon",class:"svc-question__drag-element"},{css:"svc-question__drag-element",iconName:"icon-drag-area-indicator_24x16",size:"auto"}),null,16),e.createElementVNode("div",Tn,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:e.unref(t).topActionContainer,handleClick:!1},null,8,["model"])])],32)):e.createCommentVNode("",!0),e.unref(t).needToRenderContent?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(e.unref(l.SvComponent),{is:"sv-template-renderer",componentName:a.componentName,componentData:a.componentData},null,8,["componentName","componentData"]),e.unref(t).isEmptyElement&&!a.showPlaceholderComponent?(e.openBlock(),e.createElementBlock("div",Mn,[e.createElementVNode("div",zn,[e.createElementVNode("div",In,e.toDisplayString(e.unref(t).placeholderText),1)])])):e.createCommentVNode("",!0),e.unref(t).isEmptyElement&&a.showPlaceholderComponent?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),e.mergeProps({key:1,is:a.placeholderComponent},a.getPlaceholderComponentData&&a.getPlaceholderComponentData(e.unref(t))),null,16,["is"])):e.createCommentVNode("",!0),a.adornerComponent?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:2,is:a.adornerComponent,model:e.unref(t),element:a.element},null,8,["is","model","element"])):e.createCommentVNode("",!0),e.unref(t).isBannerShowing?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:3,is:"svc-question-banner",model:s.value},null,8,["model"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"svc-question__content-actions",onFocusin:r},[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:e.unref(t).actionContainer,handleClick:!1},null,8,["model"])],32)],64)):e.createCommentVNode("",!0)],2)),[[e.unref(l.key2ClickDirective),{disableTabStop:!0}]])],42,Sn)):e.createCommentVNode("",!0)}}),z=e.defineComponent({__name:"Question",props:{componentName:{},componentData:{}},setup(i){const n=i,o=()=>new B.QuestionAdornerViewModel(n.componentData.data,n.componentData.element,null);return(t,s)=>(e.openBlock(),e.createBlock(u,{createModel:o,element:t.componentData.element,"component-name":t.componentName,"component-data":t.componentData},null,8,["element","component-name","component-data"]))}}),Pn=e.defineComponent({__name:"QuestionImage",props:{componentName:{},componentData:{}},setup(i){const n=i,o=()=>new B.QuestionImageAdornerViewModel(n.componentData.data,n.componentData.element,null),t=s=>({question:s==null?void 0:s.filePresentationModel});return(s,r)=>(e.openBlock(),e.createBlock(u,{"create-model":o,element:n.componentData.element,"show-placeholder-component":!0,"component-data":s.componentData,"component-name":s.componentName,"placeholder-component":"survey-file","get-placeholder-component-data":t,"adorner-component":"svc-image-question-adorner"},null,8,["element","component-data","component-name"]))}}),Rn={key:0,class:"svc-image-question-controls"},Fn=["accept"],Ln={class:"svc-context-button",title:void 0,"aria-label":void 0},An={key:1,class:"svc-image-question__loading-placeholder"},Qn={class:"svc-image-question__loading"},Kn=e.defineComponent({__name:"Image",props:{model:{},element:{}},setup(i){return(n,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[!n.model.isUploading&&!n.model.isEmptyElement?(e.openBlock(),e.createElementBlock("div",Rn,[n.model.allowEdit?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("input",{type:"file","aria-hidden":"true",tabindex:"-1",accept:n.model.acceptedTypes,class:"svc-choose-file-input"},null,8,Fn),e.withDirectives((e.openBlock(),e.createElementBlock("span",Ln,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-choosefile",size:"auto",onClick:o[0]||(o[0]=t=>n.model.chooseFile(n.model))})])),[[e.unref(l.key2ClickDirective)]])],64)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),n.model.isUploading&&!n.model.isEmptyElement?(e.openBlock(),e.createElementBlock("div",An,[e.createElementVNode("div",Qn,[e.createVNode(e.unref(l.SvComponent),{is:"sv-loading-indicator"})])])):e.createCommentVNode("",!0)],64))}}),Hn={class:"svc-rating-question-content"},On=["aria-label"],Gn=["aria-label"],Wn=e.defineComponent({__name:"Rating",props:{componentData:{},componentName:{}},setup(i){const n=i,o=N(()=>new B.QuestionRatingAdornerViewModel(n.componentData.data,n.componentData.question,null),[()=>n.componentData.data,()=>n.componentData.question]);return(t,s)=>{var r,a,c,p,d,k,b,h,E;return e.openBlock(),e.createElementBlock("div",Hn,[e.createElementVNode("div",{class:e.normalizeClass((r=e.unref(o))==null?void 0:r.controlsClassNames)},[(a=e.unref(o))!=null&&a.allowRemove?e.withDirectives((e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass((c=e.unref(o))==null?void 0:c.removeClassNames),onClick:s[0]||(s[0]=D=>{var w;return(w=e.unref(o))==null?void 0:w.removeItem(e.unref(o))}),role:"button","aria-label":(p=e.unref(o))==null?void 0:p.removeTooltip},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-remove_16x16",size:"auto",title:(d=e.unref(o))==null?void 0:d.removeTooltip},null,8,["title"])],10,On)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0),(k=e.unref(o))!=null&&k.allowAdd?e.withDirectives((e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass((b=e.unref(o))==null?void 0:b.addClassNames),onClick:s[1]||(s[1]=D=>{var w;return(w=e.unref(o))==null?void 0:w.addItem(e.unref(o))}),role:"button","aria-label":(h=e.unref(o))==null?void 0:h.addTooltip},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-add_16x16",size:"auto",title:(E=e.unref(o))==null?void 0:E.addTooltip},null,8,["title"])],10,Gn)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0)],2),e.renderSlot(t.$slots,"default")])}}}),jn={key:0,class:"svc-matrix-cell__question-controls"},Jn=e.defineComponent({__name:"MatrixCell",props:{componentData:{}},setup(i){const n=i,o=e.computed(()=>n.componentData.creator),t=e.computed(()=>n.componentData.row),s=e.computed(()=>n.componentData.column),r=e.computed(()=>n.componentData.element),a=e.computed(()=>n.componentData.question),c=N(()=>{var p;return n.componentData?new B.MatrixCellWrapperViewModel(o.value,r.value,a.value,t.value,s.value||((p=r.value.cell)==null?void 0:p.column)):void 0},[()=>o.value,()=>t.value,()=>s.value,()=>a.value]);return(p,d)=>{var k,b;return e.openBlock(),e.createElementBlock("div",{tabindex:"-1",class:"svc-matrix-cell",onClick:d[1]||(d[1]=h=>{var E;return(E=e.unref(c))==null?void 0:E.selectContext(e.unref(c),h)}),onMouseover:d[2]||(d[2]=h=>{var E;return(E=e.unref(c))==null?void 0:E.hover(h,h.currentTarget)}),onMouseleave:d[3]||(d[3]=h=>{var E;return(E=e.unref(c))==null?void 0:E.hover(h,h.currentTarget)})},[e.createElementVNode("div",{class:e.normalizeClass(["svc-matrix-cell--selected",{"svc-visible":(k=e.unref(c))==null?void 0:k.isSelected}])},null,2),e.renderSlot(p.$slots,"default"),(b=e.unref(c))!=null&&b.isSupportCellEditor?(e.openBlock(),e.createElementBlock("div",jn,[e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:"svc-matrix-cell__question-controls-button svc-context-button",onClick:d[0]||(d[0]=h=>e.unref(c).editQuestion(e.unref(c),h))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-edit",size:"auto"})])),[[e.unref(l.key2ClickDirective)]])])):e.createCommentVNode("",!0)],32)}}}),Zn={class:"svc-question__adorner"},Xn={class:"svc-question__content svc-question__content--in-popup"},Yn=e.defineComponent({__name:"CellQuestion",props:{componentName:{},componentData:{}},setup(i){const n=i,o=e.computed(()=>n.componentData.element);return l.useBase(()=>o.value),(t,s)=>(e.openBlock(),e.createElementBlock("div",Zn,[e.createElementVNode("div",Xn,[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:t.componentName},t.componentData),null,16,["is"])])]))}}),xn=["data-sv-drop-target-survey-element"],Un={class:"svc-fake-title"},vn=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--left"},null,-1),es=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--right"},null,-1),os=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--top"},null,-1),ts=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--bottom"},null,-1),ns={class:"svc-question__top-actions"},ss={key:0,class:"svc-panel__placeholder_frame-wrapper"},ls={class:"svc-panel__placeholder_frame"},as={class:"svc-panel__placeholder"},rs={class:"svc-add-new-item-button__text"},is={key:1,class:"svc-panel__add-new-question-container"},cs={class:"svc-panel__question-type-selector-popup"},ds={class:"svc-panel__add-new-question-wrapper"},ms=e.defineComponent({__name:"Panel",props:{componentName:{},componentData:{}},setup(i){const n=i,o=N(()=>new B.QuestionAdornerViewModel(n.componentData.data,n.componentData.element,null),[()=>n.componentData.data,()=>n.componentData.element],s=>{s.dispose()}),t=s=>{s.stopPropagation(),o.value.addNewQuestion()};return(s,r)=>e.unref(o)&&!e.unref(o).isDisposed?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["svc-question__adorner",e.unref(o).rootCss()]),onDblclick:r[3]||(r[3]=a=>e.unref(o).dblclick(a)),onMouseover:r[4]||(r[4]=a=>e.unref(o).hover(a,a.currentTarget)),onMouseleave:r[5]||(r[5]=a=>e.unref(o).hover(a,a.currentTarget)),"data-sv-drop-target-survey-element":e.unref(o).element.name||null,ref:"root"},[e.unref(o).showHiddenTitle?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).cssCollapsedHiddenHeader)},[e.unref(o).element.hasTitle?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-element-title",element:e.unref(o).element},null,8,["element"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).cssCollapsedHiddenTitle)},[e.createElementVNode("span",Un,e.toDisplayString(e.unref(o).element.name),1)],2))],2)):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o).css()),onClick:r[2]||(r[2]=a=>e.unref(o).element.isInteractiveDesignElement?e.unref(o).select(e.unref(o),a):null)},[vn,es,os,ts,e.unref(o).allowDragging&&e.unref(o).element.isInteractiveDesignElement?(e.openBlock(),e.createElementBlock("div",{key:0,class:"svc-question__drag-area",onPointerdown:r[0]||(r[0]=a=>e.unref(o).onPointerDown(a))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",class:"svc-question__drag-element",iconName:"icon-drag-area-indicator_24x16",size:"auto"}),e.createElementVNode("div",ns,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:e.unref(o).topActionContainer,handleClick:!1},null,8,["model"])])],32)):e.createCommentVNode("",!0),e.unref(o).needToRenderContent?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:s.componentName},s.componentData),null,16,["is"]),e.unref(o).isEmptyElement?(e.openBlock(),e.createElementBlock("div",ss,[e.createElementVNode("div",ls,[e.createElementVNode("div",as,e.toDisplayString(e.unref(o).placeholderText),1),e.unref(o).showAddQuestionButton?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:"svc-panel__add-new-question svc-action-button",onClick:t},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",class:"svc-panel__add-new-question-icon",iconName:"icon-add_24x24",size:"auto"}),e.createElementVNode("span",rs,e.toDisplayString(e.unref(o).addNewQuestionText),1)])),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0),!e.unref(o).isEmptyElement&&e.unref(o).showAddQuestionButton?(e.openBlock(),e.createElementBlock("div",is,[e.createElementVNode("div",cs,[e.createVNode(e.unref(l.SvComponent),{is:"sv-popup",model:e.unref(o).questionTypeSelectorModel.popupModel},null,8,["model"])]),e.createElementVNode("div",ds,[e.createVNode(e.unref(l.SvComponent),{is:"svc-add-new-question-btn",item:{data:e.unref(o)},buttonClass:"svc-action-button",renderPopup:!1},null,8,["item"])])])):e.createCommentVNode("",!0),e.unref(o).element.isInteractiveDesignElement?(e.openBlock(),e.createElementBlock("div",{key:2,class:"svc-question__content-actions",onFocusin:r[1]||(r[1]=a=>e.unref(o).select(e.unref(o),a))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:e.unref(o).actionContainer,handleClick:!1},null,8,["model"])],32)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],2)),[[e.unref(l.key2ClickDirective),{disableTabStop:!0}]])],42,xn)):e.createCommentVNode("",!0)}}),ps=["data-sv-drop-target-item-value"],ks=e.createElementVNode("div",{class:"svc-item-value__ghost"},null,-1),fs={class:"svc-item-value-controls"},_s={key:0,class:"svc-item-value-controls__button svc-item-value-controls__drag"},Cs=["aria-label"],gs=["aria-label"],bs=e.defineComponent({__name:"ItemValue",props:{componentName:{},componentData:{}},setup(i){const n=e.ref(),o=i,t=e.computed(()=>o.componentData.data.creator),s=e.computed(()=>o.componentData.question),r=e.computed(()=>o.componentData.item),a=e.watch(()=>r.value,(p,d)=>{p&&n.value&&p.setRootElement(n.value),d&&d.setRootElement(void 0)});e.onMounted(()=>{n.value&&r.value&&r.value.setRootElement(n.value)}),e.onUnmounted(()=>{r.value.setRootElement(void 0)});const c=N(()=>new B.ItemValueWrapperViewModel(t.value,s.value,r.value),[()=>t.value,()=>s.value,()=>r.value],p=>{p.dispose()});return e.onBeforeUnmount(()=>{a()}),(p,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-item-value-wrapper",{"svc-item-value--new":e.unref(c).isNew,"svc-item-value--dragging":e.unref(c).isDragging,"svc-item-value--ghost":e.unref(c).isDragDropGhost,"svc-item-value--movedown":e.unref(c).isDragDropMoveDown,"svc-item-value--moveup":e.unref(c).isDragDropMoveUp}]),onPointerdown:d[4]||(d[4]=k=>e.unref(c).onPointerDown(k)),"data-sv-drop-target-item-value":e.unref(c).isDraggable?r.value.value:null,ref_key:"root",ref:n},[ks,e.createElementVNode("div",fs,[e.unref(c).isDraggable?(e.openBlock(),e.createElementBlock("span",_s,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",class:"svc-item-value-controls__drag-icon",iconName:"icon-drag-24x24",size:"auto",title:e.unref(c).dragTooltip},null,8,["title"])])):e.createCommentVNode("",!0),e.unref(c).allowAdd?e.withDirectives((e.openBlock(),e.createElementBlock("span",{key:1,class:"svc-item-value-controls__button svc-item-value-controls__add",onClick:d[0]||(d[0]=k=>e.unref(c).add(e.unref(c))),role:"button","aria-label":e.unref(c).tooltip},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-add_16x16",size:"auto",title:e.unref(c).tooltip},null,8,["title"])],8,Cs)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0),e.unref(c).allowRemove?e.withDirectives((e.openBlock(),e.createElementBlock("span",{key:2,class:"svc-item-value-controls__button svc-item-value-controls__remove",onClick:d[1]||(d[1]=k=>e.unref(c).remove(e.unref(c))),onBlur:d[2]||(d[2]=k=>e.unref(c).onFocusOut(k)),role:"button","aria-label":e.unref(c).tooltip},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-remove_16x16",size:"auto",title:e.unref(c).tooltip},null,8,["title"])],40,gs)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"svc-item-value__item",onClick:d[3]||(d[3]=k=>e.unref(c).select(e.unref(c),k))},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:p.componentName},p.componentData),null,16,["is"])])],42,ps))}}),Bs=["data-sv-drop-target-item-value"],Ns={class:"svc-image-item-value-wrapper__content"},hs=["accept"],Es={key:0,class:"svc-image-item-value__item"},ys={key:2,class:"svc-context-container svc-image-item-value-controls"},ws={class:"svc-image-item-value__item"},Ss={class:"sd-imagepicker__item sd-imagepicker__item--inline"},qs={class:"sd-imagepicker__label"},Ds={key:0,class:"svc-image-item-value__loading"},$s={key:0,class:"svc-image-item-value__placeholder"},us={key:1},Vs=e.defineComponent({__name:"ImageItemValue",props:{componentName:{},componentData:{}},setup(i){const n=i,o=e.computed(()=>n.componentData.data.creator),t=e.computed(()=>n.componentData.question),s=e.computed(()=>n.componentData.item),r=e.ref(),a=N(()=>{const d=new B.ImageItemValueWrapperViewModel(o.value,t.value,s.value,null,null);return r!=null&&r.value&&(d.itemsRoot=r.value),d},[()=>o.value,()=>t.value,()=>s.value],d=>{d.dispose()}),c=d=>{d.preventDefault()},p=e.computed(()=>{const d=!a.value.getIsNewItemSingle();return{width:d?t.value.renderedImageWidth+"px":void 0,height:d?t.value.renderedImageHeight+"px":void 0}});return e.onMounted(()=>{r.value&&(a.value.itemsRoot=r.value)}),(d,k)=>(e.openBlock(),e.createElementBlock("div",{onPointerdown:k[5]||(k[5]=b=>e.unref(a).onPointerDown(b)),class:e.normalizeClass(e.unref(a).getRootCss()),"data-sv-drop-target-item-value":e.unref(a).isDraggable?s.value.value:null,ref_key:"root",ref:r,onDragstart:c,onDragenter:k[6]||(k[6]=b=>e.unref(a).onDragEnter(b)),onDragover:k[7]||(k[7]=b=>e.unref(a).onDragOver(b)),onDragleave:k[8]||(k[8]=b=>e.unref(a).onDragLeave(b)),onDrop:k[9]||(k[9]=b=>e.unref(a).onDrop(b))},[e.createElementVNode("div",{class:"svc-image-item-value-wrapper__ghost",style:e.normalizeStyle(p.value)},null,4),e.createElementVNode("div",Ns,[e.createElementVNode("input",{type:"file","aria-hidden":"true",tabindex:"-1",accept:e.unref(a).acceptedTypes,class:"svc-choose-file-input"},null,8,hs),!e.unref(a).isNew&&!e.unref(a).isUploading?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(a).isNew?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Es,[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:d.componentName},d.componentData),null,16,["is"])])),e.unref(a).isDraggable&&e.unref(a).canRenderControls?(e.openBlock(),e.createElementBlock("span",{key:1,class:"svc-context-button svc-image-item-value-controls__drag-area-indicator",onPointerdown:k[0]||(k[0]=b=>e.unref(a).onPointerDown(b)),title:void 0,"aria-label":void 0},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-drag-24x24",size:"auto"})],32)):e.createCommentVNode("",!0),e.unref(a).canRenderControls?(e.openBlock(),e.createElementBlock("div",ys,[e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:"svc-context-button",onClick:k[1]||(k[1]=b=>e.unref(a).chooseFile(e.unref(a))),title:void 0,"aria-label":void 0},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",role:"button",iconName:"icon-choosefile",size:"auto",title:e.unref(a).selectFileTitle},null,8,["title"])])),[[e.unref(l.key2ClickDirective)]]),e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:"svc-context-button svc-context-button--danger",onClick:k[2]||(k[2]=b=>e.unref(a).remove(e.unref(a))),title:void 0,"aria-label":void 0},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",role:"button",iconName:"icon-delete",size:"auto",title:e.unref(a).removeFileTitle},null,8,["title"])])),[[e.unref(l.key2ClickDirective)]])])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",ws,[e.createElementVNode("div",Ss,[e.createElementVNode("label",qs,[e.createElementVNode("div",{style:e.normalizeStyle(p.value),class:"sd-imagepicker__image"},[e.unref(a).isUploading?(e.openBlock(),e.createElementBlock("div",Ds,[e.createVNode(e.unref(l.SvComponent),{is:"sv-loading-indicator"})])):e.createCommentVNode("",!0)],4)])])]),e.unref(a).allowAdd&&!e.unref(a).isUploading?(e.openBlock(),e.createElementBlock("div",{key:0,class:"svc-image-item-value-controls",onPointerdown:k[4]||(k[4]=b=>b.stopPropagation())},[e.unref(a).showPlaceholder?(e.openBlock(),e.createElementBlock("span",$s,e.toDisplayString(e.unref(a).placeholderText),1)):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(a).addButtonCss),onClick:k[3]||(k[3]=b=>e.unref(a).chooseNewFile(e.unref(a)))},[e.unref(a).showChooseButtonAsIcon?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"sv-svg-icon",iconName:"icon-add-lg",size:"auto",title:e.unref(a).addFileTitle},null,8,["title"])):(e.openBlock(),e.createElementBlock("span",us,e.toDisplayString(e.unref(a).chooseImageText),1))],2)),[[e.unref(l.key2ClickDirective)]])],32)):e.createCommentVNode("",!0)],64))])],42,Bs))}}),Ts=e.defineComponent({__name:"QuestionEditor",props:{survey:{},style:{}},setup(i){const n=i,o=e.computed(()=>{var r;return(r=n.survey)==null?void 0:r.getAllQuestions()[0]}),t=e.computed(()=>{const r=n.survey;if(r&&o.value){const a=r.getElementWrapperComponentName(o.value);if(a)return a}return"survey-question"}),s=e.computed(()=>{const r=n.survey;let a;return r&&o.value&&(a=r.getElementWrapperComponentData(o.value)),{componentName:"survey-question",componentData:{element:o.value,data:a}}});return(r,a)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(n.style)},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:t.value},s.value),null,16,["is"])],4))}}),Ms=["accept"],zs=[e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#icon-image-48x48"})],-1)],Is={class:"svc-context-container svc-logo-image-controls"},Ps={key:2,class:"svc-logo-image__loading"},Rs=e.defineComponent({__name:"Logo",props:{data:{}},setup(i){const n=i,o=e.computed(()=>n.data),t=e.computed(()=>o.value.survey),s=e.ref(),r=N(()=>new B.LogoImageViewModel(o.value,null),[()=>o.value]),a=e.ref(),c=()=>{a.value=t.value.locLogo.renderedHtml};return e.watch(()=>t.value.locLogo,(p,d)=>{c(),p&&p.onStringChanged.add(c),d&&p.onStringChanged.remove(c)},{immediate:!0}),e.onMounted(()=>{s.value&&(r.value.root=s.value)}),e.onUnmounted(()=>{r.value&&(r.value.root=void 0)}),(p,d)=>(e.openBlock(),e.createElementBlock("div",{class:"svc-logo-image",ref_key:"root",ref:s},[e.createElementVNode("input",{type:"file","aria-hidden":"true",tabindex:"-1",accept:e.unref(r).acceptedTypes,class:"svc-choose-file-input"},null,8,Ms),a.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(r).allowEdit&&!e.unref(r).isUploading?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:"svc-logo-image-placeholder",onClick:d[0]||(d[0]=k=>e.unref(r).chooseFile(e.unref(r)))},zs)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0)],64)),a.value&&!e.unref(r).isUploading?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(r).containerCss)},[e.createElementVNode("div",Is,[e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:"svc-context-button",onClick:d[1]||(d[1]=k=>e.unref(r).chooseFile(e.unref(r))),title:void 0,"aria-label":void 0},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-choosefile",size:"auto"})])),[[e.unref(l.key2ClickDirective)]]),e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:"svc-context-button svc-context-button--danger",onClick:d[2]||(d[2]=k=>e.unref(r).remove(e.unref(r))),title:void 0,"aria-label":void 0},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-clear",size:"auto"})])),[[e.unref(l.key2ClickDirective)]])]),e.createVNode(e.unref(l.SvComponent),{is:"sv-logo-image",data:t.value},null,8,["data"])],2)):e.createCommentVNode("",!0),e.unref(r).isUploading?(e.openBlock(),e.createElementBlock("div",Ps,[e.createVNode(e.unref(l.SvComponent),{is:"sv-loading-indicator"})])):e.createCommentVNode("",!0)],512))}}),Fs={key:0,class:"svc-search"},Ls={class:"svc-search__search-icon"},As=["aria-label","placeholder","tabindex"],Qs={class:"svc-search__toolbar"},Ks={class:"svc-search__toolbar-counter"},Hs=e.defineComponent({__name:"Search",props:{model:{}},setup(i){const n=i;l.useBase(()=>n.model);const o=e.computed({get:()=>n.model.filterString,set:t=>{const s=n.model;s.filterString=t}});return(t,s)=>t.model.isVisible?(e.openBlock(),e.createElementBlock("div",Fs,[e.createElementVNode("div",Ls,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-search",size:"auto"})]),e.withDirectives(e.createElementVNode("input",{type:"text",class:"svc-search__input","onUpdate:modelValue":s[0]||(s[0]=r=>o.value=r),"aria-label":t.model.filterStringPlaceholder,placeholder:t.model.filterStringPlaceholder,tabindex:t.model.getTabIndex()},null,8,As),[[e.vModelText,o.value]]),e.createElementVNode("div",Qs,[e.createElementVNode("div",Ks,e.toDisplayString(t.model.matchCounterText),1),e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:t.model.searchActionBar},null,8,["model"])])])):e.createCommentVNode("",!0)}}),Os=["title"],Gs=e.defineComponent({__name:"PageNavigator",props:{pagesController:{},pageEditMode:{}},setup(i){const n=i,o=N(()=>new B.PageNavigatorViewModel(n.pagesController,n.pageEditMode),[()=>n.pagesController,()=>n.pageEditMode]),t=e.ref();return e.onMounted(()=>{if(n.pageEditMode!=="bypage"){const s=t.value,r=o.value;s&&r.attachToUI(s)}}),e.onBeforeUnmount(()=>{const s=o.value;s.stopItemsContainerHeightObserver(),s.setScrollableContainer(void 0)}),e.onUnmounted(()=>{o.value.dispose()}),(s,r)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"svc-page-navigator",ref_key:"root",ref:t},[e.createElementVNode("div",null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{role:"button",class:e.normalizeClass(["svc-page-navigator__selector svc-page-navigator__button",{"svc-page-navigator__button--pressed":e.unref(o).isPopupOpened}]),onClick:r[0]||(r[0]=a=>e.unref(o).togglePageSelector(a)),title:e.unref(o).pageSelectorCaption},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",class:"svc-page-navigator__button-icon",iconName:e.unref(o).icon,size:"auto"},null,8,["iconName"])],10,Os)),[[e.unref(l.key2ClickDirective)]]),e.createVNode(e.unref(l.SvComponent),{is:"sv-popup",model:e.unref(o).popupModel},null,8,["model"])]),e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).visibleItems,a=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{is:"svc-page-navigator-item",key:a.id,model:a},null,8,["model"]))),128))])],512)),[[e.vShow,e.unref(o).visible]])}}),Ws={class:"svc-page-navigator-item"},js=["title"],Js=[e.createElementVNode("div",{class:"svc-page-navigator-item__dot-content"},null,-1)],Zs={class:"svc-page-navigator-item__banner"},Xs={class:"svc-page-navigator-item__text"},Ys=e.createElementVNode("span",{class:"svc-page-navigator-item__dot"},[e.createElementVNode("span",{class:"svc-page-navigator-item__dot-content"})],-1),xs=e.defineComponent({__name:"PageNavigatorItem",props:{model:{}},setup(i){const n=i;l.useBase(()=>n.model);const o=t=>{n.model.action(),t.stopPropagation(),t.preventDefault()};return(t,s)=>(e.openBlock(),e.createElementBlock("div",Ws,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{role:"button",class:e.normalizeClass(["svc-page-navigator-item-content",{"svc-page-navigator-item--selected":t.model.active,"svc-page-navigator-item--disabled":t.model.disabled}]),onClick:s[0]||(s[0]=r=>o(r))},[e.createElementVNode("div",{class:"svc-page-navigator-item__dot",title:t.model.title},Js,8,js),e.createElementVNode("div",Zs,[e.createElementVNode("span",Xs,e.toDisplayString(t.model.title),1),Ys])],2)),[[e.unref(l.key2ClickDirective)]])]))}}),Us={class:"svc-question__dropdown-choices--wrapper"},vs={class:"svc-question__dropdown-choices"},el=e.defineComponent({__name:"Dropdown",props:{model:{},element:{}},setup(i){const n=i,o=s=>n.element.getItemValueWrapperComponentName(s)||n.model.itemComponent,t=s=>({componentName:n.model.itemComponent,componentData:{question:n.element,item:s,data:n.element.getItemValueWrapperComponentData(s)}});return(s,r)=>(e.openBlock(),e.createElementBlock("div",Us,[e.createElementVNode("div",null,[e.createElementVNode("div",vs,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.model.getRenderedItems(),a=>(e.openBlock(),e.createElementBlock("div",{key:a.value,class:e.normalizeClass(s.model.getChoiceCss())},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:o(a)},t(a)),null,16,["is"])],2))),128))]),s.model.needToCollapse?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"svc-action-button",text:s.model.getButtonText(),click:s.model.switchCollapse.bind(s.model),allowBubble:!0},null,8,["text","click"])):e.createCommentVNode("",!0)])]))}}),ol=e.defineComponent({__name:"QuestionDropdown",props:{componentName:{},componentData:{}},setup(i){const n=i,o=()=>new B.QuestionDropdownAdornerViewModel(n.componentData.data,n.componentData.element,null);return(t,s)=>(e.openBlock(),e.createBlock(u,{"create-model":o,element:t.componentData.element,"component-name":t.componentName,"component-data":t.componentData,"adorner-component":"svc-dropdown-question-adorner"},null,8,["element","component-name","component-data"]))}}),tl={class:"svc-question__adorner"},nl={class:"svc-question__content svc-question__content--in-popup"},sl={class:"svc-question__dropdown-choices"},I="survey-radiogroup-item",ll=e.defineComponent({__name:"CellQuestionDropdown",props:{componentName:{},componentData:{}},setup(i){const n=i,o=e.computed(()=>n.componentData.element),t=r=>o.value.getItemValueWrapperComponentName(r)||I,s=r=>({componentName:I,componentData:{question:o.value,item:r,data:o.value.getItemValueWrapperComponentData(r)}});return l.useBase(()=>o.value),(r,a)=>(e.openBlock(),e.createElementBlock("div",tl,[e.createElementVNode("div",nl,[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:r.componentName},r.componentData),null,16,["is"]),e.createElementVNode("div",sl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value.visibleChoices,c=>(e.openBlock(),e.createElementBlock("div",{key:c.value,class:"svc-question__dropdown-choice"},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:t(c)},s(c)),null,16,["is"])]))),128))])])]))}}),al=["data-sv-drop-target-survey-element"],rl=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--left"},null,-1),il=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--right"},null,-1),cl=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--top"},null,-1),dl=e.createElementVNode("div",{class:"svc-question__drop-indicator svc-question__drop-indicator--bottom"},null,-1),ml={class:"svc-widget__content"},pl={key:1,class:"svc-panel__placeholder_frame"},kl=[e.createElementVNode("div",{class:"svc-panel__placeholder","data-bind":"text: placeholderText"},null,-1)],fl={class:"svc-question__content-actions"},_l={key:0,class:"svc-panel__placeholder_frame"},Cl={class:"svc-panel__placeholder"},gl=e.defineComponent({__name:"CustomWidget",props:{componentName:{},componentData:{}},setup(i){const n=i,o=e.ref(),t=N(()=>new B.QuestionAdornerViewModel(n.componentData.data,n.componentData.element,null),[()=>n.componentData.data,()=>n.componentData.element],s=>{s.dispose()});return e.onUpdated(()=>{o.value&&t.value&&(t.value.rootElement=o.value)}),e.onMounted(()=>{o.value&&t.value&&(t.value.rootElement=o.value)}),(s,r)=>e.unref(t)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["svc-question__adorner",e.unref(t).rootCss()]),onMouseover:r[2]||(r[2]=a=>e.unref(t).hover(a,a.currentTarget)),onMouseleave:r[3]||(r[3]=a=>e.unref(t).hover(a,a.currentTarget)),"data-sv-drop-target-survey-element":e.unref(t).element.name||null,ref_key:"root",ref:o},[e.unref(t).element.isInteractiveDesignElement?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["svc-question__content",e.unref(t).css()]),onClick:r[1]||(r[1]=a=>e.unref(t).select(e.unref(t),a)),"data-bind":"clickBubble: false"},[rl,il,cl,dl,e.unref(t).allowDragging?(e.openBlock(),e.createElementBlock("div",{key:0,class:"svc-question__drag-area",onPointerdown:r[0]||(r[0]=a=>e.unref(t).onPointerDown(a))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",class:"svc-question__drag-element",iconName:"icon-drag-area-indicator_24x16",size:"auto"})],32)):e.createCommentVNode("",!0),e.createElementVNode("div",ml,[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:s.componentName},s.componentData),null,16,["is"])]),e.unref(t).isEmptyElement?(e.openBlock(),e.createElementBlock("div",pl,kl)):e.createCommentVNode("",!0),e.createElementVNode("div",fl,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:e.unref(t).actionContainer,handleClick:!1},null,8,["model"])])],2)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0),e.unref(t).element.isInteractiveDesignElement?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(e.unref(l.SvComponent),e.mergeProps({is:s.componentName},s.componentData),null,16,["is"]),e.unref(t).isEmptyElement?(e.openBlock(),e.createElementBlock("div",_l,[e.createElementVNode("div",Cl,e.toDisplayString(e.unref(t).placeholderText),1)])):e.createCommentVNode("",!0)],64))],42,al)):e.createCommentVNode("",!0)}}),bl={class:"svc-carry-forward-panel-wrapper"},Bl={class:"svc-carry-forward-panel"},Nl={class:"svc-carry-forward-panel__link"},hl=e.defineComponent({__name:"QuestionBanner",props:{model:{}},setup(i){return(n,o)=>(e.openBlock(),e.createElementBlock("div",bl,[e.createElementVNode("div",Bl,[e.createElementVNode("span",null,e.toDisplayString(n.model.text)+e.toDisplayString(" "),1),e.createElementVNode("span",Nl,[e.createVNode(e.unref(l.SvComponent),{is:"svc-action-button",text:n.model.actionText,click:n.model.onClick.bind(n.model)},null,8,["text","click"])])])]))}});function El(i,n,o){i(n,o)}function P(i){const n=El.bind(void 0,i);n("svc-tabbed-menu",J),n("svc-tabbed-menu-item-wrapper",X),n("svc-tabbed-menu-item",x),n("svc-side-bar",oe),n("svc-side-bar-default-header",le),n("svc-side-bar-page",ae),n("svc-tabs",ce),n("svc-tab-control",Ce),n("svc-tab-button",he),n("svc-property-grid-placeholder",De),n("svc-side-bar-header",ze),n("svc-side-bar-property-grid-header",Qe),n("svc-property-grid",ie),n("svc-object-selector",re),n("svc-search",Hs),n("svc-switcher",xe),n("svc-action-button",je),n("svc-question-error",Ke),n("survey-embeddedsurvey",Oo),n("sv-logic-operator",Ho),n("survey-linkvalue",Go),n("survey-color",rt),n("color-item",it),n("sv-boolean-switch",yt),n("survey-fileedit",kt),n("survey-spinedit",gt),n("survey-textwithreset",M),n("survey-commentwithreset",M),n("survey-widget",l.SurveyComponent),n("survey-simulator",eo),n("svc-tab-preview",ao),n("svc-complete-page",io),n("survey-results",No),n("survey-results-table-row",Eo),n("json-error-item",Po),n("svc-tab-json-editor-textarea",To),n("svc-tab-json-editor-ace",qo),n("svc-tab-translation",Xo),n("sd-translation-line-skeleton",et),n("svc-translate-from-action",ot),n("svc-tab-logic",Ao),n("svc-tab-theme",st),n("svc-toolbox",Rt),n("svc-toolbox-list",Zt),n("svc-toolbox-category",Jt),n("svc-toolbox-tool",Lt),n("svc-toolbox-item",Ht),n("svc-toolbox-item-group",Ot),n(B.editableStringRendererName,Tt),n("svc-tab-designer",an),n("svc-page-navigator",Gs),n("svc-page-navigator-item",xs),n("svc-page",gn),n("svc-row",wn),n("svc-add-new-question-btn",Bn),n("svc-add-question-type-selector",hn),n("svc-question",z),n("svc-rating-question",z),n("svc-rating-question-content",Wn),n("svc-image-question",Pn),n("svc-image-question-adorner",Kn),n("svc-matrix-cell",Jn),n("svc-cell-question",Yn),n("svc-cell-dropdown-question",ll),n("svc-question-editor-content",Ts),n("svc-logo-image",Rs),n("svc-panel",ms),n("svc-item-value",bs),n("svc-image-item-value",Vs),n("svc-dropdown-question",ol),n("svc-dropdown-question-adorner",el),n("svc-widget-question",gl),n("svc-question-banner",hl)}P((i,n)=>l.ComponentFactory.Instance.registerComponent(i,n));const yl={install(i){i.component("SurveyCreatorComponent",V),P((n,o)=>{i.component(n,o),l.ComponentFactory.Instance.registerComponent(n,n)})}};y.SurveyCreatorComponent=V,y.surveyCreatorPlugin=yl,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});