blip-ds 1.255.0 → 1.255.2

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 (50) hide show
  1. package/dist/blip-ds/bds-autocomplete.entry.js +1 -1
  2. package/dist/blip-ds/bds-autocomplete.system.entry.js +1 -1
  3. package/dist/blip-ds/bds-input-chips.entry.js +1 -1
  4. package/dist/blip-ds/bds-input-chips.system.entry.js +1 -1
  5. package/dist/blip-ds/bds-input-phone-number.entry.js +1 -1
  6. package/dist/blip-ds/bds-input-phone-number.system.entry.js +1 -1
  7. package/dist/blip-ds/bds-modal.entry.js +1 -0
  8. package/dist/blip-ds/bds-modal.system.entry.js +1 -1
  9. package/dist/blip-ds/bds-pagination.entry.js +1 -1
  10. package/dist/blip-ds/bds-pagination.system.entry.js +1 -1
  11. package/dist/blip-ds/bds-select-chips.entry.js +1 -1
  12. package/dist/blip-ds/bds-select-chips.system.entry.js +1 -1
  13. package/dist/blip-ds/bds-select.entry.js +1 -1
  14. package/dist/blip-ds/bds-select.system.entry.js +1 -1
  15. package/dist/blip-ds/{p-2ad866ed.system.entry.js → p-3032ff90.system.entry.js} +1 -1
  16. package/dist/blip-ds/p-4c4c0df7.entry.js +1 -0
  17. package/dist/blip-ds/{p-7e05a325.entry.js → p-4c7fcf0f.entry.js} +1 -1
  18. package/dist/blip-ds/p-63820927.system.entry.js +1 -0
  19. package/dist/blip-ds/p-bb975dd8.system.js +1 -1
  20. package/dist/blip-ds/{p-464335da.entry.js → p-d6cb97cf.entry.js} +1 -1
  21. package/dist/blip-ds/p-ee9d709d.system.entry.js +1 -0
  22. package/dist/cjs/bds-alert_48.cjs.entry.js +5 -4
  23. package/dist/cjs/bds-autocomplete.cjs.entry.js +1 -1
  24. package/dist/cjs/bds-input-chips.cjs.entry.js +1 -1
  25. package/dist/cjs/bds-input-phone-number.cjs.entry.js +1 -1
  26. package/dist/cjs/bds-modal.cjs.entry.js +1 -0
  27. package/dist/cjs/bds-pagination.cjs.entry.js +1 -1
  28. package/dist/cjs/bds-select-chips.cjs.entry.js +1 -1
  29. package/dist/cjs/bds-select.cjs.entry.js +1 -1
  30. package/dist/collection/components/autocomplete/autocomplete.css +2 -1
  31. package/dist/collection/components/input-chips/input-chips.css +1 -0
  32. package/dist/collection/components/input-phone-number/input-phone-number.css +1 -2
  33. package/dist/collection/components/modal/modal.js +1 -0
  34. package/dist/collection/components/pagination/pagination.css +1 -1
  35. package/dist/collection/components/selects/select.css +2 -1
  36. package/dist/esm/bds-alert_48.entry.js +5 -4
  37. package/dist/esm/bds-autocomplete.entry.js +1 -1
  38. package/dist/esm/bds-input-chips.entry.js +1 -1
  39. package/dist/esm/bds-input-phone-number.entry.js +1 -1
  40. package/dist/esm/bds-modal.entry.js +1 -0
  41. package/dist/esm/bds-pagination.entry.js +1 -1
  42. package/dist/esm/bds-select-chips.entry.js +1 -1
  43. package/dist/esm/bds-select.entry.js +1 -1
  44. package/dist/esm-es5/bds-alert_48.entry.js +1 -1
  45. package/dist/esm-es5/bds-pagination.entry.js +1 -1
  46. package/dist/esm-es5/bds-select-chips.entry.js +1 -1
  47. package/package.json +1 -1
  48. package/dist/blip-ds/p-72027269.system.entry.js +0 -1
  49. package/dist/blip-ds/p-856111bd.system.entry.js +0 -1
  50. package/dist/blip-ds/p-dd93238a.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-7fb09d4a.js';
2
2
  import { g as getScrollParent, a as positionAbsoluteElement } from './position-element-e66e45fc.js';
3
3
 
4
- const autocompleteCss = ":host{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%}: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, #949494);opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::placeholder,:host textarea::placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);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%;background:var(--color-surface-1, #ffffff)}.input--state-primary{border:1px solid var(--color-border-1, #616161);-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-primary, #1e6bf1);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__container__label{color:var(--color-content-default, #292929)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.input--state-primary .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #949494)}.input--state-primary .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input--state-primary .input__container__text:placeholder-shown{color:var(--color-content-ghost, #949494)}.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-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #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__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #292929)}.input--state-danger .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #949494)}.input--state-danger .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input--state-danger .input__container__text:placeholder-shown{color:var(--color-content-ghost, #949494)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #f5f5f5)}.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-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.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:\"Carbona\", \"Nunito Sans\", \"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, #949494)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text::placeholder{color:var(--color-content-ghost, #949494)}.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, #666666);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{color:var(--color-delete, #e60f0f)}.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, #949494)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text::placeholder{color:var(--color-content-ghost, #949494)}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.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:\"Carbona\", \"Nunito Sans\", \"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__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, #949494);display:-ms-flexbox;display:flex}.select__icon bds-icon{margin-left:10px}.select .icon-hidden{visibility:hidden}.select__options{background:var(--color-surface-2, #f5f5f5);width:100%;max-height:250px;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.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)}";
4
+ const autocompleteCss = ":host{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%}: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, #949494);opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::placeholder,:host textarea::placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);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%;background:var(--color-surface-1, #ffffff)}.input--state-primary{border:1px solid var(--color-border-1, #616161);-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-primary, #1e6bf1);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__container__label{color:var(--color-content-default, #292929)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.input--state-primary .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #949494)}.input--state-primary .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input--state-primary .input__container__text:placeholder-shown{color:var(--color-content-ghost, #949494)}.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-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #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__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #292929)}.input--state-danger .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #949494)}.input--state-danger .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input--state-danger .input__container__text:placeholder-shown{color:var(--color-content-ghost, #949494)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #f5f5f5)}.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-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.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:\"Carbona\", \"Nunito Sans\", \"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, #949494)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text::placeholder{color:var(--color-content-ghost, #949494)}.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, #666666);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{color:var(--color-delete, #e60f0f)}.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, #949494)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text::placeholder{color:var(--color-content-ghost, #949494)}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.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:\"Carbona\", \"Nunito Sans\", \"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__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, #949494);display:-ms-flexbox;display:flex}.select__icon bds-icon{margin-left:10px}.select .icon-hidden{visibility:hidden}.select__options{background:var(--color-surface-2, #f5f5f5);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 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.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)}";
5
5
 
