@mozaic-ds/web-components 0.2.0 → 0.3.0

package/public/bricoman/components/taglist/TagList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagList.js","sources":["../../../../src/components/taglist/TagList.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { EventHandler } from '../../utilities/EventHandler';\n  import Tag from '../tag/Tag.nested.svelte';\n  import type { TagElem } from '../tag/tag.types';\n  export let items: string;\n  export let max = 10;\n  export let showlabel = 'Show all';\n  export let reducelabel = 'Reduce';\n  export let showall = false;\n  export let stateless = true;\n\n  $: parsedItems = items ? (JSON.parse(items) as TagElem[]) : [];\n  $: showAll = showall ? true : false;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  let eventHandler = new EventHandler();\n\n  function onRemoved(item: any): void {\n    eventHandler.dispatch('tag-removed', item);\n  }\n\n  function onExtend(): void {\n    if (stateless)\n      eventHandler.dispatch(showAll ? 'reduce' : 'show-all', parsedItems);\n    else showAll = !showAll;\n  }\n</script>\n\n<div class=\"mc-taglist\">\n  {#each parsedItems as item, index}\n    {#if index < max || showAll}\n      <div class=\"tag-selected\">\n        <Tag\n          id={item.id}\n          label={item.label}\n          size={'s'}\n          type=\"removable\"\n          dark={false}\n          disabled={false}\n          selected={false}\n          on:tag-removed={() => onRemoved(item)}\n        />\n      </div>\n    {/if}\n  {/each}\n  {#if max && parsedItems.length > max}\n    <div class=\"tag-selected\">\n      <Tag\n        id=\"id-tag\"\n        label={showAll && !stateless ? reducelabel : showlabel}\n        size=\"s\"\n        type=\"link\"\n        class=\"mc-taglist__showhide\"\n        dark={false}\n        disabled={false}\n        name=\"\"\n        selected={false}\n        on:tag-selected={() => onExtend()}\n      />\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  .mc-taglist {\n    align-items: center;\n    display: flex;\n    flex-wrap: wrap;\n    gap: $mu100;\n\n    &__showhide {\n      cursor: pointer;\n    }\n  }\n</style>\n"],"names":["id","ctx","label","insert","target","div","anchor","dirty","tag_changes","create_if_block_1","length","i","if_block","create_if_block","each_blocks","items","$$props","max","showlabel","reducelabel","showall","stateless","eventHandler","EventHandler","onRemoved","item","dispatch","onExtend","showAll","parsedItems","$$invalidate","JSON","parse","attributes","Object","assign","$$restProps","class"],"mappings":"8YAoCcA,GAAAC,MAAKD,GACFE,MAAAD,MAAKC,WACN,2BAEA,YACI,YACA,iIARdC,EAWKC,EAAAC,EAAAC,2CATG,GAAAC,IAAAC,EAAAR,GAAAC,MAAKD,IACF,GAAAO,IAAAC,EAAAN,MAAAD,MAAKC,gIAJbD,EAAK,IAAGA,EAAG,IAAIA,EAAO,KAAAQ,EAAAR,uEAAtBA,EAAK,IAAGA,EAAG,IAAIA,EAAO,sOAmBhBC,MAAAD,OAAYA,EAAS,GAAGA,EAAW,GAAGA,EAAS,2DAIhD,YACI,oBAEA,sGAVdE,EAaKC,EAAAC,EAAAC,uCAVM,GAAAC,IAAAC,EAAAN,MAAAD,OAAYA,EAAS,GAAGA,EAAW,GAAGA,EAAS,8HApBrDA,EAAW,wBAAhBS,OAAIC,GAAA,4DAgBD,IAAAC,EAAAX,EAAO,IAAAA,EAAY,GAAAS,OAAST,EAAG,IAAAY,EAAAZ,wHAjBtCE,EAiCKC,EAAAC,EAAAC,+GAhCIL,EAAW,WAAhBS,OAAIC,GAAA,EAAA,sGAAJD,OAAIC,EAAAG,EAAAJ,OAAAC,GAAA,WAgBDV,EAAO,IAAAA,EAAY,GAAAS,OAAST,EAAG,iIAhBlCS,OAAIC,GAAA,qPA1BKI,GAAaC,GACbC,IAAAA,EAAM,IAAED,GACRE,UAAAA,EAAY,YAAUF,GACtBG,YAAAA,EAAc,UAAQH,GACtBI,QAAAA,GAAU,GAAKJ,GACfK,UAAAA,GAAY,GAAIL,EAOvBM,MAAmBC,EAEd,SAAAC,EAAUC,GACjBH,EAAaI,SAAS,cAAeD,YAG9BE,IACHN,EACFC,EAAaI,SAASE,EAAU,SAAW,WAAYC,GACpDC,EAAA,EAAAF,GAAWA,6RAdjBE,EAAA,EAAED,EAAcd,EAASgB,KAAKC,MAAMjB,GAAK,wBACvCa,IAAUR,QACVa,EAALC,OAAAC,UAAuBC,4BACXH,EAAWI,8BA2BSZ,GAAAD,EAAUC,OAiBXE"}
+{"version":3,"file":"TagList.js","sources":["../../../../src/components/taglist/TagList.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { EventHandler } from '../../utilities/EventHandler';\n  import Tag from '../tag/Tag.nested.svelte';\n  import type { TagElem } from '../tag/tag.types';\n  export let items: string;\n  export let max = 10;\n  export let showlabel = 'Show all';\n  export let reducelabel = 'Reduce';\n  export let showall = false;\n  export let stateless = false;\n\n  $: parsedItems = items ? (JSON.parse(items) as TagElem[]) : [];\n  $: showAll = showall ? true : false;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  let eventHandler = new EventHandler();\n\n  function onRemoved(item: any): void {\n    eventHandler.dispatch('tag-removed', item);\n  }\n\n  function onExtend(): void {\n    if (stateless)\n      eventHandler.dispatch(showAll ? 'reduce' : 'show-all', parsedItems);\n    else showAll = !showAll;\n  }\n</script>\n\n<div class=\"mc-taglist\">\n  {#each parsedItems as item, index}\n    {#if index < max || showAll}\n      <div class=\"tag-selected\">\n        <Tag\n          id={item.id}\n          label={item.label}\n          size={'s'}\n          type=\"removable\"\n          dark={false}\n          disabled={false}\n          selected={false}\n          on:tag-removed={() => onRemoved(item)}\n        />\n      </div>\n    {/if}\n  {/each}\n  {#if max && parsedItems.length > max}\n    <div class=\"tag-selected\">\n      <Tag\n        id=\"id-tag\"\n        label={showAll && !stateless ? reducelabel : showlabel}\n        size=\"s\"\n        type=\"link\"\n        class=\"mc-taglist__showhide\"\n        dark={false}\n        disabled={false}\n        name=\"\"\n        on:tag-selected={onExtend}\n      />\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  .mc-taglist {\n    align-items: center;\n    display: flex;\n    flex-wrap: wrap;\n    gap: $mu100;\n\n    &__showhide {\n      cursor: pointer;\n    }\n  }\n</style>\n"],"names":["id","ctx","label","insert","target","div","anchor","dirty","tag_changes","create_if_block_1","length","i","if_block","create_if_block","each_blocks","items","$$props","max","showlabel","reducelabel","showall","stateless","eventHandler","EventHandler","onRemoved","item","dispatch","$$invalidate","parsedItems","JSON","parse","showAll","attributes","Object","assign","$$restProps","class"],"mappings":"8YAoCcA,GAAAC,MAAKD,GACFE,MAAAD,MAAKC,WACN,2BAEA,YACI,YACA,iIARdC,EAWKC,EAAAC,EAAAC,2CATG,GAAAC,IAAAC,EAAAR,GAAAC,MAAKD,IACF,GAAAO,IAAAC,EAAAN,MAAAD,MAAKC,gIAJbD,EAAK,IAAGA,EAAG,IAAIA,EAAO,KAAAQ,EAAAR,uEAAtBA,EAAK,IAAGA,EAAG,IAAIA,EAAO,sOAmBhBC,MAAAD,OAAYA,EAAS,GAAGA,EAAW,GAAGA,EAAS,2DAIhD,YACI,kCAEOA,EAAQ,yEAV7BE,EAYKC,EAAAC,EAAAC,uCATM,GAAAC,IAAAC,EAAAN,MAAAD,OAAYA,EAAS,GAAGA,EAAW,GAAGA,EAAS,8HApBrDA,EAAW,wBAAhBS,OAAIC,GAAA,4DAgBD,IAAAC,EAAAX,EAAO,IAAAA,EAAY,GAAAS,OAAST,EAAG,IAAAY,EAAAZ,wHAjBtCE,EAgCKC,EAAAC,EAAAC,+GA/BIL,EAAW,WAAhBS,OAAIC,GAAA,EAAA,sGAAJD,OAAIC,EAAAG,EAAAJ,OAAAC,GAAA,WAgBDV,EAAO,IAAAA,EAAY,GAAAS,OAAST,EAAG,iIAhBlCS,OAAIC,GAAA,qPA1BKI,GAAaC,GACbC,IAAAA,EAAM,IAAED,GACRE,UAAAA,EAAY,YAAUF,GACtBG,YAAAA,EAAc,UAAQH,GACtBI,QAAAA,GAAU,GAAKJ,GACfK,UAAAA,GAAY,GAAKL,EAOxBM,MAAmBC,EAEd,SAAAC,EAAUC,GACjBH,EAAaI,SAAS,cAAeD,6RARtCE,EAAA,EAAEC,EAAcb,EAASc,KAAKC,MAAMf,GAAK,wBACvCgB,IAAUX,QACVY,EAALC,OAAAC,UAAuBC,4BACXH,EAAWI,iCASff,EACFC,EAAaI,SAASK,EAAU,SAAW,WAAYH,GACpDD,EAAA,EAAAI,GAAWA,UAgBYN,GAAAD,EAAUC"}

