@mozaic-ds/vue 0.26.0 → 0.27.0

package/dist/mozaic-vue.adeo.css

@@ -6,7 +6,7 @@
 .mc-text-input{font-family:"Roboto",sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease,-webkit-box-shadow 200ms ease;display:block;width:100%;position:relative;border:1px solid #666;color:#191919;background-color:#fff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-webkit-input-placeholder{margin:0;color:gray;opacity:1}.mc-text-input::-moz-placeholder{margin:0;color:gray;opacity:1}.mc-text-input:-ms-input-placeholder{margin:0;color:gray;opacity:1}.mc-text-input::-ms-input-placeholder{margin:0;color:gray;opacity:1}.mc-text-input::placeholder{margin:0;color:gray;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1rem 1rem;background-position:right .5rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM0NmE2MTAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=)}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNjNjExMTIiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTkuNDEgOGwzLjMtMy4yOWExIDEgMCAxMC0xLjQyLTEuNDJMOCA2LjU5bC0zLjI5LTMuM2ExIDEgMCAwMC0xLjQyIDEuNDJMNi41OSA4bC0zLjMgMy4yOWExIDEgMCAwMDAgMS40MiAxIDEgMCAwMDEuNDIgMEw4IDkuNDFsMy4yOSAzLjNhMSAxIDAgMDAxLjQyIDAgMSAxIDAgMDAwLTEuNDJ6Ii8+PC9zdmc+)}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input.is-hover,.mc-text-input:hover{border-color:#191919}.mc-text-input.is-focus,.mc-text-input:focus{-webkit-box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-text-input:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-text-input--s{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s::-webkit-input-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s::-moz-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s:-ms-input-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s::-ms-input-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s::placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--s\@from-m{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\@from-m::-webkit-input-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s\@from-m::-moz-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s\@from-m:-ms-input-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s\@from-m::-ms-input-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s\@from-m::placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--m\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\@from-m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\@from-m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\@from-m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\@from-m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--s\@from-l{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\@from-l::-webkit-input-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s\@from-l::-moz-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s\@from-l:-ms-input-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s\@from-l::-ms-input-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s\@from-l::placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--m\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\@from-l::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\@from-l::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\@from-l:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\@from-l::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--s\@from-xl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\@from-xl::-webkit-input-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s\@from-xl::-moz-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s\@from-xl:-ms-input-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s\@from-xl::-ms-input-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s\@from-xl::placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--m\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\@from-xl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\@from-xl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\@from-xl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\@from-xl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--s\@from-xxl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\@from-xxl::-webkit-input-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s\@from-xxl::-moz-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s\@from-xxl:-ms-input-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s\@from-xxl::-ms-input-placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--s\@from-xxl::placeholder{font-size:.875rem;line-height:1.2857142857}.mc-text-input--m\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\@from-xxl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\@from-xxl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\@from-xxl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\@from-xxl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}
 .mc-left-icon-input{position:relative}.mc-left-icon-input__icon{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);fill:#666;pointer-events:none}.mc-left-icon-input .mc-left-icon-input__icon{left:.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input .mc-left-icon-input__input{padding-left:2.9375rem}.mc-left-icon-input--s .mc-left-icon-input__icon{left:.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s .mc-left-icon-input__input{padding-left:2.4375rem}
 .mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem}.mc-checkbox__input{font-family:"Roboto",sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666;background:#fff;position:relative;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{border:2px solid #666;background:#fff;border-radius:4px;color:#fff}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input:focus{-webkit-box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-checkbox__input:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{border-color:#e6e6e6;background:#e6e6e6}.mc-checkbox__input:disabled:indeterminate{background-color:#e6e6e6;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==);border-color:#e6e6e6}.mc-checkbox__input:checked{background-color:#00919f;border-color:#00919f;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=);background-position:center center;background-size:1rem}.mc-checkbox__input:checked::-ms-check{background-color:#00919f;border-color:#00919f}.mc-checkbox__input:checked:hover{border-color:#004e57}.mc-checkbox__input:checked:hover::-ms-check{border-color:#004e57}.mc-checkbox__input:checked:disabled{border-color:#e6e6e6;background:#e6e6e6;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=)}.mc-checkbox__input:indeterminate{background-color:#00919f;border-color:#00919f;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==)}.mc-listbox{list-style:none;margin-left:0;padding-left:0;background-color:#fff;border:1px solid #666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:.25rem;margin-bottom:0;max-height:13.8125rem;min-width:18rem;opacity:0;visibility:hidden;width:var(--listbox-width, 18rem)}.mc-listbox.is-open{opacity:1;visibility:visible;z-index:10}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666}.mc-listbox__item,.mc-listbox__tile{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;min-height:3rem;padding-left:.75rem;padding-right:.75rem;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-listbox__item:not(:last-child),.mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item:hover,.mc-listbox__tile:hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__flag,.mc-listbox__icon{width:2rem;height:2rem}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__empty{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-listbox__label{cursor:pointer;margin-right:auto}.mc-listbox__label::after{content:"";position:absolute;inset:0;z-index:2}.mc-listbox__input{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox .is-checked,.mc-listbox .is-selected{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwIDE4LjY4YTEgMSAwIDAxLS43LS4yOWwtNS01QTEgMSAwIDAxNS43MyAxMkwxMCAxNi4yNyAxOC4zMSA4YTEgMSAwIDAxMS40MiAxLjQybC05IDlhMSAxIDAgMDEtLjczLjI2eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:right .75rem center;background-size:1.5rem}.mc-listbox .is-focus{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox .is-disabled{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;background-color:#ccc;color:#666;pointer-events:none}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{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:not(.mc-listbox--multi) .mc-listbox__input:checked+.mc-listbox__label::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwIDE4LjY4YTEgMSAwIDAxLS43LS4yOWwtNS01QTEgMSAwIDAxNS43MyAxMkwxMCAxNi4yNyAxOC4zMSA4YTEgMSAwIDAxMS40MiAxLjQybC05IDlhMSAxIDAgMDEtLjczLjI2eiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:center;content:"";height:1.5rem;position:absolute;right:.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem}.mc-listbox--left{right:0}.mc-listbox__empty{margin-top:0}
-.mc-autocomplete{position:relative}.mc-autocomplete__trigger{width:18rem}.mc-autocomplete__trigger.is-disabled,.mc-autocomplete__trigger:disabled{border-color:rgba(0,0,0,0);background-color:#e6e6e6;color:#666;cursor:not-allowed;pointer-events:none}.mc-autocomplete__tag{position:absolute;z-index:2;top:50%;left:2.75rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:6.375rem}.mc-autocomplete{max-width:var(--max-width)}.mc-autocomplete__tag{position:absolute;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.mc-autocomplete__loader{position:absolute;right:.75rem;top:.75rem;z-index:10}.mc-autocomplete--multi .mc-autocomplete__trigger{overflow:hidden;padding-left:calc(2.9375rem + var(--tag-width));-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
+.mc-autocomplete{position:relative}.mc-autocomplete__trigger{width:18rem}.mc-autocomplete__trigger.is-disabled,.mc-autocomplete__trigger:disabled{border-color:rgba(0,0,0,0);background-color:#e6e6e6;color:#666;cursor:not-allowed;pointer-events:none}.mc-autocomplete__tag{position:absolute;z-index:2;top:50%;left:2.75rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:6.375rem}.mc-autocomplete{max-width:var(--max-width)}.mc-autocomplete__tag{position:absolute;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.mc-autocomplete__loader{position:absolute;right:.75rem;top:.75rem;z-index:10}.mc-autocomplete__trigger{width:100%}.mc-autocomplete--multi .mc-autocomplete__trigger{overflow:hidden;padding-left:calc(2.9375rem + var(--tag-width));-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
 .mc-badge{border-radius:4px;border:1px solid rgba(0,0,0,0);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 .5rem;margin:0;vertical-align:middle;min-height:1.375rem;-ms-flex-negative:0;flex-shrink:0;white-space:nowrap;font-family:"Roboto",sans-serif;font-weight:700;font-size:.875rem;line-height:1.1428571429;color:#005c91;border-color:#0b96cc;background-color:#daeff7}.mc-badge--success{color:#006902;border-color:#46a610;background-color:#ebf5de}.mc-badge--warning{color:#8c3500;border-color:#ea7315;background-color:#fdf1e8}.mc-badge--danger{color:#8c0003;border-color:#ea302d;background-color:#fdeaea}.mc-badge--neutral{color:#4d4d4d;border-color:gray;background-color:#e6e6e6}
 .mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;color:#000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-link.is-visited,.mc-link:visited{color:#333}.mc-link.is-hover,.mc-link:hover{color:#666}.mc-link.is-active,.mc-link:active{color:#333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0);content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease,-webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link__icon--left{margin-right:.25rem}.mc-link__icon--right{margin-left:.25rem}.mc-link--light{color:#fff}.mc-link--light.is-visited,.mc-link--light:visited{color:#ccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999}.mc-link--light.is-active,.mc-link--light:active{color:#ccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#007f8c}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006974}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#004e57}.mc-link--primary.is-active,.mc-link--primary:active{color:#006974}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\@from-m{font-size:.875rem;line-height:1.2857142857}.mc-link--m\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\@from-l{font-size:.875rem;line-height:1.2857142857}.mc-link--m\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\@from-xl{font-size:.875rem;line-height:1.2857142857}.mc-link--m\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\@from-xxl{font-size:.875rem;line-height:1.2857142857}.mc-link--m\@from-xxl{font-size:1rem;line-height:1.375}}
 .mc-breadcrumb{font-family:"Roboto",sans-serif;font-weight:400;color:#191919;padding:.9375rem 0 .9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb{padding-left:2.5rem}}.mc-breadcrumb__container{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item{padding-right:.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child,.mc-breadcrumb__item:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item:not(:first-child){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==)}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==)}}.mc-breadcrumb__current,.mc-breadcrumb__current.mc-link{cursor:default;text-decoration:none}.mc-breadcrumb__current,.mc-breadcrumb__current:active,.mc-breadcrumb__current:focus,.mc-breadcrumb__current:hover,.mc-breadcrumb__current:visited,.mc-breadcrumb__current.mc-link,.mc-breadcrumb__current.mc-link:active,.mc-breadcrumb__current.mc-link:focus,.mc-breadcrumb__current.mc-link:hover,.mc-breadcrumb__current.mc-link:visited{color:currentColor}.mc-breadcrumb--dark{background-color:#4d4d4d;color:#fff}.mc-breadcrumb--dark .mc-breadcrumb__item:not(:first-child){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==)}@media screen and (max-width: 1023px){.mc-breadcrumb--dark .mc-breadcrumb__item.is-active,.mc-breadcrumb--dark .mc-breadcrumb__item:only-child{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==)}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive .mc-breadcrumb__item:not(.is-active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}}

package/dist/mozaic-vue.adeo.umd.js

@@ -30318,8 +30318,8 @@ MAccordion.install = function (Vue) {
 };
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/autocomplete/MAutocomplete.vue?vue&type=template&id=6fb03662&
-var MAutocompletevue_type_template_id_6fb03662_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/autocomplete/MAutocomplete.vue?vue&type=template&id=68429f8a&
+var MAutocompletevue_type_template_id_68429f8a_render = function render() {
   var _vm = this,
       _c = _vm._self._c;
 
@@ -30389,7 +30389,8 @@ var MAutocompletevue_type_template_id_6fb03662_render = function render() {
       "data-key-expr": _vm.dataKeyExpr,
       "data-text-expr": _vm.dataTextExpr,
       "data-value-expr": _vm.dataValueExpr,
-      "is-filtered": _vm.isFiltered
+      "is-filtered": _vm.isFiltered,
+      "max-width": _vm.maxWidth
     },
     on: {
       "change": _vm.onChange
@@ -30413,7 +30414,7 @@ var MAutocompletevue_type_template_id_6fb03662_render = function render() {
   })], 1);
 };
 
-var MAutocompletevue_type_template_id_6fb03662_staticRenderFns = [];
+var MAutocompletevue_type_template_id_68429f8a_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
 var es_number_constructor = __webpack_require__(9653);
@@ -31156,12 +31157,12 @@ var MTextInput_component = normalizeComponent(
 )
 
 /* harmony default export */ var MTextInput = (MTextInput_component.exports);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBox.vue?vue&type=template&id=50612cc9&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBox.vue?vue&type=template&id=10145fe1&
 
 
 
 
-var MListBoxvue_type_template_id_50612cc9_render = function render() {
+var MListBoxvue_type_template_id_10145fe1_render = function render() {
   var _vm = this,
       _c = _vm._self._c;
 
@@ -31171,6 +31172,9 @@ var MListBoxvue_type_template_id_50612cc9_render = function render() {
       'is-open': _vm.open,
       'mc-listbox--multi': _vm.multiple
     },
+    style: {
+      '--listbox-width': _vm.maxWidth
+    },
     attrs: {
       "role": "listbox",
       "aria-labelledby": "listbox"
@@ -31293,9 +31297,9 @@ var MListBoxvue_type_template_id_50612cc9_render = function render() {
   }, [_vm._v(_vm._s(_vm.emptySearchLabel))])])], 2);
 };
 
