ablok-components 0.3.104 → 0.3.106

package/dist/components/organisms/preset-uploader/preset-uploader.vue.js

@@ -1,569 +0,0 @@
-import { defineComponent as _, computed as ee, ref as te, watch as P, nextTick as ae, reactive as y, openBlock as d, createElementBlock as h, unref as oe, createCommentVNode as O, createElementVNode as i, createVNode as c, withCtx as p, createBlock as f, normalizeStyle as v, withModifiers as N, Fragment as W, createTextVNode as L, renderList as le } from "vue";
-import { uniqueId as H } from "../../../utilities/helpers.js";
-import { sanitizeHtml as ne } from "../../../composables/useSanitize.js";
-import se from "../../templates/sortable-list/sortable-list.vue.js";
-/* empty css                                               */
-import j from "../../molecules/file-upload/file-upload.vue.js";
-/* empty css                                           */
-import A from "../../molecules/image-upload/image-upload.vue.js";
-/* empty css                                             */
-import z from "../../molecules/input-dropdown/input-dropdown.vue.js";
-/* empty css                                                 */
-import b from "../../atoms/svg-icon/svg-icon.vue.js";
-/* empty css                                 */
-import R from "../../templates/popover-dialog/popover-dialog.vue.js";
-/* empty css                                                 */
-const ie = { class: "preset-uploader" }, me = ["innerHTML"], de = { class: "preset-uploader__list" }, ce = ["popovertarget"], ue = ["src"], pe = ["onClick"], re = { class: "preset-uploader__popover p-2 d-flex gap-2 align-items-start" }, he = ["popovertarget"], fe = ["src"], be = { class: "d-flex flex-column gap-2" }, ye = {
-  role: "button",
-  class: "btn btn-sm w-100 d-inline-flex align-items-center"
-}, ge = {
-  role: "button",
-  class: "btn btn-sm w-100 d-inline-flex align-items-center"
-}, ve = {
-  key: 1,
-  class: "preset-group border border-2 rounded d-flex gap-1 p-1"
-}, $e = ["popovertarget"], Ve = ["src"], ke = ["src"], we = ["onClick"], Te = { class: "preset-uploader__popover p-2 d-flex gap-2 align-items-start" }, Ue = ["popovertarget"], Se = ["src"], ze = { class: "d-flex flex-column gap-2" }, Ie = {
-  role: "button",
-  class: "img-thumbnail text-dark d-flex justify-content-center align-items-center"
-}, Fe = {
-  role: "button",
-  class: "img-thumbnail text-dark d-flex justify-content-center align-items-center"
-}, Pe = { class: "preset-uploader__popover p-2 d-flex gap-2 align-items-start" }, Oe = ["onClick"], Ne = {
-  role: "button",
-  class: "img-thumbnail d-flex justify-content-center align-items-center"
-}, je = {
-  role: "button",
-  class: "img-thumbnail text-dark d-flex justify-content-center align-items-center"
-}, Xe = /* @__PURE__ */ _({
-  __name: "preset-uploader",
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    name: {
-      type: String,
-      default: () => H()
-    },
-    id: {
-      type: String,
-      default: () => H()
-    },
-    type: {
-      type: String,
-      default: ""
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    variant: {
-      type: String,
-      default: ""
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    required: {
-      type: Boolean,
-      default: !1
-    },
-    accept: {
-      type: String
-    },
-    maxFileSize: {
-      type: Number,
-      default: 0
-    },
-    endpoint: {
-      type: String,
-      default: ""
-    },
-    authToken: {
-      type: String,
-      default: ""
-    },
-    customFetch: null,
-    mediaTypeMap: {
-      type: Object,
-      default: () => ({
-        svg: "Svg",
-        png: "Image",
-        jpg: "Image",
-        jpeg: "Image",
-        webp: "Image",
-        mp4: "Video",
-        webm: "Video"
-      })
-    },
-    baseResponsePath: {
-      type: String,
-      default: "/api/v1/assets"
-    },
-    previewWidth: {
-      type: Number,
-      default: 0
-    },
-    useImageUpload: {
-      type: Boolean,
-      default: !1
-    },
-    maxImageWidth: {
-      type: Number,
-      default: 0
-    },
-    aspectRatio: Number,
-    showTypeDropdown: {
-      type: Boolean,
-      default: !1
-    },
-    typeOptions: {
-      type: Array,
-      default: () => ["background", "overlay", "object"]
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: q }) {
-    const m = e, r = q;
-    function E(t) {
-      return t?.type === "preset";
-    }
-    function T(t) {
-      if (t.includes("data:image"))
-        return t.includes("data:image/svg") ? "Svg" : "Image";
-      const o = t.split(".").pop()?.split("?")[0]?.toLowerCase() ?? "";
-      return m.mediaTypeMap[o] ?? "";
-    }
-    const C = ee({
-      get() {
-        return m.modelValue;
-      },
-      set(t) {
-        r("update:modelValue", t);
-      }
-    }), g = te("");
-    P(g, async (t, o) => {
-      if (t && o !== t) {
-        const n = {
-          src: t,
-          name: `${m.name}-${m.modelValue.length}`,
-          mediaType: T(t)
-        };
-        m.type && m.typeOptions.includes(m.type) && (n.type = m.type), r("update:modelValue", [...m.modelValue, n]), await ae(), g.value = "";
-      }
-    });
-    const $ = y({}), V = y({}), U = y({}), k = y({}), S = y({}), w = y({}), B = y({});
-    P(S, (t) => {
-      for (const [o, n] of Object.entries(t))
-        if (!n) {
-          const a = Number(o);
-          delete $[a], delete V[a];
-        }
-    }, { deep: !0 }), P(w, (t) => {
-      for (const [o, n] of Object.entries(t))
-        if (!n) {
-          const a = Number(o);
-          delete U[a], delete k[a];
-        }
-    }, { deep: !0 });
-    function M(t, o) {
-      o && ($[t] = o);
-    }
-    function D(t, o) {
-      o && (U[t] = o, w[t] = !0);
-    }
-    function I(t) {
-      const o = [...m.modelValue];
-      o.splice(t, 1), r("update:modelValue", o);
-    }
-    function K(t, o) {
-      r("update:modelValue", m.modelValue.map(
-        (n, a) => a === t ? { ...n, type: o } : n
-      ));
-    }
-    function G(t, o, n) {
-      const a = m.modelValue[t];
-      r("update:modelValue", m.modelValue.map(
-        (l, s) => s === t ? { ...l, items: { ...l.items, [o]: { ...a.items[o], type: n } } } : l
-      ));
-    }
-    function J(t, o) {
-      V[t] = o, Q(t);
-    }
-    function Q(t) {
-      const o = m.modelValue[t], n = o.type || m.type || "item", a = $[t], l = V[t], s = {
-        type: "preset",
-        items: {
-          [n]: {
-            src: o.src,
-            thumbnail: o.src,
-            type: n,
-            mediaType: o.mediaType || T(o.src)
-          },
-          [l]: {
-            src: a,
-            thumbnail: a,
-            type: l,
-            mediaType: T(a)
-          }
-        }
-      };
-      delete $[t], delete V[t], S[t] = !1, r("update:modelValue", m.modelValue.map(
-        (u, F) => F === t ? s : u
-      ));
-    }
-    function X(t, o) {
-      k[t] = o, Y(t);
-    }
-    function Y(t) {
-      const o = U[t], n = k[t], a = m.modelValue[t], l = {
-        ...a,
-        items: {
-          ...a.items,
-          [n]: {
-            src: o,
-            thumbnail: o,
-            type: n,
-            mediaType: T(o)
-          }
-        }
-      };
-      delete U[t], delete k[t], w[t] = !1, r("update:modelValue", m.modelValue.map(
-        (s, u) => u === t ? l : s
-      ));
-    }
-    function Z(t, o) {
-      const n = m.modelValue[t], a = Object.keys(n.items).filter((l) => l !== o);
-      if (a.length <= 1) {
-        const l = a[0], s = l ? n.items[l] : null;
-        if (s) {
-          const u = {
-            src: s.src,
-            name: `${m.name}-${t}`,
-            type: s.type,
-            mediaType: s.mediaType
-          };
-          r("update:modelValue", m.modelValue.map(
-            (F, x) => x === t ? u : F
-          ));
-        } else
-          I(t);
-      } else {
-        const l = { ...n.items };
-        delete l[o], r("update:modelValue", m.modelValue.map(
-          (s, u) => u === t ? { ...n, items: l } : s
-        ));
-      }
-    }
-    return (t, o) => (d(), h("div", ie, [
-      e.label ? (d(), h("label", {
-        key: 0,
-        innerHTML: oe(ne)(e.label)
-      }, null, 8, me)) : O("", !0),
-      i("div", de, [
-        c(se, {
-          modelValue: C.value,
-          "onUpdate:modelValue": o[2] || (o[2] = (n) => C.value = n),
-          vertical: !1,
-          class: "mb-3"
-        }, {
-          "list-item": p(({ item: n, index: a }) => [
-            E(n) ? (d(), h("div", ve, [
-              (d(!0), h(W, null, le(n.items, (l, s) => (d(), h("div", {
-                key: s,
-                class: "img-container",
-                style: v(e.showTypeDropdown ? { anchorName: `--${e.name}-si-${a}-${s}` } : {})
-              }, [
-                e.showTypeDropdown ? (d(), h("button", {
-                  key: 0,
-                  class: "img-trigger",
-                  popovertarget: `${e.name}-si-${a}-${s}`
-                }, [
-                  i("img", {
-                    src: l.thumbnail || l.src,
-                    class: "img-thumbnail border-0 p-0"
-                  }, null, 8, Ve)
-                ], 8, $e)) : (d(), h("img", {
-                  key: 1,
-                  src: l.thumbnail || l.src,
-                  class: "img-thumbnail border-0 p-0"
-                }, null, 8, ke)),
-                i("button", {
-                  onClick: N((u) => Z(a, String(s)), ["prevent"]),
-                  class: "btn btn--close"
-                }, [
-                  c(b, { symbol: "x" })
-                ], 8, we),
-                e.showTypeDropdown ? (d(), f(R, {
-                  key: 2,
-                  id: `${e.name}-si-${a}-${s}`,
-                  modelValue: B[`${a}-${s}`],
-                  "onUpdate:modelValue": (u) => B[`${a}-${s}`] = u,
-                  class: "preset-uploader__item-popover",
-                  style: v({ positionAnchor: `--${e.name}-si-${a}-${s}` })
-                }, {
-                  default: p(() => [
-                    i("div", Te, [
-                      i("button", {
-                        class: "img-trigger",
-                        popovertarget: `${e.name}-si-${a}-${s}`,
-                        popovertargetaction: "hide"
-                      }, [
-                        i("img", {
-                          src: l.thumbnail || l.src,
-                          class: "img-thumbnail"
-                        }, null, 8, Se)
-                      ], 8, Ue),
-                      i("div", ze, [
-                        c(z, {
-                          name: `${e.name}-si-type-${a}-${s}`,
-                          options: e.typeOptions,
-                          "model-value": l.type || null,
-                          placeholder: "layer type",
-                          "onUpdate:modelValue": (u) => G(a, String(s), u)
-                        }, null, 8, ["name", "options", "model-value", "onUpdate:modelValue"])
-                      ])
-                    ])
-                  ]),
-                  _: 2
-                }, 1032, ["id", "modelValue", "onUpdate:modelValue", "style"])) : O("", !0)
-              ], 4))), 128)),
-              i("div", {
-                class: "img-container img-container--add",
-                style: v({ anchorName: `--${e.name}-ap-${a}` })
-              }, [
-                e.useImageUpload ? (d(), f(A, {
-                  key: 0,
-                  src: "",
-                  endpoint: e.endpoint,
-                  "custom-fetch": e.customFetch,
-                  "to-data-url": !e.endpoint,
-                  "auth-token": e.authToken,
-                  disabled: e.disabled,
-                  "base-response-path": e.baseResponsePath,
-                  accept: e.accept,
-                  "max-file-size": e.maxFileSize,
-                  "max-image-width": e.maxImageWidth,
-                  "enable-preview": !1,
-                  "aspect-ratio": e.aspectRatio,
-                  "onUpdate:src": (l) => D(a, l)
-                }, {
-                  button: p(() => [
-                    i("span", Ie, [
-                      c(b, { symbol: "plus" })
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["endpoint", "custom-fetch", "to-data-url", "auth-token", "disabled", "base-response-path", "accept", "max-file-size", "max-image-width", "aspect-ratio", "onUpdate:src"])) : (d(), f(j, {
-                  key: 1,
-                  src: "",
-                  multiple: !1,
-                  endpoint: e.endpoint,
-                  "custom-fetch": e.customFetch,
-                  "to-data-url": !e.endpoint,
-                  "auth-token": e.authToken,
-                  disabled: e.disabled,
-                  "base-response-path": e.baseResponsePath,
-                  accept: e.accept,
-                  "max-file-size": e.maxFileSize,
-                  "onUpdate:src": (l) => D(a, l)
-                }, {
-                  button: p(() => [
-                    i("span", Fe, [
-                      c(b, { symbol: "plus" })
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["endpoint", "custom-fetch", "to-data-url", "auth-token", "disabled", "base-response-path", "accept", "max-file-size", "onUpdate:src"])),
-                c(R, {
-                  id: `${e.name}-ap-${a}`,
-                  modelValue: w[a],
-                  "onUpdate:modelValue": (l) => w[a] = l,
-                  class: "preset-uploader__anchor-popover",
-                  style: v({ positionAnchor: `--${e.name}-ap-${a}` })
-                }, {
-                  default: p(() => [
-                    i("div", Pe, [
-                      c(z, {
-                        class: "mb-0",
-                        name: `${e.name}-add-type-${a}`,
-                        options: e.typeOptions,
-                        "model-value": k[a] || null,
-                        placeholder: "layer type",
-                        "onUpdate:modelValue": (l) => X(a, l)
-                      }, null, 8, ["name", "options", "model-value", "onUpdate:modelValue"])
-                    ])
-                  ]),
-                  _: 2
-                }, 1032, ["id", "modelValue", "onUpdate:modelValue", "style"])
-              ], 4),
-              i("button", {
-                onClick: N((l) => I(a), ["prevent"]),
-                class: "btn btn--close btn--close-preset"
-              }, [
-                c(b, { symbol: "x" })
-              ], 8, Oe)
-            ])) : (d(), h("div", {
-              key: 0,
-              class: "img-container",
-              style: v({ anchorName: `--${e.name}-pp-${a}` })
-            }, [
-              i("button", {
-                class: "img-trigger",
-                popovertarget: `${e.name}-pp-${a}`
-              }, [
-                i("img", {
-                  src: n.thumbnail || n.src,
-                  class: "img-thumbnail"
-                }, null, 8, ue)
-              ], 8, ce),
-              i("button", {
-                onClick: N((l) => I(a), ["prevent"]),
-                class: "btn btn--close"
-              }, [
-                c(b, { symbol: "x" })
-              ], 8, pe),
-              c(R, {
-                id: `${e.name}-pp-${a}`,
-                modelValue: S[a],
-                "onUpdate:modelValue": (l) => S[a] = l,
-                class: "preset-uploader__item-popover",
-                style: v({ positionAnchor: `--${e.name}-pp-${a}` })
-              }, {
-                default: p(() => [
-                  i("div", re, [
-                    i("button", {
-                      class: "img-trigger",
-                      popovertarget: `${e.name}-pp-${a}`,
-                      popovertargetaction: "hide"
-                    }, [
-                      i("img", {
-                        src: n.thumbnail || n.src,
-                        class: "img-thumbnail"
-                      }, null, 8, fe)
-                    ], 8, he),
-                    i("div", be, [
-                      e.showTypeDropdown ? (d(), f(z, {
-                        key: 0,
-                        name: `${e.name}-type-${a}`,
-                        options: e.typeOptions,
-                        "model-value": n.type || null,
-                        placeholder: "item type",
-                        "onUpdate:modelValue": (l) => K(a, l)
-                      }, null, 8, ["name", "options", "model-value", "onUpdate:modelValue"])) : O("", !0),
-                      $[a] ? (d(), f(z, {
-                        key: 2,
-                        name: `${e.name}-promote-type-${a}`,
-                        options: e.typeOptions,
-                        "model-value": V[a] || null,
-                        placeholder: "new layer type",
-                        "onUpdate:modelValue": (l) => J(a, l)
-                      }, null, 8, ["name", "options", "model-value", "onUpdate:modelValue"])) : (d(), h(W, { key: 1 }, [
-                        e.useImageUpload ? (d(), f(A, {
-                          key: 0,
-                          src: "",
-                          endpoint: e.endpoint,
-                          "custom-fetch": e.customFetch,
-                          "to-data-url": !e.endpoint,
-                          "auth-token": e.authToken,
-                          disabled: e.disabled,
-                          "base-response-path": e.baseResponsePath,
-                          accept: e.accept,
-                          "max-file-size": e.maxFileSize,
-                          "max-image-width": e.maxImageWidth,
-                          "enable-preview": !1,
-                          "aspect-ratio": e.aspectRatio,
-                          "onUpdate:src": (l) => M(a, l)
-                        }, {
-                          button: p(() => [
-                            i("span", ye, [
-                              c(b, { symbol: "plus" }),
-                              o[3] || (o[3] = L(" Add layer", -1))
-                            ])
-                          ]),
-                          _: 1
-                        }, 8, ["endpoint", "custom-fetch", "to-data-url", "auth-token", "disabled", "base-response-path", "accept", "max-file-size", "max-image-width", "aspect-ratio", "onUpdate:src"])) : (d(), f(j, {
-                          key: 1,
-                          src: "",
-                          multiple: !1,
-                          endpoint: e.endpoint,
-                          "custom-fetch": e.customFetch,
-                          "to-data-url": !e.endpoint,
-                          "auth-token": e.authToken,
-                          disabled: e.disabled,
-                          "base-response-path": e.baseResponsePath,
-                          accept: e.accept,
-                          "max-file-size": e.maxFileSize,
-                          "onUpdate:src": (l) => M(a, l)
-                        }, {
-                          button: p(() => [
-                            i("span", ge, [
-                              c(b, { symbol: "plus" }),
-                              o[4] || (o[4] = L(" Add layer", -1))
-                            ])
-                          ]),
-                          _: 1
-                        }, 8, ["endpoint", "custom-fetch", "to-data-url", "auth-token", "disabled", "base-response-path", "accept", "max-file-size", "onUpdate:src"]))
-                      ], 64))
-                    ])
-                  ])
-                ]),
-                _: 2
-              }, 1032, ["id", "modelValue", "onUpdate:modelValue", "style"])
-            ], 4))
-          ]),
-          "list-append": p(() => [
-            e.useImageUpload ? (d(), f(A, {
-              key: 0,
-              src: g.value,
-              "onUpdate:src": o[0] || (o[0] = (n) => g.value = n),
-              endpoint: e.endpoint,
-              "custom-fetch": e.customFetch,
-              "to-data-url": !e.endpoint,
-              "auth-token": e.authToken,
-              disabled: e.disabled,
-              "base-response-path": e.baseResponsePath,
-              accept: e.accept,
-              "max-file-size": e.maxFileSize,
-              "max-image-width": e.maxImageWidth,
-              "enable-preview": !1,
-              "aspect-ratio": e.aspectRatio
-            }, {
-              button: p(() => [
-                i("span", Ne, [
-                  c(b, { symbol: "plus" })
-                ])
-              ]),
-              _: 1
-            }, 8, ["src", "endpoint", "custom-fetch", "to-data-url", "auth-token", "disabled", "base-response-path", "accept", "max-file-size", "max-image-width", "aspect-ratio"])) : (d(), f(j, {
-              key: 1,
-              src: g.value,
-              "onUpdate:src": o[1] || (o[1] = (n) => g.value = n),
-              multiple: !1,
-              endpoint: e.endpoint,
-              "custom-fetch": e.customFetch,
-              "to-data-url": !e.endpoint,
-              "auth-token": e.authToken,
-              disabled: e.disabled,
-              "base-response-path": e.baseResponsePath,
-              accept: e.accept,
-              "max-file-size": e.maxFileSize
-            }, {
-              button: p(() => [
-                i("span", je, [
-                  c(b, { symbol: "plus" })
-                ])
-              ]),
-              _: 1
-            }, 8, ["src", "endpoint", "custom-fetch", "to-data-url", "auth-token", "disabled", "base-response-path", "accept", "max-file-size"]))
-          ]),
-          _: 1
-        }, 8, ["modelValue"])
-      ])
-    ]));
-  }
-});
-export {
-  Xe as default
-};

package/dist/components/organisms/preset-uploader/preset-uploader3.vue.js

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

package/dist/components/templates/base-carousel/base-carousel.vue.js

@@ -1,93 +0,0 @@
-import { defineComponent as b, ref as s, openBlock as o, createElementBlock as n, withModifiers as u, createVNode as d, createCommentVNode as m, createElementVNode as c, Fragment as y, renderList as g, renderSlot as C, normalizeClass as w, toDisplayString as V } from "vue";
-import f from "../../atoms/svg-icon/svg-icon.vue.js";
-/* empty css                                 */
-const W = { class: "carousel d-flex" }, L = ["title"], N = ["onClick"], $ = ["title"], S = /* @__PURE__ */ b({
-  __name: "base-carousel",
-  props: {
-    modelValue: {
-      type: Number,
-      default: -1
-    },
-    config: {
-      type: Object,
-      default: null
-    },
-    messages: {
-      type: Object,
-      default: {}
-    },
-    items: {
-      type: Array,
-      default: []
-    },
-    navigation: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["update:modelValue", "select"],
-  setup(l, { emit: v }) {
-    const p = v, e = s(), i = s();
-    function h() {
-      e.value.scrollTo({
-        top: 0,
-        left: e.value.scrollLeft - e.value.clientWidth > 0 ? e.value.scrollLeft - e.value.clientWidth : 0,
-        behavior: "smooth"
-      });
-    }
-    function k() {
-      e.value.scrollTo({
-        top: 0,
-        left: e.value.scrollLeft - e.value.clientWidth <= i.value.clientWidth ? e.value.scrollLeft + e.value.clientWidth : i.value.clientWidth,
-        behavior: "smooth"
-      });
-    }
-    function _(t) {
-      p("update:modelValue", t);
-    }
-    return (t, j) => (o(), n("div", W, [
-      l.navigation ? (o(), n("button", {
-        key: 0,
-        class: "carousel__control btn btn-link text-light",
-        type: "button",
-        onClick: u(h, ["prevent", "stop"]),
-        title: t.$t("common.backward")
-      }, [
-        d(f, { symbol: "chevron-left" })
-      ], 8, L)) : m("", !0),
-      c("div", {
-        ref_key: "viewport",
-        ref: e,
-        class: "carousel__viewport flex-grow-1"
-      }, [
-        c("div", {
-          ref_key: "track",
-          ref: i,
-          class: "carousel__track d-flex justify-center align-items-center"
-        }, [
-          (o(!0), n(y, null, g(l.items, (r, a) => C(t.$slots, "carousel-item", {
-            item: r,
-            index: a
-          }, () => [
-            c("div", {
-              class: w(["carousel__item", a === l.modelValue ? "selected" : ""]),
-              onClick: (x) => _(a)
-            }, V(r), 11, N)
-          ], void 0, r.src)), 128))
-        ], 512)
-      ], 512),
-      l.navigation ? (o(), n("button", {
-        key: 1,
-        class: "carousel__control btn btn-link text-light",
-        type: "button",
-        onClick: u(k, ["prevent", "stop"]),
-        title: t.$t("common.forward")
-      }, [
-        d(f, { symbol: "chevron-right" })
-      ], 8, $)) : m("", !0)
-    ]));
-  }
-});
-export {
-  S as default
-};

package/dist/components/templates/base-carousel/base-carousel3.vue.js

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