{"version":3,"file":"timeline.mjs","sources":["../../../../../../packages/components/timeline/src/timeline.ts"],"sourcesContent":["import { defineComponent, h, provide, renderSlot } from 'vue'\nimport { useNamespace } from '@bigin/hooks'\n\nconst Timeline = defineComponent({\n  name: 'BTimeline',\n  setup(_, { slots }) {\n    const ns = useNamespace('timeline')\n\n    provide('timeline', slots)\n\n    /**\n     *  Maybe ,this component will not support prop 'reverse', why ?\n     *\n     *  Example 1:\n     *   <component-a>\n     *     <div>1</div>\n     *     <div>2</div>\n     *   </component-a>\n     *\n     *  Example 2:\n     *   <component-a>\n     *     <div v-for=\"i in 2\" :key=\"i\">{{ i }}</div>\n     *   </component-a>\n     *\n     *  'slots.default()' value in example 1 just like [Vnode, Vnode]\n     *  'slots.default()' value in example 2 just like [Vnode]\n     *\n     *   so i can't reverse the slots, when i use 'v-for' directive.\n     */\n\n    return () => {\n      return h('ul', { class: [ns.b()], dataTestName: 'timeline' }, [\n        renderSlot(slots, 'default'),\n      ])\n    }\n  },\n})\n\nexport default Timeline\nexport type TimelineInstance = InstanceType<typeof Timeline>\n"],"names":[],"mappings":";;;;AAGA,MAAM,WAAW,eAAgB,CAAA;AAAA,EAC/B,IAAM,EAAA,WAAA;AAAA,EACN,KAAM,CAAA,CAAA,EAAG,EAAE,KAAA,EAAS,EAAA;AAClB,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAElC,IAAA,OAAA,CAAQ,YAAY,KAAK,CAAA,CAAA;AAsBzB,IAAA,OAAO,MAAM;AACX,MAAO,OAAA,CAAA,CAAE,IAAM,EAAA,EAAE,KAAO,EAAA,CAAC,EAAG,CAAA,CAAA,EAAG,CAAA,EAAG,YAAc,EAAA,UAAA,EAAc,EAAA;AAAA,QAC5D,UAAA,CAAW,OAAO,SAAS,CAAA;AAAA,OAC5B,CAAA,CAAA;AAAA,KACH,CAAA;AAAA,GACF;AACF,CAAC;;;;"}