mediacube-ui-v2 0.0.291 → 0.0.292

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/assets/components/elements/McChip/index.css +1 -1
  2. package/dist/assets/components/elements/McFieldSelect/index.css +1 -1
  3. package/dist/assets/components/templates/McTable/McTable/index.css +1 -1
  4. package/dist/components/elements/McFieldSelect/McFieldSelect.vue2.js +28 -28
  5. package/dist/index.js +12 -15
  6. package/dist/types/components/elements/McAvatar/McAvatar.vue.d.ts +1 -1
  7. package/dist/types/components/elements/McAvatar/index.d.ts +1 -1
  8. package/dist/types/components/elements/McChip/McChip.vue.d.ts +1 -1
  9. package/dist/types/components/elements/McChip/index.d.ts +3 -3
  10. package/dist/types/components/elements/McFieldRadio/McFieldRadio.vue.d.ts +1 -1
  11. package/dist/types/components/elements/McFieldRadio/index.d.ts +3 -3
  12. package/dist/types/components/elements/McIconShell/McIconShell.vue.d.ts +1 -1
  13. package/dist/types/components/elements/McIconShell/index.d.ts +3 -3
  14. package/dist/types/components/elements/McSvgIcon/McSvgIcon.vue.d.ts +1 -1
  15. package/dist/types/components/elements/McSvgIcon/index.d.ts +1 -1
  16. package/dist/types/components/patterns/McCell/McCell.vue.d.ts +1 -1
  17. package/dist/types/components/patterns/McCell/index.d.ts +3 -3
  18. package/dist/types/styles/ColorTheme.js +2 -2
  19. package/package.json +1 -1
