@adyen/bento-vue3 1.89.2 → 1.90.0

package/dist/chunks/fixed-scroller.DtkaGyMD.js

@@ -1,150 +0,0 @@
-import { ref as a, onMounted as I, computed as u, defineComponent as T, openBlock as g, createElementBlock as R, createElementVNode as B, normalizeStyle as V, unref as e, renderSlot as N, normalizeClass as y, createVNode as p, withCtx as C, createCommentVNode as L } from "vue";
-import { B as k } from "./button.DWF7FSIw.js";
-import { u as z } from "./index.B875RXHM.js";
-import { C as P, a as A } from "./chevron-left.C_vPW7OR.js";
-import { o as W } from "./resize.Bqks3WUm.js";
-import { _ as M } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/fixed-scroller.css";
-const $ = 1, w = 40, D = ({
-  contentRef: n,
-  containerRef: c,
-  leftButtonRef: d,
-  rightButtonRef: f
-}) => {
-  const l = a(0), t = a(0), s = a(0), o = a(0);
-  I(() => {
-    W(c.value, () => {
-      c.value && (o.value = c.value.offsetWidth, t.value = 0, l.value = 0);
-    }), W(n.value, () => {
-      s.value = n.value?.scrollWidth, s.value < o.value && (t.value = 0, l.value = 0);
-    });
-  });
-  const v = u(() => {
-    const r = d.value?.scrollWidth ? d.value.scrollWidth + w : 0, S = f.value?.scrollWidth ? f.value.scrollWidth + w : 0;
-    return r + S;
-  }), i = u(() => Math.ceil(s.value / o.value) ?? 0), h = u(() => {
-    const r = new Array(i.value).fill(0);
-    return r.forEach((S, m) => {
-      if (m === 0)
-        return;
-      if (m === i.value - 1) {
-        r[r.length - 1] = -(s.value - o.value + $);
-        return;
-      }
-      const O = r[m - 1];
-      r[m] = -(o.value + Math.abs(O) - v.value);
-    }), r;
-  }), b = u(() => t.value !== 0), _ = u(
-    () => l.value >= -(s.value - o.value - 1)
-  );
-  return {
-    offset: l,
-    shouldShowLeftButton: b,
-    shouldShowRightButton: _,
-    // Methods
-    scrollLeft: () => {
-      t.value !== 0 && (t.value -= 1, l.value = h.value[t.value]);
-    },
-    scrollRight: () => {
-      t.value !== i.value - 1 && (t.value += 1, l.value = h.value[t.value]);
-    }
-  };
-}, E = {
-  "en-US": { scrollLeft: "Scroll left", scrollRight: "Scroll right" },
-  "ja-JP": { scrollLeft: "左にスクロール", scrollRight: "右にスクロール" },
-  "pt-BR": { scrollLeft: "Deslizar para esquerda", scrollRight: "Rolar à direita" }
-}, j = { class: "b-fixed-scroller__container" }, q = {
-  i18n: { messages: E }
-}, G = /* @__PURE__ */ T({
-  ...q,
-  __name: "fixed-scroller",
-  props: {
-    /**
-     * Applies the condensed style to the buttons
-     */
-    condensed: { type: Boolean, default: !1 },
-    /**
-     * Padding to be applied to the top of the scroller container
-     */
-    extraPaddingTop: { type: Number, default: 0 },
-    /**
-     * Padding to be applied to the top of the scroller container
-     */
-    centered: { type: Boolean, default: !1 }
-  },
-  setup(n) {
-    const { t: c } = z({ messages: E }), d = a(null), f = a(null), l = a(null), t = a(null), s = n, { offset: o, shouldShowLeftButton: v, shouldShowRightButton: i, scrollLeft: h, scrollRight: b } = D({
-      contentRef: d,
-      containerRef: f,
-      leftButtonRef: l,
-      rightButtonRef: t
-    }), _ = u(() => ({
-      "b-fixed-scroller__button--centered": s.centered
-    }));
-    return (x, F) => (g(), R("div", {
-      ref_key: "fixedScrollerRef",
-      ref: f,
-      class: "b-fixed-scroller"
-    }, [
-      B("div", j, [
-        B("div", {
-          ref_key: "contentRef",
-          ref: d,
-          class: "b-fixed-scroller__content",
-          style: V({
-            transform: `translateX(${e(o)}px)`,
-            paddingTop: e(v) || e(i) ? `${n.extraPaddingTop}px` : null
-          })
-        }, [
-          N(x.$slots, "default", {}, void 0, !0)
-        ], 4)
-      ]),
-      e(v) ? (g(), R("div", {
-        key: 0,
-        ref_key: "leftButtonRef",
-        ref: l,
-        class: y(["b-fixed-scroller__left b-fixed-scroller__button", _.value])
-      }, [
-        p(e(k), {
-          variant: "secondary",
-          "aria-label": e(c)("scrollLeft"),
-          condensed: n.condensed,
-          onClick: e(h)
-        }, {
-          iconLeft: C(() => [
-            p(e(P), {
-              "svg-title": "checked",
-              "aria-hidden": "true"
-            })
-          ]),
-          _: 1
-        }, 8, ["aria-label", "condensed", "onClick"])
-      ], 2)) : L("", !0),
-      e(i) ? (g(), R("div", {
-        key: 1,
-        ref_key: "rightButtonRef",
-        ref: t,
-        class: y(["b-fixed-scroller__right b-fixed-scroller__button", _.value])
-      }, [
-        p(e(k), {
-          variant: "secondary",
-          "aria-label": e(c)("scrollRight"),
-          condensed: n.condensed,
-          onClick: e(b)
-        }, {
-          iconLeft: C(() => [
-            p(e(A), {
-              "svg-title": "checked",
-              "aria-hidden": "true"
-            })
-          ]),
-          _: 1
-        }, 8, ["aria-label", "condensed", "onClick"])
-      ], 2)) : L("", !0)
-    ], 512));
-  }
-}), Y = /* @__PURE__ */ M(G, [["__scopeId", "data-v-e829dae2"]]);
-export {
-  Y as F
-};
-//# sourceMappingURL=fixed-scroller.DtkaGyMD.js.map