-var MListBoxvue_type_template_id_50612cc9_staticRenderFns = [];
+var MListBoxvue_type_template_id_10145fe1_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=template&id=50612cc9&
+;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=template&id=10145fe1&
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBox.vue?vue&type=script&lang=js&
 
@@ -31344,6 +31348,10 @@ var MListBoxvue_type_template_id_50612cc9_staticRenderFns = [];
     value: {
       type: [Array, String, Number],
       default: undefined
+    },
+    maxWidth: {
+      type: String,
+      default: '17.875rem'
     }
   },
   data: function data() {
@@ -31384,10 +31392,10 @@ var MListBoxvue_type_template_id_50612cc9_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=script&lang=js&
  /* harmony default export */ var listbox_MListBoxvue_type_script_lang_js_ = (MListBoxvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBox.vue?vue&type=style&index=0&id=50612cc9&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBox.vue?vue&type=style&index=0&id=10145fe1&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=style&index=0&id=50612cc9&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=style&index=0&id=10145fe1&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue
 
@@ -31400,8 +31408,8 @@ var MListBoxvue_type_template_id_50612cc9_staticRenderFns = [];
 
 var MListBox_component = normalizeComponent(
   listbox_MListBoxvue_type_script_lang_js_,
-  MListBoxvue_type_template_id_50612cc9_render,
-  MListBoxvue_type_template_id_50612cc9_staticRenderFns,
+  MListBoxvue_type_template_id_10145fe1_render,
+  MListBoxvue_type_template_id_10145fe1_staticRenderFns,
   false,
   null,
   null,
@@ -31534,7 +31542,8 @@ var MListBox_component = normalizeComponent(
     // Global
     maxWidth: {
       type: String,
-      default: '17.875rem'
+      default: '100%' // 17.875rem
+
     }
   },
   data: function data() {
@@ -31581,8 +31590,7 @@ var MListBox_component = normalizeComponent(
     listboxValue: function listboxValue(val) {
       var _this = this;
 
-      var value = Array.isArray(val) ? val : val.toString();
-      var selectedItems = this.getSelectedItems(value);
+      var selectedItems = this.getSelectedItems(val);
       var seletedLabels = selectedItems.map(function (item) {
         return item[_this.dataTextExpr];
       });
@@ -31662,7 +31670,7 @@ var MListBox_component = normalizeComponent(
 
       var value = val ? val : this.listboxValue;
       var selectedItems = this.items.filter(function (item) {
-        return value.includes(item[_this4.dataValueExpr]);
+        return _this4.multiple ? value.includes(item[_this4.dataValueExpr]) : value === item[_this4.dataValueExpr];
       });
       return selectedItems;
     },
@@ -31696,10 +31704,10 @@ var MListBox_component = normalizeComponent(
 });
 ;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=script&lang=js&
  /* harmony default export */ var autocomplete_MAutocompletevue_type_script_lang_js_ = (MAutocompletevue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=6fb03662&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=68429f8a&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=6fb03662&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=68429f8a&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue
 
@@ -31712,8 +31720,8 @@ var MListBox_component = normalizeComponent(
 
 var MAutocomplete_component = normalizeComponent(
   autocomplete_MAutocompletevue_type_script_lang_js_,
-  MAutocompletevue_type_template_id_6fb03662_render,
-  MAutocompletevue_type_template_id_6fb03662_staticRenderFns,
+  MAutocompletevue_type_template_id_68429f8a_render,
+  MAutocompletevue_type_template_id_68429f8a_staticRenderFns,
   false,
   null,
   null,
@@ -35586,8 +35594,8 @@ MFileUploader.install = function (Vue) {
 };
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/flag/MFlag.vue?vue&type=template&id=05669004&
-var MFlagvue_type_template_id_05669004_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/flag/MFlag.vue?vue&type=template&id=3af77125&
+var MFlagvue_type_template_id_3af77125_render = function render() {
   var _vm = this,
       _c = _vm._self._c;
 
@@ -35595,10 +35603,12 @@ var MFlagvue_type_template_id_05669004_render = function render() {
     tag: "component",
     staticClass: "mc-flag",
     class: _vm.setClasses
-  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]);
+  }, [_c('span', {
+    staticClass: "mc-flag__label"
+  }, [_vm._v(_vm._s(_vm.label))])]);
 };
 
-var MFlagvue_type_template_id_05669004_staticRenderFns = [];
+var MFlagvue_type_template_id_3af77125_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/flag/MFlag.vue?vue&type=script&lang=js&
 
@@ -35636,10 +35646,10 @@ var MFlagvue_type_template_id_05669004_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./src/components/flag/MFlag.vue?vue&type=script&lang=js&
  /* harmony default export */ var flag_MFlagvue_type_script_lang_js_ = (MFlagvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/flag/MFlag.vue?vue&type=style&index=0&id=05669004&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/flag/MFlag.vue?vue&type=style&index=0&id=3af77125&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/flag/MFlag.vue?vue&type=style&index=0&id=05669004&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/flag/MFlag.vue?vue&type=style&index=0&id=3af77125&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/flag/MFlag.vue
 
@@ -35652,8 +35662,8 @@ var MFlagvue_type_template_id_05669004_staticRenderFns = [];
 
 var MFlag_component = normalizeComponent(
   flag_MFlagvue_type_script_lang_js_,
-  MFlagvue_type_template_id_05669004_render,
-  MFlagvue_type_template_id_05669004_staticRenderFns,
+  MFlagvue_type_template_id_3af77125_render,
+  MFlagvue_type_template_id_3af77125_staticRenderFns,
   false,
   null,
   null,

package/dist/mozaic-vue.common.js

@@ -30308,8 +30308,8 @@ MAccordion.install = function (Vue) {
 };
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/autocomplete/MAutocomplete.vue?vue&type=template&id=6fb03662&
-var MAutocompletevue_type_template_id_6fb03662_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/autocomplete/MAutocomplete.vue?vue&type=template&id=68429f8a&
+var MAutocompletevue_type_template_id_68429f8a_render = function render() {
   var _vm = this,
       _c = _vm._self._c;
 
@@ -30379,7 +30379,8 @@ var MAutocompletevue_type_template_id_6fb03662_render = function render() {
       "data-key-expr": _vm.dataKeyExpr,
       "data-text-expr": _vm.dataTextExpr,
       "data-value-expr": _vm.dataValueExpr,
-      "is-filtered": _vm.isFiltered
+      "is-filtered": _vm.isFiltered,
+      "max-width": _vm.maxWidth
     },
     on: {
       "change": _vm.onChange
@@ -30403,7 +30404,7 @@ var MAutocompletevue_type_template_id_6fb03662_render = function render() {
   })], 1);
 };
 
-var MAutocompletevue_type_template_id_6fb03662_staticRenderFns = [];
+var MAutocompletevue_type_template_id_68429f8a_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
 var es_number_constructor = __webpack_require__(9653);
@@ -31146,12 +31147,12 @@ var MTextInput_component = normalizeComponent(
 )
 
 /* harmony default export */ var MTextInput = (MTextInput_component.exports);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBox.vue?vue&type=template&id=50612cc9&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBox.vue?vue&type=template&id=10145fe1&
 
 
 
 
-var MListBoxvue_type_template_id_50612cc9_render = function render() {
+var MListBoxvue_type_template_id_10145fe1_render = function render() {
   var _vm = this,
       _c = _vm._self._c;
 
@@ -31161,6 +31162,9 @@ var MListBoxvue_type_template_id_50612cc9_render = function render() {
       'is-open': _vm.open,
       'mc-listbox--multi': _vm.multiple
     },
+    style: {
+      '--listbox-width': _vm.maxWidth
+    },
     attrs: {
       "role": "listbox",
       "aria-labelledby": "listbox"
@@ -31283,9 +31287,9 @@ var MListBoxvue_type_template_id_50612cc9_render = function render() {
   }, [_vm._v(_vm._s(_vm.emptySearchLabel))])])], 2);
 };
 
-var MListBoxvue_type_template_id_50612cc9_staticRenderFns = [];
+var MListBoxvue_type_template_id_10145fe1_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=template&id=50612cc9&
+;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=template&id=10145fe1&
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBox.vue?vue&type=script&lang=js&
 
@@ -31334,6 +31338,10 @@ var MListBoxvue_type_template_id_50612cc9_staticRenderFns = [];
     value: {
       type: [Array, String, Number],
       default: undefined
+    },
+    maxWidth: {
+      type: String,
+      default: '17.875rem'
     }
   },
   data: function data() {
@@ -31374,10 +31382,10 @@ var MListBoxvue_type_template_id_50612cc9_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=script&lang=js&
  /* harmony default export */ var listbox_MListBoxvue_type_script_lang_js_ = (MListBoxvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBox.vue?vue&type=style&index=0&id=50612cc9&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBox.vue?vue&type=style&index=0&id=10145fe1&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=style&index=0&id=50612cc9&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=style&index=0&id=10145fe1&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue
 
@@ -31390,8 +31398,8 @@ var MListBoxvue_type_template_id_50612cc9_staticRenderFns = [];
 
 var MListBox_component = normalizeComponent(
   listbox_MListBoxvue_type_script_lang_js_,
-  MListBoxvue_type_template_id_50612cc9_render,
-  MListBoxvue_type_template_id_50612cc9_staticRenderFns,
+  MListBoxvue_type_template_id_10145fe1_render,
+  MListBoxvue_type_template_id_10145fe1_staticRenderFns,
   false,
   null,
   null,
@@ -31524,7 +31532,8 @@ var MListBox_component = normalizeComponent(
     // Global
     maxWidth: {
       type: String,
-      default: '17.875rem'
+      default: '100%' // 17.875rem
+
     }
   },
   data: function data() {
@@ -31571,8 +31580,7 @@ var MListBox_component = normalizeComponent(
     listboxValue: function listboxValue(val) {
       var _this = this;
 
-      var value = Array.isArray(val) ? val : val.toString();
-      var selectedItems = this.getSelectedItems(value);
+      var selectedItems = this.getSelectedItems(val);
       var seletedLabels = selectedItems.map(function (item) {
         return item[_this.dataTextExpr];
       });
@@ -31652,7 +31660,7 @@ var MListBox_component = normalizeComponent(
 
       var value = val ? val : this.listboxValue;
       var selectedItems = this.items.filter(function (item) {
-        return value.includes(item[_this4.dataValueExpr]);
+        return _this4.multiple ? value.includes(item[_this4.dataValueExpr]) : value === item[_this4.dataValueExpr];
       });
       return selectedItems;
     },
@@ -31686,10 +31694,10 @@ var MListBox_component = normalizeComponent(
 });
 ;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=script&lang=js&
  /* harmony default export */ var autocomplete_MAutocompletevue_type_script_lang_js_ = (MAutocompletevue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=6fb03662&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=68429f8a&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=6fb03662&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=68429f8a&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue
 
@@ -31702,8 +31710,8 @@ var MListBox_component = normalizeComponent(
 
 var MAutocomplete_component = normalizeComponent(
   autocomplete_MAutocompletevue_type_script_lang_js_,
-  MAutocompletevue_type_template_id_6fb03662_render,
-  MAutocompletevue_type_template_id_6fb03662_staticRenderFns,
+  MAutocompletevue_type_template_id_68429f8a_render,
+  MAutocompletevue_type_template_id_68429f8a_staticRenderFns,
   false,
   null,
   null,
@@ -35576,8 +35584,8 @@ MFileUploader.install = function (Vue) {
 };
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/flag/MFlag.vue?vue&type=template&id=05669004&
-var MFlagvue_type_template_id_05669004_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/flag/MFlag.vue?vue&type=template&id=3af77125&
+var MFlagvue_type_template_id_3af77125_render = function render() {
   var _vm = this,
       _c = _vm._self._c;
 
@@ -35585,10 +35593,12 @@ var MFlagvue_type_template_id_05669004_render = function render() {
     tag: "component",
     staticClass: "mc-flag",
     class: _vm.setClasses
-  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]);
+  }, [_c('span', {
+    staticClass: "mc-flag__label"
+  }, [_vm._v(_vm._s(_vm.label))])]);
 };
 
-var MFlagvue_type_template_id_05669004_staticRenderFns = [];
+var MFlagvue_type_template_id_3af77125_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/flag/MFlag.vue?vue&type=script&lang=js&
 
@@ -35626,10 +35636,10 @@ var MFlagvue_type_template_id_05669004_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./src/components/flag/MFlag.vue?vue&type=script&lang=js&
  /* harmony default export */ var flag_MFlagvue_type_script_lang_js_ = (MFlagvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/flag/MFlag.vue?vue&type=style&index=0&id=05669004&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/flag/MFlag.vue?vue&type=style&index=0&id=3af77125&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/flag/MFlag.vue?vue&type=style&index=0&id=05669004&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/flag/MFlag.vue?vue&type=style&index=0&id=3af77125&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/flag/MFlag.vue
 
@@ -35642,8 +35652,8 @@ var MFlagvue_type_template_id_05669004_staticRenderFns = [];
 
 var MFlag_component = normalizeComponent(
   flag_MFlagvue_type_script_lang_js_,
-  MFlagvue_type_template_id_05669004_render,
-  MFlagvue_type_template_id_05669004_staticRenderFns,
+  MFlagvue_type_template_id_3af77125_render,
+  MFlagvue_type_template_id_3af77125_staticRenderFns,
   false,
   null,
   null,