@adyen/bento-vue3 1.26.0 → 1.28.0

package/dist/empty-state.js

@@ -1,179 +1,8 @@
-import { defineComponent as U, ref as v, computed as l, watch as L, openBlock as o, createElementBlock as A, unref as r, normalizeClass as S, createCommentVNode as d, createVNode as k, mergeProps as M, withCtx as c, renderSlot as C, createTextVNode as m, toDisplayString as f, createBlock as p, createSlots as P, resolveDynamicComponent as w } from "vue";
-import { a as F } from "./chunks/button.60dad578.js";
-import { c as j, B as y } from "./chunks/index.a3d60e4f.js";
-import { o as x } from "./chunks/resize.a041304d.js";
-import { _ as H } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index8.css";
-const O = (e, s) => {
-  const i = e[s];
-  return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((E, t) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(t.bind(null, new Error("Unknown variable dynamic import: " + s)));
-  });
-};
-var a = /* @__PURE__ */ ((e) => (e.FULL_PAGE = "full-page", e.EMBEDDED = "embedded", e.BASIC = "basic", e.CONDENSED = "condensed", e))(a || {}), b = /* @__PURE__ */ ((e) => (e.GENERIC_USE1 = "1-generic-use", e.GENERIC_USE2 = "2-generic-use", e.GENERIC_USE3 = "3-generic-use", e.GENERIC_USE4 = "4-generic-use", e.ADDING_PAYMENT_METHOD = "adding-payment-methods", e.ADYEN_GIVING = "adyen-giving", e.INTERNAL_ERROR = "internal-error", e.NO_RESULTS_FOUND = "no-results-found", e.NOTIFICATIONS_CLEARED = "notifications-cleared", e.PAGE_NOT_FOUND = "page-not-found", e.PLANNED_MAINTENANCE = "planned-maintenance", e.REFERRALS = "referrals", e.SUCCESS = "success", e.UPLOAD_FILES = "upload-files", e.WRONG_ENVIRONMENT = "wrong-environment", e))(b || {}), u = /* @__PURE__ */ ((e) => (e.SMALL = "small", e.LARGE = "large", e[e.NULL = null] = "NULL", e))(u || {});
-const I = ["src"], W = {}, $ = /* @__PURE__ */ U({
-  ...W,
-  __name: "empty-state",
-  props: {
-    /**
-     * Defines the button at the end of the component.
-     */
-    action: {
-      type: Object,
-      default: null,
-      validator: (e) => !!(e.title && e.event)
-    },
-    /**
-     * The empty state description.
-     * Gives additional details to the issue.
-     * This can be used or the default slot
-     */
-    description: {
-      type: String,
-      default: null
-    },
-    /**
-     * Sets the heading HTML DOM element.
-     * @values h1, h2, h3, h4, h5, h6, div, p, span
-     */
-    headingEl: {
-      type: String,
-      default: null,
-      validator: (e) => Object.values(j).includes(e)
-    },
-    /**
-     * Name of the illustration for the empty state.
-     */
-    image: {
-      type: String,
-      default: null,
-      validator: (e) => Object.values(b).includes(e)
-    },
-    /**
-     * The empty state heading.
-     * Should clearly explain the issue.
-     */
-    title: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Types of different empty states
-     * @values full-page, embedded, basic, condensed
-     */
-    variant: {
-      type: String,
-      default: "basic",
-      validator: (e) => Object.values(a).includes(e)
-    }
-  },
-  setup(e) {
-    const s = e, i = 740, E = {
-      [a.FULL_PAGE]: "h2",
-      [a.EMBEDDED]: "h3",
-      [a.BASIC]: "h3",
-      [a.CONDENSED]: "div"
-    }, t = v(null), _ = v(0), N = l(() => _.value < i), n = l(() => {
-      switch (s.variant) {
-        case a.FULL_PAGE:
-          return N.value ? u.SMALL : u.LARGE;
-        case a.EMBEDDED:
-          return N.value ? null : u.SMALL;
-        default:
-          return null;
-      }
-    }), g = v("");
-    L(
-      [() => s.image, n],
-      async () => {
-        s.image && n.value && (n.value === "small" ? g.value = (await O(/* @__PURE__ */ Object.assign({ "./assets/small/1-generic-use.svg": () => import("./chunks/1-generic-use.3ea646cd.js"), "./assets/small/2-generic-use.svg": () => import("./chunks/2-generic-use.d69d7c08.js"), "./assets/small/3-generic-use.svg": () => import("./chunks/3-generic-use.fe7ae2ce.js"), "./assets/small/4-generic-use.svg": () => import("./chunks/4-generic-use.cd04bad0.js"), "./assets/small/adding-payment-methods.svg": () => import("./chunks/adding-payment-methods.d570e03e.js"), "./assets/small/adyen-giving.svg": () => import("./chunks/adyen-giving.480913b5.js"), "./assets/small/internal-error.svg": () => import("./chunks/internal-error.9a4823ed.js"), "./assets/small/no-results-found.svg": () => import("./chunks/no-results-found.58856d70.js"), "./assets/small/notifications-cleared.svg": () => import("./chunks/notifications-cleared.71025c22.js"), "./assets/small/page-not-found.svg": () => import("./chunks/page-not-found.d1a84ba7.js"), "./assets/small/planned-maintenance.svg": () => import("./chunks/planned-maintenance.7fa5ac16.js"), "./assets/small/referrals.svg": () => import("./chunks/referrals.599047da.js"), "./assets/small/success.svg": () => import("./chunks/success.77fac78b.js"), "./assets/small/upload-files.svg": () => import("./chunks/upload-files.2708eca7.js"), "./assets/small/wrong-environment.svg": () => import("./chunks/wrong-environment.c73b0bc0.js") }), `./assets/small/${s.image}.svg`)).default : g.value = (await O(/* @__PURE__ */ Object.assign({ "./assets/large/1-generic-use.svg": () => import("./chunks/1-generic-use.ccca5813.js"), "./assets/large/2-generic-use.svg": () => import("./chunks/2-generic-use.443db127.js"), "./assets/large/3-generic-use.svg": () => import("./chunks/3-generic-use.9f74667f.js"), "./assets/large/4-generic-use.svg": () => import("./chunks/4-generic-use.0356f4a1.js"), "./assets/large/adding-payment-methods.svg": () => import("./chunks/adding-payment-methods.e419d6c0.js"), "./assets/large/adyen-giving.svg": () => import("./chunks/adyen-giving.54ed984c.js"), "./assets/large/internal-error.svg": () => import("./chunks/internal-error.35cbb071.js"), "./assets/large/no-results-found.svg": () => import("./chunks/no-results-found.cbb12f78.js"), "./assets/large/notifications-cleared.svg": () => import("./chunks/notifications-cleared.c4f4bed4.js"), "./assets/large/page-not-found.svg": () => import("./chunks/page-not-found.a500440d.js"), "./assets/large/planned-maintenance.svg": () => import("./chunks/planned-maintenance.cff01aed.js"), "./assets/large/referrals.svg": () => import("./chunks/referrals.178ce0eb.js"), "./assets/large/success.svg": () => import("./chunks/success.41981fe8.js"), "./assets/large/upload-files.svg": () => import("./chunks/upload-files.b4cd9f8b.js"), "./assets/large/wrong-environment.svg": () => import("./chunks/wrong-environment.f890a237.js") }), `./assets/large/${s.image}.svg`)).default);
-      },
-      { immediate: !0 }
-    );
-    const R = l(() => ({
-      "b-empty-state__image--small": n.value === "small",
-      "b-empty-state__image--large": n.value === "large"
-    })), h = l(
-      () => s.headingEl || E[s.variant]
-    ), G = l(() => ({
-      el: h.value,
-      medium: s.variant !== a.CONDENSED,
-      strongest: s.variant === a.CONDENSED,
-      variant: s.variant === a.CONDENSED ? "body" : "title"
-    })), T = l(() => {
-      switch (s.variant) {
-        case a.FULL_PAGE:
-          return "primary";
-        case a.CONDENSED:
-          return "tertiary";
-        default:
-          return "secondary";
-      }
-    });
-    return L(t, () => {
-      x(t.value, () => {
-        t.value && (_.value = t.value.offsetWidth);
-      });
-    }), (D, q) => (o(), A("div", {
-      ref_key: "rootRef",
-      ref: t,
-      class: "b-empty-state"
-    }, [
-      e.image && r(n) ? (o(), A("img", {
-        key: 0,
-        alt: "",
-        class: S(["b-empty-state__image", r(R)]),
-        src: g.value
-      }, null, 10, I)) : d("", !0),
-      k(r(y), M(r(G), { class: "b-empty-state__title" }), {
-        default: c(() => [
-          C(D.$slots, "title", {}, () => [
-            m(f(e.title), 1)
-          ], !0)
-        ]),
-        _: 3
-      }, 16),
-      e.variant !== "condensed" ? (o(), p(r(y), {
-        key: 1,
-        variant: "body",
-        class: "b-empty-state__details"
-      }, {
-        default: c(() => [
-          C(D.$slots, "default", {}, () => [
-            m(f(e.description), 1)
-          ], !0)
-        ]),
-        _: 3
-      })) : d("", !0),
-      e.action ? (o(), p(r(F), {
-        key: 2,
-        type: "button",
-        variant: r(T),
-        onClick: e.action.event
-      }, P({
-        default: c(() => [
-          m(" " + f(e.action.title), 1)
-        ]),
-        _: 2
-      }, [
-        e.action.icon ? {
-          name: "iconLeft",
-          fn: c(() => [
-            (o(), p(w(e.action.icon), {
-              "svg-title": e.action.title
-            }, null, 8, ["svg-title"]))
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["variant", "onClick"])) : d("", !0)
-    ], 512));
-  }
-});
-const Q = /* @__PURE__ */ H($, [["__scopeId", "data-v-93a21997"]]);
+import { B as e, b as m, c as n, a as o } from "./chunks/empty-state.BBxgpI-D.js";
 export {
-  Q as BentoEmptyState,
-  b as BentoEmptyStateImage,
-  u as BentoEmptyStateImageVariant,
-  a as BentoEmptyStateVariant
+  e as BentoEmptyState,
+  m as BentoEmptyStateImage,
+  n as BentoEmptyStateImageVariant,
+  o as BentoEmptyStateVariant
 };
 //# sourceMappingURL=empty-state.js.map

package/dist/empty-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.js","sources":["../../vue2/src/components/empty-state/empty-state.types.ts","../../vue2/src/components/empty-state/empty-state.vue"],"sourcesContent":["export enum BentoEmptyStateVariant {\n    FULL_PAGE = 'full-page',\n    EMBEDDED = 'embedded',\n    BASIC = 'basic',\n    CONDENSED = 'condensed',\n}\n\nexport enum BentoEmptyStateImage {\n    GENERIC_USE1 = '1-generic-use',\n    GENERIC_USE2 = '2-generic-use',\n    GENERIC_USE3 = '3-generic-use',\n    GENERIC_USE4 = '4-generic-use',\n    ADDING_PAYMENT_METHOD = 'adding-payment-methods',\n    ADYEN_GIVING = 'adyen-giving',\n    INTERNAL_ERROR = 'internal-error',\n    NO_RESULTS_FOUND = 'no-results-found',\n    NOTIFICATIONS_CLEARED = 'notifications-cleared',\n    PAGE_NOT_FOUND = 'page-not-found',\n    PLANNED_MAINTENANCE = 'planned-maintenance',\n    REFERRALS = 'referrals',\n    SUCCESS = 'success',\n    UPLOAD_FILES = 'upload-files',\n    WRONG_ENVIRONMENT = 'wrong-environment',\n}\n\nexport enum BentoEmptyStateImageVariant {\n    SMALL = 'small',\n    LARGE = 'large',\n    NULL = null,\n}\n","<template>\n    <div ref=\"rootRef\" class=\"b-empty-state\">\n        <!-- illustration -->\n        <img\n            v-if=\"image && imageVariant\"\n            alt=\"\"\n            class=\"b-empty-state__image\"\n            :class=\"imageConditionalClasses\"\n            :src=\"imageSvg\"\n        />\n\n        <!-- heading -->\n        <bento-typography v-bind=\"headingProps\" class=\"b-empty-state__title\">\n            <slot name=\"title\">\n                {{ title }}\n            </slot>\n        </bento-typography>\n\n        <!-- details -->\n        <bento-typography v-if=\"variant !== 'condensed'\" variant=\"body\" class=\"b-empty-state__details\">\n            <slot>\n                {{ description }}\n            </slot>\n        </bento-typography>\n\n        <!-- action -->\n        <bento-button v-if=\"action\" type=\"button\" :variant=\"actionVariant\" @click=\"action.event\">\n            <template v-if=\"action.icon\" #iconLeft>\n                <component :is=\"action.icon\" :svg-title=\"action.title\"></component>\n            </template>\n            {{ action.title }}\n        </bento-button>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType, ref, watch } from 'vue';\n\n    import { BentoButton, BentoButtonActionObject, BentoButtonVariant } from '@/components/button';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n\n    import { BentoEmptyStateImage, BentoEmptyStateImageVariant, BentoEmptyStateVariant } from './empty-state.types';\n\n    const WIDTH_BREAKPOINT = 740;\n\n    const HEADING_ELEMENT_MAP = {\n        [BentoEmptyStateVariant.FULL_PAGE]: 'h2',\n        [BentoEmptyStateVariant.EMBEDDED]: 'h3',\n        [BentoEmptyStateVariant.BASIC]: 'h3',\n        [BentoEmptyStateVariant.CONDENSED]: 'div',\n    };\n\n    const props = defineProps({\n        /**\n         * Defines the button at the end of the component.\n         */\n        action: {\n            type: Object as PropType<BentoButtonActionObject>,\n            default: null,\n            validator: (value: BentoButtonActionObject) => Boolean(value.title && value.event),\n        },\n\n        /**\n         * The empty state description.\n         * Gives additional details to the issue.\n         * This can be used or the default slot\n         */\n        description: {\n            type: String,\n            default: null,\n        },\n\n        /**\n         * Sets the heading HTML DOM element.\n         * @values h1, h2, h3, h4, h5, h6, div, p, span\n         */\n        headingEl: {\n            type: String as PropType<`${BentoTypographyElement}`>,\n            default: null,\n            validator: (value: BentoTypographyElement) => Object.values(BentoTypographyElement).includes(value),\n        },\n\n        /**\n         * Name of the illustration for the empty state.\n         */\n        image: {\n            type: String as PropType<`${BentoEmptyStateImage}`>,\n            default: null,\n            validator: (value: BentoEmptyStateImage) => Object.values(BentoEmptyStateImage).includes(value),\n        },\n\n        /**\n         * The empty state heading.\n         * Should clearly explain the issue.\n         */\n        title: {\n            type: String,\n            default: '',\n        },\n\n        /**\n         * Types of different empty states\n         * @values full-page, embedded, basic, condensed\n         */\n        variant: {\n            type: String as PropType<`${BentoEmptyStateVariant}`>,\n            default: 'basic',\n            validator: (value: BentoEmptyStateVariant) => Object.values(BentoEmptyStateVariant).includes(value),\n        },\n    });\n\n    const rootRef = ref<HTMLDivElement>(null);\n    const containerWidth = ref(0);\n\n    const isBelowBreakpoint = computed(() => containerWidth.value < WIDTH_BREAKPOINT);\n\n    const imageVariant = computed<BentoEmptyStateImageVariant>(() => {\n        switch (props.variant) {\n            case BentoEmptyStateVariant.FULL_PAGE:\n                return isBelowBreakpoint.value ? BentoEmptyStateImageVariant.SMALL : BentoEmptyStateImageVariant.LARGE;\n            case BentoEmptyStateVariant.EMBEDDED:\n                return isBelowBreakpoint.value ? null : BentoEmptyStateImageVariant.SMALL;\n            default:\n                return null;\n        }\n    });\n\n    const imageSvg = ref('');\n\n    watch(\n        [() => props.image, imageVariant],\n        async () => {\n            if (props.image && imageVariant.value) {\n                // rollup only supports one variable in a dynamic path\n                /* v8 ignore next 4 */\n                if (imageVariant.value === 'small') {\n                    imageSvg.value = (await import(`./assets/small/${props.image}.svg`)).default;\n                } else {\n                    imageSvg.value = (await import(`./assets/large/${props.image}.svg`)).default;\n                }\n            }\n        },\n        { immediate: true }\n    );\n\n    const imageConditionalClasses = computed(() => ({\n        'b-empty-state__image--small': imageVariant.value === 'small',\n        'b-empty-state__image--large': imageVariant.value === 'large',\n    }));\n\n    const headingElement = computed(\n        () => (props.headingEl || HEADING_ELEMENT_MAP[props.variant]) as BentoTypographyElement\n    );\n\n    const headingProps = computed(() => ({\n        el: headingElement.value,\n        medium: props.variant !== BentoEmptyStateVariant.CONDENSED,\n        strongest: props.variant === BentoEmptyStateVariant.CONDENSED,\n        variant: (props.variant === BentoEmptyStateVariant.CONDENSED ? 'body' : 'title') as BentoTypographyVariant,\n    }));\n\n    const actionVariant = computed<`${BentoButtonVariant}`>(() => {\n        switch (props.variant) {\n            case BentoEmptyStateVariant.FULL_PAGE:\n                return 'primary';\n            case BentoEmptyStateVariant.CONDENSED:\n                return 'tertiary';\n            default:\n                return 'secondary';\n        }\n    });\n\n    // Lifecycle\n    watch(rootRef, () => {\n        // Use ResizeObserver so that image is only fetched if needed (visible).\n        observeSizeOfElement(rootRef.value, () => {\n            if (rootRef.value) {\n                containerWidth.value = rootRef.value.offsetWidth;\n            }\n        });\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Empty states are moments in the user experience when there is nothing to display.\n     * This component can be used to provide:\n     * - Information about system status\n     * - Contextual learning cues\n     * - Direct pathways for key tasks\n     *\n     * @example\n     * import { BentoEmptyState } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoEmptyState },\n     *     template: `\n     *          <bento-empty-state\n     *              title=\"No results were found\"\n     *              image=\"no-results-found\"\n     *              variant=\"full-page\"\n     *              :action=\"{ title: 'Reset filters', event: () => {} }\"\n     *          >\n     *              Try a different term or reset search filters\n     *          </bento-empty-state>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./empty-state.scss\" />\n"],"names":["BentoEmptyStateVariant","BentoEmptyStateVariant2","BentoEmptyStateImage","BentoEmptyStateImage2","BentoEmptyStateImageVariant","BentoEmptyStateImageVariant2","__default__","WIDTH_BREAKPOINT","HEADING_ELEMENT_MAP","rootRef","ref","containerWidth","isBelowBreakpoint","computed","imageVariant","props","imageSvg","watch","__variableDynamicImportRuntimeHelper","imageConditionalClasses","headingElement","headingProps","actionVariant","observeSizeOfElement"],"mappings":"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"}
+{"version":3,"file":"empty-state.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}