@iamproperty/components 7.8.2--beta1 → 7.8.2--beta3

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

@@ -1,11 +1,11 @@
 /*!
-  * iamKey v7.8.2--beta1
+  * iamKey v7.8.2--beta3
   * Copyright 2022-2026 iamproperty
   */const w=o=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:o})},y=o=>{var i;const a=o.closest("dialog")||((i=o.shadowRoot)===null||i===void 0?void 0:i.querySelector("dialog")),r=o.hasAttribute("id")?o.getAttribute("id"):"unknown";a?.showModal(),a?.focus();const d=new CustomEvent("modal-opened",{bubbles:!0,cancelable:!0,detail:{modalId:r}});o.dispatchEvent(d),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:r})},n=o=>{var i;const a=o.closest("dialog")||((i=o.shadowRoot)===null||i===void 0?void 0:i.querySelector("dialog")),r=o.hasAttribute("id")?o.getAttribute("id"):"unknown";a?.close();const d=new CustomEvent("modal-closed",{bubbles:!0,cancelable:!0,detail:{modalId:r}});o.dispatchEvent(d),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:r})},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 i=document.createElement("template");i.innerHTML=`
     <style>
     ${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
     
-    @layer elements{body:not(.js-enabled) dialog:not([open]):target{display:block}dialog,[popover]{--dialog-padding: 0.5rem;--mh-padding-inline: var(--dialog-padding);color:inherit;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);font-size:1rem;background:var(--dropdown-bg);margin-block:var(--dropdown-margin-block);padding:var(--dialog-padding);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-box-shadow)}dialog>*:last-child,[popover]>*:last-child{margin-bottom:0}dialog>:is(p):last-child,[popover]>:is(p):last-child{padding-bottom:0}dialog[open]:has(iam-modal){--modal-inner-dialog-display: contents;place-self:center}@media(prefers-color-scheme: light){dialog[open]:has(iam-modal){color-scheme:light;--colour-body: #595959;--colour-heading: var(--colour-primary-theme)}}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}dialog[open],[popover]:popover-open{display:flex;flex-direction:column}*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{overflow-y:auto;width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:28.375rem;width:fit-content;max-width:46rem}}details.bg-light{margin-inline:calc(var(--dialog-padding)*-1);padding-inline:var(--dialog-padding)}}@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}}}:host{overscroll-behavior:contain;display:block;container-type:inline-size}::slotted(dialog){display:contents !important}::slotted(button){margin:0 !important}@layer components{dialog[open]{display:var(--modal-inner-dialog-display, block)}dialog{width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain;overflow-y:hidden;place-self:center}@media screen and (min-width: 36em){dialog{--dialog-padding: 2rem;min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){dialog{min-width:28.375rem;width:fit-content;max-width:46rem}}dialog::before{content:"";top:.75rem;bottom:auto;left:0;right:.5rem;height:calc(var(--dialog-padding) - .75rem);position:absolute;display:block;background:linear-gradient(0deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2}dialog::after{content:"";top:auto;bottom:.75rem;left:0;right:6px;height:calc(var(--dialog-padding) - .75rem);position:absolute;display:block;background:linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2}dialog .scroll{margin-inline:calc(var(--dialog-padding)*-1);margin-block:calc((var(--dialog-padding) - .75rem)*-1);padding-inline:var(--dialog-padding);padding-block:calc(var(--dialog-padding) - .75rem);height:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;position:relative;z-index:1}dialog .scroll .fa-circle{display:none}dialog>button:first-child{position:absolute;top:.5rem;right:.5rem;z-index:var(--index-floating);margin:0}dialog>button:first-child:not(:hover,:focus,:active){background-color:var(--colour-canvas)}@container (min-width: 36em){dialog>button:first-child{top:calc(var(--dialog-padding) - .75rem);right:calc(var(--dialog-padding) - .75rem)}}dialog:has(.youtube-embed){padding:0 !important}dialog.dialog--fullwidth{max-width:69.5rem}dialog .btn__group{display:none}@media screen and (min-width: 36em){:host(.modal--sm) dialog[open]{min-width:20.9375rem;width:20.9375rem;max-width:20.9375rem}}@media screen and (min-width: 62em){:host(.modal--sm) dialog[open]{min-width:28.375rem;width:28.375rem;max-width:28.375rem}}@media screen and (min-width: 36em){:host(.modal--lg) dialog[open]{min-width:42.875rem;width:42.875rem;max-width:42.875rem}}@media screen and (min-width: 62em){:host(.modal--lg) dialog[open]{min-width:46rem;width:46rem;max-width:46rem}}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);border-top:4px solid rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:#c1c1c1;width:6px;border-radius:3px}::slotted(p:last-child){padding-bottom:0 !important}::slotted(p:last-child){padding-bottom:0 !important}::slotted(:last-child){margin-bottom:0 !important}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open]{text-align:center}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .scroll>.fa-circle{display:var(--fa-display, block);line-height:1;font-size:3rem;height:3rem;width:3rem;margin-top:0;margin-bottom:0;line-height:1;color:var(--colour-heading);margin-inline:auto}@media screen and (min-width: 62em){:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .scroll>.fa-circle{font-size:4rem;height:4rem;width:4rem}}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .scroll>.fa-circle:has(>i){position:relative}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .scroll>.fa-circle>i:before{position:absolute;top:0;left:50%;transform:scale(0.5) translate(-100%, 0)}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open]>button:first-child{display:none}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .btn__group{display:flex;justify-content:center;padding-top:2rem;margin-bottom:0}:host([data-type=acknowledgement]) dialog[open] .btn__group [data-cancel]{display:none}}/*# sourceMappingURL=assets/css/components/modal.component.css.map */
+    @layer elements{body:not(.js-enabled) dialog:not([open]):target{display:block}dialog,[popover]{--dialog-padding: 0.5rem;--mh-padding-inline: var(--dialog-padding);color:inherit;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);font-size:1rem;background:var(--dropdown-bg);margin-block:var(--dropdown-margin-block);padding:var(--dialog-padding);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-box-shadow)}dialog>*:last-child,[popover]>*:last-child{margin-bottom:0}dialog>:is(p):last-child,[popover]>:is(p):last-child{padding-bottom:0}dialog[open]:has(iam-modal){--modal-inner-dialog-display: contents;place-self:center}@media(prefers-color-scheme: light){dialog[open]:has(iam-modal){color-scheme:light;--colour-body: #595959;--colour-heading: var(--colour-primary-theme)}}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}dialog[open],[popover]:popover-open{display:flex;flex-direction:column}*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{overflow-y:auto;width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:28.375rem;width:fit-content;max-width:46rem}}details.bg-light{margin-inline:calc(var(--dialog-padding)*-1);padding-inline:var(--dialog-padding)}}@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}}}:host{overscroll-behavior:contain;display:block;container-type:inline-size}::slotted(dialog){display:contents !important}::slotted(button){margin:0 !important}@layer components{dialog[open]{display:var(--modal-inner-dialog-display, block)}dialog{width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain;overflow-y:hidden;place-self:center}@media screen and (min-width: 36em){dialog{--dialog-padding: 2rem;min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){dialog{min-width:28.375rem;width:fit-content;max-width:46rem}}dialog::before{content:"";top:.75rem;bottom:auto;left:0;right:.5rem;height:calc(var(--dialog-padding) - .75rem);position:absolute;display:block;background:linear-gradient(0deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2}dialog::after{content:"";top:auto;bottom:.75rem;left:0;right:6px;height:calc(var(--dialog-padding) - .75rem);position:absolute;display:block;background:linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2}dialog .scroll{margin-inline:calc(var(--dialog-padding)*-1);margin-block:calc((var(--dialog-padding) - .75rem)*-1);padding-inline:var(--dialog-padding);padding-block:calc(var(--dialog-padding) - .75rem);height:100%;max-height:min(90vh,47rem);overflow:auto;overscroll-behavior:contain;position:relative;z-index:1}dialog .scroll .fa-circle{display:none}dialog>button:first-child{position:absolute;top:.5rem;right:.5rem;z-index:var(--index-floating);margin:0}dialog>button:first-child:not(:hover,:focus,:active){background-color:var(--colour-canvas)}@container (min-width: 36em){dialog>button:first-child{top:calc(var(--dialog-padding) - .75rem);right:calc(var(--dialog-padding) - .75rem)}}dialog:has(.youtube-embed){padding:0 !important}dialog.dialog--fullwidth{max-width:69.5rem}dialog .btn__group{display:none}@media screen and (min-width: 36em){:host(.modal--sm) dialog[open]{min-width:20.9375rem;width:20.9375rem;max-width:20.9375rem}}@media screen and (min-width: 62em){:host(.modal--sm) dialog[open]{min-width:28.375rem;width:28.375rem;max-width:28.375rem}}@media screen and (min-width: 36em){:host(.modal--lg) dialog[open]{min-width:42.875rem;width:42.875rem;max-width:42.875rem}}@media screen and (min-width: 62em){:host(.modal--lg) dialog[open]{min-width:46rem;width:46rem;max-width:46rem}}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);border-top:4px solid rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:#c1c1c1;width:6px;border-radius:3px}::slotted(p:last-child){padding-bottom:0 !important}::slotted(p:last-child){padding-bottom:0 !important}::slotted(:last-child){margin-bottom:0 !important}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open]{text-align:center}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .scroll>.fa-circle{display:var(--fa-display, block);line-height:1;font-size:3rem;height:3rem;width:3rem;margin-top:0;margin-bottom:0;line-height:1;color:var(--colour-heading);margin-inline:auto}@media screen and (min-width: 62em){:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .scroll>.fa-circle{font-size:4rem;height:4rem;width:4rem}}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .scroll>.fa-circle:has(>i){position:relative}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .scroll>.fa-circle>i:before{position:absolute;top:0;left:50%;transform:scale(0.5) translate(-100%, 0)}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open]>button:first-child{display:none}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .btn__group{display:flex;justify-content:center;padding-top:2rem;margin-bottom:0}:host([data-type=acknowledgement]) dialog[open] .btn__group [data-cancel]{display:none}}/*# sourceMappingURL=assets/css/components/modal.component.css.map */
 
     </style>
     <link rel="stylesheet" href="https://kit.fontawesome.com/8bd0fca975.css" crossorigin="anonymous" />

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta1
+  * iamKey v7.8.2--beta3
   * 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.8.2--beta1
+  * iamKey v7.8.2--beta3
   * 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>

package/assets/js/components/multiselect/multiselect.component.js

@@ -237,7 +237,20 @@ class iamMultiselect extends HTMLElement {
                         else
                             activeElement.checked = false;
                     }
-                    setItem(activeElement);
+                    console.log(search);
+                    if (activeElement.getAttribute('type') != 'checkbox') {
+                        if (multiselect.querySelector(`input[type="checkbox"][value="${search.value}" i]`)) {
+                            multiselect.querySelector(`input[type="checkbox"][value="${search.value}" i]`).checked = true;
+                            setItem(multiselect.querySelector(`input[type="checkbox"][value="${search.value}" i]`));
+                        }
+                        search.value = '';
+                        Array.from(multiselect.querySelectorAll(`label input[type="checkbox"]`)).forEach((checkbox) => {
+                            setItem(checkbox);
+                        });
+                    }
+                    else {
+                        setItem(activeElement);
+                    }
                     search.focus();
                     break;
                 case 'Backspace':

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

@@ -1,7 +1,7 @@
 /*!
-  * iamKey v7.8.2--beta1
+  * iamKey v7.8.2--beta3
   * Copyright 2022-2026 iamproperty
-  *//*! js-cookie v3.0.5 | MIT */function f(r){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var d in o)r[d]=o[d]}return r}var k={read:function(r){return r[0]==='"'&&(r=r.slice(1,-1)),r.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(r){return encodeURIComponent(r).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function v(r,e){function o(t,c,a){if(!(typeof document>"u")){a=f({},e,a),typeof a.expires=="number"&&(a.expires=new Date(Date.now()+a.expires*864e5)),a.expires&&(a.expires=a.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var b="";for(var n in a)a[n]&&(b+="; "+n,a[n]!==!0&&(b+="="+a[n].split(";")[0]));return document.cookie=t+"="+r.write(c,t)+b}}function d(t){if(!(typeof document>"u"||arguments.length&&!t)){for(var c=document.cookie?document.cookie.split("; "):[],a={},b=0;b<c.length;b++){var n=c[b].split("="),h=n.slice(1).join("=");try{var l=decodeURIComponent(n[0]);if(a[l]=r.read(h,l),t===l)break}catch{}}return t?a[t]:a}}return Object.create({set:o,get:d,remove:function(t,c){o(t,"",f({},c,{expires:-1}))},withAttributes:function(t){return v(this.converter,f({},this.attributes,t))},withConverter:function(t){return v(f({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(e)},converter:{value:Object.freeze(r)}})}var w=v(k,{path:"/"}),x=function(r,e,o,d){function t(c){return c instanceof o?c:new o(function(a){a(c)})}return new(o||(o=Promise))(function(c,a){function b(l){try{h(d.next(l))}catch(p){a(p)}}function n(l){try{h(d.throw(l))}catch(p){a(p)}}function h(l){l.done?c(l.value):t(l.value).then(b,n)}h((d=d.apply(r,e||[])).next())})};const y=(r,e)=>{Array.from(r.querySelectorAll('label:not([slot="checked"])')).forEach(o=>{const t=o.querySelector("input").value,c=o.textContent;t.toLowerCase().includes(e.value.toLowerCase())||c.toLowerCase().includes(e.value.toLowerCase())?o.removeAttribute("slot"):o.setAttribute("slot","notmatched")})},A=(r,e,o)=>x(void 0,void 0,void 0,function*(){const d=e.value,t=r.getAttribute("data-url"),c=r.querySelector("input");console.log(c);const a=c&&c.hasAttribute("type")?c.getAttribute("type"):"checkbox";let b=c&&c.hasAttribute("name")?c.getAttribute("name"):"tags";r.hasAttribute("data-name")&&(b=r.hasAttribute("data-name"));const n=`${t}?search_query=${encodeURI(d)}`;window.controller||(window.controller=[]),window.controller[n]&&window.controller[n].abort(),window.controller[n]=new AbortController;const{signal:h}=controller[n];try{yield fetch(n,{signal:h,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":w.get("XSRF-TOKEN")})}).then(l=>l.json()).then(l=>{let p="";for(let i=0;i<l.data.length;i++)r.querySelector(`[value="${l.data[i].value}"]`)||(p+=`<label class="tag dropdown__option"><input type="${a}" name="${r.hasAttribute("data-name")?r.getAttribute("data-name"):b}" value="${l.data[i].value}"/>${l.data[i].title}</label>`);return r.insertAdjacentHTML("beforeend",`${p}`),o(r,e),l})}catch(l){console.log(l)}}),z=(r,e)=>{e.addEventListener("keydown",o=>{var d;switch(o.keyCode){case 40:o.stopPropagation(),o.preventDefault(),(d=r.querySelector('label:not([slot="checked"]) input'))===null||d===void 0||d.focus();break}}),r.addEventListener("keydown",o=>{var d,t,c;const a=r.querySelectorAll(':scope > a, :scope > button, :scope > details > summary, :scope > label:not([slot="checked"]) > input'),b=r.querySelectorAll('a, button, input, label:not([slot="checked"]) > input');if(o&&o.target instanceof HTMLElement&&o.target.closest('a, button, summary, label:not([slot="checked"]) > input')){const n=document.activeElement,h=Array.from(a).indexOf(n)-1,l=Array.from(a).indexOf(n)+1;switch(o.keyCode){case 27:n.closest("details")?(o.stopPropagation(),o.preventDefault(),n.closest("details").removeAttribute("open"),n.closest("details").querySelector(":scope summary").focus()):o.stopPropagation();break;case 32:case 13:break;case 35:o.stopPropagation(),o.preventDefault(),(d=r.querySelector("details[open]"))===null||d===void 0||d.removeAttribute("open"),Array.from(b)[b.length-1].focus();break;case 36:o.stopPropagation(),o.preventDefault(),(t=r.querySelector("details[open]"))===null||t===void 0||t.removeAttribute("open"),Array.from(b)[0].focus();break;case 38:if(o.stopPropagation(),o.preventDefault(),Array.from(a).indexOf(n)>-1)Array.from(a)[h]!=null?Array.from(a)[h].focus():Array.from(a)[a.length-1].focus();else if(n.closest("details")){const p=n.closest("details").querySelectorAll("a, button, :scope details > summary");subPrevIndex=Array.from(p).indexOf(n)-1,Array.from(p)[subPrevIndex]!=null?Array.from(p)[subPrevIndex].focus():Array.from(p)[p.length-1].focus()}break;case 40:if(o.stopPropagation(),o.preventDefault(),Array.from(a).indexOf(n)>-1)Array.from(a)[l]!=null?Array.from(a)[l].focus():Array.from(a)[0].focus();else if(n.closest("details")){const p=(c=n.closest("details"))===null||c===void 0?void 0:c.querySelectorAll("a, button, :scope details > summary");subNextIndex=Array.from(p).indexOf(n)+1,Array.from(p)[subNextIndex]!=null?Array.from(p)[subNextIndex].focus():Array.from(p)[0].focus()}break}}})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"mutliselect"});class _ 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=`
+  *//*! js-cookie v3.0.5 | MIT */function f(r){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var d in o)r[d]=o[d]}return r}var k={read:function(r){return r[0]==='"'&&(r=r.slice(1,-1)),r.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(r){return encodeURIComponent(r).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function v(r,e){function o(t,c,a){if(!(typeof document>"u")){a=f({},e,a),typeof a.expires=="number"&&(a.expires=new Date(Date.now()+a.expires*864e5)),a.expires&&(a.expires=a.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var b="";for(var n in a)a[n]&&(b+="; "+n,a[n]!==!0&&(b+="="+a[n].split(";")[0]));return document.cookie=t+"="+r.write(c,t)+b}}function d(t){if(!(typeof document>"u"||arguments.length&&!t)){for(var c=document.cookie?document.cookie.split("; "):[],a={},b=0;b<c.length;b++){var n=c[b].split("="),m=n.slice(1).join("=");try{var l=decodeURIComponent(n[0]);if(a[l]=r.read(m,l),t===l)break}catch{}}return t?a[t]:a}}return Object.create({set:o,get:d,remove:function(t,c){o(t,"",f({},c,{expires:-1}))},withAttributes:function(t){return v(this.converter,f({},this.attributes,t))},withConverter:function(t){return v(f({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(e)},converter:{value:Object.freeze(r)}})}var w=v(k,{path:"/"}),x=function(r,e,o,d){function t(c){return c instanceof o?c:new o(function(a){a(c)})}return new(o||(o=Promise))(function(c,a){function b(l){try{m(d.next(l))}catch(h){a(h)}}function n(l){try{m(d.throw(l))}catch(h){a(h)}}function m(l){l.done?c(l.value):t(l.value).then(b,n)}m((d=d.apply(r,e||[])).next())})};const y=(r,e)=>{Array.from(r.querySelectorAll('label:not([slot="checked"])')).forEach(o=>{const t=o.querySelector("input").value,c=o.textContent;t.toLowerCase().includes(e.value.toLowerCase())||c.toLowerCase().includes(e.value.toLowerCase())?o.removeAttribute("slot"):o.setAttribute("slot","notmatched")})},A=(r,e,o)=>x(void 0,void 0,void 0,function*(){const d=e.value,t=r.getAttribute("data-url"),c=r.querySelector("input");console.log(c);const a=c&&c.hasAttribute("type")?c.getAttribute("type"):"checkbox";let b=c&&c.hasAttribute("name")?c.getAttribute("name"):"tags";r.hasAttribute("data-name")&&(b=r.hasAttribute("data-name"));const n=`${t}?search_query=${encodeURI(d)}`;window.controller||(window.controller=[]),window.controller[n]&&window.controller[n].abort(),window.controller[n]=new AbortController;const{signal:m}=controller[n];try{yield fetch(n,{signal:m,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":w.get("XSRF-TOKEN")})}).then(l=>l.json()).then(l=>{let h="";for(let i=0;i<l.data.length;i++)r.querySelector(`[value="${l.data[i].value}"]`)||(h+=`<label class="tag dropdown__option"><input type="${a}" name="${r.hasAttribute("data-name")?r.getAttribute("data-name"):b}" value="${l.data[i].value}"/>${l.data[i].title}</label>`);return r.insertAdjacentHTML("beforeend",`${h}`),o(r,e),l})}catch(l){console.log(l)}}),z=(r,e)=>{e.addEventListener("keydown",o=>{var d;switch(o.keyCode){case 40:o.stopPropagation(),o.preventDefault(),(d=r.querySelector('label:not([slot="checked"]) input'))===null||d===void 0||d.focus();break}}),r.addEventListener("keydown",o=>{var d,t,c;const a=r.querySelectorAll(':scope > a, :scope > button, :scope > details > summary, :scope > label:not([slot="checked"]) > input'),b=r.querySelectorAll('a, button, input, label:not([slot="checked"]) > input');if(o&&o.target instanceof HTMLElement&&o.target.closest('a, button, summary, label:not([slot="checked"]) > input')){const n=document.activeElement,m=Array.from(a).indexOf(n)-1,l=Array.from(a).indexOf(n)+1;switch(o.keyCode){case 27:n.closest("details")?(o.stopPropagation(),o.preventDefault(),n.closest("details").removeAttribute("open"),n.closest("details").querySelector(":scope summary").focus()):o.stopPropagation();break;case 32:case 13:break;case 35:o.stopPropagation(),o.preventDefault(),(d=r.querySelector("details[open]"))===null||d===void 0||d.removeAttribute("open"),Array.from(b)[b.length-1].focus();break;case 36:o.stopPropagation(),o.preventDefault(),(t=r.querySelector("details[open]"))===null||t===void 0||t.removeAttribute("open"),Array.from(b)[0].focus();break;case 38:if(o.stopPropagation(),o.preventDefault(),Array.from(a).indexOf(n)>-1)Array.from(a)[m]!=null?Array.from(a)[m].focus():Array.from(a)[a.length-1].focus();else if(n.closest("details")){const h=n.closest("details").querySelectorAll("a, button, :scope details > summary");subPrevIndex=Array.from(h).indexOf(n)-1,Array.from(h)[subPrevIndex]!=null?Array.from(h)[subPrevIndex].focus():Array.from(h)[h.length-1].focus()}break;case 40:if(o.stopPropagation(),o.preventDefault(),Array.from(a).indexOf(n)>-1)Array.from(a)[l]!=null?Array.from(a)[l].focus():Array.from(a)[0].focus();else if(n.closest("details")){const h=(c=n.closest("details"))===null||c===void 0?void 0:c.querySelectorAll("a, button, :scope details > summary");subNextIndex=Array.from(h).indexOf(n)+1,Array.from(h)[subNextIndex]!=null?Array.from(h)[subNextIndex].focus():Array.from(h)[0].focus()}break}}})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"mutliselect"});class _ 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>
     
     @layer elements{:is(label:not(.tag),.label){font-size:1.125rem;line-height:1.3125rem;margin-bottom:.5rem;font-weight:normal;color:var(--colour-heading);display:block;&>iam-rating{margin-top:.25rem !important}&.label--sm{--input-max-width: 15rem}}}@layer elements{input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}::-moz-focus-inner{padding:0;border-style:none}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;font-weight:normal;line-height:inherit}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-moz-color-swatch{border-radius:0;border:none}::-webkit-color-swatch{border-radius:0;border:none}::file-selector-button{font:inherit;-webkit-appearance:button}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output){display:block;width:100%;display:block;width:100%;padding:var(--input-padding-block, 0.75rem) var(--input-padding-inline, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-heading);background-color:var(--colour-canvas-2);background-clip:padding-box;border:2px solid var(--colour-primary);appearance:none;border-radius:.5rem;margin-bottom:1.5rem;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px)}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output):is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output):is(:focus,.focus):not(:disabled):not(:invalid){box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output):disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}input[type=color]{padding:0 !important;max-width:3rem !important}[disabled] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output,select:not(.select--minimal,.btn)){background-color:#ccd6d8;opacity:.4;cursor:not-allowed;pointer-events:none}[disabled] label{cursor:not-allowed;pointer-events:none}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])){max-width:var(--input-max-width)}}@layer elements{select,optgroup{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}select{text-transform:none;word-wrap:normal}select:disabled{opacity:1}select:not(.select--minimal,.btn){background:var(--icon-select) right var(--input-padding-block, 0.75rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat,linear-gradient(to left, var(--colour-primary-theme), var(--colour-primary-theme) 100%) right top/calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.8rem) + var(--input-lh, 1.25rem)) no-repeat,linear-gradient(to right, var(--colour-canvas-2), var(--colour-canvas-2));padding-right:calc(var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem) + var(--input-lh, 1.25rem)) !important}select:not(.select--minimal,.btn) option{font-size:1.2em}select:not(.select--minimal,.btn){box-shadow:inset -2px 0px 0px var(--colour-primary-theme);max-width:var(--select-max-width)}select:not(.select--minimal,.btn)[multiple],select:not(.select--minimal,.btn)[size]:not([size="1"]){background:none;max-height:none !important}select:not(.select--minimal,.btn):disabled{background-color:gray;border-color:#000}select:not(.select--minimal,.btn):-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 inherit}div:has(>select){margin-bottom:1.5rem}div:has(>select) select{margin-bottom:0 !important}.select--minimal{all:unset;font-size:inherit;line-height:inherit;background:none;border:2px solid rgba(0,0,0,0);display:inline-block;padding:.4em calc(1em + .8ch) .4rem var(--select-padding-left, 0.4em) !important;font-weight:normal !important;margin:-0.4em 0 !important;border-radius:.25em;color:var(--colour-body);height:auto;cursor:pointer;font-family:var(--font-body) !important}.select--minimal option{background-color:var(--colour-canvas);padding-left:1em;font-size:inherit;line-height:inherit}.select--minimal:hover{background:var(--colour-light)}.select--minimal:is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0;box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}*:has(>.select--minimal){position:relative;display:inline-block !important;width:auto !important;font-size:inherit !important;line-height:1 !important;padding:0 !important;margin:0 !important;font-family:var(--font-body) !important}*:has(>.select--minimal):after{font-size:.8em;line-height:1em;content:"\uF078";font-family:"Font Awesome 7 Pro";position:absolute;top:40%;transform:translate(0, -50%);right:.8ch;pointer-events:none;color:var(--colour-body)}select:not(.select--minimal,.btn){width:100%;display:block;width:100%;padding:var(--input-padding-block, 0.75rem) var(--input-padding-inline, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-heading);background-color:var(--colour-canvas-2);background-clip:padding-box;border:2px solid var(--colour-primary);border-radius:.5rem;margin-bottom:1.5rem;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px)}select:not(.select--minimal,.btn):is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0}select:not(.select--minimal,.btn):is(:focus,.focus):not(:disabled):not(:invalid){box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}select:not(.select--minimal,.btn):disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}[disabled] select:not(.select--minimal,.btn){background-color:#ccd6d8;opacity:.4;cursor:not-allowed;pointer-events:none}@media(hover: hover){select{appearance:base-select !important}}select::picker-icon{display:none}select::picker(select){appearance:base-select}select option::checkmark{display:none}select selectedcontent span{display:none}select[multiple]{border-radius:.35rem}select[multiple]::-webkit-scrollbar{width:.7rem}select[multiple]::-webkit-scrollbar *{background-color:rgba(0,0,0,0)}select[multiple]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:.35rem}}@layer elements{textarea{--textarea-height-scale: 3;margin:0;font-family:inherit;resize:vertical;display:block;width:100%;display:block;width:100%;padding:var(--input-padding-block, 0.75rem) var(--input-padding-inline, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-heading);background-color:var(--colour-canvas-2);background-clip:padding-box;border:2px solid var(--colour-primary);appearance:none;border-radius:.5rem;margin-bottom:1.5rem;max-height:100%;&:not([rows]){min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)*var(--textarea-height-scale) + 4px) !important}&[rows="1"]{--textarea-height-scale: 1}&[rows="2"]{--textarea-height-scale: 2}&:is([rows="2"],[rows="2"]){min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)*var(--textarea-height-scale) + 4px) !important}&:is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0}&:is(:focus,.focus):not(:disabled):not(:invalid){box-shadow:0 0 0 .1rem rgba(30, 190, 230, 0.25)}&:disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}}[disabled] textarea{background-color:#ccd6d8;opacity:.4;cursor:not-allowed;pointer-events:none}label:not(.tag):has(textarea){display:block;margin-bottom:1.5rem;max-width:var(--input-max-width);textarea{margin-top:.5rem;margin-bottom:0 !important}}}@layer elements{fieldset{min-width:0;padding:0;margin:0;border:0}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[disabled] label{cursor:not-allowed;pointer-events:none}fieldset{width:100%;position:relative}legend{font-family:var(--font-heading);font-style:normal;font-weight:var(--heading-weight);line-height:2rem;color:var(--colour-heading);margin:0;clear:both;display:block;float:none;font-size:var(--h4-fs);line-height:var(--heading-lh);padding-bottom:.5rem;max-width:var(--content-max-width);min-width:100%}div:has(>label:first-child):has(>input){position:relative;max-width:var(--input-max-width);margin-bottom:1.5rem}div:has(>label:first-child):has(>input) input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),div:has(>label:first-child):has(>input) output,div:has(>label:first-child):has(>input) .prefix,div:has(>label:first-child):has(>input) .suffix{margin-bottom:0 !important}div:has(>label:first-child):has(>input){display:flex;flex-wrap:wrap;align-items:center}div:has(>label:first-child):has(>input)>*:not(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])):not(output):not(.prefix):not(.suffix){flex-shrink:0;width:100%}div:has(>label:first-child):has(>input) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output){flex-shrink:1;flex-grow:1;width:0}div:has(>label:first-child):has(>input) input~*:not(output){order:5;margin-top:.5rem}*:has(>:is(.form-control-sm,.input--sm)){--input-fs: 0.875rem;--input-lh: 1rem;--input-padding-block: 0.625rem;--input-padding-inline: 0.875rem}*:has(>:is(.form-control-lg,.input--lg)){--input-fs: 1.5rem;--input-lh: 1.8125rem;--input-padding-block: 1.25rem;--input-padding-inline: 1.375rem}*:has(>label:first-child):has(>input):has(>:is(.form-control-inline,.input--inline)) label{flex-shrink:0;white-space:nowrap;width:fit-content !important;margin:0;margin-inline-end:1rem}*:has(>input[readonly]){position:relative;max-width:var(--input-max-width)}*:has(>input[readonly]):after{font-family:var(--fa-family-classic);font-weight:300;content:"\uF023";position:absolute;font-size:var(--input-lh, 1.25rem);height:var(--input-lh, 1.25rem);width:var(--input-lh, 1.25rem);top:auto !important;bottom:calc(var(--input-padding-block, 0.75rem) + 2px);right:calc(var(--input-padding-block, 1rem) + 2px);text-align:center}@supports selector(:has(*)){.suffix~:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]):not([type=time]),output),:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]):not([type=time]),output):has(~.suffix){order:1;border-start-end-radius:0 !important;border-end-end-radius:0 !important}:is(input):has(~iam-password-indicator){border-start-end-radius:0 !important;border-end-end-radius:0 !important}label:has(.suffix) input{border-start-end-radius:0 !important;border-end-end-radius:0 !important}}.was-validated *:not(button):is(:invalid,.is-invalid,[aria-invalid]):not(.is-valid)+label,.was-validated label:has(*:not(button):is(:invalid,.is-invalid,[aria-invalid]):not(.is-valid)){--colour-check-border: var(--colour-danger);--colour-check-bg: #fcebec;border-color:var(--colour-danger)}.was-validated *:not(button):is(:invalid,.is-invalid,[aria-invalid],:-internal-autofill-selected){border-color:var(--colour-danger) !important}.was-validated select:not(.btn):is(:invalid,.is-invalid,[aria-invalid],:-internal-autofill-selected){background:var(--icon-select) right var(--input-padding-block, 0.75rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat,linear-gradient(to left, var(--colour-primary-theme), var(--colour-primary-theme) 100%) right top/calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.8rem) + var(--input-lh, 1.25rem)) no-repeat,var(--icon-error) right var(--input-padding-block, 3.5rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat;padding-right:6rem !important}.was-validated input:is(:invalid,.is-invalid,[aria-invalid],:-internal-autofill-selected){background-image:var(--icon-error);background-repeat:no-repeat;background-position:right var(--input-padding-inline, 1rem) center;background-size:var(--input-lh, 1.25rem) var(--input-lh, 1.25rem);padding-right:calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem)) !important}.was-validated *:not(button):is(:valid,.is-valid):not(.is-invalid){border-color:var(--colour-complete)}.was-validated input:is(:valid,.is-valid):not(:is(:invalid,.is-invalid)){background-image:var(--icon-tick);background-repeat:no-repeat;background-position:right var(--input-padding-inline, 1rem) center;background-size:var(--input-lh, 1.25rem) var(--input-lh, 1.25rem);padding-right:calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem)) !important}.invalid-feedback{color:var(--colour-danger);margin-top:.5rem;background-image:var(--icon-error);background-repeat:no-repeat;background-position:left top 1px;background-size:var(--input-fs, 1rem) var(--input-fs, 1rem);padding-left:calc(var(--input-fs, 1rem) + .5rem);display:none}iam-address-lookup:has([required]){--req-display: none}.was-validated :is(:invalid,.is-invalid)~.invalid-feedback{display:block}.was-validated iam-address-lookup:has([required]:invalid){--error-border: var(--colour-danger);--error-bg: var(--icon-error);--error-display: block;--error-hide: none}@supports selector(:has(*)){input:is([type=radio],[type=checkbox]){position:absolute;top:0;left:0;opacity:0;height:0;width:0;margin:0;pointer-events:none}:is(div,fieldset,label:not(.tag)):has(>input:is([type=radio],[type=checkbox])):not(:has(label input)){position:relative;margin-bottom:1.5rem}:is(div,fieldset,label:not(.tag)):has(>input[type=radio]){--border-radius: 50%;--outline-width: 0.5rem}:is(div,fieldset,label:not(.tag)):has(>input[type=checkbox]){--border-radius: 0.25rem;--outline-width: 0.25rem}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)),label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)){--tick-colour: transparent;color:var(--colour-heading);position:relative;font-size:1rem;line-height:1.25rem;padding-left:2.5rem;padding-top:.625rem;padding-bottom:.625rem;margin-bottom:1.5rem;margin-right:1.5rem;cursor:pointer}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):has(+span),label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):has(+span){margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):has(+input),label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):has(+input){margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):last-child,label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):last-child{margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):before,label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):before{content:"";border:2px solid var(--colour-check-border, var(--colour-primary));background:var(--colour-check-bg, transparent);border-radius:var(--border-radius);height:var(--radio-size, 1.5rem);width:var(--radio-size, 1.5rem);display:inline-block;position:absolute;top:.5rem;left:var(--outline-width)}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)).btn:before,label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)).btn:before{opacity:0}input[type=radio]+label:not(:has(>iam-card)):after,label:not(.tag):has(input[type=radio]):not(:has(>iam-card)):after{content:"" !important;background:var(--colour-info);border-radius:var(--border-radius);height:.875rem;width:.875rem;height:var(--radio-inner-size, 0.875rem);width:var(--radio-inner-size, 0.875rem);display:none;position:absolute;top:var(--radio-inner-top, 0.8125rem);left:var(--radio-inner-left, calc(0.3125rem + var(--outline-width)))}input[type=radio]+label:not(:has(>iam-card)).radio--tick:before,label:not(.tag):has(input[type=radio]):not(:has(>iam-card)).radio--tick:before{content:"\uF00C";position:absolute;font-size:1.5em;line-height:1;color:var(--tick-colour);font-family:var(--fa-family-classic);background:none !important;border:none !important;outline:none !important;left:.25rem}input[type=radio]+label:not(:has(>iam-card)).radio--tick:after,label:not(.tag):has(input[type=radio]):not(:has(>iam-card)).radio--tick:after{display:none}@media(forced-colors: active){input:is([type=radio],[type=checkbox]):not(:checked)+label.radio--tick:not(:has(>iam-card)):before,label:has(input:is([type=radio],[type=checkbox]):not(:checked)).radio--tick:not(:has(>iam-card)):before{display:none}}:is(div,fieldset):has(>:is(input[type=radio],input[type=checkbox]):nth-of-type(2)) label:not(.tag):not(:has(>iam-card)){margin-bottom:0rem}fieldset:has(label>input:is([type=radio],[type=checkbox])) label{margin-bottom:0 !important}fieldset:has(label>input:is([type=radio],[type=checkbox])){margin-bottom:1.5rem}input:is([type=radio],[type=checkbox]):checked+label,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked){--tick-colour: var(--colour-info)}input:is([type=radio],[type=checkbox]):checked+label:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked):before{border-color:var(--colour-info)}input:is([type=radio],[type=checkbox]):checked+label:after,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked):after{display:inline-block}input:is([type=radio],[type=checkbox]):checked+label iam-card,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked) iam-card{--colour: var(--colour, var(--colour-info))}input[type=checkbox]:not([disabled]):checked+label:before,label:not(.tag):has(input[type=checkbox]:not([disabled]):checked):before{background:var(--colour-info) !important}input[type=checkbox]:checked+label:not(:has(>iam-card)):after,label:not(.tag):has(input[type=checkbox]:checked):after{content:"\uF00C";position:absolute;font-size:var(--checkbox-tick-size, 1em);line-height:1;color:var(--colour-primary-theme);font-family:var(--fa-family-classic);font-weight:bold;height:var(--checkbox-inner-size, 1.5rem);width:var(--checkbox-inner-size, 1.5rem);line-height:1.625rem;background:none !important;border:none !important;outline:none !important;top:var(--checkbox-inner-top, 0.5rem);left:var(--checkbox-inner-left, var(--outline-width));text-align:center}input[type=checkbox]:indeterminate+label:before,label:not(.tag):has(input[type=checkbox]:indeterminate):before{background:var(--colour-info) !important;border-color:var(--colour-info) !important}input[type=checkbox]:indeterminate+label:after,label:not(.tag):has(input[type=checkbox]:indeterminate):after{content:"\uF068";position:absolute;font-size:var(--checkbox-tick-size, 1em);line-height:1;color:var(--colour-primary-theme);font-family:var(--fa-family-classic);font-weight:bold;height:var(--checkbox-inner-size, 1.5rem);width:var(--checkbox-inner-size, 1.5rem);line-height:1.625rem;background:none !important;border:none !important;outline:none !important;top:var(--checkbox-inner-top, 0.5rem);left:var(--checkbox-inner-left, var(--outline-width));text-align:center}input:is([type=radio],[type=checkbox]):checked:is(:focus,:hover,.focus)+label,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked:is(:focus,:hover,.focus)){--tick-colour: var(--colour-info)}input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)+label,input:is([type=radio],[type=checkbox])+label.hover,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)){--tick-colour: var(--colour-muted)}input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)+label:before,input:is([type=radio],[type=checkbox])+label.hover:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)):before{background:var(--colour-check-bg, light-dark(var(--colour-light), #444444));outline:var(--outline-width) solid light-dark(var(--colour-light), #444444)}input:is([type=radio],[type=checkbox]):is(:active,.active)+label,input:is([type=radio],[type=checkbox])+label.active,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:active,.active)){--tick-colour: var(--colour-light)}input:is([type=radio],[type=checkbox]):is(:active,.active)+label:before,input:is([type=radio],[type=checkbox])+label.active:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:active,.active)):before{background:var(--colour-check-bg, #e0e0e0);outline:var(--outline-width) solid #e0e0e0}input:is([type=radio],[type=checkbox]):disabled+label,label:not(.tag):has(input:is([type=radio],[type=checkbox]):disabled){opacity:.4;cursor:not-allowed}input:is([type=radio],[type=checkbox]):disabled+label>iam-card,label:not(.tag):has(input:is([type=radio],[type=checkbox]):disabled)>iam-card{pointer-events:none}input:is([type=radio],[type=checkbox]):disabled+label:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):disabled):before{background-color:none !important;outline:none !important;border-color:var(--colour-primary) !important}input[type=radio][disabled]:checked+label:after,label:not(.tag):has(input[type=radio][disabled]:checked):after{background-color:var(--colour-primary) !important}input[type=checkbox][disabled]:checked+label:before,label:not(.tag):has(input[type=checkbox][disabled]:checked):before{background:#e0e0e0 !important;border-color:#e0e0e0 !important}}.conditional{display:none}input:checked+.conditional,input:checked+label+.conditional,label:has(:checked)+.conditional,.was-validated .conditional:has(input[required]:invalid),.was-validated .conditional:focus-within{display:block;clear:both}input:not([class*=conditional-input-]):nth-of-type(1):checked~.conditional-1,input:not([class*=conditional-input-]):nth-of-type(2):checked~.conditional-2,input:not([class*=conditional-input-]):nth-of-type(3):checked~.conditional-3,input:not([class*=conditional-input-]):nth-of-type(4):checked~.conditional-4,input:not([class*=conditional-input-]):nth-of-type(5):checked~.conditional-5,input.conditional-input-1:checked~.conditional-1,input.conditional-input-2:checked~.conditional-2,input.conditional-input-3:checked~.conditional-3,input.conditional-input-4:checked~.conditional-4,input.conditional-input-5:checked~.conditional-5,label:has(input.conditional-input-1:checked)~.conditional-1,label:has(input.conditional-input-2:checked)~.conditional-2,label:has(input.conditional-input-3:checked)~.conditional-3,label:has(input.conditional-input-4:checked)~.conditional-4,label:has(input.conditional-input-5:checked)~.conditional-5{display:block;clear:both}iam-fileupload input{display:none}:is(label:not(.tag),.label):has(:is(input,select,textarea)){display:block;margin-bottom:1.5rem;max-width:var(--input-max-width)}:is(label:not(.tag),.label):has(:is(input,select,textarea)) :is(input:not([type=range]),select){margin-top:.5rem;margin-bottom:0 !important}:is(label:not(.tag),.label):has(:is(input,select,textarea)) :is(input,select)~span:not(:is(.suffix,.prefix,.invalid-feedback)),:is(label:not(.tag),.label):has(:is(input,select,textarea)) span:has(>:is(input,select))~span:not(:is(.suffix,.prefix,.invalid-feedback)),:is(label:not(.tag),.label):has(:is(input,select,textarea)) .hint-text{all:initial;font-family:var(--font-body);color:var(--colour-body);margin-top:.5rem;display:block;line-height:1.2}:is(label:not(.tag),.label):has(:is(input,select,textarea)) .invalid-feedback{font-size:1rem;font-weight:normal;line-height:1.2}:is(label:not(.tag),.label):has(:is(input,select,textarea)) span:has(:is(input,select)){display:flex;width:100%}:is(label:not(.tag),.label):has(:is(input,select,textarea)) :is(.suffix,.prefix):not(.mt-0){margin:.5rem 0 0 0 !important}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)),.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid){margin-bottom:1.5rem}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)):has(:is(:invalid,.is-invalid)):after,.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid):has(:is(:invalid,.is-invalid)):after{content:"This field is required";color:var(--colour-danger);margin-top:.5rem;background-image:var(--icon-error);background-repeat:no-repeat;background-position:left top 1px;background-size:var(--input-fs, 1rem) var(--input-fs, 1rem);padding-left:calc(var(--input-fs, 1rem) + .5rem);display:block;width:100%;font-size:1rem;line-height:1.2}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select))[data-error]:has(:is(:invalid,.is-invalid)):after,.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid)[data-error]:has(:is(:invalid,.is-invalid)):after{content:attr(data-error) !important}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)).error-nowrap:after,.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid).error-nowrap:after{white-space:nowrap}input[type=range]{--track-size: 0.5rem;--track-colour: var(--colour-light);--thumb-colour: var(--colour-info);--thumb-size: 1.5rem;width:100%;background:rgba(0,0,0,0);cursor:pointer;margin-top:2rem;margin-bottom:2rem;height:2rem;border-radius:50%;accent-color:var(--thumb-colour);-webkit-appearance:none;appearance:none}*:has(>input[type=range]){position:relative;padding-bottom:6rem;max-width:var(--input-max-width)}label input[type=range]{position:absolute;top:1.5rem;left:0}input[type=range]::-webkit-slider-runnable-track{background:var(--track-colour);height:var(--track-size);border-radius:.5rem}input[type=range]::-moz-range-track{background:var(--track-colour);height:var(--track-size);border-radius:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-0.5rem;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:.5rem solid rgba(30,190,231,.2)}input[type=range]:active::-webkit-slider-thumb{outline:.5rem solid rgba(30,190,231,.4)}input[type=range]:hover::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{outline:.5rem solid rgba(30,190,231,.2)}input[type=range]:focus::-moz-range-thumb{outline:.5rem solid rgba(30,190,231,.4)}iam-slider input::-webkit-outer-spin-button,iam-slider input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:is(input[type=date],input[type=datetime-local],input[type=year],input[type=month],input[type=week],input[type=time]){position:relative;margin-right:-3rem;padding-right:3rem !important;background-position:right 4rem center;border-radius:.5rem !important}::-webkit-calendar-picker-indicator{background:rgba(0,0,0,0);bottom:0;color:rgba(0,0,0,0);cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto;order:3;z-index:98}::-webkit-datetime-edit{position:relative;z-index:99;max-width:fit-content}.input__wrapper{margin-top:.5rem;display:block;position:relative}.input__wrapper input{margin:0 !important}.clear-search{display:var(--error-hide, block);position:absolute;top:50%;transform:translate(0, -50%);right:.5rem;margin:0;aspect-ratio:1/1}.clear-search:not(:hover,:focus){border-color:rgba(0,0,0,0) !important;background-color:rgba(0,0,0,0) !important}.input__wrapper:has(input[disabled],input.empty) .clear-search{display:none}.input__wrapper:has(input:is([name$=Alt]):not([data-value],[data-placeholder])) .clear-search{display:none}}@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);&: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}}}@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}}}@layer elements{.dropdown__wrapper{position:relative;display:block;label{position:relative}input{padding-right:3rem}label:after,.hint-text{position:absolute;top:100%}label[for=use]:after{top:var(--checkbox-inner-top, 0.5rem)}}.was-validated .dropdown__wrapper label:has(:is(input:not([type=radio]):not([type=checkbox]),select)),.dropdown__wrapper.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)){input{background:none !important}&:has(:invalid,.is-invalid) .hint-text{display:none}}.dark-theme .dropdown__wrapper datalist{color-scheme:dark}.dropdown__wrapper:is(:focus-within,:has(*:active),:active) datalist{display:block;&:empty{display:block !important}}:is(.dropdown,datalist,[popover]),select::picker(select){border-top:none;border:none !important;font-size:1rem;background:var(--dropdown-bg);margin-block:var(--dropdown-margin-block);padding:var(--dropdown-padding);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-box-shadow)}:is(.dropdown,datalist):empty,select::picker(select):empty{display:none !important}:is(.dropdown,datalist){overflow-y:auto;width:100%;max-width:var(--input-max-width, 50rem);z-index:100;max-height:25rem;overflow:auto;&:before{display:none}}datalist{position:absolute;top:100%;left:0;&:empty:before{content:"No results found";background-color:white;padding:1rem .5rem;color:var(--colour-primary) !important;font-weight:inherit !important;font-family:inherit !important;font-size:1rem !important;line-height:1.1875rem !important;padding-block:var(--menu-item-padding, 1rem) !important;display:block}}[popover]{top:calc(anchor(top) + anchor-size(height));left:anchor(left)}:is(.dropdown,datalist,select) option,.dropdown__option:not([slot=checked]){background:var(--dropdown-bg);cursor:pointer;background:unset !important;border:unset !important;color:var(--option-color) !important;font-weight:inherit !important;font-family:inherit !important;font-size:1rem !important;line-height:1.5rem !important;margin:0;padding:var(--option-padding) !important;width:100% !important;max-width:100% !important;text-align:left !important;border-radius:var(--option-border-radius) !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;overflow:clip;&:not(:last-child){margin:0 0 .25rem 0 !important}&:is(:hover,:focus){background:var(--option-bg-hover) !important;color:var(--option-color-hover) !important}&:is(:active,.active,:checked){border-left:var(--option-border-left-active) !important;background:var(--option-bg-active) !important}&:after{content:attr(data-after)}}:is(.dropdown,datalist,select,[popover]) hr{height:1px !important;background-color:var(--menu-hr-border-color, var(--border-color, grey)) !important;width:100%;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding:0 !important}:is(.dropdown,datalist,select,[popover]) *:last-child{margin-bottom:0}:is(.dropdown,datalist,select,[popover]) :is(p):last-child{padding-bottom:0}:is(.dropdown,datalist,[popover]) :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){font-size:1rem !important;line-height:1.1875rem !important;padding-bottom:.5rem;font-weight:700}:is(iam-tag,iam-multiselect):has(label:not([slot=checked])){--display-panel: block}:is(iam-tag,iam-multiselect):has(label[slot=checked]){--display-button: block}:is(iam-tag,iam-multiselect)[data-single] .tag[slot=checked],:is(iam-tag,iam-multiselect)[data-single] .tag[slot=checked] *{pointer-events:none !important}@container style(--theme: dark){:host :is(.tag,.badge):not([slot=checked]){color:var(--colour-heading)}}.dropdown__option[slot=checked]{order:var(--order, 1)}}@layer utilities{.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}}@layer utilities{.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}@media screen and (min-width: 36em){.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-grid{display:grid !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}.d-sm-none{display:none !important}}@media screen and (min-width: 62em){.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-grid{display:grid !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}.d-md-none{display:none !important}}}*,*::before,*::after{box-sizing:border-box}@layer components{:host{margin-bottom:1.5rem}.outer{position:relative;max-width:var(--input-max-width, 50rem);display:block}label{margin-bottom:0;padding-bottom:.5rem}.inner-label:empty{display:none}.wrapper{max-width:var(--input-max-width, 50rem)}.wrapper:after{content:"";display:block;position:absolute;top:100%;left:0;width:100%;height:1rem}.wrapper input{margin-bottom:.5rem}.wrapper .feedback{position:absolute;right:0;bottom:100%;padding:.85rem;width:min-content;white-space:nowrap;margin-bottom:.5rem;display:none}.wrapper.was-validated .feedback{display:block}.wrapper input{margin-top:unset}.wrapper.filled{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;min-height:calc(2.75rem + 4px);padding:.5rem 2rem 0 .8125rem;font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-body);background-color:var(--colour-canvas-2);border:2px solid var(--colour-primary);border-radius:.5rem}.wrapper.filled:is(:focus-within,.focus-within):not(:disabled){border-color:var(--colour-info);outline:0;box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}.wrapper.filled input{all:unset;font-size:1rem;line-height:1.625rem;display:var(--search-display, inline-block);width:0;flex-grow:1;padding:0 .5rem 0 0 !important;margin-inline:.1875rem;order:999;margin-bottom:.5rem}.wrapper.filled .feedback{display:none !important}.wrapper.filled:is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0;box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}button{position:absolute;right:.5rem;border:none;padding-inline:.5rem;display:var(--display-button, none)}button:after{content:"\u2715";font-weight:bold}.dropdown{display:none;position:absolute;top:calc(100% + .5rem);left:0}.wrapper:is(:focus-within) .dropdown{display:var(--display-panel, none)}@media(hover: hover){.wrapper .dropdown:hover{display:var(--display-panel, none)}}@media(hover: none){:host(.hover) .wrapper .dropdown{display:block}}:host-context(:focus-within) input{background-color:none !important}:host-context(iam-inline-edit){display:block;--display-btns: none}:host-context(iam-inline-edit) label:hover+.outer:not(:focus-within) .wrapper:not([data-mousedown]),:host-context(iam-inline-edit) .outer:not(:focus-within) .wrapper:not([data-mousedown]):hover{background-color:var(--colour-light)}:host-context(iam-inline-edit) label:hover+.outer:not(:focus-within) .wrapper:not([data-mousedown]) input,:host-context(iam-inline-edit) .outer:not(:focus-within) .wrapper:not([data-mousedown]):hover input{background-color:var(--colour-light)}:host-context(iam-inline-edit) label:hover+.outer:not(:focus-within) .wrapper:not([data-mousedown]) .dropdown,:host-context(iam-inline-edit) .outer:not(:focus-within) .wrapper:not([data-mousedown]):hover .dropdown{display:none}:host-context(iam-inline-edit) .wrapper{margin-bottom:0}:host-context(iam-inline-edit) .wrapper:not(.filled):not(:focus-within):not([data-mousedown]) input{border-color:rgba(0,0,0,0);background:none;margin-left:var(--input-ms, -1rem);width:calc(100% + 1rem);max-width:calc(100% + 1rem);box-shadow:none}:host-context(iam-inline-edit) .wrapper:not(.filled):not(:focus-within):not([data-mousedown]) .dropdown{display:none}:host-context(iam-inline-edit) .wrapper.filled:not(:focus-within):not([data-mousedown]){background:none;border:none;padding-left:0}:host([data-single]) .wrapper.filled slot[name=checked]{pointer-events:none}:host([data-single]) #clear{display:none}:host([data-single]) ::slotted([slot=checked])::after{display:none}:host-context(td) input,:host-context(td) textarea,:host-context(td) select{margin-left:0 !important;width:100% !important;max-width:100% !important}::slotted([slot=checked]){margin-bottom:.5rem;order:var(--order, 1);margin-inline:.1875rem}::slotted([slot=checked])::after{content:"\u2715";margin-left:.6em;font-weight:bold}}/*# sourceMappingURL=assets/css/components/multiselect.css.map */
@@ -22,5 +22,5 @@
     </div>
     </div>
     </label>
-    `,this.shadowRoot.appendChild(e.content.cloneNode(!0))}connectedCallback(){const e=this,o=this.closest("form"),d=this.shadowRoot.querySelector(".wrapper"),t=e.shadowRoot.querySelector("#search"),c=e.shadowRoot.querySelector("#clear");let a=0;const b=e.shadowRoot.querySelector("label .inner-label");this.getAttribute("data-url"),b.innerHTML=e.getAttribute("data-label");const n=this.hasAttribute("data-min")?this.getAttribute("data-min"):3;if(Array.from(this.querySelectorAll(":scope > label")).forEach(i=>{var s;i.classList.add("dropdown__option"),(s=i?.querySelector("i"))===null||s===void 0||s.remove()}),e.hasAttribute("placeholder")&&t.setAttribute("placeholder",e.getAttribute("placeholder")),e.setAttribute("data-error","true"),o&&e.hasAttribute("data-is-required")){const i=new MutationObserver(function(s){s.forEach(function(m){m.target.classList.contains("was-validated")?d.classList.add("was-validated"):d.classList.remove("was-validated")})});o.classList.contains("was-validated")?d.classList.add("was-validated"):d.classList.remove("was-validated"),i.observe(o,{attributes:!0,attributeFilter:["style","class"]})}function h(i){i.checked==!1?(i.closest("label").removeAttribute("slot"),i.closest("label").removeAttribute("style"),i.closest("label").removeAttribute("data-order")):(a++,i.closest("label").setAttribute("slot","checked"),i.closest("label").setAttribute("style",`--order:${a};`),i.closest("label").setAttribute("data-order",a),i.closest("[data-value]")&&i.closest("[data-value]").setAttribute("data-value",i.closest("label").textContent)),e.querySelector('label[slot="checked"]')?(d.classList.add("filled"),e.removeAttribute("data-error"),t.removeAttribute("placeholder")):(d.classList.remove("filled"),e.setAttribute("data-error","true"),e.hasAttribute("placeholder")&&t.setAttribute("placeholder",e.getAttribute("placeholder")))}Array.from(e.querySelectorAll('label input[type="checkbox"]:checked')).forEach(i=>{h(i)}),t.addEventListener("input",()=>{e.hasAttribute("data-url")&&t.value.length==n?A(e,t,y):y(e,t)});let l;e.addEventListener("focus",()=>{e.classList.add("hover"),clearTimeout(l)}),t.addEventListener("blur",i=>{setTimeout(function(){document.activeElement.getAttribute("type")!="checkbox"&&(e.querySelector(`input[type="checkbox"][value="${t.value}" i]`)&&(e.querySelector(`input[type="checkbox"][value="${t.value}" i]`).checked=!0,h(e.querySelector(`input[type="checkbox"][value="${t.value}" i]`))),t.value="",Array.from(e.querySelectorAll('label input[type="checkbox"]')).forEach(m=>{h(m)})),e.hasAttribute("data-url")&&Array.from(e.querySelectorAll('label:has(input[type="checkbox"]:not(:checked))')).forEach(m=>{m.remove()})},200),clearTimeout(l),l=setTimeout(function(){e.classList.remove("hover")},500)}),e.addEventListener("change",i=>{if(i&&i.target instanceof HTMLElement&&i.target.closest('input[type="checkbox"]')){const s=i.target.closest('input[type="checkbox"]');e.hasAttribute("data-single")&&Array.from(e.querySelectorAll('label[slot="checked"] input')).forEach(m=>{m.checked=!1,m.closest("label").removeAttribute("slot"),m.closest("label").removeAttribute("style"),m.closest("label").removeAttribute("data-order")}),h(s),t.value="",e.hasAttribute("data-single")?e.classList.remove("hover"):(t.focus(),clearTimeout(l),e.classList.add("hover"),l=setTimeout(function(){e.classList.remove("hover")},5e3))}}),c.addEventListener("click",function(){Array.from(e.querySelectorAll('label input[type="checkbox"]')).forEach(i=>{i.checked=!1,h(i)}),t.focus()}),z(this,t),e.addEventListener("keydown",function(i){const s=document.activeElement;switch(i.key){case"ArrowLeft":if(i.preventDefault(),s.hasAttribute("type")&&s.getAttribute("type")=="checkbox"){const m=e.querySelectorAll('label[slot="checked"][slot="checked"]'),u=Array.from(m).indexOf(s.closest("label")),g=Array.from(m)[u-1];g?g.focus():t.focus()}else s==e&&Array.from(e.querySelectorAll('label[slot="checked"]')).sort(function(u,g){return+u.dataset.order-+g.dataset.order}).pop().focus();break;case"ArrowRight":if(i.preventDefault(),s.hasAttribute("type")&&s.getAttribute("type")=="checkbox"){const m=e.querySelectorAll('label[slot="checked"][slot="checked"]'),u=Array.from(m).indexOf(s.closest("label")),g=Array.from(m)[u+1];g?g.focus():t.focus()}break;case"Enter":i.stopPropagation(),i.preventDefault(),s.hasAttribute("type")&&s.getAttribute("type")=="checkbox"&&(s.checked==!1?s.checked=!0:s.checked=!1),h(s),t.focus();break;case"Backspace":s.hasAttribute("type")&&s.getAttribute("type")=="checkbox"&&(s.checked=!1,h(s),t.focus());break}});function p(){if(a==0)return!1;let i=e.querySelector(`label[data-order="${a}"]`);return i||(i=p(a--)),i}t.addEventListener("keydown",function(i){switch(i.key){case"Enter":e.querySelector(`input[value="${t.value}"]:not(:checked)`)||(t.value=""),t.focus();break;case"Backspace":if(!t.value){const m=p();if(m){const u=m.querySelector("input");u.checked=!1,h(u)}t.focus()}break}}),e.addEventListener("mousedown",()=>{d.setAttribute("data-mousedown","true")}),e.addEventListener("mouseup",()=>{d.removeAttribute("data-mousedown")})}}export{_ as default};
+    `,this.shadowRoot.appendChild(e.content.cloneNode(!0))}connectedCallback(){const e=this,o=this.closest("form"),d=this.shadowRoot.querySelector(".wrapper"),t=e.shadowRoot.querySelector("#search"),c=e.shadowRoot.querySelector("#clear");let a=0;const b=e.shadowRoot.querySelector("label .inner-label");this.getAttribute("data-url"),b.innerHTML=e.getAttribute("data-label");const n=this.hasAttribute("data-min")?this.getAttribute("data-min"):3;if(Array.from(this.querySelectorAll(":scope > label")).forEach(i=>{var s;i.classList.add("dropdown__option"),(s=i?.querySelector("i"))===null||s===void 0||s.remove()}),e.hasAttribute("placeholder")&&t.setAttribute("placeholder",e.getAttribute("placeholder")),e.setAttribute("data-error","true"),o&&e.hasAttribute("data-is-required")){const i=new MutationObserver(function(s){s.forEach(function(p){p.target.classList.contains("was-validated")?d.classList.add("was-validated"):d.classList.remove("was-validated")})});o.classList.contains("was-validated")?d.classList.add("was-validated"):d.classList.remove("was-validated"),i.observe(o,{attributes:!0,attributeFilter:["style","class"]})}function m(i){i.checked==!1?(i.closest("label").removeAttribute("slot"),i.closest("label").removeAttribute("style"),i.closest("label").removeAttribute("data-order")):(a++,i.closest("label").setAttribute("slot","checked"),i.closest("label").setAttribute("style",`--order:${a};`),i.closest("label").setAttribute("data-order",a),i.closest("[data-value]")&&i.closest("[data-value]").setAttribute("data-value",i.closest("label").textContent)),e.querySelector('label[slot="checked"]')?(d.classList.add("filled"),e.removeAttribute("data-error"),t.removeAttribute("placeholder")):(d.classList.remove("filled"),e.setAttribute("data-error","true"),e.hasAttribute("placeholder")&&t.setAttribute("placeholder",e.getAttribute("placeholder")))}Array.from(e.querySelectorAll('label input[type="checkbox"]:checked')).forEach(i=>{m(i)}),t.addEventListener("input",()=>{e.hasAttribute("data-url")&&t.value.length==n?A(e,t,y):y(e,t)});let l;e.addEventListener("focus",()=>{e.classList.add("hover"),clearTimeout(l)}),t.addEventListener("blur",i=>{setTimeout(function(){document.activeElement.getAttribute("type")!="checkbox"&&(e.querySelector(`input[type="checkbox"][value="${t.value}" i]`)&&(e.querySelector(`input[type="checkbox"][value="${t.value}" i]`).checked=!0,m(e.querySelector(`input[type="checkbox"][value="${t.value}" i]`))),t.value="",Array.from(e.querySelectorAll('label input[type="checkbox"]')).forEach(p=>{m(p)})),e.hasAttribute("data-url")&&Array.from(e.querySelectorAll('label:has(input[type="checkbox"]:not(:checked))')).forEach(p=>{p.remove()})},200),clearTimeout(l),l=setTimeout(function(){e.classList.remove("hover")},500)}),e.addEventListener("change",i=>{if(i&&i.target instanceof HTMLElement&&i.target.closest('input[type="checkbox"]')){const s=i.target.closest('input[type="checkbox"]');e.hasAttribute("data-single")&&Array.from(e.querySelectorAll('label[slot="checked"] input')).forEach(p=>{p.checked=!1,p.closest("label").removeAttribute("slot"),p.closest("label").removeAttribute("style"),p.closest("label").removeAttribute("data-order")}),m(s),t.value="",e.hasAttribute("data-single")?e.classList.remove("hover"):(t.focus(),clearTimeout(l),e.classList.add("hover"),l=setTimeout(function(){e.classList.remove("hover")},5e3))}}),c.addEventListener("click",function(){Array.from(e.querySelectorAll('label input[type="checkbox"]')).forEach(i=>{i.checked=!1,m(i)}),t.focus()}),z(this,t),e.addEventListener("keydown",function(i){const s=document.activeElement;switch(i.key){case"ArrowLeft":if(i.preventDefault(),s.hasAttribute("type")&&s.getAttribute("type")=="checkbox"){const p=e.querySelectorAll('label[slot="checked"][slot="checked"]'),u=Array.from(p).indexOf(s.closest("label")),g=Array.from(p)[u-1];g?g.focus():t.focus()}else s==e&&Array.from(e.querySelectorAll('label[slot="checked"]')).sort(function(u,g){return+u.dataset.order-+g.dataset.order}).pop().focus();break;case"ArrowRight":if(i.preventDefault(),s.hasAttribute("type")&&s.getAttribute("type")=="checkbox"){const p=e.querySelectorAll('label[slot="checked"][slot="checked"]'),u=Array.from(p).indexOf(s.closest("label")),g=Array.from(p)[u+1];g?g.focus():t.focus()}break;case"Enter":i.stopPropagation(),i.preventDefault(),s.hasAttribute("type")&&s.getAttribute("type")=="checkbox"&&(s.checked==!1?s.checked=!0:s.checked=!1),console.log(t),s.getAttribute("type")!="checkbox"?(e.querySelector(`input[type="checkbox"][value="${t.value}" i]`)&&(e.querySelector(`input[type="checkbox"][value="${t.value}" i]`).checked=!0,m(e.querySelector(`input[type="checkbox"][value="${t.value}" i]`))),t.value="",Array.from(e.querySelectorAll('label input[type="checkbox"]')).forEach(p=>{m(p)})):m(s),t.focus();break;case"Backspace":s.hasAttribute("type")&&s.getAttribute("type")=="checkbox"&&(s.checked=!1,m(s),t.focus());break}});function h(){if(a==0)return!1;let i=e.querySelector(`label[data-order="${a}"]`);return i||(i=h(a--)),i}t.addEventListener("keydown",function(i){switch(i.key){case"Enter":e.querySelector(`input[value="${t.value}"]:not(:checked)`)||(t.value=""),t.focus();break;case"Backspace":if(!t.value){const p=h();if(p){const u=p.querySelector("input");u.checked=!1,m(u)}t.focus()}break}}),e.addEventListener("mousedown",()=>{d.setAttribute("data-mousedown","true")}),e.addEventListener("mouseup",()=>{d.removeAttribute("data-mousedown")})}}export{_ as default};
 //# sourceMappingURL=multiselect.component.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"multiselect.component.min.js","sources":["../../../../node_modules/js-cookie/dist/js.cookie.mjs","../../modules/dropdown.js","multiselect.component.js"],"sourcesContent":["/*! js-cookie v3.0.5 | MIT */\n/* eslint-disable no-var */\nfunction assign (target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i];\n    for (var key in source) {\n      target[key] = source[key];\n    }\n  }\n  return target\n}\n/* eslint-enable no-var */\n\n/* eslint-disable no-var */\nvar defaultConverter = {\n  read: function (value) {\n    if (value[0] === '\"') {\n      value = value.slice(1, -1);\n    }\n    return value.replace(/(%[\\dA-F]{2})+/gi, decodeURIComponent)\n  },\n  write: function (value) {\n    return encodeURIComponent(value).replace(\n      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,\n      decodeURIComponent\n    )\n  }\n};\n/* eslint-enable no-var */\n\n/* eslint-disable no-var */\n\nfunction init (converter, defaultAttributes) {\n  function set (name, value, attributes) {\n    if (typeof document === 'undefined') {\n      return\n    }\n\n    attributes = assign({}, defaultAttributes, attributes);\n\n    if (typeof attributes.expires === 'number') {\n      attributes.expires = new Date(Date.now() + attributes.expires * 864e5);\n    }\n    if (attributes.expires) {\n      attributes.expires = attributes.expires.toUTCString();\n    }\n\n    name = encodeURIComponent(name)\n      .replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent)\n      .replace(/[()]/g, escape);\n\n    var stringifiedAttributes = '';\n    for (var attributeName in attributes) {\n      if (!attributes[attributeName]) {\n        continue\n      }\n\n      stringifiedAttributes += '; ' + attributeName;\n\n      if (attributes[attributeName] === true) {\n        continue\n      }\n\n      // Considers RFC 6265 section 5.2:\n      // ...\n      // 3.  If the remaining unparsed-attributes contains a %x3B (\";\")\n      //     character:\n      // Consume the characters of the unparsed-attributes up to,\n      // not including, the first %x3B (\";\") character.\n      // ...\n      stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];\n    }\n\n    return (document.cookie =\n      name + '=' + converter.write(value, name) + stringifiedAttributes)\n  }\n\n  function get (name) {\n    if (typeof document === 'undefined' || (arguments.length && !name)) {\n      return\n    }\n\n    // To prevent the for loop in the first place assign an empty array\n    // in case there are no cookies at all.\n    var cookies = document.cookie ? document.cookie.split('; ') : [];\n    var jar = {};\n    for (var i = 0; i < cookies.length; i++) {\n      var parts = cookies[i].split('=');\n      var value = parts.slice(1).join('=');\n\n      try {\n        var found = decodeURIComponent(parts[0]);\n        jar[found] = converter.read(value, found);\n\n        if (name === found) {\n          break\n        }\n      } catch (e) {}\n    }\n\n    return name ? jar[name] : jar\n  }\n\n  return Object.create(\n    {\n      set,\n      get,\n      remove: function (name, attributes) {\n        set(\n          name,\n          '',\n          assign({}, attributes, {\n            expires: -1\n          })\n        );\n      },\n      withAttributes: function (attributes) {\n        return init(this.converter, assign({}, this.attributes, attributes))\n      },\n      withConverter: function (converter) {\n        return init(assign({}, this.converter, converter), this.attributes)\n      }\n    },\n    {\n      attributes: { value: Object.freeze(defaultAttributes) },\n      converter: { value: Object.freeze(converter) }\n    }\n  )\n}\n\nvar api = init(defaultConverter, { path: '/' });\n/* eslint-enable no-var */\n\nexport { api as default };\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport Cookies from '../../../node_modules/js-cookie/dist/js.cookie.mjs';\nexport const filterList = (component, search) => {\n    Array.from(component.querySelectorAll(`label:not([slot=\"checked\"])`)).forEach((label) => {\n        const checkbox = label.querySelector('input');\n        const searchValue = checkbox.value;\n        const labelText = label.textContent;\n        if (searchValue.toLowerCase().includes(search.value.toLowerCase()) ||\n            labelText.toLowerCase().includes(search.value.toLowerCase())) {\n            label.removeAttribute('slot');\n        }\n        else {\n            label.setAttribute('slot', 'notmatched');\n        }\n    });\n};\nexport const searchAjax = (component, search, callback) => __awaiter(void 0, void 0, void 0, function* () {\n    const searchterm = search.value;\n    const ajaxURL = component.getAttribute('data-url');\n    const firstInput = component.querySelector('input');\n    console.log(firstInput);\n    const inputType = firstInput && firstInput.hasAttribute('type') ? firstInput.getAttribute('type') : 'checkbox';\n    let inputName = firstInput && firstInput.hasAttribute('name') ? firstInput.getAttribute('name') : 'tags';\n    if (component.hasAttribute('data-name'))\n        inputName = component.hasAttribute('data-name');\n    const searchAjaxURL = `${ajaxURL}?search_query=${encodeURI(searchterm)}`;\n    // Setup controller vars if not already set\n    if (!window.controller)\n        window.controller = [];\n    // Abort if controller already present for this url\n    if (window.controller[searchAjaxURL])\n        window.controller[searchAjaxURL].abort();\n    // Create a new controller so it can be aborted if new fetch made\n    window.controller[searchAjaxURL] = new AbortController();\n    const { signal } = controller[searchAjaxURL];\n    try {\n        yield fetch(searchAjaxURL, {\n            signal: signal,\n            method: 'get',\n            credentials: 'same-origin',\n            headers: new Headers({\n                'Content-Type': 'application/json',\n                Accept: 'application/json',\n                'X-Requested-With': 'XMLHttpRequest',\n                'X-XSRF-TOKEN': Cookies.get('XSRF-TOKEN'),\n            }),\n        })\n            .then((response) => response.json())\n            .then((response) => {\n            let items = '';\n            for (let i = 0; i < response['data'].length; i++) {\n                if (!component.querySelector(`[value=\"${response['data'][i].value}\"]`))\n                    items += `<label class=\"tag dropdown__option\"><input type=\"${inputType}\" name=\"${component.hasAttribute('data-name') ? component.getAttribute('data-name') : inputName}\" value=\"${response['data'][i].value}\"/>${response['data'][i].title}</label>`;\n            }\n            component.insertAdjacentHTML('beforeend', `${items}`);\n            callback(component, search);\n            return response;\n        });\n    }\n    catch (error) {\n        console.log(error);\n    }\n});\nexport const setTag = (tag) => {\n    const input = tag.querySelector(':checked');\n    const inputName = input === null || input === void 0 ? void 0 : input.getAttribute('name');\n    tag.setAttribute('slot', 'checked');\n    tag.setAttribute('data-content', tag.textContent);\n    let tags = [];\n    if (localStorage.getItem('tags-' + inputName) != null)\n        tags = JSON.parse(localStorage.getItem('tags-' + inputName));\n    if (!tags.includes(tag.textContent)) {\n        tags.push(tag.textContent);\n        localStorage.setItem('tags-' + inputName, JSON.stringify(tags));\n    }\n    let tagIndex = tags.indexOf(tag.textContent) + 1;\n    if (tagIndex > 23)\n        tagIndex = 1;\n    tag === null || tag === void 0 ? void 0 : tag.classList.add(`wider-colour-${tagIndex + 1}`);\n};\nexport const addKeyboardEvents = (dropdown, search) => {\n    search.addEventListener('keydown', (e) => {\n        var _a;\n        switch (e.keyCode) {\n            case 40: // down\n                e.stopPropagation();\n                e.preventDefault();\n                (_a = dropdown.querySelector('label:not([slot=\"checked\"]) input')) === null || _a === void 0 ? void 0 : _a.focus();\n                break;\n        }\n    });\n    dropdown.addEventListener('keydown', (event) => {\n        var _a, _b, _c;\n        const topLevelmenuItems = dropdown.querySelectorAll(':scope > a, :scope > button, :scope > details > summary, :scope > label:not([slot=\"checked\"]) > input');\n        const menuItems = dropdown.querySelectorAll('a, button, input, label:not([slot=\"checked\"]) > input');\n        const activeElement = document.activeElement;\n        if (event && event.target instanceof HTMLElement && event.target.closest('a, button, summary, label:not([slot=\"checked\"]) > input')) {\n            const activeItem = document.activeElement;\n            const prevIndex = Array.from(topLevelmenuItems).indexOf(activeItem) - 1;\n            const nextIndex = Array.from(topLevelmenuItems).indexOf(activeItem) + 1;\n            switch (event.keyCode // change to event.key to key to use the above variable\n            ) {\n                case 27: // Esc\n                    if (activeItem.closest('details')) {\n                        event.stopPropagation();\n                        event.preventDefault();\n                        activeItem.closest('details').removeAttribute('open');\n                        activeItem.closest('details').querySelector(':scope summary').focus();\n                    }\n                    else {\n                        event.stopPropagation();\n                        //menuButton.focus();\n                    }\n                    break;\n                case 32: // Space\n                case 13: // Enter\n                    break;\n                case 35: // end\n                    event.stopPropagation();\n                    event.preventDefault();\n                    (_a = dropdown.querySelector('details[open]')) === null || _a === void 0 ? void 0 : _a.removeAttribute('open');\n                    Array.from(menuItems)[menuItems.length - 1].focus();\n                    break;\n                case 36: // home\n                    event.stopPropagation();\n                    event.preventDefault();\n                    (_b = dropdown.querySelector('details[open]')) === null || _b === void 0 ? void 0 : _b.removeAttribute('open');\n                    Array.from(menuItems)[0].focus();\n                    break;\n                case 38: // up\n                    event.stopPropagation();\n                    event.preventDefault();\n                    if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n                        if (Array.from(topLevelmenuItems)[prevIndex] != undefined)\n                            Array.from(topLevelmenuItems)[prevIndex].focus();\n                        else\n                            Array.from(topLevelmenuItems)[topLevelmenuItems.length - 1].focus();\n                    }\n                    else if (activeItem.closest('details')) {\n                        const subMenuItems = activeItem\n                            .closest('details')\n                            .querySelectorAll('a, button, :scope details > summary');\n                        subPrevIndex = Array.from(subMenuItems).indexOf(activeItem) - 1;\n                        if (Array.from(subMenuItems)[subPrevIndex] != undefined)\n                            Array.from(subMenuItems)[subPrevIndex].focus();\n                        else\n                            Array.from(subMenuItems)[subMenuItems.length - 1].focus();\n                    }\n                    break;\n                case 40: // down\n                    event.stopPropagation();\n                    event.preventDefault();\n                    if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n                        if (Array.from(topLevelmenuItems)[nextIndex] != undefined)\n                            Array.from(topLevelmenuItems)[nextIndex].focus();\n                        else\n                            Array.from(topLevelmenuItems)[0].focus();\n                    }\n                    else if (activeItem.closest('details')) {\n                        const subMenuItems = (_c = activeItem.closest('details')) === null || _c === void 0 ? void 0 : _c.querySelectorAll('a, button, :scope details > summary');\n                        subNextIndex = Array.from(subMenuItems).indexOf(activeItem) + 1;\n                        if (Array.from(subMenuItems)[subNextIndex] != undefined)\n                            Array.from(subMenuItems)[subNextIndex].focus();\n                        else\n                            Array.from(subMenuItems)[0].focus();\n                    }\n                    break;\n            }\n        }\n    });\n};\n","import { searchAjax, filterList, addKeyboardEvents } from '../../modules/dropdown';\n// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'mutliselect',\n});\nclass iamMultiselect extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/multiselect.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    \n    ${loadCSS}\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    </style>\n    <label for=\"search\" class=\"mb-0\"><span class=\"inner-label label\"></span> <slot name=\"feedback\"></slot>\n    <div class=\"outer\">\n    <div class=\"wrapper\">\n      \n      <slot name=\"checked\"></slot>\n      <input name=\"search\" id=\"search\" autocomplete=\"off\" required part=\"search-input\"/>\n      <span class=\"admin-panel feedback\">This field is required</span>\n      <div class=\"admin-panel dropdown\" part=\"dropdown\">\n        <slot></slot>\n      </div>\n      <button id=\"clear\" class=\"btn btn-action \"><span class=\"visually-hidden\">Clear</span></button>\n    </div>\n    </div>\n    </label>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const multiselect = this;\n        const form = this.closest('form');\n        const wrapper = this.shadowRoot.querySelector('.wrapper');\n        const search = multiselect.shadowRoot.querySelector('#search');\n        const button = multiselect.shadowRoot.querySelector('#clear');\n        let order = 0;\n        const innerLabel = multiselect.shadowRoot.querySelector('label .inner-label');\n        const ajaxURL = this.getAttribute('data-url');\n        innerLabel.innerHTML = multiselect.getAttribute('data-label');\n        const minLength = this.hasAttribute('data-min') ? this.getAttribute('data-min') : 3;\n        // Make sure the dropdown options are set\n        Array.from(this.querySelectorAll(':scope > label')).forEach((label) => {\n            var _a;\n            label.classList.add('dropdown__option');\n            (_a = label === null || label === void 0 ? void 0 : label.querySelector('i')) === null || _a === void 0 ? void 0 : _a.remove();\n        });\n        if (multiselect.hasAttribute('placeholder')) {\n            search.setAttribute('placeholder', multiselect.getAttribute('placeholder'));\n        }\n        multiselect.setAttribute('data-error', 'true');\n        // If in form and is required lets watch for the form being submitted\n        if (form && multiselect.hasAttribute('data-is-required')) {\n            const observer = new MutationObserver(function (mutations) {\n                mutations.forEach(function (mutationRecord) {\n                    const targetElement = mutationRecord.target;\n                    if (targetElement.classList.contains('was-validated')) {\n                        wrapper.classList.add('was-validated');\n                    }\n                    else {\n                        wrapper.classList.remove('was-validated');\n                    }\n                });\n            });\n            if (form.classList.contains('was-validated')) {\n                wrapper.classList.add('was-validated');\n            }\n            else {\n                wrapper.classList.remove('was-validated');\n            }\n            observer.observe(form, {\n                attributes: true,\n                attributeFilter: ['style', 'class'],\n            });\n        }\n        // Set the correct attributes\n        function setItem(inputToSet) {\n            if (inputToSet.checked == false) {\n                inputToSet.closest('label').removeAttribute('slot');\n                inputToSet.closest('label').removeAttribute('style');\n                inputToSet.closest('label').removeAttribute('data-order');\n            }\n            else {\n                order++;\n                inputToSet.closest('label').setAttribute('slot', 'checked');\n                inputToSet.closest('label').setAttribute('style', `--order:${order};`);\n                inputToSet.closest('label').setAttribute('data-order', order);\n                if (inputToSet.closest('[data-value]')) {\n                    inputToSet.closest('[data-value]').setAttribute('data-value', inputToSet.closest('label').textContent);\n                }\n            }\n            // check for errors\n            if (multiselect.querySelector('label[slot=\"checked\"]')) {\n                wrapper.classList.add('filled');\n                multiselect.removeAttribute('data-error');\n                search.removeAttribute('placeholder');\n            }\n            else {\n                wrapper.classList.remove('filled');\n                multiselect.setAttribute('data-error', 'true');\n                if (multiselect.hasAttribute('placeholder')) {\n                    search.setAttribute('placeholder', multiselect.getAttribute('placeholder'));\n                }\n            }\n        }\n        // Set on load\n        Array.from(multiselect.querySelectorAll(`label input[type=\"checkbox\"]:checked`)).forEach((checkbox) => {\n            setItem(checkbox);\n        });\n        search.addEventListener('input', () => {\n            if (multiselect.hasAttribute('data-url') && search.value.length == minLength) {\n                searchAjax(multiselect, search, filterList);\n            }\n            else {\n                filterList(multiselect, search);\n            }\n        });\n        // Add a delayed hover effect for non hover devices\n        let hoverTimeout;\n        multiselect.addEventListener('focus', () => {\n            multiselect.classList.add('hover');\n            clearTimeout(hoverTimeout);\n        });\n        search.addEventListener('blur', (event) => {\n            setTimeout(function () {\n                const activeElement = document.activeElement;\n                if (activeElement.getAttribute('type') != 'checkbox') {\n                    if (multiselect.querySelector(`input[type=\"checkbox\"][value=\"${search.value}\" i]`)) {\n                        multiselect.querySelector(`input[type=\"checkbox\"][value=\"${search.value}\" i]`).checked = true;\n                        setItem(multiselect.querySelector(`input[type=\"checkbox\"][value=\"${search.value}\" i]`));\n                    }\n                    search.value = '';\n                    Array.from(multiselect.querySelectorAll(`label input[type=\"checkbox\"]`)).forEach((checkbox) => {\n                        setItem(checkbox);\n                    });\n                }\n                if (multiselect.hasAttribute('data-url')) {\n                    Array.from(multiselect.querySelectorAll(`label:has(input[type=\"checkbox\"]:not(:checked))`)).forEach((checkbox) => {\n                        checkbox.remove();\n                    });\n                }\n            }, 200);\n            clearTimeout(hoverTimeout);\n            hoverTimeout = setTimeout(function () {\n                multiselect.classList.remove('hover');\n            }, 500);\n        });\n        // Set items\n        multiselect.addEventListener('change', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('input[type=\"checkbox\"]')) {\n                const checkbox = event.target.closest('input[type=\"checkbox\"]');\n                if (multiselect.hasAttribute('data-single')) {\n                    Array.from(multiselect.querySelectorAll(`label[slot=\"checked\"] input`)).forEach((inputToCancel) => {\n                        inputToCancel.checked = false;\n                        inputToCancel.closest('label').removeAttribute('slot');\n                        inputToCancel.closest('label').removeAttribute('style');\n                        inputToCancel.closest('label').removeAttribute('data-order');\n                    });\n                }\n                setItem(checkbox);\n                search.value = '';\n                if (!multiselect.hasAttribute('data-single')) {\n                    search.focus();\n                    clearTimeout(hoverTimeout);\n                    multiselect.classList.add('hover');\n                    hoverTimeout = setTimeout(function () {\n                        multiselect.classList.remove('hover');\n                    }, 5000);\n                }\n                else {\n                    multiselect.classList.remove('hover');\n                }\n            }\n        });\n        // Clear all\n        button.addEventListener('click', function () {\n            Array.from(multiselect.querySelectorAll(`label input[type=\"checkbox\"]`)).forEach((checkbox) => {\n                checkbox.checked = false;\n                setItem(checkbox);\n            });\n            search.focus();\n        });\n        // Add some keyboard features to keep it accessible\n        addKeyboardEvents(this, search);\n        multiselect.addEventListener('keydown', function (event) {\n            const activeElement = document.activeElement;\n            switch (event.key // change to event.key to key to use the above variable\n            ) {\n                case 'ArrowLeft':\n                    // Up pressed\n                    event.preventDefault();\n                    if (activeElement.hasAttribute('type') && activeElement.getAttribute('type') == 'checkbox') {\n                        const arrCheckboxes = multiselect.querySelectorAll(`label[slot=\"checked\"][slot=\"checked\"]`);\n                        const activeIndex = Array.from(arrCheckboxes).indexOf(activeElement.closest('label'));\n                        const prevCheckbox = Array.from(arrCheckboxes)[activeIndex - 1];\n                        if (prevCheckbox)\n                            prevCheckbox.focus();\n                        else\n                            search.focus();\n                    }\n                    else if (activeElement == multiselect) {\n                        const options = Array.from(multiselect.querySelectorAll('label[slot=\"checked\"]')).sort(function (a, b) {\n                            return +a.dataset.order - +b.dataset.order;\n                        });\n                        options.pop().focus();\n                    }\n                    break;\n                case 'ArrowRight':\n                    // Up pressed\n                    event.preventDefault();\n                    if (activeElement.hasAttribute('type') && activeElement.getAttribute('type') == 'checkbox') {\n                        const arrCheckboxes = multiselect.querySelectorAll(`label[slot=\"checked\"][slot=\"checked\"]`);\n                        const activeIndex = Array.from(arrCheckboxes).indexOf(activeElement.closest('label'));\n                        const nextCheckbox = Array.from(arrCheckboxes)[activeIndex + 1];\n                        if (nextCheckbox)\n                            nextCheckbox.focus();\n                        else\n                            search.focus();\n                    }\n                    break;\n                case 'Enter':\n                    event.stopPropagation();\n                    event.preventDefault();\n                    if (activeElement.hasAttribute('type') && activeElement.getAttribute('type') == 'checkbox') {\n                        if (activeElement.checked == false)\n                            activeElement.checked = true;\n                        else\n                            activeElement.checked = false;\n                    }\n                    setItem(activeElement);\n                    search.focus();\n                    break;\n                case 'Backspace':\n                    if (activeElement.hasAttribute('type') && activeElement.getAttribute('type') == 'checkbox') {\n                        activeElement.checked = false;\n                        setItem(activeElement);\n                        search.focus();\n                    }\n                    break;\n            }\n        });\n        function checkLastTag() {\n            if (order == 0)\n                return false;\n            let lastTag = multiselect.querySelector(`label[data-order=\"${order}\"]`);\n            if (!lastTag) {\n                lastTag = checkLastTag(order--);\n            }\n            return lastTag;\n        }\n        search.addEventListener('keydown', function (event) {\n            switch (event.key // change to event.key to key to use the above variable\n            ) {\n                case 'Enter':\n                    const match = multiselect.querySelector(`input[value=\"${search.value}\"]:not(:checked)`);\n                    if (!match)\n                        search.value = '';\n                    search.focus();\n                    break;\n                case 'Backspace':\n                    if (!search.value) {\n                        const lastTag = checkLastTag(order);\n                        if (lastTag) {\n                            const lastTagInput = lastTag.querySelector('input');\n                            lastTagInput.checked = false;\n                            setItem(lastTagInput);\n                        }\n                        search.focus();\n                    }\n                    break;\n            }\n        });\n        // Fix for the inline edit multiselect\n        multiselect.addEventListener('mousedown', () => {\n            wrapper.setAttribute('data-mousedown', 'true');\n        });\n        multiselect.addEventListener('mouseup', () => {\n            wrapper.removeAttribute('data-mousedown');\n        });\n    }\n}\nexport default iamMultiselect;\n"],"names":["assign","target","i","source","key","defaultConverter","value","init","converter","defaultAttributes","set","name","attributes","stringifiedAttributes","attributeName","get","cookies","jar","parts","found","api","__awaiter","thisArg","_arguments","P","generator","adopt","resolve","reject","fulfilled","step","e","rejected","result","filterList","component","search","label","searchValue","labelText","searchAjax","callback","searchterm","ajaxURL","firstInput","inputType","inputName","searchAjaxURL","signal","Cookies","response","items","error","addKeyboardEvents","dropdown","_a","event","_b","_c","topLevelmenuItems","menuItems","activeItem","prevIndex","nextIndex","subMenuItems","iamMultiselect","template","multiselect","form","wrapper","button","order","innerLabel","minLength","observer","mutations","mutationRecord","setItem","inputToSet","checkbox","hoverTimeout","inputToCancel","activeElement","arrCheckboxes","activeIndex","prevCheckbox","a","b","nextCheckbox","checkLastTag","lastTag","lastTagInput"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"multiselect.component.min.js","sources":["../../../../node_modules/js-cookie/dist/js.cookie.mjs","../../modules/dropdown.js","multiselect.component.js"],"sourcesContent":["/*! js-cookie v3.0.5 | MIT */\n/* eslint-disable no-var */\nfunction assign (target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i];\n    for (var key in source) {\n      target[key] = source[key];\n    }\n  }\n  return target\n}\n/* eslint-enable no-var */\n\n/* eslint-disable no-var */\nvar defaultConverter = {\n  read: function (value) {\n    if (value[0] === '\"') {\n      value = value.slice(1, -1);\n    }\n    return value.replace(/(%[\\dA-F]{2})+/gi, decodeURIComponent)\n  },\n  write: function (value) {\n    return encodeURIComponent(value).replace(\n      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,\n      decodeURIComponent\n    )\n  }\n};\n/* eslint-enable no-var */\n\n/* eslint-disable no-var */\n\nfunction init (converter, defaultAttributes) {\n  function set (name, value, attributes) {\n    if (typeof document === 'undefined') {\n      return\n    }\n\n    attributes = assign({}, defaultAttributes, attributes);\n\n    if (typeof attributes.expires === 'number') {\n      attributes.expires = new Date(Date.now() + attributes.expires * 864e5);\n    }\n    if (attributes.expires) {\n      attributes.expires = attributes.expires.toUTCString();\n    }\n\n    name = encodeURIComponent(name)\n      .replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent)\n      .replace(/[()]/g, escape);\n\n    var stringifiedAttributes = '';\n    for (var attributeName in attributes) {\n      if (!attributes[attributeName]) {\n        continue\n      }\n\n      stringifiedAttributes += '; ' + attributeName;\n\n      if (attributes[attributeName] === true) {\n        continue\n      }\n\n      // Considers RFC 6265 section 5.2:\n      // ...\n      // 3.  If the remaining unparsed-attributes contains a %x3B (\";\")\n      //     character:\n      // Consume the characters of the unparsed-attributes up to,\n      // not including, the first %x3B (\";\") character.\n      // ...\n      stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];\n    }\n\n    return (document.cookie =\n      name + '=' + converter.write(value, name) + stringifiedAttributes)\n  }\n\n  function get (name) {\n    if (typeof document === 'undefined' || (arguments.length && !name)) {\n      return\n    }\n\n    // To prevent the for loop in the first place assign an empty array\n    // in case there are no cookies at all.\n    var cookies = document.cookie ? document.cookie.split('; ') : [];\n    var jar = {};\n    for (var i = 0; i < cookies.length; i++) {\n      var parts = cookies[i].split('=');\n      var value = parts.slice(1).join('=');\n\n      try {\n        var found = decodeURIComponent(parts[0]);\n        jar[found] = converter.read(value, found);\n\n        if (name === found) {\n          break\n        }\n      } catch (e) {}\n    }\n\n    return name ? jar[name] : jar\n  }\n\n  return Object.create(\n    {\n      set,\n      get,\n      remove: function (name, attributes) {\n        set(\n          name,\n          '',\n          assign({}, attributes, {\n            expires: -1\n          })\n        );\n      },\n      withAttributes: function (attributes) {\n        return init(this.converter, assign({}, this.attributes, attributes))\n      },\n      withConverter: function (converter) {\n        return init(assign({}, this.converter, converter), this.attributes)\n      }\n    },\n    {\n      attributes: { value: Object.freeze(defaultAttributes) },\n      converter: { value: Object.freeze(converter) }\n    }\n  )\n}\n\nvar api = init(defaultConverter, { path: '/' });\n/* eslint-enable no-var */\n\nexport { api as default };\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport Cookies from '../../../node_modules/js-cookie/dist/js.cookie.mjs';\nexport const filterList = (component, search) => {\n    Array.from(component.querySelectorAll(`label:not([slot=\"checked\"])`)).forEach((label) => {\n        const checkbox = label.querySelector('input');\n        const searchValue = checkbox.value;\n        const labelText = label.textContent;\n        if (searchValue.toLowerCase().includes(search.value.toLowerCase()) ||\n            labelText.toLowerCase().includes(search.value.toLowerCase())) {\n            label.removeAttribute('slot');\n        }\n        else {\n            label.setAttribute('slot', 'notmatched');\n        }\n    });\n};\nexport const searchAjax = (component, search, callback) => __awaiter(void 0, void 0, void 0, function* () {\n    const searchterm = search.value;\n    const ajaxURL = component.getAttribute('data-url');\n    const firstInput = component.querySelector('input');\n    console.log(firstInput);\n    const inputType = firstInput && firstInput.hasAttribute('type') ? firstInput.getAttribute('type') : 'checkbox';\n    let inputName = firstInput && firstInput.hasAttribute('name') ? firstInput.getAttribute('name') : 'tags';\n    if (component.hasAttribute('data-name'))\n        inputName = component.hasAttribute('data-name');\n    const searchAjaxURL = `${ajaxURL}?search_query=${encodeURI(searchterm)}`;\n    // Setup controller vars if not already set\n    if (!window.controller)\n        window.controller = [];\n    // Abort if controller already present for this url\n    if (window.controller[searchAjaxURL])\n        window.controller[searchAjaxURL].abort();\n    // Create a new controller so it can be aborted if new fetch made\n    window.controller[searchAjaxURL] = new AbortController();\n    const { signal } = controller[searchAjaxURL];\n    try {\n        yield fetch(searchAjaxURL, {\n            signal: signal,\n            method: 'get',\n            credentials: 'same-origin',\n            headers: new Headers({\n                'Content-Type': 'application/json',\n                Accept: 'application/json',\n                'X-Requested-With': 'XMLHttpRequest',\n                'X-XSRF-TOKEN': Cookies.get('XSRF-TOKEN'),\n            }),\n        })\n            .then((response) => response.json())\n            .then((response) => {\n            let items = '';\n            for (let i = 0; i < response['data'].length; i++) {\n                if (!component.querySelector(`[value=\"${response['data'][i].value}\"]`))\n                    items += `<label class=\"tag dropdown__option\"><input type=\"${inputType}\" name=\"${component.hasAttribute('data-name') ? component.getAttribute('data-name') : inputName}\" value=\"${response['data'][i].value}\"/>${response['data'][i].title}</label>`;\n            }\n            component.insertAdjacentHTML('beforeend', `${items}`);\n            callback(component, search);\n            return response;\n        });\n    }\n    catch (error) {\n        console.log(error);\n    }\n});\nexport const setTag = (tag) => {\n    const input = tag.querySelector(':checked');\n    const inputName = input === null || input === void 0 ? void 0 : input.getAttribute('name');\n    tag.setAttribute('slot', 'checked');\n    tag.setAttribute('data-content', tag.textContent);\n    let tags = [];\n    if (localStorage.getItem('tags-' + inputName) != null)\n        tags = JSON.parse(localStorage.getItem('tags-' + inputName));\n    if (!tags.includes(tag.textContent)) {\n        tags.push(tag.textContent);\n        localStorage.setItem('tags-' + inputName, JSON.stringify(tags));\n    }\n    let tagIndex = tags.indexOf(tag.textContent) + 1;\n    if (tagIndex > 23)\n        tagIndex = 1;\n    tag === null || tag === void 0 ? void 0 : tag.classList.add(`wider-colour-${tagIndex + 1}`);\n};\nexport const addKeyboardEvents = (dropdown, search) => {\n    search.addEventListener('keydown', (e) => {\n        var _a;\n        switch (e.keyCode) {\n            case 40: // down\n                e.stopPropagation();\n                e.preventDefault();\n                (_a = dropdown.querySelector('label:not([slot=\"checked\"]) input')) === null || _a === void 0 ? void 0 : _a.focus();\n                break;\n        }\n    });\n    dropdown.addEventListener('keydown', (event) => {\n        var _a, _b, _c;\n        const topLevelmenuItems = dropdown.querySelectorAll(':scope > a, :scope > button, :scope > details > summary, :scope > label:not([slot=\"checked\"]) > input');\n        const menuItems = dropdown.querySelectorAll('a, button, input, label:not([slot=\"checked\"]) > input');\n        const activeElement = document.activeElement;\n        if (event && event.target instanceof HTMLElement && event.target.closest('a, button, summary, label:not([slot=\"checked\"]) > input')) {\n            const activeItem = document.activeElement;\n            const prevIndex = Array.from(topLevelmenuItems).indexOf(activeItem) - 1;\n            const nextIndex = Array.from(topLevelmenuItems).indexOf(activeItem) + 1;\n            switch (event.keyCode // change to event.key to key to use the above variable\n            ) {\n                case 27: // Esc\n                    if (activeItem.closest('details')) {\n                        event.stopPropagation();\n                        event.preventDefault();\n                        activeItem.closest('details').removeAttribute('open');\n                        activeItem.closest('details').querySelector(':scope summary').focus();\n                    }\n                    else {\n                        event.stopPropagation();\n                        //menuButton.focus();\n                    }\n                    break;\n                case 32: // Space\n                case 13: // Enter\n                    break;\n                case 35: // end\n                    event.stopPropagation();\n                    event.preventDefault();\n                    (_a = dropdown.querySelector('details[open]')) === null || _a === void 0 ? void 0 : _a.removeAttribute('open');\n                    Array.from(menuItems)[menuItems.length - 1].focus();\n                    break;\n                case 36: // home\n                    event.stopPropagation();\n                    event.preventDefault();\n                    (_b = dropdown.querySelector('details[open]')) === null || _b === void 0 ? void 0 : _b.removeAttribute('open');\n                    Array.from(menuItems)[0].focus();\n                    break;\n                case 38: // up\n                    event.stopPropagation();\n                    event.preventDefault();\n                    if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n                        if (Array.from(topLevelmenuItems)[prevIndex] != undefined)\n                            Array.from(topLevelmenuItems)[prevIndex].focus();\n                        else\n                            Array.from(topLevelmenuItems)[topLevelmenuItems.length - 1].focus();\n                    }\n                    else if (activeItem.closest('details')) {\n                        const subMenuItems = activeItem\n                            .closest('details')\n                            .querySelectorAll('a, button, :scope details > summary');\n                        subPrevIndex = Array.from(subMenuItems).indexOf(activeItem) - 1;\n                        if (Array.from(subMenuItems)[subPrevIndex] != undefined)\n                            Array.from(subMenuItems)[subPrevIndex].focus();\n                        else\n                            Array.from(subMenuItems)[subMenuItems.length - 1].focus();\n                    }\n                    break;\n                case 40: // down\n                    event.stopPropagation();\n                    event.preventDefault();\n                    if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n                        if (Array.from(topLevelmenuItems)[nextIndex] != undefined)\n                            Array.from(topLevelmenuItems)[nextIndex].focus();\n                        else\n                            Array.from(topLevelmenuItems)[0].focus();\n                    }\n                    else if (activeItem.closest('details')) {\n                        const subMenuItems = (_c = activeItem.closest('details')) === null || _c === void 0 ? void 0 : _c.querySelectorAll('a, button, :scope details > summary');\n                        subNextIndex = Array.from(subMenuItems).indexOf(activeItem) + 1;\n                        if (Array.from(subMenuItems)[subNextIndex] != undefined)\n                            Array.from(subMenuItems)[subNextIndex].focus();\n                        else\n                            Array.from(subMenuItems)[0].focus();\n                    }\n                    break;\n            }\n        }\n    });\n};\n","import { searchAjax, filterList, addKeyboardEvents } from '../../modules/dropdown';\n// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'mutliselect',\n});\nclass iamMultiselect extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/multiselect.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    \n    ${loadCSS}\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    </style>\n    <label for=\"search\" class=\"mb-0\"><span class=\"inner-label label\"></span> <slot name=\"feedback\"></slot>\n    <div class=\"outer\">\n    <div class=\"wrapper\">\n      \n      <slot name=\"checked\"></slot>\n      <input name=\"search\" id=\"search\" autocomplete=\"off\" required part=\"search-input\"/>\n      <span class=\"admin-panel feedback\">This field is required</span>\n      <div class=\"admin-panel dropdown\" part=\"dropdown\">\n        <slot></slot>\n      </div>\n      <button id=\"clear\" class=\"btn btn-action \"><span class=\"visually-hidden\">Clear</span></button>\n    </div>\n    </div>\n    </label>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const multiselect = this;\n        const form = this.closest('form');\n        const wrapper = this.shadowRoot.querySelector('.wrapper');\n        const search = multiselect.shadowRoot.querySelector('#search');\n        const button = multiselect.shadowRoot.querySelector('#clear');\n        let order = 0;\n        const innerLabel = multiselect.shadowRoot.querySelector('label .inner-label');\n        const ajaxURL = this.getAttribute('data-url');\n        innerLabel.innerHTML = multiselect.getAttribute('data-label');\n        const minLength = this.hasAttribute('data-min') ? this.getAttribute('data-min') : 3;\n        // Make sure the dropdown options are set\n        Array.from(this.querySelectorAll(':scope > label')).forEach((label) => {\n            var _a;\n            label.classList.add('dropdown__option');\n            (_a = label === null || label === void 0 ? void 0 : label.querySelector('i')) === null || _a === void 0 ? void 0 : _a.remove();\n        });\n        if (multiselect.hasAttribute('placeholder')) {\n            search.setAttribute('placeholder', multiselect.getAttribute('placeholder'));\n        }\n        multiselect.setAttribute('data-error', 'true');\n        // If in form and is required lets watch for the form being submitted\n        if (form && multiselect.hasAttribute('data-is-required')) {\n            const observer = new MutationObserver(function (mutations) {\n                mutations.forEach(function (mutationRecord) {\n                    const targetElement = mutationRecord.target;\n                    if (targetElement.classList.contains('was-validated')) {\n                        wrapper.classList.add('was-validated');\n                    }\n                    else {\n                        wrapper.classList.remove('was-validated');\n                    }\n                });\n            });\n            if (form.classList.contains('was-validated')) {\n                wrapper.classList.add('was-validated');\n            }\n            else {\n                wrapper.classList.remove('was-validated');\n            }\n            observer.observe(form, {\n                attributes: true,\n                attributeFilter: ['style', 'class'],\n            });\n        }\n        // Set the correct attributes\n        function setItem(inputToSet) {\n            if (inputToSet.checked == false) {\n                inputToSet.closest('label').removeAttribute('slot');\n                inputToSet.closest('label').removeAttribute('style');\n                inputToSet.closest('label').removeAttribute('data-order');\n            }\n            else {\n                order++;\n                inputToSet.closest('label').setAttribute('slot', 'checked');\n                inputToSet.closest('label').setAttribute('style', `--order:${order};`);\n                inputToSet.closest('label').setAttribute('data-order', order);\n                if (inputToSet.closest('[data-value]')) {\n                    inputToSet.closest('[data-value]').setAttribute('data-value', inputToSet.closest('label').textContent);\n                }\n            }\n            // check for errors\n            if (multiselect.querySelector('label[slot=\"checked\"]')) {\n                wrapper.classList.add('filled');\n                multiselect.removeAttribute('data-error');\n                search.removeAttribute('placeholder');\n            }\n            else {\n                wrapper.classList.remove('filled');\n                multiselect.setAttribute('data-error', 'true');\n                if (multiselect.hasAttribute('placeholder')) {\n                    search.setAttribute('placeholder', multiselect.getAttribute('placeholder'));\n                }\n            }\n        }\n        // Set on load\n        Array.from(multiselect.querySelectorAll(`label input[type=\"checkbox\"]:checked`)).forEach((checkbox) => {\n            setItem(checkbox);\n        });\n        search.addEventListener('input', () => {\n            if (multiselect.hasAttribute('data-url') && search.value.length == minLength) {\n                searchAjax(multiselect, search, filterList);\n            }\n            else {\n                filterList(multiselect, search);\n            }\n        });\n        // Add a delayed hover effect for non hover devices\n        let hoverTimeout;\n        multiselect.addEventListener('focus', () => {\n            multiselect.classList.add('hover');\n            clearTimeout(hoverTimeout);\n        });\n        search.addEventListener('blur', (event) => {\n            setTimeout(function () {\n                const activeElement = document.activeElement;\n                if (activeElement.getAttribute('type') != 'checkbox') {\n                    if (multiselect.querySelector(`input[type=\"checkbox\"][value=\"${search.value}\" i]`)) {\n                        multiselect.querySelector(`input[type=\"checkbox\"][value=\"${search.value}\" i]`).checked = true;\n                        setItem(multiselect.querySelector(`input[type=\"checkbox\"][value=\"${search.value}\" i]`));\n                    }\n                    search.value = '';\n                    Array.from(multiselect.querySelectorAll(`label input[type=\"checkbox\"]`)).forEach((checkbox) => {\n                        setItem(checkbox);\n                    });\n                }\n                if (multiselect.hasAttribute('data-url')) {\n                    Array.from(multiselect.querySelectorAll(`label:has(input[type=\"checkbox\"]:not(:checked))`)).forEach((checkbox) => {\n                        checkbox.remove();\n                    });\n                }\n            }, 200);\n            clearTimeout(hoverTimeout);\n            hoverTimeout = setTimeout(function () {\n                multiselect.classList.remove('hover');\n            }, 500);\n        });\n        // Set items\n        multiselect.addEventListener('change', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('input[type=\"checkbox\"]')) {\n                const checkbox = event.target.closest('input[type=\"checkbox\"]');\n                if (multiselect.hasAttribute('data-single')) {\n                    Array.from(multiselect.querySelectorAll(`label[slot=\"checked\"] input`)).forEach((inputToCancel) => {\n                        inputToCancel.checked = false;\n                        inputToCancel.closest('label').removeAttribute('slot');\n                        inputToCancel.closest('label').removeAttribute('style');\n                        inputToCancel.closest('label').removeAttribute('data-order');\n                    });\n                }\n                setItem(checkbox);\n                search.value = '';\n                if (!multiselect.hasAttribute('data-single')) {\n                    search.focus();\n                    clearTimeout(hoverTimeout);\n                    multiselect.classList.add('hover');\n                    hoverTimeout = setTimeout(function () {\n                        multiselect.classList.remove('hover');\n                    }, 5000);\n                }\n                else {\n                    multiselect.classList.remove('hover');\n                }\n            }\n        });\n        // Clear all\n        button.addEventListener('click', function () {\n            Array.from(multiselect.querySelectorAll(`label input[type=\"checkbox\"]`)).forEach((checkbox) => {\n                checkbox.checked = false;\n                setItem(checkbox);\n            });\n            search.focus();\n        });\n        // Add some keyboard features to keep it accessible\n        addKeyboardEvents(this, search);\n        multiselect.addEventListener('keydown', function (event) {\n            const activeElement = document.activeElement;\n            switch (event.key // change to event.key to key to use the above variable\n            ) {\n                case 'ArrowLeft':\n                    // Up pressed\n                    event.preventDefault();\n                    if (activeElement.hasAttribute('type') && activeElement.getAttribute('type') == 'checkbox') {\n                        const arrCheckboxes = multiselect.querySelectorAll(`label[slot=\"checked\"][slot=\"checked\"]`);\n                        const activeIndex = Array.from(arrCheckboxes).indexOf(activeElement.closest('label'));\n                        const prevCheckbox = Array.from(arrCheckboxes)[activeIndex - 1];\n                        if (prevCheckbox)\n                            prevCheckbox.focus();\n                        else\n                            search.focus();\n                    }\n                    else if (activeElement == multiselect) {\n                        const options = Array.from(multiselect.querySelectorAll('label[slot=\"checked\"]')).sort(function (a, b) {\n                            return +a.dataset.order - +b.dataset.order;\n                        });\n                        options.pop().focus();\n                    }\n                    break;\n                case 'ArrowRight':\n                    // Up pressed\n                    event.preventDefault();\n                    if (activeElement.hasAttribute('type') && activeElement.getAttribute('type') == 'checkbox') {\n                        const arrCheckboxes = multiselect.querySelectorAll(`label[slot=\"checked\"][slot=\"checked\"]`);\n                        const activeIndex = Array.from(arrCheckboxes).indexOf(activeElement.closest('label'));\n                        const nextCheckbox = Array.from(arrCheckboxes)[activeIndex + 1];\n                        if (nextCheckbox)\n                            nextCheckbox.focus();\n                        else\n                            search.focus();\n                    }\n                    break;\n                case 'Enter':\n                    event.stopPropagation();\n                    event.preventDefault();\n                    if (activeElement.hasAttribute('type') && activeElement.getAttribute('type') == 'checkbox') {\n                        if (activeElement.checked == false)\n                            activeElement.checked = true;\n                        else\n                            activeElement.checked = false;\n                    }\n                    console.log(search);\n                    if (activeElement.getAttribute('type') != 'checkbox') {\n                        if (multiselect.querySelector(`input[type=\"checkbox\"][value=\"${search.value}\" i]`)) {\n                            multiselect.querySelector(`input[type=\"checkbox\"][value=\"${search.value}\" i]`).checked = true;\n                            setItem(multiselect.querySelector(`input[type=\"checkbox\"][value=\"${search.value}\" i]`));\n                        }\n                        search.value = '';\n                        Array.from(multiselect.querySelectorAll(`label input[type=\"checkbox\"]`)).forEach((checkbox) => {\n                            setItem(checkbox);\n                        });\n                    }\n                    else {\n                        setItem(activeElement);\n                    }\n                    search.focus();\n                    break;\n                case 'Backspace':\n                    if (activeElement.hasAttribute('type') && activeElement.getAttribute('type') == 'checkbox') {\n                        activeElement.checked = false;\n                        setItem(activeElement);\n                        search.focus();\n                    }\n                    break;\n            }\n        });\n        function checkLastTag() {\n            if (order == 0)\n                return false;\n            let lastTag = multiselect.querySelector(`label[data-order=\"${order}\"]`);\n            if (!lastTag) {\n                lastTag = checkLastTag(order--);\n            }\n            return lastTag;\n        }\n        search.addEventListener('keydown', function (event) {\n            switch (event.key // change to event.key to key to use the above variable\n            ) {\n                case 'Enter':\n                    const match = multiselect.querySelector(`input[value=\"${search.value}\"]:not(:checked)`);\n                    if (!match)\n                        search.value = '';\n                    search.focus();\n                    break;\n                case 'Backspace':\n                    if (!search.value) {\n                        const lastTag = checkLastTag(order);\n                        if (lastTag) {\n                            const lastTagInput = lastTag.querySelector('input');\n                            lastTagInput.checked = false;\n                            setItem(lastTagInput);\n                        }\n                        search.focus();\n                    }\n                    break;\n            }\n        });\n        // Fix for the inline edit multiselect\n        multiselect.addEventListener('mousedown', () => {\n            wrapper.setAttribute('data-mousedown', 'true');\n        });\n        multiselect.addEventListener('mouseup', () => {\n            wrapper.removeAttribute('data-mousedown');\n        });\n    }\n}\nexport default iamMultiselect;\n"],"names":["assign","target","i","source","key","defaultConverter","value","init","converter","defaultAttributes","set","name","attributes","stringifiedAttributes","attributeName","get","cookies","jar","parts","found","api","__awaiter","thisArg","_arguments","P","generator","adopt","resolve","reject","fulfilled","step","e","rejected","result","filterList","component","search","label","searchValue","labelText","searchAjax","callback","searchterm","ajaxURL","firstInput","inputType","inputName","searchAjaxURL","signal","Cookies","response","items","error","addKeyboardEvents","dropdown","_a","event","_b","_c","topLevelmenuItems","menuItems","activeItem","prevIndex","nextIndex","subMenuItems","iamMultiselect","template","multiselect","form","wrapper","button","order","innerLabel","minLength","observer","mutations","mutationRecord","setItem","inputToSet","checkbox","hoverTimeout","inputToCancel","activeElement","arrCheckboxes","activeIndex","prevCheckbox","a","b","nextCheckbox","checkLastTag","lastTag","lastTagInput"],"mappings":"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","x_google_ignoreList":[0]}

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

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

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta1
+  * iamKey v7.8.2--beta3
   * Copyright 2022-2026 iamproperty
   */function l(e){if(e.hasAttribute("data-type")&&e.getAttribute("data-type")=="toast"){let i=document.querySelector(".notification__holder");i||(i=document.createElement("div"),i.classList.add("notification__holder"),i.classList.add("container"),document.querySelector("body").appendChild(i)),e.closest(".notification__holder")||i.appendChild(e)}if(e.setAttribute("role","alert"),e.addEventListener("click",function(i){event&&event.target instanceof HTMLElement&&(event.target.closest("[data-dismiss-button]")||event.target.matches("[data-dismiss-button]"))&&(i.preventDefault(),c(e))},!1),e.hasAttribute("data-timeout")){const i=e.getAttribute("data-timeout"),t=new m(function(){c(e)},i);e.addEventListener("mouseenter",()=>{t.pause()}),e.addEventListener("mouseleave",()=>{t.resume()})}}function m(e,i){let t,o,n=i;this.pause=function(){window.clearTimeout(t),n-=new Date-o},this.resume=function(){o=new Date,window.clearTimeout(t),t=window.setTimeout(e,n)},this.resume()}const c=function(e){e.classList.add("d-none")},f=e=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:e})},b=(e,i,t)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:i}),t.forEach(o=>{e.addEventListener(o,function(n){const a={event:o,element:i,target:n.target};Object.keys(n.detail).forEach(r=>{const s=n.detail[r];a[r]=s}),window.dataLayer.push(a)})}),!0);f("iam-notification");class h extends HTMLElement{constructor(){super(),this.addColour=(t,o)=>{t.hasAttribute("data-type")?t.classList.add(`bg-${o}`):t.classList.add(`colour-${o}`)},this.addIcon=(t,o)=>{switch(o){case"danger":t.insertAdjacentHTML("beforeend",'<i class="fa-solid fa-circle-exclamation" aria-hidden="true" slot="icon"></i>');break;case"warning":t.insertAdjacentHTML("beforeend",'<i class="fa-solid fa-triangle-exclamation" aria-hidden="true" slot="icon"></i>');break;case"success":t.insertAdjacentHTML("beforeend",'<i class="fa-solid fa-check-circle" aria-hidden="true" slot="icon"></i>');break;default:t.insertAdjacentHTML("beforeend",'<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>')}},this.addDismissBtn=t=>{var o;(o=t.shadowRoot.querySelector(".notification__dismiss"))===null||o===void 0||(o.innerHTML='<button data-dismiss-button part="dismiss-btn" class="btn btn-secondary btn-compact fa-xmark">Dismiss</button>'),t.shadowRoot.querySelector(".notification__dismiss [data-dismiss-button]").addEventListener("click",function(){c(t);const n=new CustomEvent("dismiss",{detail:{class:t.classList}});t.dispatchEvent(n)},!1)},this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const i=document.createElement("template");i.innerHTML=`
     <style>

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

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