blip-ds 1.285.0 → 1.286.0

package/dist/blip-ds/bds-accordion-body.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-06929dd0.js';
 
-const accordionCss = ".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-border-1, #c9c9c9);-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)}";
+const accordionCss = ".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:none;-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_divisor{border-bottom:1px solid var(--color-border-1, #c9c9c9)}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #454545)}";
 
 const AccordionBody = class {
   constructor(hostRef) {
@@ -13,6 +13,7 @@ const AccordionBody = class {
     this.isOpenAftAnimation = false;
     this.heightContainer = undefined;
     this.numberElement = null;
+    this.hasDivisor = true;
     this.dataTest = null;
   }
   async toggle() {
@@ -24,6 +25,9 @@ const AccordionBody = class {
   async close() {
     this.isOpen = false;
   }
+  async divisor(valor) {
+    this.hasDivisor = valor;
+  }
   isOpenChanged() {
     this.heightContainer = this.isOpen ? this.container.offsetHeight : 0;
     if (this.isOpen) {
@@ -36,7 +40,11 @@ const AccordionBody = class {
     }
   }
   render() {
-    return (h("div", { class: { accordion_body: true, accordion_body_isOpen: this.isOpenAftAnimation }, style: { height: `${this.heightContainer}px` }, "data-test": this.dataTest }, h("div", { class: "container", ref: (el) => this.refContainer(el) }, h("slot", null))));
+    return (h("div", { class: {
+        accordion_body: true,
+        accordion_body_divisor: this.hasDivisor,
+        accordion_body_isOpen: this.isOpenAftAnimation,
+      }, style: { height: `${this.heightContainer}px` }, "data-test": this.dataTest }, h("div", { class: "container", ref: (el) => this.refContainer(el) }, h("slot", null))));
   }
   static get watchers() { return {
     "isOpen": ["isOpenChanged"]

package/dist/blip-ds/bds-accordion-body.system.entry.js

@@ -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-0425c4de.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-border-1, #c9c9c9);-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}}}));
+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-0425c4de.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:none;-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_divisor{border-bottom:1px solid var(--color-border-1, #c9c9c9)}.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.hasDivisor=true;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.divisor=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.hasDivisor=t;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_divisor:this.hasDivisor,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}}}));

package/dist/blip-ds/bds-accordion-group.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, g as getElement } from './index-06929dd0.js';
 
-const accordionCss = ".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-border-1, #c9c9c9);-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)}";
+const accordionCss = ".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:none;-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_divisor{border-bottom:1px solid var(--color-border-1, #c9c9c9)}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #454545)}";
 
 const AccordionGroup = class {
   constructor(hostRef) {
@@ -9,6 +9,7 @@ const AccordionGroup = class {
     this.bdsAccordionOpenAll = createEvent(this, "bdsAccordionOpenAll", 7);
     this.accordionsElement = null;
     this.collapse = 'single';
+    this.divisor = true;
   }
   async closeAll(actNumber) {
     this.bdsAccordionCloseAll.emit();
@@ -38,6 +39,7 @@ const AccordionGroup = class {
     this.accordionsElement = this.element.getElementsByTagName('bds-accordion');
     for (let i = 0; i < this.accordionsElement.length; i++) {
       this.accordionsElement[i].reciveNumber(i);
+      this.accordionsElement[i].divisor = this.divisor;
     }
   }
   render() {

package/dist/blip-ds/bds-accordion-group.system.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(o,e,t,r){function n(o){return o instanceof t?o:new t((function(e){e(o)}))}return new(t||(t=Promise))((function(t,i){function c(o){try{l(r.next(o))}catch(e){i(e)}}function a(o){try{l(r["throw"](o))}catch(e){i(e)}}function l(o){o.done?t(o.value):n(o.value).then(c,a)}l((r=r.apply(o,e||[])).next())}))};var __generator=this&&this.__generator||function(o,e){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,n,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(o){return function(e){return l([o,e])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(c&&(c=0,a[0]&&(t=0)),t)try{if(r=1,n&&(i=a[0]&2?n["return"]:a[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,a[1])).done)return i;if(n=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:t.label++;return{value:a[1],done:false};case 5:t.label++;n=a[1];a=[0];continue;case 7:a=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){t=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){t.label=a[1];break}if(a[0]===6&&t.label<i[1]){t.label=i[1];i=a;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(a);break}if(i[2])t.ops.pop();t.trys.pop();continue}a=e.call(o,t)}catch(l){a=[6,l];n=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-0425c4de.system.js"],(function(o){"use strict";var e,t,r,n;return{setters:[function(o){e=o.r;t=o.e;r=o.h;n=o.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-border-1, #c9c9c9);-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=o("bds_accordion_group",function(){function o(o){e(this,o);this.bdsAccordionCloseAll=t(this,"bdsAccordionCloseAll",7);this.bdsAccordionOpenAll=t(this,"bdsAccordionOpenAll",7);this.accordionsElement=null;this.collapse="single"}o.prototype.closeAll=function(o){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){this.bdsAccordionCloseAll.emit();for(e=0;e<this.accordionsElement.length;e++){if(this.collapse!="multiple"){if(o!=e)this.accordionsElement[e].close()}else{this.accordionsElement[e].close()}}return[2]}))}))};o.prototype.openAll=function(o){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){this.bdsAccordionOpenAll.emit();for(e=0;e<this.accordionsElement.length;e++){if(this.collapse!="multiple"){if(o!=e)this.accordionsElement[e].open()}else{this.accordionsElement[e].open()}}return[2]}))}))};o.prototype.componentWillRender=function(){this.accordionsElement=this.element.getElementsByTagName("bds-accordion");for(var o=0;o<this.accordionsElement.length;o++){this.accordionsElement[o].reciveNumber(o)}};o.prototype.render=function(){return r("div",{class:"accordion_group"},r("slot",null))};Object.defineProperty(o.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return o}());c.style=i}}}));
+var __awaiter=this&&this.__awaiter||function(o,e,t,r){function n(o){return o instanceof t?o:new t((function(e){e(o)}))}return new(t||(t=Promise))((function(t,i){function c(o){try{s(r.next(o))}catch(e){i(e)}}function a(o){try{s(r["throw"](o))}catch(e){i(e)}}function s(o){o.done?t(o.value):n(o.value).then(c,a)}s((r=r.apply(o,e||[])).next())}))};var __generator=this&&this.__generator||function(o,e){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,n,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(o){return function(e){return s([o,e])}}function s(a){if(r)throw new TypeError("Generator is already executing.");while(c&&(c=0,a[0]&&(t=0)),t)try{if(r=1,n&&(i=a[0]&2?n["return"]:a[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,a[1])).done)return i;if(n=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:t.label++;return{value:a[1],done:false};case 5:t.label++;n=a[1];a=[0];continue;case 7:a=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){t=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){t.label=a[1];break}if(a[0]===6&&t.label<i[1]){t.label=i[1];i=a;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(a);break}if(i[2])t.ops.pop();t.trys.pop();continue}a=e.call(o,t)}catch(s){a=[6,s];n=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-0425c4de.system.js"],(function(o){"use strict";var e,t,r,n;return{setters:[function(o){e=o.r;t=o.e;r=o.h;n=o.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:none;-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_divisor{border-bottom:1px solid var(--color-border-1, #c9c9c9)}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #454545)}';var c=o("bds_accordion_group",function(){function o(o){e(this,o);this.bdsAccordionCloseAll=t(this,"bdsAccordionCloseAll",7);this.bdsAccordionOpenAll=t(this,"bdsAccordionOpenAll",7);this.accordionsElement=null;this.collapse="single";this.divisor=true}o.prototype.closeAll=function(o){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){this.bdsAccordionCloseAll.emit();for(e=0;e<this.accordionsElement.length;e++){if(this.collapse!="multiple"){if(o!=e)this.accordionsElement[e].close()}else{this.accordionsElement[e].close()}}return[2]}))}))};o.prototype.openAll=function(o){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){this.bdsAccordionOpenAll.emit();for(e=0;e<this.accordionsElement.length;e++){if(this.collapse!="multiple"){if(o!=e)this.accordionsElement[e].open()}else{this.accordionsElement[e].open()}}return[2]}))}))};o.prototype.componentWillRender=function(){this.accordionsElement=this.element.getElementsByTagName("bds-accordion");for(var o=0;o<this.accordionsElement.length;o++){this.accordionsElement[o].reciveNumber(o);this.accordionsElement[o].divisor=this.divisor}};o.prototype.render=function(){return r("div",{class:"accordion_group"},r("slot",null))};Object.defineProperty(o.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return o}());c.style=i}}}));

package/dist/blip-ds/bds-accordion-header.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-06929dd0.js';
 
-const accordionCss = ".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-border-1, #c9c9c9);-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)}";
+const accordionCss = ".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:none;-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_divisor{border-bottom:1px solid var(--color-border-1, #c9c9c9)}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #454545)}";
 
 const AccordionHeader = class {
   constructor(hostRef) {

package/dist/blip-ds/bds-accordion-header.system.entry.js

@@ -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-0425c4de.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-border-1, #c9c9c9);-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}}}));
+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-0425c4de.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:none;-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_divisor{border-bottom:1px solid var(--color-border-1, #c9c9c9)}.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}}}));

package/dist/blip-ds/bds-accordion.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, g as getElement } from './index-06929dd0.js';
 
-const accordionCss = ".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-border-1, #c9c9c9);-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)}";
+const accordionCss = ".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:none;-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_divisor{border-bottom:1px solid var(--color-border-1, #c9c9c9)}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #454545)}";
 
 const Accordion = class {
   constructor(hostRef) {
@@ -15,6 +15,7 @@ const Accordion = class {
     this.numberElement = null;
     this.condition = false;
     this.startOpen = false;
+    this.divisor = true;
   }
   async toggle() {
     this.isOpen = !this.isOpen;
@@ -29,11 +30,9 @@ const Accordion = class {
     (_b = this.accBodies) === null || _b === void 0 ? void 0 : _b.close();
     this.isOpen = false;
   }
-  // Método interno
   async notStart() {
     this.startOpen = false;
   }
-  // Método interno
   async reciveNumber(number) {
     this.numberElement = number;
   }
@@ -64,6 +63,11 @@ const Accordion = class {
         this.element.parentElement;
     this.accheaders = this.element.children[0];
     this.accBodies = this.element.children[1];
+    // Passar a prop divisor para o AccordionBody
+    const accordionBody = this.element.querySelector('bds-accordion-body');
+    if (accordionBody) {
+      accordionBody.divisor(this.divisor);
+    }
     if (this.startOpen === true) {
       this.condition = true;
       this.isOpen = true;

package/dist/blip-ds/bds-accordion.system.entry.js

@@ -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-0425c4de.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-border-1, #c9c9c9);-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}}}));
+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-0425c4de.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:none;-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_divisor{border-bottom:1px solid var(--color-border-1, #c9c9c9)}.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;this.divisor=true}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];var e=this.element.querySelector("bds-accordion-body");if(e){e.divisor(this.divisor)}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}}}));

package/dist/blip-ds/bds-button-group.entry.js

@@ -0,0 +1,118 @@
+import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-06929dd0.js';
+
+const buttonGroupCss = ":host{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}";
+
+const ButtonGroup = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.buttonSelected = createEvent(this, "buttonSelected", 7);
+    this.activeIndexes = new Set();
+    this.size = 'medium';
+    this.direction = 'row';
+    this.color = 'primary';
+    this.multiple = false;
+  }
+  componentDidLoad() {
+    this.buttons = this.el.getElementsByTagName('bds-button');
+    this.setupButtons();
+  }
+  componentDidUpdate() {
+    this.setupButtons();
+  }
+  handlePropChanges() {
+    // Re-setup buttons when props change
+    this.setupButtons();
+  }
+  setupButtons() {
+    for (let i = 0; i < this.buttons.length; i++) {
+      const button = this.buttons[i];
+      button.setAttribute('data-index', i.toString());
+      button.addEventListener('click', () => this.selectButton(i));
+      button.setVariant('outline');
+      this.updateButtonPosition(i);
+      this.updateButtonDirection(i);
+      this.updateButtonSize(i);
+      this.updateButtonColor(i);
+    }
+  }
+  async activateButton(index) {
+    if (index >= 0 && index < this.buttons.length) {
+      this.selectButton(index);
+    }
+  }
+  selectButton(index) {
+    if (this.multiple) {
+      if (this.activeIndexes.has(index)) {
+        this.activeIndexes.delete(index);
+      }
+      else {
+        this.activeIndexes.add(index);
+      }
+    }
+    else {
+      if (this.activeIndexes.has(index)) {
+        this.activeIndexes.clear();
+      }
+      else {
+        this.activeIndexes.clear();
+        this.activeIndexes.add(index);
+      }
+    }
+    this.updateButtonStates(index);
+  }
+  updateButtonStates(clickedIndex) {
+    for (let i = 0; i < this.buttons.length; i++) {
+      const button = this.buttons[i];
+      if (this.activeIndexes.has(i)) {
+        button.isActive(true);
+        button.setVariant('solid');
+        button.classList.add('active');
+      }
+      else {
+        button.isActive(false);
+        button.setVariant('outline');
+        button.classList.remove('active');
+      }
+      if (i === clickedIndex) {
+        this.buttonSelected.emit(button.id);
+      }
+    }
+  }
+  updateButtonPosition(index) {
+    const button = this.buttons[index];
+    if (index === 0) {
+      button.setPosition('first');
+    }
+    else if (index === this.buttons.length - 1) {
+      button.setPosition('last');
+    }
+    else {
+      button.setPosition('middle');
+    }
+  }
+  updateButtonDirection(index) {
+    const button = this.buttons[index];
+    this.direction === 'row' ? button.setDirection('row') : button.setDirection('column');
+  }
+  updateButtonSize(index) {
+    const button = this.buttons[index];
+    this.size === 'medium' ? button.setSize('medium') : button.setSize('large');
+  }
+  updateButtonColor(index) {
+    const button = this.buttons[index];
+    button.setColor(this.color);
+  }
+  render() {
+    return (h(Host, { class: "button_group" }, h("bds-grid", { direction: this.direction }, h("slot", null))));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "size": ["handlePropChanges"],
+    "direction": ["handlePropChanges"],
+    "color": ["handlePropChanges"],
+    "multiple": ["handlePropChanges"]
+  }; }
+};
+ButtonGroup.style = buttonGroupCss;
+
+export { ButtonGroup as bds_button_group };

package/dist/blip-ds/bds-button-group.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,e,n,i){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function s(t){try{a(i.next(t))}catch(e){r(e)}}function u(t){try{a(i["throw"](t))}catch(e){r(e)}}function a(t){t.done?n(t.value):o(t.value).then(s,u)}a((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,s;return s={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function u(t){return function(e){return a([t,e])}}function a(u){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,u[0]&&(n=0)),n)try{if(i=1,o&&(r=u[0]&2?o["return"]:u[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,u[1])).done)return r;if(o=0,r)u=[u[0]&2,r.value];switch(u[0]){case 0:case 1:r=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;o=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!r||u[1]>r[0]&&u[1]<r[3])){n.label=u[1];break}if(u[0]===6&&n.label<r[1]){n.label=r[1];r=u;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(u);break}if(r[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(a){u=[6,a];o=0}finally{i=r=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};System.register(["./index-0425c4de.system.js"],(function(t){"use strict";var e,n,i,o,r;return{setters:[function(t){e=t.r;n=t.e;i=t.h;o=t.f;r=t.g}],execute:function(){var s=":host{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}";var u=t("bds_button_group",function(){function t(t){e(this,t);this.buttonSelected=n(this,"buttonSelected",7);this.activeIndexes=new Set;this.size="medium";this.direction="row";this.color="primary";this.multiple=false}t.prototype.componentDidLoad=function(){this.buttons=this.el.getElementsByTagName("bds-button");this.setupButtons()};t.prototype.componentDidUpdate=function(){this.setupButtons()};t.prototype.handlePropChanges=function(){this.setupButtons()};t.prototype.setupButtons=function(){var t=this;var e=function(e){var i=n.buttons[e];i.setAttribute("data-index",e.toString());i.addEventListener("click",(function(){return t.selectButton(e)}));i.setVariant("outline");n.updateButtonPosition(e);n.updateButtonDirection(e);n.updateButtonSize(e);n.updateButtonColor(e)};var n=this;for(var i=0;i<this.buttons.length;i++){e(i)}};t.prototype.activateButton=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t>=0&&t<this.buttons.length){this.selectButton(t)}return[2]}))}))};t.prototype.selectButton=function(t){if(this.multiple){if(this.activeIndexes.has(t)){this.activeIndexes.delete(t)}else{this.activeIndexes.add(t)}}else{if(this.activeIndexes.has(t)){this.activeIndexes.clear()}else{this.activeIndexes.clear();this.activeIndexes.add(t)}}this.updateButtonStates(t)};t.prototype.updateButtonStates=function(t){for(var e=0;e<this.buttons.length;e++){var n=this.buttons[e];if(this.activeIndexes.has(e)){n.isActive(true);n.setVariant("solid");n.classList.add("active")}else{n.isActive(false);n.setVariant("outline");n.classList.remove("active")}if(e===t){this.buttonSelected.emit(n.id)}}};t.prototype.updateButtonPosition=function(t){var e=this.buttons[t];if(t===0){e.setPosition("first")}else if(t===this.buttons.length-1){e.setPosition("last")}else{e.setPosition("middle")}};t.prototype.updateButtonDirection=function(t){var e=this.buttons[t];this.direction==="row"?e.setDirection("row"):e.setDirection("column")};t.prototype.updateButtonSize=function(t){var e=this.buttons[t];this.size==="medium"?e.setSize("medium"):e.setSize("large")};t.prototype.updateButtonColor=function(t){var e=this.buttons[t];e.setColor(this.color)};t.prototype.render=function(){return i(o,{class:"button_group"},i("bds-grid",{direction:this.direction},i("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:["handlePropChanges"],direction:["handlePropChanges"],color:["handlePropChanges"],multiple:["handlePropChanges"]}},enumerable:false,configurable:true});return t}());u.style=s}}}));

package/dist/blip-ds/bds-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-06929dd0.js';
 
-const buttonCss = ":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-surface-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, #c9c9c9)}.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, #c9c9c9)}.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}";
+const buttonCss = ":host{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host(.block){width:100%;display:-ms-flexbox;display:flex}:host(.group){width:auto}: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;border-style:solid;border-left-width:1px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;gap:4px;padding:0 16px;-webkit-transition:all 0.5s;transition:all 0.5s}.button::-moz-focus-inner{border:0;padding:0}.button__size--short{height:32px}.button__size--standard{height:40px}.button__size--medium{height:40px}.button__size--large{height:56px}.button__only-icon--medium{padding:8px;gap:0}.button__only-icon--large{padding:8px 16px;gap:0}.button--block,.button--group{width:100%}.button bds-loading-spinner{max-height:100%;position:absolute}.button *{pointer-events:none}.button__color--primary.button__variant--solid,.button__color--primary.button__variant--primary{background-color:var(--color-primary, #1e6bf1);border-color:transparent}.button__color--primary.button__variant--solid .typo_buttom,.button__color--primary.button__variant--solid .icon_buttom,.button__color--primary.button__variant--primary .typo_buttom,.button__color--primary.button__variant--primary .icon_buttom{color:var(--color-content-bright, #ffffff)}.button__color--primary.button__variant--solid--disabled,.button__color--primary.button__variant--primary--disabled{opacity:50%;pointer-events:none}.button__color--primary.button__variant--outline,.button__color--primary.button__variant--tertiary{background-color:transparent;border-color:var(--color-primary, #1e6bf1)}.button__color--primary.button__variant--outline .typo_buttom,.button__color--primary.button__variant--outline .icon_buttom,.button__color--primary.button__variant--tertiary .typo_buttom,.button__color--primary.button__variant--tertiary .icon_buttom{color:var(--color-primary, #1e6bf1)}.button__color--primary.button__variant--outline--disabled,.button__color--primary.button__variant--tertiary--disabled{opacity:50%;pointer-events:none}.button__color--primary.button__variant--text,.button__color--primary.button__variant--secondary{background-color:transparent;border-color:transparent}.button__color--primary.button__variant--text .typo_buttom,.button__color--primary.button__variant--text .icon_buttom,.button__color--primary.button__variant--secondary .typo_buttom,.button__color--primary.button__variant--secondary .icon_buttom{color:var(--color-primary, #1e6bf1)}.button__color--primary.button__variant--text--disabled,.button__color--primary.button__variant--secondary--disabled{opacity:50%;pointer-events:none}.button__color--content.button__variant--solid,.button__color--content.button__variant--primary{background-color:var(--color-content-default, #454545);border-color:transparent}.button__color--content.button__variant--solid .typo_buttom,.button__color--content.button__variant--solid .icon_buttom,.button__color--content.button__variant--primary .typo_buttom,.button__color--content.button__variant--primary .icon_buttom{color:var(--color-surface-0, #ffffff)}.button__color--content.button__variant--solid--disabled,.button__color--content.button__variant--primary--disabled{opacity:50%;pointer-events:none}.button__color--content.button__variant--outline,.button__color--content.button__variant--tertiary{background-color:transparent;border-color:var(--color-content-default, #454545)}.button__color--content.button__variant--outline .typo_buttom,.button__color--content.button__variant--outline .icon_buttom,.button__color--content.button__variant--tertiary .typo_buttom,.button__color--content.button__variant--tertiary .icon_buttom{color:var(--color-content-default, #454545)}.button__color--content.button__variant--outline--disabled,.button__color--content.button__variant--tertiary--disabled{opacity:50%;pointer-events:none}.button__color--content.button__variant--text,.button__color--content.button__variant--secondary{background-color:transparent;border-color:transparent}.button__color--content.button__variant--text .typo_buttom,.button__color--content.button__variant--text .icon_buttom,.button__color--content.button__variant--secondary .typo_buttom,.button__color--content.button__variant--secondary .icon_buttom{color:var(--color-content-default, #454545)}.button__color--content.button__variant--text--disabled,.button__color--content.button__variant--secondary--disabled{opacity:50%;pointer-events:none}.button__color--negative.button__variant--solid,.button__color--negative.button__variant--primary,.button__color--negative.button__variant--delete{background-color:var(--color-delete, #e60f0f);border-color:transparent}.button__color--negative.button__variant--solid .typo_buttom,.button__color--negative.button__variant--solid .icon_buttom,.button__color--negative.button__variant--primary .typo_buttom,.button__color--negative.button__variant--primary .icon_buttom,.button__color--negative.button__variant--delete .typo_buttom,.button__color--negative.button__variant--delete .icon_buttom{color:var(--color-surface-0, #ffffff)}.button__color--negative.button__variant--solid--disabled,.button__color--negative.button__variant--primary--disabled,.button__color--negative.button__variant--delete--disabled{opacity:50%;pointer-events:none}.button__color--negative.button__variant--outline,.button__color--negative.button__variant--tertiary,.button__color--negative.button__variant--delete{background-color:transparent;border-color:var(--color-delete, #e60f0f)}.button__color--negative.button__variant--outline .typo_buttom,.button__color--negative.button__variant--outline .icon_buttom,.button__color--negative.button__variant--tertiary .typo_buttom,.button__color--negative.button__variant--tertiary .icon_buttom,.button__color--negative.button__variant--delete .typo_buttom,.button__color--negative.button__variant--delete .icon_buttom{color:var(--color-delete, #e60f0f)}.button__color--negative.button__variant--outline--disabled,.button__color--negative.button__variant--tertiary--disabled,.button__color--negative.button__variant--delete--disabled{opacity:50%;pointer-events:none}.button__color--negative.button__variant--text,.button__color--negative.button__variant--secondary,.button__color--negative.button__variant--delete{background-color:transparent;border-color:transparent}.button__color--negative.button__variant--text .typo_buttom,.button__color--negative.button__variant--text .icon_buttom,.button__color--negative.button__variant--secondary .typo_buttom,.button__color--negative.button__variant--secondary .icon_buttom,.button__color--negative.button__variant--delete .typo_buttom,.button__color--negative.button__variant--delete .icon_buttom{color:var(--color-delete, #e60f0f)}.button__color--negative.button__variant--text--disabled,.button__color--negative.button__variant--secondary--disabled,.button__color--negative.button__variant--delete--disabled{opacity:50%;pointer-events:none}.button__color--positive.button__variant--solid,.button__color--positive.button__variant--primary{background-color:var(--color-positive, #10603b);border-color:transparent}.button__color--positive.button__variant--solid .typo_buttom,.button__color--positive.button__variant--solid .icon_buttom,.button__color--positive.button__variant--primary .typo_buttom,.button__color--positive.button__variant--primary .icon_buttom{color:var(--color-surface-0, #ffffff)}.button__color--positive.button__variant--solid--disabled,.button__color--positive.button__variant--primary--disabled{opacity:50%;pointer-events:none}.button__color--positive.button__variant--outline,.button__color--positive.button__variant--tertiary{background-color:transparent;border-color:var(--color-positive, #10603b)}.button__color--positive.button__variant--outline .typo_buttom,.button__color--positive.button__variant--outline .icon_buttom,.button__color--positive.button__variant--tertiary .typo_buttom,.button__color--positive.button__variant--tertiary .icon_buttom{color:var(--color-positive, #10603b)}.button__color--positive.button__variant--outline--disabled,.button__color--positive.button__variant--tertiary--disabled{opacity:50%;pointer-events:none}.button__color--positive.button__variant--text,.button__color--positive.button__variant--secondary{background-color:transparent;border-color:transparent}.button__color--positive.button__variant--text .typo_buttom,.button__color--positive.button__variant--text .icon_buttom,.button__color--positive.button__variant--secondary .typo_buttom,.button__color--positive.button__variant--secondary .icon_buttom{color:var(--color-positive, #10603b)}.button__color--positive.button__variant--text--disabled,.button__color--positive.button__variant--secondary--disabled{opacity:50%;pointer-events:none}.button__group{width:100%}.button__position--row--first{border-top-left-radius:10px;border-top-right-radius:0;border-bottom-left-radius:10px;border-bottom-right-radius:0;border-left-width:1px;border-top-width:1px;border-bottom-width:1px;border-right-width:1px}.button__position--row--middle{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-width:1px;border-bottom-width:1px;border-left-width:0;border-right-width:1px}.button__position--row--last{border-top-left-radius:0;border-top-right-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:10px;border-right-width:1px;border-top-width:1px;border-bottom-width:1px;border-left-width:0px}.button__position--column--first{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-left-width:1px;border-top-width:1px;border-bottom-width:1px;border-right-width:1px}.button__position--column--middle{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-width:0px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px}.button__position--column--last{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-right-width:1px;border-top-width:0px;border-bottom-width:1px;border-left-width:1px}.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;-webkit-transition:all 0.3s;transition:all 0.3s}.button__position--row--first::before{border-top-left-radius:10px;border-top-right-radius:0;border-bottom-left-radius:10px;border-bottom-right-radius:0}.button__position--row--middle::before{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.button__position--row--last::before{border-top-left-radius:0;border-top-right-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:10px}.button__position--column--first::before{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0}.button__position--column--middle::before{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.button__position--column--last::before{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.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--active::before{background-color:var(--color-pressed, rgba(0, 0, 0, 0.16))}.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}";
 
 const Button = class {
   constructor(hostRef) {
@@ -26,11 +26,20 @@ const Button = class {
         }
       }
     };
+    this.slotText = undefined;
+    this.active = undefined;
+    this.position = undefined;
+    this.direction = undefined;
+    this.group = false;
+    this.loadingColor = undefined;
     this.block = false;
     this.disabled = false;
-    this.size = 'standard';
-    this.variant = 'primary';
+    this.color = 'primary';
+    this.size = 'medium';
+    this.variant = 'solid';
     this.icon = null;
+    this.iconLeft = null;
+    this.iconRight = null;
     this.arrow = false;
     this.type = 'button';
     this.iconTheme = 'outline';
@@ -40,45 +49,79 @@ const Button = class {
     this.bdsLoadingColor = 'main';
     this.dataTest = null;
   }
-  getSizeClass() {
-    return this.arrow || !!this.icon ? `button--size-${this.size}--icon` : `button--size-${this.size}`;
+  async isActive(value) {
+    this.active = value;
   }
-  renderIcon() {
-    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" }))));
+  async setPosition(position) {
+    this.position = position;
+    this.position ? (this.group = true) : false;
   }
-  renderText() {
-    return (h("div", { class: {
-        button__content: true,
-        [`button__content__${this.variant}`]: true,
-        [`button__content__${this.variant}--disabled`]: this.disabled,
-        hide: this.bdsLoading && true,
-      } }, h("bds-typo", { class: { typo_buttom: true }, variant: "fs-14", lineHeight: "simple", bold: "bold" }, h("slot", null))));
+  async setDirection(direction) {
+    this.direction = direction;
   }
-  renderArrow() {
-    return (this.arrow && (h("div", { class: { button__arrow: true, hide: this.bdsLoading && true } }, h("bds-icon", { class: { arrow_buttom: true }, name: "arrow-right", color: "inherit" }))));
+  async setSize(size) {
+    this.size = size;
+  }
+  async setColor(color) {
+    this.color = color;
+  }
+  async setVariant(variant) {
+    this.variant = variant;
+  }
+  componentDidRender() {
+    this.logSlotText();
+  }
+  logSlotText() {
+    const slot = this.el.shadowRoot.querySelector('slot');
+    const onlyIconElement = this.el.shadowRoot.querySelector('button');
+    if (slot) {
+      const assignedNodes = slot.assignedNodes();
+      let slotText = '';
+      assignedNodes.forEach((node) => {
+        if (node.nodeType === Node.TEXT_NODE) {
+          slotText += node.textContent;
+        }
+      });
+      if (slotText === '' && this.size === 'medium') {
+        onlyIconElement.classList.add('button__only-icon--medium');
+      }
+      if (slotText === '' && this.size === 'large') {
+        onlyIconElement.classList.add('button__only-icon--large');
+      }
+    }
   }
   renderLoadingSpinner() {
-    const loadingColor = this.variant == 'primary' || this.variant == 'delete' ? 'light' : 'main';
-    if (this.size === 'short') {
-      return h("bds-loading-spinner", { size: "extra-small", color: loadingColor });
+    if (this.variant === 'solid') {
+      if (['primary', 'positive', 'negative'].includes(this.color)) {
+        this.loadingColor = 'light';
+      }
+      else if (this.color === 'content') {
+        this.loadingColor = 'content';
+      }
     }
-    else {
-      return h("bds-loading-spinner", { size: "small", color: loadingColor });
+    else if (this.variant === 'outline' || this.variant === 'text') {
+      this.loadingColor = this.color === 'positive' ? 'positive' : this.color === 'negative' ? 'negative' : 'main';
     }
+    return h("bds-loading-spinner", { size: "small", color: this.loadingColor });
   }
   render() {
-    const sizeClass = this.getSizeClass();
-    return (h(Host, { class: { host: true, block: this.block } }, h("div", { tabindex: "0", onKeyDown: (ev) => this.handleClick(ev), class: "focus" }), h("button", { onClick: (ev) => this.handleClick(ev), disabled: this.disabled, tabindex: "-1", "aria-disabled": this.disabled ? 'true' : 'false', "aria-live": "assertive", type: this.type, class: {
+    return (h(Host, { class: { host: true, block: this.block, group: this.group } }, h("div", { tabindex: "0", onKeyDown: (ev) => this.handleClick(ev), class: "focus" }), h("button", { onClick: (ev) => this.handleClick(ev), disabled: this.disabled, tabindex: "-1", "aria-disabled": this.disabled ? 'true' : 'false', "aria-live": "assertive", type: this.type, class: {
         button: true,
         'button--block': this.block,
-        [`button__${this.variant}`]: true,
-        [`button__${this.variant}--disabled`]: this.disabled,
-        [sizeClass]: true,
-        'button--size-icon--left': !!this.icon,
-        'button--size-icon--right': this.arrow,
-      }, part: "button", "data-test": this.dataTest }, [this.bdsLoading && this.renderLoadingSpinner(), this.renderIcon(), this.renderText(), this.renderArrow()])));
+        'button--group': this.group,
+        [`button__position--${this.direction}--${this.position}`]: true,
+        'button--active': this.active,
+        [`button__variant--${this.variant === 'delete' ? 'solid' : this.variant}`]: true,
+        [`button__${this.variant === 'delete' ? 'solid' : this.variant}`]: true,
+        [`button__color--${this.variant === 'delete' ? 'negative' : this.color}`]: true,
+        [`button__variant--${this.variant}--disabled`]: this.disabled,
+        [`button__size--${this.size}`]: true,
+      }, part: "button", "data-test": this.dataTest }, this.bdsLoading ? this.renderLoadingSpinner() : '', this.iconLeft || this.icon ? (h("bds-icon", { class: { icon_buttom: true, hide: this.bdsLoading }, name: this.icon ? this.icon : this.iconLeft, theme: this.iconTheme, type: this.typeIcon, color: "inherit", size: 'medium' })) : (''), h("bds-typo", { class: { typo_buttom: true, hide: this.bdsLoading }, variant: "fs-14", lineHeight: "simple", bold: "bold" }, h("slot", null)), this.iconRight || this.arrow ? (h("bds-icon", { class: { icon_buttom: true, hide: this.bdsLoading }, name: this.arrow ? 'arrow-right' : this.iconRight, color: "inherit", theme: this.iconTheme, type: this.typeIcon })) : (''))));
   }
   get el() { return getElement(this); }
+  static get watchers() { return {
+    "bdsLoading": ["renderLoadingSpinner"]
+  }; }
 };
 Button.style = buttonCss;