npm - @bryntum/taskboard-vue-3-thin - Versions diffs - 7.1.2 → 7.1.3 - Mend

@bryntum/taskboard-vue-3-thin 7.1.2 → 7.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md +17 -11
package/lib/helper/WrapperHelper.js +42 -42
package/lib/helper/WrapperHelper.js.map +1 -1
package/package.json +1 -1
package/src/helper/WrapperHelper.ts +5 -1

package/README.md CHANGED Viewed

@@ -1,9 +1,15 @@
-<div style="display: flex; justify-content: space-between; align-items: center; margin: 0 50px;">
-    <a href="https://bryntum.com/" rel="noopener" target="_blank">
-        <img width="350" src="https://bryntum.com/resources/bryntum_logo_blue.svg" alt="Bryntum logo">
-    </a>
-    <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/vue.svg" alt="Vue" width="100">
-</div>
+<br>
+<br>
+<p align="center">
+  <a href="https://bryntum.com/" rel="noopener" target="_blank">
+    <img width="350" src="https://bryntum.com/resources/bryntum_logo_blue.svg" alt="Bryntum logo">
+  </a>
+  &emsp;&emsp;&emsp;&emsp;&emsp;
+  <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/vue.svg" alt="Vue" width="100">
+</p>
+<br>
 # Vue 3 wrapper for Bryntum TaskBoard Thin packages
@@ -189,9 +195,9 @@ API packages:
 ```json
 {
   "dependencies": {
-    "@bryntum/core-thin": "7.1.2",
-    "@bryntum/engine-thin": "7.1.2",
-    "@bryntum/taskboard-thin": "7.1.2"
+    "@bryntum/core-thin": "7.1.3",
+    "@bryntum/engine-thin": "7.1.3",
+    "@bryntum/taskboard-thin": "7.1.3"
   }
 }
 ```
@@ -201,8 +207,8 @@ Framework wrapper packages:
 ```json
 {
   "dependencies": {
-    "@bryntum/core-vue-3-thin": "7.1.2",
-    "@bryntum/taskboard-vue-3-thin": "7.1.2"
+    "@bryntum/core-vue-3-thin": "7.1.3",
+    "@bryntum/taskboard-vue-3-thin": "7.1.3"
   }
 }
 ```

package/lib/helper/WrapperHelper.js CHANGED Viewed

@@ -67,8 +67,8 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
     widgetData: e,
     emit: n,
     element: i,
-    processCellContent: s,
-    processEventContent: o,
+    processCellContent: o,
+    processEventContent: s,
     processWidgetContent: l,
     hasFrameworkRenderer: r,
     toRaw: d
@@ -77,14 +77,14 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
     for (const a of Object.keys(u))
       f[this.camelize(a)] = u[a];
     const {
-      instanceClass: y,
+      instanceClass: m,
       instanceName: v
-    } = e, m = (a) => f[a] !== void 0, p = (e.configNames || []).filter(m), C = (e.propertyConfigNames || []).filter(m), h = (e.propertyNames || []).filter(m), $ = (e.featureNames || []).filter(m), E = e.eventNames.filter((a) => !m(a) && !f[`on${this.capitalize(a)}`]), g = {
+    } = e, y = (a) => f[a] !== void 0, p = (e.configNames || []).filter(y), C = (e.propertyConfigNames || []).filter(y), h = (e.propertyNames || []).filter(y), $ = (e.featureNames || []).filter(y), E = e.eventNames.filter((a) => !y(a) && !f[`on${this.capitalize(a)}`]), g = {
       vueComponent: t,
       listeners: {},
       features: {},
-      processCellContent: s,
-      processEventContent: o,
+      processCellContent: o,
+      processEventContent: s,
       processWidgetContent: l,
       hasFrameworkRenderer: r
     };
@@ -93,8 +93,8 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
       ...C,
       ...$
     ].forEach((a) => {
-      c.applyPropValue(g, a, f[a], !0, d), ["features", "config"].includes(a) && c.devWarningConfigProp(y.$name, a);
-    }), g.cls = (g.cls || "") + ` b-vue-${y.$name.toLowerCase()}-container`, e.configNames = p, e.propertyNames = [
+      c.applyPropValue(g, a, f[a], !0, d), ["features", "config"].includes(a) && c.devWarningConfigProp(m.$name, a);
+    }), g.cls = (g.cls || "") + ` b-vue-${m.$name.toLowerCase()}-container`, e.configNames = p, e.propertyNames = [
       ...p,
       ...h,
       ...C,
@@ -106,7 +106,7 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
       "insertAfter",
       "insertBefore"
     ].find((a) => g[a]);
