@adyen/bento-vue2 1.97.0 → 1.98.0

package/dist/chunks/list-item.D2ZLiS_D.js

@@ -1,76 +0,0 @@
-import { defineComponent as a, computed as n, useSlots as d } from "vue";
-import { n as r } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { C as m } from "./chevron-right-small.BKeb_dRX.js";
-import { B as u } from "./status.CKb07vxI.js";
-import { B as f } from "./tag.CbNFG45Y.js";
-import { B as h } from "./typography.C8lPlsbD.js";
-import { u as v } from "./use-has-slot.C9lQZ6nz.js";
-import "../assets/list-item.css";
-const b = {
-  name: "bento-list"
-}, C = /* @__PURE__ */ a({
-  ...b,
-  props: {
-    type: { default: "unordered" }
-  },
-  setup(o) {
-    const t = o, e = n(() => t.type === "ordered" ? "ol" : "ul");
-    return { __sfc: !0, props: t, listElement: e };
-  }
-});
-var y = function() {
-  var t = this, e = t._self._c, s = t._self._setupProxy;
-  return e(s.listElement, { tag: "component", staticClass: "b-list" }, [t._t("default")], 2);
-}, g = [], w = /* @__PURE__ */ r(
-  C,
-  y,
-  g,
-  !1,
-  null,
-  "9bae82a2"
-);
-const P = w.exports, B = {
-  name: "bento-list-item"
-}, S = /* @__PURE__ */ a({
-  ...B,
-  props: {
-    label: null,
-    description: null,
-    showStatus: { type: Boolean, default: !1 },
-    statusColor: { default: "blue" },
-    tag: { default: void 0 },
-    withChevron: { type: Boolean, default: !1 },
-    showTopDivider: { type: Boolean, default: !1 },
-    showBottomDivider: { type: Boolean, default: !1 }
-  },
-  emits: ["click"],
-  setup(o, { emit: t }) {
-    const e = o, s = d(), l = v(s), _ = () => {
-      e.withChevron && t("click");
-    }, p = (i) => {
-      e.withChevron && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), t("click"));
-    }, c = n(() => ({
-      "b-list-item__inner--clickable": e.withChevron,
-      "b-list-item__inner--top-divider": e.showTopDivider,
-      "b-list-item__inner--bottom-divider": e.showBottomDivider
-    }));
-    return { __sfc: !0, slots: s, hasSlot: l, props: e, emit: t, onItemClick: _, onItemKeydown: p, conditionalClasses: c, ChevronRightIcon: m, BentoStatus: u, BentoTag: f, BentoTypography: h };
-  }
-});
-var k = function() {
-  var t = this, e = t._self._c, s = t._self._setupProxy;
-  return e("li", { staticClass: "b-list-item", on: { click: s.onItemClick, keydown: s.onItemKeydown } }, [e(s.BentoTypography, { staticClass: "b-list-item__inner", class: s.conditionalClasses, attrs: { el: "div", role: s.props.withChevron ? "button" : void 0, tabindex: s.props.withChevron ? 0 : void 0 } }, [s.hasSlot("image") ? e("div", { staticClass: "b-list-item__image" }, [t._t("image")], 2) : t._e(), s.hasSlot("start") ? e("div", { staticClass: "b-list-item__start" }, [t._t("start")], 2) : t._e(), e("div", { staticClass: "b-list-item__content" }, [s.hasSlot("content") ? e("div", { staticClass: "b-list-item__label" }, [t._t("content")], 2) : [e("div", { staticClass: "b-list-item__header" }, [s.props.label ? e(s.BentoTypography, { staticClass: "b-list-item__label", attrs: { el: "span", stronger: "" } }, [t._v(" " + t._s(s.props.label) + " ")]) : t._e(), s.props.showStatus ? e(s.BentoStatus, { staticClass: "b-list-item__status", attrs: { variant: s.props.statusColor, "aria-hidden": "true" } }) : t._e(), s.props.tag ? e(s.BentoTag, t._b({ staticClass: "b-list-item__tag" }, "bento-tag", s.props.tag, !1)) : t._e()], 1), s.props.description ? e("span", { staticClass: "b-list-item__description" }, [t._v(" " + t._s(s.props.description) + " ")]) : t._e()]], 2), s.hasSlot("end") ? e("div", { staticClass: "b-list-item__end" }, [t._t("end")], 2) : t._e(), s.props.withChevron ? e(s.ChevronRightIcon, { staticClass: "b-list-item__chevron", attrs: { "aria-hidden": "true" } }) : t._e()], 1)], 1);
-}, I = [], T = /* @__PURE__ */ r(
-  S,
-  k,
-  I,
-  !1,
-  null,
-  "c5d47092"
-);
-const z = T.exports;
-export {
-  z as a,
-  P as l
-};
-//# sourceMappingURL=list-item.D2ZLiS_D.js.map

