@iamproperty/components 7.1.0--beta7 → 7.2.0

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

@@ -1,10 +1,10 @@
 /*!
-  * iamKey v7.1.0--beta7
+  * iamKey v7.2.0
   * Copyright 2022-2025 iamproperty
   */class v extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const i=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${i}/css/core.min.css`,e=document.createElement("template");e.innerHTML=`
     <style>
     @import "${t}";
-    :host{container-type:inline-size;display:block}.pagination{display:block}@container (width > 23.4375em){.pagination{display:flex;align-items:center;justify-content:space-between !important;padding-top:2rem}}.pagination>div{display:flex;align-items:center}.pagination div:is(.page-jump,.per-page){border:1px solid var(--colour-light);height:3.25rem;display:none;align-items:center;padding-inline:1rem}.pagination div:is(.page-jump,.per-page) .select--minimal{height:calc(3.25rem - 1em);line-height:calc(3.25rem - 1em);margin-left:-1rem;font-weight:bold}.pagination div:is(.page-jump,.per-page) div:has(>select){margin-bottom:0}.pagination div:is(.page-jump,.per-page) div:has(>select):after{top:50%}.page-jump{border-right:none !important}.total-pages{white-space:nowrap}:host([data-page-jump][data-minimal]) .page-jump{display:flex !important}@container (width > 23.4375em){:host([data-page-jump]) .page-jump{display:flex !important}}@container (width > 23.4375em){:host([data-per-page]:not([data-page-jump][data-item-count])) .per-page{display:flex !important}}@container (width > 48em){:host([data-per-page][data-page-jump][data-item-count]) .per-page{display:flex !important}}.pagination>.item-count{display:block;text-align:center;margin-bottom:1rem;margin-inline:auto}@container (width > 23.4375em){.pagination>.item-count{display:none}:host([data-item-count]) .pagination>.item-count{display:flex !important;margin:0}}*:where(.prev,.next){border:1px solid var(--colour-light);line-height:3.25rem;height:3.25rem;margin:0;display:none;background:none;padding-inline:1rem;color:var(--colour-body)}@container (width > 23.4375em){*:where(.prev,.next){display:inline-block}}*:where(.prev,.next):after{margin-left:.5em;font-size:.8rem;content:"\uF054";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--pagination-link-color);color:var(--colour-hover)}*:where(.prev,.next):is(:active):not(:disabled){background-color:var(--pagination-link-color);color:var(--colour-active)}*:where(.prev,.next):disabled:after,*:where(.prev,.next):disabled:before{color:inherit !important}:host([data-minimal]) .pagination{justify-content:flex-end}@container (width > 23.4375em){:host([data-minimal]) .pagination{justify-content:space-between}}:host([data-minimal]) *:where(.prev,.next){display:inline-block !important}.prev{border-right:none}.prev:after{display:none}.prev:before{margin-right:.5em;font-size:.8rem;content:"\uF053";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}.mobile-controls{display:block}:host([data-minimal]) .pagination{padding-top:1.5rem;display:flex;align-items:center;justify-content:flex-end}:host([data-minimal]) *:is(.mobile-controls,.item-count){display:none}@container (width > 23.4375em){.mobile-controls{display:none !important}:host([data-item-count]) .item-count{display:flex !important}}.fa-spin{display:none !important;font-size:3rem;color:var(--colour-info)}:host([data-loading]) .mobile-controls{padding-top:2rem}:host([data-loading]) .item-count,:host([data-loading]) .mobile-controls>*:not(.fa-spin){display:none !important}:host([data-loading]) .fa-spin{display:block !important;margin:auto}/*# sourceMappingURL=assets/css/components/pagination.css.map */
+    .m-0{margin:0 !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.mt-0{margin-top:0 !important}.me-0{margin-right:0 !important}.mb-0{margin-bottom:0 !important}.ms-0{margin-left:0 !important}.m-1{margin:0.5rem !important}.mx-1{margin-left:0.5rem !important;margin-right:0.5rem !important}.my-1{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.mt-1{margin-top:0.5rem !important}.me-1{margin-right:0.5rem !important}.mb-1{margin-bottom:0.5rem !important}.ms-1{margin-left:0.5rem !important}.m-2{margin:1rem !important}.mx-2{margin-left:1rem !important;margin-right:1rem !important}.my-2{margin-top:1rem !important;margin-bottom:1rem !important}.mt-2{margin-top:1rem !important}.me-2{margin-right:1rem !important}.mb-2{margin-bottom:1rem !important}.ms-2{margin-left:1rem !important}.m-3{margin:1.5rem !important}.mx-3{margin-left:1.5rem !important;margin-right:1.5rem !important}.my-3{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.mt-3{margin-top:1.5rem !important}.me-3{margin-right:1.5rem !important}.mb-3{margin-bottom:1.5rem !important}.ms-3{margin-left:1.5rem !important}.m-4{margin:2rem !important}.mx-4{margin-left:2rem !important;margin-right:2rem !important}.my-4{margin-top:2rem !important;margin-bottom:2rem !important}.mt-4{margin-top:2rem !important}.me-4{margin-right:2rem !important}.mb-4{margin-bottom:2rem !important}.ms-4{margin-left:2rem !important}.m-5{margin:3rem !important}.mx-5{margin-left:3rem !important;margin-right:3rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.mt-5{margin-top:3rem !important}.me-5{margin-right:3rem !important}.mb-5{margin-bottom:3rem !important}.ms-5{margin-left:3rem !important}.m-auto{margin:auto !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-auto{margin-top:auto !important}.me-auto{margin-right:auto !important}.mb-auto{margin-bottom:auto !important}.ms-auto{margin-left:auto !important}:host{container-type:inline-size;display:block}.pagination{display:block}@container (width > 23.4375em){.pagination{display:flex;align-items:center;justify-content:space-between !important;padding-top:2rem}}.pagination>div{display:flex;align-items:center}.pagination *:has(.prev:disabled):has(.next:disabled){display:none}.pagination div:is(.page-jump,.per-page){border:1px solid var(--colour-light);height:3.25rem;display:none;align-items:center;padding-inline:1rem}.pagination div:is(.page-jump,.per-page) .select--minimal{height:calc(3.25rem - 1em);line-height:calc(3.25rem - 1em);margin-left:-1rem;font-weight:bold}.pagination div:is(.page-jump,.per-page) div:has(>select){margin-bottom:0}.pagination div:is(.page-jump,.per-page) div:has(>select):after{top:50%}.page-jump{border-right:none !important}.total-pages{white-space:nowrap}:host([data-page-jump][data-minimal]) .page-jump{display:flex !important}@container (width > 23.4375em){:host([data-page-jump]) .page-jump{display:flex !important}}@container (width > 23.4375em){:host([data-per-page]:not([data-page-jump][data-item-count])) .per-page{display:flex !important}}@container (width > 48em){:host([data-per-page][data-page-jump][data-item-count]) .per-page{display:flex !important}}.pagination>.item-count{display:block;text-align:center;margin-bottom:1rem;margin-inline:auto}@container (width > 23.4375em){.pagination>.item-count{display:none}:host([data-item-count]) .pagination>.item-count{display:flex !important;margin:0}}*:where(.prev,.next){border:1px solid var(--colour-light);line-height:3.25rem;height:3.25rem;margin:0;display:none;background:none;padding-inline:1rem;color:var(--colour-body)}@container (width > 23.4375em){*:where(.prev,.next){display:inline-block}}*:where(.prev,.next):after{margin-left:.5em;font-size:.8rem;content:"\uF054";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--pagination-link-color);color:var(--colour-hover)}*:where(.prev,.next):is(:active):not(:disabled){background-color:var(--pagination-link-color);color:var(--colour-active)}*:where(.prev,.next):disabled:after,*:where(.prev,.next):disabled:before{color:inherit !important}:host([data-minimal]) .pagination{justify-content:flex-end}@container (width > 23.4375em){:host([data-minimal]) .pagination{justify-content:space-between}}:host([data-minimal]) *:where(.prev,.next){display:inline-block !important}.prev{border-right:none}.prev:after{display:none}.prev:before{margin-right:.5em;font-size:.8rem;content:"\uF053";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}.mobile-controls{display:block}:host([data-minimal]) .pagination{padding-top:1.5rem;display:flex;align-items:center;justify-content:flex-end}:host([data-minimal]) *:is(.mobile-controls,.item-count){display:none}@container (width > 23.4375em){.mobile-controls{display:none !important}:host([data-item-count]) .item-count{display:flex !important}}.fa-spin{display:none !important;font-size:3rem;color:var(--colour-info)}:host([data-loading]) .mobile-controls{padding-top:2rem}:host([data-loading]) .item-count,:host([data-loading]) .mobile-controls>*:not(.fa-spin){display:none !important}:host([data-loading]) .fa-spin{display:block !important;margin:auto}/*# sourceMappingURL=assets/css/components/pagination.css.map */
 
     
     ${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
@@ -39,8 +39,8 @@
         <button class="load-more btn btn-primary m-auto">Load more</a>
       </div>
     </div>
-    `,this.shadowRoot.appendChild(e.content.cloneNode(!0))}connectedCallback(){const i=new URLSearchParams(window.location.search);this.hasAttribute("data-total")||this.setAttribute("data-total",15),this.hasAttribute("data-page")||this.setAttribute("data-page",i.has("page")?i.get("page"):1),this.hasAttribute("data-show")||this.setAttribute("data-show",i.has("show")?i.get("show"):15),this.hasAttribute("data-increment")||this.setAttribute("data-increment",this.getAttribute("data-show"));const t=this.shadowRoot.querySelector(".page-jump select"),e=this.shadowRoot.querySelector(".prev"),d=this.shadowRoot.querySelector(".next"),c=this.shadowRoot.querySelector(".per-page select"),s=this.shadowRoot.querySelector(".load-more");this.setup(),t.addEventListener("change",n=>{this.setAttribute("data-show",this.getAttribute("data-increment")),this.setAttribute("data-page",n.target.value)}),d.addEventListener("click",n=>{t.value=parseInt(t.value)+1,t.dispatchEvent(new Event("change"))}),e.addEventListener("click",n=>{t.value=parseInt(t.value)-1,t.dispatchEvent(new Event("change"))}),c.addEventListener("change",n=>{this.setAttribute("data-increment",n.target.value)}),s.addEventListener("click",n=>{const o=parseInt(this.getAttribute("data-show"))+parseInt(this.getAttribute("data-increment"));this.setAttribute("data-show",o),o>parseInt(this.getAttribute("data-total"))&&s.remove()})}setup(){const i=this.shadowRoot.querySelector(".pagination"),t=this.shadowRoot.querySelector(".page-jump select"),e=this.shadowRoot.querySelector(".prev"),d=this.shadowRoot.querySelector(".next"),c=this.shadowRoot.querySelector(".item-count"),s=this.shadowRoot.querySelector(".per-page select"),n=this.shadowRoot.querySelector(".total-pages"),o=parseInt(this.getAttribute("data-page")),r=parseInt(this.getAttribute("data-total")),l=parseInt(this.getAttribute("data-show")),a=parseInt(this.getAttribute("data-increment")),h=Math.ceil(r/a);r>l&&i.classList.remove("d-none");let m="";for(let p=1;p<=h;p++)m+=`<option value="${p}" ${p==o?"selected":""}>${p}</option>`;t.innerHTML=m,n.innerHTML=`of ${h}`,o==h?d.setAttribute("disabled","disabled"):d.removeAttribute("disabled"),o==1?e.setAttribute("disabled","disabled"):e.removeAttribute("disabled");const g=o==1?1:(o-1)*l+1,u=o==1?l:o*l;c.innerHTML=`${g} - ${u>r?r:u} of ${r} items`;const b=[15,25,40,50];a&&s.value!=a&&!b.includes(a)&&(s.innerHTML=`<option value="${a}">${a}</option>
+    `,this.shadowRoot.appendChild(e.content.cloneNode(!0))}connectedCallback(){const i=new URLSearchParams(window.location.search);this.hasAttribute("data-total")||this.setAttribute("data-total",15),this.hasAttribute("data-page")||this.setAttribute("data-page",i.has("page")?i.get("page"):1),this.hasAttribute("data-show")||this.setAttribute("data-show",i.has("show")?i.get("show"):15),this.hasAttribute("data-increment")||this.setAttribute("data-increment",this.getAttribute("data-show"));const t=this.shadowRoot.querySelector(".page-jump select"),e=this.shadowRoot.querySelector(".prev"),p=this.shadowRoot.querySelector(".next"),d=this.shadowRoot.querySelector(".per-page select"),r=this.shadowRoot.querySelector(".load-more");this.setup(),t.addEventListener("change",o=>{this.setAttribute("data-show",this.getAttribute("data-increment")),this.setAttribute("data-page",o.target.value)}),p.addEventListener("click",()=>{t.value=parseInt(t.value)+1,t.dispatchEvent(new Event("change"))}),e.addEventListener("click",()=>{t.value=parseInt(t.value)-1,t.dispatchEvent(new Event("change"))}),d.addEventListener("change",o=>{this.setAttribute("data-increment",o.target.value)}),r.addEventListener("click",()=>{const o=parseInt(this.getAttribute("data-show"))+parseInt(this.getAttribute("data-increment"));this.setAttribute("data-show",o),o>parseInt(this.getAttribute("data-total"))&&r.remove()})}setup(){const i=this.shadowRoot.querySelector(".pagination"),t=this.shadowRoot.querySelector(".page-jump select"),e=this.shadowRoot.querySelector(".prev"),p=this.shadowRoot.querySelector(".next"),d=this.shadowRoot.querySelector(".item-count"),r=this.shadowRoot.querySelector(".per-page select"),o=this.shadowRoot.querySelector(".total-pages"),n=parseInt(this.getAttribute("data-page")),m=parseInt(this.getAttribute("data-total")),l=parseInt(this.getAttribute("data-show")),a=parseInt(this.getAttribute("data-increment")),c=Math.ceil(m/a);m>l&&i.classList.remove("d-none");let g="";for(let s=1;s<=c;s++)g+=`<option value="${s}" ${s==n?"selected":""}>${s}</option>`;t.innerHTML=g,o.innerHTML=`of ${c}`,n==c?p.setAttribute("disabled","disabled"):p.removeAttribute("disabled"),n==1?e.setAttribute("disabled","disabled"):e.removeAttribute("disabled");const u=n==1?1:(n-1)*l+1,h=n==1?l:n*l;d.innerHTML=`${u} - ${h>m?m:h} of ${m} items`;const b=[15,25,40,50];a&&r.value!=a&&!b.includes(a)&&(r.innerHTML=`<option value="${a}">${a}</option>
       <option value="${a*2}">${a*2}</option>
       <option value="${a*3}">${a*3}</option>
-      <option value="${a*4}">${a*4}</option>`),s.value=a}static get observedAttributes(){return["data-total","data-increment","data-page","data-show"]}attributeChangedCallback(i,t,e){switch(i){case"data-total":{t!=e&&(this.setAttribute("data-page",1),this.setup());break}case"data-show":{t!=e&&(this.setAttribute("data-page",1),this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:e}})));break}case"data-increment":{t!=e&&(this.setAttribute("data-show",e),this.setAttribute("data-page",1),this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:e}})));break}case"data-page":{t&&t!=e&&(this.setup(),this.dispatchEvent(new CustomEvent("update-page",{detail:{page:e}})));break}}}}export{v as default};
+      <option value="${a*4}">${a*4}</option>`),r.value=a}static get observedAttributes(){return["data-total","data-increment","data-page","data-show"]}attributeChangedCallback(i,t,e){switch(i){case"data-total":{t!=e&&(this.setAttribute("data-page",1),this.setup());break}case"data-show":{t!=e&&(this.setAttribute("data-page",1),this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:e}})));break}case"data-increment":{t!=e&&(this.setAttribute("data-show",e),this.setAttribute("data-page",1),this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:e}})));break}case"data-page":{t&&t!=e&&(this.setup(),this.dispatchEvent(new CustomEvent("update-page",{detail:{page:e}})));break}}}}export{v as default};
 //# sourceMappingURL=pagination.component.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.component.min.js","sources":["pagination.component.js"],"sourcesContent":["// @ts-nocheck\nclass iamPagination 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 coreCSS = document.body.hasAttribute('data-core-css')\n            ? document.body.getAttribute('data-core-css')\n            : `${assetLocation}/css/core.min.css`;\n        const loadCSS = `@import \"${assetLocation}/css/components/pagination.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    @import \"${coreCSS}\";\n    ${loadCSS}\n    \n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\">\n    <div class=\"pagination d-none\">\n  \n      <div class=\"minimal\" part=\"minimal\">\n        <div class=\"page-jump\">\n          <div><select class=\"select--minimal\"></select></div>\n          <span class=\"total-pages\"></span>\n        </div>\n        \n        <button class=\"prev\" disabled>Prev</button>\n        <button class=\"next\" disabled>Next</button>\n      </div>\n\n      <div class=\"item-count\" part=\"item-count\"></div>\n      <div class=\"per-page\" part=\"per-page\">\n        <div>\n          <select class=\"select--minimal\">\n            <option value=\"15\">15</option>\n            <option value=\"25\">25</option>\n            <option value=\"40\">40</option>\n            <option value=\"50\">50</option>\n          </select>\n        </div>\n        <span> / page</span>\n      </div>\n      <div class=\"mobile-controls m-auto text-center\">\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        <button class=\"load-more btn btn-primary m-auto\">Load more</a>\n      </div>\n    </div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        // Set default attributes\n        const params = new URLSearchParams(window.location.search);\n        if (!this.hasAttribute('data-total'))\n            this.setAttribute('data-total', 15);\n        if (!this.hasAttribute('data-page'))\n            this.setAttribute('data-page', params.has('page') ? params.get('page') : 1);\n        if (!this.hasAttribute('data-show'))\n            this.setAttribute('data-show', params.has('show') ? params.get('show') : 15);\n        if (!this.hasAttribute('data-increment'))\n            this.setAttribute('data-increment', this.getAttribute('data-show'));\n        // Elements\n        const select = this.shadowRoot.querySelector('.page-jump select');\n        const prev = this.shadowRoot.querySelector('.prev');\n        const next = this.shadowRoot.querySelector('.next');\n        const perPage = this.shadowRoot.querySelector('.per-page select');\n        const loadMore = this.shadowRoot.querySelector('.load-more');\n        // Add the select inputs, enable or disable buttons, update the helper text\n        this.setup();\n        // Select on change will update the data-page attr which will dispatch an event\n        select.addEventListener('change', (event) => {\n            this.setAttribute('data-show', this.getAttribute('data-increment'));\n            this.setAttribute('data-page', event.target.value);\n        });\n        // Next and previous buttons will simply trigger and on change on the select which in turn will dispatch an event\n        next.addEventListener('click', (event) => {\n            select.value = parseInt(select.value) + 1;\n            select.dispatchEvent(new Event('change'));\n        });\n        prev.addEventListener('click', (event) => {\n            select.value = parseInt(select.value) - 1;\n            select.dispatchEvent(new Event('change'));\n        });\n        // Update how many is shown\n        perPage.addEventListener('change', (event) => {\n            this.setAttribute('data-increment', event.target.value);\n        });\n        loadMore.addEventListener('click', (event) => {\n            const newValue = parseInt(this.getAttribute('data-show')) + parseInt(this.getAttribute('data-increment'));\n            this.setAttribute('data-show', newValue);\n            if (newValue > parseInt(this.getAttribute('data-total'))) {\n                loadMore.remove();\n            }\n        });\n    }\n    setup() {\n        // Elements\n        const wrapper = this.shadowRoot.querySelector('.pagination');\n        const select = this.shadowRoot.querySelector('.page-jump select');\n        const prev = this.shadowRoot.querySelector('.prev');\n        const next = this.shadowRoot.querySelector('.next');\n        const itemCount = this.shadowRoot.querySelector('.item-count');\n        const perPage = this.shadowRoot.querySelector('.per-page select');\n        const totalPages = this.shadowRoot.querySelector('.total-pages');\n        // Values\n        const currentPage = parseInt(this.getAttribute('data-page'));\n        const total = parseInt(this.getAttribute('data-total'));\n        const show = parseInt(this.getAttribute('data-show'));\n        const increment = parseInt(this.getAttribute('data-increment'));\n        const numberPages = Math.ceil(total / increment);\n        if (total > show)\n            wrapper.classList.remove('d-none');\n        // Populate the select input with the number of pages\n        let strOptions = '';\n        for (let i = 1; i <= numberPages; i++) {\n            strOptions += `<option value=\"${i}\" ${i == currentPage ? 'selected' : ''}>${i}</option>`;\n        }\n        select.innerHTML = strOptions;\n        totalPages.innerHTML = `of ${numberPages}`;\n        // Next button\n        if (currentPage == numberPages)\n            next.setAttribute('disabled', 'disabled');\n        else\n            next.removeAttribute('disabled');\n        if (currentPage == 1)\n            prev.setAttribute('disabled', 'disabled');\n        else\n            prev.removeAttribute('disabled');\n        // Update the item count text\n        const startPoint = currentPage == 1 ? 1 : (currentPage - 1) * show + 1;\n        const endPoint = currentPage == 1 ? show : currentPage * show;\n        itemCount.innerHTML = `${startPoint} - ${endPoint > total ? total : endPoint} of ${total} items`;\n        const defaultValues = [15, 25, 40, 50];\n        // Update the per page options if needed\n        if (increment && perPage.value != increment && !defaultValues.includes(increment)) {\n            perPage.innerHTML = `<option value=\"${increment}\">${increment}</option>\n      <option value=\"${increment * 2}\">${increment * 2}</option>\n      <option value=\"${increment * 3}\">${increment * 3}</option>\n      <option value=\"${increment * 4}\">${increment * 4}</option>`;\n        }\n        perPage.value = increment;\n    }\n    static get observedAttributes() {\n        return ['data-total', 'data-increment', 'data-page', 'data-show'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        switch (attrName) {\n            case 'data-total': {\n                if (oldVal != newVal) {\n                    this.setAttribute('data-page', 1);\n                    this.setup();\n                }\n                break;\n            }\n            case 'data-show': {\n                if (oldVal != newVal) {\n                    this.setAttribute('data-page', 1);\n                    this.setup();\n                    this.dispatchEvent(new CustomEvent('update-show', { detail: { show: newVal } }));\n                }\n                break;\n            }\n            case 'data-increment': {\n                if (oldVal != newVal) {\n                    this.setAttribute('data-show', newVal);\n                    this.setAttribute('data-page', 1);\n                    this.setup();\n                    this.dispatchEvent(new CustomEvent('update-show', { detail: { show: newVal } }));\n                }\n                break;\n            }\n            case 'data-page': {\n                if (oldVal && oldVal != newVal) {\n                    this.setup();\n                    // Dispact the event for other components to use as triggers\n                    this.dispatchEvent(new CustomEvent('update-page', { detail: { page: newVal } }));\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamPagination;\n"],"names":["iamPagination","assetLocation","coreCSS","template","params","select","prev","next","perPage","loadMore","event","newValue","wrapper","itemCount","totalPages","currentPage","total","show","increment","numberPages","strOptions","i","startPoint","endPoint","defaultValues","attrName","oldVal","newVal"],"mappings":"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"}
