@mozaic-ds/web-components 0.30.0-beta.0 → 0.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +26 -73
- package/package.json +1 -1
- package/public/adeo/components/autocomplete/Autocomplete.js +1 -1
- package/public/adeo/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/adeo/components/autocomplete/Autocomplete.svelte +3 -0
- package/public/adeo/components/listbox/Listbox.nested.js +1 -1
- package/public/adeo/components/listbox/Listbox.nested.js.map +1 -1
- package/public/adeo/components/listbox/Listbox.nested.svelte +19 -2
- package/public/adeo/components/textinput/Textinput.nested.js +1 -1
- package/public/adeo/components/textinput/Textinput.nested.js.map +1 -1
- package/public/adeo/components/textinput/Textinput.nested.svelte +1 -0
- package/public/adeo/utilities/stories/autocomplete/Autocomplete.stories.d.ts.map +1 -1
- package/public/bricoman/components/autocomplete/Autocomplete.js +1 -1
- package/public/bricoman/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/bricoman/components/autocomplete/Autocomplete.svelte +3 -0
- package/public/bricoman/components/listbox/Listbox.nested.js +1 -1
- package/public/bricoman/components/listbox/Listbox.nested.js.map +1 -1
- package/public/bricoman/components/listbox/Listbox.nested.svelte +19 -2
- package/public/bricoman/components/textinput/Textinput.nested.js +1 -1
- package/public/bricoman/components/textinput/Textinput.nested.js.map +1 -1
- package/public/bricoman/components/textinput/Textinput.nested.svelte +1 -0
- package/public/bricoman/utilities/stories/autocomplete/Autocomplete.stories.d.ts.map +1 -1
- package/public/components/autocomplete/Autocomplete.js +1 -1
- package/public/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/components/autocomplete/Autocomplete.svelte +3 -0
- package/public/components/listbox/Listbox.nested.js +1 -1
- package/public/components/listbox/Listbox.nested.js.map +1 -1
- package/public/components/listbox/Listbox.nested.svelte +19 -2
- package/public/components/textinput/Textinput.nested.js +1 -1
- package/public/components/textinput/Textinput.nested.js.map +1 -1
- package/public/components/textinput/Textinput.nested.svelte +1 -0
- package/public/utilities/stories/autocomplete/Autocomplete.stories.d.ts.map +1 -1
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
export let overlay: boolean;
|
|
26
26
|
export let width: string;
|
|
27
27
|
export let type = 'options';
|
|
28
|
+
export let labelautosize = false;
|
|
28
29
|
|
|
29
30
|
let eventHandler = new EventHandler(
|
|
30
31
|
get_current_component(),
|
|
@@ -112,7 +113,11 @@
|
|
|
112
113
|
</li>
|
|
113
114
|
{/if}
|
|
114
115
|
{#each parsedItems as item, index}
|
|
115
|
-
<li
|
|
116
|
+
<li
|
|
117
|
+
class="mc-listbox__tile"
|
|
118
|
+
class:is-disabled={item[datadisabledexpr]}
|
|
119
|
+
class:mc-listbox__tile--auto-size={labelautosize}
|
|
120
|
+
>
|
|
116
121
|
{#if !multiple}
|
|
117
122
|
<input
|
|
118
123
|
id={setItemId(index)}
|
|
@@ -138,7 +143,11 @@
|
|
|
138
143
|
/>
|
|
139
144
|
{/if}
|
|
140
145
|
|
|
141
|
-
<label
|
|
146
|
+
<label
|
|
147
|
+
for={setItemId(index)}
|
|
148
|
+
class="mc-listbox__label"
|
|
149
|
+
class:mc-listbox__label--no-overflow={labelautosize}
|
|
150
|
+
>
|
|
142
151
|
{item[datatextexpr]}
|
|
143
152
|
</label>
|
|
144
153
|
</li>
|
|
@@ -155,4 +164,12 @@
|
|
|
155
164
|
@import '@mozaic-ds/styles/settings-tools/all-settings';
|
|
156
165
|
@import '@mozaic-ds/styles/components/c.checkbox';
|
|
157
166
|
@import '@mozaic-ds/styles/components/c.listbox';
|
|
167
|
+
|
|
168
|
+
.mc-listbox__tile--auto-size {
|
|
169
|
+
height: auto !important;
|
|
170
|
+
min-height: 3rem;
|
|
171
|
+
}
|
|
172
|
+
.mc-listbox__label--no-overflow {
|
|
173
|
+
white-space: break-spaces;
|
|
174
|
+
}
|
|
158
175
|
</style>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{H as e,i as t,s,I as i,c as l,e as n,d as a,j as v,t as m,h as d,b as o,k as r,X as c,x as p,N as h,B as j,z as u,A as f,l as g,m as x,P as z,o as b,p as _,u as w,Y as k,Z as y,_ as $,$ as C,C as E,V as M}from"../../index-c222d0b7.js";function Y(e){i(e,"svelte-dajvs2","@charset \"UTF-8\";.mc-text-input.svelte-dajvs2.svelte-dajvs2{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;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].svelte-dajvs2.svelte-dajvs2::-webkit-inner-spin-button,.mc-text-input[type=number].svelte-dajvs2.svelte-dajvs2::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number].svelte-dajvs2.svelte-dajvs2{-moz-appearance:textfield}.mc-text-input[type=search].svelte-dajvs2.svelte-dajvs2::-webkit-search-decoration:hover,.mc-text-input[type=search].svelte-dajvs2.svelte-dajvs2::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-dajvs2.svelte-dajvs2::placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.is-valid.svelte-dajvs2.svelte-dajvs2,.mc-text-input.is-invalid.svelte-dajvs2.svelte-dajvs2{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.svelte-dajvs2.svelte-dajvs2{border-color:#46a610;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%2346a610' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-text-input.is-valid.svelte-dajvs2.svelte-dajvs2:hover,.mc-text-input.is-valid.is-hover.svelte-dajvs2.svelte-dajvs2{border-color:#035010}.mc-text-input.is-invalid.svelte-dajvs2.svelte-dajvs2{border-color:#c61112;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-text-input.is-invalid.svelte-dajvs2.svelte-dajvs2:hover,.mc-text-input.is-invalid.is-hover.svelte-dajvs2.svelte-dajvs2{border-color:#530000}.mc-text-input.is-hover.svelte-dajvs2.svelte-dajvs2,.mc-text-input.svelte-dajvs2.svelte-dajvs2:hover{border-color:#191919}.mc-text-input.is-focus.svelte-dajvs2.svelte-dajvs2,.mc-text-input.svelte-dajvs2.svelte-dajvs2: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.svelte-dajvs2.svelte-dajvs2:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#808080;cursor:not-allowed}.mc-text-input--s.svelte-dajvs2.svelte-dajvs2{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m.svelte-dajvs2.svelte-dajvs2{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m.svelte-dajvs2.svelte-dajvs2{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-m.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-m.svelte-dajvs2.svelte-dajvs2{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-m.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l.svelte-dajvs2.svelte-dajvs2{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-l.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-l.svelte-dajvs2.svelte-dajvs2{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-l.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl.svelte-dajvs2.svelte-dajvs2{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xl.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xl.svelte-dajvs2.svelte-dajvs2{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xl.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl.svelte-dajvs2.svelte-dajvs2{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xxl.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xxl.svelte-dajvs2.svelte-dajvs2{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xxl.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:1rem;line-height:1.375}}.mc-left-icon-input.svelte-dajvs2.svelte-dajvs2{position:relative}.mc-left-icon-input__icon.svelte-dajvs2.svelte-dajvs2{position:absolute;z-index:var(--input-left-icon-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.svelte-dajvs2 .mc-left-icon-input__icon.svelte-dajvs2{left:0.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input.svelte-dajvs2 .mc-left-icon-input__input.svelte-dajvs2{padding-left:2.9375rem}.mc-left-icon-input--s.svelte-dajvs2 .mc-left-icon-input__icon.svelte-dajvs2{left:0.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s.svelte-dajvs2 .mc-left-icon-input__input.svelte-dajvs2{padding-left:2.4375rem}.mc-field__label.svelte-dajvs2.svelte-dajvs2,.mc-field__legend.svelte-dajvs2.svelte-dajvs2{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend.svelte-dajvs2.svelte-dajvs2{padding-left:0;padding-right:0}.mc-field__requirement.svelte-dajvs2.svelte-dajvs2,.mc-field__help.svelte-dajvs2.svelte-dajvs2{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement.svelte-dajvs2.svelte-dajvs2::before{content:\" - \"}.mc-field__help.svelte-dajvs2.svelte-dajvs2{display:block;margin-top:0.125rem}.mc-field.svelte-dajvs2 .mc-field__input.svelte-dajvs2,.mc-field.svelte-dajvs2 .mc-field__element.svelte-dajvs2{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline.svelte-dajvs2.svelte-dajvs2,.mc-field__element--inline.svelte-dajvs2.svelte-dajvs2{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline.svelte-dajvs2 .mc-field__item.svelte-dajvs2:not(:last-child),.mc-field__element--inline.svelte-dajvs2 .mc-field__item.svelte-dajvs2:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline.svelte-dajvs2 .mc-field__item.svelte-dajvs2:not(:last-child),.mc-field__element--inline.svelte-dajvs2 .mc-field__item.svelte-dajvs2:not(:last-child){margin-right:2rem}}.mc-field__item.svelte-dajvs2.svelte-dajvs2:not(:last-child){margin-bottom:1rem}.mc-field__error-message.svelte-dajvs2.svelte-dajvs2{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group.svelte-dajvs2.svelte-dajvs2{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group.svelte-dajvs2 .mc-field__error-message.svelte-dajvs2{margin-top:0.5rem}.right-align.svelte-dajvs2.svelte-dajvs2{text-align:right}")}const A=e=>({}),B=e=>({});function H(e){let t,s=`<${q(e[7])} />`;return{c(){t=n("span"),d(t,"class","mc-left-icon-input__icon svelte-dajvs2")},m(e,i){o(e,t,i),t.innerHTML=s},p(e,i){128&i&&s!==(s=`<${q(e[7])} />`)&&(t.innerHTML=s)},d(e){e&&x(t)}}}function L(e){let t,s;const i=e[19].icon,l=k(i,e,e[18],B);return{c(){t=n("span"),l&&l.c(),d(t,"class","mc-left-icon-input__icon svelte-dajvs2")},m(e,i){o(e,t,i),l&&l.m(t,null),s=!0},p(e,t){l&&l.p&&(!s||262144&t)&&y(l,i,e,e[18],s?C(i,e[18],t,A):$(e[18]),B)},i(e){s||(j(l,e),s=!0)},o(e){u(l,e),s=!1},d(e){e&&x(t),l&&l.d(e)}}}function T(e){let t,s,i,b,_,w,k,y,$,C=e[7]&&H(e),M=e[15].icon&&L(e),Y=[{class:_=e[12](e[3],e[4],e[6],e[7])+" "+e[14].classinput},{"aria-invalid":e[4]},{name:e[1]},{id:e[1]},{placeholder:e[2]},{disabled:e[5]},{min:e[8]},{max:e[9]},e[10],{spellcheck:"false"}],A={};for(let e=0;e<Y.length;e+=1)A=l(A,Y[e]);return{c(){t=n("div"),C&&C.c(),s=a(),M&&M.c(),i=a(),b=n("input"),v(b,A),m(b,"svelte-dajvs2",!0),d(t,"class",w=(e[7]?"mc-left-icon-input":"")+" "+(e[11]?e[11]:"")+" svelte-dajvs2")},m(l,n){o(l,t,n),C&&C.m(t,null),r(t,s),M&&M.m(t,null),r(t,i),r(t,b),b.autofocus&&b.focus(),c(b,e[0]),k=!0,y||($=[p(b,"input",e[24]),h(e[13].call(null,b)),p(b,"input",e[20]),p(b,"click",e[21]),p(b,"change",e[22]),p(b,"blur",e[23])],y=!0)},p(e,[l]){e[7]?C?C.p(e,l):(C=H(e),C.c(),C.m(t,s)):C&&(C.d(1),C=null),e[15].icon?M?(M.p(e,l),32768&l&&j(M,1)):(M=L(e),M.c(),j(M,1),M.m(t,i)):M&&(E(),u(M,1,1,(()=>{M=null})),f()),v(b,A=g(Y,[(!k||16600&l&&_!==(_=e[12](e[3],e[4],e[6],e[7])+" "+e[14].classinput))&&{class:_},(!k||16&l)&&{"aria-invalid":e[4]},(!k||2&l)&&{name:e[1]},(!k||2&l)&&{id:e[1]},(!k||4&l)&&{placeholder:e[2]},(!k||32&l)&&{disabled:e[5]},(!k||256&l)&&{min:e[8]},(!k||512&l)&&{max:e[9]},1024&l&&e[10],{spellcheck:"false"}])),1&l&&b.value!==e[0]&&c(b,e[0]),m(b,"svelte-dajvs2",!0),(!k||2176&l&&w!==(w=(e[7]?"mc-left-icon-input":"")+" "+(e[11]?e[11]:"")+" svelte-dajvs2"))&&d(t,"class",w)},i(e){k||(j(M),k=!0)},o(e){u(M),k=!1},d(e){e&&x(t),C&&C.d(),M&&M.d(),y=!1,z($)}}}function q(e){return`${e}`}function V(e,t,s){let i,n;const a=["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max"];let v=b(t,a),{$$slots:m={},$$scope:d}=t;const o=_(m);let{name:r}=t,{value:c}=t,{placeholder:p}=t,{inputtype:h="text"}=t,{isvalid:j}=t,{isinvalid:u}=t,{disabled:f=!1}=t,{size:g="m"}=t,{iconname:x}=t,{rightalign:z}=t,{min:k}=t,{max:y}=t;return e.$$set=e=>{s(14,t=l(l({},t),w(e))),s(25,v=b(t,a)),"name"in e&&s(1,r=e.name),"value"in e&&s(0,c=e.value),"placeholder"in e&&s(2,p=e.placeholder),"inputtype"in e&&s(16,h=e.inputtype),"isvalid"in e&&s(3,j=e.isvalid),"isinvalid"in e&&s(4,u=e.isinvalid),"disabled"in e&&s(5,f=e.disabled),"size"in e&&s(6,g=e.size),"iconname"in e&&s(7,x=e.iconname),"rightalign"in e&&s(17,z=e.rightalign),"min"in e&&s(8,k=e.min),"max"in e&&s(9,y=e.max),"$$scope"in e&&s(18,d=e.$$scope)},e.$$.update=()=>{s(11,i=t.class),s(10,n=Object.assign({},v)),1024&e.$$.dirty&&delete n.class},t=w(t),[c,r,p,j,u,f,g,x,k,y,n,i,function(e,t,s,i){const l=["mc-text-input","mc-field__input"];return e&&l.push("is-valid"),t&&l.push("is-invalid"),"s"===s&&l.push("mc-text-input--s"),i&&l.push("mc-left-icon-input__input"),z&&l.push("right-align"),l.join(" ")},e=>{e.type=h},t,o,h,z,d,m,function(t){M.call(this,e,t)},function(t){M.call(this,e,t)},function(t){M.call(this,e,t)},function(t){M.call(this,e,t)},function(){c=this.value,s(0,c)}]}class F extends e{constructor(e){super(),t(this,e,V,T,s,{name:1,value:0,placeholder:2,inputtype:16,isvalid:3,isinvalid:4,disabled:5,size:6,iconname:7,rightalign:17,min:8,max:9},Y)}}export{F as default};
|
|
1
|
+
import{H as e,i as t,s,I as i,c as l,e as n,d as a,j as v,t as m,h as d,b as o,k as r,X as c,x as p,N as h,B as j,z as u,A as f,l as g,m as x,P as z,o as b,p as w,u as _,Y as k,Z as y,_ as $,$ as C,C as E,V as M}from"../../index-c222d0b7.js";function Y(e){i(e,"svelte-dajvs2","@charset \"UTF-8\";.mc-text-input.svelte-dajvs2.svelte-dajvs2{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;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].svelte-dajvs2.svelte-dajvs2::-webkit-inner-spin-button,.mc-text-input[type=number].svelte-dajvs2.svelte-dajvs2::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number].svelte-dajvs2.svelte-dajvs2{-moz-appearance:textfield}.mc-text-input[type=search].svelte-dajvs2.svelte-dajvs2::-webkit-search-decoration:hover,.mc-text-input[type=search].svelte-dajvs2.svelte-dajvs2::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-dajvs2.svelte-dajvs2::placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.is-valid.svelte-dajvs2.svelte-dajvs2,.mc-text-input.is-invalid.svelte-dajvs2.svelte-dajvs2{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.svelte-dajvs2.svelte-dajvs2{border-color:#46a610;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%2346a610' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-text-input.is-valid.svelte-dajvs2.svelte-dajvs2:hover,.mc-text-input.is-valid.is-hover.svelte-dajvs2.svelte-dajvs2{border-color:#035010}.mc-text-input.is-invalid.svelte-dajvs2.svelte-dajvs2{border-color:#c61112;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-text-input.is-invalid.svelte-dajvs2.svelte-dajvs2:hover,.mc-text-input.is-invalid.is-hover.svelte-dajvs2.svelte-dajvs2{border-color:#530000}.mc-text-input.is-hover.svelte-dajvs2.svelte-dajvs2,.mc-text-input.svelte-dajvs2.svelte-dajvs2:hover{border-color:#191919}.mc-text-input.is-focus.svelte-dajvs2.svelte-dajvs2,.mc-text-input.svelte-dajvs2.svelte-dajvs2: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.svelte-dajvs2.svelte-dajvs2:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#808080;cursor:not-allowed}.mc-text-input--s.svelte-dajvs2.svelte-dajvs2{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m.svelte-dajvs2.svelte-dajvs2{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m.svelte-dajvs2.svelte-dajvs2{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-m.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-m.svelte-dajvs2.svelte-dajvs2{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-m.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l.svelte-dajvs2.svelte-dajvs2{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-l.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-l.svelte-dajvs2.svelte-dajvs2{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-l.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl.svelte-dajvs2.svelte-dajvs2{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xl.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xl.svelte-dajvs2.svelte-dajvs2{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xl.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl.svelte-dajvs2.svelte-dajvs2{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xxl.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xxl.svelte-dajvs2.svelte-dajvs2{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xxl.svelte-dajvs2.svelte-dajvs2::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-dajvs2.svelte-dajvs2::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-dajvs2.svelte-dajvs2:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-dajvs2.svelte-dajvs2::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-dajvs2.svelte-dajvs2::placeholder{font-size:1rem;line-height:1.375}}.mc-left-icon-input.svelte-dajvs2.svelte-dajvs2{position:relative}.mc-left-icon-input__icon.svelte-dajvs2.svelte-dajvs2{position:absolute;z-index:var(--input-left-icon-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.svelte-dajvs2 .mc-left-icon-input__icon.svelte-dajvs2{left:0.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input.svelte-dajvs2 .mc-left-icon-input__input.svelte-dajvs2{padding-left:2.9375rem}.mc-left-icon-input--s.svelte-dajvs2 .mc-left-icon-input__icon.svelte-dajvs2{left:0.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s.svelte-dajvs2 .mc-left-icon-input__input.svelte-dajvs2{padding-left:2.4375rem}.mc-field__label.svelte-dajvs2.svelte-dajvs2,.mc-field__legend.svelte-dajvs2.svelte-dajvs2{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend.svelte-dajvs2.svelte-dajvs2{padding-left:0;padding-right:0}.mc-field__requirement.svelte-dajvs2.svelte-dajvs2,.mc-field__help.svelte-dajvs2.svelte-dajvs2{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement.svelte-dajvs2.svelte-dajvs2::before{content:\" - \"}.mc-field__help.svelte-dajvs2.svelte-dajvs2{display:block;margin-top:0.125rem}.mc-field.svelte-dajvs2 .mc-field__input.svelte-dajvs2,.mc-field.svelte-dajvs2 .mc-field__element.svelte-dajvs2{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline.svelte-dajvs2.svelte-dajvs2,.mc-field__element--inline.svelte-dajvs2.svelte-dajvs2{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline.svelte-dajvs2 .mc-field__item.svelte-dajvs2:not(:last-child),.mc-field__element--inline.svelte-dajvs2 .mc-field__item.svelte-dajvs2:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline.svelte-dajvs2 .mc-field__item.svelte-dajvs2:not(:last-child),.mc-field__element--inline.svelte-dajvs2 .mc-field__item.svelte-dajvs2:not(:last-child){margin-right:2rem}}.mc-field__item.svelte-dajvs2.svelte-dajvs2:not(:last-child){margin-bottom:1rem}.mc-field__error-message.svelte-dajvs2.svelte-dajvs2{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group.svelte-dajvs2.svelte-dajvs2{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group.svelte-dajvs2 .mc-field__error-message.svelte-dajvs2{margin-top:0.5rem}.right-align.svelte-dajvs2.svelte-dajvs2{text-align:right}")}const A=e=>({}),B=e=>({});function H(e){let t,s=`<${q(e[7])} />`;return{c(){t=n("span"),d(t,"class","mc-left-icon-input__icon svelte-dajvs2")},m(e,i){o(e,t,i),t.innerHTML=s},p(e,i){128&i&&s!==(s=`<${q(e[7])} />`)&&(t.innerHTML=s)},d(e){e&&x(t)}}}function L(e){let t,s;const i=e[19].icon,l=k(i,e,e[18],B);return{c(){t=n("span"),l&&l.c(),d(t,"class","mc-left-icon-input__icon svelte-dajvs2")},m(e,i){o(e,t,i),l&&l.m(t,null),s=!0},p(e,t){l&&l.p&&(!s||262144&t)&&y(l,i,e,e[18],s?C(i,e[18],t,A):$(e[18]),B)},i(e){s||(j(l,e),s=!0)},o(e){u(l,e),s=!1},d(e){e&&x(t),l&&l.d(e)}}}function T(e){let t,s,i,b,w,_,k,y,$,C=e[7]&&H(e),M=e[15].icon&&L(e),Y=[{class:w=e[12](e[3],e[4],e[6],e[7])+" "+e[14].classinput},{"aria-invalid":e[4]},{name:e[1]},{id:e[1]},{placeholder:e[2]},{disabled:e[5]},{min:e[8]},{max:e[9]},e[10],{spellcheck:"false"}],A={};for(let e=0;e<Y.length;e+=1)A=l(A,Y[e]);return{c(){t=n("div"),C&&C.c(),s=a(),M&&M.c(),i=a(),b=n("input"),v(b,A),m(b,"svelte-dajvs2",!0),d(t,"class",_=(e[7]?"mc-left-icon-input":"")+" "+(e[11]?e[11]:"")+" svelte-dajvs2")},m(l,n){o(l,t,n),C&&C.m(t,null),r(t,s),M&&M.m(t,null),r(t,i),r(t,b),b.autofocus&&b.focus(),c(b,e[0]),k=!0,y||($=[p(b,"input",e[25]),h(e[13].call(null,b)),p(b,"input",e[20]),p(b,"click",e[21]),p(b,"change",e[22]),p(b,"blur",e[23]),p(b,"keydown",e[24])],y=!0)},p(e,[l]){e[7]?C?C.p(e,l):(C=H(e),C.c(),C.m(t,s)):C&&(C.d(1),C=null),e[15].icon?M?(M.p(e,l),32768&l&&j(M,1)):(M=L(e),M.c(),j(M,1),M.m(t,i)):M&&(E(),u(M,1,1,(()=>{M=null})),f()),v(b,A=g(Y,[(!k||16600&l&&w!==(w=e[12](e[3],e[4],e[6],e[7])+" "+e[14].classinput))&&{class:w},(!k||16&l)&&{"aria-invalid":e[4]},(!k||2&l)&&{name:e[1]},(!k||2&l)&&{id:e[1]},(!k||4&l)&&{placeholder:e[2]},(!k||32&l)&&{disabled:e[5]},(!k||256&l)&&{min:e[8]},(!k||512&l)&&{max:e[9]},1024&l&&e[10],{spellcheck:"false"}])),1&l&&b.value!==e[0]&&c(b,e[0]),m(b,"svelte-dajvs2",!0),(!k||2176&l&&_!==(_=(e[7]?"mc-left-icon-input":"")+" "+(e[11]?e[11]:"")+" svelte-dajvs2"))&&d(t,"class",_)},i(e){k||(j(M),k=!0)},o(e){u(M),k=!1},d(e){e&&x(t),C&&C.d(),M&&M.d(),y=!1,z($)}}}function q(e){return`${e}`}function V(e,t,s){let i,n;const a=["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max"];let v=b(t,a),{$$slots:m={},$$scope:d}=t;const o=w(m);let{name:r}=t,{value:c}=t,{placeholder:p}=t,{inputtype:h="text"}=t,{isvalid:j}=t,{isinvalid:u}=t,{disabled:f=!1}=t,{size:g="m"}=t,{iconname:x}=t,{rightalign:z}=t,{min:k}=t,{max:y}=t;return e.$$set=e=>{s(14,t=l(l({},t),_(e))),s(26,v=b(t,a)),"name"in e&&s(1,r=e.name),"value"in e&&s(0,c=e.value),"placeholder"in e&&s(2,p=e.placeholder),"inputtype"in e&&s(16,h=e.inputtype),"isvalid"in e&&s(3,j=e.isvalid),"isinvalid"in e&&s(4,u=e.isinvalid),"disabled"in e&&s(5,f=e.disabled),"size"in e&&s(6,g=e.size),"iconname"in e&&s(7,x=e.iconname),"rightalign"in e&&s(17,z=e.rightalign),"min"in e&&s(8,k=e.min),"max"in e&&s(9,y=e.max),"$$scope"in e&&s(18,d=e.$$scope)},e.$$.update=()=>{s(11,i=t.class),s(10,n=Object.assign({},v)),1024&e.$$.dirty&&delete n.class},t=_(t),[c,r,p,j,u,f,g,x,k,y,n,i,function(e,t,s,i){const l=["mc-text-input","mc-field__input"];return e&&l.push("is-valid"),t&&l.push("is-invalid"),"s"===s&&l.push("mc-text-input--s"),i&&l.push("mc-left-icon-input__input"),z&&l.push("right-align"),l.join(" ")},e=>{e.type=h},t,o,h,z,d,m,function(t){M.call(this,e,t)},function(t){M.call(this,e,t)},function(t){M.call(this,e,t)},function(t){M.call(this,e,t)},function(t){M.call(this,e,t)},function(){c=this.value,s(0,c)}]}class F extends e{constructor(e){super(),t(this,e,V,T,s,{name:1,value:0,placeholder:2,inputtype:16,isvalid:3,isinvalid:4,disabled:5,size:6,iconname:7,rightalign:17,min:8,max:9},Y)}}export{F as default};
|
|
2
2
|
//# sourceMappingURL=Textinput.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textinput.nested.js","sources":["../../../../src/components/textinput/Textinput.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\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\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\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</script>\n\n<div\n class=\"{iconname ? 'mc-left-icon-input' : ''} {userClass ? userClass : ''}\"\n>\n {#if iconname}\n <span class=\"mc-left-icon-input__icon\">\n {@html `<${generateIconName(iconname)} />`}\n </span>\n {/if}\n {#if $$slots.icon}\n <span class=\"mc-left-icon-input__icon\">\n <slot name=\"icon\" />\n </span>\n {/if}\n <input\n bind:value\n use:setType\n class=\"{getClasses(\n isvalid,\n isinvalid,\n size,\n iconname,\n )} {$$props.classinput}\"\n aria-invalid={isinvalid}\n {name}\n id={name}\n {placeholder}\n {disabled}\n {min}\n {max}\n {...attributes}\n spellcheck=\"false\"\n on:input\n on:click\n on:change\n on:blur\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_1","if_block1","icon","create_if_block","classinput","div","append","input","class","input_class_value","iconName","name","$$props","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","$$invalidate","userClass","attributes","Object","assign","$$restProps","isValid","isInvalid","classes","push","join","node","type"],"mappings":"kybAoEiBA,EAAA,IAAAC,EAAiBC,EAAQ,8FADtCC,EAEMC,EAAAC,EAAAC,yBADO,IAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAG,EAAAG,UAAAR,2KAItCG,EAEMC,EAAAC,EAAAC,2MARHJ,EAAQ,IAAAO,EAAAP,GAKRQ,EAAAR,MAAQS,MAAIC,EAAAV,eAQPA,EAAU,IAChBA,EAAO,GACPA,EAAS,GACTA,EAAI,GACJA,EAAQ,IAAA,IACNA,EAAO,IAACW,4BACEX,EAAS,oBAEnBA,EAAI,6DAKJA,EAAU,sLA5BRA,EAAQ,GAAG,qBAAuB,SAAKA,EAAS,IAAGA,EAAS,IAAG,IAAE,0BAD3EC,
|
|
1
|
+
{"version":3,"file":"Textinput.nested.js","sources":["../../../../src/components/textinput/Textinput.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\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\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\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</script>\n\n<div\n class=\"{iconname ? 'mc-left-icon-input' : ''} {userClass ? userClass : ''}\"\n>\n {#if iconname}\n <span class=\"mc-left-icon-input__icon\">\n {@html `<${generateIconName(iconname)} />`}\n </span>\n {/if}\n {#if $$slots.icon}\n <span class=\"mc-left-icon-input__icon\">\n <slot name=\"icon\" />\n </span>\n {/if}\n <input\n bind:value\n use:setType\n class=\"{getClasses(\n isvalid,\n isinvalid,\n size,\n iconname,\n )} {$$props.classinput}\"\n aria-invalid={isinvalid}\n {name}\n id={name}\n {placeholder}\n {disabled}\n {min}\n {max}\n {...attributes}\n spellcheck=\"false\"\n on:input\n on:click\n on:change\n on:blur\n on:keydown\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_1","if_block1","icon","create_if_block","classinput","div","append","input","class","input_class_value","iconName","name","$$props","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","$$invalidate","userClass","attributes","Object","assign","$$restProps","isValid","isInvalid","classes","push","join","node","type"],"mappings":"kybAoEiBA,EAAA,IAAAC,EAAiBC,EAAQ,8FADtCC,EAEMC,EAAAC,EAAAC,yBADO,IAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAG,EAAAG,UAAAR,2KAItCG,EAEMC,EAAAC,EAAAC,2MARHJ,EAAQ,IAAAO,EAAAP,GAKRQ,EAAAR,MAAQS,MAAIC,EAAAV,eAQPA,EAAU,IAChBA,EAAO,GACPA,EAAS,GACTA,EAAI,GACJA,EAAQ,IAAA,IACNA,EAAO,IAACW,4BACEX,EAAS,oBAEnBA,EAAI,6DAKJA,EAAU,sLA5BRA,EAAQ,GAAG,qBAAuB,SAAKA,EAAS,IAAGA,EAAS,IAAG,IAAE,0BAD3EC,EAqCKC,EAAAU,EAAAR,+CAxBHS,EAuBCD,EAAAE,2MAjCId,EAAQ,yDAKRA,MAAQS,sIAQHT,EAAU,IAChBA,EAAO,GACPA,EAAS,GACTA,EAAI,GACJA,EAAQ,IAAA,IACNA,EAAO,IAACW,cAAU,CAAAI,MAAAC,+BACRhB,EAAS,0CAEnBA,EAAI,sHAKJA,EAAU,wGA5BRA,EAAQ,GAAG,qBAAuB,SAAKA,EAAS,IAAGA,EAAS,IAAG,IAAE,oHA1ChE,SAAAD,EAAiBkB,YACdA,2NAlBDC,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,2eAEnBY,EAAA,GAAAC,EAAYb,EAAQJ,YACpBkB,EAALC,OAAAC,UAAuBC,4BACXH,EAAWlB,uCAMZ,SACPsB,EACAC,EACAZ,EACAC,SAEMY,EAAO,CAAI,gBAAiB,0BAE9BF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGF,MAATd,GACFa,EAAQC,KAAK,oBAGXb,GACFY,EAAQC,KAAK,6BAGXZ,GACFW,EAAQC,KAAK,eAGRD,EAAQE,KAAK,MAGLC,IAEfA,EAAKC,KAAOrB,CAAS"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/autocomplete/Autocomplete.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;;AASnD,wBAmLU;
|
|
1
|
+
{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/autocomplete/Autocomplete.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;;AASnD,wBAmLU;AA8HV,eAAO,MAAM,OAAO,wCAAoB,CAAC;AAMzC,eAAO,MAAM,gBAAgB,wCAAoB,CAAC;AAMlD,eAAO,MAAM,cAAc,wCAAoB,CAAC;AAUhD,eAAO,MAAM,uBAAuB,wCAAoB,CAAC;AASzD,eAAO,MAAM,yBAAyB,wCAAoB,CAAC;AAS3D,eAAO,MAAM,YAAY,wCAAoB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a as l,b as a,f as i,s,K as n,L as o,c as r,e as c,d,E as u,n as m,h as p,M as h,j as g,t as $,k as f,F as x,N as b,x as v,B as w,z as y,A as _,O as k,l as z,m as q,G as j,P as S,o as C,q as N,r as O,u as T,Q as E,C as J,R as L,T as M,D as R,U,V as Y}from"../../index-c222d0b7.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as B}from"../../ClickOutside-63071e7a.js";import H from"../tag/Tag.nested.js";import D from"../loader/Loader.nested.js";import F from"../textinput/Textinput.nested.js";import G from"../listbox/Listbox.nested.js";function K(e,t,l){const a=e.slice();return a[74]=t[l],a}function P(e,t,l){const a=e.slice();return a[74]=t[l],a[78]=l,a}function Q(e){let t,l,i,s={id:e[1]?e[1]:`autocompleteTag-${e[33]}`,label:e[32](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return l=new H({props:s}),e[52](l),l.$on("tag-removed",e[34]),{c(){t=c("div"),u(l.$$.fragment),p(t,"class","mc-autocomplete__tag")},m(e,s){a(e,t,s),x(l,t,null),i=!0},p(e,t){const a={};2&t[0]&&(a.id=e[1]?e[1]:`autocompleteTag-${e[33]}`),2&t[1]&&(a.label=e[32]()),l.$set(a)},i(e){i||(w(l.$$.fragment,e),i=!0)},o(e){y(l.$$.fragment,e),i=!1},d(a){a&&q(t),e[52](null),j(l)}}}function V(e){let t,l;return t=new D({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(t.$$.fragment)},m(e,a){x(t,e,a),l=!0},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(e){j(t,e)}}}function W(e){let t,l,i;return{c(){t=c("button"),t.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n <span class="mc-autocomplete__clear-text">Clear</span>',p(t,"class","mc-autocomplete__clear"),p(t,"type","button")},m(s,n){a(s,t,n),l||(i=v(t,"click",E(e[57])),l=!0)},p:m,d(e){e&&q(t),l=!1,i()}}}function I(e){let t,l,a;function i(t){e[58](t)}let s={items:JSON.stringify(e[31]),name:e[7],multiple:e[10],isfiltered:e[27],emptysearchlabel:e[11],maxwidth:e[0],datatextexpr:e[12],datavalueexpr:e[13],selectall:e[18],labelselectall:e[19],overlay:!0,width:e[0]};return void 0!==e[20]&&(s.value=e[20]),t=new G({props:s}),n.push((()=>o(t,"value",i))),t.$on("change",e[36]),t.$on("scrollend",e[40]),t.$on("select-all",e[41]),{c(){u(t.$$.fragment)},m(e,l){x(t,e,l),a=!0},p(e,a){const i={};1&a[1]&&(i.items=JSON.stringify(e[31])),128&a[0]&&(i.name=e[7]),1024&a[0]&&(i.multiple=e[10]),134217728&a[0]&&(i.isfiltered=e[27]),2048&a[0]&&(i.emptysearchlabel=e[11]),1&a[0]&&(i.maxwidth=e[0]),4096&a[0]&&(i.datatextexpr=e[12]),8192&a[0]&&(i.datavalueexpr=e[13]),262144&a[0]&&(i.selectall=e[18]),524288&a[0]&&(i.labelselectall=e[19]),1&a[0]&&(i.width=e[0]),!l&&1048576&a[0]&&(l=!0,i.value=e[20],k((()=>l=!1))),t.$set(i)},i(e){a||(w(t.$$.fragment,e),a=!0)},o(e){y(t.$$.fragment,e),a=!1},d(e){j(t,e)}}}function X(e){let t,l,i,s=e[28],n=[];for(let t=0;t<s.length;t+=1)n[t]=le(P(e,s,t));const o=e=>y(n[e],1,1,(()=>{n[e]=null}));let r=e[20].length>e[16]&&ae(e);return{c(){t=c("div");for(let e=0;e<n.length;e+=1)n[e].c();l=d(),r&&r.c(),p(t,"class","tags-selected")},m(e,s){a(e,t,s);for(let e=0;e<n.length;e+=1)n[e]&&n[e].m(t,null);f(t,l),r&&r.m(t,null),i=!0},p(e,a){if(302055432&a[0]|2048&a[1]){let i;for(s=e[28],i=0;i<s.length;i+=1){const o=P(e,s,i);n[i]?(n[i].p(o,a),w(n[i],1)):(n[i]=le(o),n[i].c(),w(n[i],1),n[i].m(t,l))}for(J(),i=s.length;i<n.length;i+=1)o(i);_()}e[20].length>e[16]?r?(r.p(e,a),1114112&a[0]&&w(r,1)):(r=ae(e),r.c(),w(r,1),r.m(t,null)):r&&(J(),y(r,1,1,(()=>{r=null})),_())},i(e){if(!i){for(let e=0;e<s.length;e+=1)w(n[e]);w(r),i=!0}},o(e){n=n.filter(Boolean);for(let e=0;e<n.length;e+=1)y(n[e]);y(r),i=!1},d(e){e&&q(t),L(n,e),r&&r.d()}}}function Z(e){let t,l,i,s;const n=[te,ee],o=[];function r(e,t){return e[3]?0:1}return l=r(e),i=o[l]=n[l](e),{c(){t=c("div"),i.c(),p(t,"class","tag-selected")},m(e,i){a(e,t,i),o[l].m(t,null),s=!0},p(e,a){let s=l;l=r(e),l===s?o[l].p(e,a):(J(),y(o[s],1,1,(()=>{o[s]=null})),_(),i=o[l],i?i.p(e,a):(i=o[l]=n[l](e),i.c()),w(i,1),i.m(t,null))},i(e){s||(w(i),s=!0)},o(e){y(i),s=!1},d(e){e&&q(t),o[l].d()}}}function ee(e){let t,l;let a={id:e[74].id||"",label:e[74].label,size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return t=new H({props:a}),e[59](t),t.$on("tag-removed",(function(){return e[60](e[74])})),{c(){u(t.$$.fragment)},m(e,a){x(t,e,a),l=!0},p(l,a){e=l;const i={};268435456&a[0]&&(i.id=e[74].id||""),268435456&a[0]&&(i.label=e[74].label),t.$set(i)},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(l){e[59](null),j(t,l)}}}function te(e){let t,l;return t=new H({props:{id:e[74].id||"",label:e[74].label,size:"s",type:"link",dark:!0,disabled:!1,href:"",name:"",value:"",selected:!1}}),{c(){u(t.$$.fragment)},m(e,a){x(t,e,a),l=!0},p(e,l){const a={};268435456&l[0]&&(a.id=e[74].id||""),268435456&l[0]&&(a.label=e[74].label),t.$set(a)},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(e){j(t,e)}}}function le(e){let t,l,i=e[78]<e[16]&&Z(e);return{c(){i&&i.c(),t=M()},m(e,s){i&&i.m(e,s),a(e,t,s),l=!0},p(e,l){e[78]<e[16]?i?(i.p(e,l),65536&l[0]&&w(i,1)):(i=Z(e),i.c(),w(i,1),i.m(t.parentNode,t)):i&&(J(),y(i,1,1,(()=>{i=null})),_())},i(e){l||(w(i),l=!0)},o(e){y(i),l=!1},d(e){i&&i.d(e),e&&q(t)}}}function ae(e){let t,l,i,s,n;return l=new H({props:{id:"id-tag",label:"("+e[20].length+") "+e[15]+" ",size:"s",type:"link",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1}}),{c(){t=c("div"),u(l.$$.fragment),p(t,"class","tag-selected")},m(o,r){a(o,t,r),x(l,t,null),i=!0,s||(n=v(t,"click",e[61]),s=!0)},p(e,t){const a={};1081344&t[0]&&(a.label="("+e[20].length+") "+e[15]+" "),l.$set(a)},i(e){i||(w(l.$$.fragment,e),i=!0)},o(e){y(l.$$.fragment,e),i=!1},d(e){e&&q(t),j(l),s=!1,n()}}}function ie(e){let t,l,i,s,n,o,r=e[28],d=[];for(let t=0;t<r.length;t+=1)d[t]=oe(K(e,r,t));return{c(){t=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let e=0;e<d.length;e+=1)d[e].c();p(s,"class","tags-selected"),p(i,"slot","content"),R(l,"title",e[14]),R(l,"layertitletag","h3"),R(l,"isopen",e[29])},m(r,c){a(r,t,c),f(t,l),f(l,i),f(i,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);n||(o=v(l,"layer-closed",e[63]),n=!0)},p(e,t){if(268435464&t[0]|2048&t[1]){let l;for(r=e[28],l=0;l<r.length;l+=1){const a=K(e,r,l);d[l]?d[l].p(a,t):(d[l]=oe(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}16384&t[0]&&R(l,"title",e[14]),536870912&t[0]&&R(l,"isopen",e[29])},d(e){e&&q(t),L(d,e),n=!1,o()}}}function se(e){let t,l,i,s,n;function o(){return e[62](e[74])}return{c(){t=c("m-tag"),R(t,"id",l=e[74].id),R(t,"label",i=e[74].label),R(t,"size","s"),R(t,"type","removable")},m(e,l){a(e,t,l),s||(n=v(t,"tag-removed",o),s=!0)},p(a,s){e=a,268435456&s[0]&&l!==(l=e[74].id)&&R(t,"id",l),268435456&s[0]&&i!==(i=e[74].label)&&R(t,"label",i)},d(e){e&&q(t),s=!1,n()}}}function ne(e){let t,l,i;return{c(){t=c("m-tag"),R(t,"type","text"),R(t,"id",l=e[74].id),R(t,"label",i=e[74].label),R(t,"size","s")},m(e,l){a(e,t,l)},p(e,a){268435456&a[0]&&l!==(l=e[74].id)&&R(t,"id",l),268435456&a[0]&&i!==(i=e[74].label)&&R(t,"label",i)},d(e){e&&q(t)}}}function oe(e){let t,l;function i(e,t){return e[3]?ne:se}let s=i(e),n=s(e);return{c(){t=c("div"),n.c(),l=d(),p(t,"class","tag-selected")},m(e,i){a(e,t,i),n.m(t,null),f(t,l)},p(e,a){s===(s=i(e))&&n?n.p(e,a):(n.d(1),n=s(e),n&&(n.c(),n.m(t,l)))},d(e){e&&q(t),n.d()}}}function re(e){let t,l,i,s,C,N,O,T,E,L,M,R,U,Y,A,H,D,G,K,P=e[10]&&e[20].length>0&&!e[17]&&Q(e);function Z(t){e[53](t)}let ee={classinput:"mc-autocomplete__trigger",style:"padding-left: calc(2.9375rem + var(--autocomplete-tag-width))",name:e[6],placeholder:e[2],inputtype:"text",isinvalid:e[5],disabled:e[3],size:e[4],required:e[9],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==e[30]&&(ee.value=e[30]),s=new F({props:ee}),n.push((()=>o(s,"value",Z))),s.$on("input",e[39]),s.$on("click",e[54]),s.$on("change",e[55]),s.$on("blur",e[56]);let te=e[8]&&V(),le=null!=e[30]&&""!=e[30]&&!e[3]&&W(e),ae=e[22]&&I(e),se=e[10]&&e[17]&&X(e),ne=e[10]&&e[17]&&ie(e),oe=[{class:"mc-autocomplete"},{style:H="--autocomplete-tag-width: "+e[26]+"; --autocomplete-width: "+e[0]+";"},e[23]],re={};for(let e=0;e<oe.length;e+=1)re=r(re,oe[e]);return{c(){t=c("div"),l=c("div"),P&&P.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),te&&te.c(),T=d(),le&&le.c(),E=d(),ae&&ae.c(),L=d(),se&&se.c(),M=d(),R=c("span"),U=d(),Y=c("span"),A=d(),ne&&ne.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(R,"class","mc-autocomplete__loader"),h(R,"display","none"),p(Y,"class","mc-text-input mc-autocomplete__trigger"),h(Y,"display","none"),g(t,re),$(t,"mc-autocomplete--multi",e[10])},m(n,o){a(n,t,o),f(t,l),P&&P.m(l,null),f(l,i),x(s,l,null),f(l,N),f(l,O),te&&te.m(O,null),f(O,T),le&&le.m(O,null),f(t,E),ae&&ae.m(t,null),f(t,L),se&&se.m(t,null),f(t,M),f(t,R),f(t,U),f(t,Y),f(t,A),ne&&ne.m(t,null),e[64](t),D=!0,G||(K=[b(B.call(null,t)),v(t,"outclick",e[35])],G=!0)},p(e,a){e[10]&&e[20].length>0&&!e[17]?P?(P.p(e,a),1180672&a[0]&&w(P,1)):(P=Q(e),P.c(),w(P,1),P.m(l,i)):P&&(J(),y(P,1,1,(()=>{P=null})),_());const n={};64&a[0]&&(n.name=e[6]),4&a[0]&&(n.placeholder=e[2]),32&a[0]&&(n.isinvalid=e[5]),8&a[0]&&(n.disabled=e[3]),16&a[0]&&(n.size=e[4]),512&a[0]&&(n.required=e[9]),!C&&1073741824&a[0]&&(C=!0,n.value=e[30],k((()=>C=!1))),s.$set(n),e[8]?te?256&a[0]&&w(te,1):(te=V(),te.c(),w(te,1),te.m(O,T)):te&&(J(),y(te,1,1,(()=>{te=null})),_()),null==e[30]||""==e[30]||e[3]?le&&(le.d(1),le=null):le?le.p(e,a):(le=W(e),le.c(),le.m(O,null)),e[22]?ae?(ae.p(e,a),4194304&a[0]&&w(ae,1)):(ae=I(e),ae.c(),w(ae,1),ae.m(t,L)):ae&&(J(),y(ae,1,1,(()=>{ae=null})),_()),e[10]&&e[17]?se?(se.p(e,a),132096&a[0]&&w(se,1)):(se=X(e),se.c(),w(se,1),se.m(t,M)):se&&(J(),y(se,1,1,(()=>{se=null})),_()),e[10]&&e[17]?ne?ne.p(e,a):(ne=ie(e),ne.c(),ne.m(t,null)):ne&&(ne.d(1),ne=null),g(t,re=z(oe,[{class:"mc-autocomplete"},(!D||67108865&a[0]&&H!==(H="--autocomplete-tag-width: "+e[26]+"; --autocomplete-width: "+e[0]+";"))&&{style:H},8388608&a[0]&&e[23]])),$(t,"mc-autocomplete--multi",e[10])},i(e){D||(w(P),w(s.$$.fragment,e),w(te),w(ae),w(se),D=!0)},o(e){y(P),y(s.$$.fragment,e),y(te),y(ae),y(se),D=!1},d(l){l&&q(t),P&&P.d(),j(s),te&&te.d(),le&&le.d(),ae&&ae.d(),se&&se.d(),ne&&ne.d(),e[64](null),G=!1,S(K)}}}function ce(e,t,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p,h=C(t,m),{maxwidth:g="100%"}=t,{tagid:$}=t,{taglabel:f=""}=t,{placeholder:x}=t,{filter:b=!0}=t,{nofilter:v=!1}=t,{disabled:w=!1}=t,{size:y="m"}=t,{isinvalid:_}=t,{inputvalue:k}=t,{id:z}=t,{name:q}=t,{loading:j=!1}=t,{required:S=!1}=t,{items:E}=t,{value:J}=t,{open:L=!1}=t,{multiple:M=!1}=t,{emptysearchlabel:R="No results found"}=t,{datatextexpr:B="label"}=t,{datavalueexpr:H="value"}=t,{nosort:D=!1}=t,{layertitle:F="Title layer"}=t,{showmoretagslabel:G="Show more"}=t,{maxnumbertoshowtags:K=12}=t,{alltags:P=!1}=t,{selectall:Q=!1}=t,{labelselectall:V="Select all"}=t;const W=Math.random();let I,X,Z,ee=new A(N(),O()),te="0px",le=!1,ae=[],ie=null;function se(){w||(l(20,o=M?[]:""),ne(),ee.dispatch("clear",!0))}function ne(){l(22,d=!1),M&&!D?function(){Z=i;const e=oe();Z.sort(((t,l)=>{const a=e.includes(t),i=e.includes(l);return a===i?t[H]-l[H]:a<i?1:-1})),l(31,s=Z)}():l(31,s=i)}function oe(e){const t=e||o;return i.filter((e=>M?t.includes(e[H]):t===e[H]))}function re(){l(29,ie=!0)}function ce(){l(29,ie=null)}function de(e){l(20,o=o.filter((t=>t!==e))),ee.dispatch("onchange",o)}return e.$$set=e=>{t=r(r({},t),T(e)),l(73,h=C(t,m)),"maxwidth"in e&&l(0,g=e.maxwidth),"tagid"in e&&l(1,$=e.tagid),"taglabel"in e&&l(43,f=e.taglabel),"placeholder"in e&&l(2,x=e.placeholder),"filter"in e&&l(44,b=e.filter),"nofilter"in e&&l(45,v=e.nofilter),"disabled"in e&&l(3,w=e.disabled),"size"in e&&l(4,y=e.size),"isinvalid"in e&&l(5,_=e.isinvalid),"inputvalue"in e&&l(46,k=e.inputvalue),"id"in e&&l(6,z=e.id),"name"in e&&l(7,q=e.name),"loading"in e&&l(8,j=e.loading),"required"in e&&l(9,S=e.required),"items"in e&&l(47,E=e.items),"value"in e&&l(48,J=e.value),"open"in e&&l(49,L=e.open),"multiple"in e&&l(10,M=e.multiple),"emptysearchlabel"in e&&l(11,R=e.emptysearchlabel),"datatextexpr"in e&&l(12,B=e.datatextexpr),"datavalueexpr"in e&&l(13,H=e.datavalueexpr),"nosort"in e&&l(50,D=e.nosort),"layertitle"in e&&l(14,F=e.layertitle),"showmoretagslabel"in e&&l(15,G=e.showmoretagslabel),"maxnumbertoshowtags"in e&&l(16,K=e.maxnumbertoshowtags),"alltags"in e&&l(17,P=e.alltags),"selectall"in e&&l(18,Q=e.selectall),"labelselectall"in e&&l(19,V=e.labelselectall)},e.$$.update=()=>{if(32768&e.$$.dirty[1]&&l(30,a=k),65536&e.$$.dirty[1]&&l(21,i=E?JSON.parse(E):[]),2097152&e.$$.dirty[0]&&l(31,s=i),1024&e.$$.dirty[0]|131072&e.$$.dirty[1]&&l(20,o=!J&&M?[]:J?JSON.parse(J):J),1048576&e.$$.dirty[0]|4096&e.$$.dirty[1]&&l(32,c=()=>o.length.toString()+" "+f),1048576&e.$$.dirty[0]&&async function(e){try{if(await U(),l(28,ae=oe(e)),M)l(51,X=e);else{const e=ae.map((e=>e[B]));l(30,a=e.join(", "))}}catch(e){console.error(e)}}(o),1048576&e.$$.dirty[1]&&async function(e){var t;try{await U(),l(26,te=I&&e&&e.length?`${null===(t=null==p?void 0:p.querySelector(".mc-tag-removable"))||void 0===t?void 0:t.clientWidth}px`:"0px")}catch(e){console.error(e)}}(X),262144&e.$$.dirty[1]&&l(22,d=L),4194304&e.$$.dirty[0]){const e=d?"open":"close";ee.dispatch(e,d)}l(23,u=Object.assign({},h)),8388608&e.$$.dirty[0]&&delete u.class},[g,$,x,w,y,_,z,q,j,S,M,R,B,H,F,G,K,P,Q,V,o,i,d,u,p,I,te,le,ae,ie,a,s,c,W,se,ne,function(){ee.dispatch("onchange",o),M||ne()},re,ce,function(e){const t=e.target.value;!function(e){ee.dispatch("oninput",e)}(t),function(e){!v&&b&&(e.length?l(31,s=i.filter((t=>t[B].toUpperCase().includes(e.toUpperCase())))):l(31,s=i),l(27,le=!s.length),ee.dispatch("onfilter",s))}(t)},function(){ee.dispatch("scrollend",!0)},function(e){ee.dispatch("select-all",e.detail)},de,f,b,v,k,E,J,L,D,X,function(e){n[e?"unshift":"push"]((()=>{I=e,l(25,I)}))},function(e){a=e,l(30,a),l(46,k)},()=>l(22,d=!0),function(t){Y.call(this,e,t)},function(t){Y.call(this,e,t)},()=>{l(30,a=""),l(31,s=i),l(27,le=!1),M||se()},function(e){o=e,l(20,o),l(48,J),l(10,M)},function(e){n[e?"unshift":"push"]((()=>{I=e,l(25,I)}))},e=>de(e.id),()=>re(),e=>de(e.id),()=>ce(),function(e){n[e?"unshift":"push"]((()=>{p=e,l(24,p)}))}]}class de extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:var(--autocomplete-min-width, 6rem);max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:var(--autocomplete-tag-z-index, 2)}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #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{min-width:auto}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}.mc-listbox--overlay{top:calc(100% + 4px)}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},ce,re,s,{maxwidth:0,tagid:1,taglabel:43,placeholder:2,filter:44,nofilter:45,disabled:3,size:4,isinvalid:5,inputvalue:46,id:6,name:7,loading:8,required:9,items:47,value:48,open:49,multiple:10,emptysearchlabel:11,datatextexpr:12,datavalueexpr:13,nosort:50,layertitle:14,showmoretagslabel:15,maxnumbertoshowtags:16,alltags:17,selectall:18,labelselectall:19},null,[-1,-1,-1]),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(e){this.$$set({maxwidth:e}),i()}get tagid(){return this.$$.ctx[1]}set tagid(e){this.$$set({tagid:e}),i()}get taglabel(){return this.$$.ctx[43]}set taglabel(e){this.$$set({taglabel:e}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),i()}get filter(){return this.$$.ctx[44]}set filter(e){this.$$set({filter:e}),i()}get nofilter(){return this.$$.ctx[45]}set nofilter(e){this.$$set({nofilter:e}),i()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),i()}get size(){return this.$$.ctx[4]}set size(e){this.$$set({size:e}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(e){this.$$set({isinvalid:e}),i()}get inputvalue(){return this.$$.ctx[46]}set inputvalue(e){this.$$set({inputvalue:e}),i()}get id(){return this.$$.ctx[6]}set id(e){this.$$set({id:e}),i()}get name(){return this.$$.ctx[7]}set name(e){this.$$set({name:e}),i()}get loading(){return this.$$.ctx[8]}set loading(e){this.$$set({loading:e}),i()}get required(){return this.$$.ctx[9]}set required(e){this.$$set({required:e}),i()}get items(){return this.$$.ctx[47]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[48]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[49]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[10]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[11]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[12]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[13]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[50]}set nosort(e){this.$$set({nosort:e}),i()}get layertitle(){return this.$$.ctx[14]}set layertitle(e){this.$$set({layertitle:e}),i()}get showmoretagslabel(){return this.$$.ctx[15]}set showmoretagslabel(e){this.$$set({showmoretagslabel:e}),i()}get maxnumbertoshowtags(){return this.$$.ctx[16]}set maxnumbertoshowtags(e){this.$$set({maxnumbertoshowtags:e}),i()}get alltags(){return this.$$.ctx[17]}set alltags(e){this.$$set({alltags:e}),i()}get selectall(){return this.$$.ctx[18]}set selectall(e){this.$$set({selectall:e}),i()}get labelselectall(){return this.$$.ctx[19]}set labelselectall(e){this.$$set({labelselectall:e}),i()}}export{de as default};
|
|
1
|
+
import{S as e,i as t,a as l,b as a,f as i,s,K as n,L as o,c as r,e as c,d as u,E as d,n as m,h as p,M as h,j as g,t as $,k as f,F as b,N as x,x as v,B as w,z as y,A as _,O as z,l as k,m as q,G as j,P as S,o as C,q as N,r as O,u as T,Q as E,C as J,R as L,T as M,D as R,U,V as Y}from"../../index-c222d0b7.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as B}from"../../ClickOutside-63071e7a.js";import H from"../tag/Tag.nested.js";import D from"../loader/Loader.nested.js";import F from"../textinput/Textinput.nested.js";import G from"../listbox/Listbox.nested.js";function K(e,t,l){const a=e.slice();return a[76]=t[l],a}function P(e,t,l){const a=e.slice();return a[76]=t[l],a[80]=l,a}function Q(e){let t,l,i,s={id:e[1]?e[1]:`autocompleteTag-${e[34]}`,label:e[33](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return l=new H({props:s}),e[53](l),l.$on("tag-removed",e[35]),{c(){t=c("div"),d(l.$$.fragment),p(t,"class","mc-autocomplete__tag")},m(e,s){a(e,t,s),b(l,t,null),i=!0},p(e,t){const a={};2&t[0]&&(a.id=e[1]?e[1]:`autocompleteTag-${e[34]}`),4&t[1]&&(a.label=e[33]()),l.$set(a)},i(e){i||(w(l.$$.fragment,e),i=!0)},o(e){y(l.$$.fragment,e),i=!1},d(a){a&&q(t),e[53](null),j(l)}}}function V(e){let t,l;return t=new D({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){d(t.$$.fragment)},m(e,a){b(t,e,a),l=!0},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(e){j(t,e)}}}function W(e){let t,l,i;return{c(){t=c("button"),t.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n <span class="mc-autocomplete__clear-text">Clear</span>',p(t,"class","mc-autocomplete__clear"),p(t,"type","button")},m(s,n){a(s,t,n),l||(i=v(t,"click",E(e[59])),l=!0)},p:m,d(e){e&&q(t),l=!1,i()}}}function I(e){let t,l,a;function i(t){e[60](t)}let s={items:JSON.stringify(e[32]),name:e[7],multiple:e[10],isfiltered:e[28],emptysearchlabel:e[11],maxwidth:e[0],datatextexpr:e[12],datavalueexpr:e[13],selectall:e[18],labelselectall:e[19],labelautosize:e[20],overlay:!0,width:e[0]};return void 0!==e[21]&&(s.value=e[21]),t=new G({props:s}),n.push((()=>o(t,"value",i))),t.$on("change",e[37]),t.$on("scrollend",e[41]),t.$on("select-all",e[42]),{c(){d(t.$$.fragment)},m(e,l){b(t,e,l),a=!0},p(e,a){const i={};2&a[1]&&(i.items=JSON.stringify(e[32])),128&a[0]&&(i.name=e[7]),1024&a[0]&&(i.multiple=e[10]),268435456&a[0]&&(i.isfiltered=e[28]),2048&a[0]&&(i.emptysearchlabel=e[11]),1&a[0]&&(i.maxwidth=e[0]),4096&a[0]&&(i.datatextexpr=e[12]),8192&a[0]&&(i.datavalueexpr=e[13]),262144&a[0]&&(i.selectall=e[18]),524288&a[0]&&(i.labelselectall=e[19]),1048576&a[0]&&(i.labelautosize=e[20]),1&a[0]&&(i.width=e[0]),!l&&2097152&a[0]&&(l=!0,i.value=e[21],z((()=>l=!1))),t.$set(i)},i(e){a||(w(t.$$.fragment,e),a=!0)},o(e){y(t.$$.fragment,e),a=!1},d(e){j(t,e)}}}function X(e){let t,l,i,s=e[29],n=[];for(let t=0;t<s.length;t+=1)n[t]=le(P(e,s,t));const o=e=>y(n[e],1,1,(()=>{n[e]=null}));let r=e[21].length>e[16]&&ae(e);return{c(){t=c("div");for(let e=0;e<n.length;e+=1)n[e].c();l=u(),r&&r.c(),p(t,"class","tags-selected")},m(e,s){a(e,t,s);for(let e=0;e<n.length;e+=1)n[e]&&n[e].m(t,null);f(t,l),r&&r.m(t,null),i=!0},p(e,a){if(604045320&a[0]|4096&a[1]){let i;for(s=e[29],i=0;i<s.length;i+=1){const o=P(e,s,i);n[i]?(n[i].p(o,a),w(n[i],1)):(n[i]=le(o),n[i].c(),w(n[i],1),n[i].m(t,l))}for(J(),i=s.length;i<n.length;i+=1)o(i);_()}e[21].length>e[16]?r?(r.p(e,a),2162688&a[0]&&w(r,1)):(r=ae(e),r.c(),w(r,1),r.m(t,null)):r&&(J(),y(r,1,1,(()=>{r=null})),_())},i(e){if(!i){for(let e=0;e<s.length;e+=1)w(n[e]);w(r),i=!0}},o(e){n=n.filter(Boolean);for(let e=0;e<n.length;e+=1)y(n[e]);y(r),i=!1},d(e){e&&q(t),L(n,e),r&&r.d()}}}function Z(e){let t,l,i,s;const n=[te,ee],o=[];function r(e,t){return e[3]?0:1}return l=r(e),i=o[l]=n[l](e),{c(){t=c("div"),i.c(),p(t,"class","tag-selected")},m(e,i){a(e,t,i),o[l].m(t,null),s=!0},p(e,a){let s=l;l=r(e),l===s?o[l].p(e,a):(J(),y(o[s],1,1,(()=>{o[s]=null})),_(),i=o[l],i?i.p(e,a):(i=o[l]=n[l](e),i.c()),w(i,1),i.m(t,null))},i(e){s||(w(i),s=!0)},o(e){y(i),s=!1},d(e){e&&q(t),o[l].d()}}}function ee(e){let t,l;let a={id:e[76].id||"",label:e[76].label,size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return t=new H({props:a}),e[61](t),t.$on("tag-removed",(function(){return e[62](e[76])})),{c(){d(t.$$.fragment)},m(e,a){b(t,e,a),l=!0},p(l,a){e=l;const i={};536870912&a[0]&&(i.id=e[76].id||""),536870912&a[0]&&(i.label=e[76].label),t.$set(i)},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(l){e[61](null),j(t,l)}}}function te(e){let t,l;return t=new H({props:{id:e[76].id||"",label:e[76].label,size:"s",type:"link",dark:!0,disabled:!1,href:"",name:"",value:"",selected:!1}}),{c(){d(t.$$.fragment)},m(e,a){b(t,e,a),l=!0},p(e,l){const a={};536870912&l[0]&&(a.id=e[76].id||""),536870912&l[0]&&(a.label=e[76].label),t.$set(a)},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(e){j(t,e)}}}function le(e){let t,l,i=e[80]<e[16]&&Z(e);return{c(){i&&i.c(),t=M()},m(e,s){i&&i.m(e,s),a(e,t,s),l=!0},p(e,l){e[80]<e[16]?i?(i.p(e,l),65536&l[0]&&w(i,1)):(i=Z(e),i.c(),w(i,1),i.m(t.parentNode,t)):i&&(J(),y(i,1,1,(()=>{i=null})),_())},i(e){l||(w(i),l=!0)},o(e){y(i),l=!1},d(e){i&&i.d(e),e&&q(t)}}}function ae(e){let t,l,i,s,n;return l=new H({props:{id:"id-tag",label:"("+e[21].length+") "+e[15]+" ",size:"s",type:"link",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1}}),{c(){t=c("div"),d(l.$$.fragment),p(t,"class","tag-selected")},m(o,r){a(o,t,r),b(l,t,null),i=!0,s||(n=v(t,"click",e[63]),s=!0)},p(e,t){const a={};2129920&t[0]&&(a.label="("+e[21].length+") "+e[15]+" "),l.$set(a)},i(e){i||(w(l.$$.fragment,e),i=!0)},o(e){y(l.$$.fragment,e),i=!1},d(e){e&&q(t),j(l),s=!1,n()}}}function ie(e){let t,l,i,s,n,o,r=e[29],u=[];for(let t=0;t<r.length;t+=1)u[t]=oe(K(e,r,t));return{c(){t=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let e=0;e<u.length;e+=1)u[e].c();p(s,"class","tags-selected"),p(i,"slot","content"),R(l,"title",e[14]),R(l,"layertitletag","h3"),R(l,"isopen",e[30])},m(r,c){a(r,t,c),f(t,l),f(l,i),f(i,s);for(let e=0;e<u.length;e+=1)u[e]&&u[e].m(s,null);n||(o=v(l,"layer-closed",e[65]),n=!0)},p(e,t){if(536870920&t[0]|4096&t[1]){let l;for(r=e[29],l=0;l<r.length;l+=1){const a=K(e,r,l);u[l]?u[l].p(a,t):(u[l]=oe(a),u[l].c(),u[l].m(s,null))}for(;l<u.length;l+=1)u[l].d(1);u.length=r.length}16384&t[0]&&R(l,"title",e[14]),1073741824&t[0]&&R(l,"isopen",e[30])},d(e){e&&q(t),L(u,e),n=!1,o()}}}function se(e){let t,l,i,s,n;function o(){return e[64](e[76])}return{c(){t=c("m-tag"),R(t,"id",l=e[76].id),R(t,"label",i=e[76].label),R(t,"size","s"),R(t,"type","removable")},m(e,l){a(e,t,l),s||(n=v(t,"tag-removed",o),s=!0)},p(a,s){e=a,536870912&s[0]&&l!==(l=e[76].id)&&R(t,"id",l),536870912&s[0]&&i!==(i=e[76].label)&&R(t,"label",i)},d(e){e&&q(t),s=!1,n()}}}function ne(e){let t,l,i;return{c(){t=c("m-tag"),R(t,"type","text"),R(t,"id",l=e[76].id),R(t,"label",i=e[76].label),R(t,"size","s")},m(e,l){a(e,t,l)},p(e,a){536870912&a[0]&&l!==(l=e[76].id)&&R(t,"id",l),536870912&a[0]&&i!==(i=e[76].label)&&R(t,"label",i)},d(e){e&&q(t)}}}function oe(e){let t,l;function i(e,t){return e[3]?ne:se}let s=i(e),n=s(e);return{c(){t=c("div"),n.c(),l=u(),p(t,"class","tag-selected")},m(e,i){a(e,t,i),n.m(t,null),f(t,l)},p(e,a){s===(s=i(e))&&n?n.p(e,a):(n.d(1),n=s(e),n&&(n.c(),n.m(t,l)))},d(e){e&&q(t),n.d()}}}function re(e){let t,l,i,s,C,N,O,T,E,L,M,R,U,Y,A,H,D,G,K,P=e[10]&&e[21].length>0&&!e[17]&&Q(e);function Z(t){e[54](t)}let ee={classinput:"mc-autocomplete__trigger",style:"padding-left: calc(2.9375rem + var(--autocomplete-tag-width))",name:e[6],placeholder:e[2],inputtype:"text",isinvalid:e[5],disabled:e[3],size:e[4],required:e[9],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==e[31]&&(ee.value=e[31]),s=new F({props:ee}),n.push((()=>o(s,"value",Z))),s.$on("input",e[40]),s.$on("click",e[55]),s.$on("change",e[56]),s.$on("blur",e[57]),s.$on("keydown",e[58]);let te=e[8]&&V(),le=null!=e[31]&&""!=e[31]&&!e[3]&&W(e),ae=e[23]&&I(e),se=e[10]&&e[17]&&X(e),ne=e[10]&&e[17]&&ie(e),oe=[{class:"mc-autocomplete"},{style:H="--autocomplete-tag-width: "+e[27]+"; --autocomplete-width: "+e[0]+";"},e[24]],re={};for(let e=0;e<oe.length;e+=1)re=r(re,oe[e]);return{c(){t=c("div"),l=c("div"),P&&P.c(),i=u(),d(s.$$.fragment),N=u(),O=c("div"),te&&te.c(),T=u(),le&&le.c(),E=u(),ae&&ae.c(),L=u(),se&&se.c(),M=u(),R=c("span"),U=u(),Y=c("span"),A=u(),ne&&ne.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(R,"class","mc-autocomplete__loader"),h(R,"display","none"),p(Y,"class","mc-text-input mc-autocomplete__trigger"),h(Y,"display","none"),g(t,re),$(t,"mc-autocomplete--multi",e[10])},m(n,o){a(n,t,o),f(t,l),P&&P.m(l,null),f(l,i),b(s,l,null),f(l,N),f(l,O),te&&te.m(O,null),f(O,T),le&&le.m(O,null),f(t,E),ae&&ae.m(t,null),f(t,L),se&&se.m(t,null),f(t,M),f(t,R),f(t,U),f(t,Y),f(t,A),ne&&ne.m(t,null),e[66](t),D=!0,G||(K=[x(B.call(null,t)),v(t,"outclick",e[36])],G=!0)},p(e,a){e[10]&&e[21].length>0&&!e[17]?P?(P.p(e,a),2229248&a[0]&&w(P,1)):(P=Q(e),P.c(),w(P,1),P.m(l,i)):P&&(J(),y(P,1,1,(()=>{P=null})),_());const n={};64&a[0]&&(n.name=e[6]),4&a[0]&&(n.placeholder=e[2]),32&a[0]&&(n.isinvalid=e[5]),8&a[0]&&(n.disabled=e[3]),16&a[0]&&(n.size=e[4]),512&a[0]&&(n.required=e[9]),!C&&1&a[1]&&(C=!0,n.value=e[31],z((()=>C=!1))),s.$set(n),e[8]?te?256&a[0]&&w(te,1):(te=V(),te.c(),w(te,1),te.m(O,T)):te&&(J(),y(te,1,1,(()=>{te=null})),_()),null==e[31]||""==e[31]||e[3]?le&&(le.d(1),le=null):le?le.p(e,a):(le=W(e),le.c(),le.m(O,null)),e[23]?ae?(ae.p(e,a),8388608&a[0]&&w(ae,1)):(ae=I(e),ae.c(),w(ae,1),ae.m(t,L)):ae&&(J(),y(ae,1,1,(()=>{ae=null})),_()),e[10]&&e[17]?se?(se.p(e,a),132096&a[0]&&w(se,1)):(se=X(e),se.c(),w(se,1),se.m(t,M)):se&&(J(),y(se,1,1,(()=>{se=null})),_()),e[10]&&e[17]?ne?ne.p(e,a):(ne=ie(e),ne.c(),ne.m(t,null)):ne&&(ne.d(1),ne=null),g(t,re=k(oe,[{class:"mc-autocomplete"},(!D||134217729&a[0]&&H!==(H="--autocomplete-tag-width: "+e[27]+"; --autocomplete-width: "+e[0]+";"))&&{style:H},16777216&a[0]&&e[24]])),$(t,"mc-autocomplete--multi",e[10])},i(e){D||(w(P),w(s.$$.fragment,e),w(te),w(ae),w(se),D=!0)},o(e){y(P),y(s.$$.fragment,e),y(te),y(ae),y(se),D=!1},d(l){l&&q(t),P&&P.d(),j(s),te&&te.d(),le&&le.d(),ae&&ae.d(),se&&se.d(),ne&&ne.d(),e[66](null),G=!1,S(K)}}}function ce(e,t,l){let a,i,s,o,c,u,d;const m=["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","labelautosize"];let p,h=C(t,m),{maxwidth:g="100%"}=t,{tagid:$}=t,{taglabel:f=""}=t,{placeholder:b}=t,{filter:x=!0}=t,{nofilter:v=!1}=t,{disabled:w=!1}=t,{size:y="m"}=t,{isinvalid:_}=t,{inputvalue:z}=t,{id:k}=t,{name:q}=t,{loading:j=!1}=t,{required:S=!1}=t,{items:E}=t,{value:J}=t,{open:L=!1}=t,{multiple:M=!1}=t,{emptysearchlabel:R="No results found"}=t,{datatextexpr:B="label"}=t,{datavalueexpr:H="value"}=t,{nosort:D=!1}=t,{layertitle:F="Title layer"}=t,{showmoretagslabel:G="Show more"}=t,{maxnumbertoshowtags:K=12}=t,{alltags:P=!1}=t,{selectall:Q=!1}=t,{labelselectall:V="Select all"}=t,{labelautosize:W=!1}=t;const I=Math.random();let X,Z,ee,te=new A(N(),O()),le="0px",ae=!1,ie=[],se=null;function ne(){w||(l(21,o=M?[]:""),oe(),te.dispatch("clear",!0))}function oe(){l(23,u=!1),M&&!D?function(){ee=i;const e=re();ee.sort(((t,l)=>{const a=e.includes(t),i=e.includes(l);return a===i?t[H]-l[H]:a<i?1:-1})),l(32,s=ee)}():l(32,s=i)}function re(e){const t=e||o;return i.filter((e=>M?t.includes(e[H]):t===e[H]))}function ce(){l(30,se=!0)}function ue(){l(30,se=null)}function de(e){l(21,o=o.filter((t=>t!==e))),te.dispatch("onchange",o)}return e.$$set=e=>{t=r(r({},t),T(e)),l(75,h=C(t,m)),"maxwidth"in e&&l(0,g=e.maxwidth),"tagid"in e&&l(1,$=e.tagid),"taglabel"in e&&l(44,f=e.taglabel),"placeholder"in e&&l(2,b=e.placeholder),"filter"in e&&l(45,x=e.filter),"nofilter"in e&&l(46,v=e.nofilter),"disabled"in e&&l(3,w=e.disabled),"size"in e&&l(4,y=e.size),"isinvalid"in e&&l(5,_=e.isinvalid),"inputvalue"in e&&l(47,z=e.inputvalue),"id"in e&&l(6,k=e.id),"name"in e&&l(7,q=e.name),"loading"in e&&l(8,j=e.loading),"required"in e&&l(9,S=e.required),"items"in e&&l(48,E=e.items),"value"in e&&l(49,J=e.value),"open"in e&&l(50,L=e.open),"multiple"in e&&l(10,M=e.multiple),"emptysearchlabel"in e&&l(11,R=e.emptysearchlabel),"datatextexpr"in e&&l(12,B=e.datatextexpr),"datavalueexpr"in e&&l(13,H=e.datavalueexpr),"nosort"in e&&l(51,D=e.nosort),"layertitle"in e&&l(14,F=e.layertitle),"showmoretagslabel"in e&&l(15,G=e.showmoretagslabel),"maxnumbertoshowtags"in e&&l(16,K=e.maxnumbertoshowtags),"alltags"in e&&l(17,P=e.alltags),"selectall"in e&&l(18,Q=e.selectall),"labelselectall"in e&&l(19,V=e.labelselectall),"labelautosize"in e&&l(20,W=e.labelautosize)},e.$$.update=()=>{if(65536&e.$$.dirty[1]&&l(31,a=z),131072&e.$$.dirty[1]&&l(22,i=E?JSON.parse(E):[]),4194304&e.$$.dirty[0]&&l(32,s=i),1024&e.$$.dirty[0]|262144&e.$$.dirty[1]&&l(21,o=!J&&M?[]:J?JSON.parse(J):J),2097152&e.$$.dirty[0]|8192&e.$$.dirty[1]&&l(33,c=()=>o.length.toString()+" "+f),2097152&e.$$.dirty[0]&&async function(e){try{if(await U(),l(29,ie=re(e)),M)l(52,Z=e);else{const e=ie.map((e=>e[B]));l(31,a=e.join(", "))}}catch(e){console.error(e)}}(o),2097152&e.$$.dirty[1]&&async function(e){var t;try{await U(),l(27,le=X&&e&&e.length?`${null===(t=null==p?void 0:p.querySelector(".mc-tag-removable"))||void 0===t?void 0:t.clientWidth}px`:"0px")}catch(e){console.error(e)}}(Z),524288&e.$$.dirty[1]&&l(23,u=L),8388608&e.$$.dirty[0]){const e=u?"open":"close";te.dispatch(e,u)}l(24,d=Object.assign({},h)),16777216&e.$$.dirty[0]&&delete d.class},[g,$,b,w,y,_,k,q,j,S,M,R,B,H,F,G,K,P,Q,V,W,o,i,u,d,p,X,le,ae,ie,se,a,s,c,I,ne,oe,function(){te.dispatch("onchange",o),M||oe()},ce,ue,function(e){const t=e.target.value;!function(e){te.dispatch("oninput",e)}(t),function(e){!v&&x&&(e.length?l(32,s=i.filter((t=>t[B].toUpperCase().includes(e.toUpperCase())))):l(32,s=i),l(28,ae=!s.length),te.dispatch("onfilter",s))}(t)},function(){te.dispatch("scrollend",!0)},function(e){te.dispatch("select-all",e.detail)},de,f,x,v,z,E,J,L,D,Z,function(e){n[e?"unshift":"push"]((()=>{X=e,l(26,X)}))},function(e){a=e,l(31,a),l(47,z)},()=>l(23,u=!0),function(t){Y.call(this,e,t)},function(t){Y.call(this,e,t)},function(t){Y.call(this,e,t)},()=>{l(31,a=""),l(32,s=i),l(28,ae=!1),M||ne()},function(e){o=e,l(21,o),l(49,J),l(10,M)},function(e){n[e?"unshift":"push"]((()=>{X=e,l(26,X)}))},e=>de(e.id),()=>ce(),e=>de(e.id),()=>ue(),function(e){n[e?"unshift":"push"]((()=>{p=e,l(25,p)}))}]}class ue extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:var(--autocomplete-min-width, 6rem);max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:var(--autocomplete-tag-z-index, 2)}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #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{min-width:auto}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}.mc-listbox--overlay{top:calc(100% + 4px)}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},ce,re,s,{maxwidth:0,tagid:1,taglabel:44,placeholder:2,filter:45,nofilter:46,disabled:3,size:4,isinvalid:5,inputvalue:47,id:6,name:7,loading:8,required:9,items:48,value:49,open:50,multiple:10,emptysearchlabel:11,datatextexpr:12,datavalueexpr:13,nosort:51,layertitle:14,showmoretagslabel:15,maxnumbertoshowtags:16,alltags:17,selectall:18,labelselectall:19,labelautosize:20},null,[-1,-1,-1]),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","labelautosize"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(e){this.$$set({maxwidth:e}),i()}get tagid(){return this.$$.ctx[1]}set tagid(e){this.$$set({tagid:e}),i()}get taglabel(){return this.$$.ctx[44]}set taglabel(e){this.$$set({taglabel:e}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),i()}get filter(){return this.$$.ctx[45]}set filter(e){this.$$set({filter:e}),i()}get nofilter(){return this.$$.ctx[46]}set nofilter(e){this.$$set({nofilter:e}),i()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),i()}get size(){return this.$$.ctx[4]}set size(e){this.$$set({size:e}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(e){this.$$set({isinvalid:e}),i()}get inputvalue(){return this.$$.ctx[47]}set inputvalue(e){this.$$set({inputvalue:e}),i()}get id(){return this.$$.ctx[6]}set id(e){this.$$set({id:e}),i()}get name(){return this.$$.ctx[7]}set name(e){this.$$set({name:e}),i()}get loading(){return this.$$.ctx[8]}set loading(e){this.$$set({loading:e}),i()}get required(){return this.$$.ctx[9]}set required(e){this.$$set({required:e}),i()}get items(){return this.$$.ctx[48]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[49]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[50]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[10]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[11]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[12]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[13]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[51]}set nosort(e){this.$$set({nosort:e}),i()}get layertitle(){return this.$$.ctx[14]}set layertitle(e){this.$$set({layertitle:e}),i()}get showmoretagslabel(){return this.$$.ctx[15]}set showmoretagslabel(e){this.$$set({showmoretagslabel:e}),i()}get maxnumbertoshowtags(){return this.$$.ctx[16]}set maxnumbertoshowtags(e){this.$$set({maxnumbertoshowtags:e}),i()}get alltags(){return this.$$.ctx[17]}set alltags(e){this.$$set({alltags:e}),i()}get selectall(){return this.$$.ctx[18]}set selectall(e){this.$$set({selectall:e}),i()}get labelselectall(){return this.$$.ctx[19]}set labelselectall(e){this.$$set({labelselectall:e}),i()}get labelautosize(){return this.$$.ctx[20]}set labelautosize(e){this.$$set({labelautosize:e}),i()}}export{ue as default};
|
|
2
2
|
//# sourceMappingURL=Autocomplete.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/autocomplete/Autocomplete.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { tick } from 'svelte';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import { clickOutside } from '../../utilities/ClickOutside';\n import type { ListboxItems } from '../listbox/listbox.types';\n import type { TextInputSize } from '../textinput/textinput.types';\n\n import Tag from '../tag/Tag.nested.svelte';\n import Loader from '../loader/Loader.nested.svelte';\n import TextInput from '../textinput/Textinput.nested.svelte';\n import Listbox from '../listbox/Listbox.nested.svelte';\n\n export let maxwidth = '100%';\n export let tagid: string;\n export let taglabel = '';\n export let placeholder: string;\n export let filter = true;\n export let nofilter = false;\n export let disabled = false;\n export let size: TextInputSize = 'm';\n export let isinvalid: boolean;\n export let inputvalue: string;\n export let id: string;\n export let name: string;\n export let loading = false;\n export let required = false;\n export let items: string;\n export let value: any;\n export let open = false;\n export let multiple = false;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let nosort = false;\n export let layertitle = 'Title layer';\n export let showmoretagslabel = 'Show more';\n export let maxnumbertoshowtags = 12;\n export let alltags = false;\n export let selectall = false;\n export let labelselectall = 'Select all';\n\n let component: HTMLDivElement;\n const uuid = Math.random();\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n let tag: any;\n let tagWidth = '0px';\n let tagValue: any;\n let sortedListItems: any;\n let isfiltered = false;\n let selectedItems: ListboxItems[] = [];\n let openLayer: any = null;\n\n $: localInputValue = inputvalue;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: localItems = parsedItems;\n $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n $: setTagLabel = () => {\n return listboxValue.length.toString() + ' ' + taglabel;\n };\n $: watchListboxValue(listboxValue);\n $: setTagWidth(tagValue);\n $: openState = open;\n $: {\n const eventName = openState ? 'open' : 'close';\n eventHandler.dispatch(eventName, openState);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function clearListbox() {\n if (!disabled) {\n listboxValue = multiple ? [] : '';\n closeListBox();\n eventHandler.dispatch('clear', true);\n }\n }\n\n function closeListBox() {\n openState = false;\n\n if (multiple && !nosort) {\n sortItems();\n } else {\n localItems = parsedItems;\n }\n }\n\n function onChange() {\n eventHandler.dispatch('onchange', listboxValue);\n\n if (!multiple) {\n closeListBox();\n }\n }\n\n function getSelectedItems(val?: string) {\n const value = val ? val : listboxValue;\n\n const selectedItems = parsedItems.filter((item: ListboxItems) => {\n return multiple\n ? value.includes(item[datavalueexpr])\n : value === item[datavalueexpr];\n });\n return selectedItems;\n }\n\n function sortItems() {\n sortedListItems = parsedItems;\n const selectedItems = getSelectedItems();\n\n sortedListItems.sort((a: any, b: any) => {\n const hasItemA = selectedItems.includes(a);\n const hasItemB = selectedItems.includes(b);\n\n if (hasItemA === hasItemB) {\n return a[datavalueexpr] - b[datavalueexpr];\n } else if (hasItemA < hasItemB) {\n return 1;\n } else {\n return -1;\n }\n });\n\n localItems = sortedListItems;\n }\n\n function openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\n }\n\n function handleInputValue(value: any) {\n eventHandler.dispatch('oninput', value);\n }\n\n function filterListbox(value: any) {\n if (nofilter || !filter) {\n return;\n }\n\n if (value.length) {\n localItems = parsedItems.filter((item: any) =>\n item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n );\n } else {\n localItems = parsedItems;\n }\n\n isfiltered = !localItems.length;\n\n eventHandler.dispatch('onfilter', localItems);\n }\n\n function onInput(e: Event) {\n const value = (e.target as HTMLInputElement).value;\n handleInputValue(value);\n filterListbox(value);\n }\n\n function onScrollEnd() {\n eventHandler.dispatch('scrollend', true);\n }\n\n function onSelectAll(e: CustomEvent) {\n eventHandler.dispatch('select-all', e.detail);\n }\n\n function removeTagSelected(itemSelectedId: any) {\n listboxValue = listboxValue.filter(\n (value: any) => value !== itemSelectedId,\n );\n eventHandler.dispatch('onchange', listboxValue);\n }\n\n // Watch Functions\n async function watchListboxValue(value: any) {\n try {\n await tick();\n selectedItems = getSelectedItems(value);\n if (!multiple) {\n const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n localInputValue = seletedLabels.join(', ');\n } else {\n tagValue = value;\n }\n } catch (e) {\n console.error(e);\n }\n }\n\n async function setTagWidth(tagValue: any) {\n try {\n await tick();\n\n tagWidth =\n tag && tagValue && tagValue.length\n ? `${component?.querySelector('.mc-tag-removable')?.clientWidth}px`\n : '0px';\n } catch (e) {\n console.error(e);\n }\n }\n</script>\n\n<div\n class=\"mc-autocomplete\"\n class:mc-autocomplete--multi={multiple}\n style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n use:clickOutside\n on:outclick={closeListBox}\n {...attributes}\n bind:this={component}\n>\n <div class=\"mc-autocomplete__main\">\n <!-- TAG REMOVABLE -->\n {#if multiple && listboxValue.length > 0 && !alltags}\n <div class=\"mc-autocomplete__tag\">\n <Tag\n id={tagid ? tagid : `autocompleteTag-${uuid}`}\n label={setTagLabel()}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n bind:this={tag}\n on:tag-removed={clearListbox}\n />\n </div>\n {/if}\n\n <!-- TEXT INPUT -->\n <TextInput\n classinput=\"mc-autocomplete__trigger\"\n style=\"padding-left: calc(2.9375rem + var(--autocomplete-tag-width))\"\n name={id}\n bind:value={localInputValue}\n {placeholder}\n inputtype=\"text\"\n {isinvalid}\n {disabled}\n {size}\n {required}\n iconname=\"navigation-display-search-24px\"\n rightalign={false}\n isvalid={false}\n min=\"\"\n max=\"\"\n on:input={onInput}\n on:click={() => (openState = true)}\n on:change\n on:blur\n />\n\n <div class=\"mc-autocomplete__tools\">\n <!-- LOADER -->\n {#if loading}\n <Loader\n size=\"s\"\n theme=\"primary\"\n text=\"\"\n class=\"mc-autocomplete__loader\"\n />\n {/if}\n\n <!-- CLEAR BUTTON -->\n {#if localInputValue != null && localInputValue != '' && !disabled}\n <button\n class=\"mc-autocomplete__clear\"\n type=\"button\"\n on:click|stopPropagation={() => {\n localInputValue = '';\n localItems = parsedItems;\n isfiltered = false;\n if (!multiple) {\n clearListbox();\n }\n }}\n >\n <navigation-control-tag--cross-24px />\n <span class=\"mc-autocomplete__clear-text\">Clear</span>\n </button>\n {/if}\n </div>\n </div>\n\n <!-- LISTBOX -->\n {#if openState}\n <Listbox\n items={JSON.stringify(localItems)}\n {name}\n {multiple}\n {isfiltered}\n {emptysearchlabel}\n {maxwidth}\n {datatextexpr}\n {datavalueexpr}\n {selectall}\n {labelselectall}\n overlay={true}\n width={maxwidth}\n bind:value={listboxValue}\n on:change={onChange}\n on:scrollend={onScrollEnd}\n on:select-all={onSelectAll}\n />\n {/if}\n\n {#if multiple && alltags}\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem, index}\n {#if index < maxnumbertoshowtags}\n <div class=\"tag-selected\">\n {#if disabled}\n <Tag\n id={selectedItem.id || ''}\n label={selectedItem.label}\n size=\"s\"\n type=\"link\"\n dark={true}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n />\n {:else}\n <Tag\n id={selectedItem.id || ''}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n bind:this={tag}\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n {/if}\n </div>\n {/if}\n {/each}\n {#if listboxValue.length > maxnumbertoshowtags}\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <div class=\"tag-selected\" on:click={() => openLayerFn()}>\n <Tag\n id=\"id-tag\"\n label=\"({listboxValue.length}) {showmoretagslabel} \"\n size=\"s\"\n type=\"link\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n />\n </div>\n {/if}\n </div>\n {/if}\n\n <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\n {#if multiple && alltags}\n <div>\n <m-layer\n title={layertitle}\n layertitletag=\"h3\"\n isopen={openLayer}\n on:layer-closed={() => closeLayerFn()}\n >\n <small slot=\"content\">\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem}\n <div class=\"tag-selected\">\n {#if disabled}\n <m-tag\n type=\"text\"\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n />\n {:else}\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n {/if}\n </div>\n {/each}\n </div>\n </small>\n </m-layer>\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.autocomplete';\n\n // Autocomplete\n // NOTE: These styles with the \"!important\" allow to overload the edge effects\n // due to the scoping applied by Svelte on the CSS selectors\n .mc-autocomplete {\n min-width: auto;\n\n &__tag {\n position: absolute !important; // due to the Svelte CSS scope\n }\n\n &--multi {\n .mc-autocomplete__trigger {\n padding-left: calc(\n 2.9375rem + var(--autocomplete-tag-width)\n ) !important;\n }\n }\n }\n\n // Selected Tags\n .tags-selected {\n display: flex;\n position: absolute;\n flex-wrap: wrap;\n }\n\n .tag-selected {\n margin-top: 1em;\n margin-left: 5px;\n margin-right: 5px;\n }\n\n // Listbox\n .mc-listbox {\n &--overlay {\n top: calc(100% + 4px);\n }\n }\n</style>\n"],"names":["ctx","insert","target","div","anchor","button","JSON","stringify","length","i","create_if_block_3","each_blocks","id","label","dirty","tag_1_changes","if_block","create_if_block_4","div1","append","m_layer","small","div0","set_custom_element_data","m_tag","m_tag_id_value","m_tag_label_value","create_if_block_1","if_block0","create_if_block_9","create_if_block_8","if_block2","create_if_block_7","create_if_block_6","if_block4","create_if_block_2","if_block5","create_if_block","style","div2_style_value","div2","span0","span1","current","component","maxwidth","$$props","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","e","console","error","watchListboxValue","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/autocomplete/Autocomplete.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { tick } from 'svelte';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import { clickOutside } from '../../utilities/ClickOutside';\n import type { ListboxItems } from '../listbox/listbox.types';\n import type { TextInputSize } from '../textinput/textinput.types';\n\n import Tag from '../tag/Tag.nested.svelte';\n import Loader from '../loader/Loader.nested.svelte';\n import TextInput from '../textinput/Textinput.nested.svelte';\n import Listbox from '../listbox/Listbox.nested.svelte';\n\n export let maxwidth = '100%';\n export let tagid: string;\n export let taglabel = '';\n export let placeholder: string;\n export let filter = true;\n export let nofilter = false;\n export let disabled = false;\n export let size: TextInputSize = 'm';\n export let isinvalid: boolean;\n export let inputvalue: string;\n export let id: string;\n export let name: string;\n export let loading = false;\n export let required = false;\n export let items: string;\n export let value: any;\n export let open = false;\n export let multiple = false;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let nosort = false;\n export let layertitle = 'Title layer';\n export let showmoretagslabel = 'Show more';\n export let maxnumbertoshowtags = 12;\n export let alltags = false;\n export let selectall = false;\n export let labelselectall = 'Select all';\n export let labelautosize = false;\n\n let component: HTMLDivElement;\n const uuid = Math.random();\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n let tag: any;\n let tagWidth = '0px';\n let tagValue: any;\n let sortedListItems: any;\n let isfiltered = false;\n let selectedItems: ListboxItems[] = [];\n let openLayer: any = null;\n\n $: localInputValue = inputvalue;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: localItems = parsedItems;\n $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n $: setTagLabel = () => {\n return listboxValue.length.toString() + ' ' + taglabel;\n };\n $: watchListboxValue(listboxValue);\n $: setTagWidth(tagValue);\n $: openState = open;\n $: {\n const eventName = openState ? 'open' : 'close';\n eventHandler.dispatch(eventName, openState);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function clearListbox() {\n if (!disabled) {\n listboxValue = multiple ? [] : '';\n closeListBox();\n eventHandler.dispatch('clear', true);\n }\n }\n\n function closeListBox() {\n openState = false;\n\n if (multiple && !nosort) {\n sortItems();\n } else {\n localItems = parsedItems;\n }\n }\n\n function onChange() {\n eventHandler.dispatch('onchange', listboxValue);\n\n if (!multiple) {\n closeListBox();\n }\n }\n\n function getSelectedItems(val?: string) {\n const value = val ? val : listboxValue;\n\n const selectedItems = parsedItems.filter((item: ListboxItems) => {\n return multiple\n ? value.includes(item[datavalueexpr])\n : value === item[datavalueexpr];\n });\n return selectedItems;\n }\n\n function sortItems() {\n sortedListItems = parsedItems;\n const selectedItems = getSelectedItems();\n\n sortedListItems.sort((a: any, b: any) => {\n const hasItemA = selectedItems.includes(a);\n const hasItemB = selectedItems.includes(b);\n\n if (hasItemA === hasItemB) {\n return a[datavalueexpr] - b[datavalueexpr];\n } else if (hasItemA < hasItemB) {\n return 1;\n } else {\n return -1;\n }\n });\n\n localItems = sortedListItems;\n }\n\n function openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\n }\n\n function handleInputValue(value: any) {\n eventHandler.dispatch('oninput', value);\n }\n\n function filterListbox(value: any) {\n if (nofilter || !filter) {\n return;\n }\n\n if (value.length) {\n localItems = parsedItems.filter((item: any) =>\n item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n );\n } else {\n localItems = parsedItems;\n }\n\n isfiltered = !localItems.length;\n\n eventHandler.dispatch('onfilter', localItems);\n }\n\n function onInput(e: Event) {\n const value = (e.target as HTMLInputElement).value;\n handleInputValue(value);\n filterListbox(value);\n }\n\n function onScrollEnd() {\n eventHandler.dispatch('scrollend', true);\n }\n\n function onSelectAll(e: CustomEvent) {\n eventHandler.dispatch('select-all', e.detail);\n }\n\n function removeTagSelected(itemSelectedId: any) {\n listboxValue = listboxValue.filter(\n (value: any) => value !== itemSelectedId,\n );\n eventHandler.dispatch('onchange', listboxValue);\n }\n\n // Watch Functions\n async function watchListboxValue(value: any) {\n try {\n await tick();\n selectedItems = getSelectedItems(value);\n if (!multiple) {\n const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n localInputValue = seletedLabels.join(', ');\n } else {\n tagValue = value;\n }\n } catch (e) {\n console.error(e);\n }\n }\n\n async function setTagWidth(tagValue: any) {\n try {\n await tick();\n\n tagWidth =\n tag && tagValue && tagValue.length\n ? `${component?.querySelector('.mc-tag-removable')?.clientWidth}px`\n : '0px';\n } catch (e) {\n console.error(e);\n }\n }\n</script>\n\n<div\n class=\"mc-autocomplete\"\n class:mc-autocomplete--multi={multiple}\n style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n use:clickOutside\n on:outclick={closeListBox}\n {...attributes}\n bind:this={component}\n>\n <div class=\"mc-autocomplete__main\">\n <!-- TAG REMOVABLE -->\n {#if multiple && listboxValue.length > 0 && !alltags}\n <div class=\"mc-autocomplete__tag\">\n <Tag\n id={tagid ? tagid : `autocompleteTag-${uuid}`}\n label={setTagLabel()}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n bind:this={tag}\n on:tag-removed={clearListbox}\n />\n </div>\n {/if}\n\n <!-- TEXT INPUT -->\n <TextInput\n classinput=\"mc-autocomplete__trigger\"\n style=\"padding-left: calc(2.9375rem + var(--autocomplete-tag-width))\"\n name={id}\n bind:value={localInputValue}\n {placeholder}\n inputtype=\"text\"\n {isinvalid}\n {disabled}\n {size}\n {required}\n iconname=\"navigation-display-search-24px\"\n rightalign={false}\n isvalid={false}\n min=\"\"\n max=\"\"\n on:input={onInput}\n on:click={() => (openState = true)}\n on:change\n on:blur\n on:keydown\n />\n\n <div class=\"mc-autocomplete__tools\">\n <!-- LOADER -->\n {#if loading}\n <Loader\n size=\"s\"\n theme=\"primary\"\n text=\"\"\n class=\"mc-autocomplete__loader\"\n />\n {/if}\n\n <!-- CLEAR BUTTON -->\n {#if localInputValue != null && localInputValue != '' && !disabled}\n <button\n class=\"mc-autocomplete__clear\"\n type=\"button\"\n on:click|stopPropagation={() => {\n localInputValue = '';\n localItems = parsedItems;\n isfiltered = false;\n if (!multiple) {\n clearListbox();\n }\n }}\n >\n <navigation-control-tag--cross-24px />\n <span class=\"mc-autocomplete__clear-text\">Clear</span>\n </button>\n {/if}\n </div>\n </div>\n\n <!-- LISTBOX -->\n {#if openState}\n <Listbox\n items={JSON.stringify(localItems)}\n {name}\n {multiple}\n {isfiltered}\n {emptysearchlabel}\n {maxwidth}\n {datatextexpr}\n {datavalueexpr}\n {selectall}\n {labelselectall}\n {labelautosize}\n overlay={true}\n width={maxwidth}\n bind:value={listboxValue}\n on:change={onChange}\n on:scrollend={onScrollEnd}\n on:select-all={onSelectAll}\n />\n {/if}\n\n {#if multiple && alltags}\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem, index}\n {#if index < maxnumbertoshowtags}\n <div class=\"tag-selected\">\n {#if disabled}\n <Tag\n id={selectedItem.id || ''}\n label={selectedItem.label}\n size=\"s\"\n type=\"link\"\n dark={true}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n />\n {:else}\n <Tag\n id={selectedItem.id || ''}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n bind:this={tag}\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n {/if}\n </div>\n {/if}\n {/each}\n {#if listboxValue.length > maxnumbertoshowtags}\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <div class=\"tag-selected\" on:click={() => openLayerFn()}>\n <Tag\n id=\"id-tag\"\n label=\"({listboxValue.length}) {showmoretagslabel} \"\n size=\"s\"\n type=\"link\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n />\n </div>\n {/if}\n </div>\n {/if}\n\n <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\n {#if multiple && alltags}\n <div>\n <m-layer\n title={layertitle}\n layertitletag=\"h3\"\n isopen={openLayer}\n on:layer-closed={() => closeLayerFn()}\n >\n <small slot=\"content\">\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem}\n <div class=\"tag-selected\">\n {#if disabled}\n <m-tag\n type=\"text\"\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n />\n {:else}\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n {/if}\n </div>\n {/each}\n </div>\n </small>\n </m-layer>\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.autocomplete';\n\n // Autocomplete\n // NOTE: These styles with the \"!important\" allow to overload the edge effects\n // due to the scoping applied by Svelte on the CSS selectors\n .mc-autocomplete {\n min-width: auto;\n\n &__tag {\n position: absolute !important; // due to the Svelte CSS scope\n }\n\n &--multi {\n .mc-autocomplete__trigger {\n padding-left: calc(\n 2.9375rem + var(--autocomplete-tag-width)\n ) !important;\n }\n }\n }\n\n // Selected Tags\n .tags-selected {\n display: flex;\n position: absolute;\n flex-wrap: wrap;\n }\n\n .tag-selected {\n margin-top: 1em;\n margin-left: 5px;\n margin-right: 5px;\n }\n\n // Listbox\n .mc-listbox {\n &--overlay {\n top: calc(100% + 4px);\n }\n }\n</style>\n"],"names":["ctx","insert","target","div","anchor","button","JSON","stringify","length","i","create_if_block_3","each_blocks","id","label","dirty","tag_1_changes","if_block","create_if_block_4","div1","append","m_layer","small","div0","set_custom_element_data","m_tag","m_tag_id_value","m_tag_label_value","create_if_block_1","if_block0","create_if_block_9","create_if_block_8","if_block2","create_if_block_7","create_if_block_6","if_block4","create_if_block_2","if_block5","create_if_block","style","div2_style_value","div2","span0","span1","current","component","maxwidth","$$props","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","labelautosize","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","e","console","error","watchListboxValue","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}
|
|
@@ -44,6 +44,7 @@
|
|
|
44
44
|
export let alltags = false;
|
|
45
45
|
export let selectall = false;
|
|
46
46
|
export let labelselectall = 'Select all';
|
|
47
|
+
export let labelautosize = false;
|
|
47
48
|
|
|
48
49
|
let component: HTMLDivElement;
|
|
49
50
|
const uuid = Math.random();
|
|
@@ -265,6 +266,7 @@
|
|
|
265
266
|
on:click={() => (openState = true)}
|
|
266
267
|
on:change
|
|
267
268
|
on:blur
|
|
269
|
+
on:keydown
|
|
268
270
|
/>
|
|
269
271
|
|
|
270
272
|
<div class="mc-autocomplete__tools">
|
|
@@ -312,6 +314,7 @@
|
|
|
312
314
|
{datavalueexpr}
|
|
313
315
|
{selectall}
|
|
314
316
|
{labelselectall}
|
|
317
|
+
{labelautosize}
|
|
315
318
|
overlay={true}
|
|
316
319
|
width={maxwidth}
|
|
317
320
|
bind:value={listboxValue}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{H as t,i as e,s as l,I as s,e as c,h as i,M as o,t as a,b as n,n as x,m as h,q as r,r as d,V as b,a0 as m,v as w,k as v,y as u,d as p,N as _,R as f,x as g,P as k,a1 as y}from"../../index-c222d0b7.js";import{E}from"../../EventHandler-f7ee47ca.js";function C(t){s(t,"svelte-tcxwth",".mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{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;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:hover{border-color:#191919}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth: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-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:checked,.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-listbox.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{background-color:#ffffff;border:1px solid #666666;border-radius:3px;overflow-y:auto;max-width:var(--listbox-maxwidth, none);width:var(--listbox-width, auto)}.mc-listbox.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__list.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{list-style:none;margin-left:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0}.mc-listbox__tile.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0.75rem;padding-right:0.75rem;position:relative}.mc-listbox__tile.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:not(.mc-listbox__tile--empty):not(.is-disabled):hover,.mc-listbox__tile.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:has(.mc-listbox__input:focus),.mc-listbox__tile.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:has(.mc-listbox__label:focus){background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__tile--empty.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{color:#666666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-listbox__tile--empty.svelte-tcxwth .mc-listbox__label.svelte-tcxwth.svelte-tcxwth{cursor:default}.mc-listbox__tile.is-disabled.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox__label.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{font-size:1rem;line-height:1.375;color:currentColor;cursor:pointer;white-space:nowrap;outline:transparent}.mc-listbox__label.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth::after{content:\"\";position:absolute;inset:0;z-index:var(--listbox-label-z-index, 2)}.mc-listbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{margin-left:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-tcxwth:not(.mc-listbox--multi) .mc-listbox__input.svelte-tcxwth.svelte-tcxwth{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox--options.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{max-height:13.8125rem;min-width:var(--listbox-minwidth, 6rem)}.mc-listbox--options.svelte-tcxwth .mc-listbox__tile.svelte-tcxwth.svelte-tcxwth{height:3rem}.mc-listbox--options.svelte-tcxwth .mc-listbox__tile.svelte-tcxwth.svelte-tcxwth:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox--options.svelte-tcxwth .mc-listbox__tile.is-selected .mc-listbox__label.svelte-tcxwth.svelte-tcxwth::before{visibility:visible}.mc-listbox--options.svelte-tcxwth .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label.svelte-tcxwth.svelte-tcxwth::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options.svelte-tcxwth .mc-listbox__input.svelte-tcxwth:checked+.mc-listbox__label.svelte-tcxwth::before{visibility:visible}.mc-listbox--options.svelte-tcxwth .mc-listbox__input.svelte-tcxwth:checked:disabled+.mc-listbox__label.svelte-tcxwth::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options.svelte-tcxwth .mc-listbox__label.svelte-tcxwth.svelte-tcxwth::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23191919' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-position:center;background-repeat:no-repeat;background-size:1.5rem;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem;visibility:hidden}.mc-listbox--overlay.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{position:absolute;z-index:var(--listbox-overlay-z-index, 10)}")}function z(t,e,l){const s=t.slice();return s[30]=e[l],s[32]=l,s}function $(t){let e,l,s;return{c(){e=c("div"),l=c("span"),s=w(t[4]),i(l,"class","mc-listbox__label svelte-tcxwth"),i(e,"class","mc-listbox__tile mc-listbox__tile--empty svelte-tcxwth")},m(t,c){n(t,e,c),v(e,l),v(l,s)},p(t,e){16&e[0]&&u(s,t[4])},d(t){t&&h(e)}}}function B(t){let e,l,s,o,a=t[2]&&t[9]&&M(t),x=t[14],r=[];for(let e=0;e<x.length;e+=1)r[e]=j(z(t,x,e));return{c(){e=c("ul"),a&&a.c(),l=p();for(let t=0;t<r.length;t+=1)r[t].c();i(e,"role","listbox"),i(e,"class","mc-listbox__list svelte-tcxwth"),i(e,"aria-labelledby","listbox")},m(c,i){n(c,e,i),a&&a.m(e,null),v(e,l);for(let t=0;t<r.length;t+=1)r[t]&&r[t].m(e,null);s||(o=_(t[18].call(null,e)),s=!0)},p(t,s){if(t[2]&&t[9]?a?a.p(t,s):(a=M(t),a.c(),a.m(e,l)):a&&(a.d(1),a=null),147687&s[0]){let l;for(x=t[14],l=0;l<x.length;l+=1){const c=z(t,x,l);r[l]?r[l].p(c,s):(r[l]=j(c),r[l].c(),r[l].m(e,null))}for(;l<r.length;l+=1)r[l].d(1);r.length=x.length}},d(t){t&&h(e),a&&a.d(),f(r,t),s=!1,o()}}}function M(t){let e,l,s,o,a,x,r;return{c(){e=c("li"),l=c("input"),s=p(),o=c("label"),a=w(t[10]),i(l,"id","select-all"),i(l,"class","mc-listbox__input mc-checkbox__input svelte-tcxwth"),i(l,"type","checkbox"),l.indeterminate=t[16],i(o,"for","select-all"),i(o,"class","mc-listbox__label svelte-tcxwth"),i(e,"class","mc-listbox__tile svelte-tcxwth")},m(c,i){n(c,e,i),v(e,l),l.checked=t[15],v(e,s),v(e,o),v(o,a),x||(r=[g(l,"change",t[23]),g(l,"change",t[19])],x=!0)},p(t,e){65536&e[0]&&(l.indeterminate=t[16]),32768&e[0]&&(l.checked=t[15]),1024&e[0]&&u(a,t[10])},d(t){t&&h(e),x=!1,k(r)}}}function H(t){let e,l,s,o,a,x,r,d=!1;return a=y(t[25][0]),{c(){e=c("input"),i(e,"id",t[17](t[32])),i(e,"class","mc-listbox__input mc-checkbox__input svelte-tcxwth"),i(e,"type","checkbox"),e.__value=l=t[30][t[6]],e.value=e.__value,e.checked=s=t[0].includes(t[30][t[6]]),e.disabled=o=Boolean(t[30][t[7]]),a.p(e)},m(l,s){n(l,e,s),e.checked=~(t[0]||[]).indexOf(e.__value),x||(r=[g(e,"change",t[26]),g(e,"change",t[22])],x=!0)},p(t,c){16448&c[0]&&l!==(l=t[30][t[6]])&&(e.__value=l,e.value=e.__value,d=!0),16449&c[0]&&s!==(s=t[0].includes(t[30][t[6]]))&&(e.checked=s),16512&c[0]&&o!==(o=Boolean(t[30][t[7]]))&&(e.disabled=o),(d||16385&c[0])&&(e.checked=~(t[0]||[]).indexOf(e.__value))},d(t){t&&h(e),a.r(),x=!1,k(r)}}}function L(t){let e,l,s,o,x,r,d=!1;return o=y(t[25][0]),{c(){e=c("input"),i(e,"id",t[17](t[32])),i(e,"class","mc-listbox__input svelte-tcxwth"),i(e,"type","radio"),e.__value=l=t[30][t[6]],e.value=e.__value,i(e,"name",t[1]),e.disabled=s=Boolean(t[30][t[7]]),a(e,"is-disabled",t[30][t[7]]),o.p(e)},m(l,s){n(l,e,s),e.checked=e.__value===t[0],x||(r=[g(e,"change",t[24]),g(e,"change",t[21])],x=!0)},p(t,c){16448&c[0]&&l!==(l=t[30][t[6]])&&(e.__value=l,e.value=e.__value,d=!0),2&c[0]&&i(e,"name",t[1]),16512&c[0]&&s!==(s=Boolean(t[30][t[7]]))&&(e.disabled=s),(d||16385&c[0])&&(e.checked=e.__value===t[0]),16512&c[0]&&a(e,"is-disabled",t[30][t[7]])},d(t){t&&h(e),o.r(),x=!1,k(r)}}}function j(t){let e,l,s,o,x,r=t[30][t[5]]+"";function d(t,e){return t[2]?H:L}let b=d(t),m=b(t);return{c(){e=c("li"),m.c(),l=p(),s=c("label"),o=w(r),x=p(),i(s,"for",t[17](t[32])),i(s,"class","mc-listbox__label svelte-tcxwth"),i(e,"class","mc-listbox__tile svelte-tcxwth"),a(e,"is-disabled",t[30][t[7]])},m(t,c){n(t,e,c),m.m(e,null),v(e,l),v(e,s),v(s,o),v(e,x)},p(t,s){b===(b=d(t))&&m?m.p(t,s):(m.d(1),m=b(t),m&&(m.c(),m.m(e,l))),16416&s[0]&&r!==(r=t[30][t[5]]+"")&&u(o,r),16512&s[0]&&a(e,"is-disabled",t[30][t[7]])},d(t){t&&h(e),m.d()}}}function O(t){let e;function l(t,e){return t[3]?$:B}let s=l(t),r=s(t);return{c(){e=c("div"),r.c(),i(e,"class","mc-listbox svelte-tcxwth"),o(e,"--listbox-maxwidth",t[8]),o(e,"--listbox-width",t[12]),o(e,"--listbox-minwidth",t[12]),a(e,"mc-listbox--options","options"===t[13]),a(e,"mc-listbox--multi",t[2]),a(e,"mc-listbox--overlay",t[11])},m(t,l){n(t,e,l),r.m(e,null)},p(t,c){s===(s=l(t))&&r?r.p(t,c):(r.d(1),r=s(t),r&&(r.c(),r.m(e,null))),256&c[0]&&o(e,"--listbox-maxwidth",t[8]),4096&c[0]&&o(e,"--listbox-width",t[12]),4096&c[0]&&o(e,"--listbox-minwidth",t[12]),8192&c[0]&&a(e,"mc-listbox--options","options"===t[13]),4&c[0]&&a(e,"mc-listbox--multi",t[2]),2048&c[0]&&a(e,"mc-listbox--overlay",t[11])},i:x,o:x,d(t){t&&h(e),r.d()}}}function A(t,e,l){let s,c,i;const o=Math.random();let{name:a=`listboxradio-${o}`}=e,{items:n}=e,{value:x}=e,{multiple:h}=e,{isfiltered:w}=e,{emptysearchlabel:v="No results found"}=e,{datatextexpr:u="label"}=e,{datavalueexpr:p="value"}=e,{datadisabledexpr:_="disabled"}=e,{maxwidth:f}=e,{selectall:g=!1}=e,{labelselectall:k="Select all"}=e,{overlay:y}=e,{width:C}=e,{type:z="options"}=e,$=new E(r(),d());const B=[[]];return t.$$set=t=>{"name"in t&&l(1,a=t.name),"items"in t&&l(20,n=t.items),"value"in t&&l(0,x=t.value),"multiple"in t&&l(2,h=t.multiple),"isfiltered"in t&&l(3,w=t.isfiltered),"emptysearchlabel"in t&&l(4,v=t.emptysearchlabel),"datatextexpr"in t&&l(5,u=t.datatextexpr),"datavalueexpr"in t&&l(6,p=t.datavalueexpr),"datadisabledexpr"in t&&l(7,_=t.datadisabledexpr),"maxwidth"in t&&l(8,f=t.maxwidth),"selectall"in t&&l(9,g=t.selectall),"labelselectall"in t&&l(10,k=t.labelselectall),"overlay"in t&&l(11,y=t.overlay),"width"in t&&l(12,C=t.width),"type"in t&&l(13,z=t.type)},t.$$.update=()=>{512&t.$$.dirty[0]&&l(15,s=null!=g&&g),1048576&t.$$.dirty[0]&&l(14,c=n?JSON.parse(n):[]),1&t.$$.dirty[0]&&l(0,x=x?(l(15,s=!1),l(16,i=!1),x&&0===x.length?(l(15,s=!1),l(16,i=!1)):x&&x.length<c.length?l(16,i=!0):x&&x.length===c.length&&l(15,s=!0),x):[])},l(16,i=!0),[x,a,h,w,v,u,p,_,f,g,k,y,C,z,c,s,i,function(t){return`listboxItem-${t+o}`},function(t){t.addEventListener("scroll",(()=>{t.offsetHeight+t.scrollTop>=t.scrollHeight&&$.dispatch("scrollend",{})}))},function(t){const e=t.target.checked;l(15,s=!!e),s?c.map((t=>{t[_]||-1!==x.indexOf(t[p])||x.push(t[p])})):l(0,x=[]),$.dispatch("select-all",x),l(0,x)},n,function(e){b.call(this,t,e)},function(e){b.call(this,t,e)},function(){s=this.checked,l(15,s),l(9,g)},function(){x=this.__value,l(0,x)},B,function(){x=m(B[0],this.__value,this.checked),l(0,x)}]}class N extends t{constructor(t){super(),e(this,t,A,O,l,{name:1,items:20,value:0,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,datadisabledexpr:7,maxwidth:8,selectall:9,labelselectall:10,overlay:11,width:12,type:13},C,[-1,-1])}}export{N as default};
|
|
1
|
+
import{H as e,i as t,s as l,I as s,e as i,h as o,M as a,t as c,b as n,n as r,m as g,q as d,r as b,V as m,a0 as v,v as x,k as h,y as u,d as p,N as _,R as f,x as w,P as k,a1 as y}from"../../index-c222d0b7.js";import{E as z}from"../../EventHandler-f7ee47ca.js";function E(e){s(e,"svelte-46ee2g",".mc-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g{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;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:hover{border-color:#191919}.mc-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g: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-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:checked,.mc-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-listbox.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g{background-color:#ffffff;border:1px solid #666666;border-radius:3px;overflow-y:auto;max-width:var(--listbox-maxwidth, none);width:var(--listbox-width, auto)}.mc-listbox.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__list.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g{list-style:none;margin-left:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0}.mc-listbox__tile.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0.75rem;padding-right:0.75rem;position:relative}.mc-listbox__tile.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:not(.mc-listbox__tile--empty):not(.is-disabled):hover,.mc-listbox__tile.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:has(.mc-listbox__input:focus),.mc-listbox__tile.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g:has(.mc-listbox__label:focus){background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__tile--empty.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g{color:#666666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-listbox__tile--empty.svelte-46ee2g .mc-listbox__label.svelte-46ee2g.svelte-46ee2g{cursor:default}.mc-listbox__tile.is-disabled.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g{-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox__label.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g{font-size:1rem;line-height:1.375;color:currentColor;cursor:pointer;white-space:nowrap;outline:transparent}.mc-listbox__label.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g::after{content:\"\";position:absolute;inset:0;z-index:var(--listbox-label-z-index, 2)}.mc-listbox__input.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g{margin-left:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-46ee2g:not(.mc-listbox--multi) .mc-listbox__input.svelte-46ee2g.svelte-46ee2g{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox--options.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g{max-height:13.8125rem;min-width:var(--listbox-minwidth, 6rem)}.mc-listbox--options.svelte-46ee2g .mc-listbox__tile.svelte-46ee2g.svelte-46ee2g{height:3rem}.mc-listbox--options.svelte-46ee2g .mc-listbox__tile.svelte-46ee2g.svelte-46ee2g:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox--options.svelte-46ee2g .mc-listbox__tile.is-selected .mc-listbox__label.svelte-46ee2g.svelte-46ee2g::before{visibility:visible}.mc-listbox--options.svelte-46ee2g .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label.svelte-46ee2g.svelte-46ee2g::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options.svelte-46ee2g .mc-listbox__input.svelte-46ee2g:checked+.mc-listbox__label.svelte-46ee2g::before{visibility:visible}.mc-listbox--options.svelte-46ee2g .mc-listbox__input.svelte-46ee2g:checked:disabled+.mc-listbox__label.svelte-46ee2g::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options.svelte-46ee2g .mc-listbox__label.svelte-46ee2g.svelte-46ee2g::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23191919' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-position:center;background-repeat:no-repeat;background-size:1.5rem;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem;visibility:hidden}.mc-listbox--overlay.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g{position:absolute;z-index:var(--listbox-overlay-z-index, 10)}.mc-listbox__tile--auto-size.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g{height:auto !important;min-height:3rem}.mc-listbox__label--no-overflow.svelte-46ee2g.svelte-46ee2g.svelte-46ee2g{white-space:break-spaces}")}function C(e,t,l){const s=e.slice();return s[31]=t[l],s[33]=l,s}function $(e){let t,l,s;return{c(){t=i("div"),l=i("span"),s=x(e[4]),o(l,"class","mc-listbox__label svelte-46ee2g"),o(t,"class","mc-listbox__tile mc-listbox__tile--empty svelte-46ee2g")},m(e,i){n(e,t,i),h(t,l),h(l,s)},p(e,t){16&t[0]&&u(s,e[4])},d(e){e&&g(t)}}}function B(e){let t,l,s,a,c=e[2]&&e[9]&&M(e),r=e[15],d=[];for(let t=0;t<r.length;t+=1)d[t]=j(C(e,r,t));return{c(){t=i("ul"),c&&c.c(),l=p();for(let e=0;e<d.length;e+=1)d[e].c();o(t,"role","listbox"),o(t,"class","mc-listbox__list svelte-46ee2g"),o(t,"aria-labelledby","listbox")},m(i,o){n(i,t,o),c&&c.m(t,null),h(t,l);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(t,null);s||(a=_(e[19].call(null,t)),s=!0)},p(e,s){if(e[2]&&e[9]?c?c.p(e,s):(c=M(e),c.c(),c.m(t,l)):c&&(c.d(1),c=null),311527&s[0]){let l;for(r=e[15],l=0;l<r.length;l+=1){const i=C(e,r,l);d[l]?d[l].p(i,s):(d[l]=j(i),d[l].c(),d[l].m(t,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}},d(e){e&&g(t),c&&c.d(),f(d,e),s=!1,a()}}}function M(e){let t,l,s,a,c,r,d;return{c(){t=i("li"),l=i("input"),s=p(),a=i("label"),c=x(e[10]),o(l,"id","select-all"),o(l,"class","mc-listbox__input mc-checkbox__input svelte-46ee2g"),o(l,"type","checkbox"),l.indeterminate=e[17],o(a,"for","select-all"),o(a,"class","mc-listbox__label svelte-46ee2g"),o(t,"class","mc-listbox__tile svelte-46ee2g")},m(i,o){n(i,t,o),h(t,l),l.checked=e[16],h(t,s),h(t,a),h(a,c),r||(d=[w(l,"change",e[24]),w(l,"change",e[20])],r=!0)},p(e,t){131072&t[0]&&(l.indeterminate=e[17]),65536&t[0]&&(l.checked=e[16]),1024&t[0]&&u(c,e[10])},d(e){e&&g(t),r=!1,k(d)}}}function H(e){let t,l,s,a,c,r,d,b=!1;return c=y(e[26][0]),{c(){t=i("input"),o(t,"id",e[18](e[33])),o(t,"class","mc-listbox__input mc-checkbox__input svelte-46ee2g"),o(t,"type","checkbox"),t.__value=l=e[31][e[6]],t.value=t.__value,t.checked=s=e[0].includes(e[31][e[6]]),t.disabled=a=Boolean(e[31][e[7]]),c.p(t)},m(l,s){n(l,t,s),t.checked=~(e[0]||[]).indexOf(t.__value),r||(d=[w(t,"change",e[27]),w(t,"change",e[23])],r=!0)},p(e,i){32832&i[0]&&l!==(l=e[31][e[6]])&&(t.__value=l,t.value=t.__value,b=!0),32833&i[0]&&s!==(s=e[0].includes(e[31][e[6]]))&&(t.checked=s),32896&i[0]&&a!==(a=Boolean(e[31][e[7]]))&&(t.disabled=a),(b||32769&i[0])&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&g(t),c.r(),r=!1,k(d)}}}function L(e){let t,l,s,a,r,d,b=!1;return a=y(e[26][0]),{c(){t=i("input"),o(t,"id",e[18](e[33])),o(t,"class","mc-listbox__input svelte-46ee2g"),o(t,"type","radio"),t.__value=l=e[31][e[6]],t.value=t.__value,o(t,"name",e[1]),t.disabled=s=Boolean(e[31][e[7]]),c(t,"is-disabled",e[31][e[7]]),a.p(t)},m(l,s){n(l,t,s),t.checked=t.__value===e[0],r||(d=[w(t,"change",e[25]),w(t,"change",e[22])],r=!0)},p(e,i){32832&i[0]&&l!==(l=e[31][e[6]])&&(t.__value=l,t.value=t.__value,b=!0),2&i[0]&&o(t,"name",e[1]),32896&i[0]&&s!==(s=Boolean(e[31][e[7]]))&&(t.disabled=s),(b||32769&i[0])&&(t.checked=t.__value===e[0]),32896&i[0]&&c(t,"is-disabled",e[31][e[7]])},d(e){e&&g(t),a.r(),r=!1,k(d)}}}function j(e){let t,l,s,a,r,d=e[31][e[5]]+"";function b(e,t){return e[2]?H:L}let m=b(e),v=m(e);return{c(){t=i("li"),v.c(),l=p(),s=i("label"),a=x(d),r=p(),o(s,"for",e[18](e[33])),o(s,"class","mc-listbox__label svelte-46ee2g"),c(s,"mc-listbox__label--no-overflow",e[14]),o(t,"class","mc-listbox__tile svelte-46ee2g"),c(t,"is-disabled",e[31][e[7]]),c(t,"mc-listbox__tile--auto-size",e[14])},m(e,i){n(e,t,i),v.m(t,null),h(t,l),h(t,s),h(s,a),h(t,r)},p(e,i){m===(m=b(e))&&v?v.p(e,i):(v.d(1),v=m(e),v&&(v.c(),v.m(t,l))),32800&i[0]&&d!==(d=e[31][e[5]]+"")&&u(a,d),16384&i[0]&&c(s,"mc-listbox__label--no-overflow",e[14]),32896&i[0]&&c(t,"is-disabled",e[31][e[7]]),16384&i[0]&&c(t,"mc-listbox__tile--auto-size",e[14])},d(e){e&&g(t),v.d()}}}function O(e){let t;function l(e,t){return e[3]?$:B}let s=l(e),d=s(e);return{c(){t=i("div"),d.c(),o(t,"class","mc-listbox svelte-46ee2g"),a(t,"--listbox-maxwidth",e[8]),a(t,"--listbox-width",e[12]),a(t,"--listbox-minwidth",e[12]),c(t,"mc-listbox--options","options"===e[13]),c(t,"mc-listbox--multi",e[2]),c(t,"mc-listbox--overlay",e[11])},m(e,l){n(e,t,l),d.m(t,null)},p(e,i){s===(s=l(e))&&d?d.p(e,i):(d.d(1),d=s(e),d&&(d.c(),d.m(t,null))),256&i[0]&&a(t,"--listbox-maxwidth",e[8]),4096&i[0]&&a(t,"--listbox-width",e[12]),4096&i[0]&&a(t,"--listbox-minwidth",e[12]),8192&i[0]&&c(t,"mc-listbox--options","options"===e[13]),4&i[0]&&c(t,"mc-listbox--multi",e[2]),2048&i[0]&&c(t,"mc-listbox--overlay",e[11])},i:r,o:r,d(e){e&&g(t),d.d()}}}function A(e,t,l){let s,i,o;const a=Math.random();let{name:c=`listboxradio-${a}`}=t,{items:n}=t,{value:r}=t,{multiple:g}=t,{isfiltered:x}=t,{emptysearchlabel:h="No results found"}=t,{datatextexpr:u="label"}=t,{datavalueexpr:p="value"}=t,{datadisabledexpr:_="disabled"}=t,{maxwidth:f}=t,{selectall:w=!1}=t,{labelselectall:k="Select all"}=t,{overlay:y}=t,{width:E}=t,{type:C="options"}=t,{labelautosize:$=!1}=t,B=new z(d(),b());const M=[[]];return e.$$set=e=>{"name"in e&&l(1,c=e.name),"items"in e&&l(21,n=e.items),"value"in e&&l(0,r=e.value),"multiple"in e&&l(2,g=e.multiple),"isfiltered"in e&&l(3,x=e.isfiltered),"emptysearchlabel"in e&&l(4,h=e.emptysearchlabel),"datatextexpr"in e&&l(5,u=e.datatextexpr),"datavalueexpr"in e&&l(6,p=e.datavalueexpr),"datadisabledexpr"in e&&l(7,_=e.datadisabledexpr),"maxwidth"in e&&l(8,f=e.maxwidth),"selectall"in e&&l(9,w=e.selectall),"labelselectall"in e&&l(10,k=e.labelselectall),"overlay"in e&&l(11,y=e.overlay),"width"in e&&l(12,E=e.width),"type"in e&&l(13,C=e.type),"labelautosize"in e&&l(14,$=e.labelautosize)},e.$$.update=()=>{512&e.$$.dirty[0]&&l(16,s=null!=w&&w),2097152&e.$$.dirty[0]&&l(15,i=n?JSON.parse(n):[]),1&e.$$.dirty[0]&&l(0,r=r?(l(16,s=!1),l(17,o=!1),r&&0===r.length?(l(16,s=!1),l(17,o=!1)):r&&r.length<i.length?l(17,o=!0):r&&r.length===i.length&&l(16,s=!0),r):[])},l(17,o=!0),[r,c,g,x,h,u,p,_,f,w,k,y,E,C,$,i,s,o,function(e){return`listboxItem-${e+a}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&B.dispatch("scrollend",{})}))},function(e){const t=e.target.checked;l(16,s=!!t),s?i.map((e=>{e[_]||-1!==r.indexOf(e[p])||r.push(e[p])})):l(0,r=[]),B.dispatch("select-all",r),l(0,r)},n,function(t){m.call(this,e,t)},function(t){m.call(this,e,t)},function(){s=this.checked,l(16,s),l(9,w)},function(){r=this.__value,l(0,r)},M,function(){r=v(M[0],this.__value,this.checked),l(0,r)}]}class N extends e{constructor(e){super(),t(this,e,A,O,l,{name:1,items:21,value:0,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,datadisabledexpr:7,maxwidth:8,selectall:9,labelselectall:10,overlay:11,width:12,type:13,labelautosize:14},E,[-1,-1])}}export{N as default};
|
|
2
2
|
//# sourceMappingURL=Listbox.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Listbox.nested.js","sources":["../../../src/components/listbox/Listbox.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { ListboxItems } from './listbox.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n const uuid = Math.random();\n\n export let name: string = `listboxradio-${uuid}`;\n export let items: string;\n export let value: any;\n export let multiple: boolean;\n export let isfiltered: boolean;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let datadisabledexpr = 'disabled';\n export let maxwidth: string;\n export let selectall = false;\n export let labelselectall = 'Select all';\n export let overlay: boolean;\n export let width: string;\n export let type = 'options';\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n $: allSelected = selectall ?? false;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: value = value ? (determineSelectionState() as []) : [];\n $: selectAllIndeterminate = true;\n\n function determineSelectionState(): [] {\n allSelected = false;\n selectAllIndeterminate = false;\n if (value && value.length === 0) {\n allSelected = false;\n selectAllIndeterminate = false;\n } else if (value && value.length < parsedItems.length) {\n selectAllIndeterminate = true;\n } else if (value && value.length === parsedItems.length) {\n allSelected = true;\n }\n\n return value;\n }\n\n function setItemId(index: number) {\n return `listboxItem-${index + uuid}`;\n }\n\n function scrollEnd(node: HTMLElement) {\n node.addEventListener('scroll', () => {\n if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {\n eventHandler.dispatch('scrollend', {});\n }\n });\n }\n\n function onSelectAll(e: Event) {\n const ischecked = (<HTMLInputElement>e.target).checked;\n allSelected = ischecked ? true : false;\n if (allSelected) {\n parsedItems.map((item) => {\n if (\n !item[datadisabledexpr] &&\n value.indexOf(item[datavalueexpr]) === -1\n )\n value.push(item[datavalueexpr]);\n });\n } else {\n value = [];\n }\n eventHandler.dispatch('select-all', value);\n value = value;\n }\n</script>\n\n<div\n class=\"mc-listbox\"\n class:mc-listbox--options={type === 'options'}\n class:mc-listbox--multi={multiple}\n class:mc-listbox--overlay={overlay}\n style=\"--listbox-maxwidth: {maxwidth}; --listbox-width: {width}; --listbox-minwidth: {width};\"\n>\n {#if !isfiltered}\n <ul\n role=\"listbox\"\n class=\"mc-listbox__list\"\n aria-labelledby=\"listbox\"\n use:scrollEnd\n >\n {#if multiple && selectall}\n <li class=\"mc-listbox__tile\">\n <input\n id=\"select-all\"\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n indeterminate={selectAllIndeterminate}\n bind:checked={allSelected}\n on:change={onSelectAll}\n />\n <label for=\"select-all\" class=\"mc-listbox__label\">\n {labelselectall}\n </label>\n </li>\n {/if}\n {#each parsedItems as item, index}\n <li
|
|
1
|
+
{"version":3,"file":"Listbox.nested.js","sources":["../../../src/components/listbox/Listbox.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { ListboxItems } from './listbox.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n const uuid = Math.random();\n\n export let name: string = `listboxradio-${uuid}`;\n export let items: string;\n export let value: any;\n export let multiple: boolean;\n export let isfiltered: boolean;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let datadisabledexpr = 'disabled';\n export let maxwidth: string;\n export let selectall = false;\n export let labelselectall = 'Select all';\n export let overlay: boolean;\n export let width: string;\n export let type = 'options';\n export let labelautosize = false;\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n $: allSelected = selectall ?? false;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: value = value ? (determineSelectionState() as []) : [];\n $: selectAllIndeterminate = true;\n\n function determineSelectionState(): [] {\n allSelected = false;\n selectAllIndeterminate = false;\n if (value && value.length === 0) {\n allSelected = false;\n selectAllIndeterminate = false;\n } else if (value && value.length < parsedItems.length) {\n selectAllIndeterminate = true;\n } else if (value && value.length === parsedItems.length) {\n allSelected = true;\n }\n\n return value;\n }\n\n function setItemId(index: number) {\n return `listboxItem-${index + uuid}`;\n }\n\n function scrollEnd(node: HTMLElement) {\n node.addEventListener('scroll', () => {\n if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {\n eventHandler.dispatch('scrollend', {});\n }\n });\n }\n\n function onSelectAll(e: Event) {\n const ischecked = (<HTMLInputElement>e.target).checked;\n allSelected = ischecked ? true : false;\n if (allSelected) {\n parsedItems.map((item) => {\n if (\n !item[datadisabledexpr] &&\n value.indexOf(item[datavalueexpr]) === -1\n )\n value.push(item[datavalueexpr]);\n });\n } else {\n value = [];\n }\n eventHandler.dispatch('select-all', value);\n value = value;\n }\n</script>\n\n<div\n class=\"mc-listbox\"\n class:mc-listbox--options={type === 'options'}\n class:mc-listbox--multi={multiple}\n class:mc-listbox--overlay={overlay}\n style=\"--listbox-maxwidth: {maxwidth}; --listbox-width: {width}; --listbox-minwidth: {width};\"\n>\n {#if !isfiltered}\n <ul\n role=\"listbox\"\n class=\"mc-listbox__list\"\n aria-labelledby=\"listbox\"\n use:scrollEnd\n >\n {#if multiple && selectall}\n <li class=\"mc-listbox__tile\">\n <input\n id=\"select-all\"\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n indeterminate={selectAllIndeterminate}\n bind:checked={allSelected}\n on:change={onSelectAll}\n />\n <label for=\"select-all\" class=\"mc-listbox__label\">\n {labelselectall}\n </label>\n </li>\n {/if}\n {#each parsedItems as item, index}\n <li\n class=\"mc-listbox__tile\"\n class:is-disabled={item[datadisabledexpr]}\n class:mc-listbox__tile--auto-size={labelautosize}\n >\n {#if !multiple}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input\"\n class:is-disabled={item[datadisabledexpr]}\n type=\"radio\"\n value={item[datavalueexpr]}\n {name}\n disabled={Boolean(item[datadisabledexpr])}\n bind:group={value}\n on:change\n />\n {:else}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n value={item[datavalueexpr]}\n checked={value.includes(item[datavalueexpr])}\n disabled={Boolean(item[datadisabledexpr])}\n bind:group={value}\n on:change\n />\n {/if}\n\n <label\n for={setItemId(index)}\n class=\"mc-listbox__label\"\n class:mc-listbox__label--no-overflow={labelautosize}\n >\n {item[datatextexpr]}\n </label>\n </li>\n {/each}\n </ul>\n {:else}\n <div class=\"mc-listbox__tile mc-listbox__tile--empty\">\n <span class=\"mc-listbox__label\">{emptysearchlabel}</span>\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.checkbox';\n @import '@mozaic-ds/styles/components/c.listbox';\n\n .mc-listbox__tile--auto-size {\n height: auto !important;\n min-height: 3rem;\n }\n .mc-listbox__label--no-overflow {\n white-space: break-spaces;\n }\n</style>\n"],"names":["ctx","insert","target","div","anchor","append","span","if_block","create_if_block_2","length","i","ul","li","input","label","attr","__value","input_value_value","checked","input_checked_value","includes","Boolean","indexOf","dirty","toggle_class","t1_value","create_if_block_1","set_data","t1","create_if_block","uuid","Math","random","name","$$props","items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","datadisabledexpr","maxwidth","selectall","labelselectall","overlay","width","type","labelautosize","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","allSelected","parsedItems","JSON","parse","selectAllIndeterminate","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","e","ischecked","map","item","push","this","get_binding_group_value","$$binding_groups"],"mappings":"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"}
|