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

package/dist/components.umd.js

@@ -866,13 +866,14 @@
           </div>
         </div>
       </div>
-      </dialog>`);const n=this.shadowRoot.querySelector("#search-button"),r=this.shadowRoot.querySelector("#search-close"),c=this.shadowRoot.querySelector("#search-dialog");this.hasAttribute("data-search-open")&&(c.setAttribute("open","open"),this.classList.add("search-open"),n.setAttribute("aria-expanded",!0)),n.addEventListener("click",()=>{c.setAttribute("open","open"),this.classList.add("search-open"),n.setAttribute("aria-expanded",!0)}),r.addEventListener("click",()=>{c.removeAttribute("open"),this.classList.remove("search-open"),n.removeAttribute("aria-expanded")})}if(this.classList.contains("nav--sticky")){let l=window.scrollY;window.onscroll=function(n){l<window.scrollY?document.body.setAttribute("data-direction","down"):document.body.setAttribute("data-direction","up"),window.scrollY>100?document.body.classList.add("past100"):document.body.classList.remove("past100"),l=window.scrollY}}}}},Symbol.toStringTag,{value:"Module"}));function ss(e){if(e.hasAttribute("data-type")&&e.getAttribute("data-type")=="toast"){let t=document.querySelector(".notification__holder");t||(t=document.createElement("div"),t.classList.add("notification__holder"),t.classList.add("container"),document.querySelector("body").appendChild(t)),e.closest(".notification__holder")||t.appendChild(e)}if(e.setAttribute("role","alert"),e.addEventListener("click",function(t){event&&event.target instanceof HTMLElement&&(event.target.closest("[data-dismiss-button]")||event.target.matches("[data-dismiss-button]"))&&(t.preventDefault(),na(e))},!1),e.hasAttribute("data-timeout")){const t=e.getAttribute("data-timeout"),a=new ls(function(){na(e)},t);e.addEventListener("mouseenter",()=>{a.pause()}),e.addEventListener("mouseleave",()=>{a.resume()})}}function ls(e,t){let a,i,o=t;this.pause=function(){window.clearTimeout(a),o-=new Date-i},this.resume=function(){i=new Date,window.clearTimeout(a),a=window.setTimeout(e,o)},this.resume()}const na=function(e){e.classList.add("d-none")},ds=e=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:e})},cs=(e,t,a)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),a.forEach(i=>{e.addEventListener(i,function(o){const s={event:i,element:t,target:o.target};Object.keys(o.detail).forEach(l=>{const n=o.detail[l];s[l]=n}),window.dataLayer.push(s)})}),!0);ds("iam-notification");const kt=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super(),this.addColour=(a,i)=>{a.hasAttribute("data-type")?a.classList.add(`bg-${i}`):a.classList.add(`colour-${i}`)},this.addIcon=(a,i)=>{switch(i){case"danger":a.insertAdjacentHTML("beforeend",'<i class="fa-solid fa-circle-exclamation" aria-hidden="true" slot="icon"></i>');break;case"warning":a.insertAdjacentHTML("beforeend",'<i class="fa-solid fa-triangle-exclamation" aria-hidden="true" slot="icon"></i>');break;case"success":a.insertAdjacentHTML("beforeend",'<i class="fa-solid fa-check-circle" aria-hidden="true" slot="icon"></i>');break;default:a.insertAdjacentHTML("beforeend",'<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>')}},this.addDismissBtn=a=>{var i;(i=a.shadowRoot.querySelector(".notification__dismiss"))===null||i===void 0||(i.innerHTML='<button data-dismiss-button part="dismiss-btn">Dismiss</button>'),a.shadowRoot.querySelector(".notification__dismiss [data-dismiss-button]").addEventListener("click",function(){na(a);const o=new CustomEvent("dismiss",{detail:{class:a.classList}});a.dispatchEvent(o)},!1)},this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=document.createElement("template");t.innerHTML=`
+      </dialog>`);const n=this.shadowRoot.querySelector("#search-button"),r=this.shadowRoot.querySelector("#search-close"),c=this.shadowRoot.querySelector("#search-dialog");this.hasAttribute("data-search-open")&&(c.setAttribute("open","open"),this.classList.add("search-open"),n.setAttribute("aria-expanded",!0)),n.addEventListener("click",()=>{c.setAttribute("open","open"),this.classList.add("search-open"),n.setAttribute("aria-expanded",!0)}),r.addEventListener("click",()=>{c.removeAttribute("open"),this.classList.remove("search-open"),n.removeAttribute("aria-expanded")})}if(this.classList.contains("nav--sticky")){let l=window.scrollY;window.onscroll=function(n){l<window.scrollY?document.body.setAttribute("data-direction","down"):document.body.setAttribute("data-direction","up"),window.scrollY>100?document.body.classList.add("past100"):document.body.classList.remove("past100"),l=window.scrollY}}}}},Symbol.toStringTag,{value:"Module"}));function ss(e){if(e.hasAttribute("data-type")&&e.getAttribute("data-type")=="toast"){let t=document.querySelector(".notification__holder");t||(t=document.createElement("div"),t.classList.add("notification__holder"),t.classList.add("container"),document.querySelector("body").appendChild(t)),e.closest(".notification__holder")||t.appendChild(e)}if(e.setAttribute("role","alert"),e.addEventListener("click",function(t){event&&event.target instanceof HTMLElement&&(event.target.closest("[data-dismiss-button]")||event.target.matches("[data-dismiss-button]"))&&(t.preventDefault(),na(e))},!1),e.hasAttribute("data-timeout")){const t=e.getAttribute("data-timeout"),a=new ls(function(){na(e)},t);e.addEventListener("mouseenter",()=>{a.pause()}),e.addEventListener("mouseleave",()=>{a.resume()})}}function ls(e,t){let a,i,o=t;this.pause=function(){window.clearTimeout(a),o-=new Date-i},this.resume=function(){i=new Date,window.clearTimeout(a),a=window.setTimeout(e,o)},this.resume()}const na=function(e){e.classList.add("d-none")},ds=e=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:e})},cs=(e,t,a)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),a.forEach(i=>{e.addEventListener(i,function(o){const s={event:i,element:t,target:o.target};Object.keys(o.detail).forEach(l=>{const n=o.detail[l];s[l]=n}),window.dataLayer.push(s)})}),!0);ds("iam-notification");const kt=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super(),this.addColour=(a,i)=>{a.hasAttribute("data-type")?a.classList.add(`bg-${i}`):a.classList.add(`colour-${i}`)},this.addIcon=(a,i)=>{switch(i){case"danger":a.insertAdjacentHTML("beforeend",'<i class="fa-solid fa-circle-exclamation" aria-hidden="true" slot="icon"></i>');break;case"warning":a.insertAdjacentHTML("beforeend",'<i class="fa-solid fa-triangle-exclamation" aria-hidden="true" slot="icon"></i>');break;case"success":a.insertAdjacentHTML("beforeend",'<i class="fa-solid fa-check-circle" aria-hidden="true" slot="icon"></i>');break;default:a.insertAdjacentHTML("beforeend",'<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>')}},this.addDismissBtn=a=>{var i;(i=a.shadowRoot.querySelector(".notification__dismiss"))===null||i===void 0||(i.innerHTML='<button data-dismiss-button part="dismiss-btn" class="btn btn-secondary btn-compact fa-xmark">Dismiss</button>'),a.shadowRoot.querySelector(".notification__dismiss [data-dismiss-button]").addEventListener("click",function(){na(a);const o=new CustomEvent("dismiss",{detail:{class:a.classList}});a.dispatchEvent(o)},!1)},this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=document.createElement("template");t.innerHTML=`
     <style>
