@iamproperty/components 7.7.1--beta17 → 7.7.1--beta19

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

@@ -1,26 +1,18 @@
 /*!
-  * iamKey v7.7.1--beta17
+  * iamKey v7.7.1--beta19
   * Copyright 2022-2026 iamproperty
-  */const k=v=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:v})};k("iam-carousel");class y extends HTMLElement{constructor(){super(),this.generateThumbnailList=t=>{const e=[];return Array.from(t.querySelectorAll(":scope > :is(div,iam-card)")).forEach((r,o)=>{r.hasAttribute("data-thumbnail")&&(e[o]=r.getAttribute("data-thumbnail"))}),e},this.generatePipsHTML=(t,e)=>{const r=t.querySelectorAll(":scope > :is(div,iam-card)").length;let o="";for(let a=1;a<=r;a++){let i=null,n="";e.length&&e[a-1]?(n="has-thumbnail",i=`<img src="${e[a-1]}" alt="Slide ${a}" height="148"/>`):i=`Slide ${a}`,o+=`<button class="control-${a} ${n}" data-slide="${a}" ${a==1?"aria-current":""}>${i}</button>`}return o},this.progressPercent=(t,e)=>t/e*100+"%",this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const l=document.createElement("template");l.innerHTML=`
-      <style>
-        @layer elements{button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button:focus:not(:focus-visible){outline:0}:is(button,[type=button],[type=reset],[type=submit],[role=button]){-webkit-appearance:button;&:not(:disabled){cursor:pointer}}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap;&:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}&:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}&:not(:last-child){margin-right:var(--btn-margin)}}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.btn-complete{--colour: var(--colour-success);--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn-complete,.btn.btn-complete:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem;&:before{content:"\uF00C";font-family:var(--fa-family-classic);margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn{&[class*=fa-]:before{content:var(--fa);font-family:var(--fa-family-classic)}&[class*=fa-after]{padding-right:4rem}&[class*=fa-after]:before{margin-right:0;margin-right:.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}&:not(.btn-compact):before{margin-right:1rem}i[class*=fa-]{--fa-width: 1em;font-family:var(--fa-family-classic);margin-right:1rem;line-height:1em;font-style:inherit;&:not(:first-child){margin-left:1rem;margin-right:0}}}.btn.btn--prompt{&:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active){&:after{margin-left:1.5rem;margin-right:-0.5rem}}.btn-filter{&:after{content:"\uF1DE";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:var(--fa-family-classic)}}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary);&:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:transparent;border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative;&:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}&.text-decoration-none:after{width:0%}&[class*=fa-]{margin-left:0;margin-right:.5rem}&[class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}&:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active){&:after{width:60% !important}}&:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}}@layer elements{.btn-action{--btn-border-width: 1px;--btn-padding-block: 0.3125rem /* 5px */;--btn-padding-inline: 0.3125rem /* 5px */;--btn-margin: 0.5rem;border-radius:.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;&:not(.btn-primary){color:var(--colour-heading)}&:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}&.btn[class*=fa-]:before{content:var(--fa);margin-right:.375rem}&.icon-only{position:relative;text-indent:-300vw;overflow:hidden;min-width:1.75rem;&:before{position:absolute;left:0;top:0;min-width:1.75rem;text-align:center;text-indent:0;padding-inline:.25rem;line-height:1.85rem}}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) &,&:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;align-content:center;line-height:1 !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem;&:not(:last-child){margin-right:.5rem}&:before{content:var(--fa);position:absolute;display:block;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - .25rem);font-weight:900}[class*=fa-]:before{line-height:calc(var(--compact-size) - .25rem);@container style(--theme: dark){color:white}}&.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}&.btn-action{--compact-size: 2rem;font-size:1rem;&:before{font-size:1em;font-weight:400}}&.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:transparent;&:not([class*=colour-]){--colour: var(--colour-light)}}&.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour);&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}}&[data-number]{position:relative}&[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:white;letter-spacing:-0.1em;font-family:arial,sans-serif}}.btn-compact{&:is(.fa-left,.fa-chevron-left,.fa-right,.fa-chevron-right,.fa-up,.fa-chevron-up,.fa-down,.fa-chevron-down,.fa-plus,.fa-bars,.fa-edit,.fa-envelope,.fa-calendar){--iso-display: block;--iso-font-size: 1.5rem;--iso-border-radius: 50%;--iso-text-indent: -500px}}@container style(--font-body){.btn-compact{font-size:var(--iso-font-size, 0.6rem) !important;text-indent:var(--iso-text-indent, 0px);white-space:initial;&:not(.btn-action){border-radius:var(--iso-border-radius, 0.25rem) !important}&:before{display:var(--iso-display, none);font-family:monospace !important;content:var(--iso) !important}}}@container style(--fa-font-regular){.btn-compact{text-indent:-500px;font-size:1rem !important;&:not(.btn-action){border-radius:50% !important}&:before{font-family:"Font Awesome 7 Pro" !important;content:var(--fa) !important;display:block}}}}@layer elements{.btn[popovertarget]{position:relative;anchor-name:--button2;&>.fa-chevron-down{display:none}&:not(:has(i)):not(.no-icon):after{content:"";display:inline-block;margin-right:.25em;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}&[aria-pressed]:after{transform:rotate(270deg)}}.btn:has(select){position:relative;padding:0;max-width:fit-content;min-width:fit-content;width:fit-content;select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:inherit !important;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important;appearance:base-select !important}&:after{position:absolute;top:.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}}.btn-action:has(select){padding-block:0;padding-right:2rem;font-size:1em;select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important;font-size:1rem !important}&:after{top:.2rem;right:.5rem}}}@layer elements{.btn__group{display:flex;flex-direction:column;row-gap:var(--gap);reading-flow:source-order;margin-bottom:1.5rem;.btn-compact{max-width:fit-content;margin-inline:auto}}:where(.btn__group,iam-modal){reading-flow:source-order;.btn{margin-inline-end:0;width:100%;max-width:100%;text-align:center;white-space:normal;margin:0;&:not(:last-child){margin-right:0}}.btn-tertiary{max-width:fit-content;margin-block:0 !important;margin-inline:auto !important;order:3;reading-order:3}.btn-secondary{order:2;reading-order:2}.btn-primary{order:1;reading-order:1;margin:0;&:not(:last-child){margin:0}}}:is(iam-form,form) .btn__group{padding-top:1rem}@container (min-width: 36em){.btn__group{flex-direction:row;row-gap:0;gap:var(--gap);flex-wrap:wrap;.btn-tertiary{max-width:fit-content;margin-inline:0 !important;margin-block:auto;order:1}.btn-secondary{order:2}.btn-primary{order:3}.btn-compact{margin-inline:0;margin-block:auto}}:where(iam-modal,.btn__group){.btn{max-width:fit-content;white-space:nowrap;margin-block:auto}}.btn__group{.btn-tertiary{reading-order:1}.btn-secondary{reading-order:2}.btn-primary{reading-order:3}}iam-modal{.btn-tertiary{reading-order:3;order:1}.btn-secondary{order:2;reading-order:2}.btn-primary{order:3;reading-order:1}}.btn__group.text-end{justify-content:flex-end}:is(iam-form,form) .btn__group{justify-content:flex-end;padding-top:3rem}iam-modal .btn__group:last-child .btn,dialog .btn__group:last-child .btn{margin-bottom:0}}}*,*::before,*::after{box-sizing:border-box}@layer components{:host{width:100%}.carousel-wrapper{padding-inline:1.5rem;margin-inline:-1.5rem;overflow:hidden;container-type:inline-size;display:block;margin-bottom:var(--carousel-mb, 1.5rem)}.carousel{--button-height: 3rem;--marker-height: 1.25rem;--marker-mb: 1rem;padding-inline:.5rem;margin-inline:-0.5rem;padding-bottom:calc(1rem + var(--button-height) + var(--marker-height) + var(--marker-mb));scroll-padding:.5rem;display:grid;grid-auto-flow:column;gap:var(--gap);anchor-scope:all;anchor-name:--carousel;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-marker-group:before;scroll-behavior:smooth;grid-auto-flow:column;grid-auto-columns:calc(100%/var(--count, 1) - var(--gap)*(var(--count, 1) - 1)/var(--count, 1))}.carousel>*{container-type:scroll-state;grid-column:auto;min-height:100%;margin:0;scroll-snap-align:start}.carousel::scroll-button(*){cursor:pointer;position-anchor:--carousel;background:none;border:none;font-size:1rem !important;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--button-height);height:var(--button-height);align-content:center;line-height:1 !important;overflow:hidden;font-size:1rem;font-family:"Font Awesome 7 Pro" !important;display:none;position:absolute;position-area:block-end center;border-radius:50%;margin-top:calc((var(--button-height) + var(--marker-height) + var(--marker-mb))*-1)}.carousel::scroll-button(left){display:inline-block;content:"\\f053"/"Scroll left" !important;margin-left:calc(var(--button-height)*-1) !important}.carousel::scroll-button(right){display:inline-block;content:"\\f054"/"Scroll right" !important;margin-right:calc(var(--button-height)*-1) !important}.carousel::scroll-button(*):disabled{pointer-events:none}.carousel::scroll-button(*):is(:hover,:focus-visible){outline-offset:5px;background-color:var(--colour-light);border-color:var(--colour)}@container (min-width: 62em){.carousel-wrapper .carousel{--button-height: 0rem}.carousel-wrapper .carousel::scroll-button(*){--button-height: 3rem;margin-top:-1rem}.carousel-wrapper .carousel::scroll-button(left){position-area:center inline-start}.carousel-wrapper .carousel::scroll-button(right){position-area:center inline-end}}@container style(--hide-carousel-btns){.carousel{--button-height: 0rem}.carousel::scroll-button(*){display:none !important}}.carousel::scroll-marker-group{position:absolute;position-anchor:--carousel;container:marker-group/inline-size;display:grid;place-content:safe center;box-sizing:border-box;border-radius:var(--radius-round);scrollbar-width:none;scroll-behavior:smooth;inline-size:100%;max-inline-size:100cqi;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;grid-auto-columns:var(--marker-height);grid-auto-rows:var(--marker-height);overflow-x:auto;top:auto;bottom:anchor(bottom);grid-auto-flow:column;justify-items:center;align-items:center;padding-block:0;margin-bottom:var(--marker-mb)}.carousel>*::scroll-marker{content:"";scroll-snap-align:start;cursor:pointer;text-decoration:none;interactivity:auto;width:.5rem;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#a5ecfd;cursor:pointer;border:none}.carousel>*::scroll-marker:target-current{border-color:var(--colour-info);background:var(--colour-info);width:1rem;height:1rem;min-height:1rem;margin-inline:.125rem}.carousel-wrapper:has(.carousel>*:first-child:last-child){--hide-buttons: 1;--hide-markers: 1}@container (min-width: 36em){.carousel[data-smcols="2"]:not(:has(>*:nth-child(3))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}.carousel[data-smcols="3"]:not(:has(>*:nth-child(4))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}}@container (min-width: 62em){.carousel[data-mdcols="2"]:not(:has(>*:nth-child(3))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}.carousel[data-mdcols="3"]:not(:has(>*:nth-child(4))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}}@container (min-width: 36em){.carousel[data-smcols="2"]{--count: 2}.carousel[data-smcols="3"]{--count: 3}}@container (min-width: 64em){.carousel[data-mdcols="2"]{--count: 2}.carousel[data-mdcols="3"]{--count: 3}}@container style(--count){.carousel>*{scroll-snap-align:unset}.carousel>*::scroll-marker{display:none}}@container not scroll-state(snapped: x){.carousel>*{--opacity: 0}}@container style(--count: 2){.carousel>*:nth-child(2n-1){scroll-snap-align:start;scroll-snap-stop:always}.carousel>*:nth-child(2n-1)::scroll-marker{display:block}}@container style(--count: 3){.carousel>*:nth-child(3n-2){scroll-snap-align:start;scroll-snap-stop:always}.carousel>*:nth-child(3n-2)::scroll-marker{display:block}}@container style(--hide-buttons){.carousel-wrapper{--button-height: 0rem}.carousel-wrapper .carousel::scroll-button(*){display:none}}@container style(--hide-markers){.carousel-wrapper{--marker-height: 0rem;--marker-mb: 0rem}.carousel-wrapper .carousel::scroll-marker-group{display:none}}.admin-panel{--hide-buttons: 1}.admin-panel .carousel{--button-height: 0rem;--marker-mb: 0rem;margin-bottom:0}.carousel__progress{text-align:center;display:none}input[type=range]{--track-size: 0.5rem;--track-colour: #a5ecfd;--thumb-colour: var(--colour-info);--thumb-size: 1rem;--thumb-size-outline: 0;width:90%;max-width:10.75rem;background:rgba(0,0,0,0);cursor:pointer;margin:0;height:1rem;border-radius:50%;accent-color:var(--thumb-colour);-webkit-appearance:none;appearance:none}input[type=range]::-webkit-slider-runnable-track{background:var(--track-colour);height:var(--track-size);border-radius:.5625rem}input[type=range]::-moz-range-track{background:var(--track-colour);height:var(--track-size);border-radius:.5625rem}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) calc(var(--percent, 0%)), var(--track-colour) calc(var(--percent, 0%)))}input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) calc(var(--percent, 0%)), var(--track-colour) calc(var(--percent, 0%)))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-0.25rem;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}input[type=range]::-moz-range-thumb{border:none;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}input[type=range]:focus{outline:none}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:active::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:hover::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}@supports not selector(::scroll-marker-group){.carousel{--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}#carousel__progress{display:block}@container (min-width: 36em){#carousel__progress{display:none}#carousel__progress-sm{display:block}}@container (min-width: 62em){#carousel__progress-sm{display:none}#carousel__progress-md{display:block}}}@supports selector(::scroll-marker-group){@container (max-width: 36em){.carousel:has(>*:nth-child(5)){--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem;--hide-buttons: 1;--hide-markers: 1}.carousel:has(>*:nth-child(5))+#carousel__progress{display:block}}@container (min-width: 36em){#carousel__progress{display:none}.carousel[data-smcols="2"]:has(>*:nth-child(10)){--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem;--hide-buttons: 1;--hide-markers: 1}.carousel[data-smcols="2"]:has(>*:nth-child(10))+#carousel__progress-sm{display:block}.carousel[data-smcols="3"]:has(>*:nth-child(15)){--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem;--hide-buttons: 1;--hide-markers: 1}.carousel[data-smcols="3"]:has(>*:nth-child(15))+#carousel__progress-sm{display:block}}@container (min-width: 62em){#carousel__progress-sm{display:none}.carousel[data-mdcols="2"]:has(>*:nth-child(10)){--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem;--hide-buttons: 1;--hide-markers: 1}.carousel[data-mdcols="2"]:has(>*:nth-child(10))+#carousel__progress-md{display:block}.carousel[data-mdcols="3"]:has(>*:nth-child(15)){--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem;--hide-buttons: 1;--hide-markers: 1}.carousel[data-mdcols="3"]:has(>*:nth-child(15))+#carousel__progress-md{display:block}}}.carousel__controls{display:flex !important;flex-wrap:wrap;max-width:100%;overflow:visible}.carousel__controls button{padding:0;margin:0 .2rem .4rem;width:6rem;height:auto;aspect-ratio:var(--carousel-image-aspect-ratio, 3/2);border-radius:0;position:relative;border-radius:.25rem}.carousel__controls button img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;margin:0}.carousel__controls button[aria-current]{outline:2px solid var(--colour-info)}}/*# sourceMappingURL=assets/css/components/carousel.component.css.map */
-
-        ${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
-      </style>
-      <div class="carousel-wrapper">
-        <div class="carousel" part="carousel">
-          <slot></slot>
-        </div>
-        <div class="carousel__controls"></div>
-        <div id="carousel__progress" class="carousel__progress">
+  */const b=g=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:g})};b("iam-carousel");class _ extends HTMLElement{constructor(){super(),this.generateThumbnailList=t=>{const e=[];return Array.from(t.querySelectorAll(":scope > :is(div,iam-card)")).forEach((s,o)=>{s.hasAttribute("data-thumbnail")&&(e[o]=s.getAttribute("data-thumbnail"))}),e},this.generatePipsHTML=(t,e)=>{const s=t.querySelectorAll(":scope > :is(div,iam-card)").length;let o="";for(let r=1;r<=s;r++){let l=null,a="";e.length&&e[r-1]?(a="has-thumbnail",l=`<img src="${e[r-1]}" alt="Slide ${r}" height="148"/>`):l=`Slide ${r}`,o+=`<button class="control-${r} ${a}" data-slide="${r}" ${r==1?"aria-current":""}>${l}</button>`}return o},this.progressPercent=(t,e)=>t/e*100+"%"}connectedCallback(){this.insertAdjacentHTML("beforeend",`
+      <div class="carousel__controls">
+        <div class="carousel__pips"></div>
+        <div class="carousel__progress carousel__progress-xs">
           <input type="range" min="0" max="100" value="0" step="1" />
         </div>
-        <div id="carousel__progress-sm" class="carousel__progress">
+        <div class="carousel__progress carousel__progress-sm">
           <input type="range" min="0" max="100" value="0" step="1" />
         </div>
-        <div id="carousel__progress-md" class="carousel__progress">
+        <div class="carousel__progress carousel__progress-md">
           <input type="range" min="0" max="100" value="0" step="1" />
         </div>
       </div>
-    `,this.shadowRoot.appendChild(l.content.cloneNode(!0))}connectedCallback(){var l;const t=(l=this.shadowRoot)===null||l===void 0?void 0:l.querySelector(".carousel"),e=this.shadowRoot.querySelector('#carousel__progress [type="range"]'),r=this.shadowRoot.querySelector('#carousel__progress-sm [type="range"]'),o=this.shadowRoot.querySelector('#carousel__progress-md [type="range"]'),a=this.querySelectorAll(":scope > *").length,i=this.progressPercent;let n,u="mouseup",h="mousedown";"ontouchstart"in document.documentElement&&(u="touchend",h="touchstart"),t==null||(t.innerHTML=this.innerHTML),t?.setAttribute("data-smcols",this.getAttribute("data-smcols")),t?.setAttribute("data-mdcols",this.getAttribute("data-mdcols")),e.setAttribute("max",a),e.style.setProperty("--percent",i(e.value,a)),e.addEventListener(h,()=>{clearInterval(n),n=setInterval(function(){e.style.setProperty("--percent",i(e.value,a))},10)}),e.addEventListener(u,function(){clearInterval(n)}),e.addEventListener("change",()=>{clearInterval(n),e.style.setProperty("--percent",i(e.value,a));const s=Math.floor(t.scrollWidth/a*(e.value-1));t.scrollTo({top:0,left:s,behavior:"smooth"})});const b=this.getAttribute("data-smcols")?this.getAttribute("data-smcols"):1,c=Math.floor(a/b)*b;r.setAttribute("max",c),r.setAttribute("step",b),r.style.setProperty("--percent",i(r.value,c)),r.addEventListener(h,()=>{clearInterval(n),n=setInterval(function(){r.style.setProperty("--percent",i(r.value,c))})}),r.addEventListener(u,function(){clearInterval(n)}),r.addEventListener("change",()=>{clearInterval(n),r.style.setProperty("--percent",i(r.value,c));const s=Math.floor(t.scrollWidth/c*r.value);console.log(r.value),t.scrollTo({top:0,left:s,behavior:"smooth"})});const p=this.getAttribute("data-smcols")?this.getAttribute("data-smcols"):1,m=Math.floor(a/p)*p;o.setAttribute("max",m),o.setAttribute("step",p),o.style.setProperty("--percent",i(o.value,m)),o.addEventListener(h,()=>{clearInterval(n),n=setInterval(function(){o.style.setProperty("--percent",i(o.value,m))})}),o.addEventListener(u,function(){clearInterval(n)}),o.addEventListener("change",()=>{clearInterval(n),o.style.setProperty("--percent",i(o.value,m));const s=Math.floor(t.scrollWidth/m*o.value);console.log(o.value),t.scrollTo({top:0,left:s,behavior:"smooth"})});const d=this.shadowRoot.querySelector(".carousel__controls");if(t.querySelector("[data-thumbnail]")){const s=this.generateThumbnailList(t);t.classList.add("thumbnails"),d.innerHTML=this.generatePipsHTML(t,s)}d.addEventListener("click",s=>{var g;if((g=d?.querySelector("[aria-current]"))===null||g===void 0||g.removeAttribute("aria-current"),s.target.closest("button[data-slide]")){s.target.closest("button[data-slide]").setAttribute("aria-current","true");const f=Math.floor(t.scrollWidth/a*s.target.closest("button[data-slide]").getAttribute("data-slide"));t.scrollTo({top:0,left:f,behavior:"smooth"})}})}}export{y as default};
+    `);const t=this,e=this.querySelector('.carousel__progress-xs [type="range"]'),s=this.querySelector('.carousel__progress-sm [type="range"]'),o=this.querySelector('.carousel__progress-md [type="range"]'),r=this.querySelectorAll(":scope > *:not(.carousel__controls)").length,l=this.progressPercent;let a,d="mouseup",p="mousedown";"ontouchstart"in document.documentElement&&(d="touchend",p="touchstart"),e.setAttribute("max",r),e.style.setProperty("--percent",l(e.value,r)),e.addEventListener(p,()=>{clearInterval(a),a=setInterval(function(){e.style.setProperty("--percent",l(e.value,r))},10)}),e.addEventListener(d,function(){clearInterval(a)}),e.addEventListener("change",()=>{clearInterval(a),e.style.setProperty("--percent",l(e.value,r));const n=Math.floor(t.scrollWidth/r*(e.value-1));t.scrollTo({top:0,left:n,behavior:"smooth"})});const v=this.getAttribute("data-smcols")?this.getAttribute("data-smcols"):1,c=Math.floor(r/v)*v;s.setAttribute("max",c),s.setAttribute("step",v),s.style.setProperty("--percent",l(s.value,c)),s.addEventListener(p,()=>{clearInterval(a),a=setInterval(function(){s.style.setProperty("--percent",l(s.value,c))})}),s.addEventListener(d,function(){clearInterval(a)}),s.addEventListener("change",()=>{clearInterval(a),s.style.setProperty("--percent",l(s.value,c));const n=Math.floor(t.scrollWidth/c*s.value);t.scrollTo({top:0,left:n,behavior:"smooth"})});const h=this.getAttribute("data-smcols")?this.getAttribute("data-smcols"):1,i=Math.floor(r/h)*h;o.setAttribute("max",i),o.setAttribute("step",h),o.style.setProperty("--percent",l(o.value,i)),o.addEventListener(p,()=>{clearInterval(a),a=setInterval(function(){o.style.setProperty("--percent",l(o.value,i))})}),o.addEventListener(d,function(){clearInterval(a)}),o.addEventListener("change",()=>{clearInterval(a),o.style.setProperty("--percent",l(o.value,i));const n=Math.floor(t.scrollWidth/i*o.value);t.scrollTo({top:0,left:n,behavior:"smooth"})});const u=this.querySelector(".carousel__pips");if(t.querySelector("[data-thumbnail]")){const n=this.generateThumbnailList(t);t.classList.add("thumbnails"),u.innerHTML=this.generatePipsHTML(t,n)}u.addEventListener("click",n=>{var m;if((m=u?.querySelector("[aria-current]"))===null||m===void 0||m.removeAttribute("aria-current"),n.target.closest("button[data-slide]")){n.target.closest("button[data-slide]").setAttribute("aria-current","true");const y=Math.floor(t.scrollWidth/r*n.target.closest("button[data-slide]").getAttribute("data-slide"));t.scrollTo({top:0,left:y,behavior:"smooth"})}})}}export{_ as default};
 //# sourceMappingURL=carousel.component.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"carousel.component.min.js","sources":["../_global.js","carousel.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","import { trackComponentRegistered } from '../_global';\ntrackComponentRegistered('iam-carousel');\nclass iamCarousel extends HTMLElement {\n    constructor() {\n        super();\n        this.generateThumbnailList = (carouselComponent) => {\n            const thumbnailImages = [];\n            Array.from(carouselComponent.querySelectorAll(':scope > :is(div,iam-card)')).forEach((slide, index) => {\n                if (slide.hasAttribute('data-thumbnail')) {\n                    thumbnailImages[index] = slide.getAttribute('data-thumbnail');\n                }\n            });\n            return thumbnailImages;\n        };\n        this.generatePipsHTML = (carouselComponent, thumbnailImages) => {\n            const itemCount = carouselComponent.querySelectorAll(':scope > :is(div,iam-card)').length;\n            let pips = '';\n            for (let i = 1; i <= itemCount; i++) {\n                let pipContent = null;\n                let pipClass = '';\n                if (thumbnailImages.length && thumbnailImages[i - 1]) {\n                    pipClass = 'has-thumbnail';\n                    pipContent = `<img src=\"${thumbnailImages[i - 1]}\" alt=\"Slide ${i}\" height=\"148\"/>`;\n                }\n                else {\n                    pipContent = `Slide ${i}`;\n                }\n                pips += `<button class=\"control-${i} ${pipClass}\" data-slide=\"${i}\" ${i == 1 ? 'aria-current' : ''}>${pipContent}</button>`;\n            }\n            return pips;\n        };\n        this.progressPercent = (value, total) => {\n            return ((value) / (total)) * 100 + '%';\n        };\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/carousel.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = /* HTML */ `\n      <style>\n        ${loadCSS}\n        ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n      </style>\n      <div class=\"carousel-wrapper\">\n        <div class=\"carousel\" part=\"carousel\">\n          <slot></slot>\n        </div>\n        <div class=\"carousel__controls\"></div>\n        <div id=\"carousel__progress\" class=\"carousel__progress\">\n          <input type=\"range\" min=\"0\" max=\"100\" value=\"0\" step=\"1\" />\n        </div>\n        <div id=\"carousel__progress-sm\" class=\"carousel__progress\">\n          <input type=\"range\" min=\"0\" max=\"100\" value=\"0\" step=\"1\" />\n        </div>\n        <div id=\"carousel__progress-md\" class=\"carousel__progress\">\n          <input type=\"range\" min=\"0\" max=\"100\" value=\"0\" step=\"1\" />\n        </div>\n      </div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        var _a;\n        const carouselElement = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.carousel');\n        const carouselProgress = this.shadowRoot.querySelector('#carousel__progress [type=\"range\"]');\n        const carouselProgressSM = this.shadowRoot.querySelector('#carousel__progress-sm [type=\"range\"]');\n        const carouselProgressMD = this.shadowRoot.querySelector('#carousel__progress-md [type=\"range\"]');\n        const itemCount = this.querySelectorAll(':scope > *').length;\n        const progressPercent = this.progressPercent;\n        let stepperInterval, stepperEvent = 'mouseup', stepperStart = 'mousedown';\n        if ('ontouchstart' in document.documentElement) {\n            stepperEvent = 'touchend';\n            stepperStart = 'touchstart';\n        }\n        carouselElement === null || carouselElement === void 0 ? void 0 : carouselElement.innerHTML = this.innerHTML;\n        carouselElement === null || carouselElement === void 0 ? void 0 : carouselElement.setAttribute('data-smcols', this.getAttribute('data-smcols'));\n        carouselElement === null || carouselElement === void 0 ? void 0 : carouselElement.setAttribute('data-mdcols', this.getAttribute('data-mdcols'));\n        carouselProgress.setAttribute('max', itemCount);\n        carouselProgress.style.setProperty('--percent', progressPercent(carouselProgress.value, itemCount));\n        carouselProgress.addEventListener(stepperStart, () => {\n            clearInterval(stepperInterval);\n            stepperInterval = setInterval(function () {\n                carouselProgress.style.setProperty('--percent', progressPercent(carouselProgress.value, itemCount));\n            }, 10);\n        });\n        carouselProgress.addEventListener(stepperEvent, function () {\n            clearInterval(stepperInterval);\n        });\n        carouselProgress.addEventListener('change', () => {\n            clearInterval(stepperInterval);\n            carouselProgress.style.setProperty('--percent', progressPercent(carouselProgress.value, itemCount));\n            const scrollTo = Math.floor((carouselElement.scrollWidth / itemCount) * (carouselProgress.value - 1));\n            carouselElement.scrollTo({\n                top: 0,\n                left: scrollTo,\n                behavior: 'smooth',\n            });\n        });\n        // SM Progress bar\n        const smStep = this.getAttribute('data-smcols') ? this.getAttribute('data-smcols') : 1;\n        const smItemCount = Math.floor(itemCount / smStep) * smStep;\n        carouselProgressSM.setAttribute('max', smItemCount);\n        carouselProgressSM.setAttribute('step', smStep);\n        carouselProgressSM.style.setProperty('--percent', progressPercent(carouselProgressSM.value, smItemCount));\n        carouselProgressSM.addEventListener(stepperStart, () => {\n            clearInterval(stepperInterval);\n            stepperInterval = setInterval(function () {\n                carouselProgressSM.style.setProperty('--percent', progressPercent(carouselProgressSM.value, smItemCount));\n            });\n        });\n        carouselProgressSM.addEventListener(stepperEvent, function () {\n            clearInterval(stepperInterval);\n        });\n        carouselProgressSM.addEventListener('change', () => {\n            clearInterval(stepperInterval);\n            carouselProgressSM.style.setProperty('--percent', progressPercent(carouselProgressSM.value, smItemCount));\n            const scrollTo = Math.floor((carouselElement.scrollWidth / smItemCount) * carouselProgressSM.value);\n            console.log(carouselProgressSM.value);\n            carouselElement.scrollTo({\n                top: 0,\n                left: scrollTo,\n                behavior: 'smooth',\n            });\n        });\n        // MD Progress bar\n        const mdStep = this.getAttribute('data-smcols') ? this.getAttribute('data-smcols') : 1;\n        const mdItemCount = Math.floor(itemCount / mdStep) * mdStep;\n        carouselProgressMD.setAttribute('max', mdItemCount);\n        carouselProgressMD.setAttribute('step', mdStep);\n        carouselProgressMD.style.setProperty('--percent', progressPercent(carouselProgressMD.value, mdItemCount));\n        carouselProgressMD.addEventListener(stepperStart, () => {\n            clearInterval(stepperInterval);\n            stepperInterval = setInterval(function () {\n                carouselProgressMD.style.setProperty('--percent', progressPercent(carouselProgressMD.value, mdItemCount));\n            });\n        });\n        carouselProgressMD.addEventListener(stepperEvent, function () {\n            clearInterval(stepperInterval);\n        });\n        carouselProgressMD.addEventListener('change', () => {\n            clearInterval(stepperInterval);\n            carouselProgressMD.style.setProperty('--percent', progressPercent(carouselProgressMD.value, mdItemCount));\n            const scrollTo = Math.floor((carouselElement.scrollWidth / mdItemCount) * carouselProgressMD.value);\n            console.log(carouselProgressMD.value);\n            carouselElement.scrollTo({\n                top: 0,\n                left: scrollTo,\n                behavior: 'smooth',\n            });\n        });\n        // Thumbnails\n        const carouselControls = this.shadowRoot.querySelector('.carousel__controls');\n        if (carouselElement.querySelector('[data-thumbnail]')) {\n            const thumbnailImages = this.generateThumbnailList(carouselElement);\n            carouselElement.classList.add('thumbnails');\n            carouselControls.innerHTML = this.generatePipsHTML(carouselElement, thumbnailImages);\n        }\n        carouselControls.addEventListener('click', (event) => {\n            var _a;\n            (_a = carouselControls === null || carouselControls === void 0 ? void 0 : carouselControls.querySelector('[aria-current]')) === null || _a === void 0 ? void 0 : _a.removeAttribute('aria-current');\n            if (event.target.closest('button[data-slide]')) {\n                event.target.closest('button[data-slide]').setAttribute('aria-current', 'true');\n                const scrollTo = Math.floor((carouselElement.scrollWidth / itemCount) * event.target.closest('button[data-slide]').getAttribute('data-slide'));\n                carouselElement.scrollTo({\n                    top: 0,\n                    left: scrollTo,\n                    behavior: 'smooth',\n                });\n            }\n        });\n    }\n}\nexport default iamCarousel;\n"],"names":["trackComponentRegistered","componentName","iamCarousel","carouselComponent","thumbnailImages","slide","index","itemCount","pips","i","pipContent","pipClass","value","total","template","_a","carouselElement","carouselProgress","carouselProgressSM","carouselProgressMD","progressPercent","stepperInterval","stepperEvent","stepperStart","scrollTo","smStep","smItemCount","mdStep","mdItemCount","carouselControls","event"],"mappings":"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"}