package/dist/chunks/list-item.D2ZLiS_D.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-item.D2ZLiS_D.js","sources":["../../src/components/list/list.vue","../../src/components/list/components/list-item/list-item.vue"],"sourcesContent":["<template>\n    <component :is=\"listElement\" class=\"b-list\">\n        <slot />\n    </component>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed } from 'vue';\n    import type { BentoListProps } from './list.types';\n\n    const props = defineProps({\n  type: { default: 'unordered' }\n});\n\n    const listElement = computed(() => (props.type === 'ordered' ? 'ol' : 'ul'));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * `BentoList` renders an ordered or unordered list container for `BentoListItem` rows.\n     *\n     * @example\n     * import { BentoList, BentoListItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoList, BentoListItem },\n     *     template: `\n     *          <bento-list>\n     *              <bento-list-item\n     *                  label=\"Payment details\"\n     *                  description=\"Updated 2 hours ago\"\n     *                  :tag=\"{ label: 'Live', variant: 'green' }\"\n     *                  show-bottom-divider\n     *              />\n     *              <bento-list-item\n     *                  label=\"Risk configuration\"\n     *                  description=\"Updated yesterday\"\n     *                  :tag=\"{ label: 'Review', variant: 'orange' }\"\n     *              />\n     *          </bento-list>\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-list',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./list.scss\" />\n","<template>\n    <li class=\"b-list-item\" @click=\"onItemClick\" @keydown=\"onItemKeydown\">\n        <bento-typography\n            class=\"b-list-item__inner\"\n            :class=\"conditionalClasses\"\n            el=\"div\"\n            :role=\"props.withChevron ? 'button' : undefined\"\n            :tabindex=\"props.withChevron ? 0 : undefined\"\n        >\n            <div v-if=\"hasSlot('image')\" class=\"b-list-item__image\">\n                <slot name=\"image\" />\n            </div>\n\n            <div v-if=\"hasSlot('start')\" class=\"b-list-item__start\">\n                <slot name=\"start\" />\n            </div>\n\n            <div class=\"b-list-item__content\">\n                <div v-if=\"hasSlot('content')\" class=\"b-list-item__label\">\n                    <slot name=\"content\" />\n                </div>\n\n                <template v-else>\n                    <div class=\"b-list-item__header\">\n                        <bento-typography v-if=\"props.label\" class=\"b-list-item__label\" el=\"span\" stronger>\n                            {{ props.label }}\n                        </bento-typography>\n                        <bento-status\n                            v-if=\"props.showStatus\"\n                            class=\"b-list-item__status\"\n                            :variant=\"props.statusColor\"\n                            aria-hidden=\"true\"\n                        />\n                        <bento-tag v-if=\"props.tag\" v-bind=\"props.tag\" class=\"b-list-item__tag\" />\n                    </div>\n                    <span v-if=\"props.description\" class=\"b-list-item__description\">\n                        {{ props.description }}\n                    </span>\n                </template>\n            </div>\n\n            <div v-if=\"hasSlot('end')\" class=\"b-list-item__end\">\n                <slot name=\"end\" />\n            </div>\n\n            <chevron-right-icon v-if=\"props.withChevron\" class=\"b-list-item__chevron\" aria-hidden=\"true\" />\n        </bento-typography>\n    </li>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, useSlots } from 'vue';\n    import ChevronRightIcon from '@adyen/ui-assets-icons-16/vue/chevron-right-small';\n    import { BentoStatus } from '@/components/status';\n    import { BentoTag } from '@/components/tag';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n    import type { BentoListItemProps } from './list-item.types';\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const props = defineProps({\n  label: null,\n  description: null,\n  showStatus: { type: Boolean, default: false },\n  statusColor: { default: 'blue' },\n  tag: { default: undefined },\n  withChevron: { type: Boolean, default: false },\n  showTopDivider: { type: Boolean, default: false },\n  showBottomDivider: { type: Boolean, default: false }\n});\n\n    const emit = defineEmits([\"click\"]);\n\n    const onItemClick = (): void => {\n        if (!props.withChevron) {\n            return;\n        }\n        emit('click');\n    };\n\n    const onItemKeydown = (event: KeyboardEvent): void => {\n        if (!props.withChevron) {\n            return;\n        }\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            emit('click');\n        }\n    };\n\n    const conditionalClasses = computed(() => ({\n        'b-list-item__inner--clickable': props.withChevron,\n        'b-list-item__inner--top-divider': props.showTopDivider,\n        'b-list-item__inner--bottom-divider': props.showBottomDivider,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * `BentoListItem` renders an item to be used inside `BentoList`.\n     *\n     * @example\n     * import { BentoList, BentoListItem, BentoButton, BentoToggle } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoList, BentoListItem, BentoButton, BentoToggle },\n     *     template: `\n     *          <bento-list>\n     *              <bento-list-item\n     *                  label=\"Payment details\"\n     *                  description=\"Updated 2 hours ago\"\n     *                  :tag=\"{ label: 'Live', variant: 'green' }\"\n     *                  show-bottom-divider\n     *              >\n     *                  <template #start>\n     *                      <bento-toggle />\n     *                  </template>\n     *                  <template #end>\n     *                      <bento-button variant=\"secondary\">Edit</bento-button>\n     *                  </template>\n     *              </bento-list-item>\n     *          </bento-list>\n     *     `\n     * }\n     */\n\n    export default {\n        name: 'bento-list-item',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./list-item.scss\" />\n"],"names":["__default__$1","listElement","computed","props","__default__","slots","useSlots","hasSlot","useHasSlot","onItemClick","emit","onItemKeydown","event","conditionalClasses"],"mappings":";;;;;;;;AA2CI,MAAAA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;iBA/BAC,IAAAC,EAAA,MAAAC,EAAA,SAAA,YAAA,OAAA,IAAA;;;;;;;;;;;;;;;qBCkHAC,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;;;;iBAvEAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAeAI,IAAA,MAAA;AACI,MAAAN,EAAA,eAGAO,EAAA,OAAA;AAAA,IAAY,GAGhBC,IAAA,CAAAC,MAAA;AACI,MAAAT,EAAA,gBAGAS,EAAA,QAAA,WAAAA,EAAA,QAAA,SACIA,EAAA,eAAA,GACAF,EAAA,OAAA;AAAA,IACJ,GAGJG,IAAAX,EAAA,OAAA;AAAA,MAA2C,iCAAAC,EAAA;AAAA,MACA,mCAAAA,EAAA;AAAA,MACE,sCAAAA,EAAA;AAAA,IACG,EAAA;;;;;;;;;;;;;;;;"}

package/dist/chunks/popover.types.B9TXaqAt.js

@@ -1,6 +0,0 @@
-import { b as o } from "./popper-container.CFYFCz6u.js";
-const i = { ...o };
-export {
-  i as B
-};
-//# sourceMappingURL=popover.types.B9TXaqAt.js.map