@iamproperty/components 7.4.0 → 7.5.1--beta1

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

@@ -1 +1 @@
-{"version":3,"file":"multi-step.component.min.js","sources":["../_global.js","multi-step.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","import { trackComponent, trackComponentRegistered } from '../_global.js';\ntrackComponentRegistered('iam-multi-step');\nclass iamMultiStep 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/multi-step.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${loadCSS}\n    </style>\n    <div class=\"steps\" parts=\"steps\">\n    </div>\n    <slot></slot>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const MultiStepComponent = this;\n        const steps = this.shadowRoot.querySelector('.steps');\n        const form = this.querySelector('form');\n        const fieldsets = Array.from(MultiStepComponent.querySelectorAll('fieldset[data-title]'));\n        fieldsets.forEach((fieldset, index) => {\n            steps.insertAdjacentHTML('beforeend', `<button data-title=\"${fieldset.getAttribute('data-title')}\" type=\"button\" class=\"${index == 0 ? 'active' : ''}\" tabindex=\"-1\">${fieldset.getAttribute('data-title')}</button>`);\n            if (index === 0)\n                fieldset.classList.add('active');\n            const btnWrapper = document.createElement('div');\n            btnWrapper.classList.add('btn--wrapper');\n            fieldset.appendChild(btnWrapper);\n            if (index != 0)\n                btnWrapper.innerHTML += `<button data-title=\"${fieldsets[index - 1].getAttribute('data-title')}\" class=\"btn btn-secondary mb-0\" data-previous type=\"button\">Previous</button>`;\n            if (index != fieldsets.length - 1)\n                btnWrapper.innerHTML += `<button data-title=\"${fieldsets[index + 1].getAttribute('data-title')}\" class=\"btn btn-primary mb-0\" data-next type=\"button\">Next</button>`;\n            // Last fieldset\n            if (index == fieldsets.length - 1) {\n                if (form && form.querySelector(':scope > button[type=\"submit\"]')) {\n                    const existingButton = form.querySelector(':scope > button[type=\"submit\"]');\n                    existingButton.classList.add('mb-0');\n                    btnWrapper.insertAdjacentElement('beforeend', existingButton);\n                }\n                else\n                    btnWrapper.innerHTML += `<button data-title=\"${fieldsets[index].getAttribute('data-title')}\" class=\"btn btn-primary mb-0\" data-next type=\"submit\">Submit</button>`;\n            }\n        });\n        // Open the fieldset with an error inside\n        const validatedFieldsets = Array.from(MultiStepComponent.querySelectorAll('fieldset.was-validated'));\n        for (let i = 0; i < validatedFieldsets.length; i++) {\n            const fieldset = validatedFieldsets[i];\n            const fieldsetID = fieldset.getAttribute('data-title');\n            if (fieldset.querySelector('.is-invalid')) {\n                Array.from(MultiStepComponent.querySelectorAll(`[data-title=\"${fieldsetID}\"]`)).forEach((element) => {\n                    element.classList.add('active');\n                });\n                break;\n            }\n            else {\n                Array.from(MultiStepComponent.querySelectorAll(`[data-title=\"${fieldsetID}\"]`)).forEach((element) => {\n                    element.classList.add('valid');\n                });\n            }\n        }\n        // Prevent the bubble messages\n        MultiStepComponent.addEventListener('invalid', (function () {\n            return function (e) {\n                e.preventDefault();\n            };\n        })(), true);\n        function validateFieldset(button) {\n            const currentFieldset = MultiStepComponent.querySelector(`fieldset.active`)\n                ? MultiStepComponent.querySelector(`fieldset.active`)\n                : MultiStepComponent.querySelector(`fieldset[data-title]`);\n            const currentFieldsetID = currentFieldset.getAttribute('data-title');\n            let isFieldsetValid = true;\n            currentFieldset.classList.add('was-validated');\n            Array.from(currentFieldset.querySelectorAll('input')).forEach((input) => {\n                if (!input.checkValidity())\n                    isFieldsetValid = false;\n            });\n            // If valid mode to next field set\n            if (!isFieldsetValid) {\n                Array.from(MultiStepComponent.querySelectorAll(`[data-title=\"${currentFieldsetID}\"]`)).forEach((element) => {\n                    element.classList.remove('valid');\n                });\n                Array.from(MultiStepComponent.shadowRoot.querySelectorAll(`[data-title=\"${currentFieldsetID}\"]`)).forEach((element) => {\n                    element.classList.remove('valid');\n                });\n            }\n            else {\n                Array.from(MultiStepComponent.querySelectorAll(`[data-title=\"${currentFieldsetID}\"]`)).forEach((element) => {\n                    element.classList.add('valid');\n                });\n                Array.from(MultiStepComponent.shadowRoot.querySelectorAll(`[data-title=\"${currentFieldsetID}\"]`)).forEach((element) => {\n                    element.classList.add('valid');\n                });\n            }\n            // Allow the previous button to navigate\n            if (isFieldsetValid || !button.hasAttribute('data-next')) {\n                const fieldset = MultiStepComponent.querySelector(`fieldset[data-title=\"${button.getAttribute('data-title')}\"]`);\n                const step = MultiStepComponent.shadowRoot.querySelector(`.steps button[data-title=\"${button.getAttribute('data-title')}\"]`);\n                Array.from(MultiStepComponent.querySelectorAll('button')).forEach((button) => {\n                    button.classList.remove('active');\n                });\n                Array.from(MultiStepComponent.querySelectorAll('fieldset')).forEach((button) => {\n                    button.classList.remove('active');\n                });\n                step.classList.add('active');\n                fieldset.classList.add('active');\n            }\n            const fieldsetCount = Array.from(MultiStepComponent.querySelectorAll(`fieldset`)).length;\n            const validFieldsetCount = Array.from(MultiStepComponent.querySelectorAll(`fieldset.valid`)).length;\n            // update the progress bar\n            MultiStepComponent.style.setProperty('--progress', `${(validFieldsetCount / (fieldsetCount - 1)) * 100}%`);\n        }\n        // remove error messages from server\n        MultiStepComponent.addEventListener('keydown', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('button')) {\n                const button = event.target.closest('button');\n                if (event.keyCode == 13 && button.getAttribute('type') != 'submit') {\n                    event.preventDefault();\n                    validateFieldset(button);\n                }\n            }\n            if (event && event.target instanceof HTMLElement && event.target.closest('input')) {\n                const input = event.target.closest('input');\n                input.classList.remove('is-invalid');\n                if (event.keyCode == 13) {\n                    event.preventDefault();\n                }\n            }\n        });\n        MultiStepComponent.addEventListener('click', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('button[type=\"submit\"]')) {\n                const form = event.target.closest('form');\n                form.classList.add('was-validated');\n            }\n            return null;\n        });\n        MultiStepComponent.shadowRoot.addEventListener('click', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('button[data-title]')) {\n                const button = event.target.closest('button[data-title]');\n                validateFieldset(button);\n            }\n            return null;\n        });\n        trackComponent(MultiStepComponent, 'iam-multi-step', []);\n    }\n    static get observedAttributes() {\n        return ['data-image'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        switch (attrName) {\n            case 'data-total': {\n                if (this.shadowRoot.querySelector('.card__total'))\n                    this.shadowRoot.querySelector('.card__total').innerHTML = newVal;\n                break;\n            }\n        }\n    }\n}\nexport default iamMultiStep;\n"],"names":["trackComponentRegistered","componentName","trackComponent","component","trackEvents","eventName","event","eventDetails","eventKey","eventDetail","iamMultiStep","template","MultiStepComponent","steps","form","fieldsets","fieldset","index","btnWrapper","existingButton","validatedFieldsets","i","fieldsetID","element","e","validateFieldset","button","currentFieldset","currentFieldsetID","isFieldsetValid","input","step","fieldsetCount","validFieldsetCount","attrName","oldVal","newVal"],"mappings":"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"}
+{"version":3,"file":"multi-step.component.min.js","sources":["../_global.js","multi-step.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","import { trackComponent, trackComponentRegistered } from '../_global.js';\ntrackComponentRegistered('iam-multi-step');\nclass iamMultiStep 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/multi-step.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${loadCSS}\n    </style>\n    <div class=\"steps\" parts=\"steps\">\n    </div>\n    <slot></slot>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const MultiStepComponent = this;\n        const steps = this.shadowRoot.querySelector('.steps');\n        const form = this.querySelector('form');\n        const fieldsets = Array.from(MultiStepComponent.querySelectorAll('fieldset[data-title]'));\n        fieldsets.forEach((fieldset, index) => {\n            steps.insertAdjacentHTML('beforeend', `<button data-title=\"${fieldset.getAttribute('data-title')}\" type=\"button\" class=\"${index == 0 ? 'active' : ''}\" tabindex=\"-1\">${fieldset.getAttribute('data-title')}</button>`);\n            if (index === 0)\n                fieldset.classList.add('active');\n            const btnWrapper = document.createElement('div');\n            btnWrapper.classList.add('btn--wrapper');\n            fieldset.appendChild(btnWrapper);\n            if (index != 0)\n                btnWrapper.innerHTML += `<button data-title=\"${fieldsets[index - 1].getAttribute('data-title')}\" class=\"btn btn-secondary mb-0\" data-previous type=\"button\">Previous</button>`;\n            if (index != fieldsets.length - 1)\n                btnWrapper.innerHTML += `<button data-title=\"${fieldsets[index + 1].getAttribute('data-title')}\" class=\"btn btn-primary mb-0\" data-next type=\"button\">Next</button>`;\n            // Last fieldset\n            if (index == fieldsets.length - 1) {\n                if (form && form.querySelector(':scope > button[type=\"submit\"]')) {\n                    const existingButton = form.querySelector(':scope > button[type=\"submit\"]');\n                    existingButton.classList.add('mb-0');\n                    btnWrapper.insertAdjacentElement('beforeend', existingButton);\n                }\n                else\n                    btnWrapper.innerHTML += `<button data-title=\"${fieldsets[index].getAttribute('data-title')}\" class=\"btn btn-primary mb-0\" data-next type=\"submit\">Submit</button>`;\n            }\n        });\n        // Open the fieldset with an error inside\n        const validatedFieldsets = Array.from(MultiStepComponent.querySelectorAll('fieldset.was-validated'));\n        for (let i = 0; i < validatedFieldsets.length; i++) {\n            const fieldset = validatedFieldsets[i];\n            const fieldsetID = fieldset.getAttribute('data-title');\n            if (fieldset.querySelector('.is-invalid')) {\n                Array.from(MultiStepComponent.querySelectorAll(`[data-title=\"${fieldsetID}\"]`)).forEach((element) => {\n                    element.classList.add('active');\n                });\n                break;\n            }\n            else {\n                Array.from(MultiStepComponent.querySelectorAll(`[data-title=\"${fieldsetID}\"]`)).forEach((element) => {\n                    element.classList.add('valid');\n                });\n            }\n        }\n        // Prevent the bubble messages\n        MultiStepComponent.addEventListener('invalid', (function () {\n            return function (e) {\n                e.preventDefault();\n            };\n        })(), true);\n        function validateFieldset(button) {\n            const currentFieldset = MultiStepComponent.querySelector(`fieldset.active`)\n                ? MultiStepComponent.querySelector(`fieldset.active`)\n                : MultiStepComponent.querySelector(`fieldset[data-title]`);\n            const currentFieldsetID = currentFieldset.getAttribute('data-title');\n            let isFieldsetValid = true;\n            currentFieldset.classList.add('was-validated');\n            Array.from(currentFieldset.querySelectorAll('input')).forEach((input) => {\n                if (!input.checkValidity())\n                    isFieldsetValid = false;\n            });\n            // If valid mode to next field set\n            if (!isFieldsetValid) {\n                Array.from(MultiStepComponent.querySelectorAll(`[data-title=\"${currentFieldsetID}\"]`)).forEach((element) => {\n                    element.classList.remove('valid');\n                });\n                Array.from(MultiStepComponent.shadowRoot.querySelectorAll(`[data-title=\"${currentFieldsetID}\"]`)).forEach((element) => {\n                    element.classList.remove('valid');\n                });\n            }\n            else {\n                Array.from(MultiStepComponent.querySelectorAll(`[data-title=\"${currentFieldsetID}\"]`)).forEach((element) => {\n                    element.classList.add('valid');\n                });\n                Array.from(MultiStepComponent.shadowRoot.querySelectorAll(`[data-title=\"${currentFieldsetID}\"]`)).forEach((element) => {\n                    element.classList.add('valid');\n                });\n            }\n            // Allow the previous button to navigate\n            if (isFieldsetValid || !button.hasAttribute('data-next')) {\n                const fieldset = MultiStepComponent.querySelector(`fieldset[data-title=\"${button.getAttribute('data-title')}\"]`);\n                const step = MultiStepComponent.shadowRoot.querySelector(`.steps button[data-title=\"${button.getAttribute('data-title')}\"]`);\n                Array.from(MultiStepComponent.querySelectorAll('button')).forEach((button) => {\n                    button.classList.remove('active');\n                });\n                Array.from(MultiStepComponent.querySelectorAll('fieldset')).forEach((button) => {\n                    button.classList.remove('active');\n                });\n                step.classList.add('active');\n                fieldset.classList.add('active');\n            }\n            const fieldsetCount = Array.from(MultiStepComponent.querySelectorAll(`fieldset`)).length;\n            const validFieldsetCount = Array.from(MultiStepComponent.querySelectorAll(`fieldset.valid`)).length;\n            // update the progress bar\n            MultiStepComponent.style.setProperty('--progress', `${(validFieldsetCount / (fieldsetCount - 1)) * 100}%`);\n        }\n        // remove error messages from server\n        MultiStepComponent.addEventListener('keydown', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('button')) {\n                const button = event.target.closest('button');\n                if (event.keyCode == 13 && button.getAttribute('type') != 'submit') {\n                    event.preventDefault();\n                    validateFieldset(button);\n                }\n            }\n            if (event && event.target instanceof HTMLElement && event.target.closest('input')) {\n                const input = event.target.closest('input');\n                input.classList.remove('is-invalid');\n                if (event.keyCode == 13) {\n                    event.preventDefault();\n                }\n            }\n        });\n        MultiStepComponent.addEventListener('click', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('button[type=\"submit\"]')) {\n                const form = event.target.closest('form');\n                form.classList.add('was-validated');\n            }\n            return null;\n        });\n        MultiStepComponent.shadowRoot.addEventListener('click', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('button[data-title]')) {\n                const button = event.target.closest('button[data-title]');\n                validateFieldset(button);\n            }\n            return null;\n        });\n        trackComponent(MultiStepComponent, 'iam-multi-step', []);\n    }\n    static get observedAttributes() {\n        return ['data-image'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        switch (attrName) {\n            case 'data-total': {\n                if (this.shadowRoot.querySelector('.card__total'))\n                    this.shadowRoot.querySelector('.card__total').innerHTML = newVal;\n                break;\n            }\n        }\n    }\n}\nexport default iamMultiStep;\n"],"names":["trackComponentRegistered","componentName","trackComponent","component","trackEvents","eventName","event","eventDetails","eventKey","eventDetail","iamMultiStep","template","MultiStepComponent","steps","form","fieldsets","fieldset","index","btnWrapper","existingButton","validatedFieldsets","i","fieldsetID","element","e","validateFieldset","button","currentFieldset","currentFieldsetID","isFieldsetValid","input","step","fieldsetCount","validFieldsetCount","attrName","oldVal","newVal"],"mappings":"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"}

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

