{"version":3,"file":"timeline-item2.mjs","sources":["../../../../../../packages/components/timeline/src/timeline-item.vue"],"sourcesContent":["<template>\r\n  <li :class=\"[ns.b(), { [ns.e('center')]: center, [ns.is('horizontal')]: isHorizontal }]\">\r\n    <div :class=\"ns.e(!isHorizontal ? 'tail' : 'row-tail')\" />\r\n    <div\r\n      v-if=\"!$slots.dot\"\r\n      :class=\"timelineKls\"\r\n      :style=\"{\r\n        backgroundColor: color,\r\n      }\"\r\n    >\r\n      <sg-icon v-if=\"icon\" :class=\"ns.e('icon')\">\r\n        <component :is=\"icon\" />\r\n      </sg-icon>\r\n    </div>\r\n    <div v-if=\"$slots.dot\" :class=\"ns.e('dot')\">\r\n      <slot name=\"dot\" />\r\n    </div>\r\n\r\n    <div :class=\"ns.e(!isHorizontal ? 'wrapper' : 'row-wrapper')\">\r\n      <div\r\n        v-if=\"!hideTimestamp && placement === 'top'\"\r\n        :class=\"[ns.e('timestamp'), ns.is('top')]\"\r\n      >\r\n        {{ timestamp }}\r\n      </div>\r\n\r\n      <div :class=\"ns.e('content')\">\r\n        <slot />\r\n      </div>\r\n\r\n      <div\r\n        v-if=\"!hideTimestamp && placement === 'bottom'\"\r\n        :class=\"[ns.e('timestamp'), ns.is('bottom')]\"\r\n      >\r\n        {{ timestamp }}\r\n      </div>\r\n    </div>\r\n  </li>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, inject, computed } from 'vue'\r\nimport { SgIcon } from '@sgui-plus/components/icon'\r\nimport { useNamespace } from '@sgui-plus/hooks'\r\nimport { timelineItemProps } from './timeline-item'\r\n\r\n\r\ntype IsTimeLineProps = {\r\n  horizontal: boolean\r\n}\r\n\r\ntype IsTimeLineInject = {\r\n  props: IsTimeLineProps\r\n}\r\n\r\nexport default defineComponent({\r\n  name: 'SgTimelineItem',\r\n\r\n  components: {\r\n    SgIcon,\r\n  },\r\n\r\n  props: timelineItemProps,\r\n\r\n  setup(props) {\r\n    const ns = useNamespace('timeline-item')\r\n    const parent: IsTimeLineInject = inject('TimelineContextKey')!\r\n\r\n    const isHorizontal = computed(() => {\r\n      return parent.props.horizontal\r\n    })\r\n\r\n    const timelineKls = computed(() => [\r\n      ns.e('node'),\r\n      ns.em('node', props.size || ''),\r\n      ns.em('node', props.type || ''),\r\n      ns.is('hollow', props.hollow)\r\n    ])\r\n\r\n    return {\r\n      ns,\r\n      parent,\r\n      isHorizontal,\r\n      timelineKls\r\n    }\r\n  },\r\n})\r\n</script>\r\n"],"names":["_resolveComponent","_normalizeClass","_openBlock","_normalizeStyle","_createBlock","_createCommentVNode","_createElementBlock","_createElementVNode","_toDisplayString","_renderSlot"],"mappings":";;;;;6BACEA,gBAoCK,CAAA,SAAA,CAAA,CAAA;;IAnCH,KAA0D,EAAAC,cAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,GAAA,IAAA,CAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,YAAA,CAAA,GAAA,IAAA,CAAA,YAAA,EAAA,CAAA,CAAA;AAAA,GAAA,EAAA;;MAEjD,KAAU,EAAAA,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,YAAA,GAAA,MAAA,GAAA,UAAA,CAAA,CAAA;AAAA,KADnB,EAAA,IAAA,EAAA,CAAA,CAAA;AAAA,IAAA,CAAA,IAAA,CAAA,MAAA,CAAA,GAAA,IAAAC,SAAA,uBAEU,KAAW,EAAA;AAAA,MAClB,GAAK,EAAA,CAAA;AAAA,MAAA,KAAA,EAAAD,cAAA,CAA8B,IAAK,CAAA,WAAA,CAAA;AAAA,MAAA,KAAA,EAAAE,cAAA,CAAA;;;;AAId,MAAA,IAAA,CAAA,IAAA,IAAAD,SAAA,EAAA,EAAAE,WAAA,CAAE,kBAAI,EAAA;AAAA,QAAA,GAAA,EAAA,CAAA;AACP,QAAA,KAAA,EAAAH,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA;AAAA,OAAA,EAAA;;;;;;AAGjB,KAAA,EAAA,CAAU,CAArB,IAAAI,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,IAAA,IAAA,CAAA,MAAA,CAAA,GAAA,IAAAH,SAAA,EAAmC,EAAAI,kBAAA,CAAA,KAAA,EAAA;AAAA,MAAA,GAAA,EAAA,CAAA;MACjC,KAAmB,EAAAL,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KAAA,EAAA;;KAqBf,EAAA,CAAA,CAAA,IAlBAI,kBAAK,CAAA,MAAA,EAAI,IAAI,CAAA;AAAA,IAAAE,kBAAA,CAAA,KAAA,EAAA;AAER,MAAA,KAAA,EAAAN,cAAA,CAAa,KAAI,EAAS,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,YAAA,GAAA,SAAA,GAAA,aAAA,CAAA,CAAA;AAAA,KAAA,EAAA;oEACpB,EAAAK,kBAAA,CAAA,KAAA,EAAA;AAAA,QAAA,GAAA,EAAA,CAAA;;OAOT,EAAAE,eAAA,CAAA,IAAA,CAAA,SAAA,CAAA,EAAA,CAAA,CAAA,IAFAH,kBAAK,CAAA,MAAA,EAAI,IAAE,CAAA;AAAA,MAAAE,kBAAA,CAAA,KAAA,EAAA;QACf,KAAQ,EAAAN,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,OAAA,EAAA;QAIDQ,UAAiB,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,OAAA,EAAA,CAAA,CAAA;uEACX,EAAAH,kBAAA,CAAA,KAAA,EAAA;AAAA,QAAA,GAAA,EAAA,CAAA;;;;;;;;;;"}