ablok-components 0.3.104 → 0.3.106

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

@@ -1,207 +0,0 @@
-import { defineComponent as k, computed as f, openBlock as u, createElementBlock as o, renderSlot as S, createCommentVNode as y, createElementVNode as n, createVNode as g, withCtx as b, Transition as x, toDisplayString as h, Fragment as q, renderList as C, normalizeClass as B, withDirectives as $, vModelCheckbox as M, vModelRadio as p } from "vue";
-import { useI18n as L } from "vue-i18n";
-import { uniqueId as N } from "../../../utilities/helpers.js";
-import T from "../../atoms/base-button/base-button.vue.js";
-/* empty css                                       */
-const H = ["id"], O = ["for", "innerHTML"], A = { class: "dropdown" }, D = { class: "caption" }, E = ["innerHTML"], I = { class: "caption__text" }, J = { class: "d-block text-truncate" }, U = { class: "dropdown-menu" }, j = { class: "form-check d-flex" }, z = ["value", "id", "name", "label", "required", "disabled"], F = ["value", "id", "name", "label", "required", "disabled"], P = ["for"], X = /* @__PURE__ */ k({
-  __name: "input-dropdown",
-  props: {
-    id: {
-      type: String
-    },
-    name: {
-      type: String,
-      default: () => `dropdown-${N()}`
-    },
-    label: {
-      type: String
-    },
-    error: {
-      type: String
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    readOnly: {
-      type: Boolean,
-      default: !1
-    },
-    required: {
-      type: Boolean,
-      default: !1
-    },
-    modelValue: {
-      type: null
-    },
-    // value: {
-    //   type: String,
-    // },
-    options: {
-      type: Array,
-      required: !0
-    },
-    multiple: {
-      type: Boolean,
-      default: !1
-    },
-    showSelectionCount: {
-      type: Boolean,
-      default: !1
-    },
-    toggleCaption: {
-      type: String
-    },
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    icon: {
-      default: "chevron-down",
-      type: String
-    },
-    variant: {
-      type: String,
-      default: ""
-    },
-    color: {
-      type: String,
-      default: ""
-    },
-    outlined: {
-      type: Boolean,
-      default: !1
-    },
-    exactMatch: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: V }) {
-    const { t: s } = L(), l = e, w = V, r = f({
-      get() {
-        return l.multiple && !l.modelValue ? [] : l.modelValue;
-      },
-      set(t) {
-        w("update:modelValue", t);
-      }
-    }), c = f(
-      () => l.options && l.options.map((t) => (t = typeof t == "string" ? {
-        text: t,
-        value: t
-      } : t, {
-        ...t,
-        active: l.modelValue && t.value && (l.exactMatch ? l.modelValue === t.value : l.multiple ? l.modelValue.includes(t.value) : l.modelValue === t.value)
-        // Use === for single values
-      }))
-    ), v = f(() => {
-      if (!l.modelValue)
-        return l.placeholder || `${s("common.select")}`;
-      if (l.multiple && Array.isArray(l.modelValue) && l.modelValue.length)
-        return c.value.reduce(
-          (t, d) => l.modelValue.includes(d.value) ? `${t}${t ? ", " : ""}${d.text}` : t,
-          ""
-        );
-      if (!l.multiple) {
-        const t = c.value.find(
-          (d) => typeof d.value == "object" && d.value !== null ? JSON.stringify(d.value) === JSON.stringify(l.modelValue) : d.value === l.modelValue
-        );
-        return t ? t.text : l.placeholder || `${s("common.select")}`;
-      }
-      return l.placeholder || `${s("common.select")}`;
-    });
-    return (t, d) => (u(), o("div", {
-      class: "input input-dropdown",
-      id: `${e.id || e.name}`
-    }, [
-      S(t.$slots, "label", {}, () => [
-        e.label ? (u(), o("label", {
-          key: 0,
-          for: `${e.id || e.name}--dropdown-toggle`,
-          class: "input__label",
-          innerHTML: `${e.label}${e.required ? " *" : ""}`
-        }, null, 8, O)) : y("", !0)
-      ]),
-      n("div", A, [
-        g(T, {
-          id: `${e.id || e.name}--dropdown-toggle`,
-          "data-bs-toggle": "dropdown",
-          role: "button",
-          type: "button",
-          title: v.value,
-          class: "btn dropdown-toggle",
-          color: e.color,
-          outlined: e.outlined,
-          disabled: e.disabled
-        }, {
-          default: b(() => [
-            n("span", D, [
-              g(x, { name: "bounce" }, {
-                default: b(() => [
-                  e.showSelectionCount && e.modelValue.length ? (u(), o("i", {
-                    key: 0,
-                    class: "caption__count",
-                    innerHTML: e.modelValue.length
-                  }, null, 8, E)) : y("", !0)
-                ]),
-                _: 1
-              }),
-              n("span", I, [
-                n("span", J, h(e.toggleCaption || v.value), 1)
-              ])
-            ])
-          ]),
-          _: 1
-        }, 8, ["id", "title", "color", "outlined", "disabled"]),
-        n("ul", U, [
-          (u(!0), o(q, null, C(c.value, (a, i) => (u(), o("li", {
-            key: `${a.value}-${i}`
-          }, [
-            n("div", {
-              class: B(["dropdown-item", a.active && "active"])
-            }, [
-              n("div", j, [
-                e.multiple ? $((u(), o("input", {
-                  type: "checkbox",
-                  "onUpdate:modelValue": d[0] || (d[0] = (m) => r.value = m),
-                  value: a.value,
-                  key: `${e.name}-${a.value}-${i}__if`,
-                  id: `${e.name}-${a.value}-${i}`,
-                  name: e.name,
-                  label: a.text,
-                  required: e.required,
-                  disabled: a.selectable === !1,
-                  class: "form-check-input"
-                }, null, 8, z)), [
-                  [M, r.value]
-                ]) : $((u(), o("input", {
-                  type: "radio",
-                  "onUpdate:modelValue": d[1] || (d[1] = (m) => r.value = m),
-                  value: a.value,
-                  key: `${e.name}-${a.value}-${i}__else`,
-                  id: `${e.name}-${a.value}-${i}`,
-                  name: e.name,
-                  label: a.text,
-                  required: e.required,
-                  disabled: a.selectable === !1,
-                  class: "form-check-input visually-hidden"
-                }, null, 8, F)), [
-                  [p, r.value]
-                ]),
-                n("label", {
-                  class: "form-check-label flex-grow-1",
-                  onclick: "event.stopPropagation",
-                  for: `${e.name}-${a.value}-${i}`
-                }, h(a.text), 9, P)
-              ])
-            ], 2)
-          ]))), 128))
-        ])
-      ])
-    ], 8, H));
-  }
-});
-export {
-  X as default
-};