+{"version":3,"file":"pagination.component.min.js","sources":["pagination.component.js"],"sourcesContent":["class iamPagination 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 coreCSS = document.body.hasAttribute('data-core-css')\n            ? document.body.getAttribute('data-core-css')\n            : `${assetLocation}/css/core.min.css`;\n        const loadCSS = `@import \"${assetLocation}/css/components/pagination.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    @import \"${coreCSS}\";\n    ${loadCSS}\n    \n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\">\n    <div class=\"pagination d-none\">\n  \n      <div class=\"minimal\" part=\"minimal\">\n        <div class=\"page-jump\">\n          <div><select class=\"select--minimal\"></select></div>\n          <span class=\"total-pages\"></span>\n        </div>\n        \n        <button class=\"prev\" disabled>Prev</button>\n        <button class=\"next\" disabled>Next</button>\n      </div>\n\n      <div class=\"item-count\" part=\"item-count\"></div>\n      <div class=\"per-page\" part=\"per-page\">\n        <div>\n          <select class=\"select--minimal\">\n            <option value=\"15\">15</option>\n            <option value=\"25\">25</option>\n            <option value=\"40\">40</option>\n            <option value=\"50\">50</option>\n          </select>\n        </div>\n        <span> / page</span>\n      </div>\n      <div class=\"mobile-controls m-auto text-center\">\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        <button class=\"load-more btn btn-primary m-auto\">Load more</a>\n      </div>\n    </div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        // Set default attributes\n        const params = new URLSearchParams(window.location.search);\n        if (!this.hasAttribute('data-total'))\n            this.setAttribute('data-total', 15);\n        if (!this.hasAttribute('data-page'))\n            this.setAttribute('data-page', params.has('page') ? params.get('page') : 1);\n        if (!this.hasAttribute('data-show'))\n            this.setAttribute('data-show', params.has('show') ? params.get('show') : 15);\n        if (!this.hasAttribute('data-increment'))\n            this.setAttribute('data-increment', this.getAttribute('data-show'));\n        // Elements\n        const select = this.shadowRoot.querySelector('.page-jump select');\n        const prev = this.shadowRoot.querySelector('.prev');\n        const next = this.shadowRoot.querySelector('.next');\n        const perPage = this.shadowRoot.querySelector('.per-page select');\n        const loadMore = this.shadowRoot.querySelector('.load-more');\n        // Add the select inputs, enable or disable buttons, update the helper text\n        this.setup();\n        // Select on change will update the data-page attr which will dispatch an event\n        select.addEventListener('change', (event) => {\n            this.setAttribute('data-show', this.getAttribute('data-increment'));\n            this.setAttribute('data-page', event.target.value);\n        });\n        // Next and previous buttons will simply trigger and on change on the select which in turn will dispatch an event\n        next.addEventListener('click', () => {\n            select.value = parseInt(select.value) + 1;\n            select.dispatchEvent(new Event('change'));\n        });\n        prev.addEventListener('click', () => {\n            select.value = parseInt(select.value) - 1;\n            select.dispatchEvent(new Event('change'));\n        });\n        // Update how many is shown\n        perPage.addEventListener('change', (event) => {\n            this.setAttribute('data-increment', event.target.value);\n        });\n        loadMore.addEventListener('click', () => {\n            const newValue = parseInt(this.getAttribute('data-show')) + parseInt(this.getAttribute('data-increment'));\n            this.setAttribute('data-show', newValue);\n            if (newValue > parseInt(this.getAttribute('data-total'))) {\n                loadMore.remove();\n            }\n        });\n    }\n    setup() {\n        // Elements\n        const wrapper = this.shadowRoot.querySelector('.pagination');\n        const select = this.shadowRoot.querySelector('.page-jump select');\n        const prev = this.shadowRoot.querySelector('.prev');\n        const next = this.shadowRoot.querySelector('.next');\n        const itemCount = this.shadowRoot.querySelector('.item-count');\n        const perPage = this.shadowRoot.querySelector('.per-page select');\n        const totalPages = this.shadowRoot.querySelector('.total-pages');\n        // Values\n        const currentPage = parseInt(this.getAttribute('data-page'));\n        const total = parseInt(this.getAttribute('data-total'));\n        const show = parseInt(this.getAttribute('data-show'));\n        const increment = parseInt(this.getAttribute('data-increment'));\n        const numberPages = Math.ceil(total / increment);\n        if (total > show)\n            wrapper.classList.remove('d-none');\n        // Populate the select input with the number of pages\n        let strOptions = '';\n        for (let i = 1; i <= numberPages; i++) {\n            strOptions += `<option value=\"${i}\" ${i == currentPage ? 'selected' : ''}>${i}</option>`;\n        }\n        select.innerHTML = strOptions;\n        totalPages.innerHTML = `of ${numberPages}`;\n        // Next button\n        if (currentPage == numberPages)\n            next.setAttribute('disabled', 'disabled');\n        else\n            next.removeAttribute('disabled');\n        if (currentPage == 1)\n            prev.setAttribute('disabled', 'disabled');\n        else\n            prev.removeAttribute('disabled');\n        // Update the item count text\n        const startPoint = currentPage == 1 ? 1 : (currentPage - 1) * show + 1;\n        const endPoint = currentPage == 1 ? show : currentPage * show;\n        itemCount.innerHTML = `${startPoint} - ${endPoint > total ? total : endPoint} of ${total} items`;\n        const defaultValues = [15, 25, 40, 50];\n        // Update the per page options if needed\n        if (increment && perPage.value != increment && !defaultValues.includes(increment)) {\n            perPage.innerHTML = `<option value=\"${increment}\">${increment}</option>\n      <option value=\"${increment * 2}\">${increment * 2}</option>\n      <option value=\"${increment * 3}\">${increment * 3}</option>\n      <option value=\"${increment * 4}\">${increment * 4}</option>`;\n        }\n        perPage.value = increment;\n    }\n    static get observedAttributes() {\n        return ['data-total', 'data-increment', 'data-page', 'data-show'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        switch (attrName) {\n            case 'data-total': {\n                if (oldVal != newVal) {\n                    this.setAttribute('data-page', 1);\n                    this.setup();\n                }\n                break;\n            }\n            case 'data-show': {\n                if (oldVal != newVal) {\n                    this.setAttribute('data-page', 1);\n                    this.setup();\n                    this.dispatchEvent(new CustomEvent('update-show', { detail: { show: newVal } }));\n                }\n                break;\n            }\n            case 'data-increment': {\n                if (oldVal != newVal) {\n                    this.setAttribute('data-show', newVal);\n                    this.setAttribute('data-page', 1);\n                    this.setup();\n                    this.dispatchEvent(new CustomEvent('update-show', { detail: { show: newVal } }));\n                }\n                break;\n            }\n            case 'data-page': {\n                if (oldVal && oldVal != newVal) {\n                    this.setup();\n                    // Dispact the event for other components to use as triggers\n                    this.dispatchEvent(new CustomEvent('update-page', { detail: { page: newVal } }));\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamPagination;\n"],"names":["iamPagination","assetLocation","coreCSS","template","params","select","prev","next","perPage","loadMore","event","newValue","wrapper","itemCount","totalPages","currentPage","total","show","increment","numberPages","strOptions","i","startPoint","endPoint","defaultValues","attrName","oldVal","newVal"],"mappings":"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"}

