@iamproperty/components 5.7.1-beta6 → 6.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"barchart.component.min.js","sources":["../../modules/helpers.js","../../modules/chart.module.js","barchart.component.js"],"sourcesContent":["// @ts-nocheck\n/**\n * Global helper functions to help maintain and enhance framework elements.\n * @module Helpers\n */\n/**\n * Add global classes used by the CSS and later JavaScript.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addBodyClasses = (body) => {\n    body.classList.add(\"js-enabled\");\n    if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {\n        body.classList.add(\"ie\");\n    }\n    return null;\n};\n/**\n * Add global events.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addGlobalEvents = (body) => {\n    const checkElements = function (hash) {\n        const label = document.querySelector(`label[for=\"${hash.replace('#', '')}\"]`);\n        const summary = document.querySelector(hash + ' summary');\n        const dialog = document.querySelector(`dialog${hash}`);\n        const detail = document.querySelector(`detail${hash}`);\n        if (label instanceof HTMLElement)\n            label.click();\n        else if (summary instanceof HTMLElement)\n            summary.click();\n        else if (dialog instanceof HTMLElement)\n            dialog.showModal();\n        else if (detail instanceof HTMLElement)\n            detail.addAttribute('open');\n    };\n    if (location.hash)\n        checkElements(location.hash);\n    window.addEventListener('hashchange', function () { checkElements(location.hash); }, false);\n    addEventListener(\"popstate\", (event) => {\n        if (event && event.state && event.state.type && event.state.type == \"pagination\") {\n            let form = document.querySelector(`#${event.state.form}`);\n            let pageInput = document.querySelector(`#${event.state.form} [data-pagination]`);\n            if (pageInput)\n                pageInput.value = event.state.page;\n            else\n                form.innerHTML += `<input name=\"page\" type=\"hidden\" data-pagination=\"true\" value=\"${event.state.page}\" />`;\n            form.dispatchEvent(new Event(\"submit\"));\n        }\n    });\n    document.addEventListener(\"submit\", (event) => {\n        if (event && event.target instanceof HTMLElement && event.target.matches('form')) {\n            let form = event.target;\n            // Reset password types\n            Array.from(form.querySelectorAll('[data-password-type]')).forEach((input, index) => {\n                input.setAttribute('type', 'password');\n            });\n            if (form.querySelector(':invalid') || form.querySelector('.pwd-checker[data-strength=\"1\"]') || form.querySelector('.pwd-checker[data-strength=\"2\"]')) {\n                form.classList.add('was-validated');\n                event.preventDefault();\n            }\n            if (form.querySelector('iam-multiselect[data-is-required][data-error]')) {\n                form.classList.add('was-validated');\n                event.preventDefault();\n            }\n        }\n    });\n    document.addEventListener(\"keydown\", (e) => {\n        if (e.key === \"Escape\") {\n            if (document.querySelector('.dialog--transactional[open], .dialog--acknowledgement[open]')) {\n                e.preventDefault();\n                e.stopPropagation();\n            }\n        }\n    });\n    Array.from(document.querySelectorAll('label progress')).forEach((progress, index) => {\n        let label = progress.closest('label');\n        label.setAttribute('data-percent', progress.getAttribute('value'));\n    });\n    return null;\n};\nexport const isNumeric = function (str) {\n    if (typeof str != \"string\")\n        return false; // we only process strings!  \n    return !isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...\n        !isNaN(parseFloat(str)); // ...and ensure strings of whitespace fail\n};\nexport const zeroPad = (num, places) => String(num).padStart(places, '0');\nexport const ucfirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nexport const ucwords = (str) => str.split(' ').map(s => ucfirst(s)).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    let convertStart = startDateString.split('/');\n    let convertEnd = endDateString.split('/');\n    let dateStart = new Date(convertStart[1] + '/' + convertStart[0] + '/' + convertStart[2]);\n    let 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    let diffTime = dateEnd.getTime() - dateStart.getTime();\n    let 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.split(/[\\.\\[\\]\\'\\\"]/).filter(p => p).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    let pageWidth = window.innerWidth || document.body.clientWidth;\n    let treshold = Math.max(1, Math.floor(0.01 * (pageWidth)));\n    let x = touchendX - touchstartX;\n    let y = touchendY - touchstartY;\n    let xy = Math.abs(x / y);\n    let yx = Math.abs(y / x);\n    if (Math.abs(x) > treshold || Math.abs(y) > treshold) {\n        if (yx <= limit) {\n            if (x < 0) {\n                return \"left\";\n            }\n            else {\n                return \"right\";\n            }\n        }\n        if (xy <= limit) {\n            if (y < 0) {\n                return \"top\";\n            }\n            else {\n                return \"bottom\";\n            }\n        }\n    }\n    else {\n        return \"tap\";\n    }\n};\n","import { numberOfDays } from './helpers.js';\n// #region Functions that setup and trigger other functions \nexport const addClasses = (chartElement, chartOuter) => {\n    // add colour classes\n    for (let i = 1; i <= 10; i++) {\n        if (chartElement.hasAttribute(`data-colour-${i}`)) {\n            let colour = chartElement.getAttribute(`data-colour-${i}`);\n            chartElement.style.setProperty(`--chart-colour-${i}`, `var(--chart-colour-${colour})`);\n            chartElement.style.setProperty(`--chart-colour-${i}-hover`, `var(--chart-colour-${colour}-hover)`);\n        }\n        Array.from(chartOuter.querySelectorAll(`[data-colour-${i}]`)).forEach((element) => {\n            let colour = element.getAttribute(`data-colour-${i}`);\n            element.style.setProperty(`--chart-colour-${i}-set`, `var(--chart-colour-${colour})`);\n            element.style.setProperty(`--chart-colour-${i}-hover`, `var(--chart-colour-${colour}-hover)`);\n        });\n    }\n    return true;\n};\nexport const setupChart = (chartElement, chartOuter, tableElement) => {\n    // #region Reset the chart\n    // empty divs to re-populate\n    const chartKey = chartOuter.querySelector('.chart__key');\n    chartKey.innerHTML = '';\n    const chartGuidelines = chartOuter.querySelector('.chart__guidelines');\n    chartGuidelines.innerHTML = ``;\n    const chartYaxis = chartOuter.querySelector('.chart__yaxis');\n    chartYaxis.innerHTML = ``;\n    // Remove old input fields\n    Array.from(chartOuter.querySelectorAll(':scope > input[type=\"checkbox\"],:scope > input[type=\"radio\"]')).map((element) => { element.remove(); });\n    // #endregion\n    let { xaxis } = getChartData(chartElement, chartOuter);\n    setCellData(chartElement, chartOuter, tableElement);\n    createChartKey(chartOuter, tableElement, chartKey);\n    createChartGuidelines(chartElement, chartOuter, chartGuidelines);\n    createChartYaxis(chartElement, chartOuter, chartYaxis);\n    if (xaxis) {\n        createXaxis(chartElement, chartOuter, xaxis);\n    }\n    return true;\n};\n// #endregion\n// #region Event handlers and observers\nexport const setEventListener = function (chartElement, chartOuter) {\n    let chart = chartOuter.querySelector('.chart');\n    chart.addEventListener('mousemove', (event) => {\n        if (event && event.target instanceof HTMLElement && event.target.closest('td:not(:first-child')) {\n            let column = event.target.closest('td:not(:first-child');\n            var rect = column.getBoundingClientRect();\n            let x = event.clientX - rect.left;\n            let y = event.clientY - rect.top;\n            chart.setAttribute('style', `--cursor-x: ${x}px; --cursor-y: ${y}px;`);\n        }\n    });\n    // Use the part for the chart items to pass through states to the pages CSS\n    let labels = chartOuter.querySelectorAll('label');\n    Array.from(labels).forEach((label) => {\n        if (chartOuter.querySelector(`input#${label.getAttribute('for')}`).checked)\n            label.setAttribute('part', 'key-checked');\n        else\n            label.setAttribute('part', 'key-unchecked');\n    });\n    let table = chartElement.querySelector('table');\n    let shadowTable = chartOuter.querySelector('table');\n    chartOuter.addEventListener('change', function (event) {\n        let eventTarget = event.target;\n        const customEvent = new CustomEvent(\"view-change\", { detail: {\n                'data-dataset': eventTarget.getAttribute('data-dataset'),\n                'label': eventTarget.getAttribute('data-label'),\n                'checked': eventTarget.checked\n            }\n        });\n        chartElement.dispatchEvent(customEvent);\n        Array.from(labels).forEach((label) => {\n            var _a;\n            if ((_a = chartOuter.querySelector(`input#${label.getAttribute('for')}`)) === null || _a === void 0 ? void 0 : _a.checked)\n                label.setAttribute('part', 'key-checked');\n            else\n                label.setAttribute('part', 'key-unchecked');\n        });\n        shadowTable.innerHTML = table.innerHTML;\n        setCellData(chartElement, chartOuter, shadowTable);\n    });\n};\nexport const setEventObservers = function (chartElement, chartOuter) {\n    let table = chartElement.querySelector('table');\n    let shadowTable = chartOuter.querySelector('table');\n    const attributesUpdated = (mutationList, observer) => {\n        observer.disconnect();\n        observer2.disconnect();\n        for (const mutation of mutationList) {\n            if (mutation.attributeName == 'class' || (mutation.type === 'attributes' && mutation.attributeName === 'data-total') || mutation.type === 'attributes') {\n                shadowTable.innerHTML = table.innerHTML;\n                setupChart(chartElement, chartOuter, shadowTable);\n            }\n        }\n        observer.observe(table, { characterData: true, subtree: true });\n        observer2.observe(chartElement, { attributes: true });\n    };\n    const tableUpdated = (mutationList, observer) => {\n        observer.disconnect();\n        observer2.disconnect();\n        for (const mutation of mutationList) {\n            if (mutation.type == \"characterData\" || (mutation.type == \"childList\" && mutation.addedNodes.length)) {\n                shadowTable.innerHTML = table.innerHTML;\n                setupChart(chartElement, chartOuter, shadowTable);\n            }\n        }\n        observer.observe(table, { characterData: true, subtree: true });\n        observer2.observe(chartElement, { attributes: true });\n    };\n    let observer = new MutationObserver(tableUpdated);\n    let observer2 = new MutationObserver(attributesUpdated);\n    observer.observe(table, { characterData: true, subtree: true });\n    observer2.observe(chartElement, { attributes: true });\n    return true;\n};\n// #endregion\n// #region GET functions\nexport const getChartData = function (chartElement, chartOuter) {\n    let table = chartOuter.querySelector('.chart__wrapper table');\n    let min = chartElement.hasAttribute('data-min') ? chartElement.getAttribute('data-min') : 0;\n    let max = chartElement.hasAttribute('data-max') ? chartElement.getAttribute('data-max') : getLargestValue(chartElement, table);\n    let type = chartElement.hasAttribute('data-type') ? chartElement.getAttribute('data-type') : 'column';\n    let yaxis = chartElement.hasAttribute('data-yaxis') ? chartElement.getAttribute('data-yaxis').split(',') : [];\n    let guidelines = chartElement.hasAttribute('data-guidelines') ? chartElement.getAttribute('data-guidelines').split(',') : [];\n    let targets = chartElement.hasAttribute('data-targets') ? JSON.parse(chartElement.getAttribute('data-targets')) : null;\n    let events = chartElement.hasAttribute('data-events') ? JSON.parse(chartElement.getAttribute('data-events')) : null;\n    let xaxis = chartElement.hasAttribute('data-xaxis') ? chartElement.getAttribute('data-xaxis').split(',') : null;\n    let increment = chartElement.hasAttribute('data-increment') ? chartElement.getAttribute('data-increment') : null;\n    let start = chartElement.hasAttribute('data-start') ? chartElement.getAttribute('data-start') : 0;\n    let end = chartElement.hasAttribute('data-end') ? chartElement.getAttribute('data-end') : getLargestValue(chartElement, table); // TODO - get largest value from the data-xaxis\n    let slope = chartElement.hasAttribute('data-slope') ? chartElement.getAttribute('data-slope') : null;\n    let yInt = chartElement.hasAttribute('data-yint') ? chartElement.getAttribute('data-yint') : null;\n    return { min, max, type, yaxis, targets, events, xaxis, increment, start, end, slope, yInt, guidelines };\n};\nfunction getLargestValue(chartElement, table) {\n    const selector = chartElement.classList.contains('chart--stacked') ? 'tbody tr' : 'tbody td:not(:first-child)';\n    let values = Array.from(table.querySelectorAll(selector)).map((element) => {\n        let currentValue = element.getAttribute('data-numeric');\n        return currentValue;\n    });\n    let largestValue = Math.max(...values);\n    // TO DO round to the nearest 10, 100, 1000 and so on\n    return Math.ceil(largestValue);\n}\nconst getValues = function (value, min, max, start) {\n    let cleanValue = String(value);\n    cleanValue = cleanValue.replace('£', '');\n    cleanValue = cleanValue.replace('%', '');\n    cleanValue = cleanValue.replace(',', '');\n    cleanValue = Number.parseFloat(cleanValue);\n    let percent = ((cleanValue - min) / (max - min)) * 100;\n    let axis = percent;\n    let bottom = 0;\n    if (start && start != 0) {\n        bottom = ((start - min) / (max - min)) * 100;\n    }\n    // If the value is negative the position below the 0 line\n    if (min < 0) {\n        bottom = Math.abs(((min) / (max - min)) * 100);\n        if (cleanValue < 0) {\n            percent = bottom - percent;\n            bottom = bottom - percent;\n            axis = bottom;\n        }\n        else {\n            percent = percent - bottom;\n            axis = percent + bottom;\n        }\n    }\n    return { percent, axis, bottom };\n};\n// #endregion\n// #region SET functions - set data attributes and classes\nexport const setCellData = function (chartElement, chartOuter, table) {\n    Array.from(table.querySelectorAll('tbody tr')).forEach((tr) => {\n        let rowValue = 0;\n        // Set the data numeric value if not set\n        Array.from(tr.querySelectorAll('td:not(:first-child)')).forEach((td) => {\n            let value = parseFloat(td.textContent.replace('£', '').replace('%', '').replace(',', ''));\n            td.setAttribute('data-numeric', value);\n            td.setAttribute('data-value', td.textContent);\n            let display = getComputedStyle(td).display;\n            if (display != 'none')\n                rowValue += value;\n        });\n        tr.setAttribute('data-numeric', rowValue);\n    });\n    let { min, max } = getChartData(chartElement, chartOuter);\n    Array.from(table.querySelectorAll('tbody tr')).forEach((tr, index) => {\n        let group = tr.querySelector('td:first-child, th:first-child') ? tr.querySelector('td:first-child, th:first-child').textContent : '';\n        tr.setAttribute('part', 'group');\n        let percent = ((tr.getAttribute('data-numeric') - min) / (max - min)) * 100;\n        tr.style.setProperty('--percent', `${percent}%`);\n        // Set the data label value if not set\n        Array.from(tr.querySelectorAll('td:not([data-label])')).forEach((td, index) => {\n            if (index == 0)\n                td.setAttribute('part', 'xaxis-label'); // PART\n            else\n                td.setAttribute('part', 'value');\n            if (tr.querySelectorAll('td').length > 2)\n                td.setAttribute('data-label', table.querySelectorAll('thead th')[index].textContent);\n        });\n        /*\n        if(tr.querySelector('[data-label=\"Total\"]')){\n          tr.setAttribute('data-total',tr.querySelector('[data-label=\"Total\"][data-numeric]').getAttribute('data-numeric'));\n        }\n    \n        if(tr.querySelector('[data-label=\"Min\"]')){\n          tr.setAttribute('data-min',tr.querySelector('[data-label=\"Min\"][data-numeric]').getAttribute('data-numeric'));\n        }\n        if(tr.querySelector('[data-label=\"Max\"]')){\n          tr.setAttribute('data-max',tr.querySelector('[data-label=\"Max\"][data-numeric]').getAttribute('data-numeric'));\n        }\n    \n          */\n        let rowMin = tr.hasAttribute('data-min') ? tr.getAttribute('data-min') : min;\n        let rowMax = tr.hasAttribute('data-max') ? tr.getAttribute('data-max') : max;\n        if (rowMin < 0) {\n            let minBottom = Math.abs(((rowMin) / (rowMax - rowMin)) * 100);\n            chartElement.setAttribute('style', `--min-bottom: ${minBottom}%;`);\n        }\n        // Add a useful index css var for the use of animatons.\n        tr.style.setProperty('--row-index', index + 1);\n        // Add css vars to cells\n        Array.from(tr.querySelectorAll('td[data-numeric]:not([data-label=\"Min\"]):not([data-label=\"Max\"]):not(:first-child)')).forEach((td) => {\n            let display = getComputedStyle(td).display;\n            if (display == 'none')\n                return;\n            const content = td.innerHTML;\n            const value = Number.parseFloat(td.getAttribute('data-numeric'));\n            const start = Number.parseFloat(td.getAttribute('data-start'));\n            if (!td.querySelector('span[data-group]'))\n                td.innerHTML = `<span data-group=\"${group}\" ${td.hasAttribute('data-label') ? `data-label=\"${td.getAttribute('data-label')}\"` : ''} part=\"popover\">${content}</span>`;\n            if (!td.hasAttribute('style')) {\n                let { percent, bottom, axis } = getValues(value, rowMin, rowMax, start);\n                td.setAttribute('data-percent', percent);\n                td.setAttribute(\"style\", `--bottom:${bottom}%;--percent:${percent}%;--axis:${axis}%;`);\n            }\n        });\n    });\n};\nexport const setLongestLabel = function (chartOuter) {\n    let chartWrapper = chartOuter.querySelector('.chart__wrapper');\n    let chartSpacer = chartOuter.querySelector('.chart__spacer span');\n    let table = chartOuter.querySelector('.chart table');\n    // set the longest label attr so that the bar chart knows what margin to set on the left\n    let longestLabel = '';\n    Array.from(table.querySelectorAll('tbody tr td:first-child')).forEach((td) => {\n        if (typeof td.textContent != \"undefined\" && td.textContent.length > longestLabel.length) {\n            longestLabel = td.textContent;\n        }\n    });\n    chartWrapper.setAttribute('data-longest-label', longestLabel);\n    chartSpacer.innerHTML = longestLabel;\n};\nexport const setLongestValue = function (chartOuter) {\n    let chartWrapper = chartOuter.querySelector('.chart__wrapper');\n    let table = chartOuter.querySelector('.chart table');\n    let longestValue = '';\n    Array.from(table.querySelectorAll('tbody tr td:not(:first-child) span')).forEach((td) => {\n        if (typeof td.textContent != \"undefined\" && td.textContent.length > longestValue.length)\n            longestValue = td.textContent;\n    });\n    chartWrapper.setAttribute('data-longest-value', longestValue);\n};\n// #endregion\n// #region CREATE function\nexport const createChartKey = function (chartOuter, tableElement, chartKey) {\n    const chartID = `chart-${Date.now() + (Math.floor(Math.random() * 100) + 1)}`;\n    //const chartOuter = chartElement.querySelector('.chart__outer');\n    let previousInput;\n    let headings = Array.from(tableElement.querySelectorAll('thead th'));\n    headings.forEach((arrayElement, index) => {\n        if (index != 0) {\n            previousInput = createChartKeyItem(chartID, index, arrayElement.textContent, chartKey, chartOuter, previousInput);\n        }\n        if (index == 50) {\n            headings.length = index + 1;\n        }\n    });\n    return true;\n};\nfunction createChartKeyItem(chartID, index, text, chartKey, chartOuter, previousInput) {\n    let input = document.createElement('input');\n    input.setAttribute('name', `${chartID}-dataset-${index}`);\n    input.setAttribute('id', `${chartID}-dataset-${index}`);\n    input.setAttribute('data-dataset', `${index}`);\n    input.setAttribute('data-label', `${text}`);\n    input.checked = true;\n    input.setAttribute('type', `checkbox`);\n    if (index == 1)\n        chartOuter.prepend(input);\n    else\n        chartOuter.insertBefore(input, previousInput.nextSibling);\n    previousInput = input;\n    let label = document.createElement('label');\n    label.setAttribute('class', `key btn btn-action`);\n    label.setAttribute('for', `${chartID}-dataset-${index}`);\n    label.setAttribute('data-label', `${text}`);\n    label.setAttribute('part', `key`);\n    label.innerHTML = `${text}`;\n    chartKey.append(label);\n    return previousInput;\n}\nexport const createChartGuidelines = function (chartElement, chartOuter, chartGuidelines) {\n    let { min, max, yaxis, increment, guidelines } = getChartData(chartElement, chartOuter);\n    if (!guidelines.length)\n        guidelines = yaxis;\n    if (increment == \"days\") {\n        max = numberOfDays(min, max);\n        min = 0;\n    }\n    chartGuidelines.innerHTML = '';\n    for (var i = 0; i < guidelines.length; i++) {\n        let value = parseFloat(guidelines[i].replace('£', '').replace('%', '').replace(',', ''));\n        let { axis } = getValues(value, min, max);\n        chartGuidelines.innerHTML += `<div class=\"guideline\" style=\"--percent:${axis}%;\">${yaxis.indexOf(guidelines[i]) != -1 ? `<span>${guidelines[i]}</span>` : ''}</div>`;\n    }\n};\nexport const createChartYaxis = function (chartElement, chartOuter, chartYaxis) {\n    let { min, max, yaxis, increment } = getChartData(chartElement, chartOuter);\n    let startDay = min;\n    if (increment == \"days\") {\n        max = numberOfDays(min, max);\n        min = 0;\n    }\n    chartYaxis.innerHTML = '';\n    for (var i = 0; i < yaxis.length; i++) {\n        let value = parseFloat(yaxis[i].replace('£', '').replace('%', ''));\n        if (increment == \"days\") {\n            value = numberOfDays(startDay, yaxis[i]);\n        }\n        let { axis } = getValues(value, min, max);\n        chartYaxis.innerHTML += `<div class=\"axis__point\" style=\"--percent:${axis}%;\"><span>${yaxis[i]}</span></div>`;\n    }\n};\nexport const createXaxis = function (chartElement, chartOuter, xaxis) {\n    const chart = chartOuter.querySelector('.chart');\n    let chartXaxis = chartOuter.querySelector('.chart__xaxis');\n    let { increment, start, end } = getChartData(chartElement, chartOuter);\n    if (!chartXaxis) {\n        chartXaxis = document.createElement('div');\n        chartXaxis.setAttribute('class', 'chart__xaxis');\n    }\n    if (increment && start && end) {\n        chartXaxis.innerHTML = '';\n        for (var i = 0; i < xaxis.length; i++) {\n            let value = parseFloat(xaxis[i].replace('£', '').replace('%', ''));\n            let position = ((value - start) / (end - start)) * 100;\n            chartXaxis.innerHTML += `<div class=\"axis__point\" style=\"--percent:${position}%;\"><span>${xaxis[i]}</span></div>`;\n        }\n    }\n    chart.prepend(chartXaxis);\n};\nexport const createTooltips = function (chartOuter) {\n    const titles = chartOuter.querySelectorAll('thead th[title], tbody th[title]:first-child, tbody td[title]:first-child');\n    Array.from(titles).forEach((title) => {\n        let tooltipId = `tooltip-${Date.now()}-${Math.floor(Math.random() * 100)}`;\n        title.innerHTML = `<button class=\"tooltip\" popovertarget=\"${tooltipId}\" part=\"tooltip\" style=\"anchor-name: --${tooltipId};\">${title.textContent}</button><span id=\"${tooltipId}\" style=\"position-anchor: --${tooltipId};\" popover part=\"tooltip__content\" class=\"tooltip__content\">${title.getAttribute('title')}</span>`;\n        //title.removeAttribute('title'); // TODO add a supports query for anchor positioning\n    });\n};\n// #endregion\nexport default setupChart;\n","// @ts-nocheck\nimport { addClasses, setupChart, setEventListener, setEventObservers, setLongestLabel, setLongestValue, createTooltips } from \"../../modules/chart.module.js\";\n// TODO: tooltip\n// TODO: responsive 'fit-content' classes done through JS\nclass iamBarChart extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location') ? document.body.getAttribute('data-assets-location') : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/barchart.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${loadCSS}\n    </style>\n    <div class=\"chart__outer\" part=\"outer\">\n      <div class=\"chart__key\" part=\"chart-key\"></div>\n      <div class=\"chart__wrapper\" part=\"wrapper\">\n        <div class=\"chart__yaxis\" part=\"yaxis\"></div>\n        <div class=\"chart\" part=\"chart\">\n          <div class=\"chart__guidelines\" part=\"guidelines\"></div>\n        </div>\n      </div>\n      <div class=\"chart__spacer\"><span part=\"spacer\"></span</div>\n    </div>`;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        const chartComponent = this;\n        const chartID = `chart-${Date.now() + (Math.floor(Math.random() * 100) + 1)}`;\n        const orginalTable = this.querySelector('table');\n        const clonedTable = orginalTable.cloneNode(true);\n        const chart = this.shadowRoot.querySelector('.chart');\n        const chartOuter = this.shadowRoot.querySelector('.chart__outer');\n        chart.appendChild(clonedTable);\n        addClasses(chartComponent, chartOuter);\n        const barCount = chart.querySelectorAll('td:not(:first-child)').length;\n        if (barCount < 10) {\n            chartComponent.classList.add('chart--fit-content');\n            //chartComponent.classList.add('chart--display-data');\n        }\n        if (barCount < 5) {\n            chartComponent.classList.add('chart--no-scale');\n            //chartComponent.classList.add('chart--display-data');\n        }\n        setupChart(chartComponent, chartOuter, clonedTable);\n        setEventObservers(chartComponent, chartOuter);\n        setEventListener(chartComponent, chartOuter);\n        setLongestLabel(chartOuter);\n        setLongestValue(chartOuter);\n        createTooltips(chartOuter);\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n    }\n}\nexport default iamBarChart;\n"],"names":["numberOfDays","startDateString","endDateString","convertStart","convertEnd","dateStart","dateEnd","addClasses","chartElement","chartOuter","i","colour","element","setupChart","tableElement","chartKey","chartGuidelines","chartYaxis","xaxis","getChartData","setCellData","createChartKey","createChartGuidelines","createChartYaxis","createXaxis","setEventListener","chart","event","rect","x","y","labels","label","table","shadowTable","eventTarget","customEvent","_a","setEventObservers","attributesUpdated","mutationList","observer","observer2","mutation","tableUpdated","min","max","getLargestValue","type","yaxis","guidelines","targets","events","increment","start","end","slope","yInt","selector","values","largestValue","getValues","value","cleanValue","percent","axis","bottom","tr","rowValue","td","index","group","rowMin","rowMax","minBottom","content","setLongestLabel","chartWrapper","chartSpacer","longestLabel","setLongestValue","longestValue","chartID","previousInput","headings","arrayElement","createChartKeyItem","text","input","startDay","chartXaxis","position","createTooltips","titles","title","tooltipId","iamBarChart","template","chartComponent","clonedTable","barCount","attrName","oldVal","newVal"],"mappings":"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"}
+{"version":3,"file":"barchart.component.min.js","sources":["../../modules/chart.module.js","../_global.js","barchart.component.js"],"sourcesContent":["// #region Functions that setup and trigger other functions \nexport const addClasses = (chartElement, chartOuter) => {\n    // add colour classes\n    for (let i = 1; i <= 10; i++) {\n        if (chartElement.hasAttribute(`data-colour-${i}`)) {\n            let colour = chartElement.getAttribute(`data-colour-${i}`);\n            chartElement.style.setProperty(`--chart-colour-${i}`, `var(--chart-colour-${colour})`);\n            chartElement.style.setProperty(`--chart-colour-${i}-hover`, `var(--chart-colour-${colour}-hover)`);\n        }\n        Array.from(chartOuter.querySelectorAll(`[data-colour-${i}]`)).forEach((element) => {\n            let colour = element.getAttribute(`data-colour-${i}`);\n            element.style.setProperty(`--chart-colour-${i}-set`, `var(--chart-colour-${colour})`);\n            element.style.setProperty(`--chart-colour-${i}-hover`, `var(--chart-colour-${colour}-hover)`);\n        });\n    }\n    return true;\n};\nexport const setupChart = (chartElement, chartOuter, tableElement) => {\n    // #region Reset the chart\n    // empty divs to re-populate\n    const chartKey = chartOuter.querySelector('.chart__key');\n    chartKey.innerHTML = '';\n    const chartGuidelines = chartOuter.querySelector('.chart__guidelines');\n    chartGuidelines.innerHTML = ``;\n    const chartYaxis = chartOuter.querySelector('.chart__yaxis');\n    chartYaxis.innerHTML = ``;\n    // Remove old input fields\n    Array.from(chartOuter.querySelectorAll(':scope > input[type=\"checkbox\"],:scope > input[type=\"radio\"]')).map((element) => { element.remove(); });\n    // #endregion\n    let { xaxis } = getChartData(chartElement);\n    setCellData(chartElement, tableElement);\n    createChartKey(chartOuter, tableElement, chartKey);\n    createChartGuidelines(chartElement, chartGuidelines);\n    createChartYaxis(chartElement, chartYaxis);\n    if (xaxis) {\n        createXaxis(chartOuter);\n    }\n    return true;\n};\n// #endregion\n// #region Event handlers and observers\nexport const setEventListener = function (chartElement, chartOuter) {\n    let chart = chartOuter.querySelector('.chart');\n    chart.addEventListener('mousemove', (event) => {\n        if (event && event.target instanceof HTMLElement && event.target.closest('td:not(:first-child')) {\n            let column = event.target.closest('td:not(:first-child');\n            var rect = column.getBoundingClientRect();\n            let x = event.clientX - rect.left;\n            let y = event.clientY - rect.top;\n            chart.setAttribute('style', `--cursor-x: ${x}px; --cursor-y: ${y}px;`);\n        }\n    });\n    // Use the part for the chart items to pass through states to the pages CSS\n    let labels = chartOuter.querySelectorAll('label');\n    Array.from(labels).forEach((label) => {\n        if (chartOuter.querySelector(`input#${label.getAttribute('for')}`).checked)\n            label.setAttribute('part', 'key-checked');\n        else\n            label.setAttribute('part', 'key-unchecked');\n    });\n    let table = chartElement.querySelector('table');\n    let shadowTable = chartOuter.querySelector('table');\n    chartOuter.addEventListener('change', function (event) {\n        let eventTarget = event.target;\n        const customEvent = new CustomEvent(\"view-change\", { detail: {\n                'data-dataset': eventTarget.getAttribute('data-dataset'),\n                'label': eventTarget.getAttribute('data-label'),\n                'checked': eventTarget.checked\n            }\n        });\n        chartElement.dispatchEvent(customEvent);\n        Array.from(labels).forEach((label) => {\n            var _a;\n            if ((_a = chartOuter.querySelector(`input#${label.getAttribute('for')}`)) === null || _a === void 0 ? void 0 : _a.checked)\n                label.setAttribute('part', 'key-checked');\n            else\n                label.setAttribute('part', 'key-unchecked');\n        });\n        shadowTable.innerHTML = table.innerHTML;\n        setCellData(chartElement, shadowTable);\n    });\n};\nexport const setEventObservers = function (chartElement, chartOuter) {\n    let table = chartElement.querySelector('table');\n    let shadowTable = chartOuter.querySelector('table');\n    const attributesUpdated = (mutationList, observer) => {\n        observer.disconnect();\n        observer2.disconnect();\n        for (const mutation of mutationList) {\n            if (mutation.attributeName == 'class' || (mutation.type === 'attributes') || mutation.type === 'attributes') {\n                shadowTable.innerHTML = table.innerHTML;\n                setupChart(chartElement, chartOuter, shadowTable);\n            }\n        }\n        observer.observe(table, { characterData: true, subtree: true });\n        observer2.observe(chartElement, { attributes: true });\n    };\n    const tableUpdated = (mutationList, observer) => {\n        observer.disconnect();\n        observer2.disconnect();\n        for (const mutation of mutationList) {\n            if (mutation.type == \"characterData\" || (mutation.type == \"childList\" && mutation.addedNodes.length)) {\n                shadowTable.innerHTML = table.innerHTML;\n                setupChart(chartElement, chartOuter, shadowTable);\n            }\n        }\n        observer.observe(table, { characterData: true, subtree: true });\n        observer2.observe(chartElement, { attributes: true });\n    };\n    let observer = new MutationObserver(tableUpdated);\n    let observer2 = new MutationObserver(attributesUpdated);\n    observer.observe(table, { characterData: true, subtree: true });\n    observer2.observe(chartElement, { attributes: true });\n    return true;\n};\n// #endregion\n// #region GET functions\nexport const getChartData = function (chartElement) {\n    let table = chartElement.shadowRoot.querySelector('.chart__wrapper table');\n    let min = chartElement.hasAttribute('data-min') ? chartElement.getAttribute('data-min') : 0;\n    let max = chartElement.hasAttribute('data-max') ? chartElement.getAttribute('data-max') : getLargestValue(chartElement, table);\n    //let type:string = chartElement.hasAttribute('data-type') ? chartElement.getAttribute('data-type') : 'column';\n    let yaxis = chartElement.hasAttribute('data-yaxis') ? chartElement.getAttribute('data-yaxis').split(',') : [];\n    let guidelines = chartElement.hasAttribute('data-guidelines') ? chartElement.getAttribute('data-guidelines').split(',') : [];\n    //let targets:any = chartElement.hasAttribute('data-targets') ? JSON.parse(chartElement.getAttribute('data-targets')) : null;\n    //let events:any = chartElement.hasAttribute('data-events') ? JSON.parse(chartElement.getAttribute('data-events')) : null;\n    let xaxis = chartElement.hasAttribute('data-xaxis') ? chartElement.getAttribute('data-xaxis').split(',') : null;\n    //let increment = chartElement.hasAttribute('data-increment') ? chartElement.getAttribute('data-increment'): null;\n    //let start:any = chartElement.hasAttribute('data-start') ? chartElement.getAttribute('data-start') : 0;\n    //let end:any = chartElement.hasAttribute('data-end') ? chartElement.getAttribute('data-end') : getLargestValue(chartElement,table); // TODO - get largest value from the data-xaxis\n    //let slope:any = chartElement.hasAttribute('data-slope') ? chartElement.getAttribute('data-slope') : null;\n    //let yInt:any = chartElement.hasAttribute('data-yint') ? chartElement.getAttribute('data-yint') : null;\n    return { min, max, yaxis, xaxis, guidelines };\n};\nfunction getLargestValue(chartElement, table) {\n    const selector = chartElement.classList.contains('chart--stacked') ? 'tbody tr' : 'tbody td:not(:first-child)';\n    let values = Array.from(table.querySelectorAll(selector)).map((element) => {\n        let currentValue = element.getAttribute('data-numeric');\n        return currentValue;\n    });\n    let largestValue = Math.max(...values);\n    // TO DO round to the nearest 10, 100, 1000 and so on\n    return Math.ceil(largestValue);\n}\nconst getValues = function (value, min, max, start) {\n    let cleanValue = String(value);\n    cleanValue = cleanValue.replace('£', '');\n    cleanValue = cleanValue.replace('%', '');\n    cleanValue = cleanValue.replace(',', '');\n    cleanValue = Number.parseFloat(cleanValue);\n    let percent = ((cleanValue - min) / (max - min)) * 100;\n    let axis = percent;\n    let bottom = 0;\n    if (start && start != 0) {\n        bottom = ((start - min) / (max - min)) * 100;\n    }\n    // If the value is negative the position below the 0 line\n    if (min < 0) {\n        bottom = Math.abs(((min) / (max - min)) * 100);\n        if (cleanValue < 0) {\n            percent = bottom - percent;\n            bottom = bottom - percent;\n            axis = bottom;\n        }\n        else {\n            percent = percent - bottom;\n            axis = percent + bottom;\n        }\n    }\n    return { percent, axis, bottom };\n};\n// #endregion\n// #region SET functions - set data attributes and classes\nexport const setCellData = function (chartElement, table) {\n    Array.from(table.querySelectorAll('tbody tr')).forEach((tr) => {\n        let rowValue = 0;\n        // Set the data numeric value if not set\n        Array.from(tr.querySelectorAll('td:not(:first-child)')).forEach((td) => {\n            let value = parseFloat(td.textContent.replace('£', '').replace('%', '').replace(',', ''));\n            td.setAttribute('data-numeric', value);\n            td.setAttribute('data-value', td.textContent);\n            let display = getComputedStyle(td).display;\n            if (display != 'none')\n                rowValue += value;\n        });\n        tr.setAttribute('data-numeric', rowValue);\n    });\n    let { min, max } = getChartData(chartElement);\n    Array.from(table.querySelectorAll('tbody tr')).forEach((tr, index) => {\n        let group = tr.querySelector('td:first-child, th:first-child') ? tr.querySelector('td:first-child, th:first-child').textContent : '';\n        tr.setAttribute('part', 'group');\n        let percent = ((tr.getAttribute('data-numeric') - min) / (max - min)) * 100;\n        tr.style.setProperty('--percent', `${percent}%`);\n        // Set the data label value if not set\n        Array.from(tr.querySelectorAll('td:not([data-label])')).forEach((td, index) => {\n            if (index == 0)\n                td.setAttribute('part', 'xaxis-label'); // PART\n            else\n                td.setAttribute('part', 'value');\n            if (tr.querySelectorAll('td').length > 2)\n                td.setAttribute('data-label', table.querySelectorAll('thead th')[index].textContent);\n        });\n        let rowMin = tr.hasAttribute('data-min') ? tr.getAttribute('data-min') : min;\n        let rowMax = tr.hasAttribute('data-max') ? tr.getAttribute('data-max') : max;\n        if (rowMin < 0) {\n            let minBottom = Math.abs(((rowMin) / (rowMax - rowMin)) * 100);\n            chartElement.setAttribute('style', `--min-bottom: ${minBottom}%;`);\n        }\n        // Add a useful index css var for the use of animatons.\n        tr.style.setProperty('--row-index', index + 1);\n        // Add css vars to cells\n        Array.from(tr.querySelectorAll('td[data-numeric]:not([data-label=\"Min\"]):not([data-label=\"Max\"]):not(:first-child)')).forEach((td) => {\n            let display = getComputedStyle(td).display;\n            if (display == 'none')\n                return;\n            const content = td.innerHTML;\n            const value = Number.parseFloat(td.getAttribute('data-numeric'));\n            const start = Number.parseFloat(td.getAttribute('data-start'));\n            if (!td.querySelector('span[data-group]'))\n                td.innerHTML = `<span data-group=\"${group}\" ${td.hasAttribute('data-label') ? `data-label=\"${td.getAttribute('data-label')}\"` : ''} part=\"popover\">${content}</span>`;\n            if (!td.hasAttribute('style')) {\n                let { percent, bottom, axis } = getValues(value, rowMin, rowMax, start);\n                td.setAttribute('data-percent', percent);\n                td.setAttribute(\"style\", `--bottom:${bottom}%;--percent:${percent}%;--axis:${axis}%;`);\n            }\n        });\n    });\n};\nexport const setLongestLabel = function (chartOuter) {\n    let chartWrapper = chartOuter.querySelector('.chart__wrapper');\n    let chartSpacer = chartOuter.querySelector('.chart__spacer span');\n    let table = chartOuter.querySelector('.chart table');\n    // set the longest label attr so that the bar chart knows what margin to set on the left\n    let longestLabel = '';\n    Array.from(table.querySelectorAll('tbody tr td:first-child')).forEach((td) => {\n        if (typeof td.textContent != \"undefined\" && td.textContent.length > longestLabel.length) {\n            longestLabel = td.textContent;\n        }\n    });\n    chartWrapper.setAttribute('data-longest-label', longestLabel);\n    chartSpacer.innerHTML = longestLabel;\n};\nexport const setLongestValue = function (chartOuter) {\n    let chartWrapper = chartOuter.querySelector('.chart__wrapper');\n    let table = chartOuter.querySelector('.chart table');\n    let longestValue = '';\n    Array.from(table.querySelectorAll('tbody tr td:not(:first-child) span')).forEach((td) => {\n        if (typeof td.textContent != \"undefined\" && td.textContent.length > longestValue.length)\n            longestValue = td.textContent;\n    });\n    chartWrapper.setAttribute('data-longest-value', longestValue);\n};\n// #endregion\n// #region CREATE function\nexport const createChartKey = function (chartOuter, tableElement, chartKey) {\n    const chartID = `chart-${Date.now() + (Math.floor(Math.random() * 100) + 1)}`;\n    //const chartOuter = chartElement.querySelector('.chart__outer');\n    let previousInput;\n    let headings = Array.from(tableElement.querySelectorAll('thead th'));\n    headings.forEach((arrayElement, index) => {\n        if (index != 0) {\n            previousInput = createChartKeyItem(chartID, index, arrayElement.textContent, chartKey, chartOuter, previousInput);\n        }\n        if (index == 50) {\n            headings.length = index + 1;\n        }\n    });\n    return true;\n};\nfunction createChartKeyItem(chartID, index, text, chartKey, chartOuter, previousInput) {\n    let input = document.createElement('input');\n    input.setAttribute('name', `${chartID}-dataset-${index}`);\n    input.setAttribute('id', `${chartID}-dataset-${index}`);\n    input.setAttribute('data-dataset', `${index}`);\n    input.setAttribute('data-label', `${text}`);\n    input.checked = true;\n    input.setAttribute('type', `checkbox`);\n    if (index == 1)\n        chartOuter.prepend(input);\n    else\n        chartOuter.insertBefore(input, previousInput.nextSibling);\n    previousInput = input;\n    let label = document.createElement('label');\n    label.setAttribute('class', `key btn btn-action`);\n    label.setAttribute('for', `${chartID}-dataset-${index}`);\n    label.setAttribute('data-label', `${text}`);\n    label.setAttribute('part', `key`);\n    label.innerHTML = `${text}`;\n    chartKey.append(label);\n    return previousInput;\n}\nexport const createChartGuidelines = function (chartElement, chartGuidelines) {\n    let { min, max, yaxis, guidelines } = getChartData(chartElement);\n    if (!guidelines.length)\n        guidelines = yaxis;\n    chartGuidelines.innerHTML = '';\n    for (var i = 0; i < guidelines.length; i++) {\n        let value = parseFloat(guidelines[i].replace('£', '').replace('%', '').replace(',', ''));\n        let { axis } = getValues(value, min, max);\n        chartGuidelines.innerHTML += `<div class=\"guideline\" style=\"--percent:${axis}%;\">${yaxis.indexOf(guidelines[i]) != -1 ? `<span>${guidelines[i]}</span>` : ''}</div>`;\n    }\n};\nexport const createChartYaxis = function (chartElement, chartYaxis) {\n    let { min, max, yaxis } = getChartData(chartElement);\n    chartYaxis.innerHTML = '';\n    for (var i = 0; i < yaxis.length; i++) {\n        let value = parseFloat(yaxis[i].replace('£', '').replace('%', ''));\n        let { axis } = getValues(value, min, max);\n        chartYaxis.innerHTML += `<div class=\"axis__point\" style=\"--percent:${axis}%;\"><span>${yaxis[i]}</span></div>`;\n    }\n};\nexport const createXaxis = function (chartOuter) {\n    const chart = chartOuter.querySelector('.chart');\n    let chartXaxis = chartOuter.querySelector('.chart__xaxis');\n    if (!chartXaxis) {\n        chartXaxis = document.createElement('div');\n        chartXaxis.setAttribute('class', 'chart__xaxis');\n    }\n    chart.prepend(chartXaxis);\n};\nexport const createTooltips = function (chartOuter) {\n    const titles = chartOuter.querySelectorAll('thead th[title], tbody th[title]:first-child, tbody td[title]:first-child');\n    Array.from(titles).forEach((title) => {\n        let tooltipId = `tooltip-${Date.now()}-${Math.floor(Math.random() * 100)}`;\n        title.innerHTML = `<button class=\"tooltip\" popovertarget=\"${tooltipId}\" part=\"tooltip\" style=\"anchor-name: --${tooltipId};\">${title.textContent}</button><span id=\"${tooltipId}\" style=\"position-anchor: --${tooltipId};\" popover part=\"tooltip__content\" class=\"tooltip__content\">${title.getAttribute('title')}</span>`;\n        //title.removeAttribute('title'); // TODO add a supports query for anchor positioning\n    });\n};\n// #endregion\nexport default setupChart;\n","// @ts-nocheck\nexport const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        \"event\": \"customElementRegistered\",\n        \"element\": componentName\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        \"event\": \"customElementAdded\",\n        \"element\": componentName\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            let eventDetails = {\n                \"event\": eventName,\n                \"element\": componentName,\n                \"target\": event.target\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","// @ts-nocheck\nimport { addClasses, setupChart, setEventListener, setEventObservers, setLongestLabel, setLongestValue, createTooltips } from \"../../modules/chart.module.js\";\nimport { trackComponent, trackComponentRegistered } from \"../_global.js\";\ntrackComponentRegistered(\"iam-barchart\");\nclass iamBarChart extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location') ? document.body.getAttribute('data-assets-location') : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/barchart.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${loadCSS}\n    </style>\n    <div class=\"chart__outer\" part=\"outer\">\n      <div class=\"chart__key\" part=\"chart-key\"></div>\n      <div class=\"chart__wrapper\" part=\"wrapper\">\n        <div class=\"chart__yaxis\" part=\"yaxis\"></div>\n        <div class=\"chart\" part=\"chart\">\n          <div class=\"chart__guidelines\" part=\"guidelines\"></div>\n        </div>\n      </div>\n      <div class=\"chart__spacer\"><span part=\"spacer\"></span</div>\n    </div>`;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        const chartComponent = this;\n        const chartID = `chart-${Date.now() + (Math.floor(Math.random() * 100) + 1)}`;\n        const orginalTable = this.querySelector('table');\n        const clonedTable = orginalTable.cloneNode(true);\n        const chart = this.shadowRoot.querySelector('.chart');\n        const chartOuter = this.shadowRoot.querySelector('.chart__outer');\n        const barCount = chart.querySelectorAll('td:not(:first-child)').length;\n        chart.appendChild(clonedTable);\n        addClasses(chartComponent, chartOuter);\n        if (barCount <= 10) {\n            chartComponent.classList.add('chart--fit-content');\n        }\n        if (barCount <= 5) {\n            chartComponent.classList.add('chart--no-scale');\n        }\n        setupChart(chartComponent, chartOuter, clonedTable);\n        setEventObservers(chartComponent, chartOuter);\n        setEventListener(chartComponent, chartOuter);\n        setLongestLabel(chartOuter);\n        setLongestValue(chartOuter);\n        createTooltips(chartOuter);\n        trackComponent(chartComponent, \"iam-barchart\", ['view-change']);\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n    }\n}\nexport default iamBarChart;\n"],"names":["addClasses","chartElement","chartOuter","i","colour","element","setupChart","tableElement","chartKey","chartGuidelines","chartYaxis","xaxis","getChartData","setCellData","createChartKey","createChartGuidelines","createChartYaxis","createXaxis","setEventListener","chart","event","rect","x","y","labels","label","table","shadowTable","eventTarget","customEvent","_a","setEventObservers","attributesUpdated","mutationList","observer","observer2","mutation","tableUpdated","min","max","getLargestValue","yaxis","guidelines","selector","values","largestValue","getValues","value","start","cleanValue","percent","axis","bottom","tr","rowValue","td","index","group","rowMin","rowMax","minBottom","content","setLongestLabel","chartWrapper","chartSpacer","longestLabel","setLongestValue","longestValue","chartID","previousInput","headings","arrayElement","createChartKeyItem","text","input","chartXaxis","createTooltips","titles","title","tooltipId","trackComponentRegistered","componentName","trackComponent","component","trackEvents","eventName","eventDetails","eventKey","eventDetail","iamBarChart","template","chartComponent","clonedTable","barCount","attrName","oldVal","newVal"],"mappings":"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"}

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

