@adyen/bento-vue2 1.81.0 → 1.82.0

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

@@ -0,0 +1,197 @@
+import { defineComponent as n, useSlots as c, computed as a, provide as d, toRef as y } from "vue";
+import { B as f } from "./alert.SZPP58tl.js";
+import { u } from "./use-has-slot.C9lQZ6nz.js";
+import { F as v } from "./form-layout.types.bZW9iR6_.js";
+import { n as l } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { B as p, c as g } from "./typography.hlOAxsEn.js";
+import "../assets/form-layout-title.css";
+const h = {}, b = /* @__PURE__ */ n({
+  ...h,
+  __name: "form-layout",
+  props: {
+    /**
+     * Renders the form layout as an HTML `form`
+     */
+    form: { type: Boolean, default: !1 },
+    /**
+     * Sets the state of the form and its fields to
+     * a read only status.
+     */
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["submit"],
+  setup(e, { emit: t }) {
+    const o = e, s = c(), r = u(s), i = a(() => o.form ? "form" : "div"), m = a(() => r("actions-left") || r("actions-right"));
+    return d(v, y(o, "loading")), { __sfc: !0, slots: s, hasSlot: r, emit: t, props: o, formLayoutElement: i, hasActions: m, BentoAlert: f };
+  }
+});
+var C = function() {
+  var t = this, o = t._self._c, s = t._self._setupProxy;
+  return o(s.formLayoutElement, { tag: "component", staticClass: "b-form-layout", attrs: { role: "form" }, on: { submit: function(r) {
+    return s.emit("submit", r);
+  } } }, [s.hasSlot("error-message") ? o(s.BentoAlert, { staticClass: "b-form-layout__error-message", attrs: { type: "critical" }, scopedSlots: t._u([{ key: "description", fn: function() {
+    return [t._t("error-message")];
+  }, proxy: !0 }], null, !0) }) : t._e(), t._t("default"), s.hasActions ? o("div", { staticClass: "b-form-layout__actions-container" }, [o("div", { staticClass: "b-form-layout__actions" }, [t._t("actions-left")], 2), o("div", { staticClass: "b-form-layout__actions" }, [t._t("actions-right")], 2)]) : t._e()], 2);
+}, $ = [], S = /* @__PURE__ */ l(
+  b,
+  C,
+  $,
+  !1,
+  null,
+  "b895dc37"
+);
+const J = S.exports, B = ["warning", "critical", "highlight", "success"], L = {}, T = /* @__PURE__ */ n({
+  ...L,
+  __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: (e) => B.includes(e)
+    },
+    /**
+     * Unique identifier to the form field. Used for accessibility.
+     */
+    id: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(e) {
+    const t = c(), o = u(t);
+    return { __sfc: !0, slots: t, hasSlot: o, BentoAlert: f };
+  }
+});
+var x = function() {
+  var t = this, o = t._self._c, s = t._self._setupProxy;
+  return o("div", { staticClass: "b-form-layout-field-tip" }, [t._t("default"), s.hasSlot("message") ? o(s.BentoAlert, { attrs: { id: t.id, variant: "tip", type: t.type }, scopedSlots: t._u([{ key: "description", fn: function() {
+    return [t._t("message")];
+  }, proxy: !0 }], null, !0) }) : t._e()], 2);
+}, F = [], O = /* @__PURE__ */ l(
+  T,
+  x,
+  F,
+  !1,
+  null,
+  "47d36a49"
+);
+const K = O.exports, _ = [
+  "100",
+  "50",
+  "33",
+  "25",
+  "66-33",
+  "33-66",
+  "75-25",
+  "25-75",
+  "50-50",
+  "33-33-33"
+], A = {}, R = /* @__PURE__ */ n({
+  ...A,
+  __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: (e) => _.includes(e)
+    }
+  },
+  setup(e) {
+    const t = e, o = 100, s = a(
+      () => _.includes(t.layout) ? t.layout : o
+    ), r = a(() => ({
+      // Transform into column if the layout is unsupported
+      "b-form-layout-group--column": !_.includes(t.layout),
+      // Assings the correct layout class
+      [`b-form-layout-group--${s.value}`]: !0
+    }));
+    return { __sfc: !0, DEFAULT_PROPORTION: o, props: t, computedLayout: s, conditionalClasses: r };
+  }
+});
+var P = function() {
+  var t = this, o = t._self._c, s = t._self._setupProxy;
+  return o("div", { staticClass: "b-form-layout-group", class: s.conditionalClasses }, [t._t("default")], 2);
+}, E = [], I = /* @__PURE__ */ l(
+  R,
+  P,
+  E,
+  !1,
+  null,
+  "18d77022"
+);
+const M = I.exports, N = {}, G = /* @__PURE__ */ n({
+  ...N,
+  __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: p.props.el.type,
+      required: !0,
+      validator: (e) => Object.values(g).includes(e)
+    }
+  },
+  setup(e) {
+    const t = e, o = c(), s = a(() => !t.subsection), r = u(o), i = a(() => ({
+      "b-form-layout-title--subsection": t.subsection
+    }));
+    return { __sfc: !0, slots: o, props: t, isSection: s, hasSlot: r, conditionalClasses: i, BentoTypography: p };
+  }
+});
+var k = function() {
+  var t = this, o = t._self._c, s = t._self._setupProxy;
+  return o("div", { staticClass: "b-form-layout-title", class: s.conditionalClasses }, [o(s.BentoTypography, { attrs: { el: t.el, variant: "title", medium: s.isSection } }, [t._t("default")], 2), s.hasSlot("description") ? o(s.BentoTypography, { staticClass: "b-form-layout-title__description", attrs: { el: "span", wide: "" } }, [t._t("description")], 2) : t._e()], 1);
+}, w = [], D = /* @__PURE__ */ l(
+  G,
+  k,
+  w,
+  !1,
+  null,
+  "03648a9d"
+);
+const Q = D.exports;
+export {
+  K as a,
+  Q as b,
+  M as c,
+  J as f
+};
+//# sourceMappingURL=form-layout-title.B_oVSX5b.js.map

