blip-ds 1.216.0 → 1.216.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 (74) hide show
  1. package/dist/blip-ds/bds-avatar-group.entry.js +1 -1
  2. package/dist/blip-ds/bds-avatar-group.system.entry.js +1 -1
  3. package/dist/blip-ds/bds-datepicker.entry.js +1 -1
  4. package/dist/blip-ds/bds-datepicker.system.entry.js +1 -1
  5. package/dist/blip-ds/bds-menu-action.entry.js +26 -3
  6. package/dist/blip-ds/bds-menu-action.system.entry.js +1 -1
  7. package/dist/blip-ds/bds-menu.entry.js +15 -8
  8. package/dist/blip-ds/bds-menu.system.entry.js +1 -1
  9. package/dist/blip-ds/bds-select-option.entry.js +3 -3
  10. package/dist/blip-ds/bds-select-option.system.entry.js +1 -1
  11. package/dist/blip-ds/blip-ds.esm.js +1 -1
  12. package/dist/blip-ds/blip-ds.system.js +1 -1
  13. package/dist/blip-ds/p-0204747e.system.js +1 -0
  14. package/dist/blip-ds/p-16fdf54a.entry.js +1 -0
  15. package/dist/blip-ds/{p-e2f92046.entry.js → p-3356417e.entry.js} +1 -1
  16. package/dist/blip-ds/{p-44cb0c49.system.entry.js → p-5808f34a.system.entry.js} +1 -1
  17. package/dist/blip-ds/p-58765f1b.system.js +1 -1
  18. package/dist/blip-ds/p-7bab1b77.entry.js +1 -0
  19. package/dist/blip-ds/p-8808c13f.system.entry.js +1 -0
  20. package/dist/blip-ds/p-9e584eb4.system.entry.js +1 -0
  21. package/dist/blip-ds/{p-4b0b689f.system.entry.js → p-a108bb16.system.entry.js} +1 -1
  22. package/dist/blip-ds/p-a9ae0289.js +1 -0
  23. package/dist/blip-ds/p-a9ed9986.entry.js +1 -0
  24. package/dist/blip-ds/p-e894bc15.system.entry.js +1 -0
  25. package/dist/blip-ds/p-ffd1ef1e.entry.js +1 -0
  26. package/dist/blip-ds/position-element-d0261f87.system.js +1 -0
  27. package/dist/blip-ds/{position-element-917c0fb2.js → position-element-f38f0347.js} +4 -4
  28. package/dist/cjs/bds-avatar-group.cjs.entry.js +1 -1
  29. package/dist/cjs/bds-datepicker.cjs.entry.js +1 -1
  30. package/dist/cjs/bds-menu-action.cjs.entry.js +25 -2
  31. package/dist/cjs/bds-menu.cjs.entry.js +14 -7
  32. package/dist/cjs/bds-select-option.cjs.entry.js +3 -3
  33. package/dist/cjs/blip-ds.cjs.js +1 -1
  34. package/dist/cjs/loader.cjs.js +1 -1
  35. package/dist/cjs/{position-element-02fc46ab.js → position-element-177bdbd6.js} +4 -4
  36. package/dist/collection/components/avatar-group/avatar-group.js +1 -1
  37. package/dist/collection/components/menu/menu-action/menu-action.css +35 -12
  38. package/dist/collection/components/menu/menu-action/menu-action.js +46 -1
  39. package/dist/collection/components/menu/menu.css +1 -1
  40. package/dist/collection/components/menu/menu.js +29 -5
  41. package/dist/collection/components/select-option/select-option.css +4 -2
  42. package/dist/collection/components/select-option/select-option.js +2 -2
  43. package/dist/collection/utils/position-element.js +4 -4
  44. package/dist/esm/bds-avatar-group.entry.js +1 -1
  45. package/dist/esm/bds-datepicker.entry.js +1 -1
  46. package/dist/esm/bds-menu-action.entry.js +26 -3
  47. package/dist/esm/bds-menu.entry.js +15 -8
  48. package/dist/esm/bds-select-option.entry.js +3 -3
  49. package/dist/esm/blip-ds.js +1 -1
  50. package/dist/esm/loader.js +1 -1
  51. package/dist/esm/{position-element-917c0fb2.js → position-element-f38f0347.js} +4 -4
  52. package/dist/esm-es5/bds-avatar-group.entry.js +1 -1
  53. package/dist/esm-es5/bds-datepicker.entry.js +1 -1
  54. package/dist/esm-es5/bds-menu-action.entry.js +1 -1
  55. package/dist/esm-es5/bds-menu.entry.js +1 -1
  56. package/dist/esm-es5/bds-select-option.entry.js +1 -1
  57. package/dist/esm-es5/blip-ds.js +1 -1
  58. package/dist/esm-es5/loader.js +1 -1
  59. package/dist/esm-es5/position-element-f38f0347.js +1 -0
  60. package/dist/types/components/menu/menu-action/menu-action.d.ts +12 -0
  61. package/dist/types/components/menu/menu.d.ts +7 -1
  62. package/dist/types/components.d.ts +16 -0
  63. package/package.json +11 -11
  64. package/dist/blip-ds/p-1831e910.system.entry.js +0 -1
  65. package/dist/blip-ds/p-50c5954b.entry.js +0 -1
  66. package/dist/blip-ds/p-5f241bd5.entry.js +0 -1
  67. package/dist/blip-ds/p-831951e8.js +0 -1
  68. package/dist/blip-ds/p-d160b68b.entry.js +0 -1
  69. package/dist/blip-ds/p-d3ce0a7b.system.js +0 -1
  70. package/dist/blip-ds/p-f15e9381.entry.js +0 -1
  71. package/dist/blip-ds/p-f5346656.system.entry.js +0 -1
  72. package/dist/blip-ds/p-f8a3b3a7.system.entry.js +0 -1
  73. package/dist/blip-ds/position-element-a0f85687.system.js +0 -1
  74. package/dist/esm-es5/position-element-917c0fb2.js +0 -1
package/dist/blip-ds/bds-avatar-group.entry.js CHANGED
@@ -43,7 +43,7 @@ const AvatarGroup = class {
43
43
  [`avatar__group__click--${this.canClick}`]: true,
44
44
  }, onClick: () => this.handleClickGroup }, this.internalUsers ? (this.internalUsers
45
45
  .slice(0, 6)
46
- .map((user, i, row) => i + 1 === row.length && this.internalUsers.length > 5 ? (h("bds-avatar", { size: this.size, ellipsis: this.leftoversUsers })) : (h("bds-avatar", { id: user.id, name: user.name, thumbnail: user.thumbnail, size: this.size })))) : (h("slot", null))), this.canClick ? h("div", { class: "focus", tabindex: "0", onClick: () => this.handleClickKey }) : ''));
46
+ .map((user, i, row) => i + 1 === row.length && this.internalUsers.length > 5 ? (h("bds-avatar", { key: i, size: this.size, ellipsis: this.leftoversUsers })) : (h("bds-avatar", { key: i, id: user.id, name: user.name, thumbnail: user.thumbnail, size: this.size })))) : (h("slot", null))), this.canClick ? h("div", { class: "focus", tabindex: "0", onClick: () => this.handleClickKey }) : ''));
47
47
  }
48
48
  };
49
49
  AvatarGroup.style = avatarGroupCss;
