@iamproperty/components 7.7.1--beta6 → 7.7.1--beta8

package/package.json

@@ -1,115 +1,115 @@
-{
-  "name": "@iamproperty/components",
-  "description": "Component library for iamproperty",
-  "author": {
-    "name": "iamproperty"
-  },
-  "private": false,
-  "version": "7.7.1--beta6",
-  "scripts": {
-    "reload": "vite --host",
-    "dev": "npm run copy && node local_modules/delete-assets.cjs && vite --host",
-    "build": "npm run test && node local_modules/delete-build-assets.cjs && npm run compile && vue-tsc --noEmit && vite build --mode lib",
-    "prepack": "npm run build",
-    "build:docs": "node local_modules/delete-build-assets.cjs && npm run compile && npm run copy && vue-tsc --noEmit && vite build",
-    "preview": "vite preview --host",
-    "compile:sass": "sass assets/sass/main.scss assets/css/style.min.css --style=compressed && sass assets/sass/core.scss assets/css/core.min.css --style=compressed && sass assets/sass/components:assets/css/components --style=compressed && sass assets/sass/elements:assets/css/elements --style=compressed",
-    "compile:js": "rollup --environment BUNDLE:true --config rollup.config.cjs --sourcemap && terser --compress passes=2 --mangle --comments \"/^!/\" --source-map \"content=assets/js/scripts.bundle.js.map,includeSources,url=scripts.bundle.min.js.map\" --output assets/js/scripts.bundle.min.js assets/js/scripts.bundle.js",
-    "compile:ts": "node node_modules/typescript/bin/tsc --project tscompileconfig.json",
-    "compile": "npm run compile:sass && npm run compile:ts && npm run compile:js",
-    "watch:ts": "tsc-watch -p tscompileconfig.json",
-    "watch:sass": "sass --watch assets/sass/main.scss:assets/css/style.min.css assets/sass/core.scss:assets/css/core.min.css assets/sass/error.scss:assets/css/error.min.css assets/sass/components:assets/css/components assets/sass/components.reset.scss:assets/css/components.reset.min.css --style=compressed",
-    "watch": "concurrently \"npm run dev\" \"npm run watch:ts\" \"npm run watch:sass\" \"node local_modules/components.cjs\"",
-    "watch2": "npm run watch:ts && npm run watch:sass && node local_modules/components.cjs && npm run dev",
-    "copy:svg": "copyfiles -u 2 assets/svg/**/* public/svg && copyfiles -u 2 assets/svg/icons.svg public/svg && copyfiles -u 2 assets/svg/logo.svg public/svg",
-    "copy:img": "copyfiles -u 2 assets/img/* public/img && copyfiles -u 2 assets/img/**/* public/img && copyfiles -u 2 assets/img/**/**/* public/img",
-    "copy:fonts": "copyfiles -u 2 assets/fonts/**/* public/fonts",
-    "copy:icons": "copyfiles -u 2 assets/favicons/**/* public/",
-    "copy:css": "copyfiles -u 2 assets/css/**/* public/assets/css && copyfiles -u 2 assets/css/* public/assets/css",
-    "copy:utilities": "copyfiles -u 3 assets/sass/utilities/* public/utilities",
-    "copy:js": "copyfiles -u 2 assets/js/**/* public/assets/js",
-    "copy": "npm run copy:svg && npm run copy:img && npm run copy:fonts && npm run copy:icons && npm run copy:css && npm run copy:js && npm run copy:utilities",
-    "audit": "node local_modules/audit.cjs",
-    "gen:email": "sass assets/sass/email.scss assets/css/email.min.css --style=compressed && node local_modules/email-css.cjs",
-    "gen:error": "sass assets/sass/error.scss assets/css/error.min.css --style=compressed && node local_modules/error-css.cjs",
-    "test:unit": "node local_modules/test.cjs",
-    "test": "npm run test:unit",
-    "pull-request": "npm run test && npm run lint && npm run prettier && npm run compile && npm run audit",
-    "pr": "npm run pull-request",
-    "deploy:fonts": "copyfiles -u 2 assets/fonts/**/* public/assets/fonts",
-    "deploy:svg": "copyfiles -u 2 assets/svg/icons.svg public/svg && copyfiles -u 2 assets/svg/logo.svg public/svg",
-    "deploy:404": "node local_modules/create404.cjs",
-    "lint": "eslint assets/ts/scripts.ts assets/ts/components/**/*.ts assets/ts/modules/**/*.ts",
-    "lint:fix": "eslint assets/ts/scripts.ts assets/ts/components/**/*.ts assets/ts/modules/**/*.ts --fix",
-    "prettier": "prettier assets/ts assets/sass src docs --write"
-  },
-  "dependencies": {
-    "globals": "^15.14.0",
-    "js-cookie": "^3.0.5"
-  },
-  "devDependencies": {
-    "eslint": "^10.0.0",
-    "eslint-config-prettier": "^10.1.1",
-    "eslint-plugin-vue": "^10.7.0",
-    "prettier": "^3.8.0",
-    "typescript-eslint": "^8.53.0",
-    "unplugin-vue-markdown": "^28.3.1",
-    "@babel/cli": "^7.21.0",
-    "@babel/core": "^7.21.3",
-    "@babel/plugin-transform-runtime": "^7.21.0",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-typescript": "^7.21.0",
-    "@fullhuman/postcss-purgecss": "^5.0.0",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^28.0.3",
-    "@rollup/plugin-node-resolve": "^16.0.0",
-    "@rollup/plugin-replace": "^6.0.2",
-    "@rollup/plugin-terser": "^0.4.1",
-    "@rollup/plugin-typescript": "^12.1.2",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vue/test-utils": "^2.3.2",
-    "concurrently": "^9.1.2",
-    "copyfiles": "^2.4.1",
-    "cross-env": "^7.0.3",
-    "esbuild": "^0.25.0",
-    "path": "^0.12.7",
-    "postcss": "^8.4.21",
-    "postcss-css-variables": "^0.18.0",
-    "rollup-plugin-esbuild": "^6.2.1",
-    "sass": "^1.85.1",
-    "terser": "^5.39.0",
-    "ts-jest": "^29.0.5",
-    "ts-node-dev": "^2.0.0",
-    "tsc-watch": "^6.2.1",
-    "tslib": "^2.8.1",
-    "typescript": "^5.8.2",
-    "url": "^0.11.0",
-    "vite": "^7.1.5",
-    "vue": "^3.5.13",
-    "vue-router": "^4.5.0",
-    "vue-tsc": "^2.2.8"
-  },
-  "main": "./dist/components.umd.js",
-  "module": "./dist/components.es.js",
-  "files": [
-    "dist/components.umd.js",
-    "dist/components.es.js",
-    "dist/style.css",
-    "assets/*",
-    "src/*"
-  ],
-  "exports": {
-    ".": {
-      "import": "./dist/components.js",
-      "require": "./dist/components.umd.cjs"
-    }
-  },
-  "license": "UNLICENSED",
-  "registry-url": "https://registry.npmjs.com",
-  "repository": {
-    "type": "git",
-    "url": "git://github.com/iamproperty/iamproperty.github.io.git"
-  },
-  "localURL": "http://192.168.0.69:5173",
-  "type": "module"
-}
+{
+  "name": "@iamproperty/components",
+  "description": "Component library for iamproperty",
+  "author": {
+    "name": "iamproperty"
+  },
+  "private": false,
+  "version": "7.7.1--beta8",
+  "scripts": {
+    "reload": "vite --host",
+    "dev": "npm run copy && node local_modules/delete-assets.cjs && vite --host",
+    "build": "npm run test && node local_modules/delete-build-assets.cjs && npm run compile && vue-tsc --noEmit && vite build --mode lib",
+    "prepack": "npm run build",
+    "build:docs": "node local_modules/delete-build-assets.cjs && npm run compile && npm run copy && vue-tsc --noEmit && vite build",
+    "preview": "vite preview --host",
+    "compile:sass": "sass assets/sass/main.scss assets/css/style.min.css --style=compressed && sass assets/sass/core.scss assets/css/core.min.css --style=compressed && sass assets/sass/components:assets/css/components --style=compressed && sass assets/sass/elements:assets/css/elements --style=compressed",
+    "compile:js": "rollup --environment BUNDLE:true --config rollup.config.cjs --sourcemap && terser --compress passes=2 --mangle --comments \"/^!/\" --source-map \"content=assets/js/scripts.bundle.js.map,includeSources,url=scripts.bundle.min.js.map\" --output assets/js/scripts.bundle.min.js assets/js/scripts.bundle.js",
+    "compile:ts": "node node_modules/typescript/bin/tsc --project tscompileconfig.json",
+    "compile": "npm run compile:sass && npm run compile:ts && npm run compile:js",
+    "watch:ts": "tsc-watch -p tscompileconfig.json",
+    "watch:sass": "sass --watch assets/sass/main.scss:assets/css/style.min.css assets/sass/core.scss:assets/css/core.min.css assets/sass/error.scss:assets/css/error.min.css assets/sass/components:assets/css/components assets/sass/components.reset.scss:assets/css/components.reset.min.css --style=compressed",
+    "watch": "concurrently \"npm run dev\" \"npm run watch:ts\" \"npm run watch:sass\" \"node local_modules/components.cjs\"",
+    "watch2": "npm run watch:ts && npm run watch:sass && node local_modules/components.cjs && npm run dev",
+    "copy:svg": "copyfiles -u 2 assets/svg/**/* public/svg && copyfiles -u 2 assets/svg/icons.svg public/svg && copyfiles -u 2 assets/svg/logo.svg public/svg",
+    "copy:img": "copyfiles -u 2 assets/img/* public/img && copyfiles -u 2 assets/img/**/* public/img && copyfiles -u 2 assets/img/**/**/* public/img",
+    "copy:fonts": "copyfiles -u 2 assets/fonts/**/* public/fonts",
+    "copy:icons": "copyfiles -u 2 assets/favicons/**/* public/",
+    "copy:css": "copyfiles -u 2 assets/css/**/* public/assets/css && copyfiles -u 2 assets/css/* public/assets/css",
+    "copy:utilities": "copyfiles -u 3 assets/sass/utilities/* public/utilities",
+    "copy:js": "copyfiles -u 2 assets/js/**/* public/assets/js",
+    "copy": "npm run copy:svg && npm run copy:img && npm run copy:fonts && npm run copy:icons && npm run copy:css && npm run copy:js && npm run copy:utilities",
+    "audit": "node local_modules/audit.cjs",
+    "gen:email": "sass assets/sass/email.scss assets/css/email.min.css --style=compressed && node local_modules/email-css.cjs",
+    "gen:error": "sass assets/sass/error.scss assets/css/error.min.css --style=compressed && node local_modules/error-css.cjs",
+    "test:unit": "node local_modules/test.cjs",
+    "test": "npm run test:unit",
+    "pull-request": "npm run test && npm run lint && npm run prettier && npm run compile && npm run audit",
+    "pr": "npm run pull-request",
+    "deploy:fonts": "copyfiles -u 2 assets/fonts/**/* public/assets/fonts",
+    "deploy:svg": "copyfiles -u 2 assets/svg/icons.svg public/svg && copyfiles -u 2 assets/svg/logo.svg public/svg",
+    "deploy:404": "node local_modules/create404.cjs",
+    "lint": "eslint assets/ts/scripts.ts assets/ts/components/**/*.ts assets/ts/modules/**/*.ts",
+    "lint:fix": "eslint assets/ts/scripts.ts assets/ts/components/**/*.ts assets/ts/modules/**/*.ts --fix",
+    "prettier": "prettier assets/ts assets/sass src docs --write"
+  },
+  "dependencies": {
+    "globals": "^15.14.0",
+    "js-cookie": "^3.0.5"
+  },
+  "devDependencies": {
+    "eslint": "^10.0.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-vue": "^10.7.0",
+    "prettier": "^3.8.0",
+    "typescript-eslint": "^8.53.0",
+    "unplugin-vue-markdown": "^28.3.1",
+    "@babel/cli": "^7.21.0",
+    "@babel/core": "^7.21.3",
+    "@babel/plugin-transform-runtime": "^7.21.0",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-typescript": "^7.21.0",
+    "@fullhuman/postcss-purgecss": "^5.0.0",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@rollup/plugin-terser": "^0.4.1",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/test-utils": "^2.3.2",
+    "concurrently": "^9.1.2",
+    "copyfiles": "^2.4.1",
+    "cross-env": "^7.0.3",
+    "esbuild": "^0.25.0",
+    "path": "^0.12.7",
+    "postcss": "^8.4.21",
+    "postcss-css-variables": "^0.18.0",
+    "rollup-plugin-esbuild": "^6.2.1",
+    "sass": "^1.85.1",
+    "terser": "^5.39.0",
+    "ts-jest": "^29.0.5",
+    "ts-node-dev": "^2.0.0",
+    "tsc-watch": "^6.2.1",
+    "tslib": "^2.8.1",
+    "typescript": "^5.8.2",
+    "url": "^0.11.0",
+    "vite": "^7.1.5",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0",
+    "vue-tsc": "^2.2.8"
+  },
+  "main": "./dist/components.umd.js",
+  "module": "./dist/components.es.js",
+  "files": [
+    "dist/components.umd.js",
+    "dist/components.es.js",
+    "dist/style.css",
+    "assets/*",
+    "src/*"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/components.js",
+      "require": "./dist/components.umd.cjs"
+    }
+  },
+  "license": "UNLICENSED",
+  "registry-url": "https://registry.npmjs.com",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/iamproperty/iamproperty.github.io.git"
+  },
+  "localURL": "http://192.168.0.69:5173",
+  "type": "module"
+}