@@ -1,3 +1,13 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import Cookies from 'js-cookie';
 // Data layer Web component created
 window.dataLayer = window.dataLayer || [];
 window.dataLayer.push({
@@ -11,14 +21,11 @@ class iamMultiselect extends HTMLElement {
         const assetLocation = document.body.hasAttribute('data-assets-location')
             ? document.body.getAttribute('data-assets-location')
             : '/assets';
-        const coreCSS = document.body.hasAttribute('data-core-css')
-            ? document.body.getAttribute('data-core-css')
-            : `${assetLocation}/css/core.min.css`;
         const loadCSS = `@import "${assetLocation}/css/components/multiselect.css";`;
         const template = document.createElement('template');
         template.innerHTML = `
     <style>
-    @import "${coreCSS}";
+    
     ${loadCSS}
     ${this.hasAttribute('css') ? `@import "${this.getAttribute('css')}";` : ``}
     </style>
@@ -48,6 +55,7 @@ class iamMultiselect extends HTMLElement {
         const button = multiselect.shadowRoot.querySelector('#clear');
         let order = 0;
         const innerLabel = multiselect.shadowRoot.querySelector('label .inner-label');
+        const ajaxURL = this.getAttribute('data-url');
         innerLabel.innerHTML = multiselect.getAttribute('data-label');
         if (multiselect.hasAttribute('placeholder')) {
             search.setAttribute('placeholder', multiselect.getAttribute('placeholder'));
@@ -89,6 +97,9 @@ class iamMultiselect extends HTMLElement {
                 inputToSet.closest('label').setAttribute('slot', 'checked');
                 inputToSet.closest('label').setAttribute('style', `--order:${order};`);
                 inputToSet.closest('label').setAttribute('data-order', order);
+                if (inputToSet.closest('[data-value]')) {
+                    inputToSet.closest('[data-value]').setAttribute('data-value', inputToSet.closest('label').textContent);
+                }
             }
             // check for errors
             if (multiselect.querySelector('label[slot="checked"]')) {
@@ -109,7 +120,7 @@ class iamMultiselect extends HTMLElement {
             setItem(checkbox);
         });
         // Filter list
-        search.addEventListener('input', () => {
+        const filterList = () => {
             Array.from(multiselect.querySelectorAll(`label:not([slot="checked"])`)).forEach((label) => {
                 const checkbox = label.querySelector('input');
                 const searchValue = checkbox.value;
@@ -122,6 +133,16 @@ class iamMultiselect extends HTMLElement {
                     label.setAttribute('slot', 'notmatched');
                 }
             });
+        };
+        search.addEventListener('input', () => {
+            if (multiselect.hasAttribute('data-url')) {
+                if (search.value.length == 3) {
+                    searchAjax(search.value);
+                }
+            }
+            else {
+                filterList();
+            }
         });
         // Add a delayed hover effect for non hover devices
         let hoverTimeout;
@@ -137,29 +158,47 @@ class iamMultiselect extends HTMLElement {
                         multiselect.querySelector(`input[type="checkbox"][value="${search.value}" i]`).checked = true;
                         setItem(multiselect.querySelector(`input[type="checkbox"][value="${search.value}" i]`));
                     }
-                    search.value = "";
+                    search.value = '';
                     Array.from(multiselect.querySelectorAll(`label input[type="checkbox"]`)).forEach((checkbox) => {
                         setItem(checkbox);
                     });
                 }
+                if (multiselect.hasAttribute('data-url')) {
+                    Array.from(multiselect.querySelectorAll(`label:has(input[type="checkbox"]:not(:checked))`)).forEach((checkbox) => {
+                        checkbox.remove();
+                    });
+                }
             }, 200);
             clearTimeout(hoverTimeout);
             hoverTimeout = setTimeout(function () {
                 multiselect.classList.remove('hover');
-            }, 1000);
+            }, 500);
         });
         // Set items
         multiselect.addEventListener('change', (event) => {
             if (event && event.target instanceof HTMLElement && event.target.closest('input[type="checkbox"]')) {
                 const checkbox = event.target.closest('input[type="checkbox"]');
+                if (multiselect.hasAttribute('data-single')) {
+                    Array.from(multiselect.querySelectorAll(`label[slot="checked"] input`)).forEach((inputToCancel) => {
+                        inputToCancel.checked = false;
+                        inputToCancel.closest('label').removeAttribute('slot');
+                        inputToCancel.closest('label').removeAttribute('style');
+                        inputToCancel.closest('label').removeAttribute('data-order');
+                    });
+                }
                 setItem(checkbox);
-                search.value = "";
-                search.focus();
-                clearTimeout(hoverTimeout);
-                multiselect.classList.add('hover');
-                hoverTimeout = setTimeout(function () {
+                search.value = '';
+                if (!multiselect.hasAttribute('data-single')) {
+                    search.focus();
+                    clearTimeout(hoverTimeout);
+                    multiselect.classList.add('hover');
+                    hoverTimeout = setTimeout(function () {
+                        multiselect.classList.remove('hover');
+                    }, 5000);
+                }
+                else {
                     multiselect.classList.remove('hover');
-                }, 5000);
+                }
             }
         });
         // Clear all
@@ -292,6 +331,44 @@ class iamMultiselect extends HTMLElement {
         multiselect.addEventListener('mouseup', () => {
             wrapper.removeAttribute('data-mousedown');
         });
+        const searchAjax = (searchterm) => __awaiter(this, void 0, void 0, function* () {
+            const searchAjaxURL = `${ajaxURL}${encodeURI(searchterm)}`;
+            // Setup controller vars if not already set
+            if (!window.controller)
+                window.controller = [];
+            // Abort if controller already present for this url
+            if (window.controller[searchAjaxURL])
+                window.controller[searchAjaxURL].abort();
+            // Create a new controller so it can be aborted if new fetch made
+            window.controller[searchAjaxURL] = new AbortController();
+            const { signal } = controller[searchAjaxURL];
+            try {
+                yield fetch(searchAjaxURL, {
+                    signal: signal,
+                    method: 'get',
+                    credentials: 'same-origin',
+                    headers: new Headers({
+                        'Content-Type': 'application/json',
+                        Accept: 'application/json',
+                        'X-Requested-With': 'XMLHttpRequest',
+                        'X-XSRF-TOKEN': Cookies.get('XSRF-TOKEN'),
+                    }),
+                })
+                    .then((response) => response.json())
+                    .then((response) => {
+                    let items = '';
+                    for (let i = 0; i < response['data'].length; i++) {
+                        items += `<label class="tag"><input type="checkbox" name="${multiselect.hasAttribute('data-name') ? multiselect.getAttribute('data-name') : 'tags'}" value="${response['data'][i].value}"/>${response['data'][i].title}</label>`;
+                    }
+                    multiselect.insertAdjacentHTML('beforeend', `${items}`);
+                    filterList();
+                    return response;
+                });
+            }
+            catch (error) {
+                console.log(error);
+            }
+        });
     }
 }
 export default iamMultiselect;

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

@@ -1,10 +1,10 @@
 /*!
-  * iamKey v7.4.0
+  * iamKey v7.5.1--beta1
   * Copyright 2022-2025 iamproperty
-  */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"mutliselect"});class m extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",d=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,s=document.createElement("template");s.innerHTML=`
+  */import k from"js-cookie";var w=function(f,e,m,r){function a(h){return h instanceof m?h:new m(function(s){s(h)})}return new(m||(m=Promise))(function(h,s){function b(c){try{d(r.next(c))}catch(p){s(p)}}function g(c){try{d(r.throw(c))}catch(p){s(p)}}function d(c){c.done?h(c.value):a(c.value).then(b,g)}d((r=r.apply(f,e||[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"mutliselect"});class x 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>
-    @import "${d}";
-    .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}.outer{position:relative;max-width:var(--input-max-width, 50rem);display:block}label{margin-bottom:0;padding-bottom:.5rem}.wrapper{margin-bottom:1.5rem;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:0.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.filled{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;min-height:calc(2.75rem + 4px);padding:0.5rem 2rem 0rem 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:0.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:inline-block;width:0;flex-grow:1;padding:0 0.5rem 0 0 !important;margin-inline:0.1875rem;order:999;margin-bottom:0.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;top:.75rem;right:.5rem;border:none;background:none;padding-inline:.5rem;display:var(--display-button, none)}button:after{content:"\u2715";font-weight:bold}.dropdown{position:absolute;top:calc(100% + .5rem);padding:0;left:0;width:100%;margin:0;z-index:99;display:none;max-height:15.25rem !important;overflow:auto}.dropdown:before{display:none}.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:none;background:none;margin-left:-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}/*# sourceMappingURL=assets/css/components/multiselect.css.map */
+    
+    @layer elements{label{display:inline-block}input,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}select{text-transform:none}select{word-wrap:normal}select:disabled{opacity:1}[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}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;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}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}:is(label:not(.tag),.label){font-size:1.125rem;line-height:1.3125rem;margin-bottom:0.5rem;font-weight:normal;color:var(--colour-heading);display:block}:is(label:not(.tag),.label):has(+input:not(:disabled):not([readonly]):not(:required):not([type=radio]):not([type=checkbox]):not([type=file])):after{content:" (Optional)"}:is(label:not(.tag),.label):has(input:not(:disabled):not([readonly]):not(:required):not([type=radio]):not([type=checkbox]):not([type=file])) .optional-text:before{content:" (Optional)"}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal,.btn)){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:0.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]),textarea,output,select:not(.select--minimal,.btn)):is(textarea){max-height:100%}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal,.btn)):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]),textarea,output,select:not(.select--minimal,.btn)):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]),textarea,output,select:not(.select--minimal,.btn))::-webkit-date-and-time-value{height:1.5em}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal,.btn)):disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])){max-width:var(--input-max-width, 50rem)}textarea{--textarea-height-scale: 3;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}fieldset{width:100%}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:round(var(--body-fs, 1rem)*pow(var(--type-scale),2),.25rem);line-height:round(up,1em*var(--type-scale),.25rem);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, 50rem);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]),textarea,output){flex-shrink:1;flex-grow:1;width:0}div:has(>label:first-child):has(>input) input~*:not(output){order:5;margin-top:0.5rem}input[type=color]{width:3rem !important;flex-shrink:0 !important;flex-grow:0 !important;border-start-end-radius:0 !important;border-end-end-radius:0 !important;padding:0 !important;overflow:hidden;cursor:pointer !important}input[type=color]::-moz-color-swatch{border-radius:0;border:none}input[type=color]::-webkit-color-swatch{border-radius:0;border:none}label :is(div,span,fieldset):has(input[type=color]+output){display:flex}input[type=color]+output{border-left:none !important;border-end-start-radius:0 !important;border-start-start-radius:0 !important;margin:0 !important}output{margin-top:.5rem !important;margin-bottom:0 !important}div:has(>:is(.form-control-sm,.input--sm)){--input-fs: 0.875rem;--input-lh: 1rem;--input-padding-block: 0.625rem;--input-padding-inline: 0.875rem}div:has(>:is(.form-control-lg,.input--sm)){--input-fs: 1.5rem;--input-lh: 1.8125rem;--input-padding-block: 1.25rem;--input-padding-inline: 1.375rem}div: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, 50rem)}*:has(>input[readonly]):after{font-family:"Font Awesome 6 Pro";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);bottom:calc(var(--input-padding-block, 0.75rem) + 2px);right:calc(var(--input-padding-block, 1rem) + 2px);text-align:center}:is(.prefix,.suffix){display:none;pointer-events:none}@supports selector(:has(*)){:is(.prefix,.suffix){display:inline-block;width:auto;padding:var(--input-padding-block, 0.75rem) var(--input-padding-block, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-body);background-color:var(--colour-primary-theme);border:2px solid var(--colour-primary);color:var(--colour-white);margin-top:0 !important;margin-bottom:1rem;border-end-start-radius:0.5rem;border-start-start-radius:0.5rem;min-width:calc(2.75rem + 4px);overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis;position:relative;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);flex-shrink:0}:is(.prefix,.suffix):after{display:inline-block;max-width:1.25rem}:is(.prefix,.suffix)[class*=fa-]{width:calc(2.75rem + 4px);padding-inline:0}:is(.prefix,.suffix) select{position:absolute;inset:0;opacity:0;cursor:pointer}:is(.prefix,.suffix) span{display:none}:is(.prefix,.suffix) select:has(option:nth-child(1):checked)~span:nth-of-type(1),:is(.prefix,.suffix) select:has(option:nth-child(2):checked)~span:nth-of-type(2),:is(.prefix,.suffix) select:has(option:nth-child(3):checked)~span:nth-of-type(3),:is(.prefix,.suffix) select:has(option:nth-child(4):checked)~span:nth-of-type(4),:is(.prefix,.suffix) select:has(option:nth-child(5):checked)~span:nth-of-type(5),:is(.prefix,.suffix) select:has(option:nth-child(6):checked)~span:nth-of-type(6),:is(.prefix,.suffix) select:has(option:nth-child(7):checked)~span:nth-of-type(7),:is(.prefix,.suffix) select:has(option:nth-child(8):checked)~span:nth-of-type(8),:is(.prefix,.suffix) select:has(option:nth-child(9):checked)~span:nth-of-type(9),:is(.prefix,.suffix) select:has(option:nth-child(10):checked)~span:nth-of-type(10){display:block}:is(.prefix,.suffix) select~span:after{content:" \uF078";font-family:"Font Awesome 6 Pro";font-size:.8em;display:inline-block;padding-left:1em}:is(.prefix,.suffix) select:focus-visible~span:after{content:"\uF077"}.prefix{border-right:none}.suffix{border-left:none;border-end-start-radius:0;border-start-start-radius:0;border-start-end-radius:0.5rem !important;border-end-end-radius:0.5rem !important;order:2}.prefix span{display:none}.prefix span small{font-size:.8em}.prefix~:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output){border-end-start-radius:0 !important;border-start-start-radius:0 !important}.suffix~:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]):not([type=time]),textarea,output),:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]):not([type=time]),textarea,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}}.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:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") 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,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e") 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:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");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:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z' fill='%230f9d58' /%3e%3c/svg%3e");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:0.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");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) + 0.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-display: block}.pwd-checker{display:block;background-repeat:no-repeat !important;background-position:left center;background-size:1em 1em;padding-left:1.5rem !important}.pwd-checker.invalid-feedback{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e")}.pwd-checker:not(.invalid-feedback){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z' fill='%230f9d58' /%3e%3c/svg%3e") !important}label:has(.pwd-checker.invalid-feedback):after{display:none !important}@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:0.625rem;padding-bottom:0.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:0.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:0.875rem;width:0.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:"Font Awesome 6 Pro";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}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:"Font Awesome 6 Pro";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:"Font Awesome 6 Pro";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, var(--colour-light));outline:var(--outline-width) solid var(--colour-light)}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{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}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}select:not(.select--minimal,.btn){background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") 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;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, 50rem)}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 6 Pro";position:absolute;top:40%;transform:translate(0, -50%);right:.8ch;pointer-events:none;color:var(--colour-body)}iam-fileupload input{display:none}:is(label:not(.tag),.label):has(:is(input,select)){display:block;margin-bottom:1.5rem;max-width:var(--input-max-width, 50rem)}:is(label:not(.tag),.label):has(:is(input,select)) :is(input:not([type=range]),select,textarea){margin-top:0.5rem;margin-bottom:0 !important}:is(label:not(.tag),.label):has(:is(input,select)) :is(input,select)~span:not(:is(.suffix,.prefix,.invalid-feedback)),:is(label:not(.tag),.label):has(:is(input,select)) span:has(>:is(input,select))~span:not(:is(.suffix,.prefix,.invalid-feedback)){all:initial;font-family:var(--font-body);color:var(--colour-body);margin-top:0.5rem;display:block;line-height:1.2}:is(label:not(.tag),.label):has(:is(input,select)) .invalid-feedback{font-size:1rem;font-weight:normal;line-height:1.2}:is(label:not(.tag),.label):has(:is(input,select)) span:has(:is(input,select)){display:flex;width:100%}:is(label:not(.tag),.label):has(:is(input,select)) :is(.suffix,.prefix):not(.mt-0){margin:0.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:0.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");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) + 0.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, 50rem)}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=time]){position:relative;margin-right:-3rem;padding-right:3rem !important;background-position:right 4rem center;border-radius:.5rem !important}:is(input[type=date],input[type=time])::-webkit-calendar-picker-indicator{background:rgba(0,0,0,0);bottom:0;color:rgba(0,0,0,0);cursor:pointer;height:auto;left:4em;position:absolute;right:0;top:0;width:auto;order:3}}:is(iam-advanced-select,iam-search){position:relative;display:block}:is(iam-advanced-select,iam-search) label{position:relative}:is(iam-advanced-select,iam-search) input{padding-right:3rem}:is(iam-advanced-select,iam-search) .empty{position:absolute;bottom:.5rem;right:3.5rem;margin:0;aspect-ratio:1/1;width:2rem;height:2rem;text-align:center;line-height:1}:is(iam-advanced-select,iam-search) .empty:not(:hover,:focus){border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}:is(iam-advanced-select,iam-search) .empty i{font-size:1.5rem}:is(iam-advanced-select,iam-search) label:after,:is(iam-advanced-select,iam-search) .hint-text{position:absolute;top:100%}.was-validated :is(iam-advanced-select,iam-search) label:has(:is(input:not([type=radio]):not([type=checkbox]),select)){margin-bottom:2.5rem}.was-validated :is(iam-advanced-select,iam-search) label:has(:is(input:not([type=radio]):not([type=checkbox]),select)) input{background:none !important}.was-validated :is(iam-advanced-select,iam-search) label:has(:is(input:not([type=radio]):not([type=checkbox]),select)):has(:invalid,.is-invalid) .hint-text{display:none}:is(iam-advanced-select,iam-search) datalist:empty{display:none !important}:is(iam-advanced-select,iam-search) datalist{z-index:99;top:100%;position:absolute;background-color:#fff;border-top:none;padding:.5rem;max-height:10rem;overflow-y:auto;width:100%;max-width:var(--input-max-width, 50rem);border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1)}:is(iam-advanced-select,iam-search) datalist option{background-color:#fff;padding:.5rem;color:blue !important;cursor:pointer;background:unset !important;border:unset !important;color:var(--colour-primary) !important;font-weight:inherit !important;font-family:inherit !important;font-size:1rem !important;line-height:1.1875rem !important;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding-block:var(--menu-item-padding, 0.5rem) !important;width:var(--menu-item-width, 100%) !important;max-width:var(--menu-item-width, 100%) !important;text-align:var(--menu-item-text-align, left) !important}:is(iam-advanced-select,iam-search) datalist option:is(:hover,:focus){background:var(--colour-light) !important;border-radius:.25rem !important}:is(iam-advanced-select,iam-search) datalist option:active{background:#e0e0e0 !important;border-radius:.25rem !important}iam-advanced-select datalist option.active{border-left:4px solid var(--colour-info) !important;border-radius:.25rem !important;background:hsl(from var(--colour-info) h s l/10%) !important}@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,.11);background-color:var(--colour-canvas-2);border-radius:0.5rem;margin-bottom:1.5rem;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);overflow:hidden}@container style(--theme: dark){.admin-panel{background-color:var(--colour-canvas-2);color:var(--colour-body)}.admin-panel .bg-white{background-color:rgba(0,0,0,0) !important;color:var(--white) !important}}.admin-panel:empty{display:none}.admin-panel>: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)}.admin-panel>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.admin-panel__heading):not(.lead):first-child:not([class*=bg-]){color:var(--colour-primary-theme);background-image:linear-gradient(var(--gradient-direction), var(--colour-info) 0, transparent 100%)}.admin-panel>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.admin-panel__heading):not(.lead):first-child{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:0.5rem;border-top-right-radius:0.5rem}.admin-panel>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead):first-child,.admin-panel .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}.admin-panel>:is(.admin-panel__heading):first-child{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:1rem 1.5rem}.admin-panel>:is(.admin-panel__heading):first-child>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){padding:0;margin-inline-end:auto}.admin-panel>:is(.admin-panel__heading):first-child .btn{--btn-margin: 0;margin-bottom:0}.admin-panel>:is(.admin-panel__heading):first-child .dialog__wrapper+.btn{--btn-margin: 0.25rem;margin-inline-end:0}@media(prefers-color-scheme: light){.admin-panel>:is(.admin-panel__heading):first-child .btn-action,.admin-panel>:is(.admin-panel__heading):first-child .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}}.admin-panel :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}.admin-panel>*:not([class*=mb-]):last-child{margin-bottom:0 !important}.admin-panel>*:is(p):last-child{padding-bottom:0 !important}.admin-panel p{max-width:100%;padding-bottom:1.5rem}.admin-panel>: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}.admin-panel>: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):before{top:100% !important}.admin-panel>: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)}.admin-panel>: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}.admin-panel>: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>*:not([class*=mb-]):last-child{margin-bottom:0 !important}.admin-panel>: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>*:is(p):last-child{padding-bottom:0 !important}.admin-panel>iam-pagination{margin-top:-1rem}.admin-panel:has(.mh-fluid){max-height:100%;display:flex;flex-direction:column}.admin-panel.grid{display:grid !important;grid-template-columns:subgrid !important}.admin-panel.grid>*:not(:first-child){grid-column:var(--col-start, col-1-start)/var(--col-end, col-12-end)}[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}.admin-panel:has(iam-actionbar) iam-actionbar{background:var(--colour-canvas);margin-inline:calc(var(--padding-x)*-1);margin-bottom:var(--padding-top)}@media screen and (prefers-color-scheme: light){.admin-panel:has(iam-actionbar) iam-actionbar{background:#eee}}.admin-panel:has(iam-actionbar) iam-actionbar:first-child{margin-top:calc(var(--padding-top)*-1)}.admin-panel:has(iam-actionbar) iam-actionbar:not(:first-child){border-radius:0}.admin-panel:has(iam-actionbar)>:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax){overflow:visible}.admin-panel:has(iam-actionbar)>:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):first-child{margin-top:calc(var(--padding-top)*-1)}.admin-panel:has(iam-actionbar)>:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) 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}details.admin-panel summary:not(:has(.btn:hover)):hover:after{background:var(--colour-light);border-radius:50%}details.admin-panel 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}details.admin-panel:not([open]) summary:first-child{margin-bottom:0}details.admin-panel:not([open]) 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:var(--padding-bottom)}.admin-panel__footer:last-child:has(strong:last-child){display:flex;align-items:end}.admin-panel__footer:last-child:has(strong:last-child) p{padding-bottom:0;padding-inline-end:var(--padding-x)}.admin-panel__footer:last-child:has(strong:last-child) strong{white-space:nowrap;margin-inline-start:auto}.admin-panel__footer:not([class*=mb-]):last-child{margin-bottom:calc(var(--padding-bottom)*-1) !important}}*,*::before,*::after{box-sizing:border-box}.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}.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}.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}: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:0.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:0.5rem 2rem 0rem 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:0.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 0.5rem 0 0 !important;margin-inline:0.1875rem;order:999;margin-bottom:0.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;top:.75rem;right:.5rem;border:none;background:none;padding-inline:.5rem;display:var(--display-button, none)}button:after{content:"\u2715";font-weight:bold}.dropdown{position:absolute;top:calc(100% + .5rem);padding:0;left:0;width:100%;margin:0;z-index:99;display:none;max-height:15.25rem !important;overflow:auto}.dropdown:before{display:none}.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}/*# sourceMappingURL=assets/css/components/multiselect.css.map */
 
     ${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
     </style>
@@ -22,5 +22,5 @@
     </div>
     </div>
     </label>
-    `,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){const e=this,d=this.closest("form"),s=this.shadowRoot.querySelector(".wrapper"),r=e.shadowRoot.querySelector("#search"),h=e.shadowRoot.querySelector("#clear");let c=0;const b=e.shadowRoot.querySelector("label .inner-label");if(b.innerHTML=e.getAttribute("data-label"),e.hasAttribute("placeholder")&&r.setAttribute("placeholder",e.getAttribute("placeholder")),e.setAttribute("data-error","true"),d&&e.hasAttribute("data-is-required")){const t=new MutationObserver(function(o){o.forEach(function(a){a.target.classList.contains("was-validated")?s.classList.add("was-validated"):s.classList.remove("was-validated")})});d.classList.contains("was-validated")?s.classList.add("was-validated"):s.classList.remove("was-validated"),t.observe(d,{attributes:!0,attributeFilter:["style","class"]})}function l(t){t.checked==!1?(t.closest("label").removeAttribute("slot"),t.closest("label").removeAttribute("style"),t.closest("label").removeAttribute("data-order")):(c++,t.closest("label").setAttribute("slot","checked"),t.closest("label").setAttribute("style",`--order:${c};`),t.closest("label").setAttribute("data-order",c)),e.querySelector('label[slot="checked"]')?(s.classList.add("filled"),e.removeAttribute("data-error"),r.removeAttribute("placeholder")):(s.classList.remove("filled"),e.setAttribute("data-error","true"),e.hasAttribute("placeholder")&&r.setAttribute("placeholder",e.getAttribute("placeholder")))}Array.from(e.querySelectorAll('label input[type="checkbox"]:checked')).forEach(t=>{l(t)}),r.addEventListener("input",()=>{Array.from(e.querySelectorAll('label:not([slot="checked"])')).forEach(t=>{const a=t.querySelector("input").value,i=t.textContent;a.toLowerCase().includes(r.value.toLowerCase())||i.toLowerCase().includes(r.value.toLowerCase())?t.removeAttribute("slot"):t.setAttribute("slot","notmatched")})});let u;e.addEventListener("focus",()=>{e.classList.add("hover"),clearTimeout(u)}),r.addEventListener("blur",t=>{setTimeout(function(){document.activeElement.getAttribute("type")!="checkbox"&&(e.querySelector(`input[type="checkbox"][value="${r.value}" i]`)&&(e.querySelector(`input[type="checkbox"][value="${r.value}" i]`).checked=!0,l(e.querySelector(`input[type="checkbox"][value="${r.value}" i]`))),r.value="",Array.from(e.querySelectorAll('label input[type="checkbox"]')).forEach(a=>{l(a)}))},200),clearTimeout(u),u=setTimeout(function(){e.classList.remove("hover")},1e3)}),e.addEventListener("change",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest('input[type="checkbox"]')){const o=t.target.closest('input[type="checkbox"]');l(o),r.value="",r.focus(),clearTimeout(u),e.classList.add("hover"),u=setTimeout(function(){e.classList.remove("hover")},5e3)}}),h.addEventListener("click",function(){Array.from(e.querySelectorAll('label input[type="checkbox"]')).forEach(t=>{t.checked=!1,l(t)}),r.focus()}),e.addEventListener("keydown",function(t){const o=document.activeElement;switch(t.key){case"ArrowLeft":if(t.preventDefault(),o.hasAttribute("type")&&o.getAttribute("type")=="checkbox"){const a=e.querySelectorAll('label[slot="checked"][slot="checked"]'),i=Array.from(a).indexOf(o.closest("label")),n=Array.from(a)[i-1];n?n.focus():r.focus()}else o==e&&Array.from(e.querySelectorAll('label[slot="checked"]')).sort(function(i,n){return+i.dataset.order-+n.dataset.order}).pop().focus();break;case"ArrowRight":if(t.preventDefault(),o.hasAttribute("type")&&o.getAttribute("type")=="checkbox"){const a=e.querySelectorAll('label[slot="checked"][slot="checked"]'),i=Array.from(a).indexOf(o.closest("label")),n=Array.from(a)[i+1];n?n.focus():r.focus()}break;case"ArrowUp":if(t.preventDefault(),o.hasAttribute("type")&&o.getAttribute("type")=="checkbox"){const a=e.querySelectorAll('label:not([slot="checked"]):not([slot="checked"])'),i=Array.from(a).indexOf(o.closest("label")),n=Array.from(a)[i-1];n?n.focus():r.focus()}break;case"ArrowDown":if(t.preventDefault(),o==e)e.querySelector('label:not([slot="checked"]):not([slot="checked"])').focus();else if(o.hasAttribute("type")&&o.getAttribute("type")=="checkbox"){const a=o.value,i=e.querySelector(`label:has(input[value="${a}"]) ~ label:not([slot="checked"]):not([slot="checked"])`);i&&i.focus()}break;case"Enter":t.stopPropagation(),t.preventDefault(),o.hasAttribute("type")&&o.getAttribute("type")=="checkbox"&&(o.checked==!1?o.checked=!0:o.checked=!1),l(o),r.focus();break;case"Backspace":o.hasAttribute("type")&&o.getAttribute("type")=="checkbox"&&(o.checked=!1,l(o),r.focus());break}});function p(){if(c==0)return!1;let t=e.querySelector(`label[data-order="${c}"]`);return t||(t=p(c--)),t}r.addEventListener("keydown",function(t){switch(t.key){case"Enter":e.querySelector(`input[value="${r.value}"]:not(:checked)`)||(r.value=""),r.focus();break;case"Backspace":if(!r.value){const a=p();if(a){const i=a.querySelector("input");i.checked=!1,l(i)}r.focus()}break}}),e.addEventListener("mousedown",()=>{s.setAttribute("data-mousedown","true")}),e.addEventListener("mouseup",()=>{s.removeAttribute("data-mousedown")})}}export{m as default};
+    `,this.shadowRoot.appendChild(e.content.cloneNode(!0))}connectedCallback(){const e=this,m=this.closest("form"),r=this.shadowRoot.querySelector(".wrapper"),a=e.shadowRoot.querySelector("#search"),h=e.shadowRoot.querySelector("#clear");let s=0;const b=e.shadowRoot.querySelector("label .inner-label"),g=this.getAttribute("data-url");if(b.innerHTML=e.getAttribute("data-label"),e.hasAttribute("placeholder")&&a.setAttribute("placeholder",e.getAttribute("placeholder")),e.setAttribute("data-error","true"),m&&e.hasAttribute("data-is-required")){const t=new MutationObserver(function(i){i.forEach(function(o){o.target.classList.contains("was-validated")?r.classList.add("was-validated"):r.classList.remove("was-validated")})});m.classList.contains("was-validated")?r.classList.add("was-validated"):r.classList.remove("was-validated"),t.observe(m,{attributes:!0,attributeFilter:["style","class"]})}function d(t){t.checked==!1?(t.closest("label").removeAttribute("slot"),t.closest("label").removeAttribute("style"),t.closest("label").removeAttribute("data-order")):(s++,t.closest("label").setAttribute("slot","checked"),t.closest("label").setAttribute("style",`--order:${s};`),t.closest("label").setAttribute("data-order",s),t.closest("[data-value]")&&t.closest("[data-value]").setAttribute("data-value",t.closest("label").textContent)),e.querySelector('label[slot="checked"]')?(r.classList.add("filled"),e.removeAttribute("data-error"),a.removeAttribute("placeholder")):(r.classList.remove("filled"),e.setAttribute("data-error","true"),e.hasAttribute("placeholder")&&a.setAttribute("placeholder",e.getAttribute("placeholder")))}Array.from(e.querySelectorAll('label input[type="checkbox"]:checked')).forEach(t=>{d(t)});const c=()=>{Array.from(e.querySelectorAll('label:not([slot="checked"])')).forEach(t=>{const o=t.querySelector("input").value,n=t.textContent;o.toLowerCase().includes(a.value.toLowerCase())||n.toLowerCase().includes(a.value.toLowerCase())?t.removeAttribute("slot"):t.setAttribute("slot","notmatched")})};a.addEventListener("input",()=>{e.hasAttribute("data-url")?a.value.length==3&&y(a.value):c()});let p;e.addEventListener("focus",()=>{e.classList.add("hover"),clearTimeout(p)}),a.addEventListener("blur",t=>{setTimeout(function(){document.activeElement.getAttribute("type")!="checkbox"&&(e.querySelector(`input[type="checkbox"][value="${a.value}" i]`)&&(e.querySelector(`input[type="checkbox"][value="${a.value}" i]`).checked=!0,d(e.querySelector(`input[type="checkbox"][value="${a.value}" i]`))),a.value="",Array.from(e.querySelectorAll('label input[type="checkbox"]')).forEach(o=>{d(o)})),e.hasAttribute("data-url")&&Array.from(e.querySelectorAll('label:has(input[type="checkbox"]:not(:checked))')).forEach(o=>{o.remove()})},200),clearTimeout(p),p=setTimeout(function(){e.classList.remove("hover")},500)}),e.addEventListener("change",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest('input[type="checkbox"]')){const i=t.target.closest('input[type="checkbox"]');e.hasAttribute("data-single")&&Array.from(e.querySelectorAll('label[slot="checked"] input')).forEach(o=>{o.checked=!1,o.closest("label").removeAttribute("slot"),o.closest("label").removeAttribute("style"),o.closest("label").removeAttribute("data-order")}),d(i),a.value="",e.hasAttribute("data-single")?e.classList.remove("hover"):(a.focus(),clearTimeout(p),e.classList.add("hover"),p=setTimeout(function(){e.classList.remove("hover")},5e3))}}),h.addEventListener("click",function(){Array.from(e.querySelectorAll('label input[type="checkbox"]')).forEach(t=>{t.checked=!1,d(t)}),a.focus()}),e.addEventListener("keydown",function(t){const i=document.activeElement;switch(t.key){case"ArrowLeft":if(t.preventDefault(),i.hasAttribute("type")&&i.getAttribute("type")=="checkbox"){const o=e.querySelectorAll('label[slot="checked"][slot="checked"]'),n=Array.from(o).indexOf(i.closest("label")),l=Array.from(o)[n-1];l?l.focus():a.focus()}else i==e&&Array.from(e.querySelectorAll('label[slot="checked"]')).sort(function(n,l){return+n.dataset.order-+l.dataset.order}).pop().focus();break;case"ArrowRight":if(t.preventDefault(),i.hasAttribute("type")&&i.getAttribute("type")=="checkbox"){const o=e.querySelectorAll('label[slot="checked"][slot="checked"]'),n=Array.from(o).indexOf(i.closest("label")),l=Array.from(o)[n+1];l?l.focus():a.focus()}break;case"ArrowUp":if(t.preventDefault(),i.hasAttribute("type")&&i.getAttribute("type")=="checkbox"){const o=e.querySelectorAll('label:not([slot="checked"]):not([slot="checked"])'),n=Array.from(o).indexOf(i.closest("label")),l=Array.from(o)[n-1];l?l.focus():a.focus()}break;case"ArrowDown":if(t.preventDefault(),i==e)e.querySelector('label:not([slot="checked"]):not([slot="checked"])').focus();else if(i.hasAttribute("type")&&i.getAttribute("type")=="checkbox"){const o=i.value,n=e.querySelector(`label:has(input[value="${o}"]) ~ label:not([slot="checked"]):not([slot="checked"])`);n&&n.focus()}break;case"Enter":t.stopPropagation(),t.preventDefault(),i.hasAttribute("type")&&i.getAttribute("type")=="checkbox"&&(i.checked==!1?i.checked=!0:i.checked=!1),d(i),a.focus();break;case"Backspace":i.hasAttribute("type")&&i.getAttribute("type")=="checkbox"&&(i.checked=!1,d(i),a.focus());break}});function v(){if(s==0)return!1;let t=e.querySelector(`label[data-order="${s}"]`);return t||(t=v(s--)),t}a.addEventListener("keydown",function(t){switch(t.key){case"Enter":e.querySelector(`input[value="${a.value}"]:not(:checked)`)||(a.value=""),a.focus();break;case"Backspace":if(!a.value){const o=v();if(o){const n=o.querySelector("input");n.checked=!1,d(n)}a.focus()}break}}),e.addEventListener("mousedown",()=>{r.setAttribute("data-mousedown","true")}),e.addEventListener("mouseup",()=>{r.removeAttribute("data-mousedown")});const y=t=>w(this,void 0,void 0,function*(){const i=`${g}${encodeURI(t)}`;window.controller||(window.controller=[]),window.controller[i]&&window.controller[i].abort(),window.controller[i]=new AbortController;const{signal:o}=controller[i];try{yield fetch(i,{signal:o,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":k.get("XSRF-TOKEN")})}).then(n=>n.json()).then(n=>{let l="";for(let u=0;u<n.data.length;u++)l+=`<label class="tag"><input type="checkbox" name="${e.hasAttribute("data-name")?e.getAttribute("data-name"):"tags"}" value="${n.data[u].value}"/>${n.data[u].title}</label>`;return e.insertAdjacentHTML("beforeend",`${l}`),c(),n})}catch(n){console.log(n)}})}}export{x 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":["multiselect.component.js"],"sourcesContent":["// 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 coreCSS = document.body.hasAttribute('data-core-css')\n            ? document.body.getAttribute('data-core-css')\n            : `${assetLocation}/css/core.min.css`;\n        const loadCSS = `@import \"${assetLocation}/css/components/multiselect.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    @import \"${coreCSS}\";\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\"><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        innerLabel.innerHTML = multiselect.getAttribute('data-label');\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            }\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        // Filter list\n        search.addEventListener('input', () => {\n            Array.from(multiselect.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        });\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            }, 200);\n            clearTimeout(hoverTimeout);\n            hoverTimeout = setTimeout(function () {\n                multiselect.classList.remove('hover');\n            }, 1000);\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                setItem(checkbox);\n                search.value = \"\";\n                search.focus();\n                clearTimeout(hoverTimeout);\n                multiselect.classList.add('hover');\n                hoverTimeout = setTimeout(function () {\n                    multiselect.classList.remove('hover');\n                }, 5000);\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        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 'ArrowUp':\n                    // Up pressed\n                    event.preventDefault();\n                    if (activeElement.hasAttribute('type') && activeElement.getAttribute('type') == 'checkbox') {\n                        const arrCheckboxes = multiselect.querySelectorAll(`label:not([slot=\"checked\"]):not([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                    break;\n                case 'ArrowDown':\n                    // Down pressed\n                    event.preventDefault();\n                    if (activeElement == multiselect) {\n                        multiselect.querySelector('label:not([slot=\"checked\"]):not([slot=\"checked\"])').focus();\n                    }\n                    else if (activeElement.hasAttribute('type') && activeElement.getAttribute('type') == 'checkbox') {\n                        const activeValue = activeElement.value;\n                        const nextCheckbox = multiselect.querySelector(`label:has(input[value=\"${activeValue}\"]) ~ label:not([slot=\"checked\"]):not([slot=\"checked\"])`);\n                        if (nextCheckbox)\n                            nextCheckbox.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":["iamMultiselect","assetLocation","coreCSS","template","multiselect","form","wrapper","search","button","order","innerLabel","observer","mutations","mutationRecord","setItem","inputToSet","checkbox","label","searchValue","labelText","hoverTimeout","event","activeElement","arrCheckboxes","activeIndex","prevCheckbox","a","b","nextCheckbox","activeValue","checkLastTag","lastTag","lastTagInput"],"mappings":"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"}
+{"version":3,"file":"multiselect.component.min.js","sources":["multiselect.component.js"],"sourcesContent":["var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport Cookies from 'js-cookie';\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\"><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        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        // Filter list\n        const filterList = () => {\n            Array.from(multiselect.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        };\n        search.addEventListener('input', () => {\n            if (multiselect.hasAttribute('data-url')) {\n                if (search.value.length == 3) {\n                    searchAjax(search.value);\n                }\n            }\n            else {\n                filterList();\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        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 'ArrowUp':\n                    // Up pressed\n                    event.preventDefault();\n                    if (activeElement.hasAttribute('type') && activeElement.getAttribute('type') == 'checkbox') {\n                        const arrCheckboxes = multiselect.querySelectorAll(`label:not([slot=\"checked\"]):not([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                    break;\n                case 'ArrowDown':\n                    // Down pressed\n                    event.preventDefault();\n                    if (activeElement == multiselect) {\n                        multiselect.querySelector('label:not([slot=\"checked\"]):not([slot=\"checked\"])').focus();\n                    }\n                    else if (activeElement.hasAttribute('type') && activeElement.getAttribute('type') == 'checkbox') {\n                        const activeValue = activeElement.value;\n                        const nextCheckbox = multiselect.querySelector(`label:has(input[value=\"${activeValue}\"]) ~ label:not([slot=\"checked\"]):not([slot=\"checked\"])`);\n                        if (nextCheckbox)\n                            nextCheckbox.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        const searchAjax = (searchterm) => __awaiter(this, void 0, void 0, function* () {\n            const searchAjaxURL = `${ajaxURL}${encodeURI(searchterm)}`;\n            // Setup controller vars if not already set\n            if (!window.controller)\n                window.controller = [];\n            // Abort if controller already present for this url\n            if (window.controller[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                        items += `<label class=\"tag\"><input type=\"checkbox\" name=\"${multiselect.hasAttribute('data-name') ? multiselect.getAttribute('data-name') : 'tags'}\" value=\"${response['data'][i].value}\"/>${response['data'][i].title}</label>`;\n                    }\n                    multiselect.insertAdjacentHTML('beforeend', `${items}`);\n                    filterList();\n                    return response;\n                });\n            }\n            catch (error) {\n                console.log(error);\n            }\n        });\n    }\n}\nexport default iamMultiselect;\n"],"names":["__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","iamMultiselect","template","multiselect","form","wrapper","search","button","order","innerLabel","ajaxURL","observer","mutations","mutationRecord","setItem","inputToSet","checkbox","filterList","label","searchValue","labelText","searchAjax","hoverTimeout","event","inputToCancel","activeElement","arrCheckboxes","activeIndex","prevCheckbox","a","b","nextCheckbox","activeValue","checkLastTag","lastTag","lastTagInput","searchterm","searchAjaxURL","signal","Cookies","response","items","i","error"],"mappings":"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"}

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

@@ -11,15 +11,13 @@ class iamNav extends HTMLElement {
         const assetLocation = document.body.hasAttribute('data-assets-location')
             ? document.body.getAttribute('data-assets-location')
             : '/assets';
-        const coreCSS = document.body.hasAttribute('data-core-css')
-            ? document.body.getAttribute('data-core-css')
-            : `${assetLocation}/css/core.min.css`;
         const loadCSS = `@import "${assetLocation}/css/components/nav.component.css";`;
         const loadExtraCSS = `@import "${assetLocation}/css/components/nav.global.css";`;
         const template = document.createElement('template');
         template.innerHTML = `
     <style class="styles">
-    @import "${coreCSS}";
+
+    
     ${loadCSS}
     </style>
     <style class="doc-styles">
@@ -293,14 +291,13 @@ class iamNav extends HTMLElement {
             });
         }
         if (this.classList.contains('nav--sticky')) {
-            console.log('hey');
             let oldScrollY = window.scrollY;
             window.onscroll = function (e) {
                 if (oldScrollY < window.scrollY) {
-                    document.body.setAttribute('data-direction', "down");
+                    document.body.setAttribute('data-direction', 'down');
                 }
                 else {
-                    document.body.setAttribute('data-direction', "up");
+                    document.body.setAttribute('data-direction', 'up');
                 }
                 if (window.scrollY > 100) {
                     document.body.classList.add('past100');