slim-select 4.0.7 → 4.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/react/index.js +83 -35
  2. package/dist/react/index.umd.js +1 -1
  3. package/dist/render.d.ts +11 -0
  4. package/dist/slimselect.cjs.js +1 -1
  5. package/dist/slimselect.cjs.js.map +1 -1
  6. package/dist/slimselect.css +1 -1
  7. package/dist/slimselect.css.map +1 -1
  8. package/dist/slimselect.es.js +83 -35
  9. package/dist/slimselect.es.js.map +1 -1
  10. package/dist/slimselect.iife.js +1 -1
  11. package/dist/slimselect.iife.js.map +1 -1
  12. package/dist/slimselect.js +1 -1
  13. package/dist/slimselect.js.map +1 -1
  14. package/dist/vue/index.js +83 -35
  15. package/dist/vue/index.umd.js +1 -1
  16. package/package.json +20 -20
  17. package/src/slim-select/slimselect.scss +8 -2
package/dist/slimselect.css CHANGED
@@ -1 +1 @@
1
- :root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-focus-color: var(--ss-primary-color);--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-main-height: 40px;--ss-content-height: 300px;--ss-modal-height: 85vh;--ss-modal-width: min(90vw, 400px);--ss-search-height: var(--ss-main-height);--ss-option-height: var(--ss-main-height);--ss-spacing-l: 9px;--ss-spacing-m: 7px;--ss-spacing-s: 5px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px;--ss-modal-z-index: 1000001}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:flex;flex-direction:row;align-items:center;position:relative;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:0 var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing)}@media(prefers-reduced-motion: reduce){.ss-main{transition:background-color var(--ss-animation-timing)}}.ss-main{overflow:hidden}.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-dir-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-dir-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:flex;flex-wrap:wrap;align-items:center;align-content:center;align-self:stretch;gap:var(--ss-spacing-m);flex:1 1 0%;min-width:0;max-width:100%;padding:var(--ss-spacing-s) 0;box-sizing:border-box;overflow:hidden}.ss-main .ss-values:has(.ss-multi-string){flex-wrap:nowrap;gap:0}.ss-main .ss-values:has(.ss-single),.ss-main .ss-values:has(.ss-placeholder){flex-wrap:nowrap}.ss-main .ss-values .ss-single,.ss-main .ss-values .ss-placeholder,.ss-main .ss-values .ss-multi-string{display:block;flex:1 1 0%;min-width:0;width:100%;max-width:100%;margin:0;padding:0 var(--ss-spacing-m) 0 calc(var(--ss-spacing-l) - var(--ss-spacing-s));line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.ss-main .ss-values .ss-placeholder{color:var(--ss-placeholder-color)}.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;max-width:100%;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}@media(prefers-reduced-motion: reduce){.ss-main .ss-values .ss-value{animation:none}}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value .ss-value-text{flex:1;min-width:0;font-size:12px;line-height:1;color:var(--ss-bg-color);padding:var(--ss-spacing-s) var(--ss-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{flex:0 1 auto;display:flex;align-items:center;justify-content:center;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);min-height:0;transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);overflow:hidden;z-index:10000}@media(prefers-reduced-motion: reduce){.ss-content{transition:none}}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-fixed{position:fixed}.ss-content.ss-dir-above{transform-origin:center bottom;flex-direction:column-reverse;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-dir-below{transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content.ss-open{opacity:1;transform:scaleY(1)}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;gap:var(--ss-spacing-s);min-height:var(--ss-search-height);padding:0 var(--ss-spacing-s);box-sizing:border-box;border-bottom:1px solid var(--ss-border-color)}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0;min-height:0;height:100%;padding:0 var(--ss-spacing-m);margin:0;border:none;background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:none}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;box-sizing:border-box;width:22px;height:22px;margin:auto 0;padding:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-primary-color)}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:10px;height:10px;margin:0}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content.ss-dir-above .ss-search{border-bottom:none;border-top:1px solid var(--ss-border-color)}.ss-content .ss-list{flex:1 1 auto;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-option{min-height:0;transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease}.ss-content .ss-list .ss-optgroup:not(.ss-close):not(.ss-open) .ss-option{min-height:var(--ss-option-height)}.ss-content .ss-list .ss-optgroup.ss-open .ss-option{min-height:var(--ss-option-height);max-height:100px;opacity:1;overflow:visible}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;max-height:0;opacity:0;overflow:hidden}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:0 var(--ss-spacing-l) 0 calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:flex;align-items:center;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;user-select:none;content-visibility:auto;contain-intrinsic-size:auto var(--ss-option-height)}.ss-content .ss-list .ss-option:hover:not(.ss-disabled){color:var(--ss-bg-color);background-color:var(--ss-primary-color);border-left:5px solid var(--ss-primary-color);transition:border-left var(--ss-animation-timing) ease}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}.ss-content .ss-list .ss-search{display:flex;flex-direction:row;align-items:center;min-height:var(--ss-search-height);padding:0 var(--ss-spacing-l)}.ss-modal-overlay{position:fixed;inset:0;z-index:var(--ss-modal-z-index);display:flex;align-items:center;justify-content:center;padding:var(--ss-spacing-l);box-sizing:border-box;background-color:rgba(0,0,0,.8);opacity:0;transition:opacity var(--ss-animation-timing)}@media(prefers-reduced-motion: reduce){.ss-modal-overlay{transition:none}}.ss-modal-overlay.ss-open{opacity:1}.ss-modal-overlay .ss-modal-dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--ss-modal-width);max-height:var(--ss-modal-height);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-modal-title{flex:0 0 auto;width:100%;padding:0 0 var(--ss-spacing-l);box-sizing:border-box;font-weight:bold;font-size:1.35em;line-height:1.3;color:#fff;text-align:left;background:none;border:none}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content{position:relative !important;top:auto !important;left:auto !important;width:100% !important;max-width:100%;max-height:var(--ss-modal-height);min-height:0;margin:0 !important;transform-origin:center center;z-index:1;border-radius:var(--ss-border-radius);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);color:var(--ss-font-color);cursor:pointer;outline:0;box-shadow:0 1px 4px rgba(0,0,0,.5);transform:translate(50%, -50%)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:hover{background-color:var(--ss-bg-color);box-shadow:0 2px 6px rgba(0,0,0,.16)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg{width:10px;height:10px}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg path{fill:none;stroke:currentColor;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-list{min-height:0;overflow-x:hidden;overflow-y:auto;border-radius:0 0 var(--ss-border-radius) var(--ss-border-radius);scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-search.ss-hide~.ss-list{border-radius:var(--ss-border-radius)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-above,.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-below{flex-direction:column;transform-origin:center center}/*# sourceMappingURL=slimselect.css.map */
1
+ :root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-focus-color: var(--ss-primary-color);--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-main-height: 40px;--ss-content-height: 300px;--ss-modal-height: 85vh;--ss-modal-width: min(90vw, 400px);--ss-search-height: var(--ss-main-height);--ss-option-height: var(--ss-main-height);--ss-spacing-l: 9px;--ss-spacing-m: 7px;--ss-spacing-s: 5px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px;--ss-modal-z-index: 1000001}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:flex;flex-direction:row;align-items:center;position:relative;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:0 var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing)}@media(prefers-reduced-motion: reduce){.ss-main{transition:background-color var(--ss-animation-timing)}}.ss-main{overflow:hidden}.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-dir-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-dir-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:flex;flex-wrap:wrap;align-items:center;align-content:center;align-self:stretch;gap:var(--ss-spacing-m);flex:1 1 0%;min-width:0;max-width:100%;padding:var(--ss-spacing-s) 0;box-sizing:border-box;overflow:hidden}.ss-main .ss-values:has(.ss-multi-string){flex-wrap:nowrap;gap:0}.ss-main .ss-values:has(.ss-single),.ss-main .ss-values:has(.ss-placeholder){flex-wrap:nowrap}.ss-main .ss-values .ss-single,.ss-main .ss-values .ss-placeholder,.ss-main .ss-values .ss-multi-string{display:block;flex:1 1 0%;min-width:0;width:100%;max-width:100%;margin:0;padding:0 var(--ss-spacing-m) 0 calc(var(--ss-spacing-l) - var(--ss-spacing-s));line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.ss-main .ss-values .ss-placeholder{color:var(--ss-placeholder-color)}.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;max-width:100%;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}@media(prefers-reduced-motion: reduce){.ss-main .ss-values .ss-value{animation:none}}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value.ss-highlighted{box-shadow:inset 0 0 0 2px var(--ss-bg-color);outline:2px solid var(--ss-font-color);outline-offset:-2px}.ss-main .ss-values .ss-value .ss-value-text{flex:1;min-width:0;font-size:12px;line-height:1;color:var(--ss-bg-color);padding:var(--ss-spacing-s) var(--ss-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{flex:0 1 auto;display:flex;align-items:center;justify-content:center;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);min-height:0;transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);overflow:hidden;z-index:10000}@media(prefers-reduced-motion: reduce){.ss-content{transition:none}}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-fixed{position:fixed}.ss-content.ss-dir-above{transform-origin:center bottom;flex-direction:column-reverse;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-dir-below{transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content.ss-open{opacity:1;transform:scaleY(1)}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;gap:var(--ss-spacing-s);min-height:var(--ss-search-height);padding:0 var(--ss-spacing-s);box-sizing:border-box;border-bottom:1px solid var(--ss-border-color)}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0;min-height:0;height:100%;padding:0 var(--ss-spacing-m);margin:0;border:none;background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:none}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;box-sizing:border-box;width:22px;height:22px;margin:auto 0;padding:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-primary-color)}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:10px;height:10px;margin:0}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content.ss-dir-above .ss-search{border-bottom:none;border-top:1px solid var(--ss-border-color)}.ss-content .ss-list{flex:1 1 auto;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-option{min-height:0;transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease}.ss-content .ss-list .ss-optgroup:not(.ss-close):not(.ss-open) .ss-option{min-height:var(--ss-option-height)}.ss-content .ss-list .ss-optgroup.ss-open .ss-option{min-height:var(--ss-option-height);max-height:100px;opacity:1;overflow:visible}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;max-height:0;opacity:0;overflow:hidden}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:0 var(--ss-spacing-l) 0 calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:flex;align-items:center;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;user-select:none;content-visibility:auto;contain-intrinsic-size:auto var(--ss-option-height)}.ss-content .ss-list .ss-option:hover:not(.ss-disabled){color:var(--ss-bg-color);background-color:var(--ss-primary-color);border-left:5px solid var(--ss-primary-color);transition:border-left var(--ss-animation-timing) ease}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}.ss-content .ss-list .ss-search{display:flex;flex-direction:row;align-items:center;min-height:var(--ss-search-height);padding:0 var(--ss-spacing-l)}.ss-modal-overlay{position:fixed;inset:0;z-index:var(--ss-modal-z-index);display:flex;align-items:center;justify-content:center;padding:var(--ss-spacing-l);box-sizing:border-box;background-color:rgba(0,0,0,.8);opacity:0;transition:opacity var(--ss-animation-timing)}@media(prefers-reduced-motion: reduce){.ss-modal-overlay{transition:none}}.ss-modal-overlay.ss-open{opacity:1}.ss-modal-overlay .ss-modal-dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--ss-modal-width);max-height:var(--ss-modal-height);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-modal-title{flex:0 0 auto;width:100%;padding:0 0 var(--ss-spacing-l);box-sizing:border-box;font-weight:bold;font-size:1.35em;line-height:1.3;color:#fff;text-align:left;background:none;border:none}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content{position:relative !important;top:auto !important;left:auto !important;width:100% !important;max-width:100%;max-height:var(--ss-modal-height);min-height:0;margin:0 !important;transform-origin:center center;z-index:1;border-radius:var(--ss-border-radius);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);color:var(--ss-font-color);cursor:pointer;outline:0;box-shadow:0 1px 4px rgba(0,0,0,.5);transform:translate(50%, -50%)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:hover{background-color:var(--ss-bg-color);box-shadow:0 2px 6px rgba(0,0,0,.16)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg{width:10px;height:10px}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg path{fill:none;stroke:currentColor;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-list{min-height:0;overflow-x:hidden;overflow-y:auto;border-radius:0 0 var(--ss-border-radius) var(--ss-border-radius);scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-search.ss-hide~.ss-list{border-radius:var(--ss-border-radius)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-above,.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-below{flex-direction:column;transform-origin:center center}/*# sourceMappingURL=slimselect.css.map */
package/dist/slimselect.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../src/slim-select/slimselect.scss"],"names":[],"mappings":"AAAA,MAEE,4BACA,uBACA,yBACA,gCACA,6BACA,2BACA,8BACA,0CACA,4BACA,0BAGA,uBACA,2BACA,wBACA,mCACA,0CACA,0CAGA,oBACA,oBACA,oBAGA,4BACA,wBACA,4BAIF,sBACE,GACE,mBACA,UAEF,KACE,mBACA,WAGJ,uBACE,GACE,mBACA,UAEF,KACE,mBACA,WAKJ,SACE,wBAIF,SACE,aACA,mBACA,mBACA,kBACA,iBACA,2BACA,iCACA,WACA,8BACA,eACA,wCACA,sCACA,oCACA,UACA,sBACA,WACE,qFAGF,uCApBF,SAqBI,wDArBJ,SAwBE,gBAEA,eACE,yCAGF,qBACE,0CACA,mBAGE,6CACE,2BAIA,2DACE,mBAMR,sBACE,2BACA,4BAEF,sBACE,8BACA,+BAGF,oBACE,aACA,eACA,mBACA,qBACA,mBACA,wBACA,YACA,YACA,eACA,8BACA,sBACA,gBAGA,0CACE,iBACA,MAIF,6EAEE,iBAIF,wGAGE,cACA,YACA,YACA,WACA,eACA,SACA,gFAEA,gBACA,gBACA,uBACA,mBACA,sBAGF,oCACE,kCAIF,4BACE,aACA,iBACA,mBACA,kBACA,eACA,yBACA,cACA,gDACA,yCACA,sCAIF,8BACE,aACA,iBACA,mBACA,kBACA,eACA,yCACA,sCACA,0BACA,8CACA,mCACA,yBAEA,uCAbF,8BAcI,gBAGF,2CACE,2BACA,8CACA,mCAGF,6CACE,OACA,YACA,eACA,cACA,yBACA,gDACA,gBACA,uBACA,mBAGF,+CACE,aACA,mBACA,2BACA,0BACA,gDACA,eACA,yCACA,uBAEA,mDACE,2BACA,0BAEA,wDACE,UACA,0BACA,gBACA,qBACA,sBAOV,sBACE,cACA,aACA,mBACA,uBACA,kBACA,YACA,oDAEA,0BACE,UACA,WAEA,+BACE,UACA,4BACA,gBACA,qBACA,sBAKN,mBACE,cACA,aACA,mBACA,yBACA,WACA,YACA,yDAEA,wBACE,UACA,4BACA,gBACA,qBACA,sBACA,oCACA,sCAMN,WACE,kBACA,UACA,WACA,UACA,YACA,gBACA,sBACA,mBACA,SAIF,YACE,kBACA,aACA,YACA,sBACA,WACA,oCACA,sBACA,wCACA,oCACA,aACA,WACE,wEAEF,UACA,oBACA,gBACA,cAEA,uCAnBF,YAoBI,iBAGF,wBACE,kBACA,YAGF,qBACE,eAGF,yBACE,+BACA,8BACA,+CACA,gDAGF,yBACE,4BACA,kDACA,mDAGF,oBACE,UACA,oBAGF,uBACE,cACA,aACA,mBACA,mBACA,wBACA,mCACA,8BACA,sBACA,+CAEA,6BACE,oBACA,kBACA,oBACA,cACA,WACA,YACA,aACA,YACA,8BACA,SACA,YACA,oCACA,UACA,gBACA,sBAEA,0CACE,kCACA,sBAGF,mCACE,gBAIJ,mCACE,oBACA,uBACA,mBACA,eACA,cACA,sBACA,WACA,YACA,cACA,UACA,YACA,sCACA,yCAEA,uCACE,aACA,mBACA,uBACA,cACA,WACA,YACA,SAEA,4CACE,UACA,0BACA,gBACA,qBACA,sBAMR,oCACE,mBACA,4CAGF,qBACE,cACA,YACA,aACA,kBACA,gBACA,2DAEA,+BACE,4BACA,4BAGF,mCACE,2BACA,4BAIA,6CACE,aACA,WACE,kTASJ,0EACE,mCAIA,qDACE,mCACA,iBACA,UACA,iBAMF,sDACE,wBACA,yBACA,4BACA,wBACA,2BACA,aACA,UACA,gBAIJ,qDACE,aACA,mBACA,mBACA,8BACA,mCACA,8BAEA,6EACE,cACA,iBACA,2BAIF,oEACE,eAGF,0EACE,cACA,aACA,mBACA,mBACA,uBACA,wBAEA,wFACE,cACA,aACA,mBACA,eAEA,8FACE,WAKE,6GACE,6BAKN,6FACE,cACA,aACA,mBACA,uBACA,cACA,kBACA,kCAGF,4FACE,cACA,WACA,YAEA,iGACE,UACA,+BACA,qBACA,sBAGF,wGACE,eAEF,uGACE,gBAKN,uFACE,cACA,aACA,mBACA,eAEA,iGACE,cACA,WACA,YAEA,sGACE,UACA,4BACA,gBACA,qBACA,sBACA,oCACA,sCAOV,6CACE,4DAIJ,gCACE,aACA,mBACA,mCACA,8BACA,mBACA,2BACA,eACA,iBACA,wBACA,oDAEA,wDACE,yBACA,yCACA,8CACA,uDAGF,6GAEE,yBACA,yCAGF,4CACE,mBACA,0CAEA,kDACE,2BAKJ,qDACE,qBACA,2CAIJ,gCACE,aACA,mBACA,mBACA,mCACA,8BAMN,kBACE,eACA,QACA,gCACA,aACA,mBACA,uBACA,4BACA,sBACA,gCACA,UACA,8CAEA,uCAbF,kBAcI,iBAGF,0BACE,UAGF,mCACE,kBACA,aACA,sBACA,WACA,gCACA,kCACA,iBAEA,mDACE,cACA,WACA,gCACA,sBACA,iBACA,iBACA,gBACA,WACA,gBACA,gBACA,YAIA,gEACE,6BACA,oBACA,qBACA,sBACA,eACA,kCACA,aACA,oBACA,+BACA,UACA,sCACA,iBAEA,gFACE,kBACA,MACA,QACA,UACA,aACA,mBACA,uBACA,WACA,YACA,UACA,SACA,YACA,sCACA,oCACA,2BACA,eACA,UACA,oCACA,+BAEA,sFACE,oCACA,qCAGF,sFACE,yCAGF,oFACE,WACA,YAEA,yFACE,UACA,oBACA,gBACA,qBACA,sBAKN,yEACE,aACA,kBACA,gBACA,kEACA,2DAGF,4FACE,sCAGF,0JAEE,sBACA","file":"slimselect.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../src/slim-select/slimselect.scss"],"names":[],"mappings":"AAAA,MAEE,4BACA,uBACA,yBACA,gCACA,6BACA,2BACA,8BACA,0CACA,4BACA,0BAGA,uBACA,2BACA,wBACA,mCACA,0CACA,0CAGA,oBACA,oBACA,oBAGA,4BACA,wBACA,4BAIF,sBACE,GACE,mBACA,UAEF,KACE,mBACA,WAGJ,uBACE,GACE,mBACA,UAEF,KACE,mBACA,WAKJ,SACE,wBAIF,SACE,aACA,mBACA,mBACA,kBACA,iBACA,2BACA,iCACA,WACA,8BACA,eACA,wCACA,sCACA,oCACA,UACA,sBACA,WACE,qFAGF,uCApBF,SAqBI,wDArBJ,SAwBE,gBAEA,eACE,yCAGF,qBACE,0CACA,mBAGE,6CACE,2BAIA,2DACE,mBAMR,sBACE,2BACA,4BAEF,sBACE,8BACA,+BAGF,oBACE,aACA,eACA,mBACA,qBACA,mBACA,wBACA,YACA,YACA,eACA,8BACA,sBACA,gBAGA,0CACE,iBACA,MAIF,6EAEE,iBAIF,wGAGE,cACA,YACA,YACA,WACA,eACA,SACA,gFACA,gBACA,gBACA,uBACA,mBACA,sBAGF,oCACE,kCAIF,4BACE,aACA,iBACA,mBACA,kBACA,eACA,yBACA,cACA,gDACA,yCACA,sCAIF,8BACE,aACA,iBACA,mBACA,kBACA,eACA,yCACA,sCACA,0BACA,8CACA,mCACA,yBAEA,uCAbF,8BAcI,gBAGF,2CACE,2BACA,8CACA,mCAIF,6CACE,8CACA,uCACA,oBAGF,6CACE,OACA,YACA,eACA,cACA,yBACA,gDACA,gBACA,uBACA,mBAGF,+CACE,aACA,mBACA,2BACA,0BACA,gDACA,eACA,yCACA,uBAEA,mDACE,2BACA,0BAEA,wDACE,UACA,0BACA,gBACA,qBACA,sBAOV,sBACE,cACA,aACA,mBACA,uBACA,kBACA,YACA,oDAEA,0BACE,UACA,WAEA,+BACE,UACA,4BACA,gBACA,qBACA,sBAKN,mBACE,cACA,aACA,mBACA,yBACA,WACA,YACA,yDAEA,wBACE,UACA,4BACA,gBACA,qBACA,sBACA,oCACA,sCAMN,WACE,kBACA,UACA,WACA,UACA,YACA,gBACA,sBACA,mBACA,SAIF,YACE,kBACA,aACA,YACA,sBACA,WACA,oCACA,sBACA,wCACA,oCACA,aACA,WACE,wEAEF,UACA,oBACA,gBACA,cAEA,uCAnBF,YAoBI,iBAGF,wBACE,kBACA,YAGF,qBACE,eAGF,yBACE,+BACA,8BACA,+CACA,gDAGF,yBACE,4BACA,kDACA,mDAGF,oBACE,UACA,oBAGF,uBACE,cACA,aACA,mBACA,mBACA,wBACA,mCACA,8BACA,sBACA,+CAEA,6BACE,oBACA,kBACA,oBACA,cACA,WACA,YACA,aACA,YACA,8BACA,SACA,YACA,oCACA,UACA,gBACA,sBAEA,0CACE,kCACA,sBAGF,mCACE,gBAIJ,mCACE,oBACA,uBACA,mBACA,eACA,cACA,sBACA,WACA,YACA,cACA,UACA,YACA,sCACA,yCAEA,uCACE,aACA,mBACA,uBACA,cACA,WACA,YACA,SAEA,4CACE,UACA,0BACA,gBACA,qBACA,sBAMR,oCACE,mBACA,4CAGF,qBACE,cACA,YACA,aACA,kBACA,gBACA,2DAEA,+BACE,4BACA,4BAGF,mCACE,2BACA,4BAIA,6CACE,aACA,WACE,kTASJ,0EACE,mCAIA,qDACE,mCACA,iBACA,UACA,iBAMF,sDACE,wBACA,yBACA,4BACA,wBACA,2BACA,aACA,UACA,gBAIJ,qDACE,aACA,mBACA,mBACA,8BACA,mCACA,8BAEA,6EACE,cACA,iBACA,2BAIF,oEACE,eAGF,0EACE,cACA,aACA,mBACA,mBACA,uBACA,wBAEA,wFACE,cACA,aACA,mBACA,eAEA,8FACE,WAKE,6GACE,6BAKN,6FACE,cACA,aACA,mBACA,uBACA,cACA,kBACA,kCAGF,4FACE,cACA,WACA,YAEA,iGACE,UACA,+BACA,qBACA,sBAGF,wGACE,eAEF,uGACE,gBAKN,uFACE,cACA,aACA,mBACA,eAEA,iGACE,cACA,WACA,YAEA,sGACE,UACA,4BACA,gBACA,qBACA,sBACA,oCACA,sCAOV,6CACE,4DAIJ,gCACE,aACA,mBACA,mCACA,8BACA,mBACA,2BACA,eACA,iBACA,wBACA,oDAEA,wDACE,yBACA,yCACA,8CACA,uDAGF,6GAEE,yBACA,yCAGF,4CACE,mBACA,0CAEA,kDACE,2BAKJ,qDACE,qBACA,2CAIJ,gCACE,aACA,mBACA,mBACA,mCACA,8BAMN,kBACE,eACA,QACA,gCACA,aACA,mBACA,uBACA,4BACA,sBACA,gCACA,UACA,8CAEA,uCAbF,kBAcI,iBAGF,0BACE,UAGF,mCACE,kBACA,aACA,sBACA,WACA,gCACA,kCACA,iBAEA,mDACE,cACA,WACA,gCACA,sBACA,iBACA,iBACA,gBACA,WACA,gBACA,gBACA,YAIA,gEACE,6BACA,oBACA,qBACA,sBACA,eACA,kCACA,aACA,oBACA,+BACA,UACA,sCACA,iBAEA,gFACE,kBACA,MACA,QACA,UACA,aACA,mBACA,uBACA,WACA,YACA,UACA,SACA,YACA,sCACA,oCACA,2BACA,eACA,UACA,oCACA,+BAEA,sFACE,oCACA,qCAGF,sFACE,yCAGF,oFACE,WACA,YAEA,yFACE,UACA,oBACA,gBACA,qBACA,sBAKN,yEACE,aACA,kBACA,gBACA,kEACA,2DAGF,4FACE,sCAGF,0JAEE,sBACA","file":"slimselect.css"}
package/dist/slimselect.es.js CHANGED
@@ -340,7 +340,7 @@ var O = class {
340
340
  if (this.state === "closed" || this.state === "closing" || this.handlers.beforeClose && this.handlers.beforeClose(e) === !1) return !1;
341
341
  this.cancelPending();
342
342
  let t = ++this.generation;
343
- return this.handlers.onClose && this.handlers.onClose(e), this.state = "closing", await this.waitForPhase("close", t), t === this.generation ? (this.state = "closed", this.handlers.afterClose && this.handlers.afterClose(), this.handlers.onCloseReady && this.handlers.onCloseReady(), !0) : !1;
343
+ return this.handlers.onClose && this.handlers.onClose(e), this.state = "closing", await this.waitForPhase("close", t), t === this.generation && (this.state = "closed", this.handlers.afterClose && this.handlers.afterClose(), this.handlers.onCloseReady && this.handlers.onCloseReady(), !0);
344
344
  }
345
345
  cancelPending() {
346
346
  this.generation++, this.animationAbort?.abort(), this.animationAbort = null, this.pendingTimer &&= (clearTimeout(this.pendingTimer), null);
@@ -406,16 +406,18 @@ var O = class {
406
406
  }
407
407
  validateDataArray(e) {
408
408
  if (!Array.isArray(e)) return /* @__PURE__ */ Error("Data must be an array");
409
- for (let t of e) if (t) if (t instanceof j || "label" in t) {
410
- if (!("label" in t)) return /* @__PURE__ */ Error("Optgroup must have a label");
411
- if ("options" in t && t.options) for (let e of t.options) {
412
- let t = this.validateOption(e);
413
- if (t) return t;
414
- }
415
- } else if (t instanceof A || "text" in t) {
416
- let e = this.validateOption(t);
417
- if (e) return e;
418
- } else return /* @__PURE__ */ Error("Data object must be a valid optgroup or option");
409
+ for (let t of e) if (t) {
410
+ if (t instanceof j || "label" in t) {
411
+ if (!("label" in t)) return /* @__PURE__ */ Error("Optgroup must have a label");
412
+ if ("options" in t && t.options) for (let e of t.options) {
413
+ let t = this.validateOption(e);
414
+ if (t) return t;
415
+ }
416
+ } else if (t instanceof A || "text" in t) {
417
+ let e = this.validateOption(t);
418
+ if (e) return e;
419
+ } else return /* @__PURE__ */ Error("Data object must be a valid optgroup or option");
420
+ }
419
421
  return null;
420
422
  }
421
423
  validateOption(e) {
@@ -555,10 +557,12 @@ var O = class {
555
557
  let a = [];
556
558
  if (i.options.forEach((i) => {
557
559
  (!e || e(i)) && (t ? a.push(n ? new A(i) : i) : r.push(n ? new A(i) : i));
558
- }), a.length > 0) if (n) {
559
- let e = new j(i);
560
- e.options = a, r.push(e);
561
- } else r.push(this.createOptgroupView(i, a));
560
+ }), a.length > 0) {
561
+ if (n) {
562
+ let e = new j(i);
563
+ e.options = a, r.push(e);
564
+ } else r.push(this.createOptgroupView(i, a));
565
+ }
562
566
  }