package/assets/js/components/record-card/record-card.component.js

@@ -7,7 +7,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-// @ts-nocheck
 import { trackComponent, trackComponentRegistered } from '../_global.js';
 import { cardHTML, setupCard } from '../../modules/card.module.js';
 trackComponentRegistered('iam-record-card');
@@ -32,16 +31,15 @@ class iamRecordCard extends HTMLElement {
     }
     connectedCallback() {
         return __awaiter(this, void 0, void 0, function* () {
-            const cardComponent = this;
-            const cardHead = cardComponent.shadowRoot.querySelector('.card__head');
-            setupCard(cardComponent);
-            Array.from(cardComponent.querySelectorAll(':scope > *:not([slot])')).forEach((element, index) => {
+            const cardHead = this.shadowRoot.querySelector('.card__head');
+            setupCard(this);
+            Array.from(this.querySelectorAll(':scope > *:not([slot])')).forEach((element) => {
                 element.setAttribute('slot', 'details');
             });
-            if (cardComponent.hasAttribute('data-avatar')) {
-                cardHead.innerHTML += `<img src="${cardComponent.getAttribute('data-avatar')}" alt="" loading="lazy" class="card__avatar" part="avatar" />`;
+            if (this.hasAttribute('data-avatar')) {
+                cardHead.innerHTML += `<img src="${this.getAttribute('data-avatar')}" alt="" loading="lazy" class="card__avatar" part="avatar" />`;
             }
-            trackComponent(cardComponent, 'iam-record-card', []);
+            trackComponent(this, 'iam-record-card', []);
         });
     }
     static get observedAttributes() {

package/assets/js/components/record-card/record-card.component.min.js

@@ -1,7 +1,7 @@
 /*!
-  * iamKey v7.1.0--beta7
+  * iamKey v7.2.0
   * Copyright 2022-2025 iamproperty
-  */const h=t=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:t})},p=(t,o,a)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:o}),a.forEach(r=>{t.addEventListener(r,function(e){const d={event:r,element:o,target:e.target};Object.keys(e.detail).forEach(i=>{const c=e.detail[i];d[i]=c}),window.dataLayer.push(d)})}),!0),g=`<div class="card__head" part="head">
+  */const h=t=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:t})},p=(t,a,o)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:a}),o.forEach(r=>{t.addEventListener(r,function(e){const d={event:r,element:a,target:e.target};Object.keys(e.detail).forEach(i=>{const c=e.detail[i];d[i]=c}),window.dataLayer.push(d)})}),!0),g=`<div class="card__head" part="head">
   <slot name="head"></slot>
 </div>
 <div class="card__badges"><slot name="badges"></slot></div>
