ablok-components 0.3.104 → 0.3.106

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

@@ -1,193 +0,0 @@
-import { defineComponent as v, ref as k, computed as x, watch as V, nextTick as w, openBlock as n, createElementBlock as p, unref as S, createCommentVNode as F, createElementVNode as i, createVNode as s, withCtx as m, createBlock as h, withModifiers as U, renderSlot as $ } from "vue";
-import { uniqueId as b } from "../../../utilities/helpers.js";
-import { sanitizeHtml as z } from "../../../composables/useSanitize.js";
-import N from "../../templates/sortable-list/sortable-list.vue.js";
-/* empty css                                               */
-import B from "../image-upload/image-upload.vue.js";
-/* empty css                                */
-import I from "../file-upload/file-upload.vue.js";
-/* empty css                              */
-import r from "../../atoms/svg-icon/svg-icon.vue.js";
-/* empty css                                 */
-const T = { class: "upload-group" }, W = ["innerHTML"], C = { class: "upload-group__list" }, R = { class: "img-container" }, H = ["src"], M = { class: "item-overlay" }, P = ["onClick"], j = {
-  role: "button",
-  class: "img-thumbnail d-flex justify-content-center align-items-center"
-}, q = {
-  role: "button",
-  class: "img-thumbnail d-flex justify-content-center align-items-center"
-}, _ = /* @__PURE__ */ v({
-  __name: "upload-group",
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    name: {
-      type: String,
-      default: () => b()
-    },
-    id: {
-      type: String,
-      default: () => b()
-    },
-    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,
-    baseResponsePath: {
-      type: String,
-      default: "/api/v1/assets"
-    },
-    previewWidth: {
-      type: Number,
-      default: 0
-    },
-    useImageUpload: {
-      type: Boolean,
-      default: !1
-    },
-    maxImageWidth: {
-      type: Number,
-      default: 0
-    },
-    aspectRatio: Number,
-    localUrlFormat: {
-      type: String,
-      default: "dataUrl"
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: g }) {
-    const d = e, u = g, o = k(""), c = x({
-      get() {
-        return d.modelValue;
-      },
-      set(t) {
-        u("update:modelValue", t);
-      }
-    });
-    function y(t) {
-      u("update:modelValue", [
-        ...d.modelValue.slice(0, t),
-        ...d.modelValue.slice(t + 1)
-      ]);
-    }
-    return V(o, async (t, a) => {
-      t && a !== t && (u("update:modelValue", [...c.value, t]), await w(), o.value = "");
-    }), (t, a) => (n(), p("div", T, [
-      e.label ? (n(), p("label", {
-        key: 0,
-        innerHTML: S(z)(e.label)
-      }, null, 8, W)) : F("", !0),
-      i("div", C, [
-        s(N, {
-          modelValue: c.value,
-          "onUpdate:modelValue": a[2] || (a[2] = (l) => c.value = l),
-          vertical: !1,
-          class: "mb-3"
-        }, {
-          "list-item": m(({ item: l, index: f }) => [
-            i("div", R, [
-              i("img", {
-                src: `${l}${e.previewWidth ? `?width=${e.previewWidth}` : ""}`,
-                class: "img-thumbnail"
-              }, null, 8, H),
-              i("div", M, [
-                i("button", {
-                  onClick: U((E) => y(f), ["prevent"]),
-                  class: "btn btn--close"
-                }, [
-                  s(r, { symbol: "x" })
-                ], 8, P),
-                $(t.$slots, "item-overlay", {
-                  item: l,
-                  index: f
-                })
-              ])
-            ])
-          ]),
-          "list-append": m(() => [
-            e.useImageUpload ? (n(), h(B, {
-              key: 0,
-              src: o.value,
-              "onUpdate:src": a[0] || (a[0] = (l) => o.value = l),
-              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,
-              "local-url-format": e.localUrlFormat
-            }, {
-              button: m(() => [
-                i("span", j, [
-                  s(r, { 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", "local-url-format"])) : (n(), h(I, {
-              key: 1,
-              src: o.value,
-              "onUpdate:src": a[1] || (a[1] = (l) => o.value = l),
-              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,
-              "max-image-width": e.maxImageWidth,
-              "local-url-format": e.localUrlFormat
-            }, {
-              button: m(() => [
-                i("span", q, [
-                  s(r, { symbol: "plus" })
-                ])
-              ]),
-              _: 1
-            }, 8, ["src", "endpoint", "custom-fetch", "to-data-url", "auth-token", "disabled", "base-response-path", "accept", "max-file-size", "max-image-width", "local-url-format"]))
-          ]),
-          _: 3
-        }, 8, ["modelValue"])
-      ])
-    ]));
-  }
-});
-export {
-  _ as default
-};

package/dist/components/molecules/upload-group/upload-group3.vue.js

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

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

@@ -1,160 +0,0 @@
-import { defineComponent as y, computed as f, openBlock as n, createElementBlock as i, unref as g, createCommentVNode as h, createVNode as p, createSlots as b, withCtx as V } from "vue";
-import { uniqueId as s } from "../../../utilities/helpers.js";
-import v from "../../molecules/upload-group/upload-group.vue.js";
-/* empty css                                             */
-import w from "../../molecules/input-dropdown/input-dropdown.vue.js";
-/* empty css                                                 */
-import { sanitizeHtml as S } from "../../../composables/useSanitize.js";
-const T = { class: "asset-uploader" }, k = ["innerHTML"], F = /* @__PURE__ */ y({
-  __name: "asset-uploader",
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    name: {
-      type: String,
-      default: () => s()
-    },
-    id: {
-      type: String,
-      default: () => s()
-    },
-    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"
-        /* Image */
-      })
-    },
-    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: r }) {
-    const a = e, m = r, u = f({
-      get() {
-        return a.modelValue.map((o) => o.src);
-      },
-      set(o) {
-        m("update:modelValue", o.map((l, t) => {
-          const d = a.showTypeDropdown && a.modelValue[t]?.type || a.type;
-          return {
-            mediaType: a.modelValue[t] && a.modelValue[t].mediaType || l.includes("data:image") ? l.includes("data:image/svg") ? "Svg" : "Image" : a.mediaTypeMap[l.split(".")[1]],
-            src: l,
-            name: a.modelValue[t] && a.modelValue[t].name || `${a.name}-${t}`,
-            ...d ? { type: d } : {}
-          };
-        }));
-      }
-    });
-    function c(o, l) {
-      m("update:modelValue", a.modelValue.map(
-        (t, d) => d === o ? { ...t, type: l } : t
-      ));
-    }
-    return (o, l) => (n(), i("div", T, [
-      e.label ? (n(), i("label", {
-        key: 0,
-        innerHTML: g(S)(e.label)
-      }, null, 8, k)) : h("", !0),
-      p(v, {
-        modelValue: u.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (t) => u.value = t),
-        endpoint: e.endpoint,
-        "custom-fetch": e.customFetch,
-        "auth-token": e.authToken,
-        disabled: e.disabled,
-        "preview-width": e.previewWidth,
-        "base-response-path": e.baseResponsePath,
-        accept: e.accept,
-        "max-file-size": e.maxFileSize,
-        "use-image-upload": e.useImageUpload,
-        "max-image-width": e.maxImageWidth,
-        "aspect-ratio": e.aspectRatio
-      }, b({ _: 2 }, [
-        e.showTypeDropdown ? {
-          name: "item-overlay",
-          fn: V(({ index: t }) => [
-            p(w, {
-              name: `${e.name}-type-${t}`,
-              options: e.typeOptions,
-              "model-value": e.modelValue[t]?.type || null,
-              placeholder: "type",
-              "onUpdate:modelValue": (d) => c(t, d)
-            }, null, 8, ["name", "options", "model-value", "onUpdate:modelValue"])
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["modelValue", "endpoint", "custom-fetch", "auth-token", "disabled", "preview-width", "base-response-path", "accept", "max-file-size", "use-image-upload", "max-image-width", "aspect-ratio"])
-    ]));
-  }
-});
-export {
-  F as default
-};

package/dist/components/organisms/asset-uploader/asset-uploader2.vue.js

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