@adyen/bento-vue2 1.26.0 → 1.28.0

package/dist/form-layout.js

@@ -1,195 +1,8 @@
-import { defineComponent as a, useSlots as u, computed as r, provide as m, toRef as d } from "vue";
-import { BentoAlert as f } from "./alert.js";
-import { F as y } from "./chunks/form-layout.types.a7a1438d.js";
-import { u as i } from "./chunks/use-has-slot.fbeb19ec.js";
-import { n as _ } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { B as p, c as v } from "./chunks/index.dd30e538.js";
-import "./assets/index15.css";
-const g = {}, h = /* @__PURE__ */ a({
-  ...g,
-  __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(e) {
-    const t = e, o = u(), s = i(o), n = r(() => t.form ? "form" : "div"), l = r(() => s("actions-left") || s("actions-right"));
-    return m(y, d(t, "loading")), { __sfc: !0, slots: o, hasSlot: s, props: t, formLayoutElement: n, hasActions: l, BentoAlert: f };
-  }
-});
-var b = 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" } }, [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);
-}, L = [], B = /* @__PURE__ */ _(
-  h,
-  b,
-  L,
-  !1,
-  null,
-  "178aebc7",
-  null,
-  null
-);
-const H = B.exports, C = ["warning", "critical", "highlight", "success"], F = {}, T = /* @__PURE__ */ a({
-  ...F,
-  __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) => C.includes(e)
-    }
-  },
-  setup(e) {
-    const t = u(), o = i(t);
-    return { __sfc: !0, slots: t, hasSlot: o, BentoAlert: f };
-  }
-});
-var $ = 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: { variant: "tip", type: t.type }, scopedSlots: t._u([{ key: "description", fn: function() {
-    return [t._t("message")];
-  }, proxy: !0 }], null, !0) }) : t._e()], 2);
-}, x = [], S = /* @__PURE__ */ _(
-  T,
-  $,
-  x,
-  !1,
-  null,
-  "21e4c0c4",
-  null,
-  null
-);
-const J = S.exports, c = [
-  "100",
-  "50",
-  "33",
-  "25",
-  "66-33",
-  "33-66",
-  "75-25",
-  "25-75",
-  "50-50",
-  "33-33-33"
-], O = {}, A = /* @__PURE__ */ a({
-  ...O,
-  __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) => c.includes(e)
-    }
-  },
-  setup(e) {
-    const t = e, o = 100, s = r(
-      () => c.includes(t.layout) ? t.layout : o
-    ), n = r(() => ({
-      // Transform into column if the layout is unsupported
-      "b-form-layout-group--column": !c.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: n };
-  }
-});
-var R = 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);
-}, P = [], E = /* @__PURE__ */ _(
-  A,
-  R,
-  P,
-  !1,
-  null,
-  "f4f09170",
-  null,
-  null
-);
-const K = E.exports, G = {}, I = /* @__PURE__ */ a({
-  ...G,
-  __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(v).includes(e)
-    }
-  },
-  setup(e) {
-    const t = e, o = u(), s = r(() => !t.subsection), n = i(o), l = r(() => ({
-      "b-form-layout-title--subsection": t.subsection
-    }));
-    return { __sfc: !0, slots: o, props: t, isSection: s, hasSlot: n, conditionalClasses: l, BentoTypography: p };
-  }
-});
-var N = 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);
-}, k = [], w = /* @__PURE__ */ _(
-  I,
-  N,
-  k,
-  !1,
-  null,
-  "03648a9d",
-  null,
-  null
-);
-const M = w.exports;
+import { f as a, a as e, c as r, b as m } from "./chunks/form-layout-title.BzNU0B72.js";
 export {
-  H as BentoFormLayout,
-  J as BentoFormLayoutFieldTip,
-  K as BentoFormLayoutGroup,
-  M as BentoFormLayoutTitle
+  a as BentoFormLayout,
+  e as BentoFormLayoutFieldTip,
+  r as BentoFormLayoutGroup,
+  m as BentoFormLayoutTitle
 };
 //# sourceMappingURL=form-layout.js.map

package/dist/form-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-layout.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\">\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":";;;;;;;AAsFI,MAAAA,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;;;;;;;;;;;;;;;;;;qBC5CGK,IAAA,CAAA,WAAA,YAAA,aAAA,SAAA,GCqDHC,IAAA,CAAA;;;;;;;;;;;;;;;AA3BA,UAAAZ,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA;;;;;;;;;;;;;;;;;;;qBClBGa,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,OAAA,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;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"form-layout.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/header.js

