blip-ds 1.277.3 → 1.278.1

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 (113) hide show
  1. package/dist/blip-ds/bds-accordion-body.entry.js +3 -0
  2. package/dist/blip-ds/bds-accordion-body.system.entry.js +1 -1
  3. package/dist/blip-ds/bds-accordion-header.entry.js +3 -0
  4. package/dist/blip-ds/bds-accordion-header.system.entry.js +1 -1
  5. package/dist/blip-ds/bds-accordion.entry.js +16 -10
  6. package/dist/blip-ds/bds-accordion.system.entry.js +1 -1
  7. package/dist/blip-ds/bds-autocomplete.entry.js +25 -39
  8. package/dist/blip-ds/bds-autocomplete.system.entry.js +1 -1
  9. package/dist/blip-ds/bds-button-icon.entry.js +2 -1
  10. package/dist/blip-ds/bds-button-icon.system.entry.js +1 -1
  11. package/dist/blip-ds/bds-button.entry.js +2 -1
  12. package/dist/blip-ds/bds-button.system.entry.js +1 -1
  13. package/dist/blip-ds/bds-illustration.entry.js +1 -1
  14. package/dist/blip-ds/bds-illustration.system.entry.js +1 -1
  15. package/dist/blip-ds/bds-input-password.entry.js +7 -2
  16. package/dist/blip-ds/bds-input-password.system.entry.js +1 -1
  17. package/dist/blip-ds/bds-input-phone-number.entry.js +8 -3
  18. package/dist/blip-ds/bds-input-phone-number.system.entry.js +1 -1
  19. package/dist/blip-ds/bds-select-chips.entry.js +15 -2
  20. package/dist/blip-ds/bds-select-chips.system.entry.js +1 -1
  21. package/dist/blip-ds/bds-select.entry.js +26 -27
  22. package/dist/blip-ds/bds-select.system.entry.js +1 -1
  23. package/dist/blip-ds/blip-ds.esm.js +1 -1
  24. package/dist/blip-ds/blip-ds.system.js +1 -1
  25. package/dist/blip-ds/{p-89f062d2.system.entry.js → p-04ea8615.system.entry.js} +1 -1
  26. package/dist/blip-ds/{p-8c964c93.entry.js → p-11a27d5f.entry.js} +1 -1
  27. package/dist/blip-ds/p-1fb3d4aa.entry.js +1 -0
  28. package/dist/blip-ds/{p-e541444b.system.entry.js → p-39a4ace3.system.entry.js} +1 -1
  29. package/dist/blip-ds/p-432e4e63.entry.js +1 -0
  30. package/dist/blip-ds/{p-f1364635.system.entry.js → p-5c971193.system.entry.js} +1 -1
  31. package/dist/blip-ds/p-60971296.entry.js +1 -0
  32. package/dist/blip-ds/p-6f009022.entry.js +1 -0
  33. package/dist/blip-ds/{p-1d63b1e1.system.entry.js → p-89f3f4b7.system.entry.js} +1 -1
  34. package/dist/blip-ds/{p-da89a0fb.system.entry.js → p-8e31a15d.system.entry.js} +1 -1
  35. package/dist/blip-ds/p-8ec7f790.entry.js +1 -0
  36. package/dist/blip-ds/{p-ea209d29.system.entry.js → p-95999945.system.entry.js} +1 -1
  37. package/dist/blip-ds/p-9d079e10.entry.js +1 -0
  38. package/dist/blip-ds/{p-3f63aeac.system.entry.js → p-9f59341b.system.entry.js} +1 -1
  39. package/dist/blip-ds/p-9f750027.entry.js +1 -0
  40. package/dist/blip-ds/p-b5cd2a55.entry.js +1 -0
  41. package/dist/blip-ds/{p-a5916203.system.entry.js → p-b7935d28.system.entry.js} +1 -1
  42. package/dist/blip-ds/{p-0d59869d.system.entry.js → p-ba1e393c.system.entry.js} +1 -1
  43. package/dist/blip-ds/p-bb975dd8.system.js +1 -1
  44. package/dist/blip-ds/{p-6cb80dac.system.entry.js → p-d9c2307a.system.entry.js} +1 -1
  45. package/dist/blip-ds/p-deefda55.entry.js +1 -0
  46. package/dist/cjs/bds-accordion-body.cjs.entry.js +3 -0
  47. package/dist/cjs/bds-accordion-header.cjs.entry.js +3 -0
  48. package/dist/cjs/bds-accordion.cjs.entry.js +16 -10
  49. package/dist/cjs/bds-autocomplete.cjs.entry.js +25 -39
  50. package/dist/cjs/bds-button-icon.cjs.entry.js +2 -1
  51. package/dist/cjs/bds-button.cjs.entry.js +2 -1
  52. package/dist/cjs/bds-illustration.cjs.entry.js +1 -1
  53. package/dist/cjs/bds-input-password.cjs.entry.js +7 -2
  54. package/dist/cjs/bds-input-phone-number.cjs.entry.js +8 -3
  55. package/dist/cjs/bds-select-chips.cjs.entry.js +15 -2
  56. package/dist/cjs/bds-select.cjs.entry.js +26 -27
  57. package/dist/cjs/blip-ds.cjs.js +1 -1
  58. package/dist/cjs/loader.cjs.js +1 -1
  59. package/dist/collection/components/accordion/accordion-body.js +19 -0
  60. package/dist/collection/components/accordion/accordion-header.js +19 -0
  61. package/dist/collection/components/accordion/accordion.js +16 -10
  62. package/dist/collection/components/autocomplete/autocomplete.js +25 -39
  63. package/dist/collection/components/button/button.js +24 -1
  64. package/dist/collection/components/icon-button/icon-button.js +24 -1
  65. package/dist/collection/components/input-password/input-password.css +15 -0
  66. package/dist/collection/components/input-password/input-password.js +6 -1
  67. package/dist/collection/components/input-phone-number/input-phone-number.css +31 -13
  68. package/dist/collection/components/input-phone-number/input-phone-number.js +7 -2
  69. package/dist/collection/components/selects/select/select.js +26 -27
  70. package/dist/collection/components/selects/select-chips/select-chips.js +15 -2
  71. package/dist/esm/bds-accordion-body.entry.js +3 -0
  72. package/dist/esm/bds-accordion-header.entry.js +3 -0
  73. package/dist/esm/bds-accordion.entry.js +16 -10
  74. package/dist/esm/bds-autocomplete.entry.js +25 -39
  75. package/dist/esm/bds-button-icon.entry.js +2 -1
  76. package/dist/esm/bds-button.entry.js +2 -1
  77. package/dist/esm/bds-illustration.entry.js +1 -1
  78. package/dist/esm/bds-input-password.entry.js +7 -2
  79. package/dist/esm/bds-input-phone-number.entry.js +8 -3
  80. package/dist/esm/bds-select-chips.entry.js +15 -2
  81. package/dist/esm/bds-select.entry.js +26 -27
  82. package/dist/esm/blip-ds.js +1 -1
  83. package/dist/esm/loader.js +1 -1
  84. package/dist/esm-es5/bds-accordion-body.entry.js +1 -1
  85. package/dist/esm-es5/bds-accordion-header.entry.js +1 -1
  86. package/dist/esm-es5/bds-accordion.entry.js +1 -1
  87. package/dist/esm-es5/bds-autocomplete.entry.js +1 -1
  88. package/dist/esm-es5/bds-button-icon.entry.js +1 -1
  89. package/dist/esm-es5/bds-button.entry.js +1 -1
  90. package/dist/esm-es5/bds-input-password.entry.js +1 -1
  91. package/dist/esm-es5/bds-input-phone-number.entry.js +1 -1
  92. package/dist/esm-es5/bds-select-chips.entry.js +1 -1
  93. package/dist/esm-es5/bds-select.entry.js +1 -1
  94. package/dist/esm-es5/blip-ds.js +1 -1
  95. package/dist/esm-es5/loader.js +1 -1
  96. package/dist/types/components/accordion/accordion-body.d.ts +1 -0
  97. package/dist/types/components/accordion/accordion-header.d.ts +1 -0
  98. package/dist/types/components/autocomplete/autocomplete.d.ts +0 -2
  99. package/dist/types/components/button/button.d.ts +6 -0
  100. package/dist/types/components/icon-button/icon-button.d.ts +6 -0
  101. package/dist/types/components/input-password/input-password.d.ts +1 -0
  102. package/dist/types/components/input-phone-number/input-phone-number.d.ts +1 -0
  103. package/dist/types/components.d.ts +23 -5
  104. package/package.json +1 -1
  105. package/dist/blip-ds/p-03247187.entry.js +0 -1
  106. package/dist/blip-ds/p-171126a0.entry.js +0 -1
  107. package/dist/blip-ds/p-4cb3fd11.entry.js +0 -1
  108. package/dist/blip-ds/p-67535592.entry.js +0 -1
  109. package/dist/blip-ds/p-7185c45f.entry.js +0 -1
  110. package/dist/blip-ds/p-7e09700a.entry.js +0 -1
  111. package/dist/blip-ds/p-ae7c470b.entry.js +0 -1
  112. package/dist/blip-ds/p-da0221c0.entry.js +0 -1
  113. package/dist/blip-ds/p-e37c4b79.entry.js +0 -1
