{"version":3,"file":"unread-pill.cjs","names":[],"sources":["../../../recipes/leftbar/unread_pill/unread_pill.vue"],"sourcesContent":["<template>\n  <button\n    :class=\"['d-recipe-leftbar-unread-pill', `d-recipe-leftbar-unread-pill-${kind}`]\"\n    type=\"button\"\n    data-qa=\"dt-recipe-leftbar-unread-pill\"\n    v-on=\"unreadChipListeners\"\n  >\n    <dt-icon-arrow-up\n      v-if=\"direction === 'up'\"\n      size=\"300\"\n    />\n    <dt-icon-arrow-down\n      v-else\n      size=\"300\"\n    />\n    <span data-qa=\"dt-recipe-leftbar-unread-pill__label\">\n      <slot>\n        {{ text }}\n      </slot>\n    </span>\n  </button>\n</template>\n\n<script>\nimport { DtIconArrowUp, DtIconArrowDown } from '@dialpad/dialtone-icons/vue3';\nimport { UNREAD_PILL_DIRECTIONS, UNREAD_PILL_KINDS } from './unread_pill_constants';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeUnreadPill',\n\n  components: {\n    DtIconArrowUp,\n    DtIconArrowDown,\n  },\n\n  props: {\n    /**\n     * The kind of unread pill which determines the styling\n     * @values 'mentions', 'messages'\n     **/\n    kind: {\n      type: String,\n      required: true,\n      validator: (kind) => UNREAD_PILL_KINDS.includes(kind),\n    },\n\n    /**\n     * The direction of the arrow icon\n     * @values 'up', 'down'\n     **/\n    direction: {\n      type: String,\n      required: true,\n      validator: (dir) => UNREAD_PILL_DIRECTIONS.includes(dir),\n    },\n  },\n\n  emits: [\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    text () {\n      return this.kind === 'mentions'\n        ? this.i18n.$t('DIALTONE_UNREAD_PILL_MENTIONS_TEXT')\n        : this.i18n.$t('DIALTONE_UNREAD_PILL_MESSAGES_TEXT');\n    },\n\n    unreadChipListeners () {\n      return {\n        click: event => this.$emit('click', event),\n      };\n    },\n  },\n};\n</script>\n"],"mappings":"qVA4BA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,qBAEN,WAAY,CACV,cAAA,EAAA,cACA,gBAAA,EAAA,gBACD,CAED,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,SAAU,GACV,UAAY,GAAS,EAAA,kBAAkB,SAAS,EAAK,CACtD,CAMD,UAAW,CACT,KAAM,OACN,SAAU,GACV,UAAY,GAAQ,EAAA,uBAAuB,SAAS,EAAI,CACzD,CACF,CAED,MAAO,CAOL,QACD,CAED,MAAQ,CACN,MAAO,CACL,KAAM,IAAI,EAAA,qBACX,EAGH,SAAU,CACR,MAAQ,CACN,OAAO,KAAK,OAAS,WACjB,KAAK,KAAK,GAAG,qCAAoC,CACjD,KAAK,KAAK,GAAG,qCAAqC,EAGxD,qBAAuB,CACrB,MAAO,CACL,MAAO,GAAS,KAAK,MAAM,QAAS,EAAM,CAC3C,EAEJ,CACF,IAzES,UAAQ,uCAAsC,0KAK7C,UAAA,EAAA,EAAA,YAAA,CAlBN,MAAK,CAAA,+BAAA,gCAAmE,EAAA,OAAI,CAC7E,KAAK,SACL,UAAQ,kDACkB,EAApB,oBAAmB,GAAA,CAAA,CAAA,CAGjB,EAAA,YAAS,OAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAEf,EAAA,OADA,KAAK,8CAKL,EAAA,OADA,KAAK,kCAMA,OAJP,EAIO,EAAA,EAAA,EAAA,YADE,EAAA,OAAA,UAAA,EAAA,KAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBADF,EAAA,KAAI,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA"}