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

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

@@ -1 +1 @@
-{"version":3,"file":"config.component.min.js","sources":["../../../../node_modules/js-cookie/dist/js.cookie.mjs","../_global.js","config.component.js"],"sourcesContent":["/*! js-cookie v3.0.5 | MIT */\n/* eslint-disable no-var */\nfunction assign (target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i];\n    for (var key in source) {\n      target[key] = source[key];\n    }\n  }\n  return target\n}\n/* eslint-enable no-var */\n\n/* eslint-disable no-var */\nvar defaultConverter = {\n  read: function (value) {\n    if (value[0] === '\"') {\n      value = value.slice(1, -1);\n    }\n    return value.replace(/(%[\\dA-F]{2})+/gi, decodeURIComponent)\n  },\n  write: function (value) {\n    return encodeURIComponent(value).replace(\n      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,\n      decodeURIComponent\n    )\n  }\n};\n/* eslint-enable no-var */\n\n/* eslint-disable no-var */\n\nfunction init (converter, defaultAttributes) {\n  function set (name, value, attributes) {\n    if (typeof document === 'undefined') {\n      return\n    }\n\n    attributes = assign({}, defaultAttributes, attributes);\n\n    if (typeof attributes.expires === 'number') {\n      attributes.expires = new Date(Date.now() + attributes.expires * 864e5);\n    }\n    if (attributes.expires) {\n      attributes.expires = attributes.expires.toUTCString();\n    }\n\n    name = encodeURIComponent(name)\n      .replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent)\n      .replace(/[()]/g, escape);\n\n    var stringifiedAttributes = '';\n    for (var attributeName in attributes) {\n      if (!attributes[attributeName]) {\n        continue\n      }\n\n      stringifiedAttributes += '; ' + attributeName;\n\n      if (attributes[attributeName] === true) {\n        continue\n      }\n\n      // Considers RFC 6265 section 5.2:\n      // ...\n      // 3.  If the remaining unparsed-attributes contains a %x3B (\";\")\n      //     character:\n      // Consume the characters of the unparsed-attributes up to,\n      // not including, the first %x3B (\";\") character.\n      // ...\n      stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];\n    }\n\n    return (document.cookie =\n      name + '=' + converter.write(value, name) + stringifiedAttributes)\n  }\n\n  function get (name) {\n    if (typeof document === 'undefined' || (arguments.length && !name)) {\n      return\n    }\n\n    // To prevent the for loop in the first place assign an empty array\n    // in case there are no cookies at all.\n    var cookies = document.cookie ? document.cookie.split('; ') : [];\n    var jar = {};\n    for (var i = 0; i < cookies.length; i++) {\n      var parts = cookies[i].split('=');\n      var value = parts.slice(1).join('=');\n\n      try {\n        var found = decodeURIComponent(parts[0]);\n        jar[found] = converter.read(value, found);\n\n        if (name === found) {\n          break\n        }\n      } catch (e) {}\n    }\n\n    return name ? jar[name] : jar\n  }\n\n  return Object.create(\n    {\n      set,\n      get,\n      remove: function (name, attributes) {\n        set(\n          name,\n          '',\n          assign({}, attributes, {\n            expires: -1\n          })\n        );\n      },\n      withAttributes: function (attributes) {\n        return init(this.converter, assign({}, this.attributes, attributes))\n      },\n      withConverter: function (converter) {\n        return init(assign({}, this.converter, converter), this.attributes)\n      }\n    },\n    {\n      attributes: { value: Object.freeze(defaultAttributes) },\n      converter: { value: Object.freeze(converter) }\n    }\n  )\n}\n\nvar api = init(defaultConverter, { path: '/' });\n/* eslint-enable no-var */\n\nexport { api as default };\n","export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport Cookies from '../../../../node_modules/js-cookie/dist/js.cookie.mjs';\nimport { trackComponentRegistered } from '../_global';\ntrackComponentRegistered('iam-config');\nclass iamConfig extends HTMLElement {\n    constructor() {\n        var _a, _b;\n        super();\n        this.getBucketsData = (data) => {\n            if (!data)\n                return [];\n            const buckets = [];\n            // TODO: check local storage first\n            data.forEach(bucket => {\n                var _a, _b;\n                if (typeof ((_a = bucket.attributes) === null || _a === void 0 ? void 0 : _a.criteria) == \"object\" && Array.isArray((_b = bucket.attributes) === null || _b === void 0 ? void 0 : _b.criteria)) {\n                    buckets.push(bucket);\n                }\n            });\n            return buckets;\n        };\n        this.createBuckets = (buckets) => {\n            console.log(buckets);\n            const bucketsContainer = this.shadowRoot.querySelector('#buckets'); // TODO: rename\n            if (!buckets)\n                return false;\n            buckets.forEach((bucket) => {\n                this.createBucket(bucket);\n            });\n            return true;\n        };\n        this.createBucket = (bucket) => {\n            const bucketsContainer = this.shadowRoot.querySelector('#buckets'); // TODO: rename\n            const bucketElement = document.createElement('div');\n            bucketElement.innerHTML = this.addBucketHTML(bucket);\n            //bucketElement.setAttribute('data-bucket',bucket.id);\n            bucketElement.classList.add('bucket__wrapper');\n            bucketsContainer === null || bucketsContainer === void 0 ? void 0 : bucketsContainer.insertAdjacentElement('beforeend', bucketElement);\n            //this.addButtonEvents(bucketElement,true);\n            this.createEditBucketsEvents(bucketElement);\n            const criteriaContainer = bucketElement.querySelector('.criteria--container');\n            if (bucket.attributes) {\n                bucket.attributes.criteria.forEach((criteria) => {\n                    var _a, _b, _c;\n                    const criteriaForm = document.createElement('form');\n                    criteriaForm.classList.add('criteria');\n                    criteriaForm.innerHTML = this.addCriteriaHTML(criteria.attributes);\n                    // TODO add to HTML\n                    (_a = criteriaForm.querySelector('[name=\"attribute\"]')) === null || _a === void 0 ? void 0 : _a.value = criteria.attributes.attribute;\n                    (_b = criteriaForm.querySelector('[name=\"rule\"]')) === null || _b === void 0 ? void 0 : _b.value = criteria.attributes.rule;\n                    (_c = criteriaForm.querySelector('[name=\"match\"]')) === null || _c === void 0 ? void 0 : _c.value = criteria.attributes.match;\n                    criteriaContainer === null || criteriaContainer === void 0 ? void 0 : criteriaContainer.appendChild(criteriaForm);\n                    // TODO add buttons\n                    // TODO add events\n                });\n                this.createForms(bucket.attributes.items, bucket.id);\n            }\n            return bucketElement;\n        };\n        this.addCriteriaHTML = (attributes) => {\n            return /*HTML*/ `<label>\r\n      <span class=\"visually-hidden\">Attribute</span>\r\n      ${this.createCriteriaDropdown(attributes.attribute)}\r\n    </label>\r\n    <label>\r\n      <span class=\"visually-hidden\">Rule</span>\r\n      <select name=\"rule\" class=\"mt-0 select--sm\">\r\n        <option value=\"set\">is not empty</option>\r\n        <option value=\"empty\">is empty</option>\r\n        <option value=\"equals\">equals</option>\r\n        <option value=\"not\">is not</option>\r\n        <option value=\"greater\">greater than</option>\r\n        <option value=\"less\">less than</option>\r\n      </select>\r\n    </label>\r\n    <label>\r\n      <span class=\"visually-hidden\">Match</span>\r\n      <input type=\"text\" name=\"match\" class=\"mt-0 input--sm\" /> <!-- TODO Add datalist or transform into select -->\r\n    </label>\r\n    <div class=\"btn__group\">\r\n    <button class=\"btn btn-compact btn-sm mt-0 btn-secondary fa-plus\" type=\"button\" data-direction=\"add\" title=\"Delete\">Add</button>\r\n    <button class=\"btn btn-compact btn-sm mt-0 btn-secondary fa-trash\" type=\"button\" data-direction=\"delete\" title=\"Delete\">Delete</button>\r\n    </div>`;\n        };\n        this.addBucketHTML = (bucket) => {\n            var _a, _b, _c;\n            return /*HTML*/ `<label>\r\n        <span class=\"visually-hidden\">Name</span>\r\n        <input type=\"text\" name=\"bucket\" value=\"${(_b = (_a = bucket.attributes) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : ''}\"/>\r\n      </label>\r\n      <div class=\"btn__group text-end\"><button class=\"btn btn-compact btn-sm mt-0 btn-secondary fa-pen-to-square\" data-expand title=\"Expand to see more options\">Edit</button>${this.buttonHTML}</div>\r\n      <div class=\"criteria--container\">\r\n      </div>\r\n      <div data-bucket=\"${(_c = bucket.id) !== null && _c !== void 0 ? _c : ''}\" class=\"bucket\">\r\n      </div>`;\n        };\n        this.createCriteriaDropdown = (attribute) => {\n            const form = this.querySelector('form');\n            const formData = new FormData(form);\n            const formDataObj = Object.fromEntries(formData.entries());\n            let optionsHtml = '';\n            Object.keys(formDataObj).forEach(function (key) {\n                optionsHtml += `<option value=\"${key}\" ${key == attribute ? ' selected=\"selected\"' : ''}>${key}</option>`;\n            });\n            return `<select name=\"attributes[criteria]\" class=\"mt-0 select--sm\">\r\n      <option value=\"\"></option>\r\n      ${optionsHtml}\r\n    </select>`;\n        };\n        this.createEditBucketsEvents = (bucket) => {\n            this.addButtonEvents(bucket, true);\n            const expandButton = bucket === null || bucket === void 0 ? void 0 : bucket.querySelector('[data-expand]');\n            expandButton === null || expandButton === void 0 ? void 0 : expandButton.addEventListener('click', () => {\n                bucket.classList.toggle('bucket--expanded');\n            });\n        };\n        this.createForms = (data, bucketId = \"any\") => {\n            data.forEach(item => {\n                var _a;\n                if (typeof ((_a = item.attributes) === null || _a === void 0 ? void 0 : _a.criteria) == \"undefined\") {\n                    const formElement = this.createForm(item, bucketId);\n                    Object.keys(item.attributes).forEach(function (key) {\n                        if (formElement.querySelector(`[name=\"${key}\"]`)) {\n                            const element = formElement.querySelector(`[name=\"${key}\"]`);\n                            if (element.matches('select[data-import]') && !element.querySelector(`option[value=\"${item.attributes[key]}\"]`)) {\n                                const optionElement = document.createElement('option');\n                                optionElement.value = item.attributes[key];\n                                optionElement.innerHTML = item.attributes[key];\n                                element.appendChild(optionElement);\n                            }\n                            element.value = item.attributes[key];\n                        }\n                    });\n                }\n            });\n        };\n        this.checkCriteria = (attributes, bucket) => {\n            if (attributes[bucket])\n                return true;\n            return false;\n        };\n        this.checkBuckets = (attributes) => {\n            const anyContainer = this.shadowRoot.querySelector('#any'); // TODO: rename\n            let container = anyContainer;\n            if (!this.hasAttribute('data-buckets'))\n                return container;\n            let buckets = [];\n            let addedToBucket = false;\n            // If data attribute set\n            buckets = this.getAttribute('data-buckets').split(',');\n            // TODO: If importing the config from a json file\n            buckets.forEach((bucket) => {\n                const addToBucket = !addedToBucket ? this.checkCriteria(attributes, bucket) : false;\n                if (addToBucket) {\n                    addedToBucket = true;\n                    container = this.shadowRoot.querySelector(`[data-bucket=\"${bucket}\"]`);\n                }\n            });\n            return container;\n        };\n        this.createForm = (item, bucketId = \"any\") => {\n            var _a;\n            const anyContainer = this.shadowRoot.querySelector(`#items [data-bucket=\"${bucketId}\"]`); // TODO: rename\n            //const bucketsContainer = this.shadowRoot.querySelector('#buckets'); // TODO: rename\n            //const container = this.checkBuckets(item.attributes); TODO: re-enable\n            const container = anyContainer;\n            const formElement = (_a = this.querySelector(`form`)) === null || _a === void 0 ? void 0 : _a.cloneNode(true);\n            //formTemplate.setAttribute('id', item.id);\n            // TODO check if it matches a bucket\n            container === null || container === void 0 ? void 0 : container.insertAdjacentElement('beforeend', formElement);\n            //const formElement = container?.querySelector(`[id=\"${item.id}\"]`);\n            formElement === null || formElement === void 0 ? void 0 : formElement.addEventListener('submit', (event) => {\n                event.preventDefault();\n            });\n            this.addButtons(formElement);\n            return formElement;\n        };\n        this.getCurrentIds = () => {\n            var _a;\n            const idsArr = [];\n            Array.from((_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('#items form')).forEach((form) => {\n                idsArr.push(parseInt(form.getAttribute('id')));\n            });\n            return idsArr;\n        };\n        this.generateId = () => {\n            return Math.max(...this.getCurrentIds()) + 1;\n        };\n        this.addButtonEvents = (element, scrollIntoView = true) => {\n            const upButton = element === null || element === void 0 ? void 0 : element.querySelector('[data-direction=\"up\"]');\n            const downButton = element === null || element === void 0 ? void 0 : element.querySelector('[data-direction=\"down\"]');\n            const deleteButton = element === null || element === void 0 ? void 0 : element.querySelector('[data-direction=\"delete\"]');\n            upButton === null || upButton === void 0 ? void 0 : upButton.addEventListener('click', () => {\n                if (element === null || element === void 0 ? void 0 : element.previousElementSibling) {\n                    element === null || element === void 0 ? void 0 : element.parentNode.insertBefore(element, element.previousElementSibling);\n                    if (scrollIntoView)\n                        element === null || element === void 0 ? void 0 : element.scrollIntoView({ behavior: \"instant\", block: \"center\" });\n                }\n            });\n            downButton === null || downButton === void 0 ? void 0 : downButton.addEventListener('click', () => {\n                if (element.nextElementSibling) {\n                    element === null || element === void 0 ? void 0 : element.parentNode.insertBefore(element, element.nextElementSibling.nextElementSibling);\n                }\n                else {\n                    element === null || element === void 0 ? void 0 : element.parentNode.insertAdjacentElement('beforeend', element);\n                }\n                if (scrollIntoView)\n                    element === null || element === void 0 ? void 0 : element.scrollIntoView({ behavior: \"instant\", block: \"center\" });\n            });\n            deleteButton === null || deleteButton === void 0 ? void 0 : deleteButton.addEventListener('click', () => {\n                element.remove();\n            });\n        };\n        this.addButtons = (form) => {\n            form === null || form === void 0 ? void 0 : form.insertAdjacentHTML('beforeend', `<div class=\"btn__group\">${this.buttonHTML}</div>`);\n            this.addButtonEvents(form);\n        };\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/config.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = /* HTML */ `\r\n      <style>\r\n        ${loadCSS}\r\n      </style>\r\n      <div id=\"wrapper\">\r\n        <div id=\"items\">\r\n          <div id=\"buckets\"></div>  \r\n          <div id=\"any\" data-bucket=\"any\"></div>\r\n        </div>\r\n        <div class=\"admin-panel\">\r\n          <button class=\"btn btn-action fa-plus\" command=\"add-bucket\">Add bucket</button>\r\n          <button class=\"btn btn-action fa-plus\" command=\"add-item\">Add ${(_a = this.getAttribute('data-item-name')) !== null && _a !== void 0 ? _a : 'item'}</button> <!-- Changes to open a model if we want to validate the add form first -->\r\n\r\n        </div>\r\n        <button id=\"save\" class=\"btn btn-sm btn-primary fa-floppy-disk\" >Save items</button>\r\n      </div>\r\n    `;\n        (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.appendChild(template.content.cloneNode(true));\n    }\n    importData(ajaxURL) {\n        return __awaiter(this, void 0, void 0, function* () {\n            // Setup controller vars if not already set\n            if (!window.controller)\n                window.controller = [];\n            // Abort if controller already present for this url\n            if (window.controller[ajaxURL])\n                window.controller[ajaxURL].abort();\n            // Create a new controller so it can be aborted if new fetch made\n            window.controller[ajaxURL] = new AbortController();\n            const { signal } = window.controller[ajaxURL];\n            try {\n                return yield fetch(ajaxURL, {\n                    signal: signal,\n                    method: 'get',\n                    credentials: 'same-origin',\n                    headers: new Headers({\n                        'Content-Type': 'application/json',\n                        Accept: 'application/json',\n                        'X-Requested-With': 'XMLHttpRequest',\n                        'X-XSRF-TOKEN': Cookies.get('XSRF-TOKEN'),\n                    }),\n                })\n                    .then((response) => response.json())\n                    .then((response) => {\n                    const returnData = response['data'] ? response['data'] : response;\n                    return returnData;\n                });\n            }\n            catch (error) {\n                //console.log(error);\n                return 'There has been a problem. Please try again in a few moments.';\n            }\n        });\n    }\n    importAttributeData(comonponent) {\n        return __awaiter(this, void 0, void 0, function* () {\n        });\n    }\n    connectedCallback() {\n        return __awaiter(this, void 0, void 0, function* () {\n            var _a, _b, _c, _d, _e;\n            this.buttonHTML = /* HTML */ `\r\n    <button class=\"btn btn-compact btn-sm mt-0 btn-secondary fa-trash\" type=\"button\" data-direction=\"delete\" title=\"Delete\">Delete</button>\r\n    <button class=\"btn btn-compact btn-sm mt-0 btn-secondary fa-chevron-down\" type=\"button\" data-direction=\"down\" title=\"Move down\">Down</button>\r\n    <button class=\"btn btn-compact btn-sm mt-0 btn-secondary fa-chevron-up\" type=\"button\" data-direction=\"up\" title=\"Move up\">Up</button>\r\n    `;\n            const dataImportUrl = this.getAttribute('data-import');\n            const getBucketsData = this.getBucketsData;\n            const createBuckets = this.createBuckets;\n            const createForms = this.createForms;\n            const createForm = this.createForm;\n            const itemsContainer = this.shadowRoot.querySelector('#items'); // TODO: rename\n            const anyContainer = this.shadowRoot.querySelector('#any'); // TODO: rename\n            const bucketsContainer = this.shadowRoot.querySelector('#buckets'); // TODO: rename\n            const editBuckets = this.shadowRoot.querySelector('#editBuckets'); // TODO: rename\n            const saveButton = this.shadowRoot.querySelector('#save');\n            const addButton = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('[data-add-item]');\n            const addForm = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#addForm');\n            const editBucketsDialog = (_c = this.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#editBucketsDialog');\n            const editBucketsForm = (_d = this.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#editBucketsForm');\n            const editBucketsFormSubmit = (_e = this.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('#editBucketsForm .btn-primary');\n            const addBucketButton = this === null || this === void 0 ? void 0 : this.shadowRoot.querySelector('[command=\"add-bucket\"]');\n            const addItemButton = this === null || this === void 0 ? void 0 : this.shadowRoot.querySelector('[command=\"add-item\"]');\n            const templateForm = this === null || this === void 0 ? void 0 : this.querySelector('form');\n            let editBucketsOriginalState = '';\n            let buckets = [];\n            // Prevent the template form from submitting anything\n            templateForm === null || templateForm === void 0 ? void 0 : templateForm.addEventListener('submit', (event) => {\n                event.preventDefault();\n            });\n            // TODO: add this to an on change event on the select\n            Array.from(this.querySelectorAll('select[data-import]')).forEach((select) => __awaiter(this, void 0, void 0, function* () {\n                const ajaxURL = select.getAttribute('data-import');\n                this.importData(ajaxURL).then((data) => {\n                    if (typeof data == 'string')\n                        return data;\n                    data.forEach(item => {\n                        const optionElement = document.createElement('option');\n                        optionElement.value = item.id;\n                        optionElement.innerHTML = item.attributes.name;\n                        select.appendChild(optionElement);\n                    });\n                    return true;\n                });\n            }));\n            // #region import data\n            // TODO load from web storage if its newer\n            const storedData = localStorage.getItem(`config-${this.getAttribute('data-name')}`);\n            //const buckets = this.getBucketsData(); // TODO: load from local storage\n            if (storedData) {\n                //createForms(JSON.parse(storedData), buckets);\n            }\n            else if (dataImportUrl) {\n                const dataImport = yield this.importData(dataImportUrl).then((data) => {\n                    if (typeof data == 'string')\n                        return data;\n                    const buckets = getBucketsData(data);\n                    if (buckets) {\n                        createBuckets(buckets);\n                    }\n                    createForms(data); // any bucket\n                    return true;\n                });\n            }\n            // #endregion\n            // #region Add buckets to edit modal\n            /*\n              editBucketsForm?.addEventListener('submit', (event) => {\n        \n                event.stopPropagation();\n                event.preventDefault();\n        \n                if(event.submitter == editBucketsFormSubmit){\n        \n                  // Clear what is there already\n                  //anyContainer?.innerHTML = '';\n        \n                  Array.from(itemsContainer?.querySelectorAll('form')).forEach((formElement:HTMLElement, index):void => {\n        \n                    anyContainer?.insertAdjacentElement('beforeend',formElement);\n                  });\n        \n                  // Empty the buckets\n                  bucketsContainer?.innerHTML = '';\n        \n                  // Load the new bucket data then recreate them\n                  const buckets = [];\n                  Array.from(editBuckets?.querySelectorAll('[data-bucket]')).forEach((editBucketElement:HTMLElement, index):void => {\n        \n                    bucketsContainer?.insertAdjacentHTML('beforeend',`<div class=\"bucket\" data-bucket=\"${editBucketElement.getAttribute('data-bucket')}\"></div>`);\n        \n                    const bucket = {}\n        \n                    bucket.id = editBucketElement.getAttribute('data-bucket');\n                    bucket.attributes = {};\n        \n                    bucket.attributes.name = editBucketElement.querySelector('[name=\"bucket\"]')?.value;\n        \n                    //const formData = new FormData(editBucketElement);\n                    //const formDataObj = Object.fromEntries(formData.entries());\n                    // TODO cycle through the criteria forms\n        \n                    buckets.push(bucket);\n                  });\n                  \n        \n                  console.log(buckets);\n                  // this.createBuckets(buckets); TODO: re-enable\n        \n                  /*\n                  // Move items back into buckets\n                  Array.from(itemsContainer?.querySelectorAll('form')).forEach((formElement:HTMLElement, index):void => {\n        \n                    const formData = new FormData(formElement);\n                    const formDataObj = Object.fromEntries(formData.entries());\n                    const newContainer = this.checkBuckets(formDataObj);\n        \n                    if(newContainer != anyContainer){\n                      newContainer?.insertAdjacentElement('beforeend',formElement);\n                    }\n                  });\n                \n                  \n                  editBucketsOriginalState = editBuckets.innerHTML;\n                }\n        \n                editBucketsDialog?.close();\n              });\n        */\n            /*\n              \n              addBucketButton?.addEventListener('click', (event) => {\n        \n                const editBucket = document.createElement('div');\n                editBucket.classList.add('bucket--edit');\n                editBucket.innerHTML = this.addBucketHTML();\n        \n                editBuckets?.insertAdjacentElement('beforeend', editBucket)\n        \n                this.addButtonEvents(editBucket,false);\n                const expandButton = editBucket?.querySelector('[data-expand]');\n        \n                expandButton?.addEventListener('click',() => {\n        \n                  editBucket.classList.toggle('bucket--expanded');\n                });\n              });\n        \n            */\n            // #endregion\n            // #region add data\n            addItemButton === null || addItemButton === void 0 ? void 0 : addItemButton.addEventListener(\"click\", (event) => {\n                const form = this.createForm({});\n                form === null || form === void 0 ? void 0 : form.scrollIntoView({ behavior: \"instant\", block: \"center\" });\n                // TODO scroll into view\n            });\n            addBucketButton === null || addBucketButton === void 0 ? void 0 : addBucketButton.addEventListener(\"click\", (event) => {\n                const bucket = this.createBucket({});\n                bucket === null || bucket === void 0 ? void 0 : bucket.scrollIntoView({ behavior: \"instant\", block: \"center\" });\n            });\n            // #endregion\n            // #region update values\n            this.shadowRoot.addEventListener('change', (event) => {\n                const container = event.target.closest('[data-bucket]');\n                if (!container)\n                    return false;\n                const attribute = event.target.name;\n                const value = event.target.value;\n                const attributes = {};\n                attributes[attribute] = value;\n                const newContainer = this.checkBuckets(attributes);\n                if (newContainer != container) {\n                    const form = event.target.closest(`form`);\n                    // TODO a confirmation modal\n                    newContainer === null || newContainer === void 0 ? void 0 : newContainer.insertAdjacentElement('beforeend', form);\n                    form === null || form === void 0 ? void 0 : form.scrollIntoView({ behavior: \"instant\", block: \"center\" });\n                }\n            });\n            // #endregion\n            // #region save data\n            saveButton === null || saveButton === void 0 ? void 0 : saveButton.addEventListener('click', (event) => {\n                event.preventDefault();\n                // TODO validation\n                const entries = [];\n                // Save buckets data\n                Array.from(itemsContainer === null || itemsContainer === void 0 ? void 0 : itemsContainer.querySelectorAll('.bucket__wrapper')).forEach((bucketElement, index) => {\n                    const bucket = {};\n                    bucket.attributes = {};\n                    bucket.id = bucketElement === null || bucketElement === void 0 ? void 0 : bucketElement.querySelector('[name=\"bucket\"]').value;\n                    bucket.type = 'bucket';\n                    bucket.attributes.index = index;\n                    const criteria = [];\n                    // TODO populate criteria\n                    Array.from(bucketElement === null || bucketElement === void 0 ? void 0 : bucketElement.querySelectorAll('.criteria--container form')).forEach((formElement, criteriaIndex) => {\n                        const item = {};\n                        //item.id = formElement.getAttribute('id');\n                        item.type = 'criteria';\n                        item.index = criteriaIndex;\n                        const formData = new FormData(formElement);\n                        const formDataObj = Object.fromEntries(formData.entries());\n                        item.attributes = formDataObj;\n                        criteria.push(item);\n                    });\n                    bucket.attributes.criteria = criteria;\n                    const items = [];\n                    Array.from(bucketElement === null || bucketElement === void 0 ? void 0 : bucketElement.querySelectorAll('[data-bucket] form')).forEach((formElement, itemIndex) => {\n                        const item = {};\n                        //item.id = formElement.getAttribute('id');\n                        item.type = 'item';\n                        item.index = itemIndex;\n                        const formData = new FormData(formElement);\n                        const formDataObj = Object.fromEntries(formData.entries());\n                        item.attributes = formDataObj;\n                        items.push(item);\n                    });\n                    bucket.attributes.items = items;\n                    entries.push(bucket);\n                });\n                Array.from(itemsContainer === null || itemsContainer === void 0 ? void 0 : itemsContainer.querySelectorAll('[data-bucket=\"any\"] form')).forEach((formElement, index) => {\n                    const entry = {};\n                    //entry.id = formElement.getAttribute('id');\n                    entry.type = 'item';\n                    entry.index = index;\n                    const formData = new FormData(formElement);\n                    const formDataObj = Object.fromEntries(formData.entries());\n                    entry.attributes = formDataObj;\n                    entries.push(entry);\n                });\n                const entriesJson = JSON.stringify(entries);\n                console.log(entries);\n                // TODO add toast message\n                // TODO save locally for now but when pushing to endpoint the web storage file should get deleted\n                //localStorage.setItem(`config-${this.getAttribute('data-name')}`, entriesJson);\n                //const bucketsJson = JSON.stringify(buckets);\n                //localStorage.setItem(`config-buckets-${this.getAttribute('data-name')}`, bucketsJson);\n            });\n            // #endregion\n        });\n    }\n}\nexport default iamConfig;\n"],"names":["assign","target","i","source","key","defaultConverter","value","init","converter","defaultAttributes","set","name","attributes","stringifiedAttributes","attributeName","get","cookies","jar","parts","found","api","trackComponentRegistered","componentName","__awaiter","thisArg","_arguments","P","generator","adopt","resolve","reject","fulfilled","step","e","rejected","result","iamConfig","_a","_b","data","buckets","bucket","bucketsContainer","bucketElement","criteriaContainer","criteria","_c","criteriaForm","attribute","form","formData","formDataObj","optionsHtml","expandButton","bucketId","item","formElement","element","optionElement","container","addedToBucket","event","idsArr","scrollIntoView","upButton","downButton","deleteButton","template","ajaxURL","signal","Cookies","response","comonponent","_d","_e","dataImportUrl","getBucketsData","createBuckets","createForms","itemsContainer","saveButton","addBucketButton","addItemButton","templateForm","select","newContainer","entries","index","criteriaIndex","items","itemIndex","entry"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"config.component.min.js","sources":["../../../../node_modules/js-cookie/dist/js.cookie.mjs","../_global.js","config.component.js"],"sourcesContent":["/*! js-cookie v3.0.5 | MIT */\n/* eslint-disable no-var */\nfunction assign (target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i];\n    for (var key in source) {\n      target[key] = source[key];\n    }\n  }\n  return target\n}\n/* eslint-enable no-var */\n\n/* eslint-disable no-var */\nvar defaultConverter = {\n  read: function (value) {\n    if (value[0] === '\"') {\n      value = value.slice(1, -1);\n    }\n    return value.replace(/(%[\\dA-F]{2})+/gi, decodeURIComponent)\n  },\n  write: function (value) {\n    return encodeURIComponent(value).replace(\n      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,\n      decodeURIComponent\n    )\n  }\n};\n/* eslint-enable no-var */\n\n/* eslint-disable no-var */\n\nfunction init (converter, defaultAttributes) {\n  function set (name, value, attributes) {\n    if (typeof document === 'undefined') {\n      return\n    }\n\n    attributes = assign({}, defaultAttributes, attributes);\n\n    if (typeof attributes.expires === 'number') {\n      attributes.expires = new Date(Date.now() + attributes.expires * 864e5);\n    }\n    if (attributes.expires) {\n      attributes.expires = attributes.expires.toUTCString();\n    }\n\n    name = encodeURIComponent(name)\n      .replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent)\n      .replace(/[()]/g, escape);\n\n    var stringifiedAttributes = '';\n    for (var attributeName in attributes) {\n      if (!attributes[attributeName]) {\n        continue\n      }\n\n      stringifiedAttributes += '; ' + attributeName;\n\n      if (attributes[attributeName] === true) {\n        continue\n      }\n\n      // Considers RFC 6265 section 5.2:\n      // ...\n      // 3.  If the remaining unparsed-attributes contains a %x3B (\";\")\n      //     character:\n      // Consume the characters of the unparsed-attributes up to,\n      // not including, the first %x3B (\";\") character.\n      // ...\n      stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];\n    }\n\n    return (document.cookie =\n      name + '=' + converter.write(value, name) + stringifiedAttributes)\n  }\n\n  function get (name) {\n    if (typeof document === 'undefined' || (arguments.length && !name)) {\n      return\n    }\n\n    // To prevent the for loop in the first place assign an empty array\n    // in case there are no cookies at all.\n    var cookies = document.cookie ? document.cookie.split('; ') : [];\n    var jar = {};\n    for (var i = 0; i < cookies.length; i++) {\n      var parts = cookies[i].split('=');\n      var value = parts.slice(1).join('=');\n\n      try {\n        var found = decodeURIComponent(parts[0]);\n        jar[found] = converter.read(value, found);\n\n        if (name === found) {\n          break\n        }\n      } catch (e) {}\n    }\n\n    return name ? jar[name] : jar\n  }\n\n  return Object.create(\n    {\n      set,\n      get,\n      remove: function (name, attributes) {\n        set(\n          name,\n          '',\n          assign({}, attributes, {\n            expires: -1\n          })\n        );\n      },\n      withAttributes: function (attributes) {\n        return init(this.converter, assign({}, this.attributes, attributes))\n      },\n      withConverter: function (converter) {\n        return init(assign({}, this.converter, converter), this.attributes)\n      }\n    },\n    {\n      attributes: { value: Object.freeze(defaultAttributes) },\n      converter: { value: Object.freeze(converter) }\n    }\n  )\n}\n\nvar api = init(defaultConverter, { path: '/' });\n/* eslint-enable no-var */\n\nexport { api as default };\n","export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport Cookies from '../../../../node_modules/js-cookie/dist/js.cookie.mjs';\nimport { trackComponentRegistered } from '../_global';\ntrackComponentRegistered('iam-config');\nclass iamConfig extends HTMLElement {\n    constructor() {\n        var _a, _b;\n        super();\n        this.getBucketsData = (data) => {\n            if (!data)\n                return [];\n            const buckets = [];\n            // TODO: check local storage first\n            data.forEach(bucket => {\n                var _a, _b;\n                if (typeof ((_a = bucket.attributes) === null || _a === void 0 ? void 0 : _a.criteria) == \"object\" && Array.isArray((_b = bucket.attributes) === null || _b === void 0 ? void 0 : _b.criteria)) {\n                    buckets.push(bucket);\n                }\n            });\n            return buckets;\n        };\n        this.createBuckets = (buckets) => {\n            console.log(buckets);\n            const bucketsContainer = this.shadowRoot.querySelector('#buckets'); // TODO: rename\n            if (!buckets)\n                return false;\n            buckets.forEach((bucket) => {\n                this.createBucket(bucket);\n            });\n            return true;\n        };\n        this.createBucket = (bucket) => {\n            const bucketsContainer = this.shadowRoot.querySelector('#buckets'); // TODO: rename\n            const bucketElement = document.createElement('div');\n            bucketElement.innerHTML = this.addBucketHTML(bucket);\n            //bucketElement.setAttribute('data-bucket',bucket.id);\n            bucketElement.classList.add('bucket__wrapper');\n            bucketsContainer === null || bucketsContainer === void 0 ? void 0 : bucketsContainer.insertAdjacentElement('beforeend', bucketElement);\n            //this.addButtonEvents(bucketElement,true);\n            this.createEditBucketsEvents(bucketElement);\n            const criteriaContainer = bucketElement.querySelector('.criteria--container');\n            if (bucket.attributes) {\n                bucket.attributes.criteria.forEach((criteria) => {\n                    var _a, _b, _c;\n                    const criteriaForm = document.createElement('form');\n                    criteriaForm.classList.add('criteria');\n                    criteriaForm.innerHTML = this.addCriteriaHTML(criteria.attributes);\n                    // TODO add to HTML\n                    (_a = criteriaForm.querySelector('[name=\"attribute\"]')) === null || _a === void 0 ? void 0 : _a.value = criteria.attributes.attribute;\n                    (_b = criteriaForm.querySelector('[name=\"rule\"]')) === null || _b === void 0 ? void 0 : _b.value = criteria.attributes.rule;\n                    (_c = criteriaForm.querySelector('[name=\"match\"]')) === null || _c === void 0 ? void 0 : _c.value = criteria.attributes.match;\n                    criteriaContainer === null || criteriaContainer === void 0 ? void 0 : criteriaContainer.appendChild(criteriaForm);\n                    // TODO add buttons\n                    // TODO add events\n                });\n                this.createForms(bucket.attributes.items, bucket.id);\n            }\n            return bucketElement;\n        };\n        this.addCriteriaHTML = (attributes) => {\n            return /*HTML*/ `<label>\n      <span class=\"visually-hidden\">Attribute</span>\n      ${this.createCriteriaDropdown(attributes.attribute)}\n    </label>\n    <label>\n      <span class=\"visually-hidden\">Rule</span>\n      <select name=\"rule\" class=\"mt-0 select--sm\">\n        <option value=\"set\">is not empty</option>\n        <option value=\"empty\">is empty</option>\n        <option value=\"equals\">equals</option>\n        <option value=\"not\">is not</option>\n        <option value=\"greater\">greater than</option>\n        <option value=\"less\">less than</option>\n      </select>\n    </label>\n    <label>\n      <span class=\"visually-hidden\">Match</span>\n      <input type=\"text\" name=\"match\" class=\"mt-0 input--sm\" /> <!-- TODO Add datalist or transform into select -->\n    </label>\n    <div class=\"btn__group\">\n    <button class=\"btn btn-compact btn-sm mt-0 btn-secondary fa-plus\" type=\"button\" data-direction=\"add\" title=\"Delete\">Add</button>\n    <button class=\"btn btn-compact btn-sm mt-0 btn-secondary fa-trash\" type=\"button\" data-direction=\"delete\" title=\"Delete\">Delete</button>\n    </div>`;\n        };\n        this.addBucketHTML = (bucket) => {\n            var _a, _b, _c;\n            return /*HTML*/ `<label>\n        <span class=\"visually-hidden\">Name</span>\n        <input type=\"text\" name=\"bucket\" value=\"${(_b = (_a = bucket.attributes) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : ''}\"/>\n      </label>\n      <div class=\"btn__group text-end\"><button class=\"btn btn-compact btn-sm mt-0 btn-secondary fa-pen-to-square\" data-expand title=\"Expand to see more options\">Edit</button>${this.buttonHTML}</div>\n      <div class=\"criteria--container\">\n      </div>\n      <div data-bucket=\"${(_c = bucket.id) !== null && _c !== void 0 ? _c : ''}\" class=\"bucket\">\n      </div>`;\n        };\n        this.createCriteriaDropdown = (attribute) => {\n            const form = this.querySelector('form');\n            const formData = new FormData(form);\n            const formDataObj = Object.fromEntries(formData.entries());\n            let optionsHtml = '';\n            Object.keys(formDataObj).forEach(function (key) {\n                optionsHtml += `<option value=\"${key}\" ${key == attribute ? ' selected=\"selected\"' : ''}>${key}</option>`;\n            });\n            return `<select name=\"attributes[criteria]\" class=\"mt-0 select--sm\">\n      <option value=\"\"></option>\n      ${optionsHtml}\n    </select>`;\n        };\n        this.createEditBucketsEvents = (bucket) => {\n            this.addButtonEvents(bucket, true);\n            const expandButton = bucket === null || bucket === void 0 ? void 0 : bucket.querySelector('[data-expand]');\n            expandButton === null || expandButton === void 0 ? void 0 : expandButton.addEventListener('click', () => {\n                bucket.classList.toggle('bucket--expanded');\n            });\n        };\n        this.createForms = (data, bucketId = \"any\") => {\n            data.forEach(item => {\n                var _a;\n                if (typeof ((_a = item.attributes) === null || _a === void 0 ? void 0 : _a.criteria) == \"undefined\") {\n                    const formElement = this.createForm(item, bucketId);\n                    Object.keys(item.attributes).forEach(function (key) {\n                        if (formElement.querySelector(`[name=\"${key}\"]`)) {\n                            const element = formElement.querySelector(`[name=\"${key}\"]`);\n                            if (element.matches('select[data-import]') && !element.querySelector(`option[value=\"${item.attributes[key]}\"]`)) {\n                                const optionElement = document.createElement('option');\n                                optionElement.value = item.attributes[key];\n                                optionElement.innerHTML = item.attributes[key];\n                                element.appendChild(optionElement);\n                            }\n                            element.value = item.attributes[key];\n                        }\n                    });\n                }\n            });\n        };\n        this.checkCriteria = (attributes, bucket) => {\n            if (attributes[bucket])\n                return true;\n            return false;\n        };\n        this.checkBuckets = (attributes) => {\n            const anyContainer = this.shadowRoot.querySelector('#any'); // TODO: rename\n            let container = anyContainer;\n            if (!this.hasAttribute('data-buckets'))\n                return container;\n            let buckets = [];\n            let addedToBucket = false;\n            // If data attribute set\n            buckets = this.getAttribute('data-buckets').split(',');\n            // TODO: If importing the config from a json file\n            buckets.forEach((bucket) => {\n                const addToBucket = !addedToBucket ? this.checkCriteria(attributes, bucket) : false;\n                if (addToBucket) {\n                    addedToBucket = true;\n                    container = this.shadowRoot.querySelector(`[data-bucket=\"${bucket}\"]`);\n                }\n            });\n            return container;\n        };\n        this.createForm = (item, bucketId = \"any\") => {\n            var _a;\n            const anyContainer = this.shadowRoot.querySelector(`#items [data-bucket=\"${bucketId}\"]`); // TODO: rename\n            //const bucketsContainer = this.shadowRoot.querySelector('#buckets'); // TODO: rename\n            //const container = this.checkBuckets(item.attributes); TODO: re-enable\n            const container = anyContainer;\n            const formElement = (_a = this.querySelector(`form`)) === null || _a === void 0 ? void 0 : _a.cloneNode(true);\n            //formTemplate.setAttribute('id', item.id);\n            // TODO check if it matches a bucket\n            container === null || container === void 0 ? void 0 : container.insertAdjacentElement('beforeend', formElement);\n            //const formElement = container?.querySelector(`[id=\"${item.id}\"]`);\n            formElement === null || formElement === void 0 ? void 0 : formElement.addEventListener('submit', (event) => {\n                event.preventDefault();\n            });\n            this.addButtons(formElement);\n            return formElement;\n        };\n        this.getCurrentIds = () => {\n            var _a;\n            const idsArr = [];\n            Array.from((_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('#items form')).forEach((form) => {\n                idsArr.push(parseInt(form.getAttribute('id')));\n            });\n            return idsArr;\n        };\n        this.generateId = () => {\n            return Math.max(...this.getCurrentIds()) + 1;\n        };\n        this.addButtonEvents = (element, scrollIntoView = true) => {\n            const upButton = element === null || element === void 0 ? void 0 : element.querySelector('[data-direction=\"up\"]');\n            const downButton = element === null || element === void 0 ? void 0 : element.querySelector('[data-direction=\"down\"]');\n            const deleteButton = element === null || element === void 0 ? void 0 : element.querySelector('[data-direction=\"delete\"]');\n            upButton === null || upButton === void 0 ? void 0 : upButton.addEventListener('click', () => {\n                if (element === null || element === void 0 ? void 0 : element.previousElementSibling) {\n                    element === null || element === void 0 ? void 0 : element.parentNode.insertBefore(element, element.previousElementSibling);\n                    if (scrollIntoView)\n                        element === null || element === void 0 ? void 0 : element.scrollIntoView({ behavior: \"instant\", block: \"center\" });\n                }\n            });\n            downButton === null || downButton === void 0 ? void 0 : downButton.addEventListener('click', () => {\n                if (element.nextElementSibling) {\n                    element === null || element === void 0 ? void 0 : element.parentNode.insertBefore(element, element.nextElementSibling.nextElementSibling);\n                }\n                else {\n                    element === null || element === void 0 ? void 0 : element.parentNode.insertAdjacentElement('beforeend', element);\n                }\n                if (scrollIntoView)\n                    element === null || element === void 0 ? void 0 : element.scrollIntoView({ behavior: \"instant\", block: \"center\" });\n            });\n            deleteButton === null || deleteButton === void 0 ? void 0 : deleteButton.addEventListener('click', () => {\n                element.remove();\n            });\n        };\n        this.addButtons = (form) => {\n            form === null || form === void 0 ? void 0 : form.insertAdjacentHTML('beforeend', `<div class=\"btn__group\">${this.buttonHTML}</div>`);\n            this.addButtonEvents(form);\n        };\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/config.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = /* HTML */ `\n      <style>\n        ${loadCSS}\n      </style>\n      <div id=\"wrapper\">\n        <div id=\"items\">\n          <div id=\"buckets\"></div>  \n          <div id=\"any\" data-bucket=\"any\"></div>\n        </div>\n        <div class=\"admin-panel\">\n          <button class=\"btn btn-action fa-plus\" command=\"add-bucket\">Add bucket</button>\n          <button class=\"btn btn-action fa-plus\" command=\"add-item\">Add ${(_a = this.getAttribute('data-item-name')) !== null && _a !== void 0 ? _a : 'item'}</button> <!-- Changes to open a model if we want to validate the add form first -->\n\n        </div>\n        <button id=\"save\" class=\"btn btn-sm btn-primary fa-floppy-disk\" >Save items</button>\n      </div>\n    `;\n        (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.appendChild(template.content.cloneNode(true));\n    }\n    importData(ajaxURL) {\n        return __awaiter(this, void 0, void 0, function* () {\n            // Setup controller vars if not already set\n            if (!window.controller)\n                window.controller = [];\n            // Abort if controller already present for this url\n            if (window.controller[ajaxURL])\n                window.controller[ajaxURL].abort();\n            // Create a new controller so it can be aborted if new fetch made\n            window.controller[ajaxURL] = new AbortController();\n            const { signal } = window.controller[ajaxURL];\n            try {\n                return yield fetch(ajaxURL, {\n                    signal: signal,\n                    method: 'get',\n                    credentials: 'same-origin',\n                    headers: new Headers({\n                        'Content-Type': 'application/json',\n                        Accept: 'application/json',\n                        'X-Requested-With': 'XMLHttpRequest',\n                        'X-XSRF-TOKEN': Cookies.get('XSRF-TOKEN'),\n                    }),\n                })\n                    .then((response) => response.json())\n                    .then((response) => {\n                    const returnData = response['data'] ? response['data'] : response;\n                    return returnData;\n                });\n            }\n            catch (error) {\n                //console.log(error);\n                return 'There has been a problem. Please try again in a few moments.';\n            }\n        });\n    }\n    importAttributeData(comonponent) {\n        return __awaiter(this, void 0, void 0, function* () {\n        });\n    }\n    connectedCallback() {\n        return __awaiter(this, void 0, void 0, function* () {\n            var _a, _b, _c, _d, _e;\n            this.buttonHTML = /* HTML */ `\n    <button class=\"btn btn-compact btn-sm mt-0 btn-secondary fa-trash\" type=\"button\" data-direction=\"delete\" title=\"Delete\">Delete</button>\n    <button class=\"btn btn-compact btn-sm mt-0 btn-secondary fa-chevron-down\" type=\"button\" data-direction=\"down\" title=\"Move down\">Down</button>\n    <button class=\"btn btn-compact btn-sm mt-0 btn-secondary fa-chevron-up\" type=\"button\" data-direction=\"up\" title=\"Move up\">Up</button>\n    `;\n            const dataImportUrl = this.getAttribute('data-import');\n            const getBucketsData = this.getBucketsData;\n            const createBuckets = this.createBuckets;\n            const createForms = this.createForms;\n            const createForm = this.createForm;\n            const itemsContainer = this.shadowRoot.querySelector('#items'); // TODO: rename\n            const anyContainer = this.shadowRoot.querySelector('#any'); // TODO: rename\n            const bucketsContainer = this.shadowRoot.querySelector('#buckets'); // TODO: rename\n            const editBuckets = this.shadowRoot.querySelector('#editBuckets'); // TODO: rename\n            const saveButton = this.shadowRoot.querySelector('#save');\n            const addButton = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('[data-add-item]');\n            const addForm = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#addForm');\n            const editBucketsDialog = (_c = this.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#editBucketsDialog');\n            const editBucketsForm = (_d = this.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#editBucketsForm');\n            const editBucketsFormSubmit = (_e = this.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('#editBucketsForm .btn-primary');\n            const addBucketButton = this === null || this === void 0 ? void 0 : this.shadowRoot.querySelector('[command=\"add-bucket\"]');\n            const addItemButton = this === null || this === void 0 ? void 0 : this.shadowRoot.querySelector('[command=\"add-item\"]');\n            const templateForm = this === null || this === void 0 ? void 0 : this.querySelector('form');\n            let editBucketsOriginalState = '';\n            let buckets = [];\n            // Prevent the template form from submitting anything\n            templateForm === null || templateForm === void 0 ? void 0 : templateForm.addEventListener('submit', (event) => {\n                event.preventDefault();\n            });\n            // TODO: add this to an on change event on the select\n            Array.from(this.querySelectorAll('select[data-import]')).forEach((select) => __awaiter(this, void 0, void 0, function* () {\n                const ajaxURL = select.getAttribute('data-import');\n                this.importData(ajaxURL).then((data) => {\n                    if (typeof data == 'string')\n                        return data;\n                    data.forEach(item => {\n                        const optionElement = document.createElement('option');\n                        optionElement.value = item.id;\n                        optionElement.innerHTML = item.attributes.name;\n                        select.appendChild(optionElement);\n                    });\n                    return true;\n                });\n            }));\n            // #region import data\n            // TODO load from web storage if its newer\n            const storedData = localStorage.getItem(`config-${this.getAttribute('data-name')}`);\n            //const buckets = this.getBucketsData(); // TODO: load from local storage\n            if (storedData) {\n                //createForms(JSON.parse(storedData), buckets);\n            }\n            else if (dataImportUrl) {\n                const dataImport = yield this.importData(dataImportUrl).then((data) => {\n                    if (typeof data == 'string')\n                        return data;\n                    const buckets = getBucketsData(data);\n                    if (buckets) {\n                        createBuckets(buckets);\n                    }\n                    createForms(data); // any bucket\n                    return true;\n                });\n            }\n            // #endregion\n            // #region Add buckets to edit modal\n            /*\n              editBucketsForm?.addEventListener('submit', (event) => {\n        \n                event.stopPropagation();\n                event.preventDefault();\n        \n                if(event.submitter == editBucketsFormSubmit){\n        \n                  // Clear what is there already\n                  //anyContainer?.innerHTML = '';\n        \n                  Array.from(itemsContainer?.querySelectorAll('form')).forEach((formElement:HTMLElement, index):void => {\n        \n                    anyContainer?.insertAdjacentElement('beforeend',formElement);\n                  });\n        \n                  // Empty the buckets\n                  bucketsContainer?.innerHTML = '';\n        \n                  // Load the new bucket data then recreate them\n                  const buckets = [];\n                  Array.from(editBuckets?.querySelectorAll('[data-bucket]')).forEach((editBucketElement:HTMLElement, index):void => {\n        \n                    bucketsContainer?.insertAdjacentHTML('beforeend',`<div class=\"bucket\" data-bucket=\"${editBucketElement.getAttribute('data-bucket')}\"></div>`);\n        \n                    const bucket = {}\n        \n                    bucket.id = editBucketElement.getAttribute('data-bucket');\n                    bucket.attributes = {};\n        \n                    bucket.attributes.name = editBucketElement.querySelector('[name=\"bucket\"]')?.value;\n        \n                    //const formData = new FormData(editBucketElement);\n                    //const formDataObj = Object.fromEntries(formData.entries());\n                    // TODO cycle through the criteria forms\n        \n                    buckets.push(bucket);\n                  });\n                  \n        \n                  console.log(buckets);\n                  // this.createBuckets(buckets); TODO: re-enable\n        \n                  /*\n                  // Move items back into buckets\n                  Array.from(itemsContainer?.querySelectorAll('form')).forEach((formElement:HTMLElement, index):void => {\n        \n                    const formData = new FormData(formElement);\n                    const formDataObj = Object.fromEntries(formData.entries());\n                    const newContainer = this.checkBuckets(formDataObj);\n        \n                    if(newContainer != anyContainer){\n                      newContainer?.insertAdjacentElement('beforeend',formElement);\n                    }\n                  });\n                \n                  \n                  editBucketsOriginalState = editBuckets.innerHTML;\n                }\n        \n                editBucketsDialog?.close();\n              });\n        */\n            /*\n              \n              addBucketButton?.addEventListener('click', (event) => {\n        \n                const editBucket = document.createElement('div');\n                editBucket.classList.add('bucket--edit');\n                editBucket.innerHTML = this.addBucketHTML();\n        \n                editBuckets?.insertAdjacentElement('beforeend', editBucket)\n        \n                this.addButtonEvents(editBucket,false);\n                const expandButton = editBucket?.querySelector('[data-expand]');\n        \n                expandButton?.addEventListener('click',() => {\n        \n                  editBucket.classList.toggle('bucket--expanded');\n                });\n              });\n        \n            */\n            // #endregion\n            // #region add data\n            addItemButton === null || addItemButton === void 0 ? void 0 : addItemButton.addEventListener(\"click\", (event) => {\n                const form = this.createForm({});\n                form === null || form === void 0 ? void 0 : form.scrollIntoView({ behavior: \"instant\", block: \"center\" });\n                // TODO scroll into view\n            });\n            addBucketButton === null || addBucketButton === void 0 ? void 0 : addBucketButton.addEventListener(\"click\", (event) => {\n                const bucket = this.createBucket({});\n                bucket === null || bucket === void 0 ? void 0 : bucket.scrollIntoView({ behavior: \"instant\", block: \"center\" });\n            });\n            // #endregion\n            // #region update values\n            this.shadowRoot.addEventListener('change', (event) => {\n                const container = event.target.closest('[data-bucket]');\n                if (!container)\n                    return false;\n                const attribute = event.target.name;\n                const value = event.target.value;\n                const attributes = {};\n                attributes[attribute] = value;\n                const newContainer = this.checkBuckets(attributes);\n                if (newContainer != container) {\n                    const form = event.target.closest(`form`);\n                    // TODO a confirmation modal\n                    newContainer === null || newContainer === void 0 ? void 0 : newContainer.insertAdjacentElement('beforeend', form);\n                    form === null || form === void 0 ? void 0 : form.scrollIntoView({ behavior: \"instant\", block: \"center\" });\n                }\n            });\n            // #endregion\n            // #region save data\n            saveButton === null || saveButton === void 0 ? void 0 : saveButton.addEventListener('click', (event) => {\n                event.preventDefault();\n                // TODO validation\n                const entries = [];\n                // Save buckets data\n                Array.from(itemsContainer === null || itemsContainer === void 0 ? void 0 : itemsContainer.querySelectorAll('.bucket__wrapper')).forEach((bucketElement, index) => {\n                    const bucket = {};\n                    bucket.attributes = {};\n                    bucket.id = bucketElement === null || bucketElement === void 0 ? void 0 : bucketElement.querySelector('[name=\"bucket\"]').value;\n                    bucket.type = 'bucket';\n                    bucket.attributes.index = index;\n                    const criteria = [];\n                    // TODO populate criteria\n                    Array.from(bucketElement === null || bucketElement === void 0 ? void 0 : bucketElement.querySelectorAll('.criteria--container form')).forEach((formElement, criteriaIndex) => {\n                        const item = {};\n                        //item.id = formElement.getAttribute('id');\n                        item.type = 'criteria';\n                        item.index = criteriaIndex;\n                        const formData = new FormData(formElement);\n                        const formDataObj = Object.fromEntries(formData.entries());\n                        item.attributes = formDataObj;\n                        criteria.push(item);\n                    });\n                    bucket.attributes.criteria = criteria;\n                    const items = [];\n                    Array.from(bucketElement === null || bucketElement === void 0 ? void 0 : bucketElement.querySelectorAll('[data-bucket] form')).forEach((formElement, itemIndex) => {\n                        const item = {};\n                        //item.id = formElement.getAttribute('id');\n                        item.type = 'item';\n                        item.index = itemIndex;\n                        const formData = new FormData(formElement);\n                        const formDataObj = Object.fromEntries(formData.entries());\n                        item.attributes = formDataObj;\n                        items.push(item);\n                    });\n                    bucket.attributes.items = items;\n                    entries.push(bucket);\n                });\n                Array.from(itemsContainer === null || itemsContainer === void 0 ? void 0 : itemsContainer.querySelectorAll('[data-bucket=\"any\"] form')).forEach((formElement, index) => {\n                    const entry = {};\n                    //entry.id = formElement.getAttribute('id');\n                    entry.type = 'item';\n                    entry.index = index;\n                    const formData = new FormData(formElement);\n                    const formDataObj = Object.fromEntries(formData.entries());\n                    entry.attributes = formDataObj;\n                    entries.push(entry);\n                });\n                const entriesJson = JSON.stringify(entries);\n                console.log(entries);\n                // TODO add toast message\n                // TODO save locally for now but when pushing to endpoint the web storage file should get deleted\n                //localStorage.setItem(`config-${this.getAttribute('data-name')}`, entriesJson);\n                //const bucketsJson = JSON.stringify(buckets);\n                //localStorage.setItem(`config-buckets-${this.getAttribute('data-name')}`, bucketsJson);\n            });\n            // #endregion\n        });\n    }\n}\nexport default iamConfig;\n"],"names":["assign","target","i","source","key","defaultConverter","value","init","converter","defaultAttributes","set","name","attributes","stringifiedAttributes","attributeName","get","cookies","jar","parts","found","api","trackComponentRegistered","componentName","__awaiter","thisArg","_arguments","P","generator","adopt","resolve","reject","fulfilled","step","e","rejected","result","iamConfig","_a","_b","data","buckets","bucket","bucketsContainer","bucketElement","criteriaContainer","criteria","_c","criteriaForm","attribute","form","formData","formDataObj","optionsHtml","expandButton","bucketId","item","formElement","element","optionElement","container","addedToBucket","event","idsArr","scrollIntoView","upButton","downButton","deleteButton","template","ajaxURL","signal","Cookies","response","comonponent","_d","_e","dataImportUrl","getBucketsData","createBuckets","createForms","itemsContainer","saveButton","addBucketButton","addItemButton","templateForm","select","newContainer","entries","index","criteriaIndex","items","itemIndex","entry"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -7,15 +7,15 @@ class iamContent extends HTMLElement {
             : '/assets';
         const loadCSS = `@import "${assetLocation}/css/components/content.component.css";`;
         const template = document.createElement('template');
-        template.innerHTML = `
-    <style>
-    ${loadCSS}
-
-    ${this.hasAttribute('css') ? `@import "${this.getAttribute('css')}";` : ``}
-    </style>
-    <div class="content__container">
-      <slot></slot>
-    </div>
+        template.innerHTML = `
+    <style>
+    ${loadCSS}
+
+    ${this.hasAttribute('css') ? `@import "${this.getAttribute('css')}";` : ``}
+    </style>
+    <div class="content__container">
+      <slot></slot>
+    </div>
     `;
         this.shadowRoot.appendChild(template.content.cloneNode(true));
     }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"content.component.min.js","sources":["content.component.js"],"sourcesContent":["class iamContent extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/content.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\r\n    <style>\r\n    ${loadCSS}\r\n\r\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\r\n    </style>\r\n    <div class=\"content__container\">\r\n      <slot></slot>\r\n    </div>\r\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const component = this;\n        const url = this.getAttribute('data-url');\n        const registerComponents = (contentComponent) => {\n            const components = ['card', 'marketing', 'notification'];\n            const assetLocation = document.body.hasAttribute('data-assets-location')\n                ? document.body.getAttribute('data-assets-location')\n                : '/assets';\n            // Load components - Each component will load once the first of its type has been loaded\n            components.forEach((component) => {\n                if (component == 'notification') {\n                    document.querySelectorAll('[data-notification]').forEach((element) => {\n                        element.outerHTML = element.outerHTML\n                            .replace(/<div/g, '<iam-notification')\n                            .replace(/<\\/div>/g, '</iam-notification>');\n                    });\n                }\n                if (contentComponent.getElementsByTagName(`iam-${component}`).length === 0)\n                    return;\n                import(/* @vite-ignore */ `${assetLocation}/js/components/${component}/${component}.component.js`)\n                    .then((module) => {\n                    if (!window.customElements.get(`iam-${component}`))\n                        window.customElements.define(`iam-${component}`, module.default);\n                })\n                    .catch((err) => {\n                    console.log(err.message);\n                });\n            });\n        };\n        if (url) {\n            const newXHRRequest = new XMLHttpRequest();\n            newXHRRequest.open('GET', url, true);\n            newXHRRequest.onload = function () {\n                if (this.status === 200) {\n                    const response = JSON.parse(this.responseText);\n                    component.innerHTML = `${response.content.rendered}`;\n                    registerComponents(component);\n                }\n            };\n            newXHRRequest.send();\n        }\n    }\n}\nexport default iamContent;\n"],"names":["iamContent","template","component","url","registerComponents","contentComponent","components","assetLocation","element","module","err","newXHRRequest","response"],"mappings":";;;IAAA,MAAMA,UAAmB,WAAY,CACjC,aAAc,CACV,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EACZ,SAAS,KAAK,aAAa,sBAAsB,GACjE,SAAS,KAAK,aAAa,sBAAsB,EAGvD,MAAMC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAY;AAAA;AAAA;AAAA;AAAA;AAAA,MAIvB,KAAK,aAAa,KAAK,EAAI,YAAY,KAAK,aAAa,KAAK,CAAC,KAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,MAMtE,KAAK,WAAW,YAAYA,EAAS,QAAQ,UAAU,EAAI,CAAC,CAChE,CACA,mBAAoB,CAEhB,MAAMC,EAAY,KACZC,EAAM,KAAK,aAAa,UAAU,EAClCC,EAAsBC,GAAqB,CAC7C,MAAMC,EAAa,CAAC,OAAQ,YAAa,cAAc,EACjDC,EAAgB,SAAS,KAAK,aAAa,sBAAsB,EACjE,SAAS,KAAK,aAAa,sBAAsB,EACjD,UAEND,EAAW,QAASJ,GAAc,CAC1BA,GAAa,gBACb,SAAS,iBAAiB,qBAAqB,EAAE,QAASM,GAAY,CAClEA,EAAQ,UAAYA,EAAQ,UACvB,QAAQ,QAAS,mBAAmB,EACpC,QAAQ,WAAY,qBAAqB,CAClD,CAAC,EAEDH,EAAiB,qBAAqB,OAAOH,CAAS,EAAE,EAAE,SAAW,GAEzE,OAA0B,GAAGK,CAAa,kBAAkBL,CAAS,IAAIA,CAAS,iBAC7E,KAAMO,GAAW,CACb,OAAO,eAAe,IAAI,OAAOP,CAAS,EAAE,GAC7C,OAAO,eAAe,OAAO,OAAOA,CAAS,GAAIO,EAAO,OAAO,CACvE,CAAC,EACI,MAAOC,GAAQ,CAChB,QAAQ,IAAIA,EAAI,OAAO,CAC3B,CAAC,CACL,CAAC,CACL,EACA,GAAIP,EAAK,CACL,MAAMQ,EAAgB,IAAI,eAC1BA,EAAc,KAAK,MAAOR,EAAK,EAAI,EACnCQ,EAAc,OAAS,UAAY,CAC/B,GAAI,KAAK,SAAW,IAAK,CACrB,MAAMC,EAAW,KAAK,MAAM,KAAK,YAAY,EAC7CV,EAAU,UAAY,GAAGU,EAAS,QAAQ,QAAQ,GAClDR,EAAmBF,CAAS,CAChC,CACJ,EACAS,EAAc,KAAI,CACtB,CACJ,CACJ"}
+{"version":3,"file":"content.component.min.js","sources":["content.component.js"],"sourcesContent":["class iamContent extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/content.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${loadCSS}\n\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    </style>\n    <div class=\"content__container\">\n      <slot></slot>\n    </div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const component = this;\n        const url = this.getAttribute('data-url');\n        const registerComponents = (contentComponent) => {\n            const components = ['card', 'marketing', 'notification'];\n            const assetLocation = document.body.hasAttribute('data-assets-location')\n                ? document.body.getAttribute('data-assets-location')\n                : '/assets';\n            // Load components - Each component will load once the first of its type has been loaded\n            components.forEach((component) => {\n                if (component == 'notification') {\n                    document.querySelectorAll('[data-notification]').forEach((element) => {\n                        element.outerHTML = element.outerHTML\n                            .replace(/<div/g, '<iam-notification')\n                            .replace(/<\\/div>/g, '</iam-notification>');\n                    });\n                }\n                if (contentComponent.getElementsByTagName(`iam-${component}`).length === 0)\n                    return;\n                import(/* @vite-ignore */ `${assetLocation}/js/components/${component}/${component}.component.js`)\n                    .then((module) => {\n                    if (!window.customElements.get(`iam-${component}`))\n                        window.customElements.define(`iam-${component}`, module.default);\n                })\n                    .catch((err) => {\n                    console.log(err.message);\n                });\n            });\n        };\n        if (url) {\n            const newXHRRequest = new XMLHttpRequest();\n            newXHRRequest.open('GET', url, true);\n            newXHRRequest.onload = function () {\n                if (this.status === 200) {\n                    const response = JSON.parse(this.responseText);\n                    component.innerHTML = `${response.content.rendered}`;\n                    registerComponents(component);\n                }\n            };\n            newXHRRequest.send();\n        }\n    }\n}\nexport default iamContent;\n"],"names":["iamContent","template","component","url","registerComponents","contentComponent","components","assetLocation","element","module","err","newXHRRequest","response"],"mappings":";;;IAAA,MAAMA,UAAmB,WAAY,CACjC,aAAc,CACV,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EACZ,SAAS,KAAK,aAAa,sBAAsB,GACjE,SAAS,KAAK,aAAa,sBAAsB,EAGvD,MAAMC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAY;AAAA;AAAA;AAAA;AAAA;AAAA,MAIvB,KAAK,aAAa,KAAK,EAAI,YAAY,KAAK,aAAa,KAAK,CAAC,KAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,MAMtE,KAAK,WAAW,YAAYA,EAAS,QAAQ,UAAU,EAAI,CAAC,CAChE,CACA,mBAAoB,CAEhB,MAAMC,EAAY,KACZC,EAAM,KAAK,aAAa,UAAU,EAClCC,EAAsBC,GAAqB,CAC7C,MAAMC,EAAa,CAAC,OAAQ,YAAa,cAAc,EACjDC,EAAgB,SAAS,KAAK,aAAa,sBAAsB,EACjE,SAAS,KAAK,aAAa,sBAAsB,EACjD,UAEND,EAAW,QAASJ,GAAc,CAC1BA,GAAa,gBACb,SAAS,iBAAiB,qBAAqB,EAAE,QAASM,GAAY,CAClEA,EAAQ,UAAYA,EAAQ,UACvB,QAAQ,QAAS,mBAAmB,EACpC,QAAQ,WAAY,qBAAqB,CAClD,CAAC,EAEDH,EAAiB,qBAAqB,OAAOH,CAAS,EAAE,EAAE,SAAW,GAEzE,OAA0B,GAAGK,CAAa,kBAAkBL,CAAS,IAAIA,CAAS,iBAC7E,KAAMO,GAAW,CACb,OAAO,eAAe,IAAI,OAAOP,CAAS,EAAE,GAC7C,OAAO,eAAe,OAAO,OAAOA,CAAS,GAAIO,EAAO,OAAO,CACvE,CAAC,EACI,MAAOC,GAAQ,CAChB,QAAQ,IAAIA,EAAI,OAAO,CAC3B,CAAC,CACL,CAAC,CACL,EACA,GAAIP,EAAK,CACL,MAAMQ,EAAgB,IAAI,eAC1BA,EAAc,KAAK,MAAOR,EAAK,EAAI,EACnCQ,EAAc,OAAS,UAAY,CAC/B,GAAI,KAAK,SAAW,IAAK,CACrB,MAAMC,EAAW,KAAK,MAAM,KAAK,YAAY,EAC7CV,EAAU,UAAY,GAAGU,EAAS,QAAQ,QAAQ,GAClDR,EAAmBF,CAAS,CAChC,CACJ,EACAS,EAAc,KAAI,CACtB,CACJ,CACJ"}

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

@@ -13,10 +13,10 @@ class iamDarkMode extends HTMLElement {
             : '/assets';
         const loadCSS = `@import "${assetLocation}/css/components/darkmode.component.css";`;
         const template = document.createElement('template');
-        template.innerHTML = `
-    <style>${loadCSS}
-    </style>
-      <slot></slot>
+        template.innerHTML = `
+    <style>${loadCSS}
+    </style>
+      <slot></slot>
     `;
         (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(template.content.cloneNode(true));
     }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"darkmode.component.min.js","sources":["darkmode.component.js"],"sourcesContent":["window.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'Dark mode button',\n});\nclass iamDarkMode extends HTMLElement {\n    constructor() {\n        var _a;\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/darkmode.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\r\n    <style>${loadCSS}\r\n    </style>\r\n      <slot></slot>\r\n    `;\n        (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        const storedTheme = localStorage.getItem('user-theme');\n        const hasDarkPreference = window.matchMedia('(prefers-color-scheme: dark)').matches;\n        // Work from local storage first then look at the media preferences\n        this === null || this === void 0 ? void 0 : this.innerHTML = `<label class=\"toggle\"><input type=\"checkbox\" name=\"dark-mode\" /> <span style=\"all: unset!important;\">Light mode</span></label>`;\n        const label = this.querySelector('label');\n        const input = this.querySelector('input');\n        const span = this.querySelector('span');\n        const setDark = () => {\n            document.documentElement.classList.add('dark-theme');\n            document.documentElement.classList.remove('light-theme');\n            input.checked = true;\n            span === null || span === void 0 ? void 0 : span.innerHTML = `Dark mode`;\n            label === null || label === void 0 ? void 0 : label.classList.add('dark-theme');\n        };\n        const unsetDark = () => {\n            document.documentElement.classList.remove('dark-theme');\n            document.documentElement.classList.add('light-theme');\n            input.checked = false;\n            span === null || span === void 0 ? void 0 : span.innerHTML = `Light mode`;\n            label === null || label === void 0 ? void 0 : label.classList.remove('dark-theme');\n        };\n        if (storedTheme == 'light-theme') {\n            document.documentElement.classList.add('light-theme');\n        }\n        else if (storedTheme == 'dark-theme') {\n            setDark();\n        }\n        else if (hasDarkPreference) {\n            setDark();\n        }\n        input.addEventListener('change', () => {\n            if (input.checked) {\n                localStorage.setItem('user-theme', 'dark-theme');\n                setDark();\n            }\n            else {\n                localStorage.setItem('user-theme', 'light-theme');\n                unsetDark();\n            }\n            // Dispatch event so other toggles can then detect it\n            const customEvent = new CustomEvent('theme-change');\n            document.dispatchEvent(customEvent);\n        });\n        // Detect if the theme has been changed outside of this toggle; i.e. another toggle or via other javascript\n        document.addEventListener('theme-change', () => {\n            if (document.documentElement.classList.contains('dark-theme'))\n                setDark();\n            else\n                unsetDark();\n        });\n        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', ({ matches }) => {\n            if (matches)\n                setDark();\n            else\n                unsetDark();\n        });\n    }\n}\nexport default iamDarkMode;\n"],"names":["iamDarkMode","_a","template","storedTheme","hasDarkPreference","label","input","span","setDark","unsetDark","customEvent","matches"],"mappings":";;;IAAA,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,0BACP,QAAS,kBACb,CAAC,EACD,MAAMA,UAAoB,WAAY,CAClC,aAAc,CACV,IAAIC,EACJ,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EACZ,SAAS,KAAK,aAAa,sBAAsB,GACjE,SAAS,KAAK,aAAa,sBAAsB,EAGvD,MAAMC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAY;AAAA;AAAA;AAAA;AAAA;AAAA,OAKpBD,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,YAAYC,EAAS,QAAQ,UAAU,EAAI,CAAC,CAC/G,CACA,mBAAoB,CAChB,MAAMC,EAAc,aAAa,QAAQ,YAAY,EAC/CC,EAAoB,OAAO,WAAW,8BAA8B,EAAE,QAE5E,OAAS,MAAQ,OAAS,SAAkB,KAAK,UAAY,kIAC7D,MAAMC,EAAQ,KAAK,cAAc,OAAO,EAClCC,EAAQ,KAAK,cAAc,OAAO,EAClCC,EAAO,KAAK,cAAc,MAAM,EAChCC,EAAU,IAAM,CAClB,SAAS,gBAAgB,UAAU,IAAI,YAAY,EACnD,SAAS,gBAAgB,UAAU,OAAO,aAAa,EACvDF,EAAM,QAAU,GAChBC,GAAS,OAAmCA,EAAK,UAAY,aACfF,GAAM,UAAU,IAAI,YAAY,CAClF,EACMI,EAAY,IAAM,CACpB,SAAS,gBAAgB,UAAU,OAAO,YAAY,EACtD,SAAS,gBAAgB,UAAU,IAAI,aAAa,EACpDH,EAAM,QAAU,GAChBC,GAAS,OAAmCA,EAAK,UAAY,cACfF,GAAM,UAAU,OAAO,YAAY,CACrF,EACIF,GAAe,cACf,SAAS,gBAAgB,UAAU,IAAI,aAAa,GAE/CA,GAAe,cAGfC,IACLI,EAAO,EAEXF,EAAM,iBAAiB,SAAU,IAAM,CAC/BA,EAAM,SACN,aAAa,QAAQ,aAAc,YAAY,EAC/CE,EAAO,IAGP,aAAa,QAAQ,aAAc,aAAa,EAChDC,EAAS,GAGb,MAAMC,EAAc,IAAI,YAAY,cAAc,EAClD,SAAS,cAAcA,CAAW,CACtC,CAAC,EAED,SAAS,iBAAiB,eAAgB,IAAM,CACxC,SAAS,gBAAgB,UAAU,SAAS,YAAY,EACxDF,EAAO,EAEPC,EAAS,CACjB,CAAC,EACD,OAAO,WAAW,8BAA8B,EAAE,iBAAiB,SAAU,CAAC,CAAE,QAAAE,KAAc,CACtFA,EACAH,EAAO,EAEPC,EAAS,CACjB,CAAC,CACL,CACJ"}
+{"version":3,"file":"darkmode.component.min.js","sources":["darkmode.component.js"],"sourcesContent":["window.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'Dark mode button',\n});\nclass iamDarkMode extends HTMLElement {\n    constructor() {\n        var _a;\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/darkmode.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>${loadCSS}\n    </style>\n      <slot></slot>\n    `;\n        (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        const storedTheme = localStorage.getItem('user-theme');\n        const hasDarkPreference = window.matchMedia('(prefers-color-scheme: dark)').matches;\n        // Work from local storage first then look at the media preferences\n        this === null || this === void 0 ? void 0 : this.innerHTML = `<label class=\"toggle\"><input type=\"checkbox\" name=\"dark-mode\" /> <span style=\"all: unset!important;\">Light mode</span></label>`;\n        const label = this.querySelector('label');\n        const input = this.querySelector('input');\n        const span = this.querySelector('span');\n        const setDark = () => {\n            document.documentElement.classList.add('dark-theme');\n            document.documentElement.classList.remove('light-theme');\n            input.checked = true;\n            span === null || span === void 0 ? void 0 : span.innerHTML = `Dark mode`;\n            label === null || label === void 0 ? void 0 : label.classList.add('dark-theme');\n        };\n        const unsetDark = () => {\n            document.documentElement.classList.remove('dark-theme');\n            document.documentElement.classList.add('light-theme');\n            input.checked = false;\n            span === null || span === void 0 ? void 0 : span.innerHTML = `Light mode`;\n            label === null || label === void 0 ? void 0 : label.classList.remove('dark-theme');\n        };\n        if (storedTheme == 'light-theme') {\n            document.documentElement.classList.add('light-theme');\n        }\n        else if (storedTheme == 'dark-theme') {\n            setDark();\n        }\n        else if (hasDarkPreference) {\n            setDark();\n        }\n        input.addEventListener('change', () => {\n            if (input.checked) {\n                localStorage.setItem('user-theme', 'dark-theme');\n                setDark();\n            }\n            else {\n                localStorage.setItem('user-theme', 'light-theme');\n                unsetDark();\n            }\n            // Dispatch event so other toggles can then detect it\n            const customEvent = new CustomEvent('theme-change');\n            document.dispatchEvent(customEvent);\n        });\n        // Detect if the theme has been changed outside of this toggle; i.e. another toggle or via other javascript\n        document.addEventListener('theme-change', () => {\n            if (document.documentElement.classList.contains('dark-theme'))\n                setDark();\n            else\n                unsetDark();\n        });\n        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', ({ matches }) => {\n            if (matches)\n                setDark();\n            else\n                unsetDark();\n        });\n    }\n}\nexport default iamDarkMode;\n"],"names":["iamDarkMode","_a","template","storedTheme","hasDarkPreference","label","input","span","setDark","unsetDark","customEvent","matches"],"mappings":";;;IAAA,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,0BACP,QAAS,kBACb,CAAC,EACD,MAAMA,UAAoB,WAAY,CAClC,aAAc,CACV,IAAIC,EACJ,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EACZ,SAAS,KAAK,aAAa,sBAAsB,GACjE,SAAS,KAAK,aAAa,sBAAsB,EAGvD,MAAMC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAY;AAAA;AAAA;AAAA;AAAA;AAAA,OAKpBD,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,YAAYC,EAAS,QAAQ,UAAU,EAAI,CAAC,CAC/G,CACA,mBAAoB,CAChB,MAAMC,EAAc,aAAa,QAAQ,YAAY,EAC/CC,EAAoB,OAAO,WAAW,8BAA8B,EAAE,QAE5E,OAAS,MAAQ,OAAS,SAAkB,KAAK,UAAY,kIAC7D,MAAMC,EAAQ,KAAK,cAAc,OAAO,EAClCC,EAAQ,KAAK,cAAc,OAAO,EAClCC,EAAO,KAAK,cAAc,MAAM,EAChCC,EAAU,IAAM,CAClB,SAAS,gBAAgB,UAAU,IAAI,YAAY,EACnD,SAAS,gBAAgB,UAAU,OAAO,aAAa,EACvDF,EAAM,QAAU,GAChBC,GAAS,OAAmCA,EAAK,UAAY,aACfF,GAAM,UAAU,IAAI,YAAY,CAClF,EACMI,EAAY,IAAM,CACpB,SAAS,gBAAgB,UAAU,OAAO,YAAY,EACtD,SAAS,gBAAgB,UAAU,IAAI,aAAa,EACpDH,EAAM,QAAU,GAChBC,GAAS,OAAmCA,EAAK,UAAY,cACfF,GAAM,UAAU,OAAO,YAAY,CACrF,EACIF,GAAe,cACf,SAAS,gBAAgB,UAAU,IAAI,aAAa,GAE/CA,GAAe,cAGfC,IACLI,EAAO,EAEXF,EAAM,iBAAiB,SAAU,IAAM,CAC/BA,EAAM,SACN,aAAa,QAAQ,aAAc,YAAY,EAC/CE,EAAO,IAGP,aAAa,QAAQ,aAAc,aAAa,EAChDC,EAAS,GAGb,MAAMC,EAAc,IAAI,YAAY,cAAc,EAClD,SAAS,cAAcA,CAAW,CACtC,CAAC,EAED,SAAS,iBAAiB,eAAgB,IAAM,CACxC,SAAS,gBAAgB,UAAU,SAAS,YAAY,EACxDF,EAAO,EAEPC,EAAS,CACjB,CAAC,EACD,OAAO,WAAW,8BAA8B,EAAE,iBAAiB,SAAU,CAAC,CAAE,QAAAE,KAAc,CACtFA,EACAH,EAAO,EAEPC,EAAS,CACjB,CAAC,CACL,CACJ"}

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

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