@@ -15,7 +15,7 @@
 </div>
 <div class="card__footer" part="footer">
   <slot name="footer"></slot>
-</div>`,u=t=>{t.classList.add("card");const o=t.shadowRoot.querySelector(".card__head"),a=t.shadowRoot.querySelector(".card__body");t.hasAttribute("data-image")&&(o.innerHTML+=`<img src="${t.getAttribute("data-image")}" alt="" loading="lazy" part="image" />`),t.hasAttribute("data-total")?a.insertAdjacentHTML("beforeend",`<div class="card__total">${t.getAttribute("data-total")}</div>`):t.querySelector('[slot="total-icon"]')&&a.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>'),t.querySelector('[slot="badges"]')?t.shadowRoot.querySelector(".card__badges").classList.remove("empty"):t.shadowRoot.querySelector(".card__badges").classList.add("empty")};var b=function(t,o,a,r){function e(d){return d instanceof a?d:new a(function(i){i(d)})}return new(a||(a=Promise))(function(d,i){function c(n){try{s(r.next(n))}catch(l){i(l)}}function m(n){try{s(r.throw(n))}catch(l){i(l)}}function s(n){n.done?d(n.value):e(n.value).then(c,m)}s((r=r.apply(t,o||[])).next())})};h("iam-record-card");class f extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const o=document.createElement("template");o.innerHTML=`
+</div>`,u=t=>{t.classList.add("card");const a=t.shadowRoot.querySelector(".card__head"),o=t.shadowRoot.querySelector(".card__body");t.hasAttribute("data-image")&&(a.innerHTML+=`<img src="${t.getAttribute("data-image")}" alt="" loading="lazy" part="image" />`),t.hasAttribute("data-total")?o.insertAdjacentHTML("beforeend",`<div class="card__total">${t.getAttribute("data-total")}</div>`):t.querySelector('[slot="total-icon"]')&&o.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>'),t.querySelector('[slot="badges"]')?t.shadowRoot.querySelector(".card__badges").classList.remove("empty"):t.shadowRoot.querySelector(".card__badges").classList.add("empty")};var b=function(t,a,o,r){function e(d){return d instanceof o?d:new o(function(i){i(d)})}return new(o||(o=Promise))(function(d,i){function c(n){try{s(r.next(n))}catch(l){i(l)}}function m(n){try{s(r.throw(n))}catch(l){i(l)}}function s(n){n.done?d(n.value):e(n.value).then(c,m)}s((r=r.apply(t,a||[])).next())})};h("iam-record-card");class f 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>
     ${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
     
@@ -23,5 +23,5 @@
 
     </style>
     ${g}
-    `,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){return b(this,void 0,void 0,function*(){const o=this,a=o.shadowRoot.querySelector(".card__head");u(o),Array.from(o.querySelectorAll(":scope > *:not([slot])")).forEach((r,e)=>{r.setAttribute("slot","details")}),o.hasAttribute("data-avatar")&&(a.innerHTML+=`<img src="${o.getAttribute("data-avatar")}" alt="" loading="lazy" class="card__avatar" part="avatar" />`),p(o,"iam-record-card",[])})}static get observedAttributes(){return["data-image"]}attributeChangedCallback(o,a,r){switch(o){case"data-image":{if(a!=r){const e=this.shadowRoot.querySelector(".card__head img");e&&e.setAttribute("src",r)}break}case"data-avatar":{if(a!=r){const e=this.shadowRoot.querySelector(".card__avatar");e&&e.setAttribute("src",r)}break}}}}export{f as default};
+    `,this.shadowRoot.appendChild(a.content.cloneNode(!0))}connectedCallback(){return b(this,void 0,void 0,function*(){const a=this.shadowRoot.querySelector(".card__head");u(this),Array.from(this.querySelectorAll(":scope > *:not([slot])")).forEach(o=>{o.setAttribute("slot","details")}),this.hasAttribute("data-avatar")&&(a.innerHTML+=`<img src="${this.getAttribute("data-avatar")}" alt="" loading="lazy" class="card__avatar" part="avatar" />`),p(this,"iam-record-card",[])})}static get observedAttributes(){return["data-image"]}attributeChangedCallback(a,o,r){switch(a){case"data-image":{if(o!=r){const e=this.shadowRoot.querySelector(".card__head img");e&&e.setAttribute("src",r)}break}case"data-avatar":{if(o!=r){const e=this.shadowRoot.querySelector(".card__avatar");e&&e.setAttribute("src",r)}break}}}}export{f as default};
 //# sourceMappingURL=record-card.component.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"record-card.component.min.js","sources":["../_global.js","../../modules/card.module.js","record-card.component.js"],"sourcesContent":["// @ts-nocheck\nexport 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=\"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>`;\nexport const setupCard = (cardComponent) => {\n    cardComponent.classList.add('card');\n    const cardHead = cardComponent.shadowRoot.querySelector('.card__head');\n    const cardBody = cardComponent.shadowRoot.querySelector('.card__body');\n    if (cardComponent.hasAttribute('data-image')) {\n        cardHead.innerHTML += `<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        cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\">${cardComponent.getAttribute('data-total')}</div>`);\n    }\n    else if (cardComponent.querySelector('[slot=\"total-icon\"]')) {\n        cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\"><slot name=\"total-icon\"></slot></div>`);\n    }\n    if (!cardComponent.querySelector('[slot=\"badges\"]')) {\n        cardComponent.shadowRoot.querySelector('.card__badges').classList.add('empty');\n    }\n    else {\n        cardComponent.shadowRoot.querySelector('.card__badges').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};\n// @ts-nocheck\nimport { trackComponent, trackComponentRegistered } from '../_global.js';\nimport { cardHTML, setupCard } from '../../modules/card.module.js';\ntrackComponentRegistered('iam-record-card');\nclass iamRecordCard 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/record-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            const cardComponent = this;\n            const cardHead = cardComponent.shadowRoot.querySelector('.card__head');\n            setupCard(cardComponent);\n            Array.from(cardComponent.querySelectorAll(':scope > *:not([slot])')).forEach((element, index) => {\n                element.setAttribute('slot', 'details');\n            });\n            if (cardComponent.hasAttribute('data-avatar')) {\n                cardHead.innerHTML += `<img src=\"${cardComponent.getAttribute('data-avatar')}\" alt=\"\" loading=\"lazy\" class=\"card__avatar\" part=\"avatar\" />`;\n            }\n            trackComponent(cardComponent, 'iam-record-card', []);\n        });\n    }\n    static get observedAttributes() {\n        return ['data-image'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        switch (attrName) {\n            case 'data-image': {\n                if (oldVal != newVal) {\n                    const cardHeadImg = this.shadowRoot.querySelector('.card__head img');\n                    if (cardHeadImg)\n                        cardHeadImg.setAttribute('src', newVal);\n                }\n                break;\n            }\n            case 'data-avatar': {\n                if (oldVal != newVal) {\n                    const cardHeadImg = this.shadowRoot.querySelector('.card__avatar');\n                    if (cardHeadImg)\n                        cardHeadImg.setAttribute('src', newVal);\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamRecordCard;\n"],"names":["trackComponentRegistered","componentName","trackComponent","component","trackEvents","eventName","event","eventDetails","eventKey","eventDetail","cardHTML","setupCard","cardComponent","cardHead","cardBody","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","iamRecordCard","template","element","index","attrName","oldVal","newVal","cardHeadImg"],"mappings":"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"}
