{"version":3,"file":"UInnerTagCount.mjs","names":["makeComponentProps","makeTagProps","genericComponent","propsFactory","computed","makeUInnerTagCountProps","_objectSpread","size","type","String","required","count","Number","UInnerTagCount","name","props","emits","click","e","setup","_ref","emit","numberClasses","classes","sizes","tagClasses","concat","value","_createVNode"],"sources":["../../../src/components/UTag/UInnerTagCount.tsx"],"sourcesContent":["import { makeComponentProps } from '@/composables/component'\nimport { makeTagProps } from '@/composables/tag'\nimport { genericComponent, propsFactory } from '@/utils'\nimport { ExtractPropTypes, PropType } from 'vue'\nimport { computed } from 'vue'\n\nexport const makeUInnerTagCountProps = propsFactory(\n  {\n    size: {\n      type: String,\n      default: 'sm',\n      required: false,\n    },\n    count: {\n      type: [Number, null] as PropType<number | null>,\n      default: null,\n      required: false,\n    },\n\n    ...makeComponentProps(),\n    ...makeTagProps(),\n  },\n  'UInnerTagCount'\n)\n\nexport type UInnerTagCountProps = ExtractPropTypes<\n  typeof makeUInnerTagCountProps\n>\n\nexport type UInnerTagCountSlots = {\n  //\n}\n\nexport const UInnerTagCount = genericComponent<UInnerTagCountSlots>()({\n  name: 'UInnerTagCount',\n\n  props: makeUInnerTagCountProps(),\n\n  emits: {\n    click: (e: MouseEvent) => true,\n  },\n\n  setup(props, { emit }) {\n    const numberClasses = computed(() => {\n      let classes = ''\n      if (props.size === 'sm' || props.size === 'md') {\n        classes = 'text-text-xs font-medium text-gray-700'\n      } else if (props.size === 'lg') {\n        classes = 'text-text-sm font-medium text-gray-700'\n      }\n      return classes\n    })\n\n    const size = computed(() => {\n      let sizes = ''\n      if (props.size === 'sm') {\n        sizes = 'px-1'\n      } else if (props.size === 'md') {\n        sizes = 'px-1.3'\n      } else if (props.size === 'lg') {\n        sizes = 'px-1.5'\n      }\n\n      return sizes\n    })\n\n    const tagClasses = computed<string>(\n      () =>\n        `bg-gray-100 cursor-pointer rounded-3 ${size.value} flex justify-center items-center`\n    )\n\n    return () => (\n      <div class=\"flex justify-center\">\n        <div class={tagClasses.value}>\n          <span class={numberClasses.value}>{props.count}</span>\n        </div>\n      </div>\n    )\n  },\n})\n\nexport type UInnerTagCount = InstanceType<typeof UInnerTagCount>\n"],"mappings":";;;;;;;SAASA,kBAAkB;AAAA,SAClBC,YAAY;AAAA,SACZC,gBAAgB,EAAEC,YAAY;AAEvC,SAASC,QAAQ,QAAQ,KAAK;AAE9B,OAAO,IAAMC,uBAAuB,GAAGF,YAAY,CAAAG,aAAA,CAAAA,aAAA;EAE/CC,IAAI,EAAE;IACJC,IAAI,EAAEC,MAAM;IACZ,WAAS,IAAI;IACbC,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLH,IAAI,EAAE,CAACI,MAAM,EAAE,IAAI,CAA4B;IAC/C,WAAS,IAAI;IACbF,QAAQ,EAAE;EACZ;AAAC,GAEEV,kBAAkB,CAAC,CAAC,GACpBC,YAAY,CAAC,CAAC,GAEnB,gBACF,CAAC;AAUD,OAAO,IAAMY,cAAc,GAAGX,gBAAgB,CAAsB,CAAC,CAAC;EACpEY,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAEV,uBAAuB,CAAC,CAAC;EAEhCW,KAAK,EAAE;IACLC,KAAK,EAAE,SAAAA,MAACC,CAAa;MAAA,OAAK,IAAI;IAAA;EAChC,CAAC;EAEDC,KAAK,WAAAA,MAACJ,KAAK,EAAAK,IAAA,EAAY;IAAA,IAARC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACjB,IAAMC,aAAa,GAAGlB,QAAQ,CAAC,YAAM;MACnC,IAAImB,OAAO,GAAG,EAAE;MAChB,IAAIR,KAAK,CAACR,IAAI,KAAK,IAAI,IAAIQ,KAAK,CAACR,IAAI,KAAK,IAAI,EAAE;QAC9CgB,OAAO,GAAG,wCAAwC;MACpD,CAAC,MAAM,IAAIR,KAAK,CAACR,IAAI,KAAK,IAAI,EAAE;QAC9BgB,OAAO,GAAG,wCAAwC;MACpD;MACA,OAAOA,OAAO;IAChB,CAAC,CAAC;IAEF,IAAMhB,IAAI,GAAGH,QAAQ,CAAC,YAAM;MAC1B,IAAIoB,KAAK,GAAG,EAAE;MACd,IAAIT,KAAK,CAACR,IAAI,KAAK,IAAI,EAAE;QACvBiB,KAAK,GAAG,MAAM;MAChB,CAAC,MAAM,IAAIT,KAAK,CAACR,IAAI,KAAK,IAAI,EAAE;QAC9BiB,KAAK,GAAG,QAAQ;MAClB,CAAC,MAAM,IAAIT,KAAK,CAACR,IAAI,KAAK,IAAI,EAAE;QAC9BiB,KAAK,GAAG,QAAQ;MAClB;MAEA,OAAOA,KAAK;IACd,CAAC,CAAC;IAEF,IAAMC,UAAU,GAAGrB,QAAQ,CACzB;MAAA,+CAAAsB,MAAA,CAC0CnB,IAAI,CAACoB,KAAK;IAAA,CACtD,CAAC;IAED,OAAO;MAAA,OAAAC,YAAA;QAAA;MAAA,IAAAA,YAAA;QAAA,SAESH,UAAU,CAACE;MAAK,IAAAC,YAAA;QAAA,SACbN,aAAa,CAACK;MAAK,IAAGZ,KAAK,CAACJ,KAAK;IAAA,CAGnD;EACH;AACF,CAAC,CAAC"}