@@ -35,7 +35,7 @@ class iamCard extends HTMLElement {
     }
     createCardConent() {
         // TODO split this out a bit
-        return `${this.hasAttribute('data-image') || this.hasAttribute('data-record') ? `<div class="card__head">${this.hasAttribute('data-image') ? `<img src="${this.getAttribute('data-image')}" alt="" loading="lazy" />` : ``} <div class="card__badges"><slot name="badges"></slot></div></div>` : ''}
+        return `${this.hasAttribute('data-image') || this.hasAttribute('data-record') ? `<div class="card__head" part="head">${this.hasAttribute('data-image') ? `<img src="${this.getAttribute('data-image')}" alt="" loading="lazy" />` : ``} <div class="card__badges"><slot name="badges"></slot></div></div>` : ''}
     <div class="card__body" part="body">
     ${!this.hasAttribute('data-image') && this.querySelector('[slot="badges"]') && this.querySelector('[slot="checkbox"]') ? `<div class="card__badges card__badges--inline"><slot name="badges"></slot></div>` : ''}
     ${!this.hasAttribute('data-image') && !this.hasAttribute('data-record') && this.querySelector('[slot="badges"]') ? `<div class="card__badges"><slot name="badges"></slot></div>` : ''}

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v5.7.1-beta6
+  * iamKey v6.0.0
   * Copyright 2022-2024 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Card"});class g extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.querySelector('*:not(.badge):not(small):not(.btn):not(button) > [class*="fa-"]:not(.btn)')&&this.classList.add("card--has-icon");let i=this.classList.toString();const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",r=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,a=document.createElement("template");a.innerHTML=`
     <style>
@@ -13,7 +13,7 @@
       ${this.createCardConent()}
     </div>
     `,this.shadowRoot.appendChild(a.content.cloneNode(!0)),document.getElementById("cardGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="cardGlobal">iam-card{margin-bottom:1.5rem;display:block}@supports not selector(:has(*)){iam-card{margin-bottom:2rem;display:block}}iam-card>div:has([type=checkbox]){display:contents}iam-card>div:has([type=checkbox])>input:is([type=radio],[type=checkbox])+label{position:absolute !important;top:.5rem;right:.5rem;width:2rem;padding-left:2rem;margin:0.25rem 0.5rem !important;height:2.5rem;overflow:hidden}iam-card:has([type=checkbox]:checked){--hover-outline-colour: var(--colour-info);--outline-colour: var(--colour-info)}iam-card:has([type=checkbox]+label:hover){--hover-outline-colour: transparent;--hover-icon-bg: var(--colour-warning);--hover-icon-colour: var(--colour-primary-theme);--card-icon-right-overide:1rem}iam-card:has([type=checkbox]:active){--hover-outline-colour: transparent;--hover-icon-bg: var(--colour-warning);--hover-icon-colour: var(--colour-primary-theme);--card-icon-right-overide:1rem}iam-card.card--has-icon:not(.card--filter):not(.card--secondary) i{position:absolute;top:calc(50% - .5rem - 2px);left:1rem}iam-card .badge i{position:static !important;margin-right:.25rem}:is(a,button,label) iam-card{margin-bottom:0 !important}[data-select-container]:has([type=checkbox]:checked) iam-card>div:has([type=checkbox])>input:is([type=radio],[type=checkbox]){width:100%;height:100%;max-height:100%;max-width:100%;cursor:pointer;pointer-events:all;inset:0;border-radius:0;z-index:10}a[target=_blank] iam-card::part(card){--icon: var(--icon-new-tab)}/*# sourceMappingURL=assets/css/components/card.global.css.map */
-</style>`)}createCardConent(){return`${this.hasAttribute("data-image")||this.hasAttribute("data-record")?`<div class="card__head">${this.hasAttribute("data-image")?`<img src="${this.getAttribute("data-image")}" alt="" loading="lazy" />`:""} <div class="card__badges"><slot name="badges"></slot></div></div>`:""}
+</style>`)}createCardConent(){return`${this.hasAttribute("data-image")||this.hasAttribute("data-record")?`<div class="card__head" part="head">${this.hasAttribute("data-image")?`<img src="${this.getAttribute("data-image")}" alt="" loading="lazy" />`:""} <div class="card__badges"><slot name="badges"></slot></div></div>`:""}
     <div class="card__body" part="body">
     ${!this.hasAttribute("data-image")&&this.querySelector('[slot="badges"]')&&this.querySelector('[slot="checkbox"]')?'<div class="card__badges card__badges--inline"><slot name="badges"></slot></div>':""}
     ${!this.hasAttribute("data-image")&&!this.hasAttribute("data-record")&&this.querySelector('[slot="badges"]')?'<div class="card__badges"><slot name="badges"></slot></div>':""}

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

@@ -1 +1 @@
-{"version":3,"file":"card.component.min.js","sources":["card.component.js"],"sourcesContent":["// @ts-nocheck\n// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    \"event\": \"customElementRegistered\",\n    \"element\": \"Card\"\n});\nclass iamCard extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        if (this.querySelector('*:not(.badge):not(small):not(.btn):not(button) > [class*=\"fa-\"]:not(.btn)'))\n            this.classList.add('card--has-icon');\n        let classList = this.classList.toString();\n        const assetLocation = document.body.hasAttribute('data-assets-location') ? document.body.getAttribute('data-assets-location') : '/assets';\n        const coreCSS = document.body.hasAttribute('data-core-css') ? document.body.getAttribute('data-core-css') : `${assetLocation}/css/core.min.css`;\n        const loadCSS = `@import \"${assetLocation}/css/components/card.css\";`;\n        const loadExtraCSS = `@import \"${assetLocation}/css/components/card.global.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    @import \"${coreCSS}\";\n    ${loadCSS}\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\">\n    <div class=\"card ${classList}\" tabindex=\"0\" part=\"card\">\n      ${this.createCardConent()}\n    </div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n        // insert extra CSS\n        if (!document.getElementById('cardGlobal'))\n            document.head.insertAdjacentHTML('beforeend', `<style id=\"cardGlobal\">${loadExtraCSS}</style>`);\n    }\n    createCardConent() {\n        // TODO split this out a bit\n        return `${this.hasAttribute('data-image') || this.hasAttribute('data-record') ? `<div class=\"card__head\">${this.hasAttribute('data-image') ? `<img src=\"${this.getAttribute('data-image')}\" alt=\"\" loading=\"lazy\" />` : ``} <div class=\"card__badges\"><slot name=\"badges\"></slot></div></div>` : ''}\n    <div class=\"card__body\" part=\"body\">\n    ${!this.hasAttribute('data-image') && this.querySelector('[slot=\"badges\"]') && this.querySelector('[slot=\"checkbox\"]') ? `<div class=\"card__badges card__badges--inline\"><slot name=\"badges\"></slot></div>` : ''}\n    ${!this.hasAttribute('data-image') && !this.hasAttribute('data-record') && this.querySelector('[slot=\"badges\"]') ? `<div class=\"card__badges\"><slot name=\"badges\"></slot></div>` : ''}\n    ${this.hasAttribute('data-illustration') ? `<div class=\"card__illustration\"><img src=\"${this.getAttribute('data-illustration')}\" alt=\"\" loading=\"lazy\" /></div>` : ''}\n      <slot></slot>\n    ${this.hasAttribute('data-total') ? `<div class=\"card__total\">${this.getAttribute('data-total')}</div>` : ''}\n    </div>\n    ${this.hasAttribute('data-add-link') ? `<button class=\"btn btn-compact btn-secondary fa-plus\">Add property</button>` : ''}\n    <slot name=\"checkbox\"></slot>\n    <slot name=\"primary-action\"></slot>\n    <div class=\"dialog__wrapper d-none\">\n      <button class=\"btn btn-secondary btn-compact fa-ellipsis-vertical\" popovertarget=\"actions\" title=\"${this.hasAttribute('data-menu-title') ? this.getAttribute('data-menu-title') : 'Further actions'}\">Lorum ipsum</button>\n      <dialog class=\"dialog--fix dialog--list\" id=\"actions\" popover>\n        <slot name=\"actions\"></slot>\n      </dialog>\n    </div>\n    <div class=\"card__footer\" part=\"footer\">\n      <slot name=\"footer\"></slot>\n      <slot name=\"btns\"></slot>\n      ${this.hasAttribute('data-cta') ? `<span class=\"link d-inline-block pt-0 mb-0\">${this.getAttribute('data-cta')}</span>` : ''}\n    </div>`;\n    }\n    connectedCallback() {\n        this.classList.add('loaded');\n        // Mimic clicking the parent node so the focus and target events can be on the card\n        const component = this;\n        const parentNode = component.parentNode.closest('a, button, label, router-link');\n        const card = this.shadowRoot.querySelector('.card');\n        const btnCompact = this.shadowRoot.querySelector('.btn-compact');\n        const recordType = this.hasAttribute('data-record') ? this.getAttribute('data-record') : '';\n        // Add the actions slot to the buttons and links to move them into a dialog warpper\n        const actionsWrapper = this.shadowRoot.querySelector('.dialog__wrapper');\n        let buttons = component.querySelectorAll('button[slot=\"actions\"],a[slot=\"actions\"]');\n        if (buttons.length) {\n            const actionsWrapper = this.shadowRoot.querySelector('.dialog__wrapper');\n            const actionsDialog = this.shadowRoot.querySelector('.dialog__wrapper dialog');\n            const actionsBtn = actionsWrapper.querySelector('button');\n            actionsWrapper.classList.remove('d-none');\n            Array.from(buttons).forEach((button, index) => {\n                button.classList.add('btn');\n                button.classList.add('btn-action');\n            });\n        }\n        else {\n            actionsWrapper.remove();\n        }\n        /*\n          If the parentNode is actually just a div,\n          we don't want to look for anything or add events\n        */\n        if (!parentNode) {\n            return false;\n        }\n        if (parentNode)\n            parentNode.setAttribute('tabindex', '-1');\n        if (parentNode.matches('label[for]')) {\n            let isChecked = document.getElementById(parentNode.getAttribute('for')).checked;\n            if (isChecked)\n                card.classList.add('checked');\n            else\n                card.classList.remove('checked');\n        }\n        // Click event down\n        this.addEventListener('click', (event) => {\n            let clickEvent = new Event('click');\n            card.dispatchEvent(clickEvent);\n        });\n        card.addEventListener('click', (event) => {\n            if (parentNode.matches('label[for]')) {\n                event.stopPropagation();\n                event.preventDefault();\n                const input = document.getElementById(parentNode.getAttribute('for'));\n                const inputName = input.getAttribute('name');\n                const inputID = input.getAttribute('id');\n                // Mimic radio button functionality\n                const inputs = Array.from(document.querySelectorAll(`[name=\"${inputName}\"][type=\"radio\"]:not([id=\"${inputID}\"])`));\n                inputs.forEach((input, index) => {\n                    const otherCard = document.querySelector(`[for=\"${input.getAttribute('id')}\"] iam-card`);\n                    otherCard.dispatchEvent(new Event('inactive'));\n                });\n                parentNode.click();\n                let isChecked = input.checked;\n                if (isChecked)\n                    card.classList.add('checked');\n                else\n                    card.classList.remove('checked');\n            }\n        });\n        this.addEventListener('inactive', (event) => {\n            card.classList.remove('checked');\n        });\n        card.addEventListener('keydown', (event) => {\n            switch (event.keyCode) {\n                case 32:\n                case 13:\n                    if (parentNode.matches('label[for]')) {\n                        event.stopPropagation();\n                        event.preventDefault();\n                        const input = document.getElementById(parentNode.getAttribute('for'));\n                        const inputName = input.getAttribute('name');\n                        const inputID = input.getAttribute('id');\n                        const inputs = Array.from(document.querySelectorAll(`[name=\"${inputName}\"]:not([id=\"${inputID}\"])`));\n                        inputs.forEach((input, index) => {\n                            const otherCard = document.querySelector(`[for=\"${input.getAttribute('id')}\"] iam-card`);\n                            otherCard.dispatchEvent(new Event('inactive'));\n                        });\n                        parentNode.click();\n                        let isChecked = input.checked;\n                        if (isChecked)\n                            card.classList.add('checked');\n                        else\n                            card.classList.remove('checked');\n                    }\n                    else {\n                        parentNode.click();\n                    }\n                    break;\n                default:\n                    break;\n            }\n        });\n        if (btnCompact) {\n            let addLocation = this.getAttribute('data-add-link');\n            btnCompact.addEventListener('click', (event) => {\n                event.stopPropagation();\n                event.preventDefault();\n                window.location = addLocation;\n            });\n        }\n    }\n    static get observedAttributes() {\n        return [\"data-total\", \"class\", \"data-image\"];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        switch (attrName) {\n            case \"data-total\": {\n                if (this.shadowRoot.querySelector('.card__total'))\n                    this.shadowRoot.querySelector('.card__total').innerHTML = newVal;\n                break;\n            }\n            case \"class\": {\n                if (oldVal != newVal) {\n                    let classList = this.classList.toString();\n                    if (this.querySelector('*:not(.badge):not(small):not(.btn):not(button) > [class*=\"fa-\"]:not(.btn)'))\n                        classList += ' card--has-icon';\n                    this.shadowRoot.querySelector('.card').setAttribute('class', `card ${classList}`);\n                    this.shadowRoot.querySelector('.card').innerHTML = this.createCardConent();\n                }\n                break;\n            }\n            case \"data-image\": {\n                if (oldVal != newVal) {\n                    this.shadowRoot.querySelector('.card').innerHTML = this.createCardConent();\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamCard;\n"],"names":["iamCard","classList","assetLocation","coreCSS","template","component","parentNode","card","btnCompact","actionsWrapper","buttons","button","index","event","clickEvent","input","inputName","inputID","addLocation","attrName","oldVal","newVal"],"mappings":"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"}
+{"version":3,"file":"card.component.min.js","sources":["card.component.js"],"sourcesContent":["// @ts-nocheck\n// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    \"event\": \"customElementRegistered\",\n    \"element\": \"Card\"\n});\nclass iamCard extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        if (this.querySelector('*:not(.badge):not(small):not(.btn):not(button) > [class*=\"fa-\"]:not(.btn)'))\n            this.classList.add('card--has-icon');\n        let classList = this.classList.toString();\n        const assetLocation = document.body.hasAttribute('data-assets-location') ? document.body.getAttribute('data-assets-location') : '/assets';\n        const coreCSS = document.body.hasAttribute('data-core-css') ? document.body.getAttribute('data-core-css') : `${assetLocation}/css/core.min.css`;\n        const loadCSS = `@import \"${assetLocation}/css/components/card.css\";`;\n        const loadExtraCSS = `@import \"${assetLocation}/css/components/card.global.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    @import \"${coreCSS}\";\n    ${loadCSS}\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\">\n    <div class=\"card ${classList}\" tabindex=\"0\" part=\"card\">\n      ${this.createCardConent()}\n    </div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n        // insert extra CSS\n        if (!document.getElementById('cardGlobal'))\n            document.head.insertAdjacentHTML('beforeend', `<style id=\"cardGlobal\">${loadExtraCSS}</style>`);\n    }\n    createCardConent() {\n        // TODO split this out a bit\n        return `${this.hasAttribute('data-image') || this.hasAttribute('data-record') ? `<div class=\"card__head\" part=\"head\">${this.hasAttribute('data-image') ? `<img src=\"${this.getAttribute('data-image')}\" alt=\"\" loading=\"lazy\" />` : ``} <div class=\"card__badges\"><slot name=\"badges\"></slot></div></div>` : ''}\n    <div class=\"card__body\" part=\"body\">\n    ${!this.hasAttribute('data-image') && this.querySelector('[slot=\"badges\"]') && this.querySelector('[slot=\"checkbox\"]') ? `<div class=\"card__badges card__badges--inline\"><slot name=\"badges\"></slot></div>` : ''}\n    ${!this.hasAttribute('data-image') && !this.hasAttribute('data-record') && this.querySelector('[slot=\"badges\"]') ? `<div class=\"card__badges\"><slot name=\"badges\"></slot></div>` : ''}\n    ${this.hasAttribute('data-illustration') ? `<div class=\"card__illustration\"><img src=\"${this.getAttribute('data-illustration')}\" alt=\"\" loading=\"lazy\" /></div>` : ''}\n      <slot></slot>\n    ${this.hasAttribute('data-total') ? `<div class=\"card__total\">${this.getAttribute('data-total')}</div>` : ''}\n    </div>\n    ${this.hasAttribute('data-add-link') ? `<button class=\"btn btn-compact btn-secondary fa-plus\">Add property</button>` : ''}\n    <slot name=\"checkbox\"></slot>\n    <slot name=\"primary-action\"></slot>\n    <div class=\"dialog__wrapper d-none\">\n      <button class=\"btn btn-secondary btn-compact fa-ellipsis-vertical\" popovertarget=\"actions\" title=\"${this.hasAttribute('data-menu-title') ? this.getAttribute('data-menu-title') : 'Further actions'}\">Lorum ipsum</button>\n      <dialog class=\"dialog--fix dialog--list\" id=\"actions\" popover>\n        <slot name=\"actions\"></slot>\n      </dialog>\n    </div>\n    <div class=\"card__footer\" part=\"footer\">\n      <slot name=\"footer\"></slot>\n      <slot name=\"btns\"></slot>\n      ${this.hasAttribute('data-cta') ? `<span class=\"link d-inline-block pt-0 mb-0\">${this.getAttribute('data-cta')}</span>` : ''}\n    </div>`;\n    }\n    connectedCallback() {\n        this.classList.add('loaded');\n        // Mimic clicking the parent node so the focus and target events can be on the card\n        const component = this;\n        const parentNode = component.parentNode.closest('a, button, label, router-link');\n        const card = this.shadowRoot.querySelector('.card');\n        const btnCompact = this.shadowRoot.querySelector('.btn-compact');\n        const recordType = this.hasAttribute('data-record') ? this.getAttribute('data-record') : '';\n        // Add the actions slot to the buttons and links to move them into a dialog warpper\n        const actionsWrapper = this.shadowRoot.querySelector('.dialog__wrapper');\n        let buttons = component.querySelectorAll('button[slot=\"actions\"],a[slot=\"actions\"]');\n        if (buttons.length) {\n            const actionsWrapper = this.shadowRoot.querySelector('.dialog__wrapper');\n            const actionsDialog = this.shadowRoot.querySelector('.dialog__wrapper dialog');\n            const actionsBtn = actionsWrapper.querySelector('button');\n            actionsWrapper.classList.remove('d-none');\n            Array.from(buttons).forEach((button, index) => {\n                button.classList.add('btn');\n                button.classList.add('btn-action');\n            });\n        }\n        else {\n            actionsWrapper.remove();\n        }\n        /*\n          If the parentNode is actually just a div,\n          we don't want to look for anything or add events\n        */\n        if (!parentNode) {\n            return false;\n        }\n        if (parentNode)\n            parentNode.setAttribute('tabindex', '-1');\n        if (parentNode.matches('label[for]')) {\n            let isChecked = document.getElementById(parentNode.getAttribute('for')).checked;\n            if (isChecked)\n                card.classList.add('checked');\n            else\n                card.classList.remove('checked');\n        }\n        // Click event down\n        this.addEventListener('click', (event) => {\n            let clickEvent = new Event('click');\n            card.dispatchEvent(clickEvent);\n        });\n        card.addEventListener('click', (event) => {\n            if (parentNode.matches('label[for]')) {\n                event.stopPropagation();\n                event.preventDefault();\n                const input = document.getElementById(parentNode.getAttribute('for'));\n                const inputName = input.getAttribute('name');\n                const inputID = input.getAttribute('id');\n                // Mimic radio button functionality\n                const inputs = Array.from(document.querySelectorAll(`[name=\"${inputName}\"][type=\"radio\"]:not([id=\"${inputID}\"])`));\n                inputs.forEach((input, index) => {\n                    const otherCard = document.querySelector(`[for=\"${input.getAttribute('id')}\"] iam-card`);\n                    otherCard.dispatchEvent(new Event('inactive'));\n                });\n                parentNode.click();\n                let isChecked = input.checked;\n                if (isChecked)\n                    card.classList.add('checked');\n                else\n                    card.classList.remove('checked');\n            }\n        });\n        this.addEventListener('inactive', (event) => {\n            card.classList.remove('checked');\n        });\n        card.addEventListener('keydown', (event) => {\n            switch (event.keyCode) {\n                case 32:\n                case 13:\n                    if (parentNode.matches('label[for]')) {\n                        event.stopPropagation();\n                        event.preventDefault();\n                        const input = document.getElementById(parentNode.getAttribute('for'));\n                        const inputName = input.getAttribute('name');\n                        const inputID = input.getAttribute('id');\n                        const inputs = Array.from(document.querySelectorAll(`[name=\"${inputName}\"]:not([id=\"${inputID}\"])`));\n                        inputs.forEach((input, index) => {\n                            const otherCard = document.querySelector(`[for=\"${input.getAttribute('id')}\"] iam-card`);\n                            otherCard.dispatchEvent(new Event('inactive'));\n                        });\n                        parentNode.click();\n                        let isChecked = input.checked;\n                        if (isChecked)\n                            card.classList.add('checked');\n                        else\n                            card.classList.remove('checked');\n                    }\n                    else {\n                        parentNode.click();\n                    }\n                    break;\n                default:\n                    break;\n            }\n        });\n        if (btnCompact) {\n            let addLocation = this.getAttribute('data-add-link');\n            btnCompact.addEventListener('click', (event) => {\n                event.stopPropagation();\n                event.preventDefault();\n                window.location = addLocation;\n            });\n        }\n    }\n    static get observedAttributes() {\n        return [\"data-total\", \"class\", \"data-image\"];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        switch (attrName) {\n            case \"data-total\": {\n                if (this.shadowRoot.querySelector('.card__total'))\n                    this.shadowRoot.querySelector('.card__total').innerHTML = newVal;\n                break;\n            }\n            case \"class\": {\n                if (oldVal != newVal) {\n                    let classList = this.classList.toString();\n                    if (this.querySelector('*:not(.badge):not(small):not(.btn):not(button) > [class*=\"fa-\"]:not(.btn)'))\n                        classList += ' card--has-icon';\n                    this.shadowRoot.querySelector('.card').setAttribute('class', `card ${classList}`);\n                    this.shadowRoot.querySelector('.card').innerHTML = this.createCardConent();\n                }\n                break;\n            }\n            case \"data-image\": {\n                if (oldVal != newVal) {\n                    this.shadowRoot.querySelector('.card').innerHTML = this.createCardConent();\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamCard;\n"],"names":["iamCard","classList","assetLocation","coreCSS","template","component","parentNode","card","btnCompact","actionsWrapper","buttons","button","index","event","clickEvent","input","inputName","inputID","addLocation","attrName","oldVal","newVal"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v5.7.1-beta6
+  * iamKey v6.0.0
   * Copyright 2022-2024 iamproperty
   */function p(l,o){var i;let t=l.querySelector(".carousel__inner"),u=l.querySelector(".carousel__controls"),n=o.querySelectorAll(":scope > .col").length;t.addEventListener("scroll",function(a){clearTimeout(i),i=setTimeout(function(){let s=t.clientWidth,e=t.scrollWidth,r=t.scrollLeft,d=Math.round(r/e*n)+1,m=o.querySelector(":scope > .col").scrollWidth,b=o.querySelector(":scope > .col:last-child").offsetLeft,f=t.scrollLeft+s+t.getBoundingClientRect().left>=b+60,h=Math.round(s/m);Math.ceil(n/h)*h-n>0&&f&&(d=Math.floor(n/h)*h+1),Array.from(l.querySelectorAll(".carousel__controls button")).forEach((_,w)=>{_.removeAttribute("aria-current")}),l.querySelector(".control-"+d).setAttribute("aria-current",!0),d==1?l.querySelector(".btn-prev").setAttribute("disabled","disabled"):l.querySelector(".btn-prev").removeAttribute("disabled"),d>n-h?l.querySelector(".btn-next").setAttribute("disabled","disabled"):l.querySelector(".btn-next").removeAttribute("disabled")},100)},!1),u.addEventListener("click",function(a){for(var s=a.target;s&&s!=this;s=s.parentNode)if(typeof s.matches=="function"&&s.matches("button")){a.preventDefault(),Array.from(u.querySelectorAll("button")).forEach((r,d)=>{r.removeAttribute("aria-current")}),s.setAttribute("aria-current",!0);const e=o.querySelector(`:scope > *:nth-child(${s.getAttribute("data-slide")})`);t.scroll({top:0,left:e.offsetLeft-t.getBoundingClientRect().left,behavior:"smooth"});break}},!1),l.addEventListener("click",function(a){let s=t.clientWidth;t.scrollWidth;let e=o.querySelector(":scope > .col").scrollWidth,r=Math.round(s/e),d=o.querySelector(":scope > .col:last-child").offsetLeft,m=t.scrollLeft+s+t.getBoundingClientRect().left>=d+60,b=Math.ceil(n/r)*r-n,f=r-b,h=m&&b>0?f*e:t.clientWidth;for(var c=a.target;c&&c!=this;c=c.parentNode)if(typeof c.matches=="function"&&c.matches(".btn-next, .btn-prev")){a.preventDefault();let _=c.classList.contains("btn-prev")?t.scrollLeft-h:t.scrollLeft+t.clientWidth;t.scroll({top:0,left:_,behavior:"smooth"});break}},!1)}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"carousel"});class v extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",i=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${o}/css/core.min.css`,t=document.createElement("template");t.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v5.7.1-beta6
+  * iamKey v6.0.0
   * Copyright 2022-2024 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"collapsible side menu"});class a extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
     <style class="styles">

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

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

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

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

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v5.7.1-beta6
+  * iamKey v6.0.0
   * Copyright 2022-2024 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class o extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,a=document.createElement("template");a.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v5.7.1-beta6