+{"version":3,"file":"carousel.component.min.js","sources":["../_global.js","carousel.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","import { trackComponentRegistered } from '../_global';\ntrackComponentRegistered('iam-carousel');\nclass iamCarousel extends HTMLElement {\n    constructor() {\n        super();\n        this.generateThumbnailList = (carouselComponent) => {\n            const thumbnailImages = [];\n            Array.from(carouselComponent.querySelectorAll(':scope > :is(div,iam-card)')).forEach((slide, index) => {\n                if (slide.hasAttribute('data-thumbnail')) {\n                    thumbnailImages[index] = slide.getAttribute('data-thumbnail');\n                }\n            });\n            return thumbnailImages;\n        };\n        this.generatePipsHTML = (carouselComponent, thumbnailImages) => {\n            const itemCount = carouselComponent.querySelectorAll(':scope > :is(div,iam-card)').length;\n            let pips = '';\n            for (let i = 1; i <= itemCount; i++) {\n                let pipContent = null;\n                let pipClass = '';\n                if (thumbnailImages.length && thumbnailImages[i - 1]) {\n                    pipClass = 'has-thumbnail';\n                    pipContent = `<img src=\"${thumbnailImages[i - 1]}\" alt=\"Slide ${i}\" height=\"148\"/>`;\n                }\n                else {\n                    pipContent = `Slide ${i}`;\n                }\n                pips += `<button class=\"control-${i} ${pipClass}\" data-slide=\"${i}\" ${i == 1 ? 'aria-current' : ''}>${pipContent}</button>`;\n            }\n            return pips;\n        };\n        this.progressPercent = (value, total) => {\n            return ((value) / (total)) * 100 + '%';\n        };\n    }\n    connectedCallback() {\n        this.insertAdjacentHTML('beforeend', `\n      <div class=\"carousel__controls\">\n        <div class=\"carousel__pips\"></div>\n        <div class=\"carousel__progress carousel__progress-xs\">\n          <input type=\"range\" min=\"0\" max=\"100\" value=\"0\" step=\"1\" />\n        </div>\n        <div class=\"carousel__progress carousel__progress-sm\">\n          <input type=\"range\" min=\"0\" max=\"100\" value=\"0\" step=\"1\" />\n        </div>\n        <div class=\"carousel__progress carousel__progress-md\">\n          <input type=\"range\" min=\"0\" max=\"100\" value=\"0\" step=\"1\" />\n        </div>\n      </div>\n    `);\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const carouselElement = this;\n        const carouselProgress = this.querySelector('.carousel__progress-xs [type=\"range\"]');\n        const carouselProgressSM = this.querySelector('.carousel__progress-sm [type=\"range\"]');\n        const carouselProgressMD = this.querySelector('.carousel__progress-md [type=\"range\"]');\n        const itemCount = this.querySelectorAll(':scope > *:not(.carousel__controls)').length;\n        const progressPercent = this.progressPercent;\n        let stepperInterval, stepperEvent = 'mouseup', stepperStart = 'mousedown';\n        if ('ontouchstart' in document.documentElement) {\n            stepperEvent = 'touchend';\n            stepperStart = 'touchstart';\n        }\n        carouselProgress.setAttribute('max', itemCount);\n        carouselProgress.style.setProperty('--percent', progressPercent(carouselProgress.value, itemCount));\n        carouselProgress.addEventListener(stepperStart, () => {\n            clearInterval(stepperInterval);\n            stepperInterval = setInterval(function () {\n                carouselProgress.style.setProperty('--percent', progressPercent(carouselProgress.value, itemCount));\n            }, 10);\n        });\n        carouselProgress.addEventListener(stepperEvent, function () {\n            clearInterval(stepperInterval);\n        });\n        carouselProgress.addEventListener('change', () => {\n            clearInterval(stepperInterval);\n            carouselProgress.style.setProperty('--percent', progressPercent(carouselProgress.value, itemCount));\n            const scrollTo = Math.floor((carouselElement.scrollWidth / itemCount) * (carouselProgress.value - 1));\n            carouselElement.scrollTo({\n                top: 0,\n                left: scrollTo,\n                behavior: 'smooth',\n            });\n        });\n        // SM Progress bar\n        const smStep = this.getAttribute('data-smcols') ? this.getAttribute('data-smcols') : 1;\n        const smItemCount = Math.floor(itemCount / smStep) * smStep;\n        carouselProgressSM.setAttribute('max', smItemCount);\n        carouselProgressSM.setAttribute('step', smStep);\n        carouselProgressSM.style.setProperty('--percent', progressPercent(carouselProgressSM.value, smItemCount));\n        carouselProgressSM.addEventListener(stepperStart, () => {\n            clearInterval(stepperInterval);\n            stepperInterval = setInterval(function () {\n                carouselProgressSM.style.setProperty('--percent', progressPercent(carouselProgressSM.value, smItemCount));\n            });\n        });\n        carouselProgressSM.addEventListener(stepperEvent, function () {\n            clearInterval(stepperInterval);\n        });\n        carouselProgressSM.addEventListener('change', () => {\n            clearInterval(stepperInterval);\n            carouselProgressSM.style.setProperty('--percent', progressPercent(carouselProgressSM.value, smItemCount));\n            const scrollTo = Math.floor((carouselElement.scrollWidth / smItemCount) * carouselProgressSM.value);\n            carouselElement.scrollTo({\n                top: 0,\n                left: scrollTo,\n                behavior: 'smooth',\n            });\n        });\n        // MD Progress bar\n        const mdStep = this.getAttribute('data-smcols') ? this.getAttribute('data-smcols') : 1;\n        const mdItemCount = Math.floor(itemCount / mdStep) * mdStep;\n        carouselProgressMD.setAttribute('max', mdItemCount);\n        carouselProgressMD.setAttribute('step', mdStep);\n        carouselProgressMD.style.setProperty('--percent', progressPercent(carouselProgressMD.value, mdItemCount));\n        carouselProgressMD.addEventListener(stepperStart, () => {\n            clearInterval(stepperInterval);\n            stepperInterval = setInterval(function () {\n                carouselProgressMD.style.setProperty('--percent', progressPercent(carouselProgressMD.value, mdItemCount));\n            });\n        });\n        carouselProgressMD.addEventListener(stepperEvent, function () {\n            clearInterval(stepperInterval);\n        });\n        carouselProgressMD.addEventListener('change', () => {\n            clearInterval(stepperInterval);\n            carouselProgressMD.style.setProperty('--percent', progressPercent(carouselProgressMD.value, mdItemCount));\n            const scrollTo = Math.floor((carouselElement.scrollWidth / mdItemCount) * carouselProgressMD.value);\n            carouselElement.scrollTo({\n                top: 0,\n                left: scrollTo,\n                behavior: 'smooth',\n            });\n        });\n        // Thumbnails\n        const carouselPips = this.querySelector('.carousel__pips');\n        if (carouselElement.querySelector('[data-thumbnail]')) {\n            const thumbnailImages = this.generateThumbnailList(carouselElement);\n            carouselElement.classList.add('thumbnails');\n            carouselPips.innerHTML = this.generatePipsHTML(carouselElement, thumbnailImages);\n        }\n        carouselPips.addEventListener('click', (event) => {\n            var _a;\n            (_a = carouselPips === null || carouselPips === void 0 ? void 0 : carouselPips.querySelector('[aria-current]')) === null || _a === void 0 ? void 0 : _a.removeAttribute('aria-current');\n            if (event.target.closest('button[data-slide]')) {\n                event.target.closest('button[data-slide]').setAttribute('aria-current', 'true');\n                const scrollTo = Math.floor((carouselElement.scrollWidth / itemCount) * event.target.closest('button[data-slide]').getAttribute('data-slide'));\n                carouselElement.scrollTo({\n                    top: 0,\n                    left: scrollTo,\n                    behavior: 'smooth',\n                });\n            }\n        });\n    }\n}\nexport default iamCarousel;\n"],"names":["trackComponentRegistered","componentName","iamCarousel","carouselComponent","thumbnailImages","slide","index","itemCount","pips","i","pipContent","pipClass","value","total","carouselElement","carouselProgress","carouselProgressSM","carouselProgressMD","progressPercent","stepperInterval","stepperEvent","stepperStart","scrollTo","smStep","smItemCount","mdStep","mdItemCount","carouselPips","event","_a"],"mappings":"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"}

