ablok-components 0.3.104 → 0.3.106

package/dist/components/molecules/base-map/base-map.vue.js

@@ -1,386 +0,0 @@
-import { defineComponent as q, shallowRef as G, ref as C, onMounted as H, markRaw as m, watch as S, computed as f, nextTick as J, openBlock as u, createElementBlock as k, renderSlot as K, toDisplayString as w, createCommentVNode as y, createElementVNode as Q, normalizeStyle as X, normalizeClass as ee, createBlock as d, resolveDynamicComponent as p, withCtx as h, Fragment as te, renderList as ae, createTextVNode as U } from "vue";
-/* empty css                                                                              */
-const le = { class: "base-map" }, ne = {
-  key: 0,
-  class: "base-map__label"
-}, re = {
-  key: 0,
-  class: "base-map__hint"
-}, se = /* @__PURE__ */ q({
-  __name: "base-map",
-  props: {
-    label: {
-      type: String,
-      default: ""
-    },
-    modelValue: {
-      type: Object,
-      default: null
-    },
-    center: {
-      type: Object,
-      default: () => ({ lat: 48.8566, lng: 2.3522 })
-    },
-    zoom: {
-      type: Number,
-      default: 13
-    },
-    markers: {
-      type: Array,
-      default: () => []
-    },
-    routeCoordinates: {
-      type: Array,
-      default: () => []
-    },
-    routeColor: {
-      type: String,
-      default: "#2563eb"
-    },
-    routeWeight: {
-      type: Number,
-      default: 5
-    },
-    selectionRadius: {
-      type: Number,
-      default: 0
-    },
-    selectionRadiusCenter: {
-      type: Object,
-      default: null
-    },
-    selectionRadiusColor: {
-      type: String,
-      default: "#2563eb"
-    },
-    selectionRadiusFillColor: {
-      type: String,
-      default: "#60a5fa"
-    },
-    selectionRadiusFillOpacity: {
-      type: Number,
-      default: 0.14
-    },
-    selectionRadiusOpacity: {
-      type: Number,
-      default: 0.65
-    },
-    selectionRadiusStrokeWeight: {
-      type: Number,
-      default: 2
-    },
-    userLocation: {
-      type: Object,
-      default: null
-    },
-    userLocationLabel: {
-      type: String,
-      default: "Your location"
-    },
-    selectedLocationLabel: {
-      type: String,
-      default: "Selected location"
-    },
-    height: {
-      type: String,
-      default: "20rem"
-    },
-    interactive: {
-      type: Boolean,
-      default: !1
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    showSelectedMarker: {
-      type: Boolean,
-      default: !0
-    },
-    helperText: {
-      type: String,
-      default: ""
-    },
-    mapStyle: {
-      type: String,
-      default: "streets"
-    },
-    tileLayerUrl: {
-      type: String,
-      default: ""
-    },
-    tileLayerAttribution: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:modelValue", "update:center", "update:zoom", "map-click", "marker-click"],
-  setup(n, { emit: $ }) {
-    function v(e, t) {
-      return t({
-        className: "base-map__marker-wrapper",
-        html: `<span class="base-map__marker-pin base-map__marker-pin--${e}"><span class="base-map__marker-core"></span></span>`,
-        iconSize: [24, 24],
-        iconAnchor: [12, 24],
-        popupAnchor: [0, -20]
-      });
-    }
-    const N = {
-      lat: 48.8566,
-      lng: 2.3522
-    }, x = {
-      streets: {
-        url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
-        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
-      },
-      light: {
-        url: "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png",
-        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>'
-      },
-      dark: {
-        url: "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png",
-        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>'
-      },
-      minimal: {
-        url: "https://{s}.basemaps.cartocdn.com/light_nolabels/{z}/{x}/{y}{r}.png",
-        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>'
-      },
-      popover: {
-        url: "https://{s}.basemaps.cartocdn.com/rastertiles/voyager_nolabels/{z}/{x}/{y}{r}.png",
-        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>'
-      }
-    }, a = n, c = $, s = G(null), L = C(null), M = C(null), z = C(a.zoom), r = C(o(a.modelValue));
-    H(async () => {
-      if (typeof window > "u")
-        return;
-      const [e, t] = await Promise.all([
-        import("@vue-leaflet/vue-leaflet"),
-        import("leaflet")
-      ]), l = e.default ?? e, i = t.default ?? t;
-      s.value = m({
-        LCircle: m(l.LCircle),
-        LMap: m(l.LMap),
-        LMarker: m(l.LMarker),
-        LPopup: m(l.LPopup),
-        LPolyline: m(l.LPolyline),
-        LTileLayer: m(l.LTileLayer)
-      }), L.value = {
-        list: v("list", i.divIcon),
-        selected: v("selected", i.divIcon),
-        search: v("search", i.divIcon),
-        user: v("user", i.divIcon)
-      };
-    }), S(() => a.zoom, (e) => {
-      z.value = e;
-    }), S(() => a.modelValue, (e) => {
-      r.value = o(e);
-    }), S(() => a.center, (e) => {
-      const t = o(e);
-      t && g(t);
-    }, { deep: !0 }), S(
-      () => [
-        a.height,
-        a.markers.length,
-        a.routeCoordinates.length,
-        a.center?.lat,
-        a.center?.lng,
-        a.modelValue?.lat,
-        a.modelValue?.lng,
-        a.userLocation?.lat,
-        a.userLocation?.lng
-      ],
-      () => {
-        V();
-      },
-      { flush: "post" }
-    );
-    const b = f(() => o(a.userLocation)), R = f(() => o(a.selectionRadiusCenter) || r.value), B = f(() => {
-      const e = (a.markers || []).map((t) => {
-        const l = o(t);
-        return l ? {
-          ...t,
-          ...l,
-          type: t.type || (r.value && P(t, r.value) ? "selected" : "list")
-        } : null;
-      }).filter((t) => !!t);
-      return a.showSelectedMarker && r.value && !e.some((t) => P(t, r.value)) && e.push({
-        id: "selected-location",
-        label: a.selectedLocationLabel,
-        type: "search",
-        ...r.value
-      }), e;
-    }), T = f(() => (a.routeCoordinates || []).map((e) => W(e)).filter((e) => !!e)), E = f(() => {
-      const e = o(a.center) || r.value || o(a.markers[0]) || N;
-      return [e.lat, e.lng];
-    }), I = f(() => {
-      if (a.tileLayerUrl.trim())
-        return a.tileLayerUrl;
-      const e = a.mapStyle === "custom" ? "streets" : a.mapStyle;
-      return x[e].url;
-    }), j = f(() => {
-      if (a.tileLayerAttribution.trim())
-        return a.tileLayerAttribution;
-      const e = a.mapStyle === "custom" ? "streets" : a.mapStyle;
-      return x[e].attribution;
-    });
-    function O(e = "list") {
-      if (L.value)
-        return L.value[e] || L.value.list;
-    }
-    function A(e = "list") {
-      switch (e) {
-        case "user":
-          return 450;
-        case "selected":
-          return 350;
-        case "search":
-          return 250;
-        default:
-          return 150;
-      }
-    }
-    function o(e) {
-      if (!e)
-        return null;
-      const t = Number(e.lat), l = Number(e.lng);
-      return Number.isNaN(t) || Number.isNaN(l) ? null : { lat: t, lng: l };
-    }
-    function W(e) {
-      if (Array.isArray(e)) {
-        const l = Number(e[0]), i = Number(e[1]);
-        return Number.isFinite(l) && Number.isFinite(i) ? [l, i] : null;
-      }
-      const t = o(e);
-      return t ? [t.lat, t.lng] : null;
-    }
-    function P(e, t) {
-      const l = o(e), i = o(t);
-      return !l || !i ? !1 : Math.abs(l.lat - i.lat) < 1e-6 && Math.abs(l.lng - i.lng) < 1e-6;
-    }
-    async function V() {
-      await J(), M.value?.invalidateSize();
-    }
-    function g(e) {
-      M.value?.panTo([e.lat, e.lng]);
-    }
-    function D(e) {
-      M.value = e, g(o(a.center) || r.value || N), V();
-    }
-    function Z(e) {
-      z.value = e, c("update:zoom", e);
-    }
-    function Y(e) {
-      const t = o(e);
-      t && (g(t), c("update:center", t));
-    }
-    function _(e) {
-      if (!a.interactive || a.disabled)
-        return;
-      const t = {
-        lat: Number(e.latlng.lat.toFixed(6)),
-        lng: Number(e.latlng.lng.toFixed(6))
-      };
-      r.value = t, g(t), c("update:modelValue", t), c("update:center", t), c("map-click", t);
-    }
-    function F(e) {
-      r.value = {
-        lat: Number(e.lat),
-        lng: Number(e.lng)
-      }, g(r.value), c("update:modelValue", r.value), c("update:center", r.value), c("marker-click", e);
-    }
-    return (e, t) => (u(), k("div", le, [
-      K(e.$slots, "label", {}, () => [
-        n.label ? (u(), k("label", ne, w(n.label), 1)) : y("", !0)
-      ]),
-      Q("div", {
-        class: ee(["base-map__frame", {
-          "base-map__frame--interactive": n.interactive && !n.disabled,
-          "base-map__frame--disabled": n.disabled
-        }]),
-        style: X({ height: n.height }),
-        "data-testid": "base-map"
-      }, [
-        s.value ? (u(), d(p(s.value?.LMap), {
-          key: 0,
-          class: "base-map__canvas",
-          "use-global-leaflet": !1,
-          zoom: z.value,
-          center: E.value,
-          onReady: D,
-          onClick: _,
-          "onUpdate:zoom": Z,
-          "onUpdate:center": Y
-        }, {
-          default: h(() => [
-            (u(), d(p(s.value.LTileLayer), {
-              url: I.value,
-              attribution: j.value,
-              "layer-type": "base",
-              name: "OpenStreetMap"
-            }, null, 8, ["url", "attribution"])),
-            T.value.length > 1 ? (u(), d(p(s.value.LPolyline), {
-              key: 0,
-              "lat-lngs": T.value,
-              color: n.routeColor,
-              weight: n.routeWeight
-            }, null, 8, ["lat-lngs", "color", "weight"])) : y("", !0),
-            R.value && n.selectionRadius > 0 ? (u(), d(p(s.value.LCircle), {
-              key: 1,
-              "lat-lng": [R.value.lat, R.value.lng],
-              radius: n.selectionRadius,
-              color: n.selectionRadiusColor,
-              "fill-color": n.selectionRadiusFillColor,
-              "fill-opacity": n.selectionRadiusFillOpacity,
-              opacity: n.selectionRadiusOpacity,
-              weight: n.selectionRadiusStrokeWeight
-            }, null, 8, ["lat-lng", "radius", "color", "fill-color", "fill-opacity", "opacity", "weight"])) : y("", !0),
-            (u(!0), k(te, null, ae(B.value, (l, i) => (u(), d(p(s.value.LMarker), {
-              key: l.id ?? `${l.lat}-${l.lng}-${i}`,
-              "lat-lng": [l.lat, l.lng],
-              icon: O(l.type),
-              "z-index-offset": A(l.type),
-              onClick: (oe) => F(l)
-            }, {
-              default: h(() => [
-                l.label ? (u(), d(p(s.value.LPopup), { key: 0 }, {
-                  default: h(() => [
-                    U(w(l.label), 1)
-                  ]),
-                  _: 2
-                }, 1024)) : y("", !0)
-              ]),
-              _: 2
-            }, 1032, ["lat-lng", "icon", "z-index-offset", "onClick"]))), 128)),
-            b.value ? (u(), d(p(s.value.LMarker), {
-              key: `user-${b.value.lat}-${b.value.lng}`,
-              "lat-lng": [b.value.lat, b.value.lng],
-              icon: O("user"),
-              "z-index-offset": A("user"),
-              onClick: t[0] || (t[0] = (l) => F({
-                id: "user-location",
-                label: n.userLocationLabel,
-                type: "user",
-                ...b.value
-              }))
-            }, {
-              default: h(() => [
-                (u(), d(p(s.value.LPopup), null, {
-                  default: h(() => [
-                    U(w(n.userLocationLabel), 1)
-                  ]),
-                  _: 1
-                }))
-              ]),
-              _: 1
-            }, 8, ["lat-lng", "icon", "z-index-offset"])) : y("", !0)
-          ]),
-          _: 1
-        }, 40, ["zoom", "center"])) : y("", !0)
-      ], 6),
-      n.interactive && n.helperText ? (u(), k("p", re, w(n.helperText), 1)) : y("", !0)
-    ]));
-  }
-});
-export {
-  se as default
-};

package/dist/components/molecules/base-map/base-map3.vue.js

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

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

@@ -1,256 +0,0 @@
-import { defineComponent as I, computed as V, ref as k, resolveComponent as x, openBlock as n, createElementBlock as i, createElementVNode as l, unref as N, renderSlot as $, withModifiers as M, createVNode as f, createCommentVNode as u, toDisplayString as g, withCtx as F, normalizeClass as U, Fragment as A, withDirectives as E, vModelText as R, nextTick as K } from "vue";
-import j from "../file-upload/file-upload.vue.js";
-/* empty css                              */
-import { sanitizeHtml as q } from "../../../composables/useSanitize.js";
-const G = { class: "container" }, J = { class: "row" }, O = {
-  key: 0,
-  class: "col-12"
-}, Q = { class: "py-4 px-3 d-flex align-items-center border border-bottom-0" }, W = ["innerHTML"], X = { class: "col-12" }, Y = {
-  key: 0,
-  class: "grid place-items-center text-center text-muted py-5 border border-bottom-0"
-}, Z = { class: "m-0" }, ee = { class: "preview-item border-bottom p-3" }, te = { class: "d-flex gap-3" }, le = { class: "col-2" }, oe = { class: "col d-flex flex-column" }, se = { class: "file-meta text-muted small mb-2" }, ae = { class: "fw-semibold" }, ne = { key: 0 }, ie = { key: 1 }, de = ["onUpdate:modelValue", "id"], re = ["innerHTML"], ue = {
-  key: 2,
-  class: "upload-progress mt-3 mb-0"
-}, ce = ["value"], pe = { class: "col-auto d-flex flex-column gap-2" }, me = ["onClick"], fe = ["onClick"], ve = { class: "file-upload__label" }, be = { class: "d-flex align-items-end p-3" }, he = ["for"], ge = ["innerHTML"], Me = /* @__PURE__ */ I({
-  __name: "bulk-upload",
-  props: {
-    storeId: String,
-    id: {
-      type: String,
-      default: () => `bulk-upload-${Math.random().toString(36).substring(2, 9)}`
-    },
-    modelValue: {
-      type: Array,
-      default: []
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    size: {
-      type: Number,
-      default: () => 120
-    },
-    messages: {
-      type: null
-    },
-    hasHeader: {
-      type: Boolean,
-      default: !0
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    hasBulkRemove: {
-      type: Boolean,
-      default: !0
-    },
-    hasCaptions: {
-      type: Boolean,
-      default: !0
-    },
-    editCaptions: {
-      type: Boolean,
-      default: !0
-    },
-    allowDuplicateFiles: {
-      type: Boolean,
-      default: !1
-    },
-    maxFiles: {
-      type: Number,
-      default: 0
-    },
-    showProgress: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(d, { emit: z }) {
-    const r = d, w = z, C = (e) => `${e.name ?? ""}|${e.size ?? 0}|${e.lastModified ?? 0}|${e.type ?? ""}`, c = V({
-      get: () => {
-        const e = r.modelValue || [];
-        return b.value = e.map((t) => t.caption || ""), e.map((t) => ({
-          type: t.type,
-          src: t.src,
-          ...t.name ? { name: t.name } : {},
-          ...t.size ? { size: t.size } : {},
-          ...t.lastModified ? { lastModified: t.lastModified } : {},
-          ...t.uploadProgress ? { uploadProgress: t.uploadProgress } : {}
-        }));
-      },
-      set: (e) => {
-        const t = c.value || [], a = Array.isArray(e) ? e : [], p = r.allowDuplicateFiles ? a : a.filter((y) => {
-          const _ = C(y);
-          return !t.some((P) => C(P) === _);
-        }), o = r.maxFiles > 0 ? Math.max(0, r.maxFiles - t.length) : void 0, s = typeof o == "number" ? p.slice(0, o) : p;
-        if (!r.allowDuplicateFiles && a.length > 0 && s.length === 0)
-          return;
-        const m = s.length <= t.length && s.every((y) => t.some((_) => _.src === y.src));
-        h(m ? s : [...t, ...s]);
-      }
-    }), B = k(null), v = k({}), b = k({}), H = V(() => r.disabled || r.maxFiles > 0 && c.value.length >= r.maxFiles);
-    function S(e) {
-      const t = [...r.modelValue || []];
-      t.splice(e, 1), w("update:modelValue", t);
-    }
-    async function D(e) {
-      v.value[e] = !v.value[e], v.value[e] || h(), await K(), B.value?.querySelector(`#caption-${e}`)?.focus();
-    }
-    function T(e) {
-      if (e == null) return "";
-      const t = ["B", "KB", "MB", "GB", "TB"];
-      let a = e, p = t.shift();
-      for (; a >= 1024 && t.length; )
-        a /= 1024, p = t.shift();
-      return `${a.toFixed(1)} ${p}`;
-    }
-    function L(e) {
-      return e ? new Date(e).toLocaleDateString() : "";
-    }
-    function h(e) {
-      w("update:modelValue", (e || c.value).map((t, a) => ({
-        ...t,
-        caption: b.value[a] || ""
-      })));
-    }
-    return (e, t) => {
-      const a = x("svg-icon"), p = x("base-image");
-      return n(), i("div", {
-        class: "bulk-upload",
-        ref_key: "root",
-        ref: B
-      }, [
-        l("div", G, [
-          l("div", J, [
-            d.hasHeader ? (n(), i("div", O, [
-              l("div", Q, [
-                l("p", {
-                  class: "fw-bold m-0",
-                  innerHTML: N(q)(d.title || e.$t("fileInput.bulkUploadHeadline"))
-                }, null, 8, W),
-                $(e.$slots, "bulk-remove", {}, () => [
-                  d.hasBulkRemove ? (n(), i("button", {
-                    key: 0,
-                    onClick: t[0] || (t[0] = M((o) => c.value = [], ["prevent"])),
-                    class: "btn btn--close ms-auto p-0"
-                  }, [
-                    f(a, { symbol: "x" })
-                  ])) : u("", !0)
-                ])
-              ])
-            ])) : u("", !0),
-            l("div", X, [
-              c.value.length ? u("", !0) : (n(), i("div", Y, [
-                l("p", Z, g(e.$t("fileInput.noFilesSelected")), 1)
-              ])),
-              f(j, {
-                id: `${d.id}-file-upload`,
-                modelValue: c.value,
-                "onUpdate:modelValue": t[2] || (t[2] = (o) => c.value = o),
-                multiple: !0,
-                accept: "image/*",
-                "drop-files": !0,
-                "to-data-url": !0,
-                "local-url-format": "objectUrl",
-                class: "d-flex flex-column border"
-              }, {
-                "preview-item": F(({ bind: { item: o, index: s } }) => [
-                  l("div", ee, [
-                    l("div", te, [
-                      l("div", le, [
-                        f(p, {
-                          src: o.src,
-                          alt: "",
-                          class: "img-thumbnail"
-                        }, null, 8, ["src"])
-                      ]),
-                      l("div", oe, [
-                        l("div", se, [
-                          l("div", ae, g(o.name || e.$t("fileInput.unknownFile")), 1),
-                          l("div", null, [
-                            o.size ? (n(), i("span", ne, g(T(o.size)), 1)) : u("", !0),
-                            o.lastModified ? (n(), i("span", ie, " · " + g(L(o.lastModified)), 1)) : u("", !0)
-                          ])
-                        ]),
-                        d.hasCaptions ? (n(), i(A, { key: 0 }, [
-                          v.value[s] && d.editCaptions ? E((n(), i("textarea", {
-                            key: 0,
-                            "onUpdate:modelValue": (m) => b.value[s] = m,
-                            id: `caption-${s}`,
-                            class: "form-control rounded-0 h-100",
-                            onChangeCapture: t[1] || (t[1] = (m) => h())
-                          }, null, 40, de)), [
-                            [R, b.value[s]]
-                          ]) : (n(), i("p", {
-                            key: 1,
-                            class: "m-0",
-                            innerHTML: b.value[s] || `<small>${e.$t("fileInput.noCaption")}</small>`
-                          }, null, 8, re)),
-                          d.showProgress && o.uploadProgress ? (n(), i("div", ue, [
-                            $(e.$slots, "upload-progress", {
-                              bind: { item: o, index: s }
-                            }, () => [
-                              l("progress", {
-                                value: o.uploadProgress,
-                                max: "100",
-                                class: "w-100"
-                              }, null, 8, ce)
-                            ])
-                          ])) : u("", !0)
-                        ], 64)) : u("", !0)
-                      ]),
-                      l("div", pe, [
-                        l("button", {
-                          onClick: M((m) => S(s), ["prevent"]),
-                          class: "btn btn--close"
-                        }, [
-                          f(a, { symbol: "x" })
-                        ], 8, me),
-                        d.editCaptions ? (n(), i("button", {
-                          key: 0,
-                          onClick: M((m) => D(s), ["prevent"]),
-                          class: "btn btn--close"
-                        }, [
-                          f(a, {
-                            symbol: v.value[s] ? "check" : "edit-3"
-                          }, null, 8, ["symbol"])
-                        ], 8, fe)) : u("", !0)
-                      ])
-                    ])
-                  ])
-                ]),
-                label: F(() => [
-                  $(e.$slots, "button", {}, () => [
-                    l("span", ve, [
-                      l("span", be, [
-                        l("label", {
-                          for: `${d.id}-file-upload`,
-                          class: U(["btn btn-primary btn-sm ms-auto d-flex align-items-center gap-2", { disabled: H.value }])
-                        }, [
-                          f(a, {
-                            symbol: "upload",
-                            size: "small"
-                          }),
-                          l("span", {
-                            innerHTML: e.$t("common.selectFile")
-                          }, null, 8, ge)
-                        ], 10, he)
-                      ])
-                    ])
-                  ])
-                ]),
-                _: 3
-              }, 8, ["id", "modelValue"])
-            ])
-          ])
-        ])
-      ], 512);
-    };
-  }
-});
-export {
-  Me as default
-};

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

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