admins-components 9.0.27 → 9.0.29

package/dist/admins-components169.js

@@ -1,59 +1,59 @@
-import './src/vueformelements/PartnerPickerElement.vue_vue_type_style_index_0_scoped_09bea4ae_lang.css';
-import { defineElement as e } from "./admins-components150.js";
-import t from "./admins-components152.js";
-import { ppeconfig as n } from "./admins-components167.js";
-/* empty css                     */
-import { createBlock as r, createElementVNode as i, createSlots as a, openBlock as o, ref as s, renderList as c, renderSlot as l, resolveComponent as u, resolveDynamicComponent as d, watch as f, withCtx as p } from "vue";
-//#region src/vueformelements/PartnerPickerElement.vue
-var m = e({
-	name: "PartnerPickerElement",
+import e from "./admins-components45.js";
+import { defineElement as t } from "./admins-components156.js";
+import n from "./admins-components158.js";
+import { ipeConfig as r } from "./admins-components161.js";
+import { createBlock as i, createSlots as a, createVNode as o, openBlock as s, ref as c, renderList as l, renderSlot as u, resolveComponent as d, resolveDynamicComponent as f, watch as p, withCtx as m } from "vue";
+//#region src/vueformelements/ImagePickerElement.vue
+var h = t({
+	name: "ImagePickerElement",
+	components: { ImagePicker: e },
 	setup(e, t) {
-		let { value: r } = t.element, i = s(""), a = s("");
-		f(r, (e) => {
-			e && c(e);
-		}, { deep: !0 });
-		let o = n.onFetchData, c = (e) => {
-			e && n.onFetchData(e, l);
-		}, l = (e, t, n) => {
-			i.value = t, a.value = n, r.value != e && (r.value = e);
-		};
-		return {
-			logoUrl: i,
-			pname: a,
-			value: r,
-			fetchData: c,
-			onFetchData: o,
-			gotData: l
+		let { value: n } = t.element, i = c({
+			id: n.value,
+			source: "",
+			title: "",
+			isAdult: !1,
+			url: ""
+		});
+		return p(() => n, (e) => {
+			i.value.id = e.value;
+		}, {
+			immediate: !0,
+			deep: !0
+		}), {
+			ipeConfig: r,
+			value: n,
+			model: i
 		};
 	}
-}), h = { class: "flex flex-column gap-2 ac-component" }, g = { class: "flex gap-2 w-100" }, _ = ["src"], v = { class: "w-100" }, y = { class: "c-input-row" }, b = ["value"], x = { class: "w-100" }, S = { class: "c-input-row" }, C = ["value"];
-function w(e, t, n, s, f, m) {
-	let w = u("ElementLayout");
-	return o(), r(w, null, a({
-		element: p(() => [i("div", h, [i("div", g, [i("img", {
-			alt: "",
-			src: e.logoUrl,
-			class: "partner-logo"
-		}, null, 8, _), i("div", v, [i("div", y, [i("input", {
-			type: "text",
-			class: "c-input",
-			value: e.pname,
-			disabled: "",
-			placeholder: "Neve"
-		}, null, 8, b)])])]), i("div", x, [i("div", S, [i("input", {
-			id: "partner-id",
-			type: "text",
-			class: "c-input",
-			value: e.value,
-			onChange: t[0] ||= (t) => e.fetchData(t.target.value),
-			placeholder: "Azonoító"
-		}, null, 40, C)])])])]),
+});
+function g(e, t, n, r, c, p) {
+	let h = d("ImagePicker"), g = d("ElementLayout");
+	return s(), i(g, null, a({
+		element: m(() => [o(h, {
+			modelValue: e.model,
+			"onUpdate:modelValue": [t[0] ||= (t) => e.model = t, t[1] ||= (t) => e.value = t?.id],
+			editable: !1,
+			details: !1,
+			environment: e.ipeConfig.environment,
+			articleEditorUrl: e.ipeConfig.articleEditorUrl,
+			searchImageWidgetUrl: e.ipeConfig.searchImageWidgetUrl,
+			imageBaseUrl: e.ipeConfig.imageBaseUrl,
+			imageViewId: e.ipeConfig.imageViewId
+		}, null, 8, [
+			"modelValue",
+			"environment",
+			"articleEditorUrl",
+			"searchImageWidgetUrl",
+			"imageBaseUrl",
+			"imageViewId"
+		])]),
 		_: 2
-	}, [c(e.elementSlots, (t, n) => ({
+	}, [l(e.elementSlots, (t, n) => ({
 		name: n,
-		fn: p(() => [l(e.$slots, n, { el$: e.el$ }, () => [(o(), r(d(t), { el$: e.el$ }, null, 8, ["el$"]))], !0)])
+		fn: m(() => [u(e.$slots, n, { el$: e.el$ }, () => [(s(), i(f(t), { el$: e.el$ }, null, 8, ["el$"]))])])
 	}))]), 1024);
 }
-var T = /* @__PURE__ */ t(m, [["render", w], ["__scopeId", "data-v-09bea4ae"]]);
+var _ = /* @__PURE__ */ n(h, [["render", g]]);
 //#endregion
-export { T as default };
+export { _ as default };

package/dist/admins-components169.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components169.js","names":[],"sources":["../src/vueformelements/PartnerPickerElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport { ref, watch } from 'vue'\nimport { ppeconfig } from '@/vueformelements/config/PartnerPickerElementConfig'\n\nexport default defineElement({\n  name: 'PartnerPickerElement',\n  setup(props, context) {\n    const { value } = context.element\n\n    const logoUrl = ref('')\n    const pname = ref('')\n\n    watch(\n      value,\n      (v) => {\n        if (v) {\n          fetchData(v)\n        }\n      },\n      { deep: true },\n    )\n\n    const onFetchData = ppeconfig.onFetchData\n\n    const fetchData = (id) => {\n      if (id) ppeconfig.onFetchData(id, gotData)\n    }\n\n    const gotData = (id, lu, nm) => {\n      logoUrl.value = lu\n      pname.value = nm\n\n      if (value.value != id) value.value = id\n    }\n\n    return {\n      logoUrl,\n      pname,\n      value,\n      fetchData,\n      onFetchData,\n      gotData,\n    }\n  },\n})\n</script>\n\n<template>\n  <ElementLayout>\n    <template #element>\n      <div class=\"flex flex-column gap-2 ac-component\">\n        <div class=\"flex gap-2 w-100\">\n          <img alt=\"\" :src=\"logoUrl\" class=\"partner-logo\" />\n          <div class=\"w-100\">\n            <div class=\"c-input-row\">\n              <input type=\"text\" class=\"c-input\" :value=\"pname\" disabled placeholder=\"Neve\" />\n            </div>\n          </div>\n        </div>\n        <div class=\"w-100\">\n          <div class=\"c-input-row\">\n            <input\n              id=\"partner-id\"\n              type=\"text\"\n              class=\"c-input\"\n              :value=\"value\"\n              @change=\"(e) => fetchData(e.target.value)\"\n              placeholder=\"Azonoító\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n\n    <template v-for=\"(component, slot) in elementSlots\" #[slot]>\n      <!-- eslint-disable-next-line vue/valid-attribute-name -->\n      <slot :name=\"slot\" :el$=\"el$\">\n        <component :is=\"component\" :el$=\"el$\" />\n      </slot>\n    </template>\n  </ElementLayout>\n</template>\n\n<style scoped>\n.partner-logo {\n  max-width: 25px;\n  height: auto;\n  flex-shrink: 0;\n}\n</style>\n"],"mappings":";;;;;;AAMA,IAAK,IAAa,EAAW;CAC3B,MAAM;CACN,MAAM,GAAO,GAAS;EACpB,IAAM,EAAE,aAAU,EAAQ,SAEpB,IAAU,EAAI,EAAE,GAChB,IAAQ,EAAI,EAAE;EAEpB,EACE,IACC,MAAM;GACL,AAAI,KACF,EAAU,CAAC;EAEf,GACA,EAAE,MAAM,GAAK,CACf;EAEA,IAAM,IAAc,EAAU,aAExB,KAAa,MAAO;GACxB,AAAI,KAAI,EAAU,YAAY,GAAI,CAAO;EAC3C,GAEM,KAAW,GAAI,GAAI,MAAO;GAI9B,AAHA,EAAQ,QAAQ,GAChB,EAAM,QAAQ,GAEV,EAAM,SAAS,MAAI,EAAM,QAAQ;EACvC;EAEA,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;EACF;CACF;AACF,CAAC,SAMU,OAAM,sCAAqC,SACzC,OAAM,mBAAkB,sBAEtB,OAAM,QAAO,SACX,OAAM,cAAa,wBAKvB,OAAM,QAAO,SACX,OAAM,cAAa;;;aAZhC,EAgCgB,GAAA,MAAA,EAAA;EA/BH,SAAO,QAsBV,CArBN,EAqBM,OArBN,GAqBM,CApBJ,EAOM,OAPN,GAOM,CANJ,EAAkD,OAAA;GAA7C,KAAI;GAAI,KAAK,EAAA;GAAS,OAAM;kBACjC,EAIM,OAJN,GAIM,CAHJ,EAEM,OAFN,GAEM,CADJ,EAAgF,SAAA;GAAzE,MAAK;GAAO,OAAM;GAAW,OAAO,EAAA;GAAO,UAAA;GAAS,aAAY;wBAI7E,EAWM,OAXN,GAWM,CAVJ,EASM,OATN,GASM,CARJ,EAOE,SAAA;GANA,IAAG;GACH,MAAK;GACL,OAAM;GACL,OAAO,EAAA;GACP,UAAM,AAAA,EAAA,QAAG,MAAM,EAAA,UAAU,EAAE,OAAO,KAAK;GACxC,aAAY;;;OAOgB,EAAA,eAApB,GAAW;QAAwB;cAI5C,CAFP,EAEO,EAAA,QAFM,GAAI,EAAG,KAAK,EAAA,IAAG,SAErB,EAAA,EAAA,GADL,EAAwC,EAAxB,CAAS,GAAA,EAAG,KAAK,EAAA,IAAG,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"admins-components169.js","names":[],"sources":["../src/vueformelements/ImagePickerElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport ImagePicker from '@/components/custom/ImagePicker.vue'\nimport { ref, watch } from 'vue'\nimport { ipeConfig } from '@/vueformelements/config/ImagePickerElementConfig'\n\nexport default defineElement({\n  name: 'ImagePickerElement',\n  components: { ImagePicker },\n\n  setup(props, ctx) {\n    const { value } = ctx.element // value is ref. its a string (image id) or undefined\n\n    const model = ref({\n      id: value.value,\n      source: '',\n      title: '',\n      isAdult: false,\n      url: '',\n    })\n\n    watch(\n      () => value,\n      (newVal) => {\n        model.value.id = newVal.value\n      },\n      { immediate: true, deep: true },\n    )\n\n    return { ipeConfig, value, model }\n  },\n})\n</script>\n\n<template>\n  <ElementLayout>\n    <template #element>\n      <ImagePicker\n        v-model=\"model\"\n        @update:modelValue=\"(img) => (value = img?.id)\"\n        :editable=\"false\"\n        :details=\"false\"\n        :environment=\"ipeConfig.environment\"\n        :articleEditorUrl=\"ipeConfig.articleEditorUrl\"\n        :searchImageWidgetUrl=\"ipeConfig.searchImageWidgetUrl\"\n        :imageBaseUrl=\"ipeConfig.imageBaseUrl\"\n        :imageViewId=\"ipeConfig.imageViewId\"\n      />\n    </template>\n\n    <template v-for=\"(component, slot) in elementSlots\" #[slot]>\n      <!-- eslint-disable-next-line vue/valid-attribute-name -->\n      <slot :name=\"slot\" :el$=\"el$\">\n        <component :is=\"component\" :el$=\"el$\" />\n      </slot>\n    </template>\n  </ElementLayout>\n</template>\n"],"mappings":";;;;;;AAOA,IAAK,IAAa,EAAW;CAC3B,MAAM;CACN,YAAY,EAAE,aAAA,EAAY;CAE1B,MAAM,GAAO,GAAK;EAChB,IAAM,EAAE,aAAU,EAAI,SAEhB,IAAQ,EAAI;GAChB,IAAI,EAAM;GACV,QAAQ;GACR,OAAO;GACP,SAAS;GACT,KAAK;EACP,CAAC;EAUD,OARA,QACQ,IACL,MAAW;GACV,EAAM,MAAM,KAAK,EAAO;EAC1B,GACA;GAAE,WAAW;GAAM,MAAM;EAAK,CAChC,GAEO;GAAE;GAAW;GAAO;EAAM;CACnC;AACF,CAAC;;;aAIC,EAqBgB,GAAA,MAAA,EAAA;EApBH,SAAO,QAWd,CAVF,EAUE,GAAA;eATS,EAAA;2CAAA,EAAA,QAAK,GAAA,AAAA,EAAA,QACO,MAAS,EAAA,QAAQ,GAAK,EAAA;GAC1C,UAAU;GACV,SAAS;GACT,aAAa,EAAA,UAAU;GACvB,kBAAkB,EAAA,UAAU;GAC5B,sBAAsB,EAAA,UAAU;GAChC,cAAc,EAAA,UAAU;GACxB,aAAa,EAAA,UAAU;;;;;;;;;;OAIU,EAAA,eAApB,GAAW;QAAwB;cAI5C,CAFP,EAEO,EAAA,QAFM,GAAI,EAAG,KAAK,EAAA,IAAG,SAErB,EAAA,EAAA,GADL,EAAwC,EAAxB,CAAS,GAAA,EAAG,KAAK,EAAA,IAAG,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/admins-components17.js

@@ -1,95 +1,5 @@
-import { endOfDay as e, isSameCalendarDay as t, localToUTCString as n, startOfDay as r, startOfWeek as i } from "./admins-components3.js";
-//#region src/utils/predefinedDateRange.ts
-var a = [
-	{
-		key: "lastDay",
-		label: "Tegnap"
-	},
-	{
-		key: "thisDay",
-		label: "Ma"
-	},
-	{
-		key: "lastWeek",
-		label: "Múlt hét"
-	},
-	{
-		key: "thisWeek",
-		label: "E hét"
-	},
-	{
-		key: "lastMonth",
-		label: "Múlt hónap"
-	},
-	{
-		key: "thisMonth",
-		label: "E hónap"
-	}
-];
-function o(t, n = /* @__PURE__ */ new Date()) {
-	if (t === "thisDay") return {
-		from: r(n),
-		to: e(n)
-	};
-	if (t === "lastDay") {
-		let t = new Date(n);
-		return t.setDate(t.getDate() - 1), {
-			from: r(t),
-			to: e(t)
-		};
-	}
-	if (t === "thisWeek") {
-		let t = i(n);
-		return {
-			from: t,
-			to: e(new Date(t.getFullYear(), t.getMonth(), t.getDate() + 6))
-		};
-	}
-	if (t === "lastWeek") {
-		let t = i(n), r = new Date(t);
-		r.setDate(r.getDate() - 7);
-		let a = e(new Date(t));
-		return a.setDate(a.getDate() - 1), {
-			from: r,
-			to: a
-		};
-	}
-	return t === "thisMonth" ? {
-		from: r(new Date(n.getFullYear(), n.getMonth(), 1)),
-		to: e(new Date(n.getFullYear(), n.getMonth() + 1, 0))
-	} : {
-		from: r(new Date(n.getFullYear(), n.getMonth() - 1, 1)),
-		to: e(new Date(n.getFullYear(), n.getMonth(), 0))
-	};
-}
-function s(e, t) {
-	let { from: i, to: a } = o(e, t.now), s = t.showTime ? a : r(a);
-	return {
-		from: {
-			local: i,
-			utc: n(i, t.showTime)
-		},
-		to: {
-			local: s,
-			utc: n(s, t.showTime)
-		}
-	};
-}
-function c(e, n, r) {
-	let i = r.now ?? /* @__PURE__ */ new Date();
-	for (let s of a) {
-		let { from: a, to: c } = o(s.key, i);
-		if (r.showTime ? e.getTime() === a.getTime() && n.getTime() === c.getTime() : t(e, a) && t(n, c)) return s.key;
-	}
-	return null;
-}
-function l(e, t) {
-	let { from: n, to: i } = o(e, t.now), { minDate: a, maxDate: s, showTime: c } = t, l = c ? n : r(n), u = c ? i : r(i), d = a ? c ? a : r(a) : null, f = s ? c ? s : r(s) : null;
-	return !(d && l.getTime() < d.getTime() || f && u.getTime() > f.getTime());
-}
-function u(e, t, n, i) {
-	let { minDate: a, maxDate: o, showTime: s } = i, c = new Date(e.getTime() + n), l = new Date(t.getTime() + n), u = s ? c : r(c), d = s ? l : r(l), f = a ? s ? a : r(a) : null, p = o ? s ? o : r(o) : null;
-	return !(f && u.getTime() < f.getTime() || p && d.getTime() > p.getTime());
-}
+import e from "./admins-components16.js";
+//#region src/components/TextInput.vue
+var t = e;
 //#endregion
-export { s as applyPredefinedRange, u as canStepInBounds, l as isPredefinedRangeInBounds, c as matchPredefinedRange, a as predefinedRanges };
+export { t as default };

package/dist/admins-components17.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components17.js","names":[],"sources":["../src/utils/predefinedDateRange.ts"],"sourcesContent":["import { localToUTCString, startOfDay, endOfDay, startOfWeek, isSameCalendarDay } from '@/utils/date'\nimport type { PickedDate } from '@/types/types'\n\nexport type PredefinedRangeKey =\n  | 'lastDay'\n  | 'thisDay'\n  | 'lastWeek'\n  | 'thisWeek'\n  | 'lastMonth'\n  | 'thisMonth'\n\nexport interface PredefinedRange {\n  key: PredefinedRangeKey\n  label: string\n}\n\nexport const predefinedRanges: PredefinedRange[] = [\n  { key: 'lastDay', label: 'Tegnap' },\n  { key: 'thisDay', label: 'Ma' },\n  { key: 'lastWeek', label: 'Múlt hét' },\n  { key: 'thisWeek', label: 'E hét' },\n  { key: 'lastMonth', label: 'Múlt hónap' },\n  { key: 'thisMonth', label: 'E hónap' },\n]\n\nexport function computePredefinedRange(\n  key: PredefinedRangeKey,\n  now: Date = new Date(),\n): { from: Date; to: Date } {\n  if (key === 'thisDay') {\n    return { from: startOfDay(now), to: endOfDay(now) }\n  }\n  if (key === 'lastDay') {\n    const yesterday = new Date(now)\n    yesterday.setDate(yesterday.getDate() - 1)\n    return { from: startOfDay(yesterday), to: endOfDay(yesterday) }\n  }\n  if (key === 'thisWeek') {\n    const from = startOfWeek(now)\n    return {\n      from,\n      to: endOfDay(new Date(from.getFullYear(), from.getMonth(), from.getDate() + 6)),\n    }\n  }\n  if (key === 'lastWeek') {\n    const thisWeekStart = startOfWeek(now)\n    const from = new Date(thisWeekStart)\n    from.setDate(from.getDate() - 7)\n    const to = endOfDay(new Date(thisWeekStart))\n    to.setDate(to.getDate() - 1)\n    return { from, to }\n  }\n  if (key === 'thisMonth') {\n    return {\n      from: startOfDay(new Date(now.getFullYear(), now.getMonth(), 1)),\n      to: endOfDay(new Date(now.getFullYear(), now.getMonth() + 1, 0)),\n    }\n  }\n  return {\n    from: startOfDay(new Date(now.getFullYear(), now.getMonth() - 1, 1)),\n    to: endOfDay(new Date(now.getFullYear(), now.getMonth(), 0)),\n  }\n}\n\nexport function applyPredefinedRange(\n  key: PredefinedRangeKey,\n  options: { showTime: boolean; now?: Date },\n): { from: PickedDate; to: PickedDate } {\n  const { from, to } = computePredefinedRange(key, options.now)\n  const toLocal = options.showTime ? to : startOfDay(to)\n\n  return {\n    from: { local: from, utc: localToUTCString(from, options.showTime) },\n    to: { local: toLocal, utc: localToUTCString(toLocal, options.showTime) },\n  }\n}\n\nexport function matchPredefinedRange(\n  fromLocal: Date,\n  toLocal: Date,\n  options: { showTime: boolean; now?: Date },\n): PredefinedRangeKey | null {\n  const now = options.now ?? new Date()\n  for (const range of predefinedRanges) {\n    const { from, to } = computePredefinedRange(range.key, now)\n    const match = options.showTime\n      ? fromLocal.getTime() === from.getTime() && toLocal.getTime() === to.getTime()\n      : isSameCalendarDay(fromLocal, from) && isSameCalendarDay(toLocal, to)\n    if (match) return range.key\n  }\n  return null\n}\n\nexport function isPredefinedRangeInBounds(\n  key: PredefinedRangeKey,\n  bounds: { minDate?: Date | null; maxDate?: Date | null; showTime: boolean; now?: Date },\n): boolean {\n  const { from, to } = computePredefinedRange(key, bounds.now)\n  const { minDate, maxDate, showTime } = bounds\n\n  const fromRef = showTime ? from : startOfDay(from)\n  const toRef = showTime ? to : startOfDay(to)\n  const minRef = minDate ? (showTime ? minDate : startOfDay(minDate)) : null\n  const maxRef = maxDate ? (showTime ? maxDate : startOfDay(maxDate)) : null\n\n  if (minRef && fromRef.getTime() < minRef.getTime()) return false\n  if (maxRef && toRef.getTime() > maxRef.getTime()) return false\n  return true\n}\n\nexport function canStepInBounds(\n  from: Date,\n  to: Date,\n  delta: number,\n  bounds: { minDate?: Date | null; maxDate?: Date | null; showTime: boolean },\n): boolean {\n  const { minDate, maxDate, showTime } = bounds\n  const newFrom = new Date(from.getTime() + delta)\n  const newTo = new Date(to.getTime() + delta)\n\n  const newFromRef = showTime ? newFrom : startOfDay(newFrom)\n  const newToRef = showTime ? newTo : startOfDay(newTo)\n  const minRef = minDate ? (showTime ? minDate : startOfDay(minDate)) : null\n  const maxRef = maxDate ? (showTime ? maxDate : startOfDay(maxDate)) : null\n\n  if (minRef && newFromRef.getTime() < minRef.getTime()) return false\n  if (maxRef && newToRef.getTime() > maxRef.getTime()) return false\n  return true\n}\n"],"mappings":"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"}
+{"version":3,"file":"admins-components17.js","names":[],"sources":["../src/components/TextInput.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ControlSize } from '@/types/types'\nimport { debounce } from '@/utils/debounce'\n\nexport type TextInputType = 'text' | 'number' | 'textarea'\nexport interface TextInputProps {\n  modelValue?: string | number | null\n  type?: TextInputType\n  label?: string\n  labelOnBorder?: string\n  placeholder?: string\n  disabled?: boolean\n  clearable?: boolean\n  autocomplete?: boolean\n  size?: ControlSize\n  id?: string\n}\n\nexport const textInputDefaults = {\n  modelValue: undefined,\n  type: 'text',\n  disabled: false,\n  clearable: true,\n  autocomplete: true,\n  labelOnBorder: undefined,\n  size: 'normal' as ControlSize,\n} as TextInputProps\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useId, watch } from 'vue'\n\nconst props = withDefaults(defineProps<TextInputProps>(), textInputDefaults)\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number | null]\n}>()\n\nconst inputId = computed(() => props.id ?? `c-input-${useId()}`)\n\nconst localValue = ref<string | number | null | undefined>(props.modelValue)\n\nconst hasValue = computed(() => {\n  const v = localValue.value\n  return v !== null && v !== undefined && String(v) !== ''\n})\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val === localValue.value) return\n    localValue.value = val\n  },\n)\n\nconst hasLabelOnBorder = computed(\n  () => !!props.labelOnBorder && props.labelOnBorder.trim() !== '',\n)\n\nconst borderLabelVisible = computed(() => hasLabelOnBorder.value && hasValue.value || props.label )\n\nfunction onInput(e: Event) {\n  const raw = (e.target as HTMLInputElement).value\n  localValue.value = raw\n  debouncedEmit(raw)\n}\n\nconst debouncedEmit = debounce((raw: string) => {\n  emit(\n    'update:modelValue',\n    props.type === 'number' ? (raw === '' ? null : Number(raw)) : raw,\n  )\n})\n\nfunction clear() {\n  const next = props.type === 'number' ? null : ''\n  localValue.value = next\n  emit('update:modelValue', next)\n}\n</script>\n\n<template>\n  <div class=\"ac-component c-input-wrapper\">\n    <label\n      v-if=\"hasLabelOnBorder || label\"\n      class=\"c-label pointer\"\n      :class=\"{\n        'c-label--on-border': hasLabelOnBorder,\n        'hide': !borderLabelVisible,\n      }\"\n      :for=\"inputId\"\n    >\n      {{ hasLabelOnBorder ? labelOnBorder : label }}\n    </label>\n    <div\n      class=\"c-input-row\"\n      :class=\"{\n        'c-input-row--sm': size === 'small',\n        'c-input-row--lg': size === 'large',\n        'c-input-row--disabled': disabled,\n      }\"\n    >\n      <component\n        :is=\"type === 'textarea' ? 'textarea' : 'input'\"\n        :id=\"inputId\"\n        :type=\"type\"\n        class=\"c-input\"\n        :class=\"{ 'c-textarea': type === 'textarea', 'c-input--disabled': disabled }\"\n        :value=\"localValue == null ? '' : String(localValue)\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        :inputmode=\"type === 'number' ? 'decimal' : undefined\"\n        :autocomplete=\"autocomplete ? 'on' : 'off'\"\n        @input=\"onInput\"\n      />\n      <button\n        v-if=\"clearable && !disabled\"\n        type=\"button\"\n        class=\"c-icon-btn c-icon-btn--clear\"\n        :class=\"{ 'c-icon-btn--hidden': !hasValue }\"\n        aria-label=\"Mező törlése\"\n        @click=\"clear\"\n      >\n        <i class=\"fa-solid fa-fw fa-xmark\"></i>\n      </button>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/admins-components170.js

@@ -0,0 +1,60 @@
+import e from "./admins-components45.js";
+import { defineElement as t } from "./admins-components156.js";
+import n from "./admins-components158.js";
+import { ipeConfig as r } from "./admins-components161.js";
+import { createBlock as i, createSlots as a, createVNode as o, openBlock as s, renderList as c, renderSlot as l, resolveComponent as u, resolveDynamicComponent as d, watch as f, withCtx as p } from "vue";
+//#region src/vueformelements/ImagePickerDetailsElement.vue
+var m = t({
+	name: "ImagePickerDetailsElement",
+	components: { ImagePicker: e },
+	setup(e, t) {
+		let { value: n } = t.element, i = t.attrs.direction ? t.attrs.direction : "vertical";
+		return f(() => n, () => {
+			n.value ||= {
+				id: "00000000-0000-0000-0000-000000000000",
+				source: "",
+				title: "",
+				isAdult: !1
+			};
+		}, {
+			deep: !0,
+			immediate: !0
+		}), {
+			ipeConfig: r,
+			value: n,
+			direction: i
+		};
+	}
+});
+function h(e, t, n, r, f, m) {
+	let h = u("ImagePicker"), g = u("ElementLayout");
+	return s(), i(g, null, a({
+		element: p(() => [o(h, {
+			modelValue: e.value,
+			"onUpdate:modelValue": t[0] ||= (t) => e.value = t,
+			editable: !0,
+			details: !0,
+			direction: e.direction,
+			environment: e.ipeConfig.environment,
+			articleEditorUrl: e.ipeConfig.articleEditorUrl,
+			searchImageWidgetUrl: e.ipeConfig.searchImageWidgetUrl,
+			imageBaseUrl: e.ipeConfig.imageBaseUrl,
+			imageViewId: e.ipeConfig.imageViewId
+		}, null, 8, [
+			"modelValue",
+			"direction",
+			"environment",
+			"articleEditorUrl",
+			"searchImageWidgetUrl",
+			"imageBaseUrl",
+			"imageViewId"
+		])]),
+		_: 2
+	}, [c(e.elementSlots, (t, n) => ({
+		name: n,
+		fn: p(() => [l(e.$slots, n, { el$: e.el$ }, () => [(s(), i(d(t), { el$: e.el$ }, null, 8, ["el$"]))])])
+	}))]), 1024);
+}
+var g = /* @__PURE__ */ n(m, [["render", h]]);
+//#endregion
+export { g as default };

package/dist/admins-components170.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components170.js","names":[],"sources":["../src/vueformelements/ImagePickerDetailsElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport { watch } from 'vue'\nimport ImagePicker from '@/components/custom/ImagePicker.vue'\nimport { ipeConfig } from '@/vueformelements/config/ImagePickerElementConfig'\n\nexport default defineElement({\n  name: 'ImagePickerDetailsElement',\n  components: { ImagePicker },\n\n  setup(props, context) {\n    const { value } = context.element\n    const direction = context.attrs.direction ? context.attrs.direction : 'vertical'\n\n    watch(\n      () => value,\n      () => {\n        if (!value.value) {\n          value.value = {\n            id: '00000000-0000-0000-0000-000000000000',\n            source: '',\n            title: '',\n            isAdult: false,\n          }\n        }\n      },\n      { deep: true, immediate: true },\n    )\n\n    return {\n      ipeConfig,\n      value,\n      direction,\n    }\n  },\n})\n</script>\n\n<template>\n  <ElementLayout>\n    <template #element>\n      <ImagePicker\n        v-model=\"value\"\n        :editable=\"true\"\n        :details=\"true\"\n        :direction=\"direction\"\n        :environment=\"ipeConfig.environment\"\n        :articleEditorUrl=\"ipeConfig.articleEditorUrl\"\n        :searchImageWidgetUrl=\"ipeConfig.searchImageWidgetUrl\"\n        :imageBaseUrl=\"ipeConfig.imageBaseUrl\"\n        :imageViewId=\"ipeConfig.imageViewId\"\n      />\n    </template>\n\n    <template v-for=\"(component, slot) in elementSlots\" #[slot]>\n      <!-- eslint-disable-next-line vue/valid-attribute-name -->\n      <slot :name=\"slot\" :el$=\"el$\">\n        <component :is=\"component\" :el$=\"el$\" />\n      </slot>\n    </template>\n  </ElementLayout>\n</template>\n"],"mappings":";;;;;;AAOA,IAAK,IAAa,EAAW;CAC3B,MAAM;CACN,YAAY,EAAE,aAAA,EAAY;CAE1B,MAAM,GAAO,GAAS;EACpB,IAAM,EAAE,aAAU,EAAQ,SACpB,IAAY,EAAQ,MAAM,YAAY,EAAQ,MAAM,YAAY;EAiBtE,OAfA,QACQ,SACA;GACJ,AACE,EAAM,UAAQ;IACZ,IAAI;IACJ,QAAQ;IACR,OAAO;IACP,SAAS;GACX;EAEJ,GACA;GAAE,MAAM;GAAM,WAAW;EAAK,CAChC,GAEO;GACL;GACA;GACA;EACF;CACF;AACF,CAAC;;;aAIC,EAqBgB,GAAA,MAAA,EAAA;EApBH,SAAO,QAWd,CAVF,EAUE,GAAA;eATS,EAAA;0CAAA,EAAA,QAAK;GACb,UAAU;GACV,SAAS;GACT,WAAW,EAAA;GACX,aAAa,EAAA,UAAU;GACvB,kBAAkB,EAAA,UAAU;GAC5B,sBAAsB,EAAA,UAAU;GAChC,cAAc,EAAA,UAAU;GACxB,aAAa,EAAA,UAAU;;;;;;;;;;;OAIU,EAAA,eAApB,GAAW;QAAwB;cAI5C,CAFP,EAEO,EAAA,QAFM,GAAI,EAAG,KAAK,EAAA,IAAG,SAErB,EAAA,EAAA,GADL,EAAwC,EAAxB,CAAS,GAAA,EAAG,KAAK,EAAA,IAAG,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/admins-components171.js

@@ -0,0 +1,10 @@
+//#region src/vueformelements/config/InternalArticleOfferElementConfig.ts
+var e = window.config?.internalArticleOfferElement || {};
+function t(t) {
+	return e = {
+		...e,
+		...t
+	}, e;
+}
+//#endregion
+export { t as configureInternalArticleOfferElement, e as iaoeConfig };

package/dist/admins-components171.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components171.js","names":[],"sources":["../src/vueformelements/config/InternalArticleOfferElementConfig.ts"],"sourcesContent":["export interface InternalArticleOfferElementConfig {\n  searchArticleApiUrl: string\n  searchArticleWidgetUrl: string\n  showIds?: boolean\n  formats: { label: string; value: string }[]\n}\n\nexport let iaoeConfig: InternalArticleOfferElementConfig = (window as any).config?.internalArticleOfferElement || {}\n\nexport function configureInternalArticleOfferElement(conf: InternalArticleOfferElementConfig) {\n  iaoeConfig = {\n    ...iaoeConfig,\n    ...conf,\n  }\n\n  return iaoeConfig\n}\n"],"mappings":";AAOA,IAAW,IAAiD,OAAe,QAAQ,+BAA+B,CAAC;AAEnH,SAAgB,EAAqC,GAAyC;CAM5F,OALA,IAAa;EACX,GAAG;EACH,GAAG;CACL,GAEO;AACT"}

package/dist/admins-components172.js

@@ -0,0 +1,53 @@
+import e from "./admins-components49.js";
+import { defineElement as t } from "./admins-components156.js";
+import n from "./admins-components158.js";
+import { ipeConfig as r } from "./admins-components161.js";
+import { iaoeConfig as i } from "./admins-components171.js";
+import { createBlock as a, createSlots as o, createVNode as s, openBlock as c, renderList as l, renderSlot as u, resolveComponent as d, resolveDynamicComponent as f, withCtx as p } from "vue";
+//#region src/vueformelements/InternalArticleOfferElement.vue
+var m = t({
+	name: "InternalArticleOfferElement",
+	components: { InternalArticleOffer: e },
+	setup(e, t) {
+		let { value: n } = t.element;
+		return {
+			ipeConfig: r,
+			iaoeConfig: i,
+			value: n
+		};
+	}
+});
+function h(e, t, n, r, i, m) {
+	let h = d("InternalArticleOffer"), g = d("ElementLayout");
+	return c(), a(g, null, o({
+		element: p(() => [s(h, {
+			modelValue: e.value,
+			"onUpdate:modelValue": t[0] ||= (t) => e.value = t,
+			"show-ids": e.iaoeConfig.showIds,
+			"search-article-api-url": e.iaoeConfig.searchArticleApiUrl,
+			"search-article-widget-url": e.iaoeConfig.searchArticleWidgetUrl,
+			"search-image-widget-url": e.ipeConfig.searchImageWidgetUrl,
+			"image-base-url": e.ipeConfig.imageBaseUrl,
+			environment: e.ipeConfig.environment,
+			"image-view-id": e.ipeConfig.imageViewId,
+			formats: e.iaoeConfig.formats
+		}, null, 8, [
+			"modelValue",
+			"show-ids",
+			"search-article-api-url",
+			"search-article-widget-url",
+			"search-image-widget-url",
+			"image-base-url",
+			"environment",
+			"image-view-id",
+			"formats"
+		])]),
+		_: 2
+	}, [l(e.elementSlots, (t, n) => ({
+		name: n,
+		fn: p(() => [u(e.$slots, n, { el$: e.el$ }, () => [(c(), a(f(t), { el$: e.el$ }, null, 8, ["el$"]))])])
+	}))]), 1024);
+}
+var g = /* @__PURE__ */ n(m, [["render", h]]);
+//#endregion
+export { g as default };

package/dist/admins-components172.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components172.js","names":[],"sources":["../src/vueformelements/InternalArticleOfferElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport { ipeConfig } from '@/vueformelements/config/ImagePickerElementConfig'\nimport { iaoeConfig } from '@/vueformelements/config/InternalArticleOfferElementConfig'\nimport InternalArticleOffer from '@/components/custom/InternalArticleOffer.vue'\n\nexport default defineElement({\n  name: 'InternalArticleOfferElement',\n  components: { InternalArticleOffer },\n\n  setup(props, context) {\n    const { value } = context.element\n\n    return {\n      ipeConfig,\n      iaoeConfig,\n      value,\n    }\n  },\n})\n</script>\n\n<template>\n  <ElementLayout>\n    <template #element>\n      <InternalArticleOffer\n        v-model=\"value\"\n        :show-ids=\"iaoeConfig.showIds\"\n        :search-article-api-url=\"iaoeConfig.searchArticleApiUrl\"\n        :search-article-widget-url=\"iaoeConfig.searchArticleWidgetUrl\"\n        :search-image-widget-url=\"ipeConfig.searchImageWidgetUrl\"\n        :image-base-url=\"ipeConfig.imageBaseUrl\"\n        :environment=\"ipeConfig.environment\"\n        :image-view-id=\"ipeConfig.imageViewId\"\n        :formats=\"iaoeConfig.formats\"\n      />\n    </template>\n\n    <template v-for=\"(component, slot) in elementSlots\" #[slot]>\n      <!-- eslint-disable-next-line vue/valid-attribute-name -->\n      <slot :name=\"slot\" :el$=\"el$\">\n        <component :is=\"component\" :el$=\"el$\" />\n      </slot>\n    </template>\n  </ElementLayout>\n</template>\n"],"mappings":";;;;;;;AAOA,IAAK,IAAa,EAAW;CAC3B,MAAM;CACN,YAAY,EAAE,sBAAA,EAAqB;CAEnC,MAAM,GAAO,GAAS;EACpB,IAAM,EAAE,aAAU,EAAQ;EAE1B,OAAO;GACL;GACA;GACA;EACF;CACF;AACF,CAAC;;;aAIC,EAqBgB,GAAA,MAAA,EAAA;EApBH,SAAO,QAWd,CAVF,EAUE,GAAA;eATS,EAAA;0CAAA,EAAA,QAAK;GACb,YAAU,EAAA,WAAW;GACrB,0BAAwB,EAAA,WAAW;GACnC,6BAA2B,EAAA,WAAW;GACtC,2BAAyB,EAAA,UAAU;GACnC,kBAAgB,EAAA,UAAU;GAC1B,aAAa,EAAA,UAAU;GACvB,iBAAe,EAAA,UAAU;GACzB,SAAS,EAAA,WAAW;;;;;;;;;;;;;OAIa,EAAA,eAApB,GAAW;QAAwB;cAI5C,CAFP,EAEO,EAAA,QAFM,GAAI,EAAG,KAAK,EAAA,IAAG,SAErB,EAAA,EAAA,GADL,EAAwC,EAAxB,CAAS,GAAA,EAAG,KAAK,EAAA,IAAG,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/admins-components173.js

@@ -0,0 +1,10 @@
+//#region src/vueformelements/config/PartnerPickerElementConfig.ts
+var e = window.config?.partnerPicker || {};
+function t(t) {
+	return e = {
+		...e,
+		...t
+	}, e;
+}
+//#endregion
+export { t as configurePartnerPickerElement, e as ppeconfig };

package/dist/admins-components173.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components173.js","names":[],"sources":["../src/vueformelements/config/PartnerPickerElementConfig.ts"],"sourcesContent":["export interface PartnerPickerElementConfig {\n  onFetchData: (id: string, callback: (id: string, url: string, name: string) => any) => any\n}\n\nexport let ppeconfig: PartnerPickerElementConfig = (window as any).config?.partnerPicker || {}\n\nexport function configurePartnerPickerElement(conf: PartnerPickerElementConfig) {\n  ppeconfig = {\n    ...ppeconfig,\n    ...conf,\n  }\n\n  return ppeconfig\n}\n"],"mappings":";AAIA,IAAW,IAAyC,OAAe,QAAQ,iBAAiB,CAAC;AAE7F,SAAgB,EAA8B,GAAkC;CAM9E,OALA,IAAY;EACV,GAAG;EACH,GAAG;CACL,GAEO;AACT"}

package/dist/admins-components175.js

@@ -0,0 +1,59 @@
+import './src/vueformelements/PartnerPickerElement.vue_vue_type_style_index_0_scoped_09bea4ae_lang.css';
+import { defineElement as e } from "./admins-components156.js";
+import t from "./admins-components158.js";
+import { ppeconfig as n } from "./admins-components173.js";
+/* empty css                     */
+import { createBlock as r, createElementVNode as i, createSlots as a, openBlock as o, ref as s, renderList as c, renderSlot as l, resolveComponent as u, resolveDynamicComponent as d, watch as f, withCtx as p } from "vue";
+//#region src/vueformelements/PartnerPickerElement.vue
+var m = e({
+	name: "PartnerPickerElement",
+	setup(e, t) {
+		let { value: r } = t.element, i = s(""), a = s("");
+		f(r, (e) => {
+			e && c(e);
+		}, { deep: !0 });
+		let o = n.onFetchData, c = (e) => {
+			e && n.onFetchData(e, l);
+		}, l = (e, t, n) => {
+			i.value = t, a.value = n, r.value != e && (r.value = e);
+		};
+		return {
+			logoUrl: i,
+			pname: a,
+			value: r,
+			fetchData: c,
+			onFetchData: o,
+			gotData: l
+		};
+	}
+}), h = { class: "flex flex-column gap-2 ac-component" }, g = { class: "flex gap-2 w-100" }, _ = ["src"], v = { class: "w-100" }, y = { class: "c-input-row" }, b = ["value"], x = { class: "w-100" }, S = { class: "c-input-row" }, C = ["value"];
+function w(e, t, n, s, f, m) {
+	let w = u("ElementLayout");
+	return o(), r(w, null, a({
+		element: p(() => [i("div", h, [i("div", g, [i("img", {
+			alt: "",
+			src: e.logoUrl,
+			class: "partner-logo"
+		}, null, 8, _), i("div", v, [i("div", y, [i("input", {
+			type: "text",
+			class: "c-input",
+			value: e.pname,
+			disabled: "",
+			placeholder: "Neve"
+		}, null, 8, b)])])]), i("div", x, [i("div", S, [i("input", {
+			id: "partner-id",
+			type: "text",
+			class: "c-input",
+			value: e.value,
+			onChange: t[0] ||= (t) => e.fetchData(t.target.value),
+			placeholder: "Azonoító"
+		}, null, 40, C)])])])]),
+		_: 2
+	}, [c(e.elementSlots, (t, n) => ({
+		name: n,
+		fn: p(() => [l(e.$slots, n, { el$: e.el$ }, () => [(o(), r(d(t), { el$: e.el$ }, null, 8, ["el$"]))], !0)])
+	}))]), 1024);
+}
+var T = /* @__PURE__ */ t(m, [["render", w], ["__scopeId", "data-v-09bea4ae"]]);
+//#endregion
+export { T as default };

package/dist/admins-components175.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components175.js","names":[],"sources":["../src/vueformelements/PartnerPickerElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport { ref, watch } from 'vue'\nimport { ppeconfig } from '@/vueformelements/config/PartnerPickerElementConfig'\n\nexport default defineElement({\n  name: 'PartnerPickerElement',\n  setup(props, context) {\n    const { value } = context.element\n\n    const logoUrl = ref('')\n    const pname = ref('')\n\n    watch(\n      value,\n      (v) => {\n        if (v) {\n          fetchData(v)\n        }\n      },\n      { deep: true },\n    )\n\n    const onFetchData = ppeconfig.onFetchData\n\n    const fetchData = (id) => {\n      if (id) ppeconfig.onFetchData(id, gotData)\n    }\n\n    const gotData = (id, lu, nm) => {\n      logoUrl.value = lu\n      pname.value = nm\n\n      if (value.value != id) value.value = id\n    }\n\n    return {\n      logoUrl,\n      pname,\n      value,\n      fetchData,\n      onFetchData,\n      gotData,\n    }\n  },\n})\n</script>\n\n<template>\n  <ElementLayout>\n    <template #element>\n      <div class=\"flex flex-column gap-2 ac-component\">\n        <div class=\"flex gap-2 w-100\">\n          <img alt=\"\" :src=\"logoUrl\" class=\"partner-logo\" />\n          <div class=\"w-100\">\n            <div class=\"c-input-row\">\n              <input type=\"text\" class=\"c-input\" :value=\"pname\" disabled placeholder=\"Neve\" />\n            </div>\n          </div>\n        </div>\n        <div class=\"w-100\">\n          <div class=\"c-input-row\">\n            <input\n              id=\"partner-id\"\n              type=\"text\"\n              class=\"c-input\"\n              :value=\"value\"\n              @change=\"(e) => fetchData(e.target.value)\"\n              placeholder=\"Azonoító\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n\n    <template v-for=\"(component, slot) in elementSlots\" #[slot]>\n      <!-- eslint-disable-next-line vue/valid-attribute-name -->\n      <slot :name=\"slot\" :el$=\"el$\">\n        <component :is=\"component\" :el$=\"el$\" />\n      </slot>\n    </template>\n  </ElementLayout>\n</template>\n\n<style scoped>\n.partner-logo {\n  max-width: 25px;\n  height: auto;\n  flex-shrink: 0;\n}\n</style>\n"],"mappings":";;;;;;AAMA,IAAK,IAAa,EAAW;CAC3B,MAAM;CACN,MAAM,GAAO,GAAS;EACpB,IAAM,EAAE,aAAU,EAAQ,SAEpB,IAAU,EAAI,EAAE,GAChB,IAAQ,EAAI,EAAE;EAEpB,EACE,IACC,MAAM;GACL,AAAI,KACF,EAAU,CAAC;EAEf,GACA,EAAE,MAAM,GAAK,CACf;EAEA,IAAM,IAAc,EAAU,aAExB,KAAa,MAAO;GACxB,AAAI,KAAI,EAAU,YAAY,GAAI,CAAO;EAC3C,GAEM,KAAW,GAAI,GAAI,MAAO;GAI9B,AAHA,EAAQ,QAAQ,GAChB,EAAM,QAAQ,GAEV,EAAM,SAAS,MAAI,EAAM,QAAQ;EACvC;EAEA,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;EACF;CACF;AACF,CAAC,SAMU,OAAM,sCAAqC,SACzC,OAAM,mBAAkB,sBAEtB,OAAM,QAAO,SACX,OAAM,cAAa,wBAKvB,OAAM,QAAO,SACX,OAAM,cAAa;;;aAZhC,EAgCgB,GAAA,MAAA,EAAA;EA/BH,SAAO,QAsBV,CArBN,EAqBM,OArBN,GAqBM,CApBJ,EAOM,OAPN,GAOM,CANJ,EAAkD,OAAA;GAA7C,KAAI;GAAI,KAAK,EAAA;GAAS,OAAM;kBACjC,EAIM,OAJN,GAIM,CAHJ,EAEM,OAFN,GAEM,CADJ,EAAgF,SAAA;GAAzE,MAAK;GAAO,OAAM;GAAW,OAAO,EAAA;GAAO,UAAA;GAAS,aAAY;wBAI7E,EAWM,OAXN,GAWM,CAVJ,EASM,OATN,GASM,CARJ,EAOE,SAAA;GANA,IAAG;GACH,MAAK;GACL,OAAM;GACL,OAAO,EAAA;GACP,UAAM,AAAA,EAAA,QAAG,MAAM,EAAA,UAAU,EAAE,OAAO,KAAK;GACxC,aAAY;;;OAOgB,EAAA,eAApB,GAAW;QAAwB;cAI5C,CAFP,EAEO,EAAA,QAFM,GAAI,EAAG,KAAK,EAAA,IAAG,SAErB,EAAA,EAAA,GADL,EAAwC,EAAxB,CAAS,GAAA,EAAG,KAAK,EAAA,IAAG,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA"}