package/assets/js/components/collapsible-side/collapsible-side.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta17
+  * iamKey v7.7.1--beta19
   * Copyright 2022-2026 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"collapsible side menu"});class c 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=`
     <style class="styles">

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta17
+  * iamKey v7.7.1--beta19
   * Copyright 2022-2026 iamproperty
   *//*! js-cookie v3.0.5 | MIT */function k(m){for(var l=1;l<arguments.length;l++){var c=arguments[l];for(var s in c)m[s]=c[s]}return m}var B={read:function(m){return m[0]==='"'&&(m=m.slice(1,-1)),m.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(m){return encodeURIComponent(m).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function C(m,l){function c(t,a,o){if(!(typeof document>"u")){o=k({},l,o),typeof o.expires=="number"&&(o.expires=new Date(Date.now()+o.expires*864e5)),o.expires&&(o.expires=o.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var r="";for(var e in o)o[e]&&(r+="; "+e,o[e]!==!0&&(r+="="+o[e].split(";")[0]));return document.cookie=t+"="+m.write(a,t)+r}}function s(t){if(!(typeof document>"u"||arguments.length&&!t)){for(var a=document.cookie?document.cookie.split("; "):[],o={},r=0;r<a.length;r++){var e=a[r].split("="),n=e.slice(1).join("=");try{var i=decodeURIComponent(e[0]);if(o[i]=m.read(n,i),t===i)break}catch{}}return t?o[t]:o}}return Object.create({set:c,get:s,remove:function(t,a){c(t,"",k({},a,{expires:-1}))},withAttributes:function(t){return C(this.converter,k({},this.attributes,t))},withConverter:function(t){return C(k({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(l)},converter:{value:Object.freeze(m)}})}var D=C(B,{path:"/"});const j=m=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:m})};var x=function(m,l,c,s){function t(a){return a instanceof c?a:new c(function(o){o(a)})}return new(c||(c=Promise))(function(a,o){function r(i){try{n(s.next(i))}catch(b){o(b)}}function e(i){try{n(s.throw(i))}catch(b){o(b)}}function n(i){i.done?a(i.value):t(i.value).then(r,e)}n((s=s.apply(m,l||[])).next())})};j("iam-config");class R extends HTMLElement{constructor(){var l,c;super(),this.getBucketsData=t=>{if(!t)return[];const a=[];return t.forEach(o=>{var r,e;typeof((r=o.attributes)===null||r===void 0?void 0:r.criteria)=="object"&&Array.isArray((e=o.attributes)===null||e===void 0?void 0:e.criteria)&&a.push(o)}),a},this.createBuckets=t=>(console.log(t),this.shadowRoot.querySelector("#buckets"),t?(t.forEach(a=>{this.createBucket(a)}),!0):!1),this.createBucket=t=>{const a=this.shadowRoot.querySelector("#buckets"),o=document.createElement("div");o.innerHTML=this.addBucketHTML(t),o.classList.add("bucket__wrapper"),a?.insertAdjacentElement("beforeend",o),this.createEditBucketsEvents(o);const r=o.querySelector(".criteria--container");return t.attributes&&(t.attributes.criteria.forEach(e=>{var n,i,b;const g=document.createElement("form");g.classList.add("criteria"),g.innerHTML=this.addCriteriaHTML(e.attributes),(n=g.querySelector('[name="attribute"]'))===null||n===void 0||(n.value=e.attributes.attribute),(i=g.querySelector('[name="rule"]'))===null||i===void 0||(i.value=e.attributes.rule),(b=g.querySelector('[name="match"]'))===null||b===void 0||(b.value=e.attributes.match),r?.appendChild(g)}),this.createForms(t.attributes.items,t.id)),o},this.addCriteriaHTML=t=>`<label>
       <span class="visually-hidden">Attribute</span>

