@adyen/bento-vue3 1.26.0 → 1.28.0

package/dist/chunks/form-layout-title.4Gz8-dJv.js

@@ -0,0 +1,204 @@
+import { defineComponent as _, useSlots as g, computed as c, provide as O, toRef as S, openBlock as l, createBlock as p, resolveDynamicComponent as C, unref as o, withCtx as d, renderSlot as a, createCommentVNode as m, createElementBlock as f, createElementVNode as $, normalizeClass as B, createVNode as I } from "vue";
+import { B as L } from "./alert.C0gIf7Ka.js";
+import { F as k } from "./form-layout.types.D3EKzbE7.js";
+import { u as b } from "./use-has-slot.B7eQSabc.js";
+import { _ as y } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { B as v, c as E } from "./typography.D7onlQ9v.js";
+import "../assets/form-layout-title.css";
+const N = {
+  key: 1,
+  class: "b-form-layout__actions-container"
+}, F = { class: "b-form-layout__actions" }, A = { class: "b-form-layout__actions" }, R = {}, w = /* @__PURE__ */ _({
+  ...R,
+  __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 }
+  },
+  setup(t) {
+    const e = t, n = g(), s = b(n), i = c(() => e.form ? "form" : "div"), u = c(() => s("actions-left") || s("actions-right"));
+    return O(k, S(e, "loading")), (r, T) => (l(), p(C(o(i)), {
+      class: "b-form-layout",
+      role: "form"
+    }, {
+      default: d(() => [
+        o(s)("error-message") ? (l(), p(o(L), {
+          key: 0,
+          class: "b-form-layout__error-message",
+          type: "critical"
+        }, {
+          description: d(() => [
+            a(r.$slots, "error-message", {}, void 0, !0)
+          ]),
+          _: 3
+        })) : m("", !0),
+        a(r.$slots, "default", {}, void 0, !0),
+        o(u) ? (l(), f("div", N, [
+          $("div", F, [
+            a(r.$slots, "actions-left", {}, void 0, !0)
+          ]),
+          $("div", A, [
+            a(r.$slots, "actions-right", {}, void 0, !0)
+          ])
+        ])) : m("", !0)
+      ]),
+      _: 3
+    }));
+  }
+}), W = /* @__PURE__ */ y(w, [["__scopeId", "data-v-f0c8b741"]]), D = ["warning", "critical", "highlight", "success"], G = { class: "b-form-layout-field-tip" }, P = {}, V = /* @__PURE__ */ _({
+  ...P,
+  __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) => D.includes(t)
+    }
+  },
+  setup(t) {
+    const e = g(), n = b(e);
+    return (s, i) => (l(), f("div", G, [
+      a(s.$slots, "default", {}, void 0, !0),
+      o(n)("message") ? (l(), p(o(L), {
+        key: 0,
+        variant: "tip",
+        type: t.type
+      }, {
+        description: d(() => [
+          a(s.$slots, "message", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["type"])) : m("", !0)
+    ]));
+  }
+}), X = /* @__PURE__ */ y(V, [["__scopeId", "data-v-84d68dd1"]]), h = [
+  "100",
+  "50",
+  "33",
+  "25",
+  "66-33",
+  "33-66",
+  "75-25",
+  "25-75",
+  "50-50",
+  "33-33-33"
+], U = {}, Y = /* @__PURE__ */ _({
+  ...U,
+  __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 e = t, n = 100, s = c(
+      () => h.includes(e.layout) ? e.layout : n
+    ), i = c(() => ({
+      // Transform into column if the layout is unsupported
+      "b-form-layout-group--column": !h.includes(e.layout),
+      // Assings the correct layout class
+      [`b-form-layout-group--${s.value}`]: !0
+    }));
+    return (u, r) => (l(), f("div", {
+      class: B(["b-form-layout-group", o(i)])
+    }, [
+      a(u.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), Z = /* @__PURE__ */ y(Y, [["__scopeId", "data-v-0795cceb"]]), j = {}, q = /* @__PURE__ */ _({
+  ...j,
+  __name: "form-layout-title",
+  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: v.props.el.type,
+      required: !0,
+      validator: (t) => Object.values(E).includes(t)
+    }
+  },
+  setup(t) {
+    const e = t, n = g(), s = c(() => !e.subsection), i = b(n), u = c(() => ({
+      "b-form-layout-title--subsection": e.subsection
+    }));
+    return (r, T) => (l(), f("div", {
+      class: B(["b-form-layout-title", o(u)])
+    }, [
+      I(o(v), {
+        el: t.el,
+        variant: "title",
+        medium: o(s)
+      }, {
+        default: d(() => [
+          a(r.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["el", "medium"]),
+      o(i)("description") ? (l(), p(o(v), {
+        key: 0,
+        class: "b-form-layout-title__description",
+        el: "span",
+        wide: ""
+      }, {
+        default: d(() => [
+          a(r.$slots, "description", {}, void 0, !0)
+        ]),
+        _: 3
+      })) : m("", !0)
+    ], 2));
+  }
+}), x = /* @__PURE__ */ y(q, [["__scopeId", "data-v-fbc939de"]]);
+export {
+  X as a,
+  x as b,
+  Z as c,
+  W as f
+};
+//# sourceMappingURL=form-layout-title.4Gz8-dJv.js.map

package/dist/chunks/form-layout-title.4Gz8-dJv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-layout-title.4Gz8-dJv.js","sources":["../../../vue2/src/components/form-layout/form-layout.vue","../../../vue2/src/components/form-layout/components/form-layout-field-tip/form-layout-tip.types.ts","../../../vue2/src/components/form-layout/components/form-layout-field-tip/form-layout-field-tip.vue","../../../vue2/src/components/form-layout/components/form-layout-group/form-layout-group.types.ts","../../../vue2/src/components/form-layout/components/form-layout-group/form-layout-group.vue","../../../vue2/src/components/form-layout/components/form-layout-title/form-layout-title.vue"],"sourcesContent":["<template>\n    <component :is=\"formLayoutElement\" class=\"b-form-layout\" role=\"form\">\n        <bento-alert v-if=\"hasSlot('error-message')\" class=\"b-form-layout__error-message\" type=\"critical\">\n            <template #description>\n                <slot name=\"error-message\" />\n            </template>\n        </bento-alert>\n\n        <slot />\n\n        <div v-if=\"hasActions\" class=\"b-form-layout__actions-container\">\n            <div class=\"b-form-layout__actions\">\n                <slot name=\"actions-left\" />\n            </div>\n\n            <div class=\"b-form-layout__actions\">\n                <slot name=\"actions-right\" />\n            </div>\n        </div>\n    </component>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, provide, toRef, useSlots } from 'vue';\n    import { BentoAlert } from '@/components/alert';\n    import { useHasSlot } from '@/composables';\n    import { FORM_LAYOUT_LOADING_INJECTION_KEY } from './form-layout.types';\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const props = defineProps({\n        /**\n         * Renders the form layout as an HTML `form`\n         */\n        form: { type: Boolean, default: false },\n\n        /**\n         * Sets the state of the form and its fields to\n         * a read only status.\n         */\n        loading: { type: Boolean, default: false },\n    });\n\n    const formLayoutElement = computed(() => (props.form ? 'form' : 'div'));\n    const hasActions = computed(() => hasSlot('actions-left') || hasSlot('actions-right'));\n\n    provide(FORM_LAYOUT_LOADING_INJECTION_KEY, toRef(props, 'loading'));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Form layout component is a pre-designed layout that serves\n     * as a starting point for creating a form.\n     *\n     * It can include various common form components:\n     * input field, dropdown, date picker, checkbox group, radio group,\n     * textarea, etc.\n     *\n     * Form layout is context agnostic and can be dropped in different\n     * places, for example in modals, side panels or pages.\n     *\n     * @example\n     * import { BentoFormLayout, BentoFormLayoutFieldTip } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoFormLayout, BentoFormLayoutFieldTip },\n     *     template: `\n     *          <bento-form-layout>\n     *              <template #error-message>There is an error. Correct the highlighted field.</template>\n     *\n     *              <bento-input-field>Input field</bento-input-field>\n     *\n     *              <bento-form-layout-field-tip>\n     *                  <bento-dropdown label=\"Dropdown\" :items=\"dropdownItems\" placeholder=\"Select an animal\" />\n     *                  <template #message>This is a small tip that can be used in small spaces</template>\n     *              </bento-form-layout-field-tip>\n     *\n     *              <bento-form-layout-title subsection>\n     *                  Section title\n     *                  <template #description>Optional section description</template>\n     *              </bento-form-layout-title>\n     *          </bento-form-layout>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./form-layout.scss\" />\n","import { BentoAlertTypeOption } from '@/components/alert/alert.types';\n\nexport type BentoFormLayoutFieldTipTypeOption = `${BentoAlertTypeOption}`;\nexport const BentoFormLayoutFieldTipTypeOptions = ['warning', 'critical', 'highlight', 'success'];\n","<template>\n    <div class=\"b-form-layout-field-tip\">\n        <slot />\n        <bento-alert v-if=\"hasSlot('message')\" variant=\"tip\" :type=\"type\">\n            <template #description>\n                <slot name=\"message\" />\n            </template>\n        </bento-alert>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { PropType, useSlots } from 'vue';\n    import { BentoFormLayoutFieldTipTypeOption, BentoFormLayoutFieldTipTypeOptions } from './form-layout-tip.types';\n    import { BentoAlert } from '@/components/alert';\n    import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n\n    defineProps({\n        /**\n         * Type of a alert; set a distinctive icon and color. Defaults to highlight.\n         * @values highlight, success, critical, warning\n         */\n        type: {\n            type: String as PropType<BentoFormLayoutFieldTipTypeOption>,\n            default: 'highlight',\n            validator: (value: BentoFormLayoutFieldTipTypeOption) => BentoFormLayoutFieldTipTypeOptions.includes(value),\n        },\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * You can help users provide accurate and well formatted information\n     * by using various elements that come with an input field.\n     *\n     * Use description/supporting text to add additional context to the\n     * field or guidance how to format the input correctly.\n     * Because description is always visible it should be the first\n     * choice in providing guidance.\n     *\n     * @example\n     * import { BentoFormLayoutFieldTip } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoFormLayoutFieldTip },\n     *     template: `\n     *          <bento-form-layout-field-tip>\n     *              <bento-dropdown label=\"Dropdown\" :items=\"dropdownItems\" placeholder=\"Select an animal\" />\n     *\n     *              <template #message>This is a small tip that can be used in small spaces</template>\n     *          </bento-form-layout-field-tip>\n     *     `\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./form-layout-field-tip.scss\" />\n","export type BentoLayoutGroupProportions =\n    | '33-33-33'\n    | '50-50'\n    | '25-75'\n    | '75-25'\n    | '33-66'\n    | '66-33'\n    | '25'\n    | '33'\n    | '50'\n    | '100';\n\nexport const BentoLayoutGroupProportions = [\n    '100',\n    '50',\n    '33',\n    '25',\n    '66-33',\n    '33-66',\n    '75-25',\n    '25-75',\n    '50-50',\n    '33-33-33',\n];\n","<template>\n    <div class=\"b-form-layout-group\" :class=\"conditionalClasses\">\n        <slot></slot>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType } from 'vue';\n    import { BentoLayoutGroupProportions } from './form-layout-group.types';\n\n    // Default proportion\n    const DEFAULT_PROPORTION = 100;\n\n    const props = defineProps({\n        /**\n         * The layout of the pair group of components.\n         * This will render the components within the width of the proportions.\n         * Only two colums are available.\n         *\n         * If only one value is entered, then it will assume there's only one child in the group.\n         * If two values are entered, the first value will be use for the first child and the second\n         * value for the second child.\n         *\n         * If the value entered is not listed in the example\n         * list below it will use 100% by default.\n         * @example\n         * '33-33-33'\n         * '50-50'\n         * '25-75'\n         * '75-25'\n         * '33-66'\n         * '66-33'\n         * '25'\n         * '33'\n         * '50'\n         * '100'\n         */\n        layout: {\n            type: String as PropType<BentoLayoutGroupProportions>,\n            default: '100',\n            validator: (value: BentoLayoutGroupProportions) => BentoLayoutGroupProportions.includes(value),\n        },\n    });\n\n    // Sets DEFAULT_PROPORTION by default if `layout` is not in the list\n    const computedLayout = computed(() =>\n        BentoLayoutGroupProportions.includes(props.layout) ? props.layout : DEFAULT_PROPORTION\n    );\n\n    const conditionalClasses = computed(() => ({\n        // Transform into column if the layout is unsupported\n        'b-form-layout-group--column': !BentoLayoutGroupProportions.includes(props.layout),\n        // Assings the correct layout class\n        [`b-form-layout-group--${computedLayout.value}`]: true,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Use to provide horizontal layouts to build forms\n     * with two fields per line.\n     *\n     * These can be used for field combinations,\n     * such as post code and city or title and first name.\n     *\n     * @example\n     * import { BentoFormLayoutGroup } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoFormLayoutGroup },\n     *     template: `\n     *          <bento-form-layout-group>\n     *              <first-element />\n     *              <second-element />\n     *          </bento-form-layout-group>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./form-layout-group.scss\" />\n","<template>\n    <div class=\"b-form-layout-title\" :class=\"conditionalClasses\">\n        <bento-typography :el=\"el\" variant=\"title\" :medium=\"isSection\">\n            <slot />\n        </bento-typography>\n\n        <bento-typography v-if=\"hasSlot('description')\" class=\"b-form-layout-title__description\" el=\"span\" wide>\n            <slot name=\"description\" />\n        </bento-typography>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, useSlots } from 'vue';\n    import { BentoTypography, BentoTypographyElement } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n\n    const slots = useSlots();\n\n    const props = defineProps({\n        /**\n         * Defines if the Form Layout title is\n         * a \"section\" or a \"subsection\".\n         * Default is \"section\" (false). Turn into \"true\" for \"subsection\"\n         */\n        subsection: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Sets the HTML DOM element.\n         * @values h1, h2, h3, h4, h5, h6, div, p, span\n         */\n        el: {\n            type: BentoTypography.props.el.type,\n            required: true,\n            validator: (value: BentoTypographyElement) => Object.values(BentoTypographyElement).includes(value),\n        },\n    });\n\n    // Uses \"medium\" typography if it is a section title\n    const isSection = computed(() => !props.subsection);\n    const hasSlot = useHasSlot(slots);\n    const conditionalClasses = computed(() => ({\n        'b-form-layout-title--subsection': props.subsection,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * If you’re building a lengthy form, organise related\n     * fields into sections and, if needed, subsections.\n     *\n     * A form can have a \"Section Title\" and multiple \"Subsection titles\".\n     *\n     * One of the values provided in @see BentoTypographyElement must always be provided as a string\n     * to define correct HTML sementic from the application's context\n     *\n     * @example\n     * import { BentoFormLayoutTitle } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoFormLayoutTitle },\n     *     template: `\n     *          <bento-form-layout-title subsection el=\"h2\">\n     *              Title\n     *              <template #description>Description text</template>\n     *          </bento-form-layout-title>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./form-layout-title.scss\" />\n"],"names":["__default__$3","slots","useSlots","hasSlot","useHasSlot","formLayoutElement","computed","props","hasActions","provide","FORM_LAYOUT_LOADING_INJECTION_KEY","toRef","BentoFormLayoutFieldTipTypeOptions","__default__$2","BentoLayoutGroupProportions","__default__$1","DEFAULT_PROPORTION","computedLayout","conditionalClasses","__default__","isSection"],"mappings":";;;;;;;;;;qFAsFIA,IAAA,CAAA;;;;;;;;;;;;;;;iBA1DAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAeAI,IAAAC,EAAA,MAAAC,EAAA,OAAA,SAAA,KAAA,GACAC,IAAAF,EAAA,MAAAH,EAAA,cAAA,KAAAA,EAAA,eAAA,CAAA;AAEA,WAAAM,EAAAC,GAAAC,EAAAJ,GAAA,SAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEC5CGK,IAAA,CAAA,WAAA,YAAA,aAAA,SAAA,6CCqDHC,IAAA,CAAA;;;;;;;;;;;;;;;AA3BA,UAAAZ,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA;;;;;;;;;;;;;;;kEClBGa,IAAA;AAAA,EAAoC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAEJ,GCuDIC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAnEAC,IAAA,KAkCAC,IAAAX;AAAA,MAAuB,MAAAQ,EAAA,SAAAP,EAAA,MAAA,IAAAA,EAAA,SAAAS;AAAA,IACiD,GAGxEE,IAAAZ,EAAA,OAAA;AAAA;AAAA,MAA2C,+BAAA,CAAAQ,EAAA,SAAAP,EAAA,MAAA;AAAA;AAAA,MAE0C,CAAA,wBAAAU,EAAA,KAAA,EAAA,GAAA;AAAA,IAE/B,EAAA;;;;;;;kECmBtDE,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;iBAvDAlB,IAAAC,EAAA,GAyBAkB,IAAAd,EAAA,MAAA,CAAAC,EAAA,UAAA,GACAJ,IAAAC,EAAAH,CAAA,GACAiB,IAAAZ,EAAA,OAAA;AAAA,MAA2C,mCAAAC,EAAA;AAAA,IACE,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"form-layout.types.a7a1438d.js","sources":["../../../vue2/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;"}
+{"version":3,"file":"form-layout.types.D3EKzbE7.js","sources":["../../../vue2/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.bead058f.js → get-slot-text.D5WBGjic.js}

@@ -6,4 +6,4 @@ const n = (r, t) => t > 5 ? "" : Array.isArray(r) ? n(r == null ? void 0 : r[0].
 export {
   a as g
 };
-//# sourceMappingURL=get-slot-text.bead058f.js.map
+//# sourceMappingURL=get-slot-text.D5WBGjic.js.map

package/dist/chunks/{get-slot-text.bead058f.js.map → get-slot-text.D5WBGjic.js.map}

@@ -1 +1 @@
-{"version":3,"file":"get-slot-text.bead058f.js","sources":["../../../vue2/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,IAIZD,EAAoBC,KAAA,gBAAAA,EAAQ,GAAG,UAAUC,IAAc,CAAC,IAEtBD,KAAA,gBAAAA,EAAO,YAS3CE,IAAc,CAACC,MAAiB,CAACC,MAAA;;AAC1C,SAAAL,GAAoBM,IAAAF,EAAMC,OAAN,gBAAAC,EAAA,KAAAF,IAA4C,CAAC;AAAA;"}
+{"version":3,"file":"get-slot-text.D5WBGjic.js","sources":["../../../vue2/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,IAIZD,EAAoBC,KAAA,gBAAAA,EAAQ,GAAG,UAAUC,IAAc,CAAC,IAEtBD,KAAA,gBAAAA,EAAO,YAS3CE,IAAc,CAACC,MAAiB,CAACC,MAAA;;AAC1C,SAAAL,GAAoBM,IAAAF,EAAMC,OAAN,gBAAAC,EAAA,KAAAF,IAA4C,CAAC;AAAA;"}

package/dist/chunks/{grid-layout.c2fe3057.js → grid-layout.CqLbbEzI.js}

@@ -1,6 +1,6 @@
-import { defineComponent as p, computed as _, openBlock as t, createElementBlock as l, normalizeClass as e, renderSlot as u, createCommentVNode as i } from "vue";
-import { u as S } from "./use-has-slot.4d98bf29.js";
-import { _ as v } from "./_plugin-vue_export-helper.dad06003.js";
+import { defineComponent as p, computed as S, openBlock as l, createElementBlock as t, normalizeClass as e, renderSlot as u, createCommentVNode as i } from "vue";
+import { u as v } from "./use-has-slot.B7eQSabc.js";
+import { _ as h } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/grid-layout.css";
 var d = /* @__PURE__ */ ((o) => (o.INLINE = "inline-size", o.SIZE = "size", o.NORMAL = "normal", o))(d || {});
 const b = p({
@@ -31,7 +31,7 @@ const b = p({
     }
   },
   setup(o, { slots: n }) {
-    const r = S(n), c = (a) => {
+    const r = v(n), c = (a) => {
       var y, g;
       if ((y = o.columnWidth) != null && y[a] && ((g = o.columnWidth) == null ? void 0 : g[a]) !== "auto") {
         const s = o.columnWidth[a];
@@ -42,7 +42,7 @@ const b = p({
         ];
       }
       return null;
-    }, m = _(() => ({
+    }, m = S(() => ({
       "b-grid-layout--container-type-normal": o.containerType === d.NORMAL,
       "b-grid-layout--container-type-size": o.containerType === d.SIZE,
       "b-grid-layout--all-auto": o.columnWidth === null || o.columnWidth.every((a) => a === "auto"),
@@ -58,46 +58,46 @@ const b = p({
   }
 });
 function f(o, n, r, c, m, a) {
-  return t(), l("div", {
+  return l(), t("div", {
     class: e(["b-grid-layout", o.computedClasses]),
     "data-testid": "grid-layout"
   }, [
-    o.hasSlot("col-1") ? (t(), l("div", {
+    o.hasSlot("col-1") ? (l(), t("div", {
       key: 0,
       class: e(["b-grid-layout__column", o.computeColumnSize(0)]),
       "data-testid": "grid-layout-col-1"
     }, [
       u(o.$slots, "col-1", {}, void 0, !0)
     ], 2)) : i("", !0),
-    o.hasSlot("col-2") ? (t(), l("div", {
+    o.hasSlot("col-2") ? (l(), t("div", {
       key: 1,
       class: e(["b-grid-layout__column", o.computeColumnSize(1)]),
       "data-testid": "grid-layout-col-2"
     }, [
       u(o.$slots, "col-2", {}, void 0, !0)
     ], 2)) : i("", !0),
-    o.hasSlot("col-3") ? (t(), l("div", {
+    o.hasSlot("col-3") ? (l(), t("div", {
       key: 2,
       class: e(["b-grid-layout__column", o.computeColumnSize(2)]),
       "data-testid": "grid-layout-col-3"
     }, [
       u(o.$slots, "col-3", {}, void 0, !0)
     ], 2)) : i("", !0),
-    o.hasSlot("col-4") ? (t(), l("div", {
+    o.hasSlot("col-4") ? (l(), t("div", {
       key: 3,
       class: e(["b-grid-layout__column", o.computeColumnSize(3)]),
       "data-testid": "grid-layout-col-4"
     }, [
       u(o.$slots, "col-4", {}, void 0, !0)
     ], 2)) : i("", !0),
-    o.hasSlot("col-5") ? (t(), l("div", {
+    o.hasSlot("col-5") ? (l(), t("div", {
       key: 4,
       class: e(["b-grid-layout__column", o.computeColumnSize(4)]),
       "data-testid": "grid-layout-col-5"
     }, [
       u(o.$slots, "col-5", {}, void 0, !0)
     ], 2)) : i("", !0),
-    o.hasSlot("col-6") ? (t(), l("div", {
+    o.hasSlot("col-6") ? (l(), t("div", {
       key: 5,
       class: e(["b-grid-layout__column", o.computeColumnSize(5)]),
       "data-testid": "grid-layout-col-6"
@@ -106,9 +106,9 @@ function f(o, n, r, c, m, a) {
     ], 2)) : i("", !0)
   ], 2);
 }
-const C = /* @__PURE__ */ v(b, [["render", f], ["__scopeId", "data-v-bfda2e12"]]);
+const _ = /* @__PURE__ */ h(b, [["render", f], ["__scopeId", "data-v-bfda2e12"]]);
 export {
-  C as G,
+  _ as G,
   d as a
 };
-//# sourceMappingURL=grid-layout.c2fe3057.js.map
+//# sourceMappingURL=grid-layout.CqLbbEzI.js.map

package/dist/chunks/{grid-layout.c2fe3057.js.map → grid-layout.CqLbbEzI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"grid-layout.c2fe3057.js","sources":["../../../vue2/src/components/internal/grid-layout/grid-layout.types.ts","../../../vue2/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","openBlock","createElementBlock","normalizeClass","_ctx"],"mappings":"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"}
+{"version":3,"file":"grid-layout.CqLbbEzI.js","sources":["../../../vue2/src/components/internal/grid-layout/grid-layout.types.ts","../../../vue2/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","openBlock","createElementBlock","normalizeClass","_ctx"],"mappings":"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"}