package/public/bricoman/components/taglist/TagList.svelte

@@ -9,7 +9,7 @@
   export let showlabel = 'Show all';
   export let reducelabel = 'Reduce';
   export let showall = false;
-  export let stateless = true;
+  export let stateless = false;
 
   $: parsedItems = items ? (JSON.parse(items) as TagElem[]) : [];
   $: showAll = showall ? true : false;
@@ -57,8 +57,7 @@
         dark={false}
         disabled={false}
         name=""
-        selected={false}
-        on:tag-selected={() => onExtend()}
+        on:tag-selected={onExtend}
       />
     </div>
   {/if}

package/public/bricoman/components/textinput/Textinput.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as n,f as m,s as l,c as r,e as o,d as s,n as a,g as h,h as c,j as p,U as d,B as u,l as g,m as x,o as f,H as z,p as b,r as w,a4 as $,q as v}from"../../index-17a01ab4.js";import{c as M}from"../../EventForward-c82e97d9.js";function I(e){let t,i=`<${y(e[7])} />`;return{c(){t=o("span"),h(t,"class","mc-left-icon-input__icon")},m(e,m){n(e,t,m),t.innerHTML=i},p(e,n){128&n&&i!==(i=`<${y(e[7])} />`)&&(t.innerHTML=i)},d(e){e&&f(t)}}}function _(e){let t,i,m,l,b,w,$,v=e[7]&&I(e),M=[{class:b=(e[7]?"mc-left-icon-input":"")+" "+e[13]},e[12]],_={};for(let e=0;e<M.length;e+=1)_=r(_,M[e]);return{c(){t=o("div"),v&&v.c(),i=s(),m=o("input"),this.c=a,h(m,"class",l=e[15](e[3],e[4],e[6],e[7])+" "+e[17].class),h(m,"aria-invalid",e[4]),h(m,"name",e[1]),h(m,"id",e[1]),h(m,"placeholder",e[2]),m.disabled=e[5],h(m,"min",e[8]),h(m,"max",e[9]),h(m,"minlength",e[10]),h(m,"maxlength",e[11]),h(m,"spellcheck","false"),c(t,_)},m(l,r){n(l,t,r),v&&v.m(t,null),p(t,i),p(t,m),d(m,e[0]),w||($=[u(e[14].call(null,m)),g(m,"input",e[20]),u(e[16].call(null,m))],w=!0)},p(e,[n]){e[7]?v?v.p(e,n):(v=I(e),v.c(),v.m(t,i)):v&&(v.d(1),v=null),131288&n&&l!==(l=e[15](e[3],e[4],e[6],e[7])+" "+e[17].class)&&h(m,"class",l),16&n&&h(m,"aria-invalid",e[4]),2&n&&h(m,"name",e[1]),2&n&&h(m,"id",e[1]),4&n&&h(m,"placeholder",e[2]),32&n&&(m.disabled=e[5]),256&n&&h(m,"min",e[8]),512&n&&h(m,"max",e[9]),1024&n&&h(m,"minlength",e[10]),2048&n&&h(m,"maxlength",e[11]),1&n&&m.value!==e[0]&&d(m,e[0]),c(t,_=x(M,[8320&n&&b!==(b=(e[7]?"mc-left-icon-input":"")+" "+e[13])&&{class:b},4096&n&&e[12]]))},i:a,o:a,d(e){e&&f(t),v&&v.d(),w=!1,z($)}}}function y(e){return`${e}`}function A(e,t,i){let n,m,l;const o=["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength"];let s=b(t,o),{name:a}=t,{value:h}=t,{placeholder:c}=t,{inputtype:p="text"}=t,{isvalid:d}=t,{isinvalid:u}=t,{disabled:g=!1}=t,{size:x="m"}=t,{iconname:f}=t,{rightalign:z}=t,{min:I}=t,{max:_}=t,{minlength:y}=t,{maxlength:A}=t;const k=M(w());const D=w();return $((()=>{D.shadowRoot.querySelector(".mc-text-input").type=n})),e.$$set=e=>{i(17,t=r(r({},t),v(e))),i(23,s=b(t,o)),"name"in e&&i(1,a=e.name),"value"in e&&i(0,h=e.value),"placeholder"in e&&i(2,c=e.placeholder),"inputtype"in e&&i(18,p=e.inputtype),"isvalid"in e&&i(3,d=e.isvalid),"isinvalid"in e&&i(4,u=e.isinvalid),"disabled"in e&&i(5,g=e.disabled),"size"in e&&i(6,x=e.size),"iconname"in e&&i(7,f=e.iconname),"rightalign"in e&&i(19,z=e.rightalign),"min"in e&&i(8,I=e.min),"max"in e&&i(9,_=e.max),"minlength"in e&&i(10,y=e.minlength),"maxlength"in e&&i(11,A=e.maxlength)},e.$$.update=()=>{262144&e.$$.dirty&&(n=p),i(13,m=t.class),i(12,l=Object.assign({},s)),4096&e.$$.dirty&&delete l.class},t=v(t),[h,a,c,d,u,g,x,f,I,_,y,A,l,m,k,function(e,t,i,n){const m=["mc-text-input","mc-field__input"];return e&&m.push("is-valid"),t&&m.push("is-invalid"),"s"===i&&m.push("mc-text-input--s"),n&&m.push("mc-left-icon-input__input"),z&&m.push("right-align"),m.join(" ")},e=>{e.type=n},t,p,z,function(){h=this.value,i(0,h)}]}class k extends e{constructor(e){super();const r=document.createElement("style");r.textContent='@charset "UTF-8";.mc-text-input{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;display:block;width:100%;position:relative;border:1px solid #808080;color:#333333;background-color:#ffffff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-webkit-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::-moz-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input:-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right 0.4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+")}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==")}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input.is-hover,.mc-text-input:hover{border-color:#191919}.mc-text-input.is-focus,.mc-text-input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#808080;cursor:not-allowed}.mc-text-input--s{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-m::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-l::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-l::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xl::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xxl::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xxl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-left-icon-input{position:relative}.mc-left-icon-input__icon{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);fill:#808080;pointer-events:none}.mc-left-icon-input .mc-left-icon-input__icon{left:0.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input .mc-left-icon-input__input{padding-left:2.9375rem}.mc-left-icon-input--s .mc-left-icon-input__icon{left:0.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s .mc-left-icon-input__input{padding-left:2.4375rem}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:0.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:0.5rem}.right-align{text-align:right}',this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},A,_,l,{name:1,value:0,placeholder:2,inputtype:18,isvalid:3,isinvalid:4,disabled:5,size:6,iconname:7,rightalign:19,min:8,max:9,minlength:10,maxlength:11},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),m()))}static get observedAttributes(){return["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength"]}get name(){return this.$$.ctx[1]}set name(e){this.$$set({name:e}),m()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),m()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),m()}get inputtype(){return this.$$.ctx[18]}set inputtype(e){this.$$set({inputtype:e}),m()}get isvalid(){return this.$$.ctx[3]}set isvalid(e){this.$$set({isvalid:e}),m()}get isinvalid(){return this.$$.ctx[4]}set isinvalid(e){this.$$set({isinvalid:e}),m()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),m()}get size(){return this.$$.ctx[6]}set size(e){this.$$set({size:e}),m()}get iconname(){return this.$$.ctx[7]}set iconname(e){this.$$set({iconname:e}),m()}get rightalign(){return this.$$.ctx[19]}set rightalign(e){this.$$set({rightalign:e}),m()}get min(){return this.$$.ctx[8]}set min(e){this.$$set({min:e}),m()}get max(){return this.$$.ctx[9]}set max(e){this.$$set({max:e}),m()}get minlength(){return this.$$.ctx[10]}set minlength(e){this.$$set({minlength:e}),m()}get maxlength(){return this.$$.ctx[11]}set maxlength(e){this.$$set({maxlength:e}),m()}}export{k as default};
+import{S as e,i as t,a as i,b as n,f as m,s as l,c as r,e as o,d as s,n as a,g as h,h as c,j as p,U as d,B as u,l as g,m as x,o as f,H as z,p as b,r as w,a4 as $,q as v}from"../../index-17a01ab4.js";import{c as M}from"../../EventForward-c82e97d9.js";import{E as I}from"../../EventHandler-316af043.js";function _(e){let t,i=`<${A(e[7])} />`;return{c(){t=o("span"),h(t,"class","mc-left-icon-input__icon")},m(e,m){n(e,t,m),t.innerHTML=i},p(e,n){128&n&&i!==(i=`<${A(e[7])} />`)&&(t.innerHTML=i)},d(e){e&&f(t)}}}function y(e){let t,i,m,l,b,w,$,v=e[7]&&_(e),M=[{class:b=(e[7]?"mc-left-icon-input":"")+" "+e[13]},e[12]],I={};for(let e=0;e<M.length;e+=1)I=r(I,M[e]);return{c(){t=o("div"),v&&v.c(),i=s(),m=o("input"),this.c=a,h(m,"class",l=e[16](e[3],e[4],e[6],e[7])+" "+e[18].class),h(m,"aria-invalid",e[4]),h(m,"name",e[1]),h(m,"id",e[1]),h(m,"placeholder",e[2]),m.disabled=e[5],h(m,"min",e[8]),h(m,"max",e[9]),h(m,"minlength",e[10]),h(m,"maxlength",e[11]),h(m,"spellcheck","false"),c(t,I)},m(l,r){n(l,t,r),v&&v.m(t,null),p(t,i),p(t,m),d(m,e[0]),w||($=[u(e[14].call(null,m)),g(m,"input",e[21]),u(e[17].call(null,m)),g(m,"keydown",e[22])],w=!0)},p(e,[n]){e[7]?v?v.p(e,n):(v=_(e),v.c(),v.m(t,i)):v&&(v.d(1),v=null),262360&n&&l!==(l=e[16](e[3],e[4],e[6],e[7])+" "+e[18].class)&&h(m,"class",l),16&n&&h(m,"aria-invalid",e[4]),2&n&&h(m,"name",e[1]),2&n&&h(m,"id",e[1]),4&n&&h(m,"placeholder",e[2]),32&n&&(m.disabled=e[5]),256&n&&h(m,"min",e[8]),512&n&&h(m,"max",e[9]),1024&n&&h(m,"minlength",e[10]),2048&n&&h(m,"maxlength",e[11]),1&n&&m.value!==e[0]&&d(m,e[0]),c(t,I=x(M,[8320&n&&b!==(b=(e[7]?"mc-left-icon-input":"")+" "+e[13])&&{class:b},4096&n&&e[12]]))},i:a,o:a,d(e){e&&f(t),v&&v.d(),w=!1,z($)}}}function A(e){return`${e}`}function k(e,t,i){let n,m,l;const o=["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength"];let s=b(t,o),{name:a}=t,{value:h}=t,{placeholder:c}=t,{inputtype:p="text"}=t,{isvalid:d}=t,{isinvalid:u}=t,{disabled:g=!1}=t,{size:x="m"}=t,{iconname:f}=t,{rightalign:z}=t,{min:_}=t,{max:y}=t,{minlength:A}=t,{maxlength:k}=t;const D=M(w());let j=new I;const E=w();$((()=>{E.shadowRoot.querySelector(".mc-text-input").type=n}));return e.$$set=e=>{i(18,t=r(r({},t),v(e))),i(25,s=b(t,o)),"name"in e&&i(1,a=e.name),"value"in e&&i(0,h=e.value),"placeholder"in e&&i(2,c=e.placeholder),"inputtype"in e&&i(19,p=e.inputtype),"isvalid"in e&&i(3,d=e.isvalid),"isinvalid"in e&&i(4,u=e.isinvalid),"disabled"in e&&i(5,g=e.disabled),"size"in e&&i(6,x=e.size),"iconname"in e&&i(7,f=e.iconname),"rightalign"in e&&i(20,z=e.rightalign),"min"in e&&i(8,_=e.min),"max"in e&&i(9,y=e.max),"minlength"in e&&i(10,A=e.minlength),"maxlength"in e&&i(11,k=e.maxlength)},e.$$.update=()=>{524288&e.$$.dirty&&(n=p),i(13,m=t.class),i(12,l=Object.assign({},s)),4096&e.$$.dirty&&delete l.class},t=v(t),[h,a,c,d,u,g,x,f,_,y,A,k,l,m,D,j,function(e,t,i,n){const m=["mc-text-input","mc-field__input"];return e&&m.push("is-valid"),t&&m.push("is-invalid"),"s"===i&&m.push("mc-text-input--s"),n&&m.push("mc-left-icon-input__input"),z&&m.push("right-align"),m.join(" ")},e=>{e.type=n},t,p,z,function(){h=this.value,i(0,h)},e=>{"Enter"===e?.key&&j.dispatch("submit-search",h)}]}class D extends e{constructor(e){super();const r=document.createElement("style");r.textContent='@charset "UTF-8";.mc-text-input{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;display:block;width:100%;position:relative;border:1px solid #808080;color:#333333;background-color:#ffffff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-webkit-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::-moz-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input:-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right 0.4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+")}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==")}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input.is-hover,.mc-text-input:hover{border-color:#191919}.mc-text-input.is-focus,.mc-text-input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#808080;cursor:not-allowed}.mc-text-input--s{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-m::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-l::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-l::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xl::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xxl::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xxl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-left-icon-input{position:relative}.mc-left-icon-input__icon{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);fill:#808080;pointer-events:none}.mc-left-icon-input .mc-left-icon-input__icon{left:0.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input .mc-left-icon-input__input{padding-left:2.9375rem}.mc-left-icon-input--s .mc-left-icon-input__icon{left:0.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s .mc-left-icon-input__input{padding-left:2.4375rem}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:0.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:0.5rem}.right-align{text-align:right}',this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},k,y,l,{name:1,value:0,placeholder:2,inputtype:19,isvalid:3,isinvalid:4,disabled:5,size:6,iconname:7,rightalign:20,min:8,max:9,minlength:10,maxlength:11},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),m()))}static get observedAttributes(){return["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength"]}get name(){return this.$$.ctx[1]}set name(e){this.$$set({name:e}),m()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),m()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),m()}get inputtype(){return this.$$.ctx[19]}set inputtype(e){this.$$set({inputtype:e}),m()}get isvalid(){return this.$$.ctx[3]}set isvalid(e){this.$$set({isvalid:e}),m()}get isinvalid(){return this.$$.ctx[4]}set isinvalid(e){this.$$set({isinvalid:e}),m()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),m()}get size(){return this.$$.ctx[6]}set size(e){this.$$set({size:e}),m()}get iconname(){return this.$$.ctx[7]}set iconname(e){this.$$set({iconname:e}),m()}get rightalign(){return this.$$.ctx[20]}set rightalign(e){this.$$set({rightalign:e}),m()}get min(){return this.$$.ctx[8]}set min(e){this.$$set({min:e}),m()}get max(){return this.$$.ctx[9]}set max(e){this.$$set({max:e}),m()}get minlength(){return this.$$.ctx[10]}set minlength(e){this.$$set({minlength:e}),m()}get maxlength(){return this.$$.ctx[11]}set maxlength(e){this.$$set({maxlength:e}),m()}}export{D as default};
 //# sourceMappingURL=Textinput.js.map

