npm - @adyen/bento-vue2 - Versions diffs - 1.28.0 → 1.29.0 - Mend

@adyen/bento-vue2 1.28.0 → 1.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (585) hide show

package/dist/chunks/{footer-actions.DqMRmlV_.js → footer-actions.b4fe4fdb.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 import { defineComponent as i, toRefs as r, computed as l, onMounted as c } from "vue";
-import { B as u } from "./typography.Bjtu3Gca.js";
-import { a as _ } from "./button.DhAUh5JA.js";
-import { B as d } from "./button-actions.Bg9ey0p6.js";
-import { n as f } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { B as _ } from "./index.e29a6907.js";
+import { B as u } from "./button.9184ade9.js";
+import { B as d } from "./button-actions.430d7510.js";
+import { n as p } from "./_plugin-vue2_normalizer.71e2aa87.js";
 import "../assets/footer-actions.css";
-const p = {}, g = /* @__PURE__ */ i({
-  ...p,
+const f = {}, g = /* @__PURE__ */ i({
+  ...f,
   __name: "footer-actions",
   props: {
     /**
@@ -62,7 +62,7 @@ const p = {}, g = /* @__PURE__ */ i({
         leftAligned: o.value.length === 3 ? [
           {
             ...o.value[o.value.length - 1],
-            variant: _.SECONDARY
+            variant: u.SECONDARY
           }
         ] : null,
         rightAligned: [...n]
@@ -75,22 +75,24 @@ const p = {}, g = /* @__PURE__ */ i({
         throw new Error(
           "Not more than 2 action buttons may be provided with actions label to Bento Modal default variant"
         );
-    }), { __sfc: !0, props: t, actions: o, destructiveActions: e, alignedActions: s, BentoTypography: u, BentoButtonActions: d };
+    }), { __sfc: !0, props: t, actions: o, destructiveActions: e, alignedActions: s, BentoTypography: _, BentoButtonActions: d };
   }
 });
 var v = function() {
   var t = this, o = t._self._c, e = t._self._setupProxy;
   return o("div", { staticClass: "b-footer-actions" }, [o("div", { staticClass: "b-footer-actions__wrapper" }, [t.actionsLabel ? o(e.BentoTypography, { staticClass: "b-footer-actions__label", attrs: { el: "span", variant: "body", stronger: "" } }, [t._v(" " + t._s(t.actionsLabel) + " ")]) : t._e(), e.alignedActions.leftAligned ? o(e.BentoButtonActions, { staticClass: "b-footer-actions__left-group", attrs: { actions: e.alignedActions.leftAligned, layout: "buttons-start" } }) : t._e(), o(e.BentoButtonActions, { staticClass: "b-footer-actions__right-group", attrs: { actions: e.alignedActions.rightAligned, layout: "buttons-end" } })], 1)]);
-}, m = [], b = /* @__PURE__ */ f(
+}, m = [], b = /* @__PURE__ */ p(
   g,
   v,
   m,
   !1,
   null,
-  "97d2cb3e"
+  "97d2cb3e",
+  null,
+  null
 );
 const w = b.exports;
 export {
   w as F
 };
-//# sourceMappingURL=footer-actions.DqMRmlV_.js.map
+//# sourceMappingURL=footer-actions.b4fe4fdb.js.map

package/dist/chunks/{footer-actions.DqMRmlV_.js.map → footer-actions.b4fe4fdb.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"footer-actions.~~DqMRmlV_~~.js","sources":["../../src/components/internal/footer-actions/footer-actions.vue"],"sourcesContent":["<template>\n <div class=\"b-footer-actions\">\n <div class=\"b-footer-actions__wrapper\">\n <bento-typography v-if=\"actionsLabel\" class=\"b-footer-actions__label\" el=\"span\" variant=\"body\" stronger>\n {{ actionsLabel }}\n </bento-typography>\n\n <bento-button-actions\n v-if=\"alignedActions.leftAligned\"\n class=\"b-footer-actions__left-group\"\n :actions=\"alignedActions.leftAligned\"\n layout=\"buttons-start\"\n ></bento-button-actions>\n\n <bento-button-actions\n class=\"b-footer-actions__right-group\"\n :actions=\"alignedActions.rightAligned\"\n layout=\"buttons-end\"\n ></bento-button-actions>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { BentoTypography } from '@/components/typography';\n import { computed, onMounted, PropType, toRefs } from 'vue';\n import { BentoButtonActions, BentoButtonActionsList, BentoButtonVariant } from '@/components/button';\n\n const props = defineProps({\n /*\n List of actions that will be used to render the buttons.\n * First element in the list will be rendered as \"primary\".\n * All elements after the first will be rendered as \"secondary\".\n * But you may change the color of 1-st action to red with 'critial' key\n * Not more than 3 action buttons can be provided\n * Or 2 action buttons and 1 Label for them\n \n Each object in the list should have a `title`, an `event` and\n * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n \n `title`: Button's text.\n \n `event`: Event triggered when clicking the Button.\n \n `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n \n ```\n * [{\n * title: 'Primary',2\n * event: () => { ... },\n * icon: FourPeopleIcon\n * }, {\n * title: 'Secondary',\n * event: () => { ... }\n * }]\n * ```\n /\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n required: true,\n },\n /\n Text label that is displayed left to the action buttons\n /\n actionsLabel: {\n type: String,\n default: null,\n },\n /\n If passed - sets first button color to red\n /\n destructiveActions: {\n type: Boolean,\n default: false,\n },\n });\n\n const { actions, destructiveActions } = toRefs(props);\n\n const alignedActions = computed(() => {\n const rightAlignedButtons =\n actions.value.length < 3 ? actions.value : actions.value.slice(0, actions.value.length - 1);\n\n // Add red color to the 1-st Action button\n rightAlignedButtons[0].critical = destructiveActions.value \|\| rightAlignedButtons[0].critical;\n\n return {\n leftAligned:\n actions.value.length === 3\n ? [\n {\n ...actions.value[actions.value.length - 1],\n variant: BentoButtonVariant.SECONDARY,\n },\n ]\n : null,\n rightAligned: [...rightAlignedButtons],\n };\n });\n\n onMounted(() => {\n if (props.actions && props.actions.length > 3) {\n throw new Error('Not more than 3 action buttons may be provided to Bento Modal default variant');\n }\n\n if (props.actionsLabel && props.actions && props.actions.length > 2) {\n throw new Error(\n 'Not more than 2 action buttons may be provided with actions label to Bento Modal default variant'\n );\n }\n });\n</script>\n\n<script lang=\"ts\">\n /\n Internal component to handle the logic of displaying actions in default Modal and Sidepanel\n\n * @example\n * import { FooterActions } from '@/components/internal/footer-actions';\n \n export default {\n * components: { FooterActions },\n * template: `\n * <footer-actions :actions=\"BentoButtonActionsList\" actions-label=\"Label\" :destructive-actions=\"true\" />\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./footer-actions.scss\" />\n"],"names":["__default__","actions","destructiveActions","toRefs","props","alignedActions","computed","rightAlignedButtons","BentoButtonVariant","onMounted"],"mappings":";;;;;;AA+HI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAlDA,EAAA,SAAAC,GAAA,oBAAAC,EAAA,IAAAC,EAAAC,CAAA,GAEAC,IAAAC,EAAA,MAAA;AACI,YAAAC,IAAAN,EAAA,MAAA,SAAA,IAAAA,EAAA,QAAAA,EAAA,MAAA,MAAA,GAAAA,EAAA,MAAA,SAAA,CAAA;AAIA,aAAAM,EAAA,CAAA,EAAA,WAAAL,EAAA,SAAAK,EAAA,CAAA,EAAA,UAEA;AAAA,QAAO,aAAAN,EAAA,MAAA,WAAA,IAAA;AAAA,UAGO;AAAA,YACI,GAAAA,EAAA,MAAAA,EAAA,MAAA,SAAA,CAAA;AAAA,YAC6C,SAAAO,EAAA;AAAA,UACb;AAAA,QAChC,IAAA;AAAA,QAEJ,cAAA,CAAA,GAAAD,CAAA;AAAA,MAC2B;AAAA,IACzC,CAAA;AAGJ,WAAAE,EAAA,MAAA;AACI,UAAAL,EAAA,WAAAA,EAAA,QAAA,SAAA;AACI,cAAA,IAAA,MAAA,+EAAA;AAGJ,UAAAA,EAAA,gBAAAA,EAAA,WAAAA,EAAA,QAAA,SAAA;AACI,cAAA,IAAA;AAAA,UAAU;AAAA,QACN;AAAA,IAER,CAAA~~;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"footer-actions.b4fe4fdb.js","sources":["../../src/components/internal/footer-actions/footer-actions.vue"],"sourcesContent":["<template>\n <div class=\"b-footer-actions\">\n <div class=\"b-footer-actions__wrapper\">\n <bento-typography v-if=\"actionsLabel\" class=\"b-footer-actions__label\" el=\"span\" variant=\"body\" stronger>\n {{ actionsLabel }}\n </bento-typography>\n\n <bento-button-actions\n v-if=\"alignedActions.leftAligned\"\n class=\"b-footer-actions__left-group\"\n :actions=\"alignedActions.leftAligned\"\n layout=\"buttons-start\"\n ></bento-button-actions>\n\n <bento-button-actions\n class=\"b-footer-actions__right-group\"\n :actions=\"alignedActions.rightAligned\"\n layout=\"buttons-end\"\n ></bento-button-actions>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { BentoTypography } from '@/components/typography';\n import { computed, onMounted, PropType, toRefs } from 'vue';\n import { BentoButtonActions, BentoButtonActionsList, BentoButtonVariant } from '@/components/button';\n\n const props = defineProps({\n /*\n List of actions that will be used to render the buttons.\n * First element in the list will be rendered as \"primary\".\n * All elements after the first will be rendered as \"secondary\".\n * But you may change the color of 1-st action to red with 'critial' key\n * Not more than 3 action buttons can be provided\n * Or 2 action buttons and 1 Label for them\n \n Each object in the list should have a `title`, an `event` and\n * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n \n `title`: Button's text.\n \n `event`: Event triggered when clicking the Button.\n \n `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n \n ```\n * [{\n * title: 'Primary',2\n * event: () => { ... },\n * icon: FourPeopleIcon\n * }, {\n * title: 'Secondary',\n * event: () => { ... }\n * }]\n * ```\n /\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n required: true,\n },\n /\n Text label that is displayed left to the action buttons\n /\n actionsLabel: {\n type: String,\n default: null,\n },\n /\n If passed - sets first button color to red\n /\n destructiveActions: {\n type: Boolean,\n default: false,\n },\n });\n\n const { actions, destructiveActions } = toRefs(props);\n\n const alignedActions = computed(() => {\n const rightAlignedButtons =\n actions.value.length < 3 ? actions.value : actions.value.slice(0, actions.value.length - 1);\n\n // Add red color to the 1-st Action button\n rightAlignedButtons[0].critical = destructiveActions.value \|\| rightAlignedButtons[0].critical;\n\n return {\n leftAligned:\n actions.value.length === 3\n ? [\n {\n ...actions.value[actions.value.length - 1],\n variant: BentoButtonVariant.SECONDARY,\n },\n ]\n : null,\n rightAligned: [...rightAlignedButtons],\n };\n });\n\n onMounted(() => {\n if (props.actions && props.actions.length > 3) {\n throw new Error('Not more than 3 action buttons may be provided to Bento Modal default variant');\n }\n\n if (props.actionsLabel && props.actions && props.actions.length > 2) {\n throw new Error(\n 'Not more than 2 action buttons may be provided with actions label to Bento Modal default variant'\n );\n }\n });\n</script>\n\n<script lang=\"ts\">\n /\n Internal component to handle the logic of displaying actions in default Modal and Sidepanel\n\n * @example\n * import { FooterActions } from '@/components/internal/footer-actions';\n \n export default {\n * components: { FooterActions },\n * template: `\n * <footer-actions :actions=\"BentoButtonActionsList\" actions-label=\"Label\" :destructive-actions=\"true\" />\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./footer-actions.scss\" />\n"],"names":["__default__","actions","destructiveActions","toRefs","props","alignedActions","computed","rightAlignedButtons","BentoButtonVariant","onMounted"],"mappings":";;;;;;AA+HI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAlDA,EAAA,SAAAC,GAAA,oBAAAC,EAAA,IAAAC,EAAAC,CAAA,GAEAC,IAAAC,EAAA,MAAA;AACI,YAAAC,IAAAN,EAAA,MAAA,SAAA,IAAAA,EAAA,QAAAA,EAAA,MAAA,MAAA,GAAAA,EAAA,MAAA,SAAA,CAAA;AAIA,aAAAM,EAAA,CAAA,EAAA,WAAAL,EAAA,SAAAK,EAAA,CAAA,EAAA,UAEA;AAAA,QAAO,aAAAN,EAAA,MAAA,WAAA,IAAA;AAAA,UAGO;AAAA,YACI,GAAAA,EAAA,MAAAA,EAAA,MAAA,SAAA,CAAA;AAAA,YAC6C,SAAAO,EAAA;AAAA,UACb;AAAA,QAChC,IAAA;AAAA,QAEJ,cAAA,CAAA,GAAAD,CAAA;AAAA,MAC2B;AAAA,IACzC,CAAA;AAGJ,WAAAE,EAAA,MAAA;AACI,UAAAL,EAAA,WAAAA,EAAA,QAAA,SAAA;AACI,cAAA,IAAA,MAAA,+EAAA;AAGJ,UAAAA,EAAA,gBAAAA,EAAA,WAAAA,EAAA,QAAA,SAAA;AACI,cAAA,IAAA;AAAA,UAAU;AAAA,QACN;AAAA,IAER,CAAA;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{form-layout.types.D3EKzbE7.js → form-layout.types.a7a1438d.js} RENAMED Viewed

@@ -2,4 +2,4 @@ const o = Symbol("form layout loading injection key");
 export {
   o as F
 };
-//# sourceMappingURL=form-layout.types.D3EKzbE7.js.map
+//# sourceMappingURL=form-layout.types.a7a1438d.js.map

package/dist/chunks/{form-layout.types.D3EKzbE7.js.map → form-layout.types.a7a1438d.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form-layout.types.~~D3EKzbE7~~.js","sources":["../../src/components/form-layout/form-layout.types.ts"],"sourcesContent":["export const FORM_LAYOUT_LOADING_INJECTION_KEY = Symbol('form layout loading injection key');\n"],"names":["FORM_LAYOUT_LOADING_INJECTION_KEY"],"mappings":"AAAa,MAAAA,IAAoC,OAAO,mCAAmC;"}
1	+ {"version":3,"file":"form-layout.types.a7a1438d.js","sources":["../../src/components/form-layout/form-layout.types.ts"],"sourcesContent":["export const FORM_LAYOUT_LOADING_INJECTION_KEY = Symbol('form layout loading injection key');\n"],"names":["FORM_LAYOUT_LOADING_INJECTION_KEY"],"mappings":"AAAa,MAAAA,IAAoC,OAAO,mCAAmC;"}

package/dist/chunks/{get-slot-text.Cgn-E48s.js → get-slot-text.99c3d860.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import "./index.Cl4_42j5.js";
+import "./index.4c062058.js";
 const n = (r, t) => t > 5 ? "" : Array.isArray(r) ? r != null && r[0].text ? r == null ? void 0 : r[0].text : n(r == null ? void 0 : r[0].children, t + 1) : r == null ? void 0 : r.text, u = (r) => (t) => {
   var i;
   return n((i = r[t]) == null ? void 0 : i.call(r), 1);
@@ -6,4 +6,4 @@ const n = (r, t) => t > 5 ? "" : Array.isArray(r) ? r != null && r[0].text ? r =
 export {
   u as g
 };
-//# sourceMappingURL=get-slot-text.Cgn-E48s.js.map
+//# sourceMappingURL=get-slot-text.99c3d860.js.map

package/dist/chunks/{get-slot-text.Cgn-E48s.js.map → get-slot-text.99c3d860.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-slot-text.~~Cgn-E48s~~.js","sources":["../../src/utils/ts/get-slot-text/get-slot-text.ts"],"sourcesContent":["import { isVue2 } from 'vue-demi';\nimport type { Slots } from 'vue/types/v3-setup-context';\n\n// TODO: remove these types when vue 2 support has been removed\ntype vue2VNode = { text?: string; children?: vue2VNode };\n\nconst getTextFromChildren = (vNode: vue2VNode[] \| vue2VNode, nestedLevel: number): string => {\n // We should not be checking for slot text more than 5 layers. If we are end the recursion.\n if (nestedLevel > 5) {\n return '';\n }\n if (Array.isArray(vNode)) {\n if (isVue2 && (vNode as Array<vue2VNode>)?.[0].text) {\n return vNode?.[0].text;\n }\n return getTextFromChildren(vNode?.[0].children, nestedLevel + 1);\n }\n return isVue2 ? (vNode as vue2VNode)?.text : vNode?.toString();\n};\n\n/*\n Get text recursively from slot by giving slot name.\n * This recursion will only occur 5 times before the method gives up and returns an empty string.\n * @param slots - the slots provided the the component's setup function\n * @returns A function who's first parameter is the name of the slot.\n */\nexport const getSlotText = (slots: Slots) => (name: string) =>\n getTextFromChildren(slots[name]?.() as vue2VNode[] \| vue2VNode, 1);\n\nexport default getSlotText;\n"],"names":["getTextFromChildren","vNode","nestedLevel","getSlotText","slots","name","_a"],"mappings":";AAMA,MAAMA,IAAsB,CAACC,GAAgCC,MAErDA,IAAc,IACP,KAEP,MAAM,QAAQD,CAAK,IACJA,KAAA,QAAAA,EAA6B,GAAG,OACpCA,KAAA,gBAAAA,EAAQ,GAAG,OAEfD,EAAoBC,KAAA,gBAAAA,EAAQ,GAAG,UAAUC,IAAc,CAAC,IAElDD,KAAA,gBAAAA,EAAqB,MAS7BE,IAAc,CAACC,MAAiB,CAACC,MAAA;;AAC1C,SAAAL,GAAoBM,IAAAF,EAAMC,OAAN,gBAAAC,EAAA,KAAAF,IAA4C,CAAC;AAAA;"}
1	+ {"version":3,"file":"get-slot-text.99c3d860.js","sources":["../../src/utils/ts/get-slot-text/get-slot-text.ts"],"sourcesContent":["import { isVue2 } from 'vue-demi';\nimport type { Slots } from 'vue/types/v3-setup-context';\n\n// TODO: remove these types when vue 2 support has been removed\ntype vue2VNode = { text?: string; children?: vue2VNode };\n\nconst getTextFromChildren = (vNode: vue2VNode[] \| vue2VNode, nestedLevel: number): string => {\n // We should not be checking for slot text more than 5 layers. If we are end the recursion.\n if (nestedLevel > 5) {\n return '';\n }\n if (Array.isArray(vNode)) {\n if (isVue2 && (vNode as Array<vue2VNode>)?.[0].text) {\n return vNode?.[0].text;\n }\n return getTextFromChildren(vNode?.[0].children, nestedLevel + 1);\n }\n return isVue2 ? (vNode as vue2VNode)?.text : vNode?.toString();\n};\n\n/*\n Get text recursively from slot by giving slot name.\n * This recursion will only occur 5 times before the method gives up and returns an empty string.\n * @param slots - the slots provided the the component's setup function\n * @returns A function who's first parameter is the name of the slot.\n */\nexport const getSlotText = (slots: Slots) => (name: string) =>\n getTextFromChildren(slots[name]?.() as vue2VNode[] \| vue2VNode, 1);\n\nexport default getSlotText;\n"],"names":["getTextFromChildren","vNode","nestedLevel","getSlotText","slots","name","_a"],"mappings":";AAMA,MAAMA,IAAsB,CAACC,GAAgCC,MAErDA,IAAc,IACP,KAEP,MAAM,QAAQD,CAAK,IACJA,KAAA,QAAAA,EAA6B,GAAG,OACpCA,KAAA,gBAAAA,EAAQ,GAAG,OAEfD,EAAoBC,KAAA,gBAAAA,EAAQ,GAAG,UAAUC,IAAc,CAAC,IAElDD,KAAA,gBAAAA,EAAqB,MAS7BE,IAAc,CAACC,MAAiB,CAACC,MAAA;;AAC1C,SAAAL,GAAoBM,IAAAF,EAAMC,OAAN,gBAAAC,EAAA,KAAAF,IAA4C,CAAC;AAAA;"}

package/dist/chunks/{grid-layout.HvTAa4to.js → grid-layout.e0025286.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { defineComponent as r, computed as d } from "vue";
-import { u as m } from "./use-has-slot.C9lQZ6nz.js";
-import { n as _ } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { u as _ } from "./use-has-slot.fbeb19ec.js";
+import { n as m } from "./_plugin-vue2_normalizer.71e2aa87.js";
 import "../assets/grid-layout.css";
 var s = /* @__PURE__ */ ((l) => (l.INLINE = "inline-size", l.SIZE = "size", l.NORMAL = "normal", l))(s || {});
 const y = r({
@@ -31,9 +31,9 @@ const y = r({
     }
   },
   setup(l, { slots: t }) {
-    const o = m(t), u = (a) => {
-      var c, i;
-      if ((c = l.columnWidth) != null && c[a] && ((i = l.columnWidth) == null ? void 0 : i[a]) !== "auto") {
+    const o = _(t), i = (a) => {
+      var c, u;
+      if ((c = l.columnWidth) != null && c[a] && ((u = l.columnWidth) == null ? void 0 : u[a]) !== "auto") {
         const e = l.columnWidth[a];
         return [
           `b-grid-layout__column--${e.small}`,
@@ -50,7 +50,7 @@ const y = r({
     }));
     return {
       // Values
-      computeColumnSize: u,
+      computeColumnSize: i,
       computedClasses: n,
       // Methods
       hasSlot: o
@@ -60,17 +60,19 @@ const y = r({
 var g = function() {
   var t = this, o = t._self._c;
   return t._self._setupProxy, o("div", { staticClass: "b-grid-layout", class: t.computedClasses, attrs: { "data-testid": "grid-layout" } }, [t.hasSlot("col-1") ? o("div", { staticClass: "b-grid-layout__column", class: t.computeColumnSize(0), attrs: { "data-testid": "grid-layout-col-1" } }, [t._t("col-1")], 2) : t._e(), t.hasSlot("col-2") ? o("div", { staticClass: "b-grid-layout__column", class: t.computeColumnSize(1), attrs: { "data-testid": "grid-layout-col-2" } }, [t._t("col-2")], 2) : t._e(), t.hasSlot("col-3") ? o("div", { staticClass: "b-grid-layout__column", class: t.computeColumnSize(2), attrs: { "data-testid": "grid-layout-col-3" } }, [t._t("col-3")], 2) : t._e(), t.hasSlot("col-4") ? o("div", { staticClass: "b-grid-layout__column", class: t.computeColumnSize(3), attrs: { "data-testid": "grid-layout-col-4" } }, [t._t("col-4")], 2) : t._e(), t.hasSlot("col-5") ? o("div", { staticClass: "b-grid-layout__column", class: t.computeColumnSize(4), attrs: { "data-testid": "grid-layout-col-5" } }, [t._t("col-5")], 2) : t._e(), t.hasSlot("col-6") ? o("div", { staticClass: "b-grid-layout__column", class: t.computeColumnSize(5), attrs: { "data-testid": "grid-layout-col-6" } }, [t._t("col-6")], 2) : t._e()]);
-}, p = [], S = /* @__PURE__ */ _(
+}, p = [], f = /* @__PURE__ */ m(
   y,
   g,
   p,
   !1,
   null,
-  "9e65023f"
+  "9e65023f",
+  null,
+  null
 );
-const v = S.exports;
+const C = f.exports;
 export {
-  v as G,
+  C as G,
   s as a
 };
-//# sourceMappingURL=grid-layout.HvTAa4to.js.map
+//# sourceMappingURL=grid-layout.e0025286.js.map

package/dist/chunks/{grid-layout.HvTAa4to.js.map → grid-layout.e0025286.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"grid-layout.~~HvTAa4to~~.js","sources":["../../src/components/internal/grid-layout/grid-layout.types.ts","../../src/components/internal/grid-layout/grid-layout.vue"],"sourcesContent":["export enum GridLayoutContainerType {\n INLINE = 'inline-size',\n SIZE = 'size',\n NORMAL = 'normal',\n}\n\nexport interface GridLayoutColumnWidth {\n small: number \| string;\n medium: number \| string;\n large: number \| string;\n}\n\nexport type GridLayoutColumnWidths = Array<'auto' \| GridLayoutColumnWidth>;\n","<template>\n <div class=\"b-grid-layout\" :class=\"computedClasses\" data-testid=\"grid-layout\">\n <div\n v-if=\"hasSlot('col-1')\"\n class=\"b-grid-layout__column\"\n :class=\"computeColumnSize(0)\"\n data-testid=\"grid-layout-col-1\"\n >\n <slot name=\"col-1\"></slot>\n </div>\n <div\n v-if=\"hasSlot('col-2')\"\n class=\"b-grid-layout__column\"\n :class=\"computeColumnSize(1)\"\n data-testid=\"grid-layout-col-2\"\n >\n <slot name=\"col-2\"></slot>\n </div>\n <div\n v-if=\"hasSlot('col-3')\"\n class=\"b-grid-layout__column\"\n :class=\"computeColumnSize(2)\"\n data-testid=\"grid-layout-col-3\"\n >\n <slot name=\"col-3\"></slot>\n </div>\n <div\n v-if=\"hasSlot('col-4')\"\n class=\"b-grid-layout__column\"\n :class=\"computeColumnSize(3)\"\n data-testid=\"grid-layout-col-4\"\n >\n <slot name=\"col-4\"></slot>\n </div>\n <div\n v-if=\"hasSlot('col-5')\"\n class=\"b-grid-layout__column\"\n :class=\"computeColumnSize(4)\"\n data-testid=\"grid-layout-col-5\"\n >\n <slot name=\"col-5\"></slot>\n </div>\n <div\n v-if=\"hasSlot('col-6')\"\n class=\"b-grid-layout__column\"\n :class=\"computeColumnSize(5)\"\n data-testid=\"grid-layout-col-6\"\n >\n <slot name=\"col-6\"></slot>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, PropType } from 'vue';\n import { useHasSlot } from '@/composables';\n import { GridLayoutColumnWidth, GridLayoutColumnWidths, GridLayoutContainerType } from './grid-layout.types';\n\n /*\n Component used to render the grid layout in the bento-summary-grid. For internal use only\n /\n export default defineComponent({\n name: 'grid-layout',\n props: {\n /\n Sets the responsive columns widths for the grid.\n /\n columnWidth: {\n type: Array as PropType<GridLayoutColumnWidths>,\n default: null,\n validator: (array: GridLayoutColumnWidths) => array && array.length <= 6,\n },\n\n /\n Set the type of CSS container the grid layout has\n * @values inline-size, size, normal\n /\n containerType: {\n type: String as PropType<GridLayoutContainerType>,\n default: GridLayoutContainerType.INLINE,\n },\n\n /\n Sets the gap in the grid to 0.\n */\n noGap: {\n type: Boolean,\n default: false,\n },\n },\n setup(props, { slots }) {\n const hasSlot = useHasSlot(slots);\n\n // TODO: add a computedItems computed here that only returns the slots that are presents so as to be able to render the divs in the template via a v-for\n const computeColumnSize = index => {\n if (props.columnWidth?.[index] && props.columnWidth?.[index] !== 'auto') {\n const columnWidth = props.columnWidth[index] as GridLayoutColumnWidth;\n return [\n `b-grid-layout__column--${columnWidth.small}`,\n `b-grid-layout-m__column--${columnWidth.medium}`,\n `b-grid-layout-l__column--${columnWidth.large}`,\n ];\n }\n return null;\n };\n\n const computedClasses = computed(() => ({\n 'b-grid-layout--container-type-normal': props.containerType === GridLayoutContainerType.NORMAL,\n 'b-grid-layout--container-type-size': props.containerType === GridLayoutContainerType.SIZE,\n 'b-grid-layout--all-auto':\n props.columnWidth === null \|\| props.columnWidth.every(width => width === 'auto'),\n 'b-grid-layout--no-gap': props.noGap,\n }));\n\n return {\n // Values\n computeColumnSize,\n computedClasses,\n\n // Methods\n hasSlot,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./grid-layout.scss\" />\n"],"names":["GridLayoutContainerType","GridLayoutContainerType2","_sfc_main","defineComponent","array","props","slots","hasSlot","useHasSlot","computeColumnSize","index","_a","_b","columnWidth","computedClasses","computed","width"],"mappings":";;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,SAAA,eACAA,EAAA,OAAA,QACAA,EAAA,SAAA,UAHQA,IAAAD,KAAA,CAAA,CAAA;AC6DZ,MAAAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,aAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAAC,MAAAA,KAAAA,EAAA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,eAAA;AAAA,MAMA,MAAA;AAAA,MACA,SAAAJ,EAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,OAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,MAAAK,GAAA,EAAA,OAAAC,EAAA,GAAA;AAEA,UAAAC,IAAAC,EAAAF,CAAA,GAGAG,IAAA,CAAAC,MAAA;;AACA,WAAAC,IAAAN,EAAA,gBAAA,QAAAM,EAAAD,QAAAE,IAAAP,EAAA,gBAAA,gBAAAO,EAAAF,QAAA,QAAA;AACA,cAAAG,IAAAR,EAAA,YAAAK,CAAA;AACA,eAAA;AAAA,UAAA,0BAAAG,EAAA~~,KAAA~~;AAAA,UACA,4BAAAA,EAAA~~,MAAA~~;AAAA,UACA,4BAAAA,EAAA~~,KAAA~~;AAAA,QACA;AAAA~~,MACA~~;~~AAEA~~,aAAA;AAAA,IAAA,GAGAC,IAAAC,EAAA,OAAA;AAAA,MAAA,wCAAAV,EAAA,kBAAAL,EAAA;AAAA,MACA,sCAAAK,EAAA,kBAAAL,EAAA;AAAA,MACA,2BAAAK,EAAA,gBAAA,QAAAA,EAAA,YAAA,MAAA,CAAAW,MAAAA,MAAA,MAAA;AAAA,MAEA,yBAAAX,EAAA;AAAA,IACA,EAAA;AAGA,WAAA;AAAA;AAAA,MAAA,mBAAAI;AAAA,MAEA,iBAAAK;AAAA;AAAA,MACA,SAAAP;AAAA,IAGA;AAAA,EACA;AAEA,CAAA~~;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"grid-layout.e0025286.js","sources":["../../src/components/internal/grid-layout/grid-layout.types.ts","../../src/components/internal/grid-layout/grid-layout.vue"],"sourcesContent":["export enum GridLayoutContainerType {\n INLINE = 'inline-size',\n SIZE = 'size',\n NORMAL = 'normal',\n}\n\nexport interface GridLayoutColumnWidth {\n small: number \| string;\n medium: number \| string;\n large: number \| string;\n}\n\nexport type GridLayoutColumnWidths = Array<'auto' \| GridLayoutColumnWidth>;\n","<template>\n <div class=\"b-grid-layout\" :class=\"computedClasses\" data-testid=\"grid-layout\">\n <div\n v-if=\"hasSlot('col-1')\"\n class=\"b-grid-layout__column\"\n :class=\"computeColumnSize(0)\"\n data-testid=\"grid-layout-col-1\"\n >\n <slot name=\"col-1\"></slot>\n </div>\n <div\n v-if=\"hasSlot('col-2')\"\n class=\"b-grid-layout__column\"\n :class=\"computeColumnSize(1)\"\n data-testid=\"grid-layout-col-2\"\n >\n <slot name=\"col-2\"></slot>\n </div>\n <div\n v-if=\"hasSlot('col-3')\"\n class=\"b-grid-layout__column\"\n :class=\"computeColumnSize(2)\"\n data-testid=\"grid-layout-col-3\"\n >\n <slot name=\"col-3\"></slot>\n </div>\n <div\n v-if=\"hasSlot('col-4')\"\n class=\"b-grid-layout__column\"\n :class=\"computeColumnSize(3)\"\n data-testid=\"grid-layout-col-4\"\n >\n <slot name=\"col-4\"></slot>\n </div>\n <div\n v-if=\"hasSlot('col-5')\"\n class=\"b-grid-layout__column\"\n :class=\"computeColumnSize(4)\"\n data-testid=\"grid-layout-col-5\"\n >\n <slot name=\"col-5\"></slot>\n </div>\n <div\n v-if=\"hasSlot('col-6')\"\n class=\"b-grid-layout__column\"\n :class=\"computeColumnSize(5)\"\n data-testid=\"grid-layout-col-6\"\n >\n <slot name=\"col-6\"></slot>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, PropType } from 'vue';\n import { useHasSlot } from '@/composables';\n import { GridLayoutColumnWidth, GridLayoutColumnWidths, GridLayoutContainerType } from './grid-layout.types';\n\n /*\n Component used to render the grid layout in the bento-summary-grid. For internal use only\n /\n export default defineComponent({\n name: 'grid-layout',\n props: {\n /\n Sets the responsive columns widths for the grid.\n /\n columnWidth: {\n type: Array as PropType<GridLayoutColumnWidths>,\n default: null,\n validator: (array: GridLayoutColumnWidths) => array && array.length <= 6,\n },\n\n /\n Set the type of CSS container the grid layout has\n * @values inline-size, size, normal\n /\n containerType: {\n type: String as PropType<GridLayoutContainerType>,\n default: GridLayoutContainerType.INLINE,\n },\n\n /\n Sets the gap in the grid to 0.\n */\n noGap: {\n type: Boolean,\n default: false,\n },\n },\n setup(props, { slots }) {\n const hasSlot = useHasSlot(slots);\n\n // TODO: add a computedItems computed here that only returns the slots that are presents so as to be able to render the divs in the template via a v-for\n const computeColumnSize = index => {\n if (props.columnWidth?.[index] && props.columnWidth?.[index] !== 'auto') {\n const columnWidth = props.columnWidth[index] as GridLayoutColumnWidth;\n return [\n `b-grid-layout__column--${columnWidth.small}`,\n `b-grid-layout-m__column--${columnWidth.medium}`,\n `b-grid-layout-l__column--${columnWidth.large}`,\n ];\n }\n return null;\n };\n\n const computedClasses = computed(() => ({\n 'b-grid-layout--container-type-normal': props.containerType === GridLayoutContainerType.NORMAL,\n 'b-grid-layout--container-type-size': props.containerType === GridLayoutContainerType.SIZE,\n 'b-grid-layout--all-auto':\n props.columnWidth === null \|\| props.columnWidth.every(width => width === 'auto'),\n 'b-grid-layout--no-gap': props.noGap,\n }));\n\n return {\n // Values\n computeColumnSize,\n computedClasses,\n\n // Methods\n hasSlot,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./grid-layout.scss\" />\n"],"names":["GridLayoutContainerType","GridLayoutContainerType2","_sfc_main","defineComponent","array","props","slots","hasSlot","useHasSlot","computeColumnSize","index","_a","_b","columnWidth","computedClasses","computed","width"],"mappings":";;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,SAAA,eACAA,EAAA,OAAA,QACAA,EAAA,SAAA,UAHQA,IAAAD,KAAA,CAAA,CAAA;AC6DZ,MAAAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,aAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAAC,MAAAA,KAAAA,EAAA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,eAAA;AAAA,MAMA,MAAA;AAAA,MACA,SAAAJ,EAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,OAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,MAAAK,GAAA,EAAA,OAAAC,EAAA,GAAA;AAEA,UAAAC,IAAAC,EAAAF,CAAA,GAGAG,IAAA,CAAAC,MAAA;;AACA,WAAAC,IAAAN,EAAA,gBAAA,QAAAM,EAAAD,QAAAE,IAAAP,EAAA,gBAAA,gBAAAO,EAAAF,QAAA,QAAA;AACA,cAAAG,IAAAR,EAAA,YAAAK,CAAA;AACA,eAAA;AAAA,UAAA,0BAAAG,EAAA;AAAA,UACA,4BAAAA,EAAA;AAAA,UACA,4BAAAA,EAAA;AAAA,QACA;AAAA;AAGA,aAAA;AAAA,IAAA,GAGAC,IAAAC,EAAA,OAAA;AAAA,MAAA,wCAAAV,EAAA,kBAAAL,EAAA;AAAA,MACA,sCAAAK,EAAA,kBAAAL,EAAA;AAAA,MACA,2BAAAK,EAAA,gBAAA,QAAAA,EAAA,YAAA,MAAA,CAAAW,MAAAA,MAAA,MAAA;AAAA,MAEA,yBAAAX,EAAA;AAAA,IACA,EAAA;AAGA,WAAA;AAAA;AAAA,MAAA,mBAAAI;AAAA,MAEA,iBAAAK;AAAA;AAAA,MACA,SAAAP;AAAA,IAGA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;"}

package/dist/chunks/{i18n.BQkEbtPM.js → i18n.eb5b985b.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { getCurrentInstance as p, computed as l } from "vue";
-import "./index.Cl4_42j5.js";
+import "./index.4c062058.js";
 import "vue-i18n";
 let o = null;
 const b = (e, r = !1) => {
@@ -28,4 +28,4 @@ export {
   $ as g,
   b as u
 };
-//# sourceMappingURL=i18n.BQkEbtPM.js.map
+//# sourceMappingURL=i18n.eb5b985b.js.map

package/dist/chunks/{i18n.BQkEbtPM.js.map → i18n.eb5b985b.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"i18n.~~BQkEbtPM~~.js","sources":["../../src/utils/ts/i18n.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject } from 'vue';\nimport type { WritableComputedRef } from 'vue';\nimport { useI18n as useI18nBridge } from 'vue-i18n-bridge';\nimport { isVue2 } from 'vue-demi';\nimport VueI18n from 'vue-i18n';\n\nexport const defaultI18nOptions = {\n locale: 'en-US',\n fallbackLocale: 'en-US',\n fallbackRoot: false,\n};\n\nlet i18n: VueI18n = null;\n\nexport function createI18n(options = defaultI18nOptions): VueI18n {\n i18n = new VueI18n(options);\n return i18n;\n}\n\nexport interface Composer<MessageKey> {\n locale: WritableComputedRef<string>;\n t?(key: MessageKey, values?: VueI18n.Values): string;\n tc?(key: MessageKey, choice?: VueI18n.Choice, values?: VueI18n.Values): string;\n tc?(key: MessageKey, choice: VueI18n.Choice, locale: VueI18n.Locale, values?: VueI18n.Values): string;\n te?(key: MessageKey, locale?: VueI18n.Locale): boolean;\n d?: typeof VueI18n.prototype.d;\n n?: typeof VueI18n.prototype.n;\n}\n\nexport type MessageKeys = {\n [key: string]: string;\n};\n\nexport interface i18nMessages {\n 'en-US': {\n [key: string]: string;\n };\n [key: string]: {\n [key: string]: string;\n };\n}\n\nexport const useI18n = <T extends { message: MessageKeys }>(\n params?: { messages?: i18nMessages } \| undefined,\n onlyLocale = false\n) => {\n const currentInstance = getCurrentInstance() as unknown;\n // eslint-disable-next-line no-underscore-dangle\n const vue3InjectionI18nKey = (currentInstance as any)?.appContext?.app?.__VUE_I18N_SYMBOL__;\n const locale = computed({\n get() {\n return i18n.locale;\n },\n set(v: string) {\n i18n.locale = v;\n },\n });\n\n // Vue 3\n // eslint-disable-next-line no-underscore-dangle\n if (!isVue2) {\n if (!onlyLocale) {\n const { t, d, te, n, locale: coolLocale } = useI18nBridge({ messages: params?.messages });\n return {\n locale: coolLocale,\n t,\n tc: t,\n d,\n te,\n n,\n } as Composer<keyof T['message']>;\n }\n\n // eslint-disable-next-line no-underscore-dangle\n const vue3I18nInstance = inject(vue3InjectionI18nKey);\n const vue3GlobalI18nComposer = (vue3I18nInstance as any)?.global;\n if (vue3GlobalI18nComposer) {\n i18n = vue3GlobalI18nComposer;\n }\n\n return {\n locale,\n };\n }\n\n // Vue 2\n const instance = currentInstance as { proxy: any & { _i18n: VueI18n } } \| null;\n const vm = instance.proxy as Vue & { _i18n: VueI18n };\n // If no VueI18n has been intialised then attempt to get the globally attached one from the Vue VM\n // eslint-disable-next-line no-underscore-dangle\n if (vm?._i18n) {\n // eslint-disable-next-line no-underscore-dangle -- reading the i18n local instance\n i18n = vm._i18n;\n }\n\n return {\n locale,\n t: vm.$t.bind(vm),\n tc: vm.$tc.bind(vm),\n d: vm.$d.bind(vm),\n te: vm.$te.bind(vm),\n n: vm.$n.bind(vm),\n } as Composer<keyof T['message']>;\n};\n\n/*\n Gets the vue 2 or vue 3 global vue-i18n component\n /\nexport const getI18nComponent = () => (isVue2 ? 'i18n' : 'i18n-t');\n\n/\n Gets the correct props for the global vue-i18n component depending on if the component is used in vue 2 or vue 3.\n * @param path - the translation key path.\n */\nexport const getI18nProps = (path: string) => (isVue2 ? { path } : { keypath: path });\n"],"names":["i18n","useI18n","params","onlyLocale","currentInstance","getCurrentInstance","_b","_a","locale","computed","v","vm","getI18nComponent","getI18nProps","path"],"mappings":";;;AAYA,IAAIA,IAAgB;AA8Bb,MAAMC,IAAU,CACnBC,GACAC,IAAa,OACZ;;AACD,QAAMC,IAAkBC~~,EAAmB~~;~~AAEb~~,GAAAC,KAAAC,IAAAH,KAAA,gBAAAA,EAAyB,eAAzB,gBAAAG,EAAqC,QAArC,QAAAD,EAA0C;AACxE,QAAME,IAASC,EAAS;AAAA,IACpB,MAAM;AACF,aAAOT,EAAK;AAAA,IAChB;AAAA,IACA,IAAIU,GAAW;AACX,MAAAV,EAAK,SAASU;AAAA,~~IAAA~~;AAAA,~~EAClB~~,CACH,GA+BKC,IADWP,EACG;AAGpB,SAAIO,KAAA,QAAAA,EAAI,UAEJX,IAAOW,EAAG,QAGP;AAAA,IACH,QAAAH;AAAA,IACA,GAAGG,EAAG,GAAG,KAAKA,CAAE;AAAA,IAChB,IAAIA,EAAG,IAAI,KAAKA,CAAE;AAAA,IAClB,GAAGA,EAAG,GAAG,KAAKA,CAAE;AAAA,IAChB,IAAIA,EAAG,IAAI,KAAKA,CAAE;AAAA,IAClB,GAAGA,EAAG,GAAG,KAAKA,CAAE;AAAA,~~EACpB~~;~~AACJ~~,GAKaC,IAAmB,MAAgB,QAMnCC,IAAe,CAACC,OAA2B,EAAE,MAAAA,EAAK;"}
1	+ {"version":3,"file":"i18n.eb5b985b.js","sources":["../../src/utils/ts/i18n.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject } from 'vue';\nimport type { WritableComputedRef } from 'vue';\nimport { useI18n as useI18nBridge } from 'vue-i18n-bridge';\nimport { isVue2 } from 'vue-demi';\nimport VueI18n from 'vue-i18n';\n\nexport const defaultI18nOptions = {\n locale: 'en-US',\n fallbackLocale: 'en-US',\n fallbackRoot: false,\n};\n\nlet i18n: VueI18n = null;\n\nexport function createI18n(options = defaultI18nOptions): VueI18n {\n i18n = new VueI18n(options);\n return i18n;\n}\n\nexport interface Composer<MessageKey> {\n locale: WritableComputedRef<string>;\n t?(key: MessageKey, values?: VueI18n.Values): string;\n tc?(key: MessageKey, choice?: VueI18n.Choice, values?: VueI18n.Values): string;\n tc?(key: MessageKey, choice: VueI18n.Choice, locale: VueI18n.Locale, values?: VueI18n.Values): string;\n te?(key: MessageKey, locale?: VueI18n.Locale): boolean;\n d?: typeof VueI18n.prototype.d;\n n?: typeof VueI18n.prototype.n;\n}\n\nexport type MessageKeys = {\n [key: string]: string;\n};\n\nexport interface i18nMessages {\n 'en-US': {\n [key: string]: string;\n };\n [key: string]: {\n [key: string]: string;\n };\n}\n\nexport const useI18n = <T extends { message: MessageKeys }>(\n params?: { messages?: i18nMessages } \| undefined,\n onlyLocale = false\n) => {\n const currentInstance = getCurrentInstance() as unknown;\n // eslint-disable-next-line no-underscore-dangle\n const vue3InjectionI18nKey = (currentInstance as any)?.appContext?.app?.__VUE_I18N_SYMBOL__;\n const locale = computed({\n get() {\n return i18n.locale;\n },\n set(v: string) {\n i18n.locale = v;\n },\n });\n\n // Vue 3\n // eslint-disable-next-line no-underscore-dangle\n if (!isVue2) {\n if (!onlyLocale) {\n const { t, d, te, n, locale: coolLocale } = useI18nBridge({ messages: params?.messages });\n return {\n locale: coolLocale,\n t,\n tc: t,\n d,\n te,\n n,\n } as Composer<keyof T['message']>;\n }\n\n // eslint-disable-next-line no-underscore-dangle\n const vue3I18nInstance = inject(vue3InjectionI18nKey);\n const vue3GlobalI18nComposer = (vue3I18nInstance as any)?.global;\n if (vue3GlobalI18nComposer) {\n i18n = vue3GlobalI18nComposer;\n }\n\n return {\n locale,\n };\n }\n\n // Vue 2\n const instance = currentInstance as { proxy: any & { _i18n: VueI18n } } \| null;\n const vm = instance.proxy as Vue & { _i18n: VueI18n };\n // If no VueI18n has been intialised then attempt to get the globally attached one from the Vue VM\n // eslint-disable-next-line no-underscore-dangle\n if (vm?._i18n) {\n // eslint-disable-next-line no-underscore-dangle -- reading the i18n local instance\n i18n = vm._i18n;\n }\n\n return {\n locale,\n t: vm.$t.bind(vm),\n tc: vm.$tc.bind(vm),\n d: vm.$d.bind(vm),\n te: vm.$te.bind(vm),\n n: vm.$n.bind(vm),\n } as Composer<keyof T['message']>;\n};\n\n/*\n Gets the vue 2 or vue 3 global vue-i18n component\n /\nexport const getI18nComponent = () => (isVue2 ? 'i18n' : 'i18n-t');\n\n/\n Gets the correct props for the global vue-i18n component depending on if the component is used in vue 2 or vue 3.\n * @param path - the translation key path.\n */\nexport const getI18nProps = (path: string) => (isVue2 ? { path } : { keypath: path });\n"],"names":["i18n","useI18n","params","onlyLocale","currentInstance","getCurrentInstance","_b","_a","locale","computed","v","vm","getI18nComponent","getI18nProps","path"],"mappings":";;;AAYA,IAAIA,IAAgB;AA8Bb,MAAMC,IAAU,CACnBC,GACAC,IAAa,OACZ;;AACD,QAAMC,IAAkBC;AAEM,GAAAC,KAAAC,IAAAH,KAAA,gBAAAA,EAAyB,eAAzB,gBAAAG,EAAqC,QAArC,QAAAD,EAA0C;AACxE,QAAME,IAASC,EAAS;AAAA,IACpB,MAAM;AACF,aAAOT,EAAK;AAAA,IAChB;AAAA,IACA,IAAIU,GAAW;AACX,MAAAV,EAAK,SAASU;AAAA,IAClB;AAAA,EAAA,CACH,GA+BKC,IADWP,EACG;AAGpB,SAAIO,KAAA,QAAAA,EAAI,UAEJX,IAAOW,EAAG,QAGP;AAAA,IACH,QAAAH;AAAA,IACA,GAAGG,EAAG,GAAG,KAAKA,CAAE;AAAA,IAChB,IAAIA,EAAG,IAAI,KAAKA,CAAE;AAAA,IAClB,GAAGA,EAAG,GAAG,KAAKA,CAAE;AAAA,IAChB,IAAIA,EAAG,IAAI,KAAKA,CAAE;AAAA,IAClB,GAAGA,EAAG,GAAG,KAAKA,CAAE;AAAA,EAAA;AAExB,GAKaC,IAAmB,MAAgB,QAMnCC,IAAe,CAACC,OAA2B,EAAE,MAAAA,EAAK;"}

package/dist/chunks/{structured-list-item.C9NTVDvT.js → index.1c8f9245.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import { defineComponent as c, inject as a, computed as r, provide as y, ref as b } from "vue";
-import { n as i } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { B as v } from "./button.DhAUh5JA.js";
-import { B as h } from "./info-icon.CLguYHRt.js";
-import { B as C } from "./typography.Bjtu3Gca.js";
-import { C as T } from "./copy.BtFWFG3q.js";
-import { S as B } from "./search.CBKhp7zB.js";
-import { u as S } from "./i18n.BQkEbtPM.js";
-import { B as I } from "./tooltip.DR8rbIYw.js";
-import "../assets/structured-list-item.css";
+import { n as i } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { a as v } from "./button.9184ade9.js";
+import { BentoInfoIcon as h } from "../info-icon.js";
+import { B as C } from "./index.e29a6907.js";
+import { C as T } from "./copy.d5dd2b60.js";
+import { S } from "./search.83bba8e3.js";
+import { u as I } from "./i18n.eb5b985b.js";
+import { b as B } from "./tooltip.77610390.js";
+import "../assets/index28.css";
 const u = Symbol("structured list condensed style injection key"), _ = Symbol("structured list labels width injection key"), L = ["25-75", "33-66", "42-58", "50-50"], x = {}, E = /* @__PURE__ */ c({
   ...x,
   __name: "structured-list",
@@ -22,18 +22,20 @@ const u = Symbol("structured list condensed style injection key"), _ = Symbol("s
     return y(_, o), { __sfc: !0, props: t, isCondensed: e, computedLayout: s, computedLabelsWidth: o };
   }
 });
-var D = function() {
+var g = function() {
   var t = this, e = t._self._c;
   return t._self._setupProxy, e("dl", { staticClass: "b-structured-list" }, [t._t("default")], 2);
-}, $ = [], g = /* @__PURE__ */ i(
+}, D = [], $ = /* @__PURE__ */ i(
   E,
+  g,
   D,
-  $,
   !1,
   null,
-  "966548c9"
+  "966548c9",
+  null,
+  null
 );
-const Y = g.exports, N = {
+const Y = $.exports, N = {
   "en-US": {
     search: "Search"
   }
@@ -51,12 +53,12 @@ const Y = g.exports, N = {
     truncate: { type: Boolean }
   },
   setup(n) {
-    const t = n, e = "33%", { t: s } = S(), o = a(u, !1), l = a(_, b(e)), p = r(() => `flex-basis:${l.value}`), d = r(() => ({
+    const t = n, e = "33%", { t: s } = I(), o = a(u, !1), l = a(_, b(e)), p = r(() => `flex-basis:${l.value}`), d = r(() => ({
       "b-structured-list-item--condensed": o
     })), m = r(() => ({
       "b-structured-list-item__value--truncate": t.truncate
     })), f = r(() => o ? "caption" : "body");
-    return { __sfc: !0, DEFAULT_LABELS_WIDTH: e, props: t, t: s, isCondensed: o, labelsWidth: l, computedLabelStyle: p, conditionalClasses: d, valueConditionalClasses: m, labelTypographyVariant: f, BentoButton: v, BentoInfoIcon: h, BentoTypography: C, Copy: T, SearchIcon: B, vBentoTooltipDirective: I };
+    return { __sfc: !0, DEFAULT_LABELS_WIDTH: e, props: t, t: s, isCondensed: o, labelsWidth: l, computedLabelStyle: p, conditionalClasses: d, valueConditionalClasses: m, labelTypographyVariant: f, BentoButton: v, BentoInfoIcon: h, BentoTypography: C, Copy: T, SearchIcon: S, vBentoTooltipDirective: B };
   }
 });
 var U = function() {
@@ -70,7 +72,9 @@ var U = function() {
   k,
   !1,
   null,
-  "1045abf9"
+  "1045abf9",
+  null,
+  null
 );
 const z = O.exports;
 export {
@@ -78,4 +82,4 @@ export {
   u as S,
   z as a
 };
-//# sourceMappingURL=structured-list-item.C9NTVDvT.js.map
+//# sourceMappingURL=index.1c8f9245.js.map

package/dist/chunks/index.1c8f9245.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.1c8f9245.js","sources":["../../src/components/structured-list/structured-list.keys.ts","../../src/components/structured-list/structured-list.types.ts","../../src/components/structured-list/structured-list.vue","../../src/components/structured-list/components/structered-list-item/structured-list-item.vue"],"sourcesContent":["export const STRUCTURED_LIST_CONDENSED_INJECTION_KEY = Symbol('structured list condensed style injection key');\nexport const STRUCTURED_LIST_LABELS_WIDTH_INJECTION_KEY = Symbol('structured list labels width injection key');\n","export type BentoStructuredListLayoutOptions = '25-75' | '33-66' | '42-58' | '50-50';\nexport const BentoStructuredListLayoutOptions = ['25-75', '33-66', '42-58', '50-50'];\n","<template>\n <dl class=\"b-structured-list\">\n <slot />\n </dl>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, inject, provide } from 'vue';\n import {\n STRUCTURED_LIST_CONDENSED_INJECTION_KEY,\n STRUCTURED_LIST_LABELS_WIDTH_INJECTION_KEY,\n } from '@/components/structured-list/structured-list.keys';\n import { BentoStructuredListLayoutOptions } from './structured-list.types';\n\n const props = withDefaults(\n defineProps<{\n /**\n * Width of the labels container, in pixels. Overrides layout prop.\n */\n labelsWidth?: number;\n /**\n * The layout of the label value pair in percentage.\n * If labelsWidth is set, layout will be overriden by the static pixel value.\n *\n * If the value entered is not listed in the example\n * list below '33-66' will be applied\n * @example\n * '25-75'\n * '33-66'\n * '42-58'\n * '50-50'\n */\n layout?: BentoStructuredListLayoutOptions;\n }>(),\n {\n labelsWidth: null,\n layout: '33-66',\n }\n );\n\n const isCondensed = inject(STRUCTURED_LIST_CONDENSED_INJECTION_KEY, false);\n\n const computedLayout = computed(() =>\n BentoStructuredListLayoutOptions.includes(props.layout) ? props.layout : '33-66'\n );\n\n const computedLabelsWidth = computed(() => {\n if (isCondensed) {\n return '130px';\n }\n\n if (props.labelsWidth) {\n return `${props.labelsWidth}px`;\n }\n\n return `${computedLayout.value.split('-')[0]}%`;\n });\n\n provide(STRUCTURED_LIST_LABELS_WIDTH_INJECTION_KEY, computedLabelsWidth);\n</script>\n\n<script lang=\"ts\">\n /**\n * This is a list used to display pairs of information in a clear and organized manner.\n * `BentoStructureListItem` should be used to pass the label/value pairs to the list.\n *\n * @example\n * import { BentoStructuredListItem, BentoStructuredListItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoStructuredList, BentoStructuredListItem },\n * template: `\n * <bento-structured-list>\n * <bento-structured-list-item label=\"Payment\">\n * <bento-payment-method label=\"Klarna\" type=\"Klarna\" />\n * </bento-structured-list-item>\n * <bento-structured-list-item label=\"Amount\">\n * <bento-currency :currency=\"BentoCurrencyISOCode.USD\">\n * 123456\n * </bento-currency>\n * </bento-structured-list-item>\n * </bento-structured-list>\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./structured-list.scss\" />\n","<template>\n <div class=\"b-structured-list-item\" :class=\"conditionalClasses\">\n <dt class=\"b-structured-list-item__label\" :style=\"computedLabelStyle\">\n <bento-typography :variant=\"labelTypographyVariant\">{{ label }}</bento-typography>\n <bento-info-icon v-if=\"labelInfo\" class=\"b-structured-list-item__icon\" :tooltip-text=\"labelInfo\" />\n </dt>\n <dd class=\"b-structured-list-item__value\" :class=\"valueConditionalClasses\">\n <slot />\n <copy v-if=\"copy\" class=\"b-structured-list-item__icon\" :text=\"copy\" />\n <bento-button\n v-if=\"search\"\n v-bento-tooltip-directive:top=\"searchTooltip ? searchTooltip : t('search')\"\n class=\"b-structured-list-item__icon\"\n variant=\"tertiary\"\n @click=\"search\"\n >\n <template #iconLeft>\n <search-icon :svg-title=\"$t('search')\" />\n </template>\n </bento-button>\n </dd>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, inject, ref, Ref } from 'vue';\n\n // Components\n import { BentoButton } from '@/components/button';\n import { BentoInfoIcon } from '@/components/info-icon';\n import { BentoTypography } from '@/components/typography';\n import Copy from '@/components/internal/copy/copy.vue';\n import SearchIcon from '@adyen/ui-assets-icons-16/vue/search';\n\n // Utils\n import { useI18n } from '@/utils/ts/i18n';\n\n // Directives\n import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives';\n\n // Keys\n import {\n STRUCTURED_LIST_CONDENSED_INJECTION_KEY,\n STRUCTURED_LIST_LABELS_WIDTH_INJECTION_KEY,\n } from '../../structured-list.keys';\n\n import messages from '../../messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const DEFAULT_LABELS_WIDTH = '33%';\n\n const props = defineProps<{\n /**\n * Label to display for the value\n */\n label: string;\n /**\n * Text to display in info icon tooltip in the label to display for the value\n */\n labelInfo?: string;\n /**\n * Text to copy when the user clicks `Copy` icon\n */\n copy?: string;\n /**\n * Function to trigger when user clicks `Search` icon\n */\n search?: (event: Event) => void;\n /**\n * Text to display when the user hovers over `Search` icon\n */\n searchTooltip?: string;\n /**\n * Truncates the value of the item\n */\n truncate?: boolean;\n }>();\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const isCondensed = inject(STRUCTURED_LIST_CONDENSED_INJECTION_KEY, false);\n const labelsWidth = inject<Ref<string>>(STRUCTURED_LIST_LABELS_WIDTH_INJECTION_KEY, ref(DEFAULT_LABELS_WIDTH));\n const computedLabelStyle = computed(() => `flex-basis:${labelsWidth.value}`);\n const conditionalClasses = computed(() => ({\n 'b-structured-list-item--condensed': isCondensed,\n }));\n\n const valueConditionalClasses = computed(() => ({\n 'b-structured-list-item__value--truncate': props.truncate,\n }));\n\n const labelTypographyVariant = computed(() => (isCondensed ? 'caption' : 'body'));\n</script>\n\n<script lang=\"ts\">\n /**\n * This is an item of the `BentoStructuredList` meant to be used only with that component.\n * It consists of a label/value pair, and also the optional copy and search modifiers.\n *\n * @example\n * import { BentoCurrencyISOCode, BentoStructuredListItem, BentoStructuredListItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoStructuredListItem, BentoStructuredListItem },\n * template: `\n * <bento-structured-list>\n * <bento-structured-list-item label=\"Shopper\" search='searchShopper' search-tooltip='Find shopper'>\n * <bento-typography>\n * 143442642\n * </bento-status>\n * </bento-structured-list-item>\n * <bento-structured-list-item label=\"Amount\" copy='123456'>\n * <bento-currency :currency=\"BentoCurrencyISOCode.USD\">\n * 123456\n * </bento-currency>\n * </bento-structured-list-item>\n * </bento-structured-list>\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./structured-list-item.scss\" />\n"],"names":["STRUCTURED_LIST_CONDENSED_INJECTION_KEY","STRUCTURED_LIST_LABELS_WIDTH_INJECTION_KEY","BentoStructuredListLayoutOptions","__default__$1","isCondensed","inject","computedLayout","computed","props","computedLabelsWidth","provide","__default__","messages","DEFAULT_LABELS_WIDTH","t","useI18n","labelsWidth","ref","computedLabelStyle","conditionalClasses","valueConditionalClasses","labelTypographyVariant"],"mappings":";;;;;;;;;;AAAa,MAAAA,IAAA,OAAA,+CAAA,GACAC,IAAA,OAAA,4CAAA,GCANC,IAAA,CAAA,SAAA,SAAA,SAAA,OAAA,GCoFHC,IAAA,CAAA;;;;;;;;iBA7CAC,IAAAC,EAAAL,GAAA,EAAA,GAEAM,IAAAC;AAAA,MAAuB,MAAAL,EAAA,SAAAM,EAAA,MAAA,IAAAA,EAAA,SAAA;AAAA,IACsD,GAG7EC,IAAAF,EAAA,MACIH,IACI,UAGJI,EAAA,cACI,GAAAA,EAAA,kBAGJ,GAAAF,EAAA,MAAA,MAAA,GAAA,EAAA,CAAA,IAA2C;AAG/C,WAAAI,EAAAT,GAAAQ,CAAA;;;;;;;;;;;;;;;;;;;;GC8DAE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;iBAxEAC,IAAA,OA6BA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GACAX,IAAAC,EAAAL,GAAA,EAAA,GACAgB,IAAAX,EAAAJ,GAAAgB,EAAAJ,CAAA,CAAA,GACAK,IAAAX,EAAA,MAAA,cAAAS,EAAA,OAAA,GACAG,IAAAZ,EAAA,OAAA;AAAA,MAA2C,qCAAAH;AAAA,IACF,EAAA,GAGzCgB,IAAAb,EAAA,OAAA;AAAA,MAAgD,2CAAAC,EAAA;AAAA,IACK,EAAA,GAGrDa,IAAAd,EAAA,MAAAH,IAAA,YAAA,MAAA;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{popover.B8YH92W8.js → index.40b77741.js} RENAMED Viewed

@@ -1,15 +1,15 @@
-import { defineComponent as r, computed as a, useSlots as O, useAttrs as E, inject as d, ref as I, toRefs as L } from "vue";
-import { d as F, P as m, c as k } from "./popper-container.Bt02N3o1.js";
-import { B as x, a as v } from "./typography.Bjtu3Gca.js";
-import { n as l } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { B as R } from "./button.DhAUh5JA.js";
-import { C as $ } from "./cross.CsUPDmaA.js";
-import { u as w } from "./use-has-slot.C9lQZ6nz.js";
-import { u as N } from "./aria-label.CaUURpnB.js";
-import { c as b, B as V } from "./button-actions.Bg9ey0p6.js";
-import "../assets/popover.css";
-const D = r({
-  components: { BentoTypography: x },
+import { defineComponent as r, computed as a, useSlots as O, useAttrs as E, inject as f, ref as I, toRefs as L } from "vue";
+import { c as x, a as m, b as F } from "./index.bad400d5.js";
+import { B as k, a as v } from "./index.e29a6907.js";
+import { n as l } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { a as R } from "./button.9184ade9.js";
+import { C as $ } from "./cross.f47f6b7f.js";
+import { u as w } from "./use-has-slot.fbeb19ec.js";
+import { u as D } from "./aria-label.ac9651a5.js";
+import { c as b, B as N } from "./button-actions.430d7510.js";
+import "../assets/index40.css";
+const V = r({
+  components: { BentoTypography: k },
   props: {
     /**
      * Indicates if the popover contains an image.
@@ -35,11 +35,13 @@ var j = function() {
   var t = this, e = t._self._c;
   return t._self._setupProxy, e("bento-typography", { attrs: { strongest: t.isStrongest, variant: t.titleVariant, el: "span" } }, [t._v(" " + t._s(t.title) + " ")]);
 }, U = [], Y = /* @__PURE__ */ l(
-  D,
+  V,
   j,
   U,
   !1,
   null,
+  null,
+  null,
   null
 );
 const J = Y.exports, K = r({
@@ -71,9 +73,11 @@ var q = function() {
   z,
   !1,
   null,
-  "71876338"
+  "71876338",
+  null,
+  null
 );
-const M = H.exports, y = { ...F }, G = Symbol("popover offset injection key"), Q = Symbol("input field popover injection key"), W = {};
+const M = H.exports, y = { ...x }, G = Symbol("popover offset injection key"), Q = Symbol("input field popover injection key"), W = {};
 var g;
 const X = /* @__PURE__ */ r({
   ...W,
@@ -240,33 +244,33 @@ const X = /* @__PURE__ */ r({
   },
   emits: ["dismiss", "placement"],
   setup(s, { emit: t }) {
-    const e = s, o = 2, i = O(), n = E(), B = a(() => {
-      var f;
+    const e = s, o = 2, n = O(), i = E(), B = a(() => {
+      var d;
       return {
-        id: (f = n.id) == null ? void 0 : f.toString()
+        id: (d = i.id) == null ? void 0 : d.toString()
       };
-    }), P = d(G, o), p = I(n["aria-label"]), { ariaLabel: c, title: u } = L(e), C = N({
+    }), P = f(G, o), p = I(i["aria-label"]), { ariaLabel: c, title: _ } = L(e), C = D({
       ariaLabel: p.value,
       // TODO: take this line away when the aria-label props is removed
       label: c,
-      defaultFallback: u
-    }), _ = d(Q, !1), S = a(() => ({
+      defaultFallback: _
+    }), u = f(Q, !1), S = a(() => ({
       "b-popover--small": e.small && !e.large,
       "b-popover--with-divider": !!e.divider,
       "b-popover--large": e.large && !e.small,
       "b-popover--fit-content": e.fitContent,
       "b-popover--without-space": e.withoutSpace,
-      "b-popover--overflow-visible": _
+      "b-popover--overflow-visible": u
     })), T = a(() => ({
       "b-popover__content--with-title": !!e.title
-    })), h = () => t("dismiss"), A = w(i);
-    return { __sfc: !0, DEFAULT_OFFSET: o, props: e, emit: t, slots: i, attrs: n, computedAttributes: B, offset: P, ariaLabelAttribute: p, ariaLabel: c, title: u, computedAriaLabel: C, isOverflowVisible: _, conditionalClasses: S, contentConditionalClasses: T, dismissPopover: h, hasSlot: A, BentoButtonActions: V, PopperContainer: m, PopperContainerAriaRole: k, BentoPopoverTitle: J, BentoPopoverDismissButton: M };
+    })), h = () => t("dismiss"), A = w(n);
+    return { __sfc: !0, DEFAULT_OFFSET: o, props: e, emit: t, slots: n, attrs: i, computedAttributes: B, offset: P, ariaLabelAttribute: p, ariaLabel: c, title: _, computedAriaLabel: C, isOverflowVisible: u, conditionalClasses: S, contentConditionalClasses: T, dismissPopover: h, hasSlot: A, BentoButtonActions: N, PopperContainer: m, PopperContainerAriaRole: F, BentoPopoverTitle: J, BentoPopoverDismissButton: M };
   }
 });
 var Z = function() {
   var t = this, e = t._self._c, o = t._self._setupProxy;
-  return e("Transition", { attrs: { name: "b-popover__animation" } }, [t.open ? e(o.PopperContainer, { staticClass: "b-popover", class: o.conditionalClasses, attrs: { id: o.computedAttributes.id, "aria-role": o.PopperContainerAriaRole.POPOVER, "aria-label": o.computedAriaLabel, arrow: { classes: ["b-popover__arrow"] }, "disabled-focus-trap": t.disableFocusTrap, "fallback-position": t.fallbackPosition, "fixed-positioning": t.fixedPositioning, offset: [0, o.offset], position: t.position, "target-element": t.targetElement }, on: { placement: function(i) {
-    return t.$emit("placement", i);
+  return e("Transition", { attrs: { name: "b-popover__animation" } }, [t.open ? e(o.PopperContainer, { staticClass: "b-popover", class: o.conditionalClasses, attrs: { id: o.computedAttributes.id, "aria-role": o.PopperContainerAriaRole.POPOVER, "aria-label": o.computedAriaLabel, arrow: { classes: ["b-popover__arrow"] }, "disabled-focus-trap": t.disableFocusTrap, "fallback-position": t.fallbackPosition, "fixed-positioning": t.fixedPositioning, offset: [0, o.offset], position: t.position, "target-element": t.targetElement }, on: { placement: function(n) {
+    return t.$emit("placement", n);
   } } }, [o.hasSlot("image") ? e("div", { staticClass: "b-popover__image" }, [t.dismissible ? e("div", { staticClass: "b-popover__image-dismiss-button" }, [e(o.BentoPopoverDismissButton, { attrs: { "on-image": "" }, on: { click: o.dismissPopover } })], 1) : t._e(), t._t("image")], 2) : t._e(), o.title ? e("div", { staticClass: "b-popover__header" }, [e("div", { staticClass: "b-popover__header-title" }, [o.hasSlot("headerIcon") ? t._t("headerIcon") : t._e(), e(o.BentoPopoverTitle, { attrs: { title: o.title, "is-image-title": !!o.hasSlot("image") } })], 2), t.dismissible && !o.hasSlot("image") ? e("div", [e(o.BentoPopoverDismissButton, { on: { click: o.dismissPopover } })], 1) : t._e()]) : t._e(), o.hasSlot("default") ? e("div", { staticClass: "b-popover__content", class: o.contentConditionalClasses }, [t._t("default")], 2) : t._e(), t.actions ? e("div", { staticClass: "b-popover__footer" }, [e(o.BentoButtonActions, { attrs: { actions: t.actions, layout: t.actionsLayout } })], 1) : t._e()]) : t._e()], 1);
 }, tt = [], et = /* @__PURE__ */ l(
   X,
@@ -274,13 +278,15 @@ var Z = function() {
   tt,
   !1,
   null,
-  "ab93d091"
+  "ab93d091",
+  null,
+  null
 );
-const ut = et.exports;
+const _t = et.exports;
 export {
-  ut as B,
+  y as B,
   Q as I,
   G as P,
-  y as a
+  _t as a
 };
-//# sourceMappingURL=popover.B8YH92W8.js.map
+//# sourceMappingURL=index.40b77741.js.map

package/dist/chunks/index.40b77741.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.40b77741.js","sources":["../../src/components/popover/components/popover-title/popover-title.vue","../../src/components/popover/components/popover-dismiss-button/popover-dismiss-button.vue","../../src/components/popover/popover.types.ts","../../src/components/popover/popover.keys.ts","../../src/components/filter-bar/components/input-filter/input-filter.keys.ts","../../src/components/popover/popover.vue"],"sourcesContent":["<template>\n <bento-typography :strongest=\"isStrongest\" :variant=\"titleVariant\" el=\"span\">\n {{ title }}\n </bento-typography>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent } from 'vue';\n import { BentoTypography, BentoTypographyVariant } from '@/components/typography';\n\n export default defineComponent({\n components: { BentoTypography },\n props: {\n /**\n * Indicates if the popover contains an image.\n */\n isImageTitle: { type: Boolean, default: false },\n\n /**\n * Indicates the title you want to give the popover.\n */\n title: { type: String, default: null },\n },\n setup(props) {\n // Use strongest only when it has no image\n const isStrongest = computed(() => !props.isImageTitle);\n\n // If an image is present, change the variant from BODY to SUBTITLE and remove the \"strongest\" property of the title\n const titleVariant = computed(() =>\n props.isImageTitle ? BentoTypographyVariant.SUBTITLE : BentoTypographyVariant.BODY\n );\n\n return {\n // Values\n isStrongest,\n titleVariant,\n };\n },\n });\n</script>\n","<template>\n <bento-button :class=\"conditionalClass\" variant=\"tertiary\" @click=\"$emit('click')\">\n <template #iconLeft>\n <cross-icon svg-title=\"dismiss\" />\n </template>\n </bento-button>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent } from 'vue';\n import { BentoButton } from '@/components/button';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n export default defineComponent({\n name: 'bento-popover-dismiss-button',\n components: { BentoButton, CrossIcon },\n props: {\n onImage: {\n type: Boolean,\n default: false,\n },\n },\n setup(props) {\n const conditionalClass = computed(() => ({ 'b-popover-dismiss-button--on-image': props.onImage }));\n\n return {\n // Values\n conditionalClass,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./popover-dismiss-button.scss\" />\n","import { PopperContainerPosition } from '../popper-container';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport const BentoPopoverPositions = { ...PopperContainerPosition };\nexport type BentoPopoverPositions = PopperContainerPosition;\n","export const POPOVER_OFFSET_INJECTION_KEY = Symbol('popover offset injection key');\n","export const INPUT_FILTER_POPOVER_INJECTION_KEY = Symbol('input field popover injection key');\n","<template>\n <Transition name=\"b-popover__animation\">\n <popper-container\n v-if=\"open\"\n :id=\"computedAttributes['id']\"\n :aria-role=\"PopperContainerAriaRole.POPOVER\"\n :aria-label=\"computedAriaLabel\"\n :arrow=\"{ classes: ['b-popover__arrow'] }\"\n :disabled-focus-trap=\"disableFocusTrap\"\n :class=\"conditionalClasses\"\n :fallback-position=\"fallbackPosition\"\n :fixed-positioning=\"fixedPositioning\"\n :offset=\"[0, offset]\"\n :position=\"position\"\n :target-element=\"targetElement\"\n class=\"b-popover\"\n @placement=\"$emit('placement', $event)\"\n >\n <div v-if=\"hasSlot('image')\" class=\"b-popover__image\">\n <div v-if=\"dismissible\" class=\"b-popover__image-dismiss-button\">\n <bento-popover-dismiss-button on-image @click=\"dismissPopover\" />\n </div>\n <slot name=\"image\"></slot>\n </div>\n <div v-if=\"title\" class=\"b-popover__header\">\n <div class=\"b-popover__header-title\">\n <slot v-if=\"hasSlot('headerIcon')\" name=\"headerIcon\"></slot>\n <bento-popover-title :title=\"title\" :is-image-title=\"!!hasSlot('image')\" />\n </div>\n <div v-if=\"dismissible && !hasSlot('image')\">\n <bento-popover-dismiss-button @click=\"dismissPopover\" />\n </div>\n </div>\n\n <div v-if=\"hasSlot('default')\" class=\"b-popover__content\" :class=\"contentConditionalClasses\">\n <slot></slot>\n </div>\n\n <div v-if=\"actions\" class=\"b-popover__footer\">\n <bento-button-actions :actions=\"actions\" :layout=\"actionsLayout\"></bento-button-actions>\n </div>\n </popper-container>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, inject, PropType, ref, toRefs, useAttrs, useSlots } from 'vue';\n\n import { BentoButtonActions, BentoButtonActionsLayout, BentoButtonActionsList } from '@/components/button';\n import { PopperContainer, PopperContainerAriaRole } from '@/components/popper-container';\n import BentoPopoverTitle from './components/popover-title/popover-title.vue';\n import BentoPopoverDismissButton from './components/popover-dismiss-button/popover-dismiss-button.vue';\n\n import { BentoPopoverPositions } from './popover.types';\n import { Placement } from '@floating-ui/vue';\n\n import { useHasSlot } from '@/composables';\n import { useAriaLabel } from '@/utils/ts/aria-label';\n\n import { POPOVER_OFFSET_INJECTION_KEY } from './popover.keys';\n import { INPUT_FILTER_POPOVER_INJECTION_KEY } from '@/components/filter-bar/components/input-filter/input-filter.keys';\n\n const DEFAULT_OFFSET = 2;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * First element in the list will be rendered as \"primary\".\n * All elements after the first will be rendered as \"secondary\".\n *\n * Each object in the list should have a `title`, an `event` and\n * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n *\n * `title`: Button's text.\n *\n * `event`: Event triggered when clicking the Button.\n *\n * `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n *\n * ```\n * [{\n * title: 'Primary',\n * event: () => { ... },\n * icon: FourPeopleIcon\n * }, {\n * title: 'Secondary',\n * event: () => { ... }\n * }]\n * ```\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: null,\n },\n\n /**\n * Defines the layout in which the button actions is presented.\n * It can be one of:\n *\n * @values BUTTONS_END\n * @values FILL_CONTAINER\n * @values SPACE_BETWEEN\n * @values VERTICAL_STACK\n */\n actionsLayout: {\n type: String as PropType<BentoButtonActionsLayout | `${BentoButtonActionsLayout}`>,\n default: BentoButtonActionsLayout.BUTTONS_END,\n validator: (value: BentoButtonActionsLayout) => Object.values(BentoButtonActionsLayout).includes(value),\n },\n\n /**\n * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n */\n /**\n * Defines a string value that provides an accessible name for the popover.\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * Adds a divider line to the actions section, reduces the top/bottom paddings and removes all padding in the \"default\" slot.\n */\n divider: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Supports disabling focus trap functionality to avoid scroll into view behavior when we don't need it.\n * */\n disableFocusTrap: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Adds a \"dismiss\" icon that triggers the \"dismiss\" event. Requires the `title` prop to be set.\n */\n dismissible: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Allows to configure to fallback position to the one specified, it could be ['right', 'top', ...].\n * Useful when not using auto as starting placement.\n * https://floating-ui.com/docs/flip#fallbackplacements\n */\n fallbackPosition: {\n type: Array as PropType<Placement[]>,\n default: () => ['bottom-start', 'right-start', 'top-start', 'left-start'],\n },\n\n /**\n * Sets the size of the container to fit its content\n */\n fitContent: { type: Boolean, default: false },\n\n /**\n * Instructs popover to be visible outside of the containing container.\n * Useful when component would be used in limited containers like Modal, Side panel, etc.\n * @see {@link https://floating-ui.com/docs/usefloating#strategy}\n */\n fixedPositioning: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Toggles the popover open and closed\n */\n open: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Displays the popover in a large size.\n */\n large: {\n type: Boolean,\n default: false,\n },\n\n /**\n * @deprecated\n * NOTE: This property no longer functions since moving to the floating-ui framework.\n */\n modifiers: { type: Array, default: null },\n\n /**\n * Popover's position relative to the target element.\n * Possible values are:\n * 'auto', 'auto-start', 'auto-end',\n * 'top', 'top-start', 'top-end'\n * 'right', 'right-start', 'right-end'\n * 'bottom', 'bottom-start', 'bottom-end'\n * 'left', 'left-start', 'left-end'\n */\n position: {\n type: String as PropType<BentoPopoverPositions | `${BentoPopoverPositions}`>,\n default: BentoPopoverPositions.BOTTOM_START,\n validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n },\n\n /**\n * Displays the popover in a small size.\n */\n small: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Indicates the title you want to give the popover.\n */\n title: {\n type: String,\n default: null,\n },\n\n /**\n * Popover's target element.\n * The popover will position itself relatively to target element, in specified position.\n */\n targetElement: {\n type: PopperContainer.props?.targetElement.type,\n required: true,\n },\n /**\n * Displays the popover without padding.\n */\n withoutSpace: {\n type: Boolean,\n default: false,\n },\n });\n\n const emit = defineEmits<{\n /**\n * Triggered when the `dismiss` button is clicked\n */\n (e: 'dismiss'): void;\n /**\n * Triggered when the popover `placement` changes\n */\n (e: 'placement', placement: Placement): void;\n }>();\n\n const slots = useSlots();\n const attrs = useAttrs();\n\n const computedAttributes = computed(() => ({\n id: attrs.id?.toString() as string,\n }));\n\n const offset = inject<number>(POPOVER_OFFSET_INJECTION_KEY, DEFAULT_OFFSET);\n\n const ariaLabelAttribute = ref(attrs['aria-label']);\n const { ariaLabel, title } = toRefs(props);\n const computedAriaLabel = useAriaLabel({\n ariaLabel: ariaLabelAttribute.value as string,\n // TODO: take this line away when the aria-label props is removed\n label: ariaLabel,\n defaultFallback: title,\n });\n\n const isOverflowVisible = inject(INPUT_FILTER_POPOVER_INJECTION_KEY, false);\n\n const conditionalClasses = computed(() => ({\n 'b-popover--small': props.small && !props.large,\n 'b-popover--with-divider': !!props.divider,\n 'b-popover--large': props.large && !props.small,\n 'b-popover--fit-content': props.fitContent,\n 'b-popover--without-space': props.withoutSpace,\n 'b-popover--overflow-visible': isOverflowVisible,\n }));\n\n const contentConditionalClasses = computed(() => ({\n 'b-popover__content--with-title': !!props.title,\n }));\n\n const dismissPopover = () => emit('dismiss');\n\n const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n /**\n * Example description of the component...\n *\n * @example\n * import { BentoPopover } from '@adyen/adl-vue2';\n *\n * export default {\n * components: { BentoPopover },\n * template: `\n * <bento-popover id=\"your-popover-id\">\n * ...Example code of the component\n * </bento-popover>\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./popover.scss\" />\n"],"names":["_sfc_main$2","defineComponent","BentoTypography","props","isStrongest","computed","titleVariant","BentoTypographyVariant","_sfc_main$1","BentoButton","CrossIcon","BentoPopoverPositions","PopperContainerPosition","POPOVER_OFFSET_INJECTION_KEY","INPUT_FILTER_POPOVER_INJECTION_KEY","__default__","DEFAULT_OFFSET","slots","useSlots","attrs","useAttrs","computedAttributes","_a","offset","inject","ariaLabelAttribute","ref","ariaLabel","title","toRefs","computedAriaLabel","useAriaLabel","isOverflowVisible","conditionalClasses","contentConditionalClasses","dismissPopover","emit","hasSlot","useHasSlot"],"mappings":";;;;;;;;;;AAUA,MAAAA,IAAAC,EAAA;AAAA,EAAA,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,cAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA,EAAA,MAAA,QAAA,SAAA,KAAA;AAAA,EAKA;AAAA,EACA,MAAAC,GAAA;AAGA,UAAAC,IAAAC,EAAA,MAAA,CAAAF,EAAA,YAAA,GAGAG,IAAAD;AAAA,MAAA,MAAAF,EAAA,eAAAI,EAAA,WAAAA,EAAA;AAAA,IACA;AAGA,WAAA;AAAA;AAAA,MAAA,aAAAH;AAAA,MAEA,cAAAE;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;qBCzBAE,IAAAP,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,aAAAQ,GAAA,WAAAC,EAAA;AAAA,EACA,OAAA;AAAA,IACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,MAAAP,GAAA;AAIA,WAAA;AAAA;AAAA,MAAA,kBAFAE,EAAA,OAAA,EAAA,sCAAAF,EAAA,QAAA,EAAA;AAAA,IAIA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;;qBCzBaQ,IAAA,EAAA,GAAAC,EAAA,GCLAC,IAAA,OAAA,8BAAA,GCAAC,IAAA,OAAA,mCAAA,GCiTTC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAnPAC,IAAA,GA6LAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GAEAC,IAAAhB,EAAA,MAAA;;AAAA;AAAA,QAA2C,KAAAiB,IAAAH,EAAA,OAAA,gBAAAG,EAAA;AAAA,MAChB;AAAA,KAAA,GAG3BC,IAAAC,EAAAX,GAAAG,CAAA,GAEAS,IAAAC,EAAAP,EAAA,YAAA,CAAA,GACA,EAAA,WAAAQ,GAAA,OAAAC,EAAA,IAAAC,EAAA1B,CAAA,GACA2B,IAAAC,EAAA;AAAA,MAAuC,WAAAN,EAAA;AAAA;AAAA,MACL,OAAAE;AAAA,MAEvB,iBAAAC;AAAA,IACU,CAAA,GAGrBI,IAAAR,EAAAV,GAAA,EAAA,GAEAmB,IAAA5B,EAAA,OAAA;AAAA,MAA2C,oBAAAF,EAAA,SAAA,CAAAA,EAAA;AAAA,MACG,2BAAA,CAAA,CAAAA,EAAA;AAAA,MACP,oBAAAA,EAAA,SAAA,CAAAA,EAAA;AAAA,MACO,0BAAAA,EAAA;AAAA,MACV,4BAAAA,EAAA;AAAA,MACE,+BAAA6B;AAAA,IACH,EAAA,GAGnCE,IAAA7B,EAAA,OAAA;AAAA,MAAkD,kCAAA,CAAA,CAAAF,EAAA;AAAA,IACJ,EAAA,GAG9CgC,IAAA,MAAAC,EAAA,SAAA,GAEAC,IAAAC,EAAArB,CAAA;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/index.4afa7b19.js ADDED Viewed

@@ -0,0 +1,32 @@
+import { defineComponent as t, inject as r, ref as i, computed as o } from "vue";
+import { n as a } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import "../assets/index9.css";
+const c = Symbol("divider inverse style injection key"), d = {}, l = /* @__PURE__ */ t({
+  ...d,
+  __name: "divider",
+  setup(n) {
+    const e = r(c, i(!1)), s = o(() => ({
+      "b-divider--inverse": e.value
+    }));
+    return { __sfc: !0, isInverseColorSet: e, conditionalClasses: s };
+  }
+});
+var v = function() {
+  var e = this, s = e._self._c, _ = e._self._setupProxy;
+  return s("div", { staticClass: "b-divider" }, [s("hr", { staticClass: "b-divider__horizontal-rule", class: _.conditionalClasses })]);
+}, f = [], p = /* @__PURE__ */ a(
+  l,
+  v,
+  f,
+  !1,
+  null,
+  "5aad370f",
+  null,
+  null
+);
+const C = p.exports;
+export {
+  C as B,
+  c as D
+};
+//# sourceMappingURL=index.4afa7b19.js.map

package/dist/chunks/index.4afa7b19.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.4afa7b19.js","sources":["../../src/components/divider/divider.keys.ts","../../src/components/divider/divider.vue"],"sourcesContent":["export const DIVIDER_INVERSE_INJECTION_KEY = Symbol('divider inverse style injection key');\n","<template>\n <div class=\"b-divider\">\n <hr class=\"b-divider__horizontal-rule\" :class=\"conditionalClasses\" />\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, inject, ref } from 'vue';\n import { DIVIDER_INVERSE_INJECTION_KEY } from './divider.keys';\n\n const isInverseColorSet = inject(DIVIDER_INVERSE_INJECTION_KEY, ref(false));\n\n const conditionalClasses = computed(() => ({\n 'b-divider--inverse': isInverseColorSet.value,\n }));\n</script>\n\n<script lang=\"ts\">\n /**\n * Divider component is a thin line that helps separate content and group them visually into sections.\n *\n * @example\n * import { BentoDivider } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoDivider },\n * template: `<bento-divider />`\n * }\n */\n\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./divider.scss\" />\n"],"names":["DIVIDER_INVERSE_INJECTION_KEY","__default__","isInverseColorSet","inject","ref","conditionalClasses","computed"],"mappings":";;;AAAa,MAAAA,IAAA,OAAA,qCAAA,GC8BTC,IAAA,CAAA;;;;AApBA,UAAAC,IAAAC,EAAAH,GAAAI,EAAA,EAAA,CAAA,GAEAC,IAAAC,EAAA,OAAA;AAAA,MAA2C,sBAAAJ,EAAA;AAAA,IACC,EAAA;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{index.Cl4_42j5.js → index.4c062058.js} RENAMED Viewed

@@ -5,4 +5,4 @@ export {
   u as V,
   e as i
 };
-//# sourceMappingURL=index.Cl4_42j5.js.map
+//# sourceMappingURL=index.4c062058.js.map

package/dist/chunks/{index.Cl4_42j5.js.map → index.4c062058.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.~~Cl4_42j5~~.js","sources":["../../../../node_modules/vue-demi/lib/v2.7/index.mjs"],"sourcesContent":["import Vue from 'vue'\nimport { getCurrentInstance } from 'vue'\n\nvar isVue2 = true\nvar isVue3 = false\nvar Vue2 = Vue\nvar warn = Vue.util.warn\n\nfunction install() {}\n\n// createApp polyfill\nexport function createApp(rootComponent, rootProps) {\n var vm\n var provide = {}\n var app = {\n config: Vue.config,\n use: Vue.use.bind(Vue),\n mixin: Vue.mixin.bind(Vue),\n component: Vue.component.bind(Vue),\n provide: function (key, value) {\n provide[key] = value\n return this\n },\n directive: function (name, dir) {\n if (dir) {\n Vue.directive(name, dir)\n return app\n } else {\n return Vue.directive(name)\n }\n },\n mount: function (el, hydrating) {\n if (!vm) {\n vm = new Vue(Object.assign({ propsData: rootProps }, rootComponent, { provide: Object.assign(provide, rootComponent.provide) }))\n vm.$mount(el, hydrating)\n return vm\n } else {\n return vm\n }\n },\n unmount: function () {\n if (vm) {\n vm.$destroy()\n vm = undefined\n }\n },\n }\n return app\n}\n\nexport {\n Vue,\n Vue2,\n isVue2,\n isVue3,\n install,\n warn\n}\n\n// Vue 3 components mock\nfunction createMockComponent(name) {\n return {\n setup() {\n throw new Error('[vue-demi] ' + name + ' is not supported in Vue 2. It\\'s provided to avoid compiler errors.')\n }\n }\n}\nexport var Fragment = /#__PURE__/ createMockComponent('Fragment')\nexport var Transition = /#__PURE__/ createMockComponent('Transition')\nexport var TransitionGroup = /#__PURE__/ createMockComponent('TransitionGroup')\nexport var Teleport = /#__PURE__/ createMockComponent('Teleport')\nexport var Suspense = /#__PURE__/ createMockComponent('Suspense')\nexport var KeepAlive = /#__PURE__/ createMockComponent('KeepAlive')\n\nexport * from 'vue'\n\n// Not implemented https://github.com/vuejs/core/pull/8111, falls back to getCurrentInstance()\nexport function hasInjectionContext() {\n return !!getCurrentInstance()\n}\n"],"names":["isVue2","Vue2","Vue"],"mappings":";AAGG,IAACA,IAAS,IAETC,IAAOC;AACAA,EAAI,KAAK;","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"index.4c062058.js","sources":["../../../../node_modules/vue-demi/lib/v2.7/index.mjs"],"sourcesContent":["import Vue from 'vue'\nimport { getCurrentInstance } from 'vue'\n\nvar isVue2 = true\nvar isVue3 = false\nvar Vue2 = Vue\nvar warn = Vue.util.warn\n\nfunction install() {}\n\n// createApp polyfill\nexport function createApp(rootComponent, rootProps) {\n var vm\n var provide = {}\n var app = {\n config: Vue.config,\n use: Vue.use.bind(Vue),\n mixin: Vue.mixin.bind(Vue),\n component: Vue.component.bind(Vue),\n provide: function (key, value) {\n provide[key] = value\n return this\n },\n directive: function (name, dir) {\n if (dir) {\n Vue.directive(name, dir)\n return app\n } else {\n return Vue.directive(name)\n }\n },\n mount: function (el, hydrating) {\n if (!vm) {\n vm = new Vue(Object.assign({ propsData: rootProps }, rootComponent, { provide: Object.assign(provide, rootComponent.provide) }))\n vm.$mount(el, hydrating)\n return vm\n } else {\n return vm\n }\n },\n unmount: function () {\n if (vm) {\n vm.$destroy()\n vm = undefined\n }\n },\n }\n return app\n}\n\nexport {\n Vue,\n Vue2,\n isVue2,\n isVue3,\n install,\n warn\n}\n\n// Vue 3 components mock\nfunction createMockComponent(name) {\n return {\n setup() {\n throw new Error('[vue-demi] ' + name + ' is not supported in Vue 2. It\\'s provided to avoid compiler errors.')\n }\n }\n}\nexport var Fragment = /#__PURE__/ createMockComponent('Fragment')\nexport var Transition = /#__PURE__/ createMockComponent('Transition')\nexport var TransitionGroup = /#__PURE__/ createMockComponent('TransitionGroup')\nexport var Teleport = /#__PURE__/ createMockComponent('Teleport')\nexport var Suspense = /#__PURE__/ createMockComponent('Suspense')\nexport var KeepAlive = /#__PURE__/ createMockComponent('KeepAlive')\n\nexport * from 'vue'\n\n// Not implemented https://github.com/vuejs/core/pull/8111, falls back to getCurrentInstance()\nexport function hasInjectionContext() {\n return !!getCurrentInstance()\n}\n"],"names":["isVue2","Vue2","Vue"],"mappings":";AAGG,IAACA,IAAS,IAETC,IAAOC;AACAA,EAAI,KAAK;","x_google_ignoreList":[0]}