ablok-components 0.3.105 → 0.3.107

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

@@ -1,209 +0,0 @@
-import { defineComponent as G, ref as a, computed as d, onMounted as J, watch as K, nextTick as N, openBlock as S, createElementBlock as k, createElementVNode as z, withModifiers as Q, renderSlot as Z, createVNode as C, normalizeStyle as W, createCommentVNode as ee, normalizeClass as x, withCtx as te } from "vue";
-import oe from "../../atoms/base-image/base-image.vue.js";
-/* empty css                                     */
-import ae from "../../templates/popover-dialog/popover-dialog.vue.js";
-/* empty css                                                 */
-const le = ["popovertarget"], ie = ["src", "alt"], ve = /* @__PURE__ */ G({
-  __name: "image-zoom",
-  props: {
-    src: {
-      type: String,
-      required: !0
-    },
-    alt: {
-      type: String,
-      default: ""
-    },
-    spinner: {
-      type: Boolean,
-      default: !1
-    },
-    zoom: {
-      type: Number,
-      default: 2
-    },
-    focusWidth: {
-      type: Number,
-      default: 0
-    },
-    focusHeight: {
-      type: Number,
-      default: 0
-    },
-    hoverDelay: {
-      type: Number,
-      default: 150
-    },
-    closeTimeout: {
-      type: Number,
-      default: 0
-    },
-    popoverId: {
-      type: String,
-      default: () => `image-zoom-${Math.random().toString(36).substring(2, 9)}`
-    }
-  },
-  setup(o) {
-    const t = o, B = a(null), v = a(null), h = a(null), i = a(!1), l = a(!1), g = a(!1), P = a(!1), f = a(null), m = a(0), p = a(0), r = a(0), s = a(0), M = d(() => Number.isFinite(t.focusWidth) && t.focusWidth > 0 && Number.isFinite(t.focusHeight) && t.focusHeight > 0 && r.value > 0 && s.value > 0 && t.focusWidth <= r.value && t.focusHeight <= s.value), c = d(() => r.value > 0 && s.value > 0 && !M.value), F = d(() => g.value && !l.value && r.value > 0 && s.value > 0), V = d(() => c.value ? {
-      width: `${r.value}px`,
-      height: `${s.value}px`,
-      left: "0px",
-      top: "0px"
-    } : {
-      width: `${t.focusWidth}px`,
-      height: `${t.focusHeight}px`,
-      left: `${m.value}px`,
-      top: `${p.value}px`
-    }), D = d(() => {
-      const e = r.value * t.zoom, n = s.value * t.zoom;
-      return {
-        width: `${e}px`,
-        height: `${n}px`,
-        transform: M.value && !l.value ? `translate(${-m.value * t.zoom}px, ${-p.value * t.zoom}px)` : "none",
-        transformOrigin: "top left"
-      };
-    });
-    function w() {
-      if (!v.value)
-        return;
-      const e = v.value.getBoundingClientRect();
-      r.value = e.width, s.value = e.height;
-    }
-    function $() {
-      f.value && (clearTimeout(f.value), f.value = null);
-    }
-    function T() {
-      $(), i.value = !0;
-    }
-    function _() {
-      $(), f.value = setTimeout(() => {
-        !g.value && !P.value && !l.value && (i.value = !1), f.value = null;
-      }, t.hoverDelay || 100);
-    }
-    function y(e, n) {
-      if (!v.value)
-        return;
-      if (c.value) {
-        m.value = 0, p.value = 0;
-        return;
-      }
-      const u = v.value.getBoundingClientRect(), U = e - u.left, q = n - u.top, j = Math.min(
-        Math.max(U - t.focusWidth / 2, 0),
-        Math.max(u.width - t.focusWidth, 0)
-      ), A = Math.min(
-        Math.max(q - t.focusHeight / 2, 0),
-        Math.max(u.height - t.focusHeight, 0)
-      );
-      m.value = j, p.value = A;
-    }
-    function b() {
-      if (!h.value || !l.value || c.value)
-        return;
-      const e = h.value.getBoundingClientRect(), n = Math.max(0, m.value * t.zoom - e.width / 2 + t.focusWidth * t.zoom / 2), u = Math.max(0, p.value * t.zoom - e.height / 2 + t.focusHeight * t.zoom / 2);
-      h.value.scrollTo({ left: n, top: u });
-    }
-    function E(e) {
-      w(), y(e.clientX, e.clientY);
-    }
-    function I(e) {
-      g.value = !0, w(), y(e.clientX, e.clientY), l.value || T();
-    }
-    function H() {
-      g.value = !1, l.value || _();
-    }
-    function R(e) {
-      l.value && (i.value = !0, w(), y(e.clientX, e.clientY));
-    }
-    function X() {
-      l.value && N(b);
-    }
-    function Y() {
-      P.value = !0, T();
-    }
-    function L() {
-      P.value = !1, _();
-    }
-    function O(e) {
-      l.value && (i.value = !i.value, e instanceof MouseEvent && y(e.clientX, e.clientY));
-    }
-    return J(() => {
-      l.value = "ontouchstart" in window || navigator.maxTouchPoints > 0, w();
-    }), K(i, async (e) => {
-      e && l.value && (await N(), b());
-    }), (e, n) => (S(), k("span", {
-      class: "image-zoom",
-      popovertarget: o.popoverId,
-      ref_key: "wrapper",
-      ref: B
-    }, [
-      z("div", {
-        class: "image-zoom__target",
-        ref_key: "target",
-        ref: v,
-        onPointermove: E,
-        onPointerenter: I,
-        onPointerleave: H,
-        onPointerdown: R,
-        onPointerup: X,
-        onPointercancel: H,
-        onClick: Q(O, ["prevent"])
-      }, [
-        Z(e.$slots, "image", {
-          src: o.src,
-          alt: o.alt,
-          spinner: o.spinner,
-          animate: !1
-        }, () => [
-          C(oe, {
-            class: "image-zoom__image",
-            src: o.src,
-            alt: o.alt,
-            spinner: o.spinner,
-            animate: !1
-          }, null, 8, ["src", "alt", "spinner"])
-        ]),
-        F.value ? (S(), k("span", {
-          key: 0,
-          class: "image-zoom__focus",
-          style: W(V.value)
-        }, null, 4)) : ee("", !0)
-      ], 544),
-      C(ae, {
-        id: o.popoverId,
-        modelValue: i.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (u) => i.value = u),
-        hover: !1,
-        "hover-delay": o.hoverDelay,
-        "close-timeout": o.closeTimeout,
-        class: x(["image-zoom__popover", { "image-zoom__popover--full": c.value }]),
-        role: "tooltip",
-        onMouseenter: Y,
-        onMouseleave: L
-      }, {
-        default: te(() => [
-          z("div", {
-            class: x(["image-zoom__preview-wrapper", { "image-zoom__preview-wrapper--full": c.value }])
-          }, [
-            z("div", {
-              class: x(["image-zoom__preview", { "image-zoom__preview--full": c.value }]),
-              ref_key: "preview",
-              ref: h
-            }, [
-              z("img", {
-                class: x(["image-zoom__preview-image", { "image-zoom__preview-image--full": c.value }]),
-                src: o.src,
-                alt: o.alt,
-                style: W(D.value),
-                draggable: "false"
-              }, null, 14, ie)
-            ], 2)
-          ], 2)
-        ]),
-        _: 1
-      }, 8, ["id", "modelValue", "hover-delay", "close-timeout", "class"])
-    ], 8, le));
-  }
-});
-export {
-  ve as default
-};

