ablok-components 0.3.105 → 0.3.106

package/dist/components/molecules/color-palette/color-palette.vue.js

@@ -1,72 +0,0 @@
-import { defineComponent as u, computed as m, openBlock as s, createElementBlock as c, createVNode as f, withCtx as p, createElementVNode as b, normalizeStyle as y } from "vue";
-import { uniqueId as d } from "../../../utilities/helpers.js";
-import V from "../../atoms/radio-group/radio-group.vue.js";
-/* empty css                                       */
-const g = { class: "color-palette" }, x = ["for"], B = /* @__PURE__ */ u({
-  __name: "color-palette",
-  props: {
-    modelValue: {
-      type: [String],
-      default: ""
-    },
-    colors: {
-      type: Array,
-      default: ["#000000", "#FFFFFF"]
-    },
-    name: {
-      type: String,
-      default: () => d()
-    },
-    id: {
-      type: String,
-      default: () => d()
-    },
-    label: {
-      type: String
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    required: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: i }) {
-    const n = e, r = i, t = m({
-      get() {
-        return n.modelValue;
-      },
-      set(o) {
-        r("update:modelValue", o);
-      }
-    });
-    return (o, a) => (s(), c("div", g, [
-      f(V, {
-        modelValue: t.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (l) => t.value = l),
-        options: e.colors,
-        name: e.name,
-        id: e.id,
-        label: e.label,
-        disabled: e.disabled,
-        required: e.required,
-        class: "d-flex flex-wrap flex-row gap-2"
-      }, {
-        "option-label": p((l) => [
-          b("label", {
-            for: `${e.id}-${l.index}`,
-            class: "d-block rounded-circle",
-            style: y({ backgroundColor: l.option })
-          }, null, 12, x)
-        ]),
-        _: 1
-      }, 8, ["modelValue", "options", "name", "id", "label", "disabled", "required"])
-    ]));
-  }
-});
-export {
-  B as default
-};

package/dist/components/molecules/color-palette/color-palette3.vue.js

@@ -1,5 +0,0 @@
-import o from "./color-palette.vue.js";
-/* empty css                   */
-export {
-  o as default
-};

package/dist/components/molecules/dom-renderer/dom-renderer.vue.js

@@ -1,102 +0,0 @@
-import { defineComponent as v, ref as l, onMounted as y, onBeforeUnmount as b, openBlock as h, createElementBlock as C, normalizeStyle as B, normalizeClass as w, renderSlot as x } from "vue";
-import P from "../../../_virtual/debounce.js";
-import R from "html2canvas";
-const M = /* @__PURE__ */ v({
-  __name: "dom-renderer",
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    fixedWidth: {
-      type: Number,
-      default: 0
-    },
-    renderUpdates: {
-      type: Boolean,
-      default: !1
-    },
-    exportToSvg: {
-      type: Boolean,
-      default: !1
-    },
-    options: {
-      type: Object,
-      default: () => ({})
-    },
-    pending: {
-      type: Boolean,
-      default: !1
-    },
-    emitPending: {
-      type: Boolean,
-      default: !1
-    },
-    debug: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue", "update:pending"],
-  setup(o, { emit: c }) {
-    const e = o, n = c, r = l(), m = l(""), i = l(), d = l(!0);
-    async function p() {
-      if (!r.value || !d.value)
-        return "";
-      const t = r.value;
-      if (!t.isConnected)
-        return "";
-      try {
-        e.emitPending && n("update:pending", !0);
-        const a = t.firstElementChild;
-        if (!a)
-          return "";
-        const g = await R(a, {
-          backgroundColor: "rgba(0, 0, 0, 0)",
-          scale: 1,
-          ...e.options
-        });
-        if (!d.value || !r.value || !t.isConnected)
-          return "";
-        const s = g.toDataURL();
-        if (n("update:modelValue", s), e.emitPending && n("update:pending", !1), e.debug) {
-          const f = new Image();
-          f.src = s, document.body.appendChild(f);
-        }
-        return s;
-      } catch (a) {
-        return d.value && e.emitPending && n("update:pending", !1), console.warn("dom-renderer: Render failed", a), "";
-      }
-    }
-    const u = P(async () => {
-      m.value = await p();
-    }, 300, { trailing: !0, leading: !1 });
-    return y(() => {
-      const t = r.value;
-      e.renderUpdates && (i.value = new MutationObserver(async (a) => {
-        !d.value || !t.isConnected || (e.emitPending && n("update:pending", !0), u());
-      }), i.value.observe(t, {
-        attributes: !0,
-        childList: !0,
-        characterData: !0,
-        subtree: !0
-      })), setTimeout(() => {
-        e.emitPending && n("update:pending", !0), u();
-      }, 500);
-    }), b(() => {
-      d.value = !1, i.value && i.value.disconnect(), u.cancel();
-    }), (t, a) => (h(), C("div", {
-      class: w(["dom-renderer", {
-        "off-screen": !o.debug
-      }]),
-      ref_key: "renderer",
-      ref: r,
-      style: B(o.fixedWidth > 0 ? { width: `${o.fixedWidth}px` } : {})
-    }, [
-      x(t.$slots, "default")
-    ], 6));
-  }
-});
-export {
-  M as default
-};

