@iamproperty/components 7.8.2--beta4 → 7.8.2--beta6

package/assets/js/components/filter-card/filter-card.component.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-card.component.min.js","sources":["../_global.js","../../modules/card.module.js","filter-card.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","export const cardHTML = `<div class=\"wrapper\">\n  <div class=\"card__head\" part=\"head\">\n    <slot name=\"head\"></slot>\n  </div>\n  <div class=\"card__badges\"><slot name=\"badges\"></slot></div>\n  <slot name=\"checkbox\" class=\"activate-prevent-hover\"></slot>\n  <div class=\"card__body\" part=\"body\">\n    <slot></slot>\n    <slot name=\"secondary\" part=\"secondary\"></slot>\n  </div>\n  <div class=\"card__details\" part=\"details\">\n    <slot name=\"details\"></slot>\n  </div>\n  <div class=\"card__footer\" part=\"footer\">\n    <slot name=\"footer\"></slot>\n  </div>\n</div>`;\nconst getCardPart = (cardComponent, selector) => { var _a; return ((_a = cardComponent.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector)) || null; };\nexport const setupCard = (cardComponent) => {\n    cardComponent.classList.add('card');\n    const cardHead = getCardPart(cardComponent, '.card__head');\n    const cardBody = getCardPart(cardComponent, '.card__body');\n    const cardBadges = getCardPart(cardComponent, '.card__badges');\n    if (cardComponent.hasAttribute('data-image')) {\n        cardHead === null || cardHead === void 0 ? void 0 : cardHead.insertAdjacentHTML('beforeend', `<img src=\"${cardComponent.getAttribute('data-image') || ''}\" alt=\"\" loading=\"lazy\" part=\"image\" />`);\n    }\n    // Inset the HTML for the data total or icon fallback\n    if (cardComponent.hasAttribute('data-total')) {\n        const cardTotal = cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total');\n        if (!cardTotal)\n            cardBody === null || cardBody === void 0 ? void 0 : cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\">${cardComponent.getAttribute('data-total') || ''}</div>`);\n        else {\n            cardTotal.innerHTML = cardComponent.getAttribute('data-total') || '';\n        }\n    }\n    else if (cardComponent.querySelector('[slot=\"total-icon\"]')) {\n        cardBody === null || cardBody === void 0 ? void 0 : cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\"><slot name=\"total-icon\"></slot></div>`);\n    }\n    if (!cardComponent.querySelector('[slot=\"badges\"]')) {\n        cardBadges === null || cardBadges === void 0 ? void 0 : cardBadges.classList.add('empty');\n    }\n    else {\n        cardBadges === null || cardBadges === void 0 ? void 0 : cardBadges.classList.remove('empty');\n    }\n};\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport { trackComponent, trackComponentRegistered } from '../_global';\nimport { cardHTML, setupCard } from '../../modules/card.module';\ntrackComponentRegistered('iam-filter-card');\nclass iamFilerCard extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/filter-card.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    \n    ${loadCSS}\n    </style>\n    ${cardHTML}\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        return __awaiter(this, void 0, void 0, function* () {\n            // eslint-disable-next-line @typescript-eslint/no-this-alias\n            const cardComponent = this;\n            setupCard(cardComponent);\n            // Dispatch events of selecting checkboxes\n            const checkbox = cardComponent.parentElement.querySelector('input[type=\"checkbox\"]');\n            if (checkbox) {\n                checkbox.addEventListener('change', () => {\n                    if (checkbox.checked) {\n                        const customEvent = new CustomEvent('select-card', {\n                            detail: { 'Card value': checkbox.value, 'input name': checkbox.getAttribute('name') },\n                        });\n                        cardComponent.dispatchEvent(customEvent);\n                        cardComponent.classList.add('active');\n                    }\n                    else {\n                        const customEvent = new CustomEvent('unselect-card', {\n                            detail: { 'Card value': checkbox.value, 'input name': checkbox.getAttribute('name') },\n                        });\n                        cardComponent.dispatchEvent(customEvent);\n                        cardComponent.classList.remove('active');\n                    }\n                });\n            }\n            if (cardComponent.parentElement.matches('button')) {\n                const button = cardComponent.parentElement;\n                button.addEventListener('click', () => {\n                    if (!cardComponent.classList.contains('active')) {\n                        const customEvent = new CustomEvent('select-card', {\n                            detail: { 'button name': button.getAttribute('name') },\n                        });\n                        cardComponent.dispatchEvent(customEvent);\n                        cardComponent.classList.add('active');\n                    }\n                    else {\n                        const customEvent = new CustomEvent('unselect-card', {\n                            detail: { 'button name': button.getAttribute('name') },\n                        });\n                        cardComponent.dispatchEvent(customEvent);\n                        cardComponent.classList.remove('active');\n                    }\n                });\n            }\n            trackComponent(cardComponent, 'iam-filter-card', ['select-card', 'unselect-card']);\n        });\n    }\n    static get observedAttributes() {\n        return ['data-total'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        var _a;\n        switch (attrName) {\n            case 'data-total': {\n                if (oldVal != newVal) {\n                    const cardBody = this.shadowRoot.querySelector('.card__body');\n                    if (!(cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total')))\n                        cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\">${newVal}</div>`);\n                    else {\n                        (_a = cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total')) === null || _a === void 0 ? void 0 : _a.innerHTML = newVal;\n                    }\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamFilerCard;\n"],"names":["trackComponentRegistered","componentName","trackComponent","component","trackEvents","eventName","event","eventDetails","eventKey","eventDetail","cardHTML","getCardPart","cardComponent","selector","_a","setupCard","cardHead","cardBody","cardBadges","cardTotal","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","iamFilerCard","template","checkbox","customEvent","button","attrName","oldVal","newVal"],"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,IC7BEG,EAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAiBlBC,EAAc,CAACC,EAAeC,IAAa,CAAE,IAAIC,EAAI,QAASA,EAAKF,EAAc,cAAgB,MAAQE,IAAO,OAAS,OAASA,EAAG,cAAcD,CAAQ,IAAM,IAAM,EAChKE,EAAaH,GAAkB,CACxCA,EAAc,UAAU,IAAI,MAAM,EAClC,MAAMI,EAAWL,EAAYC,EAAe,aAAa,EACnDK,EAAWN,EAAYC,EAAe,aAAa,EACnDM,EAAaP,EAAYC,EAAe,eAAe,EAK7D,GAJIA,EAAc,aAAa,YAAY,GACaI,GAAS,mBAAmB,YAAa,aAAaJ,EAAc,aAAa,YAAY,GAAK,EAAE,yCAAyC,EAGjMA,EAAc,aAAa,YAAY,EAAG,CAC1C,MAAMO,EAAgEF,GAAS,cAAc,cAAc,EACtGE,EAGDA,EAAU,UAAYP,EAAc,aAAa,YAAY,GAAK,GAFdK,GAAS,mBAAmB,YAAa,4BAA4BL,EAAc,aAAa,YAAY,GAAK,EAAE,QAAQ,CAIvL,MACSA,EAAc,cAAc,qBAAqB,GACFK,GAAS,mBAAmB,YAAa,gEAAgE,EAE5JL,EAAc,cAAc,iBAAiB,EAIUM,GAAW,UAAU,OAAO,OAAO,EAHnCA,GAAW,UAAU,IAAI,OAAO,CAKhG,EC5CA,IAAIE,EAAwC,SAAUC,EAASC,EAAYC,EAAGC,EAAW,CACrF,SAASC,EAAMC,EAAO,CAAE,OAAOA,aAAiBH,EAAIG,EAAQ,IAAIH,EAAE,SAAUI,EAAS,CAAEA,EAAQD,CAAK,CAAG,CAAC,CAAG,CAC3G,OAAO,IAAKH,IAAMA,EAAI,UAAU,SAAUI,EAASC,EAAQ,CACvD,SAASC,EAAUH,EAAO,CAAE,GAAI,CAAEI,EAAKN,EAAU,KAAKE,CAAK,CAAC,CAAG,OAASK,EAAG,CAAEH,EAAOG,CAAC,CAAG,CAAE,CAC1F,SAASC,EAASN,EAAO,CAAE,GAAI,CAAEI,EAAKN,EAAU,MAASE,CAAK,CAAC,CAAG,OAASK,EAAG,CAAEH,EAAOG,CAAC,CAAG,CAAE,CAC7F,SAASD,EAAKG,EAAQ,CAAEA,EAAO,KAAON,EAAQM,EAAO,KAAK,EAAIR,EAAMQ,EAAO,KAAK,EAAE,KAAKJ,EAAWG,CAAQ,CAAG,CAC7GF,GAAMN,EAAYA,EAAU,MAAMH,EAASC,GAAc,CAAA,CAAE,GAAG,MAAM,CACxE,CAAC,CACL,EAGAtB,EAAyB,iBAAiB,EAC1C,MAAMkC,UAAqB,WAAY,CACnC,aAAc,CACV,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EACZ,SAAS,KAAK,aAAa,sBAAsB,GACjE,SAAS,KAAK,aAAa,sBAAsB,EAGvD,MAAMC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAY;AAAA;AAAA,MAEvB,KAAK,aAAa,KAAK,EAAI,YAAY,KAAK,aAAa,KAAK,CAAC,KAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,MAIxEzB,CAAQ;AAAA,MAEN,KAAK,WAAW,YAAYyB,EAAS,QAAQ,UAAU,EAAI,CAAC,CAChE,CACA,mBAAoB,CAChB,OAAOf,EAAU,KAAM,OAAQ,OAAQ,WAAa,CAEhD,MAAMR,EAAgB,KACtBG,EAAUH,CAAa,EAEvB,MAAMwB,EAAWxB,EAAc,cAAc,cAAc,wBAAwB,EAmBnF,GAlBIwB,GACAA,EAAS,iBAAiB,SAAU,IAAM,CACtC,GAAIA,EAAS,QAAS,CAClB,MAAMC,EAAc,IAAI,YAAY,cAAe,CAC/C,OAAQ,CAAE,aAAcD,EAAS,MAAO,aAAcA,EAAS,aAAa,MAAM,CAAC,CAC/G,CAAyB,EACDxB,EAAc,cAAcyB,CAAW,EACvCzB,EAAc,UAAU,IAAI,QAAQ,CACxC,KACK,CACD,MAAMyB,EAAc,IAAI,YAAY,gBAAiB,CACjD,OAAQ,CAAE,aAAcD,EAAS,MAAO,aAAcA,EAAS,aAAa,MAAM,CAAC,CAC/G,CAAyB,EACDxB,EAAc,cAAcyB,CAAW,EACvCzB,EAAc,UAAU,OAAO,QAAQ,CAC3C,CACJ,CAAC,EAEDA,EAAc,cAAc,QAAQ,QAAQ,EAAG,CAC/C,MAAM0B,EAAS1B,EAAc,cAC7B0B,EAAO,iBAAiB,QAAS,IAAM,CACnC,GAAK1B,EAAc,UAAU,SAAS,QAAQ,EAOzC,CACD,MAAMyB,EAAc,IAAI,YAAY,gBAAiB,CACjD,OAAQ,CAAE,cAAeC,EAAO,aAAa,MAAM,CAAC,CAChF,CAAyB,EACD1B,EAAc,cAAcyB,CAAW,EACvCzB,EAAc,UAAU,OAAO,QAAQ,CAC3C,KAbiD,CAC7C,MAAMyB,EAAc,IAAI,YAAY,cAAe,CAC/C,OAAQ,CAAE,cAAeC,EAAO,aAAa,MAAM,CAAC,CAChF,CAAyB,EACD1B,EAAc,cAAcyB,CAAW,EACvCzB,EAAc,UAAU,IAAI,QAAQ,CACxC,CAQJ,CAAC,CACL,CACAV,EAAeU,EAAe,kBAAmB,CAAC,cAAe,eAAe,CAAC,CACrF,CAAC,CACL,CACA,WAAW,oBAAqB,CAC5B,MAAO,CAAC,YAAY,CACxB,CACA,yBAAyB2B,EAAUC,EAAQC,EAAQ,CAC/C,IAAI3B,EACJ,OAAQyB,EAAQ,CACZ,IAAK,aAAc,CACf,GAAIC,GAAUC,EAAQ,CAClB,MAAMxB,EAAW,KAAK,WAAW,cAAc,aAAa,EACFA,GAAS,cAAc,cAAc,GAG1FH,EAAyDG,GAAS,cAAc,cAAc,KAAO,MAAQH,IAAO,SAAkBA,EAAG,UAAY2B,GAFtJxB,EAAS,mBAAmB,YAAa,4BAA4BwB,CAAM,QAAQ,CAI3F,CACA,KACJ,CACZ,CACI,CACJ"}
+{"version":3,"file":"filter-card.component.min.js","sources":["../_global.js","../../modules/card.module.js","filter-card.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","export const cardHTML = `<div class=\"wrapper\">\n  <div class=\"card__head\" part=\"head\">\n    <slot name=\"head\"></slot>\n  </div>\n  <div class=\"card__badges\"><slot name=\"badges\"></slot></div>\n  <slot name=\"checkbox\" class=\"activate-prevent-hover\"></slot>\n  <div class=\"card__body\" part=\"body\">\n    <slot></slot>\n    <slot name=\"secondary\" part=\"secondary\"></slot>\n  </div>\n  <div class=\"card__details\" part=\"details\">\n    <slot name=\"details\"></slot>\n  </div>\n  <div class=\"card__footer\" part=\"footer\">\n    <slot name=\"footer\"></slot>\n  </div>\n</div>`;\nconst getCardPart = (cardComponent, selector) => { var _a; return ((_a = cardComponent.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector)) || null; };\nexport const setupCard = (cardComponent) => {\n    cardComponent.classList.add('card');\n    const cardHead = getCardPart(cardComponent, '.card__head');\n    const cardBody = getCardPart(cardComponent, '.card__body');\n    const cardBadges = getCardPart(cardComponent, '.card__badges');\n    if (cardComponent.hasAttribute('data-image')) {\n        cardHead === null || cardHead === void 0 ? void 0 : cardHead.insertAdjacentHTML('beforeend', `<img src=\"${cardComponent.getAttribute('data-image') || ''}\" alt=\"\" loading=\"lazy\" part=\"image\" />`);\n    }\n    // Inset the HTML for the data total or icon fallback\n    if (cardComponent.hasAttribute('data-total')) {\n        const cardTotal = cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total');\n        if (!cardTotal)\n            cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\">${cardComponent.getAttribute('data-total') || ''}</div>`);\n        else {\n            cardTotal.innerHTML = cardComponent.getAttribute('data-total') || '';\n        }\n    }\n    else if (cardComponent.querySelector('[slot=\"total-icon\"]')) {\n        cardBody === null || cardBody === void 0 ? void 0 : cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\"><slot name=\"total-icon\"></slot></div>`);\n    }\n    if (!cardComponent.querySelector('[slot=\"badges\"]')) {\n        cardBadges === null || cardBadges === void 0 ? void 0 : cardBadges.classList.add('empty');\n    }\n    else {\n        cardBadges === null || cardBadges === void 0 ? void 0 : cardBadges.classList.remove('empty');\n    }\n};\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport { trackComponent, trackComponentRegistered } from '../_global';\nimport { cardHTML, setupCard } from '../../modules/card.module';\ntrackComponentRegistered('iam-filter-card');\nclass iamFilerCard extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/filter-card.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    \n    ${loadCSS}\n    </style>\n    ${cardHTML}\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        return __awaiter(this, void 0, void 0, function* () {\n            // eslint-disable-next-line @typescript-eslint/no-this-alias\n            const cardComponent = this;\n            setupCard(cardComponent);\n            // Dispatch events of selecting checkboxes\n            const checkbox = cardComponent.parentElement.querySelector('input[type=\"checkbox\"]');\n            if (checkbox) {\n                checkbox.addEventListener('change', () => {\n                    if (checkbox.checked) {\n                        const customEvent = new CustomEvent('select-card', {\n                            detail: { 'Card value': checkbox.value, 'input name': checkbox.getAttribute('name') },\n                        });\n                        cardComponent.dispatchEvent(customEvent);\n                        cardComponent.classList.add('active');\n                    }\n                    else {\n                        const customEvent = new CustomEvent('unselect-card', {\n                            detail: { 'Card value': checkbox.value, 'input name': checkbox.getAttribute('name') },\n                        });\n                        cardComponent.dispatchEvent(customEvent);\n                        cardComponent.classList.remove('active');\n                    }\n                });\n            }\n            if (cardComponent.parentElement.matches('button')) {\n                const button = cardComponent.parentElement;\n                button.addEventListener('click', () => {\n                    if (!cardComponent.classList.contains('active')) {\n                        const customEvent = new CustomEvent('select-card', {\n                            detail: { 'button name': button.getAttribute('name') },\n                        });\n                        cardComponent.dispatchEvent(customEvent);\n                        cardComponent.classList.add('active');\n                    }\n                    else {\n                        const customEvent = new CustomEvent('unselect-card', {\n                            detail: { 'button name': button.getAttribute('name') },\n                        });\n                        cardComponent.dispatchEvent(customEvent);\n                        cardComponent.classList.remove('active');\n                    }\n                });\n            }\n            trackComponent(cardComponent, 'iam-filter-card', ['select-card', 'unselect-card']);\n        });\n    }\n    static get observedAttributes() {\n        return ['data-total'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        var _a;\n        switch (attrName) {\n            case 'data-total': {\n                if (oldVal != newVal) {\n                    const cardBody = this.shadowRoot.querySelector('.card__body');\n                    if (!(cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total')))\n                        cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\">${newVal}</div>`);\n                    else {\n                        (_a = cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total')) === null || _a === void 0 ? void 0 : _a.innerHTML = newVal;\n                    }\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamFilerCard;\n"],"names":["trackComponentRegistered","componentName","trackComponent","component","trackEvents","eventName","event","eventDetails","eventKey","eventDetail","cardHTML","getCardPart","cardComponent","selector","_a","setupCard","cardHead","cardBody","cardBadges","cardTotal","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","iamFilerCard","template","checkbox","customEvent","button","attrName","oldVal","newVal"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta6
   * Copyright 2022-2026 iamproperty
   */function r(s,t){i(s,t)}function i(s,t){let e;t.addEventListener("keyup",()=>{clearTimeout(e),e=setTimeout(function(){o(s,t.value)},500)}),t.addEventListener("change",()=>{clearTimeout(e),o(s,t.value)})}const o=function(s,t){Array.from(s.querySelectorAll(":scope > li")).forEach(e=>{const a=e.textContent.toLowerCase();e.classList.add("d-none"),a.includes(t.toLowerCase())&&e.classList.remove("d-none")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Filtered list",value:t})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"filterlist"});class n extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,a=document.createElement("template");a.innerHTML=`
     <style>

package/assets/js/components/form/form.component.js

@@ -1,188 +1,79 @@
 import { trackComponentRegistered } from '../_global';
-trackComponentRegistered('iam-tag');
+import { isFormValid, showIf, hideIf, disabledIf, enabledIf, requiredIf, readonlyIf, writeIf, emptyIf, limitCheckboxes } from '../../modules/form';
+trackComponentRegistered('iam-form');
 class iamForm extends HTMLElement {
     constructor() {
         super();
-        this.checkConditions = (conditions) => {
-            let meetsCondition = true;
-            JSON.parse(conditions).forEach((condition) => {
-                if (this.querySelector(`#${condition['if']}`).value != condition['equals'])
-                    meetsCondition = false;
-            });
-            return meetsCondition;
-        };
-        this.showIf = () => {
-            Array.from(this.querySelectorAll('[data-show-if]')).forEach((element) => {
-                if (!this.checkConditions(element.getAttribute('data-show-if')))
-                    element.classList.add('d-none');
-                else
-                    element.classList.remove('d-none');
-            });
-        };
-        this.hideIf = () => {
-            Array.from(this.querySelectorAll('[data-hide-if]')).forEach((element) => {
-                if (this.checkConditions(element.getAttribute('data-hide-if')))
-                    element.classList.add('d-none');
-                else
-                    element.classList.remove('d-none');
-            });
-        };
-        this.disabledIf = () => {
-            Array.from(this.querySelectorAll('[data-disabled-if]')).forEach((element) => {
-                if (this.checkConditions(element.getAttribute('data-disabled-if')))
-                    element.setAttribute('disabled', 'disabled');
-                else
-                    element.removeAttribute('disabled');
-            });
-        };
-        this.enabledIf = () => {
-            Array.from(this.querySelectorAll('[data-enabled-if]')).forEach((element) => {
-                if (!this.checkConditions(element.getAttribute('data-enabled-if')))
-                    element.setAttribute('disabled', 'disabled');
-                else
-                    element.removeAttribute('disabled');
-            });
-        };
-        this.requiredIf = () => {
-            Array.from(this.querySelectorAll('[data-required-if]')).forEach((element) => {
-                if (this.checkConditions(element.getAttribute('data-required-if')))
-                    element.setAttribute('required', 'required');
-                else
-                    element.removeAttribute('required');
-            });
-        };
-        this.readonlyIf = () => {
-            Array.from(this.querySelectorAll('[data-readonly-if]')).forEach((element) => {
-                if (this.checkConditions(element.getAttribute('data-readonly-if')))
-                    element.setAttribute('readonly', 'readonly');
-                else
-                    element.removeAttribute('readonly');
-            });
-        };
-        this.writeIf = () => {
-            Array.from(this.querySelectorAll('[data-write-if]')).forEach((element) => {
-                if (!this.checkConditions(element.getAttribute('data-write-if')))
-                    element.setAttribute('readonly', 'readonly');
-                else
-                    element.removeAttribute('readonly');
-            });
-        };
-        this.emptyIf = () => {
-            Array.from(this.querySelectorAll('[data-empty-if]')).forEach((element) => {
-                if (this.checkConditions(element.getAttribute('data-empty-if')))
-                    element.value = "";
-            });
-        };
-        this.getCheckboxLimit = (element) => {
-            const limit = parseInt(element.getAttribute('data-checkbox-limit') || '10', 10);
-            return !isNaN(limit) && limit > 0 ? limit : 10;
-        };
-        this.limitCheckboxes = (event) => {
-            const target = (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLInputElement ? event.target : null;
-            const changedCheckbox = (target === null || target === void 0 ? void 0 : target.matches('input[type="checkbox"]')) ? target : null;
-            const checkboxLimitGroup = changedCheckbox === null || changedCheckbox === void 0 ? void 0 : changedCheckbox.closest('[data-checkbox-limit]');
-            const checkboxLimitGroups = checkboxLimitGroup
-                ? [checkboxLimitGroup]
-                : [
-                    ...(this.hasAttribute('data-checkbox-limit') ? [this] : []),
-                    ...Array.from(this.querySelectorAll('[data-checkbox-limit]')),
-                ];
-            checkboxLimitGroups.forEach((group) => {
-                const limit = this.getCheckboxLimit(group);
-                const checked = Array.from(group.querySelectorAll('input[type="checkbox"]:checked'));
-                const notChecked = Array.from(group.querySelectorAll('input[type="checkbox"]:not(:checked)'));
-                notChecked.forEach((checkbox) => {
-                    checkbox.setAttribute('disabled', 'disabled');
-                });
-                if (checked.length < limit) {
-                    notChecked.forEach((checkbox) => {
-                        checkbox.removeAttribute('disabled');
-                    });
-                }
-                if (checked.length <= limit)
-                    return;
-                if ((changedCheckbox === null || changedCheckbox === void 0 ? void 0 : changedCheckbox.checked) && group.contains(changedCheckbox)) {
-                    changedCheckbox.checked = false;
-                    return;
-                }
-                checked.slice(limit).forEach((checkbox) => {
-                    checkbox.checked = false;
-                });
-            });
-        };
-        this.attachShadow({ mode: 'open' });
+        const shadowRoot = this.attachShadow({ mode: 'open' });
         const template = document.createElement('template');
         template.innerHTML = `
     <div class="wrapper">
       <slot></slot>
     </div>
     `;
-        this.shadowRoot.appendChild(template.content.cloneNode(true));
+        shadowRoot.appendChild(template.content.cloneNode(true));
     }
-    isFormValid(form) {
-        if (form.querySelector(':invalid'))
-            return false;
-        if (form.querySelector('.pwd-checker[data-strength="1"]') || form.querySelector('.pwd-checker[data-strength="2"]'))
-            return false;
-        if (form.querySelector('iam-multiselect[data-is-required][data-error]'))
-            return false;
-        return true;
-    }
-    ;
     connectedCallback() {
-        const form = this.querySelector('form');
+        var _a;
+        const form = (_a = this.querySelector('form')) !== null && _a !== void 0 ? _a : this;
         if (!form)
-            return false;
+            return;
         form.setAttribute('novalidate', 'true');
         // Form validation
-        form.addEventListener('submit', (e) => {
+        form.addEventListener('submit', (event) => {
             var _a;
             form.classList.add('was-validated');
-            if (!this.isFormValid(form)) {
-                e.preventDefault();
-                (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+            if (!isFormValid(form)) {
+                event.preventDefault();
+                (_a = form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
             }
         });
         // conditional reveal required fields
-        Array.from(form.querySelectorAll('.conditional [required]')).forEach((input) => {
+        form.querySelectorAll('.conditional [required]').forEach((input) => {
             input.setAttribute('data-conditional-required', 'true');
             input.removeAttribute('required');
         });
         // conditional reveal required fields (for fields inside of components like the address lookup)
-        Array.from(form.querySelectorAll('.conditional [data-required]')).forEach((input) => {
+        form.querySelectorAll('.conditional [data-required]').forEach((input) => {
             input.setAttribute('data-conditional-data-required', 'true');
             input.removeAttribute('data-required');
         });
-        this.showIf();
-        this.hideIf();
-        this.disabledIf();
-        this.enabledIf();
-        this.requiredIf();
-        this.readonlyIf();
-        this.writeIf();
-        this.emptyIf();
-        this.limitCheckboxes();
+        showIf(this);
+        hideIf(this);
+        disabledIf(this);
+        enabledIf(this);
+        requiredIf(this);
+        readonlyIf(this);
+        writeIf(this);
+        emptyIf(this);
+        limitCheckboxes(null, this);
         form.addEventListener('change', (event) => {
-            this.showIf();
-            this.hideIf();
-            this.disabledIf();
-            this.enabledIf();
-            this.requiredIf();
-            this.readonlyIf();
-            this.writeIf();
-            this.emptyIf();
-            this.limitCheckboxes(event);
-            Array.from(form.querySelectorAll('.conditional [data-conditional-required], .conditional [data-conditional-data-required]')).forEach((input) => {
+            showIf(this);
+            hideIf(this);
+            disabledIf(this);
+            enabledIf(this);
+            requiredIf(this);
+            readonlyIf(this);
+            writeIf(this);
+            emptyIf(this);
+            limitCheckboxes(event, form);
+            form.querySelectorAll('.conditional [data-conditional-required], .conditional [data-conditional-data-required]').forEach((input) => {
                 input.removeAttribute('required');
                 input.removeAttribute('data-required');
             });
-            Array.from(form.querySelectorAll('.conditional [data-conditional-required]')).forEach((input) => {
-                const conditionalStyles = window.getComputedStyle(input.closest('.conditional'));
+            form.querySelectorAll('.conditional [data-conditional-required]').forEach((input) => {
+                const conditionalElement = input.closest('.conditional');
+                if (!conditionalElement)
+                    return;
+                const conditionalStyles = window.getComputedStyle(conditionalElement);
                 if (conditionalStyles.getPropertyValue("display") == 'block')
                     input.setAttribute('required', 'required');
             });
-            Array.from(form.querySelectorAll('.conditional [data-conditional-data-required]')).forEach((input) => {
-                const conditionalStyles = window.getComputedStyle(input.closest('.conditional'));
+            form.querySelectorAll('.conditional [data-conditional-data-required]').forEach((input) => {
+                const conditionalElement = input.closest('.conditional');
+                if (!conditionalElement)
+                    return;
+                const conditionalStyles = window.getComputedStyle(conditionalElement);
                 if (conditionalStyles.getPropertyValue("display") == 'block')
                     input.setAttribute('data-required', 'true');
             });

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

@@ -1,9 +1,9 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta6
   * Copyright 2022-2026 iamproperty
-  */const h=l=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:l})};h("iam-tag");class u extends HTMLElement{constructor(){super(),this.checkConditions=e=>{let t=!0;return JSON.parse(e).forEach(r=>{this.querySelector(`#${r.if}`).value!=r.equals&&(t=!1)}),t},this.showIf=()=>{Array.from(this.querySelectorAll("[data-show-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-show-if"))?e.classList.remove("d-none"):e.classList.add("d-none")})},this.hideIf=()=>{Array.from(this.querySelectorAll("[data-hide-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-hide-if"))?e.classList.add("d-none"):e.classList.remove("d-none")})},this.disabledIf=()=>{Array.from(this.querySelectorAll("[data-disabled-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-disabled-if"))?e.setAttribute("disabled","disabled"):e.removeAttribute("disabled")})},this.enabledIf=()=>{Array.from(this.querySelectorAll("[data-enabled-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-enabled-if"))?e.removeAttribute("disabled"):e.setAttribute("disabled","disabled")})},this.requiredIf=()=>{Array.from(this.querySelectorAll("[data-required-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-required-if"))?e.setAttribute("required","required"):e.removeAttribute("required")})},this.readonlyIf=()=>{Array.from(this.querySelectorAll("[data-readonly-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-readonly-if"))?e.setAttribute("readonly","readonly"):e.removeAttribute("readonly")})},this.writeIf=()=>{Array.from(this.querySelectorAll("[data-write-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-write-if"))?e.removeAttribute("readonly"):e.setAttribute("readonly","readonly")})},this.emptyIf=()=>{Array.from(this.querySelectorAll("[data-empty-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-empty-if"))&&(e.value="")})},this.getCheckboxLimit=e=>{const t=parseInt(e.getAttribute("data-checkbox-limit")||"10",10);return!isNaN(t)&&t>0?t:10},this.limitCheckboxes=e=>{const t=e?.target instanceof HTMLInputElement?e.target:null,r=t?.matches('input[type="checkbox"]')?t:null,c=r?.closest("[data-checkbox-limit]");(c?[c]:[...this.hasAttribute("data-checkbox-limit")?[this]:[],...Array.from(this.querySelectorAll("[data-checkbox-limit]"))]).forEach(o=>{const d=this.getCheckboxLimit(o),s=Array.from(o.querySelectorAll('input[type="checkbox"]:checked')),n=Array.from(o.querySelectorAll('input[type="checkbox"]:not(:checked)'));if(n.forEach(a=>{a.setAttribute("disabled","disabled")}),s.length<d&&n.forEach(a=>{a.removeAttribute("disabled")}),!(s.length<=d)){if(r?.checked&&o.contains(r)){r.checked=!1;return}s.slice(d).forEach(a=>{a.checked=!1})}})},this.attachShadow({mode:"open"});const i=document.createElement("template");i.innerHTML=`
+  */const E=t=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:t})},w=t=>JSON.parse(t||"[]"),g=(t,e)=>t.querySelector(`#${e}`),L=t=>!(t.querySelector(":invalid")||t.querySelector('.pwd-checker[data-strength="1"]')||t.querySelector('.pwd-checker[data-strength="2"]')||t.querySelector("iam-multiselect[data-is-required][data-error]")),l=(t,e)=>{let i=!0;return w(t).forEach(r=>{const a=g(e,r.if);a?.value!=r.equals&&(i=!1)}),i},f=t=>{t.querySelectorAll("[data-show-if]").forEach(e=>{l(e.getAttribute("data-show-if"),t)?e.classList.remove("d-none"):e.classList.add("d-none")})},b=t=>{t.querySelectorAll("[data-hide-if]").forEach(e=>{l(e.getAttribute("data-hide-if"),t)?e.classList.add("d-none"):e.classList.remove("d-none")})},y=t=>{t.querySelectorAll("[data-disabled-if]").forEach(e=>{l(e.getAttribute("data-disabled-if"),t)?e.setAttribute("disabled","disabled"):e.removeAttribute("disabled")})},A=t=>{t.querySelectorAll("[data-enabled-if]").forEach(e=>{l(e.getAttribute("data-enabled-if"),t)?e.removeAttribute("disabled"):e.setAttribute("disabled","disabled")})},q=t=>{t.querySelectorAll("[data-required-if]").forEach(e=>{l(e.getAttribute("data-required-if"),t)?e.setAttribute("required","required"):e.removeAttribute("required")})},v=t=>{t.querySelectorAll("[data-readonly-if]").forEach(e=>{l(e.getAttribute("data-readonly-if"),t)?e.setAttribute("readonly","readonly"):e.removeAttribute("readonly")})},m=t=>{t.querySelectorAll("[data-write-if]").forEach(e=>{l(e.getAttribute("data-write-if"),t)?e.removeAttribute("readonly"):e.setAttribute("readonly","readonly")})},S=t=>{t.querySelectorAll("[data-empty-if]").forEach(e=>{l(e.getAttribute("data-empty-if"),t)&&(e.value="")})},x=t=>{const e=parseInt(t.getAttribute("data-checkbox-limit")||"10",10);return!isNaN(e)&&e>0?e:10},k=(t,e)=>{console.log(t);const i=t?.target instanceof HTMLInputElement?t.target:null,r=i?.matches('input[type="checkbox"]')?i:null,a=r?.closest("[data-checkbox-limit]");(a?[a]:[...e.hasAttribute("data-checkbox-limit")?[e]:[],...Array.from(e.querySelectorAll("[data-checkbox-limit]"))]).forEach(o=>{const s=x(o),n=Array.from(o.querySelectorAll('input[type="checkbox"]:checked')),h=Array.from(o.querySelectorAll('input[type="checkbox"]:not(:checked)'));if(h.forEach(d=>{d.setAttribute("disabled","disabled")}),n.length<s){h.forEach(d=>{d.removeAttribute("disabled")});return}if(n.length==s){const d={element:o.hasAttribute("id")?`#${o.getAttribute("id")}`:"",limit:s},p=new CustomEvent("checkbox-limit-reached",{detail:d});e.dispatchEvent(p);const u=window;u.dataLayer=u.dataLayer||[],u.dataLayer.push(Object.assign({event:"checkbox-limit-reached"},d));return}if(r?.checked&&o.contains(r)){r.checked=!1;return}n.slice(s).forEach(d=>{d.checked=!1})})};E("iam-form");class C extends HTMLElement{constructor(){super();const e=this.attachShadow({mode:"open"}),i=document.createElement("template");i.innerHTML=`
     <div class="wrapper">
       <slot></slot>
     </div>
-    `,this.shadowRoot.appendChild(i.content.cloneNode(!0))}isFormValid(i){return!(i.querySelector(":invalid")||i.querySelector('.pwd-checker[data-strength="1"]')||i.querySelector('.pwd-checker[data-strength="2"]')||i.querySelector("iam-multiselect[data-is-required][data-error]"))}connectedCallback(){const i=this.querySelector("form");if(!i)return!1;i.setAttribute("novalidate","true"),i.addEventListener("submit",e=>{var t;i.classList.add("was-validated"),this.isFormValid(i)||(e.preventDefault(),(t=i?.querySelector("input:invalid"))===null||t===void 0||t.scrollIntoView())}),Array.from(i.querySelectorAll(".conditional [required]")).forEach(e=>{e.setAttribute("data-conditional-required","true"),e.removeAttribute("required")}),Array.from(i.querySelectorAll(".conditional [data-required]")).forEach(e=>{e.setAttribute("data-conditional-data-required","true"),e.removeAttribute("data-required")}),this.showIf(),this.hideIf(),this.disabledIf(),this.enabledIf(),this.requiredIf(),this.readonlyIf(),this.writeIf(),this.emptyIf(),this.limitCheckboxes(),i.addEventListener("change",e=>{this.showIf(),this.hideIf(),this.disabledIf(),this.enabledIf(),this.requiredIf(),this.readonlyIf(),this.writeIf(),this.emptyIf(),this.limitCheckboxes(e),Array.from(i.querySelectorAll(".conditional [data-conditional-required], .conditional [data-conditional-data-required]")).forEach(t=>{t.removeAttribute("required"),t.removeAttribute("data-required")}),Array.from(i.querySelectorAll(".conditional [data-conditional-required]")).forEach(t=>{window.getComputedStyle(t.closest(".conditional")).getPropertyValue("display")=="block"&&t.setAttribute("required","required")}),Array.from(i.querySelectorAll(".conditional [data-conditional-data-required]")).forEach(t=>{window.getComputedStyle(t.closest(".conditional")).getPropertyValue("display")=="block"&&t.setAttribute("data-required","true")})})}}export{u as default};
+    `,e.appendChild(i.content.cloneNode(!0))}connectedCallback(){var e;const i=(e=this.querySelector("form"))!==null&&e!==void 0?e:this;i&&(i.setAttribute("novalidate","true"),i.addEventListener("submit",r=>{var a;i.classList.add("was-validated"),L(i)||(r.preventDefault(),(a=i.querySelector("input:invalid"))===null||a===void 0||a.scrollIntoView())}),i.querySelectorAll(".conditional [required]").forEach(r=>{r.setAttribute("data-conditional-required","true"),r.removeAttribute("required")}),i.querySelectorAll(".conditional [data-required]").forEach(r=>{r.setAttribute("data-conditional-data-required","true"),r.removeAttribute("data-required")}),f(this),b(this),y(this),A(this),q(this),v(this),m(this),S(this),k(null,this),i.addEventListener("change",r=>{f(this),b(this),y(this),A(this),q(this),v(this),m(this),S(this),k(r,i),i.querySelectorAll(".conditional [data-conditional-required], .conditional [data-conditional-data-required]").forEach(a=>{a.removeAttribute("required"),a.removeAttribute("data-required")}),i.querySelectorAll(".conditional [data-conditional-required]").forEach(a=>{const c=a.closest(".conditional");if(!c)return;window.getComputedStyle(c).getPropertyValue("display")=="block"&&a.setAttribute("required","required")}),i.querySelectorAll(".conditional [data-conditional-data-required]").forEach(a=>{const c=a.closest(".conditional");if(!c)return;window.getComputedStyle(c).getPropertyValue("display")=="block"&&a.setAttribute("data-required","true")})}))}}export{C as default};
 //# sourceMappingURL=form.component.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form.component.min.js","sources":["../_global.js","form.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 { trackComponentRegistered } from '../_global';\ntrackComponentRegistered('iam-tag');\nclass iamForm extends HTMLElement {\n    constructor() {\n        super();\n        this.checkConditions = (conditions) => {\n            let meetsCondition = true;\n            JSON.parse(conditions).forEach((condition) => {\n                if (this.querySelector(`#${condition['if']}`).value != condition['equals'])\n                    meetsCondition = false;\n            });\n            return meetsCondition;\n        };\n        this.showIf = () => {\n            Array.from(this.querySelectorAll('[data-show-if]')).forEach((element) => {\n                if (!this.checkConditions(element.getAttribute('data-show-if')))\n                    element.classList.add('d-none');\n                else\n                    element.classList.remove('d-none');\n            });\n        };\n        this.hideIf = () => {\n            Array.from(this.querySelectorAll('[data-hide-if]')).forEach((element) => {\n                if (this.checkConditions(element.getAttribute('data-hide-if')))\n                    element.classList.add('d-none');\n                else\n                    element.classList.remove('d-none');\n            });\n        };\n        this.disabledIf = () => {\n            Array.from(this.querySelectorAll('[data-disabled-if]')).forEach((element) => {\n                if (this.checkConditions(element.getAttribute('data-disabled-if')))\n                    element.setAttribute('disabled', 'disabled');\n                else\n                    element.removeAttribute('disabled');\n            });\n        };\n        this.enabledIf = () => {\n            Array.from(this.querySelectorAll('[data-enabled-if]')).forEach((element) => {\n                if (!this.checkConditions(element.getAttribute('data-enabled-if')))\n                    element.setAttribute('disabled', 'disabled');\n                else\n                    element.removeAttribute('disabled');\n            });\n        };\n        this.requiredIf = () => {\n            Array.from(this.querySelectorAll('[data-required-if]')).forEach((element) => {\n                if (this.checkConditions(element.getAttribute('data-required-if')))\n                    element.setAttribute('required', 'required');\n                else\n                    element.removeAttribute('required');\n            });\n        };\n        this.readonlyIf = () => {\n            Array.from(this.querySelectorAll('[data-readonly-if]')).forEach((element) => {\n                if (this.checkConditions(element.getAttribute('data-readonly-if')))\n                    element.setAttribute('readonly', 'readonly');\n                else\n                    element.removeAttribute('readonly');\n            });\n        };\n        this.writeIf = () => {\n            Array.from(this.querySelectorAll('[data-write-if]')).forEach((element) => {\n                if (!this.checkConditions(element.getAttribute('data-write-if')))\n                    element.setAttribute('readonly', 'readonly');\n                else\n                    element.removeAttribute('readonly');\n            });\n        };\n        this.emptyIf = () => {\n            Array.from(this.querySelectorAll('[data-empty-if]')).forEach((element) => {\n                if (this.checkConditions(element.getAttribute('data-empty-if')))\n                    element.value = \"\";\n            });\n        };\n        this.getCheckboxLimit = (element) => {\n            const limit = parseInt(element.getAttribute('data-checkbox-limit') || '10', 10);\n            return !isNaN(limit) && limit > 0 ? limit : 10;\n        };\n        this.limitCheckboxes = (event) => {\n            const target = (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLInputElement ? event.target : null;\n            const changedCheckbox = (target === null || target === void 0 ? void 0 : target.matches('input[type=\"checkbox\"]')) ? target : null;\n            const checkboxLimitGroup = changedCheckbox === null || changedCheckbox === void 0 ? void 0 : changedCheckbox.closest('[data-checkbox-limit]');\n            const checkboxLimitGroups = checkboxLimitGroup\n                ? [checkboxLimitGroup]\n                : [\n                    ...(this.hasAttribute('data-checkbox-limit') ? [this] : []),\n                    ...Array.from(this.querySelectorAll('[data-checkbox-limit]')),\n                ];\n            checkboxLimitGroups.forEach((group) => {\n                const limit = this.getCheckboxLimit(group);\n                const checked = Array.from(group.querySelectorAll('input[type=\"checkbox\"]:checked'));\n                const notChecked = Array.from(group.querySelectorAll('input[type=\"checkbox\"]:not(:checked)'));\n                notChecked.forEach((checkbox) => {\n                    checkbox.setAttribute('disabled', 'disabled');\n                });\n                if (checked.length < limit) {\n                    notChecked.forEach((checkbox) => {\n                        checkbox.removeAttribute('disabled');\n                    });\n                }\n                if (checked.length <= limit)\n                    return;\n                if ((changedCheckbox === null || changedCheckbox === void 0 ? void 0 : changedCheckbox.checked) && group.contains(changedCheckbox)) {\n                    changedCheckbox.checked = false;\n                    return;\n                }\n                checked.slice(limit).forEach((checkbox) => {\n                    checkbox.checked = false;\n                });\n            });\n        };\n        this.attachShadow({ mode: 'open' });\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <div class=\"wrapper\">\n      <slot></slot>\n    </div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    isFormValid(form) {\n        if (form.querySelector(':invalid'))\n            return false;\n        if (form.querySelector('.pwd-checker[data-strength=\"1\"]') || form.querySelector('.pwd-checker[data-strength=\"2\"]'))\n            return false;\n        if (form.querySelector('iam-multiselect[data-is-required][data-error]'))\n            return false;\n        return true;\n    }\n    ;\n    connectedCallback() {\n        const form = this.querySelector('form');\n        if (!form)\n            return false;\n        form.setAttribute('novalidate', 'true');\n        // Form validation\n        form.addEventListener('submit', (e) => {\n            var _a;\n            form.classList.add('was-validated');\n            if (!this.isFormValid(form)) {\n                e.preventDefault();\n                (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n            }\n        });\n        // conditional reveal required fields\n        Array.from(form.querySelectorAll('.conditional [required]')).forEach((input) => {\n            input.setAttribute('data-conditional-required', 'true');\n            input.removeAttribute('required');\n        });\n        // conditional reveal required fields (for fields inside of components like the address lookup)\n        Array.from(form.querySelectorAll('.conditional [data-required]')).forEach((input) => {\n            input.setAttribute('data-conditional-data-required', 'true');\n            input.removeAttribute('data-required');\n        });\n        this.showIf();\n        this.hideIf();\n        this.disabledIf();\n        this.enabledIf();\n        this.requiredIf();\n        this.readonlyIf();\n        this.writeIf();\n        this.emptyIf();\n        this.limitCheckboxes();\n        form.addEventListener('change', (event) => {\n            this.showIf();\n            this.hideIf();\n            this.disabledIf();\n            this.enabledIf();\n            this.requiredIf();\n            this.readonlyIf();\n            this.writeIf();\n            this.emptyIf();\n            this.limitCheckboxes(event);\n            Array.from(form.querySelectorAll('.conditional [data-conditional-required], .conditional [data-conditional-data-required]')).forEach((input) => {\n                input.removeAttribute('required');\n                input.removeAttribute('data-required');\n            });\n            Array.from(form.querySelectorAll('.conditional [data-conditional-required]')).forEach((input) => {\n                const conditionalStyles = window.getComputedStyle(input.closest('.conditional'));\n                if (conditionalStyles.getPropertyValue(\"display\") == 'block')\n                    input.setAttribute('required', 'required');\n            });\n            Array.from(form.querySelectorAll('.conditional [data-conditional-data-required]')).forEach((input) => {\n                const conditionalStyles = window.getComputedStyle(input.closest('.conditional'));\n                if (conditionalStyles.getPropertyValue(\"display\") == 'block')\n                    input.setAttribute('data-required', 'true');\n            });\n        });\n    }\n}\nexport default iamForm;\n"],"names":["trackComponentRegistered","componentName","iamForm","conditions","meetsCondition","condition","element","limit","event","target","changedCheckbox","checkboxLimitGroup","group","checked","notChecked","checkbox","template","form","_a","input"],"mappings":";;;IAAO,MAAMA,EAA4BC,GAAkB,CAEvD,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,0BACP,QAASA,CACjB,CAAK,CACL,ECNAD,EAAyB,SAAS,EAClC,MAAME,UAAgB,WAAY,CAC9B,aAAc,CACV,MAAK,EACL,KAAK,gBAAmBC,GAAe,CACnC,IAAIC,EAAiB,GACrB,YAAK,MAAMD,CAAU,EAAE,QAASE,GAAc,CACtC,KAAK,cAAc,IAAIA,EAAU,EAAK,EAAE,EAAE,OAASA,EAAU,SAC7DD,EAAiB,GACzB,CAAC,EACMA,CACX,EACA,KAAK,OAAS,IAAM,CAChB,MAAM,KAAK,KAAK,iBAAiB,gBAAgB,CAAC,EAAE,QAASE,GAAY,CAChE,KAAK,gBAAgBA,EAAQ,aAAa,cAAc,CAAC,EAG1DA,EAAQ,UAAU,OAAO,QAAQ,EAFjCA,EAAQ,UAAU,IAAI,QAAQ,CAGtC,CAAC,CACL,EACA,KAAK,OAAS,IAAM,CAChB,MAAM,KAAK,KAAK,iBAAiB,gBAAgB,CAAC,EAAE,QAASA,GAAY,CACjE,KAAK,gBAAgBA,EAAQ,aAAa,cAAc,CAAC,EACzDA,EAAQ,UAAU,IAAI,QAAQ,EAE9BA,EAAQ,UAAU,OAAO,QAAQ,CACzC,CAAC,CACL,EACA,KAAK,WAAa,IAAM,CACpB,MAAM,KAAK,KAAK,iBAAiB,oBAAoB,CAAC,EAAE,QAASA,GAAY,CACrE,KAAK,gBAAgBA,EAAQ,aAAa,kBAAkB,CAAC,EAC7DA,EAAQ,aAAa,WAAY,UAAU,EAE3CA,EAAQ,gBAAgB,UAAU,CAC1C,CAAC,CACL,EACA,KAAK,UAAY,IAAM,CACnB,MAAM,KAAK,KAAK,iBAAiB,mBAAmB,CAAC,EAAE,QAASA,GAAY,CACnE,KAAK,gBAAgBA,EAAQ,aAAa,iBAAiB,CAAC,EAG7DA,EAAQ,gBAAgB,UAAU,EAFlCA,EAAQ,aAAa,WAAY,UAAU,CAGnD,CAAC,CACL,EACA,KAAK,WAAa,IAAM,CACpB,MAAM,KAAK,KAAK,iBAAiB,oBAAoB,CAAC,EAAE,QAASA,GAAY,CACrE,KAAK,gBAAgBA,EAAQ,aAAa,kBAAkB,CAAC,EAC7DA,EAAQ,aAAa,WAAY,UAAU,EAE3CA,EAAQ,gBAAgB,UAAU,CAC1C,CAAC,CACL,EACA,KAAK,WAAa,IAAM,CACpB,MAAM,KAAK,KAAK,iBAAiB,oBAAoB,CAAC,EAAE,QAASA,GAAY,CACrE,KAAK,gBAAgBA,EAAQ,aAAa,kBAAkB,CAAC,EAC7DA,EAAQ,aAAa,WAAY,UAAU,EAE3CA,EAAQ,gBAAgB,UAAU,CAC1C,CAAC,CACL,EACA,KAAK,QAAU,IAAM,CACjB,MAAM,KAAK,KAAK,iBAAiB,iBAAiB,CAAC,EAAE,QAASA,GAAY,CACjE,KAAK,gBAAgBA,EAAQ,aAAa,eAAe,CAAC,EAG3DA,EAAQ,gBAAgB,UAAU,EAFlCA,EAAQ,aAAa,WAAY,UAAU,CAGnD,CAAC,CACL,EACA,KAAK,QAAU,IAAM,CACjB,MAAM,KAAK,KAAK,iBAAiB,iBAAiB,CAAC,EAAE,QAASA,GAAY,CAClE,KAAK,gBAAgBA,EAAQ,aAAa,eAAe,CAAC,IAC1DA,EAAQ,MAAQ,GACxB,CAAC,CACL,EACA,KAAK,iBAAoBA,GAAY,CACjC,MAAMC,EAAQ,SAASD,EAAQ,aAAa,qBAAqB,GAAK,KAAM,EAAE,EAC9E,MAAO,CAAC,MAAMC,CAAK,GAAKA,EAAQ,EAAIA,EAAQ,EAChD,EACA,KAAK,gBAAmBC,GAAU,CAC9B,MAAMC,EAAwDD,GAAM,kBAAmB,iBAAmBA,EAAM,OAAS,KACnHE,EAAmED,GAAO,QAAQ,wBAAwB,EAAKA,EAAS,KACxHE,EAAuFD,GAAgB,QAAQ,uBAAuB,GAChHC,EACtB,CAACA,CAAkB,EACnB,CACE,GAAI,KAAK,aAAa,qBAAqB,EAAI,CAAC,IAAI,EAAI,GACxD,GAAG,MAAM,KAAK,KAAK,iBAAiB,uBAAuB,CAAC,CAChF,GACgC,QAASC,GAAU,CACnC,MAAML,EAAQ,KAAK,iBAAiBK,CAAK,EACnCC,EAAU,MAAM,KAAKD,EAAM,iBAAiB,gCAAgC,CAAC,EAC7EE,EAAa,MAAM,KAAKF,EAAM,iBAAiB,sCAAsC,CAAC,EAS5F,GARAE,EAAW,QAASC,GAAa,CAC7BA,EAAS,aAAa,WAAY,UAAU,CAChD,CAAC,EACGF,EAAQ,OAASN,GACjBO,EAAW,QAASC,GAAa,CAC7BA,EAAS,gBAAgB,UAAU,CACvC,CAAC,EAED,EAAAF,EAAQ,QAAUN,GAEtB,IAAuEG,GAAgB,SAAYE,EAAM,SAASF,CAAe,EAAG,CAChIA,EAAgB,QAAU,GAC1B,MACJ,CACAG,EAAQ,MAAMN,CAAK,EAAE,QAASQ,GAAa,CACvCA,EAAS,QAAU,EACvB,CAAC,EACL,CAAC,CACL,EACA,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EAClC,MAAMC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAY;AAAA;AAAA;AAAA;AAAA,MAKrB,KAAK,WAAW,YAAYA,EAAS,QAAQ,UAAU,EAAI,CAAC,CAChE,CACA,YAAYC,EAAM,CAKd,MAJI,EAAAA,EAAK,cAAc,UAAU,GAE7BA,EAAK,cAAc,iCAAiC,GAAKA,EAAK,cAAc,iCAAiC,GAE7GA,EAAK,cAAc,+CAA+C,EAG1E,CAEA,mBAAoB,CAChB,MAAMA,EAAO,KAAK,cAAc,MAAM,EACtC,GAAI,CAACA,EACD,MAAO,GACXA,EAAK,aAAa,aAAc,MAAM,EAEtCA,EAAK,iBAAiB,SAAW,GAAM,CACnC,IAAIC,EACJD,EAAK,UAAU,IAAI,eAAe,EAC7B,KAAK,YAAYA,CAAI,IACtB,EAAE,eAAc,GACfC,EAAiDD,GAAK,cAAc,eAAe,KAAO,MAAQC,IAAO,QAAkBA,EAAG,eAAc,EAErJ,CAAC,EAED,MAAM,KAAKD,EAAK,iBAAiB,yBAAyB,CAAC,EAAE,QAASE,GAAU,CAC5EA,EAAM,aAAa,4BAA6B,MAAM,EACtDA,EAAM,gBAAgB,UAAU,CACpC,CAAC,EAED,MAAM,KAAKF,EAAK,iBAAiB,8BAA8B,CAAC,EAAE,QAASE,GAAU,CACjFA,EAAM,aAAa,iCAAkC,MAAM,EAC3DA,EAAM,gBAAgB,eAAe,CACzC,CAAC,EACD,KAAK,OAAM,EACX,KAAK,OAAM,EACX,KAAK,WAAU,EACf,KAAK,UAAS,EACd,KAAK,WAAU,EACf,KAAK,WAAU,EACf,KAAK,QAAO,EACZ,KAAK,QAAO,EACZ,KAAK,gBAAe,EACpBF,EAAK,iBAAiB,SAAWT,GAAU,CACvC,KAAK,OAAM,EACX,KAAK,OAAM,EACX,KAAK,WAAU,EACf,KAAK,UAAS,EACd,KAAK,WAAU,EACf,KAAK,WAAU,EACf,KAAK,QAAO,EACZ,KAAK,QAAO,EACZ,KAAK,gBAAgBA,CAAK,EAC1B,MAAM,KAAKS,EAAK,iBAAiB,yFAAyF,CAAC,EAAE,QAASE,GAAU,CAC5IA,EAAM,gBAAgB,UAAU,EAChCA,EAAM,gBAAgB,eAAe,CACzC,CAAC,EACD,MAAM,KAAKF,EAAK,iBAAiB,0CAA0C,CAAC,EAAE,QAASE,GAAU,CACnE,OAAO,iBAAiBA,EAAM,QAAQ,cAAc,CAAC,EACzD,iBAAiB,SAAS,GAAK,SACjDA,EAAM,aAAa,WAAY,UAAU,CACjD,CAAC,EACD,MAAM,KAAKF,EAAK,iBAAiB,+CAA+C,CAAC,EAAE,QAASE,GAAU,CACxE,OAAO,iBAAiBA,EAAM,QAAQ,cAAc,CAAC,EACzD,iBAAiB,SAAS,GAAK,SACjDA,EAAM,aAAa,gBAAiB,MAAM,CAClD,CAAC,CACL,CAAC,CACL,CACJ"}
+{"version":3,"file":"form.component.min.js","sources":["../_global.js","../../modules/form.js","form.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","const getConditions = (conditions) => JSON.parse(conditions || '[]');\nconst getFormControl = (form, id) => form.querySelector(`#${id}`);\nexport const isFormValid = (form) => {\n    if (form.querySelector(':invalid'))\n        return false;\n    if (form.querySelector('.pwd-checker[data-strength=\"1\"]') || form.querySelector('.pwd-checker[data-strength=\"2\"]'))\n        return false;\n    if (form.querySelector('iam-multiselect[data-is-required][data-error]'))\n        return false;\n    return true;\n};\nexport const checkConditions = (conditions, form) => {\n    let meetsCondition = true;\n    getConditions(conditions).forEach((condition) => {\n        const input = getFormControl(form, condition.if);\n        if ((input === null || input === void 0 ? void 0 : input.value) != condition.equals)\n            meetsCondition = false;\n    });\n    return meetsCondition;\n};\nexport const showIf = (form) => {\n    form.querySelectorAll('[data-show-if]').forEach((element) => {\n        if (!checkConditions(element.getAttribute('data-show-if'), form))\n            element.classList.add('d-none');\n        else\n            element.classList.remove('d-none');\n    });\n};\nexport const hideIf = (form) => {\n    form.querySelectorAll('[data-hide-if]').forEach((element) => {\n        if (checkConditions(element.getAttribute('data-hide-if'), form))\n            element.classList.add('d-none');\n        else\n            element.classList.remove('d-none');\n    });\n};\nexport const disabledIf = (form) => {\n    form.querySelectorAll('[data-disabled-if]').forEach((element) => {\n        if (checkConditions(element.getAttribute('data-disabled-if'), form))\n            element.setAttribute('disabled', 'disabled');\n        else\n            element.removeAttribute('disabled');\n    });\n};\nexport const enabledIf = (form) => {\n    form.querySelectorAll('[data-enabled-if]').forEach((element) => {\n        if (!checkConditions(element.getAttribute('data-enabled-if'), form))\n            element.setAttribute('disabled', 'disabled');\n        else\n            element.removeAttribute('disabled');\n    });\n};\nexport const requiredIf = (form) => {\n    form.querySelectorAll('[data-required-if]').forEach((element) => {\n        if (checkConditions(element.getAttribute('data-required-if'), form))\n            element.setAttribute('required', 'required');\n        else\n            element.removeAttribute('required');\n    });\n};\nexport const readonlyIf = (form) => {\n    form.querySelectorAll('[data-readonly-if]').forEach((element) => {\n        if (checkConditions(element.getAttribute('data-readonly-if'), form))\n            element.setAttribute('readonly', 'readonly');\n        else\n            element.removeAttribute('readonly');\n    });\n};\nexport const writeIf = (form) => {\n    form.querySelectorAll('[data-write-if]').forEach((element) => {\n        if (!checkConditions(element.getAttribute('data-write-if'), form))\n            element.setAttribute('readonly', 'readonly');\n        else\n            element.removeAttribute('readonly');\n    });\n};\nexport const emptyIf = (form) => {\n    form.querySelectorAll('[data-empty-if]').forEach((element) => {\n        if (checkConditions(element.getAttribute('data-empty-if'), form))\n            element.value = \"\";\n    });\n};\nexport const getCheckboxLimit = (element) => {\n    const limit = parseInt(element.getAttribute('data-checkbox-limit') || '10', 10);\n    return !isNaN(limit) && limit > 0 ? limit : 10;\n};\nexport const limitCheckboxes = (event, root) => {\n    console.log(event);\n    const target = (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLInputElement ? event.target : null;\n    const changedCheckbox = (target === null || target === void 0 ? void 0 : target.matches('input[type=\"checkbox\"]')) ? target : null;\n    const checkboxLimitGroup = changedCheckbox === null || changedCheckbox === void 0 ? void 0 : changedCheckbox.closest('[data-checkbox-limit]');\n    const checkboxLimitGroups = checkboxLimitGroup\n        ? [checkboxLimitGroup]\n        : [\n            ...(root.hasAttribute('data-checkbox-limit') ? [root] : []),\n            ...Array.from(root.querySelectorAll('[data-checkbox-limit]')),\n        ];\n    checkboxLimitGroups.forEach((group) => {\n        const limit = getCheckboxLimit(group);\n        const checked = Array.from(group.querySelectorAll('input[type=\"checkbox\"]:checked'));\n        const notChecked = Array.from(group.querySelectorAll('input[type=\"checkbox\"]:not(:checked)'));\n        notChecked.forEach((checkbox) => {\n            checkbox.setAttribute('disabled', 'disabled');\n        });\n        if (checked.length < limit) {\n            notChecked.forEach((checkbox) => {\n                checkbox.removeAttribute('disabled');\n            });\n            return;\n        }\n        if (checked.length == limit) {\n            // Data layer Web component created\n            const eventDetails = { element: group.hasAttribute('id') ? `#${group.getAttribute('id')}` : '', limit: limit };\n            const changeEvent = new CustomEvent('checkbox-limit-reached', { detail: eventDetails });\n            root.dispatchEvent(changeEvent);\n            const formWindow = window;\n            formWindow.dataLayer = formWindow.dataLayer || [];\n            formWindow.dataLayer.push(Object.assign({ 'event': 'checkbox-limit-reached' }, eventDetails));\n            return;\n        }\n        if ((changedCheckbox === null || changedCheckbox === void 0 ? void 0 : changedCheckbox.checked) && group.contains(changedCheckbox)) {\n            changedCheckbox.checked = false;\n            return;\n        }\n        checked.slice(limit).forEach((checkbox) => {\n            checkbox.checked = false;\n        });\n    });\n};\n","import { trackComponentRegistered } from '../_global';\nimport { isFormValid, showIf, hideIf, disabledIf, enabledIf, requiredIf, readonlyIf, writeIf, emptyIf, limitCheckboxes } from '../../modules/form';\ntrackComponentRegistered('iam-form');\nclass iamForm extends HTMLElement {\n    constructor() {\n        super();\n        const shadowRoot = this.attachShadow({ mode: 'open' });\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <div class=\"wrapper\">\n      <slot></slot>\n    </div>\n    `;\n        shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        var _a;\n        const form = (_a = this.querySelector('form')) !== null && _a !== void 0 ? _a : this;\n        if (!form)\n            return;\n        form.setAttribute('novalidate', 'true');\n        // Form validation\n        form.addEventListener('submit', (event) => {\n            var _a;\n            form.classList.add('was-validated');\n            if (!isFormValid(form)) {\n                event.preventDefault();\n                (_a = form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n            }\n        });\n        // conditional reveal required fields\n        form.querySelectorAll('.conditional [required]').forEach((input) => {\n            input.setAttribute('data-conditional-required', 'true');\n            input.removeAttribute('required');\n        });\n        // conditional reveal required fields (for fields inside of components like the address lookup)\n        form.querySelectorAll('.conditional [data-required]').forEach((input) => {\n            input.setAttribute('data-conditional-data-required', 'true');\n            input.removeAttribute('data-required');\n        });\n        showIf(this);\n        hideIf(this);\n        disabledIf(this);\n        enabledIf(this);\n        requiredIf(this);\n        readonlyIf(this);\n        writeIf(this);\n        emptyIf(this);\n        limitCheckboxes(null, this);\n        form.addEventListener('change', (event) => {\n            showIf(this);\n            hideIf(this);\n            disabledIf(this);\n            enabledIf(this);\n            requiredIf(this);\n            readonlyIf(this);\n            writeIf(this);\n            emptyIf(this);\n            limitCheckboxes(event, form);\n            form.querySelectorAll('.conditional [data-conditional-required], .conditional [data-conditional-data-required]').forEach((input) => {\n                input.removeAttribute('required');\n                input.removeAttribute('data-required');\n            });\n            form.querySelectorAll('.conditional [data-conditional-required]').forEach((input) => {\n                const conditionalElement = input.closest('.conditional');\n                if (!conditionalElement)\n                    return;\n                const conditionalStyles = window.getComputedStyle(conditionalElement);\n                if (conditionalStyles.getPropertyValue(\"display\") == 'block')\n                    input.setAttribute('required', 'required');\n            });\n            form.querySelectorAll('.conditional [data-conditional-data-required]').forEach((input) => {\n                const conditionalElement = input.closest('.conditional');\n                if (!conditionalElement)\n                    return;\n                const conditionalStyles = window.getComputedStyle(conditionalElement);\n                if (conditionalStyles.getPropertyValue(\"display\") == 'block')\n                    input.setAttribute('data-required', 'true');\n            });\n        });\n    }\n}\nexport default iamForm;\n"],"names":["trackComponentRegistered","componentName","getConditions","conditions","getFormControl","form","id","isFormValid","checkConditions","meetsCondition","condition","input","showIf","element","hideIf","disabledIf","enabledIf","requiredIf","readonlyIf","writeIf","emptyIf","getCheckboxLimit","limit","limitCheckboxes","event","root","target","changedCheckbox","checkboxLimitGroup","group","checked","notChecked","checkbox","eventDetails","changeEvent","formWindow","iamForm","shadowRoot","template","_a","conditionalElement"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta6
   * Copyright 2022-2026 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class o extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
     <style>

package/assets/js/components/inline-edit/inline-edit.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta6
   * Copyright 2022-2026 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"inline edit"});class v extends HTMLElement{constructor(){super();const t=this.attachShadow({mode:"open"});document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
     <style class="styles">
@@ -18,5 +18,5 @@
       <span class="btn btn-action border-0 bg-transparent prevent-invert d-none" id="saved"><i class="fa-regular fa-check me-1"></i> Saved</span>
       <span class="btn btn-action border-0 bg-transparent prevent-invert d-none" id="notsaved"><i class="fa-regular fa-circle-info me-1"></i> Not Saved</span>
     </div>
-    `,t.appendChild(a.content.cloneNode(!0))}connectedCallback(){const t=this,a=this.shadowRoot.querySelector("#save"),c=this.shadowRoot.querySelector("#cancel"),e=this.querySelector("input, textarea, select"),s=this.querySelector(".preview"),o=this.shadowRoot.querySelector("#saving"),d=this.shadowRoot.querySelector("#saved"),l=this.shadowRoot.querySelector("#notsaved");let i=e?e.value:"";c.addEventListener("click",()=>{e&&(e.value=i,e.blur()),t.blur(),t.classList.remove("was-validated"),l.classList.add("d-none");const n=new CustomEvent("inline-edit-cancel",{detail:{name:e.getAttribute("name")}});t.dispatchEvent(n)}),a.addEventListener("click",()=>{if(t.querySelector(":invalid"))return t.classList.add("was-validated"),!1;i=e.value;const n=new CustomEvent("inline-edit-save",{detail:{name:e.getAttribute("name"),value:e.value}});t.dispatchEvent(n),t.blur(),o.classList.remove("d-none"),e&&(e.disabled=!0,e.blur(),s&&(s.innerHTML=e.value))}),e&&(e.tagName==="INPUT"&&e.addEventListener("keydown",n=>{switch(n.key){case"Enter":n.stopPropagation(),n.preventDefault(),a.click();break}}),e.tagName==="SELECT"&&e.addEventListener("change",()=>{i=e.value;const n=new CustomEvent("inline-edit-save",{detail:{name:e.getAttribute("name"),value:e.value}});t.dispatchEvent(n),t.setAttribute("data-saving","true"),e.disabled=!0,e.blur()}),e.tagName!="SELECT"&&e.addEventListener("focus",()=>{e.select()}),e.addEventListener("blur",()=>{if(e.value!=i)if(t.hasAttribute("data-autosave")){i=e.value;const n=new CustomEvent("inline-edit-autosave",{detail:{name:e.getAttribute("name"),value:e.value}});t.dispatchEvent(n),o.classList.remove("d-none"),s&&(s.innerHTML=e.value)}else t.querySelector(".inline-feedback")||l.classList.remove("d-none")})),t.addEventListener("inline-edit-saved",()=>{setTimeout(()=>{o.classList.add("d-none"),d.classList.remove("d-none");const n=new CustomEvent("inline-edit-confirmed",{detail:{name:e.getAttribute("name")}});t.dispatchEvent(n)},100),setTimeout(()=>{e.disabled=!1,t.removeAttribute("data-saving"),o.classList.add("d-none"),d.classList.add("d-none"),l.classList.add("d-none")},1e3)}),t.addEventListener("change",n=>{if(n&&n.target instanceof HTMLElement&&n.target.closest('input[type="checkbox"]')){let r="";Array.from(t.querySelectorAll('label input[type="checkbox"]:checked')).forEach((p,b)=>{b!=0&&(r+=", "),r+=p.value});const m=new CustomEvent("inline-edit-save",{detail:{name:n.target.closest('input[type="checkbox"]').getAttribute("name"),value:r}});t.dispatchEvent(m)}})}}export{v as default};
+    `,t.appendChild(a.content.cloneNode(!0))}connectedCallback(){const t=this,a=this.shadowRoot.querySelector("#save"),c=this.shadowRoot.querySelector("#cancel"),e=this.querySelector("input, textarea, select"),s=this.querySelector(".preview"),o=this.shadowRoot.querySelector("#saving"),d=this.shadowRoot.querySelector("#saved"),l=this.shadowRoot.querySelector("#notsaved");let i=e?e.value:"";c.addEventListener("click",()=>{e&&(e.value=i,e.blur()),t.blur(),t.classList.remove("was-validated"),l.classList.add("d-none");const n=new CustomEvent("inline-edit-cancel",{detail:{name:e.getAttribute("name")}});t.dispatchEvent(n)}),a.addEventListener("click",()=>{if(t.querySelector(":invalid"))return t.classList.add("was-validated"),!1;i=e.value;const n=new CustomEvent("inline-edit-save",{detail:{name:e.getAttribute("name"),value:e.value}});t.dispatchEvent(n),t.blur(),o.classList.remove("d-none"),e&&(e.disabled=!0,e.blur(),s&&(s.innerHTML=e.value))}),e&&(e.tagName==="INPUT"&&e.addEventListener("keydown",n=>{n.key==="Enter"&&(n.stopPropagation(),n.preventDefault(),a.click())}),e.tagName==="SELECT"&&e.addEventListener("change",()=>{i=e.value;const n=new CustomEvent("inline-edit-save",{detail:{name:e.getAttribute("name"),value:e.value}});t.dispatchEvent(n),t.setAttribute("data-saving","true"),e.disabled=!0,e.blur()}),e.tagName!="SELECT"&&e.addEventListener("focus",()=>{e.select()}),e.addEventListener("blur",()=>{if(e.value!=i)if(t.hasAttribute("data-autosave")){i=e.value;const n=new CustomEvent("inline-edit-autosave",{detail:{name:e.getAttribute("name"),value:e.value}});t.dispatchEvent(n),o.classList.remove("d-none"),s&&(s.innerHTML=e.value)}else t.querySelector(".inline-feedback")||l.classList.remove("d-none")})),t.addEventListener("inline-edit-saved",()=>{setTimeout(()=>{o.classList.add("d-none"),d.classList.remove("d-none");const n=new CustomEvent("inline-edit-confirmed",{detail:{name:e.getAttribute("name")}});t.dispatchEvent(n)},100),setTimeout(()=>{e.disabled=!1,t.removeAttribute("data-saving"),o.classList.add("d-none"),d.classList.add("d-none"),l.classList.add("d-none")},1e3)}),t.addEventListener("change",n=>{if(n&&n.target instanceof HTMLElement&&n.target.closest('input[type="checkbox"]')){let r="";Array.from(t.querySelectorAll('label input[type="checkbox"]:checked')).forEach((p,b)=>{b!=0&&(r+=", "),r+=p.value});const m=new CustomEvent("inline-edit-save",{detail:{name:n.target.closest('input[type="checkbox"]').getAttribute("name"),value:r}});t.dispatchEvent(m)}})}}export{v as default};
 //# sourceMappingURL=inline-edit.component.min.js.map

package/assets/js/components/inline-edit/inline-edit.component.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-edit.component.min.js","sources":["inline-edit.component.js"],"sourcesContent":["// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'inline edit',\n});\nclass iamInlineEdit extends HTMLElement {\n    constructor() {\n        super();\n        const shadowRoot = this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/inline-edit.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style class=\"styles\">\n    \n    ${loadCSS}\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/8bd0fca975.css\" crossorigin=\"anonymous\">\n    \n    <slot></slot>\n    <div class=\"btns\" part=\"btns\">\n      <button class=\"btn btn-action\" id=\"save\" part=\"save-btn\"><i class=\"fa-regular fa-save m-0\"></i> Save</button><button class=\"btn btn-action\" id=\"cancel\" part=\"cancel-btn\">Cancel</button>\n    </div>\n    <div class=\"status pe-none\" part=\"status\">\n      <span class=\"btn btn-action border-0 bg-transparent prevent-invert d-none\" id=\"saving\"><i class=\"fa-regular fa-spinner fa-spin me-1\"></i> Saving...</span>\n      <span class=\"btn btn-action border-0 bg-transparent prevent-invert d-none\" id=\"saved\"><i class=\"fa-regular fa-check me-1\"></i> Saved</span>\n      <span class=\"btn btn-action border-0 bg-transparent prevent-invert d-none\" id=\"notsaved\"><i class=\"fa-regular fa-circle-info me-1\"></i> Not Saved</span>\n    </div>\n    `;\n        shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const inlineEdit = this;\n        const saveButton = this.shadowRoot.querySelector('#save');\n        const cancelButton = this.shadowRoot.querySelector('#cancel');\n        const input = this.querySelector('input, textarea, select');\n        const preview = this.querySelector('.preview');\n        const statusSaving = this.shadowRoot.querySelector('#saving');\n        const statusSaved = this.shadowRoot.querySelector('#saved');\n        const statusNotSaved = this.shadowRoot.querySelector('#notsaved');\n        // Save the original value for later\n        let originalValue = input ? input.value : '';\n        // cancel\n        cancelButton.addEventListener('click', () => {\n            if (input) {\n                input.value = originalValue;\n                input.blur();\n            }\n            inlineEdit.blur();\n            inlineEdit.classList.remove('was-validated');\n            statusNotSaved.classList.add('d-none');\n            const cancelEvent = new CustomEvent('inline-edit-cancel', {\n                detail: { name: input.getAttribute('name') },\n            });\n            inlineEdit.dispatchEvent(cancelEvent);\n        });\n        // Save\n        saveButton.addEventListener('click', () => {\n            if (inlineEdit.querySelector(':invalid')) {\n                inlineEdit.classList.add('was-validated');\n                return false;\n            }\n            originalValue = input.value;\n            // dispatch save event\n            const saveEvent = new CustomEvent('inline-edit-save', {\n                detail: { name: input.getAttribute('name'), value: input.value },\n            });\n            inlineEdit.dispatchEvent(saveEvent);\n            inlineEdit.blur();\n            statusSaving.classList.remove('d-none');\n            if (input) {\n                input.disabled = true;\n                input.blur();\n                if (preview) {\n                    preview.innerHTML = input.value;\n                }\n            }\n        });\n        if (input) {\n            // Save\n            if (input.tagName === 'INPUT') {\n                input.addEventListener('keydown', (event) => {\n                    switch (event.key // change to event.key to key to use the above variable\n                    ) {\n                        case 'Enter':\n                            event.stopPropagation();\n                            event.preventDefault();\n                            saveButton.click();\n                            break;\n                    }\n                });\n            }\n            // enter key saves\n            if (input.tagName === 'SELECT') {\n                input.addEventListener('change', () => {\n                    originalValue = input.value;\n                    const saveEvent = new CustomEvent('inline-edit-save', {\n                        detail: { name: input.getAttribute('name'), value: input.value },\n                    });\n                    inlineEdit.dispatchEvent(saveEvent);\n                    inlineEdit.setAttribute('data-saving', 'true');\n                    input.disabled = true;\n                    input.blur();\n                });\n            }\n            if (input.tagName != 'SELECT') {\n                input.addEventListener('focus', () => {\n                    input.select();\n                });\n            }\n            //blur it should autosave\n            input.addEventListener('blur', () => {\n                if (input.value != originalValue) {\n                    if (inlineEdit.hasAttribute('data-autosave')) {\n                        originalValue = input.value;\n                        const saveEvent = new CustomEvent('inline-edit-autosave', {\n                            detail: { name: input.getAttribute('name'), value: input.value },\n                        });\n                        inlineEdit.dispatchEvent(saveEvent);\n                        statusSaving.classList.remove('d-none');\n                        if (preview) {\n                            preview.innerHTML = input.value;\n                        }\n                    }\n                    else if (!inlineEdit.querySelector('.inline-feedback')) {\n                        statusNotSaved.classList.remove('d-none');\n                    }\n                }\n            });\n        }\n        // Saved\n        inlineEdit.addEventListener('inline-edit-saved', () => {\n            setTimeout(() => {\n                statusSaving.classList.add('d-none');\n                statusSaved.classList.remove('d-none');\n                const confirmEvent = new CustomEvent('inline-edit-confirmed', {\n                    detail: { name: input.getAttribute('name') },\n                });\n                inlineEdit.dispatchEvent(confirmEvent);\n            }, 100);\n            // Reset to normal\n            setTimeout(() => {\n                input.disabled = false;\n                inlineEdit.removeAttribute('data-saving');\n                statusSaving.classList.add('d-none');\n                statusSaved.classList.add('d-none');\n                statusNotSaved.classList.add('d-none');\n            }, 1000);\n        });\n        // checkboxes\n        inlineEdit.addEventListener('change', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('input[type=\"checkbox\"]')) {\n                let saveValue = '';\n                Array.from(inlineEdit.querySelectorAll(`label input[type=\"checkbox\"]:checked`)).forEach((checkbox, index) => {\n                    if (index != 0)\n                        saveValue += ', ';\n                    saveValue += checkbox.value;\n                });\n                const saveEvent = new CustomEvent('inline-edit-save', {\n                    detail: {\n                        name: event.target.closest('input[type=\"checkbox\"]').getAttribute('name'),\n                        value: saveValue,\n                    },\n                });\n                inlineEdit.dispatchEvent(saveEvent);\n            }\n        });\n    }\n}\nexport default iamInlineEdit;\n"],"names":["iamInlineEdit","shadowRoot","template","inlineEdit","saveButton","cancelButton","input","preview","statusSaving","statusSaved","statusNotSaved","originalValue","cancelEvent","saveEvent","event","confirmEvent","saveValue","checkbox","index"],"mappings":"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"}
+{"version":3,"file":"inline-edit.component.min.js","sources":["inline-edit.component.js"],"sourcesContent":["// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'inline edit',\n});\nclass iamInlineEdit extends HTMLElement {\n    constructor() {\n        super();\n        const shadowRoot = this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/inline-edit.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style class=\"styles\">\n    \n    ${loadCSS}\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/8bd0fca975.css\" crossorigin=\"anonymous\">\n    \n    <slot></slot>\n    <div class=\"btns\" part=\"btns\">\n      <button class=\"btn btn-action\" id=\"save\" part=\"save-btn\"><i class=\"fa-regular fa-save m-0\"></i> Save</button><button class=\"btn btn-action\" id=\"cancel\" part=\"cancel-btn\">Cancel</button>\n    </div>\n    <div class=\"status pe-none\" part=\"status\">\n      <span class=\"btn btn-action border-0 bg-transparent prevent-invert d-none\" id=\"saving\"><i class=\"fa-regular fa-spinner fa-spin me-1\"></i> Saving...</span>\n      <span class=\"btn btn-action border-0 bg-transparent prevent-invert d-none\" id=\"saved\"><i class=\"fa-regular fa-check me-1\"></i> Saved</span>\n      <span class=\"btn btn-action border-0 bg-transparent prevent-invert d-none\" id=\"notsaved\"><i class=\"fa-regular fa-circle-info me-1\"></i> Not Saved</span>\n    </div>\n    `;\n        shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const inlineEdit = this;\n        const saveButton = this.shadowRoot.querySelector('#save');\n        const cancelButton = this.shadowRoot.querySelector('#cancel');\n        const input = this.querySelector('input, textarea, select');\n        const preview = this.querySelector('.preview');\n        const statusSaving = this.shadowRoot.querySelector('#saving');\n        const statusSaved = this.shadowRoot.querySelector('#saved');\n        const statusNotSaved = this.shadowRoot.querySelector('#notsaved');\n        // Save the original value for later\n        let originalValue = input ? input.value : '';\n        // cancel\n        cancelButton.addEventListener('click', () => {\n            if (input) {\n                input.value = originalValue;\n                input.blur();\n            }\n            inlineEdit.blur();\n            inlineEdit.classList.remove('was-validated');\n            statusNotSaved.classList.add('d-none');\n            const cancelEvent = new CustomEvent('inline-edit-cancel', {\n                detail: { name: input.getAttribute('name') },\n            });\n            inlineEdit.dispatchEvent(cancelEvent);\n        });\n        // Save\n        saveButton.addEventListener('click', () => {\n            if (inlineEdit.querySelector(':invalid')) {\n                inlineEdit.classList.add('was-validated');\n                return false;\n            }\n            originalValue = input.value;\n            // dispatch save event\n            const saveEvent = new CustomEvent('inline-edit-save', {\n                detail: { name: input.getAttribute('name'), value: input.value },\n            });\n            inlineEdit.dispatchEvent(saveEvent);\n            inlineEdit.blur();\n            statusSaving.classList.remove('d-none');\n            if (input) {\n                input.disabled = true;\n                input.blur();\n                if (preview) {\n                    preview.innerHTML = input.value;\n                }\n            }\n        });\n        if (input) {\n            // Save\n            if (input.tagName === 'INPUT') {\n                input.addEventListener('keydown', (event) => {\n                    switch (event.key // change to event.key to key to use the above variable\n                    ) {\n                        case 'Enter':\n                            event.stopPropagation();\n                            event.preventDefault();\n                            saveButton.click();\n                            break;\n                    }\n                });\n            }\n            // enter key saves\n            if (input.tagName === 'SELECT') {\n                input.addEventListener('change', () => {\n                    originalValue = input.value;\n                    const saveEvent = new CustomEvent('inline-edit-save', {\n                        detail: { name: input.getAttribute('name'), value: input.value },\n                    });\n                    inlineEdit.dispatchEvent(saveEvent);\n                    inlineEdit.setAttribute('data-saving', 'true');\n                    input.disabled = true;\n                    input.blur();\n                });\n            }\n            if (input.tagName != 'SELECT') {\n                input.addEventListener('focus', () => {\n                    input.select();\n                });\n            }\n            //blur it should autosave\n            input.addEventListener('blur', () => {\n                if (input.value != originalValue) {\n                    if (inlineEdit.hasAttribute('data-autosave')) {\n                        originalValue = input.value;\n                        const saveEvent = new CustomEvent('inline-edit-autosave', {\n                            detail: { name: input.getAttribute('name'), value: input.value },\n                        });\n                        inlineEdit.dispatchEvent(saveEvent);\n                        statusSaving.classList.remove('d-none');\n                        if (preview) {\n                            preview.innerHTML = input.value;\n                        }\n                    }\n                    else if (!inlineEdit.querySelector('.inline-feedback')) {\n                        statusNotSaved.classList.remove('d-none');\n                    }\n                }\n            });\n        }\n        // Saved\n        inlineEdit.addEventListener('inline-edit-saved', () => {\n            setTimeout(() => {\n                statusSaving.classList.add('d-none');\n                statusSaved.classList.remove('d-none');\n                const confirmEvent = new CustomEvent('inline-edit-confirmed', {\n                    detail: { name: input.getAttribute('name') },\n                });\n                inlineEdit.dispatchEvent(confirmEvent);\n            }, 100);\n            // Reset to normal\n            setTimeout(() => {\n                input.disabled = false;\n                inlineEdit.removeAttribute('data-saving');\n                statusSaving.classList.add('d-none');\n                statusSaved.classList.add('d-none');\n                statusNotSaved.classList.add('d-none');\n            }, 1000);\n        });\n        // checkboxes\n        inlineEdit.addEventListener('change', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('input[type=\"checkbox\"]')) {\n                let saveValue = '';\n                Array.from(inlineEdit.querySelectorAll(`label input[type=\"checkbox\"]:checked`)).forEach((checkbox, index) => {\n                    if (index != 0)\n                        saveValue += ', ';\n                    saveValue += checkbox.value;\n                });\n                const saveEvent = new CustomEvent('inline-edit-save', {\n                    detail: {\n                        name: event.target.closest('input[type=\"checkbox\"]').getAttribute('name'),\n                        value: saveValue,\n                    },\n                });\n                inlineEdit.dispatchEvent(saveEvent);\n            }\n        });\n    }\n}\nexport default iamInlineEdit;\n"],"names":["iamInlineEdit","shadowRoot","template","inlineEdit","saveButton","cancelButton","input","preview","statusSaving","statusSaved","statusNotSaved","originalValue","cancelEvent","saveEvent","event","confirmEvent","saveValue","checkbox","index"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta6
   * Copyright 2022-2026 iamproperty
   */const q=k=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:k})};q("iam-iamPrefix");class _ 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>

package/assets/js/components/input-range/input-range.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta6
   * Copyright 2022-2026 iamproperty
   */const o=s=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:s})};o("iam-iamPrefix");class i extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta6
   * Copyright 2022-2026 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Marketing"});class e extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=document.createElement("template");t.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta6
   * Copyright 2022-2026 iamproperty
   */class u extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const n=document.createElement("template");n.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta6
   * Copyright 2022-2026 iamproperty
   */const l=t=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:t})},m=(t,n,a)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:n}),a.forEach(e=>{t.addEventListener(e,function(s){const d={event:e,element:n,target:s.target};Object.keys(s.detail).forEach(o=>{const i=s.detail[o];d[o]=i}),window.dataLayer.push(d)})}),!0),p=function(t){const n=t.dataset.status;if(!n)return;const a=t.shadowRoot.querySelector(".milestone-wrap"),e=document.createElement("span");e.setAttribute("part","status"),e.classList.add("milestone-status"),e.innerHTML=`${n} Step`,n==="Current"&&t.classList.add("current"),a.insertAdjacentElement("afterbegin",e)},u=function(t){const n=t.shadowRoot.querySelector(".task-wrap"),a=t.dataset.items?JSON.parse(t.dataset.items):[];a.length&&(a.forEach(e=>{const s=document.createElement("details"),d=document.createElement("summary"),o=document.createElement("div"),i=document.createElement("p");o.classList.add("task-details"),d.innerHTML=e.name,e.date_completed&&d.classList.add("complete"),s.appendChild(d),e.description&&(i.innerHTML=e.description,o.appendChild(i)),e.actions.length&&o.appendChild(h(e.actions,d)),s.appendChild(o),n.insertAdjacentElement("beforeend",s),s.addEventListener("click",()=>{s?.hasAttribute("open")?r("milestone-item-closed",e.name,t):r("milestone-item-opened",e.name,t)})}),t.appendChild(n))},r=function(t,n,a){const e=new CustomEvent(t,{detail:{title:n}});a.dispatchEvent(e)},h=function(t,n){const a=document.createElement("ul"),e=t.length,d=t.filter(o=>o.date_completed).length||0;if(!(e<1))return n.innerHTML+=` (${d}/${e})`,t.forEach(o=>{const i=document.createElement("li"),c=document.createElement("span");o.date_completed&&(i.classList.add("complete"),c.classList.add("action-date"),c.innerHTML=o.date_completed),i.innerHTML=o.action,i.appendChild(c),a.appendChild(i)}),a},w=function(t){p(t),u(t)};l("iam-milestone");class L extends HTMLElement{constructor(){var n;super(),this.attachShadow({mode:"open"});const a=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${a}/css/core.min.css`,s=document.createElement("template");s.innerHTML=`
     <style>

package/assets/js/components/milestone-group/milestone-group.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta6
   * Copyright 2022-2026 iamproperty
   */const r=t=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:t})},l=(t,s,e)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:s}),e.forEach(n=>{t.addEventListener(n,function(o){const a={event:n,element:s,target:o.target};Object.keys(o.detail).forEach(i=>{const d=o.detail[i];a[i]=d}),window.dataLayer.push(a)})}),!0),u=function(t){if(!t.dataset.showAllToggle)return;const e=document.createElement("button");e.innerHTML="Show next steps",e.classList.add("btn","btn-tertiary","show-all-toggle"),t.appendChild(e),e.addEventListener("click",()=>{t.classList.contains("show-all")?(e.innerHTML="Show next steps",t.classList.remove("show-all"),c("hide-future-items",t)):(e.innerHTML="Hide next steps",t.classList.add("show-all"),c("show-future-items",t))})},c=function(t,s){const e=new CustomEvent(t,{});s.dispatchEvent(e)},h=function(t){u(t)};r("iam-milestone-group");class m extends HTMLElement{constructor(){var s;super();const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",n=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,o=document.createElement("template");o.innerHTML=`
     <style>