package/dist/chunks/form-layout-title.DW5Kg1rh.js

@@ -1,230 +0,0 @@
-import { defineComponent as v, useSlots as $, computed as u, provide as N, toRef as R, openBlock as r, createBlock as y, resolveDynamicComponent as k, withCtx as d, unref as s, renderSlot as a, createCommentVNode as m, createElementBlock as p, createElementVNode as S, normalizeClass as T, createVNode as q, Fragment as C, createTextVNode as E, toDisplayString as A } from "vue";
-import { B as L } from "./alert.C_8-VNi_.js";
-import { F as D } from "./form-layout.types.bZW9iR6_.js";
-import { u as B } from "./use-has-slot.CyMiImRQ.js";
-import { _ as g } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as b, a as P } from "./typography.B3J6_tYk.js";
-import { u as U } from "./index.B875RXHM.js";
-import "../assets/form-layout-title.css";
-const V = {
-  key: 1,
-  class: "b-form-layout__actions-container"
-}, w = { class: "b-form-layout__actions" }, G = { class: "b-form-layout__actions" }, Y = {}, j = /* @__PURE__ */ v({
-  ...Y,
-  __name: "form-layout",
-  props: {
-    /**
-     * Renders the form layout as an HTML `form`
-     */
-    form: { type: Boolean, default: !1 },
-    /**
-     * Sets the state of the form and its fields to
-     * a read only status.
-     */
-    loading: { type: Boolean, default: !1 }
-  },
-  emits: ["submit"],
-  setup(t, { emit: i }) {
-    const o = $(), e = B(o), n = i, l = t, f = u(() => l.form ? "form" : "div"), _ = u(() => e("actions-left") || e("actions-right"));
-    return N(D, R(l, "loading")), (c, F) => (r(), y(k(f.value), {
-      class: "b-form-layout",
-      role: "form",
-      onSubmit: F[0] || (F[0] = (I) => n("submit", I))
-    }, {
-      default: d(() => [
-        s(e)("error-message") ? (r(), y(s(L), {
-          key: 0,
-          class: "b-form-layout__error-message",
-          type: "critical"
-        }, {
-          description: d(() => [
-            a(c.$slots, "error-message", {}, void 0, !0)
-          ]),
-          _: 3
-        })) : m("", !0),
-        a(c.$slots, "default", {}, void 0, !0),
-        _.value ? (r(), p("div", V, [
-          S("div", w, [
-            a(c.$slots, "actions-left", {}, void 0, !0)
-          ]),
-          S("div", G, [
-            a(c.$slots, "actions-right", {}, void 0, !0)
-          ])
-        ])) : m("", !0)
-      ]),
-      _: 3
-    }, 32));
-  }
-}), rt = /* @__PURE__ */ g(j, [["__scopeId", "data-v-c32500f3"]]), z = ["warning", "critical", "highlight", "success"], H = { class: "b-form-layout-field-tip" }, J = {}, K = /* @__PURE__ */ v({
-  ...J,
-  __name: "form-layout-field-tip",
-  props: {
-    /**
-     * Type of a alert; set a distinctive icon and color. Defaults to highlight.
-     * @values highlight, success, critical, warning
-     */
-    type: {
-      type: String,
-      default: "highlight",
-      validator: (t) => z.includes(t)
-    },
-    /**
-     * Unique identifier to the form field. Used for accessibility.
-     */
-    id: {
-      type: String,
-      default: void 0
-    }
-  },
-  setup(t) {
-    const i = $(), o = B(i);
-    return (e, n) => (r(), p("div", H, [
-      a(e.$slots, "default", {}, void 0, !0),
-      s(o)("message") ? (r(), y(s(L), {
-        key: 0,
-        id: t.id,
-        variant: "tip",
-        type: t.type
-      }, {
-        description: d(() => [
-          a(e.$slots, "message", {}, void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["id", "type"])) : m("", !0)
-    ]));
-  }
-}), lt = /* @__PURE__ */ g(K, [["__scopeId", "data-v-4cc6ef4d"]]), h = [
-  "100",
-  "50",
-  "33",
-  "25",
-  "66-33",
-  "33-66",
-  "75-25",
-  "25-75",
-  "50-50",
-  "33-33-33"
-], M = {}, Q = /* @__PURE__ */ v({
-  ...M,
-  __name: "form-layout-group",
-  props: {
-    /**
-     * The layout of the pair group of components.
-     * This will render the components within the width of the proportions.
-     * Only two colums are available.
-     *
-     * If only one value is entered, then it will assume there's only one child in the group.
-     * If two values are entered, the first value will be use for the first child and the second
-     * value for the second child.
-     *
-     * If the value entered is not listed in the example
-     * list below it will use 100% by default.
-     * @example
-     * '33-33-33'
-     * '50-50'
-     * '25-75'
-     * '75-25'
-     * '33-66'
-     * '66-33'
-     * '25'
-     * '33'
-     * '50'
-     * '100'
-     */
-    layout: {
-      type: String,
-      default: "100",
-      validator: (t) => h.includes(t)
-    }
-  },
-  setup(t) {
-    const o = t, e = u(
-      () => h.includes(o.layout) ? o.layout : 100
-    ), n = u(() => ({
-      // Transform into column if the layout is unsupported
-      "b-form-layout-group--column": !h.includes(o.layout),
-      // Assings the correct layout class
-      [`b-form-layout-group--${e.value}`]: !0
-    }));
-    return (l, f) => (r(), p("div", {
-      class: T(["b-form-layout-group", n.value])
-    }, [
-      a(l.$slots, "default", {}, void 0, !0)
-    ], 2));
-  }
-}), it = /* @__PURE__ */ g(Q, [["__scopeId", "data-v-42a0b8a1"]]), O = {
-  "en-US": { requiredFields: "All fields are required." }
-}, W = {
-  name: "bento-form-layout-title",
-  i18n: { messages: O }
-}, X = /* @__PURE__ */ v({
-  ...W,
-  props: {
-    /**
-     * Defines if the Form Layout title is
-     * a "section" or a "subsection".
-     * Default is "section" (false). Turn into "true" for "subsection"
-     */
-    subsection: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Sets the HTML DOM element.
-     * @values h1, h2, h3, h4, h5, h6, div, p, span
-     */
-    el: {
-      type: b.props.el.type,
-      required: !0,
-      validator: (t) => Object.values(P).includes(t)
-    },
-    /**
-     * Defines if the Form Layout title displays
-     * a message indicating that all fields are required.
-     */
-    allFieldsRequired: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(t) {
-    const i = $(), { t: o } = U({ messages: O }), e = t, n = u(() => !e.subsection), l = B(i), f = u(() => ({
-      "b-form-layout-title--subsection": e.subsection
-    }));
-    return (_, c) => (r(), p("div", {
-      class: T(["b-form-layout-title", f.value])
-    }, [
-      q(s(b), {
-        el: t.el,
-        variant: "title",
-        medium: n.value
-      }, {
-        default: d(() => [
-          a(_.$slots, "default", {}, void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["el", "medium"]),
-      s(l)("description") || t.allFieldsRequired ? (r(), y(s(b), {
-        key: 0,
-        class: "b-form-layout-title__description",
-        el: "span",
-        wide: ""
-      }, {
-        default: d(() => [
-          a(_.$slots, "description", {}, void 0, !0),
-          t.allFieldsRequired ? (r(), p(C, { key: 0 }, [
-            E(A(s(l)("description") ? ` ${s(o)("requiredFields")}` : s(o)("requiredFields")), 1)
-          ], 64)) : m("", !0)
-        ]),
-        _: 3
-      })) : m("", !0)
-    ], 2));
-  }
-}), nt = /* @__PURE__ */ g(X, [["__scopeId", "data-v-e8ed8f33"]]);
-export {
-  lt as a,
-  it as b,
-  nt as c,
-  rt as f
-};
-//# sourceMappingURL=form-layout-title.DW5Kg1rh.js.map