package/dist/chunks/form-layout-title.B_oVSX5b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-layout-title.B_oVSX5b.js","sources":["../../src/components/form-layout/form-layout.vue","../../src/components/form-layout/components/form-layout-field-tip/form-layout-tip.types.ts","../../src/components/form-layout/components/form-layout-field-tip/form-layout-field-tip.vue","../../src/components/form-layout/components/form-layout-group/form-layout-group.types.ts","../../src/components/form-layout/components/form-layout-group/form-layout-group.vue","../../src/components/form-layout/components/form-layout-title/form-layout-title.vue"],"sourcesContent":["<template>\n    <component :is=\"formLayoutElement\" class=\"b-form-layout\" role=\"form\" @submit=\"emit('submit', $event)\">\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 emit = defineEmits([\"submit\"]);\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 { type 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')\" :id=\"id\" 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 { type PropType, useSlots } from 'vue';\n    import {\n        type BentoFormLayoutFieldTipTypeOption,\n        BentoFormLayoutFieldTipTypeOptions,\n    } 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         * Unique identifier to the form field. Used for accessibility.\n         */\n        id: {\n            type: String,\n            default: undefined,\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, type 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":";;;;;;;AAwFI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;;iBA5DAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAiBAI,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;;;;;;;;;;;;;;;;;;qBC9CGK,IAAA,CAAA,WAAA,YAAA,aAAA,SAAA,GC+DHC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;AA3BA,UAAAZ,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA;;;;;;;;;;;;;;;;;qBC5BGa,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;;;;;;;;;;;;;;;qBCmBtDE,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.bZW9iR6_.js

@@ -0,0 +1,5 @@
+const o = /* @__PURE__ */ Symbol("form layout loading injection key");
+export {
+  o as F
+};
+//# sourceMappingURL=form-layout.types.bZW9iR6_.js.map

package/dist/chunks/form-layout.types.bZW9iR6_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-layout.types.bZW9iR6_.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,2BAA2C,mCAAmC;"}

package/dist/chunks/generate-uid.NJ8tVoha.js