package/src/components/AdvancedSelect/AdvancedSelect.vue

@@ -1,29 +1,29 @@
-<script setup>
-  import { onMounted } from 'vue';
-
-  defineProps({
-    value: {
-      type: String,
-      default: '',
-    },
-  });
-
-  const component = 'advanced-select';
-
-  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-advanced-select :value="value">
-    <slot></slot>
-  </iam-advanced-select>
+<script setup>
+  import { onMounted } from 'vue';
+
+  defineProps({
+    value: {
+      type: String,
+      default: '',
+    },
+  });
+
+  const component = 'advanced-select';
+
+  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-advanced-select :value="value">
+    <slot></slot>
+  </iam-advanced-select>
 </template>

package/src/components/Config/Config.vue

@@ -1,23 +1,23 @@
-<script setup>
-  import { onMounted } from 'vue';
-
-  const component = 'config';
-
-  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>
-  <!-- Custom element -->
-  <iam-config>
-    <slot></slot>
-  </iam-config>
-</template>
+<script setup>
+  import { onMounted } from 'vue';
+
+  const component = 'config';
+
+  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>
+  <!-- Custom element -->
+  <iam-config>
+    <slot></slot>
+  </iam-config>
+</template>

package/src/components/DarkMode/DarkMode.vue

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