package/public/bricoman/components/textinput/Textinput.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textinput.js","sources":["../../../../src/components/textinput/Textinput.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { afterUpdate } from 'svelte';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  import { get_current_component } from 'svelte/internal';\n\n  import type { TextInputSize, TextInputType } from './textinput.types';\n\n  export let name: string;\n  export let value: string;\n  export let placeholder: string;\n  export let inputtype: TextInputType = 'text';\n  export let isvalid: boolean;\n  export let isinvalid: boolean;\n  export let disabled = false;\n  export let size: TextInputSize = 'm';\n  export let iconname: string;\n  export let rightalign: boolean;\n  export let min: string;\n  export let max: string;\n  export let minlength: number;\n  export let maxlength: number;\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  $: inputType = inputtype;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  function generateIconName(iconName: string): string {\n    return `${iconName}`;\n  }\n\n  function getClasses(\n    isValid: boolean,\n    isInvalid: boolean,\n    size: TextInputSize,\n    iconname: string,\n  ): string {\n    const classes = ['mc-text-input', 'mc-field__input'];\n\n    if (isValid) {\n      classes.push('is-valid');\n    }\n\n    if (isInvalid) {\n      classes.push('is-invalid');\n    }\n\n    if (size === 's') {\n      classes.push('mc-text-input--s');\n    }\n\n    if (iconname) {\n      classes.push('mc-left-icon-input__input');\n    }\n\n    if (rightalign) {\n      classes.push('right-align');\n    }\n\n    return classes.join(' ');\n  }\n\n  const setType = (node: any) => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    node.type = inputType;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const component: any = get_current_component();\n\n  afterUpdate(() => {\n    /* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment */\n    const input = component.shadowRoot.querySelector('.mc-text-input');\n    input.type = inputType;\n    /* eslint-enable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment */\n  });\n</script>\n\n<div class=\"{iconname ? 'mc-left-icon-input' : ''} {userClass}\" {...attributes}>\n  {#if iconname}\n    <span class=\"mc-left-icon-input__icon\">\n      {@html `<${generateIconName(iconname)} />`}\n    </span>\n  {/if}\n  <input\n    use:forwardEvents\n    bind:value\n    use:setType\n    class=\"{getClasses(isvalid, isinvalid, size, iconname)} {$$props.class}\"\n    aria-invalid={isinvalid}\n    {name}\n    id={name}\n    {placeholder}\n    {disabled}\n    {min}\n    {max}\n    {minlength}\n    {maxlength}\n    spellcheck=\"false\"\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.text-input';\n  @import '@mozaic-ds/styles/components/c.left-icon-input';\n  @import '@mozaic-ds/styles/components/c.fields';\n\n  .right-align {\n    text-align: right;\n  }\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","create_if_block","class","div_class_value","div","append","input","iconName","name","$$props","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","forwardEvents","createEventForwarder","get_current_component","component","afterUpdate","shadowRoot","querySelector","type","inputType","$$invalidate","userClass","attributes","Object","assign","$$restProps","isValid","isInvalid","classes","push","join","node"],"mappings":"8QAmFiBA,EAAA,IAAAC,EAAiBC,EAAQ,gFADtCC,EAEMC,EAAAC,EAAAC,yBADO,IAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAG,EAAAG,UAAAR,qDAFnCE,EAAQ,IAAAO,EAAAP,OADFQ,MAAAC,GAAAT,EAAW,GAAA,qBAAuB,QAAKA,EAAS,KAAOA,EAAU,2HAUlEA,EAAU,IAACA,EAAO,GAAEA,EAAS,GAAEA,EAAI,GAAEA,EAAQ,IAAA,IAAIA,EAAO,IAACQ,0BACnDR,EAAS,8BAEnBA,EAAI,mKAbZC,EAsBKC,EAAAQ,EAAAN,yBAhBHO,EAeCD,EAAAE,oGApBIZ,EAAQ,0EASHA,EAAU,IAACA,EAAO,GAAEA,EAAS,GAAEA,EAAI,GAAEA,EAAQ,IAAA,IAAIA,EAAO,IAACQ,gDACnDR,EAAS,wCAEnBA,EAAI,+MAbC,KAAAK,GAAAI,KAAAA,GAAAT,EAAW,GAAA,qBAAuB,QAAKA,EAAS,MAAA,CAAAQ,MAAAC,WAAOT,EAAU,kDAnDnE,SAAAD,EAAiBc,YACdA,0MArBDC,GAAYC,SACZC,GAAaD,eACbE,GAAmBF,GACnBG,UAAAA,EAA2B,QAAMH,WACjCI,GAAgBJ,aAChBK,GAAkBL,GAClBM,SAAAA,GAAW,GAAKN,GAChBO,KAAAA,EAAsB,KAAGP,YACzBQ,GAAgBR,cAChBS,GAAmBT,OACnBU,GAAWV,OACXW,GAAWX,aACXY,GAAiBZ,aACjBa,GAAiBb,QACtBc,EAAgBC,EAAqBC,KAyCrC,MAMAC,EAAiBD,WAEvBE,GAAW,KAEKD,EAAUE,WAAWC,cAAc,kBAC3CC,KAAOC,CAAS,miBAlDrBA,EAAYnB,GACZoB,EAAA,GAAAC,EAAYxB,EAAQP,YACpBgC,EAALC,OAAAC,UAAuBC,4BACXH,EAAWhC,6CAKZ,SACPoC,EACAC,EACAvB,EACAC,SAEMuB,EAAO,CAAI,gBAAiB,0BAE9BF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGF,MAATzB,GACFwB,EAAQC,KAAK,oBAGXxB,GACFuB,EAAQC,KAAK,6BAGXvB,GACFsB,EAAQC,KAAK,eAGRD,EAAQE,KAAK,MAGLC,IAEfA,EAAKb,KAAOC,CAAS"}
+{"version":3,"file":"Textinput.js","sources":["../../../../src/components/textinput/Textinput.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { afterUpdate } from 'svelte';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { get_current_component } from 'svelte/internal';\n\n  import type { TextInputSize, TextInputType } from './textinput.types';\n\n  export let name: string;\n  export let value: string;\n  export let placeholder: string;\n  export let inputtype: TextInputType = 'text';\n  export let isvalid: boolean;\n  export let isinvalid: boolean;\n  export let disabled = false;\n  export let size: TextInputSize = 'm';\n  export let iconname: string;\n  export let rightalign: boolean;\n  export let min: string;\n  export let max: string;\n  export let minlength: number;\n  export let maxlength: number;\n  const forwardEvents = createEventForwarder(get_current_component());\n  let eventHandler = new EventHandler();\n  $: inputType = inputtype;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  function generateIconName(iconName: string): string {\n    return `${iconName}`;\n  }\n\n  function getClasses(\n    isValid: boolean,\n    isInvalid: boolean,\n    size: TextInputSize,\n    iconname: string,\n  ): string {\n    const classes = ['mc-text-input', 'mc-field__input'];\n\n    if (isValid) {\n      classes.push('is-valid');\n    }\n\n    if (isInvalid) {\n      classes.push('is-invalid');\n    }\n\n    if (size === 's') {\n      classes.push('mc-text-input--s');\n    }\n\n    if (iconname) {\n      classes.push('mc-left-icon-input__input');\n    }\n\n    if (rightalign) {\n      classes.push('right-align');\n    }\n\n    return classes.join(' ');\n  }\n\n  const setType = (node: any) => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    node.type = inputType;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const component: any = get_current_component();\n\n  afterUpdate(() => {\n    /* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment */\n    const input = component.shadowRoot.querySelector('.mc-text-input');\n    input.type = inputType;\n    /* eslint-enable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment */\n  });\n</script>\n\n<div class=\"{iconname ? 'mc-left-icon-input' : ''} {userClass}\" {...attributes}>\n  {#if iconname}\n    <span class=\"mc-left-icon-input__icon\">\n      {@html `<${generateIconName(iconname)} />`}\n    </span>\n  {/if}\n  <input\n    use:forwardEvents\n    bind:value\n    use:setType\n    class=\"{getClasses(isvalid, isinvalid, size, iconname)} {$$props.class}\"\n    aria-invalid={isinvalid}\n    {name}\n    id={name}\n    {placeholder}\n    {disabled}\n    {min}\n    {max}\n    {minlength}\n    {maxlength}\n    spellcheck=\"false\"\n    on:keydown={(event) => {\n      if (event?.key === 'Enter') {\n        eventHandler.dispatch('submit-search', value);\n      }\n    }}\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.text-input';\n  @import '@mozaic-ds/styles/components/c.left-icon-input';\n  @import '@mozaic-ds/styles/components/c.fields';\n\n  .right-align {\n    text-align: right;\n  }\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","create_if_block","class","div_class_value","div","append","input","iconName","name","$$props","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","forwardEvents","createEventForwarder","get_current_component","eventHandler","EventHandler","component","afterUpdate","shadowRoot","querySelector","type","inputType","$$invalidate","userClass","attributes","Object","assign","$$restProps","isValid","isInvalid","classes","push","join","node","event","key","dispatch"],"mappings":"iUAoFiBA,EAAA,IAAAC,EAAiBC,EAAQ,gFADtCC,EAEMC,EAAAC,EAAAC,yBADO,IAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAG,EAAAG,UAAAR,qDAFnCE,EAAQ,IAAAO,EAAAP,OADFQ,MAAAC,GAAAT,EAAW,GAAA,qBAAuB,QAAKA,EAAS,KAAOA,EAAU,2HAUlEA,EAAU,IAACA,EAAO,GAAEA,EAAS,GAAEA,EAAI,GAAEA,EAAQ,IAAA,IAAIA,EAAO,IAACQ,0BACnDR,EAAS,8BAEnBA,EAAI,mKAbZC,EA2BKC,EAAAQ,EAAAN,yBArBHO,EAoBCD,EAAAE,yHAzBIZ,EAAQ,0EASHA,EAAU,IAACA,EAAO,GAAEA,EAAS,GAAEA,EAAI,GAAEA,EAAQ,IAAA,IAAIA,EAAO,IAACQ,gDACnDR,EAAS,wCAEnBA,EAAI,+MAbC,KAAAK,GAAAI,KAAAA,GAAAT,EAAW,GAAA,qBAAuB,QAAKA,EAAS,MAAA,CAAAQ,MAAAC,WAAOT,EAAU,kDAnDnE,SAAAD,EAAiBc,YACdA,0MArBDC,GAAYC,SACZC,GAAaD,eACbE,GAAmBF,GACnBG,UAAAA,EAA2B,QAAMH,WACjCI,GAAgBJ,aAChBK,GAAkBL,GAClBM,SAAAA,GAAW,GAAKN,GAChBO,KAAAA,EAAsB,KAAGP,YACzBQ,GAAgBR,cAChBS,GAAmBT,OACnBU,GAAWV,OACXW,GAAWX,aACXY,GAAiBZ,aACjBa,GAAiBb,QACtBc,EAAgBC,EAAqBC,KACvC,IAAAC,MAAmBC,EAwCjB,MAMAC,EAAiBH,IAEvBI,GAAW,KAEKD,EAAUE,WAAWC,cAAc,kBAC3CC,KAAOC,CAAS,0iBAlDrBA,EAAYrB,GACZsB,EAAA,GAAAC,EAAY1B,EAAQP,YACpBkC,EAALC,OAAAC,UAAuBC,4BACXH,EAAWlC,+CAKZ,SACPsC,EACAC,EACAzB,EACAC,SAEMyB,EAAO,CAAI,gBAAiB,0BAE9BF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGF,MAAT3B,GACF0B,EAAQC,KAAK,oBAGX1B,GACFyB,EAAQC,KAAK,6BAGXzB,GACFwB,EAAQC,KAAK,eAGRD,EAAQE,KAAK,MAGLC,IAEfA,EAAKb,KAAOC,CAAS,wCAmCRa,IACQ,UAAfA,GAAOC,KACTrB,EAAasB,SAAS,gBAAiBtC"}