+  * iamKey v6.0.0
   * Copyright 2022-2024 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"inline edit"});class b extends HTMLElement{constructor(){super();const t=this.attachShadow({mode:"open"}),i=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",d=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${i}/css/core.min.css`,e=document.createElement("template");e.innerHTML=`
     <style class="styles">

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v5.7.1-beta6
+  * iamKey v6.0.0
   * Copyright 2022-2024 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Marketing"});class o extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",i=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,t=document.createElement("template");t.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v5.7.1-beta6
+  * iamKey v6.0.0
   * Copyright 2022-2024 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"mutliselect"});class b extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",s=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v5.7.1-beta6
+  * iamKey v6.0.0
   * Copyright 2022-2024 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"nav"});class v extends HTMLElement{constructor(){super();const s=this.attachShadow({mode:"open"}),n=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",o=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${n}/css/core.min.css`,i=document.createElement("template");i.innerHTML=`
     <style class="styles">

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v5.7.1-beta6
+  * iamKey v6.0.0
   * Copyright 2022-2024 iamproperty
   */function r(i){if(i.hasAttribute("data-type")&&i.getAttribute("data-type")=="toast"){let t=document.querySelector(".notification__holder");t||(t=document.createElement("div"),t.classList.add("notification__holder"),t.classList.add("container"),document.querySelector("body").appendChild(t)),i.closest(".notification__holder")||t.appendChild(i)}if(i.setAttribute("role","alert"),i.addEventListener("click",function(t){event&&event.target instanceof HTMLElement&&event.target.closest("[data-dismiss-button]")&&(t.preventDefault(),a(i))},!1),i.hasAttribute("data-timeout")){let t=i.getAttribute("data-timeout");var n=new c(function(){a(i)},t);i.addEventListener("mouseenter",o=>{n.pause()}),i.addEventListener("mouseleave",o=>{n.resume()})}}function c(i,n){var t,o,e=n;this.pause=function(){window.clearTimeout(t),e-=new Date-o},this.resume=function(){o=new Date,window.clearTimeout(t),t=window.setTimeout(i,e)},this.resume()}const a=function(i){i.classList.add("d-none")};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Notification"});class d extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const n=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${n}/css/core.min.css`,o=this.querySelectorAll("a,button");Array.from(o).forEach((s,l)=>{s.setAttribute("slot","btns"),s.classList.add("link")}),(o.length||this.hasAttribute("data-dismiss"))&&this.classList.add("notification--dismissable");const e=document.createElement("template");e.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v5.7.1-beta6
+  * iamKey v6.0.0
   * Copyright 2022-2024 iamproperty
   */class v extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const i=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${i}/css/core.min.css`,e=document.createElement("template");e.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v5.7.1-beta6
+  * iamKey v6.0.0
   * Copyright 2022-2024 iamproperty
   */import k from"js-cookie";const q=e=>e.replace(/ /g,"_"),x=function(e){return e=e.toLowerCase(),e=q(e),e=e.replace(/\W/g,""),e},m=(e,s,a)=>s.split(/[\.\[\]\'\"]/).filter(o=>o).reduce((o,d)=>o?o[d]:a,e),S=e=>Array.isArray(e)||e!==null&&["function","object"].includes(typeof e);var L=function(e,s,a,o){function d(c){return c instanceof a?c:new a(function(n){n(c)})}return new(a||(a=Promise))(function(c,n){function v(r){try{u(o.next(r))}catch(i){n(i)}}function t(r){try{u(o.throw(r))}catch(i){n(i)}}function u(r){r.done?c(r.value):d(r.value).then(v,t)}u((o=o.apply(e,s||[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Search"});class C extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const s=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",a=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${s}/css/core.min.css`,o=document.createElement("template");o.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v5.7.1-beta6
+  * iamKey v6.0.0
   * Copyright 2022-2024 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Slider"});class f extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",p=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,i=document.createElement("template");i.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v5.7.1-beta6
+  * iamKey v6.0.0
   * Copyright 2022-2024 iamproperty
   */const B=function(o){return typeof o!="string"?!1:!isNaN(o)&&!isNaN(parseFloat(o))},Q=(o,e)=>String(o).padStart(e,"0"),X=o=>o.charAt(0).toUpperCase()+o.slice(1),S=(o,e,n)=>e.split(/[\.\[\]\'\"]/).filter(a=>a).reduce((a,h)=>a?a[h]:n,o);var Y=function(o,e,n,a){function h(d){return d instanceof n?d:new n(function(i){i(d)})}return new(n||(n=Promise))(function(d,i){function l(c){try{t(a.next(c))}catch(r){i(r)}}function s(c){try{t(a.throw(c))}catch(r){i(r)}}function t(c){c.done?d(c.value):h(c.value).then(l,s)}t((a=a.apply(o,e||[])).next())})};const R=o=>{const e=Array.from(o.querySelectorAll("thead th"));Array.from(o.querySelectorAll("tbody tr")).forEach((a,h)=>{const d=Array.from(a.querySelectorAll("th, td")),i=["0","low","medium","high","unknown","n/a","pending","verified","due","overdue","incomplete","complete","completed","approval required","upcoming","requires approval","to do","on track","not started","warning","error"];d.forEach((l,s)=>{const t=e[s];if(typeof t<"u"){let c=document.createElement("div");c.innerHTML=t.innerHTML;let r=c.textContent||c.innerText||"";l.setAttribute("data-label",r),t.hasAttribute("data-td-class")&&l.setAttribute("class",t.getAttribute("data-td-class")),t.hasAttribute("data-format")&&(l.setAttribute("data-format",t.getAttribute("data-format")),l.innerHTML=D(t.getAttribute("data-format"),l.textContent.trim())),i.includes(l.textContent.trim().toLowerCase())&&l.setAttribute("data-content",l.textContent.trim().toLowerCase())}})})},J=o=>{let e=0;return Array.from(o.querySelectorAll("tbody tr")).forEach((n,a)=>{let h=window.getComputedStyle(document.querySelector("html")),d=n.querySelector(":scope > *:last-child > *:first-child");if(d){d.classList.add("text-nowrap");let i=d.offsetWidth/parseFloat(h.fontSize);i+=1.7,e=e>i?e:i}}),e},G=(o,e)=>{if(e.classList.contains("table--fullwidth")&&!e.hasAttribute("data-expandable")||o.querySelectorAll("thead tr th").length<4&&!e.hasAttribute("data-expandable"))return!1;Array.from(o.querySelectorAll("thead tr")).forEach((n,a)=>{o.querySelectorAll("thead tr th.expand-button-heading").length||n.insertAdjacentHTML("afterbegin",'<th class="th--fixed expand-button-heading"></th>')}),Array.from(o.querySelectorAll("tbody tr")).forEach((n,a)=>{const h=n.getAttribute("data-view")==="full"?"aria-expanded":"";n.insertAdjacentHTML("afterbegin",`<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button ${h}>Expand</button></td>`)})},V=o=>{o.addEventListener("click",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("[data-expand-button]")){let n=e.target.closest("[data-expand-button]"),a=n.closest("tr");n.toggleAttribute("aria-expanded"),a.getAttribute("data-view")=="full"?a.setAttribute("data-view","default"):a.setAttribute("data-view","full"),n.blur()}})},N=(o,e)=>{let n=e.querySelector("input[data-search]");if(!n)return!1;const a=n.getAttribute("id"),h=n.getAttribute("data-search").split(",");let d=n.parentNode,i={};h.forEach((l,s)=>{Array.from(o.querySelectorAll('td[data-label="'+l.trim()+'"]')).forEach((t,c)=>{t.querySelector(".td__content")?i[t.querySelector(".td__content").textContent]=t.querySelector(".td__content").textContent:i[t.textContent]=t.textContent})}),n.setAttribute("list",`${a}_list`),n.setAttribute("autocomplete","off"),d.querySelector("datalist")||(d.innerHTML+=`<datalist id="${a}_list"></datalist>`),d.querySelector("datalist").innerHTML=`${Object.keys(i).map(l=>`<option value="${l}"></option>`).join("")}`},K=(o,e,n,a,h)=>{var d;let i=function(t,c=!1){if(a.hasAttribute("data-no-submit")||e.classList.contains("processing"))return!1;if(Array.from(e.querySelectorAll("iam-applied-filters")).forEach((r,p)=>{var u=new Event("tags-set");r.dispatchEvent(u)}),t.type=="submit"&&(e.classList.add("processing"),Array.from(e.querySelectorAll("[data-duplicate]")).forEach((r,p)=>{const u=r.getAttribute("data-duplicate"),b=document.getElementById(u),y=document.querySelector(`[for="${u}"] iam-card`);if(b.checked!=r.checked)if(y){let w=new Event("click");y.dispatchEvent(w)}else b.checked=r.checked}),e.classList.remove("processing")),e.hasAttribute("data-ajax")){if(!c){let r=e.querySelector("[data-pagination]");r.value=1,a.setAttribute("data-page",1)}I(o,e,n,a)}else e.hasAttribute("data-submit")?e.submit():(C(o,e,a),$(o,e));if(e.hasAttribute("data-ajax-post")){let r=new FormData(e),p=new URLSearchParams(r).toString();const u=new XMLHttpRequest;u.open("GET",`${window.location.href}?ajax=true&${p}`),u.send()}};e.querySelector("iam-actionbar[data-search]")&&e.querySelector("iam-actionbar[data-search]").addEventListener("search-submit",t=>{e.querySelector("input[data-search]")?e.querySelector("input[data-search]").value=t.detail.search:e.insertAdjacentHTML("beforeend",`<input type="hidden" name="search" data-search="${e.querySelector("iam-actionbar[data-search]").getAttribute("data-search")}" value="${t.detail.search}"/>`),clearTimeout(d),i(t)}),e.addEventListener("keyup",t=>{clearTimeout(d),t&&t.target instanceof HTMLElement&&t.target.closest("input[data-search]")&&(d=setTimeout(function(){i(t)},500))}),e.addEventListener("change",t=>{if(clearTimeout(d),t&&t.target instanceof HTMLElement&&t.target.closest("[data-sort]")&&(e.hasAttribute("data-submit")||O(o,e,h),i(t)),t&&t.target instanceof HTMLElement&&t.target.closest("input[data-search]")&&i(t),t&&t.target instanceof HTMLElement&&t.target.closest("[data-filter][data-no-ajax]")?(C(o,e,a),$(o,e)):(t&&t.target instanceof HTMLElement&&t.target.closest("[data-filter]")&&t.target.closest("form .dialog__wrapper > dialog")||t&&t.target instanceof HTMLElement&&t.target.closest("[data-filter]")&&!t.target.closest("form dialog"))&&i(t),t&&t.target instanceof HTMLElement&&t.target.closest("[data-show]")&&i(t),t&&t.target instanceof HTMLElement&&t.target.closest("[data-mimic]")&&i(t),t&&t.target instanceof HTMLElement&&t.target.hasAttribute("id")){let c=t.target.getAttribute("id");document.querySelector(`[data-duplicate="${c}"]`)&&(document.querySelector(`[data-duplicate="${c}"]`).checked=t.target.checked)}}),e.addEventListener("click",t=>{if(clearTimeout(d),t&&t.target instanceof HTMLElement&&t.target.closest('dialog button:not([type="button"])')&&t.target.closest('dialog button:not([type="button"])').closest("dialog").close(),t&&t.target instanceof HTMLElement&&t.target.closest(".dialog__close")&&(t.preventDefault(),t.stopPropagation()),t&&t.target instanceof HTMLElement&&t.target.closest("[data-clear]")){e.classList.add("processing"),Array.from(e.querySelectorAll(".applied-filters")).forEach((r,p)=>{r.innerHTML=""});let c=e.elements;for(let r=0;r<c.length;r++)switch(c[r].type.toLowerCase()?c[r].type.toLowerCase():"text"){case"text":case"password":case"textarea":c[r].value="";break;case"radio":case"checkbox":if(c[r].checked){let u=c[r],b=u.getAttribute("id"),y=document.querySelector(`[for="${b}"`);if(y.querySelector("iam-card")){let w=y.querySelector("iam-card"),L=new Event("click");w.dispatchEvent(L)}u.checked=!1}break;case"select-one":case"select-multi":c[r].selectedIndex=-1;break}e.classList.remove("processing"),e.hasAttribute("data-submit")||O(o,e,h),i(t)}}),e.addEventListener("submit",t=>{clearTimeout(d),e.hasAttribute("data-submit")||t.preventDefault(),i(t)}),e.addEventListener("force",t=>{i(t)}),e.addEventListener("paginate",t=>{i(t,!0)});let l=[],s=[];Array.from(e.querySelectorAll("[data-mimic]")).forEach((t,c)=>{let r=t.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${r}"]`)).forEach((p,u)=>{let b=p.closest("form");l.includes(b)||l.push(b),s.includes(r)||s.push(r)})}),l.forEach((t,c)=>{const r=function(){let p=[],u=new FormData(t);for(const[b,y]of u)document.querySelector(`[data-mimic="${b}"]`)&&!p.includes(b)?(p.push(b),document.querySelector(`[data-mimic="${b}"]`).value=y):document.querySelector(`[data-mimic="${b}"]`)&&(document.querySelector(`[data-mimic="${b}"]`).value+=","+y);for(const b of p){const y=new Event("force");e.dispatchEvent(y)}for(const b of s)if(!u.has(b)&&t.querySelector(`[name="${b}"]`)){document.querySelector(`[data-mimic="${b}"]`).value="";const y=new Event("force");e.dispatchEvent(y)}};t.addEventListener("force",p=>{r()}),t.addEventListener("change",p=>{r()})})},O=(o,e,n)=>{if(e.getAttribute("data-ajax"))return!1;let a=o.querySelector("tbody"),h=e.querySelector('input[type="radio"][data-sort]:checked');if(e.querySelector("select[data-sort]")){let r=e.querySelector("select[data-sort]");h=e.querySelector(`select[data-sort] option:nth-child(${r.selectedIndex+1})`)}let d=h.getAttribute("data-sort"),i=h.getAttribute("data-order"),l=h.getAttribute("data-format");if(!d)return a.innerHTML=n.innerHTML,R(o),!1;let s=[];["asc","desc","descending"].includes(i)||(s=i.split(","));let t=[];Array.from(a.querySelectorAll("tr")).forEach((r,p)=>{let u=r.querySelector('td[data-label="'+d+'"], th[data-label="'+d+'"]').textContent.trim();r.querySelector('[data-label="'+d+'"] .td__content')&&(u=r.querySelector('[data-label="'+d+'"] .td__content').textContent.trim()),s.length&&s.includes(u)&&(u=s.indexOf(u)),B(u)&&(u=Q(u,10)),l&&l=="date"&&(u=new Date(u));const b={index:u,row:r};t.push(b)}),t.sort((r,p)=>r.index>p.index?1:-1),(i=="descending"||i=="desc")&&(t=t.reverse());let c="";t.forEach((r,p)=>{c+=r.row.outerHTML}),a.innerHTML=c},C=(o,e,n)=>{o.classList.remove("table--filtered");let a=z(e),h=[],d=0,i=e.querySelector("[data-pagination]")?parseInt(e.querySelector("[data-pagination]").value):1,l=e.querySelector("[data-show]")?parseInt(e.querySelector("[data-show]").value):15;if(Array.from(o.querySelectorAll("tbody tr")).forEach((t,c)=>{t.classList.remove("filtered"),t.classList.remove("filtered--matched"),t.classList.remove("filtered--show"),t.removeAttribute("data-filtered-by")}),e.querySelector("input[data-search]")){let t=e.querySelector("input[data-search]");e.querySelector("input[data-search]").getAttribute("data-search").split(",").forEach((r,p)=>{h.push({column:`${r.trim()}`,value:`${t.value}`})})}Array.from(e.querySelectorAll("[data-filter-count]")).forEach((t,c)=>{t.innerHTML="",t.parentNode.classList.remove("hover")});let s=0;Object.values(a).forEach((t,c)=>{typeof t=="object"&&Object.values(t).length?s+=Object.values(t).length:s++}),s&&Array.from(e.querySelectorAll("[data-filter-count]")).forEach((t,c)=>{t.innerHTML+=`(${s})`,t.parentNode.classList.add("hover")}),o.classList.add("table--filtered");for(const[t,c]of Object.entries(a))Array.from(o.querySelectorAll("tbody tr:not(.filtered)")).forEach((r,p)=>{let u=!1;c.forEach((b,y)=>{let w=r.querySelector(`[data-label="${t}"]`);if(b.includes("-date-from")){let f=new Date(b.replace("-date-from","")),g=new Date(w.textContent.toLowerCase());f.setHours(0,0,0,0),g.setHours(0,0,0,0),g<f?(r.classList.add("less-than-from-date"),u=!1):!r.classList.contains("less-than-from-date")&&!r.classList.contains("greater-than-to-date")&&(u=!0)}else if(b.includes("-date-to")){let f=new Date(b.replace("-date-to","")),g=new Date(w.textContent.toLowerCase());f.setHours(0,0,0,0),g.setHours(0,0,0,0),g>f?(r.classList.add("greater-than-to-date"),u=!1):!r.classList.contains("less-than-from-date")&&!r.classList.contains("greater-than-to-date")&&(u=!0)}if(b&&b=="$today")b=D("date",new Date);else if(b&&b=="$yesterday"){let f=new Date;f.setDate(f.getDate()-1),b=D("date",f)}else if(b&&(b=="$thisWeek"||b=="$lastWeek")){let f=new Date,g=new Date(f.setDate(f.getDate()-(f.getDay()-1))),m=new Date(f.setDate(f.getDate()-f.getDay()+7)),x=new Date(w.textContent.toLowerCase());if(f.setHours(0,0,0,0),g.setHours(0,0,0,0),m.setHours(0,0,0,0),x.setHours(0,0,0,0),b=="$thisWeek")u=x>=g&&x<=m;else{let A=new Date(g.setDate(g.getDate()-7)),k=new Date(m.setDate(m.getDate()-7));A.setHours(0,0,0,0),k.setHours(0,0,0,0),u=x>=A&&x<=k}}else if(b&&b=="$thisMonth"){let f=new Date,g=f.getFullYear(),m=f.getMonth();var L=new Date(g,m,1),q=new Date(g,m+1,0);let x=new Date(w.textContent.toLowerCase());L.setHours(0,0,0,0),q.setHours(0,0,0,0),x.setHours(0,0,0,0),u=x>=L&&x<=q}else if(b&&b=="$lastMonth"){let f=new Date,g=f.getFullYear(),m=f.getMonth();var E=new Date(g,m-1,1),v=new Date(g,m,0);let x=new Date(w.textContent.toLowerCase());E.setHours(0,0,0,0),v.setHours(0,0,0,0),x.setHours(0,0,0,0),u=x>=E&&x<=v}w&&w.textContent.toLowerCase().includes(b.replace("-"," ").toLowerCase())&&(u=!0)}),u||(r.classList.add("filtered"),r.setAttribute("data-filtered-by",t))});Array.from(o.querySelectorAll("tbody tr:not(.filtered)")).forEach((t,c)=>{let r=!(h.length>0&&h[0].value.length>=3);h.forEach((p,u)=>{let b=t.querySelector(`[data-label="${p.column}"]`);b&&p.value.length>=3&&b.textContent.toLowerCase().includes(p.value.toLowerCase())&&(r=!0)}),r||t.classList.add("filtered")}),Array.from(o.querySelectorAll("tbody tr:not(.filtered")).forEach((t,c)=>{d++,t.classList.add("filtered--matched"),Math.ceil(d/l)==parseInt(i)&&t.classList.add("filtered--show")}),n&&(n.setAttribute("data-total",d),n.setAttribute("data-show",l),n.setAttribute("data-page",i))},$=(o,e,n)=>{Array.from(e.querySelectorAll("[data-query]")).forEach((h,d)=>{let i=h.getAttribute("data-query"),l=0;if(i=="total")n.hasAttribute("data-total")?l=n.getAttribute("data-total"):l=(o.classList.contains("table--filtered"),o.querySelectorAll("tbody tr").length);else if(!i.includes(" == ")&&i.includes(" & ")){let s=i.split(" & "),t="";s.forEach(c=>{t+=`:not([data-filtered-by="${c}"])`}),l=Array.from(o.querySelectorAll(`tbody tr${t}`)).length}else if(!i.includes(" == "))l=Array.from(o.querySelectorAll(`tbody tr:not([data-filtered-by="${i}"])`)).length;else if(i.includes(" && ")){let s=i.split(" && ");l=Array.from(o.querySelectorAll("tbody tr:not(.filtered)")).filter(function(t){let c=!0;for(const[r,p]of Object.entries(s)){let u=p.split(" == ");(!t.querySelector(`td[data-label="${u[0]}"]`)||t.querySelector(`td[data-label="${u[0]}"]`).textContent!=`${u[1]}`)&&(c=!1)}return c}).length}else{let s=i.split(" == ");l=Array.from(o.querySelectorAll(`tbody tr.filtered--matched td[data-label="${s[0]}"], tbody tr[data-filtered-by="${s[0]}"] td[data-label="${s[0]}"]`)).filter(function(t){return t.textContent===s[1]}).length}h.hasAttribute("data-total")?h.setAttribute("data-total",l):h.innerHTML=l})},Z=function(o,e,n,a){if(a.hasAttribute("data-no-submit"))return!1;n.addEventListener("update-page",h=>{let d=e.querySelector("[data-pagination]"),i=h.detail.page;if(d.value=i,e.dispatchEvent(new Event("paginate")),a.setAttribute("data-page",i),o.hasAttribute("data-show-history")){const l=new URL(location);l.searchParams.set("page",i),history.pushState({type:"pagination",form:e.getAttribute("id"),page:i},"",l)}if(!a.hasAttribute("data-no-scroll")){const s=o.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:s,behavior:"smooth"})}}),n.addEventListener("update-show",h=>{let d=e.querySelector("[data-show]"),i=h.detail.show;d.value=i,a.setAttribute("data-show",i),e.dispatchEvent(new Event("submit"))})},tt=(o,e)=>{if(!o)return!1;o.addEventListener("click",n=>{et(e)})},et=function(o){for(var e=[],n=o.getElementsByTagName("tr"),a=0;a<n.length;a++){for(var h=n[a].querySelectorAll("td,th"),d=[],i=0;i<h.length;i++)d.push(`"${h[i].textContent}"`);e.push(d.join(","))}e=e.join(`
 `);let l=new Blob([e],{type:"text/csv"});var s=document.createElement("a");s.download="export.csv";var t=window.URL.createObjectURL(l);s.href=t,s.style.display="none",document.body.appendChild(s),s.click(),document.body.removeChild(s)},P=function(o,e,n,a){if(R(o),G(o,a),$(o,e,a),a&&a.classList.contains("table--cta")){let d=function(){Array.from(o.querySelectorAll("tr")).forEach((i,l)=>{let s=i.offsetHeight;i.style.setProperty("--row-height",`${s}px`)})};const h=J(o);a.style.setProperty("--cta-width",`${h}rem`),new ResizeObserver(d).observe(o)}},z=function(o){let e=new Object;return Array.from(o.querySelectorAll("[data-filter]")).forEach((a,h)=>{if(!(a.type=="radio"&&!a.checked)&&!(a.type=="checkbox"&&!a.checked)&&a&&a.value){let d=a.getAttribute("data-filter"),i=a.value;a.hasAttribute("data-date-from")&&(i+="-date-from"),a.hasAttribute("data-date-to")&&(i+="-date-to"),e[d]||(e[d]=new Array),e[d].push(i)}}),e},I=function(o,e,n,a){return Y(this,void 0,void 0,function*(){let h=new FormData(e),d=new URLSearchParams(h).toString(),i=o.querySelectorAll("thead tr th:not(.expand-button-heading)"),l=o.querySelector("tbody"),s=e.getAttribute("data-ajax");a.classList.add("table--loading");let t=z(e);Array.from(e.querySelectorAll("[data-filter-count]")).forEach((p,u)=>{p.innerHTML="",p.parentNode.classList.remove("hover")});let c=0;Object.values(t).forEach((p,u)=>{typeof p=="object"&&Object.values(p).length?c+=Object.values(p).length:c++}),c&&Array.from(e.querySelectorAll("[data-filter-count]")).forEach((p,u)=>{p.innerHTML+=`(${c})`,p.parentNode.classList.add("hover")}),window.controller||(window.controller=[]),window.controller[s]&&window.controller[s].abort(),window.controller[s]=new AbortController;const{signal:r}=controller[s];n.setAttribute("data-loading","true"),e.classList.add("processing");try{yield fetch(s+"?"+d,{signal:r,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"})}).then(p=>p.json()).then(p=>{let u=e.hasAttribute("data-schema")?e.getAttribute("data-schema"):"data",b=e.hasAttribute("data-schema-total")?e.getAttribute("data-schema-total"):"meta.total",y=e.hasAttribute("data-schema-page")?e.getAttribute("data-schema-page"):"meta.current_page",w=S(p,b,15),L=S(p,y,1),q=S(p,u),E=a.hasAttribute("data-empty-msg")?a.getAttribute("data-empty-msg"):"No results found";q?(l.innerHTML="",q.forEach((v,f)=>{var g=document.createElement("tr");i.forEach((m,x)=>{let A="";var k=document.createElement("td");if(k.setAttribute("data-label",m.innerText),m.getAttribute("data-output")){var H=m.getAttribute("data-output");A=H.replace(new RegExp(/{(.*?)}/,"gm"),function(M){return S(v,M.replace("{","").replace("}",""))})}if(m.hasAttribute("data-output-array")){var H=m.getAttribute("data-output");let F=S(v,H.replace("{","").replace("}",""));A="",F.forEach((j,it)=>{let W=m.getAttribute("data-output-array"),T="";if(m.hasAttribute("data-output-array-property")&&m.hasAttribute("data-output-array-transform")){const _=S(j,m.getAttribute("data-output-array-property")),U=JSON.parse(m.getAttribute("data-output-array-transform"))[_];T=W.replace(`{${m.getAttribute("data-output-array-property")}}`,U)}T=T.replace(new RegExp(/{(.*?)}/,"gm"),function(_){return S(j,_.replace("{","").replace("}",""))}),A+=T})}m.hasAttribute("data-transform")&&(A=JSON.parse(m.getAttribute("data-transform"))[A],!A&&m.hasAttribute("data-default")&&(A=m.getAttribute("data-default"))),k.innerHTML=A,g.appendChild(k)}),l.appendChild(g)}),N(o,e),a.setAttribute("data-total",parseInt(w)),a.setAttribute("data-page",parseInt(L)),P(o,e,n,a),Array.from(e.querySelectorAll("[data-ajax-query]")).forEach((v,f)=>{let g=S(p,v.getAttribute("data-ajax-query"),"");v.hasAttribute("data-total")?v.setAttribute("data-total",g):v.innerHTML=g}),parseInt(w)==0&&(l.innerHTML=`<tr><td colspan="100%"><span>${E}</span></td></tr>`),a.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:s,formData:d})):l.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',n.removeAttribute("data-loading"),e.classList.remove("processing")})}catch(p){console.log(p)}})},D=(o,e)=>{switch(o){case"datetime":return new Date(e).toLocaleDateString("en-gb",{weekday:"short",year:"2-digit",month:"long",day:"numeric"})+" "+new Date(e).toLocaleTimeString("en-gb",{hour:"2-digit",minute:"2-digit"});case"date":return new Date(e).toLocaleDateString("en-gb",{day:"numeric",month:"long",year:"2-digit"});case"capitalise":return e=X(e)}};class at extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",n=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,a=document.createElement("template");a.innerHTML=`

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v5.7.1-beta6
+  * iamKey v6.0.0
   * Copyright 2022-2024 iamproperty
   */const g=(t,l,o,r)=>{const e=Math.tan(.375*Math.PI);let b=window.innerWidth||document.body.clientWidth,n=Math.max(1,Math.floor(.01*b)),d=o-t,c=r-l,_=Math.abs(d/c),m=Math.abs(c/d);if(Math.abs(d)>n||Math.abs(c)>n){if(m<=e)return d<0?"left":"right";if(_<=e)return c<0?"top":"bottom"}else return"tap"},y=function(t){t.querySelectorAll(":scope > details");const l=t.querySelectorAll(":scope > details, :scope > a");t.querySelectorAll(":scope > details > summary");let o=t.querySelector(":scope > .tabs__links");if(t.shadowRoot&&t.shadowRoot.querySelector(".tabs__links")&&(o=t.shadowRoot.querySelector(".tabs__links")),!o){o=document.createElement("div"),o.classList.add("tabs__links");let e=document.createElement("div");e.classList.add("tabs__links__wrapper"),e.prepend(o),t.prepend(e)}let r=0;l.forEach((e,b)=>{let n=document.createElement("button");if(e.matches("details")){let d=e.querySelector(":scope > summary"),c=d.classList.contains("disabled");d.classList.add("visually-hidden"),e.hasAttribute("id")&&n.setAttribute("data-id",`${e.getAttribute("id")}`),e.hasAttribute("open")&&n.setAttribute("aria-pressed",!0),n.innerHTML=`${d.innerText}`,n.classList.add("link"),n.setAttribute("data-index",r),e.setAttribute("tabindex","-1"),c&&n.classList.add("disabled"),r++}else e.matches("a")&&(n=e);n.classList.add("link"),o.appendChild(n)})},v=function(t){let l=t.querySelectorAll(":scope > details"),o=t.querySelectorAll(":scope > details > summary"),r=t.querySelector(":scope .tabs__links"),e=t.querySelectorAll(":scope .tabs__links > button"),b=t.querySelector(":scope .tabs__next");var n;let d=!1,c=!1;if(t.shadowRoot&&(e=t.shadowRoot.querySelectorAll(".tabs__links > button"),r=t.shadowRoot.querySelector(".tabs__links"),b=t.shadowRoot.querySelector(":scope .tabs__next")),r.addEventListener("scroll",function(i){if(c)return c=!1,!1;clearTimeout(n);let a=e[0];n=setTimeout(function(){let s=Math.abs(a.getBoundingClientRect().left);e.forEach(p=>{Math.abs(p.getBoundingClientRect().left)<s&&(s=Math.abs(p.getBoundingClientRect().left),a=p)}),d=!0,a.click(),a.focus()},100)},!1),e.forEach(i=>{i.addEventListener("click",a=>{if(a.preventDefault(),c=!0,i.classList.contains("disabled"))return!1;e.forEach(s=>{let p=s==i;s.setAttribute("aria-pressed",p)}),d||r.scroll({top:0,left:i.offsetLeft,behavior:"smooth"}),d=!1,l.forEach((s,p)=>{let u=i.getAttribute("data-index")==p;u?s.setAttribute("open",u):s.removeAttribute("open")}),i.matches(":last-child")?b.setAttribute("disabled","disabled"):b.removeAttribute("disabled"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:i.textContent})})}),o.forEach((i,a)=>{i.addEventListener("click",s=>{s.preventDefault(),e[a].click()})}),b.addEventListener("click",i=>{i.preventDefault();let s=r.querySelector('[aria-pressed="true"]').nextSibling;s&&s.click()}),t.classList.contains("tabs--guided")){var _=0,m=0,h=0,f=0;l.forEach(i=>{i.addEventListener("touchstart",a=>{a.stopPropagation(),_=a.changedTouches[0].screenX,m=a.changedTouches[0].screenY}),i.addEventListener("touchend",a=>{a.stopPropagation(),h=a.changedTouches[0].screenX,f=a.changedTouches[0].screenY;let s=g(_,m,h,f),p=r.querySelector('[aria-pressed="true"]');switch(s){case"left":let u=p.nextSibling;u&&u.click();break;case"right":let k=p.previousSibling;k&&k.click();break}})})}},w=function(t){if(!t.querySelector(":scope > details"))return!1;let l=t.querySelectorAll(":scope > details"),o=t.shadowRoot.querySelectorAll(".tabs__links > button");location.hash&&t.shadowRoot.querySelector(`.tabs__links [data-id="${location.hash.replace("#","")}"]`)?(t.shadowRoot.querySelector(`[data-id="${location.hash.replace("#","")}"]`).setAttribute("aria-pressed",!0),t.querySelector(`details[id="${location.hash.replace("#","")}"]`).setAttribute("open",!0)):t.querySelector("details[open]")||(l[0].setAttribute("open",!0),o[0].setAttribute("aria-pressed",!0))},x=function(t){y(t),v(t),w(t)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});class S extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const l=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",o=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${l}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
     <style>