package/dist/components/molecules/image-zoom/image-zoom3.vue.js

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

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

@@ -1,105 +0,0 @@
-import { defineComponent as c, computed as y, openBlock as f, createElementBlock as s, createVNode as p, withCtx as b, createElementVNode as n, withDirectives as g, vModelText as h } from "vue";
-import { uniqueId as o } from "../../../utilities/helpers.js";
-import x from "../../atoms/base-input/base-input.vue.js";
-/* empty css                                     */
-const V = { class: "input-color" }, q = { class: "base-input__color-swatch" }, v = ["name", "id", "disabled", "read-only", "required", "aria-label"], O = /* @__PURE__ */ c({
-  __name: "input-color",
-  props: {
-    modelValue: {
-      type: [String, Number, Boolean, Date],
-      default: ""
-    },
-    type: {
-      type: String,
-      default: "text"
-    },
-    name: {
-      type: String,
-      default: () => o()
-    },
-    id: {
-      type: String,
-      default: () => o()
-    },
-    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
-    },
-    maxlength: {
-      type: Number
-    },
-    pattern: {
-      type: String,
-      default: null
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: i }) {
-    const r = e, u = i, t = y({
-      get() {
-        return r.modelValue;
-      },
-      set(a) {
-        u("update:modelValue", a);
-      }
-    });
-    return (a, l) => (f(), s("div", V, [
-      p(x, {
-        modelValue: t.value,
-        "onUpdate:modelValue": l[1] || (l[1] = (d) => t.value = d),
-        type: e.type === "color" ? "text" : e.type,
-        id: e.id,
-        name: e.name,
-        placeholder: e.placeholder,
-        pattern: e.pattern,
-        label: e.label,
-        disabled: e.disabled,
-        "read-only": e.readOnly,
-        required: e.required,
-        maxlength: e.maxlength
-      }, {
-        "input-append": b((d) => [
-          n("span", q, [
-            g(n("input", {
-              "onUpdate:modelValue": l[0] || (l[0] = (m) => t.value = m),
-              type: "color",
-              name: `${e.name}-color`,
-              id: `${e.id}-color`,
-              disabled: e.disabled,
-              "read-only": e.readOnly,
-              required: e.required,
-              class: "form-control",
-              "aria-label": e.label
-            }, null, 8, v), [
-              [h, t.value]
-            ])
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue", "type", "id", "name", "placeholder", "pattern", "label", "disabled", "read-only", "required", "maxlength"])
-    ]));
-  }
-});
-export {
-  O as default
-};

package/dist/components/molecules/input-color/input-color3.vue.js

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

package/dist/components/molecules/input-datepicker/input-datepicker.vue.js

@@ -1,306 +0,0 @@
-import { defineComponent as F, shallowRef as K, onMounted as Y, computed as c, ref as z, watch as E, openBlock as o, createElementBlock as V, normalizeClass as W, renderSlot as x, createElementVNode as m, unref as G, createCommentVNode as B, createBlock as k, resolveDynamicComponent as w } from "vue";
-import { uniqueId as U } from "../../../utilities/helpers.js";
-/* empty css                                                                                                                                       */
-import { useI18n as J } from "vue-i18n";
-import { WeekStart as T } from "@vuepic/vue-datepicker";
-import { sanitizeHtml as Q } from "../../../composables/useSanitize.js";
-import { fr as X } from "../../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/fr.js";
-import { de as _ } from "../../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/de.js";
-import { enUS as H } from "../../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/en-US.js";
-const ee = { class: "row" }, te = { class: "col-12" }, le = ["for", "innerHTML"], ae = { key: 0 }, ne = { class: "input-group justify-content-center" }, re = {
-  key: 0,
-  class: "row"
-}, ue = { class: "col-12 col-md-6" }, oe = { class: "col-12 col-md-6" }, ie = {
-  key: 1,
-  class: "row"
-}, de = { class: "col-12" }, $e = /* @__PURE__ */ F({
-  __name: "input-datepicker",
-  props: {
-    modelValue: {
-      type: null,
-      default: ""
-    },
-    from: {
-      type: [String, Number, Boolean, Date],
-      default: ""
-    },
-    to: {
-      type: [String, Number, Boolean, Date],
-      default: ""
-    },
-    type: {
-      type: String,
-      default: "datetime-local"
-    },
-    name: {
-      type: String,
-      default: () => U()
-    },
-    id: {
-      type: String,
-      default: () => U()
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    readOnly: {
-      type: Boolean,
-      default: !1
-    },
-    required: {
-      type: Boolean,
-      default: !1
-    },
-    range: {
-      type: Boolean,
-      default: !1
-    },
-    textRange: {
-      type: Boolean,
-      default: !1
-    },
-    inline: {
-      type: Boolean,
-      default: !1
-    },
-    textInput: {
-      type: Boolean,
-      default: !0
-    },
-    picker: {
-      type: Boolean,
-      default: !0
-    },
-    locale: {
-      type: String,
-      default: "en"
-    },
-    utcStore: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue", "update:from", "update:to"],
-  setup(a, { emit: Z }) {
-    const f = K(null);
-    Y(async () => {
-      const { VueDatePicker: e } = await import("@vuepic/vue-datepicker");
-      f.value = e, console.log("VueDatePicker loaded:", A.value, l.locale);
-    });
-    const l = a, i = Z, { t: se, locale: A } = J(), C = {
-      en: H,
-      de: _,
-      fr: X
-    }, s = c(() => {
-      const e = l.locale || A.value;
-      return C[e] || H;
-    }), $ = c(() => {
-      switch (l.locale || A.value) {
-        case "en":
-          return T.Sunday;
-        case "de":
-        case "fr":
-          return T.Monday;
-        default:
-          return T.Sunday;
-      }
-    }), N = c(() => l.inline || !l.picker ? { openMenu: !1, format: s.value } : !0);
-    function M(e) {
-      return !e || Number.isNaN(e.getTime()) ? null : e.toISOString().replace("Z", "");
-    }
-    function y(e) {
-      return !e || Array.isArray(e) ? null : M(/* @__PURE__ */ new Date(`${e}Z`));
-    }
-    function g(e) {
-      if (!e || Array.isArray(e)) return null;
-      const t = new Date(e);
-      return Number.isNaN(t.getTime()) ? null : (t.setUTCHours(t.getHours()), M(t));
-    }
-    function I() {
-      let e = l.from || (Array.isArray(l.modelValue) ? l.modelValue[0] : null), t = l.to || (Array.isArray(l.modelValue) ? l.modelValue[1] : null);
-      return l.utcStore ? (e = e ? v(e) : null, t = t ? v(t) : null) : (e = y(e), t = y(t)), [e, t];
-    }
-    const d = z(I());
-    E(() => [l.modelValue, l.from, l.to, l.utcStore], () => {
-      if (!l.range) return;
-      const e = I();
-      (e[0] !== d.value[0] || e[1] !== d.value[1]) && (d.value = e);
-    });
-    function P(e, t) {
-      l.utcStore ? (e = e ? p(e) : null, t = t ? p(t) : null) : (e = g(e), t = g(t)), i("update:modelValue", [e, t]), i("update:from", e), i("update:to", t);
-    }
-    function O(e, t) {
-      d.value = [e ?? null, t ?? null], P(e ?? null, t ?? null);
-    }
-    const b = c({
-      get() {
-        if (l.range) {
-          let e = l.from || (Array.isArray(l.modelValue) ? l.modelValue[0] : null), t = l.to || (Array.isArray(l.modelValue) ? l.modelValue[1] : null);
-          return l.utcStore ? (e = e ? v(e) : null, t = t ? v(t) : null) : (e = y(e), t = y(t)), [
-            ...e ? [e] : [],
-            ...t ? [t] : []
-          ];
-        } else {
-          if (l.utcStore) {
-            const e = l.modelValue;
-            return e && v(e) || "";
-          }
-          return y(l.modelValue) || "";
-        }
-      },
-      set(e) {
-        if (l.range && Array.isArray(e)) {
-          let [t, n] = e;
-          l.utcStore ? (t = p(t) || null, n = p(n) || null) : (t = g(t), n = g(n)), i("update:modelValue", [t, n]), i("update:from", t), i("update:to", n);
-        } else if (l.utcStore) {
-          const t = p(e);
-          i("update:modelValue", t);
-        } else
-          i("update:modelValue", g(e));
-      }
-    }), D = c({
-      get() {
-        return d.value[0];
-      },
-      set(e) {
-        O(e, d.value[1]);
-      }
-    }), h = c({
-      get() {
-        return d.value[1];
-      },
-      set(e) {
-        O(d.value[0], e);
-      }
-    });
-    function R(e) {
-      if (!e)
-        return;
-      const t = e.getDate(), n = e.getMonth() + 1, S = e.getFullYear(), r = e.getMinutes(), u = e.getHours();
-      switch (s.value) {
-        case "de":
-          return `${t}.${n}.${S} ${u < 10 ? "0" + u : u}:${r < 10 ? "0" + r : r}`;
-        case "fr":
-          return `${t}/${n}/${S} ${u < 10 ? "0" + u : u}:${r < 10 ? "0" + r : r}`;
-        default:
-          return `${n}/${t}/${S} ${u < 10 ? "0" + u : u}:${r < 10 ? "0" + r : r}`;
-      }
-    }
-    function v(e) {
-      if (!e || Array.isArray(e)) return null;
-      const t = e instanceof Date ? new Date(e) : /* @__PURE__ */ new Date(`${e}Z`);
-      if (Number.isNaN(t.getTime())) return null;
-      const n = t.getFullYear(), S = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0"), u = String(t.getHours()).padStart(2, "0"), L = String(t.getMinutes()).padStart(2, "0"), j = String(t.getSeconds()).padStart(2, "0");
-      return `${n}-${S}-${r}T${u}:${L}:${j}`;
-    }
-    function p(e) {
-      if (!e || Array.isArray(e)) return null;
-      const t = e instanceof Date ? new Date(e) : new Date(String(e));
-      return Number.isNaN(t.getTime()) ? null : t.toISOString().split(".")[0];
-    }
-    const q = (e) => (Array.isArray(e) ? e = e.map((t) => R(t)).join(" - ") : e = R(e), e);
-    return (e, t) => (o(), V("div", {
-      class: W(["input", "input--datepicker"])
-    }, [
-      x(e.$slots, "label", {}, () => [
-        m("div", ee, [
-          m("div", te, [
-            a.label ? (o(), V("label", {
-              key: 0,
-              for: a.id,
-              class: "input__label",
-              innerHTML: G(Q)(`${a.label}${a.required ? " *" : ""}`)
-            }, null, 8, le)) : B("", !0)
-          ])
-        ])
-      ]),
-      a.textInput ? (o(), V("div", ae, [
-        m("div", ne, [
-          x(e.$slots, "input-prepend", { slotScope: "props" }),
-          a.range && !a.textRange ? (o(), V("div", re, [
-            m("div", ue, [
-              (o(), k(w(f.value), {
-                uid: `${a.id}-from`,
-                modelValue: D.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (n) => D.value = n),
-                locale: s.value,
-                format: q,
-                "text-input": N.value,
-                disabled: a.disabled,
-                "read-only": a.readOnly,
-                required: a.required,
-                "max-date": h.value,
-                "auto-apply": !0,
-                "week-start": $.value
-              }, null, 8, ["uid", "modelValue", "locale", "text-input", "disabled", "read-only", "required", "max-date", "week-start"]))
-            ]),
-            m("div", oe, [
-              (o(), k(w(f.value), {
-                uid: `${a.id}-to`,
-                modelValue: h.value,
-                "onUpdate:modelValue": t[1] || (t[1] = (n) => h.value = n),
-                locale: s.value,
-                format: q,
-                "text-input": N.value,
-                disabled: a.disabled,
-                "read-only": a.readOnly,
-                required: a.required,
-                "min-date": D.value,
-                "auto-apply": !0,
-                "week-start": $.value
-              }, null, 8, ["uid", "modelValue", "locale", "text-input", "disabled", "read-only", "required", "min-date", "week-start"]))
-            ])
-          ])) : (o(), k(w(f.value), {
-            key: 1,
-            uid: `${a.id}-input-to`,
-            modelValue: b.value,
-            "onUpdate:modelValue": t[2] || (t[2] = (n) => b.value = n),
-            format: q,
-            locale: s.value,
-            range: a.textRange,
-            "text-input": N.value,
-            disabled: a.disabled,
-            "read-only": a.readOnly,
-            required: a.required,
-            "auto-apply": !0,
-            "week-start": $.value
-          }, null, 8, ["uid", "modelValue", "locale", "range", "text-input", "disabled", "read-only", "required", "week-start"])),
-          x(e.$slots, "input-append", { slotScope: "props" })
-        ])
-      ])) : B("", !0),
-      a.inline ? (o(), V("div", ie, [
-        m("div", de, [
-          (o(), k(w(f.value), {
-            uid: `${a.id}-inline`,
-            modelValue: b.value,
-            "onUpdate:modelValue": t[3] || (t[3] = (n) => b.value = n),
-            locale: s.value,
-            cancelText: "abbrechen",
-            selectText: "auswählen",
-            range: a.range,
-            "multi-calendars": a.range,
-            inline: { input: !1 },
-            "auto-apply": !0,
-            "partial-range": a.range,
-            "partial-flow": !0,
-            "start-time": { hours: 0, minutes: 0 },
-            class: "justify-content-center",
-            disabled: a.disabled,
-            "read-only": a.readOnly,
-            required: a.required,
-            "month-name-format": "long",
-            "week-start": $.value
-          }, null, 8, ["uid", "modelValue", "locale", "range", "multi-calendars", "partial-range", "disabled", "read-only", "required", "week-start"]))
-        ])
-      ])) : B("", !0)
-    ]));
-  }
-});
-export {
-  $e as default
-};

package/dist/components/molecules/input-datepicker/input-datepicker3.vue.js

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