package/public/bricoman/components/textinput/Textinput.svelte

@@ -3,6 +3,7 @@
 <script lang="ts">
   import { afterUpdate } from 'svelte';
   import { createEventForwarder } from '../../utilities/EventForward';
+  import { EventHandler } from '../../utilities/EventHandler';
   import { get_current_component } from 'svelte/internal';
 
   import type { TextInputSize, TextInputType } from './textinput.types';
@@ -22,7 +23,7 @@
   export let minlength: number;
   export let maxlength: number;
   const forwardEvents = createEventForwarder(get_current_component());
-
+  let eventHandler = new EventHandler();
   $: inputType = inputtype;
   $: userClass = $$props.class;
   $: attributes = { ...$$restProps };
@@ -99,6 +100,11 @@
     {minlength}
     {maxlength}
     spellcheck="false"
+    on:keydown={(event) => {
+      if (event?.key === 'Enter') {
+        eventHandler.dispatch('submit-search', value);
+      }
+    }}
   />
 </div>
 

package/public/bricoman/icons-storybook.js

@@ -1,4 +1,4 @@
-import DisplaySearch24 from './icons/DisplaySearch24.js';
+import ControlTagCross24 from './icons/ControlTagCross24.js';
 import ArrowArrowLeft32 from './icons/ArrowArrowLeft32.js';
 import ArrowArrowRight32 from './icons/ArrowArrowRight32.js';
 import NotificationQuestion32 from './icons/NotificationQuestion32.js';
