@iamproperty/components 7.5.1--beta10 → 7.5.1--beta12

package/package.json

@@ -5,7 +5,7 @@
     "name": "iamproperty"
   },
   "private": false,
-  "version": "7.5.1--beta10",
+  "version": "7.5.1--beta12",
   "scripts": {
     "temp": "rollup --environment COMPONENT:carousel --config rollup-component.config.cjs --sourcemap",
     "reload": "vite --host",
@@ -52,8 +52,8 @@
     "eslint-plugin-vue": "^10.6.2",
     "globals": "^15.14.0",
     "js-cookie": "^3.0.5",
-    "prettier": "^3.6.2",
-    "typescript-eslint": "^8.48.0",
+    "prettier": "^3.7.3",
+    "typescript-eslint": "^8.47.0",
     "unplugin-vue-markdown": "^28.3.1"
   },
   "devDependencies": {

package/src/components/Filterlist/Filterlist.vue

@@ -21,15 +21,3 @@
     <slot></slot>
   </iam-filterlist>
 </template>
-
-<script>
-  // Load web components
-  import iamFilterlist from '../../../assets/js/components/filterlist/filterlist.component.min.js';
-
-  // Register components
-  if (!window.customElements.get('iam-filterlist')) window.customElements.define('iam-filterlist', iamFilterlist);
-
-  export default {
-    name: 'Filter list',
-  };
-</script>

package/src/components/Popover/Popover.vue

@@ -0,0 +1,22 @@
+<script setup>
+  import { onMounted } from 'vue';
+
+  const component = 'popover';
+
+  onMounted(() => {
+    import(`../../../assets/js/components/${component}/${component}.component.min.js`)
+      .then((module) => {
+        if (!window.customElements.get(`iam-${component}`))
+          window.customElements.define(`iam-${component}`, module.default);
+      })
+      .catch((err) => {
+        console.log(err.message);
+      });
+  });
+</script>
+
+<template>
+  <iam-popover>
+    <slot></slot>
+  </iam-popover>
+</template>

package/src/components/Tooltip/Tooltip.vue

@@ -0,0 +1,22 @@
+<script setup>
+  import { onMounted } from 'vue';
+
+  const component = 'tooltip';
+
+  onMounted(() => {
+    import(`../../../assets/js/components/${component}/${component}.component.min.js`)
+      .then((module) => {
+        if (!window.customElements.get(`iam-${component}`))
+          window.customElements.define(`iam-${component}`, module.default);
+      })
+      .catch((err) => {
+        console.log(err.message);
+      });
+  });
+</script>
+
+<template>
+  <iam-tooltip>
+    <slot></slot>
+  </iam-tooltip>
+</template>