@@ -0,0 +1,32 @@
+const e = [];
+for (let n = 0; n < 256; ++n)
+  e.push((n + 256).toString(16).slice(1));
+function y(n, t = 0) {
+  return (e[n[t + 0]] + e[n[t + 1]] + e[n[t + 2]] + e[n[t + 3]] + "-" + e[n[t + 4]] + e[n[t + 5]] + "-" + e[n[t + 6]] + e[n[t + 7]] + "-" + e[n[t + 8]] + e[n[t + 9]] + "-" + e[n[t + 10]] + e[n[t + 11]] + e[n[t + 12]] + e[n[t + 13]] + e[n[t + 14]] + e[n[t + 15]]).toLowerCase();
+}
+let u;
+const g = new Uint8Array(16);
+function i() {
+  if (!u) {
+    if (typeof crypto > "u" || !crypto.getRandomValues)
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    u = crypto.getRandomValues.bind(crypto);
+  }
+  return u(g);
+}
+const m = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), o = { randomUUID: m };
+function r(n, t, U) {
+  var c;
+  if (o.randomUUID && !n)
+    return o.randomUUID();
+  n = n || {};
+  const d = n.random ?? ((c = n.rng) == null ? void 0 : c.call(n)) ?? i();
+  if (d.length < 16)
+    throw new Error("Random bytes length must be >= 16");
+  return d[6] = d[6] & 15 | 64, d[8] = d[8] & 63 | 128, y(d);
+}
+const p = (n) => n ? `${n}-${r()}` : r();
+export {
+  p as g
+};
+//# sourceMappingURL=generate-uid.NJ8tVoha.js.map

