{"version":3,"file":"marker.mjs","sources":["../../../../../../packages/components/slider/src/marker.ts"],"sourcesContent":["import { computed, defineComponent, h } from 'vue'\nimport { buildProps, definePropType, isString } from '@bigin/utils'\nimport { useNamespace } from '@bigin/hooks'\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\n\nexport const sliderMarkerProps = buildProps({\n  mark: {\n    type: definePropType<\n      | string\n      | {\n          style: CSSProperties\n          label: any\n        }\n    >([String, Object]),\n    default: undefined,\n  },\n} as const)\nexport type SliderMarkerProps = ExtractPropTypes<typeof sliderMarkerProps>\n\nexport default defineComponent({\n  name: 'BSliderMarker',\n  props: sliderMarkerProps,\n  setup(props) {\n    const ns = useNamespace('slider')\n    const label = computed(() => {\n      return isString(props.mark) ? props.mark : props.mark!.label\n    })\n    const style = computed(() =>\n      isString(props.mark) ? undefined : props.mark!.style\n    )\n\n    return () =>\n      h(\n        'div',\n        {\n          class: ns.e('marks-text'),\n          style: style.value,\n        },\n        label.value\n      )\n  },\n})\n"],"names":[],"mappings":";;;;;;;AAKO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,cAAA,CAMJ,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAClB,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AACF,CAAU,EAAA;AAGV,mBAAe,eAAgB,CAAA;AAAA,EAC7B,IAAM,EAAA,eAAA;AAAA,EACN,KAAO,EAAA,iBAAA;AAAA,EACP,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAChC,IAAM,MAAA,KAAA,GAAQ,SAAS,MAAM;AAC3B,MAAA,OAAO,SAAS,KAAM,CAAA,IAAI,IAAI,KAAM,CAAA,IAAA,GAAO,MAAM,IAAM,CAAA,KAAA,CAAA;AAAA,KACxD,CAAA,CAAA;AACD,IAAA,MAAM,KAAQ,GAAA,QAAA;AAAA,MAAS,MACrB,QAAS,CAAA,KAAA,CAAM,IAAI,CAAI,GAAA,KAAA,CAAA,GAAY,MAAM,IAAM,CAAA,KAAA;AAAA,KACjD,CAAA;AAEA,IAAA,OAAO,MACL,CAAA;AAAA,MACE,KAAA;AAAA,MACA;AAAA,QACE,KAAA,EAAO,EAAG,CAAA,CAAA,CAAE,YAAY,CAAA;AAAA,QACxB,OAAO,KAAM,CAAA,KAAA;AAAA,OACf;AAAA,MACA,KAAM,CAAA,KAAA;AAAA,KACR,CAAA;AAAA,GACJ;AACF,CAAC,CAAA;;;;"}