package/assets/js/components/content/content.component.js

@@ -1,3 +1,4 @@
+import { transformButtons } from '../../modules/content';
 class iamContent extends HTMLElement {
     constructor() {
         super();
@@ -100,6 +101,7 @@ class iamContent extends HTMLElement {
                     }
                     fixContent(component);
                     registerComponents(component);
+                    transformButtons(component);
                 }
             };
             newXHRRequest.send();

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

@@ -1,7 +1,7 @@
 /*!
-  * iamKey v7.7.1--beta17
+  * iamKey v7.7.1--beta19
   * Copyright 2022-2026 iamproperty
-  */class b extends HTMLElement{constructor(){super(),this.addTitle=t=>this.hasAttribute("data-title-tag")?`<${this.getAttribute("data-title-tag")} class="${this.getAttribute("data-title-class")}">${t}</${this.getAttribute("data-title-tag")}>`:"",this.fixContent=t=>{const n=t.getAttribute("data-transform");let l=t;n?(t.querySelectorAll(`${n} > *:empty`).forEach(i=>{i.remove()}),l=t.querySelector(`${n}`)):t.querySelectorAll(":scope > *:empty").forEach(i=>{i.remove()});const c=t.getAttribute("data-items-class");c&&l.querySelectorAll(":scope > *").forEach(i=>{i.classList.add(c)})},this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
+  */const g=d=>{Array.from(document.querySelectorAll(".wp-block-buttons")).forEach(e=>{const t=document.createDocumentFragment();Array.from(e.querySelectorAll(".wp-block-button")).forEach(r=>{const i=r.querySelector("a");i.setAttribute("class",r.getAttribute("class")),t.appendChild(i)}),e.parentNode.replaceChild(t,e)})};class p extends HTMLElement{constructor(){super(),this.addTitle=t=>this.hasAttribute("data-title-tag")?`<${this.getAttribute("data-title-tag")} class="${this.getAttribute("data-title-class")}">${t}</${this.getAttribute("data-title-tag")}>`:"",this.fixContent=t=>{const r=t.getAttribute("data-transform");let i=t;r?(t.querySelectorAll(`${r} > *:empty`).forEach(a=>{a.remove()}),i=t.querySelector(`${r}`)):t.querySelectorAll(":scope > *:empty").forEach(a=>{a.remove()});const l=t.getAttribute("data-items-class");l&&i.querySelectorAll(":scope > *").forEach(a=>{a.classList.add(l)})},this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
     <style>
     @layer elements{button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button:focus:not(:focus-visible){outline:0}:is(button,[type=button],[type=reset],[type=submit],[role=button]){-webkit-appearance:button;&:not(:disabled){cursor:pointer}}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap;&:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}&:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}&:not(:last-child){margin-right:var(--btn-margin)}}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.btn-complete{--colour: var(--colour-success);--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn-complete,.btn.btn-complete:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem;&:before{content:"\uF00C";font-family:var(--fa-family-classic);margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn{&[class*=fa-]:before{content:var(--fa);font-family:var(--fa-family-classic)}&[class*=fa-after]{padding-right:4rem}&[class*=fa-after]:before{margin-right:0;margin-right:.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}&:not(.btn-compact):before{margin-right:1rem}i[class*=fa-]{--fa-width: 1em;font-family:var(--fa-family-classic);margin-right:1rem;line-height:1em;font-style:inherit;&:not(:first-child){margin-left:1rem;margin-right:0}}}.btn.btn--prompt{&:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active){&:after{margin-left:1.5rem;margin-right:-0.5rem}}.btn-filter{&:after{content:"\uF1DE";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:var(--fa-family-classic)}}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary);&:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:transparent;border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative;&:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}&.text-decoration-none:after{width:0%}&[class*=fa-]{margin-left:0;margin-right:.5rem}&[class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}&:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active){&:after{width:60% !important}}&:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}}@layer elements{.btn-action{--btn-border-width: 1px;--btn-padding-block: 0.3125rem /* 5px */;--btn-padding-inline: 0.3125rem /* 5px */;--btn-margin: 0.5rem;border-radius:.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;&:not(.btn-primary){color:var(--colour-heading)}&:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}&.btn[class*=fa-]:before{content:var(--fa);margin-right:.375rem}&.icon-only{position:relative;text-indent:-300vw;overflow:hidden;min-width:1.75rem;&:before{position:absolute;left:0;top:0;min-width:1.75rem;text-align:center;text-indent:0;padding-inline:.25rem;line-height:1.85rem}}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) &,&:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;align-content:center;line-height:1 !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem;&:not(:last-child){margin-right:.5rem}&:before{content:var(--fa);position:absolute;display:block;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - .25rem);font-weight:900}[class*=fa-]:before{line-height:calc(var(--compact-size) - .25rem);@container style(--theme: dark){color:white}}&.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}&.btn-action{--compact-size: 2rem;font-size:1rem;&:before{font-size:1em;font-weight:400}}&.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:transparent;&:not([class*=colour-]){--colour: var(--colour-light)}}&.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour);&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}}&[data-number]{position:relative}&[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:white;letter-spacing:-0.1em;font-family:arial,sans-serif}}.btn-compact{&:is(.fa-left,.fa-chevron-left,.fa-right,.fa-chevron-right,.fa-up,.fa-chevron-up,.fa-down,.fa-chevron-down,.fa-plus,.fa-bars,.fa-edit,.fa-envelope,.fa-calendar){--iso-display: block;--iso-font-size: 1.5rem;--iso-border-radius: 50%;--iso-text-indent: -500px}}@container style(--font-body){.btn-compact{font-size:var(--iso-font-size, 0.6rem) !important;text-indent:var(--iso-text-indent, 0px);white-space:initial;&:not(.btn-action){border-radius:var(--iso-border-radius, 0.25rem) !important}&:before{display:var(--iso-display, none);font-family:monospace !important;content:var(--iso) !important}}}@container style(--fa-font-regular){.btn-compact{text-indent:-500px;font-size:1rem !important;&:not(.btn-action){border-radius:50% !important}&:before{font-family:"Font Awesome 7 Pro" !important;content:var(--fa) !important;display:block}}}}@layer elements{.btn[popovertarget]{position:relative;anchor-name:--button2;&>.fa-chevron-down{display:none}&:not(:has(i)):not(.no-icon):after{content:"";display:inline-block;margin-right:.25em;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}&[aria-pressed]:after{transform:rotate(270deg)}}.btn:has(select){position:relative;padding:0;max-width:fit-content;min-width:fit-content;width:fit-content;select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:inherit !important;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important;appearance:base-select !important}&:after{position:absolute;top:.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}}.btn-action:has(select){padding-block:0;padding-right:2rem;font-size:1em;select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important;font-size:1rem !important}&:after{top:.2rem;right:.5rem}}}@layer elements{.btn__group{display:flex;flex-direction:column;row-gap:var(--gap);reading-flow:source-order;margin-bottom:1.5rem;.btn-compact{max-width:fit-content;margin-inline:auto}}:where(.btn__group,iam-modal){reading-flow:source-order;.btn{margin-inline-end:0;width:100%;max-width:100%;text-align:center;white-space:normal;margin:0;&:not(:last-child){margin-right:0}}.btn-tertiary{max-width:fit-content;margin-block:0 !important;margin-inline:auto !important;order:3;reading-order:3}.btn-secondary{order:2;reading-order:2}.btn-primary{order:1;reading-order:1;margin:0;&:not(:last-child){margin:0}}}:is(iam-form,form) .btn__group{padding-top:1rem}@container (min-width: 36em){.btn__group{flex-direction:row;row-gap:0;gap:var(--gap);flex-wrap:wrap;.btn-tertiary{max-width:fit-content;margin-inline:0 !important;margin-block:auto;order:1}.btn-secondary{order:2}.btn-primary{order:3}.btn-compact{margin-inline:0;margin-block:auto}}:where(iam-modal,.btn__group){.btn{max-width:fit-content;white-space:nowrap;margin-block:auto}}.btn__group{.btn-tertiary{reading-order:1}.btn-secondary{reading-order:2}.btn-primary{reading-order:3}}iam-modal{.btn-tertiary{reading-order:3;order:1}.btn-secondary{order:2;reading-order:2}.btn-primary{order:3;reading-order:1}}.btn__group.text-end{justify-content:flex-end}:is(iam-form,form) .btn__group{justify-content:flex-end;padding-top:3rem}iam-modal .btn__group:last-child .btn,dialog .btn__group:last-child .btn{margin-bottom:0}}}*,*::before,*::after{box-sizing:border-box}:host{display:contents}::slotted(iam-marketing:first-child:last-child){margin-bottom:0;min-height:100%;min-width:100%}/*# sourceMappingURL=assets/css/components/content.component.css.map */
 