package/dist/chunks/generate-uid.NJ8tVoha.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-uid.NJ8tVoha.js","sources":["../../../../node_modules/.pnpm/uuid@11.0.5/node_modules/uuid/dist/esm-browser/stringify.js","../../../../node_modules/.pnpm/uuid@11.0.5/node_modules/uuid/dist/esm-browser/rng.js","../../../../node_modules/.pnpm/uuid@11.0.5/node_modules/uuid/dist/esm-browser/native.js","../../../../node_modules/.pnpm/uuid@11.0.5/node_modules/uuid/dist/esm-browser/v4.js","../../../core/src/utils/ts/generate-uid.ts"],"sourcesContent":["import validate from './validate.js';\nconst byteToHex = [];\nfor (let i = 0; i < 256; ++i) {\n    byteToHex.push((i + 0x100).toString(16).slice(1));\n}\nexport function unsafeStringify(arr, offset = 0) {\n    return (byteToHex[arr[offset + 0]] +\n        byteToHex[arr[offset + 1]] +\n        byteToHex[arr[offset + 2]] +\n        byteToHex[arr[offset + 3]] +\n        '-' +\n        byteToHex[arr[offset + 4]] +\n        byteToHex[arr[offset + 5]] +\n        '-' +\n        byteToHex[arr[offset + 6]] +\n        byteToHex[arr[offset + 7]] +\n        '-' +\n        byteToHex[arr[offset + 8]] +\n        byteToHex[arr[offset + 9]] +\n        '-' +\n        byteToHex[arr[offset + 10]] +\n        byteToHex[arr[offset + 11]] +\n        byteToHex[arr[offset + 12]] +\n        byteToHex[arr[offset + 13]] +\n        byteToHex[arr[offset + 14]] +\n        byteToHex[arr[offset + 15]]).toLowerCase();\n}\nfunction stringify(arr, offset = 0) {\n    const uuid = unsafeStringify(arr, offset);\n    if (!validate(uuid)) {\n        throw TypeError('Stringified UUID is invalid');\n    }\n    return uuid;\n}\nexport default stringify;\n","let getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n    if (!getRandomValues) {\n        if (typeof crypto === 'undefined' || !crypto.getRandomValues) {\n            throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n        }\n        getRandomValues = crypto.getRandomValues.bind(crypto);\n    }\n    return getRandomValues(rnds8);\n}\n","const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default { randomUUID };\n","import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\nfunction v4(options, buf, offset) {\n    if (native.randomUUID && !buf && !options) {\n        return native.randomUUID();\n    }\n    options = options || {};\n    const rnds = options.random ?? options.rng?.() ?? rng();\n    if (rnds.length < 16) {\n        throw new Error('Random bytes length must be >= 16');\n    }\n    rnds[6] = (rnds[6] & 0x0f) | 0x40;\n    rnds[8] = (rnds[8] & 0x3f) | 0x80;\n    if (buf) {\n        offset = offset || 0;\n        if (offset < 0 || offset + 16 > buf.length) {\n            throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);\n        }\n        for (let i = 0; i < 16; ++i) {\n            buf[offset + i] = rnds[i];\n        }\n        return buf;\n    }\n    return unsafeStringify(rnds);\n}\nexport default v4;\n","import { v4 } from 'uuid';\n\n/**\n * Returns a unique identifier optionally prefixed by a custom string\n * @param value - The string to be prepended to the unique identifier\n */\nexport const generateUid = (value: string): string => (value ? `${value}-${v4()}` : v4());\n"],"names":["byteToHex","i","unsafeStringify","arr","offset","getRandomValues","rnds8","rng","randomUUID","native","v4","options","buf","_a","rnds","generateUid","value"],"mappings":"AACA,MAAMA,IAAY,CAAE;AACpB,SAASC,IAAI,GAAGA,IAAI,KAAK,EAAEA;AACvB,EAAAD,EAAU,MAAMC,IAAI,KAAO,SAAS,EAAE,EAAE,MAAM,CAAC,CAAC;AAE7C,SAASC,EAAgBC,GAAKC,IAAS,GAAG;AAC7C,UAAQJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IAC7BJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzBJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzBJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzB,MACAJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzBJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzB,MACAJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzBJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzB,MACAJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzBJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzB,MACAJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,IAC1BJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,IAC1BJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,IAC1BJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,IAC1BJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,IAC1BJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,GAAG,YAAa;AAClD;AC1BA,IAAIC;AACJ,MAAMC,IAAQ,IAAI,WAAW,EAAE;AAChB,SAASC,IAAM;AAC1B,MAAI,CAACF,GAAiB;AAClB,QAAI,OAAO,SAAW,OAAe,CAAC,OAAO;AACzC,YAAM,IAAI,MAAM,0GAA0G;AAE9H,IAAAA,IAAkB,OAAO,gBAAgB,KAAK,MAAM;AAAA,EAC5D;AACI,SAAOA,EAAgBC,CAAK;AAChC;ACVA,MAAME,IAAa,OAAO,SAAW,OAAe,OAAO,cAAc,OAAO,WAAW,KAAK,MAAM,GACvFC,IAAA,EAAE,YAAAD,EAAY;ACE7B,SAASE,EAAGC,GAASC,GAAKR,GAAQ;AHFlC,MAAAS;AGGI,MAAIJ,EAAO,cAAsB,CAACE;AAC9B,WAAOF,EAAO,WAAY;AAE9B,EAAAE,IAAUA,KAAW,CAAE;AACvB,QAAMG,IAAOH,EAAQ,YAAUE,IAAAF,EAAQ,QAAR,gBAAAE,EAAA,KAAAF,OAAmBJ,EAAK;AACvD,MAAIO,EAAK,SAAS;AACd,UAAM,IAAI,MAAM,mCAAmC;AAEvD,SAAAA,EAAK,CAAC,IAAKA,EAAK,CAAC,IAAI,KAAQ,IAC7BA,EAAK,CAAC,IAAKA,EAAK,CAAC,IAAI,KAAQ,KAWtBZ,EAAgBY,CAAI;AAC/B;ACnBa,MAAAC,IAAc,CAACC,MAA2BA,IAAQ,GAAGA,CAAK,IAAIN,GAAI,KAAKA,EAAG;","x_google_ignoreList":[0,1,2,3]}

package/dist/chunks/get-slot-text.Bjb9dTSV.js

