@7pmlabs/design-system 0.3.0 → 0.3.2

package/dist/design-system89.mjs

@@ -1,864 +1,178 @@
-import { format as _e, assign as ne, isString as z } from "./design-system87.mjs";
-/*!
-  * message-compiler v9.2.2
-  * (c) 2022 kazuya kawaguchi
-  * Released under the MIT License.
-  */
-const L = {
-  // tokenizer error codes
-  EXPECTED_TOKEN: 1,
-  INVALID_TOKEN_IN_PLACEHOLDER: 2,
-  UNTERMINATED_SINGLE_QUOTE_IN_PLACEHOLDER: 3,
-  UNKNOWN_ESCAPE_SEQUENCE: 4,
-  INVALID_UNICODE_ESCAPE_SEQUENCE: 5,
-  UNBALANCED_CLOSING_BRACE: 6,
-  UNTERMINATED_CLOSING_BRACE: 7,
-  EMPTY_PLACEHOLDER: 8,
-  NOT_ALLOW_NEST_PLACEHOLDER: 9,
-  INVALID_LINKED_FORMAT: 10,
-  // parser error codes
-  MUST_HAVE_MESSAGES_IN_PLURAL: 11,
-  UNEXPECTED_EMPTY_LINKED_MODIFIER: 12,
-  UNEXPECTED_EMPTY_LINKED_KEY: 13,
-  UNEXPECTED_LEXICAL_ANALYSIS: 14,
-  // Special value for higher-order compilers to pick up the last code
-  // to avoid collision of error codes. This should always be kept as the last
-  // item.
-  __EXTEND_POINT__: 15
-}, pe = {
-  // tokenizer error messages
-  [L.EXPECTED_TOKEN]: "Expected token: '{0}'",
-  [L.INVALID_TOKEN_IN_PLACEHOLDER]: "Invalid token in placeholder: '{0}'",
-  [L.UNTERMINATED_SINGLE_QUOTE_IN_PLACEHOLDER]: "Unterminated single quote in placeholder",
-  [L.UNKNOWN_ESCAPE_SEQUENCE]: "Unknown escape sequence: \\{0}",
-  [L.INVALID_UNICODE_ESCAPE_SEQUENCE]: "Invalid unicode escape sequence: {0}",
-  [L.UNBALANCED_CLOSING_BRACE]: "Unbalanced closing brace",
-  [L.UNTERMINATED_CLOSING_BRACE]: "Unterminated closing brace",
-  [L.EMPTY_PLACEHOLDER]: "Empty placeholder",
-  [L.NOT_ALLOW_NEST_PLACEHOLDER]: "Not allowed nest placeholder",
-  [L.INVALID_LINKED_FORMAT]: "Invalid linked format",
-  // parser error messages
-  [L.MUST_HAVE_MESSAGES_IN_PLURAL]: "Plural must have messages",
-  [L.UNEXPECTED_EMPTY_LINKED_MODIFIER]: "Unexpected empty linked modifier",
-  [L.UNEXPECTED_EMPTY_LINKED_KEY]: "Unexpected empty linked key",
-  [L.UNEXPECTED_LEXICAL_ANALYSIS]: "Unexpected lexical analysis in token: '{0}'"
-};
-function re(u, s, l = {}) {
-  const { domain: E, messages: p, args: c } = l, k = process.env.NODE_ENV !== "production" ? _e((p || pe)[u] || "", ...c || []) : u, O = new SyntaxError(String(k));
-  return O.code = u, s && (O.location = s), O.domain = E, O;
-}
-function ge(u) {
-  throw u;
-}
-function Ce(u, s, l) {
-  return { line: u, column: s, offset: l };
-}
-function Q(u, s, l) {
-  const E = { start: u, end: s };
-  return l != null && (E.source = l), E;
-}
-const v = " ", Te = "\r", m = `
-`, Ie = String.fromCharCode(8232), he = String.fromCharCode(8233);
-function Ae(u) {
-  const s = u;
-  let l = 0, E = 1, p = 1, c = 0;
-  const k = (C) => s[C] === Te && s[C + 1] === m, O = (C) => s[C] === m, T = (C) => s[C] === he, y = (C) => s[C] === Ie, b = (C) => k(C) || O(C) || T(C) || y(C), S = () => l, A = () => E, U = () => p, R = () => c, P = (C) => k(C) || T(C) || y(C) ? m : s[C], I = () => P(l), r = () => P(l + c);
-  function o() {
-    return c = 0, b(l) && (E++, p = 0), k(l) && l++, l++, p++, s[l];
-  }
-  function f() {
-    return k(l + c) && c++, c++, s[l + c];
-  }
-  function a() {
-    l = 0, E = 1, p = 1, c = 0;
-  }
-  function N(C = 0) {
-    c = C;
-  }
-  function _() {
-    const C = l + c;
-    for (; C !== l; )
-      o();
-    c = 0;
-  }
-  return {
-    index: S,
-    line: A,
-    column: U,
-    peekOffset: R,
-    charAt: P,
-    currentChar: I,
-    currentPeek: r,
-    next: o,
-    peek: f,
-    reset: a,
-    resetPeek: N,
-    skipToPeek: _
-  };
-}
-const K = void 0, ee = "'", Se = "tokenizer";
-function Pe(u, s = {}) {
-  const l = s.location !== !1, E = Ae(u), p = () => E.index(), c = () => Ce(E.line(), E.column(), E.index()), k = c(), O = p(), T = {
-    currentType: 14,
-    offset: O,
-    startLoc: k,
-    endLoc: k,
-    lastType: 14,
-    lastOffset: O,
-    lastStartLoc: k,
-    lastEndLoc: k,
-    braceNest: 0,
-    inLinked: !1,
-    text: ""
-  }, y = () => T, { onError: b } = s;
-  function S(e, t, n, ...i) {
-    const d = y();
-    if (t.column += n, t.offset += n, b) {
-      const h = Q(d.startLoc, t), w = re(e, h, {
-        domain: Se,
-        args: i
-      });
-      b(w);
-    }
-  }
-  function A(e, t, n) {
-    e.endLoc = c(), e.currentType = t;
-    const i = { type: t };
-    return l && (i.loc = Q(e.startLoc, e.endLoc)), n != null && (i.value = n), i;
-  }
-  const U = (e) => A(
-    e,
-    14
-    /* EOF */
-  );
-  function R(e, t) {
-    return e.currentChar() === t ? (e.next(), t) : (S(L.EXPECTED_TOKEN, c(), 0, t), "");
-  }
-  function P(e) {
-    let t = "";
-    for (; e.currentPeek() === v || e.currentPeek() === m; )
-      t += e.currentPeek(), e.peek();
-    return t;
-  }
-  function I(e) {
-    const t = P(e);
-    return e.skipToPeek(), t;
-  }
-  function r(e) {
-    if (e === K)
-      return !1;
-    const t = e.charCodeAt(0);
-    return t >= 97 && t <= 122 || // a-z
-    t >= 65 && t <= 90 || // A-Z
-    t === 95;
-  }
-  function o(e) {
-    if (e === K)
-      return !1;
-    const t = e.charCodeAt(0);
-    return t >= 48 && t <= 57;
-  }
-  function f(e, t) {
-    const { currentType: n } = t;
-    if (n !== 2)
-      return !1;
-    P(e);
-    const i = r(e.currentPeek());
-    return e.resetPeek(), i;
-  }
-  function a(e, t) {
-    const { currentType: n } = t;
-    if (n !== 2)
-      return !1;
-    P(e);
-    const i = e.currentPeek() === "-" ? e.peek() : e.currentPeek(), d = o(i);
-    return e.resetPeek(), d;
-  }
-  function N(e, t) {
-    const { currentType: n } = t;
-    if (n !== 2)
-      return !1;
-    P(e);
-    const i = e.currentPeek() === ee;
-    return e.resetPeek(), i;
-  }
-  function _(e, t) {
-    const { currentType: n } = t;
-    if (n !== 8)
-      return !1;
-    P(e);
-    const i = e.currentPeek() === ".";
-    return e.resetPeek(), i;
-  }
-  function C(e, t) {
-    const { currentType: n } = t;
-    if (n !== 9)
-      return !1;
-    P(e);
-    const i = r(e.currentPeek());
-    return e.resetPeek(), i;
-  }
-  function X(e, t) {
-    const { currentType: n } = t;
-    if (!(n === 8 || n === 12))
-      return !1;
-    P(e);
-    const i = e.currentPeek() === ":";
-    return e.resetPeek(), i;
-  }
-  function D(e, t) {
-    const { currentType: n } = t;
-    if (n !== 10)
-      return !1;
-    const i = () => {
-      const h = e.currentPeek();
-      return h === "{" ? r(e.peek()) : h === "@" || h === "%" || h === "|" || h === ":" || h === "." || h === v || !h ? !1 : h === m ? (e.peek(), i()) : r(h);
-    }, d = i();
-    return e.resetPeek(), d;
-  }
-  function g(e) {
-    P(e);
-    const t = e.currentPeek() === "|";
-    return e.resetPeek(), t;
-  }
-  function se(e) {
-    const t = P(e), n = e.currentPeek() === "%" && e.peek() === "{";
-    return e.resetPeek(), {
-      isModulo: n,
-      hasSpace: t.length > 0
-    };
-  }
-  function G(e, t = !0) {
-    const n = (d = !1, h = "", w = !1) => {
-      const Y = e.currentPeek();
-      return Y === "{" ? h === "%" ? !1 : d : Y === "@" || !Y ? h === "%" ? !0 : d : Y === "%" ? (e.peek(), n(d, "%", !0)) : Y === "|" ? h === "%" || w ? !0 : !(h === v || h === m) : Y === v ? (e.peek(), n(!0, v, w)) : Y === m ? (e.peek(), n(!0, m, w)) : !0;
-    }, i = n();
-    return t && e.resetPeek(), i;
-  }
-  function $(e, t) {
-    const n = e.currentChar();
-    return n === K ? K : t(n) ? (e.next(), n) : null;
-  }
-  function W(e) {
-    return $(e, (n) => {
-      const i = n.charCodeAt(0);
-      return i >= 97 && i <= 122 || // a-z
-      i >= 65 && i <= 90 || // A-Z
-      i >= 48 && i <= 57 || // 0-9
-      i === 95 || // _
-      i === 36;
-    });
-  }
-  function ue(e) {
-    return $(e, (n) => {
-      const i = n.charCodeAt(0);
-      return i >= 48 && i <= 57;
-    });
-  }
-  function ce(e) {
-    return $(e, (n) => {
-      const i = n.charCodeAt(0);
-      return i >= 48 && i <= 57 || // 0-9
-      i >= 65 && i <= 70 || // A-F
-      i >= 97 && i <= 102;
-    });
-  }
-  function J(e) {
-    let t = "", n = "";
-    for (; t = ue(e); )
-      n += t;
-    return n;
-  }
-  function ie(e) {
-    I(e);
-    const t = e.currentChar();
-    return t !== "%" && S(L.EXPECTED_TOKEN, c(), 0, t), e.next(), "%";
-  }
-  function j(e) {
-    let t = "";
-    for (; ; ) {
-      const n = e.currentChar();
-      if (n === "{" || n === "}" || n === "@" || n === "|" || !n)
-        break;
-      if (n === "%")
-        if (G(e))
-          t += n, e.next();
-        else
-          break;
-      else if (n === v || n === m)
-        if (G(e))
-          t += n, e.next();
-        else {
-          if (g(e))
-            break;
-          t += n, e.next();
-        }
-      else
-        t += n, e.next();
-    }
-    return t;
-  }
-  function ae(e) {
-    I(e);
-    let t = "", n = "";
-    for (; t = W(e); )
-      n += t;
-    return e.currentChar() === K && S(L.UNTERMINATED_CLOSING_BRACE, c(), 0), n;
-  }
-  function oe(e) {
-    I(e);
-    let t = "";
-    return e.currentChar() === "-" ? (e.next(), t += `-${J(e)}`) : t += J(e), e.currentChar() === K && S(L.UNTERMINATED_CLOSING_BRACE, c(), 0), t;
-  }
-  function le(e) {
-    I(e), R(e, "'");
-    let t = "", n = "";
-    const i = (h) => h !== ee && h !== m;
-    for (; t = $(e, i); )
-      t === "\\" ? n += fe(e) : n += t;
-    const d = e.currentChar();
-    return d === m || d === K ? (S(L.UNTERMINATED_SINGLE_QUOTE_IN_PLACEHOLDER, c(), 0), d === m && (e.next(), R(e, "'")), n) : (R(e, "'"), n);
-  }
-  function fe(e) {
-    const t = e.currentChar();
-    switch (t) {
-      case "\\":
-      case "'":
-        return e.next(), `\\${t}`;
-      case "u":
-        return Z(e, t, 4);
-      case "U":
-        return Z(e, t, 6);
-      default:
-        return S(L.UNKNOWN_ESCAPE_SEQUENCE, c(), 0, t), "";
-    }
-  }
-  function Z(e, t, n) {
-    R(e, t);
-    let i = "";
-    for (let d = 0; d < n; d++) {
-      const h = ce(e);
-      if (!h) {
-        S(L.INVALID_UNICODE_ESCAPE_SEQUENCE, c(), 0, `\\${t}${i}${e.currentChar()}`);
-        break;
+import { defineComponent as G, ref as c, computed as m, openBlock as p, createElementBlock as v, createVNode as f, createElementVNode as d, unref as b, Fragment as J, renderList as K, createCommentVNode as C, withCtx as I, createTextVNode as Q, toDisplayString as W, createBlock as X, pushScopeId as Y, popScopeId as Z } from "vue";
+import { FileImageTypes as V } from "./design-system4.mjs";
+import { useI18n as ee } from "./design-system48.mjs";
+import te from "./design-system104.mjs";
+import ae from "./design-system46.mjs";
+import { useValidationField as le } from "./design-system3.mjs";
+import se from "./design-system31.mjs";
+import re from "./design-system11.mjs";
+import oe from "./design-system30.mjs";
+import de from "./design-system97.mjs";
+import ne from "./design-system99.mjs";
+const ie = (n) => (Y("data-v-0ad5e718"), n = n(), Z(), n), ue = { class: "ds-w-full" }, ce = { class: "ds-gap-2 ds-space-y-4 ds-rounded-lg ds-bg-white ds-p-4 ds-drop-shadow" }, pe = {
+  key: 0,
+  class: "ds-flex ds-flex-wrap ds-justify-center ds-gap-1"
+}, ge = ["onClick", "onDragenter", "onDragstart", "onDrop"], me = ["src"], ve = { class: "ds-flex ds-flex-wrap ds-justify-center" }, fe = /* @__PURE__ */ ie(() => /* @__PURE__ */ d("svg", {
+  class: "ds-absolute -ds-bottom-[3px] ds-left-0 ds-h-4 ds-w-4 ds-fill-primary-t",
+  viewBox: "0 0 512 512",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ d("path", { d: "M447.1 32h-384C28.64 32-.0091 60.65-.0091 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96C511.1 60.65 483.3 32 447.1 32zM111.1 96c26.51 0 48 21.49 48 48S138.5 192 111.1 192s-48-21.49-48-48S85.48 96 111.1 96zM446.1 407.6C443.3 412.8 437.9 416 432 416H82.01c-6.021 0-11.53-3.379-14.26-8.75c-2.73-5.367-2.215-11.81 1.334-16.68l70-96C142.1 290.4 146.9 288 152 288s9.916 2.441 12.93 6.574l32.46 44.51l93.3-139.1C293.7 194.7 298.7 192 304 192s10.35 2.672 13.31 7.125l128 192C448.6 396 448.9 402.3 446.1 407.6z" })
+], -1)), he = ["accept", "multiple"], Se = /* @__PURE__ */ G({
+  __name: "BImagePicker",
+  props: {
+    inputId: { default: "" },
+    modelValue: {},
+    label: { default: "" },
+    multiple: { type: Boolean, default: !1 },
+    maxFileSize: { default: 20 },
+    hideDetails: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    requiredErrorMessage: { default: "" },
+    validationRules: { default: void 0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(n, { expose: x, emit: g }) {
+    const a = n, { t: h } = ee(), D = c(null), w = c(0), o = m({
+      get() {
+        return a.modelValue;
+      },
+      set(e) {
+        g("update:modelValue", e);
       }
-      i += h;
-    }
-    return `\\${t}${i}`;
-  }
-  function Ee(e) {
-    I(e);
-    let t = "", n = "";
-    const i = (d) => d !== "{" && d !== "}" && d !== v && d !== m;
-    for (; t = $(e, i); )
-      n += t;
-    return n;
-  }
-  function Le(e) {
-    let t = "", n = "";
-    for (; t = W(e); )
-      n += t;
-    return n;
-  }
-  function de(e) {
-    const t = (n = !1, i) => {
-      const d = e.currentChar();
-      return d === "{" || d === "%" || d === "@" || d === "|" || !d || d === v ? i : d === m ? (i += d, e.next(), t(n, i)) : (i += d, e.next(), t(!0, i));
-    };
-    return t(!1, "");
-  }
-  function V(e) {
-    I(e);
-    const t = R(
-      e,
-      "|"
-      /* Pipe */
+    }), _ = c(!0), y = c(!0), i = c({
+      visible: !1,
+      url: ""
+    }), k = m(() => V.join(", ")), R = m(() => a.inputId || `id-${de()}`), S = {
+      validateRule: (e) => !!e && e.length > 0,
+      errorMessage: () => a.requiredErrorMessage || h("ds.global.field_required")
+    }, F = {
+      validateRule: () => _.value,
+      errorMessage: () => h("ds.components.base.image_picker.file_types_valid", {
+        types: k.value
+      })
+    }, z = {
+      validateRule: () => y.value,
+      errorMessage: () => h("ds.components.base.image_picker.file_size_valid", {
+        size: a.maxFileSize
+      })
+    }, B = m(() => {
+      let e = [];
+      return a.required && e.push(S), a.validationRules && (e = e.concat(a.validationRules)), e.push(F), e.push(z), e.length ? e : void 0;
+    }), { validate: u, validationResult: T } = le(
+      R.value,
+      o,
+      B.value
     );
-    return I(e), t;
-  }
-  function F(e, t) {
-    let n = null;
-    switch (e.currentChar()) {
-      case "{":
-        return t.braceNest >= 1 && S(L.NOT_ALLOW_NEST_PLACEHOLDER, c(), 0), e.next(), n = A(
-          t,
-          2,
-          "{"
-          /* BraceLeft */
-        ), I(e), t.braceNest++, n;
-      case "}":
-        return t.braceNest > 0 && t.currentType === 2 && S(L.EMPTY_PLACEHOLDER, c(), 0), e.next(), n = A(
-          t,
-          3,
-          "}"
-          /* BraceRight */
-        ), t.braceNest--, t.braceNest > 0 && I(e), t.inLinked && t.braceNest === 0 && (t.inLinked = !1), n;
-      case "@":
-        return t.braceNest > 0 && S(L.UNTERMINATED_CLOSING_BRACE, c(), 0), n = H(e, t) || U(t), t.braceNest = 0, n;
-      default:
-        let d = !0, h = !0, w = !0;
-        if (g(e))
-          return t.braceNest > 0 && S(L.UNTERMINATED_CLOSING_BRACE, c(), 0), n = A(t, 1, V(e)), t.braceNest = 0, t.inLinked = !1, n;
-        if (t.braceNest > 0 && (t.currentType === 5 || t.currentType === 6 || t.currentType === 7))
-          return S(L.UNTERMINATED_CLOSING_BRACE, c(), 0), t.braceNest = 0, B(e, t);
-        if (d = f(e, t))
-          return n = A(t, 5, ae(e)), I(e), n;
-        if (h = a(e, t))
-          return n = A(t, 6, oe(e)), I(e), n;
-        if (w = N(e, t))
-          return n = A(t, 7, le(e)), I(e), n;
-        if (!d && !h && !w)
-          return n = A(t, 13, Ee(e)), S(L.INVALID_TOKEN_IN_PLACEHOLDER, c(), 0, n.value), I(e), n;
-        break;
-    }
-    return n;
-  }
-  function H(e, t) {
-    const { currentType: n } = t;
-    let i = null;
-    const d = e.currentChar();
-    switch ((n === 8 || n === 9 || n === 12 || n === 10) && (d === m || d === v) && S(L.INVALID_LINKED_FORMAT, c(), 0), d) {
-      case "@":
-        return e.next(), i = A(
-          t,
-          8,
-          "@"
-          /* LinkedAlias */
-        ), t.inLinked = !0, i;
-      case ".":
-        return I(e), e.next(), A(
-          t,
-          9,
-          "."
-          /* LinkedDot */
-        );
-      case ":":
-        return I(e), e.next(), A(
-          t,
-          10,
-          ":"
-          /* LinkedDelimiter */
-        );
-      default:
-        return g(e) ? (i = A(t, 1, V(e)), t.braceNest = 0, t.inLinked = !1, i) : _(e, t) || X(e, t) ? (I(e), H(e, t)) : C(e, t) ? (I(e), A(t, 12, Le(e))) : D(e, t) ? (I(e), d === "{" ? F(e, t) || i : A(t, 11, de(e))) : (n === 8 && S(L.INVALID_LINKED_FORMAT, c(), 0), t.braceNest = 0, t.inLinked = !1, B(e, t));
-    }
-  }
-  function B(e, t) {
-    let n = {
-      type: 14
-      /* EOF */
-    };
-    if (t.braceNest > 0)
-      return F(e, t) || U(t);
-    if (t.inLinked)
-      return H(e, t) || U(t);
-    switch (e.currentChar()) {
-      case "{":
-        return F(e, t) || U(t);
-      case "}":
-        return S(L.UNBALANCED_CLOSING_BRACE, c(), 0), e.next(), A(
-          t,
-          3,
-          "}"
-          /* BraceRight */
-        );
-      case "@":
-        return H(e, t) || U(t);
-      default:
-        if (g(e))
-          return n = A(t, 1, V(e)), t.braceNest = 0, t.inLinked = !1, n;
-        const { isModulo: d, hasSpace: h } = se(e);
-        if (d)
-          return h ? A(t, 0, j(e)) : A(t, 4, ie(e));
-        if (G(e))
-          return A(t, 0, j(e));
-        break;
-    }
-    return n;
-  }
-  function Ne() {
-    const { currentType: e, offset: t, startLoc: n, endLoc: i } = T;
-    return T.lastType = e, T.lastOffset = t, T.lastStartLoc = n, T.lastEndLoc = i, T.offset = p(), T.startLoc = c(), E.currentChar() === K ? A(
-      T,
-      14
-      /* EOF */
-    ) : B(E, T);
-  }
-  return {
-    nextToken: Ne,
-    currentOffset: p,
-    currentPosition: c,
-    context: y
-  };
-}
-const ke = "parser", Oe = /(?:\\\\|\\'|\\u([0-9a-fA-F]{4})|\\U([0-9a-fA-F]{6}))/g;
-function De(u, s, l) {
-  switch (u) {
-    case "\\\\":
-      return "\\";
-    case "\\'":
-      return "'";
-    default: {
-      const E = parseInt(s || l, 16);
-      return E <= 55295 || E >= 57344 ? String.fromCodePoint(E) : "�";
-    }
-  }
-}
-function me(u = {}) {
-  const s = u.location !== !1, { onError: l } = u;
-  function E(r, o, f, a, ...N) {
-    const _ = r.currentPosition();
-    if (_.offset += a, _.column += a, l) {
-      const C = Q(f, _), X = re(o, C, {
-        domain: ke,
-        args: N
+    x({ validate: u });
+    const M = (e, t) => {
+      w.value = e, t.target.classList.add("dragging"), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData("index", e.toString());
+    }, E = (e) => {
+      e.target.classList.remove("dragging");
+    }, L = (e, t) => {
+      const l = t.target;
+      w.value !== e && l.classList.add("dropped-target");
+    }, $ = (e) => {
+      e.preventDefault(), e.dataTransfer.dropEffect = "move";
+    }, q = (e) => {
+      e.target.classList.remove("dropped-target");
+    }, N = (e, t) => {
+      t.preventDefault(), t.target.classList.remove("dropped-target");
+      const s = parseInt(t.dataTransfer.getData("index")), r = o.value[s];
+      o.value.splice(s, 1), o.value.splice(e, 0, r), g("change"), u();
+    }, j = () => {
+      var e;
+      (e = D.value) == null || e.click();
+    }, A = (e) => {
+      let t = e.target.files || e.dataTransfer.files;
+      t.length && P(t);
+    }, P = (e) => {
+      Array.from(e).forEach((t) => {
+        if (_.value = V.includes(t.type), y.value = H(t.size) <= a.maxFileSize, _.value && y.value) {
+          let l = new FileReader();
+          l.onload = (s) => {
+            a.multiple ? o.value.push({
+              url: s.target.result,
+              file: t,
+              type: t.type
+            }) : o.value.splice(0, 1, {
+              url: s.target.result,
+              file: t,
+              type: t.type
+            }), g("change"), u();
+          }, l.readAsDataURL(t);
+        } else
+          u();
       });
-      l(X);
-    }
-  }
-  function p(r, o, f) {
-    const a = {
-      type: r,
-      start: o,
-      end: o
-    };
-    return s && (a.loc = { start: f, end: f }), a;
-  }
-  function c(r, o, f, a) {
-    r.end = o, a && (r.type = a), s && r.loc && (r.loc.end = f);
-  }
-  function k(r, o) {
-    const f = r.context(), a = p(3, f.offset, f.startLoc);
-    return a.value = o, c(a, r.currentOffset(), r.currentPosition()), a;
-  }
-  function O(r, o) {
-    const f = r.context(), { lastOffset: a, lastStartLoc: N } = f, _ = p(5, a, N);
-    return _.index = parseInt(o, 10), r.nextToken(), c(_, r.currentOffset(), r.currentPosition()), _;
-  }
-  function T(r, o) {
-    const f = r.context(), { lastOffset: a, lastStartLoc: N } = f, _ = p(4, a, N);
-    return _.key = o, r.nextToken(), c(_, r.currentOffset(), r.currentPosition()), _;
-  }
-  function y(r, o) {
-    const f = r.context(), { lastOffset: a, lastStartLoc: N } = f, _ = p(9, a, N);
-    return _.value = o.replace(Oe, De), r.nextToken(), c(_, r.currentOffset(), r.currentPosition()), _;
-  }
-  function b(r) {
-    const o = r.nextToken(), f = r.context(), { lastOffset: a, lastStartLoc: N } = f, _ = p(8, a, N);
-    return o.type !== 12 ? (E(r, L.UNEXPECTED_EMPTY_LINKED_MODIFIER, f.lastStartLoc, 0), _.value = "", c(_, a, N), {
-      nextConsumeToken: o,
-      node: _
-    }) : (o.value == null && E(r, L.UNEXPECTED_LEXICAL_ANALYSIS, f.lastStartLoc, 0, M(o)), _.value = o.value || "", c(_, r.currentOffset(), r.currentPosition()), {
-      node: _
-    });
-  }
-  function S(r, o) {
-    const f = r.context(), a = p(7, f.offset, f.startLoc);
-    return a.value = o, c(a, r.currentOffset(), r.currentPosition()), a;
-  }
-  function A(r) {
-    const o = r.context(), f = p(6, o.offset, o.startLoc);
-    let a = r.nextToken();
-    if (a.type === 9) {
-      const N = b(r);
-      f.modifier = N.node, a = N.nextConsumeToken || r.nextToken();
-    }
-    switch (a.type !== 10 && E(r, L.UNEXPECTED_LEXICAL_ANALYSIS, o.lastStartLoc, 0, M(a)), a = r.nextToken(), a.type === 2 && (a = r.nextToken()), a.type) {
-      case 11:
-        a.value == null && E(r, L.UNEXPECTED_LEXICAL_ANALYSIS, o.lastStartLoc, 0, M(a)), f.key = S(r, a.value || "");
-        break;
-      case 5:
-        a.value == null && E(r, L.UNEXPECTED_LEXICAL_ANALYSIS, o.lastStartLoc, 0, M(a)), f.key = T(r, a.value || "");
-        break;
-      case 6:
-        a.value == null && E(r, L.UNEXPECTED_LEXICAL_ANALYSIS, o.lastStartLoc, 0, M(a)), f.key = O(r, a.value || "");
-        break;
-      case 7:
-        a.value == null && E(r, L.UNEXPECTED_LEXICAL_ANALYSIS, o.lastStartLoc, 0, M(a)), f.key = y(r, a.value || "");
-        break;
-      default:
-        E(r, L.UNEXPECTED_EMPTY_LINKED_KEY, o.lastStartLoc, 0);
-        const N = r.context(), _ = p(7, N.offset, N.startLoc);
-        return _.value = "", c(_, N.offset, N.startLoc), f.key = _, c(f, N.offset, N.startLoc), {
-          nextConsumeToken: a,
-          node: f
-        };
-    }
-    return c(f, r.currentOffset(), r.currentPosition()), {
-      node: f
+    }, U = (e, t) => {
+      e.stopPropagation(), o.value.splice(t, 1), g("change"), u();
+    }, H = (e) => e / 1024 ** 2, O = (e) => {
+      i.value.url = e.url, i.value.visible = !0;
     };
-  }
-  function U(r) {
-    const o = r.context(), f = o.currentType === 1 ? r.currentOffset() : o.offset, a = o.currentType === 1 ? o.endLoc : o.startLoc, N = p(2, f, a);
-    N.items = [];
-    let _ = null;
-    do {
-      const D = _ || r.nextToken();
-      switch (_ = null, D.type) {
-        case 0:
-          D.value == null && E(r, L.UNEXPECTED_LEXICAL_ANALYSIS, o.lastStartLoc, 0, M(D)), N.items.push(k(r, D.value || ""));
-          break;
-        case 6:
-          D.value == null && E(r, L.UNEXPECTED_LEXICAL_ANALYSIS, o.lastStartLoc, 0, M(D)), N.items.push(O(r, D.value || ""));
-          break;
-        case 5:
-          D.value == null && E(r, L.UNEXPECTED_LEXICAL_ANALYSIS, o.lastStartLoc, 0, M(D)), N.items.push(T(r, D.value || ""));
-          break;
-        case 7:
-          D.value == null && E(r, L.UNEXPECTED_LEXICAL_ANALYSIS, o.lastStartLoc, 0, M(D)), N.items.push(y(r, D.value || ""));
-          break;
-        case 8:
-          const g = A(r);
-          N.items.push(g.node), _ = g.nextConsumeToken || null;
-          break;
-      }
-    } while (o.currentType !== 14 && o.currentType !== 1);
-    const C = o.currentType === 1 ? o.lastOffset : r.currentOffset(), X = o.currentType === 1 ? o.lastEndLoc : r.currentPosition();
-    return c(N, C, X), N;
-  }
-  function R(r, o, f, a) {
-    const N = r.context();
-    let _ = a.items.length === 0;
-    const C = p(1, o, f);
-    C.cases = [], C.cases.push(a);
-    do {
-      const X = U(r);
-      _ || (_ = X.items.length === 0), C.cases.push(X);
-    } while (N.currentType !== 14);
-    return _ && E(r, L.MUST_HAVE_MESSAGES_IN_PLURAL, f, 0), c(C, r.currentOffset(), r.currentPosition()), C;
-  }
-  function P(r) {
-    const o = r.context(), { offset: f, startLoc: a } = o, N = U(r);
-    return o.currentType === 14 ? N : R(r, f, a, N);
-  }
-  function I(r) {
-    const o = Pe(r, ne({}, u)), f = o.context(), a = p(0, f.offset, f.startLoc);
-    return s && a.loc && (a.loc.source = r), a.body = P(o), f.currentType !== 14 && E(o, L.UNEXPECTED_LEXICAL_ANALYSIS, f.lastStartLoc, 0, r[f.offset] || ""), c(a, o.currentOffset(), o.currentPosition()), a;
-  }
-  return { parse: I };
-}
-function M(u) {
-  if (u.type === 14)
-    return "EOF";
-  const s = (u.value || "").replace(/\r?\n/gu, "\\n");
-  return s.length > 10 ? s.slice(0, 9) + "…" : s;
-}
-function ye(u, s = {}) {
-  const l = {
-    ast: u,
-    helpers: /* @__PURE__ */ new Set()
-  };
-  return { context: () => l, helper: (c) => (l.helpers.add(c), c) };
-}
-function te(u, s) {
-  for (let l = 0; l < u.length; l++)
-    q(u[l], s);
-}
-function q(u, s) {
-  switch (u.type) {
-    case 1:
-      te(u.cases, s), s.helper(
-        "plural"
-        /* PLURAL */
-      );
-      break;
-    case 2:
-      te(u.items, s);
-      break;
-    case 6:
-      q(u.key, s), s.helper(
-        "linked"
-        /* LINKED */
-      ), s.helper(
-        "type"
-        /* TYPE */
-      );
-      break;
-    case 5:
-      s.helper(
-        "interpolate"
-        /* INTERPOLATE */
-      ), s.helper(
-        "list"
-        /* LIST */
-      );
-      break;
-    case 4:
-      s.helper(
-        "interpolate"
-        /* INTERPOLATE */
-      ), s.helper(
-        "named"
-        /* NAMED */
-      );
-      break;
-  }
-}
-function be(u, s = {}) {
-  const l = ye(u);
-  l.helper(
-    "normalize"
-    /* NORMALIZE */
-  ), u.body && q(u.body, l);
-  const E = l.context();
-  u.helpers = Array.from(E.helpers);
-}
-function Ue(u, s) {
-  const { sourceMap: l, filename: E, breakLineCode: p, needIndent: c } = s, k = {
-    source: u.loc.source,
-    filename: E,
-    code: "",
-    column: 1,
-    line: 1,
-    offset: 0,
-    map: void 0,
-    breakLineCode: p,
-    needIndent: c,
-    indentLevel: 0
-  }, O = () => k;
-  function T(P, I) {
-    k.code += P;
-  }
-  function y(P, I = !0) {
-    const r = I ? p : "";
-    T(c ? r + "  ".repeat(P) : r);
-  }
-  function b(P = !0) {
-    const I = ++k.indentLevel;
-    P && y(I);
-  }
-  function S(P = !0) {
-    const I = --k.indentLevel;
-    P && y(I);
-  }
-  function A() {
-    y(k.indentLevel);
-  }
-  return {
-    context: O,
-    push: T,
-    indent: b,
-    deindent: S,
-    newline: A,
-    helper: (P) => `_${P}`,
-    needIndent: () => k.needIndent
-  };
-}
-function Re(u, s) {
-  const { helper: l } = u;
-  u.push(`${l(
-    "linked"
-    /* LINKED */
-  )}(`), x(u, s.key), s.modifier ? (u.push(", "), x(u, s.modifier), u.push(", _type")) : u.push(", undefined, _type"), u.push(")");
-}
-function Me(u, s) {
-  const { helper: l, needIndent: E } = u;
-  u.push(`${l(
-    "normalize"
-    /* NORMALIZE */
-  )}([`), u.indent(E());
-  const p = s.items.length;
-  for (let c = 0; c < p && (x(u, s.items[c]), c !== p - 1); c++)
-    u.push(", ");
-  u.deindent(E()), u.push("])");
-}
-function ve(u, s) {
-  const { helper: l, needIndent: E } = u;
-  if (s.cases.length > 1) {
-    u.push(`${l(
-      "plural"
-      /* PLURAL */
-    )}([`), u.indent(E());
-    const p = s.cases.length;
-    for (let c = 0; c < p && (x(u, s.cases[c]), c !== p - 1); c++)
-      u.push(", ");
-    u.deindent(E()), u.push("])");
-  }
-}
-function Xe(u, s) {
-  s.body ? x(u, s.body) : u.push("null");
-}
-function x(u, s) {
-  const { helper: l } = u;
-  switch (s.type) {
-    case 0:
-      Xe(u, s);
-      break;
-    case 1:
-      ve(u, s);
-      break;
-    case 2:
-      Me(u, s);
-      break;
-    case 6:
-      Re(u, s);
-      break;
-    case 8:
-      u.push(JSON.stringify(s.value), s);
-      break;
-    case 7:
-      u.push(JSON.stringify(s.value), s);
-      break;
-    case 5:
-      u.push(`${l(
-        "interpolate"
-        /* INTERPOLATE */
-      )}(${l(
-        "list"
-        /* LIST */
-      )}(${s.index}))`, s);
-      break;
-    case 4:
-      u.push(`${l(
-        "interpolate"
-        /* INTERPOLATE */
-      )}(${l(
-        "named"
-        /* NAMED */
-      )}(${JSON.stringify(s.key)}))`, s);
-      break;
-    case 9:
-      u.push(JSON.stringify(s.value), s);
-      break;
-    case 3:
-      u.push(JSON.stringify(s.value), s);
-      break;
-    default:
-      if (process.env.NODE_ENV !== "production")
-        throw new Error(`unhandled codegen node type: ${s.type}`);
-  }
-}
-const we = (u, s = {}) => {
-  const l = z(s.mode) ? s.mode : "normal", E = z(s.filename) ? s.filename : "message.intl", p = !!s.sourceMap, c = s.breakLineCode != null ? s.breakLineCode : l === "arrow" ? ";" : `
-`, k = s.needIndent ? s.needIndent : l !== "arrow", O = u.helpers || [], T = Ue(u, {
-    mode: l,
-    filename: E,
-    sourceMap: p,
-    breakLineCode: c,
-    needIndent: k
-  });
-  T.push(l === "normal" ? "function __msg__ (ctx) {" : "(ctx) => {"), T.indent(k), O.length > 0 && (T.push(`const { ${O.map((S) => `${S}: _${S}`).join(", ")} } = ctx`), T.newline()), T.push("return "), x(T, u), T.deindent(k), T.push("}");
-  const { code: y, map: b } = T.context();
-  return {
-    ast: u,
-    code: y,
-    map: b ? b.toJSON() : void 0
-    // eslint-disable-line @typescript-eslint/no-explicit-any
-  };
-};
-function Ye(u, s = {}) {
-  const l = ne({}, s), p = me(l).parse(u);
-  return be(p, l), we(p, l);
-}
+    return (e, t) => (p(), v("div", ue, [
+      f(se, {
+        label: a.label
+      }, null, 8, ["label"]),
+      d("div", ce, [
+        b(ne)(o.value) ? C("", !0) : (p(), v("div", pe, [
+          (p(!0), v(J, null, K(o.value, (l, s) => (p(), v("div", {
+            key: s,
+            class: "draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t",
+            draggable: "true",
+            onClick: (r) => O(l),
+            onDragend: E,
+            onDragenter: (r) => L(s, r),
+            onDragleave: q,
+            onDragover: $,
+            onDragstart: (r) => M(s, r),
+            onDrop: (r) => N(s, r)
+          }, [
+            d("img", {
+              src: l.url,
+              alt: "image",
+              class: "ds-h-full ds-w-full ds-rounded-lg"
+            }, null, 8, me),
+            f(te, {
+              class: "ds-right-1 ds-top-1 ds-h-8 ds-w-8",
+              onClick: (r) => U(r, s)
+            }, null, 8, ["onClick"])
+          ], 40, ge))), 128))
+        ])),
+        d("div", ve, [
+          f(re, { onClick: j }, {
+            default: I(() => [
+              Q(W(e.$t("ds.components.base.image_picker.select_image")), 1)
+            ]),
+            "append-icon": I(() => [
+              fe
+            ]),
+            _: 1
+          }),
+          d("input", {
+            ref_key: "inputRef",
+            ref: D,
+            accept: k.value,
+            multiple: a.multiple,
+            class: "ds-hidden",
+            type: "file",
+            onChange: A
+          }, null, 40, he)
+        ])
+      ]),
+      a.hideDetails ? C("", !0) : (p(), X(oe, {
+        key: 0,
+        "error-message": b(T).errorMessage(),
+        class: "mt-1"
+      }, null, 8, ["error-message"])),
+      f(ae, {
+        modelValue: i.value.visible,
+        "onUpdate:modelValue": t[0] || (t[0] = (l) => i.value.visible = l),
+        url: i.value.url
+      }, null, 8, ["modelValue", "url"])
+    ]));
+  }
+});
 export {
-  L as CompileErrorCodes,
-  ke as ERROR_DOMAIN,
-  Ye as baseCompile,
-  re as createCompileError,
-  Q as createLocation,
-  me as createParser,
-  Ce as createPosition,
-  ge as defaultOnError,
-  pe as errorMessages
+  Se as default
 };
 //# sourceMappingURL=design-system89.mjs.map