package/dist/components/molecules/input-dropdown/input-dropdown3.vue.js

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

package/dist/components/molecules/link-sharing/link-sharing.vue.js

@@ -1,177 +0,0 @@
-import { defineComponent as v, ref as _, computed as h, openBlock as n, createElementBlock as a, createElementVNode as t, createVNode as i, toDisplayString as o, createCommentVNode as l, withModifiers as p, createTextVNode as f } from "vue";
-import r from "../../atoms/svg-icon/svg-icon.vue.js";
-/* empty css                                 */
-const $ = { class: "link-sharing" }, w = {
-  key: 0,
-  class: "link-sharing__links container"
-}, C = { class: "row" }, A = {
-  key: 0,
-  class: "col-12 col-md-6"
-}, j = ["href"], S = { class: "caption" }, x = {
-  key: 1,
-  class: "col-12 col-md-6"
-}, I = ["href"], N = { class: "caption" }, T = {
-  key: 2,
-  class: "col-12 col-md-6"
-}, V = { class: "caption" }, B = {
-  key: 3,
-  class: "col-12 col-md-6"
-}, E = ["href"], M = { class: "caption" }, R = {
-  key: 4,
-  class: "col-12 col-md-6"
-}, U = ["href"], D = { class: "caption" }, H = {
-  key: 5,
-  class: "col-12 col-md-6"
-}, O = { class: "caption" }, q = {
-  key: 6,
-  class: "col-12 col-md-6"
-}, z = ["href"], F = { class: "caption" }, G = {
-  key: 1,
-  class: "link-sharing__instructions pt-5"
-}, J = { class: "row" }, K = { class: "col-12 text-center py-0" }, L = { class: "mb-5" }, P = (e) => e.replace(/<(?:.|\n)*?>/gm, ""), Y = /* @__PURE__ */ v({
-  __name: "link-sharing",
-  props: {
-    url: {
-      type: String,
-      default: ""
-    },
-    subject: {
-      type: String,
-      default: ""
-    },
-    hashtags: Array,
-    text: {
-      type: String,
-      default: ""
-    },
-    media: {
-      type: String,
-      default: ""
-    },
-    services: {
-      type: Object,
-      default: {
-        facebook: !0,
-        instagram: !0,
-        linkedin: !0,
-        whatsapp: !0,
-        mailto: !0,
-        clipboard: !0,
-        bluesky: !0
-      }
-    }
-  },
-  setup(e) {
-    const d = e, c = _(!1), m = h(() => encodeURIComponent(d.url));
-    h(() => encodeURIComponent(d.media));
-    const b = h(() => P(d.text)), k = h(() => !!(navigator && navigator.userAgent && /Mobi|Android/i.test(navigator.userAgent)));
-    async function g() {
-      const s = document.createElement("textarea");
-      document.body.appendChild(s), s.value = d.url, s.select(), s.setSelectionRange(0, 99999), navigator.clipboard.writeText(s.value), document.body.removeChild(s);
-    }
-    return (s, u) => (n(), a("div", $, [
-      c.value ? (n(), a("div", G, [
-        t("div", J, [
-          t("div", K, [
-            t("div", L, [
-              t("p", null, o(s.$t("sharing.instructions", { service: "Instagram" })), 1),
-              t("p", null, [
-                t("strong", null, o(Array.isArray(e.hashtags) ? e.hashtags.join(", ") : e.hashtags), 1)
-              ]),
-              t("button", {
-                type: "button",
-                class: "btn btn-text",
-                onClick: u[1] || (u[1] = p((y) => c.value = !c.value, ["prevent"]))
-              }, [
-                i(r, { symbol: "arrow-left" }),
-                f(" " + o(s.$t("common.back")), 1)
-              ])
-            ])
-          ])
-        ])
-      ])) : (n(), a("div", w, [
-        t("div", C, [
-          e.services.facebook ? (n(), a("div", A, [
-            t("a", {
-              class: "link-sharing__link btn btn-primary",
-              href: `https://www.facebook.com/sharer.php?u=${m.value}`,
-              target: "_blank",
-              rel: "noopener"
-            }, [
-              i(r, { symbol: "facebook" }),
-              t("span", S, o(s.$t("sharing.facebook")), 1)
-            ], 8, j)
-          ])) : l("", !0),
-          e.services.bluesky ? (n(), a("div", x, [
-            t("a", {
-              class: "link-sharing__link btn btn-primary",
-              href: `https://bsky.app/intent/compose?text=${b.value}${b.value ? "%20" : ""}${e.url}`,
-              target: "_blank",
-              rel: "noopener"
-            }, [
-              i(r, { symbol: "bluesky-logo" }),
-              t("span", N, o(s.$t("sharing.bluesky")), 1)
-            ], 8, I)
-          ])) : l("", !0),
-          e.services.instagram ? (n(), a("div", T, [
-            t("button", {
-              type: "button",
-              class: "link-sharing__link btn btn-primary",
-              onClick: u[0] || (u[0] = p((y) => c.value = !c.value, ["prevent"]))
-            }, [
-              i(r, { symbol: "instagram" }),
-              t("span", V, o(s.$t("sharing.instagram")), 1)
-            ])
-          ])) : l("", !0),
-          e.services.linkedin ? (n(), a("div", B, [
-            t("a", {
-              class: "link-sharing__link btn btn-primary",
-              href: `https://www.linkedin.com/shareArticle?mini=true&url=${m.value}&title=${e.subject}`,
-              target: "_blank",
-              rel: "noopener"
-            }, [
-              i(r, { symbol: "linkedin" }),
-              t("span", M, o(s.$t("sharing.linkedin")), 1)
-            ], 8, E)
-          ])) : l("", !0),
-          e.services.whatsapp && k.value ? (n(), a("div", R, [
-            t("a", {
-              class: "link-sharing__link btn btn-primary",
-              href: `whatsapp://send?text=${m.value}`,
-              target: "_blank",
-              rel: "noopener"
-            }, [
-              i(r, { symbol: "whatsapp" }),
-              t("span", D, o(s.$t("sharing.whatsapp")), 1)
-            ], 8, U)
-          ])) : l("", !0),
-          e.services.clipboard ? (n(), a("div", H, [
-            t("button", {
-              type: "button",
-              class: "link-sharing__link btn btn-primary",
-              onClick: p(g, ["prevent", "stop"])
-            }, [
-              i(r, { symbol: "copy" }),
-              t("span", O, o(s.$t("sharing.clipboard")), 1)
-            ])
-          ])) : l("", !0),
-          e.services.mailto ? (n(), a("div", q, [
-            t("a", {
-              class: "link-sharing__link btn btn-primary",
-              href: `mailto:?subject=${e.subject}&body=${b.value}%0D%0A${e.url}`,
-              target: "_blank",
-              rel: "noopener"
-            }, [
-              i(r, { symbol: "mail" }),
-              t("span", F, o(s.$t("sharing.mailto")), 1)
-            ], 8, z)
-          ])) : l("", !0)
-        ])
-      ]))
-    ]));
-  }
-});
-export {
-  Y as default,
-  P as stripHtml
-};

