@adyen/bento-vue3 1.26.0 → 1.28.0

package/dist/segmented-control.js

@@ -1,258 +1,7 @@
-import { defineComponent as B, ref as m, computed as b, resolveComponent as v, openBlock as r, createElementBlock as g, normalizeClass as w, createElementVNode as W, createBlock as $, createCommentVNode as y, createVNode as T, withCtx as A, createTextVNode as D, toDisplayString as N, toRef as U, toRefs as E, onMounted as q, resolveDirective as F, Fragment as R, renderList as P, withDirectives as z } from "vue";
-import { B as M } from "./chunks/index.a3d60e4f.js";
-import { g as O } from "./chunks/unique-id.a2a2b458.js";
-import { C as j } from "./chunks/checkmark.87919b24.js";
-import { _ as L } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { b as G } from "./chunks/tooltip.1084d92b.js";
-import { u as H } from "./chunks/i18n.f7e6533e.js";
-import { u as J } from "./chunks/aria-label.ac9651a5.js";
-import { o as K } from "./chunks/resize.a041304d.js";
-import "./assets/index24.css";
-const Q = B({
-  name: "bento-segmented-control-button",
-  components: { BentoTypography: M, CheckmarkIcon: j },
-  props: {
-    /**
-     * The string the button will showcase
-     */
-    label: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Indicates the value of the input that will be returned when it's selected
-     */
-    value: {
-      type: [String, Number],
-      required: !0
-    },
-    /**
-     * This property should not be used directly.
-     * It will be used by v-model directive on the segmented control component
-     */
-    modelValue: {
-      type: [String, Number],
-      default: null
-    },
-    /**
-     * Disable the radio button (optional)
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Renders the button with a 100% width
-     */
-    fullWidth: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Renders the button with a truncated text if the space is not enough to render the whole content
-     */
-    truncate: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Renders the button with centered text in case the text has to wrap multiple lines
-     */
-    wrap: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:model-value"],
-  setup(e, { emit: o }) {
-    const d = m(), s = O("segmented-control-button"), u = b(() => e.value === e.modelValue), i = b(() => ({
-      "b-segmented-control-button--hug-content": !e.fullWidth,
-      "b-segmented-control-button--full-width": e.fullWidth,
-      "b-segmented-control-button--truncate": e.truncate,
-      "b-segmented-control-button--wrap": e.wrap && !e.truncate
-    }));
-    return {
-      // Values
-      segmentedControlButtonLabel: d,
-      segmentedControlButtonId: s,
-      isChecked: u,
-      conditionalClasses: i,
-      // Methods
-      onClick: () => {
-        e.disabled || o("update:model-value", e.value);
-      }
-    };
-  }
-});
-const X = ["id", "aria-checked", "aria-label", "checked", "disabled", "value"], Y = ["for"];
-function Z(e, o, d, s, u, i) {
-  const l = v("checkmark-icon"), c = v("bento-typography");
-  return r(), g("div", {
-    class: w(["b-segmented-control-button", e.conditionalClasses])
-  }, [
-    W("input", {
-      id: e.segmentedControlButtonId,
-      "aria-checked": e.isChecked,
-      "aria-label": e.label,
-      checked: e.isChecked,
-      disabled: e.disabled,
-      value: e.value,
-      type: "radio",
-      class: "b-segmented-control-button__input",
-      role: "radio",
-      onChange: o[0] || (o[0] = (...t) => e.onClick && e.onClick(...t))
-    }, null, 40, X),
-    e.label ? (r(), g("label", {
-      key: 0,
-      for: e.segmentedControlButtonId,
-      class: "b-segmented-control-button__label-container"
-    }, [
-      e.isChecked ? (r(), $(l, {
-        key: 0,
-        "aria-hidden": "true",
-        class: "b-segmented-control-button__icon"
-      })) : y("", !0),
-      T(c, {
-        ref: "segmentedControlButtonLabel",
-        class: "b-segmented-control-button__label",
-        el: "span",
-        variant: "body",
-        stronger: ""
-      }, {
-        default: A(() => [
-          D(N(e.label), 1)
-        ]),
-        _: 1
-      }, 512)
-    ], 8, Y)) : y("", !0)
-  ], 2);
-}
-const x = /* @__PURE__ */ L(Q, [["render", Z], ["__scopeId", "data-v-72a8a7dc"]]);
-var h = /* @__PURE__ */ ((e) => (e.UPDATE = "update:model-value", e))(h || {});
-const k = {
-  "en-US": {
-    ariaLabelFallback: "Segmented control"
-  }
-}, ee = B({
-  name: "bento-segmented-control",
-  i18n: { messages: k },
-  components: { SegmentedControlButton: x },
-  directives: { BentoTooltipDirective: G },
-  props: {
-    /**
-     * Items that will populate the segmented control.
-     */
-    items: {
-      type: Array,
-      required: !0,
-      validator: (e) => e.length <= 5
-    },
-    /**
-     * Determines the selected value of the group. Corresponds to the BentoSegmentedControlItem's value.
-     */
-    modelValue: {
-      type: [Number, String, null],
-      required: !0
-    },
-    /**
-     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
-     */
-    /**
-     * Accessible name describing the segmented control.
-     */
-    ariaLabel: {
-      type: String,
-      default: null
-    },
-    /**
-     * If set to true, renders the component full width.
-     */
-    fullWidth: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * If set to true, wraps the items in the segmented control to show their content whenever these don't fit in the available space anymore.
-     */
-    wrap: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [h.UPDATE],
-  setup(e, { attrs: o, emit: d }) {
-    const { t: s } = H({ messages: k }), u = U(e, "modelValue"), i = m(o["aria-label"]), { ariaLabel: l } = E(e), c = J({
-      ariaLabel: i.value,
-      // TODO: take this line away when the aria-label props is removed
-      label: l,
-      defaultFallback: s("ariaLabelFallback")
-    }), t = m(), a = m(), p = m(), _ = b(() => !e.wrap);
-    q(() => {
-      K(t.value, () => {
-        var n;
-        t.value && (p.value = (n = a == null ? void 0 : a.value) == null ? void 0 : n.map(
-          (f) => f.$refs.segmentedControlButtonLabel.$el.offsetWidth < f.$refs.segmentedControlButtonLabel.$el.scrollWidth
-        ));
-      });
-    });
-    const V = b(
-      () => e.items.map((n, f) => {
-        var C;
-        return {
-          ...n,
-          tooltipText: _.value && ((C = p == null ? void 0 : p.value) != null && C[f]) ? n.label : void 0
-        };
-      })
-    ), I = (n) => {
-      d(h.UPDATE, n);
-    }, S = b(() => ({
-      "b-segmented-control--hug": !e.fullWidth,
-      "b-segmented-control--full-width": e.fullWidth,
-      "b-segmented-control--truncate": _.value,
-      "b-segmented-control--wrap": e.wrap
-    }));
-    return {
-      // Values
-      computedAriaLabel: c,
-      inputValue: u,
-      segmentedControlRef: t,
-      segmentedControlButtonRef: a,
-      computedItems: V,
-      truncate: _,
-      conditionalClasses: S,
-      // Methods
-      onInput: I
-    };
-  }
-});
-function te(e, o, d, s, u, i) {
-  const l = v("segmented-control-button"), c = F("bento-tooltip-directive");
-  return r(), g("div", {
-    ref: "segmentedControlRef",
-    role: "group",
-    class: w(["b-segmented-control", e.conditionalClasses])
-  }, [
-    (r(!0), g(R, null, P(e.computedItems, (t, a) => z((r(), $(l, {
-      ref_for: !0,
-      ref: "segmentedControlButtonRef",
-      key: `segmented-control-item-${a}-${t.label}`,
-      class: "b-segmented-control__item",
-      label: t.label,
-      value: t.value,
-      disabled: t.disabled,
-      truncate: e.truncate,
-      wrap: e.wrap,
-      "full-width": e.fullWidth,
-      "model-value": e.inputValue,
-      "onUpdate:modelValue": e.onInput
-    }, null, 8, ["label", "value", "disabled", "truncate", "wrap", "full-width", "model-value", "onUpdate:modelValue"])), [
-      [c, t.tooltipText]
-    ])), 128))
-  ], 2);
-}
-const ce = /* @__PURE__ */ L(ee, [["render", te], ["__scopeId", "data-v-d443d921"]]);
+import { B as t } from "./chunks/segmented-control.NnFfAdTq.js";
+import { B as r } from "./chunks/segmented-control.types.BHRLV8KU.js";
 export {
-  ce as BentoSegmentedControl,
-  h as BentoSegmentedControlEvent
+  t as BentoSegmentedControl,
+  r as BentoSegmentedControlEvent
 };
 //# sourceMappingURL=segmented-control.js.map

package/dist/segmented-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control.js","sources":["../../vue2/src/components/segmented-control/components/segmented-control-button/segmented-control-button.vue","../../vue2/src/components/segmented-control/segmented-control.types.ts","../../vue2/src/components/segmented-control/segmented-control.vue"],"sourcesContent":["<template>\n    <div class=\"b-segmented-control-button\" :class=\"conditionalClasses\">\n        <input\n            :id=\"segmentedControlButtonId\"\n            :aria-checked=\"isChecked\"\n            :aria-label=\"label\"\n            :checked=\"isChecked\"\n            :disabled=\"disabled\"\n            :value=\"value\"\n            type=\"radio\"\n            class=\"b-segmented-control-button__input\"\n            role=\"radio\"\n            @change=\"onClick\"\n        />\n        <label v-if=\"label\" :for=\"segmentedControlButtonId\" class=\"b-segmented-control-button__label-container\">\n            <checkmark-icon v-if=\"isChecked\" aria-hidden=\"true\" class=\"b-segmented-control-button__icon\" />\n            <bento-typography\n                ref=\"segmentedControlButtonLabel\"\n                class=\"b-segmented-control-button__label\"\n                el=\"span\"\n                variant=\"body\"\n                stronger\n            >\n                {{ label }}\n            </bento-typography>\n        </label>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { BentoTypography } from '@/components/typography';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { computed, ComputedRef, defineComponent, ref } from 'vue';\n    import CheckmarkIcon from '@adyen/ui-assets-icons-16/vue/checkmark';\n    /**\n     * Internal component to be used within the BentoSegmentedControl component only\n     */\n    export default defineComponent({\n        name: 'bento-segmented-control-button',\n        components: { BentoTypography, CheckmarkIcon },\n        props: {\n            /**\n             * The string the button will showcase\n             */\n            label: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Indicates the value of the input that will be returned when it's selected\n             */\n            value: {\n                type: [String, Number],\n                required: true,\n            },\n            /**\n             * This property should not be used directly.\n             * It will be used by v-model directive on the segmented control component\n             */\n            modelValue: {\n                type: [String, Number],\n                default: null,\n            },\n            /**\n             * Disable the radio button (optional)\n             */\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Renders the button with a 100% width\n             */\n            fullWidth: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Renders the button with a truncated text if the space is not enough to render the whole content\n             */\n            truncate: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Renders the button with centered text in case the text has to wrap multiple lines\n             */\n            wrap: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        emits: ['update:model-value'],\n        setup(props, { emit }) {\n            const segmentedControlButtonLabel = ref();\n            const segmentedControlButtonId = generateUid('segmented-control-button');\n            const isChecked: ComputedRef<boolean> = computed(() => props.value === props.modelValue);\n            const conditionalClasses = computed(() => ({\n                'b-segmented-control-button--hug-content': !props.fullWidth,\n                'b-segmented-control-button--full-width': props.fullWidth,\n                'b-segmented-control-button--truncate': props.truncate,\n                'b-segmented-control-button--wrap': props.wrap && !props.truncate,\n            }));\n            const onClick = () => {\n                if (!props.disabled) {\n                    emit('update:model-value', props.value);\n                }\n            };\n            return {\n                // Values\n                segmentedControlButtonLabel,\n                segmentedControlButtonId,\n                isChecked,\n                conditionalClasses,\n                // Methods\n                onClick,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./segmented-control-button.scss\" />\n","export interface BentoSegmentedControlItem {\n    label: string;\n    value: string | number;\n    disabled?: boolean;\n}\n\nexport enum BentoSegmentedControlEvent {\n    UPDATE = 'update:model-value',\n}\n","<template>\n    <div ref=\"segmentedControlRef\" role=\"group\" class=\"b-segmented-control\" :class=\"conditionalClasses\">\n        <segmented-control-button\n            v-for=\"(item, index) in computedItems\"\n            ref=\"segmentedControlButtonRef\"\n            :key=\"`segmented-control-item-${index}-${item.label}`\"\n            v-bento-tooltip-directive=\"item.tooltipText\"\n            class=\"b-segmented-control__item\"\n            :label=\"item.label\"\n            :value=\"item.value\"\n            :disabled=\"item.disabled\"\n            :truncate=\"truncate\"\n            :wrap=\"wrap\"\n            :full-width=\"fullWidth\"\n            :model-value=\"inputValue\"\n            @update:model-value=\"onInput\"\n        ></segmented-control-button>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, onMounted, PropType, ref, toRef, toRefs } from 'vue';\n    import SegmentedControlButton from './components/segmented-control-button/segmented-control-button.vue';\n    import { BentoSegmentedControlEvent, BentoSegmentedControlItem } from './segmented-control.types';\n    import { BentoTooltipDirective } from '@/directives';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import messages from './messages.json';\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * @example\n     * import { BentoSegmentedControl } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSegmentedControl },\n     *     template: `\n     *          <bento-segmented-control\n     *              :items=\"[{ label: 'Segment 1', value: 1 }, { label: 'Segment 2', value: 2 }, { label: 'Segment 3', value: 3, disabled: true }]\"\n     *              :model-value=\"1\"\n     *              @update:model-value=\"yourUpdateHandler\"\n     *          />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-segmented-control',\n        i18n: { messages },\n        components: { SegmentedControlButton },\n        directives: { BentoTooltipDirective },\n        props: {\n            /**\n             * Items that will populate the segmented control.\n             */\n            items: {\n                type: Array as PropType<BentoSegmentedControlItem[]>,\n                required: true,\n                validator: (arr: Array<BentoSegmentedControlItem[]>) => arr.length <= 5,\n            },\n            /**\n             * Determines the selected value of the group. Corresponds to the BentoSegmentedControlItem's value.\n             */\n            modelValue: {\n                type: [Number, String, null],\n                required: true,\n            },\n            /**\n             * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n             */\n            /**\n             * Accessible name describing the segmented control.\n             */\n            ariaLabel: {\n                type: String,\n                default: null,\n            },\n            /**\n             * If set to true, renders the component full width.\n             */\n            fullWidth: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * If set to true, wraps the items in the segmented control to show their content whenever these don't fit in the available space anymore.\n             */\n            wrap: {\n                type: Boolean,\n                default: false,\n            },\n        },\n\n        emits: [BentoSegmentedControlEvent.UPDATE],\n        setup(props, { attrs, emit }) {\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n            const inputValue = toRef(props, 'modelValue');\n\n            const ariaLabelAttribute = ref(attrs['aria-label']);\n            const { ariaLabel } = toRefs(props);\n            const computedAriaLabel = useAriaLabel({\n                ariaLabel: ariaLabelAttribute.value as string,\n                // TODO: take this line away when the aria-label props is removed\n                label: ariaLabel,\n                defaultFallback: t('ariaLabelFallback'),\n            });\n\n            const segmentedControlRef = ref();\n            const segmentedControlButtonRef = ref();\n            const hasEllipsis = ref();\n\n            const truncate = computed(() => !props.wrap);\n\n            onMounted(() => {\n                observeSizeOfElement(segmentedControlRef.value, () => {\n                    if (segmentedControlRef.value) {\n                        hasEllipsis.value = segmentedControlButtonRef?.value?.map(\n                            el =>\n                                el.$refs.segmentedControlButtonLabel.$el.offsetWidth <\n                                el.$refs.segmentedControlButtonLabel.$el.scrollWidth\n                        );\n                    }\n                });\n            });\n\n            const computedItems = computed(() =>\n                props.items.map((el, index) => ({\n                    ...el,\n                    tooltipText: truncate.value && hasEllipsis?.value?.[index] ? el.label : undefined,\n                }))\n            );\n\n            const onInput = value => {\n                emit(BentoSegmentedControlEvent.UPDATE, value);\n            };\n\n            const conditionalClasses = computed(() => ({\n                'b-segmented-control--hug': !props.fullWidth,\n                'b-segmented-control--full-width': props.fullWidth,\n                'b-segmented-control--truncate': truncate.value,\n                'b-segmented-control--wrap': props.wrap,\n            }));\n\n            return {\n                // Values\n                computedAriaLabel,\n                inputValue,\n                segmentedControlRef,\n                segmentedControlButtonRef,\n                computedItems,\n                truncate,\n                conditionalClasses,\n\n                // Methods\n                onInput,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./segmented-control.scss\" />\n"],"names":["_sfc_main$1","defineComponent","BentoTypography","CheckmarkIcon","props","emit","segmentedControlButtonLabel","ref","segmentedControlButtonId","generateUid","isChecked","computed","conditionalClasses","createElementVNode","_ctx","_hoisted_1","openBlock","createElementBlock","createBlock","_component_checkmark_icon","createCommentVNode","createVNode","_component_bento_typography","BentoSegmentedControlEvent","BentoSegmentedControlEvent2","_sfc_main","messages","SegmentedControlButton","BentoTooltipDirective","arr","attrs","t","useI18n","inputValue","toRef","ariaLabelAttribute","ariaLabel","toRefs","computedAriaLabel","useAriaLabel","segmentedControlRef","segmentedControlButtonRef","hasEllipsis","truncate","onMounted","observeSizeOfElement","_a","el","computedItems","index","onInput","value","_directive_bento_tooltip_directive","resolveDirective","normalizeClass","item"],"mappings":"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"}
+{"version":3,"file":"segmented-control.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}