@@ -1,249 +1,5 @@
-import { defineComponent as E, ref as h, computed as T } from "vue";
-import { u as U } from "./chunks/use-has-slot.fbeb19ec.js";
-import { B as C, c as D, a as L } from "./chunks/index.dd30e538.js";
-import { u as N } from "./chunks/i18n.eb5b985b.js";
-import { B as X } from "./chunks/button-actions-with-menu.e845d77a.js";
-import { c as I, a as F } from "./chunks/index.86453263.js";
-import { r as m, t as l, e as O, g as P, d as Y, f as B } from "./chunks/index.f55fdc32.js";
-import { e as G } from "./chunks/index.fdf12170.js";
-import { e as H } from "./chunks/index.d80206ed.js";
-import { a as g } from "./chunks/index.15b088b9.js";
-import { g as W } from "./chunks/unique-id.a2a2b458.js";
-import { I as $ } from "./chunks/info.8b6328aa.js";
-import { n as A } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index21.css";
-function z(o, e) {
-  m(2, arguments);
-  var n = l(o), t = l(e), c = n.getFullYear() - t.getFullYear(), a = n.getMonth() - t.getMonth();
-  return c * 12 + a;
-}
-function V(o, e) {
-  return m(2, arguments), l(o).getTime() - l(e).getTime();
-}
-var S = {
-  ceil: Math.ceil,
-  round: Math.round,
-  floor: Math.floor,
-  trunc: function(o) {
-    return o < 0 ? Math.ceil(o) : Math.floor(o);
-  }
-  // Math.trunc is not supported by IE
-}, j = "trunc";
-function q(o) {
-  return o ? S[o] : S[j];
-}
-function k(o) {
-  m(1, arguments);
-  var e = l(o);
-  return G(e).getTime() === H(e).getTime();
-}
-function J(o, e) {
-  m(2, arguments);
-  var n = l(o), t = l(e), c = I(n, t), a = Math.abs(z(n, t)), r;
-  if (a < 1)
-    r = 0;
-  else {
-    n.getMonth() === 1 && n.getDate() > 27 && n.setDate(30), n.setMonth(n.getMonth() - c * a);
-    var s = I(n, t) === -c;
-    k(l(o)) && a === 1 && I(o, t) === 1 && (s = !1), r = c * (a - Number(s));
-  }
-  return r === 0 ? 0 : r;
-}
-function K(o, e, n) {
-  m(2, arguments);
-  var t = V(o, e) / 1e3;
-  return q(n == null ? void 0 : n.roundingMethod)(t);
-}
-var x = 1440, Q = 2520, b = 43200, Z = 86400;
-function ee(o, e) {
-  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  m(2, arguments);
-  var t = n.locale || O;
-  if (!t.formatDistance)
-    throw new RangeError("locale must contain formatDistance property");
-  var c = I(o, e);
-  if (isNaN(c))
-    throw new RangeError("Invalid time value");
-  var a = F(n);
-  a.addSuffix = !!n.addSuffix, a.comparison = c;
-  var r, s;
-  c > 0 ? (r = l(e), s = l(o)) : (r = l(o), s = l(e));
-  var f = K(s, r), v = (P(s) - P(r)) / 1e3, i = Math.round((f - v) / 60), p;
-  if (i < 2)
-    return n.includeSeconds ? f < 5 ? t.formatDistance("lessThanXSeconds", 5, a) : f < 10 ? t.formatDistance("lessThanXSeconds", 10, a) : f < 20 ? t.formatDistance("lessThanXSeconds", 20, a) : f < 40 ? t.formatDistance("halfAMinute", null, a) : f < 60 ? t.formatDistance("lessThanXMinutes", 1, a) : t.formatDistance("xMinutes", 1, a) : i === 0 ? t.formatDistance("lessThanXMinutes", 1, a) : t.formatDistance("xMinutes", i, a);
-  if (i < 45)
-    return t.formatDistance("xMinutes", i, a);
-  if (i < 90)
-    return t.formatDistance("aboutXHours", 1, a);
-  if (i < x) {
-    var u = Math.round(i / 60);
-    return t.formatDistance("aboutXHours", u, a);
-  } else {
-    if (i < Q)
-      return t.formatDistance("xDays", 1, a);
-    if (i < b) {
-      var w = Math.round(i / x);
-      return t.formatDistance("xDays", w, a);
-    } else if (i < Z)
-      return p = Math.round(i / b), t.formatDistance("aboutXMonths", p, a);
-  }
-  if (p = J(s, r), p < 12) {
-    var R = Math.round(i / b);
-    return t.formatDistance("xMonths", R, a);
-  } else {
-    var y = p % 12, M = Math.floor(p / 12);
-    return y < 3 ? t.formatDistance("aboutXYears", M, a) : y < 9 ? t.formatDistance("overXYears", M, a) : t.formatDistance("almostXYears", M + 1, a);
-  }
-}
-function te(o, e) {
-  return m(1, arguments), ee(o, Date.now(), e);
-}
-const oe = {
-  "en-US": {
-    infoIconAriaLabel: "More information"
-  }
-}, ne = {
-  i18n: { messages: oe }
-}, ae = /* @__PURE__ */ E({
-  ...ne,
-  __name: "info-icon-with-popover",
-  props: {
-    /**
-     * Text showed in the popover on hover
-     */
-    popoverText: { type: String, default: null },
-    /**
-     * Position the popover should take if space is available
-     */
-    popoverPosition: {
-      type: g.props.position.type,
-      default: g.props.position.default,
-      validator: g.props.position.validator
-    }
-  },
-  setup(o) {
-    const { t: n } = N(), t = h(), c = h(null), a = W("bento-info-icon-with-popover"), r = h(), s = h(), f = () => {
-      r.value = !0, s.value && clearTimeout(s.value);
-    }, v = () => {
-      const u = setTimeout(() => {
-        r.value = !1;
-      }, 200);
-      s.value = u;
-    };
-    return { __sfc: !0, CLOSING_POPOVER_DELAY_MS: 200, t: n, infoIconRef: t, targetElement: c, popoverId: a, isOpen: r, closingTimeOutId: s, openPopover: f, closePopover: v, infoIconOnFocus: () => {
-      f();
-    }, infoIconOnFocusOut: (u) => {
-      (!t.value || !((u == null ? void 0 : u.relatedTarget) instanceof Element) || !t.value.contains(u.relatedTarget)) && v();
-    }, BentoPopover: g, BentoTypography: C, InfoIcon: $ };
-  }
-});
-var re = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("div", { ref: "infoIconRef", staticClass: "b-info-icon-with-popover", attrs: { tabindex: "0", "data-testid": "info-icon-with-popover" }, on: { mouseenter: t.openPopover, mouseleave: t.closePopover, focus: t.infoIconOnFocus, focusout: t.infoIconOnFocusOut } }, [n(t.InfoIcon, { ref: "targetElement", staticClass: "b-info-icon-with-popover__svg", attrs: { "aria-expanded": t.isOpen, "aria-describedby": t.popoverId, "svg-title": t.t("infoIconAriaLabel") } }), t.targetElement ? n(t.BentoPopover, { attrs: { open: t.isOpen, "target-element": t.targetElement, position: e.popoverPosition, role: "tooltip", "fit-content": "", "disable-focus-trap": "" } }, [n(t.BentoTypography, [e._t("default", function() {
-    return [e.popoverText ? n("div", [e._v(" " + e._s(e.popoverText) + " ")]) : e._e()];
-  })], 2)], 1) : e._e()], 1);
-}, se = [], ie = /* @__PURE__ */ A(
-  ae,
-  re,
-  se,
-  !1,
-  null,
-  "8baceb76",
-  null,
-  null
-);
-const _ = ie.exports;
-var d = /* @__PURE__ */ ((o) => (o.PAGE = "page", o.COMPONENT = "component", o))(d || {});
-const ce = {
-  "en-US": {
-    lastUpdated: "Last updated: {date} ago"
-  }
-}, le = E({
-  i18n: { messages: ce },
-  name: "bento-header",
-  components: {
-    BentoTypography: C,
-    ButtonActionsWithMenu: X,
-    InfoIconWithPopover: _
-  },
-  props: {
-    /**
-     * Array of BentoButtonActionsList to show to the right of the title
-     */
-    actions: {
-      type: Array,
-      default: null
-    },
-    /**
-     * Text showed in the info-icon tooltip on hover
-     */
-    infoIconTooltipText: { type: _.props.popoverText.type, default: null },
-    /**
-     * Popover position of the info icon text.
-     */
-    infoIconPopoverPosition: {
-      type: _.props.popoverPosition.type,
-      default: _.props.popoverPosition.default,
-      validator: _.props.popoverPosition.validator
-    },
-    /**
-     * JavaScript "Date" object for when the content was last updated
-     */
-    lastUpdated: { type: [Date, Number], default: null },
-    /**
-     * Variant represents type of Header
-     * @values page, component
-     */
-    variant: {
-      type: String,
-      default: d.PAGE,
-      validator: (o) => Object.values(d).includes(o)
-    },
-    /**
-     * Text used as a title
-     */
-    title: { type: String, required: !0 }
-  },
-  setup(o, { slots: e }) {
-    const { t: n, locale: t } = N(), c = { de: Y, enUS: O, fr: B }, a = T(() => ({
-      "b-header--component": o.variant === d.COMPONENT
-    })), r = T(() => ({
-      el: o.variant === d.PAGE ? D.H1 : D.H2,
-      variant: L.TITLE,
-      medium: o.variant === d.COMPONENT,
-      large: o.variant === d.PAGE
-    })), s = T(
-      () => o.lastUpdated ? n("lastUpdated", {
-        date: te(o.lastUpdated, {
-          locale: c[t.value.substring(0, 2)] || O
-        })
-      }) : null
-    );
-    return {
-      hasSlot: U(e),
-      conditionalClasses: a,
-      timestamp: s,
-      typography: r
-    };
-  }
-});
-var fe = function() {
-  var e = this, n = e._self._c;
-  return e._self._setupProxy, n("div", { staticClass: "b-header", class: e.conditionalClasses }, [n("div", { staticClass: "b-header__wrapper" }, [n("div", { staticClass: "b-header__title" }, [n("div", [n("bento-typography", e._b({ staticClass: "b-header__text" }, "bento-typography", e.typography, !1), [e._v(e._s(e.title))]), e.infoIconTooltipText || e.hasSlot("infoIconTooltipContent") ? n("info-icon-with-popover", { staticClass: "b-header__tooltip", attrs: { "popover-text": e.infoIconTooltipText }, scopedSlots: e._u([e.hasSlot("infoIconTooltipContent") ? { key: "default", fn: function() {
-    return [e._t("infoIconTooltipContent")];
-  }, proxy: !0 } : null], null, !0) }) : e._e()], 1), e.lastUpdated ? n("bento-typography", { staticClass: "b-header__timestamp", attrs: { el: "div", variant: "caption" } }, [e._v(" " + e._s(e.timestamp) + " ")]) : e._e()], 1), e.actions ? n("button-actions-with-menu", { staticClass: "b-header__actions", attrs: { actions: e.actions, "displayed-actions": 2 } }) : e._e()], 1)]);
-}, ue = [], pe = /* @__PURE__ */ A(
-  le,
-  fe,
-  ue,
-  !1,
-  null,
-  "07700b06",
-  null,
-  null
-);
-const Pe = pe.exports;
+import { B as r } from "./chunks/header.DmKHCmXh.js";
 export {
-  Pe as BentoHeader
+  r as BentoHeader
 };
 //# sourceMappingURL=header.js.map