package/dist/blip-ds/bds-avatar-group.system.entry.js CHANGED
@@ -1 +1 @@
1
- System.register(["./index-1fe060fa.system.js"],(function(a){"use strict";var t,r,e,i;return{setters:[function(a){t=a.r;r=a.e;e=a.h;i=a.f}],execute:function(){var s=".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{height:40px}.avatar__group__size--standard{margin-left:16px}.avatar__group__size--standard>*{margin-left:-16px}.avatar__group__size--standard .avatar{height:56px}.avatar__group__size--large{margin-left:16px}.avatar__group__size--large>*{margin-left:-16px}.avatar__group__size--large .avatar{height:64px}.avatar__group__size--extra-large{margin-left:16px}.avatar__group__size--extra-large>*{margin-left:-16px}.avatar__group__size--extra-large .avatar{height:72px}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var n=a("bds_avatar_group",function(){function a(a){t(this,a);this.bdsClickAvatarGroup=r(this,"bdsClickAvatarGroup",7);this.internalUsers=undefined;this.leftoversUsers=undefined;this.size="standard";this.users=undefined;this.canClick=undefined}a.prototype.handleClickGroup=function(a){a.preventDefault();this.bdsClickAvatarGroup.emit(a)};a.prototype.handleClickKey=function(a){if((a.key==="Enter"||a.key===" ")&&this.canClick){a.preventDefault();this.bdsClickAvatarGroup.emit()}};a.prototype.parseUsers=function(){if(this.users){try{this.internalUsers=typeof this.users==="string"?JSON.parse(this.users):this.users}catch(a){this.internalUsers=[]}}};a.prototype.componentWillLoad=function(){this.users&&this.parseUsers();this.leftoversUsers=this.internalUsers.length-5};a.prototype.render=function(){var a;var t=this;return e(i,{class:"host"},e("div",{class:(a={avatar__group:true},a["avatar__group__size--".concat(this.size)]=true,a["avatar__group__click--".concat(this.canClick)]=true,a),onClick:function(){return t.handleClickGroup}},this.internalUsers?this.internalUsers.slice(0,6).map((function(a,r,i){return r+1===i.length&&t.internalUsers.length>5?e("bds-avatar",{size:t.size,ellipsis:t.leftoversUsers}):e("bds-avatar",{id:a.id,name:a.name,thumbnail:a.thumbnail,size:t.size})})):e("slot",null)),this.canClick?e("div",{class:"focus",tabindex:"0",onClick:function(){return t.handleClickKey}}):"")};return a}());n.style=s}}}));
1
+ System.register(["./index-1fe060fa.system.js"],(function(a){"use strict";var t,r,e,i;return{setters:[function(a){t=a.r;r=a.e;e=a.h;i=a.f}],execute:function(){var s=".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{height:40px}.avatar__group__size--standard{margin-left:16px}.avatar__group__size--standard>*{margin-left:-16px}.avatar__group__size--standard .avatar{height:56px}.avatar__group__size--large{margin-left:16px}.avatar__group__size--large>*{margin-left:-16px}.avatar__group__size--large .avatar{height:64px}.avatar__group__size--extra-large{margin-left:16px}.avatar__group__size--extra-large>*{margin-left:-16px}.avatar__group__size--extra-large .avatar{height:72px}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var n=a("bds_avatar_group",function(){function a(a){t(this,a);this.bdsClickAvatarGroup=r(this,"bdsClickAvatarGroup",7);this.internalUsers=undefined;this.leftoversUsers=undefined;this.size="standard";this.users=undefined;this.canClick=undefined}a.prototype.handleClickGroup=function(a){a.preventDefault();this.bdsClickAvatarGroup.emit(a)};a.prototype.handleClickKey=function(a){if((a.key==="Enter"||a.key===" ")&&this.canClick){a.preventDefault();this.bdsClickAvatarGroup.emit()}};a.prototype.parseUsers=function(){if(this.users){try{this.internalUsers=typeof this.users==="string"?JSON.parse(this.users):this.users}catch(a){this.internalUsers=[]}}};a.prototype.componentWillLoad=function(){this.users&&this.parseUsers();this.leftoversUsers=this.internalUsers.length-5};a.prototype.render=function(){var a;var t=this;return e(i,{class:"host"},e("div",{class:(a={avatar__group:true},a["avatar__group__size--".concat(this.size)]=true,a["avatar__group__click--".concat(this.canClick)]=true,a),onClick:function(){return t.handleClickGroup}},this.internalUsers?this.internalUsers.slice(0,6).map((function(a,r,i){return r+1===i.length&&t.internalUsers.length>5?e("bds-avatar",{key:r,size:t.size,ellipsis:t.leftoversUsers}):e("bds-avatar",{key:r,id:a.id,name:a.name,thumbnail:a.thumbnail,size:t.size})})):e("slot",null)),this.canClick?e("div",{class:"focus",tabindex:"0",onClick:function(){return t.handleClickKey}}):"")};return a}());n.style=s}}}));
package/dist/blip-ds/bds-datepicker.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-15d64944.js';
2
2
  import { d as dateToDayList, m as messageTranslate, f as fillDayList, a as defaultStartDate, b as defaultEndDate, c as dateToString, t as termTranslate } from './calendar-c1082a1f.js';
3
3
  import { m as maskDate, d as dateValidation } from './validations-6d914b78.js';
4
- import { p as positionElement, g as getScrollParent } from './position-element-917c0fb2.js';
4
+ import { p as positionElement, g as getScrollParent } from './position-element-f38f0347.js';
5
5
 
6
6
  const datepickerCss = ":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:#b9cbd3;opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:#b9cbd3;opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::placeholder,:host textarea::placeholder{color:#b9cbd3;opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;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:#ffffff}.input--state-primary{border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.input--state-primary .input__icon{color:#3f7de8;background-color:#e8f2ff}.input--state-primary .input__container__label{color:#8ca0b3}.input--state-primary .input__container__label--pressed{color:#3f7de8}.input--state-primary .input__container__text{caret-color:#3f7de8;color:#202c44}.input--state-danger{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger:hover{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #ffa5a5;box-shadow:0 0 0 2px #ffa5a5}.input--state-danger .input__icon{color:#ff4c4c;background-color:#ffa5a5}.input--state-danger .input__container__label{color:#8ca0b3}.input--state-danger .input__container__label--pressed{color:#ff4c4c}.input--state-danger .input__container__text{caret-color:#ff4c4c;color:#202c44}.input--state-disabled{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.input--state-disabled:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.input--state-disabled .input__icon{color:#b9cbd3;background-color:#f8fbfb}.input--state-disabled .input__container__label{color:#b9cbd3}.input--state-disabled .input__container__label--pressed{color:#b9cbd3}.input--state-disabled .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"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__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:#8ca0b3;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:#ff4c4c}.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__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:\"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}.datepicker{position:relative;max-width:608px}.datepicker__inputs{position:relative;width:100%;display:grid}.datepicker__inputs__open{z-index:90000}.datepicker__inputs__single{grid-template-columns:1fr}.datepicker__inputs__period{grid-template-columns:1fr 1fr;gap:16px}.datepicker__inputs bds-input{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.datepicker__inputs bds-input::part(input-container){position:relative}.datepicker__inputs__icon{cursor:pointer;color:#8ca0b3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-right:16px}.datepicker__inputs__icon bds-icon:first-child{margin-right:8px}.datepicker__inputs__icon:hover bds-icon:first-child{color:#3f7de8}.datepicker__menu{position:fixed;pointer-events:none;top:0;left:0;background-color:#ffffff;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);border-radius:8px;padding:16px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s}.datepicker__menu__open{z-index:100000;pointer-events:auto;opacity:1}.datepicker__menu__message{padding:8px 16px;border-radius:8px;background-color:#fff6a8;color:#212a3c;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:24px}.datepicker__menu__message bds-icon{margin-right:8px}.datepicker__menu__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-top:16px;margin-top:16px;border-top:1px solid #d2dfe6}.datepicker__menu__footer bds-button{margin-left:16px}.datepicker__calendar{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.datepicker__calendar__selectDate{width:100%;display:grid;grid-template-columns:28px 1fr 80px 28px;grid-gap:8px;-ms-flex-align:center;align-items:center;margin-bottom:16px;padding:0 8px}.datepicker__calendar__selectDate__select{position:relative;width:100%}.datepicker__calendar__selectDate__select__input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff;border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.datepicker__calendar__selectDate__select__input .input__icon{color:#3f7de8;background-color:#e8f2ff}.datepicker__calendar__selectDate__select__input .input__container__label{color:#8ca0b3}.datepicker__calendar__selectDate__select__input .input__container__label--pressed{color:#3f7de8}.datepicker__calendar__selectDate__select__input .input__container__text{caret-color:#3f7de8;color:#202c44}.datepicker__calendar__selectDate__select__input__disable{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.datepicker__calendar__selectDate__select__input__disable:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input__disable.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.datepicker__calendar__selectDate__select__input__disable .input__icon{color:#b9cbd3;background-color:#f8fbfb}.datepicker__calendar__selectDate__select__input__disable .input__container__label{color:#b9cbd3}.datepicker__calendar__selectDate__select__input__disable .input__container__label--pressed{color:#b9cbd3}.datepicker__calendar__selectDate__select__input__disable .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.datepicker__calendar__selectDate__select__input .icon-arrow{color:#8ca0b3;display:-ms-flexbox;display:flex}.datepicker__calendar__selectDate__select__options{background:#f8fbfb;width:100%;max-height:250px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0 2px 8px rgba(96, 123, 153, 0.4);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}.datepicker__calendar__selectDate__select__options::-webkit-scrollbar{width:16px;background-color:transparent}.datepicker__calendar__selectDate__select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.datepicker__calendar__selectDate__select__options--open{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.datepicker__calendar__selectDate__icon{cursor:pointer;color:#505f79}.datepicker__calendar__selectDate .arrow-left{padding-left:8px}.datepicker__calendar__selectDate .arrow-left__disable{opacity:0;pointer-events:none}.datepicker__calendar__selectDate .arrow-right{padding-right:8px}.datepicker__calendar__selectDate .arrow-right__disable{opacity:0;pointer-events:none}.datepicker__calendar__week{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:repeat(7, 1fr);margin-bottom:8px}.datepicker__calendar__week__day{width:40px;height:40px;text-align:center;color:#8ca0b3;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.datepicker__calendar__car{height:280px;width:280px;overflow:hidden;position:relative}.datepicker__calendar__car__slide{display:-ms-flexbox;display:flex;position:absolute;left:-100%}.datepicker__calendar__car__slide__box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:grid;grid-template-columns:repeat(7, 1fr);gap:8px 0}.datepicker__calendar__car__slide__box__day{width:40px;height:40px;position:relative}.datepicker__calendar__car__slide__box__day__period:before{content:\"\";position:absolute;inset:4px 0px;background-color:#e8f2ff}.datepicker__calendar__car__slide__box__day__start:before{inset:4px 0;border-top-left-radius:16px;border-bottom-left-radius:16px}.datepicker__calendar__car__slide__box__day__end:before{inset:4px 0;border-top-right-radius:16px;border-bottom-right-radius:16px}.datepicker__calendar__car__slide__box__day__typo{position:relative;width:calc(100% - 2px);height:calc(100% - 2px);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:100%;color:#233049;border:1px solid transparent;cursor:pointer}.datepicker__calendar__car__slide__box__day__typo:hover{background-color:#ffffff;color:#3f7de8;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__current{background-color:#ffffff;color:#3f7de8;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__selected{background-color:#3f7de8;color:#ffffff;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__selected:hover{background-color:#3f7de8;color:#ffffff;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__disable{pointer-events:none;background-color:transparent;color:#8ca0b3}.datepicker__calendar__car .animate__prev{-webkit-animation-name:animationPrev;animation-name:animationPrev;-webkit-animation-duration:0.31s;animation-duration:0.31s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.datepicker__calendar__car .animate__next{-webkit-animation-name:animationNext;animation-name:animationNext;-webkit-animation-duration:0.31s;animation-duration:0.31s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.period .datepicker__calendar__selectDate{grid-template-columns:28px 120px 80px 1fr 28px}.period .datepicker__calendar__selectDate__futureMonth{padding-left:80px;text-align:center;color:#202c44}.period .datepicker__calendar__week{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.period .datepicker__calendar__week__present,.period .datepicker__calendar__week__future{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:repeat(7, 1fr)}.period .datepicker__calendar__car{width:600px}.period .datepicker__calendar__car__slide{left:calc(-50% - 60px)}.period .datepicker__calendar__car__slide__box{margin-left:40px}.period .datepicker__calendar__car .animate__prev{-webkit-animation-name:animationPeriodPrev;animation-name:animationPeriodPrev}.period .datepicker__calendar__car .animate__next{-webkit-animation-name:animationPeriodNext;animation-name:animationPeriodNext}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:80000}@-webkit-keyframes animationPrev{0%{left:-100%}100%{left:0}}@keyframes animationPrev{0%{left:-100%}100%{left:0}}@-webkit-keyframes animationNext{0%{left:-100%}100%{left:-200%}}@keyframes animationNext{0%{left:-100%}100%{left:-200%}}@-webkit-keyframes animationPeriodPrev{0%{left:calc(-50% - 60px)}100%{left:-40px}}@keyframes animationPeriodPrev{0%{left:calc(-50% - 60px)}100%{left:-40px}}@-webkit-keyframes animationPeriodNext{0%{left:calc(-50% - 60px)}100%{left:calc(-100% - 80px)}}@keyframes animationPeriodNext{0%{left:calc(-50% - 60px)}100%{left:calc(-100% - 80px)}}";
7
7
 
package/dist/blip-ds/bds-datepicker.system.entry.js CHANGED
@@ -1 +1 @@
1
- System.register(["./index-1fe060fa.system.js","./calendar-2e6219c7.system.js","./validations-8d4fb12a.system.js","./position-element-a0f85687.system.js"],(function(e){"use strict";var t,i,a,n,r,o,d,s,c,l,_,p,b,u,x,f;return{setters:[function(e){t=e.r;i=e.e;a=e.h;n=e.f;r=e.g},function(e){o=e.d;d=e.m;s=e.f;c=e.a;l=e.b;_=e.c;p=e.t},function(e){b=e.m;u=e.d},function(e){x=e.p;f=e.g}],execute:function(){var h=':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:#b9cbd3;opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:#b9cbd3;opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::placeholder,:host textarea::placeholder{color:#b9cbd3;opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;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:#ffffff}.input--state-primary{border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.input--state-primary .input__icon{color:#3f7de8;background-color:#e8f2ff}.input--state-primary .input__container__label{color:#8ca0b3}.input--state-primary .input__container__label--pressed{color:#3f7de8}.input--state-primary .input__container__text{caret-color:#3f7de8;color:#202c44}.input--state-danger{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger:hover{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #ffa5a5;box-shadow:0 0 0 2px #ffa5a5}.input--state-danger .input__icon{color:#ff4c4c;background-color:#ffa5a5}.input--state-danger .input__container__label{color:#8ca0b3}.input--state-danger .input__container__label--pressed{color:#ff4c4c}.input--state-danger .input__container__text{caret-color:#ff4c4c;color:#202c44}.input--state-disabled{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.input--state-disabled:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.input--state-disabled .input__icon{color:#b9cbd3;background-color:#f8fbfb}.input--state-disabled .input__container__label{color:#b9cbd3}.input--state-disabled .input__container__label--pressed{color:#b9cbd3}.input--state-disabled .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "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__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:#8ca0b3;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:#ff4c4c}.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__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:"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}.datepicker{position:relative;max-width:608px}.datepicker__inputs{position:relative;width:100%;display:grid}.datepicker__inputs__open{z-index:90000}.datepicker__inputs__single{grid-template-columns:1fr}.datepicker__inputs__period{grid-template-columns:1fr 1fr;gap:16px}.datepicker__inputs bds-input{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.datepicker__inputs bds-input::part(input-container){position:relative}.datepicker__inputs__icon{cursor:pointer;color:#8ca0b3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-right:16px}.datepicker__inputs__icon bds-icon:first-child{margin-right:8px}.datepicker__inputs__icon:hover bds-icon:first-child{color:#3f7de8}.datepicker__menu{position:fixed;pointer-events:none;top:0;left:0;background-color:#ffffff;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);border-radius:8px;padding:16px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s}.datepicker__menu__open{z-index:100000;pointer-events:auto;opacity:1}.datepicker__menu__message{padding:8px 16px;border-radius:8px;background-color:#fff6a8;color:#212a3c;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:24px}.datepicker__menu__message bds-icon{margin-right:8px}.datepicker__menu__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-top:16px;margin-top:16px;border-top:1px solid #d2dfe6}.datepicker__menu__footer bds-button{margin-left:16px}.datepicker__calendar{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.datepicker__calendar__selectDate{width:100%;display:grid;grid-template-columns:28px 1fr 80px 28px;grid-gap:8px;-ms-flex-align:center;align-items:center;margin-bottom:16px;padding:0 8px}.datepicker__calendar__selectDate__select{position:relative;width:100%}.datepicker__calendar__selectDate__select__input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff;border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.datepicker__calendar__selectDate__select__input .input__icon{color:#3f7de8;background-color:#e8f2ff}.datepicker__calendar__selectDate__select__input .input__container__label{color:#8ca0b3}.datepicker__calendar__selectDate__select__input .input__container__label--pressed{color:#3f7de8}.datepicker__calendar__selectDate__select__input .input__container__text{caret-color:#3f7de8;color:#202c44}.datepicker__calendar__selectDate__select__input__disable{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.datepicker__calendar__selectDate__select__input__disable:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input__disable.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.datepicker__calendar__selectDate__select__input__disable .input__icon{color:#b9cbd3;background-color:#f8fbfb}.datepicker__calendar__selectDate__select__input__disable .input__container__label{color:#b9cbd3}.datepicker__calendar__selectDate__select__input__disable .input__container__label--pressed{color:#b9cbd3}.datepicker__calendar__selectDate__select__input__disable .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.datepicker__calendar__selectDate__select__input .icon-arrow{color:#8ca0b3;display:-ms-flexbox;display:flex}.datepicker__calendar__selectDate__select__options{background:#f8fbfb;width:100%;max-height:250px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0 2px 8px rgba(96, 123, 153, 0.4);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}.datepicker__calendar__selectDate__select__options::-webkit-scrollbar{width:16px;background-color:transparent}.datepicker__calendar__selectDate__select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.datepicker__calendar__selectDate__select__options--open{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.datepicker__calendar__selectDate__icon{cursor:pointer;color:#505f79}.datepicker__calendar__selectDate .arrow-left{padding-left:8px}.datepicker__calendar__selectDate .arrow-left__disable{opacity:0;pointer-events:none}.datepicker__calendar__selectDate .arrow-right{padding-right:8px}.datepicker__calendar__selectDate .arrow-right__disable{opacity:0;pointer-events:none}.datepicker__calendar__week{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:repeat(7, 1fr);margin-bottom:8px}.datepicker__calendar__week__day{width:40px;height:40px;text-align:center;color:#8ca0b3;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.datepicker__calendar__car{height:280px;width:280px;overflow:hidden;position:relative}.datepicker__calendar__car__slide{display:-ms-flexbox;display:flex;position:absolute;left:-100%}.datepicker__calendar__car__slide__box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:grid;grid-template-columns:repeat(7, 1fr);gap:8px 0}.datepicker__calendar__car__slide__box__day{width:40px;height:40px;position:relative}.datepicker__calendar__car__slide__box__day__period:before{content:"";position:absolute;inset:4px 0px;background-color:#e8f2ff}.datepicker__calendar__car__slide__box__day__start:before{inset:4px 0;border-top-left-radius:16px;border-bottom-left-radius:16px}.datepicker__calendar__car__slide__box__day__end:before{inset:4px 0;border-top-right-radius:16px;border-bottom-right-radius:16px}.datepicker__calendar__car__slide__box__day__typo{position:relative;width:calc(100% - 2px);height:calc(100% - 2px);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:100%;color:#233049;border:1px solid transparent;cursor:pointer}.datepicker__calendar__car__slide__box__day__typo:hover{background-color:#ffffff;color:#3f7de8;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__current{background-color:#ffffff;color:#3f7de8;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__selected{background-color:#3f7de8;color:#ffffff;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__selected:hover{background-color:#3f7de8;color:#ffffff;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__disable{pointer-events:none;background-color:transparent;color:#8ca0b3}.datepicker__calendar__car .animate__prev{-webkit-animation-name:animationPrev;animation-name:animationPrev;-webkit-animation-duration:0.31s;animation-duration:0.31s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.datepicker__calendar__car .animate__next{-webkit-animation-name:animationNext;animation-name:animationNext;-webkit-animation-duration:0.31s;animation-duration:0.31s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.period .datepicker__calendar__selectDate{grid-template-columns:28px 120px 80px 1fr 28px}.period .datepicker__calendar__selectDate__futureMonth{padding-left:80px;text-align:center;color:#202c44}.period .datepicker__calendar__week{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.period .datepicker__calendar__week__present,.period .datepicker__calendar__week__future{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:repeat(7, 1fr)}.period .datepicker__calendar__car{width:600px}.period .datepicker__calendar__car__slide{left:calc(-50% - 60px)}.period .datepicker__calendar__car__slide__box{margin-left:40px}.period .datepicker__calendar__car .animate__prev{-webkit-animation-name:animationPeriodPrev;animation-name:animationPeriodPrev}.period .datepicker__calendar__car .animate__next{-webkit-animation-name:animationPeriodNext;animation-name:animationPeriodNext}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:80000}@-webkit-keyframes animationPrev{0%{left:-100%}100%{left:0}}@keyframes animationPrev{0%{left:-100%}100%{left:0}}@-webkit-keyframes animationNext{0%{left:-100%}100%{left:-200%}}@keyframes animationNext{0%{left:-100%}100%{left:-200%}}@-webkit-keyframes animationPeriodPrev{0%{left:calc(-50% - 60px)}100%{left:-40px}}@keyframes animationPeriodPrev{0%{left:calc(-50% - 60px)}100%{left:-40px}}@-webkit-keyframes animationPeriodNext{0%{left:calc(-50% - 60px)}100%{left:calc(-100% - 80px)}}@keyframes animationPeriodNext{0%{left:calc(-50% - 60px)}100%{left:calc(-100% - 80px)}}';var m=e("bds_datepicker",function(){function e(e){var a=this;t(this,e);this.bdsStartDate=i(this,"bdsStartDate",7);this.bdsEndDate=i(this,"bdsEndDate",7);this.concludeDatepicker=i(this,"concludeDatepicker",7);this.refActionElement=function(e){a.actionElement=e};this.refMenuElement=function(e){a.menuElement=e};this.refInputSetDate=function(e){a.inputSetDate=e};this.refInputSetEndDate=function(e){a.inputSetEndDate=e};this.refDatepickerPeriod=function(e){a.datepickerPeriod=e};this.refDatepickerSingle=function(e){a.datepickerSingle=e};this.clearDate=function(){a.valueDateSelected=null;a.bdsStartDate.emit({value:null});if(a.typeOfDate=="single"){a.datepickerSingle.clear()}else{a.datepickerPeriod.clear();a.valueEndDateSelected=null;a.bdsEndDate.emit({value:null});setTimeout((function(){var e;(e=a.inputSetDate)===null||e===void 0?void 0:e.setFocus()}),10)}};this.onInputDateSelected=function(e){var t=e.target;a.valueDateSelected=b(t.value);a.validationDateSelected(a.valueDateSelected)};this.validationDateSelected=function(e){var t=e&&o(e);var i=a.startDateLimit&&o(a.startDateLimit);var n=a.endDateLimit&&o(a.endDateLimit);if(!u(e)){a.errorMsgDate="".concat(d(a.language,"dateFormatIsIncorrect"),"!")}else{if(s(t)<s(i)||s(t)>s(n)){a.errorMsgDate="".concat(d(a.language,"betweenPeriodOf")," ").concat(a.startDateLimit," - ").concat(a.endDateLimit)}else{a.errorMsgDate=null;a.dateSelected=new Date(t.year,t.month,t.date)}}};this.onInputEndDateSelected=function(e){var t=e.target;a.valueEndDateSelected=b(t.value);a.validationEndDateSelected(a.valueEndDateSelected)};this.validationEndDateSelected=function(e){var t=e&&o(e);var i=a.valueDateSelected?o(a.valueDateSelected):o(a.startDateLimit);var n=a.endDateLimit&&o(a.endDateLimit);if(!u(e)){a.errorMsgEndDate="".concat(d(a.language,"dateFormatIsIncorrect"),"!")}else{if(s(t)<=s(i)||s(t)>s(n)){a.errorMsgEndDate="".concat(d(a.language,"betweenPeriodOf")," ").concat(a.valueDateSelected," - ").concat(a.endDateLimit)}else{a.errorMsgEndDate=null;a.endDateSelected=new Date(t.year,t.month,t.date)}}};this.openDatepicker=function(){var e=x({actionElement:a.actionElement,changedElement:a.menuElement,intoView:a.intoView});a.menupositionTop=e.top;a.menupositionLeft=e.left;a.open=true};this.clickConcludeDatepicker=function(){a.concludeDatepicker.emit();a.open=false;if(a.typeOfDate=="period"){a.inputSetEndDate.removeFocus()}};this.onClickCloseButtom=function(){a.open=false};this.onFocusDateSelect=function(){a.stateSelect="start"};this.onFocusEndDateSelect=function(){a.stateSelect="end"};this.open=false;this.stateSelect="start";this.dateSelected=null;this.endDateSelected=null;this.errorMsgDate=null;this.errorMsgEndDate=null;this.intoView=null;this.scrollingTop=0;this.menupositionTop=0;this.menupositionLeft=0;this.typeOfDate="single";this.startDateLimit=c;this.endDateLimit=l;this.message=null;this.language="pt_BR";this.disabled=false;this.valueDateSelected=null;this.valueEndDateSelected=null}e.prototype.startDateLimitChanged=function(){if(!u(this.startDateLimit)){this.startDateLimit=c}};e.prototype.endDateLimitChanged=function(){var e=o(this.startDateLimit);var t=o(this.endDateLimit);if(!u(this.endDateLimit)){this.endDateLimit=l}if(s(t)<s(e)){this.endDateLimit="".concat(t.date.toString().padStart(2,"0"),"/").concat((t.month+1).toString().padStart(2,"0"),"/").concat(e.year+1)}};e.prototype.dateSelectedChanged=function(){var e;(e=this.inputSetEndDate)===null||e===void 0?void 0:e.setFocus();this.stateSelect="end"};e.prototype.componentWillLoad=function(){this.endDateLimitChanged();this.startDateLimitChanged();this.intoView=f(this.element);if(this.valueDateSelected)this.validationDateSelected(this.valueDateSelected);if(this.valueEndDateSelected)this.validationEndDateSelected(this.valueEndDateSelected)};e.prototype.selectDate=function(e){var t=e.detail.value;this.dateSelected=t;this.bdsStartDate.emit({value:this.dateSelected});this.valueDateSelected=this.dateSelected&&_(this.dateSelected);this.errorMsgDate=null};e.prototype.selectEndDate=function(e){var t;var i=e.detail.value;this.endDateSelected=i;this.bdsEndDate.emit({value:this.endDateSelected});this.valueEndDateSelected=this.endDateSelected&&_(this.endDateSelected);(t=this.inputSetEndDate)===null||t===void 0?void 0:t.setFocus();this.errorMsgEndDate=null};e.prototype.render=function(){var e,t;var i=this;var r={top:"".concat(this.menupositionTop,"px"),left:"".concat(this.menupositionLeft,"px")};return a(n,null,a("div",{ref:this.refActionElement,class:{datepicker:true},tabindex:"0"},this.typeOfDate=="single"?a("div",{class:(e={datepicker__inputs:true},e["datepicker__inputs__".concat(this.typeOfDate)]=true,e.datepicker__inputs__open=this.open,e)},a("bds-input",{label:p(this.language,"setTheDate"),value:this.valueDateSelected,disabled:this.disabled,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.openDatepicker()},onBdsInput:function(e){return i.onInputDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate})):a("div",{class:(t={datepicker__inputs:true},t["datepicker__inputs__".concat(this.typeOfDate)]=true,t.datepicker__inputs__open=this.open,t)},a("bds-input",{ref:this.refInputSetDate,label:p(this.language,"from"),value:this.valueDateSelected,disabled:this.disabled,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.openDatepicker()},onFocus:function(){return i.onFocusDateSelect()},onBdsInput:function(e){return i.onInputDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate}),a("bds-input",{ref:this.refInputSetEndDate,label:p(this.language,"to"),value:this.valueEndDateSelected,disabled:this.disabled||!this.dateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.openDatepicker()},onFocus:function(){return i.onFocusEndDateSelect()},onBdsInput:function(e){return i.onInputEndDateSelected(e)},danger:this.errorMsgEndDate?true:false,errorMessage:this.errorMsgEndDate})),a("div",{ref:this.refMenuElement,class:{datepicker__menu:true,datepicker__menu__open:this.open},style:r},this.message&&a("div",{class:"datepicker__menu__message"},a("bds-icon",{name:"warning",theme:"outline","aria-label":"Ícone de atenção"}),a("bds-typo",{variant:"fs-16"},this.message)),this.typeOfDate=="single"?a("bds-datepicker-single",{ref:this.refDatepickerSingle,startDate:this.startDateLimit&&o(this.startDateLimit),endDate:this.endDateLimit&&o(this.endDateLimit),dateSelect:this.dateSelected,onBdsDateSelected:function(e){return i.selectDate(e)},language:this.language}):a("bds-datepicker-period",{ref:this.refDatepickerPeriod,startDate:this.startDateLimit&&o(this.startDateLimit),endDate:this.endDateLimit&&o(this.endDateLimit),startDateSelect:this.dateSelected,stateSelect:this.stateSelect,endDateSelect:this.endDateSelected,onBdsStartDate:function(e){return i.selectDate(e)},onBdsEndDate:function(e){return i.selectEndDate(e)},language:this.language}),a("div",{class:{datepicker__menu__footer:true}},a("bds-button",{variant:"secondary",onClick:function(){return i.clearDate()}},p(this.language,"reset")),a("bds-button",{onClick:this.clickConcludeDatepicker},p(this.language,"conclude"))))),this.open&&a("div",{class:{outzone:true},onClick:function(){return i.onClickCloseButtom()}}))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{startDateLimit:["startDateLimitChanged"],endDateLimit:["endDateLimitChanged"],dateSelected:["dateSelectedChanged"]}},enumerable:false,configurable:true});return e}());m.style=h}}}));
1
+ System.register(["./index-1fe060fa.system.js","./calendar-2e6219c7.system.js","./validations-8d4fb12a.system.js","./position-element-d0261f87.system.js"],(function(e){"use strict";var t,i,a,n,r,o,d,s,c,l,_,p,b,u,x,f;return{setters:[function(e){t=e.r;i=e.e;a=e.h;n=e.f;r=e.g},function(e){o=e.d;d=e.m;s=e.f;c=e.a;l=e.b;_=e.c;p=e.t},function(e){b=e.m;u=e.d},function(e){x=e.p;f=e.g}],execute:function(){var h=':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:#b9cbd3;opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:#b9cbd3;opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::placeholder,:host textarea::placeholder{color:#b9cbd3;opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;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:#ffffff}.input--state-primary{border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.input--state-primary .input__icon{color:#3f7de8;background-color:#e8f2ff}.input--state-primary .input__container__label{color:#8ca0b3}.input--state-primary .input__container__label--pressed{color:#3f7de8}.input--state-primary .input__container__text{caret-color:#3f7de8;color:#202c44}.input--state-danger{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger:hover{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #ffa5a5;box-shadow:0 0 0 2px #ffa5a5}.input--state-danger .input__icon{color:#ff4c4c;background-color:#ffa5a5}.input--state-danger .input__container__label{color:#8ca0b3}.input--state-danger .input__container__label--pressed{color:#ff4c4c}.input--state-danger .input__container__text{caret-color:#ff4c4c;color:#202c44}.input--state-disabled{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.input--state-disabled:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.input--state-disabled .input__icon{color:#b9cbd3;background-color:#f8fbfb}.input--state-disabled .input__container__label{color:#b9cbd3}.input--state-disabled .input__container__label--pressed{color:#b9cbd3}.input--state-disabled .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "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__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:#8ca0b3;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:#ff4c4c}.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__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:"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}.datepicker{position:relative;max-width:608px}.datepicker__inputs{position:relative;width:100%;display:grid}.datepicker__inputs__open{z-index:90000}.datepicker__inputs__single{grid-template-columns:1fr}.datepicker__inputs__period{grid-template-columns:1fr 1fr;gap:16px}.datepicker__inputs bds-input{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.datepicker__inputs bds-input::part(input-container){position:relative}.datepicker__inputs__icon{cursor:pointer;color:#8ca0b3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-right:16px}.datepicker__inputs__icon bds-icon:first-child{margin-right:8px}.datepicker__inputs__icon:hover bds-icon:first-child{color:#3f7de8}.datepicker__menu{position:fixed;pointer-events:none;top:0;left:0;background-color:#ffffff;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);border-radius:8px;padding:16px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s}.datepicker__menu__open{z-index:100000;pointer-events:auto;opacity:1}.datepicker__menu__message{padding:8px 16px;border-radius:8px;background-color:#fff6a8;color:#212a3c;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:24px}.datepicker__menu__message bds-icon{margin-right:8px}.datepicker__menu__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-top:16px;margin-top:16px;border-top:1px solid #d2dfe6}.datepicker__menu__footer bds-button{margin-left:16px}.datepicker__calendar{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.datepicker__calendar__selectDate{width:100%;display:grid;grid-template-columns:28px 1fr 80px 28px;grid-gap:8px;-ms-flex-align:center;align-items:center;margin-bottom:16px;padding:0 8px}.datepicker__calendar__selectDate__select{position:relative;width:100%}.datepicker__calendar__selectDate__select__input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff;border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.datepicker__calendar__selectDate__select__input .input__icon{color:#3f7de8;background-color:#e8f2ff}.datepicker__calendar__selectDate__select__input .input__container__label{color:#8ca0b3}.datepicker__calendar__selectDate__select__input .input__container__label--pressed{color:#3f7de8}.datepicker__calendar__selectDate__select__input .input__container__text{caret-color:#3f7de8;color:#202c44}.datepicker__calendar__selectDate__select__input__disable{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.datepicker__calendar__selectDate__select__input__disable:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input__disable.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.datepicker__calendar__selectDate__select__input__disable .input__icon{color:#b9cbd3;background-color:#f8fbfb}.datepicker__calendar__selectDate__select__input__disable .input__container__label{color:#b9cbd3}.datepicker__calendar__selectDate__select__input__disable .input__container__label--pressed{color:#b9cbd3}.datepicker__calendar__selectDate__select__input__disable .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.datepicker__calendar__selectDate__select__input .icon-arrow{color:#8ca0b3;display:-ms-flexbox;display:flex}.datepicker__calendar__selectDate__select__options{background:#f8fbfb;width:100%;max-height:250px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0 2px 8px rgba(96, 123, 153, 0.4);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}.datepicker__calendar__selectDate__select__options::-webkit-scrollbar{width:16px;background-color:transparent}.datepicker__calendar__selectDate__select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.datepicker__calendar__selectDate__select__options--open{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.datepicker__calendar__selectDate__icon{cursor:pointer;color:#505f79}.datepicker__calendar__selectDate .arrow-left{padding-left:8px}.datepicker__calendar__selectDate .arrow-left__disable{opacity:0;pointer-events:none}.datepicker__calendar__selectDate .arrow-right{padding-right:8px}.datepicker__calendar__selectDate .arrow-right__disable{opacity:0;pointer-events:none}.datepicker__calendar__week{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:repeat(7, 1fr);margin-bottom:8px}.datepicker__calendar__week__day{width:40px;height:40px;text-align:center;color:#8ca0b3;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.datepicker__calendar__car{height:280px;width:280px;overflow:hidden;position:relative}.datepicker__calendar__car__slide{display:-ms-flexbox;display:flex;position:absolute;left:-100%}.datepicker__calendar__car__slide__box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:grid;grid-template-columns:repeat(7, 1fr);gap:8px 0}.datepicker__calendar__car__slide__box__day{width:40px;height:40px;position:relative}.datepicker__calendar__car__slide__box__day__period:before{content:"";position:absolute;inset:4px 0px;background-color:#e8f2ff}.datepicker__calendar__car__slide__box__day__start:before{inset:4px 0;border-top-left-radius:16px;border-bottom-left-radius:16px}.datepicker__calendar__car__slide__box__day__end:before{inset:4px 0;border-top-right-radius:16px;border-bottom-right-radius:16px}.datepicker__calendar__car__slide__box__day__typo{position:relative;width:calc(100% - 2px);height:calc(100% - 2px);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:100%;color:#233049;border:1px solid transparent;cursor:pointer}.datepicker__calendar__car__slide__box__day__typo:hover{background-color:#ffffff;color:#3f7de8;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__current{background-color:#ffffff;color:#3f7de8;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__selected{background-color:#3f7de8;color:#ffffff;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__selected:hover{background-color:#3f7de8;color:#ffffff;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__disable{pointer-events:none;background-color:transparent;color:#8ca0b3}.datepicker__calendar__car .animate__prev{-webkit-animation-name:animationPrev;animation-name:animationPrev;-webkit-animation-duration:0.31s;animation-duration:0.31s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.datepicker__calendar__car .animate__next{-webkit-animation-name:animationNext;animation-name:animationNext;-webkit-animation-duration:0.31s;animation-duration:0.31s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.period .datepicker__calendar__selectDate{grid-template-columns:28px 120px 80px 1fr 28px}.period .datepicker__calendar__selectDate__futureMonth{padding-left:80px;text-align:center;color:#202c44}.period .datepicker__calendar__week{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.period .datepicker__calendar__week__present,.period .datepicker__calendar__week__future{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:repeat(7, 1fr)}.period .datepicker__calendar__car{width:600px}.period .datepicker__calendar__car__slide{left:calc(-50% - 60px)}.period .datepicker__calendar__car__slide__box{margin-left:40px}.period .datepicker__calendar__car .animate__prev{-webkit-animation-name:animationPeriodPrev;animation-name:animationPeriodPrev}.period .datepicker__calendar__car .animate__next{-webkit-animation-name:animationPeriodNext;animation-name:animationPeriodNext}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:80000}@-webkit-keyframes animationPrev{0%{left:-100%}100%{left:0}}@keyframes animationPrev{0%{left:-100%}100%{left:0}}@-webkit-keyframes animationNext{0%{left:-100%}100%{left:-200%}}@keyframes animationNext{0%{left:-100%}100%{left:-200%}}@-webkit-keyframes animationPeriodPrev{0%{left:calc(-50% - 60px)}100%{left:-40px}}@keyframes animationPeriodPrev{0%{left:calc(-50% - 60px)}100%{left:-40px}}@-webkit-keyframes animationPeriodNext{0%{left:calc(-50% - 60px)}100%{left:calc(-100% - 80px)}}@keyframes animationPeriodNext{0%{left:calc(-50% - 60px)}100%{left:calc(-100% - 80px)}}';var m=e("bds_datepicker",function(){function e(e){var a=this;t(this,e);this.bdsStartDate=i(this,"bdsStartDate",7);this.bdsEndDate=i(this,"bdsEndDate",7);this.concludeDatepicker=i(this,"concludeDatepicker",7);this.refActionElement=function(e){a.actionElement=e};this.refMenuElement=function(e){a.menuElement=e};this.refInputSetDate=function(e){a.inputSetDate=e};this.refInputSetEndDate=function(e){a.inputSetEndDate=e};this.refDatepickerPeriod=function(e){a.datepickerPeriod=e};this.refDatepickerSingle=function(e){a.datepickerSingle=e};this.clearDate=function(){a.valueDateSelected=null;a.bdsStartDate.emit({value:null});if(a.typeOfDate=="single"){a.datepickerSingle.clear()}else{a.datepickerPeriod.clear();a.valueEndDateSelected=null;a.bdsEndDate.emit({value:null});setTimeout((function(){var e;(e=a.inputSetDate)===null||e===void 0?void 0:e.setFocus()}),10)}};this.onInputDateSelected=function(e){var t=e.target;a.valueDateSelected=b(t.value);a.validationDateSelected(a.valueDateSelected)};this.validationDateSelected=function(e){var t=e&&o(e);var i=a.startDateLimit&&o(a.startDateLimit);var n=a.endDateLimit&&o(a.endDateLimit);if(!u(e)){a.errorMsgDate="".concat(d(a.language,"dateFormatIsIncorrect"),"!")}else{if(s(t)<s(i)||s(t)>s(n)){a.errorMsgDate="".concat(d(a.language,"betweenPeriodOf")," ").concat(a.startDateLimit," - ").concat(a.endDateLimit)}else{a.errorMsgDate=null;a.dateSelected=new Date(t.year,t.month,t.date)}}};this.onInputEndDateSelected=function(e){var t=e.target;a.valueEndDateSelected=b(t.value);a.validationEndDateSelected(a.valueEndDateSelected)};this.validationEndDateSelected=function(e){var t=e&&o(e);var i=a.valueDateSelected?o(a.valueDateSelected):o(a.startDateLimit);var n=a.endDateLimit&&o(a.endDateLimit);if(!u(e)){a.errorMsgEndDate="".concat(d(a.language,"dateFormatIsIncorrect"),"!")}else{if(s(t)<=s(i)||s(t)>s(n)){a.errorMsgEndDate="".concat(d(a.language,"betweenPeriodOf")," ").concat(a.valueDateSelected," - ").concat(a.endDateLimit)}else{a.errorMsgEndDate=null;a.endDateSelected=new Date(t.year,t.month,t.date)}}};this.openDatepicker=function(){var e=x({actionElement:a.actionElement,changedElement:a.menuElement,intoView:a.intoView});a.menupositionTop=e.top;a.menupositionLeft=e.left;a.open=true};this.clickConcludeDatepicker=function(){a.concludeDatepicker.emit();a.open=false;if(a.typeOfDate=="period"){a.inputSetEndDate.removeFocus()}};this.onClickCloseButtom=function(){a.open=false};this.onFocusDateSelect=function(){a.stateSelect="start"};this.onFocusEndDateSelect=function(){a.stateSelect="end"};this.open=false;this.stateSelect="start";this.dateSelected=null;this.endDateSelected=null;this.errorMsgDate=null;this.errorMsgEndDate=null;this.intoView=null;this.scrollingTop=0;this.menupositionTop=0;this.menupositionLeft=0;this.typeOfDate="single";this.startDateLimit=c;this.endDateLimit=l;this.message=null;this.language="pt_BR";this.disabled=false;this.valueDateSelected=null;this.valueEndDateSelected=null}e.prototype.startDateLimitChanged=function(){if(!u(this.startDateLimit)){this.startDateLimit=c}};e.prototype.endDateLimitChanged=function(){var e=o(this.startDateLimit);var t=o(this.endDateLimit);if(!u(this.endDateLimit)){this.endDateLimit=l}if(s(t)<s(e)){this.endDateLimit="".concat(t.date.toString().padStart(2,"0"),"/").concat((t.month+1).toString().padStart(2,"0"),"/").concat(e.year+1)}};e.prototype.dateSelectedChanged=function(){var e;(e=this.inputSetEndDate)===null||e===void 0?void 0:e.setFocus();this.stateSelect="end"};e.prototype.componentWillLoad=function(){this.endDateLimitChanged();this.startDateLimitChanged();this.intoView=f(this.element);if(this.valueDateSelected)this.validationDateSelected(this.valueDateSelected);if(this.valueEndDateSelected)this.validationEndDateSelected(this.valueEndDateSelected)};e.prototype.selectDate=function(e){var t=e.detail.value;this.dateSelected=t;this.bdsStartDate.emit({value:this.dateSelected});this.valueDateSelected=this.dateSelected&&_(this.dateSelected);this.errorMsgDate=null};e.prototype.selectEndDate=function(e){var t;var i=e.detail.value;this.endDateSelected=i;this.bdsEndDate.emit({value:this.endDateSelected});this.valueEndDateSelected=this.endDateSelected&&_(this.endDateSelected);(t=this.inputSetEndDate)===null||t===void 0?void 0:t.setFocus();this.errorMsgEndDate=null};e.prototype.render=function(){var e,t;var i=this;var r={top:"".concat(this.menupositionTop,"px"),left:"".concat(this.menupositionLeft,"px")};return a(n,null,a("div",{ref:this.refActionElement,class:{datepicker:true},tabindex:"0"},this.typeOfDate=="single"?a("div",{class:(e={datepicker__inputs:true},e["datepicker__inputs__".concat(this.typeOfDate)]=true,e.datepicker__inputs__open=this.open,e)},a("bds-input",{label:p(this.language,"setTheDate"),value:this.valueDateSelected,disabled:this.disabled,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.openDatepicker()},onBdsInput:function(e){return i.onInputDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate})):a("div",{class:(t={datepicker__inputs:true},t["datepicker__inputs__".concat(this.typeOfDate)]=true,t.datepicker__inputs__open=this.open,t)},a("bds-input",{ref:this.refInputSetDate,label:p(this.language,"from"),value:this.valueDateSelected,disabled:this.disabled,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.openDatepicker()},onFocus:function(){return i.onFocusDateSelect()},onBdsInput:function(e){return i.onInputDateSelected(e)},danger:this.errorMsgDate?true:false,errorMessage:this.errorMsgDate}),a("bds-input",{ref:this.refInputSetEndDate,label:p(this.language,"to"),value:this.valueEndDateSelected,disabled:this.disabled||!this.dateSelected,placeholder:"__/__/____",maxlength:10,icon:"calendar",onClick:function(){return i.openDatepicker()},onFocus:function(){return i.onFocusEndDateSelect()},onBdsInput:function(e){return i.onInputEndDateSelected(e)},danger:this.errorMsgEndDate?true:false,errorMessage:this.errorMsgEndDate})),a("div",{ref:this.refMenuElement,class:{datepicker__menu:true,datepicker__menu__open:this.open},style:r},this.message&&a("div",{class:"datepicker__menu__message"},a("bds-icon",{name:"warning",theme:"outline","aria-label":"Ícone de atenção"}),a("bds-typo",{variant:"fs-16"},this.message)),this.typeOfDate=="single"?a("bds-datepicker-single",{ref:this.refDatepickerSingle,startDate:this.startDateLimit&&o(this.startDateLimit),endDate:this.endDateLimit&&o(this.endDateLimit),dateSelect:this.dateSelected,onBdsDateSelected:function(e){return i.selectDate(e)},language:this.language}):a("bds-datepicker-period",{ref:this.refDatepickerPeriod,startDate:this.startDateLimit&&o(this.startDateLimit),endDate:this.endDateLimit&&o(this.endDateLimit),startDateSelect:this.dateSelected,stateSelect:this.stateSelect,endDateSelect:this.endDateSelected,onBdsStartDate:function(e){return i.selectDate(e)},onBdsEndDate:function(e){return i.selectEndDate(e)},language:this.language}),a("div",{class:{datepicker__menu__footer:true}},a("bds-button",{variant:"secondary",onClick:function(){return i.clearDate()}},p(this.language,"reset")),a("bds-button",{onClick:this.clickConcludeDatepicker},p(this.language,"conclude"))))),this.open&&a("div",{class:{outzone:true},onClick:function(){return i.onClickCloseButtom()}}))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{startDateLimit:["startDateLimitChanged"],endDateLimit:["endDateLimitChanged"],dateSelected:["dateSelectedChanged"]}},enumerable:false,configurable:true});return e}());m.style=h}}}));
package/dist/blip-ds/bds-menu-action.entry.js CHANGED
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, h } from './index-15d64944.js';
1
+ import { r as registerInstance, h, g as getElement } from './index-15d64944.js';
2
2
 
3
- const menuActionCss = ".menuaction{position:relative}.menuaction__button{display:grid;grid-template-columns:1fr;gap:12px;-ms-flex-align:center;align-items:center;background-color:#ffffff;border:0;border-radius:8px;padding:12px 18px;width:100%;text-align:left;cursor:pointer}.menuaction__button__activeicleft{grid-template-columns:auto 1fr}.menuaction__button__activeicright{grid-template-columns:1fr auto}.menuaction__button__activeicleftright{grid-template-columns:auto 1fr auto}.menuaction__button .icon-item{justify-self:start;color:#505f79}.menuaction__button .typo-item{justify-self:start;width:100%;color:#0a0f1a}.menuaction__button .arrow-right{justify-self:end;color:#0a0f1a}.menuaction__button__lipstick .icon-item{color:#a01c2c}.menuaction__button__lipstick .typo-item{color:#a01c2c}.menuaction__button__lipstick .arrow-right{color:#a01c2c}.menuaction__button:hover{background-color:#f3f6fa}.menuaction__submenu{position:absolute;top:-16px;left:100%;pointer-events:none;display:block;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 4px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 4px 16px rgba(7, 71, 166, 0.12);min-width:128px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s}.menuaction__submenu__open{pointer-events:auto;opacity:1}";
3
+ const menuActionCss = ".menuaction{position:relative}.menuaction__button{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:12px;-ms-flex-align:center;align-items:center;background-color:#ffffff;border:0;border-radius:8px;padding:12px 18px;width:100%;text-align:left;cursor:pointer}.menuaction__button__activeicleft{grid-template-columns:auto 1fr}.menuaction__button__activeicright{grid-template-columns:1fr auto}.menuaction__button__activeicleftright{grid-template-columns:auto 1fr auto}.menuaction__button .icon-item{color:#505f79}.menuaction__button .content-item{width:100%;color:#0a0f1a;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.menuaction__button .arrow{color:#0a0f1a}.menuaction__button__lipstick .icon-item{color:#a01c2c}.menuaction__button__lipstick .content-item{color:#a01c2c}.menuaction__button__lipstick .arrow{color:#a01c2c}.menuaction__button:hover{background-color:#f3f6fa}.menuaction__submenu{position:absolute;pointer-events:none;display:block;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 4px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 4px 16px rgba(7, 71, 166, 0.12);min-width:196px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s}.menuaction__submenu__open{pointer-events:auto;opacity:1}.menuaction.position-right .menuaction__button .icon-item{-ms-flex-order:0;order:0}.menuaction.position-right .menuaction__button .content-item{-ms-flex-order:1;order:1}.menuaction.position-right .menuaction__button .arrow{-ms-flex-order:2;order:2}.menuaction.position-right .menuaction__submenu{top:-16px;left:100%}.menuaction.position-left .menuaction__button .icon-item{-ms-flex-order:1;order:1}.menuaction.position-left .menuaction__button .content-item{-ms-flex-order:2;order:2}.menuaction.position-left .menuaction__button .arrow{-ms-flex-order:0;order:0}.menuaction.position-left .menuaction__submenu{top:-16px;right:100%}";
4
4
 
5
5
  const BdsMenuAction = class {
6
6
  constructor(hostRef) {
@@ -8,7 +8,12 @@ const BdsMenuAction = class {
8
8
  this.onCloseSubMenu = () => {
9
9
  this.stateSubMenu = 'close';
10
10
  };
11
+ this.onChangeOpenParent = (event) => {
12
+ this.openParentMenu = event.detail.value;
13
+ };
14
+ this.openParentMenu = false;
11
15
  this.openSubMenu = false;
16
+ this.positionSubMenu = 'right';
12
17
  this.stateSubMenu = 'close';
13
18
  this.delaySubMenu = false;
14
19
  this.zIndex = 0;
@@ -16,8 +21,23 @@ const BdsMenuAction = class {
16
21
  this.buttonText = '';
17
22
  this.subMenu = false;
18
23
  this.iconLeft = null;
24
+ this.subtitle = null;
19
25
  this.lipstick = false;
20
26
  }
27
+ componentWillLoad() {
28
+ if (this.subMenu) {
29
+ this.menuElement = this.element.parentElement;
30
+ this.menuElement.addEventListener('bdsOpenMenu', (event) => {
31
+ this.onChangeOpenParent(event);
32
+ });
33
+ }
34
+ }
35
+ openParentMenuChanged(active) {
36
+ if (active) {
37
+ const divMenu = this.menuElement.shadowRoot.querySelectorAll('div')[0];
38
+ this.positionSubMenu = divMenu.offsetLeft + divMenu.offsetWidth + 196 >= window.innerWidth ? 'left' : 'right';
39
+ }
40
+ }
21
41
  openSubMenuChanged(active) {
22
42
  if (active == false) {
23
43
  this.stateSubMenu = 'pending';
@@ -63,18 +83,21 @@ const BdsMenuAction = class {
63
83
  };
64
84
  return (h("div", { class: {
65
85
  menuaction: true,
86
+ [`position-${this.positionSubMenu}`]: true,
66
87
  }, onMouseOver: openSubmenu, onMouseOut: closeSubmenu }, h("button", { class: {
67
88
  menuaction__button: true,
68
89
  [`menuaction__button__activeicleft`]: actLeft,
69
90
  [`menuaction__button__activeicright`]: actRight,
70
91
  [`menuaction__button__activeicleftright`]: actLeftright,
71
92
  [`menuaction__button__lipstick`]: this.lipstick,
72
- } }, this.iconLeft && h("bds-icon", { class: "icon-item", name: this.iconLeft, theme: "outline", size: "small" }), h("bds-typo", { class: "typo-item", variant: "fs-16", tag: "span" }, this.buttonText), this.subMenu && h("bds-icon", { class: "arrow-right", name: "arrow-right", theme: "outline", size: "small" })), this.subMenu && (h("div", { class: {
93
+ } }, this.iconLeft && h("bds-icon", { class: "icon-item", name: this.iconLeft, theme: "outline", size: "small" }), h("div", { class: "content-item" }, this.buttonText && (h("bds-typo", { class: "title-item", variant: "fs-16", tag: "span" }, this.buttonText)), this.subtitle && (h("bds-typo", { class: "subtitle-item", variant: "fs-10", tag: "span" }, this.subtitle))), this.subMenu && (h("bds-icon", { class: { arrow: true }, name: `arrow-${this.positionSubMenu}`, theme: "outline", size: "small" }))), this.subMenu && (h("div", { class: {
73
94
  menuaction__submenu: true,
74
95
  menuaction__submenu__open: this.delaySubMenu,
75
96
  }, style: zIndexSubmenu }, h("slot", null)))));
76
97
  }
98
+ get element() { return getElement(this); }
77
99
  static get watchers() { return {
100
+ "openParentMenu": ["openParentMenuChanged"],
78
101
  "openSubMenu": ["openSubMenuChanged"],
79
102
  "stateSubMenu": ["stateSubMenuChanged"]
80
103
  }; }
package/dist/blip-ds/bds-menu-action.system.entry.js CHANGED
@@ -1 +1 @@
1
- System.register(["./index-1fe060fa.system.js"],(function(t){"use strict";var e,n;return{setters:[function(t){e=t.r;n=t.h}],execute:function(){var i=".menuaction{position:relative}.menuaction__button{display:grid;grid-template-columns:1fr;gap:12px;-ms-flex-align:center;align-items:center;background-color:#ffffff;border:0;border-radius:8px;padding:12px 18px;width:100%;text-align:left;cursor:pointer}.menuaction__button__activeicleft{grid-template-columns:auto 1fr}.menuaction__button__activeicright{grid-template-columns:1fr auto}.menuaction__button__activeicleftright{grid-template-columns:auto 1fr auto}.menuaction__button .icon-item{justify-self:start;color:#505f79}.menuaction__button .typo-item{justify-self:start;width:100%;color:#0a0f1a}.menuaction__button .arrow-right{justify-self:end;color:#0a0f1a}.menuaction__button__lipstick .icon-item{color:#a01c2c}.menuaction__button__lipstick .typo-item{color:#a01c2c}.menuaction__button__lipstick .arrow-right{color:#a01c2c}.menuaction__button:hover{background-color:#f3f6fa}.menuaction__submenu{position:absolute;top:-16px;left:100%;pointer-events:none;display:block;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 4px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 4px 16px rgba(7, 71, 166, 0.12);min-width:128px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s}.menuaction__submenu__open{pointer-events:auto;opacity:1}";var o=t("bds_menu_action",function(){function t(t){var n=this;e(this,t);this.onCloseSubMenu=function(){n.stateSubMenu="close"};this.openSubMenu=false;this.stateSubMenu="close";this.delaySubMenu=false;this.zIndex=0;this.delay=null;this.buttonText="";this.subMenu=false;this.iconLeft=null;this.lipstick=false}t.prototype.openSubMenuChanged=function(t){if(t==false){this.stateSubMenu="pending";this.delay=setTimeout(this.onCloseSubMenu,1e3)}if(t==true){clearTimeout(this.delay);this.delay=null;this.stateSubMenu="open"}};t.prototype.stateSubMenuChanged=function(t){switch(t){case"open":this.delaySubMenu=true;break;case"pending":this.delaySubMenu=true;break;case"close":this.delaySubMenu=false;break}};t.prototype.render=function(){var t;var e=this;var i=this.iconLeft&&!this.subMenu;var o=this.subMenu&&!this.iconLeft;var u=this.iconLeft&&this.subMenu;var s=function(){if(e.subMenu==true){e.zIndex=1;e.openSubMenu=true}};var a=function(){if(e.subMenu==true){e.zIndex=0;e.openSubMenu=false}};var c={zIndex:"".concat(this.zIndex)};return n("div",{class:{menuaction:true},onMouseOver:s,onMouseOut:a},n("button",{class:(t={menuaction__button:true},t["menuaction__button__activeicleft"]=i,t["menuaction__button__activeicright"]=o,t["menuaction__button__activeicleftright"]=u,t["menuaction__button__lipstick"]=this.lipstick,t)},this.iconLeft&&n("bds-icon",{class:"icon-item",name:this.iconLeft,theme:"outline",size:"small"}),n("bds-typo",{class:"typo-item",variant:"fs-16",tag:"span"},this.buttonText),this.subMenu&&n("bds-icon",{class:"arrow-right",name:"arrow-right",theme:"outline",size:"small"})),this.subMenu&&n("div",{class:{menuaction__submenu:true,menuaction__submenu__open:this.delaySubMenu},style:c},n("slot",null)))};Object.defineProperty(t,"watchers",{get:function(){return{openSubMenu:["openSubMenuChanged"],stateSubMenu:["stateSubMenuChanged"]}},enumerable:false,configurable:true});return t}());o.style=i}}}));
1
+ System.register(["./index-1fe060fa.system.js"],(function(t){"use strict";var e,n,i;return{setters:[function(t){e=t.r;n=t.h;i=t.g}],execute:function(){var o=".menuaction{position:relative}.menuaction__button{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:12px;-ms-flex-align:center;align-items:center;background-color:#ffffff;border:0;border-radius:8px;padding:12px 18px;width:100%;text-align:left;cursor:pointer}.menuaction__button__activeicleft{grid-template-columns:auto 1fr}.menuaction__button__activeicright{grid-template-columns:1fr auto}.menuaction__button__activeicleftright{grid-template-columns:auto 1fr auto}.menuaction__button .icon-item{color:#505f79}.menuaction__button .content-item{width:100%;color:#0a0f1a;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.menuaction__button .arrow{color:#0a0f1a}.menuaction__button__lipstick .icon-item{color:#a01c2c}.menuaction__button__lipstick .content-item{color:#a01c2c}.menuaction__button__lipstick .arrow{color:#a01c2c}.menuaction__button:hover{background-color:#f3f6fa}.menuaction__submenu{position:absolute;pointer-events:none;display:block;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 4px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 4px 16px rgba(7, 71, 166, 0.12);min-width:196px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s}.menuaction__submenu__open{pointer-events:auto;opacity:1}.menuaction.position-right .menuaction__button .icon-item{-ms-flex-order:0;order:0}.menuaction.position-right .menuaction__button .content-item{-ms-flex-order:1;order:1}.menuaction.position-right .menuaction__button .arrow{-ms-flex-order:2;order:2}.menuaction.position-right .menuaction__submenu{top:-16px;left:100%}.menuaction.position-left .menuaction__button .icon-item{-ms-flex-order:1;order:1}.menuaction.position-left .menuaction__button .content-item{-ms-flex-order:2;order:2}.menuaction.position-left .menuaction__button .arrow{-ms-flex-order:0;order:0}.menuaction.position-left .menuaction__submenu{top:-16px;right:100%}";var u=t("bds_menu_action",function(){function t(t){var n=this;e(this,t);this.onCloseSubMenu=function(){n.stateSubMenu="close"};this.onChangeOpenParent=function(t){n.openParentMenu=t.detail.value};this.openParentMenu=false;this.openSubMenu=false;this.positionSubMenu="right";this.stateSubMenu="close";this.delaySubMenu=false;this.zIndex=0;this.delay=null;this.buttonText="";this.subMenu=false;this.iconLeft=null;this.subtitle=null;this.lipstick=false}t.prototype.componentWillLoad=function(){var t=this;if(this.subMenu){this.menuElement=this.element.parentElement;this.menuElement.addEventListener("bdsOpenMenu",(function(e){t.onChangeOpenParent(e)}))}};t.prototype.openParentMenuChanged=function(t){if(t){var e=this.menuElement.shadowRoot.querySelectorAll("div")[0];this.positionSubMenu=e.offsetLeft+e.offsetWidth+196>=window.innerWidth?"left":"right"}};t.prototype.openSubMenuChanged=function(t){if(t==false){this.stateSubMenu="pending";this.delay=setTimeout(this.onCloseSubMenu,1e3)}if(t==true){clearTimeout(this.delay);this.delay=null;this.stateSubMenu="open"}};t.prototype.stateSubMenuChanged=function(t){switch(t){case"open":this.delaySubMenu=true;break;case"pending":this.delaySubMenu=true;break;case"close":this.delaySubMenu=false;break}};t.prototype.render=function(){var t,e;var i=this;var o=this.iconLeft&&!this.subMenu;var u=this.subMenu&&!this.iconLeft;var s=this.iconLeft&&this.subMenu;var a=function(){if(i.subMenu==true){i.zIndex=1;i.openSubMenu=true}};var r=function(){if(i.subMenu==true){i.zIndex=0;i.openSubMenu=false}};var c={zIndex:"".concat(this.zIndex)};return n("div",{class:(t={menuaction:true},t["position-".concat(this.positionSubMenu)]=true,t),onMouseOver:a,onMouseOut:r},n("button",{class:(e={menuaction__button:true},e["menuaction__button__activeicleft"]=o,e["menuaction__button__activeicright"]=u,e["menuaction__button__activeicleftright"]=s,e["menuaction__button__lipstick"]=this.lipstick,e)},this.iconLeft&&n("bds-icon",{class:"icon-item",name:this.iconLeft,theme:"outline",size:"small"}),n("div",{class:"content-item"},this.buttonText&&n("bds-typo",{class:"title-item",variant:"fs-16",tag:"span"},this.buttonText),this.subtitle&&n("bds-typo",{class:"subtitle-item",variant:"fs-10",tag:"span"},this.subtitle)),this.subMenu&&n("bds-icon",{class:{arrow:true},name:"arrow-".concat(this.positionSubMenu),theme:"outline",size:"small"})),this.subMenu&&n("div",{class:{menuaction__submenu:true,menuaction__submenu__open:this.delaySubMenu},style:c},n("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{openParentMenu:["openParentMenuChanged"],openSubMenu:["openSubMenuChanged"],stateSubMenu:["stateSubMenuChanged"]}},enumerable:false,configurable:true});return t}());u.style=o}}}));
package/dist/blip-ds/bds-menu.entry.js CHANGED
@@ -1,11 +1,15 @@
1
- import { r as registerInstance, h, f as Host } from './index-15d64944.js';
2
- import { g as getScrollParent, p as positionElement } from './position-element-917c0fb2.js';
1
+ import { r as registerInstance, e as createEvent, h, f as Host } from './index-15d64944.js';
2
+ import { g as getScrollParent, p as positionElement } from './position-element-f38f0347.js';
3
3
 
4
- const menuCss = ".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);max-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh}";
4
+ const menuCss = ".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);min-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh}";
5
5
 
6
6
  const BdsMenu = class {
7
7
  constructor(hostRef) {
8
8
  registerInstance(this, hostRef);
9
+ this.bdsOpenMenu = createEvent(this, "bdsOpenMenu", 7);
10
+ this.refMenuElement = (el) => {
11
+ this.menuElement = el;
12
+ };
9
13
  this.onClickCloseButtom = () => {
10
14
  this.open = false;
11
15
  };
@@ -21,10 +25,7 @@ const BdsMenu = class {
21
25
  this.refElement = document.getElementById(this.menu);
22
26
  this.intoView = getScrollParent(this.refElement);
23
27
  }
24
- async toggle() {
25
- this.open = !this.open;
26
- }
27
- openMenu() {
28
+ componentDidLoad() {
28
29
  const positionValue = positionElement({
29
30
  actionElement: this.refElement,
30
31
  changedElement: this.menuElement,
@@ -33,12 +34,18 @@ const BdsMenu = class {
33
34
  this.menupositionTop = positionValue.top;
34
35
  this.menupositionLeft = positionValue.left;
35
36
  }
37
+ async toggle() {
38
+ this.open = !this.open;
39
+ }
40
+ openMenu() {
41
+ this.bdsOpenMenu.emit({ value: this.open });
42
+ }
36
43
  render() {
37
44
  const menuPosition = {
38
45
  top: `${this.menupositionTop}px`,
39
46
  left: `${this.menupositionLeft}px`,
40
47
  };
41
- return (h(Host, null, this.open && h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }), h("div", { ref: (el) => (this.menuElement = el), class: {
48
+ return (h(Host, null, this.open && h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }), h("div", { ref: this.refMenuElement, class: {
42
49
  menu: true,
43
50
  [`menu__${this.position}`]: true,
44
51
  [`menu__open`]: this.open,
package/dist/blip-ds/bds-menu.system.entry.js CHANGED
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function u(t){try{a(o.next(t))}catch(e){r(e)}}function s(t){try{a(o["throw"](t))}catch(e){r(e)}}function a(t){t.done?n(t.value):i(t.value).then(u,s)}a((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,u;return u={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function s(t){return function(e){return a([t,e])}}function a(u){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(r=u[0]&2?i["return"]:u[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,u[1])).done)return r;if(i=0,r)u=[u[0]&2,r.value];switch(u[0]){case 0:case 1:r=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;i=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!r||u[1]>r[0]&&u[1]<r[3])){n.label=u[1];break}if(u[0]===6&&n.label<r[1]){n.label=r[1];r=u;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(u);break}if(r[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(s){u=[6,s];i=0}finally{o=r=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};System.register(["./index-1fe060fa.system.js","./position-element-a0f85687.system.js"],(function(t){"use strict";var e,n,o,i,r;return{setters:[function(t){e=t.r;n=t.h;o=t.f},function(t){i=t.g;r=t.p}],execute:function(){var u=".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);max-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh}";var s=t("bds_menu",function(){function t(t){var n=this;e(this,t);this.onClickCloseButtom=function(){n.open=false};this.refElement=null;this.intoView=null;this.menupositionTop=0;this.menupositionLeft=0;this.menu=null;this.position="right";this.open=false}t.prototype.componentWillLoad=function(){this.refElement=document.getElementById(this.menu);this.intoView=i(this.refElement)};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=!this.open;return[2]}))}))};t.prototype.openMenu=function(){var t=r({actionElement:this.refElement,changedElement:this.menuElement,intoView:this.intoView});this.menupositionTop=t.top;this.menupositionLeft=t.left};t.prototype.render=function(){var t;var e=this;var i={top:"".concat(this.menupositionTop,"px"),left:"".concat(this.menupositionLeft,"px")};return n(o,null,this.open&&n("div",{class:{outzone:true},onClick:function(){return e.onClickCloseButtom()}}),n("div",{ref:function(t){return e.menuElement=t},class:(t={menu:true},t["menu__".concat(this.position)]=true,t["menu__open"]=this.open,t),style:i},n("slot",null)))};Object.defineProperty(t,"watchers",{get:function(){return{open:["openMenu"]}},enumerable:false,configurable:true});return t}());s.style=u}}}));
1
+ var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function s(t){try{a(o.next(t))}catch(e){r(e)}}function u(t){try{a(o["throw"](t))}catch(e){r(e)}}function a(t){t.done?n(t.value):i(t.value).then(s,u)}a((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,s;return s={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function u(t){return function(e){return a([t,e])}}function a(s){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(u){s=[6,u];i=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-1fe060fa.system.js","./position-element-d0261f87.system.js"],(function(t){"use strict";var e,n,o,i,r,s;return{setters:[function(t){e=t.r;n=t.e;o=t.h;i=t.f},function(t){r=t.g;s=t.p}],execute:function(){var u=".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);min-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh}";var a=t("bds_menu",function(){function t(t){var o=this;e(this,t);this.bdsOpenMenu=n(this,"bdsOpenMenu",7);this.refMenuElement=function(t){o.menuElement=t};this.onClickCloseButtom=function(){o.open=false};this.refElement=null;this.intoView=null;this.menupositionTop=0;this.menupositionLeft=0;this.menu=null;this.position="right";this.open=false}t.prototype.componentWillLoad=function(){this.refElement=document.getElementById(this.menu);this.intoView=r(this.refElement)};t.prototype.componentDidLoad=function(){var t=s({actionElement:this.refElement,changedElement:this.menuElement,intoView:this.intoView});this.menupositionTop=t.top;this.menupositionLeft=t.left};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=!this.open;return[2]}))}))};t.prototype.openMenu=function(){this.bdsOpenMenu.emit({value:this.open})};t.prototype.render=function(){var t;var e=this;var n={top:"".concat(this.menupositionTop,"px"),left:"".concat(this.menupositionLeft,"px")};return o(i,null,this.open&&o("div",{class:{outzone:true},onClick:function(){return e.onClickCloseButtom()}}),o("div",{ref:this.refMenuElement,class:(t={menu:true},t["menu__".concat(this.position)]=true,t["menu__open"]=this.open,t),style:n},o("slot",null)))};Object.defineProperty(t,"watchers",{get:function(){return{open:["openMenu"]}},enumerable:false,configurable:true});return t}());a.style=u}}}));
package/dist/blip-ds/bds-select-option.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, e as createEvent, h } from './index-15d64944.js';
2
2
 
3
- const selectOptionCss = ".select-option.sc-bds-select-option{width:100%;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background-color:#ffffff;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none}.select-option--selected.sc-bds-select-option .select-option__container--value.sc-bds-select-option{color:#3f7de8}.select-option--disabled.sc-bds-select-option .select-option__container--value.sc-bds-select-option,.select-option--disabled.sc-bds-select-option .select-option__container--bulk.sc-bds-select-option{cursor:not-allowed;color:#b9cbd3}.select-option--disabled.sc-bds-select-option .select-option__container--value.sc-bds-select-option:hover,.select-option--disabled.sc-bds-select-option .select-option__container--bulk.sc-bds-select-option:hover{background-color:#ffffff}.select-option.sc-bds-select-option-s>bds-icon,.select-option .sc-bds-select-option-s>bds-icon{margin-right:10px}.select-option__container.sc-bds-select-option{color:#202c44;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.select-option__container__fill_space.sc-bds-select-option{width:100%}.select-option__container--bulk.sc-bds-select-option,.select-option__container--status.sc-bds-select-option{color:#8ca0b3}.select-option__container__overflow.sc-bds-select-option{overflow:hidden;padding-right:16px}.select-option__container.sc-bds-select-option:hover>.select-option__container--value.sc-bds-select-option,.select-option__container.sc-bds-select-option:hover>.select-option__container--bulk.sc-bds-select-option,.select-option__container.sc-bds-select-option:hover>.select-option__container--status.sc-bds-select-option{color:#3f7de8}.select-option__container.sc-bds-select-option:active>.select-option__container--value.sc-bds-select-option,.select-option__container.sc-bds-select-option:active>.select-option__container--bulk.sc-bds-select-option,.select-option__container.sc-bds-select-option:active>.select-option__container--status.sc-bds-select-option{color:#3f7de8}.select-option.sc-bds-select-option:hover{background-color:#f3f6fa}.select-option.sc-bds-select-option:focus{background-color:#d1e3fa;color:#3f7de8}.select-option--selected.sc-bds-select-option{background-color:#d1e3fa}.select-option--invisible.sc-bds-select-option{display:none}";
3
+ const selectOptionCss = ".select-option.sc-bds-select-option{width:100%;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background-color:#ffffff;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none}.select-option--selected.sc-bds-select-option .select-option__container--value.sc-bds-select-option{color:#3f7de8}.select-option--disabled.sc-bds-select-option .select-option__container--value.sc-bds-select-option,.select-option--disabled.sc-bds-select-option .select-option__container--bulk.sc-bds-select-option{cursor:not-allowed;color:#b9cbd3}.select-option--disabled.sc-bds-select-option .select-option__container--value.sc-bds-select-option:hover,.select-option--disabled.sc-bds-select-option .select-option__container--bulk.sc-bds-select-option:hover{background-color:#ffffff}.select-option.sc-bds-select-option-s>bds-icon,.select-option .sc-bds-select-option-s>bds-icon{margin-right:10px}.select-option__container.sc-bds-select-option{color:#202c44;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.select-option__container__fill_space.sc-bds-select-option{width:100%}.select-option__container--bulk.sc-bds-select-option,.select-option__container--status.sc-bds-select-option{color:#8ca0b3}.select-option__container--status.sc-bds-select-option{margin-left:4px}.select-option__container__overflow.sc-bds-select-option{overflow:hidden;padding-right:16px}.select-option__container.sc-bds-select-option:hover>.select-option__container--value.sc-bds-select-option,.select-option__container.sc-bds-select-option:hover>.select-option__container--bulk.sc-bds-select-option,.select-option__container.sc-bds-select-option:hover>.select-option__container--status.sc-bds-select-option{color:#3f7de8}.select-option__container.sc-bds-select-option:active>.select-option__container--value.sc-bds-select-option,.select-option__container.sc-bds-select-option:active>.select-option__container--bulk.sc-bds-select-option,.select-option__container.sc-bds-select-option:active>.select-option__container--status.sc-bds-select-option{color:#3f7de8}.select-option.sc-bds-select-option:hover{background-color:#f3f6fa}.select-option.sc-bds-select-option:focus{background-color:#d1e3fa;color:#3f7de8}.select-option--selected.sc-bds-select-option{background-color:#d1e3fa}.select-option--invisible.sc-bds-select-option{display:none}";
4
4
 
5
5
  const SelectOption = class {
6
6
  constructor(hostRef) {
@@ -54,10 +54,10 @@ const SelectOption = class {
54
54
  } }, h("div", { style: { alignSelf: this.slotAlign } }, h("slot", { name: "input-left" })), h("div", { class: {
55
55
  'select-option__container': true,
56
56
  'select-option__container__fill_space': !!this.status,
57
- } }, h("bds-typo", { class: {
57
+ } }, this.titleText && (h("bds-typo", { class: "select-option__container--value", variant: "fs-16", bold: "semi-bold" }, this.titleText)), h("bds-typo", { class: {
58
58
  'select-option__container--value': true,
59
59
  'select-option__container__overflow': !!this.status,
60
- }, noWrap: !!this.status, variant: "fs-14", id: `bds-typo-label-${this.value}` }, h("bds-typo", { class: "select-option__container--value", variant: "fs-16", bold: "semi-bold" }, this.titleText), h("slot", null)), this.bulkOption && (h("bds-typo", { class: "select-option__container--bulk", variant: "fs-10" }, this.bulkOption)), this.status && (h("bds-typo", { class: "select-option__container--status", noWrap: true, variant: "fs-10" }, this.status)))));
60
+ }, noWrap: !!this.status, variant: "fs-14", id: `bds-typo-label-${this.value}` }, h("slot", null))), this.bulkOption && (h("bds-typo", { class: "select-option__container--bulk", variant: "fs-10" }, this.bulkOption)), this.status && (h("bds-typo", { class: "select-option__container--status", noWrap: true, variant: "fs-10" }, this.status))));
61
61
  }
62
62
  };
63
63
  SelectOption.style = selectOptionCss;
package/dist/blip-ds/bds-select-option.system.entry.js CHANGED
@@ -1 +1 @@
1
- System.register(["./index-1fe060fa.system.js"],(function(e){"use strict";var t,s,o;return{setters:[function(e){t=e.r;s=e.e;o=e.h}],execute:function(){var n=".select-option.sc-bds-select-option{width:100%;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background-color:#ffffff;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none}.select-option--selected.sc-bds-select-option .select-option__container--value.sc-bds-select-option{color:#3f7de8}.select-option--disabled.sc-bds-select-option .select-option__container--value.sc-bds-select-option,.select-option--disabled.sc-bds-select-option .select-option__container--bulk.sc-bds-select-option{cursor:not-allowed;color:#b9cbd3}.select-option--disabled.sc-bds-select-option .select-option__container--value.sc-bds-select-option:hover,.select-option--disabled.sc-bds-select-option .select-option__container--bulk.sc-bds-select-option:hover{background-color:#ffffff}.select-option.sc-bds-select-option-s>bds-icon,.select-option .sc-bds-select-option-s>bds-icon{margin-right:10px}.select-option__container.sc-bds-select-option{color:#202c44;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.select-option__container__fill_space.sc-bds-select-option{width:100%}.select-option__container--bulk.sc-bds-select-option,.select-option__container--status.sc-bds-select-option{color:#8ca0b3}.select-option__container__overflow.sc-bds-select-option{overflow:hidden;padding-right:16px}.select-option__container.sc-bds-select-option:hover>.select-option__container--value.sc-bds-select-option,.select-option__container.sc-bds-select-option:hover>.select-option__container--bulk.sc-bds-select-option,.select-option__container.sc-bds-select-option:hover>.select-option__container--status.sc-bds-select-option{color:#3f7de8}.select-option__container.sc-bds-select-option:active>.select-option__container--value.sc-bds-select-option,.select-option__container.sc-bds-select-option:active>.select-option__container--bulk.sc-bds-select-option,.select-option__container.sc-bds-select-option:active>.select-option__container--status.sc-bds-select-option{color:#3f7de8}.select-option.sc-bds-select-option:hover{background-color:#f3f6fa}.select-option.sc-bds-select-option:focus{background-color:#d1e3fa;color:#3f7de8}.select-option--selected.sc-bds-select-option{background-color:#d1e3fa}.select-option--invisible.sc-bds-select-option{display:none}";var i=e("bds_select_option",function(){function e(e){var o=this;t(this,e);this.optionSelected=s(this,"optionSelected",7);this.onClickSelectOption=function(){if(!o.disabled){o.optionSelected.emit({value:o.value})}};this.attachOptionKeyboardListeners=function(e){var t=e.target;switch(e.key){case"Enter":o.onClickSelectOption();break;case"ArrowDown":if(t.parentElement.nextElementSibling&&!t.parentElement.nextElementSibling.hasAttribute("invisible")){e.preventDefault();e.stopPropagation();t.parentElement.nextElementSibling.firstElementChild.focus()}break;case"ArrowUp":if(t.parentElement.previousElementSibling&&!t.parentElement.previousElementSibling.hasAttribute("invisible")){e.preventDefault();e.stopPropagation();t.parentElement.previousElementSibling.firstElementChild.focus()}}};this.value=undefined;this.selected=false;this.disabled=false;this.invisible=false;this.danger=false;this.bulkOption="";this.slotAlign="center";this.titleText=undefined;this.status=undefined;this.dataTest=null}e.prototype.render=function(){return o("div",{id:"bds-select-option-".concat(this.value),tabindex:"0",onKeyDown:this.attachOptionKeyboardListeners,onClick:this.onClickSelectOption,"data-value":this.value,"data-test":this.dataTest,class:{"select-option":true,"select-option--selected":this.selected,"select-option--disabled":this.disabled,"select-option--invisible":this.invisible}},o("div",{style:{alignSelf:this.slotAlign}},o("slot",{name:"input-left"})),o("div",{class:{"select-option__container":true,"select-option__container__fill_space":!!this.status}},o("bds-typo",{class:{"select-option__container--value":true,"select-option__container__overflow":!!this.status},noWrap:!!this.status,variant:"fs-14",id:"bds-typo-label-".concat(this.value)},o("bds-typo",{class:"select-option__container--value",variant:"fs-16",bold:"semi-bold"},this.titleText),o("slot",null)),this.bulkOption&&o("bds-typo",{class:"select-option__container--bulk",variant:"fs-10"},this.bulkOption),this.status&&o("bds-typo",{class:"select-option__container--status",noWrap:true,variant:"fs-10"},this.status)))};return e}());i.style=n}}}));
1
+ System.register(["./index-1fe060fa.system.js"],(function(e){"use strict";var t,o,s;return{setters:[function(e){t=e.r;o=e.e;s=e.h}],execute:function(){var n=".select-option.sc-bds-select-option{width:100%;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background-color:#ffffff;padding:8px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none}.select-option--selected.sc-bds-select-option .select-option__container--value.sc-bds-select-option{color:#3f7de8}.select-option--disabled.sc-bds-select-option .select-option__container--value.sc-bds-select-option,.select-option--disabled.sc-bds-select-option .select-option__container--bulk.sc-bds-select-option{cursor:not-allowed;color:#b9cbd3}.select-option--disabled.sc-bds-select-option .select-option__container--value.sc-bds-select-option:hover,.select-option--disabled.sc-bds-select-option .select-option__container--bulk.sc-bds-select-option:hover{background-color:#ffffff}.select-option.sc-bds-select-option-s>bds-icon,.select-option .sc-bds-select-option-s>bds-icon{margin-right:10px}.select-option__container.sc-bds-select-option{color:#202c44;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.select-option__container__fill_space.sc-bds-select-option{width:100%}.select-option__container--bulk.sc-bds-select-option,.select-option__container--status.sc-bds-select-option{color:#8ca0b3}.select-option__container--status.sc-bds-select-option{margin-left:4px}.select-option__container__overflow.sc-bds-select-option{overflow:hidden;padding-right:16px}.select-option__container.sc-bds-select-option:hover>.select-option__container--value.sc-bds-select-option,.select-option__container.sc-bds-select-option:hover>.select-option__container--bulk.sc-bds-select-option,.select-option__container.sc-bds-select-option:hover>.select-option__container--status.sc-bds-select-option{color:#3f7de8}.select-option__container.sc-bds-select-option:active>.select-option__container--value.sc-bds-select-option,.select-option__container.sc-bds-select-option:active>.select-option__container--bulk.sc-bds-select-option,.select-option__container.sc-bds-select-option:active>.select-option__container--status.sc-bds-select-option{color:#3f7de8}.select-option.sc-bds-select-option:hover{background-color:#f3f6fa}.select-option.sc-bds-select-option:focus{background-color:#d1e3fa;color:#3f7de8}.select-option--selected.sc-bds-select-option{background-color:#d1e3fa}.select-option--invisible.sc-bds-select-option{display:none}";var i=e("bds_select_option",function(){function e(e){var s=this;t(this,e);this.optionSelected=o(this,"optionSelected",7);this.onClickSelectOption=function(){if(!s.disabled){s.optionSelected.emit({value:s.value})}};this.attachOptionKeyboardListeners=function(e){var t=e.target;switch(e.key){case"Enter":s.onClickSelectOption();break;case"ArrowDown":if(t.parentElement.nextElementSibling&&!t.parentElement.nextElementSibling.hasAttribute("invisible")){e.preventDefault();e.stopPropagation();t.parentElement.nextElementSibling.firstElementChild.focus()}break;case"ArrowUp":if(t.parentElement.previousElementSibling&&!t.parentElement.previousElementSibling.hasAttribute("invisible")){e.preventDefault();e.stopPropagation();t.parentElement.previousElementSibling.firstElementChild.focus()}}};this.value=undefined;this.selected=false;this.disabled=false;this.invisible=false;this.danger=false;this.bulkOption="";this.slotAlign="center";this.titleText=undefined;this.status=undefined;this.dataTest=null}e.prototype.render=function(){return s("div",{id:"bds-select-option-".concat(this.value),tabindex:"0",onKeyDown:this.attachOptionKeyboardListeners,onClick:this.onClickSelectOption,"data-value":this.value,"data-test":this.dataTest,class:{"select-option":true,"select-option--selected":this.selected,"select-option--disabled":this.disabled,"select-option--invisible":this.invisible}},s("div",{style:{alignSelf:this.slotAlign}},s("slot",{name:"input-left"})),s("div",{class:{"select-option__container":true,"select-option__container__fill_space":!!this.status}},this.titleText&&s("bds-typo",{class:"select-option__container--value",variant:"fs-16",bold:"semi-bold"},this.titleText),s("bds-typo",{class:{"select-option__container--value":true,"select-option__container__overflow":!!this.status},noWrap:!!this.status,variant:"fs-14",id:"bds-typo-label-".concat(this.value)},s("slot",null))),this.bulkOption&&s("bds-typo",{class:"select-option__container--bulk",variant:"fs-10"},this.bulkOption),this.status&&s("bds-typo",{class:"select-option__container--status",noWrap:true,variant:"fs-10"},this.status))};return e}());i.style=n}}}));
package/dist/blip-ds/blip-ds.esm.js CHANGED
@@ -125,5 +125,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
125
125
 
126
126
  patchBrowser().then(options => {
127
127
  globalScripts();
128
- return bootstrapLazy(JSON.parse("[[\"bds-datepicker\",[[0,\"bds-datepicker\",{\"typeOfDate\":[1,\"type-of-date\"],\"startDateLimit\":[1537,\"start-date-limit\"],\"endDateLimit\":[1537,\"end-date-limit\"],\"message\":[1],\"language\":[1],\"disabled\":[1540],\"valueDateSelected\":[1537,\"value-date-selected\"],\"valueEndDateSelected\":[1537,\"value-end-date-selected\"],\"open\":[32],\"stateSelect\":[32],\"dateSelected\":[32],\"endDateSelected\":[32],\"errorMsgDate\":[32],\"errorMsgEndDate\":[32],\"intoView\":[32],\"scrollingTop\":[32],\"menupositionTop\":[32],\"menupositionLeft\":[32]}]]],[\"bds-toast\",[[1,\"bds-toast\",{\"icon\":[513],\"actionType\":[1,\"action-type\"],\"variant\":[1],\"toastTitle\":[1,\"toast-title\"],\"toastText\":[1,\"toast-text\"],\"buttonText\":[1,\"button-text\"],\"duration\":[2],\"buttonAction\":[1,\"button-action\"],\"show\":[4],\"hide\":[4],\"position\":[1],\"create\":[64],\"close\":[64]}]]],[\"bds-select-chips\",[[6,\"bds-select-chips\",{\"options\":[1025],\"chips\":[1025],\"newPrefix\":[513,\"new-prefix\"],\"value\":[1025],\"danger\":[1540],\"maxlength\":[2],\"errorMessage\":[1025,\"error-message\"],\"disabled\":[516],\"label\":[1],\"icon\":[513],\"duplicated\":[4],\"canAddNew\":[4,\"can-add-new\"],\"notFoundMessage\":[1,\"not-found-message\"],\"type\":[1],\"delimiters\":[16],\"disableSubmit\":[4,\"disable-submit\"],\"helperMessage\":[1,\"helper-message\"],\"inputName\":[1,\"input-name\"],\"placeholder\":[1],\"dataTest\":[1,\"data-test\"],\"internalOptions\":[32],\"isOpen\":[32],\"validationDanger\":[32],\"isPressed\":[32],\"validationMesage\":[32],\"internalChips\":[32],\"isValid\":[64],\"getChips\":[64],\"clear\":[64],\"add\":[64],\"setFocus\":[64],\"removeFocus\":[64]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-table\",[[1,\"bds-table\",{\"options\":[1],\"column\":[1],\"avatar\":[4],\"chips\":[4],\"actionArea\":[4,\"action-area\"],\"sorting\":[4],\"newTable\":[32],\"headerData\":[32],\"tableData\":[32],\"sortAscending\":[32],\"headerActive\":[32],\"deleteItem\":[64]}]]],[\"bds-input-chips\",[[6,\"bds-input-chips\",{\"chips\":[1025],\"type\":[1],\"label\":[1],\"maxlength\":[2],\"icon\":[513],\"delimiters\":[16],\"errorMessage\":[1025,\"error-message\"],\"danger\":[1540],\"value\":[1537],\"duplicated\":[4],\"disableSubmit\":[4,\"disable-submit\"],\"disabled\":[516],\"helperMessage\":[1,\"helper-message\"],\"inputName\":[1,\"input-name\"],\"placeholder\":[1],\"dataTest\":[1,\"data-test\"],\"validationDanger\":[32],\"isPressed\":[32],\"validationMesage\":[32],\"internalChips\":[32],\"isValid\":[64],\"get\":[64],\"clear\":[64],\"add\":[64],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"bds-pagination\",[[1,\"bds-pagination\",{\"pages\":[2],\"startedPage\":[2,\"started-page\"],\"value\":[32],\"openSelect\":[32],\"paginationNumbers\":[32]}]]],[\"bds-upload\",[[1,\"bds-upload\",{\"language\":[1],\"titleName\":[1,\"title-name\"],\"subtitle\":[1],\"error\":[1],\"multiple\":[4],\"accept\":[1],\"files\":[32],\"haveFiles\":[32],\"hover\":[32],\"background\":[32],\"size\":[32]}]]],[\"bds-accordion-header\",[[1,\"bds-accordion-header\",{\"accordionTitle\":[1,\"accordion-title\"],\"icon\":[1],\"avatarName\":[1,\"avatar-name\"],\"avatarThumb\":[1,\"avatar-thumb\"],\"isOpen\":[32],\"btToggleIsfocus\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64]}]]],[\"bds-autocomplete\",[[1,\"bds-autocomplete\",{\"options\":[1],\"value\":[1025],\"selected\":[1040],\"danger\":[516],\"disabled\":[516],\"searchOnlyTitle\":[516,\"search-only-title\"],\"label\":[1],\"icon\":[513],\"placeholder\":[1],\"optionsPosition\":[1,\"options-position\"],\"clearIconOnFocus\":[4,\"clear-icon-on-focus\"],\"dataTest\":[1,\"data-test\"],\"isPressed\":[32],\"isOpen\":[32],\"text\":[32],\"internalOptions\":[32],\"isFocused\":[32]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-avatar-group\",[[4,\"bds-avatar-group\",{\"size\":[1],\"users\":[1],\"canClick\":[4,\"can-click\"],\"internalUsers\":[32],\"leftoversUsers\":[32]}]]],[\"bds-input-phone-number\",[[6,\"bds-input-phone-number\",{\"options\":[16],\"text\":[1],\"value\":[1025],\"danger\":[1540],\"disabled\":[516],\"required\":[4],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1025,\"error-message\"],\"requiredErrorMessage\":[1,\"required-error-message\"],\"numberErrorMessage\":[1,\"number-error-message\"],\"dataTest\":[1,\"data-test\"],\"label\":[1],\"icon\":[513],\"isOpen\":[32],\"selectedCountry\":[32],\"isPressed\":[32],\"validationDanger\":[32],\"validationMesage\":[32],\"removeFocus\":[64]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-menu-exibition\",[[1,\"bds-menu-exibition\",{\"avatarName\":[1,\"avatar-name\"],\"avatarThumbnail\":[1,\"avatar-thumbnail\"],\"avatarSize\":[1,\"avatar-size\"],\"value\":[1],\"subtitle\":[1]}]]],[\"bds-select\",[[1,\"bds-select\",{\"options\":[1],\"value\":[1032],\"danger\":[516],\"disabled\":[516],\"label\":[1],\"icon\":[513],\"placeholder\":[1],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1,\"error-message\"],\"optionsPosition\":[1,\"options-position\"],\"dataTest\":[1,\"data-test\"],\"isOpen\":[32],\"text\":[32],\"validationDanger\":[32],\"isPressed\":[32],\"validationMesage\":[32],\"internalOptions\":[32]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-alert-header\",[[1,\"bds-alert-header\",{\"variant\":[1],\"icon\":[513]}]]],[\"bds-checkbox\",[[1,\"bds-checkbox\",{\"refer\":[1],\"label\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"checkBoxId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-chip-selected\",[[1,\"bds-chip-selected\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"selected\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"isSelected\":[32]},[[2,\"click\",\"handleClick\"]]]]],[\"bds-input-editable\",[[1,\"bds-input-editable\",{\"size\":[1],\"expand\":[4],\"dataTest\":[1,\"data-test\"],\"inputName\":[1,\"input-name\"],\"value\":[1537],\"requiredErrorMessage\":[1,\"required-error-message\"],\"minlength\":[2],\"minlengthErrorMessage\":[1,\"minlength-error-message\"],\"maxlength\":[2],\"errorMessage\":[1,\"error-message\"],\"helperMessage\":[1,\"helper-message\"],\"placeholder\":[1],\"danger\":[1540],\"oldValue\":[32],\"isEditing\":[32],\"isValid\":[32],\"isPressed\":[32],\"isFocused\":[32],\"validationMesage\":[32],\"validationDanger\":[32]}]]],[\"bds-input-password\",[[2,\"bds-input-password\",{\"openEyes\":[4,\"open-eyes\"],\"value\":[1537],\"label\":[1],\"inputName\":[1,\"input-name\"],\"max\":[1],\"maxlength\":[2],\"min\":[1],\"minlength\":[2],\"readonly\":[4],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1,\"error-message\"],\"danger\":[516],\"icon\":[513],\"disabled\":[4],\"autoCapitalize\":[1,\"auto-capitalize\"],\"autoComplete\":[1,\"auto-complete\"],\"placeholder\":[1],\"dataTest\":[1,\"data-test\"],\"validationDanger\":[32],\"isPressed\":[32],\"validationMesage\":[32]}]]],[\"bds-menu-action\",[[1,\"bds-menu-action\",{\"buttonText\":[1,\"button-text\"],\"subMenu\":[4,\"sub-menu\"],\"iconLeft\":[1,\"icon-left\"],\"lipstick\":[4],\"openSubMenu\":[32],\"stateSubMenu\":[32],\"delaySubMenu\":[32],\"zIndex\":[32],\"delay\":[32]}]]],[\"bds-menu-list-item\",[[1,\"bds-menu-list-item\",{\"color\":[1],\"icon\":[513]}]]],[\"bds-sidebar\",[[1,\"bds-sidebar\",{\"isOpen\":[1540,\"is-open\"],\"sidebarPosition\":[1,\"sidebar-position\"],\"InnerSpacing\":[32],\"toggle\":[64]}]]],[\"bds-step\",[[1,\"bds-step\",{\"last\":[4],\"completed\":[4],\"active\":[4],\"disabled\":[4],\"index\":[2],\"pointer\":[4]}]]],[\"bds-tabs\",[[4,\"bds-tabs\",{\"align\":[1]},[[0,\"scrollButtonClick\",\"onScrollButtonClick\"],[16,\"bdsTabChange\",\"onSelectedTab\"]]]]],[\"bds-warning\",[[1,\"bds-warning\"]]],[\"bds-alert-body\",[[1,\"bds-alert-body\"]]],[\"bds-card-color\",[[1,\"bds-card-color\",{\"name\":[1],\"hex\":[1],\"gradient\":[4],\"variable\":[1],\"lightText\":[4,\"light-text\"]}]]],[\"bds-chip\",[[1,\"bds-chip\",{\"icon\":[1],\"size\":[1],\"variant\":[1],\"danger\":[516],\"filter\":[4],\"clickable\":[4],\"deletable\":[4],\"disabled\":[4]}]]],[\"bds-expansion-panel-header\",[[1,\"bds-expansion-panel-header\",{\"text\":[1]}]]],[\"bds-menu-separation\",[[1,\"bds-menu-separation\",{\"value\":[1],\"size\":[1]}]]],[\"bds-modal\",[[1,\"bds-modal\",{\"open\":[1540],\"closeButton\":[1540,\"close-button\"],\"size\":[1537],\"toggle\":[64]}]]],[\"bds-modal-close-button\",[[1,\"bds-modal-close-button\",{\"active\":[1540]}]]],[\"bds-progress-bar\",[[1,\"bds-progress-bar\",{\"percent\":[2],\"size\":[1],\"color\":[1],\"text\":[1]}]]],[\"bds-radio\",[[1,\"bds-radio\",{\"refer\":[1],\"label\":[1],\"value\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"radioId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-tab\",[[0,\"bds-tab\",{\"group\":[1],\"label\":[1],\"active\":[4],\"isActive\":[32]},[[16,\"bdsTabChange\",\"handleTabChange\"],[16,\"bdsTabInit\",\"handleTabChange\"]]]]],[\"bds-tab-panel\",[[4,\"bds-tab-panel\",{\"group\":[1],\"isActive\":[32]},[[16,\"bdsTabChange\",\"handleTabChange\"],[16,\"bdsTabInit\",\"handleTabChange\"]]]]],[\"bds-tooltip\",[[1,\"bds-tooltip\",{\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"position\":[1],\"dataTest\":[1,\"data-test\"],\"isMouseOver\":[32]}]]],[\"bds-accordion\",[[1,\"bds-accordion\",{\"isOpen\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64],\"reciveNumber\":[64]}]]],[\"bds-accordion-body\",[[1,\"bds-accordion-body\",{\"isOpen\":[32],\"heightContainer\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64]}]]],[\"bds-accordion-group\",[[1,\"bds-accordion-group\",{\"collapse\":[1],\"closeAll\":[64]}]]],[\"bds-alert\",[[1,\"bds-alert\",{\"open\":[1540],\"dataTest\":[1,\"data-test\"],\"toggle\":[64]}]]],[\"bds-alert-actions\",[[1,\"bds-alert-actions\"]]],[\"bds-banner-link\",[[1,\"bds-banner-link\",{\"link\":[1]}]]],[\"bds-expansion-panel\",[[1,\"bds-expansion-panel\"]]],[\"bds-expansion-panel-body\",[[1,\"bds-expansion-panel-body\",{\"open\":[4],\"text\":[1]}]]],[\"bds-grid\",[[6,\"bds-grid\",{\"height\":[1],\"direction\":[1],\"justifyContent\":[1,\"justify-content\"],\"flexWrap\":[1,\"flex-wrap\"],\"alignItems\":[1,\"align-items\"],\"container\":[4],\"xxs\":[1],\"xs\":[1],\"sm\":[1],\"md\":[1],\"lg\":[1],\"xg\":[1],\"xxsOffset\":[1,\"xxs-offset\"],\"xsOffset\":[1,\"xs-offset\"],\"smOffset\":[1,\"sm-offset\"],\"mdOffset\":[1,\"md-offset\"],\"lgOffset\":[1,\"lg-offset\"],\"xgOffset\":[1,\"xg-offset\"],\"gap\":[1],\"padding\":[1],\"margin\":[1]}]]],[\"bds-illustration\",[[1,\"bds-illustration\",{\"type\":[1],\"name\":[1],\"dataTest\":[1,\"data-test\"],\"IllustrationContent\":[32]}]]],[\"bds-loading-bar\",[[1,\"bds-loading-bar\",{\"percent\":[2],\"size\":[1],\"text\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-loading-page\",[[1,\"bds-loading-page\",{\"dataTest\":[1,\"data-test\"],\"svgContent\":[32]}]]],[\"bds-menu\",[[1,\"bds-menu\",{\"menu\":[1],\"position\":[1],\"open\":[1540],\"refElement\":[32],\"intoView\":[32],\"menupositionTop\":[32],\"menupositionLeft\":[32],\"toggle\":[64]}]]],[\"bds-menu-list\",[[1,\"bds-menu-list\"]]],[\"bds-modal-action\",[[1,\"bds-modal-action\"]]],[\"bds-radio-group\",[[6,\"bds-radio-group\",{\"value\":[1537]}]]],[\"bds-stepper\",[[4,\"bds-stepper\",{\"setActiveStep\":[64],\"setCompletedStep\":[64],\"getActiveStep\":[64],\"resetActiveSteps\":[64],\"resetCompletedSteps\":[64]}]]],[\"bds-switch\",[[1,\"bds-switch\",{\"refer\":[1],\"size\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"switchId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-datepicker-period\",[[1,\"bds-datepicker-period\",{\"startDate\":[16],\"endDate\":[16],\"startDateSelect\":[1040],\"endDateSelect\":[1040],\"language\":[1],\"stateSelect\":[1537,\"state-select\"],\"week\":[32],\"months\":[32],\"years\":[32],\"monthActivated\":[32],\"yearActivated\":[32],\"animatePrev\":[32],\"animateNext\":[32],\"activeSelectYear\":[32],\"openSelectMonth\":[32],\"openSelectYear\":[32],\"monthsSlide\":[32],\"loadingSlide\":[32],\"clear\":[64]}]]],[\"bds-datepicker-single\",[[1,\"bds-datepicker-single\",{\"endDate\":[16],\"startDate\":[16],\"dateSelect\":[1040],\"language\":[1],\"week\":[32],\"months\":[32],\"years\":[32],\"monthActivated\":[32],\"yearActivated\":[32],\"animatePrev\":[32],\"animateNext\":[32],\"openSelectMonth\":[32],\"openSelectYear\":[32],\"monthsSlide\":[32],\"loadingSlide\":[32],\"clear\":[64]}]]],[\"bds-counter-text\",[[0,\"bds-counter-text\",{\"length\":[1026],\"max\":[2],\"active\":[1028],\"warning\":[1040],\"delete\":[1040]}]]],[\"bds-icon\",[[1,\"bds-icon\",{\"color\":[1],\"ariaLabel\":[1537,\"aria-label\"],\"flipRtl\":[4,\"flip-rtl\"],\"name\":[1],\"src\":[1],\"icon\":[8],\"size\":[1],\"lazy\":[4],\"theme\":[513],\"type\":[1],\"dataTest\":[1,\"data-test\"],\"svgContent\":[32],\"isVisible\":[32]}]]],[\"bds-input\",[[1,\"bds-input\",{\"inputName\":[1,\"input-name\"],\"type\":[513],\"label\":[1],\"placeholder\":[1],\"autoCapitalize\":[1,\"auto-capitalize\"],\"autoComplete\":[1,\"auto-complete\"],\"max\":[1],\"maxlength\":[2],\"min\":[1],\"minlength\":[2],\"readonly\":[4],\"required\":[4],\"pattern\":[1],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1025,\"error-message\"],\"icon\":[513],\"disabled\":[1540],\"danger\":[1540],\"value\":[1025],\"counterLength\":[4,\"counter-length\"],\"counterLengthRule\":[16],\"isSubmit\":[4,\"is-submit\"],\"isTextarea\":[4,\"is-textarea\"],\"rows\":[2],\"cols\":[2],\"requiredErrorMessage\":[1,\"required-error-message\"],\"minlengthErrorMessage\":[1,\"minlength-error-message\"],\"minErrorMessage\":[1,\"min-error-message\"],\"maxErrorMessage\":[1,\"max-error-message\"],\"emailErrorMessage\":[1,\"email-error-message\"],\"numberErrorMessage\":[1,\"number-error-message\"],\"chips\":[4],\"dataTest\":[1,\"data-test\"],\"isPressed\":[32],\"isPassword\":[32],\"validationMesage\":[32],\"validationDanger\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"getInputElement\":[64],\"isValid\":[64],\"clear\":[64]}]]],[\"bds-button-icon\",[[1,\"bds-button-icon\",{\"disabled\":[4],\"size\":[1],\"variant\":[1],\"icon\":[513],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-banner\",[[1,\"bds-banner\",{\"bannerAlign\":[1,\"banner-align\"],\"buttonClose\":[1,\"button-close\"],\"context\":[1],\"variant\":[1],\"visible\":[32],\"toggle\":[64]}]]],[\"bds-typo\",[[1,\"bds-typo\",{\"variant\":[1],\"lineHeight\":[1,\"line-height\"],\"bold\":[1],\"italic\":[4],\"noWrap\":[4,\"no-wrap\"],\"paragraph\":[4],\"margin\":[4],\"tag\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-chip-tag\",[[1,\"bds-chip-tag\",{\"icon\":[1],\"color\":[1]}]]],[\"bds-paper\",[[1,\"bds-paper\",{\"elevation\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-toast-container\",[[6,\"bds-toast-container\"]]],[\"bds-button\",[[1,\"bds-button\",{\"disabled\":[4],\"size\":[1],\"variant\":[1],\"icon\":[513],\"arrow\":[4],\"type\":[1],\"typeIcon\":[513,\"type-icon\"],\"bdsLoading\":[4,\"bds-loading\"],\"bdsLoadingVariant\":[1,\"bds-loading-variant\"],\"bdsLoadingColor\":[1,\"bds-loading-color\"],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-chip-clickable\",[[1,\"bds-chip-clickable\",{\"icon\":[1],\"avatar\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"close\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"visible\":[32]}]]],[\"bds-loading-spinner\",[[1,\"bds-loading-spinner\",{\"variant\":[1],\"size\":[1],\"color\":[1],\"dataTest\":[1,\"data-test\"],\"svgContent\":[32]}]]],[\"bds-avatar\",[[1,\"bds-avatar\",{\"name\":[1],\"thumbnail\":[1],\"size\":[1],\"upload\":[4],\"ellipsis\":[2],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-select-option\",[[6,\"bds-select-option\",{\"value\":[8],\"selected\":[4],\"disabled\":[4],\"invisible\":[1540],\"danger\":[1540],\"bulkOption\":[1,\"bulk-option\"],\"slotAlign\":[1,\"slot-align\"],\"titleText\":[1,\"title-text\"],\"status\":[1],\"dataTest\":[1,\"data-test\"]}]]]]"), options);
128
+ return bootstrapLazy(JSON.parse("[[\"bds-datepicker\",[[0,\"bds-datepicker\",{\"typeOfDate\":[1,\"type-of-date\"],\"startDateLimit\":[1537,\"start-date-limit\"],\"endDateLimit\":[1537,\"end-date-limit\"],\"message\":[1],\"language\":[1],\"disabled\":[1540],\"valueDateSelected\":[1537,\"value-date-selected\"],\"valueEndDateSelected\":[1537,\"value-end-date-selected\"],\"open\":[32],\"stateSelect\":[32],\"dateSelected\":[32],\"endDateSelected\":[32],\"errorMsgDate\":[32],\"errorMsgEndDate\":[32],\"intoView\":[32],\"scrollingTop\":[32],\"menupositionTop\":[32],\"menupositionLeft\":[32]}]]],[\"bds-toast\",[[1,\"bds-toast\",{\"icon\":[513],\"actionType\":[1,\"action-type\"],\"variant\":[1],\"toastTitle\":[1,\"toast-title\"],\"toastText\":[1,\"toast-text\"],\"buttonText\":[1,\"button-text\"],\"duration\":[2],\"buttonAction\":[1,\"button-action\"],\"show\":[4],\"hide\":[4],\"position\":[1],\"create\":[64],\"close\":[64]}]]],[\"bds-select-chips\",[[6,\"bds-select-chips\",{\"options\":[1025],\"chips\":[1025],\"newPrefix\":[513,\"new-prefix\"],\"value\":[1025],\"danger\":[1540],\"maxlength\":[2],\"errorMessage\":[1025,\"error-message\"],\"disabled\":[516],\"label\":[1],\"icon\":[513],\"duplicated\":[4],\"canAddNew\":[4,\"can-add-new\"],\"notFoundMessage\":[1,\"not-found-message\"],\"type\":[1],\"delimiters\":[16],\"disableSubmit\":[4,\"disable-submit\"],\"helperMessage\":[1,\"helper-message\"],\"inputName\":[1,\"input-name\"],\"placeholder\":[1],\"dataTest\":[1,\"data-test\"],\"internalOptions\":[32],\"isOpen\":[32],\"validationDanger\":[32],\"isPressed\":[32],\"validationMesage\":[32],\"internalChips\":[32],\"isValid\":[64],\"getChips\":[64],\"clear\":[64],\"add\":[64],\"setFocus\":[64],\"removeFocus\":[64]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-table\",[[1,\"bds-table\",{\"options\":[1],\"column\":[1],\"avatar\":[4],\"chips\":[4],\"actionArea\":[4,\"action-area\"],\"sorting\":[4],\"newTable\":[32],\"headerData\":[32],\"tableData\":[32],\"sortAscending\":[32],\"headerActive\":[32],\"deleteItem\":[64]}]]],[\"bds-input-chips\",[[6,\"bds-input-chips\",{\"chips\":[1025],\"type\":[1],\"label\":[1],\"maxlength\":[2],\"icon\":[513],\"delimiters\":[16],\"errorMessage\":[1025,\"error-message\"],\"danger\":[1540],\"value\":[1537],\"duplicated\":[4],\"disableSubmit\":[4,\"disable-submit\"],\"disabled\":[516],\"helperMessage\":[1,\"helper-message\"],\"inputName\":[1,\"input-name\"],\"placeholder\":[1],\"dataTest\":[1,\"data-test\"],\"validationDanger\":[32],\"isPressed\":[32],\"validationMesage\":[32],\"internalChips\":[32],\"isValid\":[64],\"get\":[64],\"clear\":[64],\"add\":[64],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"bds-pagination\",[[1,\"bds-pagination\",{\"pages\":[2],\"startedPage\":[2,\"started-page\"],\"value\":[32],\"openSelect\":[32],\"paginationNumbers\":[32]}]]],[\"bds-upload\",[[1,\"bds-upload\",{\"language\":[1],\"titleName\":[1,\"title-name\"],\"subtitle\":[1],\"error\":[1],\"multiple\":[4],\"accept\":[1],\"files\":[32],\"haveFiles\":[32],\"hover\":[32],\"background\":[32],\"size\":[32]}]]],[\"bds-accordion-header\",[[1,\"bds-accordion-header\",{\"accordionTitle\":[1,\"accordion-title\"],\"icon\":[1],\"avatarName\":[1,\"avatar-name\"],\"avatarThumb\":[1,\"avatar-thumb\"],\"isOpen\":[32],\"btToggleIsfocus\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64]}]]],[\"bds-autocomplete\",[[1,\"bds-autocomplete\",{\"options\":[1],\"value\":[1025],\"selected\":[1040],\"danger\":[516],\"disabled\":[516],\"searchOnlyTitle\":[516,\"search-only-title\"],\"label\":[1],\"icon\":[513],\"placeholder\":[1],\"optionsPosition\":[1,\"options-position\"],\"clearIconOnFocus\":[4,\"clear-icon-on-focus\"],\"dataTest\":[1,\"data-test\"],\"isPressed\":[32],\"isOpen\":[32],\"text\":[32],\"internalOptions\":[32],\"isFocused\":[32]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-avatar-group\",[[4,\"bds-avatar-group\",{\"size\":[1],\"users\":[1],\"canClick\":[4,\"can-click\"],\"internalUsers\":[32],\"leftoversUsers\":[32]}]]],[\"bds-input-phone-number\",[[6,\"bds-input-phone-number\",{\"options\":[16],\"text\":[1],\"value\":[1025],\"danger\":[1540],\"disabled\":[516],\"required\":[4],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1025,\"error-message\"],\"requiredErrorMessage\":[1,\"required-error-message\"],\"numberErrorMessage\":[1,\"number-error-message\"],\"dataTest\":[1,\"data-test\"],\"label\":[1],\"icon\":[513],\"isOpen\":[32],\"selectedCountry\":[32],\"isPressed\":[32],\"validationDanger\":[32],\"validationMesage\":[32],\"removeFocus\":[64]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-menu-exibition\",[[1,\"bds-menu-exibition\",{\"avatarName\":[1,\"avatar-name\"],\"avatarThumbnail\":[1,\"avatar-thumbnail\"],\"avatarSize\":[1,\"avatar-size\"],\"value\":[1],\"subtitle\":[1]}]]],[\"bds-select\",[[1,\"bds-select\",{\"options\":[1],\"value\":[1032],\"danger\":[516],\"disabled\":[516],\"label\":[1],\"icon\":[513],\"placeholder\":[1],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1,\"error-message\"],\"optionsPosition\":[1,\"options-position\"],\"dataTest\":[1,\"data-test\"],\"isOpen\":[32],\"text\":[32],\"validationDanger\":[32],\"isPressed\":[32],\"validationMesage\":[32],\"internalOptions\":[32]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-alert-header\",[[1,\"bds-alert-header\",{\"variant\":[1],\"icon\":[513]}]]],[\"bds-checkbox\",[[1,\"bds-checkbox\",{\"refer\":[1],\"label\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"checkBoxId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-chip-selected\",[[1,\"bds-chip-selected\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"selected\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"isSelected\":[32]},[[2,\"click\",\"handleClick\"]]]]],[\"bds-input-editable\",[[1,\"bds-input-editable\",{\"size\":[1],\"expand\":[4],\"dataTest\":[1,\"data-test\"],\"inputName\":[1,\"input-name\"],\"value\":[1537],\"requiredErrorMessage\":[1,\"required-error-message\"],\"minlength\":[2],\"minlengthErrorMessage\":[1,\"minlength-error-message\"],\"maxlength\":[2],\"errorMessage\":[1,\"error-message\"],\"helperMessage\":[1,\"helper-message\"],\"placeholder\":[1],\"danger\":[1540],\"oldValue\":[32],\"isEditing\":[32],\"isValid\":[32],\"isPressed\":[32],\"isFocused\":[32],\"validationMesage\":[32],\"validationDanger\":[32]}]]],[\"bds-input-password\",[[2,\"bds-input-password\",{\"openEyes\":[4,\"open-eyes\"],\"value\":[1537],\"label\":[1],\"inputName\":[1,\"input-name\"],\"max\":[1],\"maxlength\":[2],\"min\":[1],\"minlength\":[2],\"readonly\":[4],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1,\"error-message\"],\"danger\":[516],\"icon\":[513],\"disabled\":[4],\"autoCapitalize\":[1,\"auto-capitalize\"],\"autoComplete\":[1,\"auto-complete\"],\"placeholder\":[1],\"dataTest\":[1,\"data-test\"],\"validationDanger\":[32],\"isPressed\":[32],\"validationMesage\":[32]}]]],[\"bds-menu-action\",[[1,\"bds-menu-action\",{\"buttonText\":[1,\"button-text\"],\"subMenu\":[4,\"sub-menu\"],\"iconLeft\":[1,\"icon-left\"],\"subtitle\":[1],\"lipstick\":[4],\"openParentMenu\":[32],\"openSubMenu\":[32],\"positionSubMenu\":[32],\"stateSubMenu\":[32],\"delaySubMenu\":[32],\"zIndex\":[32],\"delay\":[32]}]]],[\"bds-menu-list-item\",[[1,\"bds-menu-list-item\",{\"color\":[1],\"icon\":[513]}]]],[\"bds-sidebar\",[[1,\"bds-sidebar\",{\"isOpen\":[1540,\"is-open\"],\"sidebarPosition\":[1,\"sidebar-position\"],\"InnerSpacing\":[32],\"toggle\":[64]}]]],[\"bds-step\",[[1,\"bds-step\",{\"last\":[4],\"completed\":[4],\"active\":[4],\"disabled\":[4],\"index\":[2],\"pointer\":[4]}]]],[\"bds-tabs\",[[4,\"bds-tabs\",{\"align\":[1]},[[0,\"scrollButtonClick\",\"onScrollButtonClick\"],[16,\"bdsTabChange\",\"onSelectedTab\"]]]]],[\"bds-warning\",[[1,\"bds-warning\"]]],[\"bds-alert-body\",[[1,\"bds-alert-body\"]]],[\"bds-card-color\",[[1,\"bds-card-color\",{\"name\":[1],\"hex\":[1],\"gradient\":[4],\"variable\":[1],\"lightText\":[4,\"light-text\"]}]]],[\"bds-chip\",[[1,\"bds-chip\",{\"icon\":[1],\"size\":[1],\"variant\":[1],\"danger\":[516],\"filter\":[4],\"clickable\":[4],\"deletable\":[4],\"disabled\":[4]}]]],[\"bds-expansion-panel-header\",[[1,\"bds-expansion-panel-header\",{\"text\":[1]}]]],[\"bds-menu-separation\",[[1,\"bds-menu-separation\",{\"value\":[1],\"size\":[1]}]]],[\"bds-modal\",[[1,\"bds-modal\",{\"open\":[1540],\"closeButton\":[1540,\"close-button\"],\"size\":[1537],\"toggle\":[64]}]]],[\"bds-modal-close-button\",[[1,\"bds-modal-close-button\",{\"active\":[1540]}]]],[\"bds-progress-bar\",[[1,\"bds-progress-bar\",{\"percent\":[2],\"size\":[1],\"color\":[1],\"text\":[1]}]]],[\"bds-radio\",[[1,\"bds-radio\",{\"refer\":[1],\"label\":[1],\"value\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"radioId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-tab\",[[0,\"bds-tab\",{\"group\":[1],\"label\":[1],\"active\":[4],\"isActive\":[32]},[[16,\"bdsTabChange\",\"handleTabChange\"],[16,\"bdsTabInit\",\"handleTabChange\"]]]]],[\"bds-tab-panel\",[[4,\"bds-tab-panel\",{\"group\":[1],\"isActive\":[32]},[[16,\"bdsTabChange\",\"handleTabChange\"],[16,\"bdsTabInit\",\"handleTabChange\"]]]]],[\"bds-tooltip\",[[1,\"bds-tooltip\",{\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"position\":[1],\"dataTest\":[1,\"data-test\"],\"isMouseOver\":[32]}]]],[\"bds-accordion\",[[1,\"bds-accordion\",{\"isOpen\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64],\"reciveNumber\":[64]}]]],[\"bds-accordion-body\",[[1,\"bds-accordion-body\",{\"isOpen\":[32],\"heightContainer\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64]}]]],[\"bds-accordion-group\",[[1,\"bds-accordion-group\",{\"collapse\":[1],\"closeAll\":[64]}]]],[\"bds-alert\",[[1,\"bds-alert\",{\"open\":[1540],\"dataTest\":[1,\"data-test\"],\"toggle\":[64]}]]],[\"bds-alert-actions\",[[1,\"bds-alert-actions\"]]],[\"bds-banner-link\",[[1,\"bds-banner-link\",{\"link\":[1]}]]],[\"bds-expansion-panel\",[[1,\"bds-expansion-panel\"]]],[\"bds-expansion-panel-body\",[[1,\"bds-expansion-panel-body\",{\"open\":[4],\"text\":[1]}]]],[\"bds-grid\",[[6,\"bds-grid\",{\"height\":[1],\"direction\":[1],\"justifyContent\":[1,\"justify-content\"],\"flexWrap\":[1,\"flex-wrap\"],\"alignItems\":[1,\"align-items\"],\"container\":[4],\"xxs\":[1],\"xs\":[1],\"sm\":[1],\"md\":[1],\"lg\":[1],\"xg\":[1],\"xxsOffset\":[1,\"xxs-offset\"],\"xsOffset\":[1,\"xs-offset\"],\"smOffset\":[1,\"sm-offset\"],\"mdOffset\":[1,\"md-offset\"],\"lgOffset\":[1,\"lg-offset\"],\"xgOffset\":[1,\"xg-offset\"],\"gap\":[1],\"padding\":[1],\"margin\":[1]}]]],[\"bds-illustration\",[[1,\"bds-illustration\",{\"type\":[1],\"name\":[1],\"dataTest\":[1,\"data-test\"],\"IllustrationContent\":[32]}]]],[\"bds-loading-bar\",[[1,\"bds-loading-bar\",{\"percent\":[2],\"size\":[1],\"text\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-loading-page\",[[1,\"bds-loading-page\",{\"dataTest\":[1,\"data-test\"],\"svgContent\":[32]}]]],[\"bds-menu\",[[1,\"bds-menu\",{\"menu\":[1],\"position\":[1],\"open\":[1540],\"refElement\":[32],\"intoView\":[32],\"menupositionTop\":[32],\"menupositionLeft\":[32],\"toggle\":[64]}]]],[\"bds-menu-list\",[[1,\"bds-menu-list\"]]],[\"bds-modal-action\",[[1,\"bds-modal-action\"]]],[\"bds-radio-group\",[[6,\"bds-radio-group\",{\"value\":[1537]}]]],[\"bds-stepper\",[[4,\"bds-stepper\",{\"setActiveStep\":[64],\"setCompletedStep\":[64],\"getActiveStep\":[64],\"resetActiveSteps\":[64],\"resetCompletedSteps\":[64]}]]],[\"bds-switch\",[[1,\"bds-switch\",{\"refer\":[1],\"size\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"switchId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-datepicker-period\",[[1,\"bds-datepicker-period\",{\"startDate\":[16],\"endDate\":[16],\"startDateSelect\":[1040],\"endDateSelect\":[1040],\"language\":[1],\"stateSelect\":[1537,\"state-select\"],\"week\":[32],\"months\":[32],\"years\":[32],\"monthActivated\":[32],\"yearActivated\":[32],\"animatePrev\":[32],\"animateNext\":[32],\"activeSelectYear\":[32],\"openSelectMonth\":[32],\"openSelectYear\":[32],\"monthsSlide\":[32],\"loadingSlide\":[32],\"clear\":[64]}]]],[\"bds-datepicker-single\",[[1,\"bds-datepicker-single\",{\"endDate\":[16],\"startDate\":[16],\"dateSelect\":[1040],\"language\":[1],\"week\":[32],\"months\":[32],\"years\":[32],\"monthActivated\":[32],\"yearActivated\":[32],\"animatePrev\":[32],\"animateNext\":[32],\"openSelectMonth\":[32],\"openSelectYear\":[32],\"monthsSlide\":[32],\"loadingSlide\":[32],\"clear\":[64]}]]],[\"bds-counter-text\",[[0,\"bds-counter-text\",{\"length\":[1026],\"max\":[2],\"active\":[1028],\"warning\":[1040],\"delete\":[1040]}]]],[\"bds-icon\",[[1,\"bds-icon\",{\"color\":[1],\"ariaLabel\":[1537,\"aria-label\"],\"flipRtl\":[4,\"flip-rtl\"],\"name\":[1],\"src\":[1],\"icon\":[8],\"size\":[1],\"lazy\":[4],\"theme\":[513],\"type\":[1],\"dataTest\":[1,\"data-test\"],\"svgContent\":[32],\"isVisible\":[32]}]]],[\"bds-input\",[[1,\"bds-input\",{\"inputName\":[1,\"input-name\"],\"type\":[513],\"label\":[1],\"placeholder\":[1],\"autoCapitalize\":[1,\"auto-capitalize\"],\"autoComplete\":[1,\"auto-complete\"],\"max\":[1],\"maxlength\":[2],\"min\":[1],\"minlength\":[2],\"readonly\":[4],\"required\":[4],\"pattern\":[1],\"helperMessage\":[1,\"helper-message\"],\"errorMessage\":[1025,\"error-message\"],\"icon\":[513],\"disabled\":[1540],\"danger\":[1540],\"value\":[1025],\"counterLength\":[4,\"counter-length\"],\"counterLengthRule\":[16],\"isSubmit\":[4,\"is-submit\"],\"isTextarea\":[4,\"is-textarea\"],\"rows\":[2],\"cols\":[2],\"requiredErrorMessage\":[1,\"required-error-message\"],\"minlengthErrorMessage\":[1,\"minlength-error-message\"],\"minErrorMessage\":[1,\"min-error-message\"],\"maxErrorMessage\":[1,\"max-error-message\"],\"emailErrorMessage\":[1,\"email-error-message\"],\"numberErrorMessage\":[1,\"number-error-message\"],\"chips\":[4],\"dataTest\":[1,\"data-test\"],\"isPressed\":[32],\"isPassword\":[32],\"validationMesage\":[32],\"validationDanger\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"getInputElement\":[64],\"isValid\":[64],\"clear\":[64]}]]],[\"bds-button-icon\",[[1,\"bds-button-icon\",{\"disabled\":[4],\"size\":[1],\"variant\":[1],\"icon\":[513],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-banner\",[[1,\"bds-banner\",{\"bannerAlign\":[1,\"banner-align\"],\"buttonClose\":[1,\"button-close\"],\"context\":[1],\"variant\":[1],\"visible\":[32],\"toggle\":[64]}]]],[\"bds-typo\",[[1,\"bds-typo\",{\"variant\":[1],\"lineHeight\":[1,\"line-height\"],\"bold\":[1],\"italic\":[4],\"noWrap\":[4,\"no-wrap\"],\"paragraph\":[4],\"margin\":[4],\"tag\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-chip-tag\",[[1,\"bds-chip-tag\",{\"icon\":[1],\"color\":[1]}]]],[\"bds-paper\",[[1,\"bds-paper\",{\"elevation\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-toast-container\",[[6,\"bds-toast-container\"]]],[\"bds-button\",[[1,\"bds-button\",{\"disabled\":[4],\"size\":[1],\"variant\":[1],\"icon\":[513],\"arrow\":[4],\"type\":[1],\"typeIcon\":[513,\"type-icon\"],\"bdsLoading\":[4,\"bds-loading\"],\"bdsLoadingVariant\":[1,\"bds-loading-variant\"],\"bdsLoadingColor\":[1,\"bds-loading-color\"],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-chip-clickable\",[[1,\"bds-chip-clickable\",{\"icon\":[1],\"avatar\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"close\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"visible\":[32]}]]],[\"bds-loading-spinner\",[[1,\"bds-loading-spinner\",{\"variant\":[1],\"size\":[1],\"color\":[1],\"dataTest\":[1,\"data-test\"],\"svgContent\":[32]}]]],[\"bds-avatar\",[[1,\"bds-avatar\",{\"name\":[1],\"thumbnail\":[1],\"size\":[1],\"upload\":[4],\"ellipsis\":[2],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-select-option\",[[6,\"bds-select-option\",{\"value\":[8],\"selected\":[4],\"disabled\":[4],\"invisible\":[1540],\"danger\":[1540],\"bulkOption\":[1,\"bulk-option\"],\"slotAlign\":[1,\"slot-align\"],\"titleText\":[1,\"title-text\"],\"status\":[1],\"dataTest\":[1,\"data-test\"]}]]]]"), options);
129
129
  });