@adyen/bento-vue3 1.58.1 → 1.59.0

package/dist/chunks/chip.DbhxDQiT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chip.DbhxDQiT.js","sources":["../../../vue2/src/utils/ts/truncate.ts","../../../vue2/src/components/chip/chip.vue"],"sourcesContent":["/**\n * Trunctes a string if it goes over a certain character limit.\n * @param aString the string or number to truncate.\n * @param characterLimit the character limit to start truncating at.\n * @returns a string that is truncated if it's length is over the limit.\n */\nexport const truncate = (aStringOrNumber: string | number, characterLimit: number) => {\n    const aString = aStringOrNumber?.toString();\n    return aString?.length > characterLimit ? `${aString?.slice(0, characterLimit)}...` : aString;\n};\n","<template>\n    <base-button class=\"b-chip\" :disabled=\"disabled\" :class=\"conditionalClasses\" @click=\"emit('click')\">\n        <bento-typography el=\"span\" :variant=\"computedTypographyVariant\" class=\"b-chip__text\">\n            {{ computedLabel }}\n        </bento-typography>\n        <template #iconRight><cross-small-icon :svg-title=\"t('remove')\" class=\"b-chip__icon\" /></template>\n    </base-button>\n</template>\n\n<script setup lang=\"ts\">\n    import { BaseButton } from '@/components/internal/base-button';\n    import { BentoTypography, BentoTypographyVariant } from '@/components/typography';\n    import CrossSmallIcon from '@adyen/ui-assets-icons-16/vue/cross-small';\n\n    import { useI18n } from '@/utils/ts/i18n';\n    import { truncate } from '@/utils/ts/truncate';\n\n    import type { BentoChipProps } from './chip.types';\n\n    import messages from './messages.json';\n    import { computed } from 'vue';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = withDefaults(defineProps<BentoChipProps>(), {\n        disabled: false,\n        readonly: false,\n        error: false,\n        condensed: false,\n        characterLimit: null,\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits when chip is clicked\n         */\n        (e: 'click'): void;\n    }>();\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const computedLabel = computed(() =>\n        props.characterLimit ? truncate(props.label, props.characterLimit) : props.label\n    );\n\n    const computedTypographyVariant = computed<`${BentoTypographyVariant}`>(() =>\n        props.condensed ? 'caption' : 'body'\n    );\n\n    const conditionalClasses = computed(() => ({\n        'b-chip--condensed': props.condensed,\n        'b-chip--readonly': props.readonly && !props.disabled,\n        'b-chip--error': props.error,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Chip is a dismissible tag-like component that can be used to display selected items, which may need to be removed by the user.\n     *\n     * @example\n     * import { BentoChip } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoChip },\n     *     template: `\n     *          <bento-chip\n     *              label=\"Label\"\n     *              :character-limit=\"20\"\n     *              condensed\n     *              @click=\"removeChip()\"\n     *\n     *          />\n     *     `\n     * }\n     */\n    export default { i18n: { messages } };\n</script>\n\n<style lang=\"scss\" scoped src=\"./chip.scss\" />\n"],"names":["truncate","aStringOrNumber","characterLimit","aString","__default__","messages","props","__props","emit","__emit","t","useI18n","computedLabel","computed","computedTypographyVariant","conditionalClasses"],"mappings":";;;;;;;AAMa,MAAAA,IAAA,CAAAC,GAAAC,MAAA;AACT,QAAAC,IAAAF,KAAA,gBAAAA,EAAA;AACA,UAAAE,KAAA,gBAAAA,EAAA,UAAAD,IAAA,GAAAC,KAAA,gBAAAA,EAAA,MAAA,GAAAD,EAAA,QAAAC;AACJ;;;;;;;;;;GCmEIC,IAAA,EAAA,MAAA,EAAA,UAAAC,EAAA,EAAA;;;;;;;;;;;;;AApDA,UAAAC,IAAAC,GAQAC,IAAAC,GAOA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAN,EAAA,CAAA,GAEAO,IAAAC;AAAA,MAAsB,MAAAP,EAAA,iBAAAN,EAAAM,EAAA,OAAAA,EAAA,cAAA,IAAAA,EAAA;AAAA,IACyD,GAG/EQ,IAAAD;AAAA,MAAkC,MAAAP,EAAA,YAAA,YAAA;AAAA,IACA,GAGlCS,IAAAF,EAAA,OAAA;AAAA,MAA2C,qBAAAP,EAAA;AAAA,MACZ,oBAAAA,EAAA,YAAA,CAAAA,EAAA;AAAA,MACkB,iBAAAA,EAAA;AAAA,IACtB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}