npm - @mozaic-ds/web-components - Versions diffs - 0.23.0 → 0.24.0 - Mend

@mozaic-ds/web-components 0.23.0 → 0.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/web-components",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "description": "Web component Mozaic DS implementation",
   "license": "MIT",
   "engines": {
@@ -48,22 +48,22 @@
     "@mozaic-ds/styles": "1.67.0",
     "@mozaic-ds/tokens": "1.67.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/adeo/components/autocomplete/Autocomplete.js CHANGED Viewed

@@ -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 e,i as t,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(e,t,l){const a=e.slice();return a[73]=t[l],a}function Q(e,t,l){const a=e.slice();return a[73]=t[l],a[77]=l,a}function W(e){let t,l,a={id:e[1]?e[1]:`autocompleteTag-${e[33]}`,class:"mc-autocomplete__tag",label:e[32](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return t=new B({props:a}),e[52](t),t.$on("tag-removed",e[34]),{c(){u(t.$$.fragment)},m(e,a){x(t,e,a),l=!0},p(e,l){const a={};2&l[0]&&(a.id=e[1]?e[1]:`autocompleteTag-${e[33]}`),2&l[1]&&(a.label=e[32]()),t.$set(a)},i(e){l||(v(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(l){e[52](null),j(t,l)}}}function G(e){let t,l;return t=new D({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(t.$$.fragment)},m(e,a){x(t,e,a),l=!0},i(e){l||(v(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(e){j(t,e)}}}function I(e){let t,l,i;return{c(){t=c("button"),t.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n          <span class="mc-autocomplete__clear-text">Clear</span>',p(t,"class","mc-autocomplete__clear"),p(t,"type","button")},m(s,n){a(s,t,n),l||(i=w(t,"click",E(e[57])),l=!0)},p:m,d(e){e&&q(t),l=!1,i()}}}function V(e){let t,l,i=e[28],s=[];for(let t=0;t<i.length;t+=1)s[t]=te(Q(e,i,t));let n=e[20].length>e[16]&&le(e);return{c(){t=c("div");for(let e=0;e<s.length;e+=1)s[e].c();l=d(),n&&n.c(),p(t,"class","tags-selected")},m(e,i){a(e,t,i);for(let e=0;e<s.length;e+=1)s[e]&&s[e].m(t,null);f(t,l),n&&n.m(t,null)},p(e,a){if(268501e3&a[0]|2048&a[1]){let n;for(i=e[28],n=0;n<i.length;n+=1){const o=Q(e,i,n);s[n]?s[n].p(o,a):(s[n]=te(o),s[n].c(),s[n].m(t,l))}for(;n<s.length;n+=1)s[n].d(1);s.length=i.length}e[20].length>e[16]?n?n.p(e,a):(n=le(e),n.c(),n.m(t,null)):n&&(n.d(1),n=null)},d(e){e&&q(t),J(s,e),n&&n.d()}}}function X(e){let t;function l(e,t){return e[3]?ee:Z}let i=l(e),s=i(e);return{c(){t=c("div"),s.c(),p(t,"class","tag-selected")},m(e,l){a(e,t,l),s.m(t,null)},p(e,a){i===(i=l(e))&&s?s.p(e,a):(s.d(1),s=i(e),s&&(s.c(),s.m(t,null)))},d(e){e&&q(t),s.d()}}}function Z(e){let t,l,i,s,n;function o(){return e[59](e[73])}return{c(){t=c("m-tag"),M(t,"id",l=e[73].id),M(t,"label",i=e[73].label),M(t,"size","s"),M(t,"type","removable")},m(e,l){a(e,t,l),s||(n=w(t,"tag-removed",o),s=!0)},p(a,s){e=a,268435456&s[0]&&l!==(l=e[73].id)&&M(t,"id",l),268435456&s[0]&&i!==(i=e[73].label)&&M(t,"label",i)},d(e){e&&q(t),s=!1,n()}}}function ee(e){let t,l,i;return{c(){t=c("m-tag"),M(t,"type","link"),M(t,"id",l=e[73].id),M(t,"label",i=e[73].label),M(t,"size","s"),M(t,"dark",!0)},m(e,l){a(e,t,l)},p(e,a){268435456&a[0]&&l!==(l=e[73].id)&&M(t,"id",l),268435456&a[0]&&i!==(i=e[73].label)&&M(t,"label",i)},d(e){e&&q(t)}}}function te(e){let t,l=e[77]<e[16]&&X(e);return{c(){l&&l.c(),t=L()},m(e,i){l&&l.m(e,i),a(e,t,i)},p(e,a){e[77]<e[16]?l?l.p(e,a):(l=X(e),l.c(),l.m(t.parentNode,t)):l&&(l.d(1),l=null)},d(e){l&&l.d(e),e&&q(t)}}}function le(e){let t,l,i,s,n;return{c(){t=c("div"),l=c("m-tag"),M(l,"id","id-tag"),M(l,"label",i="("+e[20].length+") "+e[15]+" "),M(l,"size","s"),M(l,"type","link"),p(t,"class","tag-selected")},m(i,o){a(i,t,o),f(t,l),s||(n=w(t,"click",e[60]),s=!0)},p(e,t){1081344&t[0]&&i!==(i="("+e[20].length+") "+e[15]+" ")&&M(l,"label",i)},d(e){e&&q(t),s=!1,n()}}}function ae(e){let t,l,i,s,n,o,r=e[28],d=[];for(let t=0;t<r.length;t+=1)d[t]=ne(P(e,r,t));return{c(){t=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let e=0;e<d.length;e+=1)d[e].c();p(s,"class","tags-selected"),p(i,"slot","content"),M(l,"title",e[14]),M(l,"layertitletag","h3"),M(l,"isopen",e[29])},m(r,c){a(r,t,c),f(t,l),f(l,i),f(i,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);n||(o=w(l,"layer-closed",e[62]),n=!0)},p(e,t){if(268435464&t[0]|2048&t[1]){let l;for(r=e[28],l=0;l<r.length;l+=1){const a=P(e,r,l);d[l]?d[l].p(a,t):(d[l]=ne(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}16384&t[0]&&M(l,"title",e[14]),536870912&t[0]&&M(l,"isopen",e[29])},d(e){e&&q(t),J(d,e),n=!1,o()}}}function ie(e){let t,l,i,s,n;function o(){return e[61](e[73])}return{c(){t=c("m-tag"),M(t,"id",l=e[73].id),M(t,"label",i=e[73].label),M(t,"size","s"),M(t,"type","removable")},m(e,l){a(e,t,l),s||(n=w(t,"tag-removed",o),s=!0)},p(a,s){e=a,268435456&s[0]&&l!==(l=e[73].id)&&M(t,"id",l),268435456&s[0]&&i!==(i=e[73].label)&&M(t,"label",i)},d(e){e&&q(t),s=!1,n()}}}function se(e){let t,l,i;return{c(){t=c("m-tag"),M(t,"type","text"),M(t,"id",l=e[73].id),M(t,"label",i=e[73].label),M(t,"size","s")},m(e,l){a(e,t,l)},p(e,a){268435456&a[0]&&l!==(l=e[73].id)&&M(t,"id",l),268435456&a[0]&&i!==(i=e[73].label)&&M(t,"label",i)},d(e){e&&q(t)}}}function ne(e){let t,l;function i(e,t){return e[3]?se:ie}let s=i(e),n=s(e);return{c(){t=c("div"),n.c(),l=d(),p(t,"class","tag-selected")},m(e,i){a(e,t,i),n.m(t,null),f(t,l)},p(e,a){s===(s=i(e))&&n?n.p(e,a):(n.d(1),n=s(e),n&&(n.c(),n.m(t,l)))},d(e){e&&q(t),n.d()}}}function oe(e){let t,l,i,s,C,N,O,T,E,J,L,M,U,Y,A,B,D,P,Q,X,Z,ee=e[10]&&e[20].length>0&&!e[17]&&W(e);function te(t){e[53](t)}let le={classinput:"mc-autocomplete__trigger",name:e[6],placeholder:e[2],inputtype:"text",isinvalid:e[5],disabled:e[3],size:e[4],required:e[9],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==e[30]&&(le.value=e[30]),s=new F({props:le}),n.push((()=>o(s,"value",te))),s.$on("input",e[39]),s.$on("click",e[54]),s.$on("change",e[55]),s.$on("blur",e[56]);let ie=e[8]&&G(),se=null!=e[30]&&""!=e[30]&&!e[3]&&I(e);function ne(t){e[58](t)}let oe={items:JSON.stringify(e[31]),open:e[22],name:e[7],multiple:e[10],isfiltered:e[27],emptysearchlabel:e[11],maxwidth:e[0],datatextexpr:e[12],datavalueexpr:e[13],selectall:e[18],labelselectall:e[19]};void 0!==e[20]&&(oe.value=e[20]),J=new K({props:oe}),n.push((()=>o(J,"value",ne))),J.$on("change",e[36]),J.$on("scrollend",e[40]),J.$on("select-all",e[41]);let re=e[10]&&e[17]&&V(e),ce=e[10]&&e[17]&&ae(e),de=[{class:"mc-autocomplete"},{style:P="--autocomplete-tag-width: "+e[26]+"; --autocomplete-width: "+e[0]+";"},e[23]],ue={};for(let e=0;e<de.length;e+=1)ue=r(ue,de[e]);return{c(){t=c("div"),l=c("div"),ee&&ee.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),ie&&ie.c(),T=d(),se&&se.c(),E=d(),u(J.$$.fragment),M=d(),re&&re.c(),U=d(),Y=c("span"),A=d(),B=c("span"),D=d(),ce&&ce.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(t,ue),$(t,"mc-autocomplete--multi",e[10])},m(n,o){a(n,t,o),f(t,l),ee&&ee.m(l,null),f(l,i),x(s,l,null),f(l,N),f(l,O),ie&&ie.m(O,null),f(O,T),se&&se.m(O,null),f(t,E),x(J,t,null),f(t,M),re&&re.m(t,null),f(t,U),f(t,Y),f(t,A),f(t,B),f(t,D),ce&&ce.m(t,null),e[63](t),Q=!0,X||(Z=[b(H.call(null,t)),w(t,"outclick",e[35])],X=!0)},p(e,a){e[10]&&e[20].length>0&&!e[17]?ee?(ee.p(e,a),1180672&a[0]&&v(ee,1)):(ee=W(e),ee.c(),v(ee,1),ee.m(l,i)):ee&&(R(),y(ee,1,1,(()=>{ee=null})),_());const n={};64&a[0]&&(n.name=e[6]),4&a[0]&&(n.placeholder=e[2]),32&a[0]&&(n.isinvalid=e[5]),8&a[0]&&(n.disabled=e[3]),16&a[0]&&(n.size=e[4]),512&a[0]&&(n.required=e[9]),!C&&1073741824&a[0]&&(C=!0,n.value=e[30],k((()=>C=!1))),s.$set(n),e[8]?ie?256&a[0]&&v(ie,1):(ie=G(),ie.c(),v(ie,1),ie.m(O,T)):ie&&(R(),y(ie,1,1,(()=>{ie=null})),_()),null==e[30]||""==e[30]||e[3]?se&&(se.d(1),se=null):se?se.p(e,a):(se=I(e),se.c(),se.m(O,null));const o={};1&a[1]&&(o.items=JSON.stringify(e[31])),4194304&a[0]&&(o.open=e[22]),128&a[0]&&(o.name=e[7]),1024&a[0]&&(o.multiple=e[10]),134217728&a[0]&&(o.isfiltered=e[27]),2048&a[0]&&(o.emptysearchlabel=e[11]),1&a[0]&&(o.maxwidth=e[0]),4096&a[0]&&(o.datatextexpr=e[12]),8192&a[0]&&(o.datavalueexpr=e[13]),262144&a[0]&&(o.selectall=e[18]),524288&a[0]&&(o.labelselectall=e[19]),!L&&1048576&a[0]&&(L=!0,o.value=e[20],k((()=>L=!1))),J.$set(o),e[10]&&e[17]?re?re.p(e,a):(re=V(e),re.c(),re.m(t,U)):re&&(re.d(1),re=null),e[10]&&e[17]?ce?ce.p(e,a):(ce=ae(e),ce.c(),ce.m(t,null)):ce&&(ce.d(1),ce=null),g(t,ue=z(de,[{class:"mc-autocomplete"},(!Q||67108865&a[0]&&P!==(P="--autocomplete-tag-width: "+e[26]+"; --autocomplete-width: "+e[0]+";"))&&{style:P},8388608&a[0]&&e[23]])),$(t,"mc-autocomplete--multi",e[10])},i(e){Q||(v(ee),v(s.$$.fragment,e),v(ie),v(J.$$.fragment,e),Q=!0)},o(e){y(ee),y(s.$$.fragment,e),y(ie),y(J.$$.fragment,e),Q=!1},d(l){l&&q(t),ee&&ee.d(),j(s),ie&&ie.d(),se&&se.d(),j(J),re&&re.d(),ce&&ce.d(),e[63](null),X=!1,S(Z)}}}function re(e,t,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(t,m),{maxwidth:g="100%"}=t,{tagid:$}=t,{taglabel:f=""}=t,{placeholder:x}=t,{filter:b=!0}=t,{nofilter:w=!1}=t,{disabled:v=!1}=t,{size:y="m"}=t,{isinvalid:_}=t,{inputvalue:k}=t,{id:z}=t,{name:q}=t,{loading:j=!1}=t,{required:S=!1}=t,{items:E}=t,{value:J}=t,{open:L=!1}=t,{multiple:M=!1}=t,{emptysearchlabel:R="No results found"}=t,{datatextexpr:H="label"}=t,{datavalueexpr:B="value"}=t,{nosort:D=!1}=t,{layertitle:F="Title layer"}=t,{showmoretagslabel:K="Show more"}=t,{maxnumbertoshowtags:P=12}=t,{alltags:Q=!1}=t,{selectall:W=!1}=t,{labelselectall:G="Select all"}=t;const I=Math.random();let V,X,Z,ee=new A(N(),O()),te="0px",le=!1,ae=[],ie=null;function se(){v||(l(20,o=M?[]:""),ne(),ee.dispatch("clear",!0))}function ne(){l(22,d=!1),M&&!D?function(){Z=i;const e=oe();Z.sort(((t,l)=>{const a=e.includes(t),i=e.includes(l);return a===i?t[B]-l[B]:a<i?1:-1})),l(31,s=Z)}():l(31,s=i)}function oe(e){const t=e||o;return i.filter((e=>M?t.includes(e[B]):t===e[B]))}function re(){l(29,ie=!0)}function ce(){l(29,ie=null)}function de(e){l(20,o=o.filter((t=>t!==e))),ee.dispatch("onchange",o)}return e.$$set=e=>{t=r(r({},t),T(e)),l(72,h=C(t,m)),"maxwidth"in e&&l(0,g=e.maxwidth),"tagid"in e&&l(1,$=e.tagid),"taglabel"in e&&l(43,f=e.taglabel),"placeholder"in e&&l(2,x=e.placeholder),"filter"in e&&l(44,b=e.filter),"nofilter"in e&&l(45,w=e.nofilter),"disabled"in e&&l(3,v=e.disabled),"size"in e&&l(4,y=e.size),"isinvalid"in e&&l(5,_=e.isinvalid),"inputvalue"in e&&l(46,k=e.inputvalue),"id"in e&&l(6,z=e.id),"name"in e&&l(7,q=e.name),"loading"in e&&l(8,j=e.loading),"required"in e&&l(9,S=e.required),"items"in e&&l(47,E=e.items),"value"in e&&l(48,J=e.value),"open"in e&&l(49,L=e.open),"multiple"in e&&l(10,M=e.multiple),"emptysearchlabel"in e&&l(11,R=e.emptysearchlabel),"datatextexpr"in e&&l(12,H=e.datatextexpr),"datavalueexpr"in e&&l(13,B=e.datavalueexpr),"nosort"in e&&l(50,D=e.nosort),"layertitle"in e&&l(14,F=e.layertitle),"showmoretagslabel"in e&&l(15,K=e.showmoretagslabel),"maxnumbertoshowtags"in e&&l(16,P=e.maxnumbertoshowtags),"alltags"in e&&l(17,Q=e.alltags),"selectall"in e&&l(18,W=e.selectall),"labelselectall"in e&&l(19,G=e.labelselectall)},e.$$.update=()=>{if(32768&e.$$.dirty[1]&&l(30,a=k),65536&e.$$.dirty[1]&&l(21,i=E?JSON.parse(E):[]),2097152&e.$$.dirty[0]&&l(31,s=i),1024&e.$$.dirty[0]|131072&e.$$.dirty[1]&&l(20,o=!J&&M?[]:J?JSON.parse(J):J),1048576&e.$$.dirty[0]|4096&e.$$.dirty[1]&&l(32,c=()=>o.length.toString()+" "+f),1048576&e.$$.dirty[0]&&async function(e){try{if(await U(),l(28,ae=oe(e)),M)l(51,X=e);else{const e=ae.map((e=>e[H]));l(30,a=e.join(", "))}}catch(e){console.error(e)}}(o),1048576&e.$$.dirty[1]&&async function(e){var t;try{await U(),l(26,te=V&&e&&e.length?`${null===(t=null==p?void 0:p.querySelector(".mc-tag-removable"))||void 0===t?void 0:t.clientWidth}px`:"0px")}catch(e){console.error(e)}}(X),262144&e.$$.dirty[1]&&l(22,d=L),4194304&e.$$.dirty[0]){const e=d?"open":"close";ee.dispatch(e,d)}l(23,u=Object.assign({},h)),8388608&e.$$.dirty[0]&&delete u.class},[g,$,x,v,y,_,z,q,j,S,M,R,H,B,F,K,P,Q,W,G,o,i,d,u,p,V,te,le,ae,ie,a,s,c,I,se,ne,function(){ee.dispatch("onchange",o),M||ne()},re,ce,function(e){const t=e.target.value;!function(e){ee.dispatch("oninput",e)}(t),function(e){!w&&b&&(e.length?l(31,s=i.filter((t=>t[H].toUpperCase().includes(e.toUpperCase())))):l(31,s=i),l(27,le=!s.length),ee.dispatch("onfilter",s))}(t)},function(){ee.dispatch("scrollend",!0)},function(e){ee.dispatch("select-all",e.detail)},de,f,b,w,k,E,J,L,D,X,function(e){n[e?"unshift":"push"]((()=>{V=e,l(25,V)}))},function(e){a=e,l(30,a),l(46,k)},()=>l(22,d=!0),function(t){Y.call(this,e,t)},function(t){Y.call(this,e,t)},()=>{l(30,a=""),l(31,s=i),l(27,le=!1),M||se()},function(e){o=e,l(20,o),l(48,J),l(10,M)},e=>de(e.id),()=>re(),e=>de(e.id),()=>ce(),function(e){n[e?"unshift":"push"]((()=>{p=e,l(24,p)}))}]}class ce extends e{constructor(e){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),t(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},re,oe,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]),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.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(e){this.$$set({maxwidth:e}),i()}get tagid(){return this.$$.ctx[1]}set tagid(e){this.$$set({tagid:e}),i()}get taglabel(){return this.$$.ctx[43]}set taglabel(e){this.$$set({taglabel:e}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),i()}get filter(){return this.$$.ctx[44]}set filter(e){this.$$set({filter:e}),i()}get nofilter(){return this.$$.ctx[45]}set nofilter(e){this.$$set({nofilter:e}),i()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),i()}get size(){return this.$$.ctx[4]}set size(e){this.$$set({size:e}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(e){this.$$set({isinvalid:e}),i()}get inputvalue(){return this.$$.ctx[46]}set inputvalue(e){this.$$set({inputvalue:e}),i()}get id(){return this.$$.ctx[6]}set id(e){this.$$set({id:e}),i()}get name(){return this.$$.ctx[7]}set name(e){this.$$set({name:e}),i()}get loading(){return this.$$.ctx[8]}set loading(e){this.$$set({loading:e}),i()}get required(){return this.$$.ctx[9]}set required(e){this.$$set({required:e}),i()}get items(){return this.$$.ctx[47]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[48]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[49]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[10]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[11]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[12]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[13]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[50]}set nosort(e){this.$$set({nosort:e}),i()}get layertitle(){return this.$$.ctx[14]}set layertitle(e){this.$$set({layertitle:e}),i()}get showmoretagslabel(){return this.$$.ctx[15]}set showmoretagslabel(e){this.$$set({showmoretagslabel:e}),i()}get maxnumbertoshowtags(){return this.$$.ctx[16]}set maxnumbertoshowtags(e){this.$$set({maxnumbertoshowtags:e}),i()}get alltags(){return this.$$.ctx[17]}set alltags(e){this.$$set({alltags:e}),i()}get selectall(){return this.$$.ctx[18]}set selectall(e){this.$$set({selectall:e}),i()}get labelselectall(){return this.$$.ctx[19]}set labelselectall(e){this.$$set({labelselectall:e}),i()}}export{ce as default};
 //# sourceMappingURL=Autocomplete.js.map

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

	@@ -1 +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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"}
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 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 <Listbox\n items={JSON.stringify(localItems)}\n open={openState}\n {name}\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","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 CHANGED Viewed

@@ -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;
@@ -300,6 +301,7 @@
   <Listbox
     items={JSON.stringify(localItems)}
     open={openState}
+    {name}
     {multiple}
     {isfiltered}
     {emptysearchlabel}

package/public/adeo/components/dropdown/Dropdown.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a,b as l,f as i,s,J as r,K as n,c as o,e as c,d,t as m,D as g,n as p,h,k as x,L as u,j as w,l as b,E as f,m as $,M as v,A as y,y as M,z as k,o as I,N as _,p as A,q as z,F as D,O as E,r as C,v as j,w as S,x as N,P as T,Q as L,R as P,C as B,B as G,T as O}from"../../index-48da6c1f.js";import{E as Q}from"../../EventHandler-f7ee47ca.js";import{c as W}from"../../ClickOutside-63071e7a.js";import R from"../tag/Tag.nested.js";import Y from"../loader/Loader.nested.js";import H from"../listbox/Listbox.nested.js";function Z(e,t,a){const l=e.slice();return l[62]=t[a],l}function J(e,t,a){const l=e.slice();return l[62]=t[a],l[66]=a,l}function V(e){let t,a,l={id:e[1]?e[1]:`autocompleteTag-${e[30]}`,class:"mc-dropdown__tag",label:e[29](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",selected:!1,value:""};return t=new R({props:l}),e[46](t),t.$on("tag-removed",e[31]),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},p(e,a){const l={};2&a[0]&&(l.id=e[1]?e[1]:`autocompleteTag-${e[30]}`),536870912&a[0]&&(l.label=e[29]()),t.$set(l)},i(e){a||(y(t.$$.fragment,e),a=!0)},o(e){M(t.$$.fragment,e),a=!1},d(a){e[46](null),D(t,a)}}}function F(e){let t,a,i;return{c(){t=c("button"),t.innerHTML="<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px>",h(t,"class","mc-dropdown__clear"),h(t,"type","button")},m(s,r){l(s,t,r),a||(i=$(t,"click",T(e[47])),a=!0)},p:p,d(e){e&&z(t),a=!1,i()}}}function X(e){let t,a;return t=new Y({props:{size:"s",theme:"primary",text:"",class:"mc-dropdown__loader"}}),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},i(e){a||(y(t.$$.fragment,e),a=!0)},o(e){M(t.$$.fragment,e),a=!1},d(e){D(t,e)}}}function q(e){let t,a,i=e[26],s=[];for(let t=0;t<i.length;t+=1)s[t]=U(J(e,i,t));let r=e[19].length>e[15]&&ee(e);return{c(){t=c("div");for(let e=0;e<s.length;e+=1)s[e].c();a=d(),r&&r.c(),h(t,"class","tags-selected")},m(e,i){l(e,t,i);for(let e=0;e<s.length;e+=1)s[e]&&s[e].m(t,null);b(t,a),r&&r.m(t,null)},p(e,l){if(67141632&l[0]|2&l[1]){let r;for(i=e[26],r=0;r<i.length;r+=1){const n=J(e,i,r);s[r]?s[r].p(n,l):(s[r]=U(n),s[r].c(),s[r].m(t,a))}for(;r<s.length;r+=1)s[r].d(1);s.length=i.length}e[19].length>e[15]?r?r.p(e,l):(r=ee(e),r.c(),r.m(t,null)):r&&(r.d(1),r=null)},d(e){e&&z(t),L(s,e),r&&r.d()}}}function K(e){let t,a,i,s,r,n;function o(){return e[50](e[62])}return{c(){t=c("div"),a=c("m-tag"),B(a,"id",i=e[62].id),B(a,"label",s=e[62].label),B(a,"size","s"),B(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),b(t,a),r||(n=$(a,"tag-removed",o),r=!0)},p(t,l){e=t,67108864&l[0]&&i!==(i=e[62].id)&&B(a,"id",i),67108864&l[0]&&s!==(s=e[62].label)&&B(a,"label",s)},d(e){e&&z(t),r=!1,n()}}}function U(e){let t,a=e[66]<e[15]&&K(e);return{c(){a&&a.c(),t=P()},m(e,i){a&&a.m(e,i),l(e,t,i)},p(e,l){e[66]<e[15]?a?a.p(e,l):(a=K(e),a.c(),a.m(t.parentNode,t)):a&&(a.d(1),a=null)},d(e){a&&a.d(e),e&&z(t)}}}function ee(e){let t,a,i,s,r;return{c(){t=c("div"),a=c("m-tag"),B(a,"id","id-tag"),B(a,"label",i="("+e[19].length+") "+e[14]+" "),B(a,"size","s"),B(a,"type","link"),h(t,"class","tag-selected")},m(i,n){l(i,t,n),b(t,a),s||(r=$(a,"tag-selected",e[51]),s=!0)},p(e,t){540672&t[0]&&i!==(i="("+e[19].length+") "+e[14]+" ")&&B(a,"label",i)},d(e){e&&z(t),s=!1,r()}}}function te(e){let t,a,i,s,r,n,o=e[26],d=[];for(let t=0;t<o.length;t+=1)d[t]=ae(Z(e,o,t));return{c(){t=c("div"),a=c("m-layer"),i=c("small"),s=c("div");for(let e=0;e<d.length;e+=1)d[e].c();h(s,"class","tags-selected"),h(i,"slot","content"),B(a,"title",e[13]),B(a,"layertitletag","h3"),B(a,"isopen",e[27])},m(o,c){l(o,t,c),b(t,a),b(a,i),b(i,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);r||(n=$(a,"layer-closed",e[53]),r=!0)},p(e,t){if(67108864&t[0]|2&t[1]){let a;for(o=e[26],a=0;a<o.length;a+=1){const l=Z(e,o,a);d[a]?d[a].p(l,t):(d[a]=ae(l),d[a].c(),d[a].m(s,null))}for(;a<d.length;a+=1)d[a].d(1);d.length=o.length}8192&t[0]&&B(a,"title",e[13]),134217728&t[0]&&B(a,"isopen",e[27])},d(e){e&&z(t),L(d,e),r=!1,n()}}}function ae(e){let t,a,i,s,r,n,o;function m(){return e[52](e[62])}return{c(){t=c("div"),a=c("m-tag"),r=d(),B(a,"id",i=e[62].id),B(a,"label",s=e[62].label),B(a,"size","s"),B(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),b(t,a),b(t,r),n||(o=$(a,"tag-removed",m),n=!0)},p(t,l){e=t,67108864&l[0]&&i!==(i=e[62].id)&&B(a,"id",i),67108864&l[0]&&s!==(s=e[62].label)&&B(a,"label",s)},d(e){e&&z(t),n=!1,o()}}}function le(e){let t,a,i,s,C,j,S,N,T,L,P,B,O,Q,R,Y,Z,J,K,U,ee,ae,le,se=(e[25]?e[25]:e[2])+"",re=e[8]&&e[19].length>0&&!e[16]&&V(e),ne=!e[8]&&e[25]&&e[12]&&F(e),oe=e[7]&&X();function ce(t){e[49](t)}let de={items:JSON.stringify(e[28]),open:e[20],multiple:e[8],isfiltered:ie,emptysearchlabel:e[9],maxwidth:e[0],datatextexpr:e[10],datavalueexpr:e[11],selectall:e[17],labelselectall:e[18]};void 0!==e[19]&&(de.value=e[19]),L=new H({props:de}),r.push((()=>n(L,"value",ce))),L.$on("change",e[36]),L.$on("scrollend",e[37]),L.$on("select-all",e[38]);let me=e[8]&&e[16]&&q(e),ge=e[8]&&e[16]&&te(e),pe=[{class:"mc-dropdown"},{style:U="--dropdown-tag-width: "+e[24]+"; --dropdown-width: "+e[0]+";"},e[21]],he={};for(let e=0;e<pe.length;e+=1)he=o(he,pe[e]);return{c(){t=c("div"),a=c("div"),re&&re.c(),i=d(),s=c("button"),C=m(se),j=d(),ne&&ne.c(),S=d(),N=c("div"),oe&&oe.c(),T=d(),g(L.$$.fragment),B=d(),me&&me.c(),O=d(),Q=c("span"),R=d(),Y=c("span"),Z=d(),J=c("span"),K=d(),ge&&ge.c(),this.c=p,h(s,"type","button"),h(s,"class","mc-select mc-dropdown__trigger"),s.disabled=e[3],x(s,"is-open",e[20]),x(s,"is-valid",e[5]),x(s,"is-invalid",e[6]),x(s,"mc-select--s","s"===e[4]),h(N,"class","mc-dropdown__tools"),h(a,"class","mc-dropdown__main"),h(Q,"class","mc-dropdown__tag"),u(Q,"display","none"),h(Y,"class","mc-dropdown__loader"),u(Y,"display","none"),h(J,"class","mc-text-input mc-dropdown__trigger"),u(J,"display","none"),w(t,he),x(t,"mc-dropdown--multi",e[8])},m(r,n){l(r,t,n),b(t,a),re&&re.m(a,null),b(a,i),b(a,s),b(s,C),b(s,j),ne&&ne.m(s,null),b(a,S),b(a,N),oe&&oe.m(N,null),b(t,T),f(L,t,null),b(t,B),me&&me.m(t,null),b(t,O),b(t,Q),b(t,R),b(t,Y),b(t,Z),b(t,J),b(t,K),ge&&ge.m(t,null),e[54](t),ee=!0,ae||(le=[$(s,"click",e[48]),v(W.call(null,t)),$(t,"outclick",e[35])],ae=!0)},p(e,l){e[8]&&e[19].length>0&&!e[16]?re?(re.p(e,l),590080&l[0]&&y(re,1)):(re=V(e),re.c(),y(re,1),re.m(a,i)):re&&(G(),M(re,1,1,(()=>{re=null})),k()),(!ee||33554436&l[0])&&se!==(se=(e[25]?e[25]:e[2])+"")&&I(C,se),!e[8]&&e[25]&&e[12]?ne?ne.p(e,l):(ne=F(e),ne.c(),ne.m(s,null)):ne&&(ne.d(1),ne=null),(!ee||8&l[0])&&(s.disabled=e[3]),(!ee||1048576&l[0])&&x(s,"is-open",e[20]),(!ee||32&l[0])&&x(s,"is-valid",e[5]),(!ee||64&l[0])&&x(s,"is-invalid",e[6]),(!ee||16&l[0])&&x(s,"mc-select--s","s"===e[4]),e[7]?oe?128&l[0]&&y(oe,1):(oe=X(),oe.c(),y(oe,1),oe.m(N,null)):oe&&(G(),M(oe,1,1,(()=>{oe=null})),k());const r={};268435456&l[0]&&(r.items=JSON.stringify(e[28])),1048576&l[0]&&(r.open=e[20]),256&l[0]&&(r.multiple=e[8]),512&l[0]&&(r.emptysearchlabel=e[9]),1&l[0]&&(r.maxwidth=e[0]),1024&l[0]&&(r.datatextexpr=e[10]),2048&l[0]&&(r.datavalueexpr=e[11]),131072&l[0]&&(r.selectall=e[17]),262144&l[0]&&(r.labelselectall=e[18]),!P&&524288&l[0]&&(P=!0,r.value=e[19],_((()=>P=!1))),L.$set(r),e[8]&&e[16]?me?me.p(e,l):(me=q(e),me.c(),me.m(t,O)):me&&(me.d(1),me=null),e[8]&&e[16]?ge?ge.p(e,l):(ge=te(e),ge.c(),ge.m(t,null)):ge&&(ge.d(1),ge=null),w(t,he=A(pe,[{class:"mc-dropdown"},(!ee||16777217&l[0]&&U!==(U="--dropdown-tag-width: "+e[24]+"; --dropdown-width: "+e[0]+";"))&&{style:U},2097152&l[0]&&e[21]])),x(t,"mc-dropdown--multi",e[8])},i(e){ee||(y(re),y(oe),y(L.$$.fragment,e),ee=!0)},o(e){M(re),M(oe),M(L.$$.fragment,e),ee=!1},d(a){a&&z(t),re&&re.d(),ne&&ne.d(),oe&&oe.d(),D(L),me&&me.d(),ge&&ge.d(),e[54](null),ae=!1,E(le)}}}let ie=!1;function se(e,t,a){let l,i,s,n,c,d;const m=["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let g,p=C(t,m),{maxwidth:h="100%"}=t,{tagid:x}=t,{taglabel:u=""}=t,{placeholder:w="-- Placeholder --"}=t,{disabled:b=!1}=t,{size:f="m"}=t,{isvalid:$}=t,{isinvalid:v}=t,{loading:y=!1}=t,{items:M}=t,{value:k}=t,{open:I=!1}=t,{multiple:_=!1}=t,{emptysearchlabel:A="No results found"}=t,{datatextexpr:z="label"}=t,{datavalueexpr:D="value"}=t,{nosort:E=!1}=t,{clearfield:T=!1}=t,{layertitle:L="Title layer"}=t,{showmoretagslabel:P="Show more"}=t,{maxnumbertoshowtags:B=12}=t,{alltags:G=!1}=t,{selectall:W=!1}=t,{labelselectall:R="Select all"}=t;const Y=Math.random();let H,Z,J,V,F=new Q(j(),S()),X="0px",q=[],K=null;function U(){a(19,s=_?[]:""),le(),F.dispatch("clear",!0)}function ee(e){a(19,s=s.filter((t=>t!==e))),F.dispatch("onchange",s)}function te(){a(27,K=!0)}function ae(){a(27,K=null)}function le(){a(20,c=!1),_&&!E?function(){V=l;const e=ie();V.sort(((t,a)=>{const l=e.includes(t),i=e.includes(a);return l===i?t[D]-a[D]:l<i?1:-1})),a(28,i=V)}():a(28,i=l)}function ie(e){const t=e||s;return l.filter((e=>_?t.includes(e[D]):t===e[D]))}return e.$$set=e=>{t=o(o({},t),N(e)),a(61,p=C(t,m)),"maxwidth"in e&&a(0,h=e.maxwidth),"tagid"in e&&a(1,x=e.tagid),"taglabel"in e&&a(39,u=e.taglabel),"placeholder"in e&&a(2,w=e.placeholder),"disabled"in e&&a(3,b=e.disabled),"size"in e&&a(4,f=e.size),"isvalid"in e&&a(5,$=e.isvalid),"isinvalid"in e&&a(6,v=e.isinvalid),"loading"in e&&a(7,y=e.loading),"items"in e&&a(40,M=e.items),"value"in e&&a(41,k=e.value),"open"in e&&a(42,I=e.open),"multiple"in e&&a(8,_=e.multiple),"emptysearchlabel"in e&&a(9,A=e.emptysearchlabel),"datatextexpr"in e&&a(10,z=e.datatextexpr),"datavalueexpr"in e&&a(11,D=e.datavalueexpr),"nosort"in e&&a(43,E=e.nosort),"clearfield"in e&&a(12,T=e.clearfield),"layertitle"in e&&a(13,L=e.layertitle),"showmoretagslabel"in e&&a(14,P=e.showmoretagslabel),"maxnumbertoshowtags"in e&&a(15,B=e.maxnumbertoshowtags),"alltags"in e&&a(16,G=e.alltags),"selectall"in e&&a(17,W=e.selectall),"labelselectall"in e&&a(18,R=e.labelselectall)},e.$$.update=()=>{if(512&e.$$.dirty[1]&&a(45,l=M?JSON.parse(M):[]),16384&e.$$.dirty[1]&&a(28,i=l),256&e.$$.dirty[0]|1024&e.$$.dirty[1]&&a(19,s=!k&&_?[]:k?JSON.parse(k):k),524288&e.$$.dirty[0]|256&e.$$.dirty[1]&&a(29,n=()=>s.length.toString()+" "+u),524288&e.$$.dirty[0]&&async function(e){await O(),a(26,q=ie(e));const t=q.map((e=>e[z]));a(25,J=t.join(", ")),_&&a(44,Z=e)}(s),8192&e.$$.dirty[1]&&async function(e){var t,l;await O(),a(24,X=H&&e&&e.length?`${null!==(l=null===(t=null==g?void 0:g.querySelector(".mc-tag-removable"))||void 0===t?void 0:t.clientWidth)&&void 0!==l?l:8}px`:"0px")}(Z),2048&e.$$.dirty[1]&&a(20,c=I),1048576&e.$$.dirty[0]){const e=c?"open":"close";F.dispatch(e,c)}a(21,d=Object.assign({},p)),2097152&e.$$.dirty[0]&&delete d.class},[h,x,w,b,f,$,v,y,_,A,z,D,T,L,P,B,G,W,R,s,c,d,g,H,X,J,q,K,i,n,Y,U,ee,te,ae,le,function(){F.dispatch("onchange",s),_||le()},function(){F.dispatch("scrollend",!0)},function(e){F.dispatch("select-all",e.detail)},u,M,k,I,E,Z,l,function(e){r[e?"unshift":"push"]((()=>{H=e,a(23,H)}))},()=>{U()},()=>a(20,c=!c),function(e){s=e,a(19,s),a(41,k),a(8,_)},e=>ee(e.id),()=>te(),e=>ee(e.id),()=>ae(),function(e){r[e?"unshift":"push"]((()=>{g=e,a(22,g)}))}]}class re extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-select{font-family:\"Roboto\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);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='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select:focus{-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}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{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='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==\");border-color:#c61112}.mc-select.is-valid{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='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+\");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}.mc-dropdown{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--dropdown-width, auto);width:100%}.mc-dropdown__tag,.mc-dropdown__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-dropdown__tag{left:0.75rem}.mc-dropdown__trigger{display:block;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mc-dropdown__trigger.is-open{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M2 10.5a1 1 0 01.29-.71l5-5a1 1 0 011.42 0l5 5a1 1 0 01-1.42 1.42L8 6.91l-4.29 4.3a1 1 0 01-1.42 0A1 1 0 012 10.5z'/%3E%3C/svg%3E\")}.mc-dropdown__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:2.5rem}.is-valid+.mc-dropdown__tools,.is-invalid+.mc-dropdown__tools{right:4.5rem}.mc-dropdown__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-dropdown__clear:focus{-webkit-box-shadow:0 0 0 2px #758992;box-shadow:0 0 0 2px #758992}.mc-dropdown__clear,.mc-dropdown__clear-icon{height:1.5rem;width:1.5rem}.mc-dropdown__clear-icon{fill:#666666}.mc-dropdown__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-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width, 0px))}.mc-dropdown{min-width:auto}.mc-dropdown__tag{position:absolute !important}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-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(r),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},se,le,s,{maxwidth:0,tagid:1,taglabel:39,placeholder:2,disabled:3,size:4,isvalid:5,isinvalid:6,loading:7,items:40,value:41,open:42,multiple:8,emptysearchlabel:9,datatextexpr:10,datavalueexpr:11,nosort:43,clearfield:12,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(e){this.$$set({maxwidth:e}),i()}get tagid(){return this.$$.ctx[1]}set tagid(e){this.$$set({tagid:e}),i()}get taglabel(){return this.$$.ctx[39]}set taglabel(e){this.$$set({taglabel:e}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),i()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),i()}get size(){return this.$$.ctx[4]}set size(e){this.$$set({size:e}),i()}get isvalid(){return this.$$.ctx[5]}set isvalid(e){this.$$set({isvalid:e}),i()}get isinvalid(){return this.$$.ctx[6]}set isinvalid(e){this.$$set({isinvalid:e}),i()}get loading(){return this.$$.ctx[7]}set loading(e){this.$$set({loading:e}),i()}get items(){return this.$$.ctx[40]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[41]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[42]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[8]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[9]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[10]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[11]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[43]}set nosort(e){this.$$set({nosort:e}),i()}get clearfield(){return this.$$.ctx[12]}set clearfield(e){this.$$set({clearfield:e}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(e){this.$$set({layertitle:e}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(e){this.$$set({showmoretagslabel:e}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(e){this.$$set({maxnumbertoshowtags:e}),i()}get alltags(){return this.$$.ctx[16]}set alltags(e){this.$$set({alltags:e}),i()}get selectall(){return this.$$.ctx[17]}set selectall(e){this.$$set({selectall:e}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(e){this.$$set({labelselectall:e}),i()}}export{re as default};
+import{S as e,i as t,a,b as l,f as i,s,J as r,K as n,c as o,e as c,d,t as m,D as g,n as p,h,k as x,L as u,j as w,l as b,E as f,m as $,M as v,A as y,y as M,z as k,o as I,N as _,p as A,q as z,F as D,O as E,r as C,v as j,w as S,x as N,P as T,Q as L,R as P,C as B,B as G,T as O}from"../../index-48da6c1f.js";import{E as Q}from"../../EventHandler-f7ee47ca.js";import{c as W}from"../../ClickOutside-63071e7a.js";import R from"../tag/Tag.nested.js";import Y from"../loader/Loader.nested.js";import H from"../listbox/Listbox.nested.js";function Z(e,t,a){const l=e.slice();return l[63]=t[a],l}function J(e,t,a){const l=e.slice();return l[63]=t[a],l[67]=a,l}function V(e){let t,a,l={id:e[1]?e[1]:`autocompleteTag-${e[31]}`,class:"mc-dropdown__tag",label:e[30](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",selected:!1,value:""};return t=new R({props:l}),e[47](t),t.$on("tag-removed",e[32]),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},p(e,a){const l={};2&a[0]&&(l.id=e[1]?e[1]:`autocompleteTag-${e[31]}`),1073741824&a[0]&&(l.label=e[30]()),t.$set(l)},i(e){a||(y(t.$$.fragment,e),a=!0)},o(e){M(t.$$.fragment,e),a=!1},d(a){e[47](null),D(t,a)}}}function F(e){let t,a,i;return{c(){t=c("button"),t.innerHTML="<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px>",h(t,"class","mc-dropdown__clear"),h(t,"type","button")},m(s,r){l(s,t,r),a||(i=$(t,"click",T(e[48])),a=!0)},p:p,d(e){e&&z(t),a=!1,i()}}}function X(e){let t,a;return t=new Y({props:{size:"s",theme:"primary",text:"",class:"mc-dropdown__loader"}}),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},i(e){a||(y(t.$$.fragment,e),a=!0)},o(e){M(t.$$.fragment,e),a=!1},d(e){D(t,e)}}}function q(e){let t,a,i=e[27],s=[];for(let t=0;t<i.length;t+=1)s[t]=U(J(e,i,t));let r=e[20].length>e[16]&&ee(e);return{c(){t=c("div");for(let e=0;e<s.length;e+=1)s[e].c();a=d(),r&&r.c(),h(t,"class","tags-selected")},m(e,i){l(e,t,i);for(let e=0;e<s.length;e+=1)s[e]&&s[e].m(t,null);b(t,a),r&&r.m(t,null)},p(e,l){if(134283264&l[0]|4&l[1]){let r;for(i=e[27],r=0;r<i.length;r+=1){const n=J(e,i,r);s[r]?s[r].p(n,l):(s[r]=U(n),s[r].c(),s[r].m(t,a))}for(;r<s.length;r+=1)s[r].d(1);s.length=i.length}e[20].length>e[16]?r?r.p(e,l):(r=ee(e),r.c(),r.m(t,null)):r&&(r.d(1),r=null)},d(e){e&&z(t),L(s,e),r&&r.d()}}}function K(e){let t,a,i,s,r,n;function o(){return e[51](e[63])}return{c(){t=c("div"),a=c("m-tag"),B(a,"id",i=e[63].id),B(a,"label",s=e[63].label),B(a,"size","s"),B(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),b(t,a),r||(n=$(a,"tag-removed",o),r=!0)},p(t,l){e=t,134217728&l[0]&&i!==(i=e[63].id)&&B(a,"id",i),134217728&l[0]&&s!==(s=e[63].label)&&B(a,"label",s)},d(e){e&&z(t),r=!1,n()}}}function U(e){let t,a=e[67]<e[16]&&K(e);return{c(){a&&a.c(),t=P()},m(e,i){a&&a.m(e,i),l(e,t,i)},p(e,l){e[67]<e[16]?a?a.p(e,l):(a=K(e),a.c(),a.m(t.parentNode,t)):a&&(a.d(1),a=null)},d(e){a&&a.d(e),e&&z(t)}}}function ee(e){let t,a,i,s,r;return{c(){t=c("div"),a=c("m-tag"),B(a,"id","id-tag"),B(a,"label",i="("+e[20].length+") "+e[15]+" "),B(a,"size","s"),B(a,"type","link"),h(t,"class","tag-selected")},m(i,n){l(i,t,n),b(t,a),s||(r=$(a,"tag-selected",e[52]),s=!0)},p(e,t){1081344&t[0]&&i!==(i="("+e[20].length+") "+e[15]+" ")&&B(a,"label",i)},d(e){e&&z(t),s=!1,r()}}}function te(e){let t,a,i,s,r,n,o=e[27],d=[];for(let t=0;t<o.length;t+=1)d[t]=ae(Z(e,o,t));return{c(){t=c("div"),a=c("m-layer"),i=c("small"),s=c("div");for(let e=0;e<d.length;e+=1)d[e].c();h(s,"class","tags-selected"),h(i,"slot","content"),B(a,"title",e[14]),B(a,"layertitletag","h3"),B(a,"isopen",e[28])},m(o,c){l(o,t,c),b(t,a),b(a,i),b(i,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);r||(n=$(a,"layer-closed",e[54]),r=!0)},p(e,t){if(134217728&t[0]|4&t[1]){let a;for(o=e[27],a=0;a<o.length;a+=1){const l=Z(e,o,a);d[a]?d[a].p(l,t):(d[a]=ae(l),d[a].c(),d[a].m(s,null))}for(;a<d.length;a+=1)d[a].d(1);d.length=o.length}16384&t[0]&&B(a,"title",e[14]),268435456&t[0]&&B(a,"isopen",e[28])},d(e){e&&z(t),L(d,e),r=!1,n()}}}function ae(e){let t,a,i,s,r,n,o;function m(){return e[53](e[63])}return{c(){t=c("div"),a=c("m-tag"),r=d(),B(a,"id",i=e[63].id),B(a,"label",s=e[63].label),B(a,"size","s"),B(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),b(t,a),b(t,r),n||(o=$(a,"tag-removed",m),n=!0)},p(t,l){e=t,134217728&l[0]&&i!==(i=e[63].id)&&B(a,"id",i),134217728&l[0]&&s!==(s=e[63].label)&&B(a,"label",s)},d(e){e&&z(t),n=!1,o()}}}function le(e){let t,a,i,s,C,j,S,N,T,L,P,B,O,Q,R,Y,Z,J,K,U,ee,ae,le,se=(e[26]?e[26]:e[2])+"",re=e[9]&&e[20].length>0&&!e[17]&&V(e),ne=!e[9]&&e[26]&&e[13]&&F(e),oe=e[7]&&X();function ce(t){e[50](t)}let de={items:JSON.stringify(e[29]),open:e[21],name:e[8],multiple:e[9],isfiltered:ie,emptysearchlabel:e[10],maxwidth:e[0],datatextexpr:e[11],datavalueexpr:e[12],selectall:e[18],labelselectall:e[19]};void 0!==e[20]&&(de.value=e[20]),L=new H({props:de}),r.push((()=>n(L,"value",ce))),L.$on("change",e[37]),L.$on("scrollend",e[38]),L.$on("select-all",e[39]);let me=e[9]&&e[17]&&q(e),ge=e[9]&&e[17]&&te(e),pe=[{class:"mc-dropdown"},{style:U="--dropdown-tag-width: "+e[25]+"; --dropdown-width: "+e[0]+";"},e[22]],he={};for(let e=0;e<pe.length;e+=1)he=o(he,pe[e]);return{c(){t=c("div"),a=c("div"),re&&re.c(),i=d(),s=c("button"),C=m(se),j=d(),ne&&ne.c(),S=d(),N=c("div"),oe&&oe.c(),T=d(),g(L.$$.fragment),B=d(),me&&me.c(),O=d(),Q=c("span"),R=d(),Y=c("span"),Z=d(),J=c("span"),K=d(),ge&&ge.c(),this.c=p,h(s,"type","button"),h(s,"class","mc-select mc-dropdown__trigger"),s.disabled=e[3],x(s,"is-open",e[21]),x(s,"is-valid",e[5]),x(s,"is-invalid",e[6]),x(s,"mc-select--s","s"===e[4]),h(N,"class","mc-dropdown__tools"),h(a,"class","mc-dropdown__main"),h(Q,"class","mc-dropdown__tag"),u(Q,"display","none"),h(Y,"class","mc-dropdown__loader"),u(Y,"display","none"),h(J,"class","mc-text-input mc-dropdown__trigger"),u(J,"display","none"),w(t,he),x(t,"mc-dropdown--multi",e[9])},m(r,n){l(r,t,n),b(t,a),re&&re.m(a,null),b(a,i),b(a,s),b(s,C),b(s,j),ne&&ne.m(s,null),b(a,S),b(a,N),oe&&oe.m(N,null),b(t,T),f(L,t,null),b(t,B),me&&me.m(t,null),b(t,O),b(t,Q),b(t,R),b(t,Y),b(t,Z),b(t,J),b(t,K),ge&&ge.m(t,null),e[55](t),ee=!0,ae||(le=[$(s,"click",e[49]),v(W.call(null,t)),$(t,"outclick",e[36])],ae=!0)},p(e,l){e[9]&&e[20].length>0&&!e[17]?re?(re.p(e,l),1180160&l[0]&&y(re,1)):(re=V(e),re.c(),y(re,1),re.m(a,i)):re&&(G(),M(re,1,1,(()=>{re=null})),k()),(!ee||67108868&l[0])&&se!==(se=(e[26]?e[26]:e[2])+"")&&I(C,se),!e[9]&&e[26]&&e[13]?ne?ne.p(e,l):(ne=F(e),ne.c(),ne.m(s,null)):ne&&(ne.d(1),ne=null),(!ee||8&l[0])&&(s.disabled=e[3]),(!ee||2097152&l[0])&&x(s,"is-open",e[21]),(!ee||32&l[0])&&x(s,"is-valid",e[5]),(!ee||64&l[0])&&x(s,"is-invalid",e[6]),(!ee||16&l[0])&&x(s,"mc-select--s","s"===e[4]),e[7]?oe?128&l[0]&&y(oe,1):(oe=X(),oe.c(),y(oe,1),oe.m(N,null)):oe&&(G(),M(oe,1,1,(()=>{oe=null})),k());const r={};536870912&l[0]&&(r.items=JSON.stringify(e[29])),2097152&l[0]&&(r.open=e[21]),256&l[0]&&(r.name=e[8]),512&l[0]&&(r.multiple=e[9]),1024&l[0]&&(r.emptysearchlabel=e[10]),1&l[0]&&(r.maxwidth=e[0]),2048&l[0]&&(r.datatextexpr=e[11]),4096&l[0]&&(r.datavalueexpr=e[12]),262144&l[0]&&(r.selectall=e[18]),524288&l[0]&&(r.labelselectall=e[19]),!P&&1048576&l[0]&&(P=!0,r.value=e[20],_((()=>P=!1))),L.$set(r),e[9]&&e[17]?me?me.p(e,l):(me=q(e),me.c(),me.m(t,O)):me&&(me.d(1),me=null),e[9]&&e[17]?ge?ge.p(e,l):(ge=te(e),ge.c(),ge.m(t,null)):ge&&(ge.d(1),ge=null),w(t,he=A(pe,[{class:"mc-dropdown"},(!ee||33554433&l[0]&&U!==(U="--dropdown-tag-width: "+e[25]+"; --dropdown-width: "+e[0]+";"))&&{style:U},4194304&l[0]&&e[22]])),x(t,"mc-dropdown--multi",e[9])},i(e){ee||(y(re),y(oe),y(L.$$.fragment,e),ee=!0)},o(e){M(re),M(oe),M(L.$$.fragment,e),ee=!1},d(a){a&&z(t),re&&re.d(),ne&&ne.d(),oe&&oe.d(),D(L),me&&me.d(),ge&&ge.d(),e[55](null),ae=!1,E(le)}}}let ie=!1;function se(e,t,a){let l,i,s,n,c,d;const m=["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","name","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let g,p=C(t,m),{maxwidth:h="100%"}=t,{tagid:x}=t,{taglabel:u=""}=t,{placeholder:w="-- Placeholder --"}=t,{disabled:b=!1}=t,{size:f="m"}=t,{isvalid:$}=t,{isinvalid:v}=t,{loading:y=!1}=t,{name:M}=t,{items:k}=t,{value:I}=t,{open:_=!1}=t,{multiple:A=!1}=t,{emptysearchlabel:z="No results found"}=t,{datatextexpr:D="label"}=t,{datavalueexpr:E="value"}=t,{nosort:T=!1}=t,{clearfield:L=!1}=t,{layertitle:P="Title layer"}=t,{showmoretagslabel:B="Show more"}=t,{maxnumbertoshowtags:G=12}=t,{alltags:W=!1}=t,{selectall:R=!1}=t,{labelselectall:Y="Select all"}=t;const H=Math.random();let Z,J,V,F,X=new Q(j(),S()),q="0px",K=[],U=null;function ee(){a(20,s=A?[]:""),ie(),X.dispatch("clear",!0)}function te(e){a(20,s=s.filter((t=>t!==e))),X.dispatch("onchange",s)}function ae(){a(28,U=!0)}function le(){a(28,U=null)}function ie(){a(21,c=!1),A&&!T?function(){F=l;const e=se();F.sort(((t,a)=>{const l=e.includes(t),i=e.includes(a);return l===i?t[E]-a[E]:l<i?1:-1})),a(29,i=F)}():a(29,i=l)}function se(e){const t=e||s;return l.filter((e=>A?t.includes(e[E]):t===e[E]))}return e.$$set=e=>{t=o(o({},t),N(e)),a(62,p=C(t,m)),"maxwidth"in e&&a(0,h=e.maxwidth),"tagid"in e&&a(1,x=e.tagid),"taglabel"in e&&a(40,u=e.taglabel),"placeholder"in e&&a(2,w=e.placeholder),"disabled"in e&&a(3,b=e.disabled),"size"in e&&a(4,f=e.size),"isvalid"in e&&a(5,$=e.isvalid),"isinvalid"in e&&a(6,v=e.isinvalid),"loading"in e&&a(7,y=e.loading),"name"in e&&a(8,M=e.name),"items"in e&&a(41,k=e.items),"value"in e&&a(42,I=e.value),"open"in e&&a(43,_=e.open),"multiple"in e&&a(9,A=e.multiple),"emptysearchlabel"in e&&a(10,z=e.emptysearchlabel),"datatextexpr"in e&&a(11,D=e.datatextexpr),"datavalueexpr"in e&&a(12,E=e.datavalueexpr),"nosort"in e&&a(44,T=e.nosort),"clearfield"in e&&a(13,L=e.clearfield),"layertitle"in e&&a(14,P=e.layertitle),"showmoretagslabel"in e&&a(15,B=e.showmoretagslabel),"maxnumbertoshowtags"in e&&a(16,G=e.maxnumbertoshowtags),"alltags"in e&&a(17,W=e.alltags),"selectall"in e&&a(18,R=e.selectall),"labelselectall"in e&&a(19,Y=e.labelselectall)},e.$$.update=()=>{if(1024&e.$$.dirty[1]&&a(46,l=k?JSON.parse(k):[]),32768&e.$$.dirty[1]&&a(29,i=l),512&e.$$.dirty[0]|2048&e.$$.dirty[1]&&a(20,s=!I&&A?[]:I?JSON.parse(I):I),1048576&e.$$.dirty[0]|512&e.$$.dirty[1]&&a(30,n=()=>s.length.toString()+" "+u),1048576&e.$$.dirty[0]&&async function(e){await O(),a(27,K=se(e));const t=K.map((e=>e[D]));a(26,V=t.join(", ")),A&&a(45,J=e)}(s),16384&e.$$.dirty[1]&&async function(e){var t,l;await O(),a(25,q=Z&&e&&e.length?`${null!==(l=null===(t=null==g?void 0:g.querySelector(".mc-tag-removable"))||void 0===t?void 0:t.clientWidth)&&void 0!==l?l:8}px`:"0px")}(J),4096&e.$$.dirty[1]&&a(21,c=_),2097152&e.$$.dirty[0]){const e=c?"open":"close";X.dispatch(e,c)}a(22,d=Object.assign({},p)),4194304&e.$$.dirty[0]&&delete d.class},[h,x,w,b,f,$,v,y,M,A,z,D,E,L,P,B,G,W,R,Y,s,c,d,g,Z,q,V,K,U,i,n,H,ee,te,ae,le,ie,function(){X.dispatch("onchange",s),A||ie()},function(){X.dispatch("scrollend",!0)},function(e){X.dispatch("select-all",e.detail)},u,k,I,_,T,J,l,function(e){r[e?"unshift":"push"]((()=>{Z=e,a(24,Z)}))},()=>{ee()},()=>a(21,c=!c),function(e){s=e,a(20,s),a(42,I),a(9,A)},e=>te(e.id),()=>ae(),e=>te(e.id),()=>le(),function(e){r[e?"unshift":"push"]((()=>{g=e,a(23,g)}))}]}class re extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-select{font-family:\"Roboto\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);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='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select:focus{-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}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{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='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==\");border-color:#c61112}.mc-select.is-valid{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='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+\");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}.mc-dropdown{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--dropdown-width, auto);width:100%}.mc-dropdown__tag,.mc-dropdown__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-dropdown__tag{left:0.75rem}.mc-dropdown__trigger{display:block;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mc-dropdown__trigger.is-open{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M2 10.5a1 1 0 01.29-.71l5-5a1 1 0 011.42 0l5 5a1 1 0 01-1.42 1.42L8 6.91l-4.29 4.3a1 1 0 01-1.42 0A1 1 0 012 10.5z'/%3E%3C/svg%3E\")}.mc-dropdown__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:2.5rem}.is-valid+.mc-dropdown__tools,.is-invalid+.mc-dropdown__tools{right:4.5rem}.mc-dropdown__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-dropdown__clear:focus{-webkit-box-shadow:0 0 0 2px #758992;box-shadow:0 0 0 2px #758992}.mc-dropdown__clear,.mc-dropdown__clear-icon{height:1.5rem;width:1.5rem}.mc-dropdown__clear-icon{fill:#666666}.mc-dropdown__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-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width, 0px))}.mc-dropdown{min-width:auto}.mc-dropdown__tag{position:absolute !important}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-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(r),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},se,le,s,{maxwidth:0,tagid:1,taglabel:40,placeholder:2,disabled:3,size:4,isvalid:5,isinvalid:6,loading:7,name:8,items:41,value:42,open:43,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:44,clearfield:13,layertitle:14,showmoretagslabel:15,maxnumbertoshowtags:16,alltags:17,selectall:18,labelselectall:19},null,[-1,-1,-1]),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","name","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(e){this.$$set({maxwidth:e}),i()}get tagid(){return this.$$.ctx[1]}set tagid(e){this.$$set({tagid:e}),i()}get taglabel(){return this.$$.ctx[40]}set taglabel(e){this.$$set({taglabel:e}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),i()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),i()}get size(){return this.$$.ctx[4]}set size(e){this.$$set({size:e}),i()}get isvalid(){return this.$$.ctx[5]}set isvalid(e){this.$$set({isvalid:e}),i()}get isinvalid(){return this.$$.ctx[6]}set isinvalid(e){this.$$set({isinvalid:e}),i()}get loading(){return this.$$.ctx[7]}set loading(e){this.$$set({loading:e}),i()}get name(){return this.$$.ctx[8]}set name(e){this.$$set({name:e}),i()}get items(){return this.$$.ctx[41]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[42]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[43]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[9]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[44]}set nosort(e){this.$$set({nosort:e}),i()}get clearfield(){return this.$$.ctx[13]}set clearfield(e){this.$$set({clearfield:e}),i()}get layertitle(){return this.$$.ctx[14]}set layertitle(e){this.$$set({layertitle:e}),i()}get showmoretagslabel(){return this.$$.ctx[15]}set showmoretagslabel(e){this.$$set({showmoretagslabel:e}),i()}get maxnumbertoshowtags(){return this.$$.ctx[16]}set maxnumbertoshowtags(e){this.$$set({maxnumbertoshowtags:e}),i()}get alltags(){return this.$$.ctx[17]}set alltags(e){this.$$set({alltags:e}),i()}get selectall(){return this.$$.ctx[18]}set selectall(e){this.$$set({selectall:e}),i()}get labelselectall(){return this.$$.ctx[19]}set labelselectall(e){this.$$set({labelselectall:e}),i()}}export{re as default};
 //# sourceMappingURL=Dropdown.js.map

package/public/adeo/components/dropdown/Dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/dropdown/Dropdown.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 { SelectSize } from '../select/select.types';\n\n import Tag from '../tag/Tag.nested.svelte';\n import Loader from '../loader/Loader.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 = '-- Placeholder --';\n export let disabled = false;\n export let size: SelectSize = 'm';\n export let isvalid: boolean;\n export let isinvalid: boolean;\n export let loading = 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 clearfield = 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 buttonvalue: string;\n let sortedListItems: any;\n let isfiltered = false;\n let selectedItems: ListboxItems[] = [];\n let openLayer: any = null;\n\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 function clearListbox() {\n listboxValue = multiple ? [] : '';\n closeListBox();\n eventHandler.dispatch('clear', true);\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 function openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\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?: any) {\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\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 onScrollEnd() {\n eventHandler.dispatch('scrollend', true);\n }\n\n function onSelectAll(e: CustomEvent) {\n eventHandler.dispatch('select-all', e.detail);\n }\n\n // Watch Functions\n async function watchListboxValue(value: any) {\n await tick();\n selectedItems = getSelectedItems(value);\n const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n\n buttonvalue = seletedLabels.join(', ');\n\n if (multiple) {\n tagValue = value;\n }\n }\n\n async function setTagWidth(tagValue: any) {\n await tick();\n\n tagWidth =\n tag && tagValue && tagValue.length\n ? `${\n component?.querySelector('.mc-tag-removable')?.clientWidth ?? 0 + 8\n }px`\n : '0px';\n }\n</script>\n\n<div\n class=\"mc-dropdown\"\n class:mc-dropdown--multi={multiple}\n style=\"--dropdown-tag-width: {tagWidth}; --dropdown-width: {maxwidth};\"\n use:clickOutside\n on:outclick={closeListBox}\n {...attributes}\n bind:this={component}\n>\n <div class=\"mc-dropdown__main\">\n <!-- TAG REMOVABLE -->\n {#if multiple && listboxValue.length > 0 && !alltags}\n <Tag\n id={tagid ? tagid : `autocompleteTag-${uuid}`}\n class=\"mc-dropdown__tag\"\n label={setTagLabel()}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n selected={false}\n value=\"\"\n bind:this={tag}\n on:tag-removed={clearListbox}\n />\n {/if}\n\n <!-- TRIGGER BUTTON -->\n <button\n type=\"button\"\n class=\"mc-select mc-dropdown__trigger\"\n class:is-open={openState}\n class:is-valid={isvalid}\n class:is-invalid={isinvalid}\n class:mc-select--s={size === 's'}\n {disabled}\n on:click={() => (openState = !openState)}\n >\n {buttonvalue ? buttonvalue : placeholder}\n {#if !multiple && buttonvalue && clearfield}\n <button\n class=\"mc-dropdown__clear\"\n type=\"button\"\n on:click\|stopPropagation={() => {\n clearListbox();\n }}\n >\n <navigation-control-tag--cross-24px />\n </button>\n {/if}\n </button>\n\n <div class=\"mc-dropdown__tools\">\n <!-- LOADER -->\n {#if loading}\n <Loader size=\"s\" theme=\"primary\" text=\"\" class=\"mc-dropdown__loader\" />\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 <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 </div>\n {/if}\n {/each}\n {#if listboxValue.length > maxnumbertoshowtags}\n <div class=\"tag-selected\">\n <m-tag\n id=\"id-tag\"\n label=\"({listboxValue.length}) {showmoretagslabel} \"\n size=\"s\"\n type=\"link\"\n on:tag-selected={() => openLayerFn()}\n />\n </div>\n {/if}\n </div>\n {/if}\n\n <span class=\"mc-dropdown__tag\" style=\"display:none;\" />\n <span class=\"mc-dropdown__loader\" style=\"display:none;\" />\n <span class=\"mc-text-input mc-dropdown__trigger\" style=\"display:none;\" />\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 <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 </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.select';\n @import '@mozaic-ds/styles/components/c.dropdown';\n\n // Dropdown\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-dropdown {\n min-width: auto;\n\n &__tag {\n position: absolute !important; // due to the Svelte CSS scope\n }\n\n &--multi {\n .mc-dropdown__trigger {\n padding-left: calc($mu075 + var(--dropdown-tag-width)) !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_2","div","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","append","dirty","if_block","create_if_block_3","div1","m_layer","small","div0","if_block0","create_if_block_6","create_if_block_5","create_if_block_4","JSON","stringify","if_block3","create_if_block_1","if_block4","create_if_block","style","div2_style_value","toggle_class","div2","span0","span1","span2","set_data","t1","t1_value","current","isfiltered","component","maxwidth","$$props","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","uuid","Math","random","tag","tagValue","buttonvalue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","removeTagSelected","itemSelectedId","filter","openLayerFn","$$invalidate","closeLayerFn","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","watchListboxValue","_b","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","e","detail","$$value","value$1","selectedItem"],"mappings":"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"}
1	+ {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/dropdown/Dropdown.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 { SelectSize } from '../select/select.types';\n\n import Tag from '../tag/Tag.nested.svelte';\n import Loader from '../loader/Loader.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 = '-- Placeholder --';\n export let disabled = false;\n export let size: SelectSize = 'm';\n export let isvalid: boolean;\n export let isinvalid: boolean;\n export let loading = false;\n export let name: string;\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 clearfield = 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 buttonvalue: string;\n let sortedListItems: any;\n let isfiltered = false;\n let selectedItems: ListboxItems[] = [];\n let openLayer: any = null;\n\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 function clearListbox() {\n listboxValue = multiple ? [] : '';\n closeListBox();\n eventHandler.dispatch('clear', true);\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 function openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\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?: any) {\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\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 onScrollEnd() {\n eventHandler.dispatch('scrollend', true);\n }\n\n function onSelectAll(e: CustomEvent) {\n eventHandler.dispatch('select-all', e.detail);\n }\n\n // Watch Functions\n async function watchListboxValue(value: any) {\n await tick();\n selectedItems = getSelectedItems(value);\n const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n\n buttonvalue = seletedLabels.join(', ');\n\n if (multiple) {\n tagValue = value;\n }\n }\n\n async function setTagWidth(tagValue: any) {\n await tick();\n\n tagWidth =\n tag && tagValue && tagValue.length\n ? `${\n component?.querySelector('.mc-tag-removable')?.clientWidth ?? 0 + 8\n }px`\n : '0px';\n }\n</script>\n\n<div\n class=\"mc-dropdown\"\n class:mc-dropdown--multi={multiple}\n style=\"--dropdown-tag-width: {tagWidth}; --dropdown-width: {maxwidth};\"\n use:clickOutside\n on:outclick={closeListBox}\n {...attributes}\n bind:this={component}\n>\n <div class=\"mc-dropdown__main\">\n <!-- TAG REMOVABLE -->\n {#if multiple && listboxValue.length > 0 && !alltags}\n <Tag\n id={tagid ? tagid : `autocompleteTag-${uuid}`}\n class=\"mc-dropdown__tag\"\n label={setTagLabel()}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n selected={false}\n value=\"\"\n bind:this={tag}\n on:tag-removed={clearListbox}\n />\n {/if}\n\n <!-- TRIGGER BUTTON -->\n <button\n type=\"button\"\n class=\"mc-select mc-dropdown__trigger\"\n class:is-open={openState}\n class:is-valid={isvalid}\n class:is-invalid={isinvalid}\n class:mc-select--s={size === 's'}\n {disabled}\n on:click={() => (openState = !openState)}\n >\n {buttonvalue ? buttonvalue : placeholder}\n {#if !multiple && buttonvalue && clearfield}\n <button\n class=\"mc-dropdown__clear\"\n type=\"button\"\n on:click\|stopPropagation={() => {\n clearListbox();\n }}\n >\n <navigation-control-tag--cross-24px />\n </button>\n {/if}\n </button>\n\n <div class=\"mc-dropdown__tools\">\n <!-- LOADER -->\n {#if loading}\n <Loader size=\"s\" theme=\"primary\" text=\"\" class=\"mc-dropdown__loader\" />\n {/if}\n </div>\n </div>\n\n <!-- LISTBOX -->\n <Listbox\n items={JSON.stringify(localItems)}\n open={openState}\n {name}\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 <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 </div>\n {/if}\n {/each}\n {#if listboxValue.length > maxnumbertoshowtags}\n <div class=\"tag-selected\">\n <m-tag\n id=\"id-tag\"\n label=\"({listboxValue.length}) {showmoretagslabel} \"\n size=\"s\"\n type=\"link\"\n on:tag-selected={() => openLayerFn()}\n />\n </div>\n {/if}\n </div>\n {/if}\n\n <span class=\"mc-dropdown__tag\" style=\"display:none;\" />\n <span class=\"mc-dropdown__loader\" style=\"display:none;\" />\n <span class=\"mc-text-input mc-dropdown__trigger\" style=\"display:none;\" />\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 <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 </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.select';\n @import '@mozaic-ds/styles/components/c.dropdown';\n\n // Dropdown\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-dropdown {\n min-width: auto;\n\n &__tag {\n position: absolute !important; // due to the Svelte CSS scope\n }\n\n &--multi {\n .mc-dropdown__trigger {\n padding-left: calc($mu075 + var(--dropdown-tag-width)) !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_2","div","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","append","dirty","if_block","create_if_block_3","div1","m_layer","small","div0","if_block0","create_if_block_6","create_if_block_5","create_if_block_4","JSON","stringify","if_block3","create_if_block_1","if_block4","create_if_block","style","div2_style_value","toggle_class","div2","span0","span1","span2","set_data","t1","t1_value","current","isfiltered","component","maxwidth","$$props","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","name","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","uuid","Math","random","tag","tagValue","buttonvalue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","removeTagSelected","itemSelectedId","filter","openLayerFn","$$invalidate","closeLayerFn","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","watchListboxValue","_b","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","e","detail","$$value","value$1","selectedItem"],"mappings":"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"}

package/public/adeo/components/dropdown/Dropdown.svelte CHANGED Viewed

@@ -24,6 +24,7 @@
   export let isvalid: boolean;
   export let isinvalid: boolean;
   export let loading = false;
+  export let name: string;
   export let items: string;
   export let value: any;
   export let open = false;
@@ -240,6 +241,7 @@
   <Listbox
     items={JSON.stringify(localItems)}
     open={openState}
+    {name}
     {multiple}
     {isfiltered}
     {emptysearchlabel}