@nanoporetech-digital/components-vue 3.7.1 → 3.8.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.8.0](https://git.oxfordnanolabs.local/Digital/nano-components/compare/v3.7.1...v3.8.0) (2023-02-15)
+
+
+### Features
+
+* **nuxt:** new nuxt framework integration ([230f150](https://git.oxfordnanolabs.local/Digital/nano-components/commits/230f1503e3e7bb26d3478358a7aaeacdf7c82a50))
+
+
+
+
+
 ## [3.7.1](https://git.oxfordnanolabs.local/Digital/nano-components/compare/v3.7.0...v3.7.1) (2023-01-25)
 
 **Note:** Version bump only for package @nanoporetech-digital/components-vue

package/dist/demo/main.js

@@ -1,6 +1,7 @@
 import { createApp } from 'vue';
 import App from './App.vue';
-import { NanoVue } from '../index';
-const app = createApp(App);
-NanoVue(app).then(() => app.mount('#app'));
+import { NanoVue } from '../index.js';
+// NanoVue().then(() => app.mount('#app'))
+const app = createApp(App).use(NanoVue);
+app.mount('#app');
 //# sourceMappingURL=main.js.map

package/dist/demo/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/demo/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,GAAG,MAAM,WAAW,CAAA;AAE3B,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;AAC3B,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/demo/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,GAAG,MAAM,WAAW,CAAA;AAE3B,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,0CAA0C;AAE1C,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AACxC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC"}

package/dist/nano-vue.js

@@ -1,5 +1,4 @@
 import { defineCustomElements } from '@nanoporetech-digital/components/loader';
-const needsKebabCase = (version) => !['3.0.0', '3.0.1', '3.0.2', '3.0.3', '3.0.4', '3.0.5'].includes(version);
 const eventIgnoreList = ['nanoTplUpdated', 'openWormhole', 'nanoComponentsReady'];
 /**
 * We need to make sure that the web component fires an event
@@ -7,14 +6,6 @@ const eventIgnoreList = ['nanoTplUpdated', 'openWormhole', 'nanoComponentsReady'
 * otherwise the binding's callback will fire before any
 * v-model values have been updated.
 */
-const toLowerCase = (eventName) => {
-    if (eventName === 'nanoChange')
-        return 'v-nanochange';
-    else if (eventIgnoreList.includes(eventName))
-        return eventName;
-    else
-        return eventName.toLowerCase();
-};
 const toKebabCase = (eventName) => {
     if (eventName === 'nanoChange')
         return 'v-nano-change';
@@ -24,29 +15,32 @@ const toKebabCase = (eventName) => {
         return eventName.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
 };
 /**
- * Vue 3.0.6 fixed a bug where events on custom elements
- * were always converted to lower case, so "ionRefresh"
- * became "ionRefresh". We need to account for the old
- * issue as well as the new behavior where "ionRefresh"
- * is converted to "ion-refresh".
+ * "ionRefresh" is converted to "ion-refresh".
  * See https://github.com/vuejs/vue-next/pull/2847
  */
-const getHelperFunctions = (needsKebabCase = true) => {
-    const conversionFn = (needsKebabCase) ? toKebabCase : toLowerCase;
+const getHelperFunctions = () => {
     return {
-        ael: (el, eventName, cb, opts) => el.addEventListener(conversionFn(eventName), cb, opts),
-        rel: (el, eventName, cb, opts) => el.removeEventListener(conversionFn(eventName), cb, opts),
-        ce: (eventName, opts) => new CustomEvent(conversionFn(eventName), opts)
+        ael: (el, eventName, cb, opts) => el.addEventListener(toKebabCase(eventName), cb, opts),
+        rel: (el, eventName, cb, opts) => el.removeEventListener(toKebabCase(eventName), cb, opts),
+        ce: (eventName, opts) => new CustomEvent(toKebabCase(eventName), opts)
     };
 };
-export const NanoVue = async (app) => {
-    if (typeof window !== 'undefined') {
-        const { ael, rel, ce } = getHelperFunctions(needsKebabCase(app.version));
+export const NanoVue = {
+    async install(_, _config = {}) {
+        if (typeof window === 'undefined')
+            return;
+        const { ael, rel, ce } = getHelperFunctions();
         await defineCustomElements(window, {
             ce,
             ael,
             rel
         });
-    }
+        // To use custom-elements bundle instead
+        // initialize({
+        //   _ael: ael,
+        //   _rel: rel,
+        //   _ce: ce,
+        // });
+    },
 };
 //# sourceMappingURL=nano-vue.js.map

package/dist/nano-vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"nano-vue.js","sourceRoot":"","sources":["../src/nano-vue.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAE/E,MAAM,cAAc,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAEtH,MAAM,eAAe,GAAG,CAAC,gBAAgB,EAAE,cAAc,EAAE,qBAAqB,CAAC,CAAA;AAEjF;;;;;EAKE;AACF,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAE,EAAE;IACxC,IAAI,SAAS,KAAK,YAAY;QAAE,OAAO,cAAc,CAAC;SACjD,IAAI,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC;QAAE,OAAO,SAAS,CAAC;;QAC1D,OAAO,SAAS,CAAC,WAAW,EAAE,CAAC;AACtC,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAE,EAAE;IACxC,IAAI,SAAS,KAAK,YAAY;QAAE,OAAO,eAAe,CAAC;SAClD,IAAI,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC;QAAE,OAAO,SAAS,CAAC;;QAC1D,OAAO,SAAS,CAAC,OAAO,CAAC,8BAA8B,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;AACvF,CAAC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAG,CAAC,cAAc,GAAG,IAAI,EAAE,EAAE;IACnD,MAAM,YAAY,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;IAClE,OAAO;QACH,GAAG,EAAE,CAAC,EAAO,EAAE,SAAiB,EAAE,EAAO,EAAE,IAAS,EAAE,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC;QAC/G,GAAG,EAAE,CAAC,EAAO,EAAE,SAAiB,EAAE,EAAO,EAAE,IAAS,EAAE,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC;QAClH,EAAE,EAAE,CAAC,SAAiB,EAAE,IAAS,EAAE,EAAE,CAAC,IAAI,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC;KACvF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,EAAE,GAAQ,EAAiB,EAAE;IACvD,IAAI,OAAQ,MAAc,KAAK,WAAW,EAAE;QAC1C,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,kBAAkB,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;QACzE,MAAM,oBAAoB,CAAC,MAAM,EAAE;YACjC,EAAE;YACF,GAAG;YACH,GAAG;SACG,CAAC,CAAC;KACX;AACH,CAAC,CAAA"}
+{"version":3,"file":"nano-vue.js","sourceRoot":"","sources":["../src/nano-vue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAI/E,MAAM,eAAe,GAAG,CAAC,gBAAgB,EAAE,cAAc,EAAE,qBAAqB,CAAC,CAAA;AAEjF;;;;;EAKE;AACF,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAE,EAAE;IACxC,IAAI,SAAS,KAAK,YAAY;QAAE,OAAO,eAAe,CAAC;SAClD,IAAI,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC;QAAE,OAAO,SAAS,CAAC;;QAC1D,OAAO,SAAS,CAAC,OAAO,CAAC,8BAA8B,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;AACvF,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,OAAO;QACH,GAAG,EAAE,CAAC,EAAO,EAAE,SAAiB,EAAE,EAAO,EAAE,IAAS,EAAE,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC;QAC9G,GAAG,EAAE,CAAC,EAAO,EAAE,SAAiB,EAAE,EAAO,EAAE,IAAS,EAAE,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC;QACjH,EAAE,EAAE,CAAC,SAAiB,EAAE,IAAS,EAAE,EAAE,CAAC,IAAI,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC;KACtF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAW;IAC7B,KAAK,CAAC,OAAO,CAAC,CAAM,EAAE,OAAO,GAAG,EAAE;QAChC,IAAI,OAAQ,MAAc,KAAK,WAAW;YAAE,OAAO;QAEnD,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,kBAAkB,EAAE,CAAC;QAC9C,MAAM,oBAAoB,CAAC,MAAM,EAAE;YACjC,EAAE;YACF,GAAG;YACH,GAAG;SACG,CAAC,CAAC;QAEV,wCAAwC;QACxC,eAAe;QACf,eAAe;QACf,eAAe;QACf,aAAa;QACb,MAAM;IACR,CAAC;CACF,CAAC"}