@mozaic-ds/web-components 0.23.0 → 0.25.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/web-components",
-  "version": "0.23.0",
+  "version": "0.25.0",
   "description": "Web component Mozaic DS implementation",
   "license": "MIT",
   "engines": {
@@ -43,27 +43,27 @@
     "npm:publishBeta": "npm publish --tag beta --access public"
   },
   "dependencies": {
-    "@mozaic-ds/css-dev-tools": "1.65.0",
-    "@mozaic-ds/icons": "1.66.0",
-    "@mozaic-ds/styles": "1.67.0",
-    "@mozaic-ds/tokens": "1.67.0",
+    "@mozaic-ds/css-dev-tools": "1.70.0",
+    "@mozaic-ds/icons": "1.73.0",
+    "@mozaic-ds/styles": "1.73.0",
+    "@mozaic-ds/tokens": "1.72.0",
     "@mozaic-ds/web-fonts": "1.65.0",
-    "country-flag-icons": "^1.4.26",
-    "libphonenumber-js": "^1.9.38"
+    "country-flag-icons": "^1.5.10",
+    "libphonenumber-js": "^1.10.59"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.10",
-    "@babel/eslint-parser": "^7.18.2",
-    "@babel/eslint-plugin": "^7.17.7",
-    "@babel/preset-typescript": "^7.23.3",
-    "@commitlint/cli": "^18.6.0",
-    "@commitlint/config-conventional": "^12.1.1",
+    "@babel/core": "^7.24.4",
+    "@babel/eslint-parser": "^7.24.1",
+    "@babel/eslint-plugin": "^7.23.5",
+    "@babel/preset-typescript": "^7.24.1",
+    "@commitlint/cli": "^18.6.1",
+    "@commitlint/config-conventional": "^12.1.4",
     "@geometricpanda/storybook-addon-badges": "^2.0.1",
     "@release-it/conventional-changelog": "^8.0.1",
     "@rollup/plugin-commonjs": "^16.0.0",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^10.0.0",
-    "@rollup/plugin-typescript": "^8.2.1",
+    "@rollup/plugin-typescript": "^8.5.0",
     "@storybook/addon-a11y": "^7.6.10",
     "@storybook/addon-actions": "^7.6.10",
     "@storybook/addon-docs": "^7.6.10",
@@ -77,51 +77,51 @@
     "@storybook/html-webpack5": "^7.6.10",
     "@storybook/theming": "^7.6.10",
     "@tsconfig/svelte": "^2.0.1",
-    "@types/d3": "^7.1.0",
-    "@typescript-eslint/eslint-plugin": "^4.28.0",
-    "@typescript-eslint/parser": "^4.28.0",
+    "@types/d3": "^7.4.3",
+    "@typescript-eslint/eslint-plugin": "^4.33.0",
+    "@typescript-eslint/parser": "^4.33.0",
     "@whitespace/storybook-addon-html": "^5.1.1",
     "ajv": "6.12.6",
-    "babel-loader": "^8.2.2",
+    "babel-loader": "^8.3.0",
     "chromatic": "^6.3.3",
     "css-loader": "^5.2.7",
-    "d3": "^7.1.1",
-    "eslint": "^7.29.0",
+    "d3": "^7.9.0",
+    "eslint": "^7.32.0",
     "eslint-plugin-storybook": "^0.6.10",
-    "eslint-plugin-svelte3": "^3.2.0",
+    "eslint-plugin-svelte3": "^3.4.1",
     "husky": "^6.0.0",
-    "lint-staged": "^11.0.0",
+    "lint-staged": "^11.2.6",
     "mdx-mermaid": "^1.3.2",
-    "mermaid": "^10.1.0",
+    "mermaid": "^10.9.0",
     "npm-run-all": "^4.1.5",
-    "postcss": ">=7.0.36",
-    "postcss-load-config": "^3.0.1",
-    "prettier": "^2.3.1",
+    "postcss": "^8.4.38",
+    "postcss-load-config": "^3.1.4",
+    "prettier": "^2.8.8",
     "prettier-eslint": "^12.0.0",
     "prettier-eslint-cli": "^8.0.1",
-    "prettier-plugin-svelte": "^2.3.0",
+    "prettier-plugin-svelte": "^2.10.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "release-it": "^17.0.3",
-    "rollup": "^2.3.4",
-    "rollup-plugin-copy": "^3.4.0",
+    "release-it": "^17.1.1",
+    "rollup": "^2.79.1",
+    "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-copy-assets": "^2.0.3",
     "rollup-plugin-css-only": "^3.1.0",
-    "rollup-plugin-livereload": "^2.0.0",
-    "rollup-plugin-multi-input": "^1.3.1",
-    "rollup-plugin-svelte": "^7.0.0",
-    "rollup-plugin-terser": "^7.0.0",
-    "sass": "^1.35.1",
-    "sass-loader": "^10.2.0",
+    "rollup-plugin-livereload": "^2.0.5",
+    "rollup-plugin-multi-input": "^1.4.1",
+    "rollup-plugin-svelte": "^7.2.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "sass": "^1.74.1",
+    "sass-loader": "^10.5.2",
     "storybook": "^7.6.10",
     "style-loader": "^2.0.0",
-    "svelte": "^3.48.0",
-    "svelte-check": "^2.7.1",
-    "svelte-kit": "^1.0.0",
+    "svelte": "^3.59.2",
+    "svelte-check": "^2.10.3",
+    "svelte-kit": "^1.2.0",
     "svelte-loader": "^2.13.6",
-    "svelte-preprocess": "^4.7.3",
-    "ts-dedent": "^2.1.1",
-    "typescript": "^4.3.2"
+    "svelte-preprocess": "^4.10.7",
+    "ts-dedent": "^2.2.0",
+    "typescript": "^4.9.5"
   },
   "lint-staged": {
     "src/**/*.{js,ts,svelte}": [

package/public/DataTableUtilities-13ee8d4e.js

@@ -0,0 +1,2 @@
+const e=(e,l,t)=>{switch(e){case"Text":default:return l;case"CustomText":return(e=>{let l="";return e.map((e=>l+=`<div class="custom-text" ${e.style?`style="${e.style}"`:""}> ${e.text}</div>`)),l})(l);case"Number":return null!=(n=l)?`<span style="display: flex; justify-content: end;"> ${Number(n)} </span>`:"";case"Image":return`<img style="${(c=l).style||"width: 35px; height: 35px; margin-right: 8px;"}" src="${c.src||"/assets/no-picture.svg"}"/>`;case"Badge":return`<div class="mc-badge mc-badge--${(i=l).theme||"info"}">${i.content}</div>`;case"Link":return`<a class="mc-link" href=${(s=l).href} >${s.text}</a>`;case"FileFormat":return((e,l)=>`<div class="mc-tooltip mc-tooltip--top">\n      <span id="tooltipTop" class="mc-tooltip__content" role="tooltip">\n        ${e.documentNameTooltip}\n      </span>\n      <span class="mc-link" id=cell-file-${l} style="${e.style}"> ${e.documentName}</span>\n  </div>`)(l,t);case"LinkWithoutRedirect":return((e,l)=>`<a class="mc-link" id=cell-link-${l} href=${e.href} onclick="return false;">${e.text}</a>`)(l,t);case"ProgressBar":return!0===l.branded?(d=l).labelOnLeft?`<div style="float: left;"><span>${d.value}%</span></div> \n  <div style="margin-top: 0.4em;margin-left: 2.7em;"><m-progressbar value=${d.value} size='m' branded=${d.branded}></m-progressbar></div>`:`<m-progressbar value=${d.value} displaypercentage=${d.displaypercentage} size='${d.size}' branded=${d.branded}></m-progressbar>`:(e=>e.labelOnLeft?`<div style="float: left;"><span>${e.value}%</span></div> \n    <div style="margin-top: 0.4em;margin-left: 2.7em;"><m-progressbar value=${e.value} size='m'></m-progressbar></div>`:`<m-progressbar value=${e.value} displaypercentage=${e.displaypercentage} size='${e.size}'></m-progressbar>`)(l);case"Button":return((e,l)=>{let t=`<m-button\n  id=cell-button-${l}\n  label="${e.label}"\n  theme=${e.theme}\n  iconname=${e.iconname}\n  iconmode=${e.iconmode}\n  size=${e.size} `;return e.bordered&&(t+=`bordered=${e.bordered} `),e.disabled&&(t+=`disabled=${e.disabled}`),t+="></m-button>",t})(l,t);case"InputText":return((e,l)=>{const t=document.createElement("m-textinput");return t.setAttribute("id",`cell-input-${l}`),t.setAttribute("size","s"),t.setAttribute("placeholder",`${e.placeholder}`),t.setAttribute("type",e.type?`${e.type}`:"text"),t.setAttribute("value",e.value?`${e.value}`:""),e.min&&t.setAttribute("min",`${e.min}`),e.max&&t.setAttribute("max",`${e.max}`),e.rightalign&&t.setAttribute("rightalign",`${e.rightalign}`),e.isvalid&&t.setAttribute("isvalid",`${e.isvalid}`),e.isinvalid&&t.setAttribute("isinvalid",`${e.isinvalid}`),e.disabled&&t.setAttribute("disabled",`${e.disabled}`),t.outerHTML})(l,t)}var d,s,i,c,n},l=(l,t)=>{const d=null==t?void 0:t.cells[l.id];return d||0===Number(d)?e(l.cellsFormat,d,t.id):""},t=(e,l)=>{const t=`data-${e||""}`;return e?{[t]:l}:{}},d=e=>e.filter((e=>!e.disableSelection)).filter((e=>!0===e.selected)).length===e.filter((e=>!e.disableSelection)).length&&e.filter((e=>!e.disableSelection)).length>0,s=e=>{let l=!1;return e.forEach((e=>{"subRow"in e&&(l=!0)})),l},i=e=>{let l;switch(e){case"na":l="desc";break;case"desc":default:l="asc";break;case"asc":l="na"}return l},c=(e,l,t,d)=>{let s;switch(t){default:case"Text":"asc"===d?s=(e,t)=>e.cells[l]>t.cells[l]?1:-1:"desc"===d&&(s=(e,t)=>e.cells[l]>t.cells[l]?-1:1);break;case"Badge":"asc"===d?s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.content)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.content)||"0")?1:-1}:"desc"===d&&(s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.content)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.content)||"0")?-1:1});break;case"Link":"asc"===d?s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.text)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.text)||"0")?1:-1}:"desc"===d&&(s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.text)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.text)||"0")?-1:1});break;case"CustomText":"asc"===d?s=(e,t)=>(e.cells[l][0].text||"0")>(t.cells[l][0].text||"0")?1:-1:"desc"===d&&(s=(e,t)=>(e.cells[l][0].text||"0")>(t.cells[l][0].text||"0")?-1:1)}return e.sort(s)},n=(e,l,t)=>{if(e<=10||t)return Array.from({length:e},((e,l)=>l+1));{const t=[1,2,3];t.includes(l-1)||l-1==0||t.push(l-1),t.includes(l)||t.push(l),t.includes(l+1)||l==e||t.push(l+1),t.push(e-2,e-1,e);const d=[...new Set(t)];return d.sort(((e,l)=>e-l)),d}},a=(e,l,t)=>(t&&null!=l&&(l.allSelected?e.selected?(l.excludedIdsFromSelection=[...l.excludedIdsFromSelection,e.id],l.excludedIdsFromSelection.length===l.totalItems&&(l.excludedIdsFromSelection=[],l.allSelected=!1)):l.excludedIdsFromSelection=[...l.excludedIdsFromSelection.filter((l=>l!==e.id))]:e.selected?l.idsSelected=[...l.idsSelected.filter((l=>l!==e.id))]:(l.idsSelected=[...l.idsSelected,e.id],l.idsSelected.length===l.totalItems&&(l.idsSelected=[],l.allSelected=!0))),l),r=(e,l,t,d,s)=>(t&&null!=l&&((null==l?void 0:l.allSelected)?d?(e.filter((e=>!e.disableSelection)).filter((e=>!((null==l?void 0:l.idsSelected)||[]).includes(e.id))).forEach((e=>{null!=l&&(l.idsSelected=[...l.idsSelected,e.id])})),e.filter((e=>!e.disableSelection)).forEach((e=>{if(null!=l){const t=l.excludedIdsFromSelection.indexOf(e.id,0);t>-1&&(l.excludedIdsFromSelection.splice(t,1),l.excludedIdsFromSelection=[...l.excludedIdsFromSelection])}})),l.idsSelected.length===l.totalItems&&(l.allSelected=!0,l.idsSelected=[])):(l.excludedIdsFromSelection=[...l.excludedIdsFromSelection,...e.filter((e=>!e.disableSelection)).map((e=>e.id))],l.excludedIdsFromSelection.length===l.totalItems&&(l.allSelected=!1,l.idsSelected=[],l.excludedIdsFromSelection=[])):s?(e.filter((e=>!e.disableSelection)).filter((e=>!((null==l?void 0:l.idsSelected)||[]).includes(e.id))).forEach((e=>{null!=l&&(l.idsSelected=[...l.idsSelected,e.id])})),l.idsSelected.length===l.totalItems&&(l.allSelected=!0,l.idsSelected=[])):e.filter((e=>!e.disableSelection)).forEach((e=>{null!=l&&(l.idsSelected=[...l.idsSelected.filter((l=>l!==e.id))])}))),l),o=e=>(null!=e&&(e.excludedIdsFromSelection=[],e.idsSelected=[],e.allSelected=!1),e),u=e=>(null!=e&&(e.excludedIdsFromSelection=[],e.idsSelected=[],e.allSelected=!0),e),m=(e,l,t)=>null!=l&&null!=t&&!(!l.allSelected&&e.filter((e=>!e.disableSelection)).map((e=>e.id)).every((e=>((null==l?void 0:l.idsSelected)||[]).includes(e)))||!l.allSelected&&0===l.idsSelected.length||l.allSelected&&!e.map((e=>e.id)).some((e=>((null==l?void 0:l.excludedIdsFromSelection)||[]).includes(e)))||l.allSelected&&0===l.excludedIdsFromSelection.length);var S;!function(e){e.ENTER="Enter"}(S||(S={}));export{d as a,r as b,s as c,o as d,t as e,l as f,i as g,a as h,m as i,n as j,S as k,c as o,u as s};
+//# sourceMappingURL=DataTableUtilities-13ee8d4e.js.map

package/public/DataTableUtilities-13ee8d4e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableUtilities-13ee8d4e.js","sources":["../src/utilities/DataTableUtilities.ts"],"sourcesContent":[null],"names":["getFormattedCell","headerFormat","cellValue","id","customText","customTextHtml","map","item","style","text","customTextFormatter","number","Number","image","src","badge","theme","content","link","href","file","documentNameTooltip","documentName","fileFormatter","linkWithoutRedirectFormatter","branded","progressBar","labelOnLeft","value","displaypercentage","size","progressBarFormatter","button","buttonText","label","iconname","iconmode","bordered","disabled","buttonFormatterBranded","input","myInput","document","createElement","setAttribute","placeholder","type","min","max","rightalign","isvalid","isinvalid","outerHTML","inputFormatter","getCellContent","headData","bodyData","cells","cellsFormat","getDataAttribute","attributeSuffix","key","areAllItemsSelected","items","filter","disableSelection","selected","length","checkSubRow","result","forEach","getSortDirection","initialSortDirection","sortDirection","onePageSort","columnId","compareFunction","a","b","_a","_b","sort","getPageSelectOptionsArray","totalPages","currentPage","showAllPages","Array","from","_","i","pagesArray","includes","push","optionsArray","Set","handleCountItemSelection","selectionParams","showSelectionCount","allSelected","excludedIdsFromSelection","totalItems","itemDeselected","idsSelected","idSelected","handleCountAllSelection","indeterminate","allItems","undefined","index","indexOf","splice","clearSelection","selectAll","isHeaderSelectCheckboxIndeterminate","every","some","keyboardsKeys"],"mappings":"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"}

package/public/adeo/DataTableUtilities-13ee8d4e.js

