tg-ganttchart 0.0.7 → 0.0.8

package/src/GanttElastic.standalone.vue

@@ -0,0 +1,48 @@
+<template>
+  <gantt-elastic :tasks="tasks" :options="options" :dynamicStyle="dynamicStyle">
+    <component v-if="components.header" :is="components.header" slot="header"></component>
+    <component v-if="components.footer" :is="components.footer" slot="footer"></component>
+  </gantt-elastic>
+</template>
+
+<script>
+import GanttElastic from './GanttElastic.vue';
+
+export default {
+  name: 'GanttElasticStandalone',
+  components: {
+    'gantt-elastic': GanttElastic,
+  },
+  props: {
+    // Props to receive from parent
+    tasks: {
+      type: Array,
+      default: () => [],
+    },
+    options: {
+      type: Object,
+      default: () => ({}),
+    },
+    dynamicStyle: {
+      type: Object,
+      default: () => ({}),
+    },
+    header: {
+      type: Object,
+      default: () => ({}),
+    },
+    footer: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  data() {
+    return {
+      components: {
+        header: this.header,
+        footer: this.footer,
+      },
+    };
+  },
+};
+</script>