blip-ds 1.263.2 → 1.263.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/blip-ds/bds-tab-group.entry.js +14 -2
- package/dist/blip-ds/bds-tab-group.system.entry.js +1 -1
- package/dist/blip-ds/bds-tab-item.entry.js +6 -0
- package/dist/blip-ds/bds-tab-item.system.entry.js +1 -1
- package/dist/blip-ds/p-1c817662.entry.js +1 -0
- package/dist/blip-ds/p-bb975dd8.system.js +1 -1
- package/dist/blip-ds/p-ccdfd0b1.system.entry.js +1 -0
- package/dist/blip-ds/p-e461e9ee.system.entry.js +1 -0
- package/dist/blip-ds/p-ea2d0362.entry.js +1 -0
- package/dist/cjs/bds-tab-group.cjs.entry.js +14 -2
- package/dist/cjs/bds-tab-item.cjs.entry.js +6 -0
- package/dist/collection/components/tabs/tab-group/tab-group.css +4 -0
- package/dist/collection/components/tabs/tab-group/tab-group.js +13 -1
- package/dist/collection/components/tabs/tab-item/tab-item.js +9 -0
- package/dist/esm/bds-tab-group.entry.js +14 -2
- package/dist/esm/bds-tab-item.entry.js +6 -0
- package/dist/esm-es5/bds-tab-group.entry.js +1 -1
- package/dist/esm-es5/bds-tab-item.entry.js +1 -1
- package/dist/types/components/tabs/tab-group/tab-group.d.ts +1 -0
- package/dist/types/components/tabs/tab-item/tab-item.d.ts +1 -0
- package/package.json +1 -1
- package/dist/blip-ds/p-56bb6810.system.entry.js +0 -1
- package/dist/blip-ds/p-5f4631d1.system.entry.js +0 -1
- package/dist/blip-ds/p-99997cbe.entry.js +0 -1
- package/dist/blip-ds/p-abb4130c.entry.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-7fb09d4a.js';
|
|
2
2
|
|
|
3
|
-
const tabGroupCss = ":host{display:block;width:100%}.tab_group{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.tab_group__header{padding:0 16px;overflow:hidden}.tab_group__header__itens{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:32px;margin:auto}.tab_group__header__itens__center{-ms-flex-pack:center;justify-content:center;margin:auto}.tab_group__header__itens__right{-ms-flex-pack:right;justify-content:right;margin:0 0 0 auto}.tab_group__header__itens__left{-ms-flex-pack:left;justify-content:left;margin:0 auto 0 0}.tab_group__header__itens__item{cursor:pointer;height:46px;width:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--color-content-disable, #636363);border-bottom:2px solid transparent}.tab_group__header__itens__item__open{color:var(--color-content-default, #454545);border-color:var(--color-primary, #1e6bf1)}.tab_group__slide{position:relative;overflow:hidden;height:48px;margin-left:56px;margin-right:56px}.tab_group__slide-button{position:absolute;z-index:1;background-color:var(--color-surface-1, #F6F6F6)}.tab_group__slide-button[icon=arrow-left]{left:0}.tab_group__slide-button[icon=arrow-right]{right:0}.tab_group__slide__itens{position:absolute;left:56px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:48px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:32px;-webkit-transition:left 0.5s;-moz-transition:left 0.5s;transition:left 0.5s}.tab_group__content{height:100%}.tab_group__scrolled{-ms-flex-negative:999;flex-shrink:999;overflow:auto}.tab_group__scrolled::-webkit-scrollbar{width:16px;background-color:transparent}.tab_group__scrolled::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}";
|
|
3
|
+
const tabGroupCss = ":host{display:block;width:100%}.tab_group{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.tab_group__header{padding:0 16px;overflow:hidden}.tab_group__header__itens{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:32px;margin:auto}.tab_group__header__itens__center{-ms-flex-pack:center;justify-content:center;margin:auto}.tab_group__header__itens__right{-ms-flex-pack:right;justify-content:right;margin:0 0 0 auto}.tab_group__header__itens__left{-ms-flex-pack:left;justify-content:left;margin:0 auto 0 0}.tab_group__header__itens__item{cursor:pointer;height:46px;width:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--color-content-disable, #636363);border-bottom:2px solid transparent}.tab_group__header__itens__item__open{color:var(--color-content-default, #454545);border-color:var(--color-primary, #1e6bf1)}.tab_group__header__itens__item__disable{cursor:default;color:var(--color-content-ghost, #8C8C8C)}.tab_group__slide{position:relative;overflow:hidden;height:48px;margin-left:56px;margin-right:56px}.tab_group__slide-button{position:absolute;z-index:1;background-color:var(--color-surface-1, #F6F6F6)}.tab_group__slide-button[icon=arrow-left]{left:0}.tab_group__slide-button[icon=arrow-right]{right:0}.tab_group__slide__itens{position:absolute;left:56px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:48px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:32px;-webkit-transition:left 0.5s;-moz-transition:left 0.5s;transition:left 0.5s}.tab_group__content{height:100%}.tab_group__scrolled{-ms-flex-negative:999;flex-shrink:999;overflow:auto}.tab_group__scrolled::-webkit-scrollbar{width:16px;background-color:transparent}.tab_group__scrolled::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}";
|
|
4
4
|
|
|
5
5
|
const BdsTabGroup = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -8,6 +8,13 @@ const BdsTabGroup = class {
|
|
|
8
8
|
this.bdsTabChange = createEvent(this, "bdsTabChange", 7);
|
|
9
9
|
this.bdsTabDisabled = createEvent(this, "bdsTabDisabled", 7);
|
|
10
10
|
this.tabItensElement = null;
|
|
11
|
+
this.getEventsDisable = (ItensElement) => {
|
|
12
|
+
ItensElement.forEach((element) => {
|
|
13
|
+
element.addEventListener('tabDisabled', () => {
|
|
14
|
+
this.setInternalItens(Array.from(this.tabItensElement));
|
|
15
|
+
}, false);
|
|
16
|
+
});
|
|
17
|
+
};
|
|
11
18
|
this.checkSlideTabs = () => {
|
|
12
19
|
if (this.headerSlideElement.offsetWidth > this.headerElement.offsetWidth) {
|
|
13
20
|
return true;
|
|
@@ -95,6 +102,7 @@ const BdsTabGroup = class {
|
|
|
95
102
|
this.setnumberElement();
|
|
96
103
|
this.setFirstActive();
|
|
97
104
|
this.setInternalItens(Array.from(this.tabItensElement));
|
|
105
|
+
this.getEventsDisable(Array.from(this.tabItensElement));
|
|
98
106
|
}
|
|
99
107
|
connectedCallback() {
|
|
100
108
|
this.isSlide = window.setInterval(() => {
|
|
@@ -113,7 +121,11 @@ const BdsTabGroup = class {
|
|
|
113
121
|
}, ref: this.refHeaderSlideElement, style: slidePosition }, this.internalItens &&
|
|
114
122
|
this.internalItens.map((item, index) => {
|
|
115
123
|
const bold = item.open == true ? 'bold' : 'regular';
|
|
116
|
-
return (h("div", { class: {
|
|
124
|
+
return (h("div", { class: {
|
|
125
|
+
tab_group__header__itens__item: true,
|
|
126
|
+
tab_group__header__itens__item__open: item.open,
|
|
127
|
+
tab_group__header__itens__item__disable: item.disable,
|
|
128
|
+
}, key: index, tabindex: "0", onClick: () => item.disable ? this.handleDisabled(item.numberElement) : this.handleClick(item.numberElement) }, h("bds-typo", { variant: "fs-16", bold: bold }, item.label)));
|
|
117
129
|
}))), this.isSlideTabs && this.alignTab != 'right' && (h("bds-button-icon", { class: "tab_group__slide-button", icon: "arrow-right", size: "short", id: "bds-tabs-button-right", onClick: () => this.nextSlide(), dataTest: this.dtButtonNext, variant: "secondary" })), h("div", { class: { tab_group__content: true, tab_group__scrolled: this.contentScrollable } }, h("slot", null)))));
|
|
118
130
|
}
|
|
119
131
|
get element() { return getElement(this); }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./index-241c9f42.system.js"],(function(e){"use strict";var t,n,i,r,a;return{setters:[function(e){t=e.r;n=e.e;i=e.h;r=e.f;a=e.g}],execute:function(){var s=":host{display:block;width:100%}.tab_group{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.tab_group__header{padding:0 16px;overflow:hidden}.tab_group__header__itens{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:32px;margin:auto}.tab_group__header__itens__center{-ms-flex-pack:center;justify-content:center;margin:auto}.tab_group__header__itens__right{-ms-flex-pack:right;justify-content:right;margin:0 0 0 auto}.tab_group__header__itens__left{-ms-flex-pack:left;justify-content:left;margin:0 auto 0 0}.tab_group__header__itens__item{cursor:pointer;height:46px;width:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--color-content-disable, #636363);border-bottom:2px solid transparent}.tab_group__header__itens__item__open{color:var(--color-content-default, #454545);border-color:var(--color-primary, #1e6bf1)}.tab_group__slide{position:relative;overflow:hidden;height:48px;margin-left:56px;margin-right:56px}.tab_group__slide-button{position:absolute;z-index:1;background-color:var(--color-surface-1, #F6F6F6)}.tab_group__slide-button[icon=arrow-left]{left:0}.tab_group__slide-button[icon=arrow-right]{right:0}.tab_group__slide__itens{position:absolute;left:56px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:48px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:32px;-webkit-transition:left 0.5s;-moz-transition:left 0.5s;transition:left 0.5s}.tab_group__content{height:100%}.tab_group__scrolled{-ms-flex-negative:999;flex-shrink:999;overflow:auto}.tab_group__scrolled::-webkit-scrollbar{width:16px;background-color:transparent}.tab_group__scrolled::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}";var o=e("bds_tab_group",function(){function e(e){var i=this;t(this,e);this.bdsTabChange=n(this,"bdsTabChange",7);this.bdsTabDisabled=n(this,"bdsTabDisabled",7);this.tabItensElement=null;this.checkSlideTabs=function(){if(i.headerSlideElement.offsetWidth>i.headerElement.offsetWidth){return true}};this.setFirstActive=function(){var e=Array.from(i.tabItensElement).filter((function(e){return e.open}));if(!e.length){i.tabItensElement[0].open=true}};this.setnumberElement=function(){for(var e=0;e<i.tabItensElement.length;e++){i.tabItensElement[e].numberElement=e}};this.setInternalItens=function(e){var t=e.map((function(e,t){return{label:e.label,open:e.open,numberElement:t,disable:e.disable}}));return i.internalItens=t};this.handleClick=function(e){var t=i.internalItens.map((function(e){return{label:e.label,open:false,numberElement:e.numberElement}}));i.internalItens=t;for(var n=0;n<i.tabItensElement.length;n++){if(i.tabItensElement[n].numberElement!=e){i.tabItensElement[n].open=false}else{i.tabItensElement[n].open=true;i.bdsTabChange.emit(i.tabItensElement[n])}}};this.refHeaderElement=function(e){i.headerElement=e};this.refHeaderSlideElement=function(e){i.headerSlideElement=e};this.handleDisabled=function(e){i.bdsTabDisabled.emit(i.tabItensElement[e])};this.nextSlide=function(){var e=i.headerElement.offsetWidth-i.headerSlideElement.offsetWidth;var t=i.headerSlideElement.offsetWidth/i.headerElement.offsetWidth;var n=parseInt(t.toString());var r=i.positionLeft-i.headerElement.offsetWidth;i.positionLeft=r<e?e:r;i.alignTab=r<e?"right":"scrolling";i.tabRefSlide=n<=i.tabRefSlide?i.tabRefSlide+1:n};this.prevSlide=function(){var e=i.headerSlideElement.offsetWidth/i.headerElement.offsetWidth;var t=parseInt(e.toString());var n=i.positionLeft+i.headerElement.offsetWidth;i.positionLeft=n>0?0:n;i.alignTab=n>0?"left":"scrolling";i.tabRefSlide=t<=i.tabRefSlide?i.tabRefSlide-1:t};this.internalItens=undefined;this.isSlideTabs=false;this.alignTab="left";this.tabRefSlide=0;this.positionLeft=0;this.contentScrollable=true;this.align="center";this.dtButtonPrev=null;this.dtButtonNext=null}e.prototype.componentWillRender=function(){this.tabItensElement=this.element.getElementsByTagName("bds-tab-item");this.setnumberElement();this.setFirstActive();this.setInternalItens(Array.from(this.tabItensElement))};e.prototype.connectedCallback=function(){var e=this;this.isSlide=window.setInterval((function(){e.isSlideTabs=e.checkSlideTabs()}),100)};e.prototype.disconnectedCallback=function(){window.clearInterval(this.isSlide)};e.prototype.render=function(){var e;var t=this;var n={left:"".concat(this.positionLeft,"px")};return i(r,null,i("div",{class:{tab_group:true}},this.isSlideTabs&&this.alignTab!="left"&&i("bds-button-icon",{class:"tab_group__slide-button",icon:"arrow-left",size:"short",id:"bds-tabs-button-left",onClick:function(){return t.prevSlide()},dataTest:this.dtButtonPrev,variant:"secondary"}),i("div",{class:{tab_group__header:true,tab_group__slide:this.isSlideTabs},ref:this.refHeaderElement},i("div",{class:(e={tab_group__header__itens:true,tab_group__slide__itens:this.isSlideTabs},e["tab_group__header__itens__".concat(this.align)]=!this.isSlideTabs,e),ref:this.refHeaderSlideElement,style:n},this.internalItens&&this.internalItens.map((function(e,n){var r=e.open==true?"bold":"regular";return i("div",{class:{tab_group__header__itens__item:true,tab_group__header__itens__item__open:e.open},key:n,tabindex:"0",onClick:function(){return e.disable?t.handleDisabled(e.numberElement):t.handleClick(e.numberElement)}},i("bds-typo",{variant:"fs-16",bold:r},e.label))})))),this.isSlideTabs&&this.alignTab!="right"&&i("bds-button-icon",{class:"tab_group__slide-button",icon:"arrow-right",size:"short",id:"bds-tabs-button-right",onClick:function(){return t.nextSlide()},dataTest:this.dtButtonNext,variant:"secondary"}),i("div",{class:{tab_group__content:true,tab_group__scrolled:this.contentScrollable}},i("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());o.style=s}}}));
|
|
1
|
+
System.register(["./index-241c9f42.system.js"],(function(e){"use strict";var t,n,i,r,a;return{setters:[function(e){t=e.r;n=e.e;i=e.h;r=e.f;a=e.g}],execute:function(){var s=":host{display:block;width:100%}.tab_group{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.tab_group__header{padding:0 16px;overflow:hidden}.tab_group__header__itens{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:32px;margin:auto}.tab_group__header__itens__center{-ms-flex-pack:center;justify-content:center;margin:auto}.tab_group__header__itens__right{-ms-flex-pack:right;justify-content:right;margin:0 0 0 auto}.tab_group__header__itens__left{-ms-flex-pack:left;justify-content:left;margin:0 auto 0 0}.tab_group__header__itens__item{cursor:pointer;height:46px;width:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--color-content-disable, #636363);border-bottom:2px solid transparent}.tab_group__header__itens__item__open{color:var(--color-content-default, #454545);border-color:var(--color-primary, #1e6bf1)}.tab_group__header__itens__item__disable{cursor:default;color:var(--color-content-ghost, #8C8C8C)}.tab_group__slide{position:relative;overflow:hidden;height:48px;margin-left:56px;margin-right:56px}.tab_group__slide-button{position:absolute;z-index:1;background-color:var(--color-surface-1, #F6F6F6)}.tab_group__slide-button[icon=arrow-left]{left:0}.tab_group__slide-button[icon=arrow-right]{right:0}.tab_group__slide__itens{position:absolute;left:56px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:48px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:32px;-webkit-transition:left 0.5s;-moz-transition:left 0.5s;transition:left 0.5s}.tab_group__content{height:100%}.tab_group__scrolled{-ms-flex-negative:999;flex-shrink:999;overflow:auto}.tab_group__scrolled::-webkit-scrollbar{width:16px;background-color:transparent}.tab_group__scrolled::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}";var o=e("bds_tab_group",function(){function e(e){var i=this;t(this,e);this.bdsTabChange=n(this,"bdsTabChange",7);this.bdsTabDisabled=n(this,"bdsTabDisabled",7);this.tabItensElement=null;this.getEventsDisable=function(e){e.forEach((function(e){e.addEventListener("tabDisabled",(function(){i.setInternalItens(Array.from(i.tabItensElement))}),false)}))};this.checkSlideTabs=function(){if(i.headerSlideElement.offsetWidth>i.headerElement.offsetWidth){return true}};this.setFirstActive=function(){var e=Array.from(i.tabItensElement).filter((function(e){return e.open}));if(!e.length){i.tabItensElement[0].open=true}};this.setnumberElement=function(){for(var e=0;e<i.tabItensElement.length;e++){i.tabItensElement[e].numberElement=e}};this.setInternalItens=function(e){var t=e.map((function(e,t){return{label:e.label,open:e.open,numberElement:t,disable:e.disable}}));return i.internalItens=t};this.handleClick=function(e){var t=i.internalItens.map((function(e){return{label:e.label,open:false,numberElement:e.numberElement}}));i.internalItens=t;for(var n=0;n<i.tabItensElement.length;n++){if(i.tabItensElement[n].numberElement!=e){i.tabItensElement[n].open=false}else{i.tabItensElement[n].open=true;i.bdsTabChange.emit(i.tabItensElement[n])}}};this.refHeaderElement=function(e){i.headerElement=e};this.refHeaderSlideElement=function(e){i.headerSlideElement=e};this.handleDisabled=function(e){i.bdsTabDisabled.emit(i.tabItensElement[e])};this.nextSlide=function(){var e=i.headerElement.offsetWidth-i.headerSlideElement.offsetWidth;var t=i.headerSlideElement.offsetWidth/i.headerElement.offsetWidth;var n=parseInt(t.toString());var r=i.positionLeft-i.headerElement.offsetWidth;i.positionLeft=r<e?e:r;i.alignTab=r<e?"right":"scrolling";i.tabRefSlide=n<=i.tabRefSlide?i.tabRefSlide+1:n};this.prevSlide=function(){var e=i.headerSlideElement.offsetWidth/i.headerElement.offsetWidth;var t=parseInt(e.toString());var n=i.positionLeft+i.headerElement.offsetWidth;i.positionLeft=n>0?0:n;i.alignTab=n>0?"left":"scrolling";i.tabRefSlide=t<=i.tabRefSlide?i.tabRefSlide-1:t};this.internalItens=undefined;this.isSlideTabs=false;this.alignTab="left";this.tabRefSlide=0;this.positionLeft=0;this.contentScrollable=true;this.align="center";this.dtButtonPrev=null;this.dtButtonNext=null}e.prototype.componentWillRender=function(){this.tabItensElement=this.element.getElementsByTagName("bds-tab-item");this.setnumberElement();this.setFirstActive();this.setInternalItens(Array.from(this.tabItensElement));this.getEventsDisable(Array.from(this.tabItensElement))};e.prototype.connectedCallback=function(){var e=this;this.isSlide=window.setInterval((function(){e.isSlideTabs=e.checkSlideTabs()}),100)};e.prototype.disconnectedCallback=function(){window.clearInterval(this.isSlide)};e.prototype.render=function(){var e;var t=this;var n={left:"".concat(this.positionLeft,"px")};return i(r,null,i("div",{class:{tab_group:true}},this.isSlideTabs&&this.alignTab!="left"&&i("bds-button-icon",{class:"tab_group__slide-button",icon:"arrow-left",size:"short",id:"bds-tabs-button-left",onClick:function(){return t.prevSlide()},dataTest:this.dtButtonPrev,variant:"secondary"}),i("div",{class:{tab_group__header:true,tab_group__slide:this.isSlideTabs},ref:this.refHeaderElement},i("div",{class:(e={tab_group__header__itens:true,tab_group__slide__itens:this.isSlideTabs},e["tab_group__header__itens__".concat(this.align)]=!this.isSlideTabs,e),ref:this.refHeaderSlideElement,style:n},this.internalItens&&this.internalItens.map((function(e,n){var r=e.open==true?"bold":"regular";return i("div",{class:{tab_group__header__itens__item:true,tab_group__header__itens__item__open:e.open,tab_group__header__itens__item__disable:e.disable},key:n,tabindex:"0",onClick:function(){return e.disable?t.handleDisabled(e.numberElement):t.handleClick(e.numberElement)}},i("bds-typo",{variant:"fs-16",bold:r},e.label))})))),this.isSlideTabs&&this.alignTab!="right"&&i("bds-button-icon",{class:"tab_group__slide-button",icon:"arrow-right",size:"short",id:"bds-tabs-button-right",onClick:function(){return t.nextSlide()},dataTest:this.dtButtonNext,variant:"secondary"}),i("div",{class:{tab_group__content:true,tab_group__scrolled:this.contentScrollable}},i("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());o.style=s}}}));
|
|
@@ -15,9 +15,15 @@ const BdsTabItem = class {
|
|
|
15
15
|
async reciveNumber(number) {
|
|
16
16
|
this.numberElement = number;
|
|
17
17
|
}
|
|
18
|
+
disableChanged() {
|
|
19
|
+
this.tabDisabled.emit({ item: this.numberElement, disable: this.disable });
|
|
20
|
+
}
|
|
18
21
|
render() {
|
|
19
22
|
return (h(Host, { class: { [`is-open`]: this.disable === true ? false : this.open } }, h("div", { class: { tab_item: true }, "data-test": this.dataTest }, h("div", { class: { tab_item_content: true, [`tab_item_content--open`]: this.open } }, h("slot", null)))));
|
|
20
23
|
}
|
|
24
|
+
static get watchers() { return {
|
|
25
|
+
"disable": ["disableChanged"]
|
|
26
|
+
}; }
|
|
21
27
|
};
|
|
22
28
|
BdsTabItem.style = tabItemCss;
|
|
23
29
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function o(t){try{l(i.next(t))}catch(e){a(e)}}function s(t){try{l(i["throw"](t))}catch(e){a(e)}}function l(t){t.done?n(t.value):r(t.value).then(o,s)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return l([t,e])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(i=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1];a=s;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(s);break}if(a[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(l){s=[6,l];r=0}finally{i=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-241c9f42.system.js"],(function(t){"use strict";var e,n,i,r;return{setters:[function(t){e=t.r;n=t.e;i=t.h;r=t.f}],execute:function(){var a=":host{display:none}:host(.is-open){display:block;height:100%}.tab_item{height:100%}.tab_item_content{display:none;height:100%}.tab_item_content--open{display:block}";var o=t("bds_tab_item",function(){function t(t){e(this,t);this.tabDisabled=n(this,"tabDisabled",7);this.numberElement=null;this.label=null;this.disable=false;this.open=false;this.dataTest=null}t.prototype.reciveNumber=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.numberElement=t;return[2]}))}))};t.prototype.render=function(){var t,e;return i(r,{class:(t={},t["is-open"]=this.disable===true?false:this.open,t)},i("div",{class:{tab_item:true},"data-test":this.dataTest},i("div",{class:(e={tab_item_content:true},e["tab_item_content--open"]=this.open,e)},i("slot",null))))};return t}());o.style=a}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function o(t){try{l(i.next(t))}catch(e){a(e)}}function s(t){try{l(i["throw"](t))}catch(e){a(e)}}function l(t){t.done?n(t.value):r(t.value).then(o,s)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return l([t,e])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(i=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1];a=s;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(s);break}if(a[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(l){s=[6,l];r=0}finally{i=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-241c9f42.system.js"],(function(t){"use strict";var e,n,i,r;return{setters:[function(t){e=t.r;n=t.e;i=t.h;r=t.f}],execute:function(){var a=":host{display:none}:host(.is-open){display:block;height:100%}.tab_item{height:100%}.tab_item_content{display:none;height:100%}.tab_item_content--open{display:block}";var o=t("bds_tab_item",function(){function t(t){e(this,t);this.tabDisabled=n(this,"tabDisabled",7);this.numberElement=null;this.label=null;this.disable=false;this.open=false;this.dataTest=null}t.prototype.reciveNumber=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.numberElement=t;return[2]}))}))};t.prototype.disableChanged=function(){this.tabDisabled.emit({item:this.numberElement,disable:this.disable})};t.prototype.render=function(){var t,e;return i(r,{class:(t={},t["is-open"]=this.disable===true?false:this.open,t)},i("div",{class:{tab_item:true},"data-test":this.dataTest},i("div",{class:(e={tab_item_content:true},e["tab_item_content--open"]=this.open,e)},i("slot",null))))};Object.defineProperty(t,"watchers",{get:function(){return{disable:["disableChanged"]}},enumerable:false,configurable:true});return t}());o.style=a}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as s,H as e,g as o}from"./p-952c43a2.js";const r=class{constructor(s){t(this,s),this.bdsTabChange=i(this,"bdsTabChange",7),this.bdsTabDisabled=i(this,"bdsTabDisabled",7),this.tabItensElement=null,this.getEventsDisable=t=>{t.forEach((t=>{t.addEventListener("tabDisabled",(()=>{this.setInternalItens(Array.from(this.tabItensElement))}),!1)}))},this.checkSlideTabs=()=>{if(this.headerSlideElement.offsetWidth>this.headerElement.offsetWidth)return!0},this.setFirstActive=()=>{Array.from(this.tabItensElement).filter((t=>t.open)).length||(this.tabItensElement[0].open=!0)},this.setnumberElement=()=>{for(let t=0;t<this.tabItensElement.length;t++)this.tabItensElement[t].numberElement=t},this.setInternalItens=t=>{const i=t.map(((t,i)=>({label:t.label,open:t.open,numberElement:i,disable:t.disable})));return this.internalItens=i},this.handleClick=t=>{const i=this.internalItens.map((t=>({label:t.label,open:!1,numberElement:t.numberElement})));this.internalItens=i;for(let s=0;s<this.tabItensElement.length;s++)this.tabItensElement[s].numberElement!=t?this.tabItensElement[s].open=!1:(this.tabItensElement[s].open=!0,this.bdsTabChange.emit(this.tabItensElement[s]))},this.refHeaderElement=t=>{this.headerElement=t},this.refHeaderSlideElement=t=>{this.headerSlideElement=t},this.handleDisabled=t=>{this.bdsTabDisabled.emit(this.tabItensElement[t])},this.nextSlide=()=>{const t=this.headerElement.offsetWidth-this.headerSlideElement.offsetWidth,i=parseInt((this.headerSlideElement.offsetWidth/this.headerElement.offsetWidth).toString()),s=this.positionLeft-this.headerElement.offsetWidth;this.positionLeft=s<t?t:s,this.alignTab=s<t?"right":"scrolling",this.tabRefSlide=i<=this.tabRefSlide?this.tabRefSlide+1:i},this.prevSlide=()=>{const t=parseInt((this.headerSlideElement.offsetWidth/this.headerElement.offsetWidth).toString()),i=this.positionLeft+this.headerElement.offsetWidth;this.positionLeft=i>0?0:i,this.alignTab=i>0?"left":"scrolling",this.tabRefSlide=t<=this.tabRefSlide?this.tabRefSlide-1:t},this.internalItens=void 0,this.isSlideTabs=!1,this.alignTab="left",this.tabRefSlide=0,this.positionLeft=0,this.contentScrollable=!0,this.align="center",this.dtButtonPrev=null,this.dtButtonNext=null}componentWillRender(){this.tabItensElement=this.element.getElementsByTagName("bds-tab-item"),this.setnumberElement(),this.setFirstActive(),this.setInternalItens(Array.from(this.tabItensElement)),this.getEventsDisable(Array.from(this.tabItensElement))}connectedCallback(){this.isSlide=window.setInterval((()=>{this.isSlideTabs=this.checkSlideTabs()}),100)}disconnectedCallback(){window.clearInterval(this.isSlide)}render(){const t={left:`${this.positionLeft}px`};return s(e,null,s("div",{class:{tab_group:!0}},this.isSlideTabs&&"left"!=this.alignTab&&s("bds-button-icon",{class:"tab_group__slide-button",icon:"arrow-left",size:"short",id:"bds-tabs-button-left",onClick:()=>this.prevSlide(),dataTest:this.dtButtonPrev,variant:"secondary"}),s("div",{class:{tab_group__header:!0,tab_group__slide:this.isSlideTabs},ref:this.refHeaderElement},s("div",{class:{tab_group__header__itens:!0,tab_group__slide__itens:this.isSlideTabs,[`tab_group__header__itens__${this.align}`]:!this.isSlideTabs},ref:this.refHeaderSlideElement,style:t},this.internalItens&&this.internalItens.map(((t,i)=>s("div",{class:{tab_group__header__itens__item:!0,tab_group__header__itens__item__open:t.open,tab_group__header__itens__item__disable:t.disable},key:i,tabindex:"0",onClick:()=>t.disable?this.handleDisabled(t.numberElement):this.handleClick(t.numberElement)},s("bds-typo",{variant:"fs-16",bold:1==t.open?"bold":"regular"},t.label)))))),this.isSlideTabs&&"right"!=this.alignTab&&s("bds-button-icon",{class:"tab_group__slide-button",icon:"arrow-right",size:"short",id:"bds-tabs-button-right",onClick:()=>this.nextSlide(),dataTest:this.dtButtonNext,variant:"secondary"}),s("div",{class:{tab_group__content:!0,tab_group__scrolled:this.contentScrollable}},s("slot",null))))}get element(){return o(this)}};r.style=":host{display:block;width:100%}.tab_group{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.tab_group__header{padding:0 16px;overflow:hidden}.tab_group__header__itens{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:32px;margin:auto}.tab_group__header__itens__center{-ms-flex-pack:center;justify-content:center;margin:auto}.tab_group__header__itens__right{-ms-flex-pack:right;justify-content:right;margin:0 0 0 auto}.tab_group__header__itens__left{-ms-flex-pack:left;justify-content:left;margin:0 auto 0 0}.tab_group__header__itens__item{cursor:pointer;height:46px;width:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--color-content-disable, #636363);border-bottom:2px solid transparent}.tab_group__header__itens__item__open{color:var(--color-content-default, #454545);border-color:var(--color-primary, #1e6bf1)}.tab_group__header__itens__item__disable{cursor:default;color:var(--color-content-ghost, #8C8C8C)}.tab_group__slide{position:relative;overflow:hidden;height:48px;margin-left:56px;margin-right:56px}.tab_group__slide-button{position:absolute;z-index:1;background-color:var(--color-surface-1, #F6F6F6)}.tab_group__slide-button[icon=arrow-left]{left:0}.tab_group__slide-button[icon=arrow-right]{right:0}.tab_group__slide__itens{position:absolute;left:56px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:48px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:32px;-webkit-transition:left 0.5s;-moz-transition:left 0.5s;transition:left 0.5s}.tab_group__content{height:100%}.tab_group__scrolled{-ms-flex-negative:999;flex-shrink:999;overflow:auto}.tab_group__scrolled::-webkit-scrollbar{width:16px;background-color:transparent}.tab_group__scrolled::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}";export{r as bds_tab_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-9fb71e47.system.js"],(function(e,t){"use strict";var s,a,n,o,i,d;return{setters:[function(t){s=t.p;a=t.w;n=t.d;o=t.N;i=t.a;d=t.b;e("setNonce",t.s)}],execute:function(){function e(e){var t,s,a;return(a=(s=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||s===void 0?void 0:s.getAttribute("content"))!==null&&a!==void 0?a:undefined}var r=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var l=function(){{s.$cssShim$=a.__cssshim}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(o,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===o}));var d=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{d.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,a.location.href)).href;{c(d.resourcesUrl,e)}if(!a.customElements){return t.import("./p-00f61b3b.system.js").then((function(){return d}))}}return i(d)};var c=function(t,i){var d=r(o);try{a[d]=new Function("w","return import(w);//".concat(Math.random()))}catch(c){var l=new Map;a[d]=function(o){var r;var c=new URL(o,t).href;var p=l.get(c);if(!p){var b=n.createElement("script");b.type="module";b.crossOrigin=i.crossOrigin;b.src=URL.createObjectURL(new Blob(["import * as m from '".concat(c,"'; window.").concat(d,".m = m;")],{type:"application/javascript"}));var u=(r=s.$nonce$)!==null&&r!==void 0?r:e(n);if(u!=null){b.setAttribute("nonce",u)}p=new Promise((function(e){b.onload=function(){e(a[d].m);b.remove()}}));l.set(c,p);n.head.appendChild(b)}return p}}};l().then((function(e){return d(JSON.parse('[["p-ab6fa52f.system",[[1,"bds-list",{"typeList":[1,"type-list"],"value":[1537],"data":[1537],"internalData":[32]}]]],["p-52a09e40.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"language":[1],"disabled":[1540],"valueDateSelected":[1537,"value-date-selected"],"valueEndDateSelected":[1537,"value-end-date-selected"],"dtInputStart":[1,"dt-input-start"],"dtInputEnd":[1,"dt-input-end"],"dtOutzone":[1,"dt-outzone"],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"dtButtonClear":[1,"dt-button-clear"],"dtButtonConfirm":[1,"dt-button-confirm"],"open":[32],"stateSelect":[32],"dateSelected":[32],"endDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32],"intoView":[32],"scrollingTop":[32],"menupositionTop":[32],"menupositionLeft":[32]}]]],["p-3367f234.system",[[6,"bds-input-chips",{"chips":[1025],"type":[1],"label":[1],"maxlength":[2],"maxChipsLength":[2,"max-chips-length"],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"success":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"successMessage":[1025,"success-message"],"inputName":[1,"input-name"],"placeholder":[1],"counterLength":[4,"counter-length"],"dataTest":[1,"data-test"],"dtButtonClose":[1,"dt-button-close"],"InputSize":[32],"validationDanger":[32],"inputAvalible":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-6261af1a.system",[[1,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"success":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"type":[1],"delimiters":[16],"disableSubmit":[4,"disable-submit"],"helperMessage":[1,"helper-message"],"successMessage":[1025,"success-message"],"inputName":[1,"input-name"],"placeholder":[1],"optionsPosition":[1537,"options-position"],"dataTest":[1,"data-test"],"internalOptions":[32],"isOpen":[32],"intoView":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"getChips":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-11c1ec58.system",[[1,"bds-toast",{"icon":[513],"actionType":[1,"action-type"],"variant":[1],"toastTitle":[1,"toast-title"],"toastText":[1,"toast-text"],"buttonText":[1,"button-text"],"duration":[2],"buttonAction":[1,"button-action"],"show":[4],"hide":[4],"position":[1],"dtButtonAction":[1,"dt-button-action"],"dtButtonClose":[1,"dt-button-close"],"create":[64],"close":[64]}]]],["p-0565c14b.system",[[1,"bds-data-table",{"options":[1],"column":[1],"avatar":[4],"chips":[4],"actionArea":[4,"action-area"],"sorting":[4],"newTable":[32],"headerData":[32],"tableData":[32],"sortAscending":[32],"headerActive":[32],"deleteItem":[64]}]]],["p-f883f457.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"optionsPosition":[1,"options-position"],"dtButtonInitial":[1,"dt-button-initial"],"dtButtonPrev":[1,"dt-button-prev"],"dtSelectNumber":[1,"dt-select-number"],"dtButtonNext":[1,"dt-button-next"],"dtButtonEnd":[1,"dt-button-end"],"value":[32],"openSelect":[32],"paginationNumbers":[32],"intoView":[32]}]]],["p-82081c8f.system",[[1,"bds-upload",{"language":[1],"titleName":[1,"title-name"],"subtitle":[1],"error":[1],"multiple":[4],"accept":[1],"files":[32],"haveFiles":[32],"hover":[32],"background":[32],"size":[32]}]]],["p-73a25a89.system",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"isOpen":[32],"btToggleIsfocus":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-a07a0f74.system",[[1,"bds-autocomplete",{"options":[1],"value":[1025],"selected":[1040],"danger":[516],"disabled":[516],"searchOnlyTitle":[516,"search-only-title"],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"clearIconOnFocus":[4,"clear-icon-on-focus"],"dataTest":[1,"data-test"],"intoView":[32],"isPressed":[32],"isOpen":[32],"text":[32],"internalOptions":[32],"isFocused":[32]},[[9,"mousedown","handleWindow"]]]]],["p-59139f0a.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-89f062d2.system",[[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1025],"danger":[1540],"success":[1540],"disabled":[516],"required":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"successMessage":[1025,"success-message"],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"dtSelectFlag":[1,"dt-select-flag"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isoCode":[32],"isPressed":[32],"validationDanger":[32],"validationMesage":[32],"removeFocus":[64],"changeCountry":[64]},[[9,"mousedown","handleWindow"]]]]],["p-e435aef0.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1],"description":[1],"disabled":[4]}]]],["p-914a10ee.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"success":[1540],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"optionsPosition":[1537,"options-position"],"dataTest":[1,"data-test"],"intoView":[32],"isOpen":[32],"text":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]]]],["p-5f4631d1.system",[[1,"bds-tab-group",{"contentScrollable":[4,"content-scrollable"],"align":[1],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"internalItens":[32],"isSlideTabs":[32],"alignTab":[32],"tabRefSlide":[32],"positionLeft":[32]}]]],["p-b1ad7577.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-6ad947b9.system",[[1,"bds-badge",{"color":[1],"shape":[1],"icon":[1],"number":[2],"animation":[4],"type":[32]}]]],["p-1d9ca89c.system",[[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"dataTest":[1,"data-test"],"isSelected":[32]},[[2,"click","handleClick"]]]]],["p-4fbc22f7.system",[[1,"bds-input-editable",{"size":[1],"expand":[4],"dataTest":[1,"data-test"],"inputName":[1,"input-name"],"value":[1537],"requiredErrorMessage":[1,"required-error-message"],"minlength":[2],"minlengthErrorMessage":[1,"minlength-error-message"],"maxlength":[2],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"helperMessage":[1,"helper-message"],"placeholder":[1],"danger":[1540],"success":[1540],"dtButtonEdit":[1,"dt-button-edit"],"dtButtonClose":[1,"dt-button-close"],"dtButtonConfirm":[1,"dt-button-confirm"],"oldValue":[32],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}]]],["p-1d63b1e1.system",[[2,"bds-input-password",{"openEyes":[4,"open-eyes"],"value":[1537],"label":[1],"inputName":[1,"input-name"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"danger":[516],"success":[1540],"icon":[513],"disabled":[4],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32]}]]],["p-91432236.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"subtitle":[1],"description":[1],"lipstick":[4],"disabled":[4],"openParentMenu":[32],"openSubMenu":[32],"positionSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-f38a8c63.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-aa7cee4c.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"type":[1],"margin":[4],"width":[2],"dtOutzone":[1,"dt-outzone"],"dtButtonClose":[1,"dt-button-close"],"background":[1],"InnerSpacing":[32],"toggle":[64]}]]],["p-09c9c1d8.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4],"dataTest":[1,"data-test"]}]]],["p-49a34564.system",[[6,"bds-table-th",{"sortable":[4],"arrow":[1]}]]],["p-efd69a76.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[16,"bdsTabChange","onSelectedTab"]]]]],["p-1f0f256a.system",[[1,"bds-warning"]]],["p-469c9f35.system",[[1,"bds-alert-body"]]],["p-1d7a0902.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-bebfd407.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-f5c5ab64.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-a0390cb0.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-ece42050.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"outzoneClose":[4,"outzone-close"],"dtOutzone":[1,"dt-outzone"],"dtButtonClose":[1,"dt-button-close"],"toggle":[64]}]]],["p-6e29aae2.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-242eedb4.system",[[1,"bds-progress-bar",{"percent":[2],"size":[1],"color":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-b752c885.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-ced692af.system",[[6,"bds-table-cell",{"type":[1],"sortable":[4]}]]],["p-f1364635.system",[[1,"bds-accordion",{"startOpen":[4,"start-open"],"isOpen":[32],"numberElement":[32],"condition":[32],"toggle":[64],"open":[64],"close":[64],"notStart":[64],"reciveNumber":[64]}]]],["p-bcf640c0.system",[[1,"bds-accordion-body",{"isOpen":[32],"isOpenAftAnimation":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-36f0c491.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64],"openAll":[64]}]]],["p-11e5ff92.system",[[1,"bds-alert",{"open":[1540],"dataTest":[1,"data-test"],"position":[1],"toggle":[64]}]]],["p-99c561f8.system",[[1,"bds-alert-actions"]]],["p-3d73683d.system",[[1,"bds-banner-link",{"link":[1],"dataTest":[1,"data-test"]}]]],["p-06511b40.system",[[1,"bds-dropdown",{"activeMode":[1,"active-mode"],"open":[1540],"position":[1],"intoView":[32],"openSubMenu":[32],"stateSubMenu":[32],"zIndex":[32],"delay":[32],"isChildDrop":[32],"toggle":[64]}]]],["p-5d90e546.system",[[1,"bds-expansion-panel"]]],["p-961bc822.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-d10c9bdd.system",[[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-650e3bac.system",[[1,"bds-loading-bar",{"percent":[2],"size":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-19820edc.system",[[1,"bds-loading-page",{"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-fc62098f.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"refElement":[32],"intoView":[32],"menupositionTop":[32],"menupositionLeft":[32],"toggle":[64]}]]],["p-b873e3e9.system",[[1,"bds-menu-list"]]],["p-ec5ce525.system",[[1,"bds-modal-action"]]],["p-5fb4ffbb.system",[[1,"bds-navbar",{"orientation":[1],"backgroundColor":[1,"background-color"],"justifyContent":[1,"justify-content"]}]]],["p-ad76b439.system",[[1,"bds-navbar-content"]]],["p-594fa993.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-0fd9825c.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-56bb6810.system",[[1,"bds-tab-item",{"numberElement":[1538,"number-element"],"label":[1],"disable":[1540],"open":[1540],"dataTest":[1,"data-test"],"reciveNumber":[64]}]]],["p-e5c7a29b.system",[[4,"bds-tab-panel",{"group":[1],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-b709555f.system",[[6,"bds-table"]]],["p-c4c15869.system",[[6,"bds-table-body"]]],["p-b9e6f8aa.system",[[6,"bds-table-header"]]],["p-020a0a76.system",[[6,"bds-table-row",{"clickable":[4],"selected":[4]}]]],["p-95176a2b.system",[[1,"bds-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"theme":[513],"type":[1],"dataTest":[1,"data-test"],"svgContent":[32],"isVisible":[32]}]]],["p-1bc2e792.system",[[1,"bds-avatar",{"name":[1],"thumbnail":[1025],"size":[1],"color":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"],"hasThumb":[32]}]]],["p-33f8773d.system",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"dataTest":[1,"data-test"],"dtButtonClose":[1,"dt-button-close"],"visible":[32]}],[1,"bds-tooltip",{"tooltipText":[1025,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32],"textVerify":[32],"visible":[64]}]]],["p-6cb80dac.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"dataTest":[1,"data-test"]}]]],["p-0847b9f7.system",[[1,"bds-list-item",{"checked":[1540],"typeList":[1,"type-list"],"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"icon":[1],"value":[1],"text":[1],"secondaryText":[1,"secondary-text"],"chips":[1025],"actionsButtons":[1025,"actions-buttons"],"clickable":[4],"active":[4],"borderRadius":[4,"border-radius"],"dataTest":[1,"data-test"],"internalChips":[32],"internalActionsButtons":[32]}]]],["p-9102006f.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"dtButtonClose":[1,"dt-button-close"],"visible":[32],"toggle":[64]}]]],["p-220889c7.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1],"dataTest":[1,"data-test"]}]]],["p-f32a2e92.system",[[6,"bds-toast-container"]]],["p-f54e7650.system",[[0,"bds-test-component"],[6,"bds-grid",{"height":[1],"direction":[1],"justifyContent":[1,"justify-content"],"flexWrap":[1,"flex-wrap"],"alignItems":[1,"align-items"],"container":[4],"containerFluid":[4,"container-fluid"],"xxs":[1],"xs":[1],"sm":[1],"md":[1],"lg":[1],"xg":[1],"xxsOffset":[1,"xxs-offset"],"xsOffset":[1,"xs-offset"],"smOffset":[1,"sm-offset"],"mdOffset":[1,"md-offset"],"lgOffset":[1,"lg-offset"],"xgOffset":[1,"xg-offset"],"gap":[1],"padding":[1],"margin":[1]}],[1,"bds-theme-provider",{"theme":[1]}],[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"],"border":[4],"height":[1],"width":[1],"hasBorder":[32]}],[1,"bds-typo",{"variant":[1],"lineHeight":[1,"line-height"],"bold":[1],"italic":[4],"noWrap":[4,"no-wrap"],"paragraph":[4],"margin":[4],"tag":[1],"dataTest":[1,"data-test"]}]]],["p-fa16b221.system",[[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-52e5a687.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"stateSelect":[1537,"state-select"],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"activeSelectYear":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-datepicker-single",{"endDate":[16],"startDate":[16],"dateSelect":[1040],"language":[1],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-input",{"inputName":[1,"input-name"],"type":[513],"label":[1],"placeholder":[1],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"required":[4],"pattern":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"successMessage":[1025,"success-message"],"icon":[513],"disabled":[1540],"danger":[1540],"success":[1540],"value":[1025],"counterLength":[4,"counter-length"],"counterLengthRule":[16],"isSubmit":[4,"is-submit"],"isTextarea":[4,"is-textarea"],"rows":[2],"cols":[2],"requiredErrorMessage":[1,"required-error-message"],"minlengthErrorMessage":[1,"minlength-error-message"],"minErrorMessage":[1,"min-error-message"],"maxErrorMessage":[1,"max-error-message"],"emailErrorMessage":[1,"email-error-message"],"numberErrorMessage":[1,"number-error-message"],"chips":[4],"dataTest":[1,"data-test"],"isPressed":[32],"isPassword":[32],"validationMesage":[32],"validationDanger":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"isValid":[64],"clear":[64]}]]],["p-4cc84ffa.system",[[1,"bds-button",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"arrow":[4],"type":[1],"typeIcon":[513,"type-icon"],"bdsLoading":[4,"bds-loading"],"bdsLoadingVariant":[1,"bds-loading-variant"],"bdsLoadingColor":[1,"bds-loading-color"],"dataTest":[1,"data-test"]}],[1,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-a4616160.system",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}],[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"radioId":[32],"getInputElement":[64],"getValue":[64]}],[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-ece18a05.system",[[6,"bds-select-option",{"value":[8],"selected":[4],"disabled":[4],"invisible":[1540],"danger":[1540],"bulkOption":[1,"bulk-option"],"slotAlign":[1,"slot-align"],"titleText":[1,"title-text"],"status":[1],"dataTest":[1,"data-test"]}]]]]'),e)}))}}}));
|
|
1
|
+
System.register(["./p-9fb71e47.system.js"],(function(e,t){"use strict";var s,a,n,o,i,d;return{setters:[function(t){s=t.p;a=t.w;n=t.d;o=t.N;i=t.a;d=t.b;e("setNonce",t.s)}],execute:function(){function e(e){var t,s,a;return(a=(s=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||s===void 0?void 0:s.getAttribute("content"))!==null&&a!==void 0?a:undefined}var r=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var l=function(){{s.$cssShim$=a.__cssshim}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(o,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===o}));var d=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{d.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,a.location.href)).href;{c(d.resourcesUrl,e)}if(!a.customElements){return t.import("./p-00f61b3b.system.js").then((function(){return d}))}}return i(d)};var c=function(t,i){var d=r(o);try{a[d]=new Function("w","return import(w);//".concat(Math.random()))}catch(c){var l=new Map;a[d]=function(o){var r;var c=new URL(o,t).href;var p=l.get(c);if(!p){var u=n.createElement("script");u.type="module";u.crossOrigin=i.crossOrigin;u.src=URL.createObjectURL(new Blob(["import * as m from '".concat(c,"'; window.").concat(d,".m = m;")],{type:"application/javascript"}));var b=(r=s.$nonce$)!==null&&r!==void 0?r:e(n);if(b!=null){u.setAttribute("nonce",b)}p=new Promise((function(e){u.onload=function(){e(a[d].m);u.remove()}}));l.set(c,p);n.head.appendChild(u)}return p}}};l().then((function(e){return d(JSON.parse('[["p-ab6fa52f.system",[[1,"bds-list",{"typeList":[1,"type-list"],"value":[1537],"data":[1537],"internalData":[32]}]]],["p-52a09e40.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"language":[1],"disabled":[1540],"valueDateSelected":[1537,"value-date-selected"],"valueEndDateSelected":[1537,"value-end-date-selected"],"dtInputStart":[1,"dt-input-start"],"dtInputEnd":[1,"dt-input-end"],"dtOutzone":[1,"dt-outzone"],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"dtButtonClear":[1,"dt-button-clear"],"dtButtonConfirm":[1,"dt-button-confirm"],"open":[32],"stateSelect":[32],"dateSelected":[32],"endDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32],"intoView":[32],"scrollingTop":[32],"menupositionTop":[32],"menupositionLeft":[32]}]]],["p-3367f234.system",[[6,"bds-input-chips",{"chips":[1025],"type":[1],"label":[1],"maxlength":[2],"maxChipsLength":[2,"max-chips-length"],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"success":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"successMessage":[1025,"success-message"],"inputName":[1,"input-name"],"placeholder":[1],"counterLength":[4,"counter-length"],"dataTest":[1,"data-test"],"dtButtonClose":[1,"dt-button-close"],"InputSize":[32],"validationDanger":[32],"inputAvalible":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-6261af1a.system",[[1,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"success":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"type":[1],"delimiters":[16],"disableSubmit":[4,"disable-submit"],"helperMessage":[1,"helper-message"],"successMessage":[1025,"success-message"],"inputName":[1,"input-name"],"placeholder":[1],"optionsPosition":[1537,"options-position"],"dataTest":[1,"data-test"],"internalOptions":[32],"isOpen":[32],"intoView":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"getChips":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-11c1ec58.system",[[1,"bds-toast",{"icon":[513],"actionType":[1,"action-type"],"variant":[1],"toastTitle":[1,"toast-title"],"toastText":[1,"toast-text"],"buttonText":[1,"button-text"],"duration":[2],"buttonAction":[1,"button-action"],"show":[4],"hide":[4],"position":[1],"dtButtonAction":[1,"dt-button-action"],"dtButtonClose":[1,"dt-button-close"],"create":[64],"close":[64]}]]],["p-0565c14b.system",[[1,"bds-data-table",{"options":[1],"column":[1],"avatar":[4],"chips":[4],"actionArea":[4,"action-area"],"sorting":[4],"newTable":[32],"headerData":[32],"tableData":[32],"sortAscending":[32],"headerActive":[32],"deleteItem":[64]}]]],["p-f883f457.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"optionsPosition":[1,"options-position"],"dtButtonInitial":[1,"dt-button-initial"],"dtButtonPrev":[1,"dt-button-prev"],"dtSelectNumber":[1,"dt-select-number"],"dtButtonNext":[1,"dt-button-next"],"dtButtonEnd":[1,"dt-button-end"],"value":[32],"openSelect":[32],"paginationNumbers":[32],"intoView":[32]}]]],["p-82081c8f.system",[[1,"bds-upload",{"language":[1],"titleName":[1,"title-name"],"subtitle":[1],"error":[1],"multiple":[4],"accept":[1],"files":[32],"haveFiles":[32],"hover":[32],"background":[32],"size":[32]}]]],["p-73a25a89.system",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"isOpen":[32],"btToggleIsfocus":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-a07a0f74.system",[[1,"bds-autocomplete",{"options":[1],"value":[1025],"selected":[1040],"danger":[516],"disabled":[516],"searchOnlyTitle":[516,"search-only-title"],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"clearIconOnFocus":[4,"clear-icon-on-focus"],"dataTest":[1,"data-test"],"intoView":[32],"isPressed":[32],"isOpen":[32],"text":[32],"internalOptions":[32],"isFocused":[32]},[[9,"mousedown","handleWindow"]]]]],["p-59139f0a.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-89f062d2.system",[[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1025],"danger":[1540],"success":[1540],"disabled":[516],"required":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"successMessage":[1025,"success-message"],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"dtSelectFlag":[1,"dt-select-flag"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isoCode":[32],"isPressed":[32],"validationDanger":[32],"validationMesage":[32],"removeFocus":[64],"changeCountry":[64]},[[9,"mousedown","handleWindow"]]]]],["p-e435aef0.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1],"description":[1],"disabled":[4]}]]],["p-914a10ee.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"success":[1540],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"optionsPosition":[1537,"options-position"],"dataTest":[1,"data-test"],"intoView":[32],"isOpen":[32],"text":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]]]],["p-e461e9ee.system",[[1,"bds-tab-group",{"contentScrollable":[4,"content-scrollable"],"align":[1],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"internalItens":[32],"isSlideTabs":[32],"alignTab":[32],"tabRefSlide":[32],"positionLeft":[32]}]]],["p-b1ad7577.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-6ad947b9.system",[[1,"bds-badge",{"color":[1],"shape":[1],"icon":[1],"number":[2],"animation":[4],"type":[32]}]]],["p-1d9ca89c.system",[[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"dataTest":[1,"data-test"],"isSelected":[32]},[[2,"click","handleClick"]]]]],["p-4fbc22f7.system",[[1,"bds-input-editable",{"size":[1],"expand":[4],"dataTest":[1,"data-test"],"inputName":[1,"input-name"],"value":[1537],"requiredErrorMessage":[1,"required-error-message"],"minlength":[2],"minlengthErrorMessage":[1,"minlength-error-message"],"maxlength":[2],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"helperMessage":[1,"helper-message"],"placeholder":[1],"danger":[1540],"success":[1540],"dtButtonEdit":[1,"dt-button-edit"],"dtButtonClose":[1,"dt-button-close"],"dtButtonConfirm":[1,"dt-button-confirm"],"oldValue":[32],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}]]],["p-1d63b1e1.system",[[2,"bds-input-password",{"openEyes":[4,"open-eyes"],"value":[1537],"label":[1],"inputName":[1,"input-name"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"successMessage":[1025,"success-message"],"danger":[516],"success":[1540],"icon":[513],"disabled":[4],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32]}]]],["p-91432236.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"subtitle":[1],"description":[1],"lipstick":[4],"disabled":[4],"openParentMenu":[32],"openSubMenu":[32],"positionSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-f38a8c63.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-aa7cee4c.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"type":[1],"margin":[4],"width":[2],"dtOutzone":[1,"dt-outzone"],"dtButtonClose":[1,"dt-button-close"],"background":[1],"InnerSpacing":[32],"toggle":[64]}]]],["p-09c9c1d8.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4],"dataTest":[1,"data-test"]}]]],["p-49a34564.system",[[6,"bds-table-th",{"sortable":[4],"arrow":[1]}]]],["p-efd69a76.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[16,"bdsTabChange","onSelectedTab"]]]]],["p-1f0f256a.system",[[1,"bds-warning"]]],["p-469c9f35.system",[[1,"bds-alert-body"]]],["p-1d7a0902.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-bebfd407.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-f5c5ab64.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-a0390cb0.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-ece42050.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"outzoneClose":[4,"outzone-close"],"dtOutzone":[1,"dt-outzone"],"dtButtonClose":[1,"dt-button-close"],"toggle":[64]}]]],["p-6e29aae2.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-242eedb4.system",[[1,"bds-progress-bar",{"percent":[2],"size":[1],"color":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-b752c885.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-ced692af.system",[[6,"bds-table-cell",{"type":[1],"sortable":[4]}]]],["p-f1364635.system",[[1,"bds-accordion",{"startOpen":[4,"start-open"],"isOpen":[32],"numberElement":[32],"condition":[32],"toggle":[64],"open":[64],"close":[64],"notStart":[64],"reciveNumber":[64]}]]],["p-bcf640c0.system",[[1,"bds-accordion-body",{"isOpen":[32],"isOpenAftAnimation":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-36f0c491.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64],"openAll":[64]}]]],["p-11e5ff92.system",[[1,"bds-alert",{"open":[1540],"dataTest":[1,"data-test"],"position":[1],"toggle":[64]}]]],["p-99c561f8.system",[[1,"bds-alert-actions"]]],["p-3d73683d.system",[[1,"bds-banner-link",{"link":[1],"dataTest":[1,"data-test"]}]]],["p-06511b40.system",[[1,"bds-dropdown",{"activeMode":[1,"active-mode"],"open":[1540],"position":[1],"intoView":[32],"openSubMenu":[32],"stateSubMenu":[32],"zIndex":[32],"delay":[32],"isChildDrop":[32],"toggle":[64]}]]],["p-5d90e546.system",[[1,"bds-expansion-panel"]]],["p-961bc822.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-d10c9bdd.system",[[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-650e3bac.system",[[1,"bds-loading-bar",{"percent":[2],"size":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-19820edc.system",[[1,"bds-loading-page",{"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-fc62098f.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"refElement":[32],"intoView":[32],"menupositionTop":[32],"menupositionLeft":[32],"toggle":[64]}]]],["p-b873e3e9.system",[[1,"bds-menu-list"]]],["p-ec5ce525.system",[[1,"bds-modal-action"]]],["p-5fb4ffbb.system",[[1,"bds-navbar",{"orientation":[1],"backgroundColor":[1,"background-color"],"justifyContent":[1,"justify-content"]}]]],["p-ad76b439.system",[[1,"bds-navbar-content"]]],["p-594fa993.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-0fd9825c.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-ccdfd0b1.system",[[1,"bds-tab-item",{"numberElement":[1538,"number-element"],"label":[1],"disable":[1540],"open":[1540],"dataTest":[1,"data-test"],"reciveNumber":[64]}]]],["p-e5c7a29b.system",[[4,"bds-tab-panel",{"group":[1],"isActive":[32]},[[16,"bdsTabChange","handleTabChange"],[16,"bdsTabInit","handleTabChange"]]]]],["p-b709555f.system",[[6,"bds-table"]]],["p-c4c15869.system",[[6,"bds-table-body"]]],["p-b9e6f8aa.system",[[6,"bds-table-header"]]],["p-020a0a76.system",[[6,"bds-table-row",{"clickable":[4],"selected":[4]}]]],["p-95176a2b.system",[[1,"bds-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"theme":[513],"type":[1],"dataTest":[1,"data-test"],"svgContent":[32],"isVisible":[32]}]]],["p-1bc2e792.system",[[1,"bds-avatar",{"name":[1],"thumbnail":[1025],"size":[1],"color":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"],"hasThumb":[32]}]]],["p-33f8773d.system",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"dataTest":[1,"data-test"],"dtButtonClose":[1,"dt-button-close"],"visible":[32]}],[1,"bds-tooltip",{"tooltipText":[1025,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32],"textVerify":[32],"visible":[64]}]]],["p-6cb80dac.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"dataTest":[1,"data-test"]}]]],["p-0847b9f7.system",[[1,"bds-list-item",{"checked":[1540],"typeList":[1,"type-list"],"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"icon":[1],"value":[1],"text":[1],"secondaryText":[1,"secondary-text"],"chips":[1025],"actionsButtons":[1025,"actions-buttons"],"clickable":[4],"active":[4],"borderRadius":[4,"border-radius"],"dataTest":[1,"data-test"],"internalChips":[32],"internalActionsButtons":[32]}]]],["p-9102006f.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"dtButtonClose":[1,"dt-button-close"],"visible":[32],"toggle":[64]}]]],["p-220889c7.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1],"dataTest":[1,"data-test"]}]]],["p-f32a2e92.system",[[6,"bds-toast-container"]]],["p-f54e7650.system",[[0,"bds-test-component"],[6,"bds-grid",{"height":[1],"direction":[1],"justifyContent":[1,"justify-content"],"flexWrap":[1,"flex-wrap"],"alignItems":[1,"align-items"],"container":[4],"containerFluid":[4,"container-fluid"],"xxs":[1],"xs":[1],"sm":[1],"md":[1],"lg":[1],"xg":[1],"xxsOffset":[1,"xxs-offset"],"xsOffset":[1,"xs-offset"],"smOffset":[1,"sm-offset"],"mdOffset":[1,"md-offset"],"lgOffset":[1,"lg-offset"],"xgOffset":[1,"xg-offset"],"gap":[1],"padding":[1],"margin":[1]}],[1,"bds-theme-provider",{"theme":[1]}],[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"],"border":[4],"height":[1],"width":[1],"hasBorder":[32]}],[1,"bds-typo",{"variant":[1],"lineHeight":[1,"line-height"],"bold":[1],"italic":[4],"noWrap":[4,"no-wrap"],"paragraph":[4],"margin":[4],"tag":[1],"dataTest":[1,"data-test"]}]]],["p-fa16b221.system",[[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-52e5a687.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"stateSelect":[1537,"state-select"],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"activeSelectYear":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-datepicker-single",{"endDate":[16],"startDate":[16],"dateSelect":[1040],"language":[1],"dtButtonPrev":[1,"dt-button-prev"],"dtButtonNext":[1,"dt-button-next"],"dtSelectMonth":[1,"dt-select-month"],"dtSelectYear":[1,"dt-select-year"],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-input",{"inputName":[1,"input-name"],"type":[513],"label":[1],"placeholder":[1],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"required":[4],"pattern":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"successMessage":[1025,"success-message"],"icon":[513],"disabled":[1540],"danger":[1540],"success":[1540],"value":[1025],"counterLength":[4,"counter-length"],"counterLengthRule":[16],"isSubmit":[4,"is-submit"],"isTextarea":[4,"is-textarea"],"rows":[2],"cols":[2],"requiredErrorMessage":[1,"required-error-message"],"minlengthErrorMessage":[1,"minlength-error-message"],"minErrorMessage":[1,"min-error-message"],"maxErrorMessage":[1,"max-error-message"],"emailErrorMessage":[1,"email-error-message"],"numberErrorMessage":[1,"number-error-message"],"chips":[4],"dataTest":[1,"data-test"],"isPressed":[32],"isPassword":[32],"validationMesage":[32],"validationDanger":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"isValid":[64],"clear":[64]}]]],["p-4cc84ffa.system",[[1,"bds-button",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"arrow":[4],"type":[1],"typeIcon":[513,"type-icon"],"bdsLoading":[4,"bds-loading"],"bdsLoadingVariant":[1,"bds-loading-variant"],"bdsLoadingColor":[1,"bds-loading-color"],"dataTest":[1,"data-test"]}],[1,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-a4616160.system",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}],[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"radioId":[32],"getInputElement":[64],"getValue":[64]}],[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-ece18a05.system",[[6,"bds-select-option",{"value":[8],"selected":[4],"disabled":[4],"invisible":[1540],"danger":[1540],"bulkOption":[1,"bulk-option"],"slotAlign":[1,"slot-align"],"titleText":[1,"title-text"],"status":[1],"dataTest":[1,"data-test"]}]]]]'),e)}))}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function o(t){try{l(i.next(t))}catch(e){a(e)}}function s(t){try{l(i["throw"](t))}catch(e){a(e)}}function l(t){t.done?n(t.value):r(t.value).then(o,s)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return l([t,e])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(i=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1];a=s;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(s);break}if(a[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(l){s=[6,l];r=0}finally{i=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-9fb71e47.system.js"],(function(t){"use strict";var e,n,i,r;return{setters:[function(t){e=t.r;n=t.c;i=t.h;r=t.H}],execute:function(){var a=":host{display:none}:host(.is-open){display:block;height:100%}.tab_item{height:100%}.tab_item_content{display:none;height:100%}.tab_item_content--open{display:block}";var o=t("bds_tab_item",function(){function t(t){e(this,t);this.tabDisabled=n(this,"tabDisabled",7);this.numberElement=null;this.label=null;this.disable=false;this.open=false;this.dataTest=null}t.prototype.reciveNumber=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.numberElement=t;return[2]}))}))};t.prototype.disableChanged=function(){this.tabDisabled.emit({item:this.numberElement,disable:this.disable})};t.prototype.render=function(){var t,e;return i(r,{class:(t={},t["is-open"]=this.disable===true?false:this.open,t)},i("div",{class:{tab_item:true},"data-test":this.dataTest},i("div",{class:(e={tab_item_content:true},e["tab_item_content--open"]=this.open,e)},i("slot",null))))};Object.defineProperty(t,"watchers",{get:function(){return{disable:["disableChanged"]}},enumerable:false,configurable:true});return t}());o.style=a}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-9fb71e47.system.js"],(function(e){"use strict";var t,n,i,r,a;return{setters:[function(e){t=e.r;n=e.c;i=e.h;r=e.H;a=e.g}],execute:function(){var s=":host{display:block;width:100%}.tab_group{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.tab_group__header{padding:0 16px;overflow:hidden}.tab_group__header__itens{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:32px;margin:auto}.tab_group__header__itens__center{-ms-flex-pack:center;justify-content:center;margin:auto}.tab_group__header__itens__right{-ms-flex-pack:right;justify-content:right;margin:0 0 0 auto}.tab_group__header__itens__left{-ms-flex-pack:left;justify-content:left;margin:0 auto 0 0}.tab_group__header__itens__item{cursor:pointer;height:46px;width:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--color-content-disable, #636363);border-bottom:2px solid transparent}.tab_group__header__itens__item__open{color:var(--color-content-default, #454545);border-color:var(--color-primary, #1e6bf1)}.tab_group__header__itens__item__disable{cursor:default;color:var(--color-content-ghost, #8C8C8C)}.tab_group__slide{position:relative;overflow:hidden;height:48px;margin-left:56px;margin-right:56px}.tab_group__slide-button{position:absolute;z-index:1;background-color:var(--color-surface-1, #F6F6F6)}.tab_group__slide-button[icon=arrow-left]{left:0}.tab_group__slide-button[icon=arrow-right]{right:0}.tab_group__slide__itens{position:absolute;left:56px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:48px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:32px;-webkit-transition:left 0.5s;-moz-transition:left 0.5s;transition:left 0.5s}.tab_group__content{height:100%}.tab_group__scrolled{-ms-flex-negative:999;flex-shrink:999;overflow:auto}.tab_group__scrolled::-webkit-scrollbar{width:16px;background-color:transparent}.tab_group__scrolled::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}";var o=e("bds_tab_group",function(){function e(e){var i=this;t(this,e);this.bdsTabChange=n(this,"bdsTabChange",7);this.bdsTabDisabled=n(this,"bdsTabDisabled",7);this.tabItensElement=null;this.getEventsDisable=function(e){e.forEach((function(e){e.addEventListener("tabDisabled",(function(){i.setInternalItens(Array.from(i.tabItensElement))}),false)}))};this.checkSlideTabs=function(){if(i.headerSlideElement.offsetWidth>i.headerElement.offsetWidth){return true}};this.setFirstActive=function(){var e=Array.from(i.tabItensElement).filter((function(e){return e.open}));if(!e.length){i.tabItensElement[0].open=true}};this.setnumberElement=function(){for(var e=0;e<i.tabItensElement.length;e++){i.tabItensElement[e].numberElement=e}};this.setInternalItens=function(e){var t=e.map((function(e,t){return{label:e.label,open:e.open,numberElement:t,disable:e.disable}}));return i.internalItens=t};this.handleClick=function(e){var t=i.internalItens.map((function(e){return{label:e.label,open:false,numberElement:e.numberElement}}));i.internalItens=t;for(var n=0;n<i.tabItensElement.length;n++){if(i.tabItensElement[n].numberElement!=e){i.tabItensElement[n].open=false}else{i.tabItensElement[n].open=true;i.bdsTabChange.emit(i.tabItensElement[n])}}};this.refHeaderElement=function(e){i.headerElement=e};this.refHeaderSlideElement=function(e){i.headerSlideElement=e};this.handleDisabled=function(e){i.bdsTabDisabled.emit(i.tabItensElement[e])};this.nextSlide=function(){var e=i.headerElement.offsetWidth-i.headerSlideElement.offsetWidth;var t=i.headerSlideElement.offsetWidth/i.headerElement.offsetWidth;var n=parseInt(t.toString());var r=i.positionLeft-i.headerElement.offsetWidth;i.positionLeft=r<e?e:r;i.alignTab=r<e?"right":"scrolling";i.tabRefSlide=n<=i.tabRefSlide?i.tabRefSlide+1:n};this.prevSlide=function(){var e=i.headerSlideElement.offsetWidth/i.headerElement.offsetWidth;var t=parseInt(e.toString());var n=i.positionLeft+i.headerElement.offsetWidth;i.positionLeft=n>0?0:n;i.alignTab=n>0?"left":"scrolling";i.tabRefSlide=t<=i.tabRefSlide?i.tabRefSlide-1:t};this.internalItens=undefined;this.isSlideTabs=false;this.alignTab="left";this.tabRefSlide=0;this.positionLeft=0;this.contentScrollable=true;this.align="center";this.dtButtonPrev=null;this.dtButtonNext=null}e.prototype.componentWillRender=function(){this.tabItensElement=this.element.getElementsByTagName("bds-tab-item");this.setnumberElement();this.setFirstActive();this.setInternalItens(Array.from(this.tabItensElement));this.getEventsDisable(Array.from(this.tabItensElement))};e.prototype.connectedCallback=function(){var e=this;this.isSlide=window.setInterval((function(){e.isSlideTabs=e.checkSlideTabs()}),100)};e.prototype.disconnectedCallback=function(){window.clearInterval(this.isSlide)};e.prototype.render=function(){var e;var t=this;var n={left:"".concat(this.positionLeft,"px")};return i(r,null,i("div",{class:{tab_group:true}},this.isSlideTabs&&this.alignTab!="left"&&i("bds-button-icon",{class:"tab_group__slide-button",icon:"arrow-left",size:"short",id:"bds-tabs-button-left",onClick:function(){return t.prevSlide()},dataTest:this.dtButtonPrev,variant:"secondary"}),i("div",{class:{tab_group__header:true,tab_group__slide:this.isSlideTabs},ref:this.refHeaderElement},i("div",{class:(e={tab_group__header__itens:true,tab_group__slide__itens:this.isSlideTabs},e["tab_group__header__itens__".concat(this.align)]=!this.isSlideTabs,e),ref:this.refHeaderSlideElement,style:n},this.internalItens&&this.internalItens.map((function(e,n){var r=e.open==true?"bold":"regular";return i("div",{class:{tab_group__header__itens__item:true,tab_group__header__itens__item__open:e.open,tab_group__header__itens__item__disable:e.disable},key:n,tabindex:"0",onClick:function(){return e.disable?t.handleDisabled(e.numberElement):t.handleClick(e.numberElement)}},i("bds-typo",{variant:"fs-16",bold:r},e.label))})))),this.isSlideTabs&&this.alignTab!="right"&&i("bds-button-icon",{class:"tab_group__slide-button",icon:"arrow-right",size:"short",id:"bds-tabs-button-right",onClick:function(){return t.nextSlide()},dataTest:this.dtButtonNext,variant:"secondary"}),i("div",{class:{tab_group__content:true,tab_group__scrolled:this.contentScrollable}},i("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());o.style=s}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as i,H as e}from"./p-952c43a2.js";const a=class{constructor(i){t(this,i),this.tabDisabled=s(this,"tabDisabled",7),this.numberElement=null,this.label=null,this.disable=!1,this.open=!1,this.dataTest=null}async reciveNumber(t){this.numberElement=t}disableChanged(){this.tabDisabled.emit({item:this.numberElement,disable:this.disable})}render(){return i(e,{class:{"is-open":!0!==this.disable&&this.open}},i("div",{class:{tab_item:!0},"data-test":this.dataTest},i("div",{class:{tab_item_content:!0,"tab_item_content--open":this.open}},i("slot",null))))}static get watchers(){return{disable:["disableChanged"]}}};a.style=":host{display:none}:host(.is-open){display:block;height:100%}.tab_item{height:100%}.tab_item_content{display:none;height:100%}.tab_item_content--open{display:block}";export{a as bds_tab_item}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-c39513a5.js');
|
|
6
6
|
|
|
7
|
-
const tabGroupCss = ":host{display:block;width:100%}.tab_group{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.tab_group__header{padding:0 16px;overflow:hidden}.tab_group__header__itens{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:32px;margin:auto}.tab_group__header__itens__center{-ms-flex-pack:center;justify-content:center;margin:auto}.tab_group__header__itens__right{-ms-flex-pack:right;justify-content:right;margin:0 0 0 auto}.tab_group__header__itens__left{-ms-flex-pack:left;justify-content:left;margin:0 auto 0 0}.tab_group__header__itens__item{cursor:pointer;height:46px;width:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--color-content-disable, #636363);border-bottom:2px solid transparent}.tab_group__header__itens__item__open{color:var(--color-content-default, #454545);border-color:var(--color-primary, #1e6bf1)}.tab_group__slide{position:relative;overflow:hidden;height:48px;margin-left:56px;margin-right:56px}.tab_group__slide-button{position:absolute;z-index:1;background-color:var(--color-surface-1, #F6F6F6)}.tab_group__slide-button[icon=arrow-left]{left:0}.tab_group__slide-button[icon=arrow-right]{right:0}.tab_group__slide__itens{position:absolute;left:56px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:48px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:32px;-webkit-transition:left 0.5s;-moz-transition:left 0.5s;transition:left 0.5s}.tab_group__content{height:100%}.tab_group__scrolled{-ms-flex-negative:999;flex-shrink:999;overflow:auto}.tab_group__scrolled::-webkit-scrollbar{width:16px;background-color:transparent}.tab_group__scrolled::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}";
|
|
7
|
+
const tabGroupCss = ":host{display:block;width:100%}.tab_group{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.tab_group__header{padding:0 16px;overflow:hidden}.tab_group__header__itens{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:32px;margin:auto}.tab_group__header__itens__center{-ms-flex-pack:center;justify-content:center;margin:auto}.tab_group__header__itens__right{-ms-flex-pack:right;justify-content:right;margin:0 0 0 auto}.tab_group__header__itens__left{-ms-flex-pack:left;justify-content:left;margin:0 auto 0 0}.tab_group__header__itens__item{cursor:pointer;height:46px;width:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--color-content-disable, #636363);border-bottom:2px solid transparent}.tab_group__header__itens__item__open{color:var(--color-content-default, #454545);border-color:var(--color-primary, #1e6bf1)}.tab_group__header__itens__item__disable{cursor:default;color:var(--color-content-ghost, #8C8C8C)}.tab_group__slide{position:relative;overflow:hidden;height:48px;margin-left:56px;margin-right:56px}.tab_group__slide-button{position:absolute;z-index:1;background-color:var(--color-surface-1, #F6F6F6)}.tab_group__slide-button[icon=arrow-left]{left:0}.tab_group__slide-button[icon=arrow-right]{right:0}.tab_group__slide__itens{position:absolute;left:56px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:48px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:32px;-webkit-transition:left 0.5s;-moz-transition:left 0.5s;transition:left 0.5s}.tab_group__content{height:100%}.tab_group__scrolled{-ms-flex-negative:999;flex-shrink:999;overflow:auto}.tab_group__scrolled::-webkit-scrollbar{width:16px;background-color:transparent}.tab_group__scrolled::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}";
|
|
8
8
|
|
|
9
9
|
const BdsTabGroup = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -12,6 +12,13 @@ const BdsTabGroup = class {
|
|
|
12
12
|
this.bdsTabChange = index.createEvent(this, "bdsTabChange", 7);
|
|
13
13
|
this.bdsTabDisabled = index.createEvent(this, "bdsTabDisabled", 7);
|
|
14
14
|
this.tabItensElement = null;
|
|
15
|
+
this.getEventsDisable = (ItensElement) => {
|
|
16
|
+
ItensElement.forEach((element) => {
|
|
17
|
+
element.addEventListener('tabDisabled', () => {
|
|
18
|
+
this.setInternalItens(Array.from(this.tabItensElement));
|
|
19
|
+
}, false);
|
|
20
|
+
});
|
|
21
|
+
};
|
|
15
22
|
this.checkSlideTabs = () => {
|
|
16
23
|
if (this.headerSlideElement.offsetWidth > this.headerElement.offsetWidth) {
|
|
17
24
|
return true;
|
|
@@ -99,6 +106,7 @@ const BdsTabGroup = class {
|
|
|
99
106
|
this.setnumberElement();
|
|
100
107
|
this.setFirstActive();
|
|
101
108
|
this.setInternalItens(Array.from(this.tabItensElement));
|
|
109
|
+
this.getEventsDisable(Array.from(this.tabItensElement));
|
|
102
110
|
}
|
|
103
111
|
connectedCallback() {
|
|
104
112
|
this.isSlide = window.setInterval(() => {
|
|
@@ -117,7 +125,11 @@ const BdsTabGroup = class {
|
|
|
117
125
|
}, ref: this.refHeaderSlideElement, style: slidePosition }, this.internalItens &&
|
|
118
126
|
this.internalItens.map((item, index$1) => {
|
|
119
127
|
const bold = item.open == true ? 'bold' : 'regular';
|
|
120
|
-
return (index.h("div", { class: {
|
|
128
|
+
return (index.h("div", { class: {
|
|
129
|
+
tab_group__header__itens__item: true,
|
|
130
|
+
tab_group__header__itens__item__open: item.open,
|
|
131
|
+
tab_group__header__itens__item__disable: item.disable,
|
|
132
|
+
}, key: index$1, tabindex: "0", onClick: () => item.disable ? this.handleDisabled(item.numberElement) : this.handleClick(item.numberElement) }, index.h("bds-typo", { variant: "fs-16", bold: bold }, item.label)));
|
|
121
133
|
}))), this.isSlideTabs && this.alignTab != 'right' && (index.h("bds-button-icon", { class: "tab_group__slide-button", icon: "arrow-right", size: "short", id: "bds-tabs-button-right", onClick: () => this.nextSlide(), dataTest: this.dtButtonNext, variant: "secondary" })), index.h("div", { class: { tab_group__content: true, tab_group__scrolled: this.contentScrollable } }, index.h("slot", null)))));
|
|
122
134
|
}
|
|
123
135
|
get element() { return index.getElement(this); }
|
|
@@ -19,9 +19,15 @@ const BdsTabItem = class {
|
|
|
19
19
|
async reciveNumber(number) {
|
|
20
20
|
this.numberElement = number;
|
|
21
21
|
}
|
|
22
|
+
disableChanged() {
|
|
23
|
+
this.tabDisabled.emit({ item: this.numberElement, disable: this.disable });
|
|
24
|
+
}
|
|
22
25
|
render() {
|
|
23
26
|
return (index.h(index.Host, { class: { [`is-open`]: this.disable === true ? false : this.open } }, index.h("div", { class: { tab_item: true }, "data-test": this.dataTest }, index.h("div", { class: { tab_item_content: true, [`tab_item_content--open`]: this.open } }, index.h("slot", null)))));
|
|
24
27
|
}
|
|
28
|
+
static get watchers() { return {
|
|
29
|
+
"disable": ["disableChanged"]
|
|
30
|
+
}; }
|
|
25
31
|
};
|
|
26
32
|
BdsTabItem.style = tabItemCss;
|
|
27
33
|
|
|
@@ -69,6 +69,10 @@
|
|
|
69
69
|
color: var(--color-content-default, #454545);
|
|
70
70
|
border-color: var(--color-primary, #1e6bf1);
|
|
71
71
|
}
|
|
72
|
+
.tab_group__header__itens__item__disable {
|
|
73
|
+
cursor: default;
|
|
74
|
+
color: var(--color-content-ghost, #8C8C8C);
|
|
75
|
+
}
|
|
72
76
|
.tab_group__slide {
|
|
73
77
|
position: relative;
|
|
74
78
|
overflow: hidden;
|
|
@@ -2,6 +2,13 @@ import { h, Host } from '@stencil/core';
|
|
|
2
2
|
export class BdsTabGroup {
|
|
3
3
|
constructor() {
|
|
4
4
|
this.tabItensElement = null;
|
|
5
|
+
this.getEventsDisable = (ItensElement) => {
|
|
6
|
+
ItensElement.forEach((element) => {
|
|
7
|
+
element.addEventListener('tabDisabled', () => {
|
|
8
|
+
this.setInternalItens(Array.from(this.tabItensElement));
|
|
9
|
+
}, false);
|
|
10
|
+
});
|
|
11
|
+
};
|
|
5
12
|
this.checkSlideTabs = () => {
|
|
6
13
|
if (this.headerSlideElement.offsetWidth > this.headerElement.offsetWidth) {
|
|
7
14
|
return true;
|
|
@@ -89,6 +96,7 @@ export class BdsTabGroup {
|
|
|
89
96
|
this.setnumberElement();
|
|
90
97
|
this.setFirstActive();
|
|
91
98
|
this.setInternalItens(Array.from(this.tabItensElement));
|
|
99
|
+
this.getEventsDisable(Array.from(this.tabItensElement));
|
|
92
100
|
}
|
|
93
101
|
connectedCallback() {
|
|
94
102
|
this.isSlide = window.setInterval(() => {
|
|
@@ -107,7 +115,11 @@ export class BdsTabGroup {
|
|
|
107
115
|
}, ref: this.refHeaderSlideElement, style: slidePosition }, this.internalItens &&
|
|
108
116
|
this.internalItens.map((item, index) => {
|
|
109
117
|
const bold = item.open == true ? 'bold' : 'regular';
|
|
110
|
-
return (h("div", { class: {
|
|
118
|
+
return (h("div", { class: {
|
|
119
|
+
tab_group__header__itens__item: true,
|
|
120
|
+
tab_group__header__itens__item__open: item.open,
|
|
121
|
+
tab_group__header__itens__item__disable: item.disable,
|
|
122
|
+
}, key: index, tabindex: "0", onClick: () => item.disable ? this.handleDisabled(item.numberElement) : this.handleClick(item.numberElement) }, h("bds-typo", { variant: "fs-16", bold: bold }, item.label)));
|
|
111
123
|
}))), this.isSlideTabs && this.alignTab != 'right' && (h("bds-button-icon", { class: "tab_group__slide-button", icon: "arrow-right", size: "short", id: "bds-tabs-button-right", onClick: () => this.nextSlide(), dataTest: this.dtButtonNext, variant: "secondary" })), h("div", { class: { tab_group__content: true, tab_group__scrolled: this.contentScrollable } }, h("slot", null)))));
|
|
112
124
|
}
|
|
113
125
|
static get is() { return "bds-tab-group"; }
|
|
@@ -10,6 +10,9 @@ export class BdsTabItem {
|
|
|
10
10
|
async reciveNumber(number) {
|
|
11
11
|
this.numberElement = number;
|
|
12
12
|
}
|
|
13
|
+
disableChanged() {
|
|
14
|
+
this.tabDisabled.emit({ item: this.numberElement, disable: this.disable });
|
|
15
|
+
}
|
|
13
16
|
render() {
|
|
14
17
|
return (h(Host, { class: { [`is-open`]: this.disable === true ? false : this.open } }, h("div", { class: { tab_item: true }, "data-test": this.dataTest }, h("div", { class: { tab_item_content: true, [`tab_item_content--open`]: this.open } }, h("slot", null)))));
|
|
15
18
|
}
|
|
@@ -160,4 +163,10 @@ export class BdsTabItem {
|
|
|
160
163
|
}
|
|
161
164
|
};
|
|
162
165
|
}
|
|
166
|
+
static get watchers() {
|
|
167
|
+
return [{
|
|
168
|
+
"propName": "disable",
|
|
169
|
+
"methodName": "disableChanged"
|
|
170
|
+
}];
|
|
171
|
+
}
|
|
163
172
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-625366c6.js';
|
|
2
2
|
|
|
3
|
-
const tabGroupCss = ":host{display:block;width:100%}.tab_group{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.tab_group__header{padding:0 16px;overflow:hidden}.tab_group__header__itens{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:32px;margin:auto}.tab_group__header__itens__center{-ms-flex-pack:center;justify-content:center;margin:auto}.tab_group__header__itens__right{-ms-flex-pack:right;justify-content:right;margin:0 0 0 auto}.tab_group__header__itens__left{-ms-flex-pack:left;justify-content:left;margin:0 auto 0 0}.tab_group__header__itens__item{cursor:pointer;height:46px;width:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--color-content-disable, #636363);border-bottom:2px solid transparent}.tab_group__header__itens__item__open{color:var(--color-content-default, #454545);border-color:var(--color-primary, #1e6bf1)}.tab_group__slide{position:relative;overflow:hidden;height:48px;margin-left:56px;margin-right:56px}.tab_group__slide-button{position:absolute;z-index:1;background-color:var(--color-surface-1, #F6F6F6)}.tab_group__slide-button[icon=arrow-left]{left:0}.tab_group__slide-button[icon=arrow-right]{right:0}.tab_group__slide__itens{position:absolute;left:56px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:48px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:32px;-webkit-transition:left 0.5s;-moz-transition:left 0.5s;transition:left 0.5s}.tab_group__content{height:100%}.tab_group__scrolled{-ms-flex-negative:999;flex-shrink:999;overflow:auto}.tab_group__scrolled::-webkit-scrollbar{width:16px;background-color:transparent}.tab_group__scrolled::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}";
|
|
3
|
+
const tabGroupCss = ":host{display:block;width:100%}.tab_group{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.tab_group__header{padding:0 16px;overflow:hidden}.tab_group__header__itens{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:32px;margin:auto}.tab_group__header__itens__center{-ms-flex-pack:center;justify-content:center;margin:auto}.tab_group__header__itens__right{-ms-flex-pack:right;justify-content:right;margin:0 0 0 auto}.tab_group__header__itens__left{-ms-flex-pack:left;justify-content:left;margin:0 auto 0 0}.tab_group__header__itens__item{cursor:pointer;height:46px;width:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--color-content-disable, #636363);border-bottom:2px solid transparent}.tab_group__header__itens__item__open{color:var(--color-content-default, #454545);border-color:var(--color-primary, #1e6bf1)}.tab_group__header__itens__item__disable{cursor:default;color:var(--color-content-ghost, #8C8C8C)}.tab_group__slide{position:relative;overflow:hidden;height:48px;margin-left:56px;margin-right:56px}.tab_group__slide-button{position:absolute;z-index:1;background-color:var(--color-surface-1, #F6F6F6)}.tab_group__slide-button[icon=arrow-left]{left:0}.tab_group__slide-button[icon=arrow-right]{right:0}.tab_group__slide__itens{position:absolute;left:56px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:48px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:32px;-webkit-transition:left 0.5s;-moz-transition:left 0.5s;transition:left 0.5s}.tab_group__content{height:100%}.tab_group__scrolled{-ms-flex-negative:999;flex-shrink:999;overflow:auto}.tab_group__scrolled::-webkit-scrollbar{width:16px;background-color:transparent}.tab_group__scrolled::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}";
|
|
4
4
|
|
|
5
5
|
const BdsTabGroup = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -8,6 +8,13 @@ const BdsTabGroup = class {
|
|
|
8
8
|
this.bdsTabChange = createEvent(this, "bdsTabChange", 7);
|
|
9
9
|
this.bdsTabDisabled = createEvent(this, "bdsTabDisabled", 7);
|
|
10
10
|
this.tabItensElement = null;
|
|
11
|
+
this.getEventsDisable = (ItensElement) => {
|
|
12
|
+
ItensElement.forEach((element) => {
|
|
13
|
+
element.addEventListener('tabDisabled', () => {
|
|
14
|
+
this.setInternalItens(Array.from(this.tabItensElement));
|
|
15
|
+
}, false);
|
|
16
|
+
});
|
|
17
|
+
};
|
|
11
18
|
this.checkSlideTabs = () => {
|
|
12
19
|
if (this.headerSlideElement.offsetWidth > this.headerElement.offsetWidth) {
|
|
13
20
|
return true;
|
|
@@ -95,6 +102,7 @@ const BdsTabGroup = class {
|
|
|
95
102
|
this.setnumberElement();
|
|
96
103
|
this.setFirstActive();
|
|
97
104
|
this.setInternalItens(Array.from(this.tabItensElement));
|
|
105
|
+
this.getEventsDisable(Array.from(this.tabItensElement));
|
|
98
106
|
}
|
|
99
107
|
connectedCallback() {
|
|
100
108
|
this.isSlide = window.setInterval(() => {
|
|
@@ -113,7 +121,11 @@ const BdsTabGroup = class {
|
|
|
113
121
|
}, ref: this.refHeaderSlideElement, style: slidePosition }, this.internalItens &&
|
|
114
122
|
this.internalItens.map((item, index) => {
|
|
115
123
|
const bold = item.open == true ? 'bold' : 'regular';
|
|
116
|
-
return (h("div", { class: {
|
|
124
|
+
return (h("div", { class: {
|
|
125
|
+
tab_group__header__itens__item: true,
|
|
126
|
+
tab_group__header__itens__item__open: item.open,
|
|
127
|
+
tab_group__header__itens__item__disable: item.disable,
|
|
128
|
+
}, key: index, tabindex: "0", onClick: () => item.disable ? this.handleDisabled(item.numberElement) : this.handleClick(item.numberElement) }, h("bds-typo", { variant: "fs-16", bold: bold }, item.label)));
|
|
117
129
|
}))), this.isSlideTabs && this.alignTab != 'right' && (h("bds-button-icon", { class: "tab_group__slide-button", icon: "arrow-right", size: "short", id: "bds-tabs-button-right", onClick: () => this.nextSlide(), dataTest: this.dtButtonNext, variant: "secondary" })), h("div", { class: { tab_group__content: true, tab_group__scrolled: this.contentScrollable } }, h("slot", null)))));
|
|
118
130
|
}
|
|
119
131
|
get element() { return getElement(this); }
|
|
@@ -15,9 +15,15 @@ const BdsTabItem = class {
|
|
|
15
15
|
async reciveNumber(number) {
|
|
16
16
|
this.numberElement = number;
|
|
17
17
|
}
|
|
18
|
+
disableChanged() {
|
|
19
|
+
this.tabDisabled.emit({ item: this.numberElement, disable: this.disable });
|
|
20
|
+
}
|
|
18
21
|
render() {
|
|
19
22
|
return (h(Host, { class: { [`is-open`]: this.disable === true ? false : this.open } }, h("div", { class: { tab_item: true }, "data-test": this.dataTest }, h("div", { class: { tab_item_content: true, [`tab_item_content--open`]: this.open } }, h("slot", null)))));
|
|
20
23
|
}
|
|
24
|
+
static get watchers() { return {
|
|
25
|
+
"disable": ["disableChanged"]
|
|
26
|
+
}; }
|
|
21
27
|
};
|
|
22
28
|
BdsTabItem.style = tabItemCss;
|
|
23
29
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-27f906e2.js";var tabGroupCss=":host{display:block;width:100%}.tab_group{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.tab_group__header{padding:0 16px;overflow:hidden}.tab_group__header__itens{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:32px;margin:auto}.tab_group__header__itens__center{-ms-flex-pack:center;justify-content:center;margin:auto}.tab_group__header__itens__right{-ms-flex-pack:right;justify-content:right;margin:0 0 0 auto}.tab_group__header__itens__left{-ms-flex-pack:left;justify-content:left;margin:0 auto 0 0}.tab_group__header__itens__item{cursor:pointer;height:46px;width:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--color-content-disable, #636363);border-bottom:2px solid transparent}.tab_group__header__itens__item__open{color:var(--color-content-default, #454545);border-color:var(--color-primary, #1e6bf1)}.tab_group__slide{position:relative;overflow:hidden;height:48px;margin-left:56px;margin-right:56px}.tab_group__slide-button{position:absolute;z-index:1;background-color:var(--color-surface-1, #F6F6F6)}.tab_group__slide-button[icon=arrow-left]{left:0}.tab_group__slide-button[icon=arrow-right]{right:0}.tab_group__slide__itens{position:absolute;left:56px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:48px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:32px;-webkit-transition:left 0.5s;-moz-transition:left 0.5s;transition:left 0.5s}.tab_group__content{height:100%}.tab_group__scrolled{-ms-flex-negative:999;flex-shrink:999;overflow:auto}.tab_group__scrolled::-webkit-scrollbar{width:16px;background-color:transparent}.tab_group__scrolled::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}";var BdsTabGroup=function(){function e(e){var t=this;registerInstance(this,e);this.bdsTabChange=createEvent(this,"bdsTabChange",7);this.bdsTabDisabled=createEvent(this,"bdsTabDisabled",7);this.tabItensElement=null;this.checkSlideTabs=function(){if(t.headerSlideElement.offsetWidth>t.headerElement.offsetWidth){return true}};this.setFirstActive=function(){var e=Array.from(t.tabItensElement).filter((function(e){return e.open}));if(!e.length){t.tabItensElement[0].open=true}};this.setnumberElement=function(){for(var e=0;e<t.tabItensElement.length;e++){t.tabItensElement[e].numberElement=e}};this.setInternalItens=function(e){var n=e.map((function(e,t){return{label:e.label,open:e.open,numberElement:t,disable:e.disable}}));return t.internalItens=n};this.handleClick=function(e){var n=t.internalItens.map((function(e){return{label:e.label,open:false,numberElement:e.numberElement}}));t.internalItens=n;for(var i=0;i<t.tabItensElement.length;i++){if(t.tabItensElement[i].numberElement!=e){t.tabItensElement[i].open=false}else{t.tabItensElement[i].open=true;t.bdsTabChange.emit(t.tabItensElement[i])}}};this.refHeaderElement=function(e){t.headerElement=e};this.refHeaderSlideElement=function(e){t.headerSlideElement=e};this.handleDisabled=function(e){t.bdsTabDisabled.emit(t.tabItensElement[e])};this.nextSlide=function(){var e=t.headerElement.offsetWidth-t.headerSlideElement.offsetWidth;var n=t.headerSlideElement.offsetWidth/t.headerElement.offsetWidth;var i=parseInt(n.toString());var r=t.positionLeft-t.headerElement.offsetWidth;t.positionLeft=r<e?e:r;t.alignTab=r<e?"right":"scrolling";t.tabRefSlide=i<=t.tabRefSlide?t.tabRefSlide+1:i};this.prevSlide=function(){var e=t.headerSlideElement.offsetWidth/t.headerElement.offsetWidth;var n=parseInt(e.toString());var i=t.positionLeft+t.headerElement.offsetWidth;t.positionLeft=i>0?0:i;t.alignTab=i>0?"left":"scrolling";t.tabRefSlide=n<=t.tabRefSlide?t.tabRefSlide-1:n};this.internalItens=undefined;this.isSlideTabs=false;this.alignTab="left";this.tabRefSlide=0;this.positionLeft=0;this.contentScrollable=true;this.align="center";this.dtButtonPrev=null;this.dtButtonNext=null}e.prototype.componentWillRender=function(){this.tabItensElement=this.element.getElementsByTagName("bds-tab-item");this.setnumberElement();this.setFirstActive();this.setInternalItens(Array.from(this.tabItensElement))};e.prototype.connectedCallback=function(){var e=this;this.isSlide=window.setInterval((function(){e.isSlideTabs=e.checkSlideTabs()}),100)};e.prototype.disconnectedCallback=function(){window.clearInterval(this.isSlide)};e.prototype.render=function(){var e;var t=this;var n={left:"".concat(this.positionLeft,"px")};return h(Host,null,h("div",{class:{tab_group:true}},this.isSlideTabs&&this.alignTab!="left"&&h("bds-button-icon",{class:"tab_group__slide-button",icon:"arrow-left",size:"short",id:"bds-tabs-button-left",onClick:function(){return t.prevSlide()},dataTest:this.dtButtonPrev,variant:"secondary"}),h("div",{class:{tab_group__header:true,tab_group__slide:this.isSlideTabs},ref:this.refHeaderElement},h("div",{class:(e={tab_group__header__itens:true,tab_group__slide__itens:this.isSlideTabs},e["tab_group__header__itens__".concat(this.align)]=!this.isSlideTabs,e),ref:this.refHeaderSlideElement,style:n},this.internalItens&&this.internalItens.map((function(e,n){var i=e.open==true?"bold":"regular";return h("div",{class:{tab_group__header__itens__item:true,tab_group__header__itens__item__open:e.open},key:n,tabindex:"0",onClick:function(){return e.disable?t.handleDisabled(e.numberElement):t.handleClick(e.numberElement)}},h("bds-typo",{variant:"fs-16",bold:i},e.label))})))),this.isSlideTabs&&this.alignTab!="right"&&h("bds-button-icon",{class:"tab_group__slide-button",icon:"arrow-right",size:"short",id:"bds-tabs-button-right",onClick:function(){return t.nextSlide()},dataTest:this.dtButtonNext,variant:"secondary"}),h("div",{class:{tab_group__content:true,tab_group__scrolled:this.contentScrollable}},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();BdsTabGroup.style=tabGroupCss;export{BdsTabGroup as bds_tab_group};
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-27f906e2.js";var tabGroupCss=":host{display:block;width:100%}.tab_group{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.tab_group__header{padding:0 16px;overflow:hidden}.tab_group__header__itens{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:32px;margin:auto}.tab_group__header__itens__center{-ms-flex-pack:center;justify-content:center;margin:auto}.tab_group__header__itens__right{-ms-flex-pack:right;justify-content:right;margin:0 0 0 auto}.tab_group__header__itens__left{-ms-flex-pack:left;justify-content:left;margin:0 auto 0 0}.tab_group__header__itens__item{cursor:pointer;height:46px;width:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--color-content-disable, #636363);border-bottom:2px solid transparent}.tab_group__header__itens__item__open{color:var(--color-content-default, #454545);border-color:var(--color-primary, #1e6bf1)}.tab_group__header__itens__item__disable{cursor:default;color:var(--color-content-ghost, #8C8C8C)}.tab_group__slide{position:relative;overflow:hidden;height:48px;margin-left:56px;margin-right:56px}.tab_group__slide-button{position:absolute;z-index:1;background-color:var(--color-surface-1, #F6F6F6)}.tab_group__slide-button[icon=arrow-left]{left:0}.tab_group__slide-button[icon=arrow-right]{right:0}.tab_group__slide__itens{position:absolute;left:56px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:48px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:32px;-webkit-transition:left 0.5s;-moz-transition:left 0.5s;transition:left 0.5s}.tab_group__content{height:100%}.tab_group__scrolled{-ms-flex-negative:999;flex-shrink:999;overflow:auto}.tab_group__scrolled::-webkit-scrollbar{width:16px;background-color:transparent}.tab_group__scrolled::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}";var BdsTabGroup=function(){function e(e){var t=this;registerInstance(this,e);this.bdsTabChange=createEvent(this,"bdsTabChange",7);this.bdsTabDisabled=createEvent(this,"bdsTabDisabled",7);this.tabItensElement=null;this.getEventsDisable=function(e){e.forEach((function(e){e.addEventListener("tabDisabled",(function(){t.setInternalItens(Array.from(t.tabItensElement))}),false)}))};this.checkSlideTabs=function(){if(t.headerSlideElement.offsetWidth>t.headerElement.offsetWidth){return true}};this.setFirstActive=function(){var e=Array.from(t.tabItensElement).filter((function(e){return e.open}));if(!e.length){t.tabItensElement[0].open=true}};this.setnumberElement=function(){for(var e=0;e<t.tabItensElement.length;e++){t.tabItensElement[e].numberElement=e}};this.setInternalItens=function(e){var n=e.map((function(e,t){return{label:e.label,open:e.open,numberElement:t,disable:e.disable}}));return t.internalItens=n};this.handleClick=function(e){var n=t.internalItens.map((function(e){return{label:e.label,open:false,numberElement:e.numberElement}}));t.internalItens=n;for(var i=0;i<t.tabItensElement.length;i++){if(t.tabItensElement[i].numberElement!=e){t.tabItensElement[i].open=false}else{t.tabItensElement[i].open=true;t.bdsTabChange.emit(t.tabItensElement[i])}}};this.refHeaderElement=function(e){t.headerElement=e};this.refHeaderSlideElement=function(e){t.headerSlideElement=e};this.handleDisabled=function(e){t.bdsTabDisabled.emit(t.tabItensElement[e])};this.nextSlide=function(){var e=t.headerElement.offsetWidth-t.headerSlideElement.offsetWidth;var n=t.headerSlideElement.offsetWidth/t.headerElement.offsetWidth;var i=parseInt(n.toString());var r=t.positionLeft-t.headerElement.offsetWidth;t.positionLeft=r<e?e:r;t.alignTab=r<e?"right":"scrolling";t.tabRefSlide=i<=t.tabRefSlide?t.tabRefSlide+1:i};this.prevSlide=function(){var e=t.headerSlideElement.offsetWidth/t.headerElement.offsetWidth;var n=parseInt(e.toString());var i=t.positionLeft+t.headerElement.offsetWidth;t.positionLeft=i>0?0:i;t.alignTab=i>0?"left":"scrolling";t.tabRefSlide=n<=t.tabRefSlide?t.tabRefSlide-1:n};this.internalItens=undefined;this.isSlideTabs=false;this.alignTab="left";this.tabRefSlide=0;this.positionLeft=0;this.contentScrollable=true;this.align="center";this.dtButtonPrev=null;this.dtButtonNext=null}e.prototype.componentWillRender=function(){this.tabItensElement=this.element.getElementsByTagName("bds-tab-item");this.setnumberElement();this.setFirstActive();this.setInternalItens(Array.from(this.tabItensElement));this.getEventsDisable(Array.from(this.tabItensElement))};e.prototype.connectedCallback=function(){var e=this;this.isSlide=window.setInterval((function(){e.isSlideTabs=e.checkSlideTabs()}),100)};e.prototype.disconnectedCallback=function(){window.clearInterval(this.isSlide)};e.prototype.render=function(){var e;var t=this;var n={left:"".concat(this.positionLeft,"px")};return h(Host,null,h("div",{class:{tab_group:true}},this.isSlideTabs&&this.alignTab!="left"&&h("bds-button-icon",{class:"tab_group__slide-button",icon:"arrow-left",size:"short",id:"bds-tabs-button-left",onClick:function(){return t.prevSlide()},dataTest:this.dtButtonPrev,variant:"secondary"}),h("div",{class:{tab_group__header:true,tab_group__slide:this.isSlideTabs},ref:this.refHeaderElement},h("div",{class:(e={tab_group__header__itens:true,tab_group__slide__itens:this.isSlideTabs},e["tab_group__header__itens__".concat(this.align)]=!this.isSlideTabs,e),ref:this.refHeaderSlideElement,style:n},this.internalItens&&this.internalItens.map((function(e,n){var i=e.open==true?"bold":"regular";return h("div",{class:{tab_group__header__itens__item:true,tab_group__header__itens__item__open:e.open,tab_group__header__itens__item__disable:e.disable},key:n,tabindex:"0",onClick:function(){return e.disable?t.handleDisabled(e.numberElement):t.handleClick(e.numberElement)}},h("bds-typo",{variant:"fs-16",bold:i},e.label))})))),this.isSlideTabs&&this.alignTab!="right"&&h("bds-button-icon",{class:"tab_group__slide-button",icon:"arrow-right",size:"short",id:"bds-tabs-button-right",onClick:function(){return t.nextSlide()},dataTest:this.dtButtonNext,variant:"secondary"}),h("div",{class:{tab_group__content:true,tab_group__scrolled:this.contentScrollable}},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();BdsTabGroup.style=tabGroupCss;export{BdsTabGroup as bds_tab_group};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,n,
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function s(t){try{l(i.next(t))}catch(e){a(e)}}function o(t){try{l(i["throw"](t))}catch(e){a(e)}}function l(t){t.done?n(t.value):r(t.value).then(s,o)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return l([t,e])}}function l(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(n=0)),n)try{if(i=1,r&&(a=o[0]&2?r["return"]:o[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,o[1])).done)return a;if(r=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){n.label=o[1];break}if(o[0]===6&&n.label<a[1]){n.label=a[1];a=o;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(o);break}if(a[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(l){o=[6,l];r=0}finally{i=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host}from"./index-27f906e2.js";var tabItemCss=":host{display:none}:host(.is-open){display:block;height:100%}.tab_item{height:100%}.tab_item_content{display:none;height:100%}.tab_item_content--open{display:block}";var BdsTabItem=function(){function t(t){registerInstance(this,t);this.tabDisabled=createEvent(this,"tabDisabled",7);this.numberElement=null;this.label=null;this.disable=false;this.open=false;this.dataTest=null}t.prototype.reciveNumber=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.numberElement=t;return[2]}))}))};t.prototype.disableChanged=function(){this.tabDisabled.emit({item:this.numberElement,disable:this.disable})};t.prototype.render=function(){var t,e;return h(Host,{class:(t={},t["is-open"]=this.disable===true?false:this.open,t)},h("div",{class:{tab_item:true},"data-test":this.dataTest},h("div",{class:(e={tab_item_content:true},e["tab_item_content--open"]=this.open,e)},h("slot",null))))};Object.defineProperty(t,"watchers",{get:function(){return{disable:["disableChanged"]}},enumerable:false,configurable:true});return t}();BdsTabItem.style=tabItemCss;export{BdsTabItem as bds_tab_item};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function o(t){try{l(r.next(t))}catch(e){a(e)}}function s(t){try{l(r["throw"](t))}catch(e){a(e)}}function l(t){t.done?n(t.value):i(t.value).then(o,s)}l((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return l([t,e])}}function l(s){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(r=1,i&&(a=s[0]&2?i["return"]:s[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;if(i=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1];a=s;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(s);break}if(a[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(l){s=[6,l];i=0}finally{r=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-9fb71e47.system.js"],(function(t){"use strict";var e,n,r,i;return{setters:[function(t){e=t.r;n=t.c;r=t.h;i=t.H}],execute:function(){var a=":host{display:none}:host(.is-open){display:block;height:100%}.tab_item{height:100%}.tab_item_content{display:none;height:100%}.tab_item_content--open{display:block}";var o=t("bds_tab_item",function(){function t(t){e(this,t);this.tabDisabled=n(this,"tabDisabled",7);this.numberElement=null;this.label=null;this.disable=false;this.open=false;this.dataTest=null}t.prototype.reciveNumber=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.numberElement=t;return[2]}))}))};t.prototype.render=function(){var t,e;return r(i,{class:(t={},t["is-open"]=this.disable===true?false:this.open,t)},r("div",{class:{tab_item:true},"data-test":this.dataTest},r("div",{class:(e={tab_item_content:true},e["tab_item_content--open"]=this.open,e)},r("slot",null))))};return t}());o.style=a}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-9fb71e47.system.js"],(function(e){"use strict";var t,n,i,r,a;return{setters:[function(e){t=e.r;n=e.c;i=e.h;r=e.H;a=e.g}],execute:function(){var s=":host{display:block;width:100%}.tab_group{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.tab_group__header{padding:0 16px;overflow:hidden}.tab_group__header__itens{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:32px;margin:auto}.tab_group__header__itens__center{-ms-flex-pack:center;justify-content:center;margin:auto}.tab_group__header__itens__right{-ms-flex-pack:right;justify-content:right;margin:0 0 0 auto}.tab_group__header__itens__left{-ms-flex-pack:left;justify-content:left;margin:0 auto 0 0}.tab_group__header__itens__item{cursor:pointer;height:46px;width:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--color-content-disable, #636363);border-bottom:2px solid transparent}.tab_group__header__itens__item__open{color:var(--color-content-default, #454545);border-color:var(--color-primary, #1e6bf1)}.tab_group__slide{position:relative;overflow:hidden;height:48px;margin-left:56px;margin-right:56px}.tab_group__slide-button{position:absolute;z-index:1;background-color:var(--color-surface-1, #F6F6F6)}.tab_group__slide-button[icon=arrow-left]{left:0}.tab_group__slide-button[icon=arrow-right]{right:0}.tab_group__slide__itens{position:absolute;left:56px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:48px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:32px;-webkit-transition:left 0.5s;-moz-transition:left 0.5s;transition:left 0.5s}.tab_group__content{height:100%}.tab_group__scrolled{-ms-flex-negative:999;flex-shrink:999;overflow:auto}.tab_group__scrolled::-webkit-scrollbar{width:16px;background-color:transparent}.tab_group__scrolled::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}";var o=e("bds_tab_group",function(){function e(e){var i=this;t(this,e);this.bdsTabChange=n(this,"bdsTabChange",7);this.bdsTabDisabled=n(this,"bdsTabDisabled",7);this.tabItensElement=null;this.checkSlideTabs=function(){if(i.headerSlideElement.offsetWidth>i.headerElement.offsetWidth){return true}};this.setFirstActive=function(){var e=Array.from(i.tabItensElement).filter((function(e){return e.open}));if(!e.length){i.tabItensElement[0].open=true}};this.setnumberElement=function(){for(var e=0;e<i.tabItensElement.length;e++){i.tabItensElement[e].numberElement=e}};this.setInternalItens=function(e){var t=e.map((function(e,t){return{label:e.label,open:e.open,numberElement:t,disable:e.disable}}));return i.internalItens=t};this.handleClick=function(e){var t=i.internalItens.map((function(e){return{label:e.label,open:false,numberElement:e.numberElement}}));i.internalItens=t;for(var n=0;n<i.tabItensElement.length;n++){if(i.tabItensElement[n].numberElement!=e){i.tabItensElement[n].open=false}else{i.tabItensElement[n].open=true;i.bdsTabChange.emit(i.tabItensElement[n])}}};this.refHeaderElement=function(e){i.headerElement=e};this.refHeaderSlideElement=function(e){i.headerSlideElement=e};this.handleDisabled=function(e){i.bdsTabDisabled.emit(i.tabItensElement[e])};this.nextSlide=function(){var e=i.headerElement.offsetWidth-i.headerSlideElement.offsetWidth;var t=i.headerSlideElement.offsetWidth/i.headerElement.offsetWidth;var n=parseInt(t.toString());var r=i.positionLeft-i.headerElement.offsetWidth;i.positionLeft=r<e?e:r;i.alignTab=r<e?"right":"scrolling";i.tabRefSlide=n<=i.tabRefSlide?i.tabRefSlide+1:n};this.prevSlide=function(){var e=i.headerSlideElement.offsetWidth/i.headerElement.offsetWidth;var t=parseInt(e.toString());var n=i.positionLeft+i.headerElement.offsetWidth;i.positionLeft=n>0?0:n;i.alignTab=n>0?"left":"scrolling";i.tabRefSlide=t<=i.tabRefSlide?i.tabRefSlide-1:t};this.internalItens=undefined;this.isSlideTabs=false;this.alignTab="left";this.tabRefSlide=0;this.positionLeft=0;this.contentScrollable=true;this.align="center";this.dtButtonPrev=null;this.dtButtonNext=null}e.prototype.componentWillRender=function(){this.tabItensElement=this.element.getElementsByTagName("bds-tab-item");this.setnumberElement();this.setFirstActive();this.setInternalItens(Array.from(this.tabItensElement))};e.prototype.connectedCallback=function(){var e=this;this.isSlide=window.setInterval((function(){e.isSlideTabs=e.checkSlideTabs()}),100)};e.prototype.disconnectedCallback=function(){window.clearInterval(this.isSlide)};e.prototype.render=function(){var e;var t=this;var n={left:"".concat(this.positionLeft,"px")};return i(r,null,i("div",{class:{tab_group:true}},this.isSlideTabs&&this.alignTab!="left"&&i("bds-button-icon",{class:"tab_group__slide-button",icon:"arrow-left",size:"short",id:"bds-tabs-button-left",onClick:function(){return t.prevSlide()},dataTest:this.dtButtonPrev,variant:"secondary"}),i("div",{class:{tab_group__header:true,tab_group__slide:this.isSlideTabs},ref:this.refHeaderElement},i("div",{class:(e={tab_group__header__itens:true,tab_group__slide__itens:this.isSlideTabs},e["tab_group__header__itens__".concat(this.align)]=!this.isSlideTabs,e),ref:this.refHeaderSlideElement,style:n},this.internalItens&&this.internalItens.map((function(e,n){var r=e.open==true?"bold":"regular";return i("div",{class:{tab_group__header__itens__item:true,tab_group__header__itens__item__open:e.open},key:n,tabindex:"0",onClick:function(){return e.disable?t.handleDisabled(e.numberElement):t.handleClick(e.numberElement)}},i("bds-typo",{variant:"fs-16",bold:r},e.label))})))),this.isSlideTabs&&this.alignTab!="right"&&i("bds-button-icon",{class:"tab_group__slide-button",icon:"arrow-right",size:"short",id:"bds-tabs-button-right",onClick:function(){return t.nextSlide()},dataTest:this.dtButtonNext,variant:"secondary"}),i("div",{class:{tab_group__content:true,tab_group__scrolled:this.contentScrollable}},i("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());o.style=s}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as e}from"./p-952c43a2.js";const a=class{constructor(i){t(this,i),this.tabDisabled=s(this,"tabDisabled",7),this.numberElement=null,this.label=null,this.disable=!1,this.open=!1,this.dataTest=null}async reciveNumber(t){this.numberElement=t}render(){return i(e,{class:{"is-open":!0!==this.disable&&this.open}},i("div",{class:{tab_item:!0},"data-test":this.dataTest},i("div",{class:{tab_item_content:!0,"tab_item_content--open":this.open}},i("slot",null))))}};a.style=":host{display:none}:host(.is-open){display:block;height:100%}.tab_item{height:100%}.tab_item_content{display:none;height:100%}.tab_item_content--open{display:block}";export{a as bds_tab_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as e,g as o}from"./p-952c43a2.js";const r=class{constructor(s){t(this,s),this.bdsTabChange=i(this,"bdsTabChange",7),this.bdsTabDisabled=i(this,"bdsTabDisabled",7),this.tabItensElement=null,this.checkSlideTabs=()=>{if(this.headerSlideElement.offsetWidth>this.headerElement.offsetWidth)return!0},this.setFirstActive=()=>{Array.from(this.tabItensElement).filter((t=>t.open)).length||(this.tabItensElement[0].open=!0)},this.setnumberElement=()=>{for(let t=0;t<this.tabItensElement.length;t++)this.tabItensElement[t].numberElement=t},this.setInternalItens=t=>{const i=t.map(((t,i)=>({label:t.label,open:t.open,numberElement:i,disable:t.disable})));return this.internalItens=i},this.handleClick=t=>{const i=this.internalItens.map((t=>({label:t.label,open:!1,numberElement:t.numberElement})));this.internalItens=i;for(let s=0;s<this.tabItensElement.length;s++)this.tabItensElement[s].numberElement!=t?this.tabItensElement[s].open=!1:(this.tabItensElement[s].open=!0,this.bdsTabChange.emit(this.tabItensElement[s]))},this.refHeaderElement=t=>{this.headerElement=t},this.refHeaderSlideElement=t=>{this.headerSlideElement=t},this.handleDisabled=t=>{this.bdsTabDisabled.emit(this.tabItensElement[t])},this.nextSlide=()=>{const t=this.headerElement.offsetWidth-this.headerSlideElement.offsetWidth,i=parseInt((this.headerSlideElement.offsetWidth/this.headerElement.offsetWidth).toString()),s=this.positionLeft-this.headerElement.offsetWidth;this.positionLeft=s<t?t:s,this.alignTab=s<t?"right":"scrolling",this.tabRefSlide=i<=this.tabRefSlide?this.tabRefSlide+1:i},this.prevSlide=()=>{const t=parseInt((this.headerSlideElement.offsetWidth/this.headerElement.offsetWidth).toString()),i=this.positionLeft+this.headerElement.offsetWidth;this.positionLeft=i>0?0:i,this.alignTab=i>0?"left":"scrolling",this.tabRefSlide=t<=this.tabRefSlide?this.tabRefSlide-1:t},this.internalItens=void 0,this.isSlideTabs=!1,this.alignTab="left",this.tabRefSlide=0,this.positionLeft=0,this.contentScrollable=!0,this.align="center",this.dtButtonPrev=null,this.dtButtonNext=null}componentWillRender(){this.tabItensElement=this.element.getElementsByTagName("bds-tab-item"),this.setnumberElement(),this.setFirstActive(),this.setInternalItens(Array.from(this.tabItensElement))}connectedCallback(){this.isSlide=window.setInterval((()=>{this.isSlideTabs=this.checkSlideTabs()}),100)}disconnectedCallback(){window.clearInterval(this.isSlide)}render(){const t={left:`${this.positionLeft}px`};return s(e,null,s("div",{class:{tab_group:!0}},this.isSlideTabs&&"left"!=this.alignTab&&s("bds-button-icon",{class:"tab_group__slide-button",icon:"arrow-left",size:"short",id:"bds-tabs-button-left",onClick:()=>this.prevSlide(),dataTest:this.dtButtonPrev,variant:"secondary"}),s("div",{class:{tab_group__header:!0,tab_group__slide:this.isSlideTabs},ref:this.refHeaderElement},s("div",{class:{tab_group__header__itens:!0,tab_group__slide__itens:this.isSlideTabs,[`tab_group__header__itens__${this.align}`]:!this.isSlideTabs},ref:this.refHeaderSlideElement,style:t},this.internalItens&&this.internalItens.map(((t,i)=>s("div",{class:{tab_group__header__itens__item:!0,tab_group__header__itens__item__open:t.open},key:i,tabindex:"0",onClick:()=>t.disable?this.handleDisabled(t.numberElement):this.handleClick(t.numberElement)},s("bds-typo",{variant:"fs-16",bold:1==t.open?"bold":"regular"},t.label)))))),this.isSlideTabs&&"right"!=this.alignTab&&s("bds-button-icon",{class:"tab_group__slide-button",icon:"arrow-right",size:"short",id:"bds-tabs-button-right",onClick:()=>this.nextSlide(),dataTest:this.dtButtonNext,variant:"secondary"}),s("div",{class:{tab_group__content:!0,tab_group__scrolled:this.contentScrollable}},s("slot",null))))}get element(){return o(this)}};r.style=":host{display:block;width:100%}.tab_group{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.tab_group__header{padding:0 16px;overflow:hidden}.tab_group__header__itens{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:32px;margin:auto}.tab_group__header__itens__center{-ms-flex-pack:center;justify-content:center;margin:auto}.tab_group__header__itens__right{-ms-flex-pack:right;justify-content:right;margin:0 0 0 auto}.tab_group__header__itens__left{-ms-flex-pack:left;justify-content:left;margin:0 auto 0 0}.tab_group__header__itens__item{cursor:pointer;height:46px;width:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--color-content-disable, #636363);border-bottom:2px solid transparent}.tab_group__header__itens__item__open{color:var(--color-content-default, #454545);border-color:var(--color-primary, #1e6bf1)}.tab_group__slide{position:relative;overflow:hidden;height:48px;margin-left:56px;margin-right:56px}.tab_group__slide-button{position:absolute;z-index:1;background-color:var(--color-surface-1, #F6F6F6)}.tab_group__slide-button[icon=arrow-left]{left:0}.tab_group__slide-button[icon=arrow-right]{right:0}.tab_group__slide__itens{position:absolute;left:56px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:48px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:32px;-webkit-transition:left 0.5s;-moz-transition:left 0.5s;transition:left 0.5s}.tab_group__content{height:100%}.tab_group__scrolled{-ms-flex-negative:999;flex-shrink:999;overflow:auto}.tab_group__scrolled::-webkit-scrollbar{width:16px;background-color:transparent}.tab_group__scrolled::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}";export{r as bds_tab_group}
|