-    :host,.iam-notification{display:block;padding:1.375rem 1.5rem 1.375rem 1rem;border-radius:.5rem;box-shadow:2px 6px 12px rgba(0,0,0,.2);margin-bottom:1rem;font-size:.9375rem;border:2px solid var(--colour, var(--colour-info));outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);background:var(--colour-notification-bg)}:host ::slotted(i),:host i,.iam-notification ::slotted(i),.iam-notification i{color:var(--colour, currentColor)}:host(:not(.bg-danger)){color-scheme:light;color:var(--colour-heading)}:host([data-type]),.iam-notification[data-type]{border:2px solid rgba(0,0,0,0)}:host([class*=colour-]){--bg-colour: color-mix(in oklab, var(--colour), #ffffff 80%) !important;background:var(--bg-colour);--colour-heading: var(--colour-primary-theme);--colour-body: var(--colour-primary-theme)}:host([class*=colour-])>*{color-scheme:light}:host(.bg-white),.iam-notification.bg-white{border:none;border-left:.5rem solid var(--colour-info)}:host(.bg-white) ::slotted(i),:host(.bg-white) i,.iam-notification.bg-white ::slotted(i),.iam-notification.bg-white i{color:var(--colour-info)}:host(.bg-danger) .notification{color:var(--colour-white)}:host([data-type=alert]),.iam-notification[data-type=alert]{border-radius:0;position:fixed;top:var(--nav-height);left:0;right:0;z-index:calc(var(--index-menu) - 1);margin-bottom:0}:host([data-type=toast]),.iam-notification[data-type=toast]{margin:auto;display:block;width:100%;max-width:22.5rem}:host([data-type=toast].notification--dismissable){max-width:28.375rem}.notification{container-type:inline-size;display:flex;flex-wrap:nowrap;color:var(--colour-heading)}.notification .notification__icon{margin-inline-end:1rem;flex-grow:0}.notification .notification__icon ::slotted(i){font-size:1.125rem}.notification .notification__inner{display:flex;flex-wrap:wrap;flex-grow:1}@container (width > 23.4375em){.notification .notification__inner{flex-wrap:nowrap}}.notification .notification__text{flex-grow:1;flex-shrink:1;width:100%}.notification .notification__btns.empty{display:none}.notification .notification__btns{flex-grow:0;flex-shrink:0;--colour-underline: currentColor}.notification .notification__btns ::slotted(a),.notification .notification__btns ::slotted(button),.notification .notification__btns>*{margin:1rem 1rem 0 0 !important}@container (width > 23.4375em){.notification .notification__btns{display:flex;align-items:center;border-left:1px solid currentColor;margin-left:2rem}.notification .notification__btns ::slotted(a),.notification .notification__btns ::slotted(button),.notification .notification__btns>*{margin:0 0 0 2rem !important}}.notification .notification__dismiss:empty{display:none}.notification .notification__dismiss{flex-grow:0;padding-left:1rem}.notification .notification__dismiss button{text-indent:300%;overflow:hidden;border:none;height:1.125rem;width:1.125rem;background:rgba(0,0,0,0);display:inline-block;position:relative;color:inherit}.notification .notification__dismiss button:after{content:"";top:0;left:0;position:absolute;display:block;height:1.125rem;width:1.125rem;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-close);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-close);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}@container (width > 23.4375em){.notification .notification__dismiss{padding-left:2rem;display:flex;align-items:center}}:host(.notification--no-icon) .notification__icon{display:none}:host(.notification--no-bg){box-shadow:none;background:none !important;padding:0;border:0 !important}/*# sourceMappingURL=assets/css/components/notification.css.map */
+    @layer elements{button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button:focus:not(:focus-visible){outline:0}:is(button,[type=button],[type=reset],[type=submit],[role=button]){-webkit-appearance:button;&:not(:disabled){cursor:pointer}}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap;&:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}&:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}&:not(:last-child){margin-right:var(--btn-margin)}}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.btn-complete{--colour: var(--colour-success);--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn-complete,.btn.btn-complete:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem;&:before{content:"";font-family:"Font Awesome 7 Pro";margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn{&[class*=fa-]:before{content:var(--fa);font-family:"Font Awesome 7 Pro"}&[class*=fa-after]{padding-right:4rem}&[class*=fa-after]:before{margin-right:0;margin-right:.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}&:not(.btn-compact):before{margin-right:1rem}i[class*=fa-]{--fa-width: 1em;font-family:"Font Awesome 7 Pro";margin-right:1rem;line-height:1em;font-style:inherit;&:not(:first-child){margin-left:1rem;margin-right:0}}}.btn.btn--prompt{&:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active){&:after{margin-left:1.5rem;margin-right:-0.5rem}}.btn-filter{&:after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:"Font Awesome 7 Pro"}}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;align-content:center;line-height:1 !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem;&:not(:last-child){margin-right:.5rem}&:before{content:var(--fa);position:absolute;display:block;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - .25rem);font-weight:900}[class*=fa-]:before{line-height:calc(var(--compact-size) - .25rem);@container style(--theme: dark){color:white}}&.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}&.btn-action{--compact-size: 2rem;font-size:1rem;&:before{font-size:1em;font-weight:400}}&.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:transparent;&:not([class*=colour-]){--colour: var(--colour-light)}}&.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour);&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}}&[data-number]{position:relative}&[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:white;letter-spacing:-0.1em;font-family:arial,sans-serif}}.btn-compact{&:is(.fa-left,.fa-chevron-left,.fa-right,.fa-chevron-right,.fa-up,.fa-chevron-up,.fa-down,.fa-chevron-down,.fa-plus,.fa-bars,.fa-edit,.fa-envelope,.fa-calendar){--iso-display: block;--iso-font-size: 1.5rem;--iso-border-radius: 50%;--iso-text-indent: -500px}}@container style(--font-body){.btn-compact{font-size:var(--iso-font-size, 0.6rem) !important;text-indent:var(--iso-text-indent, 0px);white-space:initial;&:not(.btn-action){border-radius:var(--iso-border-radius, 0.25rem) !important}&:before{display:var(--iso-display, none);font-family:monospace !important;content:var(--iso) !important}}}@container style(--fa-font-regular){.btn-compact{text-indent:-500px;font-size:1rem !important;&:not(.btn-action){border-radius:50% !important}&:before{font-family:"Font Awesome 7 Pro" !important;content:var(--fa) !important;display:block}}}}:host,.iam-notification{display:block;padding:1.375rem 1.5rem 1.375rem 1rem;border-radius:.5rem;box-shadow:2px 6px 12px rgba(0,0,0,.2);margin-bottom:1rem;font-size:.9375rem;border:2px solid var(--colour, var(--colour-info));outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);background:var(--colour-notification-bg)}:host ::slotted(i),:host i,.iam-notification ::slotted(i),.iam-notification i{color:var(--colour, currentColor)}:host(:not(.bg-danger)){color-scheme:light;color:var(--colour-heading)}:host([data-type]),.iam-notification[data-type]{border:2px solid rgba(0,0,0,0)}:host([class*=colour-]){--bg-colour: color-mix(in oklab, var(--colour), #ffffff 80%) !important;background:var(--bg-colour);--colour-heading: var(--colour-primary-theme);--colour-body: var(--colour-primary-theme)}:host([class*=colour-])>*{color-scheme:light}:host(.bg-white),.iam-notification.bg-white{border:none;border-left:.5rem solid var(--colour-info)}:host(.bg-white) ::slotted(i),:host(.bg-white) i,.iam-notification.bg-white ::slotted(i),.iam-notification.bg-white i{color:var(--colour-info)}:host(.bg-danger) .notification{color:var(--colour-white)}:host([data-type=alert]),.iam-notification[data-type=alert]{border-radius:0;position:fixed;top:var(--nav-height);left:0;right:0;z-index:calc(var(--index-menu) - 1);margin-bottom:0}:host([data-type=toast]),.iam-notification[data-type=toast]{margin:auto;display:block;width:100%;max-width:22.5rem}:host([data-type=toast].notification--dismissable){max-width:28.375rem}.notification{container-type:inline-size;display:flex;flex-wrap:nowrap;color:var(--colour-heading)}.notification .notification__icon{margin-inline-end:1rem;flex-grow:0}.notification .notification__icon ::slotted(i){font-size:1.125rem}.notification .notification__inner{display:flex;flex-wrap:wrap;flex-grow:1}@container (width > 23.4375em){.notification .notification__inner{flex-wrap:nowrap}}.notification .notification__text{flex-grow:1;flex-shrink:1;width:100%}.notification .notification__btns.empty{display:none}.notification .notification__btns{flex-grow:0;flex-shrink:0;--colour-underline: currentColor}.notification .notification__btns ::slotted(a),.notification .notification__btns ::slotted(button),.notification .notification__btns>*{margin:1rem 1rem 0 0 !important}@container (width > 23.4375em){.notification .notification__btns{display:flex;align-items:center;border-left:1px solid currentColor;margin-left:2rem}.notification .notification__btns ::slotted(a),.notification .notification__btns ::slotted(button),.notification .notification__btns>*{margin:0 0 0 2rem !important}}.notification .notification__dismiss:empty{display:none}.notification .notification__dismiss{flex-grow:0;padding-left:1rem}.notification .notification__dismiss button{display:inline-block;position:relative;margin:0;color:currentColor}.notification .notification__dismiss button:hover{color:var(--colour-primary-theme)}.notification .notification__dismiss button:before{font-weight:lighter;font-size:1.5rem}@container (width > 23.4375em){.notification .notification__dismiss{padding-left:2rem;display:flex;align-items:center}}:host(.notification--no-icon) .notification__icon{display:none}:host(.notification--no-bg){box-shadow:none;background:none !important;padding:0;border:0 !important}/*# sourceMappingURL=assets/css/components/notification.css.map */
 
     ${this.hasAttribute("data-css")?`${this.getAttribute("data-css")}`:""}
     </style>
 
+    <link rel="stylesheet" href="https://kit.fontawesome.com/8bd0fca975.css" crossorigin="anonymous">
     <div class="notification">
       <div class="notification__icon"><slot name="icon"></slot></div>
       <div class="notification__inner"><div class="notification__text"><slot></slot></div><div class="notification__btns"><slot name="btns"></slot></div></div>

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--beta7",
+  "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>