@@ -0,0 +1,12 @@
+import "./index.Cl4_42j5.js";
+const i = (r, t) => {
+  var n, c, p, u;
+  return t > 5 ? "" : Array.isArray(r) ? r != null && r[0].text ? r == null ? void 0 : r[0].text : !((n = r == null ? void 0 : r[0]) != null && n.children) && ((p = (c = r == null ? void 0 : r[0]) == null ? void 0 : c.componentOptions) != null && p.children) ? i(r[0].componentOptions.children, t + 1) : i((u = r == null ? void 0 : r[0]) == null ? void 0 : u.children, t + 1) : r == null ? void 0 : r.text;
+}, h = (r) => (t) => {
+  var n;
+  return i((n = r[t]) == null ? void 0 : n.call(r), 1);
+};
+export {
+  h as g
+};
+//# sourceMappingURL=get-slot-text.Bjb9dTSV.js.map

package/dist/chunks/get-slot-text.Bjb9dTSV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-slot-text.Bjb9dTSV.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\ninterface vue2VNode {\n    text?: string;\n    children?: vue2VNode;\n    componentOptions?: { children?: vue2VNode };\n}\n\nconst getTextFromChildren = (vNode: Array<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\n        // If we have a nested component, drill down into its children\n        if (!vNode?.[0]?.children && vNode?.[0]?.componentOptions?.children) {\n            return getTextFromChildren(vNode[0].componentOptions.children, nestedLevel + 1);\n        }\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    return getTextFromChildren(slots[name]?.() as Array<vue2VNode> | vue2VNode, 1);\n};\n\nexport default getSlotText;\n"],"names":["getTextFromChildren","vNode","nestedLevel","_a","_c","_b","_d","getSlotText","slots","name"],"mappings":";AAUA,MAAMA,IAAsB,CAACC,GAAqCC,MAAgC;;AAE9F,SAAIA,IAAc,IACP,KAEP,MAAM,QAAQD,CAAK,IACJA,KAAA,QAAAA,EAA6B,GAAG,OACpCA,KAAA,gBAAAA,EAAQ,GAAG,OAIlB,GAACE,IAAAF,KAAA,gBAAAA,EAAQ,OAAR,QAAAE,EAAY,eAAYC,KAAAC,IAAAJ,KAAA,gBAAAA,EAAQ,OAAR,gBAAAI,EAAY,qBAAZ,QAAAD,EAA8B,YAChDJ,EAAoBC,EAAM,CAAC,EAAE,iBAAiB,UAAUC,IAAc,CAAC,IAG3EF,GAAoBM,IAAAL,KAAA,gBAAAA,EAAQ,OAAR,gBAAAK,EAAY,UAAUJ,IAAc,CAAC,IAEnDD,KAAA,gBAAAA,EAAqB;AAC1C,GAQaM,IAAc,CAACC,MAAiB,CAACC,MAAiB;;AAC3D,SAAOT,GAAoBG,IAAAK,EAAMC,OAAN,gBAAAN,EAAA,KAAAK,IAAiD,CAAC;AACjF;"}

package/dist/chunks/getRoundingMethod.C3eaeGLR.js

@@ -0,0 +1,10 @@
+function o(n) {
+  return (r) => {
+    const t = (n ? Math[n] : Math.trunc)(r);
+    return t === 0 ? 0 : t;
+  };
+}
+export {
+  o as g
+};
+//# sourceMappingURL=getRoundingMethod.C3eaeGLR.js.map

package/dist/chunks/getRoundingMethod.C3eaeGLR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRoundingMethod.C3eaeGLR.js","sources":["../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/getRoundingMethod.js"],"sourcesContent":["export function getRoundingMethod(method) {\n  return (number) => {\n    const round = method ? Math[method] : Math.trunc;\n    const result = round(number);\n    // Prevent negative zero\n    return result === 0 ? 0 : result;\n  };\n}\n"],"names":["getRoundingMethod","method","number","result"],"mappings":"AAAO,SAASA,EAAkBC,GAAQ;AACxC,SAAO,CAACC,MAAW;AAEjB,UAAMC,KADQF,IAAS,KAAKA,CAAM,IAAI,KAAK,OACtBC,CAAM;AAE3B,WAAOC,MAAW,IAAI,IAAIA;AAAA,EAC3B;AACH;","x_google_ignoreList":[0]}