blip-ds 1.284.2 → 1.284.4

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 (42) hide show
  1. package/dist/blip-ds/bds-autocomplete.entry.js +13 -7
  2. package/dist/blip-ds/bds-autocomplete.system.entry.js +1 -1
  3. package/dist/blip-ds/bds-checkbox.entry.js +1 -1
  4. package/dist/blip-ds/bds-checkbox.system.entry.js +1 -1
  5. package/dist/blip-ds/bds-illustration.entry.js +1 -1
  6. package/dist/blip-ds/bds-illustration.system.entry.js +1 -1
  7. package/dist/blip-ds/bds-select-chips.entry.js +1 -3
  8. package/dist/blip-ds/bds-select-chips.system.entry.js +1 -1
  9. package/dist/blip-ds/bds-select-option.entry.js +1 -1
  10. package/dist/blip-ds/bds-select-option.system.entry.js +1 -1
  11. package/dist/blip-ds/p-36b2450f.entry.js +1 -0
  12. package/dist/blip-ds/{p-2592e8bf.system.entry.js → p-46633240.system.entry.js} +1 -1
  13. package/dist/blip-ds/{p-e41c0011.system.entry.js → p-46bb1120.system.entry.js} +1 -1
  14. package/dist/blip-ds/p-821f8633.system.entry.js +1 -0
  15. package/dist/blip-ds/p-9da436d6.entry.js +1 -0
  16. package/dist/blip-ds/p-a39ef3b8.system.js +1 -1
  17. package/dist/blip-ds/p-aeb7ca04.entry.js +1 -0
  18. package/dist/cjs/bds-autocomplete.cjs.entry.js +13 -7
  19. package/dist/cjs/bds-checkbox.cjs.entry.js +1 -1
  20. package/dist/cjs/bds-checkbox_2.cjs.entry.js +2 -2
  21. package/dist/cjs/bds-illustration.cjs.entry.js +1 -1
  22. package/dist/cjs/bds-select-chips.cjs.entry.js +1 -3
  23. package/dist/cjs/bds-select-option.cjs.entry.js +1 -1
  24. package/dist/collection/components/autocomplete/autocomplete.css +0 -2
  25. package/dist/collection/components/autocomplete/autocomplete.js +12 -6
  26. package/dist/collection/components/checkbox/checkbox.css +0 -1
  27. package/dist/collection/components/select-option/select-option.css +0 -1
  28. package/dist/collection/components/selects/select-chips/select-chips.js +1 -3
  29. package/dist/esm/bds-autocomplete.entry.js +13 -7
  30. package/dist/esm/bds-checkbox.entry.js +1 -1
  31. package/dist/esm/bds-checkbox_2.entry.js +2 -2
  32. package/dist/esm/bds-illustration.entry.js +1 -1
  33. package/dist/esm/bds-select-chips.entry.js +1 -3
  34. package/dist/esm/bds-select-option.entry.js +1 -1
  35. package/dist/esm-es5/bds-autocomplete.entry.js +1 -1
  36. package/dist/esm-es5/bds-checkbox_2.entry.js +1 -1
  37. package/dist/esm-es5/bds-select-chips.entry.js +1 -1
  38. package/package.json +1 -1
  39. package/dist/blip-ds/p-04f42e68.entry.js +0 -1
  40. package/dist/blip-ds/p-880d9646.system.entry.js +0 -1
  41. package/dist/blip-ds/p-a2bfc774.entry.js +0 -1
  42. package/dist/blip-ds/p-bf2fd094.entry.js +0 -1
package/dist/blip-ds/bds-autocomplete.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-06929dd0.js';
2
2
  import { g as getScrollParent, p as positionAbsoluteElement } from './position-element-a18074c8.js';
3
3
 
4
- const autocompleteCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::placeholder,:host textarea::placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.input .bds-icon{position:relative;z-index:1}.input--state-primary{border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-hover, rgba(0, 0, 0, 0.08));z-index:0;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary.input--pressed .input__icon .bds-icon{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed bds-typo{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-primary .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-primary .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input--state-primary .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface-negative, #ffd6d6);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-negative, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-negative, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger.input--pressed .input__icon .bds-icon{color:var(--color-negative, #e60f0f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed bds-typo{color:var(--color-negative, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-negative, #e60f0f);color:var(--color-content-default, #454545)}.input--state-danger .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-danger .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input--state-danger .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-success{border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface-positive, #d3f4e5);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-positive, #10603b);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-positive, #10603b);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success.input--pressed .input__icon .bds-icon{color:var(--color-positive, #10603b)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed bds-typo{color:var(--color-positive, #10603b)}.input--state-success .input__container__text{caret-color:var(--color-positive, #10603b);color:var(--color-content-default, #454545)}.input--state-success .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-success .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input--state-success .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-hover, rgba(0, 0, 0, 0.08));z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-positive, #10603b);margin-left:4px}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Carbona\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__text::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #636363);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-negative, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-negative, #e60f0f)}.input__message--success .input__message__icon .bds-icon{color:var(--color-positive, #10603b)}.input__message--success .input__message__text{color:var(--color-content-default, #454545)}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px}.input__container__wrapper .inside-input-left{display:inline}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Carbona\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit;-ms-flex-negative:99999;flex-shrink:99999}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}:host{display:block}.select{position:relative;outline:none;overflow:hidden}.select__icon{color:var(--color-content-ghost, #8c8c8c);display:-ms-flexbox;display:flex}.select__icon bds-icon{margin-left:10px}.select .icon-hidden{visibility:hidden}.select__options{display:grid;background:var(--color-surface-0, #ffffff);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));overflow-y:auto;z-index:2;pointer-events:none;opacity:0}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.select__options .selection-title{-ms-flex-order:-2;order:-2;width:100%;padding:8px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--color-surface-1, #f6f6f6)}.select__options .select-all{-ms-flex-order:-3;order:-3;background-color:var(--color-surface-1, #f6f6f6);padding:8px 8px 8px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-align:center;align-items:center;outline:none;-ms-flex-direction:row;flex-direction:row}.select__options .content-divisor{display:block;width:100%;height:1px;background-color:var(--color-surface-1, #f6f6f6)}.select__options .content-divisor .divisor{display:block;margin:0 16px;height:1px;background-color:var(--color-border-2, #e0e0e0)}.select__options .load-spinner{background-color:var(--color-surface-1, #f6f6f6);height:200px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.select__options .options-checked{-ms-flex-order:-1;order:-1}";
4
+ const autocompleteCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::placeholder,:host textarea::placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.input .bds-icon{position:relative;z-index:1}.input--state-primary{border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-hover, rgba(0, 0, 0, 0.08));z-index:0;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary.input--pressed .input__icon .bds-icon{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed bds-typo{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-primary .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-primary .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input--state-primary .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface-negative, #ffd6d6);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-negative, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-negative, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger.input--pressed .input__icon .bds-icon{color:var(--color-negative, #e60f0f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed bds-typo{color:var(--color-negative, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-negative, #e60f0f);color:var(--color-content-default, #454545)}.input--state-danger .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-danger .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input--state-danger .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-success{border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface-positive, #d3f4e5);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-positive, #10603b);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-positive, #10603b);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success.input--pressed .input__icon .bds-icon{color:var(--color-positive, #10603b)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed bds-typo{color:var(--color-positive, #10603b)}.input--state-success .input__container__text{caret-color:var(--color-positive, #10603b);color:var(--color-content-default, #454545)}.input--state-success .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-success .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input--state-success .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-hover, rgba(0, 0, 0, 0.08));z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-positive, #10603b);margin-left:4px}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Carbona\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__text::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #636363);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-negative, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-negative, #e60f0f)}.input__message--success .input__message__icon .bds-icon{color:var(--color-positive, #10603b)}.input__message--success .input__message__text{color:var(--color-content-default, #454545)}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px}.input__container__wrapper .inside-input-left{display:inline}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Carbona\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit;-ms-flex-negative:99999;flex-shrink:99999}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}:host{display:block}.select{position:relative;outline:none;overflow:hidden}.select__icon{color:var(--color-content-ghost, #8c8c8c);display:-ms-flexbox;display:flex}.select__icon bds-icon{margin-left:10px}.select .icon-hidden{visibility:hidden}.select__options{display:grid;background:var(--color-surface-0, #ffffff);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));overflow-y:auto;z-index:2;pointer-events:none;opacity:0}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.select__options .selection-title{-ms-flex-order:-2;order:-2;width:100%;padding:8px 16px;-webkit-box-sizing:border-box;box-sizing:border-box}.select__options .select-all{-ms-flex-order:-3;order:-3;padding:8px 8px 8px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-align:center;align-items:center;outline:none;-ms-flex-direction:row;flex-direction:row}.select__options .content-divisor{display:block;width:100%;height:1px;background-color:var(--color-surface-1, #f6f6f6)}.select__options .content-divisor .divisor{display:block;margin:0 16px;height:1px;background-color:var(--color-border-2, #e0e0e0)}.select__options .load-spinner{background-color:var(--color-surface-1, #f6f6f6);height:200px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.select__options .options-checked{-ms-flex-order:-1;order:-1}";
5
5
 
6
6
  const BdsAutocomplete = class {
7
7
  constructor(hostRef) {
@@ -26,8 +26,6 @@ const BdsAutocomplete = class {
26
26
  this.isFocused = true;
27
27
  this.isPressed = true;
28
28
  this.bdsFocus.emit();
29
- if (this.selectionType == 'multiple')
30
- this.textMultiselect = '';
31
29
  };
32
30
  this.onFocusout = () => {
33
31
  if (!this.isOpen) {
@@ -38,12 +36,13 @@ const BdsAutocomplete = class {
38
36
  var _a;
39
37
  this.bdsBlur.emit();
40
38
  this.isPressed = false;
41
- if (this.selectionType == 'multiple' && ((_a = this.checkedOptions) === null || _a === void 0 ? void 0 : _a.length) > 0)
42
- this.getTextMultiselect(this.checkedOptions);
43
39
  if (!this.isOpen) {
44
40
  this.isFocused = false;
45
41
  this.nativeInput.value = this.getText();
42
+ this.cleanInputSelection();
46
43
  }
44
+ if (this.selectionType == 'multiple' && ((_a = this.checkedOptions) === null || _a === void 0 ? void 0 : _a.length) > 0)
45
+ this.getTextMultiselect(this.checkedOptions);
47
46
  };
48
47
  this.onClickWrapper = () => {
49
48
  this.onFocus();
@@ -80,7 +79,14 @@ const BdsAutocomplete = class {
80
79
  };
81
80
  this.handlerMultiselect = () => {
82
81
  this.updateListChecked(this.childOptions);
83
- this.checkAllInput.checked = false;
82
+ this.nativeInput.value = '';
83
+ this.value = undefined;
84
+ this.resetFilterOptions();
85
+ if (this.childOptions.length != this.checkedOptions.length) {
86
+ setTimeout(() => {
87
+ this.checkAllInput.checked = false;
88
+ }, 10);
89
+ }
84
90
  };
85
91
  this.handleCheckAll = (event) => {
86
92
  const { detail: { checked }, } = event;
@@ -407,7 +413,7 @@ const BdsAutocomplete = class {
407
413
  } }, h("bds-loading-spinner", { class: "load-spinner", size: "small" }))) : (h("div", { ref: (el) => this.refDropdown(el), class: {
408
414
  select__options: true,
409
415
  'select__options--open': this.isOpen,
410
- } }, this.selectionTitle && this.selectionType == 'multiple' && (h("bds-typo", { class: "selection-title", variant: "fs-10", bold: "bold" }, this.selectionTitle)), this.selectionType == 'multiple' && (this.value == null || this.value.length <= 0) && (h("bds-checkbox", { ref: this.refCheckAllInput, refer: `refer-multiselect`, label: `Selecionar Todos`, name: "chack-all", class: "select-all", onBdsChange: (ev) => this.handleCheckAll(ev) })), ((_b = this.checkedOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("span", { class: "content-divisor" }, h("span", { class: "divisor" }))), this.internalOptions ? (this.internalOptions.map((option, idx) => (h("bds-select-option", { onOptionSelected: this.handler, onOptionChecked: this.handlerMultiselect, selected: this.value === option.value, value: option.value, key: idx, bulkOption: option.bulkOption, status: option.status, "type-option": this.selectionType == 'multiple' ? 'checkbox' : 'default' }, option.label)))) : (h("slot", null))))));
416
+ } }, this.selectionTitle && this.selectionType == 'multiple' && (h("bds-typo", { class: "selection-title", variant: "fs-10", bold: "bold" }, this.selectionTitle)), this.selectionType == 'multiple' && this.value == null && (h("bds-checkbox", { ref: this.refCheckAllInput, refer: `refer-multiselect`, label: `Selecionar Todos`, name: "chack-all", class: "select-all", onBdsChange: (ev) => this.handleCheckAll(ev) })), ((_b = this.checkedOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("span", { class: "content-divisor" }, h("span", { class: "divisor" }))), this.internalOptions ? (this.internalOptions.map((option, idx) => (h("bds-select-option", { onOptionSelected: this.handler, onOptionChecked: this.handlerMultiselect, selected: this.value === option.value, value: option.value, key: idx, bulkOption: option.bulkOption, status: option.status, "type-option": this.selectionType == 'multiple' ? 'checkbox' : 'default' }, option.label)))) : (h("slot", null))))));
411
417
  }
412
418
  get el() { return getElement(this); }
