@dialpad/dialtone/dist/vue3/lib/card/card.cjs.map

Dialpad's Dialtone design system monorepo

{"version":3,"file":"card.cjs","sources":["../../../components/card/card.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-card',\n      containerClass,\n    ]\"\n    data-qa=\"dt-card\"\n  >\n    <div\n      v-if=\"hasSlotContent($slots.header)\"\n      :class=\"[\n        'd-card__header',\n        headerClass,\n      ]\"\n    >\n      <!-- @slot slot for header content -->\n      <slot name=\"header\" />\n    </div>\n\n    <div\n      :class=\"[\n        'd-card__content',\n        contentClass,\n      ]\"\n      :style=\"{ 'max-height': maxHeight }\"\n    >\n      <!-- @slot slot for main content -->\n      <slot name=\"content\" />\n    </div>\n\n    <div\n      v-if=\"hasSlotContent($slots.footer)\"\n      :class=\"[\n        'd-card__footer',\n        footerClass,\n      ]\"\n    >\n      <!-- @slot slot for footer content -->\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * A card contains summary content and actions about a single subject.\n * It can be used by itself or within a list, and is generally interactive.\n * @see https://dialtone.dialpad.com/components/card.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCard',\n  props: {\n    /**\n     * The maximum height of the card content.\n     * If given, makes content area scrollable.\n     */\n    maxHeight: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * class for card container.\n     */\n    containerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card content.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card header.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card footer.\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","hasSlotContent","_createElementBlock","_normalizeClass","$props","$data","_ctx","_renderSlot","_createCommentVNode","_createElementVNode","_normalizeStyle"],"mappings":"uOAmDKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,SACN,MAAO,CAKL,UAAW,CACT,KAAM,OACN,QAAS,IACV,EAKD,eAAgB,CACd,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,EAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,EAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,EAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,CACF,EAED,MAAQ,CACN,MAAO,CACL,eAAAC,EAAc,eAEjB,CACH,+CArGEC,EAuCM,mBAAA,MAAA,CAtCH,MAFLC,EAAAA,eAAA,UAEoCC,EAAc,iBAI9C,UAAQ,YAGAC,EAAc,eAACC,EAAM,OAAC,MAAM,iBADpCJ,EASM,mBAAA,MAAA,CAjBV,IAAA,EAUO,MAVPC,EAAAA,eAAA,kBAUkDC,EAAW,gBAMvDG,aAAsBD,EAAA,OAAA,QAAA,OAhB5BE,EAAA,mBAAA,GAAA,EAAA,EAmBIC,EAAAA,mBASM,MAAA,CARH,MApBPN,EAAAA,eAAA,mBAoBmDC,EAAY,eAIxD,MAxBPM,EAAAA,6BAwB8BN,EAAS,SAAA,CAAA,IAGjCG,aAAuBD,EAAA,OAAA,SAAA,MAIjBD,EAAc,eAACC,EAAM,OAAC,MAAM,iBADpCJ,EASM,mBAAA,MAAA,CAvCV,IAAA,EAgCO,MAhCPC,EAAAA,eAAA,kBAgCkDC,EAAW,gBAMvDG,aAAsBD,EAAA,OAAA,QAAA,OAtC5BE,EAAA,mBAAA,GAAA,EAAA"}