+{"version":3,"file":"record-card.component.min.js","sources":["../_global.js","../../modules/card.module.js","record-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=\"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>`;\nexport const setupCard = (cardComponent) => {\n    cardComponent.classList.add('card');\n    const cardHead = cardComponent.shadowRoot.querySelector('.card__head');\n    const cardBody = cardComponent.shadowRoot.querySelector('.card__body');\n    if (cardComponent.hasAttribute('data-image')) {\n        cardHead.innerHTML += `<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        cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\">${cardComponent.getAttribute('data-total')}</div>`);\n    }\n    else if (cardComponent.querySelector('[slot=\"total-icon\"]')) {\n        cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\"><slot name=\"total-icon\"></slot></div>`);\n    }\n    if (!cardComponent.querySelector('[slot=\"badges\"]')) {\n        cardComponent.shadowRoot.querySelector('.card__badges').classList.add('empty');\n    }\n    else {\n        cardComponent.shadowRoot.querySelector('.card__badges').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.js';\nimport { cardHTML, setupCard } from '../../modules/card.module.js';\ntrackComponentRegistered('iam-record-card');\nclass iamRecordCard 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/record-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            const cardHead = this.shadowRoot.querySelector('.card__head');\n            setupCard(this);\n            Array.from(this.querySelectorAll(':scope > *:not([slot])')).forEach((element) => {\n                element.setAttribute('slot', 'details');\n            });\n            if (this.hasAttribute('data-avatar')) {\n                cardHead.innerHTML += `<img src=\"${this.getAttribute('data-avatar')}\" alt=\"\" loading=\"lazy\" class=\"card__avatar\" part=\"avatar\" />`;\n            }\n            trackComponent(this, 'iam-record-card', []);\n        });\n    }\n    static get observedAttributes() {\n        return ['data-image'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        switch (attrName) {\n            case 'data-image': {\n                if (oldVal != newVal) {\n                    const cardHeadImg = this.shadowRoot.querySelector('.card__head img');\n                    if (cardHeadImg)\n                        cardHeadImg.setAttribute('src', newVal);\n                }\n                break;\n            }\n            case 'data-avatar': {\n                if (oldVal != newVal) {\n                    const cardHeadImg = this.shadowRoot.querySelector('.card__avatar');\n                    if (cardHeadImg)\n                        cardHeadImg.setAttribute('src', newVal);\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamRecordCard;\n"],"names":["trackComponentRegistered","componentName","trackComponent","component","trackEvents","eventName","event","eventDetails","eventKey","eventDetail","cardHTML","setupCard","cardComponent","cardHead","cardBody","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","iamRecordCard","template","element","attrName","oldVal","newVal","cardHeadImg"],"mappings":"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"}

package/assets/js/components/search/search.component.js

@@ -7,7 +7,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-// @ts-nocheck
 import Cookies from 'js-cookie';
 import { safeID, resolvePath, isTraversable } from '../../modules/helpers.js';
 // Data layer Web component created
@@ -38,6 +37,9 @@ class iamSearch extends HTMLElement {
     }
     .optional-text {
       display: none;
+    } 
+    .js-hide {
+      display: none !important;
     }
     </style>
     <link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous" />