package/dist/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../node_modules/date-fns/esm/differenceInCalendarMonths/index.js","../../../node_modules/date-fns/esm/differenceInMilliseconds/index.js","../../../node_modules/date-fns/esm/_lib/roundingMethods/index.js","../../../node_modules/date-fns/esm/isLastDayOfMonth/index.js","../../../node_modules/date-fns/esm/differenceInMonths/index.js","../../../node_modules/date-fns/esm/differenceInSeconds/index.js","../../../node_modules/date-fns/esm/formatDistance/index.js","../../../node_modules/date-fns/esm/formatDistanceToNow/index.js","../src/components/header/components/info-icon-with-popover/info-icon-with-popover.vue","../src/components/header/header.types.ts","../src/components/header/header.vue"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name differenceInCalendarMonths\n * @category Month Helpers\n * @summary Get the number of calendar months between the given dates.\n *\n * @description\n * Get the number of calendar months between the given dates.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @returns {Number} the number of calendar months\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many calendar months are between 31 January 2014 and 1 September 2014?\n * var result = differenceInCalendarMonths(\n *   new Date(2014, 8, 1),\n *   new Date(2014, 0, 31)\n * )\n * //=> 8\n */\n\nexport default function differenceInCalendarMonths(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  var yearDiff = dateLeft.getFullYear() - dateRight.getFullYear();\n  var monthDiff = dateLeft.getMonth() - dateRight.getMonth();\n  return yearDiff * 12 + monthDiff;\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name differenceInMilliseconds\n * @category Millisecond Helpers\n * @summary Get the number of milliseconds between the given dates.\n *\n * @description\n * Get the number of milliseconds between the given dates.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @returns {Number} the number of milliseconds\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many milliseconds are between\n * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?\n * const result = differenceInMilliseconds(\n *   new Date(2014, 6, 2, 12, 30, 21, 700),\n *   new Date(2014, 6, 2, 12, 30, 20, 600)\n * )\n * //=> 1100\n */\n\nexport default function differenceInMilliseconds(dateLeft, dateRight) {\n  requiredArgs(2, arguments);\n  return toDate(dateLeft).getTime() - toDate(dateRight).getTime();\n}","var roundingMap = {\n  ceil: Math.ceil,\n  round: Math.round,\n  floor: Math.floor,\n  trunc: function (value) {\n    return value < 0 ? Math.ceil(value) : Math.floor(value);\n  } // Math.trunc is not supported by IE\n\n};\nvar defaultRoundingMethod = 'trunc';\nexport function getRoundingMethod(method) {\n  return method ? roundingMap[method] : roundingMap[defaultRoundingMethod];\n}","import toDate from \"../toDate/index.js\";\nimport endOfDay from \"../endOfDay/index.js\";\nimport endOfMonth from \"../endOfMonth/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isLastDayOfMonth\n * @category Month Helpers\n * @summary Is the given date the last day of a month?\n *\n * @description\n * Is the given date the last day of a month?\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is the last day of a month\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Is 28 February 2014 the last day of a month?\n * var result = isLastDayOfMonth(new Date(2014, 1, 28))\n * //=> true\n */\n\nexport default function isLastDayOfMonth(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  return endOfDay(date).getTime() === endOfMonth(date).getTime();\n}","import toDate from \"../toDate/index.js\";\nimport differenceInCalendarMonths from \"../differenceInCalendarMonths/index.js\";\nimport compareAsc from \"../compareAsc/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport isLastDayOfMonth from \"../isLastDayOfMonth/index.js\";\n/**\n * @name differenceInMonths\n * @category Month Helpers\n * @summary Get the number of full months between the given dates.\n *\n * @description\n * Get the number of full months between the given dates using trunc as a default rounding method.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @returns {Number} the number of full months\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many full months are between 31 January 2014 and 1 September 2014?\n * const result = differenceInMonths(new Date(2014, 8, 1), new Date(2014, 0, 31))\n * //=> 7\n */\n\nexport default function differenceInMonths(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  var sign = compareAsc(dateLeft, dateRight);\n  var difference = Math.abs(differenceInCalendarMonths(dateLeft, dateRight));\n  var result; // Check for the difference of less than month\n\n  if (difference < 1) {\n    result = 0;\n  } else {\n    if (dateLeft.getMonth() === 1 && dateLeft.getDate() > 27) {\n      // This will check if the date is end of Feb and assign a higher end of month date\n      // to compare it with Jan\n      dateLeft.setDate(30);\n    }\n\n    dateLeft.setMonth(dateLeft.getMonth() - sign * difference); // Math.abs(diff in full months - diff in calendar months) === 1 if last calendar month is not full\n    // If so, result must be decreased by 1 in absolute value\n\n    var isLastMonthNotFull = compareAsc(dateLeft, dateRight) === -sign; // Check for cases of one full calendar month\n\n    if (isLastDayOfMonth(toDate(dirtyDateLeft)) && difference === 1 && compareAsc(dirtyDateLeft, dateRight) === 1) {\n      isLastMonthNotFull = false;\n    }\n\n    result = sign * (difference - Number(isLastMonthNotFull));\n  } // Prevent negative zero\n\n\n  return result === 0 ? 0 : result;\n}","import differenceInMilliseconds from \"../differenceInMilliseconds/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport { getRoundingMethod } from \"../_lib/roundingMethods/index.js\";\n/**\n * @name differenceInSeconds\n * @category Second Helpers\n * @summary Get the number of seconds between the given dates.\n *\n * @description\n * Get the number of seconds between the given dates.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @param {Object} [options] - an object with options.\n * @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)\n * @returns {Number} the number of seconds\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many seconds are between\n * // 2 July 2014 12:30:07.999 and 2 July 2014 12:30:20.000?\n * const result = differenceInSeconds(\n *   new Date(2014, 6, 2, 12, 30, 20, 0),\n *   new Date(2014, 6, 2, 12, 30, 7, 999)\n * )\n * //=> 12\n */\n\nexport default function differenceInSeconds(dateLeft, dateRight, options) {\n  requiredArgs(2, arguments);\n  var diff = differenceInMilliseconds(dateLeft, dateRight) / 1000;\n  return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);\n}","import compareAsc from \"../compareAsc/index.js\";\nimport differenceInMonths from \"../differenceInMonths/index.js\";\nimport differenceInSeconds from \"../differenceInSeconds/index.js\";\nimport defaultLocale from \"../locale/en-US/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport cloneObject from \"../_lib/cloneObject/index.js\";\nimport getTimezoneOffsetInMilliseconds from \"../_lib/getTimezoneOffsetInMilliseconds/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nvar MINUTES_IN_DAY = 1440;\nvar MINUTES_IN_ALMOST_TWO_DAYS = 2520;\nvar MINUTES_IN_MONTH = 43200;\nvar MINUTES_IN_TWO_MONTHS = 86400;\n/**\n * @name formatDistance\n * @category Common Helpers\n * @summary Return the distance between the given dates in words.\n *\n * @description\n * Return the distance between the given dates in words.\n *\n * | Distance between dates                                            | Result              |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs                                                     | less than a minute  |\n * | 30 secs ... 1 min 30 secs                                         | 1 minute            |\n * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |\n * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |\n * | 1 yr ... 1 yr 3 months                                            | about 1 year        |\n * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |\n * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |\n * | N yrs ... N yrs 3 months                                          | about N years       |\n * | N yrs 3 months ... N yrs 9 months                                 | over N years        |\n * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |\n *\n * With `options.includeSeconds == true`:\n * | Distance between dates | Result               |\n * |------------------------|----------------------|\n * | 0 secs ... 5 secs      | less than 5 seconds  |\n * | 5 secs ... 10 secs     | less than 10 seconds |\n * | 10 secs ... 20 secs    | less than 20 seconds |\n * | 20 secs ... 40 secs    | half a minute        |\n * | 40 secs ... 60 secs    | less than a minute   |\n * | 60 secs ... 90 secs    | 1 minute             |\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * - The function was renamed from `distanceInWords ` to `formatDistance`\n *   to make its name consistent with `format` and `formatRelative`.\n *\n * - The order of arguments is swapped to make the function\n *   consistent with `differenceIn...` functions.\n *\n *   ```javascript\n *   // Before v2.0.0\n *\n *   distanceInWords(\n *     new Date(1986, 3, 4, 10, 32, 0),\n *     new Date(1986, 3, 4, 11, 32, 0),\n *     { addSuffix: true }\n *   ) //=> 'in about 1 hour'\n *\n *   // v2.0.0 onward\n *\n *   formatDistance(\n *     new Date(1986, 3, 4, 11, 32, 0),\n *     new Date(1986, 3, 4, 10, 32, 0),\n *     { addSuffix: true }\n *   ) //=> 'in about 1 hour'\n *   ```\n *\n * @param {Date|Number} date - the date\n * @param {Date|Number} baseDate - the date to compare with\n * @param {Object} [options] - an object with options.\n * @param {Boolean} [options.includeSeconds=false] - distances less than a minute are more detailed\n * @param {Boolean} [options.addSuffix=false] - result indicates if the second date is earlier or later than the first\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @returns {String} the distance in words\n * @throws {TypeError} 2 arguments required\n * @throws {RangeError} `date` must not be Invalid Date\n * @throws {RangeError} `baseDate` must not be Invalid Date\n * @throws {RangeError} `options.locale` must contain `formatDistance` property\n *\n * @example\n * // What is the distance between 2 July 2014 and 1 January 2015?\n * const result = formatDistance(new Date(2014, 6, 2), new Date(2015, 0, 1))\n * //=> '6 months'\n *\n * @example\n * // What is the distance between 1 January 2015 00:00:15\n * // and 1 January 2015 00:00:00, including seconds?\n * const result = formatDistance(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   new Date(2015, 0, 1, 0, 0, 0),\n *   { includeSeconds: true }\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, with a suffix?\n * const result = formatDistance(new Date(2015, 0, 1), new Date(2016, 0, 1), {\n *   addSuffix: true\n * })\n * //=> 'about 1 year ago'\n *\n * @example\n * // What is the distance between 1 August 2016 and 1 January 2015 in Esperanto?\n * import { eoLocale } from 'date-fns/locale/eo'\n * const result = formatDistance(new Date(2016, 7, 1), new Date(2015, 0, 1), {\n *   locale: eoLocale\n * })\n * //=> 'pli ol 1 jaro'\n */\n\nexport default function formatDistance(dirtyDate, dirtyBaseDate) {\n  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  requiredArgs(2, arguments);\n  var locale = options.locale || defaultLocale;\n\n  if (!locale.formatDistance) {\n    throw new RangeError('locale must contain formatDistance property');\n  }\n\n  var comparison = compareAsc(dirtyDate, dirtyBaseDate);\n\n  if (isNaN(comparison)) {\n    throw new RangeError('Invalid time value');\n  }\n\n  var localizeOptions = cloneObject(options);\n  localizeOptions.addSuffix = Boolean(options.addSuffix);\n  localizeOptions.comparison = comparison;\n  var dateLeft;\n  var dateRight;\n\n  if (comparison > 0) {\n    dateLeft = toDate(dirtyBaseDate);\n    dateRight = toDate(dirtyDate);\n  } else {\n    dateLeft = toDate(dirtyDate);\n    dateRight = toDate(dirtyBaseDate);\n  }\n\n  var seconds = differenceInSeconds(dateRight, dateLeft);\n  var offsetInSeconds = (getTimezoneOffsetInMilliseconds(dateRight) - getTimezoneOffsetInMilliseconds(dateLeft)) / 1000;\n  var minutes = Math.round((seconds - offsetInSeconds) / 60);\n  var months; // 0 up to 2 mins\n\n  if (minutes < 2) {\n    if (options.includeSeconds) {\n      if (seconds < 5) {\n        return locale.formatDistance('lessThanXSeconds', 5, localizeOptions);\n      } else if (seconds < 10) {\n        return locale.formatDistance('lessThanXSeconds', 10, localizeOptions);\n      } else if (seconds < 20) {\n        return locale.formatDistance('lessThanXSeconds', 20, localizeOptions);\n      } else if (seconds < 40) {\n        return locale.formatDistance('halfAMinute', null, localizeOptions);\n      } else if (seconds < 60) {\n        return locale.formatDistance('lessThanXMinutes', 1, localizeOptions);\n      } else {\n        return locale.formatDistance('xMinutes', 1, localizeOptions);\n      }\n    } else {\n      if (minutes === 0) {\n        return locale.formatDistance('lessThanXMinutes', 1, localizeOptions);\n      } else {\n        return locale.formatDistance('xMinutes', minutes, localizeOptions);\n      }\n    } // 2 mins up to 0.75 hrs\n\n  } else if (minutes < 45) {\n    return locale.formatDistance('xMinutes', minutes, localizeOptions); // 0.75 hrs up to 1.5 hrs\n  } else if (minutes < 90) {\n    return locale.formatDistance('aboutXHours', 1, localizeOptions); // 1.5 hrs up to 24 hrs\n  } else if (minutes < MINUTES_IN_DAY) {\n    var hours = Math.round(minutes / 60);\n    return locale.formatDistance('aboutXHours', hours, localizeOptions); // 1 day up to 1.75 days\n  } else if (minutes < MINUTES_IN_ALMOST_TWO_DAYS) {\n    return locale.formatDistance('xDays', 1, localizeOptions); // 1.75 days up to 30 days\n  } else if (minutes < MINUTES_IN_MONTH) {\n    var days = Math.round(minutes / MINUTES_IN_DAY);\n    return locale.formatDistance('xDays', days, localizeOptions); // 1 month up to 2 months\n  } else if (minutes < MINUTES_IN_TWO_MONTHS) {\n    months = Math.round(minutes / MINUTES_IN_MONTH);\n    return locale.formatDistance('aboutXMonths', months, localizeOptions);\n  }\n\n  months = differenceInMonths(dateRight, dateLeft); // 2 months up to 12 months\n\n  if (months < 12) {\n    var nearestMonth = Math.round(minutes / MINUTES_IN_MONTH);\n    return locale.formatDistance('xMonths', nearestMonth, localizeOptions); // 1 year up to max Date\n  } else {\n    var monthsSinceStartOfYear = months % 12;\n    var years = Math.floor(months / 12); // N years up to 1 years 3 months\n\n    if (monthsSinceStartOfYear < 3) {\n      return locale.formatDistance('aboutXYears', years, localizeOptions); // N years 3 months up to N years 9 months\n    } else if (monthsSinceStartOfYear < 9) {\n      return locale.formatDistance('overXYears', years, localizeOptions); // N years 9 months up to N year 12 months\n    } else {\n      return locale.formatDistance('almostXYears', years + 1, localizeOptions);\n    }\n  }\n}","import distanceInWords from \"../formatDistance/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name formatDistanceToNow\n * @category Common Helpers\n * @summary Return the distance between the given date and now in words.\n * @pure false\n *\n * @description\n * Return the distance between the given date and now in words.\n *\n * | Distance to now                                                   | Result              |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs                                                     | less than a minute  |\n * | 30 secs ... 1 min 30 secs                                         | 1 minute            |\n * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |\n * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |\n * | 1 yr ... 1 yr 3 months                                            | about 1 year        |\n * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |\n * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |\n * | N yrs ... N yrs 3 months                                          | about N years       |\n * | N yrs 3 months ... N yrs 9 months                                 | over N years        |\n * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |\n *\n * With `options.includeSeconds == true`:\n * | Distance to now     | Result               |\n * |---------------------|----------------------|\n * | 0 secs ... 5 secs   | less than 5 seconds  |\n * | 5 secs ... 10 secs  | less than 10 seconds |\n * | 10 secs ... 20 secs | less than 20 seconds |\n * | 20 secs ... 40 secs | half a minute        |\n * | 40 secs ... 60 secs | less than a minute   |\n * | 60 secs ... 90 secs | 1 minute             |\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * - The function was renamed from `distanceInWordsToNow ` to `formatDistanceToNow`\n *   to make its name consistent with `format` and `formatRelative`.\n *\n *   ```javascript\n *   // Before v2.0.0\n *\n *   distanceInWordsToNow(new Date(2014, 6, 2), { addSuffix: true })\n *   //=> 'in 6 months'\n *\n *   // v2.0.0 onward\n *\n *   formatDistanceToNow(new Date(2014, 6, 2), { addSuffix: true })\n *   //=> 'in 6 months'\n *   ```\n *\n * @param {Date|Number} date - the given date\n * @param {Object} [options] - the object with options\n * @param {Boolean} [options.includeSeconds=false] - distances less than a minute are more detailed\n * @param {Boolean} [options.addSuffix=false] - result specifies if now is earlier or later than the passed date\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @returns {String} the distance in words\n * @throws {TypeError} 1 argument required\n * @throws {RangeError} `date` must not be Invalid Date\n * @throws {RangeError} `options.locale` must contain `formatDistance` property\n *\n * @example\n * // If today is 1 January 2015, what is the distance to 2 July 2014?\n * var result = formatDistanceToNow(\n *   new Date(2014, 6, 2)\n * )\n * //=> '6 months'\n *\n * @example\n * // If now is 1 January 2015 00:00:00,\n * // what is the distance to 1 January 2015 00:00:15, including seconds?\n * var result = formatDistanceToNow(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   {includeSeconds: true}\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 January 2016, with a suffix?\n * var result = formatDistanceToNow(\n *   new Date(2016, 0, 1),\n *   {addSuffix: true}\n * )\n * //=> 'in about 1 year'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 August 2016 in Esperanto?\n * var eoLocale = require('date-fns/locale/eo')\n * var result = formatDistanceToNow(\n *   new Date(2016, 7, 1),\n *   {locale: eoLocale}\n * )\n * //=> 'pli ol 1 jaro'\n */\n\nexport default function formatDistanceToNow(dirtyDate, dirtyOptions) {\n  requiredArgs(1, arguments);\n  return distanceInWords(dirtyDate, Date.now(), dirtyOptions);\n}","<template>\n    <div\n        ref=\"infoIconRef\"\n        class=\"b-info-icon-with-popover\"\n        tabindex=\"0\"\n        data-testid=\"info-icon-with-popover\"\n        @mouseenter=\"openPopover\"\n        @mouseleave=\"closePopover\"\n        @focus=\"infoIconOnFocus\"\n        @focusout=\"infoIconOnFocusOut\"\n    >\n        <info-icon\n            ref=\"targetElement\"\n            class=\"b-info-icon-with-popover__svg\"\n            :aria-expanded=\"isOpen\"\n            :aria-describedby=\"popoverId\"\n            :svg-title=\"t('infoIconAriaLabel')\"\n        />\n        <bento-popover\n            v-if=\"targetElement\"\n            :open=\"isOpen\"\n            :target-element=\"targetElement\"\n            :position=\"popoverPosition\"\n            role=\"tooltip\"\n            fit-content\n            disable-focus-trap\n        >\n            <bento-typography>\n                <slot>\n                    <div v-if=\"popoverText\">\n                        {{ popoverText }}\n                    </div>\n                </slot>\n            </bento-typography>\n        </bento-popover>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { ref } from 'vue';\n    import { BentoPopover } from '@/components/popover';\n    import { BentoTypography } from '@/components/typography';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const CLOSING_POPOVER_DELAY_MS = 200;\n\n    defineProps({\n        /**\n         * Text showed in the popover on hover\n         */\n        popoverText: { type: String, default: null },\n\n        /**\n         * Position the popover should take if space is available\n         */\n        popoverPosition: {\n            type: BentoPopover.props.position.type,\n            default: BentoPopover.props.position.default,\n            validator: BentoPopover.props.position.validator,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const infoIconRef = ref<HTMLDivElement>();\n    const targetElement = ref(null);\n    const popoverId = generateUid('bento-info-icon-with-popover');\n    const isOpen = ref();\n    const closingTimeOutId = ref();\n\n    const openPopover = () => {\n        isOpen.value = true;\n        if (closingTimeOutId.value) {\n            clearTimeout(closingTimeOutId.value);\n        }\n    };\n    const closePopover = () => {\n        // We want to delay closing for a couple of seconds so\n        // it doesn't flicker if a user hovers over the icon and then inside the popover.\n        const timeOutId = setTimeout(() => {\n            isOpen.value = false;\n        }, CLOSING_POPOVER_DELAY_MS);\n        closingTimeOutId.value = timeOutId;\n    };\n\n    const infoIconOnFocus = () => {\n        openPopover();\n    };\n\n    /**\n     * Only close popover on blur if the newly focus element is not a child of this element\n     * @param e - the event that contains the newly focused element\n     */\n    const infoIconOnFocusOut = (e: FocusEvent) => {\n        if (\n            !infoIconRef.value ||\n            !(e?.relatedTarget instanceof Element) ||\n            !infoIconRef.value.contains(e.relatedTarget)\n        ) {\n            closePopover();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Internal component to be used whenever an info icon needs to be rendered with a popover instead of a tooltip.\n     *\n     * @example\n     * import { BentoInfoIconWithPopover } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoInfoIconWithPopover },\n     *     template: `\n     *          <info-icon-with-popover popover-text=\"Content can be passed as a string like\" :popover-position=\"position\">\n     *              Content can also be rendered as a slot\n     *          </info-icon-with-popover>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon-with-popover.scss\" />\n","/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoHeaderVariant {\n    PAGE = 'page',\n    COMPONENT = 'component',\n}\n","<template>\n    <div class=\"b-header\" :class=\"conditionalClasses\">\n        <div class=\"b-header__wrapper\">\n            <div class=\"b-header__title\">\n                <div>\n                    <bento-typography v-bind=\"typography\" class=\"b-header__text\">{{ title }}</bento-typography>\n                    <info-icon-with-popover\n                        v-if=\"infoIconTooltipText || hasSlot('infoIconTooltipContent')\"\n                        class=\"b-header__tooltip\"\n                        :popover-text=\"infoIconTooltipText\"\n                    >\n                        <template v-if=\"hasSlot('infoIconTooltipContent')\" #default\n                            ><slot name=\"infoIconTooltipContent\"\n                        /></template>\n                    </info-icon-with-popover>\n                </div>\n                <bento-typography v-if=\"lastUpdated\" class=\"b-header__timestamp\" el=\"div\" variant=\"caption\">\n                    {{ timestamp }}\n                </bento-typography>\n            </div>\n            <button-actions-with-menu\n                v-if=\"actions\"\n                :actions=\"actions\"\n                :displayed-actions=\"2\"\n                class=\"b-header__actions\"\n            />\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { InfoIconWithPopover } from './components/info-icon-with-popover';\n    import { BentoButtonActionsList } from '@/components/button';\n    import { useHasSlot } from '@/composables';\n    import { BentoHeaderVariant } from './header.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { de, enUS, fr } from 'date-fns/locale';\n    import ButtonActionsWithMenu from '../internal/button-actions-with-menu/button-actions-with-menu.vue';\n\n    import formatDistanceToNow from 'date-fns/formatDistanceToNow';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-header',\n        components: {\n            BentoTypography,\n            ButtonActionsWithMenu,\n            InfoIconWithPopover,\n        },\n        props: {\n            /**\n             * Array of BentoButtonActionsList to show to the right of the title\n             */\n            actions: {\n                type: Array as PropType<BentoButtonActionsList>,\n                default: null,\n            },\n\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: { type: InfoIconWithPopover.props.popoverText.type, default: null },\n\n            /**\n             * Popover position of the info icon text.\n             */\n            infoIconPopoverPosition: {\n                type: InfoIconWithPopover.props.popoverPosition.type,\n                default: InfoIconWithPopover.props.popoverPosition.default,\n                validator: InfoIconWithPopover.props.popoverPosition.validator,\n            },\n\n            /**\n             * JavaScript \"Date\" object for when the content was last updated\n             */\n            lastUpdated: { type: [Date, Number], default: null },\n\n            /**\n             * Variant represents type of Header\n             * @values page, component\n             */\n            variant: {\n                type: String as PropType<BentoHeaderVariant | `${BentoHeaderVariant}`>,\n                default: BentoHeaderVariant.PAGE,\n                validator: (value: BentoHeaderVariant) => Object.values(BentoHeaderVariant).includes(value),\n            },\n\n            /**\n             * Text used as a title\n             */\n            title: { type: String, required: true },\n        },\n        setup(props, { slots }) {\n            const { t, locale } = useI18n<{ message: MessageSchema }>({ messages });\n            // TODO to replace with dynamic import\n            const locales = { de, enUS, fr };\n\n            const conditionalClasses = computed(() => ({\n                'b-header--component': props.variant === BentoHeaderVariant.COMPONENT,\n            }));\n\n            const typography = computed(() => ({\n                el: props.variant === BentoHeaderVariant.PAGE ? BentoTypographyElement.H1 : BentoTypographyElement.H2,\n                variant: BentoTypographyVariant.TITLE,\n                medium: props.variant === BentoHeaderVariant.COMPONENT,\n                large: props.variant === BentoHeaderVariant.PAGE,\n            }));\n\n            const timestamp = computed(() =>\n                props.lastUpdated\n                    ? t('lastUpdated', {\n                          date: formatDistanceToNow(props.lastUpdated, {\n                              locale: locales[locale.value.substring(0, 2)] || enUS,\n                          }),\n                      })\n                    : null\n            );\n            return {\n                hasSlot: useHasSlot(slots),\n                conditionalClasses,\n                timestamp,\n                typography,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./header.scss\" />\n"],"names":["differenceInCalendarMonths","dirtyDateLeft","dirtyDateRight","requiredArgs","dateLeft","toDate","dateRight","yearDiff","monthDiff","differenceInMilliseconds","roundingMap","value","defaultRoundingMethod","getRoundingMethod","method","isLastDayOfMonth","dirtyDate","date","endOfDay","endOfMonth","differenceInMonths","sign","compareAsc","difference","result","isLastMonthNotFull","differenceInSeconds","options","diff","MINUTES_IN_DAY","MINUTES_IN_ALMOST_TWO_DAYS","MINUTES_IN_MONTH","MINUTES_IN_TWO_MONTHS","formatDistance","dirtyBaseDate","locale","enUS","comparison","localizeOptions","cloneObject","seconds","offsetInSeconds","getTimezoneOffsetInMilliseconds","minutes","months","hours","days","nearestMonth","monthsSinceStartOfYear","years","formatDistanceToNow","dirtyOptions","__default__","messages$1","t","useI18n","infoIconRef","ref","targetElement","popoverId","generateUid","isOpen","closingTimeOutId","openPopover","closePopover","timeOutId","e","BentoHeaderVariant","BentoHeaderVariant2","_sfc_main","defineComponent","messages","BentoTypography","ButtonActionsWithMenu","InfoIconWithPopover","props","slots","locales","de","fr","conditionalClasses","computed","typography","BentoTypographyElement","BentoTypographyVariant","timestamp","useHasSlot"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7]}
+{"version":3,"file":"header.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}