@mozaic-ds/web-components 0.29.1 → 0.30.0

package/README.md

@@ -1,47 +1,39 @@
+<p align="center">
+  <img alt="ADEO Design system - Core library" src="./.storybook/assets/images/adeo-design-system-web-component-banner.svg" />
+</p>
+
 <h1 align="center">
-  Mozaic-web-components
+  ADEO Design system - Web Components (Svelte)
 </h1>
 
 <p align="center">
-  <a href="https://mozaic.adeo.cloud/">
-    <img src=".storybook/assets/images/adeo-design-system.svg"/>
-  </a>
-
-  <a href="https://svelte.dev/">
-    <img src=".storybook/assets/images/made-with-svelte.svg"/>
-  </a>
+  A library of <a href="https://svelte.dev/">Svelte</a> and <a href="https://developer.mozilla.org/fr/docs/Web/API/Web_components">Web Component</a> implementing ADEO Design system guidelines.
 </p>
 
 <p align="center">
+  <a href="https://www.npmjs.com/package/@mozaic-ds/web-components/v/beta">
+    <img src="https://img.shields.io/npm/v/@mozaic-ds/web-components/beta?label=NPM&logo=npm&color=yellow" alt="npm beta version">
+  </a>
   <a href="https://github.com/adeo/mozaic-web-components/blob/master/CONTRIBUTING.md">
     <img src="https://img.shields.io/badge/PRs-welcome-blue.svg?logo=github" alt="PRs welcome" />
   </a>
-  <a href="#-contributors">
-    <img src="https://img.shields.io/badge/all_contributors-35-brightgreen.svg?style=" alt="contributors" />
-  </a>
   <a href="https://app.slack.com/client/T4R6RCZFA/C021A2J25C4">
     <img src="https://img.shields.io/badge/Slack-mozaic_web_components-611f69.svg?logo=slack" alt="Slack mozaic-web-components" />
   </a>
-  <a href="https://adeo.workplace.com/groups/427492661454646/">
-    <img src="https://img.shields.io/badge/Workplace-Adeo_Design_System-4526ce.svg?logo=workplace" alt="Workplace Adeo Design system" />
+  <a href="https://keys.adeo.com/keys/ls/space/2583429798460717/adeo-adeo-design-system">
+    <img src="https://img.shields.io/badge/KEYS-Adeo_Design_System-4526ce.svg" alt="KEYS ADEO Design system" />
   </a>
 </p>
 
