{"version":3,"file":"UAvatarSupportingText.mjs","names":["makeComponentProps","makeTagProps","genericComponent","propsFactory","computed","Sizes","makeUAvatarSupportingTextProps","_objectSpread","size","type","String","sm","required","color","UAvatarSupportingText","name","props","emits","click","e","setup","_ref","emit","slots","textSize","defaultClassesAvatarText","concat","value","classes","_defineProperty","_slots$default","_createVNode","onClick","call"],"sources":["../../../src/components/UAvatar/UAvatarSupportingText.tsx"],"sourcesContent":["import { makeComponentProps } from '@/composables/component'\nimport { makeTagProps } from '@/composables/tag'\nimport { genericComponent, propsFactory } from '@/utils'\nimport { ExtractPropTypes, computed } from 'vue'\nimport Sizes from '@/types/sizes'\n\nexport const makeUAvatarSupportingTextProps = propsFactory(\n  {\n    size: {\n      type: String,\n      default: Sizes.sm,\n      required: false,\n    },\n    color: {\n      type: String,\n      default: 'gray-700',\n      required: false,\n    },\n\n    ...makeComponentProps(),\n    ...makeTagProps(),\n  },\n  'UAvatarSupportingText'\n)\n\nexport type UAvatarSupportingTextProps = ExtractPropTypes<\n  typeof makeUAvatarSupportingTextProps\n>\n\nexport type UAvatarSupportingTextSlots = {\n  default: never\n}\n\nexport const UAvatarSupportingText =\n  genericComponent<UAvatarSupportingTextSlots>()({\n    name: 'UAvatarSupportingText',\n\n    props: makeUAvatarSupportingTextProps(),\n\n    emits: {\n      click: (e: MouseEvent) => true,\n    },\n\n    setup(props, { emit, slots }) {\n      const textSize = computed(() => {\n        if (props.size == 'sm') return 'text-text-xs'\n        if (props.size == 'md') return 'text-text-sm'\n        return 'text-text-md'\n      })\n\n      const defaultClassesAvatarText = computed(\n        () => `${textSize.value} text-${props.color}`\n      )\n\n      const classes = computed(() => ({\n        [defaultClassesAvatarText.value]: true,\n      }))\n\n      return () => (\n        <div class={classes.value} onClick={(e) => emit('click', e)}>\n          {slots.default?.()}\n        </div>\n      )\n    },\n  })\n"],"mappings":";;;;;;;SAASA,kBAAkB;AAAA,SAClBC,YAAY;AAAA,SACZC,gBAAgB,EAAEC,YAAY;AACvC,SAA2BC,QAAQ,QAAQ,KAAK;AAAA,OACzCC,KAAK;AAEZ,OAAO,IAAMC,8BAA8B,GAAGH,YAAY,CAAAI,aAAA,CAAAA,aAAA;EAEtDC,IAAI,EAAE;IACJC,IAAI,EAAEC,MAAM;IACZ,WAASL,KAAK,CAACM,EAAE;IACjBC,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLJ,IAAI,EAAEC,MAAM;IACZ,WAAS,UAAU;IACnBE,QAAQ,EAAE;EACZ;AAAC,GAEEZ,kBAAkB,CAAC,CAAC,GACpBC,YAAY,CAAC,CAAC,GAEnB,uBACF,CAAC;AAUD,OAAO,IAAMa,qBAAqB,GAChCZ,gBAAgB,CAA6B,CAAC,CAAC;EAC7Ca,IAAI,EAAE,uBAAuB;EAE7BC,KAAK,EAAEV,8BAA8B,CAAC,CAAC;EAEvCW,KAAK,EAAE;IACLC,KAAK,EAAE,SAAAA,MAACC,CAAa;MAAA,OAAK,IAAI;IAAA;EAChC,CAAC;EAEDC,KAAK,WAAAA,MAACJ,KAAK,EAAAK,IAAA,EAAmB;IAAA,IAAfC,IAAI,GAAAD,IAAA,CAAJC,IAAI;MAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACxB,IAAMC,QAAQ,GAAGpB,QAAQ,CAAC,YAAM;MAC9B,IAAIY,KAAK,CAACR,IAAI,IAAI,IAAI,EAAE,OAAO,cAAc;MAC7C,IAAIQ,KAAK,CAACR,IAAI,IAAI,IAAI,EAAE,OAAO,cAAc;MAC7C,OAAO,cAAc;IACvB,CAAC,CAAC;IAEF,IAAMiB,wBAAwB,GAAGrB,QAAQ,CACvC;MAAA,UAAAsB,MAAA,CAASF,QAAQ,CAACG,KAAK,YAAAD,MAAA,CAASV,KAAK,CAACH,KAAK;IAAA,CAC7C,CAAC;IAED,IAAMe,OAAO,GAAGxB,QAAQ,CAAC;MAAA,OAAAyB,eAAA,KACtBJ,wBAAwB,CAACE,KAAK,EAAG,IAAI;IAAA,CACtC,CAAC;IAEH,OAAO;MAAA,IAAAG,cAAA;MAAA,OAAAC,YAAA;QAAA,SACOH,OAAO,CAACD,KAAK;QAAA,WAAW,SAAAK,QAACb,CAAC;UAAA,OAAKG,IAAI,CAAC,OAAO,EAAEH,CAAC,CAAC;QAAA;MAAA,KAAAW,cAAA,GACxDP,KAAK,WAAQ,qBAAbO,cAAA,CAAAG,IAAA,CAAAV,KAAgB,CAAC;IAAA,CAErB;EACH;AACF,CAAC,CAAC"}