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

package/assets/favicons/manifest.json

@@ -1,32 +1,32 @@
-{
-  "name" : "iamkey design system & framework",
-	"short_name" : "iamkey",
-	"description" : "The single source of truth which groups all the elements that will allow the iam property team to design, realize and develop great digital products.",
-  "theme_color": "#00313c",
-  "background_color": "#00313c",
-  "display": "standalone",
-  "start_url": "/",
-  "icons": [
-    {
-      "src": "apple-touch-icon.png",
-      "sizes": "180x180",
-      "type": "image/png"
-    },
-    {
-      "src": "android-chrome-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "android-chrome-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    },
-    {
-      "src": "android-chrome-512x512-bg.png",
-      "sizes": "512x512",
-      "type": "image/png",
-      "purpose": "maskable"
-    }
-  ]
+{
+  "name" : "iamkey design system & framework",
+	"short_name" : "iamkey",
+	"description" : "The single source of truth which groups all the elements that will allow the iam property team to design, realize and develop great digital products.",
+  "theme_color": "#00313c",
+  "background_color": "#00313c",
+  "display": "standalone",
+  "start_url": "/",
+  "icons": [
+    {
+      "src": "apple-touch-icon.png",
+      "sizes": "180x180",
+      "type": "image/png"
+    },
+    {
+      "src": "android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "android-chrome-512x512-bg.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
 }

package/assets/favicons/safari-pinned-tab.svg

@@ -1,35 +1,35 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.14, written by Peter Selinger 2001-2017
-</metadata>
-<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M900 3600 c-87 -24 -144 -96 -143 -181 3 -166 197 -247 314 -130 66
-65 74 160 21 235 -42 60 -127 94 -192 76z"/>
-<path d="M1663 3115 c-200 -47 -374 -233 -417 -445 -13 -64 -14 -184 -2 -249
-34 -178 161 -344 323 -418 61 -28 186 -55 225 -48 13 2 42 6 65 9 60 7 140 43
-206 92 31 24 59 44 61 44 2 0 2 -15 1 -32 -2 -18 3 -43 11 -55 14 -22 21 -23
-138 -23 102 0 126 3 137 16 11 14 14 112 14 532 1 464 -1 517 -16 536 -15 18
--29 20 -125 21 -149 2 -161 -5 -160 -87 l1 -37 -35 33 c-46 44 -105 80 -166
-101 -62 21 -193 27 -261 10z m267 -291 c65 -23 127 -81 160 -149 21 -42 25
--64 24 -135 0 -71 -4 -93 -26 -136 -40 -76 -116 -139 -193 -159 -142 -37 -285
-30 -357 167 -18 35 -22 60 -22 128 -1 73 3 92 26 136 76 144 232 204 388 148z"/>
-<path d="M3120 3106 c-68 -19 -133 -53 -179 -92 l-41 -36 0 39 c0 71 -10 75
--150 75 -107 -1 -126 -3 -137 -18 -10 -14 -13 -129 -13 -535 0 -457 2 -519 16
--533 23 -23 245 -23 268 0 14 13 16 57 17 317 0 166 3 313 5 327 15 81 92 169
-164 188 88 22 197 -9 243 -70 57 -74 60 -96 63 -436 2 -226 6 -317 14 -327 10
--12 40 -15 136 -15 112 0 124 2 137 20 11 16 14 78 14 318 1 323 5 357 54 429
-71 102 230 120 328 37 83 -71 90 -110 92 -478 1 -246 4 -299 16 -311 22 -22
-245 -21 267 1 14 13 16 61 16 374 0 327 -2 363 -20 421 -60 196 -233 323 -431
-318 -158 -4 -263 -42 -350 -129 l-55 -55 -55 56 c-58 61 -115 94 -194 115 -62
-17 -165 16 -225 0z"/>
-<path d="M820 3088 c-10 -4 -21 -12 -25 -18 -3 -6 -7 -245 -7 -531 0 -392 3
--523 12 -534 10 -12 40 -15 136 -15 117 0 124 1 138 23 13 18 15 100 15 522 0
-336 -3 509 -11 528 -8 21 -17 27 -42 28 -166 3 -200 3 -216 -3z"/>
-</g>
-</svg>
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M900 3600 c-87 -24 -144 -96 -143 -181 3 -166 197 -247 314 -130 66
+65 74 160 21 235 -42 60 -127 94 -192 76z"/>
+<path d="M1663 3115 c-200 -47 -374 -233 -417 -445 -13 -64 -14 -184 -2 -249
+34 -178 161 -344 323 -418 61 -28 186 -55 225 -48 13 2 42 6 65 9 60 7 140 43
+206 92 31 24 59 44 61 44 2 0 2 -15 1 -32 -2 -18 3 -43 11 -55 14 -22 21 -23
+138 -23 102 0 126 3 137 16 11 14 14 112 14 532 1 464 -1 517 -16 536 -15 18
+-29 20 -125 21 -149 2 -161 -5 -160 -87 l1 -37 -35 33 c-46 44 -105 80 -166
+101 -62 21 -193 27 -261 10z m267 -291 c65 -23 127 -81 160 -149 21 -42 25
+-64 24 -135 0 -71 -4 -93 -26 -136 -40 -76 -116 -139 -193 -159 -142 -37 -285
+30 -357 167 -18 35 -22 60 -22 128 -1 73 3 92 26 136 76 144 232 204 388 148z"/>
+<path d="M3120 3106 c-68 -19 -133 -53 -179 -92 l-41 -36 0 39 c0 71 -10 75
+-150 75 -107 -1 -126 -3 -137 -18 -10 -14 -13 -129 -13 -535 0 -457 2 -519 16
+-533 23 -23 245 -23 268 0 14 13 16 57 17 317 0 166 3 313 5 327 15 81 92 169
+164 188 88 22 197 -9 243 -70 57 -74 60 -96 63 -436 2 -226 6 -317 14 -327 10
+-12 40 -15 136 -15 112 0 124 2 137 20 11 16 14 78 14 318 1 323 5 357 54 429
+71 102 230 120 328 37 83 -71 90 -110 92 -478 1 -246 4 -299 16 -311 22 -22
+245 -21 267 1 14 13 16 61 16 374 0 327 -2 363 -20 421 -60 196 -233 323 -431
+318 -158 -4 -263 -42 -350 -129 l-55 -55 -55 56 c-58 61 -115 94 -194 115 -62
+17 -165 16 -225 0z"/>
+<path d="M820 3088 c-10 -4 -21 -12 -25 -18 -3 -6 -7 -245 -7 -531 0 -392 3
+-523 12 -534 10 -12 40 -15 136 -15 117 0 124 1 138 23 13 18 15 100 15 522 0
+336 -3 509 -11 528 -8 21 -17 27 -42 28 -166 3 -200 3 -216 -3z"/>
+</g>
+</svg>

package/assets/favicons/site.webmanifest

@@ -1,20 +1,20 @@
-{
-    "name": "iamproperty",
-    "short_name": "iamproperty",
-    "icons": [
-        {
-            "src": "/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "/android-chrome-512x512.png",
-            "sizes": "512x512",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#00313c",
-    "background_color": "#00313c",
-    "start_url": "https://iamproperty.github.io",
-    "display": "standalone"
-}
+{
+    "name": "iamproperty",
+    "short_name": "iamproperty",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#00313c",
+    "background_color": "#00313c",
+    "start_url": "https://iamproperty.github.io",
+    "display": "standalone"
+}

package/assets/js/components/accordion/accordion.component.js

@@ -6,20 +6,20 @@ class iamAccordion extends HTMLElement {
         super();
         this.attachShadow({ mode: 'open' });
         const template = document.createElement('template');
-        template.innerHTML = /* HTML */ `
-      <style>
-
-        :host {
-          margin-bottom: 2.5rem;
-          display: block;
-        }
-
-        ::slotted(details) {
-          --border-radius: 0 !important;
-          padding-bottom: 0 !important;
-        }
-      </style>
-      <slot></slot>
+        template.innerHTML = /* HTML */ `
+      <style>
+
+        :host {
+          margin-bottom: 2.5rem;
+          display: block;
+        }
+
+        ::slotted(details) {
+          --border-radius: 0 !important;
+          padding-bottom: 0 !important;
+        }
+      </style>
+      <slot></slot>
     `;
         (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(template.content.cloneNode(true));
     }

package/assets/js/components/accordion/accordion.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta6
+  * iamKey v7.7.1--beta7
   * Copyright 2022-2026 iamproperty
   */const c=i=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:i})},r=(i,o,n)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:o}),n.forEach(d=>{i.addEventListener(d,function(e){const t={event:d,element:o,target:e.target};Object.keys(e.detail).forEach(a=>{const s=e.detail[a];t[a]=s}),window.dataLayer.push(t)})}),!0);c("iam-accordion");class l extends HTMLElement{constructor(){var o;super(),this.attachShadow({mode:"open"});const n=document.createElement("template");n.innerHTML=`
       <style>

package/assets/js/components/accordion/accordion.component.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.component.min.js","sources":["../_global.js","accordion.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","import { trackComponent, trackComponentRegistered } from '../_global';\ntrackComponentRegistered('iam-accordion');\nclass iamAccordion extends HTMLElement {\n    constructor() {\n        var _a;\n        super();\n        this.attachShadow({ mode: 'open' });\n        const template = document.createElement('template');\n        template.innerHTML = /* HTML */ `\r\n      <style>\r\n\r\n        :host {\r\n          margin-bottom: 2.5rem;\r\n          display: block;\r\n        }\r\n\r\n        ::slotted(details) {\r\n          --border-radius: 0 !important;\r\n          padding-bottom: 0 !important;\r\n        }\r\n      </style>\r\n      <slot></slot>\r\n    `;\n        (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const accordionComponent = this;\n        trackComponent(accordionComponent, 'iam-accordion', ['accordion-item-closed', 'accordion-item-opened']);\n        const details = this.querySelectorAll(':scope > details');\n        if (!this.classList.contains('accordion--keep-open') && !this.querySelector('details[name]')) {\n            // Add the toggle listeners.\n            details.forEach((targetDetail) => {\n                targetDetail.addEventListener('toggle', () => {\n                    // Close all the details that are not targetDetail.\n                    details.forEach((detail) => {\n                        if (detail !== targetDetail && targetDetail.hasAttribute('open')) {\n                            detail.removeAttribute('open');\n                        }\n                    });\n                });\n            });\n        }\n        // Fire tracking events\n        details.forEach((targetDetail) => {\n            const summaryEle = targetDetail.querySelector('summary');\n            const summaryText = summaryEle === null || summaryEle === void 0 ? void 0 : summaryEle.innerText;\n            targetDetail.addEventListener('toggle', () => {\n                if (targetDetail === null || targetDetail === void 0 ? void 0 : targetDetail.hasAttribute('open')) {\n                    itemInteractionEvent('accordion-item-opened', summaryText);\n                }\n                else {\n                    itemInteractionEvent('accordion-item-closed', summaryText);\n                }\n            });\n        });\n        const itemInteractionEvent = function (eventName, itemSummary) {\n            const customEvent = new CustomEvent(eventName, {\n                detail: {\n                    title: itemSummary,\n                },\n            });\n            accordionComponent.dispatchEvent(customEvent);\n        };\n    }\n}\nexport default iamAccordion;\n"],"names":["trackComponentRegistered","componentName","trackComponent","component","trackEvents","eventName","event","eventDetails","eventKey","eventDetail","iamAccordion","_a","template","accordionComponent","details","targetDetail","detail","summaryEle","summaryText","itemInteractionEvent","itemSummary","customEvent"],"mappings":";;;IAAO,MAAMA,EAA4BC,GAAkB,CAEvD,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,0BACP,QAASA,CACjB,CAAK,CACL,EACaC,EAAiB,CAACC,EAAWF,EAAeG,KAErD,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,qBACP,QAASH,CACjB,CAAK,EACDG,EAAY,QAASC,GAAc,CAC/BF,EAAU,iBAAiBE,EAAW,SAAUC,EAAO,CACnD,MAAMC,EAAe,CACjB,MAAOF,EACP,QAASJ,EACT,OAAQK,EAAM,MAC9B,EACY,OAAO,KAAKA,EAAM,MAAM,EAAE,QAASE,GAAa,CAC5C,MAAMC,EAAcH,EAAM,OAAOE,CAAQ,EACzCD,EAAaC,CAAQ,EAAIC,CAC7B,CAAC,EACD,OAAO,UAAU,KAAKF,CAAY,CACtC,CAAC,CACL,CAAC,EACM,IC5BXP,EAAyB,eAAe,EACxC,MAAMU,UAAqB,WAAY,CACnC,aAAc,CACV,IAAIC,EACJ,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EAClC,MAAMC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAe/BD,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,YAAYC,EAAS,QAAQ,UAAU,EAAI,CAAC,CAC/G,CACA,mBAAoB,CAEhB,MAAMC,EAAqB,KAC3BX,EAAeW,EAAoB,gBAAiB,CAAC,wBAAyB,uBAAuB,CAAC,EACtG,MAAMC,EAAU,KAAK,iBAAiB,kBAAkB,EACpD,CAAC,KAAK,UAAU,SAAS,sBAAsB,GAAK,CAAC,KAAK,cAAc,eAAe,GAEvFA,EAAQ,QAASC,GAAiB,CAC9BA,EAAa,iBAAiB,SAAU,IAAM,CAE1CD,EAAQ,QAASE,GAAW,CACpBA,IAAWD,GAAgBA,EAAa,aAAa,MAAM,GAC3DC,EAAO,gBAAgB,MAAM,CAErC,CAAC,CACL,CAAC,CACL,CAAC,EAGLF,EAAQ,QAASC,GAAiB,CAC9B,MAAME,EAAaF,EAAa,cAAc,SAAS,EACjDG,EAAsED,GAAW,UACvFF,EAAa,iBAAiB,SAAU,IAAM,CACsBA,GAAa,aAAa,MAAM,EAC5FI,EAAqB,wBAAyBD,CAAW,EAGzDC,EAAqB,wBAAyBD,CAAW,CAEjE,CAAC,CACL,CAAC,EACD,MAAMC,EAAuB,SAAUd,EAAWe,EAAa,CAC3D,MAAMC,EAAc,IAAI,YAAYhB,EAAW,CAC3C,OAAQ,CACJ,MAAOe,CAC3B,CACA,CAAa,EACDP,EAAmB,cAAcQ,CAAW,CAChD,CACJ,CACJ"}
+{"version":3,"file":"accordion.component.min.js","sources":["../_global.js","accordion.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","import { trackComponent, trackComponentRegistered } from '../_global';\ntrackComponentRegistered('iam-accordion');\nclass iamAccordion extends HTMLElement {\n    constructor() {\n        var _a;\n        super();\n        this.attachShadow({ mode: 'open' });\n        const template = document.createElement('template');\n        template.innerHTML = /* HTML */ `\n      <style>\n\n        :host {\n          margin-bottom: 2.5rem;\n          display: block;\n        }\n\n        ::slotted(details) {\n          --border-radius: 0 !important;\n          padding-bottom: 0 !important;\n        }\n      </style>\n      <slot></slot>\n    `;\n        (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const accordionComponent = this;\n        trackComponent(accordionComponent, 'iam-accordion', ['accordion-item-closed', 'accordion-item-opened']);\n        const details = this.querySelectorAll(':scope > details');\n        if (!this.classList.contains('accordion--keep-open') && !this.querySelector('details[name]')) {\n            // Add the toggle listeners.\n            details.forEach((targetDetail) => {\n                targetDetail.addEventListener('toggle', () => {\n                    // Close all the details that are not targetDetail.\n                    details.forEach((detail) => {\n                        if (detail !== targetDetail && targetDetail.hasAttribute('open')) {\n                            detail.removeAttribute('open');\n                        }\n                    });\n                });\n            });\n        }\n        // Fire tracking events\n        details.forEach((targetDetail) => {\n            const summaryEle = targetDetail.querySelector('summary');\n            const summaryText = summaryEle === null || summaryEle === void 0 ? void 0 : summaryEle.innerText;\n            targetDetail.addEventListener('toggle', () => {\n                if (targetDetail === null || targetDetail === void 0 ? void 0 : targetDetail.hasAttribute('open')) {\n                    itemInteractionEvent('accordion-item-opened', summaryText);\n                }\n                else {\n                    itemInteractionEvent('accordion-item-closed', summaryText);\n                }\n            });\n        });\n        const itemInteractionEvent = function (eventName, itemSummary) {\n            const customEvent = new CustomEvent(eventName, {\n                detail: {\n                    title: itemSummary,\n                },\n            });\n            accordionComponent.dispatchEvent(customEvent);\n        };\n    }\n}\nexport default iamAccordion;\n"],"names":["trackComponentRegistered","componentName","trackComponent","component","trackEvents","eventName","event","eventDetails","eventKey","eventDetail","iamAccordion","_a","template","accordionComponent","details","targetDetail","detail","summaryEle","summaryText","itemInteractionEvent","itemSummary","customEvent"],"mappings":";;;IAAO,MAAMA,EAA4BC,GAAkB,CAEvD,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,0BACP,QAASA,CACjB,CAAK,CACL,EACaC,EAAiB,CAACC,EAAWF,EAAeG,KAErD,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,qBACP,QAASH,CACjB,CAAK,EACDG,EAAY,QAASC,GAAc,CAC/BF,EAAU,iBAAiBE,EAAW,SAAUC,EAAO,CACnD,MAAMC,EAAe,CACjB,MAAOF,EACP,QAASJ,EACT,OAAQK,EAAM,MAC9B,EACY,OAAO,KAAKA,EAAM,MAAM,EAAE,QAASE,GAAa,CAC5C,MAAMC,EAAcH,EAAM,OAAOE,CAAQ,EACzCD,EAAaC,CAAQ,EAAIC,CAC7B,CAAC,EACD,OAAO,UAAU,KAAKF,CAAY,CACtC,CAAC,CACL,CAAC,EACM,IC5BXP,EAAyB,eAAe,EACxC,MAAMU,UAAqB,WAAY,CACnC,aAAc,CACV,IAAIC,EACJ,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EAClC,MAAMC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAe/BD,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,YAAYC,EAAS,QAAQ,UAAU,EAAI,CAAC,CAC/G,CACA,mBAAoB,CAEhB,MAAMC,EAAqB,KAC3BX,EAAeW,EAAoB,gBAAiB,CAAC,wBAAyB,uBAAuB,CAAC,EACtG,MAAMC,EAAU,KAAK,iBAAiB,kBAAkB,EACpD,CAAC,KAAK,UAAU,SAAS,sBAAsB,GAAK,CAAC,KAAK,cAAc,eAAe,GAEvFA,EAAQ,QAASC,GAAiB,CAC9BA,EAAa,iBAAiB,SAAU,IAAM,CAE1CD,EAAQ,QAASE,GAAW,CACpBA,IAAWD,GAAgBA,EAAa,aAAa,MAAM,GAC3DC,EAAO,gBAAgB,MAAM,CAErC,CAAC,CACL,CAAC,CACL,CAAC,EAGLF,EAAQ,QAASC,GAAiB,CAC9B,MAAME,EAAaF,EAAa,cAAc,SAAS,EACjDG,EAAsED,GAAW,UACvFF,EAAa,iBAAiB,SAAU,IAAM,CACsBA,GAAa,aAAa,MAAM,EAC5FI,EAAqB,wBAAyBD,CAAW,EAGzDC,EAAqB,wBAAyBD,CAAW,CAEjE,CAAC,CACL,CAAC,EACD,MAAMC,EAAuB,SAAUd,EAAWe,EAAa,CAC3D,MAAMC,EAAc,IAAI,YAAYhB,EAAW,CAC3C,OAAQ,CACJ,MAAOe,CAC3B,CACA,CAAa,EACDP,EAAmB,cAAcQ,CAAW,CAChD,CACJ,CACJ"}

package/assets/js/components/actionbar/actionbar.component.js

@@ -39,72 +39,72 @@ class iamActionbar extends HTMLElement {
         const loadCSS = `@import "${assetLocation}/css/components/actionbar.component.css";`;
         const loadExtraCSS = `@import "${assetLocation}/css/components/actionbar.global.css";`;
         const template = document.createElement('template');
-        template.innerHTML = `
-    <style>
-    ${loadCSS}
-    ${this.hasAttribute('css') ? `@import "${this.getAttribute('css')}";` : ``}
-    </style>
-    <link rel="stylesheet" href="https://kit.fontawesome.com/8bd0fca975.css" crossorigin="anonymous">
-    <div class="actionbar__wrapper">
-    
-      <div class="actionbar" part="actionbar">
-        <slot name="selectall"></slot>
-        <slot name="filters"></slot>
-        <div class="safe-area">
-          <slot></slot>
-          <div class="body">
-            <div class="menu__wrapper  menu__wrapper --right dialog-overflow d-none show">
-              <button class="btn btn-secondary btn-compact btn-sm fa-ellipsis-vertical m-0" popovertarget="overflow" style="anchor-name: --anchor-overflow;">More actions</button>
-              <iam-menu class="dialog--list" part="overflow" id="overflow" style="position-anchor: --anchor-overflow;" popover>
-                <slot name="overflow"></slot>
-                <slot name="menu"></slot>
-              </iam-menu>
-            </div>
-
-
-            <div class="menu__wrapper  menu__wrapper --right filter-columns">
-              <button class="btn btn-secondary btn-compact btn-sm mb-0 me-0 fa-regular fa-table-columns" title="Select colums" popovertarget="filter" style="anchor-name: --anchor-filter;">Filter</button>
-              <iam-menu class="dialog--list" id="filter" style="position-anchor: --anchor-filter;" popover>
-                <div class="pb-0 mb-0 checklists">
-                  
-                </div>
-                <div class="text-right checklist-btns"><button id="cancelColumns" class="btn btn-action">Cancel</button><button id="saveColumns" class="btn btn-action btn-secondary">Save</button></div>
-              </iam-menu>
-            </div>
-
-            <button class="btn btn-secondary btn-compact btn-sm fa-search" data-search="" part="search-btn">Search</button>
-          </div>
-        </div>
-      </div>
-      <div class="actionbar--selected">
-        <div class="safe-area">
-          <slot name="selected"></slot>
-          <div class="body">
-            <div class="menu__wrapper  menu__wrapper --right dialog-overflow d-none show">
-              <button class="btn btn-secondary btn-compact btn-sm fa-ellipsis-vertical m-0" popovertarget="selected-overflow" style="anchor-name: --anchor-selected-overflow;">More actions</button>
-              <iam-menu class="dialog--list" part="selected-overflow" id="selected-overflow" style="position-anchor: --anchor-selected-overflow;" popover>
-                <slot name="selected-overflow"></slot>
-              </iam-menu>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="actionbar--search">
-        <button data-search class="btn btn-compact fa-xmark-large btn-secondary mb-0" >Close</button>
-
-        <div class="search-wrapper" part="search">
-          <label for="search" class="visually-hidden">Input field label</label>
-          <button class="suffix" part="search-btn"><i class="fa-regular fa-search"></i></button>
-          <input type="text" id="search" name="search" required="" part="search-input">
-          <button class="empty btn btn-action"><i class="fa-light fa-times me-0" aria-hidden="true"></i></button>
-        </div>
-
-      </div>
-    </div>
-    <div class="no-columns">
-      <span class="d-block">No columns selected</span>
-    </div>
+        template.innerHTML = `
+    <style>
+    ${loadCSS}
+    ${this.hasAttribute('css') ? `@import "${this.getAttribute('css')}";` : ``}
+    </style>
+    <link rel="stylesheet" href="https://kit.fontawesome.com/8bd0fca975.css" crossorigin="anonymous">
+    <div class="actionbar__wrapper">
+    
+      <div class="actionbar" part="actionbar">
+        <slot name="selectall"></slot>
+        <slot name="filters"></slot>
+        <div class="safe-area">
+          <slot></slot>
+          <div class="body">
+            <div class="menu__wrapper  menu__wrapper --right dialog-overflow d-none show">
+              <button class="btn btn-secondary btn-compact btn-sm fa-ellipsis-vertical m-0" popovertarget="overflow" style="anchor-name: --anchor-overflow;">More actions</button>
+              <iam-menu class="dialog--list" part="overflow" id="overflow" style="position-anchor: --anchor-overflow;" popover>
+                <slot name="overflow"></slot>
+                <slot name="menu"></slot>
+              </iam-menu>
+            </div>
+
+
+            <div class="menu__wrapper  menu__wrapper --right filter-columns">
+              <button class="btn btn-secondary btn-compact btn-sm mb-0 me-0 fa-regular fa-table-columns" title="Select colums" popovertarget="filter" style="anchor-name: --anchor-filter;">Filter</button>
+              <iam-menu class="dialog--list" id="filter" style="position-anchor: --anchor-filter;" popover>
+                <div class="pb-0 mb-0 checklists">
+                  
+                </div>
+                <div class="text-right checklist-btns"><button id="cancelColumns" class="btn btn-action">Cancel</button><button id="saveColumns" class="btn btn-action btn-secondary">Save</button></div>
+              </iam-menu>
+            </div>
+
+            <button class="btn btn-secondary btn-compact btn-sm fa-search" data-search="" part="search-btn">Search</button>
+          </div>
+        </div>
+      </div>
+      <div class="actionbar--selected">
+        <div class="safe-area">
+          <slot name="selected"></slot>
+          <div class="body">
+            <div class="menu__wrapper  menu__wrapper --right dialog-overflow d-none show">
+              <button class="btn btn-secondary btn-compact btn-sm fa-ellipsis-vertical m-0" popovertarget="selected-overflow" style="anchor-name: --anchor-selected-overflow;">More actions</button>
+              <iam-menu class="dialog--list" part="selected-overflow" id="selected-overflow" style="position-anchor: --anchor-selected-overflow;" popover>
+                <slot name="selected-overflow"></slot>
+              </iam-menu>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="actionbar--search">
+        <button data-search class="btn btn-compact fa-xmark-large btn-secondary mb-0" >Close</button>
+
+        <div class="search-wrapper" part="search">
+          <label for="search" class="visually-hidden">Input field label</label>
+          <button class="suffix" part="search-btn"><i class="fa-regular fa-search"></i></button>
+          <input type="text" id="search" name="search" required="" part="search-input">
+          <button class="empty btn btn-action"><i class="fa-light fa-times me-0" aria-hidden="true"></i></button>
+        </div>
+
+      </div>
+    </div>
+    <div class="no-columns">
+      <span class="d-block">No columns selected</span>
+    </div>
     `;
         this.shadowRoot.appendChild(template.content.cloneNode(true));
         // insert extra CSS

package/assets/js/components/actionbar/actionbar.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta6
+  * iamKey v7.7.1--beta7
   * Copyright 2022-2026 iamproperty
   */const F=(h=1)=>Math.floor(Math.random()*Date.now()*(h+1));class D extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const s=document.createElement("template");s.innerHTML=`
     <style>