-    return V ? c.devWarningContainer(y.$name, V) : v === "Button" ? g.appendTo = i : g.adopt = i, g;
+    return V ? c.devWarningContainer(m.$name, V) : v === "Button" ? g.appendTo = i : g.adopt = i, g;
   }
   /**
    * Setup store events relay
@@ -115,9 +115,9 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
    */
   static relayStores(t, e) {
     const { dataStores: n, projectStores: i } = t;
-    n && (Object.keys(n).forEach((s) => {
-      const o = i ? e.project[s] : e[s];
-      o && (o.syncDataOnLoad == null && !o.readUrl && !o.lazyLoad && (!o.crudManager || !o.crudManager.loadUrl) && (o.syncDataOnLoad = !0), e && e.relayStoreEvents && o.relayAll(e, n[s]));
+    n && (Object.keys(n).forEach((o) => {
+      const s = i ? e.project[o] : e[o];
+      s && (s.syncDataOnLoad == null && !s.readUrl && !s.lazyLoad && (!s.crudManager || !s.crudManager.loadUrl) && (s.syncDataOnLoad = !0), e && e.relayStoreEvents && s.relayAll(e, n[o]));
     }), delete t.dataStores);
   }
   /**
@@ -144,25 +144,25 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
    * @param {Boolean} [isConfig] config setting mode
    * @param {Function} [toRaw] Vue fn to unwrap reactive object
    */
-  static applyPropValue(t, e, n, i = !0, s) {
+  static applyPropValue(t, e, n, i = !0, o) {
     if (e === "project")
       n && typeof n == "object" && (t[e] = n.instance ? n.instance.value || n.instance : n);
     else if (e === "features" && typeof n == "object")
-      Object.keys(n).forEach((o) => c.applyPropValue(t, `${o}Feature`, n[o], i, s));
+      Object.keys(n).forEach((s) => c.applyPropValue(t, `${s}Feature`, n[s], i, o));
     else if (e === "config" && typeof n == "object")
-      Object.keys(n).forEach((o) => c.applyPropValue(t, o, n[o], i, s));
+      Object.keys(n).forEach((s) => c.applyPropValue(t, s, n[s], i, o));
     else if (e === "columns" && !i)
       t.columns.data = n;
     else if (e.endsWith("Feature")) {
-      const o = t.features, l = e.replace("Feature", "");
+      const s = t.features, l = e.replace("Feature", "");
       if (i)
-        o[l] = n;
+        s[l] = n;
       else {
-        const r = o[l];
+        const r = s[l];
         r && r.setConfig(n);
       }
     } else
-      t[e] = s ? s(n) : n;
+      t[e] = o ? o(n) : n;
   }
   /**
    * Creates watches for vue component properties
@@ -175,12 +175,12 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
   static watchProps(t, e, n) {
     const {
       configNames: i,
-      propertyNames: s,
-      instanceClass: o
+      propertyNames: o,
+      instanceClass: s
     } = e;
-    s.forEach((l) => n(l, (r) => {
+    o.forEach((l) => n(l, (r) => {
       const d = Array.isArray(r) ? r.slice() : r;
-      c.applyPropValue(t, l, d, !1), i.includes(l) && c.devWarningUpdateProp(o.$name, l);
+      c.applyPropValue(t, l, d, !1), i.includes(l) && c.devWarningUpdateProp(s.$name, l);
     })), e.configNames = [], e.propertyNames = [];
   }
   /**
@@ -190,11 +190,11 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
    * @param {Object} context.html Object containing the Vue component properties and event listeners
    */
   static processWidgetContent({ widget: t, html: e }) {
-    const { is: n, bind: i = {}, vue: s, on: o = {} } = e, { vueComponent: l } = this, { teleports: { value: r } } = l.provides, { contentElement: d, id: f } = t;
-    if (s) {
+    const { is: n, bind: i = {}, vue: o, on: s = {} } = e, { vueComponent: l } = this, { teleports: { value: r } } = l.provides, { contentElement: d, id: f } = t;
+    if (o) {
       const u = `key-${f}`;
       r.has(u) && r.delete(u), b(() => {
-        r.set(u, { bind: i, on: o, key: u, is: n, to: d });
+        r.set(u, { bind: i, on: s, key: u, is: n, to: d });
       });
     }
   }
@@ -204,7 +204,7 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
    * @param {String} html The HTML content to be processed
    */
   static handleVueContent(t, e) {
-    const n = (o) => !!o.vueComponent?.provides?.teleports, i = t.closest(n);
+    const n = (s) => !!s.vueComponent?.provides?.teleports, i = t.closest(n);
     (i?.vueComponent ? i : N.query(n))?.processWidgetContent?.({ widget: t, html: e });
   }
   /**
@@ -224,25 +224,25 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
     targetElement: n,
     isRelease: i
   }) {
-    let s = n, o = !1;
+    let o = n, s = !1;
     const l = this.isVertical ? e?.elementData?.renderData : e?.elementData;
     if (c.isVueConfig(t) && t?.is) {
-      e?.dataset?.isMilestone ? s = n.parentElement.parentElement.parentElement : s = n.parentElement.parentElement;
-      const r = this.isVertical ? s.elementData.renderData : s.elementData, { assignmentRecord: d } = i ? l : r, { eventRecord: f } = r, { vueComponent: u } = this, { teleports: { value: y } } = u.provides, v = f.isRecurring || f.isOccurrence, m = `assignment-${d?.id}${v ? "-" + f.id : ""}`;
-      s.vueKey && y.delete(s.vueKey);
+      e?.dataset?.isMilestone ? o = n.parentElement.parentElement.parentElement : o = n.parentElement.parentElement;
+      const r = this.isVertical ? o.elementData.renderData : o.elementData, { assignmentRecord: d } = i ? l : r, { eventRecord: f } = r, { vueComponent: u } = this, { teleports: { value: m } } = u.provides, v = f.isRecurring || f.isOccurrence, y = `assignment-${d?.id}${v ? "-" + f.id : ""}`;
+      o.vueKey && m.get(o.vueKey)?.to === n && m.delete(o.vueKey);
       const p = { ...t }, { is: C, on: h = {} } = p;
       delete p.is, delete p.on, b(() => {
-        y.set(m, {
+        m.set(y, {
           bind: p,
-          key: m,
+          key: y,
           is: C,
           on: h,
           to: n,
           generation: d.generation
         });
-      }), s.vueKey = m, o = !0;
+      }), o.vueKey = y, s = !0;
     }
-    return o;
+    return s;
   }
   /**
    * Cell renderer method
@@ -252,21 +252,21 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
    * @returns {Boolean}
    */
   static processCellContent({ rendererData: t, rendererHtml: e }) {
-    const { record: n, column: i, cellElement: s, row: o } = t;
+    const { record: n, column: i, cellElement: o, row: s } = t;
     if (c.isVueConfig(i.data) && i.data?.renderer) {
-      const { vueComponent: l } = this, { teleports: { value: r } } = l.provides, d = `${i.id}-${n.id}`, f = i.tree ? s.querySelector(".b-tree-cell-value") : s;
-      s.vueKey && r.delete(s.vueKey);
-      const u = { ...e }, { is: y, on: v = {} } = u;
+      const { vueComponent: l } = this, { teleports: { value: r } } = l.provides, d = `${i.id}-${n.id}`, f = i.tree ? o.querySelector(".b-tree-cell-value") : o;
+      o.vueKey && r.delete(o.vueKey);
+      const u = { ...e }, { is: m, on: v = {} } = u;
       delete u.is, delete u.on, b(() => {
-        o.id === n.id && r.set(d, {
+        s.id === n.id && r.set(d, {
           bind: u,
           key: d,
-          is: y,
+          is: m,
           on: v,
           to: f,
           generation: n.generation
         });
-      }), s.vueKey = d;
+      }), o.vueKey = d;
     }
   }
   /**

package/lib/helper/WrapperHelper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WrapperHelper.js","sources":["../../src/helper/WrapperHelper.ts"],"sourcesContent":["/*\n Vue 3 widget helper\n /\n\nimport { type ComponentInternalInstance, nextTick } from 'vue';\nimport { type VueConfig, Widget } from '@bryntum/core-thin';\n\ndeclare global {\n interface Window {\n bryntum: {\n isTestEnv?: boolean;\n vue?: {\n isVueConfig?: (config: any) => boolean;\n handleVueContent?: (widget: Widget, html: VueConfig) => void;\n };\n };\n }\n}\n\ninterface RenderElement extends HTMLElement {\n vueKey: string;\n}\n\nexport type Data = Record<string, unknown>;\n\ntype SuppressNew<T> = { [K in keyof T]: T[ K ] }\n\ntype AnyConstructor<\n Instance extends object = object,\n Static extends object = object\n> = (new (...input: any[]) => Instance) & SuppressNew<Static>\n\ntype AnyWidget = AnyConstructor<any, any>;\n\ntype RenderData = {\n record: any,\n row: any,\n column: any,\n cellElement: RenderElement\n}\n\ntype VueTeleportConfig = {\n vue: boolean,\n is: string,\n bind?: object\n on?: object\n}\n\nexport type WidgetData<T extends AnyWidget> = {\n instanceClass: T,\n instanceName: string\n isView?: boolean,\n dataStores?: object,\n projectStores?: boolean,\n configNames: string[]\n propertyConfigNames: string[]\n propertyNames: string[]\n eventNames: string[]\n featureNames?: string[]\n}\n\nexport type WidgetConfig<T extends AnyWidget> = {\n me?: ComponentInternalInstance;\n widgetData: WidgetData<T>,\n emit: (...args: any[]) => any\n element: HTMLDivElement;\n processCellContent?: Function;\n processEventContent?: Function;\n processWidgetContent?: Function;\n hasFrameworkRenderer?: Function;\n toRaw?: Function\n}\n\nexport type BryntumConfig = Record<string, any> & {\n vueComponent?: Object,\n listeners: Record<string, Function>,\n features: {},\n processCellContent: Function,\n processEventContent: Function,\n processWidgetContent: Function;\n hasFrameworkRenderer: Function\n};\n\nexport class WrapperHelper {\n\n /\n Development warning. Showed when environment is set to 'development'\n * @param {String} clsName vue component instance\n * @param {String} msg console message\n /\n static devWarning(clsName: string, msg: string) {\n // @ts-ignore\n if (window.bryntum?.isTestEnv \|\| process.env.NODE_ENV === 'development') {\n console.warn(`Bryntum${clsName}Component development warning!\\n${msg}\\n` +\n 'Please check Vue integration guide: https://bryntum.com/products/grid/docs/guide/Grid/integration/vue/guide'\n );\n }\n }\n\n static devWarningContainer(clsName: string, containerParam: string) {\n WrapperHelper.devWarning(clsName,\n `Using \"${containerParam}\" parameter for configuration is not recommended.\\n` +\n 'Widget is placed automatically inside it\\'s container element.\\n' +\n `Solution: remove \"${containerParam}\" parameter from configuration.`\n );\n }\n\n static devWarningConfigProp(clsName: string, prop: string) {\n WrapperHelper.devWarning(clsName,\n `Using \"${prop}\" parameter for configuration is not recommended.\\n` +\n `Solution: Use separate parameter for each \"${prop}\" value to enable reactive updates of the API instance`\n );\n }\n\n static devWarningUpdateProp(clsName: string, prop: string) {\n WrapperHelper.devWarning(clsName,\n `\"${prop}\" is a static config option for component constructor only. No runtime changes are supported!`\n );\n }\n\n static camelize(str: string) {\n return str.replace(/-./g, s => (s[1] \|\| '').toUpperCase());\n }\n\n static capitalize(str: string) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n }\n\n /\n Returns `true` if the provided configuration object is valid for Vue processing.\n * @param {} config\n @returns {Boolean}\n /\n static isVueConfig(config: any): boolean {\n return Boolean(config?.vue);\n }\n\n /\n Creates bryntum component config from vue component\n * @param {Object} context\n * @param {Object} context.me vue component instance\n * @param {Object} context.widgetData reference to data\n * @param {Function} context.emit reference to emit\n * @param {Object} context.element HTML element\n * @param {Function} context.processCellContent cell renderer method\n * @param {Function} context.processEventContent event renderer method\n * @param {Function} context.processWidgetContent widget renderer method\n * @param {Function} context.hasFrameworkRenderer checks presence of vue renderer\n * @param {Function} context.toRaw Vue fn to unwrap reactive object\n * @returns {Object} config object\n /\n static createConfig<T extends AnyWidget>({\n me,\n widgetData,\n emit,\n element,\n processCellContent,\n processEventContent,\n processWidgetContent,\n hasFrameworkRenderer,\n toRaw\n }: WidgetConfig<T>) {\n\n const\n props: Record<string, any> = {},\n vProps = me!.vnode!.props! \|\| {};\n\n for (const key of Object.keys(vProps)) {\n // Convert possible kebab keys to camelCase\n props[this.camelize(key)] = vProps[key];\n }\n\n const\n {\n instanceClass,\n instanceName\n } = widgetData,\n isValidProp = (propName: string) => props[propName] !== undefined,\n configNames = (widgetData.configNames \|\| []).filter(isValidProp),\n propertyConfigNames = (widgetData.propertyConfigNames \|\| []).filter(isValidProp),\n propertyNames = (widgetData.propertyNames \|\| []).filter(isValidProp),\n featureNames = (widgetData.featureNames \|\| []).filter(isValidProp),\n // Disable event listeners for onProps, which are duplicating functions with preventable result support\n eventNames = widgetData.eventNames.filter(eventName => !isValidProp(eventName) && !props[`on${this.capitalize(eventName)}`]),\n bryntumConfig = {\n vueComponent : me,\n listeners : {},\n features : {},\n processCellContent,\n processEventContent,\n processWidgetContent,\n hasFrameworkRenderer\n } as BryntumConfig;\n\n // Setup events listeners\n eventNames.forEach(eventName => bryntumConfig.listeners[eventName] = (params: any) => emit(eventName, params));\n\n // Setup configs\n [\n ...configNames,\n ...propertyConfigNames,\n ...featureNames\n ].forEach(propName => {\n WrapperHelper.applyPropValue(bryntumConfig, propName, props[propName], true, toRaw);\n if (['features', 'config'].includes(propName)) {\n WrapperHelper.devWarningConfigProp(instanceClass.$name, propName);\n }\n });\n\n // Add vue wrapper class name\n bryntumConfig.cls = (bryntumConfig.cls \|\| '') + ` b-vue-${instanceClass.$name.toLowerCase()}-container`;\n\n // Prepare watch arrays\n widgetData.configNames = configNames;\n widgetData.propertyNames = [\n ...configNames,\n ...propertyNames,\n ...propertyConfigNames,\n ...featureNames\n ];\n\n // Cleanup unused instance arrays\n widgetData.eventNames = [];\n widgetData.propertyConfigNames = [];\n widgetData.featureNames = [];\n\n // If component has no container specified in config then use adopt to Wrapper's element\n const\n containerParam = [\n 'adopt',\n 'appendTo',\n 'insertAfter',\n 'insertBefore'\n ].find((prop: string) => bryntumConfig[prop]);\n\n if (!containerParam) {\n if (instanceName === 'Button') {\n // Button should always be <a> or <button> inside owner element\n bryntumConfig.appendTo = element;\n }\n else {\n bryntumConfig.adopt = element;\n }\n }\n else {\n WrapperHelper.devWarningContainer(instanceClass.$name, containerParam);\n }\n return bryntumConfig;\n }\n\n /\n Setup store events relay\n * @param {Object} data reference to data\n * @param {Object} instance bryntum widget instance\n /\n static relayStores(data: any, instance: any) {\n const { dataStores, projectStores } = data;\n\n if (dataStores) {\n Object.keys(dataStores).forEach(storeName => {\n const store = projectStores ? instance.project[storeName] : instance[storeName];\n if (store) {\n\n\n if (store.syncDataOnLoad == null && !store.readUrl && !store.lazyLoad && (!store.crudManager \|\| !store.crudManager.loadUrl)) {\n store.syncDataOnLoad = true;\n }\n\n\n\n // Makes relaying store events configurable but off by default\n if (instance && instance.relayStoreEvents) {\n store.relayAll(instance, dataStores[storeName]);\n }\n }\n });\n delete data.dataStores;\n }\n }\n\n /\n Creates bryntum Widget from vue component\n * @param {Object} config\n * @param {Object} config.me vue component instance\n * @param {Object} config.widgetData reference to data\n * @param {Function} config.emit reference to emit\n * @param {Object} config.element HTML element\n * @param {Function} config.processCellContent cell renderer method\n * @param {Function} config.hasFrameworkRenderer check the presence of vue renderer\n * @param {Function} config.toRaw Vue fn to unwrap reactive object\n * @returns {Object} widget object\n /\n static createWidget<T extends AnyWidget>(config: WidgetConfig<T>): InstanceType<T> {\n const\n { instanceClass } = config.widgetData,\n cfg = WrapperHelper.createConfig(config);\n return (instanceClass.$name === 'Widget' ? Widget.create(cfg) : new instanceClass(cfg)) as InstanceType<T>;\n }\n\n /\n Applies property value to Bryntum config or instance.\n * @param {Object} configOrInstance target object\n * @param {String} prop property name\n * @param {Object} value value\n * @param {Boolean} [isConfig] config setting mode\n * @param {Function} [toRaw] Vue fn to unwrap reactive object\n /\n static applyPropValue(configOrInstance: any, prop: string, value: any, isConfig = true, toRaw?: Function) {\n\n if (prop === 'project') {\n // Allow use ProjectModel component as project\n if (value && typeof value === 'object') {\n configOrInstance[prop] = value.instance ? value.instance.value \|\| value.instance : value;\n }\n }\n else if (prop === 'features' && typeof value === 'object') {\n Object.keys(value).forEach(key => WrapperHelper.applyPropValue(configOrInstance, `${key}Feature`, value[key], isConfig, toRaw));\n }\n else if (prop === 'config' && typeof value === 'object') {\n Object.keys(value).forEach(key => WrapperHelper.applyPropValue(configOrInstance, key, value[key], isConfig, toRaw));\n }\n else if (prop === 'columns' && !isConfig) {\n configOrInstance['columns'].data = value;\n }\n else if (prop.endsWith('Feature')) {\n const\n features = configOrInstance['features'],\n featureName = prop.replace('Feature', '');\n if (isConfig) {\n features[featureName] = value;\n }\n else {\n const feature = features[featureName];\n if (feature) {\n feature.setConfig(value);\n }\n }\n }\n else {\n configOrInstance[prop] = toRaw ? toRaw(value) : value;\n }\n }\n\n /\n Creates watches for vue component properties\n * @param {Object} me vue component instance\n * @param {Object} instance bryntum widget instance\n * @param {Object} props reference to props\n * @param {Object} data reference to data\n * @param {Function} watcher watch method reference (Accepts: prop and newValue)\n /\n static watchProps<T extends AnyWidget>(\n instance: InstanceType<T>,\n data: WidgetData<T>,\n watcher: (prop: string, callback: (value: any) => void) => void) {\n const\n {\n configNames,\n propertyNames,\n instanceClass\n } = data;\n\n propertyNames.forEach(prop => watcher(prop, newValue => {\n const value = Array.isArray(newValue) ? newValue.slice() : newValue;\n WrapperHelper.applyPropValue(instance, prop, value, false);\n\n // Check if property is a config and notify\n if (configNames.includes(prop)) {\n WrapperHelper.devWarningUpdateProp(instanceClass.$name, prop);\n }\n }));\n\n // Cleanup unused instance arrays\n data.configNames = [];\n data.propertyNames = [];\n }\n\n /\n Called from Widget.js to add the Vue component to teleports\n * @param {Object} context\n * @param {Widget} context.widget Widget which content is rendered by the Vue component\n * @param {Object} context.html Object containing the Vue component properties and event listeners\n /\n static processWidgetContent({ widget, html }: { widget: Widget; html: VueTeleportConfig }) {\n const\n { is, bind = {}, vue, on = {} } = html,\n // @ts-ignore\n { vueComponent } = this,\n { teleports : { value : teleports } } = vueComponent.provides,\n { contentElement : to, id } = widget;\n\n if (vue) {\n const key = `key-${id}`;\n\n // delete the teleport with the same key if any\n if (teleports.has(key)) {\n teleports.delete(key);\n }\n\n nextTick(() => {\n teleports.set(key, { bind, on, key, is, to });\n });\n }\n }\n\n /\n Handles the content provided by a Vue component for the widget.\n * @param {Widget} widget Owner widget\n * @param {String} html The HTML content to be processed\n /\n static handleVueContent(widget: Widget, html: VueConfig): void {\n // Called when a Vue component is to provide the widget content\n const\n hasTeleports = (element: any) => Boolean(element.vueComponent?.provides?.teleports),\n parentView = widget.closest(hasTeleports) as any,\n // Find a view (grid, scheduler, etc.) which has `teleports` defined. It also has `processWidgetContent`\n view = parentView?.vueComponent ? parentView : Widget.query(hasTeleports);\n\n view?.processWidgetContent?.({ widget, html });\n }\n\n /\n Event renderer method\n * @param {Object} context\n * @param {} context.jsx\n @param {DomConfig} context.domConfig\n * @param {HTMLElement} context.targetElement\n * @param {Boolean} context.isRelease\n * @returns {Boolean}\n /\n static processEventContent({\n // Core passes it as jsx for React wrappers.\n // Let's rename it to a more appropriate name.\n jsx : rendererConfig,\n domConfig,\n targetElement,\n isRelease\n }: {\n jsx: { [key: string]: any },\n domConfig: any;\n isRelease: boolean;\n targetElement: HTMLElement & { vueKey: string }\n scrolling: boolean\n }) {\n\n let wrap: any = targetElement,\n returnValue = false;\n\n // @ts-ignore\n const domConfigData = this.isVertical ? domConfig?.elementData?.renderData : domConfig?.elementData;\n\n if (WrapperHelper.isVueConfig(rendererConfig) && rendererConfig?.is) {\n if (domConfig?.dataset?.isMilestone) {\n wrap = targetElement.parentElement!.parentElement!.parentElement!;\n }\n else {\n wrap = targetElement.parentElement!.parentElement!;\n }\n const\n // Vertical nests renderData, while horizontal does not\n // @ts-ignore\n wrapData = this.isVertical ? wrap.elementData.renderData : wrap.elementData,\n { assignmentRecord } = isRelease ? domConfigData : wrapData,\n { eventRecord } = wrapData,\n { vueComponent } = this as any,\n { teleports : { value : teleports } } = vueComponent.provides,\n\n // Recurring events are handled a bit differently so get the flag\n isRecurring = eventRecord.isRecurring \|\| eventRecord.isOccurrence,\n key = `assignment-${assignmentRecord?.id}${isRecurring ? '-' + eventRecord.id : ''}`;\n\n if (wrap.vueKey) {\n teleports.delete(wrap.vueKey);\n }\n const\n bind = { ...rendererConfig },\n { is, on = {} } = bind;\n\n delete bind.is;\n delete bind.on;\n\n nextTick(() => {\n teleports.set(key, {\n bind,\n key,\n is,\n on,\n to : targetElement,\n generation : assignmentRecord.generation\n });\n\n });\n\n wrap.vueKey = key;\n returnValue = true;\n }\n\n return returnValue;\n }\n\n /\n Cell renderer method\n * @param {Object} context\n * @param {RenderData} context.rendererData\n * @param {} context.rendererHtml\n @returns {Boolean}\n /\n static processCellContent({ rendererData, rendererHtml }: { rendererData: RenderData, rendererHtml: any }) {\n const { record, column, cellElement, row } = rendererData;\n\n // Only run for cells with vue renderers\n if (WrapperHelper.isVueConfig(column.data) && column.data?.renderer) {\n const\n // `this` is a caller component\n { vueComponent } = this as any,\n // `teleports` is javascript Map object\n { teleports : { value : teleports } } = vueComponent.provides,\n key = `${column.id}-${record.id}`,\n renderElement = column.tree\n ? cellElement.querySelector('.b-tree-cell-value')\n : cellElement;\n\n // If the cell already has a teleport, release it\n if (cellElement.vueKey) {\n teleports.delete(cellElement.vueKey);\n }\n\n const\n bind = { ...rendererHtml },\n { is, on = {} } = bind;\n\n delete bind.is;\n delete bind.on;\n\n // Create new teleport\n nextTick(() => {\n // Only teleport if the row is still used for the same record. Since this happens async, we might have\n // scrolled over the entire block of rows since the render\n if (row.id === record.id) {\n teleports.set(key, {\n bind,\n key,\n is,\n on,\n to : renderElement,\n generation : record.generation\n });\n }\n });\n\n // Link cell to the teleport, to be able to release it above\n cellElement.vueKey = key;\n }\n }\n\n /\n \n * @param {Object} context\n * @param {} context.cellContent Content to be rendered in cell (set by renderer)\n @param {} context.column Column being rendered\n @returns {Boolean} `true` if there is a Vue Renderer in this cell, `false` otherwise\n */\n static hasFrameworkRenderer({ cellContent, column }: { cellContent: any, column: any }) {\n return cellContent && typeof cellContent === 'object' && WrapperHelper.isVueConfig(column?.data);\n }\n}\n\n// Expose wrapper methods on window.bryntum\nwindow.bryntum = window.bryntum \|\| {};\nwindow.bryntum.vue = {\n isVueConfig : WrapperHelper.isVueConfig,\n handleVueContent : WrapperHelper.handleVueContent\n};\n"],"names":["WrapperHelper","clsName","msg","containerParam","prop","str","s","config","me","widgetData","emit","element","processCellContent","processEventContent","processWidgetContent","hasFrameworkRenderer","toRaw","props","vProps","key","instanceClass","instanceName","isValidProp","propName","configNames","propertyConfigNames","propertyNames","featureNames","eventNames","eventName","bryntumConfig","params","data","instance","dataStores","projectStores","storeName","store","cfg","Widget","configOrInstance","value","isConfig","features","featureName","feature","watcher","newValue","widget","html","is","bind","vue","on","vueComponent","teleports","to","id","nextTick","hasTeleports","parentView","rendererConfig","domConfig","targetElement","isRelease","wrap","returnValue","domConfigData","wrapData","assignmentRecord","eventRecord","isRecurring","rendererData","rendererHtml","record","column","cellElement","row","renderElement","cellContent"],"mappings":"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"}
1	+ {"version":3,"file":"WrapperHelper.js","sources":["../../src/helper/WrapperHelper.ts"],"sourcesContent":["/*\n Vue 3 widget helper\n /\n\nimport { type ComponentInternalInstance, nextTick } from 'vue';\nimport { type VueConfig, Widget } from '@bryntum/core-thin';\n\ndeclare global {\n interface Window {\n bryntum: {\n isTestEnv?: boolean;\n vue?: {\n isVueConfig?: (config: any) => boolean;\n handleVueContent?: (widget: Widget, html: VueConfig) => void;\n };\n };\n }\n}\n\ninterface RenderElement extends HTMLElement {\n vueKey: string;\n}\n\nexport type Data = Record<string, unknown>;\n\ntype SuppressNew<T> = { [K in keyof T]: T[ K ] }\n\ntype AnyConstructor<\n Instance extends object = object,\n Static extends object = object\n> = (new (...input: any[]) => Instance) & SuppressNew<Static>\n\ntype AnyWidget = AnyConstructor<any, any>;\n\ntype RenderData = {\n record: any,\n row: any,\n column: any,\n cellElement: RenderElement\n}\n\ntype VueTeleportConfig = {\n vue: boolean,\n is: string,\n bind?: object\n on?: object\n}\n\nexport type WidgetData<T extends AnyWidget> = {\n instanceClass: T,\n instanceName: string\n isView?: boolean,\n dataStores?: object,\n projectStores?: boolean,\n configNames: string[]\n propertyConfigNames: string[]\n propertyNames: string[]\n eventNames: string[]\n featureNames?: string[]\n}\n\nexport type WidgetConfig<T extends AnyWidget> = {\n me?: ComponentInternalInstance;\n widgetData: WidgetData<T>,\n emit: (...args: any[]) => any\n element: HTMLDivElement;\n processCellContent?: Function;\n processEventContent?: Function;\n processWidgetContent?: Function;\n hasFrameworkRenderer?: Function;\n toRaw?: Function\n}\n\nexport type BryntumConfig = Record<string, any> & {\n vueComponent?: Object,\n listeners: Record<string, Function>,\n features: {},\n processCellContent: Function,\n processEventContent: Function,\n processWidgetContent: Function;\n hasFrameworkRenderer: Function\n};\n\nexport class WrapperHelper {\n\n /\n Development warning. Showed when environment is set to 'development'\n * @param {String} clsName vue component instance\n * @param {String} msg console message\n /\n static devWarning(clsName: string, msg: string) {\n // @ts-ignore\n if (window.bryntum?.isTestEnv \|\| process.env.NODE_ENV === 'development') {\n console.warn(`Bryntum${clsName}Component development warning!\\n${msg}\\n` +\n 'Please check Vue integration guide: https://bryntum.com/products/grid/docs/guide/Grid/integration/vue/guide'\n );\n }\n }\n\n static devWarningContainer(clsName: string, containerParam: string) {\n WrapperHelper.devWarning(clsName,\n `Using \"${containerParam}\" parameter for configuration is not recommended.\\n` +\n 'Widget is placed automatically inside it\\'s container element.\\n' +\n `Solution: remove \"${containerParam}\" parameter from configuration.`\n );\n }\n\n static devWarningConfigProp(clsName: string, prop: string) {\n WrapperHelper.devWarning(clsName,\n `Using \"${prop}\" parameter for configuration is not recommended.\\n` +\n `Solution: Use separate parameter for each \"${prop}\" value to enable reactive updates of the API instance`\n );\n }\n\n static devWarningUpdateProp(clsName: string, prop: string) {\n WrapperHelper.devWarning(clsName,\n `\"${prop}\" is a static config option for component constructor only. No runtime changes are supported!`\n );\n }\n\n static camelize(str: string) {\n return str.replace(/-./g, s => (s[1] \|\| '').toUpperCase());\n }\n\n static capitalize(str: string) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n }\n\n /\n Returns `true` if the provided configuration object is valid for Vue processing.\n * @param {} config\n @returns {Boolean}\n /\n static isVueConfig(config: any): boolean {\n return Boolean(config?.vue);\n }\n\n /\n Creates bryntum component config from vue component\n * @param {Object} context\n * @param {Object} context.me vue component instance\n * @param {Object} context.widgetData reference to data\n * @param {Function} context.emit reference to emit\n * @param {Object} context.element HTML element\n * @param {Function} context.processCellContent cell renderer method\n * @param {Function} context.processEventContent event renderer method\n * @param {Function} context.processWidgetContent widget renderer method\n * @param {Function} context.hasFrameworkRenderer checks presence of vue renderer\n * @param {Function} context.toRaw Vue fn to unwrap reactive object\n * @returns {Object} config object\n /\n static createConfig<T extends AnyWidget>({\n me,\n widgetData,\n emit,\n element,\n processCellContent,\n processEventContent,\n processWidgetContent,\n hasFrameworkRenderer,\n toRaw\n }: WidgetConfig<T>) {\n\n const\n props: Record<string, any> = {},\n vProps = me!.vnode!.props! \|\| {};\n\n for (const key of Object.keys(vProps)) {\n // Convert possible kebab keys to camelCase\n props[this.camelize(key)] = vProps[key];\n }\n\n const\n {\n instanceClass,\n instanceName\n } = widgetData,\n isValidProp = (propName: string) => props[propName] !== undefined,\n configNames = (widgetData.configNames \|\| []).filter(isValidProp),\n propertyConfigNames = (widgetData.propertyConfigNames \|\| []).filter(isValidProp),\n propertyNames = (widgetData.propertyNames \|\| []).filter(isValidProp),\n featureNames = (widgetData.featureNames \|\| []).filter(isValidProp),\n // Disable event listeners for onProps, which are duplicating functions with preventable result support\n eventNames = widgetData.eventNames.filter(eventName => !isValidProp(eventName) && !props[`on${this.capitalize(eventName)}`]),\n bryntumConfig = {\n vueComponent : me,\n listeners : {},\n features : {},\n processCellContent,\n processEventContent,\n processWidgetContent,\n hasFrameworkRenderer\n } as BryntumConfig;\n\n // Setup events listeners\n eventNames.forEach(eventName => bryntumConfig.listeners[eventName] = (params: any) => emit(eventName, params));\n\n // Setup configs\n [\n ...configNames,\n ...propertyConfigNames,\n ...featureNames\n ].forEach(propName => {\n WrapperHelper.applyPropValue(bryntumConfig, propName, props[propName], true, toRaw);\n if (['features', 'config'].includes(propName)) {\n WrapperHelper.devWarningConfigProp(instanceClass.$name, propName);\n }\n });\n\n // Add vue wrapper class name\n bryntumConfig.cls = (bryntumConfig.cls \|\| '') + ` b-vue-${instanceClass.$name.toLowerCase()}-container`;\n\n // Prepare watch arrays\n widgetData.configNames = configNames;\n widgetData.propertyNames = [\n ...configNames,\n ...propertyNames,\n ...propertyConfigNames,\n ...featureNames\n ];\n\n // Cleanup unused instance arrays\n widgetData.eventNames = [];\n widgetData.propertyConfigNames = [];\n widgetData.featureNames = [];\n\n // If component has no container specified in config then use adopt to Wrapper's element\n const\n containerParam = [\n 'adopt',\n 'appendTo',\n 'insertAfter',\n 'insertBefore'\n ].find((prop: string) => bryntumConfig[prop]);\n\n if (!containerParam) {\n if (instanceName === 'Button') {\n // Button should always be <a> or <button> inside owner element\n bryntumConfig.appendTo = element;\n }\n else {\n bryntumConfig.adopt = element;\n }\n }\n else {\n WrapperHelper.devWarningContainer(instanceClass.$name, containerParam);\n }\n return bryntumConfig;\n }\n\n /\n Setup store events relay\n * @param {Object} data reference to data\n * @param {Object} instance bryntum widget instance\n /\n static relayStores(data: any, instance: any) {\n const { dataStores, projectStores } = data;\n\n if (dataStores) {\n Object.keys(dataStores).forEach(storeName => {\n const store = projectStores ? instance.project[storeName] : instance[storeName];\n if (store) {\n\n\n if (store.syncDataOnLoad == null && !store.readUrl && !store.lazyLoad && (!store.crudManager \|\| !store.crudManager.loadUrl)) {\n store.syncDataOnLoad = true;\n }\n\n\n\n // Makes relaying store events configurable but off by default\n if (instance && instance.relayStoreEvents) {\n store.relayAll(instance, dataStores[storeName]);\n }\n }\n });\n delete data.dataStores;\n }\n }\n\n /\n Creates bryntum Widget from vue component\n * @param {Object} config\n * @param {Object} config.me vue component instance\n * @param {Object} config.widgetData reference to data\n * @param {Function} config.emit reference to emit\n * @param {Object} config.element HTML element\n * @param {Function} config.processCellContent cell renderer method\n * @param {Function} config.hasFrameworkRenderer check the presence of vue renderer\n * @param {Function} config.toRaw Vue fn to unwrap reactive object\n * @returns {Object} widget object\n /\n static createWidget<T extends AnyWidget>(config: WidgetConfig<T>): InstanceType<T> {\n const\n { instanceClass } = config.widgetData,\n cfg = WrapperHelper.createConfig(config);\n return (instanceClass.$name === 'Widget' ? Widget.create(cfg) : new instanceClass(cfg)) as InstanceType<T>;\n }\n\n /\n Applies property value to Bryntum config or instance.\n * @param {Object} configOrInstance target object\n * @param {String} prop property name\n * @param {Object} value value\n * @param {Boolean} [isConfig] config setting mode\n * @param {Function} [toRaw] Vue fn to unwrap reactive object\n /\n static applyPropValue(configOrInstance: any, prop: string, value: any, isConfig = true, toRaw?: Function) {\n\n if (prop === 'project') {\n // Allow use ProjectModel component as project\n if (value && typeof value === 'object') {\n configOrInstance[prop] = value.instance ? value.instance.value \|\| value.instance : value;\n }\n }\n else if (prop === 'features' && typeof value === 'object') {\n Object.keys(value).forEach(key => WrapperHelper.applyPropValue(configOrInstance, `${key}Feature`, value[key], isConfig, toRaw));\n }\n else if (prop === 'config' && typeof value === 'object') {\n Object.keys(value).forEach(key => WrapperHelper.applyPropValue(configOrInstance, key, value[key], isConfig, toRaw));\n }\n else if (prop === 'columns' && !isConfig) {\n configOrInstance['columns'].data = value;\n }\n else if (prop.endsWith('Feature')) {\n const\n features = configOrInstance['features'],\n featureName = prop.replace('Feature', '');\n if (isConfig) {\n features[featureName] = value;\n }\n else {\n const feature = features[featureName];\n if (feature) {\n feature.setConfig(value);\n }\n }\n }\n else {\n configOrInstance[prop] = toRaw ? toRaw(value) : value;\n }\n }\n\n /\n Creates watches for vue component properties\n * @param {Object} me vue component instance\n * @param {Object} instance bryntum widget instance\n * @param {Object} props reference to props\n * @param {Object} data reference to data\n * @param {Function} watcher watch method reference (Accepts: prop and newValue)\n /\n static watchProps<T extends AnyWidget>(\n instance: InstanceType<T>,\n data: WidgetData<T>,\n watcher: (prop: string, callback: (value: any) => void) => void) {\n const\n {\n configNames,\n propertyNames,\n instanceClass\n } = data;\n\n propertyNames.forEach(prop => watcher(prop, newValue => {\n const value = Array.isArray(newValue) ? newValue.slice() : newValue;\n WrapperHelper.applyPropValue(instance, prop, value, false);\n\n // Check if property is a config and notify\n if (configNames.includes(prop)) {\n WrapperHelper.devWarningUpdateProp(instanceClass.$name, prop);\n }\n }));\n\n // Cleanup unused instance arrays\n data.configNames = [];\n data.propertyNames = [];\n }\n\n /\n Called from Widget.js to add the Vue component to teleports\n * @param {Object} context\n * @param {Widget} context.widget Widget which content is rendered by the Vue component\n * @param {Object} context.html Object containing the Vue component properties and event listeners\n /\n static processWidgetContent({ widget, html }: { widget: Widget; html: VueTeleportConfig }) {\n const\n { is, bind = {}, vue, on = {} } = html,\n // @ts-ignore\n { vueComponent } = this,\n { teleports : { value : teleports } } = vueComponent.provides,\n { contentElement : to, id } = widget;\n\n if (vue) {\n const key = `key-${id}`;\n\n // delete the teleport with the same key if any\n if (teleports.has(key)) {\n teleports.delete(key);\n }\n\n nextTick(() => {\n teleports.set(key, { bind, on, key, is, to });\n });\n }\n }\n\n /\n Handles the content provided by a Vue component for the widget.\n * @param {Widget} widget Owner widget\n * @param {String} html The HTML content to be processed\n /\n static handleVueContent(widget: Widget, html: VueConfig): void {\n // Called when a Vue component is to provide the widget content\n const\n hasTeleports = (element: any) => Boolean(element.vueComponent?.provides?.teleports),\n parentView = widget.closest(hasTeleports) as any,\n // Find a view (grid, scheduler, etc.) which has `teleports` defined. It also has `processWidgetContent`\n view = parentView?.vueComponent ? parentView : Widget.query(hasTeleports);\n\n view?.processWidgetContent?.({ widget, html });\n }\n\n /\n Event renderer method\n * @param {Object} context\n * @param {} context.jsx\n @param {DomConfig} context.domConfig\n * @param {HTMLElement} context.targetElement\n * @param {Boolean} context.isRelease\n * @returns {Boolean}\n /\n static processEventContent({\n // Core passes it as jsx for React wrappers.\n // Let's rename it to a more appropriate name.\n jsx : rendererConfig,\n domConfig,\n targetElement,\n isRelease\n }: {\n jsx: { [key: string]: any },\n domConfig: any;\n isRelease: boolean;\n targetElement: HTMLElement & { vueKey: string }\n scrolling: boolean\n }) {\n\n let wrap: any = targetElement,\n returnValue = false;\n\n // @ts-ignore\n const domConfigData = this.isVertical ? domConfig?.elementData?.renderData : domConfig?.elementData;\n\n if (WrapperHelper.isVueConfig(rendererConfig) && rendererConfig?.is) {\n if (domConfig?.dataset?.isMilestone) {\n wrap = targetElement.parentElement!.parentElement!.parentElement!;\n }\n else {\n wrap = targetElement.parentElement!.parentElement!;\n }\n const\n // Vertical nests renderData, while horizontal does not\n // @ts-ignore\n wrapData = this.isVertical ? wrap.elementData.renderData : wrap.elementData,\n { assignmentRecord } = isRelease ? domConfigData : wrapData,\n { eventRecord } = wrapData,\n { vueComponent } = this as any,\n { teleports : { value : teleports } } = vueComponent.provides,\n\n // Recurring events are handled a bit differently so get the flag\n isRecurring = eventRecord.isRecurring \|\| eventRecord.isOccurrence,\n key = `assignment-${assignmentRecord?.id}${isRecurring ? '-' + eventRecord.id : ''}`;\n\n // Only delete the teleport if it's rendering into this specific targetElement.\n // Prevents issues when elements are reused during scrolling with LockRows feature.\n if (wrap.vueKey && teleports.get(wrap.vueKey)?.to === targetElement) {\n // Only delete if the existing teleport is rendering into this specific targetElement\n teleports.delete(wrap.vueKey);\n }\n\n const\n bind = { ...rendererConfig },\n { is, on = {} } = bind;\n\n delete bind.is;\n delete bind.on;\n\n nextTick(() => {\n teleports.set(key, {\n bind,\n key,\n is,\n on,\n to : targetElement,\n generation : assignmentRecord.generation\n });\n\n });\n\n wrap.vueKey = key;\n returnValue = true;\n }\n\n return returnValue;\n }\n\n /\n Cell renderer method\n * @param {Object} context\n * @param {RenderData} context.rendererData\n * @param {} context.rendererHtml\n @returns {Boolean}\n /\n static processCellContent({ rendererData, rendererHtml }: { rendererData: RenderData, rendererHtml: any }) {\n const { record, column, cellElement, row } = rendererData;\n\n // Only run for cells with vue renderers\n if (WrapperHelper.isVueConfig(column.data) && column.data?.renderer) {\n const\n // `this` is a caller component\n { vueComponent } = this as any,\n // `teleports` is javascript Map object\n { teleports : { value : teleports } } = vueComponent.provides,\n key = `${column.id}-${record.id}`,\n renderElement = column.tree\n ? cellElement.querySelector('.b-tree-cell-value')\n : cellElement;\n\n // If the cell already has a teleport, release it\n if (cellElement.vueKey) {\n teleports.delete(cellElement.vueKey);\n }\n\n const\n bind = { ...rendererHtml },\n { is, on = {} } = bind;\n\n delete bind.is;\n delete bind.on;\n\n // Create new teleport\n nextTick(() => {\n // Only teleport if the row is still used for the same record. Since this happens async, we might have\n // scrolled over the entire block of rows since the render\n if (row.id === record.id) {\n teleports.set(key, {\n bind,\n key,\n is,\n on,\n to : renderElement,\n generation : record.generation\n });\n }\n });\n\n // Link cell to the teleport, to be able to release it above\n cellElement.vueKey = key;\n }\n }\n\n /\n \n * @param {Object} context\n * @param {} context.cellContent Content to be rendered in cell (set by renderer)\n @param {} context.column Column being rendered\n @returns {Boolean} `true` if there is a Vue Renderer in this cell, `false` otherwise\n */\n static hasFrameworkRenderer({ cellContent, column }: { cellContent: any, column: any }) {\n return cellContent && typeof cellContent === 'object' && WrapperHelper.isVueConfig(column?.data);\n }\n}\n\n// Expose wrapper methods on window.bryntum\nwindow.bryntum = window.bryntum \|\| {};\nwindow.bryntum.vue = {\n isVueConfig : WrapperHelper.isVueConfig,\n handleVueContent : WrapperHelper.handleVueContent\n};\n"],"names":["WrapperHelper","clsName","msg","containerParam","prop","str","s","config","me","widgetData","emit","element","processCellContent","processEventContent","processWidgetContent","hasFrameworkRenderer","toRaw","props","vProps","key","instanceClass","instanceName","isValidProp","propName","configNames","propertyConfigNames","propertyNames","featureNames","eventNames","eventName","bryntumConfig","params","data","instance","dataStores","projectStores","storeName","store","cfg","Widget","configOrInstance","value","isConfig","features","featureName","feature","watcher","newValue","widget","html","is","bind","vue","on","vueComponent","teleports","to","id","nextTick","hasTeleports","parentView","rendererConfig","domConfig","targetElement","isRelease","wrap","returnValue","domConfigData","wrapData","assignmentRecord","eventRecord","isRecurring","rendererData","rendererHtml","record","column","cellElement","row","renderElement","cellContent"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@bryntum/taskboard-vue-3-thin",
-  "version": "7.1.2",
+  "version": "7.1.3",
   "description": "Vue 3 wrappers for Bryntum TaskBoard JavaScript component",
   "keywords": [
     "bryntum",

package/src/helper/WrapperHelper.ts CHANGED Viewed

@@ -469,9 +469,13 @@ export class WrapperHelper {
                 isRecurring = eventRecord.isRecurring || eventRecord.isOccurrence,
                 key         = `assignment-${assignmentRecord?.id}${isRecurring ? '-' + eventRecord.id : ''}`;
-            if (wrap.vueKey) {
+            // Only delete the teleport if it's rendering into this specific targetElement.
+            // Prevents issues when elements are reused during scrolling with LockRows feature.
+            if (wrap.vueKey && teleports.get(wrap.vueKey)?.to === targetElement) {
+                // Only delete if the existing teleport is rendering into this specific targetElement
                 teleports.delete(wrap.vueKey);
             }
             const
                 bind            = { ...rendererConfig },
                 { is, on = {} } = bind;