413
419
  static get watchers() { return {
package/dist/blip-ds/bds-autocomplete.system.entry.js CHANGED
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,i,o){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,s){function r(e){try{a(o.next(e))}catch(t){s(t)}}function l(e){try{a(o["throw"](e))}catch(t){s(t)}}function a(e){e.done?i(e.value):n(e.value).then(r,l)}a((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,n,s,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(e){return function(t){return a([e,t])}}function a(l){if(o)throw new TypeError("Generator is already executing.");while(r&&(r=0,l[0]&&(i=0)),i)try{if(o=1,n&&(s=l[0]&2?n["return"]:l[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,l[1])).done)return s;if(n=0,s)l=[l[0]&2,s.value];switch(l[0]){case 0:case 1:s=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;n=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!s||l[1]>s[0]&&l[1]<s[3])){i.label=l[1];break}if(l[0]===6&&i.label<s[1]){i.label=s[1];s=l;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(l);break}if(s[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(a){l=[6,a];n=0}finally{o=s=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./index-0425c4de.system.js","./position-element-3e47398a.system.js"],(function(e){"use strict";var t,i,o,n,s,r,l;return{setters:[function(e){t=e.r;i=e.e;o=e.h;n=e.f;s=e.g},function(e){r=e.g;l=e.p}],execute:function(){var a=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::placeholder,:host textarea::placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.input .bds-icon{position:relative;z-index:1}.input--state-primary{border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-hover, rgba(0, 0, 0, 0.08));z-index:0;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary.input--pressed .input__icon .bds-icon{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed bds-typo{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-primary .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-primary .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input--state-primary .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface-negative, #ffd6d6);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-negative, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-negative, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger.input--pressed .input__icon .bds-icon{color:var(--color-negative, #e60f0f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed bds-typo{color:var(--color-negative, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-negative, #e60f0f);color:var(--color-content-default, #454545)}.input--state-danger .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-danger .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input--state-danger .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-success{border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface-positive, #d3f4e5);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-positive, #10603b);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-positive, #10603b);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success.input--pressed .input__icon .bds-icon{color:var(--color-positive, #10603b)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed bds-typo{color:var(--color-positive, #10603b)}.input--state-success .input__container__text{caret-color:var(--color-positive, #10603b);color:var(--color-content-default, #454545)}.input--state-success .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-success .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input--state-success .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-hover, rgba(0, 0, 0, 0.08));z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-positive, #10603b);margin-left:4px}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__text::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #636363);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-negative, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-negative, #e60f0f)}.input__message--success .input__message__icon .bds-icon{color:var(--color-positive, #10603b)}.input__message--success .input__message__text{color:var(--color-content-default, #454545)}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px}.input__container__wrapper .inside-input-left{display:inline}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit;-ms-flex-negative:99999;flex-shrink:99999}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}:host{display:block}.select{position:relative;outline:none;overflow:hidden}.select__icon{color:var(--color-content-ghost, #8c8c8c);display:-ms-flexbox;display:flex}.select__icon bds-icon{margin-left:10px}.select .icon-hidden{visibility:hidden}.select__options{display:grid;background:var(--color-surface-0, #ffffff);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));overflow-y:auto;z-index:2;pointer-events:none;opacity:0}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.select__options .selection-title{-ms-flex-order:-2;order:-2;width:100%;padding:8px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--color-surface-1, #f6f6f6)}.select__options .select-all{-ms-flex-order:-3;order:-3;background-color:var(--color-surface-1, #f6f6f6);padding:8px 8px 8px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-align:center;align-items:center;outline:none;-ms-flex-direction:row;flex-direction:row}.select__options .content-divisor{display:block;width:100%;height:1px;background-color:var(--color-surface-1, #f6f6f6)}.select__options .content-divisor .divisor{display:block;margin:0 16px;height:1px;background-color:var(--color-border-2, #e0e0e0)}.select__options .load-spinner{background-color:var(--color-surface-1, #f6f6f6);height:200px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.select__options .options-checked{-ms-flex-order:-1;order:-1}';var c=e("bds_autocomplete",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsSelectedChange=i(this,"bdsSelectedChange",7);this.bdsMultiselectedChange=i(this,"bdsMultiselectedChange",7);this.bdsInput=i(this,"bdsInput",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.refDropdown=function(e){o.dropElement=e};this.refIconDrop=function(e){o.iconDropElement=e};this.refCheckAllInput=function(e){o.checkAllInput=e};this.onFocus=function(){o.isFocused=true;o.isPressed=true;o.bdsFocus.emit();if(o.selectionType=="multiple")o.textMultiselect=""};this.onFocusout=function(){if(!o.isOpen){o.nativeInput.value=o.getText()}};this.onBlur=function(){var e;o.bdsBlur.emit();o.isPressed=false;if(o.selectionType=="multiple"&&((e=o.checkedOptions)===null||e===void 0?void 0:e.length)>0)o.getTextMultiselect(o.checkedOptions);if(!o.isOpen){o.isFocused=false;o.nativeInput.value=o.getText()}};this.onClickWrapper=function(){o.onFocus();o.toggle();if(o.nativeInput){o.nativeInput.focus()}};this.toggle=function(){if(!o.disabled){o.isOpen=!o.isOpen}};this.getTextFromOption=function(e){var t,i;if((e===null||e===void 0?void 0:e.status)||(e===null||e===void 0?void 0:e.bulkOption)){if(o.internalOptions){var n=o.internalOptions.find((function(t){return t.value==e.value}));if(n){return n.label}}return e.querySelector("#bds-typo-label-".concat(o.value)).textContent}return(e===null||e===void 0?void 0:e.titleText)?e.titleText:(i=(t=e===null||e===void 0?void 0:e.textContent)===null||t===void 0?void 0:t.trim())!==null&&i!==void 0?i:""};this.getText=function(){var e=o.childOptions.find((function(e){return e.value==o.value}));return o.getTextFromOption(e)};this.getTextMultiselect=function(e){var t=(e===null||e===void 0?void 0:e.length)>0&&"".concat(e===null||e===void 0?void 0:e.length," selecionados");o.textMultiselect=t};this.handlerMultiselect=function(){o.updateListChecked(o.childOptions);o.checkAllInput.checked=false};this.handleCheckAll=function(e){var t=e.detail.checked;for(var i=0,n=o.childOptions;i<n.length;i++){var s=n[i];if(t){s.toMark()}else{s.markOff()}}setTimeout((function(){o.updateListChecked(o.childOptions)}),10)};this.updateListChecked=function(e){for(var t=0,i=e;t<i.length;t++){var n=i[t];n.checked?n.classList.add("option-checked"):n.classList.remove("option-checked")}var s=Array.from(e).filter((function(e){return e.checked==true}));var r=s.map((function(e){return{value:e.value,label:e.textContent,checked:e.checked}}));o.checkedOptions=r};this.handler=function(e){var t=e.detail.value;o.value=t;o.toggle()};this.cleanInputSelection=function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!!this.disabled)return[3,2];this.value="";this.nativeInput.value="";this.isOpen=false;this.bdsCancel.emit({value:""});return[4,this.resetFilterOptions()];case 1:e.sent();e.label=2;case 2:return[2]}}))}))};this.changedInputValue=function(e){return __awaiter(o,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:t=e.target;if(t){this.value=t.value||""}this.bdsInput.emit(e);if(!this.nativeInput.value)return[3,2];return[4,this.filterOptions(this.nativeInput.value)];case 1:i.sent();return[3,5];case 2:this.value="";if(!this.isOpen)return[3,4];return[4,this.resetFilterOptions()];case 3:i.sent();return[3,5];case 4:this.setTimeoutFilter();i.label=5;case 5:if(this.isOpen===false){this.value=this.getSelectedValue();this.setTimeoutFilter()}return[2]}}))}))};this.intoView=null;this.isPressed=false;this.isOpen=false;this.text="";this.textMultiselect="";this.placeholderState=this.placeholder;this.internalOptions=undefined;this.cloneOptions=undefined;this.checkedOptions=undefined;this.isFocused=false;this.validationDanger=false;this.validationMesage="";this.options=undefined;this.value=undefined;this.selected=undefined;this.danger=false;this.success=false;this.disabled=false;this.searchOnlyTitle=true;this.label="";this.icon="";this.placeholder="";this.helperMessage="";this.errorMessage="";this.successMessage="";this.optionsPosition="auto";this.clearIconOnFocus=false;this.dataTest=null;this.loading=false;this.selectionType="single";this.selectionTitle=""}e.prototype.isOpenChanged=function(e){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(e)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.itemSelectedChanged=function(){this.bdsSelectedChange.emit(this.selected)};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value==null?this.value:this.value.toString()});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.selected=this.childOptionSelected;this.text=this.getText()};e.prototype.handleWindow=function(e){if(!this.el.contains(e.target)){this.isOpen=false}};e.prototype.changeCheckedOptions=function(){var e;this.placeholderState=this.selectionType==="multiple"?((e=this.checkedOptions)===null||e===void 0?void 0:e.length)===0||this.checkedOptions===null?this.placeholder:"":this.placeholder;this.getTextMultiselect(this.checkedOptions);this.bdsMultiselectedChange.emit({value:this.checkedOptions})};e.prototype.parseOptions=function(){if(this.options){this.resetFilterOptions();try{this.internalOptions=typeof this.options==="string"?JSON.parse(this.options):this.options}catch(e){this.internalOptions=[]}}};e.prototype.changeSelectionType=function(){if(!this.options){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];if(this.selectionType==="multiple"){i.typeOption="checkbox";i.addEventListener("optionChecked",this.handlerMultiselect)}else{i.typeOption="default";i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}}}};e.prototype.componentWillLoad=function(){this.intoView=r(this.el);this.options&&this.parseOptions()};e.prototype.componentDidLoad=function(){if(!this.options){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];if(this.selectionType==="multiple"){i.typeOption="checkbox";i.addEventListener("optionChecked",this.handlerMultiselect)}else{i.typeOption="default";i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}}}this.text=this.getText();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.setDefaultPlacement=function(e){if(e=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.validatePositionDrop=function(){var e=l({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=e.y;if(e.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.keyPressWrapper=function(e){var t,i,o,n;switch(e.key){case"Enter":this.toggle();break;case"ArrowDown":if(!this.disabled){this.isOpen=true}if(this.childOptionSelected){this.value=(t=this.childOptionSelected.nextSibling)===null||t===void 0?void 0:t.value;return}this.value=(i=this.el.firstElementChild)===null||i===void 0?void 0:i.value;break;case"ArrowUp":if(this.childOptionSelected){this.value=(o=this.childOptionSelected.previousSibling)===null||o===void 0?void 0:o.value;return}this.value=(n=this.el.lastElementChild)===null||n===void 0?void 0:n.value;break}};e.prototype.setTimeoutFilter=function(){var e=this;setTimeout((function(){e.resetFilterOptions()}),500)};e.prototype.filterOptions=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,o,n,s;return __generator(this,(function(r){switch(r.label){case 0:if(!!e)return[3,2];return[4,this.resetFilterOptions()];case 1:r.sent();r.label=2;case 2:for(t=0,i=this.childOptions;t<i.length;t++){o=i[t];n=this.searchOnlyTitle?this.getTextFromOption(o).toLowerCase():o.textContent.toLowerCase();s=e.toLowerCase();n.includes(s)?o.removeAttribute("invisible"):o.setAttribute("invisible","invisible")}return[2]}}))}))};e.prototype.resetFilterOptions=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,o;return __generator(this,(function(n){e=this.childOptions;for(t=0,i=e;t<i.length;t++){o=i[t];o.removeAttribute("invisible")}return[2]}))}))};e.prototype.getSelectedValue=function(){var e;return(e=this.childOptionSelected)===null||e===void 0?void 0:e.value};e.prototype.renderIcon=function(){return this.icon&&o("div",{class:{input__icon:true,"input__icon--large":!!this.label}},o("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&o("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},o("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":this.success?"checkball":"info";var t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(t){return o("div",{class:i,part:"input__message"},o("div",{class:"input__message__icon"},o("bds-icon",{size:"x-small",name:e,theme:"outline",color:"inherit"})),o("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e=this;var t,i;return o(n,{"aria-disabled":this.disabled?"true":null},o("div",{class:{input:true,select:true,"input--state-primary":!this.danger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":this.isPressed},onClick:this.onClickWrapper},this.renderIcon(),o("div",{class:"input__container",tabindex:"0",onFocusout:this.onFocusout},this.renderLabel(),o("div",{class:{input__container__wrapper:true}},((t=this.textMultiselect)===null||t===void 0?void 0:t.length)>0&&o("bds-typo",{variant:"fs-14",class:"inside-input-left"},this.textMultiselect),o("input",{class:{input__container__text:true},ref:function(t){return e.nativeInput=t},disabled:this.disabled,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.changedInputValue,placeholder:this.placeholderState,type:"text",value:this.text,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),o("div",{class:"select__icon"},o("bds-icon",{size:"small",name:"error",theme:"solid",onClick:this.cleanInputSelection,class:{"icon-hidden":this.clearIconOnFocus&&(!this.isFocused||!this.isOpen)||!this.value}}),o("bds-icon",{ref:function(t){return e.refIconDrop(t)},size:"small",color:"inherit"}))),this.renderMessage(),this.loading?o("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen}},o("bds-loading-spinner",{class:"load-spinner",size:"small"})):o("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen}},this.selectionTitle&&this.selectionType=="multiple"&&o("bds-typo",{class:"selection-title",variant:"fs-10",bold:"bold"},this.selectionTitle),this.selectionType=="multiple"&&(this.value==null||this.value.length<=0)&&o("bds-checkbox",{ref:this.refCheckAllInput,refer:"refer-multiselect",label:"Selecionar Todos",name:"chack-all",class:"select-all",onBdsChange:function(t){return e.handleCheckAll(t)}}),((i=this.checkedOptions)===null||i===void 0?void 0:i.length)>0&&o("span",{class:"content-divisor"},o("span",{class:"divisor"})),this.internalOptions?this.internalOptions.map((function(t,i){return o("bds-select-option",{onOptionSelected:e.handler,onOptionChecked:e.handlerMultiselect,selected:e.value===t.value,value:t.value,key:i,bulkOption:t.bulkOption,status:t.status,"type-option":e.selectionType=="multiple"?"checkbox":"default"},t.label)})):o("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"],selected:["itemSelectedChanged"],value:["valueChanged"],checkedOptions:["changeCheckedOptions"],options:["parseOptions"],selectionType:["changeSelectionType"]}},enumerable:false,configurable:true});return e}());c.style=a}}}));
1
+ var __awaiter=this&&this.__awaiter||function(e,t,i,o){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,s){function r(e){try{a(o.next(e))}catch(t){s(t)}}function l(e){try{a(o["throw"](e))}catch(t){s(t)}}function a(e){e.done?i(e.value):n(e.value).then(r,l)}a((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,n,s,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(e){return function(t){return a([e,t])}}function a(l){if(o)throw new TypeError("Generator is already executing.");while(r&&(r=0,l[0]&&(i=0)),i)try{if(o=1,n&&(s=l[0]&2?n["return"]:l[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,l[1])).done)return s;if(n=0,s)l=[l[0]&2,s.value];switch(l[0]){case 0:case 1:s=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;n=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!s||l[1]>s[0]&&l[1]<s[3])){i.label=l[1];break}if(l[0]===6&&i.label<s[1]){i.label=s[1];s=l;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(l);break}if(s[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(a){l=[6,a];n=0}finally{o=s=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./index-0425c4de.system.js","./position-element-3e47398a.system.js"],(function(e){"use strict";var t,i,o,n,s,r,l;return{setters:[function(e){t=e.r;i=e.e;o=e.h;n=e.f;s=e.g},function(e){r=e.g;l=e.p}],execute:function(){var a=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::placeholder,:host textarea::placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.input .bds-icon{position:relative;z-index:1}.input--state-primary{border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-hover, rgba(0, 0, 0, 0.08));z-index:0;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary.input--pressed .input__icon .bds-icon{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed bds-typo{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-primary .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-primary .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input--state-primary .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface-negative, #ffd6d6);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-negative, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-negative, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger.input--pressed .input__icon .bds-icon{color:var(--color-negative, #e60f0f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed bds-typo{color:var(--color-negative, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-negative, #e60f0f);color:var(--color-content-default, #454545)}.input--state-danger .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-danger .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input--state-danger .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-success{border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface-positive, #d3f4e5);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-positive, #10603b);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-positive, #10603b);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success.input--pressed .input__icon .bds-icon{color:var(--color-positive, #10603b)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed bds-typo{color:var(--color-positive, #10603b)}.input--state-success .input__container__text{caret-color:var(--color-positive, #10603b);color:var(--color-content-default, #454545)}.input--state-success .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-success .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input--state-success .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8c8c8c)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-hover, rgba(0, 0, 0, 0.08));z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-positive, #10603b);margin-left:4px}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__text::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #636363);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-negative, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-negative, #e60f0f)}.input__message--success .input__message__icon .bds-icon{color:var(--color-positive, #10603b)}.input__message--success .input__message__text{color:var(--color-content-default, #454545)}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__text::placeholder{color:var(--color-content-ghost, #8c8c8c)}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px}.input__container__wrapper .inside-input-left{display:inline}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit;-ms-flex-negative:99999;flex-shrink:99999}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}:host{display:block}.select{position:relative;outline:none;overflow:hidden}.select__icon{color:var(--color-content-ghost, #8c8c8c);display:-ms-flexbox;display:flex}.select__icon bds-icon{margin-left:10px}.select .icon-hidden{visibility:hidden}.select__options{display:grid;background:var(--color-surface-0, #ffffff);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));overflow-y:auto;z-index:2;pointer-events:none;opacity:0}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.select__options .selection-title{-ms-flex-order:-2;order:-2;width:100%;padding:8px 16px;-webkit-box-sizing:border-box;box-sizing:border-box}.select__options .select-all{-ms-flex-order:-3;order:-3;padding:8px 8px 8px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-align:center;align-items:center;outline:none;-ms-flex-direction:row;flex-direction:row}.select__options .content-divisor{display:block;width:100%;height:1px;background-color:var(--color-surface-1, #f6f6f6)}.select__options .content-divisor .divisor{display:block;margin:0 16px;height:1px;background-color:var(--color-border-2, #e0e0e0)}.select__options .load-spinner{background-color:var(--color-surface-1, #f6f6f6);height:200px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.select__options .options-checked{-ms-flex-order:-1;order:-1}';var c=e("bds_autocomplete",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsSelectedChange=i(this,"bdsSelectedChange",7);this.bdsMultiselectedChange=i(this,"bdsMultiselectedChange",7);this.bdsInput=i(this,"bdsInput",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.refDropdown=function(e){o.dropElement=e};this.refIconDrop=function(e){o.iconDropElement=e};this.refCheckAllInput=function(e){o.checkAllInput=e};this.onFocus=function(){o.isFocused=true;o.isPressed=true;o.bdsFocus.emit()};this.onFocusout=function(){if(!o.isOpen){o.nativeInput.value=o.getText()}};this.onBlur=function(){var e;o.bdsBlur.emit();o.isPressed=false;if(!o.isOpen){o.isFocused=false;o.nativeInput.value=o.getText();o.cleanInputSelection()}if(o.selectionType=="multiple"&&((e=o.checkedOptions)===null||e===void 0?void 0:e.length)>0)o.getTextMultiselect(o.checkedOptions)};this.onClickWrapper=function(){o.onFocus();o.toggle();if(o.nativeInput){o.nativeInput.focus()}};this.toggle=function(){if(!o.disabled){o.isOpen=!o.isOpen}};this.getTextFromOption=function(e){var t,i;if((e===null||e===void 0?void 0:e.status)||(e===null||e===void 0?void 0:e.bulkOption)){if(o.internalOptions){var n=o.internalOptions.find((function(t){return t.value==e.value}));if(n){return n.label}}return e.querySelector("#bds-typo-label-".concat(o.value)).textContent}return(e===null||e===void 0?void 0:e.titleText)?e.titleText:(i=(t=e===null||e===void 0?void 0:e.textContent)===null||t===void 0?void 0:t.trim())!==null&&i!==void 0?i:""};this.getText=function(){var e=o.childOptions.find((function(e){return e.value==o.value}));return o.getTextFromOption(e)};this.getTextMultiselect=function(e){var t=(e===null||e===void 0?void 0:e.length)>0&&"".concat(e===null||e===void 0?void 0:e.length," selecionados");o.textMultiselect=t};this.handlerMultiselect=function(){o.updateListChecked(o.childOptions);o.nativeInput.value="";o.value=undefined;o.resetFilterOptions();if(o.childOptions.length!=o.checkedOptions.length){setTimeout((function(){o.checkAllInput.checked=false}),10)}};this.handleCheckAll=function(e){var t=e.detail.checked;for(var i=0,n=o.childOptions;i<n.length;i++){var s=n[i];if(t){s.toMark()}else{s.markOff()}}setTimeout((function(){o.updateListChecked(o.childOptions)}),10)};this.updateListChecked=function(e){for(var t=0,i=e;t<i.length;t++){var n=i[t];n.checked?n.classList.add("option-checked"):n.classList.remove("option-checked")}var s=Array.from(e).filter((function(e){return e.checked==true}));var r=s.map((function(e){return{value:e.value,label:e.textContent,checked:e.checked}}));o.checkedOptions=r};this.handler=function(e){var t=e.detail.value;o.value=t;o.toggle()};this.cleanInputSelection=function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!!this.disabled)return[3,2];this.value="";this.nativeInput.value="";this.isOpen=false;this.bdsCancel.emit({value:""});return[4,this.resetFilterOptions()];case 1:e.sent();e.label=2;case 2:return[2]}}))}))};this.changedInputValue=function(e){return __awaiter(o,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:t=e.target;if(t){this.value=t.value||""}this.bdsInput.emit(e);if(!this.nativeInput.value)return[3,2];return[4,this.filterOptions(this.nativeInput.value)];case 1:i.sent();return[3,5];case 2:this.value="";if(!this.isOpen)return[3,4];return[4,this.resetFilterOptions()];case 3:i.sent();return[3,5];case 4:this.setTimeoutFilter();i.label=5;case 5:if(this.isOpen===false){this.value=this.getSelectedValue();this.setTimeoutFilter()}return[2]}}))}))};this.intoView=null;this.isPressed=false;this.isOpen=false;this.text="";this.textMultiselect="";this.placeholderState=this.placeholder;this.internalOptions=undefined;this.cloneOptions=undefined;this.checkedOptions=undefined;this.isFocused=false;this.validationDanger=false;this.validationMesage="";this.options=undefined;this.value=undefined;this.selected=undefined;this.danger=false;this.success=false;this.disabled=false;this.searchOnlyTitle=true;this.label="";this.icon="";this.placeholder="";this.helperMessage="";this.errorMessage="";this.successMessage="";this.optionsPosition="auto";this.clearIconOnFocus=false;this.dataTest=null;this.loading=false;this.selectionType="single";this.selectionTitle=""}e.prototype.isOpenChanged=function(e){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(e)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.itemSelectedChanged=function(){this.bdsSelectedChange.emit(this.selected)};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value==null?this.value:this.value.toString()});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.selected=this.childOptionSelected;this.text=this.getText()};e.prototype.handleWindow=function(e){if(!this.el.contains(e.target)){this.isOpen=false}};e.prototype.changeCheckedOptions=function(){var e;this.placeholderState=this.selectionType==="multiple"?((e=this.checkedOptions)===null||e===void 0?void 0:e.length)===0||this.checkedOptions===null?this.placeholder:"":this.placeholder;this.getTextMultiselect(this.checkedOptions);this.bdsMultiselectedChange.emit({value:this.checkedOptions})};e.prototype.parseOptions=function(){if(this.options){this.resetFilterOptions();try{this.internalOptions=typeof this.options==="string"?JSON.parse(this.options):this.options}catch(e){this.internalOptions=[]}}};e.prototype.changeSelectionType=function(){if(!this.options){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];if(this.selectionType==="multiple"){i.typeOption="checkbox";i.addEventListener("optionChecked",this.handlerMultiselect)}else{i.typeOption="default";i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}}}};e.prototype.componentWillLoad=function(){this.intoView=r(this.el);this.options&&this.parseOptions()};e.prototype.componentDidLoad=function(){if(!this.options){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];if(this.selectionType==="multiple"){i.typeOption="checkbox";i.addEventListener("optionChecked",this.handlerMultiselect)}else{i.typeOption="default";i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}}}this.text=this.getText();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.setDefaultPlacement=function(e){if(e=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.validatePositionDrop=function(){var e=l({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=e.y;if(e.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.keyPressWrapper=function(e){var t,i,o,n;switch(e.key){case"Enter":this.toggle();break;case"ArrowDown":if(!this.disabled){this.isOpen=true}if(this.childOptionSelected){this.value=(t=this.childOptionSelected.nextSibling)===null||t===void 0?void 0:t.value;return}this.value=(i=this.el.firstElementChild)===null||i===void 0?void 0:i.value;break;case"ArrowUp":if(this.childOptionSelected){this.value=(o=this.childOptionSelected.previousSibling)===null||o===void 0?void 0:o.value;return}this.value=(n=this.el.lastElementChild)===null||n===void 0?void 0:n.value;break}};e.prototype.setTimeoutFilter=function(){var e=this;setTimeout((function(){e.resetFilterOptions()}),500)};e.prototype.filterOptions=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,o,n,s;return __generator(this,(function(r){switch(r.label){case 0:if(!!e)return[3,2];return[4,this.resetFilterOptions()];case 1:r.sent();r.label=2;case 2:for(t=0,i=this.childOptions;t<i.length;t++){o=i[t];n=this.searchOnlyTitle?this.getTextFromOption(o).toLowerCase():o.textContent.toLowerCase();s=e.toLowerCase();n.includes(s)?o.removeAttribute("invisible"):o.setAttribute("invisible","invisible")}return[2]}}))}))};e.prototype.resetFilterOptions=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,o;return __generator(this,(function(n){e=this.childOptions;for(t=0,i=e;t<i.length;t++){o=i[t];o.removeAttribute("invisible")}return[2]}))}))};e.prototype.getSelectedValue=function(){var e;return(e=this.childOptionSelected)===null||e===void 0?void 0:e.value};e.prototype.renderIcon=function(){return this.icon&&o("div",{class:{input__icon:true,"input__icon--large":!!this.label}},o("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&o("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},o("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":this.success?"checkball":"info";var t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(t){return o("div",{class:i,part:"input__message"},o("div",{class:"input__message__icon"},o("bds-icon",{size:"x-small",name:e,theme:"outline",color:"inherit"})),o("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e=this;var t,i;return o(n,{"aria-disabled":this.disabled?"true":null},o("div",{class:{input:true,select:true,"input--state-primary":!this.danger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":this.isPressed},onClick:this.onClickWrapper},this.renderIcon(),o("div",{class:"input__container",tabindex:"0",onFocusout:this.onFocusout},this.renderLabel(),o("div",{class:{input__container__wrapper:true}},((t=this.textMultiselect)===null||t===void 0?void 0:t.length)>0&&o("bds-typo",{variant:"fs-14",class:"inside-input-left"},this.textMultiselect),o("input",{class:{input__container__text:true},ref:function(t){return e.nativeInput=t},disabled:this.disabled,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.changedInputValue,placeholder:this.placeholderState,type:"text",value:this.text,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),o("div",{class:"select__icon"},o("bds-icon",{size:"small",name:"error",theme:"solid",onClick:this.cleanInputSelection,class:{"icon-hidden":this.clearIconOnFocus&&(!this.isFocused||!this.isOpen)||!this.value}}),o("bds-icon",{ref:function(t){return e.refIconDrop(t)},size:"small",color:"inherit"}))),this.renderMessage(),this.loading?o("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen}},o("bds-loading-spinner",{class:"load-spinner",size:"small"})):o("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen}},this.selectionTitle&&this.selectionType=="multiple"&&o("bds-typo",{class:"selection-title",variant:"fs-10",bold:"bold"},this.selectionTitle),this.selectionType=="multiple"&&this.value==null&&o("bds-checkbox",{ref:this.refCheckAllInput,refer:"refer-multiselect",label:"Selecionar Todos",name:"chack-all",class:"select-all",onBdsChange:function(t){return e.handleCheckAll(t)}}),((i=this.checkedOptions)===null||i===void 0?void 0:i.length)>0&&o("span",{class:"content-divisor"},o("span",{class:"divisor"})),this.internalOptions?this.internalOptions.map((function(t,i){return o("bds-select-option",{onOptionSelected:e.handler,onOptionChecked:e.handlerMultiselect,selected:e.value===t.value,value:t.value,key:i,bulkOption:t.bulkOption,status:t.status,"type-option":e.selectionType=="multiple"?"checkbox":"default"},t.label)})):o("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"],selected:["itemSelectedChanged"],value:["valueChanged"],checkedOptions:["changeCheckedOptions"],options:["parseOptions"],selectionType:["changeSelectionType"]}},enumerable:false,configurable:true});return e}());c.style=a}}}));
package/dist/blip-ds/bds-checkbox.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, e as createEvent, h } from './index-06929dd0.js';
2
2
 
3
- const checkboxCss = ".checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:var(--color-surface-1, #f6f6f6);position:relative}.checkbox__icon::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.checkbox__icon:focus-visible{outline:none}.checkbox__icon:focus-visible::before{border-color:var(--color-focus, #c226fb)}.checkbox__icon:hover{border-color:var(--color-brand, #0096fa)}.checkbox--selected .checkbox__icon{background-color:var(--color-surface-primary, #1e6bf1);border-color:var(--color-surface-primary, #1e6bf1)}.checkbox--selected .checkbox__icon__svg{color:var(--color-content-bright, #ffffff)}.checkbox--selected .checkbox__icon:hover{background-color:var(--color-brand, #0096fa)}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:var(--color-content-default, #454545);border-color:var(--color-content-default, #454545);background-color:var(--color-surface-3, #cfcfcf);opacity:50%}.checkbox--selected-disabled .checkbox__text{opacity:50%}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{opacity:50%;background-color:var(--color-surface-1, #f6f6f6);border:1px solid var(--color-brand, #0096fa)}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:var(--color-surface-1, #f6f6f6);border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:var(--color-content-default, #454545)}";
3
+ const checkboxCss = ".checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{position:relative}.checkbox__icon::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.checkbox__icon:focus-visible{outline:none}.checkbox__icon:focus-visible::before{border-color:var(--color-focus, #c226fb)}.checkbox__icon:hover{border-color:var(--color-brand, #0096fa)}.checkbox--selected .checkbox__icon{background-color:var(--color-surface-primary, #1e6bf1);border-color:var(--color-surface-primary, #1e6bf1)}.checkbox--selected .checkbox__icon__svg{color:var(--color-content-bright, #ffffff)}.checkbox--selected .checkbox__icon:hover{background-color:var(--color-brand, #0096fa)}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:var(--color-content-default, #454545);border-color:var(--color-content-default, #454545);background-color:var(--color-surface-3, #cfcfcf);opacity:50%}.checkbox--selected-disabled .checkbox__text{opacity:50%}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{opacity:50%;background-color:var(--color-surface-1, #f6f6f6);border:1px solid var(--color-brand, #0096fa)}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:var(--color-surface-1, #f6f6f6);border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:var(--color-content-default, #454545)}";
4
4
 
5
5
  let checkBoxIds = 0;
6
6
  const Checkbox = class {
package/dist/blip-ds/bds-checkbox.system.entry.js CHANGED
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,c,o){function n(e){return e instanceof c?e:new c((function(t){t(e)}))}return new(c||(c=Promise))((function(c,i){function r(e){try{a(o.next(e))}catch(t){i(t)}}function s(e){try{a(o["throw"](e))}catch(t){i(t)}}function a(e){e.done?c(e.value):n(e.value).then(r,s)}a((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var c={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,n,i,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(t){return a([e,t])}}function a(s){if(o)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(c=0)),c)try{if(o=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:c.label++;return{value:s[1],done:false};case 5:c.label++;n=s[1];s=[0];continue;case 7:s=c.ops.pop();c.trys.pop();continue;default:if(!(i=c.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){c=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){c.label=s[1];break}if(s[0]===6&&c.label<i[1]){c.label=i[1];i=s;break}if(i&&c.label<i[2]){c.label=i[2];c.ops.push(s);break}if(i[2])c.ops.pop();c.trys.pop();continue}s=t.call(e,c)}catch(a){s=[6,a];n=0}finally{o=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-0425c4de.system.js"],(function(e){"use strict";var t,c,o;return{setters:[function(e){t=e.r;c=e.e;o=e.h}],execute:function(){var n='.checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:var(--color-surface-1, #f6f6f6);position:relative}.checkbox__icon::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.checkbox__icon:focus-visible{outline:none}.checkbox__icon:focus-visible::before{border-color:var(--color-focus, #c226fb)}.checkbox__icon:hover{border-color:var(--color-brand, #0096fa)}.checkbox--selected .checkbox__icon{background-color:var(--color-surface-primary, #1e6bf1);border-color:var(--color-surface-primary, #1e6bf1)}.checkbox--selected .checkbox__icon__svg{color:var(--color-content-bright, #ffffff)}.checkbox--selected .checkbox__icon:hover{background-color:var(--color-brand, #0096fa)}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:var(--color-content-default, #454545);border-color:var(--color-content-default, #454545);background-color:var(--color-surface-3, #cfcfcf);opacity:50%}.checkbox--selected-disabled .checkbox__text{opacity:50%}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{opacity:50%;background-color:var(--color-surface-1, #f6f6f6);border:1px solid var(--color-brand, #0096fa)}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:var(--color-surface-1, #f6f6f6);border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:var(--color-content-default, #454545)}';var i=0;var r=e("bds_checkbox",function(){function e(e){var o=this;t(this,e);this.bdsChange=c(this,"bdsChange",7);this.bdsInput=c(this,"bdsInput",7);this.onClick=function(){o.checked=!o.checked;o.bdsChange.emit({checked:o.checked})};this.refNativeInput=function(e){o.nativeInput=e};this.getStyleState=function(){if(o.checked&&!o.disabled){return"checkbox--selected"}if(!o.checked&&!o.disabled){return"checkbox--deselected"}if(o.checked&&o.disabled){return"checkbox--selected-disabled"}if(!o.checked&&o.disabled){return"checkbox--deselected-disabled"}return""};this.checkBoxId=undefined;this.refer=undefined;this.label=undefined;this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.connectedCallback=function(){this.checkBoxId=this.refer||"bds-checkbox-".concat(i++)};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.checked=!this.checked;this.bdsChange.emit({checked:this.checked});return[2]}))}))};e.prototype.handleKeyDown=function(e){if(e.key=="Enter"){this.checked=!this.checked;this.bdsChange.emit({checked:this.checked})}};e.prototype.render=function(){var e;var t=this.getStyleState();return o("div",{class:(e={checkbox:true},e[t]=true,e)},o("input",{type:"checkbox",ref:this.refNativeInput,id:this.checkBoxId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),o("label",{class:"checkbox__label",htmlFor:this.checkBoxId},o("div",{class:"checkbox__icon",tabindex:"0",onKeyDown:this.handleKeyDown.bind(this)},o("bds-icon",{class:"checkbox__icon__svg",size:"x-small",name:"true",color:"inherit"})),this.label&&o("bds-typo",{class:"checkbox__text",variant:"fs-14",tag:"span"},this.label)))};return e}());r.style=n}}}));
1
+ var __awaiter=this&&this.__awaiter||function(e,t,c,o){function n(e){return e instanceof c?e:new c((function(t){t(e)}))}return new(c||(c=Promise))((function(c,i){function r(e){try{a(o.next(e))}catch(t){i(t)}}function s(e){try{a(o["throw"](e))}catch(t){i(t)}}function a(e){e.done?c(e.value):n(e.value).then(r,s)}a((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var c={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,n,i,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(t){return a([e,t])}}function a(s){if(o)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(c=0)),c)try{if(o=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:c.label++;return{value:s[1],done:false};case 5:c.label++;n=s[1];s=[0];continue;case 7:s=c.ops.pop();c.trys.pop();continue;default:if(!(i=c.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){c=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){c.label=s[1];break}if(s[0]===6&&c.label<i[1]){c.label=i[1];i=s;break}if(i&&c.label<i[2]){c.label=i[2];c.ops.push(s);break}if(i[2])c.ops.pop();c.trys.pop();continue}s=t.call(e,c)}catch(a){s=[6,a];n=0}finally{o=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-0425c4de.system.js"],(function(e){"use strict";var t,c,o;return{setters:[function(e){t=e.r;c=e.e;o=e.h}],execute:function(){var n='.checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{position:relative}.checkbox__icon::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.checkbox__icon:focus-visible{outline:none}.checkbox__icon:focus-visible::before{border-color:var(--color-focus, #c226fb)}.checkbox__icon:hover{border-color:var(--color-brand, #0096fa)}.checkbox--selected .checkbox__icon{background-color:var(--color-surface-primary, #1e6bf1);border-color:var(--color-surface-primary, #1e6bf1)}.checkbox--selected .checkbox__icon__svg{color:var(--color-content-bright, #ffffff)}.checkbox--selected .checkbox__icon:hover{background-color:var(--color-brand, #0096fa)}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:var(--color-content-default, #454545);border-color:var(--color-content-default, #454545);background-color:var(--color-surface-3, #cfcfcf);opacity:50%}.checkbox--selected-disabled .checkbox__text{opacity:50%}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{opacity:50%;background-color:var(--color-surface-1, #f6f6f6);border:1px solid var(--color-brand, #0096fa)}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:var(--color-surface-1, #f6f6f6);border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:var(--color-content-default, #454545)}';var i=0;var r=e("bds_checkbox",function(){function e(e){var o=this;t(this,e);this.bdsChange=c(this,"bdsChange",7);this.bdsInput=c(this,"bdsInput",7);this.onClick=function(){o.checked=!o.checked;o.bdsChange.emit({checked:o.checked})};this.refNativeInput=function(e){o.nativeInput=e};this.getStyleState=function(){if(o.checked&&!o.disabled){return"checkbox--selected"}if(!o.checked&&!o.disabled){return"checkbox--deselected"}if(o.checked&&o.disabled){return"checkbox--selected-disabled"}if(!o.checked&&o.disabled){return"checkbox--deselected-disabled"}return""};this.checkBoxId=undefined;this.refer=undefined;this.label=undefined;this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.connectedCallback=function(){this.checkBoxId=this.refer||"bds-checkbox-".concat(i++)};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.checked=!this.checked;this.bdsChange.emit({checked:this.checked});return[2]}))}))};e.prototype.handleKeyDown=function(e){if(e.key=="Enter"){this.checked=!this.checked;this.bdsChange.emit({checked:this.checked})}};e.prototype.render=function(){var e;var t=this.getStyleState();return o("div",{class:(e={checkbox:true},e[t]=true,e)},o("input",{type:"checkbox",ref:this.refNativeInput,id:this.checkBoxId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),o("label",{class:"checkbox__label",htmlFor:this.checkBoxId},o("div",{class:"checkbox__icon",tabindex:"0",onKeyDown:this.handleKeyDown.bind(this)},o("bds-icon",{class:"checkbox__icon__svg",size:"x-small",name:"true",color:"inherit"})),this.label&&o("bds-typo",{class:"checkbox__text",variant:"fs-14",tag:"span"},this.label)))};return e}());r.style=n}}}));
package/dist/blip-ds/bds-illustration.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h, f as Host } from './index-06929dd0.js';
2
2
 
3
3
  const name = "blip-ds";
4
- const version = "1.284.2";
4
+ const version = "1.284.4";
5
5
  const description = "Blip Design System";
6
6
  const main = "./dist/index.cjs.js";
7
7
  const module = "./dist/index.js";
package/dist/blip-ds/bds-illustration.system.entry.js CHANGED
@@ -1 +1 @@
1
- System.register(["./index-0425c4de.system.js"],(function(t){"use strict";var e,s,o;return{setters:[function(t){e=t.r;s=t.h;o=t.f}],execute:function(){var n="blip-ds";var i="1.284.2";var r="Blip Design System";var a="./dist/index.cjs.js";var l="./dist/index.js";var c="./dist/esm/index.mjs";var d="./dist/esm/index.mjs";var p="./dist/types/index.d.ts";var u="./dist/collection/collection-manifest.json";var b="./dist/blip-ds/blip-ds.js";var m=["dist/","loader/"];var y={generate:"stencil generate",clear:"rm -rf node_modules/ && rm -rf dist/ && rm -rf www/",dev:"npm-run-all --parallel start storybook",start:"stencil build --dev --watch --serve --docs",build:"npm run build:component","build:component":"stencil build --docs --prod","build:react":"cd ./blip-ds-react && npm install && npm run build",ci:"npm run build && npm run storybook:build && npm run storybook:deploy",test:"stencil test --spec","test:e2e":"stencil test --e2e","test:snapshot":"stencil test --e2e --screenshot","test:watch":"stencil test --spec --watch","test:coverage":"stencil test --spec --e2e --coverage",storybook:"storybook dev -p 6006","storybook:build":"storybook build -s www","storybook:deploy":"storybook-to-ghpages",eslint:"eslint . --ext .jsx,.ts,.tsx","semantic-release":"semantic-release",commit:"git-cz","build-storybook":"storybook build"};var g={"@babel/core":"^7.18.2","@stencil/core":"^2.16.1","@stencil/react-output-target":"0.5.3","@stencil/sass":"1.5.2","@storybook/addon-actions":"7.0.22","@storybook/addon-essentials":"^7.0.22","@storybook/addon-interactions":"^7.0.22","@storybook/addon-links":"^7.0.22","@storybook/global":"5.0.0","@storybook/manager-api":"^7.4.1","@storybook/react":"^7.0.22","@storybook/react-webpack5":"^7.0.22","@storybook/storybook-deployer":"^2.8.16","@storybook/testing-library":"^0.2.0","@storybook/theming":"^7.4.1","@typescript-eslint/eslint-plugin":"^5.26.0","@typescript-eslint/parser":"^5.23.0","@types/color":"^3.0.3","@types/jest":"27.5.1","@types/puppeteer":"5.4.6","@types/webpack":"^5.28.0","babel-loader":"^8.2.5","babel-preset-react-app":"^10.0.1",color:"^4.2.3",commitizen:"^4.2.4","copy-webpack-plugin":"^11.0.0","cz-conventional-changelog":"^3.3.0","cz-customizable":"^6.3.0","cz-customizable-ghooks":"^2.0.0",eslint:"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-config-standard-with-typescript":"^16.0.0","eslint-plugin-import":"^2.29.1","eslint-plugin-prettier":"^5.1.3","eslint-plugin-react":"^7.34.1","eslint-plugin-storybook":"^0.8.0",ghooks:"^2.0.4",jest:"27.4.5","jest-cli":"27.4.5","npm-run-all":"^4.1.5",prettier:"^3.2.5",puppeteer:"^14.0.0","semantic-release":"^23.0.8",storybook:"^7.0.22","ts-node":"^10.7.0","types-ramda":"0.29.4",typescript:"^4.7.2"};var h={"@storybook/addon-console":"^2.0.0","@storybook/addon-docs":"^7.4.0",autoprefixer:"^10.4.7","blip-tokens":"^1.84.0",react:"^18.1.0","react-dom":"^18.1.0"};var v={type:"git",url:"https://github.com/takenet/blip-ds.git"};var k={url:"https://github.com/takenet/blip-ds/issues"};var f="https://github.com/takenet/blip-ds#readme";var j={commitizen:{path:"./node_modules/cz-customizable"},"cz-customizable":{config:"./.cz-config.js"},ghooks:{"pre-commit":"npm run eslint","pre-push":"npm run eslint && npm run test:coverage","commit-msg":"cz-customizable-ghooks $2"}};var x="MIT";var w={fsevents:"^2.3.1"};var z={name:n,version:i,description:r,main:a,module:l,es2015:c,es2017:d,types:p,collection:u,"collection:main":"./dist/collection/index.js",unpkg:b,files:m,scripts:y,devDependencies:g,dependencies:h,repository:v,bugs:k,homepage:f,config:j,license:x,optionalDependencies:w};var I=":host .illustration{display:-ms-flexbox;display:flex;height:100%;width:auto}:host(.bds-illustration) img{width:100%;height:100%}";var C=t("bds_illustration",function(){function t(t){var s=this;e(this,t);this.setIllustrationContent=function(){var t=z.dependencies["blip-tokens"].replace("^","");var e="https://cdn.jsdelivr.net/npm/blip-tokens@".concat(t,"/build/json/illustrations/").concat(s.type,"/").concat(s.name,".json");fetch(e).then((function(t){return t.json().then((function(t){s.IllustrationContent=t["asset-".concat(s.type,"-").concat(s.name,"-svg")]}))}))};this.IllustrationContent=undefined;this.type="default";this.name=undefined;this.alt=undefined;this.dataTest=null}t.prototype.componentWillLoad=function(){this.setIllustrationContent()};t.prototype.render=function(){return s(o,{role:"img",class:{"bds-illustration":true}},this.IllustrationContent?s("img",{src:"data:image/svg+xml;base64,".concat(this.IllustrationContent),alt:this.alt,"data-test":this.dataTest}):s("div",{class:"default","data-test":this.dataTest}))};Object.defineProperty(t,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});return t}());C.style=I}}}));
1
+ System.register(["./index-0425c4de.system.js"],(function(t){"use strict";var e,s,o;return{setters:[function(t){e=t.r;s=t.h;o=t.f}],execute:function(){var n="blip-ds";var i="1.284.4";var r="Blip Design System";var a="./dist/index.cjs.js";var l="./dist/index.js";var c="./dist/esm/index.mjs";var d="./dist/esm/index.mjs";var p="./dist/types/index.d.ts";var u="./dist/collection/collection-manifest.json";var b="./dist/blip-ds/blip-ds.js";var m=["dist/","loader/"];var y={generate:"stencil generate",clear:"rm -rf node_modules/ && rm -rf dist/ && rm -rf www/",dev:"npm-run-all --parallel start storybook",start:"stencil build --dev --watch --serve --docs",build:"npm run build:component","build:component":"stencil build --docs --prod","build:react":"cd ./blip-ds-react && npm install && npm run build",ci:"npm run build && npm run storybook:build && npm run storybook:deploy",test:"stencil test --spec","test:e2e":"stencil test --e2e","test:snapshot":"stencil test --e2e --screenshot","test:watch":"stencil test --spec --watch","test:coverage":"stencil test --spec --e2e --coverage",storybook:"storybook dev -p 6006","storybook:build":"storybook build -s www","storybook:deploy":"storybook-to-ghpages",eslint:"eslint . --ext .jsx,.ts,.tsx","semantic-release":"semantic-release",commit:"git-cz","build-storybook":"storybook build"};var g={"@babel/core":"^7.18.2","@stencil/core":"^2.16.1","@stencil/react-output-target":"0.5.3","@stencil/sass":"1.5.2","@storybook/addon-actions":"7.0.22","@storybook/addon-essentials":"^7.0.22","@storybook/addon-interactions":"^7.0.22","@storybook/addon-links":"^7.0.22","@storybook/global":"5.0.0","@storybook/manager-api":"^7.4.1","@storybook/react":"^7.0.22","@storybook/react-webpack5":"^7.0.22","@storybook/storybook-deployer":"^2.8.16","@storybook/testing-library":"^0.2.0","@storybook/theming":"^7.4.1","@typescript-eslint/eslint-plugin":"^5.26.0","@typescript-eslint/parser":"^5.23.0","@types/color":"^3.0.3","@types/jest":"27.5.1","@types/puppeteer":"5.4.6","@types/webpack":"^5.28.0","babel-loader":"^8.2.5","babel-preset-react-app":"^10.0.1",color:"^4.2.3",commitizen:"^4.2.4","copy-webpack-plugin":"^11.0.0","cz-conventional-changelog":"^3.3.0","cz-customizable":"^6.3.0","cz-customizable-ghooks":"^2.0.0",eslint:"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-config-standard-with-typescript":"^16.0.0","eslint-plugin-import":"^2.29.1","eslint-plugin-prettier":"^5.1.3","eslint-plugin-react":"^7.34.1","eslint-plugin-storybook":"^0.8.0",ghooks:"^2.0.4",jest:"27.4.5","jest-cli":"27.4.5","npm-run-all":"^4.1.5",prettier:"^3.2.5",puppeteer:"^14.0.0","semantic-release":"^23.0.8",storybook:"^7.0.22","ts-node":"^10.7.0","types-ramda":"0.29.4",typescript:"^4.7.2"};var h={"@storybook/addon-console":"^2.0.0","@storybook/addon-docs":"^7.4.0",autoprefixer:"^10.4.7","blip-tokens":"^1.84.0",react:"^18.1.0","react-dom":"^18.1.0"};var v={type:"git",url:"https://github.com/takenet/blip-ds.git"};var k={url:"https://github.com/takenet/blip-ds/issues"};var f="https://github.com/takenet/blip-ds#readme";var j={commitizen:{path:"./node_modules/cz-customizable"},"cz-customizable":{config:"./.cz-config.js"},ghooks:{"pre-commit":"npm run eslint","pre-push":"npm run eslint && npm run test:coverage","commit-msg":"cz-customizable-ghooks $2"}};var x="MIT";var w={fsevents:"^2.3.1"};var z={name:n,version:i,description:r,main:a,module:l,es2015:c,es2017:d,types:p,collection:u,"collection:main":"./dist/collection/index.js",unpkg:b,files:m,scripts:y,devDependencies:g,dependencies:h,repository:v,bugs:k,homepage:f,config:j,license:x,optionalDependencies:w};var I=":host .illustration{display:-ms-flexbox;display:flex;height:100%;width:auto}:host(.bds-illustration) img{width:100%;height:100%}";var C=t("bds_illustration",function(){function t(t){var s=this;e(this,t);this.setIllustrationContent=function(){var t=z.dependencies["blip-tokens"].replace("^","");var e="https://cdn.jsdelivr.net/npm/blip-tokens@".concat(t,"/build/json/illustrations/").concat(s.type,"/").concat(s.name,".json");fetch(e).then((function(t){return t.json().then((function(t){s.IllustrationContent=t["asset-".concat(s.type,"-").concat(s.name,"-svg")]}))}))};this.IllustrationContent=undefined;this.type="default";this.name=undefined;this.alt=undefined;this.dataTest=null}t.prototype.componentWillLoad=function(){this.setIllustrationContent()};t.prototype.render=function(){return s(o,{role:"img",class:{"bds-illustration":true}},this.IllustrationContent?s("img",{src:"data:image/svg+xml;base64,".concat(this.IllustrationContent),alt:this.alt,"data-test":this.dataTest}):s("div",{class:"default","data-test":this.dataTest}))};Object.defineProperty(t,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});return t}());C.style=I}}}));
package/dist/blip-ds/bds-select-chips.entry.js CHANGED
@@ -318,10 +318,8 @@ const SelectChips = class {
318
318
  }
319
319
  }
320
320
  async resetFilterOptions() {
321
- var _a;
322
321
  for (const option of this.childOptions) {
323
- const optionText = (_a = option.querySelector('bds-typo')) === null || _a === void 0 ? void 0 : _a.textContent;
324
- if (this.existsChip(optionText, await this.getChips())) {
322
+ if (this.existsChip(option.textContent, await this.getChips())) {
325
323
  option.setAttribute('invisible', 'invisible');
326
324
  }
327
325
  else {
package/dist/blip-ds/bds-select-chips.system.entry.js CHANGED
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{l(n.next(t))}catch(e){r(e)}}function a(t){try{l(n["throw"](t))}catch(e){r(e)}}function l(t){t.done?i(t.value):o(t.value).then(s,a)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,o,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return l([t,e])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(n=1,o&&(r=a[0]&2?o["return"]:a[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;if(o=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;o=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(l){a=[6,l];o=0}finally{n=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var n=0,o=e.length,r;n<o;n++){if(r||!(n in e)){if(!r)r=Array.prototype.slice.call(e,0,n);r[n]=e[n]}}return t.concat(r||Array.prototype.slice.call(e))};System.register(["./index-0425c4de.system.js","./position-element-3e47398a.system.js","./validations-fa231579.system.js"],(function(t){"use strict";var e,i,n,o,r,s,a,l;return{setters:[function(t){e=t.r;i=t.e;n=t.h;o=t.g},function(t){r=t.g;s=t.p},function(t){a=t.w;l=t.e}],execute:function(){var p=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.input .bds-icon{position:relative;z-index:1}.input--state-primary{border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-hover, rgba(0, 0, 0, 0.08));z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary.input--pressed .input__icon .bds-icon{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed bds-typo{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface-negative, #ffd6d6);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-negative, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-negative, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger.input--pressed .input__icon .bds-icon{color:var(--color-negative, #e60f0f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed bds-typo{color:var(--color-negative, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-negative, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface-positive, #d3f4e5);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-positive, #10603b);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-positive, #10603b);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success.input--pressed .input__icon .bds-icon{color:var(--color-positive, #10603b)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed bds-typo{color:var(--color-positive, #10603b)}.input--state-success .input__container__text{caret-color:var(--color-positive, #10603b);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-hover, rgba(0, 0, 0, 0.08));z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-positive, #10603b);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8c8c8c);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-negative, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-negative, #e60f0f)}.input__message--success .input__message__icon .bds-icon{color:var(--color-positive, #10603b)}.input__message--success .input__message__text{color:var(--color-content-default, #454545)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8c8c8c);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-0, #ffffff);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));overflow-y:auto;z-index:2;pointer-events:none;opacity:0}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';var c=t("bds_select_chips",function(){function t(t){var n=this;e(this,t);this.bdsChange=i(this,"bdsChange",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.bdsChangeChips=i(this,"bdsChangeChips",7);this.bdsSelectChipsInput=i(this,"bdsSelectChipsInput",7);this.bdsSubmit=i(this,"bdsSubmit",7);this.handleChangeChipsValue=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetFilterOptions()];case 1:t.sent();return[2]}}))}))};this.refDropdown=function(t){n.dropElement=t};this.refIconDrop=function(t){n.iconDropElement=t};this.toggle=function(){if(!n.disabled){n.isOpen=!n.isOpen}};this.handler=function(t){return __awaiter(n,void 0,void 0,(function(){var e,i;return __generator(this,(function(n){switch(n.label){case 0:e=t.detail.value;this.selectedOption=e;i=this.getText(e);return[4,this.addChip(i)];case 1:n.sent();this.toggle();return[2]}}))}))};this.handlerNewOption=function(t){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.addChip(t)];case 1:e.sent();this.toggle();return[2]}}))}))};this.getText=function(t){var e=n.childOptions.find((function(e){return e.value===t}));return n.getTextFromOption(e)};this.getTextFromOption=function(t){var e,i;if((t===null||t===void 0?void 0:t.status)||(t===null||t===void 0?void 0:t.bulkOption)){if(n.internalOptions){var o=n.internalOptions.find((function(e){return e.value==t.value}));if(o){return o.label}}return t.querySelector("#bds-typo-label-".concat(t.value)).textContent}return(t===null||t===void 0?void 0:t.titleText)?t.titleText:(i=(e=t===null||t===void 0?void 0:t.textContent)===null||e===void 0?void 0:e.trim())!==null&&i!==void 0?i:""};this.setFocusWrapper=function(){if(n.nativeInput){n.nativeInput.focus()}};this.removeFocusWrapper=function(){n.nativeInput.blur()};this.onClickWrapper=function(){n.onFocus();if(n.nativeInput){n.nativeInput.focus()}};this.onFocus=function(){n.bdsFocus.emit();n.isPressed=true};this.onInput=function(t){var e=t.target;if(e){n.value=e.value||""}n.bdsSelectChipsInput.emit(t);n.changedInputValue()};this.keyPressWrapper=function(t){switch(t.key){case"Enter":if(n.canAddNew!==false){n.handleDelimiters();n.setChip(n.value);n.value=""}if(!n.disabled){n.isOpen=true}break;case"ArrowDown":if(!n.disabled){n.isOpen=true}break;case"ArrowUp":if(!n.disabled){n.isOpen=false}break;case"Backspace"||"Delete":if((n.value===null||n.value.length<=0)&&n.internalChips.length){n.removeLastChip();n.handleChangeChipsValue;n.bdsChangeChips.emit({data:n.internalChips})}break}};this.changedInputValue=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.value=this.nativeInput.value;if(!this.nativeInput.value)return[3,2];return[4,this.filterOptions(this.nativeInput.value)];case 1:t.sent();return[3,4];case 2:return[4,this.resetFilterOptions()];case 3:t.sent();t.label=4;case 4:if(this.value&&this.isOpen===false){this.isOpen=true}return[2]}}))}))};this.internalOptions=undefined;this.isOpen=false;this.intoView=null;this.selectedOptions=[];this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.internalChips=[];this.selectedOption=undefined;this.options=undefined;this.chips=[];this.newPrefix="";this.value="";this.danger=false;this.success=false;this.maxlength=undefined;this.errorMessage="";this.disabled=false;this.label="";this.icon="";this.duplicated=false;this.canAddNew=true;this.notFoundMessage="No results found";this.type="text";this.delimiters=/,|;/;this.disableSubmit=false;this.helperMessage="";this.successMessage="";this.inputName="";this.placeholder="";this.optionsPosition="auto";this.dataTest=null}t.prototype.isOpenChanged=function(t){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(t)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};t.prototype.handleWindow=function(t){if(!this.el.contains(t.target)){this.isOpen=false}};t.prototype.valueChanged=function(){if(this.chips){if(typeof this.chips==="string"){try{this.internalChips=JSON.parse(this.chips)}catch(t){this.internalChips=[]}}else{this.internalChips=this.chips}}else{this.internalChips=[]}};t.prototype.internalValueChanged=function(){this.handleChangeChipsValue();this.bdsChangeChips.emit({data:this.internalChips,value:this.selectedOption});if(this.internalChips.length>0){var t={label:this.getLastChip(),value:this.selectedOption};this.selectedOptions=__spreadArray(__spreadArray([],this.selectedOptions,true),[t],false);this.bdsChange.emit({data:this.selectedOptions})}};t.prototype.isValid=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.validateChips()]}))}))};t.prototype.getChips=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.internalChips]}))}))};t.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.internalChips=[];this.value="";return[2]}))}))};t.prototype.add=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleDelimiters();if(t){this.setChip(t)}else{this.setChip(this.value)}this.value="";return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus();return[2]}))}))};t.prototype.removeFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.blur();return[2]}))}))};t.prototype.componentWillLoad=function(){this.valueChanged();this.intoView=r(this.el)};t.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetFilterOptions()];case 1:t.sent();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}return[2]}}))}))};t.prototype.setDefaultPlacement=function(t){if(t=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};t.prototype.validatePositionDrop=function(){var t=s({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=t.y;if(t.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i;return __generator(this,(function(n){for(t=0,e=this.childOptions;t<e.length;t++){i=e[t];i.addEventListener("optionSelected",this.handler)}return[2]}))}))};Object.defineProperty(t.prototype,"childOptionsEnabled",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option:not([invisible]):not(#option-add):not(#no-option)")):Array.from(this.el.querySelectorAll("bds-select-option:not([invisible]):not(#option-add):not(#no-option)"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option:not(#option-add):not(#no-option)")):Array.from(this.el.querySelectorAll("bds-select-option:not(#option-add):not(#no-option)"))},enumerable:false,configurable:true});t.prototype.filterOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,n,o,r,s,a,l;return __generator(this,(function(p){switch(p.label){case 0:if(!!t)return[3,2];return[4,this.resetFilterOptions()];case 1:p.sent();return[2];case 2:e=0,i=this.childOptions;p.label=3;case 3:if(!(e<i.length))return[3,6];n=i[e];r=this.existsChip;s=[n.textContent];return[4,this.getChips()];case 4:o=r.apply(this,s.concat([p.sent()]));a=n.textContent.toLowerCase();l=t.toLowerCase();if(o){n.setAttribute("invisible","invisible")}if(t&&a.includes(l)&&!o){n.removeAttribute("invisible")}if(t&&!a.includes(l)&&!o){n.setAttribute("invisible","invisible")}p.label=5;case 5:e++;return[3,3];case 6:return[2]}}))}))};t.prototype.resetFilterOptions=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,o,r,s;return __generator(this,(function(a){switch(a.label){case 0:e=0,i=this.childOptions;a.label=1;case 1:if(!(e<i.length))return[3,4];n=i[e];o=(t=n.querySelector("bds-typo"))===null||t===void 0?void 0:t.textContent;r=this.existsChip;s=[o];return[4,this.getChips()];case 2:if(r.apply(this,s.concat([a.sent()]))){n.setAttribute("invisible","invisible")}else{n.removeAttribute("invisible")}a.label=3;case 3:e++;return[3,1];case 4:return[2]}}))}))};t.prototype.existsChip=function(t,e){return e.some((function(e){return t===e}))};t.prototype.enableCreateOption=function(){return!!(this.childOptionsEnabled.length===0&&this.nativeInput&&this.nativeInput.value)};t.prototype.addChip=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.setChip(t)];case 1:e.sent();this.nativeInput.value="";return[2]}}))}))};t.prototype.validateChips=function(){var t=this;if(this.type==="email"){return!this.internalChips.some((function(e){return!t.validateChip(e)}))}else{return true}};t.prototype.handleOnBlur=function(){this.bdsBlur.emit();this.isPressed=false};t.prototype.getLastChip=function(){return this.internalChips[this.internalChips.length-1]};t.prototype.verifyAndSubstituteDelimiters=function(t){if(t.length===1&&t[0].match(this.delimiters)){return""}var e=t.replace(/;/g,",").replace(/\,+|;+/g,",");if(e[0].match(this.delimiters)){e=e.substring(1)}return e};t.prototype.handleDelimiters=function(){var t=this;var e=this.nativeInput.value;this.value=e?e.trim():"";if(e.length===0)return;var i=e.match(this.delimiters);if(!i)return;var n=this.verifyAndSubstituteDelimiters(e);if(!n){this.clearInputValues();return}var o=n.split(this.delimiters);o.forEach((function(e){t.setChip(e)}));this.clearInputValues()};t.prototype.handleChange=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,n,o;var r=this;return __generator(this,(function(s){this.changedInputValue;e=t.detail.value;this.value=e?e.trim():"";if(e.length===0)return[2];i=e.match(this.delimiters);if(!i)return[2];n=this.verifyAndSubstituteDelimiters(e);if(!n){this.clearInputValues();return[2]}o=n.split(this.delimiters);o.forEach((function(t){r.setChip(t)}));this.clearInputValues();return[2]}))}))};t.prototype.clearInputValues=function(t){if(t===void 0){t=""}this.nativeInput.value=t;this.value=t};t.prototype.setChip=function(t){if(!this.duplicated){var e=this.internalChips.some((function(e){return e.toLowerCase()===t.toLowerCase()}));if(e)return}if(!a(t)){return}this.internalChips=__spreadArray(__spreadArray([],this.internalChips,true),[t],false)};t.prototype.validateChip=function(t){var e=t.trim();if(this.type==="email"&&l(e)){return false}return true};t.prototype.removeLastChip=function(){this.internalChips=this.internalChips.slice(0,this.internalChips.length-1)};t.prototype.removeChip=function(t){var e=t.detail.id;this.internalChips=this.internalChips.filter((function(t,i){return i.toString()!==e}))};t.prototype.renderChips=function(){var t=this;if(!this.internalChips.length){return[]}return this.internalChips.map((function(e,i){var o=i.toString();var r=30;if(e.length<=r){return n("bds-chip-clickable",{id:o,key:o,color:"outline",close:!t.disabled,onChipClickableClose:function(e){return t.removeChip(e)}},e)}else{return n("bds-tooltip",{key:o,position:"top-center","tooltip-text":e},n("bds-chip-clickable",{id:o,key:o,color:"outline",close:!t.disabled,onChipClickableClose:function(e){return t.removeChip(e)}},"".concat(e.slice(0,r)," ...")))}}))};t.prototype.renderIcon=function(){return this.icon&&n("div",{class:{input__icon:true,"input__icon--large":!!this.label}},n("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};t.prototype.renderLabel=function(){return this.label&&n("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},n("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};t.prototype.renderMessage=function(){var t=this.danger?"error":this.success?"checkball":"info";var e=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!e&&this.validationDanger)e=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(e){return n("div",{class:i,part:"input__message"},n("div",{class:"input__message__icon"},n("bds-icon",{size:"x-small",name:t,theme:"outline",color:"inherit"})),n("bds-typo",{class:"input__message__text",variant:"fs-12"},e))}return undefined};t.prototype.generateKey=function(t){return t.toLowerCase().replace(/ /g,"-")};t.prototype.render=function(){var t=this;var e=this.isPressed&&!this.disabled;var i=[];if(this.options){if(typeof this.options==="string"){try{i=JSON.parse(this.options)}catch(o){}}else{i=this.options}}return n("div",{class:"select",tabindex:"0",onFocus:this.setFocusWrapper,onBlur:this.removeFocusWrapper},n("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null,onClick:this.toggle},n("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":e},onClick:this.onClickWrapper},this.renderIcon(),n("div",{class:"input__container"},this.renderLabel(),n("div",{class:{input__container__wrapper:true}},this.internalChips.length>0&&n("span",{class:"inside-input-left"},this.renderChips()),n("input",{ref:function(e){return t.nativeInput=e},class:{input__container__text:true},name:this.inputName,maxlength:this.maxlength,placeholder:this.placeholder,onInput:this.onInput,onFocus:this.onFocus,onBlur:function(){return t.handleOnBlur()},onChange:function(){return t.handleChange},value:this.value,disabled:this.disabled,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper}))),n("div",{class:"select__icon"},n("bds-icon",{ref:function(e){return t.refIconDrop(e)},size:"small",color:"inherit"})),this.success&&n("bds-icon",{class:"icon-success",name:"check",theme:"outline",size:"xxx-small"})),this.renderMessage()),n("div",{ref:function(e){return t.refDropdown(e)},class:{select__options:true,"select__options--open":this.isOpen}},i.map((function(e){return n("bds-select-option",{key:t.generateKey(e.value),onOptionSelected:t.handler,value:e.value,status:e.status},e.label)})),n("slot",null),this.canAddNew===true&&this.enableCreateOption()&&n("bds-select-option",{id:"option-add",value:"add",onClick:function(){return t.handlerNewOption(t.nativeInput.value)}},this.newPrefix,this.nativeInput.value),!this.canAddNew&&this.enableCreateOption()&&n("bds-select-option",{id:"no-option",value:"add"},this.notFoundMessage)))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isOpen:["isOpenChanged"],chips:["valueChanged"],internalChips:["internalValueChanged"]}},enumerable:false,configurable:true});return t}());c.style=p}}}));
1
+ var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{l(n.next(t))}catch(e){r(e)}}function a(t){try{l(n["throw"](t))}catch(e){r(e)}}function l(t){t.done?i(t.value):o(t.value).then(s,a)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,o,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return l([t,e])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(n=1,o&&(r=a[0]&2?o["return"]:a[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;if(o=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;o=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(l){a=[6,l];o=0}finally{n=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var n=0,o=e.length,r;n<o;n++){if(r||!(n in e)){if(!r)r=Array.prototype.slice.call(e,0,n);r[n]=e[n]}}return t.concat(r||Array.prototype.slice.call(e))};System.register(["./index-0425c4de.system.js","./position-element-3e47398a.system.js","./validations-fa231579.system.js"],(function(t){"use strict";var e,i,n,o,r,s,a,l;return{setters:[function(t){e=t.r;i=t.e;n=t.h;o=t.g},function(t){r=t.g;s=t.p},function(t){a=t.w;l=t.e}],execute:function(){var p=':host{display:block}.element_input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.element_input input{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}.element_input input::-moz-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}.element_input input:-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}.element_input input::-ms-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}.element_input input::placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}.element_input input::-webkit-input-placeholder{color:var(--color-content-ghost, #8c8c8c);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:10px 4px 10px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}.input .bds-icon{position:relative;z-index:1}.input--state-primary{border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-hover, rgba(0, 0, 0, 0.08));z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary.input--pressed .input__icon .bds-icon{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed bds-typo{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface-negative, #ffd6d6);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-negative, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-negative, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger.input--pressed .input__icon .bds-icon{color:var(--color-negative, #e60f0f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed bds-typo{color:var(--color-negative, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-negative, #e60f0f);color:var(--color-content-default, #454545)}.input--state-success{border:1px solid var(--color-border-1, #c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface-positive, #d3f4e5);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-positive, #10603b);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-positive, #10603b);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success.input--pressed .input__icon .bds-icon{color:var(--color-positive, #10603b)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed bds-typo{color:var(--color-positive, #10603b)}.input--state-success .input__container__text{caret-color:var(--color-positive, #10603b);color:var(--color-content-default, #454545)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-hover, rgba(0, 0, 0, 0.08));z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-positive, #10603b);margin-left:4px}.input--label{padding:7px 4px 7px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-ghost, #8c8c8c);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-negative, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-negative, #e60f0f)}.input__message--success .input__message__icon .bds-icon{color:var(--color-positive, #10603b)}.input__message--success .input__message__text{color:var(--color-content-default, #454545)}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #8c8c8c);display:-ms-flexbox;display:flex}.select__options{background:var(--color-surface-0, #ffffff);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));overflow-y:auto;z-index:2;pointer-events:none;opacity:0}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.inside-input-left{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip{margin:2px 4px 2px 0px}.input-chips__chips{-ms-flex:1;flex:1}';var c=t("bds_select_chips",function(){function t(t){var n=this;e(this,t);this.bdsChange=i(this,"bdsChange",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.bdsChangeChips=i(this,"bdsChangeChips",7);this.bdsSelectChipsInput=i(this,"bdsSelectChipsInput",7);this.bdsSubmit=i(this,"bdsSubmit",7);this.handleChangeChipsValue=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetFilterOptions()];case 1:t.sent();return[2]}}))}))};this.refDropdown=function(t){n.dropElement=t};this.refIconDrop=function(t){n.iconDropElement=t};this.toggle=function(){if(!n.disabled){n.isOpen=!n.isOpen}};this.handler=function(t){return __awaiter(n,void 0,void 0,(function(){var e,i;return __generator(this,(function(n){switch(n.label){case 0:e=t.detail.value;this.selectedOption=e;i=this.getText(e);return[4,this.addChip(i)];case 1:n.sent();this.toggle();return[2]}}))}))};this.handlerNewOption=function(t){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.addChip(t)];case 1:e.sent();this.toggle();return[2]}}))}))};this.getText=function(t){var e=n.childOptions.find((function(e){return e.value===t}));return n.getTextFromOption(e)};this.getTextFromOption=function(t){var e,i;if((t===null||t===void 0?void 0:t.status)||(t===null||t===void 0?void 0:t.bulkOption)){if(n.internalOptions){var o=n.internalOptions.find((function(e){return e.value==t.value}));if(o){return o.label}}return t.querySelector("#bds-typo-label-".concat(t.value)).textContent}return(t===null||t===void 0?void 0:t.titleText)?t.titleText:(i=(e=t===null||t===void 0?void 0:t.textContent)===null||e===void 0?void 0:e.trim())!==null&&i!==void 0?i:""};this.setFocusWrapper=function(){if(n.nativeInput){n.nativeInput.focus()}};this.removeFocusWrapper=function(){n.nativeInput.blur()};this.onClickWrapper=function(){n.onFocus();if(n.nativeInput){n.nativeInput.focus()}};this.onFocus=function(){n.bdsFocus.emit();n.isPressed=true};this.onInput=function(t){var e=t.target;if(e){n.value=e.value||""}n.bdsSelectChipsInput.emit(t);n.changedInputValue()};this.keyPressWrapper=function(t){switch(t.key){case"Enter":if(n.canAddNew!==false){n.handleDelimiters();n.setChip(n.value);n.value=""}if(!n.disabled){n.isOpen=true}break;case"ArrowDown":if(!n.disabled){n.isOpen=true}break;case"ArrowUp":if(!n.disabled){n.isOpen=false}break;case"Backspace"||"Delete":if((n.value===null||n.value.length<=0)&&n.internalChips.length){n.removeLastChip();n.handleChangeChipsValue;n.bdsChangeChips.emit({data:n.internalChips})}break}};this.changedInputValue=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.value=this.nativeInput.value;if(!this.nativeInput.value)return[3,2];return[4,this.filterOptions(this.nativeInput.value)];case 1:t.sent();return[3,4];case 2:return[4,this.resetFilterOptions()];case 3:t.sent();t.label=4;case 4:if(this.value&&this.isOpen===false){this.isOpen=true}return[2]}}))}))};this.internalOptions=undefined;this.isOpen=false;this.intoView=null;this.selectedOptions=[];this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.internalChips=[];this.selectedOption=undefined;this.options=undefined;this.chips=[];this.newPrefix="";this.value="";this.danger=false;this.success=false;this.maxlength=undefined;this.errorMessage="";this.disabled=false;this.label="";this.icon="";this.duplicated=false;this.canAddNew=true;this.notFoundMessage="No results found";this.type="text";this.delimiters=/,|;/;this.disableSubmit=false;this.helperMessage="";this.successMessage="";this.inputName="";this.placeholder="";this.optionsPosition="auto";this.dataTest=null}t.prototype.isOpenChanged=function(t){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(t)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};t.prototype.handleWindow=function(t){if(!this.el.contains(t.target)){this.isOpen=false}};t.prototype.valueChanged=function(){if(this.chips){if(typeof this.chips==="string"){try{this.internalChips=JSON.parse(this.chips)}catch(t){this.internalChips=[]}}else{this.internalChips=this.chips}}else{this.internalChips=[]}};t.prototype.internalValueChanged=function(){this.handleChangeChipsValue();this.bdsChangeChips.emit({data:this.internalChips,value:this.selectedOption});if(this.internalChips.length>0){var t={label:this.getLastChip(),value:this.selectedOption};this.selectedOptions=__spreadArray(__spreadArray([],this.selectedOptions,true),[t],false);this.bdsChange.emit({data:this.selectedOptions})}};t.prototype.isValid=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.validateChips()]}))}))};t.prototype.getChips=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.internalChips]}))}))};t.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.internalChips=[];this.value="";return[2]}))}))};t.prototype.add=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleDelimiters();if(t){this.setChip(t)}else{this.setChip(this.value)}this.value="";return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus();return[2]}))}))};t.prototype.removeFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.blur();return[2]}))}))};t.prototype.componentWillLoad=function(){this.valueChanged();this.intoView=r(this.el)};t.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetFilterOptions()];case 1:t.sent();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}return[2]}}))}))};t.prototype.setDefaultPlacement=function(t){if(t=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};t.prototype.validatePositionDrop=function(){var t=s({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=t.y;if(t.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i;return __generator(this,(function(n){for(t=0,e=this.childOptions;t<e.length;t++){i=e[t];i.addEventListener("optionSelected",this.handler)}return[2]}))}))};Object.defineProperty(t.prototype,"childOptionsEnabled",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option:not([invisible]):not(#option-add):not(#no-option)")):Array.from(this.el.querySelectorAll("bds-select-option:not([invisible]):not(#option-add):not(#no-option)"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option:not(#option-add):not(#no-option)")):Array.from(this.el.querySelectorAll("bds-select-option:not(#option-add):not(#no-option)"))},enumerable:false,configurable:true});t.prototype.filterOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,n,o,r,s,a,l;return __generator(this,(function(p){switch(p.label){case 0:if(!!t)return[3,2];return[4,this.resetFilterOptions()];case 1:p.sent();return[2];case 2:e=0,i=this.childOptions;p.label=3;case 3:if(!(e<i.length))return[3,6];n=i[e];r=this.existsChip;s=[n.textContent];return[4,this.getChips()];case 4:o=r.apply(this,s.concat([p.sent()]));a=n.textContent.toLowerCase();l=t.toLowerCase();if(o){n.setAttribute("invisible","invisible")}if(t&&a.includes(l)&&!o){n.removeAttribute("invisible")}if(t&&!a.includes(l)&&!o){n.setAttribute("invisible","invisible")}p.label=5;case 5:e++;return[3,3];case 6:return[2]}}))}))};t.prototype.resetFilterOptions=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,o;return __generator(this,(function(r){switch(r.label){case 0:t=0,e=this.childOptions;r.label=1;case 1:if(!(t<e.length))return[3,4];i=e[t];n=this.existsChip;o=[i.textContent];return[4,this.getChips()];case 2:if(n.apply(this,o.concat([r.sent()]))){i.setAttribute("invisible","invisible")}else{i.removeAttribute("invisible")}r.label=3;case 3:t++;return[3,1];case 4:return[2]}}))}))};t.prototype.existsChip=function(t,e){return e.some((function(e){return t===e}))};t.prototype.enableCreateOption=function(){return!!(this.childOptionsEnabled.length===0&&this.nativeInput&&this.nativeInput.value)};t.prototype.addChip=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.setChip(t)];case 1:e.sent();this.nativeInput.value="";return[2]}}))}))};t.prototype.validateChips=function(){var t=this;if(this.type==="email"){return!this.internalChips.some((function(e){return!t.validateChip(e)}))}else{return true}};t.prototype.handleOnBlur=function(){this.bdsBlur.emit();this.isPressed=false};t.prototype.getLastChip=function(){return this.internalChips[this.internalChips.length-1]};t.prototype.verifyAndSubstituteDelimiters=function(t){if(t.length===1&&t[0].match(this.delimiters)){return""}var e=t.replace(/;/g,",").replace(/\,+|;+/g,",");if(e[0].match(this.delimiters)){e=e.substring(1)}return e};t.prototype.handleDelimiters=function(){var t=this;var e=this.nativeInput.value;this.value=e?e.trim():"";if(e.length===0)return;var i=e.match(this.delimiters);if(!i)return;var n=this.verifyAndSubstituteDelimiters(e);if(!n){this.clearInputValues();return}var o=n.split(this.delimiters);o.forEach((function(e){t.setChip(e)}));this.clearInputValues()};t.prototype.handleChange=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,n,o;var r=this;return __generator(this,(function(s){this.changedInputValue;e=t.detail.value;this.value=e?e.trim():"";if(e.length===0)return[2];i=e.match(this.delimiters);if(!i)return[2];n=this.verifyAndSubstituteDelimiters(e);if(!n){this.clearInputValues();return[2]}o=n.split(this.delimiters);o.forEach((function(t){r.setChip(t)}));this.clearInputValues();return[2]}))}))};t.prototype.clearInputValues=function(t){if(t===void 0){t=""}this.nativeInput.value=t;this.value=t};t.prototype.setChip=function(t){if(!this.duplicated){var e=this.internalChips.some((function(e){return e.toLowerCase()===t.toLowerCase()}));if(e)return}if(!a(t)){return}this.internalChips=__spreadArray(__spreadArray([],this.internalChips,true),[t],false)};t.prototype.validateChip=function(t){var e=t.trim();if(this.type==="email"&&l(e)){return false}return true};t.prototype.removeLastChip=function(){this.internalChips=this.internalChips.slice(0,this.internalChips.length-1)};t.prototype.removeChip=function(t){var e=t.detail.id;this.internalChips=this.internalChips.filter((function(t,i){return i.toString()!==e}))};t.prototype.renderChips=function(){var t=this;if(!this.internalChips.length){return[]}return this.internalChips.map((function(e,i){var o=i.toString();var r=30;if(e.length<=r){return n("bds-chip-clickable",{id:o,key:o,color:"outline",close:!t.disabled,onChipClickableClose:function(e){return t.removeChip(e)}},e)}else{return n("bds-tooltip",{key:o,position:"top-center","tooltip-text":e},n("bds-chip-clickable",{id:o,key:o,color:"outline",close:!t.disabled,onChipClickableClose:function(e){return t.removeChip(e)}},"".concat(e.slice(0,r)," ...")))}}))};t.prototype.renderIcon=function(){return this.icon&&n("div",{class:{input__icon:true,"input__icon--large":!!this.label}},n("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};t.prototype.renderLabel=function(){return this.label&&n("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},n("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};t.prototype.renderMessage=function(){var t=this.danger?"error":this.success?"checkball":"info";var e=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!e&&this.validationDanger)e=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(e){return n("div",{class:i,part:"input__message"},n("div",{class:"input__message__icon"},n("bds-icon",{size:"x-small",name:t,theme:"outline",color:"inherit"})),n("bds-typo",{class:"input__message__text",variant:"fs-12"},e))}return undefined};t.prototype.generateKey=function(t){return t.toLowerCase().replace(/ /g,"-")};t.prototype.render=function(){var t=this;var e=this.isPressed&&!this.disabled;var i=[];if(this.options){if(typeof this.options==="string"){try{i=JSON.parse(this.options)}catch(o){}}else{i=this.options}}return n("div",{class:"select",tabindex:"0",onFocus:this.setFocusWrapper,onBlur:this.removeFocusWrapper},n("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null,onClick:this.toggle},n("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":e},onClick:this.onClickWrapper},this.renderIcon(),n("div",{class:"input__container"},this.renderLabel(),n("div",{class:{input__container__wrapper:true}},this.internalChips.length>0&&n("span",{class:"inside-input-left"},this.renderChips()),n("input",{ref:function(e){return t.nativeInput=e},class:{input__container__text:true},name:this.inputName,maxlength:this.maxlength,placeholder:this.placeholder,onInput:this.onInput,onFocus:this.onFocus,onBlur:function(){return t.handleOnBlur()},onChange:function(){return t.handleChange},value:this.value,disabled:this.disabled,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper}))),n("div",{class:"select__icon"},n("bds-icon",{ref:function(e){return t.refIconDrop(e)},size:"small",color:"inherit"})),this.success&&n("bds-icon",{class:"icon-success",name:"check",theme:"outline",size:"xxx-small"})),this.renderMessage()),n("div",{ref:function(e){return t.refDropdown(e)},class:{select__options:true,"select__options--open":this.isOpen}},i.map((function(e){return n("bds-select-option",{key:t.generateKey(e.value),onOptionSelected:t.handler,value:e.value,status:e.status},e.label)})),n("slot",null),this.canAddNew===true&&this.enableCreateOption()&&n("bds-select-option",{id:"option-add",value:"add",onClick:function(){return t.handlerNewOption(t.nativeInput.value)}},this.newPrefix,this.nativeInput.value),!this.canAddNew&&this.enableCreateOption()&&n("bds-select-option",{id:"no-option",value:"add"},this.notFoundMessage)))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isOpen:["isOpenChanged"],chips:["valueChanged"],internalChips:["internalValueChanged"]}},enumerable:false,configurable:true});return t}());c.style=p}}}));
package/dist/blip-ds/bds-select-option.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, e as createEvent, h, g as getElement } from './index-06929dd0.js';
2
2
 
3
- const selectOptionCss = ":host(.option-checked){-ms-flex-order:-1;order:-1}.load-spinner{background-color:var(--color-surface-0, #ffffff);height:200px}.select-option{display:grid;width:100%;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background-color:var(--color-surface-0, #ffffff);padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none;-ms-flex-order:1;order:1}.select-option--selected .select-option__container--value{color:var(--color-primary, #1e6bf1)}.select-option--disabled .select-option__container--value,.select-option--disabled .select-option__container--bulk{cursor:not-allowed;color:var(--color-content-disable, #636363)}.select-option--disabled .select-option__container--value:hover,.select-option--disabled .select-option__container--bulk:hover{background-color:var(--color-surface-1, #f6f6f6)}.select-option ::slotted(bds-icon){margin-right:10px}.select-option__container{color:var(--color-content-default, #454545);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.select-option__container__checkbox{cursor:pointer;background-color:var(--color-surface-1, #f6f6f6);padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-align:center;align-items:center;outline:none;-ms-flex-direction:row;flex-direction:row}.select-option__container__fill_space{width:100%}.select-option__container--bulk,.select-option__container--status{color:var(--color-content-ghost, #8c8c8c)}.select-option__container--status{margin-left:4px}.select-option__container__overflow{overflow:hidden;padding-right:16px}.select-option__container:hover>.select-option__container--value,.select-option__container:hover>.select-option__container--bulk,.select-option__container:hover>.select-option__container--status{color:var(--color-primary, #1e6bf1)}.select-option__container:active>.select-option__container--value,.select-option__container:active>.select-option__container--bulk,.select-option__container:active>.select-option__container--status{color:var(--color-primary, #1e6bf1)}.select-option:hover{background-color:var(--color-surface-1, #f6f6f6)}.select-option:focus{background-color:var(--color-surface-1, #f6f6f6);color:#3f7de8}.select-option--selected{background-color:var(--color-surface-1, #f6f6f6)}.select-option--invisible{display:none}";
3
+ const selectOptionCss = ":host(.option-checked){-ms-flex-order:-1;order:-1}.load-spinner{background-color:var(--color-surface-0, #ffffff);height:200px}.select-option{display:grid;width:100%;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background-color:var(--color-surface-0, #ffffff);padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none;-ms-flex-order:1;order:1}.select-option--selected .select-option__container--value{color:var(--color-primary, #1e6bf1)}.select-option--disabled .select-option__container--value,.select-option--disabled .select-option__container--bulk{cursor:not-allowed;color:var(--color-content-disable, #636363)}.select-option--disabled .select-option__container--value:hover,.select-option--disabled .select-option__container--bulk:hover{background-color:var(--color-surface-1, #f6f6f6)}.select-option ::slotted(bds-icon){margin-right:10px}.select-option__container{color:var(--color-content-default, #454545);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.select-option__container__checkbox{cursor:pointer;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-align:center;align-items:center;outline:none;-ms-flex-direction:row;flex-direction:row}.select-option__container__fill_space{width:100%}.select-option__container--bulk,.select-option__container--status{color:var(--color-content-ghost, #8c8c8c)}.select-option__container--status{margin-left:4px}.select-option__container__overflow{overflow:hidden;padding-right:16px}.select-option__container:hover>.select-option__container--value,.select-option__container:hover>.select-option__container--bulk,.select-option__container:hover>.select-option__container--status{color:var(--color-primary, #1e6bf1)}.select-option__container:active>.select-option__container--value,.select-option__container:active>.select-option__container--bulk,.select-option__container:active>.select-option__container--status{color:var(--color-primary, #1e6bf1)}.select-option:hover{background-color:var(--color-surface-1, #f6f6f6)}.select-option:focus{background-color:var(--color-surface-1, #f6f6f6);color:#3f7de8}.select-option--selected{background-color:var(--color-surface-1, #f6f6f6)}.select-option--invisible{display:none}";
4
4
 
5
5
  const SelectOption = class {
6
6
  constructor(hostRef) {
package/dist/blip-ds/bds-select-option.system.entry.js CHANGED
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,n,o){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function c(e){try{s(o.next(e))}catch(t){r(t)}}function l(e){try{s(o["throw"](e))}catch(t){r(t)}}function s(e){e.done?n(e.value):i(e.value).then(c,l)}s((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,c;return c={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function l(e){return function(t){return s([e,t])}}function s(l){if(o)throw new TypeError("Generator is already executing.");while(c&&(c=0,l[0]&&(n=0)),n)try{if(o=1,i&&(r=l[0]&2?i["return"]:l[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,l[1])).done)return r;if(i=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:n.label++;return{value:l[1],done:false};case 5:n.label++;i=l[1];l=[0];continue;case 7:l=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){n=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){n.label=l[1];break}if(l[0]===6&&n.label<r[1]){n.label=r[1];r=l;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(l);break}if(r[2])n.ops.pop();n.trys.pop();continue}l=t.call(e,n)}catch(s){l=[6,s];i=0}finally{o=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./index-0425c4de.system.js"],(function(e){"use strict";var t,n,o,i;return{setters:[function(e){t=e.r;n=e.e;o=e.h;i=e.g}],execute:function(){var r=":host(.option-checked){-ms-flex-order:-1;order:-1}.load-spinner{background-color:var(--color-surface-0, #ffffff);height:200px}.select-option{display:grid;width:100%;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background-color:var(--color-surface-0, #ffffff);padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none;-ms-flex-order:1;order:1}.select-option--selected .select-option__container--value{color:var(--color-primary, #1e6bf1)}.select-option--disabled .select-option__container--value,.select-option--disabled .select-option__container--bulk{cursor:not-allowed;color:var(--color-content-disable, #636363)}.select-option--disabled .select-option__container--value:hover,.select-option--disabled .select-option__container--bulk:hover{background-color:var(--color-surface-1, #f6f6f6)}.select-option ::slotted(bds-icon){margin-right:10px}.select-option__container{color:var(--color-content-default, #454545);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.select-option__container__checkbox{cursor:pointer;background-color:var(--color-surface-1, #f6f6f6);padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-align:center;align-items:center;outline:none;-ms-flex-direction:row;flex-direction:row}.select-option__container__fill_space{width:100%}.select-option__container--bulk,.select-option__container--status{color:var(--color-content-ghost, #8c8c8c)}.select-option__container--status{margin-left:4px}.select-option__container__overflow{overflow:hidden;padding-right:16px}.select-option__container:hover>.select-option__container--value,.select-option__container:hover>.select-option__container--bulk,.select-option__container:hover>.select-option__container--status{color:var(--color-primary, #1e6bf1)}.select-option__container:active>.select-option__container--value,.select-option__container:active>.select-option__container--bulk,.select-option__container:active>.select-option__container--status{color:var(--color-primary, #1e6bf1)}.select-option:hover{background-color:var(--color-surface-1, #f6f6f6)}.select-option:focus{background-color:var(--color-surface-1, #f6f6f6);color:#3f7de8}.select-option--selected{background-color:var(--color-surface-1, #f6f6f6)}.select-option--invisible{display:none}";var c=e("bds_select_option",function(){function e(e){var o=this;t(this,e);this.optionSelected=n(this,"optionSelected",7);this.optionChecked=n(this,"optionChecked",7);this.refNativeInput=function(e){o.nativeInput=e};this.checkedCurrent=function(){if(o.typeOption!=="checkbox")return;o.nativeInput.toggle()};this.onClickSelectOption=function(){if(o.typeOption=="checkbox")return;if(!o.disabled){o.optionSelected.emit({value:o.value,label:o.element.innerHTML})}};this.optionHandle=function(e){var t=e.target;var n={value:t.name,label:o.element.innerHTML,checked:t.checked};o.checked=!o.checked;o.optionChecked.emit(n)};this.attachOptionKeyboardListeners=function(e){var t=e.target;switch(e.key){case"Enter":o.onClickSelectOption();break;case"ArrowDown":if(t.parentElement.nextElementSibling&&!t.parentElement.nextElementSibling.hasAttribute("invisible")){e.preventDefault();e.stopPropagation();t.parentElement.nextElementSibling.firstElementChild.focus()}break;case"ArrowUp":if(t.parentElement.previousElementSibling&&!t.parentElement.previousElementSibling.hasAttribute("invisible")){e.preventDefault();e.stopPropagation();t.parentElement.previousElementSibling.firstElementChild.focus()}}};this.value=undefined;this.selected=false;this.disabled=false;this.invisible=false;this.danger=false;this.bulkOption="";this.slotAlign="center";this.titleText=undefined;this.status=undefined;this.typeOption="default";this.checked=false;this.dataTest=null}e.prototype.changeSelectionType=function(){this.typeOption=this.typeOption};e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.checked=!this.checked;return[2]}))}))};e.prototype.toMark=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.checked=true;return[2]}))}))};e.prototype.markOff=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.checked=false;return[2]}))}))};e.prototype.render=function(){var e=this;return o("div",{id:"bds-select-option-".concat(this.value),"data-event":"click",role:"button",onKeyDown:this.attachOptionKeyboardListeners,onClick:this.onClickSelectOption,"data-value":this.value,"data-test":this.dataTest,class:{"select-option":this.typeOption!="checkbox","select-option--selected":this.selected,"select-option--disabled":this.disabled,"select-option--invisible":this.invisible}},o("div",{style:{alignSelf:this.slotAlign}},o("slot",{name:"input-left"})),o("div",{class:{"select-option__container":true,"select-option__container__fill_space":!!this.status,"select-option__container__checkbox":this.typeOption=="checkbox"},onClick:function(){return e.checkedCurrent()}},this.titleText&&o("bds-typo",{class:"select-option__container--value",variant:"fs-16",bold:"semi-bold"},this.titleText),this.typeOption==="checkbox"?o("bds-checkbox",{ref:this.refNativeInput,refer:"html-for-".concat(this.value),label:this.element.innerHTML,name:this.value,checked:this.checked,onBdsChange:function(t){return e.optionHandle(t)}}):o("bds-typo",{class:{"select-option__container--value":true,"select-option__container__overflow":!!this.status},noWrap:!!this.status,variant:"fs-14"},o("slot",null))),this.bulkOption&&o("bds-typo",{class:"select-option__container--bulk",variant:"fs-10"},this.bulkOption),this.status&&o("bds-typo",{class:"select-option__container--status",noWrap:true,variant:"fs-10"},this.status))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{typeOption:["changeSelectionType"]}},enumerable:false,configurable:true});return e}());c.style=r}}}));
1
+ var __awaiter=this&&this.__awaiter||function(e,t,n,o){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function c(e){try{l(o.next(e))}catch(t){r(t)}}function s(e){try{l(o["throw"](e))}catch(t){r(t)}}function l(e){e.done?n(e.value):i(e.value).then(c,s)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,c;return c={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function s(e){return function(t){return l([e,t])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(c&&(c=0,s[0]&&(n=0)),n)try{if(o=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(l){s=[6,l];i=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-0425c4de.system.js"],(function(e){"use strict";var t,n,o,i;return{setters:[function(e){t=e.r;n=e.e;o=e.h;i=e.g}],execute:function(){var r=":host(.option-checked){-ms-flex-order:-1;order:-1}.load-spinner{background-color:var(--color-surface-0, #ffffff);height:200px}.select-option{display:grid;width:100%;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background-color:var(--color-surface-0, #ffffff);padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none;-ms-flex-order:1;order:1}.select-option--selected .select-option__container--value{color:var(--color-primary, #1e6bf1)}.select-option--disabled .select-option__container--value,.select-option--disabled .select-option__container--bulk{cursor:not-allowed;color:var(--color-content-disable, #636363)}.select-option--disabled .select-option__container--value:hover,.select-option--disabled .select-option__container--bulk:hover{background-color:var(--color-surface-1, #f6f6f6)}.select-option ::slotted(bds-icon){margin-right:10px}.select-option__container{color:var(--color-content-default, #454545);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.select-option__container__checkbox{cursor:pointer;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-align:center;align-items:center;outline:none;-ms-flex-direction:row;flex-direction:row}.select-option__container__fill_space{width:100%}.select-option__container--bulk,.select-option__container--status{color:var(--color-content-ghost, #8c8c8c)}.select-option__container--status{margin-left:4px}.select-option__container__overflow{overflow:hidden;padding-right:16px}.select-option__container:hover>.select-option__container--value,.select-option__container:hover>.select-option__container--bulk,.select-option__container:hover>.select-option__container--status{color:var(--color-primary, #1e6bf1)}.select-option__container:active>.select-option__container--value,.select-option__container:active>.select-option__container--bulk,.select-option__container:active>.select-option__container--status{color:var(--color-primary, #1e6bf1)}.select-option:hover{background-color:var(--color-surface-1, #f6f6f6)}.select-option:focus{background-color:var(--color-surface-1, #f6f6f6);color:#3f7de8}.select-option--selected{background-color:var(--color-surface-1, #f6f6f6)}.select-option--invisible{display:none}";var c=e("bds_select_option",function(){function e(e){var o=this;t(this,e);this.optionSelected=n(this,"optionSelected",7);this.optionChecked=n(this,"optionChecked",7);this.refNativeInput=function(e){o.nativeInput=e};this.checkedCurrent=function(){if(o.typeOption!=="checkbox")return;o.nativeInput.toggle()};this.onClickSelectOption=function(){if(o.typeOption=="checkbox")return;if(!o.disabled){o.optionSelected.emit({value:o.value,label:o.element.innerHTML})}};this.optionHandle=function(e){var t=e.target;var n={value:t.name,label:o.element.innerHTML,checked:t.checked};o.checked=!o.checked;o.optionChecked.emit(n)};this.attachOptionKeyboardListeners=function(e){var t=e.target;switch(e.key){case"Enter":o.onClickSelectOption();break;case"ArrowDown":if(t.parentElement.nextElementSibling&&!t.parentElement.nextElementSibling.hasAttribute("invisible")){e.preventDefault();e.stopPropagation();t.parentElement.nextElementSibling.firstElementChild.focus()}break;case"ArrowUp":if(t.parentElement.previousElementSibling&&!t.parentElement.previousElementSibling.hasAttribute("invisible")){e.preventDefault();e.stopPropagation();t.parentElement.previousElementSibling.firstElementChild.focus()}}};this.value=undefined;this.selected=false;this.disabled=false;this.invisible=false;this.danger=false;this.bulkOption="";this.slotAlign="center";this.titleText=undefined;this.status=undefined;this.typeOption="default";this.checked=false;this.dataTest=null}e.prototype.changeSelectionType=function(){this.typeOption=this.typeOption};e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.checked=!this.checked;return[2]}))}))};e.prototype.toMark=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.checked=true;return[2]}))}))};e.prototype.markOff=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.checked=false;return[2]}))}))};e.prototype.render=function(){var e=this;return o("div",{id:"bds-select-option-".concat(this.value),"data-event":"click",role:"button",onKeyDown:this.attachOptionKeyboardListeners,onClick:this.onClickSelectOption,"data-value":this.value,"data-test":this.dataTest,class:{"select-option":this.typeOption!="checkbox","select-option--selected":this.selected,"select-option--disabled":this.disabled,"select-option--invisible":this.invisible}},o("div",{style:{alignSelf:this.slotAlign}},o("slot",{name:"input-left"})),o("div",{class:{"select-option__container":true,"select-option__container__fill_space":!!this.status,"select-option__container__checkbox":this.typeOption=="checkbox"},onClick:function(){return e.checkedCurrent()}},this.titleText&&o("bds-typo",{class:"select-option__container--value",variant:"fs-16",bold:"semi-bold"},this.titleText),this.typeOption==="checkbox"?o("bds-checkbox",{ref:this.refNativeInput,refer:"html-for-".concat(this.value),label:this.element.innerHTML,name:this.value,checked:this.checked,onBdsChange:function(t){return e.optionHandle(t)}}):o("bds-typo",{class:{"select-option__container--value":true,"select-option__container__overflow":!!this.status},noWrap:!!this.status,variant:"fs-14"},o("slot",null))),this.bulkOption&&o("bds-typo",{class:"select-option__container--bulk",variant:"fs-10"},this.bulkOption),this.status&&o("bds-typo",{class:"select-option__container--status",noWrap:true,variant:"fs-10"},this.status))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{typeOption:["changeSelectionType"]}},enumerable:false,configurable:true});return e}());c.style=r}}}));