{"version":3,"file":"UPaginationNumber.mjs","names":["makeComponentProps","makeTagProps","genericComponent","propsFactory","ref","computed","makeUPaginationNumberProps","_objectSpread","shape","type","String","required","isActive","Boolean","UPaginationNumber","name","props","emits","click","e","setup","_ref","emit","slots","isHovered","bgClasses","value","classes","_ref2","_defineProperty","concat","switchHovorState","_slots$default","_createVNode","onClick","call"],"sources":["../../../src/components/UPagination/UPaginationNumber.tsx"],"sourcesContent":["import { makeComponentProps } from '@/composables/component'\nimport { makeTagProps } from '@/composables/tag'\nimport { genericComponent, propsFactory } from '@/utils'\nimport { ExtractPropTypes, ref, computed } from 'vue'\n\nexport const makeUPaginationNumberProps = propsFactory(\n  {\n    shape: {\n      type: String,\n      default: 'square',\n      required: false,\n    },\n    isActive: {\n      type: Boolean,\n      default: false,\n      required: false,\n    },\n\n    ...makeComponentProps(),\n    ...makeTagProps(),\n  },\n  'UPaginationNumber'\n)\n\nexport type UTooltipSlots = {\n  default: never\n}\n\nexport type UPaginationNumberProps = ExtractPropTypes<\n  typeof makeUPaginationNumberProps\n>\n\nexport const UPaginationNumber = genericComponent()({\n  name: 'UPaginationNumber',\n\n  props: makeUPaginationNumberProps(),\n\n  emits: {\n    click: (e: MouseEvent) => true,\n  },\n\n  setup(props, { emit, slots }) {\n    const isHovered = ref(false)\n\n    const bgClasses = computed(() => {\n      return props.isActive || isHovered.value\n        ? 'bg-gray-50'\n        : 'bg-transparent '\n    })\n\n    const classes = computed(() => ({\n      [`cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 ${bgClasses.value}`]: true,\n      [`rounded-full`]: props.shape === 'circle',\n      [`rounded-8`]: props.shape === 'square',\n    }))\n\n    const switchHovorState = () => {\n      isHovered.value = !isHovered.value\n    }\n\n    return () => (\n      <div\n        class={classes.value}\n        onMouseenter={switchHovorState}\n        onMouseleave={switchHovorState}\n        onClick={(e: MouseEvent) => emit('click', e)}\n      >\n        {slots.default?.()}\n      </div>\n    )\n  },\n})\n\nexport type UPaginationNumber = InstanceType<typeof UPaginationNumber>\n"],"mappings":";;;;;;;SAASA,kBAAkB;AAAA,SAClBC,YAAY;AAAA,SACZC,gBAAgB,EAAEC,YAAY;AACvC,SAA2BC,GAAG,EAAEC,QAAQ,QAAQ,KAAK;AAErD,OAAO,IAAMC,0BAA0B,GAAGH,YAAY,CAAAI,aAAA,CAAAA,aAAA;EAElDC,KAAK,EAAE;IACLC,IAAI,EAAEC,MAAM;IACZ,WAAS,QAAQ;IACjBC,QAAQ,EAAE;EACZ,CAAC;EACDC,QAAQ,EAAE;IACRH,IAAI,EAAEI,OAAO;IACb,WAAS,KAAK;IACdF,QAAQ,EAAE;EACZ;AAAC,GAEEX,kBAAkB,CAAC,CAAC,GACpBC,YAAY,CAAC,CAAC,GAEnB,mBACF,CAAC;AAUD,OAAO,IAAMa,iBAAiB,GAAGZ,gBAAgB,CAAC,CAAC,CAAC;EAClDa,IAAI,EAAE,mBAAmB;EAEzBC,KAAK,EAAEV,0BAA0B,CAAC,CAAC;EAEnCW,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,SAAS,GAAGpB,GAAG,CAAC,KAAK,CAAC;IAE5B,IAAMqB,SAAS,GAAGpB,QAAQ,CAAC,YAAM;MAC/B,OAAOW,KAAK,CAACJ,QAAQ,IAAIY,SAAS,CAACE,KAAK,GACpC,YAAY,GACZ,iBAAiB;IACvB,CAAC,CAAC;IAEF,IAAMC,OAAO,GAAGtB,QAAQ,CAAC;MAAA,IAAAuB,KAAA;MAAA,OAAAA,KAAA,OAAAC,eAAA,CAAAD,KAAA,+MAAAE,MAAA,CAGUL,SAAS,CAACC,KAAK,GAAK,IAAI,GAAAG,eAAA,CAAAD,KAAA,kBACvCZ,KAAK,CAACR,KAAK,KAAK,QAAQ,GAAAqB,eAAA,CAAAD,KAAA,eAC3BZ,KAAK,CAACR,KAAK,KAAK,QAAQ,GAAAoB,KAAA;IAAA,CACvC,CAAC;IAEH,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;MAC7BP,SAAS,CAACE,KAAK,GAAG,CAACF,SAAS,CAACE,KAAK;IACpC,CAAC;IAED,OAAO;MAAA,IAAAM,cAAA;MAAA,OAAAC,YAAA;QAAA,SAEIN,OAAO,CAACD,KAAK;QAAA,gBACNK,gBAAgB;QAAA,gBAChBA,gBAAgB;QAAA,WACrB,SAAAG,QAACf,CAAa;UAAA,OAAKG,IAAI,CAAC,OAAO,EAAEH,CAAC,CAAC;QAAA;MAAA,KAAAa,cAAA,GAE3CT,KAAK,WAAQ,qBAAbS,cAAA,CAAAG,IAAA,CAAAZ,KAAgB,CAAC;IAAA,CAErB;EACH;AACF,CAAC,CAAC"}