563
567
  i instanceof A && (!e || e(i)) && r.push(n ? new A(i) : i);
564
568
  }), r;
@@ -700,7 +704,7 @@ var O = class {
700
704
  close() {
701
705
  this.main.main.setAttribute("aria-expanded", "false"), this.main.arrow.path.setAttribute("d", this.classes.arrowClose);
702
706
  let e = this.modalSessionActive === !0;
703
- this.removeClasses(this.content.main, this.classes.contentOpen), e || (this.removeClasses(this.main.main, this.classes.dirAbove), this.removeClasses(this.main.main, this.classes.dirBelow)), e && this.modalElements && this.removeClasses(this.modalElements.overlay, this.classes.contentOpen), this.modalSessionActive = null, this.content.search.input.setAttribute("aria-hidden", "true"), this.main.main.removeAttribute("aria-activedescendant");
707
+ this.removeClasses(this.content.main, this.classes.contentOpen), e || (this.removeClasses(this.main.main, this.classes.dirAbove), this.removeClasses(this.main.main, this.classes.dirBelow)), e && this.modalElements && this.removeClasses(this.modalElements.overlay, this.classes.contentOpen), this.modalSessionActive = null, this.content.search.input.setAttribute("aria-hidden", "true"), this.main.main.removeAttribute("aria-activedescendant"), this.clearValueChipHighlight();
704
708
  }
705
709
  clearDirectionClasses() {
706
710
  this.removeClasses(this.main.main, this.classes.dirAbove), this.removeClasses(this.main.main, this.classes.dirBelow), this.removeClasses(this.content.main, this.classes.dirAbove), this.removeClasses(this.content.main, this.classes.dirBelow);
@@ -807,7 +811,8 @@ var O = class {
807
811
  if (t.length === 0) {
808
812
  this.main.values.innerHTML = this.placeholder().outerHTML;
809
813
  return;
810
- } else {
814
+ }
815
+ {
811
816
  let e = this.main.values.querySelector("." + this.classes.getFirst("placeholder"));
812
817
  e && e.remove();
813
818
  }
@@ -822,7 +827,8 @@ var O = class {
822
827
  let e = document.createElement("div");
823
828
  this.addClasses(e, this.classes.max), e.textContent = this.settings.maxValuesMessage.replace("{number}", t.length.toString()), this.main.values.innerHTML = e.outerHTML;
824
829
  return;
825
- } else {
830
+ }
831
+ {
826
832
  let e = this.main.values.querySelector("." + this.classes.getFirst("max"));
827
833
  e && e.remove();
828
834
  }
@@ -851,6 +857,38 @@ var O = class {
851
857
  let e = this.store.getSelectedOptions();
852
858
  return this.settings.keepOrder && (e = this.store.selectedOrderOptions(e)), e.slice(0, this.settings.minSelected).map((e) => e.id);
853
859
  }
860
+ getValueChips() {
861
+ return !this.settings.isMultiple || this.settings.multiString ? [] : Array.from(this.main.values.querySelectorAll("." + this.classes.getFirst("value"))).filter((e) => {
862
+ if (e.classList.contains(this.classes.getFirst("valueOut"))) return !1;
863
+ let t = e.querySelector("." + this.classes.getFirst("valueDelete"));
864
+ return !!t && !t.classList.contains(this.classes.getFirst("hide"));
865
+ });
866
+ }
867
+ getHighlightedValueChip() {
868
+ return this.getValueChips().find((e) => e.classList.contains(this.classes.getFirst("highlighted"))) ?? null;
869
+ }
870
+ clearValueChipHighlight() {
871
+ for (let e of Array.from(this.main.values.querySelectorAll("." + this.classes.getFirst("value")))) this.removeClasses(e, this.classes.highlighted);
872
+ }
873
+ highlightValueChip(e) {
874
+ this.clearValueChipHighlight(), e && this.addClasses(e, this.classes.highlighted);
875
+ }
876
+ navigateValueChips(e) {
877
+ let t = this.getValueChips();
878
+ if (t.length === 0) return !1;
879
+ let n = this.getHighlightedValueChip(), r = n ? t.indexOf(n) : -1;
880
+ return e === "left" ? (r === -1 ? this.highlightValueChip(t[t.length - 1]) : r > 0 && this.highlightValueChip(t[r - 1]), !0) : r !== -1 && (r < t.length - 1 ? this.highlightValueChip(t[r + 1]) : this.clearValueChipHighlight(), !0);
881
+ }
882
+ deleteValueChip(e = !1) {
883
+ let t = this.getValueChips();
884
+ if (t.length === 0) return !1;
885
+ let n = this.getHighlightedValueChip();
886
+ if (e && !n) return !1;
887
+ let r = n ?? t[t.length - 1], i = r.querySelector("." + this.classes.getFirst("valueDelete"));
888
+ if (!i) return !1;
889
+ let a = t.indexOf(r), o = n ? t[a - 1] ?? t[a + 1] ?? null : null;
890
+ return i.click(), o && o !== r && this.main.values.contains(o) ? this.highlightValueChip(o) : this.clearValueChipHighlight(), !0;
891
+ }
854
892
  updateMultipleValueDeleteVisibility() {
855
893
  if (!this.settings.isMultiple || this.settings.multiString) return;
856
894
  let e = !this.isAtMinSelected(), t = this.main.values.querySelectorAll("." + this.classes.getFirst("valueDelete"));
@@ -910,7 +948,8 @@ var O = class {
910
948
  if (this.settings.openPosition === "down") {
911
949
  this.moveContentBelow();
912
950
  return;
913
- } else if (this.settings.openPosition === "up") {
951
+ }
952
+ if (this.settings.openPosition === "up") {
914
953
  this.moveContentAbove();
915
954
  return;
916
955
  }
@@ -943,19 +982,27 @@ var O = class {
943
982
  main: e,
944
983
  input: t
945
984
  };
946
- if (this.settings.showSearch || (this.addClasses(e, this.classes.hide), t.readOnly = !0), t.type = "search", t.placeholder = this.settings.searchPlaceholder, t.tabIndex = -1, t.setAttribute("aria-label", this.settings.searchPlaceholder), t.setAttribute("aria-autocomplete", "list"), t.setAttribute("autocapitalize", "off"), t.setAttribute("autocomplete", "off"), t.setAttribute("autocorrect", "off"), t.setAttribute("aria-hidden", "true"), t.oninput = _((e) => {
947
- this.callbacks.search(e.target.value);
948
- }, 100), t.onkeydown = (e) => {
985
+ this.settings.showSearch || (this.addClasses(e, this.classes.hide), t.readOnly = !0), t.type = "search", t.placeholder = this.settings.searchPlaceholder, t.tabIndex = -1, t.setAttribute("aria-label", this.settings.searchPlaceholder), t.setAttribute("aria-autocomplete", "list"), t.setAttribute("autocapitalize", "off"), t.setAttribute("autocomplete", "off"), t.setAttribute("autocorrect", "off"), t.setAttribute("aria-hidden", "true");
986
+ let a = _(() => {
987
+ this.callbacks.search(t.value);
988
+ }, 100);
989
+ if (t.oninput = (e) => {
990
+ e.target.value !== "" && this.clearValueChipHighlight(), a();
991
+ }, t.onkeydown = (e) => {
949
992
  switch (e.key) {
950
993
  case "ArrowUp":
951
- case "ArrowDown": return e.key === "ArrowDown" ? this.highlight("down") : this.highlight("up"), !1;
994
+ case "ArrowDown": return this.clearValueChipHighlight(), e.key === "ArrowDown" ? this.highlight("down") : this.highlight("up"), !1;
995
+ case "ArrowLeft":
996
+ case "ArrowRight": return t.value !== "" || !this.navigateValueChips(e.key === "ArrowLeft" ? "left" : "right") || (e.preventDefault(), !1);
997
+ case "Backspace": return t.value !== "" || !this.deleteValueChip() || (e.preventDefault(), !1);
998
+ case "Delete": return t.value !== "" || !this.getHighlightedValueChip() || !this.deleteValueChip(!0) || (e.preventDefault(), !1);
952
999
  case "Tab": return this.requestClose("tab"), !0;
953
1000
  case "Escape": return this.requestClose("escape"), !1;
954
1001
  case "Enter":
955
- let t = this.content.list.querySelector("." + this.classes.getFirst("highlighted"));
956
- return t ? (t.click(), !1) : this.callbacks.addable ? (n.click(), !1) : !0;
1002
+ let r = this.content.list.querySelector("." + this.classes.getFirst("highlighted"));
1003
+ return r ? (r.click(), !1) : !this.callbacks.addable || (n.click(), !1);
957
1004
  }
958
- return !0;
1005
+ return e.key.length === 1 && this.clearValueChipHighlight(), !0;
959
1006
  }, e.appendChild(t), this.callbacks.addable) {
960
1007
  this.addClasses(n, this.classes.addable);
961
1008
  let t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
@@ -981,7 +1028,7 @@ var O = class {
981
1028
  }, e);
982
1029
  }
983
1030
  }, r = this.callbacks.addable(t);
984
- r === !1 || r == null || (r instanceof Promise ? r.then((e) => {
1031
+ r !== !1 && r != null && (r instanceof Promise ? r.then((e) => {
985
1032
  typeof e == "string" ? n({
986
1033
  text: e,
987
1034
  value: e
@@ -1105,7 +1152,8 @@ var O = class {
1105
1152
  });
1106
1153
  this.callbacks.setSelected(e, !0);
1107
1154
  return;
1108
- } else {
1155
+ }
1156
+ {
1109
1157
  let e = n.options.map((e) => e.id).filter((e) => e !== void 0), r = t.concat(e);
1110
1158
  for (let e of n.options) e.id && !this.store.getOptionByID(e.id) && this.callbacks.addOption(new A(e));
1111
1159
  this.callbacks.setSelected(r, !0);
@@ -1722,9 +1770,7 @@ var R = class {
1722
1770
  case "selection":
1723
1771
  this.applySelection(e.values, e.source, e.runAfterChange !== !1);
1724
1772
  break;
1725
- case "addOption":
1726
- this.applyAddOption(e.option);
1727
- break;
1773
+ case "addOption": this.applyAddOption(e.option);
1728
1774
  }
1729
1775
  }
1730
1776
  applyStructure(e, t, n = !1, r = !1) {
@@ -1775,10 +1821,12 @@ var R = class {
1775
1821
  }
1776
1822
  return !1;
1777
1823
  };
1778
- if (!c(t.getData(!1))) if (o) {
1779
- let n = t.getCatalogData();
1780
- c(n) || t.setData([...n, new A(e)], !0), t.snapshotCatalog();
1781
- } else t.addOption(e), t.snapshotCatalog();
1824
+ if (!c(t.getData(!1))) {
1825
+ if (o) {
1826
+ let n = t.getCatalogData();
1827
+ c(n) || t.setData([...n, new A(e)], !0), t.snapshotCatalog();
1828
+ } else t.addOption(e), t.snapshotCatalog();
1829
+ }
1782
1830
  let l = t.getData(!1);
1783
1831
  if (o) {
1784
1832
  let e = t.getSelectedOptions();