@iamproperty/components 7.7.1--beta6 → 7.7.1--beta8

package/assets/js/components/actionbar/actionbar.component.js

@@ -39,72 +39,72 @@ class iamActionbar extends HTMLElement {
         const loadCSS = `@import "${assetLocation}/css/components/actionbar.component.css";`;
         const loadExtraCSS = `@import "${assetLocation}/css/components/actionbar.global.css";`;
         const template = document.createElement('template');
-        template.innerHTML = `
-    <style>
-    ${loadCSS}
-    ${this.hasAttribute('css') ? `@import "${this.getAttribute('css')}";` : ``}
-    </style>
-    <link rel="stylesheet" href="https://kit.fontawesome.com/8bd0fca975.css" crossorigin="anonymous">
-    <div class="actionbar__wrapper">
-    
-      <div class="actionbar" part="actionbar">
-        <slot name="selectall"></slot>
-        <slot name="filters"></slot>
-        <div class="safe-area">
-          <slot></slot>
-          <div class="body">
-            <div class="menu__wrapper  menu__wrapper --right dialog-overflow d-none show">
-              <button class="btn btn-secondary btn-compact btn-sm fa-ellipsis-vertical m-0" popovertarget="overflow" style="anchor-name: --anchor-overflow;">More actions</button>
-              <iam-menu class="dialog--list" part="overflow" id="overflow" style="position-anchor: --anchor-overflow;" popover>
-                <slot name="overflow"></slot>
-                <slot name="menu"></slot>
-              </iam-menu>
-            </div>
-
-
-            <div class="menu__wrapper  menu__wrapper --right filter-columns">
-              <button class="btn btn-secondary btn-compact btn-sm mb-0 me-0 fa-regular fa-table-columns" title="Select colums" popovertarget="filter" style="anchor-name: --anchor-filter;">Filter</button>
-              <iam-menu class="dialog--list" id="filter" style="position-anchor: --anchor-filter;" popover>
-                <div class="pb-0 mb-0 checklists">
-                  
-                </div>
-                <div class="text-right checklist-btns"><button id="cancelColumns" class="btn btn-action">Cancel</button><button id="saveColumns" class="btn btn-action btn-secondary">Save</button></div>
-              </iam-menu>
-            </div>
-
-            <button class="btn btn-secondary btn-compact btn-sm fa-search" data-search="" part="search-btn">Search</button>
-          </div>
-        </div>
-      </div>
-      <div class="actionbar--selected">
-        <div class="safe-area">
-          <slot name="selected"></slot>
-          <div class="body">
-            <div class="menu__wrapper  menu__wrapper --right dialog-overflow d-none show">
-              <button class="btn btn-secondary btn-compact btn-sm fa-ellipsis-vertical m-0" popovertarget="selected-overflow" style="anchor-name: --anchor-selected-overflow;">More actions</button>
-              <iam-menu class="dialog--list" part="selected-overflow" id="selected-overflow" style="position-anchor: --anchor-selected-overflow;" popover>
-                <slot name="selected-overflow"></slot>
-              </iam-menu>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="actionbar--search">
-        <button data-search class="btn btn-compact fa-xmark-large btn-secondary mb-0" >Close</button>
-
-        <div class="search-wrapper" part="search">
-          <label for="search" class="visually-hidden">Input field label</label>
-          <button class="suffix" part="search-btn"><i class="fa-regular fa-search"></i></button>
-          <input type="text" id="search" name="search" required="" part="search-input">
-          <button class="empty btn btn-action"><i class="fa-light fa-times me-0" aria-hidden="true"></i></button>
-        </div>
-
-      </div>
-    </div>
-    <div class="no-columns">
-      <span class="d-block">No columns selected</span>
-    </div>
+        template.innerHTML = `
+    <style>
+    ${loadCSS}
+    ${this.hasAttribute('css') ? `@import "${this.getAttribute('css')}";` : ``}
+    </style>
+    <link rel="stylesheet" href="https://kit.fontawesome.com/8bd0fca975.css" crossorigin="anonymous">
+    <div class="actionbar__wrapper">
+    
+      <div class="actionbar" part="actionbar">
+        <slot name="selectall"></slot>
+        <slot name="filters"></slot>
+        <div class="safe-area">
+          <slot></slot>
+          <div class="body">
+            <div class="menu__wrapper  menu__wrapper --right dialog-overflow d-none show">
+              <button class="btn btn-secondary btn-compact btn-sm fa-ellipsis-vertical m-0" popovertarget="overflow" style="anchor-name: --anchor-overflow;">More actions</button>
+              <iam-menu class="dialog--list" part="overflow" id="overflow" style="position-anchor: --anchor-overflow;" popover>
+                <slot name="overflow"></slot>
+                <slot name="menu"></slot>
+              </iam-menu>
+            </div>
+
+
+            <div class="menu__wrapper  menu__wrapper --right filter-columns">
+              <button class="btn btn-secondary btn-compact btn-sm mb-0 me-0 fa-regular fa-table-columns" title="Select colums" popovertarget="filter" style="anchor-name: --anchor-filter;">Filter</button>
+              <iam-menu class="dialog--list" id="filter" style="position-anchor: --anchor-filter;" popover>
+                <div class="pb-0 mb-0 checklists">
+                  
+                </div>
+                <div class="text-right checklist-btns"><button id="cancelColumns" class="btn btn-action">Cancel</button><button id="saveColumns" class="btn btn-action btn-secondary">Save</button></div>
+              </iam-menu>
+            </div>
+
+            <button class="btn btn-secondary btn-compact btn-sm fa-search" data-search="" part="search-btn">Search</button>
+          </div>
+        </div>
+      </div>
+      <div class="actionbar--selected">
+        <div class="safe-area">
+          <slot name="selected"></slot>
+          <div class="body">
+            <div class="menu__wrapper  menu__wrapper --right dialog-overflow d-none show">
+              <button class="btn btn-secondary btn-compact btn-sm fa-ellipsis-vertical m-0" popovertarget="selected-overflow" style="anchor-name: --anchor-selected-overflow;">More actions</button>
+              <iam-menu class="dialog--list" part="selected-overflow" id="selected-overflow" style="position-anchor: --anchor-selected-overflow;" popover>
+                <slot name="selected-overflow"></slot>
+              </iam-menu>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="actionbar--search">
+        <button data-search class="btn btn-compact fa-xmark-large btn-secondary mb-0" >Close</button>
+
+        <div class="search-wrapper" part="search">
+          <label for="search" class="visually-hidden">Input field label</label>
+          <button class="suffix" part="search-btn"><i class="fa-regular fa-search"></i></button>
+          <input type="text" id="search" name="search" required="" part="search-input">
+          <button class="empty btn btn-action"><i class="fa-light fa-times me-0" aria-hidden="true"></i></button>
+        </div>
+
+      </div>
+    </div>
+    <div class="no-columns">
+      <span class="d-block">No columns selected</span>
+    </div>
     `;
         this.shadowRoot.appendChild(template.content.cloneNode(true));
         // insert extra CSS

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta6
+  * iamKey v7.7.1--beta8
   * Copyright 2022-2026 iamproperty
   */const F=(h=1)=>Math.floor(Math.random()*Date.now()*(h+1));class D extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const s=document.createElement("template");s.innerHTML=`
     <style>

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

@@ -1 +1 @@
-{"version":3,"file":"actionbar.component.min.js","sources":["../../modules/helpers.js","../menu/menu.component.js","actionbar.component.js"],"sourcesContent":["/**\n * Global helper functions to help maintain and enhance framework elements.\n * @module Helpers\n */\n/**\n * Add global classes used by the CSS and later JavaScript.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addBodyClasses = (body) => {\n    body.classList.add('js-enabled');\n    if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {\n        body.classList.add('ie');\n    }\n};\n/**\n * Add global events.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addGlobalEvents = (body) => {\n    const checkElements = function (hash) {\n        const label = document.querySelector(`label[for=\"${hash.replace('#', '')}\"]`);\n        const summary = document.querySelector(hash + ' summary');\n        const dialog = document.querySelector(`dialog${hash}`);\n        const detail = document.querySelector(`detail${hash}`);\n        if (label instanceof HTMLElement)\n            label.click();\n        else if (summary instanceof HTMLElement)\n            summary.click();\n        else if (dialog instanceof HTMLElement)\n            dialog.showModal();\n        else if (detail instanceof HTMLElement)\n            detail.addAttribute('open');\n    };\n    if (location.hash)\n        checkElements(location.hash);\n    window.addEventListener('hashchange', function () {\n        checkElements(location.hash);\n    }, false);\n    addEventListener('popstate', (event) => {\n        if (event && event.state && event.state.type && event.state.type == 'pagination') {\n            const form = document.querySelector(`#${event.state.form}`);\n            const pageInput = document.querySelector(`#${event.state.form} [data-pagination]`);\n            if (pageInput)\n                pageInput.value = event.state.page;\n            else\n                form.innerHTML += `<input name=\"page\" type=\"hidden\" data-pagination=\"true\" value=\"${event.state.page}\" />`;\n            form.dispatchEvent(new Event('submit'));\n        }\n    });\n    Array.from(document.querySelectorAll('form')).forEach((form) => {\n        if (!(form === null || form === void 0 ? void 0 : form.closest('iam-form'))) {\n            form.addEventListener('submit', (event) => {\n                var _a;\n                if (form.querySelector(':invalid')) {\n                    form.classList.add('was-validated');\n                    (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n                    event.preventDefault();\n                }\n            });\n        }\n    });\n    document.addEventListener('click', (event) => {\n        var _a;\n        if (event && event.target instanceof HTMLElement && event.target.matches('form button:not([type=button])')) {\n            const form = event.target.closest('form');\n            if (!(form === null || form === void 0 ? void 0 : form.closest('iam-form'))) {\n                // Reset password types\n                Array.from(form.querySelectorAll('[data-password-type]')).forEach((input) => {\n                    input.setAttribute('type', 'password');\n                });\n                if (form.querySelector(':invalid') ||\n                    form.querySelector('.pwd-checker[data-strength=\"1\"]') ||\n                    form.querySelector('.pwd-checker[data-strength=\"2\"]')) {\n                    form.classList.add('was-validated');\n                    (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n                    event.preventDefault();\n                }\n                if (form.querySelector('iam-multiselect[data-is-required][data-error]')) {\n                    form.classList.add('was-validated');\n                    event.preventDefault();\n                }\n            }\n        }\n    });\n    document.addEventListener('keydown', (e) => {\n        if (e.key === 'Escape') {\n            if (document.querySelector('.dialog--transactional[open], .dialog--acknowledgement[open]')) {\n                e.preventDefault();\n                e.stopPropagation();\n            }\n        }\n    });\n    Array.from(document.querySelectorAll('label progress')).forEach((progress) => {\n        const label = progress.closest('label');\n        label.setAttribute('data-percent', progress.getAttribute('value'));\n    });\n};\nexport const isNumeric = function (str) {\n    if (typeof str != 'string')\n        return false; // we only process strings!\n    return (!isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...\n        !isNaN(parseFloat(str))); // ...and ensure strings of whitespace fail\n};\nexport const zeroPad = (num, places) => String(num).padStart(places, '0');\nexport const ucfirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nexport const ucwords = (str) => str\n    .split(' ')\n    .map((s) => ucfirst(s))\n    .join(' ');\nexport const unsnake = (str) => str.replace(/_/g, ' ');\nexport const snake = (str) => str.replace(/ /g, '_');\nexport const safeID = function (str) {\n    str = str.toLowerCase();\n    str = snake(str);\n    str = str.replace(/\\W/g, '');\n    return str;\n};\nexport const numberOfDays = function (startDateString, endDateString) {\n    const convertStart = startDateString.split('/');\n    const convertEnd = endDateString.split('/');\n    const dateStart = new Date(convertStart[1] + '/' + convertStart[0] + '/' + convertStart[2]);\n    const dateEnd = new Date(convertEnd[1] + '/' + convertEnd[0] + '/' + convertEnd[2]);\n    if (dateStart == 'Invalid Date')\n        throw 'Start date is not a valid date';\n    if (dateEnd == 'Invalid Date')\n        throw 'End date is not a valid date';\n    // To calculate the time difference of two dates\n    const diffTime = dateEnd.getTime() - dateStart.getTime();\n    const numberOfDays = diffTime / (1000 * 3600 * 24) + 1;\n    if (numberOfDays < 0)\n        throw 'The start date should be before the end date';\n    return numberOfDays;\n};\n// Used to get values from nested json objects\nexport const resolvePath = (object, path, defaultValue) => path\n    // eslint-disable-next-line no-useless-escape\n    .split(/[\\.\\[\\]\\'\\\"]/)\n    .filter((p) => p)\n    .reduce((o, p) => (o ? o[p] : defaultValue), object);\nexport const isTraversable = (o) => Array.isArray(o) || (o !== null && ['function', 'object'].includes(typeof o));\nexport const getSwipeDirection = (touchstartX, touchstartY, touchendX, touchendY) => {\n    const limit = Math.tan(((45 * 1.5) / 180) * Math.PI);\n    const pageWidth = window.innerWidth || document.body.clientWidth;\n    const treshold = Math.max(1, Math.floor(0.01 * pageWidth));\n    const x = touchendX - touchstartX;\n    const y = touchendY - touchstartY;\n    const xy = Math.abs(x / y);\n    const yx = Math.abs(y / x);\n    if (Math.abs(x) > treshold || Math.abs(y) > treshold) {\n        if (yx <= limit) {\n            if (x < 0) {\n                return 'left';\n            }\n            else {\n                return 'right';\n            }\n        }\n        if (xy <= limit) {\n            if (y < 0) {\n                return 'top';\n            }\n            else {\n                return 'bottom';\n            }\n        }\n    }\n    else {\n        return 'tap';\n    }\n};\nexport const uniqueID = (index = 1) => {\n    const ID = Math.floor(Math.random() * Date.now() * (index + 1));\n    return ID;\n};\nexport const isValidPostcode = (searchValue) => {\n    const regexp = /^([A-Z][A-HJ-Y]?[0-9][A-Z0-9]? ?[0-9][A-Z]{2}|GIR ?0A{2})$/gmi;\n    return regexp.test(searchValue.trim());\n};\n","class iamMenu 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 menuCSS = `@import \"${assetLocation}/css/components/menu.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\r\n    <style>\r\n    ${menuCSS}\r\n    </style>\r\n    <div class=\"menu--inner\" part=\"inner\">\r\n      <slot></slot>\r\n    </div>`;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        const menuID = this.hasAttribute('id') ? this.getAttribute('id') : false;\n        const menuButton = document.querySelector(`[popovertarget=\"${menuID}\"]`);\n        let topLevelmenuItems = this.querySelectorAll(':scope > a, :scope > button, :scope > details > summary');\n        let menuItems = this.querySelectorAll('a, button');\n        if (this.closest('.menu__wrapper')) {\n            menuItems = this.shadowRoot.querySelector('slot').assignedElements({ flatten: true });\n            topLevelmenuItems = menuItems;\n        }\n        const subMenus = this.querySelectorAll('details');\n        let subNextIndex;\n        let subPrevIndex;\n        // Set the needed CSS styles to connect the ID attribute to the anchor name\n        if (menuID && menuButton) {\n            this.setAttribute('role', 'menu');\n            this.setAttribute('popover', 'auto');\n            this.style['position-anchor'] = `--${menuID}`;\n            menuButton === null || menuButton === void 0 ? void 0 : menuButton.setAttribute('aria-haspopup', 'true');\n            menuButton === null || menuButton === void 0 ? void 0 : menuButton.style['anchor-name'] = `--${menuID}`;\n            menuButton === null || menuButton === void 0 ? void 0 : menuButton.setAttribute('aria-controls', menuID);\n        }\n        menuItems.forEach((item, index) => {\n            item.setAttribute('role', 'menuitem');\n            item.setAttribute('tabindex', '0');\n            if (index == 0) {\n                item.setAttribute('autofocus', true);\n            }\n        });\n        this.addEventListener('keydown', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('a, button, summary')) {\n                const activeItem = document.activeElement;\n                const prevIndex = Array.from(topLevelmenuItems).indexOf(activeItem) - 1;\n                const nextIndex = Array.from(topLevelmenuItems).indexOf(activeItem) + 1;\n                switch (event.keyCode // change to event.key to key to use the above variable\n                ) {\n                    case 27: // Esc\n                        if (activeItem.closest('details')) {\n                            event.stopPropagation();\n                            event.preventDefault();\n                            activeItem.closest('details').removeAttribute('open');\n                            activeItem.closest('details').querySelector(':scope summary').focus();\n                        }\n                        else {\n                            event.stopPropagation();\n                            menuButton.focus();\n                        }\n                        break;\n                    case 32: // Space\n                    case 13: // Enter\n                        break;\n                    case 35: // end\n                        event.stopPropagation();\n                        event.preventDefault();\n                        this.querySelector('details[open]').removeAttribute('open');\n                        Array.from(menuItems)[menuItems.length - 1].focus();\n                        break;\n                    case 36: // home\n                        event.stopPropagation();\n                        event.preventDefault();\n                        this.querySelector('details[open]').removeAttribute('open');\n                        Array.from(menuItems)[0].focus();\n                        break;\n                    case 38: // up\n                        event.stopPropagation();\n                        event.preventDefault();\n                        if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n                            if (Array.from(topLevelmenuItems)[prevIndex] != undefined)\n                                Array.from(topLevelmenuItems)[prevIndex].focus();\n                            else\n                                Array.from(topLevelmenuItems)[topLevelmenuItems.length - 1].focus();\n                        }\n                        else if (activeItem.closest('details')) {\n                            const subMenuItems = activeItem\n                                .closest('details')\n                                .querySelectorAll('a, button, :scope details > summary');\n                            subPrevIndex = Array.from(subMenuItems).indexOf(activeItem) - 1;\n                            if (Array.from(subMenuItems)[subPrevIndex] != undefined)\n                                Array.from(subMenuItems)[subPrevIndex].focus();\n                            else\n                                Array.from(subMenuItems)[subMenuItems.length - 1].focus();\n                        }\n                        break;\n                    case 40: // down\n                        event.stopPropagation();\n                        event.preventDefault();\n                        if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n                            if (Array.from(topLevelmenuItems)[nextIndex] != undefined)\n                                Array.from(topLevelmenuItems)[nextIndex].focus();\n                            else\n                                Array.from(topLevelmenuItems)[0].focus();\n                        }\n                        else if (activeItem.closest('details')) {\n                            const subMenuItems = activeItem\n                                .closest('details')\n                                .querySelectorAll('a, button, :scope details > summary');\n                            subNextIndex = Array.from(subMenuItems).indexOf(activeItem) + 1;\n                            if (Array.from(subMenuItems)[subNextIndex] != undefined)\n                                Array.from(subMenuItems)[subNextIndex].focus();\n                            else\n                                Array.from(subMenuItems)[0].focus();\n                        }\n                        break;\n                }\n            }\n        });\n        this.addEventListener('toggle', (e) => {\n            var _a, _b, _c, _d;\n            const updateEvent = new CustomEvent(e.newState, { detail: { id: this.getAttribute('id'), target: e.target } });\n            this.dispatchEvent(updateEvent);\n            // Fix the focus\n            if (this.closest('.menu__wrapper')) {\n                menuItems[0].focus();\n            }\n            if (this.hasAttribute('popover-open')) {\n                e.preventDefault();\n                this.removeAttribute('popover-open');\n                this.hidePopover();\n            }\n            if (this.matches(':popover-open') && document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) {\n                (_a = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-pressed', 'true');\n                (_b = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _b === void 0 ? void 0 : _b.classList.add('active');\n            }\n            else {\n                (_c = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _c === void 0 ? void 0 : _c.removeAttribute('aria-pressed');\n                (_d = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _d === void 0 ? void 0 : _d.classList.remove('active');\n            }\n        });\n        this.addEventListener('click', (event) => {\n            if (event &&\n                event.target instanceof HTMLElement &&\n                event.target.closest('button:has(+ iam-menu:not([popover]))')) {\n                const button = event.target.closest('button:has(+ iam-menu)');\n                button === null || button === void 0 ? void 0 : button.classList.toggle('open');\n            }\n            else if (event && event.target instanceof HTMLElement && event.target.closest('button.selectable')) {\n                const button = event.target.closest('button.selectable');\n                if (this.hasAttribute('multiple')) {\n                    button.classList.toggle('selected');\n                }\n                else if (button === null || button === void 0 ? void 0 : button.classList.contains('selected')) {\n                    this.querySelectorAll('.selected').forEach((item) => {\n                        item.classList.remove('selected');\n                    });\n                }\n                else {\n                    this.querySelectorAll('.selected').forEach((item) => {\n                        item.classList.remove('selected');\n                    });\n                    button.classList.add('selected');\n                }\n            }\n        });\n        // safari and firefox anchor fix for cards\n        if (!CSS.supports('top', 'anchor(top)')) {\n            document.addEventListener('click', (event) => {\n                if (event.originalTarget && event.originalTarget.matches('[popovertarget]')) {\n                    const button = event.originalTarget;\n                    const popoverID = button.getAttribute('popovertarget');\n                    const popover = document.getElementById(popoverID);\n                    const viewportOffset = button.getBoundingClientRect();\n                    const top = viewportOffset.top;\n                    const left = viewportOffset.left;\n                    popover.style.setProperty('top', top + 'px');\n                    popover.style.setProperty('left', left + button.clientWidth + 'px');\n                }\n            });\n        }\n    }\n}\nexport default iamMenu;\n","import { uniqueID } from '../../modules/helpers';\nimport iamMenu from '../menu/menu.component';\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'action bar',\n});\nfunction setSelectAllInput(element, value) {\n    if (element && value == 'all') {\n        element.querySelector('input').indeterminate = false;\n        element.querySelector('input').checked = true;\n        element.querySelector('label').textContent = `Select all`;\n    }\n    else if (element && value == 0) {\n        element.querySelector('input').indeterminate = false;\n        element.querySelector('input').checked = false;\n        element.querySelector('label').textContent = `Select all`;\n    }\n    else if (element && value) {\n        element.querySelector('input').indeterminate = true;\n        element.querySelector('input').checked = false;\n        element.querySelector('label').textContent = `${value} item${value > 1 ? 's' : ''} selected`;\n    }\n    else if (element) {\n        element.querySelector('input').checked = false;\n        element.querySelector('input').indeterminate = false;\n        element.querySelector('label').textContent = `Select all`;\n    }\n}\nclass iamActionbar 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        if (!window.customElements.get(`iam-menu`))\n            window.customElements.define(`iam-menu`, iamMenu);\n        const loadCSS = `@import \"${assetLocation}/css/components/actionbar.component.css\";`;\n        const loadExtraCSS = `@import \"${assetLocation}/css/components/actionbar.global.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\r\n    <style>\r\n    ${loadCSS}\r\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\r\n    </style>\r\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/8bd0fca975.css\" crossorigin=\"anonymous\">\r\n    <div class=\"actionbar__wrapper\">\r\n    \r\n      <div class=\"actionbar\" part=\"actionbar\">\r\n        <slot name=\"selectall\"></slot>\r\n        <slot name=\"filters\"></slot>\r\n        <div class=\"safe-area\">\r\n          <slot></slot>\r\n          <div class=\"body\">\r\n            <div class=\"menu__wrapper  menu__wrapper --right dialog-overflow d-none show\">\r\n              <button class=\"btn btn-secondary btn-compact btn-sm fa-ellipsis-vertical m-0\" popovertarget=\"overflow\" style=\"anchor-name: --anchor-overflow;\">More actions</button>\r\n              <iam-menu class=\"dialog--list\" part=\"overflow\" id=\"overflow\" style=\"position-anchor: --anchor-overflow;\" popover>\r\n                <slot name=\"overflow\"></slot>\r\n                <slot name=\"menu\"></slot>\r\n              </iam-menu>\r\n            </div>\r\n\r\n\r\n            <div class=\"menu__wrapper  menu__wrapper --right filter-columns\">\r\n              <button class=\"btn btn-secondary btn-compact btn-sm mb-0 me-0 fa-regular fa-table-columns\" title=\"Select colums\" popovertarget=\"filter\" style=\"anchor-name: --anchor-filter;\">Filter</button>\r\n              <iam-menu class=\"dialog--list\" id=\"filter\" style=\"position-anchor: --anchor-filter;\" popover>\r\n                <div class=\"pb-0 mb-0 checklists\">\r\n                  \r\n                </div>\r\n                <div class=\"text-right checklist-btns\"><button id=\"cancelColumns\" class=\"btn btn-action\">Cancel</button><button id=\"saveColumns\" class=\"btn btn-action btn-secondary\">Save</button></div>\r\n              </iam-menu>\r\n            </div>\r\n\r\n            <button class=\"btn btn-secondary btn-compact btn-sm fa-search\" data-search=\"\" part=\"search-btn\">Search</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"actionbar--selected\">\r\n        <div class=\"safe-area\">\r\n          <slot name=\"selected\"></slot>\r\n          <div class=\"body\">\r\n            <div class=\"menu__wrapper  menu__wrapper --right dialog-overflow d-none show\">\r\n              <button class=\"btn btn-secondary btn-compact btn-sm fa-ellipsis-vertical m-0\" popovertarget=\"selected-overflow\" style=\"anchor-name: --anchor-selected-overflow;\">More actions</button>\r\n              <iam-menu class=\"dialog--list\" part=\"selected-overflow\" id=\"selected-overflow\" style=\"position-anchor: --anchor-selected-overflow;\" popover>\r\n                <slot name=\"selected-overflow\"></slot>\r\n              </iam-menu>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"actionbar--search\">\r\n        <button data-search class=\"btn btn-compact fa-xmark-large btn-secondary mb-0\" >Close</button>\r\n\r\n        <div class=\"search-wrapper\" part=\"search\">\r\n          <label for=\"search\" class=\"visually-hidden\">Input field label</label>\r\n          <button class=\"suffix\" part=\"search-btn\"><i class=\"fa-regular fa-search\"></i></button>\r\n          <input type=\"text\" id=\"search\" name=\"search\" required=\"\" part=\"search-input\">\r\n          <button class=\"empty btn btn-action\"><i class=\"fa-light fa-times me-0\" aria-hidden=\"true\"></i></button>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n    <div class=\"no-columns\">\r\n      <span class=\"d-block\">No columns selected</span>\r\n    </div>\r\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n        // insert extra CSS\n        if (!document.getElementById('actionbarGlobal'))\n            document.head.insertAdjacentHTML('beforeend', `<style id=\"actionbarGlobal\">${loadExtraCSS}</style>`);\n    }\n    connectedCallback() {\n        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;\n        const actionbarWrapper = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.actionbar__wrapper');\n        const checklistHolder = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.checklists');\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const dialog = this.querySelector('.dialog__wrapper dialog');\n        // Transform dialog into a menu custom element\n        if (dialog) {\n            const btn = dialog.parentElement.querySelector('.btn');\n            const id = `menu${uniqueID(1)}`;\n            dialog.setAttribute('id', id);\n            dialog.setAttribute('popover', 'auto');\n            btn.setAttribute('popovertarget', id);\n            dialog.outerHTML = dialog.outerHTML.replace(/<dialog/g, '<iam-menu').replace(/<\\/dialog>/g, '</iam-menu>');\n            (_c = dialog.parentElement) === null || _c === void 0 ? void 0 : _c.classList.add('menu__wrapper');\n            (_d = dialog.parentElement) === null || _d === void 0 ? void 0 : _d.classList.remove('dialog__wrapper');\n        }\n        // #region select all\n        if (this.hasAttribute('data-selectall')) {\n            actionbarWrapper === null || actionbarWrapper === void 0 ? void 0 : actionbarWrapper.insertAdjacentHTML('afterbegin', `<div class=\"selectall pb-0\"><input type=\"checkbox\" name=\"selectall\" id=\"selectall\"><label for=\"selectall\" class=\"m-0\">Select all</label></div>`);\n            const selectAll = (_e = this.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.selectall');\n            if (this.hasAttribute('data-selected')) {\n                setSelectAllInput(selectAll, this.getAttribute('data-selected'));\n            }\n            selectAll === null || selectAll === void 0 ? void 0 : selectAll.addEventListener('change', (event) => {\n                var _a;\n                if (event && event.target instanceof HTMLElement && event.target.closest('input')) {\n                    if ((_a = event.target.closest('input')) === null || _a === void 0 ? void 0 : _a.checked)\n                        this.setAttribute('data-selected', 'all');\n                    else\n                        this.setAttribute('data-selected', '0');\n                }\n            });\n            const cancelButton = this.querySelector('button[data-cancel]');\n            if (cancelButton) {\n                cancelButton.addEventListener('click', () => {\n                    this.setAttribute('data-selected', '0');\n                });\n            }\n        }\n        // Wtach div for the select inputs\n        if (this.hasAttribute('data-select-watch')) {\n            const element = document.getElementById(this.getAttribute('data-select-watch'));\n            element === null || element === void 0 ? void 0 : element.setAttribute('data-select-container', 'true');\n            Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                var _a;\n                (_a = input.parentElement) === null || _a === void 0 ? void 0 : _a.setAttribute('slot', 'checkbox');\n            });\n            element === null || element === void 0 ? void 0 : element.addEventListener('change', (event) => {\n                if (event && event.target instanceof HTMLElement && event.target.closest('[type=\"checkbox\"]')) {\n                    const count = element.querySelectorAll('input[type=\"checkbox\"]').length;\n                    const countChecked = element.querySelectorAll('input[type=\"checkbox\"]:checked').length;\n                    this.setAttribute('data-selected', count == countChecked ? 'all' : String(countChecked));\n                    if (countChecked) {\n                        Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                            var _a;\n                            if (input.closest('iam-card'))\n                                (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.setAttribute('data-selected', 'true');\n                        });\n                    }\n                    else {\n                        Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                            var _a;\n                            if (input.closest('iam-card'))\n                                (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-selected');\n                        });\n                    }\n                }\n            });\n        }\n        // #endregion\n        // #region switchviews\n        if (this.hasAttribute('data-switchviews')) {\n            let btns = '';\n            const viewList = (_f = this.getAttribute('data-switchviews')) === null || _f === void 0 ? void 0 : _f.split(',');\n            viewList === null || viewList === void 0 ? void 0 : viewList.forEach((view) => {\n                let icon = 'fa-grid';\n                if (view == 'list')\n                    icon = 'fa-list';\n                else if (view == 'small')\n                    icon = 'fa-table';\n                btns += `<button class=\"tag tag--toggle mb-0\" data-view=\"${view}\"><i class=\"fa-regular ${icon} m-0\"></i><span class=\"visually-hidden\">${view}</span></button>`;\n            });\n            actionbarWrapper === null || actionbarWrapper === void 0 ? void 0 : actionbarWrapper.insertAdjacentHTML('afterbegin', `<div class=\"views m-0\">${btns}</div>`);\n            const views = (_g = this.shadowRoot) === null || _g === void 0 ? void 0 : _g.querySelector('.views');\n            views === null || views === void 0 ? void 0 : views.addEventListener('click', (event) => {\n                if (event && event.target instanceof HTMLElement && event.target.closest('.tag--toggle')) {\n                    const btn = event.target.closest('.tag--toggle');\n                    this.setAttribute('data-view', btn.textContent);\n                    const switchEvent = new CustomEvent('switch-view', { detail: { view: btn.textContent } });\n                    this.dispatchEvent(switchEvent);\n                }\n            });\n        }\n        // #endregion\n        // #region search\n        const searchBar = (_h = this.shadowRoot) === null || _h === void 0 ? void 0 : _h.querySelector('.actionbar--search');\n        if (this.hasAttribute('data-search-value')) {\n            ((_j = this.shadowRoot) === null || _j === void 0 ? void 0 : _j.querySelector('#search')).value = String(this.getAttribute('data-search-value'));\n        }\n        if (this.hasAttribute('data-search') && this.getAttribute('data-search') == 'show')\n            searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add('show');\n        const searchBtn = this.shadowRoot.querySelector('button[data-search]');\n        this.shadowRoot.addEventListener('click', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('button[data-search]')) {\n                searchBar.classList.toggle('show');\n                searchBtn.toggleAttribute('aria-expanded');\n                searchInput.focus();\n            }\n        });\n        searchBar.addEventListener('keyup', () => {\n            const keyupEvent = new CustomEvent('search-keyup', {\n                detail: { search: searchBar.querySelector('input').value },\n            });\n            this.dispatchEvent(keyupEvent);\n        });\n        searchBar.addEventListener('change', () => {\n            const changeEvent = new CustomEvent('search-change', {\n                detail: { search: searchBar.querySelector('input').value },\n            });\n            this.dispatchEvent(changeEvent);\n        });\n        searchBar.addEventListener('click', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('button.suffix')) {\n                const submitEvent = new CustomEvent('search-submit', {\n                    detail: { search: searchBar.querySelector('input').value },\n                });\n                this.dispatchEvent(submitEvent);\n                searchBar.classList.toggle('show');\n                searchBtn.toggleAttribute('aria-expanded');\n            }\n        });\n        const clearBtn = searchBar.querySelector('.empty');\n        const searchInput = searchBar.querySelector('#search');\n        clearBtn.addEventListener('click', function (e) {\n            searchInput.removeAttribute('placeholder');\n            searchInput.removeAttribute('data-value');\n            searchInput.value = '';\n        });\n        // #endregion\n        // #region Reponsive safe area\n        const hideButtons = () => {\n            const wrapperWidth = actionbarWrapper.scrollWidth;\n            const screenWidth = document.documentElement.scrollWidth;\n            let safeAreaWidth = 750;\n            let elementMargin = 16;\n            let tabletSafeWidth = 450;\n            let mobileSafeWidth = (this === null || this === void 0 ? void 0 : this.hasAttribute('data-switchviews')) ? 144 : 210;\n            if (this.hasAttribute('data-large-safe-area')) {\n                safeAreaWidth = 1048;\n                tabletSafeWidth = 620;\n                mobileSafeWidth = 260;\n            }\n            // We need to modify the widths to mimic the CSS's scaling functionality\n            let modifier = 1;\n            if (screenWidth >= 992 && screenWidth <= 1280) {\n                modifier = screenWidth / 1280;\n            }\n            else if (screenWidth >= 576 && screenWidth < 992) {\n                modifier = screenWidth / 768;\n            }\n            else if (screenWidth < 576) {\n                modifier = screenWidth / 375;\n            }\n            // Work out the safe sapce width depending upon the wrappers width and modifier comp\n            if (wrapperWidth >= 992 && wrapperWidth <= 1280) {\n                safeAreaWidth = safeAreaWidth * modifier;\n            }\n            else if (wrapperWidth >= 576 && wrapperWidth < 992) {\n                safeAreaWidth = tabletSafeWidth * modifier;\n            }\n            else if (wrapperWidth < 576) {\n                safeAreaWidth = mobileSafeWidth * modifier;\n            }\n            // Margin in between elements\n            elementMargin = elementMargin * modifier;\n            // If the wrapper width is small we want to reduce the btn sizes by adding or removing btn-compact classes\n            if (wrapperWidth < 576) {\n                Array.from(this.querySelectorAll(':scope > .btn:not(.js-updated), :scope > .menu__wrapper  > .btn[class*=\"fa-\"]:first-child:not(.js-updated)')).forEach((element) => {\n                    element.className = element.className.replace(' btn-compact', ' _btn-compact');\n                    element.classList.add('btn-compact');\n                    element.classList.add('js-updated');\n                });\n            }\n            else {\n                Array.from(this.querySelectorAll(':scope > .btn.js-updated, :scope > .menu__wrapper  > .btn.js-updated:first-child')).forEach((element) => {\n                    element.classList.remove('btn-compact');\n                    element.classList.remove('js-updated');\n                    element.className = element.className.replace(' _btn-compact', ' btn-compact');\n                });\n            }\n            // Reset the elements before we decide what elements become slotted into the overflow\n            Array.from(this.querySelectorAll('[slot]')).forEach((element) => {\n                if (element.getAttribute('slot') == 'overflow')\n                    element.removeAttribute('slot');\n                if (element.getAttribute('slot') == 'selected-overflow')\n                    element.setAttribute('slot', 'selected');\n            });\n            Array.from(this.querySelectorAll('.show')).forEach((element) => {\n                element.classList.remove('show');\n            });\n            // Foreach safe area lets check what elements are slotted in them and if they need an overflow\n            Array.from(this.shadowRoot.querySelectorAll('.safe-area')).forEach((element) => {\n                var _a, _b, _c;\n                // Decide on which overflow slot to use\n                let overflowSlot = 'overflow';\n                if (((_a = element.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.hasAttribute('name')) &&\n                    ((_b = element.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.getAttribute('name')) == 'selected')\n                    overflowSlot = 'selected-overflow';\n                // Get the slotted elements, remember they aren't children of the safe area\n                const elements = (_c = element.querySelector('slot')) === null || _c === void 0 ? void 0 : _c.assignedElements();\n                let tempWidth = 44 * modifier; // Allow space for the overflow button\n                // If search then allow for the search button width\n                if (this.hasAttribute('data-search'))\n                    tempWidth += 44 * modifier;\n                // Foreach element this isn't an action button or dialog wrapper add to the width, these will not be moved into the overflow slot\n                for (let i = 0; i < elements.length; i++) {\n                    if (!elements[i].classList.contains('btn-action') && !elements[i].classList.contains('menu__wrapper ')) {\n                        tempWidth += elements[i].offsetWidth;\n                        tempWidth += elementMargin;\n                    }\n                }\n                // Foreach dialog wrapper decide if safe in safe area or move into the overflow slot, dialog wrappers have priority over the action buttons\n                for (let i = 0; i < elements.length; i++) {\n                    if (elements[i].classList.contains('menu__wrapper ')) {\n                        elements[i].classList.add('show');\n                        tempWidth += elements[i].offsetWidth;\n                        tempWidth += elementMargin / 2;\n                        // If we have exceeded the safe area then lets break the loop\n                        if (tempWidth - elementMargin / 2 > safeAreaWidth) {\n                            elements[i].classList.remove('show');\n                            break;\n                        }\n                    }\n                }\n                // Foreach action button\n                for (let i = 0; i < elements.length; i++) {\n                    if (elements[i].classList.contains('btn-action')) {\n                        elements[i].classList.add('show');\n                        tempWidth += elements[i].offsetWidth;\n                        tempWidth += elementMargin / 2;\n                        // If we have exceeded the safe area then lets break the loop\n                        if (tempWidth - elementMargin / 2 > safeAreaWidth) {\n                            elements[i].classList.remove('show');\n                            break;\n                        }\n                    }\n                }\n                const overflowDialog = element.querySelector('.dialog-overflow');\n                if (overflowDialog)\n                    overflowDialog.classList.add('d-none');\n                // Decide which elements go into the overflow slot\n                for (let i = 0; i < elements.length; i++) {\n                    if (elements[i].classList.contains('btn-action') || elements[i].classList.contains('menu__wrapper ')) {\n                        if (!elements[i].classList.contains('show')) {\n                            // Move to the slot by changing the attribute\n                            elements[i].setAttribute('slot', overflowSlot);\n                            // if an element has been added to overflow slot then make sure we show the overflow menu button\n                            if (overflowDialog)\n                                overflowDialog.classList.remove('d-none');\n                        }\n                    }\n                }\n            });\n        };\n        // Check buttons on load and when the wrapper element gets resized.\n        hideButtons();\n        new ResizeObserver(hideButtons).observe(actionbarWrapper);\n        // #endregion\n        // #region cloumn filters\n        const setColumnFilters = () => {\n            let columnsHidden = '';\n            Array.from(checklistHolder === null || checklistHolder === void 0 ? void 0 : checklistHolder.querySelectorAll('label input')).forEach((element, index) => {\n                columnsHidden += this.hasAttribute(`data-hide-col${index + 1}`) ? `${index + 1},` : '';\n            });\n            this.setAttribute('data-columns-shown', checklistHolder.querySelectorAll('input:checked').length);\n            const dispatchedEvent = new CustomEvent('columm-filters-set', {\n                detail: {\n                    columnsHidden: columnsHidden.slice(0, -1),\n                },\n            });\n            this.dispatchEvent(dispatchedEvent);\n        };\n        if (this.hasAttribute('data-filter-columns') || this.hasAttribute('data-filter-columns-save')) {\n            const columns = this.closest('iam-table').querySelectorAll('thead th');\n            Array.from(columns).forEach((element, index) => {\n                if (element.textContent) {\n                    checklistHolder === null || checklistHolder === void 0 ? void 0 : checklistHolder.insertAdjacentHTML('beforeend', `<label class=\"m-0\" title=\"Change the display of \"><input name=\"hideCol${index + 1}\" value=\"${index + 1}\" type=\"checkbox\" ${this.hasAttribute('data-hide-col' + (index + 1)) ? '' : 'checked'} /> ${element.textContent}</label>`);\n                }\n            });\n        }\n        this.setAttribute('data-columns-shown', checklistHolder.querySelectorAll('input:checked').length);\n        if (this.hasAttribute('data-filter-columns') && !this.hasAttribute('data-filter-columns-save')) {\n            checklistHolder === null || checklistHolder === void 0 ? void 0 : checklistHolder.addEventListener('change', (event) => {\n                if (event && event.target instanceof HTMLElement && event.target.closest('input')) {\n                    const checkbox = event.target.closest('input');\n                    if ((checkbox === null || checkbox === void 0 ? void 0 : checkbox.checked) == false) {\n                        this.setAttribute('data-hide-col' + (checkbox === null || checkbox === void 0 ? void 0 : checkbox.value), 'true');\n                    }\n                    else {\n                        this.removeAttribute('data-hide-col' + (checkbox === null || checkbox === void 0 ? void 0 : checkbox.value));\n                    }\n                    setColumnFilters();\n                }\n            });\n        }\n        if (this.hasAttribute('data-filter-columns-save')) {\n            const checklistHolder = (_k = this.shadowRoot) === null || _k === void 0 ? void 0 : _k.querySelector('.checklists');\n            const checklistSave = (_l = this.shadowRoot) === null || _l === void 0 ? void 0 : _l.querySelector('#saveColumns');\n            const checklistCancel = (_m = this.shadowRoot) === null || _m === void 0 ? void 0 : _m.querySelector('#cancelColumns');\n            checklistSave === null || checklistSave === void 0 ? void 0 : checklistSave.addEventListener('click', (event) => {\n                var _a;\n                Array.from(checklistHolder === null || checklistHolder === void 0 ? void 0 : checklistHolder.querySelectorAll('label input')).forEach((checkbox) => {\n                    if ((checkbox === null || checkbox === void 0 ? void 0 : checkbox.checked) == false) {\n                        this.setAttribute('data-hide-col' + (checkbox === null || checkbox === void 0 ? void 0 : checkbox.value), 'true');\n                    }\n                    else {\n                        this.removeAttribute('data-hide-col' + (checkbox === null || checkbox === void 0 ? void 0 : checkbox.value));\n                    }\n                });\n                setColumnFilters();\n                (_a = checklistSave.closest('dialog')) === null || _a === void 0 ? void 0 : _a.close();\n            });\n            // Revert back to what was previously saved\n            checklistCancel === null || checklistCancel === void 0 ? void 0 : checklistCancel.addEventListener('click', (event) => {\n                var _a, _b;\n                const checklistHolder = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.checklists');\n                Array.from(checklistHolder === null || checklistHolder === void 0 ? void 0 : checklistHolder.querySelectorAll('label input')).forEach((element, index) => {\n                    element.checked = this.hasAttribute(`data-hide-col${index + 1}`) ? false : true;\n                });\n                setColumnFilters();\n                (_b = checklistSave.closest('dialog')) === null || _b === void 0 ? void 0 : _b.close();\n            });\n        }\n        // #endregion\n    }\n    static get observedAttributes() {\n        return ['data-selected'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        switch (attrName) {\n            case 'data-selected': {\n                const selectAll = this.shadowRoot.querySelector('.selectall');\n                if (selectAll)\n                    setSelectAllInput(selectAll, newVal);\n                const event = new CustomEvent('selected', { detail: { selected: newVal } });\n                this.dispatchEvent(event);\n                if (newVal == 'all' && this.hasAttribute('data-select-watch')) {\n                    const element = document.getElementById(String(this.getAttribute('data-select-watch')));\n                    Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                        var _a;\n                        input.checked = true;\n                        if (input.closest('iam-card'))\n                            (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.setAttribute('data-selected', 'true');\n                    });\n                }\n                if (newVal == '0' && this.hasAttribute('data-select-watch')) {\n                    const element = document.getElementById(String(this.getAttribute('data-select-watch')));\n                    Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                        var _a;\n                        input.checked = false;\n                        if (input.closest('iam-card'))\n                            (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-selected');\n                    });\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamActionbar;\n"],"names":["uniqueID","index","iamMenu","template","menuID","menuButton","topLevelmenuItems","menuItems","subNextIndex","subPrevIndex","item","event","activeItem","prevIndex","nextIndex","subMenuItems","_a","_b","_c","_d","updateEvent","button","popoverID","popover","viewportOffset","top","left","setSelectAllInput","element","value","iamActionbar","_e","_f","_g","_h","_j","_k","_l","_m","actionbarWrapper","checklistHolder","dialog","btn","id","selectAll","cancelButton","input","count","countChecked","btns","viewList","view","icon","views","switchEvent","searchBar","searchBtn","searchInput","keyupEvent","changeEvent","submitEvent","clearBtn","e","hideButtons","wrapperWidth","screenWidth","safeAreaWidth","elementMargin","tabletSafeWidth","mobileSafeWidth","modifier","overflowSlot","elements","tempWidth","i","overflowDialog","setColumnFilters","columnsHidden","dispatchedEvent","columns","checkbox","checklistSave","checklistCancel","attrName","oldVal","newVal"],"mappings":"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"}
+{"version":3,"file":"actionbar.component.min.js","sources":["../../modules/helpers.js","../menu/menu.component.js","actionbar.component.js"],"sourcesContent":["/**\n * Global helper functions to help maintain and enhance framework elements.\n * @module Helpers\n */\n/**\n * Add global classes used by the CSS and later JavaScript.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addBodyClasses = (body) => {\n    body.classList.add('js-enabled');\n    if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {\n        body.classList.add('ie');\n    }\n};\n/**\n * Add global events.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addGlobalEvents = (body) => {\n    const checkElements = function (hash) {\n        const label = document.querySelector(`label[for=\"${hash.replace('#', '')}\"]`);\n        const summary = document.querySelector(hash + ' summary');\n        const dialog = document.querySelector(`dialog${hash}`);\n        const detail = document.querySelector(`detail${hash}`);\n        if (label instanceof HTMLElement)\n            label.click();\n        else if (summary instanceof HTMLElement)\n            summary.click();\n        else if (dialog instanceof HTMLElement)\n            dialog.showModal();\n        else if (detail instanceof HTMLElement)\n            detail.addAttribute('open');\n    };\n    if (location.hash)\n        checkElements(location.hash);\n    window.addEventListener('hashchange', function () {\n        checkElements(location.hash);\n    }, false);\n    addEventListener('popstate', (event) => {\n        if (event && event.state && event.state.type && event.state.type == 'pagination') {\n            const form = document.querySelector(`#${event.state.form}`);\n            const pageInput = document.querySelector(`#${event.state.form} [data-pagination]`);\n            if (pageInput)\n                pageInput.value = event.state.page;\n            else\n                form.innerHTML += `<input name=\"page\" type=\"hidden\" data-pagination=\"true\" value=\"${event.state.page}\" />`;\n            form.dispatchEvent(new Event('submit'));\n        }\n    });\n    Array.from(document.querySelectorAll('form')).forEach((form) => {\n        if (!(form === null || form === void 0 ? void 0 : form.closest('iam-form'))) {\n            form.addEventListener('submit', (event) => {\n                var _a;\n                if (form.querySelector(':invalid')) {\n                    form.classList.add('was-validated');\n                    (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n                    event.preventDefault();\n                }\n            });\n        }\n    });\n    document.addEventListener('click', (event) => {\n        var _a;\n        if (event && event.target instanceof HTMLElement && event.target.matches('form button:not([type=button])')) {\n            const form = event.target.closest('form');\n            if (!(form === null || form === void 0 ? void 0 : form.closest('iam-form'))) {\n                // Reset password types\n                Array.from(form.querySelectorAll('[data-password-type]')).forEach((input) => {\n                    input.setAttribute('type', 'password');\n                });\n                if (form.querySelector(':invalid') ||\n                    form.querySelector('.pwd-checker[data-strength=\"1\"]') ||\n                    form.querySelector('.pwd-checker[data-strength=\"2\"]')) {\n                    form.classList.add('was-validated');\n                    (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n                    event.preventDefault();\n                }\n                if (form.querySelector('iam-multiselect[data-is-required][data-error]')) {\n                    form.classList.add('was-validated');\n                    event.preventDefault();\n                }\n            }\n        }\n    });\n    document.addEventListener('keydown', (e) => {\n        if (e.key === 'Escape') {\n            if (document.querySelector('.dialog--transactional[open], .dialog--acknowledgement[open]')) {\n                e.preventDefault();\n                e.stopPropagation();\n            }\n        }\n    });\n    Array.from(document.querySelectorAll('label progress')).forEach((progress) => {\n        const label = progress.closest('label');\n        label.setAttribute('data-percent', progress.getAttribute('value'));\n    });\n};\nexport const isNumeric = function (str) {\n    if (typeof str != 'string')\n        return false; // we only process strings!\n    return (!isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...\n        !isNaN(parseFloat(str))); // ...and ensure strings of whitespace fail\n};\nexport const zeroPad = (num, places) => String(num).padStart(places, '0');\nexport const ucfirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nexport const ucwords = (str) => str\n    .split(' ')\n    .map((s) => ucfirst(s))\n    .join(' ');\nexport const unsnake = (str) => str.replace(/_/g, ' ');\nexport const snake = (str) => str.replace(/ /g, '_');\nexport const safeID = function (str) {\n    str = str.toLowerCase();\n    str = snake(str);\n    str = str.replace(/\\W/g, '');\n    return str;\n};\nexport const numberOfDays = function (startDateString, endDateString) {\n    const convertStart = startDateString.split('/');\n    const convertEnd = endDateString.split('/');\n    const dateStart = new Date(convertStart[1] + '/' + convertStart[0] + '/' + convertStart[2]);\n    const dateEnd = new Date(convertEnd[1] + '/' + convertEnd[0] + '/' + convertEnd[2]);\n    if (dateStart == 'Invalid Date')\n        throw 'Start date is not a valid date';\n    if (dateEnd == 'Invalid Date')\n        throw 'End date is not a valid date';\n    // To calculate the time difference of two dates\n    const diffTime = dateEnd.getTime() - dateStart.getTime();\n    const numberOfDays = diffTime / (1000 * 3600 * 24) + 1;\n    if (numberOfDays < 0)\n        throw 'The start date should be before the end date';\n    return numberOfDays;\n};\n// Used to get values from nested json objects\nexport const resolvePath = (object, path, defaultValue) => path\n    // eslint-disable-next-line no-useless-escape\n    .split(/[\\.\\[\\]\\'\\\"]/)\n    .filter((p) => p)\n    .reduce((o, p) => (o ? o[p] : defaultValue), object);\nexport const isTraversable = (o) => Array.isArray(o) || (o !== null && ['function', 'object'].includes(typeof o));\nexport const getSwipeDirection = (touchstartX, touchstartY, touchendX, touchendY) => {\n    const limit = Math.tan(((45 * 1.5) / 180) * Math.PI);\n    const pageWidth = window.innerWidth || document.body.clientWidth;\n    const treshold = Math.max(1, Math.floor(0.01 * pageWidth));\n    const x = touchendX - touchstartX;\n    const y = touchendY - touchstartY;\n    const xy = Math.abs(x / y);\n    const yx = Math.abs(y / x);\n    if (Math.abs(x) > treshold || Math.abs(y) > treshold) {\n        if (yx <= limit) {\n            if (x < 0) {\n                return 'left';\n            }\n            else {\n                return 'right';\n            }\n        }\n        if (xy <= limit) {\n            if (y < 0) {\n                return 'top';\n            }\n            else {\n                return 'bottom';\n            }\n        }\n    }\n    else {\n        return 'tap';\n    }\n};\nexport const uniqueID = (index = 1) => {\n    const ID = Math.floor(Math.random() * Date.now() * (index + 1));\n    return ID;\n};\nexport const isValidPostcode = (searchValue) => {\n    const regexp = /^([A-Z][A-HJ-Y]?[0-9][A-Z0-9]? ?[0-9][A-Z]{2}|GIR ?0A{2})$/gmi;\n    return regexp.test(searchValue.trim());\n};\n","class iamMenu 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 menuCSS = `@import \"${assetLocation}/css/components/menu.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${menuCSS}\n    </style>\n    <div class=\"menu--inner\" part=\"inner\">\n      <slot></slot>\n    </div>`;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        const menuID = this.hasAttribute('id') ? this.getAttribute('id') : false;\n        const menuButton = document.querySelector(`[popovertarget=\"${menuID}\"]`);\n        let topLevelmenuItems = this.querySelectorAll(':scope > a, :scope > button, :scope > details > summary');\n        let menuItems = this.querySelectorAll('a, button');\n        if (this.closest('.menu__wrapper')) {\n            menuItems = this.shadowRoot.querySelector('slot').assignedElements({ flatten: true });\n            topLevelmenuItems = menuItems;\n        }\n        const subMenus = this.querySelectorAll('details');\n        let subNextIndex;\n        let subPrevIndex;\n        // Set the needed CSS styles to connect the ID attribute to the anchor name\n        if (menuID && menuButton) {\n            this.setAttribute('role', 'menu');\n            this.setAttribute('popover', 'auto');\n            this.style['position-anchor'] = `--${menuID}`;\n            menuButton === null || menuButton === void 0 ? void 0 : menuButton.setAttribute('aria-haspopup', 'true');\n            menuButton === null || menuButton === void 0 ? void 0 : menuButton.style['anchor-name'] = `--${menuID}`;\n            menuButton === null || menuButton === void 0 ? void 0 : menuButton.setAttribute('aria-controls', menuID);\n        }\n        menuItems.forEach((item, index) => {\n            item.setAttribute('role', 'menuitem');\n            item.setAttribute('tabindex', '0');\n            if (index == 0) {\n                item.setAttribute('autofocus', true);\n            }\n        });\n        this.addEventListener('keydown', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('a, button, summary')) {\n                const activeItem = document.activeElement;\n                const prevIndex = Array.from(topLevelmenuItems).indexOf(activeItem) - 1;\n                const nextIndex = Array.from(topLevelmenuItems).indexOf(activeItem) + 1;\n                switch (event.keyCode // change to event.key to key to use the above variable\n                ) {\n                    case 27: // Esc\n                        if (activeItem.closest('details')) {\n                            event.stopPropagation();\n                            event.preventDefault();\n                            activeItem.closest('details').removeAttribute('open');\n                            activeItem.closest('details').querySelector(':scope summary').focus();\n                        }\n                        else {\n                            event.stopPropagation();\n                            menuButton.focus();\n                        }\n                        break;\n                    case 32: // Space\n                    case 13: // Enter\n                        break;\n                    case 35: // end\n                        event.stopPropagation();\n                        event.preventDefault();\n                        this.querySelector('details[open]').removeAttribute('open');\n                        Array.from(menuItems)[menuItems.length - 1].focus();\n                        break;\n                    case 36: // home\n                        event.stopPropagation();\n                        event.preventDefault();\n                        this.querySelector('details[open]').removeAttribute('open');\n                        Array.from(menuItems)[0].focus();\n                        break;\n                    case 38: // up\n                        event.stopPropagation();\n                        event.preventDefault();\n                        if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n                            if (Array.from(topLevelmenuItems)[prevIndex] != undefined)\n                                Array.from(topLevelmenuItems)[prevIndex].focus();\n                            else\n                                Array.from(topLevelmenuItems)[topLevelmenuItems.length - 1].focus();\n                        }\n                        else if (activeItem.closest('details')) {\n                            const subMenuItems = activeItem\n                                .closest('details')\n                                .querySelectorAll('a, button, :scope details > summary');\n                            subPrevIndex = Array.from(subMenuItems).indexOf(activeItem) - 1;\n                            if (Array.from(subMenuItems)[subPrevIndex] != undefined)\n                                Array.from(subMenuItems)[subPrevIndex].focus();\n                            else\n                                Array.from(subMenuItems)[subMenuItems.length - 1].focus();\n                        }\n                        break;\n                    case 40: // down\n                        event.stopPropagation();\n                        event.preventDefault();\n                        if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n                            if (Array.from(topLevelmenuItems)[nextIndex] != undefined)\n                                Array.from(topLevelmenuItems)[nextIndex].focus();\n                            else\n                                Array.from(topLevelmenuItems)[0].focus();\n                        }\n                        else if (activeItem.closest('details')) {\n                            const subMenuItems = activeItem\n                                .closest('details')\n                                .querySelectorAll('a, button, :scope details > summary');\n                            subNextIndex = Array.from(subMenuItems).indexOf(activeItem) + 1;\n                            if (Array.from(subMenuItems)[subNextIndex] != undefined)\n                                Array.from(subMenuItems)[subNextIndex].focus();\n                            else\n                                Array.from(subMenuItems)[0].focus();\n                        }\n                        break;\n                }\n            }\n        });\n        this.addEventListener('toggle', (e) => {\n            var _a, _b, _c, _d;\n            const updateEvent = new CustomEvent(e.newState, { detail: { id: this.getAttribute('id'), target: e.target } });\n            this.dispatchEvent(updateEvent);\n            // Fix the focus\n            if (this.closest('.menu__wrapper')) {\n                menuItems[0].focus();\n            }\n            if (this.hasAttribute('popover-open')) {\n                e.preventDefault();\n                this.removeAttribute('popover-open');\n                this.hidePopover();\n            }\n            if (this.matches(':popover-open') && document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) {\n                (_a = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-pressed', 'true');\n                (_b = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _b === void 0 ? void 0 : _b.classList.add('active');\n            }\n            else {\n                (_c = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _c === void 0 ? void 0 : _c.removeAttribute('aria-pressed');\n                (_d = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _d === void 0 ? void 0 : _d.classList.remove('active');\n            }\n        });\n        this.addEventListener('click', (event) => {\n            if (event &&\n                event.target instanceof HTMLElement &&\n                event.target.closest('button:has(+ iam-menu:not([popover]))')) {\n                const button = event.target.closest('button:has(+ iam-menu)');\n                button === null || button === void 0 ? void 0 : button.classList.toggle('open');\n            }\n            else if (event && event.target instanceof HTMLElement && event.target.closest('button.selectable')) {\n                const button = event.target.closest('button.selectable');\n                if (this.hasAttribute('multiple')) {\n                    button.classList.toggle('selected');\n                }\n                else if (button === null || button === void 0 ? void 0 : button.classList.contains('selected')) {\n                    this.querySelectorAll('.selected').forEach((item) => {\n                        item.classList.remove('selected');\n                    });\n                }\n                else {\n                    this.querySelectorAll('.selected').forEach((item) => {\n                        item.classList.remove('selected');\n                    });\n                    button.classList.add('selected');\n                }\n            }\n        });\n        // safari and firefox anchor fix for cards\n        if (!CSS.supports('top', 'anchor(top)')) {\n            document.addEventListener('click', (event) => {\n                if (event.originalTarget && event.originalTarget.matches('[popovertarget]')) {\n                    const button = event.originalTarget;\n                    const popoverID = button.getAttribute('popovertarget');\n                    const popover = document.getElementById(popoverID);\n                    const viewportOffset = button.getBoundingClientRect();\n                    const top = viewportOffset.top;\n                    const left = viewportOffset.left;\n                    popover.style.setProperty('top', top + 'px');\n                    popover.style.setProperty('left', left + button.clientWidth + 'px');\n                }\n            });\n        }\n    }\n}\nexport default iamMenu;\n","import { uniqueID } from '../../modules/helpers';\nimport iamMenu from '../menu/menu.component';\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'action bar',\n});\nfunction setSelectAllInput(element, value) {\n    if (element && value == 'all') {\n        element.querySelector('input').indeterminate = false;\n        element.querySelector('input').checked = true;\n        element.querySelector('label').textContent = `Select all`;\n    }\n    else if (element && value == 0) {\n        element.querySelector('input').indeterminate = false;\n        element.querySelector('input').checked = false;\n        element.querySelector('label').textContent = `Select all`;\n    }\n    else if (element && value) {\n        element.querySelector('input').indeterminate = true;\n        element.querySelector('input').checked = false;\n        element.querySelector('label').textContent = `${value} item${value > 1 ? 's' : ''} selected`;\n    }\n    else if (element) {\n        element.querySelector('input').checked = false;\n        element.querySelector('input').indeterminate = false;\n        element.querySelector('label').textContent = `Select all`;\n    }\n}\nclass iamActionbar 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        if (!window.customElements.get(`iam-menu`))\n            window.customElements.define(`iam-menu`, iamMenu);\n        const loadCSS = `@import \"${assetLocation}/css/components/actionbar.component.css\";`;\n        const loadExtraCSS = `@import \"${assetLocation}/css/components/actionbar.global.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${loadCSS}\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/8bd0fca975.css\" crossorigin=\"anonymous\">\n    <div class=\"actionbar__wrapper\">\n    \n      <div class=\"actionbar\" part=\"actionbar\">\n        <slot name=\"selectall\"></slot>\n        <slot name=\"filters\"></slot>\n        <div class=\"safe-area\">\n          <slot></slot>\n          <div class=\"body\">\n            <div class=\"menu__wrapper  menu__wrapper --right dialog-overflow d-none show\">\n              <button class=\"btn btn-secondary btn-compact btn-sm fa-ellipsis-vertical m-0\" popovertarget=\"overflow\" style=\"anchor-name: --anchor-overflow;\">More actions</button>\n              <iam-menu class=\"dialog--list\" part=\"overflow\" id=\"overflow\" style=\"position-anchor: --anchor-overflow;\" popover>\n                <slot name=\"overflow\"></slot>\n                <slot name=\"menu\"></slot>\n              </iam-menu>\n            </div>\n\n\n            <div class=\"menu__wrapper  menu__wrapper --right filter-columns\">\n              <button class=\"btn btn-secondary btn-compact btn-sm mb-0 me-0 fa-regular fa-table-columns\" title=\"Select colums\" popovertarget=\"filter\" style=\"anchor-name: --anchor-filter;\">Filter</button>\n              <iam-menu class=\"dialog--list\" id=\"filter\" style=\"position-anchor: --anchor-filter;\" popover>\n                <div class=\"pb-0 mb-0 checklists\">\n                  \n                </div>\n                <div class=\"text-right checklist-btns\"><button id=\"cancelColumns\" class=\"btn btn-action\">Cancel</button><button id=\"saveColumns\" class=\"btn btn-action btn-secondary\">Save</button></div>\n              </iam-menu>\n            </div>\n\n            <button class=\"btn btn-secondary btn-compact btn-sm fa-search\" data-search=\"\" part=\"search-btn\">Search</button>\n          </div>\n        </div>\n      </div>\n      <div class=\"actionbar--selected\">\n        <div class=\"safe-area\">\n          <slot name=\"selected\"></slot>\n          <div class=\"body\">\n            <div class=\"menu__wrapper  menu__wrapper --right dialog-overflow d-none show\">\n              <button class=\"btn btn-secondary btn-compact btn-sm fa-ellipsis-vertical m-0\" popovertarget=\"selected-overflow\" style=\"anchor-name: --anchor-selected-overflow;\">More actions</button>\n              <iam-menu class=\"dialog--list\" part=\"selected-overflow\" id=\"selected-overflow\" style=\"position-anchor: --anchor-selected-overflow;\" popover>\n                <slot name=\"selected-overflow\"></slot>\n              </iam-menu>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"actionbar--search\">\n        <button data-search class=\"btn btn-compact fa-xmark-large btn-secondary mb-0\" >Close</button>\n\n        <div class=\"search-wrapper\" part=\"search\">\n          <label for=\"search\" class=\"visually-hidden\">Input field label</label>\n          <button class=\"suffix\" part=\"search-btn\"><i class=\"fa-regular fa-search\"></i></button>\n          <input type=\"text\" id=\"search\" name=\"search\" required=\"\" part=\"search-input\">\n          <button class=\"empty btn btn-action\"><i class=\"fa-light fa-times me-0\" aria-hidden=\"true\"></i></button>\n        </div>\n\n      </div>\n    </div>\n    <div class=\"no-columns\">\n      <span class=\"d-block\">No columns selected</span>\n    </div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n        // insert extra CSS\n        if (!document.getElementById('actionbarGlobal'))\n            document.head.insertAdjacentHTML('beforeend', `<style id=\"actionbarGlobal\">${loadExtraCSS}</style>`);\n    }\n    connectedCallback() {\n        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;\n        const actionbarWrapper = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.actionbar__wrapper');\n        const checklistHolder = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.checklists');\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const dialog = this.querySelector('.dialog__wrapper dialog');\n        // Transform dialog into a menu custom element\n        if (dialog) {\n            const btn = dialog.parentElement.querySelector('.btn');\n            const id = `menu${uniqueID(1)}`;\n            dialog.setAttribute('id', id);\n            dialog.setAttribute('popover', 'auto');\n            btn.setAttribute('popovertarget', id);\n            dialog.outerHTML = dialog.outerHTML.replace(/<dialog/g, '<iam-menu').replace(/<\\/dialog>/g, '</iam-menu>');\n            (_c = dialog.parentElement) === null || _c === void 0 ? void 0 : _c.classList.add('menu__wrapper');\n            (_d = dialog.parentElement) === null || _d === void 0 ? void 0 : _d.classList.remove('dialog__wrapper');\n        }\n        // #region select all\n        if (this.hasAttribute('data-selectall')) {\n            actionbarWrapper === null || actionbarWrapper === void 0 ? void 0 : actionbarWrapper.insertAdjacentHTML('afterbegin', `<div class=\"selectall pb-0\"><input type=\"checkbox\" name=\"selectall\" id=\"selectall\"><label for=\"selectall\" class=\"m-0\">Select all</label></div>`);\n            const selectAll = (_e = this.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.selectall');\n            if (this.hasAttribute('data-selected')) {\n                setSelectAllInput(selectAll, this.getAttribute('data-selected'));\n            }\n            selectAll === null || selectAll === void 0 ? void 0 : selectAll.addEventListener('change', (event) => {\n                var _a;\n                if (event && event.target instanceof HTMLElement && event.target.closest('input')) {\n                    if ((_a = event.target.closest('input')) === null || _a === void 0 ? void 0 : _a.checked)\n                        this.setAttribute('data-selected', 'all');\n                    else\n                        this.setAttribute('data-selected', '0');\n                }\n            });\n            const cancelButton = this.querySelector('button[data-cancel]');\n            if (cancelButton) {\n                cancelButton.addEventListener('click', () => {\n                    this.setAttribute('data-selected', '0');\n                });\n            }\n        }\n        // Wtach div for the select inputs\n        if (this.hasAttribute('data-select-watch')) {\n            const element = document.getElementById(this.getAttribute('data-select-watch'));\n            element === null || element === void 0 ? void 0 : element.setAttribute('data-select-container', 'true');\n            Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                var _a;\n                (_a = input.parentElement) === null || _a === void 0 ? void 0 : _a.setAttribute('slot', 'checkbox');\n            });\n            element === null || element === void 0 ? void 0 : element.addEventListener('change', (event) => {\n                if (event && event.target instanceof HTMLElement && event.target.closest('[type=\"checkbox\"]')) {\n                    const count = element.querySelectorAll('input[type=\"checkbox\"]').length;\n                    const countChecked = element.querySelectorAll('input[type=\"checkbox\"]:checked').length;\n                    this.setAttribute('data-selected', count == countChecked ? 'all' : String(countChecked));\n                    if (countChecked) {\n                        Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                            var _a;\n                            if (input.closest('iam-card'))\n                                (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.setAttribute('data-selected', 'true');\n                        });\n                    }\n                    else {\n                        Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                            var _a;\n                            if (input.closest('iam-card'))\n                                (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-selected');\n                        });\n                    }\n                }\n            });\n        }\n        // #endregion\n        // #region switchviews\n        if (this.hasAttribute('data-switchviews')) {\n            let btns = '';\n            const viewList = (_f = this.getAttribute('data-switchviews')) === null || _f === void 0 ? void 0 : _f.split(',');\n            viewList === null || viewList === void 0 ? void 0 : viewList.forEach((view) => {\n                let icon = 'fa-grid';\n                if (view == 'list')\n                    icon = 'fa-list';\n                else if (view == 'small')\n                    icon = 'fa-table';\n                btns += `<button class=\"tag tag--toggle mb-0\" data-view=\"${view}\"><i class=\"fa-regular ${icon} m-0\"></i><span class=\"visually-hidden\">${view}</span></button>`;\n            });\n            actionbarWrapper === null || actionbarWrapper === void 0 ? void 0 : actionbarWrapper.insertAdjacentHTML('afterbegin', `<div class=\"views m-0\">${btns}</div>`);\n            const views = (_g = this.shadowRoot) === null || _g === void 0 ? void 0 : _g.querySelector('.views');\n            views === null || views === void 0 ? void 0 : views.addEventListener('click', (event) => {\n                if (event && event.target instanceof HTMLElement && event.target.closest('.tag--toggle')) {\n                    const btn = event.target.closest('.tag--toggle');\n                    this.setAttribute('data-view', btn.textContent);\n                    const switchEvent = new CustomEvent('switch-view', { detail: { view: btn.textContent } });\n                    this.dispatchEvent(switchEvent);\n                }\n            });\n        }\n        // #endregion\n        // #region search\n        const searchBar = (_h = this.shadowRoot) === null || _h === void 0 ? void 0 : _h.querySelector('.actionbar--search');\n        if (this.hasAttribute('data-search-value')) {\n            ((_j = this.shadowRoot) === null || _j === void 0 ? void 0 : _j.querySelector('#search')).value = String(this.getAttribute('data-search-value'));\n        }\n        if (this.hasAttribute('data-search') && this.getAttribute('data-search') == 'show')\n            searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add('show');\n        const searchBtn = this.shadowRoot.querySelector('button[data-search]');\n        this.shadowRoot.addEventListener('click', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('button[data-search]')) {\n                searchBar.classList.toggle('show');\n                searchBtn.toggleAttribute('aria-expanded');\n                searchInput.focus();\n            }\n        });\n        searchBar.addEventListener('keyup', () => {\n            const keyupEvent = new CustomEvent('search-keyup', {\n                detail: { search: searchBar.querySelector('input').value },\n            });\n            this.dispatchEvent(keyupEvent);\n        });\n        searchBar.addEventListener('change', () => {\n            const changeEvent = new CustomEvent('search-change', {\n                detail: { search: searchBar.querySelector('input').value },\n            });\n            this.dispatchEvent(changeEvent);\n        });\n        searchBar.addEventListener('click', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('button.suffix')) {\n                const submitEvent = new CustomEvent('search-submit', {\n                    detail: { search: searchBar.querySelector('input').value },\n                });\n                this.dispatchEvent(submitEvent);\n                searchBar.classList.toggle('show');\n                searchBtn.toggleAttribute('aria-expanded');\n            }\n        });\n        const clearBtn = searchBar.querySelector('.empty');\n        const searchInput = searchBar.querySelector('#search');\n        clearBtn.addEventListener('click', function (e) {\n            searchInput.removeAttribute('placeholder');\n            searchInput.removeAttribute('data-value');\n            searchInput.value = '';\n        });\n        // #endregion\n        // #region Reponsive safe area\n        const hideButtons = () => {\n            const wrapperWidth = actionbarWrapper.scrollWidth;\n            const screenWidth = document.documentElement.scrollWidth;\n            let safeAreaWidth = 750;\n            let elementMargin = 16;\n            let tabletSafeWidth = 450;\n            let mobileSafeWidth = (this === null || this === void 0 ? void 0 : this.hasAttribute('data-switchviews')) ? 144 : 210;\n            if (this.hasAttribute('data-large-safe-area')) {\n                safeAreaWidth = 1048;\n                tabletSafeWidth = 620;\n                mobileSafeWidth = 260;\n            }\n            // We need to modify the widths to mimic the CSS's scaling functionality\n            let modifier = 1;\n            if (screenWidth >= 992 && screenWidth <= 1280) {\n                modifier = screenWidth / 1280;\n            }\n            else if (screenWidth >= 576 && screenWidth < 992) {\n                modifier = screenWidth / 768;\n            }\n            else if (screenWidth < 576) {\n                modifier = screenWidth / 375;\n            }\n            // Work out the safe sapce width depending upon the wrappers width and modifier comp\n            if (wrapperWidth >= 992 && wrapperWidth <= 1280) {\n                safeAreaWidth = safeAreaWidth * modifier;\n            }\n            else if (wrapperWidth >= 576 && wrapperWidth < 992) {\n                safeAreaWidth = tabletSafeWidth * modifier;\n            }\n            else if (wrapperWidth < 576) {\n                safeAreaWidth = mobileSafeWidth * modifier;\n            }\n            // Margin in between elements\n            elementMargin = elementMargin * modifier;\n            // If the wrapper width is small we want to reduce the btn sizes by adding or removing btn-compact classes\n            if (wrapperWidth < 576) {\n                Array.from(this.querySelectorAll(':scope > .btn:not(.js-updated), :scope > .menu__wrapper  > .btn[class*=\"fa-\"]:first-child:not(.js-updated)')).forEach((element) => {\n                    element.className = element.className.replace(' btn-compact', ' _btn-compact');\n                    element.classList.add('btn-compact');\n                    element.classList.add('js-updated');\n                });\n            }\n            else {\n                Array.from(this.querySelectorAll(':scope > .btn.js-updated, :scope > .menu__wrapper  > .btn.js-updated:first-child')).forEach((element) => {\n                    element.classList.remove('btn-compact');\n                    element.classList.remove('js-updated');\n                    element.className = element.className.replace(' _btn-compact', ' btn-compact');\n                });\n            }\n            // Reset the elements before we decide what elements become slotted into the overflow\n            Array.from(this.querySelectorAll('[slot]')).forEach((element) => {\n                if (element.getAttribute('slot') == 'overflow')\n                    element.removeAttribute('slot');\n                if (element.getAttribute('slot') == 'selected-overflow')\n                    element.setAttribute('slot', 'selected');\n            });\n            Array.from(this.querySelectorAll('.show')).forEach((element) => {\n                element.classList.remove('show');\n            });\n            // Foreach safe area lets check what elements are slotted in them and if they need an overflow\n            Array.from(this.shadowRoot.querySelectorAll('.safe-area')).forEach((element) => {\n                var _a, _b, _c;\n                // Decide on which overflow slot to use\n                let overflowSlot = 'overflow';\n                if (((_a = element.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.hasAttribute('name')) &&\n                    ((_b = element.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.getAttribute('name')) == 'selected')\n                    overflowSlot = 'selected-overflow';\n                // Get the slotted elements, remember they aren't children of the safe area\n                const elements = (_c = element.querySelector('slot')) === null || _c === void 0 ? void 0 : _c.assignedElements();\n                let tempWidth = 44 * modifier; // Allow space for the overflow button\n                // If search then allow for the search button width\n                if (this.hasAttribute('data-search'))\n                    tempWidth += 44 * modifier;\n                // Foreach element this isn't an action button or dialog wrapper add to the width, these will not be moved into the overflow slot\n                for (let i = 0; i < elements.length; i++) {\n                    if (!elements[i].classList.contains('btn-action') && !elements[i].classList.contains('menu__wrapper ')) {\n                        tempWidth += elements[i].offsetWidth;\n                        tempWidth += elementMargin;\n                    }\n                }\n                // Foreach dialog wrapper decide if safe in safe area or move into the overflow slot, dialog wrappers have priority over the action buttons\n                for (let i = 0; i < elements.length; i++) {\n                    if (elements[i].classList.contains('menu__wrapper ')) {\n                        elements[i].classList.add('show');\n                        tempWidth += elements[i].offsetWidth;\n                        tempWidth += elementMargin / 2;\n                        // If we have exceeded the safe area then lets break the loop\n                        if (tempWidth - elementMargin / 2 > safeAreaWidth) {\n                            elements[i].classList.remove('show');\n                            break;\n                        }\n                    }\n                }\n                // Foreach action button\n                for (let i = 0; i < elements.length; i++) {\n                    if (elements[i].classList.contains('btn-action')) {\n                        elements[i].classList.add('show');\n                        tempWidth += elements[i].offsetWidth;\n                        tempWidth += elementMargin / 2;\n                        // If we have exceeded the safe area then lets break the loop\n                        if (tempWidth - elementMargin / 2 > safeAreaWidth) {\n                            elements[i].classList.remove('show');\n                            break;\n                        }\n                    }\n                }\n                const overflowDialog = element.querySelector('.dialog-overflow');\n                if (overflowDialog)\n                    overflowDialog.classList.add('d-none');\n                // Decide which elements go into the overflow slot\n                for (let i = 0; i < elements.length; i++) {\n                    if (elements[i].classList.contains('btn-action') || elements[i].classList.contains('menu__wrapper ')) {\n                        if (!elements[i].classList.contains('show')) {\n                            // Move to the slot by changing the attribute\n                            elements[i].setAttribute('slot', overflowSlot);\n                            // if an element has been added to overflow slot then make sure we show the overflow menu button\n                            if (overflowDialog)\n                                overflowDialog.classList.remove('d-none');\n                        }\n                    }\n                }\n            });\n        };\n        // Check buttons on load and when the wrapper element gets resized.\n        hideButtons();\n        new ResizeObserver(hideButtons).observe(actionbarWrapper);\n        // #endregion\n        // #region cloumn filters\n        const setColumnFilters = () => {\n            let columnsHidden = '';\n            Array.from(checklistHolder === null || checklistHolder === void 0 ? void 0 : checklistHolder.querySelectorAll('label input')).forEach((element, index) => {\n                columnsHidden += this.hasAttribute(`data-hide-col${index + 1}`) ? `${index + 1},` : '';\n            });\n            this.setAttribute('data-columns-shown', checklistHolder.querySelectorAll('input:checked').length);\n            const dispatchedEvent = new CustomEvent('columm-filters-set', {\n                detail: {\n                    columnsHidden: columnsHidden.slice(0, -1),\n                },\n            });\n            this.dispatchEvent(dispatchedEvent);\n        };\n        if (this.hasAttribute('data-filter-columns') || this.hasAttribute('data-filter-columns-save')) {\n            const columns = this.closest('iam-table').querySelectorAll('thead th');\n            Array.from(columns).forEach((element, index) => {\n                if (element.textContent) {\n                    checklistHolder === null || checklistHolder === void 0 ? void 0 : checklistHolder.insertAdjacentHTML('beforeend', `<label class=\"m-0\" title=\"Change the display of \"><input name=\"hideCol${index + 1}\" value=\"${index + 1}\" type=\"checkbox\" ${this.hasAttribute('data-hide-col' + (index + 1)) ? '' : 'checked'} /> ${element.textContent}</label>`);\n                }\n            });\n        }\n        this.setAttribute('data-columns-shown', checklistHolder.querySelectorAll('input:checked').length);\n        if (this.hasAttribute('data-filter-columns') && !this.hasAttribute('data-filter-columns-save')) {\n            checklistHolder === null || checklistHolder === void 0 ? void 0 : checklistHolder.addEventListener('change', (event) => {\n                if (event && event.target instanceof HTMLElement && event.target.closest('input')) {\n                    const checkbox = event.target.closest('input');\n                    if ((checkbox === null || checkbox === void 0 ? void 0 : checkbox.checked) == false) {\n                        this.setAttribute('data-hide-col' + (checkbox === null || checkbox === void 0 ? void 0 : checkbox.value), 'true');\n                    }\n                    else {\n                        this.removeAttribute('data-hide-col' + (checkbox === null || checkbox === void 0 ? void 0 : checkbox.value));\n                    }\n                    setColumnFilters();\n                }\n            });\n        }\n        if (this.hasAttribute('data-filter-columns-save')) {\n            const checklistHolder = (_k = this.shadowRoot) === null || _k === void 0 ? void 0 : _k.querySelector('.checklists');\n            const checklistSave = (_l = this.shadowRoot) === null || _l === void 0 ? void 0 : _l.querySelector('#saveColumns');\n            const checklistCancel = (_m = this.shadowRoot) === null || _m === void 0 ? void 0 : _m.querySelector('#cancelColumns');\n            checklistSave === null || checklistSave === void 0 ? void 0 : checklistSave.addEventListener('click', (event) => {\n                var _a;\n                Array.from(checklistHolder === null || checklistHolder === void 0 ? void 0 : checklistHolder.querySelectorAll('label input')).forEach((checkbox) => {\n                    if ((checkbox === null || checkbox === void 0 ? void 0 : checkbox.checked) == false) {\n                        this.setAttribute('data-hide-col' + (checkbox === null || checkbox === void 0 ? void 0 : checkbox.value), 'true');\n                    }\n                    else {\n                        this.removeAttribute('data-hide-col' + (checkbox === null || checkbox === void 0 ? void 0 : checkbox.value));\n                    }\n                });\n                setColumnFilters();\n                (_a = checklistSave.closest('dialog')) === null || _a === void 0 ? void 0 : _a.close();\n            });\n            // Revert back to what was previously saved\n            checklistCancel === null || checklistCancel === void 0 ? void 0 : checklistCancel.addEventListener('click', (event) => {\n                var _a, _b;\n                const checklistHolder = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.checklists');\n                Array.from(checklistHolder === null || checklistHolder === void 0 ? void 0 : checklistHolder.querySelectorAll('label input')).forEach((element, index) => {\n                    element.checked = this.hasAttribute(`data-hide-col${index + 1}`) ? false : true;\n                });\n                setColumnFilters();\n                (_b = checklistSave.closest('dialog')) === null || _b === void 0 ? void 0 : _b.close();\n            });\n        }\n        // #endregion\n    }\n    static get observedAttributes() {\n        return ['data-selected'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        switch (attrName) {\n            case 'data-selected': {\n                const selectAll = this.shadowRoot.querySelector('.selectall');\n                if (selectAll)\n                    setSelectAllInput(selectAll, newVal);\n                const event = new CustomEvent('selected', { detail: { selected: newVal } });\n                this.dispatchEvent(event);\n                if (newVal == 'all' && this.hasAttribute('data-select-watch')) {\n                    const element = document.getElementById(String(this.getAttribute('data-select-watch')));\n                    Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                        var _a;\n                        input.checked = true;\n                        if (input.closest('iam-card'))\n                            (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.setAttribute('data-selected', 'true');\n                    });\n                }\n                if (newVal == '0' && this.hasAttribute('data-select-watch')) {\n                    const element = document.getElementById(String(this.getAttribute('data-select-watch')));\n                    Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                        var _a;\n                        input.checked = false;\n                        if (input.closest('iam-card'))\n                            (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-selected');\n                    });\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamActionbar;\n"],"names":["uniqueID","index","iamMenu","template","menuID","menuButton","topLevelmenuItems","menuItems","subNextIndex","subPrevIndex","item","event","activeItem","prevIndex","nextIndex","subMenuItems","_a","_b","_c","_d","updateEvent","button","popoverID","popover","viewportOffset","top","left","setSelectAllInput","element","value","iamActionbar","_e","_f","_g","_h","_j","_k","_l","_m","actionbarWrapper","checklistHolder","dialog","btn","id","selectAll","cancelButton","input","count","countChecked","btns","viewList","view","icon","views","switchEvent","searchBar","searchBtn","searchInput","keyupEvent","changeEvent","submitEvent","clearBtn","e","hideButtons","wrapperWidth","screenWidth","safeAreaWidth","elementMargin","tabletSafeWidth","mobileSafeWidth","modifier","overflowSlot","elements","tempWidth","i","overflowDialog","setColumnFilters","columnsHidden","dispatchedEvent","columns","checkbox","checklistSave","checklistCancel","attrName","oldVal","newVal"],"mappings":";;;IA0KO,MAAMA,EAAW,CAACC,EAAQ,IAClB,KAAK,MAAM,KAAK,SAAW,KAAK,IAAG,GAAMA,EAAQ,EAAE,EC3KlE,MAAMC,UAAgB,WAAY,CAC9B,aAAc,CACV,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EACZ,SAAS,KAAK,aAAa,sBAAsB,GACjE,SAAS,KAAK,aAAa,sBAAsB,EAGvD,MAAMC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOrB,KAAK,WAAW,YAAYA,EAAS,QAAQ,UAAU,EAAI,CAAC,CAChE,CACA,mBAAoB,CAChB,MAAMC,EAAS,KAAK,aAAa,IAAI,EAAI,KAAK,aAAa,IAAI,EAAI,GAC7DC,EAAa,SAAS,cAAc,mBAAmBD,CAAM,IAAI,EACvE,IAAIE,EAAoB,KAAK,iBAAiB,yDAAyD,EACnGC,EAAY,KAAK,iBAAiB,WAAW,EAC7C,KAAK,QAAQ,gBAAgB,IAC7BA,EAAY,KAAK,WAAW,cAAc,MAAM,EAAE,iBAAiB,CAAE,QAAS,GAAM,EACpFD,EAAoBC,GAEP,KAAK,iBAAiB,SAAS,EAChD,IAAIC,EACAC,EAEAL,GAAUC,IACV,KAAK,aAAa,OAAQ,MAAM,EAChC,KAAK,aAAa,UAAW,MAAM,EACnC,KAAK,MAAM,iBAAiB,EAAI,KAAKD,CAAM,GACaC,GAAW,aAAa,gBAAiB,MAAM,EACvGA,GAAe,OAAyCA,EAAW,MAAM,aAAa,EAAI,KAAKD,CAAM,IAC7CC,GAAW,aAAa,gBAAiBD,CAAM,GAE3GG,EAAU,QAAQ,CAACG,EAAMT,IAAU,CAC/BS,EAAK,aAAa,OAAQ,UAAU,EACpCA,EAAK,aAAa,WAAY,GAAG,EAC7BT,GAAS,GACTS,EAAK,aAAa,YAAa,EAAI,CAE3C,CAAC,EACD,KAAK,iBAAiB,UAAYC,GAAU,CACxC,GAAIA,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,oBAAoB,EAAG,CAC5F,MAAMC,EAAa,SAAS,cACtBC,EAAY,MAAM,KAAKP,CAAiB,EAAE,QAAQM,CAAU,EAAI,EAChEE,EAAY,MAAM,KAAKR,CAAiB,EAAE,QAAQM,CAAU,EAAI,EACtE,OAAQD,EAAM,QAC9B,CACoB,IAAK,IACGC,EAAW,QAAQ,SAAS,GAC5BD,EAAM,gBAAe,EACrBA,EAAM,eAAc,EACpBC,EAAW,QAAQ,SAAS,EAAE,gBAAgB,MAAM,EACpDA,EAAW,QAAQ,SAAS,EAAE,cAAc,gBAAgB,EAAE,MAAK,IAGnED,EAAM,gBAAe,EACrBN,EAAW,MAAK,GAEpB,MACJ,IAAK,IACL,IAAK,IACD,MACJ,IAAK,IACDM,EAAM,gBAAe,EACrBA,EAAM,eAAc,EACpB,KAAK,cAAc,eAAe,EAAE,gBAAgB,MAAM,EAC1D,MAAM,KAAKJ,CAAS,EAAEA,EAAU,OAAS,CAAC,EAAE,MAAK,EACjD,MACJ,IAAK,IACDI,EAAM,gBAAe,EACrBA,EAAM,eAAc,EACpB,KAAK,cAAc,eAAe,EAAE,gBAAgB,MAAM,EAC1D,MAAM,KAAKJ,CAAS,EAAE,CAAC,EAAE,MAAK,EAC9B,MACJ,IAAK,IAGD,GAFAI,EAAM,gBAAe,EACrBA,EAAM,eAAc,EAChB,MAAM,KAAKL,CAAiB,EAAE,QAAQM,CAAU,EAAI,GAChD,MAAM,KAAKN,CAAiB,EAAEO,CAAS,GAAK,KAC5C,MAAM,KAAKP,CAAiB,EAAEO,CAAS,EAAE,MAAK,EAE9C,MAAM,KAAKP,CAAiB,EAAEA,EAAkB,OAAS,CAAC,EAAE,MAAK,UAEhEM,EAAW,QAAQ,SAAS,EAAG,CACpC,MAAMG,EAAeH,EAChB,QAAQ,SAAS,EACjB,iBAAiB,qCAAqC,EAC3DH,EAAe,MAAM,KAAKM,CAAY,EAAE,QAAQH,CAAU,EAAI,EAC1D,MAAM,KAAKG,CAAY,EAAEN,CAAY,GAAK,KAC1C,MAAM,KAAKM,CAAY,EAAEN,CAAY,EAAE,MAAK,EAE5C,MAAM,KAAKM,CAAY,EAAEA,EAAa,OAAS,CAAC,EAAE,MAAK,CAC/D,CACA,MACJ,IAAK,IAGD,GAFAJ,EAAM,gBAAe,EACrBA,EAAM,eAAc,EAChB,MAAM,KAAKL,CAAiB,EAAE,QAAQM,CAAU,EAAI,GAChD,MAAM,KAAKN,CAAiB,EAAEQ,CAAS,GAAK,KAC5C,MAAM,KAAKR,CAAiB,EAAEQ,CAAS,EAAE,MAAK,EAE9C,MAAM,KAAKR,CAAiB,EAAE,CAAC,EAAE,MAAK,UAErCM,EAAW,QAAQ,SAAS,EAAG,CACpC,MAAMG,EAAeH,EAChB,QAAQ,SAAS,EACjB,iBAAiB,qCAAqC,EAC3DJ,EAAe,MAAM,KAAKO,CAAY,EAAE,QAAQH,CAAU,EAAI,EAC1D,MAAM,KAAKG,CAAY,EAAEP,CAAY,GAAK,KAC1C,MAAM,KAAKO,CAAY,EAAEP,CAAY,EAAE,MAAK,EAE5C,MAAM,KAAKO,CAAY,EAAE,CAAC,EAAE,MAAK,CACzC,CACA,KACxB,CACY,CACJ,CAAC,EACD,KAAK,iBAAiB,SAAW,GAAM,CACnC,IAAIC,EAAIC,EAAIC,EAAIC,EAChB,MAAMC,EAAc,IAAI,YAAY,EAAE,SAAU,CAAE,OAAQ,CAAE,GAAI,KAAK,aAAa,IAAI,EAAG,OAAQ,EAAE,MAAM,EAAI,EAC7G,KAAK,cAAcA,CAAW,EAE1B,KAAK,QAAQ,gBAAgB,GAC7Bb,EAAU,CAAC,EAAE,MAAK,EAElB,KAAK,aAAa,cAAc,IAChC,EAAE,eAAc,EAChB,KAAK,gBAAgB,cAAc,EACnC,KAAK,YAAW,GAEhB,KAAK,QAAQ,eAAe,GAAK,SAAS,cAAc,mBAAmB,KAAK,aAAa,IAAI,CAAC,IAAI,IACrGS,EAAK,SAAS,cAAc,mBAAmB,KAAK,aAAa,IAAI,CAAC,IAAI,KAAO,MAAQA,IAAO,QAAkBA,EAAG,aAAa,eAAgB,MAAM,GACxJC,EAAK,SAAS,cAAc,mBAAmB,KAAK,aAAa,IAAI,CAAC,IAAI,KAAO,MAAQA,IAAO,QAAkBA,EAAG,UAAU,IAAI,QAAQ,KAG3IC,EAAK,SAAS,cAAc,mBAAmB,KAAK,aAAa,IAAI,CAAC,IAAI,KAAO,MAAQA,IAAO,QAAkBA,EAAG,gBAAgB,cAAc,GACnJC,EAAK,SAAS,cAAc,mBAAmB,KAAK,aAAa,IAAI,CAAC,IAAI,KAAO,MAAQA,IAAO,QAAkBA,EAAG,UAAU,OAAO,QAAQ,EAEvJ,CAAC,EACD,KAAK,iBAAiB,QAAUR,GAAU,CACtC,GAAIA,GACAA,EAAM,kBAAkB,aACxBA,EAAM,OAAO,QAAQ,uCAAuC,EAAG,CAC/D,MAAMU,EAASV,EAAM,OAAO,QAAQ,wBAAwB,EACZU,GAAO,UAAU,OAAO,MAAM,CAClF,SACSV,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,mBAAmB,EAAG,CAChG,MAAMU,EAASV,EAAM,OAAO,QAAQ,mBAAmB,EACnD,KAAK,aAAa,UAAU,EAC5BU,EAAO,UAAU,OAAO,UAAU,EAEmBA,GAAO,UAAU,SAAS,UAAU,EACzF,KAAK,iBAAiB,WAAW,EAAE,QAASX,GAAS,CACjDA,EAAK,UAAU,OAAO,UAAU,CACpC,CAAC,GAGD,KAAK,iBAAiB,WAAW,EAAE,QAASA,GAAS,CACjDA,EAAK,UAAU,OAAO,UAAU,CACpC,CAAC,EACDW,EAAO,UAAU,IAAI,UAAU,EAEvC,CACJ,CAAC,EAEI,IAAI,SAAS,MAAO,aAAa,GAClC,SAAS,iBAAiB,QAAUV,GAAU,CAC1C,GAAIA,EAAM,gBAAkBA,EAAM,eAAe,QAAQ,iBAAiB,EAAG,CACzE,MAAMU,EAASV,EAAM,eACfW,EAAYD,EAAO,aAAa,eAAe,EAC/CE,EAAU,SAAS,eAAeD,CAAS,EAC3CE,EAAiBH,EAAO,sBAAqB,EAC7CI,EAAMD,EAAe,IACrBE,EAAOF,EAAe,KAC5BD,EAAQ,MAAM,YAAY,MAAOE,EAAM,IAAI,EAC3CF,EAAQ,MAAM,YAAY,OAAQG,EAAOL,EAAO,YAAc,IAAI,CACtE,CACJ,CAAC,CAET,CACJ,CCxLA,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,0BACP,QAAS,YACb,CAAC,EACD,SAASM,EAAkBC,EAASC,EAAO,CACnCD,GAAWC,GAAS,OACpBD,EAAQ,cAAc,OAAO,EAAE,cAAgB,GAC/CA,EAAQ,cAAc,OAAO,EAAE,QAAU,GACzCA,EAAQ,cAAc,OAAO,EAAE,YAAc,cAExCA,GAAWC,GAAS,GACzBD,EAAQ,cAAc,OAAO,EAAE,cAAgB,GAC/CA,EAAQ,cAAc,OAAO,EAAE,QAAU,GACzCA,EAAQ,cAAc,OAAO,EAAE,YAAc,cAExCA,GAAWC,GAChBD,EAAQ,cAAc,OAAO,EAAE,cAAgB,GAC/CA,EAAQ,cAAc,OAAO,EAAE,QAAU,GACzCA,EAAQ,cAAc,OAAO,EAAE,YAAc,GAAGC,CAAK,QAAQA,EAAQ,EAAI,IAAM,EAAE,aAE5ED,IACLA,EAAQ,cAAc,OAAO,EAAE,QAAU,GACzCA,EAAQ,cAAc,OAAO,EAAE,cAAgB,GAC/CA,EAAQ,cAAc,OAAO,EAAE,YAAc,aAErD,CACA,MAAME,UAAqB,WAAY,CACnC,aAAc,CACV,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EACZ,SAAS,KAAK,aAAa,sBAAsB,GACjE,SAAS,KAAK,aAAa,sBAAsB,EAElD,OAAO,eAAe,IAAI,UAAU,GACrC,OAAO,eAAe,OAAO,WAAY5B,CAAO,EAGpD,MAAMC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAY;AAAA;AAAA;AAAA;AAAA,MAGvB,KAAK,aAAa,KAAK,EAAI,YAAY,KAAK,aAAa,KAAK,CAAC,KAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAgEtE,KAAK,WAAW,YAAYA,EAAS,QAAQ,UAAU,EAAI,CAAC,EAEvD,SAAS,eAAe,iBAAiB,GAC1C,SAAS,KAAK,mBAAmB,YAAa;AAAA,SAAqD,CAC3G,CACA,mBAAoB,CAChB,IAAIa,EAAIC,EAAIC,EAAIC,EAAIY,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAChD,MAAMC,GAAoBvB,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,qBAAqB,EACrHwB,GAAmBvB,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,aAAa,EAC5F,SAAS,KAAK,aAAa,sBAAsB,GACjE,SAAS,KAAK,aAAa,sBAAsB,EAEvD,MAAMwB,EAAS,KAAK,cAAc,yBAAyB,EAE3D,GAAIA,EAAQ,CACR,MAAMC,EAAMD,EAAO,cAAc,cAAc,MAAM,EAC/CE,EAAK,OAAO3C,EAAS,CAAC,CAAC,GAC7ByC,EAAO,aAAa,KAAME,CAAE,EAC5BF,EAAO,aAAa,UAAW,MAAM,EACrCC,EAAI,aAAa,gBAAiBC,CAAE,EACpCF,EAAO,UAAYA,EAAO,UAAU,QAAQ,WAAY,WAAW,EAAE,QAAQ,cAAe,aAAa,GACxGvB,EAAKuB,EAAO,iBAAmB,MAAQvB,IAAO,QAAkBA,EAAG,UAAU,IAAI,eAAe,GAChGC,EAAKsB,EAAO,iBAAmB,MAAQtB,IAAO,QAAkBA,EAAG,UAAU,OAAO,iBAAiB,CAC1G,CAEA,GAAI,KAAK,aAAa,gBAAgB,EAAG,CAC+BoB,GAAiB,mBAAmB,aAAc,gJAAgJ,EACtQ,MAAMK,GAAab,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,YAAY,EACvG,KAAK,aAAa,eAAe,GACjCJ,EAAkBiB,EAAW,KAAK,aAAa,eAAe,CAAC,EAEbA,GAAU,iBAAiB,SAAWjC,GAAU,CAClG,IAAIK,EACAL,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,OAAO,IACvE,GAAAK,EAAKL,EAAM,OAAO,QAAQ,OAAO,KAAO,MAAQK,IAAO,SAAkBA,EAAG,QAC7E,KAAK,aAAa,gBAAiB,KAAK,EAExC,KAAK,aAAa,gBAAiB,GAAG,EAElD,CAAC,EACD,MAAM6B,EAAe,KAAK,cAAc,qBAAqB,EACzDA,GACAA,EAAa,iBAAiB,QAAS,IAAM,CACzC,KAAK,aAAa,gBAAiB,GAAG,CAC1C,CAAC,CAET,CAEA,GAAI,KAAK,aAAa,mBAAmB,EAAG,CACxC,MAAMjB,EAAU,SAAS,eAAe,KAAK,aAAa,mBAAmB,CAAC,EAC5BA,GAAQ,aAAa,wBAAyB,MAAM,EACtG,MAAM,KAAKA,EAAQ,iBAAiB,wBAAwB,CAAC,EAAE,QAASkB,GAAU,CAC9E,IAAI9B,GACHA,EAAK8B,EAAM,iBAAmB,MAAQ9B,IAAO,QAAkBA,EAAG,aAAa,OAAQ,UAAU,CACtG,CAAC,EACiDY,GAAQ,iBAAiB,SAAWjB,GAAU,CAC5F,GAAIA,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,mBAAmB,EAAG,CAC3F,MAAMoC,EAAQnB,EAAQ,iBAAiB,wBAAwB,EAAE,OAC3DoB,EAAepB,EAAQ,iBAAiB,gCAAgC,EAAE,OAChF,KAAK,aAAa,gBAAiBmB,GAASC,EAAe,MAAQ,OAAOA,CAAY,CAAC,EACnFA,EACA,MAAM,KAAKpB,EAAQ,iBAAiB,wBAAwB,CAAC,EAAE,QAASkB,GAAU,CAC9E,IAAI9B,EACA8B,EAAM,QAAQ,UAAU,KACvB9B,EAAK8B,EAAM,QAAQ,UAAU,KAAO,MAAQ9B,IAAO,QAAkBA,EAAG,aAAa,gBAAiB,MAAM,EACrH,CAAC,EAGD,MAAM,KAAKY,EAAQ,iBAAiB,wBAAwB,CAAC,EAAE,QAASkB,GAAU,CAC9E,IAAI9B,EACA8B,EAAM,QAAQ,UAAU,KACvB9B,EAAK8B,EAAM,QAAQ,UAAU,KAAO,MAAQ9B,IAAO,QAAkBA,EAAG,gBAAgB,eAAe,EAChH,CAAC,CAET,CACJ,CAAC,CACL,CAGA,GAAI,KAAK,aAAa,kBAAkB,EAAG,CACvC,IAAIiC,EAAO,GACX,MAAMC,GAAYlB,EAAK,KAAK,aAAa,kBAAkB,KAAO,MAAQA,IAAO,OAAS,OAASA,EAAG,MAAM,GAAG,EAC3DkB,GAAS,QAASC,GAAS,CAC3E,IAAIC,EAAO,UACPD,GAAQ,OACRC,EAAO,UACFD,GAAQ,UACbC,EAAO,YACXH,GAAQ,mDAAmDE,CAAI,0BAA0BC,CAAI,2CAA2CD,CAAI,kBAChJ,CAAC,EACmEZ,GAAiB,mBAAmB,aAAc,0BAA0BU,CAAI,QAAQ,EAC5J,MAAMI,GAASpB,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,QAAQ,EACrDoB,GAAM,iBAAiB,QAAU1C,GAAU,CACrF,GAAIA,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,cAAc,EAAG,CACtF,MAAM+B,EAAM/B,EAAM,OAAO,QAAQ,cAAc,EAC/C,KAAK,aAAa,YAAa+B,EAAI,WAAW,EAC9C,MAAMY,EAAc,IAAI,YAAY,cAAe,CAAE,OAAQ,CAAE,KAAMZ,EAAI,WAAW,EAAI,EACxF,KAAK,cAAcY,CAAW,CAClC,CACJ,CAAC,CACL,CAGA,MAAMC,GAAarB,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,oBAAoB,EAC/G,KAAK,aAAa,mBAAmB,MACnCC,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,SAAS,GAAG,MAAQ,OAAO,KAAK,aAAa,mBAAmB,CAAC,GAE/I,KAAK,aAAa,aAAa,GAAK,KAAK,aAAa,aAAa,GAAK,QAClBoB,GAAU,UAAU,IAAI,MAAM,EACxF,MAAMC,EAAY,KAAK,WAAW,cAAc,qBAAqB,EACrE,KAAK,WAAW,iBAAiB,QAAU7C,GAAU,CAC7CA,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,qBAAqB,IAC1F4C,EAAU,UAAU,OAAO,MAAM,EACjCC,EAAU,gBAAgB,eAAe,EACzCC,EAAY,MAAK,EAEzB,CAAC,EACDF,EAAU,iBAAiB,QAAS,IAAM,CACtC,MAAMG,EAAa,IAAI,YAAY,eAAgB,CAC/C,OAAQ,CAAE,OAAQH,EAAU,cAAc,OAAO,EAAE,KAAK,CACxE,CAAa,EACD,KAAK,cAAcG,CAAU,CACjC,CAAC,EACDH,EAAU,iBAAiB,SAAU,IAAM,CACvC,MAAMI,EAAc,IAAI,YAAY,gBAAiB,CACjD,OAAQ,CAAE,OAAQJ,EAAU,cAAc,OAAO,EAAE,KAAK,CACxE,CAAa,EACD,KAAK,cAAcI,CAAW,CAClC,CAAC,EACDJ,EAAU,iBAAiB,QAAU5C,GAAU,CAC3C,GAAIA,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,eAAe,EAAG,CACvF,MAAMiD,EAAc,IAAI,YAAY,gBAAiB,CACjD,OAAQ,CAAE,OAAQL,EAAU,cAAc,OAAO,EAAE,KAAK,CAC5E,CAAiB,EACD,KAAK,cAAcK,CAAW,EAC9BL,EAAU,UAAU,OAAO,MAAM,EACjCC,EAAU,gBAAgB,eAAe,CAC7C,CACJ,CAAC,EACD,MAAMK,EAAWN,EAAU,cAAc,QAAQ,EAC3CE,EAAcF,EAAU,cAAc,SAAS,EACrDM,EAAS,iBAAiB,QAAS,SAAUC,EAAG,CAC5CL,EAAY,gBAAgB,aAAa,EACzCA,EAAY,gBAAgB,YAAY,EACxCA,EAAY,MAAQ,EACxB,CAAC,EAGD,MAAMM,EAAc,IAAM,CACtB,MAAMC,EAAezB,EAAiB,YAChC0B,EAAc,SAAS,gBAAgB,YAC7C,IAAIC,EAAgB,IAChBC,EAAgB,GAChBC,EAAkB,IAClBC,EAAmB,SAAS,MAAQ,OAAS,SAAkB,KAAK,aAAa,kBAAkB,EAAK,IAAM,IAC9G,KAAK,aAAa,sBAAsB,IACxCH,EAAgB,KAChBE,EAAkB,IAClBC,EAAkB,KAGtB,IAAIC,EAAW,EACXL,GAAe,KAAOA,GAAe,KACrCK,EAAWL,EAAc,KAEpBA,GAAe,KAAOA,EAAc,IACzCK,EAAWL,EAAc,IAEpBA,EAAc,MACnBK,EAAWL,EAAc,KAGzBD,GAAgB,KAAOA,GAAgB,KACvCE,EAAgBA,EAAgBI,EAE3BN,GAAgB,KAAOA,EAAe,IAC3CE,EAAgBE,EAAkBE,EAE7BN,EAAe,MACpBE,EAAgBG,EAAkBC,GAGtCH,EAAgBA,EAAgBG,EAE5BN,EAAe,IACf,MAAM,KAAK,KAAK,iBAAiB,4GAA4G,CAAC,EAAE,QAASpC,GAAY,CACjKA,EAAQ,UAAYA,EAAQ,UAAU,QAAQ,eAAgB,eAAe,EAC7EA,EAAQ,UAAU,IAAI,aAAa,EACnCA,EAAQ,UAAU,IAAI,YAAY,CACtC,CAAC,EAGD,MAAM,KAAK,KAAK,iBAAiB,kFAAkF,CAAC,EAAE,QAASA,GAAY,CACvIA,EAAQ,UAAU,OAAO,aAAa,EACtCA,EAAQ,UAAU,OAAO,YAAY,EACrCA,EAAQ,UAAYA,EAAQ,UAAU,QAAQ,gBAAiB,cAAc,CACjF,CAAC,EAGL,MAAM,KAAK,KAAK,iBAAiB,QAAQ,CAAC,EAAE,QAASA,GAAY,CACzDA,EAAQ,aAAa,MAAM,GAAK,YAChCA,EAAQ,gBAAgB,MAAM,EAC9BA,EAAQ,aAAa,MAAM,GAAK,qBAChCA,EAAQ,aAAa,OAAQ,UAAU,CAC/C,CAAC,EACD,MAAM,KAAK,KAAK,iBAAiB,OAAO,CAAC,EAAE,QAASA,GAAY,CAC5DA,EAAQ,UAAU,OAAO,MAAM,CACnC,CAAC,EAED,MAAM,KAAK,KAAK,WAAW,iBAAiB,YAAY,CAAC,EAAE,QAASA,GAAY,CAC5E,IAAIZ,EAAIC,EAAIC,EAEZ,IAAIqD,EAAe,WACb,GAAAvD,EAAKY,EAAQ,cAAc,MAAM,KAAO,MAAQZ,IAAO,SAAkBA,EAAG,aAAa,MAAM,KAC/FC,EAAKW,EAAQ,cAAc,MAAM,KAAO,MAAQX,IAAO,OAAS,OAASA,EAAG,aAAa,MAAM,IAAM,aACvGsD,EAAe,qBAEnB,MAAMC,GAAYtD,EAAKU,EAAQ,cAAc,MAAM,KAAO,MAAQV,IAAO,OAAS,OAASA,EAAG,iBAAgB,EAC9G,IAAIuD,EAAY,GAAKH,EAEjB,KAAK,aAAa,aAAa,IAC/BG,GAAa,GAAKH,GAEtB,QAASI,EAAI,EAAGA,EAAIF,EAAS,OAAQE,IAC7B,CAACF,EAASE,CAAC,EAAE,UAAU,SAAS,YAAY,GAAK,CAACF,EAASE,CAAC,EAAE,UAAU,SAAS,gBAAgB,IACjGD,GAAaD,EAASE,CAAC,EAAE,YACzBD,GAAaN,GAIrB,QAASO,EAAI,EAAGA,EAAIF,EAAS,OAAQE,IACjC,GAAIF,EAASE,CAAC,EAAE,UAAU,SAAS,gBAAgB,IAC/CF,EAASE,CAAC,EAAE,UAAU,IAAI,MAAM,EAChCD,GAAaD,EAASE,CAAC,EAAE,YACzBD,GAAaN,EAAgB,EAEzBM,EAAYN,EAAgB,EAAID,GAAe,CAC/CM,EAASE,CAAC,EAAE,UAAU,OAAO,MAAM,EACnC,KACJ,CAIR,QAASA,EAAI,EAAGA,EAAIF,EAAS,OAAQE,IACjC,GAAIF,EAASE,CAAC,EAAE,UAAU,SAAS,YAAY,IAC3CF,EAASE,CAAC,EAAE,UAAU,IAAI,MAAM,EAChCD,GAAaD,EAASE,CAAC,EAAE,YACzBD,GAAaN,EAAgB,EAEzBM,EAAYN,EAAgB,EAAID,GAAe,CAC/CM,EAASE,CAAC,EAAE,UAAU,OAAO,MAAM,EACnC,KACJ,CAGR,MAAMC,EAAiB/C,EAAQ,cAAc,kBAAkB,EAC3D+C,GACAA,EAAe,UAAU,IAAI,QAAQ,EAEzC,QAASD,EAAI,EAAGA,EAAIF,EAAS,OAAQE,KAC7BF,EAASE,CAAC,EAAE,UAAU,SAAS,YAAY,GAAKF,EAASE,CAAC,EAAE,UAAU,SAAS,gBAAgB,KAC1FF,EAASE,CAAC,EAAE,UAAU,SAAS,MAAM,IAEtCF,EAASE,CAAC,EAAE,aAAa,OAAQH,CAAY,EAEzCI,GACAA,EAAe,UAAU,OAAO,QAAQ,GAI5D,CAAC,CACL,EAEAZ,EAAW,EACX,IAAI,eAAeA,CAAW,EAAE,QAAQxB,CAAgB,EAGxD,MAAMqC,EAAmB,IAAM,CAC3B,IAAIC,EAAgB,GACpB,MAAM,KAAuErC,GAAgB,iBAAiB,aAAa,CAAC,EAAE,QAAQ,CAACZ,EAAS3B,IAAU,CACtJ4E,GAAiB,KAAK,aAAa,gBAAgB5E,EAAQ,CAAC,EAAE,EAAI,GAAGA,EAAQ,CAAC,IAAM,EACxF,CAAC,EACD,KAAK,aAAa,qBAAsBuC,EAAgB,iBAAiB,eAAe,EAAE,MAAM,EAChG,MAAMsC,EAAkB,IAAI,YAAY,qBAAsB,CAC1D,OAAQ,CACJ,cAAeD,EAAc,MAAM,EAAG,EAAE,CAC5D,CACA,CAAa,EACD,KAAK,cAAcC,CAAe,CACtC,EACA,GAAI,KAAK,aAAa,qBAAqB,GAAK,KAAK,aAAa,0BAA0B,EAAG,CAC3F,MAAMC,EAAU,KAAK,QAAQ,WAAW,EAAE,iBAAiB,UAAU,EACrE,MAAM,KAAKA,CAAO,EAAE,QAAQ,CAACnD,EAAS3B,IAAU,CACxC2B,EAAQ,aAC0DY,GAAgB,mBAAmB,YAAa,yEAAyEvC,EAAQ,CAAC,YAAYA,EAAQ,CAAC,qBAAqB,KAAK,aAAa,iBAAmBA,EAAQ,EAAE,EAAI,GAAK,SAAS,OAAO2B,EAAQ,WAAW,UAAU,CAE3V,CAAC,CACL,CAgBA,GAfA,KAAK,aAAa,qBAAsBY,EAAgB,iBAAiB,eAAe,EAAE,MAAM,EAC5F,KAAK,aAAa,qBAAqB,GAAK,CAAC,KAAK,aAAa,0BAA0B,GACvBA,GAAgB,iBAAiB,SAAW7B,GAAU,CACpH,GAAIA,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,OAAO,EAAG,CAC/E,MAAMqE,EAAWrE,EAAM,OAAO,QAAQ,OAAO,EACYqE,GAAS,SAAY,GAC1E,KAAK,aAAa,gBAAuEA,GAAS,MAAQ,MAAM,EAGhH,KAAK,gBAAgB,gBAAuEA,GAAS,KAAM,EAE/GJ,EAAgB,CACpB,CACJ,CAAC,EAED,KAAK,aAAa,0BAA0B,EAAG,CAC/C,MAAMpC,GAAmBJ,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,aAAa,EAC5G6C,GAAiB5C,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,cAAc,EAC3G6C,GAAmB5C,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,gBAAgB,EACvD2C,GAAc,iBAAiB,QAAUtE,GAAU,CAC7G,IAAIK,EACJ,MAAM,KAAuEwB,GAAgB,iBAAiB,aAAa,CAAC,EAAE,QAASwC,GAAa,CACvFA,GAAS,SAAY,GAC1E,KAAK,aAAa,gBAAuEA,GAAS,MAAQ,MAAM,EAGhH,KAAK,gBAAgB,gBAAuEA,GAAS,KAAM,CAEnH,CAAC,EACDJ,EAAgB,GACf5D,EAAKiE,EAAc,QAAQ,QAAQ,KAAO,MAAQjE,IAAO,QAAkBA,EAAG,MAAK,CACxF,CAAC,EAEiEkE,GAAgB,iBAAiB,QAAUvE,GAAU,CACnH,IAAIK,EAAIC,EACR,MAAMuB,GAAmBxB,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,aAAa,EAClH,MAAM,KAAuEwB,GAAgB,iBAAiB,aAAa,CAAC,EAAE,QAAQ,CAACZ,EAAS3B,IAAU,CACtJ2B,EAAQ,QAAU,MAAK,aAAa,gBAAgB3B,EAAQ,CAAC,EAAE,CACnE,CAAC,EACD2E,EAAgB,GACf3D,EAAKgE,EAAc,QAAQ,QAAQ,KAAO,MAAQhE,IAAO,QAAkBA,EAAG,MAAK,CACxF,CAAC,CACL,CAEJ,CACA,WAAW,oBAAqB,CAC5B,MAAO,CAAC,eAAe,CAC3B,CACA,yBAAyBkE,EAAUC,EAAQC,EAAQ,CAC/C,OAAQF,EAAQ,CACZ,IAAK,gBAAiB,CAClB,MAAMvC,EAAY,KAAK,WAAW,cAAc,YAAY,EACxDA,GACAjB,EAAkBiB,EAAWyC,CAAM,EACvC,MAAM1E,EAAQ,IAAI,YAAY,WAAY,CAAE,OAAQ,CAAE,SAAU0E,CAAM,EAAI,EAE1E,GADA,KAAK,cAAc1E,CAAK,EACpB0E,GAAU,OAAS,KAAK,aAAa,mBAAmB,EAAG,CAC3D,MAAMzD,EAAU,SAAS,eAAe,OAAO,KAAK,aAAa,mBAAmB,CAAC,CAAC,EACtF,MAAM,KAAKA,EAAQ,iBAAiB,wBAAwB,CAAC,EAAE,QAASkB,GAAU,CAC9E,IAAI9B,EACJ8B,EAAM,QAAU,GACZA,EAAM,QAAQ,UAAU,KACvB9B,EAAK8B,EAAM,QAAQ,UAAU,KAAO,MAAQ9B,IAAO,QAAkBA,EAAG,aAAa,gBAAiB,MAAM,EACrH,CAAC,CACL,CACA,GAAIqE,GAAU,KAAO,KAAK,aAAa,mBAAmB,EAAG,CACzD,MAAMzD,EAAU,SAAS,eAAe,OAAO,KAAK,aAAa,mBAAmB,CAAC,CAAC,EACtF,MAAM,KAAKA,EAAQ,iBAAiB,wBAAwB,CAAC,EAAE,QAASkB,GAAU,CAC9E,IAAI9B,EACJ8B,EAAM,QAAU,GACZA,EAAM,QAAQ,UAAU,KACvB9B,EAAK8B,EAAM,QAAQ,UAAU,KAAO,MAAQ9B,IAAO,QAAkBA,EAAG,gBAAgB,eAAe,EAChH,CAAC,CACL,CACA,KACJ,CACZ,CACI,CACJ"}