-<p align="center">
-  This project contains <a href="https://svelte.dev/">Svelte</a> components and <a href="https://developer.mozilla.org/fr/docs/Web/API/Web_components">Web Components</a> that implements the <a href="https://mozaic.adeo.cloud/">ADEO Design system</a> guidelines.
-</p>
-
 ## 🎨 Getting started
 
 **ADEO Design system** is a global and collaborative design system that facilitates the designer and developer experience, enabling them to create universal interfaces perfectly aligned with the business strategy of [Adeo](https://www.adeo.com/).
 
-Learn more about the vision and guidelines by visiting the [main documentation website](https://mozaic.adeo.cloud/).
-
 ## 📦 Install
 
 All the available components are showcased in our [Storybook](https://ubiquitous-giggle-7b5b6e33.pages.github.io/?path=/story/components-button--solid).
 
-To install `mozaic-web-components` in your project, you will need to run the following command using `npm`:
+To install mozaic `web-components` in your project, you will need to run the following command using `npm`:
 
 ```
 npm install --save @mozaic-ds/web-components
@@ -64,7 +56,7 @@ Import the Button component:
 ```js
 import Button from '@mozaic-ds/web-components/public/components/button/Button.svelte';
 // import Mozaic icons as web component
-import '@mozaic-ds/web-components/public/icons.js';
+import '@mozaic-ds/icons-svelte';
 ```
 
 To avoid declaring the Svelte components as Web Component, you need to change a little your `rollup.config.js` file.
@@ -109,7 +101,7 @@ Import component gloabally:
 // load the full library
 import '@mozaic-ds/web-components/public/bundle.js';
 // import Mozaic icons as web component
-import '@mozaic-ds/web-components/public/icons.js';
+import '@mozaic-ds/icons-svelte';
 ```
 
 Import component individually:
@@ -121,16 +113,13 @@ If you do not want to use all the components of the library, but only some of th
 
 import Button from '@mozaic-ds/web-components/public/components/button/Button.js';
 if (!customElements.get('m-button')) {
-  customElements.define('m-button', Button);
+  customElements.define('m-button', Button.element);
 }
 // For icons
-import ArrowArrowRight16 from '@mozaic-ds/web-components/public/icons/ArrowArrowRight16.js';
+import ChevronRight20 from '@mozaic-ds/icons-svelte/custom-elements/ChevronRight20/ChevronRight20.js';
 
-if (!customElements.get('navigation-arrow-arrow--right-16px')) {
-  customElements.define(
-    'navigation-arrow-arrow--right-16px',
-    ArrowArrowRight16,
-  );
+if (!customElements.get('ui-chevron-right-20')) {
+  customElements.define('ui-chevron-right-20', ChevronRight20.element);
 }
 ```
 
@@ -156,63 +145,31 @@ import '@mozaic-ds/web-components/public/adeo/...';
 
 > NOTE: This is for global or individual imports
 
-## 📚 Ressources
+## Ressources
 
 To learn more about the web components approach, we've written a couple of articles:
 
-[Web Components: Learnings From ADEO Design system](https://medium.com/adeo-tech/web-components-learnings-from-adeo-design-system-9414acc1d1e2)
-
-[ADEO Design system: Building a Web Component library with Svelte and Rollup](https://medium.com/adeo-tech/adeo-design-system-building-a-web-component-library-with-svelte-and-rollup-72d65de50163)
-
-## 📰 Changelog
-
-Releases are managed with **GitHub Releases**, including the changelog for each one.<br/>
-Access to the [Changelog](/CHANGELOG.md) to find out about the detailed changes to each release.
+[Web Components: Learnings From ADEO Design System](https://medium.com/adeo-tech/web-components-learnings-from-adeo-design-system-9414acc1d1e2)
 
-## 📣 Stay in touch
+[ADEO Design System: Building a Web Component library with Svelte and Rollup](https://medium.com/adeo-tech/adeo-design-system-building-a-web-component-library-with-svelte-and-rollup-72d65de50163)
 
-- Join the [#mozaic-web-components](https://app.slack.com/client/T4R6RCZFA/C021A2J25C4/) channel on **Slack**
-- Join the [#mozaic-support](https://app.slack.com/client/T4R6RCZFA/CKQJZL7C4/) channel on **Slack**
-- Join our [Workplace group](https://adeo.workplace.com/groups/427492661454646/)
-
-## 🐞 Bugs and feature requests
-
-Have a bug or a feature request?<br/>
-Please [open an issue](https://github.com/adeo/mozaic-styles/issues/new/choose) and use the template associated with your request.
-
-However, if you are able to contribute and fix bugs, build new features, or help to improve the project documentation, feel free to do it! _(more information below)_
-
-
-## ✍️ Contributing
-
-Setup the project to start contributing.
+## Project setup
 
 ```
 npm ci
-npm run build:icons
 ```
 
-Compiles and hot-reloads for development
+### Compiles and hot-reloads for development
 
 ```
 npm run start
 ```
 
-We're always looking for contributors to help us fix bugs, build features, or help us improve the documentation. If you're intersted check out our [Code of Conduct](https://github.com/adeo/mozaic-web-components/wiki/Code-of-conduct) and [Contribution Guide](https://github.com/adeo/mozaic-web-components/blob/master/CONTRIBUTING.md).
-
-## 🧑‍💻 Contributors
-
-**Owners**
-
-**[ADEO Design system Team](https://github.com/orgs/adeo/teams/adeo-design-system)**
-
-**Maintainers**
+## ✍️ Contributing
 
-- **[Mohamed Mokhtari](https://github.com/mohamedMok)**
-- **[Trésor Iloyi](https://github.com/tiloyi)**
-- **[David Martin](https://github.com/dmartinds)**
+We're always looking for contributors to help us fix bugs, build features, or help us improve the documentation. If you're intersted chec out our [Contribution Guide](https://github.com/adeo/mozaic-web-components/wiki/Contributing).
 
-Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
+### Contributors
 
 <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
 <!-- prettier-ignore-start -->
@@ -275,7 +232,3 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 <!-- prettier-ignore-end -->
 
 <!-- ALL-CONTRIBUTORS-LIST:END -->
-
-## 📄 Licensing
-
-This project is licensed under the Apache V2 License. See [LICENSE](LICENSE) for more information.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/web-components",
-  "version": "0.29.1",
+  "version": "0.30.0",
   "description": "Web component Mozaic DS implementation",
   "license": "MIT",
   "engines": {

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

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as l,b as a,f as i,s,K as n,L as o,c as r,e as c,d,E as u,n as m,h as p,M as h,j as g,t as $,k as f,F as x,N as b,x as v,B as w,z as y,A as _,O as k,l as z,m as q,G as j,P as S,o as C,q as N,r as O,u as T,Q as E,C as J,R as L,T as M,D as R,U,V as Y}from"../../index-c222d0b7.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as B}from"../../ClickOutside-63071e7a.js";import H from"../tag/Tag.nested.js";import D from"../loader/Loader.nested.js";import F from"../textinput/Textinput.nested.js";import G from"../listbox/Listbox.nested.js";function K(e,t,l){const a=e.slice();return a[74]=t[l],a}function P(e,t,l){const a=e.slice();return a[74]=t[l],a[78]=l,a}function Q(e){let t,l,i,s={id:e[1]?e[1]:`autocompleteTag-${e[33]}`,label:e[32](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return l=new H({props:s}),e[52](l),l.$on("tag-removed",e[34]),{c(){t=c("div"),u(l.$$.fragment),p(t,"class","mc-autocomplete__tag")},m(e,s){a(e,t,s),x(l,t,null),i=!0},p(e,t){const a={};2&t[0]&&(a.id=e[1]?e[1]:`autocompleteTag-${e[33]}`),2&t[1]&&(a.label=e[32]()),l.$set(a)},i(e){i||(w(l.$$.fragment,e),i=!0)},o(e){y(l.$$.fragment,e),i=!1},d(a){a&&q(t),e[52](null),j(l)}}}function V(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||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(e){j(t,e)}}}function W(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=v(t,"click",E(e[57])),l=!0)},p:m,d(e){e&&q(t),l=!1,i()}}}function I(e){let t,l,a;function i(t){e[58](t)}let s={items:JSON.stringify(e[31]),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],overlay:!0,width:e[0]};return void 0!==e[20]&&(s.value=e[20]),t=new G({props:s}),n.push((()=>o(t,"value",i))),t.$on("change",e[36]),t.$on("scrollend",e[40]),t.$on("select-all",e[41]),{c(){u(t.$$.fragment)},m(e,l){x(t,e,l),a=!0},p(e,a){const i={};1&a[1]&&(i.items=JSON.stringify(e[31])),128&a[0]&&(i.name=e[7]),1024&a[0]&&(i.multiple=e[10]),134217728&a[0]&&(i.isfiltered=e[27]),2048&a[0]&&(i.emptysearchlabel=e[11]),1&a[0]&&(i.maxwidth=e[0]),4096&a[0]&&(i.datatextexpr=e[12]),8192&a[0]&&(i.datavalueexpr=e[13]),262144&a[0]&&(i.selectall=e[18]),524288&a[0]&&(i.labelselectall=e[19]),1&a[0]&&(i.width=e[0]),!l&&1048576&a[0]&&(l=!0,i.value=e[20],k((()=>l=!1))),t.$set(i)},i(e){a||(w(t.$$.fragment,e),a=!0)},o(e){y(t.$$.fragment,e),a=!1},d(e){j(t,e)}}}function X(e){let t,l,i,s=e[28],n=[];for(let t=0;t<s.length;t+=1)n[t]=le(P(e,s,t));const o=e=>y(n[e],1,1,(()=>{n[e]=null}));let r=e[20].length>e[16]&&ae(e);return{c(){t=c("div");for(let e=0;e<n.length;e+=1)n[e].c();l=d(),r&&r.c(),p(t,"class","tags-selected")},m(e,s){a(e,t,s);for(let e=0;e<n.length;e+=1)n[e]&&n[e].m(t,null);f(t,l),r&&r.m(t,null),i=!0},p(e,a){if(302055432&a[0]|2048&a[1]){let i;for(s=e[28],i=0;i<s.length;i+=1){const o=P(e,s,i);n[i]?(n[i].p(o,a),w(n[i],1)):(n[i]=le(o),n[i].c(),w(n[i],1),n[i].m(t,l))}for(J(),i=s.length;i<n.length;i+=1)o(i);_()}e[20].length>e[16]?r?(r.p(e,a),1114112&a[0]&&w(r,1)):(r=ae(e),r.c(),w(r,1),r.m(t,null)):r&&(J(),y(r,1,1,(()=>{r=null})),_())},i(e){if(!i){for(let e=0;e<s.length;e+=1)w(n[e]);w(r),i=!0}},o(e){n=n.filter(Boolean);for(let e=0;e<n.length;e+=1)y(n[e]);y(r),i=!1},d(e){e&&q(t),L(n,e),r&&r.d()}}}function Z(e){let t,l,i,s;const n=[te,ee],o=[];function r(e,t){return e[3]?0:1}return l=r(e),i=o[l]=n[l](e),{c(){t=c("div"),i.c(),p(t,"class","tag-selected")},m(e,i){a(e,t,i),o[l].m(t,null),s=!0},p(e,a){let s=l;l=r(e),l===s?o[l].p(e,a):(J(),y(o[s],1,1,(()=>{o[s]=null})),_(),i=o[l],i?i.p(e,a):(i=o[l]=n[l](e),i.c()),w(i,1),i.m(t,null))},i(e){s||(w(i),s=!0)},o(e){y(i),s=!1},d(e){e&&q(t),o[l].d()}}}function ee(e){let t,l;let a={id:e[74].id||"",label:e[74].label,size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return t=new H({props:a}),e[59](t),t.$on("tag-removed",(function(){return e[60](e[74])})),{c(){u(t.$$.fragment)},m(e,a){x(t,e,a),l=!0},p(l,a){e=l;const i={};268435456&a[0]&&(i.id=e[74].id||""),268435456&a[0]&&(i.label=e[74].label),t.$set(i)},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(l){e[59](null),j(t,l)}}}function te(e){let t,l;return t=new H({props:{id:e[74].id||"",label:e[74].label,size:"s",type:"link",dark:!0,disabled:!1,href:"",name:"",value:"",selected:!1}}),{c(){u(t.$$.fragment)},m(e,a){x(t,e,a),l=!0},p(e,l){const a={};268435456&l[0]&&(a.id=e[74].id||""),268435456&l[0]&&(a.label=e[74].label),t.$set(a)},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(e){j(t,e)}}}function le(e){let t,l,i=e[78]<e[16]&&Z(e);return{c(){i&&i.c(),t=M()},m(e,s){i&&i.m(e,s),a(e,t,s),l=!0},p(e,l){e[78]<e[16]?i?(i.p(e,l),65536&l[0]&&w(i,1)):(i=Z(e),i.c(),w(i,1),i.m(t.parentNode,t)):i&&(J(),y(i,1,1,(()=>{i=null})),_())},i(e){l||(w(i),l=!0)},o(e){y(i),l=!1},d(e){i&&i.d(e),e&&q(t)}}}function ae(e){let t,l,i,s,n;return l=new H({props:{id:"id-tag",label:"("+e[20].length+") "+e[15]+" ",size:"s",type:"link",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1}}),{c(){t=c("div"),u(l.$$.fragment),p(t,"class","tag-selected")},m(o,r){a(o,t,r),x(l,t,null),i=!0,s||(n=v(t,"click",e[61]),s=!0)},p(e,t){const a={};1081344&t[0]&&(a.label="("+e[20].length+") "+e[15]+" "),l.$set(a)},i(e){i||(w(l.$$.fragment,e),i=!0)},o(e){y(l.$$.fragment,e),i=!1},d(e){e&&q(t),j(l),s=!1,n()}}}function ie(e){let t,l,i,s,n,o,r=e[28],d=[];for(let t=0;t<r.length;t+=1)d[t]=oe(K(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"),R(l,"title",e[14]),R(l,"layertitletag","h3"),R(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=v(l,"layer-closed",e[63]),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=K(e,r,l);d[l]?d[l].p(a,t):(d[l]=oe(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]&&R(l,"title",e[14]),536870912&t[0]&&R(l,"isopen",e[29])},d(e){e&&q(t),L(d,e),n=!1,o()}}}function se(e){let t,l,i,s,n;function o(){return e[62](e[74])}return{c(){t=c("m-tag"),R(t,"id",l=e[74].id),R(t,"label",i=e[74].label),R(t,"size","s"),R(t,"type","removable")},m(e,l){a(e,t,l),s||(n=v(t,"tag-removed",o),s=!0)},p(a,s){e=a,268435456&s[0]&&l!==(l=e[74].id)&&R(t,"id",l),268435456&s[0]&&i!==(i=e[74].label)&&R(t,"label",i)},d(e){e&&q(t),s=!1,n()}}}function ne(e){let t,l,i;return{c(){t=c("m-tag"),R(t,"type","text"),R(t,"id",l=e[74].id),R(t,"label",i=e[74].label),R(t,"size","s")},m(e,l){a(e,t,l)},p(e,a){268435456&a[0]&&l!==(l=e[74].id)&&R(t,"id",l),268435456&a[0]&&i!==(i=e[74].label)&&R(t,"label",i)},d(e){e&&q(t)}}}function oe(e){let t,l;function i(e,t){return e[3]?ne:se}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 re(e){let t,l,i,s,C,N,O,T,E,L,M,R,U,Y,A,H,D,G,K,P=e[10]&&e[20].length>0&&!e[17]&&Q(e);function Z(t){e[53](t)}let ee={classinput:"mc-autocomplete__trigger",style:"padding-left: calc(2.9375rem + var(--autocomplete-tag-width))",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]&&(ee.value=e[30]),s=new F({props:ee}),n.push((()=>o(s,"value",Z))),s.$on("input",e[39]),s.$on("click",e[54]),s.$on("change",e[55]),s.$on("blur",e[56]);let te=e[8]&&V(),le=null!=e[30]&&""!=e[30]&&!e[3]&&W(e),ae=e[22]&&I(e),se=e[10]&&e[17]&&X(e),ne=e[10]&&e[17]&&ie(e),oe=[{class:"mc-autocomplete"},{style:H="--autocomplete-tag-width: "+e[26]+"; --autocomplete-width: "+e[0]+";"},e[23]],re={};for(let e=0;e<oe.length;e+=1)re=r(re,oe[e]);return{c(){t=c("div"),l=c("div"),P&&P.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),te&&te.c(),T=d(),le&&le.c(),E=d(),ae&&ae.c(),L=d(),se&&se.c(),M=d(),R=c("span"),U=d(),Y=c("span"),A=d(),ne&&ne.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(R,"class","mc-autocomplete__loader"),h(R,"display","none"),p(Y,"class","mc-text-input mc-autocomplete__trigger"),h(Y,"display","none"),g(t,re),$(t,"mc-autocomplete--multi",e[10])},m(n,o){a(n,t,o),f(t,l),P&&P.m(l,null),f(l,i),x(s,l,null),f(l,N),f(l,O),te&&te.m(O,null),f(O,T),le&&le.m(O,null),f(t,E),ae&&ae.m(t,null),f(t,L),se&&se.m(t,null),f(t,M),f(t,R),f(t,U),f(t,Y),f(t,A),ne&&ne.m(t,null),e[64](t),D=!0,G||(K=[b(B.call(null,t)),v(t,"outclick",e[35])],G=!0)},p(e,a){e[10]&&e[20].length>0&&!e[17]?P?(P.p(e,a),1180672&a[0]&&w(P,1)):(P=Q(e),P.c(),w(P,1),P.m(l,i)):P&&(J(),y(P,1,1,(()=>{P=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]?te?256&a[0]&&w(te,1):(te=V(),te.c(),w(te,1),te.m(O,T)):te&&(J(),y(te,1,1,(()=>{te=null})),_()),null==e[30]||""==e[30]||e[3]?le&&(le.d(1),le=null):le?le.p(e,a):(le=W(e),le.c(),le.m(O,null)),e[22]?ae?(ae.p(e,a),4194304&a[0]&&w(ae,1)):(ae=I(e),ae.c(),w(ae,1),ae.m(t,L)):ae&&(J(),y(ae,1,1,(()=>{ae=null})),_()),e[10]&&e[17]?se?(se.p(e,a),132096&a[0]&&w(se,1)):(se=X(e),se.c(),w(se,1),se.m(t,M)):se&&(J(),y(se,1,1,(()=>{se=null})),_()),e[10]&&e[17]?ne?ne.p(e,a):(ne=ie(e),ne.c(),ne.m(t,null)):ne&&(ne.d(1),ne=null),g(t,re=z(oe,[{class:"mc-autocomplete"},(!D||67108865&a[0]&&H!==(H="--autocomplete-tag-width: "+e[26]+"; --autocomplete-width: "+e[0]+";"))&&{style:H},8388608&a[0]&&e[23]])),$(t,"mc-autocomplete--multi",e[10])},i(e){D||(w(P),w(s.$$.fragment,e),w(te),w(ae),w(se),D=!0)},o(e){y(P),y(s.$$.fragment,e),y(te),y(ae),y(se),D=!1},d(l){l&&q(t),P&&P.d(),j(s),te&&te.d(),le&&le.d(),ae&&ae.d(),se&&se.d(),ne&&ne.d(),e[64](null),G=!1,S(K)}}}function ce(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:v=!1}=t,{disabled:w=!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:B="label"}=t,{datavalueexpr:H="value"}=t,{nosort:D=!1}=t,{layertitle:F="Title layer"}=t,{showmoretagslabel:G="Show more"}=t,{maxnumbertoshowtags:K=12}=t,{alltags:P=!1}=t,{selectall:Q=!1}=t,{labelselectall:V="Select all"}=t;const W=Math.random();let I,X,Z,ee=new A(N(),O()),te="0px",le=!1,ae=[],ie=null;function se(){w||(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[H]-l[H]: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[H]):t===e[H]))}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(73,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,v=e.nofilter),"disabled"in e&&l(3,w=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,B=e.datatextexpr),"datavalueexpr"in e&&l(13,H=e.datavalueexpr),"nosort"in e&&l(50,D=e.nosort),"layertitle"in e&&l(14,F=e.layertitle),"showmoretagslabel"in e&&l(15,G=e.showmoretagslabel),"maxnumbertoshowtags"in e&&l(16,K=e.maxnumbertoshowtags),"alltags"in e&&l(17,P=e.alltags),"selectall"in e&&l(18,Q=e.selectall),"labelselectall"in e&&l(19,V=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[B]));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=I&&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,w,y,_,z,q,j,S,M,R,B,H,F,G,K,P,Q,V,o,i,d,u,p,I,te,le,ae,ie,a,s,c,W,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){!v&&b&&(e.length?l(31,s=i.filter((t=>t[B].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,v,k,E,J,L,D,X,function(e){n[e?"unshift":"push"]((()=>{I=e,l(25,I)}))},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)},function(e){n[e?"unshift":"push"]((()=>{I=e,l(25,I)}))},e=>de(e.id),()=>re(),e=>de(e.id),()=>ce(),function(e){n[e?"unshift":"push"]((()=>{p=e,l(24,p)}))}]}class de 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:var(--autocomplete-min-width, 6rem);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:var(--autocomplete-tag-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;position:absolute;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}.mc-listbox--overlay{top:calc(100% + 4px)}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},ce,re,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{de as default};
+import{S as e,i as t,a as l,b as a,f as i,s,K as n,L as o,c as r,e as c,d as u,E as d,n as m,h as p,M as h,j as g,t as $,k as f,F as b,N as x,x as v,B as w,z as y,A as _,O as z,l as k,m as q,G as j,P as S,o as C,q as N,r as O,u as T,Q as E,C as J,R as L,T as M,D as R,U,V as Y}from"../../index-c222d0b7.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as B}from"../../ClickOutside-63071e7a.js";import H from"../tag/Tag.nested.js";import D from"../loader/Loader.nested.js";import F from"../textinput/Textinput.nested.js";import G from"../listbox/Listbox.nested.js";function K(e,t,l){const a=e.slice();return a[76]=t[l],a}function P(e,t,l){const a=e.slice();return a[76]=t[l],a[80]=l,a}function Q(e){let t,l,i,s={id:e[1]?e[1]:`autocompleteTag-${e[34]}`,label:e[33](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return l=new H({props:s}),e[53](l),l.$on("tag-removed",e[35]),{c(){t=c("div"),d(l.$$.fragment),p(t,"class","mc-autocomplete__tag")},m(e,s){a(e,t,s),b(l,t,null),i=!0},p(e,t){const a={};2&t[0]&&(a.id=e[1]?e[1]:`autocompleteTag-${e[34]}`),4&t[1]&&(a.label=e[33]()),l.$set(a)},i(e){i||(w(l.$$.fragment,e),i=!0)},o(e){y(l.$$.fragment,e),i=!1},d(a){a&&q(t),e[53](null),j(l)}}}function V(e){let t,l;return t=new D({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){d(t.$$.fragment)},m(e,a){b(t,e,a),l=!0},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(e){j(t,e)}}}function W(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=v(t,"click",E(e[59])),l=!0)},p:m,d(e){e&&q(t),l=!1,i()}}}function I(e){let t,l,a;function i(t){e[60](t)}let s={items:JSON.stringify(e[32]),name:e[7],multiple:e[10],isfiltered:e[28],emptysearchlabel:e[11],maxwidth:e[0],datatextexpr:e[12],datavalueexpr:e[13],selectall:e[18],labelselectall:e[19],labelautosize:e[20],overlay:!0,width:e[0]};return void 0!==e[21]&&(s.value=e[21]),t=new G({props:s}),n.push((()=>o(t,"value",i))),t.$on("change",e[37]),t.$on("scrollend",e[41]),t.$on("select-all",e[42]),{c(){d(t.$$.fragment)},m(e,l){b(t,e,l),a=!0},p(e,a){const i={};2&a[1]&&(i.items=JSON.stringify(e[32])),128&a[0]&&(i.name=e[7]),1024&a[0]&&(i.multiple=e[10]),268435456&a[0]&&(i.isfiltered=e[28]),2048&a[0]&&(i.emptysearchlabel=e[11]),1&a[0]&&(i.maxwidth=e[0]),4096&a[0]&&(i.datatextexpr=e[12]),8192&a[0]&&(i.datavalueexpr=e[13]),262144&a[0]&&(i.selectall=e[18]),524288&a[0]&&(i.labelselectall=e[19]),1048576&a[0]&&(i.labelautosize=e[20]),1&a[0]&&(i.width=e[0]),!l&&2097152&a[0]&&(l=!0,i.value=e[21],z((()=>l=!1))),t.$set(i)},i(e){a||(w(t.$$.fragment,e),a=!0)},o(e){y(t.$$.fragment,e),a=!1},d(e){j(t,e)}}}function X(e){let t,l,i,s=e[29],n=[];for(let t=0;t<s.length;t+=1)n[t]=le(P(e,s,t));const o=e=>y(n[e],1,1,(()=>{n[e]=null}));let r=e[21].length>e[16]&&ae(e);return{c(){t=c("div");for(let e=0;e<n.length;e+=1)n[e].c();l=u(),r&&r.c(),p(t,"class","tags-selected")},m(e,s){a(e,t,s);for(let e=0;e<n.length;e+=1)n[e]&&n[e].m(t,null);f(t,l),r&&r.m(t,null),i=!0},p(e,a){if(604045320&a[0]|4096&a[1]){let i;for(s=e[29],i=0;i<s.length;i+=1){const o=P(e,s,i);n[i]?(n[i].p(o,a),w(n[i],1)):(n[i]=le(o),n[i].c(),w(n[i],1),n[i].m(t,l))}for(J(),i=s.length;i<n.length;i+=1)o(i);_()}e[21].length>e[16]?r?(r.p(e,a),2162688&a[0]&&w(r,1)):(r=ae(e),r.c(),w(r,1),r.m(t,null)):r&&(J(),y(r,1,1,(()=>{r=null})),_())},i(e){if(!i){for(let e=0;e<s.length;e+=1)w(n[e]);w(r),i=!0}},o(e){n=n.filter(Boolean);for(let e=0;e<n.length;e+=1)y(n[e]);y(r),i=!1},d(e){e&&q(t),L(n,e),r&&r.d()}}}function Z(e){let t,l,i,s;const n=[te,ee],o=[];function r(e,t){return e[3]?0:1}return l=r(e),i=o[l]=n[l](e),{c(){t=c("div"),i.c(),p(t,"class","tag-selected")},m(e,i){a(e,t,i),o[l].m(t,null),s=!0},p(e,a){let s=l;l=r(e),l===s?o[l].p(e,a):(J(),y(o[s],1,1,(()=>{o[s]=null})),_(),i=o[l],i?i.p(e,a):(i=o[l]=n[l](e),i.c()),w(i,1),i.m(t,null))},i(e){s||(w(i),s=!0)},o(e){y(i),s=!1},d(e){e&&q(t),o[l].d()}}}function ee(e){let t,l;let a={id:e[76].id||"",label:e[76].label,size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return t=new H({props:a}),e[61](t),t.$on("tag-removed",(function(){return e[62](e[76])})),{c(){d(t.$$.fragment)},m(e,a){b(t,e,a),l=!0},p(l,a){e=l;const i={};536870912&a[0]&&(i.id=e[76].id||""),536870912&a[0]&&(i.label=e[76].label),t.$set(i)},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(l){e[61](null),j(t,l)}}}function te(e){let t,l;return t=new H({props:{id:e[76].id||"",label:e[76].label,size:"s",type:"link",dark:!0,disabled:!1,href:"",name:"",value:"",selected:!1}}),{c(){d(t.$$.fragment)},m(e,a){b(t,e,a),l=!0},p(e,l){const a={};536870912&l[0]&&(a.id=e[76].id||""),536870912&l[0]&&(a.label=e[76].label),t.$set(a)},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(e){j(t,e)}}}function le(e){let t,l,i=e[80]<e[16]&&Z(e);return{c(){i&&i.c(),t=M()},m(e,s){i&&i.m(e,s),a(e,t,s),l=!0},p(e,l){e[80]<e[16]?i?(i.p(e,l),65536&l[0]&&w(i,1)):(i=Z(e),i.c(),w(i,1),i.m(t.parentNode,t)):i&&(J(),y(i,1,1,(()=>{i=null})),_())},i(e){l||(w(i),l=!0)},o(e){y(i),l=!1},d(e){i&&i.d(e),e&&q(t)}}}function ae(e){let t,l,i,s,n;return l=new H({props:{id:"id-tag",label:"("+e[21].length+") "+e[15]+" ",size:"s",type:"link",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1}}),{c(){t=c("div"),d(l.$$.fragment),p(t,"class","tag-selected")},m(o,r){a(o,t,r),b(l,t,null),i=!0,s||(n=v(t,"click",e[63]),s=!0)},p(e,t){const a={};2129920&t[0]&&(a.label="("+e[21].length+") "+e[15]+" "),l.$set(a)},i(e){i||(w(l.$$.fragment,e),i=!0)},o(e){y(l.$$.fragment,e),i=!1},d(e){e&&q(t),j(l),s=!1,n()}}}function ie(e){let t,l,i,s,n,o,r=e[29],u=[];for(let t=0;t<r.length;t+=1)u[t]=oe(K(e,r,t));return{c(){t=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let e=0;e<u.length;e+=1)u[e].c();p(s,"class","tags-selected"),p(i,"slot","content"),R(l,"title",e[14]),R(l,"layertitletag","h3"),R(l,"isopen",e[30])},m(r,c){a(r,t,c),f(t,l),f(l,i),f(i,s);for(let e=0;e<u.length;e+=1)u[e]&&u[e].m(s,null);n||(o=v(l,"layer-closed",e[65]),n=!0)},p(e,t){if(536870920&t[0]|4096&t[1]){let l;for(r=e[29],l=0;l<r.length;l+=1){const a=K(e,r,l);u[l]?u[l].p(a,t):(u[l]=oe(a),u[l].c(),u[l].m(s,null))}for(;l<u.length;l+=1)u[l].d(1);u.length=r.length}16384&t[0]&&R(l,"title",e[14]),1073741824&t[0]&&R(l,"isopen",e[30])},d(e){e&&q(t),L(u,e),n=!1,o()}}}function se(e){let t,l,i,s,n;function o(){return e[64](e[76])}return{c(){t=c("m-tag"),R(t,"id",l=e[76].id),R(t,"label",i=e[76].label),R(t,"size","s"),R(t,"type","removable")},m(e,l){a(e,t,l),s||(n=v(t,"tag-removed",o),s=!0)},p(a,s){e=a,536870912&s[0]&&l!==(l=e[76].id)&&R(t,"id",l),536870912&s[0]&&i!==(i=e[76].label)&&R(t,"label",i)},d(e){e&&q(t),s=!1,n()}}}function ne(e){let t,l,i;return{c(){t=c("m-tag"),R(t,"type","text"),R(t,"id",l=e[76].id),R(t,"label",i=e[76].label),R(t,"size","s")},m(e,l){a(e,t,l)},p(e,a){536870912&a[0]&&l!==(l=e[76].id)&&R(t,"id",l),536870912&a[0]&&i!==(i=e[76].label)&&R(t,"label",i)},d(e){e&&q(t)}}}function oe(e){let t,l;function i(e,t){return e[3]?ne:se}let s=i(e),n=s(e);return{c(){t=c("div"),n.c(),l=u(),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 re(e){let t,l,i,s,C,N,O,T,E,L,M,R,U,Y,A,H,D,G,K,P=e[10]&&e[21].length>0&&!e[17]&&Q(e);function Z(t){e[54](t)}let ee={classinput:"mc-autocomplete__trigger",style:"padding-left: calc(2.9375rem + var(--autocomplete-tag-width))",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[31]&&(ee.value=e[31]),s=new F({props:ee}),n.push((()=>o(s,"value",Z))),s.$on("input",e[40]),s.$on("click",e[55]),s.$on("change",e[56]),s.$on("blur",e[57]),s.$on("keydown",e[58]);let te=e[8]&&V(),le=null!=e[31]&&""!=e[31]&&!e[3]&&W(e),ae=e[23]&&I(e),se=e[10]&&e[17]&&X(e),ne=e[10]&&e[17]&&ie(e),oe=[{class:"mc-autocomplete"},{style:H="--autocomplete-tag-width: "+e[27]+"; --autocomplete-width: "+e[0]+";"},e[24]],re={};for(let e=0;e<oe.length;e+=1)re=r(re,oe[e]);return{c(){t=c("div"),l=c("div"),P&&P.c(),i=u(),d(s.$$.fragment),N=u(),O=c("div"),te&&te.c(),T=u(),le&&le.c(),E=u(),ae&&ae.c(),L=u(),se&&se.c(),M=u(),R=c("span"),U=u(),Y=c("span"),A=u(),ne&&ne.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(R,"class","mc-autocomplete__loader"),h(R,"display","none"),p(Y,"class","mc-text-input mc-autocomplete__trigger"),h(Y,"display","none"),g(t,re),$(t,"mc-autocomplete--multi",e[10])},m(n,o){a(n,t,o),f(t,l),P&&P.m(l,null),f(l,i),b(s,l,null),f(l,N),f(l,O),te&&te.m(O,null),f(O,T),le&&le.m(O,null),f(t,E),ae&&ae.m(t,null),f(t,L),se&&se.m(t,null),f(t,M),f(t,R),f(t,U),f(t,Y),f(t,A),ne&&ne.m(t,null),e[66](t),D=!0,G||(K=[x(B.call(null,t)),v(t,"outclick",e[36])],G=!0)},p(e,a){e[10]&&e[21].length>0&&!e[17]?P?(P.p(e,a),2229248&a[0]&&w(P,1)):(P=Q(e),P.c(),w(P,1),P.m(l,i)):P&&(J(),y(P,1,1,(()=>{P=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&&1&a[1]&&(C=!0,n.value=e[31],z((()=>C=!1))),s.$set(n),e[8]?te?256&a[0]&&w(te,1):(te=V(),te.c(),w(te,1),te.m(O,T)):te&&(J(),y(te,1,1,(()=>{te=null})),_()),null==e[31]||""==e[31]||e[3]?le&&(le.d(1),le=null):le?le.p(e,a):(le=W(e),le.c(),le.m(O,null)),e[23]?ae?(ae.p(e,a),8388608&a[0]&&w(ae,1)):(ae=I(e),ae.c(),w(ae,1),ae.m(t,L)):ae&&(J(),y(ae,1,1,(()=>{ae=null})),_()),e[10]&&e[17]?se?(se.p(e,a),132096&a[0]&&w(se,1)):(se=X(e),se.c(),w(se,1),se.m(t,M)):se&&(J(),y(se,1,1,(()=>{se=null})),_()),e[10]&&e[17]?ne?ne.p(e,a):(ne=ie(e),ne.c(),ne.m(t,null)):ne&&(ne.d(1),ne=null),g(t,re=k(oe,[{class:"mc-autocomplete"},(!D||134217729&a[0]&&H!==(H="--autocomplete-tag-width: "+e[27]+"; --autocomplete-width: "+e[0]+";"))&&{style:H},16777216&a[0]&&e[24]])),$(t,"mc-autocomplete--multi",e[10])},i(e){D||(w(P),w(s.$$.fragment,e),w(te),w(ae),w(se),D=!0)},o(e){y(P),y(s.$$.fragment,e),y(te),y(ae),y(se),D=!1},d(l){l&&q(t),P&&P.d(),j(s),te&&te.d(),le&&le.d(),ae&&ae.d(),se&&se.d(),ne&&ne.d(),e[66](null),G=!1,S(K)}}}function ce(e,t,l){let a,i,s,o,c,u,d;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","labelautosize"];let p,h=C(t,m),{maxwidth:g="100%"}=t,{tagid:$}=t,{taglabel:f=""}=t,{placeholder:b}=t,{filter:x=!0}=t,{nofilter:v=!1}=t,{disabled:w=!1}=t,{size:y="m"}=t,{isinvalid:_}=t,{inputvalue:z}=t,{id:k}=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:B="label"}=t,{datavalueexpr:H="value"}=t,{nosort:D=!1}=t,{layertitle:F="Title layer"}=t,{showmoretagslabel:G="Show more"}=t,{maxnumbertoshowtags:K=12}=t,{alltags:P=!1}=t,{selectall:Q=!1}=t,{labelselectall:V="Select all"}=t,{labelautosize:W=!1}=t;const I=Math.random();let X,Z,ee,te=new A(N(),O()),le="0px",ae=!1,ie=[],se=null;function ne(){w||(l(21,o=M?[]:""),oe(),te.dispatch("clear",!0))}function oe(){l(23,u=!1),M&&!D?function(){ee=i;const e=re();ee.sort(((t,l)=>{const a=e.includes(t),i=e.includes(l);return a===i?t[H]-l[H]:a<i?1:-1})),l(32,s=ee)}():l(32,s=i)}function re(e){const t=e||o;return i.filter((e=>M?t.includes(e[H]):t===e[H]))}function ce(){l(30,se=!0)}function ue(){l(30,se=null)}function de(e){l(21,o=o.filter((t=>t!==e))),te.dispatch("onchange",o)}return e.$$set=e=>{t=r(r({},t),T(e)),l(75,h=C(t,m)),"maxwidth"in e&&l(0,g=e.maxwidth),"tagid"in e&&l(1,$=e.tagid),"taglabel"in e&&l(44,f=e.taglabel),"placeholder"in e&&l(2,b=e.placeholder),"filter"in e&&l(45,x=e.filter),"nofilter"in e&&l(46,v=e.nofilter),"disabled"in e&&l(3,w=e.disabled),"size"in e&&l(4,y=e.size),"isinvalid"in e&&l(5,_=e.isinvalid),"inputvalue"in e&&l(47,z=e.inputvalue),"id"in e&&l(6,k=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(48,E=e.items),"value"in e&&l(49,J=e.value),"open"in e&&l(50,L=e.open),"multiple"in e&&l(10,M=e.multiple),"emptysearchlabel"in e&&l(11,R=e.emptysearchlabel),"datatextexpr"in e&&l(12,B=e.datatextexpr),"datavalueexpr"in e&&l(13,H=e.datavalueexpr),"nosort"in e&&l(51,D=e.nosort),"layertitle"in e&&l(14,F=e.layertitle),"showmoretagslabel"in e&&l(15,G=e.showmoretagslabel),"maxnumbertoshowtags"in e&&l(16,K=e.maxnumbertoshowtags),"alltags"in e&&l(17,P=e.alltags),"selectall"in e&&l(18,Q=e.selectall),"labelselectall"in e&&l(19,V=e.labelselectall),"labelautosize"in e&&l(20,W=e.labelautosize)},e.$$.update=()=>{if(65536&e.$$.dirty[1]&&l(31,a=z),131072&e.$$.dirty[1]&&l(22,i=E?JSON.parse(E):[]),4194304&e.$$.dirty[0]&&l(32,s=i),1024&e.$$.dirty[0]|262144&e.$$.dirty[1]&&l(21,o=!J&&M?[]:J?JSON.parse(J):J),2097152&e.$$.dirty[0]|8192&e.$$.dirty[1]&&l(33,c=()=>o.length.toString()+" "+f),2097152&e.$$.dirty[0]&&async function(e){try{if(await U(),l(29,ie=re(e)),M)l(52,Z=e);else{const e=ie.map((e=>e[B]));l(31,a=e.join(", "))}}catch(e){console.error(e)}}(o),2097152&e.$$.dirty[1]&&async function(e){var t;try{await U(),l(27,le=X&&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)}}(Z),524288&e.$$.dirty[1]&&l(23,u=L),8388608&e.$$.dirty[0]){const e=u?"open":"close";te.dispatch(e,u)}l(24,d=Object.assign({},h)),16777216&e.$$.dirty[0]&&delete d.class},[g,$,b,w,y,_,k,q,j,S,M,R,B,H,F,G,K,P,Q,V,W,o,i,u,d,p,X,le,ae,ie,se,a,s,c,I,ne,oe,function(){te.dispatch("onchange",o),M||oe()},ce,ue,function(e){const t=e.target.value;!function(e){te.dispatch("oninput",e)}(t),function(e){!v&&x&&(e.length?l(32,s=i.filter((t=>t[B].toUpperCase().includes(e.toUpperCase())))):l(32,s=i),l(28,ae=!s.length),te.dispatch("onfilter",s))}(t)},function(){te.dispatch("scrollend",!0)},function(e){te.dispatch("select-all",e.detail)},de,f,x,v,z,E,J,L,D,Z,function(e){n[e?"unshift":"push"]((()=>{X=e,l(26,X)}))},function(e){a=e,l(31,a),l(47,z)},()=>l(23,u=!0),function(t){Y.call(this,e,t)},function(t){Y.call(this,e,t)},function(t){Y.call(this,e,t)},()=>{l(31,a=""),l(32,s=i),l(28,ae=!1),M||ne()},function(e){o=e,l(21,o),l(49,J),l(10,M)},function(e){n[e?"unshift":"push"]((()=>{X=e,l(26,X)}))},e=>de(e.id),()=>ce(),e=>de(e.id),()=>ue(),function(e){n[e?"unshift":"push"]((()=>{p=e,l(25,p)}))}]}class ue 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:var(--autocomplete-min-width, 6rem);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:var(--autocomplete-tag-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;position:absolute;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}.mc-listbox--overlay{top:calc(100% + 4px)}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},ce,re,s,{maxwidth:0,tagid:1,taglabel:44,placeholder:2,filter:45,nofilter:46,disabled:3,size:4,isinvalid:5,inputvalue:47,id:6,name:7,loading:8,required:9,items:48,value:49,open:50,multiple:10,emptysearchlabel:11,datatextexpr:12,datavalueexpr:13,nosort:51,layertitle:14,showmoretagslabel:15,maxnumbertoshowtags:16,alltags:17,selectall:18,labelselectall:19,labelautosize:20},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","labelautosize"]}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[44]}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[45]}set filter(e){this.$$set({filter:e}),i()}get nofilter(){return this.$$.ctx[46]}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[47]}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[48]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[49]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[50]}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[51]}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()}get labelautosize(){return this.$$.ctx[20]}set labelautosize(e){this.$$set({labelautosize:e}),i()}}export{ue as default};
 //# sourceMappingURL=Autocomplete.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../../src/components/autocomplete/Autocomplete.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { tick } from 'svelte';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { clickOutside } from '../../utilities/ClickOutside';\n  import type { ListboxItems } from '../listbox/listbox.types';\n  import type { TextInputSize } from '../textinput/textinput.types';\n\n  import Tag from '../tag/Tag.nested.svelte';\n  import Loader from '../loader/Loader.nested.svelte';\n  import TextInput from '../textinput/Textinput.nested.svelte';\n  import Listbox from '../listbox/Listbox.nested.svelte';\n\n  export let maxwidth = '100%';\n  export let tagid: string;\n  export let taglabel = '';\n  export let placeholder: string;\n  export let filter = true;\n  export let nofilter = false;\n  export let disabled = false;\n  export let size: TextInputSize = 'm';\n  export let isinvalid: boolean;\n  export let inputvalue: string;\n  export let id: string;\n  export let 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      <div class=\"mc-autocomplete__tag\">\n        <Tag\n          id={tagid ? tagid : `autocompleteTag-${uuid}`}\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      </div>\n    {/if}\n\n    <!-- TEXT INPUT -->\n    <TextInput\n      classinput=\"mc-autocomplete__trigger\"\n      style=\"padding-left: calc(2.9375rem + var(--autocomplete-tag-width))\"\n      name={id}\n      bind:value={localInputValue}\n      {placeholder}\n      inputtype=\"text\"\n      {isinvalid}\n      {disabled}\n      {size}\n      {required}\n      iconname=\"navigation-display-search-24px\"\n      rightalign={false}\n      isvalid={false}\n      min=\"\"\n      max=\"\"\n      on:input={onInput}\n      on:click={() => (openState = true)}\n      on:change\n      on:blur\n    />\n\n    <div class=\"mc-autocomplete__tools\">\n      <!-- LOADER -->\n      {#if loading}\n        <Loader\n          size=\"s\"\n          theme=\"primary\"\n          text=\"\"\n          class=\"mc-autocomplete__loader\"\n        />\n      {/if}\n\n      <!-- CLEAR BUTTON -->\n      {#if localInputValue != null && localInputValue != '' && !disabled}\n        <button\n          class=\"mc-autocomplete__clear\"\n          type=\"button\"\n          on:click|stopPropagation={() => {\n            localInputValue = '';\n            localItems = parsedItems;\n            isfiltered = false;\n            if (!multiple) {\n              clearListbox();\n            }\n          }}\n        >\n          <navigation-control-tag--cross-24px />\n          <span class=\"mc-autocomplete__clear-text\">Clear</span>\n        </button>\n      {/if}\n    </div>\n  </div>\n\n  <!-- LISTBOX -->\n  {#if openState}\n    <Listbox\n      items={JSON.stringify(localItems)}\n      {name}\n      {multiple}\n      {isfiltered}\n      {emptysearchlabel}\n      {maxwidth}\n      {datatextexpr}\n      {datavalueexpr}\n      {selectall}\n      {labelselectall}\n      overlay={true}\n      width={maxwidth}\n      bind:value={listboxValue}\n      on:change={onChange}\n      on:scrollend={onScrollEnd}\n      on:select-all={onSelectAll}\n    />\n  {/if}\n\n  {#if multiple && alltags}\n    <div class=\"tags-selected\">\n      {#each selectedItems as selectedItem, index}\n        {#if index < maxnumbertoshowtags}\n          <div class=\"tag-selected\">\n            {#if disabled}\n              <Tag\n                id={selectedItem.id || ''}\n                label={selectedItem.label}\n                size=\"s\"\n                type=\"link\"\n                dark={true}\n                disabled={false}\n                href=\"\"\n                name=\"\"\n                value=\"\"\n                selected={false}\n              />\n            {:else}\n              <Tag\n                id={selectedItem.id || ''}\n                label={selectedItem.label}\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={() => 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          <Tag\n            id=\"id-tag\"\n            label=\"({listboxValue.length}) {showmoretagslabel} \"\n            size=\"s\"\n            type=\"link\"\n            dark={false}\n            disabled={false}\n            href=\"\"\n            name=\"\"\n            value=\"\"\n            selected={false}\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    position: absolute;\n    flex-wrap: wrap;\n  }\n\n  .tag-selected {\n    margin-top: 1em;\n    margin-left: 5px;\n    margin-right: 5px;\n  }\n\n  // Listbox\n  .mc-listbox {\n    &--overlay {\n      top: calc(100% + 4px);\n    }\n  }\n</style>\n"],"names":["ctx","insert","target","div","anchor","button","JSON","stringify","length","i","create_if_block_3","each_blocks","id","label","dirty","tag_1_changes","if_block","create_if_block_4","div1","append","m_layer","small","div0","set_custom_element_data","m_tag","m_tag_id_value","m_tag_label_value","create_if_block_1","if_block0","create_if_block_9","create_if_block_8","if_block2","create_if_block_7","create_if_block_6","if_block4","create_if_block_2","if_block5","create_if_block","style","div2_style_value","div2","span0","span1","current","component","maxwidth","$$props","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","e","console","error","watchListboxValue","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}
+{"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  export let labelautosize = false;\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      <div class=\"mc-autocomplete__tag\">\n        <Tag\n          id={tagid ? tagid : `autocompleteTag-${uuid}`}\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      </div>\n    {/if}\n\n    <!-- TEXT INPUT -->\n    <TextInput\n      classinput=\"mc-autocomplete__trigger\"\n      style=\"padding-left: calc(2.9375rem + var(--autocomplete-tag-width))\"\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      on:keydown\n    />\n\n    <div class=\"mc-autocomplete__tools\">\n      <!-- LOADER -->\n      {#if loading}\n        <Loader\n          size=\"s\"\n          theme=\"primary\"\n          text=\"\"\n          class=\"mc-autocomplete__loader\"\n        />\n      {/if}\n\n      <!-- CLEAR BUTTON -->\n      {#if localInputValue != null && localInputValue != '' && !disabled}\n        <button\n          class=\"mc-autocomplete__clear\"\n          type=\"button\"\n          on:click|stopPropagation={() => {\n            localInputValue = '';\n            localItems = parsedItems;\n            isfiltered = false;\n            if (!multiple) {\n              clearListbox();\n            }\n          }}\n        >\n          <navigation-control-tag--cross-24px />\n          <span class=\"mc-autocomplete__clear-text\">Clear</span>\n        </button>\n      {/if}\n    </div>\n  </div>\n\n  <!-- LISTBOX -->\n  {#if openState}\n    <Listbox\n      items={JSON.stringify(localItems)}\n      {name}\n      {multiple}\n      {isfiltered}\n      {emptysearchlabel}\n      {maxwidth}\n      {datatextexpr}\n      {datavalueexpr}\n      {selectall}\n      {labelselectall}\n      {labelautosize}\n      overlay={true}\n      width={maxwidth}\n      bind:value={listboxValue}\n      on:change={onChange}\n      on:scrollend={onScrollEnd}\n      on:select-all={onSelectAll}\n    />\n  {/if}\n\n  {#if multiple && alltags}\n    <div class=\"tags-selected\">\n      {#each selectedItems as selectedItem, index}\n        {#if index < maxnumbertoshowtags}\n          <div class=\"tag-selected\">\n            {#if disabled}\n              <Tag\n                id={selectedItem.id || ''}\n                label={selectedItem.label}\n                size=\"s\"\n                type=\"link\"\n                dark={true}\n                disabled={false}\n                href=\"\"\n                name=\"\"\n                value=\"\"\n                selected={false}\n              />\n            {:else}\n              <Tag\n                id={selectedItem.id || ''}\n                label={selectedItem.label}\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={() => 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          <Tag\n            id=\"id-tag\"\n            label=\"({listboxValue.length}) {showmoretagslabel} \"\n            size=\"s\"\n            type=\"link\"\n            dark={false}\n            disabled={false}\n            href=\"\"\n            name=\"\"\n            value=\"\"\n            selected={false}\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    position: absolute;\n    flex-wrap: wrap;\n  }\n\n  .tag-selected {\n    margin-top: 1em;\n    margin-left: 5px;\n    margin-right: 5px;\n  }\n\n  // Listbox\n  .mc-listbox {\n    &--overlay {\n      top: calc(100% + 4px);\n    }\n  }\n</style>\n"],"names":["ctx","insert","target","div","anchor","button","JSON","stringify","length","i","create_if_block_3","each_blocks","id","label","dirty","tag_1_changes","if_block","create_if_block_4","div1","append","m_layer","small","div0","set_custom_element_data","m_tag","m_tag_id_value","m_tag_label_value","create_if_block_1","if_block0","create_if_block_9","create_if_block_8","if_block2","create_if_block_7","create_if_block_6","if_block4","create_if_block_2","if_block5","create_if_block","style","div2_style_value","div2","span0","span1","current","component","maxwidth","$$props","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","labelautosize","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

@@ -44,6 +44,7 @@
   export let alltags = false;
   export let selectall = false;
   export let labelselectall = 'Select all';
+  export let labelautosize = false;
 
   let component: HTMLDivElement;
   const uuid = Math.random();
@@ -265,6 +266,7 @@
       on:click={() => (openState = true)}
       on:change
       on:blur
+      on:keydown
     />
 
     <div class="mc-autocomplete__tools">
@@ -312,6 +314,7 @@
       {datavalueexpr}
       {selectall}
       {labelselectall}
+      {labelautosize}
       overlay={true}
       width={maxwidth}
       bind:value={listboxValue}

package/public/adeo/components/button/Button.js

@@ -1,2 +1,2 @@
-import{S as t,i as o,a as e,g as i,b as n,f as r,s as m,c,e as l,d,n as a,j as s,t as b,k as u,N as h,B as f,z as g,A as p,l as x,m as w,o as _,p as $,q as y,u as v,h as k,C as z,T as j,E as q,F as C,G as E,v as N,y as R,a4 as A}from"../../index-c222d0b7.js";import{c as F}from"../../EventForward-c4c8cd29.js";import O from"../loader/Loader.nested.js";function S(t){let o,e,i,r;const m=[J,G,B],c=[];function d(t,o){return t[13]&&"left"===t[12]?0:t[16].icon?1:t[5]?2:-1}return~(e=d(t))&&(i=c[e]=m[e](t)),{c(){o=l("span"),i&&i.c(),k(o,"class","mc-button__icon")},m(t,i){n(t,o,i),~e&&c[e].m(o,null),r=!0},p(t,n){let r=e;e=d(t),e===r?~e&&c[e].p(t,n):(i&&(z(),g(c[r],1,1,(()=>{c[r]=null})),p()),~e?(i=c[e],i?i.p(t,n):(i=c[e]=m[e](t),i.c()),f(i,1),i.m(o,null)):i=null)},i(t){r||(f(i),r=!0)},o(t){g(i),r=!1},d(t){t&&w(o),~e&&c[e].d()}}}function B(t){let o,e,i=`<${X(t[2],t[6],t[5])} />`;return{c(){o=new A(!1),e=j(),o.a=e},m(t,r){o.m(i,t,r),n(t,e,r)},p(t,e){100&e&&i!==(i=`<${X(t[2],t[6],t[5])} />`)&&o.p(i)},i:a,o:a,d(t){t&&w(e),t&&o.d()}}}function G(t){let o;return{c(){o=l("slot"),k(o,"name","icon")},m(t,e){n(t,o,e)},p:a,i:a,o:a,d(t){t&&w(o)}}}function J(t){let o,e;return o=new O({props:{size:"s",theme:t[11],text:""}}),{c(){q(o.$$.fragment)},m(t,i){C(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(f(o.$$.fragment,t),e=!0)},o(t){g(o.$$.fragment,t),e=!1},d(t){E(o,t)}}}function L(t){let o,e,i,r,m,c,a=t[13]&&"left"===t[12]&&!t[5]&&!t[16].icon&&D(t),s=t[13]&&"right"===t[12]&&!t[5]&&!t[16].icon&&H(t);return{c(){a&&a.c(),o=d(),e=l("span"),i=N(t[4]),r=d(),s&&s.c(),m=j(),k(e,"class","mc-button__label")},m(t,l){a&&a.m(t,l),n(t,o,l),n(t,e,l),u(e,i),n(t,r,l),s&&s.m(t,l),n(t,m,l),c=!0},p(t,e){!t[13]||"left"!==t[12]||t[5]||t[16].icon?a&&(z(),g(a,1,1,(()=>{a=null})),p()):a?(a.p(t,e),77856&e&&f(a,1)):(a=D(t),a.c(),f(a,1),a.m(o.parentNode,o)),(!c||16&e)&&R(i,t[4]),!t[13]||"right"!==t[12]||t[5]||t[16].icon?s&&(z(),g(s,1,1,(()=>{s=null})),p()):s?(s.p(t,e),77856&e&&f(s,1)):(s=H(t),s.c(),f(s,1),s.m(m.parentNode,m))},i(t){c||(f(a),f(s),c=!0)},o(t){g(a),g(s),c=!1},d(t){a&&a.d(t),t&&w(o),t&&w(e),t&&w(r),s&&s.d(t),t&&w(m)}}}function T(t){let o,e,i,r;const m=[M,K,I],c=[];function d(t,o){return t[13]?0:t[16].icon?1:t[5]?2:-1}return~(e=d(t))&&(i=c[e]=m[e](t)),{c(){o=l("span"),i&&i.c(),k(o,"class","mc-button__icon")},m(t,i){n(t,o,i),~e&&c[e].m(o,null),r=!0},p(t,n){let r=e;e=d(t),e===r?~e&&c[e].p(t,n):(i&&(z(),g(c[r],1,1,(()=>{c[r]=null})),p()),~e?(i=c[e],i?i.p(t,n):(i=c[e]=m[e](t),i.c()),f(i,1),i.m(o,null)):i=null)},i(t){r||(f(i),r=!0)},o(t){g(i),r=!1},d(t){t&&w(o),~e&&c[e].d()}}}function D(t){let o,e,i;return e=new O({props:{size:"s",theme:t[11],text:""}}),{c(){o=l("span"),q(e.$$.fragment),k(o,"class","mc-button__icon")},m(t,r){n(t,o,r),C(e,o,null),i=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){i||(f(e.$$.fragment,t),i=!0)},o(t){g(e.$$.fragment,t),i=!1},d(t){t&&w(o),E(e)}}}function H(t){let o,e,i;return e=new O({props:{size:"s",theme:t[11],text:""}}),{c(){o=l("span"),q(e.$$.fragment),k(o,"class","mc-button__icon")},m(t,r){n(t,o,r),C(e,o,null),i=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){i||(f(e.$$.fragment,t),i=!0)},o(t){g(e.$$.fragment,t),i=!1},d(t){t&&w(o),E(e)}}}function I(t){let o,e,i=`<${X(t[2],t[6],t[5])} />`;return{c(){o=new A(!1),e=j(),o.a=e},m(t,r){o.m(i,t,r),n(t,e,r)},p(t,e){100&e&&i!==(i=`<${X(t[2],t[6],t[5])} />`)&&o.p(i)},i:a,o:a,d(t){t&&w(e),t&&o.d()}}}function K(t){let o;return{c(){o=l("slot"),k(o,"name","icon")},m(t,e){n(t,o,e)},p:a,i:a,o:a,d(t){t&&w(o)}}}function M(t){let o,e;return o=new O({props:{size:"m",theme:t[11],text:""}}),{c(){q(o.$$.fragment)},m(t,i){C(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(f(o.$$.fragment,t),e=!0)},o(t){g(o.$$.fragment,t),e=!1},d(t){E(o,t)}}}function P(t){let o,e,i,r;const m=[V,U,Q],c=[];function d(t,o){return t[13]&&"right"===t[12]?0:t[16].icon?1:t[5]?2:-1}return~(e=d(t))&&(i=c[e]=m[e](t)),{c(){o=l("span"),i&&i.c(),k(o,"class","mc-button__icon")},m(t,i){n(t,o,i),~e&&c[e].m(o,null),r=!0},p(t,n){let r=e;e=d(t),e===r?~e&&c[e].p(t,n):(i&&(z(),g(c[r],1,1,(()=>{c[r]=null})),p()),~e?(i=c[e],i?i.p(t,n):(i=c[e]=m[e](t),i.c()),f(i,1),i.m(o,null)):i=null)},i(t){r||(f(i),r=!0)},o(t){g(i),r=!1},d(t){t&&w(o),~e&&c[e].d()}}}function Q(t){let o,e,i=`<${X(t[2],t[6],t[5])} />`;return{c(){o=new A(!1),e=j(),o.a=e},m(t,r){o.m(i,t,r),n(t,e,r)},p(t,e){100&e&&i!==(i=`<${X(t[2],t[6],t[5])} />`)&&o.p(i)},i:a,o:a,d(t){t&&w(e),t&&o.d()}}}function U(t){let o;return{c(){o=l("slot"),k(o,"name","icon")},m(t,e){n(t,o,e)},p:a,i:a,o:a,d(t){t&&w(o)}}}function V(t){let o,e;return o=new O({props:{size:"s",theme:t[11],text:""}}),{c(){q(o.$$.fragment)},m(t,i){C(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(f(o.$$.fragment,t),e=!0)},o(t){g(o.$$.fragment,t),e=!1},d(t){E(o,t)}}}function W(t){let o,e,i,r,m,_,$,y,v,k=(t[5]||t[16].icon)&&"left"===t[6]&&S(t);const j=[T,L],q=[];function C(t,o){return(t[5]||t[16].icon)&&"only"===t[6]?0:1}i=C(t),r=q[i]=j[i](t);let E=(t[5]||t[16].icon)&&"right"===t[6]&&P(t),N=[{type:t[8]},{class:_=t[15](t[1],t[0],t[2],t[3])+" "+t[10]},{disabled:t[7]},t[9]],R={};for(let t=0;t<N.length;t+=1)R=c(R,N[t]);return{c(){o=l("button"),k&&k.c(),e=d(),r.c(),m=d(),E&&E.c(),this.c=a,s(o,R),b(o,"mc-button--square","only"==t[6])},m(r,c){n(r,o,c),k&&k.m(o,null),u(o,e),q[i].m(o,null),u(o,m),E&&E.m(o,null),o.autofocus&&o.focus(),$=!0,y||(v=h(t[14].call(null,o)),y=!0)},p(t,[n]){(t[5]||t[16].icon)&&"left"===t[6]?k?(k.p(t,n),65632&n&&f(k,1)):(k=S(t),k.c(),f(k,1),k.m(o,e)):k&&(z(),g(k,1,1,(()=>{k=null})),p());let c=i;i=C(t),i===c?q[i].p(t,n):(z(),g(q[c],1,1,(()=>{q[c]=null})),p(),r=q[i],r?r.p(t,n):(r=q[i]=j[i](t),r.c()),f(r,1),r.m(o,m)),(t[5]||t[16].icon)&&"right"===t[6]?E?(E.p(t,n),65632&n&&f(E,1)):(E=P(t),E.c(),f(E,1),E.m(o,null)):E&&(z(),g(E,1,1,(()=>{E=null})),p()),s(o,R=x(N,[(!$||256&n)&&{type:t[8]},(!$||1039&n&&_!==(_=t[15](t[1],t[0],t[2],t[3])+" "+t[10]))&&{class:_},(!$||128&n)&&{disabled:t[7]},512&n&&t[9]])),b(o,"mc-button--square","only"==t[6])},i(t){$||(f(k),f(r),f(E),$=!0)},o(t){g(k),g(r),g(E),$=!1},d(t){t&&w(o),k&&k.d(),q[i].d(),E&&E.d(),y=!1,v()}}}function X(t,o,e){const i="only"===o;let n;switch(t){case"s":n="24px";break;case"m":n=i?"32px":"24px";break;case"l":n=i?"100%":"32px"}return`${e} size="${n}" class="no"`}function Y(t,o,e){let i,n,r,m,l,d;const a=["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"];let s=_(o,a),{$$slots:b={},$$scope:u}=o;const h=$(b);var f,g,p;let{bordered:x=!1}=o,{theme:w}=o,{size:k="m"}=o,{full:z=!1}=o,{label:j}=o,{iconname:q}=o,{iconmode:C}=o,{disabled:E=!1}=o,{responsivesize:N}=o,{responsivewidth:R}=o,{type:A="button"}=o,{loader:O}=o;const S=F(y());return t.$$set=t=>{e(25,o=c(c({},o),v(t))),e(24,s=_(o,a)),"bordered"in t&&e(0,x=t.bordered),"theme"in t&&e(1,w=t.theme),"size"in t&&e(2,k=t.size),"full"in t&&e(3,z=t.full),"label"in t&&e(4,j=t.label),"iconname"in t&&e(5,q=t.iconname),"iconmode"in t&&e(6,C=t.iconmode),"disabled"in t&&e(7,E=t.disabled),"responsivesize"in t&&e(17,N=t.responsivesize),"responsivewidth"in t&&e(18,R=t.responsivewidth),"type"in t&&e(8,A=t.type),"loader"in t&&e(19,O=t.loader)},t.$$.update=()=>{524288&t.$$.dirty&&e(23,i=O?JSON.parse(O):void 0),9437184&t.$$.dirty&&e(13,n=null!==e(20,f=null==i?void 0:i.enabled)&&void 0!==f&&f),10485760&t.$$.dirty&&e(12,r=null!==e(21,g=null==i?void 0:i.position)&&void 0!==g?g:"left"),12582912&t.$$.dirty&&e(11,m=null!==e(22,p=null==i?void 0:i.theme)&&void 0!==p?p:"primary"),e(10,l=o.class),e(9,d=Object.assign({},s)),512&t.$$.dirty&&delete d.class},o=v(o),[x,w,k,z,j,q,C,E,A,d,l,m,r,n,S,function(t,o,e,i){const n=["mc-button"],r=function(t,o){if(!o&&!t)return"";const e=o?"bordered":"solid";return t?`mc-button--${e}-${t}`:`mc-button--${e}`}(t,o);return r&&n.push(r),e&&n.push(`mc-button--${e}`),i?n.push("mc-button--full"):n.push("mc-button--fit"),"only"===C&&n.push("mc-button--square"),N&&n.push(`mc-button--${N}`),R&&n.push(`mc-button--${R}`),n.join(" ")},h,N,R,O,f,g,p,i]}class Z extends t{constructor(t){super();const c=document.createElement("style");c.textContent='.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#007f8c;font-family:"Roboto", sans-serif;font-weight:700;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#006974;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#006974}.mc-button:disabled,.mc-button.is-disabled,.mc-button[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button: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-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled,.mc-button--solid-primary-02[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled,.mc-button--solid-neutral[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled,.mc-button--solid-danger[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#007f8c;border-color:#007f8c;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#d9f0f3;color:#006974}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#91d5db;color:#004e57}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#91d5db;color:#004e57}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled,.mc-button--bordered[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled,.mc-button--bordered-primary-02[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled,.mc-button--bordered-neutral[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled,.mc-button--bordered-danger[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button__icon{pointer-events:none}',this.shadowRoot.appendChild(c),o(this,{target:this.shadowRoot,props:{...e(this.attributes),$$slots:i(this)},customElement:!0},Y,W,m,{bordered:0,theme:1,size:2,full:3,label:4,iconname:5,iconmode:6,disabled:7,responsivesize:17,responsivewidth:18,type:8,loader:19},null),t&&(t.target&&n(t.target,this,t.anchor),t.props&&(this.$set(t.props),r()))}static get observedAttributes(){return["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"]}get bordered(){return this.$$.ctx[0]}set bordered(t){this.$$set({bordered:t}),r()}get theme(){return this.$$.ctx[1]}set theme(t){this.$$set({theme:t}),r()}get size(){return this.$$.ctx[2]}set size(t){this.$$set({size:t}),r()}get full(){return this.$$.ctx[3]}set full(t){this.$$set({full:t}),r()}get label(){return this.$$.ctx[4]}set label(t){this.$$set({label:t}),r()}get iconname(){return this.$$.ctx[5]}set iconname(t){this.$$set({iconname:t}),r()}get iconmode(){return this.$$.ctx[6]}set iconmode(t){this.$$set({iconmode:t}),r()}get disabled(){return this.$$.ctx[7]}set disabled(t){this.$$set({disabled:t}),r()}get responsivesize(){return this.$$.ctx[17]}set responsivesize(t){this.$$set({responsivesize:t}),r()}get responsivewidth(){return this.$$.ctx[18]}set responsivewidth(t){this.$$set({responsivewidth:t}),r()}get type(){return this.$$.ctx[8]}set type(t){this.$$set({type:t}),r()}get loader(){return this.$$.ctx[19]}set loader(t){this.$$set({loader:t}),r()}}export{Z as default};
+import{S as t,i as o,a as e,g as n,b as i,f as r,s as m,c,e as l,d as a,n as d,j as s,t as b,k as u,N as h,B as f,z as p,A as g,l as _,m as x,o as w,p as $,q as y,u as v,T as k,C as z,h as L,J as T,E as H,F as M,G as j,v as N,y as q}from"../../index-c222d0b7.js";import{c as C}from"../../EventForward-c4c8cd29.js";import E from"../loader/Loader.nested.js";function R(t){let o,e,n,r;const m=[O,J,F,A],c=[];function l(t,o){return t[14]&&"left"===t[13]?0:t[9]?1:t[17].icon?2:t[5]?3:-1}return~(o=l(t))&&(e=c[o]=m[o](t)),{c(){e&&e.c(),n=k()},m(t,e){~o&&c[o].m(t,e),i(t,n,e),r=!0},p(t,i){let r=o;o=l(t),o===r?~o&&c[o].p(t,i):(e&&(z(),p(c[r],1,1,(()=>{c[r]=null})),g()),~o?(e=c[o],e?e.p(t,i):(e=c[o]=m[o](t),e.c()),f(e,1),e.m(n.parentNode,n)):e=null)},i(t){r||(f(e),r=!0)},o(t){p(e),r=!1},d(t){~o&&c[o].d(t),t&&x(n)}}}function A(t){let o,e=`<${tt(t[2],t[6],t[5])} />`;return{c(){o=l("span"),L(o,"class","mc-button__icon")},m(t,n){i(t,o,n),o.innerHTML=e},p(t,n){100&n&&e!==(e=`<${tt(t[2],t[6],t[5])} />`)&&(o.innerHTML=e)},i:d,o:d,d(t){t&&x(o)}}}function F(t){let o;return{c(){o=l("span"),o.innerHTML='<slot name="icon"></slot>',L(o,"class","mc-button__icon")},m(t,e){i(t,o,e)},p:d,i:d,o:d,d(t){t&&x(o)}}}function J(t){let o,e;return{c(){o=T("svg"),e=T("use"),L(e,"href",t[9]),L(o,"class","mc-button__icon")},m(t,n){i(t,o,n),u(o,e)},p(t,o){512&o&&L(e,"href",t[9])},i:d,o:d,d(t){t&&x(o)}}}function O(t){let o,e,n;return e=new E({props:{size:"s",theme:t[12],text:""}}),{c(){o=l("span"),H(e.$$.fragment),L(o,"class","mc-button__icon")},m(t,r){i(t,o,r),M(e,o,null),n=!0},p(t,o){const n={};4096&o&&(n.theme=t[12]),e.$set(n)},i(t){n||(f(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){t&&x(o),j(e)}}}function S(t){let o,e,n,r,m,c,d=t[14]&&"left"===t[13]&&!t[5]&&!t[17].icon&&G(t),s=t[14]&&"right"===t[13]&&!t[5]&&!t[17].icon&&D(t);return{c(){d&&d.c(),o=a(),e=l("span"),n=N(t[4]),r=a(),s&&s.c(),m=k(),L(e,"class","mc-button__label")},m(t,l){d&&d.m(t,l),i(t,o,l),i(t,e,l),u(e,n),i(t,r,l),s&&s.m(t,l),i(t,m,l),c=!0},p(t,e){!t[14]||"left"!==t[13]||t[5]||t[17].icon?d&&(z(),p(d,1,1,(()=>{d=null})),g()):d?(d.p(t,e),155680&e&&f(d,1)):(d=G(t),d.c(),f(d,1),d.m(o.parentNode,o)),(!c||16&e)&&q(n,t[4]),!t[14]||"right"!==t[13]||t[5]||t[17].icon?s&&(z(),p(s,1,1,(()=>{s=null})),g()):s?(s.p(t,e),155680&e&&f(s,1)):(s=D(t),s.c(),f(s,1),s.m(m.parentNode,m))},i(t){c||(f(d),f(s),c=!0)},o(t){p(d),p(s),c=!1},d(t){d&&d.d(t),t&&x(o),t&&x(e),t&&x(r),s&&s.d(t),t&&x(m)}}}function B(t){let o,e,n,r;const m=[Q,P,K,I],c=[];function l(t,o){return t[14]?0:t[17].icon?1:t[9]?2:t[5]?3:-1}return~(o=l(t))&&(e=c[o]=m[o](t)),{c(){e&&e.c(),n=k()},m(t,e){~o&&c[o].m(t,e),i(t,n,e),r=!0},p(t,i){let r=o;o=l(t),o===r?~o&&c[o].p(t,i):(e&&(z(),p(c[r],1,1,(()=>{c[r]=null})),g()),~o?(e=c[o],e?e.p(t,i):(e=c[o]=m[o](t),e.c()),f(e,1),e.m(n.parentNode,n)):e=null)},i(t){r||(f(e),r=!0)},o(t){p(e),r=!1},d(t){~o&&c[o].d(t),t&&x(n)}}}function G(t){let o,e,n;return e=new E({props:{size:"s",theme:t[12],text:""}}),{c(){o=l("span"),H(e.$$.fragment),L(o,"class","mc-button__icon")},m(t,r){i(t,o,r),M(e,o,null),n=!0},p(t,o){const n={};4096&o&&(n.theme=t[12]),e.$set(n)},i(t){n||(f(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){t&&x(o),j(e)}}}function D(t){let o,e,n;return e=new E({props:{size:"s",theme:t[12],text:""}}),{c(){o=l("span"),H(e.$$.fragment),L(o,"class","mc-button__icon")},m(t,r){i(t,o,r),M(e,o,null),n=!0},p(t,o){const n={};4096&o&&(n.theme=t[12]),e.$set(n)},i(t){n||(f(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){t&&x(o),j(e)}}}function I(t){let o,e=`<${tt(t[2],t[6],t[5])} />`;return{c(){o=l("span"),L(o,"class","mc-button__icon")},m(t,n){i(t,o,n),o.innerHTML=e},p(t,n){100&n&&e!==(e=`<${tt(t[2],t[6],t[5])} />`)&&(o.innerHTML=e)},i:d,o:d,d(t){t&&x(o)}}}function K(t){let o,e;return{c(){o=T("svg"),e=T("use"),L(e,"href",t[9]),L(o,"class","mc-button__icon")},m(t,n){i(t,o,n),u(o,e)},p(t,o){512&o&&L(e,"href",t[9])},i:d,o:d,d(t){t&&x(o)}}}function P(t){let o;return{c(){o=l("span"),o.innerHTML='<slot name="icon"></slot>',L(o,"class","mc-button__icon")},m(t,e){i(t,o,e)},p:d,i:d,o:d,d(t){t&&x(o)}}}function Q(t){let o,e,n;return e=new E({props:{size:"m",theme:t[12],text:""}}),{c(){o=l("span"),H(e.$$.fragment),L(o,"class","mc-button__icon")},m(t,r){i(t,o,r),M(e,o,null),n=!0},p(t,o){const n={};4096&o&&(n.theme=t[12]),e.$set(n)},i(t){n||(f(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){t&&x(o),j(e)}}}function U(t){let o,e,n,r;const m=[Y,X,W,V],c=[];function l(t,o){return t[14]&&"right"===t[13]?0:t[9]?1:t[17].icon?2:t[5]?3:-1}return~(o=l(t))&&(e=c[o]=m[o](t)),{c(){e&&e.c(),n=k()},m(t,e){~o&&c[o].m(t,e),i(t,n,e),r=!0},p(t,i){let r=o;o=l(t),o===r?~o&&c[o].p(t,i):(e&&(z(),p(c[r],1,1,(()=>{c[r]=null})),g()),~o?(e=c[o],e?e.p(t,i):(e=c[o]=m[o](t),e.c()),f(e,1),e.m(n.parentNode,n)):e=null)},i(t){r||(f(e),r=!0)},o(t){p(e),r=!1},d(t){~o&&c[o].d(t),t&&x(n)}}}function V(t){let o,e=`<${tt(t[2],t[6],t[5])} />`;return{c(){o=l("span"),L(o,"class","mc-button__icon")},m(t,n){i(t,o,n),o.innerHTML=e},p(t,n){100&n&&e!==(e=`<${tt(t[2],t[6],t[5])} />`)&&(o.innerHTML=e)},i:d,o:d,d(t){t&&x(o)}}}function W(t){let o;return{c(){o=l("span"),o.innerHTML='<slot name="icon"></slot>',L(o,"class","mc-button__icon")},m(t,e){i(t,o,e)},p:d,i:d,o:d,d(t){t&&x(o)}}}function X(t){let o,e;return{c(){o=T("svg"),e=T("use"),L(e,"href",t[9]),L(o,"class","mc-button__icon")},m(t,n){i(t,o,n),u(o,e)},p(t,o){512&o&&L(e,"href",t[9])},i:d,o:d,d(t){t&&x(o)}}}function Y(t){let o,e,n;return e=new E({props:{size:"s",theme:t[12],text:""}}),{c(){o=l("span"),H(e.$$.fragment),L(o,"class","mc-button__icon")},m(t,r){i(t,o,r),M(e,o,null),n=!0},p(t,o){const n={};4096&o&&(n.theme=t[12]),e.$set(n)},i(t){n||(f(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){t&&x(o),j(e)}}}function Z(t){let o,e,n,r,m,w,$,y,v,k=(t[5]||t[17].icon||t[9])&&"left"===t[6]&&R(t);const L=[B,S],T=[];function H(t,o){return(t[5]||t[17].icon||t[9])&&"only"===t[6]?0:1}n=H(t),r=T[n]=L[n](t);let M=(t[5]||t[17].icon||t[9])&&"right"===t[6]&&U(t),j=[{type:t[8]},{class:w=t[16](t[1],t[0],t[2],t[3])+" "+t[11]},{disabled:t[7]},t[10]],N={};for(let t=0;t<j.length;t+=1)N=c(N,j[t]);return{c(){o=l("button"),k&&k.c(),e=a(),r.c(),m=a(),M&&M.c(),this.c=d,s(o,N),b(o,"mc-button--square","only"==t[6])},m(r,c){i(r,o,c),k&&k.m(o,null),u(o,e),T[n].m(o,null),u(o,m),M&&M.m(o,null),o.autofocus&&o.focus(),$=!0,y||(v=h(t[15].call(null,o)),y=!0)},p(t,[i]){(t[5]||t[17].icon||t[9])&&"left"===t[6]?k?(k.p(t,i),131680&i&&f(k,1)):(k=R(t),k.c(),f(k,1),k.m(o,e)):k&&(z(),p(k,1,1,(()=>{k=null})),g());let c=n;n=H(t),n===c?T[n].p(t,i):(z(),p(T[c],1,1,(()=>{T[c]=null})),g(),r=T[n],r?r.p(t,i):(r=T[n]=L[n](t),r.c()),f(r,1),r.m(o,m)),(t[5]||t[17].icon||t[9])&&"right"===t[6]?M?(M.p(t,i),131680&i&&f(M,1)):(M=U(t),M.c(),f(M,1),M.m(o,null)):M&&(z(),p(M,1,1,(()=>{M=null})),g()),s(o,N=_(j,[(!$||256&i)&&{type:t[8]},(!$||2063&i&&w!==(w=t[16](t[1],t[0],t[2],t[3])+" "+t[11]))&&{class:w},(!$||128&i)&&{disabled:t[7]},1024&i&&t[10]])),b(o,"mc-button--square","only"==t[6])},i(t){$||(f(k),f(r),f(M),$=!0)},o(t){p(k),p(r),p(M),$=!1},d(t){t&&x(o),k&&k.d(),T[n].d(),M&&M.d(),y=!1,v()}}}function tt(t,o,e){const n="only"===o;let i;switch(t){case"s":i="24px";break;case"m":i=n?"32px":"24px";break;case"l":i=n?"100%":"32px"}return`${e} size="${i}" class="no"`}function ot(t,o,e){let n,i,r,m,l,a;const d=["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader","iconpath"];let s=w(o,d),{$$slots:b={},$$scope:u}=o;const h=$(b);var f,p,g;let{bordered:_=!1}=o,{theme:x}=o,{size:k="m"}=o,{full:z=!1}=o,{label:L}=o,{iconname:T}=o,{iconmode:H}=o,{disabled:M=!1}=o,{responsivesize:j}=o,{responsivewidth:N}=o,{type:q="button"}=o,{loader:E}=o,{iconpath:R}=o;const A=C(y());return t.$$set=t=>{e(26,o=c(c({},o),v(t))),e(25,s=w(o,d)),"bordered"in t&&e(0,_=t.bordered),"theme"in t&&e(1,x=t.theme),"size"in t&&e(2,k=t.size),"full"in t&&e(3,z=t.full),"label"in t&&e(4,L=t.label),"iconname"in t&&e(5,T=t.iconname),"iconmode"in t&&e(6,H=t.iconmode),"disabled"in t&&e(7,M=t.disabled),"responsivesize"in t&&e(18,j=t.responsivesize),"responsivewidth"in t&&e(19,N=t.responsivewidth),"type"in t&&e(8,q=t.type),"loader"in t&&e(20,E=t.loader),"iconpath"in t&&e(9,R=t.iconpath)},t.$$.update=()=>{1048576&t.$$.dirty&&e(24,n=E?JSON.parse(E):void 0),18874368&t.$$.dirty&&e(14,i=null!==e(21,f=null==n?void 0:n.enabled)&&void 0!==f&&f),20971520&t.$$.dirty&&e(13,r=null!==e(22,p=null==n?void 0:n.position)&&void 0!==p?p:"left"),25165824&t.$$.dirty&&e(12,m=null!==e(23,g=null==n?void 0:n.theme)&&void 0!==g?g:"primary"),e(11,l=o.class),e(10,a=Object.assign({},s)),1024&t.$$.dirty&&delete a.class},o=v(o),[_,x,k,z,L,T,H,M,q,R,a,l,m,r,i,A,function(t,o,e,n){const i=["mc-button"],r=function(t,o){if(!o&&!t)return"";const e=o?"bordered":"solid";return t?`mc-button--${e}-${t}`:`mc-button--${e}`}(t,o);return r&&i.push(r),e&&i.push(`mc-button--${e}`),n?i.push("mc-button--full"):i.push("mc-button--fit"),"only"===H&&i.push("mc-button--square"),j&&i.push(`mc-button--${j}`),N&&i.push(`mc-button--${N}`),i.join(" ")},h,j,N,E,f,p,g,n]}class et extends t{constructor(t){super();const c=document.createElement("style");c.textContent='.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#007f8c;font-family:"Roboto", sans-serif;font-weight:700;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#006974;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#006974}.mc-button:disabled,.mc-button.is-disabled,.mc-button[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button: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-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled,.mc-button--solid-primary-02[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled,.mc-button--solid-neutral[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled,.mc-button--solid-danger[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#007f8c;border-color:#007f8c;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#d9f0f3;color:#006974}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#91d5db;color:#004e57}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#91d5db;color:#004e57}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled,.mc-button--bordered[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled,.mc-button--bordered-primary-02[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled,.mc-button--bordered-neutral[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled,.mc-button--bordered-danger[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button__icon{pointer-events:none}',this.shadowRoot.appendChild(c),o(this,{target:this.shadowRoot,props:{...e(this.attributes),$$slots:n(this)},customElement:!0},ot,Z,m,{bordered:0,theme:1,size:2,full:3,label:4,iconname:5,iconmode:6,disabled:7,responsivesize:18,responsivewidth:19,type:8,loader:20,iconpath:9},null),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),r()))}static get observedAttributes(){return["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader","iconpath"]}get bordered(){return this.$$.ctx[0]}set bordered(t){this.$$set({bordered:t}),r()}get theme(){return this.$$.ctx[1]}set theme(t){this.$$set({theme:t}),r()}get size(){return this.$$.ctx[2]}set size(t){this.$$set({size:t}),r()}get full(){return this.$$.ctx[3]}set full(t){this.$$set({full:t}),r()}get label(){return this.$$.ctx[4]}set label(t){this.$$set({label:t}),r()}get iconname(){return this.$$.ctx[5]}set iconname(t){this.$$set({iconname:t}),r()}get iconmode(){return this.$$.ctx[6]}set iconmode(t){this.$$set({iconmode:t}),r()}get disabled(){return this.$$.ctx[7]}set disabled(t){this.$$set({disabled:t}),r()}get responsivesize(){return this.$$.ctx[18]}set responsivesize(t){this.$$set({responsivesize:t}),r()}get responsivewidth(){return this.$$.ctx[19]}set responsivewidth(t){this.$$set({responsivewidth:t}),r()}get type(){return this.$$.ctx[8]}set type(t){this.$$set({type:t}),r()}get loader(){return this.$$.ctx[20]}set loader(t){this.$$set({loader:t}),r()}get iconpath(){return this.$$.ctx[9]}set iconpath(t){this.$$set({iconpath:t}),r()}}export{et as default};
 //# sourceMappingURL=Button.js.map