@@ -14,9 +14,6 @@ import DisplayHome24 from './icons/DisplayHome24.js';
 import DisplayBlink24 from './icons/DisplayBlink24.js';
 import AspectQuantity24 from './icons/AspectQuantity24.js';
 
-if (!customElements.get('navigation-display-search-24px')) {
-  customElements.define('navigation-display-search-24px', DisplaySearch24);
-}
 if (!customElements.get('navigation-arrow-arrow--left-32px')) {
   customElements.define('navigation-arrow-arrow--left-32px', ArrowArrowLeft32);
 }

package/public/bricoman/sidebar-service-51f0ac60.js

@@ -0,0 +1,2 @@
+import{n as t,s as n}from"./index-17a01ab4.js";const e=[];function o(o,s=t){let i;const r=new Set;function u(t){if(n(o,t)&&(o=t,i)){const t=!e.length;for(const t of r)t[1](),e.push(t,o);if(t){for(let t=0;t<e.length;t+=2)e[t][0](e[t+1]);e.length=0}}}return{set:u,update:function(t){u(t(o))},subscribe:function(n,e=t){const f=[n,e];return r.add(f),1===r.size&&(i=s(u)||t),n(o),()=>{r.delete(f),0===r.size&&i&&(i(),i=null)}}}}const s=o();let i;function r(t){t&&(i="string"==typeof t?JSON.parse(t):t,s.set(i))}const u=o(!1);function f(t){"boolean"==typeof t?u.set(t):u.update((t=>!t))}const c=o();function l(t){var n,e,o;if(!i)return;let s=[...null!==(n=i.FEATURES)&&void 0!==n?n:[],...null!==(r=i.UTILITIES,e=r.reduce(((t,n)=>[...t,...n]),[]))&&void 0!==e?e:[],...null!==(o=i.USER_FEATURES)&&void 0!==o?o:[]];var r;if(i.HOME&&(s=[...s,i.HOME]),!s.length)return;if(!t)return void c.set(void 0);const u=a(s,t);u.length?c.set({lv0:u[0],lv1:u[1],lv2:u[2]}):c.set(void 0)}function a(t,n){const e=[];for(const o of t){if(o.code===n)return e.push(o),e;if(o.items){const t=a(o.items,n);if(t.length)return[o,...t]}}return e}export{l as a,s as b,u as i,c as s,f as t,r as u};
+//# sourceMappingURL=sidebar-service-51f0ac60.js.map

