{"version":3,"file":"Timeline-CfWsYvrH.js","sources":["../../src/components/elements/Timeline.vue"],"sourcesContent":["<template>\n  <div :class=\"[containerClass, { 'no-labels': !labels, disabled: disabled }]\">\n    <div\n      v-for=\"(item, index) of events\"\n      :key=\"getKey(item, index)\"\n      class=\"p-timeline-event\"\n      :class=\"{\n        'current-event': item === currentEvent,\n        'last-processed-event': index < events.length && events[index + 1] === currentEvent,\n      }\"\n    >\n      <div class=\"p-timeline-event-opposite\" v-if=\"labels && opposite\">\n        <slot\n          name=\"opposite\"\n          :item=\"item\"\n          :index=\"index\"\n          :current=\"item === currentEvent\"\n          :past=\"index < processedEvents.length\"\n        ></slot>\n      </div>\n      <div class=\"p-timeline-event-separator\">\n        <slot\n          name=\"marker\"\n          :item=\"item\"\n          :index=\"index\"\n          :current=\"item === currentEvent\"\n          :past=\"index < processedEvents.length\"\n        >\n          <div class=\"p-timeline-event-marker\"></div>\n        </slot>\n        <div\n          v-if=\"index !== events.length - 1 || layout === 'vertical'\"\n          class=\"p-timeline-event-connector\"\n        ></div>\n      </div>\n      <div class=\"p-timeline-event-content\" v-if=\"labels\">\n        <slot\n          name=\"content\"\n          :item=\"item\"\n          :index=\"index\"\n          :current=\"item === currentEvent\"\n          :past=\"index < processedEvents.length\"\n        ></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { resolveFieldData } from '@primeuix/utils/object';\n\nexport default {\n  name: \"Timeline\",\n  components: {},\n  props: {\n    align: {\n      mode: String,\n      default: \"left\",\n    },\n    layout: {\n      type: String,\n      default: \"vertical\",\n    },\n    labels: {\n      type: Boolean,\n      default: true,\n    },\n    opposite: {\n      type: Boolean,\n      default: true,\n    },\n    processedEvents: Array,\n    pendingEvent: Object,\n    pendingEvents: Array,\n    remainingEvents: Array,\n    collapsed: Boolean,\n    disabled: Boolean,\n    dataKey: null,\n    showPending: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  computed: {\n    events: function () {\n      var noPendingEventResult = [\n        ...this.processedEvents,\n        ...((this.processedEvents.length === 1 && this.layout === \"horizontal\" && [{}]) || []),\n      ];\n\n      if ((!this.pendingEvent && !this.pendingEvents) || this.showPending === false) {\n        return noPendingEventResult;\n      }\n\n      var existingPendingEventResult = [\n        ...this.processedEvents,\n        ...(this.pendingEvent ? [this.pendingEvent] : this.pendingEvents),\n        ...(this.remainingEvents || [{}]),\n      ];\n\n      return existingPendingEventResult;\n    },\n    currentEvent: function () {\n      return this.pendingEvent || this.pendingEvents[0];\n    },\n    containerClass() {\n      return [\"p-timeline p-component\", \"p-timeline-\" + this.align, \"p-timeline-\" + this.layout];\n    },\n  },\n  methods: {\n    getKey(item, index) {\n      return this.dataKey ? resolveFieldData(item, this.dataKey) : index;\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.p-timeline {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n}\n\n.p-timeline-left .p-timeline-event-opposite {\n  text-align: right;\n}\n\n.p-timeline-left .p-timeline-event-content {\n  text-align: left;\n}\n\n.p-timeline-right .p-timeline-event {\n  flex-direction: row-reverse;\n}\n\n.p-timeline-right .p-timeline-event-opposite {\n  text-align: left;\n}\n\n.p-timeline-right .p-timeline-event-content {\n  text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n  flex-direction: row-reverse;\n}\n\n.p-timeline-vertical.p-timeline-alternate\n  .p-timeline-event:nth-child(odd)\n  .p-timeline-event-opposite {\n  text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate\n  .p-timeline-event:nth-child(odd)\n  .p-timeline-event-content {\n  text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate\n  .p-timeline-event:nth-child(even)\n  .p-timeline-event-opposite {\n  text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate\n  .p-timeline-event:nth-child(even)\n  .p-timeline-event-content {\n  text-align: right;\n}\n\n.p-timeline-event {\n  display: flex;\n  position: relative;\n  min-height: 70px;\n}\n\n.p-timeline-event:last-child {\n  min-height: 0;\n}\n\n.p-timeline-event-opposite {\n  flex: 1;\n  padding: 0 1rem;\n}\n\n.p-timeline-event-content {\n  flex: 1;\n  padding: 0 1rem;\n}\n\n.p-timeline-event-separator {\n  flex: 0;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n\n.p-timeline-event-marker {\n  display: flex;\n  align-self: baseline;\n}\n\n.p-timeline-event-connector {\n  flex-grow: 1;\n}\n\n.p-timeline-horizontal {\n  flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event {\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n}\n\n.p-timeline-horizontal .p-timeline-event:last-child {\n  flex: 0;\n}\n\n.p-timeline-horizontal .p-timeline-event-separator {\n  flex-direction: row;\n}\n\n.p-timeline-bottom .p-timeline-event {\n  flex-direction: column-reverse;\n}\n\n.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n  flex-direction: column-reverse;\n}\n</style>\n"],"names":["_sfc_main","name","components","props","align","mode","String","default","layout","type","labels","Boolean","opposite","processedEvents","Array","pendingEvent","Object","pendingEvents","remainingEvents","collapsed","disabled","dataKey","showPending","computed","events","noPendingEventResult","length","existingPendingEventResult","currentEvent","containerClass","methods","getKey","item","index","resolveFieldData","key","class","_hoisted_2","_createElementBlock","_normalizeClass","$options","$props","_openBlock","_Fragment","_renderList","_hoisted_1","_renderSlot","_ctx","$slots","current","past","_createCommentVNode","_createElementVNode","_hoisted_3","_hoisted_4"],"mappings":"qcAmDA,MAAKA,EAAU,CACbC,KAAM,WACNC,WAAY,CAAE,EACdC,MAAO,CACLC,MAAO,CACLC,KAAMC,OACNC,QAAS,MACV,EACDC,OAAQ,CACNC,KAAMH,OACNC,QAAS,UACV,EACDG,OAAQ,CACND,KAAME,QACNJ,QAAS,EACV,EACDK,SAAU,CACRH,KAAME,QACNJ,QAAS,EACV,EACDM,gBAAiBC,MACjBC,aAAcC,OACdC,cAAeH,MACfI,gBAAiBJ,MACjBK,UAAWR,QACXS,SAAUT,QACVU,QAAS,KACTC,YAAa,CACXb,KAAME,QACNJ,QAAS,EACX,CACD,EACDgB,SAAU,CACRC,OAAQ,UAAY,CAClB,IAAIC,EAAuB,CACzB,GAAG,KAAKZ,gBACR,GAAK,KAAKA,gBAAgBa,SAAW,GAAK,KAAKlB,SAAW,cAAgB,CAAC,CAAE,CAAA,GAAM,CAAA,CAAG,EAGxF,GAAK,CAAC,KAAKO,cAAgB,CAAC,KAAKE,eAAkB,KAAKK,cAAgB,GACtE,OAAOG,EAGT,IAAIE,EAA6B,CAC/B,GAAG,KAAKd,gBACR,GAAI,KAAKE,aAAe,CAAC,KAAKA,YAAY,EAAI,KAAKE,cACnD,GAAI,KAAKC,iBAAmB,CAAC,CAAE,CAAA,CAAE,EAGnC,OAAOS,CACR,EACDC,aAAc,UAAY,CACxB,OAAO,KAAKb,cAAgB,KAAKE,cAAc,CAAC,CACjD,EACDY,gBAAiB,CACf,MAAO,CAAC,yBAA0B,cAAgB,KAAKzB,MAAO,cAAgB,KAAKI,MAAM,CAC3F,CACD,EACDsB,QAAS,CACPC,OAAOC,EAAMC,EAAO,CAClB,OAAO,KAAKZ,QAAUa,EAAiBF,EAAM,KAAKX,OAAO,EAAIY,CAC/D,CACF,CACF,KAlHAE,IAAA,EAWWC,MAAM,6BASNC,EAAA,CAAAD,MAAM,4BAA4B,KApB7CD,IAAA,EAgCUC,MAAM,iCAhChBD,IAAA,EAmCWC,MAAM,+DAlCfE,EA4CM,MAAA,CA5CAF,MADRG,EACgB,CAAAC,EAAAX,eAAgC,CAAA,YAAA,CAAAY,EAAA/B,gBAAkB+B,EAAQrB,QAAA,CAAA,CAAA,KACtEsB,EAAA,EAAA,EAAAJ,EA0CMK,OA5CVC,EAG8BJ,EAAAhB,OAH9B,CAGcQ,EAAMC,SADhBK,EA0CM,MAAA,CAxCHH,IAAKK,EAAAT,OAAOC,EAAMC,CAAK,EACxBG,MALNG,GAKY,mBAAkB,CACW,gBAAAP,IAASQ,EAAYZ,oCAAkCK,EAAQO,SAAOd,QAAUc,EAAMhB,OAACS,EAAK,CAAA,IAAUO,EAAYZ,kBAKxGa,EAAA/B,QAAU+B,EAAQ7B,UAA/D8B,EAAA,EAAAJ,EAQM,MARNO,EAQM,CAPJC,EAMQC,EAAAC,OAAA,WAAA,CAJLhB,KAAMA,EACNC,MAAOA,EACPgB,QAASjB,IAASQ,EAAYZ,aAC9BsB,KAAMjB,EAAQQ,EAAA5B,gBAAgBa,sBAjBzCyB,EAAA,GAAA,EAAA,EAoBMC,EAcM,MAdNf,EAcM,CAbJS,EAQOC,EAAAC,OAAA,SAAA,CANJhB,KAAMA,EACNC,MAAOA,EACPgB,QAASjB,IAASQ,EAAYZ,aAC9BsB,KAAMjB,EAAQQ,EAAA5B,gBAAgBa,QALjC,IAQO,aADL0B,EAA2C,MAAA,CAAtChB,MAAM,yBAAyB,EAAA,KAAA,EAAA,EAAA,MAG9BH,IAAUO,EAAAhB,OAAOE,UAAce,EAAMjC,SAAA,YAD7CkC,EAAA,EAAAJ,EAGO,MAHPe,CAGO,GAjCfF,EAAA,GAAA,EAAA,CAAA,GAmCkDV,EAAM/B,QAAlDgC,EAAA,EAAAJ,EAQM,MARNgB,EAQM,CAPJR,EAMQC,EAAAC,OAAA,UAAA,CAJLhB,KAAMA,EACNC,MAAOA,EACPgB,QAASjB,IAASQ,EAAYZ,aAC9BsB,KAAMjB,EAAQQ,EAAA5B,gBAAgBa,sBAzCzCyB,EAAA,GAAA,EAAA,CAAA"}