ablok-components 0.3.104 → 0.3.106

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

@@ -1,35 +0,0 @@
-import { defineComponent as s, openBlock as r, createElementBlock as i, createElementVNode as l, withModifiers as a, renderSlot as c } from "vue";
-const p = { class: "base-form" }, d = /* @__PURE__ */ s({
-  __name: "base-form",
-  props: {
-    id: {},
-    name: {},
-    variant: {},
-    disabled: { type: Boolean },
-    pending: { type: Boolean }
-  },
-  setup(m) {
-    function o(e) {
-      console.log("input", e);
-    }
-    function n(e) {
-      console.log("reset", e);
-    }
-    function t(e) {
-      console.log("submit", e);
-    }
-    return (e, f) => (r(), i("div", p, [
-      l("form", {
-        ref: "form",
-        onInput: o,
-        onReset: n,
-        onSubmit: a(t, ["prevent"])
-      }, [
-        c(e.$slots, "default")
-      ], 544)
-    ]));
-  }
-});
-export {
-  d as default
-};

package/dist/components/templates/base-form/base-form3.vue.js

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

package/dist/components/templates/modal-dialog/modal-dialog.vue.js

@@ -1,123 +0,0 @@
-import { defineComponent as _, ref as E, watch as k, onMounted as V, onBeforeUnmount as C, openBlock as c, createElementBlock as m, normalizeClass as B, createElementVNode as d, toDisplayString as f, createCommentVNode as p, renderSlot as y } from "vue";
-const w = { class: "modal-dialog__content d-flex flex-column" }, L = { class: "modal-dialog__header d-flex p-3 border-bottom" }, S = {
-  key: 0,
-  class: "modal-dialog__title",
-  id: "exampleModalLabel"
-}, x = { class: "modal-dialog__body" }, $ = {
-  key: 0,
-  class: "modal-dialog__footer d-flex p-3 border-top"
-}, M = /* @__PURE__ */ _({
-  __name: "modal-dialog",
-  props: {
-    modelValue: {
-      type: Boolean,
-      default: !1
-    },
-    modal: {
-      type: Boolean,
-      default: !0
-    },
-    size: {
-      type: String,
-      default: "md"
-      /* MD */
-    },
-    dismiss: {
-      type: Boolean,
-      default: !0
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    footer: {
-      type: Boolean,
-      default: !0
-    },
-    classes: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:modelValue", "confirm", "cancel"],
-  setup(a, { expose: g, emit: v }) {
-    const n = a, s = v, t = E();
-    function i() {
-      document.documentElement.style.setProperty("--scroll-position", `${Math.round(document.documentElement.scrollTop)}px`), n.modal ? t.value?.showModal() : t.value?.show(), s("update:modelValue", !0);
-    }
-    function l() {
-      const e = t.value && new KeyframeEffect(
-        t.value,
-        [{ translate: "0 -100%", opacity: "0" }],
-        { duration: 320, easing: "ease", direction: "normal" }
-      ), o = new Animation(e, document.timeline);
-      o.play(), o.addEventListener("finish", () => {
-        t.value?.close(), u();
-      }), s("update:modelValue", !1);
-    }
-    function u() {
-      const e = getComputedStyle(document.documentElement).getPropertyValue("--scroll-position");
-      document.documentElement.scrollTo({
-        top: parseInt(e, 10),
-        behavior: "instant"
-      }), s("update:modelValue", !1);
-    }
-    function h(e) {
-      i(), s("confirm", e);
-    }
-    function b() {
-      l(), s("cancel");
-    }
-    function r(e) {
-      const o = e.target;
-      o && o.nodeName === "DIALOG" && l();
-    }
-    return k(() => n.modelValue, (e, o) => {
-      e && e !== o ? i() : o && l();
-    }, { immediate: !0 }), V(() => {
-      t.value?.addEventListener("cancel", (e) => {
-        e.preventDefault(), l();
-      }), n.dismiss && document.addEventListener("click", r), n.modelValue && i();
-    }), C(() => {
-      n.dismiss && document.removeEventListener("click", r);
-    }), g({
-      show: i,
-      close: l,
-      confirm: h,
-      cancel: b
-    }), (e, o) => (c(), m("dialog", {
-      ref_key: "dialog",
-      ref: t,
-      class: B(["modal-dialog", {
-        [`modal-dialog--${a.size}`]: a.size
-      }]),
-      onClose: u
-    }, [
-      d("div", w, [
-        d("div", L, [
-          a.title ? (c(), m("h5", S, f(a.title), 1)) : p("", !0),
-          d("button", {
-            type: "button",
-            class: "btn-close ms-auto border-radius-none",
-            "aria-label": "Close",
-            onClick: l
-          })
-        ]),
-        d("div", x, [
-          y(e.$slots, "default")
-        ]),
-        a.footer ? (c(), m("div", $, [
-          y(e.$slots, "footer"),
-          d("button", {
-            type: "button",
-            class: "btn ms-auto",
-            onClick: l
-          }, f(e.$t("common.close")), 1)
-        ])) : p("", !0)
-      ])
-    ], 34));
-  }
-});
-export {
-  M as default
-};

package/dist/components/templates/modal-dialog/modal-dialog3.vue.js

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

package/dist/components/templates/popover-dialog/popover-dialog.vue.js

@@ -1,95 +0,0 @@
-import { defineComponent as c, ref as v, computed as g, watch as h, onMounted as y, onBeforeUnmount as T, openBlock as E, createElementBlock as L, renderSlot as S, createTextVNode as w } from "vue";
-const V = ["id", "popover"], B = /* @__PURE__ */ c({
-  __name: "popover-dialog",
-  props: {
-    modelValue: {
-      type: Boolean,
-      default: !1
-    },
-    type: {
-      type: String,
-      default: "auto"
-    },
-    id: {
-      type: String,
-      default: () => `popover-dialog-${Math.random().toString(36).substr(2, 9)}`
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    header: {
-      type: Boolean,
-      default: !1
-    },
-    footer: {
-      type: Boolean,
-      default: !1
-    },
-    classes: {
-      type: String,
-      default: ""
-    },
-    hover: {
-      type: Boolean,
-      default: !1
-    },
-    hoverDelay: {
-      type: Number,
-      default: 400
-    },
-    closeTimeout: {
-      type: Number,
-      default: 0
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(i, { emit: m }) {
-    const t = i, s = m, e = v(), a = v(), l = v(!1), d = g(() => "ontouchstart" in window || navigator.maxTouchPoints > 0);
-    function f() {
-      clearTimeout(a.value), t.hover && e.value?.showPopover();
-    }
-    function r() {
-      l.value = !0, clearTimeout(a.value), f();
-    }
-    function n() {
-      l.value = !1, (t.hover || t.closeTimeout) && (a.value = setTimeout(() => {
-        e.value?.hidePopover();
-      }, t.closeTimeout || t.hoverDelay));
-    }
-    h(() => t.modelValue, (o, u) => {
-      o && !u ? e.value?.matches(":popover-open") || e.value?.showPopover() : !o && u && e.value?.matches(":popover-open") && e.value?.hidePopover();
-    });
-    function p(o) {
-      o.newState === "open" ? (t.closeTimeout && !l.value && (clearTimeout(a.value), a.value = setTimeout(() => {
-        l.value || e.value?.hidePopover();
-      }, t.closeTimeout)), t.modelValue || s("update:modelValue", !0)) : o.newState === "closed" && (l.value = !1, t.modelValue && s("update:modelValue", !1));
-    }
-    return y(() => {
-      if (e.value?.addEventListener("toggle", p), t.modelValue && e.value?.showPopover(), !d.value) {
-        e.value?.addEventListener("mouseenter", r), e.value?.addEventListener("mouseleave", n);
-        const o = document.querySelector(`[popovertarget="${t.id}"]`);
-        o && (o.addEventListener("mouseenter", r), o.addEventListener("mouseleave", n));
-      }
-    }), T(() => {
-      if (clearTimeout(a.value), e.value?.removeEventListener("toggle", p), !d.value) {
-        e.value?.removeEventListener("mouseenter", r), e.value?.removeEventListener("mouseleave", n);
-        const o = document.querySelector(`[popovertarget="${t.id}"]`);
-        o && (o.removeEventListener("mouseenter", r), o.removeEventListener("mouseleave", n));
-      }
-    }), (o, u) => (E(), L("span", {
-      class: "popover-dialog",
-      id: i.id,
-      popover: i.type,
-      ref_key: "popover",
-      ref: e
-    }, [
-      S(o.$slots, "default", {}, () => [
-        u[0] || (u[0] = w(" Popover content goes here. ", -1))
-      ])
-    ], 8, V));
-  }
-});
-export {
-  B as default
-};

package/dist/components/templates/popover-dialog/popover-dialog3.vue.js

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

package/dist/components/templates/sortable-list/sortable-list.vue.js

@@ -1,204 +0,0 @@
-import { defineComponent as H, ref as c, computed as L, useSlots as I, watch as f, openBlock as i, createBlock as M, TransitionGroup as N, withModifiers as A, normalizeClass as D, withCtx as x, createElementBlock as g, Fragment as O, renderList as C, createCommentVNode as p, createElementVNode as b, createVNode as P, renderSlot as E, createTextVNode as W, toDisplayString as j } from "vue";
-import z from "dompurify";
-import G from "../../atoms/svg-icon/svg-icon.vue.js";
-/* empty css                                 */
-const R = ["onDragenter", "onDragover", "onDragleave", "onDragend", "onDrop", "innerHTML"], F = ["draggable", "onDragstart", "onDrag", "onDragenter", "onDragover", "onDragleave", "onDragend", "onDrop"], q = {
-  key: 0,
-  class: "sortable-list__drag-handle"
-}, J = ["onDragstart", "onDrag"], K = {
-  key: 0,
-  class: "sortable-list__item"
-}, te = /* @__PURE__ */ H({
-  __name: "sortable-list",
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    config: {
-      type: Object,
-      default: null
-    },
-    messages: {
-      type: Object,
-      default: {}
-    },
-    vertical: {
-      type: Boolean,
-      default: !0
-    },
-    showDragHandle: {
-      type: Boolean,
-      default: !1
-    },
-    showPreview: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: [
-    "update:modelValue",
-    "update:isDragging",
-    "update:dragIndex",
-    "update:dragOverIndex"
-  ],
-  setup(n, { emit: $ }) {
-    const V = n, l = c(!1), o = c(null), s = c(null), d = $, v = L({
-      get() {
-        return V.modelValue;
-      },
-      set(e) {
-        d("update:modelValue", e);
-      }
-    }), m = c("");
-    function k(e) {
-      const a = e.currentTarget.closest(".sortable-list__item") ?? e.currentTarget;
-      m.value = z.sanitize(a.outerHTML, {
-        ALLOWED_TAGS: [
-          "b",
-          "i",
-          "em",
-          "strong",
-          "u",
-          "span",
-          "p",
-          "br",
-          "a",
-          "ul",
-          "ol",
-          "li",
-          "h1",
-          "h2",
-          "h3",
-          "h4",
-          "h5",
-          "h6",
-          "article",
-          "div",
-          "label",
-          "button",
-          "svg",
-          "use"
-        ],
-        ALLOWED_ATTR: [
-          "class",
-          "id",
-          "style",
-          "href",
-          "target",
-          "rel",
-          "title",
-          "type",
-          "aria-expanded",
-          "aria-controls",
-          "aria-labelledby",
-          "data-countdown"
-        ],
-        ALLOW_DATA_ATTR: !0
-      });
-    }
-    const S = I(), B = L(() => S["list-append"]);
-    function h(e, a) {
-      e.dataTransfer && (k(e), e.dataTransfer.dropEffect = "move", e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("index", a.toLocaleString()), l.value = !0, o.value = a);
-    }
-    function T(e, a) {
-      l.value = !1, o.value = null, s.value = null, m.value = "";
-    }
-    function Q(e, a) {
-    }
-    function y(e, a) {
-      s.value = o.value !== a ? a : null;
-    }
-    function w(e, a) {
-      s.value = o.value !== a ? a : null;
-    }
-    function U(e, a) {
-    }
-    function _(e, a) {
-      if (e.dataTransfer) {
-        e.preventDefault();
-        const u = Number(e.dataTransfer.getData("index")), r = a, t = [...v.value];
-        (r || r === 0) && (u || u === 0) && t.splice(r, 0, t.splice(u, 1)[0]), v.value = t;
-      }
-    }
-    return f(() => l.value, (e) => {
-      d("update:isDragging", e);
-    }, { immediate: !0 }), f(() => o.value, (e) => {
-      d("update:dragIndex", e);
-    }, { immediate: !0 }), f(() => s.value, (e) => {
-      d("update:dragOverIndex", e);
-    }, { immediate: !0 }), (e, a) => (i(), M(N, {
-      name: "list",
-      tag: "ul",
-      class: D(["sortable-list p-0 d-flex gap-2", {
-        "flex-column": n.vertical,
-        "flex-row flex-wrap": !n.vertical
-      }]),
-      onDragover: a[0] || (a[0] = A(() => {
-      }, ["prevent"])),
-      onDragenter: a[1] || (a[1] = A(() => {
-      }, ["prevent"]))
-    }, {
-      default: x(() => [
-        (i(!0), g(O, null, C(v.value, (u, r) => (i(), g(O, { key: r }, [
-          n.showPreview && l.value && s.value === r ? (i(), g("li", {
-            key: 0,
-            class: "sortable-list__item is-drop-target",
-            onDragenter: (t) => y(t, r),
-            onDragover: (t) => w(t, r),
-            onDragleave: (t) => void 0,
-            onDragend: (t) => T(),
-            onDrop: (t) => _(t, r),
-            innerHTML: m.value
-          }, null, 40, R)) : p("", !0),
-          b("li", {
-            class: D(["sortable-list__item d-flex", {
-              "is-drag-item": l.value && o.value === r,
-              "is-drop-target": l.value && s.value === r && !n.showPreview,
-              "align-items-center gap-2": n.vertical
-            }]),
-            draggable: !n.showDragHandle,
-            onDragstart: (t) => h(t, r),
-            onDrag: (t) => void 0,
-            onDragenter: (t) => y(t, r),
-            onDragover: (t) => w(t, r),
-            onDragleave: (t) => void 0,
-            onDragend: (t) => T(),
-            onDrop: (t) => _(t, r)
-          }, [
-            n.showDragHandle ? (i(), g("div", q, [
-              b("button", {
-                type: "button",
-                class: "btn",
-                draggable: "true",
-                onDragstart: (t) => h(t, r),
-                onDrag: (t) => void 0
-              }, [
-                P(G, { symbol: "drag" })
-              ], 40, J)
-            ])) : p("", !0),
-            b("div", {
-              class: D(["sortable-list__item-content", {
-                "flex-grow-1": n.vertical
-              }])
-            }, [
-              E(e.$slots, "list-item", {
-                item: u,
-                index: r
-              }, () => [
-                W(j(u), 1)
-              ])
-            ], 2)
-          ], 42, F)
-        ], 64))), 128)),
-        B.value ? (i(), g("li", K, [
-          E(e.$slots, "list-append")
-        ])) : p("", !0)
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-});
-export {
-  te as default
-};

package/dist/components/templates/sortable-list/sortable-list3.vue.js

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

package/dist/components/templates/touch-wrapper/touch-wrapper.vue.js

@@ -1,76 +0,0 @@
-import { defineComponent as b, ref as v, onMounted as y, openBlock as E, createElementBlock as g, renderSlot as c, createElementVNode as s, createVNode as u } from "vue";
-import a from "../../atoms/svg-icon/svg-icon.vue.js";
-/* empty css                                 */
-const _ = { class: "touch-wrapper__controls" }, h = {
-  class: "btn-group",
-  role: "group"
-}, C = /* @__PURE__ */ b({
-  __name: "touch-wrapper",
-  props: {
-    modelValue: {
-      type: Number,
-      default: 1
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(i, { emit: d }) {
-    const m = i, p = d, o = v();
-    function n(t) {
-      const e = m.modelValue + t;
-      p("update:modelValue", t === 0 ? 1 : e >= 1 ? e : 1);
-    }
-    function f(t) {
-      if (t.ctrlKey) {
-        t.preventDefault();
-        const e = 0 - t.deltaY * 0.01;
-        n(e);
-      }
-    }
-    function r(t) {
-      t.preventDefault();
-      const { scale: e } = t, l = e > 1 ? e * 0.01 : 0 - e;
-      n(l);
-    }
-    return y(() => {
-      o.value && (o.value.addEventListener("wheel", f, !1), o.value.addEventListener("gesturestart", r, !1), o.value.addEventListener("gesturechange", r, !1), o.value.addEventListener("gestureend", r, !1));
-    }), (t, e) => (E(), g("div", {
-      ref_key: "touchElement",
-      ref: o,
-      class: "touch-wrapper"
-    }, [
-      c(t.$slots, "controls", {
-        on: { setScale: n }
-      }, () => [
-        s("div", _, [
-          s("div", h, [
-            s("button", {
-              type: "button",
-              class: "btn",
-              onClick: e[0] || (e[0] = (l) => n(-1))
-            }, [
-              u(a, { symbol: "minus" })
-            ]),
-            s("button", {
-              type: "button",
-              class: "btn",
-              onClick: e[1] || (e[1] = (l) => n(0))
-            }, [
-              u(a, { symbol: "maximize" })
-            ]),
-            s("button", {
-              type: "button",
-              class: "btn",
-              onClick: e[2] || (e[2] = (l) => n(1))
-            }, [
-              u(a, { symbol: "plus" })
-            ])
-          ])
-        ])
-      ]),
-      c(t.$slots, "default")
-    ], 512));
-  }
-});
-export {
-  C as default
-};

package/dist/components/templates/touch-wrapper/touch-wrapper3.vue.js

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