package/public/bricoman/{sidebar-service-f8a96839.js.map → sidebar-service-51f0ac60.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sidebar-service-f8a96839.js","sources":["../../node_modules/svelte/store/index.mjs","../../../src/components/sidebar/sidebar-service.ts"],"sourcesContent":["import { noop, safe_not_equal, subscribe, run_all, is_function } from '../internal/index.mjs';\nexport { get_store_value as get } from '../internal/index.mjs';\n\nconst subscriber_queue = [];\n/**\n * Creates a `Readable` store that allows reading by subscription.\n * @param value initial value\n * @param {StartStopNotifier}start start and stop notifications for subscriptions\n */\nfunction readable(value, start) {\n    return {\n        subscribe: writable(value, start).subscribe\n    };\n}\n/**\n * Create a `Writable` store that allows both updating and reading by subscription.\n * @param {*=}value initial value\n * @param {StartStopNotifier=}start start and stop notifications for subscriptions\n */\nfunction writable(value, start = noop) {\n    let stop;\n    const subscribers = new Set();\n    function set(new_value) {\n        if (safe_not_equal(value, new_value)) {\n            value = new_value;\n            if (stop) { // store is ready\n                const run_queue = !subscriber_queue.length;\n                for (const subscriber of subscribers) {\n                    subscriber[1]();\n                    subscriber_queue.push(subscriber, value);\n                }\n                if (run_queue) {\n                    for (let i = 0; i < subscriber_queue.length; i += 2) {\n                        subscriber_queue[i][0](subscriber_queue[i + 1]);\n                    }\n                    subscriber_queue.length = 0;\n                }\n            }\n        }\n    }\n    function update(fn) {\n        set(fn(value));\n    }\n    function subscribe(run, invalidate = noop) {\n        const subscriber = [run, invalidate];\n        subscribers.add(subscriber);\n        if (subscribers.size === 1) {\n            stop = start(set) || noop;\n        }\n        run(value);\n        return () => {\n            subscribers.delete(subscriber);\n            if (subscribers.size === 0 && stop) {\n                stop();\n                stop = null;\n            }\n        };\n    }\n    return { set, update, subscribe };\n}\nfunction derived(stores, fn, initial_value) {\n    const single = !Array.isArray(stores);\n    const stores_array = single\n        ? [stores]\n        : stores;\n    const auto = fn.length < 2;\n    return readable(initial_value, (set) => {\n        let started = false;\n        const values = [];\n        let pending = 0;\n        let cleanup = noop;\n        const sync = () => {\n            if (pending) {\n                return;\n            }\n            cleanup();\n            const result = fn(single ? values[0] : values, set);\n            if (auto) {\n                set(result);\n            }\n            else {\n                cleanup = is_function(result) ? result : noop;\n            }\n        };\n        const unsubscribers = stores_array.map((store, i) => subscribe(store, (value) => {\n            values[i] = value;\n            pending &= ~(1 << i);\n            if (started) {\n                sync();\n            }\n        }, () => {\n            pending |= (1 << i);\n        }));\n        started = true;\n        sync();\n        return function stop() {\n            run_all(unsubscribers);\n            cleanup();\n            // We need to set this to false because callbacks can still happen despite having unsubscribed:\n            // Callbacks might already be placed in the queue which doesn't know it should no longer\n            // invoke this derived store.\n            started = false;\n        };\n    });\n}\n/**\n * Takes a store and returns a new one derived from the old one that is readable.\n *\n * @param store - store to make readonly\n */\nfunction readonly(store) {\n    return {\n        subscribe: store.subscribe.bind(store)\n    };\n}\n\nexport { derived, readable, readonly, writable };\n",null],"names":["subscriber_queue","writable","value","start","noop","stop","subscribers","Set","set","new_value","safe_not_equal","run_queue","length","subscriber","push","i","update","fn","subscribe","run","invalidate","add","size","delete","sidebar","parsedData","updateSidebarData","data","JSON","parse","isSidebarOpen","toggleSidebar","state","selectedFeature","selectFeature","code","items","HOME","FEATURES","arrayOfArrays","UTILITIES","reduce","accumulator","array","USER_FEATURES","undefined","tree","findMenuTreeWithCode","lv0","lv1","lv2","selection","item","prevSelection"],"mappings":"+CAGA,MAAMA,EAAmB,GAgBzB,SAASC,EAASC,EAAOC,EAAQC,GAC7B,IAAIC,EACJ,MAAMC,EAAc,IAAIC,IACxB,SAASC,EAAIC,GACT,GAAIC,EAAeR,EAAOO,KACtBP,EAAQO,EACJJ,GAAM,CACN,MAAMM,GAAaX,EAAiBY,OACpC,IAAK,MAAMC,KAAcP,EACrBO,EAAW,KACXb,EAAiBc,KAAKD,EAAYX,GAEtC,GAAIS,EAAW,CACX,IAAK,IAAII,EAAI,EAAGA,EAAIf,EAAiBY,OAAQG,GAAK,EAC9Cf,EAAiBe,GAAG,GAAGf,EAAiBe,EAAI,IAEhDf,EAAiBY,OAAS,CAC7B,CACJ,CAER,CAmBD,MAAO,CAAEJ,MAAKQ,OAlBd,SAAgBC,GACZT,EAAIS,EAAGf,GACV,EAgBqBgB,UAftB,SAAmBC,EAAKC,EAAahB,GACjC,MAAMS,EAAa,CAACM,EAAKC,GAMzB,OALAd,EAAYe,IAAIR,GACS,IAArBP,EAAYgB,OACZjB,EAAOF,EAAMK,IAAQJ,GAEzBe,EAAIjB,GACG,KACHI,EAAYiB,OAAOV,GACM,IAArBP,EAAYgB,MAAcjB,IAC1BA,IACAA,EAAO,KACV,CAER,EAEL,CC5Ca,MAAAmB,EAAUvB,IACvB,IAAIwB,EAEE,SAAUC,EAAkBC,GAC5BA,IACFF,EAA6B,iBAATE,EAAoBC,KAAKC,MAAMF,GAAmBA,EACtEH,EAAQhB,IAAIiB,GAEhB,OAEaK,EAAgB7B,GAAkB,GAEzC,SAAU8B,EAAcC,GACP,kBAAVA,EACTF,EAActB,IAAIwB,GAElBF,EAAcd,QAAOgB,IAAUA,GAEnC,CAEa,MAAAC,EAAkBhC,IAEzB,SAAUiC,EAAcC,GAC5B,IAAKV,EACH,OAGF,MAAMW,EAAuB,CAC3BX,EAAWY,QACRZ,EAAWa,aAiDEC,EAhDLd,EAAWe,UAiDjBD,EAAcE,QAAO,CAACC,EAAaC,IACjC,IAAID,KAAgBC,IAC1B,QAlDElB,EAAWmB,eA+ClB,IAAoBL,EA7ClB,IAAKH,EAAMxB,OACT,OAEF,IAAKuB,EAEH,YADAF,EAAgBzB,SAAIqC,GAOtB,MAAMC,EAAOC,EAAqBX,EAAOD,GACrCW,EAAKlC,OACPqB,EAAgBzB,IAAI,CAClBwC,IAAKF,EAAK,GACVG,IAAKH,EAAK,GACVI,IAAKJ,EAAK,KAGZb,EAAgBzB,SAAIqC,EAGxB,CAGA,SAASE,EAAqBX,EAAsBD,GAClD,MAAMgB,EAA2B,GACjC,IAAK,MAAMC,KAAQhB,EAAO,CACxB,GAAIgB,EAAKjB,OAASA,EAEhB,OADAgB,EAAUrC,KAAKsC,GACRD,EACF,GAAIC,EAAKhB,MAAO,CACrB,MAAMiB,EAAgBN,EAAqBK,EAAKhB,MAAOD,GACvD,GAAIkB,EAAczC,OAChB,MAAO,CACLwC,KACGC,EAGR,CACF,CAED,OAAOF,CACT"}
+{"version":3,"file":"sidebar-service-51f0ac60.js","sources":["../../node_modules/svelte/store/index.mjs","../../../src/components/sidebar/sidebar-service.ts"],"sourcesContent":["import { noop, safe_not_equal, subscribe, run_all, is_function } from '../internal/index.mjs';\nexport { get_store_value as get } from '../internal/index.mjs';\n\nconst subscriber_queue = [];\n/**\n * Creates a `Readable` store that allows reading by subscription.\n * @param value initial value\n * @param {StartStopNotifier}start start and stop notifications for subscriptions\n */\nfunction readable(value, start) {\n    return {\n        subscribe: writable(value, start).subscribe\n    };\n}\n/**\n * Create a `Writable` store that allows both updating and reading by subscription.\n * @param {*=}value initial value\n * @param {StartStopNotifier=}start start and stop notifications for subscriptions\n */\nfunction writable(value, start = noop) {\n    let stop;\n    const subscribers = new Set();\n    function set(new_value) {\n        if (safe_not_equal(value, new_value)) {\n            value = new_value;\n            if (stop) { // store is ready\n                const run_queue = !subscriber_queue.length;\n                for (const subscriber of subscribers) {\n                    subscriber[1]();\n                    subscriber_queue.push(subscriber, value);\n                }\n                if (run_queue) {\n                    for (let i = 0; i < subscriber_queue.length; i += 2) {\n                        subscriber_queue[i][0](subscriber_queue[i + 1]);\n                    }\n                    subscriber_queue.length = 0;\n                }\n            }\n        }\n    }\n    function update(fn) {\n        set(fn(value));\n    }\n    function subscribe(run, invalidate = noop) {\n        const subscriber = [run, invalidate];\n        subscribers.add(subscriber);\n        if (subscribers.size === 1) {\n            stop = start(set) || noop;\n        }\n        run(value);\n        return () => {\n            subscribers.delete(subscriber);\n            if (subscribers.size === 0 && stop) {\n                stop();\n                stop = null;\n            }\n        };\n    }\n    return { set, update, subscribe };\n}\nfunction derived(stores, fn, initial_value) {\n    const single = !Array.isArray(stores);\n    const stores_array = single\n        ? [stores]\n        : stores;\n    const auto = fn.length < 2;\n    return readable(initial_value, (set) => {\n        let started = false;\n        const values = [];\n        let pending = 0;\n        let cleanup = noop;\n        const sync = () => {\n            if (pending) {\n                return;\n            }\n            cleanup();\n            const result = fn(single ? values[0] : values, set);\n            if (auto) {\n                set(result);\n            }\n            else {\n                cleanup = is_function(result) ? result : noop;\n            }\n        };\n        const unsubscribers = stores_array.map((store, i) => subscribe(store, (value) => {\n            values[i] = value;\n            pending &= ~(1 << i);\n            if (started) {\n                sync();\n            }\n        }, () => {\n            pending |= (1 << i);\n        }));\n        started = true;\n        sync();\n        return function stop() {\n            run_all(unsubscribers);\n            cleanup();\n            // We need to set this to false because callbacks can still happen despite having unsubscribed:\n            // Callbacks might already be placed in the queue which doesn't know it should no longer\n            // invoke this derived store.\n            started = false;\n        };\n    });\n}\n/**\n * Takes a store and returns a new one derived from the old one that is readable.\n *\n * @param store - store to make readonly\n */\nfunction readonly(store) {\n    return {\n        subscribe: store.subscribe.bind(store)\n    };\n}\n\nexport { derived, readable, readonly, writable };\n",null],"names":["subscriber_queue","writable","value","start","noop","stop","subscribers","Set","set","new_value","safe_not_equal","run_queue","length","subscriber","push","i","update","fn","subscribe","run","invalidate","add","size","delete","sidebar","parsedData","updateSidebarData","data","JSON","parse","isSidebarOpen","toggleSidebar","state","selectedFeature","selectFeature","code","items","_a","FEATURES","arrayOfArrays","UTILITIES","_b","reduce","accumulator","array","_c","USER_FEATURES","HOME","undefined","tree","findMenuTreeWithCode","lv0","lv1","lv2","selection","item","prevSelection"],"mappings":"+CAGA,MAAMA,EAAmB,GAgBzB,SAASC,EAASC,EAAOC,EAAQC,GAC7B,IAAIC,EACJ,MAAMC,EAAc,IAAIC,IACxB,SAASC,EAAIC,GACT,GAAIC,EAAeR,EAAOO,KACtBP,EAAQO,EACJJ,GAAM,CACN,MAAMM,GAAaX,EAAiBY,OACpC,IAAK,MAAMC,KAAcP,EACrBO,EAAW,KACXb,EAAiBc,KAAKD,EAAYX,GAEtC,GAAIS,EAAW,CACX,IAAK,IAAII,EAAI,EAAGA,EAAIf,EAAiBY,OAAQG,GAAK,EAC9Cf,EAAiBe,GAAG,GAAGf,EAAiBe,EAAI,IAEhDf,EAAiBY,OAAS,CAC7B,CACJ,CAER,CAmBD,MAAO,CAAEJ,MAAKQ,OAlBd,SAAgBC,GACZT,EAAIS,EAAGf,GACV,EAgBqBgB,UAftB,SAAmBC,EAAKC,EAAahB,GACjC,MAAMS,EAAa,CAACM,EAAKC,GAMzB,OALAd,EAAYe,IAAIR,GACS,IAArBP,EAAYgB,OACZjB,EAAOF,EAAMK,IAAQJ,GAEzBe,EAAIjB,GACG,KACHI,EAAYiB,OAAOV,GACM,IAArBP,EAAYgB,MAAcjB,IAC1BA,IACAA,EAAO,KACV,CAER,EAEL,CC5Ca,MAAAmB,EAAUvB,IACvB,IAAIwB,EAEE,SAAUC,EAAkBC,GAC5BA,IACFF,EAA6B,iBAATE,EAAoBC,KAAKC,MAAMF,GAAmBA,EACtEH,EAAQhB,IAAIiB,GAEhB,OAEaK,EAAgB7B,GAAkB,GAEzC,SAAU8B,EAAcC,GACP,kBAAVA,EACTF,EAActB,IAAIwB,GAElBF,EAAcd,QAAOgB,IAAUA,GAEnC,CAEa,MAAAC,EAAkBhC,IAEzB,SAAUiC,EAAcC,aAC5B,IAAKV,EACH,OAIF,IAAIW,EAAuB,IACF,QAAnBC,EAAAZ,EAAWa,gBAAQ,IAAAD,EAAAA,EAAI,MACU,QAsDrBE,EAtDJd,EAAWe,UAAnBC,EAuDCF,EAAcG,QAAO,CAACC,EAAaC,IACjC,IAAID,KAAgBC,IAC1B,WAzDoC,IAAAH,EAAAA,EAAA,MACT,QAAxBI,EAAApB,EAAWqB,qBAAa,IAAAD,EAAAA,EAAI,IAqDpC,IAAoBN,EA7ClB,GANId,EAAWsB,OACbX,EAAQ,IACHA,EACHX,EAAWsB,QAGVX,EAAMxB,OACT,OAEF,IAAKuB,EAEH,YADAF,EAAgBzB,SAAIwC,GAOtB,MAAMC,EAAOC,EAAqBd,EAAOD,GACrCc,EAAKrC,OACPqB,EAAgBzB,IAAI,CAClB2C,IAAKF,EAAK,GACVG,IAAKH,EAAK,GACVI,IAAKJ,EAAK,KAGZhB,EAAgBzB,SAAIwC,EAGxB,CAGA,SAASE,EAAqBd,EAAsBD,GAClD,MAAMmB,EAA2B,GACjC,IAAK,MAAMC,KAAQnB,EAAO,CACxB,GAAImB,EAAKpB,OAASA,EAEhB,OADAmB,EAAUxC,KAAKyC,GACRD,EACF,GAAIC,EAAKnB,MAAO,CACrB,MAAMoB,EAAgBN,EAAqBK,EAAKnB,MAAOD,GACvD,GAAIqB,EAAc5C,OAChB,MAAO,CACL2C,KACGC,EAGR,CACF,CAED,OAAOF,CACT"}

package/public/components/autocomplete/Autocomplete.js

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

package/public/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 { get_current_component } 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 disabled = false;\n  export let size: TextInputSize = 'm';\n  export let isinvalid: boolean;\n  export let inputvalue: string;\n  export let id: string;\n  export let loading = false;\n  export let required = false;\n  export let items: string;\n  export let value: any;\n  export let open = false;\n  export let multiple = false;\n  export let emptysearchlabel = 'No results found';\n  export let datatextexpr = 'label';\n  export let datavalueexpr = 'value';\n  export let nosort = false;\n  export let layertitle = 'Title layer';\n  export let showmoretagslabel = 'Show more';\n  export let maxnumbertoshowtags = 12;\n  export let alltags = false;\n  export let selectall = false;\n  export let labelselectall = 'Select all';\n\n  const component: any = get_current_component();\n  const uuid = Math.random();\n  let eventHandler = new EventHandler();\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    listboxValue = multiple ? [] : '';\n    closeListBox();\n    eventHandler.dispatch('clear', true);\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 (!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    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  }\n\n  async function setTagWidth(tagValue: any) {\n    await tick();\n\n    tagWidth =\n      tag && tagValue && tagValue.length\n        ? `${\n            component.shadowRoot.querySelector('.mc-tag-removable').clientWidth\n          }px`\n        : '0px';\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>\n  <!--  TAG REMOVABLE -->\n  {#if multiple && listboxValue.length > 0 && !alltags}\n    <Tag\n      id={tagid ? tagid : `autocompleteTag-${uuid}`}\n      class=\"mc-autocomplete__tag\"\n      label={setTagLabel()}\n      size=\"s\"\n      type=\"removable\"\n      dark={false}\n      disabled={false}\n      href=\"\"\n      name=\"\"\n      value=\"\"\n      selected={false}\n      bind:this={tag}\n      on:tag-removed={clearListbox}\n    />\n  {/if}\n\n  <!-- LOADER -->\n  {#if loading}\n    <Loader size=\"s\" theme=\"primary\" text=\"\" class=\"mc-autocomplete__loader\" />\n  {/if}\n\n  <!-- TEXT INPUT -->\n  <TextInput\n    classinput=\"mc-autocomplete__trigger\"\n    name={id}\n    bind:value={localInputValue}\n    {placeholder}\n    inputtype=\"text\"\n    {isinvalid}\n    {disabled}\n    {size}\n    {required}\n    iconname=\"navigation-display-search-24px\"\n    rightalign={false}\n    isvalid={false}\n    min=\"\"\n    max=\"\"\n    on:input={onInput}\n    on:click={() => (openState = true)}\n    on:change\n    on:blur\n  />\n  {#if localInputValue != null && localInputValue != ''}\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\n  <!-- LISTBOX -->\n  <Listbox\n    items={JSON.stringify(localItems)}\n    open={openState}\n    {multiple}\n    {isfiltered}\n    {emptysearchlabel}\n    {maxwidth}\n    {datatextexpr}\n    {datavalueexpr}\n    {selectall}\n    {labelselectall}\n    bind:value={listboxValue}\n    on:change={onChange}\n    on:scrollend={onScrollEnd}\n    on:select-all={onSelectAll}\n  />\n\n  {#if multiple && alltags}\n    <div class=\"tags-selected\">\n      {#each selectedItems as selectedItem, index}\n        {#if index < maxnumbertoshowtags}\n          <div class=\"tag-selected\">\n            <m-tag\n              id={selectedItem.id}\n              label={selectedItem.label}\n              size=\"s\"\n              type=\"removable\"\n              on:tag-removed={() => removeTagSelected(selectedItem.id)}\n            />\n          </div>\n        {/if}\n      {/each}\n      {#if listboxValue.length > maxnumbertoshowtags}\n        <div class=\"tag-selected\">\n          <m-tag\n            id=\"id-tag\"\n            label=\"({listboxValue.length}) {showmoretagslabel} \"\n            size=\"s\"\n            type=\"link\"\n            on:tag-selected={() => openLayerFn()}\n          />\n        </div>\n      {/if}\n    </div>\n  {/if}\n\n  <span class=\"mc-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                <m-tag\n                  id={selectedItem.id}\n                  label={selectedItem.label}\n                  size=\"s\"\n                  type=\"removable\"\n                  on:tag-removed={() => removeTagSelected(selectedItem.id)}\n                />\n              </div>\n            {/each}\n          </div>\n        </small>\n      </m-layer>\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.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    &__tag {\n      position: absolute !important; // due to the Svelte CSS scope\n    }\n\n    &--multi {\n      .mc-autocomplete__trigger {\n        padding-left: calc(\n          2.9375rem + var(--autocomplete-tag-width)\n        ) !important;\n      }\n    }\n  }\n\n  // Selected Tags\n  .tags-selected {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  .tag-selected {\n    margin-top: 1em;\n    margin-left: 5px;\n    margin-right: 5px;\n  }\n</style>\n"],"names":["ctx","insert","target","button","anchor","length","i","create_if_block_2","div","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","append","dirty","if_block","create_if_block_3","div1","m_layer","small","div0","if_block0","create_if_block_6","create_if_block_5","if_block2","create_if_block_4","JSON","stringify","if_block3","create_if_block_1","if_block4","create_if_block","style","div_style_value","span0","span1","span2","current","maxwidth","$$props","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","component","get_current_component","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","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","watchListboxValue","shadowRoot","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","e","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 { get_current_component } 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 disabled = false;\n  export let size: TextInputSize = 'm';\n  export let isinvalid: boolean;\n  export let inputvalue: string;\n  export let id: string;\n  export let loading = false;\n  export let required = false;\n  export let items: string;\n  export let value: any;\n  export let open = false;\n  export let multiple = false;\n  export let emptysearchlabel = 'No results found';\n  export let datatextexpr = 'label';\n  export let datavalueexpr = 'value';\n  export let nosort = false;\n  export let layertitle = 'Title layer';\n  export let showmoretagslabel = 'Show more';\n  export let maxnumbertoshowtags = 12;\n  export let alltags = false;\n  export let selectall = false;\n  export let labelselectall = 'Select all';\n\n  const component: any = get_current_component();\n  const uuid = Math.random();\n  let eventHandler = new EventHandler();\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    listboxValue = multiple ? [] : '';\n    closeListBox();\n    eventHandler.dispatch('clear', true);\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 (!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    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  }\n\n  async function setTagWidth(tagValue: any) {\n    await tick();\n\n    tagWidth =\n      tag && tagValue && tagValue.length\n        ? `${\n            component.shadowRoot.querySelector('.mc-tag-removable').clientWidth\n          }px`\n        : '0px';\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>\n  <div class=\"mc-autocomplete__main\">\n    <!--  TAG REMOVABLE -->\n    {#if multiple && listboxValue.length > 0 && !alltags}\n      <Tag\n        id={tagid ? tagid : `autocompleteTag-${uuid}`}\n        class=\"mc-autocomplete__tag\"\n        label={setTagLabel()}\n        size=\"s\"\n        type=\"removable\"\n        dark={false}\n        disabled={false}\n        href=\"\"\n        name=\"\"\n        value=\"\"\n        selected={false}\n        bind:this={tag}\n        on:tag-removed={clearListbox}\n      />\n    {/if}\n\n    <!-- TEXT INPUT -->\n    <TextInput\n      classinput=\"mc-autocomplete__trigger\"\n      name={id}\n      bind:value={localInputValue}\n      {placeholder}\n      inputtype=\"text\"\n      {isinvalid}\n      {disabled}\n      {size}\n      {required}\n      iconname=\"navigation-display-search-24px\"\n      rightalign={false}\n      isvalid={false}\n      min=\"\"\n      max=\"\"\n      on:input={onInput}\n      on:click={() => (openState = true)}\n      on:change\n      on:blur\n    />\n\n    <div class=\"mc-autocomplete__tools\">\n      <!-- LOADER -->\n      {#if loading}\n        <Loader\n          size=\"s\"\n          theme=\"primary\"\n          text=\"\"\n          class=\"mc-autocomplete__loader\"\n        />\n      {/if}\n\n      <!-- CLEAR BUTTON -->\n      {#if localInputValue != null && localInputValue != ''}\n        <button\n          class=\"mc-autocomplete__clear\"\n          type=\"button\"\n          on:click|stopPropagation={() => {\n            localInputValue = '';\n            localItems = parsedItems;\n            isfiltered = false;\n            if (!multiple) {\n              clearListbox();\n            }\n          }}\n        >\n          <navigation-control-tag--cross-24px />\n          <span class=\"mc-autocomplete__clear-text\">Clear</span>\n        </button>\n      {/if}\n    </div>\n  </div>\n\n  <!-- LISTBOX -->\n  <Listbox\n    items={JSON.stringify(localItems)}\n    open={openState}\n    {multiple}\n    {isfiltered}\n    {emptysearchlabel}\n    {maxwidth}\n    {datatextexpr}\n    {datavalueexpr}\n    {selectall}\n    {labelselectall}\n    bind:value={listboxValue}\n    on:change={onChange}\n    on:scrollend={onScrollEnd}\n    on:select-all={onSelectAll}\n  />\n\n  {#if multiple && alltags}\n    <div class=\"tags-selected\">\n      {#each selectedItems as selectedItem, index}\n        {#if index < maxnumbertoshowtags}\n          <div class=\"tag-selected\">\n            <m-tag\n              id={selectedItem.id}\n              label={selectedItem.label}\n              size=\"s\"\n              type=\"removable\"\n              on:tag-removed={() => removeTagSelected(selectedItem.id)}\n            />\n          </div>\n        {/if}\n      {/each}\n      {#if listboxValue.length > maxnumbertoshowtags}\n        <div class=\"tag-selected\">\n          <m-tag\n            id=\"id-tag\"\n            label=\"({listboxValue.length}) {showmoretagslabel} \"\n            size=\"s\"\n            type=\"link\"\n            on:tag-selected={() => openLayerFn()}\n          />\n        </div>\n      {/if}\n    </div>\n  {/if}\n\n  <!-- <span class=\"mc-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                <m-tag\n                  id={selectedItem.id}\n                  label={selectedItem.label}\n                  size=\"s\"\n                  type=\"removable\"\n                  on:tag-removed={() => removeTagSelected(selectedItem.id)}\n                />\n              </div>\n            {/each}\n          </div>\n        </small>\n      </m-layer>\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.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    &__tag {\n      position: absolute !important; // due to the Svelte CSS scope\n    }\n\n    &--multi {\n      .mc-autocomplete__trigger {\n        padding-left: calc(\n          2.9375rem + var(--autocomplete-tag-width)\n        ) !important;\n      }\n    }\n  }\n\n  // Selected Tags\n  .tags-selected {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  .tag-selected {\n    margin-top: 1em;\n    margin-left: 5px;\n    margin-right: 5px;\n  }\n</style>\n"],"names":["ctx","insert","target","button","anchor","length","i","create_if_block_2","div","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","append","dirty","if_block","create_if_block_3","div1","m_layer","small","div0","if_block0","create_if_block_6","create_if_block_5","if_block2","create_if_block_4","JSON","stringify","if_block3","create_if_block_1","if_block4","create_if_block","style","div2_style_value","div2","span0","span1","current","maxwidth","$$props","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","component","get_current_component","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","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","watchListboxValue","shadowRoot","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","e","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}

package/public/components/autocomplete/Autocomplete.svelte

@@ -206,68 +206,79 @@
   on:outclick={closeListBox}
   {...attributes}
 >
-  <!--  TAG REMOVABLE -->
-  {#if multiple && listboxValue.length > 0 && !alltags}
-    <Tag
-      id={tagid ? tagid : `autocompleteTag-${uuid}`}
-      class="mc-autocomplete__tag"
-      label={setTagLabel()}
-      size="s"
-      type="removable"
-      dark={false}
-      disabled={false}
-      href=""
-      name=""
-      value=""
-      selected={false}
-      bind:this={tag}
-      on:tag-removed={clearListbox}
+  <div class="mc-autocomplete__main">
+    <!--  TAG REMOVABLE -->
+    {#if multiple && listboxValue.length > 0 && !alltags}
+      <Tag
+        id={tagid ? tagid : `autocompleteTag-${uuid}`}
+        class="mc-autocomplete__tag"
+        label={setTagLabel()}
+        size="s"
+        type="removable"
+        dark={false}
+        disabled={false}
+        href=""
+        name=""
+        value=""
+        selected={false}
+        bind:this={tag}
+        on:tag-removed={clearListbox}
+      />
+    {/if}
+
+    <!-- TEXT INPUT -->
+    <TextInput
+      classinput="mc-autocomplete__trigger"
+      name={id}
+      bind:value={localInputValue}
+      {placeholder}
+      inputtype="text"
+      {isinvalid}
+      {disabled}
+      {size}
+      {required}
+      iconname="navigation-display-search-24px"
+      rightalign={false}
+      isvalid={false}
+      min=""
+      max=""
+      on:input={onInput}
+      on:click={() => (openState = true)}
+      on:change
+      on:blur
     />
-  {/if}
 
-  <!-- LOADER -->
-  {#if loading}
-    <Loader size="s" theme="primary" text="" class="mc-autocomplete__loader" />
-  {/if}
+    <div class="mc-autocomplete__tools">
+      <!-- LOADER -->
+      {#if loading}
+        <Loader
+          size="s"
+          theme="primary"
+          text=""
+          class="mc-autocomplete__loader"
+        />
+      {/if}
 
-  <!-- TEXT INPUT -->
-  <TextInput
-    classinput="mc-autocomplete__trigger"
-    name={id}
-    bind:value={localInputValue}
-    {placeholder}
-    inputtype="text"
-    {isinvalid}
-    {disabled}
-    {size}
-    {required}
-    iconname="navigation-display-search-24px"
-    rightalign={false}
-    isvalid={false}
-    min=""
-    max=""
-    on:input={onInput}
-    on:click={() => (openState = true)}
-    on:change
-    on:blur
-  />
-  {#if localInputValue != null && localInputValue != ''}
-    <button
-      class="mc-autocomplete__clear"
-      type="button"
-      on:click|stopPropagation={() => {
-        localInputValue = '';
-        localItems = parsedItems;
-        isfiltered = false;
-        if (!multiple) {
-          clearListbox();
-        }
-      }}
-    >
-      <navigation-control-tag--cross-24px />
-      <span class="mc-autocomplete__clear-text">Clear</span>
-    </button>
-  {/if}
+      <!-- CLEAR BUTTON -->
+      {#if localInputValue != null && localInputValue != ''}
+        <button
+          class="mc-autocomplete__clear"
+          type="button"
+          on:click|stopPropagation={() => {
+            localInputValue = '';
+            localItems = parsedItems;
+            isfiltered = false;
+            if (!multiple) {
+              clearListbox();
+            }
+          }}
+        >
+          <navigation-control-tag--cross-24px />
+          <span class="mc-autocomplete__clear-text">Clear</span>
+        </button>
+      {/if}
+    </div>
+  </div>
 
   <!-- LISTBOX -->
   <Listbox
@@ -316,7 +327,7 @@
     </div>
   {/if}
 
-  <span class="mc-autocomplete__tag" style="display:none;" />
+  <!-- <span class="mc-autocomplete__tag" style="display:none;" /> -->
   <span class="mc-autocomplete__loader" style="display:none;" />
   <span class="mc-text-input mc-autocomplete__trigger" style="display:none;" />