package/src/components/Filterlist/Filterlist.vue

@@ -1,23 +1,23 @@
-<script setup>
-  import { onMounted } from 'vue';
-
-  const component = 'filterlist';
-
-  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>
-  <!-- Custom element -->
-  <iam-filterlist>
-    <slot></slot>
-  </iam-filterlist>
-</template>
+<script setup>
+  import { onMounted } from 'vue';
+
+  const component = 'filterlist';
+
+  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>
+  <!-- Custom element -->
+  <iam-filterlist>
+    <slot></slot>
+  </iam-filterlist>
+</template>

package/src/components/Form/Form.vue

@@ -1,22 +1,22 @@
-<script setup>
-  import { onMounted } from 'vue';
-
-  const component = 'form';
-
-  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-form>
-    <slot></slot>
-  </iam-form>
-</template>
+<script setup>
+  import { onMounted } from 'vue';
+
+  const component = 'form';
+
+  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-form>
+    <slot></slot>
+  </iam-form>
+</template>

package/src/components/Header/Header.vue

@@ -1,36 +1,36 @@
-<script setup>
-  import { onMounted } from 'vue';
-
-  const props = defineProps({
-    title: {
-      type: String,
-      required: false,
-    },
-    image: {
-      type: String,
-      required: false,
-    },
-  });
-
-  const component = 'header';
-
-  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>
-  <!-- Custom element -->
-  <iam-header :image="image">
-    <slot name="breadcrumb"></slot>
-    <h1 v-if="title" v-html="title"></h1>
-    <slot></slot>
-  </iam-header>
-</template>
+<script setup>
+  import { onMounted } from 'vue';
+
+  const props = defineProps({
+    title: {
+      type: String,
+      required: false,
+    },
+    image: {
+      type: String,
+      required: false,
+    },
+  });
+
+  const component = 'header';
+
+  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>
+  <!-- Custom element -->
+  <iam-header :image="image">
+    <slot name="breadcrumb"></slot>
+    <h1 v-if="title" v-html="title"></h1>
+    <slot></slot>
+  </iam-header>
+</template>

package/src/components/Input/Input.vue

@@ -1,22 +1,22 @@
-<script setup>
-  import { onMounted } from 'vue';
-
-  const component = 'input';
-
-  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-input>
-    <slot></slot>
-  </iam-input>
-</template>
+<script setup>
+  import { onMounted } from 'vue';
+
+  const component = 'input';
+
+  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-input>
+    <slot></slot>
+  </iam-input>
+</template>

package/src/components/InputRange/InputRange.vue

@@ -1,22 +1,22 @@
-<script setup>
-  import { onMounted } from 'vue';
-
-  const component = 'input-range';
-
-  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-input-range>
-    <slot></slot>
-  </iam-input-range>
-</template>
+<script setup>
+  import { onMounted } from 'vue';
+
+  const component = 'input-range';
+
+  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-input-range>
+    <slot></slot>
+  </iam-input-range>
+</template>