@@ -0,0 +1,2 @@
+const e=(e,l,t)=>{switch(e){case"Text":default:return l;case"CustomText":return(e=>{let l="";return e.map((e=>l+=`<div class="custom-text" ${e.style?`style="${e.style}"`:""}> ${e.text}</div>`)),l})(l);case"Number":return null!=(n=l)?`<span style="display: flex; justify-content: end;"> ${Number(n)} </span>`:"";case"Image":return`<img style="${(c=l).style||"width: 35px; height: 35px; margin-right: 8px;"}" src="${c.src||"/assets/no-picture.svg"}"/>`;case"Badge":return`<div class="mc-badge mc-badge--${(i=l).theme||"info"}">${i.content}</div>`;case"Link":return`<a class="mc-link" href=${(s=l).href} >${s.text}</a>`;case"FileFormat":return((e,l)=>`<div class="mc-tooltip mc-tooltip--top">\n      <span id="tooltipTop" class="mc-tooltip__content" role="tooltip">\n        ${e.documentNameTooltip}\n      </span>\n      <span class="mc-link" id=cell-file-${l} style="${e.style}"> ${e.documentName}</span>\n  </div>`)(l,t);case"LinkWithoutRedirect":return((e,l)=>`<a class="mc-link" id=cell-link-${l} href=${e.href} onclick="return false;">${e.text}</a>`)(l,t);case"ProgressBar":return!0===l.branded?(d=l).labelOnLeft?`<div style="float: left;"><span>${d.value}%</span></div> \n  <div style="margin-top: 0.4em;margin-left: 2.7em;"><m-progressbar value=${d.value} size='m' branded=${d.branded}></m-progressbar></div>`:`<m-progressbar value=${d.value} displaypercentage=${d.displaypercentage} size='${d.size}' branded=${d.branded}></m-progressbar>`:(e=>e.labelOnLeft?`<div style="float: left;"><span>${e.value}%</span></div> \n    <div style="margin-top: 0.4em;margin-left: 2.7em;"><m-progressbar value=${e.value} size='m'></m-progressbar></div>`:`<m-progressbar value=${e.value} displaypercentage=${e.displaypercentage} size='${e.size}'></m-progressbar>`)(l);case"Button":return((e,l)=>{let t=`<m-button\n  id=cell-button-${l}\n  label="${e.label}"\n  theme=${e.theme}\n  iconname=${e.iconname}\n  iconmode=${e.iconmode}\n  size=${e.size} `;return e.bordered&&(t+=`bordered=${e.bordered} `),e.disabled&&(t+=`disabled=${e.disabled}`),t+="></m-button>",t})(l,t);case"InputText":return((e,l)=>{const t=document.createElement("m-textinput");return t.setAttribute("id",`cell-input-${l}`),t.setAttribute("size","s"),t.setAttribute("placeholder",`${e.placeholder}`),t.setAttribute("type",e.type?`${e.type}`:"text"),t.setAttribute("value",e.value?`${e.value}`:""),e.min&&t.setAttribute("min",`${e.min}`),e.max&&t.setAttribute("max",`${e.max}`),e.rightalign&&t.setAttribute("rightalign",`${e.rightalign}`),e.isvalid&&t.setAttribute("isvalid",`${e.isvalid}`),e.isinvalid&&t.setAttribute("isinvalid",`${e.isinvalid}`),e.disabled&&t.setAttribute("disabled",`${e.disabled}`),t.outerHTML})(l,t)}var d,s,i,c,n},l=(l,t)=>{const d=null==t?void 0:t.cells[l.id];return d||0===Number(d)?e(l.cellsFormat,d,t.id):""},t=(e,l)=>{const t=`data-${e||""}`;return e?{[t]:l}:{}},d=e=>e.filter((e=>!e.disableSelection)).filter((e=>!0===e.selected)).length===e.filter((e=>!e.disableSelection)).length&&e.filter((e=>!e.disableSelection)).length>0,s=e=>{let l=!1;return e.forEach((e=>{"subRow"in e&&(l=!0)})),l},i=e=>{let l;switch(e){case"na":l="desc";break;case"desc":default:l="asc";break;case"asc":l="na"}return l},c=(e,l,t,d)=>{let s;switch(t){default:case"Text":"asc"===d?s=(e,t)=>e.cells[l]>t.cells[l]?1:-1:"desc"===d&&(s=(e,t)=>e.cells[l]>t.cells[l]?-1:1);break;case"Badge":"asc"===d?s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.content)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.content)||"0")?1:-1}:"desc"===d&&(s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.content)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.content)||"0")?-1:1});break;case"Link":"asc"===d?s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.text)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.text)||"0")?1:-1}:"desc"===d&&(s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.text)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.text)||"0")?-1:1});break;case"CustomText":"asc"===d?s=(e,t)=>(e.cells[l][0].text||"0")>(t.cells[l][0].text||"0")?1:-1:"desc"===d&&(s=(e,t)=>(e.cells[l][0].text||"0")>(t.cells[l][0].text||"0")?-1:1)}return e.sort(s)},n=(e,l,t)=>{if(e<=10||t)return Array.from({length:e},((e,l)=>l+1));{const t=[1,2,3];t.includes(l-1)||l-1==0||t.push(l-1),t.includes(l)||t.push(l),t.includes(l+1)||l==e||t.push(l+1),t.push(e-2,e-1,e);const d=[...new Set(t)];return d.sort(((e,l)=>e-l)),d}},a=(e,l,t)=>(t&&null!=l&&(l.allSelected?e.selected?(l.excludedIdsFromSelection=[...l.excludedIdsFromSelection,e.id],l.excludedIdsFromSelection.length===l.totalItems&&(l.excludedIdsFromSelection=[],l.allSelected=!1)):l.excludedIdsFromSelection=[...l.excludedIdsFromSelection.filter((l=>l!==e.id))]:e.selected?l.idsSelected=[...l.idsSelected.filter((l=>l!==e.id))]:(l.idsSelected=[...l.idsSelected,e.id],l.idsSelected.length===l.totalItems&&(l.idsSelected=[],l.allSelected=!0))),l),r=(e,l,t,d,s)=>(t&&null!=l&&((null==l?void 0:l.allSelected)?d?(e.filter((e=>!e.disableSelection)).filter((e=>!((null==l?void 0:l.idsSelected)||[]).includes(e.id))).forEach((e=>{null!=l&&(l.idsSelected=[...l.idsSelected,e.id])})),e.filter((e=>!e.disableSelection)).forEach((e=>{if(null!=l){const t=l.excludedIdsFromSelection.indexOf(e.id,0);t>-1&&(l.excludedIdsFromSelection.splice(t,1),l.excludedIdsFromSelection=[...l.excludedIdsFromSelection])}})),l.idsSelected.length===l.totalItems&&(l.allSelected=!0,l.idsSelected=[])):(l.excludedIdsFromSelection=[...l.excludedIdsFromSelection,...e.filter((e=>!e.disableSelection)).map((e=>e.id))],l.excludedIdsFromSelection.length===l.totalItems&&(l.allSelected=!1,l.idsSelected=[],l.excludedIdsFromSelection=[])):s?(e.filter((e=>!e.disableSelection)).filter((e=>!((null==l?void 0:l.idsSelected)||[]).includes(e.id))).forEach((e=>{null!=l&&(l.idsSelected=[...l.idsSelected,e.id])})),l.idsSelected.length===l.totalItems&&(l.allSelected=!0,l.idsSelected=[])):e.filter((e=>!e.disableSelection)).forEach((e=>{null!=l&&(l.idsSelected=[...l.idsSelected.filter((l=>l!==e.id))])}))),l),o=e=>(null!=e&&(e.excludedIdsFromSelection=[],e.idsSelected=[],e.allSelected=!1),e),u=e=>(null!=e&&(e.excludedIdsFromSelection=[],e.idsSelected=[],e.allSelected=!0),e),m=(e,l,t)=>null!=l&&null!=t&&!(!l.allSelected&&e.filter((e=>!e.disableSelection)).map((e=>e.id)).every((e=>((null==l?void 0:l.idsSelected)||[]).includes(e)))||!l.allSelected&&0===l.idsSelected.length||l.allSelected&&!e.map((e=>e.id)).some((e=>((null==l?void 0:l.excludedIdsFromSelection)||[]).includes(e)))||l.allSelected&&0===l.excludedIdsFromSelection.length);var S;!function(e){e.ENTER="Enter"}(S||(S={}));export{d as a,r as b,s as c,o as d,t as e,l as f,i as g,a as h,m as i,n as j,S as k,c as o,u as s};
+//# sourceMappingURL=DataTableUtilities-13ee8d4e.js.map

package/public/adeo/DataTableUtilities-13ee8d4e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableUtilities-13ee8d4e.js","sources":["../../../src/utilities/DataTableUtilities.ts"],"sourcesContent":[null],"names":["getFormattedCell","headerFormat","cellValue","id","customText","customTextHtml","map","item","style","text","customTextFormatter","number","Number","image","src","badge","theme","content","link","href","file","documentNameTooltip","documentName","fileFormatter","linkWithoutRedirectFormatter","branded","progressBar","labelOnLeft","value","displaypercentage","size","progressBarFormatter","button","buttonText","label","iconname","iconmode","bordered","disabled","buttonFormatterBranded","input","myInput","document","createElement","setAttribute","placeholder","type","min","max","rightalign","isvalid","isinvalid","outerHTML","inputFormatter","getCellContent","headData","bodyData","cells","cellsFormat","getDataAttribute","attributeSuffix","key","areAllItemsSelected","items","filter","disableSelection","selected","length","checkSubRow","result","forEach","getSortDirection","initialSortDirection","sortDirection","onePageSort","columnId","compareFunction","a","b","_a","_b","sort","getPageSelectOptionsArray","totalPages","currentPage","showAllPages","Array","from","_","i","pagesArray","includes","push","optionsArray","Set","handleCountItemSelection","selectionParams","showSelectionCount","allSelected","excludedIdsFromSelection","totalItems","itemDeselected","idsSelected","idSelected","handleCountAllSelection","indeterminate","allItems","undefined","index","indexOf","splice","clearSelection","selectAll","isHeaderSelectCheckboxIndeterminate","every","some","keyboardsKeys"],"mappings":"AAkBA,MAiGMA,EAAmB,CACvBC,EACAC,EACAC,KAEA,OAAQF,GACN,IAAK,OAyBL,QACE,OAAOC,EAxBT,IAAK,aACH,MA1GsB,CAACE,IAC3B,IAAIC,EAAiB,GAOrB,OANAD,EAAWE,KACRC,GACEF,GAAkB,4BACjBE,EAAKC,MAAQ,UAAUD,EAAKC,SAAW,OACpCD,EAAKE,eAEPJ,CAAc,EAkGVK,CAAoBR,GAC7B,IAAK,SACH,OAjGGS,OADsBA,EAkGIT,GAhG7B,uDAAuDU,OACrDD,aAEF,GA8FF,IAAK,QACH,MA5FJ,gBADsBE,EA6FIX,GA3FlBM,OAAS,yDACPK,EAAMC,KAAO,8BA2FrB,IAAK,QACH,MA1FJ,mCADsBC,EA2FIb,GA1Fcc,OAAS,WAC/CD,EAAME,gBA0FN,IAAK,OACH,MAxFJ,4BADqBC,EAyFIhB,GAxFOiB,SAASD,EAAKT,WAyF5C,IAAK,aACH,MAxFgB,EAACW,EAAkBjB,IACvC,8HAEQiB,EAAKC,gFAE4BlB,YAAaiB,EAAKZ,WAAWY,EAAKE,gCAmFhEC,CAAcrB,EAAyBC,GAChD,IAAK,sBACH,MAnF+B,EAACe,EAAYf,IAChD,mCAAmCA,UAAWe,EAAKC,gCAAgCD,EAAKT,WAkF7Ee,CAA6BtB,EAAmBC,GACzD,IAAK,cACH,OAA2C,IAAtCD,EAA0BuB,SA5EAC,EA6EMxB,GA5EzByB,YACP,mCAAmCD,EAAYE,mGACkBF,EAAYE,0BAA0BF,EAAYD,iCAErH,wBAAwBC,EAAYE,2BAA2BF,EAAYG,2BAA2BH,EAAYI,iBAAiBJ,EAAYD,2BAZ3H,CAACC,GACxBA,EAAYC,YACP,mCAAmCD,EAAYE,qGACoBF,EAAYE,wCAEjF,wBAAwBF,EAAYE,2BAA2BF,EAAYG,2BAA2BH,EAAYI,yBAiF9GC,CAAqB7B,GAC9B,IAAK,SACH,MA1EyB,EAAC8B,EAAgB7B,KAC9C,IAAI8B,EAAa,+BACA9B,eACR6B,EAAOE,mBACRF,EAAOhB,qBACJgB,EAAOG,wBACPH,EAAOI,oBACXJ,EAAOF,QAQd,OAPIE,EAAOK,WACTJ,GAAc,YAAYD,EAAOK,aAE/BL,EAAOM,WACTL,GAAc,YAAYD,EAAOM,YAEnCL,GAAc,eACPA,CAAU,EA2DNM,CAAuBrC,EAAqBC,GACrD,IAAK,YACH,MA1DiB,EAACqC,EAAkBrC,KACxC,MAAMsC,EAAUC,SAASC,cAAc,eAwBvC,OAvBAF,EAAQG,aAAa,KAAM,cAAczC,KACzCsC,EAAQG,aAAa,OAAQ,KAC7BH,EAAQG,aAAa,cAAe,GAAGJ,EAAMK,eAC7CJ,EAAQG,aAAa,OAAQJ,EAAMM,KAAO,GAAGN,EAAMM,OAAS,QAC5DL,EAAQG,aAAa,QAASJ,EAAMZ,MAAQ,GAAGY,EAAMZ,QAAU,IAC3DY,EAAMO,KACRN,EAAQG,aAAa,MAAO,GAAGJ,EAAMO,OAEnCP,EAAMQ,KACRP,EAAQG,aAAa,MAAO,GAAGJ,EAAMQ,OAEnCR,EAAMS,YACRR,EAAQG,aAAa,aAAc,GAAGJ,EAAMS,cAE1CT,EAAMU,SACRT,EAAQG,aAAa,UAAW,GAAGJ,EAAMU,WAEvCV,EAAMW,WACRV,EAAQG,aAAa,YAAa,GAAGJ,EAAMW,aAEzCX,EAAMF,UACRG,EAAQG,aAAa,WAAY,GAAGJ,EAAMF,YAErCG,EAAQW,SAAS,EAiCbC,CAAenD,EAAwBC,GAnFhB,IAACuB,EAnBdR,EAJCH,EAJAF,EAPOF,CAwH5B,EAEU2C,EAAiB,CAC5BC,EACAC,KAEA,MAAMtD,EAAYsD,aAAA,EAAAA,EAAUC,MAAMF,EAASpD,IAE3C,OAAOD,GAAmC,IAAtBU,OAAOV,GACvBF,EAAiBuD,EAASG,YAAaxD,EAAWsD,EAASrD,IAC3D,EAAE,EAGKwD,EAAmB,CAC9BC,EACAhC,KAEA,MAAMiC,EAAM,QAAQD,GAAoC,KACxD,OAAOA,EACH,CACEC,CAACA,GAAMjC,GAET,EAAE,EAEKkC,EAAuBC,GACZA,EACnBC,QAAQzD,IAAUA,EAAK0D,mBACvBD,QAAQzD,IAA2B,IAAlBA,EAAK2D,WAETC,SACZJ,EAAMC,QAAQzD,IAAUA,EAAK0D,mBAAkBE,QACjDJ,EAAMC,QAAQzD,IAAUA,EAAK0D,mBAAkBE,OAAS,EAG/CC,EAAeL,IAC1B,IAAIM,GAAS,EAMb,OALAN,EAAMO,SAAS/D,IACT,WAAYA,IACd8D,GAAS,EACV,IAEIA,CAAM,EAGFE,EACXC,IAEA,IAAIC,EACJ,OAAQD,GACN,IAAK,KACHC,EAAgB,OAChB,MACF,IAAK,OACL,QACEA,EAAgB,MAChB,MACF,IAAK,MACHA,EAAgB,KAGpB,OAAOA,CAAa,EAGTC,EAAc,CACzBX,EACAY,EACAjB,EACAe,KAEA,IAAIG,EAEJ,OAAQlB,GACN,QACA,IAAK,OACmB,QAAlBe,EACFG,EAAkB,CAACC,EAAaC,IAC9BD,EAAEpB,MAAMkB,GAAYG,EAAErB,MAAMkB,GAAY,GAAK,EACpB,SAAlBF,IACTG,EAAkB,CAACC,EAAaC,IAC9BD,EAAEpB,MAAMkB,GAAYG,EAAErB,MAAMkB,IAAa,EAAI,GAEjD,MACF,IAAK,QACmB,QAAlBF,EACFG,EAAkB,CAACC,EAAaC,aAC9B,QAA6B,QAA3BC,EAAAF,EAAEpB,MAAMkB,UAAmB,IAAAI,OAAA,EAAAA,EAAE9D,UAAW,OACX,QAA9B+D,EAACF,EAAErB,MAAMkB,UAAqB,IAAAK,OAAA,EAAAA,EAAA/D,UAAW,KACtC,GACC,CAAC,EACmB,SAAlBwD,IACTG,EAAkB,CAACC,EAAaC,aAC9B,QAA6B,QAA3BC,EAAAF,EAAEpB,MAAMkB,UAAmB,IAAAI,OAAA,EAAAA,EAAE9D,UAAW,OACX,QAA9B+D,EAACF,EAAErB,MAAMkB,UAAqB,IAAAK,OAAA,EAAAA,EAAA/D,UAAW,MACrC,EACD,CAAC,GAET,MACF,IAAK,OACmB,QAAlBwD,EACFG,EAAkB,CAACC,EAAaC,aAC9B,QAA4B,QAA1BC,EAAAF,EAAEpB,MAAMkB,UAAkB,IAAAI,OAAA,EAAAA,EAAEtE,OAAQ,OACR,QAA7BuE,EAACF,EAAErB,MAAMkB,UAAoB,IAAAK,OAAA,EAAAA,EAAAvE,OAAQ,KAClC,GACC,CAAC,EACmB,SAAlBgE,IACTG,EAAkB,CAACC,EAAaC,aAC9B,QAA4B,QAA1BC,EAAAF,EAAEpB,MAAMkB,UAAkB,IAAAI,OAAA,EAAAA,EAAEtE,OAAQ,OACR,QAA7BuE,EAACF,EAAErB,MAAMkB,UAAoB,IAAAK,OAAA,EAAAA,EAAAvE,OAAQ,MACjC,EACD,CAAC,GAET,MACF,IAAK,aACmB,QAAlBgE,EACFG,EAAkB,CAACC,EAAaC,KAC5BD,EAAEpB,MAAMkB,GAAyB,GAAGlE,MAAQ,MAC5CqE,EAAErB,MAAMkB,GAAyB,GAAGlE,MAAQ,KAC1C,GACC,EACoB,SAAlBgE,IACTG,EAAkB,CAACC,EAAaC,KAC5BD,EAAEpB,MAAMkB,GAAyB,GAAGlE,MAAQ,MAC5CqE,EAAErB,MAAMkB,GAAyB,GAAGlE,MAAQ,MACzC,EACD,GAKZ,OADoBsD,EAAMkB,KAAKL,EACb,EAGPM,EAA4B,CACvCC,EACAC,EACAC,KAEA,GAAIF,GAAc,IAAME,EACtB,OAAOC,MAAMC,KAAK,CAAEpB,OAAQgB,IAAc,CAACK,EAAGC,IAAMA,EAAI,IACnD,CACL,MAAMC,EAAa,CAAC,EAAG,EAAG,GACrBA,EAAWC,SAASP,EAAc,IAAMA,EAAc,GAAK,GAC9DM,EAAWE,KAAKR,EAAc,GAE3BM,EAAWC,SAASP,IACvBM,EAAWE,KAAKR,GAEbM,EAAWC,SAASP,EAAc,IAAMA,GAAeD,GAC1DO,EAAWE,KAAKR,EAAc,GAEhCM,EAAWE,KAAKT,EAAa,EAAGA,EAAa,EAAGA,GAChD,MAAMU,EAAe,IAAI,IAAIC,IAAIJ,IAEjC,OADAG,EAAaZ,MAAK,CAACJ,EAAWC,IAAsBD,EAAIC,IACjDe,CACR,GAGUE,EAA2B,CACtCxF,EACAyF,EACAC,KAEIA,GAAyC,MAAnBD,IACpBA,EAAgBE,YACb3F,EAAK2D,UASR8B,EAAgBG,yBAA2B,IACtCH,EAAgBG,yBACnB5F,EAAKJ,IAGL6F,EAAgBG,yBAAyBhC,SACzC6B,EAAgBI,aAEhBJ,EAAgBG,yBAA2B,GAC3CH,EAAgBE,aAAc,IAjBhCF,EAAgBG,yBAA2B,IACtCH,EAAgBG,yBAAyBnC,QACzCqC,GACQA,IAAmB9F,EAAKJ,MAkBlCI,EAAK2D,SAOR8B,EAAgBM,YAAc,IACzBN,EAAgBM,YAAYtC,QAAQuC,GAC9BA,IAAehG,EAAKJ,OAR/B6F,EAAgBM,YAAc,IAAIN,EAAgBM,YAAa/F,EAAKJ,IAChE6F,EAAgBM,YAAYnC,SAAW6B,EAAgBI,aACzDJ,EAAgBM,YAAc,GAC9BN,EAAgBE,aAAc,KAW/BF,GAGIQ,EAA0B,CACrCzC,EACAiC,EACAC,EACAQ,EACAC,KAEIT,GAAyCU,MAAnBX,KACpBA,eAAAA,EAAiBE,aACfO,GACF1C,EACGC,QAAQzD,IAAUA,EAAK0D,mBACvBD,QACEzD,MAAWyF,aAAe,EAAfA,EAAiBM,cAAe,IAAIX,SAASpF,EAAKJ,MAE/DmE,SAAS/D,IACeoG,MAAnBX,IACFA,EAAgBM,YAAc,IACzBN,EAAgBM,YACnB/F,EAAKJ,IAER,IAEL4D,EACGC,QAAQzD,IAAUA,EAAK0D,mBACvBK,SAAS/D,IACR,GAAuBoG,MAAnBX,EAA8B,CAChC,MAAMY,EAAQZ,EAAgBG,yBAAyBU,QACrDtG,EAAKJ,GACL,GAEEyG,GAAS,IACXZ,EAAgBG,yBAAyBW,OAAOF,EAAO,GACvDZ,EAAgBG,yBAA2B,IACtCH,EAAgBG,0BAGxB,KAEDH,EAAgBM,YAAYnC,SAAW6B,EAAgBI,aACzDJ,EAAgBE,aAAc,EAC9BF,EAAgBM,YAAc,MAGhCN,EAAgBG,yBAA2B,IACtCH,EAAgBG,4BAChBpC,EACAC,QAAQzD,IAAUA,EAAK0D,mBACvB3D,KAAKC,GAASA,EAAKJ,MAGtB6F,EAAgBG,yBAAyBhC,SACzC6B,EAAgBI,aAEhBJ,EAAgBE,aAAc,EAC9BF,EAAgBM,YAAc,GAC9BN,EAAgBG,yBAA2B,KAI3CO,GACF3C,EACGC,QAAQzD,IAAUA,EAAK0D,mBACvBD,QACEzD,MAAWyF,aAAe,EAAfA,EAAiBM,cAAe,IAAIX,SAASpF,EAAKJ,MAE/DmE,SAAS/D,IACeoG,MAAnBX,IACFA,EAAgBM,YAAc,IACzBN,EAAgBM,YACnB/F,EAAKJ,IAER,IAED6F,EAAgBM,YAAYnC,SAAW6B,EAAgBI,aACzDJ,EAAgBE,aAAc,EAC9BF,EAAgBM,YAAc,KAGhCvC,EACGC,QAAQzD,IAAUA,EAAK0D,mBACvBK,SAAS/D,IACeoG,MAAnBX,IACFA,EAAgBM,YAAc,IACzBN,EAAgBM,YAAYtC,QAAQuC,GAC9BA,IAAehG,EAAKJ,MAGhC,KAKJ6F,GAGIe,EACXf,IAEuBW,MAAnBX,IACFA,EAAgBG,yBAA2B,GAC3CH,EAAgBM,YAAc,GAC9BN,EAAgBE,aAAc,GAEzBF,GAGIgB,EACXhB,IAEuBW,MAAnBX,IACFA,EAAgBG,yBAA2B,GAC3CH,EAAgBM,YAAc,GAC9BN,EAAgBE,aAAc,GAEzBF,GAGIiB,EAAsC,CACjDlD,EACAiC,EACAS,IAEuBE,MAAnBX,GAAiDW,MAAjBF,MAE9BT,EAAgBE,aAChBnC,EACGC,QAAQzD,IAAUA,EAAK0D,mBACvB3D,KAAKC,GACGA,EAAKJ,KAEb+G,OAAO3G,KACLyF,aAAe,EAAfA,EAAiBM,cAAe,IAAIX,SAASpF,OAElDyF,EAAgBE,aACuB,IAAvCF,EAAgBM,YAAYnC,QAC7B6B,EAAgBE,cACdnC,EACEzD,KAAKC,GAASA,EAAKJ,KACnBgH,MAAMhH,KACJ6F,aAAe,EAAfA,EAAiBG,2BAA4B,IAAIR,SAASxF,MAEhE6F,EAAgBE,aACqC,IAApDF,EAAgBG,yBAAyBhC,YASrCiD,GAAZ,SAAYA,GACVA,EAAA,MAAA,OACD,CAFD,CAAYA,IAAAA,EAEX,CAAA"}