@@ -9,5 +9,5 @@
     ${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
     </style>
     <slot></slot>
-    `,this.shadowRoot.appendChild(e.content.cloneNode(!0))}connectedCallback(){const e=this,t=this.getAttribute("data-url"),n=this.getAttribute("data-transform"),l=this.fixContent;let c="";for(const o of this.attributes)c+=`${o.name}="${o.value}" `;const i=this.addTitle,d=o=>{const r=["carousel","card","marketing","notification"],m=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets";r.forEach(a=>{a=="notification"&&document.querySelectorAll("[data-notification]").forEach(s=>{s.outerHTML=s.outerHTML.replace(/<div/g,"<iam-notification").replace(/<\/div>/g,"</iam-notification>")}),o.getElementsByTagName(`iam-${a}`).length!==0&&import(`${m}/js/components/${a}/${a}.component.js`).then(s=>{window.customElements.get(`iam-${a}`)||window.customElements.define(`iam-${a}`,s.default)}).catch(s=>{console.log(s.message)})})};if(t){const o=new XMLHttpRequest;o.open("GET",t,!0),o.onload=function(){if(this.status===200){let r=JSON.parse(this.responseText);Array.isArray(r)&&(r=r[0]),e.insertAdjacentHTML("beforebegin",i(r.title.rendered)),n?(e.innerHTML=`<${n} ${c}>${r.content.rendered}</${n}>`,e.removeAttribute("class")):(e.innerHTML=`${r.content.rendered}`,console.log(r.content)),l(e),d(e)}},o.send()}}}export{b as default};
+    `,this.shadowRoot.appendChild(e.content.cloneNode(!0))}connectedCallback(){const e=this,t=this.getAttribute("data-url"),r=this.getAttribute("data-transform"),i=this.fixContent;let l="";for(const n of this.attributes)l+=`${n.name}="${n.value}" `;const a=this.addTitle,m=n=>{const o=["carousel","card","marketing","notification"],b=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets";o.forEach(s=>{s=="notification"&&document.querySelectorAll("[data-notification]").forEach(c=>{c.outerHTML=c.outerHTML.replace(/<div/g,"<iam-notification").replace(/<\/div>/g,"</iam-notification>")}),n.getElementsByTagName(`iam-${s}`).length!==0&&import(`${b}/js/components/${s}/${s}.component.js`).then(c=>{window.customElements.get(`iam-${s}`)||window.customElements.define(`iam-${s}`,c.default)}).catch(c=>{console.log(c.message)})})};if(t){const n=new XMLHttpRequest;n.open("GET",t,!0),n.onload=function(){if(this.status===200){let o=JSON.parse(this.responseText);Array.isArray(o)&&(o=o[0]),e.insertAdjacentHTML("beforebegin",a(o.title.rendered)),r?(e.innerHTML=`<${r} ${l}>${o.content.rendered}</${r}>`,e.removeAttribute("class")):(e.innerHTML=`${o.content.rendered}`,console.log(o.content)),i(e),m(e),g()}},n.send()}}}export{p as default};
 //# sourceMappingURL=content.component.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"content.component.min.js","sources":["content.component.js"],"sourcesContent":["class iamContent extends HTMLElement {\n    constructor() {\n        super();\n        this.addTitle = (title) => {\n            if (this.hasAttribute('data-title-tag')) {\n                return `<${this.getAttribute('data-title-tag')} class=\"${this.getAttribute('data-title-class')}\">${title}</${this.getAttribute('data-title-tag')}>`;\n            }\n            return '';\n        };\n        this.fixContent = (component) => {\n            const transform = component.getAttribute('data-transform');\n            let wrapper = component;\n            if (transform) {\n                component.querySelectorAll(`${transform} > *:empty`).forEach((element) => {\n                    element.remove();\n                });\n                wrapper = component.querySelector(`${transform}`);\n            }\n            else {\n                component.querySelectorAll(`:scope > *:empty`).forEach((element) => {\n                    element.remove();\n                });\n            }\n            const itemClass = component.getAttribute('data-items-class');\n            if (itemClass) {\n                wrapper.querySelectorAll(`:scope > *`).forEach((element) => {\n                    element.classList.add(itemClass);\n                });\n            }\n        };\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/content.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${loadCSS}\n\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    </style>\n    <slot></slot>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const component = this;\n        const url = this.getAttribute('data-url');\n        const transform = this.getAttribute('data-transform');\n        const fixContent = this.fixContent;\n        let elementAttributes = '';\n        for (const attr of this.attributes) {\n            elementAttributes += `${attr.name}=\"${attr.value}\" `;\n        }\n        const addTitle = this.addTitle;\n        const registerComponents = (contentComponent) => {\n            const components = ['carousel', 'card', 'marketing', 'notification'];\n            const assetLocation = document.body.hasAttribute('data-assets-location')\n                ? document.body.getAttribute('data-assets-location')\n                : '/assets';\n            // Load components - Each component will load once the first of its type has been loaded\n            components.forEach((component) => {\n                if (component == 'notification') {\n                    document.querySelectorAll('[data-notification]').forEach((element) => {\n                        element.outerHTML = element.outerHTML\n                            .replace(/<div/g, '<iam-notification')\n                            .replace(/<\\/div>/g, '</iam-notification>');\n                    });\n                }\n                if (contentComponent.getElementsByTagName(`iam-${component}`).length === 0)\n                    return;\n                import(/* @vite-ignore */ `${assetLocation}/js/components/${component}/${component}.component.js`)\n                    .then((module) => {\n                    if (!window.customElements.get(`iam-${component}`))\n                        window.customElements.define(`iam-${component}`, module.default);\n                })\n                    .catch((err) => {\n                    console.log(err.message);\n                });\n            });\n        };\n        if (url) {\n            const newXHRRequest = new XMLHttpRequest();\n            newXHRRequest.open('GET', url, true);\n            newXHRRequest.onload = function () {\n                if (this.status === 200) {\n                    let response = JSON.parse(this.responseText);\n                    if (Array.isArray(response))\n                        response = response[0];\n                    component.insertAdjacentHTML('beforebegin', addTitle(response.title.rendered));\n                    if (transform) {\n                        component.innerHTML = `<${transform} ${elementAttributes}>${response.content.rendered}</${transform}>`;\n                        component.removeAttribute('class');\n                    }\n                    else {\n                        component.innerHTML = `${response.content.rendered}`;\n                        console.log(response.content);\n                    }\n                    fixContent(component);\n                    registerComponents(component);\n                }\n            };\n            newXHRRequest.send();\n        }\n    }\n}\nexport default iamContent;\n"],"names":["iamContent","title","component","transform","wrapper","element","itemClass","template","url","fixContent","elementAttributes","attr","addTitle","registerComponents","contentComponent","components","assetLocation","module","err","newXHRRequest","response"],"mappings":"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"}
+{"version":3,"file":"content.component.min.js","sources":["../../modules/content.js","content.component.js"],"sourcesContent":["export const transformButtons = (component) => {\n    Array.from(document.querySelectorAll('.wp-block-buttons')).forEach((buttons) => {\n        const fragment = document.createDocumentFragment();\n        Array.from(buttons.querySelectorAll('.wp-block-button')).forEach((element) => {\n            const link = element.querySelector('a');\n            link.setAttribute('class', element.getAttribute('class'));\n            fragment.appendChild(link);\n        });\n        buttons.parentNode.replaceChild(fragment, buttons);\n    });\n};\n","import { transformButtons } from '../../modules/content';\nclass iamContent extends HTMLElement {\n    constructor() {\n        super();\n        this.addTitle = (title) => {\n            if (this.hasAttribute('data-title-tag')) {\n                return `<${this.getAttribute('data-title-tag')} class=\"${this.getAttribute('data-title-class')}\">${title}</${this.getAttribute('data-title-tag')}>`;\n            }\n            return '';\n        };\n        this.fixContent = (component) => {\n            const transform = component.getAttribute('data-transform');\n            let wrapper = component;\n            if (transform) {\n                component.querySelectorAll(`${transform} > *:empty`).forEach((element) => {\n                    element.remove();\n                });\n                wrapper = component.querySelector(`${transform}`);\n            }\n            else {\n                component.querySelectorAll(`:scope > *:empty`).forEach((element) => {\n                    element.remove();\n                });\n            }\n            const itemClass = component.getAttribute('data-items-class');\n            if (itemClass) {\n                wrapper.querySelectorAll(`:scope > *`).forEach((element) => {\n                    element.classList.add(itemClass);\n                });\n            }\n        };\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/content.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${loadCSS}\n\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    </style>\n    <slot></slot>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const component = this;\n        const url = this.getAttribute('data-url');\n        const transform = this.getAttribute('data-transform');\n        const fixContent = this.fixContent;\n        let elementAttributes = '';\n        for (const attr of this.attributes) {\n            elementAttributes += `${attr.name}=\"${attr.value}\" `;\n        }\n        const addTitle = this.addTitle;\n        const registerComponents = (contentComponent) => {\n            const components = ['carousel', 'card', 'marketing', 'notification'];\n            const assetLocation = document.body.hasAttribute('data-assets-location')\n                ? document.body.getAttribute('data-assets-location')\n                : '/assets';\n            // Load components - Each component will load once the first of its type has been loaded\n            components.forEach((component) => {\n                if (component == 'notification') {\n                    document.querySelectorAll('[data-notification]').forEach((element) => {\n                        element.outerHTML = element.outerHTML\n                            .replace(/<div/g, '<iam-notification')\n                            .replace(/<\\/div>/g, '</iam-notification>');\n                    });\n                }\n                if (contentComponent.getElementsByTagName(`iam-${component}`).length === 0)\n                    return;\n                import(/* @vite-ignore */ `${assetLocation}/js/components/${component}/${component}.component.js`)\n                    .then((module) => {\n                    if (!window.customElements.get(`iam-${component}`))\n                        window.customElements.define(`iam-${component}`, module.default);\n                })\n                    .catch((err) => {\n                    console.log(err.message);\n                });\n            });\n        };\n        if (url) {\n            const newXHRRequest = new XMLHttpRequest();\n            newXHRRequest.open('GET', url, true);\n            newXHRRequest.onload = function () {\n                if (this.status === 200) {\n                    let response = JSON.parse(this.responseText);\n                    if (Array.isArray(response))\n                        response = response[0];\n                    component.insertAdjacentHTML('beforebegin', addTitle(response.title.rendered));\n                    if (transform) {\n                        component.innerHTML = `<${transform} ${elementAttributes}>${response.content.rendered}</${transform}>`;\n                        component.removeAttribute('class');\n                    }\n                    else {\n                        component.innerHTML = `${response.content.rendered}`;\n                        console.log(response.content);\n                    }\n                    fixContent(component);\n                    registerComponents(component);\n                    transformButtons(component);\n                }\n            };\n            newXHRRequest.send();\n        }\n    }\n}\nexport default iamContent;\n"],"names":["transformButtons","component","buttons","fragment","element","link","iamContent","title","transform","wrapper","itemClass","template","url","fixContent","elementAttributes","attr","addTitle","registerComponents","contentComponent","components","assetLocation","module","err","newXHRRequest","response"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta17
+  * iamKey v7.7.1--beta19
   * Copyright 2022-2026 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Dark mode button"});class i extends HTMLElement{constructor(){var e;super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const o=document.createElement("template");o.innerHTML=`
     <style>::slotted(.toggle):after{--icon: var(--icon-light);background:red;mask-image:var(--icon);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}::slotted(.toggle.dark-theme):after{--icon: var(--icon-dark)}/*# sourceMappingURL=assets/css/components/darkmode.component.css.map */

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta17
+  * iamKey v7.7.1--beta19
   * Copyright 2022-2026 iamproperty
   */const L=t=>t.charAt(0).toUpperCase()+t.slice(1),q=t=>t.replace(/_/g," "),P=(t,r)=>{for(let a=1;a<=10;a++){if(t.hasAttribute(`data-colour-${a}`)){const c=t.getAttribute(`data-colour-${a}`);t.style.setProperty(`--chart-colour-${a}`,`var(--chart-colour-${c})`),t.style.setProperty(`--chart-colour-${a}-hover`,`var(--chart-colour-${c}-hover)`)}Array.from(r.querySelectorAll(`[data-colour-${a}]`)).forEach(c=>{const e=c.getAttribute(`data-colour-${a}`);c.style.setProperty(`--chart-colour-${a}`,`var(--chart-colour-${e})`),c.style.setProperty(`--chart-colour-${a}-hover`,`var(--chart-colour-${e}-hover)`)})}return!0},w=(t,r,a)=>{if(t.tagName=="IAM-DOUGHNUTCHART")return N(t,r,a),!0;const c=r.querySelector(".chart__key");c.innerHTML="";const e=r.querySelector(".chart__guidelines");e.innerHTML="";const n=r.querySelector(".chart__yaxis");n.innerHTML="",Array.from(r.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(i=>{i.remove()});const{xaxis:o}=v(t);return A(t,a),T(r,a,c),I(t,e),X(t,n),o&&K(r),!0},N=(t,r,a)=>{const c=r.querySelector(".chart__key");return c.innerHTML="",Array.from(r.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(e=>{e.remove()}),A(t,a),T(r,a,c),H(r),!0},j=function(t,r){const a=r.querySelector(".chart");a.addEventListener("mousemove",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("td:not(:first-child")){const l=o.target.closest("td:not(:first-child").getBoundingClientRect(),d=o.clientX-l.left,h=o.clientY-l.top;a.setAttribute("style",`--cursor-x: ${d}px; --cursor-y: ${h}px;`)}});const c=r.querySelectorAll("label");Array.from(c).forEach(o=>{r.querySelector(`input#${o.getAttribute("for")}`).checked?o.setAttribute("part","key-checked"):o.setAttribute("part","key-unchecked")});const e=t.querySelector("table"),n=r.querySelector("table");r.addEventListener("change",function(o){const i=o.target,l=new CustomEvent("view-change",{detail:{"data-dataset":i.getAttribute("data-dataset"),label:i.getAttribute("data-label"),checked:i.checked}});t.dispatchEvent(l),Array.from(c).forEach(d=>{var h;!((h=r.querySelector(`input#${d.getAttribute("for")}`))===null||h===void 0)&&h.checked?d.setAttribute("part","key-checked"):d.setAttribute("part","key-unchecked")}),n.innerHTML=e.innerHTML,A(t,n),t.tagName=="IAM-DOUGHNUTCHART"&&H(r)})},B=function(t,r){const a=t.querySelector("table"),c=r.querySelector("table"),e=(l,d)=>{d.disconnect(),i.disconnect();for(const h of l)(h.attributeName=="class"||h.type==="attributes"||h.type==="attributes")&&(c.innerHTML=a.innerHTML,w(t,r,c));d.observe(a,{characterData:!0,subtree:!0}),i.observe(t,{attributes:!0})},n=(l,d)=>{d.disconnect(),i.disconnect();for(const h of l)(h.type=="characterData"||h.type=="childList"&&h.addedNodes.length)&&(c.innerHTML=a.innerHTML,w(t,r,c));d.observe(a,{characterData:!0,subtree:!0}),i.observe(t,{attributes:!0})},o=new MutationObserver(n),i=new MutationObserver(e);return o.observe(a,{characterData:!0,subtree:!0}),i.observe(t,{attributes:!0}),!0};function C(t,r){r>1&&(t=t-.25);const a=Math.cos(2*Math.PI*t),c=Math.sin(2*Math.PI*t);return[a*100,c*100]}const v=function(t){const r=t.shadowRoot.querySelector(".chart__wrapper table"),a=t.hasAttribute("data-min")?t.getAttribute("data-min"):0,c=t.hasAttribute("data-max")?t.getAttribute("data-max"):U(t,r),e=t.hasAttribute("data-yaxis")?t.getAttribute("data-yaxis").split(","):[],n=t.hasAttribute("data-guidelines")?t.getAttribute("data-guidelines").split(","):[],o=t.hasAttribute("data-xaxis")?t.getAttribute("data-xaxis").split(","):null;return{min:a,max:c,yaxis:e,xaxis:o,guidelines:n}};function U(t,r){const a=t.classList.contains("chart--stacked")?"tbody tr":"tbody td:not(:first-child)",c=Array.from(r.querySelectorAll(a)).map(n=>n.getAttribute("data-numeric")),e=Math.max(...c);return Math.ceil(e)}const x=function(t,r,a,c){let e=String(t);e=e.replace("\xA3",""),e=e.replace("%",""),e=e.replace(",",""),e=Number.parseFloat(e);let n=(e-r)/(a-r)*100,o=n,i=0;return c&&c!=0&&(i=(c-r)/(a-r)*100),r<0&&(i=Math.abs(r/(a-r)*100),e<0?(n=i-n,i=i-n,o=i):(n=n-i,o=n+i)),{percent:n,axis:o,bottom:i}},A=function(t,r){Array.from(r.querySelectorAll("tbody tr")).forEach(e=>{let n=0;Array.from(e.querySelectorAll("td:not(:first-child)")).forEach(o=>{const i=o.cloneNode(!0);Array.from(i.querySelectorAll("*")).forEach(h=>{h.remove()});const l=parseFloat(i.textContent.replace("\xA3","").replace("%","").replace(",",""));o.setAttribute("data-numeric",l),o.setAttribute("data-value",i.textContent),getComputedStyle(o).display!="none"&&(n+=l),Array.from(o.querySelectorAll("a, button")).forEach((h,b)=>{b==0&&h.insertAdjacentHTML("beforeBegin","<hr/>"),h.classList.add("btn"),h.classList.add("btn-tertiary")})}),e.setAttribute("data-numeric",n)});const{min:a,max:c}=v(t);Array.from(r.querySelectorAll("tbody tr")).forEach((e,n)=>{const o=e.querySelector("td:first-child, th:first-child")?e.querySelector("td:first-child, th:first-child").textContent:"";e.setAttribute("part","group");const i=(e.getAttribute("data-numeric")-a)/(c-a)*100;e.style.setProperty("--percent",`${i}%`),Array.from(e.querySelectorAll("td:not([data-label])")).forEach((h,b)=>{b==0?h.setAttribute("part","xaxis-label"):h.setAttribute("part","value"),e.querySelectorAll("td").length>2&&h.setAttribute("data-label",r.querySelectorAll("thead th")[b].textContent)});const l=e.hasAttribute("data-min")?e.getAttribute("data-min"):a,d=e.hasAttribute("data-max")?e.getAttribute("data-max"):c;if(l<0){const h=Math.abs(l/(d-l)*100);t.setAttribute("style",`--min-bottom: ${h}%;`)}e.style.setProperty("--row-index",n+1),Array.from(e.querySelectorAll('td[data-numeric]:not([data-label="Min"]):not([data-label="Max"]):not(:first-child)')).forEach(h=>{if(getComputedStyle(h).display=="none")return;const y=h.innerHTML,_=Number.parseFloat(h.getAttribute("data-numeric")),s=Number.parseFloat(h.getAttribute("data-start"));if(h.querySelector("span[data-group]")||(h.innerHTML=`<span data-group="${o}" ${h.hasAttribute("data-label")?`data-label="${h.getAttribute("data-label")}"`:""} part="popover">${y}</span>`),!h.hasAttribute("style")){const{percent:m,bottom:g,axis:p}=x(_,l,d,s);h.setAttribute("data-percent",m),h.setAttribute("style",`--bottom:${g}%;--percent:${m}%;--axis:${p}%;`)}})})},T=function(t,r,a){const c=`chart-${Date.now()+(Math.floor(Math.random()*100)+1)}`;let e;const n=Array.from(r.querySelectorAll("thead th"));return n.forEach((o,i)=>{i!=0&&(e=V(c,i,o.textContent,a,t,e)),i==50&&(n.length=i+1)}),!0};function V(t,r,a,c,e,n){var o;const i=document.createElement("input");i.setAttribute("name",`${t}-dataset-${r}`),i.setAttribute("id",`${t}-dataset-${r}`),i.setAttribute("data-dataset",`${r}`),i.setAttribute("data-label",`${a}`),i.checked=!0,i.setAttribute("type","checkbox"),r==1?e.prepend(i):e.insertBefore(i,n.nextSibling),n=i;const l=document.createElement("label");l.setAttribute("class","key btn btn-action"),l.setAttribute("for",`${t}-dataset-${r}`),l.setAttribute("data-label",`${a}`),l.setAttribute("part","key");const d=(o=e.querySelector(`tbody tr td:nth-child(${r+1})`))===null||o===void 0?void 0:o.getAttribute("data-numeric");return l.setAttribute("data-numeric",d),l.innerHTML=`${a}`,c.append(l),n}const I=function(t,r){const{min:a,max:c,yaxis:e}=v(t);let{guidelines:n}=v(t);n.length||(n=e),r.innerHTML="";for(let o=0;o<n.length;o++){const i=parseFloat(n[o].replace("\xA3","").replace("%","").replace(",","")),{axis:l}=x(i,a,c);r.innerHTML+=`<div class="guideline" style="--percent:${l}%;">${e.indexOf(n[o])!=-1?`<span>${n[o]}</span>`:""}</div>`}},X=function(t,r){const{min:a,max:c,yaxis:e}=v(t);r.innerHTML="";for(let n=0;n<e.length;n++){const o=parseFloat(e[n].replace("\xA3","").replace("%","")),{axis:i}=x(o,a,c);r.innerHTML+=`<div class="axis__point" style="--percent:${i}%;"><span>${e[n]}</span></div>`}},K=function(t){const r=t.querySelector(".chart");let a=t.querySelector(".chart__xaxis");a||(a=document.createElement("div"),a.setAttribute("class","chart__xaxis")),r.prepend(a)},H=function(t){let r="";const a=t.querySelector(".chart");let c=t.querySelector(".doughnuts");c||(c=document.createElement("div"),c.setAttribute("class","doughnuts"),a.append(c)),Array.from(a.querySelectorAll("tbody tr")).forEach((e,n)=>{let o="",i="",l=0,d=0;const b=e.querySelectorAll("td")[0].innerHTML;let y=0;const _=e.getAttribute("data-numeric");Array.from(e.querySelectorAll("td")).forEach((s,m)=>{const g=getComputedStyle(s).display;if(m!=0&&g!="none"){let p=s.getAttribute("data-numeric");p=p.replace("\xA3",""),p=p.replace("%",""),p=p.replace(",",""),p=Number.parseInt(p),d+=p,y++}}),Array.from(e.querySelectorAll("td")).forEach((s,m)=>{var g,p;const f=getComputedStyle(s).display;if(m!=0&&y==1&&f!="none")o+=`<path d="M 0 0 L 100 0 A 100 100 0 1 1 100 -0.01 L 0 0" style="${s.getAttribute("style")} --path-index: ${m};"></path>`,i+=`<span class="h5 mb-0" part="popover">${L(q(s.getAttribute("data-label"))).trim()}<br/>${s.hasAttribute("data-second")?`${s.getAttribute("data-second-label")}: ${s.getAttribute("data-second")}<br/>`:""}${(g=s.querySelector('[part="popover"]'))===null||g===void 0?void 0:g.innerHTML}</span>`;else if(m!=0){let u=s.getAttribute("data-numeric");const D=f=="none"?"display: none;":"";u=u.replace("\xA3",""),u=u.replace("%",""),u=u.replace(",",""),u=Number.parseInt(u);const k=u/d,[$,z]=C(l,y),[S,M]=C(l+k,y),R=k>.5?1:0,F=["M 0 0",`L ${$?$.toFixed(0):0} ${z?z.toFixed(0):0}`,`A 100 100 0 ${R} 1 ${S?S.toFixed(0):0} ${M?M.toFixed(0):0}`,"L 0 0"].join(" ");o+=`<path d="${F}" style="${s.getAttribute("style")} --path-index: ${m};${D}"></path>`,i+=`<span class="h5 mb-0" part="popover">${L(q(s.getAttribute("data-label"))).trim()}<br/>${s.hasAttribute("data-second")?`${s.getAttribute("data-second-label")}: ${s.getAttribute("data-second")}<br/>`:""}${(p=s.querySelector('[part="popover"]'))===null||p===void 0?void 0:p.innerHTML}</span>`,f!="none"&&(l+=k)}}),r+=`<div class="doughnut">
   <svg viewBox="-105 -105 210 210" preserveAspectRatio="none" style="--row-index: ${n+1};">${o}</svg>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta17
+  * iamKey v7.7.1--beta19
   * Copyright 2022-2026 iamproperty
   */function v(l,a){const d=a.querySelector(".files"),n=a.querySelector(".drop-area"),e=l.querySelector("input"),b=l.hasAttribute("data-maxsize")?l.getAttribute("data-maxsize"):0,h=a.querySelector(".invalid-feedback.size"),u=a.querySelector(".invalid-feedback.ext"),o=e.cloneNode();n.append(o);const g=function(t){if(!e.hasAttribute("accept"))return!0;const i=t.split(".").pop();return!!e.getAttribute("accept").includes(i)};if(a.addEventListener("click",t=>{t&&t.target instanceof HTMLElement&&t.target.closest(".btn-primary")&&(u.classList.remove("d-block"),h.classList.remove("d-block"),(e.hasAttribute("multiple")?o:e).click())}),a.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest(".files button")){const i=new DataTransfer,{files:c}=e,r=t.target.closest(".files button");for(let p=0;p<c.length;p++){const f=c[p];f.name!=r.getAttribute("data-file")&&i.items.add(f)}e.files=i.files;const m=new Event("change");e.dispatchEvent(m);const s=new CustomEvent("fileRemoved",{detail:{removedFile:r?.dataset.file}});l.dispatchEvent(s)}}),o.addEventListener("change",()=>{if(e.hasAttribute("multiple")){const i=[...e.files,...o.files],c=[],r=new DataTransfer;for(let m=0;m<i.length;m++){const s=i[m],p=s.size/1e3;!c.includes(s.name)&&(b==0||p<b)&&g(s.name)&&r.items.add(s),g(s.name)||u.classList.add("d-block"),p>b&&h.classList.add("d-block"),c.push(s.name)}e.files=r.files}else e.files=o.files;const t=new Event("change");e.dispatchEvent(t)}),o.addEventListener("dragenter",()=>{o.classList.add("focus")}),o.addEventListener("dragleave",()=>{o.classList.remove("focus")}),o.addEventListener("drop",()=>{o.classList.remove("focus")}),e.addEventListener("change",()=>{if(e.files.length==1){const i=e.files[0],c=i.size/1e3;if(!g(i.name)){u.classList.add("d-block");const r=new DataTransfer;e.files=r.files}if(c>b){h.classList.add("d-block");const r=new DataTransfer;e.files=r.files}}d.innerHTML="";for(const i of e.files)d.innerHTML+=`<span class="file" part="file">${i.name} <button data-file="${i.name}" part="file__remove">Remove</button></span>`;const t=new CustomEvent("elementchange",{detail:{files:e.files}});if(l.dispatchEvent(t),e.files.length==0){const i=new CustomEvent("empty");l.dispatchEvent(i)}}),l.hasAttribute("data-filename")){const t=l.getAttribute("data-filename");t&&(d.innerHTML=`<span class="file" part="file">${t} <button data-file="${t}" part="file__remove">Remove</button></span>`)}}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"fileupload"});class y extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta17
+  * iamKey v7.7.1--beta19
   * Copyright 2022-2026 iamproperty
   */const p=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})},h=(a,t,o)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),o.forEach(e=>{a.addEventListener(e,function(i){const r={event:e,element:t,target:i.target};Object.keys(i.detail).forEach(d=>{const s=i.detail[d];r[d]=s}),window.dataLayer.push(r)})}),!0),g=`<div class="wrapper">
   <div class="card__head" part="head">

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

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

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta17
+  * iamKey v7.7.1--beta19
   * Copyright 2022-2026 iamproperty
   */const d=i=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:i})};d("iam-tag");class o extends HTMLElement{constructor(){super(),this.checkConditions=e=>{let r=!0;return JSON.parse(e).forEach(a=>{this.querySelector(`#${a.if}`).value!=a.equals&&(r=!1)}),r},this.showIf=()=>{Array.from(this.querySelectorAll("[data-show-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-show-if"))?e.classList.remove("d-none"):e.classList.add("d-none")})},this.hideIf=()=>{Array.from(this.querySelectorAll("[data-hide-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-hide-if"))?e.classList.add("d-none"):e.classList.remove("d-none")})},this.disabledIf=()=>{Array.from(this.querySelectorAll("[data-disabled-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-disabled-if"))?e.setAttribute("disabled","disabled"):e.removeAttribute("disabled")})},this.enabledIf=()=>{Array.from(this.querySelectorAll("[data-enabled-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-enabled-if"))?e.removeAttribute("disabled"):e.setAttribute("disabled","disabled")})},this.requiredIf=()=>{Array.from(this.querySelectorAll("[data-required-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-required-if"))?e.setAttribute("required","required"):e.removeAttribute("required")})},this.readonlyIf=()=>{Array.from(this.querySelectorAll("[data-readonly-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-readonly-if"))?e.setAttribute("readonly","readonly"):e.removeAttribute("readonly")})},this.writeIf=()=>{Array.from(this.querySelectorAll("[data-write-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-write-if"))?e.removeAttribute("readonly"):e.setAttribute("readonly","readonly")})},this.emptyIf=()=>{Array.from(this.querySelectorAll("[data-empty-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-empty-if"))&&(e.value="")})},this.attachShadow({mode:"open"});const t=document.createElement("template");t.innerHTML=`
     <div class="wrapper">

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

@@ -1,9 +1,9 @@
 /*!
-  * iamKey v7.7.1--beta17
+  * iamKey v7.7.1--beta19
   * Copyright 2022-2026 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class o extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
     <style>
-    @layer elements{.container{display:block;margin-left:auto;margin-right:auto;container-type:inline-size;width:100%}.container:not([class*=col-]){grid-column:container !important;padding:var(--container-padding)}.container:not(:has(.row)):has([class*=col-]){display:grid;grid-template-columns:[content-start col-1-start] 1fr [col-1-end col-2-start] 1fr [col-2-end col-3-start] 1fr [col-3-end col-4-start] 1fr [col-4-end col-5-start] 1fr [col-5-end col-6-start] 1fr [col-6-end col-7-start] 1fr [col-7-end col-8-start] 1fr [col-8-end col-9-start] 1fr [col-9-end col-10-start] 1fr [col-10-end col-11-start] 1fr [col-11-end col-12-start] 1fr [col-12-end content-end] !important;column-gap:1rem}.container [class*=col-span-]:not([class*=-col-span-]):not(:first-child){--col-start: auto}@media screen and (min-width: 36em){.container [class*=sm-col-span-]:not(:first-child){--col-start: auto}}@media screen and (min-width: 62em){.container [class*=md-col-span-]:not(:first-child){--col-start: auto}}.container:not(.container-fluid){max-width:var(--container-max-width)}.container .container:not(.container-xs-breakout){padding-left:0;padding-right:0;padding-bottom:0;padding-top:0}.container[class*=bg-]{padding-top:3rem;padding-bottom:2rem}.container[class*=bg-]+.container:not([class*=bg-]){padding-top:2rem}.container:before{display:table;clear:both;content:""}.container:after{display:table;clear:both;content:""}.container.container-xs-breakout{margin-left:-1.25rem;margin-right:-1.25rem;width:calc(100% + 2.5rem)}@media screen and (min-width: 36em){.container.container-xs-breakout{margin-left:auto;margin-right:auto;width:100%}}:host .container{display:block;margin-left:auto;margin-right:auto;padding:var(--container-padding);width:100%}main>.row{padding-bottom:1rem}main>.row[class*=bg-]{padding-top:3rem;padding-bottom:2rem}main>.row[class*=bg-]+:is(.row,.container):not([class*=bg-]){padding-top:2rem}}@layer elements{.admin-panel{--padding-x: 1.5rem;--padding-top: 1rem;--padding-bottom: 1rem;--mh-modifier: 4.5rem;--mh-padding-inline: var(--padding-x);display:block;padding:var(--padding-top) var(--padding-x) var(--padding-bottom) var(--padding-x);box-shadow:0px 6px 12px rgba(0, 0, 0, 0.11);background-color:var(--colour-canvas-2);border-radius:.5rem;margin-bottom:1.5rem;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);overflow:hidden;&:has(:is([class*=cols-],[class*=col-start-],[class*=col-end-],[class*=col-span-])){display:grid;>*{grid-column:var(--col-start, col-1-start)/var(--col-end, col-12-end)}}&:empty{display:none}>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.admin-panel__heading):not(.lead):first-child{--gradient-direction: -90deg !important;background-color:var(--colour-success);&:not([class*=bg-]){color:var(--colour-primary-theme);background-image:linear-gradient(var(--gradient-direction), var(--colour-info) 0, transparent 100%)}margin:calc(var(--padding-top)*-1) calc(var(--padding-x)*-1) var(--padding-top) calc(var(--padding-x)*-1);display:block;border-top-left-radius:.5rem;border-top-right-radius:.5rem}>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead):first-child,.admin-panel__heading>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead){font-size:1.125rem;line-height:1.5rem;font-weight:bold;padding:1rem 1.5rem;max-width:unset}>:is(.admin-panel__heading):first-child{display:flex !important;flex-wrap:wrap;gap:1rem;align-items:center;padding:1rem 1.5rem;>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){padding:0;margin-inline-end:auto}.btn{--btn-margin: 0;margin-bottom:0}.dialog__wrapper+.btn{--btn-margin: 0.25rem;margin-inline-end:0}@media(prefers-color-scheme: light){.btn-action,.dialog__wrapper{--colour-canvas-2: #ffffff;--colour-heading: var(--colour-primary);--colour-btn-action-hover-bg: var(--colour-light);--colour-btn-hover: var(--colour-primary);--colour-border: #d8d8d8}}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax,.iam-table){margin:0 0 2rem 0;padding:0;box-shadow:none;background:none}&>*:not([class*=mb-]):not(.btn__group):last-child{margin-bottom:0 !important}&>*:is(p):last-child{padding-bottom:0 !important}& p{max-width:100%;padding-bottom:1.5rem}&>:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid){overflow:auto;&:before{top:100% !important}}&>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead):first-child+:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid){padding-top:var(--padding-top);margin-top:calc(var(--padding-top)*-1)}&>:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid):last-child{padding-bottom:var(--padding-bottom);margin-bottom:calc(var(--padding-bottom)*-1) !important;&>*:not([class*=mb-]):last-child{margin-bottom:0 !important}&>*:is(p):last-child{padding-bottom:0 !important}}&>iam-pagination{margin-top:-1rem}&:has(.mh-fluid){max-height:100%;display:flex;flex-direction:column}&.grid{display:grid !important;grid-template-columns:subgrid !important;>*:not(:first-child){grid-column:var(--col-start, col-1-start)/var(--col-end, col-12-end)}}&>hr{margin-inline:calc(var(--padding-x)*-1)}}@container style(--theme: dark){.admin-panel{background-color:var(--colour-canvas-2);color:var(--colour-body);.bg-white{background-color:transparent !important;color:var(--white) !important}}}[class*=col].admin-panel:first-child:last-child:not(:has(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid)){min-height:calc(100% - 1.5rem)}.admin-panel:has(iam-actionbar){&>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead):first-child{margin-bottom:0}iam-actionbar{background:var(--colour-canvas);margin-inline:calc(var(--padding-x)*-1);margin-bottom:var(--padding-top);&:first-child{margin-top:calc(var(--padding-top)*-1)}&:not(:first-child){border-radius:0}}&>:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax){overflow:visible;&:first-child{margin-top:calc(var(--padding-top)*-1)}iam-actionbar{margin-top:0 !important;border-radius:0;box-shadow:none}}}details.admin-panel{summary:after{content:"\uF077";font-weight:bold;margin-left:0;height:2rem;width:2rem;text-align:center;line-height:2rem;margin-right:-0.5rem}summary:not(:has(.btn:hover)):hover:after{background:var(--colour-light);border-radius:50%}summary:not(:has(.btn:hover)):active:after{background:var(--colour-light);filter:brightness(85%);border-radius:50%}}details.admin-panel:not([open]){padding-bottom:0;summary:first-child{margin-bottom:0}summary:after{content:"\uF078"}}.admin-panel__footer:last-child{background-color:var(--wider-colour);padding-top:var(--padding-top);margin-inline:calc(var(--padding-x)*-1);padding-inline:var(--padding-x);padding-bottom:0;&>*:last-child{margin-bottom:0;padding-bottom:var(--padding-bottom);align-self:center}}.admin-panel__footer:not([class*=mb-]):last-child{margin-bottom:calc(var(--padding-bottom)*-1) !important}.sub-panel{background:var(--colour-canvas);padding:var(--spacer-1);border:1px solid var(--colour-border);border-radius:.25rem;font-weight:normal;margin-bottom:1rem;display:block;&>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){font-size:1rem;line-height:1;margin-bottom:0;padding-bottom:.5rem;font-weight:normal}strong{font-weight:normal}.logo{height:1.5rem;width:1.5rem;object-fit:contain;padding:0;margin:0 auto .25rem auto;display:block}}}*,*::before,*::after{box-sizing:border-box}.container{box-sizing:border-box;position:relative;z-index:4}:host{padding-top:0 !important;display:block !important}:host .container{padding-bottom:var(--padding-bottom) !important}.header-banner{padding-top:var(--padding-top);max-width:120rem;margin-inline:auto;display:block;position:relative;height:auto}.header-banner>.picture-overflow{overflow:hidden;position:absolute;inset:0;z-index:3}.header-banner>.picture-overflow picture{display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;overflow:hidden;min-height:25rem;max-height:25rem}.header-banner>.picture-overflow picture img{display:block;position:absolute;z-index:1;inset:0;object-fit:cover;object-position:50% 50%;width:100%;height:100%}.header-banner>.picture-overflow picture:after{content:"";display:block;position:absolute;z-index:2;inset:0;background:linear-gradient(300deg, rgb(30, 190, 230) 0%, rgb(0, 49, 60) 100%);opacity:.85}:host(.header--contain) .header-banner{padding-bottom:2rem}:host(.header--contain) .header-banner>picture{max-height:100%}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}:host(.has-breadcrumbs) .header-banner{padding-top:1rem}:host(.has-breadcrumbs) ::slotted(.breadcrumbs){margin-bottom:2rem !important}slot[name=badge]{display:block;position:absolute;top:0;left:0}:host(.has-panel) [name=panel]{display:block;text-align:center;margin-bottom:1rem;max-height:fit-content}::slotted([slot=panel]){color-scheme:light !important;--colour-heading: var(--colour-primary-theme);--colour-body: var(--colour-primary-theme);--colour-underline: var(--colour-secondary-theme);color:var(--colour-primary-theme)}::slotted(img[slot=panel]){max-width:4.75rem !important}:host(.has-panel) slot[name=panel]{container-type:inline-size;anchor-name:--anchor}:host(.has-panel) slot[name=badge]{position-anchor:--anchor;top:calc(anchor(top) + 1rem);left:calc(anchor(left) + 1rem);z-index:999}@media screen and (min-width: 62em){:host(.has-panel) .container{display:grid;column-gap:var(--gap);grid-template-columns:repeat(12, 1fr)}:host(.has-panel) slot:not([name]){display:block;grid-column-start:1;grid-column-end:7}:host(.has-panel) slot[name=before]{display:block;grid-column-start:1;grid-column-end:13}:host(.has-panel) slot[name=panel]{display:block;grid-column-start:8;grid-column-end:13}:host(.has-panel) .admin-panel{text-align:center}}:host(.has-toolbox){--padding-bottom: 1rem!important;margin-bottom:4rem !important}:host(.has-toolbox) [name=toolbox]{display:flex;flex-wrap:wrap;text-align:center;margin-bottom:-3rem;width:fit-content;margin-inline:auto;gap:.75rem}::slotted([slot=toolbox]){margin:0 !important;color-scheme:light !important;--colour-heading: var(--colour-primary-theme);--colour-body: var(--colour-primary-theme);--colour-underline: var(--colour-secondary-theme);color:var(--colour-primary-theme)}::slotted(hr[slot=toolbox]){display:inline-block;vertical-align:top !important;margin-top:-0.25rem !important;margin-bottom:-0.25rem !important;background-color:var(--colour-muted) !important;width:1px !important;height:2.5rem !important}.gradient-overflow{overflow:hidden;position:absolute;inset:0;z-index:2}.gradient-background{position:absolute;left:75%;top:50%;transform:translate(-50%, -50%);width:54rem;aspect-ratio:1/1}/*# sourceMappingURL=assets/css/components/header.component.css.map */
+    @layer elements{.container{display:block;margin-left:auto;margin-right:auto;container-type:inline-size;width:100%}.container:not([class*=col-]){grid-column:container !important;padding:var(--container-padding)}.container:not(:has(.row)):has([class*=col-]){display:grid;grid-template-columns:[content-start col-1-start] 1fr [col-1-end col-2-start] 1fr [col-2-end col-3-start] 1fr [col-3-end col-4-start] 1fr [col-4-end col-5-start] 1fr [col-5-end col-6-start] 1fr [col-6-end col-7-start] 1fr [col-7-end col-8-start] 1fr [col-8-end col-9-start] 1fr [col-9-end col-10-start] 1fr [col-10-end col-11-start] 1fr [col-11-end col-12-start] 1fr [col-12-end content-end] !important;column-gap:1rem}.container [class*=col-span-]:not([class*=-col-span-]):not(:first-child){--col-start: auto}@media screen and (min-width: 36em){.container [class*=sm-col-span-]:not(:first-child){--col-start: auto}}@media screen and (min-width: 62em){.container [class*=md-col-span-]:not(:first-child){--col-start: auto}}.container:not(.container-fluid){max-width:var(--container-max-width)}.container .container:not(.container-xs-breakout){padding-left:0;padding-right:0;padding-bottom:0;padding-top:0}.container[class*=bg-]{padding-top:3rem;padding-bottom:2rem}.container[class*=bg-]+.container:not([class*=bg-]){padding-top:2rem}.container:before{display:table;clear:both;content:""}.container:after{display:table;clear:both;content:""}.container.container-xs-breakout{margin-left:-1.25rem;margin-right:-1.25rem;width:calc(100% + 2.5rem)}@media screen and (min-width: 36em){.container.container-xs-breakout{margin-left:auto;margin-right:auto;width:100%}}:host .container{display:block;margin-left:auto;margin-right:auto;padding:var(--container-padding);width:100%}main>.row{padding-bottom:1rem}main>.row[class*=bg-]{padding-top:3rem;padding-bottom:2rem}main>.row[class*=bg-]+:is(.row,.container):not([class*=bg-]){padding-top:2rem}}@layer elements{.admin-panel{--padding-x: 1.5rem;--padding-top: 1rem;--padding-bottom: 1rem;--mh-modifier: 4.5rem;--mh-padding-inline: var(--padding-x);display:block;padding:var(--padding-top) var(--padding-x) var(--padding-bottom) var(--padding-x);box-shadow:0px 6px 12px rgba(0, 0, 0, 0.11);background-color:var(--colour-canvas-2);border-radius:.5rem;margin-bottom:1.5rem;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);overflow:hidden;&:has(:is([class*=cols-],[class*=col-start-],[class*=col-end-],[class*=col-span-])){display:grid;>*{grid-column:var(--col-start, col-1-start)/var(--col-end, col-12-end)}}&:empty{display:none}>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.admin-panel__heading):not(.lead):first-child{--gradient-direction: -90deg !important;background-color:var(--colour-success);&:not([class*=bg-]){color:var(--colour-primary-theme);background-image:linear-gradient(var(--gradient-direction), var(--colour-info) 0, transparent 100%)}margin:calc(var(--padding-top)*-1) calc(var(--padding-x)*-1) var(--padding-top) calc(var(--padding-x)*-1);display:block;border-top-left-radius:.5rem;border-top-right-radius:.5rem}>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead):first-child,.admin-panel__heading>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead){font-size:1.125rem;line-height:1.5rem;font-weight:bold;padding:1rem 1.5rem;max-width:unset}>:is(.admin-panel__heading):first-child{display:flex !important;flex-wrap:wrap;gap:1rem;align-items:center;padding:1rem 1.5rem;>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){padding:0;margin-inline-end:auto}.btn{--btn-margin: 0;margin-bottom:0}.dialog__wrapper+.btn{--btn-margin: 0.25rem;margin-inline-end:0}@media(prefers-color-scheme: light){.btn-action,.dialog__wrapper{--colour-canvas-2: #ffffff;--colour-heading: var(--colour-primary);--colour-btn-action-hover-bg: var(--colour-light);--colour-btn-hover: var(--colour-primary);--colour-border: #d8d8d8}}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax,.iam-table){margin:0 0 2rem 0;padding:0;box-shadow:none;background:none}&>*:not([class*=mb-]):not(.btn__group):last-child{margin-bottom:0 !important}&>*:is(p):last-child{padding-bottom:0 !important}& p{max-width:100%;padding-bottom:1.5rem}&>:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid){overflow:auto;&:before{top:100% !important}}&>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead):first-child+:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid){padding-top:var(--padding-top);margin-top:calc(var(--padding-top)*-1)}&>:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid):last-child{padding-bottom:var(--padding-bottom);margin-bottom:calc(var(--padding-bottom)*-1) !important;&>*:not([class*=mb-]):last-child{margin-bottom:0 !important}&>*:is(p):last-child{padding-bottom:0 !important}}&>iam-pagination{margin-top:-1rem}&:has(.mh-fluid){max-height:100%;display:flex;flex-direction:column}&.grid{display:grid !important;grid-template-columns:subgrid !important;>*:not(:first-child){grid-column:var(--col-start, col-1-start)/var(--col-end, col-12-end)}}&>hr{margin-inline:calc(var(--padding-x)*-1)}}@container style(--theme: dark){.admin-panel{background-color:var(--colour-canvas-2);color:var(--colour-body);.bg-white{background-color:transparent !important;color:var(--white) !important}}}[class*=col].admin-panel:first-child:last-child:not(:has(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid)){min-height:calc(100% - 1.5rem)}.admin-panel:has(iam-actionbar){&>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead):first-child{margin-bottom:0}iam-actionbar{background:var(--colour-canvas);margin-inline:calc(var(--padding-x)*-1);margin-bottom:var(--padding-top);&:first-child{margin-top:calc(var(--padding-top)*-1)}&:not(:first-child){border-radius:0}}&>:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax){overflow:visible;&:first-child{margin-top:calc(var(--padding-top)*-1)}iam-actionbar{margin-top:0 !important;border-radius:0;box-shadow:none}}}details.admin-panel{summary:after{content:"\uF077";font-weight:bold;margin-left:0;height:2rem;width:2rem;text-align:center;line-height:2rem;margin-right:-0.5rem}summary:not(:has(.btn:hover)):hover:after{background:var(--colour-light);border-radius:50%}summary:not(:has(.btn:hover)):active:after{background:var(--colour-light);filter:brightness(85%);border-radius:50%}}details.admin-panel:not([open]){padding-bottom:0;summary:first-child{margin-bottom:0}summary:after{content:"\uF078"}}.admin-panel__footer:last-child{background-color:var(--wider-colour);padding-top:var(--padding-top);margin-inline:calc(var(--padding-x)*-1);padding-inline:var(--padding-x);padding-bottom:0;&>*:last-child{margin-bottom:0;padding-bottom:var(--padding-bottom);align-self:center}}.admin-panel__footer:not([class*=mb-]):last-child{margin-bottom:calc(var(--padding-bottom)*-1) !important}.sub-panel{background:var(--colour-canvas);padding:var(--spacer-1);border:1px solid var(--colour-border);border-radius:.25rem;font-weight:normal;margin-bottom:1rem;display:block;&>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){font-size:1rem;line-height:1;margin-bottom:0;padding-bottom:.5rem;font-weight:normal}strong{font-weight:normal}.logo{height:1.5rem;width:1.5rem;object-fit:contain;padding:0;margin:0 auto .25rem auto;display:block}}}*,*::before,*::after{box-sizing:border-box}.container{box-sizing:border-box;position:relative;z-index:4}:host{padding-top:0 !important;display:block !important}:host .container{padding-bottom:var(--padding-bottom) !important}.header-banner{padding-top:var(--padding-top);max-width:120rem;margin-inline:auto;display:block;position:relative;height:auto}.header-banner>.picture-overflow{overflow:hidden;position:absolute;inset:0;z-index:3}.header-banner>.picture-overflow picture{display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;overflow:hidden;min-height:25rem;max-height:25rem}.header-banner>.picture-overflow picture img{display:block;position:absolute;z-index:1;inset:0;object-fit:cover;object-position:50% 50%;width:100%;height:100%}.header-banner>.picture-overflow picture:after{content:"";display:block;position:absolute;z-index:2;inset:0;background:linear-gradient(300deg, rgb(30, 190, 230) 0%, rgb(0, 49, 60) 100%);opacity:.85}:host(.header--contain) .header-banner{padding-bottom:2rem}:host(.header--contain) .header-banner>picture{max-height:100%}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}:host(.has-breadcrumbs) .header-banner{padding-top:1rem}:host(.has-breadcrumbs) ::slotted(.breadcrumbs){margin-bottom:2rem !important}slot[name=badge]{display:block;position:absolute;top:0;left:0}:host(.has-panel) [name=panel]{display:block;text-align:center;margin-bottom:1rem;max-height:fit-content}::slotted([slot=panel]){color-scheme:light !important;--colour-heading: var(--colour-primary-theme);--colour-body: var(--colour-primary-theme);--colour-underline: var(--colour-secondary-theme);color:var(--colour-primary-theme)}::slotted(img[slot=panel]){max-width:4.75rem !important}::slotted(img.panel-img--lg[slot=panel]){max-width:14.25rem !important}:host(.has-panel) slot[name=panel]{container-type:inline-size;anchor-name:--anchor}:host(.has-panel) slot[name=badge]{position-anchor:--anchor;top:calc(anchor(top) + 1rem);left:calc(anchor(left) + 1rem);z-index:999}@media screen and (min-width: 62em){:host(.has-panel) .container{display:grid;column-gap:var(--gap);grid-template-columns:repeat(12, 1fr)}:host(.has-panel) slot:not([name]){display:block;grid-column-start:1;grid-column-end:7}:host(.has-panel) slot[name=before]{display:block;grid-column-start:1;grid-column-end:13}:host(.has-panel) slot[name=panel]{display:block;grid-column-start:8;grid-column-end:13}:host(.has-panel) .admin-panel{text-align:center}}:host(.has-toolbox){--padding-bottom: 1rem!important;margin-bottom:4rem !important}:host(.has-toolbox) [name=toolbox]{display:flex;flex-wrap:wrap;text-align:center;margin-bottom:-3rem;width:fit-content;margin-inline:auto;gap:.75rem}::slotted([slot=toolbox]){margin:0 !important;color-scheme:light !important;--colour-heading: var(--colour-primary-theme);--colour-body: var(--colour-primary-theme);--colour-underline: var(--colour-secondary-theme);color:var(--colour-primary-theme)}::slotted(hr[slot=toolbox]){display:inline-block;vertical-align:top !important;margin-top:-0.25rem !important;margin-bottom:-0.25rem !important;background-color:var(--colour-muted) !important;width:1px !important;height:2.5rem !important}.gradient-overflow{overflow:hidden;position:absolute;inset:0;z-index:2}.gradient-background{position:absolute;left:75%;top:50%;transform:translate(-50%, -50%);width:54rem;aspect-ratio:1/1}/*# sourceMappingURL=assets/css/components/header.component.css.map */
 
     </style>
     <div class="header-banner">

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta17
+  * iamKey v7.7.1--beta19
   * Copyright 2022-2026 iamproperty
   */const w=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})},y=a=>{var o;const i=(o=a.shadowRoot)===null||o===void 0?void 0:o.querySelector("dialog"),n=a.hasAttribute("id")?a.getAttribute("id"):"unknown";i?.showModal(),i?.focus();const d=new CustomEvent("modal-opened",{bubbles:!0,cancelable:!0,detail:{modalId:n}});a.dispatchEvent(d),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:n})},r=a=>{var o;const i=(o=a.shadowRoot)===null||o===void 0?void 0:o.querySelector("dialog"),n=a.hasAttribute("id")?a.getAttribute("id"):"unknown";i?.close();const d=new CustomEvent("modal-closed",{bubbles:!0,cancelable:!0,detail:{modalId:n}});a.dispatchEvent(d),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:n})},k='<button class="btn btn-compact btn-secondary fa-xmark-large" data-close>Close</button>';w("iam-card");class x 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=`
     <style>

package/assets/js/components/multi-step/multi-step.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta17
+  * iamKey v7.7.1--beta19
   * Copyright 2022-2026 iamproperty
   */const g=c=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:c})},y=(c,e,u)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:e}),u.forEach(l=>{c.addEventListener(l,function(i){const n={event:l,element:e,target:i.target};Object.keys(i.detail).forEach(d=>{const t=i.detail[d];n[d]=t}),window.dataLayer.push(n)})}),!0);g("iam-multi-step");class h extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
     <style>

package/assets/js/components/multi-step-modal/multi-step-modal.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta17
+  * iamKey v7.7.1--beta19
   * Copyright 2022-2026 iamproperty
   */const A=p=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:p})},E=(p,n,c)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:n}),c.forEach(d=>{p.addEventListener(d,function(e){const i={event:d,element:n,target:e.target};Object.keys(e.detail).forEach(r=>{const b=e.detail[r];i[r]=b}),window.dataLayer.push(i)})}),!0);A("iam-multi-step-modal");class _ extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const n=document.createElement("template");n.innerHTML=`
     <style>