package/dist/assets/components/elements/McChip/index.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.mc-chip{--mc-chip-text-color: #FFFFFF;--mc-chip-color: #FFFFFF;display:inline-flex;position:relative;align-items:center;color:var(--mc-chip-color);font-family:Inter,sans-serif;font-size:.8125rem;line-height:1rem;max-width:100%;border-radius:100px;vertical-align:middle;outline:none;z-index:0;flex-shrink:0;overflow:visible}.mc-chip:before{content:"";position:absolute;left:0;right:0;z-index:0;height:100%;width:100%;border-radius:inherit;background-color:var(--mc-chip-color)}.mc-chip>*{margin-right:.25rem;z-index:1}.mc-chip>*:first-child{margin-left:.25rem}.mc-chip--size-m{padding-right:.5rem;padding-left:.5rem}.mc-chip--size-m-compact{padding-right:.25rem;padding-left:.25rem}.mc-chip--size-m,.mc-chip--size-m-compact{height:2rem}.mc-chip--size-s{padding-right:.5rem;padding-left:.5rem}.mc-chip--size-s-compact{padding-right:.25rem;padding-left:.25rem}.mc-chip--size-s,.mc-chip--size-s-compact{height:1.5rem}.mc-chip--size-xs{padding-right:.25rem;padding-left:.25rem}.mc-chip--size-xs-compact{padding-right:0;padding-left:0}.mc-chip--size-xs,.mc-chip--size-xs-compact{height:1rem;font-size:.625rem;line-height:.75rem}.mc-chip__icon{display:flex;justify-content:center;align-items:center;margin-left:0}.mc-chip__title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;min-width:0;max-width:100%;color:var(--mc-chip-text-color)}.mc-chip__title:empty{display:none}.mc-chip__counter{flex:0 0 auto;font-family:Inter,sans-serif;font-size:.8125rem;line-height:1rem;color:#5c6670}.mc-chip__counter:empty{display:none}.mc-chip__button{height:1rem;width:1rem;position:relative;display:flex;flex:0 0 auto;justify-content:center;align-items:center;padding:0;margin-right:0;border-radius:0;user-select:none;text-decoration:none;text-transform:none;background-color:transparent;background-image:none;cursor:pointer;outline:0;border:none;transition:all .15s;flex-wrap:nowrap;-webkit-appearance:none;-webkit-text-fill-color:currentColor;color:#5c6670;opacity:.2}.mc-chip__button:hover{opacity:1;color:#f5563d}.mc-chip__button:active{color:#f99586}.mc-chip--variation-default .mc-chip__button{color:var(--mc-chip-color)}.mc-chip--variation-default .mc-chip__button:hover{opacity:1;color:#fff}.mc-chip--variation-default .mc-chip__button:active{color:#fff}.mc-chip--variation-default .mc-chip__title{color:var(--mc-chip-text-color)}.mc-chip--variation-default .mc-chip__counter{color:var(--mc-chip-text-color);opacity:.5}.mc-chip--variation-outline{color:var(--mc-chip-color);border:1px solid var(--mc-chip-color)}.mc-chip--variation-outline:before{display:none}.mc-chip--variation-invert{color:#202427}.mc-chip--variation-invert:before{background-color:var(--mc-chip-color);opacity:.1}
1
+ @charset "UTF-8";.mc-chip{--mc-chip-text-color: #FFFFFF;--mc-chip-color: #FFFFFF;display:inline-flex;position:relative;align-items:center;color:var(--mc-chip-color);font-family:Inter,sans-serif;font-size:.8125rem;line-height:1rem;max-width:100%;border-radius:100px;vertical-align:middle;outline:none;z-index:0;flex-shrink:0;overflow:visible}.mc-chip:before{content:"";position:absolute;left:0;right:0;z-index:0;height:100%;width:100%;border-radius:inherit;background-color:var(--mc-chip-color)}.mc-chip>*{margin-right:.25rem;z-index:1}.mc-chip>*:first-child{margin-left:.25rem}.mc-chip--size-m{padding-right:.5rem;padding-left:.5rem}.mc-chip--size-m-compact{padding-right:.25rem;padding-left:.25rem}.mc-chip--size-m,.mc-chip--size-m-compact{height:2rem}.mc-chip--size-s{padding-right:.5rem;padding-left:.5rem}.mc-chip--size-s-compact{padding-right:.25rem;padding-left:.25rem}.mc-chip--size-s,.mc-chip--size-s-compact{height:1.5rem}.mc-chip--size-xs{padding-right:.25rem;padding-left:.25rem}.mc-chip--size-xs-compact{padding-right:0;padding-left:0}.mc-chip--size-xs,.mc-chip--size-xs-compact{height:1rem;font-size:.625rem;line-height:.75rem}.mc-chip__icon{display:flex;justify-content:center;align-items:center;margin-left:0}.mc-chip__title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;min-width:0;max-width:100%;color:var(--mc-chip-text-color)}.mc-chip__title:empty{display:none}.mc-chip__counter{flex:0 0 auto;font-family:Inter,sans-serif;font-size:.8125rem;line-height:1rem;color:#5c6670}.mc-chip__counter:empty{display:none}.mc-chip__button{height:1rem;width:1rem;position:relative;display:flex;flex:0 0 auto;justify-content:center;align-items:center;padding:0;margin-right:0;border-radius:0;user-select:none;text-decoration:none;text-transform:none;background-color:transparent;background-image:none;cursor:pointer;outline:0;border:none;transition:all .15s;flex-wrap:nowrap;-webkit-appearance:none;-webkit-text-fill-color:currentColor;color:#5c6670;opacity:.2}.mc-chip__button:hover{opacity:1;color:#f5563d}.mc-chip__button:active{color:#f99586}.mc-chip--variation-default .mc-chip__button{color:var(--mc-chip-color)}.mc-chip--variation-default .mc-chip__button:hover{opacity:1;color:#fff}.mc-chip--variation-default .mc-chip__button:active{color:#fff}.mc-chip--variation-default .mc-chip__title{color:var(--mc-chip-text-color)}.mc-chip--variation-default .mc-chip__counter{color:var(--mc-chip-text-color);opacity:.5}.mc-chip--variation-outline{color:var(--mc-chip-color);border:1px solid var(--mc-chip-color)}.mc-chip--variation-outline:before{display:none}.mc-chip--variation-invert{color:#202427}.mc-chip--variation-invert:before{background-color:color-mix(in srgb,var(--mc-chip-color) 10%,white)}
package/dist/assets/components/elements/McFieldSelect/index.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:40px;height:38px;background:#fff;display:block}.multiselect__spinner:before,.multiselect__spinner:after{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border-color:#41b883 transparent transparent;border-style:solid;border-width:2px;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:initial;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"×";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{line-height:16px;min-height:40px;box-sizing:border-box;display:block;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;margin:0;text-decoration:none;border-radius:5px;border:1px solid #e8e8e8;cursor:pointer}.multiselect__select{line-height:16px;display:block;position:absolute;box-sizing:border-box;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;margin:0;text-decoration:none;text-align:center;cursor:pointer;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-style:solid;border-width:5px 5px 0 5px;border-color:#999 transparent transparent transparent;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-radius:5px 5px 0 0;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::-webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver;background:inherit}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}*[dir=rtl] .multiselect{text-align:right}*[dir=rtl] .multiselect__select{right:auto;left:1px}*[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}*[dir=rtl] .multiselect__content{text-align:right}*[dir=rtl] .multiselect__option:after{right:auto;left:0}*[dir=rtl] .multiselect__clear{right:auto;left:12px}*[dir=rtl] .multiselect__spinner{right:auto;left:1px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}.mc-field-select{--mc-field-select-bg-color: initial;--mc-field-select-label-color: #202427;--mc-field-select-border-color: initial;--mc-field-select-max-height: initial;--mc-field-select-placeholder-color: #8F99A3;font-family:Inter,sans-serif}@-moz-document url-prefix(){.mc-field-select{scrollbar-color:#C7CCD1 transparent;scrollbar-width:thin}}.mc-field-select ::-webkit-scrollbar{height:5px;width:5px;transition:background .3s}.mc-field-select ::-webkit-scrollbar-track{margin:.5rem 0;background:transparent;border-radius:.25rem}.mc-field-select ::-webkit-scrollbar-thumb{background:#c7ccd1;border-radius:.25rem}.mc-field-select ::-webkit-scrollbar-thumb:hover{background:#8f99a3}.mc-field-select--list-portal{position:fixed;inset:0;pointer-events:none;z-index:100006;margin:0;padding:0;border:none;background:transparent}.mc-field-select--list-portal .multiselect{position:fixed;inset:0;pointer-events:none}.mc-field-select--list-portal .multiselect__content-wrapper{position:fixed;z-index:100006;pointer-events:auto}.mc-field-select__header{font-size:0;line-height:0;display:block;margin-bottom:.5rem}.mc-field-select__header:empty{display:none}.mc-field-select__footer{margin-top:.25rem;line-height:.75rem}.mc-field-select__footer:empty{display:none}.mc-field-select__single-label{font-size:0;line-height:0;position:relative;display:flex;flex-wrap:nowrap;align-items:center}.mc-field-select__single-label>*:not(:last-child){margin-inline-end:.25rem}.mc-field-select__prepend{position:absolute}.mc-field-select__label-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:.8125rem;line-height:1rem;padding-inline-start:.25rem;color:var(--mc-field-select-label-color)}.mc-field-select__label-text--indent-left{margin-inline-start:1.5rem}.mc-field-select .multiselect__placeholder{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:var(--mc-field-select-placeholder-color);font-size:.8125rem;line-height:1rem;margin-bottom:calc(.75rem - 1px);padding-top:calc(.75rem - 1px);padding-inline-start:.25rem;width:100%}.mc-field-select .multiselect__single{font-size:.8125rem;line-height:1rem;padding-inline-start:.25rem;margin-bottom:calc(.75rem - 1px);margin-top:calc(.75rem - 1px);background-color:transparent;min-height:auto}.mc-field-select .multiselect__single.placeholder{color:#8f99a3}.mc-field-select .multiselect__single:-moz-placeholder{color:#8f99a3}.mc-field-select .multiselect__single::-moz-placeholder{color:#8f99a3}.mc-field-select .multiselect__single:-ms-input-placeholder{color:#8f99a3}.mc-field-select .multiselect__single::-webkit-input-placeholder{color:#8f99a3}.mc-field-select .multiselect__input{padding-inline-start:.25rem;margin-bottom:calc(.75rem - 2px);padding-top:calc(.75rem - 1px);font-size:.8125rem;line-height:1rem;min-height:auto;background-color:transparent}.mc-field-select .multiselect__input.placeholder{color:#8f99a3}.mc-field-select .multiselect__input:-moz-placeholder{color:#8f99a3}.mc-field-select .multiselect__input::-moz-placeholder{color:#8f99a3}.mc-field-select .multiselect__input:-ms-input-placeholder{color:#8f99a3}.mc-field-select .multiselect__input::-webkit-input-placeholder{color:#8f99a3}.mc-field-select .multiselect__select{overflow:hidden;height:1.75rem;width:1.5rem;inset-inline-end:.5rem;top:6px;padding:0;z-index:1}.mc-field-select .multiselect__select:before{direction:ltr;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid transparent;border-top:5px solid var(--mc-field-select-label-color)}.mc-field-select .multiselect__tags{font-size:0;line-height:0;position:relative;border:1px solid #C7CCD1;border-radius:.5rem!important;padding:0;padding-inline:.5rem 2.5rem;overflow:hidden;text-align:start}.mc-field-select .multiselect__tags:hover{border-color:var(--mc-field-select-color)}.mc-field-select .multiselect__tags:before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background-color:var(--mc-field-select-bg-color);opacity:.6}.mc-field-select .multiselect__tags-wrap{position:relative;padding-top:4px;padding-bottom:3px;top:0;display:flex;flex-wrap:wrap;margin-top:-1px;min-height:calc(2.5rem - 2px)}.mc-field-select .multiselect__tags-wrap>*:not(:last-child){margin-inline-end:.5rem}.mc-field-select .multiselect__tag{display:inline-flex;align-items:center;height:1.5rem;font-family:Inter,sans-serif;margin-top:.25rem;margin-bottom:.25rem;margin-right:unset;background-color:var(--mc-field-select-selected-color);padding:.25rem;border-radius:100px;font-size:.8125rem;line-height:1rem}.mc-field-select .multiselect__tag span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;flex:1 1 auto}.mc-field-select .multiselect__tag .mc-chip__button{opacity:1;border-radius:50%;background-color:#fff}.mc-field-select .multiselect__tag .mc-chip__button .mc-svg-icon{color:var(--mc-field-select-color);fill:var(--mc-field-select-color)}.mc-field-select .multiselect__tag .mc-chip__button:hover .mc-svg-icon{color:#f5563d;fill:#f5563d}.mc-field-select .multiselect__tag-icon{height:1rem;width:1rem;position:relative;background-color:var(--mc-field-select-color);border-radius:50%;flex:0 0 auto;margin-inline-start:.5rem}.mc-field-select .multiselect__tag-icon:hover{background-color:#f5563d}.mc-field-select .multiselect__tag-icon:after{position:absolute;left:50%;transform:translate(-50%) translateY(-50%);top:45%;color:#fff}.mc-field-select .multiselect__content{padding:.5rem;max-width:100%;font-size:.8125rem;line-height:1rem}.mc-field-select .multiselect__content-wrapper{top:calc(100% + .5rem);border:none;border-radius:.75rem;box-shadow:0 4px 12px #00000029;transition:opacity .15s ease;overflow-y:auto;overflow-x:hidden;max-height:300px;z-index:10003}.mc-field-select .multiselect--above .multiselect__content-wrapper{bottom:calc(100% + .5rem);top:auto}.mc-field-select .multiselect__option{min-height:2.5rem;display:flex;align-items:center;border-radius:.5rem;padding:.75rem}.mc-field-select .multiselect__option span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.mc-field-select .multiselect__option--highlight{background-color:#edf0f3;color:#202427}.mc-field-select .multiselect__option--selected{background-color:var(--mc-field-select-selected-color)!important;color:#202427!important;font-weight:500}.mc-field-select .multiselect__option--group.multiselect__option--disabled{background-color:#fff!important}.mc-field-select .multiselect--active .multiselect__tags{border-color:var(--mc-field-select-border-color)}.mc-field-select .multiselect--active .multiselect__tags:before{background-color:transparent}.mc-field-select .multiselect--active .multiselect__select:before{border-color:var(--mc-field-select-color) transparent transparent}.mc-field-select .multiselect__spinner:after,.mc-field-select .multiselect__spinner:before{border-top-color:var(--mc-field-select-color);height:1.5rem;width:1.5rem;top:calc(50% - 8px);left:calc(50% - 3px)}.mc-field-select--error .multiselect__tags{border-color:#f5563d!important}.mc-field-select--hide-arrow .multiselect__select,.mc-field-select--is-empty-options-list .multiselect__content-wrapper{display:none!important}.mc-field-select--disabled{cursor:not-allowed}.mc-field-select--disabled .multiselect--disabled{opacity:1;background:transparent}.mc-field-select--disabled .multiselect--disabled .multiselect__placeholder,.mc-field-select--disabled .multiselect--disabled .multiselect__single .mc-field-select__label-text{color:#8f99a3}.mc-field-select--disabled .multiselect--disabled .multiselect__select{background-color:transparent}.mc-field-select--disabled .multiselect--disabled .multiselect__select:before{border-color:#C7CCD1 transparent transparent}.mc-field-select .multiselect__option .mc-preview__left,.mc-field-select .multiselect__single .mc-preview__left{display:flex;align-items:center}.mc-field-select--with-preview .mc-preview{align-items:center}.mc-field-select--with-preview.mc-field-select--grouped .multiselect__content{padding:1rem}.mc-field-select--with-preview.mc-field-select--empty .multiselect__tags{padding:0;border-radius:.5rem!important}.mc-field-select--with-preview.mc-field-select--empty .multiselect__placeholder{padding-inline-start:.75rem}.mc-field-select--with-preview.mc-field-select--empty .multiselect__select{display:block}.mc-field-select--with-preview .multiselect--active .multiselect__select{transform:translateY(-50%) rotate(180deg)}.mc-field-select--with-preview .multiselect__select{top:50%;transform:translateY(-50%)}.mc-field-select--with-preview .multiselect__single{margin:0}.mc-field-select--with-preview .multiselect__tags{padding:1rem 0;padding-inline:.75rem;cursor:pointer;border-color:#dee0e2}.mc-field-select--with-preview .multiselect__option,.mc-field-select--with-preview .multiselect__content-wrapper,.mc-field-select--with-preview .multiselect__tags{border-radius:1rem!important}.mc-field-select--with-preview .multiselect__option{padding:1rem .75rem}.mc-field-select--with-preview .multiselect__option--group{min-height:auto}.mc-field-select--with-preview .multiselect__element:not([role=option]):not(:first-of-type){margin-top:1.5rem}.mc-field-select--max-height .multiselect__tags{max-height:var(--mc-field-select-max-height);overflow-y:auto;position:initial}.mc-field-select--max-height .multiselect__spinner{background:transparent;right:.125rem;top:.125rem}.mc-field-select__options-tooltip-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-field-select--rtl{direction:rtl}
1
+ @charset "UTF-8";fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:40px;height:38px;background:#fff;display:block}.multiselect__spinner:before,.multiselect__spinner:after{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border-color:#41b883 transparent transparent;border-style:solid;border-width:2px;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:initial;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"×";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{line-height:16px;min-height:40px;box-sizing:border-box;display:block;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;margin:0;text-decoration:none;border-radius:5px;border:1px solid #e8e8e8;cursor:pointer}.multiselect__select{line-height:16px;display:block;position:absolute;box-sizing:border-box;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;margin:0;text-decoration:none;text-align:center;cursor:pointer;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-style:solid;border-width:5px 5px 0 5px;border-color:#999 transparent transparent transparent;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-radius:5px 5px 0 0;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::-webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver;background:inherit}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}*[dir=rtl] .multiselect{text-align:right}*[dir=rtl] .multiselect__select{right:auto;left:1px}*[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}*[dir=rtl] .multiselect__content{text-align:right}*[dir=rtl] .multiselect__option:after{right:auto;left:0}*[dir=rtl] .multiselect__clear{right:auto;left:12px}*[dir=rtl] .multiselect__spinner{right:auto;left:1px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}.mc-field-select{--mc-field-select-bg-color: initial;--mc-field-select-label-color: #202427;--mc-field-select-border-color: initial;--mc-field-select-max-height: initial;--mc-field-select-placeholder-color: #8F99A3;font-family:Inter,sans-serif}@-moz-document url-prefix(){.mc-field-select{scrollbar-color:#C7CCD1 transparent;scrollbar-width:thin}}.mc-field-select ::-webkit-scrollbar{height:5px;width:5px;transition:background .3s}.mc-field-select ::-webkit-scrollbar-track{margin:.5rem 0;background:transparent;border-radius:.25rem}.mc-field-select ::-webkit-scrollbar-thumb{background:#c7ccd1;border-radius:.25rem}.mc-field-select ::-webkit-scrollbar-thumb:hover{background:#8f99a3}.mc-field-select--list-portal{position:fixed;inset:0;pointer-events:none;z-index:100006;margin:0;padding:0;border:none;background:transparent}.mc-field-select--list-portal .multiselect{position:fixed;inset:0;pointer-events:none}.mc-field-select--list-portal .multiselect__content-wrapper{position:fixed;z-index:100006;pointer-events:auto}.mc-field-select__header{font-size:0;line-height:0;display:block;margin-bottom:.5rem}.mc-field-select__header:empty{display:none}.mc-field-select__footer{margin-top:.25rem;line-height:.75rem}.mc-field-select__footer:empty{display:none}.mc-field-select__single-label{font-size:0;line-height:0;position:relative;display:flex;flex-wrap:nowrap;align-items:center}.mc-field-select__single-label>*:not(:last-child){margin-inline-end:.25rem}.mc-field-select__prepend{position:absolute}.mc-field-select__label-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:.8125rem;line-height:1rem;padding-inline-start:.25rem;color:var(--mc-field-select-label-color)}.mc-field-select__label-text--indent-left{margin-inline-start:1.5rem}.mc-field-select .multiselect__placeholder{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:var(--mc-field-select-placeholder-color);font-size:.8125rem;line-height:1rem;margin-bottom:calc(.75rem - 1px);padding-top:calc(.75rem - 1px);padding-inline-start:.25rem;width:100%}.mc-field-select .multiselect__single{font-size:.8125rem;line-height:1rem;padding-inline-start:.25rem;margin-bottom:calc(.75rem - 1px);margin-top:calc(.75rem - 1px);background-color:transparent;min-height:auto}.mc-field-select .multiselect__single.placeholder{color:#8f99a3}.mc-field-select .multiselect__single:-moz-placeholder{color:#8f99a3}.mc-field-select .multiselect__single::-moz-placeholder{color:#8f99a3}.mc-field-select .multiselect__single:-ms-input-placeholder{color:#8f99a3}.mc-field-select .multiselect__single::-webkit-input-placeholder{color:#8f99a3}.mc-field-select .multiselect__input{padding-inline-start:.25rem;margin-bottom:calc(.75rem - 2px);padding-top:calc(.75rem - 1px);font-size:.8125rem;line-height:1rem;min-height:auto;background-color:transparent}.mc-field-select .multiselect__input.placeholder{color:#8f99a3}.mc-field-select .multiselect__input:-moz-placeholder{color:#8f99a3}.mc-field-select .multiselect__input::-moz-placeholder{color:#8f99a3}.mc-field-select .multiselect__input:-ms-input-placeholder{color:#8f99a3}.mc-field-select .multiselect__input::-webkit-input-placeholder{color:#8f99a3}.mc-field-select .multiselect__select{overflow:hidden;height:1.75rem;width:1.5rem;inset-inline-end:.5rem;top:6px;padding:0;z-index:1}.mc-field-select .multiselect__select:before{direction:ltr;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid transparent;border-top:5px solid var(--mc-field-select-label-color)}.mc-field-select .multiselect__tags{font-size:0;line-height:0;position:relative;border:1px solid #C7CCD1;border-radius:.5rem!important;padding:0;padding-inline:.5rem 2.5rem;overflow:hidden;text-align:start}.mc-field-select .multiselect__tags:hover{border-color:var(--mc-field-select-color)}.mc-field-select .multiselect__tags:before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background-color:var(--mc-field-select-bg-color);opacity:.6}.mc-field-select .multiselect__tags-wrap{position:relative;padding-top:4px;padding-bottom:3px;top:0;display:flex;flex-wrap:wrap;margin-top:-1px;min-height:calc(2.5rem - 2px)}.mc-field-select .multiselect__tags-wrap>*:not(:last-child){margin-inline-end:.5rem}.mc-field-select .multiselect__tag{display:inline-flex;align-items:center;height:1.5rem;font-family:Inter,sans-serif;margin-top:.25rem;margin-bottom:.25rem;margin-right:unset;padding:.25rem;border-radius:100px;font-size:.8125rem;line-height:1rem}.mc-field-select .multiselect__tag span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;flex:1 1 auto}.mc-field-select .multiselect__tag .mc-chip__button{opacity:1;border-radius:50%;background-color:#fff}.mc-field-select .multiselect__tag .mc-chip__button .mc-svg-icon{color:var(--mc-field-select-color);fill:var(--mc-field-select-color)}.mc-field-select .multiselect__tag .mc-chip__button:hover .mc-svg-icon{color:#f5563d;fill:#f5563d}.mc-field-select .multiselect__tag-icon{height:1rem;width:1rem;position:relative;background-color:var(--mc-field-select-color);border-radius:50%;flex:0 0 auto;margin-inline-start:.5rem}.mc-field-select .multiselect__tag-icon:hover{background-color:#f5563d}.mc-field-select .multiselect__tag-icon:after{position:absolute;left:50%;transform:translate(-50%) translateY(-50%);top:45%;color:#fff}.mc-field-select .multiselect__content{padding:.5rem;max-width:100%;font-size:.8125rem;line-height:1rem}.mc-field-select .multiselect__content-wrapper{top:calc(100% + .5rem);border:none;border-radius:.75rem;box-shadow:0 4px 12px #00000029;transition:opacity .15s ease;overflow-y:auto;overflow-x:hidden;max-height:300px;z-index:10003}.mc-field-select .multiselect--above .multiselect__content-wrapper{bottom:calc(100% + .5rem);top:auto}.mc-field-select .multiselect__option{min-height:2.5rem;display:flex;align-items:center;border-radius:.5rem;padding:.75rem}.mc-field-select .multiselect__option span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.mc-field-select .multiselect__option--highlight{background-color:#edf0f3;color:#202427}.mc-field-select .multiselect__option--selected{background-color:var(--mc-field-select-selected-color)!important;color:#202427!important;font-weight:500}.mc-field-select .multiselect__option--group.multiselect__option--disabled{background-color:#fff!important}.mc-field-select .multiselect--active .multiselect__tags{border-color:var(--mc-field-select-border-color)}.mc-field-select .multiselect--active .multiselect__tags:before{background-color:transparent}.mc-field-select .multiselect--active .multiselect__select:before{border-color:var(--mc-field-select-color) transparent transparent}.mc-field-select .multiselect__spinner:after,.mc-field-select .multiselect__spinner:before{border-top-color:var(--mc-field-select-color);height:1.5rem;width:1.5rem;top:calc(50% - 8px);left:calc(50% - 3px)}.mc-field-select--error .multiselect__tags{border-color:#f5563d!important}.mc-field-select--hide-arrow .multiselect__select,.mc-field-select--is-empty-options-list .multiselect__content-wrapper{display:none!important}.mc-field-select--disabled{cursor:not-allowed}.mc-field-select--disabled .multiselect--disabled{opacity:1;background:transparent}.mc-field-select--disabled .multiselect--disabled .multiselect__placeholder,.mc-field-select--disabled .multiselect--disabled .multiselect__single .mc-field-select__label-text{color:#8f99a3}.mc-field-select--disabled .multiselect--disabled .multiselect__select{background-color:transparent}.mc-field-select--disabled .multiselect--disabled .multiselect__select:before{border-color:#C7CCD1 transparent transparent}.mc-field-select .multiselect__option .mc-preview__left,.mc-field-select .multiselect__single .mc-preview__left{display:flex;align-items:center}.mc-field-select--with-preview .mc-preview{align-items:center}.mc-field-select--with-preview.mc-field-select--grouped .multiselect__content{padding:1rem}.mc-field-select--with-preview.mc-field-select--empty .multiselect__tags{padding:0;border-radius:.5rem!important}.mc-field-select--with-preview.mc-field-select--empty .multiselect__placeholder{padding-inline-start:.75rem}.mc-field-select--with-preview.mc-field-select--empty .multiselect__select{display:block}.mc-field-select--with-preview .multiselect--active .multiselect__select{transform:translateY(-50%) rotate(180deg)}.mc-field-select--with-preview .multiselect__select{top:50%;transform:translateY(-50%)}.mc-field-select--with-preview .multiselect__single{margin:0}.mc-field-select--with-preview .multiselect__tags{padding:1rem 0;padding-inline:.75rem;cursor:pointer;border-color:#dee0e2}.mc-field-select--with-preview .multiselect__option,.mc-field-select--with-preview .multiselect__content-wrapper,.mc-field-select--with-preview .multiselect__tags{border-radius:1rem!important}.mc-field-select--with-preview .multiselect__option{padding:1rem .75rem}.mc-field-select--with-preview .multiselect__option--group{min-height:auto}.mc-field-select--with-preview .multiselect__element:not([role=option]):not(:first-of-type){margin-top:1.5rem}.mc-field-select--max-height .multiselect__tags{max-height:var(--mc-field-select-max-height);overflow-y:auto;position:initial}.mc-field-select--max-height .multiselect__spinner{background:transparent;right:.125rem;top:.125rem}.mc-field-select__options-tooltip-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-field-select--rtl{direction:rtl}
package/dist/assets/components/templates/McTable/McTable/index.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.mc-table{--mc-table-z-index-header: 14;--mc-table-z-index-footer: 14;--mc-table-z-index-fixed-col-card-opened: 13;--mc-table-z-index-fixed-col: 12;--mc-table-z-index-cell-right-slot: 11;--mc-table-z-index-cell: 10;font-family:Inter,sans-serif;overflow-y:auto;max-height:100%;display:flex;flex-direction:column;flex-grow:1}.mc-table *{box-sizing:border-box}.mc-table .mc-title{width:100%}.mc-table--card-opened{width:max-content;z-index:var(--mc-table-z-index-fixed-col-card-opened)}.mc-table__container{--border-style: 1px solid #EDF0F3;--table-row-hover-background-color: #EDF0F3;--mc-table-cell-width: auto;--mc-table-cell-max-width: auto;--mc-table-cell-min-width: auto;--mc-table-row-height: 40px;--mc-table-footer-row-height: 40px;--mc-table-first-col-width: auto;position:relative;overflow:hidden;font-size:.8125rem;display:flex;flex-direction:column;flex-grow:1}.mc-table__container--outline-border{border:var(--border-style)}.mc-table__container--card-opened>.mc-table__table-bottom-loader{width:var(--mc-table-first-col-width)}.mc-table__table{display:flex;flex-direction:column;flex-grow:1}.mc-table__table_header{position:sticky;top:0;z-index:var(--mc-table-z-index-header)}.mc-table__table_header-row{display:flex;flex-wrap:nowrap;height:var(--mc-table-header-row-height);min-height:var(--mc-table-header-row-height)}.mc-table__table_header-cell{position:sticky;text-align:left;top:0;z-index:var(--mc-table-z-index-cell);width:var(--mc-table-cell-width);max-width:var(--mc-table-cell-max-width);min-width:var(--mc-table-cell-min-width);background-color:#fff;border-bottom:var(--border-style);display:flex;align-items:center;padding:0 1rem}.mc-table__table_header-cell--fixed-first{left:0;z-index:var(--mc-table-z-index-fixed-col);border-right:var(--border-style);background-color:#fff}.mc-table__table_header-cell--fixed-last{right:0;z-index:var(--mc-table-z-index-fixed-col);background-color:#fff}.mc-table__table_header-cell--shadow-first{border-right-color:transparent}.mc-table__table_header-cell--shadow-first:after{content:"";position:absolute;top:0;right:0;bottom:0;background:none;width:1px;height:100%;box-shadow:5px 0 8px #202427;pointer-events:none}.mc-table__table_header-cell--shadow-last{border-left-color:transparent}.mc-table__table_header-cell--shadow-last:before{content:"";position:absolute;top:0;left:0;bottom:0;background:none;width:1px;height:100%;box-shadow:-5px 0 8px #202427;pointer-events:none}.mc-table__table_header-cell_content{width:100%;display:flex;justify-content:space-between;align-items:center}.mc-table__table_header-cell_content-left{display:flex;align-items:center}.mc-table__table_header-cell_content-left>*:not(:last-child){margin-inline-end:.25rem}.mc-table__table_header-cell_content-right{margin-inline-start:.25rem;display:flex;align-items:center;font-weight:600}.mc-table__table_header-cell_content-right>*:not(:last-child){margin-inline-end:.25rem}.mc-table__table_header-cell_content_total-loading .mc-chip__icon{margin:0!important}.mc-table__table_header-cell--align-left,.mc-table__table_header-cell--align-left .mc-table__table_header-cell_content{justify-content:flex-start}.mc-table__table_header-cell--align-center,.mc-table__table_header-cell--align-center .mc-table__table_header-cell_content{justify-content:center}.mc-table__table_header-cell--align-right,.mc-table__table_header-cell--align-right .mc-table__table_header-cell_content{justify-content:flex-end}.mc-table__table_header-cell .mc-table-sort,.mc-table__table_header-cell .mc-tooltip-target{display:inline-flex;align-items:center}.mc-table__table_body{display:flex;flex-direction:column;flex-grow:1}.mc-table__table_body-row{display:flex;flex-wrap:nowrap;height:var(--mc-table-row-height);min-height:var(--mc-table-row-height);cursor:pointer}.mc-table__table_body-row--active .mc-table__table_body-cell,.mc-table__table_body-row:hover .mc-table__table_body-cell{background-color:var(--table-row-hover-background-color)}.mc-table__table_body-row:hover .mc-table__table_body-cell_content-right{display:flex}@media (hover: none) and (pointer: coarse){.mc-table__table_body-row .mc-table__table_body-cell_content-right{display:flex}}.mc-table__table_body-row--fake{min-height:0;max-height:100%;height:100%;cursor:default}.mc-table__table_body-row--fake:hover .mc-table__table_body-cell{background-color:transparent}.mc-table__table_body-row--fake:hover .mc-table__table_body-cell_content-right{display:none}@media (hover: none) and (pointer: coarse){.mc-table__table_body-row--fake .mc-table__table_body-cell_content-right{display:none}}.mc-table__table_body-cell{position:sticky;z-index:var(--mc-table-z-index-cell);text-align:left;width:var(--mc-table-cell-width);max-width:var(--mc-table-cell-max-width);min-width:var(--mc-table-cell-min-width);display:flex;align-items:center;padding:0 1rem}.mc-table__table_body-cell--fixed-first{left:0;z-index:var(--mc-table-z-index-fixed-col);border-right:var(--border-style);background-color:#fff}.mc-table__table_body-cell--fixed-last{right:0;z-index:var(--mc-table-z-index-fixed-col);background-color:#fff}.mc-table__table_body-cell--shadow-first{border-right-color:transparent}.mc-table__table_body-cell--shadow-first:after{content:"";position:absolute;top:0;right:0;bottom:0;background:none;width:1px;height:100%;box-shadow:5px 0 8px #202427;pointer-events:none}.mc-table__table_body-cell--shadow-last{border-left-color:transparent}.mc-table__table_body-cell--shadow-last:before{content:"";position:absolute;top:0;left:0;bottom:0;background:none;width:1px;height:100%;box-shadow:-5px 0 8px #202427;pointer-events:none}.mc-table__table_body-cell_content{width:100%}.mc-table__table_body-cell_content-right{position:absolute;display:none;top:0;right:0;padding-right:1rem;padding-left:1rem;height:var(--mc-table-row-height);min-height:var(--mc-table-row-height);align-items:center;background:linear-gradient(90deg,#edf0f333,#edf0f3 60%);z-index:var(--mc-table-z-index-cell-right-slot)}.mc-table__table_body-cell_content-right>*:not(:last-child){margin-inline-end:.25rem}.mc-table__table_body-cell_content-left{display:flex;align-items:center}.mc-table__table_body-cell_content-left>*:not(:last-child){margin-inline-end:.25rem}.mc-table__table_body-cell_content .mc-cell{width:100%}.mc-table__table_body-cell--align-left{text-align:left}.mc-table__table_body-cell--align-left .mc-table__table_body-cell_content-left{text-align:left;justify-content:flex-start}.mc-table__table_body-cell--align-center{text-align:center}.mc-table__table_body-cell--align-center .mc-table__table_body-cell_content-left{text-align:center;justify-content:center}.mc-table__table_body-cell--align-right{text-align:right}.mc-table__table_body-cell--align-right .mc-table__table_body-cell_content-left{text-align:right;justify-content:flex-end}.mc-table__table_footer{position:sticky;bottom:0;z-index:var(--mc-table-z-index-footer)}.mc-table__table_footer-row{display:flex;flex-wrap:nowrap;height:var(--mc-table-footer-row-height);min-height:var(--mc-table-footer-row-height)}.mc-table__table_footer-cell{position:sticky;z-index:var(--mc-table-z-index-cell);text-align:left;width:var(--mc-table-cell-width);max-width:var(--mc-table-cell-max-width);min-width:var(--mc-table-cell-min-width);background-color:#fff;border-top:var(--border-style);display:flex;align-items:center;padding:0 1rem}.mc-table__table_footer-cell--fixed-first{left:0;z-index:var(--mc-table-z-index-fixed-col);border-right:var(--border-style);background-color:#fff}.mc-table__table_footer-cell--fixed-last{right:0;z-index:var(--mc-table-z-index-fixed-col);background-color:#fff}.mc-table__table_footer-cell--shadow-first{border-right-color:transparent}.mc-table__table_footer-cell--shadow-first:after{content:"";position:absolute;top:0;right:0;bottom:0;background:none;width:1px;height:100%;box-shadow:5px 0 8px #202427;pointer-events:none}.mc-table__table_footer-cell--shadow-last{border-left-color:transparent}.mc-table__table_footer-cell--shadow-last:before{content:"";position:absolute;top:0;left:0;bottom:0;background:none;width:1px;height:100%;box-shadow:-5px 0 8px #202427;pointer-events:none}.mc-table__table_footer-cell--align-left{justify-content:flex-start}.mc-table__table_footer-cell--align-center{justify-content:center}.mc-table__table_footer-cell--align-right{justify-content:flex-end}
1
+ @charset "UTF-8";.mc-table{--mc-table-z-index-header: 14;--mc-table-z-index-footer: 14;--mc-table-z-index-fixed-col-card-opened: 13;--mc-table-z-index-fixed-col: 12;--mc-table-z-index-cell-right-slot: 11;--mc-table-z-index-cell: 10;font-family:Inter,sans-serif;overflow-y:auto;max-height:100%;display:flex;flex-direction:column;flex-grow:1}.mc-table *{box-sizing:border-box}.mc-table .mc-title{width:100%}.mc-table--card-opened{width:max-content;z-index:var(--mc-table-z-index-fixed-col-card-opened)}.mc-table__container{--border-style: 1px solid #EDF0F3;--table-row-hover-background-color: #EDF0F3;--mc-table-cell-width: auto;--mc-table-cell-max-width: auto;--mc-table-cell-min-width: auto;--mc-table-row-height: 40px;--mc-table-footer-row-height: 40px;--mc-table-first-col-width: auto;position:relative;overflow:hidden;font-size:.8125rem;display:flex;flex-direction:column;flex-grow:1}.mc-table__container--outline-border{border:var(--border-style)}.mc-table__container--card-opened>.mc-table__table-bottom-loader{width:var(--mc-table-first-col-width)}.mc-table__table{display:flex;flex-direction:column;flex-grow:1}.mc-table__table_header{position:sticky;top:0;z-index:var(--mc-table-z-index-header)}.mc-table__table_header-row{display:flex;flex-wrap:nowrap;height:var(--mc-table-header-row-height);min-height:var(--mc-table-header-row-height)}.mc-table__table_header-cell{position:sticky;text-align:left;top:0;z-index:var(--mc-table-z-index-cell);width:var(--mc-table-cell-width);max-width:var(--mc-table-cell-max-width);min-width:var(--mc-table-cell-min-width);background-color:#fff;border-bottom:var(--border-style);display:flex;align-items:center;padding:0 1rem}.mc-table__table_header-cell--fixed-first{left:0;z-index:var(--mc-table-z-index-fixed-col);border-right:var(--border-style);background-color:#fff}.mc-table__table_header-cell--fixed-last{right:0;z-index:var(--mc-table-z-index-fixed-col);background-color:#fff}.mc-table__table_header-cell--shadow-first{border-right-color:transparent}.mc-table__table_header-cell--shadow-first:after{content:"";position:absolute;top:0;right:0;bottom:0;background:none;width:1px;height:100%;box-shadow:5px 0 8px #202427;pointer-events:none}.mc-table__table_header-cell--shadow-last{border-left-color:transparent}.mc-table__table_header-cell--shadow-last:before{content:"";position:absolute;top:0;left:0;bottom:0;background:none;width:1px;height:100%;box-shadow:-5px 0 8px #202427;pointer-events:none}.mc-table__table_header-cell_content{width:100%;display:flex;justify-content:space-between;align-items:center}.mc-table__table_header-cell_content-left{display:flex;align-items:center}.mc-table__table_header-cell_content-left>*:not(:last-child){margin-inline-end:.25rem}.mc-table__table_header-cell_content-right{margin-inline-start:.25rem;display:flex;align-items:center;font-weight:600}.mc-table__table_header-cell_content-right>*:not(:last-child){margin-inline-end:.25rem}.mc-table__table_header-cell_content_total-loading .mc-chip__icon{margin:0!important}.mc-table__table_header-cell--align-left,.mc-table__table_header-cell--align-left .mc-table__table_header-cell_content{justify-content:flex-start}.mc-table__table_header-cell--align-center,.mc-table__table_header-cell--align-center .mc-table__table_header-cell_content{justify-content:center}.mc-table__table_header-cell--align-right,.mc-table__table_header-cell--align-right .mc-table__table_header-cell_content{justify-content:flex-end}.mc-table__table_header-cell .mc-table-sort,.mc-table__table_header-cell .mc-tooltip-target{display:inline-flex;align-items:center}.mc-table__table_body{display:flex;flex-direction:column;flex-grow:1}.mc-table__table_body-row{display:flex;flex-wrap:nowrap;height:var(--mc-table-row-height);min-height:var(--mc-table-row-height);cursor:pointer}.mc-table__table_body-row--active .mc-table__table_body-cell,.mc-table__table_body-row:hover .mc-table__table_body-cell{background-color:var(--table-row-hover-background-color)}.mc-table__table_body-row:hover .mc-table__table_body-cell_content-right{display:flex}@media (hover: none) and (pointer: coarse){.mc-table__table_body-row .mc-table__table_body-cell_content-right{display:flex}}.mc-table__table_body-row--fake{min-height:0;max-height:100%;height:100%;cursor:default}.mc-table__table_body-row--fake:hover .mc-table__table_body-cell{background-color:transparent}.mc-table__table_body-row--fake:hover .mc-table__table_body-cell_content-right{display:none}@media (hover: none) and (pointer: coarse){.mc-table__table_body-row--fake .mc-table__table_body-cell_content-right{display:none}}.mc-table__table_body-cell{position:sticky;z-index:var(--mc-table-z-index-cell);text-align:left;width:var(--mc-table-cell-width);max-width:var(--mc-table-cell-max-width);min-width:var(--mc-table-cell-min-width);display:flex;align-items:center;padding:0 1rem}.mc-table__table_body-cell--fixed-first{left:0;z-index:var(--mc-table-z-index-fixed-col);border-right:var(--border-style);background-color:#fff}.mc-table__table_body-cell--fixed-last{right:0;z-index:var(--mc-table-z-index-fixed-col);background-color:#fff}.mc-table__table_body-cell--shadow-first{border-right-color:transparent}.mc-table__table_body-cell--shadow-first:after{content:"";position:absolute;top:0;right:0;bottom:0;background:none;width:1px;height:100%;box-shadow:5px 0 8px #202427;pointer-events:none}.mc-table__table_body-cell--shadow-last{border-left-color:transparent}.mc-table__table_body-cell--shadow-last:before{content:"";position:absolute;top:0;left:0;bottom:0;background:none;width:1px;height:100%;box-shadow:-5px 0 8px #202427;pointer-events:none}.mc-table__table_body-cell_content{width:100%}.mc-table__table_body-cell_content-right{position:absolute;display:none;top:0;right:0;padding-right:1rem;padding-left:4rem;height:var(--mc-table-row-height);min-height:var(--mc-table-row-height);align-items:center;background:linear-gradient(90deg,#edf0f333,#edf0f3 60%);z-index:var(--mc-table-z-index-cell-right-slot)}.mc-table__table_body-cell_content-right>*:not(:last-child){margin-inline-end:.25rem}.mc-table__table_body-cell_content-left{display:flex;align-items:center}.mc-table__table_body-cell_content-left>*:not(:last-child){margin-inline-end:.25rem}.mc-table__table_body-cell_content .mc-cell{width:100%}.mc-table__table_body-cell--align-left{text-align:left}.mc-table__table_body-cell--align-left .mc-table__table_body-cell_content-left{text-align:left;justify-content:flex-start}.mc-table__table_body-cell--align-center{text-align:center}.mc-table__table_body-cell--align-center .mc-table__table_body-cell_content-left{text-align:center;justify-content:center}.mc-table__table_body-cell--align-right{text-align:right}.mc-table__table_body-cell--align-right .mc-table__table_body-cell_content-left{text-align:right;justify-content:flex-end}.mc-table__table_footer{position:sticky;bottom:0;z-index:var(--mc-table-z-index-footer)}.mc-table__table_footer-row{display:flex;flex-wrap:nowrap;height:var(--mc-table-footer-row-height);min-height:var(--mc-table-footer-row-height)}.mc-table__table_footer-cell{position:sticky;z-index:var(--mc-table-z-index-cell);text-align:left;width:var(--mc-table-cell-width);max-width:var(--mc-table-cell-max-width);min-width:var(--mc-table-cell-min-width);background-color:#fff;border-top:var(--border-style);display:flex;align-items:center;padding:0 1rem}.mc-table__table_footer-cell--fixed-first{left:0;z-index:var(--mc-table-z-index-fixed-col);border-right:var(--border-style);background-color:#fff}.mc-table__table_footer-cell--fixed-last{right:0;z-index:var(--mc-table-z-index-fixed-col);background-color:#fff}.mc-table__table_footer-cell--shadow-first{border-right-color:transparent}.mc-table__table_footer-cell--shadow-first:after{content:"";position:absolute;top:0;right:0;bottom:0;background:none;width:1px;height:100%;box-shadow:5px 0 8px #202427;pointer-events:none}.mc-table__table_footer-cell--shadow-last{border-left-color:transparent}.mc-table__table_footer-cell--shadow-last:before{content:"";position:absolute;top:0;left:0;bottom:0;background:none;width:1px;height:100%;box-shadow:-5px 0 8px #202427;pointer-events:none}.mc-table__table_footer-cell--align-left{justify-content:flex-start}.mc-table__table_footer-cell--align-center{justify-content:center}.mc-table__table_footer-cell--align-right{justify-content:flex-end}
package/dist/components/elements/McFieldSelect/McFieldSelect.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as Me, defineAsyncComponent as D, useSlots as De, ref as d, computed as i, onBeforeUnmount as We, watch as X, openBlock as c, createElementBlock as F, normalizeStyle as qe, normalizeClass as ae, createElementVNode as L, renderSlot as W, createBlock as f, unref as r, withCtx as a, createTextVNode as E, toDisplayString as v, createCommentVNode as S, createVNode as g, mergeProps as He, createSlots as K, nextTick as ie } from "vue";
1
+ import { defineComponent as Me, defineAsyncComponent as D, useSlots as De, ref as m, computed as i, onBeforeUnmount as We, watch as X, openBlock as c, createElementBlock as F, normalizeStyle as qe, normalizeClass as ae, createElementVNode as L, renderSlot as W, createBlock as f, unref as r, withCtx as a, createTextVNode as E, toDisplayString as v, createCommentVNode as S, createVNode as g, mergeProps as He, createSlots as K, nextTick as ie } from "vue";
2
2
  import je from "vue-multiselect";
3
3
  import { Directions as se } from "../../../enums/ui/Directions2.js";
4
4
  import { useFieldErrors as Ie } from "../../../composables/useFieldErrors2.js";
@@ -262,7 +262,7 @@ const Je = ["dir"], Qe = { class: "mc-field-select__header" }, Ze = { class: "mc
262
262
  },
263
263
  emits: ["original-input", "tag", "search-change", "update:modelValue", "handle-open", "handle-close"],
264
264
  setup(k, { emit: de }) {
265
- const me = D(() => import("../McAvatar/McAvatar.vue.js")), pe = D(() => import("../McTooltip/McTooltip.vue.js")), Q = D(() => import("../../patterns/McPreview/McPreview.vue.js")), fe = D(() => import("../McChip/McChip.vue.js")), C = de, ve = De(), e = k, m = Xe("select"), b = Ie(e.errors), H = d(null), x = d(null), j = d(null), O = d([]), h = d(null), $ = d(), T = d(!1), A = d(null), I = d(null), N = d(null), B = i(() => e.options.some(
265
+ const me = D(() => import("../McAvatar/McAvatar.vue.js")), pe = D(() => import("../McTooltip/McTooltip.vue.js")), Q = D(() => import("../../patterns/McPreview/McPreview.vue.js")), fe = D(() => import("../McChip/McChip.vue.js")), C = de, ve = De(), e = k, u = Xe("select"), b = Ie(e.errors), H = m(null), x = m(null), j = m(null), $ = m([]), h = m(null), O = m(), T = m(!1), A = m(null), I = m(null), N = m(null), B = i(() => e.options.some(
266
266
  (t) => Object.prototype.hasOwnProperty.call(t, w.Label) && Object.prototype.hasOwnProperty.call(t, w.Values) && //@ts-ignore
267
267
  Array.isArray(t[w.Values])
268
268
  )), Z = i(() => !!e.title), ee = i(() => e.avatar || e.icon), V = i(() => e.multiple), ge = i(() => V.value ? !!(e.modelValue || [])?.length : !!e.modelValue), he = i(() => ({
@@ -290,7 +290,7 @@ const Je = ["dir"], Qe = { class: "mc-field-select__header" }, Ze = { class: "mc
290
290
  })), P = i(() => {
291
291
  if (B.value) return e.options;
292
292
  const t = /* @__PURE__ */ new Set();
293
- return [...e.options, ...O.value].filter((l) => {
293
+ return [...e.options, ...$.value].filter((l) => {
294
294
  const n = l[e.valueField];
295
295
  return t.has(String(n)) ? !1 : (t.add(String(n)), !0);
296
296
  });
@@ -306,15 +306,15 @@ const Je = ["dir"], Qe = { class: "mc-field-select__header" }, Ze = { class: "mc
306
306
  "mc-field-select--hide-arrow": !!ve.arrow
307
307
  })), we = i(() => `${e.title}${e.required ? " *" : ""}`), ke = i(() => {
308
308
  const t = ["gray", "dark-gray", "black"], o = ["white"];
309
- let l = "gray", n = e.backgroundColor, s = e.backgroundColor, u = "black";
310
- return (!e.backgroundColor || o.includes(e.backgroundColor)) && (n = m.component.color), t.includes(e.backgroundColor) && (u = "white", l = "white", n = "black"), e.disabled && !e.backgroundColor && (s = "hover-gray"), {
309
+ let l = "gray", n = e.backgroundColor, s = e.backgroundColor, d = "black";
310
+ return (!e.backgroundColor || o.includes(e.backgroundColor)) && (n = u.component.color), t.includes(e.backgroundColor) && (d = "white", l = "white", n = "black"), e.disabled && !e.backgroundColor && (s = "hover-gray"), {
311
311
  "--mc-field-select-max-height": e.maxHeight,
312
- "--mc-field-select-bg-color": s && m.colors[s],
313
- "--mc-field-select-color": m.colors[m.component.color],
314
- "--mc-field-select-selected-color": m.colors[m.component.selected],
315
- "--mc-field-select-border-color": n && m.colors[n],
316
- "--mc-field-select-label-color": m.colors[u],
317
- "--mc-field-select-placeholder-color": m.colors[l]
312
+ "--mc-field-select-bg-color": s && u.colors[s],
313
+ "--mc-field-select-color": u.colors[u.component.color],
314
+ "--mc-field-select-selected-color": u.colors[u.component.selected],
315
+ "--mc-field-select-border-color": n && u.colors[n],
316
+ "--mc-field-select-label-color": u.colors[d],
317
+ "--mc-field-select-placeholder-color": u.colors[l]
318
318
  };
319
319
  }), Ce = i(() => e.hideSelected && !H.value || !e.options.length ? e.multiple ? B.value ? !1 : Array.isArray(e.modelValue) && e.options.length === e.modelValue.length : !!e.modelValue && P.value?.length === 1 && !H.value : e.options.length === 0 ? !e.options.length : !1), z = i({
320
320
  get() {
@@ -339,18 +339,18 @@ const Je = ["dir"], Qe = { class: "mc-field-select__header" }, Ze = { class: "mc
339
339
  Fe(t), Te(V.value ? o : l);
340
340
  }
341
341
  }), te = (t = []) => {
342
- const o = /* @__PURE__ */ new Set(), l = B.value ? t.flatMap((s) => s[w.Values] ?? []) : t, n = [...O.value, ...l];
343
- O.value = n.filter((s) => {
344
- const u = s[e.valueField];
345
- if (o.has(String(u))) return !1;
342
+ const o = /* @__PURE__ */ new Set(), l = B.value ? t.flatMap((s) => s[w.Values] ?? []) : t, n = [...$.value, ...l];
343
+ $.value = n.filter((s) => {
344
+ const d = s[e.valueField];
345
+ if (o.has(String(d))) return !1;
346
346
  const _ = e.modelValue?.constructor === Array ? e.modelValue.map((G) => String(G)).includes(String(s[e.valueField])) : String(s[e.valueField]) === String(e.modelValue);
347
- return _ && o.add(String(u)), _;
347
+ return _ && o.add(String(d)), _;
348
348
  });
349
349
  }, le = (t) => {
350
350
  if (!t || t.nodeType !== Node.ELEMENT_NODE || t === document.documentElement)
351
351
  return document.documentElement;
352
352
  const { overflow: o, overflowY: l } = getComputedStyle(t);
353
- if (["auto", "scroll"].some((u) => [o, l].includes(u)))
353
+ if (["auto", "scroll"].some((d) => [o, l].includes(d)))
354
354
  return t;
355
355
  const s = t.parentNode;
356
356
  return !s || s.nodeType !== Node.ELEMENT_NODE ? document.documentElement : le(s);
@@ -371,9 +371,9 @@ const Je = ["dir"], Qe = { class: "mc-field-select__header" }, Ze = { class: "mc
371
371
  height: l = 0,
372
372
  width: n = 0,
373
373
  left: s = 0
374
- } = j.value?.getBoundingClientRect() || {}, u = h.value.getBoundingClientRect(), _ = x.value;
374
+ } = j.value?.getBoundingClientRect() || {}, d = h.value.getBoundingClientRect(), _ = x.value;
375
375
  if (!_) return;
376
- const G = t - u.top, Ae = o - u.bottom;
376
+ const G = t - d.top, Ae = o - d.bottom;
377
377
  if (G >= -l && Ae < l) {
378
378
  const p = _.$refs.list, M = xe(p), Ne = M ? M.left : 0, re = M ? M.top : 0;
379
379
  p.style.width = `${n}px`, p.style.position = "fixed", p.style.left = `${s - Ne}px`;
@@ -392,10 +392,10 @@ const Je = ["dir"], Qe = { class: "mc-field-select__header" }, Ze = { class: "mc
392
392
  } else if (!/Android/i.test(navigator.userAgent))
393
393
  return _.deactivate();
394
394
  }, 16), Be = () => {
395
- Y(), h.value = le(x.value.$el) || document.documentElement, h.value.addEventListener("scroll", R), $.value?.disconnect(), $.value = new ResizeObserver(R), $.value.observe(h.value);
395
+ Y(), h.value = le(x.value.$el) || document.documentElement, h.value.addEventListener("scroll", R), O.value?.disconnect(), O.value = new ResizeObserver(R), O.value.observe(h.value);
396
396
  }, Ve = (t) => {
397
397
  const o = { [e.titleField]: t, [e.valueField]: t };
398
- O.value.push(o), z.value = V.value ? [...z.value, o] : o, C("tag", t);
398
+ $.value.push(o), z.value = V.value ? [...z.value, o] : o, C("tag", t);
399
399
  }, Ee = (t) => {
400
400
  H.value = t, C("search-change", t);
401
401
  }, Te = (t) => {
@@ -416,11 +416,11 @@ const Je = ["dir"], Qe = { class: "mc-field-select__header" }, Ze = { class: "mc
416
416
  if (!T.value || !A.value) return;
417
417
  const o = x.value?.$refs?.list, l = N.value;
418
418
  o && l?.contains(o) && A.value.insertBefore(o, I.value), l?.remove(), T.value = !1, A.value = null, I.value = null, N.value = null;
419
- }, Oe = () => {
419
+ }, $e = () => {
420
420
  C("handle-open"), e.renderAbsoluteList && (Be(), ie(Le));
421
421
  }, Y = () => {
422
- $.value?.disconnect(), h.value && (h.value.removeEventListener("scroll", R), h.value = null);
423
- }, $e = () => {
422
+ O.value?.disconnect(), h.value && (h.value.removeEventListener("scroll", R), h.value = null);
423
+ }, Oe = () => {
424
424
  T.value && ne(), Y(), C("handle-close");
425
425
  };
426
426
  return We(() => {
@@ -472,8 +472,8 @@ const Je = ["dir"], Qe = { class: "mc-field-select__header" }, Ze = { class: "mc
472
472
  }, he.value, {
473
473
  onTag: Ve,
474
474
  onSearchChange: Ee,
475
- onOpen: Oe,
476
- onClose: $e
475
+ onOpen: $e,
476
+ onClose: Oe
477
477
  }), K({
478
478
  singleLabel: a(({ option: l }) => [
479
479
  e.optionWithPreview ? (c(), f(r(Q), {
@@ -540,7 +540,7 @@ const Je = ["dir"], Qe = { class: "mc-field-select__header" }, Ze = { class: "mc
540
540
  g(r(fe), {
541
541
  size: r(Ue).Xs,
542
542
  class: "multiselect__tag",
543
- variation: "main-invert",
543
+ variation: `${r(u).component.selected}-invert`,
544
544
  "text-color": "black",
545
545
  closable: !l?.option?.hasOwnProperty("is_closable") || l?.option?.is_closable,
546
546
  onClose: (n) => l.remove(l.option)
@@ -555,7 +555,7 @@ const Je = ["dir"], Qe = { class: "mc-field-select__header" }, Ze = { class: "mc
555
555
  E(v(l.option[e.titleField]) + " ", 1)
556
556
  ]),
557
557
  _: 2
558
- }, 1032, ["size", "closable", "onClose"])
558
+ }, 1032, ["size", "variation", "closable", "onClose"])
559
559
  ]),
560
560
  _: 2
561
561
  }, [
package/dist/index.js CHANGED
@@ -1,34 +1,31 @@
1
1
  import { setStoredAppContext as s } from "./storedAppContext.js";
2
2
  import { Themes as l } from "./enums/Themes2.js";
3
- import { UiThemes as a, ThemesColors as h } from "./types/styles/ColorTheme.js";
4
- import c from "./assets/img/no_user.png.js";
5
- import { useHelper as d } from "./composables/useHelper2.js";
6
- import { createProxy as r } from "./utils/proxy2.js";
7
- const n = d(), C = {
3
+ import { UiThemes as a, ThemesColors as c } from "./types/styles/ColorTheme.js";
4
+ import h from "./assets/img/no_user.png.js";
5
+ import { createProxy as m } from "./utils/proxy2.js";
6
+ const u = {
8
7
  install(o, e = {}) {
9
8
  const t = {
10
9
  drawerComponents: {},
11
10
  modalComponents: {},
12
11
  toasts: {},
13
- defaultAvatar: c,
14
- colors: h,
12
+ defaultAvatar: h,
13
+ colors: c,
15
14
  themes: a,
16
15
  theme: l.Light,
17
16
  meta: {
18
17
  router_push: null
19
18
  }
20
- };
21
- n.deepMerge(t.themes, e.themes);
22
- const m = {
19
+ }, r = {
23
20
  ...t,
24
21
  ...e,
25
- colors: e.colors ? r(t.colors, e.colors) : t.colors,
26
- themes: e.themes ? r(t.themes, e.themes) : t.themes,
27
- meta: e.meta ? r(t.meta, e.meta) : t.meta
22
+ colors: e.colors ? m(t.colors, e.colors) : t.colors,
23
+ themes: e.themes ? m(t.themes, e.themes) : t.themes,
24
+ meta: e.meta ? m(t.meta, e.meta) : t.meta
28
25
  };
29
- o.config.globalProperties.$dsOptions = m, o.provide("dsOptions", m), s(o._context ?? null);
26
+ o.config.globalProperties.$dsOptions = r, o.provide("dsOptions", r), s(o._context ?? null);
30
27
  }
31
28
  };
32
29
  export {
33
- C as default
30
+ u as default
34
31
  };
package/dist/types/components/elements/McAvatar/McAvatar.vue.d.ts CHANGED
@@ -143,8 +143,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
143
143
  default: boolean;
144
144
  };
145
145
  }>> & Readonly<{}>, {
146
- size: "300" | "400" | "500" | "600" | "700" | "800" | "900" | "1000";
147
146
  draggable: boolean;
147
+ size: "300" | "400" | "500" | "600" | "700" | "800" | "900" | "1000";
148
148
  src: string;
149
149
  lazy: boolean;
150
150
  alt: string;
package/dist/types/components/elements/McAvatar/index.d.ts CHANGED
@@ -73,8 +73,8 @@ declare const McAvatar: import('vue').DefineComponent<import('vue').ExtractPropT
73
73
  default: boolean;
74
74
  };
75
75
  }>> & Readonly<{}>, {
76
- size: "300" | "400" | "500" | "600" | "700" | "800" | "900" | "1000";
77
76
  draggable: boolean;
77
+ size: "300" | "400" | "500" | "600" | "700" | "800" | "900" | "1000";
78
78
  src: string;
79
79
  lazy: boolean;
80
80
  alt: string;
package/dist/types/components/elements/McChip/McChip.vue.d.ts CHANGED
@@ -99,9 +99,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
99
99
  onClick?: ((...args: any[]) => any) | undefined;
100
100
  onClose?: ((...args: any[]) => any) | undefined;
101
101
  }>, {
102
- size: ChipSizeModifiersUnion;
103
102
  title: string | number;
104
103
  closable: boolean;
104
+ size: ChipSizeModifiersUnion;
105
105
  counter: string | number;
106
106
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>, {
107
107
  icon?(_: {}): any;
package/dist/types/components/elements/McChip/index.d.ts CHANGED
@@ -29,9 +29,9 @@ declare const McChip: {
29
29
  click: (...args: any[]) => void;
30
30
  close: (...args: any[]) => void;
31
31
  }, import('vue').PublicProps, {
32
- size: import('../../../types/IChip').ChipSizeModifiersUnion;
33
32
  title: string | number;
34
33
  closable: boolean;
34
+ size: import('../../../types/IChip').ChipSizeModifiersUnion;
35
35
  counter: string | number;
36
36
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
37
37
  P: {};
@@ -67,9 +67,9 @@ declare const McChip: {
67
67
  onClick?: ((...args: any[]) => any) | undefined;
68
68
  onClose?: ((...args: any[]) => any) | undefined;
69
69
  }>, {}, {}, {}, {}, {
70
- size: import('../../../types/IChip').ChipSizeModifiersUnion;
71
70
  title: string | number;
72
71
  closable: boolean;
72
+ size: import('../../../types/IChip').ChipSizeModifiersUnion;
73
73
  counter: string | number;
74
74
  }>;
75
75
  __isFragment?: undefined;
@@ -105,9 +105,9 @@ declare const McChip: {
105
105
  click: (...args: any[]) => void;
106
106
  close: (...args: any[]) => void;
107
107
  }, string, {
108
- size: import('../../../types/IChip').ChipSizeModifiersUnion;
109
108
  title: string | number;
110
109
  closable: boolean;
110
+ size: import('../../../types/IChip').ChipSizeModifiersUnion;
111
111
  counter: string | number;
112
112
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
113
113
  $slots: {
package/dist/types/components/elements/McFieldRadio/McFieldRadio.vue.d.ts CHANGED
@@ -169,10 +169,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
169
169
  }>> & Readonly<{
170
170
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
171
171
  }>, {
172
- value: string | number | boolean;
173
172
  dir: DirectionsUnion;
174
173
  variation: RadioVariationUnion;
175
174
  label: string | number;
175
+ value: string | number | boolean;
176
176
  disabled: boolean;
177
177
  modelValue: string | number | boolean;
178
178
  helpText: string;
package/dist/types/components/elements/McFieldRadio/index.d.ts CHANGED
@@ -51,10 +51,10 @@ declare const McFieldRadio: {
51
51
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
52
52
  "update:modelValue": (...args: any[]) => void;
53
53
  }, import('vue').PublicProps, {
54
- value: string | number | boolean;
55
54
  dir: import('../../../types/IDirections').DirectionsUnion;
56
55
  variation: import('../../../types/IRadio').RadioVariationUnion;
57
56
  label: string | number;
57
+ value: string | number | boolean;
58
58
  disabled: boolean;
59
59
  modelValue: string | number | boolean;
60
60
  helpText: string;
@@ -117,10 +117,10 @@ declare const McFieldRadio: {
117
117
  }>> & Readonly<{
118
118
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
119
119
  }>, {}, {}, {}, {}, {
120
- value: string | number | boolean;
121
120
  dir: import('../../../types/IDirections').DirectionsUnion;
122
121
  variation: import('../../../types/IRadio').RadioVariationUnion;
123
122
  label: string | number;
123
+ value: string | number | boolean;
124
124
  disabled: boolean;
125
125
  modelValue: string | number | boolean;
126
126
  helpText: string;
@@ -182,10 +182,10 @@ declare const McFieldRadio: {
182
182
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
183
183
  "update:modelValue": (...args: any[]) => void;
184
184
  }, string, {
185
- value: string | number | boolean;
186
185
  dir: import('../../../types/IDirections').DirectionsUnion;
187
186
  variation: import('../../../types/IRadio').RadioVariationUnion;
188
187
  label: string | number;
188
+ value: string | number | boolean;
189
189
  disabled: boolean;
190
190
  modelValue: string | number | boolean;
191
191
  helpText: string;
package/dist/types/components/elements/McIconShell/McIconShell.vue.d.ts CHANGED
@@ -41,8 +41,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
41
41
  required: true;
42
42
  };
43
43
  }>> & Readonly<{}>, {
44
- size: "50" | "100" | "150" | "200" | "250" | "300" | "400" | "500" | "550" | "600" | "700" | "800" | "900" | "1000";
45
44
  dir: import('../../../types/IDirections').DirectionsUnion;
45
+ size: "50" | "100" | "150" | "200" | "250" | "300" | "400" | "500" | "550" | "600" | "700" | "800" | "900" | "1000";
46
46
  color: "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
47
47
  weight: number;
48
48
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
package/dist/types/components/elements/McIconShell/index.d.ts CHANGED
@@ -21,8 +21,8 @@ declare const McIconShell: {
21
21
  required: true;
22
22
  };
23
23
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
24
- size: "50" | "100" | "150" | "200" | "250" | "300" | "400" | "500" | "550" | "600" | "700" | "800" | "900" | "1000";
25
24
  dir: import('../../../types/IDirections').DirectionsUnion;
25
+ size: "50" | "100" | "150" | "200" | "250" | "300" | "400" | "500" | "550" | "600" | "700" | "800" | "900" | "1000";
26
26
  color: "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
27
27
  weight: number;
28
28
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -54,8 +54,8 @@ declare const McIconShell: {
54
54
  required: true;
55
55
  };
56
56
  }>> & Readonly<{}>, {}, {}, {}, {}, {
57
- size: "50" | "100" | "150" | "200" | "250" | "300" | "400" | "500" | "550" | "600" | "700" | "800" | "900" | "1000";
58
57
  dir: import('../../../types/IDirections').DirectionsUnion;
58
+ size: "50" | "100" | "150" | "200" | "250" | "300" | "400" | "500" | "550" | "600" | "700" | "800" | "900" | "1000";
59
59
  color: "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
60
60
  weight: number;
61
61
  }>;
@@ -84,8 +84,8 @@ declare const McIconShell: {
84
84
  required: true;
85
85
  };
86
86
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
87
- size: "50" | "100" | "150" | "200" | "250" | "300" | "400" | "500" | "550" | "600" | "700" | "800" | "900" | "1000";
88
87
  dir: import('../../../types/IDirections').DirectionsUnion;
88
+ size: "50" | "100" | "150" | "200" | "250" | "300" | "400" | "500" | "550" | "600" | "700" | "800" | "900" | "1000";
89
89
  color: "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
90
90
  weight: number;
91
91
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
package/dist/types/components/elements/McSvgIcon/McSvgIcon.vue.d.ts CHANGED
@@ -107,8 +107,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
107
107
  default: Directions;
108
108
  };
109
109
  }>> & Readonly<{}>, {
110
- size: "50" | "100" | "150" | "200" | "250" | "300" | "400" | "500" | "550" | "600" | "700" | "800" | "900" | "1000";
111
110
  dir: DirectionsUnion;
111
+ size: "50" | "100" | "150" | "200" | "250" | "300" | "400" | "500" | "550" | "600" | "700" | "800" | "900" | "1000";
112
112
  color: "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
113
113
  spriteId: any;
114
114
  weight: number;
package/dist/types/components/elements/McSvgIcon/index.d.ts CHANGED
@@ -57,8 +57,8 @@ declare const McSvgIcon: import('vue').DefineComponent<import('vue').ExtractProp
57
57
  default: import('../../../enums/ui/Directions').Directions;
58
58
  };
59
59
  }>> & Readonly<{}>, {
60
- size: "50" | "100" | "150" | "200" | "250" | "300" | "400" | "500" | "550" | "600" | "700" | "800" | "900" | "1000";
61
60
  dir: import('../../../types/IDirections').DirectionsUnion;
61
+ size: "50" | "100" | "150" | "200" | "250" | "300" | "400" | "500" | "550" | "600" | "700" | "800" | "900" | "1000";
62
62
  color: "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
63
63
  spriteId: any;
64
64
  weight: number;
package/dist/types/components/patterns/McCell/McCell.vue.d.ts CHANGED
@@ -60,8 +60,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
60
60
  default: boolean;
61
61
  };
62
62
  }>> & Readonly<{}>, {
63
- size: CellSizesUnion;
64
63
  title: string;
64
+ size: CellSizesUnion;
65
65
  uppercase: boolean;
66
66
  ellipsis: boolean;
67
67
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>, {
package/dist/types/components/patterns/McCell/index.d.ts CHANGED
@@ -17,8 +17,8 @@ declare const McCell: {
17
17
  default: boolean;
18
18
  };
19
19
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
20
- size: import('../../../types/ICell').CellSizesUnion;
21
20
  title: string;
21
+ size: import('../../../types/ICell').CellSizesUnion;
22
22
  uppercase: boolean;
23
23
  ellipsis: boolean;
24
24
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
@@ -46,8 +46,8 @@ declare const McCell: {
46
46
  default: boolean;
47
47
  };
48
48
  }>> & Readonly<{}>, {}, {}, {}, {}, {
49
- size: import('../../../types/ICell').CellSizesUnion;
50
49
  title: string;
50
+ size: import('../../../types/ICell').CellSizesUnion;
51
51
  uppercase: boolean;
52
52
  ellipsis: boolean;
53
53
  }>;
@@ -72,8 +72,8 @@ declare const McCell: {
72
72
  default: boolean;
73
73
  };
74
74
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
75
- size: import('../../../types/ICell').CellSizesUnion;
76
75
  title: string;
76
+ size: import('../../../types/ICell').CellSizesUnion;
77
77
  uppercase: boolean;
78
78
  ellipsis: boolean;
79
79
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
package/dist/types/styles/ColorTheme.js CHANGED
@@ -36,7 +36,7 @@ const i = o, r = {
36
36
  },
37
37
  select: {
38
38
  color: "main",
39
- selected: "main-lighter"
39
+ selected: "main"
40
40
  },
41
41
  fieldText: {
42
42
  color: "main"
@@ -141,7 +141,7 @@ const i = o, r = {
141
141
  },
142
142
  select: {
143
143
  color: "main",
144
- selected: "main-lighter"
144
+ selected: "main"
145
145
  },
146
146
  fieldText: {
147
147
  color: "main"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mediacube-ui-v2",
3
- "version": "0.0.291",
3
+ "version": "0.0.292",
4
4
  "license": "MIT",
5
5
  "description": "Design system for Mediacube services",
6
6
  "sideEffects": [