package/dist/components/molecules/link-sharing/link-sharing3.vue.js

@@ -1,7 +0,0 @@
-import t from "./link-sharing.vue.js";
-import { stripHtml as f } from "./link-sharing.vue.js";
-/* empty css                  */
-export {
-  t as default,
-  f as stripHtml
-};

package/dist/components/molecules/location-list/location-list.vue.js

@@ -1,98 +0,0 @@
-import { defineComponent as b, openBlock as s, createElementBlock as i, toDisplayString as o, createCommentVNode as u, Fragment as k, renderList as v, normalizeClass as C, createElementVNode as S } from "vue";
-const V = {
-  class: "location-list",
-  "data-testid": "location-list"
-}, $ = {
-  key: 0,
-  class: "location-list__label"
-}, D = {
-  key: 1,
-  class: "location-list__items"
-}, L = ["data-testid", "onClick"], N = { class: "location-list__title" }, w = {
-  key: 0,
-  class: "location-list__description"
-}, K = {
-  key: 1,
-  class: "location-list__distance"
-}, T = {
-  key: 2,
-  class: "location-list__empty"
-}, x = /* @__PURE__ */ b({
-  __name: "location-list",
-  props: {
-    modelValue: {
-      type: null,
-      default: null
-    },
-    locations: {
-      type: Array,
-      default: () => []
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    titleKey: {
-      type: String,
-      default: "title"
-    },
-    descriptionKey: {
-      type: String,
-      default: "address"
-    },
-    emptyText: {
-      type: String,
-      default: "No locations found."
-    },
-    showDistance: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["update:modelValue", "select"],
-  setup(l, { emit: y }) {
-    const r = l, d = y;
-    function m(t) {
-      return t?.[r.titleKey] || t?.label || t?.name || "Location";
-    }
-    function _(t) {
-      return t?.[r.descriptionKey] || t?.description || t?.subtitle || "";
-    }
-    function a(t, n = 0) {
-      return t ? typeof t != "object" ? t : t.id ?? t.value ?? m(t) ?? n : n;
-    }
-    function f(t, n = 0) {
-      return `${a(t, n)}`.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
-    }
-    function p(t, n = 0) {
-      return a(r.modelValue) === a(t, n);
-    }
-    function g(t) {
-      return Number.isFinite(t) ? t >= 1e3 ? `${(t / 1e3).toFixed(1)} km` : `${Math.round(t)} m` : "—";
-    }
-    function h(t) {
-      d("update:modelValue", t), d("select", t);
-    }
-    return (t, n) => (s(), i("div", V, [
-      l.label ? (s(), i("p", $, o(l.label), 1)) : u("", !0),
-      l.locations.length ? (s(), i("div", D, [
-        (s(!0), i(k, null, v(l.locations, (e, c) => (s(), i("button", {
-          key: a(e, c),
-          type: "button",
-          class: C(["location-list__item", {
-            "location-list__item--active": p(e, c)
-          }]),
-          "data-testid": `location-option-${f(e, c)}`,
-          onClick: (B) => h(e)
-        }, [
-          S("strong", N, o(m(e)), 1),
-          _(e) ? (s(), i("small", w, o(_(e)), 1)) : u("", !0),
-          l.showDistance && e?.distance !== void 0 && e?.distance !== null ? (s(), i("small", K, o(g(Number(e.distance))) + " away ", 1)) : u("", !0)
-        ], 10, L))), 128))
-      ])) : (s(), i("p", T, o(l.emptyText), 1))
-    ]));
-  }
-});
-export {
-  x as default
-};

package/dist/components/molecules/location-list/location-list3.vue.js

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

package/dist/components/molecules/media-thumbnails/media-thumbnails.vue.js

@@ -1,87 +0,0 @@
-import { defineComponent as h, ref as _, openBlock as t, createElementBlock as i, createVNode as s, withCtx as b, createElementVNode as y, normalizeClass as o, Fragment as g, renderList as k, createBlock as C, toDisplayString as v, createCommentVNode as V } from "vue";
-import $ from "../../templates/base-carousel/base-carousel.vue.js";
-/* empty css                                               */
-import m from "../../atoms/base-image/base-image.vue.js";
-/* empty css                                     */
-const x = { class: "media-thumbnails" }, B = ["onClick", "title"], j = {
-  key: 0,
-  class: "img-container"
-}, O = {
-  key: 0,
-  class: "media-thumbnails__count-badge"
-}, w = {
-  key: 2,
-  class: "img-container"
-}, I = /* @__PURE__ */ h({
-  __name: "media-thumbnails",
-  props: {
-    modelValue: {
-      default: null
-    },
-    config: {
-      type: Object,
-      default: null
-    },
-    messages: {
-      type: Object,
-      default: {}
-    },
-    assets: {
-      type: Array,
-      default: []
-    },
-    stacked: {
-      type: Boolean,
-      default: !1
-    },
-    showCount: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue", "select"],
-  setup(a, { emit: d }) {
-    const c = d, u = _(-1);
-    function r(l) {
-      u.value = l, c("update:modelValue", l), c("select", l);
-    }
-    return (l, N) => (t(), i("div", x, [
-      s($, { items: a.assets }, {
-        "carousel-item": b((e) => [
-          y("button", {
-            type: "button",
-            class: o(["carousel__item media-thumbnails__thumbnail", e.index === a.modelValue || e.index === u.value ? "is-active" : ""]),
-            onClick: (n) => r(e.index),
-            title: `${l.$t("thumbnails.thumbnail")} ${e.index + 1}`
-          }, [
-            e.item.type === "preset" && e.item.thumbnail ? (t(), i("div", j, [
-              s(m, {
-                src: e.item.thumbnail,
-                class: "img-fluid"
-              }, null, 8, ["src"])
-            ])) : e.item.type === "preset" ? (t(), i("div", {
-              key: 1,
-              class: o(["img-container img-container--multi", { "img-container--stacked": a.stacked }])
-            }, [
-              (t(!0), i(g, null, k(e.item.items, (n, f) => (t(), C(m, {
-                key: f,
-                src: n.thumbnail || n.src,
-                class: "img-fluid"
-              }, null, 8, ["src"]))), 128)),
-              a.showCount && Object.keys(e.item.items || {}).length ? (t(), i("span", O, v(Object.keys(e.item.items || {}).length), 1)) : V("", !0)
-            ], 2)) : (t(), i("div", w, [
-              s(m, {
-                src: e.item.thumbnail || e.item.src,
-                class: "img-fluid"
-              }, null, 8, ["src"])
-            ]))
-          ], 10, B)
-        ]),
-        _: 1
-      }, 8, ["items"])
-    ]));
-  }
-});
-export {
-  I as default
-};

package/dist/components/molecules/media-thumbnails/media-thumbnails3.vue.js

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