@@ -18,6 +18,9 @@ const AccordionBody = class {
18
18
  async toggle() {
19
19
  this.isOpen = !this.isOpen;
20
20
  }
21
+ async open() {
22
+ this.isOpen = true;
23
+ }
21
24
  async close() {
22
25
  this.isOpen = false;
23
26
  }
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(t,e,n,o){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function a(t){try{s(o.next(t))}catch(e){i(e)}}function c(t){try{s(o["throw"](t))}catch(e){i(e)}}function s(t){t.done?n(t.value):r(t.value).then(a,c)}s((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,r,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return s([t,e])}}function s(c){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(n=0)),n)try{if(o=1,r&&(i=c[0]&2?r["return"]:c[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,c[1])).done)return i;if(r=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:n.label++;return{value:c[1],done:false};case 5:n.label++;r=c[1];c=[0];continue;case 7:c=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){n=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){n.label=c[1];break}if(c[0]===6&&n.label<i[1]){n.label=i[1];i=c;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(c);break}if(i[2])n.ops.pop();n.trys.pop();continue}c=e.call(t,n)}catch(s){c=[6,s];r=0}finally{o=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./index-241c9f42.system.js"],(function(t){"use strict";var e,n;return{setters:[function(t){e=t.r;n=t.h}],execute:function(){var o='.accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #454545);cursor:pointer}.accordion_header::before{content:"";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-content-default, #454545);opacity:0.08}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #F6F6F6)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #F6F6F6)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #CFCFCF);-webkit-transition:height 0.5s;-moz-transition:height 0.5s;transition:height 0.5s}.accordion_body::-webkit-scrollbar{width:16px;background-color:transparent}.accordion_body::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.accordion_body_isOpen{overflow:overlay}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #454545)}';var r=t("bds_accordion_body",function(){function t(t){var n=this;e(this,t);this.container=null;this.refContainer=function(t){n.container=t};this.isOpen=false;this.isOpenAftAnimation=false;this.heightContainer=undefined;this.numberElement=null;this.dataTest=null}t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=!this.isOpen;return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=false;return[2]}))}))};t.prototype.isOpenChanged=function(){var t=this;this.heightContainer=this.isOpen?this.container.offsetHeight:0;if(this.isOpen){setTimeout((function(){t.isOpenAftAnimation=!t.isOpenAftAnimation}),500)}else{this.isOpenAftAnimation=!this.isOpenAftAnimation}};t.prototype.render=function(){var t=this;return n("div",{class:{accordion_body:true,accordion_body_isOpen:this.isOpenAftAnimation},style:{height:"".concat(this.heightContainer,"px")},"data-test":this.dataTest},n("div",{class:"container",ref:function(e){return t.refContainer(e)}},n("slot",null)))};Object.defineProperty(t,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return t}());r.style=o}}}));
1
+ var __awaiter=this&&this.__awaiter||function(t,e,n,o){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function a(t){try{s(o.next(t))}catch(e){i(e)}}function c(t){try{s(o["throw"](t))}catch(e){i(e)}}function s(t){t.done?n(t.value):r(t.value).then(a,c)}s((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,r,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return s([t,e])}}function s(c){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(n=0)),n)try{if(o=1,r&&(i=c[0]&2?r["return"]:c[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,c[1])).done)return i;if(r=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:n.label++;return{value:c[1],done:false};case 5:n.label++;r=c[1];c=[0];continue;case 7:c=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){n=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){n.label=c[1];break}if(c[0]===6&&n.label<i[1]){n.label=i[1];i=c;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(c);break}if(i[2])n.ops.pop();n.trys.pop();continue}c=e.call(t,n)}catch(s){c=[6,s];r=0}finally{o=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./index-241c9f42.system.js"],(function(t){"use strict";var e,n;return{setters:[function(t){e=t.r;n=t.h}],execute:function(){var o='.accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #454545);cursor:pointer}.accordion_header::before{content:"";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-content-default, #454545);opacity:0.08}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #F6F6F6)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #F6F6F6)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #CFCFCF);-webkit-transition:height 0.5s;-moz-transition:height 0.5s;transition:height 0.5s}.accordion_body::-webkit-scrollbar{width:16px;background-color:transparent}.accordion_body::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.accordion_body_isOpen{overflow:overlay}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #454545)}';var r=t("bds_accordion_body",function(){function t(t){var n=this;e(this,t);this.container=null;this.refContainer=function(t){n.container=t};this.isOpen=false;this.isOpenAftAnimation=false;this.heightContainer=undefined;this.numberElement=null;this.dataTest=null}t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=!this.isOpen;return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=true;return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=false;return[2]}))}))};t.prototype.isOpenChanged=function(){var t=this;this.heightContainer=this.isOpen?this.container.offsetHeight:0;if(this.isOpen){setTimeout((function(){t.isOpenAftAnimation=!t.isOpenAftAnimation}),500)}else{this.isOpenAftAnimation=!this.isOpenAftAnimation}};t.prototype.render=function(){var t=this;return n("div",{class:{accordion_body:true,accordion_body_isOpen:this.isOpenAftAnimation},style:{height:"".concat(this.heightContainer,"px")},"data-test":this.dataTest},n("div",{class:"container",ref:function(e){return t.refContainer(e)}},n("slot",null)))};Object.defineProperty(t,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return t}());r.style=o}}}));
@@ -22,6 +22,9 @@ const AccordionHeader = class {
22
22
  async toggle() {
23
23
  this.isOpen = !this.isOpen;
24
24
  }
25
+ async open() {
26
+ this.isOpen = true;
27
+ }
25
28
  async close() {
26
29
  this.isOpen = false;
27
30
  }
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(t,e,o,n){function r(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,i){function a(t){try{s(n.next(t))}catch(e){i(e)}}function c(t){try{s(n["throw"](t))}catch(e){i(e)}}function s(t){t.done?o(t.value):r(t.value).then(a,c)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,r,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return s([t,e])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(o=0)),o)try{if(n=1,r&&(i=c[0]&2?r["return"]:c[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,c[1])).done)return i;if(r=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:o.label++;return{value:c[1],done:false};case 5:o.label++;r=c[1];c=[0];continue;case 7:c=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){o=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){o.label=c[1];break}if(c[0]===6&&o.label<i[1]){o.label=i[1];i=c;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(c);break}if(i[2])o.ops.pop();o.trys.pop();continue}c=e.call(t,o)}catch(s){c=[6,s];r=0}finally{n=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./index-241c9f42.system.js"],(function(t){"use strict";var e,o,n;return{setters:[function(t){e=t.r;o=t.h;n=t.g}],execute:function(){var r='.accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #454545);cursor:pointer}.accordion_header::before{content:"";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-content-default, #454545);opacity:0.08}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #F6F6F6)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #F6F6F6)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #CFCFCF);-webkit-transition:height 0.5s;-moz-transition:height 0.5s;transition:height 0.5s}.accordion_body::-webkit-scrollbar{width:16px;background-color:transparent}.accordion_body::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.accordion_body_isOpen{overflow:overlay}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #454545)}';var i=t("bds_accordion_header",function(){function t(t){var o=this;e(this,t);this.accordionElement=null;this.toggleHeader=function(){var t;(t=o.accordionElement)===null||t===void 0?void 0:t.toggle()};this.isOpen=false;this.btToggleIsfocus=false;this.numberElement=null;this.accordionTitle=null;this.icon=null;this.avatarName=null;this.avatarThumb=null;this.dataTest=null}t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=!this.isOpen;return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=false;return[2]}))}))};t.prototype.componentWillRender=function(){this.accordionElement=this.element.parentElement};t.prototype.handleKeyDown=function(t){var e;if(t.key=="Enter"){(e=this.accordionElement)===null||e===void 0?void 0:e.toggle()}};t.prototype.render=function(){return o("div",{onClick:this.toggleHeader,class:{accordion_header:true},"data-test":this.dataTest},this.avatarName||this.avatarThumb?o("bds-avatar",{name:this.avatarName,thumbnail:this.avatarThumb,size:"extra-small"}):this.icon&&o("bds-icon",{size:"x-large",name:this.icon,color:"inherit"}),this.accordionTitle&&o("bds-typo",{bold:"bold",variant:"fs-16","line-height":"double"},this.accordionTitle),o("slot",null),o("bds-icon",{class:{accButton:true,accButton__isopen:this.isOpen,accButton__isfocus:this.btToggleIsfocus},size:"x-large",name:"arrow-down",color:"inherit",tabindex:"0",onKeyDown:this.handleKeyDown.bind(this)}))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());i.style=r}}}));
1
+ var __awaiter=this&&this.__awaiter||function(t,e,o,n){function r(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,i){function a(t){try{s(n.next(t))}catch(e){i(e)}}function c(t){try{s(n["throw"](t))}catch(e){i(e)}}function s(t){t.done?o(t.value):r(t.value).then(a,c)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,r,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return s([t,e])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(o=0)),o)try{if(n=1,r&&(i=c[0]&2?r["return"]:c[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,c[1])).done)return i;if(r=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:o.label++;return{value:c[1],done:false};case 5:o.label++;r=c[1];c=[0];continue;case 7:c=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){o=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){o.label=c[1];break}if(c[0]===6&&o.label<i[1]){o.label=i[1];i=c;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(c);break}if(i[2])o.ops.pop();o.trys.pop();continue}c=e.call(t,o)}catch(s){c=[6,s];r=0}finally{n=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./index-241c9f42.system.js"],(function(t){"use strict";var e,o,n;return{setters:[function(t){e=t.r;o=t.h;n=t.g}],execute:function(){var r='.accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #454545);cursor:pointer}.accordion_header::before{content:"";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-content-default, #454545);opacity:0.08}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #F6F6F6)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #F6F6F6)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #CFCFCF);-webkit-transition:height 0.5s;-moz-transition:height 0.5s;transition:height 0.5s}.accordion_body::-webkit-scrollbar{width:16px;background-color:transparent}.accordion_body::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.accordion_body_isOpen{overflow:overlay}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #454545)}';var i=t("bds_accordion_header",function(){function t(t){var o=this;e(this,t);this.accordionElement=null;this.toggleHeader=function(){var t;(t=o.accordionElement)===null||t===void 0?void 0:t.toggle()};this.isOpen=false;this.btToggleIsfocus=false;this.numberElement=null;this.accordionTitle=null;this.icon=null;this.avatarName=null;this.avatarThumb=null;this.dataTest=null}t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=!this.isOpen;return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=true;return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=false;return[2]}))}))};t.prototype.componentWillRender=function(){this.accordionElement=this.element.parentElement};t.prototype.handleKeyDown=function(t){var e;if(t.key=="Enter"){(e=this.accordionElement)===null||e===void 0?void 0:e.toggle()}};t.prototype.render=function(){return o("div",{onClick:this.toggleHeader,class:{accordion_header:true},"data-test":this.dataTest},this.avatarName||this.avatarThumb?o("bds-avatar",{name:this.avatarName,thumbnail:this.avatarThumb,size:"extra-small"}):this.icon&&o("bds-icon",{size:"x-large",name:this.icon,color:"inherit"}),this.accordionTitle&&o("bds-typo",{bold:"bold",variant:"fs-16","line-height":"double"},this.accordionTitle),o("slot",null),o("bds-icon",{class:{accButton:true,accButton__isopen:this.isOpen,accButton__isfocus:this.btToggleIsfocus},size:"x-large",name:"arrow-down",color:"inherit",tabindex:"0",onKeyDown:this.handleKeyDown.bind(this)}))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());i.style=r}}}));
@@ -18,6 +18,7 @@ const Accordion = class {
18
18
  }
19
19
  async toggle() {
20
20
  this.isOpen = !this.isOpen;
21
+ this.bdsToggle.emit({ value: this.isOpen });
21
22
  }
22
23
  async open() {
23
24
  this.isOpen = true;
@@ -37,19 +38,24 @@ const Accordion = class {
37
38
  this.numberElement = number;
38
39
  }
39
40
  isOpenChanged(value) {
40
- var _a, _b, _c;
41
- (_a = this.accheaders) === null || _a === void 0 ? void 0 : _a.toggle();
42
- (_b = this.accBodies) === null || _b === void 0 ? void 0 : _b.toggle();
43
- this.bdsToggle.emit({ value: value });
44
- if (value) {
45
- this.bdsAccordionOpen.emit();
46
- }
47
- else {
48
- this.bdsAccordionClose.emit();
49
- }
41
+ var _a, _b, _c, _d, _e, _f, _g;
50
42
  if (this.accGroup.collapse == 'single' && this.condition === false) {
43
+ (_a = this.accheaders) === null || _a === void 0 ? void 0 : _a.toggle();
44
+ (_b = this.accBodies) === null || _b === void 0 ? void 0 : _b.toggle();
51
45
  (_c = this.accGroup) === null || _c === void 0 ? void 0 : _c.closeAll(this.numberElement);
52
46
  }
47
+ else {
48
+ if (value) {
49
+ (_d = this.accheaders) === null || _d === void 0 ? void 0 : _d.open();
50
+ (_e = this.accBodies) === null || _e === void 0 ? void 0 : _e.open();
51
+ this.bdsAccordionOpen.emit();
52
+ }
53
+ else {
54
+ (_f = this.accheaders) === null || _f === void 0 ? void 0 : _f.close();
55
+ (_g = this.accBodies) === null || _g === void 0 ? void 0 : _g.close();
56
+ this.bdsAccordionClose.emit();
57
+ }
58
+ }
53
59
  this.condition = false;
54
60
  }
55
61
  componentWillLoad() {
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,o,n){function r(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function c(e){try{s(n.next(e))}catch(t){i(t)}}function a(e){try{s(n["throw"](e))}catch(t){i(t)}}function s(e){e.done?o(e.value):r(e.value).then(c,a)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,r,i,c;return c={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function a(e){return function(t){return s([e,t])}}function s(a){if(n)throw new TypeError("Generator is already executing.");while(c&&(c=0,a[0]&&(o=0)),o)try{if(n=1,r&&(i=a[0]&2?r["return"]:a[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;if(r=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;r=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(a[0]===6&&o.label<i[1]){o.label=i[1];i=a;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(a);break}if(i[2])o.ops.pop();o.trys.pop();continue}a=t.call(e,o)}catch(s){a=[6,s];r=0}finally{n=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-241c9f42.system.js"],(function(e){"use strict";var t,o,n,r;return{setters:[function(e){t=e.r;o=e.e;n=e.h;r=e.g}],execute:function(){var i='.accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #454545);cursor:pointer}.accordion_header::before{content:"";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-content-default, #454545);opacity:0.08}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #F6F6F6)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #F6F6F6)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #CFCFCF);-webkit-transition:height 0.5s;-moz-transition:height 0.5s;transition:height 0.5s}.accordion_body::-webkit-scrollbar{width:16px;background-color:transparent}.accordion_body::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.accordion_body_isOpen{overflow:overlay}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #454545)}';var c=e("bds_accordion",function(){function e(e){t(this,e);this.bdsToggle=o(this,"bdsToggle",7);this.bdsAccordionOpen=o(this,"bdsAccordionOpen",7);this.bdsAccordionClose=o(this,"bdsAccordionClose",7);this.accGroup=null;this.accheaders=null;this.accBodies=null;this.isOpen=false;this.numberElement=null;this.condition=false;this.startOpen=false}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=!this.isOpen;return[2]}))}))};e.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=true;return[2]}))}))};e.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(o){(e=this.accheaders)===null||e===void 0?void 0:e.close();(t=this.accBodies)===null||t===void 0?void 0:t.close();this.isOpen=false;return[2]}))}))};e.prototype.notStart=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.startOpen=false;return[2]}))}))};e.prototype.reciveNumber=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.numberElement=e;return[2]}))}))};e.prototype.isOpenChanged=function(e){var t,o,n;(t=this.accheaders)===null||t===void 0?void 0:t.toggle();(o=this.accBodies)===null||o===void 0?void 0:o.toggle();this.bdsToggle.emit({value:e});if(e){this.bdsAccordionOpen.emit()}else{this.bdsAccordionClose.emit()}if(this.accGroup.collapse=="single"&&this.condition===false){(n=this.accGroup)===null||n===void 0?void 0:n.closeAll(this.numberElement)}this.condition=false};e.prototype.componentWillLoad=function(){this.accGroup=this.element.parentElement.tagName=="BDS-ACCORDION-GROUP"&&this.element.parentElement;this.accheaders=this.element.children[0];this.accBodies=this.element.children[1];if(this.startOpen===true){this.condition=true;this.isOpen=true}};e.prototype.render=function(){return n("div",{class:"accordion_group"},n("slot",null))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return e}());c.style=i}}}));
1
+ var __awaiter=this&&this.__awaiter||function(e,t,o,n){function r(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function c(e){try{s(n.next(e))}catch(t){i(t)}}function a(e){try{s(n["throw"](e))}catch(t){i(t)}}function s(e){e.done?o(e.value):r(e.value).then(c,a)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,r,i,c;return c={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function a(e){return function(t){return s([e,t])}}function s(a){if(n)throw new TypeError("Generator is already executing.");while(c&&(c=0,a[0]&&(o=0)),o)try{if(n=1,r&&(i=a[0]&2?r["return"]:a[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;if(r=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;r=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(a[0]===6&&o.label<i[1]){o.label=i[1];i=a;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(a);break}if(i[2])o.ops.pop();o.trys.pop();continue}a=t.call(e,o)}catch(s){a=[6,s];r=0}finally{n=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-241c9f42.system.js"],(function(e){"use strict";var t,o,n,r;return{setters:[function(e){t=e.r;o=e.e;n=e.h;r=e.g}],execute:function(){var i='.accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #454545);cursor:pointer}.accordion_header::before{content:"";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-content-default, #454545);opacity:0.08}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #F6F6F6)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #F6F6F6)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #CFCFCF);-webkit-transition:height 0.5s;-moz-transition:height 0.5s;transition:height 0.5s}.accordion_body::-webkit-scrollbar{width:16px;background-color:transparent}.accordion_body::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.accordion_body_isOpen{overflow:overlay}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #454545)}';var c=e("bds_accordion",function(){function e(e){t(this,e);this.bdsToggle=o(this,"bdsToggle",7);this.bdsAccordionOpen=o(this,"bdsAccordionOpen",7);this.bdsAccordionClose=o(this,"bdsAccordionClose",7);this.accGroup=null;this.accheaders=null;this.accBodies=null;this.isOpen=false;this.numberElement=null;this.condition=false;this.startOpen=false}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=!this.isOpen;this.bdsToggle.emit({value:this.isOpen});return[2]}))}))};e.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=true;return[2]}))}))};e.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(o){(e=this.accheaders)===null||e===void 0?void 0:e.close();(t=this.accBodies)===null||t===void 0?void 0:t.close();this.isOpen=false;return[2]}))}))};e.prototype.notStart=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.startOpen=false;return[2]}))}))};e.prototype.reciveNumber=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.numberElement=e;return[2]}))}))};e.prototype.isOpenChanged=function(e){var t,o,n,r,i,c,a;if(this.accGroup.collapse=="single"&&this.condition===false){(t=this.accheaders)===null||t===void 0?void 0:t.toggle();(o=this.accBodies)===null||o===void 0?void 0:o.toggle();(n=this.accGroup)===null||n===void 0?void 0:n.closeAll(this.numberElement)}else{if(e){(r=this.accheaders)===null||r===void 0?void 0:r.open();(i=this.accBodies)===null||i===void 0?void 0:i.open();this.bdsAccordionOpen.emit()}else{(c=this.accheaders)===null||c===void 0?void 0:c.close();(a=this.accBodies)===null||a===void 0?void 0:a.close();this.bdsAccordionClose.emit()}}this.condition=false};e.prototype.componentWillLoad=function(){this.accGroup=this.element.parentElement.tagName=="BDS-ACCORDION-GROUP"&&this.element.parentElement;this.accheaders=this.element.children[0];this.accBodies=this.element.children[1];if(this.startOpen===true){this.condition=true;this.isOpen=true}};e.prototype.render=function(){return n("div",{class:"accordion_group"},n("slot",null))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return e}());c.style=i}}}));
@@ -113,39 +113,6 @@ const BdsAutocomplete = class {
113
113
  this.value = value;
114
114
  this.toggle();
115
115
  };
116
- this.keyPressWrapper = (event) => {
117
- var _a, _b;
118
- this.isOpen = true;
119
- switch (event.key) {
120
- case "Enter" /* Keyboard.ENTER */:
121
- this.toggle();
122
- break;
123
- case "Tab" /* Keyboard.TAB */:
124
- const indexTabFocus = this.findFocusedElementIndex();
125
- const visibleTabChildren = this.sliceInvisible(indexTabFocus + 1);
126
- const elementTabToFocus = visibleTabChildren[0];
127
- if (!elementTabToFocus) {
128
- this.toggle();
129
- }
130
- break;
131
- case "ArrowDown" /* Keyboard.ARROW_DOWN */:
132
- const indexDownFocus = this.findFocusedElementIndex();
133
- const visibleChildren = this.sliceInvisible(indexDownFocus + 1);
134
- const elementToFocus = visibleChildren[0];
135
- (_a = elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.firstElementChild) === null || _a === void 0 ? void 0 : _a.focus();
136
- break;
137
- case "ArrowUp" /* Keyboard.ARROW_UP */:
138
- let indexUpFocus = this.findFocusedElementIndex();
139
- const firstVisibleElement = this.childOptions.find((option) => !option.hasAttribute('invisible'));
140
- if (this.childOptions[indexUpFocus] != firstVisibleElement) {
141
- indexUpFocus = indexUpFocus > 0 ? indexUpFocus : this.childOptions.length;
142
- const visibleChildren = this.sliceInvisible(0, indexUpFocus);
143
- const elementToFocus = visibleChildren[visibleChildren.length - 1];
144
- (_b = elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.firstElementChild) === null || _b === void 0 ? void 0 : _b.focus();
145
- }
146
- break;
147
- }
148
- };
149
116
  this.cleanInputSelection = async () => {
150
117
  if (!this.disabled) {
151
118
  this.value = '';
@@ -340,11 +307,30 @@ const BdsAutocomplete = class {
340
307
  ? Array.from(this.el.shadowRoot.querySelectorAll('bds-select-option')).find((option) => option.selected)
341
308
  : Array.from(this.el.querySelectorAll('bds-select-option')).find((option) => option.selected);
342
309
  }
343
- sliceInvisible(index, endIndex = this.childOptions.length) {
344
- return this.childOptions.slice(index, endIndex).filter((option) => !option.hasAttribute('invisible'));
345
- }
346
- findFocusedElementIndex() {
347
- return this.childOptions.findIndex((option) => option.firstElementChild.matches(':focus'));
310
+ keyPressWrapper(event) {
311
+ var _a, _b, _c, _d;
312
+ switch (event.key) {
313
+ case 'Enter':
314
+ this.toggle();
315
+ break;
316
+ case 'ArrowDown':
317
+ if (!this.disabled) {
318
+ this.isOpen = true;
319
+ }
320
+ if (this.childOptionSelected) {
321
+ this.value = (_a = this.childOptionSelected.nextSibling) === null || _a === void 0 ? void 0 : _a.value;
322
+ return;
323
+ }
324
+ this.value = (_b = this.el.firstElementChild) === null || _b === void 0 ? void 0 : _b.value;
325
+ break;
326
+ case 'ArrowUp':
327
+ if (this.childOptionSelected) {
328
+ this.value = (_c = this.childOptionSelected.previousSibling) === null || _c === void 0 ? void 0 : _c.value;
329
+ return;
330
+ }
331
+ this.value = (_d = this.el.lastElementChild) === null || _d === void 0 ? void 0 : _d.value;
332
+ break;
333
+ }
348
334
  }
349
335
  setTimeoutFilter() {
350
336
  setTimeout(() => {
@@ -413,7 +399,7 @@ const BdsAutocomplete = class {
413
399
  'input--state-disabled': this.disabled,
414
400
  'input--label': !!this.label,
415
401
  'input--pressed': this.isPressed,
416
- }, onClick: this.onClickWrapper, onKeyDown: this.keyPressWrapper }, this.renderIcon(), h("div", { class: "input__container", tabindex: "0", onFocusout: this.onFocusout, onKeyDown: this.keyPressWrapper }, this.renderLabel(), h("div", { class: { input__container__wrapper: true } }, ((_a = this.textMultiselect) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("bds-typo", { variant: "fs-14", class: "inside-input-left" }, this.textMultiselect)), h("input", { class: { input__container__text: true }, ref: (input) => (this.nativeInput = input), disabled: this.disabled, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.changedInputValue, placeholder: this.placeholderState, type: "text", value: this.text, "data-test": this.dataTest }))), h("div", { class: "select__icon" }, h("bds-icon", { size: "small", name: "error", theme: "solid", onClick: this.cleanInputSelection, class: {
402
+ }, onClick: this.onClickWrapper }, this.renderIcon(), h("div", { class: "input__container", tabindex: "0", onFocusout: this.onFocusout }, this.renderLabel(), h("div", { class: { input__container__wrapper: true } }, ((_a = this.textMultiselect) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("bds-typo", { variant: "fs-14", class: "inside-input-left" }, this.textMultiselect)), h("input", { class: { input__container__text: true }, ref: (input) => (this.nativeInput = input), disabled: this.disabled, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.changedInputValue, placeholder: this.placeholderState, type: "text", value: this.text, "data-test": this.dataTest, onKeyDown: this.keyPressWrapper.bind(this) }))), h("div", { class: "select__icon" }, h("bds-icon", { size: "small", name: "error", theme: "solid", onClick: this.cleanInputSelection, class: {
417
403
  'icon-hidden': (this.clearIconOnFocus && (!this.isFocused || !this.isOpen)) || !this.value,
418
404
  } }), h("bds-icon", { ref: (el) => this.refIconDrop(el), size: "small", color: "inherit" }))), this.renderMessage(), this.loading ? (h("div", { ref: (el) => this.refDropdown(el), class: {
419
405
  select__options: true,
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,i,o){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{a(o.next(e))}catch(t){r(t)}}function l(e){try{a(o["throw"](e))}catch(t){r(t)}}function a(e){e.done?i(e.value):n(e.value).then(s,l)}a((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,n,r,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(t){return a([e,t])}}function a(l){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(i=0)),i)try{if(o=1,n&&(r=l[0]&2?n["return"]:l[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,l[1])).done)return r;if(n=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;n=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){i.label=l[1];break}if(l[0]===6&&i.label<r[1]){i.label=r[1];r=l;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(l);break}if(r[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(a){l=[6,a];n=0}finally{o=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./index-241c9f42.system.js","./position-element-3e47398a.system.js"],(function(e){"use strict";var t,i,o,n,r,s,l;return{setters:[function(e){t=e.r;i=e.e;o=e.h;n=e.f;r=e.g},function(e){s=e.g;l=e.p}],execute:function(){var a=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}:host input::placeholder,:host textarea::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-primary .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8C8C8C)}.input--state-primary .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input--state-primary .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8C8C8C)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-danger .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8C8C8C)}.input--state-danger .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input--state-danger .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8C8C8C)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-success .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8C8C8C)}.input--state-success .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input--state-success .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8C8C8C)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__text::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__text::placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #636363);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__text::placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px}.input__container__wrapper .inside-input-left{display:inline}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit;-ms-flex-negative:99999;flex-shrink:99999}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}:host{display:block}.select{position:relative;outline:none;overflow:hidden}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__icon bds-icon{margin-left:10px}.select .icon-hidden{visibility:hidden}.select__options{display:grid;background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.select__options .selection-title{-ms-flex-order:-2;order:-2;width:100%;padding:8px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--color-surface-1, #F6F6F6)}.select__options .select-all{-ms-flex-order:-3;order:-3;background-color:var(--color-surface-1, #F6F6F6);padding:8px 8px 8px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-align:center;align-items:center;outline:none;-ms-flex-direction:row;flex-direction:row}.select__options .content-divisor{display:block;width:100%;height:1px;background-color:var(--color-surface-1, #F6F6F6)}.select__options .content-divisor .divisor{display:block;margin:0 16px;height:1px;background-color:var(--color-border-2, #CFCFCF)}.select__options .load-spinner{background-color:var(--color-surface-1, #F6F6F6);height:200px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.select__options .options-checked{-ms-flex-order:-1;order:-1}';var c=e("bds_autocomplete",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsSelectedChange=i(this,"bdsSelectedChange",7);this.bdsMultiselectedChange=i(this,"bdsMultiselectedChange",7);this.bdsInput=i(this,"bdsInput",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.refDropdown=function(e){o.dropElement=e};this.refIconDrop=function(e){o.iconDropElement=e};this.refCheckAllInput=function(e){o.checkAllInput=e};this.onFocus=function(){o.isFocused=true;o.isPressed=true;o.bdsFocus.emit();if(o.selectionType=="multiple")o.textMultiselect=""};this.onFocusout=function(){if(!o.isOpen){o.nativeInput.value=o.getText()}};this.onBlur=function(){var e;o.bdsBlur.emit();o.isPressed=false;if(o.selectionType=="multiple"&&((e=o.checkedOptions)===null||e===void 0?void 0:e.length)>0)o.getTextMultiselect(o.checkedOptions);if(!o.isOpen){o.isFocused=false;o.nativeInput.value=o.getText()}};this.onClickWrapper=function(){o.onFocus();o.toggle();if(o.nativeInput){o.nativeInput.focus()}};this.toggle=function(){if(!o.disabled){o.isOpen=!o.isOpen}};this.getTextFromOption=function(e){var t,i;if((e===null||e===void 0?void 0:e.status)||(e===null||e===void 0?void 0:e.bulkOption)){if(o.internalOptions){var n=o.internalOptions.find((function(t){return t.value==e.value}));if(n){return n.label}}return e.querySelector("#bds-typo-label-".concat(o.value)).textContent}return(e===null||e===void 0?void 0:e.titleText)?e.titleText:(i=(t=e===null||e===void 0?void 0:e.textContent)===null||t===void 0?void 0:t.trim())!==null&&i!==void 0?i:""};this.getText=function(){var e=o.childOptions.find((function(e){return e.value==o.value}));return o.getTextFromOption(e)};this.getTextMultiselect=function(e){var t=(e===null||e===void 0?void 0:e.length)>0&&"".concat(e===null||e===void 0?void 0:e.length," selecionados");o.textMultiselect=t};this.handlerMultiselect=function(){o.updateListChecked(o.childOptions);o.checkAllInput.checked=false};this.handleCheckAll=function(e){var t=e.detail.checked;for(var i=0,n=o.childOptions;i<n.length;i++){var r=n[i];if(t){r.toMark()}else{r.markOff()}}setTimeout((function(){o.updateListChecked(o.childOptions)}),10)};this.updateListChecked=function(e){for(var t=0,i=e;t<i.length;t++){var n=i[t];n.checked?n.classList.add("option-checked"):n.classList.remove("option-checked")}var r=Array.from(e).filter((function(e){return e.checked==true}));var s=r.map((function(e){return{value:e.value,label:e.textContent,checked:e.checked}}));o.checkedOptions=s};this.handler=function(e){var t=e.detail.value;o.value=t;o.toggle()};this.keyPressWrapper=function(e){var t,i;o.isOpen=true;switch(e.key){case"Enter":o.toggle();break;case"Tab":var n=o.findFocusedElementIndex();var r=o.sliceInvisible(n+1);var s=r[0];if(!s){o.toggle()}break;case"ArrowDown":var l=o.findFocusedElementIndex();var a=o.sliceInvisible(l+1);var c=a[0];(t=c===null||c===void 0?void 0:c.firstElementChild)===null||t===void 0?void 0:t.focus();break;case"ArrowUp":var p=o.findFocusedElementIndex();var d=o.childOptions.find((function(e){return!e.hasAttribute("invisible")}));if(o.childOptions[p]!=d){p=p>0?p:o.childOptions.length;var u=o.sliceInvisible(0,p);var h=u[u.length-1];(i=h===null||h===void 0?void 0:h.firstElementChild)===null||i===void 0?void 0:i.focus()}break}};this.cleanInputSelection=function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!!this.disabled)return[3,2];this.value="";this.nativeInput.value="";this.isOpen=false;this.bdsCancel.emit({value:""});return[4,this.resetFilterOptions()];case 1:e.sent();e.label=2;case 2:return[2]}}))}))};this.changedInputValue=function(e){return __awaiter(o,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:t=e.target;if(t){this.value=t.value||""}this.bdsInput.emit(e);if(!this.nativeInput.value)return[3,2];return[4,this.filterOptions(this.nativeInput.value)];case 1:i.sent();return[3,5];case 2:this.value="";if(!this.isOpen)return[3,4];return[4,this.resetFilterOptions()];case 3:i.sent();return[3,5];case 4:this.setTimeoutFilter();i.label=5;case 5:if(this.isOpen===false){this.value=this.getSelectedValue();this.setTimeoutFilter()}return[2]}}))}))};this.intoView=null;this.isPressed=false;this.isOpen=false;this.text="";this.textMultiselect="";this.placeholderState=this.placeholder;this.internalOptions=undefined;this.cloneOptions=undefined;this.checkedOptions=undefined;this.isFocused=false;this.validationDanger=false;this.validationMesage="";this.options=undefined;this.value=undefined;this.selected=undefined;this.danger=false;this.success=false;this.disabled=false;this.searchOnlyTitle=true;this.label="";this.icon="";this.placeholder="";this.helperMessage="";this.errorMessage="";this.successMessage="";this.optionsPosition="auto";this.clearIconOnFocus=false;this.dataTest=null;this.loading=false;this.selectionType="single";this.selectionTitle=""}e.prototype.isOpenChanged=function(e){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(e)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.itemSelectedChanged=function(){this.bdsSelectedChange.emit(this.selected)};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value==null?this.value:this.value.toString()});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.selected=this.childOptionSelected;this.text=this.getText()};e.prototype.handleWindow=function(e){if(!this.el.contains(e.target)){this.isOpen=false}};e.prototype.changeCheckedOptions=function(){var e;this.placeholderState=this.selectionType==="multiple"?((e=this.checkedOptions)===null||e===void 0?void 0:e.length)===0||this.checkedOptions===null?this.placeholder:"":this.placeholder;this.getTextMultiselect(this.checkedOptions);this.bdsMultiselectedChange.emit({value:this.checkedOptions})};e.prototype.parseOptions=function(){if(this.options){this.resetFilterOptions();try{this.internalOptions=typeof this.options==="string"?JSON.parse(this.options):this.options}catch(e){this.internalOptions=[]}}};e.prototype.changeSelectionType=function(){if(!this.options){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];if(this.selectionType==="multiple"){i.typeOption="checkbox";i.addEventListener("optionChecked",this.handlerMultiselect)}else{i.typeOption="default";i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}}}};e.prototype.componentWillLoad=function(){this.intoView=s(this.el);this.options&&this.parseOptions()};e.prototype.componentDidLoad=function(){if(!this.options){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];if(this.selectionType==="multiple"){i.typeOption="checkbox";i.addEventListener("optionChecked",this.handlerMultiselect)}else{i.typeOption="default";i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}}}this.text=this.getText();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.setDefaultPlacement=function(e){if(e=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.validatePositionDrop=function(){var e=l({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=e.y;if(e.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.sliceInvisible=function(e,t){if(t===void 0){t=this.childOptions.length}return this.childOptions.slice(e,t).filter((function(e){return!e.hasAttribute("invisible")}))};e.prototype.findFocusedElementIndex=function(){return this.childOptions.findIndex((function(e){return e.firstElementChild.matches(":focus")}))};e.prototype.setTimeoutFilter=function(){var e=this;setTimeout((function(){e.resetFilterOptions()}),500)};e.prototype.filterOptions=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,o,n,r;return __generator(this,(function(s){switch(s.label){case 0:if(!!e)return[3,2];return[4,this.resetFilterOptions()];case 1:s.sent();s.label=2;case 2:for(t=0,i=this.childOptions;t<i.length;t++){o=i[t];n=this.searchOnlyTitle?this.getTextFromOption(o).toLowerCase():o.textContent.toLowerCase();r=e.toLowerCase();n.includes(r)?o.removeAttribute("invisible"):o.setAttribute("invisible","invisible")}return[2]}}))}))};e.prototype.resetFilterOptions=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,o;return __generator(this,(function(n){e=this.childOptions;for(t=0,i=e;t<i.length;t++){o=i[t];o.removeAttribute("invisible")}return[2]}))}))};e.prototype.getSelectedValue=function(){var e;return(e=this.childOptionSelected)===null||e===void 0?void 0:e.value};e.prototype.renderIcon=function(){return this.icon&&o("div",{class:{input__icon:true,"input__icon--large":!!this.label}},o("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&o("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},o("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":this.success?"checkball":"info";var t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(t){return o("div",{class:i,part:"input__message"},o("div",{class:"input__message__icon"},o("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),o("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e=this;var t,i;return o(n,{"aria-disabled":this.disabled?"true":null},o("div",{class:{input:true,select:true,"input--state-primary":!this.danger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":this.isPressed},onClick:this.onClickWrapper,onKeyDown:this.keyPressWrapper},this.renderIcon(),o("div",{class:"input__container",tabindex:"0",onFocusout:this.onFocusout,onKeyDown:this.keyPressWrapper},this.renderLabel(),o("div",{class:{input__container__wrapper:true}},((t=this.textMultiselect)===null||t===void 0?void 0:t.length)>0&&o("bds-typo",{variant:"fs-14",class:"inside-input-left"},this.textMultiselect),o("input",{class:{input__container__text:true},ref:function(t){return e.nativeInput=t},disabled:this.disabled,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.changedInputValue,placeholder:this.placeholderState,type:"text",value:this.text,"data-test":this.dataTest}))),o("div",{class:"select__icon"},o("bds-icon",{size:"small",name:"error",theme:"solid",onClick:this.cleanInputSelection,class:{"icon-hidden":this.clearIconOnFocus&&(!this.isFocused||!this.isOpen)||!this.value}}),o("bds-icon",{ref:function(t){return e.refIconDrop(t)},size:"small",color:"inherit"}))),this.renderMessage(),this.loading?o("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen}},o("bds-loading-spinner",{class:"load-spinner",size:"small"})):o("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen}},this.selectionTitle&&this.selectionType=="multiple"&&o("bds-typo",{class:"selection-title",variant:"fs-10",bold:"bold"},this.selectionTitle),this.selectionType=="multiple"&&(this.value==null||this.value.length<=0)&&o("bds-checkbox",{ref:this.refCheckAllInput,refer:"refer-multiselect",label:"Selecionar Todos",name:"chack-all",class:"select-all",onBdsChange:function(t){return e.handleCheckAll(t)}}),((i=this.checkedOptions)===null||i===void 0?void 0:i.length)>0&&o("span",{class:"content-divisor"},o("span",{class:"divisor"})),this.internalOptions?this.internalOptions.map((function(t,i){return o("bds-select-option",{onOptionSelected:e.handler,onOptionChecked:e.handlerMultiselect,selected:e.value===t.value,value:t.value,key:i,bulkOption:t.bulkOption,status:t.status,"type-option":e.selectionType=="multiple"?"checkbox":"default"},t.label)})):o("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"],selected:["itemSelectedChanged"],value:["valueChanged"],checkedOptions:["changeCheckedOptions"],options:["parseOptions"],selectionType:["changeSelectionType"]}},enumerable:false,configurable:true});return e}());c.style=a}}}));
1
+ var __awaiter=this&&this.__awaiter||function(e,t,i,o){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{a(o.next(e))}catch(t){r(t)}}function l(e){try{a(o["throw"](e))}catch(t){r(t)}}function a(e){e.done?i(e.value):n(e.value).then(s,l)}a((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,n,r,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(t){return a([e,t])}}function a(l){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(i=0)),i)try{if(o=1,n&&(r=l[0]&2?n["return"]:l[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,l[1])).done)return r;if(n=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;n=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){i.label=l[1];break}if(l[0]===6&&i.label<r[1]){i.label=r[1];r=l;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(l);break}if(r[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(a){l=[6,a];n=0}finally{o=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./index-241c9f42.system.js","./position-element-3e47398a.system.js"],(function(e){"use strict";var t,i,o,n,r,s,l;return{setters:[function(e){t=e.r;i=e.e;o=e.h;n=e.f;r=e.g},function(e){s=e.g;l=e.p}],execute:function(){var a=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}:host input::placeholder,:host textarea::placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #F6F6F6)}.input--state-primary{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary .input__icon{position:relative}.input--state-primary .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #1e6bf1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__container__label{color:var(--color-content-default, #454545)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #1e6bf1)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #1e6bf1);color:var(--color-content-default, #454545)}.input--state-primary .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8C8C8C)}.input--state-primary .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input--state-primary .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8C8C8C)}.input--state-danger{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger .input__icon{position:relative}.input--state-danger .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-delete, #e60f0f);z-index:0;opacity:50%;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #e60f0f);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #f99f9f);box-shadow:0 0 0 2px var(--color-error, #f99f9f)}.input--state-danger .input__container__label{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #e60f0f)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #e60f0f);color:var(--color-content-default, #454545)}.input--state-danger .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8C8C8C)}.input--state-danger .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input--state-danger .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8C8C8C)}.input--state-success{border:1px solid var(--color-border-1, #B1B1B1);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success .input__icon{position:relative}.input--state-success .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-success, #84ebbc);z-index:0;border-radius:8px}.input--state-success:hover{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-success.input--pressed{border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-success, #84ebbc);box-shadow:0 0 0 2px var(--color-success, #84ebbc)}.input--state-success .input__container__label{color:var(--color-content-default, #454545)}.input--state-success .input__container__label--pressed{color:var(--color-content-default, #454545)}.input--state-success .input__container__text{caret-color:var(--color-content-default, #454545);color:var(--color-content-default, #454545)}.input--state-success .input__container__text:-moz-placeholder-shown{color:var(--color-content-ghost, #8C8C8C)}.input--state-success .input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input--state-success .input__container__text:placeholder-shown{color:var(--color-content-ghost, #8C8C8C)}.input--state-disabled{opacity:50%;pointer-events:none;cursor:not-allowed;background:var(--color-surface-2, #E0E0E0)}.input--state-disabled .input__icon{position:relative}.input--state-disabled .input__icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary, #1e6bf1);z-index:0;opacity:50%;border-radius:8px}.input .icon-success{color:var(--color-success, #84ebbc);margin-left:4px}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__text::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__text::placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #636363);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger .bds-icon{color:var(--color-delete, #e60f0f)}.input__message--danger .input__message__text{color:var(--color-delete, #e60f0f)}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text::-webkit-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__text::-moz-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__text:-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__text::-ms-input-placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__text::placeholder{color:var(--color-content-ghost, #8C8C8C)}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px}.input__container__wrapper .inside-input-left{display:inline}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit;-ms-flex-negative:99999;flex-shrink:99999}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}:host{display:block}.select{position:relative;outline:none;overflow:hidden}.select__icon{color:var(--color-content-ghost, #8C8C8C);display:-ms-flexbox;display:flex}.select__icon bds-icon{margin-left:10px}.select .icon-hidden{visibility:hidden}.select__options{display:grid;background:var(--color-surface-2, #E0E0E0);width:100%;max-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;pointer-events:none;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.select__options .selection-title{-ms-flex-order:-2;order:-2;width:100%;padding:8px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--color-surface-1, #F6F6F6)}.select__options .select-all{-ms-flex-order:-3;order:-3;background-color:var(--color-surface-1, #F6F6F6);padding:8px 8px 8px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-align:center;align-items:center;outline:none;-ms-flex-direction:row;flex-direction:row}.select__options .content-divisor{display:block;width:100%;height:1px;background-color:var(--color-surface-1, #F6F6F6)}.select__options .content-divisor .divisor{display:block;margin:0 16px;height:1px;background-color:var(--color-border-2, #CFCFCF)}.select__options .load-spinner{background-color:var(--color-surface-1, #F6F6F6);height:200px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.select__options--open{opacity:1;pointer-events:auto}.select__options--position-top{bottom:calc(100% + 4px)}.select__options--position-bottom{top:calc(100% + 4px)}.select__options .options-checked{-ms-flex-order:-1;order:-1}';var c=e("bds_autocomplete",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsSelectedChange=i(this,"bdsSelectedChange",7);this.bdsMultiselectedChange=i(this,"bdsMultiselectedChange",7);this.bdsInput=i(this,"bdsInput",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.refDropdown=function(e){o.dropElement=e};this.refIconDrop=function(e){o.iconDropElement=e};this.refCheckAllInput=function(e){o.checkAllInput=e};this.onFocus=function(){o.isFocused=true;o.isPressed=true;o.bdsFocus.emit();if(o.selectionType=="multiple")o.textMultiselect=""};this.onFocusout=function(){if(!o.isOpen){o.nativeInput.value=o.getText()}};this.onBlur=function(){var e;o.bdsBlur.emit();o.isPressed=false;if(o.selectionType=="multiple"&&((e=o.checkedOptions)===null||e===void 0?void 0:e.length)>0)o.getTextMultiselect(o.checkedOptions);if(!o.isOpen){o.isFocused=false;o.nativeInput.value=o.getText()}};this.onClickWrapper=function(){o.onFocus();o.toggle();if(o.nativeInput){o.nativeInput.focus()}};this.toggle=function(){if(!o.disabled){o.isOpen=!o.isOpen}};this.getTextFromOption=function(e){var t,i;if((e===null||e===void 0?void 0:e.status)||(e===null||e===void 0?void 0:e.bulkOption)){if(o.internalOptions){var n=o.internalOptions.find((function(t){return t.value==e.value}));if(n){return n.label}}return e.querySelector("#bds-typo-label-".concat(o.value)).textContent}return(e===null||e===void 0?void 0:e.titleText)?e.titleText:(i=(t=e===null||e===void 0?void 0:e.textContent)===null||t===void 0?void 0:t.trim())!==null&&i!==void 0?i:""};this.getText=function(){var e=o.childOptions.find((function(e){return e.value==o.value}));return o.getTextFromOption(e)};this.getTextMultiselect=function(e){var t=(e===null||e===void 0?void 0:e.length)>0&&"".concat(e===null||e===void 0?void 0:e.length," selecionados");o.textMultiselect=t};this.handlerMultiselect=function(){o.updateListChecked(o.childOptions);o.checkAllInput.checked=false};this.handleCheckAll=function(e){var t=e.detail.checked;for(var i=0,n=o.childOptions;i<n.length;i++){var r=n[i];if(t){r.toMark()}else{r.markOff()}}setTimeout((function(){o.updateListChecked(o.childOptions)}),10)};this.updateListChecked=function(e){for(var t=0,i=e;t<i.length;t++){var n=i[t];n.checked?n.classList.add("option-checked"):n.classList.remove("option-checked")}var r=Array.from(e).filter((function(e){return e.checked==true}));var s=r.map((function(e){return{value:e.value,label:e.textContent,checked:e.checked}}));o.checkedOptions=s};this.handler=function(e){var t=e.detail.value;o.value=t;o.toggle()};this.cleanInputSelection=function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!!this.disabled)return[3,2];this.value="";this.nativeInput.value="";this.isOpen=false;this.bdsCancel.emit({value:""});return[4,this.resetFilterOptions()];case 1:e.sent();e.label=2;case 2:return[2]}}))}))};this.changedInputValue=function(e){return __awaiter(o,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:t=e.target;if(t){this.value=t.value||""}this.bdsInput.emit(e);if(!this.nativeInput.value)return[3,2];return[4,this.filterOptions(this.nativeInput.value)];case 1:i.sent();return[3,5];case 2:this.value="";if(!this.isOpen)return[3,4];return[4,this.resetFilterOptions()];case 3:i.sent();return[3,5];case 4:this.setTimeoutFilter();i.label=5;case 5:if(this.isOpen===false){this.value=this.getSelectedValue();this.setTimeoutFilter()}return[2]}}))}))};this.intoView=null;this.isPressed=false;this.isOpen=false;this.text="";this.textMultiselect="";this.placeholderState=this.placeholder;this.internalOptions=undefined;this.cloneOptions=undefined;this.checkedOptions=undefined;this.isFocused=false;this.validationDanger=false;this.validationMesage="";this.options=undefined;this.value=undefined;this.selected=undefined;this.danger=false;this.success=false;this.disabled=false;this.searchOnlyTitle=true;this.label="";this.icon="";this.placeholder="";this.helperMessage="";this.errorMessage="";this.successMessage="";this.optionsPosition="auto";this.clearIconOnFocus=false;this.dataTest=null;this.loading=false;this.selectionType="single";this.selectionTitle=""}e.prototype.isOpenChanged=function(e){if(this.positionHeightDrop=="bottom"){this.iconDropElement.name=this.isOpen?"arrow-up":"arrow-down"}else{this.iconDropElement.name=this.isOpen?"arrow-down":"arrow-up"}if(e)if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.itemSelectedChanged=function(){this.bdsSelectedChange.emit(this.selected)};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value==null?this.value:this.value.toString()});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.selected=this.childOptionSelected;this.text=this.getText()};e.prototype.handleWindow=function(e){if(!this.el.contains(e.target)){this.isOpen=false}};e.prototype.changeCheckedOptions=function(){var e;this.placeholderState=this.selectionType==="multiple"?((e=this.checkedOptions)===null||e===void 0?void 0:e.length)===0||this.checkedOptions===null?this.placeholder:"":this.placeholder;this.getTextMultiselect(this.checkedOptions);this.bdsMultiselectedChange.emit({value:this.checkedOptions})};e.prototype.parseOptions=function(){if(this.options){this.resetFilterOptions();try{this.internalOptions=typeof this.options==="string"?JSON.parse(this.options):this.options}catch(e){this.internalOptions=[]}}};e.prototype.changeSelectionType=function(){if(!this.options){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];if(this.selectionType==="multiple"){i.typeOption="checkbox";i.addEventListener("optionChecked",this.handlerMultiselect)}else{i.typeOption="default";i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}}}};e.prototype.componentWillLoad=function(){this.intoView=s(this.el);this.options&&this.parseOptions()};e.prototype.componentDidLoad=function(){if(!this.options){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];if(this.selectionType==="multiple"){i.typeOption="checkbox";i.addEventListener("optionChecked",this.handlerMultiselect)}else{i.typeOption="default";i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}}}this.text=this.getText();if(this.optionsPosition!="auto"){this.setDefaultPlacement(this.optionsPosition)}else{this.validatePositionDrop()}};e.prototype.setDefaultPlacement=function(e){if(e=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};e.prototype.validatePositionDrop=function(){var e=l({actionElement:this.el,changedElement:this.dropElement,intoView:this.intoView});this.positionHeightDrop=e.y;if(e.y=="bottom"){this.dropElement.classList.add("select__options--position-bottom");this.iconDropElement.name="arrow-down"}else{this.dropElement.classList.add("select__options--position-top");this.iconDropElement.name="arrow-up"}};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.keyPressWrapper=function(e){var t,i,o,n;switch(e.key){case"Enter":this.toggle();break;case"ArrowDown":if(!this.disabled){this.isOpen=true}if(this.childOptionSelected){this.value=(t=this.childOptionSelected.nextSibling)===null||t===void 0?void 0:t.value;return}this.value=(i=this.el.firstElementChild)===null||i===void 0?void 0:i.value;break;case"ArrowUp":if(this.childOptionSelected){this.value=(o=this.childOptionSelected.previousSibling)===null||o===void 0?void 0:o.value;return}this.value=(n=this.el.lastElementChild)===null||n===void 0?void 0:n.value;break}};e.prototype.setTimeoutFilter=function(){var e=this;setTimeout((function(){e.resetFilterOptions()}),500)};e.prototype.filterOptions=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,o,n,r;return __generator(this,(function(s){switch(s.label){case 0:if(!!e)return[3,2];return[4,this.resetFilterOptions()];case 1:s.sent();s.label=2;case 2:for(t=0,i=this.childOptions;t<i.length;t++){o=i[t];n=this.searchOnlyTitle?this.getTextFromOption(o).toLowerCase():o.textContent.toLowerCase();r=e.toLowerCase();n.includes(r)?o.removeAttribute("invisible"):o.setAttribute("invisible","invisible")}return[2]}}))}))};e.prototype.resetFilterOptions=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,o;return __generator(this,(function(n){e=this.childOptions;for(t=0,i=e;t<i.length;t++){o=i[t];o.removeAttribute("invisible")}return[2]}))}))};e.prototype.getSelectedValue=function(){var e;return(e=this.childOptionSelected)===null||e===void 0?void 0:e.value};e.prototype.renderIcon=function(){return this.icon&&o("div",{class:{input__icon:true,"input__icon--large":!!this.label}},o("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&o("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},o("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.renderMessage=function(){var e=this.danger?"error":this.success?"checkball":"info";var t=this.danger?this.errorMessage:this.success?this.successMessage:this.helperMessage;if(!t&&this.validationDanger)t=this.validationMesage;var i=this.danger||this.validationDanger?"input__message input__message--danger":this.success?"input__message input__message--success":"input__message";if(t){return o("div",{class:i,part:"input__message"},o("div",{class:"input__message__icon"},o("bds-icon",{size:"x-small",name:e,theme:"solid",color:"inherit"})),o("bds-typo",{class:"input__message__text",variant:"fs-12"},t))}return undefined};e.prototype.render=function(){var e=this;var t,i;return o(n,{"aria-disabled":this.disabled?"true":null},o("div",{class:{input:true,select:true,"input--state-primary":!this.danger,"input--state-danger":this.danger||this.validationDanger,"input--state-success":this.success,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":this.isPressed},onClick:this.onClickWrapper},this.renderIcon(),o("div",{class:"input__container",tabindex:"0",onFocusout:this.onFocusout},this.renderLabel(),o("div",{class:{input__container__wrapper:true}},((t=this.textMultiselect)===null||t===void 0?void 0:t.length)>0&&o("bds-typo",{variant:"fs-14",class:"inside-input-left"},this.textMultiselect),o("input",{class:{input__container__text:true},ref:function(t){return e.nativeInput=t},disabled:this.disabled,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.changedInputValue,placeholder:this.placeholderState,type:"text",value:this.text,"data-test":this.dataTest,onKeyDown:this.keyPressWrapper.bind(this)}))),o("div",{class:"select__icon"},o("bds-icon",{size:"small",name:"error",theme:"solid",onClick:this.cleanInputSelection,class:{"icon-hidden":this.clearIconOnFocus&&(!this.isFocused||!this.isOpen)||!this.value}}),o("bds-icon",{ref:function(t){return e.refIconDrop(t)},size:"small",color:"inherit"}))),this.renderMessage(),this.loading?o("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen}},o("bds-loading-spinner",{class:"load-spinner",size:"small"})):o("div",{ref:function(t){return e.refDropdown(t)},class:{select__options:true,"select__options--open":this.isOpen}},this.selectionTitle&&this.selectionType=="multiple"&&o("bds-typo",{class:"selection-title",variant:"fs-10",bold:"bold"},this.selectionTitle),this.selectionType=="multiple"&&(this.value==null||this.value.length<=0)&&o("bds-checkbox",{ref:this.refCheckAllInput,refer:"refer-multiselect",label:"Selecionar Todos",name:"chack-all",class:"select-all",onBdsChange:function(t){return e.handleCheckAll(t)}}),((i=this.checkedOptions)===null||i===void 0?void 0:i.length)>0&&o("span",{class:"content-divisor"},o("span",{class:"divisor"})),this.internalOptions?this.internalOptions.map((function(t,i){return o("bds-select-option",{onOptionSelected:e.handler,onOptionChecked:e.handlerMultiselect,selected:e.value===t.value,value:t.value,key:i,bulkOption:t.bulkOption,status:t.status,"type-option":e.selectionType=="multiple"?"checkbox":"default"},t.label)})):o("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"],selected:["itemSelectedChanged"],value:["valueChanged"],checkedOptions:["changeCheckedOptions"],options:["parseOptions"],selectionType:["changeSelectionType"]}},enumerable:false,configurable:true});return e}());c.style=a}}}));
@@ -21,6 +21,7 @@ const IconButton = class {
21
21
  this.disabled = false;
22
22
  this.size = 'standard';
23
23
  this.variant = 'primary';
24
+ this.iconTheme = 'outline';
24
25
  this.icon = null;
25
26
  this.dataTest = null;
26
27
  }
@@ -34,7 +35,7 @@ const IconButton = class {
34
35
  [state]: true,
35
36
  [`${state}--disabled`]: this.disabled,
36
37
  [`size-${this.size}`]: true,
37
- }, "data-test": this.dataTest }, h("bds-icon", { name: this.icon, size: size, color: "inherit" })));
38
+ }, "data-test": this.dataTest }, h("bds-icon", { name: this.icon, size: size, theme: this.iconTheme, color: "inherit" })));
38
39
  }
39
40
  };
40
41
  IconButton.style = iconButtonCss;
@@ -1 +1 @@
1
- System.register(["./index-241c9f42.system.js"],(function(o){"use strict";var t,n;return{setters:[function(o){t=o.r;n=o.h}],execute:function(){var e='.icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:0;border-radius:8px}.icon__button:hover::before{background-color:var(--color-hover, rgba(0, 0, 0, 0.08))}.icon__button:active::before{background-color:var(--color-pressed, rgba(0, 0, 0, 0.16))}.icon__button *{pointer-events:none}.icon__button--primary{background:var(--color-primary, #1e6bf1)}.icon__button--primary .bds-icon{color:var(--color-content-bright, #ffffff)}.icon__button--primary--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#e8f2ff;border:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{color:#e8f2ff;border:#637798}.icon__button--secondary{color:var(--color-content-default, #454545);background:transparent}.icon__button--secondary .bds-icon{color:var(--color-content-default, #454545)}.icon__button--secondary--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:transparent;border:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{color:transparent;border:#637798}.icon__button--tertiary{background:transparent;border:1px solid var(--color-border-1, #B1B1B1)}.icon__button--tertiary .bds-icon{color:var(--color-content-default, #454545)}.icon__button--tertiary--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{color:#637798;border:1px solid #637798}.icon__button--ghost{background:transparent;border:1px solid var(--color-border-1, #B1B1B1)}.icon__button--ghost .bds-icon{color:var(--color-content-default, #454545)}.icon__button--ghost--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--delete{background:var(--color-delete, #e60f0f)}.icon__button--delete .bds-icon{color:var(--color-content-bright, #ffffff)}.icon__button--delete--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{color:#ba5a5a}.icon__button.size-tall{width:56px;height:56px}.icon__button.size-standard{width:48px;height:48px}.icon__button.size-short{width:40px;height:40px}';var r=o("bds_button_icon",function(){function o(o){t(this,o);this.mapSize={tall:"xxx-large",standard:"x-large",short:"medium"};this.mapVariantStyle={primary:"icon__button--primary",secondary:"icon__button--secondary",tertiary:"icon__button--tertiary",delete:"icon__button--delete",ghost:"icon__button--ghost","secondary--white":"icon__button--secondary-white"};this.disabled=false;this.size="standard";this.variant="primary";this.icon=null;this.dataTest=null}o.prototype.render=function(){var o;if(!this.icon)return null;var t=this.mapSize[this.size];var e=this.mapVariantStyle[this.variant];return n("button",{disabled:this.disabled,class:(o={},o["icon__button"]=true,o[e]=true,o["".concat(e,"--disabled")]=this.disabled,o["size-".concat(this.size)]=true,o),"data-test":this.dataTest},n("bds-icon",{name:this.icon,size:t,color:"inherit"}))};return o}());r.style=e}}}));
1
+ System.register(["./index-241c9f42.system.js"],(function(o){"use strict";var t,n;return{setters:[function(o){t=o.r;n=o.h}],execute:function(){var e='.icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:0;border-radius:8px}.icon__button:hover::before{background-color:var(--color-hover, rgba(0, 0, 0, 0.08))}.icon__button:active::before{background-color:var(--color-pressed, rgba(0, 0, 0, 0.16))}.icon__button *{pointer-events:none}.icon__button--primary{background:var(--color-primary, #1e6bf1)}.icon__button--primary .bds-icon{color:var(--color-content-bright, #ffffff)}.icon__button--primary--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#e8f2ff;border:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{color:#e8f2ff;border:#637798}.icon__button--secondary{color:var(--color-content-default, #454545);background:transparent}.icon__button--secondary .bds-icon{color:var(--color-content-default, #454545)}.icon__button--secondary--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:transparent;border:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{color:transparent;border:#637798}.icon__button--tertiary{background:transparent;border:1px solid var(--color-border-1, #B1B1B1)}.icon__button--tertiary .bds-icon{color:var(--color-content-default, #454545)}.icon__button--tertiary--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{color:#637798;border:1px solid #637798}.icon__button--ghost{background:transparent;border:1px solid var(--color-border-1, #B1B1B1)}.icon__button--ghost .bds-icon{color:var(--color-content-default, #454545)}.icon__button--ghost--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--delete{background:var(--color-delete, #e60f0f)}.icon__button--delete .bds-icon{color:var(--color-content-bright, #ffffff)}.icon__button--delete--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{color:#ba5a5a}.icon__button.size-tall{width:56px;height:56px}.icon__button.size-standard{width:48px;height:48px}.icon__button.size-short{width:40px;height:40px}';var r=o("bds_button_icon",function(){function o(o){t(this,o);this.mapSize={tall:"xxx-large",standard:"x-large",short:"medium"};this.mapVariantStyle={primary:"icon__button--primary",secondary:"icon__button--secondary",tertiary:"icon__button--tertiary",delete:"icon__button--delete",ghost:"icon__button--ghost","secondary--white":"icon__button--secondary-white"};this.disabled=false;this.size="standard";this.variant="primary";this.iconTheme="outline";this.icon=null;this.dataTest=null}o.prototype.render=function(){var o;if(!this.icon)return null;var t=this.mapSize[this.size];var e=this.mapVariantStyle[this.variant];return n("button",{disabled:this.disabled,class:(o={},o["icon__button"]=true,o[e]=true,o["".concat(e,"--disabled")]=this.disabled,o["size-".concat(this.size)]=true,o),"data-test":this.dataTest},n("bds-icon",{name:this.icon,size:t,theme:this.iconTheme,color:"inherit"}))};return o}());r.style=e}}}));
@@ -31,6 +31,7 @@ const Button = class {
31
31
  this.icon = null;
32
32
  this.arrow = false;
33
33
  this.type = 'button';
34
+ this.iconTheme = 'outline';
34
35
  this.typeIcon = 'icon';
35
36
  this.bdsLoading = false;
36
37
  this.bdsLoadingVariant = 'primary';
@@ -41,7 +42,7 @@ const Button = class {
41
42
  return this.arrow || !!this.icon ? `button--size-${this.size}--icon` : `button--size-${this.size}`;
42
43
  }
43
44
  renderIcon() {
44
- return (this.icon && (h("div", { class: { button__icon: true, hide: this.bdsLoading && true } }, h("bds-icon", { class: { icon_buttom: true }, name: this.icon, type: this.typeIcon, color: "inherit" }))));
45
+ return (this.icon && (h("div", { class: { button__icon: true, hide: this.bdsLoading && true } }, h("bds-icon", { class: { icon_buttom: true }, name: this.icon, theme: this.iconTheme, type: this.typeIcon, color: "inherit" }))));
45
46
  }
46
47
  renderText() {
47
48
  return (h("div", { class: {
@@ -1 +1 @@
1
- System.register(["./index-241c9f42.system.js"],(function(t){"use strict";var o,e,n,r,i;return{setters:[function(t){o=t.r;e=t.e;n=t.h;r=t.f;i=t.g}],execute:function(){var a=':host(.block){width:100%;display:-ms-flexbox;display:flex}:host{position:relative}:host:focus-visible{outline:none}.button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;border-radius:8px;padding-left:16px;padding-right:16px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.button::-moz-focus-inner{border:0;padding:0}.button--block{width:100%}.button bds-loading-spinner{max-height:100%;position:absolute}.button *{pointer-events:none}.button--size-tall{padding-top:14px;padding-bottom:14px;height:40px}.button--size-tall--icon{padding-top:12px;padding-bottom:12px;height:40px}.button--size-standard{padding-top:9px;padding-bottom:9px;height:40px}.button--size-standard bds-loading-spinner{width:32px;height:32px;top:calc(50% - 16px)}.button--size-standard--icon{padding-top:8px;padding-bottom:8px;height:40px}.button--size-short{padding-top:5px;padding-bottom:5px;height:32px}.button--size-short bds-loading-spinner{width:16px;height:16px;top:calc(50% - 8px)}.button--size-short--icon{padding-top:4px;padding-bottom:4px;height:32px}.button--size-icon--left{padding-left:16px}.button--size-icon--right{padding-right:16px}.button__icon{color:inherit;background-color:inherit;height:24px;margin-right:4px}.button__arrow{color:inherit;background-color:inherit;height:24px;margin-left:2px}.button__content{height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;z-index:1}.button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:0;border-radius:8px}.button:hover::before{background-color:var(--color-hover, rgba(0, 0, 0, 0.08))}.button:active::before{background-color:var(--color-pressed, rgba(0, 0, 0, 0.16))}.button__primary{background:var(--color-primary, #1e6bf1)}.button__primary .typo_buttom,.button__primary .icon_buttom,.button__primary .arrow_buttom{color:var(--color-content-bright, #ffffff)}.button__primary--disabled{opacity:50%;pointer-events:none;color:var(--color-content-bright, #ffffff)}.button__primary--disabled:hover,.button__primary--disabled:active{color:var(--color-content-bright, #ffffff)}.button__secondary{background:transparent}.button__secondary .typo_buttom,.button__secondary .icon_buttom,.button__secondary .arrow_buttom{color:var(--color-content-default, #454545)}.button__secondary--disabled{opacity:50%;pointer-events:none;color:#637798}.button__secondary--disabled:hover,.button__secondary--disabled:active{color:#637798}.button__tertiary{background:transparent;border:1px solid var(--color-border-1, #B1B1B1)}.button__tertiary .typo_buttom,.button__tertiary .icon_buttom,.button__tertiary .arrow_buttom{color:var(--color-content-default, #454545)}.button__tertiary--disabled{opacity:50%;pointer-events:none;color:#637798;border:1px solid #637798}.button__tertiary--disabled:hover,.button__tertiary--disabled:active{color:#637798;border:1px solid #637798}.button__secondary--white{background:transparent}.button__secondary--white .typo_buttom,.button__secondary--white .icon_buttom,.button__secondary--white .arrow_buttom{color:#ffffff}.button__secondary--white:hover{background:rgba(255, 255, 255, 0.3);color:#ffffff}.button__secondary--white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.button__secondary--white--disabled{opacity:50%;pointer-events:none;color:#8ca0b3}.button__secondary--white--disabled:hover,.button__secondary--white--disabled:active{color:#8ca0b3}.button__ghost{background:transparent;border:1px solid var(--color-border-1, #B1B1B1)}.button__ghost .typo_buttom,.button__ghost .icon_buttom,.button__ghost .arrow_buttom{color:var(--color-content-default, #454545)}.button__ghost--disabled{opacity:50%;pointer-events:none;color:#637798;border:1px solid #637798}.button__ghost--disabled:hover,.button__ghost--disabled:active{color:#637798;border:1px solid #637798}.button__delete{background:var(--color-delete, #e60f0f)}.button__delete .typo_buttom,.button__delete .icon_buttom,.button__delete .arrow_buttom{color:var(--color-content-bright, #ffffff)}.button__delete--disabled{opacity:50%;pointer-events:none;color:#ba5a5a}.button__delete--disabled:hover,.button__delete--disabled:active{color:#ba5a5a}.button__dashed{background:transparent;border:1px dashed #3f7de8}.button__dashed .typo_buttom,.button__dashed .icon_buttom,.button__dashed .arrow_buttom{color:#3f7de8}.button__dashed:hover{background:transparent;color:#125ad5;border:1px dashed #125ad5}.button__dashed:active{background:transparent;color:#3f7de8;border:1px dashed #3f7de8}.button__dashed--disabled{opacity:50%;pointer-events:none;color:#8ca0b3;border:1px dashed #8ca0b3}.button__dashed--disabled:hover,.button__dashed--disabled:active{color:#8ca0b3;border:1px dashed #8ca0b3}.button__facebook{background:#1877f2}.button__facebook .typo_buttom,.button__facebook .icon_buttom,.button__facebook .arrow_buttom{color:#f8fbfb}.button__facebook:hover{background:#1771e6}.button__facebook:active{background:#3f7de8;color:#f8fbfb}.button__facebook--disabled{opacity:50%;pointer-events:none;color:#8ca0b3}.button__facebook--disabled:hover,.button__facebook--disabled:active{color:#8ca0b3}.button .hide{cursor:not-allowed;opacity:0}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}.disabled{pointer-events:none}';var d=t("bds_button",function(){function t(t){var n=this;o(this,t);this.bdsClick=e(this,"bdsClick",7);this.handleClick=function(t){if(!n.disabled){n.bdsClick.emit(t);if(t.key==="Enter"){n.bdsClick.emit(t)}var o=n.el.closest("form");if(o){t.preventDefault();var e=document.createElement("button");e.type=n.type;e.style.display="none";o.appendChild(e);e.click();e.remove()}}};this.block=false;this.disabled=false;this.size="standard";this.variant="primary";this.icon=null;this.arrow=false;this.type="button";this.typeIcon="icon";this.bdsLoading=false;this.bdsLoadingVariant="primary";this.bdsLoadingColor="main";this.dataTest=null}t.prototype.getSizeClass=function(){return this.arrow||!!this.icon?"button--size-".concat(this.size,"--icon"):"button--size-".concat(this.size)};t.prototype.renderIcon=function(){return this.icon&&n("div",{class:{button__icon:true,hide:this.bdsLoading&&true}},n("bds-icon",{class:{icon_buttom:true},name:this.icon,type:this.typeIcon,color:"inherit"}))};t.prototype.renderText=function(){var t;return n("div",{class:(t={button__content:true},t["button__content__".concat(this.variant)]=true,t["button__content__".concat(this.variant,"--disabled")]=this.disabled,t.hide=this.bdsLoading&&true,t)},n("bds-typo",{class:{typo_buttom:true},variant:"fs-14",lineHeight:"simple",bold:"bold"},n("slot",null)))};t.prototype.renderArrow=function(){return this.arrow&&n("div",{class:{button__arrow:true,hide:this.bdsLoading&&true}},n("bds-icon",{class:{arrow_buttom:true},name:"arrow-right",color:"inherit"}))};t.prototype.renderLoadingSpinner=function(){var t=this.variant=="primary"||this.variant=="delete"?"light":"main";if(this.size==="short"){return n("bds-loading-spinner",{size:"extra-small",color:t})}else{return n("bds-loading-spinner",{size:"small",color:t})}};t.prototype.render=function(){var t;var o=this;var e=this.getSizeClass();return n(r,{class:{host:true,block:this.block}},n("div",{tabindex:"0",onKeyDown:function(t){return o.handleClick(t)},class:"focus"}),n("button",{onClick:function(t){return o.handleClick(t)},disabled:this.disabled,"aria-disabled":this.disabled?"true":"false","aria-live":"assertive",type:this.type,class:(t={button:true,"button--block":this.block},t["button__".concat(this.variant)]=true,t["button__".concat(this.variant,"--disabled")]=this.disabled,t[e]=true,t["button--size-icon--left"]=!!this.icon,t["button--size-icon--right"]=this.arrow,t),part:"button","data-test":this.dataTest},[this.bdsLoading&&this.renderLoadingSpinner(),this.renderIcon(),this.renderText(),this.renderArrow()]))};Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());d.style=a}}}));
1
+ System.register(["./index-241c9f42.system.js"],(function(t){"use strict";var o,e,n,r,i;return{setters:[function(t){o=t.r;e=t.e;n=t.h;r=t.f;i=t.g}],execute:function(){var a=':host(.block){width:100%;display:-ms-flexbox;display:flex}:host{position:relative}:host:focus-visible{outline:none}.button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;border-radius:8px;padding-left:16px;padding-right:16px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.button::-moz-focus-inner{border:0;padding:0}.button--block{width:100%}.button bds-loading-spinner{max-height:100%;position:absolute}.button *{pointer-events:none}.button--size-tall{padding-top:14px;padding-bottom:14px;height:40px}.button--size-tall--icon{padding-top:12px;padding-bottom:12px;height:40px}.button--size-standard{padding-top:9px;padding-bottom:9px;height:40px}.button--size-standard bds-loading-spinner{width:32px;height:32px;top:calc(50% - 16px)}.button--size-standard--icon{padding-top:8px;padding-bottom:8px;height:40px}.button--size-short{padding-top:5px;padding-bottom:5px;height:32px}.button--size-short bds-loading-spinner{width:16px;height:16px;top:calc(50% - 8px)}.button--size-short--icon{padding-top:4px;padding-bottom:4px;height:32px}.button--size-icon--left{padding-left:16px}.button--size-icon--right{padding-right:16px}.button__icon{color:inherit;background-color:inherit;height:24px;margin-right:4px}.button__arrow{color:inherit;background-color:inherit;height:24px;margin-left:2px}.button__content{height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;z-index:1}.button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:0;border-radius:8px}.button:hover::before{background-color:var(--color-hover, rgba(0, 0, 0, 0.08))}.button:active::before{background-color:var(--color-pressed, rgba(0, 0, 0, 0.16))}.button__primary{background:var(--color-primary, #1e6bf1)}.button__primary .typo_buttom,.button__primary .icon_buttom,.button__primary .arrow_buttom{color:var(--color-content-bright, #ffffff)}.button__primary--disabled{opacity:50%;pointer-events:none;color:var(--color-content-bright, #ffffff)}.button__primary--disabled:hover,.button__primary--disabled:active{color:var(--color-content-bright, #ffffff)}.button__secondary{background:transparent}.button__secondary .typo_buttom,.button__secondary .icon_buttom,.button__secondary .arrow_buttom{color:var(--color-content-default, #454545)}.button__secondary--disabled{opacity:50%;pointer-events:none;color:#637798}.button__secondary--disabled:hover,.button__secondary--disabled:active{color:#637798}.button__tertiary{background:transparent;border:1px solid var(--color-border-1, #B1B1B1)}.button__tertiary .typo_buttom,.button__tertiary .icon_buttom,.button__tertiary .arrow_buttom{color:var(--color-content-default, #454545)}.button__tertiary--disabled{opacity:50%;pointer-events:none;color:#637798;border:1px solid #637798}.button__tertiary--disabled:hover,.button__tertiary--disabled:active{color:#637798;border:1px solid #637798}.button__secondary--white{background:transparent}.button__secondary--white .typo_buttom,.button__secondary--white .icon_buttom,.button__secondary--white .arrow_buttom{color:#ffffff}.button__secondary--white:hover{background:rgba(255, 255, 255, 0.3);color:#ffffff}.button__secondary--white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.button__secondary--white--disabled{opacity:50%;pointer-events:none;color:#8ca0b3}.button__secondary--white--disabled:hover,.button__secondary--white--disabled:active{color:#8ca0b3}.button__ghost{background:transparent;border:1px solid var(--color-border-1, #B1B1B1)}.button__ghost .typo_buttom,.button__ghost .icon_buttom,.button__ghost .arrow_buttom{color:var(--color-content-default, #454545)}.button__ghost--disabled{opacity:50%;pointer-events:none;color:#637798;border:1px solid #637798}.button__ghost--disabled:hover,.button__ghost--disabled:active{color:#637798;border:1px solid #637798}.button__delete{background:var(--color-delete, #e60f0f)}.button__delete .typo_buttom,.button__delete .icon_buttom,.button__delete .arrow_buttom{color:var(--color-content-bright, #ffffff)}.button__delete--disabled{opacity:50%;pointer-events:none;color:#ba5a5a}.button__delete--disabled:hover,.button__delete--disabled:active{color:#ba5a5a}.button__dashed{background:transparent;border:1px dashed #3f7de8}.button__dashed .typo_buttom,.button__dashed .icon_buttom,.button__dashed .arrow_buttom{color:#3f7de8}.button__dashed:hover{background:transparent;color:#125ad5;border:1px dashed #125ad5}.button__dashed:active{background:transparent;color:#3f7de8;border:1px dashed #3f7de8}.button__dashed--disabled{opacity:50%;pointer-events:none;color:#8ca0b3;border:1px dashed #8ca0b3}.button__dashed--disabled:hover,.button__dashed--disabled:active{color:#8ca0b3;border:1px dashed #8ca0b3}.button__facebook{background:#1877f2}.button__facebook .typo_buttom,.button__facebook .icon_buttom,.button__facebook .arrow_buttom{color:#f8fbfb}.button__facebook:hover{background:#1771e6}.button__facebook:active{background:#3f7de8;color:#f8fbfb}.button__facebook--disabled{opacity:50%;pointer-events:none;color:#8ca0b3}.button__facebook--disabled:hover,.button__facebook--disabled:active{color:#8ca0b3}.button .hide{cursor:not-allowed;opacity:0}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}.disabled{pointer-events:none}';var d=t("bds_button",function(){function t(t){var n=this;o(this,t);this.bdsClick=e(this,"bdsClick",7);this.handleClick=function(t){if(!n.disabled){n.bdsClick.emit(t);if(t.key==="Enter"){n.bdsClick.emit(t)}var o=n.el.closest("form");if(o){t.preventDefault();var e=document.createElement("button");e.type=n.type;e.style.display="none";o.appendChild(e);e.click();e.remove()}}};this.block=false;this.disabled=false;this.size="standard";this.variant="primary";this.icon=null;this.arrow=false;this.type="button";this.iconTheme="outline";this.typeIcon="icon";this.bdsLoading=false;this.bdsLoadingVariant="primary";this.bdsLoadingColor="main";this.dataTest=null}t.prototype.getSizeClass=function(){return this.arrow||!!this.icon?"button--size-".concat(this.size,"--icon"):"button--size-".concat(this.size)};t.prototype.renderIcon=function(){return this.icon&&n("div",{class:{button__icon:true,hide:this.bdsLoading&&true}},n("bds-icon",{class:{icon_buttom:true},name:this.icon,theme:this.iconTheme,type:this.typeIcon,color:"inherit"}))};t.prototype.renderText=function(){var t;return n("div",{class:(t={button__content:true},t["button__content__".concat(this.variant)]=true,t["button__content__".concat(this.variant,"--disabled")]=this.disabled,t.hide=this.bdsLoading&&true,t)},n("bds-typo",{class:{typo_buttom:true},variant:"fs-14",lineHeight:"simple",bold:"bold"},n("slot",null)))};t.prototype.renderArrow=function(){return this.arrow&&n("div",{class:{button__arrow:true,hide:this.bdsLoading&&true}},n("bds-icon",{class:{arrow_buttom:true},name:"arrow-right",color:"inherit"}))};t.prototype.renderLoadingSpinner=function(){var t=this.variant=="primary"||this.variant=="delete"?"light":"main";if(this.size==="short"){return n("bds-loading-spinner",{size:"extra-small",color:t})}else{return n("bds-loading-spinner",{size:"small",color:t})}};t.prototype.render=function(){var t;var o=this;var e=this.getSizeClass();return n(r,{class:{host:true,block:this.block}},n("div",{tabindex:"0",onKeyDown:function(t){return o.handleClick(t)},class:"focus"}),n("button",{onClick:function(t){return o.handleClick(t)},disabled:this.disabled,"aria-disabled":this.disabled?"true":"false","aria-live":"assertive",type:this.type,class:(t={button:true,"button--block":this.block},t["button__".concat(this.variant)]=true,t["button__".concat(this.variant,"--disabled")]=this.disabled,t[e]=true,t["button--size-icon--left"]=!!this.icon,t["button--size-icon--right"]=this.arrow,t),part:"button","data-test":this.dataTest},[this.bdsLoading&&this.renderLoadingSpinner(),this.renderIcon(),this.renderText(),this.renderArrow()]))};Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());d.style=a}}}));
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h, f as Host } from './index-7fb09d4a.js';
2
2
 
3
3
  const name = "blip-ds";
4
- const version = "1.277.3";
4
+ const version = "1.278.1";
5
5
  const description = "Blip Design System";
6
6
  const main = "./dist/index.cjs.js";
7
7
  const module = "./dist/index.js";
@@ -1 +1 @@
1
- System.register(["./index-241c9f42.system.js"],(function(t){"use strict";var e,s,o;return{setters:[function(t){e=t.r;s=t.h;o=t.f}],execute:function(){var n="blip-ds";var i="1.277.3";var r="Blip Design System";var a="./dist/index.cjs.js";var l="./dist/index.js";var c="./dist/esm/index.mjs";var d="./dist/esm/index.mjs";var p="./dist/types/index.d.ts";var u="./dist/collection/collection-manifest.json";var b="./dist/blip-ds/blip-ds.js";var m=["dist/","loader/"];var y={generate:"stencil generate",clear:"rm -rf node_modules/ && rm -rf dist/ && rm -rf www/",dev:"npm-run-all --parallel start storybook",start:"stencil build --dev --watch --serve --docs",build:"npm run build:component","build:component":"stencil build --docs --prod","build:react":"cd ./blip-ds-react && npm install && npm run build",ci:"npm run build && npm run storybook:build && npm run storybook:deploy",test:"stencil test --spec","test:e2e":"stencil test --e2e","test:snapshot":"stencil test --e2e --screenshot","test:watch":"stencil test --spec --watch","test:coverage":"stencil test --spec --e2e --coverage",storybook:"storybook dev -p 6006","storybook:build":"storybook build -s www","storybook:deploy":"storybook-to-ghpages",eslint:"eslint . --ext .jsx,.ts,.tsx","semantic-release":"semantic-release",commit:"./node_modules/.bin/git-cz","build-storybook":"storybook build"};var g={"@babel/core":"^7.18.2","@stencil/core":"^2.16.1","@stencil/react-output-target":"0.5.3","@stencil/sass":"1.5.2","@storybook/addon-actions":"7.0.22","@storybook/addon-essentials":"^7.0.22","@storybook/addon-interactions":"^7.0.22","@storybook/addon-links":"^7.0.22","@storybook/global":"5.0.0","@storybook/manager-api":"^7.4.1","@storybook/react":"^7.0.22","@storybook/react-webpack5":"^7.0.22","@storybook/storybook-deployer":"^2.8.16","@storybook/testing-library":"^0.2.0","@storybook/theming":"^7.4.1","@types/color":"^3.0.3","@types/jest":"27.5.1","@types/puppeteer":"5.4.6","@types/webpack":"^5.28.0","@typescript-eslint/eslint-plugin":"^5.26.0","@typescript-eslint/parser":"^5.23.0","babel-loader":"^8.2.5","babel-preset-react-app":"^10.0.1",color:"^4.2.3",commitizen:"^4.2.4","copy-webpack-plugin":"^11.0.0","cz-conventional-changelog":"^3.3.0","cz-customizable":"^6.3.0","cz-customizable-ghooks":"^2.0.0",eslint:"^8.17.0","eslint-config-prettier":"^8.5.0","eslint-config-standard-with-typescript":"^16.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.29.4","eslint-plugin-storybook":"^0.6.12",ghooks:"^2.0.4",jest:"27.4.5","jest-cli":"27.4.5","npm-run-all":"^4.1.5",prettier:"^2.6.2",puppeteer:"^14.0.0","semantic-release":"^21.0.2",storybook:"^7.0.22","ts-node":"^10.7.0","types-ramda":"0.29.4",typescript:"^4.7.2"};var h={"@storybook/addon-console":"^2.0.0","@storybook/addon-docs":"^7.4.0",autoprefixer:"^10.4.7","blip-tokens":"^1.82.0",react:"^18.1.0","react-dom":"^18.1.0"};var v={type:"git",url:"https://github.com/takenet/blip-ds.git"};var k={url:"https://github.com/takenet/blip-ds/issues"};var f="https://github.com/takenet/blip-ds#readme";var j={commitizen:{path:"./node_modules/cz-customizable"},"cz-customizable":{config:"./.cz-config.js"},ghooks:{"pre-commit":"npm run eslint","pre-push":"npm run eslint && npm run test:coverage","commit-msg":"cz-customizable-ghooks $2"}};var x="MIT";var w={fsevents:"^2.3.1"};var z={name:n,version:i,description:r,main:a,module:l,es2015:c,es2017:d,types:p,collection:u,"collection:main":"./dist/collection/index.js",unpkg:b,files:m,scripts:y,devDependencies:g,dependencies:h,repository:v,bugs:k,homepage:f,config:j,license:x,optionalDependencies:w};var I=":host .illustration{display:-ms-flexbox;display:flex;height:100%;width:auto}:host(.bds-illustration) img{width:100%;height:100%}";var C=t("bds_illustration",function(){function t(t){var s=this;e(this,t);this.setIllustrationContent=function(){var t=z.dependencies["blip-tokens"].replace("^","");var e="https://cdn.jsdelivr.net/npm/blip-tokens@".concat(t,"/build/json/illustrations/").concat(s.type,"/").concat(s.name,".json");fetch(e).then((function(t){return t.json().then((function(t){s.IllustrationContent=t["asset-".concat(s.type,"-").concat(s.name,"-svg")]}))}))};this.IllustrationContent=undefined;this.type="default";this.name=undefined;this.alt=undefined;this.dataTest=null}t.prototype.componentWillLoad=function(){this.setIllustrationContent()};t.prototype.render=function(){return s(o,{role:"img",class:{"bds-illustration":true}},this.IllustrationContent?s("img",{src:"data:image/svg+xml;base64,".concat(this.IllustrationContent),alt:this.alt,"data-test":this.dataTest}):s("div",{class:"default","data-test":this.dataTest}))};Object.defineProperty(t,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});return t}());C.style=I}}}));
1
+ System.register(["./index-241c9f42.system.js"],(function(t){"use strict";var e,s,o;return{setters:[function(t){e=t.r;s=t.h;o=t.f}],execute:function(){var n="blip-ds";var i="1.278.1";var r="Blip Design System";var a="./dist/index.cjs.js";var l="./dist/index.js";var c="./dist/esm/index.mjs";var d="./dist/esm/index.mjs";var p="./dist/types/index.d.ts";var u="./dist/collection/collection-manifest.json";var b="./dist/blip-ds/blip-ds.js";var m=["dist/","loader/"];var y={generate:"stencil generate",clear:"rm -rf node_modules/ && rm -rf dist/ && rm -rf www/",dev:"npm-run-all --parallel start storybook",start:"stencil build --dev --watch --serve --docs",build:"npm run build:component","build:component":"stencil build --docs --prod","build:react":"cd ./blip-ds-react && npm install && npm run build",ci:"npm run build && npm run storybook:build && npm run storybook:deploy",test:"stencil test --spec","test:e2e":"stencil test --e2e","test:snapshot":"stencil test --e2e --screenshot","test:watch":"stencil test --spec --watch","test:coverage":"stencil test --spec --e2e --coverage",storybook:"storybook dev -p 6006","storybook:build":"storybook build -s www","storybook:deploy":"storybook-to-ghpages",eslint:"eslint . --ext .jsx,.ts,.tsx","semantic-release":"semantic-release",commit:"./node_modules/.bin/git-cz","build-storybook":"storybook build"};var g={"@babel/core":"^7.18.2","@stencil/core":"^2.16.1","@stencil/react-output-target":"0.5.3","@stencil/sass":"1.5.2","@storybook/addon-actions":"7.0.22","@storybook/addon-essentials":"^7.0.22","@storybook/addon-interactions":"^7.0.22","@storybook/addon-links":"^7.0.22","@storybook/global":"5.0.0","@storybook/manager-api":"^7.4.1","@storybook/react":"^7.0.22","@storybook/react-webpack5":"^7.0.22","@storybook/storybook-deployer":"^2.8.16","@storybook/testing-library":"^0.2.0","@storybook/theming":"^7.4.1","@types/color":"^3.0.3","@types/jest":"27.5.1","@types/puppeteer":"5.4.6","@types/webpack":"^5.28.0","@typescript-eslint/eslint-plugin":"^5.26.0","@typescript-eslint/parser":"^5.23.0","babel-loader":"^8.2.5","babel-preset-react-app":"^10.0.1",color:"^4.2.3",commitizen:"^4.2.4","copy-webpack-plugin":"^11.0.0","cz-conventional-changelog":"^3.3.0","cz-customizable":"^6.3.0","cz-customizable-ghooks":"^2.0.0",eslint:"^8.17.0","eslint-config-prettier":"^8.5.0","eslint-config-standard-with-typescript":"^16.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.29.4","eslint-plugin-storybook":"^0.6.12",ghooks:"^2.0.4",jest:"27.4.5","jest-cli":"27.4.5","npm-run-all":"^4.1.5",prettier:"^2.6.2",puppeteer:"^14.0.0","semantic-release":"^21.0.2",storybook:"^7.0.22","ts-node":"^10.7.0","types-ramda":"0.29.4",typescript:"^4.7.2"};var h={"@storybook/addon-console":"^2.0.0","@storybook/addon-docs":"^7.4.0",autoprefixer:"^10.4.7","blip-tokens":"^1.82.0",react:"^18.1.0","react-dom":"^18.1.0"};var v={type:"git",url:"https://github.com/takenet/blip-ds.git"};var k={url:"https://github.com/takenet/blip-ds/issues"};var f="https://github.com/takenet/blip-ds#readme";var j={commitizen:{path:"./node_modules/cz-customizable"},"cz-customizable":{config:"./.cz-config.js"},ghooks:{"pre-commit":"npm run eslint","pre-push":"npm run eslint && npm run test:coverage","commit-msg":"cz-customizable-ghooks $2"}};var x="MIT";var w={fsevents:"^2.3.1"};var z={name:n,version:i,description:r,main:a,module:l,es2015:c,es2017:d,types:p,collection:u,"collection:main":"./dist/collection/index.js",unpkg:b,files:m,scripts:y,devDependencies:g,dependencies:h,repository:v,bugs:k,homepage:f,config:j,license:x,optionalDependencies:w};var I=":host .illustration{display:-ms-flexbox;display:flex;height:100%;width:auto}:host(.bds-illustration) img{width:100%;height:100%}";var C=t("bds_illustration",function(){function t(t){var s=this;e(this,t);this.setIllustrationContent=function(){var t=z.dependencies["blip-tokens"].replace("^","");var e="https://cdn.jsdelivr.net/npm/blip-tokens@".concat(t,"/build/json/illustrations/").concat(s.type,"/").concat(s.name,".json");fetch(e).then((function(t){return t.json().then((function(t){s.IllustrationContent=t["asset-".concat(s.type,"-").concat(s.name,"-svg")]}))}))};this.IllustrationContent=undefined;this.type="default";this.name=undefined;this.alt=undefined;this.dataTest=null}t.prototype.componentWillLoad=function(){this.setIllustrationContent()};t.prototype.render=function(){return s(o,{role:"img",class:{"bds-illustration":true}},this.IllustrationContent?s("img",{src:"data:image/svg+xml;base64,".concat(this.IllustrationContent),alt:this.alt,"data-test":this.dataTest}):s("div",{class:"default","data-test":this.dataTest}))};Object.defineProperty(t,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});return t}());C.style=I}}}));