@adyen/bento-vue2 1.71.0 → 1.72.0

package/dist/chunks/{error-message.BGuKk5tR.js → field-label.BKzuCnXr.js}

@@ -1,11 +1,51 @@
 import { defineComponent as o, computed as i } from "vue";
-import { B as p } from "./info-icon.JAvdSXdT.js";
 import { B as a } from "./typography.hlOAxsEn.js";
+import { C as p } from "./cross-circle-fill.DTDtgLMf.js";
 import { u as n } from "./i18n.BQkEbtPM.js";
 import { n as l } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { C as _ } from "./cross-circle-fill.DTDtgLMf.js";
-import "../assets/error-message.css";
+import { B as _ } from "./info-icon.fB7jf3NJ.js";
+import "../assets/field-label.css";
 const c = {
+  "en-US": {
+    error: "Error"
+  },
+  "ja-JP": {
+    error: "エラー"
+  },
+  "pt-BR": {
+    error: "Erro"
+  }
+}, f = {
+  i18n: { messages: c },
+  name: "error-message"
+}, d = /* @__PURE__ */ o({
+  ...f,
+  props: {
+    /**
+     * The rendered error message
+     */
+    errorMessage: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(s) {
+    const { t: e } = n();
+    return { __sfc: !0, t: e, BentoTypography: a, CrossCircleIcon: p };
+  }
+});
+var u = function() {
+  var e = this, r = e._self._c, t = e._self._setupProxy;
+  return r(t.BentoTypography, { staticClass: "b-error-message", attrs: { id: e.$attrs.id, el: "span", "aria-live": "polite" } }, [r("div", { staticClass: "b-error-message__icon" }, [r(t.CrossCircleIcon, { attrs: { "svg-title": t.t("error") } })], 1), e._v(" " + e._s(e.errorMessage) + " ")]);
+}, m = [], b = /* @__PURE__ */ l(
+  d,
+  u,
+  m,
+  !1,
+  null,
+  "2490b85a"
+);
+const S = b.exports, g = {
   "en-US": {
     optional: "optional",
     required: "required"
@@ -18,10 +58,10 @@ const c = {
     optional: "opcional",
     required: "obrigatório"
   }
-}, f = {
-  i18n: { messages: c }
-}, d = /* @__PURE__ */ o({
-  ...f,
+}, y = {
+  i18n: { messages: g }
+}, C = /* @__PURE__ */ o({
+  ...y,
   __name: "field-label",
   props: {
     /**
@@ -59,63 +99,23 @@ const c = {
   },
   setup(s) {
     const e = s, { t: r } = n(), t = i(() => ({ "b-field-label--condensed": e.condensed }));
-    return { __sfc: !0, props: e, t: r, conditionalClasses: t, BentoInfoIcon: p, BentoTypography: a };
-  }
-});
-var u = function() {
-  var e = this, r = e._self._c, t = e._self._setupProxy;
-  return r("label", { staticClass: "b-field-label", class: t.conditionalClasses }, [r(t.BentoTypography, { attrs: { el: "span", stronger: "" } }, [e.label ? [e._v(e._s(e.label))] : [e._t("default")]], 2), e.tooltipText ? r(t.BentoTypography, { staticClass: "b-field-label__tooltip-wrapper", attrs: { el: "span" } }, [r(t.BentoInfoIcon, { staticClass: "b-field-label__tooltip", attrs: { "tooltip-text": e.tooltipText } })], 1) : e._e(), e.required ? r(t.BentoTypography, { staticClass: "b-field-label__requirement", attrs: { el: "span" } }, [e._v("(" + e._s(t.t("required")) + ")")]) : e.optional ? r(t.BentoTypography, { staticClass: "b-field-label__requirement", attrs: { el: "span" } }, [e._v("(" + e._s(t.t("optional")) + ")")]) : e._e()], 1);
-}, m = [], b = /* @__PURE__ */ l(
-  d,
-  u,
-  m,
-  !1,
-  null,
-  "2cfbcc40"
-);
-const S = b.exports, g = {
-  "en-US": {
-    error: "Error"
-  },
-  "ja-JP": {
-    error: "エラー"
-  },
-  "pt-BR": {
-    error: "Erro"
-  }
-}, y = {
-  i18n: { messages: g },
-  name: "error-message"
-}, C = /* @__PURE__ */ o({
-  ...y,
-  props: {
-    /**
-     * The rendered error message
-     */
-    errorMessage: {
-      type: String,
-      required: !0
-    }
-  },
-  setup(s) {
-    const { t: e } = n();
-    return { __sfc: !0, t: e, BentoTypography: a, CrossCircleIcon: _ };
+    return { __sfc: !0, props: e, t: r, conditionalClasses: t, BentoInfoIcon: _, BentoTypography: a };
   }
 });
 var v = function() {
   var e = this, r = e._self._c, t = e._self._setupProxy;
-  return r(t.BentoTypography, { staticClass: "b-error-message", attrs: { id: e.$attrs.id, el: "span", "aria-live": "polite" } }, [r("div", { staticClass: "b-error-message__icon" }, [r(t.CrossCircleIcon, { attrs: { "svg-title": t.t("error") } })], 1), e._v(" " + e._s(e.errorMessage) + " ")]);
+  return r("label", { staticClass: "b-field-label", class: t.conditionalClasses }, [r(t.BentoTypography, { attrs: { el: "span", stronger: "" } }, [e.label ? [e._v(e._s(e.label))] : [e._t("default")]], 2), e.tooltipText ? r(t.BentoTypography, { staticClass: "b-field-label__tooltip-wrapper", attrs: { el: "span" } }, [r(t.BentoInfoIcon, { staticClass: "b-field-label__tooltip", attrs: { "tooltip-text": e.tooltipText } })], 1) : e._e(), e.required ? r(t.BentoTypography, { staticClass: "b-field-label__requirement", attrs: { el: "span" } }, [e._v("(" + e._s(t.t("required")) + ")")]) : e.optional ? r(t.BentoTypography, { staticClass: "b-field-label__requirement", attrs: { el: "span" } }, [e._v("(" + e._s(t.t("optional")) + ")")]) : e._e()], 1);
 }, B = [], q = /* @__PURE__ */ l(
   C,
   v,
   B,
   !1,
   null,
-  "2490b85a"
+  "2cfbcc40"
 );
 const E = q.exports;
 export {
-  E,
-  S as F
+  S as E,
+  E as F
 };
-//# sourceMappingURL=error-message.BGuKk5tR.js.map
+//# sourceMappingURL=field-label.BKzuCnXr.js.map

package/dist/chunks/field-label.BKzuCnXr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-label.BKzuCnXr.js","sources":["../../src/components/internal/error-message/error-message.vue","../../src/components/internal/field-label/field-label.vue"],"sourcesContent":["<template>\n    <bento-typography :id=\"$attrs.id\" class=\"b-error-message\" el=\"span\" aria-live=\"polite\">\n        <div class=\"b-error-message__icon\">\n            <cross-circle-icon :svg-title=\"t('error')\" />\n        </div>\n        {{ errorMessage }}\n    </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoTypography } from '@/components/typography';\n    import CrossCircleIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import { useI18n } from '@/utils/ts/i18n';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * An error message component should be used whenever it is necessary to add an error message to a component.\n     * If adding to a form component, the proper accessibility measures should be taken when necessary\n     * (ex. associating an element with this one using aria-describedby).\n\n    * @example\n    * import { ErrorMessage } from '@/components/internal/error-message';\n    *\n    * export default {\n    *     components: { ErrorMessage },\n    *     template: `\n    *          <error-message :error-message=\"errorMessage\" />\n    *     `\n    * }\n    */\n\n    defineProps({\n        /**\n         * The rendered error message\n         */\n        errorMessage: {\n            type: String,\n            required: true,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\n        name: 'error-message',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./error-message.scss\" />\n","<template>\n    <label class=\"b-field-label\" :class=\"conditionalClasses\">\n        <bento-typography el=\"span\" stronger>\n            <template v-if=\"label\">{{ label }}</template>\n            <template v-else><slot></slot></template>\n        </bento-typography>\n        <bento-typography v-if=\"!!tooltipText\" el=\"span\" class=\"b-field-label__tooltip-wrapper\">\n            <bento-info-icon :tooltip-text=\"tooltipText\" class=\"b-field-label__tooltip\" />\n        </bento-typography>\n        <bento-typography v-if=\"required\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('required') }})</bento-typography\n        >\n        <bento-typography v-else-if=\"optional\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('optional') }})</bento-typography\n        >\n    </label>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { BentoTypography } from '@/components/typography';\n\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n    import { computed } from 'vue';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * Renders the dropdown with a condensed style.\n         */\n        condensed: { type: Boolean, default: false },\n        /**\n         * Field label\n         */\n        label: {\n            type: String,\n            default: null,\n        },\n        /**\n         * Sets the field as optional\n         */\n        optional: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Sets the field as required\n         */\n        required: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Adds a info icon next to the label to display the passed tooltip message.\n         */\n        tooltipText: {\n            type: String,\n            default: null,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const conditionalClasses = computed(() => ({ 'b-field-label--condensed': props.condensed }));\n</script>\n\n<script lang=\"ts\">\n    /**\n    * Internal component to handle the labels for all field components\n\n    * @example\n    * import { FieldLabel } from '@/components/internal/field-label';\n    *\n    * export default {\n    *     components: { FieldLabel },\n    *     template: `\n    *          <field-label label=\"Label\" tooltip-text=\"Tooltip info\" required />\n    *     `\n    * }\n    */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./field-label.scss\" />\n"],"names":["__default__$1","messages$1","t","useI18n","__default__","messages","conditionalClasses","computed","props"],"mappings":";;;;;;;;;;;;;;;;;GA+CIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;AAPA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCwCAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBArBA,EAAA,GAAAH,EAAA,IAAAC,EAAA,GAEAG,IAAAC,EAAA,OAAA,EAAA,4BAAAC,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;"}

package/dist/chunks/{file-uploader.ZHBf2zwh.js → file-uploader.BEClGxsF.js}

@@ -14,8 +14,8 @@ import { R as Aa } from "./refresh.arF7jP-l.js";
 import { B as Za } from "./button.CilT7NmM.js";
 import { B as Pa } from "./link.C4htMrDV.js";
 import { B as Na } from "./loading-indicator.DXc7I1Lm.js";
-import { b as Wa } from "./tooltip.C94gYIPr.js";
-import { F as Ga, E as Ya } from "./error-message.BGuKk5tR.js";
+import { b as Wa } from "./tooltip.DOD_4rkI.js";
+import { F as Ga, E as Ya } from "./field-label.BKzuCnXr.js";
 import "../assets/file-uploader.css";
 let da = 0;
 const Xa = {
@@ -1910,4 +1910,4 @@ const Kt = Tt.exports;
 export {
   Kt as f
 };
-//# sourceMappingURL=file-uploader.ZHBf2zwh.js.map
+//# sourceMappingURL=file-uploader.BEClGxsF.js.map