@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
1 lines • 2.31 kB
Source Map (JSON)
{"version":3,"file":"presence.cjs","names":[],"sources":["../../../components/presence/presence.vue"],"sourcesContent":["<template>\n <div\n class=\"d-presence\"\n data-qa=\"dt-presence\"\n role=\"status\"\n :aria-live=\"$attrs.ariaLive || 'off'\"\n >\n <span\n v-if=\"srText\"\n data-qa=\"dt-presence-sr-text\"\n class=\"sr-only\"\n >{{ srText }} </span>\n <div\n class=\"d-presence__inner\"\n :class=\"{\n 'd-presence__inner--active': presence === 'active',\n 'd-presence__inner--away': presence === 'away',\n 'd-presence__inner--busy': presence === 'busy',\n 'd-presence__inner--offline': presence === 'offline',\n }\"\n />\n </div>\n</template>\n\n<script>\nimport { PRESENCE_STATES, PRESENCE_STATES_LIST } from './presence_constants';\n/**\n * Presence is a user status visual indicator element.\n * @see https://dialtone.dialpad.com/components/presence.html\n */\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtPresence',\n props: {\n\n /**\n * Determines the color of the inner presence circle, indicating status.\n * Accepts one of 4 values: 'busy', 'away', 'active', 'offline'\n * @values busy, away, active, offline\n */\n presence: {\n type: String,\n default: PRESENCE_STATES.ACTIVE,\n validator: (role) => {\n return PRESENCE_STATES_LIST.includes(role);\n },\n },\n\n /**\n * Since Presence is a visual element, we need SRs to read out any state changes\n * that occur.\n * Text entered here will be read by assistive technology. If null this component will be ignored by AT.\n */\n srText: {\n type: String,\n default: null,\n },\n },\n};\n</script>\n"],"mappings":"8PA8BA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,aACN,MAAO,CAOL,SAAU,CACR,KAAM,OACN,QAAS,EAAA,gBAAgB,OACzB,UAAY,GACH,EAAA,qBAAqB,SAAS,EAAK,CAE7C,CAOD,OAAQ,CACN,KAAM,OACN,QAAS,KACV,CACF,CACF,0BAjDK,UAAQ,sBACR,MAAM,oFAWJ,MAAA,CAnBJ,MAAM,aACN,UAAQ,cACR,KAAK,SACJ,YAAW,EAAA,OAAO,UAAQ,QAGnB,EAAA,SAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAGa,OAJrB,GAAA,EAAA,EAAA,iBAII,EAAA,OAAM,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,EAAA,EAAA,EAAA,oBASR,MAAA,CAPA,OAAA,EAAA,EAAA,gBAAK,CAAC,oBAAmB,6BACsB,EAAA,WAAQ,mCAAkD,EAAA,WAAQ,iCAAgD,EAAA,WAAQ,oCAAmD,EAAA,WAAQ"}