ablok-components 0.3.58 → 0.3.60

package/dist/composables/useConfetti.js

@@ -0,0 +1,12 @@
+let t = null;
+async function n() {
+  if (typeof window > "u")
+    return null;
+  if (t)
+    return t;
+  const e = await import("canvas-confetti");
+  return t = e.default || e, t;
+}
+export {
+  n as getConfetti
+};

package/dist/composables/useDirections.js

@@ -0,0 +1,62 @@
+import { ref as o, computed as y } from "vue";
+import { ofetch as g } from "ofetch";
+const A = "https://router.project-osrm.org/route/v1";
+function D() {
+  const e = o([]), u = o(null), a = o(null), n = o([]), i = o(!1), s = o(""), v = y(() => e.value.length > 1);
+  function l() {
+    e.value = [], u.value = null, a.value = null, n.value = [], s.value = "";
+  }
+  async function p(c, m, f = {}) {
+    if (!c || !m)
+      return l(), null;
+    i.value = !0;
+    const N = f.customFetch || g, b = (f.endpoint || A).replace(/\/$/, ""), $ = f.profile || "driving";
+    try {
+      const r = (await N(
+        `${b}/${$}/${c.lng},${c.lat};${m.lng},${m.lat}`,
+        {
+          method: "GET",
+          query: {
+            alternatives: !1,
+            overview: "full",
+            steps: !0,
+            geometries: "geojson"
+          }
+        }
+      ))?.routes?.[0];
+      if (!r)
+        throw new Error("No route available for these points.");
+      return e.value = Array.isArray(r?.geometry?.coordinates) ? r.geometry.coordinates.map((t) => [Number(t[1]), Number(t[0])]).filter((t) => Number.isFinite(t[0]) && Number.isFinite(t[1])) : [], u.value = Number.isFinite(r?.distance) ? Number(r.distance) : null, a.value = Number.isFinite(r?.duration) ? Number(r.duration) : null, n.value = Array.isArray(r?.legs) ? r.legs.flatMap((t) => Array.isArray(t?.steps) ? t.steps.map((h) => F(h)) : []) : [], s.value = "", r;
+    } catch (d) {
+      return l(), s.value = d?.message || "Unable to load directions right now.", null;
+    } finally {
+      i.value = !1;
+    }
+  }
+  return {
+    routeCoordinates: e,
+    distanceMeters: u,
+    durationSeconds: a,
+    steps: n,
+    pending: i,
+    error: s,
+    hasRoute: v,
+    fetchRoute: p,
+    clearRoute: l
+  };
+}
+function F(e) {
+  const u = `${e?.maneuver?.type || "continue"}`, a = e?.maneuver?.modifier ? ` ${e.maneuver.modifier}` : "", n = `${e?.name || ""}`;
+  return {
+    instruction: `${w(u)}${a}${n ? ` on ${n}` : ""}`.trim(),
+    name: n,
+    distance: Number.isFinite(e?.distance) ? Number(e.distance) : 0,
+    duration: Number.isFinite(e?.duration) ? Number(e.duration) : 0
+  };
+}
+function w(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+export {
+  D as useDirections
+};

package/dist/composables/useFileUpload.js

@@ -0,0 +1,79 @@
+import { ref as r, computed as A, onMounted as V, onBeforeUnmount as F } from "vue";
+import { ofetch as L } from "ofetch";
+function U(a = null, o) {
+  const c = r(!1), f = r([]), n = r([]), h = r(!1), u = r(!1), y = A(() => a.modelValue?.length ? a.modelValue : a.src ? [{ type: "", src: a.src }] : n.value);
+  async function D(e) {
+    const t = new FormData();
+    t.append("file", e), c.value = !0;
+    const d = await (a.customFetch || L)(a.endpoint, {
+      method: "POST",
+      ...a.customFetch ? {} : { headers: {
+        Accept: "application/json",
+        ...a.authToken ? { Authorization: `Bearer ${a.authToken}` } : {}
+      } },
+      body: t
+    }).catch((E) => {
+      console.error("Error", E);
+    });
+    return c.value = !1, `${a.baseResponsePath || "/api/v1/assets"}/${d.path}`;
+  }
+  function b(e) {
+    const t = typeof e == "string" ? parseInt(e, 10) : e, s = Array.isArray(a.modelValue) && a.modelValue.length > 0, d = Array.isArray(n.value) && n.value.length > 0;
+    if (d && t < n.value.length && n.value.splice(t, 1), s) {
+      const l = [...a.modelValue];
+      t < l.length && l.splice(t, 1), o?.("update:modelValue", l), a.multiple || o?.("update:src", l[0]?.src || "");
+    } else if (d) {
+      const l = a.multiple ? n.value : n.value[0];
+      o?.("update:modelValue", l), a.multiple || o?.("update:src", n.value[0]?.src || "");
+    } else
+      o?.("update:modelValue", a.multiple ? [] : void 0), o?.("update:src", "");
+    f.value.splice(t, 1), h.value = !1;
+  }
+  function i(e) {
+    e.preventDefault(), u.value = !0;
+  }
+  function v(e) {
+    e.preventDefault(), u.value = !1;
+  }
+  function m(e) {
+    e.preventDefault(), u.value = !1;
+    const t = e.dataTransfer, s = t && Array.from(t.files || []);
+    f.value = s || [];
+  }
+  function g() {
+    a.dropFiles && (["dragenter", "dragover"].forEach((e) => {
+      document.body.addEventListener(e, i, !1);
+    }), ["dragleave", "drop"].forEach((e) => {
+      document.body.addEventListener(e, v, !1);
+    }), document.body.addEventListener("drop", m, !1));
+  }
+  function p() {
+    a.dropFiles && (["dragenter", "dragover"].forEach((e) => {
+      document.body.removeEventListener(e, i, !1);
+    }), ["dragleave", "drop"].forEach((e) => {
+      document.body.removeEventListener(e, v, !1);
+    }), document.body.removeEventListener("drop", m, !1));
+  }
+  return V(() => {
+    g();
+  }), F(() => {
+    p();
+  }), {
+    pending: c,
+    files: f,
+    dataUrls: n,
+    imgLoaded: h,
+    isDragging: u,
+    thumbnails: y,
+    uploadFile: D,
+    removeFile: b,
+    dragStart: i,
+    dragStop: v,
+    dragDrop: m,
+    setupDragAndDrop: g,
+    cleanupDragAndDrop: p
+  };
+}
+export {
+  U as useFileUpload
+};

package/dist/composables/useGeocoding.js

@@ -0,0 +1,85 @@
+import { ref as g } from "vue";
+import { ofetch as m } from "ofetch";
+const f = "https://nominatim.openstreetmap.org/search", h = "https://nominatim.openstreetmap.org/reverse";
+function E() {
+  const e = g([]), n = g(!1), r = g("");
+  function o() {
+    e.value = [], r.value = "";
+  }
+  async function c(s, a = {}) {
+    if (!s.trim())
+      return o(), [];
+    n.value = !0;
+    const i = a.customFetch || m;
+    try {
+      const t = await i(a.endpoint || f, {
+        method: "GET",
+        headers: {
+          Accept: "application/json",
+          ...a.language ? { "Accept-Language": a.language } : {}
+        },
+        query: {
+          q: s,
+          format: "jsonv2",
+          addressdetails: 1,
+          limit: a.limit || 5
+        }
+      });
+      return e.value = Array.isArray(t) ? t.map((l, v) => d(l, v, "geocoder")).filter((l) => !!l) : [], r.value = "", e.value;
+    } catch (t) {
+      return r.value = t?.message || "Unable to search locations right now.", e.value = [], [];
+    } finally {
+      n.value = !1;
+    }
+  }
+  async function u(s, a = {}) {
+    n.value = !0;
+    const i = a.customFetch || m;
+    try {
+      const t = await i(a.reverseEndpoint || h, {
+        method: "GET",
+        headers: {
+          Accept: "application/json",
+          ...a.language ? { "Accept-Language": a.language } : {}
+        },
+        query: {
+          lat: s.lat,
+          lon: s.lng,
+          format: "jsonv2",
+          addressdetails: 1
+        }
+      }), l = d(t, 0, "reverse-geocoder");
+      return r.value = "", l;
+    } catch (t) {
+      return r.value = t?.message || "Unable to resolve this location right now.", null;
+    } finally {
+      n.value = !1;
+    }
+  }
+  return {
+    results: e,
+    pending: n,
+    error: r,
+    search: c,
+    reverse: u,
+    clearResults: o
+  };
+}
+function d(e, n, r) {
+  const o = Number(e?.lat), c = Number(e?.lon ?? e?.lng);
+  if (!Number.isFinite(o) || !Number.isFinite(c))
+    return null;
+  const u = `${e?.display_name || e?.name || "Location"}`, s = `${e?.name || u.split(",")[0] || "Location"}`.trim();
+  return {
+    id: `${r === "reverse-geocoder" ? "reverse" : "geo"}-${e?.place_id ?? n}`,
+    title: s,
+    address: u,
+    lat: o,
+    lng: c,
+    source: r,
+    raw: e
+  };
+}
+export {
+  E as useGeocoding
+};

package/dist/composables/useGeolocation.js

@@ -0,0 +1,71 @@
+import { ref as l, onBeforeUnmount as y, computed as v } from "vue";
+function h(p = {}) {
+  const o = l(null), r = l(""), n = l(!1), t = l(!1), u = typeof window < "u" && typeof navigator < "u" && "geolocation" in navigator, s = {
+    enableHighAccuracy: !0,
+    timeout: 1e4,
+    maximumAge: 1e4,
+    ...p
+  };
+  let a = null;
+  function f(e) {
+    o.value = {
+      lat: Number(e.latitude),
+      lng: Number(e.longitude),
+      accuracy: Number.isFinite(e.accuracy) ? Number(e.accuracy) : null
+    }, n.value = !1, r.value = "";
+  }
+  function i(e) {
+    r.value = typeof e == "string" ? e : e instanceof Error ? e.message : e.message || "Unable to retrieve your location.", n.value = !1;
+  }
+  async function m() {
+    return u ? (n.value = !0, new Promise((e) => {
+      navigator.geolocation.getCurrentPosition(
+        ({ coords: c }) => {
+          f(c), e(o.value);
+        },
+        (c) => {
+          i(c), e(null);
+        },
+        s
+      );
+    })) : (i("Geolocation is not supported in this browser."), null);
+  }
+  function d() {
+    if (!u) {
+      i("Geolocation is not supported in this browser.");
+      return;
+    }
+    a === null && (n.value = !0, t.value = !0, a = navigator.geolocation.watchPosition(
+      ({ coords: e }) => {
+        f(e);
+      },
+      (e) => {
+        i(e), t.value = !1;
+      },
+      s
+    ));
+  }
+  function g() {
+    if (!u || a === null) {
+      t.value = !1, n.value = !1;
+      return;
+    }
+    navigator.geolocation.clearWatch(a), a = null, t.value = !1, n.value = !1;
+  }
+  return y(() => {
+    g();
+  }), {
+    supported: u,
+    position: v(() => o.value),
+    accuracy: v(() => o.value?.accuracy ?? null),
+    error: r,
+    pending: n,
+    isTracking: t,
+    locate: m,
+    startTracking: d,
+    stopTracking: g
+  };
+}
+export {
+  h as useGeolocation
+};

package/dist/composables/useSanitize.js

@@ -0,0 +1,23 @@
+import { computed as i } from "vue";
+import e from "dompurify";
+function o(t) {
+  return i(() => {
+    const r = typeof t == "function" ? t() : typeof t == "string" ? t : t.value;
+    return e.sanitize(r, {
+      ALLOWED_TAGS: ["b", "i", "em", "strong", "u", "span", "p", "br", "a", "ul", "ol", "li", "h1", "h2", "h3", "h4", "h5", "h6", "article", "div", "label"],
+      ALLOWED_ATTR: ["class", "id", "href", "target", "rel", "title", "data-countdown"],
+      ALLOW_DATA_ATTR: !0
+    });
+  });
+}
+function l(t) {
+  return e.sanitize(t, {
+    ALLOWED_TAGS: ["b", "i", "em", "strong", "u", "span", "p", "br", "a", "ul", "ol", "li", "h1", "h2", "h3", "h4", "h5", "h6", "article", "div", "label"],
+    ALLOWED_ATTR: ["class", "id", "href", "target", "rel", "title", "data-countdown", "v-modal"],
+    ALLOW_DATA_ATTR: !0
+  });
+}
+export {
+  l as sanitizeHtml,
+  o as useSanitize
+};

package/dist/i18n.d.ts

@@ -48,6 +48,9 @@ declare const i18n: import('vue-i18n').I18n<{
             download: string;
             selectFile: string;
             apply: string;
+            crop: string;
+            resize: string;
+            svgWarning: string;
         };
         form: {
             mandatoryNote: string;

package/dist/index.js

@@ -0,0 +1,156 @@
+import { default as W } from "./components/atoms/svg-icon/svg-icon.vue.js";
+/* empty css                                        */
+import { default as j } from "./components/atoms/loading-spinner/loading-spinner.vue.js";
+/* empty css                                                      */
+import { default as J } from "./components/atoms/base-image/base-image.vue.js";
+/* empty css                                            */
+import { default as O } from "./components/atoms/base-headline/base-headline.vue.js";
+import { default as X } from "./components/atoms/base-paragraph/base-paragraph.vue.js";
+import { default as _ } from "./components/molecules/accordion/accordion-item.vue.js";
+/* empty css                                                   */
+import { default as oo } from "./components/molecules/accordion/accordion.vue.js";
+import { default as ro } from "./components/atoms/base-button/base-button.vue.js";
+/* empty css                                              */
+import { default as ao } from "./components/atoms/base-input/base-input.vue.js";
+/* empty css                                            */
+import { default as mo } from "./components/atoms/input-textarea/input-textarea.vue.js";
+import { default as so } from "./components/atoms/input-checkbox/input-checkbox.vue.js";
+/* empty css                                                    */
+import { default as io } from "./components/atoms/input-datetime/input-datetime.vue.js";
+import { default as xo } from "./components/molecules/input-datepicker/input-datepicker.vue.js";
+/* empty css                                                            */
+import { default as Io } from "./components/atoms/input-passcode/input-passcode.vue.js";
+import { default as go } from "./components/atoms/input-password/input-password.vue.js";
+import { default as Bo } from "./components/atoms/check-group/check-group.vue.js";
+/* empty css                                              */
+import { default as So } from "./components/atoms/radio-group/radio-group.vue.js";
+/* empty css                                              */
+import { default as ho } from "./components/molecules/radio-buttons/radio-buttons.vue.js";
+/* empty css                                                      */
+import { default as Ro } from "./components/atoms/input-file/input-file.vue.js";
+import { default as Fo } from "./components/atoms/custom-html/custom-html.vue.js";
+import { default as ko } from "./components/molecules/select-media/select-media.vue.js";
+/* empty css                                                    */
+import { default as Mo } from "./components/molecules/rte-editor/rte-editor.vue.js";
+/* empty css                                                */
+import { default as Uo } from "./components/molecules/input-color/input-color.vue.js";
+/* empty css                                                  */
+import { default as Ho } from "./components/molecules/color-palette/color-palette.vue.js";
+/* empty css                                                      */
+import { default as zo } from "./components/molecules/input-dropdown/input-dropdown.vue.js";
+/* empty css                                                        */
+import { default as Eo } from "./components/molecules/auto-suggest/auto-suggest.vue.js";
+/* empty css                                                    */
+import { default as Qo } from "./components/molecules/base-camera/base-camera.vue.js";
+/* empty css                                                  */
+import { default as Zo } from "./components/molecules/base-map/base-map.vue.js";
+/* empty css                                            */
+import { default as qo } from "./components/molecules/location-list/location-list.vue.js";
+/* empty css                                                      */
+import { default as Ko } from "./components/molecules/file-upload/file-upload.vue.js";
+/* empty css                                                  */
+import { default as Vo } from "./components/molecules/upload-group/upload-group.vue.js";
+/* empty css                                                    */
+import { default as Yo } from "./components/organisms/asset-uploader/asset-uploader.vue.js";
+/* empty css                                                        */
+import { default as $o } from "./components/organisms/location-finder/location-finder.vue.js";
+/* empty css                                                          */
+import { default as tt } from "./components/templates/base-carousel/base-carousel.vue.js";
+/* empty css                                                      */
+import { default as et } from "./components/molecules/media-thumbnails/media-thumbnails.vue.js";
+/* empty css                                                            */
+import { default as pt } from "./components/molecules/progress-steps/progress-steps.vue.js";
+/* empty css                                                        */
+import { default as ft } from "./components/molecules/hint-system/hint-system.vue.js";
+/* empty css                                                  */
+import { default as ut } from "./components/molecules/popover-tooltip/popover-tooltip.vue.js";
+/* empty css                                                          */
+import { default as dt } from "./components/molecules/popover-notifications/popover-notifications.vue.js";
+/* empty css                                                                      */
+import { default as xt } from "./components/molecules/dom-renderer/dom-renderer.vue.js";
+import { default as It } from "./components/molecules/qr-code/qr-code.vue.js";
+/* empty css                                          */
+import { default as gt } from "./components/molecules/link-sharing/link-sharing.vue.js";
+/* empty css                                                    */
+import { default as Bt } from "./components/templates/base-form/base-form.vue.js";
+/* empty css                                              */
+import { default as St } from "./components/templates/modal-dialog/modal-dialog.vue.js";
+/* empty css                                                    */
+import { default as ht } from "./components/templates/popover-dialog/popover-dialog.vue.js";
+/* empty css                                                        */
+import { default as Rt } from "./components/templates/sortable-list/sortable-list.vue.js";
+/* empty css                                                      */
+import { default as Ft } from "./components/templates/touch-wrapper/touch-wrapper.vue.js";
+/* empty css                                                      */
+import { default as kt } from "./components/atoms/canvas-confetti/canvas-confetti.vue.js";
+/* empty css                                                      */
+import { default as Mt } from "./components/molecules/image-crop/image-crop.vue.js";
+import { default as Ut } from "./components/molecules/image-resize/image-resize.vue.js";
+import { default as Ht } from "./components/molecules/image-crop-resize/image-crop-resize.vue.js";
+import { default as zt } from "./components/molecules/image-upload/image-upload.vue.js";
+/* empty css                                                    */
+import { default as Et } from "./components/molecules/image-zoom/image-zoom.vue.js";
+/* empty css                                                */
+import { useCameraFilter as Qt } from "./composables/useCameraFilter.js";
+import { useDirections as Zt } from "./composables/useDirections.js";
+import { useGeocoding as qt } from "./composables/useGeocoding.js";
+import { useGeolocation as Kt } from "./composables/useGeolocation.js";
+export {
+  oo as Accordion,
+  _ as AccordionItem,
+  Yo as AssetUploader,
+  Eo as AutoSuggest,
+  ro as BaseButton,
+  Qo as BaseCamera,
+  tt as BaseCarousel,
+  Bt as BaseForm,
+  O as BaseHeadline,
+  J as BaseImage,
+  ao as BaseInput,
+  Zo as BaseMap,
+  X as BaseParagraph,
+  kt as CanvasConfetti,
+  Bo as CheckGroup,
+  Ho as ColorPalette,
+  Fo as CustomHtml,
+  xt as DomRenderer,
+  Ko as FileUpload,
+  ft as HintSystem,
+  Mt as ImageCrop,
+  Ht as ImageCropResize,
+  Ut as ImageResize,
+  zt as ImageUpload,
+  Et as ImageZoom,
+  so as InputCheckbox,
+  Uo as InputColor,
+  xo as InputDatepicker,
+  io as InputDatetime,
+  zo as InputDropdown,
+  Ro as InputFile,
+  Io as InputPasscode,
+  go as InputPassword,
+  mo as InputTextarea,
+  gt as LinkSharing,
+  j as LoadingSpinner,
+  $o as LocationFinder,
+  qo as LocationList,
+  et as MediaThumbnails,
+  St as ModalDialog,
+  ht as PopoverDialog,
+  dt as PopoverNotifications,
+  ut as PopoverTooltip,
+  pt as ProgressSteps,
+  It as QrCode,
+  ho as RadioButtons,
+  So as RadioGroup,
+  Mo as RteEditor,
+  ko as SelectMedia,
+  Rt as SortableList,
+  W as SvgIcon,
+  Ft as TouchWrapper,
+  Vo as UploadGroup,
+  Qt as useCameraFilter,
+  Zt as useDirections,
+  qt as useGeocoding,
+  Kt as useGeolocation
+};

package/dist/locales/en.d.ts

@@ -47,6 +47,9 @@ export declare const messages: {
         download: string;
         selectFile: string;
         apply: string;
+        crop: string;
+        resize: string;
+        svgWarning: string;
     };
     form: {
         mandatoryNote: string;

package/dist/node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/_lib/buildFormatLongFn.js

@@ -0,0 +1,9 @@
+function r(t) {
+  return (d = {}) => {
+    const n = d.width ? String(d.width) : t.defaultWidth;
+    return t.formats[n] || t.formats[t.defaultWidth];
+  };
+}
+export {
+  r as buildFormatLongFn
+};

package/dist/node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/_lib/buildLocalizeFn.js

@@ -0,0 +1,18 @@
+function c(t) {
+  return (l, e) => {
+    const u = e?.context ? String(e.context) : "standalone";
+    let d;
+    if (u === "formatting" && t.formattingValues) {
+      const n = t.defaultFormattingWidth || t.defaultWidth, i = e?.width ? String(e.width) : n;
+      d = t.formattingValues[i] || t.formattingValues[n];
+    } else {
+      const n = t.defaultWidth, i = e?.width ? String(e.width) : t.defaultWidth;
+      d = t.values[i] || t.values[n];
+    }
+    const a = t.argumentCallback ? t.argumentCallback(l) : l;
+    return d[a];
+  };
+}
+export {
+  c as buildLocalizeFn
+};

package/dist/node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/_lib/buildMatchFn.js

@@ -0,0 +1,31 @@
+function P(t) {
+  return (n, e = {}) => {
+    const l = e.width, h = l && t.matchPatterns[l] || t.matchPatterns[t.defaultMatchWidth], i = n.match(h);
+    if (!i)
+      return null;
+    const r = i[0], c = l && t.parsePatterns[l] || t.parsePatterns[t.defaultParseWidth], d = Array.isArray(c) ? o(c, (u) => u.test(r)) : (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
+      s(c, (u) => u.test(r))
+    );
+    let a;
+    a = t.valueCallback ? t.valueCallback(d) : d, a = e.valueCallback ? (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
+      e.valueCallback(a)
+    ) : a;
+    const f = n.slice(r.length);
+    return { value: a, rest: f };
+  };
+}
+function s(t, n) {
+  for (const e in t)
+    if (Object.prototype.hasOwnProperty.call(t, e) && n(t[e]))
+      return e;
+}
+function o(t, n) {
+  for (let e = 0; e < t.length; e++)
+    if (n(t[e]))
+      return e;
+}
+export {
+  P as buildMatchFn
+};

package/dist/node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/_lib/buildMatchPatternFn.js

@@ -0,0 +1,15 @@
+function h(t) {
+  return (e, c = {}) => {
+    const n = e.match(t.matchPattern);
+    if (!n) return null;
+    const u = n[0], a = e.match(t.parsePattern);
+    if (!a) return null;
+    let l = t.valueCallback ? t.valueCallback(a[0]) : a[0];
+    l = c.valueCallback ? c.valueCallback(l) : l;
+    const r = e.slice(u.length);
+    return { value: l, rest: r };
+  };
+}
+export {
+  h as buildMatchPatternFn
+};