6
6
  const BdsAutocomplete = class {
7
7
  constructor(hostRef) {
package/dist/blip-ds/bds-autocomplete.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}}};System.register(["./index-241c9f42.system.js","./position-element-550eab03.system.js"],(function(t){"use strict";var e,i,n,o,r,s,a;return{setters:[function(t){e=t.r;i=t.e;n=t.h;o=t.f;r=t.g},function(t){s=t.g;a=t.a}],execute:function(){var l=':host{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%}: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, #949494);opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::placeholder,:host textarea::placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);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%;background:var(--color-surface-1, #ffffff)}.input--state-primary{border:1px solid var(--color-border-1, #616161);-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-primary, #1e6bf1);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__container__label{color:var(--color-content-default, #292929)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.input--state-primary .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #949494)}.input--state-primary .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input--state-primary .input__container__text:placeholder-shown{color:var(--color-content-ghost, #949494)}.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-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #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__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #292929)}.input--state-danger .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #949494)}.input--state-danger .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input--state-danger .input__container__text:placeholder-shown{color:var(--color-content-ghost, #949494)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #f5f5f5)}.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-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.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:"Carbona", "Nunito Sans", "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, #949494)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text::placeholder{color:var(--color-content-ghost, #949494)}.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, #666666);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{color:var(--color-delete, #e60f0f)}.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, #949494)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text::placeholder{color:var(--color-content-ghost, #949494)}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.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:"Carbona", "Nunito Sans", "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__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, #949494);display:-ms-flexbox;display:flex}.select__icon bds-icon{margin-left:10px}.select .icon-hidden{visibility:hidden}.select__options{background:var(--color-surface-2, #f5f5f5);width:100%;max-height:250px;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.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)}';var c=t("bds_autocomplete",function(){function t(t){var n=this;e(this,t);this.bdsChange=i(this,"bdsChange",7);this.bdsSelectedChange=i(this,"bdsSelectedChange",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(t){n.dropElement=t};this.refIconDrop=function(t){n.iconDropElement=t};this.onFocus=function(){n.isFocused=true;n.isPressed=true;n.bdsFocus.emit()};this.onFocusout=function(){if(!n.isOpen){n.nativeInput.value=n.getText()}};this.onBlur=function(){n.bdsBlur.emit();n.isPressed=false;if(!n.isOpen){n.isFocused=false;n.nativeInput.value=n.getText();n.cleanInputSelection()}};this.onClickWrapper=function(){n.onFocus();n.toggle();if(n.nativeInput){n.nativeInput.focus()}};this.toggle=function(){if(!n.disabled){n.isOpen=!n.isOpen}};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(n.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.getText=function(){var t=n.childOptions.find((function(t){return t.value==n.value}));return n.getTextFromOption(t)};this.handler=function(t){var e=t.detail.value;n.value=e;n.toggle()};this.keyPressWrapper=function(t){var e,i;n.isOpen=true;switch(t.key){case"Enter":n.toggle();break;case"Tab":var o=n.findFocusedElementIndex();var r=n.sliceInvisible(o+1);var s=r[0];if(!s){n.toggle()}break;case"ArrowDown":var a=n.findFocusedElementIndex();var l=n.sliceInvisible(a+1);var c=l[0];(e=c===null||c===void 0?void 0:c.firstElementChild)===null||e===void 0?void 0:e.focus();break;case"ArrowUp":var p=n.findFocusedElementIndex();var u=n.childOptions.find((function(t){return!t.hasAttribute("invisible")}));if(n.childOptions[p]!=u){p=p>0?p:n.childOptions.length;var d=n.sliceInvisible(0,p);var h=d[d.length-1];(i=h===null||h===void 0?void 0:h.firstElementChild)===null||i===void 0?void 0:i.focus()}break}};this.cleanInputSelection=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!!this.disabled)return[3,2];this.value="";this.nativeInput.value="";this.isOpen=false;return[4,this.resetFilterOptions()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};this.changedInputValue=function(t){return __awaiter(n,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:e=t.target;if(e){this.value=e.value||""}this.bdsInput.emit(t);this.bdsChange.emit({value:this.nativeInput.value});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.internalOptions=undefined;this.isFocused=false;this.options=undefined;this.value=undefined;this.selected=undefined;this.danger=false;this.disabled=false;this.searchOnlyTitle=true;this.label="";this.icon="";this.placeholder="";this.optionsPosition="bottom";this.clearIconOnFocus=false;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)this.validatePositionDrop()};t.prototype.itemSelectedChanged=function(){this.bdsSelectedChange.emit(this.selected)};t.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value==null?this.value:this.value.toString()});for(var t=0,e=this.childOptions;t<e.length;t++){var i=e[t];i.selected=this.value===i.value}this.selected=this.childOptionSelected;this.text=this.getText()};t.prototype.handleWindow=function(t){if(!this.el.contains(t.target)){this.isOpen=false}};t.prototype.parseOptions=function(){if(this.options){this.resetFilterOptions();try{this.internalOptions=typeof this.options==="string"?JSON.parse(this.options):this.options}catch(t){this.internalOptions=[]}}};t.prototype.componentWillLoad=function(){this.intoView=s(this.el);this.options&&this.parseOptions()};t.prototype.componentDidLoad=function(){if(!this.options){for(var t=0,e=this.childOptions;t<e.length;t++){var i=e[t];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}}this.text=this.getText();this.validatePositionDrop()};t.prototype.validatePositionDrop=function(){var t=a({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"}};Object.defineProperty(t.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(t.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(t){return t.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(t){return t.selected}))},enumerable:false,configurable:true});t.prototype.sliceInvisible=function(t,e){if(e===void 0){e=this.childOptions.length}return this.childOptions.slice(t,e).filter((function(t){return!t.hasAttribute("invisible")}))};t.prototype.findFocusedElementIndex=function(){return this.childOptions.findIndex((function(t){return t.firstElementChild.matches(":focus")}))};t.prototype.setTimeoutFilter=function(){var t=this;setTimeout((function(){t.resetFilterOptions()}),500)};t.prototype.filterOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,n,o,r;return __generator(this,(function(s){switch(s.label){case 0:if(!!t)return[3,2];return[4,this.resetFilterOptions()];case 1:s.sent();s.label=2;case 2:for(e=0,i=this.childOptions;e<i.length;e++){n=i[e];o=this.searchOnlyTitle?this.getTextFromOption(n).toLowerCase():n.textContent.toLowerCase();r=t.toLowerCase();o.includes(r)?n.removeAttribute("invisible"):n.setAttribute("invisible","invisible")}return[2]}}))}))};t.prototype.resetFilterOptions=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n;return __generator(this,(function(o){t=this.childOptions;for(e=0,i=t;e<i.length;e++){n=i[e];n.removeAttribute("invisible")}return[2]}))}))};t.prototype.getSelectedValue=function(){var t;return(t=this.childOptionSelected)===null||t===void 0?void 0:t.value};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.render=function(){var t=this;return n(o,{"aria-disabled":this.disabled?"true":null},n("div",{class:{input:true,select:true,"input--state-primary":!this.danger,"input--state-danger":this.danger,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":this.isPressed},onClick:this.onClickWrapper,onKeyDown:this.keyPressWrapper},this.renderIcon(),n("div",{class:"input__container",tabindex:"0",onFocusout:this.onFocusout,onKeyDown:this.keyPressWrapper},this.renderLabel(),n("input",{class:{input__container__text:true},ref:function(e){return t.nativeInput=e},disabled:this.disabled,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.changedInputValue,placeholder:this.placeholder,type:"text",value:this.text,"data-test":this.dataTest})),n("div",{class:"select__icon"},n("bds-icon",{size:"small",name:"error",theme:"solid",onClick:this.cleanInputSelection,class:{"icon-hidden":this.clearIconOnFocus&&(!this.isFocused||!this.isOpen)||!this.value}}),n("bds-icon",{ref:function(e){return t.refIconDrop(e)},size:"small",color:"inherit"}))),n("div",{ref:function(e){return t.refDropdown(e)},class:{select__options:true,"select__options--open":this.isOpen}},this.internalOptions?this.internalOptions.map((function(e,i){return n("bds-select-option",{onOptionSelected:t.handler,selected:t.value===e.value,value:e.value,key:i,bulkOption:e.bulkOption,status:e.status},e.label)})):n("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isOpen:["isOpenChanged"],selected:["itemSelectedChanged"],value:["valueChanged"],options:["parseOptions"]}},enumerable:false,configurable:true});return t}());c.style=l}}}));
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}}};System.register(["./index-241c9f42.system.js","./position-element-550eab03.system.js"],(function(t){"use strict";var e,i,n,o,r,s,a;return{setters:[function(t){e=t.r;i=t.e;n=t.h;o=t.f;r=t.g},function(t){s=t.g;a=t.a}],execute:function(){var l=':host{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%}: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, #949494);opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::placeholder,:host textarea::placeholder{color:var(--color-content-ghost, #949494);opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);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%;background:var(--color-surface-1, #ffffff)}.input--state-primary{border:1px solid var(--color-border-1, #616161);-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-primary, #1e6bf1);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__container__label{color:var(--color-content-default, #292929)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.input--state-primary .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #949494)}.input--state-primary .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input--state-primary .input__container__text:placeholder-shown{color:var(--color-content-ghost, #949494)}.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-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #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__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #292929)}.input--state-danger .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #949494)}.input--state-danger .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input--state-danger .input__container__text:placeholder-shown{color:var(--color-content-ghost, #949494)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #f5f5f5)}.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-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.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:"Carbona", "Nunito Sans", "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, #949494)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text::placeholder{color:var(--color-content-ghost, #949494)}.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, #666666);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{color:var(--color-delete, #e60f0f)}.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, #949494)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #949494)}.input__container__text::placeholder{color:var(--color-content-ghost, #949494)}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.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:"Carbona", "Nunito Sans", "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__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, #949494);display:-ms-flexbox;display:flex}.select__icon bds-icon{margin-left:10px}.select .icon-hidden{visibility:hidden}.select__options{background:var(--color-surface-2, #f5f5f5);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 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.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)}';var c=t("bds_autocomplete",function(){function t(t){var n=this;e(this,t);this.bdsChange=i(this,"bdsChange",7);this.bdsSelectedChange=i(this,"bdsSelectedChange",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(t){n.dropElement=t};this.refIconDrop=function(t){n.iconDropElement=t};this.onFocus=function(){n.isFocused=true;n.isPressed=true;n.bdsFocus.emit()};this.onFocusout=function(){if(!n.isOpen){n.nativeInput.value=n.getText()}};this.onBlur=function(){n.bdsBlur.emit();n.isPressed=false;if(!n.isOpen){n.isFocused=false;n.nativeInput.value=n.getText();n.cleanInputSelection()}};this.onClickWrapper=function(){n.onFocus();n.toggle();if(n.nativeInput){n.nativeInput.focus()}};this.toggle=function(){if(!n.disabled){n.isOpen=!n.isOpen}};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(n.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.getText=function(){var t=n.childOptions.find((function(t){return t.value==n.value}));return n.getTextFromOption(t)};this.handler=function(t){var e=t.detail.value;n.value=e;n.toggle()};this.keyPressWrapper=function(t){var e,i;n.isOpen=true;switch(t.key){case"Enter":n.toggle();break;case"Tab":var o=n.findFocusedElementIndex();var r=n.sliceInvisible(o+1);var s=r[0];if(!s){n.toggle()}break;case"ArrowDown":var a=n.findFocusedElementIndex();var l=n.sliceInvisible(a+1);var c=l[0];(e=c===null||c===void 0?void 0:c.firstElementChild)===null||e===void 0?void 0:e.focus();break;case"ArrowUp":var p=n.findFocusedElementIndex();var u=n.childOptions.find((function(t){return!t.hasAttribute("invisible")}));if(n.childOptions[p]!=u){p=p>0?p:n.childOptions.length;var d=n.sliceInvisible(0,p);var h=d[d.length-1];(i=h===null||h===void 0?void 0:h.firstElementChild)===null||i===void 0?void 0:i.focus()}break}};this.cleanInputSelection=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!!this.disabled)return[3,2];this.value="";this.nativeInput.value="";this.isOpen=false;return[4,this.resetFilterOptions()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};this.changedInputValue=function(t){return __awaiter(n,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:e=t.target;if(e){this.value=e.value||""}this.bdsInput.emit(t);this.bdsChange.emit({value:this.nativeInput.value});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.internalOptions=undefined;this.isFocused=false;this.options=undefined;this.value=undefined;this.selected=undefined;this.danger=false;this.disabled=false;this.searchOnlyTitle=true;this.label="";this.icon="";this.placeholder="";this.optionsPosition="bottom";this.clearIconOnFocus=false;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)this.validatePositionDrop()};t.prototype.itemSelectedChanged=function(){this.bdsSelectedChange.emit(this.selected)};t.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value==null?this.value:this.value.toString()});for(var t=0,e=this.childOptions;t<e.length;t++){var i=e[t];i.selected=this.value===i.value}this.selected=this.childOptionSelected;this.text=this.getText()};t.prototype.handleWindow=function(t){if(!this.el.contains(t.target)){this.isOpen=false}};t.prototype.parseOptions=function(){if(this.options){this.resetFilterOptions();try{this.internalOptions=typeof this.options==="string"?JSON.parse(this.options):this.options}catch(t){this.internalOptions=[]}}};t.prototype.componentWillLoad=function(){this.intoView=s(this.el);this.options&&this.parseOptions()};t.prototype.componentDidLoad=function(){if(!this.options){for(var t=0,e=this.childOptions;t<e.length;t++){var i=e[t];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}}this.text=this.getText();this.validatePositionDrop()};t.prototype.validatePositionDrop=function(){var t=a({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"}};Object.defineProperty(t.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(t.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(t){return t.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(t){return t.selected}))},enumerable:false,configurable:true});t.prototype.sliceInvisible=function(t,e){if(e===void 0){e=this.childOptions.length}return this.childOptions.slice(t,e).filter((function(t){return!t.hasAttribute("invisible")}))};t.prototype.findFocusedElementIndex=function(){return this.childOptions.findIndex((function(t){return t.firstElementChild.matches(":focus")}))};t.prototype.setTimeoutFilter=function(){var t=this;setTimeout((function(){t.resetFilterOptions()}),500)};t.prototype.filterOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,n,o,r;return __generator(this,(function(s){switch(s.label){case 0:if(!!t)return[3,2];return[4,this.resetFilterOptions()];case 1:s.sent();s.label=2;case 2:for(e=0,i=this.childOptions;e<i.length;e++){n=i[e];o=this.searchOnlyTitle?this.getTextFromOption(n).toLowerCase():n.textContent.toLowerCase();r=t.toLowerCase();o.includes(r)?n.removeAttribute("invisible"):n.setAttribute("invisible","invisible")}return[2]}}))}))};t.prototype.resetFilterOptions=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n;return __generator(this,(function(o){t=this.childOptions;for(e=0,i=t;e<i.length;e++){n=i[e];n.removeAttribute("invisible")}return[2]}))}))};t.prototype.getSelectedValue=function(){var t;return(t=this.childOptionSelected)===null||t===void 0?void 0:t.value};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.render=function(){var t=this;return n(o,{"aria-disabled":this.disabled?"true":null},n("div",{class:{input:true,select:true,"input--state-primary":!this.danger,"input--state-danger":this.danger,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":this.isPressed},onClick:this.onClickWrapper,onKeyDown:this.keyPressWrapper},this.renderIcon(),n("div",{class:"input__container",tabindex:"0",onFocusout:this.onFocusout,onKeyDown:this.keyPressWrapper},this.renderLabel(),n("input",{class:{input__container__text:true},ref:function(e){return t.nativeInput=e},disabled:this.disabled,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.changedInputValue,placeholder:this.placeholder,type:"text",value:this.text,"data-test":this.dataTest})),n("div",{class:"select__icon"},n("bds-icon",{size:"small",name:"error",theme:"solid",onClick:this.cleanInputSelection,class:{"icon-hidden":this.clearIconOnFocus&&(!this.isFocused||!this.isOpen)||!this.value}}),n("bds-icon",{ref:function(e){return t.refIconDrop(e)},size:"small",color:"inherit"}))),n("div",{ref:function(e){return t.refDropdown(e)},class:{select__options:true,"select__options--open":this.isOpen}},this.internalOptions?this.internalOptions.map((function(e,i){return n("bds-select-option",{onOptionSelected:t.handler,selected:t.value===e.value,value:e.value,key:i,bulkOption:e.bulkOption,status:e.status},e.label)})):n("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isOpen:["isOpenChanged"],selected:["itemSelectedChanged"],value:["valueChanged"],options:["parseOptions"]}},enumerable:false,configurable:true});return t}());c.style=l}}}));
package/dist/blip-ds/bds-input-chips.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, e as createEvent, h, f as Host } from './index-7fb09d4a.js';
2
2
  import { w as whitespaceValidation, e as emailValidation } from './validations-4912982a.js';
3
3
 
4
- const inputChipsCss = ".sc-bds-input-chips-h{display:display}.element_input.sc-bds-input-chips{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.sc-bds-input-chips input.sc-bds-input-chips,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-webkit-input-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-moz-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips:-ms-input-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-ms-input-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-webkit-input-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input.sc-bds-input-chips{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%;background:var(--color-surface-1, #ffffff)}.input--state-primary.sc-bds-input-chips{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-chips .input__icon.sc-bds-input-chips{position:relative}.input--state-primary.sc-bds-input-chips .input__icon.sc-bds-input-chips::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary.sc-bds-input-chips: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.sc-bds-input-chips{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.sc-bds-input-chips .input__container__label.sc-bds-input-chips{color:var(--color-content-default, #292929)}.input--state-primary.sc-bds-input-chips .input__container__label--pressed.sc-bds-input-chips{color:var(--color-primary, #1e6bf1)}.input--state-primary.sc-bds-input-chips .input__container__text.sc-bds-input-chips{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.input--state-danger.sc-bds-input-chips{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-chips .input__icon.sc-bds-input-chips{position:relative}.input--state-danger.sc-bds-input-chips .input__icon.sc-bds-input-chips::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger.sc-bds-input-chips:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-chips{border:1px solid var(--color-delete, #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.sc-bds-input-chips .input__container__label.sc-bds-input-chips{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-chips .input__container__label--pressed.sc-bds-input-chips{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-chips .input__container__text.sc-bds-input-chips{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #292929)}.input--state-success.sc-bds-input-chips{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.sc-bds-input-chips .input__icon.sc-bds-input-chips{position:relative}.input--state-success.sc-bds-input-chips .input__icon.sc-bds-input-chips::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success.sc-bds-input-chips:hover{border:1px solid var(--color-content-default, #292929);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed.sc-bds-input-chips{border:1px solid var(--color-content-default, #292929);-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.sc-bds-input-chips .input__container__label.sc-bds-input-chips{color:var(--color-content-default, #292929)}.input--state-success.sc-bds-input-chips .input__container__label--pressed.sc-bds-input-chips{color:var(--color-content-default, #292929)}.input--state-success.sc-bds-input-chips .input__container__text.sc-bds-input-chips{caret-color:var(--color-content-default, #292929);color:var(--color-content-default, #292929)}.input--state-disabled.sc-bds-input-chips{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #f5f5f5)}.input--state-disabled.sc-bds-input-chips .input__icon.sc-bds-input-chips{position:relative}.input--state-disabled.sc-bds-input-chips .input__icon.sc-bds-input-chips::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--label.sc-bds-input-chips{padding:7px 4px 8px 12px}.input__icon.sc-bds-input-chips{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.sc-bds-input-chips{padding:4px}.input__container.sc-bds-input-chips{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper.sc-bds-input-chips{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips.sc-bds-input-chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips.sc-bds-input-chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips.sc-bds-input-chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label.sc-bds-input-chips{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text.sc-bds-input-chips{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:\"Carbona\", \"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text.sc-bds-input-chips:focus{outline:0}.input__container__text.sc-bds-input-chips::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text.sc-bds-input-chips:focus{outline:0}.input__container__text[type=checkbox].sc-bds-input-chips,.input__container__text[type=radio].sc-bds-input-chips{width:13px;height:13px}.input__container__text[type=search].sc-bds-input-chips{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sc-bds-input-chips::-webkit-search-decoration{display:none}.input__container__text[type=reset].sc-bds-input-chips,.input__container__text[type=button].sc-bds-input-chips,.input__container__text[type=submit].sc-bds-input-chips{overflow:visible}.input__container__text.sc-bds-input-chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text.sc-bds-input-chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message.sc-bds-input-chips{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, #666666);word-break:break-word;height:auto;min-height:20px}.input__message.sc-bds-input-chips bds-typo.sc-bds-input-chips{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon.sc-bds-input-chips{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger.sc-bds-input-chips .bds-icon.sc-bds-input-chips{color:var(--color-delete, #e60f0f)}.input__message--danger.sc-bds-input-chips .input__message__text.sc-bds-input-chips{color:var(--color-delete, #e60f0f)}.inside-input-left.sc-bds-input-chips{position:relative;display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip.sc-bds-input-chips{margin:2px 4px 2px 0px}.input-chips__chips.sc-bds-input-chips{-ms-flex:1;flex:1}";
4
+ const inputChipsCss = ".sc-bds-input-chips-h{display:display}.element_input.sc-bds-input-chips{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.sc-bds-input-chips input.sc-bds-input-chips,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-webkit-input-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-moz-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips:-ms-input-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-ms-input-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-webkit-input-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input.sc-bds-input-chips{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%;background:var(--color-surface-1, #ffffff)}.input--state-primary.sc-bds-input-chips{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-chips .input__icon.sc-bds-input-chips{position:relative}.input--state-primary.sc-bds-input-chips .input__icon.sc-bds-input-chips::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary.sc-bds-input-chips: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.sc-bds-input-chips{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.sc-bds-input-chips .input__container__label.sc-bds-input-chips{color:var(--color-content-default, #292929)}.input--state-primary.sc-bds-input-chips .input__container__label--pressed.sc-bds-input-chips{color:var(--color-primary, #1e6bf1)}.input--state-primary.sc-bds-input-chips .input__container__text.sc-bds-input-chips{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.input--state-danger.sc-bds-input-chips{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-chips .input__icon.sc-bds-input-chips{position:relative}.input--state-danger.sc-bds-input-chips .input__icon.sc-bds-input-chips::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger.sc-bds-input-chips:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-chips{border:1px solid var(--color-delete, #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.sc-bds-input-chips .input__container__label.sc-bds-input-chips{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-chips .input__container__label--pressed.sc-bds-input-chips{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-chips .input__container__text.sc-bds-input-chips{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #292929)}.input--state-success.sc-bds-input-chips{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.sc-bds-input-chips .input__icon.sc-bds-input-chips{position:relative}.input--state-success.sc-bds-input-chips .input__icon.sc-bds-input-chips::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success.sc-bds-input-chips:hover{border:1px solid var(--color-content-default, #292929);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed.sc-bds-input-chips{border:1px solid var(--color-content-default, #292929);-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.sc-bds-input-chips .input__container__label.sc-bds-input-chips{color:var(--color-content-default, #292929)}.input--state-success.sc-bds-input-chips .input__container__label--pressed.sc-bds-input-chips{color:var(--color-content-default, #292929)}.input--state-success.sc-bds-input-chips .input__container__text.sc-bds-input-chips{caret-color:var(--color-content-default, #292929);color:var(--color-content-default, #292929)}.input--state-disabled.sc-bds-input-chips{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #f5f5f5)}.input--state-disabled.sc-bds-input-chips .input__icon.sc-bds-input-chips{position:relative}.input--state-disabled.sc-bds-input-chips .input__icon.sc-bds-input-chips::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--label.sc-bds-input-chips{padding:7px 4px 8px 12px}.input__icon.sc-bds-input-chips{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.sc-bds-input-chips{padding:4px}.input__container.sc-bds-input-chips{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper.sc-bds-input-chips{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips.sc-bds-input-chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips.sc-bds-input-chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips.sc-bds-input-chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label.sc-bds-input-chips{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text.sc-bds-input-chips{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:\"Carbona\", \"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text.sc-bds-input-chips:focus{outline:0}.input__container__text.sc-bds-input-chips::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text.sc-bds-input-chips:focus{outline:0}.input__container__text[type=checkbox].sc-bds-input-chips,.input__container__text[type=radio].sc-bds-input-chips{width:13px;height:13px}.input__container__text[type=search].sc-bds-input-chips{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sc-bds-input-chips::-webkit-search-decoration{display:none}.input__container__text[type=reset].sc-bds-input-chips,.input__container__text[type=button].sc-bds-input-chips,.input__container__text[type=submit].sc-bds-input-chips{overflow:visible}.input__container__text.sc-bds-input-chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text.sc-bds-input-chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message.sc-bds-input-chips{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, #666666);word-break:break-word;height:auto;min-height:20px}.input__message.sc-bds-input-chips bds-typo.sc-bds-input-chips{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon.sc-bds-input-chips{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger.sc-bds-input-chips .bds-icon.sc-bds-input-chips{color:var(--color-delete, #e60f0f)}.input__message--danger.sc-bds-input-chips .input__message__text.sc-bds-input-chips{color:var(--color-delete, #e60f0f)}.inside-input-left.sc-bds-input-chips{position:relative;display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip.sc-bds-input-chips{margin:2px 4px 2px 0px}.input-chips__chips.sc-bds-input-chips{-ms-flex:1;flex:1}";
5
5
 
6
6
  const InputChips = class {
7
7
  constructor(hostRef) {
package/dist/blip-ds/bds-input-chips.system.entry.js CHANGED
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(t,i,e,s){function n(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,r){function o(t){try{a(s.next(t))}catch(i){r(i)}}function p(t){try{a(s["throw"](t))}catch(i){r(i)}}function a(t){t.done?e(t.value):n(t.value).then(o,p)}a((s=s.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,o;return o={next:p(0),throw:p(1),return:p(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function p(t){return function(i){return a([t,i])}}function a(p){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,p[0]&&(e=0)),e)try{if(s=1,n&&(r=p[0]&2?n["return"]:p[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,p[1])).done)return r;if(n=0,r)p=[p[0]&2,r.value];switch(p[0]){case 0:case 1:r=p;break;case 4:e.label++;return{value:p[1],done:false};case 5:e.label++;n=p[1];p=[0];continue;case 7:p=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(p[0]===6||p[0]===2)){e=0;continue}if(p[0]===3&&(!r||p[1]>r[0]&&p[1]<r[3])){e.label=p[1];break}if(p[0]===6&&e.label<r[1]){e.label=r[1];r=p;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(p);break}if(r[2])e.ops.pop();e.trys.pop();continue}p=i.call(t,e)}catch(a){p=[6,a];n=0}finally{s=r=0}if(p[0]&5)throw p[1];return{value:p[0]?p[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,i,e){if(e||arguments.length===2)for(var s=0,n=i.length,r;s<n;s++){if(r||!(s in i)){if(!r)r=Array.prototype.slice.call(i,0,s);r[s]=i[s]}}return t.concat(r||Array.prototype.slice.call(i))};System.register(["./index-241c9f42.system.js","./validations-b01ca3a3.system.js"],(function(t){"use strict";var i,e,s,n,r,o;return{setters:[function(t){i=t.r;e=t.e;s=t.h;n=t.f},function(t){r=t.w;o=t.e}],execute:function(){var p='.sc-bds-input-chips-h{display:display}.element_input.sc-bds-input-chips{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.sc-bds-input-chips input.sc-bds-input-chips,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-webkit-input-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-moz-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips:-ms-input-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-ms-input-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-webkit-input-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input.sc-bds-input-chips{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%;background:var(--color-surface-1, #ffffff)}.input--state-primary.sc-bds-input-chips{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-chips .input__icon.sc-bds-input-chips{position:relative}.input--state-primary.sc-bds-input-chips .input__icon.sc-bds-input-chips::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary.sc-bds-input-chips: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.sc-bds-input-chips{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.sc-bds-input-chips .input__container__label.sc-bds-input-chips{color:var(--color-content-default, #292929)}.input--state-primary.sc-bds-input-chips .input__container__label--pressed.sc-bds-input-chips{color:var(--color-primary, #1e6bf1)}.input--state-primary.sc-bds-input-chips .input__container__text.sc-bds-input-chips{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.input--state-danger.sc-bds-input-chips{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-chips .input__icon.sc-bds-input-chips{position:relative}.input--state-danger.sc-bds-input-chips .input__icon.sc-bds-input-chips::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger.sc-bds-input-chips:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-chips{border:1px solid var(--color-delete, #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.sc-bds-input-chips .input__container__label.sc-bds-input-chips{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-chips .input__container__label--pressed.sc-bds-input-chips{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-chips .input__container__text.sc-bds-input-chips{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #292929)}.input--state-success.sc-bds-input-chips{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.sc-bds-input-chips .input__icon.sc-bds-input-chips{position:relative}.input--state-success.sc-bds-input-chips .input__icon.sc-bds-input-chips::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success.sc-bds-input-chips:hover{border:1px solid var(--color-content-default, #292929);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed.sc-bds-input-chips{border:1px solid var(--color-content-default, #292929);-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.sc-bds-input-chips .input__container__label.sc-bds-input-chips{color:var(--color-content-default, #292929)}.input--state-success.sc-bds-input-chips .input__container__label--pressed.sc-bds-input-chips{color:var(--color-content-default, #292929)}.input--state-success.sc-bds-input-chips .input__container__text.sc-bds-input-chips{caret-color:var(--color-content-default, #292929);color:var(--color-content-default, #292929)}.input--state-disabled.sc-bds-input-chips{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #f5f5f5)}.input--state-disabled.sc-bds-input-chips .input__icon.sc-bds-input-chips{position:relative}.input--state-disabled.sc-bds-input-chips .input__icon.sc-bds-input-chips::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--label.sc-bds-input-chips{padding:7px 4px 8px 12px}.input__icon.sc-bds-input-chips{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.sc-bds-input-chips{padding:4px}.input__container.sc-bds-input-chips{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper.sc-bds-input-chips{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips.sc-bds-input-chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips.sc-bds-input-chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips.sc-bds-input-chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label.sc-bds-input-chips{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text.sc-bds-input-chips{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:"Carbona", "Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text.sc-bds-input-chips:focus{outline:0}.input__container__text.sc-bds-input-chips::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text.sc-bds-input-chips:focus{outline:0}.input__container__text[type=checkbox].sc-bds-input-chips,.input__container__text[type=radio].sc-bds-input-chips{width:13px;height:13px}.input__container__text[type=search].sc-bds-input-chips{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sc-bds-input-chips::-webkit-search-decoration{display:none}.input__container__text[type=reset].sc-bds-input-chips,.input__container__text[type=button].sc-bds-input-chips,.input__container__text[type=submit].sc-bds-input-chips{overflow:visible}.input__container__text.sc-bds-input-chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text.sc-bds-input-chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message.sc-bds-input-chips{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, #666666);word-break:break-word;height:auto;min-height:20px}.input__message.sc-bds-input-chips bds-typo.sc-bds-input-chips{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon.sc-bds-input-chips{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger.sc-bds-input-chips .bds-icon.sc-bds-input-chips{color:var(--color-delete, #e60f0f)}.input__message--danger.sc-bds-input-chips .input__message__text.sc-bds-input-chips{color:var(--color-delete, #e60f0f)}.inside-input-left.sc-bds-input-chips{position:relative;display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip.sc-bds-input-chips{margin:2px 4px 2px 0px}.input-chips__chips.sc-bds-input-chips{-ms-flex:1;flex:1}';var a=t("bds_input_chips",function(){function t(t){var s=this;i(this,t);this.bdsChange=e(this,"bdsChange",7);this.bdsChangeChips=e(this,"bdsChangeChips",7);this.bdsInputChipsFocus=e(this,"bdsInputChipsFocus",7);this.bdsBlur=e(this,"bdsBlur",7);this.bdsInputChipsInput=e(this,"bdsInputChipsInput",7);this.bdsSubmit=e(this,"bdsSubmit",7);this.onClickWrapper=function(){s.onFocus();if(s.nativeInput){s.nativeInput.focus()}};this.onFocus=function(){s.bdsInputChipsFocus.emit();s.isPressed=true};this.onInput=function(t){var i=t.target;if(i){s.value=i.value||""}s.bdsInputChipsInput.emit(t)};this.keyPressWrapper=function(t){switch(t.key){case"Enter":s.handleDelimiters();s.setChip(s.value);s.value="";break;case"Backspace"||"Delete":if((s.value===null||s.value.length<=0)&&s.internalChips.length){s.removeLastChip();s.bdsChangeChips.emit({data:s.internalChips})}break}};this.InputSize=null;this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.internalChips=[];this.chips=[];this.type="text";this.label="";this.maxlength=undefined;this.icon="";this.delimiters=/,|;/;this.errorMessage="";this.danger=false;this.value="";this.duplicated=false;this.disableSubmit=false;this.disabled=false;this.helperMessage="";this.inputName="";this.placeholder="";this.dataTest=null}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.bdsChangeChips.emit({data:this.internalChips,value:this.getLastChip()})};t.prototype.isValid=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.validateChips()]}))}))};t.prototype.get=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(i){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()};t.prototype.validateChips=function(){var t=this;if(this.type==="email"){return!this.internalChips.some((function(i){return!t.validateChip(i)}))}else{return true}};t.prototype.handleOnBlur=function(){this.bdsBlur.emit(this.internalChips);this.isPressed=false};t.prototype.getLastChip=function(){return this.internalChips[this.internalChips.length-1]};t.prototype.handleDelimiters=function(){var t=this;var i=this.nativeInput.value;this.value=i?i.trim():"";if(i.length===0)return;var e=i.match(this.delimiters);if(!e)return;var s=this.verifyAndSubstituteDelimiters(i);if(!s){this.clearInputValues();return}var n=s.split(this.delimiters);n.forEach((function(i){t.setChip(i)}));this.clearInputValues()};t.prototype.verifyAndSubstituteDelimiters=function(t){if(t.length===1&&t[0].match(this.delimiters)){return""}var i=t.replace(/;/g,",").replace(/\,+|;+/g,",");if(i[0].match(this.delimiters)){i=i.substring(1)}return i};t.prototype.handleChange=function(t){return __awaiter(this,void 0,void 0,(function(){var i,e,s,n;var r=this;return __generator(this,(function(o){i=t.detail.value;this.value=i?i.trim():"";if(i.length===0)return[2];e=i.match(this.delimiters);if(!e)return[2];s=this.verifyAndSubstituteDelimiters(i);if(!s){this.clearInputValues();return[2]}n=s.split(this.delimiters);n.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 i=this.internalChips.some((function(i){return i.toLowerCase()===t.toLowerCase()}));if(i)return}if(!r(t)){return}this.internalChips=__spreadArray(__spreadArray([],this.internalChips,true),[t],false)};t.prototype.validateChip=function(t){var i=t.trim();if(this.type==="email"&&o(i)){return false}return true};t.prototype.removeLastChip=function(){this.internalChips=this.internalChips.slice(0,this.internalChips.length-1)};t.prototype.removeChip=function(t){var i=t.detail.id;this.internalChips=this.internalChips.filter((function(t,e){return e.toString()!==i}))};t.prototype.renderChips=function(){var t=this;if(!this.internalChips.length){return[]}return this.internalChips.map((function(i,e){var n=e.toString();var r=30;if(i.length<=r){return s("bds-chip-clickable",{id:n,key:n,color:"outline",close:!t.disabled,onChipClickableClose:function(i){return t.removeChip(i)}},i)}else{return s("bds-tooltip",{key:n,position:"top-center","tooltip-text":i},s("bds-chip-clickable",{id:n,key:n,color:"outline",close:!t.disabled,onChipClickableClose:function(i){return t.removeChip(i)}},"".concat(i.slice(0,r)," ...")))}}))};t.prototype.renderIcon=function(){return this.icon&&s("div",{class:{input__icon:true,"input__icon--large":!!this.label}},s("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};t.prototype.renderLabel=function(){return this.label&&s("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},s("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};t.prototype.renderMessage=function(){var t=this.danger?"error":"info";var i=this.danger?this.errorMessage:this.helperMessage;if(!i&&this.validationDanger)i=this.validationMesage;var e=this.danger||this.validationDanger?"input__message input__message--danger":"input__message";if(i){return s("div",{class:e,part:"input__message"},s("div",{class:"input__message__icon"},s("bds-icon",{size:"x-small",name:t,theme:"solid",color:"inherit"})),s("bds-typo",{class:"input__message__text",variant:"fs-12"},i))}return undefined};t.prototype.render=function(){var t=this;var i=this.isPressed&&!this.disabled;return s(n,null,s("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},s("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":i},onClick:this.onClickWrapper,onKeyDown:this.keyPressWrapper,part:"input-container"},this.renderIcon(),s("div",{class:"input__container"},this.renderLabel(),s("div",{class:{input__container__wrapper:true}},this.internalChips.length>0&&s("span",{class:"inside-input-left"},this.renderChips()),s("input",{ref:function(i){return t.nativeInput=i},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}))),s("slot",{name:"input-right"})),this.renderMessage()))};Object.defineProperty(t,"watchers",{get:function(){return{chips:["valueChanged"],internalChips:["internalValueChanged"]}},enumerable:false,configurable:true});return t}());a.style=p}}}));
1
+ var __awaiter=this&&this.__awaiter||function(t,i,e,s){function n(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,r){function o(t){try{a(s.next(t))}catch(i){r(i)}}function p(t){try{a(s["throw"](t))}catch(i){r(i)}}function a(t){t.done?e(t.value):n(t.value).then(o,p)}a((s=s.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,o;return o={next:p(0),throw:p(1),return:p(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function p(t){return function(i){return a([t,i])}}function a(p){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,p[0]&&(e=0)),e)try{if(s=1,n&&(r=p[0]&2?n["return"]:p[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,p[1])).done)return r;if(n=0,r)p=[p[0]&2,r.value];switch(p[0]){case 0:case 1:r=p;break;case 4:e.label++;return{value:p[1],done:false};case 5:e.label++;n=p[1];p=[0];continue;case 7:p=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(p[0]===6||p[0]===2)){e=0;continue}if(p[0]===3&&(!r||p[1]>r[0]&&p[1]<r[3])){e.label=p[1];break}if(p[0]===6&&e.label<r[1]){e.label=r[1];r=p;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(p);break}if(r[2])e.ops.pop();e.trys.pop();continue}p=i.call(t,e)}catch(a){p=[6,a];n=0}finally{s=r=0}if(p[0]&5)throw p[1];return{value:p[0]?p[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,i,e){if(e||arguments.length===2)for(var s=0,n=i.length,r;s<n;s++){if(r||!(s in i)){if(!r)r=Array.prototype.slice.call(i,0,s);r[s]=i[s]}}return t.concat(r||Array.prototype.slice.call(i))};System.register(["./index-241c9f42.system.js","./validations-b01ca3a3.system.js"],(function(t){"use strict";var i,e,s,n,r,o;return{setters:[function(t){i=t.r;e=t.e;s=t.h;n=t.f},function(t){r=t.w;o=t.e}],execute:function(){var p='.sc-bds-input-chips-h{display:display}.element_input.sc-bds-input-chips{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.sc-bds-input-chips input.sc-bds-input-chips,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-webkit-input-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-moz-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips:-ms-input-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-ms-input-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-chips input.sc-bds-input-chips::-webkit-input-placeholder,.element_input.sc-bds-input-chips textarea.sc-bds-input-chips::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input.sc-bds-input-chips{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%;background:var(--color-surface-1, #ffffff)}.input--state-primary.sc-bds-input-chips{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-chips .input__icon.sc-bds-input-chips{position:relative}.input--state-primary.sc-bds-input-chips .input__icon.sc-bds-input-chips::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary.sc-bds-input-chips: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.sc-bds-input-chips{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.sc-bds-input-chips .input__container__label.sc-bds-input-chips{color:var(--color-content-default, #292929)}.input--state-primary.sc-bds-input-chips .input__container__label--pressed.sc-bds-input-chips{color:var(--color-primary, #1e6bf1)}.input--state-primary.sc-bds-input-chips .input__container__text.sc-bds-input-chips{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929)}.input--state-danger.sc-bds-input-chips{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-chips .input__icon.sc-bds-input-chips{position:relative}.input--state-danger.sc-bds-input-chips .input__icon.sc-bds-input-chips::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger.sc-bds-input-chips:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-chips{border:1px solid var(--color-delete, #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.sc-bds-input-chips .input__container__label.sc-bds-input-chips{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-chips .input__container__label--pressed.sc-bds-input-chips{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-chips .input__container__text.sc-bds-input-chips{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #292929)}.input--state-success.sc-bds-input-chips{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.sc-bds-input-chips .input__icon.sc-bds-input-chips{position:relative}.input--state-success.sc-bds-input-chips .input__icon.sc-bds-input-chips::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success.sc-bds-input-chips:hover{border:1px solid var(--color-content-default, #292929);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed.sc-bds-input-chips{border:1px solid var(--color-content-default, #292929);-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.sc-bds-input-chips .input__container__label.sc-bds-input-chips{color:var(--color-content-default, #292929)}.input--state-success.sc-bds-input-chips .input__container__label--pressed.sc-bds-input-chips{color:var(--color-content-default, #292929)}.input--state-success.sc-bds-input-chips .input__container__text.sc-bds-input-chips{caret-color:var(--color-content-default, #292929);color:var(--color-content-default, #292929)}.input--state-disabled.sc-bds-input-chips{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #f5f5f5)}.input--state-disabled.sc-bds-input-chips .input__icon.sc-bds-input-chips{position:relative}.input--state-disabled.sc-bds-input-chips .input__icon.sc-bds-input-chips::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--label.sc-bds-input-chips{padding:7px 4px 8px 12px}.input__icon.sc-bds-input-chips{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.sc-bds-input-chips{padding:4px}.input__container.sc-bds-input-chips{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper.sc-bds-input-chips{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips.sc-bds-input-chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips.sc-bds-input-chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips.sc-bds-input-chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label.sc-bds-input-chips{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text.sc-bds-input-chips{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:"Carbona", "Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text.sc-bds-input-chips:focus{outline:0}.input__container__text.sc-bds-input-chips::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text.sc-bds-input-chips:focus{outline:0}.input__container__text[type=checkbox].sc-bds-input-chips,.input__container__text[type=radio].sc-bds-input-chips{width:13px;height:13px}.input__container__text[type=search].sc-bds-input-chips{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sc-bds-input-chips::-webkit-search-decoration{display:none}.input__container__text[type=reset].sc-bds-input-chips,.input__container__text[type=button].sc-bds-input-chips,.input__container__text[type=submit].sc-bds-input-chips{overflow:visible}.input__container__text.sc-bds-input-chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text.sc-bds-input-chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message.sc-bds-input-chips{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, #666666);word-break:break-word;height:auto;min-height:20px}.input__message.sc-bds-input-chips bds-typo.sc-bds-input-chips{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon.sc-bds-input-chips{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger.sc-bds-input-chips .bds-icon.sc-bds-input-chips{color:var(--color-delete, #e60f0f)}.input__message--danger.sc-bds-input-chips .input__message__text.sc-bds-input-chips{color:var(--color-delete, #e60f0f)}.inside-input-left.sc-bds-input-chips{position:relative;display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.input-chips__chip.sc-bds-input-chips{margin:2px 4px 2px 0px}.input-chips__chips.sc-bds-input-chips{-ms-flex:1;flex:1}';var a=t("bds_input_chips",function(){function t(t){var s=this;i(this,t);this.bdsChange=e(this,"bdsChange",7);this.bdsChangeChips=e(this,"bdsChangeChips",7);this.bdsInputChipsFocus=e(this,"bdsInputChipsFocus",7);this.bdsBlur=e(this,"bdsBlur",7);this.bdsInputChipsInput=e(this,"bdsInputChipsInput",7);this.bdsSubmit=e(this,"bdsSubmit",7);this.onClickWrapper=function(){s.onFocus();if(s.nativeInput){s.nativeInput.focus()}};this.onFocus=function(){s.bdsInputChipsFocus.emit();s.isPressed=true};this.onInput=function(t){var i=t.target;if(i){s.value=i.value||""}s.bdsInputChipsInput.emit(t)};this.keyPressWrapper=function(t){switch(t.key){case"Enter":s.handleDelimiters();s.setChip(s.value);s.value="";break;case"Backspace"||"Delete":if((s.value===null||s.value.length<=0)&&s.internalChips.length){s.removeLastChip();s.bdsChangeChips.emit({data:s.internalChips})}break}};this.InputSize=null;this.validationDanger=false;this.isPressed=false;this.validationMesage="";this.internalChips=[];this.chips=[];this.type="text";this.label="";this.maxlength=undefined;this.icon="";this.delimiters=/,|;/;this.errorMessage="";this.danger=false;this.value="";this.duplicated=false;this.disableSubmit=false;this.disabled=false;this.helperMessage="";this.inputName="";this.placeholder="";this.dataTest=null}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.bdsChangeChips.emit({data:this.internalChips,value:this.getLastChip()})};t.prototype.isValid=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.validateChips()]}))}))};t.prototype.get=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(i){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()};t.prototype.validateChips=function(){var t=this;if(this.type==="email"){return!this.internalChips.some((function(i){return!t.validateChip(i)}))}else{return true}};t.prototype.handleOnBlur=function(){this.bdsBlur.emit(this.internalChips);this.isPressed=false};t.prototype.getLastChip=function(){return this.internalChips[this.internalChips.length-1]};t.prototype.handleDelimiters=function(){var t=this;var i=this.nativeInput.value;this.value=i?i.trim():"";if(i.length===0)return;var e=i.match(this.delimiters);if(!e)return;var s=this.verifyAndSubstituteDelimiters(i);if(!s){this.clearInputValues();return}var n=s.split(this.delimiters);n.forEach((function(i){t.setChip(i)}));this.clearInputValues()};t.prototype.verifyAndSubstituteDelimiters=function(t){if(t.length===1&&t[0].match(this.delimiters)){return""}var i=t.replace(/;/g,",").replace(/\,+|;+/g,",");if(i[0].match(this.delimiters)){i=i.substring(1)}return i};t.prototype.handleChange=function(t){return __awaiter(this,void 0,void 0,(function(){var i,e,s,n;var r=this;return __generator(this,(function(o){i=t.detail.value;this.value=i?i.trim():"";if(i.length===0)return[2];e=i.match(this.delimiters);if(!e)return[2];s=this.verifyAndSubstituteDelimiters(i);if(!s){this.clearInputValues();return[2]}n=s.split(this.delimiters);n.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 i=this.internalChips.some((function(i){return i.toLowerCase()===t.toLowerCase()}));if(i)return}if(!r(t)){return}this.internalChips=__spreadArray(__spreadArray([],this.internalChips,true),[t],false)};t.prototype.validateChip=function(t){var i=t.trim();if(this.type==="email"&&o(i)){return false}return true};t.prototype.removeLastChip=function(){this.internalChips=this.internalChips.slice(0,this.internalChips.length-1)};t.prototype.removeChip=function(t){var i=t.detail.id;this.internalChips=this.internalChips.filter((function(t,e){return e.toString()!==i}))};t.prototype.renderChips=function(){var t=this;if(!this.internalChips.length){return[]}return this.internalChips.map((function(i,e){var n=e.toString();var r=30;if(i.length<=r){return s("bds-chip-clickable",{id:n,key:n,color:"outline",close:!t.disabled,onChipClickableClose:function(i){return t.removeChip(i)}},i)}else{return s("bds-tooltip",{key:n,position:"top-center","tooltip-text":i},s("bds-chip-clickable",{id:n,key:n,color:"outline",close:!t.disabled,onChipClickableClose:function(i){return t.removeChip(i)}},"".concat(i.slice(0,r)," ...")))}}))};t.prototype.renderIcon=function(){return this.icon&&s("div",{class:{input__icon:true,"input__icon--large":!!this.label}},s("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};t.prototype.renderLabel=function(){return this.label&&s("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},s("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};t.prototype.renderMessage=function(){var t=this.danger?"error":"info";var i=this.danger?this.errorMessage:this.helperMessage;if(!i&&this.validationDanger)i=this.validationMesage;var e=this.danger||this.validationDanger?"input__message input__message--danger":"input__message";if(i){return s("div",{class:e,part:"input__message"},s("div",{class:"input__message__icon"},s("bds-icon",{size:"x-small",name:t,theme:"solid",color:"inherit"})),s("bds-typo",{class:"input__message__text",variant:"fs-12"},i))}return undefined};t.prototype.render=function(){var t=this;var i=this.isPressed&&!this.disabled;return s(n,null,s("div",{class:{element_input:true},"aria-disabled":this.disabled?"true":null},s("div",{class:{input:true,"input--state-primary":!this.danger&&!this.validationDanger,"input--state-danger":this.danger||this.validationDanger,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":i},onClick:this.onClickWrapper,onKeyDown:this.keyPressWrapper,part:"input-container"},this.renderIcon(),s("div",{class:"input__container"},this.renderLabel(),s("div",{class:{input__container__wrapper:true}},this.internalChips.length>0&&s("span",{class:"inside-input-left"},this.renderChips()),s("input",{ref:function(i){return t.nativeInput=i},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}))),s("slot",{name:"input-right"})),this.renderMessage()))};Object.defineProperty(t,"watchers",{get:function(){return{chips:["valueChanged"],internalChips:["internalValueChanged"]}},enumerable:false,configurable:true});return t}());a.style=p}}}));
package/dist/blip-ds/bds-input-phone-number.entry.js CHANGED
@@ -1179,7 +1179,7 @@ const countries = {
1179
1179
  }
1180
1180
  };
1181
1181
 
1182
- const inputPhoneNumberCss = ".sc-bds-input-phone-number-h{display:block}.element_input.sc-bds-input-phone-number{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.sc-bds-input-phone-number input.sc-bds-input-phone-number{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #ffffff)}.input--state-primary.sc-bds-input-phone-number{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number{position:relative}.input--state-primary.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary.sc-bds-input-phone-number: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.sc-bds-input-phone-number{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.sc-bds-input-phone-number .input__container.sc-bds-input-phone-number{padding:4px 8px 9px}.input--state-primary.sc-bds-input-phone-number .input__container__label.sc-bds-input-phone-number{color:var(--color-content-default, #292929)}.input--state-primary.sc-bds-input-phone-number .input__container__label--pressed.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1)}.input--state-primary.sc-bds-input-phone-number .input__container__text.sc-bds-input-phone-number{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929);-ms-flex-positive:1;flex-grow:1}.input--state-danger.sc-bds-input-phone-number{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number{position:relative}.input--state-danger.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger.sc-bds-input-phone-number:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-phone-number{border:1px solid var(--color-delete, #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.sc-bds-input-phone-number .input__container.sc-bds-input-phone-number{padding:4px 8px 9px}.input--state-danger.sc-bds-input-phone-number .input__container__label.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-phone-number .input__container__label--pressed.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-phone-number .input__container__text.sc-bds-input-phone-number{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #292929);-ms-flex-positive:1;flex-grow:1}.input--state-disabled.sc-bds-input-phone-number{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #f5f5f5)}.input--label.sc-bds-input-phone-number{padding:0}.input__icon.sc-bds-input-phone-number{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.sc-bds-input-phone-number{padding:4px}.input__container.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips.sc-bds-input-phone-number{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text.sc-bds-input-phone-number{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:\"Carbona\", \"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text.sc-bds-input-phone-number:focus{outline:0}.input__container__text.sc-bds-input-phone-number::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text.sc-bds-input-phone-number:focus{outline:0}.input__container__text[type=checkbox].sc-bds-input-phone-number,.input__container__text[type=radio].sc-bds-input-phone-number{width:13px;height:13px}.input__container__text[type=search].sc-bds-input-phone-number{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sc-bds-input-phone-number::-webkit-search-decoration{display:none}.input__container__text[type=reset].sc-bds-input-phone-number,.input__container__text[type=button].sc-bds-input-phone-number,.input__container__text[type=submit].sc-bds-input-phone-number{overflow:visible}.input__container__text.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message.sc-bds-input-phone-number{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, #666666);word-break:break-word;height:auto;min-height:20px}.input__message.sc-bds-input-phone-number bds-typo.sc-bds-input-phone-number{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger.sc-bds-input-phone-number .bds-icon.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input__message--danger.sc-bds-input-phone-number .input__message__text.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.select-phone-number.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;border-radius:8px;position:relative;outline:none;min-width:200px}.select-phone-number.sc-bds-input-phone-number bds-input.sc-bds-input-phone-number::part(input-container){position:relative}.select-phone-number__icon.sc-bds-input-phone-number{color:var(--color-content-disable, #666666);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-right:16px;padding-left:12px;cursor:pointer}.select-phone-number__icon.sc-bds-input-phone-number bds-icon.sc-bds-input-phone-number:first-child{margin-right:8px}.select-phone-number__country-code.sc-bds-input-phone-number{color:var(--color-content-disable, #666666);padding-right:5px}.select-phone-number__options.sc-bds-input-phone-number{background:var(--color-surface-2, #f5f5f5);width:100%;max-height:250px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;margin-top:4px;-webkit-transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0}.select-phone-number__options.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.select-phone-number__options.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select-phone-number__options--open.sc-bds-input-phone-number{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.select-phone-number.sc-bds-input-phone-number:hover .select-phone-number__icon.sc-bds-input-phone-number,.select-phone-number--pressed.sc-bds-input-phone-number .select-phone-number__icon.sc-bds-input-phone-number{position:relative;height:100%}.select-phone-number.sc-bds-input-phone-number:hover .select-phone-number__icon.sc-bds-input-phone-number::before,.select-phone-number--pressed.sc-bds-input-phone-number .select-phone-number__icon.sc-bds-input-phone-number::before{content:\"\";background:var(--color-surface-3, #e0e0e0);height:calc(100% - 2px);max-height:54px;width:70px;position:absolute;left:1px;top:1px;border-radius:8px 0px 0px 8px}";
1182
+ const inputPhoneNumberCss = ".sc-bds-input-phone-number-h{display:block}.element_input.sc-bds-input-phone-number{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.sc-bds-input-phone-number input.sc-bds-input-phone-number{-webkit-box-shadow:inherit;box-shadow:inherit}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-moz-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number:-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-ms-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::placeholder{color:var(--color-content-ghost, #949494);opacity:1}.element_input.sc-bds-input-phone-number input.sc-bds-input-phone-number::-webkit-input-placeholder{color:var(--color-content-ghost, #949494);opacity:1}.input.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #ffffff)}.input--state-primary.sc-bds-input-phone-number{border:1px solid var(--color-border-1, #616161);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number{position:relative}.input--state-primary.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary.sc-bds-input-phone-number: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.sc-bds-input-phone-number{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.sc-bds-input-phone-number .input__container.sc-bds-input-phone-number{padding:4px 8px 9px}.input--state-primary.sc-bds-input-phone-number .input__container__label.sc-bds-input-phone-number{color:var(--color-content-default, #292929)}.input--state-primary.sc-bds-input-phone-number .input__container__label--pressed.sc-bds-input-phone-number{color:var(--color-primary, #1e6bf1)}.input--state-primary.sc-bds-input-phone-number .input__container__text.sc-bds-input-phone-number{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #292929);-ms-flex-positive:1;flex-grow:1}.input--state-danger.sc-bds-input-phone-number{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number{position:relative}.input--state-danger.sc-bds-input-phone-number .input__icon.sc-bds-input-phone-number::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger.sc-bds-input-phone-number:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed.sc-bds-input-phone-number{border:1px solid var(--color-delete, #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.sc-bds-input-phone-number .input__container.sc-bds-input-phone-number{padding:4px 8px 9px}.input--state-danger.sc-bds-input-phone-number .input__container__label.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-phone-number .input__container__label--pressed.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input--state-danger.sc-bds-input-phone-number .input__container__text.sc-bds-input-phone-number{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #292929);-ms-flex-positive:1;flex-grow:1}.input--state-disabled.sc-bds-input-phone-number{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #f5f5f5)}.input--label.sc-bds-input-phone-number{padding:0}.input__icon.sc-bds-input-phone-number{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.sc-bds-input-phone-number{padding:4px}.input__container.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper.sc-bds-input-phone-number{display:-ms-flexbox;display:flex}.input__container__wrapper__chips.sc-bds-input-phone-number{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text.sc-bds-input-phone-number{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:\"Carbona\", \"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text.sc-bds-input-phone-number:focus{outline:0}.input__container__text.sc-bds-input-phone-number::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text.sc-bds-input-phone-number:focus{outline:0}.input__container__text[type=checkbox].sc-bds-input-phone-number,.input__container__text[type=radio].sc-bds-input-phone-number{width:13px;height:13px}.input__container__text[type=search].sc-bds-input-phone-number{-webkit-appearance:textfield;-webkit-box-sizing:content-box}.sc-bds-input-phone-number::-webkit-search-decoration{display:none}.input__container__text[type=reset].sc-bds-input-phone-number,.input__container__text[type=button].sc-bds-input-phone-number,.input__container__text[type=submit].sc-bds-input-phone-number{overflow:visible}.input__container__text.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message.sc-bds-input-phone-number{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, #666666);word-break:break-word;height:auto;min-height:20px}.input__message.sc-bds-input-phone-number bds-typo.sc-bds-input-phone-number{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger.sc-bds-input-phone-number .bds-icon.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.input__message--danger.sc-bds-input-phone-number .input__message__text.sc-bds-input-phone-number{color:var(--color-delete, #e60f0f)}.select-phone-number.sc-bds-input-phone-number{display:-ms-flexbox;display:flex;border-radius:8px;position:relative;outline:none;min-width:200px}.select-phone-number.sc-bds-input-phone-number bds-input.sc-bds-input-phone-number::part(input-container){position:relative}.select-phone-number__icon.sc-bds-input-phone-number{color:var(--color-content-disable, #666666);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-right:16px;padding-left:12px;cursor:pointer}.select-phone-number__icon.sc-bds-input-phone-number bds-icon.sc-bds-input-phone-number:first-child{margin-right:8px}.select-phone-number__country-code.sc-bds-input-phone-number{color:var(--color-content-disable, #666666);padding-right:5px}.select-phone-number__options.sc-bds-input-phone-number{background:var(--color-surface-2, #f5f5f5);width:100%;max-height:200px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;margin-top:4px;-webkit-transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0}.select-phone-number__options.sc-bds-input-phone-number::-webkit-scrollbar{width:16px;background-color:transparent}.select-phone-number__options.sc-bds-input-phone-number::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select-phone-number__options--open.sc-bds-input-phone-number{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.select-phone-number.sc-bds-input-phone-number:hover .select-phone-number__icon.sc-bds-input-phone-number,.select-phone-number--pressed.sc-bds-input-phone-number .select-phone-number__icon.sc-bds-input-phone-number{position:relative;height:100%}.select-phone-number.sc-bds-input-phone-number:hover .select-phone-number__icon.sc-bds-input-phone-number::before,.select-phone-number--pressed.sc-bds-input-phone-number .select-phone-number__icon.sc-bds-input-phone-number::before{content:\"\";background:var(--color-surface-3, #e0e0e0);height:calc(100% - 2px);max-height:54px;width:70px;position:absolute;left:1px;top:1px;border-radius:8px 0px 0px 8px}";
1183
1183
 
1184
1184
  const InputPhoneNumber = class {
1185
1185
  constructor(hostRef) {