package/public/adeo/components/accordion/Accordion.js

@@ -1,2 +1,2 @@
-import{S as e,i as o,a as i,g as t,b as a,f as n,s as c,c as r,e as s,d,t as l,n as m,h as g,j as h,k as b,l as p,m as w,o as u,p as f,q as x,r as _,u as v,v as $,w as k,x as E}from"../../index-48da6c1f.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function y(e){let o,i=`<${H(e[2],String(e[3]),e[1])} />`;return{c(){o=s("span"),g(o,"class","mc-accordion__icon")},m(e,t){a(e,o,t),o.innerHTML=i},p(e,t){14&t&&i!==(i=`<${H(e[2],String(e[3]),e[1])} />`)&&(o.innerHTML=i)},d(e){e&&x(o)}}}function z(e){let o;return{c(){o=s("span"),o.innerHTML='<slot name="icon"></slot>',g(o,"class","mc-accordion__icon")},m(e,i){a(e,o,i)},d(e){e&&x(o)}}}function M(e){let o,i,t,n,c,_,v,$,k,E,C,M,H,B,V,L,j,Z,R,S,T=e[2]&&y(e),q=e[12].icon&&z(),A=[{class:Z="mc-accordion"+(e[1]?` mc-accordion--${e[1]}`:"")+" "+(e[10]?e[10]:"")},e[8]],O={};for(let e=0;e<A.length;e+=1)O=r(O,A[e]);return{c(){o=s("div"),i=s("div"),t=s("slot"),n=d(),c=s("h2"),_=s("button"),T&&T.c(),v=d(),q&&q.c(),$=d(),k=l(e[0]),E=d(),C=s("slot"),H=d(),B=s("div"),V=s("slot"),this.c=m,g(t,"name","beforeLabel"),g(C,"name","afterLabel"),g(_,"id",M=`m-accordion-${e[7]}`),g(_,"class","mc-accordion__trigger"),g(_,"type","button"),g(_,"aria-controls","content"),g(_,"aria-expanded",e[9]),_.disabled=e[4],g(c,"class","mc-accordion__title"),g(i,"class","mc-accordion__header"),g(B,"id",L=`content-${e[7]}`),g(B,"class","mc-accordion__content"),g(B,"aria-hidden",j=!e[9]),g(B,"aria-labelledby","m-accordion"),h(o,O),b(o,"is-open",e[9]),b(o,"mc-accordion--no-padding",e[5]),b(o,"mc-accordion--checkable",e[6]),b(o,"is-disabled",e[4])},m(r,s){a(r,o,s),p(o,i),p(i,t),p(i,n),p(i,c),p(c,_),T&&T.m(_,null),p(_,v),q&&q.m(_,null),p(_,$),p(_,k),p(_,E),p(_,C),p(o,H),p(o,B),p(B,V),R||(S=w(_,"click",e[11]),R=!0)},p(e,[i]){e[2]?T?T.p(e,i):(T=y(e),T.c(),T.m(_,v)):T&&(T.d(1),T=null),e[12].icon?q||(q=z(),q.c(),q.m(_,$)):q&&(q.d(1),q=null),1&i&&u(k,e[0]),128&i&&M!==(M=`m-accordion-${e[7]}`)&&g(_,"id",M),512&i&&g(_,"aria-expanded",e[9]),16&i&&(_.disabled=e[4]),128&i&&L!==(L=`content-${e[7]}`)&&g(B,"id",L),512&i&&j!==(j=!e[9])&&g(B,"aria-hidden",j),h(o,O=f(A,[1026&i&&Z!==(Z="mc-accordion"+(e[1]?` mc-accordion--${e[1]}`:"")+" "+(e[10]?e[10]:""))&&{class:Z},256&i&&e[8]])),b(o,"is-open",e[9]),b(o,"mc-accordion--no-padding",e[5]),b(o,"mc-accordion--checkable",e[6]),b(o,"is-disabled",e[4])},i:m,o:m,d(e){e&&x(o),T&&T.d(),q&&q.d(),R=!1,S()}}}function H(e,o,i){return"s"===i?`${e} size="1.5rem"`:`${e} size="2rem" fill="${o}"`}function B(e,o,i){let t,a,n;const c=["label","size","iconname","iconcolor","open","disabled","nopadding","checkable","id"];let s=_(o,c),{$$slots:d={},$$scope:l}=o;const m=v(d);let{label:g}=o,{size:h="m"}=o,{iconname:b}=o,{iconcolor:p}=o,{open:w=!1}=o,{disabled:u=!1}=o,{nopadding:f=!1}=o,{checkable:x=!1}=o,{id:y}=o,z=new C($(),k());return e.$$set=e=>{i(16,o=r(r({},o),E(e))),i(15,s=_(o,c)),"label"in e&&i(0,g=e.label),"size"in e&&i(1,h=e.size),"iconname"in e&&i(2,b=e.iconname),"iconcolor"in e&&i(3,p=e.iconcolor),"open"in e&&i(13,w=e.open),"disabled"in e&&i(4,u=e.disabled),"nopadding"in e&&i(5,f=e.nopadding),"checkable"in e&&i(6,x=e.checkable),"id"in e&&i(7,y=e.id)},e.$$.update=()=>{8192&e.$$.dirty&&i(9,t=!!w),i(10,a=o.class),i(8,n=Object.assign({},s)),256&e.$$.dirty&&delete n.class},o=E(o),[g,h,b,p,u,f,x,y,n,t,a,function(){z.dispatch("on-heading-click",t),i(9,t=!t)},m,w]}class V extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-accordion{background-color:#ffffff;border-bottom:1px solid #666666;font-family:\"Roboto\", sans-serif;font-weight:400}.mc-accordion .mc-accordion__icon{height:2rem;width:2rem}.mc-accordion .mc-accordion__title{font-size:1.125rem;line-height:1.3333333333}.mc-accordion button.mc-accordion__trigger{padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion button.mc-accordion__trigger::before{content:\"\";position:absolute;top:calc(50% - 0.75rem);right:0.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\");background-size:1.5rem;width:1.5rem;height:1.5rem}.mc-accordion button.mc-accordion__trigger:disabled::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion__label{font-weight:700;position:relative;background-position:right 0.5rem center;background-repeat:no-repeat;color:#191919;cursor:pointer;display:block;padding-left:0.5rem;position:relative}.mc-accordion__label::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;top:-0.125rem;right:-0.125rem;bottom:-3px;left:-0.125rem}.mc-accordion__label:hover{background-color:#e6e6e6}.mc-accordion__label--no-padding{padding-left:0}.mc-accordion__label--icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.mc-accordion__icon{fill:#808080}.mc-accordion__content{font-size:1rem;line-height:1.375;color:#333333;height:auto;max-height:0;overflow:hidden;padding-left:0.5rem;-webkit-transition:0.3s ease-out;transition:0.3s ease-out;visibility:hidden}.mc-accordion__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mc-accordion__header:hover{background-color:#e6e6e6}.mc-accordion__title{font-weight:700;color:#191919;width:100%;margin-top:0;margin-bottom:0}.mc-accordion button.mc-accordion__trigger{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;position:relative;background-position:right 0.5rem center;background-repeat:no-repeat;background-color:transparent;color:currentColor;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding-left:0.5rem;text-align:left;width:100%}.mc-accordion button.mc-accordion__trigger::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;top:-0.125rem;right:-0.125rem;bottom:-3px;left:-0.125rem}.mc-accordion button.mc-accordion__trigger:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;-webkit-box-shadow:0 0 0 0.125rem #758992;box-shadow:0 0 0 0.125rem #758992}.mc-accordion button.mc-accordion__trigger:disabled{background-color:#e6e6e6;color:#666666;cursor:not-allowed}.mc-accordion.is-open>.mc-accordion__content{max-height:10000vh;padding-top:0.5rem;padding-bottom:calc(1.5rem - 1px);visibility:visible}.mc-accordion.is-disabled>.mc-accordion__content{color:#666666;cursor:not-allowed}.mc-accordion--checkable .mc-accordion__header{padding-left:0.5rem;position:relative}.mc-accordion--checkable .mc-accordion__trigger{position:static}.mc-accordion--no-padding .mc-accordion__header,.mc-accordion--no-padding .mc-accordion__trigger{padding-left:0}.mc-accordion--s .mc-accordion__icon{height:1.5rem;width:1.5rem}.mc-accordion--s .mc-accordion__title{font-size:1rem;line-height:1.375}.mc-accordion--s button.mc-accordion__trigger{padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s button.mc-accordion__trigger::before{content:\"\";position:absolute;top:calc(50% - 0.5rem);right:0.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\");background-size:1rem;width:1rem;height:1rem}.mc-accordion--s button.mc-accordion__trigger:disabled::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}:host{display:block}",this.shadowRoot.appendChild(r),o(this,{target:this.shadowRoot,props:{...i(this.attributes),$$slots:t(this)},customElement:!0},B,M,c,{label:0,size:1,iconname:2,iconcolor:3,open:13,disabled:4,nopadding:5,checkable:6,id:7},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["label","size","iconname","iconcolor","open","disabled","nopadding","checkable","id"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),n()}get size(){return this.$$.ctx[1]}set size(e){this.$$set({size:e}),n()}get iconname(){return this.$$.ctx[2]}set iconname(e){this.$$set({iconname:e}),n()}get iconcolor(){return this.$$.ctx[3]}set iconcolor(e){this.$$set({iconcolor:e}),n()}get open(){return this.$$.ctx[13]}set open(e){this.$$set({open:e}),n()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),n()}get nopadding(){return this.$$.ctx[5]}set nopadding(e){this.$$set({nopadding:e}),n()}get checkable(){return this.$$.ctx[6]}set checkable(e){this.$$set({checkable:e}),n()}get id(){return this.$$.ctx[7]}set id(e){this.$$set({id:e}),n()}}export{V as default};
+import{S as o,i as e,a as i,g as t,b as c,f as a,s as n,c as r,e as d,d as s,t as m,n as l,h as g,j as h,k as b,l as p,m as u,o as w,p as _,q as f,r as x,u as v,v as $,w as k,x as E}from"../../index-48da6c1f.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function z(o){let e,i=`<${H(o[2],String(o[3]),o[1])} />`;return{c(){e=d("span"),g(e,"class","mc-accordion__icon")},m(o,t){c(o,e,t),e.innerHTML=i},p(o,t){14&t&&i!==(i=`<${H(o[2],String(o[3]),o[1])} />`)&&(e.innerHTML=i)},d(o){o&&f(e)}}}function y(o){let e;return{c(){e=d("span"),e.innerHTML='<slot name="icon"></slot>',g(e,"class","mc-accordion__icon")},m(o,i){c(o,e,i)},d(o){o&&f(e)}}}function M(o){let e,i,t,a,n,x,v,$,k,E,C,M,H,B,V,L,j,Z,R,S,T=o[2]&&z(o),q=o[12].icon&&y(),A=[{class:Z="mc-accordion"+(o[1]?` mc-accordion--${o[1]}`:"")+" "+(o[10]?o[10]:"")},o[8]],O={};for(let o=0;o<A.length;o+=1)O=r(O,A[o]);return{c(){e=d("div"),i=d("div"),t=d("slot"),a=s(),n=d("h2"),x=d("button"),T&&T.c(),v=s(),q&&q.c(),$=s(),k=m(o[0]),E=s(),C=d("slot"),H=s(),B=d("div"),V=d("slot"),this.c=l,g(t,"name","beforeLabel"),g(C,"name","afterLabel"),g(x,"id",M=`m-accordion-${o[7]}`),g(x,"class","mc-accordion__trigger"),g(x,"type","button"),g(x,"aria-controls","content"),g(x,"aria-expanded",o[9]),x.disabled=o[4],g(n,"class","mc-accordion__title"),g(i,"class","mc-accordion__header"),g(B,"id",L=`content-${o[7]}`),g(B,"class","mc-accordion__content"),g(B,"aria-hidden",j=!o[9]),g(B,"aria-labelledby","m-accordion"),h(e,O),b(e,"is-open",o[9]),b(e,"mc-accordion--no-padding",o[5]),b(e,"mc-accordion--checkable",o[6]),b(e,"is-disabled",o[4])},m(r,d){c(r,e,d),p(e,i),p(i,t),p(i,a),p(i,n),p(n,x),T&&T.m(x,null),p(x,v),q&&q.m(x,null),p(x,$),p(x,k),p(x,E),p(x,C),p(e,H),p(e,B),p(B,V),R||(S=u(x,"click",o[11]),R=!0)},p(o,[i]){o[2]?T?T.p(o,i):(T=z(o),T.c(),T.m(x,v)):T&&(T.d(1),T=null),o[12].icon?q||(q=y(),q.c(),q.m(x,$)):q&&(q.d(1),q=null),1&i&&w(k,o[0]),128&i&&M!==(M=`m-accordion-${o[7]}`)&&g(x,"id",M),512&i&&g(x,"aria-expanded",o[9]),16&i&&(x.disabled=o[4]),128&i&&L!==(L=`content-${o[7]}`)&&g(B,"id",L),512&i&&j!==(j=!o[9])&&g(B,"aria-hidden",j),h(e,O=_(A,[1026&i&&Z!==(Z="mc-accordion"+(o[1]?` mc-accordion--${o[1]}`:"")+" "+(o[10]?o[10]:""))&&{class:Z},256&i&&o[8]])),b(e,"is-open",o[9]),b(e,"mc-accordion--no-padding",o[5]),b(e,"mc-accordion--checkable",o[6]),b(e,"is-disabled",o[4])},i:l,o:l,d(o){o&&f(e),T&&T.d(),q&&q.d(),R=!1,S()}}}function H(o,e,i){return"s"===i?`${o} size="1.5rem"`:`${o} size="2rem" fill="${e}"`}function B(o,e,i){let t,c,a;const n=["label","size","iconname","iconcolor","open","disabled","nopadding","checkable","id"];let d=x(e,n),{$$slots:s={},$$scope:m}=e;const l=v(s);let{label:g}=e,{size:h="m"}=e,{iconname:b}=e,{iconcolor:p}=e,{open:u=!1}=e,{disabled:w=!1}=e,{nopadding:_=!1}=e,{checkable:f=!1}=e,{id:z}=e,y=new C($(),k());return o.$$set=o=>{i(16,e=r(r({},e),E(o))),i(15,d=x(e,n)),"label"in o&&i(0,g=o.label),"size"in o&&i(1,h=o.size),"iconname"in o&&i(2,b=o.iconname),"iconcolor"in o&&i(3,p=o.iconcolor),"open"in o&&i(13,u=o.open),"disabled"in o&&i(4,w=o.disabled),"nopadding"in o&&i(5,_=o.nopadding),"checkable"in o&&i(6,f=o.checkable),"id"in o&&i(7,z=o.id)},o.$$.update=()=>{8192&o.$$.dirty&&i(9,t=!!u),i(10,c=e.class),i(8,a=Object.assign({},d)),256&o.$$.dirty&&delete a.class},e=E(e),[g,h,b,p,w,_,f,z,a,t,c,function(){y.dispatch("on-heading-click",t),i(9,t=!t)},l,u]}class V extends o{constructor(o){super();const r=document.createElement("style");r.textContent=".mc-accordion{border-bottom:1px solid #666666;font-family:\"Roboto\", sans-serif;font-weight:400}.mc-accordion .mc-accordion__icon{height:2rem;width:2rem}.mc-accordion .mc-accordion__title{font-size:1.125rem;line-height:1.3333333333}.mc-accordion button.mc-accordion__trigger{padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion button.mc-accordion__trigger::before{content:\"\";position:absolute;top:calc(50% - 0.75rem);right:0.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\");background-size:1.5rem;width:1.5rem;height:1.5rem}.mc-accordion button.mc-accordion__trigger:disabled::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion__header{padding-left:0.5rem;position:relative}.mc-accordion__header:hover{background-color:#e6e6e6}.mc-accordion__header,.mc-accordion button.mc-accordion__trigger{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem}.mc-accordion__title{font-weight:700;color:#191919;width:100%;margin-top:0;margin-bottom:0}.mc-accordion button.mc-accordion__trigger{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;background-color:transparent;color:currentColor;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding-left:0;text-align:left;width:100%}.mc-accordion button.mc-accordion__trigger::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;top:-0.125rem;right:-0.125rem;bottom:-3px;left:-0.125rem}.mc-accordion button.mc-accordion__trigger:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;-webkit-box-shadow:0 0 0 0.125rem #758992;box-shadow:0 0 0 0.125rem #758992}.mc-accordion button.mc-accordion__trigger:disabled{background-color:#e6e6e6;color:#666666;cursor:not-allowed}.mc-accordion__icon{fill:#808080}.mc-accordion__content{font-size:1rem;line-height:1.375;color:#333333;height:auto;max-height:0;overflow:hidden;padding-right:0.5rem;padding-left:0.5rem;-webkit-transition:0.3s ease-out;transition:0.3s ease-out;visibility:hidden}.mc-accordion.is-open>.mc-accordion__content{max-height:10000vh;padding-top:0.5rem;padding-bottom:calc(1.5rem - 1px);visibility:visible}.mc-accordion.is-disabled>.mc-accordion__header{background-color:#e6e6e6}.mc-accordion.is-disabled>.mc-accordion__content{color:#666666;cursor:not-allowed}.mc-accordion--no-padding .mc-accordion__header{padding-left:0}.mc-accordion--no-padding .mc-accordion__content{padding-left:0;padding-right:0}.mc-accordion--no-padding button.mc-accordion__trigger::before{right:0}.mc-accordion--s .mc-accordion__icon{height:1.5rem;width:1.5rem}.mc-accordion--s .mc-accordion__title{font-size:1rem;line-height:1.375}.mc-accordion--s button.mc-accordion__trigger{padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s button.mc-accordion__trigger::before{content:\"\";position:absolute;top:calc(50% - 0.5rem);right:0.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\");background-size:1rem;width:1rem;height:1rem}.mc-accordion--s button.mc-accordion__trigger:disabled::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}:host{display:block}",this.shadowRoot.appendChild(r),e(this,{target:this.shadowRoot,props:{...i(this.attributes),$$slots:t(this)},customElement:!0},B,M,n,{label:0,size:1,iconname:2,iconcolor:3,open:13,disabled:4,nopadding:5,checkable:6,id:7},null),o&&(o.target&&c(o.target,this,o.anchor),o.props&&(this.$set(o.props),a()))}static get observedAttributes(){return["label","size","iconname","iconcolor","open","disabled","nopadding","checkable","id"]}get label(){return this.$$.ctx[0]}set label(o){this.$$set({label:o}),a()}get size(){return this.$$.ctx[1]}set size(o){this.$$set({size:o}),a()}get iconname(){return this.$$.ctx[2]}set iconname(o){this.$$set({iconname:o}),a()}get iconcolor(){return this.$$.ctx[3]}set iconcolor(o){this.$$set({iconcolor:o}),a()}get open(){return this.$$.ctx[13]}set open(o){this.$$set({open:o}),a()}get disabled(){return this.$$.ctx[4]}set disabled(o){this.$$set({disabled:o}),a()}get nopadding(){return this.$$.ctx[5]}set nopadding(o){this.$$set({nopadding:o}),a()}get checkable(){return this.$$.ctx[6]}set checkable(o){this.$$set({checkable:o}),a()}get id(){return this.$$.ctx[7]}set id(o){this.$$set({id:o}),a()}}export{V as default};
 //# sourceMappingURL=Accordion.js.map

package/public/adeo/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../src/components/accordion/Accordion.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { AccordionSize } from './accordion.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let label: string;\n  export let size: AccordionSize = 'm';\n  export let iconname: string | undefined = undefined;\n  export let iconcolor: string | undefined = undefined;\n  export let open = false;\n  export let disabled = false;\n  export let nopadding = false;\n  export let checkable = false;\n  export let id: string;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  $: isOpen = open ? true : false;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(\n    iconname: string,\n    iconcolor: string,\n    iconsize: string,\n  ): string {\n    return iconsize === 's'\n      ? `${iconname} size=\"1.5rem\"`\n      : `${iconname} size=\"2rem\" fill=\"${iconcolor}\"`;\n  }\n\n  function handleState(): void {\n    eventHandler.dispatch('on-heading-click', isOpen);\n    isOpen = !isOpen;\n  }\n</script>\n\n<div\n  class=\"mc-accordion{size ? ` mc-accordion--${size}` : ''}\n  {userClass ? userClass : ''}\"\n  class:is-open={isOpen}\n  class:mc-accordion--no-padding={nopadding}\n  class:mc-accordion--checkable={checkable}\n  class:is-disabled={disabled}\n  {...attributes}\n>\n  <div class=\"mc-accordion__header\">\n    <slot name=\"beforeLabel\" />\n    <h2 class=\"mc-accordion__title\">\n      <button\n        id={`m-accordion-${id}`}\n        class=\"mc-accordion__trigger\"\n        type=\"button\"\n        aria-controls=\"content\"\n        aria-expanded={isOpen}\n        {disabled}\n        on:click={handleState}\n      >\n        {#if iconname}\n          <span class=\"mc-accordion__icon\">\n            {@html `<${generateIconName(iconname, String(iconcolor), size)} />`}\n          </span>\n        {/if}\n        {#if $$slots.icon}\n          <!-- This <hr> and slot will render only if a slot named \"description\" is provided. -->\n          <span class=\"mc-accordion__icon\">\n            <slot name=\"icon\" />\n          </span>\n        {/if}\n        {label}\n        <slot name=\"afterLabel\" />\n      </button>\n    </h2>\n  </div>\n  <div\n    id={`content-${id}`}\n    class=\"mc-accordion__content\"\n    aria-hidden={!isOpen}\n    aria-labelledby=\"m-accordion\"\n  >\n    <slot />\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.accordion';\n\n  :host {\n    display: block;\n  }\n</style>\n"],"names":["raw_value","generateIconName","ctx","String","insert","target","span","anchor","dirty","innerHTML","create_if_block_1","if_block1","icon","create_if_block","div2","append","div0","slot0","h2","button","slot1","div1","slot2","class","div2_class_value","iconname","iconcolor","iconsize","label","$$props","size","open","disabled","nopadding","checkable","id","eventHandler","EventHandler","get_current_component","createEventDispatcher","isOpen","$$invalidate","userClass","attributes","Object","assign","$$restProps","dispatch"],"mappings":"sRAmEuBA,EAAA,IAAAC,EAAiBC,EAAQ,GAAEC,OAAOD,MAAYA,EAAI,0EAD/DE,EAEMC,EAAAC,EAAAC,yBADO,GAAAC,GAAAR,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,GAAEC,OAAOD,MAAYA,EAAI,YAAAI,EAAAG,UAAAT,gJAK/DI,EAEMC,EAAAC,EAAAC,+EATHL,EAAQ,IAAAQ,EAAAR,GAKRS,EAAAT,MAAQU,MAAIC,gCAzBHX,EAAI,qBAAqBA,EAAI,KAAK,IACrD,KAAAA,EAAY,IAAAA,MAAY,KAKrBA,EAAU,8JAyBPA,EAAK,yIAnBaA,EAAE,mHAINA,EAAM,iHAqBVA,EAAE,gEAEHA,EAAM,8DArCPA,EAAM,mCACWA,EAAS,kCACVA,EAAS,sBACrBA,EAAQ,YAN7BE,EA6CKC,EAAAS,EAAAP,GApCHQ,EA2BKD,EAAAE,GA1BHD,EAA0BC,EAAAC,UAC1BF,EAwBIC,EAAAE,GAvBFH,EAsBQG,EAAAC,6DADNJ,EAAyBI,EAAAC,UAI/BL,EAOKD,EAAAO,GADHN,EAAOM,EAAAC,qBAxBOpB,EAAW,qBAEhBA,EAAQ,yDAKRA,MAAQU,2DAMZV,EAAK,iCAnBaA,EAAE,8CAINA,EAAM,qDAqBVA,EAAE,kCAEHA,EAAM,oEAvCFA,EAAI,qBAAqBA,EAAI,KAAK,IACrD,KAAAA,EAAY,IAAAA,MAAY,MAAE,CAAAqB,MAAAC,UAKvBtB,EAAU,oBAJCA,EAAM,mCACWA,EAAS,kCACVA,EAAS,sBACrBA,EAAQ,uDAtBlB,SAAAD,EACPwB,EACAC,EACAC,GAEO,MAAa,MAAbA,KACAF,kBACA,GAAAA,uBAA8BC,+LAzB5BE,GAAaC,GACbC,KAAAA,EAAsB,KAAGD,GACzBJ,SAAAA,GAAwCI,GACxCH,UAAAA,GAAyCG,GACzCE,KAAAA,GAAO,GAAKF,GACZG,SAAAA,GAAW,GAAKH,GAChBI,UAAAA,GAAY,GAAKJ,GACjBK,UAAAA,GAAY,GAAKL,MACjBM,GAAUN,EACjBO,EAAmB,IAAAC,EACrBC,IACAC,6XAECC,IAAST,GACTU,EAAA,GAAAC,EAAYb,EAAQN,WACpBoB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWpB,gDAanBa,EAAaW,SAAS,mBAAoBP,GAC1CC,EAAA,EAAAD,GAAUA"}
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/accordion/Accordion.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { AccordionSize } from './accordion.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let label: string;\n  export let size: AccordionSize = 'm';\n  export let iconname: string | undefined = undefined;\n  export let iconcolor: string | undefined = undefined;\n  export let open = false;\n  export let disabled = false;\n  export let nopadding = false;\n  export let checkable = false;\n  export let id: string;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  $: isOpen = open ? true : false;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(\n    iconname: string,\n    iconcolor: string,\n    iconsize: string,\n  ): string {\n    return iconsize === 's'\n      ? `${iconname} size=\"1.5rem\"`\n      : `${iconname} size=\"2rem\" fill=\"${iconcolor}\"`;\n  }\n\n  function handleState(): void {\n    eventHandler.dispatch('on-heading-click', isOpen);\n    isOpen = !isOpen;\n  }\n</script>\n\n<div\n  class=\"mc-accordion{size ? ` mc-accordion--${size}` : ''}\n  {userClass ? userClass : ''}\"\n  class:is-open={isOpen}\n  class:mc-accordion--no-padding={nopadding}\n  class:mc-accordion--checkable={checkable}\n  class:is-disabled={disabled}\n  {...attributes}\n>\n  <div class=\"mc-accordion__header\">\n    <slot name=\"beforeLabel\" />\n    <h2 class=\"mc-accordion__title\">\n      <button\n        id={`m-accordion-${id}`}\n        class=\"mc-accordion__trigger\"\n        type=\"button\"\n        aria-controls=\"content\"\n        aria-expanded={isOpen}\n        {disabled}\n        on:click={handleState}\n      >\n        {#if iconname}\n          <span class=\"mc-accordion__icon\">\n            {@html `<${generateIconName(iconname, String(iconcolor), size)} />`}\n          </span>\n        {/if}\n        {#if $$slots.icon}\n          <!-- This <hr> and slot will render only if a slot named \"description\" is provided. -->\n          <span class=\"mc-accordion__icon\">\n            <slot name=\"icon\" />\n          </span>\n        {/if}\n        {label}\n        <slot name=\"afterLabel\" />\n      </button>\n    </h2>\n  </div>\n  <div\n    id={`content-${id}`}\n    class=\"mc-accordion__content\"\n    aria-hidden={!isOpen}\n    aria-labelledby=\"m-accordion\"\n  >\n    <slot />\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.accordion';\n\n  :host {\n    display: block;\n  }\n</style>\n"],"names":["raw_value","generateIconName","ctx","String","insert","target","span","anchor","dirty","innerHTML","create_if_block_1","if_block1","icon","create_if_block","div2","append","div0","slot0","h2","button","slot1","div1","slot2","class","div2_class_value","iconname","iconcolor","iconsize","label","$$props","size","open","disabled","nopadding","checkable","id","eventHandler","EventHandler","get_current_component","createEventDispatcher","isOpen","$$invalidate","userClass","attributes","Object","assign","$$restProps","dispatch"],"mappings":"2RAmEuBA,EAAA,IAAAC,EAAiBC,EAAQ,GAAEC,OAAOD,MAAYA,EAAI,0EAD/DE,EAEMC,EAAAC,EAAAC,yBADO,GAAAC,GAAAR,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,GAAEC,OAAOD,MAAYA,EAAI,YAAAI,EAAAG,UAAAT,gJAK/DI,EAEMC,EAAAC,EAAAC,+EATHL,EAAQ,IAAAQ,EAAAR,GAKRS,EAAAT,MAAQU,MAAIC,gCAzBHX,EAAI,qBAAqBA,EAAI,KAAK,IACrD,KAAAA,EAAY,IAAAA,MAAY,KAKrBA,EAAU,8JAyBPA,EAAK,yIAnBaA,EAAE,mHAINA,EAAM,iHAqBVA,EAAE,gEAEHA,EAAM,8DArCPA,EAAM,mCACWA,EAAS,kCACVA,EAAS,sBACrBA,EAAQ,YAN7BE,EA6CKC,EAAAS,EAAAP,GApCHQ,EA2BKD,EAAAE,GA1BHD,EAA0BC,EAAAC,UAC1BF,EAwBIC,EAAAE,GAvBFH,EAsBQG,EAAAC,6DADNJ,EAAyBI,EAAAC,UAI/BL,EAOKD,EAAAO,GADHN,EAAOM,EAAAC,qBAxBOpB,EAAW,qBAEhBA,EAAQ,yDAKRA,MAAQU,2DAMZV,EAAK,iCAnBaA,EAAE,8CAINA,EAAM,qDAqBVA,EAAE,kCAEHA,EAAM,oEAvCFA,EAAI,qBAAqBA,EAAI,KAAK,IACrD,KAAAA,EAAY,IAAAA,MAAY,MAAE,CAAAqB,MAAAC,UAKvBtB,EAAU,oBAJCA,EAAM,mCACWA,EAAS,kCACVA,EAAS,sBACrBA,EAAQ,uDAtBlB,SAAAD,EACPwB,EACAC,EACAC,GAEO,MAAa,MAAbA,KACAF,kBACA,GAAAA,uBAA8BC,+LAzB5BE,GAAaC,GACbC,KAAAA,EAAsB,KAAGD,GACzBJ,SAAAA,GAAwCI,GACxCH,UAAAA,GAAyCG,GACzCE,KAAAA,GAAO,GAAKF,GACZG,SAAAA,GAAW,GAAKH,GAChBI,UAAAA,GAAY,GAAKJ,GACjBK,UAAAA,GAAY,GAAKL,MACjBM,GAAUN,EACjBO,EAAmB,IAAAC,EACrBC,IACAC,6XAECC,IAAST,GACTU,EAAA,GAAAC,EAAYb,EAAQN,WACpBoB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWpB,gDAanBa,EAAaW,SAAS,mBAAoBP,GAC1CC,EAAA,EAAAD,GAAUA"}

package/public/adeo/components/autocomplete/Autocomplete.js

@@ -1,2 +1,2 @@
-import{S as t,i as e,a as l,b as a,f as i,s,J as n,K as o,c as r,e as c,d,D as u,n as m,h as p,L as h,j as g,k as $,l as f,E as x,M as b,m as w,A as v,y,z as _,N as k,p as z,q,F as j,O as S,r as C,v as N,w as O,x as T,P as E,Q as J,R as L,C as M,B as R,T as U,U as Y}from"../../index-48da6c1f.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as H}from"../../ClickOutside-63071e7a.js";import B from"../tag/Tag.nested.js";import D from"../loader/Loader.nested.js";import F from"../textinput/Textinput.nested.js";import K from"../listbox/Listbox.nested.js";function P(t,e,l){const a=t.slice();return a[72]=e[l],a}function Q(t,e,l){const a=t.slice();return a[72]=e[l],a[76]=l,a}function W(t){let e,l,a={id:t[1]?t[1]:`autocompleteTag-${t[32]}`,class:"mc-autocomplete__tag",label:t[31](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return e=new B({props:a}),t[51](e),e.$on("tag-removed",t[33]),{c(){u(e.$$.fragment)},m(t,a){x(e,t,a),l=!0},p(t,l){const a={};2&l[0]&&(a.id=t[1]?t[1]:`autocompleteTag-${t[32]}`),1&l[1]&&(a.label=t[31]()),e.$set(a)},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(l){t[51](null),j(e,l)}}}function G(t){let e,l;return e=new D({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(e.$$.fragment)},m(t,a){x(e,t,a),l=!0},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(t){j(e,t)}}}function I(t){let e,l,i;return{c(){e=c("button"),e.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n          <span class="mc-autocomplete__clear-text">Clear</span>',p(e,"class","mc-autocomplete__clear"),p(e,"type","button")},m(s,n){a(s,e,n),l||(i=w(e,"click",E(t[56])),l=!0)},p:m,d(t){t&&q(e),l=!1,i()}}}function V(t){let e,l,i=t[27],s=[];for(let e=0;e<i.length;e+=1)s[e]=et(Q(t,i,e));let n=t[19].length>t[15]&&lt(t);return{c(){e=c("div");for(let t=0;t<s.length;t+=1)s[t].c();l=d(),n&&n.c(),p(e,"class","tags-selected")},m(t,i){a(t,e,i);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(e,null);f(e,l),n&&n.m(e,null)},p(t,a){if(134250504&a[0]|1024&a[1]){let n;for(i=t[27],n=0;n<i.length;n+=1){const o=Q(t,i,n);s[n]?s[n].p(o,a):(s[n]=et(o),s[n].c(),s[n].m(e,l))}for(;n<s.length;n+=1)s[n].d(1);s.length=i.length}t[19].length>t[15]?n?n.p(t,a):(n=lt(t),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(t){t&&q(e),J(s,t),n&&n.d()}}}function X(t){let e;function l(t,e){return t[3]?tt:Z}let i=l(t),s=i(t);return{c(){e=c("div"),s.c(),p(e,"class","tag-selected")},m(t,l){a(t,e,l),s.m(e,null)},p(t,a){i===(i=l(t))&&s?s.p(t,a):(s.d(1),s=i(t),s&&(s.c(),s.m(e,null)))},d(t){t&&q(e),s.d()}}}function Z(t){let e,l,i,s,n;function o(){return t[58](t[72])}return{c(){e=c("m-tag"),M(e,"id",l=t[72].id),M(e,"label",i=t[72].label),M(e,"size","s"),M(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,134217728&s[0]&&l!==(l=t[72].id)&&M(e,"id",l),134217728&s[0]&&i!==(i=t[72].label)&&M(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function tt(t){let e,l,i;return{c(){e=c("m-tag"),M(e,"type","link"),M(e,"id",l=t[72].id),M(e,"label",i=t[72].label),M(e,"size","s"),M(e,"dark",!0)},m(t,l){a(t,e,l)},p(t,a){134217728&a[0]&&l!==(l=t[72].id)&&M(e,"id",l),134217728&a[0]&&i!==(i=t[72].label)&&M(e,"label",i)},d(t){t&&q(e)}}}function et(t){let e,l=t[76]<t[15]&&X(t);return{c(){l&&l.c(),e=L()},m(t,i){l&&l.m(t,i),a(t,e,i)},p(t,a){t[76]<t[15]?l?l.p(t,a):(l=X(t),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null)},d(t){l&&l.d(t),t&&q(e)}}}function lt(t){let e,l,i,s,n;return{c(){e=c("div"),l=c("m-tag"),M(l,"id","id-tag"),M(l,"label",i="("+t[19].length+") "+t[14]+" "),M(l,"size","s"),M(l,"type","link"),p(e,"class","tag-selected")},m(i,o){a(i,e,o),f(e,l),s||(n=w(e,"click",t[59]),s=!0)},p(t,e){540672&e[0]&&i!==(i="("+t[19].length+") "+t[14]+" ")&&M(l,"label",i)},d(t){t&&q(e),s=!1,n()}}}function at(t){let e,l,i,s,n,o,r=t[27],d=[];for(let e=0;e<r.length;e+=1)d[e]=nt(P(t,r,e));return{c(){e=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let t=0;t<d.length;t+=1)d[t].c();p(s,"class","tags-selected"),p(i,"slot","content"),M(l,"title",t[13]),M(l,"layertitletag","h3"),M(l,"isopen",t[28])},m(r,c){a(r,e,c),f(e,l),f(l,i),f(i,s);for(let t=0;t<d.length;t+=1)d[t]&&d[t].m(s,null);n||(o=w(l,"layer-closed",t[61]),n=!0)},p(t,e){if(134217736&e[0]|1024&e[1]){let l;for(r=t[27],l=0;l<r.length;l+=1){const a=P(t,r,l);d[l]?d[l].p(a,e):(d[l]=nt(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}8192&e[0]&&M(l,"title",t[13]),268435456&e[0]&&M(l,"isopen",t[28])},d(t){t&&q(e),J(d,t),n=!1,o()}}}function it(t){let e,l,i,s,n;function o(){return t[60](t[72])}return{c(){e=c("m-tag"),M(e,"id",l=t[72].id),M(e,"label",i=t[72].label),M(e,"size","s"),M(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,134217728&s[0]&&l!==(l=t[72].id)&&M(e,"id",l),134217728&s[0]&&i!==(i=t[72].label)&&M(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function st(t){let e,l,i;return{c(){e=c("m-tag"),M(e,"type","text"),M(e,"id",l=t[72].id),M(e,"label",i=t[72].label),M(e,"size","s")},m(t,l){a(t,e,l)},p(t,a){134217728&a[0]&&l!==(l=t[72].id)&&M(e,"id",l),134217728&a[0]&&i!==(i=t[72].label)&&M(e,"label",i)},d(t){t&&q(e)}}}function nt(t){let e,l;function i(t,e){return t[3]?st:it}let s=i(t),n=s(t);return{c(){e=c("div"),n.c(),l=d(),p(e,"class","tag-selected")},m(t,i){a(t,e,i),n.m(e,null),f(e,l)},p(t,a){s===(s=i(t))&&n?n.p(t,a):(n.d(1),n=s(t),n&&(n.c(),n.m(e,l)))},d(t){t&&q(e),n.d()}}}function ot(t){let e,l,i,s,C,N,O,T,E,J,L,M,U,Y,A,B,D,P,Q,X,Z,tt=t[9]&&t[19].length>0&&!t[16]&&W(t);function et(e){t[52](e)}let lt={classinput:"mc-autocomplete__trigger",name:t[6],placeholder:t[2],inputtype:"text",isinvalid:t[5],disabled:t[3],size:t[4],required:t[8],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==t[29]&&(lt.value=t[29]),s=new F({props:lt}),n.push((()=>o(s,"value",et))),s.$on("input",t[38]),s.$on("click",t[53]),s.$on("change",t[54]),s.$on("blur",t[55]);let it=t[7]&&G(),st=null!=t[29]&&""!=t[29]&&!t[3]&&I(t);function nt(e){t[57](e)}let ot={items:JSON.stringify(t[30]),open:t[21],multiple:t[9],isfiltered:t[26],emptysearchlabel:t[10],maxwidth:t[0],datatextexpr:t[11],datavalueexpr:t[12],selectall:t[17],labelselectall:t[18]};void 0!==t[19]&&(ot.value=t[19]),J=new K({props:ot}),n.push((()=>o(J,"value",nt))),J.$on("change",t[35]),J.$on("scrollend",t[39]),J.$on("select-all",t[40]);let rt=t[9]&&t[16]&&V(t),ct=t[9]&&t[16]&&at(t),dt=[{class:"mc-autocomplete"},{style:P="--autocomplete-tag-width: "+t[25]+"; --autocomplete-width: "+t[0]+";"},t[22]],ut={};for(let t=0;t<dt.length;t+=1)ut=r(ut,dt[t]);return{c(){e=c("div"),l=c("div"),tt&&tt.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),it&&it.c(),T=d(),st&&st.c(),E=d(),u(J.$$.fragment),M=d(),rt&&rt.c(),U=d(),Y=c("span"),A=d(),B=c("span"),D=d(),ct&&ct.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(Y,"class","mc-autocomplete__loader"),h(Y,"display","none"),p(B,"class","mc-text-input mc-autocomplete__trigger"),h(B,"display","none"),g(e,ut),$(e,"mc-autocomplete--multi",t[9])},m(n,o){a(n,e,o),f(e,l),tt&&tt.m(l,null),f(l,i),x(s,l,null),f(l,N),f(l,O),it&&it.m(O,null),f(O,T),st&&st.m(O,null),f(e,E),x(J,e,null),f(e,M),rt&&rt.m(e,null),f(e,U),f(e,Y),f(e,A),f(e,B),f(e,D),ct&&ct.m(e,null),t[62](e),Q=!0,X||(Z=[b(H.call(null,e)),w(e,"outclick",t[34])],X=!0)},p(t,a){t[9]&&t[19].length>0&&!t[16]?tt?(tt.p(t,a),590336&a[0]&&v(tt,1)):(tt=W(t),tt.c(),v(tt,1),tt.m(l,i)):tt&&(R(),y(tt,1,1,(()=>{tt=null})),_());const n={};64&a[0]&&(n.name=t[6]),4&a[0]&&(n.placeholder=t[2]),32&a[0]&&(n.isinvalid=t[5]),8&a[0]&&(n.disabled=t[3]),16&a[0]&&(n.size=t[4]),256&a[0]&&(n.required=t[8]),!C&&536870912&a[0]&&(C=!0,n.value=t[29],k((()=>C=!1))),s.$set(n),t[7]?it?128&a[0]&&v(it,1):(it=G(),it.c(),v(it,1),it.m(O,T)):it&&(R(),y(it,1,1,(()=>{it=null})),_()),null==t[29]||""==t[29]||t[3]?st&&(st.d(1),st=null):st?st.p(t,a):(st=I(t),st.c(),st.m(O,null));const o={};1073741824&a[0]&&(o.items=JSON.stringify(t[30])),2097152&a[0]&&(o.open=t[21]),512&a[0]&&(o.multiple=t[9]),67108864&a[0]&&(o.isfiltered=t[26]),1024&a[0]&&(o.emptysearchlabel=t[10]),1&a[0]&&(o.maxwidth=t[0]),2048&a[0]&&(o.datatextexpr=t[11]),4096&a[0]&&(o.datavalueexpr=t[12]),131072&a[0]&&(o.selectall=t[17]),262144&a[0]&&(o.labelselectall=t[18]),!L&&524288&a[0]&&(L=!0,o.value=t[19],k((()=>L=!1))),J.$set(o),t[9]&&t[16]?rt?rt.p(t,a):(rt=V(t),rt.c(),rt.m(e,U)):rt&&(rt.d(1),rt=null),t[9]&&t[16]?ct?ct.p(t,a):(ct=at(t),ct.c(),ct.m(e,null)):ct&&(ct.d(1),ct=null),g(e,ut=z(dt,[{class:"mc-autocomplete"},(!Q||33554433&a[0]&&P!==(P="--autocomplete-tag-width: "+t[25]+"; --autocomplete-width: "+t[0]+";"))&&{style:P},4194304&a[0]&&t[22]])),$(e,"mc-autocomplete--multi",t[9])},i(t){Q||(v(tt),v(s.$$.fragment,t),v(it),v(J.$$.fragment,t),Q=!0)},o(t){y(tt),y(s.$$.fragment,t),y(it),y(J.$$.fragment,t),Q=!1},d(l){l&&q(e),tt&&tt.d(),j(s),it&&it.d(),st&&st.d(),j(J),rt&&rt.d(),ct&&ct.d(),t[62](null),X=!1,S(Z)}}}function rt(t,e,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p,h=C(e,m),{maxwidth:g="100%"}=e,{tagid:$}=e,{taglabel:f=""}=e,{placeholder:x}=e,{filter:b=!0}=e,{nofilter:w=!1}=e,{disabled:v=!1}=e,{size:y="m"}=e,{isinvalid:_}=e,{inputvalue:k}=e,{id:z}=e,{loading:q=!1}=e,{required:j=!1}=e,{items:S}=e,{value:E}=e,{open:J=!1}=e,{multiple:L=!1}=e,{emptysearchlabel:M="No results found"}=e,{datatextexpr:R="label"}=e,{datavalueexpr:H="value"}=e,{nosort:B=!1}=e,{layertitle:D="Title layer"}=e,{showmoretagslabel:F="Show more"}=e,{maxnumbertoshowtags:K=12}=e,{alltags:P=!1}=e,{selectall:Q=!1}=e,{labelselectall:W="Select all"}=e;const G=Math.random();let I,V,X,Z=new A(N(),O()),tt="0px",et=!1,lt=[],at=null;function it(){v||(l(19,o=L?[]:""),st(),Z.dispatch("clear",!0))}function st(){l(21,d=!1),L&&!B?function(){X=i;const t=nt();X.sort(((e,l)=>{const a=t.includes(e),i=t.includes(l);return a===i?e[H]-l[H]:a<i?1:-1})),l(30,s=X)}():l(30,s=i)}function nt(t){const e=t||o;return i.filter((t=>L?e.includes(t[H]):e===t[H]))}function ot(){l(28,at=!0)}function rt(){l(28,at=null)}function ct(t){l(19,o=o.filter((e=>e!==t))),Z.dispatch("onchange",o)}return t.$$set=t=>{e=r(r({},e),T(t)),l(71,h=C(e,m)),"maxwidth"in t&&l(0,g=t.maxwidth),"tagid"in t&&l(1,$=t.tagid),"taglabel"in t&&l(42,f=t.taglabel),"placeholder"in t&&l(2,x=t.placeholder),"filter"in t&&l(43,b=t.filter),"nofilter"in t&&l(44,w=t.nofilter),"disabled"in t&&l(3,v=t.disabled),"size"in t&&l(4,y=t.size),"isinvalid"in t&&l(5,_=t.isinvalid),"inputvalue"in t&&l(45,k=t.inputvalue),"id"in t&&l(6,z=t.id),"loading"in t&&l(7,q=t.loading),"required"in t&&l(8,j=t.required),"items"in t&&l(46,S=t.items),"value"in t&&l(47,E=t.value),"open"in t&&l(48,J=t.open),"multiple"in t&&l(9,L=t.multiple),"emptysearchlabel"in t&&l(10,M=t.emptysearchlabel),"datatextexpr"in t&&l(11,R=t.datatextexpr),"datavalueexpr"in t&&l(12,H=t.datavalueexpr),"nosort"in t&&l(49,B=t.nosort),"layertitle"in t&&l(13,D=t.layertitle),"showmoretagslabel"in t&&l(14,F=t.showmoretagslabel),"maxnumbertoshowtags"in t&&l(15,K=t.maxnumbertoshowtags),"alltags"in t&&l(16,P=t.alltags),"selectall"in t&&l(17,Q=t.selectall),"labelselectall"in t&&l(18,W=t.labelselectall)},t.$$.update=()=>{if(16384&t.$$.dirty[1]&&l(29,a=k),32768&t.$$.dirty[1]&&l(20,i=S?JSON.parse(S):[]),1048576&t.$$.dirty[0]&&l(30,s=i),512&t.$$.dirty[0]|65536&t.$$.dirty[1]&&l(19,o=!E&&L?[]:E?JSON.parse(E):E),524288&t.$$.dirty[0]|2048&t.$$.dirty[1]&&l(31,c=()=>o.length.toString()+" "+f),524288&t.$$.dirty[0]&&async function(t){try{if(await U(),l(27,lt=nt(t)),L)l(50,V=t);else{const t=lt.map((t=>t[R]));l(29,a=t.join(", "))}}catch(t){console.error(t)}}(o),524288&t.$$.dirty[1]&&async function(t){var e;try{await U(),l(25,tt=I&&t&&t.length?`${null===(e=null==p?void 0:p.querySelector(".mc-tag-removable"))||void 0===e?void 0:e.clientWidth}px`:"0px")}catch(t){console.error(t)}}(V),131072&t.$$.dirty[1]&&l(21,d=J),2097152&t.$$.dirty[0]){const t=d?"open":"close";Z.dispatch(t,d)}l(22,u=Object.assign({},h)),4194304&t.$$.dirty[0]&&delete u.class},[g,$,x,v,y,_,z,q,j,L,M,R,H,D,F,K,P,Q,W,o,i,d,u,p,I,tt,et,lt,at,a,s,c,G,it,st,function(){Z.dispatch("onchange",o),L||st()},ot,rt,function(t){const e=t.target.value;!function(t){Z.dispatch("oninput",t)}(e),function(t){!w&&b&&(t.length?l(30,s=i.filter((e=>e[R].toUpperCase().includes(t.toUpperCase())))):l(30,s=i),l(26,et=!s.length),Z.dispatch("onfilter",s))}(e)},function(){Z.dispatch("scrollend",!0)},function(t){Z.dispatch("select-all",t.detail)},ct,f,b,w,k,S,E,J,B,V,function(t){n[t?"unshift":"push"]((()=>{I=t,l(24,I)}))},function(t){a=t,l(29,a),l(45,k)},()=>l(21,d=!0),function(e){Y.call(this,t,e)},function(e){Y.call(this,t,e)},()=>{l(29,a=""),l(30,s=i),l(26,et=!1),L||it()},function(t){o=t,l(19,o),l(47,E),l(9,L)},t=>ct(t.id),()=>ot(),t=>ct(t.id),()=>rt(),function(t){n[t?"unshift":"push"]((()=>{p=t,l(23,p)}))}]}class ct extends t{constructor(t){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #758992;box-shadow:0 0 0 2px #758992}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete{min-width:auto}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},rt,ot,s,{maxwidth:0,tagid:1,taglabel:42,placeholder:2,filter:43,nofilter:44,disabled:3,size:4,isinvalid:5,inputvalue:45,id:6,loading:7,required:8,items:46,value:47,open:48,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:49,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(t){this.$$set({maxwidth:t}),i()}get tagid(){return this.$$.ctx[1]}set tagid(t){this.$$set({tagid:t}),i()}get taglabel(){return this.$$.ctx[42]}set taglabel(t){this.$$set({taglabel:t}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(t){this.$$set({placeholder:t}),i()}get filter(){return this.$$.ctx[43]}set filter(t){this.$$set({filter:t}),i()}get nofilter(){return this.$$.ctx[44]}set nofilter(t){this.$$set({nofilter:t}),i()}get disabled(){return this.$$.ctx[3]}set disabled(t){this.$$set({disabled:t}),i()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(t){this.$$set({isinvalid:t}),i()}get inputvalue(){return this.$$.ctx[45]}set inputvalue(t){this.$$set({inputvalue:t}),i()}get id(){return this.$$.ctx[6]}set id(t){this.$$set({id:t}),i()}get loading(){return this.$$.ctx[7]}set loading(t){this.$$set({loading:t}),i()}get required(){return this.$$.ctx[8]}set required(t){this.$$set({required:t}),i()}get items(){return this.$$.ctx[46]}set items(t){this.$$set({items:t}),i()}get value(){return this.$$.ctx[47]}set value(t){this.$$set({value:t}),i()}get open(){return this.$$.ctx[48]}set open(t){this.$$set({open:t}),i()}get multiple(){return this.$$.ctx[9]}set multiple(t){this.$$set({multiple:t}),i()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(t){this.$$set({emptysearchlabel:t}),i()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(t){this.$$set({datatextexpr:t}),i()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(t){this.$$set({datavalueexpr:t}),i()}get nosort(){return this.$$.ctx[49]}set nosort(t){this.$$set({nosort:t}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(t){this.$$set({layertitle:t}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(t){this.$$set({showmoretagslabel:t}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(t){this.$$set({maxnumbertoshowtags:t}),i()}get alltags(){return this.$$.ctx[16]}set alltags(t){this.$$set({alltags:t}),i()}get selectall(){return this.$$.ctx[17]}set selectall(t){this.$$set({selectall:t}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(t){this.$$set({labelselectall:t}),i()}}export{ct as default};
+import{S as t,i as e,a as l,b as a,f as i,s,J as n,K as o,c as r,e as c,d,D as u,n as m,h as p,L as h,j as g,k as $,l as f,E as x,M as b,m as v,A as w,y,z as _,N as k,p as z,q,F as j,O as S,r as C,v as N,w as O,x as T,P as E,Q as J,R as L,C as M,B as R,T as U,U as Y}from"../../index-48da6c1f.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as H}from"../../ClickOutside-63071e7a.js";import B from"../tag/Tag.nested.js";import D from"../loader/Loader.nested.js";import F from"../textinput/Textinput.nested.js";import K from"../listbox/Listbox.nested.js";function P(t,e,l){const a=t.slice();return a[73]=e[l],a}function Q(t,e,l){const a=t.slice();return a[73]=e[l],a[77]=l,a}function W(t){let e,l,a={id:t[1]?t[1]:`autocompleteTag-${t[33]}`,class:"mc-autocomplete__tag",label:t[32](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return e=new B({props:a}),t[52](e),e.$on("tag-removed",t[34]),{c(){u(e.$$.fragment)},m(t,a){x(e,t,a),l=!0},p(t,l){const a={};2&l[0]&&(a.id=t[1]?t[1]:`autocompleteTag-${t[33]}`),2&l[1]&&(a.label=t[32]()),e.$set(a)},i(t){l||(w(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(l){t[52](null),j(e,l)}}}function G(t){let e,l;return e=new D({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(e.$$.fragment)},m(t,a){x(e,t,a),l=!0},i(t){l||(w(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(t){j(e,t)}}}function I(t){let e,l,i;return{c(){e=c("button"),e.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n          <span class="mc-autocomplete__clear-text">Clear</span>',p(e,"class","mc-autocomplete__clear"),p(e,"type","button")},m(s,n){a(s,e,n),l||(i=v(e,"click",E(t[57])),l=!0)},p:m,d(t){t&&q(e),l=!1,i()}}}function V(t){let e,l,a;function i(e){t[58](e)}let s={items:JSON.stringify(t[31]),name:t[7],multiple:t[10],isfiltered:t[27],emptysearchlabel:t[11],maxwidth:t[0],datatextexpr:t[12],datavalueexpr:t[13],selectall:t[18],labelselectall:t[19],overlay:!0,width:"100%"};return void 0!==t[20]&&(s.value=t[20]),e=new K({props:s}),n.push((()=>o(e,"value",i))),e.$on("change",t[36]),e.$on("scrollend",t[40]),e.$on("select-all",t[41]),{c(){u(e.$$.fragment)},m(t,l){x(e,t,l),a=!0},p(t,a){const i={};1&a[1]&&(i.items=JSON.stringify(t[31])),128&a[0]&&(i.name=t[7]),1024&a[0]&&(i.multiple=t[10]),134217728&a[0]&&(i.isfiltered=t[27]),2048&a[0]&&(i.emptysearchlabel=t[11]),1&a[0]&&(i.maxwidth=t[0]),4096&a[0]&&(i.datatextexpr=t[12]),8192&a[0]&&(i.datavalueexpr=t[13]),262144&a[0]&&(i.selectall=t[18]),524288&a[0]&&(i.labelselectall=t[19]),!l&&1048576&a[0]&&(l=!0,i.value=t[20],k((()=>l=!1))),e.$set(i)},i(t){a||(w(e.$$.fragment,t),a=!0)},o(t){y(e.$$.fragment,t),a=!1},d(t){j(e,t)}}}function X(t){let e,l,i=t[28],s=[];for(let e=0;e<i.length;e+=1)s[e]=lt(Q(t,i,e));let n=t[20].length>t[16]&&at(t);return{c(){e=c("div");for(let t=0;t<s.length;t+=1)s[t].c();l=d(),n&&n.c(),p(e,"class","tags-selected")},m(t,i){a(t,e,i);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(e,null);f(e,l),n&&n.m(e,null)},p(t,a){if(268501e3&a[0]|2048&a[1]){let n;for(i=t[28],n=0;n<i.length;n+=1){const o=Q(t,i,n);s[n]?s[n].p(o,a):(s[n]=lt(o),s[n].c(),s[n].m(e,l))}for(;n<s.length;n+=1)s[n].d(1);s.length=i.length}t[20].length>t[16]?n?n.p(t,a):(n=at(t),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(t){t&&q(e),J(s,t),n&&n.d()}}}function Z(t){let e;function l(t,e){return t[3]?et:tt}let i=l(t),s=i(t);return{c(){e=c("div"),s.c(),p(e,"class","tag-selected")},m(t,l){a(t,e,l),s.m(e,null)},p(t,a){i===(i=l(t))&&s?s.p(t,a):(s.d(1),s=i(t),s&&(s.c(),s.m(e,null)))},d(t){t&&q(e),s.d()}}}function tt(t){let e,l,i,s,n;function o(){return t[59](t[73])}return{c(){e=c("m-tag"),M(e,"id",l=t[73].id),M(e,"label",i=t[73].label),M(e,"size","s"),M(e,"type","removable")},m(t,l){a(t,e,l),s||(n=v(e,"tag-removed",o),s=!0)},p(a,s){t=a,268435456&s[0]&&l!==(l=t[73].id)&&M(e,"id",l),268435456&s[0]&&i!==(i=t[73].label)&&M(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function et(t){let e,l,i;return{c(){e=c("m-tag"),M(e,"type","link"),M(e,"id",l=t[73].id),M(e,"label",i=t[73].label),M(e,"size","s"),M(e,"dark",!0)},m(t,l){a(t,e,l)},p(t,a){268435456&a[0]&&l!==(l=t[73].id)&&M(e,"id",l),268435456&a[0]&&i!==(i=t[73].label)&&M(e,"label",i)},d(t){t&&q(e)}}}function lt(t){let e,l=t[77]<t[16]&&Z(t);return{c(){l&&l.c(),e=L()},m(t,i){l&&l.m(t,i),a(t,e,i)},p(t,a){t[77]<t[16]?l?l.p(t,a):(l=Z(t),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null)},d(t){l&&l.d(t),t&&q(e)}}}function at(t){let e,l,i,s,n;return{c(){e=c("div"),l=c("m-tag"),M(l,"id","id-tag"),M(l,"label",i="("+t[20].length+") "+t[15]+" "),M(l,"size","s"),M(l,"type","link"),p(e,"class","tag-selected")},m(i,o){a(i,e,o),f(e,l),s||(n=v(e,"click",t[60]),s=!0)},p(t,e){1081344&e[0]&&i!==(i="("+t[20].length+") "+t[15]+" ")&&M(l,"label",i)},d(t){t&&q(e),s=!1,n()}}}function it(t){let e,l,i,s,n,o,r=t[28],d=[];for(let e=0;e<r.length;e+=1)d[e]=ot(P(t,r,e));return{c(){e=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let t=0;t<d.length;t+=1)d[t].c();p(s,"class","tags-selected"),p(i,"slot","content"),M(l,"title",t[14]),M(l,"layertitletag","h3"),M(l,"isopen",t[29])},m(r,c){a(r,e,c),f(e,l),f(l,i),f(i,s);for(let t=0;t<d.length;t+=1)d[t]&&d[t].m(s,null);n||(o=v(l,"layer-closed",t[62]),n=!0)},p(t,e){if(268435464&e[0]|2048&e[1]){let l;for(r=t[28],l=0;l<r.length;l+=1){const a=P(t,r,l);d[l]?d[l].p(a,e):(d[l]=ot(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}16384&e[0]&&M(l,"title",t[14]),536870912&e[0]&&M(l,"isopen",t[29])},d(t){t&&q(e),J(d,t),n=!1,o()}}}function st(t){let e,l,i,s,n;function o(){return t[61](t[73])}return{c(){e=c("m-tag"),M(e,"id",l=t[73].id),M(e,"label",i=t[73].label),M(e,"size","s"),M(e,"type","removable")},m(t,l){a(t,e,l),s||(n=v(e,"tag-removed",o),s=!0)},p(a,s){t=a,268435456&s[0]&&l!==(l=t[73].id)&&M(e,"id",l),268435456&s[0]&&i!==(i=t[73].label)&&M(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function nt(t){let e,l,i;return{c(){e=c("m-tag"),M(e,"type","text"),M(e,"id",l=t[73].id),M(e,"label",i=t[73].label),M(e,"size","s")},m(t,l){a(t,e,l)},p(t,a){268435456&a[0]&&l!==(l=t[73].id)&&M(e,"id",l),268435456&a[0]&&i!==(i=t[73].label)&&M(e,"label",i)},d(t){t&&q(e)}}}function ot(t){let e,l;function i(t,e){return t[3]?nt:st}let s=i(t),n=s(t);return{c(){e=c("div"),n.c(),l=d(),p(e,"class","tag-selected")},m(t,i){a(t,e,i),n.m(e,null),f(e,l)},p(t,a){s===(s=i(t))&&n?n.p(t,a):(n.d(1),n=s(t),n&&(n.c(),n.m(e,l)))},d(t){t&&q(e),n.d()}}}function rt(t){let e,l,i,s,C,N,O,T,E,J,L,M,U,Y,A,B,D,K,P,Q=t[10]&&t[20].length>0&&!t[17]&&W(t);function Z(e){t[53](e)}let tt={classinput:"mc-autocomplete__trigger",name:t[6],placeholder:t[2],inputtype:"text",isinvalid:t[5],disabled:t[3],size:t[4],required:t[9],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==t[30]&&(tt.value=t[30]),s=new F({props:tt}),n.push((()=>o(s,"value",Z))),s.$on("input",t[39]),s.$on("click",t[54]),s.$on("change",t[55]),s.$on("blur",t[56]);let et=t[8]&&G(),lt=null!=t[30]&&""!=t[30]&&!t[3]&&I(t),at=t[22]&&V(t),st=t[10]&&t[17]&&X(t),nt=t[10]&&t[17]&&it(t),ot=[{class:"mc-autocomplete"},{style:B="--autocomplete-tag-width: "+t[26]+"; --autocomplete-width: "+t[0]+";"},t[23]],rt={};for(let t=0;t<ot.length;t+=1)rt=r(rt,ot[t]);return{c(){e=c("div"),l=c("div"),Q&&Q.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),et&&et.c(),T=d(),lt&&lt.c(),E=d(),at&&at.c(),J=d(),st&&st.c(),L=d(),M=c("span"),U=d(),Y=c("span"),A=d(),nt&&nt.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(M,"class","mc-autocomplete__loader"),h(M,"display","none"),p(Y,"class","mc-text-input mc-autocomplete__trigger"),h(Y,"display","none"),g(e,rt),$(e,"mc-autocomplete--multi",t[10])},m(n,o){a(n,e,o),f(e,l),Q&&Q.m(l,null),f(l,i),x(s,l,null),f(l,N),f(l,O),et&&et.m(O,null),f(O,T),lt&&lt.m(O,null),f(e,E),at&&at.m(e,null),f(e,J),st&&st.m(e,null),f(e,L),f(e,M),f(e,U),f(e,Y),f(e,A),nt&&nt.m(e,null),t[63](e),D=!0,K||(P=[b(H.call(null,e)),v(e,"outclick",t[35])],K=!0)},p(t,a){t[10]&&t[20].length>0&&!t[17]?Q?(Q.p(t,a),1180672&a[0]&&w(Q,1)):(Q=W(t),Q.c(),w(Q,1),Q.m(l,i)):Q&&(R(),y(Q,1,1,(()=>{Q=null})),_());const n={};64&a[0]&&(n.name=t[6]),4&a[0]&&(n.placeholder=t[2]),32&a[0]&&(n.isinvalid=t[5]),8&a[0]&&(n.disabled=t[3]),16&a[0]&&(n.size=t[4]),512&a[0]&&(n.required=t[9]),!C&&1073741824&a[0]&&(C=!0,n.value=t[30],k((()=>C=!1))),s.$set(n),t[8]?et?256&a[0]&&w(et,1):(et=G(),et.c(),w(et,1),et.m(O,T)):et&&(R(),y(et,1,1,(()=>{et=null})),_()),null==t[30]||""==t[30]||t[3]?lt&&(lt.d(1),lt=null):lt?lt.p(t,a):(lt=I(t),lt.c(),lt.m(O,null)),t[22]?at?(at.p(t,a),4194304&a[0]&&w(at,1)):(at=V(t),at.c(),w(at,1),at.m(e,J)):at&&(R(),y(at,1,1,(()=>{at=null})),_()),t[10]&&t[17]?st?st.p(t,a):(st=X(t),st.c(),st.m(e,L)):st&&(st.d(1),st=null),t[10]&&t[17]?nt?nt.p(t,a):(nt=it(t),nt.c(),nt.m(e,null)):nt&&(nt.d(1),nt=null),g(e,rt=z(ot,[{class:"mc-autocomplete"},(!D||67108865&a[0]&&B!==(B="--autocomplete-tag-width: "+t[26]+"; --autocomplete-width: "+t[0]+";"))&&{style:B},8388608&a[0]&&t[23]])),$(e,"mc-autocomplete--multi",t[10])},i(t){D||(w(Q),w(s.$$.fragment,t),w(et),w(at),D=!0)},o(t){y(Q),y(s.$$.fragment,t),y(et),y(at),D=!1},d(l){l&&q(e),Q&&Q.d(),j(s),et&&et.d(),lt&&lt.d(),at&&at.d(),st&&st.d(),nt&&nt.d(),t[63](null),K=!1,S(P)}}}function ct(t,e,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p,h=C(e,m),{maxwidth:g="100%"}=e,{tagid:$}=e,{taglabel:f=""}=e,{placeholder:x}=e,{filter:b=!0}=e,{nofilter:v=!1}=e,{disabled:w=!1}=e,{size:y="m"}=e,{isinvalid:_}=e,{inputvalue:k}=e,{id:z}=e,{name:q}=e,{loading:j=!1}=e,{required:S=!1}=e,{items:E}=e,{value:J}=e,{open:L=!1}=e,{multiple:M=!1}=e,{emptysearchlabel:R="No results found"}=e,{datatextexpr:H="label"}=e,{datavalueexpr:B="value"}=e,{nosort:D=!1}=e,{layertitle:F="Title layer"}=e,{showmoretagslabel:K="Show more"}=e,{maxnumbertoshowtags:P=12}=e,{alltags:Q=!1}=e,{selectall:W=!1}=e,{labelselectall:G="Select all"}=e;const I=Math.random();let V,X,Z,tt=new A(N(),O()),et="0px",lt=!1,at=[],it=null;function st(){w||(l(20,o=M?[]:""),nt(),tt.dispatch("clear",!0))}function nt(){l(22,d=!1),M&&!D?function(){Z=i;const t=ot();Z.sort(((e,l)=>{const a=t.includes(e),i=t.includes(l);return a===i?e[B]-l[B]:a<i?1:-1})),l(31,s=Z)}():l(31,s=i)}function ot(t){const e=t||o;return i.filter((t=>M?e.includes(t[B]):e===t[B]))}function rt(){l(29,it=!0)}function ct(){l(29,it=null)}function dt(t){l(20,o=o.filter((e=>e!==t))),tt.dispatch("onchange",o)}return t.$$set=t=>{e=r(r({},e),T(t)),l(72,h=C(e,m)),"maxwidth"in t&&l(0,g=t.maxwidth),"tagid"in t&&l(1,$=t.tagid),"taglabel"in t&&l(43,f=t.taglabel),"placeholder"in t&&l(2,x=t.placeholder),"filter"in t&&l(44,b=t.filter),"nofilter"in t&&l(45,v=t.nofilter),"disabled"in t&&l(3,w=t.disabled),"size"in t&&l(4,y=t.size),"isinvalid"in t&&l(5,_=t.isinvalid),"inputvalue"in t&&l(46,k=t.inputvalue),"id"in t&&l(6,z=t.id),"name"in t&&l(7,q=t.name),"loading"in t&&l(8,j=t.loading),"required"in t&&l(9,S=t.required),"items"in t&&l(47,E=t.items),"value"in t&&l(48,J=t.value),"open"in t&&l(49,L=t.open),"multiple"in t&&l(10,M=t.multiple),"emptysearchlabel"in t&&l(11,R=t.emptysearchlabel),"datatextexpr"in t&&l(12,H=t.datatextexpr),"datavalueexpr"in t&&l(13,B=t.datavalueexpr),"nosort"in t&&l(50,D=t.nosort),"layertitle"in t&&l(14,F=t.layertitle),"showmoretagslabel"in t&&l(15,K=t.showmoretagslabel),"maxnumbertoshowtags"in t&&l(16,P=t.maxnumbertoshowtags),"alltags"in t&&l(17,Q=t.alltags),"selectall"in t&&l(18,W=t.selectall),"labelselectall"in t&&l(19,G=t.labelselectall)},t.$$.update=()=>{if(32768&t.$$.dirty[1]&&l(30,a=k),65536&t.$$.dirty[1]&&l(21,i=E?JSON.parse(E):[]),2097152&t.$$.dirty[0]&&l(31,s=i),1024&t.$$.dirty[0]|131072&t.$$.dirty[1]&&l(20,o=!J&&M?[]:J?JSON.parse(J):J),1048576&t.$$.dirty[0]|4096&t.$$.dirty[1]&&l(32,c=()=>o.length.toString()+" "+f),1048576&t.$$.dirty[0]&&async function(t){try{if(await U(),l(28,at=ot(t)),M)l(51,X=t);else{const t=at.map((t=>t[H]));l(30,a=t.join(", "))}}catch(t){console.error(t)}}(o),1048576&t.$$.dirty[1]&&async function(t){var e;try{await U(),l(26,et=V&&t&&t.length?`${null===(e=null==p?void 0:p.querySelector(".mc-tag-removable"))||void 0===e?void 0:e.clientWidth}px`:"0px")}catch(t){console.error(t)}}(X),262144&t.$$.dirty[1]&&l(22,d=L),4194304&t.$$.dirty[0]){const t=d?"open":"close";tt.dispatch(t,d)}l(23,u=Object.assign({},h)),8388608&t.$$.dirty[0]&&delete u.class},[g,$,x,w,y,_,z,q,j,S,M,R,H,B,F,K,P,Q,W,G,o,i,d,u,p,V,et,lt,at,it,a,s,c,I,st,nt,function(){tt.dispatch("onchange",o),M||nt()},rt,ct,function(t){const e=t.target.value;!function(t){tt.dispatch("oninput",t)}(e),function(t){!v&&b&&(t.length?l(31,s=i.filter((e=>e[H].toUpperCase().includes(t.toUpperCase())))):l(31,s=i),l(27,lt=!s.length),tt.dispatch("onfilter",s))}(e)},function(){tt.dispatch("scrollend",!0)},function(t){tt.dispatch("select-all",t.detail)},dt,f,b,v,k,E,J,L,D,X,function(t){n[t?"unshift":"push"]((()=>{V=t,l(25,V)}))},function(t){a=t,l(30,a),l(46,k)},()=>l(22,d=!0),function(e){Y.call(this,t,e)},function(e){Y.call(this,t,e)},()=>{l(30,a=""),l(31,s=i),l(27,lt=!1),M||st()},function(t){o=t,l(20,o),l(48,J),l(10,M)},t=>dt(t.id),()=>rt(),t=>dt(t.id),()=>ct(),function(t){n[t?"unshift":"push"]((()=>{p=t,l(24,p)}))}]}class dt extends t{constructor(t){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #758992;box-shadow:0 0 0 2px #758992}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete{min-width:auto}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}.mc-listbox--overlay{top:calc(100% + 4px)}",this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},ct,rt,s,{maxwidth:0,tagid:1,taglabel:43,placeholder:2,filter:44,nofilter:45,disabled:3,size:4,isinvalid:5,inputvalue:46,id:6,name:7,loading:8,required:9,items:47,value:48,open:49,multiple:10,emptysearchlabel:11,datatextexpr:12,datavalueexpr:13,nosort:50,layertitle:14,showmoretagslabel:15,maxnumbertoshowtags:16,alltags:17,selectall:18,labelselectall:19},null,[-1,-1,-1]),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(t){this.$$set({maxwidth:t}),i()}get tagid(){return this.$$.ctx[1]}set tagid(t){this.$$set({tagid:t}),i()}get taglabel(){return this.$$.ctx[43]}set taglabel(t){this.$$set({taglabel:t}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(t){this.$$set({placeholder:t}),i()}get filter(){return this.$$.ctx[44]}set filter(t){this.$$set({filter:t}),i()}get nofilter(){return this.$$.ctx[45]}set nofilter(t){this.$$set({nofilter:t}),i()}get disabled(){return this.$$.ctx[3]}set disabled(t){this.$$set({disabled:t}),i()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(t){this.$$set({isinvalid:t}),i()}get inputvalue(){return this.$$.ctx[46]}set inputvalue(t){this.$$set({inputvalue:t}),i()}get id(){return this.$$.ctx[6]}set id(t){this.$$set({id:t}),i()}get name(){return this.$$.ctx[7]}set name(t){this.$$set({name:t}),i()}get loading(){return this.$$.ctx[8]}set loading(t){this.$$set({loading:t}),i()}get required(){return this.$$.ctx[9]}set required(t){this.$$set({required:t}),i()}get items(){return this.$$.ctx[47]}set items(t){this.$$set({items:t}),i()}get value(){return this.$$.ctx[48]}set value(t){this.$$set({value:t}),i()}get open(){return this.$$.ctx[49]}set open(t){this.$$set({open:t}),i()}get multiple(){return this.$$.ctx[10]}set multiple(t){this.$$set({multiple:t}),i()}get emptysearchlabel(){return this.$$.ctx[11]}set emptysearchlabel(t){this.$$set({emptysearchlabel:t}),i()}get datatextexpr(){return this.$$.ctx[12]}set datatextexpr(t){this.$$set({datatextexpr:t}),i()}get datavalueexpr(){return this.$$.ctx[13]}set datavalueexpr(t){this.$$set({datavalueexpr:t}),i()}get nosort(){return this.$$.ctx[50]}set nosort(t){this.$$set({nosort:t}),i()}get layertitle(){return this.$$.ctx[14]}set layertitle(t){this.$$set({layertitle:t}),i()}get showmoretagslabel(){return this.$$.ctx[15]}set showmoretagslabel(t){this.$$set({showmoretagslabel:t}),i()}get maxnumbertoshowtags(){return this.$$.ctx[16]}set maxnumbertoshowtags(t){this.$$set({maxnumbertoshowtags:t}),i()}get alltags(){return this.$$.ctx[17]}set alltags(t){this.$$set({alltags:t}),i()}get selectall(){return this.$$.ctx[18]}set selectall(t){this.$$set({selectall:t}),i()}get labelselectall(){return this.$$.ctx[19]}set labelselectall(t){this.$$set({labelselectall:t}),i()}}export{dt as default};
 //# sourceMappingURL=Autocomplete.js.map

package/public/adeo/components/autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../../src/components/autocomplete/Autocomplete.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { tick } from 'svelte';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { clickOutside } from '../../utilities/ClickOutside';\n  import type { ListboxItems } from '../listbox/listbox.types';\n  import type { TextInputSize } from '../textinput/textinput.types';\n\n  import Tag from '../tag/Tag.nested.svelte';\n  import Loader from '../loader/Loader.nested.svelte';\n  import TextInput from '../textinput/Textinput.nested.svelte';\n  import Listbox from '../listbox/Listbox.nested.svelte';\n\n  export let maxwidth = '100%';\n  export let tagid: string;\n  export let taglabel = '';\n  export let placeholder: string;\n  export let filter = true;\n  export let nofilter = false;\n  export let disabled = false;\n  export let size: TextInputSize = 'm';\n  export let isinvalid: boolean;\n  export let inputvalue: string;\n  export let id: string;\n  export let loading = false;\n  export let required = false;\n  export let items: string;\n  export let value: any;\n  export let open = false;\n  export let multiple = false;\n  export let emptysearchlabel = 'No results found';\n  export let datatextexpr = 'label';\n  export let datavalueexpr = 'value';\n  export let nosort = false;\n  export let layertitle = 'Title layer';\n  export let showmoretagslabel = 'Show more';\n  export let maxnumbertoshowtags = 12;\n  export let alltags = false;\n  export let selectall = false;\n  export let labelselectall = 'Select all';\n\n  let component: HTMLDivElement;\n  const uuid = Math.random();\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  let tag: any;\n  let tagWidth = '0px';\n  let tagValue: any;\n  let sortedListItems: any;\n  let isfiltered = false;\n  let selectedItems: ListboxItems[] = [];\n  let openLayer: any = null;\n\n  $: localInputValue = inputvalue;\n  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n  $: localItems = parsedItems;\n  $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n  $: setTagLabel = () => {\n    return listboxValue.length.toString() + ' ' + taglabel;\n  };\n  $: watchListboxValue(listboxValue);\n  $: setTagWidth(tagValue);\n  $: openState = open;\n  $: {\n    const eventName = openState ? 'open' : 'close';\n    eventHandler.dispatch(eventName, openState);\n  }\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function clearListbox() {\n    if (!disabled) {\n      listboxValue = multiple ? [] : '';\n      closeListBox();\n      eventHandler.dispatch('clear', true);\n    }\n  }\n\n  function closeListBox() {\n    openState = false;\n\n    if (multiple && !nosort) {\n      sortItems();\n    } else {\n      localItems = parsedItems;\n    }\n  }\n\n  function onChange() {\n    eventHandler.dispatch('onchange', listboxValue);\n\n    if (!multiple) {\n      closeListBox();\n    }\n  }\n\n  function getSelectedItems(val?: string) {\n    const value = val ? val : listboxValue;\n\n    const selectedItems = parsedItems.filter((item: ListboxItems) => {\n      return multiple\n        ? value.includes(item[datavalueexpr])\n        : value === item[datavalueexpr];\n    });\n    return selectedItems;\n  }\n\n  function sortItems() {\n    sortedListItems = parsedItems;\n    const selectedItems = getSelectedItems();\n\n    sortedListItems.sort((a: any, b: any) => {\n      const hasItemA = selectedItems.includes(a);\n      const hasItemB = selectedItems.includes(b);\n\n      if (hasItemA === hasItemB) {\n        return a[datavalueexpr] - b[datavalueexpr];\n      } else if (hasItemA < hasItemB) {\n        return 1;\n      } else {\n        return -1;\n      }\n    });\n\n    localItems = sortedListItems;\n  }\n\n  function openLayerFn() {\n    openLayer = true;\n  }\n\n  function closeLayerFn() {\n    openLayer = null;\n  }\n\n  function handleInputValue(value: any) {\n    eventHandler.dispatch('oninput', value);\n  }\n\n  function filterListbox(value: any) {\n    if (nofilter || !filter) {\n      return;\n    }\n\n    if (value.length) {\n      localItems = parsedItems.filter((item: any) =>\n        item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n      );\n    } else {\n      localItems = parsedItems;\n    }\n\n    isfiltered = !localItems.length;\n\n    eventHandler.dispatch('onfilter', localItems);\n  }\n\n  function onInput(e: Event) {\n    const value = (e.target as HTMLInputElement).value;\n    handleInputValue(value);\n    filterListbox(value);\n  }\n\n  function onScrollEnd() {\n    eventHandler.dispatch('scrollend', true);\n  }\n\n  function onSelectAll(e: CustomEvent) {\n    eventHandler.dispatch('select-all', e.detail);\n  }\n\n  function removeTagSelected(itemSelectedId: any) {\n    listboxValue = listboxValue.filter(\n      (value: any) => value !== itemSelectedId,\n    );\n    eventHandler.dispatch('onchange', listboxValue);\n  }\n\n  // Watch Functions\n  async function watchListboxValue(value: any) {\n    try {\n      await tick();\n      selectedItems = getSelectedItems(value);\n      if (!multiple) {\n        const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n        localInputValue = seletedLabels.join(', ');\n      } else {\n        tagValue = value;\n      }\n    } catch (e) {\n      console.error(e);\n    }\n  }\n\n  async function setTagWidth(tagValue: any) {\n    try {\n      await tick();\n\n      tagWidth =\n        tag && tagValue && tagValue.length\n          ? `${component?.querySelector('.mc-tag-removable')?.clientWidth}px`\n          : '0px';\n    } catch (e) {\n      console.error(e);\n    }\n  }\n</script>\n\n<div\n  class=\"mc-autocomplete\"\n  class:mc-autocomplete--multi={multiple}\n  style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n  use:clickOutside\n  on:outclick={closeListBox}\n  {...attributes}\n  bind:this={component}\n>\n  <div class=\"mc-autocomplete__main\">\n    <!--  TAG REMOVABLE -->\n    {#if multiple && listboxValue.length > 0 && !alltags}\n      <Tag\n        id={tagid ? tagid : `autocompleteTag-${uuid}`}\n        class=\"mc-autocomplete__tag\"\n        label={setTagLabel()}\n        size=\"s\"\n        type=\"removable\"\n        dark={false}\n        disabled={false}\n        href=\"\"\n        name=\"\"\n        value=\"\"\n        selected={false}\n        bind:this={tag}\n        on:tag-removed={clearListbox}\n      />\n    {/if}\n\n    <!-- TEXT INPUT -->\n    <TextInput\n      classinput=\"mc-autocomplete__trigger\"\n      name={id}\n      bind:value={localInputValue}\n      {placeholder}\n      inputtype=\"text\"\n      {isinvalid}\n      {disabled}\n      {size}\n      {required}\n      iconname=\"navigation-display-search-24px\"\n      rightalign={false}\n      isvalid={false}\n      min=\"\"\n      max=\"\"\n      on:input={onInput}\n      on:click={() => (openState = true)}\n      on:change\n      on:blur\n    />\n\n    <div class=\"mc-autocomplete__tools\">\n      <!-- LOADER -->\n      {#if loading}\n        <Loader\n          size=\"s\"\n          theme=\"primary\"\n          text=\"\"\n          class=\"mc-autocomplete__loader\"\n        />\n      {/if}\n\n      <!-- CLEAR BUTTON -->\n      {#if localInputValue != null && localInputValue != '' && !disabled}\n        <button\n          class=\"mc-autocomplete__clear\"\n          type=\"button\"\n          on:click|stopPropagation={() => {\n            localInputValue = '';\n            localItems = parsedItems;\n            isfiltered = false;\n            if (!multiple) {\n              clearListbox();\n            }\n          }}\n        >\n          <navigation-control-tag--cross-24px />\n          <span class=\"mc-autocomplete__clear-text\">Clear</span>\n        </button>\n      {/if}\n    </div>\n  </div>\n\n  <!-- LISTBOX -->\n  <Listbox\n    items={JSON.stringify(localItems)}\n    open={openState}\n    {multiple}\n    {isfiltered}\n    {emptysearchlabel}\n    {maxwidth}\n    {datatextexpr}\n    {datavalueexpr}\n    {selectall}\n    {labelselectall}\n    bind:value={listboxValue}\n    on:change={onChange}\n    on:scrollend={onScrollEnd}\n    on:select-all={onSelectAll}\n  />\n\n  {#if multiple && alltags}\n    <div class=\"tags-selected\">\n      {#each selectedItems as selectedItem, index}\n        {#if index < maxnumbertoshowtags}\n          <div class=\"tag-selected\">\n            {#if disabled}\n              <m-tag\n                type=\"link\"\n                id={selectedItem.id}\n                label={selectedItem.label}\n                size=\"s\"\n                dark={true}\n              />\n            {:else}\n              <m-tag\n                id={selectedItem.id}\n                label={selectedItem.label}\n                size=\"s\"\n                type=\"removable\"\n                on:tag-removed={() => removeTagSelected(selectedItem.id)}\n              />\n            {/if}\n          </div>\n        {/if}\n      {/each}\n      {#if listboxValue.length > maxnumbertoshowtags}\n        <!-- svelte-ignore a11y-click-events-have-key-events -->\n        <div class=\"tag-selected\" on:click={() => openLayerFn()}>\n          <m-tag\n            id=\"id-tag\"\n            label=\"({listboxValue.length}) {showmoretagslabel} \"\n            size=\"s\"\n            type=\"link\"\n          />\n        </div>\n      {/if}\n    </div>\n  {/if}\n\n  <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n  <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n  <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\n  {#if multiple && alltags}\n    <div>\n      <m-layer\n        title={layertitle}\n        layertitletag=\"h3\"\n        isopen={openLayer}\n        on:layer-closed={() => closeLayerFn()}\n      >\n        <small slot=\"content\">\n          <div class=\"tags-selected\">\n            {#each selectedItems as selectedItem}\n              <div class=\"tag-selected\">\n                {#if disabled}\n                  <m-tag\n                    type=\"text\"\n                    id={selectedItem.id}\n                    label={selectedItem.label}\n                    size=\"s\"\n                  />\n                {:else}\n                  <m-tag\n                    id={selectedItem.id}\n                    label={selectedItem.label}\n                    size=\"s\"\n                    type=\"removable\"\n                    on:tag-removed={() => removeTagSelected(selectedItem.id)}\n                  />\n                {/if}\n              </div>\n            {/each}\n          </div>\n        </small>\n      </m-layer>\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.autocomplete';\n\n  // Autocomplete\n  // NOTE: These styles with the \"!important\" allow to overload the edge effects\n  // due to the scoping applied by Svelte on the CSS selectors\n  .mc-autocomplete {\n    min-width: auto;\n\n    &__tag {\n      position: absolute !important; // due to the Svelte CSS scope\n    }\n\n    &--multi {\n      .mc-autocomplete__trigger {\n        padding-left: calc(\n          2.9375rem + var(--autocomplete-tag-width)\n        ) !important;\n      }\n    }\n  }\n\n  // Selected Tags\n  .tags-selected {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  .tag-selected {\n    margin-top: 1em;\n    margin-left: 5px;\n    margin-right: 5px;\n  }\n</style>\n"],"names":["ctx","insert","target","button","anchor","length","i","create_if_block_3","div","create_if_block_5","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","dirty","if_block","create_if_block_4","append","div1","m_layer","small","div0","create_if_block_1","if_block0","create_if_block_8","create_if_block_7","if_block2","create_if_block_6","JSON","stringify","if_block3","create_if_block_2","if_block4","create_if_block","style","div2_style_value","div2","span0","span1","current","component","maxwidth","$$props","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","e","console","error","watchListboxValue","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","sources":["../../../../src/components/autocomplete/Autocomplete.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { tick } from 'svelte';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { clickOutside } from '../../utilities/ClickOutside';\n  import type { ListboxItems } from '../listbox/listbox.types';\n  import type { TextInputSize } from '../textinput/textinput.types';\n\n  import Tag from '../tag/Tag.nested.svelte';\n  import Loader from '../loader/Loader.nested.svelte';\n  import TextInput from '../textinput/Textinput.nested.svelte';\n  import Listbox from '../listbox/Listbox.nested.svelte';\n\n  export let maxwidth = '100%';\n  export let tagid: string;\n  export let taglabel = '';\n  export let placeholder: string;\n  export let filter = true;\n  export let nofilter = false;\n  export let disabled = false;\n  export let size: TextInputSize = 'm';\n  export let isinvalid: boolean;\n  export let inputvalue: string;\n  export let id: string;\n  export let name: string;\n  export let loading = false;\n  export let required = false;\n  export let items: string;\n  export let value: any;\n  export let open = false;\n  export let multiple = false;\n  export let emptysearchlabel = 'No results found';\n  export let datatextexpr = 'label';\n  export let datavalueexpr = 'value';\n  export let nosort = false;\n  export let layertitle = 'Title layer';\n  export let showmoretagslabel = 'Show more';\n  export let maxnumbertoshowtags = 12;\n  export let alltags = false;\n  export let selectall = false;\n  export let labelselectall = 'Select all';\n\n  let component: HTMLDivElement;\n  const uuid = Math.random();\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  let tag: any;\n  let tagWidth = '0px';\n  let tagValue: any;\n  let sortedListItems: any;\n  let isfiltered = false;\n  let selectedItems: ListboxItems[] = [];\n  let openLayer: any = null;\n\n  $: localInputValue = inputvalue;\n  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n  $: localItems = parsedItems;\n  $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n  $: setTagLabel = () => {\n    return listboxValue.length.toString() + ' ' + taglabel;\n  };\n  $: watchListboxValue(listboxValue);\n  $: setTagWidth(tagValue);\n  $: openState = open;\n  $: {\n    const eventName = openState ? 'open' : 'close';\n    eventHandler.dispatch(eventName, openState);\n  }\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function clearListbox() {\n    if (!disabled) {\n      listboxValue = multiple ? [] : '';\n      closeListBox();\n      eventHandler.dispatch('clear', true);\n    }\n  }\n\n  function closeListBox() {\n    openState = false;\n\n    if (multiple && !nosort) {\n      sortItems();\n    } else {\n      localItems = parsedItems;\n    }\n  }\n\n  function onChange() {\n    eventHandler.dispatch('onchange', listboxValue);\n\n    if (!multiple) {\n      closeListBox();\n    }\n  }\n\n  function getSelectedItems(val?: string) {\n    const value = val ? val : listboxValue;\n\n    const selectedItems = parsedItems.filter((item: ListboxItems) => {\n      return multiple\n        ? value.includes(item[datavalueexpr])\n        : value === item[datavalueexpr];\n    });\n    return selectedItems;\n  }\n\n  function sortItems() {\n    sortedListItems = parsedItems;\n    const selectedItems = getSelectedItems();\n\n    sortedListItems.sort((a: any, b: any) => {\n      const hasItemA = selectedItems.includes(a);\n      const hasItemB = selectedItems.includes(b);\n\n      if (hasItemA === hasItemB) {\n        return a[datavalueexpr] - b[datavalueexpr];\n      } else if (hasItemA < hasItemB) {\n        return 1;\n      } else {\n        return -1;\n      }\n    });\n\n    localItems = sortedListItems;\n  }\n\n  function openLayerFn() {\n    openLayer = true;\n  }\n\n  function closeLayerFn() {\n    openLayer = null;\n  }\n\n  function handleInputValue(value: any) {\n    eventHandler.dispatch('oninput', value);\n  }\n\n  function filterListbox(value: any) {\n    if (nofilter || !filter) {\n      return;\n    }\n\n    if (value.length) {\n      localItems = parsedItems.filter((item: any) =>\n        item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n      );\n    } else {\n      localItems = parsedItems;\n    }\n\n    isfiltered = !localItems.length;\n\n    eventHandler.dispatch('onfilter', localItems);\n  }\n\n  function onInput(e: Event) {\n    const value = (e.target as HTMLInputElement).value;\n    handleInputValue(value);\n    filterListbox(value);\n  }\n\n  function onScrollEnd() {\n    eventHandler.dispatch('scrollend', true);\n  }\n\n  function onSelectAll(e: CustomEvent) {\n    eventHandler.dispatch('select-all', e.detail);\n  }\n\n  function removeTagSelected(itemSelectedId: any) {\n    listboxValue = listboxValue.filter(\n      (value: any) => value !== itemSelectedId,\n    );\n    eventHandler.dispatch('onchange', listboxValue);\n  }\n\n  // Watch Functions\n  async function watchListboxValue(value: any) {\n    try {\n      await tick();\n      selectedItems = getSelectedItems(value);\n      if (!multiple) {\n        const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n        localInputValue = seletedLabels.join(', ');\n      } else {\n        tagValue = value;\n      }\n    } catch (e) {\n      console.error(e);\n    }\n  }\n\n  async function setTagWidth(tagValue: any) {\n    try {\n      await tick();\n\n      tagWidth =\n        tag && tagValue && tagValue.length\n          ? `${component?.querySelector('.mc-tag-removable')?.clientWidth}px`\n          : '0px';\n    } catch (e) {\n      console.error(e);\n    }\n  }\n</script>\n\n<div\n  class=\"mc-autocomplete\"\n  class:mc-autocomplete--multi={multiple}\n  style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n  use:clickOutside\n  on:outclick={closeListBox}\n  {...attributes}\n  bind:this={component}\n>\n  <div class=\"mc-autocomplete__main\">\n    <!--  TAG REMOVABLE -->\n    {#if multiple && listboxValue.length > 0 && !alltags}\n      <Tag\n        id={tagid ? tagid : `autocompleteTag-${uuid}`}\n        class=\"mc-autocomplete__tag\"\n        label={setTagLabel()}\n        size=\"s\"\n        type=\"removable\"\n        dark={false}\n        disabled={false}\n        href=\"\"\n        name=\"\"\n        value=\"\"\n        selected={false}\n        bind:this={tag}\n        on:tag-removed={clearListbox}\n      />\n    {/if}\n\n    <!-- TEXT INPUT -->\n    <TextInput\n      classinput=\"mc-autocomplete__trigger\"\n      name={id}\n      bind:value={localInputValue}\n      {placeholder}\n      inputtype=\"text\"\n      {isinvalid}\n      {disabled}\n      {size}\n      {required}\n      iconname=\"navigation-display-search-24px\"\n      rightalign={false}\n      isvalid={false}\n      min=\"\"\n      max=\"\"\n      on:input={onInput}\n      on:click={() => (openState = true)}\n      on:change\n      on:blur\n    />\n\n    <div class=\"mc-autocomplete__tools\">\n      <!-- LOADER -->\n      {#if loading}\n        <Loader\n          size=\"s\"\n          theme=\"primary\"\n          text=\"\"\n          class=\"mc-autocomplete__loader\"\n        />\n      {/if}\n\n      <!-- CLEAR BUTTON -->\n      {#if localInputValue != null && localInputValue != '' && !disabled}\n        <button\n          class=\"mc-autocomplete__clear\"\n          type=\"button\"\n          on:click|stopPropagation={() => {\n            localInputValue = '';\n            localItems = parsedItems;\n            isfiltered = false;\n            if (!multiple) {\n              clearListbox();\n            }\n          }}\n        >\n          <navigation-control-tag--cross-24px />\n          <span class=\"mc-autocomplete__clear-text\">Clear</span>\n        </button>\n      {/if}\n    </div>\n  </div>\n\n  <!-- LISTBOX -->\n  {#if openState}\n    <Listbox\n      items={JSON.stringify(localItems)}\n      {name}\n      {multiple}\n      {isfiltered}\n      {emptysearchlabel}\n      {maxwidth}\n      {datatextexpr}\n      {datavalueexpr}\n      {selectall}\n      {labelselectall}\n      overlay={true}\n      width=\"100%\"\n      bind:value={listboxValue}\n      on:change={onChange}\n      on:scrollend={onScrollEnd}\n      on:select-all={onSelectAll}\n    />\n  {/if}\n\n  {#if multiple && alltags}\n    <div class=\"tags-selected\">\n      {#each selectedItems as selectedItem, index}\n        {#if index < maxnumbertoshowtags}\n          <div class=\"tag-selected\">\n            {#if disabled}\n              <m-tag\n                type=\"link\"\n                id={selectedItem.id}\n                label={selectedItem.label}\n                size=\"s\"\n                dark={true}\n              />\n            {:else}\n              <m-tag\n                id={selectedItem.id}\n                label={selectedItem.label}\n                size=\"s\"\n                type=\"removable\"\n                on:tag-removed={() => removeTagSelected(selectedItem.id)}\n              />\n            {/if}\n          </div>\n        {/if}\n      {/each}\n      {#if listboxValue.length > maxnumbertoshowtags}\n        <!-- svelte-ignore a11y-click-events-have-key-events -->\n        <div class=\"tag-selected\" on:click={() => openLayerFn()}>\n          <m-tag\n            id=\"id-tag\"\n            label=\"({listboxValue.length}) {showmoretagslabel} \"\n            size=\"s\"\n            type=\"link\"\n          />\n        </div>\n      {/if}\n    </div>\n  {/if}\n\n  <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n  <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n  <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\n  {#if multiple && alltags}\n    <div>\n      <m-layer\n        title={layertitle}\n        layertitletag=\"h3\"\n        isopen={openLayer}\n        on:layer-closed={() => closeLayerFn()}\n      >\n        <small slot=\"content\">\n          <div class=\"tags-selected\">\n            {#each selectedItems as selectedItem}\n              <div class=\"tag-selected\">\n                {#if disabled}\n                  <m-tag\n                    type=\"text\"\n                    id={selectedItem.id}\n                    label={selectedItem.label}\n                    size=\"s\"\n                  />\n                {:else}\n                  <m-tag\n                    id={selectedItem.id}\n                    label={selectedItem.label}\n                    size=\"s\"\n                    type=\"removable\"\n                    on:tag-removed={() => removeTagSelected(selectedItem.id)}\n                  />\n                {/if}\n              </div>\n            {/each}\n          </div>\n        </small>\n      </m-layer>\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.autocomplete';\n\n  // Autocomplete\n  // NOTE: These styles with the \"!important\" allow to overload the edge effects\n  // due to the scoping applied by Svelte on the CSS selectors\n  .mc-autocomplete {\n    min-width: auto;\n\n    &__tag {\n      position: absolute !important; // due to the Svelte CSS scope\n    }\n\n    &--multi {\n      .mc-autocomplete__trigger {\n        padding-left: calc(\n          2.9375rem + var(--autocomplete-tag-width)\n        ) !important;\n      }\n    }\n  }\n\n  // Selected Tags\n  .tags-selected {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  .tag-selected {\n    margin-top: 1em;\n    margin-left: 5px;\n    margin-right: 5px;\n  }\n\n  // Listbox\n  .mc-listbox {\n    &--overlay {\n      top: calc(100% + 4px);\n    }\n  }\n</style>\n"],"names":["ctx","insert","target","button","anchor","JSON","stringify","length","i","create_if_block_3","div","create_if_block_5","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","dirty","if_block","create_if_block_4","append","div1","m_layer","small","div0","create_if_block_1","if_block0","create_if_block_9","create_if_block_8","if_block2","create_if_block_7","create_if_block_6","if_block4","create_if_block_2","if_block5","create_if_block","style","div2_style_value","div2","span0","span1","current","component","maxwidth","$$props","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","e","console","error","watchListboxValue","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}

package/public/adeo/components/autocomplete/Autocomplete.svelte

@@ -27,6 +27,7 @@
   export let isinvalid: boolean;
   export let inputvalue: string;
   export let id: string;
+  export let name: string;
   export let loading = false;
   export let required = false;
   export let items: string;
@@ -297,22 +298,26 @@
   </div>
 
   <!-- LISTBOX -->
-  <Listbox
-    items={JSON.stringify(localItems)}
-    open={openState}
-    {multiple}
-    {isfiltered}
-    {emptysearchlabel}
-    {maxwidth}
-    {datatextexpr}
-    {datavalueexpr}
-    {selectall}
-    {labelselectall}
-    bind:value={listboxValue}
-    on:change={onChange}
-    on:scrollend={onScrollEnd}
-    on:select-all={onSelectAll}
-  />
+  {#if openState}
+    <Listbox
+      items={JSON.stringify(localItems)}
+      {name}
+      {multiple}
+      {isfiltered}
+      {emptysearchlabel}
+      {maxwidth}
+      {datatextexpr}
+      {datavalueexpr}
+      {selectall}
+      {labelselectall}
+      overlay={true}
+      width="100%"
+      bind:value={listboxValue}
+      on:change={onChange}
+      on:scrollend={onScrollEnd}
+      on:select-all={onSelectAll}
+    />
+  {/if}
 
   {#if multiple && alltags}
     <div class="tags-selected">
@@ -428,4 +433,11 @@
     margin-left: 5px;
     margin-right: 5px;
   }
+
+  // Listbox
+  .mc-listbox {
+    &--overlay {
+      top: calc(100% + 4px);
+    }
+  }
 </style>