@seatsio/seatsio-vue 3.6.0 → 3.8.0

package/dist/lib-components/seatsioEmbeddable.vue.d.ts

@@ -1,4 +1,4 @@
-import type { Region } from '@seatsio/seatsio-types';
+import type { Language, Region } from '@seatsio/seatsio-types';
 import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     chartJsUrl: {
@@ -13,9 +13,15 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Region>;
         required: true;
     };
+    language: {
+        type: PropType<Language>;
+        default: string;
+    };
 }, unknown, unknown, {}, {
     createAndRenderChart: () => Promise<void>;
-    propsAndAttrs: () => {};
+    propsAndAttrs: () => {
+        language: Language;
+    };
     getSeatsio: () => Promise<unknown>;
     loadSeatsio: () => Promise<unknown>;
     destroyChart: () => void;
@@ -33,8 +39,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Region>;
         required: true;
     };
+    language: {
+        type: PropType<Language>;
+        default: string;
+    };
 }>>, {
     chartJsUrl: string;
     id: string;
+    language: Language;
 }, {}>;
 export default _default;

package/dist/seatsio-vue.js

@@ -19,6 +19,10 @@ var script$3 = defineComponent({
     region: {
       type: String,
       required: true
+    },
+    language: {
+      type: String,
+      default: 'en'
     }
   },
   methods: {
@@ -28,8 +32,8 @@ var script$3 = defineComponent({
       }
       const seatsio = await this.getSeatsio();
       const config = {
-        divId: this.$props.id,
-        ...this.propsAndAttrs()
+        ...this.propsAndAttrs(),
+        container: this.$refs.container
       };
       // @ts-ignore
       this.chart = this.createChart(seatsio, config).render();
@@ -83,9 +87,34 @@ var script$3 = defineComponent({
     getRegion: function () {
       return this.$props.region;
     }
+  },
+  watch: {
+    $props: {
+      handler: function () {
+        const chart = this.chart;
+        chart.config = {
+          ...chart.config,
+          ...this.propsAndAttrs()
+        };
+        chart.rerender();
+      },
+      deep: true
+    }
   }
 });
 
+const _hoisted_1 = {
+  ref: "container",
+  style: {
+    "width": "100%",
+    "height": "100%"
+  }
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, null, 512 /* NEED_PATCH */);
+}
+
+script$3.render = render;
 script$3.__file = "src/lib-components/seatsioEmbeddable.vue";
 
 var script$2 = defineComponent({
@@ -98,14 +127,6 @@ var script$2 = defineComponent({
   }
 });
 
-const _hoisted_1$2 = ["id"];
-function render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    id: _ctx.id
-  }, null, 8 /* PROPS */, _hoisted_1$2);
-}
-
-script$2.render = render$2;
 script$2.__file = "src/lib-components/seatsioDesigner.vue";
 
 var script$1 = defineComponent({
@@ -130,14 +151,6 @@ var script$1 = defineComponent({
   }
 });
 
-const _hoisted_1$1 = ["id"];
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    id: _ctx.id
-  }, null, 8 /* PROPS */, _hoisted_1$1);
-}
-
-script$1.render = render$1;
 script$1.__file = "src/lib-components/seatsioEventManager.vue";
 
 var script = defineComponent({
@@ -153,14 +166,6 @@ var script = defineComponent({
   }
 });
 
-const _hoisted_1 = ["id"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    id: _ctx.id
-  }, null, 8 /* PROPS */, _hoisted_1);
-}
-
-script.render = render;
 script.__file = "src/lib-components/seatsioSeatingChart.vue";
 
 export { script$2 as SeatsioDesigner, script$1 as SeatsioEventManager, script as SeatsioSeatingChart };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seatsio/seatsio-vue",
-  "version": "3.6.0",
+  "version": "3.8.0",
   "scripts": {
     "serve": "vue-cli-service serve dev/serve.ts",
     "build": "cross-env NODE_ENV=production && rollup --config build/rollup.config.js --format es",
@@ -10,29 +10,31 @@
   "types": "dist/index.d.ts",
   "files": ["dist"],
   "dependencies": {
-    "@seatsio/seatsio-types": "3.3.0"
+    "@seatsio/seatsio-types": "3.6.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.5",
-    "@babel/preset-env": "^7.24.5",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.4",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-replace": "^5.0.5",
+    "@rollup/plugin-replace": "^5.0.7",
     "@vue/cli-plugin-babel": "^5.0.8",
     "@vue/cli-plugin-typescript": "~5.0.0",
     "@vue/cli-service": "^5.0.8",
     "@vue/tsconfig": "^0.5.1",
     "cross-env": "^7.0.3",
     "minimist": "^1.2.8",
-    "rimraf": "^5.0.5",
+    "rimraf": "^6.0.1",
     "rollup": "^2.52.8",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "rollup-plugin-vue": "^6.0.0",
-    "typescript": "~5.4.5",
-    "vue": "3.4.26"
+    "semver": "7.6.3",
+    "typescript": "~5.5.4",
+    "vue": "3.4.38",
+    "zx": "8.1.5"
   },
   "peerDependencies": {
     "vue": "^3.2.47"