survey-vue3-ui
Version:
survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.
6,215 lines • 251 kB
JavaScript
var Re = Object.defineProperty;
var Me = (u, e, o) => e in u ? Re(u, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : u[e] = o;
var K = (u, e, o) => (Me(u, typeof e != "symbol" ? e + "" : e, o), o);
import { defineComponent as y, computed as w, openBlock as i, createBlock as c, resolveDynamicComponent as J, normalizeProps as me, guardReactiveProps as pe, createSlots as Te, renderList as M, withCtx as A, renderSlot as X, watch as E, onBeforeUpdate as $e, onUpdated as W, onBeforeMount as He, onMounted as H, onBeforeUnmount as Q, ref as L, unref as T, isRef as x, triggerRef as ne, nextTick as he, customRef as De, createElementBlock as a, normalizeClass as l, createVNode as g, createCommentVNode as m, createElementVNode as v, Fragment as k, mergeProps as B, normalizeStyle as f, onUnmounted as Z, withDirectives as D, vShow as N, toDisplayString as S, vModelCheckbox as oe, vModelRadio as be, vModelSelect as Ve, vModelText as Be, resolveDirective as Ae, getCurrentInstance as Ne, shallowRef as te, createStaticVNode as Ze, createTextVNode as se, toRaw as Pe, Teleport as Ee, useSlots as We } from "vue";
import { ScrollViewModel as Fe, RendererFactory as z, Helpers as Oe, DropdownMultiSelectListModel as ze, doKey2ClickUp as we, doKey2ClickDown as Ue, doKey2ClickBlur as Qe, createSvg as Ke, ActionDropdownViewModel as je, createPopupViewModel as Ge, SurveyProgressModel as ve, addIconsToThemeSet as Je, SvgRegistry as G, PopupSurveyModel as Xe, PopupModalManager as Ye, settings as ee, ResizeManager as _e, ButtonGroupItemModel as xe, SurveyModel as es } from "survey-core";
const Y = class Y {
constructor() {
K(this, "creatorHash", {});
}
registerComponent(e, o) {
this.creatorHash[e] = o;
}
getComponent(e) {
return this.creatorHash[e] || e;
}
getAllTypes() {
const e = new Array();
for (const o in this.creatorHash)
e.push(o);
return e.sort();
}
isComponentRegistered(e) {
return !!this.creatorHash[e];
}
};
K(Y, "Instance", new Y());
let O = Y;
const d = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "SvComponent",
props: {
is: {}
},
setup(u) {
const e = u, o = w(
() => O.Instance.getComponent(e.is)
);
return (s, n) => (i(), c(J(o.value), me(pe(s.$attrs)), Te({ _: 2 }, [
M(s.$slots, (t, r) => ({
name: r,
fn: A((p) => [
X(s.$slots, r, me(pe(p)))
])
}))
]), 1040));
}
});
class ss {
constructor(e) {
K(this, "currentNextTickPromise");
this.element = e;
}
async add() {
const e = he();
this.currentNextTickPromise !== e && (this.currentNextTickPromise = e, await e, e == this.currentNextTickPromise && this.element.afterRerender());
}
}
function ns(u) {
let e = u.initialValue;
return De((o, s) => {
const n = () => {
u.isUpdateAllowed() && (s(), u.nextRenderManager.add());
};
return {
get() {
return o(), e;
},
set(t) {
const r = e !== t;
e = t, r && n();
}
};
});
}
function os(u) {
var e, o;
if (u) {
if (u.__vueUpdatesLock = (e = u.__vueUpdatesLock) != null ? e : 0, u.__vueImplemented = (o = u.__vueImplemented) != null ? o : 0, u.__vueImplemented <= 0) {
const s = () => u.__vueUpdatesLock <= 0, n = new ss(u), t = (p, C) => {
const b = C.valueFromHash;
s() && x(b) && (ne(b), n.add());
}, r = (p, C, b) => {
p[C] = ns({
initialValue: b === void 0 ? p[C] : b,
surveyElement: u,
isUpdateAllowed: s,
nextRenderManager: n
});
};
u.addOnArrayChangedCallback(t), u.createArrayCoreHandler = (p, C) => (r(p, C, []), T(p[C])), u.iteratePropertiesHash((p, C) => {
r(p, C);
}), u.getPropertyValueCoreHandler = (p, C) => (x(p[C]) || r(p, C), T(p[C])), u.setPropertyValueCoreHandler = (p, C, b) => {
x(p[C]) ? p[C].value = b : r(p, C, b), n.add();
}, u.__vueClear = () => {
u.iteratePropertiesHash((p, C) => {
p[C] = T(p[C]);
}), delete u.__vueClear, delete u.__vueUpdatesLock, delete u.__vueImplemented, u.removeOnArrayChangedCallback(t), u.createArrayCoreHandler = void 0, u.getPropertyValueCoreHandler = void 0, u.setPropertyValueCoreHandler = void 0, u.disableOnElementRerenderedEvent();
}, u.enableOnElementRerenderedEvent();
}
u.__vueImplemented++;
}
}
function ts(u) {
return !!u.__vueImplemented;
}
function ce(u) {
var e;
u && (u.__vueImplemented = (e = u.__vueImplemented) != null ? e : 0, u.__vueImplemented--, u.__vueImplemented <= 0 && typeof u.__vueClear == "function" && u.__vueClear());
}
function Ce(u) {
u && u.__vueUpdatesLock !== void 0 && u.__vueUpdatesLock++;
}
function ge(u) {
u && u.__vueUpdatesLock !== void 0 && u.__vueUpdatesLock--;
}
function R(u, e, o) {
let s;
const n = E(
u,
(r, p) => {
r && e && e(r, p), p && (ce(p), o && o(p)), s = r, os(r);
},
{
immediate: !0
}
);
let t = !1;
$e(() => {
Ce(s);
}), W(() => {
ge(s);
}), He(() => Ce(s)), H(() => ge(s)), Q(() => {
if (!t) {
const r = u();
r && (ce(r), n(), o && o(r)), t = !0;
}
});
}
function $(u, e, o, s) {
R(() => u.question, o, s), H(() => {
u.question && u.question.afterRenderQuestionElement(e.value);
}), Q(() => {
u.question.beforeDestroyQuestionElement(e.value);
});
}
function U(u) {
const e = L(), o = (t) => {
e.value = t.renderedHtml;
}, s = (t) => {
e.value = t.renderedHtml, t.onStringChanged.add(o);
}, n = E(
u,
(t, r) => {
r && r.onStringChanged.remove(o), s(t);
},
{ immediate: !0 }
);
return Q(() => {
const t = u();
t && t.onStringChanged.remove(o), n();
}), e;
}
function ie(u) {
return u.customWidget ? "survey-customwidget" : u.isDefaultRendering && u.isDefaultRendering() || u.isPanel ? "survey-" + u.getTemplate() : u.getComponentName();
}
const is = /* @__PURE__ */ y({
__name: "Page",
props: {
survey: {},
page: {},
css: {}
},
setup(u) {
const e = u, o = L(null), s = () => {
e.survey && o.value && e.survey.afterRenderPage(o.value);
}, n = w(() => e.page._showDescription);
return R(
() => e.page,
() => {
s();
}
), H(() => {
s();
}), (t, r) => (i(), a("div", {
class: l(t.page.cssRoot),
ref_key: "root",
ref: o
}, [
t.page.hasTitle || n.value ? (i(), a("div", {
key: 0,
class: l(t.page.cssHeader)
}, [
g(d, {
is: "survey-element-title",
element: t.page,
css: t.css
}, null, 8, ["element", "css"]),
n.value ? (i(), a("div", {
key: 0,
class: l(t.page.cssClasses.page.description)
}, [
g(d, {
is: "survey-string",
locString: t.page.locDescription
}, null, 8, ["locString"])
], 2)) : m("", !0)
], 2)) : m("", !0),
v("div", {
class: l(t.page.cssContent)
}, [
g(d, {
is: "survey-errors",
element: t.page
}, null, 8, ["element"]),
(i(!0), a(k, null, M(t.page.visibleRows, (p) => (i(), c(d, B({
key: p.id,
is: t.page.getSurvey().getRowWrapperComponentName(p)
}, {
componentData: t.page.getSurvey().getRowWrapperComponentData(p)
}), {
default: A(() => [
g(d, {
is: "survey-row",
row: p,
survey: t.survey,
css: t.css
}, null, 8, ["row", "survey", "css"])
]),
_: 2
}, 1040, ["is"]))), 128))
], 2)
], 2));
}
}), rs = /* @__PURE__ */ y({
__name: "Header",
props: {
survey: {}
},
setup(u) {
const e = u, o = L();
return H(() => {
var s = o.value;
s && e.survey && e.survey.afterRenderHeader(s);
}), (s, n) => s.survey.renderedHasHeader ? (i(), a("div", {
key: 0,
class: l(s.survey.css.header),
ref_key: "root",
ref: o
}, [
s.survey.isLogoBefore ? (i(), c(d, {
key: 0,
is: s.survey.getElementWrapperComponentName(s.survey, "logo-image"),
data: s.survey.getElementWrapperComponentData(s.survey, "logo-image")
}, null, 8, ["is", "data"])) : m("", !0),
s.survey.renderedHasTitle ? (i(), a("div", {
key: 1,
class: l(s.survey.css.headerText),
style: f({ maxWidth: s.survey.titleMaxWidth })
}, [
g(d, {
is: "survey-element-title",
element: s.survey,
css: s.survey.css
}, null, 8, ["element", "css"]),
s.survey.renderedHasDescription ? (i(), a("div", {
key: 0,
class: l(s.survey.css.description)
}, [
g(d, {
is: "survey-string",
locString: s.survey.locDescription
}, null, 8, ["locString"])
], 2)) : m("", !0)
], 6)) : m("", !0),
s.survey.isLogoAfter ? (i(), c(d, {
key: 2,
is: s.survey.getElementWrapperComponentName(s.survey, "logo-image"),
data: s.survey.getElementWrapperComponentData(s.survey, "logo-image")
}, null, 8, ["is", "data"])) : m("", !0),
v("div", {
class: l(s.survey.css.headerClose)
}, null, 2)
], 2)) : m("", !0);
}
}), ls = /* @__PURE__ */ y({
__name: "Row",
props: {
row: {},
css: {},
survey: {}
},
setup(u) {
const e = u, o = L();
let s;
return R(
() => e.row,
(n, t) => {
n.setRootElement(o.value), t && (n.isNeedRender = t.isNeedRender);
},
(n) => {
ts(n) || (clearTimeout(s), n.setRootElement(void 0), n.stopLazyRendering(), n.isNeedRender = !n.isLazyRendering());
}
), H(() => {
if (e.row && (e.row.setRootElement(o.value), !e.row.isNeedRender)) {
const n = o.value;
setTimeout(() => {
e.row.startLazyRendering(n);
}, 10);
}
}), (n, t) => (i(), a("div", {
class: l(n.row.getRowCss()),
ref_key: "root",
ref: o
}, [
(i(!0), a(k, null, M(n.row.visibleElements, (r) => (i(), c(d, {
is: "survey-element",
row: n.row,
css: n.css,
element: r,
key: r.id
}, null, 8, ["row", "css", "element"]))), 128))
], 2));
}
}), as = ["id", "role", "aria-required", "aria-invalid", "aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], us = ["aria-hidden", "data-sv-drop-target-matrix", "data-sv-drop-target-matrix-row"], ds = ["id"], ms = {
inheritAttrs: !1
}, ps = /* @__PURE__ */ y({
...ms,
__name: "Question",
props: {
survey: {},
element: {},
css: {}
},
setup(u) {
const e = u, o = L(null);
R(() => e.element);
const s = (h) => h.cssContent, n = () => e.element.getRootStyle(), t = w(() => e.element.singleInputQuestion), r = () => {
o.value && e.element.afterRender(o.value);
}, p = E(
() => o.value,
() => {
r();
}
), C = w(() => e.element.customWidget ? "survey-customwidget" : e.element.isDefaultRendering() ? "survey-" + e.element.getTemplate() : e.element.getComponentName()), b = w(() => e.element.survey.getQuestionContentWrapperComponentName(e.element)), q = w(() => ({
componentData: {
question: e.element,
data: e.element.survey.getElementWrapperComponentData(e.element)
}
}));
return Z(() => {
p();
}), (h, V) => (i(), a("div", {
class: l(h.element.getRootCss()),
style: f(n()),
ref_key: "root",
ref: o,
onFocusin: V[0] || (V[0] = (I) => h.element.focusIn()),
id: h.element.id,
role: h.element.ariaRole,
"aria-required": h.element.ariaRequired,
"aria-invalid": h.element.ariaInvalid,
"aria-label": h.element.ariaLabel,
"aria-labelledby": h.element.ariaLabelledBy,
"aria-describedby": h.element.ariaDescribedBy,
"aria-expanded": h.element.ariaExpanded,
"data-name": h.element.name,
onClick: V[1] || (V[1] = (I) => h.element.clickRootFunction && h.element.clickRootFunction(I))
}, [
h.element.singleInputHasActions ? (i(), c(d, {
key: 0,
is: "sv-breadcrumbs",
model: h.element.singleInputActions,
css: h.element.cssClasses
}, null, 8, ["model", "css"])) : m("", !0),
v("div", {
class: l(h.element.getQuestionContainerCss())
}, [
h.element.showErrorsAboveQuestion ? (i(), c(d, {
key: 0,
is: "survey-errors",
element: h.element,
location: "top"
}, null, 8, ["element"])) : m("", !0),
v("div", {
class: l(h.element.getHeaderAndContentContainerCss())
}, [
h.element.hasTitleOnLeftTop ? (i(), c(d, {
key: 0,
is: "survey-element-header",
element: h.element,
css: h.element.cssClasses
}, null, 8, ["element", "css"])) : m("", !0),
h.element.singleInputSummary ? (i(), c(d, {
key: 1,
is: "sv-single-input-summary",
css: h.element.cssClasses,
summary: h.element.singleInputSummary
}, null, 8, ["css", "summary"])) : t.value ? (i(), c(d, {
is: "survey-question",
css: h.css,
element: t.value,
survey: h.survey,
key: t.value.id
}, null, 8, ["css", "element", "survey"])) : (i(), c(d, B({
key: 3,
is: b.value
}, q.value), {
default: A(() => [
v("div", {
class: l(s(h.element) || void 0),
"aria-hidden": h.element.contentAriaHidden,
style: f({ display: h.element.renderedIsExpanded ? void 0 : "none" }),
role: "presentation",
"data-sv-drop-target-matrix": h.element.dragDropMatrixAttribute,
"data-sv-drop-target-matrix-row": h.element.dragDropMatrixAttribute
}, [
g(d, {
is: C.value,
question: h.element
}, null, 8, ["is", "question"]),
h.element.hasComment ? (i(), a("div", {
key: 0,
class: l(h.element.getCommentAreaCss())
}, [
v("div", null, [
g(d, {
is: "survey-string",
locString: h.element.locCommentText
}, null, 8, ["locString"])
]),
g(d, {
is: "survey-question-comment",
question: h.element
}, null, 8, ["question"])
], 2)) : m("", !0),
h.element.hasDescriptionUnderInput ? (i(), a("div", {
key: 1,
class: l(h.element.cssDescription),
id: h.element.ariaDescriptionId
}, [
g(d, {
is: "survey-string",
locString: h.element.locDescription
}, null, 8, ["locString"])
], 10, ds)) : m("", !0)
], 14, us)
]),
_: 1
}, 16, ["is"])),
h.element.hasTitleOnBottom ? (i(), c(d, {
key: 4,
is: "survey-element-header",
element: h.element,
css: h.css
}, null, 8, ["element", "css"])) : m("", !0)
], 2),
h.element.showErrorsBelowQuestion ? (i(), c(d, {
key: 1,
is: "survey-errors",
element: h.element,
location: "bottom"
}, null, 8, ["element"])) : m("", !0)
], 2)
], 46, as));
}
}), vs = ["id"], cs = ["id", "role", "aria-labelledby", "aria-label"], Cs = {
inheritAttrs: !1
}, gs = /* @__PURE__ */ y({
...Cs,
inheritAttrs: !1,
__name: "Panel",
props: {
element: {},
isEditMode: { type: Boolean },
css: {}
},
setup(u) {
const e = u, o = L(null), s = w(() => e.element.survey), n = "var(--sd-base-padding, var(--sjs2-spacing-x500))", t = w(() => {
const r = e.element.innerPaddingLeft;
return r ? {
paddingInlineStart: `calc(${n} + ${r})`
} : {};
});
return R(() => e.element), H(() => {
e.element.survey && e.element.afterRender(o.value);
}), (r, p) => r.element.getIsContentVisible() ? (i(), a("div", {
key: 0,
class: l(r.element.getContainerCss()),
id: r.element.id,
onFocusin: p[0] || (p[0] = (C) => r.element.focusIn()),
onClick: p[1] || (p[1] = (C) => r.element.clickRootFunction && r.element.clickRootFunction(C)),
ref_key: "root",
ref: o
}, [
r.element.showErrorsAbovePanel ? (i(), c(d, {
key: 0,
is: "survey-errors",
element: r.element
}, null, 8, ["element"])) : m("", !0),
r.element.hasTitle || r.element.hasDescription ? (i(), c(d, {
key: 1,
is: "survey-element-header",
element: r.element,
css: r.css
}, null, 8, ["element", "css"])) : m("", !0),
r.element.showErrorsAbovePanel ? m("", !0) : (i(), c(d, {
key: 2,
is: "survey-errors",
element: r.element
}, null, 8, ["element"])),
r.element.renderedIsExpanded ? (i(), a("div", {
key: 3,
id: r.element.contentId,
style: f(t.value),
class: l(r.element.cssClasses.panel.content),
role: r.element.ariaRole,
"aria-labelledby": r.element.ariaLabelledBy,
"aria-label": r.element.ariaLabel
}, [
(i(!0), a(k, null, M(r.element.visibleRows, (C) => (i(), c(d, B({
key: C.id,
is: r.element.getSurvey().getRowWrapperComponentName(C)
}, {
componentData: r.element.getSurvey().getRowWrapperComponentData(C)
}), {
default: A(() => [
g(d, {
is: "survey-row",
row: C,
survey: s.value,
css: r.css
}, null, 8, ["row", "survey", "css"])
]),
_: 2
}, 1040, ["is"]))), 128))
], 14, cs)) : m("", !0),
r.element.renderedIsExpanded && r.element.getFooterToolbar().hasActions ? (i(), c(d, {
key: 4,
is: "sv-action-bar",
model: r.element.getFooterToolbar()
}, null, 8, ["model"])) : m("", !0)
], 42, vs)) : m("", !0);
}
}), ys = ["id"], qs = /* @__PURE__ */ y({
__name: "ElementHeader",
props: {
element: {},
css: {}
},
setup(u) {
const e = u, o = (n) => {
typeof e.element.clickTitleFunction == "function" && e.element.clickTitleFunction(n);
}, s = () => {
const n = { width: void 0 };
return "titleWidth" in e.element && (n.width = e.element.titleWidth), n;
};
return (n, t) => (i(), a("div", {
class: l(n.element.cssHeader),
onClick: o,
style: f(s())
}, [
g(d, {
is: "survey-element-title",
element: n.element,
css: n.css
}, null, 8, ["element", "css"]),
n.element.hasDescriptionUnderTitle ? D((i(), a("div", {
key: 0,
class: l(n.element.cssDescription),
id: n.element.ariaDescriptionId
}, [
g(d, {
is: "survey-string",
locString: n.element.locDescription
}, null, 8, ["locString"])
], 10, ys)), [
[N, n.element.hasDescription]
]) : m("", !0),
n.element.hasAdditionalTitleToolbar ? (i(), c(d, {
key: 1,
is: "sv-action-bar",
model: n.element.additionalTitleToolbar
}, null, 8, ["model"])) : m("", !0)
], 6));
}
}), hs = /* @__PURE__ */ y({
__name: "String",
props: {
locString: {}
},
setup(u) {
return (e, o) => (i(), c(d, {
is: e.locString.renderAs,
model: e.locString.renderAsData
}, null, 8, ["is", "model"]));
}
}), bs = ["innerHTML"], _ = /* @__PURE__ */ y({
__name: "StringViewer",
props: {
model: {},
textClass: {}
},
setup(u) {
const e = u, o = U(() => e.model), s = e.model.getStringViewerClassName(e.textClass);
return (n, t) => n.model.hasHtml ? (i(), a("span", {
key: 0,
class: l(T(s)),
innerHTML: T(o)
}, null, 10, bs)) : (i(), a("span", {
key: 1,
class: l(T(s))
}, S(T(o)), 3));
}
}), ws = ["innerHTML"], ks = /* @__PURE__ */ y({
__name: "StringEditor",
props: {
model: {}
},
setup(u) {
const e = u, o = (n) => {
const t = e.model;
t.text = n.target.innerText;
}, s = (n) => {
n.preventDefault(), n.stopPropagation();
};
return (n, t) => n.model.hasHtml ? (i(), a("span", {
key: 0,
class: "sv-string-editor",
contenteditable: "true",
innerHTML: n.model.renderedHtml,
onBlur: o,
onClick: s
}, null, 40, ws)) : (i(), a("span", {
key: 1,
class: "sv-string-editor",
contenteditable: "true",
onBlur: o,
onClick: s
}, S(n.model.renderedHtml), 33));
}
}), fs = ["id"], Ls = /* @__PURE__ */ y({
__name: "Skeleton",
props: {
element: {}
},
setup(u) {
const e = u;
return R(() => e.element), (o, s) => (i(), a("div", {
class: "sv-skeleton-element",
id: o.element.id,
style: f({ height: o.element.skeletonHeight })
}, null, 12, fs));
}
}), Is = { class: "sv-scroll__container" }, Ss = /* @__PURE__ */ v("div", { class: "sv-scroll__scrollbar-sizer" }, null, -1), Rs = [
Ss
], Ms = /* @__PURE__ */ y({
__name: "Scroll",
props: {
disabled: {},
onInnerHeightChanged: { type: Function }
},
setup(u) {
const e = u, o = new Fe();
o.onInnerHeightChanged = (n) => {
e.onInnerHeightChanged && e.onInnerHeightChanged(n);
};
const s = L();
return H(() => {
o.setRootElement(s.value);
}), Z(() => {
o.setRootElement(void 0), o.unsubscribeRootElement();
}), (n, t) => e.disabled ? X(n.$slots, "default", { key: 0 }) : (i(), a("div", {
key: 1,
ref_key: "root",
ref: s,
class: "sv-scroll__wrapper"
}, [
v("div", {
class: "sv-scroll__scroller sv-drag-target-skipped",
onScroll: t[0] || (t[0] = () => T(o).onScrollContainer())
}, [
v("div", Is, [
X(n.$slots, "default")
])
], 32),
v("div", {
class: "sv-scroll__scrollbar",
onScroll: t[1] || (t[1] = () => T(o).onScrollScrollbar())
}, Rs, 32)
], 512));
}
}), Ts = { key: 0 }, $s = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Hs = ["id"], Ds = ["value"], Vs = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Text",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
$(e, o);
const s = w(() => e.question.inputStyle);
return (n, t) => (i(), a("div", {
class: l(n.question.getRootClass()),
onClick: t[8] || (t[8] = (r) => n.question.onContainerClick(r)),
ref_key: "root",
ref: o
}, [
n.question.isReadOnlyRenderDiv() ? (i(), a("div", Ts, S(n.question.value), 1)) : (i(), a(k, { key: 1 }, [
v("input", {
disabled: n.question.isDisabledAttr,
readonly: n.question.isReadOnlyAttr,
class: l(n.question.getControlClass()),
type: n.question.inputType,
maxlength: n.question.getMaxLength(),
min: n.question.renderedMin,
max: n.question.renderedMax,
step: n.question.renderedStep,
size: n.question.renderedInputSize,
style: f(s.value),
id: n.question.inputId,
list: n.question.dataListId,
placeholder: n.question.renderedPlaceholder,
autocomplete: n.question.autocomplete,
value: n.question.inputValue,
onChange: t[0] || (t[0] = //@ts-ignore
(...r) => n.question.onChange && n.question.onChange(...r)),
onClick: t[1] || (t[1] = //@ts-ignore
(...r) => n.question.readOnlyBlocker && n.question.readOnlyBlocker(...r)),
onPointerdown: t[2] || (t[2] = //@ts-ignore
(...r) => n.question.readOnlyBlocker && n.question.readOnlyBlocker(...r)),
onKeyup: t[3] || (t[3] = //@ts-ignore
(...r) => n.question.onKeyUp && n.question.onKeyUp(...r)),
onKeydown: t[4] || (t[4] = //@ts-ignore
(...r) => n.question.onKeyDown && n.question.onKeyDown(...r)),
onCompositionUpdate: t[5] || (t[5] = //@ts-ignore
(...r) => n.question.onCompositionUpdate && n.question.onCompositionUpdate(...r)),
onBlur: t[6] || (t[6] = //@ts-ignore
(...r) => n.question.onBlur && n.question.onBlur(...r)),
onFocus: t[7] || (t[7] = //@ts-ignore
(...r) => n.question.onFocus && n.question.onFocus(...r)),
"aria-required": n.question.a11y_input_ariaRequired,
"aria-label": n.question.a11y_input_ariaLabel,
"aria-labelledby": n.question.a11y_input_ariaLabelledBy,
"aria-describedby": n.question.a11y_input_ariaDescribedBy,
"aria-invalid": n.question.a11y_input_ariaInvalid,
"aria-errormessage": n.question.a11y_input_ariaErrormessage
}, null, 46, $s),
n.question.dataListId ? (i(), a("datalist", {
key: 0,
id: n.question.dataListId
}, [
(i(!0), a(k, null, M(n.question.dataList, (r, p) => (i(), a("option", {
key: p,
value: r
}, null, 8, Ds))), 128))
], 8, Hs)) : m("", !0),
n.question.hasVisibleInputActions ? (i(), c(d, {
key: 1,
is: "sv-action-bar",
model: n.question.inputActionsContainer
}, null, 8, ["model"])) : m("", !0)
], 64))
], 2));
}
}), Bs = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], As = {
key: 0,
class: "sv-hidden"
}, Ns = { key: 6 }, Zs = ["value"], ke = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "SelectBase",
props: {
question: {},
showLegend: { type: Boolean }
},
setup(u) {
const e = u, o = L(null);
$(e, o);
const s = (t) => e.question.getItemValueWrapperComponentName(t) || e.question.itemComponent, n = (t) => ({
componentName: e.question.itemComponent,
componentData: {
question: e.question,
item: t,
data: e.question.getItemValueWrapperComponentData(t)
}
});
return (t, r) => (i(), a("fieldset", {
class: l(t.question.getSelectBaseRootCss()),
ref_key: "root",
ref: o,
role: t.question.a11y_input_ariaRole,
"aria-required": t.question.a11y_input_ariaRequired,
"aria-label": t.question.a11y_input_ariaLabel,
"aria-labelledby": t.question.a11y_input_ariaLabelledBy,
"aria-describedby": t.question.a11y_input_ariaDescribedBy,
"aria-invalid": t.question.a11y_input_ariaInvalid,
"aria-errormessage": t.question.a11y_input_ariaErrormessage
}, [
t.showLegend ? (i(), a("legend", As, S(t.question.locTitle.renderedHtml), 1)) : m("", !0),
t.question.hasHeadItems ? (i(!0), a(k, { key: 1 }, M(t.question.headItems, (p) => (i(), c(d, B({
key: p.uniqueId,
is: s(p)
}, n(p)), null, 16, ["is"]))), 128)) : m("", !0),
!t.question.hasColumns && !t.question.blockedRow ? (i(!0), a(k, { key: 2 }, M(t.question.bodyItems, (p) => (i(), c(d, B({
key: p.uniqueId,
is: s(p)
}, n(p)), null, 16, ["is"]))), 128)) : m("", !0),
t.question.blockedRow ? (i(), a("div", {
key: 3,
class: l(t.question.cssClasses.rootRow)
}, [
!t.question.hasColumns && t.question.blockedRow ? (i(!0), a(k, { key: 0 }, M(t.question.dataChoices, (p) => (i(), c(d, B({
key: p.uniqueId,
is: s(p)
}, n(p)), null, 16, ["is"]))), 128)) : m("", !0)
], 2)) : m("", !0),
t.question.hasColumns ? (i(), a("div", {
key: 4,
class: l(t.question.cssClasses.rootMultiColumn)
}, [
t.question.hasColumns ? (i(!0), a(k, { key: 0 }, M(t.question.columns, (p, C) => (i(), a("div", {
key: C,
class: l(t.question.getColumnClass()),
role: "presentation"
}, [
(i(!0), a(k, null, M(p, (b) => (i(), c(d, B({
key: b.uniqueId,
is: s(b)
}, n(b)), null, 16, ["is"]))), 128))
], 2))), 128)) : m("", !0)
], 2)) : m("", !0),
t.question.hasFootItems ? (i(!0), a(k, { key: 5 }, M(t.question.footItems, (p) => (i(), c(d, B({
key: p.uniqueId,
is: s(p)
}, n(p)), null, 16, ["is"]))), 128)) : m("", !0),
t.question.showClearButtonInContent ? (i(), a("div", Ns, [
v("input", {
type: "button",
class: l(t.question.cssClasses.clearButton),
onClick: r[0] || (r[0] = () => {
t.question.clearValueFromUI();
}),
value: t.question.clearButtonCaption
}, null, 10, Zs)
])) : m("", !0)
], 10, Bs));
}
}), Ps = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Checkbox",
props: {
question: {}
},
setup(u) {
return (e, o) => (i(), c(ke, {
question: e.question,
"show-legend": !0
}, null, 8, ["question"]));
}
});
function fe(u, e, o) {
H(() => {
o.value && (e().isDesignMode || u().setRootElement(o.value));
}), Z(() => {
e().isDesignMode || u().setRootElement(void 0);
}), R(u, (s, n) => {
e().isDesignMode || (s && o.value && s.setRootElement(o.value), n && n.setRootElement(void 0));
});
}
const Es = ["name", "checked", "value", "id", "disabled", "readonly", "required", "aria-label"], Ws = ["xlink:href"], Fs = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "CheckboxItem",
props: {
question: {},
item: {},
hideLabel: { type: Boolean },
ariaLabel: {}
},
setup(u) {
const e = L(), o = u;
fe(
() => o.item,
() => o.question,
e
);
const s = (n) => {
o.question.clickItemHandler(o.item, n.target.checked);
};
return (n, t) => (i(), a(k, null, [
v("div", {
role: "presentation",
class: l(n.question.getItemClass(n.item)),
ref_key: "root",
ref: e
}, [
v("label", {
class: l(n.question.getLabelClass(n.item))
}, [
v("input", {
type: "checkbox",
name: n.question.name + n.item.id,
checked: n.question.isItemSelected(n.item),
onInput: t[0] || (t[0] = (r) => {
s(r);
}),
value: n.item.value,
id: n.question.getItemId(n.item),
disabled: !n.question.getItemEnabled(n.item),
readonly: n.question.isReadOnlyAttr,
class: l(n.question.cssClasses.itemControl),
required: n.question.hasRequiredError(),
"aria-label": n.ariaLabel
}, null, 42, Es),
n.question.cssClasses.materialDecorator ? (i(), a("span", {
key: 0,
class: l(n.question.cssClasses.materialDecorator)
}, [
n.question.itemSvgIcon ? (i(), a("svg", {
key: 0,
class: l(n.question.cssClasses.itemDecorator)
}, [
v("use", {
"xlink:href": n.question.itemSvgIcon
}, null, 8, Ws)
], 2)) : m("", !0)
], 2)) : m("", !0),
n.hideLabel ? m("", !0) : (i(), a("span", {
key: 1,
class: l(n.question.cssClasses.controlLabel)
}, [
g(d, {
is: "survey-string",
locString: n.item.locText
}, null, 8, ["locString"])
], 2))
], 2)
], 2),
n.item.renderedIsPanelShowing ? (i(), c(d, {
key: 0,
is: "survey-panel",
element: n.item.panel,
cssClasses: n.question.cssClasses
}, null, 8, ["element", "cssClasses"])) : m("", !0),
n.item.renderedIsCommentShowing ? (i(), c(d, {
key: 1,
is: "survey-other-choice",
question: n.question,
item: n.item
}, null, 8, ["question", "item"])) : m("", !0)
], 64));
}
}), Os = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Radiogroup",
props: {
question: {}
},
setup(u) {
return (e, o) => (i(), c(ke, { question: e.question }, null, 8, ["question"]));
}
}), zs = ["name", "value", "id", "aria-errormessage", "checked", "disabled", "readonly", "aria-label"], Us = ["xlink:href"], Qs = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "RadiogroupItem",
props: {
question: {},
item: {},
hideLabel: { type: Boolean },
ariaLabel: {}
},
setup(u) {
const e = L(), o = u, s = (r) => o.question.getLabelClass(r), n = (r) => o.question.getControlLabelClass(r), t = () => {
o.question.clickItemHandler(o.item);
};
return fe(
() => o.item,
() => o.question,
e
), (r, p) => (i(), a(k, null, [
v("div", {
role: "presentation",
class: l(r.question.getItemClass(r.item)),
ref_key: "root",
ref: e
}, [
v("label", {
onMousedown: p[1] || (p[1] = (C) => r.question.onMouseDown()),
class: l(s(r.item))
}, [
v("input", {
type: "radio",
name: r.question.questionName,
value: r.item.value,
id: r.question.getItemId(r.item),
"aria-errormessage": r.question.ariaErrormessage,
checked: r.question.isItemSelected(r.item),
onInput: p[0] || (p[0] = (C) => {
t();
}),
disabled: !r.question.getItemEnabled(r.item),
readonly: r.question.isReadOnlyAttr,
class: l(r.question.cssClasses.itemControl),
"aria-label": r.ariaLabel
}, null, 42, zs),
r.question.cssClasses.materialDecorator ? (i(), a("span", {
key: 0,
class: l(r.question.cssClasses.materialDecorator)
}, [
r.question.itemSvgIcon ? (i(), a("svg", {
key: 0,
class: l(r.question.cssClasses.itemDecorator)
}, [
v("use", {
"xlink:href": r.question.itemSvgIcon
}, null, 8, Us)
], 2)) : m("", !0)
], 2)) : m("", !0),
r.hideLabel ? m("", !0) : (i(), a("span", {
key: 1,
class: l(n(r.item))
}, [
g(d, {
is: "survey-string",
locString: r.item.locText
}, null, 8, ["locString"])
], 2))
], 34)
], 2),
r.item.renderedIsPanelShowing ? (i(), c(d, {
key: 0,
is: "survey-panel",
element: r.item.panel,
cssClasses: r.question.cssClasses
}, null, 8, ["element", "cssClasses"])) : m("", !0),
r.item.renderedIsCommentShowing ? (i(), c(d, {
key: 1,
is: "survey-other-choice",
question: r.question,
item: r.item
}, null, 8, ["question", "item"])) : m("", !0)
], 64));
}
}), Ks = ["src"], js = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Signaturepad",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
return $(e, o), (s, n) => (i(), a("div", {
class: l(s.question.cssClasses.root),
ref_key: "root",
ref: o,
style: f({
width: s.question.renderedCanvasWidth
})
}, [
D(v("div", {
class: l(s.question.cssClasses.placeholder)
}, [
g(d, {
is: "survey-string",
locString: s.question.locRenderedPlaceholder
}, null, 8, ["locString"])
], 2), [
[N, s.question.needShowPlaceholder()]
]),
v("div", null, [
s.question.backgroundImage ? (i(), a("img", {
key: 0,
role: "presentation",
class: l(s.question.cssClasses.backgroundImage),
src: s.question.backgroundImage,
style: f({
width: s.question.renderedCanvasWidth
})
}, null, 14, Ks)) : m("", !0),
v("canvas", {
tabindex: "-1",
class: l(s.question.cssClasses.canvas),
onBlur: n[0] || (n[0] = //@ts-ignore
(...t) => s.question.onBlur && s.question.onBlur(...t))
}, null, 34)
]),
g(d, {
is: "sv-action-bar",
model: s.question.toolbar
}, null, 8, ["model"]),
s.question.showLoadingIndicator ? (i(), a("div", {
key: 0,
class: l(s.question.cssClasses.loadingIndicator)
}, [
g(d, { is: "sv-loading-indicator" })
], 2)) : m("", !0)
], 6));
}
}), Gs = ["innerHTML"], Js = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Html",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
$(e, o);
const s = U(() => e.question.locHtml);
return (n, t) => (i(), a("div", {
ref_key: "root",
ref: o,
class: l(n.question.renderCssRoot),
innerHTML: T(s)
}, null, 10, Gs));
}
}), Xs = ["src", "alt", "width", "height"], Ys = ["src", "width", "height"], _s = ["src", "title", "width", "height"], xs = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Image",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
$(e, o);
const s = U(() => e.question.locImageLink);
return (n, t) => (i(), a("div", {
class: l(n.question.cssClasses.root),
ref_key: "root",
ref: o
}, [
n.question.renderedMode === "image" ? D((i(), a("img", {
key: 0,
class: l(n.question.getImageCss()),
src: T(s),
alt: n.question.altText || n.question.title,
width: n.question.renderedWidth,
height: n.question.renderedHeight,
style: f({
objectFit: n.question.imageFit,
width: n.question.renderedStyleWidth,
height: n.question.renderedStyleHeight
}),
onLoad: t[0] || (t[0] = (r) => {
n.question.onLoadHandler();
}),
onError: t[1] || (t[1] = (r) => {
n.question.onErrorHandler();
})
}, null, 46, Xs)), [
[N, T(s) && !n.question.contentNotLoaded]
]) : m("", !0),
n.question.renderedMode === "video" ? D((i(), a("video", {
key: 1,
controls: "",
class: l(n.question.getImageCss()),
src: T(s),
width: n.question.renderedWidth,
height: n.question.renderedHeight,
style: f({
objectFit: n.question.imageFit,
width: n.question.renderedStyleWidth,
height: n.question.renderedStyleHeight
}),
onLoadedmetadata: t[2] || (t[2] = (r) => {
n.question.onLoadHandler();
}),
onError: t[3] || (t[3] = (r) => {
n.question.onErrorHandler();
})
}, null, 46, Ys)), [
[N, T(s) && !n.question.contentNotLoaded]
]) : m("", !0),
n.question.renderedMode === "youtube" ? (i(), a("iframe", {
key: 2,
class: l(n.question.getImageCss()),
src: T(s),
title: n.question.renderedAltText,
width: n.question.renderedWidth,
height: n.question.renderedHeight,
style: f({
objectFit: n.question.imageFit,
width: n.question.renderedStyleWidth,
height: n.question.renderedStyleHeight
})
}, null, 14, _s)) : m("", !0),
!T(s) || n.question.contentNotLoaded ? (i(), a("div", {
key: 3,
class: l(n.question.cssClasses.noImage)
}, [
g(d, {
is: "sv-svg-icon",
iconName: n.question.cssClasses.noImageSvgIconId,
size: 48
}, null, 8, ["iconName"])
], 2)) : m("", !0)
], 2));
}
}), en = ["aria-label"], sn = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Expression",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
return $(e, o), (s, n) => (i(), a("div", {
class: l(s.question.cssClasses.root),
ref_key: "root",
ref: o,
"aria-live": "polite",
"aria-label": s.question.formatedValue
}, S(s.question.formatedValue), 11, en));
}
}), nn = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], on = ["id", "multiple", "placeholder"], tn = ["id", "multiple", "placeholder"], rn = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "File",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
return $(e, o), (s, n) => (i(), a("div", {
class: l(s.question.fileRootCss),
ref_key: "root",
ref: o
}, [
!s.question.isReadOnlyAttr && !s.question.isDisabledAttr && s.question.hasFileUI ? (i(), a("input", {
key: 0,
class: l(s.question.cssClasses.fileInput),
tabindex: "-1",
type: "file",
id: s.question.inputId,
"aria-required": s.question.ariaRequired,
"aria-label": s.question.ariaLabel,
"aria-invalid": s.question.ariaInvalid,
"aria-errormessage": s.question.ariaErrormessage,
multiple: s.question.allowMultiple,
title: s.question.inputTitle,
accept: s.question.renderedAcceptedTypes,
capture: s.question.renderCapture
}, null, 10, nn)) : m("", !0),
s.question.isReadOnlyAttr ? (i(), a("input", {
key: 1,
type: "file",
readonly: "",
id: s.question.inputId,
class: l(s.question.getReadOnlyFileCss()),
multiple: s.question.allowMultiple,
placeholder: s.question.title,
style: { color: "transparent" }
}, null, 10, on)) : m("", !0),
s.question.isDisabledAttr ? (i(), a("input", {
key: 2,
type: "file",
disabled: "",
id: s.question.inputId,
class: l(s.question.getReadOnlyFileCss()),
multiple: s.question.allowMultiple,
placeholder: s.question.title,
style: { color: "transparent" }
}, null, 10, tn)) : m("", !0),
v("div", {
class: l(s.question.cssClasses.dragArea),
onDrop: n[0] || (n[0] = //@ts-ignore
(...t) => s.question.onDrop && s.question.onDrop(...t)),
onDragover: n[1] || (n[1] = //@ts-ignore
(...t) => s.question.onDragOver && s.question.onDragOver(...t)),
onDragleave: n[2] || (n[2] = //@ts-ignore
(...t) => s.question.onDragLeave && s.question.onDragLeave(...t)),
onDragenter: n[3] || (n[3] = //@ts-ignore
(...t) => s.question.onDragEnter && s.question.onDragEnter(...t))
}, [
s.question.showFileDecorator ? (i(), a("div", {
key: 0,
class: l(s.question.getFileDecoratorCss())
}, [
s.question.showDragAreaPlaceholder ? (i(), a("span", {
key: 0,
class: l(s.question.cssClasses.dragAreaPlaceholder)
}, [
g(d, {
is: "survey-string",
locString: s.question.locRenderedPlaceholder
}, null, 8, ["locString"])
], 2)) : m("", !0),
v("div", {
class: l(s.question.cssClasses.wrapper)
}, [
s.question.actionsContainerVisible ? (i(), c(d, {
key: 0,
is: "sv-action-bar",
model: s.question.actionsContainer
}, null, 8, ["model"])) : m("", !0)
], 2)
], 2)) : m("", !0),
s.question.showLoadingIndicator ? (i(), a("div", {
key: 1,
class: l(s.question.cssClasses.loadingIndicator)
}, [
g(d, { is: "sv-loading-indicator" })
], 2)) : m("", !0),
s.question.isPlayingVideo ? (i(), c(d, {
key: 2,
is: "sv-file-video",
question: s.question
}, null, 8, ["question"])) : m("", !0),
s.question.allowShowPreview ? (i(), c(d, {
key: 3,
is: "sv-file-preview",
question: s.question
}, null, 8, ["question"])) : m("", !0),
s.question.fileNavigatorVisible ? (i(), c(d, {
key: 4,
is: "sv-action-bar",
model: s.question.fileNavigator
}, null, 8, ["model"])) : m("", !0)
], 34)
], 2));
}
}), ln = { class: "sv-hidden" }, ye = "survey-imagepicker-item", an = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Imagepicker",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
$(e, o);
const s = (t) => e.question.getItemValueWrapperComponentName(t) || ye, n = (t) => ({
componentName: ye,
componentData: {
question: e.question,
item: t,
data: e.question.getItemValueWrapperComponentData(t)
}
});
return (t, r) => (i(), a("fieldset", {
class: l(t.question.getSelectBaseRootCss()),
style: f(t.question.getContainerStyle()),
ref_key: "root",
ref: o
}, [
v("legend", ln, S(t.question.locTitle.renderedHtml), 1),
t.question.hasColumns ? m("", !0) : (i(!0), a(k, { key: 0 }, M(t.question.visibleChoices, (p) => (i(), c(d, B({
key: p.uniqueId,
is: s(p)
}, n(p)), null, 16, ["is"]))), 128)),
t.question.hasColumns ? (i(!0), a(k, { key: 1 }, M(t.question.columns, (p, C) => (i(), a("div", {
class: l(t.question.getColumnClass()),
key: C,
role: "presentation"
}, [
(i(!0), a(k, null, M(p, (b) => (i(), c(d, B({
key: b.value,
is: s(b)
}, n(b)), null, 16, ["is"]))), 128))
], 2))), 128)) : m("", !0)
], 6));
}
}), un = ["name", "value", "id", "disabled", "readonly", "required", "aria-label", "aria-invalid", "aria-errormessage"], dn = ["name", "value", "id", "disabled", "readonly", "required", "aria-label", "aria-invalid", "aria-errormessage"], mn = ["src", "width", "height", "alt"], pn = ["src", "width", "height"], vn = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "ImagepickerItem",
props: {
question: {},
item: {}
},
setup(u) {
const e = u, o = (t) => e.question.getItemClass(t), s = w({
get() {
return e.question.value;
},
set(t) {
const r = e.question;
r.isReadOnlyAttr || (r.value = t);
}
});
R(() => e.item);
const n = U(() => e.item.locImageLink);
return (t, r) => (i(), a("div", {
class: l(o(t.item))
}, [
v("label", {
class: l(t.question.cssClasses.label)
}, [
t.question.multiSelect ? D((i(), a("input", {
key: 0,
type: "checkbox",
name: t.question.questionName,
value: t.item.value,
id: t.question.getItemId(t.item),
"onUpdate:modelValue": r[0] || (r[0] = (p) => s.value = p),
disabled: !t.question.getItemEnabled(t.item),
readonly: t.question.isReadOnlyAttr,
required: t.question.inputRequiredAttribute,
"aria-label": t.item.locText.renderedHtml,
"aria-invalid": t.question.ariaInvalid,
"aria-errormessage": t.question.ariaErrormessage,
class: l(t.question.cssClasses.itemControl)
}, null, 10, un)), [
[oe, s.value]
]) : D((i(), a("input", {
key: 1,
type: "radio",
name: t.question.questionName,
value: t.item.value,
id: t.question.getItemId(t.item),
"onUpdate:modelValue": r[1] || (r[1] = (p) => s.value = p),
disabled: !t.question.getItemEnabled(t.item),
readonly: t.question.isReadOnlyAttr,
required: t.question.hasRequiredError(),
"aria-label": t.item.locText.renderedHtml,
"aria-invalid": t.question.ariaInvalid,
"aria-errormessage": t.question.ariaErrormessage,
class: l(t.question.cssClasses.itemControl)
}, null, 10, dn)), [
[be, s.value]
]),
v("div", {
class: l(t.question.cssClasses.itemDecorator)
}, [
v("div", {
class: l(t.question.cssClasses.imageContainer)
}, [
t.question.cssClasses.checkedItemDecorator ? (i(), a("span", {
key: 0,
class: l(t.question.cssClasses.checkedItemDecorator),
"aria-hidden": "true"
}, [
t.question.cssClasses.checkedItemSvgIconId ? (i(), c(d, {
key: 0,
is: "sv-svg-icon",
class: l(t.question.cssClasses.checkedItemSvgIcon),
size: "auto",
iconName: t.question.cssClasses.checkedItemSvgIconId
}, null, 8, ["class", "iconName"])) : m("", !0)
], 2)) : m("", !0),
T(n) && !t.item.contentNotLoaded && t.question.contentMode === "image" ? (i(), a("img", {
key: 1,
class: l(t.question.cssClasses.image),
src: T(n),
width: t.question.renderedImageWidth,
height: t.question.renderedImageHeight,
style: f({ objectFit: t.question.imageFit }),
alt: t.item.locText.renderedHtml,
onLoad: r[2] || (r[2] = (p) => {
t.question.onContentLoaded(t.item, p);
}),
onError: r[3] || (r[3] = (p) => {
t.item.onErrorHandler();
})
}, null, 46, mn)) : m("", !0),
T(n) && !t.item.contentNotLoaded && t.question.contentMode === "video" ? (i(), a("video", {
key: 2,
controls: "",
class: l(t.question.cssClasses.image),
src: T(n),
width: t.question.renderedImageWidth,
height: t.question.renderedImageHeight,
style: f({ objectFit: t.question.imageFit }),
onLoadedmetadata: r[4] || (r[4] = (p) => {
t.question.onContentLoaded(t.item, p);
}),
onError: r[5] || (r[5] = (p) => {
t.item.onErrorHandler();
})
}, null, 46, pn)) : m("", !0),
!T(n) || t.item.contentNotLoaded ? (i(), a("div", {
key: 3,
class: l(t.question.cssClasses.itemNoImage),
style: f({
width: t.question.renderedImageWidth + "px",
height: t.question.renderedImageHeight + "px",
objectFit: t.question.imageFit
})
}, [
g(d, {
is: "sv-svg-icon",
class: l(t.question.cssClasses.itemNoImageSvgIcon),
iconName: t.question.cssClasses.itemNoImageSvgIconId,
size: 48
}, null, 8, ["class", "iconName"])
], 6)) : m("", !0)
], 2),
t.question.showLabel ? (i(), a("span", {
key: 0,
class: l(t.question.cssClasses.itemText)
}, [
g(d, {
is: "survey-string",
locString: t.item.locText
}, null, 8, ["locString"])
], 2)) : m("", !0)
], 2)
], 2)
], 2));
}
}), cn = ["id", "src"], Cn = ["id"], gn = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Imagemap",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
return $(e, o), (s, n) => (i(), a("div", {
class: l(s.question.cssClasses.root),
ref_key: "root",
ref: o
}, [
v("img", {
class: l(s.question.cssClasses.bg),
id: `${s.question.id}-bg`,
src: s.question.imageLink,
role: "presentation"
}, null, 10, cn),
(i(), a("svg", {
class: l(s.question.cssClasses.svg),
id: `${s.question.id}-svg`
}, null, 10, Cn))
], 2));
}
}), yn = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Comment",
props: {
question: {}
},
setup(u) {
const e = u, o = L();
function s(n) {
o.value = n;
}
return $(e, o), (n, t) => n.question.isReadOnlyRenderDiv() ? (i(), a("div", {
key: 1,
ref_key: "root",
ref: o
}, S(n.question.value), 513)) : (i(), c(d, {
key: 0,
is: "sv-text-area",
"get-ref": s,
model: n.question.textAreaModel
}, null, 8, ["model"]));
}
}), qn = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Dropdown",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
$(e, o);
const s = w(() => e.question.selectedItem), n = w(() => e.question.isShowingChoiceComment);
return (t, r) => (i(), a("div", {
class: l(t.question.renderCssRoot),
ref_key: "root",
ref: o
}, [
g(d, {
is: "sv-dropdown",
question: t.question
}, null, 8, ["question"]),
n.value ? (i(), c(d, {
key: 0,
is: "survey-other-choice",
question: t.question,
item: s.value
}, null, 8, ["question", "item"])) : m("", !0)
], 2));
}
}), hn = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "required"], bn = {
key: 0,
value: ""
}, wn = ["id"];
z.Instance.registerRenderer(
"dropdown",
"select",
"sv-dropdown-select"
);
const kn = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "DropdownSelect",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
$(e, o);
const s = (r) => {
e.question.onClick(r);
}, n = (r) => {
e.question.onKeyUp(r);
}, t = w({
get() {
var r;
return (r = e.question.value) != null ? r : "";
},
set(r) {
const p = e.question;
r === "" ? p.renderedValue = void 0 : p.renderedValue = r;
}
});
return (r, p) => (i(), a("div", {
class: l(r.question.renderCssRoot),
ref_key: "root",
ref: o
}, [
v("div", {
class: l(r.question.cssClasses.selectWrapper)
}, [
v("div", {
class: l(r.question.getControlClass())
}, [
r.question.isReadOnly ? (i(), a("div", {
key: 1,
disabled: "",
id: r.question.inputId,
class: l(r.question.getControlClass())
}, S(r.question.readOnlyText), 11, wn)) : D((i(), a("select", {
key: 0,
id: r.question.inputId,
"onUpdate:modelValue": p[0] || (p[0] = (C) => t.value = C),
onClick: s,
onKeyup: n,
autocomplete: r.question.autocomplete,
class: l(r.question.cssClasses.controlValue),
"aria-required": r.question.a11y_input_ariaRequired,
"aria-label": r.question.a11y_input_ariaLabel,
"aria-invalid": r.question.a11y_input_ariaInvalid,
"aria-errormessage": r.question.a11y_input_ariaErrormessage,
required: r.question.isRequired
}, [
r.question.allowClear ? (i(), a("option", bn, S(r.question.placeholder), 1)) : m("", !0),
(i(!0), a(k, null, M(r.question.visibleChoices, (C) => (i(), c(d, {
is: "sv-dropdown-option-item",
item: C,
key: C.uniqueId
}, null, 8, ["item"]))), 128))
], 42, hn)), [
[Ve, t.value]
]),
g(d, {
is: "sv-action-bar",
model: r.question.inputActionBar
}, null, 8, ["model"])
], 2)
], 2),
r.question.isShowingChoiceComment ? (i(), c(d, {
key: 0,
is: "survey-other-choice",
question: r.question,
item: r.question.selectedItem
}, null, 8, ["question", "item"])) : m("", !0)
], 2));
}
}), fn = ["value", "disabled"], Ln = /* @__PURE__ */ y({
__name: "OptionItem",
props: {
item: {}
},
setup(u) {
const e = u, o = U(() => e.item.locText);
return R(() => e.item), (s, n) => (i(), a("option", {
value: s.item.value,
disabled: !s.item.isEnabled
}, S(T(o)), 9, fn));
}
}), In = ["id", "disabled", "tabindex", "role", "aria-required", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-activedescendant", "required"], Sn = { style: { visibility: "hidden" } }, Rn = ["disabled", "inputmode", "id", "tabindex", "readonly", "role", "aria-required", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "placeholder"], Mn = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], Tn = /* @__PURE__ */ y({
__name: "Dropdown",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null), s = w(() => e.question.dropdownListModel), n = (I) => {
var P;
(P = s.value) == null || P.onClick(I);
}, t = (I) => {
var P;
(P = s.value) == null || P.keyHandler(I);
}, r = () => {
if (o.value) {
const I = o.value, P = s.value.inputStringRendered;
Oe.isTwoValueEquals(P, I.value, !1, !0, !1) || (I.value = s.value.inputStringRendered);
}
}, p = (I) => {
e.question.onBlur(I), r();
}, C = (I) => {
e.question.onFocus(I);
}, b = (I) => {
s.value.inputStringRendered = I.target.value;
}, q = w(
() => e.question.showSelectedItemLocText
), h = w(() => e.question.selectedItemLocText), V = w(() => {
const I = s.value;
return I && typeof I.getSelectedAction == "function" ? I.getSelectedAction() : e.question.selectedItem;
});
return R(() => s.value), W(r), H(r), (I, P) => {
var le, ae, ue, de;
return i(), a("div", {
class: l(I.question.cssClasses.selectWrapper),
onClick: n
}, [
I.question.isReadOnly ? m("", !0) : (i(), a("div", {
key: 0,
id: I.question.inputId,
disabled: I.question.isDisabledAttr ? !0 : null,
tabindex: s.value.noTabIndex ? void 0 : 0,
onKeydown: t,
onBlur: p,
class: l(I.question.getControlClass()),
role: s.value.ariaQuestionRole,
"aria-required": s.value.ariaQuestionRequired,
"aria-invalid": s.value.ariaQuestionInvalid,
"aria-errormessage": s.value.ariaQuestionErrorMessage,
"aria-expanded": s.value.ariaQuestionExpanded,
"aria-label": s.value.ariaQuestionLabel,
"aria-labelledby": s.value.ariaQuestionLabelledby,
"aria-describedby": s.value.ariaQuestionDescribedby,
"aria-controls": s.value.ariaQuestionControls,
"aria-activedescendant": s.value.ariaQuestionActivedescendant,
required: I.question.isRequired ? !0 : null
}, [
v("div", {
class: l(I.question.cssClasses.controlValue)
}, [
s.value.showHintPrefix ? (i(), a("div", {
key: 0,
class: l(I.question.cssClasses.hintPrefix)
}, [
v("span", null, S(s.value.hintStringPrefix), 1)
], 2)) : m("", !0),
v("div", {
class: l(I.question.cssClasses.inputPrefixWrapper)
}, [
q.value ? (i(), c(d, {
key: 0,
is: "survey-string",
locString: h.value
}, null, 8, ["locString"])) : m("", !0),
s.value.showHintString ? (i(), a("div", {
key: 1,
class: l(I.question.cssClasses.hintSuffix)
}, [
v("span", Sn, S(s.value.inputStringRendered), 1),
v("span", null, S(s.value.hintStringSuffix), 1)
], 2)) : m("", !0),
I.question.showInputFieldComponent ? (i(), c(d, {
key: 2,
is: I.question.inputFieldComponentName,
item: s.value.getSelectedAction(),
question: I.question
}, null, 8, ["is", "item", "question"])) : m("", !0),
s.value.needRenderInput ? (i(), a("input", {
key: 3,
type: "text",
ref_key: "inputElement",
ref: o,
class: l(I.question.cssClasses.filterStringInput),
disabled: I.question.isDisabledAttr,
autocomplete: "off",
inputmode: s.value.inputMode,
id: I.question.getInputId(),
tabindex: s.value.noTabIndex ? void 0 : -1,
readonly: s.value.filterReadOnly ? !0 : void 0,
role: s.value.ariaInputRole,
"aria-required": s.value.ariaInputRequired,
"aria-invalid": s.value.ariaInputInvalid,
"aria-errormessage": s.value.ariaInputErrorMessage,
"aria-expanded": s.value.ariaInputExpanded,
"aria-controls": s.value.ariaInputControls,
"aria-label": s.value.ariaInputLabel,
"aria-labelledby": s.value.ariaInputLabelledby,
"aria-describedby": s.value.ariaInputDescribedby,
"aria-activedescendant": s.value.ariaInputActivedescendant,
placeholder: s.value.placeholderRendered,
onInput: b,
onBlur: p,
onFocus: C
}, null, 42, Rn)) : m("", !0)
], 2)
], 2),
g(d, {
is: "sv-action-bar",
model: s.value.editorButtons
}, null, 8, ["model"])
], 42, In)),
I.question.isInputReadOnly ? m("", !0) : (i(), c(d, {
key: 1,
is: "sv-popup",
model: s.value.popupModel
}, null, 8, ["model"])),
I.question.isReadOnly ? (i(), a("div", {
key: 2,
id: I.question.inputId,
role: (le = s.value) == null ? void 0 : le.ariaQuestionRole,
"aria-label": (ae = s.value) == null ? void 0 : ae.ariaQuestionLabel,
"aria-labelledby": (ue = s.value) == null ? void 0 : ue.ariaQuestionLabelledby,
"aria-describedby": (de = s.value) == null ? void 0 : de.ariaQuestionDescribedby,
"aria-expanded": !1,
"aria-readonly": !0,
"aria-disabled": !0,
tabindex: I.question.isDisabledAttr ? void 0 : 0,
class: l(I.question.getControlClass())
}, [
I.question.showInputFieldComponent ? (i(), a("div", {
key: 0,
class: l(I.question.cssClasses.controlValue)
}, [
g(d, {
is: I.question.inputFieldComponentName,
item: V.value,
question: I.question
}, null, 8, ["is", "item", "question"])
], 2)) : I.question.readOnlyText ? (i(), a("div", {
key: 1,
class: l(I.question.cssClasses.controlValue)
}, [
g(d, {
is: "survey-string",
locString: I.question.locReadOnlyText
}, null, 8, ["locString"])
], 2)) : m("", !0),
g(d, {
is: "sv-action-bar",
model: s.value.editorButtons
}, null, 8, ["model"])
], 10, Mn)) : m("", !0)
], 2);
};
}
}), $n = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Tagbox",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
return $(e, o), (s, n) => (i(), a("div", {
class: l(s.question.renderCssRoot),
ref_key: "root",
ref: o
}, [
g(d, {
is: "sv-tagbox",
question: s.question
}, null, 8, ["question"]),
s.question.isOtherSelected ? (i(), c(d, {
key: 0,
is: "survey-other-choice",
question: s.question,
item: s.question.otherItem
}, null, 8, ["question", "item"])) : m("", !0)
], 2));
}
}), Hn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage", "aria-controls", "aria-expanded", "aria-activedescendant", "required"], Dn = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], Vn = /* @__PURE__ */ y({
__name: "Tagbox",
props: {
question: {}
},
setup(u) {
const e = u, o = w(() => {
const r = e.question;
return r.dropdownListModel || (r.dropdownListModel = new ze(r)), e.question.dropdownListModel;
}), s = (r) => {
var p;
(p = o.value) == null || p.onClick(r);
}, n = (r) => {
var p;
(p = o.value) == null || p.keyHandler(r);
}, t = (r) => {
var p;
(p = o.value) == null || p.onBlur(r);
};
return R(() => o.value), (r, p) => {
var C, b, q, h;
return i(), a("div", {
class: l(r.question.cssClasses.selectWrapper),
onClick: s
}, [
r.question.isReadOnly ? m("", !0) : (i(), a("div", {
key: 0,
id: r.question.inputId,
tabindex: o.value.noTabIndex ? void 0 : 0,
disabled: r.question.isDisabledAttr ? !0 : null,
onKeydown: n,
onBlur: t,
class: l(r.question.getControlClass()),
role: o.value.ariaQuestionRole,
"aria-required": o.value.ariaQuestionRequired,
"aria-label": o.value.ariaQuestionLabel,
"aria-labelledby": o.value.ariaQuestionLabelledby,
"aria-describedby": o.value.ariaQuestionDescribedby,
"aria-invalid": o.value.ariaQuestionInvalid,
"aria-errormessage": o.value.ariaQuestionErrorMessage,
"aria-controls": o.value.ariaQuestionControls,
"aria-expanded": o.value.ariaQuestionExpanded,
"aria-activedescendant": o.value.ariaQuestionActivedescendant,
required: r.question.isRequired ? !0 : null
}, [
v("div", {
class: l(r.question.cssClasses.controlValue)
}, [
(i(!0), a(k, null, M(r.question.selectedChoices, (V, I) => (i(), c(d, {
is: "sv-tagbox-item",
item: V,
question: r.question,
key: "item" + I
}, null, 8, ["item", "question"]))), 128)),
o.value.needRenderInput ? (i(), c(d, {
key: 0,
is: "sv-tagbox-filter",
model: o.value,
question: r.question
}, null, 8, ["model", "question"])) : m("", !0)
], 2),
g(d, {
is: "sv-action-bar",
model: o.value.editorButtons
}, null, 8, ["model"])
], 42, Hn)),
r.question.isInputReadOnly ? m("", !0) : (i(), c(d, {
key: 1,
is: "sv-popup",
model: o.value.popupModel
}, null, 8, ["model"])),
r.question.isReadOnly ? (i(), a("div", {
key: 2,
id: r.question.inputId,
role: (C = o.value) == null ? void 0 : C.ariaQuestionRole,
"aria-label": (b = o.value) == null ? void 0 : b.ariaQuestionLabel,
"aria-labelledby": (q = o.value) == null ? void 0 : q.ariaQuestionLabelledby,
"aria-describedby": (h = o.value) == null ? void 0 : h.ariaQuestionDescribedby,
"aria-expanded": !1,
"aria-readonly": !0,
"aria-disabled": !0,
tabindex: r.question.isDisabledAttr ? void 0 : 0,
class: l(r.question.getControlClass())
}, [
r.question.readOnlyText ? (i(), a("div", {
key: 0,
class: l(r.question.cssClasses.controlValue)
}, [
g(d, {
is: "survey-string",
locString: r.question.locReadOnlyText
}, null, 8, ["locString"])
], 2)) : m("", !0),
g(d, {
is: "sv-action-bar",
model: o.value.editorButtons
}, null, 8, ["model"])
], 10, Dn)) : m("", !0)
], 2);
};
}
}), Bn = { style: { visibility: "hidden" } }, An = ["placeholder", "disabled", "inputmode", "role", "aria-required", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-activedescendant", "id", "readonly", "size"], Nn = /* @__PURE__ */ y({
__name: "TagboxFilter",
props: {
question: {},
model: {}
},
setup(u) {
const e = u, o = (p) => {
const C = e.model;
C.inputStringRendered = p.target.value;
}, s = (p) => {
e.model.inputKeyHandler(p);
}, n = (p) => {
e.question.onBlur(p);
}, t = (p) => {
e.question.onFocus(p);
}, r = w({
get() {
var p;
return (p = e.model.inputStringRendered) != null ? p : "";
},
set(p) {
const C = e.model;
C.inputStringRendered = p;
}
});
return R(() => e.model), (p, C) => (i(), a("div", {
class: l(p.question.cssClasses.hint)
}, [
p.model.showHintPrefix ? (i(), a("div", {
key: 0,
class: l(p.question.cssClasses.hintPrefix)
}, [
v("span", null, S(p.model.hintStringPrefix), 1)
], 2)) : m("", !0),
v("div", {
class: l(p.question.cssClasses.hintSuffixWrapper)
}, [
p.question.showSelectedItemLocText ? (i(), c(d, {
key: 0,
is: "survey-string",
locString: p.question.selectedItemLocText
}, null, 8, ["locString"])) : m("", !0),
p.model.showHintString ? (i(), a("div", {
key: 1,
class: l(p.question.cssClasses.hintSuffix)
}, [
v("span", Bn, S(p.model.inputStringRendered), 1),
v("span", null, S(p.model.hintStringSuffix), 1)
], 2)) : m("", !0),
D(v("input", {
type: "text",
autocomplete: "off",
"onUpdate:modelValue": C[0] || (C[0] = (b) => r.value = b),
class: l(p.question.cssClasses.filterStringInput),
placeholder: p.model.filterStringPlaceholder,
disabled: p.question.isDisabledAttr,
inputmode: p.model.inputMode,
role: p.model.ariaInputRole,
"aria-required": p.model.ariaInputRequired,
"aria-invalid": p.model.ariaInputInvalid,
"aria-errormessage": p.model.ariaInputErrorMessage,
"aria-expanded": p.model.ariaInputExpanded,
"aria-label": p.model.ariaInputLabel,
"aria-labelledby": p.model.ariaInputLabelledby,
"aria-describedby": p.model.ariaInputDescribedby,
"aria-controls": p.model.ariaInputControls,
"aria-activedescendant": p.model.ariaInputActivedescendant,
id: p.question.getInputId(),
readonly: p.model.filterReadOnly ? !0 : void 0,
size: p.model.inputStringRendered ? void 0 : 1,
onChange: o,
onKeydown: s,
onBlur: n,
onFocus: t
}, null, 42, An), [
[Be, r.value]
])
], 2)
], 2));
}
}), Zn = /* @__PURE__ */ y({
__name: "TagboxItem",
props: {
question: {},
item: {}
},
setup(u) {
const e = u, o = (s) => {
e.question.dropdownListModel.deselectItem(e.item.value), s.stopPropagation();
};
return R(() => e.item), (s, n) => {
const t = Ae("key2click");
return i(), a("div", {
class: l(s.question.cssClasses.tagItem),
key: s.item.key
}, [
v("div", {
class: l(s.question.cssClasses.tagItemText)
}, [
g(d, {
is: "survey-string",
locString: s.item.locText
}, null, 8, ["locString"])
], 2),
v("div", {
class: l(s.question.cssClasses.cleanItem)
}, [
D((i(), a("div", {
tabindex: "0",
class: l(s.question.cssClasses.cleanItemButton),
onClick: o
}, [
g(d, {
is: "sv-svg-icon",
class: l(s.question.cssClasses.cleanItemButtonSvg),
iconName: s.question.cssClasses.cleanItemButtonIconId,
size: "auto"
}, null, 8, ["class", "iconName"])
], 2)), [
[t]
])
], 2)
], 2);
};
}
}), Pn = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Ranking",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
$(e, o);
const s = (t) => e.question.getItemValueWrapperComponentName(t) || "survey-ranking-item", n = (t, r, p) => ({
componentName: "survey-ranking-item",
componentData: {
question: e.question,
item: t,
index: r,
unrankedItem: p,
data: e.question.getItemValueWrapperComponentData(t)
}
});
return (t, r) => (i(), a("div", {
class: l(t.question.rootClass),
ref_key: "root",
ref: o
}, [
t.question.selectToRankEnabled ? m("", !0) : (i(!0), a(k, { key: 0 }, M(t.question.renderedRankingChoices, (p, C) => (i(), c(d, B({
key: p.uniqueId,
is: s(p)
}, n(p, C)), null, 16, ["is"]))), 128)),
t.question.selectToRankEnabled ? (i(), a("div", {
key: 1,
class: l(t.question.getContainerClasses("from")),
"data-ranking": "from-container"
}, [
(i(!0), a(k, null, M(t.question.renderedUnRankingChoices, (p, C) => (i(), c(d, B({
key: p.uniqueId,
is: s(p)
}, n(p, C, !0)), null, 16, ["is"]))), 128)),
t.question.renderedUnRankingChoices.length === 0 ? (i(), a("div", {
key: 0,
class: l(t.question.cssClasses.containerPlaceholder)
}, [
g(d, {
is: "survey-string",
locString: t.question.locSelectToRankEmptyRankedAreaText
}, null, 8, ["locString"])
], 2)) : m("", !0)
], 2)) : m("", !0),
t.question.selectToRankEnabled ? (i(), a("div", {
key: 2,
class: l(t.question.cssClasses.containersDivider)
}, null, 2)) : m("", !0),
t.question.selectToRankEnabled ? (i(), a("div", {
key: 3,
class: l(t.question.getContainerClasses("to")),
"data-ranking": "to-container"
}, [
(i(!0), a(k, null, M(t.question.renderedRankingChoices, (p, C) => (i(), c(d, B({
key: p.uniqueId,
is: s(p)
}, n(p, C)), null, 16, ["is"]))), 128)),
t.question.renderedRankingChoices.length === 0 ? (i(), a("div", {
key: 0,
class: l(t.question.cssClasses.containerPlaceholder)
}, [
g(d, {
is: "survey-string",
locString: t.question.locSelectToRankEmptyUnrankedAreaText
}, null, 8, ["locString"])
], 2)) : m("", !0)
], 2)) : m("", !0)
], 2));
}
}), En = ["id", "tabindex", "data-sv-drop-target-ranking-item"], Wn = {
tabindex: "-1",
style: { outline: "none" }
}, Fn = ["xlink:href"], On = ["xlink:href"], zn = ["xlink:href"], Un = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "RankingItem",
props: {
index: {},
question: {},
item: {},
unrankedItem: { type: Boolean }
},
setup(u) {
const e = u, o = w(() => e.question.getNumberByIndex(e.index));
return R(() => e.item), (s, n) => (i(), a("div", {
id: s.question.getItemId(s.item),
tabindex: s.question.getItemTabIndex(s.item),
"data-sv-drop-target-ranking-item": s.index,
class: l(s.question.getItemClass(s.item)),
onKeydown: n[0] || (n[0] = (t) => {
s.question.handleKeydown.call(s.question, t, s.item);
}),
onPointerdown: n[1] || (n[1] = (t) => {
s.question.handlePointerDown.call(
s.question,
t,
s.item,
t.currentTarget
);
}),
onPointerup: n[2] || (n[2] = (t) => {
s.question.handlePointerUp.call(
s.question,
t,
s.item,
t.currentTarget
);
})
}, [
v("div", Wn, [
v("div", {
class: l(s.question.cssClasses.itemGhostNode)
}, null, 2),
v("div", {
class: l(s.question.cssClasses.itemContent)
}, [
v("div", {
class: l(s.question.cssClasses.itemIconContainer)
}, [
(i(), a("svg", {
class: l(s.question.getIconHoverCss())
}, [
v("use", {
"xlink:href": s.question.dragDropSvgIcon
}, null, 8, Fn)
], 2)),
(i(), a("svg", {
class: l(s.question.getIconFocusCss())
}, [
v("use", {
"xlink:href": s.question.arrowsSvgIcon
}, null, 8, On)
], 2))
], 2),
!s.unrankedItem && o.value ? (i(), a("div", {
key: 0,
class: l(s.question.getItemIndexClasses(s.item))
}, S(o.value), 3)) : (i(), a("div", {
key: 1,
class: l(s.question.getItemIndexClasses(s.item))
}, [
(i(), a("svg", null, [
v("use", {
"xlink:href": s.question.dashSvgIcon
}, null, 8, zn)
]))
], 2)),
g(d, {
is: s.question.itemComponent,
item: s.item,
cssClasses: s.question.cssClasses
}, null, 8, ["is", "item", "cssClasses"])
], 2)
])
], 42, En));
}
}), Qn = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "RankingItemContent",
props: {
item: {},
cssClasses: {}
},
setup(u) {
return (e, o) => (i(), a("div", {
class: l(e.cssClasses.controlLabel)
}, [
g(d, {
is: "survey-string",
locString: e.item.locText
}, null, 8, ["locString"])
], 2));
}
}), Kn = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], jn = /* @__PURE__ */ v("legend", {
role: "presentation",
class: "sv-hidden"
}, null, -1), Gn = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Rating",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
$(e, o);
const s = (t) => e.question.getInputId(t), n = Ne();
return H(() => {
n.proxy.$forceUpdate();
}), (t, r) => (i(), a("div", {
class: l(t.question.ratingRootCss),
ref_key: "root",
ref: o
}, [
v("fieldset", {
role: t.question.a11y_input_ariaRole,
"aria-required": t.question.a11y_input_ariaRequired,
"aria-label": t.question.a11y_input_ariaLabel,
"aria-labelledby": t.question.a11y_input_ariaLabelledBy,
"aria-describedby": t.question.a11y_input_ariaDescribedBy,
"aria-invalid": t.question.a11y_input_ariaInvalid,
"aria-errormessage": t.question.a11y_input_ariaErrormessage
}, [
jn,
t.question.hasMinLabel ? (i(), a("span", {
key: 0,
class: l(t.question.cssClasses.minText)
}, [
g(d, {
is: "survey-string",
locString: t.question.locMinRateDescription
}, null, 8, ["locString"])
], 2)) : m("", !0),
(i(!0), a(k, null, M(t.question.renderedRateItems, (p, C) => (i(), c(d, {
key: s(C),
is: t.question.itemComponent,
item: p,
index: C,
question: t.question
}, null, 8, ["is", "item", "index", "question"]))), 128)),
t.question.hasMaxLabel ? (i(), a("span", {
key: 1,
class: l(t.question.cssClasses.maxText)
}, [
g(d, {
is: "survey-string",
locString: t.question.locMaxRateDescription
}, null, 8, ["locString"])
], 2)) : m("", !0)
], 8, Kn)
], 2));
}
}), Jn = ["name", "id", "value", "disabled", "readonly", "aria-label"], Xn = ["data-text"], Yn = /* @__PURE__ */ y({
__name: "RatingItem",
props: {
question: {},
item: {},
index: {}
},
setup(u) {
const e = u;
return R(() => e.item), (o, s) => (i(), a("label", {
key: o.item.value,
onMousedown: s[1] || (s[1] = (n) => o.question.onMouseDown()),
class: l(o.item.className)
}, [
v("input", {
type: "radio",
class: "sv-visuallyhidden",
name: o.question.questionName,
id: o.question.getInputId(o.index),
value: o.item.value,
disabled: o.question.isDisabledAttr,
readonly: o.question.isReadOnlyAttr,
onClick: s[0] || (s[0] = (n) => o.question.setValueFromClick(n.target.value)),
"aria-label": o.question.ariaLabel
}, null, 8, Jn),
v("span", {
class: l(o.question.cssClasses.itemText),
"data-text": o.item.text
}, [
g(d, {
is: "survey-string",
locString: o.item.locText
}, null, 8, ["locString"])
], 10, Xn)
], 34));
}
}), _n = ["title"], xn = ["name", "id", "value", "disabled", "readonly", "aria-label"], eo = /* @__PURE__ */ y({
__name: "RatingItemSmiley",
props: {
question: {},
item: {},
index: {}
},
setup(u) {
const e = u;
return R(() => e.item), (o, s) => (i(), a("label", {
key: o.item.value,
style: f(o.item.style),
class: l(o.item.className),
onMousedown: s[1] || (s[1] = (n) => o.question.onMouseDown()),
onMouseover: s[2] || (s[2] = (n) => o.question.onItemMouseIn(o.item)),
onMouseleave: s[3] || (s[3] = (n) => o.question.onItemMouseOut(o.item)),
title: o.item.text
}, [
v("input", {
type: "radio",
class: "sv-visuallyhidden",
name: o.question.questionName,
id: o.question.getInputId(o.index),
value: o.item.value,
disabled: o.question.isDisabledAttr,
readonly: o.question.isReadOnlyAttr,
onClick: s[0] || (s[0] = (n) => o.question.setValueFromClick(n.target.value)),
"aria-label": o.question.ariaLabel
}, null, 8, xn),
g(d, {
is: "sv-svg-icon",
iconName: o.question.getItemSmileyIconName(o.item),
size: "auto"
}, null, 8, ["iconName"])
], 46, _n));
}
}), so = ["title"], no = ["name", "id", "value", "disabled", "readonly", "aria-label"], oo = /* @__PURE__ */ y({
__name: "RatingItemStar",
props: {
question: {},
item: {},
index: {}
},
setup(u) {
const e = u;
return R(() => e.item), (o, s) => (i(), a("label", {
key: o.item.value,
onMousedown: s[1] || (s[1] = (n) => o.question.onMouseDown()),
class: l(o.item.className),
onMouseover: s[2] || (s[2] = (n) => o.question.onItemMouseIn(o.item)),
onMouseleave: s[3] || (s[3] = (n) => o.question.onItemMouseOut(o.item)),
title: o.item.text
}, [
v("input", {
type: "radio",
class: "sv-visuallyhidden",
name: o.question.questionName,
id: o.question.getInputId(o.index),
value: o.item.value,
disabled: o.question.isDisabledAttr,
readonly: o.question.isReadOnlyAttr,
onClick: s[0] || (s[0] = (n) => o.question.setValueFromClick((n == null ? void 0 : n.target).value)),
"aria-label": o.question.ariaLabel
}, null, 8, no),
g(d, {
is: "sv-svg-icon",
class: l("sv-star"),
iconName: o.question.itemStarIcon,
size: "auto"
}, null, 8, ["iconName"]),
g(d, {
is: "sv-svg-icon",
class: l("sv-star-2"),
iconName: o.question.itemStarIconAlt,
size: "auto"
}, null, 8, ["iconName"])
], 42, so));
}
}), to = { class: "sd-rating-dropdown-item" }, io = { class: "sd-rating-dropdown-item_text" }, ro = {
key: 0,
class: "sd-rating-dropdown-item_description"
}, lo = /* @__PURE__ */ y({
__name: "RatingDropdownItem",
props: {
item: {},
model: {}
},
setup(u) {
const e = u;
return R(() => e.item), (o, s) => (i(), a("div", to, [
v("span", io, S(o.item.title), 1),
o.item.description ? (i(), a("div", ro, [
g(d, {
is: "survey-string",
locString: o.item.description
}, null, 8, ["locString"])
])) : m("", !0)
]));
}
});
z.Instance.registerRenderer(
"rating",
"dropdown",
"sv-rating-dropdown"
);
const ao = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "RatingDropdown",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
return $(e, o), (s, n) => (i(), a("div", {
class: l(s.question.cssClasses.rootDropdown),
ref_key: "root",
ref: o
}, [
g(d, {
is: "sv-dropdown",
question: s.question
}, null, 8, ["question"])
], 2));
}
}), uo = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], mo = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Boolean",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
$(e, o);
const s = (t, r) => {
e.question.onLabelClick(t, r);
}, n = (t) => {
e.question.onSwitchClickModel(t);
};
return (t, r) => {
var p;
return i(), a("div", {
class: l(t.question.cssClasses.root),
ref_key: "root",
ref: o,
onKeydown: r[4] || (r[4] = (C) => t.question.onKeyDownCore(C))
}, [
v("label", {
class: l(t.question.getItemCss())
}, [
D(v("input", {
type: "checkbox",
name: t.question.name,
value: (p = t.question.booleanValue) != null ? p : "",
"onUpdate:modelValue": r[0] || (r[0] = (C) => t.question.booleanValue = C),
class: l(t.question.cssClasses.control),
id: t.question.inputId,
".indeterminate": t.question.isIndeterminate,
disabled: t.question.isDisabledAttr,
readonly: t.question.isReadOnlyAttr,
role: t.question.a11y_input_ariaRole,
"aria-required": t.question.a11y_input_ariaRequired,
"aria-label": t.question.a11y_input_ariaLabel,
"aria-labelledby": t.question.a11y_input_ariaLabelledBy,
"aria-describedby": t.question.a11y_input_ariaDescribedBy,
"aria-invalid": t.question.a11y_input_ariaInvalid,
"aria-errormessage": t.question.a11y_input_ariaErrormessage
}, null, 42, uo), [
[oe, t.question.booleanValue]
]),
v("div", {
class: l(t.question.cssClasses.sliderGhost),
onClick: r[1] || (r[1] = (C) => s(C, t.question.swapOrder))
}, [
v("span", {
class: l(t.question.getLabelCss(t.question.swapOrder))
}, [
g(d, {
is: "survey-string",
locString: t.question.locLabelLeft
}, null, 8, ["locString"])
], 2)
], 2),
v("div", {
class: l(t.question.cssClasses.switch),
onClick: r[2] || (r[2] = (C) => n(C))
}, [
v("span", {
class: l(t.question.cssClasses.slider)
}, [
t.question.cssClasses.sliderText && t.question.isDeterminated ? (i(), a("span", {
key: 0,
class: l(t.question.cssClasses.sliderText)
}, [
g(d, {
is: "survey-string",
locString: t.question.getCheckedLabel()
}, null, 8, ["locString"])
], 2)) : m("", !0)
], 2)
], 2),
v("div", {
class: l(t.question.cssClasses.sliderGhost),
onClick: r[3] || (r[3] = (C) => s(C, !t.question.swapOrder))
}, [
v("span", {
class: l(t.question.getLabelCss(!t.question.swapOrder))
}, [
g(d, {
is: "survey-string",
locString: t.question.locLabelRight
}, null, 8, ["locString"])
], 2)
], 2)
], 2)
], 34);
};
}
});
z.Instance.registerRenderer(
"boolean",
"radio",
"sv-boolean-radio"
);
const po = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "BooleanRadio",
props: {
question: {}
},
setup(u) {
const e = L(null);
return $(u, e), (s, n) => (i(), a("div", {
class: l(s.question.cssClasses.rootRadio),
ref_key: "root",
ref: e,
onKeydown: n[0] || (n[0] = (t) => s.question.onKeyDownCore(t))
}, [
v("fieldset", {
role: "presentation",
class: l(s.question.cssClasses.radioFieldset)
}, [
s.question.swapOrder ? (i(), c(d, {
is: "sv-boolean-radio-item",
key: "true",
question: s.question,
locText: s.question.locLabelTrue,
value: s.question.getValueTrue()
}, null, 8, ["question", "locText", "value"])) : m("", !0),
(i(), c(d, {
is: "sv-boolean-radio-item",
key: "false",
question: s.question,
locText: s.question.locLabelFalse,
value: s.question.getValueFalse()
}, null, 8, ["question", "locText", "value"])),
s.question.swapOrder ? m("", !0) : (i(), c(d, {
is: "sv-boolean-radio-item",
key: "true",
question: s.question,
locText: s.question.locLabelTrue,
value: s.question.getValueTrue()
}, null, 8, ["question", "locText", "value"]))
], 2)
], 34));
}
}), vo = ["name", "value", "checked", "aria-errormessage", "disabled", "readonly"], co = ["xlink:href"], Co = /* @__PURE__ */ y({
__name: "BooleanRadioItem",
props: {
question: {},
locText: {},
value: { type: [String, Boolean] }
},
setup(u) {
const e = u, o = () => {
const s = e.question;
s.isInputReadOnly || (s.value = e.value);
};
return (s, n) => (i(), a("div", {
role: "presentation",
class: l(s.question.getRadioItemClass(s.question.cssClasses, s.value))
}, [
v("label", {
class: l(s.question.cssClasses.radioLabel)
}, [
v("input", {
type: "radio",
name: s.question.questionName,
value: s.value,
checked: s.value === s.question.value,
"aria-errormessage": s.question.ariaErrormessage,
disabled: s.question.isDisabledAttr,
readonly: s.question.isReadOnlyAttr,
class: l(s.question.cssClasses.itemRadioControl),
onChange: o
}, null, 42, vo),
s.question.cssClasses.materialRadioDecorator ? (i(), a("span", {
key: 0,
class: l(s.question.cssClasses.materialRadioDecorator)
}, [
s.question.itemSvgIcon ? (i(), a("svg", {
key: 0,
class: l(s.question.cssClasses.itemRadioDecorator)
}, [
v("use", {
"xlink:href": s.question.itemSvgIcon
}, null, 8, co)
], 2)) : m("", !0)
], 2)) : m("", !0),
v("span", {
class: l(s.question.cssClasses.radioControlLabel)
}, [
g(d, {
is: "survey-string",
locString: s.locText
}, null, 8, ["locString"])
], 2)
], 2)
], 2));
}
}), go = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], yo = ["xlink:href"], qo = /* @__PURE__ */ v("span", { class: "check" }, null, -1), ho = ["id"], bo = ["id"];
z.Instance.registerRenderer(
"boolean",
"checkbox",
"sv-boolean-checkbox"
);
const wo = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "BooleanCheckbox",
props: {
question: {},
css: {}
},
setup(u) {
const e = u, o = L(null);
return $(e, o), (s, n) => {
var t;
return i(), a("div", {
class: l(s.question.cssClasses.rootCheckbox),
ref_key: "root",
ref: o
}, [
v("div", {
class: l(s.question.getCheckboxItemCss())
}, [
v("label", {
class: l(s.question.cssClasses.checkboxLabel)
}, [
D(v("input", {
type: "checkbox",
name: s.question.name,
value: (t = s.question.booleanValue) != null ? t : "",
"onUpdate:modelValue": n[0] || (n[0] = (r) => s.question.booleanValue = r),
class: l(s.question.cssClasses.controlCheckbox),
id: s.question.inputId,
".indeterminate": s.question.isIndeterminate,
disabled: s.question.isDisabledAttr,
readonly: s.question.isReadOnlyAttr,
"aria-required": s.question.a11y_input_ariaRequired,
"aria-label": s.question.a11y_input_ariaLabel,
"aria-labelledby": s.question.a11y_input_ariaLabelledBy,
"aria-describedby": s.question.a11y_input_ariaDescribedBy,
"aria-invalid": s.question.a11y_input_ariaInvalid,
"aria-errormessage": s.question.a11y_input_ariaErrormessage
}, null, 42, go), [
[oe, s.question.booleanValue]
]),
v("span", {
class: l(s.question.cssClasses.checkboxMaterialDecorator)
}, [
s.question.svgIcon ? (i(), a("svg", {
key: 0,
class: l(s.question.cssClasses.checkboxItemDecorator)
}, [
v("use", {
"xlink:href": s.question.svgIcon
}, null, 8, yo)
], 2)) : m("", !0),
qo
], 2),
s.question.isLabelRendered ? (i(), a("span", {
key: 0,
id: s.question.labelRenderedAriaID,
class: l(s.question.cssClasses.checkboxControlLabel)
}, [
s.question.hasTitleActions ? m("", !0) : (i(), c(d, {
key: 0,
is: "survey-element-title-content",
element: s.question,
css: s.css
}, null, 8, ["element", "css"])),
s.question.hasTitleActions ? (i(), c(d, {
key: 1,
is: "sv-title-actions",
element: s.question,
css: s.css
}, null, 8, ["element", "css"])) : m("", !0)
], 10, ho)) : m("", !0)
], 2),
s.question.canRenderLabelDescription ? (i(), a("div", {
key: 0,
class: l(s.question.cssDescription),
id: s.question.ariaDescriptionId
}, [
g(d, {
is: "survey-string",
locString: s.question.locDescription
}, null, 8, ["locString"])
], 10, bo)) : m("", !0)
], 2)
], 2);
};
}
}), F = {
mounted: function(u, e) {
const o = Object.assign(
{
processEsc: !0
},
{ ...e.value }
);
if (u.addEventListener("pointerup", (s) => {
if (s.pointerType === "pen") {
s.preventDefault(), s.stopPropagation();
const n = s.target;
n != null && n.click && n.click();
}
}), o.disableTabStop) {
u.tabIndex = -1;
return;
}
o.disableTabStop || (u.tabIndex = 0), u.addEventListener("keyup", (s) => {
s.preventDefault(), s.stopPropagation(), we(s, o);
}), u.addEventListener("keydown", (s) => {
Ue(s, o);
}), u.addEventListener("blur", (s) => {
Qe(s);
});
}
}, ko = ["aria-checked", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-errormessage"], fo = ["id"];
z.Instance.registerRenderer(
"boolean",
"switch",
"sv-boolean-switch"
);
const Lo = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "BooleanSwitch",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
$(e, o);
const s = w({
get() {
return e.question.booleanValue;
},
set(n) {
e.question.booleanValue = n;
}
});
return (n, t) => (i(), a("div", {
class: l(n.question.cssClasses.rootSwitch),
ref_key: "root",
ref: o,
onClick: t[0] || (t[0] = (r) => s.value = !s.value)
}, [
D((i(), a("div", {
class: l(n.question.getSwitchButtonCss()),
role: "checkbox",
tabindex: "0",
"aria-checked": n.question.booleanValue || !1,
"aria-required": n.question.a11y_input_ariaRequired,
"aria-label": n.question.a11y_input_ariaLabel,
"aria-labelledby": n.question.a11y_input_ariaLabelledBy,
"aria-invalid": n.question.a11y_input_ariaInvalid,
"aria-errormessage": n.question.a11y_input_ariaErrormessage
}, [
v("div", {
class: l(n.question.cssClasses.switchThumb)
}, [
v("div", {
class: l(n.question.cssClasses.switchThumbCircle)
}, null, 2)
], 2)
], 10, ko)), [
[T(F), { processEsc: !1 }]
]),
n.question.isLabelRendered ? (i(), a("div", {
key: 0,
class: l(n.question.cssClasses.switchCaption)
}, [
v("div", {
class: l(n.question.cssClasses.switchTitle),
id: n.question.labelRenderedAriaID
}, [
g(d, {
is: "survey-string",
locString: n.question.locTitle
}, null, 8, ["locString"])
], 10, fo)
], 2)) : m("", !0)
], 2));
}
}), Io = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Multipletext",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
return $(e, o), (s, n) => (i(), a("table", {
class: l(s.question.getQuestionRootCss()),
ref_key: "root",
ref: o
}, [
v("tbody", null, [
(i(!0), a(k, null, M(s.question.getRows(), (t, r) => (i(), c(d, {
key: s.question.inputId + "rowkey" + r,
is: "sv-multipletext-row",
question: s.question,
row: t
}, null, 8, ["question", "row"]))), 128))
])
], 2));
}
}), So = /* @__PURE__ */ y({
__name: "MultipleTextRow",
props: {
question: {},
row: {}
},
setup(u) {
const e = u;
return R(() => e.row), (o, s) => o.row.isVisible ? (i(), a("tr", {
key: 0,
class: l(o.question.cssClasses.row)
}, [
(i(!0), a(k, null, M(o.row.cells, (n) => (i(), a("td", {
key: n.item.editor.id,
class: l(n.className)
}, [
g(d, {
is: "survey-multipletext-item",
question: o.question,
cell: n
}, null, 8, ["question", "cell"])
], 2))), 128))
], 2)) : m("", !0);
}
}), Ro = { key: 1 }, Mo = { key: 2 }, To = /* @__PURE__ */ y({
__name: "MultipletextItem",
props: {
question: {},
cell: {}
},
setup(u) {
const e = u, o = (n) => ie(n);
R(() => e.cell.item.editor);
const s = w(() => e.cell.item);
return (n, t) => n.cell.isErrorsCell ? (i(), c(d, {
key: 1,
is: "survey-errors",
element: s.value.editor
}, null, 8, ["element"])) : (i(), a("label", {
key: 0,
class: l(n.question.getItemLabelCss(s.value))
}, [
v("span", {
class: l(n.question.getItemTitleCss()),
style: f({
minWidth: n.question.itemTitleWidth,
width: n.question.itemTitleWidth
})
}, [
s.value.editor.isRequireTextBeforeTitle || s.value.editor.isRequireTextOnStart ? (i(), a("span", {
key: 0,
class: l(n.question.cssClasses.requiredMark)
}, S(s.value.editor.requiredMark), 3)) : m("", !0),
s.value.editor.isRequireTextBeforeTitle || s.value.editor.isRequireTextOnStart ? (i(), a("span", Ro, " ")) : m("", !0),
g(d, {
is: "survey-string",
locString: s.value.locTitle
}, null, 8, ["locString"]),
s.value.editor.isRequireTextAfterTitle ? (i(), a("span", Mo, " ")) : m("", !0),
s.value.editor.isRequireTextAfterTitle ? (i(), a("span", {
key: 3,
"aria-hidden": "true",
class: l(n.question.cssClasses.requiredMark)
}, S(s.value.editor.requiredMark), 3)) : m("", !0)
], 6),
(i(), a("div", {
key: s.value.editor.id,
class: l(n.question.getItemCss()),
onFocusin: t[0] || (t[0] = (r) => s.value.focusIn())
}, [
g(d, {
is: o(s.value.editor),
question: s.value.editor
}, null, 8, ["is", "question"])
], 34))
], 2));
}
}), $o = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Breadcrumbs",
props: {
model: {},
css: {}
},
setup(u) {
const e = u;
return R(() => e.model), (o, s) => o.model.actions && o.model.actions.length ? (i(), a("div", {
key: 0,
class: l(o.css.breadcrumbsRoot)
}, [
(i(!0), a(k, null, M(o.model.actions, (n, t) => (i(), a(k, {
key: n.uniqueId
}, [
t ? (i(), c(d, {
key: 0,
is: "sv-svg-icon",
class: l(o.css.breadcrumbsSeparator),
iconName: "arrowright-16x16",
size: "auto"
}, null, 8, ["class"])) : m("", !0),
g(d, {
is: "sv-action",
item: n
}, null, 8, ["item"])
], 64))), 128))
], 2)) : m("", !0);
}
}), Ho = ["onClick", "title"], Do = ["onClick", "title"], Vo = { key: 1 }, Bo = { key: 1 }, Ao = /* @__PURE__ */ y({
__name: "SingleInputSummary",
props: {
summary: {},
css: {}
},
setup(u) {
const e = u, o = w(() => "survey-placeholder-" + e.summary.question.getTemplate()), s = w(() => O.Instance.isComponentRegistered(o.value));
return (n, t) => n.summary.isEmpty() ? (i(), a("div", Vo, [
s.value ? (i(), c(d, {
key: 0,
is: "survey-placeholder-" + n.summary.question.getTemplate(),
cssClasses: n.css,
question: n.summary.question
}, null, 8, ["is", "cssClasses", "question"])) : (i(), a("div", Bo, [
g(d, {
is: "survey-string",
locString: n.summary.noEntry
}, null, 8, ["locString"])
]))
])) : (i(), a("div", {
key: 0,
class: l(n.css.summary)
}, [
(i(!0), a(k, null, M(n.summary.items, (r, p) => (i(), a("div", {
key: p,
class: l(n.css.summaryRow)
}, [
v("div", {
class: l(n.css.summaryRowContent)
}, [
g(d, {
is: "survey-string",
locString: r.locText
}, null, 8, ["locString"])
], 2),
v("div", {
class: l(n.css.summaryRowActions)
}, [
r.btnEdit ? (i(), a("button", {
key: 0,
class: l(n.css.summaryRowActionEdit),
onClick: (C) => r.btnEdit.action(),
title: r.btnEdit.title
}, [
g(d, {
is: "sv-svg-icon",
iconName: "icon-editsmall-16x16",
size: "auto"
})
], 10, Ho)) : m("", !0),
r.showRemove && r.btnRemove ? (i(), a("button", {
key: 1,
class: l(n.css.summaryRowActionDelete),
onClick: (C) => r.btnRemove.action(),
title: r.btnRemove.title
}, [
g(d, {
is: "sv-svg-icon",
iconName: "icon-delete-16x16",
size: "auto"
})
], 10, Do)) : m("", !0)
], 2)
], 2))), 128))
], 2));
}
}), No = ["min", "max", "step", "id"], Zo = ["id", "value", "min", "max", "step", "disabled", "onInput", "onFocus", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Po = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Slider",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null), s = L(null);
return $(e, o), H(() => {
e.question.refreshInputRange(s.value);
}), (n, t) => (i(), a("div", {
class: l(n.question.rootCss),
ref_key: "rootRef",
ref: o
}, [
n.question.sliderType !== "single" && n.question.allowDragRange ? (i(), a("input", {
key: 0,
ref_key: "rangeInputRef",
ref: s,
name: "range-input",
class: l(n.question.cssClasses.input),
type: "range",
tabIndex: "-1",
min: n.question.min,
max: n.question.max,
step: n.question.step,
"aria-hidden": "true",
id: n.question.id + "-sjs-slider-input-range-input",
onInput: t[0] || (t[0] = (r) => {
n.question.handleRangeOnChange(r);
}),
onPointerdown: t[1] || (t[1] = (r) => {
n.question.handleRangePointerDown(r, o.value);
}),
onPointerup: t[2] || (t[2] = (r) => {
n.question.handleRangePointerUp(r, o.value);
})
}, null, 42, No)) : m("", !0),
v("div", {
class: l(n.question.cssClasses.visualContainer),
onPointerup: t[8] || (t[8] = (r) => {
n.question.setValueByClickOnPath(r, o.value);
})
}, [
v("div", {
class: l(n.question.cssClasses.visualContainerSlider)
}, [
v("div", {
class: l(n.question.cssClasses.inverseTrackLeft),
style: f({ width: n.question.getTrackPercentLeft() + "%" })
}, null, 6),
v("div", {
class: l(n.question.cssClasses.inverseTrackRight),
style: f({ width: n.question.getTrackPercentRight() + "%" })
}, null, 6),
v("div", {
class: l(n.question.cssClasses.rangeTrack),
style: f({ left: n.question.getTrackPercentLeft() + "%", right: n.question.getTrackPercentRight() + "%" })
}, null, 6),
(i(!0), a(k, null, M(n.question.renderedValue, (r, p) => (i(), a(k, { key: p }, [
v("input", {
class: l(n.question.cssClasses.input),
id: n.question.id + "-sjs-slider-input-" + p,
type: "range",
value: r,
min: n.question.min,
max: n.question.max,
step: n.question.step,
disabled: n.question.isDisabledAttr,
onInput: (C) => {
n.question.handleOnChange(C, p);
},
onPointerdown: t[3] || (t[3] = (C) => {
n.question.handlePointerDown(C);
}),
onPointerup: t[4] || (t[4] = (C) => {
C.stopPropagation(), n.question.handlePointerUp(C);
}),
onKeydown: t[5] || (t[5] = (C) => {
n.question.handleKeyDown(C);
}),
onKeyup: t[6] || (t[6] = (C) => {
n.question.handleKeyUp(C);
}),
onFocus: () => {
n.question.handleOnFocus(p);
},
onBlur: t[7] || (t[7] = () => {
n.question.handleOnBlur();
}),
"aria-required": n.question.a11y_input_ariaRequired,
"aria-label": n.question.a11y_input_ariaLabel,
"aria-labelledby": n.question.a11y_input_ariaLabelledBy,
"aria-describedby": n.question.a11y_input_ariaDescribedBy,
"aria-invalid": n.question.a11y_input_ariaInvalid,
"aria-errormessage": n.question.a11y_input_ariaErrormessage
}, null, 42, Zo),
v("div", {
class: l(n.question.getThumbContainerCss(p)),
style: f({ left: n.question.getPercent(r) + "%" })
}, [
n.question.tooltipVisibility !== "never" ? (i(), a("div", {
key: 0,
class: l(n.question.tooltipCss)
}, [
v("div", {
class: l(n.question.cssClasses.tooltipPanel)
}, [
v("div", {
class: l(n.question.cssClasses.tooltipValue)
}, S(n.question.getTooltipValue(p)), 3)
], 2)
], 2)) : m("", !0),
v("div", {
class: l(n.question.cssClasses.thumb)
}, [
v("div", {
class: l(n.question.cssClasses.thumbDot)
}, null, 2)
], 2)
], 6)
], 64))), 128))
], 2)
], 34),
n.question.showLabels ? (i(), a("div", {
key: 1,
class: l(n.question.cssClasses.labelsContainer)
}, [
v("div", null, [
(i(!0), a(k, null, M(n.question.renderedLabels, (r) => (i(), c(d, {
key: r.id,
is: "sv-slider-label-item",
item: r,
question: n.question
}, null, 8, ["item", "question"]))), 128))
])
], 2)) : m("", !0)
], 2));
}
}), Eo = ["title"], Wo = ["title"], Fo = ["title"], Oo = /* @__PURE__ */ y({
__name: "SliderLabelItem",
props: {
question: {},
item: {}
},
setup(u) {
const e = u;
return R(() => e.item), (o, s) => (i(), a("div", {
class: l(o.question.getLabelCss(o.item.locText)),
style: f({ left: o.question.getPercent(o.item.value) + "%", maxWidth: o.question.getLabelMaxWidth(o.item) }),
onPointerup: s[0] || (s[0] = (n) => {
o.question.handleLabelPointerUp(n, o.item.value);
})
}, [
v("div", {
class: l(o.question.cssClasses.labelTick)
}, null, 2),
v("div", {
class: l(o.question.cssClasses.labelTextContainer)
}, [
o.item.showValue ? m("", !0) : (i(), a("div", {
key: 0,
class: l(o.question.cssClasses.labelText),
title: o.item.locText.renderedHtml
}, [
g(d, {
is: "survey-string",
locString: o.item.locText
}, null, 8, ["locString"])
], 10, Eo)),
o.item.showValue ? (i(), a("div", {
key: 1,
class: l(o.question.cssClasses.labelText),
title: "" + o.item.value
}, S(o.item.value), 11, Wo)) : m("", !0),
o.item.showValue ? (i(), a("div", {
key: 2,
class: l(o.question.cssClasses.labelTextSecondaryMode),
title: o.item.locText.renderedHtml
}, [
g(d, {
is: "survey-string",
locString: o.item.locText
}, null, 8, ["locString"])
], 10, Fo)) : m("", !0)
], 2)
], 38));
}
}), zo = { role: "radiogroup" }, Uo = { class: "sv-visuallyhidden" }, Qo = {
key: 0,
role: "presentation"
}, Ko = { key: 0 }, jo = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Matrix",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null), s = te();
return $(
e,
o,
(n) => {
s.value = n.visibleRows, n.visibleRowsChangedCallback = () => {
s.value = n.visibleRows;
};
},
(n) => {
n.visibleRowsChangedCallback = () => {
};
}
), (n, t) => (i(), a("div", {
class: l(n.question.getTableWrapperCss()),
ref_key: "root",
ref: o
}, [
v("fieldset", zo, [
v("legend", Uo, S(n.question.locTitle.renderedHtml), 1),
v("table", {
class: l(n.question.getTableCss()),
role: "presentation"
}, [
n.question.showHeader ? (i(), a("thead", Qo, [
v("tr", null, [
n.question.hasRows ? (i(), a("td", Ko)) : m("", !0),
(i(!0), a(k, null, M(n.question.visibleColumns, (r, p) => (i(), a("th", {
key: p,
class: l(n.question.cssClasses.headerCell),
style: f({
minWidth: n.question.columnMinWidth,
width: n.question.columnMinWidth
})
}, [
g(d, {
is: n.question.getColumnHeaderWrapperComponentName(r),
componentData: n.question.getColumnHeaderWrapperComponentData(r)
}, {
default: A(() => [
g(d, {
is: "survey-string",
locString: r.locText
}, null, 8, ["locString"])
]),
_: 2
}, 1032, ["is", "componentData"])
], 6))), 128))
])
])) : m("", !0),
v("tbody", null, [
(i(!0), a(k, null, M(s.value, (r) => (i(), c(d, {
key: r.uniqueId,
is: "sv-matrix-row",
question: n.question,
row: r
}, null, 8, ["question", "row"]))), 128))
])
], 2)
])
], 2));
}
}), Go = ["data-sv-drop-target-matrix-row"], Jo = /* @__PURE__ */ y({
__name: "MatrixDropdownRow",
props: {
question: {},
row: {}
},
setup(u) {
const e = u, o = L();
R(() => e.row);
const s = E(
() => e.row,
(n, t) => {
t && t.setRootElement(void 0), n.setRootElement(o.value);
}
);
return H(() => {
e.row.setRootElement(o.value);
}), Z(() => {
e.row.setRootElement(void 0), s();
}), (n, t) => n.row.visible ? (i(), a("tr", {
key: 0,
"data-sv-drop-target-matrix-row": n.row.dropTargetId,
class: l(n.row.className),
ref_key: "root",
ref: o
}, [
(i(!0), a(k, null, M(n.row.cells, (r) => (i(), c(d, {
is: "survey-matrixdropdown-cell",
cell: r,
question: n.question,
key: n.row.id + "_" + r.id
}, null, 8, ["cell", "question"]))), 128))
], 10, Go)) : m("", !0);
}
}), Xo = ["type", "name", "checked", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Yo = ["xlink:href"], _o = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "MatrixCell",
props: {
question: {},
row: {},
column: {},
columnIndex: {}
},
setup(u) {
const e = u;
R(() => e.column);
const o = () => {
const n = e.row, t = e.column;
n.cellClick(t);
}, s = w(() => e.question.getItemSvgIcon(e.row, e.column));
return (n, t) => (i(), a("label", {
onMousedown: t[0] || (t[0] = (r) => n.question.onMouseDown()),
class: l(n.question.getItemClass(n.row, n.column))
}, [
v("input", {
type: n.question.checkType,
class: l(n.question.cssItemValue),
name: n.row.fullName,
checked: n.row.isChecked(n.column),
onInput: o,
value: n.column.value,
readonly: n.row.isReadOnlyAttr,
disabled: n.row.isDisabledAttr,
id: n.question.inputId + "_" + n.row.name + "_" + n.columnIndex,
"aria-required": n.question.a11y_input_ariaRequired,
"aria-label": n.question.getCellAriaLabel(n.row, n.column),
"aria-invalid": n.question.a11y_input_ariaInvalid,
"aria-errormessage": n.question.a11y_input_ariaErrormessage
}, null, 42, Xo),
v("span", {
class: l(n.question.cssMaterialDecorator)
}, [
s.value ? (i(), a("svg", {
key: 0,
class: l(n.question.cssItemDecorator)
}, [
v("use", { "xlink:href": s.value }, null, 8, Yo)
], 2)) : m("", !0)
], 2),
n.question.isMobile ? (i(), a("span", {
key: 0,
class: l(n.question.cssClasses.cellResponsiveTitle)
}, [
g(d, {
is: "survey-string",
locString: n.column.locText
}, null, 8, ["locString"])
], 2)) : m("", !0)
], 34));
}
}), xo = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "MatrixDropdown",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
return $(e, o), (s, n) => (i(), c(d, {
is: "survey-matrixtable",
question: s.question,
ref_key: "root",
ref: o
}, null, 8, ["question"]));
}
}), et = { key: 0 }, st = { key: 1 }, nt = /* @__PURE__ */ y({
__name: "MatrixTable",
props: {
question: {}
},
setup(u) {
const e = u, o = w(() => e.question.renderedTable);
return R(() => o.value), (s, n) => (i(), a("div", {
style: f({ overflowX: s.question.showHorizontalScroll ? "scroll" : "" }),
class: l(s.question.getTableWrapperCss())
}, [
v("table", {
class: l(s.question.getTableCss())
}, [
o.value.showHeader ? (i(), a("thead", et, [
v("tr", null, [
(i(!0), a(k, null, M(o.value.headerRow.cells, (t) => (i(), a(k, null, [
t.hasTitle ? (i(), a("th", {
key: "header_" + t.id,
class: l(t.className),
style: f({ minWidth: t.minWidth, width: t.width })
}, [
g(d, {
is: s.question.getColumnHeaderWrapperComponentName(t),
componentData: s.question.getColumnHeaderWrapperComponentData(t)
}, {
default: A(() => [
g(d, {
is: "survey-string",
locString: t.locTitle
}, null, 8, ["locString"]),
t.column ? (i(), c(d, {
key: 0,
is: "survey-matrixheaderrequired",
column: t.column,
question: s.question
}, null, 8, ["column", "question"])) : m("", !0)
]),
_: 2
}, 1032, ["is", "componentData"])
], 6)) : m("", !0),
t.hasTitle ? m("", !0) : (i(), a("td", {
class: l(t.className),
key: "header_" + t.id,
style: f({ minWidth: t.minWidth, width: t.width })
}, null, 6))
], 64))), 256))
])
])) : m("", !0),
v("tbody", null, [
(i(!0), a(k, null, M(o.value.renderedRows, (t) => (i(), c(d, {
key: s.question.inputId + "_" + t.id,
is: "survey-matrix-row",
row: t,
question: s.question
}, null, 8, ["row", "question"]))), 128))
]),
o.value.showFooter ? (i(), a("tfoot", st, [
v("tr", null, [
(i(!0), a(k, null, M(o.value.footerRow.cells, (t, r) => (i(), c(d, {
is: "survey-matrixdropdown-cell",
cell: t,
question: s.question,
key: "footer_" + r
}, null, 8, ["cell", "question"]))), 128))
])
])) : m("", !0)
], 2)
], 6));
}
}), ot = /* @__PURE__ */ v("span", null, " ", -1), tt = /* @__PURE__ */ y({
__name: "MatrixHeaderRequired",
props: {
question: {},
column: {}
},
setup(u) {
const e = u;
return R(() => e.column), (o, s) => o.column.isRenderedRequired ? (i(), a(k, { key: 0 }, [
ot,
o.column.isRenderedRequired ? (i(), a("span", {
key: 0,
class: l(o.question.cssClasses.cellRequiredMark)
}, S(o.column.requiredMark), 3)) : m("", !0)
], 64)) : m("", !0);
}
}), it = ["title", "colspan"], rt = /* @__PURE__ */ y({
__name: "MatrixDropdownCellComp",
props: {
question: {},
cell: {}
},
setup(u) {
const e = u, o = L(!1), s = L();
R(() => e.cell.column);
const n = () => e.cell.width || e.cell.minWidth ? { width: e.cell.width, minWidth: e.cell.minWidth } : null, t = () => e.cell.question.parentQuestion.getCellAriaLabel(e.cell.row, e.cell.column), r = () => {
!e.cell.hasQuestion || !e.question || !e.question.survey || (o.value = e.cell.question.isVisible);
}, p = (q) => ie(q);
r(), H(() => {
if (!e.cell.hasQuestion || !e.question || !e.question.survey)
return;
e.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
r();
});
const q = s.value, h = e.cell.question, V = {
cell: e.cell.cell,
cellQuestion: h,
htmlElement: q,
row: e.cell.row,
column: e.cell.cell.column
};
e.question.survey.matrixAfterCellRender(V), h && h.afterRenderCore(q);
});
const C = w(() => {
const q = e.cell;
if (q.hasPanel) {
const h = q.panel, V = h.survey;
if (V) {
const I = V.getElementWrapperComponentName(h);
if (I)
return I;
}
return "survey-panel";
}
}), b = w(() => {
if (e.cell.hasPanel) {
const h = e.cell.panel, V = h.survey;
let I;
return V && (I = V.getElementWrapperComponentData(h)), {
componentName: "survey-panel",
componentData: {
element: h,
data: I,
css: e.question.cssClasses
}
};
}
});
return (q, h) => q.cell.isVisible ? (i(), a("td", {
key: 0,
class: l(q.cell.className),
title: q.cell.getTitle(),
style: f(n()),
colspan: q.cell.colSpans,
onFocusin: h[0] || (h[0] = (V) => q.cell.focusIn()),
ref_key: "root",
ref: s
}, [
q.cell.isErrorsCell ? (i(), c(d, {
key: 0,
is: "survey-errors",
element: q.cell.question
}, null, 8, ["element"])) : m("", !0),
q.cell.isDragHandlerCell ? (i(), c(d, {
key: 1,
is: "sv-matrix-drag-drop-icon",
item: { data: { row: q.cell.row, question: q.question } }
}, null, 8, ["item"])) : m("", !0),
q.cell.isActionsCell ? (i(), c(d, {
key: 2,
is: "sv-action-bar",
model: q.cell.item.getData(),
handleClick: !1
}, null, 8, ["model"])) : m("", !0),
q.cell.hasPanel ? (i(), c(d, B({
key: 3,
is: C.value
}, b.value), null, 16, ["is"])) : m("", !0),
q.cell.showResponsiveTitle ? (i(), a("span", {
key: 4,
class: l(q.cell.responsiveTitleCss)
}, [
g(d, {
is: "survey-string",
locString: q.cell.responsiveLocTitle
}, null, 8, ["locString"]),
g(d, {
is: "survey-matrixheaderrequired",
column: q.cell.column,
question: q.cell.matrix
}, null, 8, ["column", "question"])
], 2)) : m("", !0),
q.cell.hasQuestion ? D((i(), a("div", {
key: 5,
class: l(q.cell.cellQuestionWrapperClassName)
}, [
!q.cell.isChoice && q.cell.question.isDefaultRendering() ? (i(), c(d, {
key: 0,
is: q.question.getCellWrapperComponentName(q.cell.cell),
componentData: q.question.getCellWrapperComponentData(q.cell.cell)
}, {
default: A(() => [
g(d, {
is: p(q.cell.question),
question: q.cell.question
}, null, 8, ["is", "question"])
]),
_: 1
}, 8, ["is", "componentData"])) : m("", !0),
!q.cell.isChoice && !q.cell.question.isDefaultRendering() ? (i(), c(d, {
key: 1,
is: q.cell.question.getComponentName(),
question: q.cell.question
}, null, 8, ["is", "question"])) : m("", !0),
q.cell.isItemChoice ? (i(), c(d, {
key: 2,
is: q.question.getCellWrapperComponentName(q.cell.cell),
componentData: q.question.getCellWrapperComponentData(q.cell.cell)
}, {
default: A(() => [
q.cell.isRadio ? (i(), c(d, {
is: "survey-radiogroup-item",
key: q.cell.item.value,
question: q.cell.question,
item: q.cell.item,
hideLabel: !0,
ariaLabel: t()
}, null, 8, ["question", "item", "ariaLabel"])) : m("", !0),
q.cell.isCheckbox ? (i(), c(d, {
is: "survey-checkbox-item",
key: q.cell.item.value,
question: q.cell.question,
item: q.cell.item,
hideLabel: !0,
ariaLabel: t()
}, null, 8, ["question", "item", "ariaLabel"])) : m("", !0)
]),
_: 1
}, 8, ["is", "componentData"])) : m("", !0),
q.cell.isOtherChoice ? (i(), c(d, {
key: 3,
is: "survey-other-choice",
question: q.cell.question,
item: q.cell.question.otherItem
}, null, 8, ["question", "item"])) : m("", !0)
], 2)), [
[N, o.value]
]) : m("", !0),
q.cell.hasTitle ? (i(), c(d, {
key: 6,
is: q.question.getCellWrapperComponentName(q.cell),
componentData: q.question.getCellWrapperComponentData(q.cell)
}, {
default: A(() => [
q.cell.hasTitle ? (i(), c(d, {
key: 0,
is: "survey-string",
locString: q.cell.locTitle
}, null, 8, ["locString"])) : m("", !0),
q.cell.requiredMark ? (i(), a("span", {
key: 1,
class: l(q.question.cssClasses.cellRequiredMark)
}, S(q.cell.requiredMark), 3)) : m("", !0)
]),
_: 1
}, 8, ["is", "componentData"])) : m("", !0)
], 46, it)) : m("", !0);
}
}), lt = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "MatrixDynamic",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
return $(e, o), (s, n) => (i(), a("div", {
ref_key: "root",
ref: o
}, [
s.question.getShowToolbar("top") ? (i(), a("div", {
key: 0,
class: l(s.question.cssClasses.footer)
}, [
g(d, {
is: "sv-action-bar",
model: s.question.toolbar
}, null, 8, ["model"])
], 2)) : m("", !0),
s.question.renderedTable.showTable ? (i(), c(d, {
key: 1,
is: "survey-matrixtable",
question: s.question
}, null, 8, ["question"])) : (i(), c(d, {
key: 2,
is: "survey-placeholder-matrixdynamic",
question: s.question
}, null, 8, ["question"])),
s.question.getShowToolbar("bottom") ? (i(), a("div", {
key: 3,
class: l(s.question.cssClasses.footer)
}, [
g(d, {
is: "sv-action-bar",
model: s.question.toolbar
}, null, 8, ["model"])
], 2)) : m("", !0)
], 512));
}
}), at = /* @__PURE__ */ y({
__name: "MatrixDynamicPlaceholder",
props: {
question: {}
},
setup(u) {
return (e, o) => (i(), a("div", {
class: l(e.question.cssClasses.noRowsSection)
}, [
v("div", {
class: l(e.question.cssClasses.noRowsText)
}, [
g(d, {
is: "survey-string",
locString: e.question.locNoRowsText
}, null, 8, ["locString"])
], 2),
e.question.isDesignMode ? m("", !0) : (i(), c(d, {
key: 0,
is: "sv-action-bar",
model: e.question.toolbar
}, null, 8, ["model"]))
], 2));
}
});
function ut(u, e = !0) {
return {
question: w(() => u.item.data.question),
row: e ? w(() => u.item.data.row) : void 0
};
}
const dt = ["xlink:href"], mt = /* @__PURE__ */ y({
__name: "DragDropIcon",
props: {
item: {}
},
setup(u) {
const e = u, { question: o, row: s } = ut(e, !0);
return (n, t) => (i(), a("div", {
onPointerdown: t[0] || (t[0] = (r) => T(o).onPointerDown(r, T(s)))
}, [
T(o).iconDragElement ? (i(), a("svg", {
key: 0,
class: l(T(o).cssClasses.dragElementDecorator)
}, [
v("use", {
"xlink:href": T(o).iconDragElement
}, null, 8, dt)
], 2)) : (i(), a("span", {
key: 1,
class: l(T(o).cssClasses.iconDrag)
}, null, 2))
], 32));
}
}), pt = ["aria-label"], vt = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "PanelDynamic",
props: {
question: {},
css: {}
},
setup(u) {
const e = u, o = L(null);
$(
e,
o
);
const s = (t) => {
const r = e.question.getSurvey();
if (r) {
const p = r.getElementWrapperComponentName(t);
if (p)
return p;
}
return "panel";
}, n = (t) => {
const r = e.question.getSurvey();
let p;
return r && (p = r.getElementWrapperComponentData(t)), {
componentName: "survey-panel",
componentData: {
element: t,
data: p
}
};
};
return (t, r) => (i(), a("div", {
class: l(t.question.cssClasses.root),
ref_key: "root",
ref: o
}, [
t.question.hasTabbedMenu ? (i(), a("div", {
key: 0,
class: l(t.question.getTabsContainerCss())
}, [
g(d, {
is: "sv-action-bar",
model: t.question.tabbedMenu
}, null, 8, ["model"])
], 2)) : m("", !0),
t.question.getShowNoEntriesPlaceholder() ? (i(), c(d, {
key: 1,
is: "survey-placeholder-paneldynamic",
question: t.question
}, null, 8, ["question"])) : m("", !0),
t.question.isProgressTopShowing && t.question.isRangeShowing ? (i(), a("div", {
key: 2,
class: l(t.question.cssClasses.progress)
}, [
v("div", {
class: l(t.question.cssClasses.progressBar),
style: f({ width: t.question.progress }),
role: "progressbar",
"aria-label": t.question.progressBarAriaLabel
}, null, 14, pt)
], 2)) : m("", !0),
v("div", {
class: l(t.question.cssClasses.panelsContainer)
}, [
(i(!0), a(k, null, M(t.question.renderedPanels, (p, C) => (i(), a(k, {
key: p.id
}, [
v("div", {
class: l(t.question.getPanelWrapperCss(p))
}, [
g(d, B({
is: s(p)
}, n(p)), null, 16, ["is"]),
t.question.canRenderRemovePanelOnRight(p) ? (i(), c(d, {
key: 0,
is: "sv-action",
item: t.question.getRemovePanelAction(p)
}, null, 8, ["item"])) : m("", !0)
], 2),
t.question.isRenderModeList && C < t.question.visiblePanelCount - 1 ? (i(), a("hr", {
class: l(t.question.cssClasses.separator),
key: "separator" + p.id
}, null, 2)) : m("", !0)
], 64))), 128))
], 2),
t.question.showNavigation ? (i(), c(d, {
key: 3,
is: "survey-paneldynamicprogress",
question: t.question
}, null, 8, ["question"])) : m("", !0)
], 2));
}
}), ct = ["aria-label"], Ct = /* @__PURE__ */ y({
__name: "PanelDynamicProgress",
props: {
question: {}
},
setup(u) {
return (e, o) => e.question.isRangeShowing && e.question.isProgressBottomShowing || e.question.showFooterToolbar ? (i(), a("div", {
key: 0,
class: l(e.question.cssClasses.footer)
}, [
v("hr", {
class: l(e.question.cssClasses.separator)
}, null, 2),
e.question.isRangeShowing && e.question.isProgressBottomShowing ? (i(), a("div", {
key: 0,
class: l(e.question.cssClasses.progress)
}, [
v("div", {
class: l(e.question.cssClasses.progressBar),
style: f({ width: e.question.progress }),
role: "progressbar",
"aria-label": e.question.progressBarAriaLabel
}, null, 14, ct)
], 2)) : m("", !0),
e.question.showFooterToolbar ? (i(), a("div", {
key: 1,
class: l(e.question.cssClasses.footerButtonsContainer)
}, [
g(d, {
is: "sv-action-bar",
model: e.question.footerToolbar
}, null, 8, ["model"])
], 2)) : m("", !0)
], 2)) : m("", !0);
}
}), gt = /* @__PURE__ */ y({
__name: "PanelDynamicPlaceholder",
props: {
question: {}
},
setup(u) {
return (e, o) => (i(), a("div", {
class: l(e.question.cssClasses.noEntriesPlaceholder)
}, [
v("span", null, [
g(d, {
is: "survey-string",
locString: e.question.locNoEntriesText
}, null, 8, ["locString"])
]),
g(d, {
is: "sv-action-bar",
model: e.question.footerToolbar
}, null, 8, ["model"])
], 2));
}
});
function yt(u) {
return w(
() => u.item && u.item.data.question || u.data.question
);
}
const qt = /* @__PURE__ */ y({
__name: "PaneldynamicProgressText",
props: {
item: {},
data: {}
},
setup(u) {
const o = yt(u);
return (s, n) => (i(), a("div", {
class: l(T(o).cssClasses.progressText)
}, S(T(o).progressText), 3));
}
}), ht = ["id"], bt = /* @__PURE__ */ y({
__name: "Errors",
props: {
element: {},
location: {}
},
setup(u) {
const e = L();
return (o, s) => o.element.hasVisibleErrors ? (i(), a("div", {
key: 0,
class: l(o.element.cssError),
id: o.element.id + "_errors",
role: "alert",
"aria-live": "polite",
"aria-atomic": "true",
ref_key: "root",
ref: e
}, [
(i(!0), a(k, null, M(o.element.renderedErrors, (n, t) => (i(), c(d, {
is: o.element.survey.questionErrorComponent,
element: o.element,
key: t,
error: n,
cssClasses: o.element.cssClasses
}, null, 8, ["is", "element", "error", "cssClasses"]))), 128))
], 10, ht)) : m("", !0);
}
}), wt = { key: 0 }, kt = /* @__PURE__ */ y({
__name: "QuestionComment",
props: {
question: {}
},
setup(u) {
return (e, o) => e.question.isReadOnlyRenderDiv() ? (i(), a("div", wt, S(e.question.comment), 1)) : (i(), c(d, {
key: 1,
is: "sv-text-area",
model: e.question.commentTextAreaModel
}, null, 8, ["model"]));
}
}), ft = /* @__PURE__ */ y({
__name: "TitleElement",
props: {
element: {},
renderActions: {},
css: {}
},
setup(u) {
const e = u, o = w(() => e.element.hasTitleActions && e.renderActions !== !1), s = (n) => {
we(n);
};
return (n, t) => n.element.hasTitle ? (i(), c(J(n.element.titleTagName), {
key: 0,
class: l(n.element.cssTitle),
"aria-label": n.element.titleAriaLabel,
id: n.element.ariaTitleId,
tabindex: n.element.titleTabIndex,
"aria-expanded": n.element.titleAriaExpanded,
role: n.element.titleAriaRole,
onKeyup: t[0] || (t[0] = (r) => {
s(r);
})
}, {
default: A(() => [
n.element.showTitleExpandableSvg ? (i(), a("span", {
key: 0,
class: l(n.element.getCssTitleExpandableSvgContainer())
}, [
g(d, {
is: "sv-svg-icon",
class: l(n.element.getCssTitleExpandableSvg()),
iconName: n.element.titleExpandableSvgIconName,
size: "'auto'"
}, null, 8, ["class", "iconName"])
], 2)) : m("", !0),
n.element.hasTitleActions ? m("", !0) : (i(), c(d, {
key: 1,
is: "survey-element-title-content",
element: n.element,
css: n.css
}, null, 8, ["element", "css"])),
o.value ? (i(), c(d, {
key: 2,
is: "sv-title-actions",
element: n.element,
css: n.css
}, null, 8, ["element", "css"])) : m("", !0)
]),
_: 1
}, 40, ["class", "aria-label", "id", "tabindex", "aria-expanded", "role"])) : m("", !0);
}
}), Lt = { key: 2 }, It = { key: 4 }, St = { key: 6 }, Rt = { key: 8 }, Mt = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "TitleContent",
props: {
element: {},
css: {}
},
setup(u) {
return (e, o) => (i(), a(k, null, [
e.element.isTitleRenderedAsString ? (i(), c(d, {
key: 0,
is: "survey-string",
locString: e.element.locRenderedTitle
}, null, 8, ["locString"])) : m("", !0),
!e.element.isTitleRenderedAsString && e.element.isRequireTextOnStart ? (i(), a("span", {
key: 1,
class: l(e.element.cssRequiredMark),
"aria-hidden": !0
}, S(e.element.requiredMark), 3)) : m("", !0),
!e.element.isTitleRenderedAsString && e.element.isRequireTextOnStart ? (i(), a("span", Lt, " ")) : m("", !0),
!e.element.isTitleRenderedAsString && e.element.no ? (i(), a("span", {
key: 3,
style: { position: "static" },
class: l(e.element.cssTitleNumber),
"aria-hidden": !0
}, S(e.element.no), 3)) : m("", !0),
!e.element.isTitleRenderedAsString && e.element.no ? (i(), a("span", It, " ")) : m("", !0),
!e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), a("span", {
key: 5,
class: l(e.element.cssRequiredMark),
"aria-hidden": !0
}, S(e.element.requiredMark), 3)) : m("", !0),
!e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), a("span", St, " ")) : m("", !0),
e.element.isTitleRenderedAsString ? m("", !0) : (i(), c(d, {
key: 7,
is: "survey-string",
locString: e.element.locRenderedTitle
}, null, 8, ["locString"])),
!e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), a("span", Rt, " ")) : m("", !0),
!e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), a("span", {
key: 9,
class: l(e.element.cssRequiredMark),
"aria-hidden": !0
}, S(e.element.requiredMark), 3)) : m("", !0)
], 64));
}
}), Tt = { class: "sv-title-actions" }, $t = { class: "sv-title-actions__title" }, Ht = /* @__PURE__ */ y({
__name: "TitleActions",
props: {
element: {},
css: {}
},
setup(u) {
const e = u, o = w(() => e.element.getTitleToolbar());
return (s, n) => (i(), a("div", Tt, [
v("span", $t, [
s.element.isPage ? (i(), c(d, {
key: 0,
is: "survey-string",
locString: s.element.locTitle
}, null, 8, ["locString"])) : m("", !0),
s.element.isPage ? m("", !0) : (i(), c(d, {
key: 1,
is: "survey-element-title-content",
element: s.element,
css: s.css
}, null, 8, ["element", "css"]))
]),
g(d, {
is: "sv-action-bar",
model: o.value
}, null, 8, ["model"])
]));
}
}), Dt = (u, e) => {
const o = u.__vccOpts || u;
for (const [s, n] of e)
o[s] = n;
return o;
}, Vt = {}, Bt = { class: "sv-brand-info" }, At = /* @__PURE__ */ Ze('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&utm_medium=online_survey_tool&utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&utm_medium=online_survey_tool&utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use & Privacy Statement</a></div>', 3), Nt = [
At
];
function Zt(u, e) {
return i(), a("div", Bt, Nt);
}
const Pt = /* @__PURE__ */ Dt(Vt, [["render", Zt]]), Et = /* @__PURE__ */ v("use", null, null, -1), Wt = [
Et
], Ft = /* @__PURE__ */ y({
__name: "SvgIcon",
props: {
size: {},
width: {},
height: {},
iconName: {},
title: {},
className: {},
css: {}
},
setup(u) {
const e = u, o = L(), s = () => {
Ke(
e.size,
e.width,
e.height,
e.iconName,
o.value,
e.title
);
}, n = w(() => e.css || "sv-svg-icon" + (e.className ? " " + e.className : ""));
return W(() => {
s();
}), H(() => {
s();
}), (t, r) => (i(), a("svg", {
ref_key: "svgIconElement",
ref: o,
class: l(n.value),
role: "presentation"
}, Wt, 2));
}
}), Ot = /* @__PURE__ */ y({
__name: "QuestionError",
props: {
error: {},
cssClasses: {},
element: {}
},
setup(u) {
return (e, o) => (i(), a("div", null, [
v("span", {
class: l(
e.cssClasses ? e.cssClasses.error.icon || void 0 : "panel-error-icon"
),
"aria-hidden": "true"
}, null, 2),
v("span", {
class: l(
e.cssClasses ? e.cssClasses.error.item || void 0 : "panel-error-item"
)
}, [
g(d, {
is: "survey-string",
locString: e.error.locText
}, null, 8, ["locString"])
], 2)
]));
}
}), zt = /* @__PURE__ */ y({
__name: "ActionBar",
props: {
model: {},
container: {},
handleClick: { type: Boolean, default: !0 }
},
setup(u) {
const e = u, o = L(null), s = (t) => {
e.handleClick && t.stopPropagation();
};
R(() => e.model, void 0, (t) => {
t.resetResponsivityManager();
});
function n() {
e.model.hasVisibleActions && e.model.initResponsivityManager(o.value);
}
return W(() => {
n();
}), H(() => {
n();
}), (t, r) => t.model.hasActions ? (i(), a("div", {
key: 0,
ref_key: "root",
ref: o,
style: f(t.model.getRootStyle()),
class: l(t.model.getRootCss()),
onClick: s
}, [
(i(!0), a(k, null, M(t.model.renderedActions, (p) => (i(), c(d, {
is: "sv-action",
key: p.uniqueId,
item: p
}, null, 8, ["item"]))), 128))
], 6)) : m("", !0);
}
}), Ut = ["id"], Qt = /* @__PURE__ */ y({
__name: "Action",
props: {
item: {}
},
setup(u) {
const e = L(), o = u, s = w(
() => o.item.component || "sv-action-bar-item"
);
return R(() => o.item), H(() => {
const n = o.item;
n.updateModeCallback = (t, r) => {
n.mode = t, he(() => {
r(t, e.value);
});
}, n.afterRender();
}), Z(() => {
const n = o.item;
n.updateModeCallback = void 0;
}), (n, t) => (i(), a("div", {
class: l(n.item.getActionRootCss()),
id: n.item.renderedId,
ref_key: "root",
ref: e
}, [
v("div", {
class: l(n.item.getActionRootContentCss())
}, [
n.item.needSeparator ? (i(), c(d, {
key: 0,
is: "sv-action-bar-separator"
})) : m("", !0),
g(d, {
is: s.value,
item: n.item
}, null, 8, ["is", "item"])
], 2)
], 10, Ut));
}
}), Kt = ["disabled", "title", "aria-checked", "aria-expanded", "aria-controls", "aria-labelledby", "role"], jt = {
inheritAttrs: !1
}, Gt = /* @__PURE__ */ y({
...jt,
__name: "ActionBarItem",
props: {
item: {}
},
setup(u) {
const e = u, o = L();
return R(() => e.item), H(() => {
e.item.setInputElement(o.value);
}), Q(() => {
e.item.setInputElement(void 0);
}), (s, n) => D((i(), a("button", {
ref_key: "root",
ref: o,
class: l(s.item.getActionBarItemCss()),
type: "button",
onClick: n[0] || (n[0] = (t) => {
s.item.doAction(t);
}),
onKeyup: n[1] || (n[1] = (t) => {
t.stopPropagation();
}),
onMousedown: n[2] || (n[2] = (t) => {
s.item.doMouseDown(t);
}),
onFocus: n[3] || (n[3] = (t) => {
s.item.doFocus(t);
}),
disabled: s.item.disabled,
title: s.item.getTooltip(),
"aria-checked": s.item.ariaChecked,
"aria-expanded": s.item.ariaExpanded,
"aria-controls": s.item.ariaControls,
"aria-labelledby": s.item.ariaLabelledBy,
role: s.item.ariaRole
}, [
s.item.iconName ? (i(), c(d, {
key: 0,
is: "sv-svg-icon",
class: l(s.item.cssClasses.itemIcon),
iconName: s.item.iconName,
size: s.item.iconSize,
title: s.item.tooltip || s.item.title
}, null, 8, ["class", "iconName", "size", "title"])) : m("", !0),
s.item.hasTitle ? (i(), c(_, {
key: 1,
model: s.item.locTitle,
textClass: s.item.getActionBarItemTitleCss()
}, null, 8, ["model", "textClass"])) : m("", !0)
], 42, Kt)), [
[T(F), { processEsc: !1, disableTabStop: s.item.disableTabStop }]
]);
}
}), Jt = ["disabled", "title", "role"], Xt = {
inheritAttrs: !1
}, Yt = /* @__PURE__ */ y({
...Xt,
__name: "ActionBarItemDropdown",
props: {
item: {}
},
setup(u) {
const e = u;
let o;
return R(
() => e.item,
(s) => {
o = new je(s);
},
() => {
o.dispose();
}
), (s, n) => (i(), a(k, null, [
D((i(), a("button", {
type: "button",
class: l(s.item.getActionBarItemCss()),
onClick: n[0] || (n[0] = (t) => {
s.item.doAction(t);
}),
onKeyup: n[1] || (n[1] = (t) => {
t.stopPropagation();
}),
disabled: s.item.disabled,
title: s.item.getTooltip(),
role: s.item.ariaRole
}, [
s.item.iconName ? (i(), c(d, {
key: 0,
is: "sv-svg-icon",
class: l(s.item.cssClasses.itemIcon),
iconName: s.item.iconName,
size: s.item.iconSize,
title: s.item.tooltip || s.item.title
}, null, 8, ["class", "iconName", "size", "title"])) : m("", !0),
s.item.hasTitle ? (i(), c(_, {
key: 1,
model: s.item.locTitle,
textClass: s.item.getActionBarItemTitleCss()
}, null, 8, ["model", "textClass"])) : m("", !0)
], 42, Jt)), [
[T(F), { processEsc: !1, disableTabStop: s.item.disableTabStop }]
]),
g(d, {
is: "sv-popup",
model: s.item.popupModel
}, null, 8, ["model"])
], 64));
}
}), _t = /* @__PURE__ */ y({
__name: "ActionBarSeparator",
props: {
item: {}
},
setup(u) {
const e = u, o = w(() => e.item && e.item.innerCss);
return (s, n) => (i(), a("div", {
class: l(["sd-action-bar__separator", o.value])
}, null, 2));
}
}), xt = ["aria-label", "placeholder", "value"], ei = ["aria-label"], si = ["role", "aria-label", "id"], ni = /* @__PURE__ */ y({
__name: "List",
props: {
model: {}
},
setup(u) {
const e = u, o = L(null), s = (r) => {
const p = e.model;
p.filterString = r.target.value;
}, n = (r) => {
const p = e.model;
p.filterString = r.target.value, e.model.goToItems(r);
}, t = (r) => {
e.model.onMouseMove(r);
};
return R(() => e.model), H(() => {
e.model.initListContainerHtmlElement(o.value);
}), Z(() => {
e.model && (e.model.removeScrollEventListener(), e.model.initListContainerHtmlElement(void 0));
}), (r, p) => (i(), a("div", {
class: l(r.model.cssClasses.root),
ref_key: "listContainerElement",
ref: o
}, [
r.model.showFilter ? (i(), a("div", {
key: 0,
class: l(r.model.cssClasses.filter)
}, [
v("div", {
class: l(r.model.cssClasses.filterBox)
}, [
v("div", {
class: l(r.model.cssClasses.filterIcon)
}, [
g(d, {
is: "sv-svg-icon",
iconName: "icon-search",
size: "auto"
})
], 2),
v("input", {
type: "text",
class: l(r.model.cssClasses.filterInput),
"aria-label": r.model.filterStringPlaceholder,
placeholder: r.model.filterStringPlaceholder,
value: r.model.filterString,
onChange: s,
onKeyup: n
}, null, 42, xt),
r.model.showSearchClearButton && r.model.filterString ? (i(), a("button", {
key: 0,
onClick: p[0] || (p[0] = (C) => {
r.model.onClickSearchClearButton(C);
}),
class: l(r.model.cssClasses.searchClearButtonIcon)
}, [
g(d, {
is: "sv-svg-icon",
iconName: "icon-searchclear",
size: "auto"
})
], 2)) : m("", !0)
], 2)
], 2)) : m("", !0),
D(v("div", {
class: l(r.model.cssClasses.emptyContainer)
}, [
v("div", {
class: l(r.model.cssClasses.emptyText),
"aria-label": r.model.emptyMessage
}, S(r.model.emptyMessage), 11, ei)
], 2), [
[N, r.model.isEmpty]
]),
r.model.renderElements ? D((i(), a("ul", {
key: 1,
class: l(r.model.getListClass()),
role: r.model.listRole,
"aria-label": r.model.a11ya11y_input_ariaLabel,
id: r.model.elementId,
onMousedown: p[1] || (p[1] = (C) => {
C.preventDefault();
}),
onMousemove: t,
onKeydown: p[2] || (p[2] = (C) => {
r.model.onKeyDown(C);
})
}, [
(i(!0), a(k, null, M(r.model.renderedActions, (C) => (i(), c(d, {
is: "sv-list-item",
item: C,
model: r.model,
key: C.id
}, null, 8, ["item", "model"]))), 128))
], 42, si)), [
[N, !r.model.isEmpty]
]) : m("", !0)
], 2));
}
}), oi = ["role", "aria-selected", "aria-checked", "id", "tabindex"], ti = ["title"], ii = /* @__PURE__ */ y({
__name: "ListItem",
props: {
model: {},
item: {}
},
setup(u) {
const e = u, o = L(null), s = w(() => e.item.elementId), n = (r) => {
e.model.onItemClick(e.item), r.stopPropagation();
};
R(() => e.item);
const t = w(
() => e.item.component || e.model.itemComponent
);
return H(() => {
setTimeout(() => {
e.model.onItemRended(e.item, o.value);
});
}), (r, p) => {
var C, b;
return D((i(), a("li", {
role: r.model.listItemRole,
"aria-selected": r.model.getA11yItemAriaSelected(r.item),
"aria-checked": r.model.getA11yItemAriaChecked(r.item),
key: r.item.id,
id: s.value,
ref_key: "elementRef",
ref: o,
onPointerdown: p[2] || (p[2] = (q) => r.model.onPointerDown(q, r.item)),
class: l(r.model.getItemClass(r.item)),
onClick: n,
tabindex: r.item.disableTabStop ? -1 : 0
}, [
r.item.needSeparator ? (i(), a("div", {
key: 0,
class: l(r.model.cssClasses.itemSeparator)
}, null, 2)) : m("", !0),
v("div", {
style: f(r.model.getItemStyle(r.item)),
class: l(r.model.cssClasses.itemBody),
title: r.item.getTooltip(),
onMouseover: p[0] || (p[0] = (q) => r.model.onItemHover(r.item)),
onMouseleave: p[1] || (p[1] = (q) => r.model.onItemLeave(r.item))
}, [
g(d, {
is: t.value,
item: r.item,
model: r.model,
itemData: r.item.data,
survey: (C = r.item.data) == null ? void 0 : C.survey,
page: (b = r.item.data) == null ? void 0 : b.page
}, null, 8, ["is", "item", "model", "itemData", "survey", "page"])
], 46, ti)
], 42, oi)), [
[N, r.model.isItemVisible(r.item)],
[T(F), { processEsc: !1, disableTabStop: r.item.disableTabStop }]
]);
};
}
}), ri = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "ListItemContent",
props: {
model: {},
item: {}
},
setup(u) {
const e = u;
return R(() => e.item), (o, s) => (i(), a(k, null, [
o.item.iconName ? (i(), c(d, {
key: 0,
is: "sv-svg-icon",
class: l(o.model.cssClasses.itemIcon),
iconName: o.item.iconName,
size: o.item.iconSize
}, null, 8, ["class", "iconName", "size"])) : m("", !0),
g(d, {
is: "survey-string",
locString: o.item.locTitle
}, null, 8, ["locString"]),
o.item.markerIconName ? (i(), c(d, {
key: 1,
is: "sv-svg-icon",
class: l(o.item.cssClasses.itemMarkerIcon),
iconName: o.item.markerIconName,
size: "auto"
}, null, 8, ["class", "iconName"])) : m("", !0)
], 64));
}
}), li = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "ListItemGroup",
props: {
model: {},
item: {}
},
setup(u) {
const e = u;
return R(() => e.item), (o, s) => (i(), a(k, null, [
g(d, {
is: "sv-list-item-content",
item: o.item,
model: o.model
}, null, 8, ["item", "model"]),
g(d, {
is: "sv-popup",
model: o.item.popupModel
}, null, 8, ["model"])
], 64));
}
}), ai = /* @__PURE__ */ y({
__name: "Popup",
props: {
model: {}
},
setup(u) {
const e = u, o = te(), s = L(null), n = () => {
const t = s.value;
t && o.value.setComponentElement(t);
};
return E(
() => e.model,
(t) => {
o.value && o.value.dispose(), o.value = Ge(t), n();
},
{ immediate: !0 }
), R(() => o.value), H(() => {
n();
}), Z(() => {
o.value.dispose();
}), (t, r) => (i(), a("div", {
ref_key: "root",
ref: s
}, [
g(d, {
is: "sv-popup-container",
model: o.value
}, null, 8, ["model"])
], 512));
}
}), ui = { class: "sv-popup__body-content" }, di = {
key: 0,
class: "sv-popup__body-header"
}, mi = { class: "sv-popup__scrolling-content" }, pi = { class: "sv-popup__content" }, vi = {
key: 1,
class: "sv-popup__body-footer"
}, ci = /* @__PURE__ */ y({
__name: "PopupContainer",
props: {
model: {}
},
setup(u) {
const e = u, o = (s) => {
s.stopPropagation();
};
return R(() => e.model), W(() => {
const s = e.model;
s.isVisible && !s.isPositionSet && e.model.updateOnShowing();
}), H(() => {
e.model.isVisible && e.model.updateOnShowing();
}), (s, n) => D((i(), a("div", {
tabindex: "-1",
class: l(["sv-popup", s.model.styleClass]),
onKeydown: n[0] || (n[0] = (t) => {
s.model.onKeyDown(t);
}),
onFocusout: n[1] || (n[1] = (t) => {
s.model.blur(t);
}),
onClick: n[2] || (n[2] = (t) => {
s.model.clickOutside(t);
})
}, [
v("div", {
class: "sv-popup__container",
style: f({
left: s.model.left,
top: s.model.top,
height: s.model.height,
width: s.model.width,
minWidth: s.model.minWidth
}),
onClick: o
}, [
s.model.showHeader ? (i(), c(d, {
key: 0,
is: s.model.popupHeaderTemplate,
model: s.model
}, null, 8, ["is", "model"])) : m("", !0),
v("div", ui, [
s.model.title ? (i(), a("div", di, S(s.model.title), 1)) : m("", !0),
v("div", mi, [
v("div", pi, [
g(d, B({
is: s.model.contentComponentName
}, s.model.contentComponentData), null, 16, ["is"])
])
]),
s.model.showFooter ? (i(), a("div", vi, [
g(d, {
is: "sv-action-bar",
model: s.model.footerToolbar
}, null, 8, ["model"])
])) : m("", !0)
])
], 4)
], 34)), [
[N, s.model.isVisible]
]);
}
}), Ci = /* @__PURE__ */ y({
__name: "PopupPointer",
props: {
model: {}
},
setup(u) {
return (e, o) => e.model.showHeader ? (i(), a("span", {
key: 0,
class: "sv-popup__pointer",
style: f({
left: e.model.pointerTarget.left,
top: e.model.pointerTarget.top
})
}, null, 4)) : m("", !0);
}
}), gi = /* @__PURE__ */ y({
__name: "PopupCloseButton",
props: {
model: {}
},
setup(u) {
return (e, o) => (i(), a("button", {
tabindex: "-1",
class: "sv-popup__close-button sd-action sd-action--icon",
onClick: o[0] || (o[0] = (s) => e.model.clickClose())
}, [
g(d, {
class: "sv-popup__close-button-icon",
is: "sv-svg-icon",
iconName: "icon-close-24x24",
size: "auto"
})
]));
}
}), yi = /* @__PURE__ */ y({
__name: "Container",
props: {
survey: {},
container: {},
needRenderWrapper: {}
},
setup(u) {
const e = u, o = w(
() => e.survey.getContainerContent(e.container)
);
return (s, n) => o.value.length > 0 ? (i(), a(k, { key: 0 }, [
s.needRenderWrapper ? (i(), a("div", {
key: 0,
class: l(["sv-components-column", "sv-components-container-" + s.container])
}, [
(i(!0), a(k, null, M(o.value, (t) => (i(), c(d, {
key: t.id,
is: t.component,
survey: s.survey,
container: s.container,
model: t.data
}, null, 8, ["is", "survey", "container", "model"]))), 128))
], 2)) : (i(!0), a(k, { key: 1 }, M(o.value, (t) => (i(), c(d, {
key: t.id,
is: t.component,
survey: s.survey,
container: s.container,
model: t.data
}, null, 8, ["is", "survey", "container", "model"]))), 128))
], 64)) : m("", !0);
}
}), qi = ["aria-label"], j = /* @__PURE__ */ y({
__name: "Progress",
props: {
model: {},
container: {},
css: {}
},
setup(u) {
const e = u;
R(() => e.model);
const o = w(() => e.model.progressValue + "%"), s = (t) => ve.getProgressTextInBarCss(t), n = (t) => ve.getProgressTextUnderBarCss(t);
return (t, r) => (i(), a("div", {
class: l(t.model.getProgressCssClasses(t.container))
}, [
v("div", {
class: l(t.model.css.progressBar),
style: f({ width: o.value }),
role: "progressbar",
"aria-valuemin": "0",
"aria-valuemax": "100",
"aria-label": t.model.progressBarAriaLabel
}, [
v("span", {
class: l(s(t.model.css))
}, S(t.model.progressText), 3)
], 14, qi),
v("span", {
class: l(n(t.model.css))
}, S(t.model.progressText), 3)
], 2));
}
}), hi = ["aria-label"], bi = ["data-page-number"], wi = ["title", "onClick"], ki = ["title", "onClick"], fi = ["onClick", "aria-selected", "aria-label", "tabindex", "data-page-index"], Li = ["xlink:href"], Ii = /* @__PURE__ */ y({
__name: "ProgressButtons",
props: {
survey: {},
model: {},
container: {}
},
setup(u) {
const e = u;
R(() => e.model);
const o = w(() => e.survey.css);
return (s, n) => (i(), a("div", {
class: l(s.model.getRootCss(s.container)),
style: f({ maxWidth: s.model.progressWidth }),
role: "tablist",
"aria-label": s.model.progressBarAriaLabel,
onKeydown: n[0] || (n[0] = (t) => s.model.onKeyDown(t))
}, [
v("div", {
class: l(o.value.progressButtonsContainer),
role: "presentation"
}, [
v("div", {
class: l(o.value.progressButtonsListContainer),
role: "presentation"
}, [
v("ul", {
class: l(o.value.progressButtonsList),
role: "presentation"
}, [
(i(!0), a(k, null, M(s.model.visiblePages, (t, r) => (i(), a("li", {
key: "listelement" + t.uniqueId,
class: l(s.model.getListElementCss(r)),
"data-page-number": s.model.getItemNumber(t),
role: "presentation"
}, [
s.model.showItemTitles ? (i(), a("div", {
key: 0,
class: l(o.value.progressButtonsPageTitle),
title: t.renderedNavigationTitle,
onClick: (p) => s.model.isListElementClickable(r) ? s.model.clickListElement(t) : null
}, [
g(d, {
is: "survey-string",
locString: t.locNavigationTitle
}, null, 8, ["locString"])
], 10, wi)) : m("", !0),
s.model.showItemDescriptions ? (i(), a("div", {
key: 1,
class: l(o.value.progressButtonsPageDescription),
title: t.navigationDescription,
onClick: (p) => s.model.isListElementClickable(r) ? s.model.clickListElement(t) : null
}, S(t.navigationDescription), 11, ki)) : m("", !0),
v("button", {
class: l(o.value.progressButtonsButton),
onClick: (p) => s.model.isListElementClickable(r) ? s.model.clickListElement(t) : void 0,
role: "tab",
type: "button",
"aria-selected": s.model.isPageSelected(r),
"aria-label": s.model.getButtonAriaLabel(t),
tabindex: s.model.getTabIndex(r),
"data-page-index": r
}, [
s.model.showItemNumbers ? (i(), a(k, { key: 0 }, [
se(S(s.model.getItemNumber(t)), 1)
], 64)) : s.model.isListElementPassed(r) ? (i(), a("svg", {
key: 1,
class: l(o.value.progressButtonsCheckIcon)
}, [
v("use", {
"xlink:href": "#icon-" + o.value.progressButtonsCheckIconId
}, null, 8, Li)
], 2)) : (i(), a("div", {
key: 2,
class: l(o.value.progressButtonsDot)
}, null, 2))
], 10, fi)
], 10, bi))), 128))
], 2)
], 2)
], 2)
], 46, hi));
}
}), Si = /* @__PURE__ */ y({
__name: "ProgressToc",
props: {
survey: {},
model: {}
},
setup(u) {
const e = u;
return H(() => {
e.model.updateStickyTOCSize(e.survey.rootElement);
}), (o, s) => (i(), a("div", {
class: l(o.model.containerCss)
}, [
o.model.isMobile ? D((i(), a("div", {
key: 0,
onClick: s[0] || (s[0] = //@ts-ignore
(...n) => o.model.togglePopup && o.model.togglePopup(...n))
}, [
g(d, {
is: "sv-svg-icon",
iconName: o.model.icon,
size: 24
}, null, 8, ["iconName"]),
g(d, {
is: "sv-popup",
model: o.model.popupModel
}, null, 8, ["model"])
])), [
[T(F)]
]) : (i(), c(d, {
key: 1,
is: "sv-list",
model: o.model.listModel
}, null, 8, ["model"]))
], 2));
}
});
var Ri = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><polygon points="19,10 14,10 14,5 10,5 10,10 5,10 5,14 10,14 10,19 14,19 14,14 19,14 "/></svg>', Mi = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M22,0H2C0.9,0,0,0.9,0,2v20c0,1.1,0.9,2,2,2h20c1.1,0,2-0.9,2-2V2C24,0.9,23.1,0,22,0z M21,18L6,3h15V18z M3,6l15,15H3V6z"/></svg>', Ti = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><rect x="5" y="10" width="14" height="4"/></svg>', $i = '<svg viewBox="0 0 24 24"><path d="M5,13l2-2l3,3l7-7l2,2l-9,9L5,13z"/></svg>', Hi = '<svg viewBox="-12 -12 24 24"><circle r="6" cx="0" cy="0"/></svg>', Di = '<svg viewBox="0 0 10 10"><polygon points="2,2 0,4 5,9 10,4 8,2 5,5 "/></svg>', Vi = '<svg viewBox="0 0 16 16"><path d="M8,2C4.7,2,2,4.7,2,8s2.7,6,6,6s6-2.7,6-6S11.3,2,8,2z M11,10l-1,1L8,9l-2,2l-1-1l2-2L5,6l1-1l2,2l2-2l1,1L9,8 L11,10z"/></svg>', Bi = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 160 160"><circle cx="80" cy="80" r="70" style="stroke:var(--sd-timer-stroke-background-color);stroke-width:var(--sd-timer-stroke-background-width)" stroke-dasharray="none" stroke-dashoffset="none"/><circle cx="80" cy="80" r="70"/></svg>', Ai = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15.75 12C15.75 12.41 15.41 12.75 15 12.75H12.75V15C12.75 15.41 12.41 15.75 12 15.75C11.59 15.75 11.25 15.41 11.25 15V12.75H9C8.59 12.75 8.25 12.41 8.25 12C8.25 11.59 8.59 11.25 9 11.25H11.25V9C11.25 8.59 11.59 8.25 12 8.25C12.41 8.25 12.75 8.59 12.75 9V11.25H15C15.41 11.25 15.75 11.59 15.75 12ZM21.75 12C21.75 17.38 17.38 21.75 12 21.75C6.62 21.75 2.25 17.38 2.25 12C2.25 6.62 6.62 2.25 12 2.25C17.38 2.25 21.75 6.62 21.75 12ZM20.25 12C20.25 7.45 16.55 3.75 12 3.75C7.45 3.75 3.75 7.45 3.75 12C3.75 16.55 7.45 20.25 12 20.25C16.55 20.25 20.25 16.55 20.25 12Z"/></svg>', Ni = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.7475 7.9975C14.7475 8.4075 14.4075 8.7475 13.9975 8.7475H3.8075L7.5275 12.4675C7.8175 12.7575 7.8175 13.2375 7.5275 13.5275C7.3775 13.6775 7.1875 13.7475 6.9975 13.7475C6.8075 13.7475 6.6175 13.6775 6.4675 13.5275L1.4675 8.5275C1.1775 8.2375 1.1775 7.7575 1.4675 7.4675L6.4675 2.4675C6.7575 2.1775 7.2375 2.1775 7.5275 2.4675C7.8175 2.7575 7.8175 3.2375 7.5275 3.5275L3.8075 7.2475H13.9975C14.4075 7.2475 14.7475 7.5875 14.7475 7.9975Z"/></svg>', Zi = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.53 8.5275L9.53 13.5275C9.38 13.6775 9.19 13.7475 9 13.7475C8.81 13.7475 8.62 13.6775 8.47 13.5275C8.18 13.2375 8.18 12.7575 8.47 12.4675L12.19 8.7475H2C1.59 8.7475 1.25 8.4075 1.25 7.9975C1.25 7.5875 1.59 7.2475 2 7.2475H12.19L8.47 3.5275C8.18 3.2375 8.18 2.7575 8.47 2.4675C8.76 2.1775 9.24 2.1775 9.53 2.4675L14.53 7.4675C14.82 7.7575 14.82 8.2375 14.53 8.5275Z"/></svg>', Pi = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.19 4.25H17.12C16.72 4.25 16.35 4.03 16.17 3.67C15.73 2.8 14.86 2.25 13.88 2.25H10.12C9.14 2.25 8.27 2.79 7.83 3.67C7.65 4.03 7.29 4.25 6.88 4.25H4.81C3.4 4.25 2.25 5.4 2.25 6.81V18.19C2.25 19.6 3.4 20.75 4.81 20.75H19.19C20.6 20.75 21.75 19.6 21.75 18.19V6.81C21.75 5.4 20.6 4.25 19.19 4.25ZM20.25 18.19C20.25 18.77 19.78 19.25 19.19 19.25H4.81C4.23 19.25 3.75 18.78 3.75 18.19V6.81C3.75 6.23 4.22 5.75 4.81 5.75H6.88C7.86 5.75 8.73 5.21 9.17 4.33C9.35 3.97 9.71 3.75 10.12 3.75H13.88C14.28 3.75 14.65 3.97 14.83 4.33C15.27 5.2 16.14 5.75 17.12 5.75H19.19C19.77 5.75 20.25 6.22 20.25 6.81V18.19ZM12 6.25C8.83 6.25 6.25 8.83 6.25 12C6.25 15.17 8.83 17.75 12 17.75C15.17 17.75 17.75 15.17 17.75 12C17.75 8.83 15.17 6.25 12 6.25ZM12 16.25C9.66 16.25 7.75 14.34 7.75 12C7.75 9.66 9.66 7.75 12 7.75C14.34 7.75 16.25 9.66 16.25 12C16.25 14.34 14.34 16.25 12 16.25ZM14.75 12C14.75 13.52 13.52 14.75 12 14.75C11.59 14.75 11.25 14.41 11.25 14C11.25 13.59 11.59 13.25 12 13.25C12.69 13.25 13.25 12.69 13.25 12C13.25 11.59 13.59 11.25 14 11.25C14.41 11.25 14.75 11.59 14.75 12Z"/></svg>', Ei = '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M25 7.25H22.19C21.73 7.25 21.31 7 21.09 6.59L20.89 6.22C20.23 5.01 18.97 4.25 17.59 4.25H14.41C13.03 4.25 11.77 5 11.11 6.22L10.91 6.6C10.69 7 10.27 7.26 9.81 7.26H7C4.93 7.26 3.25 8.94 3.25 11.01V24.01C3.25 26.08 4.93 27.76 7 27.76H25C27.07 27.76 28.75 26.08 28.75 24.01V11C28.75 8.93 27.07 7.25 25 7.25ZM27.25 24C27.25 25.24 26.24 26.25 25 26.25H7C5.76 26.25 4.75 25.24 4.75 24V11C4.75 9.76 5.76 8.75 7 8.75H9.81C10.82 8.75 11.75 8.2 12.23 7.31L12.43 6.94C12.82 6.21 13.58 5.76 14.41 5.76H17.59C18.42 5.76 19.18 6.21 19.57 6.94L19.77 7.31C20.25 8.2 21.18 8.76 22.19 8.76H25C26.24 8.76 27.25 9.77 27.25 11.01V24.01V24ZM16 10.25C12.28 10.25 9.25 13.28 9.25 17C9.25 20.72 12.28 23.75 16 23.75C19.72 23.75 22.75 20.72 22.75 17C22.75 13.28 19.72 10.25 16 10.25ZM16 22.25C13.11 22.25 10.75 19.89 10.75 17C10.75 14.11 13.11 11.75 16 11.75C18.89 11.75 21.25 14.11 21.25 17C21.25 19.89 18.89 22.25 16 22.25ZM19.75 17C19.75 19.07 18.07 20.75 16 20.75C15.59 20.75 15.25 20.41 15.25 20C15.25 19.59 15.59 19.25 16 19.25C17.24 19.25 18.25 18.24 18.25 17C18.25 16.59 18.59 16.25 19 16.25C19.41 16.25 19.75 16.59 19.75 17Z"/></svg>', Wi = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.8099 11.75L15.2799 9.28C15.5699 8.99 15.5699 8.51 15.2799 8.22C14.9899 7.93 14.5099 7.93 14.2199 8.22L11.7499 10.69L9.27994 8.22C8.98994 7.93 8.50994 7.93 8.21994 8.22C7.92994 8.51 7.92994 8.99 8.21994 9.28L10.6899 11.75L8.21994 14.22C7.92994 14.51 7.92994 14.99 8.21994 15.28C8.36994 15.43 8.55994 15.5 8.74994 15.5C8.93994 15.5 9.12994 15.43 9.27994 15.28L11.7499 12.81L14.2199 15.28C14.3699 15.43 14.5599 15.5 14.7499 15.5C14.9399 15.5 15.1299 15.43 15.2799 15.28C15.5699 14.99 15.5699 14.51 15.2799 14.22L12.8099 11.75Z"/></svg>', Fi = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.0275 5.0275L6.5275 12.5275C6.3775 12.6775 6.1875 12.7475 5.9975 12.7475C5.8075 12.7475 5.6175 12.6775 5.4675 12.5275L2.4675 9.5275C2.1775 9.2375 2.1775 8.7575 2.4675 8.4675C2.7575 8.1775 3.2375 8.1775 3.5275 8.4675L5.9975 10.9375L12.9675 3.9675C13.2575 3.6775 13.7375 3.6775 14.0275 3.9675C14.3175 4.2575 14.3175 4.7375 14.0275 5.0275Z"/></svg>', Oi = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5275 7.5275L9.5275 17.5275C9.3775 17.6775 9.1875 17.7475 8.9975 17.7475C8.8075 17.7475 8.6175 17.6775 8.4675 17.5275L4.4675 13.5275C4.1775 13.2375 4.1775 12.7575 4.4675 12.4675C4.7575 12.1775 5.2375 12.1775 5.5275 12.4675L8.9975 15.9375L18.4675 6.4675C18.7575 6.1775 19.2375 6.1775 19.5275 6.4675C19.8175 6.7575 19.8175 7.2375 19.5275 7.5275Z"/></svg>', zi = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.5275 10.5275L12.5275 14.5275C12.3775 14.6775 12.1875 14.7475 11.9975 14.7475C11.8075 14.7475 11.6175 14.6775 11.4675 14.5275L7.4675 10.5275C7.1775 10.2375 7.1775 9.7575 7.4675 9.4675C7.7575 9.1775 8.2375 9.1775 8.5275 9.4675L11.9975 12.9375L15.4675 9.4675C15.7575 9.1775 16.2375 9.1775 16.5275 9.4675C16.8175 9.7575 16.8175 10.2375 16.5275 10.5275Z"/></svg>', Ui = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.35 8.34627L7.35 12.3463C7.25 12.4463 7.12 12.4963 7 12.4963C6.88 12.4963 6.74 12.4463 6.65 12.3463C6.45 12.1463 6.45 11.8363 6.65 11.6363L10.3 7.98627L6.65 4.34627C6.45 4.15627 6.45 3.83627 6.65 3.64627C6.85 3.45627 7.16 3.44627 7.35 3.64627L11.35 7.64627C11.55 7.84627 11.55 8.15627 11.35 8.35627V8.34627Z"/></svg>', Qi = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.2263 7.46872L15.2263 11.4687C15.3763 11.6187 15.4463 11.8087 15.4463 11.9987C15.4463 12.1887 15.3763 12.3787 15.2263 12.5287L11.2263 16.5287C10.9363 16.8187 10.4563 16.8187 10.1663 16.5287C9.87629 16.2387 9.87629 15.7587 10.1663 15.4687L13.6363 11.9987L10.1663 8.52872C9.87629 8.23872 9.87629 7.75872 10.1663 7.46872C10.4563 7.17872 10.9363 7.17872 11.2263 7.46872Z"/></svg>', Ki = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M12.35 11.65C12.55 11.85 12.55 12.16 12.35 12.36C12.25 12.46 12.12 12.51 12 12.51C11.88 12.51 11.74 12.46 11.65 12.36L8 8.71L4.35 12.36C4.25 12.46 4.12 12.51 4 12.51C3.88 12.51 3.74 12.46 3.65 12.36C3.45 12.16 3.45 11.85 3.65 11.65L7.3 8L3.65 4.35C3.45 4.16 3.45 3.84 3.65 3.65C3.85 3.46 4.16 3.45 4.35 3.65L8 7.3L11.65 3.65C11.85 3.45 12.16 3.45 12.36 3.65C12.56 3.85 12.56 4.16 12.36 4.36L8.71 8.01L12.36 11.66L12.35 11.65Z"/></svg>', ji = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.12 10.9325C20.64 10.4125 20.93 9.7225 20.93 8.9925C20.93 8.2625 20.64 7.5725 20.12 7.0525L16.95 3.8825C15.88 2.8125 14.13 2.8125 13.06 3.8825L3.88 13.0525C3.36 13.5725 3.07 14.2625 3.07 14.9925C3.07 15.7225 3.36 16.4125 3.88 16.9325L5.64 18.6925C6.57 19.6225 7.78 20.0825 9 20.0825C10.22 20.0825 11.43 19.6225 12.36 18.6925L20.12 10.9325ZM14.12 4.9325C14.36 4.6925 14.67 4.5625 15 4.5625C15.33 4.5625 15.65 4.6925 15.88 4.9325L19.05 8.1025C19.54 8.5925 19.54 9.3825 19.05 9.8725L12.99 15.9325L8.05 10.9925L14.12 4.9325ZM6.7 17.6325L4.94 15.8725C4.45 15.3825 4.45 14.5925 4.94 14.1025L7 12.0425L11.94 16.9825L11.3 17.6225C10.07 18.8525 7.93 18.8525 6.7 17.6225V17.6325ZM22.75 20.9925C22.75 21.4025 22.41 21.7425 22 21.7425H14C13.59 21.7425 13.25 21.4025 13.25 20.9925C13.25 20.5825 13.59 20.2425 14 20.2425H22C22.41 20.2425 22.75 20.5825 22.75 20.9925ZM4.75 20.9925C4.75 21.4025 4.41 21.7425 4 21.7425H2C1.59 21.7425 1.25 21.4025 1.25 20.9925C1.25 20.5825 1.59 20.2425 2 20.2425H4C4.41 20.2425 4.75 20.5825 4.75 20.9925Z"/></svg>', Gi = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.5275 12.4675C13.8175 12.7575 13.8175 13.2375 13.5275 13.5275C13.3775 13.6775 13.1875 13.7475 12.9975 13.7475C12.8075 13.7475 12.6175 13.6775 12.4675 13.5275L7.9975 9.0575L3.5275 13.5275C3.3775 13.6775 3.1875 13.7475 2.9975 13.7475C2.8075 13.7475 2.6175 13.6775 2.4675 13.5275C2.1775 13.2375 2.1775 12.7575 2.4675 12.4675L6.9375 7.9975L2.4675 3.5275C2.1775 3.2375 2.1775 2.7575 2.4675 2.4675C2.7575 2.1775 3.2375 2.1775 3.5275 2.4675L7.9975 6.9375L12.4675 2.4675C12.7575 2.1775 13.2375 2.1775 13.5275 2.4675C13.8175 2.7575 13.8175 3.2375 13.5275 3.5275L9.0575 7.9975L13.5275 12.4675Z"/></svg>', Ji = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5275 18.4675C19.8175 18.7575 19.8175 19.2375 19.5275 19.5275C19.3775 19.6775 19.1875 19.7475 18.9975 19.7475C18.8075 19.7475 18.6175 19.6775 18.4675 19.5275L11.9975 13.0575L5.5275 19.5275C5.3775 19.6775 5.1875 19.7475 4.9975 19.7475C4.8075 19.7475 4.6175 19.6775 4.4675 19.5275C4.1775 19.2375 4.1775 18.7575 4.4675 18.4675L10.9375 11.9975L4.4675 5.5275C4.1775 5.2375 4.1775 4.7575 4.4675 4.4675C4.7575 4.1775 5.2375 4.1775 5.5275 4.4675L11.9975 10.9375L18.4675 4.4675C18.7575 4.1775 19.2375 4.1775 19.5275 4.4675C19.8175 4.7575 19.8175 5.2375 19.5275 5.5275L13.0575 11.9975L19.5275 18.4675Z"/></svg>', Xi = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 8C11.75 8.41 11.41 8.75 11 8.75H5C4.59 8.75 4.25 8.41 4.25 8C4.25 7.59 4.59 7.25 5 7.25H11C11.41 7.25 11.75 7.59 11.75 8Z"/></svg>', Yi = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 8C11.75 8.41 11.41 8.75 11 8.75H5C4.59 8.75 4.25 8.41 4.25 8C4.25 7.59 4.59 7.25 5 7.25H11C11.41 7.25 11.75 7.59 11.75 8Z"/></svg>', _i = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13 3.25H10.75V3C10.75 2.04 9.96 1.25 9 1.25H7C6.04 1.25 5.25 2.04 5.25 3V3.25H3C2.59 3.25 2.25 3.59 2.25 4C2.25 4.41 2.59 4.75 3 4.75H3.25V13C3.25 13.96 4.04 14.75 5 14.75H11C11.96 14.75 12.75 13.96 12.75 13V4.75H13C13.41 4.75 13.75 4.41 13.75 4C13.75 3.59 13.41 3.25 13 3.25ZM6.75 3C6.75 2.86 6.86 2.75 7 2.75H9C9.14 2.75 9.25 2.86 9.25 3V3.25H6.75V3ZM11.25 13C11.25 13.14 11.14 13.25 11 13.25H5C4.86 13.25 4.75 13.14 4.75 13V4.75H11.25V13ZM9.25 6.25C9.66 6.25 10 6.59 10 7V11C10 11.41 9.66 11.75 9.25 11.75C8.84 11.75 8.5 11.41 8.5 11V7C8.5 6.59 8.84 6.25 9.25 6.25ZM7.5 7V11C7.5 11.41 7.16 11.75 6.75 11.75C6.34 11.75 6 11.41 6 11V7C6 6.59 6.34 6.25 6.75 6.25C7.16 6.25 7.5 6.59 7.5 7Z"/></svg>', xi = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.75 9V17C12.75 17.41 12.41 17.75 12 17.75C11.59 17.75 11.25 17.41 11.25 17V9C11.25 8.59 11.59 8.25 12 8.25C12.41 8.25 12.75 8.59 12.75 9ZM14.25 9V17C14.25 17.41 14.59 17.75 15 17.75C15.41 17.75 15.75 17.41 15.75 17V9C15.75 8.59 15.41 8.25 15 8.25C14.59 8.25 14.25 8.59 14.25 9ZM9 8.25C8.59 8.25 8.25 8.59 8.25 9V17C8.25 17.41 8.59 17.75 9 17.75C9.41 17.75 9.75 17.41 9.75 17V9C9.75 8.59 9.41 8.25 9 8.25ZM20.75 6C20.75 6.41 20.41 6.75 20 6.75H18.75V18C18.75 19.52 17.52 20.75 16 20.75H8C6.48 20.75 5.25 19.52 5.25 18V6.75H4C3.59 6.75 3.25 6.41 3.25 6C3.25 5.59 3.59 5.25 4 5.25H8.25V4C8.25 3.04 9.04 2.25 10 2.25H14C14.96 2.25 15.75 3.04 15.75 4V5.25H20C20.41 5.25 20.75 5.59 20.75 6ZM9.75 5.25H14.25V4C14.25 3.86 14.14 3.75 14 3.75H10C9.86 3.75 9.75 3.86 9.75 4V5.25ZM17.25 6.75H6.75V18C6.75 18.69 7.31 19.25 8 19.25H16C16.69 19.25 17.25 18.69 17.25 18V6.75Z"/></svg>', er = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 8.75C15.19 8.75 15.75 8.19 15.75 7.5C15.75 6.81 15.19 6.25 14.5 6.25C13.81 6.25 13.25 6.81 13.25 7.5C13.25 8.19 13.81 8.75 14.5 8.75ZM14.5 7.25C14.64 7.25 14.75 7.36 14.75 7.5C14.75 7.78 14.25 7.78 14.25 7.5C14.25 7.36 14.36 7.25 14.5 7.25ZM9.5 6.25C8.81 6.25 8.25 6.81 8.25 7.5C8.25 8.19 8.81 8.75 9.5 8.75C10.19 8.75 10.75 8.19 10.75 7.5C10.75 6.81 10.19 6.25 9.5 6.25ZM9.25 7.5C9.25 7.36 9.36 7.25 9.5 7.25C9.64 7.25 9.75 7.36 9.75 7.5C9.75 7.78 9.25 7.78 9.25 7.5ZM14.5 11.25C13.81 11.25 13.25 11.81 13.25 12.5C13.25 13.19 13.81 13.75 14.5 13.75C15.19 13.75 15.75 13.19 15.75 12.5C15.75 11.81 15.19 11.25 14.5 11.25ZM14.25 12.5C14.25 12.36 14.36 12.25 14.5 12.25C14.64 12.25 14.75 12.36 14.75 12.5C14.75 12.78 14.25 12.78 14.25 12.5ZM9.5 11.25C8.81 11.25 8.25 11.81 8.25 12.5C8.25 13.19 8.81 13.75 9.5 13.75C10.19 13.75 10.75 13.19 10.75 12.5C10.75 11.81 10.19 11.25 9.5 11.25ZM9.25 12.5C9.25 12.36 9.36 12.25 9.5 12.25C9.64 12.25 9.75 12.36 9.75 12.5C9.75 12.78 9.25 12.78 9.25 12.5ZM14.5 16.25C13.81 16.25 13.25 16.81 13.25 17.5C13.25 18.19 13.81 18.75 14.5 18.75C15.19 18.75 15.75 18.19 15.75 17.5C15.75 16.81 15.19 16.25 14.5 16.25ZM14.25 17.5C14.25 17.36 14.36 17.25 14.5 17.25C14.64 17.25 14.75 17.36 14.75 17.5C14.75 17.78 14.25 17.78 14.25 17.5ZM9.5 16.25C8.81 16.25 8.25 16.81 8.25 17.5C8.25 18.19 8.81 18.75 9.5 18.75C10.19 18.75 10.75 18.19 10.75 17.5C10.75 16.81 10.19 16.25 9.5 16.25ZM9.25 17.5C9.25 17.36 9.36 17.25 9.5 17.25C9.64 17.25 9.75 17.36 9.75 17.5C9.75 17.78 9.25 17.78 9.25 17.5Z"/></svg>', sr = '<svg viewBox="0 0 24 16" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 9.25C16.81 9.25 16.25 9.81 16.25 10.5C16.25 11.19 16.81 11.75 17.5 11.75C18.19 11.75 18.75 11.19 18.75 10.5C18.75 9.81 18.19 9.25 17.5 9.25ZM17.25 10.5C17.25 10.36 17.36 10.25 17.5 10.25C17.64 10.25 17.75 10.36 17.75 10.5C17.75 10.78 17.25 10.78 17.25 10.5ZM17.5 6.75C18.19 6.75 18.75 6.19 18.75 5.5C18.75 4.81 18.19 4.25 17.5 4.25C16.81 4.25 16.25 4.81 16.25 5.5C16.25 6.19 16.81 6.75 17.5 6.75ZM17.5 5.25C17.64 5.25 17.75 5.36 17.75 5.5C17.75 5.78 17.25 5.78 17.25 5.5C17.25 5.36 17.36 5.25 17.5 5.25ZM12.5 9.25C11.81 9.25 11.25 9.81 11.25 10.5C11.25 11.19 11.81 11.75 12.5 11.75C13.19 11.75 13.75 11.19 13.75 10.5C13.75 9.81 13.19 9.25 12.5 9.25ZM12.25 10.5C12.25 10.36 12.36 10.25 12.5 10.25C12.64 10.25 12.75 10.36 12.75 10.5C12.75 10.78 12.25 10.78 12.25 10.5ZM12.5 4.25C11.81 4.25 11.25 4.81 11.25 5.5C11.25 6.19 11.81 6.75 12.5 6.75C13.19 6.75 13.75 6.19 13.75 5.5C13.75 4.81 13.19 4.25 12.5 4.25ZM12.25 5.5C12.25 5.36 12.36 5.25 12.5 5.25C12.64 5.25 12.75 5.36 12.75 5.5C12.75 5.78 12.25 5.78 12.25 5.5ZM7.5 9.25C6.81 9.25 6.25 9.81 6.25 10.5C6.25 11.19 6.81 11.75 7.5 11.75C8.19 11.75 8.75 11.19 8.75 10.5C8.75 9.81 8.19 9.25 7.5 9.25ZM7.25 10.5C7.25 10.36 7.36 10.25 7.5 10.25C7.64 10.25 7.75 10.36 7.75 10.5C7.75 10.78 7.25 10.78 7.25 10.5ZM7.5 4.25C6.81 4.25 6.25 4.81 6.25 5.5C6.25 6.19 6.81 6.75 7.5 6.75C8.19 6.75 8.75 6.19 8.75 5.5C8.75 4.81 8.19 4.25 7.5 4.25ZM7.25 5.5C7.25 5.36 7.36 5.25 7.5 5.25C7.64 5.25 7.75 5.36 7.75 5.5C7.75 5.78 7.25 5.78 7.25 5.5Z"/></svg>', nr = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13.1209 3.05249L12.9509 2.88249C11.8809 1.81249 10.1309 1.81249 9.06089 2.88249L3.47089 8.46249C3.37089 8.56249 3.31089 8.68249 3.27089 8.81249L2.27089 12.8125C2.21089 13.0625 2.28089 13.3425 2.47089 13.5225C2.61089 13.6625 2.80089 13.7425 3.00089 13.7425C3.06089 13.7425 3.12089 13.7425 3.18089 13.7225L7.18089 12.7225C7.31089 12.6925 7.43089 12.6225 7.53089 12.5225L13.1209 6.93249C14.1909 5.86249 14.1909 4.11249 13.1209 3.04249V3.05249ZM6.62089 11.3125L4.04089 11.9625L4.69089 9.38249L8.01089 6.06249L9.95089 8.00249L6.63089 11.3225L6.62089 11.3125ZM12.0609 5.87249L11.0009 6.93249L9.06089 4.99249L10.1209 3.93249C10.6109 3.44249 11.4009 3.44249 11.8909 3.93249L12.0609 4.10249C12.5509 4.59249 12.5509 5.38249 12.0609 5.87249Z"/></svg>', or = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 8C11.75 8.41 11.41 8.75 11 8.75H8.75V11C8.75 11.41 8.41 11.75 8 11.75C7.59 11.75 7.25 11.41 7.25 11V8.75H5C4.59 8.75 4.25 8.41 4.25 8C4.25 7.59 4.59 7.25 5 7.25H7.25V5C7.25 4.59 7.59 4.25 8 4.25C8.41 4.25 8.75 4.59 8.75 5V7.25H11C11.41 7.25 11.75 7.59 11.75 8Z"/></svg>', tr = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 8C11.75 8.41 11.41 8.75 11 8.75H8.75V11C8.75 11.41 8.41 11.75 8 11.75C7.59 11.75 7.25 11.41 7.25 11V8.75H5C4.59 8.75 4.25 8.41 4.25 8C4.25 7.59 4.59 7.25 5 7.25H7.25V5C7.25 4.59 7.59 4.25 8 4.25C8.41 4.25 8.75 4.59 8.75 5V7.25H11C11.41 7.25 11.75 7.59 11.75 8Z"/></svg>', ir = '<svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg"><path d="M62.83 12.83L53.17 3.17C52.7982 2.79866 52.357 2.50421 51.8714 2.30346C51.3858 2.1027 50.8654 1.99959 50.34 2H14C12.4087 2 10.8826 2.63214 9.75735 3.75736C8.63214 4.88258 8 6.4087 8 8V64C8 65.5913 8.63214 67.1174 9.75735 68.2426C10.8826 69.3679 12.4087 70 14 70H58C59.5913 70 61.1174 69.3679 62.2426 68.2426C63.3679 67.1174 64 65.5913 64 64V15.66C64.0004 15.1346 63.8973 14.6142 63.6965 14.1286C63.4958 13.643 63.2013 13.2018 62.83 12.83ZM52 4.83L61.17 14H56C54.9391 14 53.9217 13.5786 53.1716 12.8284C52.4214 12.0783 52 11.0609 52 10V4.83ZM62 64C62 65.0609 61.5786 66.0783 60.8284 66.8284C60.0783 67.5786 59.0609 68 58 68H14C12.9391 68 11.9217 67.5786 11.1716 66.8284C10.4214 66.0783 10 65.0609 10 64V8C10 6.93914 10.4214 5.92172 11.1716 5.17157C11.9217 4.42143 12.9391 4 14 4H50V10C50 11.5913 50.6321 13.1174 51.7574 14.2426C52.8826 15.3679 54.4087 16 56 16H62V64ZM22 26H50V28H22V26ZM22 32H50V34H22V32ZM22 38H50V40H22V38ZM22 44H50V46H22V44Z"/></svg>', rr = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.53 17.4775C14.82 17.7675 14.82 18.2475 14.53 18.5375L11.53 21.5375C11.38 21.6875 11.19 21.7575 11 21.7575C10.81 21.7575 10.62 21.6875 10.47 21.5375C10.18 21.2475 10.18 20.7675 10.47 20.4775L12.2 18.7475C12.13 18.7475 12.07 18.7475 12 18.7475C6.62 18.7475 2.25 15.7475 2.25 12.0575C2.25 10.2975 3.22 8.6375 4.99 7.3875C5.33 7.1475 5.8 7.2275 6.03 7.5675C6.27 7.9075 6.19 8.3775 5.85 8.6075C4.49 9.5675 3.74 10.7875 3.74 12.0575C3.74 14.9175 7.44 17.2475 11.99 17.2475C12.05 17.2475 12.11 17.2475 12.17 17.2475L10.46 15.5375C10.17 15.2475 10.17 14.7675 10.46 14.4775C10.75 14.1875 11.23 14.1875 11.52 14.4775L14.52 17.4775H14.53ZM12 5.2575C11.93 5.2575 11.87 5.2575 11.8 5.2575L13.53 3.5275C13.82 3.2375 13.82 2.7575 13.53 2.4675C13.24 2.1775 12.76 2.1775 12.47 2.4675L9.47 5.4675C9.18 5.7575 9.18 6.2375 9.47 6.5275L12.47 9.5275C12.62 9.6775 12.81 9.7475 13 9.7475C13.19 9.7475 13.38 9.6775 13.53 9.5275C13.82 9.2375 13.82 8.7575 13.53 8.4675L11.82 6.7575C11.88 6.7575 11.94 6.7575 12 6.7575C16.55 6.7575 20.25 9.0875 20.25 11.9475C20.25 13.2075 19.5 14.4375 18.14 15.3975C17.8 15.6375 17.72 16.1075 17.96 16.4475C18.11 16.6575 18.34 16.7675 18.57 16.7675C18.72 16.7675 18.87 16.7275 19 16.6275C20.77 15.3775 21.75 13.7175 21.75 11.9575C21.75 8.2675 17.38 5.2675 12 5.2675V5.2575Z"/></svg>', lr = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.72 9.24C21.45 8.92 21.12 8.67 20.75 8.5V8C20.75 6.48 19.52 5.25 18 5.25H10.65C10.32 4.1 9.26 3.25 8 3.25H6C4.48 3.25 3.25 4.48 3.25 6V18C3.25 19.52 4.48 20.75 6 20.75H18.33C19.66 20.75 20.8 19.8 21.04 18.49L22.31 11.49C22.46 10.69 22.24 9.86 21.72 9.24ZM4.75 18V6C4.75 5.31 5.31 4.75 6 4.75H8C8.69 4.75 9.25 5.31 9.25 6C9.25 6.41 9.59 6.75 10 6.75H18C18.69 6.75 19.25 7.31 19.25 8V8.25H9.27C7.94 8.25 6.8 9.2 6.56 10.51L5.29 17.51C5.19 18.07 5.27 18.64 5.51 19.15C5.06 18.96 4.75 18.52 4.75 18ZM20.83 11.22L19.56 18.22C19.45 18.81 18.94 19.25 18.33 19.25H8C7.63 19.25 7.28 19.09 7.04 18.8C6.8 18.51 6.7 18.14 6.77 17.78L8.04 10.78C8.15 10.19 8.66 9.75 9.27 9.75H19.6C19.97 9.75 20.32 9.91 20.56 10.2C20.8 10.49 20.9 10.86 20.83 11.22Z"/></svg>', ar = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.25H4C3.04 3.25 2.25 4.04 2.25 5V11C2.25 11.96 3.04 12.75 4 12.75H12C12.96 12.75 13.75 11.96 13.75 11V5C13.75 4.04 12.96 3.25 12 3.25ZM12.25 11C12.25 11.14 12.14 11.25 12 11.25H4C3.86 11.25 3.75 11.14 3.75 11V5C3.75 4.86 3.86 4.75 4 4.75H12C12.14 4.75 12.25 4.86 12.25 5V11Z"/></svg>', ur = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_247_12)"><path d="M13.8666 9.86954C14.1595 9.57665 14.6342 9.57665 14.9271 9.86954C15.22 10.1624 15.22 10.6372 14.9271 10.9301L10.9271 14.9301C10.6342 15.223 10.1595 15.223 9.86659 14.9301C9.5737 14.6372 9.5737 14.1624 9.86659 13.8695L13.8666 9.86954Z"/><path d="M13.4657 5.46961C13.7586 5.17672 14.2334 5.17672 14.5263 5.46961C14.8191 5.7625 14.8192 6.23726 14.5263 6.53015L6.52626 14.5302C6.23339 14.8229 5.75858 14.8229 5.46571 14.5302C5.17286 14.2373 5.17292 13.7625 5.46571 13.4696L13.4657 5.46961Z"/></g><defs><clipPath id="clip0_247_12"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>', dr = '<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><path d="M33 10.25H15C12.38 10.25 10.25 12.38 10.25 15V33C10.25 35.62 12.38 37.75 15 37.75H33C35.62 37.75 37.75 35.62 37.75 33V15C37.75 12.38 35.62 10.25 33 10.25ZM36.25 33C36.25 34.79 34.79 36.25 33 36.25H15C13.21 36.25 11.75 34.79 11.75 33V15C11.75 13.21 13.21 11.75 15 11.75H33C34.79 11.75 36.25 13.21 36.25 15V33ZM30.5 14.25C28.71 14.25 27.25 15.71 27.25 17.5C27.25 19.29 28.71 20.75 30.5 20.75C32.29 20.75 33.75 19.29 33.75 17.5C33.75 15.71 32.29 14.25 30.5 14.25ZM30.5 19.25C29.54 19.25 28.75 18.46 28.75 17.5C28.75 16.54 29.54 15.75 30.5 15.75C31.46 15.75 32.25 16.54 32.25 17.5C32.25 18.46 31.46 19.25 30.5 19.25ZM29.26 26.28C28.94 25.92 28.49 25.71 28.01 25.7C27.54 25.68 27.07 25.87 26.73 26.2L24.95 27.94L22.28 25.23C21.94 24.89 21.5 24.71 21 24.71C20.52 24.71 20.06 24.93 19.74 25.28L14.74 30.78C14.25 31.3 14.12 32.06 14.41 32.72C14.69 33.36 15.28 33.75 15.95 33.75H32.07C32.74 33.75 33.33 33.35 33.61 32.72C33.89 32.06 33.77 31.31 33.29 30.79L29.27 26.29L29.26 26.28ZM32.22 32.12C32.18 32.2 32.13 32.25 32.06 32.25H15.94C15.87 32.25 15.81 32.21 15.78 32.12C15.77 32.09 15.71 31.93 15.83 31.8L20.84 26.29C20.9 26.22 20.99 26.21 21.02 26.21C21.06 26.21 21.14 26.22 21.2 26.29L24.4 29.54C24.69 29.83 25.16 29.84 25.46 29.54L27.77 27.27C27.83 27.21 27.9 27.2 27.94 27.2C28.01 27.2 28.06 27.21 28.13 27.28L32.16 31.79C32.16 31.79 32.16 31.79 32.17 31.8C32.29 31.93 32.23 32.09 32.22 32.12Z"/></svg>', mr = '<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_19679_369428)"><path opacity="0.1" d="M24 40C15.18 40 8 32.82 8 24C8 15.18 15.18 8 24 8C32.82 8 40 15.18 40 24C40 32.82 32.82 40 24 40ZM24 12C17.38 12 12 17.38 12 24C12 30.62 17.38 36 24 36C30.62 36 36 30.62 36 24C36 17.38 30.62 12 24 12Z" fill="black" fill-opacity="0.91"/><path d="M10 26C8.9 26 8 25.1 8 24C8 15.18 15.18 8 24 8C25.1 8 26 8.9 26 10C26 11.1 25.1 12 24 12C17.38 12 12 17.38 12 24C12 25.1 11.1 26 10 26Z"/></g><defs><clipPath id="clip0_19679_369428"><rect width="32" height="32" fill="white" transform="translate(8 8)"/></clipPath></defs></svg>', pr = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.75 3V7C13.75 7.41 13.41 7.75 13 7.75C12.59 7.75 12.25 7.41 12.25 7V4.81L9.53 7.53C9.38 7.68 9.19 7.75 9 7.75C8.81 7.75 8.62 7.68 8.47 7.53C8.18 7.24 8.18 6.76 8.47 6.47L11.19 3.75H9C8.59 3.75 8.25 3.41 8.25 3C8.25 2.59 8.59 2.25 9 2.25H13C13.1 2.25 13.19 2.27 13.29 2.31C13.47 2.39 13.62 2.53 13.7 2.72C13.74 2.81 13.76 2.91 13.76 3.01L13.75 3ZM7.53 8.47C7.24 8.18 6.76 8.18 6.47 8.47L3.75 11.19V9C3.75 8.59 3.41 8.25 3 8.25C2.59 8.25 2.25 8.59 2.25 9V13C2.25 13.1 2.27 13.19 2.31 13.29C2.39 13.47 2.53 13.62 2.72 13.7C2.81 13.74 2.91 13.76 3.01 13.76H7.01C7.42 13.76 7.76 13.42 7.76 13.01C7.76 12.6 7.42 12.26 7.01 12.26H4.82L7.54 9.54C7.83 9.25 7.83 8.77 7.54 8.48L7.53 8.47Z"/></svg>', vr = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.75 8C13.75 8.41 13.41 8.75 13 8.75H3C2.59 8.75 2.25 8.41 2.25 8C2.25 7.59 2.59 7.25 3 7.25H13C13.41 7.25 13.75 7.59 13.75 8Z"/></svg>', cr = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.25C11.04 10.25 10.25 11.04 10.25 12C10.25 12.96 11.04 13.75 12 13.75C12.96 13.75 13.75 12.96 13.75 12C13.75 11.04 12.96 10.25 12 10.25ZM11.75 12C11.75 11.86 11.86 11.75 12 11.75C12.14 11.75 12.25 11.86 12.25 12C12.25 12.28 11.75 12.28 11.75 12ZM19 10.25C18.04 10.25 17.25 11.04 17.25 12C17.25 12.96 18.04 13.75 19 13.75C19.96 13.75 20.75 12.96 20.75 12C20.75 11.04 19.96 10.25 19 10.25ZM18.75 12C18.75 11.86 18.86 11.75 19 11.75C19.14 11.75 19.25 11.86 19.25 12C19.25 12.28 18.75 12.28 18.75 12ZM5 10.25C4.04 10.25 3.25 11.04 3.25 12C3.25 12.96 4.04 13.75 5 13.75C5.96 13.75 6.75 12.96 6.75 12C6.75 11.04 5.96 10.25 5 10.25ZM4.75 12C4.75 11.86 4.86 11.75 5 11.75C5.14 11.75 5.25 11.86 5.25 12C5.25 12.28 4.75 12.28 4.75 12Z"/></svg>', Cr = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.25 7C3.25 6.59 3.59 6.25 4 6.25H15C15.41 6.25 15.75 6.59 15.75 7C15.75 7.41 15.41 7.75 15 7.75H4C3.59 7.75 3.25 7.41 3.25 7ZM20 11.25H4C3.59 11.25 3.25 11.59 3.25 12C3.25 12.41 3.59 12.75 4 12.75H20C20.41 12.75 20.75 12.41 20.75 12C20.75 11.59 20.41 11.25 20 11.25ZM9 16.25H4C3.59 16.25 3.25 16.59 3.25 17C3.25 17.41 3.59 17.75 4 17.75H9C9.41 17.75 9.75 17.41 9.75 17C9.75 16.59 9.41 16.25 9 16.25Z"/></svg>', gr = '<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><path d="M30.4975 14.2475C28.7075 14.2475 27.2475 15.7075 27.2475 17.4975C27.2475 19.2875 28.7075 20.7475 30.4975 20.7475C32.2875 20.7475 33.7475 19.2875 33.7475 17.4975C33.7475 15.7075 32.2875 14.2475 30.4975 14.2475ZM30.4975 19.2475C29.5375 19.2475 28.7475 18.4575 28.7475 17.4975C28.7475 16.5375 29.5375 15.7475 30.4975 15.7475C31.4575 15.7475 32.2475 16.5375 32.2475 17.4975C32.2475 18.4575 31.4575 19.2475 30.4975 19.2475ZM13.5175 11.2175C13.4375 10.8075 13.7075 10.4175 14.1175 10.3375C14.4275 10.2775 14.7175 10.2475 14.9975 10.2475H32.9975C35.6175 10.2475 37.7475 12.3775 37.7475 14.9975V32.9975C37.7475 33.2775 37.7175 33.5675 37.6575 33.8775C37.5875 34.2375 37.2775 34.4875 36.9175 34.4875C36.8675 34.4875 36.8275 34.4875 36.7775 34.4775C36.3675 34.3975 36.1075 34.0075 36.1775 33.5975C36.2175 33.3775 36.2375 33.1775 36.2375 32.9975V14.9975C36.2375 13.2075 34.7775 11.7475 32.9875 11.7475H14.9975C14.8075 11.7475 14.6175 11.7675 14.3975 11.8075C13.9875 11.8875 13.5975 11.6175 13.5175 11.2075V11.2175ZM34.4775 36.7775C34.5575 37.1875 34.2875 37.5775 33.8775 37.6575C33.5675 37.7175 33.2775 37.7475 32.9975 37.7475H14.9975C12.3775 37.7475 10.2475 35.6175 10.2475 32.9975V14.9975C10.2475 14.7175 10.2775 14.4275 10.3375 14.1175C10.4175 13.7075 10.8075 13.4375 11.2175 13.5175C11.6275 13.5975 11.8875 13.9875 11.8175 14.3975C11.7775 14.6175 11.7575 14.8175 11.7575 14.9975V32.9975C11.7575 34.7875 13.2175 36.2475 15.0075 36.2475H33.0075C33.1975 36.2475 33.3875 36.2275 33.6075 36.1875C34.0075 36.1075 34.4075 36.3775 34.4875 36.7875L34.4775 36.7775ZM15.8275 31.7975C15.6975 31.9375 15.7575 32.0875 15.7775 32.1175C15.8175 32.1975 15.8675 32.2475 15.9375 32.2475H29.8175C30.2275 32.2475 30.5675 32.5875 30.5675 32.9975C30.5675 33.4075 30.2275 33.7475 29.8175 33.7475H15.9375C15.2675 33.7475 14.6775 33.3475 14.3975 32.7175C14.1075 32.0575 14.2375 31.2975 14.7275 30.7775L19.7275 25.2775C20.0475 24.9275 20.5075 24.7175 20.9875 24.7075C21.4875 24.7275 21.9375 24.8875 22.2675 25.2275L25.4675 28.4775C25.7575 28.7675 25.7575 29.2475 25.4675 29.5375C25.1675 29.8275 24.6975 29.8275 24.4075 29.5375L21.2075 26.2875C21.1475 26.2175 21.0675 26.1875 21.0275 26.2075C20.9875 26.2075 20.9075 26.2175 20.8475 26.2875L15.8375 31.7975H15.8275ZM38.5275 38.5275C38.3775 38.6775 38.1875 38.7475 37.9975 38.7475C37.8075 38.7475 37.6175 38.6775 37.4675 38.5275L9.4675 10.5275C9.1775 10.2375 9.1775 9.7575 9.4675 9.4675C9.7575 9.1775 10.2375 9.1775 10.5275 9.4675L38.5275 37.4675C38.8175 37.7575 38.8175 38.2375 38.5275 38.5275Z"/></svg>', yr = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="4"/></svg>', qr = '<svg viewBox="0 0 10 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 5L5 0L0 5H4V9H6V5H10Z"/><path d="M6 19V15H4V19H0L5 24L10 19H6Z"/></svg>', hr = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 8C11.75 8.41 11.41 8.75 11 8.75H5C4.59 8.75 4.25 8.41 4.25 8C4.25 7.59 4.59 7.25 5 7.25H11C11.41 7.25 11.75 7.59 11.75 8Z"/></svg>', br = '<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><path d="M24 39.5057L11.7226 45.9839C10.4095 46.6739 8.87606 45.5622 9.12525 44.096L11.4734 30.373L1.54411 20.6556C0.480254 19.6207 1.06489 17.8095 2.53128 17.5986L16.2559 15.5957L22.3994 3.10891C23.0512 1.77685 24.9488 1.77685 25.6102 3.10891L31.7441 15.5957L45.4687 17.5986C46.9351 17.8095 47.5197 19.6207 46.4559 20.6556L36.5266 30.373L38.8748 44.096C39.1239 45.5622 37.5905 46.6835 36.2774 45.9839L24 39.5057Z" fill="none" stroke-width="2"/><path d="M24.3981 33.1305L24 32.9206L23.6019 33.1305L15.8715 37.2059L17.3542 28.5663L17.43 28.1246L17.1095 27.8113L10.83 21.6746L19.4965 20.4049L19.9405 20.3399L20.1387 19.9373L24 12.0936L27.8613 19.9373L28.0595 20.3399L28.5035 20.4049L37.17 21.6746L30.8905 27.8113L30.57 28.1246L30.6458 28.5663L32.1285 37.2059L24.3981 33.1305Z" stroke-width="1.70746"/></svg>', wr = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 19.3373L6.13001 22.4373C5.50001 22.7673 4.77001 22.2373 4.89001 21.5373L6.01001 14.9773L1.26001 10.3273C0.750007 9.83728 1.03001 8.96728 1.73001 8.86728L8.29001 7.90728L11.23 1.93728C11.54 1.29728 12.45 1.29728 12.77 1.93728L15.7 7.90728L22.26 8.86728C22.96 8.96728 23.24 9.83728 22.73 10.3273L17.98 14.9773L19.1 21.5373C19.22 22.2373 18.49 22.7773 17.86 22.4373L11.99 19.3373H12Z" fill="none" stroke-width="2"/><path d="M12 15.9472L8.58001 17.7572L9.23001 13.9272L6.45001 11.2072L10.29 10.6472L12 7.17725L13.71 10.6472L17.55 11.2072L14.77 13.9272L15.42 17.7572L12 15.9472Z"/></svg>', kr = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><path d="M12 19.3373L6.13001 22.4373C5.50001 22.7673 4.77001 22.2373 4.89001 21.5373L6.01001 14.9773L1.26001 10.3273C0.750007 9.83728 1.03001 8.96728 1.73001 8.86728L8.29001 7.90728L11.23 1.93728C11.54 1.29728 12.45 1.29728 12.77 1.93728L15.7 7.90728L22.26 8.86728C22.96 8.96728 23.24 9.83728 22.73 10.3273L17.98 14.9773L19.1 21.5373C19.22 22.2373 18.49 22.7773 17.86 22.4373L11.99 19.3373H12Z"/></g></svg>', fr = '<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g><path d="M24 39.5057L11.7226 45.9839C10.4095 46.6739 8.87606 45.5622 9.12525 44.096L11.4734 30.373L1.54411 20.6556C0.480254 19.6207 1.06489 17.8095 2.53128 17.5986L16.2559 15.5957L22.3994 3.10891C23.0512 1.77685 24.9488 1.77685 25.6102 3.10891L31.7441 15.5957L45.4687 17.5986C46.9351 17.8095 47.5197 19.6207 46.4559 20.6556L36.5266 30.373L38.8748 44.096C39.1239 45.5622 37.5905 46.6835 36.2774 45.9839L24 39.5057Z"/></g></svg>', Lr = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.9444 10.75H15.0544C15.7144 10.75 16.3144 10.39 16.6144 9.80002C16.9144 9.22002 16.8644 8.52002 16.4844 7.98002L13.4244 3.71002C12.7644 2.79002 11.2344 2.79002 10.5744 3.71002L7.5244 7.99002C7.1444 8.53002 7.0944 9.22002 7.3944 9.81002C7.6944 10.4 8.2944 10.76 8.9544 10.76L8.9444 10.75ZM8.7444 8.86002L11.7944 4.58002C11.8644 4.49002 11.9544 4.48002 11.9944 4.48002C12.0344 4.48002 12.1344 4.49002 12.1944 4.58002L15.2544 8.86002C15.3344 8.97002 15.3044 9.07002 15.2744 9.12002C15.2444 9.17002 15.1844 9.26002 15.0544 9.26002H8.9444C8.8144 9.26002 8.7444 9.18002 8.7244 9.12002C8.7044 9.06002 8.6644 8.97002 8.7444 8.86002ZM15.0544 13.25H8.9444C8.2844 13.25 7.6844 13.61 7.3844 14.2C7.0844 14.78 7.1344 15.48 7.5144 16.02L10.5744 20.3C10.9044 20.76 11.4344 21.03 11.9944 21.03C12.5544 21.03 13.0944 20.76 13.4144 20.3L16.4744 16.02C16.8544 15.48 16.9044 14.79 16.6044 14.2C16.3044 13.61 15.7044 13.25 15.0444 13.25H15.0544ZM15.2644 15.15L12.2044 19.43C12.0744 19.61 11.9244 19.61 11.7944 19.43L8.7344 15.15C8.6544 15.04 8.6844 14.94 8.7144 14.89C8.7444 14.84 8.8044 14.75 8.9344 14.75H15.0444C15.1744 14.75 15.2444 14.83 15.2644 14.89C15.2844 14.95 15.3244 15.04 15.2444 15.15H15.2644Z"/></svg>', Ir = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.69 8.71C7.73 8.8 7.75 8.9 7.75 9V13C7.75 13.41 7.41 13.75 7 13.75C6.59 13.75 6.25 13.41 6.25 13V10.81L3.53 13.53C3.38 13.68 3.19 13.75 3 13.75C2.81 13.75 2.62 13.68 2.47 13.53C2.18 13.24 2.18 12.76 2.47 12.47L5.19 9.75H3C2.59 9.75 2.25 9.41 2.25 9C2.25 8.59 2.59 8.25 3 8.25H7C7.1 8.25 7.19 8.27 7.29 8.31C7.47 8.39 7.62 8.53 7.7 8.72L7.69 8.71ZM13 6.25H10.81L13.53 3.53C13.82 3.24 13.82 2.76 13.53 2.47C13.24 2.18 12.76 2.18 12.47 2.47L9.75 5.19V3C9.75 2.59 9.41 2.25 9 2.25C8.59 2.25 8.25 2.59 8.25 3V7C8.25 7.1 8.27 7.19 8.31 7.29C8.39 7.47 8.53 7.62 8.72 7.7C8.81 7.74 8.91 7.76 9.01 7.76H13.01C13.42 7.76 13.76 7.42 13.76 7.01C13.76 6.6 13.42 6.26 13.01 6.26L13 6.25Z"/></svg>', Sr = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.9975 2.25C9.7275 2.25 6.2475 5.73 6.2475 10C6.2475 11.87 6.9075 13.58 8.0175 14.92L2.4675 20.47C2.1775 20.76 2.1775 21.24 2.4675 21.53C2.6175 21.68 2.8075 21.75 2.9975 21.75C3.1875 21.75 3.3775 21.68 3.5275 21.53L9.0775 15.98C10.4175 17.08 12.1275 17.75 13.9975 17.75C18.2675 17.75 21.7475 14.27 21.7475 10C21.7475 5.73 18.2675 2.25 13.9975 2.25ZM13.9975 16.25C10.5475 16.25 7.7475 13.45 7.7475 10C7.7475 6.55 10.5475 3.75 13.9975 3.75C17.4475 3.75 20.2475 6.55 20.2475 10C20.2475 13.45 17.4475 16.25 13.9975 16.25Z"/></svg>', Rr = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 4.9938C4 4.44362 4.45 3.99348 5 3.99348H6.59L5.3 2.70306C4.91 2.31293 4.91 1.68272 5.3 1.2926C5.69 0.902468 6.32 0.902468 6.71 1.2926L9.71 4.29357C9.8 4.3836 9.88 4.49364 9.93 4.62368C10.03 4.86376 10.03 5.14385 9.93 5.38393C9.88 5.50397 9.81 5.614 9.71 5.71404L6.71 8.71501C6.51 8.91508 6.26 9.00511 6 9.00511C5.74 9.00511 5.49 8.90508 5.29 8.71501C4.9 8.32489 4.9 7.69468 5.29 7.30456L6.58 6.01413H4.99C4.44 6.01413 3.99 5.56399 3.99 5.01381L4 4.9938ZM14.08 5.37393C14.13 5.49397 14.2 5.604 14.3 5.70403L17.3 8.70501C17.5 8.90508 17.75 8.99511 18.01 8.99511C18.27 8.99511 18.52 8.89507 18.72 8.70501C19.11 8.31488 19.11 7.68468 18.72 7.29455L17.43 6.00413H19.02C19.57 6.00413 20.02 5.55399 20.02 5.00381C20.02 4.45363 19.57 4.00348 19.02 4.00348H17.43L18.72 2.71306C19.11 2.32293 19.11 1.69273 18.72 1.3026C18.33 0.912471 17.7 0.912471 17.31 1.3026L14.31 4.30358C14.22 4.39361 14.14 4.50364 14.09 4.63368C13.99 4.87376 13.99 5.15385 14.09 5.39393L14.08 5.37393ZM22 14.9971V20.999C22 22.6496 20.65 24 19 24H5C3.35 24 2 22.6496 2 20.999V14.9971C2 13.3465 3.35 11.9961 5 11.9961H19C20.65 11.9961 22 13.3465 22 14.9971ZM19 13.9967H16V16.9977H20V14.9971C20 14.4469 19.55 13.9967 19 13.9967ZM14 16.9977V13.9967H10V16.9977H14ZM10 18.9984V21.9993H14V18.9984H10ZM4 14.9971V16.9977H8V13.9967H5C4.45 13.9967 4 14.4469 4 14.9971ZM5 21.9993H8V18.9984H4V20.999C4 21.5492 4.45 21.9993 5 21.9993ZM20 20.999V18.9984H16V21.9993H19C19.55 21.9993 20 21.5492 20 20.999Z"/></svg>', Mr = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 23C6.85721 23 1.15412 19.9621 0.0134987 13.1669C-0.0765501 12.6272 0.293651 12.1076 0.833944 12.0177C1.38424 11.9277 1.89452 12.2975 1.98457 12.8371C2.92508 18.4732 7.69767 20.9914 12 20.9914C16.3023 20.9914 21.0749 18.4732 22.0154 12.8371C22.1055 12.2975 22.6158 11.9277 23.1661 12.0177C23.7063 12.1076 24.0765 12.6272 23.9865 13.1669C22.8559 19.9521 17.1428 23 11.99 23H12.01ZM21.165 6.15177C22.3056 5.01257 22.3056 3.16386 21.165 2.02465L21.0049 1.85477C19.9143 0.765533 18.1633 0.725561 17.0227 1.71487C15.8821 0.715568 14.1312 0.765533 13.0406 1.85477L12.8705 2.01466C11.7299 3.15386 11.7299 5.00257 12.8705 6.14178L17.0227 10.2889L21.175 6.14178L21.165 6.15177ZM15.742 3.27378L17.0127 4.54289L18.2834 3.27378C18.6436 2.91403 19.2239 2.91403 19.5841 3.27378L19.7442 3.43367C20.1044 3.79342 20.1044 4.37301 19.7442 4.73276L17.0127 7.46086L14.2812 4.73276C13.921 4.37301 13.921 3.79342 14.2812 3.43367L14.4413 3.27378C14.6214 3.09391 14.8515 3.00397 15.0917 3.00397C15.3318 3.00397 15.5619 3.09391 15.742 3.27378ZM11.1595 6.15177C12.3002 5.01257 12.3002 3.16386 11.1595 2.02465L10.9995 1.85477C9.90886 0.765533 8.15792 0.725561 7.0173 1.71487C5.87668 0.715568 4.12573 0.765533 3.03514 1.85477L2.86505 2.01466C1.72443 3.15386 1.72443 5.00257 2.86505 6.14178L7.0173 10.2889L11.1695 6.14178L11.1595 6.15177ZM5.7366 3.27378L7.00729 4.54289L8.27798 3.27378C8.63818 2.91403 9.21849 2.91403 9.57869 3.27378L9.73877 3.43367C10.099 3.79342 10.099 4.37301 9.73877 4.73276L7.00729 7.46086L4.27581 4.73276C3.91562 4.37301 3.91562 3.79342 4.27581 3.43367L4.4359 3.27378C4.61599 3.09391 4.84612 3.00397 5.08625 3.00397C5.32638 3.00397 5.5565 3.09391 5.7366 3.27378Z"/></svg>', Tr = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_15894_140103)"><path d="M4.88291 4.51001C4.47291 4.51001 4.08291 4.25001 3.94291 3.84001C3.76291 3.32001 4.03291 2.75001 4.55291 2.57001L8.32291 1.25001C8.84291 1.06001 9.41291 1.34001 9.59291 1.86001C9.77291 2.38001 9.50291 2.95001 8.98291 3.13001L5.20291 4.45001C5.09291 4.49001 4.98291 4.51001 4.87291 4.51001H4.88291ZM19.8129 3.89001C20.0229 3.38001 19.7729 2.79001 19.2629 2.59001L15.5529 1.07001C15.0429 0.860007 14.4529 1.11001 14.2529 1.62001C14.0429 2.13001 14.2929 2.72001 14.8029 2.92001L18.5029 4.43001C18.6229 4.48001 18.7529 4.50001 18.8829 4.50001C19.2729 4.50001 19.6529 4.27001 19.8129 3.88001V3.89001ZM3.50291 6.00001C2.64291 6.37001 1.79291 6.88001 1.00291 7.48001C0.79291 7.64001 0.64291 7.87001 0.59291 8.14001C0.48291 8.73001 0.87291 9.29001 1.45291 9.40001C2.04291 9.51001 2.60291 9.12001 2.71291 8.54001C2.87291 7.69001 3.12291 6.83001 3.50291 5.99001V6.00001ZM21.0429 8.55001C21.6029 10.48 24.2429 8.84001 22.7529 7.48001C21.9629 6.88001 21.1129 6.37001 20.2529 6.00001C20.6329 6.84001 20.8829 7.70001 21.0429 8.55001ZM21.5729 13.2C21.2529 14.2 22.5429 15.09 23.3629 14.39C23.8529 14 23.9229 13.29 23.5429 12.81C21.7429 10.67 22.1329 10.55 21.5829 13.2H21.5729ZM1.75291 11C1.22291 11.79 -0.14709 12.64 0.0129102 13.75C0.15291 14.36 0.75291 14.74 1.35291 14.6C2.98291 14.1 1.80291 12.22 1.75291 11ZM19.8829 17C19.8829 13.14 16.2929 10 11.8829 10C7.47291 10 3.88291 13.14 3.88291 17C3.88291 20.86 7.47291 24 11.8829 24C16.2929 24 19.8829 20.86 19.8829 17ZM17.8829 17C17.8829 19.76 15.1929 22 11.8829 22C8.57291 22 5.88291 19.76 5.88291 17C5.88291 14.24 8.57291 12 11.8829 12C15.1929 12 17.8829 14.24 17.8829 17Z"/></g><defs><clipPath id="clip0_15894_140103"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>', $r = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.01915 7C6.46961 7 6.01998 6.55 6.01998 6V2C6.01998 1.45 6.46961 1 7.01915 1C7.56869 1 8.01832 1.45 8.01832 2V6C8.01832 6.55 7.56869 7 7.01915 7ZM18.01 6V2C18.01 1.45 17.5604 1 17.0108 1C16.4613 1 16.0117 1.45 16.0117 2V6C16.0117 6.55 16.4613 7 17.0108 7C17.5604 7 18.01 6.55 18.01 6ZM16.4213 21.58L18.01 19.99L19.2989 21.28C19.6886 21.67 20.3181 21.67 20.7077 21.28C21.0974 20.89 21.0974 20.26 20.7077 19.87L19.4188 18.58C18.6395 17.8 17.3705 17.8 16.5912 18.58L15.0025 20.17L13.4138 18.58C12.6345 17.8 11.3655 17.8 10.5862 18.58L8.9975 20.17L7.40883 18.58C6.62948 17.8 5.36053 17.8 4.58118 18.58L3.29226 19.87C2.90258 20.26 2.90258 20.89 3.29226 21.28C3.68193 21.67 4.31141 21.67 4.70108 21.28L5.99001 19.99L7.57868 21.58C8.35803 22.36 9.62698 22.36 10.4063 21.58L11.995 19.99L13.5837 21.58C13.9734 21.97 14.4829 22.16 14.9925 22.16C15.5021 22.16 16.0117 21.97 16.4013 21.58H16.4213Z"/></svg>', Hr = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.06927 7C6.51927 7 6.06927 6.55 6.06927 6V2C6.06927 1.45 6.51927 1 7.06927 1C7.61927 1 8.06927 1.45 8.06927 2V6C8.06927 6.55 7.61927 7 7.06927 7ZM18.0693 6V2C18.0693 1.45 17.6193 1 17.0693 1C16.5193 1 16.0693 1.45 16.0693 2V6C16.0693 6.55 16.5193 7 17.0693 7C17.6193 7 18.0693 6.55 18.0693 6ZM22.5693 21.9C23.0693 21.66 23.2793 21.07 23.0393 20.57C21.1093 16.52 16.9093 14 12.0693 14C7.22927 14 3.02927 16.52 1.09927 20.57C0.859273 21.07 1.06927 21.67 1.56927 21.9C2.06927 22.14 2.65927 21.93 2.89927 21.43C4.49927 18.08 8.00927 16 12.0593 16C16.1093 16 19.6293 18.08 21.2193 21.43C21.3893 21.79 21.7493 22 22.1193 22C22.2593 22 22.4093 21.97 22.5493 21.9H22.5693Z"/></svg>', Dr = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.00572 7C6.45572 7 6.00572 6.55 6.00572 6V2C6.00572 1.45 6.45572 1 7.00572 1C7.55572 1 8.00572 1.45 8.00572 2V6C8.00572 6.55 7.55572 7 7.00572 7ZM18.0057 6V2C18.0057 1.45 17.5557 1 17.0057 1C16.4557 1 16.0057 1.45 16.0057 2V6C16.0057 6.55 16.4557 7 17.0057 7C17.5557 7 18.0057 6.55 18.0057 6ZM19.9457 21.33C20.1257 20.81 19.8557 20.24 19.3357 20.05C14.5457 18.35 9.45572 18.35 4.66572 20.05C4.14572 20.23 3.87572 20.81 4.05572 21.33C4.23572 21.85 4.80572 22.12 5.33572 21.94C9.69572 20.4 14.3057 20.4 18.6657 21.94C18.7757 21.98 18.8857 22 18.9957 22C19.4057 22 19.7957 21.74 19.9357 21.33H19.9457Z"/></svg>', Vr = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7C6.45 7 6 6.55 6 6V2C6 1.45 6.45 1 7 1C7.55 1 8 1.45 8 2V6C8 6.55 7.55 7 7 7ZM18 6V2C18 1.45 17.55 1 17 1C16.45 1 16 1.45 16 2V6C16 6.55 16.45 7 17 7C17.55 7 18 6.55 18 6ZM21 21C21 20.45 20.55 20 20 20H4C3.45 20 3 20.45 3 21C3 21.55 3.45 22 4 22H20C20.55 22 21 21.55 21 21Z"/></svg>', Br = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.0022 23.99C11.452 23.99 11.0018 23.5402 11.0018 22.9904C11.0018 22.4407 11.452 21.9909 12.0022 21.9909C16.3137 21.9909 21.0755 19.472 22.0158 13.8344C22.1058 13.2947 22.616 12.9248 23.1662 13.0148C23.7064 13.1047 24.0765 13.6245 23.9865 14.1643C22.8561 20.9513 17.144 24 11.9922 24L12.0022 23.99ZM8.00072 5.99783V1.99957C8.00072 1.4498 7.55056 1 7.00036 1C6.45016 1 6 1.4498 6 1.99957V5.99783C6 6.54759 6.45016 6.99739 7.00036 6.99739C7.55056 6.99739 8.00072 6.54759 8.00072 5.99783ZM18.0043 5.99783V1.99957C18.0043 1.4498 17.5542 1 17.004 1C16.4538 1 16.0036 1.4498 16.0036 1.99957V5.99783C16.0036 6.54759 16.4538 6.99739 17.004 6.99739C17.5542 6.99739 18.0043 6.54759 18.0043 5.99783Z"/></svg>', Ar = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 24C6.85721 24 1.15412 20.96 0.0134987 14.16C-0.0765501 13.62 0.293651 13.1 0.833944 13.01C1.38424 12.92 1.89452 13.29 1.98457 13.83C2.92508 19.47 7.69767 21.99 12 21.99C16.3023 21.99 21.0749 19.47 22.0154 13.83C22.1055 13.29 22.6158 12.92 23.1661 13.01C23.7063 13.1 24.0765 13.62 23.9865 14.16C22.8559 20.95 17.1428 24 11.99 24H12.01ZM8.00783 6V2C8.00783 1.45 7.55759 1 7.00729 1C6.45699 1 6.00675 1.45 6.00675 2V6C6.00675 6.55 6.45699 7 7.00729 7C7.55759 7 8.00783 6.55 8.00783 6ZM18.0133 6V2C18.0133 1.45 17.563 1 17.0127 1C16.4624 1 16.0122 1.45 16.0122 2V6C16.0122 6.55 16.4624 7 17.0127 7C17.563 7 18.0133 6.55 18.0133 6Z"/></svg>', Nr = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 24C6.85767 24 1.15509 20.96 0.0145752 14.16C-0.0354475 13.87 0.0445888 13.57 0.234675 13.35C0.424761 13.13 0.704888 13 0.995019 13H23.005C23.2951 13 23.5752 13.13 23.7653 13.35C23.9554 13.57 24.0354 13.87 23.9854 14.16C22.8549 20.95 17.1423 24 11.99 24H12.01ZM2.25559 15C3.61621 19.82 8.0182 22 12.01 22C16.0018 22 20.4038 19.82 21.7644 15H2.25559ZM8.00819 6V2C8.00819 1.45 7.55799 1 7.00774 1C6.45749 1 6.00729 1.45 6.00729 2V6C6.00729 6.55 6.45749 7 7.00774 7C7.55799 7 8.00819 6.55 8.00819 6ZM18.0127 6V2C18.0127 1.45 17.5625 1 17.0123 1C16.462 1 16.0118 1.45 16.0118 2V6C16.0118 6.55 16.462 7 17.0123 7C17.5625 7 18.0127 6.55 18.0127 6Z"/></svg>';
const Le = {
modernbooleancheckchecked: Ri,
modernbooleancheckind: Mi,
modernbooleancheckunchecked: Ti,
moderncheck: $i,
modernradio: Hi,
progressbutton: Di,
removefile: Vi,
timercircle: Bi,
"add-24x24": Ai,
"arrowleft-16x16": Ni,
"arrowright-16x16": Zi,
"camera-24x24": Pi,
"camera-32x32": Ei,
"cancel-24x24": Wi,
"check-16x16": Fi,
"check-24x24": Oi,
"chevrondown-24x24": zi,
"chevronright-16x16": Ui,
"chevronright-24x24": Qi,
"clear-16x16": Ki,
"clear-24x24": ji,
"close-16x16": Gi,
"close-24x24": Ji,
"collapse-16x16": Xi,
"collapsedetails-16x16": Yi,
"delete-16x16": _i,
"delete-24x24": xi,
"drag-24x24": er,
"draghorizontal-24x16": sr,
"editsmall-16x16": nr,
"expand-16x16": or,
"expanddetails-16x16": tr,
"file-72x72": ir,
"flip-24x24": rr,
"folder-24x24": lr,
"fullsize-16x16": ar,
grip: ur,
"image-48x48": dr,
"loading-48x48": mr,
"maximize-16x16": pr,
"minimize-16x16": vr,
"more-24x24": cr,
"navmenu-24x24": Cr,
"noimage-48x48": gr,
"radio-16x16": yr,
"ranking-arrows": qr,
"rankingundefined-16x16": hr,
"rating-star-2": br,
"rating-star-small-2": wr,
"rating-star-small": kr,
"rating-star": fr,
"reorder-24x24": Lr,
"restoredown-16x16": Ir,
"search-24x24": Sr,
"smiley-rate1-24x24": Rr,
"smiley-rate10-24x24": Mr,
"smiley-rate2-24x24": Tr,
"smiley-rate3-24x24": $r,
"smiley-rate4-24x24": Hr,
"smiley-rate5-24x24": Dr,
"smiley-rate6-24x24": Vr,
"smiley-rate7-24x24": Br,
"smiley-rate8-24x24": Ar,
"smiley-rate9-24x24": Nr
}, Zr = ["lang", "dir"], Pr = { onsubmit: "return false;" }, Er = {
key: 0,
class: "sv_custom_header"
}, Wr = { class: "sv-components-column sv-components-column--expandable" }, Fr = ["id"], Or = { key: 2 }, zr = ["innerHTML"], Ur = ["innerHTML"], Qr = ["innerHTML"];
Je("v2", Le);
G.registerIcons(Le);
const re = /* @__PURE__ */ y({
__name: "Survey",
props: {
model: {},
survey: {}
},
setup(u) {
const e = u, o = L(), s = L(1), n = w(() => {
const h = e.survey ? e.survey : e.model;
return Pe(h);
}), t = w(() => n.value.activePage ? n.value.activePage.id : ""), r = () => {
const h = t.value;
return !!n.value && h + s.value.toString();
}, p = w(
() => n.value.showCompletedPage && n.value.state === "completed"
), C = w(() => n.value.css), b = w(() => "page" + r()), q = (h) => {
if (h) {
var V = o.value;
V && h.afterRenderSurvey(V), h.renderCallback = () => {
s.value++, ne(n);
}, h.startTimerFromUI();
}
};
return R(
() => n.value,
(h, V) => {
h && V && q(h);
},
(h) => {
h.stopTimer(), h.renderCallback = void 0;
}
), H(() => {
q(n.value);
}), Z(() => {
n.value.stopTimer(), n.value.beforeDestroySurveyElement(), n.value.renderCallback = void 0;
}), (h, V) => (i(), a("div", {
class: l(n.value.getRootCss()),
style: f(n.value.themeVariables),
lang: n.value.locale || "en",
dir: n.value.localeDir,
ref_key: "root",
ref: o
}, [
n.value.generateStylesheet ? (i(), a(k, { key: 0 }, [
n.value.generateStylesheet ? (i(), c(J("style"), { key: 0 }, {
default: A(() => [
se(S(n.value.themeStyle), 1)
]),
_: 1
})) : m("", !0),
n.value.generateStylesheet ? (i(), c(J("style"), { key: 1 }, {
default: A(() => [
se(S(n.value.resetVariablesStyle), 1)
]),
_: 1
})) : m("", !0)
], 64)) : m("", !0),
g(d, {
is: "sv-scroll",
disabled: n.value.rootScrollDisabled
}, {
default: A(() => [
n.value.needRenderIcons ? (i(), c(d, {
key: 0,
is: "sv-svg-bundle"
})) : m("", !0),
v("div", {
class: l(n.value.wrapperFormCss)
}, [
g(d, { is: "survey-popup-modal" }),
n.value.renderBackgroundImage ? (i(), a("div", {
key: 0,
class: l(C.value.rootBackgroundImage),
style: f(n.value.backgroundImageStyle)
}, null, 6)) : m("", !0),
v("form", Pr, [
g(d, {
is: "sv-scroll",
disabled: n.value.formScrollDisabled
}, {
default: A(() => [
n.value.hasLogo ? m("", !0) : (i(), a("div", Er)),
v("div", {
class: l(C.value.container)
}, [
n.value.headerView === "basic" ? (i(), c(d, {
key: 0,
is: "survey-header",
survey: n.value
}, null, 8, ["survey"])) : m("", !0),
g(d, {
is: "sv-components-container",
survey: n.value,
container: "header",
needRenderWrapper: !1
}, null, 8, ["survey"]),
n.value.isShowingPage ? (i(), a("div", {
key: 1,
class: l(n.value.bodyContainerCss)
}, [
g(d, {
is: "sv-components-container",
survey: n.value,
container: "left",
needRenderWrapper: !0
}, null, 8, ["survey"]),
v("div", Wr, [
g(d, {
is: "sv-components-container",
survey: n.value,
container: "center",
needRenderWrapper: !0
}, null, 8, ["survey"]),
v("div", {
class: l(n.value.bodyCss),
style: f({ maxWidth: n.value.renderedWidth }),
id: t.value
}, [
g(d, {
is: "sv-components-container",
survey: n.value,
container: "contentTop",
needRenderWrapper: !0
}, null, 8, ["survey"]),
(i(), c(d, {
is: n.value.pageComponent || "sv-page",
key: b.value,
survey: n.value,
page: n.value.activePage,
css: C.value
}, null, 8, ["is", "survey", "page", "css"])),
g(d, {
is: "sv-components-container",
survey: n.value,
container: "contentBottom",
needRenderWrapper: !0
}, null, 8, ["survey"]),
n.value.showBrandInfo ? (i(), c(d, {
key: 0,
is: "sv-brand-info"
})) : m("", !0)
], 14, Fr)
]),
g(d, {
is: "sv-components-container",
survey: n.value,
container: "right",
needRenderWrapper: !0
}, null, 8, ["survey"])
], 2)) : m("", !0),
g(d, {
is: "sv-components-container",
survey: n.value,
container: "footer",
needRenderWrapper: !1
}, null, 8, ["survey"]),
p.value ? (i(), a("div", Or, [
v("div", {
innerHTML: n.value.processedCompletedHtml,
class: l(n.value.completedCss)
}, null, 10, zr),
g(d, {
is: "sv-components-container",
survey: n.value,
container: "completePage",
needRenderWrapper: !0
}, null, 8, ["survey"])
])) : m("", !0),
n.value.state === "completedbefore" ? (i(), a("div", {
key: 3,
class: l(n.value.completedBeforeCss),
innerHTML: n.value.processedCompletedBeforeHtml
}, null, 10, Ur)) : m("", !0),
n.value.state === "loading" ? (i(), a("div", {
key: 4,
class: l(n.value.loadingBodyCss),
innerHTML: n.value.processedLoadingHtml
}, null, 10, Qr)) : m("", !0),
n.value.state === "empty" ? (i(), a("div", {
key: 5,
class: l(C.value.bodyEmpty)
}, S(n.value.emptySurveyText), 3)) : m("", !0)
], 2)
]),
_: 1
}, 8, ["disabled"])
]),
g(d, {
is: "sv-notifier",
model: n.value.notifier
}, null, 8, ["model"])
], 2)
]),
_: 1
}, 8, ["disabled"])
], 14, Zr));
}
}), Kr = /* @__PURE__ */ y({
__name: "Notifier",
props: {
model: {}
},
setup(u) {
const e = u;
return R(() => e.model), (o, s) => o.model.isDisplayed ? (i(), a("div", {
key: 0,
class: l(o.model.css),
style: f({ visibility: o.model.active ? "visible" : "hidden" }),
role: "alert",
"aria-live": "polite"
}, [
v("span", null, S(o.model.message), 1),
g(d, {
is: "sv-action-bar",
model: o.model.actionBar
}, null, 8, ["model"])
], 6)) : m("", !0);
}
}), jr = { key: 0 }, Gr = /* @__PURE__ */ y({
__name: "QuestionOther",
props: {
question: {},
item: {}
},
setup(u) {
return (e, o) => {
var s;
return i(), a("div", {
class: l(e.question.getCommentAreaCss(!0))
}, [
e.question.isReadOnlyRenderDiv() ? (i(), a("div", jr, S(((s = e.question.getCommentTextAreaModel(e.item)) == null ? void 0 : s.getTextValue()) || ""), 1)) : (i(), c(d, {
key: 1,
is: "sv-text-area",
model: e.question.getCommentTextAreaModel(e.item)
}, null, 8, ["model"]))
], 2);
};
}
}), Ie = /* @__PURE__ */ y({
__name: "PopupSurvey",
props: {
survey: {},
isExpanded: { type: Boolean },
allowClose: { type: Boolean },
allowFullScreen: { type: Boolean },
onClose: { type: Function },
closeOnCompleteTimeout: {}
},
setup(u) {
const e = u, o = te(), s = () => {
o.value.changeExpandCollapse();
}, n = () => {
o.value.hide(), e.onClose && e.onClose();
}, t = () => {
o.value.toggleFullScreen();
}, r = () => {
o.value.onScroll();
}, p = () => {
let b = o.value.cssHeaderRoot;
return o.value.isCollapsed && (b += " " + o.value.cssRootCollapsedMod), b;
}, C = E(
() => e.survey,
(b) => {
const q = new Xe(null, b);
e.isExpanded !== void 0 && (q.isExpanded = e.isExpanded), e.closeOnCompleteTimeout !== void 0 && (q.closeOnCompleteTimeout = e.closeOnCompleteTimeout), e.allowClose !== void 0 && (q.allowClose = e.allowClose), e.allowFullScreen !== void 0 && (q.allowFullScreen = e.allowFullScreen), q.isShowing = !0, o.value = q;
},
{
immediate: !0
}
);
return R(() => o.value), Z(() => {
C();
}), (b, q) => o.value.isShowing ? (i(), a("div", {
key: 0,
style: f(o.value.renderedStyle),
class: l(o.value.cssRoot),
onScroll: r
}, [
v("div", {
class: l(o.value.cssRootContent)
}, [
v("div", {
class: l(p())
}, [
o.value.isCollapsed && o.value.locTitle ? (i(), a("div", {
key: 0,
class: l(o.value.cssHeaderTitleCollapsed)
}, S(o.value.locTitle.renderedHtml), 3)) : m("", !0),
v("div", {
class: l(o.value.cssHeaderButtonsContainer)
}, [
o.value.allowFullScreen ? (i(), a("div", {
key: 0,
class: l(o.value.cssHeaderFullScreenButton),
onClick: t
}, [
o.value.isFullScreen ? (i(), c(d, {
key: 0,
is: "sv-svg-icon",
iconName: "icon-back-to-panel_16x16",
size: 16
})) : m("", !0),
o.value.isFullScreen ? m("", !0) : (i(), c(d, {
key: 1,
is: "sv-svg-icon",
iconName: "icon-full-screen_16x16",
size: 16
}))
], 2)) : m("", !0),
v("div", {
class: l(o.value.cssHeaderCollapseButton),
onClick: s
}, [
o.value.isExpanded ? (i(), c(d, {
key: 0,
is: "sv-svg-icon",
iconName: "icon-minimize_16x16",
size: 16
})) : m("", !0),
o.value.isCollapsed ? (i(), c(d, {
key: 1,
is: "sv-svg-icon",
iconName: "icon-restore_16x16",
size: 16
})) : m("", !0)
], 2),
o.value.allowClose ? (i(), a("div", {
key: 1,
class: l(o.value.cssHeaderCloseButton),
onClick: n
}, [
g(d, {
is: "sv-svg-icon",
iconName: "icon-close_16x16",
size: 16
})
], 2)) : m("", !0)
], 2)
], 2),
v("div", {
class: l(o.value.cssBody)
}, [
g(re, { survey: b.survey }, null, 8, ["survey"])
], 2)
], 2)
], 38)) : m("", !0);
}
}), Jr = ["innerHTML"], Xr = /* @__PURE__ */ y({
__name: "CustomWidget",
props: {
question: {},
css: {}
},
setup(u) {
const e = u, o = L(), s = w(
() => e.question.customWidget.isDefaultRender
), n = w(
() => !!e.question.customWidget.htmlTemplate
), t = w(() => e.question.customWidget.htmlTemplate), r = w(() => "survey-" + e.question.getTemplate());
return H(() => {
e.question.customWidget.afterRender(e.question, o.value);
}), Q(() => {
e.question.customWidget.willUnmount(e.question, o.value);
}), (p, C) => (i(), a("div", {
ref_key: "root",
ref: o
}, [
n.value ? (i(), a("div", {
key: 0,
innerHTML: t.value
}, null, 8, Jr)) : m("", !0),
s.value ? (i(), c(d, {
key: 1,
is: r.value,
question: p.question,
css: p.css
}, null, 8, ["is", "question", "css"])) : m("", !0)
], 512));
}
}), Yr = /* @__PURE__ */ y({
__name: "PopupModal",
setup(u) {
const e = new Ye(), o = w(() => e.getModals());
return e.onModalsChangedCallback = () => {
ne(o);
}, ee.showDialog || (ee.showDialog = (s, n) => e.addDialog(s, n), Z(() => {
ee.showDialog = void 0, e.clear();
})), (s, n) => (i(!0), a(k, null, M(o.value, (t) => (i(), c(Ee, {
model: t,
key: t.uniqueId,
to: t.container
}, [
g(d, {
is: "sv-popup-container",
model: t
}, null, 8, ["model"])
], 8, ["model", "to"]))), 128));
}
}), _r = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], xr = /* @__PURE__ */ y({
__name: "TextArea",
props: {
model: {},
getRef: { type: Function }
},
setup(u) {
const e = u, o = L(), s = L(), n = function(b) {
e.getRef && e.getRef(b);
}, t = w(() => e.model.getTextValue() || ""), r = w(() => e.model.getCssClasses()), p = () => {
var b;
(b = s.value) == null || b.focus();
};
let C;
return H(() => {
o.value && s.value && e.model.question.resizeStyle !== "none" && (C = new _e(o.value, s.value, e.model.question.resizeStyle)), s.value && e.model.setElement(s.value);
}), W(() => {
s.value && e.model.setElement(s.value);
}), Z(() => {
e.model.resetElement(), C == null || C.dispose();
}), (b, q) => (i(), a("div", {
class: l(r.value.root),
onClick: p,
ref: (h) => n(h)
}, [
v("textarea", {
ref_key: "inputRef",
ref: s,
readonly: b.model.isReadOnlyAttr,
disabled: b.model.isDisabledAttr,
value: t.value,
id: b.model.id,
maxlength: b.model.maxLength,
cols: b.model.cols,
rows: b.model.rows,
placeholder: b.model.placeholder,
class: l(r.value.control),
onBlur: q[0] || (q[0] = (h) => {
b.model.onTextAreaBlur(h);
}),
onFocus: q[1] || (q[1] = (h) => {
b.model.onTextAreaFocus(h);
}),
onChange: q[2] || (q[2] = (h) => {
b.model.onTextAreaChange(h);
}),
onInput: q[3] || (q[3] = (h) => {
b.model.onTextAreaInput(h);
}),
onKeydown: q[4] || (q[4] = (h) => {
b.model.onTextAreaKeyDown(h);
}),
"aria-required": b.model.ariaRequired,
"aria-label": b.model.ariaLabel,
"aria-labelledby": b.model.ariaLabelledBy,
"aria-describedby": b.model.ariaDescribedBy,
"aria-invalid": b.model.ariaInvalid,
"aria-errormessage": b.model.ariaErrormessage,
style: { resize: "none" }
}, null, 42, _r),
b.model.hasVisibleInputActions ? (i(), c(d, {
key: 0,
is: "sv-action-bar",
model: b.model.inputActionsContainer
}, null, 8, ["model"])) : m("", !0),
b.model.question.resizeStyle !== "none" ? (i(), a("div", {
key: 1,
class: l(r.value.grip),
ref_key: "anchorRef",
ref: o
}, [
g(d, {
is: "sv-svg-icon",
iconName: r.value.gripIconId,
size: "auto"
}, null, 8, ["iconName"])
], 2)) : m("", !0)
], 2));
}
}), el = /* @__PURE__ */ y({
__name: "CharacterCounter",
props: {
item: {},
counter: {},
remainingCharacterCounter: {}
},
setup(u) {
const e = u, o = w(() => e.item ? e.item.data : {
counter: e.counter,
remainingCharacterCounter: e.remainingCharacterCounter
});
return R(() => o.value.counter), (s, n) => {
var t;
return i(), a("div", {
class: l(o.value.remainingCharacterCounter)
}, S((t = o.value.counter) == null ? void 0 : t.remainingCharacterCounter), 3);
};
}
}), sl = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Composite",
props: {
question: {},
css: {}
},
setup(u) {
const e = u, o = L(null);
$(e, o);
const s = w(() => e.question.contentPanel);
return (n, t) => (i(), c(d, {
is: "survey-panel",
ref_key: "root",
ref: o,
element: s.value,
css: n.css
}, null, 8, ["element", "css"]));
}
}), nl = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Custom",
props: {
question: {},
css: {}
},
setup(u) {
const e = u, o = L(null);
$(e, o);
const s = w(() => e.question.contentQuestion);
R(() => s.value);
const n = (t) => ie(t);
return (t, r) => (i(), c(d, {
ref: o.value,
is: n(s.value),
question: s.value,
css: t.css
}, null, 8, ["is", "question", "css"]));
}
}), ol = /* @__PURE__ */ v("use", { "xlink:href": "#icon-timercircle" }, null, -1), tl = [
ol
], qe = 440, il = /* @__PURE__ */ y({
__name: "TimerPanel",
props: {
model: {},
css: {}
},
setup(u) {
const e = u, o = w(() => qe * e.model.progress), s = w(() => e.model.text);
return R(() => e.model), (n, t) => n.model.isRunning && n.model.showTimerAsClock ? (i(), a("div", {
key: 0,
class: l(n.model.rootCss)
}, [
n.model.showProgress ? (i(), a("svg", {
key: 0,
class: l(n.model.getProgressCss()),
style: f({ strokeDasharray: qe, strokeDashoffset: o.value })
}, tl, 6)) : m("", !0),
v("div", {
class: l(n.model.textContainerCss)
}, [
v("span", {
class: l(n.model.majorTextCss)
}, S(n.model.clockMajorText), 3),
n.model.clockMinorText ? (i(), a("span", {
key: 0,
class: l(n.model.minorTextCss)
}, S(n.model.clockMinorText), 3)) : m("", !0)
], 2)
], 2)) : D((i(), a("div", {
key: 1,
class: l(n.model.survey.getCss().timerRoot)
}, S(s.value), 3)), [
[N, n.model.isRunning && !n.model.showTimerAsClock]
]);
}
}), rl = { class: "sd-loading-indicator" }, ll = /* @__PURE__ */ y({
__name: "LoadingIndicator",
setup(u) {
return (e, o) => (i(), a("div", rl, [
g(d, {
is: "sv-svg-icon",
iconName: "icon-loading",
size: "'auto'"
})
]));
}
}), al = { key: 2 }, ul = /* @__PURE__ */ y({
__name: "Header",
props: {
model: {},
survey: {}
},
setup(u) {
const e = u;
return R(() => {
const o = e.model;
return o.survey = e.survey, e.model;
}), H(() => {
e.model.processResponsiveness();
}), W(() => {
e.model.processResponsiveness();
}), (o, s) => o.survey.headerView === "advanced" && !o.model.isEmpty ? (i(), a("div", {
key: 0,
class: l(o.model.headerClasses),
style: f({ height: o.model.renderedHeight })
}, [
o.model.backgroundImage ? (i(), a("div", {
key: 0,
class: l(o.model.backgroundImageClasses),
style: f(o.model.backgroundImageStyle)
}, null, 6)) : m("", !0),
o.survey.isMobile ? m("", !0) : (i(), a("div", {
key: 1,
class: l(o.model.contentClasses),
style: f({ maxWidth: o.model.maxWidth })
}, [
(i(!0), a(k, null, M(o.model.cells, (n, t) => (i(), c(d, {
is: "sv-header-cell",
model: n,
key: t
}, null, 8, ["model"]))), 128))
], 6)),
o.survey.isMobile ? (i(), a("div", al, [
g(d, {
is: "sv-header-mobile",
model: o.model
}, null, 8, ["model"])
])) : m("", !0)
], 6)) : m("", !0);
}
}), dl = {
key: 0,
class: "sv-header__logo"
}, ml = ["src", "width", "height", "alt"], pl = /* @__PURE__ */ y({
__name: "HeaderCell",
props: {
model: {}
},
setup(u) {
return (e, o) => (i(), a("div", {
class: l(e.model.css),
style: f(e.model.style)
}, [
v("div", {
class: "sv-header__cell-content",
style: f(e.model.contentStyle)
}, [
e.model.showLogo ? (i(), a("div", dl, [
v("div", {
class: l(e.model.survey.logoClassNames)
}, [
v("img", {
class: l(e.model.survey.css.logoImage),
src: e.model.survey.locLogo.renderedHtml,
width: e.model.survey.renderedLogoWidth,
height: e.model.survey.renderedLogoHeight,
alt: e.model.survey.locTitle.renderedHtml,
style: f({ objectFit: e.model.survey.logoFit, width: e.model.survey.renderedStyleLogoWidth, height: e.model.survey.renderedStyleLogoHeight })
}, null, 14, ml)
], 2)
])) : m("", !0),
e.model.showTitle ? (i(), a("div", {
key: 1,
class: "sv-header__title",
style: f({ maxWidth: e.model.textAreaWidth })
}, [
g(d, {
is: "survey-element-title",
element: e.model.survey,
css: e.model.survey.css
}, null, 8, ["element", "css"])
], 4)) : m("", !0),
e.model.showDescription ? (i(), a("div", {
key: 2,
class: "sv-header__description",
style: f({ maxWidth: e.model.textAreaWidth })
}, [
e.model.survey.renderedHasDescription ? (i(), a("div", {
key: 0,
class: l(e.model.survey.css.description)
}, [
g(d, {
is: "survey-string",
locString: e.model.survey.locDescription
}, null, 8, ["locString"])
], 2)) : m("", !0)
], 4)) : m("", !0)
], 4)
], 6));
}
}), vl = { class: "sv-header--mobile" }, cl = {
key: 0,
class: "sv-header__logo"
}, Cl = ["src", "width", "height", "alt"], gl = /* @__PURE__ */ y({
__name: "HeaderMobile",
props: {
model: {}
},
setup(u) {
return (e, o) => (i(), a("div", vl, [
e.model.survey.hasLogo ? (i(), a("div", cl, [
v("div", {
class: l(e.model.survey.logoClassNames)
}, [
v("img", {
class: l(e.model.survey.css.logoImage),
src: e.model.survey.locLogo.renderedHtml,
width: e.model.survey.renderedLogoWidth,
height: e.model.survey.renderedLogoHeight,
alt: e.model.survey.locTitle.renderedHtml,
style: f({ objectFit: e.model.survey.logoFit, width: e.model.survey.renderedStyleLogoWidth, height: e.model.survey.renderedStyleLogoHeight })
}, null, 14, Cl)
], 2)
])) : m("", !0),
e.model.survey.hasTitle ? (i(), a("div", {
key: 1,
class: "sv-header__title",
style: f({ maxWidth: e.model.renderedTextAreaWidth })
}, [
g(d, {
is: "survey-element-title",
element: e.model.survey,
css: e.model.survey.css
}, null, 8, ["element", "css"])
], 4)) : m("", !0),
e.model.survey.renderedHasDescription ? (i(), a("div", {
key: 2,
class: "sv-header__description",
style: f({ maxWidth: e.model.renderedTextAreaWidth })
}, [
e.model.survey.renderedHasDescription ? (i(), a("div", {
key: 0,
class: l(e.model.survey.css.description)
}, [
g(d, {
is: "survey-string",
locString: e.model.survey.locDescription
}, null, 8, ["locString"])
], 2)) : m("", !0)
], 4)) : m("", !0)
]));
}
}), yl = /* @__PURE__ */ y({
__name: "Element",
props: {
element: {},
row: {},
css: {}
},
setup(u) {
const e = u, o = L();
R(() => e.element);
const s = (C) => C.isPanel ? "survey-panel" : "survey-question", n = w(() => {
const C = e.element.survey;
if (C) {
const b = C.getElementWrapperComponentName(e.element);
if (b)
return b;
}
return s(e.element);
}), t = (C) => C.cssClasses ? C.rootStyle : {}, r = w(() => {
const C = e.element, b = C.survey;
let q;
return b && (q = b.getElementWrapperComponentData(C)), {
componentName: s(C),
componentData: {
element: C,
survey: b,
row: e.row,
css: e.css,
data: q
}
};
}), p = E(
() => e.element,
(C, b) => {
b && b.setWrapperElement(void 0), C.setWrapperElement(o.value);
}
);
return H(() => {
e.element.setWrapperElement(o.value);
}), Z(() => {
e.element.setWrapperElement(void 0), p();
}), (C, b) => (i(), a("div", {
ref_key: "root",
ref: o,
style: f(t(C.element)),
class: l(C.element.getWrapperCss())
}, [
C.row.isNeedRender ? (i(), c(d, B({
key: 0,
is: n.value
}, r.value), null, 16, ["is"])) : C.element.skeletonComponentName ? (i(), c(d, {
key: 1,
is: C.element.skeletonComponentName,
element: C.element,
css: C.css
}, null, 8, ["is", "element", "css"])) : m("", !0)
], 6));
}
}), ql = /* @__PURE__ */ y({
__name: "TemplateRenderer",
props: {
componentName: {},
componentData: {}
},
setup(u) {
const e = We(), o = w(() => !!e.default);
return (s, n) => o.value && !s.componentName ? X(s.$slots, "default", { key: 0 }) : (i(), c(d, B({
key: 1,
is: s.componentName
}, s.componentData), null, 16, ["is"]));
}
}), hl = /* @__PURE__ */ y({
__name: "FileCleanButton",
props: {
question: {},
css: {}
},
setup(u) {
return (e, o) => (i(), a("button", {
type: "button",
class: l(e.css),
onClick: o[0] || (o[0] = //@ts-ignore
(...s) => e.question.doClean && e.question.doClean(...s))
}, [
v("span", null, S(e.question.clearButtonCaption), 1),
e.question.cssClasses.removeButtonIconId ? (i(), c(d, {
key: 0,
is: "sv-svg-icon",
iconName: e.question.cssClasses.removeButtonIconId,
size: "auto",
title: e.question.clearButtonCaption
}, null, 8, ["iconName", "title"])) : m("", !0)
], 2));
}
}), bl = ["id"], wl = /* @__PURE__ */ y({
__name: "FileVideo",
props: {
question: {}
},
setup(u) {
return (e, o) => (i(), a("div", {
class: l(e.question.cssClasses.videoContainer)
}, [
g(d, {
is: "sv-action",
item: e.question.changeCameraAction
}, null, 8, ["item"]),
g(d, {
is: "sv-action",
item: e.question.closeCameraAction
}, null, 8, ["item"]),
v("video", {
autoplay: "",
playsinline: "",
id: e.question.videoId,
class: l(e.question.cssClasses.video)
}, null, 10, bl),
g(d, {
is: "sv-action",
item: e.question.takePictureAction
}, null, 8, ["item"])
], 2));
}
}), kl = ["for", "aria-label"], fl = /* @__PURE__ */ y({
__name: "FileChooseButton",
props: {
item: {}
},
setup(u) {
const e = u, o = w(
() => {
var s;
return (s = e.item.data) == null ? void 0 : s.question;
}
);
return (s, n) => D((i(), a("label", {
tabindex: "0",
class: l(s.item.getActionBarItemCss()),
for: o.value.inputId,
"aria-label": o.value.chooseButtonText,
onClick: n[0] || (n[0] = (t) => o.value.chooseFile(t))
}, [
s.item.iconName ? (i(), c(d, {
key: 0,
is: "sv-svg-icon",
title: o.value.chooseButtonText,
class: l(s.item.cssClasses.itemIcon),
iconName: o.value.cssClasses.chooseFileIconId,
size: "auto"
}, null, 8, ["title", "class", "iconName"])) : m("", !0),
s.item.hasTitle ? (i(), c(_, {
key: 1,
model: s.item.locTitle,
textClass: s.item.getActionBarItemTitleCss()
}, null, 8, ["model", "textClass"])) : m("", !0)
], 10, kl)), [
[T(F)]
]);
}
}), Ll = /* @__PURE__ */ y({
__name: "FilePreview",
props: {
question: {}
},
setup(u) {
return (e, o) => e.question.showPreviewContainer ? (i(), a("div", {
key: 0,
class: l(e.question.cssClasses.fileList || void 0)
}, [
(i(!0), a(k, null, M(e.question.renderedPages, (s) => (i(), c(d, {
is: "sv-file-page",
key: s.id,
page: s,
question: e.question
}, null, 8, ["page", "question"]))), 128))
], 2)) : m("", !0);
}
}), Il = /* @__PURE__ */ y({
__name: "ButtonGroup",
props: {
question: {}
},
setup(u) {
const e = u, o = L();
return $(e, o), (s, n) => (i(), a("div", {
role: "group",
class: l(s.question.getControlClass()),
ref_key: "root",
ref: o
}, [
(i(!0), a(k, null, M(s.question.visibleChoices, (t, r) => (i(), c(d, {
is: "sv-button-group-item",
question: s.question,
key: r,
item: t,
index: r
}, null, 8, ["question", "item", "index"]))), 128))
], 2));
}
}), Sl = ["title"], Rl = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Ml = ["title"], Tl = /* @__PURE__ */ y({
__name: "ButtonGroupItem",
props: {
item: {},
question: {},
index: {}
},
setup(u) {
const e = u, o = w(
() => new xe(e.question, e.item, e.index)
), s = w({
get: () => e.question.renderedValue,
set: (n) => {
const t = e.question;
t.renderedValue = n;
}
});
return (n, t) => (i(), a("label", {
class: l(o.value.css.label),
title: o.value.caption.renderedHtml
}, [
D(v("input", {
type: "radio",
name: o.value.name,
id: o.value.id,
"aria-required": o.value.isRequired,
"aria-label": o.value.caption.renderedHtml,
"aria-invalid": o.value.hasErrors,
"aria-errormessage": o.value.describedBy,
disabled: o.value.readOnly,
class: l(o.value.css.control),
"onUpdate:modelValue": t[0] || (t[0] = (r) => s.value = r),
value: o.value.value
}, null, 10, Rl), [
[be, s.value]
]),
v("div", {
class: l(o.value.css.decorator)
}, [
o.value.iconName ? (i(), c(d, {
key: 0,
is: "sv-svg-icon",
iconName: o.value.iconName,
size: o.value.iconSize,
class: l(o.value.css.icon)
}, null, 8, ["iconName", "size", "class"])) : m("", !0),
o.value.showCaption ? (i(), a("span", {
key: 1,
class: l(o.value.css.caption),
title: o.value.caption.renderedHtml
}, [
g(d, {
is: "survey-string",
locString: o.value.caption
}, null, 8, ["locString"])
], 10, Ml)) : m("", !0)
], 2)
], 10, Sl));
}
});
z.Instance.registerRenderer(
"buttongroup",
"dropdown",
"sv-buttongroup-dropdown"
);
const $l = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "ButtonGroupDropdown",
props: {
question: {}
},
setup(u) {
const e = u, o = L(null);
return $(e, o), (s, n) => (i(), a("div", {
class: l(s.question.cssClasses.rootDropdown),
ref_key: "root",
ref: o
}, [
g(d, {
is: "sv-dropdown",
question: s.question
}, null, 8, ["question"])
], 2));
}
}), Hl = ["src", "width", "height", "alt"], Dl = /* @__PURE__ */ y({
inheritAttrs: !1,
__name: "Logo",
props: {
data: {}
},
setup(u) {
const e = u, o = w(() => e.data), s = U(() => o.value.locLogo);
return (n, t) => (i(), a("div", {
class: l(o.value.logoClassNames)
}, [
v("img", {
class: l(o.value.css.logoImage),
src: T(s),
width: o.value.renderedLogoWidth,
height: o.value.renderedLogoHeight,
alt: o.value.locTitle.renderedHtml,
style: f({
objectFit: o.value.logoFit,
width: o.value.renderedStyleLogoWidth,
height: o.value.renderedStyleLogoHeight
})
}, null, 14, Hl)
], 2));
}
}), Vl = /* @__PURE__ */ y({
__name: "SvgBundle",
setup(u) {
const e = L(), o = () => {
e.value && (e.value.innerHTML = G.iconsRenderedHtml());
};
return H(() => {
o(), G.onIconsChanged.add(o);
}), Z(() => {
G.onIconsChanged.remove(o);
}), (s, n) => D((i(), a("svg", {
id: "sv-icon-holder-global-container",
ref_key: "root",
ref: e
}, null, 512)), [
[N, !1]
]);
}
}), Bl = ["id"], Al = /* @__PURE__ */ y({
__name: "FilePage",
props: {
page: {},
question: {}
},
setup(u) {
const e = u;
return R(() => e.page), (o, s) => (i(), a("div", {
class: l(o.page.css),
id: o.page.id
}, [
(i(!0), a(k, null, M(o.page.items, (n) => (i(), c(d, {
is: "sv-file-item",
key: n,
item: n,
question: o.question
}, null, 8, ["item", "question"]))), 128))
], 10, Bl));
}
}), Nl = ["href", "title", "download"], Zl = ["src"], Pl = ["href", "title", "download"], El = /* @__PURE__ */ y({
__name: "FileItem",
props: {
item: {},
question: {}
},
setup(u) {
return (e, o) => D((i(), a("span", {
class: l(e.question.cssClasses.previewItem),
onClick: o[2] || (o[2] = (s) => e.question.doDownloadFileFromContainer(s))
}, [
e.item.name && e.question.cssClasses.fileSign ? (i(), a("div", {
key: 0,
class: l(e.question.cssClasses.fileSign)
}, [
v("a", {
onClick: o[0] || (o[0] = (s) => e.question.doDownloadFile(s, e.item)),
href: e.item.content,
title: e.item.name,
download: e.item.name,
target: "_blank",
rel: "noreferrer",
style: f({ width: e.question.imageWidth })
}, S(e.item.name), 13, Nl)
], 2)) : m("", !0),
v("div", {
class: l(e.question.getImageWrapperCss(e.item))
}, [
e.question.canPreviewImage(e.item) ? (i(), a("img", {
key: 0,
src: e.item.content,
style: f({
height: e.question.imageHeight,
width: e.question.imageWidth
}),
alt: "File preview"
}, null, 12, Zl)) : m("", !0),
e.question.defaultImage(e.item) ? (i(), c(d, {
key: 1,
is: "sv-svg-icon",
iconName: e.question.cssClasses.defaultImageIconId,
class: l(e.question.cssClasses.defaultImage),
size: "auto"
}, null, 8, ["iconName", "class"])) : m("", !0),
e.item.name && !e.question.isReadOnly ? (i(), c(d, {
key: 2,
is: "sv-action",
item: e.question.getRemoveFileButton(e.item)
}, null, 8, ["item"])) : m("", !0)
], 2),
e.item.name && e.question.cssClasses.fileSignBottom ? (i(), a("div", {
key: 1,
class: l(e.question.cssClasses.fileSignBottom)
}, [
v("a", {
onClick: o[1] || (o[1] = (s) => e.question.doDownloadFile(s, e.item)),
href: e.item.content,
title: e.item.name,
download: e.item.name,
target: "_blank",
rel: "noreferrer",
style: f({ width: e.question.imageWidth })
}, S(e.item.name), 13, Pl)
], 2)) : m("", !0)
], 2)), [
[N, e.item]
]);
}
}), Wl = ["onClick"], Fl = ["data-responsive-title"], Ol = /* @__PURE__ */ y({
__name: "MatrixRow",
props: {
question: {},
row: {}
},
setup(u) {
const e = u;
R(() => e.row), R(() => e.row.item);
const o = (s, n) => {
s.cellClick(n);
};
return (s, n) => (i(), a("tr", {
class: l(s.row.rowClasses || void 0)
}, [
D(v("td", {
class: l(s.row.rowTextClasses),
style: f({
minWidth: s.question.rowTitleWidth,
width: s.question.rowTitleWidth
})
}, [
g(d, {
is: s.question.getRowHeaderWrapperComponentName(s.row),
componentData: s.question.getRowHeaderWrapperComponentData(s.row)
}, {
default: A(() => [
g(d, {
is: "survey-string",
locString: s.row.locText
}, null, 8, ["locString"])
]),
_: 1
}, 8, ["is", "componentData"])
], 6), [
[N, s.question.hasRows]
]),
s.question.hasCellText ? (i(!0), a(k, { key: 0 }, M(s.question.visibleColumns, (t) => (i(), a("td", {
key: t.uniqueId,
class: l(s.question.getItemClass(s.row, t)),
onClick: (r) => o(s.row, t)
}, [
g(d, {
is: "survey-string",
locString: s.question.getCellDisplayLocText(s.row.name, t)
}, null, 8, ["locString"])
], 10, Wl))), 128)) : m("", !0),
s.question.hasCellText ? m("", !0) : (i(!0), a(k, { key: 1 }, M(s.question.visibleColumns, (t, r) => (i(), a("td", {
key: t.uniqueId,
"data-responsive-title": t.locText.renderedHtml,
class: l(s.question.cssClasses.cell)
}, [
g(d, {
is: s.question.cellComponent,
question: s.question,
row: s.row,
column: t,
columnIndex: r
}, null, 8, ["is", "question", "row", "column", "columnIndex"])
], 10, Fl))), 128))
], 2));
}
});
es.platform = "vue3";
function zl(u, e, o) {
u(e, o);
}
function Se(u) {
const e = zl.bind(
void 0,
u
);
e("sv-svg-bundle", Vl), e("popup-survey", Ie), e("survey-header", rs), e("sv-logo-image", Dl), e("sv-page", is), e("survey-row", ls), e("survey-question", ps), e("survey-panel", gs), e("survey-element-header", qs), e("survey-string", hs), e("sv-string-viewer", _), e("sv-string-editor", ks), e("sv-skeleton", Ls), e("sv-scroll", Ms), e("survey-text", Vs), e("survey-checkbox", Ps), e("survey-checkbox-item", Fs), e("survey-radiogroup", Os), e("survey-radiogroup-item", Qs), e("survey-signaturepad", js), e("survey-html", Js), e("survey-image", xs), e("survey-expression", sn), e("survey-file", rn), e("sv-file-choose-btn", fl), e("sv-file-clean-btn", hl), e("sv-file-preview", Ll), e("sv-file-page", Al), e("sv-file-item", El), e("sv-file-video", wl), e("survey-imagepicker", an), e("survey-imagepicker-item", vn), e("survey-imagemap", gn), e("survey-comment", yn), e("survey-dropdown", qn), e("sv-dropdown-select", kn), e("sv-dropdown-option-item", Ln), e("sv-dropdown", Tn), e("survey-tagbox", $n), e("sv-tagbox", Vn), e("sv-tagbox-item", Zn), e("sv-tagbox-filter", Nn), e("survey-ranking", Pn), e("survey-ranking-item", Un), e("sv-ranking-item", Qn), e("survey-rating", Gn), e("sv-rating-item", Yn), e("sv-rating-item-smiley", eo), e("sv-rating-item-star", oo), e("sv-rating-dropdown", ao), e("sv-rating-dropdown-item", lo), e("survey-boolean", mo), e("sv-boolean-radio", po), e("sv-boolean-radio-item", Co), e("sv-boolean-checkbox", wo), e("sv-boolean-switch", Lo), e("survey-multipletext", Io), e("sv-multipletext-row", So), e("survey-multipletext-item", To), e("sv-breadcrumbs", $o), e("sv-single-input-summary", Ao), e("survey-slider", Po), e("sv-slider-label-item", Oo), e("survey-matrix", jo), e("sv-matrix-row", Ol), e("survey-matrix-row", Jo), e("survey-matrix-cell", _o), e("survey-matrixdropdown", xo), e("survey-matrixtable", nt), e("survey-matrixheaderrequired", tt), e("survey-matrixdropdown-cell", rt), e("survey-matrixdynamic", lt), e("survey-placeholder-matrixdynamic", at), e("sv-matrix-drag-drop-icon", mt), e("survey-paneldynamic", vt), e("survey-paneldynamicprogress", Ct), e("survey-placeholder-paneldynamic", gt), e("sv-paneldynamic-progress-text", qt), e("sv-components-container", yi), e("sv-progress-buttons", Ii), e("sv-navigation-toc", Si), e("sv-progress-pages", j), e("sv-progress-questions", j), e("sv-progress-correctquestions", j), e("sv-progress-requiredquestions", j), e("survey-errors", bt), e("survey-question-comment", kt), e("survey-element-title", ft), e("survey-element-title-content", Mt), e("sv-title-actions", Ht), e("sv-brand-info", Pt), e("sv-question-error", Ot), e("sv-svg-icon", Ft), e("sv-action-bar", zt), e("sv-action", Qt), e("sv-action-bar-item", Gt), e("sv-action-bar-item-dropdown", Yt), e("sv-action-bar-separator", _t), e("sv-list", ni), e("sv-list-item-content", ri), e("sv-list-item-group", li), e("sv-list-item", ii), e("sv-popup", ai), e("sv-popup-container", ci), e("popup-pointer", Ci), e("popup-close-button", gi), e("sv-notifier", Kr), e("survey-other-choice", Gr), e("survey-customwidget", Xr), e("survey-popup-modal", Yr), e("survey-composite", sl), e("survey-custom", nl), e("sv-timerpanel", il), e("sv-loading-indicator", ll), e("sv-header", ul), e("sv-header-cell", pl), e("sv-header-mobile", gl), e("sv-template-renderer", ql), e("sv-character-counter", el), e("sv-text-area", xr), e("survey-element", yl), e("survey-buttongroup", Il), e("sv-button-group-item", Tl), e("sv-buttongroup-dropdown", $l), e("survey", re);
}
Se(
(u, e) => O.Instance.registerComponent(u, e)
);
const jl = {
install(u) {
u.component("SurveyComponent", re), u.component("PopupSurveyComponent", Ie), u.directive("key2click", F), Se((e, o) => {
u.component(e, o), O.Instance.registerComponent(e, e);
});
}
};
export {
O as ComponentFactory,
Ie as PopupSurveyComponent,
re as SurveyComponent,
d as SvComponent,
F as key2ClickDirective,
jl as surveyPlugin,
R as useBase,
U as useLocString,
$ as useQuestion
};