@@ -47,6 +49,7 @@ class iamSearch extends HTMLElement {
     }
     connectedCallback() {
         return __awaiter(this, void 0, void 0, function* () {
+            // eslint-disable-next-line @typescript-eslint/no-this-alias
             const searchWrapper = this;
             const inputField = this.querySelector('input');
             const valueSchema = this.hasAttribute('data-value-schema') ? this.getAttribute('data-value-schema') : 'value';
@@ -54,6 +57,7 @@ class iamSearch extends HTMLElement {
             const loopSchema = this.hasAttribute('data-schema') ? this.getAttribute('data-schema') : '';
             let datalist = this.querySelector('datalist');
             const searched = [];
+            let ajaxURL = this.getAttribute('data-url');
             // Clone original input field, re-name and use for display purposes
             const displayInputField = inputField.cloneNode();
             displayInputField.setAttribute('name', `${inputField.getAttribute('name')}Alt`);
@@ -72,7 +76,7 @@ class iamSearch extends HTMLElement {
             }
             // Search the endpoint when 3 characters has been added
             if (searchWrapper.hasAttribute('data-url')) {
-                displayInputField.addEventListener('input', (event) => {
+                displayInputField.addEventListener('input', () => {
                     if (displayInputField.value.length == 3 && !searched.includes(displayInputField.value)) {
                         search(displayInputField.value);
                         searched.push(displayInputField.value);
@@ -95,11 +99,10 @@ class iamSearch extends HTMLElement {
                 }
             }
             // on change update oringinal field with the actual value and use displayed input for the nice display text
-            displayInputField.addEventListener('input', (event) => {
+            displayInputField.addEventListener('input', () => {
                 checkMatch();
             });
             const search = (searchterm) => __awaiter(this, void 0, void 0, function* () {
-                let ajaxURL = searchWrapper.getAttribute('data-url');
                 ajaxURL += `${encodeURI(searchterm)}`;
                 // Setup controller vars if not already set
                 if (!window.controller)
@@ -128,7 +131,7 @@ class iamSearch extends HTMLElement {
                         let listString = '';
                         const loopValues = resolvePath(response, loopSchema, '');
                         if (isTraversable(loopValues) && typeof loopValues.forEach == 'function') {
-                            loopValues.forEach((item, index) => {
+                            loopValues.forEach((item) => {
                                 const actualValue = resolvePath(item, valueSchema, '');
                                 const displayValue = resolvePath(item, displaySchema, '').replace('\n', ', ');
                                 console.log(displayValue);
@@ -139,7 +142,7 @@ class iamSearch extends HTMLElement {
                         else if (typeof loopValues == 'object') {
                             for (const [key, value] of Object.entries(loopValues)) {
                                 if (isTraversable(value) && typeof value.forEach == 'function') {
-                                    value.forEach((item, index) => {
+                                    value.forEach((item) => {
                                         const actualValue = resolvePath(item, valueSchema, '');
                                         const displayValue = resolvePath(item, displaySchema, '').replace('\n', ', ');
                                         if (!datalist.querySelector(`option[data-value="${actualValue}"]`))

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

@@ -1,7 +1,7 @@
 /*!
-  * iamKey v7.1.0--beta7
+  * iamKey v7.2.0
   * Copyright 2022-2025 iamproperty
-  */import k from"js-cookie";const q=e=>e.replace(/ /g,"_"),x=function(e){return e=e.toLowerCase(),e=q(e),e=e.replace(/\W/g,""),e},m=(e,s,a)=>s.split(/[\.\[\]\'\"]/).filter(o=>o).reduce((o,d)=>o?o[d]:a,e),S=e=>Array.isArray(e)||e!==null&&["function","object"].includes(typeof e);var L=function(e,s,a,o){function d(r){return r instanceof a?r:new a(function(n){n(r)})}return new(a||(a=Promise))(function(r,n){function v(c){try{u(o.next(c))}catch(i){n(i)}}function t(c){try{u(o.throw(c))}catch(i){n(i)}}function u(c){c.done?r(c.value):d(c.value).then(v,t)}u((o=o.apply(e,s||[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Search"});class C extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const s=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",a=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${s}/css/core.min.css`,o=document.createElement("template");o.innerHTML=`
+  */import $ from"js-cookie";const k=e=>e.replace(/ /g,"_"),j=function(e){return e=e.toLowerCase(),e=k(e),e=e.replace(/\W/g,""),e},b=(e,i,a)=>i.split(/[\.\[\]\'\"]/).filter(o=>o).reduce((o,d)=>o?o[d]:a,e),S=e=>Array.isArray(e)||e!==null&&["function","object"].includes(typeof e);var L=function(e,i,a,o){function d(r){return r instanceof a?r:new a(function(n){n(r)})}return new(a||(a=Promise))(function(r,n){function y(s){try{t(o.next(s))}catch(p){n(p)}}function l(s){try{t(o.throw(s))}catch(p){n(p)}}function t(s){s.done?r(s.value):d(s.value).then(y,l)}t((o=o.apply(e,i||[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Search"});class q extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const i=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",a=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${i}/css/core.min.css`,o=document.createElement("template");o.innerHTML=`
     <style>
     @import "${a}";
     input {
@@ -12,11 +12,14 @@
     }
     .optional-text {
       display: none;
+    } 
+    .js-hide {
+      display: none !important;
     }
     </style>
     <link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous" />
     <slot></slot>
-    `,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){return L(this,void 0,void 0,function*(){const s=this,a=this.querySelector("input"),o=this.hasAttribute("data-value-schema")?this.getAttribute("data-value-schema"):"value",d=this.hasAttribute("data-display-schema")?this.getAttribute("data-display-schema"):"label",r=this.hasAttribute("data-schema")?this.getAttribute("data-schema"):"";let n=this.querySelector("datalist");const v=[],t=a.cloneNode();if(t.setAttribute("name",`${a.getAttribute("name")}Alt`),a.removeAttribute("data-change-events"),t.removeAttribute("id"),a.after(t),a.setAttribute("type","hidden"),!n){n=document.createElement("datalist");const i=x("list");n.setAttribute("id",i),s.appendChild(n),t.setAttribute("list",i)}s.hasAttribute("data-url")&&t.addEventListener("input",i=>{t.value.length==3&&!v.includes(t.value)&&(c(t.value),v.push(t.value))});function u(){const i=n.querySelector(`option[value="${t.value}"]`),l=n.querySelector(`option[value*="${t.value}" i]`);i?a.value=i.getAttribute("data-value"):t.value.length>0&&!l?(t.classList.add("is-invalid"),t.closest("label").setAttribute("data-error","No results returned")):(t.classList.remove("is-invalid"),t.closest("label").removeAttribute("data-error"))}t.addEventListener("input",i=>{u()});const c=i=>L(this,void 0,void 0,function*(){let l=s.getAttribute("data-url");l+=`${encodeURI(i)}`,window.controller||(window.controller=[]),window.controller[l]&&window.controller[l].abort(),window.controller[l]=new AbortController;const{signal:E}=controller[l];try{yield fetch(l,{signal:E,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":k.get("XSRF-TOKEN")})}).then(h=>h.json()).then(h=>{let w="";const p=m(h,r,"");if(S(p)&&typeof p.forEach=="function")p.forEach((b,y)=>{const f=m(b,o,""),A=m(b,d,"").replace(`
-`,", ");console.log(A),n.querySelector(`option[data-value="${f}"]`)||(w+=`<option value="${A}" data-value="${f}"></option>`)});else if(typeof p=="object")for(const[b,y]of Object.entries(p))S(y)&&typeof y.forEach=="function"&&y.forEach((f,A)=>{const g=m(f,o,""),$=m(f,d,"").replace(`
-`,", ");n.querySelector(`option[data-value="${g}"]`)||(w+=`<option value="${b}: ${$}" data-value='${g}'></option>`)});return n.innerHTML+=w,t.closest("form").classList.add("was-validated"),u(),h})}catch(h){console.log(h)}});s.hasAttribute("data-prevent-submit")&&s.closest("form").addEventListener("submit",l=>{l.preventDefault()})})}}export{C as default};
+    `,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){return L(this,void 0,void 0,function*(){const i=this,a=this.querySelector("input"),o=this.hasAttribute("data-value-schema")?this.getAttribute("data-value-schema"):"value",d=this.hasAttribute("data-display-schema")?this.getAttribute("data-display-schema"):"label",r=this.hasAttribute("data-schema")?this.getAttribute("data-schema"):"";let n=this.querySelector("datalist");const y=[];let l=this.getAttribute("data-url");const t=a.cloneNode();if(t.setAttribute("name",`${a.getAttribute("name")}Alt`),a.removeAttribute("data-change-events"),t.removeAttribute("id"),a.after(t),a.setAttribute("type","hidden"),!n){n=document.createElement("datalist");const c=j("list");n.setAttribute("id",c),i.appendChild(n),t.setAttribute("list",c)}i.hasAttribute("data-url")&&t.addEventListener("input",()=>{t.value.length==3&&!y.includes(t.value)&&(p(t.value),y.push(t.value))});function s(){const c=n.querySelector(`option[value="${t.value}"]`),f=n.querySelector(`option[value*="${t.value}" i]`);c?a.value=c.getAttribute("data-value"):t.value.length>0&&!f?(t.classList.add("is-invalid"),t.closest("label").setAttribute("data-error","No results returned")):(t.classList.remove("is-invalid"),t.closest("label").removeAttribute("data-error"))}t.addEventListener("input",()=>{s()});const p=c=>L(this,void 0,void 0,function*(){l+=`${encodeURI(c)}`,window.controller||(window.controller=[]),window.controller[l]&&window.controller[l].abort(),window.controller[l]=new AbortController;const{signal:f}=controller[l];try{yield fetch(l,{signal:f,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":$.get("XSRF-TOKEN")})}).then(u=>u.json()).then(u=>{let A="";const m=b(u,r,"");if(S(m)&&typeof m.forEach=="function")m.forEach(w=>{const h=b(w,o,""),v=b(w,d,"").replace(`
+`,", ");console.log(v),n.querySelector(`option[data-value="${h}"]`)||(A+=`<option value="${v}" data-value="${h}"></option>`)});else if(typeof m=="object")for(const[w,h]of Object.entries(m))S(h)&&typeof h.forEach=="function"&&h.forEach(v=>{const g=b(v,o,""),E=b(v,d,"").replace(`
+`,", ");n.querySelector(`option[data-value="${g}"]`)||(A+=`<option value="${w}: ${E}" data-value='${g}'></option>`)});return n.innerHTML+=A,t.closest("form").classList.add("was-validated"),s(),u})}catch(u){console.log(u)}});i.hasAttribute("data-prevent-submit")&&i.closest("form").addEventListener("submit",f=>{f.preventDefault()})})}}export{q as default};
 //# sourceMappingURL=search.component.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"search.component.min.js","sources":["../../modules/helpers.js","search.component.js"],"sourcesContent":["// @ts-nocheck\n/**\n * Global helper functions to help maintain and enhance framework elements.\n * @module Helpers\n */\n/**\n * Add global classes used by the CSS and later JavaScript.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addBodyClasses = (body) => {\n    body.classList.add('js-enabled');\n    if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {\n        body.classList.add('ie');\n    }\n    return null;\n};\n/**\n * Add global events.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addGlobalEvents = (body) => {\n    const checkElements = function (hash) {\n        const label = document.querySelector(`label[for=\"${hash.replace('#', '')}\"]`);\n        const summary = document.querySelector(hash + ' summary');\n        const dialog = document.querySelector(`dialog${hash}`);\n        const detail = document.querySelector(`detail${hash}`);\n        if (label instanceof HTMLElement)\n            label.click();\n        else if (summary instanceof HTMLElement)\n            summary.click();\n        else if (dialog instanceof HTMLElement)\n            dialog.showModal();\n        else if (detail instanceof HTMLElement)\n            detail.addAttribute('open');\n    };\n    if (location.hash)\n        checkElements(location.hash);\n    window.addEventListener('hashchange', function () {\n        checkElements(location.hash);\n    }, false);\n    addEventListener('popstate', (event) => {\n        if (event && event.state && event.state.type && event.state.type == 'pagination') {\n            const form = document.querySelector(`#${event.state.form}`);\n            const pageInput = document.querySelector(`#${event.state.form} [data-pagination]`);\n            if (pageInput)\n                pageInput.value = event.state.page;\n            else\n                form.innerHTML += `<input name=\"page\" type=\"hidden\" data-pagination=\"true\" value=\"${event.state.page}\" />`;\n            form.dispatchEvent(new Event('submit'));\n        }\n    });\n    document.addEventListener('submit', (event) => {\n        if (event && event.target instanceof HTMLElement && event.target.matches('form')) {\n            const form = event.target;\n            // Reset password types\n            Array.from(form.querySelectorAll('[data-password-type]')).forEach((input, index) => {\n                input.setAttribute('type', 'password');\n            });\n            if (form.querySelector(':invalid') ||\n                form.querySelector('.pwd-checker[data-strength=\"1\"]') ||\n                form.querySelector('.pwd-checker[data-strength=\"2\"]')) {\n                form.classList.add('was-validated');\n                event.preventDefault();\n            }\n            if (form.querySelector('iam-multiselect[data-is-required][data-error]')) {\n                form.classList.add('was-validated');\n                event.preventDefault();\n            }\n        }\n    });\n    document.addEventListener('keydown', (e) => {\n        if (e.key === 'Escape') {\n            if (document.querySelector('.dialog--transactional[open], .dialog--acknowledgement[open]')) {\n                e.preventDefault();\n                e.stopPropagation();\n            }\n        }\n    });\n    Array.from(document.querySelectorAll('label progress')).forEach((progress, index) => {\n        const label = progress.closest('label');\n        label.setAttribute('data-percent', progress.getAttribute('value'));\n    });\n    return null;\n};\nexport const isNumeric = function (str) {\n    if (typeof str != 'string')\n        return false; // we only process strings!\n    return (!isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...\n        !isNaN(parseFloat(str))); // ...and ensure strings of whitespace fail\n};\nexport const zeroPad = (num, places) => String(num).padStart(places, '0');\nexport const ucfirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nexport const ucwords = (str) => str\n    .split(' ')\n    .map((s) => ucfirst(s))\n    .join(' ');\nexport const unsnake = (str) => str.replace(/_/g, ' ');\nexport const snake = (str) => str.replace(/ /g, '_');\nexport const safeID = function (str) {\n    str = str.toLowerCase();\n    str = snake(str);\n    str = str.replace(/\\W/g, '');\n    return str;\n};\nexport const numberOfDays = function (startDateString, endDateString) {\n    const convertStart = startDateString.split('/');\n    const convertEnd = endDateString.split('/');\n    const dateStart = new Date(convertStart[1] + '/' + convertStart[0] + '/' + convertStart[2]);\n    const dateEnd = new Date(convertEnd[1] + '/' + convertEnd[0] + '/' + convertEnd[2]);\n    if (dateStart == 'Invalid Date')\n        throw 'Start date is not a valid date';\n    if (dateEnd == 'Invalid Date')\n        throw 'End date is not a valid date';\n    // To calculate the time difference of two dates\n    const diffTime = dateEnd.getTime() - dateStart.getTime();\n    const numberOfDays = diffTime / (1000 * 3600 * 24) + 1;\n    if (numberOfDays < 0)\n        throw 'The start date should be before the end date';\n    return numberOfDays;\n};\n// Used to get values from nested json objects\nexport const resolvePath = (object, path, defaultValue) => path\n    .split(/[\\.\\[\\]\\'\\\"]/)\n    .filter((p) => p)\n    .reduce((o, p) => (o ? o[p] : defaultValue), object);\nexport const isTraversable = (o) => Array.isArray(o) || (o !== null && ['function', 'object'].includes(typeof o));\nexport const getSwipeDirection = (touchstartX, touchstartY, touchendX, touchendY) => {\n    const limit = Math.tan(((45 * 1.5) / 180) * Math.PI);\n    const pageWidth = window.innerWidth || document.body.clientWidth;\n    const treshold = Math.max(1, Math.floor(0.01 * pageWidth));\n    const x = touchendX - touchstartX;\n    const y = touchendY - touchstartY;\n    const xy = Math.abs(x / y);\n    const yx = Math.abs(y / x);\n    if (Math.abs(x) > treshold || Math.abs(y) > treshold) {\n        if (yx <= limit) {\n            if (x < 0) {\n                return 'left';\n            }\n            else {\n                return 'right';\n            }\n        }\n        if (xy <= limit) {\n            if (y < 0) {\n                return 'top';\n            }\n            else {\n                return 'bottom';\n            }\n        }\n    }\n    else {\n        return 'tap';\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};\n// @ts-nocheck\nimport Cookies from 'js-cookie';\nimport { safeID, resolvePath, isTraversable } from '../../modules/helpers.js';\n// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'Search',\n});\nclass iamSearch 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 coreCSS = document.body.hasAttribute('data-core-css')\n            ? document.body.getAttribute('data-core-css')\n            : `${assetLocation}/css/core.min.css`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    @import \"${coreCSS}\";\n    input {\n      background: red;\n    }\n    input:not(.is-invalid):not(:invalid) {\n      background: none!important;\n    }\n    .optional-text {\n      display: none;\n    }\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\" />\n    <slot></slot>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        return __awaiter(this, void 0, void 0, function* () {\n            const searchWrapper = this;\n            const inputField = this.querySelector('input');\n            const valueSchema = this.hasAttribute('data-value-schema') ? this.getAttribute('data-value-schema') : 'value';\n            const displaySchema = this.hasAttribute('data-display-schema') ? this.getAttribute('data-display-schema') : 'label';\n            const loopSchema = this.hasAttribute('data-schema') ? this.getAttribute('data-schema') : '';\n            let datalist = this.querySelector('datalist');\n            const searched = [];\n            // Clone original input field, re-name and use for display purposes\n            const displayInputField = inputField.cloneNode();\n            displayInputField.setAttribute('name', `${inputField.getAttribute('name')}Alt`);\n            inputField.removeAttribute('data-change-events');\n            displayInputField.removeAttribute('id');\n            inputField.after(displayInputField);\n            // Hide original input field\n            inputField.setAttribute('type', 'hidden');\n            // if data list does not exist then create one and append\n            if (!datalist) {\n                datalist = document.createElement('datalist');\n                const listID = safeID('list');\n                datalist.setAttribute('id', listID);\n                searchWrapper.appendChild(datalist);\n                displayInputField.setAttribute('list', listID);\n            }\n            // Search the endpoint when 3 characters has been added\n            if (searchWrapper.hasAttribute('data-url')) {\n                displayInputField.addEventListener('input', (event) => {\n                    if (displayInputField.value.length == 3 && !searched.includes(displayInputField.value)) {\n                        search(displayInputField.value);\n                        searched.push(displayInputField.value);\n                    }\n                });\n            }\n            function checkMatch() {\n                const match = datalist.querySelector(`option[value=\"${displayInputField.value}\"]`);\n                const subMatch = datalist.querySelector(`option[value*=\"${displayInputField.value}\" i]`);\n                if (match) {\n                    inputField.value = match.getAttribute('data-value');\n                }\n                else if (displayInputField.value.length > 0 && !subMatch) {\n                    displayInputField.classList.add('is-invalid');\n                    displayInputField.closest('label').setAttribute('data-error', 'No results returned');\n                }\n                else {\n                    displayInputField.classList.remove('is-invalid');\n                    displayInputField.closest('label').removeAttribute('data-error');\n                }\n            }\n            // on change update oringinal field with the actual value and use displayed input for the nice display text\n            displayInputField.addEventListener('input', (event) => {\n                checkMatch();\n            });\n            const search = (searchterm) => __awaiter(this, void 0, void 0, function* () {\n                let ajaxURL = searchWrapper.getAttribute('data-url');\n                ajaxURL += `${encodeURI(searchterm)}`;\n                // Setup controller vars if not already set\n                if (!window.controller)\n                    window.controller = [];\n                // Abort if controller already present for this url\n                if (window.controller[ajaxURL])\n                    window.controller[ajaxURL].abort();\n                // Create a new controller so it can be aborted if new fetch made\n                window.controller[ajaxURL] = new AbortController();\n                const { signal } = controller[ajaxURL];\n                try {\n                    yield fetch(ajaxURL, {\n                        signal: signal,\n                        method: 'get',\n                        credentials: 'same-origin',\n                        headers: new Headers({\n                            'Content-Type': 'application/json',\n                            Accept: 'application/json',\n                            'X-Requested-With': 'XMLHttpRequest',\n                            'X-XSRF-TOKEN': Cookies.get('XSRF-TOKEN'),\n                        }),\n                    })\n                        .then((response) => response.json())\n                        .then((response) => {\n                        // populate datalist\n                        let listString = '';\n                        const loopValues = resolvePath(response, loopSchema, '');\n                        if (isTraversable(loopValues) && typeof loopValues.forEach == 'function') {\n                            loopValues.forEach((item, index) => {\n                                const actualValue = resolvePath(item, valueSchema, '');\n                                const displayValue = resolvePath(item, displaySchema, '').replace('\\n', ', ');\n                                console.log(displayValue);\n                                if (!datalist.querySelector(`option[data-value=\"${actualValue}\"]`))\n                                    listString += `<option value=\"${displayValue}\" data-value=\"${actualValue}\"></option>`;\n                            });\n                        }\n                        else if (typeof loopValues == 'object') {\n                            for (const [key, value] of Object.entries(loopValues)) {\n                                if (isTraversable(value) && typeof value.forEach == 'function') {\n                                    value.forEach((item, index) => {\n                                        const actualValue = resolvePath(item, valueSchema, '');\n                                        const displayValue = resolvePath(item, displaySchema, '').replace('\\n', ', ');\n                                        if (!datalist.querySelector(`option[data-value=\"${actualValue}\"]`))\n                                            listString += `<option value=\"${key}: ${displayValue}\" data-value='${actualValue}'></option>`;\n                                    });\n                                }\n                            }\n                        }\n                        datalist.innerHTML += listString;\n                        displayInputField.closest('form').classList.add('was-validated');\n                        checkMatch();\n                        return response;\n                    });\n                }\n                catch (error) {\n                    console.log(error);\n                }\n            });\n            if (searchWrapper.hasAttribute('data-prevent-submit')) {\n                const form = searchWrapper.closest('form');\n                form.addEventListener('submit', (e) => {\n                    e.preventDefault();\n                });\n            }\n        });\n    }\n}\nexport default iamSearch;\n"],"names":["snake","str","safeID","resolvePath","object","path","defaultValue","p","isTraversable","o","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","iamSearch","assetLocation","coreCSS","template","searchWrapper","inputField","valueSchema","displaySchema","loopSchema","datalist","searched","displayInputField","listID","event","search","checkMatch","match","subMatch","searchterm","ajaxURL","signal","Cookies","response","listString","loopValues","item","index","actualValue","displayValue","key","error"],"mappings":"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"}
+{"version":3,"file":"search.component.min.js","sources":["../../modules/helpers.js","search.component.js"],"sourcesContent":["/**\n * Global helper functions to help maintain and enhance framework elements.\n * @module Helpers\n */\n/**\n * Add global classes used by the CSS and later JavaScript.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addBodyClasses = (body) => {\n    body.classList.add('js-enabled');\n    if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {\n        body.classList.add('ie');\n    }\n};\n/**\n * Add global events.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addGlobalEvents = (body) => {\n    const checkElements = function (hash) {\n        const label = document.querySelector(`label[for=\"${hash.replace('#', '')}\"]`);\n        const summary = document.querySelector(hash + ' summary');\n        const dialog = document.querySelector(`dialog${hash}`);\n        const detail = document.querySelector(`detail${hash}`);\n        if (label instanceof HTMLElement)\n            label.click();\n        else if (summary instanceof HTMLElement)\n            summary.click();\n        else if (dialog instanceof HTMLElement)\n            dialog.showModal();\n        else if (detail instanceof HTMLElement)\n            detail.addAttribute('open');\n    };\n    if (location.hash)\n        checkElements(location.hash);\n    window.addEventListener('hashchange', function () {\n        checkElements(location.hash);\n    }, false);\n    addEventListener('popstate', (event) => {\n        if (event && event.state && event.state.type && event.state.type == 'pagination') {\n            const form = document.querySelector(`#${event.state.form}`);\n            const pageInput = document.querySelector(`#${event.state.form} [data-pagination]`);\n            if (pageInput)\n                pageInput.value = event.state.page;\n            else\n                form.innerHTML += `<input name=\"page\" type=\"hidden\" data-pagination=\"true\" value=\"${event.state.page}\" />`;\n            form.dispatchEvent(new Event('submit'));\n        }\n    });\n    document.addEventListener('submit', (event) => {\n        if (event && event.target instanceof HTMLElement && event.target.matches('form')) {\n            const form = event.target;\n            // Reset password types\n            Array.from(form.querySelectorAll('[data-password-type]')).forEach((input) => {\n                input.setAttribute('type', 'password');\n            });\n            if (form.querySelector(':invalid') ||\n                form.querySelector('.pwd-checker[data-strength=\"1\"]') ||\n                form.querySelector('.pwd-checker[data-strength=\"2\"]')) {\n                form.classList.add('was-validated');\n                event.preventDefault();\n            }\n            if (form.querySelector('iam-multiselect[data-is-required][data-error]')) {\n                form.classList.add('was-validated');\n                event.preventDefault();\n            }\n        }\n    });\n    document.addEventListener('keydown', (e) => {\n        if (e.key === 'Escape') {\n            if (document.querySelector('.dialog--transactional[open], .dialog--acknowledgement[open]')) {\n                e.preventDefault();\n                e.stopPropagation();\n            }\n        }\n    });\n    Array.from(document.querySelectorAll('label progress')).forEach((progress) => {\n        const label = progress.closest('label');\n        label.setAttribute('data-percent', progress.getAttribute('value'));\n    });\n};\nexport const isNumeric = function (str) {\n    if (typeof str != 'string')\n        return false; // we only process strings!\n    return (!isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...\n        !isNaN(parseFloat(str))); // ...and ensure strings of whitespace fail\n};\nexport const zeroPad = (num, places) => String(num).padStart(places, '0');\nexport const ucfirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nexport const ucwords = (str) => str\n    .split(' ')\n    .map((s) => ucfirst(s))\n    .join(' ');\nexport const unsnake = (str) => str.replace(/_/g, ' ');\nexport const snake = (str) => str.replace(/ /g, '_');\nexport const safeID = function (str) {\n    str = str.toLowerCase();\n    str = snake(str);\n    str = str.replace(/\\W/g, '');\n    return str;\n};\nexport const numberOfDays = function (startDateString, endDateString) {\n    const convertStart = startDateString.split('/');\n    const convertEnd = endDateString.split('/');\n    const dateStart = new Date(convertStart[1] + '/' + convertStart[0] + '/' + convertStart[2]);\n    const dateEnd = new Date(convertEnd[1] + '/' + convertEnd[0] + '/' + convertEnd[2]);\n    if (dateStart == 'Invalid Date')\n        throw 'Start date is not a valid date';\n    if (dateEnd == 'Invalid Date')\n        throw 'End date is not a valid date';\n    // To calculate the time difference of two dates\n    const diffTime = dateEnd.getTime() - dateStart.getTime();\n    const numberOfDays = diffTime / (1000 * 3600 * 24) + 1;\n    if (numberOfDays < 0)\n        throw 'The start date should be before the end date';\n    return numberOfDays;\n};\n// Used to get values from nested json objects\nexport const resolvePath = (object, path, defaultValue) => path\n    // eslint-disable-next-line no-useless-escape\n    .split(/[\\.\\[\\]\\'\\\"]/)\n    .filter((p) => p)\n    .reduce((o, p) => (o ? o[p] : defaultValue), object);\nexport const isTraversable = (o) => Array.isArray(o) || (o !== null && ['function', 'object'].includes(typeof o));\nexport const getSwipeDirection = (touchstartX, touchstartY, touchendX, touchendY) => {\n    const limit = Math.tan(((45 * 1.5) / 180) * Math.PI);\n    const pageWidth = window.innerWidth || document.body.clientWidth;\n    const treshold = Math.max(1, Math.floor(0.01 * pageWidth));\n    const x = touchendX - touchstartX;\n    const y = touchendY - touchstartY;\n    const xy = Math.abs(x / y);\n    const yx = Math.abs(y / x);\n    if (Math.abs(x) > treshold || Math.abs(y) > treshold) {\n        if (yx <= limit) {\n            if (x < 0) {\n                return 'left';\n            }\n            else {\n                return 'right';\n            }\n        }\n        if (xy <= limit) {\n            if (y < 0) {\n                return 'top';\n            }\n            else {\n                return 'bottom';\n            }\n        }\n    }\n    else {\n        return 'tap';\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 Cookies from 'js-cookie';\nimport { safeID, resolvePath, isTraversable } from '../../modules/helpers.js';\n// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'Search',\n});\nclass iamSearch 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 coreCSS = document.body.hasAttribute('data-core-css')\n            ? document.body.getAttribute('data-core-css')\n            : `${assetLocation}/css/core.min.css`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    @import \"${coreCSS}\";\n    input {\n      background: red;\n    }\n    input:not(.is-invalid):not(:invalid) {\n      background: none!important;\n    }\n    .optional-text {\n      display: none;\n    } \n    .js-hide {\n      display: none !important;\n    }\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\" />\n    <slot></slot>\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 searchWrapper = this;\n            const inputField = this.querySelector('input');\n            const valueSchema = this.hasAttribute('data-value-schema') ? this.getAttribute('data-value-schema') : 'value';\n            const displaySchema = this.hasAttribute('data-display-schema') ? this.getAttribute('data-display-schema') : 'label';\n            const loopSchema = this.hasAttribute('data-schema') ? this.getAttribute('data-schema') : '';\n            let datalist = this.querySelector('datalist');\n            const searched = [];\n            let ajaxURL = this.getAttribute('data-url');\n            // Clone original input field, re-name and use for display purposes\n            const displayInputField = inputField.cloneNode();\n            displayInputField.setAttribute('name', `${inputField.getAttribute('name')}Alt`);\n            inputField.removeAttribute('data-change-events');\n            displayInputField.removeAttribute('id');\n            inputField.after(displayInputField);\n            // Hide original input field\n            inputField.setAttribute('type', 'hidden');\n            // if data list does not exist then create one and append\n            if (!datalist) {\n                datalist = document.createElement('datalist');\n                const listID = safeID('list');\n                datalist.setAttribute('id', listID);\n                searchWrapper.appendChild(datalist);\n                displayInputField.setAttribute('list', listID);\n            }\n            // Search the endpoint when 3 characters has been added\n            if (searchWrapper.hasAttribute('data-url')) {\n                displayInputField.addEventListener('input', () => {\n                    if (displayInputField.value.length == 3 && !searched.includes(displayInputField.value)) {\n                        search(displayInputField.value);\n                        searched.push(displayInputField.value);\n                    }\n                });\n            }\n            function checkMatch() {\n                const match = datalist.querySelector(`option[value=\"${displayInputField.value}\"]`);\n                const subMatch = datalist.querySelector(`option[value*=\"${displayInputField.value}\" i]`);\n                if (match) {\n                    inputField.value = match.getAttribute('data-value');\n                }\n                else if (displayInputField.value.length > 0 && !subMatch) {\n                    displayInputField.classList.add('is-invalid');\n                    displayInputField.closest('label').setAttribute('data-error', 'No results returned');\n                }\n                else {\n                    displayInputField.classList.remove('is-invalid');\n                    displayInputField.closest('label').removeAttribute('data-error');\n                }\n            }\n            // on change update oringinal field with the actual value and use displayed input for the nice display text\n            displayInputField.addEventListener('input', () => {\n                checkMatch();\n            });\n            const search = (searchterm) => __awaiter(this, void 0, void 0, function* () {\n                ajaxURL += `${encodeURI(searchterm)}`;\n                // Setup controller vars if not already set\n                if (!window.controller)\n                    window.controller = [];\n                // Abort if controller already present for this url\n                if (window.controller[ajaxURL])\n                    window.controller[ajaxURL].abort();\n                // Create a new controller so it can be aborted if new fetch made\n                window.controller[ajaxURL] = new AbortController();\n                const { signal } = controller[ajaxURL];\n                try {\n                    yield fetch(ajaxURL, {\n                        signal: signal,\n                        method: 'get',\n                        credentials: 'same-origin',\n                        headers: new Headers({\n                            'Content-Type': 'application/json',\n                            Accept: 'application/json',\n                            'X-Requested-With': 'XMLHttpRequest',\n                            'X-XSRF-TOKEN': Cookies.get('XSRF-TOKEN'),\n                        }),\n                    })\n                        .then((response) => response.json())\n                        .then((response) => {\n                        // populate datalist\n                        let listString = '';\n                        const loopValues = resolvePath(response, loopSchema, '');\n                        if (isTraversable(loopValues) && typeof loopValues.forEach == 'function') {\n                            loopValues.forEach((item) => {\n                                const actualValue = resolvePath(item, valueSchema, '');\n                                const displayValue = resolvePath(item, displaySchema, '').replace('\\n', ', ');\n                                console.log(displayValue);\n                                if (!datalist.querySelector(`option[data-value=\"${actualValue}\"]`))\n                                    listString += `<option value=\"${displayValue}\" data-value=\"${actualValue}\"></option>`;\n                            });\n                        }\n                        else if (typeof loopValues == 'object') {\n                            for (const [key, value] of Object.entries(loopValues)) {\n                                if (isTraversable(value) && typeof value.forEach == 'function') {\n                                    value.forEach((item) => {\n                                        const actualValue = resolvePath(item, valueSchema, '');\n                                        const displayValue = resolvePath(item, displaySchema, '').replace('\\n', ', ');\n                                        if (!datalist.querySelector(`option[data-value=\"${actualValue}\"]`))\n                                            listString += `<option value=\"${key}: ${displayValue}\" data-value='${actualValue}'></option>`;\n                                    });\n                                }\n                            }\n                        }\n                        datalist.innerHTML += listString;\n                        displayInputField.closest('form').classList.add('was-validated');\n                        checkMatch();\n                        return response;\n                    });\n                }\n                catch (error) {\n                    console.log(error);\n                }\n            });\n            if (searchWrapper.hasAttribute('data-prevent-submit')) {\n                const form = searchWrapper.closest('form');\n                form.addEventListener('submit', (e) => {\n                    e.preventDefault();\n                });\n            }\n        });\n    }\n}\nexport default iamSearch;\n"],"names":["snake","str","safeID","resolvePath","object","path","defaultValue","p","isTraversable","o","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","iamSearch","assetLocation","coreCSS","template","searchWrapper","inputField","valueSchema","displaySchema","loopSchema","datalist","searched","ajaxURL","displayInputField","listID","search","checkMatch","match","subMatch","searchterm","signal","Cookies","response","listString","loopValues","item","actualValue","displayValue","key","error"],"mappings":"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"}

package/assets/js/components/slider/slider.component.js

@@ -1,4 +1,3 @@
-// @ts-nocheck
 // Data layer Web component created
 window.dataLayer = window.dataLayer || [];
 window.dataLayer.push({
@@ -34,6 +33,7 @@ class iamSlider extends HTMLElement {
         this.shadowRoot.appendChild(template.content.cloneNode(true));
     }
     connectedCallback() {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
         const slider = this;
         const minElement = this.shadowRoot.querySelector('.min');
         const maxElement = this.shadowRoot.querySelector('.max');
@@ -46,7 +46,7 @@ class iamSlider extends HTMLElement {
             stepperEvent = 'touchend';
             stepperStart = 'touchstart';
         }
-        const stepperFunction = function (input, eventType) {
+        const stepperFunction = function (input) {
             const value = input.value;
             const min = slider.shadowRoot.querySelector('.is-first').getAttribute('min');
             const max = slider.shadowRoot.querySelector('.is-last').getAttribute('max');
@@ -98,32 +98,32 @@ class iamSlider extends HTMLElement {
         inputWrapper.setAttribute('data-elements', inputs.length);
         const sliders = this.shadowRoot.querySelectorAll('input');
         Array.from(inputs).forEach((input, index) => {
-            input.addEventListener('keyup', function (event) {
+            input.addEventListener('keyup', function () {
                 sliders[index].value = input.value;
                 stepperFunction(sliders[index]);
             });
-            input.addEventListener('keydown', function (event) {
+            input.addEventListener('keydown', function () {
                 sliders[index].value = input.value;
                 stepperFunction(sliders[index]);
             });
-            input.addEventListener('change', function (event) {
+            input.addEventListener('change', function () {
                 sliders[index].value = input.value;
                 stepperFunction(sliders[index]);
             });
         });
         Array.from(sliders).forEach((input, index) => {
             stepperFunction(input, 'start');
-            input.addEventListener(stepperStart, function (event) {
+            input.addEventListener(stepperStart, function () {
                 clearInterval(stepperInterval);
                 stepperInterval = setInterval(function () {
                     stepperFunction(input, 'drag');
                     inputs[index].value = input.value;
                 }, 10);
             });
-            input.addEventListener(stepperEvent, function (event) {
+            input.addEventListener(stepperEvent, function () {
                 clearInterval(stepperInterval);
             });
-            input.addEventListener('change', function (event) {
+            input.addEventListener('change', function () {
                 clearInterval(stepperInterval);
                 stepperFunction(input, 'click');
                 inputs[index].value = input.value;