package/dist/components/molecules/dom-renderer/dom-renderer2.vue.js

@@ -1,4 +0,0 @@
-import f from "./dom-renderer.vue.js";
-export {
-  f as default
-};

package/dist/components/molecules/file-upload/file-upload.vue.js

@@ -1,215 +0,0 @@
-import { defineComponent as L, ref as y, toRef as M, computed as N, watch as h, openBlock as u, createElementBlock as d, normalizeClass as V, unref as v, Fragment as S, renderList as P, renderSlot as g, createElementVNode as c, withModifiers as w, createVNode as p, Transition as T, withCtx as H, createCommentVNode as W } from "vue";
-import k from "../../atoms/svg-icon/svg-icon.vue.js";
-/* empty css                                 */
-import q from "../../atoms/input-file/input-file.vue.js";
-import { useDragAndDrop as E } from "../../../composables/useDragAndDrop.js";
-import { useUploadTransport as I } from "../../../composables/useUploadTransport.js";
-import { useLocalFileUrl as R } from "../../../composables/useLocalFileUrl.js";
-import { sanitizeHtml as O } from "../../../composables/useSanitize.js";
-import { uniqueId as F } from "../../../utilities/helpers.js";
-const j = ["src"], G = ["onClick"], J = ["onClick"], K = ["for"], Q = ["innerHTML"], X = {
-  key: 0,
-  class: "file-upload__loading-spinner"
-}, ne = /* @__PURE__ */ L({
-  __name: "file-upload",
-  props: {
-    modelValue: {
-      type: Array,
-      default: []
-    },
-    src: {
-      type: String
-    },
-    name: {
-      type: String,
-      default: () => F()
-    },
-    id: {
-      type: String,
-      default: () => F()
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    variant: {
-      type: String,
-      default: ""
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    readOnly: {
-      type: Boolean,
-      default: !1
-    },
-    required: {
-      type: Boolean,
-      default: !1
-    },
-    pattern: {
-      type: String,
-      default: null
-    },
-    multiple: {
-      type: Boolean,
-      default: !1
-    },
-    accept: {
-      type: String
-    },
-    maxFileSize: {
-      type: Number,
-      default: 0
-    },
-    endpoint: {
-      type: String,
-      default: ""
-    },
-    toDataUrl: {
-      type: Boolean,
-      default: !0
-    },
-    authToken: {
-      type: String,
-      default: ""
-    },
-    customFetch: null,
-    baseResponsePath: {
-      type: String,
-      default: "/api/v1/assets"
-    },
-    enablePreview: {
-      type: Boolean,
-      default: !0
-    },
-    previewWidth: {
-      type: Number,
-      default: 0
-    },
-    dropFiles: {
-      type: Boolean,
-      default: !1
-    },
-    localUrlFormat: {
-      type: String,
-      default: "dataUrl"
-    }
-  },
-  emits: ["update:modelValue", "update:src"],
-  setup(o, { emit: U }) {
-    const e = o, i = U, b = y(), m = y([]), n = y([]), { pending: $, uploadFile: B } = I(e), { toLocalUrl: D, revoke: z } = R(M(e, "localUrlFormat")), { isDragging: C } = E(b, {
-      enabled: () => e.dropFiles,
-      onDrop: (t) => {
-        m.value = t;
-      }
-    }), A = N(() => e.modelValue?.length ? e.modelValue : e.src ? [{ type: "", src: e.src }] : n.value);
-    function f(t) {
-      const l = typeof t == "string" ? parseInt(t, 10) : t, a = Array.isArray(e.modelValue) && e.modelValue.length > 0, r = Array.isArray(n.value) && n.value.length > 0;
-      if (r && l < n.value.length && (z(n.value[l]?.src), n.value.splice(l, 1)), a) {
-        const s = [...e.modelValue];
-        l < s.length && s.splice(l, 1), i("update:modelValue", s), e.multiple || i("update:src", s[0]?.src || "");
-      } else if (r) {
-        const s = e.multiple ? n.value : n.value[0];
-        i("update:modelValue", s), e.multiple || i("update:src", n.value[0]?.src || "");
-      } else
-        i("update:modelValue", e.multiple ? [] : void 0), i("update:src", "");
-      m.value.splice(l, 1);
-    }
-    return h(() => m.value, async (t) => {
-      const l = await Promise.all(
-        t.map(async (a) => ({
-          src: e.toDataUrl ? await D(a) : await B(a),
-          type: a.type,
-          name: a.name,
-          size: a.size,
-          lastModified: a.lastModified
-        }))
-      );
-      n.value = l;
-    }, { deep: !0 }), h(() => n.value, async (t) => {
-      const l = e.multiple ? t : t[0];
-      i("update:modelValue", l), e.multiple || i("update:src", t[0] && t[0].src);
-    }, { deep: !0 }), (t, l) => (u(), d("div", {
-      ref_key: "root",
-      ref: b,
-      class: V(["file-upload", {
-        "has-dragging": o.dropFiles,
-        "is-dragging": v(C)
-      }])
-    }, [
-      (u(!0), d(S, null, P(A.value, (a, r) => (u(), d("div", {
-        key: a.src,
-        class: V(o.enablePreview ? "file-upload__thumbnail" : "file-upload__reset")
-      }, [
-        g(t.$slots, "preview-item", {
-          bind: { item: a, index: r },
-          on: { removeFile: f }
-        }, () => [
-          o.enablePreview ? (u(), d(S, { key: 0 }, [
-            c("img", {
-              src: `${a.src}${o.previewWidth ? `?width=${o.previewWidth}` : ""}`,
-              class: "img-thumbnail rounded"
-            }, null, 8, j),
-            c("button", {
-              onClick: w((s) => f(r), ["prevent"]),
-              class: "btn btn--close"
-            }, [
-              p(k, { symbol: "x" })
-            ], 8, G)
-          ], 64)) : (u(), d("button", {
-            key: 1,
-            onClick: w((s) => f(r), ["prevent"]),
-            class: "btn btn--close btn-outline-contrast"
-          }, [
-            p(k, { symbol: "x" })
-          ], 8, J))
-        ])
-      ], 2))), 128)),
-      p(q, {
-        modelValue: m.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (a) => m.value = a),
-        id: o.id,
-        name: o.name,
-        accept: o.accept,
-        "max-file-size": o.maxFileSize,
-        multiple: o.multiple,
-        class: "d-none"
-      }, null, 8, ["modelValue", "id", "name", "accept", "max-file-size", "multiple"]),
-      g(t.$slots, "label", {}, () => [
-        c("label", {
-          for: o.id,
-          class: "file-upload__label"
-        }, [
-          g(t.$slots, "button", {}, () => [
-            c("span", {
-              class: "btn btn-outline-contrast",
-              innerHTML: v(O)(o.label || t.$t("common.selectFile"))
-            }, null, 8, Q)
-          ]),
-          p(T, { name: "fade" }, {
-            default: H(() => [
-              v($) ? (u(), d("span", X, [...l[1] || (l[1] = [
-                c("span", {
-                  class: "spinner-border",
-                  role: "status"
-                }, [
-                  c("span", { class: "visually-hidden" }, "Loading...")
-                ], -1)
-              ])])) : W("", !0)
-            ]),
-            _: 1
-          })
-        ], 8, K)
-      ])
-    ], 2));
-  }
-});
-export {
-  ne as default
-};

package/dist/components/molecules/file-upload/file-upload3.vue.js

@@ -1,5 +0,0 @@
-import o from "./file-upload.vue.js";
-/* empty css                 */
-export {
-  o as default
-};

package/dist/components/molecules/hint-system/hint-system.vue.js

@@ -1,111 +0,0 @@
-import { defineComponent as g, ref as k, watch as H, computed as u, openBlock as l, createElementBlock as a, unref as v, createCommentVNode as y, createBlock as C, TransitionGroup as N, withCtx as V, Fragment as x, renderList as T, renderSlot as p, toDisplayString as _, createElementVNode as w } from "vue";
-import { sanitizeHtml as f } from "../../../composables/useSanitize.js";
-const L = { class: "hint-system" }, S = ["innerHTML"], B = ["innerHTML"], M = {
-  key: 1,
-  class: "hint-system__hint-content"
-}, R = ["disabled"], A = /* @__PURE__ */ g({
-  __name: "hint-system",
-  props: {
-    modelValue: {
-      type: Number,
-      default: 0
-    },
-    hints: {
-      type: Array,
-      default: () => []
-    },
-    penalty: {
-      type: Number,
-      default: 1
-    },
-    maxHints: {
-      type: Number,
-      default: void 0
-    },
-    htmlContent: {
-      type: Boolean,
-      default: !1
-    },
-    label: {
-      type: String,
-      default: "Show hint"
-    },
-    description: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:modelValue", "hint-revealed"],
-  setup(s, { emit: b }) {
-    const t = s, c = b, e = k(t.modelValue);
-    H(
-      () => t.modelValue,
-      (n) => {
-        e.value = n;
-      }
-    );
-    const d = u(
-      () => t.maxHints !== void 0 ? t.maxHints : t.hints.length
-    ), i = u(() => e.value < d.value), m = u(
-      () => t.hints.slice(0, e.value)
-    );
-    function h() {
-      if (!i.value) return;
-      const n = e.value;
-      e.value++, c("update:modelValue", e.value), c("hint-revealed", {
-        hint: t.hints[n],
-        index: n,
-        penaltyTotal: e.value * t.penalty
-      });
-    }
-    return (n, E) => (l(), a("div", L, [
-      s.description ? (l(), a("div", {
-        key: 0,
-        innerHTML: v(f)(s.description),
-        class: "hint-system__description"
-      }, null, 8, S)) : y("", !0),
-      m.value.length ? (l(), C(N, {
-        key: 1,
-        name: "hint-reveal",
-        tag: "ol",
-        class: "hint-system__list"
-      }, {
-        default: V(() => [
-          (l(!0), a(x, null, T(m.value, (o, r) => (l(), a("li", {
-            key: r,
-            class: "hint-system__hint"
-          }, [
-            p(n.$slots, "hint", {
-              hint: o,
-              index: r,
-              isNew: r === e.value - 1
-            }, () => [
-              s.htmlContent ? (l(), a("div", {
-                key: 0,
-                class: "hint-system__hint-content",
-                innerHTML: v(f)(o.content || "")
-              }, null, 8, B)) : (l(), a("div", M, _(o.content), 1))
-            ])
-          ]))), 128))
-        ]),
-        _: 3
-      })) : y("", !0),
-      p(n.$slots, "trigger", {
-        revealNext: h,
-        canReveal: i.value,
-        revealedCount: e.value,
-        total: d.value
-      }, () => [
-        w("button", {
-          type: "button",
-          class: "hint-system__trigger d-block w-100 text-center",
-          disabled: !i.value,
-          onClick: h
-        }, _(s.label), 9, R)
-      ])
-    ]));
-  }
-});
-export {
-  A as default
-};

package/dist/components/molecules/hint-system/hint-system3.vue.js

@@ -1,5 +0,0 @@
-import o from "./hint-system.vue.js";
-/* empty css                 */
-export {
-  o as default
-};

package/dist/components/molecules/image-crop/image-crop.vue.js

@@ -1,82 +0,0 @@
-import { defineComponent as m, useTemplateRef as d, ref as f, onBeforeMount as v, openBlock as g, createElementBlock as y, createElementVNode as t, createVNode as l, unref as V, renderSlot as R, withModifiers as x, toDisplayString as b, createCommentVNode as w } from "vue";
-import { Cropper as _ } from "vue-advanced-cropper";
-import h from "../input-dropdown/input-dropdown.vue.js";
-/* empty css                                    */
-/* empty css                                                                                                                                   */
-const B = {
-  key: 0,
-  class: "image-crop"
-}, k = { class: "row mb-4" }, C = { class: "col" }, N = { class: "row" }, A = { class: "col d-flex gap-2 justify-content-end gap-2" }, O = /* @__PURE__ */ m({
-  __name: "image-crop",
-  props: {
-    modelValue: {
-      type: String,
-      default: 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"/>',
-      required: !0
-    },
-    spinner: {
-      type: Boolean,
-      default: !1
-    },
-    ready: {
-      type: Boolean,
-      default: !1
-    },
-    aspectRatioOptions: {
-      type: Array,
-      default: () => [
-        { value: 0, text: "Free" },
-        { value: 1, text: "1:1" },
-        { value: 4 / 3, text: "4:3" },
-        { value: 16 / 9, text: "16:9" },
-        { value: 3 / 4, text: "3:4" },
-        { value: 9 / 16, text: "9:16" }
-      ]
-    },
-    suggestedAspectRatio: Number
-  },
-  emits: ["update:modelValue"],
-  setup(a, { emit: n }) {
-    const r = a, p = n, i = d("cropper"), o = f(0);
-    function u() {
-      const { canvas: s } = i.value?.getResult(), e = s.toDataURL();
-      p("update:modelValue", e);
-    }
-    return v(() => {
-      o.value = r.suggestedAspectRatio || 0;
-    }), (s, e) => a.modelValue ? (g(), y("div", B, [
-      t("div", k, [
-        t("div", C, [
-          l(V(_), {
-            ref: "cropper",
-            class: "cropper",
-            src: a.modelValue,
-            "stencil-props": {
-              ...o.value !== 0 ? { aspectRatio: o.value } : {}
-            },
-            "resize-image": !1
-          }, null, 8, ["src", "stencil-props"])
-        ])
-      ]),
-      e[1] || (e[1] = t("hr", null, null, -1)),
-      t("div", N, [
-        t("div", A, [
-          l(h, {
-            modelValue: o.value,
-            "onUpdate:modelValue": e[0] || (e[0] = (c) => o.value = c),
-            options: a.aspectRatioOptions,
-            class: "mb-0"
-          }, null, 8, ["modelValue", "options"]),
-          R(s.$slots, "actions"),
-          t("button", {
-            class: "btn btn-sm btn-primary",
-            onClick: x(u, ["prevent", "stop"])
-          }, b(s.$t("common.apply")), 1)
-        ])
-      ])
-    ])) : w("", !0);
-  }
-});
-export {
-  O as default
-};

package/dist/components/molecules/image-crop/image-crop2.vue.js

@@ -1,4 +0,0 @@
-import f from "./image-crop.vue.js";
-export {
-  f as default
-};