PageSourceSearch
Opt out API access

https://wompi.co/assets/js/galatea.min.js

js wompi.co collected 2026-10-02 02:55:37 UTC 358,493 bytes, 1 lines download raw bytes 

1const COMMON_CONSTANTS_NUMBERS={N320:320,N578:578,N1024:1024,N1280:1280,N1440:1440};class BcCommonConstants{}BcCommonConstants.PREFIX_LIB="bc",BcCommonConstants.DISABLED="disabled",BcCommonConstants.DISABLE_CLASS="bc-disable",BcCommonConstants.HIDDEN="hidden",BcCommonConstants.TEXT_GRAY="text-gray",BcCommonConstants.X_SMALL_CLASS="bc-xs",BcCommonConstants.SMALL="small",BcCommonConstants.EVENT_CANCEL="cancelSelection",BcCommonConstants.EVENT_RANGE="selectRange",BcCommonConstants.EVENT_SELECT="selectDate",BcCommonConstants.EVENT_CLICK="click",BcCommonConstants.EVENT_FOCUS="focus",BcCommonConstants.EVENT_BLUR="blur",BcCommonConstants.ICONS_CLASS="bc-icon",BcCommonConstants.ICON_MD_CLASS="bc-md",BcCommonConstants.ICON_SM_CLASS="bc-sm",BcCommonConstants.ICON_XS_CLASS="bc-xs",BcCommonConstants.ICON_ARROW_DOWN="arrow2-down",BcCommonConstants.BC_BTN_CLASS="bc-button",BcCommonConstants.BC_LINK_CLASS="bc-link",BcCommonConstants.BC_ALIGN_ITEMS_CENTER_CLASS="bc-align-items-center",BcCommonConstants.BTN_PRIMARY_CLASS="bc-button-primary",BcCommonConstants.BTN_SECONDARY_CLASS="bc-button-secondary",BcCommonConstants.BUTTON_SMALL_CLASS="bc-button-small",BcCommonConstants.BUTTON_FAB_CLASS="bc-fab-button",BcCommonConstants.BUTTON_FAB_MINI_CLASS="bc-fab-button-mini",BcCommonConstants.CONTAINER_CHECKBOX_CLASS="bc-container-checkbox",BcCommonConstants.CHECKBOX_CLASS="bc-checkbox",BcCommonConstants.NONE="none",BcCommonConstants.FLEX="flex",BcCommonConstants.EVENT_MOUSEDOWN="mousedown",BcCommonConstants.EVENT_MOUSEOVER="mouseover",BcCommonConstants.EVENT_MOUSEOUT="mouseout",BcCommonConstants.EVENT_MOUSEENTER="mouseenter",BcCommonConstants.EVENT_MEMU_ITEMS="itemsEvent",BcCommonConstants.EVENT_HEADER_TOGGLE_MENU="toggleMenu",BcCommonConstants.EVENT_HEADER_EXIST="headerReady",BcCommonConstants.EVENT_MENU_EXIST="menuReady",BcCommonConstants.EVENT_MENU_ITEM_OPENED="itemOpened",BcCommonConstants.EVENT_KEY_DOWN="keydown",BcCommonConstants.EVENT_KEY_UP="keyup",BcCommonConstants.EVENT_KEY_PRESS="keypress",BcCommonConstants.EVENT_INPUT="input",BcCommonConstants.EVENT_CHANGE="change",BcCommonConstants.EVENT_LOAD="load",BcCommonConstants.EVENT_RESIZE="resize",BcCommonConstants.KEY_EVENT_ARROW_DOWN="ArrowDown",BcCommonConstants.KEY_EVENT_ARROW_UP="ArrowUp",BcCommonConstants.KEY_EVENT_ENTER="Enter",BcCommonConstants.KEY_EVENT_ESCAPE="Escape",BcCommonConstants.CLOSE_ALERT_EVENT="onCloseAlert",BcCommonConstants.CLOSE_NOTIFICATION_EVENT="onCloseNotification",BcCommonConstants.ARIA_LABEL="aria-label",BcCommonConstants.BUTTON_TAG="button",BcCommonConstants.DIV_TAG="div",BcCommonConstants.INPUT_TAG="input",BcCommonConstants.SPAN_TAG="span",BcCommonConstants.LABEL_TAG="label",BcCommonConstants.IMG_TAG="img",BcCommonConstants.EM_TAG="em",BcCommonConstants.UL_TAG="ul",BcCommonConstants.LI_TAG="li",BcCommonConstants.P_TAG="p",BcCommonConstants.I_TAG="i",BcCommonConstants.H1_TAG="h1",BcCommonConstants.H2_TAG="h2",BcCommonConstants.H3_TAG="h3",BcCommonConstants.H4_TAG="h4",BcCommonConstants.H5_TAG="h5",BcCommonConstants.H6_TAG="h6",BcCommonConstants.TEXTAREA_TAG="textarea",BcCommonConstants.ATTR_HREF="href",BcCommonConstants.BREAKPOINT_XS=COMMON_CONSTANTS_NUMBERS.N320,BcCommonConstants.BREAKPOINT_SM=COMMON_CONSTANTS_NUMBERS.N578,BcCommonConstants.BREAKPOINT_MD=COMMON_CONSTANTS_NUMBERS.N1024,BcCommonConstants.BREAKPOINT_LG=COMMON_CONSTANTS_NUMBERS.N1280,BcCommonConstants.BREAKPOINT_XL=COMMON_CONSTANTS_NUMBERS.N1440,BcCommonConstants.BC_DROPDOWN_CLASS="bc-dropdown",BcCommonConstants.BC_DROPDOWN_CUSTOM_CLASS="bc-dropdown-custom",BcCommonConstants.BC_DROPDOWN_UNDISMISS_CLASS="bc-dropdown-undismiss",BcCommonConstants.BC_DROPDOWN_CLOSE_BTN_CLASS="bc-dropdown-close-button",BcCommonConstants.BC_ARROW_DOWN_ICON="arrow-down",BcCommonConstants.BC_ARROW_UP_ICON="arrow-up",BcCommonConstants.INPUT_TEXT_TYPE="text",BcCommonConstants.CURSOR_POINTER="pointer";const METHOD_NOT_IMPLEMENTED="Method not implemented.",ID_NOT_FOUND="The given id is not present in the DOM",ELEMENT_IS_INVALID="The element inside in object is not valid.";class BcDefaultBehavior{constructor(){this.disabled=!1,this.isReady=!1}_setUp(){if(void 0===this.mySelf||null===this.mySelf)throw new Error(ELEMENT_IS_INVALID)}setId(t){if(this._id=t,this.mySelf=document.getElementById(this._id),null===this.mySelf)throw new Error(ID_NOT_FOUND);return this.mySelf}setElement(t){this.mySelf=t}getMySelf(){return this.mySelf}setUp(t=!1){if(!this.isReady||t)try{this._setUp(),this.isReady=!0}catch(t){this.isReady=!1,console.log(t)}}setDisable(t){t?this.mySelf.classList.add(BcCommonConstants.DISABLE_CLASS):this.mySelf.classList.remove(BcCommonConstants.DISABLE_CLASS)}}const _DROPDOWN_TOGGLE_CLASS=`${BcCommonConstants.PREFIX_LIB}-dropdown-toggle`,_DROPDOWN_TOGGLE_ACTIVE_CLASS=`${BcCommonConstants.PREFIX_LIB}

1-dropdown-toggle-active`,_DROPDOWN_ITEM_CLASS=`${BcCommonConstants.PREFIX_LIB}-dropdown-item`,_DROPDOWN_CLASS=`${BcCommonConstants.PREFIX_LIB}-dropdown`,_DROPDOWN_ACTIVE_CLASS=`${BcCommonConstants.PREFIX_LIB}-dropdown-active`,_DROPDOWN_CONTENT_CLASS=`${BcCommonConstants.PREFIX_LIB}-dropdown-content`,_DROPDOWN_CONTENT_ACTIVE_CLASS=`${BcCommonConstants.PREFIX_LIB}-dropdown-content-active`,_DROPDOWN_DROPTOP_CLASS=`${BcCommonConstants.PREFIX_LIB}-droptop`,_DROPDOWN_TRIANGLE_CLASS=`${BcCommonConstants.PREFIX_LIB}-dropdown-triangle`,_DROPDOWN_UNDIMISS_CLASS=`${BcCommonConstants.PREFIX_LIB}-dropdown-undismiss`,_DROPDOWN_CLOSE_BUTTON_CLASS=`${BcCommonConstants.PREFIX_LIB}-dropdown-close-button`,_DROPDOWN_OPENED_EVENT=`${BcCommonConstants.PREFIX_LIB}DropdownOpened`,_DROPDOWN_CLOSED_EVENT=`${BcCommonConstants.PREFIX_LIB}DropdownClosed`,_DROPDOWN_DISCARDED_EVENT=`${BcCommonConstants.PREFIX_LIB}DropdownDiscarded`,_DROPDOWN_NUMBER_0=0,_DROPDOWN_NUMBER_1=-1,_DROPDOWN_NUMBER_11=11,_DROPDOWN_NUMBER_14=14,_DROPDOWN_NUMBER_243=243;class BcDropdownHelper{constructor(){}getProperty(t,e,n){if(e.length>0){if(e[0]in t){const s=t[e[0]];return e.length-1>0?this.getProperty(s,e.slice(1,e.length),n):s}if(n)return n}}isNullOrUndefined(t){return null==t}}class BcAbstractDropdownBehavior extends BcDefaultBehavior{constructor(){super(),this.toggleButton=null,this.dropdownContent=null,this.dropdownActive=null,this.dropdownItems=[],this.config={},this.topMarginContent=0,this.closeButton=null,this.toggleButtonEventsAdded=!1,this.helper=new BcDropdownHelper}setConfig(t){t&&(this.config=t),this.initConfiguration()}initConfiguration(){this.config={toggleClass:this.helper.getProperty(this.config,["toggleClass"],_DROPDOWN_TOGGLE_CLASS),toggleActiveClass:this.helper.getProperty(this.config,["toggleActiveClass"],_DROPDOWN_TOGGLE_ACTIVE_CLASS),contentClass:this.helper.getProperty(this.config,["contentClass"],_DROPDOWN_CONTENT_CLASS),contentActiveClass:this.helper.getProperty(this.config,["contentActiveClass"],_DROPDOWN_CONTENT_ACTIVE_CLASS),itemClass:this.helper.getProperty(this.config,["itemClass"],_DROPDOWN_ITEM_CLASS),triangleClass:this.helper.getProperty(this.config,["triangleClass"],_DROPDOWN_TRIANGLE_CLASS),toggleEvents:this.config.toggleEvents?this.config.toggleEvents:["click","input"],mainClass:this.helper.getProperty(this.config,["mainClass"],_DROPDOWN_CLASS),mainActiveClass:this.helper.getProperty(this.config,["mainActiveClass"],_DROPDOWN_ACTIVE_CLASS),static:!this.helper.isNullOrUndefined(this.config.static)&&this.config.static,isPopUp:!this.helper.isNullOrUndefined(this.config.isPopUp)&&this.config.isPopUp,isDisabled:!this.helper.isNullOrUndefined(this.config.isDisabled)&&this.config.isDisabled,parentWidth:!this.helper.isNullOrUndefined(this.config.parentWidth)&&this.config.parentWidth,contentAutoWidth:!this.helper.isNullOrUndefined(this.config.contentAutoWidth)&&this.config.contentAutoWidth,multiple:!this.helper.isNullOrUndefined(this.config.multiple)&&this.config.multiple,maxHeightContent:this.helper.isNullOrUndefined(this.config.maxHeightContent)?null:this.config.maxHeightContent}}initAccesibilityConfig(){addFocusable(this.dropdownContent,{expanded:"true",role:"listbox"})}_setUp(){this.initConfiguration(),this.getElements(),this.config.isPopUp&&this.addDropdownTriangle(),this.config.maxHeightContent&&this.configureMaxHeight(this.config.maxHeightContent),this.addEventClick(),this.config.static||this.mySelf.classList.contains(_DROPDOWN_UNDIMISS_CLASS)||this.addWindowEventClick(),window.addEventListener("resize",()=>{this.setDropdownContentPosition()}),window.addEventListener("scroll",()=>{"hidden"!==document.querySelector("body").style.overflow&&this.setDropdownContentPosition()},!0)}openDrowndown(){setTimeout(()=>{this.setDropdownContentPosition()});const t=this.dropdownContent;replaceClass(t,this.config.contentClass,this.config.contentActiveClass),replaceClass(this.toggleButton,this.config.toggleClass,this.config.toggleActiveClass),replaceClass(this.mySelf,this.config.mainClass,this.config.mainActiveClass),this.dropdownActive=t,window.dispatchEvent(new CustomEvent(_DROPDOWN_OPENED_EVENT,{detail:this.dropdownContent.getAttribute("id")})),this.config.parentWidth&&this.setParentWidth()}closeDropdown(t){replaceClass(this.dropdownContent,this.config.contentActiveClass,this.config.contentClass),replaceClass(this.toggleButton,this.config.toggleActiveClass,this.config.toggleClass),replaceClass(this.mySelf,this.config.mainActiveClass,this.config.mainClass),this.dropdownActive=null,this.toggleButton&&this.toggleButton.classList.remove(_DROPDOWN_DROPTOP_CLASS),null===this.dropdownContent||t||window.dispatchEvent(new CustomEvent(_DROPDOWN_CLOSED_EVENT,{detail:this.dropdownContent.getAttribute("id")})),t&&window.dispatchEvent(new CustomEvent(_DROPDOWN_DISCARDED_EVENT,{detail:this.dropdownContent.getAttribute("id")}))}setHeightContent(t){const e=this.mySelf.getBoundingClientRect().y;

1if(this.originalHeightContent||(this.originalHeightContent=this.dropdownContent.clientHeight),"top"==t)if(e<this.dropdownContent.clientHeight){const t=this.dropdownContent.clientHeight-e,n=this.originalHeightContent-t;this.configureMaxHeight(n)}else{const t=this.dropdownContent.clientHeight+this.dropdownContent.getBoundingClientRect().y;this.configureMaxHeight(t)}}addEventClick(){const t=(t,e)=>{this.clickToggleEvent(t,e)};this.toggleButton&&!this.toggleButtonEventsAdded&&(this.config.toggleEvents.forEach(e=>{this.toggleButton.removeEventListener(e,t),this.toggleButton.addEventListener(e,t)}),this.toggleButtonEventsAdded=!0),this.configureExtraToggles(this.clickToggleEvent),addFocusable(this.toggleButton,{haspopup:"listbox"},{event:this.clickToggleEvent}),null!==this.closeButton&&(this.closeButton.addEventListener("click",e=>{t(e,!0)}),addFocusable(this.closeButton,{haspopup:"listbox"},{event:t}))}clickToggleEvent(t,e){t.preventDefault(),t.stopPropagation(),this&&this.disabled||this.toggleDropdown(e)}toggleDropdown(t,e){this.validateDropdownIsActive()||(this.dropdownActive=null),null==this.dropdownActive||e?this.openDrowndown():this.closeDropdown(t)}configureExtraToggles(t){if(this.config.extraToggles)for(const e of this.config.extraToggles){let n;if(n=e.id?this.mySelf.querySelector(`*[id='${e.id}']`):e.node)for(const s of e.events)n.addEventListener(s,e=>{t.bind(this,e)})}}getElements(){this.toggleButton=this.mySelf.querySelector(`.${this.config.toggleActiveClass}, .${this.config.toggleClass}`),this.toggleButton&&(this.idContent=this.toggleButton.getAttribute("aria-controls")),this.dropdownContent=this.mySelf.querySelector(`*[id='${this.idContent}']`),this.dropdownItems=Array.from(this.dropdownContent.querySelectorAll(`*[class~='${this.config.itemClass}']`)),this.closeButton=this.dropdownContent.querySelector(`*[class~='${_DROPDOWN_CLOSE_BUTTON_CLASS}']`),this.initAccesibilityConfig()}validateDropdownIsActive(){return this.dropdownContent.classList.contains(this.config.contentActiveClass)}setDropdownContentPosition(){if(null!==this.dropdownActive){const t=this.mySelf.getBoundingClientRect(),e=this.dropdownContent.getBoundingClientRect(),n=document.documentElement.clientWidth,s=document.documentElement.clientHeight;this.triangle&&this.triangle.classList.remove(_DROPDOWN_DROPTOP_CLASS);let o=_DROPDOWN_NUMBER_0,a=_DROPDOWN_NUMBER_0,l=t.left,i=t.top+t.height;this.config.isPopUp&&(i+=_DROPDOWN_NUMBER_11),l+e.width>=n&&(o=n-(l+t.width),l=_DROPDOWN_NUMBER_1),i+e.height>=s&&(a=s-(t.bottom-t.height-_DROPDOWN_NUMBER_14),i=_DROPDOWN_NUMBER_1,this.triangle&&this.triangle.classList.add(_DROPDOWN_DROPTOP_CLASS)),this.setPosition(l,o,i,a)}}setPosition(t,e,n,s){t!==_DROPDOWN_NUMBER_1?(this.dropdownContent.style.left=`${t}px`,this.dropdownContent.style.right="auto"):(this.dropdownContent.style.left="auto",this.dropdownContent.style.right=`${e}px`),n!==_DROPDOWN_NUMBER_1?(this.dropdownContent.style.top=`${n}px`,this.dropdownContent.style.bottom="auto",this.setHeightContent("bottom")):(this.setHeightContent("top"),this.dropdownContent.style.top="auto",this.dropdownContent.style.bottom=`${s}px`)}addDropdownTriangle(){this.triangle=document.createElement("div"),this.triangle.classList.add(this.config.triangleClass),this.mySelf.appendChild(this.triangle)}configureMaxHeight(t){this.dropdownContent.style.maxHeight=t+"px"}addWindowEventClick(){window.addEventListener("click",t=>{t.stopPropagation();const e=-1!==t.target.className.indexOf(this.config.toggleClass),n=!!this.config.multiple&&-1!==t.target.className.indexOf(this.config.itemClass);!this.dropdownActive||e||n||this.closeDropdown()})}setParentWidth(){if(!this.config.contentAutoWidth){const t=this.mySelf.clientWidth;this.dropdownContent.style.width=t>=_DROPDOWN_NUMBER_243?`${t}px`:`${_DROPDOWN_NUMBER_243}px`}}}class BcDropdownBehavior extends BcAbstractDropdownBehavior{constructor(){super()}static setUpAll(t){const e=Array.from(document.querySelectorAll(`[class~='${_DROPDOWN_CLASS}']`)),n=[];for(const s of e){const e=new BcDropdownBehavior;e.setElement(s),t&&e.setConfig(t),e.setUp(),n.push(e)}return n}}class BcButtonGroupBehavior extends BcDefaultBehavior{constructor(){super(),this.buttonsState=[]}static setUpAll(){const t=Array.from(document.querySelectorAll(`div[class~='${ELEMENT_BUTTON_GROUP_CLASS}']`)),e=[];for(const n of t){const t=new BcButtonGroupBehavior;t.setElement(n),t.setUp(),e.push(t)}return e}_setUp(){this.selectElements()}selectElements(){const t=document.querySelectorAll(`div[class~='${ELEMENT_BUTTON_GROUP_CLASS}']`);for(let e=0;e<t.length;e++){addFocusable(t[e])}}}const ELEMENT_BUTTON_GROUP_CLASS=`${BcCommonConstants.PREFIX_LIB}-button-group`,BC_AVATAR_NULL_SRC=`${BcCommonConstants.PREFIX_LIB}-avatar-null-src`,SRC_TAG="src",SVG_DEFAULT="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMCAxMy4zMzMzQzIwI

1DcuODIgMjQuNDg2NyAzLjMzMzMzIDMwIDMuMzMzMzNDMzUuNTEzMyAzLjMzMzMzIDQwIDcuODIgNDAgMTMuMzMzM1YxOC4yNjMzQzQwIDIzLjE4MzMgMzcuNTU2NyAzMy4zMzY3IDMwIDMzLjMzNjdDMjIuNDQzMyAzMy4zMzY3IDIwIDIzLjE4MzMgMjAgMTguMjYzM1YxMy4zMzMzWk0xNi42NjY3IDE4LjI2MzNDMTYuNjY2NyAyNS45MDY3IDIwLjgwMzMgMzYuNjcgMzAgMzYuNjdDMzkuMTk2NyAzNi42NyA0My4zMzMzIDI1LjkwNjcgNDMuMzMzMyAxOC4yNjMzVjEzLjMzMzNDNDMuMzMzMyA1Ljk4IDM3LjM1MzMgMCAzMCAwQzIyLjY0NjcgMCAxNi42NjY3IDUuOTggMTYuNjY2NyAxMy4zMzMzVjE4LjI2MzNaTTU2LjY2NjcgNTVWNTYuNjY2N0gzLjMzMzMzVjU1QzMuMzMzMzMgNDguMzUgNy43NzMzMyA0Mi40OTMzIDE0LjA1MzMgNDAuNjIzM0MxNy4yODMzIDQ2LjM2MzMgMjMuNCA1MCAzMCA1MEMzNi42IDUwIDQyLjcxNjcgNDYuMzYzMyA0NS45NDY3IDQwLjYyMzNDNTIuMjI2NyA0Mi40OTMzIDU2LjY2NjcgNDguMzUgNTYuNjY2NyA1NVpNMCA2MEg2MFY1NUM2MCA0Ni4zNTY3IDUzLjg2MzMgMzguODEgNDUuNDA2NyAzNy4wNTMzTDQ0LjExNjcgMzYuNzg2N0w0My41NTY3IDM3Ljk4QzQxLjA5MzMgNDMuMjU2NyAzNS43NyA0Ni42NjY3IDMwIDQ2LjY2NjdDMjQuMjMgNDYuNjY2NyAxOC45MDY3IDQzLjI1NjcgMTYuNDQzMyAzNy45OEwxNS44ODMzIDM2Ljc4NjdMMTQuNTkzMyAzNy4wNTMzQzYuMTM2NjcgMzguODEgMCA0Ni4zNTY3IDAgNTVWNjBaIiBmaWxsPSIjMkMyQTI5Ii8+Cjwvc3ZnPgo=",AVATAR_SMALL=`${BcCommonConstants.PREFIX_LIB}-avatar-small`,AVATAR_PUFFY=`${BcCommonConstants.PREFIX_LIB}-avatar-puffy`,ELEMENT_AVATAR_CLASS=`${BcCommonConstants.PREFIX_LIB}-avatar`;class BcAvatarBehavior extends BcDefaultBehavior{static setUpAll(){const t=Array.from(document.querySelectorAll(`[class^='${ELEMENT_AVATAR_CLASS}']`)),e=[];for(const n of t){const t=n,s=new BcAvatarBehavior;s.setElement(t),s.setUp(),e.push(s)}return e}_setUp(){this.mySelf.getAttribute(SRC_TAG)||(this.mySelf.setAttribute(SRC_TAG,SVG_DEFAULT),this.mySelf.classList.add(BC_AVATAR_NULL_SRC))}}const BTN_GROUP_HTML='\n<div class="bc-button-group" id="Button33" isMultiple="true">\n  <input class="bc-button-group-btn" type="checkbox" name="groupButtonT" value="false">\n  <label class="btn-group-label">New</label>\n  <input class="bc-button-group-btn" type="checkbox" name="groupButtonT" value="true">\n  <label class="btn-group-label">Update</label>\n</div>\n',SCROLLER_SCROLLABLE_CLASS=`${BcCommonConstants.PREFIX_LIB}-scrollable`,SCROLLER_SCROLLABLE_CONTENT_CLASS=`${BcCommonConstants.PREFIX_LIB}-content-wrapper`,SCROLLER_CLASS=`${BcCommonConstants.PREFIX_LIB}-content-scroller`,SHOW_SCROLL_CLASS="showScroll";class BcScrollerBehavior extends BcDefaultBehavior{constructor(){super(),this.contentPosition=0,this.scrollerBeingDragged=!1}static setUpAll(){const t=Array.from(document.querySelectorAll(`[class^='${SCROLLER_SCROLLABLE_CLASS}']`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcScrollerBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}_setUp(){const t=this.mySelf.querySelector(`[class='${SCROLLER_SCROLLABLE_CONTENT_CLASS}']`);try{this.createScroller(this.mySelf,t)}catch(t){this.scroller=null}}calculateScrollerHeight(){return this.scrollContainer.offsetHeight/this.scrollContentWrapper.scrollHeight*this.scrollContainer.offsetHeight}moveScroller(t){const e=t.target.scrollTop/this.scrollContentWrapper.scrollHeight;this.topPosition=e*(this.scrollContainer.offsetHeight-5),this.scroller.style.top=this.topPosition.toString()+"px"}startDrag(t){this.normalizedPosition=t.pageY,this.contentPosition=this.scrollContentWrapper.scrollTop,this.scrollerBeingDragged=!0}stopDrag(t){this.scrollerBeingDragged=!1}scrollBarScroll(t){if(!0===this.scrollerBeingDragged){const e=(t.pageY-this.normalizedPosition)*(this.scContenWrapperHeight/this.ofContainerHeight);this.scrollContentWrapper.scrollTop=this.contentPosition+e}}createScroller(t,e){if(this.scrollContainer=t,this.scrollContentWrapper=e,this.scrollerHeight=this.calculateScrollerHeight(),this.scrollerHeight/this.scrollContainer.offsetHeight<1)return this.scroller=document.createElement("div"),this.scroller.style.height=this.scrollerHeight.toString()+"px",this.scroller.classList.add(SCROLLER_CLASS),this.scrollContainer.appendChild(this.scroller),this.scrollContainer.classList.add(SHOW_SCROLL_CLASS),this.scroller.addEventListener("mousedown",t=>this.startDrag(t)),this.scrollContainer.addEventListener("mouseup",t=>this.stopDrag(t)),this.scrollContainer.addEventListener("mousemove",t=>this.scrollBarScroll(t)),this.scrollContentWrapper.addEventListener("scroll",t=>this.moveScroller(t)),this.scroller}}class BcSliderBehavior extends BcDefaultBehavior{constructor(){super()}static setUpAll(){const t=Array.from(document.querySelectorAll(`input[class^='${GROUP_SLIDER_SUFIX}']`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcSliderBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}setElement(t){this.isReady=!1,this.mySelf=t,this.mySelf.tagName!=TAG_NAME_SLIDER_EXPECTED&&(this.mySelf=this.mySelf.querySelector(`input[class^='${GROUP_SLIDER_SUFIX}']`)),this.thumb=this.mySelf.parentElement.querySelector(`[class='${THUMB_SLIDER_CLASS}']`),addFocusable(this.mySelf,null,null,[this.thumb])}setValue(t){if(t){this.mySelf.value=t,this.updateInput()}}_setUp(){this.mySelf.addEventListener("input",t=>{this.updateInput()}),this.updateInput()}updateInput(){const t=this.mySelf,e=parseInt(this.mySelf.getAttribute("min")),n=(parseInt(this.mySelf.getAttribute("max"))-e)/SLIDER_N100,s=(parseInt(this.mySelf.value)-e)/n;this.mySelf.style.setProperty("--value",s.toString()),this.outputFunction&&this.outputFunction(s),this.thumb||(this.thumb=this.mySelf.parentElement.querySelector(`[class='${THUMB_SLIDER_CLASS}']`)),this.thumb.style.left=(parseInt((s/SLIDER_N100*(t.offsetWidth-SLIDER_N24)).toString())+t.offsetLeft).toString()+"px"}}const SLIDER_N90=90,SLIDER_N14=14,SLIDER_N12=12,SLIDER_N24=24,SLIDER_N10=10,GROUP_SLIDER_SUFIX=`${BcCommonConstants.PREFIX_LIB}-slider`,THUMB_SLIDER_CLASS=`${BcCommonConstants.PREFIX_LIB}-slider-thumb`,TAG_NAME_SLIDER_EXPECTED="INPUT",SLIDER_N100=100,GROUP_SLIDER_DOUBLE_SUFIX=`${BcCommonConstants.PREFIX_LIB}-slider-double-container`,GROUP_SUFIX_LEFT="input-left",GROUP_SUFIX_RIGHT="input-right",THUMB_LEFT_SLIDER_CLASS=`${BcCommonConstants.PREFIX_LIB}-slider-thumb-left`,THUMB_RIGHT_SLIDER_CLASS=`${BcCommonConstants.PREFIX_LIB}-slider-thumb-right`,SLIDER_PERCENTAGE=100;class BcSliderDoubleBehavior extends BcDefaultBehavior{constructor(){super()}static setUpAll(){const t=Array.from(document.querySelectorAll(`div[class^='${GROUP_SLIDER_DOUBLE_SUFIX}']`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcSliderDoubleBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}_setUp(){this.inputL=this.mySelf.querySelector(`input[class='bc-slider-dual ${GROUP_SUFIX_LEFT}']`),this.inputR=this.mySelf.querySelector(`input[class='bc-slider-dual ${GROUP_SUFIX_RIGHT}']`),this.inputL.addEventListener("input",t=>{this.setLeftValue(),this.returnValue()}),this.thumbLeft=this.mySelf.querySelector(`[class='${THUMB_LEFT_SLIDER_CLASS}']`),addFocusable(this.inputL,null,null,[this.thumbLeft]),this.setLeftValue(),this.inputR.addEventListener("input",t=>{this.setRightValue(),this.returnValue()}),this.thumbRight=this.mySelf.querySelector(`[class='${THUMB_RIGHT_SLIDER_CLASS}']`),addFocusable(this.inputR,null,null,[this.thumbRight]),this.setRightValue()}setValue(t){if(t.min&&t.max){const e=this.mySelf.querySelector(".input-right");this.mySelf.querySelector(".input-left").value=t.min,e.value=t.max,this.setLeftValue(),this.setRightValue()}}returnValue(){this.valueL&&this.valueR&&this.outputFunction&&this.outputFunction({min:this.valueL,max:this.valueR})}setLeftValue(){const t=this.mySelf.querySelector(".input-right"),e=this.inputL,n=parseInt(e.min),s=parseInt(e.max),o=Math.min(parseInt(e.value),parseInt(t.value));e.value=o.toString();const a=(o-n)/(s-n)*SLIDER_PERCENTAGE,l=this.mySelf.querySelector(".slider > .thumb.left"),i=this.mySelf.querySelector(".slider > .range");if(l.style.left=a+"%",i.style.left=a+"%",this.inputL.style.zIndex=a>SLIDER_N90?"4":"3",this.thumbLeft){const t=parseInt(`${parseInt(l.style.left.replace("%",""))/SLIDER_PERCENTAGE*(this.inputL.offsetWidth-SLIDER_N24)}`);this.valueL=t,this.thumbLeft.style.left=`${t}px`}}setRightValue(){const t=this.mySelf.querySelector(".input-left"),e=this.inputR,n=parseInt(e.min),s=parseInt(e.max),o=Math.max(parseInt(e.value),parseInt(t.value));e.value=o.toString();const a=(o-n)/(s-n)*SLIDER_PERCENTAGE,l=this.mySelf.querySelector(".slider > .thumb.right"),i=this.mySelf.querySelector(".slider > .range");if(l.style.right=SLIDER_PERCENTAGE-a+"%",i.style.right=SLIDER_PERCENTAGE-a+"%",this.inputR.style.zIndex=a<SLIDER_N10?"4":"3",this.thumbRight){const t=parseInt(`${parseInt(l.style.right.replace("%",""))/SLIDER_PERCENTAGE*(this.inputR.offsetWidth-SLIDER_N24)}`);this.valueR=t,this.thumbRight.style.right=`${t-SLIDER_N14}px`}}}const STEPPER_VERTICAL=`${BcCommonConstants.PREFIX_LIB}-stepper-vertical`,STEPPER_PROGRESS_STEP=`${BcCommonConstants.PREFIX_LIB}-stepper-step`,STEPPER_PROGRESS_TRACK=`${BcCommonConstants.PREFIX_LIB}-stepper-track`,STEPPER_INNER_BULLET=`${BcCommonConstants.PREFIX_LIB}-stepper-inner-bullet`,STEPPER_INNER_BULLET_ACTIVE=`${BcCommonConstants.PREFIX_LIB}-stepper-inner-bullet-active`,STEPPER_INNER_BULLET_ACTIVE_LIGHT=`${BcCommonConstants.PREFIX_LIB}-stepper-inner-bullet-active-light`,STEPPER_INNER_NUMBER=`${BcCommonConstants.PREFIX_LIB}-stepper-inner-number`,STEPPER_STATUS=`${BcCommonConstants.PREFIX_LIB}-stepper-status`,STEPPER_LABEL=`${BcCommonConstants.PREFIX_LIB}-stepper-label`,STEPPER_ACTIVE_STEP="is-active",STEPPER_DEFAULT_STEP="is-default",STEPPER_COMPLETE_STEP="is-complete",

1STEPPER_IS_ACTIVE="is-active",STEPPER_IS_DEFAULT="is-default",STEPPER_IS_COMPLETE="is-complete",STEPPER_HORIZONTAL_DIRECTION="horizontal",STEPPER_VERTICAL_DIRECTION="vertical",STEPPER_N100=100;var ThemeCircles;!function(t){t[t.LIGHT=0]="LIGHT",t[t.DARK=1]="DARK"}(ThemeCircles||(ThemeCircles={}));class BcStepperBehavior extends BcDefaultBehavior{constructor(){super(),this.maxStep=0,this.currentStep=0,this.status=[],this.labels=[],this.themeCircles=ThemeCircles.DARK}_setUp(){this.createBulletSteps(),this.addClickEvent(),this.getElement(),this.setInitState(),this.setIndexStatus(),this.setBulletStatus()}setThemeCircles(t){this.themeCircles=t}setDirection(){this.mySelf.classList.contains(STEPPER_VERTICAL)?this.direction=STEPPER_VERTICAL_DIRECTION:this.direction=STEPPER_HORIZONTAL_DIRECTION}setNumStep(t){this.numSteps=t,this.direction===STEPPER_HORIZONTAL_DIRECTION?this.setProgressHorizontal():this.setProgressVertical()}setProgressHorizontal(){this.width=STEPPER_N100/(this.numSteps-1)}setProgressVertical(){this.height=STEPPER_N100/(this.numSteps-1)}setLabels(t){this.setDirection(),this.labels=t,this.setNumStep(this.labels.length)}getElement(){this.progressStepArray=Array.from(this.mySelf.querySelectorAll(`.${STEPPER_PROGRESS_STEP}`)),this.progressBulletArray=Array.from(this.mySelf.querySelectorAll(`.${STEPPER_INNER_BULLET}`)),this.progressTrack=this.mySelf.querySelector(`.${STEPPER_PROGRESS_TRACK}`)}setInitIndexPosition(t){t>=0&&t<this.labels.length&&this.setCurrentStep(t)}setInitState(){this.status[this.currentStep]=STEPPER_IS_ACTIVE}click(t){t<this.currentStep&&(this.status[this.currentStep]=STEPPER_IS_DEFAULT,this.setCurrentStep(t),this.status[this.currentStep]=STEPPER_IS_ACTIVE,this.setBulletStatus())}addClickEvent(){this.mySelf.querySelectorAll(`.${STEPPER_PROGRESS_STEP}`).forEach((t,e)=>{t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.click(e)})})}setValue(t){const e=t-this.getCurrentState();if(e>0)for(let t=0;t<e;t++)this.next();else for(let t=0;t<-1*e;t++)this.back()}createBulletSteps(){for(let t=1;t<=this.labels.length;t++){const e=document.createElement("div");e.classList.add(STEPPER_PROGRESS_STEP),this.themeCircles==ThemeCircles.DARK?e.innerHTML=`\n        <div class="${STEPPER_INNER_BULLET}"></div>\n        <div class="${STEPPER_INNER_BULLET_ACTIVE}"></div>\n        <div class="${STEPPER_INNER_NUMBER}">${t}</div>\n        <div class="${STEPPER_STATUS}"><em class="bc-icon">ok</em></div>\n        <div class="${STEPPER_LABEL}"><label>${this.labels[t-1]}</label></div>\n        `:e.innerHTML=`\n        <div class="${STEPPER_INNER_BULLET}"></div>\n        <div class="${STEPPER_INNER_BULLET_ACTIVE_LIGHT}"></div>\n        <div class="${STEPPER_INNER_NUMBER}">${t}</div>\n        <div class="${STEPPER_STATUS}"><em class="bc-icon">ok</em></div>\n        <div class="${STEPPER_LABEL}"><label>${this.labels[t-1]}</label></div>\n        `,this.mySelf.appendChild(e),addFocusable(e.querySelector(`.${STEPPER_INNER_BULLET}`),{label:this.labels[t-1]},{event:()=>{this.click(t-1)}})}}progressHorizontal(){this.progressTrack.style.width=this.width*this.maxStep+"%"}progressVertical(){this.progressTrack.style.height=this.height*this.maxStep+"%"}setIndexStatus(){const t=this.currentStep;for(let e=0;e<t;e++)this.next(e,!1)}next(t=this.currentStep,e=!0){t<this.labels.length-1&&(this.status[t]=STEPPER_IS_COMPLETE,++t>this.maxStep&&(this.maxStep=t),this.status[t]=STEPPER_IS_ACTIVE,this.direction===STEPPER_HORIZONTAL_DIRECTION?this.progressHorizontal():this.progressVertical(),this.setBulletStatus()),e?this.setCurrentStep(t):this.currentStep=t}back(){this.currentStep>0&&(this.status[this.currentStep]=STEPPER_IS_DEFAULT,this.setCurrentStep(this.currentStep-1),this.status[this.currentStep]=STEPPER_IS_ACTIVE,this.setBulletStatus())}setBulletStatus(){this.status.forEach((t,e)=>{const n=()=>{this.progressBulletArray[e].classList.remove(STEPPER_ACTIVE_STEP),this.progressBulletArray[e].classList.add(STEPPER_DEFAULT_STEP),this.progressStepArray[e].classList.remove(STEPPER_ACTIVE_STEP)};switch(t){case STEPPER_IS_ACTIVE:this.progressBulletArray[e].classList.remove(STEPPER_DEFAULT_STEP,STEPPER_COMPLETE_STEP),this.progressBulletArray[e].classList.add(STEPPER_ACTIVE_STEP),this.progressStepArray[e].classList.add(STEPPER_ACTIVE_STEP);break;case STEPPER_IS_DEFAULT:n();break;case STEPPER_IS_COMPLETE:this.progressBulletArray[e].classList.remove(STEPPER_ACTIVE_STEP),this.progressBulletArray[e].classList.add(STEPPER_COMPLETE_STEP),this.progressStepArray[e].classList.remove(STEPPER_ACTIVE_STEP);break;default:n()}})}setCurrentStep(t){this.currentStep=t,this.outputFunction&&this.outputFunction(t)}getCurrentState(){return this.currentStep}}const INPUT_CLASS=`${BcCommonConstants.PREFIX_LIB}-input`,INPUT_ACTIVE_CLASS=`${BcCommonConstants.PREFIX_LIB}-active`;class BcInputBehavior extends BcDefaultBehavior{constructor(){super(),this.checkInput=(t=>null!=t&&""!==t),this.addRemoveClass=((t,e)=>t?e.classList.add(INPUT_ACTIVE_CLASS):e.classList.remove(INPUT_ACTIVE_CLASS)),this.updateState=(t=>{this.mySelf&&this.addRemoveClass(this.checkInput(this.mySelf.value),this.mySelf)})}static setUpAll(){const t=Array.from(document.querySelectorAll(`[class^='${INPUT_CLASS}']`)),e=[];for(const n of t){const t=new BcInputBehavior;t.setElement(n),t.setUp(),e.push(t)}return e}_setUp(){this.addRemoveClass(this.checkInput(this.mySelf.value),this.mySelf),this.mySelf.addEventListener(BcCommonConstants.EVENT_INPUT,this.updateState)}}const ACCORDIONS_GROUPS_SUFIX=`${BcCommonConstants.PREFIX_LIB}-accordions-group`,ACCORDION_CLASS=`${BcCommonConstants.PREFIX_LIB}-accordion`,ACCORDION_MULTIPLE_CLASS=`${BcCommonConstants.PREFIX_LIB}-multiple`,ACCORDION_TOGGLE_BTN_CLASS=`${BcCommonConstants.PREFIX_LIB}-toggle-button`,ACCORDION_ACTIVE_CLASS=`${BcCommonConstants.PREFIX_LIB}-active`,ACCORDION_COLUMNS_CLASS=`${BcCommonConstants.PREFIX_LIB}-accordion-column`,ACCORDION_TEXT_CONTAINER_CLASS=`${BcCommonConstants.PREFIX_LIB}-accordion-text-container`,ACCORDION_HEADER_RIGHT_CLASS=`${BcCommonConstants.PREFIX_LIB}-accordion-header-right`,ACCORDION_HEADER_LEFT_CLASS=`${BcCommonConstants.PREFIX_LIB}-accordion-header-left`,ACCORDION_ACTION_CONTAINER_CLASS=`${BcCommonConstants.PREFIX_LIB}-accordion-action-container`,ACCORDION_CONTENT_CLASS=`${BcCommonConstants.PREFIX_LIB}-accordion-content`;class BcAccordionBehavior extends BcDefaultBehavior{constructor(){super(),this.headerList=[]}static setUpAll(){const t=Array.from(document.querySelectorAll(`div[class~='${ACCORDIONS_GROUPS_SUFIX}']`)),e=[];for(const n of t){const t=new BcAccordionBehavior;t.setElement(n),t.setUp(),e.push(t)}return e}_setUp(){this.getAccordionsGroup();const t=this.getAccordions();let e=0;for(const n of t)this.setTabIndexIcon(n),this.addExpandEvent(n,e),e++}getHeader(t){return t.querySelector("header")}

1getContent(t){return t.querySelector(`section.${ACCORDION_CONTENT_CLASS}`)}setTabIndexIcon(t){const e=this.getHeader(t),n=Array.from(e.querySelectorAll(`[class~='${ACCORDION_HEADER_LEFT_CLASS}'] .${ACCORDION_TEXT_CONTAINER_CLASS} .${BcCommonConstants.ICONS_CLASS}`)),s=Array.from(e.querySelectorAll(`[class~='${ACCORDION_HEADER_RIGHT_CLASS}'] .${ACCORDION_ACTION_CONTAINER_CLASS} .${BcCommonConstants.ICONS_CLASS}`));n.concat(s).forEach(t=>{addFocusable(t,{tabindex:"0"})})}getAccordionsGroup(){const t=Array.from(document.querySelectorAll(`div[class~='${ACCORDIONS_GROUPS_SUFIX}']`));for(const e of t)addFocusable(e,{role:"group",tabindex:"-1"});return t}getAccordions(){return Array.from(this.mySelf.querySelectorAll(`:scope > article[class~='${ACCORDION_CLASS}'],:scope >*>*> article[class~='${ACCORDION_CLASS}']`))}addExpandEvent(t,e){if(null!=t){const n=this.getContent(t),s=this.getHeader(t),o=t.querySelectorAll(`[class~='${ACCORDION_COLUMNS_CLASS}']`),a=()=>{const s=t.closest(`.${ACCORDIONS_GROUPS_SUFIX}`),o=s.classList.contains(`.${ACCORDION_MULTIPLE_CLASS}`),a=Array.from(s.querySelectorAll(`:scope > .${ACCORDION_CLASS}`));for(const e of a)e!==t&&o&&e.classList.remove(`${ACCORDION_ACTIVE_CLASS}`);const l=this.getHeader(t);if(t.id===l.getAttribute("aria-controls")){const s=t.classList.toggle(`${ACCORDION_ACTIVE_CLASS}`);s&&this.activeFunction&&this.activeFunction(e),l.setAttribute("aria-expanded",String(s)),n.setAttribute("tabindex",s?"0":"-1")}},l=s.querySelector(`.${ACCORDION_TOGGLE_BTN_CLASS}`);if(null!==s){l.addEventListener("click",a);const t=s.classList.contains(ACCORDION_ACTIVE_CLASS);addFocusable(s,{expanded:String(t),level:"1",tabindex:"0"},{event:a}),addFocusable(n,{role:"region",level:"2"},{event:a});for(let t=0;t<o.length;t++)addFocusable(o[t],{tabindex:"0"})}}}}const BC_ALERT=`${BcCommonConstants.PREFIX_LIB}-alert`,BC_ALERT_ACTIVE=`${BcCommonConstants.PREFIX_LIB}-alert-active`,BC_ALERT_CLOSE=`${BcCommonConstants.PREFIX_LIB}-alert-close`,BC_ALERT_CLOSING=`${BcCommonConstants.PREFIX_LIB}-alert-closing`,BC_ALERT_DISMISSIBLE=`${BcCommonConstants.PREFIX_LIB}-alert-dismissible`,BC_ALERT_INLINE=`${BcCommonConstants.PREFIX_LIB}-alert-inline`,BC_ALERT_TITLE=`${BcCommonConstants.PREFIX_LIB}-alert-title`,MAX_TIME_DELAY=1e4,MIN_TIME_DELAY=5e3;class BcAlertBehavior extends BcDefaultBehavior{constructor(){super(),this.timeOut=0}static setUpAll(){const t=Array.from(document.querySelectorAll(`.${BC_ALERT}`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcAlertBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}_setUp(){this.getCloseButton(),this.listeners(),this.accessibility(),this.getContent()}accessibility(){addFocusable(this.bcAlertCloseButton,{pressed:"false"},{event:()=>this.close()})}getCloseButton(){this.bcAlertCloseButton=this.mySelf.querySelector(`.${BC_ALERT_CLOSE}`)}getContent(){addFocusable(this.mySelf.querySelector(`.${BC_ALERT_TITLE}`),{tabindex:"0"})}listeners(){this.bcAlertCloseButton.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.close()}),this.hideAlertAfterCloseAnimation()}close(){(this.mySelf.classList.contains(BC_ALERT_ACTIVE)||this.mySelf.classList.contains(BC_ALERT_DISMISSIBLE))&&this.mySelf.classList.add(BC_ALERT_CLOSING)}onClose(t){this.onCloseFunction=t}hideAlertAfterCloseAnimation(){this.mySelf.addEventListener("animationend",t=>{"fade-out-opacity"!==t.animationName&&"slide-up-reverse"!==t.animationName||(this.mySelf.classList.remove(BC_ALERT_CLOSING),this.mySelf.classList.remove(BC_ALERT_INLINE),replaceClass(this.mySelf,BC_ALERT_ACTIVE,BC_ALERT),this.onCloseFunction&&this.onCloseFunction())})}open(){replaceClass(this.mySelf,BC_ALERT,BC_ALERT_ACTIVE),0!=this.timeOut&&(this.mySelf.setAttribute("role","alert"),setTimeout(()=>{this.close()},this.timeOut))}setTimeOut(t){this.timeOut=t>=MIN_TIME_DELAY&&t<=MAX_TIME_DELAY?t:t>MAX_TIME_DELAY?MAX_TIME_DELAY:t>0&&t<MIN_TIME_DELAY?MIN_TIME_DELAY:0}}const BC_NOTIFICATION=`${BcCommonConstants.PREFIX_LIB}-notification`,BC_NOTIFICATION_ACTIVE=`${BcCommonConstants.PREFIX_LIB}-notification-active`,BC_NOTIFICATION_CLOSE=`${BcCommonConstants.PREFIX_LIB}-close`,BC_NOTIFICATION_CLOSING=`${BcCommonConstants.PREFIX_LIB}-notification-closing`,BC_NOTIFICATION_DISMISSIBLE=`${BcCommonConstants.PREFIX_LIB}-notification-dismissible`,BC_NOTIFICATION_INLINE=`${BcCommonConstants.PREFIX_LIB}-notification-inline`,_MAX_TIME_DELAY=1e4,_MIN_TIME_DELAY=5e3;class BcNotificationBehavior extends BcDefaultBehavior{constructor(){super(),this.timeOut=0}static setUpAll(){const t=Array.from(document.querySelectorAll(`.${BC_NOTIFICATION}`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcNotificationBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}_setUp(){this.getCloseButton(),this.listeners(),this.accessibility()}accessibility(){addFocusable(this.bcNotificationCloseButton,{pressed:"false"},{event:()=>this.close()})}getCloseButton(){this.bcNotificationCloseButton=this.mySelf.querySelector(`.${BC_NOTIFICATION_CLOSE}`)}listeners(){this.bcNotificationCloseButton.addEventListener(BcCommonConstants.EVENT_CLICK,t=>this.close()),this.hideNotificationAfterCloseAnimation()}close(){(this.mySelf.classList.contains(BC_NOTIFICATION_ACTIVE)||this.mySelf.classList.contains(BC_NOTIFICATION_DISMISSIBLE))&&this.mySelf.classList.add(BC_NOTIFICATION_CLOSING)}onClose(t){this.onCloseFunction=t}hideNotificationAfterCloseAnimation(){this.mySelf.addEventListener("animationend",t=>{"fade-out-opacity"!==t.animationName&&"slide-up-reverse"!==t.animationName||(this.mySelf.classList.remove(BC_NOTIFICATION_CLOSING),this.mySelf.classList.remove(BC_NOTIFICATION_INLINE),replaceClass(this.mySelf,BC_NOTIFICATION_ACTIVE,BC_NOTIFICATION),this.onCloseFunction&&this.onCloseFunction())})}open(){replaceClass(this.mySelf,BC_NOTIFICATION,BC_NOTIFICATION_ACTIVE),0!=this.timeOut&&setTimeout(()=>{this.close()},this.timeOut)}setTimeOut(t){this.timeOut=t>=_MIN_TIME_DELAY&&t<=_MAX_TIME_DELAY?t:t>_MAX_TIME_DELAY?_MAX_TIME_DELAY:t>0&&t<_MIN_TIME_DELAY?_MIN_TIME_DELAY:0}}class BcCalendarUtilities{topBarSingleMonth(){return`<div class="${BcDateConstants.TOP_BAR_SELECTOR_CLASS}"><em class="${BcCommonConstants.ICONS_CLASS} ${BcCommonConstants.ICON_SM_CLASS} ${BcDateConstants.PREV_CLASS}">arrow2-left</em> <h6 class="${BcDateConstants.MONTH_NAME_CLASS}"></h6> <em class="${BcCommonConstants.ICONS_CLASS} ${BcCommonConstants.ICON_SM_CLASS} ${BcDateConstants.NEXT_CLASS}">arrow2-right</em></div>`}topBarSingleMonthSplitSelector(){return`<div class="${BcDateConstants.TOP_BAR_SELECTOR_CLASS}"><em class="${BcCommonConstants.ICONS_CLASS} ${BcCommonConstants.ICON_SM_CLASS} ${BcDateConstants.PREV_CLASS}">arrow2-left</em><h6 class="${BcDateConstants.MONTH_NAME_CLASS}"></h6><em class="${BcCommonConstants.ICONS_CLASS} ${BcCommonConstants.ICON_SM_CLASS} ${BcDateConstants.NEXT_CLASS}">arrow2-right</em><em class="${BcCommonConstants.ICONS_CLASS} ${BcCommonConstants.ICON_SM_CLASS} ${BcDateConstants.PREV_CLASS}">arrow2-left</em><h6 class="${BcDateConstants.YEAR_CLASS}"></h6><em class="${BcCommonConstants.ICONS_CLASS} ${BcCommonConstants.ICON_SM_CLASS} ${BcDateConstants.NEXT_CLASS}">arrow2-right</em></div>`}topBarMobileScrollable(){return`<div class="${BcDateConstants.TOP_BAR_SELECTOR_CLASS}">\n    <h6 class="${BcDateConstants.MONTH_NAME_CLASS}"></div>`}getOneSplitSelectorMonth(t,e){return{month:t,year:e}}getOneSimpleMonth(t,e){return{month:t,year:e}}getDisplayedMonthElement(t){const e=`\n    ${t}\n    <div class='${BcDateConstants.WEEK_CLASS}'></div>\n    <div class='${BcDateConstants.DAYS_CLASS}'></div>`,n=document.createElement("div");return n.classList.add(BcDateConstants.DISPLAYED_CALENDARS_CLASS),n.innerHTML=e,n}getTwelveScrollableMonths(t,e){const n=[];for(let s=t-BcDateConstants.NUMBERS.CALENDAR_N6;s<=t+BcDateConstants.NUMBERS.CALENDAR_N6;s++){const t=new Date(e,s,1),o={month:t.getMonth(),year:t.getFullYear()};n.push(o)}return n}getTwoRangeMonths(t,e){const n=[],s=new Date;s.setMonth(t,1),s.setFullYear(e);for(let e=t;e<=t+1;e++){s.setMonth(e);const t={month:s.getMonth(),year:s.getFullYear()};n.push(t)}return n}goToPreviousMonth(t){t.month--,t.month<0&&(t.month=11,t.year--)}getCalendarSelectMonthOrYear(){return`\n    <div class='${BcDateConstants.TOP_BAR_SELECTOR_CLASS}'>\n    <em class='${BcCommonConstants.ICONS_CLASS} ${BcCommonConstants.ICON_SM_CLASS}\n    ${BcDateConstants.PREV_CLASS}'>chevron-left</em>\n    <h6 class='${BcDateConstants.CURRENT_SELECTION_CLASS}'>\n    </h6><em class='${BcCommonConstants.ICONS_CLASS}\n    ${BcCommonConstants.ICON_SM_CLASS}\n    ${BcDateConstants.NEXT_CLASS}'>chevron-right</em></div>\n    <div class='${BcDateConstants.MONTHS_OR_YEARS_CLASS}'></div>`}getRangeCalendarButtons(){return`<div class="${BcDateConstants.UPPPER_BTNS_CLASS}"></div>`}getContentFixedContainer(){return` <div class='from-to-container'>\n   <div class='${BcDateConstants.DATES_CLASS}'><p class='${BcCommonConstants.SMALL}'>Desde</p><p class='${BcDateConstants.FROM_CLASS}'>mm/dd/aa</p></div>\n   <div class='${BcDateConstants.DATES_CLASS}'><p class='${BcCommonConstants.SMALL}'>Hasta</p><p class='${BcDateConstants.TO_CLASS}'>mm/dd/aa</p></div>\n   </div>\n   <button class='${BcCommonConstants.BC_BTN_CLASS} ${BcCommonConstants.BTN_PRIMARY_CLASS} ${BcDateConstants.CONFIRM_CLASS} ${BcCommonConstants.BUTTON_SMALL_CLASS}' disabled='true'>Aceptar</button>\n     <em class='${BcCommonConstants.ICONS_CLASS} ${BcCommonConstants.ICON_SM_CLASS} ${BcDateConstants.CANCEL_CLASS} ${BcDateConstants.BTN_X_CLASS} ${BcCommonConstants.BUTTON_SMALL_CLASS}'>error</em>`}confirmBtnsString(){return`<button class='${BcCommonConstants.BC_BTN_CLASS} ${BcCommonConstants.BTN_SECONDARY_CLASS} ${BcDateConstants.CANCEL_CLASS} ${BcCommonConstants.BUTTON_SMALL_CLASS}' bc-button-small>Cancelar</button>\n      <button class='${BcCommonConstants.BC_BTN_CLASS} ${BcCommonConstants.BTN_PRIMARY_CLASS} ${BcDateConstants.CONFIRM_CLASS} ${BcCommonConstants.BUTTON_SMALL_CLASS}'>Aceptar</button>`}createARangeButton(t){const e=document.createElement("button");return e.classList.add(BcDateConstants.BC_FILTER_LBL),e.innerHTML=`<em class='${BcCommonConstants.ICONS_CLASS}\n    ${BcCommonConstants.ICON_SM_CLASS}'></em>\n    <p class='${BcDateConstants.BC_FILTER_LBL}-text'>últimos ${t} días</p>\n    <em class='${BcCommonConstants.ICONS_CLASS} ${BcCommonConstants.ICON_SM_CLASS}'></em>`,e.setAttribute("value",t+""),e.setAttribute(BcCommonConstants.DISABLED,"true"),e}addWeekDays(t){t.innerHTML="",BcDateConstants.WEEK_SHORT.forEach(e

1=>{const n=document.createElement("p");n.classList.add(BcCommonConstants.SMALL,BcCommonConstants.TEXT_GRAY),n.textContent=e,t.appendChild(n)})}goToNextMonth(t){t.month++,t.month>BcDateConstants.NUMBERS.CALENDAR_N11&&(t.month=0,t.year++)}validateLeapYear(t){return t%BcDateConstants.NUMBERS.CALENDAR_N100==0?t%BcDateConstants.NUMBERS.CALENDAR_N400==0:t%BcDateConstants.NUMBERS.CALENDAR_N4==0}compareDates(t,e){return t-e}getMonthIndex(t){return BcDateConstants.MONTHS_TEXT.findIndex(e=>e===t)}getClickedDateYear(t){const e=t.querySelectorAll("h6");return e[1]?e[1].textContent:e[0].textContent.split(" ")[1]}verifyMobile(){return isMobileDevice()}getNumberOfDays(t,e){return BcDateConstants.LONG_MONTHS.includes(t)?BcDateConstants.NUMBERS.CALENDAR_N31:BcDateConstants.SHORT_MONTHS.includes(t)?BcDateConstants.NUMBERS.CALENDAR_N30:this.validateLeapYear(e)?BcDateConstants.NUMBERS.CALENDAR_N29:BcDateConstants.NUMBERS.CALENDAR_N28}getClickedDateMonth(t){return t.querySelector("h6").textContent.split(" ")[0]}configMonthElement(t,e){const n=this.getDisplayedMonthElement(t),s=n.querySelector(`.${BcDateConstants.DAYS_CLASS}`),o=n.querySelector(`.${BcDateConstants.YEAR_CLASS}`),a=n.querySelector(`.${BcDateConstants.MONTH_NAME_CLASS}`),l=n.querySelector(`.${BcDateConstants.WEEK_CLASS}`);o?(a.textContent=BcDateConstants.MONTHS_TEXT[e.month],o.textContent=e.year+""):a.textContent=BcDateConstants.MONTHS_TEXT[e.month]+" "+e.year,this.addWeekDays(l),s.innerHTML="";const i=new Date;return i.setFullYear(e.year),i.setMonth(e.month,1),{emptyDays:i.getDay(),month:s,tempDate:i,element:n}}}class BcCalendarBehavior extends BcDefaultBehavior{constructor(){super(...arguments),this.today=new Date,this.yearGroup=[this.today.getFullYear()-BcDateConstants.NUMBERS.CALENDAR_N11,this.today.getFullYear()],this.displayedMonths=[],this.bcCalendarUtilities=new BcCalendarUtilities}static setUpAll(){const t=Array.from(document.querySelectorAll(`div[class='${BcDateConstants.CALENDAR_CLASS}']`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcCalendarBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}_setUp(){const t=this.bcCalendarUtilities.verifyMobile();switch(this.calendarsContainer=this.mySelf,this.mySelf.getAttribute("type")){case BcDateConstants.STATE_RANGE:this.caseStateRange(t);break;case BcDateConstants.STATE_SPLIT:this.displayedMonths=[this.bcCalendarUtilities.getOneSplitSelectorMonth(this.today.getMonth(),this.today.getFullYear())],this.splitCalendarSetUp();break;default:this.displayedMonths=[this.bcCalendarUtilities.getOneSimpleMonth(this.today.getMonth(),this.today.getFullYear())],this.simpleCalendarSetUp()}}caseStateRange(t){t?(this.displayedMonths=this.bcCalendarUtilities.getTwelveScrollableMonths(this.today.getMonth(),this.today.getFullYear()),this.rangeMobileCalendarSetUp()):(this.displayedMonths=this.bcCalendarUtilities.getTwoRangeMonths(this.today.getMonth(),this.today.getFullYear()),this.rangeDesktopCalendarSetUp())}createAMonthElement(t,e){const n=this.bcCalendarUtilities.configMonthElement(e,t);for(let e=1-n.emptyDays;e<=this.bcCalendarUtilities.getNumberOfDays(t.month,t.year);e++)if(e<1){const t=document.createElement("div");n.month.appendChild(t)}else{const t=document.createElement("p");t.classList.add(BcCommonConstants.SMALL,BcDateConstants.DAY),t.textContent=e<1?"":e.toString(),n.month.appendChild(t),n.tempDate.setDate(e),this.addListenerToSelectDate(t)}return n.element}setUpDisplayedCalendars(t,e){t.innerHTML="",this.displayedMonths.forEach(n=>{t.appendChild(this.createAMonthElement(n,e))})}simpleCalendarSetUp(){this.setUpDisplayedCalendars(this.calendarsContainer,this.bcCalendarUtilities.topBarSingleMonth()),this.calendarState=BcDateConstants.STATE_DAYS,this.topBarSelector=this.mySelf.querySelector(`.${BcDateConstants.TOP_BAR_SELECTOR_CLASS}`),this.next=this.mySelf.querySelector(`.${BcDateConstants.NEXT_CLASS}`),this.prev=this.mySelf.querySelector(`.${BcDateConstants.PREV_CLASS}`),this.monthAndDay=this.mySelf.querySelector("h6"),this.monthAndDay.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.changeCalendarType()),this.bcCalendarUtilities.verifyMobile()&&this.prependMobileTitleText(),this.addListenersForPrevAndNextBtns()}prependMobileTitleText(){const t=document.createElement("p");t.classList.add(BcDateConstants.MOBILE_TITLE_CLASS),t.textContent=BcDateConstants.MOBILE_CALENDAR_TITLE,this.mySelf.prepend(t),this.mySelf.insertAdjacentHTML("beforeend",`<em class="${BcCommonConstants.ICONS_CLASS}\n      ${BcCommonConstants.X_SMALL_CLASS}\n      ${BcDateConstants.CANCEL_CLASS} ${BcDateConstants.BTN_X_CLASS}">error</em>`),this.btnCancel=this.mySelf.querySelector(`.${BcDateConstants.CANCEL_CLASS}`),this.btnCancel.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.eventRangeCanceled()})}addListenersForPrevAndNextBtns(){this.next.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.nextAction(),{once:!0}),this.prev.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.prevAction(),{once:!0})}nextYear(t){t.year++,this.setElementsWithCalendarState(t)}setElementsWithCalendarState(t){switch(this.calendarState){case BcDateConstants.STATE_SPLIT:this.setUpDisplayedMonthElement(t);break;case BcDateConstants.STATE_MONTHS:this.setElementsForMonthSelector();break;case BcDateConstants.STATE_YEARS:this.setElementsForYearSelector();break;default:this.setUpDisplayedMonthElement(t)}}previousYear(t){t.year--,this.setElementsWithCalendarState(t)}setUpDisplayedMonthElement(t){switch(this.calendarState){case BcDateConstants.STATE_RANGE:this.rangeDesktopCalendarSetUp();break;case BcDateConstants.STATE_SPLIT:this.splitCalendarSetUp();break;case BcDateConstants.STATE_DAYS:this.simpleCalendarSetUp();break;default:this.simpleCalendarSetUp()}}

1setUpDisplayedCalendarse(){this.setUpDisplayedCalendars(this.calendarsContainer,this.bcCalendarUtilities.topBarSingleMonthSplitSelector()),this.calendarState=BcDateConstants.STATE_SPLIT,this.topBarSelector=this.mySelf.querySelector(`.${BcDateConstants.TOP_BAR_SELECTOR_CLASS}`),this.prevMonthBtn=this.topBarSelector.childNodes[0],this.nextMonthBtn=this.topBarSelector.childNodes[BcDateConstants.NUMBERS.CALENDAR_N2]}splitCalendarSetUp(){this.setUpDisplayedCalendarse(),this.prevYearBtn=this.topBarSelector.childNodes[BcDateConstants.NUMBERS.CALENDAR_N3],this.nextYearBtn=this.topBarSelector.childNodes[BcDateConstants.NUMBERS.CALENDAR_N5],isMobileDevice()&&this.prependMobileTitleText(),this.addListenersForSplitSelectorCalendar(),this.topBarSelector.querySelectorAll("h6")[0].addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.setElementsForMonthSelector(),{once:!0}),this.topBarSelector.querySelectorAll("h6")[1].addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.setElementsForYearSelector(),{once:!0})}addListenersForSplitSelectorCalendar(){this.prevMonthBtn.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.bcCalendarUtilities.goToPreviousMonth(this.displayedMonths[0]),this.setUpDisplayedMonthElement(this.displayedMonths[0])}),this.nextMonthBtn.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.bcCalendarUtilities.goToNextMonth(this.displayedMonths[0]),this.setUpDisplayedMonthElement(this.displayedMonths[0])}),this.prevYearBtn.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.previousYear(this.displayedMonths[0])}),this.nextYearBtn.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.nextYear(this.displayedMonths[0])})}addMonthsPicker(){for(let t=0;t<BcDateConstants.MONTHS_TEXT.length;t++){const e=document.createElement("p");e.textContent=BcDateConstants.MONTHS_TEXT[t].substring(0,BcDateConstants.NUMBERS.CALENDAR_N3),this.monthsOrYearsContainer.appendChild(e),this.addListenerToSelectMonth(e,t)}}selectYear(t,e){e.year=t,this.mySelf.getAttribute("type")===BcDateConstants.STATE_SPLIT?this.splitCalendarSetUp():this.simpleCalendarSetUp()}addListenerToSelectDate(t){t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.selectDateOne(t))}addListenerToSelectMonth(t,e){t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.selectMonth(e,this.displayedMonths[0]))}addListenerToSelectYear(t,e){t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.selectYear(e,this.displayedMonths[0]))}nextYearGroup(t){t.year+=BcDateConstants.NUMBERS.CALENDAR_N12,this.yearGroup=[t.year-BcDateConstants.NUMBERS.CALENDAR_N11,t.year],this.setElementsWithCalendarState(t)}setElementsForMonthSelector(){this.calendarState=BcDateConstants.STATE_MONTHS,this.mySelf.innerHTML=this.bcCalendarUtilities.getCalendarSelectMonthOrYear(),this.topBarSelector=this.mySelf.querySelector(`.${BcDateConstants.TOP_BAR_SELECTOR_CLASS}`),this.addPrevAndNextBtnsToChangeYear(),this.changeYearAndAddListener(),this.monthsOrYearsContainer=this.mySelf.querySelector(`.${BcDateConstants.MONTHS_OR_YEARS_CLASS}`),this.addMonthsPicker(),isMobileDevice()&&this.prependMobileTitleText()}changeYearAndAddListener(){const t=this.topBarSelector.querySelector("h6");t.textContent=`${this.displayedMonths[0].year}`,t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.changeCalendarType(),{once:!0})}setElementsForYearSelector(){this.calendarState=BcDateConstants.STATE_YEARS,this.yearGroup=[this.displayedMonths[0].year-BcDateConstants.NUMBERS.CALENDAR_N11,this.displayedMonths[0].year],this.mySelf.innerHTML=this.bcCalendarUtilities.getCalendarSelectMonthOrYear(),this.topBarSelector=this.mySelf.querySelector(`.${BcDateConstants.TOP_BAR_SELECTOR_CLASS}`),this.addPrevAndNextBtnsToChangeYearGroup(),this.changeYearGroupAndAddListener(),this.monthsOrYearsContainer=this.mySelf.querySelector(`.${BcDateConstants.MONTHS_OR_YEARS_CLASS}`),this.addYearsPicker(),isMobileDevice()&&this.prependMobileTitleText()}changeYearGroupAndAddListener(){const t=this.topBarSelector.querySelector("h6");t.textContent=`${this.yearGroup[0]} - ${this.yearGroup[1]}`,t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.changeCalendarType(),{once:!0})}createBtnsfromArray(t){t.forEach(t=>

1{this.upperBtnsContainer.appendChild(this.bcCalendarUtilities.createARangeButton(t))})}rangeDesktopCalendarFirstSet(){this.calendarState=BcDateConstants.STATE_RANGE,this.mySelf.innerHTML="",this.mySelf.innerHTML=this.bcCalendarUtilities.getRangeCalendarButtons(),this.upperBtnsContainer=this.mySelf.querySelector(`.${BcDateConstants.UPPPER_BTNS_CLASS}`);const t=this.mySelf.getAttribute(BcDateConstants.RANGES)?this.mySelf.getAttribute(BcDateConstants.RANGES):"[]";let e=[];try{e=JSON.parse(t)}catch(t){e=[]}this.createBtnsfromArray(e)}rangeDesktopCalendarSetUp(){this.rangeDesktopCalendarFirstSet(),this.calendarsContainer=document.createElement("div"),this.calendarsContainer.classList.add(BcDateConstants.TWO_CALENDARS_CLASS),this.mySelf.appendChild(this.calendarsContainer),this.setUpDisplayedCalendars(this.calendarsContainer,this.bcCalendarUtilities.topBarSingleMonth()),this.mySelf.appendChild(this.getDesktopConfirmBottom()),this.mySelf.querySelectorAll(`.${BcDateConstants.NEXT_CLASS}`)[0].textContent=" ",this.mySelf.querySelectorAll(`.${BcDateConstants.PREV_CLASS}`)[1].textContent=" ",this.next=this.mySelf.querySelectorAll(`.${BcDateConstants.NEXT_CLASS}`)[1],this.prev=this.mySelf.querySelectorAll(`.${BcDateConstants.PREV_CLASS}`)[0],this.selectedDates&&this.selectRange(),this.addButtonListenersForConfirmAndCancel(),this.addListenersForPrevAndNextBtns(),this.addButtonListenersForUpperBtns()}rangeMobileCalendarSetUp(){this.calendarState=BcDateConstants.STATE_RANGE,this.mySelf.innerHTML="",this.mySelf.classList.add(BcDateConstants.MOBILE_CALENDAR_CLASS),this.calendarsContainer=document.createElement("div"),this.calendarsContainer.classList.add(BcDateConstants.SCROLLABLE_CALENDARS_CLASS),this.mySelf.appendChild(this.calendarsContainer),this.setUpDisplayedCalendars(this.calendarsContainer,this.bcCalendarUtilities.topBarMobileScrollable()),this.mySelf.appendChild(this.getFixedItemsScrollableCalendars()),this.selectedDates&&this.selectRange(),this.addButtonListenersForConfirmAndCancel()}getDesktopConfirmBottom(){const t=document.createElement("div");return t.classList.add(BcDateConstants.BUTTON_CONTAINER_CLASS),t.innerHTML=this.bcCalendarUtilities.confirmBtnsString(),this.btnConfirm=t.querySelector(`.${BcDateConstants.CONFIRM_CLASS}`),this.selectedDates||this.btnConfirm.setAttribute(BcCommonConstants.DISABLED,"true"),this.btnCancel=t.querySelector(`.${BcDateConstants.CANCEL_CLASS}`),t}getFixedItemsScrollableCalendars(){const t=document.createElement("div");return t.classList.add(BcDateConstants.FIXED_CONTENT_CLASS),t.innerHTML=this.bcCalendarUtilities.getContentFixedContainer(),this.btnConfirm=t.querySelector(`.${BcDateConstants.CONFIRM_CLASS}`),this.btnCancel=t.querySelector(`.${BcDateConstants.CANCEL_CLASS}`),t}addButtonListenersForConfirmAndCancel(){this.btnConfirm.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.eventRangeSelected()}),this.btnCancel.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.eventRangeCanceled()})}addButtonListenersForUpperBtns(){this.upperBtnsContainer.childNodes.forEach(t=>{const e=parseInt(t.getAttribute("value"));t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.automaticRange(e)})})}addPrevAndNextBtnsToChangeYear(){this.next=this.mySelf.querySelector("."+BcDateConstants.NEXT_CLASS),this.prev=this.mySelf.querySelector("."+BcDateConstants.PREV_CLASS),this.next.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.nextYear(this.displayedMonths[0])),this.prev.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.previousYear(this.displayedMonths[0]))}addPrevAndNextBtnsToChangeYearGroup(){this.next=this.mySelf.querySelector("."+BcDateConstants.NEXT_CLASS),this.prev=this.mySelf.querySelector("."+BcDateConstants.PREV_CLASS),this.next.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.nextYearGroup(this.displayedMonths[0])),this.prev.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.previousYearGroup(this.displayedMonths[0]))}changeCalendarType(){switch(this.calendarState){case BcDateConstants.STATE_DAYS:this.setElementsForMonthSelector();break;case BcDateConstants.STATE_MONTHS:this.setElementsForYearSelector();break;case BcDateConstants.STATE_YEARS:this.setElementsForMonthSelector();break;case BcDateConstants.STATE_SPLIT:this.splitCalendarSetUp();break;default:this.simpleCalendarSetUp()}}

1enableRangeButtons(){this.upperBtnsContainer.childNodes.forEach(t=>{t.removeAttribute(BcCommonConstants.DISABLED)})}prevAction(){this.calendarState===BcDateConstants.STATE_DAYS?(this.bcCalendarUtilities.goToPreviousMonth(this.displayedMonths[0]),this.setUpDisplayedMonthElement(this.displayedMonths[0])):this.calendarState===BcDateConstants.STATE_RANGE&&(this.displayedMonths.forEach(t=>{this.bcCalendarUtilities.goToPreviousMonth(t)}),this.setUpDisplayedMonthElement())}previousYearGroup(t){t.year-=12,this.yearGroup=[t.year-BcDateConstants.NUMBERS.CALENDAR_N11,t.year],this.setElementsWithCalendarState(t)}nextAction(){this.calendarState===BcDateConstants.STATE_RANGE?(this.displayedMonths.forEach(t=>{this.bcCalendarUtilities.goToNextMonth(t)}),this.setUpDisplayedMonthElement()):(this.bcCalendarUtilities.goToNextMonth(this.displayedMonths[0]),this.setUpDisplayedMonthElement(this.displayedMonths[0]))}addYearsPicker(){this.monthsOrYearsContainer.innerHTML="";for(let t=0;t<=this.yearGroup[1]-this.yearGroup[0];t++){const e=document.createElement("p"),n=this.yearGroup[0]+t;e.textContent=`${n}`,this.monthsOrYearsContainer.appendChild(e),this.addListenerToSelectYear(e,n)}}selectDateOne(t){if(this.upperBtnsContainer&&this.enableRangeButtons(),this.firstDateIsSelected||t.classList.contains(BcDateConstants.SELECTED_DATE_CLASS))this.selectDateTwo(t);else{this.calendarState!==BcDateConstants.STATE_RANGE&&this.deleteAllSelected();const e=t.parentElement.parentElement;t.classList.add(BcDateConstants.SELECTED_DATE_CLASS),this.date=new Date,this.date.setHours(BcDateConstants.NUMBERS.CALENDAR_N12),this.date.setMonth(this.bcCalendarUtilities.getMonthIndex(this.bcCalendarUtilities.getClickedDateMonth(e)),parseInt(t.textContent)),this.date.setFullYear(parseInt(this.bcCalendarUtilities.getClickedDateYear(e))),this.selectDateOneDates()}}selectDateOneDates(){const t=new CustomEvent(BcCommonConstants.EVENT_SELECT,{detail:this.date});this.mySelf.dispatchEvent(t),this.selectedDates&&this.selectedDates.length===BcDateConstants.NUMBERS.CALENDAR_N2&&this.addDatesToArraySelectRangeAndSort(),this.calendarState===BcDateConstants.STATE_RANGE&&(this.firstDateIsSelected=!0)}selectDateTwo(t){if(!t.classList.contains(BcDateConstants.SELECTED_DATE_CLASS)){const e=t.parentElement.parentElement;this.dateTwo=new Date,this.dateTwo.setHours(BcDateConstants.NUMBERS.CALENDAR_N12),this.dateTwo.setMonth(this.bcCalendarUtilities.getMonthIndex(this.bcCalendarUtilities.getClickedDateMonth(e)),parseInt(t.textContent)),this.dateTwo.setFullYear(parseInt(this.bcCalendarUtilities.getClickedDateYear(e))),this.addDatesToArraySelectRangeAndSort(),this.btnConfirm.removeAttribute("disabled"),this.firstDateIsSelected=!1}}addDatesToArraySelectRangeAndSort(){this.selectedDates=[this.date,this.dateTwo],this.selectedDates.sort((t,e)=>this.bcCalendarUtilities.compareDates(t,e)),this.selectRange(),isMobileDevice()&&(this.mySelf.querySelector(`.${BcDateConstants.FROM_CLASS}`).textContent=this.selectedDates[0].toISOString().substring(0,BcDateConstants.NUMBERS.CALENDAR_N10),this.mySelf.querySelector(`.${BcDateConstants.TO_CLASS}`).textContent=this.selectedDates[1].toISOString().substring(0,BcDateConstants.NUMBERS.CALENDAR_N10))}selectRange(){this.deleteAllRange(),this.deleteAllSelected();const t=this.mySelf.querySelectorAll(`.${BcDateConstants.DISPLAYED_CALENDARS_CLASS}`);for(let e=0;e<t.length;e++){const n=this.displayedMonths[e];t[e].querySelectorAll("."+BcDateConstants.DAY).forEach(t=>{const e=new Date(n.year,n.month,parseInt(t.textContent));this.setAllDatesToZeroHours(e),this.addClassesSelectRange(e,t)})}}addClassesSelectRange(t,e){this.today.getTime()==t.getTime()&&e.classList.add(BcDateConstants.TODAY_CLASS),this.selectedDates[0].getTime()==t.getTime()&&e.classList.add(BcDateConstants.SELECTED_DATE_CLASS,BcDateConstants.INSIDE_RANGE_CLASS),this.selectedDates[1].getTime()==t.getTime()&&e.classList.add(BcDateConstants.SELECTED_DATE_CLASS,BcDateConstants.INSIDE_RANGE_CLASS),this.selectedDates[0].getTime()<=t.getTime()&&this.selectedDates[1].getTime()>=t.getTime()&&e.classList.add(BcDateConstants.INSIDE_RANGE_CLASS)}setAllDatesToZeroHours(t){t.setHours(0,0,0,0),this.selectedDates[0].setHours(0,0,0,0),this.selectedDates[1].setHours(0,0,0,0),this.today.setHours(0,0,0,0)}deleteAllRange(){this.mySelf.querySelectorAll("."+BcDateConstants.DAY).forEach(t=>{t.classList.remove(BcDateConstants.INSIDE_RANGE_CLASS)})}deleteAllSelected(){this.mySelf.querySelectorAll(`.${BcDateConstants.SELECTED_DATE_CLASS}`).forEach(t=>{t.classList.remove(BcDateConstants.SELECTED_DATE_CLASS)})}selectMonth(t,e){e.month=t,this.mySelf.getAttribute("type")===BcDateConstants.STATE_SPLIT?this.splitCalendarSetUp():this.simpleCalendarSetUp()}eventRangeSelected(){if(this.selectedDates&&this.selectedDates.length===BcDateConstants.NUMBERS.CALENDAR_N2){const t=new CustomEvent(BcCommonConstants.EVENT_RANGE,{detail:this.selectedDates});this.mySelf.dispatchEvent(t)}else this.eventRangeCanceled()}eventRangeCanceled(){const t=new CustomEvent(BcCommonConstants.EVENT_CANCEL);this.mySelf.dispatchEvent(t)}automaticRange(t){const e=new Date(this.date.getFullYear(),this.date.getMonth(),this.date.getDate()-t);this.dateTwo=e,this.addDatesToArraySelectRangeAndSort(),this.btnConfirm.removeAttribute("disabled")}emitEvent(){this.value=this.selectedDates,this.output&&this.output(this.value)}}const INPUT=`${BcCommonConstants.PREFIX_LIB}-input`,FORM_FIELD=`${BcCommonConstants.PREFIX_LIB}-form-field`,ICON=`${BcCommonConstants.PREFIX_LIB}-icon`,INPUT_AREA=`${BcCommonConstants.PREFIX_LIB}-input-area`,SPAN_INFO=`${BcCommonConstants.PREFIX_LIB}-span-info`,LEFT=`${BcCommonConstants.PREFIX_LIB}-left`,INVALID_FEEDBACK=`${BcCommonConstants.PREFIX_LIB}-invalid-feedback`,INPUT_ERROR=`${BcCommonConstants.PREFIX_LIB}-input-error`,ICON_LEFT_ERROR=`${BcCommonConstants.PREFIX_LIB}-icon-left-error`,ICON_RIGHT_ERROR=`${BcCommonConstants.PREFIX_LIB}-icon-right-error`,INPUT_VALID=`${BcCommonConstants.PREFIX_LIB}-input-valid`,ICON_VALID=`${BcCommonConstants.PREFIX_LIB}-icon-valid`,VALID_FEEBACK=`${BcCommonConstants.PREFIX_LIB}-valid-feedback`,ICON_LEFT=`${BcCommonConstants.PREFIX_LIB}-icon-left`,_ICON_LEFT="icon-left",ICON_RIGHT=`${BcCommonConstants.PREFIX_LIB}-icon-right`,_ICON_RIGHT="icon-right",ICONS_LEFT=`${BcCommonConstants.PREFIX_LIB}-icons-left`,ICONS_RIGHT=`${BcCommonConstants.PREFIX_LIB}-icons-right`;class BcInputDateBehavior extends BcAbstractDropdownBehavior{static setUpAll(){const t=Array.from(document.querySelectorAll(`.${BcDateConstants.DATE_FORM_FIELD_CLASS}`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcInputDateBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}

1setUpSplitCalendar(){this.mySelf.setAttribute("type",BcDateConstants.STATE_SPLIT)}_setUp(){this.dropDownId=getId(BcInputDateBehavior),this.inputDate=this.mySelf.querySelector("input"),this.inputDate.style.cursor=BcCommonConstants.CURSOR_POINTER,this.wrapperCalendar=document.createElement("div");const t=document.createElement("div");this.wrapperCalendar.setAttribute("id",this.dropDownId),this.wrapperCalendar.classList.add(_DROPDOWN_CONTENT_CLASS),t.classList.add(BcDateConstants.CALENDAR_CLASS),this.mySelf.getAttribute("type")===BcDateConstants.STATE_SPLIT&&t.setAttribute("type",BcDateConstants.STATE_SPLIT),this.wrapperCalendar.appendChild(t),this.calendarElement=t,this.mySelf.appendChild(this.wrapperCalendar);const e=new BcCalendarBehavior;e.setElement(this.calendarElement),e.setUp(),this.calendarBehavior=e,this.configDropDown(),this.addListeners()}configDropDown(){const t=document.createElement("div");t.setAttribute("aria-controls",this.dropDownId),t.classList.add(_DROPDOWN_TOGGLE_CLASS),t.style.display=BcCommonConstants.NONE,this.mySelf.appendChild(t),this.mySelf.classList.add(_DROPDOWN_CLASS);const e={toggleEvents:["click","focus"],extraToggles:[{node:this.inputDate,events:["focus"]}],static:!0,isPopUp:!0,isDisabled:!1,parentWidth:!0};this.setConfig(e),super._setUp()}addListeners(){this.calendarElement.addEventListener(BcCommonConstants.EVENT_SELECT,t=>this.setInputDateValue(t)),this.inputDate.addEventListener(BcCommonConstants.EVENT_CLICK,t=>this.handleClick(t),!1),this.calendarElement.addEventListener(BcCommonConstants.EVENT_CANCEL,t=>this.handleClick(t),!1),this.mySelf.querySelectorAll("em").forEach(t=>{t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.openDrowndown(),!1),t.style.cursor=BcCommonConstants.CURSOR_POINTER})}handleClick(t){t.preventDefault(),this.toggleDropdown()}setInputDateValue(t){this.inputDate.value=t.detail.toISOString().substring(0,10),this.handleClick(t),this.emitEvent()}emitEvent(){this.value=this.inputDate.value,this.output&&this.output(this.value)}setValue(t){this.inputDate&&(this.inputDate.value=t,this.emitEvent())}setDisabledState(t){this.inputDate.disabled=t}}class BcInputDateRangeBehavior extends BcAbstractDropdownBehavior{static setUpAll(){const t=Array.from(document.querySelectorAll(`.${BcDateConstants.RANGE_MOLECULE_CLASSES}`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcInputDateRangeBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}_setUp(){this.dropDownId=getId(BcInputDateRangeBehavior),this.inputDate=this.mySelf.querySelectorAll("input")[0],this.inputDate.style.cursor=BcCommonConstants.CURSOR_POINTER,this.wrapperCalendar=document.createElement("div"),this.wrapperCalendar.setAttribute("id",this.dropDownId),this.wrapperCalendar.classList.add(_DROPDOWN_CONTENT_CLASS),this.inputDateTwo=this.mySelf.querySelectorAll("input")[1],this.inputDateTwo.style.cursor=BcCommonConstants.CURSOR_POINTER;const t=this.mySelf.getAttribute(BcDateConstants.FAST_BUTTONS),e=document.createElement("div");e.setAttribute("type","range"),e.setAttribute(BcDateConstants.RANGES,t),e.classList.add(BcDateConstants.CALENDAR_CLASS),this.calendarElement=e,this.wrapperCalendar.appendChild(this.calendarElement),this.mySelf.appendChild(this.wrapperCalendar);const n=new BcCalendarBehavior;n.setElement(this.calendarElement),n.setUp(),this.calendarBehavior=n,this.configDropDown(),this.addListeners()}configDropDown(){const t=document.createElement("div");t.setAttribute("aria-controls",this.dropDownId),t.classList.add(_DROPDOWN_TOGGLE_CLASS),t.style.display=BcCommonConstants.NONE,this.mySelf.appendChild(t),this.mySelf.classList.add(_DROPDOWN_CLASS);const e={toggleEvents:["click","focus"],extraToggles:[{node:this.inputDate,events:["focus"]},{node:this.inputDateTwo,events:["focus"]}],static:!0,isPopUp:!0,isDisabled:!1,parentWidth:!0,contentAutoWidth:!0,maxHeightContent:this.maxHeightContent};this.setConfig(e),super._setUp()}addListeners(){this.calendarElement.addEventListener(BcCommonConstants.EVENT_RANGE,t=>this.setInputDateValues(t)),this.calendarElement.addEventListener(BcCommonConstants.EVENT_CANCEL,t=>this.toggleDropdown()),this.inputDate.addEventListener(BcCommonConstants.EVENT_CLICK,t=>{this.handleClick(t)}),this.inputDateTwo.addEventListener(BcCommonConstants.EVENT_CLICK,t=>{this.handleClick(t)}),this.mySelf.querySelectorAll("em").forEach(t=>{t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.openDrowndown(),!1),t.style.cursor=BcCommonConstants.CURSOR_POINTER})}handleClick(t){t.preventDefault(),this.toggleDropdown()}setInputDateValues(t){this.inputDate.value=t.detail[0].toISOString().substring(0,SIZE_DATE_STR),this.inputDateTwo.value=t.detail[1].toISOString().substring(0,SIZE_DATE_STR),this.toggleDropdown(),this.emitEvent()}emitEvent(){this.value={initialDate:this.inputDate.value,toDate:this.inputDateTwo.value},this.output&&this.output(this.value)}setValues(t){t&&t.initialDate&&t.toDate&&(this.inputDate.value=t.initialDate,this.inputDateTwo.value=t.toDate,this.emitEvent())}setDisabled(t){this.inputDate.disabled=t,this.inputDateTwo.disabled=t}}const INPUT_NUMBER=`${BcCommonConstants.PREFIX_LIB}-input-number`;class BcInputNumberBehavior extends BcDefaultBehavior{constructor(){super(),this.value=0}static setUpAll(){const t=Array.from(document.querySelectorAll(`div[class='${INPUT_NUMBER}']`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcInputNumberBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}_setUp(){this.getElement(),this.addEventListeners(),this.inputBehavior=new BcInputBehavior,this.inputBehavior.setElement(this.numberInput),this.inputBehavior.setUp(),this.value=parseInt(this.numberInput.value)}setValue(t){this.numberInput&&(this.numberInput.value=String(t),this.inputBehavior.updateState(null))}setErrorState(t){t?this.numberInput.classList.remove("bc-input-error"):this.numberInput.classList.add("bc-input-error")}setDisabled(t){this.numberInput.disabled=t,this.buttonDecrease.disabled=t,this.buttonIncrease.disabled=t}getElement(){this.buttonDecrease=this.mySelf.querySelector(`${BcCommonConstants.BUTTON_TAG}:first-of-type`),this.buttonIncrease=this.mySelf.querySelector(`${BcCommonConstants.BUTTON_TAG}:last-of-type`),this.numberInput=this.mySelf.querySelector("input[type=number]")}emitEvent(){this.value=parseInt(this.numberInput.value),this.output&&this.output(this.value)}addEventListeners(){this.buttonDecrease.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.numberInput.stepDown(),this.inputBehavior.updateState(null),this.emitEvent()}),this.buttonIncrease.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.numberInput.stepUp(),this.inputBehavior.updateState(null),this.emitEvent()}),addFocusable(this.buttonDecrease,{role:"button",pressed:"false"}),addFocusable(this.buttonIncrease,{role:"button",pressed:"false"}),this.numberInput.addEventListener(BcCommonConstants.EVENT_INPUT,()=>{this.emitEvent()})}}const INPUT_TOKEN=`${BcCommonConstants.PREFIX_LIB}-input-token`,INPUT_TOKEN_CONTAINER=`${BcCommonConstants.PREFIX_LIB}-input-token-container`,ALL_INPUTS_VALID=`${BcCommonConstants.PREFIX_LIB}-all-inputs-valid`,ALL_INPUTS_ERROR=`${BcCommonConstants.PREFIX_LIB}-all-inputs-error`,LABEL_BOTTOM=`${BcCommonConstants.PREFIX_LIB}-label-bottom-token`,INPUT_TOKEN_ZERO_ASCII_CODE=48,INPUT_TOKEN_NINE_ASCII_CODE=57,INPUT_TOKEN_ZERO_ASCII_CODE_ALFA=96,INPUT_TOKEN_NINE_ASCII_CODE_ALFA=105;class BcInputTokenBehavior extends BcDefaultBehavior{constructor(){super(),this.value="",this.inputStatus=!1,this.isValid=!1}static setUpAll(){const t=Array.from(document.querySelectorAll(`div[class~='${INPUT_TOKEN}']`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcInputTokenBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}removeError(){this.mySelf.querySelector(`div[class~='${INPUT_TOKEN_CONTAINER}'`).classList.remove(`${ALL_INPUTS_ERROR}`),this.mySelf.querySelector(`label[class~='${LABEL_BOTTOM}'`).innerText="Ingresa el código de "+this.numInputs+" digítos"}putError(){this.mySelf.querySelector(`div[class~='${INPUT_TOKEN_CONTAINER}'`).classList.add(`${ALL_INPUTS_ERROR}`),this.removeValid(),this.mySelf.querySelector(`label[class~='${LABEL_BOTTOM}'`).innerText="Debe completar todos los campos para continuar"}putValid(){this.mySelf.querySelector(`div[class~='${INPUT_TOKEN_CONTAINER}'`).classList.add(`${ALL_INPUTS_VALID}`),this.removeError()}removeValid(){this.mySelf.querySelector(`div[class~='${INPUT_TOKEN_CONTAINER}'`).classList.remove(`${ALL_INPUTS_VALID}`)}inputBlur(){this.inputStatus?this.putValid():this.putError()}inputFocus(){this.mySelf.querySelector(`label[class~='${LABEL_BOTTOM}'`)&&this.removeError()}inputkeyup(t,e){const n=t.which;let s=e;

1const o=this.mySelf.querySelector(`input[id='${this._id}-`+e+"'");if(this.findInput(s).blur(),null!=o.value)if(0==o.value.toString().length&&8==n&&(s=e<=1?1:e-1),1==o.value.toString().length)if(n>=INPUT_TOKEN_ZERO_ASCII_CODE&&n<=INPUT_TOKEN_NINE_ASCII_CODE||n>=INPUT_TOKEN_ZERO_ASCII_CODE_ALFA&&n<=INPUT_TOKEN_NINE_ASCII_CODE_ALFA)s=e==this.numInputs?this.numInputs:e+1;else{const t=o.value.toString().substring(0,1);o.value=t}else{const t=o.value.toString().substring(0,1);o.value=t}else o.setAttribute("value","");this.findInput(s).focus(),this.controlInputs(),this.inputStatus?(this.putValid(),this.changeValuesEmitEvent()):this.removeValid(),(!this.isValid&&this.inputStatus||this.isValid&&!this.inputStatus)&&(this.isValid=this.inputStatus,this.changeStatusEmitEvent())}findInput(t){return this.mySelf.querySelector(`input[id='${this._id}-`+t+"'")}_setUp(){this.validateId(),this.getElement(),this.createTokenInputs(),this.createLabel()}validateId(){if(!this._id){const t="input-token",e=new Uint32Array(1),n=window.crypto.getRandomValues(e);this._id=`${t}.${n[0]}`}}setNumInputs(t){this.numInputs=t}createTokenInputs(){for(let t=1;t<=this.numInputs;t++){const e=document.createElement("input");e.setAttribute("type","number");const n="^[0-9]$";e.setAttribute("pattern",n);const s=`${this._id}-${t}`;e.setAttribute("id",s);const o="bc-input";e.setAttribute("class",o),e.setAttribute("required","true"),e.addEventListener("keyup",e=>{this.inputkeyup(e,t)}),e.addEventListener("blur",()=>{this.inputBlur()}),e.addEventListener("focus",()=>{this.inputFocus()}),this.mySelf.querySelector(`div[class~='${INPUT_TOKEN_CONTAINER}'`).appendChild(e)}this.initialFocus()}initialFocus(){this.mySelf.querySelector(`input[id='${this._id}-1'`).focus()}createLabel(){const t=document.createElement("label");t.setAttribute("class","bc-label-bottom-token"),t.innerText="Ingresa el código de "+this.numInputs+" digítos",this.mySelf.appendChild(t)}controlInputs(){const t=this.mySelf.querySelectorAll(`input[id^='${this._id}'`);let e="";const n=Array.from(t);let s=!1;for(let t=0;t<n.length;t++){const o=n[t],a=o.validity;e+=o.value,s=!(0!=t||!a.valid)||!(!a.valid&&s)&&!(!a.valid||!s)}this.value=e,this.inputStatus=s}getElement(){const t=this.mySelf.querySelector(`div[class~='${INPUT_TOKEN_CONTAINER}'`).getAttribute("num-inputs");this.setNumInputs(parseInt(t))}changeValuesEmitEvent(){this.outputValue&&this.outputValue(parseInt(this.value))}changeStatusEmitEvent(){this.outputStatus&&this.outputStatus(this.isValid)}setDisabledState(t){Array.from(this.mySelf.querySelectorAll("input")).forEach(e=>{e.disabled=t})}setValue(t){if(t){const e=t.split(""),n=Array.from(this.mySelf.querySelectorAll("input"));let s=0;e.forEach(t=>{n[s].value=t,n[++s]&&n[s].focus()}),this.controlInputs(),this.inputStatus?(this.putValid(),this.changeValuesEmitEvent()):this.removeValid(),(!this.isValid&&this.inputStatus||this.isValid&&!this.inputStatus)&&(this.isValid=this.inputStatus,this.changeStatusEmitEvent())}}}const INPUT_SELECT_TOGGLE_CLASS=`${BcCommonConstants.PREFIX_LIB}-input-select-toggle`,INPUT_SELECT_ACTIVE_TOGGLE_CLASS=`${BcCommonConstants.PREFIX_LIB}-input-select-active-toggle`,INPUT_SELECT_CONTENT_CLASS=`${BcCommonConstants.PREFIX_LIB}-input-select-content`,INPUT_SELECT_ACTIVE_CONTENT_CLASS=`${BcCommonConstants.PREFIX_LIB}-input-select-content-active`,INPUT_SELECT_ITEM_CLASS=`${BcCommonConstants.PREFIX_LIB}-input-select-item`,INPUT_SELECT_TRIANGLE_CLASS=`${BcCommonConstants.PREFIX_LIB}-input-select-triangle`,INPUT_SELECT_CLASS=`${BcCommonConstants.PREFIX_LIB}-input-select`,INPUT_SELECT_ACTIVE_CLASS=`${BcCommonConstants.PREFIX_LIB}-input-select-active`;var BcCardType;!function(t){t[t["none-icon"]=0]="none-icon",t[t.icon=1]="icon",t[t.small=2]="small",t[t["small-img"]=3]="small-img"}(BcCardType||(BcCardType={}));const CARD_CLASS=`${BcCommonConstants.PREFIX_LIB}-card`,CARD_MAIN_CLASS=`${CARD_CLASS}-product`,CARD_ICON_LEADING_ICON_CLASS=`${CARD_MAIN_CLASS}-icon`,CARD_ICON_LEADING_IMG_CLASS=`${CARD_MAIN_CLASS}-img`,CARD_BODY_CLASS=`${CARD_MAIN_CLASS}-body`,CARD_HEAD_CLASS=`${CARD_CLASS}-head`,CARD_TITTLE_CLASS=`${CARD_CLASS}-tittle`,CARD_TOGGLE_CLASS=`${CARD_CLASS}-toggle`,CARD_TOGGLE_ACTIVE_CLASS=`${CARD_CLASS}-toggle-active`,CARD_TOGGLE_ACTIVE_DIRECTION_CLASS="arrow-direction",CARD_SUBTITTLE_CLASS=`${CARD_CLASS}-subtittle`,CARD_SUBTITTLE_DESCRIPTION_CLASS=`${CARD_SUBTITTLE_CLASS}-description`,CARD_INFO_CLASS=`${CARD_CLASS}-info`,CARD_INFO_STATUS_CLASS=`${CARD_INFO_CLASS}-status`,CARD_INFO_ICON_CLASS=`${CARD_INFO_STATUS_CLASS}-icon`,CARD_INFO_STATUS_LABEL_CLASS=`${CARD_INFO_STATUS_CLASS}-label`,CARD_INFO_BALANCE_CLASS=`${CARD_INFO_CLASS}-balance`,CARD_INFO_ADITIOAL_TEXT_CLASS=`${CARD_INFO_CLASS}-aditional-text`,CARD_TC_IMG="https://upload.wikimedia.org/wikipedia/commons/a/a4/Mastercard_2019_logo.svg";class BcCardProductBehavior extends BcDefaultBehavior{constructor(){super(),this.toggleIcon=null,this.config=null,this.active=!1,this.cardBody=null,this.onceToggleAction=!1}_setUp(){this.getElements(),this.setEventListeners()}_setDisable(t){}build(){switch(this.isReady=!1,this.bodySectionBuilder(),this.cardHeadBuilder(),this.cardDescriptionsBuilder(),this.cardInfoContainerBuilder(),this.cardStausBuilder(),this.toEnumValue(this.config.cardType)){case BcCardType["small-img"]:this.imgSectionBuilder();break;case BcCardType["none-icon"]:this.cardBalanceBuilder();break;case BcCardType.small:this.iconSectionBuilder();break;default:this.iconSectionBuilder(),this.cardBalanceBuilder()}this.cardAddtionalText(),this.isReady=!0}setActive(t){this.active=t,t?replaceClass(this.toggleIcon,CARD_TOGGLE_CLASS,CARD_TOGGLE_ACTIVE_CLASS):replaceClass(this.toggleIcon,CARD_TOGGLE_ACTIVE_CLASS,CARD_TOGGLE_CLASS)}setConfig(t){this.config=t,this.initConfiguration(),this.getType()}

1getConfig(){return this.getType(),this.getIconConfig(),this.getSutittleConfig(),this.getStatusConfig(),this.getBalanceConfig(),this.getAdditionalTextConfig(),this.toggleIcon&&(this.config.icon=this.toggleIcon),this.config}initConfiguration(){this.config||(this.config={value:(new Date).getMilliseconds(),cardType:BcCardType["none-icon"],tittle:this.getCardTittle()})}getElements(){this.getToggle(),this.getCardBody()}getCardTittle(){const t=this.mySelf.querySelector(`*[class~='${CARD_TITTLE_CLASS}']`);return t?t.innerHTML:""}getCardBody(){const t=this.mySelf.querySelector(`*[class~='${CARD_BODY_CLASS}']`);t&&(this.cardBody=t)}getToggle(){const t=this.mySelf.querySelector(`.${CARD_TOGGLE_CLASS}, .${CARD_TOGGLE_ACTIVE_CLASS}`);t&&(this.toggleIcon=t)}getType(){this.config||this.initConfiguration(),this.mySelf.classList.forEach(t=>{const e=this.toEnumValue(t.replace(`${CARD_CLASS}-`,""));e&&(this.config.cardType=e)})}setEventListeners(){if(this.toggleIcon&&this.toggleAction){const t=t=>{this.disabled||(this.toggleAction(t),t.target.setAttribute("listener","true"))};"true"!==this.toggleIcon.getAttribute("listener")&&(this.toggleIcon.addEventListener(BcCommonConstants.EVENT_CLICK,t),addFocusable(this.toggleIcon,{},{event:this.toggleAction}))}this.clickAction&&this.mySelf.addEventListener(BcCommonConstants.EVENT_CLICK,t=>{this.disabled||this.clickAction(t)})}cardAddtionalText(){this.config.additionalText&&this.infoDivAppend(createElement({element:BcCommonConstants.P_TAG,classList:[CARD_INFO_ADITIOAL_TEXT_CLASS],innerText:this.config.additionalText}))}cardBalanceBuilder(){this.infoDivAppend(createElement({element:BcCommonConstants.H6_TAG,classList:[CARD_INFO_BALANCE_CLASS],innerText:this.config.balance}))}cardStausBuilder(){const t=createElement({element:BcCommonConstants.DIV_TAG,classList:[CARD_INFO_STATUS_CLASS],children:[createElement({element:BcCommonConstants.DIV_TAG,classList:[CARD_INFO_ICON_CLASS],children:[createElement({element:BcCommonConstants.DIV_TAG,classList:[this.config.statusType]})]}),createElement({element:BcCommonConstants.P_TAG,classList:[CARD_INFO_STATUS_LABEL_CLASS],innerText:this.config.statusText})]});this.infoDivAppend(t)}infoDivAppend(t){const e=this.cardBody.querySelector(`*[class~='${CARD_INFO_CLASS}']`);e&&e.appendChild(t)}cardInfoContainerBuilder(){const t=createElement({element:BcCommonConstants.DIV_TAG,classList:[CARD_INFO_CLASS]});this.cardBody&&this.cardBody.appendChild(t)}cardDescriptionsBuilder(){const t=this.mySelf.querySelector(`*[class~='${CARD_BODY_CLASS}']`);if(t){const e=createElement({element:BcCommonConstants.P_TAG,classList:[CARD_SUBTITTLE_CLASS]}),n=createElement({element:BcCommonConstants.P_TAG,classList:[CARD_SUBTITTLE_DESCRIPTION_CLASS]}),s=this.config.subtittle;s&&("string"==typeof s?e.innerText=s:(e.innerText=s[0],n.innerText=s[1]),t.appendChild(e),t.appendChild(n))}}cardHeadBuilder(){if(this.cardBody){const t=createElement({element:BcCommonConstants.DIV_TAG,classList:[CARD_HEAD_CLASS],children:[createElement({element:BcCommonConstants.H6_TAG,classList:[CARD_TITTLE_CLASS],innerText:this.config.tittle})]}),e=this.config.toggleIcon||createElement({element:BcCommonConstants.EM_TAG,classList:[this.active?CARD_TOGGLE_ACTIVE_CLASS:CARD_TOGGLE_CLASS,BcCommonConstants.ICONS_CLASS,CARD_TOGGLE_ACTIVE_DIRECTION_CLASS],props:{"aria-hidden":"true"}});this.toggleIcon=e,t.appendChild(e),this.cardBody.appendChild(t)}}iconSectionBuilder(){const t=createElement({element:BcCommonConstants.DIV_TAG,classList:[CARD_ICON_LEADING_ICON_CLASS],children:[createElement({element:BcCommonConstants.EM_TAG,classList:[BcCommonConstants.ICONS_CLASS,BcCommonConstants.ICON_MD_CLASS],props:{"aria-hidden":"true"},innerText:this.config.icon||"e-card"})]});this.mySelf.prepend(t)}imgSectionBuilder(){const t=createElement({element:BcCommonConstants.DIV_TAG,classList:[CARD_ICON_LEADING_IMG_CLASS],children:[createElement({element:BcCommonConstants.IMG_TAG,classList:[BcCommonConstants.ICONS_CLASS,BcCommonConstants.ICON_MD_CLASS],props:{alt:this.config.icon,src:`https://galatea-dev.apps.ambientesbc.com/2.0.20/assets/icons/${this.config.typeIcon}/${this.config.icon}.svg`}})]});this.mySelf.prepend(t)}bodySectionBuilder(){const t=createElement({element:BcCommonConstants.DIV_TAG,classList:[CARD_BODY_CLASS]});this.mySelf.appendChild(t),this.getCardBody()}toEnumValue(t){if("string"==typeof t){return BcCardType[t]}return t}getIconConfig(){let t=CARD_ICON_LEADING_ICON_CLASS;this.config.cardType===BcCardType["small-img"]&&(t=CARD_ICON_LEADING_IMG_CLASS);const e=this.mySelf.querySelector(`div.${t} > em`);e&&(this.config.icon=e)}getSutittleConfig(){const t=this.cardBody.querySelector(`*[class~='${CARD_SUBTITTLE_CLASS}']`),e=this.cardBody.querySelector(`*[class~='${CARD_SUBTITTLE_DESCRIPTION_CLASS}']`);t&&(this.config.subtittle=t.innerHTML,e&&(this.config.subtittle=[t.innerHTML,e.innerHTML]))}getStatusConfig(){const t=this.cardBody.querySelector(`div.${CARD_INFO_ICON_CLASS} > div`),e=this.cardBody.querySelector(`*[class~='${CARD_INFO_STATUS_LABEL_CLASS}']`);t&&(this.config.statusType=String(t.className)),e&&(this.config.statusText=e.innerHTML)}getBalanceConfig(){const t=this.cardBody.querySelector(`*[class~='${CARD_INFO_BALANCE_CLASS}']`);t&&(this.config.balance=t.innerHTML)}getAdditionalTextConfig(){const t=this.cardBody.querySelector(`*[class~='${CARD_INFO_ADITIOAL_TEXT_CLASS}']`);t&&(this.config.additionalText=t.innerHTML)}}const CARD_SELECT_CLASS=`${BcCommonConstants.PREFIX_LIB}-card-select`,CARD_SELECT_ACTIVE_CLASS=`${CARD_SELECT_CLASS}-active`,CARD_SELECT_SELECTED_CLASS=`${CARD_SELECT_CLASS}-selected`,CARD_SELECT_ACTIVE_ITEM_CLASS=`${CARD_SELECT_CLASS}-active-item`,CARD_SELECT_CONTROL_CLASS=`${CARD_SELECT_CLASS}-control`,CARD_SELECT_INPUT_CLASS=`${CARD_SELECT_CLASS}-input`,CARD_ICON_SEARCH_CLASS=`${CARD_SELECT_CLASS}-search`,CARD_SELECT_CONTENT_TOGGLE_CLASS=`${CARD_SELECT_CLASS}-content-toggle`,CARD_SELECT_TOGGLE_CLASS=`${CARD_SELECT_CLASS}-toggle`,CARD_SELECT_ACTIVE_TOGGLE_CLASS=`${CARD_SELECT_CLASS}-active-toggle`,CARD_SELECT_DROPDOWN_CLASS=`${CARD_SELECT_CLASS}-content`,CARD_SELECT_DROPDOWN_ACTIVE_CLASS=`${CARD_SELECT_CLASS}-content-active`,CARD_SELECT_DROPDOWN_BODY_CLASS=`${CARD_SELECT_CLASS}

1-content-body`,CARD_SELECT_DROPDOWN_ITEM_CLASS=`${CARD_SELECT_CLASS}-item`,CARD_SELECT_DROPDOWN_FILTRABLE_ITEMS_CLASS=`${CARD_SELECT_DROPDOWN_ACTIVE_CLASS}-filtrable`,CARD_SELECT_DROPDOWN_FILTERED_ITEMS_CLASS=`${CARD_SELECT_DROPDOWN_ITEM_CLASS}-filtered`,CARD_SELECT_DROPDOWN_FOOTER_CLASS=`${CARD_SELECT_CLASS}-content-footer`,CARD_SELECT_DROPDOWN_FOOTER_ITEM_CLASS=`${CARD_SELECT_CLASS}-content-add-item`,CARD_DROPDOWN_SELECT_ACTION=`${CARD_SELECT_CLASS}-action`,CARD_SELECT_CONTENT_NO_DATA_CLASS=`${CARD_SELECT_CLASS}-no-data`,CARD_SELECT_MAX_WIDTH_CLIENT=6;class BcCardSelectBehavior extends BcAbstractDropdownBehavior{constructor(){super(),this.activeElement=null,this.bcCardProductBehavior=null,this.selectedItemsDisplay="{0} ítems seleccionados",this.bcInputBehavior=new BcInputBehavior}_setUp(){this.setDropDownConfiguration(),this.getDropdownContent(),super._setUp(),this.bcInputBehavior.setElement(this.mySelf.querySelector("input")),this.bcInputBehavior.setUp(),this.createItems(),this.getInsideElements(),this.setMarginTop(),this.setEventListeners(),this.markItemByIndex(this.defaultIndex)}_setDisable(t){this.bcInputBehavior&&this.bcInputBehavior.setDisable(t),this.bcCardProductBehavior&&(this.bcCardProductBehavior.setDisable(t),this.closeDropdown())}createItems(){if(this.itemsConfig){this.itemsConfig.forEach((t,e)=>{const n=this.createCardItem(t);this.dropdownItems[e]=n});const t=this.dropdownContent.querySelector(`*[class~='${CARD_SELECT_DROPDOWN_BODY_CLASS}']`);t.innerHTML="",t.appendChild(createElement({element:BcCommonConstants.UL_TAG,children:this.dropdownItems}))}}setItems(t){this.itemsConfig=t}setMarginTop(){this.span&&(this.topMarginContent=-25)}setSelectedItemsDisplay(t){t&&(this.selectedItemsDisplay=t)}setDefaultIndex(t){this.defaultIndex=t}setDefaultValue(t){if(void 0===t)return;if(!this.itemsConfig)return;const e=this.itemsConfig.find(e=>e.value==t);if(e){const t=this.itemsConfig.indexOf(e);this.markItemByIndex(t),this.defaultIndex=t}}getInsideElements(){this.input=this.mySelf.querySelector(`${BcCommonConstants.INPUT_TAG}[class=${INPUT}]`),this.itemsConfig||this.getItems()}getItems(){this.cleanItems(),Array.from(this.mySelf.querySelectorAll(`*[class=${CARD_SELECT_DROPDOWN_ITEM_CLASS}]`)).forEach((t,e)=>{const n=this.toCardComponent(t,!1);this.itemsConfig[e]=n.getConfig(),this.dropdownItems[e]=t})}setDropDownConfiguration(){this.setConfig({toggleClass:CARD_SELECT_TOGGLE_CLASS,toggleActiveClass:CARD_SELECT_ACTIVE_TOGGLE_CLASS,contentClass:CARD_SELECT_DROPDOWN_CLASS,contentActiveClass:CARD_SELECT_DROPDOWN_ACTIVE_CLASS,itemClass:CARD_SELECT_DROPDOWN_ITEM_CLASS,triangleClass:CARD_SELECT_DROPDOWN_ITEM_CLASS,extraToggles:[{node:this.input,events:["focus"]}],toggleEvents:["click","input"],mainClass:CARD_SELECT_CLASS,mainActiveClass:CARD_SELECT_ACTIVE_CLASS,static:!0,isPopUp:!1,parentWidth:!0})}getCurrentActiveItem(){if(!this.activeElement){const t=this.mySelf.querySelector(`div[class=${CARD_SELECT_ACTIVE_ITEM_CLASS}]`);if(t){const e=this.toCardComponent(t,!0);this.setActiveItem(e)}}return this.activeElement}setFormatOutput(t){!t||"simple"!==t&&"full"!==t||(this.formatType=t)}markItemByIndex(t){const e=this.mySelf.querySelectorAll(`li[class~='${CARD_SELECT_DROPDOWN_ITEM_CLASS}']`);void 0!==t&&this.dropdownItems.length>t&&t>=0&&e.length>0&&(this.bcInputBehavior.addRemoveClass(!0,this.mySelf.querySelector("input")),this.dropdownItems[String(t)].dispatchEvent(new Event(BcCommonConstants.EVENT_CLICK,{})))}configSelectedEvent(t,e,n){this.disabled||(this.removeSelectedItem(n),this.showSelectedItem(n),this.closeDropdown(),this.showAllItems(),this.removeFilter(),this.activeElement=this.itemsConfig[e],this.outputFunction&&this.outputFunction(this.itemsConfig[e]))}setEventListeners(){this.dropdownItems.forEach(t=>{t.addEventListener(BcCommonConstants.EVENT_CLICK,e=>{e.stopPropagation(),e.preventDefault(),this.configSelectedEvent(e,this.dropdownItems.indexOf(t),t)}),addFocusable(t,{},{event:this.configSelectedEvent})}),this.input.addEventListener(BcCommonConstants.EVENT_KEY_UP,t=>{this.filterItems(t)})}filterItems(t){if(this.disabled)return;const e=t.target.value.toUpperCase();if(e.length>=3)return this.restoreFilters(),this.itemsConfig.forEach((t,n)=>{Object.values(t).map(t=>"string"==typeof t?t.toUpperCase():"").join().indexOf(e)>=0&&this.dropdownItems[n].classList.add(CARD_SELECT_DROPDOWN_FILTERED_ITEMS_CLASS)}),void this.toggleDropdown(!0);this.showAllItems()}showAllItems(){this.dropdownContent.classList.remove(CARD_SELECT_DROPDOWN_FILTRABLE_ITEMS_CLASS)}restoreFilters(){this.dropdownContent.classList.add(CARD_SELECT_DROPDOWN_FILTRABLE_ITEMS_CLASS),this.dropdownItems.forEac

1h(t=>{t.classList.remove(CARD_SELECT_DROPDOWN_FILTERED_ITEMS_CLASS)})}removeFilter(){this.input.value=""}toCardComponent(t,e,n){const s=t.querySelector(`div[class~=${CARD_MAIN_CLASS}]`),o=new BcCardProductBehavior;return o.setElement(s),n&&(o.toggleAction=n.bind(this)),o.setUp(),o.setActive(e),o}removeSelectedItem(t){const e=this.mySelf.querySelector(`li[class~=${CARD_SELECT_ACTIVE_ITEM_CLASS}]`),n=this.mySelf.querySelector(`div[class~=${CARD_SELECT_ACTIVE_ITEM_CLASS}]`);e&&replaceClass(e,CARD_SELECT_ACTIVE_ITEM_CLASS,this.config.itemClass),n&&(e&&e.appendChild(this.toCardComponent(n,!1).getMySelf()),n.remove()),this.mySelf.classList.remove(CARD_SELECT_SELECTED_CLASS),replaceClass(t,this.config.itemClass,CARD_SELECT_ACTIVE_ITEM_CLASS),this.setActiveItem(null)}showSelectedItem(t){const e=this.toCardComponent(t,!0,this.clickToggleEvent);this.setActiveItem(e),this.mySelf.classList.add(CARD_SELECT_SELECTED_CLASS),this.mySelf.prepend(createElement({element:BcCommonConstants.DIV_TAG,classList:[CARD_SELECT_ACTIVE_ITEM_CLASS],children:[e.getMySelf()]}))}setActiveItem(t){if(t)return this.activeElement=t.getConfig(),void(this.bcCardProductBehavior=t);this.activeElement=null,this.bcCardProductBehavior=null}getDropdownContent(){this.getDropdownParent(),this.getDropdownBody(),this.dropdownButtonConfig&&this.getDropdownFooter()}getDropdownFooter(){let t=this.dropdownContent.querySelector(`*[class~='${CARD_SELECT_DROPDOWN_FOOTER_CLASS}']`);t?this.addDropdownButtonEventClick(t):(t=this.createDropDownFooter(),this.dropdownContent.appendChild(t),this.addDropdownButtonEventClick(t))}createDropDownFooter(){const t=this.dropdownButtonConfig,e=createElement({element:BcCommonConstants.SPAN_TAG,children:[createElement({element:BcCommonConstants.EM_TAG,classList:[BcCommonConstants.ICONS_CLASS],props:{"aria-hidden":"true"},innerText:t.icon}),createElement({element:BcCommonConstants.LABEL_TAG,innerText:t.text})]}),n=createElement({element:BcCommonConstants.DIV_TAG,classList:[CARD_SELECT_DROPDOWN_FOOTER_ITEM_CLASS],children:[e]});return createElement({element:BcCommonConstants.DIV_TAG,classList:[CARD_SELECT_DROPDOWN_FOOTER_CLASS],children:[n]})}addDropdownButtonEventClick(t){t.addEventListener(BcCommonConstants.EVENT_CLICK,t=>{this.dropdownButtonConfig.event(t)}),addFocusable(t,{},{event:this.dropdownButtonConfig.event})}getDropdownBody(){this.dropdownContent.querySelector(`*[class~='${CARD_SELECT_DROPDOWN_BODY_CLASS}']`)||this.dropdownContent.appendChild(createElement({element:BcCommonConstants.DIV_TAG,classList:[CARD_SELECT_DROPDOWN_BODY_CLASS]}))}getDropdownParent(){let t=this.mySelf.querySelector(`*[class~='${CARD_SELECT_DROPDOWN_CLASS}']`);if(t)return void(this.dropdownContent=t);const e=`${this.mySelf.getAttribute("id")}-content`;t=createElement({element:BcCommonConstants.DIV_TAG,classList:[CARD_SELECT_DROPDOWN_CLASS],props:{id:e}}),this.mySelf.appendChild(t),this.dropdownContent=t}cleanItems(){this.itemsConfig=[],this.dropdownItems=[]}createCardItem(t){const e=createElement({element:BcCommonConstants.DIV_TAG,classList:[CARD_MAIN_CLASS,`${CARD_CLASS}-${String(t.cardType)}`]}),n=new BcCardProductBehavior;return n.setElement(e),n.setConfig(t),n.setUp(),n.build(),createElement({element:BcCommonConstants.LI_TAG,classList:[this.config.itemClass],children:[n.getMySelf()]})}}class BcInputSelectBehavior extends BcAbstractDropdownBehavior{constructor(){super(),this.activeElements={},this.selectedItemsDisplay="{0} ítems seleccionados",this.bcInputBehavior=new BcInputBehavior,this.isDisabled=!1,this.isKeydown=!1,this.inpValue=""}_setUp(){this.isMultiple=this.mySelf.hasAttribute("multiple"),this.isFilter=this.mySelf.hasAttribute("filter");const t=this.mySelf.querySelector("input");t.readOnly=this._setReadOnly(this.isFilter,t),this.setDropDownConfiguration(),super._setUp(),this.bcInputBehavior.setElement(t),this.bcInputBehavior.setUp(),this.createItems(),this.getInsideElements(),this.setMarginTop(),this.setEventListeners(),this.markItemByIndex(this.defaultIndex)}_setReadOnly(t,e){return!t||(this.filter(e),!1)}createItems(){this.closeDropdown();const t=this.mySelf.querySelector(`*[id='${this.idContent}']`);for(const e of Array.from(t.childNodes))t.removeChild(e);if(this.activeElements={},this.dropdownItems=[],this.itemsConfig)for(const t of this.itemsConfig){const e=this.itemsConfig.indexOf(t);"object"!=typeof t&&(this.itemsConfig[e]={label:t,value:t});let n=null;this.itemsConfigAux=this.itemsConfig,n=this.isMultiple?this.createItemTypeMultiple(this.itemsConfig[e]):(this.isFilter,this.createItemTypeSingle(this.itemsConfig[e])),this.dropdownItems.push(n),this.dropdownContent.appendChild(n)}this.setValueInputMultiple()}createItemTypeSingle(t){const e=document.createElement(BcCommonConstants.LI_TAG);

1if(e.classList.add(this.config.itemClass),t.icon){const n=document.createElement(BcCommonConstants.EM_TAG);n.innerText=t.icon,e.appendChild(n)}const n=document.createElement(BcCommonConstants.SPAN_TAG);return n.innerText=t.label,e.appendChild(n),e}createItemTypeMultiple(t){const e=document.createElement(BcCommonConstants.LI_TAG);e.classList.add(this.config.itemClass);const n=document.createElement(BcCommonConstants.LABEL_TAG),s=document.createElement(BcCommonConstants.INPUT_TAG),o=document.createElement(BcCommonConstants.SPAN_TAG);return n.classList.add(BcCommonConstants.CONTAINER_CHECKBOX_CLASS),o.classList.add(BcCommonConstants.CHECKBOX_CLASS),s.setAttribute("type","checkbox"),s.setAttribute("class",INPUT_SELECT_ITEM_CLASS),n.innerText=t.label,n.appendChild(s),n.appendChild(o),e.appendChild(n),e.appendChild(n),e}setItems(t){this.itemsConfig=t}setMarginTop(){this.span&&(this.topMarginContent=-25)}setSelectedItemsDisplay(t){t&&(this.selectedItemsDisplay=t)}setDefaultIndex(t){this.defaultIndex=t}setDefaultValue(t){let e=0;if(t){for(const n in this.itemsConfig){const s=this.itemsConfig[n],o="string"==typeof s&&s===t,a="object"==typeof s&&(s.value===t||s.label===t);if(o||a)break;e++}this.markItemByIndex(e),e>=0&&e<this.itemsConfig.length&&(this.defaultIndex=e)}}getInsideElements(){this.input=this.mySelf.querySelector(`${BcCommonConstants.INPUT_TAG}[class*=${INPUT}]`),this.span=this.mySelf.querySelector(`${BcCommonConstants.INPUT_TAG}[class=${INPUT}] ~ ${BcCommonConstants.SPAN_TAG}`),this.itemsConfig||this.getItems()}getItems(){const t=Array.from(this.mySelf.querySelectorAll(`*[class=${INPUT_SELECT_ITEM_CLASS}]`));this.itemsConfig=[];for(const e of t){this.dropdownItems.push(e);const t=e.querySelector(`${BcCommonConstants.SPAN_TAG}`);this.itemsConfig.push({label:t.innerText,value:t.innerText})}}setDropDownConfiguration(){this.setConfig({toggleClass:INPUT_SELECT_TOGGLE_CLASS,toggleActiveClass:INPUT_SELECT_ACTIVE_TOGGLE_CLASS,contentClass:INPUT_SELECT_CONTENT_CLASS,contentActiveClass:INPUT_SELECT_ACTIVE_CONTENT_CLASS,itemClass:INPUT_SELECT_ITEM_CLASS,triangleClass:INPUT_SELECT_ITEM_CLASS,extraToggles:[{node:this.input,events:["focus"]}],toggleEvents:["click","input"],mainClass:INPUT_SELECT_CLASS,mainActiveClass:INPUT_SELECT_ACTIVE_CLASS,static:!1,isPopUp:!1,isDisabled:this.isDisabled,parentWidth:!0,multiple:this.isMultiple,maxHeightContent:this.maxHeightContent})}setDisabled(t){this.isDisabled=t,this.disabled=t,this.setDropDownConfiguration(),this.validateDropdownIsActive()&&this.isDisabled&&this.closeDropdown()}getCurrentActiveItems(){let t=[];if(this.itemsConfig){for(const e in this.activeElements)Object.prototype.hasOwnProperty.call(this.activeElements,e)&&parseInt(e)<this.itemsConfig.length&&("full"===this.formatType?t.push(this.itemsConfig[parseInt(e)]):t.push(this.itemsConfig[parseInt(e)].value));!this.isMultiple&&t.length>0&&(t=t[0])}return t}setFormatOutput(t){!t||"simple"!==t&&"full"!==t||(this.formatType=t)}createActiveIcon(){const t=document.createElement(BcCommonConstants.EM_TAG);return t.innerText="ok",t}markItemByIndex(t){void 0!==t&&this.dropdownItems.length>t&&t>=0&&(this.bcInputBehavior.addRemoveClass(!0,this.mySelf.querySelector("input")),this.dropdownItems[String(t)].dispatchEvent(new Event(BcCommonConstants.EVENT_CLICK,{})))}configSelectedEvent(t,e,n){if(this.isMultiple){if(-1===["INPUT","LI"].indexOf(t.target.tagName))return void t.stopPropagation();const s=n.querySelector(BcCommonConstants.INPUT_TAG),o=e in this.activeElements;s&&this.configInputCheck(s,o,t,n,e),this.setValueInputMultiple()}else{for(const t in this.activeElements)if(Object.prototype.hasOwnProperty.call(this.activeElements,t)){const e=this.activeElements[t];e.item.removeChild(e.check)}this.activeElements={};const n=this.createActiveIcon();t.target.appendChild(n),this.activeElements[e]={item:t.target,check:n},this.closeDropdown(),this.setValueInputSingle()}this.outputFunction&&this.outputFunction(this.getCurrentActiveItems())}configInputCheck(t,e,n,s,o){if("LI"===n.target.tagName)return n.stopPropagation(),void t.click();e?(t.removeAttribute("checked"),delete this.activeElements[o]):(t.setAttribute("checked",""+e),this.activeElements[o]={item:s,check:null})}setEventListeners(){const t=t=>{t.addEventListener(BcCommonConstants.EVENT_CLICK,e=>{this.inpValue="",this.configSelectedEvent(e,this.dropdownItems.indexOf(t),t),!0===this.isKeydown&&(this.itemsConfig=this.itemsConfigAux,this.updateDropdown(),this.isKeydown=!1)})};for(const e of this.dropdownItems)t(e),addFocusable(e,{},{event:this.configSelectedEvent})}setValueInputMultiple(){let t=null;const e=Object.keys(this.activeElements);e.length>1?(this.bcInputBehavior.addRemoveClass(!0,this.mySelf.querySelector("input")),t=this.selectedItemsDisplay.replace("{0}",String(e.length))):1==e.length?(this.bcInputBehavior.addRemoveClass(!0,this.mySelf.querySelector("input")),t=this.getValueInputSingle(parseInt(e[0]))):(this.bcInputBehavior.addRemoveClass(!1,this.mySelf.querySelector("input")),t=""),this.input&&(this.input.value=t)}setValueInputSingle(t){const e=this.getValueInputSingle(t);return this.input&&(this.input.value=e),this.bcInputBehavior.addRemoveClass(!0,this.mySelf.querySelector("input")),e}getValueInputSingle(t){let e=0,n=null;if(t)e=t,n=this.activeElements[String(e)];else for(const t in this.activeElements)Object.prototype.hasOwnProperty.call(this.activeElements,t)&&(e=parseInt(t),n=this.activeElements[t]);let s="";if(this.config)s=this.itemsConfig[e].label;else if(n){s=n.querySelector(BcCommonConstants.SPAN_TAG).innerText}else s="";return s}filter(t){let e=[];this.inpValue="",t.addEventListener("keydown",t=>

1{if(/([a-zA-Z])\w+/.test(t.key)||(this.inpValue+=t.key.toLowerCase()),"Backspace"===t.key&&(this.inpValue=this.inpValue.slice(0,-1)),""!=this.inpValue){this.isKeydown=!0;e=this.addItemSelectArray(this.itemsConfigAux,e,this.inpValue)}else e=[],this.itemsConfig=this.itemsConfigAux,this.updateDropdown()})}addItemSelectArray(t,e,n){return t.filter((t,s)=>{t.label.toLowerCase().includes(n)&&(e.push(t),this.itemsConfig=e,e=this.removeItemSelectArray(e,n),this.updateDropdown(),this.openDrowndown())}),e}removeItemSelectArray(t,e){if(t.find((n,s)=>{if(n){n.label.toLowerCase().includes(e)||t.splice(s,1)}}),t.length>0){t.reduce((e,n,s)=>{n.label===e.label&&t.splice(s,1)})}return t}updateDropdown(){this.closeDropdown();const t=this.mySelf.querySelector(`*[id='${this.idContent}']`);for(const e of Array.from(t.childNodes))t.removeChild(e);if(this.activeElements={},this.dropdownItems=[],this.itemsConfig)for(const t of this.itemsConfig){const e=this.itemsConfig.indexOf(t);"object"!=typeof t&&(this.itemsConfig[e]={label:t,value:t});let n=null;this.isFilter&&(n=this.isMultiple?this.createItemTypeMultiple(this.itemsConfig[e]):this.createItemTypeSingle(this.itemsConfig[e])),this.dropdownItems.push(n),this.dropdownContent.appendChild(n)}this.setEventListeners()}}const SELECT_HTML='\nHTML:\n    <div class="bc_select_selector">\n        <div class="bc-input-select" id="bc-select1">\n            <div class="bc-form-field bc-icon-right   " tabindex="0" aria-pressed="false"><input class="bc-input"\n                    readonly="" tabindex="-1" type="text" value="" id="bc-select1-input"><label\n                    for="bc-select1-input">Selecciona</label><em class="bc-icon icon-right">chevron-down</em>\n                <span class="bc-span-info">Help text</span></div>\n            <nav>\n                <ul>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 1</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 2</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 3</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 4</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 5</label></li>\n                </ul>\n            </nav>\n        </div>\n    </div>\n\n    <div class="bc_select_selector">\n        <div class="bc-input-select" id="BcInputSelectComponent.1594927626925.903">\n            <div class="bc-form-field bc-icon-right  bc-icon-left " tabindex="0" aria-pressed="false">\n                <input class="bc-input bc-left" readonly="" tabindex="-1" type="text" value=""\n                    id="BcInputSelectComponent.1594927626925.903-input"><label\n                    for="BcInputSelectComponent.1594927626925.903-input">Selecciona</label><i\n                    class="bc-icon icon-right">chevron-down</em>\n                <em class="bc-icon icon-left">address-card</em><span class="bc-span-info">Help text</span>\n            </div>\n            <nav>\n                <ul>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 1</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 2</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 3</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 4</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 5</label></li>\n                </ul>\n            </nav>\n        </div>\n    </div>\n\n    <div class="bc_select_selector">\n        <div class="bc-input-select" id="BcInputSelectComponent.1594927626926.798">\n            <div class="bc-form-field bc-icon-right   " tabindex="0" aria-pressed="false"><input class="bc-input"\n                    readonly="" tabindex="-1" type="text" value=""\n                    id="BcInputSelectComponent.1594927626926.798-input"><label\n                    for="BcInputSelectComponent.1594927626926.798-input">Selecciona</label><i\n                    class="bc-icon icon-right">chevron-down</em>

1\n                <span class="bc-span-info">Help text</span></div>\n            <nav>\n                <ul>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <em class="bc-icon bc-xs">usd-circle</em>\n                        <label>Option 1</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <em class="bc-icon bc-xs">lock-alt</em>\n                        <label>Option 2</label></li>\n                </ul>\n            </nav>\n        </div>\n    </div>\n\n    <div class="bc_select_selector">\n        <div class="bc-input-select" id="BcInputSelectComponent.1594927626926.440">\n            <div class="bc-form-field bc-icon-right   " tabindex="0" aria-pressed="false"><input class="bc-input"\n                    readonly="" tabindex="-1" type="text" value=""\n                    id="BcInputSelectComponent.1594927626926.440-input"><label\n                    for="BcInputSelectComponent.1594927626926.440-input">Selecciona</label><i\n                    class="bc-icon icon-right">chevron-down</em>\n                <span class="bc-span-info">Help text</span></div>\n            <nav class="multiple-chk">\n                <ul>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox" tabindex="0"></span></label>\n                        </bc-checkbox><label>Option 1</label>\n                    </li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox" tabindex="0"></span></label>\n                        </bc-checkbox><label>Option 2</label>\n                    </li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox" tabindex="0"></span></label>\n                        </bc-checkbox><label>Option 3</label>\n                    </li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox" tabindex="0"></span></label>\n                        </bc-checkbox><label>Option 4</label>\n                    </li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox" tabindex="0"></span></label>\n                        </bc-checkbox><label>Option 5</label>\n                    </li>\n                </ul>\n            </nav>\n        </div>\n    </div>\n\n\n\n    <div class="bc_select_selector">\n        <div class="bc-input-select" id="BcInputSelectComponent.1594927626926.257">\n            <div class="bc-form-field bc-icon-right   " tabindex="0" aria-pressed="false"><input\n                    class="bc-input top-label" readonly="" tabindex="-1" type="text" value="Option 2"\n                    id="BcInputSelectComponent.1594927626926.257-input"><label\n                    for="BcInputSelectComponent.1594927626926.257-input">Selecciona</label><i\n                    class="bc-icon icon-right">chevron-down</em>\n                <span class="bc-span-info">Help text</span></div>\n            <nav>\n                <ul>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 1</label></li>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <label>Option 2</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 3</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 4</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 5</label></li>\n                </ul>\n            </nav>\n        </div>\n    </div>\n\n    <div class="bc_select_selector">\n        <div class="bc-input-select" id="BcInputSelectComponent.1594927626926.246">\n            <div class="bc-form-field bc-icon-right  bc-icon-left " tabindex="0" aria-pressed="false">\n                <input class="bc-input bc-left top-label" readonly="" tabindex="-1" type="text" value="Option 1"\n                    id="BcInputSelectComponent.1594927626926.246-input"><label\n                    for="BcInputSelectComponent.1594927626926.246-input">Selecciona</label><i\n                    class="bc-icon icon-right">chevron-down</em>\n                <em class="bc-icon icon-left">address-card</em><span class="bc-span-info">Help text</span>\n            </div>\n            <nav>\n                <ul>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <label>Option 1</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 2</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 3</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 4</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 5</label></li>\n                </ul>\n            </nav>\n        </div>\n    </div>\n\n    <div class="bc_select_selector">\n        <div class="bc-input-select" id="BcInputSelectComponent.1594927626926.967">\n            <div class="bc-form-field bc-icon-right   " tabindex="0" aria-pressed="false"><input\n                    class="bc-input top-label" readonly="" tabindex="-1" type="text" value="Option 1"\n                    id="BcInputSelectComponent.1594927626926.967-input"><label\n                    for="BcInputSelectComponent.1594927626926.967-input">Selecciona</label><i\n                    class="bc-icon icon-right">chevron-down</em>

1\n                <span class="bc-span-info">Help text</span></div>\n            <nav>\n                <ul>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <em class="bc-icon bc-xs">usd-circle</em>\n                        <label>Option 1</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <em class="bc-icon bc-xs">lock-alt</em>\n                        <label>Option 2</label></li>\n                </ul>\n            </nav>\n        </div>\n    </div>\n\n    <div class="bc_select_selector">\n        <div class="bc-input-select" id="BcInputSelectComponent.1594927626926.587">\n            <div class="bc-form-field bc-icon-right   " tabindex="0" aria-pressed="false"><input\n                    class="bc-input top-label" readonly="" tabindex="-1" type="text" value="2 seleccionados"\n                    id="BcInputSelectComponent.1594927626926.587-input"><label\n                    for="BcInputSelectComponent.1594927626926.587-input">Selecciona</label><i\n                    class="bc-icon icon-right">chevron-down</em>\n                <span class="bc-span-info">Help text</span></div>\n            <nav class="multiple-chk">\n                <ul>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox" tabindex="0"></span></label></bc-checkbox>\n                        <label>Option 1</label>\n                    </li>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox checked" tabindex="0"></span></label>\n                        </bc-checkbox><label>Option 2</label>\n                    </li>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox checked" tabindex="0"></span></label>\n                        </bc-checkbox><label>Option 3</label>\n                    </li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox" tabindex="0"></span></label></bc-checkbox>\n                        <label>Option 4</label>\n                    </li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox" tabindex="0"></span></label></bc-checkbox>\n                        <label>Option 6</label>\n                    </li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox" tabindex="0"></span></label></bc-checkbox>\n                        <label>Option 7</label>\n                    </li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox" tabindex="0"></span></label></bc-checkbox>\n                        <label>Option 8</label>\n                    </li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox" tabindex="0"></span></label></bc-checkbox>\n                        <label>Option 9</label>\n                    </li>\n                </ul>\n            </nav>\n        </div>\n    </div>\n\n    <div class="bc_select_selector">\n        <div class="bc-input-select" id="BcInputSelectComponent.1594927626927.466">\n            <div class="bc-form-field bc-icon-right   " tabindex="0" aria-pressed="false"><input\n                    class="bc-input bc-input-error top-label" readonly="" tabindex="-1" type="text" value="Option 2"\n                    id="BcInputSelectComponent.1594927626927.466-input"><label\n                    for="BcInputSelectComponent.1594927626927.466-input">Selecciona</label><i\n                    class="bc-icon icon-right">chevron-down</em>

1\n                <span class="bc-invalid-feedback">Help text</span></div>\n            <nav>\n                <ul>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 1</label></li>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <label>Option 2</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 3</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 4</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 5</label></li>\n                </ul>\n            </nav>\n        </div>\n    </div>\n    <div class="bc_select_selector">\n        <div class="bc-input-select" id="BcInputSelectComponent.1594927626927.314">\n            <div class="bc-form-field bc-icon-right  bc-icon-left " tabindex="0" aria-pressed="false">\n                <input class="bc-input bc-left bc-input-error top-label" readonly="" tabindex="-1" type="text"\n                    value="Option 1" id="BcInputSelectComponent.1594927626927.314-input"><label\n                    for="BcInputSelectComponent.1594927626927.314-input">Selecciona</label><i\n                    class="bc-icon icon-right">chevron-down</em>\n                <em class="bc-icon icon-left">address-card</em><span class="bc-invalid-feedback">Help\n                    text</span></div>\n            <nav>\n                <ul>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <label>Option 1</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 2</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 3</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 4</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 5</label></li>\n                </ul>\n            </nav>\n        </div>\n    </div>\n    <div class="bc_select_selector">\n        <div class="bc-input-select" id="BcInputSelectComponent.1594927626927.583">\n            <div class="bc-form-field bc-icon-right   " tabindex="0" aria-pressed="false"><input\n                    class="bc-input bc-input-error top-label" readonly="" tabindex="-1" type="text" value="Option 1"\n                    id="BcInputSelectComponent.1594927626927.583-input"><label\n                    for="BcInputSelectComponent.1594927626927.583-input">Selecciona</label><i\n                    class="bc-icon icon-right">chevron-down</em>\n                <span class="bc-invalid-feedback">Help text</span></div>\n            <nav>\n                <ul>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <em class="bc-icon bc-xs">usd-circle</em>\n                        <label>Option 1</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <em class="bc-icon bc-xs">lock-alt</em>\n                        <label>Option 2</label></li>\n                </ul>\n            </nav>\n        </div>\n    </div>\n    <div class="bc_select_selector">\n        <div class="bc-input-select" id="BcInputSelectComponent.1594927626927.646">\n            <div class="bc-form-field bc-icon-right   " tabindex="0" aria-pressed="false"><input\n                    class="bc-input bc-input-error top-label" readonly="" tabindex="-1" type="text"\n                    value="3 seleccionados" id="BcInputSelectComponent.1594927626927.646-input"><label\n                    for="BcInputSelectComponent.1594927626927.646-input">Selecciona</label><i\n                    class="bc-icon icon-right">chevron-down</em>

1\n                <span class="bc-invalid-feedback">Help text</span></div>\n            <nav class="multiple-chk">\n                <ul>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox" tabindex="0"></span></label></bc-checkbox>\n                        <label>Option 1</label>\n                    </li>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox checked" tabindex="0"></span></label>\n                        </bc-checkbox><label>Option 2</label>\n                    </li>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox checked" tabindex="0"></span></label>\n                        </bc-checkbox><label>Option 3</label>\n                    </li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox" tabindex="0"></span></label></bc-checkbox>\n                        <label>Option 4</label>\n                    </li>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox checked" tabindex="0"></span></label>\n                        </bc-checkbox><label>Option 5</label>\n                    </li>\n                </ul>\n            </nav>\n        </div>\n    </div>\n\n    <div class="bc_select_selector">\n        <div class="bc-input-select" id="BcInputSelectComponent.1594927626927.481">\n            <div class="bc-form-field bc-icon-right   " disabled=""><input class="bc-input top-label" readonly=""\n                    tabindex="-1" type="text" value="Option 2" id="BcInputSelectComponent.1594927626927.481-input"\n                    disabled=""><label for="BcInputSelectComponent.1594927626927.481-input">Selecciona</label><i\n                    class="bc-icon icon-right">chevron-down</em>\n                <span class="bc-span-info">Help text</span></div>\n            <nav>\n                <ul>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 1</label></li>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <label>Option 2</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 3</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 4</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 5</label></li>\n                </ul>\n            </nav>\n        </div>\n    </div>\n    <div class="bc_select_selector">\n        <div class="bc-input-select" id="BcInputSelectComponent.1594927626927.599">\n            <div class="bc-form-field bc-icon-right  bc-icon-left " disabled=""><input\n                    class="bc-input bc-left top-label" readonly="" tabindex="-1" type="text" value="Option 1"\n                    id="BcInputSelectComponent.1594927626927.599-input" disabled=""><label\n                    for="BcInputSelectComponent.1594927626927.599-input">Selecciona</label><i\n                    class="bc-icon icon-right">chevron-down</em>\n                <em class="bc-icon icon-left">address-card</em><span class="bc-span-info">Help text</span>\n            </div>\n            <nav>\n                <ul>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <label>Option 1</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 2</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 3</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 4</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <label>Option 5</label></li>\n                </ul>\n            </nav>\n        </div>\n    </div>\n    <div class="bc_select_selector">\n        <div class="bc-input-select" id="BcInputSelectComponent.1594927626927.982">\n            <div class="bc-form-field bc-icon-right   " disabled=""><input class="bc-input top-label" readonly=""\n                    tabindex="-1" type="text" value="Option 1" id="BcInputSelectComponent.1594927626927.982-input"\n                    disabled=""><label for="BcInputSelectComponent.1594927626927.982-input">Selecciona</label><i\n                    class="bc-icon icon-right">chevron-down</em>

1\n                <span class="bc-span-info">Help text</span></div>\n            <nav>\n                <ul>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <em class="bc-icon bc-xs">usd-circle</em>\n                        <label>Option 1</label></li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <em class="bc-icon bc-xs">lock-alt</em>\n                        <label>Option 2</label></li>\n                </ul>\n            </nav>\n        </div>\n    </div>\n    <div class="bc_select_selector">\n        <div class="bc-input-select" id="BcInputSelectComponent.1594927626928.617">\n            <div class="bc-form-field bc-icon-right   " disabled=""><input class="bc-input top-label" readonly=""\n                    tabindex="-1" type="text" value="3 seleccionados"\n                    id="BcInputSelectComponent.1594927626928.617-input" disabled=""><label\n                    for="BcInputSelectComponent.1594927626928.617-input">Selecciona</label><i\n                    class="bc-icon icon-right">chevron-down</em>\n                <span class="bc-span-info">Help text</span></div>\n            <nav class="multiple-chk">\n                <ul>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox" tabindex="0"></span></label></bc-checkbox>\n                        <label>Option 1</label>\n                    </li>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox checked" tabindex="0"></span></label>\n                        </bc-checkbox><label>Option 2</label>\n                    </li>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox checked" tabindex="0"></span></label>\n                        </bc-checkbox><label>Option 3</label>\n                    </li>\n                    <li class="bc-border-light" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox" tabindex="0"></span></label></bc-checkbox>\n                        <label>Option 4</label>\n                    </li>\n                    <li class="bc-border-light selected-element" tabindex="0" aria-pressed="false">\n                        <bc-checkbox><label class="bc-container-checkbox"> <input tabindex="-1" type="checkbox" id=""\n                                    name="" value=""><span class="bc-checkbox checked" tabindex="0"></span></label>\n                        </bc-checkbox><label>Option 5</label>\n                    </li>\n                </ul>\n            </nav>\n        </div>\n    </div>\n\n',MODAL=`${BcCommonConstants.PREFIX_LIB}-modal`,MODAL_ACTIVE=`${BcCommonConstants.PREFIX_LIB}-modal-active`,BC_MODAL_CLOSE=`${BcCommonConstants.PREFIX_LIB}-modal-close-button`,BC_MODAL_BUTTON_CONTAINER=`${BcCommonConstants.PREFIX_LIB}-modal-button-container`,OPEN_STATE_MODAL=1,CLOSE_STATE_MODAL=0,MAIN_TASK=1,SECONDARY_TASK=0;class BcModalBehavior extends BcDefaultBehavior{constructor(){super(),this.isMainButtonConfigured=!1,this.isSecondaryButtonConfigured=!1,this.eventClosedAdded=!1,this.modalState=CLOSE_STATE_MODAL}static setUpAll(){const t=Array.from(document.querySelectorAll(`div[class='${MODAL}']`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcModalBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}_setUp(){this.getElement(),this.configEventListener(),this.closeButton&&!this.eventClosedAdded&&(this.closeButton.removeEventListener(BcCommonConstants.EVENT_CLICK,this.closeModal.bind(this)),this.closeButton.addEventListener(BcCommonConstants.EVENT_CLICK,this.closeModal.bind(this)),this.eventClosedAdded=!0),this.accessibility(),this.optionalClose(),this.closeEventKey(),null!==this.closeButton&&this.setEventToCloseBtn()}accessibility(){addFocusable(this.closeButton,{pressed:"false"},{event:()=>this.closeModal()}),addFocusable(this.mainButton,{pressed:"false"},{event:()=>this.configEventListener()}),addFocusable(this.secondaryButton,{pressed:"false"},{event:()=>this.configEventListener()})}getElement(){this.mainButton=this.mySelf.querySelector(`.${BC_MODAL_BUTTON_CONTAINER} .${BcCommonConstants.BTN_PRIMARY_CLASS}`),this.secondaryButton=this.mySelf.querySelector(`.${BC_MODAL_BUTTON_CONTAINER} .${BcCommonConstants.BTN_SECONDARY_CLASS}`),this.closeButton=this.mySelf.querySelector(`a[class*='${BC_MODAL_CLOSE}']`),this.modalOverlay=this.mySelf.querySelector(`div[class='${MODAL}']`)}configEventListener(){this.callback&&(this.mainButton&&!this.isMainButtonConfigured&&(this.isMainButtonConfigured=!0,this.configureCallBack(this.mainButton,MAIN_TASK)),this.secondaryButton&&!this.isSecondaryButtonConfigured&&(this.configureCallBack(this.secondaryButton,SECONDARY_TASK),this.isSecondaryButtonConfigured=!0))}configureCallBack(t,e){t.addEventListener(BcCommonConstants.EVENT_CLICK,function(){this.callback(e)}.bind(this),!0)}optionalClose(){this.mySelf.addEventListener(BcCommonConstants.EVENT_CLICK,t=>{t.target.classList.contains(MODAL_ACTIVE)&&1===this.modalState&&this.closeModal()})}closeEventKey(){window.addEventListener(BcCommonConstants.EVENT_KEY_DOWN,t=>{t.key===BcCommonConstants.KEY_EVENT_ESCAPE&&this.closeModal()})}openModal(){this.modalState=OPEN_STATE_MODAL,this.changeState()}closeModal(){this.modalState=CLOSE_STATE_MODAL,this.changeState(),this.closeModalCallback&&this.closeModalCallback()}changeState(){this.modalState===OPEN_STATE_MODAL?this.mySelf.classList.replace(MODAL,MODAL_ACTIVE):this.modalState===CLOSE_STATE_MODAL&&this.mySelf.classList.replace(MODAL_ACTIVE,MODAL)}setEventToCloseBtn(){this.closeButton.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.closeModal()})}}const MOLECULE_PAGINATOR=`${BcCommonConstants.PREFIX_LIB}-paginator`,MOLECULE_PAGINATOR_LIST=`${BcCommonConstants.PREFIX_LIB}-paginator-list`,MOLECULE_PAGINATOR_PAGES=`${BcCommonConstants.PREFIX_LIB}-paginator-pages`,MOLECULE_PAGINATOR_PAGE_INFO=`${BcCommonConstants.PREFIX_LIB}-paginator-pages-info`,MOLECULE_PAGINATOR_CENTER=`${BcCommonConstants.PREFIX_LIB}-paginator-center`,MOLECULE_PAGINATOR_PREV=`${BcCommonConstants.PREFIX_LIB}-paginator-prev`,MOLECULE_PAGINATOR_NEXT=`${BcCommonConstants.PREFIX_LIB}-paginator-next`,MOLECULE_DROPDOWN=`${BcCommonConstants.PREFIX_LIB}-dropdown`,MOLECULE_DROPDOWN_TOGGLE=`${BcCommonConstants.PREFIX_LIB}-dropdown-toggle`,MOLECULE_DROPDOWN_CONTENT=`${BcCommonConstants.PREFIX_LIB}-dropdown-content`,MOLECULE_DROPDOWN_CUSTOM=`${BcCommonConstants.PREFIX_LIB}

1-dropdown-custom`,MOLECULE_DROPDOWN_ITEM=`${BcCommonConstants.PREFIX_LIB}-dropdown-item`,MOLECULE_DROPDOWN_PERPAGE="dropdown-per-page",MAX_LENGHT=7,SECOND_PAGE=2,DEFAULT_PAGE_COUNT=10,PER_PAGE=10,PER_MULTIPLE=5,PAGINATOR_MATH_VALUE_1000=1e3,PAGINATOR_MATH_VALUE_100=100,PAGINATOR_MATH_VALUE_6=6;class BcPaginatorBehavior extends BcDefaultBehavior{constructor(){super(),this.paginatorList=document.createElement(BcCommonConstants.DIV_TAG),this.dropdownPages=document.createElement(BcCommonConstants.DIV_TAG),this.pagesInfo=document.createElement(BcCommonConstants.DIV_TAG),this.prev=document.createElement(BcCommonConstants.DIV_TAG),this.center=document.createElement(BcCommonConstants.DIV_TAG),this.next=document.createElement(BcCommonConstants.DIV_TAG),this.currentStart=0,this.currentPage=1,this.perPage=PER_PAGE,this.perMultiple=PER_MULTIPLE,this.pageNum=1}static setUpAll(){const t=Array.from(document.querySelectorAll(`nav[class^='${MOLECULE_PAGINATOR}']`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcPaginatorBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}_setUp(){super._setUp(),this.typePaginator=this.mySelf.getAttribute("typepaginator"),"default"!=this.typePaginator?this.buildMoleculeAllType():this.buildMoleculeDefaultType()}buildMoleculeDefaultType(){this.paginatorList.classList.add(MOLECULE_PAGINATOR_LIST),this.paginatorList.classList.add("default"),this.mySelf.appendChild(this.paginatorList),this.prev.classList.add(MOLECULE_PAGINATOR_PREV),this.next.classList.add(MOLECULE_PAGINATOR_NEXT),this.addArrowButtonDefault(this.prev,"arrow2-left","Anterior"),this.addArrowButtonDefault(this.next,"arrow2-right","Siguiente"),this.paginatorList.insertAdjacentElement("afterbegin",this.prev),this.paginatorList.insertAdjacentElement("beforeend",this.next),this.prevPage(),this.nextPage()}buildMoleculeAllType(){this.totalPages=parseInt(this.mySelf.getAttribute("totalregisters"),10),this.idPaginator=this.mySelf.getAttribute("typepaginator"),this.perPage=parseInt(this.mySelf.getAttribute("perpage"),10),this.perMultiple=parseInt(this.mySelf.getAttribute("multiple"),10),this.paginatorList.classList.add(MOLECULE_PAGINATOR_LIST),this.pagesInfo.classList.add(MOLECULE_PAGINATOR_PAGE_INFO),this.dropdownPages.classList.add(MOLECULE_PAGINATOR_PAGES),"full"===this.typePaginator&&this.mySelf.appendChild(this.pagesInfo),this.mySelf.appendChild(this.paginatorList),"simple"!==this.typePaginator&&"full"!==this.typePaginator||this.mySelf.appendChild(this.dropdownPages),this.prev.classList.add(MOLECULE_PAGINATOR_PREV),this.center.classList.add(MOLECULE_PAGINATOR_CENTER),this.next.classList.add(MOLECULE_PAGINATOR_NEXT),this.addArrowButton(this.prev,"arrow2-left"),this.addArrowButton(this.next,"arrow2-right"),this.prevPage(),this.nextPage(),this.changeStatus(),this.setperPage(this.dropdownPages),this.buildPagination(this.totalPages,this.currentStart,this.perPage)}addArrowButton(t,e){t.innerHTML=`<button class="bc-btn-icon" aria-label="Boton" tabindex="0">\n  <i class="bc-icon bc-sm" aria-hidden="true" aria-label="prueba" role="img" size="md">${e}</i>\n</button>`}addArrowButtonDefault(t,e,n){t.innerHTML=`<button class="bc-btn-icon" aria-label="Boton" tabindex="0">\n  <i class="bc-icon bc-sm" aria-hidden="true" aria-label="prueba" role="img" size="md">${e}</i>\n</button>`;const s=t.getElementsByTagName("button")[0],o=document.createElement(BcCommonConstants.SPAN_TAG);"Anterior"===n&&(o.textContent=n,s.insertAdjacentElement("beforeend",o)),"Siguiente"===n&&(o.textContent=n,s.insertAdjacentElement("afterbegin",o))}pagination(t,e,n=DEFAULT_PAGE_COUNT){this.validateNumbers(t,e,n);const s=Math.ceil(Math.abs(t/n));let o=e/n+1;if(s<=MAX_LENGHT){return Array.from(Array(s),(t,e)=>e+1)}return 1===e&&(o=1),this.pageManagement(o,s)}pageManagement(t,e){const n=new Array;for(let s=1;s<=e;s++)this.pageAdder(s,t,e,{pages:n});return n}pageAdder(t,e,n,s){return 1===t&&s.pages.push(t),1===e&&1===t?(s.pages.push(t+1),void s.pages.push("...")):(e===n&&t===n&&(s.pages.push("..."),s.pages.push(t-1)),t!==n?(this.currentPageIndexValidator(e,t,s,n),s):void s.pages.push(t))}currentPageIndexValidator(t,e,n,s){t===e&&e-1===SECOND_PAGE&&n.pages.push(e-1),t===e&&e-1>SECOND_PAGE&&(n.pages.push("..."),n.pages.push(e-1)),t===e&&n.pages.push(e),t===e&&e+1<s&&(n.pages.push(e+1),n.pages.push("..."))}validateNumbers(t,e,n){if(![t,n,e].every(Number.isFinite))throw new TypeError("pagination() espera solo numeros finitos como argumentos.");if(t<=0)throw new Error("totalPages debe ser un número mayor que 0.");if(n<=0)throw new Error("resultPage debe se un número mayor que 0.");if(e<0)throw new Error("startNumber debe se un número mayor o igual que 0.")}buildPagination(t,e,n){if(e||(e=0),t<1)throw new Error("No hay resultados");

1this.pageList=this.pagination(t,e,n),this.paginatorList.appendChild(this.center),this.addPagination(n)}addPagination(t){for(let e=0;e<this.pageList.length;e++)this.addPaginationManagement(e,t)}addPaginationManagement(t,e){if(this.pageNum=this.pageList[t],"..."===this.pageNum){const e=Math.random()*PAGINATOR_MATH_VALUE_1000/PAGINATOR_MATH_VALUE_100;this.addEllipsis(this.center,`ellipsis-${this.idPaginator}-${e.toFixed(0)}`,this.pageList[t-1],this.pageList[t+1])}else{let t=(this.pageNum-1)*e;if(this.pageNum===this.currentPage)return void this.isCurrentPage(t);this.addButtons(this.center,this.pageNum)}}isCurrentPage(t){return this.currentPage>1?this.paginatorList.insertAdjacentElement("afterbegin",this.prev):this.prev.remove(),this.currentPage<this.pageList[this.pageList.length-1]?(1===this.currentPage&&(t=0),this.paginatorList.insertAdjacentElement("beforeend",this.next)):this.next.remove(),this.center.insertAdjacentHTML("beforeend",`<button class="bc-paginator-number-active">${this.pageNum}</button>`),t}setperPage(t){const e=document.createElement(BcCommonConstants.DIV_TAG),n=document.createElement(BcCommonConstants.DIV_TAG),s=document.createElement(BcCommonConstants.H6_TAG),o=document.createElement(BcCommonConstants.EM_TAG),a=document.createElement(BcCommonConstants.DIV_TAG),l=document.createElement(BcCommonConstants.UL_TAG),i=1e3*Math.random()/100;this.setInfo(),e.classList.add(MOLECULE_DROPDOWN,MOLECULE_DROPDOWN_PERPAGE),e.setAttribute("id",`${i.toFixed(0)}`),n.classList.add(MOLECULE_DROPDOWN_TOGGLE,`${BcCommonConstants.PREFIX_LIB}-${BcCommonConstants.FLEX}`,BcCommonConstants.BC_ALIGN_ITEMS_CENTER_CLASS),n.setAttribute("aria-controls",`${i.toFixed(0)}`),s.innerHTML=`${this.perPage}`,o.classList.add(BcCommonConstants.ICONS_CLASS,BcCommonConstants.ICON_XS_CLASS),o.innerHTML=BcCommonConstants.ICON_ARROW_DOWN,a.classList.add(MOLECULE_DROPDOWN_CONTENT),a.setAttribute("id",`${i.toFixed(0)}`),this.dropdownFor(e,t,l),a.appendChild(l),n.appendChild(s),n.appendChild(o),e.appendChild(n),e.appendChild(a),t.appendChild(e),this.initDropdown(e)}dropdownFor(t,e,n){for(let s=1;s<=PAGINATOR_MATH_VALUE_6;s++){const o=document.createElement(BcCommonConstants.LI_TAG),a=document.createElement(BcCommonConstants.BUTTON_TAG);o.classList.add(MOLECULE_DROPDOWN_ITEM),a.classList.add(BcCommonConstants.BC_LINK_CLASS),a.innerHTML=`${s*this.perMultiple}`,a.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.onClickPerPage(t,e,s)),o.appendChild(a),n.appendChild(o)}}onClickPerPage(t,e,n){this.perPage=n*this.perMultiple,this.currentStart=0,this.pageList=this.pagination(this.totalPages,this.currentStart,this.perPage),this.center.innerHTML="",this.addPagination(this.perPage),this.setperPage(e),t.remove(),this.setInfo(),this.changeStatus()}addEllipsis(t,e,n,s){const o=Math.random()*PAGINATOR_MATH_VALUE_1000/PAGINATOR_MATH_VALUE_100,a=document.createElement(BcCommonConstants.DIV_TAG),l=document.createElement(BcCommonConstants.EM_TAG),i=document.createElement(BcCommonConstants.DIV_TAG),c=document.createElement(BcCommonConstants.UL_TAG);a.classList.add(MOLECULE_DROPDOWN,MOLECULE_DROPDOWN_CUSTOM),a.setAttribute("id",`${o.toFixed(0)}`),l.classList.add(BcCommonConstants.ICONS_CLASS,BcCommonConstants.ICON_MD_CLASS,MOLECULE_DROPDOWN_TOGGLE),l.setAttribute("aria-controls",e),l.innerHTML="secondary-menu-horizontal",i.classList.add(MOLECULE_DROPDOWN_CONTENT),i.setAttribute("id",e);for(let e=n+1;e<s;e++){const n=document.createElement(BcCommonConstants.LI_TAG),s=document.createElement(BcCommonConstants.BUTTON_TAG);n.classList.add(MOLECULE_DROPDOWN_ITEM),s.classList.add(BcCommonConstants.BC_LINK_CLASS),s.innerHTML=`${e}`,s.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.onClickAddEllipsis(t,e)),n.appendChild(s),c.appendChild(n)}i.appendChild(c),a.appendChild(l),a.appendChild(i),t.insertAdjacentElement("beforeend",a),this.initDropdown(a)}onClickAddEllipsis(t,e){this.currentStart=(e-1)*this.perPage,this.currentPage=this.currentStart/this.perPage+1,this.pageList=this.pagination(this.totalPages,this.currentStart,this.perPage),t.innerHTML="",this.addPagination(this.perPage),this.changeStatus()}initDropdown(t){this.bcDropdownBehavior=new BcDropdownBehavior,this.bcDropdownBehavior.setElement(t),this.bc

1DropdownBehavior.setConfig({isPopUp:!0}),this.bcDropdownBehavior.setUp()}addButtons(t,e){const n=document.createElement(BcCommonConstants.BUTTON_TAG);n.textContent=`${e}`,n.addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.onClickAddButtons(t,e)),t.insertAdjacentElement("beforeend",n)}onClickAddButtons(t,e){this.currentStart=(e-1)*this.perPage,this.currentPage=this.currentStart/this.perPage+1,this.pageList=this.pagination(this.totalPages,this.currentStart,this.perPage),t.innerHTML="",this.addPagination(this.perPage),this.setInfo(),this.changeStatus()}prevPage(){this.prev.children[0].addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.onClickPrevPage())}onClickPrevPage(){"default"!=this.typePaginator?(this.currentPage--,this.currentStart>=0&&(this.pageList=this.pagination(this.totalPages,this.currentStart,this.perPage),this.center.innerHTML="",this.addPagination(this.perPage),this.setInfo()),this.changeStatus()):this.changeStatusDefault("previous")}nextPage(){this.next.children[0].addEventListener(BcCommonConstants.EVENT_CLICK,()=>this.onClickNextPage())}onClickNextPage(){"default"!=this.typePaginator?(this.currentPage++,this.currentStart-this.perPage<=this.totalPages-this.perPage&&(this.pageList=this.pagination(this.totalPages,this.currentStart,this.perPage),this.center.innerHTML="",this.addPagination(this.perPage),this.setInfo()),this.changeStatus()):this.changeStatusDefault("next")}setInfo(){const t=document.createElement(BcCommonConstants.SPAN_TAG);t.innerHTML=`Mostrando ${this.getQuantityInfo()} de ${this.totalPages}`,this.pagesInfo.innerHTML="",this.pagesInfo.appendChild(t)}getQuantityInfo(){const t=this.currentPage*this.perPage;return t>this.totalPages?this.totalPages:t}changeStatus(){this.changeState({TotalRegisters:this.totalPages,CurrentPage:this.currentPage,PerPage:this.perPage})}changeStatusDefault(t){let e=!1,n=!1;"previous"===t&&(e=!0),"next"===t&&(n=!0),this.changeState({PreviousPage:e,NextPage:n})}}class BcSearchBehavior extends BcDefaultBehavior{constructor(){super(),this.jsObjt={},this.objectArrayItem=[],this.stringFilters=""}setItems(t){this.objectArrayItem=t}static setUpAll(){const t=Array.from(document.querySelectorAll(`div[class^='${GROUP_SEARCH_SUFIX}']`)),e=[];for(const n of t){const t=n,s=new BcSearchBehavior;s.setElement(t),s.setUp(),e.push(s)}return e}setElement(t){this.isReady=!1,this.mySelf=t,addFocusable(this.mySelf)}_setUp(){this.inputObjectSearch(),this.searchClick(),this.searchDropDown(),this.searchInputs(),this.clearSearch()}searchDropDown(){const t=this.mySelf.querySelector(`div[class^="${SEARCH_ARROW_CLASS}"]`),e=this.mySelf.querySelector(`.${SEARCH_ADVANCED_CLASS}`),n=this.mySelf.querySelector(`.${SEARCH_ARROW_CLASS} .bc-icon`);t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{e.classList.contains(`${SEARCH_ADVANCED_ACTIVE_CLASS}`)?(e.classList.remove(`${SEARCH_ADVANCED_ACTIVE_CLASS}`),n.innerHTML="arrow2-down"):(e.classList.add(`${SEARCH_ADVANCED_ACTIVE_CLASS}`),n.innerHTML="error")})}searchClick(){const t=this.mySelf.querySelectorAll(`.${SEARCH_BUTTON_CLASS}`);for(const e of t)e.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.searchObject()})}searchObject(){this.jsObjt={};const t=this.mySelf.querySelectorAll(BcCommonConstants.INPUT_TAG),e=this.mySelf.querySelector(`.${SEARCH_BUTTON_CLASS} ${BcCommonConstants.BUTTON_TAG}`);let n=!1;this.stringFilters="",n=this.searchObjectIterate(t,n);const s=[];if(Object.keys(this.jsObjt).length)for(const t of this.objectArrayItem){this.dataSearch(t,this.jsObjt)&&s.push(t)}this.outputFunction&&(s.query=this.jsObjt,this.outputFunction(s)),this.showQuantityItems(s.length),e.disabled=!n}searchObjectIterate(t,e){for(const n of t)"checkbox"===n.type?n.checked&&(this.jsObjt.hasOwnProperty(n.name)?(this.jsObjt[n.name].push(n.value),this.stringFilters+=n.value+","):(this.jsObjt[n.name]=[],this.jsObjt[n.name].push(n.value),this.stringFilters+=n.value+",")):n.value&&(this.jsObjt[n.name]=n.value,n.dataset.value&&(this.jsObjt[n.dataset.value]=n.value),this.stringFilters+=n.value+","),n.value.length&&(e=!0);return e}inputObjectSearch(){const t=this.mySelf.querySelectorAll(BcCommonConstants.INPUT_TAG);for(const e of t)e.addEventListener(BcCommonConstants.EVENT_INPUT,()=>{this.searchObject()})}dataSearch(t,e){let n=!1;return Object.keys(e).every(s=>{if(Array.isArray(e[s])){for(const o of e[s])if(t[s]&&o&&(n=t[s].toUpperCase().includes(o.toUpperCase())))return n}else n=this.dataSearchIsNotArray(s,n,t,e)}),n}dataSearchIsNotArray(t,e,n,s){const o=this.mySelf.querySelectorAll("input[name="+t+"]");return o.length&&o[0].dataset.value?(e=n[o[0].dataset.value].toUpperCase().includes(s[t].toUpperCase()))||(e=n[t].toUpperCase().includes(s[t].toUpperCase())):n[t]&&s[t]&&(e=n[t].toUpperCase().includes(s[t].toUpperCase())),e}searchInputs(){const t=this.mySelf.querySelectorAll(BcCommonConstants.DIV_TAG);for(const e of t)if(e.classList.contains(`${SEARCH_INPUT_SELECT_CLASS}`)){const t=new BcInputSelectBehavior;t.setElement(e),t.outputFunction=(t=>{this.searchObject()}),t.setUp()}}showQuantityItems(t){const e=this.mySelf.querySelector(`.${SEARCH_CONTENT_SHOW_RESULT_CLASS}`),n=this.mySelf.querySelector(`.${SEARCH_CLEAR_CLASS}`),s=this.mySelf.querySelectorAll(`.${SEARCH_RESULT_NULL_CLASS} ${BcCommonConstants.DIV_TAG}`);if(void 0===t?(e.innerHTML="",n.classList.remove(`${SEARCH_CLEAR_SHOW_CLASS}`)):t?(e.innerHTML=`<span>Mostrando ${t} resultados para: ${this.stringFilters} </span>\n      `,n.classList.add(`${SEARCH_CLEAR_SHOW_CLASS}`)):(e.innerHTML=`<span>Mostrando 0 resultados para: ${this.stringFilters} </span> `,n.classList.add(`${SEARCH_CLEAR_SHOW_CLASS}`)),t||void 0===t)for(const t of s)t.classList.remove(`${SEARCH_SHOW_IMAGE_CLASS}`);else for(const t of s)t.classList.add(`${SEARCH_SHOW_IMAGE_CLASS}`)}clearSearch(){const t=document.querySelector(`.${SEARCH_CONTENT_SHOW_RESULT_CLASS}`),e=document.querySelector(`.${SEARCH_CLEAR_CLASS}`),n=document.querySelectorAll(`.${SEARCH_RESULT_NULL_CLASS} ${BcCommonConstants.DIV_TAG}`);e.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.jsObjt={},t.innerHTML="",e.classList.remove(`${SEARCH_CLEAR_SHOW_CLASS}`);const s=this.mySelf.querySelectorAll(`${BcCommonConstants.INPUT_TAG}`);this.mySelf.querySelector(`.${SEARCH_BUTTON_CLASS} ${BcCommonConstants.BUTTON_TAG}`).disabled=!0;for(const t of s)"checkbox"===t.type?t.checked&&(t.checked=!1):t.value&&(t.value="");for(const t of n)t.classList.remove(`${SEARCH_SHOW_IMAGE_CLASS}`)})}}const SEARCH_ARROW_CLASS=`${BcCommonConstants.PREFIX_LIB}-search-button-expanded`,SEARCH_ADVANCED_ACTIVE_CLASS=`${BcCommonConstants.PREFIX_LIB}-content-advanced-search-active`,SEARCH_ADVANCED_CLASS=`${BcCommonConstants.PREFIX_LIB}-content-advanced-search`,SEARCH_BUTTON_CLASS=`${BcCommonConstants.PREFIX_LIB}-search-button`,SEARCH_INPUT_SELECT_CLASS=`${BcCommonConstants.PREFIX_LIB}-input-select`,SEARCH_CONTENT_SHOW_RESULT_CLASS=`${BcCommonConstants.PREFIX_LIB}-content-show-result`,SEARCH_CLEAR_CLASS=`${BcCommonConstants.PREFIX_LIB}-search-clear`,SEARCH_RESULT_NULL_CLASS=`${BcCommonConstants.PREFIX_LIB}-search-result-null`,SEARCH_CLEAR_SHOW_CLASS=`${BcCommonConstants.PREFIX_LIB}-search-clear-show`,SEARCH_SHOW_IMAGE_CLASS=`${BcCommonConstants.PREFIX_LIB}-search-show-image`,GROUP_SEARCH_SUFIX=`${BcCommonConstants.PREFIX_LIB}-search`,NOT_LABELS_ERROR="There are no labels in tabs.",NOT_LABEL_HEADER_ERROR="Is not posible to find the labels container. Please review the HTML structure of you component.",LEFT_POSITION="flex-start",RIGHT_POSITION="flex-end";class BcTabsGroupBehavior extends BcDefaultBehavior{constructor(){super(),this.firsLoad=!0,this.tabScrollPosition=0}static setUpAll(){const t=Array.from(document.querySelectorAll(`div[class^='${MOLECULA}']`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcTabsGroupBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}_setUp(){super._setUp(),this.tabHeader=this.mySelf.querySelector(`:scope > .${TAB_HEADER_CLASS}`),this.tabsContainer=this.tabHeader.querySelector(`:scope > .${TAB_CONTAINER_CLASS}`),this.tabsArrowButtons=this.tabHeader.querySelector(`:scope > .${ARROW_BUTTONS}`),this.tabsPane=this.tabHeader.querySelectorAll(`:scope .${TAB_CONTAINER_CLASS} > .${TAB_CLASS}`),this.tabHeaderStyle=window.getComputedStyle(this.tabHeader)||this.tabHeader.style,this.tabHeaderMargin=parseInt(this.tabHeaderStyle.marginLeft,10)+parseInt(this.tabHeaderStyle.marginRight,10)+parseInt(this.tabHeaderStyle.paddingLeft,10)+parseInt(this.tabHeaderStyle.paddingRight,10),this.tabsLength=this.tabsPane.length,this.maxWidth=this.tabHeader.offsetWidth,this.scrollBase=Math.round(this.maxWidth/this.tabsLength),this.base=0,this.left=0,this.tabBody=this.mySelf.querySelector(`:scope > .${TAB_BODY_CLASS}`),this.justifycontent=this.tabsContainer.getAttribute("justifycontent"),this.orientation=this.tabsContainer.getAttribute("orientation"),this.positionTabs(),window.addEventListener(BcCommonConstants.EVENT_LOAD,()=>{this.configureTabsWidth(this.justifycontent),this.onResizeFunction(window.innerWidth)}),window.addEventListener(BcCommonConstants.EVENT_RESIZE,t=>{this.onResizeFunction(t.target.innerWidth)}),this.initTabsGroup(),this.addListenersArrows()}callBackTabSelected(t){this.onSelectTab=t}getCurrentIndexSelected(){return this.currentTabsSelected}onResizeFunction(t){this.maxWidth=this.tabsContainer.offsetWidth,this.scrollBase=Math.round(this.maxWidth/this.tabsLength),this.toggleNav(this.tabsArrowButtons,t)}positionTabs(){this.mySelf.getAttribute("right")&&"true"===this.mySelf.getAttribute("right")&&this.tabsContainer.setAttribute("justifycontent",RIGHT_POSITION),this.mySelf.getAttribute("left")&&"true"===this.mySelf.getAttribute("left")&&this.tabsContainer.setAttribute("justifycontent",LEFT_POSITION)}toggleNav(t,e){const n=t;if(this.tabHeader.offsetWidth<this.getWidthAllTabs()){n.classList.remove(HIDE_CLASS);const t=this.tabsContainer.children;this.tabsContainer.setAttribute("justifycontent",LEFT_POSITION),t.length>FIVE_LENGTH&&(this.base=SIX_LENGTH),t.length<SIX_LENGTH&&(this.base=FOUR_LENGTH),e<MIN_WIDTH&&t.length>FIVE_LENGTH&&(this.base=FOUR_LENGTH),e<MEDIUM_WIDTH&&t.length>FIVE_LENGTH&&(this.base=FIVE_LENGTH),this.firsLoad&&(this.tabsContainer.style.width="vertical"==this.orientation?"100%":this.getWidthAllTabs()+"px",this.firsLoad=!1)}else n.classList.add(HIDE_CLASS),this.tabsContainer.setAttribute("justifycontent",this.justifycontent),this.tabsContainer.style.width="auto",this.tabsContainer.style.left="0"}addListenersArrows(){const t=this.tabsArrowButtons.children,e=this.tabsContainer;e.style.left="0";for(let n=0;n<t.length;n++){const s=t[n];s.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{if(s.className.indexOf(PREV_CLASS)>=0&&this.tabScrollPosition>0){const t=`-${-1*this.left-this.tabsPane[this.tabScrollPosition].offsetWidth}px`;e.style.left=t,this.tabScrollPosition--}if(s.className.indexOf(NEXT_CLASS)>=0&&this.tabsPane.length-2>=this.tabScrollPosition){const t=`-${-1*this.left+this.tabsPane[this.tabScrollPosition].offsetWidth}px`;e.style.left=t,this.tabScrollPosition++}this.left=parseInt(this.tabsContainer.style.left,10)})}}initTabsGroup(){this.tabsPane[0].classList.add(ACTIVE_CLASS),this.tabBody.querySelectorAll(`:scope > .${TAB_CONTENT_CLASS}`)[0].classList.add(ACTIVE_CLASS);for(let t=0;t<this.tabsPane.length;t++)this.tabsPane[t].addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.tabHeader.querySelectorAll(`:scope .${TAB_CONTAINER_CLASS} > .${ACTIVE_CLASS}`)[0].classList.remove(`${ACTIVE_CLASS}`),this.tabBody.querySelectorAll(`:scope > .${ACTIVE_CLASS}`)[0].classList.remove(`${ACTIVE_CLASS}`),this.tabsPane[t].classList.add(ACTIVE_CLASS),this.tabBody.querySelectorAll(`:scope > .${TAB_CONTENT_CLASS}`)[t].classList.add(ACTIVE_CLASS),this.onSelectTab&&(this.currentTabsSelected=t,this.onSelectTab(this.currentTabsSelected))})}selectTab(t){this.tabsPane[t]&&this.tabsPane[t].click()}configureTabsWidth(t){let e="auto";if("space-between"===t){const t=this.tabsPane.length||0;e=`${ONE_HUNDRED/t}%`}this.tabsPane.forEach(t=>{"vertical"===this.orientation?t.style.width="100%":t.style.width=`${e}`})}getWidthAllTabs(){return Array.from(this.tabsPane).map(t=>t.offsetWidth).reduce((t,e)=>t+e)}}const MOLECULA=`${BcCommonConstants.PREFIX_LIB}-tabs-group`,TAB_HEADER_CLASS=`${BcCommonConstants.PREFIX_LIB}-tab-header`,TAB_CONTAINER_CLASS=`${BcCommonConstants.PREFIX_LIB}-tabs`,TAB_CLASS=`${BcCommonConstants.PREFIX_LIB}-tab`,TAB_BODY_CLASS=`${BcCommonConstants.PREFIX_LIB}-tab-body`,TAB_CONTENT_CLASS=`${BcCommonConstants.PREFIX_LIB}-tab-content`,ARROW_BUTTONS="arrow-buttons",ACTIVE_CLASS="active",HIDE_CLASS="hide",PREV_CLASS="prev",NEXT_CLASS="next",FOUR_LENGTH=4,FIVE_LENGTH=4,SIX_LENGTH=4,MIN_WIDTH=551,MEDIUM_WIDTH=650,ONE_HUNDRED=100;class BcTooltipBehavior extends BcDefaultBehavior{constructor(){super(...arguments),this.margin=BC_TOOLTIP_EIGHT}static setUpAll(){const t=Array.from(document.querySelectorAll(`.${BC_TOOLTIP_SELECTOR}`)),e=[];for(const n of t){const t=new BcTooltipBehavior;t.setElement(n),t.setUp(),e.push(t)}return e}_setUp(){this.buildView(),this.addListeners()}buildView(){const t=this.mySelf.getAttribute(BC_TOOLTIP_TEXT_ATTRIBUTE),e=this.mySelf.getAttribute(BC_TOOLTIP_TITLE_ATTRIBUTE),n=this.mySelf.getAttribute(BC_TOOLTIP_BUTTON_TEXT_ATTRIBUTE);this.parentELementClass=this.mySelf.getAttribute(BC_TOOLTIP_PARENT_ELEMENT_CLASS),this.position=this.mySelf.getAttribute(BC_TOOLTIP_POSITION_ATTRIBUTE),this.classNameWithId=`${BC_TOOLTIP_CONTAINER_SELECTOR}--${BcTooltipBehavior.ID}`,BcTooltipBehavior.ID++,this.mySelf.setAttribute("tabindex","0"),this.tooltipElement=this.createElement("div","class",`${BC_TOOLTIP_CONTAINER_SELECTOR} ${this.classNameWithId}`),this.arrowElement=this.createElement("div","class",BC_TOOLTIP_ARROW_CLASS);const s=this.createElementWithText("p",t||"");if(addFocusable(s),this.position=this.position?this.position.toLowerCase():"top",this.arrowElement.classList.add(this.arrowElement.classList.item(0)+"--"+this.position),null!=e&&"undefined"!==e){const t=this.createElementWithText("h5",e||"");this.tooltipElement.appendChild(t),this.tooltipElement.appendChild(this.createElement("hr","class",BC_TOOLTIP_DIVI

1DER_CLASS)),addFocusable(t)}if(this.tooltipElement.appendChild(s),this.tooltipElement.appendChild(this.arrowElement),null!=n&&"undefined"!==n){const t=this.createElementWithText("button",n||"");t.classList.add(BC_TOOLTIP_BUTTON_CLASS_TYPE),t.classList.add(`${BC_TOOLTIP_SELECTOR}-button`),t.setAttribute(BC_TOOLTIP_BUTTON_CLASS,""),t.setAttribute("typeButton","secondary"),t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.hideTooltip(),this.buttonClickCallback()}),addFocusable(t),this.tooltipElement.appendChild(t)}document.body.appendChild(this.tooltipElement),isMobileDevice()&&this.tooltipElement.classList.add(BC_TOOLTIP_BUTTON_CLOSE_CLASS)}showTooltip(){this.fadeIn(this.mySelf,null,this.tooltipElement,!1)}hideTooltip(){this.fadeOut(this.mySelf,null,this.tooltipElement,!1)}addListeners(){if(this.fadeIn(this.mySelf,BcCommonConstants.EVENT_MOUSEENTER,this.tooltipElement,!1),this.fadeIn(this.mySelf,BcCommonConstants.EVENT_FOCUS,this.tooltipElement,!1),this.fadeOut(this.mySelf,BcCommonConstants.EVENT_MOUSEOUT,this.tooltipElement,!1),this.fadeOut(this.mySelf,BcCommonConstants.EVENT_BLUR,this.tooltipElement,!1),window.addEventListener("resize",()=>{this.setPosition()}),document.addEventListener("scroll",()=>{this.setPosition()}),null!=this.parentELementClass&&"undefined"!==this.parentELementClass){const t=document.querySelector(`div[class~='${this.parentELementClass}']`);t.addEventListener("scroll",()=>{this.setPosition()}),t.addEventListener("resize",()=>{this.setPosition()})}}buttonClick(t){this.buttonClickCallback=t}setPosition(){const t=this.mySelf;switch(this.position){case BC_TOOLTIP_BUTTON_BOTTOM:this.bottomTooltip(t,this.arrowElement,this.tooltipElement);break;case BC_TOOLTIP_BUTTON_RIGHT:this.rightTooltip(t,this.arrowElement,this.tooltipElement);break;case BC_TOOLTIP_BUTTON_LEFT:this.leftTooltip(t,this.arrowElement,this.tooltipElement);break;default:this.topTooltip(t,this.arrowElement,this.tooltipElement)}}createElement(t,e,n){const s=document.createElement(t);return s.setAttribute(e,n),s}createElementWithText(t,e){const n=document.createElement(t);return n.innerText=e,n}topTooltip(t,e,n){this.changeArrowClass(e,n,"top");const s=this.fixPosXIfElementIsOutScreen(t,n,e);this.setElementPosition(n,this.offset(t).top-n.offsetHeight-e.offsetHeight-this.margin,s.tooltip),this.setElementPosition(e,n.offsetHeight,s.arrow)}offset(t){const e=t.getBoundingClientRect(),n=window.pageXOffset||document.documentElement.scrollLeft,s=window.pageYOffset||document.documentElement.scrollTop;return{top:e.top+s,left:e.left+n}}bottomTooltip(t,e,n){const s=this.fixPosXIfElementIsOutScreen(t,n,e);this.setElementPosition(n,this.offset(t).top+t.offsetHeight+e.offsetHeight+this.margin,s.tooltip),this.setElementPosition(e,-e.offsetHeight,s.arrow)}rightTooltip(t,e,n){const s=this.offset(t).left+t.offsetWidth+e.offsetWidth+this.margin,o=this.centerToTarget(t,n,e,!0);s+n.offsetWidth>=document.body.offsetWidth?this.topTooltip(t,e,n):(this.changeArrowClass(e,n,"right"),this.setElementPosition(n,o.tooltip,s),this.setElementPosition(e,o.arrow,-e.offsetWidth))}leftTooltip(t,e,n){const s=this.offset(t).left-n.offsetWidth-e.offsetWidth-this.margin,o=this.centerToTarget(t,n,e,!0);s<=0?this.topTooltip(t,e,n):(this.changeArrowClass(e,n,"left"),this.setElementPosition(n,o.tooltip,s),this.setElementPosition(e,o.arrow,n.offsetWidth))}fadeIn(t,e,n,s){if(!e)return this.setPosition(),n.style.animation="fade-in-opacity 100ms forwards";t.addEventListener(e,()=>{this.setPosition(),n.style.animation="fade-in-opacity 100ms forwards"},s)}fadeOut(t,e,n,s){if(!e)return n.style.animation="fade-out-opacity 100ms forwards";t.addEventListener(e,()=>{n.style.animation="fade-out-opacity 100ms forwards"},s)}setElementPosition(t,e,n){t.style.top=e+"px",t.style.left=n+"px"}centerToTarget(t,e,n,s){const o=s?"offsetHeight":"offsetWidth";return{tooltip:(s?this.offset(t).top:this.offset(t).left)-e[o]/BC_TOOLTIP_TWO+t[o]/BC_TOOLTIP_TWO,arrow:e[o]/BC_TOOLTIP_TWO-n[o]/BC_TOOLTIP_TWO}}changeArrowClass(t,e,n){e.removeChild(t),t.classList.remove(t.classList.item(1)),t.classList.add(t.classList.item(0)+"--"+n),e.appendChild(t)}fixPosXIfElementIsOutScreen(t,e,n){const s=this.centerToTarget(t,e,n,!1);return s.tooltip+e.offsetWidth>=document.body.offsetWidth?(s.tooltip=this.offset(t).left+t.offsetWidth-e.offsetWidth,s.arrow=e.offsetWidth-n.offsetWidth-t.offsetWidth/BC_TOOLTIP_TWO):s.tooltip<=0&&(s.tooltip=this.offset(t).left,s.arrow=t.offsetWidth/BC_TOOLTIP_TWO),s}}BcTooltipBehavior.ID=0;const BC_TOOLTIP_SELECTOR=`${BcCommonConstants.PREFIX_LIB}-tooltip`,BC_TOOLTIP_CONTAINER_SELECTOR=`${BcCommonConstants.PREFIX_LIB}-tooltip-container`,BC_TOOLTIP_TEXT_ATTRIBUTE=`${BcCommonConstants.PREFIX_LIB}TooltipText`,BC_TOOLTIP_TITLE_ATTRIBUTE=`${BcCommonConstants.PREFIX_LIB}TooltipTitle`,BC_TOOLTIP_BUTTON_TEXT_ATTRIBUTE=`${BcCommonConstants.PREFIX_LIB}TooltipButtonText`,BC_TOOLTIP_POSITION_ATTRIBUTE=`${BcCommonConstants.PREFIX_LIB}TooltipPosition`,BC_TOOLTIP_ARROW_CLASS=`${BcCommonConstants.PREFIX_LIB}

1-tooltip-arrow`,BC_TOOLTIP_DIVIDER_CLASS=`${BcCommonConstants.PREFIX_LIB}-tooltip-arrow`,BC_TOOLTIP_BUTTON_CLOSE_CLASS=`${BcCommonConstants.PREFIX_LIB}-tooltip-close-btn`,BC_TOOLTIP_BUTTON_CLASS=`${BcCommonConstants.PREFIX_LIB}-button`,BC_TOOLTIP_BUTTON_CLASS_TYPE=`${BcCommonConstants.PREFIX_LIB}-button-secondary`,BC_TOOLTIP_PARENT_ELEMENT_CLASS=`${BcCommonConstants.PREFIX_LIB}TooltipParentElement`,BC_TOOLTIP_BUTTON_TOP="top",BC_TOOLTIP_BUTTON_RIGHT="right",BC_TOOLTIP_BUTTON_BOTTOM="bottom",BC_TOOLTIP_BUTTON_LEFT="left",BC_TOOLTIP_EIGHT=8,BC_TOOLTIP_TWO=2,FOOTER_HTML='<div class="bc-footer" id="bc-footer">\n<div class="bc-container">\n    <div class="bc-footer-top bc-row">\n        <div class="bc-footer-top-container">\n            <div class="bc-footer-top-container-t">\n                <h6>\n                    <a href="https://google.com" target="_blank">Titulo columna 01</a>\n                </h6>\n            </div>\n            <div class="bc-footer-top-container-p">\n                <p>Lorem ipsum</p>\n                <p>Lorem ipsum</p>\n                <p>Lorem ipsum</p>\n                <p>Lorem ipsum</p>\n            </div>\n            <div class="bc-footer-top-container-divisor"></div>\n        </div>\n        <div class="bc-footer-top-container">\n            <div class="bc-footer-top-container-t">\n                <h6>Titulo columna 02</h6>\n            </div>\n            <div class="bc-footer-top-container-p">\n                <p>\n                    <a href="https://google.com" target="_blank">Lorem ipsum</a>\n                </p>\n                <p>Lorem ipsum</p>\n                <p>Lorem ipsum</p>\n                <p>Lorem ipsum</p>\n            </div>\n        </div>\n        <div class="bc-footer-top-container">\n            <div class="bc-footer-top-container-t">\n                <h6>Titulo columna 03</h6>\n            </div>\n            <div class="bc-footer-top-container-p">\n                <p>Lorem ipsum</p>\n                <p>Lorem ipsum</p>\n                <p>Lorem ipsum</p>\n                <p>Lorem ipsum</p>\n            </div>\n            <div class="bc-footer-top-container-divisor"></div>\n        </div>\n        <div class="bc-footer-top-container">\n            <div class="bc-footer-top-container-t">\n                <h6>Titulo columna 04</h6>\n            </div>\n            <div class="bc-footer-top-container-p">\n                <p>Lorem ipsum</p>\n                <p>Lorem ipsum</p>\n                <p>Lorem ipsum</p>\n                <p>Lorem ipsum</p>\n            </div>\n            <div class="bc-footer-top-container-divisor"></div>\n\n        </div>\n    </div>\n</div>\n<div\n    class="bc-footer-top-links bc-flex bc-justify-content-md-flex-end bc-direction-xs-column bc-margin-top-3">\n    <div class="bc-footer-top-links-ca"><a class="bc-footer-top-links-ca-a" href="http://google.com"\n            target="" tabindex="0" aria-label="Ir a Lorem 1">Lorem 1</a></div>\n    <div class="bc-footer-top-links-ca"><a class="bc-footer-top-links-ca-a"\n            href="http://facebook.com" target="blank" tabindex="0" aria-label="Ir a Lorem 2">Lorem\n            2</a></div>\n    <div class="bc-footer-top-links-ca"><a class="bc-footer-top-links-ca-a"\n            href="http://twitter.com" target="blank" tabindex="0" aria-label="Ir a Lorem 3">Lorem\n            3</a></div>\n    <div class="bc-footer-top-links-ca"><a class="bc-footer-top-links-ca-a" href="http://google.com"\n            target="blank" tabindex="0" aria-label="Ir a Lorem 4">Lorem 4</a></div>\n</div>\n<div class="bc-footer-divisor"></div>\n<div class="bc-container">\n    <div class="bc-footer-bottom bc-row">\n        <div class="bc-footer-bottom-left bc-col-sm-8">\n            <div class="bc-footer-bottom-left-icon"><img\n                    src="https://galatea-dev.apps.ambientesbc.com/2.0.20/assets/icons/logo/Bancolombia/isotipo-negro-2.svg"\n                    alt="Bancolombia isotipo negro" /></div>\n            <div class="bc-footer-bottom-left-side bc-col-sm-11">\n                <div class="bc-footer-bottom-left-content-logo">\n                    <img class="bc-footer-bottom-horizontal-logo"\n                        src="https://galatea-dev.apps.ambientesbc.com/2.0.20/assets/icons/logo/grupo_Bancolombia/logo_horizontal_negro.svg"\n                        alt="Logo horizontal Bancolombia" />\n                </div>\n                <p>

1Copyright &copy; 2020 Grupo Bancolombia. Sed egestas, ante et vulputate volutpat,\n                    eros\n                </p>\n                <p>pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus\n                </p>\n                <p>adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum\n                    hendrerit\n                </p>\n                <p>tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices\n                    sagittis.\n                </p>\n                <div class="bc-footer-bottom-left-side-vigilant"><img\n                        class="footer-bottom-horizontal logo"\n                        src="https://galatea-dev.apps.ambientesbc.com/2.0.20/assets/icons/logo/Bancolombia/vigilado-negro.svg"\n                        alt="Vigilado superintendencia financiera de Colombia" /></div>\n            </div>\n        </div>\n        <div class="bc-footer-bottom-right bc-col-sm-4">\n            <div class="bc-footer-bottom-right-network-icons"><a href="http://google.com"\n                    target="blank" tabindex="0" aria-label="Ir a facebook"><i\n                        class="bc-icon bc-md">facebook</i></a><a href="http://google.com"\n                    target="blank" tabindex="0" aria-label="Ir a twitter"><i\n                        class="bc-icon bc-md">twitter</i></a>\n                <a href="http://google.com" target="blank" tabindex="0"\n                    aria-label="Ir a linkedin"><i class="bc-icon bc-md">linkedin</i></a><a\n                    href="http://google.com" target="blank" tabindex="0"\n                    aria-label="Ir a instagram"><i class="bc-icon bc-md">instagram</i></a><a\n                    href="http://google.com" target="blank" tabindex="0"\n                    aria-label="Ir a youtube"><i class="bc-icon bc-md">youtube</i></a>\n            </div>\n            <div class="bc-footer-bottom-right-text">\n                <p>Direcci&oacute;n IP 190.144.71.250</p>\n                <p>&Uacute;ltima visita Jueves 31 de Julio de 2019 10:06 a.m</p>\n            </div>\n        </div>\n    </div>\n</div>\n</div>\n\n';class BcFooterBehavior extends BcDefaultBehavior{constructor(){super(),this.bcFooterIsMobile=!1}static setUpAll(){const t=Array.from(document.querySelectorAll(`div[class~='${BC_FOOTER_SELECTOR}']`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcFooterBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}_setUp(){this.selectElements(),this.addAccesibility(),this.validateBreakPointMobile()}selectElements(){this.bcFooterElementTop=this.mySelf.querySelector(`.${BC_FOOTER_TOP}`),this.bcFooterElementTopCont=this.bcFooterElementTop?Array.from(this.bcFooterElementTop.children):null,this.bcFooterIconNetwork=this.mySelf.querySelector(`.${BC_FOOTER_NETWORK_ICONS}`),this.bcFooterIconNetworkChildren=this.bcFooterIconNetwork?Array.from(this.bcFooterIconNetwork.children):[],this.bcFooterElementsTopT=Array.from(this.mySelf.querySelectorAll(`.${BC_FOOTER_TOP_CONTAINER_T}`)),this.bcFooterElementsTopP=Array.from(this.mySelf.querySelectorAll(`.${BC_FOOTER_TOP_CONTAINER_P}`)),this.bcFooterElementsTopTA=Array.from(this.mySelf.querySelectorAll(`.${BC_FOOTER_TOP_CONTAINER_T} ${BC_FOOTER_P} ${BC_FOOTER_A}`)),this.bcfooterElementsTopPA=Array.from(this.mySelf.querySelectorAll(`.${BC_FOOTER_TOP_CONTAINER_P} ${BC_FOOTER_P} ${BC_FOOTER_A}`)),this.bcFooterElementsLA=Array.from(this.mySelf.querySelectorAll(`.${BC_FOOTER_TOP_LA}`)),this.bcfooterAccordions=Array.from(this.mySelf.querySelectorAll(`div[class~='${BC_FOOTER_ACCORDION_CLASS}']`))}addAccesibility(){this.addAcceSocialNet(),this.addAcceLinks()}addAcceSocialNet(){for(const t of this.bcFooterIconNetworkChildren)addFocusable(t,{label:`Ir a ${t.firstElementChild.innerHTML}`})}addAcceLinks(){this.addAcceLink(BC_FOOTER_ELEMENTS_TOPTA),this.addAcceLink(BC_FOOTER_ELEMENTS_TOPPA),this.addAcceLink(BC_FOOTER_ELEMENTS_LA)}addAcceLink(t){this[t].forEach(t=>{this.addFocusableLink(t)})}addFocusableLink(t){addFocusable(t,{label:`Ir a ${t.innerHTML}`})}getFooterTopELements(){return Array.from(this.mySelf.querySelectorAll(`div[class~='${BC_FOOTER_TOP_CONTAINERS}']`))}validateBreakPointMobile(){const t=()=>{window.innerWidth<=BC_FOOTER_MOBILE_BREAK_POINT&&!this.bcFooterIsMobile&&this.addAccordion()};window.addEventListener("load",()=>{t()}),window.addEventListener("resize",()=>{t()})}addAccordion(){this.bcFooterIsMobile=!0,this.getFooterTopELements().forEac

1h((t,e)=>{if(t){const n=t.querySelector(`.${BC_FOOTER_TOP_CONTAINER_T} h6`),s=Array.from(t.querySelectorAll(`.${BC_FOOTER_TOP_CONTAINER_P} p`)),o=this.createAccordionGroupELement(e),a=this.createAccordionELement(),l=this.createAccordionHeaderELement(n,s.length),i=this.createAccordionContentELement(s);a.appendChild(l),a.appendChild(i),o.appendChild(a),t.appendChild(o)}BcAccordionBehavior.setUpAll()})}createAccordionGroupELement(t){const e=document.createElement("div");return e.classList.add(BC_FOOTER_ACCORDIONS_GROUP),e.setAttribute("id",this.mySelf.getAttribute("id")+t),e}createAccordionELement(){const t=document.createElement("div");return t.classList.add(BC_FOOTER_ACCORDION),t.classList.add(BC_FOOTER_ACCORDION_TYPE),t}createAccordionHeaderELement(t,e){const n=document.createElement("div");n.classList.add(BC_FOOTER_ACCORDION_HEADER);const s=`\n    <div class="${BC_FOOTER_ACCORDION_HEADER_LEFT}">\n      <div class="${BC_FOOTER_ACCORDION_TEXT_CONTAINER}">\n      </div>\n    </div>\n    ${e>0?`<div class="${BC_FOOTER_ACCORDION_HEADER_RIGHT}">\n      <em class="bc-icon bc-sm bc-toggle-button">arrow2-down</em>\n    </div>\n    `:""}\n    `;return n.innerHTML=s,n.querySelector(`.${BC_FOOTER_ACCORDION_TEXT_CONTAINER}`).append(t.cloneNode(!0)),n}createAccordionContentELement(t){const e=document.createElement("div");return e.classList.add(BC_FOOTER_ACCORDION_CONTENT),t.forEach(t=>{e.appendChild(t.cloneNode(!0))}),e}}const BC_FOOTER_HIDE="hide",BC_FOOTER_TOP="footer-top ",BC_FOOTER_BC_ICON=`${BcCommonConstants.PREFIX_LIB}-icon`,BC_FOOTER_SELECTOR=`${BcCommonConstants.PREFIX_LIB}-footer`,BC_FOOTER_TOP_CONTAINER_T=`${BcCommonConstants.PREFIX_LIB}-footer-top-container-t`,BC_FOOTER_TOP_CONTAINER_P=`${BcCommonConstants.PREFIX_LIB}-footer-top-container-p`,BC_FOOTER_BOTTOM=`${BcCommonConstants.PREFIX_LIB}-footer-bottom `,BC_FOOTER_BOTTOM_RIGHT=`${BcCommonConstants.PREFIX_LIB}-footer-bottom-right`,BC_FOOTER_ELEMENTS_TOPTA=`${BcCommonConstants.PREFIX_LIB}FooterElementsTopTA`,BC_FOOTER_ELEMENTS_TOPPA=`${BcCommonConstants.PREFIX_LIB}footerElementsTopPA`,BC_FOOTER_A="a",BC_FOOTER_P="p",BC_FOOTER_CLICK="mousedown",BC_FOOTER_SHOW_DOWN_ARROW="chevron-down",BC_FOOTER_SHOW_UP_ARROW="chevron-up",BC_FOOTER_NETWORK_ICONS=`${BcCommonConstants.PREFIX_LIB}-footer-bottom-right-network-icons`,BC_FOOTER_TOP_CONTAINERS=`${BcCommonConstants.PREFIX_LIB}-footer-top-container`,BC_FOOTER_TOP_LA=`${BcCommonConstants.PREFIX_LIB}-footer-top-links-ca-a`,BC_FOOTER_ELEMENTS_LA=`${BcCommonConstants.PREFIX_LIB}FooterElementsLA`,BC_FOOTER_ACCORDION_CLASS=`${BcCommonConstants.PREFIX_LIB}-accordion`,BC_FOOTER_MOBILE_BREAK_POINT=578,BC_FOOTER_ACCORDIONS_GROUP=`${BcCommonConstants.PREFIX_LIB}-accordions-group`,BC_FOOTER_ACCORDION=`${BcCommonConstants.PREFIX_LIB}-accordion`,BC_FOOTER_ACCORDION_TYPE=`${BcCommonConstants.PREFIX_LIB}-accordion-minimal-unbordered`,BC_FOOTER_ACCORDION_HEADER=`${BcCommonConstants.PREFIX_LIB}-accordion-header`,BC_FOOTER_ACCORDION_HEADER_LEFT=`${BcCommonConstants.PREFIX_LIB}-accordion-header-left`,BC_FOOTER_ACCORDION_HEADER_RIGHT=`${BcCommonConstants.PREFIX_LIB}-accordion-header-right`,BC_FOOTER_ACCORDION_TEXT_CONTAINER=`${BcCommonConstants.PREFIX_LIB}-accordion-text-container`,BC_FOOTER_ACCORDION_CONTENT=`${BcCommonConstants.PREFIX_LIB}-accordion-content`,BC_HEADER_CLASS=`${BcCommonConstants.PREFIX_LIB}-header`,BC_HEADER_DROPDOWN_CONTENT=`${BcCommonConstants.PREFIX_LIB}-dropdown-content`,BC_HEADER_DROPDOWN_CUSTOM=`${BcCommonConstants.PREFIX_LIB}-dropdown-custom`,BC_HEADER_BRAND=`${BcCommonConstants.PREFIX_LIB}-header-brand`,BC_HEADER_BRAND_TOGGLE=`${BC_HEADER_BRAND}_menu-toggle`,BC_HADER_CUSTOM_EVENT="headerDropdownChanged",BC_HEADER_LOGOUT_BUTTON_CLASS=`${BcCommonConstants.PREFIX_LIB}-header-nav-item_logout`,BC_HEADER_NOT_LOGOUT_CLASS=`${BcCommonConstants.PREFIX_LIB}-header-not-logout`;class BcHeaderBehavior extends BcDefaultBehavior{constructor(){super(),this.dropdowns=[],this.dropdownsContents=[],this.dropdownActive=null,this.comunicationWithMenu=!0}static setUpAll(){const t=Array.from(document.querySelectorAll(`div[class^='${BC_HEADER_CLASS}']`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcHeaderBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}_setUp(){window.addEventListener(BcCommonConstants.EVENT_MEMU_ITEMS,()=>{this.removeLogoutBtn()}),this.initDropdowns(),this.getDropdownContents(),this.addEventForOption(),this.comunicationWithMenu&&this.addEvents()}getDropdownContents(){this.dropdownsContents=this.mySelf.querySelectorAll(`*[class~="${BC_HEADER_DROPDOWN_CONTENT}"]`)}toogleSidebarMenu(){const t=new CustomEvent(BcCommonConstants.EVENT_HEADER_TOGGLE_MENU);window.dispatchEvent(t)}addMenuButtonEvent(){this.mySelf.querySelector(`.${BC_HEADER_BRAND}`).querySelector(`.${BC_HEADER_BRAND_TOGGLE}`).addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.toogleSidebarMenu()})}removeLogoutBtn(){const t=this.mySelf.querySelector(`.${BC_HEADER_LOGOUT_BUTTON_CLASS}`);t&&(t.remove(),this.mySelf.classList.add(BC_HEADER_NOT_LOGOUT_CLASS))}menuItemOpened(){window.addEventListener(BcCommonConstants.EVENT_MENU_ITEM_OPENED,t=>{null!==t.detail.itemStatus?this.mySelf.style.zIndex="1":this.mySelf.style.zIndex="999"})}addEvents(){this.iAmHere(),this.addMenuButtonEvent(),this.menuItemOpened()}iAmHere(){const t=new CustomEvent(BcCommonConstants.EVENT_HEADER_EXIST);window.dispatchEvent(t)}addEventForOption(t){for(let t=0;t<this.dropdownsContents.length;t++){const e=this.dropdownsContents[t].children[0];for(let t=0;t<e.children.length;t++){const n=e.children[t];n.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.addEventClick(e,n)},!0)}}}addEventClick(t,e){const n=t.closest(`.${BC_HEADER_DROPDOWN_CUSTOM}`);this.updateHeaderItemText(n,e)}updateHeaderItemText(t,e){const n=t.querySelector(BcCommonConstants.P_TAG),s=t.querySelector(BcCommonConstants.SMALL);n.textContent=e.querySelector(BcCommonConstants.P_TAG).textContent,s&&(s.textContent=e.querySelector(BcCommonConstants.SMALL).textContent);const o=new CustomEvent(BC_HADER_CUSTOM_EVENT,{detail:null!=s?{text:n.textContent,subText:s.textContent}:{text:n.textContent}});window.dispatchEvent(o)}initDropdowns(){BcDropdownBehavior.setUpAll()}}const ORGANISM_CLASS=`${BcCommonConstants.PREFIX_LIB}-input-file`,DROP_AREA_CLASS=`${BcCommonConstants.PREFIX_LIB}-drop-area`,LABEL_BUTTON_CLASS=`${BcCommonConstants.PREFIX_LIB}-input-file-label`,FILES_CONTAINER_CLASS=`${BcCommonConstants.PREFIX_LIB}-files-container`,SEE_MORE_FILES_CONTAINER_CLASS=`${BcCommonConstants.PREFIX_LIB}-files-show-more-container`,FILE_CARD=`${BcCommonConstants.PREFIX_LIB}-file-card`,FILE_CARD_LEFT=`${BcCommonConstants.PREFIX_LIB}-file-left`,FILE_CARD_CENTER=`${BcCommonConstants.PREFIX_LIB}-file-center`,FILE_CARD_RIGTH=`${BcCommonConstants.PREFIX_LIB}-file-right`,FILE_CARD_SPACER=`${BcCommonConstants.PREFIX_LIB}-spacer`,FILE_CARD_INFO=`${BcCommonConstants.PREFIX_LIB}-info`,PROGRESS_CONTAINER=`${BcCommonConstants.PREFIX_LIB}-progress-container`,INPUT_TYPE_FILE="input[type=file]",DRAG_EVENTS=["dragenter","dragover","dragleave","drop"],DROP_EVENT="drop",CLICK_EVENT="click",CHANGE_EVENT="change",SEE_MORE_MESSAGE="Ver más adjuntos",SEE_LESS_MESSAGE="Ver menos",BC_NONE_CLASS=`${BcCommonConstants.PREFIX_LIB}-none`,BC_BLOCK_CLASS=`${BcCommonConstants.PREFIX_LIB}-block`,ATTR_MAX_SIZE="maxSize",ATTR_VALID_TYPE="validtype",FILE_MAX_SIZE=200,FILES_FIVE=5,FILES_SIX=6,FILES_TWO=2,FILES_THOUSAND_TWENTY_FOR=1024,FIFTY_PERCENT=50,SEVENTY_PERCENT=70,ONE_HUNDRED_PERCENT=100;class BcInputFileBehavior extends BcDefaultBehavior{constructor(){super(),this.filesAdded=[],this.sanitizer=new BcHTMLSanitizer}static setUpAll(){const t=Array.from(document.querySelectorAll(`div[class^='${ORGANISM_CLASS}']`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcInputFileBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}_setUp(){this.dropArea=this.mySelf.querySelector(`.${DROP_AREA_CLASS}`),this.labelButton=this.mySelf.querySelector(`.${LABEL_BUTTON_CLASS}`),this.uploadedFilesMainContainer=this.mySelf.querySelector(`.${FILES_CONTAINER_CLASS}`),this.inputFile=this.mySelf.querySelector(INPUT_TYPE_FILE);let t,e=this.inputFile.getAttribute(ATTR_VALID_TYPE)?this.inputFile.getAttribute(ATTR_VALID_TYPE):"[]";e=e.toLowerCase(),this.maxSize=this.inputFile.getAttribute(ATTR_MAX_SIZE)?parseInt(this.inputFile.getAttribute(ATTR_MAX_SIZE)):FILE_MAX_SIZE;try{const n=/'/gm;e=e.replace(n,'"'),t=JSON.parse(e)}catch(e){t=[]}this.inputFile.accept=this.getInputAcceptTypes(t),this.uploadedFilesSeeMoreContainer=this.mySelf.querySelector(`.${SEE_MORE_FILES_CONTAINER_CLASS}`),this.listeners()}

1listeners(){DRAG_EVENTS.forEach(t=>{this.dropArea.addEventListener(t,this.preventDefaults,!1)}),this.dropArea.addEventListener(DROP_EVENT,t=>this.handleDrop(t),!1),this.dropArea.addEventListener(CLICK_EVENT,t=>this.inputFile.click(),!1),this.addFocus(),this.inputFile.addEventListener(CHANGE_EVENT,t=>{this.handleFiles(this.inputFile.files),this.inputFile.value=null})}addFocus(){addFocusable(this.dropArea,{label:"Adjuntar archivos"},{event:()=>{this.inputFile.click()}}),addFocusable(this.labelButton,{label:"Adjuntar archivos"},{event:()=>{this.inputFile.click()}})}preventDefaults(t){t.preventDefault(),t.stopPropagation()}handleDrop(t){const e=t.dataTransfer.files;this.handleFiles(e)}handleFiles(t){let e=this.inputFile.getAttribute(ATTR_VALID_TYPE)?this.inputFile.getAttribute(ATTR_VALID_TYPE):"[]",n=[];try{const t=/'/gm;e=e.replace(t,'"'),n=JSON.parse(e)}catch(t){n=[]}this.iterateFiles(t,n)}iterateFiles(t,e){for(let n=0;n<t.length;n++){if(this.getMaxSize(t)>this.maxSize){throw new BcInputFileValidationError("Se ha superado el límite de tamaño de ficheros")}if(this.overFileLimit()){const t=new BcInputFileValidationError("Este selector no permite más de un archivo");throw this.inputFile.value=null,t}if(!this.validateType(e,t[n])){const t=new BcInputFileValidationError("Tipo de archivo ínvalido");throw this.inputFile.value=null,t}this.appendFileMolecule(t[n])}this.changeState&&this.changeState(this.filesAdded)}appendFileMolecule(t){this.isRepeatedFile(t)||(this.filesAdded.push(t),this.filesAdded.length<=FILES_FIVE&&this.createFileInDom(t,this.uploadedFilesMainContainer),this.filesAdded.length===FILES_SIX&&(this.seeMoreButton=this.getSeeMoreButton(),this.mySelf.appendChild(this.seeMoreButton)),this.filesAdded.length>=FILES_SIX&&(this.createFileInDom(t,this.uploadedFilesSeeMoreContainer),this.seeMoreButton.textContent=`${SEE_MORE_MESSAGE} (${this.uploadedFilesSeeMoreContainer.childNodes.length})`))}isRepeatedFile(t){let e=!1;for(let n=0;n<this.filesAdded.length;n++)if(this.filesAdded[n].name===t.name){e=!0;break}return e}createFileInDom(t,e){const n=document.createElement(BcCommonConstants.DIV_TAG);n.classList.add(FILE_CARD),e.appendChild(n),this.addColLeft(n,t,"upload"),this.addColCenter(n,t,"upload"),this.addColRight(n,t,e)}addColLeft(t,e,n){const s=document.createElement(BcCommonConstants.DIV_TAG);s.classList.add(FILE_CARD_LEFT);const o="upload"===n?"cloud-upload":"success"===n?"successful":"alert";s.innerHTML=`<em class="bc-icon bc-md" height="30px" aria-hidden="true" aria-label="prueba">${o}</em>`,t.appendChild(s)}addColCenter(t,e,n){const s=document.createElement(BcCommonConstants.DIV_TAG),o=document.createElement(BcCommonConstants.DIV_TAG),a=document.createElement(BcCommonConstants.DIV_TAG);s.classList.add(FILE_CARD_CENTER),s.classList.add(FILE_CARD_SPACER),o.classList.add(FILE_CARD_INFO),a.classList.add(PROGRESS_CONTAINER),o.innerHTML=`<div class="bc-info-col">\n  <p><strong>${e.name}</strong>${this.formatSizeUnits(e.size)}</p>\n</div>\n<div class="bc-info-col">\n  <p>0%</p>\n</div>`,this.updateProgressBar(a,0),s.appendChild(o),s.appendChild(a),t.appendChild(s),this.loaderFile(t,s,o,e,a,0,"")}loaderFile(t,e,n,s,o,a,l){const i=new FileReader,c=setInterval(()=>{a>SEVENTY_PERCENT?clearInterval(c):a++,this.updateProgressBar(o,a)},FIFTY_PERCENT);i.readAsDataURL(s),i.onloadend=(()=>{clearInterval(c),a=ONE_HUNDRED_PERCENT,this.updateProgressBar(o,a),setTimeout(()=>{t.classList.add("success"),e.removeChild(o)},ONE_HUNDRED_PERCENT)}),i.onerror=(()=>this.cardErrorState(t,e)),i.onabort=(()=>this.cardErrorState(t,e))}addColRight(t,e,n){const s=document.createElement(BcCommonConstants.DIV_TAG);s.classList.add(FILE_CARD_RIGTH),s.innerHTML='\n      <button \n        class="bc-fab-btn-icon \n        file-button" \n        aria-label="Boton" \n        bc-fab-button="" \n        sizebutton="puffy" \n        ng-reflect-size-button="puffy" \n        role="button" tabindex="0">\n        <em class="bc-icon bc-md" height="30px" aria-hidden="true" aria-label="prueba">error</em>\n      </button>';const o=s.querySelector(BcCommonConstants.BUTTON_TAG);t.appendChild(s),o.addEventListener(CLICK_EVENT,()=>{this.deleteFile(e,t,n)})}updateProgressBar(t,e){t.innerHTML=`<progress value="${e}" max="100"></progress>`}cardErrorState(t,e){t.classList.add("error"),e.querySelector(".bc-info > .bc-info-col:nth-child(2)").innerHTML='\n    <button \n        class="bc-fab-btn-icon file-button" \n        aria-label="Boton" bc-fab-button="" \n        sizebutton="puffy" \n        ng-reflect-size-button="puffy" \n        role="button" tabindex="0">\n      <em class="bc-icon bc-md" height="30px" aria-hidden="true" aria-label="prueba">refresh</em>\n    </button>'}formatSizeUnits(t){return t>=1073741824?t=(t/1073741824).toFixed(2)+" GB":t>=1048576?t=(t/1048576).toFixed(2)+" MB":t>=1024?t=(t/1024).toFixed(2)+" KB":t>1?t+=" bytes":1==t?t+=" byte":t="0 bytes",t}deleteFile(t,e,n){e.classList.add("deleted"),n.removeChild(e),this.filesAdded=this.filesAdded.filter(e=>e!==t),this.changeState&&this.changeState(this.filesAdded)}getSeeMoreButton(){const t=document.createElement(BcCommonConstants.BUTTON_TAG);return t.classList.add(BcCommonConstants.BC_BTN_CLASS,BcCommonConstants.BUTTON_SMALL_CLASS),t.textContent=SEE_MORE_MESSAGE,t.addEventListener(CLICK_EVENT,()=>this.toggleSeeMore()),t}toggleSeeMore(){const t=this.uploadedFilesSeeMoreContainer;t.classList[t.classList.length-1]===BC_NONE_CLASS?(this.seeMoreButton.textContent=SEE_LESS_MESSAGE,t.classList.remove(BC_NONE_CLASS),t.classList.add(BC_BLOCK_CLASS)):(this.seeMoreButton.textContent=`${SEE_MORE_MESSAGE} (${t.childNodes.length})`,t.classList.remove(BC_BLOCK_CLASS),t.classList.add(BC_NONE_CLASS))}validateType(t,e){let n=!1;const s=e.name.split(".");if(s.length===FILES_TWO){for(let e=0;e<t.length;e++)if(-1!=t[e].indexOf(s[s.length-1].toLowerCase())){n=!0;break}}else n=!1;return n}overFileLimit(){return!this.inputFile.multiple&&this.filesAdded.length>=1}getMaxSize(t){let e=0;return this.filesAdded.forEach(t=>{e+=t.size}),(e+=t[0].size)/FILES_THOUSAND_TWENTY_FOR/FILES_THOUSAND_TWENTY_FOR}getInputAcceptTypes(t){let e="";for(let n=0;n<t.length;n++)e=e.concat("."+t[n]+",");return e}}

1class BcInputFileValidationError extends Error{constructor(t){super(t),this.name="BcInputFileValidationError"}}class BcMenuElementCreator extends BcDefaultBehavior{constructor(){super(),this.showProfileInSubmenu=!1}createHTMLElement(t){const e=document.createElement(t.tag);return t.classList&&t.classList.forEach(t=>{e.classList.add(t)}),t.attributes&&t.attributes.forEach(t=>{e.setAttribute(t.name,t.value)}),e}createLogoutBtn(){const t=document.createElement(BcCommonConstants.BUTTON_TAG);return window.innerWidth>=BC_LG?(t.classList.add(BcCommonConstants.BUTTON_FAB_CLASS),t.classList.add(BcCommonConstants.BUTTON_FAB_MINI_CLASS),t.innerHTML='<bc-icon class="bc-icon bc-sm">quit</bc-icon>'):(t.classList.add(BcCommonConstants.BC_BTN_CLASS),t.classList.add(BcCommonConstants.BTN_SECONDARY_CLASS),t.classList.add(BcCommonConstants.BUTTON_SMALL_CLASS),t.innerHTML='<bc-icon class="bc-icon bc-sm">quit</bc-icon> CERRAR SESIÓN'),this.logoutFunction&&t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.logoutFunction()}),t}createProfileSection(){const t=document.createElement(BcCommonConstants.DIV_TAG);return t.classList.add("bc-submenu-profile-container"),t.innerHTML=`<div class="bc-submenu-profile-icon">\n              <em class="bc-icon">user</em>\n          </div>\n          <div class="bc-submenu-profile">\n            <span>${this.profileData.user}</span>\n            <a href="${this.profileData.updateUserDataUrl}">Actualizar mis datos</a>\n          </div>`,this.profileData.updateUserDataUrl||(t.querySelector("a").style.display="none"),t}createExtraElements(){this.submenu=this.createHTMLElement({tag:BcCommonConstants.DIV_TAG,classList:[BC_MENU_SUBMENU]}),this.itemElement=this.createHTMLElement({tag:"a",classList:[BC_MENU_ITEM_OPTIONS]});const t=this.createHTMLElement({tag:BcCommonConstants.LI_TAG}),e=this.createHTMLElement({tag:BcCommonConstants.EM_TAG,classList:["bc-icon"]});e.innerText="menu";const n=this.createHTMLElement({tag:BcCommonConstants.DIV_TAG});n.innerText="Más",t.appendChild(e),t.appendChild(n),this.itemElement.appendChild(t);const s=this.createHTMLElement({tag:BcCommonConstants.DIV_TAG,classList:["bc-submenu-title"]}),o=this.createHTMLElement({tag:"h3"});o.innerText="Más",s.appendChild(o),this.closeBtn=this.createHTMLElement({tag:BcCommonConstants.ICONS_CLASS,classList:[BcCommonConstants.ICONS_CLASS,BcCommonConstants.ICON_SM_CLASS]}),this.closeBtn.innerHTML="error",s.appendChild(this.closeBtn),this.submenu.appendChild(s),this.logoutBtnContainer=this.createHTMLElement({tag:BcCommonConstants.DIV_TAG,classList:[BC_MENU_SUBMENU_FOOTER_CONTAINER]}),this.logoutBtnContainer.appendChild(this.createLogoutBtn()),this.submenuContentContainer=this.createHTMLElement({tag:BcCommonConstants.DIV_TAG,classList:["bc-submenu-container"]}),this.submenuListContainer=this.createHTMLElement({tag:BcCommonConstants.DIV_TAG}),this.profileData&&""!==this.profileData.user&&this.submenuContentContainer.appendChild(this.createProfileSection()),this.submenuListContainer.style.overflow=BcCommonConstants.HIDDEN,this.submenuContentContainer.appendChild(this.submenuListContainer)}}const COLLAPSED_STATE=0,ACTIVE_STATE=1,OPEN_STATE=2;class BcMenuBehavior extends BcMenuElementCreator{constructor(){super(),this.items=new Map,this.bodies=new Map,this.state=COLLAPSED_STATE,this.stateSubMenu=COLLAPSED_STATE,this.stateOptionSubmenu=COLLAPSED_STATE,this.comunicationWithHeader=!0}static setUpAll(){const t=Array.from(document.querySelectorAll(`div[class='${BC_MENU}']`)),e=[];for(const n of t){const t=n,s=new BcMenuBehavior;s.setElement(t),s.setUp(),e.push(s)}return e}generateByConfig(t,e){let n=e;e instanceof Element||(n=document.getElementById(e.toString())),this.config=t;const s=new BcMenuGenerator;return this.mySelf=s.generate(this.config),this.setUp(),null!==n&&n.appendChild(this.mySelf),this.mySelf}_setUp(){try{this.getElements(),this.addEvents(),this.closeMegaMenu()}catch(t){this.isReady=!1}}setState(t){this.state=t,this.state===COLLAPSED_STATE?(replaceClass(this.drawer,BC_MENU_DRAWER_ACTIVE,BC_MENU_DRAWER),replaceClass(this.mainContent,BC_MENU_MAIN_CONTENT_ACTIVE,BC_MENU_MAIN_CONTENT),this.showHideBtnFab()):this.state===ACTIVE_STATE?(replaceClass(this.drawer,BC_MENU_DRAWER,BC_MENU_DRAWER_ACTIVE),replaceClass(this.mainContent,BC_MENU_MAIN_CONTENT_ACTIVE,BC_MENU_MAIN_CONTENT)):this.state===OPEN_STATE&&replaceClass(this.mainContent,BC_MENU_MAIN_CONTENT,BC_MENU_MAIN_CONTENT_ACTIVE)}getState(){return this.state}addItemsEvents(){let t=0;

1this.items.forEach((e,n)=>{const s=this.openItemClick(e,n,t);t++;const o=()=>{this.setItemsEvents(e,s)};o(),window.onresize=(()=>{o()}),e.addEventListener(BcCommonConstants.EVENT_CLICK,t=>{"#"!==e.getAttribute(BcCommonConstants.ATTR_HREF)&&""!==e.getAttribute(BcCommonConstants.ATTR_HREF)||t.preventDefault(),s(t)})})}setItemsEvents(t,e){window.innerWidth>=BC_LG?(t.addEventListener(BcCommonConstants.EVENT_MOUSEOVER,n=>{t!==this.selectedItem&&(this.makeItemActive(t),e(n),this.showHideBtnFab())}),t.addEventListener(BcCommonConstants.EVENT_MOUSEOUT,n=>{t!==this.selectedItem&&(this.makeItemInactive(t),e(n))})):(t.removeEventListener(BcCommonConstants.EVENT_MOUSEOVER,()=>{}),t.removeEventListener(BcCommonConstants.EVENT_MOUSEOUT,()=>{}))}addCloseButtonEvent(){this.closeButton.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.setState(COLLAPSED_STATE),this.selectedItem=void 0,this.makeItemsInactive(),this.showHideBtnFab(),this.toggleItem()})}addDrawerEvents(){window.addEventListener(BcCommonConstants.EVENT_KEY_UP,t=>{t.key===BcCommonConstants.KEY_EVENT_ESCAPE&&(this.setState(COLLAPSED_STATE),this.selectedItem=void 0,this.makeItemsInactive(),this.showHideBtnFab())}),this.drawer.addEventListener(BcCommonConstants.EVENT_MOUSEOVER,()=>{this.state===COLLAPSED_STATE&&(this.setState(ACTIVE_STATE),this.showHideBtnFab())}),this.drawer.addEventListener(BcCommonConstants.EVENT_MOUSEOUT,()=>{this.state===ACTIVE_STATE&&(this.setState(COLLAPSED_STATE),this.showHideBtnFab(),this.changeMenuOverflow(BcCommonConstants.HIDDEN),this.makeItemsInactive())})}addEvents(){this.addItemsEvents(),this.addCloseButtonEvent(),this.addDrawerEvents(),this.comunicationWithHeader&&(this.mySelf.classList.contains("bc-menu-global-container")?this.mySelf.classList.add("bc-menu-with-header"):this.mySelf.parentElement.classList.add("bc-menu-with-header"),this.toggleEvent(),this.quantityItemsEvent(),this.headerIsReady())}getElements(){if(this.mainContent=this.mySelf.querySelector(`div[class^='${BC_MENU_MAIN_CONTENT}']`),null!==this.mainContent&&this.getBodies(),this.drawer=this.mySelf.querySelector(`ul[class^='${BC_MENU_DRAWER}']`),null===this.drawer)throw Error(BC_DRAWER_ERROR);this.getItems(),this.closeButton=this.mySelf.querySelector(`.bc-menu-content-header *[class^='${BC_CLOSE_BUTTON}']`)}validateCloseSesionButton(){const t=this.mySelf.querySelector(`*[class='${BC_MENU_SUBMENU_FOOTER_CONTAINER}']`);t&&this.items.size>MAX_ITEMS&&t.remove()}getBodies(){this.groupCollectionByProperty(this.mainContent,BC_MENU_CONTENT_BODY,"id",this.bodies)}getItems(){this.groupCollectionByProperty(this.drawer,BC_MENU_ITEM,"for",this.items),this.items.forEach((t,e,n)=>{if(this.bodies.get(e)){const e=document.createElement(BcCommonConstants.EM_TAG);e.classList.add(BcCommonConstants.ICONS_CLASS,BcCommonConstants.X_SMALL_CLASS),e.innerText="arrow2-right",t.querySelector(BcCommonConstants.LI_TAG).appendChild(e)}this.getCurrentItemActive(t)}),this.structureExtraItems(),this.validateCloseSesionButton()}structureConfigByResize(t){const e=this.submenu.querySelectorAll(`a[class^='${BC_MENU_ITEM}']`);if(t<BC_LG)e.forEach(e=>{const n=e.getAttribute("for"),s=this.bodies.get(n);this.addItemEventClick(e,t,n),s&&this.addChevronIcon(e,s)});else{this.itemElement&&this.itemElement.parentElement&&(this.itemElement.classList.remove(BC_MENU_ITEM_ACTIVE),this.itemElement.classList.remove(BC_MENU_ITEM)),e.forEach(t=>{const e=t.querySelectorAll("em");e.length>1&&(e[e.length-1].innerText="arrow2-right")});const t=this.submenu.querySelectorAll(`div[class^='${BC_MENU_CONTENT_BODY}']`),n=this.mainContent.querySelector(`div[class^='${BC_MENU_CONTENT_BODIES}']`);t.forEach(t=>{n.appendChild(t)})}}structureExtraItems(){window.addEventListener("resize",t=>{this.structureConfigByResize(t.target.innerWidth)}),this.createExtraElements(),this.items.size>MAX_ITEMS&&this.logoutBtnContainer.classList.add("bigger"),this.itemElement.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.addEventCloseBtn()}),this.closeBtn.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.addEventCloseBtn()}),this.drawer.appendChild(this.itemElement),this.drawer.appendChild(this.submenu);this.setItemsStructure(3,0),this.items.set("",this.itemElement),this.submenu.appendChild(this.submenuContentContainer),this.submenu.appendChild(this.logoutBtnContainer),this.structureConfigByResize(window.innerWidth),this.setSubmenuBottomPos()}

1setItemsStructure(t,e){this.items.forEach((n,s,o)=>{e>t?(n.parentElement.classList.contains(BC_MENU_DRAWER)||(n.parentElement.style.display=BcCommonConstants.NONE),this.submenuListContainer.appendChild(n)):this.addEventClickOnExtra(n),e++})}groupCollectionByProperty(t,e,n,s){toArray(t.querySelectorAll(`*[class^='${e}']`)).forEach(t=>{const e=t.getAttribute(n);null!==e&&s.set(e,t)})}makeItemsInactive(){this.items.forEach((t,e)=>{t!==this.currentItemActive&&this.makeItemInactive(t)}),this.changeMenuOverflow(BcCommonConstants.HIDDEN)}makeItemActive(t,e=null){let n=BC_MENU_ITEM_ACTIVE;null!==e&&(n=e),replaceClass(t,BC_MENU_ITEM,n),this.setMainContenPosition(t),this.toggleItem()}makeItemInactive(t){replaceClass(t,BC_MENU_ITEM_ACTIVE,BC_MENU_ITEM,!0),this.toggleItem(),this.changeMenuOverflow(BcCommonConstants.HIDDEN)}makeBodiesInactive(){this.bodies.forEach((t,e)=>{this.makeBodyInactive(t)}),this.changeMenuOverflow(BcCommonConstants.HIDDEN)}makeBodyActive(t){replaceClass(t,BC_MENU_CONTENT_BODY,BC_MENU_CONTENT_BODY_ACTIVE),this.changeMenuOverflow("visible")}makeBodyInactive(t){replaceClass(t,BC_MENU_CONTENT_BODY_ACTIVE,BC_MENU_CONTENT_BODY),this.changeMenuOverflow(BcCommonConstants.HIDDEN)}makeSubmenuInactive(){replaceClass(this.submenu,BC_MENU_SUBMENU_ACTIVE,BC_MENU_SUBMENU),replaceClass(this.mySelf.querySelector(`.${BC_MENU_ITEM_OPTIONS}`),BC_MENU_ITEM_OPTIONS_ACTIVE,BC_MENU_ITEM_OPTIONS)}setMainContenPosition(t){t=t||this.mySelf.querySelector(".bc-menu-item-active");const e=this.mySelf.classList.contains(BC_MENU)?this.mySelf:this.mySelf.querySelector(".bc-menu"),n=e.querySelector(".bc-menu-drawer-content-active"),s=t,o=this.mainContent;if(window.innerWidth>BC_SM&&window.innerWidth<BC_LG){const t=o.querySelector(".bc-menu-content-body-active"),a=t?t.children.length:0;e.classList.add("bc-menu-content-sm-visible"),0===s.offsetLeft?(o.style.left="32px",a>2?o.classList.add("bc-menu-columns-properties"):o.classList.remove("bc-menu-columns-properties")):this.setMainContentPositionLeft(a,2,o,n,s,e)}this.onResizeMainContain(e,o)}setMainContentPositionLeft(t,e,n,s,o,a){this.setMainContentWithLeftOfset(t,e,n,296,s,o,a)}setMainContentWithLeftOfset(t,e,n,s,o,a,l){if(t>0&&t<=e){const t=n.clientWidth>0?n.clientWidth:s;if(!o.children[3]||o.children[3].firstChild!==a&&o.children[3]!==a)n.style.right="auto",n.style.left=`${a.offsetLeft-t/(2*e)}px`;else{const s=l.offsetWidth-(a.offsetLeft+a.offsetWidth);n.style.right=`${s-t/(2*e)}px`,n.style.left="auto"}}else n.style.left="32px",n.style.width="calc(100vw - 60px)"}showHideBtnFab(){if(window.innerWidth>=BC_LG){const t=".bc-submenu-footer-container",e=this.mySelf.querySelector(t)?this.mySelf.querySelector(t).firstChild:null;null!=e&&(-1!=this.drawer.className.indexOf("active")?(replaceClass(e,BcCommonConstants.BUTTON_FAB_CLASS,BcCommonConstants.BC_BTN_CLASS),replaceClass(e,BcCommonConstants.BUTTON_FAB_MINI_CLASS,BcCommonConstants.BUTTON_SMALL_CLASS),e.classList.add(BcCommonConstants.BTN_SECONDARY_CLASS),e.classList.add("expanded"),e.innerHTML='<bc-icon class="bc-icon bc-sm">quit</bc-icon> CERRAR SESIÓN'):(replaceClass(e,BcCommonConstants.BC_BTN_CLASS,BcCommonConstants.BUTTON_FAB_CLASS),replaceClass(e,BcCommonConstants.BUTTON_SMALL_CLASS,BcCommonConstants.BUTTON_FAB_MINI_CLASS),e.classList.remove(BcCommonConstants.BTN_SECONDARY_CLASS),e.classList.remove("expanded"),e.innerHTML='<bc-icon class="bc-icon bc-sm">quit</bc-icon>'))}}quantityItemsEvent(){if(this.items.get("")&&this.items.delete(""),this.items.size<=MAX_ITEMS){const t=new CustomEvent(BcCommonConstants.EVENT_MEMU_ITEMS);window.dispatchEvent(t)}}setSubmenuBottomPos(){window.onload=(()=>{this.submenu.style.height=`calc(100vh - ${this.drawer.clientHeight}px)`,this.submenu.style.bottom=`${this.drawer.clientHeight}px`})}toggleEvent(){window.addEventListener(BcCommonConstants.EVENT_HEADER_TOGGLE_MENU,(t,e=this)=>{let n;const s=new Event(BcCommonConstants.EVENT_CLICK);this.state===OPEN_STATE?this.closeButton.dispatchEvent(s):this.state===ACTIVE_STATE?(n=new Event(BcCommonConstants.EVENT_MOUSEOUT),e.drawer.dispatchEvent(n)):(n=new Event(BcCommonConstants.EVENT_MOUSEOVER),e.drawer.dis

1patchEvent(n))})}toggleItem(){if(window.innerWidth<=BC_SM){const t=".bc-menu-item-active",e=".bc-menu-options-active",n=this.mySelf.querySelector(t)||this.mySelf.querySelector(e),s=new CustomEvent(BcCommonConstants.EVENT_MENU_ITEM_OPENED,{detail:{itemStatus:n}});window.dispatchEvent(s)}}changeMenuOverflow(t){if(window.innerWidth>=BC_LG){let e;e=this.mySelf.classList.contains(BC_MENU)?this.mySelf:this.mySelf.querySelector(".bc-menu"),"visible"===t?(e.classList.add("bc-menu-content-sm-visible"),e.classList.remove("bc-menu-content-md-hidden")):(e.classList.add("bc-menu-content-md-hidden"),e.classList.remove("bc-menu-content-sm-visible"))}}headerIsReady(){window.addEventListener(BcCommonConstants.EVENT_HEADER_EXIST,()=>{this.quantityItemsEvent()})}setLogoutEvent(t){this.logoutFunction=t}getCurrentItemActive(t){t.classList.contains(BC_MENU_ITEM_ACTIVE)&&(this.currentItemActive=t,this.makeItemActive(this.currentItemActive))}openItemClick(t,e,n){return s=>{const o=n;window.innerWidth>=BC_LG&&replaceClass(this.headerMainContent,BC_MENU_HEADER_HIDDEN,BC_MENU_HEADER),o<4&&this.makeSubmenuInactive();const a=this.openItem(t,e);void 0===this.selectedItem?(this.selectedItem=t,a(s)):this.selectedItem===t?(this.selectedItem=void 0,this.setState(ACTIVE_STATE),this.makeItemInactive(t)):(this.selectedItem=t,a(s))}}openItem(t,e){return n=>{"#"!==t.getAttribute(BcCommonConstants.ATTR_HREF)&&""!==t.getAttribute(BcCommonConstants.ATTR_HREF)||n.preventDefault();const s=this.bodies.get(e);this.makeItemsInactive(),this.makeBodiesInactive(),this.makeBodyActive(s),replaceClass(this.drawer,BC_MENU_DRAWER,BC_MENU_DRAWER_ACTIVE),this.headerMainContent=this.mySelf.querySelector(`div[class^='${BC_MENU_HEADER}']`),this.headerMainContent.querySelector("h5").innerText=t.querySelector("li div").innerHTML,t.classList.contains(BC_MENU_ITEM_OPTIONS)?this.makeItemActive(t,BC_MENU_ITEM_OPTIONS_ACTIVE):this.makeItemActive(t),this.makeItemActive(t),this.bodies.get(t.getAttribute("for"))?this.setState(OPEN_STATE):(this.setState(ACTIVE_STATE),this.selectedItem=void 0)}}addItemEventClick(t,e,n){t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{e<BC_LG?this.stateOptionSubmenu===COLLAPSED_STATE?(replaceClass(this.headerMainContent,BC_MENU_HEADER,BC_MENU_HEADER_HIDDEN),this.stateOptionSubmenu=OPEN_STATE):(this.stateOptionSubmenu=COLLAPSED_STATE,this.makeBodyInactive(this.bodies.get(n))):replaceClass(this.headerMainContent,BC_MENU_HEADER,BC_MENU_HEADER_HIDDEN)})}addChevronIcon(t,e){const n=t.querySelectorAll("em");n[n.length-1].innerText="arrow2-down",t.parentNode.insertBefore(e,t.nextSibling)}addEventCloseBtn(){if(this.makeItemsInactive(),this.stateSubMenu===COLLAPSED_STATE)this.stateSubMenu=ACTIVE_STATE,this.makeItemActive(this.itemElement,BC_MENU_ITEM_OPTIONS_ACTIVE),replaceClass(this.submenu,BC_MENU_SUBMENU,BC_MENU_SUBMENU_ACTIVE,!0);else{this.stateSubMenu=COLLAPSED_STATE,replaceClass(this.submenu,BC_MENU_SUBMENU_ACTIVE,BC_MENU_SUBMENU,!0),replaceClass(this.mainContent,BC_MENU_MAIN_CONTENT_ACTIVE,BC_MENU_MAIN_CONTENT),replaceClass(this.mySelf.querySelector(`.${BC_MENU_ITEM_OPTIONS}`),BC_MENU_ITEM_OPTIONS_ACTIVE,BC_MENU_ITEM_OPTIONS)}this.toggleItem()}addEventClickOnExtra(t){t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.stateOptionSubmenu=COLLAPSED_STATE,this.stateSubMenu=COLLAPSED_STATE,this.makeSubmenuInactive(),replaceClass(this.headerMainContent,BC_MENU_HEADER_HIDDEN,BC_MENU_HEADER)})}onResizeMainContain(t,e){window.onresize=(n=>{window.innerWidth>BC_SM&&window.innerWidth<BC_LG?(e.classList.remove("bc-menu-content-md"),e.classList.add("bc-menu-content-sm"),e.classList.remove("bc-menu-columns-properties"),t.classList.add("bc-menu-content-sm-visible"),t.classList.remove("bc-menu-content-md-hidden")):window.innerWidth>=BC_LG&&(e.classList.add("bc-menu-content-md"),e.classList.remove("bc-menu-content-sm"),e.classList.remove("bc-menu-columns-properties"),t.classList.add("bc-menu-content-md-hidden"),t.classList.remove("bc-menu-content-sm-visible"))})}closeMegaMenu(){const t=this,e=Array.from(document.querySelectorAll(".bc-menu-content-column ul a"));for(const n of e)n.addEventListener("click",function(){t.setState(COLLAPSED_STATE)})}}const BC_MENU=`${BcCommonConstants.PREFIX_LIB}-menu`,BC_MENU_CONTENT_BODIES=`${BcCommonConstants.PREFIX_LIB}-menu-content-bodies`,BC_MENU_CONTENT_BODY=`${BcCommonConstants.PREFIX_LIB}-menu-content-body`,BC_MENU_CONTENT_BODY_ACTIVE=`${BcCommonConstants.PREFIX_LIB}-menu-content-body-active`,BC_MENU_HEADER=`${BcCommonConstants.PREFIX_LIB}-menu-content-header`,BC_MENU_HEADER_HIDDEN=`${BcCommonConstants.PREFIX_LIB}-menu-content-header-hidden`,BC_MENU_COLUMN=`${BcCommonConstants.PREFIX_LIB}-menu-content-column`,BC_MENU_DRAWER=`${BcCommonConstants.PREFIX_LIB}-menu-drawer-content`,BC_MENU_DRAWER_ACTIVE=`${BcCommonConstants.PREFIX_LIB}-menu-drawer-content-active`,BC_MENU_ITEM=`${BcCommonConstants.PREFIX_LIB}-menu-item`,BC_MENU_ITEM_ACTIVE=`${BcCommonConstants.PREFIX_LIB}-menu-item-active`,BC_MENU_MAIN_CONTENT=`${BcCommonConstants.PREFIX_LIB}-menu-main-content`,BC_MENU_MAIN_CONTENT_ACTIVE=`${BcCommonConstants.PREFIX_LIB}-menu-main-content-active`,BC_MENU_FOOTER=`${BcCommonConstants.PREFIX_LIB}-menu-drawer-content-footer`,BC_CLOSE_BUTTON=`${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm`,MAX_ITEMS=7,BC_MENU_SUBMENU=`${BcCommonConstants.PREFIX_LIB}-menu-submenu`,BC_MENU_SUBMENU_ACTIVE=`${BcCommonConstants.PREFIX_LIB}-menu-submenu-active`,BC_MENU_SUBMENU_FOOTER_CONTAINER=`${BcCommonConstants.PREFIX_LIB}-submenu-footer-container`,BC_MENU_SUBMENU_INSIDE=`${BcCommonConstants.PREFIX_LIB}-menu-submenu-inside`,BC_MENU_ITEM_OPTIONS=`${BcCommonConstants.PREFIX_LIB}-menu-item-options`,BC_MENU_ITEM_OPTIONS_ACTIVE=`${BcCommonConstants.PREFIX_LIB}-menu-options-active`,BC_XS=0,BC_SM=576,BC_MD=768,BC_LG=992,BC_XL=1200,BC_DRAWER_ERROR="The drawer is not present in the DOM";class BcMenuGenerator{constructor(){this.sanitizer=new BcHTMLSanitizer,this.initMenu()}initMenu(){this.menu=document.createElement("div"),this.menu.classList.add(BC_MENU)}generate(t){return this.configuration=t,this.generateItems(),this.generateMainContent(),this.menu}generateItems(){if(this.configuration.items){const t=document.createElement("ul");t.classList.add(BC_MENU_DRAWER);for(const e of this.configuration.items){const n=this.generateItem(e);t.appendChild(n)}this.generateButton(t),this.menu.appendChild(t)}}generateButton(t){if(this.configuration.closeOptions){const e=document.createElement("li");e.classList.add(BC_MENU_FOOTER);const n=document.createElement("button");n.classList.add("bc-btn","button-secondary","btn-small"),n.innerText=this.sanitizer.sanitize(this.configuration.closeOptions.text),n.addEventListener("click",()=>{this.configuration.closeOptions.function()}),e.appendChild(n),t.appendChild(e)}}generateItem(t){const e=document.createElement("a");e.classList.add(BC_MENU_ITEM),e.setAttribute("for",t.identifierContent),t.path&&""!==t.path?e.href=t.path:e.href="#";const n=document.createElement("li");if(t.iconName){const e=document.createElement("img");e.setAttribute("class","bc-icon-brand--sm"),e.src=`https://galatea-dev.apps.ambientesbc.com/2.0.20/assets/icons/brand/${t.iconName}_off.svg`,n.appendChild(e)}const s=document.createElement("div");return s.innerText=this.sanitizer.sanitize(t.text),n.appendChild(s),e.appendChild(n),e}generateMainContent(){if(this.configuration.contents){const t=document.createElement("div");t.classList.add(BC_MENU_MAIN_CONTENT),t.appendChild(this.generateHeader()),this.generateBodies(t),this.menu.appendChild(t)}}generateBodies(t){const e=document.createElement("div");e.classList.add(BC_MENU_CONTENT_BODIES);for(const t of this.configuration.contents){const n=document.createElement("div");n.classList.add(BC_MENU_CONTENT_BODY),n.id=t.identifierContent,this.generateColumns(n,t.columns),e.appendChild(n)}t.appendChild(e)}generateHeader(){const t=document.createElement("div");t.classList.add(BC_MENU_HEADER);const e=document.createElement("h5"),n=document.createElement("i");return n.classList.add("bc-icon"),n.classList.add("bc-sm"),n.innerText="error",t.appendChild(e),t.appendChild(n),t}generateColumns(t,e){for(const n of e){const e=document.createElement("div");e.classList.add(BC_MENU_COLUMN),this.generateSections(e,n.sections),t.appendChild(e)}}generateSections(t,e){for(const n of e){const e=document.createElement("ul"),s=document.createElement("a"),o=document.createElement("li"),a=document.createElement("h6");a.innerText=n.title,o.appendChild(a),s.appendChild(o),e.appendChild(s);for(const t of n.options){const n=document.createElement("a"),s=document.createElement("li");s.innerText=t.text,t.path&&""!==t.path?n.href=t.path:n.href="#",n.appendChild(s),e.appendChild(n)}t.appendChild(e)}}}const PLANNER_NAME="planner",PLANNER_NAMESPACE=`${BcCommonConstants.PREFIX_LIB}-planner`,MODAL_CALENDAR_NAME="modal-planner",MODAL_CALENDAR_NAMESPACE=`${BcCommonConstants.PREFIX_LIB}-modal-planner`,MODAL_TWO=2,PLANNER_DAY=`${PLANNER_NAMESPACE}-day`,PLANNER_HEADER=`${PLANNER_NAMESPACE}-header`,PLANNER_TOP=`${PLANNER_NAMESPACE}-top`,PLANNER_WEEK=`${PLANNER_NAMESPACE}-week`,PLANNER_MONTHS=`${PLANNER_NAMESPACE}-months`,PLANNER_YEARS=`${PLANNER_NAMESPACE}-years`,MONTHS=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],DAYS=["Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"];class BcPlannerBehavior extends BcDefaultBehavior{constructor(){super(),this.items=[],this.bcPlannerNextMonthButton=`${PLANNER_NAMESPACE}-btn-next-month`,this.bcPlannerPreviousMonthButton=`${PLANNER_NAMESPACE}-btn-previous-month`,this.bcPlannerNextYearButton=`${PLANNER_NAMESPACE}-btn-next-year`,this.bcPlannerPreviousYearButton=`${PLANNER_NAMESPACE}-btn-previous-year`,this.bcPlannerDate=new Date,this.bcPlannerToday=this.bcPlannerDate.getDate(),this.bcPlannerYear=this.bcPlannerDate.getFullYear(),this.bcPlannerMonth=this.bcPlannerDate.getMonth(),this.timeOut=0}static setUpAll(){const t=Array.from(document.querySelectorAll(`.${PLANNER_NAMESPACE}`)),e=[];for(let n=0;n<t.length;n++){const s=t[n],o=new BcPlannerBehavior;o.setElement(s),o.setUp(),e.push(o)}return e}_setUp(){try{this.createHeadersAndPaginator(),this.setUpDateVariables(new Date)}catch(t){this.isReady=!1}}initModal(){this.modalListPlus=new BcModalBehavior,this.modalListPlus.setId("modalPlanner1"),this.modalListPlus.setUp()}

1setUpDateVariables(t){this.bcPlannerDate=new Date(t),this.bcPlannerToday=t.getDate(),this.bcPlannerYear=t.getFullYear(),this.setYearText(),this.bcPlannerMonth=t.getMonth(),this.setMonth(t.getMonth()),this.setMonthText(),this.createDaysOfMonth(),this.listeners()}createHeadersAndPaginator(){const t=`\n    ${this.getPlannerTemplate()}\n    ${this.getPlannerTop()}\n    ${this.getPlannerHeader()}\n    `,e=this.mySelf;e.innerHTML+=t,e.addEventListener("mouseover",()=>{this.initModal(),e.removeEventListener("mouseover",()=>{this.initModal()})})}getPlannerTemplate(){return`<div class="bc-modal ${PLANNER_NAMESPACE}-modal" id="modalPlanner1"><label class="bc-modal-close" for=""></label>\n          <div class="bc-modal-container" customwidth="large" titlealign="" buttonalignment="horizontal" typeicon="" iscancellable="false">\n              <div class="bc-modal-close-button-container"><a class="bc-direction-row bc-icon bc-modal-close-button" tabindex="0" aria-pressed="false">error</a></div>\n              <div class="bc-modal-illustration"></div>\n              <div class="bc-modal-title bc-direction-row">\n                  <h4>T&iacute;tulo</h4>\n              </div>\n              <div class="bc-modal-content">\n                  <div modalcontent="">\n                    <div class="${MODAL_CALENDAR_NAMESPACE}-content">\n\n                    </div>\n                  </div>\n              </div>\n              <div class="bc-modal-button-container bc-justify-content-center">\n              <button bc-button sizebutton="small" class="bc-button-primary bc-button-small bc-w-25" tabindex="0" aria-pressed="false">CERRAR</button>\n              <button bc-button sizebutton="small" class="bc-button-secondary bc-button-small bc-w-25" tabindex="0" aria-pressed="false">CERRAR</button>\n              </div>\n              <div class="bc-modal-footer"></div>\n          </div>\n        </div>`}getPlannerHeader(){return`<div class="${PLANNER_HEADER}">\n                <div>Lunes</div>\n                <div>Martes</div>\n                <div>Miercoles</div>\n                <div>Jueves</div>\n                <div>Viernes</div>\n                <div>Sabado</div>\n                <div>Domingo</div>\n            </div>`}getPlannerTop(){return`<div  class="${PLANNER_TOP}">\n              <div class="${PLANNER_TOP}-paginator">\n                  <div class="${PLANNER_MONTHS}"><a class="${PLANNER_NAMESPACE}-btn-previous-month"><em class="bc-icon">arrow2-left</em></a>\n                      <h5 class="${PLANNER_NAMESPACE}-month"></h5><a class="${PLANNER_NAMESPACE}-btn-next-month"><em class="bc-icon">arrow2-right</em></a>\n                  </div>\n                  <div class="${PLANNER_YEARS}"><a class="${PLANNER_NAMESPACE}-btn-previous-year"><em class="bc-icon">arrow2-left</em></a>\n                      <h5 class="${PLANNER_NAMESPACE}-year"></h5><a class="${PLANNER_NAMESPACE}-btn-next-year"><em class="bc-icon">arrow2-right</em></a>\n                  </div>\n              </div>\n              <div class="${PLANNER_TOP}-items">\n\n              </div>\n            </div>`}createWeeks(t){const e=this.mySelf;for(;e.lastElementChild.classList[0]==`${PLANNER_WEEK}`;)e.removeChild(e.lastElementChild);for(const n of t){const t=this.createHtmlWeeek(n);e.innerHTML+=t}}createHtmlWeeek(t){let e="";e+=`<div class="${PLANNER_WEEK}">`;for(const n of t.dates)e+=`<div id="bc_planner_view_day_${this.whatMonthorYearBelong(t,n,!1)}_${this.whatMonthorYearBelong(t,n,!0)}_${n}"\n      class="${PLANNER_DAY}  ${this.addOpacityDay(t,n)}">\n        <div class="${PLANNER_DAY}-items">\n\n        </div>\n        <p class="${PLANNER_DAY}-number ${this.addClassToday(t,n)}">${n}</p>\n      </div>`;return e+="</div>"}addOpacityDay(t,e){return e>=t.start&&e<=t.end?"":`${PLANNER_DAY}-number-opacity`}addClassToday(t,e){const n=new Date;return e>=t.start&&e<=t.end&&e==n.getDate()&&this.getMonth()==n.getMonth()&&this.getYear()==n.getFullYear()?`${PLANNER_NAMESPACE}-today-number`:""}whatMonthorYearBelong(t,e,n){const s=new Date(this.bcPlannerYear,this.bcPlannerMonth,1),o=new Date(this.bcPlannerYear,this.bcPlannerMonth+1,0);let a=this.bcPlannerMonth,l=new Date(this.bcPlannerDate);return e>=t.start&&e<=t.end?n?a:l.getFullYear():s.getDate()==t.start?(a-=1,l=new Date(l.setMonth(a)),n?l.getMonth():l.getFullYear()):o.getDate()==t.end?(a+=1,l=new Date(l.setMonth(a)),n?l.getMonth():l.getFullYear()):n?a:l.getFullYear()}getWeeksInMonth(){const t=[],e=new Date(this.bcPlannerYear,this.bcPlannerMonth,1),n=new Date(this.bcPlannerYear,this.bcPlannerMonth+1,0).getDate();let s=e.getDay()+(0==e.getDay()?6:-1);for(let e=1;e<=n;e++){0!==s&&0!==t.length||t.push([]),t[t.length-1].push(e),s=(s+1)%7}return t.filter(t=>!!t.length).map(t=>({start:t[0],end:t[t.length-1],dates:t}))}createDaysOfMonth(){const t=this.getWeeksInMonth();if(t[0].dates.length<7){const e=7-t[0].dates.length,n=[];for(let t=1;t<=e;t++){const e=new Date(this.bcPlannerYear,this.bcPlannerMonth,1),s=new Date(e.setDate(1-t)).getDate();n.unshift(s)}t[0].dates.unshift(...n)}if(t[t.length-1].dates.length<7){const e=7-t[t.length-1].dates.length,n=[];for(let t=1;t<=e;t++){const e=new Date(this.bcPlannerYear,this.bcPlannerMonth+1,0),s=new Date(e.setDate(t)).getDate();n.push(s)}t[t.length-1].dates.push(...n)}this.createWeeks(t)}getFirstElementByClassName(t){const e=this.mySelf.getElementsByClassName(t);return e.length>0?e[0]:null}setMonthText(){const t=this.getFirstElementByClassName(`${PLANNER_NAMESPACE}-month`);t&&(t.innerText=this.getMonthName(this.bcPlannerMonth))}setYearText(){const t=this.getFirstElementByClassName(`${PLANNER_NAMESPACE}-year`);t&&(t.innerText=this.getYear())}setClickNextMonthBtnListener(){const t=this.getFirstElementByClassName(this.bcPlannerNextMonthButton);t&&(t.removeEventListener("click",t=>this.nextMonth()),t.addEventListener("click",t=>this.nextMonth()))}setClickPreviousMonthBtnListener(){const t=this.getFirstElementByClassName(this.bcPlannerPreviousMonthButton);t&&(t.removeEventListener("click",t=>this.previousMonth()),t.addEventListener("click",t=>this.previousMonth()))}setClickNextYearBtnListener(){const t=this.getFirstElementByClassName(this.bcPlannerNextYearButton);t&&(t.removeEventListener("click",t=>this.nextYear()),t.addEventListener("click",t=>this.nextYear()))}setClickPreviousYearBtnListener(){const t=this.getFirstElementByClassName(this.bcPlannerPreviousYearButton);t&&(t.removeEventListener("click",t=>this.previousYear()),t.addEventListener("click",t=>this.previousYear()))}getMonth(){return this.bcPlannerMonth}setMonth(t){this.bcPlannerMonth=t}getMonthName(t){return MONTHS[t]}getDayName(t){return DAYS[t]}getYear(){return this.bcPlannerYear}getToday(){return this.bcPlannerToday}listeners(){this.setClickNextMonthBtnListener(),this.setClickPreviousMonthBtnListener(),this.setClickNextYearBtnListener(),this.setClickPreviousYearBtnListener()}nextMonth(){const t=this.bcPlannerMonth+1,e=new Date(this.bcPlannerDate.setMonth(t));this.setUpDateVariables(e),this.changesEmitEvent("nextMonth")}previousMonth(){const t=this.bcPlannerMonth-1,e=new Date(this.bcPlannerDate.setMonth(t));this.setUpDateVariables(e),this.changesEmitEvent("previousMonth")}nextYear(){const t=this.bcPlannerYear+1,e=new Date(this.bcPlannerDate.setFullYear(t));this.setUpDateVariables(e),this.changesEmitEvent("nextYear")}previousYear(){const t=this.bcPlannerYear-1,e=new Date(this.bcPlannerDate.setFullYear(t));this.setUpDateVariables(e),this.changesEmitEvent("previousYear")}setItems(t){this.items=t,this.listUnique(JSON.parse(JSON.stringify(t)),"date").forEach(t=>{this.refreshItemsHtml(new Date(t)),this.orderItemHtml(new Date(t))})}refreshItemsHtml(t){JSON.parse(JSON.stringify(this.getItemsxDate(t))).forEac

1h(t=>{const e=new Date(t.date),n=document.getElementById(`bc_planner_view_day_${e.getFullYear()}_${e.getMonth()}_${e.getDate()}`);n&&(n.firstElementChild.innerHTML="")})}listUnique(t,e){return t.map(t=>t[e]).filter((t,e,n)=>t&&n.indexOf(t)===e).sort()}setItemHtml(t){const e=this.buildItemHtml(t,`${PLANNER_DAY}-item`),n=new Date(t.date);t.date=n;const s=document.getElementById(`bc_planner_view_day_${n.getFullYear()}_${n.getMonth()}_${n.getDate()}`);s&&(s.firstElementChild.innerHTML+=e)}addEventsItem(t){t.forEach(t=>{t.preview&&this.eventPreview(t)})}eventPreview(t){const e=new Date(t.date);t.date=e;const n=document.getElementById(`bc_planner_view_day_${e.getFullYear()}_${e.getMonth()}_${e.getDate()}`);if(n){const e=n.firstElementChild.querySelectorAll(`p[class$=id_${t.id}]`);this.addEvent("click",e[0],t,0)}}buildItemHtml(t,e){const n=t.color?`style="color:${t.color};"`:"",s=t.icon?`<em class="bc-icon" ${n}>${t.icon}</em>`:"";return`<p class="${e} id_${t.id}">\n                  ${s}\n                  ${t.title}\n                </p>\n    `}setItemPlus(t,e){const n=`<p class="${PLANNER_DAY}-item ${PLANNER_NAMESPACE}-item-plus">\n                   +${t}\n                </p>\n    `,s=document.getElementById(`bc_planner_view_day_${e.getFullYear()}_${e.getMonth()}_${e.getDate()}`);if(s){s.firstElementChild.innerHTML+=n;const t=s.firstElementChild.getElementsByClassName(`${PLANNER_NAMESPACE}-item-plus`)[0];t.removeEventListener("click",t=>{this.openModalPlanner(e)}),t.addEventListener("click",t=>{this.openModalPlanner(e)})}}closeModal(){this.modalListPlus.closeModal()}openModalPlanner(t){const e=this.getItemsxDate(t);this.modalListPlus.openModal();const n=this.modalListPlus.getMySelf(),s=this.mySelf.querySelector("#modalPlanner1");this.mySelf.replaceChild(n,s),this.modifyModal(this.items[0],1);const o=this.mySelf.querySelector(`div[class=${MODAL_CALENDAR_NAMESPACE}-content]`);o.innerHTML="",e.forEach(t=>{const e=this.buildItemModalHtml(t,"bc-modal-planner-item");o.innerHTML+=e}),this.addEventsEm(e)}addEventsEm(t){t.forEach(t=>{if(t.preview){const e=this.getFirstElementByClassName(`${t.preview.id}`);this.addEvent("click",e,t,MODAL_TWO)}})}addEvent(t,e,n,s){e.removeEventListener(t,()=>{this.openModalPreview(n,s)}),e.addEventListener(t,()=>{this.openModalPreview(n,s)})}buildItemModalHtml(t,e){const n=t.color?`style="color:${t.color};"`:"",s=t.icon?`<em class="bc-icon" ${n}>${t.icon}</em>`:"",o=t.preview?`<em class="bc-icon bc-pointer ${t.preview.id}" >arrow2-right</em>`:"";return`\n    <div class="bc-card ${e}">\n     ${s}\n      <div class="bc-card-body">\n        <p class="bc-card-subtitle bc-align-left">${t.title}</p>\n        <p class="bc-card-subtitle-number bc-align-left">${t.text}</p>\n      </div>\n      ${o}\n    </div>`}openModalPreview(t,e){this.modalListPlus.openModal();const n=this.modalListPlus.getMySelf(),s=this.mySelf.querySelector("#modalPlanner1");this.mySelf.replaceChild(n,s),this.modifyModal(t,e);const o=this.mySelf.querySelector(`div[class=${MODAL_CALENDAR_NAMESPACE}-content]`);o.innerHTML="",t.preview.items.forEach(t=>{const e=this.buildPreviewModalHtml(t,"bc-modal-planner-preview");o.innerHTML+=e})}modifyModal(t,e){const n=document.querySelector("div[class^=bc-modal-button-container]");if(n){const s=n.getElementsByTagName("button")[0],o=n.getElementsByTagName("button")[1];1==e?this.mModal1(t,s,o):e!=MODAL_TWO&&0!=e||this.mModal2(t,s,o,e)}}mModal1(t,e,n){document.querySelector("div[class^=bc-modal-title]").firstElementChild.innerHTML=this.getDayName(t.date.getDay())+" "+t.date.getDate()+" de "+this.getMonthName(t.date.getMonth())+" del "+t.date.getFullYear(),e&&(e.style.display="none"),n&&(n.innerText="CERRAR",n.classList.replace("bc-button-secondary","bc-button-primary"),n.removeEventListener("click",()=>{this.closeModal()}),n.addEventListener("click",()=>{this.closeModal()}))}mModal2(t,e,n,s){document.querySelector("div[class^=bc-modal-title]").firstElementChild.innerHTML="Detalle del evento",e&&(e.style.display="inline-block",e.innerText=t.preview.actionText,e.classList.replace("bc-w-25","bc-w-50"),e.removeEventListener("click",()=>{this.valueEmitEvent(t)}),e.addEventListener("click",()=>{this.valueEmitEvent(t)})),n&&(n.innerText="REGRESAR",n.classList.replace("bc-button-primary","bc-button-secondary"),s==MODAL_TWO?(n.removeEventListener("click",()=>{this.openModalPlanner(t.date)}),n.addEventListener("click",()=>{this.openModalPlanner(t.date)})):(n.removeEventListener("click",()=>{this.closeModal()}),n.addEventListener("click",()=>{this.closeModal()})))}buildPreviewModalHtml(t,e){return`\n    <div class="${e}">\n        <p class="small bc-align-left">${t.title}</p>\n        <p class="bc-align-left">${t.text}</p>\n    </div>`}setForitemHtml(t,e){for(let n=0;n<e;n++)this.setItemHtml(t[n])}orderItemHtml(t){const e=JSON.parse(JSON.stringify(this.getItemsxDate(t)));let n=0;e.length>1?n=this.moreOneitem(e,30,n,2,3,4,16):1==e.length&&(e[0].title.length>35?(e[0].title=e[0].title.slice(0,35)+"...",this.setItemHtml(e[0]),n=1):this.setItemHtml(e[0])),n>0&&this.setItemPlus(n.toString(),new Date(e[0].date)),this.addEventsItem(e)}moreOneitem(t,e,n,s,o,a,l){return t[0].title.length>e?(t[0].title=t[0].title.slice(0,e)+"...",this.setItemHtml(t[0]),n=t.length-1):t.length==s?(n=this.thowItems(t,e,n),this.setForitemHtml(t,t.length)):t.length==o?(n=this.threeItems(t,e,n),this.setForitemHtml(t,t.length-(n>0?1:0))):t.length>=a&&(n=this.fourOrMoreItems(t,a,o,l,n)),n}fourOrMoreItems(t,e,n,s,o){return t.length==e&&t[n].title.length>s?(this.setForitemHtml(t,t.length-1),o=1):t.length==e&&t[n].title.length<=s?this.setForitemHtml(t,t.length):t.length>e&&this.setForitemHtml(t,e),o}threeItems(t,e,n){return t[0].title.length>e&&(t[0].title=t[0].title.slice(0,e)+"...",n=t.length),t[1].title.length>e&&(t[1].title=t[1].title.slice(0,e)+"...",n=t.length),n}thowItems(t,e,n){return t[0].title.length>e&&(t[0].title=t[0].title.slice(0,e)+"...",n=t.length),t[1].title.length>e&&(t[1].title=t[1].title.slice(0,e)+"...",n=t.length),n}setItemsTop(t){const e=this.mySelf.querySelector(`.${PLANNER_TOP}-items`);e&&(e.innerHTML="",t.forEach(t=>{this.setItemTopHtml(t,e)}))}setItemTopHtml(t,e){const n=t.color?`style="color:${t.color} ;"`:"",s=t.icon?`<em class="bc-icon" ${n}>${t.icon}</em>`:"",o=`<p class="${PLANNER_TOP}-item">\n                 ${s}\n                 ${t.title}\n                </p>\n    `;e&&(e.innerHTML+=o)}getItems(){return this.items}getItemsxDate(t){return this.items.filter(e=>e.date.getMonth()==t.getMonth()&&e.date.getFullYear()==t.getFullYear()&&e.date.getDate()==t.getDate())}getItem(t){const e=this.items.filter(e=>e.id==t);return e.length>0?e[0]:null}changesEmitEvent(t){const e={action:t,monthValue:this.getMonth(),yearValue:this.getYear()};this.outputChanges&&this.outputChanges(e)}valueEmitEvent(t){this.outputValues&&this.outputValues(t.preview.dataReturn)}}class BcTableBehavior extends BcDefaultBehavior{constructor(){super(),this.table=null,this.rows=[],this.columns=[],this.selectedRowsElement=[],this.headerTop=null,this.columnsData=[],this.columnsStatus=[],this.asc=!1,this.footer=null,this.tableActions=[],this.favoriteColumnsIndex=[],this.optionsMenu=[],this.dropdowns=[],this.isSelectionTable=!1,this.settingDropdownBehavior=null,this.helper=new BcTableHelper}static setUpAll(){const t=Array.from(document.querySelectorAll(`div[class~='${BcTableConstansts.TABLE_CONTAINER_CLASS}']`)),e=[];for(const n of t){const t=new BcTableBehavior;t.setElement(n),t.setUp(),e.push(t)}return e}_setUp(){this.getElements(),this.setColumnId(),this.isSelectionTable&&this.addCheckboxEvent(),this.getColumnsTitle(),this.sortColumn(),this.createOptionMenu(),this.helper.mySelf=this.getMySelf();let t=this.createTableByType();window.innerWidth<=BcTableConstansts.TABLE_SMALL_BREAK_POINT&&this.helper.resizeEventForPaginator(this.headerTop,t),window.addEventListener(_DROPDOWN_OPENED_EVENT,t=>{t.preventDefault(),t.stopPropagation(),this.closeOtherDropdowns(t.detail),t.detail===`${this.tableId}DropdownSetting`&&window.innerWidth<=BcTableConstansts.TABLE_SMALL_BREAK_POINT&&this.helper.resizeSettingDropdown(this.tableId)}),window.addEventListener(_DROPDOWN_DISCARDED_EVENT,t=>{this.helper.undoColumnSelection(this.headerTop),this.helper.resetBodyOverflow(t,this.tableId)}),window.addEventListener(_DROPDOWN_CLOSED_EVENT,t=>{this.helper.resetBodyOverflow(t,this.tableId)}),this.optionsMenu.length===BcTableConstansts.TABLE_NUMBER_0&&this.helper.overwriteEvent(this.rows,this.columnsData,this.isSelectionTable),this.helper.menuOptionLength=this.optionsMenu.length}createTableByType(){let t=!1;return this.table.classList.contains(BcTableConstansts.TABLE_SCROLL_CLASS)?this.buildFixedContent():(this.setRowLimit(),this.executeHideForMobile(),this.resiseEvent()),window.addEventListener("resize",()=>{null!==this.mySelf.querySelector('*[class*="bc-paginator"]')&&(t=this.helper.resizeEventForPaginator(this.headerTop,t))}),t}resiseEvent(){window.addEventListener("resize",()=>{this.setRowLimit(),this.executeHideForMobile(),window.innerWidth>BcTableConstansts.TABLE_SMALL_BREAK_POINT?this.removeTempHeaderTitle():this.selectedRowsElement.length>BcTableConstansts.TABLE_NUMBER_0&&!this.mySelf.querySelector(`.${BcTableConstansts.TABLE_TEMP_CLASS}`)&&this.insertTempHeaderTitle()})}buildFixedContent(t){this.mySelf.classList.add(BcTableConstansts.TABLE_SCROLL_CLASS),this.helper.getFixedColumnIndex(this.columns,this.isSelectionTable),this.helper.cloneFixedColumnData(this.columnsData,this.rows,this.isSelectionTable,this.columns),this.helper.createFixedColumnContainer(this.rows,this.isSelectionTable),this.helper.hasDropdowns=this.dropdowns.length>BcTableConstansts.TABLE_NUMBER_0,this.helper.hasDropdowns&&!t&&setTimeout(()=>{this.helper.cloneFixedActionColumnData(this.rows),this.helper.createFixedActionColumnContainer()}),this.headerTop&&setTimeout(()=>{this.buildSettingDropdown(),this.addEventSettingCheckbox(),this.helper.getVisibleColumns()})}getElements(){this.table=this.mySelf.querySelector(`[class~='${BcTableConstansts.TABLE_CLASS}']`),this.rows=Array.from(this.table.querySelectorAll(`${BcTableConstansts.TABLE_ROW_CLASS}

1:not(.bc-table-extra-info-row)`)),this.columns=Array.from(this.table.querySelectorAll(BcTableConstansts.TABLE_TH_CLASS)),this.headerTop=this.mySelf.querySelector(`[class~='${BcTableConstansts.TABLE_HEADER_TOP_CLASS}']`),this.footer=this.mySelf.querySelector(`[class~='${BcTableConstansts.TABLE_FOOTER_CLASS}']`),this.tableId=this.mySelf.getAttribute("id"),this.isSelectionTable=this.table.classList.contains(BcTableConstansts.TABLE_SELECTION_CLASS),this.helper.getCustomDropdowns(this.mySelf,this)}addCheckboxEvent(){const t=this.rows[0].querySelector(`input[type="${BcTableConstansts.TABLE_CHECKBOX_SELECTOR}"]`);t.classList.add("bc-table-master-checkbox");t&&t.addEventListener(BcCommonConstants.EVENT_CHANGE,e=>{this.rows=Array.from(this.table.querySelectorAll(`${BcTableConstansts.TABLE_ROW_CLASS}:not(.bc-table-extra-info-row)`)),t.checked||e.target.checked?this.helper.selectAllRows(this.rows):this.clearSelection()}),this.setEventToCheckbox(e=>{e.addEventListener(BcCommonConstants.EVENT_CHANGE,n=>{const s=e.closest(BcTableConstansts.TABLE_ROW_CLASS);e.checked=n.target.checked,this.helper.toggleSelectedClassRow(s),this.helper.selectUnSelectRow(s,this.selectedRowsElement),this.changeHeaderTopType(),this.selectedRowsElement.length===BcTableConstansts.TABLE_NUMBER_0?this.removeElementsForSelection():(this.insertElementsForSelection(),this.updateCounterSelectedRows()),t.checked=this.helper.validateAllSelection(this.rows,this.selectedRowsElement)})})}setEventToCheckbox(t){for(let e=BcTableConstansts.TABLE_NUMBER_1;e<this.rows.length;e++){const n=this.rows[e].querySelector(`input[type="${BcTableConstansts.TABLE_CHECKBOX_SELECTOR}"]`);n&&t(n)}}changeHeaderTopType(){this.selectedRowsElement.length===BcTableConstansts.TABLE_NUMBER_0?this.headerTop.classList.remove(BcTableConstansts.TABLE_HEADER_TOP_SELECTION_CLASS):this.headerTop.classList.add(BcTableConstansts.TABLE_HEADER_TOP_SELECTION_CLASS)}insertElementsForSelection(){const t=this.headerTop.querySelector(`[class~='${BcTableConstansts.TABLE_RIGHT_CONTAINER_CLASS}']`),e=t.querySelector(`[class~='${BcTableConstansts.TABLE_ACTION_CONTAINER_CLASS}']`),n=this.headerTop.querySelector(`[class~='${BcTableConstansts.TABLE_ACTION_BUTTON_CLASS}']`),s=document.createElement("small");s.classList.add(BcTableConstansts.TABLE_SELECTION_COUNTER_CLASS),s.innerText="0 elementos seleccionados";const o=document.createElement("a");o.classList.add(BcCommonConstants.BC_LINK_CLASS,BcTableConstansts.TABLE_SELECTION_REMOVE_CLASS),o.innerHTML="Borrar selección",o.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.clearSelection(),setTimeout(()=>{this.table.classList.contains(BcTableConstansts2.TABLE_SCROLL_CLASS)&&this.helper.clearFixedSelection(!0)})}),n||(this.createTableActions(t),e.appendChild(s),e.appendChild(o),window.innerWidth<=BcTableConstansts.TABLE_SMALL_BREAK_POINT&&this.insertTempHeaderTitle())}createTableActions(t){const e=document.createElement("div");e.classList.add(BcTableConstansts.TABLE_HEADER_ACTIONS_CLASS);for(const t of this.tableActions){const n=document.createElement("button");n.classList.add(BcCommonConstants.BTN_PRIMARY_CLASS,BcCommonConstants.BUTTON_SMALL_CLASS,BcTableConstansts.TABLE_SELECTION_ACTION_BUTTON_CLASS),n.innerHTML=`<em class="bc-icon bc-sm">${t.icon}</em> ${t.text}`,this.addButtonEvent(n,t),e.appendChild(n)}this.headerTop.insertBefore(e,t)}addButtonEvent(t,e){t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{e.action&&e.action(this.helper.formatRowDataSelected(this.selectedRowsElement,this.columnsData))})}removeElementsForSelection(){const t=this.headerTop.querySelector(`[class~='${BcTableConstansts.TABLE_HEADER_ACTIONS_CLASS}']`),e=this.headerTop.querySelector(`[class~='${BcTableConstansts.TABLE_SELECTION_COUNTER_CLASS}']`),n=this.headerTop.querySelector(`[class~='${BcTableConstansts.TABLE_SELECTION_REMOVE_CLASS}']`);t&&t.remove(),e&&e.remove(),n&&n.remove(),this.removeTempHeaderTitle()}removeTempHeaderTitle(){const t=this.mySelf.querySelector(`[class~='${BcTableConstansts.TABLE_TEMP_CLASS}']`);t&&t.remove()}insertTempHeaderTitle(){const t=document.createElement("div"),e=this.mySelf.querySelector(`.${BcTableConstansts.TABLE_HEADER_TIT

1LE_CLASS}`).textContent,n=document.createElement("h6");n.classList.add(BcTableConstansts.TABLE_HEADER_TITLE_CLASS),null!==n&&(n.innerText=e),t.classList.add(BcTableConstansts.TABLE_HEADER_TOP_CLASS,BcTableConstansts.TABLE_TEMP_CLASS),t.appendChild(n),this.mySelf.insertBefore(t,this.mySelf.firstChild)}clearSelection(){this.selectedRowsElement=[],this.removeElementsForSelection(),this.changeHeaderTopType();for(const t of this.rows){t.classList.remove(BcTableConstansts.TABLE_SELECTED_CLASS);const e=t.querySelector(`input[type="${BcTableConstansts.TABLE_CHECKBOX_SELECTOR}"]`);e&&(e.checked=!1)}}updateCounterSelectedRows(){this.headerTop.querySelector(`[class~='${BcTableConstansts.TABLE_SELECTION_COUNTER_CLASS}']`).innerHTML=`${this.selectedRowsElement.length} ${this.selectedRowsElement.length>BcTableConstansts.TABLE_NUMBER_1?"columnas seleccionadas":"columna seleccionada"}`}initDropdown(t,e){const n=this.helper.initDropdown(t,e);this.dropdowns.push(n)}getColumnsTitle(){for(const t of this.columns){const e=t.innerText.split(/\n/)[0];""!==e&&e.length>BcTableConstansts.TABLE_NUMBER_0&&this.columnsData.push({id:t.getAttribute("id"),name:e})}}buildSettingDropdown(){const t=`\n    <em class="bc-icon bc-sm bc-dropdown-toggle" aria-controls="${this.tableId}DropdownSetting">settings</em>\n    <div class="bc-dropdown-content" id="${this.tableId}DropdownSetting">\n      <div class="bc-table-setting-header">\n        <h6>Configurar tabla</h6>\n        <p>Puedes fijar una columna a la izquierda\n        de la tabla y mostrar / ocultar columnas</p>\n        <em class="bc-icon bc-xs bc-dropdown-close-button">error</em>\n      </div>\n      <div class="bc-table-setting-body"></div>\n      <div class="bc-table-setting-footer">\n        <button class="bc-button-primary bc-button-small">Aplicar</button>\n      </div>\n    </div>`,e=document.createElement("div");e.classList.add(BcCommonConstants.BC_DROPDOWN_CLASS,BcCommonConstants.BC_DROPDOWN_CUSTOM_CLASS,BcCommonConstants.BC_DROPDOWN_UNDISMISS_CLASS,"bc-table-dropdown-setting"),e.innerHTML=t;let n=this.headerTop.querySelector(`[class~='${BcTableConstansts.TABLE_ACTION_CONTAINER_CLASS}']`);n=this.validateActionContainer(n);const s=e.querySelector(`[class=${BcTableConstansts.TABLE_SETTING_BODY_CLASS}]`),o=this.buildColumnList();s.appendChild(o),n.appendChild(e),this.settingDropdownBehavior=this.helper.initDropdown(e,!0),this.addButtonSettingEvent()}buildColumnList(){this.helper.getVisibleColumns();const t=this.helper.visibleColumns,e=document.createElement("ul");for(const n of this.columnsData){const s=document.createElement("li"),o=n.id.split("_"),a=o[o.length-BcTableConstansts.TABLE_NUMBER_1]===String(this.helper.fixedColumnIndex),l=`\n        <small>${n.name}</small>\n        <div class="bc-table-setting-actions">\n        <em class="bc-icon bc-button-fixer" id="thumbtack_${n.id}">thumbtack</em>\n  \t\t\t<label class="bc-container-checkbox"><input type="checkbox"\n            id="check_${n.id}" name="name_${n.id}" value="${n.name}" ${t.includes(n.id)&&'checked="true"'} ${a?"disabled":""}>\n            <span class="bc-checkbox"></span>\n  \t\t\t</label>\n        </div>\n      `;s.innerHTML=l,a&&s.classList.add(BcTableConstansts2.TABLE_FIXED_COLUMN_CLASS);const i=s.querySelector('*[class~="bc-button-fixer"]');this.setThumbtackEvent(i),e.appendChild(s)}return e}setThumbtackEvent(t){setTimeout(()=>{this.helper.addThumbtackEvent(t)})}validateActionContainer(t){if(null!==t)return t;{const t=document.createElement("div");t.classList.add(BcTableConstansts.TABLE_RIGHT_CONTAINER_CLASS);const e=document.createElement("div");return e.classList.add(BcTableConstansts.TABLE_ACTION_CONTAINER_CLASS),t.appendChild(e),this.headerTop.appendChild(t),e}}setColumnId(){for(let t=BcTableConstansts.TABLE_NUMBER_0;t<this.columns.length;t++){this.columns[t].setAttribute("id",`${this.tableId}_column_${t}`)}}addEventSettingCheckbox(){const t=this.mySelf.querySelector(`[id="${this.tableId}DropdownSetting"]`).parentElement.querySelector(`[class=${BcTableConstansts.TABLE_SETTING_BODY_CLASS}]`),e=Array.from(t.querySelectorAll(`input[type="${BcTableConstansts.TABLE_CHECKBOX_SELECTOR}"]`));for(const t of e)t.addEventListener(BcCommonConstants.EVENT_CHANGE,()=>{this.prepareColumnList()})}prepareColumnList(){const t=this.mySelf.querySelector(`[id="${this.tableId}DropdownSetting"]`).parentElement.querySelector(`[class=${BcTableConstansts.TABLE_SETTING_BODY_CLASS}]`),e=Array.from(t.querySelectorAll(`input[type="${BcTableConstansts.TABLE_CHECKBOX_SELECTOR}"]`));for(const t of e)this.columnsStatus.push({id:t.getAttribute("id"),visible:t.checked,fixed:t.closest("li").classList.contains(BcTableConstansts2.TABLE_FIXED_COLUMN_CLASS)})}addButtonSettingEvent(){this.mySelf.querySelector(`[id="${this.tableId}DropdownSetting"]`).parentElement.querySelector(`[class=${BcTableConstansts.TABLE_SETTING_FOOTER_CLASS}]`).querySelector(`[class~=${BcCommonConstants.BTN_PRIMARY_CLASS}]`).addEventListener(BcCommonConstants.EVENT_CLICK,t=>{t.preventDefault(),t.stopPropagation();for(const t of this.columnsStatus)t.fixed||(this.helper.hideShowColumn(t.id,t.visible,this.columns),this.helper.showHideColumnCell(t.id,t.visible,this.rows));this.settingDropdownBehavior.closeDropdown(),this.helper.updateFixedColumn(this.helper.getNewFixedColumn(),this.isSelectionTable,this.rows,this.tableId),this.resetFixedContent(!0)})}resetFixedContent(t){this.getElements(),this.settingDropdownBehavior.getMySelf().remove(),this.mySelf.querySelector(`.${BcTableConstansts2.TABLE_FIXED_CONTAINER_CLASS}`).remove(),!t&&this.mySelf.querySelector(`.${BcTableConstansts2.TABLE_FIXED_ACTION_CONTAINER_CLASS}`).remove(),this.buildFixedContent(t)}sortColumn(){const t=(t,e)=>t.children[e]&&t.children[e].innerText||t.children[e].textContent,e=this.table.querySelector("tbody");this.columns.forEach(n=>

1{n.classList.contains(BcTableConstansts.TABLE_CHECBOX_CELL_CLASS)||n.classList.contains(BcTableConstansts.TABLE_ACTION_COLUMN_CLASS)||n.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{this.addSortIcon(n),Array.from(e.querySelectorAll('tr:not([class*="bc-table-extra"])')).sort(((e,n)=>(s,o)=>((t,e)=>""===t||""===e||isNaN(t)||isNaN(e)?t.toString().localeCompare(e):t-e)(t(n?s:o,e),t(n?o:s,e)))(Array.from(n.parentNode.children).indexOf(n),this.asc=!this.asc)).forEach(t=>e.appendChild(t)),this.table.classList.contains(BcTableConstansts2.TABLE_SCROLL_CLASS)?this.resetFixedContent(this.dropdowns.length<=BcTableConstansts.TABLE_NUMBER_1):(this.removeExtraRows(),this.structureExtraColumns())})})}addSortIcon(t){for(const t of this.columns){const e=t.querySelector(`.${BcTableConstansts.TABLE_SORT_ICON_CLASS}`);e&&e.remove()}const e=document.createElement("em");e.classList.add(BcCommonConstants.ICONS_CLASS,BcCommonConstants.ICON_XS_CLASS,BcTableConstansts.TABLE_SORT_ICON_CLASS),e.innerText=this.asc?BcCommonConstants.BC_ARROW_DOWN_ICON:BcCommonConstants.BC_ARROW_UP_ICON,t.appendChild(e)}setSelectionAction(t){this.tableActions=t}structureExtraColumns(){this.removeExtraRows();const t=window.innerWidth<=BcTableConstansts.TABLE_SMALL_BREAK_POINT?this.formatExtraDataForMobile():this.formatExtraData();if(Object.keys(t[0]).length>BcTableConstansts.TABLE_NUMBER_0){for(let e=BcTableConstansts.TABLE_NUMBER_1;e<this.rows.length;e++){const n=this.rows[e],s=document.createElement("tr");s.classList.add(BcTableConstansts.TABLE_EXTRA_ROW_CLASS);const o=document.createElement("td"),a='<div class="bc-table-extra-info-row-content"><ol></ol></div>';o.innerHTML=a,this.buildListExtraData(o,t[e-BcTableConstansts.TABLE_NUMBER_1]),s.appendChild(o),this.table.querySelector("tbody").insertBefore(s,n.nextElementSibling)}this.hiddeUnusedColumns(),this.removeToogleColumn(),this.addToggleColumn(),this.helper.setColspanForExtraRow(),this.optionsMenu.length>BcTableConstansts.TABLE_NUMBER_0?this.addOptionButtonInRow():this.helper.getListeners(this.rows,this.columnsData,this.isSelectionTable)}else this.showColumns();this.showActionConlumn()}formatExtraData(){const t=[],e=[...this.rows].splice(1,this.rows.length-BcTableConstansts.TABLE_NUMBER_1),n=this.isSelectionTable?BcTableConstansts.TABLE_NUMBER_1:BcTableConstansts.TABLE_NUMBER_0;for(const s of e){const e={};for(let t=this.limitColumnNumber+n;t<=s.children.length;t++){const o=s.children[t];this.columnsData[t-n]&&o&&(e[this.columnsData[t-n].name]=o.textContent)}t.push(e)}return t}formatExtraDataForMobile(){const t=[],e=[...this.rows].splice(1,this.rows.length-BcTableConstansts.TABLE_NUMBER_1);for(const n of e){const e={};for(let t=BcTableConstansts.TABLE_NUMBER_0;t<this.columns.length;t++){const s=n.children[t];this.columnsData[t-BcTableConstansts.TABLE_NUMBER_1]&&!this.favoriteColumnsIndex.includes(t)&&void 0!==s&&(e[this.columnsData[t-BcTableConstansts.TABLE_NUMBER_1].name]=s.textContent)}t.push(e)}return setTimeout(()=>{this.helper.addFavoriteOrderIndex(this.rows)}),t}hiddeUnusedColumns(){this.showColumns();const t=this.isSelectionTable?this.limitColumnNumber+BcTableConstansts.TABLE_NUMBER_1:this.limitColumnNumber;for(const e of this.rows){for(let n=t;n<e.children.length;n++){e.children[n].classList.add(BcTableConstansts.TABLE_HIDDEN_CLASS)}this.selectedRowsElement.includes(e)||e.classList.remove(BcTableConstansts.TABLE_SELECTED_CLASS)}}showColumns(){const t=this.isSelectionTable?BcTableConstansts.TABLE_NUMBER_1:BcTableConstansts.TABLE_NUMBER_0;for(const e of this.rows)for(let n=t;n<this.limitColumnNumber+BcTableConstansts.TABLE_NUMBER_1;n++){const t=e.children[n];t&&t.classList.remove(BcTableConstansts.TABLE_HIDDEN_CLASS)}this.showActionConlumn()}addToggleColumn(){const t=document.createElement("th");t.classList.add(BcTableConstansts.TABLE_ACTION_COLUMN_CLASS,BcTableConstansts.TABLE_ACTION_TOGGLE_CLASS),t.setAttribute("id",this.columns[this.columns.length-BcTableConstansts.TABLE_NUMBER_1].getAttribute("id")+"_1"),this.rows[0].appendChild(t);for(let t=BcTableConstansts.TABLE_NUMBER_1;t<this.rows.length;t++){const e=this.rows[t],n=document.createElement("td");n.classList.add(BcTableConstansts.TABLE_ACTION_CELL_CLASS,BcTableConstansts.TABLE_ACTION_TOGGLE_CLASS),n.innerHTML='<em class="bc-icon bc-sm">arrow2-down</em>',this.toggleExtraRow(n.querySelector("em"),e),e.appendChild(n)}}toggleExtraRow(t,e){t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{const n=e.nextElementSibling;n.classList.contains(BcTableConstansts.TABLE_EXTRA_ROW_ACTIVE_CLASS)?(n.classList.replace(BcTableConstansts.TABLE_EXTRA_ROW_ACTIVE_CLASS,BcTableConstansts.TABLE_EXTRA_ROW_CLASS),this.selectedRowsElement.includes(e)||e.classList.remove(BcTableConstansts.TABLE_SELECTED_CLASS),t.style.transform="rotate(0deg)"):(n.classList.replace(BcTableConstansts.TABLE_EXTRA_ROW_CLASS,BcTableConstansts.TABLE_EXTRA_ROW_ACTIVE_CLASS),e.classList.add(BcTableConstansts.TABLE_SELECTED_CLASS),t.style.transform="rotate(180deg)")})}removeExtraRows(){this.table.querySelectorAll('tr[class*="bc-table-extra"]').forEach(t=>{t.remove()})}removeToogleColumn(){for(const t of this.rows){const e=t.querySelector(`.${BcTableConstansts.TABLE_ACTION_TOGGLE_CLASS}`);e&&e.remove()}}setRowLimit(){const t=window.innerWidth;t<=BcTableConstansts.TABLE_SMALL_BREAK_POINT?(this.limitColumnNumber=BcTableConstansts.TABLE_NUMBER_0,this.favoriteColumnsIndex=this.helper.getFavoriteColumns(this.columns,this.table)):t>BcTableConstansts.TABLE_SMALL_BREAK_POINT&&t<BcTableConstansts.TABLE_LARGE_BREAK_POINT?this.limitColumnNumber=4:t>=BcTableConstansts.TABLE_LARGE_BREAK_POINT&&t<BcTableConstansts.TABLE_EXTRALARGE_BREAK_POINT?this.limitColumnNumber=6:this.limitColumnNumber=8,this.limitColumnNumber!==this.limitColumnNumberBackup&&(this.limitColumnNumberBackup=this.limitColumnNumber,this.structureExtraColumns())}showActionConlumn(){for(const t of this.rows){const e=t.querySelector('*[class*="-action"]');e&&(this.columnsData.length<=this.limitColumnNumber&&window.innerWidth>=BcTableConstansts.TABLE_LARGE_BREAK_POINT||this.columnsData.length<=this.limitColumnNumber&&window.innerWidth<BcTableConstansts.TABLE_MEDIUM_BREAK_POINT)&&(this.removeExtraRows(),this.removeToogleColumn(),e.classList.remove(BcTableConstansts.TABLE_HIDDEN_CLASS))}}hideColumnsInMobile(){this.favoriteColumnsIndex=this.helper.getFavoriteColumns(this.columns,this.table),this.validMaxFavoriteColumns();if(this.favoriteColumnsIndex.length>BcTableConstansts.TABLE_NUMBER_0&&this.favoriteColumnsIndex.length<=3)for(const t of this.rows)for(let e=BcTableConstansts.TABLE_NUMBER_0;e<t.children.length;e++){const n=t.children[e];this.addRemoveHideForMobile(n,e)}}validMaxFavoriteColumns(){this.favoriteColumnsIndex.length>3&&(this.favoriteColumnsIndex=this.favoriteColumnsIndex.splice(0,3))}addRemoveHideForMobile(t,e){this.favoriteColumnsIndex.includes(e)?t.classList.contains(BcTableConstansts.TABLE_HIDDEN_CLASS)&&(t.classList.remove(BcTableConstansts.TABLE_HIDDEN_CLASS),t.classList.add(BcTableConstansts.TABLE_FAVORITE_CELL_CLASS)):-1===t.className.indexOf("checkbox")&&-1===t.className.indexOf("action")&&t.classList.add(BcTableConstansts.TABLE_HIDDEN_CLASS)}executeHideForMobile(){window.innerWidth<=BcTableConstansts.TABLE_SMALL_BREAK_POINT&&this.hideColumnsInMobile()}buildListExtraData(t,e){const n=t.querySelector("ol");for(const t in e){const s=document.createElement("li"),o=`<p><b>${t}</b> ${e[t]}</p>`;s.innerHTML=o,n.appendChild(s)}}setOptionMenu(t){this.optionsMenu=t}createOptionMenu(){const t=this.table.querySelectorAll(`.${BcTableConstansts.TABLE_ACTION_COLUMN_CLASS}-dropdown`);if(this.optionsMenu.length>BcTableConstansts.TABLE_NUMBER_0)for(let e=BcTableConstansts.TABLE_NUMBER_0;e<this.rows.length;e++){const n=this.rows[e];let s;"TH"===n.children[n.children.length-BcTableConstansts.TABLE_NUMBER_1].tagName?t.length===BcTableConstansts.TABLE_NUMBER_0&&((s=document.createElement("th")).classList.add(BcTableConstansts.TABLE_ACTION_COLUMN_CLASS,`${BcTableConstansts.TABLE_ACTION_COLUMN_CLASS}-dropdown`),n.appendChild(s)):((s=document.createElement("td")).classList.add(BcTableConstansts.TABLE_ACTION_CELL_CLASS),s.innerHTML=`\n          <div class="bc-dropdown"><em class="bc-dropdown-toggle bc-icon bc-sm" aria-controls="${this.table.getAttribute("id")}Dropdown${e}">secondary-menu</em>\n            <div class="bc-dropdown-content" id="${this.table.getAttribute("id")}Dropdown${e}"><ul></ul></div>\n          </div>`,this.helper.createListAndEvent(s,n,this.optionsMenu,this.columnsData,this.isSelectionTable),this.initDropdown(s.firstElementChild),n.appendChild(s))}}addOptionButtonInRow(){for(const t of this.rows){const e=t.nextElementSibling;e&&this.helper.createOptionsButton(t,e,this.optionsMenu,this.columnsData,this.isSelectionTable)}}closeOtherDropdowns(t){const e=this.table.classList.contains(BcTableConstansts2.TABLE_SCROLL_CLASS)?this.helper.dropdownsClone:this.dropdowns;for(const n of e)n.idContent===t||n.config.static||n.closeDropdown()}}class BcTableConstansts{}BcTableConstansts.TABLE_CONTAINER_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-container`,BcTableConstansts.TABLE_CLASS=`${BcCommonConstants.PREFIX_LIB}-table`,BcTableConstansts.TABLE_SELECTION_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-selection`,BcTableConstansts.TABLE_ROW_CLASS="tr",BcTableConstansts.TABLE_TH_CLASS="th",BcTableConstansts.TABLE_TD_CLASS="td",BcTableConstansts.TABLE_CHECKBOX_SELECTOR="checkbox",BcTableConstansts.TABLE_SELECTED_CLASS=`${BcCommonConstants.PREFIX_LIB}-selected`,BcTableConstansts.TABLE_HEADER_TOP_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-header-top`,BcTableConstansts.TABLE_FOOTER_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-footer`,BcTableConstansts.TABLE_HEADER_TOP_SELECTION_CLASS=`${BcCommonConstants.PREFIX_LIB}-selection`,BcTableConstansts.TABLE_RIGHT_CONTAINER_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-header-top-right-container`,BcTableConstansts.TABLE_ACTION_CONTAINER_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-actions-container`,BcTableConstansts.TABLE_ACTION_BUTTON_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-selection-action-button`,BcTableConstansts.TABLE_SELECTION_COUNTER_CLASS=`${BcCommonConstants.PREFIX_LIB}-selection-counter`,BcTableConstansts.TABLE_SELECTION_REMOVE_CLASS=`${BcCommonConstants.PREFIX_LIB}-selection-remove`,BcTableConstansts.TABLE_SELECTION_ACTION_BUTTON_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-selection-action-button`,BcTableConstansts.TABLE_SETTING_BODY_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-setting-body`,BcTableConstansts.TABLE_SETTING_FOOTER_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-setting-footer`,BcTableConstansts.TABLE_DISPLAY_NONE="none",BcTableConstansts.TABLE_DISPLAY_CELL="table-cell",BcTableConstansts.TABLE_CHECBOX_CELL_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell`,BcTableConstansts.TABLE_ACTION_COLUMN_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-action-column`,BcTableConstansts.TABLE_ACTION_CELL_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-action-cell`,BcTableConstansts.TABLE_SORT_ICON_CLASS=`${BcCommonConstants.PREFIX_LIB}-sort-icon`,BcTableConstansts.TABLE_HEADER_ACTIONS_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-header-actions`,BcTableConstansts.TABLE_EXTRA_ROW_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-extra-info-row`,BcTableConstansts.TABLE_EXTRA_ROW_CONTENT_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-extra-info-row-content`,BcTableConstansts.TABLE_EXTRA_ROW_CONTENT_ACTIONS_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-extra-info-row-content-actions`,BcTableConstansts.TABLE_EXTRA_ROW_ACTIVE_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-extra-info-row-active`,BcTableConstansts.TABLE_ACTION_TOGGLE_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-action-toggle`,BcTableConstansts.TABLE_HIDDEN_CLASS=`${BcCommonConstants.PREFIX_LIB}-hidden`,BcTableConstansts.TABLE_FAVORITE_COLUMN_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-favorite-column`,BcTableConstansts.TABLE_FAVORITE_CELL_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-favorite-cell`,BcTableConstansts.TABLE_DROPDOWN_CLASS=`${BcCommonConstants.PREFIX_LIB}

1-dropdown`,BcTableConstansts.TABLE_DROPDOWN_ITEM_CLASS=`${BcCommonConstants.PREFIX_LIB}-dropdown-item`,BcTableConstansts.TABLE_HEADER_TITLE_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-header-top-title`,BcTableConstansts.TABLE_TEMP_CLASS=`${BcCommonConstants.PREFIX_LIB}-temp`,BcTableConstansts.TABLE_SETTING_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-with-setting`,BcTableConstansts.TABLE_SCROLL_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-scroll`,BcTableConstansts.TABLE_CONTENT_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-content`,BcTableConstansts.TABLE_FIXED_COLUMN_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-fixed-column`,BcTableConstansts.TABLE_SMALL_BREAK_POINT=575,BcTableConstansts.TABLE_MEDIUM_BREAK_POINT=992,BcTableConstansts.TABLE_LARGE_BREAK_POINT=1024,BcTableConstansts.TABLE_EXTRALARGE_BREAK_POINT=1280,BcTableConstansts.TABLE_NUMBER_0=0,BcTableConstansts.TABLE_NUMBER_1=1,BcTableConstansts.TABLE_NUMBER_2=2,BcTableConstansts.TABLE_NUMBER_3=3,BcTableConstansts.TABLE_NUMBER_10=10;class BcTableConstanstsSpec{}BcTableConstanstsSpec.tableHTML=`\n  <div class="${BcCommonConstants.PREFIX_LIB}-table-container" id="myTable">\n    <div class="${BcCommonConstants.PREFIX_LIB}-table-header-top">\n      <h6 class="${BcCommonConstants.PREFIX_LIB}-table-header-top-title">Título</h6>\n      <div class="${BcCommonConstants.PREFIX_LIB}-table-header-top-right-container">\n        <div class="${BcCommonConstants.PREFIX_LIB}-table-actions-container">\n          <div class="${BcCommonConstants.PREFIX_LIB}-table-paginator-container">\n            <nav class="${BcCommonConstants.PREFIX_LIB}-paginator" id="full" role="navigation" aria-label="paginador" totalregisters="300" perpage="5" typepaginator="basic"></nav>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class="${BcCommonConstants.PREFIX_LIB}-table-content">\n      <table class="${BcCommonConstants.PREFIX_LIB}-table ${BcCommonConstants.PREFIX_LIB}-table-selection ${BcCommonConstants.PREFIX_LIB}-table-with-setting">\n        <thead>\n          <tr>\n            <th class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></th>\n            <th class="">Nombre cuenta</th>\n            <th class="${BcCommonConstants.PREFIX_LIB}-table-favorite-column">Ultimo movimiento</th>\n            <th class="${BcCommonConstants.PREFIX_LIB}-table-number-column">Saldo en canje</th>\n            <th class="${BcCommonConstants.PREFIX_LIB}-table-number-column ${BcCommonConstants.PREFIX_LIB}-table-favorite-column">Saldo total</th>\n            <th class="${BcCommonConstants.PREFIX_LIB}-table-number-column">Saldo disponible</th>\n            <th class="${BcCommonConstants.PREFIX_LIB}-table-number-column ${BcCommonConstants.PREFIX_LIB}-table-favorite-column">Saldo disponible 2</th>\n            <th class="${BcCommonConstants.PREFIX_LIB}-table-number-column">Columna extra 1</th>\n            <th class="${BcCommonConstants.PREFIX_LIB}-table-number-column">Columna extra 2</th>\n            <th class="${BcCommonConstants.PREFIX_LIB}-table-number-column">Columna extra 3</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n            <td>Cuenta Z 1</td>\n            <td>20/12/2020</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 10.000.00,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 1 row 1</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 2 row 1</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 3 row 1</td>\n          </tr>\n          <tr>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" />

1<span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n            <td>Cuenta X</td>\n            <td>20/12/2020</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 10.000.00,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 1</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 2</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 3</td>\n          </tr>\n          <tr>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n            <td>Cuenta A</td>\n            <td>20/12/2020</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 10.000.00,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 1</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 2</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 3</td>\n          </tr>\n          <tr>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n            <td>Cuenta X 4</td>\n            <td>20/12/2020</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 9.000.00,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 1 row 4</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 2 row 4</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 3 row 4</td>\n          </tr>\n          <tr>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n            <td>Cuenta B</td>\n            <td>20/12/2020</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 15.000.00,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 1</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 2</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 3</td>\n          </tr>\n          <tr>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" />

1<span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n            <td>Cuenta X</td>\n            <td>20/12/2016</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 10.000.00,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 1</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 2</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 3</td>\n          </tr>\n          <tr>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n            <td>Cuenta X</td>\n            <td>20/12/2020</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 10.000.00,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 1</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 2</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 3</td>\n          </tr>\n          <tr>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n            <td>Cuenta X</td>\n            <td>20/12/2021</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 3.000.00,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 1</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 2</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 3</td>\n          </tr>\n          <tr>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n            <td>Cuenta X</td>\n            <td>20/12/2020</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 10.000.00,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 1</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 2</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 3</td>\n          </tr>\n          <tr>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" />

1<span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n            <td>Cuenta T</td>\n            <td>20/12/2020</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 10.000.00,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 1</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 2</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 3</td>\n          </tr>\n          <tr>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n            <td>Cuenta X</td>\n            <td>20/12/2020</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 10.000.00,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 1</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 2</td>\n            <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">Valor extra 3</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n    <div class="${BcCommonConstants.PREFIX_LIB}-table-footer">\n      <div class="${BcCommonConstants.PREFIX_LIB}-table-footer-container">\n        <div class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-container">\n          <div class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column">\n            <p class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column-title">Total saldo disponible</p>\n            <h6 class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column-value">COP $10.000.00,00</h6>\n          </div>\n          <div class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column">\n            <p class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column-title">Total saldo consolidado</p>\n            <h6 class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column-value">COP $10.000.00,00</h6>\n          </div>\n          <div class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column">\n            <p class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column-title">Total saldo consolidado</p>\n            <h6 class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column-value">COP $10.000.00,00</h6>\n          </div>\n          <div class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column">\n            <p class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column-title">Total saldo consolidado</p>\n            <h6 class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column-value">COP $10.000.00,00</h6>\n          </div>\n        </div>\n\n        <div class="${BcCommonConstants.PREFIX_LIB}-table-footer-subcontainer">\n          <div class="${BcCommonConstants.PREFIX_LIB}-table-actions-container">\n            <div class="${BcCommonConstants.PREFIX_LIB}-table-paginator-container">\n              <nav class="${BcCommonConstants.PREFIX_LIB}-paginator" id="full_2" role="navigation" aria-label="paginador" totalregisters="300" perpage="5" typepaginator="full"></nav>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  `,BcTableConstanstsSpec.tableHTMLDropdown=`\n    <div class="${BcCommonConstants.PREFIX_LIB}-table-container" id="myTable2">\n      <div class="${BcCommonConstants.PREFIX_LIB}-table-header-top">\n        <h6 class="${BcCommonConstants.PREFIX_LIB}-table-header-top-title">Título</h6>\n        <div class="${BcCommonConstants.PREFIX_LIB}-table-header-top-right-container">\n          <div class="${BcCommonConstants.PREFIX_LIB}-table-actions-container">\n            <div class="${BcCommonConstants.PREFIX_LIB}-table-paginator-container">\n              <nav class="${BcCommonConstants.PREFIX_LIB}-paginator" id="full" role="navigation" aria-label="paginador" totalregisters="300" perpage="5" typepaginator="full" multiple="5"></nav>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class="${BcCommonConstants.PREFIX_LIB}-table-content">\n        <table class="${BcCommonConstants.PREFIX_LIB}-table ${BcCommonConstants.PREFIX_LIB}-table-with-setting ${BcCommonConstants.PREFIX_LIB}-table-selection">\n          <thead>\n            <tr>\n              <th class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" />

1<span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></th>\n              <th class="">Nombre cuenta</th>\n              <th class="">Ultimo movimiento</th>\n              <th class="${BcCommonConstants.PREFIX_LIB}-table-number-column">Saldo en canje</th>\n              <th class="${BcCommonConstants.PREFIX_LIB}-table-number-column">Saldo total</th>\n              <th class="${BcCommonConstants.PREFIX_LIB}-table-number-column">Saldo disponible</th>\n              <th class="${BcCommonConstants.PREFIX_LIB}-table-number-column ">Saldo disponible 2</th>\n              <th class="${BcCommonConstants.PREFIX_LIB}-table-action-column"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n              <td>Cuenta Z 1</td>\n              <td>20/12/2020</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 10.000.00,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell"><label class="${BcCommonConstants.PREFIX_LIB}-tag ${BcCommonConstants.PREFIX_LIB}-tag-success">Success</label></td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-action-cell">\n                <div class="${BcCommonConstants.PREFIX_LIB}-dropdown">\n                  <em class="${BcCommonConstants.PREFIX_LIB}-dropdown-toggle ${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm" aria-controls="dropdownId">secondary-menu</em>\n                  <div class="${BcCommonConstants.PREFIX_LIB}-dropdown-content" id="dropdownId">\n                    <ul>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n              <td>Cuenta X</td>\n              <td>20/12/2020</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 10.000.00,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-action-cell">\n                <div class="${BcCommonConstants.PREFIX_LIB}-dropdown">\n                  <em class="${BcCommonConstants.PREFIX_LIB}-dropdown-toggle ${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm" aria-controls="dropdownId">secondary-menu</em>\n                  <div class="${BcCommonConstants.PREFIX_LIB}-dropdown-content" id="dropdownId">\n                    <ul>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>

1\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n              <td>Cuenta A</td>\n              <td>20/12/2020</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 10.000.00,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-action-cell">\n                <div class="${BcCommonConstants.PREFIX_LIB}-dropdown">\n                  <em class="${BcCommonConstants.PREFIX_LIB}-dropdown-toggle ${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm" aria-controls="dropdownId2">secondary-menu</em>\n                  <div class="${BcCommonConstants.PREFIX_LIB}-dropdown-content" id="dropdownId2">\n                    <ul>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n              <td>Cuenta X 4</td>\n              <td>20/12/2020</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 9.000.00,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-action-cell">\n                <div class="${BcCommonConstants.PREFIX_LIB}-dropdown">\n                  <em class="${BcCommonConstants.PREFIX_LIB}-dropdown-toggle ${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm" aria-controls="dropdownId3">secondary-menu</em>\n                  <div class="${BcCommonConstants.PREFIX_LIB}-dropdown-content" id="dropdownId3">\n                    <ul>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>

1\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n              <td>Cuenta B</td>\n              <td>20/12/2020</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 15.000.00,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-action-cell">\n                <div class="${BcCommonConstants.PREFIX_LIB}-dropdown">\n                  <em class="${BcCommonConstants.PREFIX_LIB}-dropdown-toggle ${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm" aria-controls="dropdownId4">secondary-menu</em>\n                  <div class="${BcCommonConstants.PREFIX_LIB}-dropdown-content" id="dropdownId4">\n                    <ul>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n              <td>Cuenta X</td>\n              <td>20/12/2016</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 10.000.00,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-action-cell">\n                <div class="${BcCommonConstants.PREFIX_LIB}-dropdown">\n                  <em class="${BcCommonConstants.PREFIX_LIB}-dropdown-toggle ${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm" aria-controls="dropdownId5">secondary-menu</em>\n                  <div class="${BcCommonConstants.PREFIX_LIB}-dropdown-content" id="dropdownId5">\n                    <ul>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>

1\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n              <td>Cuenta X</td>\n              <td>20/12/2020</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 10.000.00,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-action-cell">\n                <div class="${BcCommonConstants.PREFIX_LIB}-dropdown">\n                  <em class="${BcCommonConstants.PREFIX_LIB}-dropdown-toggle ${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm" aria-controls="dropdownId6">secondary-menu</em>\n                  <div class="${BcCommonConstants.PREFIX_LIB}-dropdown-content" id="dropdownId6">\n                    <ul>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n              <td>Cuenta X</td>\n              <td>20/12/2021</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 3.000.00,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-action-cell">\n                <div class="${BcCommonConstants.PREFIX_LIB}-dropdown">\n                  <em class="${BcCommonConstants.PREFIX_LIB}-dropdown-toggle ${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm" aria-controls="dropdownId7">secondary-menu</em>\n                  <div class="${BcCommonConstants.PREFIX_LIB}-dropdown-content" id="dropdownId7">\n                    <ul>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>

1\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n              <td>Cuenta X</td>\n              <td>20/12/2020</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 10.000.00,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-action-cell">\n                <div class="${BcCommonConstants.PREFIX_LIB}-dropdown">\n                  <em class="${BcCommonConstants.PREFIX_LIB}-dropdown-toggle ${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm" aria-controls="dropdownId8">secondary-menu</em>\n                  <div class="${BcCommonConstants.PREFIX_LIB}-dropdown-content" id="dropdownId8">\n                    <ul>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n              <td>Cuenta T</td>\n              <td>20/12/2020</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 10.000.00,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-action-cell">\n                <div class="${BcCommonConstants.PREFIX_LIB}-dropdown">\n                  <em class="${BcCommonConstants.PREFIX_LIB}-dropdown-toggle ${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm" aria-controls="dropdownId9">secondary-menu</em>\n                  <div class="${BcCommonConstants.PREFIX_LIB}-dropdown-content" id="dropdownId9">\n                    <ul>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>

1\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-checkbox-cell"><label class="${BcCommonConstants.PREFIX_LIB}-container-checkbox"><input type="checkbox" /><span class="${BcCommonConstants.PREFIX_LIB}-checkbox"></span></label></td>\n              <td>Cuenta X</td>\n              <td>20/12/2020</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">0</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell">$ 10.000.00,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 10.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-number-cell ${BcCommonConstants.PREFIX_LIB}-total-cell">$ 20.000.000,00</td>\n              <td class="${BcCommonConstants.PREFIX_LIB}-table-action-cell">\n                <div class="${BcCommonConstants.PREFIX_LIB}-dropdown">\n                  <em class="${BcCommonConstants.PREFIX_LIB}-dropdown-toggle ${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm" aria-controls="dropdownId10">secondary-menu</em>\n                  <div class="${BcCommonConstants.PREFIX_LIB}-dropdown-content" id="dropdownId10">\n                    <ul>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="${BcCommonConstants.PREFIX_LIB}-dropdown-item">\n                      <a class="${BcCommonConstants.PREFIX_LIB}-link" onclick="return true">\n                      <em class="${BcCommonConstants.PREFIX_LIB}-icon ${BcCommonConstants.PREFIX_LIB}-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n      <div class="${BcCommonConstants.PREFIX_LIB}-table-footer">\n        <div class="${BcCommonConstants.PREFIX_LIB}-table-footer-container">\n          <div class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-container">\n            <div class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column">\n              <p class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column-title">Total saldo disponible</p>\n              <h6 class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column-value">COP $10.000.00,00</h6>\n            </div>\n            <div class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column">\n              <p class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column-title">Total saldo consolidado</p>\n              <h6 class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column-value">COP $10.000.00,00</h6>\n            </div>\n            <div class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column">\n              <p class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column-title">Total saldo consolidado</p>\n              <h6 class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column-value">COP $10.000.00,00</h6>\n            </div>\n            <div class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column">\n              <p class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column-title">Total saldo consolidado</p>\n              <h6 class="${BcCommonConstants.PREFIX_LIB}-table-footer-total-column-value">COP $10.000.00,00</h6>\n            </div>\n          </div>\n\n          <div class="${BcCommonConstants.PREFIX_LIB}-table-footer-subcontainer">\n            <div class="${BcCommonConstants.PREFIX_LIB}-table-actions-container">\n              <div class="${BcCommonConstants.PREFIX_LIB}-table-paginator-container">\n                <nav class="${BcCommonConstants.PREFIX_LIB}-paginator" id="full_2" role="navigation" aria-label="paginador" totalregisters="300" perpage="5" typepaginator="full" multiple="5"></nav>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  `;class BcTableConstansts2{}BcTableConstansts2.TABLE_FIXED_COLUMN_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-fixed-column`,BcTableConstansts2.TABLE_FIXED_CONTAINER_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-fixed-column-container`,BcTableConstansts2.TABLE_FIXED_ACTION_CONTAINER_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-fixed-action-column-container`,BcTableConstansts2.TABLE_SCROLL_CLASS=`${BcCommonConstants.PREFIX_LIB}-table-scroll`;class BcTableConstanstsSpec2{}BcTableConstanstsSpec2.tableHTMLScroll='\n\t<div class="bc-table-container" id="myTableScroll">\n      <div class="bc-table-header-top">\n        <h6 class="bc-table-header-top-title">Título</h6>\n        <div class="bc-table-header-top-right-container">\n          <div class="bc-table-actions-container">\n            <div class="bc-table-paginator-container">\n              <nav class="bc-paginator" id="full" role="navigation" aria-label="paginador" totalregisters="300" perpage="5" typepaginator="full" multiple="5"></nav>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class="bc-table-content">\n        <table class="bc-table bc-table-scroll bc-table-selection">\n          <thead>\n            <tr>\n              <th class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" />

1<span class="bc-checkbox"></span></label></th>\n              <th class="">Nombre cuenta</th>\n              <th class="">Ultimo movimiento</th>\n              <th class="bc-table-number-column">Saldo en canje</th>\n              <th class="bc-table-number-column">Saldo total</th>\n              <th class="bc-table-number-column">Saldo disponible</th>\n              <th class="bc-table-number-column ">Saldo disponible 2</th>\n              <th class="bc-table-action-column"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n              <td>Cuenta Z 1</td>\n              <td>20/12/2020</td>\n              <td class="bc-table-number-cell">0</td>\n              <td class="bc-table-number-cell">$ 10.000.00,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n              <td class="bc-table-number-cell bc-total-cell"><label class="bc-tag bc-tag-success">Success</label></td>\n              <td class="bc-table-action-cell">\n                <div class="bc-dropdown">\n                  <em class="bc-dropdown-toggle bc-icon bc-sm" aria-controls="dropdownId">secondary-menu</em>\n                  <div class="bc-dropdown-content" id="dropdownId">\n                    <ul>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n              <td>Cuenta X</td>\n              <td>20/12/2020</td>\n              <td class="bc-table-number-cell">0</td>\n              <td class="bc-table-number-cell">$ 10.000.00,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n              <td class="bc-table-action-cell">\n                <div class="bc-dropdown">\n                  <em class="bc-dropdown-toggle bc-icon bc-sm" aria-controls="dropdownId">secondary-menu</em>\n                  <div class="bc-dropdown-content" id="dropdownId">\n                    <ul>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" />

1<span class="bc-checkbox"></span></label></td>\n              <td>Cuenta A</td>\n              <td>20/12/2020</td>\n              <td class="bc-table-number-cell">0</td>\n              <td class="bc-table-number-cell">$ 10.000.00,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n              <td class="bc-table-action-cell">\n                <div class="bc-dropdown">\n                  <em class="bc-dropdown-toggle bc-icon bc-sm" aria-controls="dropdownId2">secondary-menu</em>\n                  <div class="bc-dropdown-content" id="dropdownId2">\n                    <ul>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n              <td>Cuenta X 4</td>\n              <td>20/12/2020</td>\n              <td class="bc-table-number-cell">0</td>\n              <td class="bc-table-number-cell">$ 9.000.00,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n              <td class="bc-table-action-cell">\n                <div class="bc-dropdown">\n                  <em class="bc-dropdown-toggle bc-icon bc-sm" aria-controls="dropdownId3">secondary-menu</em>\n                  <div class="bc-dropdown-content" id="dropdownId3">\n                    <ul>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n              <td>Cuenta B</td>\n              <td>20/12/2020</td>\n              <td class="bc-table-number-cell">0</td>\n              <td class="bc-table-number-cell">$ 15.000.00,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n              <td class="bc-table-action-cell">\n                <div class="bc-dropdown">\n                  <em class="bc-dropdown-toggle bc-icon bc-sm" aria-controls="dropdownId4">secondary-menu</em>\n                  <div class="bc-dropdown-content" id="dropdownId4">\n                    <ul>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>

1\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n              <td>Cuenta X</td>\n              <td>20/12/2016</td>\n              <td class="bc-table-number-cell">0</td>\n              <td class="bc-table-number-cell">$ 10.000.00,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n              <td class="bc-table-action-cell">\n                <div class="bc-dropdown">\n                  <em class="bc-dropdown-toggle bc-icon bc-sm" aria-controls="dropdownId5">secondary-menu</em>\n                  <div class="bc-dropdown-content" id="dropdownId5">\n                    <ul>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n              <td>Cuenta X</td>\n              <td>20/12/2020</td>\n              <td class="bc-table-number-cell">0</td>\n              <td class="bc-table-number-cell">$ 10.000.00,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n              <td class="bc-table-action-cell">\n                <div class="bc-dropdown">\n                  <em class="bc-dropdown-toggle bc-icon bc-sm" aria-controls="dropdownId6">secondary-menu</em>\n                  <div class="bc-dropdown-content" id="dropdownId6">\n                    <ul>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>

1\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n              <td>Cuenta X</td>\n              <td>20/12/2021</td>\n              <td class="bc-table-number-cell">0</td>\n              <td class="bc-table-number-cell">$ 3.000.00,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n              <td class="bc-table-action-cell">\n                <div class="bc-dropdown">\n                  <em class="bc-dropdown-toggle bc-icon bc-sm" aria-controls="dropdownId7">secondary-menu</em>\n                  <div class="bc-dropdown-content" id="dropdownId7">\n                    <ul>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n              <td>Cuenta X</td>\n              <td>20/12/2020</td>\n              <td class="bc-table-number-cell">0</td>\n              <td class="bc-table-number-cell">$ 10.000.00,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n              <td class="bc-table-action-cell">\n                <div class="bc-dropdown">\n                  <em class="bc-dropdown-toggle bc-icon bc-sm" aria-controls="dropdownId8">secondary-menu</em>\n                  <div class="bc-dropdown-content" id="dropdownId8">\n                    <ul>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n              <td>Cuenta T</td>\n              <td>20/12/2020</td>\n              <td class="bc-table-number-cell">0</td>\n              <td class="bc-table-number-cell">$ 10.000.00,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n              <td class="bc-table-action-cell">\n                <div class="bc-dropdown">\n                  <em class="bc-dropdown-toggle bc-icon bc-sm" aria-controls="dropdownId9">secondary-menu</em>\n                  <div class="bc-dropdown-content" id="dropdownId9">\n                    <ul>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>

1\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n              <td>Cuenta X</td>\n              <td>20/12/2020</td>\n              <td class="bc-table-number-cell">0</td>\n              <td class="bc-table-number-cell">$ 10.000.00,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n              <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n              <td class="bc-table-action-cell">\n                <div class="bc-dropdown">\n                  <em class="bc-dropdown-toggle bc-icon bc-sm" aria-controls="dropdownId10">secondary-menu</em>\n                  <div class="bc-dropdown-content" id="dropdownId10">\n                    <ul>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 1</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 2</span>\n                      </a>\n                    </li>\n                    <li class="bc-dropdown-item">\n                      <a class="bc-link" onclick="optionClick(event)">\n                      <em class="bc-icon bc-sm">search</em>\n                      <span>Opción 3</span>\n                      </a>\n                    </li>\n                    </ul>\n                  </div>\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n      <div class="bc-table-footer">\n        <div class="bc-table-footer-container">\n          <div class="bc-table-footer-total-container">\n            <div class="bc-table-footer-total-column">\n              <p class="bc-table-footer-total-column-title">Total saldo disponible</p>\n              <h6 class="bc-table-footer-total-column-value">COP $10.000.00,00</h6>\n            </div>\n            <div class="bc-table-footer-total-column">\n              <p class="bc-table-footer-total-column-title">Total saldo consolidado</p>\n              <h6 class="bc-table-footer-total-column-value">COP $10.000.00,00</h6>\n            </div>\n            <div class="bc-table-footer-total-column">\n              <p class="bc-table-footer-total-column-title">Total saldo consolidado</p>\n              <h6 class="bc-table-footer-total-column-value">COP $10.000.00,00</h6>\n            </div>\n            <div class="bc-table-footer-total-column">\n              <p class="bc-table-footer-total-column-title">Total saldo consolidado</p>\n              <h6 class="bc-table-footer-total-column-value">COP $10.000.00,00</h6>\n            </div>\n          </div>\n\n          <div class="bc-table-footer-subcontainer">\n            <div class="bc-table-actions-container">\n              <div class="bc-table-paginator-container">\n                <nav class="bc-paginator" id="full_2" role="navigation" aria-label="paginador" totalregisters="300" perpage="5" typepaginator="full" multiple="5"></nav>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>',BcTableConstanstsSpec2.tableHTMLScrollNoDropdown='\n\t<div class="bc-table-container" id="myTableScroll">\n    <div class="bc-table-header-top">\n      <h6 class="bc-table-header-top-title">Título</h6>\n      <div class="bc-table-header-top-right-container">\n        <div class="bc-table-actions-container">\n          <div class="bc-table-paginator-container">\n            <nav class="bc-paginator" id="full" role="navigation" aria-label="paginador" totalregisters="300" perpage="5" typepaginator="full" multiple="5"></nav>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class="bc-table-content">\n      <table class="bc-table bc-table-scroll bc-table-selection">\n        <thead>\n          <tr>\n            <th class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" />

1<span class="bc-checkbox"></span></label></th>\n            <th class="">Nombre cuenta</th>\n            <th class="">Ultimo movimiento</th>\n            <th class="bc-table-number-column">Saldo en canje</th>\n            <th class="bc-table-number-column">Saldo total</th>\n            <th class="bc-table-number-column">Saldo disponible</th>\n            <th class="bc-table-number-column ">Saldo disponible 2</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr>\n            <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n            <td>Cuenta Z 1</td>\n            <td>20/12/2020</td>\n            <td class="bc-table-number-cell">0</td>\n            <td class="bc-table-number-cell">$ 10.000.00,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n            <td class="bc-table-number-cell bc-total-cell"><label class="bc-tag bc-tag-success">Success</label></td>\n          </tr>\n          <tr>\n            <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n            <td>Cuenta X</td>\n            <td>20/12/2020</td>\n            <td class="bc-table-number-cell">0</td>\n            <td class="bc-table-number-cell">$ 10.000.00,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n          </tr>\n          <tr>\n            <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n            <td>Cuenta A</td>\n            <td>20/12/2020</td>\n            <td class="bc-table-number-cell">0</td>\n            <td class="bc-table-number-cell">$ 10.000.00,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n          </tr>\n          <tr>\n            <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n            <td>Cuenta X 4</td>\n            <td>20/12/2020</td>\n            <td class="bc-table-number-cell">0</td>\n            <td class="bc-table-number-cell">$ 9.000.00,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n          </tr>\n          <tr>\n            <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n            <td>Cuenta B</td>\n            <td>20/12/2020</td>\n            <td class="bc-table-number-cell">0</td>\n            <td class="bc-table-number-cell">$ 15.000.00,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n          </tr>\n          <tr>\n            <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n            <td>Cuenta X</td>\n            <td>20/12/2016</td>\n            <td class="bc-table-number-cell">0</td>\n            <td class="bc-table-number-cell">$ 10.000.00,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n          </tr>\n          <tr>\n            <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n            <td>Cuenta X</td>\n            <td>20/12/2020</td>\n            <td class="bc-table-number-cell">0</td>\n            <td class="bc-table-number-cell">$ 10.000.00,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n          </tr>\n          <tr>\n            <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" />

1<span class="bc-checkbox"></span></label></td>\n            <td>Cuenta X</td>\n            <td>20/12/2021</td>\n            <td class="bc-table-number-cell">0</td>\n            <td class="bc-table-number-cell">$ 3.000.00,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n          </tr>\n          <tr>\n            <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n            <td>Cuenta X</td>\n            <td>20/12/2020</td>\n            <td class="bc-table-number-cell">0</td>\n            <td class="bc-table-number-cell">$ 10.000.00,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n          </tr>\n          <tr>\n            <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n            <td>Cuenta T</td>\n            <td>20/12/2020</td>\n            <td class="bc-table-number-cell">0</td>\n            <td class="bc-table-number-cell">$ 10.000.00,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n          </tr>\n          <tr>\n            <td class="bc-table-checkbox-cell"><label class="bc-container-checkbox"><input type="checkbox" /><span class="bc-checkbox"></span></label></td>\n            <td>Cuenta X</td>\n            <td>20/12/2020</td>\n            <td class="bc-table-number-cell">0</td>\n            <td class="bc-table-number-cell">$ 10.000.00,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 10.000.000,00</td>\n            <td class="bc-table-number-cell bc-total-cell">$ 20.000.000,00</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n    <div class="bc-table-footer">\n      <div class="bc-table-footer-container">\n        <div class="bc-table-footer-total-container">\n          <div class="bc-table-footer-total-column">\n            <p class="bc-table-footer-total-column-title">Total saldo disponible</p>\n            <h6 class="bc-table-footer-total-column-value">COP $10.000.00,00</h6>\n          </div>\n          <div class="bc-table-footer-total-column">\n            <p class="bc-table-footer-total-column-title">Total saldo consolidado</p>\n            <h6 class="bc-table-footer-total-column-value">COP $10.000.00,00</h6>\n          </div>\n          <div class="bc-table-footer-total-column">\n            <p class="bc-table-footer-total-column-title">Total saldo consolidado</p>\n            <h6 class="bc-table-footer-total-column-value">COP $10.000.00,00</h6>\n          </div>\n          <div class="bc-table-footer-total-column">\n            <p class="bc-table-footer-total-column-title">Total saldo consolidado</p>\n            <h6 class="bc-table-footer-total-column-value">COP $10.000.00,00</h6>\n          </div>\n        </div>\n\n        <div class="bc-table-footer-subcontainer">\n          <div class="bc-table-actions-container">\n            <div class="bc-table-paginator-container">\n              <nav class="bc-paginator" id="full_2" role="navigation" aria-label="paginador" totalregisters="300" perpage="5" typepaginator="full" multiple="5"></nav>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>';class BcTableHelper{constructor(){this.customDropdowns=[],this.fixedColumnIndex=BcTableConstansts.TABLE_NUMBER_0,this.fixedColumnData=[],this.fixedActionColumnData=[],this.selectedCellsElement=[],this.hasDropdowns=!1,this.visibleColumns=[],this.mySelf=null,this.dropdownsClone=[],this.menuOptionLength=0}getFavoriteColumns(t,e){const n=e.classList.contains(BcTableConstansts.TABLE_SELECTION_CLASS);let s=[];for(let e=BcTableConstansts.TABLE_NUMBER_0;e<t.length;e++){t[e].classList.contains(BcTableConstansts.TABLE_FAVORITE_COLUMN_CLASS)&&s.push(e)}return s.length===BcTableConstansts.TABLE_NUMBER_0&&(s=this.setAutoFavorites(n)),s}setAutoFavorites(t){let e=[];return e=t?[BcTableConstansts.TABLE_NUMBER_1,BcTableConstansts.TABLE_NUMBER_2,BcTableConstansts.TABLE_NUMBER_3]:[BcTableConstansts.TABLE_NUMBER_0,BcTableConstansts.TABLE_NUMBER_1,BcTableConstansts.TABLE_NUMBER_2]}addFavoriteOrderIndex(t){for(const e of t){e.querySelectorAll(`.${BcTableConstansts.TABLE_FAVORITE_CELL_CLASS}`).forEach((t,e)=>{const n=`bc-order-${e+BcTableConstansts.TABLE_NUMBER_1}`;t.classList.contains(n)||t.classList.add(n)})}}selectAllRows(t){for(let e=BcTableConstansts.TABLE_NUMBER_1;e<t.length;e++){const n=t[e].querySelector(`input[type="${BcTableConstansts.TABLE_CHECKBOX_SELECTOR}"]`);if(n&&!n.checked){const t=new Event(BcCommonConstants.EVENT_CHANGE);n.dispatchEvent(t),n.checked=!0}}}formatRow(t,e,n){const s={},o=n?BcTableConstansts.TABLE_NUMBER_1:BcTableConstansts.TABLE_NUMBER_0;for(let n=o;n<=e.length;n++){const a=t.children[n];e[n-o]&&(s[e[n-o].name]=a.textContent)}return s}formatRowDataSelected(t,e){const n=[];for(const s of t)n.push(this.formatRow(s,e,!0));return n}toggleSelectedClassRow(t){const e=t.nextElementSibling;t.classList.contains(BcTableConstansts.TABLE_SELECTED_CLASS)&&e&&e.classList.contains(BcTableConstansts.TABLE_EXTRA_ROW_ACTIVE_CLASS)||t.classList.toggle(BcTableConstansts.TABLE_SELECTED_CLASS)}getColspanNumber(){const t=this.getColums();let e=BcTableConstansts.TABLE_NUMBER_0;for(const n of t)-1===n.className.indexOf(BcTableConstansts.TABLE_HIDDEN_CLASS)&&e++;return e}getColums(){const t=this.mySelf.querySelectorAll(BcTableConstansts.TABLE_TH_CLASS);return Array.from(t)}setColspanForExtraRow(){const t=this.mySelf.querySelectorAll(`.${BcTableConstansts.TABLE_EXTRA_ROW_CLASS}`),e=this.getColspanNumber();for(const n of Array.from(t))n.firstElementChild.setAttribute("colspan",String(e))}getListeners(t,e,n){for(const s of Array.from(t)){const t=s.querySelector('*[class^="bc-dropdown"]'),o=t?t.querySelectorAll("a"):null;if(null!==o){const t=[];for(const e of Array.from(o)){const n=e.querySelector("em").innerText,s=e.querySelector("span").innerText,o=e.onclick;t.push({icon:n,text:s,action:o})}this.createSingleOptionsButton(s,s.nextElementSibling,t,e,n)}}}createSingleOptionsButton(t,e,n,s,o){if(null!==e){const a=e.querySelector(`.${BcTableConstansts.TABLE_EXTRA_ROW_CONTENT_CLASS}`),l=document.createElement("div");l.classList.add(BcTableConstansts.TABLE_EXTRA_ROW_CONTENT_ACTIONS_CLASS);for(const e of n){const n=document.createElement("button");n.classList.add(BcCommonConstants.BTN_SECONDARY_CLASS,BcCommonConstants.BUTTON_SMALL_CLASS);const a=`<em class="bc-icon bc-sm">${e.icon}</em> ${e.text}`;n.innerHTML=a,this.addEventSigleButton(n,e,t,s,o),l.appendChild(n)}a.appendChild(l)}}addEventSigleButton(t,e,n,s,o){t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{null!==e.action&&e.action(this.formatRow(n,s,o))})}overwriteEvent(t,e,n){for(const s of Array.from(t)){const t=s.querySelector('*[class^="bc-dropdown"]'),o=t?t.querySelectorAll("a"):null;if(null!==o)for(const t of Array.from(o)){const o=t.onclick,a=t.getAttribute("aria-setted");this.setOverwritedEvent(a,t,o,s,e,n),t.setAttribute("aria-setted","true")}}}setOverwritedEvent(t,e,n,s,o,a){null===t&&e.addEventListener(BcCommonConstants.EVENT_CLICK,t=>{t.preventDefault(),t.stopPropagation();const e=t.target.closest(".bc-dropdown-active"),l=this.customDropdowns.findIndex(t=>t.getMySelf()===e);-1!==l&&this.customDropdowns[l].closeDropdown(),n(this.formatRow(s,o,a))},!0)}getCustomDropdowns(t,e){const n=Array.from(t.querySelectorAll('*[class="bc-dropdown"]'));e.dropdowns=[];for(const t of n)e.initDropdown(t);this.customDropdowns=e.dropdowns}createFixedColumnContainer(t,e){const n=document.createElement(BcCommonConstants.DIV_TAG);n.classList.add(BcTableConstansts2.TABLE_FIXED_CONTAINER_CLASS);const s=this.mySelf.querySelector(`.${BcTableConstansts.TABLE_CONTENT_CLASS}`);s.insertBefore(n,s.firstChild),this.createFixedColumnContent(n),e&&this.moveCheckboxToFixedColumn(t,n),this.moveTableToDiv()}createFixedColumnContent(t){const e=document.createElement(BcCommonConstants.DIV_TAG);e.classList.add("bc-table-fixed-column-header","bc-table-fixed-column-cell");const n=document.createElement("span");n.innerHTML=`${this.fixedColumnData[0]}`;const s=document.createElement("em");s.classList.add("bc-icon","bc-icon-thumbtack"),s.innerText="thumbtack",e.appendChild(n),e.appendChild(s),this.addEventToFixedHeader(n);const o=document.createElement(BcCommonConstants.DIV_TAG);o.classList.add("bc-table-fixed-column-body"),t.appendChild(e),t.appendChild(o),this.createTD(o)}createTD(t){for(let e=BcTableConstansts.TABLE_NUMBER_1;e<this.fixedColumnData.length;e++){const n=this.fixedColumnData[e],s=document.createElement(BcCommonConstants.DIV_TAG);s.classList.add("bc-table-fixed-column-cell"),s.innerHTML=`${n}`,t.appendChild(s)}}addEventToFixedHeader(t){const e=this.mySelf.querySelector(`th[id*="column_${this.fixedColumnIndex}"]`);t.addEventListener(BcCommonConstants.EVENT_CLICK,t=>{e.dispatchEvent(new Event(BcCommonConstants.EVENT_CLICK))},!0)}moveTableToDiv(){const t=this.mySelf.querySelector(`.${BcTableConstansts.TABLE_CLASS}`);let e=this.mySelf.querySelector(".bc-table-subcontainer");const n=this.mySelf.querySelector(".bc-table-fixed-column-container");e||(e=document.createElement(BcCommonConstants.DIV_TAG)).classList.add("bc-table-subcontainer"),e.appendChild(t),n.insertAdjacentElement("afterend",e)}cloneFixedColumnData(t,e,n,s){const o=t[n?this.fixedColumnIndex-BcTableConstansts.TABLE_NUMBER_1:this.fixedColumnIndex].id,a=[];for(const t of e){const e=t.children[this.fixedColumnIndex];a.push(e.innerHTML)}this.hideShowColumn(o,!1,s),this.showHideColumnCell(o,!1,e),this.fixedColumnData=a}getFixedColumnIndex(t,e){let n=e?BcTableConstansts.TABLE_NUMBER_1:BcTableConstansts.TABLE_NUMBER_0;for(let e=BcTableConstansts.TABLE_NUMBER_0;e<t.length;e++){t[e].classList.contains(BcTableConstansts.TABLE_FIXED_COLUMN_CLASS)&&(n=e)}n<=BcTableConstansts.TABLE_NUMBER_1&&!t[n].classList.contains(BcTableConstansts.TABLE_FIXED_COLUMN_CLASS)&&t[n].classList.add(BcTableConstansts.TABLE_FIXED_COLUMN_CLASS),this.fixedColumnIndex=n}hideShowColumn(t,e,n){const s=-1!==t.indexOf("check_")?t.split("check_")[BcTableConstansts.TABLE_NUMBER_1]:t;for(const t of n)t.getAttribute("id")===s&&(e?t.classList.remove("bc-hidden"):t.classList.add("bc-hidden"))}showHideColumnCell(t,e,n){const s=t.split("_"),o=Number(s[s.length-BcTableConstansts.TABLE_NUMBER_1]);for(let t=BcTableConstansts.TABLE_NUMBER_1;t<n.length;t++){const s=n[t];s.children[o].style.display=e?BcTableConstansts.TABLE_DISPLAY_CELL:BcTableConstansts.TABLE_DISPLAY_NONE}}moveCheckboxToFixedColumn(t,e){const n=e.querySelector(".bc-table-fixed-column-header"),s=Array.from(e.querySelectorAll(".bc-table-fixed-column-cell"));let o;for(let e=BcTableConstansts.TABLE_NUMBER_0;e<t.length;e++){const a=t[e],l=a.querySelector(".bc-container-checkbox"),i=a.querySelector(`input[type="${BcTableConstansts.TABLE_CHECKBOX_SELECTOR}"]`),c=l.cloneNode(!0);i.parentElement.parentElement.style.display="none",o=n.querySelector(`input[type="${BcTableConstansts.TABLE_CHECKBOX_SELECTOR}"]`),i.classList.contains("bc-table-master-checkbox")||this.addEventToCloneChk(c,i,o,t),s[e].insertBefore(c,s[e].firstChild)}this.addEventToMasterChk(o)}addEventToCloneChk(t,e,n,s){const o=t.querySelector('input[type="checkbox"]');o.addEventListener(BcCommonConstants.EVENT_CHANGE,t=>{t.stopPropagation(),t.preventDefault(),e.dispatchEvent(new Event(BcCommonConstants.EVENT_CHANGE)),null!==t.target?this.setCheckboxValue(e,t):setTimeout(()=>{this.setCheckboxValue(e,t)}),this.selectUnselectFixedCell(o,t.target.checked),n.checked=this.validateAllSelection(s,this.selectedCellsElement)},!0)}setCheckboxValue(t,e){t.checked=e.target.checked}selectUnselectFixedCell(t,e){null!==t&&t.checked||e?t.closest('*[class*="bc-table-fixed-column-cell"]').classList.add(BcTableConstansts.TABLE_SELECTED_CLASS):t.closest('*[class*="bc-table-fixed-column-cell"]').classList.remove(BcTableConstansts.TABLE_SELECTED_CLASS),this.hasDropdowns&&this.selectUnselectFixedActionCell(this.getIndicesOfCellPressed())}addEventToMasterChk(t){null!==t&&t.addEventListener(BcCommonConstants.EVENT_CHANGE,e=>{!0===t.checked||!0===e.target.checked?this.selectAllFixedRows():this.clearFixedSelection(),t.checked=e.target.checked})}validateAllSelection(t,e){return t.length-BcTableConstansts.TABLE_NUMBER_1===e.length}selectUnSelectRow(t,e){e.includes(t)?e.splice(e.indexOf(t),BcTableConstansts.TABLE_NUMBER_1):e.push(t),this.selectedCellsElement=e}clearFixedSelection(t){const e=this.mySelf.querySelector(".bc-table-fixed-column-container"),n=Array.from(e.querySelectorAll('*[class*="bc-table-fixed-column-cell"]'));for(let e=BcTableConstansts.TABLE_NUMBER_1;e<n.length;e++){const s=n[e];s.classList.remove(BcTableConstansts.TABLE_SELECTED_CLASS);const o=s.querySelector(`input[type="${BcTableConstansts.TABLE_CHECKBOX_SELECTOR}"]`);o&&(!t&&o.dispatchEvent(new Event(BcCommonConstants.EVENT_CHANGE)),o.checked=!1,this.selectUnselectFixedCell(o))}this.uncheckMasterFixedColumn()}selectAllFixedRows(){const t=this.mySelf.querySelector(".bc-table-fixed-column-container"),e=Array.from(t.querySelectorAll('*[class*="bc-table-fixed-column-cell"]'));for(let t=BcTableConstansts.TABLE_NUMBER_1;t<e.length;t++){const n=e[t].querySelector(`input[type="${BcTableConstansts.TABLE_CHECKBOX_SELECTOR}"]`);null===n||n.checked||(n.dispatchEvent(new Event(BcCommonConstants.EVENT_CHANGE)),n.checked=!0,this.selectUnselectFixedCell(n))}}createFixedActionColumnContainer(){const t=document.createElement(BcCommonConstants.DIV_TAG);t.classList.add(BcTableConstansts2.TABLE_FIXED_ACTION_CONTAINER_CLASS),this.mySelf.querySelector(`.${BcTableConstansts.TABLE_CONTENT_CLASS}`).appendChild(t),this.createFixedActionColumnContent(t)}createFixedActionColumnContent(t){const e=document.createElement(BcCommonConstants.DIV_TAG);e.classList.add("bc-table-fixed-action-column-header","bc-table-fixed-column-cell");const n=document.createElement(BcCommonConstants.DIV_TAG);n.classList.add("bc-table-fixed-action-column-body"),t.appendChild(e),t.appendChild(n),this.createActionTD(n)}cloneFixedActionColumnData(t){const e=[];for(const n of t){const t=n.children[n.children.length-BcTableConstansts.TABLE_NUMBER_1];e.push(t.firstElementChild)}this.hideActionColumn(t),this.fixedActionColumnData=e}createActionTD(t){for(let e=BcTableConstansts.TABLE_NUMBER_1;e<this.fixedActionColumnData.length;e++){const n=this.fixedActionColumnData[e],s=document.createElement(BcCommonConstants.DIV_TAG);s.classList.add("bc-table-fixed-column-cell");const o=n.cloneNode(!0);this.initDropdown(o),(this.customDropdowns.length>0&&this.menuOptionLength>0||"BC-TABLE-DROPDOWN"===n.tagName)&&this.addEventToClone(n,o),s.appendChild(o),t.appendChild(s)}}addEventToClone(t,e){const n=t.querySelectorAll("a"),s=e.querySelectorAll("a");for(let t=0;t<n.length;t++){const e=n[t],o=s[t];this.setEventToClone(o,e)}}setEventToClone(t,e){t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{e.dispatchEvent(new Event(BcCommonConstants.EVENT_CLICK))})}hideActionColumn(t){for(const e of t){e.children[e.children.length-BcTableConstansts.TABLE_NUMBER_1].style.display=BcTableConstansts.TABLE_DISPLAY_NONE}}getIndicesOfCellPressed(){const t=this.mySelf.querySelector(".bc-table-fixed-column-container"),e=[];

1if(null!==t){const n=Array.from(t.querySelectorAll('*[class*="bc-table-fixed-column-cell"]'));for(let t=BcTableConstansts.TABLE_NUMBER_0;t<n.length;t++){n[t].classList.contains("bc-selected")&&e.push(t)}}return e}selectUnselectFixedActionCell(t){const e=this.mySelf.querySelector(".bc-table-fixed-action-column-container");if(null!==e){const n=Array.from(e.querySelectorAll('*[class*="bc-table-fixed-column-cell"]'));for(let e=BcTableConstansts.TABLE_NUMBER_0;e<n.length;e++){const s=n[e];t.includes(e)?s.classList.add(BcTableConstansts.TABLE_SELECTED_CLASS):s.classList.remove(BcTableConstansts.TABLE_SELECTED_CLASS)}}}uncheckMasterFixedColumn(){const t=this.mySelf.querySelector(".bc-table-fixed-column-container").querySelector('input[class="bc-table-master-checkbox"]');t&&t.checked&&(t.checked=!1)}getVisibleColumns(){this.visibleColumns=[];const t=Array.from(this.mySelf.querySelectorAll("th"));for(const e of t)e.classList.contains("bc-table-checkbox-cell")||e.classList.contains("bc-table-action-column")||!e.classList.contains(BcTableConstansts2.TABLE_FIXED_COLUMN_CLASS)&&e.classList.contains("bc-hidden")||this.visibleColumns.push(e.getAttribute("id"))}addThumbtackEvent(t){const e=this.mySelf.querySelector(".bc-table-dropdown-setting"),n=Array.from(e.querySelectorAll("ul li"));t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{for(const t of n){t.querySelector('*[class~="bc-button-fixer"]').closest("li").classList.remove(BcTableConstansts2.TABLE_FIXED_COLUMN_CLASS)}const e=t.closest("li");e.classList.add(BcTableConstansts2.TABLE_FIXED_COLUMN_CLASS),e.querySelector(`input[type="${BcTableConstansts.TABLE_CHECKBOX_SELECTOR}"]`).checked=!0})}getNewFixedColumn(){const t=this.mySelf.querySelector(".bc-table-dropdown-setting"),e=Array.from(t.querySelectorAll(".bc-button-fixer"));for(const t of e)if(t.closest("li").classList.contains(BcTableConstansts2.TABLE_FIXED_COLUMN_CLASS))return t.getAttribute("id")}updateFixedColumn(t,e,n,s){const o=t.split("thumbtack_")[1],a=Array.from(this.mySelf.querySelectorAll("th")),l=t.split("_");if(this.showHideColumnCell(`${s}_column_${this.fixedColumnIndex}`,!0,n),l[l.length-BcTableConstansts.TABLE_NUMBER_1]!==String(this.fixedColumnIndex)){for(const t of a)t.classList.contains(BcTableConstansts2.TABLE_FIXED_COLUMN_CLASS)&&t.classList.remove(BcTableConstansts2.TABLE_FIXED_COLUMN_CLASS,"bc-hidden"),o===t.getAttribute("id")&&t.classList.add(BcTableConstansts2.TABLE_FIXED_COLUMN_CLASS);this.getFixedColumnIndex(this.getColums(),e)}}undoFixedColumn(){const t=this.mySelf.querySelector(".bc-table-dropdown-setting"),e=Array.from(t.querySelectorAll(".bc-button-fixer"));for(const t of e)-1!==t.getAttribute("id").indexOf(String(this.fixedColumnIndex))?t.closest("li").classList.add(BcTableConstansts2.TABLE_FIXED_COLUMN_CLASS):t.closest("li").classList.remove(BcTableConstansts2.TABLE_FIXED_COLUMN_CLASS)}initDropdown(t,e){const n={isPopUp:!0,static:e||!1},s=new BcDropdownBehavior;return s.setElement(t),s.setConfig(n),s.setUp(),this.dropdownsClone.push(s),s}undoColumnSelection(t){this.getVisibleColumns();const e=t.querySelector(`*[class~="${BcCommonConstants.BC_DROPDOWN_UNDISMISS_CLASS}"]`),n=null!==e?Array.from(e.querySelectorAll("ul li")):[];for(const t of n){const e=t.querySelector(`input[type="${BcTableConstansts.TABLE_CHECKBOX_SELECTOR}"]`),n=e.getAttribute("id").split("check_");this.visibleColumns.includes(n[1])?e.checked=!0:e.checked=!1}null!==e&&this.undoFixedColumn()}resetBodyOverflow(t,e){t.detail===`${e}DropdownSetting`&&(document.querySelector("body").style.overflow="auto")}resizeSettingDropdown(t){const e=this.mySelf.querySelector(`div[id="${t}DropdownSetting"]`);null!==e&&(setTimeout(()=>{e.style.inset="0",e.style.maxHeight="100vh"},BcTableConstansts.TABLE_NUMBER_10),document.querySelector("body").style.overflow="hidden")}movePaginatorDown(){const t=this.mySelf.querySelector('*[class*="bc-paginator-mobile"]'),e=Array.from(this.mySelf.querySelectorAll(".bc-table-paginator-container")),n=e[e.length-BcTableConstansts.TABLE_NUMBER_1],s=this.mySelf.querySelector('*[class*="bc-paginator"]');if(null!==s&&s.classList.add("bc-paginator-mobile"),!t&&e.length>BcTableConstansts.TABLE_NUMBER_1)n.appendChild(s);else if(null!==s){const t=this.getOrCreateFooterContainer(),e=document.createElement("div");e.classList.add("bc-table-footer-subcontainer");const n=document.createElement("div");n.classList.add("bc-table-actions-container");const o=document.createElement("div");o.classList.add("bc-table-paginator-container"),o.appendChild(s),n.appendChild(o),e.appendChild(n),t.appendChild(e)}}getOrCreateFooterContainer(){let t=this.mySelf.querySelector(".bc-table-footer-container");return null===t&&((t=document.createElement("div")).classList.add("bc-table-footer-container"),this.mySelf.appendChild(t)),t}removeMobileClassPag(t){const e=this.mySelf.querySelector('*[class*="bc-paginator-mobile"]');

1if(null!==e){e.classList.remove("bc-paginator-mobile");const n=t.querySelector(".bc-table-paginator-container");null!==n&&n.appendChild(e)}if(this.mySelf.querySelectorAll('*[class*="bc-paginator"]').length<=BcTableConstansts.TABLE_NUMBER_1){const t=this.mySelf.querySelector(".bc-table-footer-subcontainer");null!==t&&t.remove()}}createListAndEvent(t,e,n,s,o){for(const a of n){const n=document.createElement("li"),l=t.querySelector("ul");n.classList.add(BcTableConstansts.TABLE_DROPDOWN_ITEM_CLASS),n.innerHTML=`<a class="bc-link"><em class="bc-icon bc-sm">${a.icon}</em> ${a.text}</a>`,this.addEventToOption(n,a,e,s,o),l.appendChild(n)}}addEventToOption(t,e,n,s,o){t.querySelector("a").addEventListener(BcCommonConstants.EVENT_CLICK,()=>{e.action(this.formatRow(n,s,o))},!0)}createOptionsButton(t,e,n,s,o){const a=e.querySelector(`.${BcTableConstansts.TABLE_EXTRA_ROW_CONTENT_CLASS}`),l=document.createElement("div");l.classList.add(BcTableConstansts.TABLE_EXTRA_ROW_CONTENT_ACTIONS_CLASS);for(const e of n){const n=document.createElement("button");n.classList.add(BcCommonConstants.BTN_SECONDARY_CLASS,BcCommonConstants.BUTTON_SMALL_CLASS);const a=`<em class="bc-icon bc-sm">${e.icon}</em> ${e.text}`;n.innerHTML=a,this.setEventToOptionButton(n,e,t,s,o),l.appendChild(n)}a.appendChild(l)}setEventToOptionButton(t,e,n,s,o){t.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{e.action(this.formatRow(n,s,o))})}resizeEventForPaginator(t,e){let n=!1;return window.innerWidth<=BcTableConstansts.TABLE_SMALL_BREAK_POINT?(!e&&this.movePaginatorDown(),n=!0):e&&this.removeMobileClassPag(t),n}}class BcPageHeaderBehavior extends BcDefaultBehavior{constructor(){super()}static setUpAll(){const t=Array.from(document.querySelectorAll(`div[class~='${BC_PAGE_HEADER_SELECTOR}']`)),e=[];for(const n of t){const t=new BcPageHeaderBehavior;t.setElement(n),t.setUp(),e.push(t)}return e}_setUp(){this.selectElements(),this.addListeners()}addListeners(){this.bcPageHeaderBackButton.addEventListener(BcCommonConstants.EVENT_CLICK,()=>{window.history.back()})}selectElements(){this.bcPageHeaderBackButton=this.mySelf.querySelector(`.${BC_PAGE_HEADER_SELECTOR} .${BC_PAGE_HEADER_BACK_BUTTON}`),this.bcPageHeaderBreadcrumb=this.mySelf.querySelector(`.${BC_PAGE_HEADER_SELECTOR} .${BC_PAGE_HEADER_BREADCRUMB_SELECTOR}`),this.bcPageHeaderBreadcrumbList=this.mySelf.querySelector(`.${BC_PAGE_HEADER_SELECTOR} .${BC_PAGE_HEADER_BREADCRUMB_SELECTOR} ol`),this.bcPageHeaderBreadcrumbItems=Array.from(this.mySelf.querySelectorAll(`.${BC_PAGE_HEADER_SELECTOR} .${BC_PAGE_HEADER_BREADCRUMB_SELECTOR} ol li`)),this.bcPageHeaderButtonsRight=Array.from(this.mySelf.querySelectorAll(`.${BC_PAGE_HEADER_SELECTOR} .${BC_PAGE_HEADER_BUTTONS_RIGHT}`)),this.bcPageHeaderCountBreadcrumbItems=this.bcPageHeaderBreadcrumbItems.length}}const BC_PAGE_HEADER_SELECTOR=`${BcCommonConstants.PREFIX_LIB}-page-header`,BC_PAGE_HEADER_BREADCRUMB_SELECTOR=`${BcCommonConstants.PREFIX_LIB}-breadcrumb`,BC_PAGE_MAX_ITEMS_BREADCRUMB_VISIBLE=3,BC_PAGE_HEADER_BACK_BUTTON=`${BcCommonConstants.PREFIX_LIB}-page-header-back-button`,BC_PAGE_HEADER_BUTTONS_RIGHT=`${BcCommonConstants.PREFIX_LIB}-page-header-icon`;class BcExpansionPanelBehavior extends BcDefaultBehavior{constructor(){super(),this.bcCallBacksEvents={expanded:null,contracted:null}}static setUpAll(){const t=Array.from(document.querySelectorAll(`div[class~='${BC_EXPANSION_PANEL_SELECTOR}']`)),e=[];for(const n of t){const t=new BcExpansionPanelBehavior;t.setElement(n),t.setUp(),e.push(t)}return e}_setUp(){this.selectElements(),this.addListeners(),this.setDefaultValues()}selectElements(){this.bcExpansionPanelHeaderElement=this.mySelf.querySelector(`.${BC_EXPANSION_PANEL_HEADER_SELECTOR}`),this.bcExpansionPanelContentElement=this.mySelf.querySelector(`div[class~='${BC_EXPANSION_PANEL_CONTENT_SELECTOR}']`),this.bcExpansionPanelContentWrapperElement=this.mySelf.querySelector(`div[class~='${BC_EXPANSION_PANEL_CONTENT_SELECTOR}'] .${BC_EXPANSION_PANEL_CONTENT_WRAPPER_SELECTOR}`),this.bcExpansionPanelFooterElement=this.mySelf.querySelector(`div[class~='${BC_EXPANSION_PANEL_FOOTER_SELECTOR}']`),this.bcExpansionPanelFooterIconElement=this.bcExpansionPanelFooterElement.querySelector(`em[class~='${BC_EXPANSION_PANEL_FOOTER_ICON_SELECTOR}']`)}setDefaultValues(){const t=`${BC_EXPANSION_PANEL_CONTENT_SELECTOR}-${this.mySelf.getAttribute("id")}`;this.bcExpansionPanelContentElement.setAttribute("id",t),changeAriaControl

1sValue(this.bcExpansionPanelFooterIconElement,t)}addListeners(){this.bcExpansionPanelFooterElement.addEventListener(BcCommonConstants.EVENT_CLICK,this.toogleExpandedContent.bind(this))}toogleExpandedContent(){return this.bcExpansionPanelContentElement.classList.contains(`${BC_EXPANSION_PANEL_SELECTOR}-content-expanded`)?this.contractContent():this.expandContent()}contractContent(){return this.bcExpansionPanelContentElement.classList.remove(`${BC_EXPANSION_PANEL_SELECTOR}-content-expanded`),this.bcExpansionPanelContentWrapperElement.style.opacity="0",this.bcExpansionPanelFooterIconElement.innerHTML=BC_EXPANSION_ICON_DOWN,changeAriaExpandedValue(this.bcExpansionPanelContentElement,!1),this.bcCallBacksEvents.contracted?this.bcCallBacksEvents.contracted():void 0}expandContent(){return this.bcExpansionPanelContentElement.classList.add(`${BC_EXPANSION_PANEL_SELECTOR}-content-expanded`),this.bcExpansionPanelFooterIconElement.innerHTML=BC_EXPANSION_ICON_UP,this.bcExpansionPanelContentWrapperElement.style.opacity="1",changeAriaExpandedValue(this.bcExpansionPanelContentElement,!0),this.bcCallBacksEvents.expanded?this.bcCallBacksEvents.expanded():void 0}on(t,e){this.bcCallBacksEvents[t]=e}}const BC_EXPANSION_PANEL_SELECTOR=`${BcCommonConstants.PREFIX_LIB}-expansion-panel`,BC_EXPANSION_PANEL_HEADER_SELECTOR=`${BcCommonConstants.PREFIX_LIB}-expansion-panel-header`,BC_EXPANSION_PANEL_CONTENT_SELECTOR=`${BcCommonConstants.PREFIX_LIB}-expansion-panel-content`,BC_EXPANSION_PANEL_CONTENT_WRAPPER_SELECTOR=`${BcCommonConstants.PREFIX_LIB}-expansion-panel-content-wrapper`,BC_EXPANSION_PANEL_FOOTER_SELECTOR=`${BcCommonConstants.PREFIX_LIB}-expansion-panel-footer`,BC_EXPANSION_PANEL_FOOTER_ICON_SELECTOR=`${BcCommonConstants.PREFIX_LIB}-expansion-footer-icon`,BC_EXPANSION_ICON_DOWN="arrow-angle-double-dow",BC_EXPANSION_ICON_UP="arrow-angle-double-up",CALENDAR_N1=1,CALENDAR_N2=2,CALENDAR_N3=3,CALENDAR_N4=4,CALENDAR_N5=5,CALENDAR_N6=6,CALENDAR_N7=7,CALENDAR_N8=8,CALENDAR_N9=9,CALENDAR_N10=10,CALENDAR_N11=11,CALENDAR_N12=12,CALENDAR_N28=28,CALENDAR_N29=29,CALENDAR_N30=30,CALENDAR_N31=31,CALENDAR_N100=100,CALENDAR_N400=400,SIZE_DATE_STR=10;class BcDateConstants{}BcDateConstants.CALENDAR_CLASS="bc-calendar",BcDateConstants.CALENDAR_CLASS_ACTIVE="bc-calendar-active",BcDateConstants.DATE_INPUT_DATE_CLASS="bc-input-date",BcDateConstants.DATE_FORM_FIELD_CLASS="bc-form-field",BcDateConstants.RANGE_MOLECULE_CLASSES="bc-input-date-range",BcDateConstants.WEEK_CLASS="bc-calendar-week",BcDateConstants.TOP_BAR_SELECTOR_CLASS="bc-calendar-top-bar",BcDateConstants.CURRENT_SELECTION_CLASS="bc-calendar-current-selection",BcDateConstants.DAYS_CLASS="bc-calendar-days",BcDateConstants.TWO_CALENDARS_CLASS="bc-two-calendars",BcDateConstants.SCROLLABLE_CALENDARS_CLASS="bc-calendar-scrollable-calendars",BcDateConstants.DISPLAYED_CALENDARS_CLASS="bc-calendar-displayed-month",BcDateConstants.MONTH_NAME_CLASS="bc-month",BcDateConstants.CONFIRM_CLASS="btn-confirm",BcDateConstants.CANCEL_CLASS="btn-cancel",BcDateConstants.BC_FILTER_LBL="bc-filter-label",BcDateConstants.YEAR_CLASS="bc-year",BcDateConstants.NEXT_CLASS="next",BcDateConstants.PREV_CLASS="prev",BcDateConstants.SELECTED_DATE_CLASS="bc-calendar-selected-date",BcDateConstants.INSIDE_RANGE_CLASS="bc-calendar-inside-range",BcDateConstants.TODAY_CLASS="bc-calendar-today",BcDateConstants.DAY="day",BcDateConstants.UPPPER_BTNS_CLASS="bc-calendar-upper-btns",BcDateConstants.MONTHS_OR_YEARS_CLASS="bc-calendar-months-or-years",BcDateConstants.WEEK_SHORT=["Dom","Lun","Mar","Mie","Jue","Vie","Sab"],BcDateConstants.MONTHS_TEXT=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],BcDateConstants.LONG_MONTHS=[-1,0,2,4,6,7,9,11,12],BcDateConstants.NUMBERS={CALENDAR_N1:1,CALENDAR_N2:2,CALENDAR_N3:3,CALENDAR_N4:4,CALENDAR_N5:5,CALENDAR_N6:6,CALENDAR_N7:7,CALENDAR_N8:8,CALENDAR_N9:9,CALENDAR_N10:10,CALENDAR_N11:11,CALENDAR_N12:12,CALENDAR_N28:28,CALENDAR_N29:29,CALENDAR_N30:30,CALENDAR_N31:31,CALENDAR_N100:100,CALENDAR_N400:400},BcDateConstants.SHORT_MONTHS=[3,5,8,10],BcDateConstants.STATE_DAYS="days",BcDateConstants.STATE_MONTHS="months",BcDateConstants.STATE_YEARS="years",BcDateConstants.STATE_RANGE="range",BcDateConstants.STATE_SPLIT="split",BcDateConstants.MOBILE_CALENDAR_CLASS="bc-calendar-mobile",BcDateConstants.FAST_BUTTONS="fastButtons",BcDateConstants.BUTTON_CONTAINER_CLASS="bc-calendar-button-container",BcDateConstants.FIXED_CONTENT_CLASS="bc-calendar-fixed-content",BcDateConstants.MOBILE_CALENDAR_TITLE="Selecciona una fecha",BcDateConstants.MOBILE_TITLE_CLASS="mobile-title",BcDateConstants.BTN_X_CLASS="btn-x",BcDateConstants.DATES_CLASS="dates",BcDateConstants.FROM_CLASS="from",BcDateConstants.TO_CLASS="to",BcDateConstants.RANGES="ranges",BcDateConstants.SM_BREAKPOINT=576,BcDateConstants.PADDING_INPUT=30;const OUTLINE_ELEMENT_CLASS="outline-element";function isFirstChildFocusable(t){return null!=t.firstElementChild&&null!==t.firstElementChild.getAttribute("disabled")&&void 0!==t.firstElementChild.getAttribute("disabled")}function isParentFocusable(t){return null!=t.parentElement&&null!==t.parentElement.getAttribute("disabled")&&void 0!==t.parentElement.getAttribute("disabled")}function validateFocusable(t){let e=!1;if(null!=t&&null===t.getAttribute("disabled")){e=!0;const n=isFirstChildFocusable(t),s=isParentFocusable(t);(n||s)&&(e=!1)}return e}function addFocusable(t,e,n,s,o){if(o||validateFocusable(t)){if(e){e.tabindex&&"-1"!==e.tabindex&&t.setAttribute("tabindex",e.tabindex),delete e.tabindex;for(const n of Object.keys(e))addFocusableAttributes(n,e,t)}t.addEventListener("focusout",function(e){if(t.classList.remove(OUTLINE_ELEMENT_CLASS),s)for(const t of s)t.classList.remove(OUTLINE_ELEMENT_CLASS)}),addKeyFocusableEvents(t,s,n)}}function addFocusableAttributes(t,e,n){let s="";"role"!==t&&e[t]&&(s="aria-"),n.setAttribute(s+t,e[t])}function addKeyFocusableEvents(t,e,n){t.addEventListener("keyup",function(s){const o=s.key.toLowerCase();if("tab"===o&&(t.classList.add(OUTLINE_ELEMENT_CLASS),e))for(const t of e)t.classList.add(OUTLINE_ELEMENT_CLASS);if("escape"===o&&(t.classList.remove(OUTLINE_ELEMENT_CLASS),e))for(const t of e)t.classList.remove(OUTLINE_ELEMENT_CLASS);n&&["enter"," ","space"].includes(o)&&n.event()})}function toArray(t){const e=[];return t.forEach(t=>{e.push(t)}),e}function replaceClass(t,e,n,s=!1){if(t){let o=!0;s&&(o=t.classList.contains(e)),o&&(t.classList.remove(e),t.classList.add(n))}}function isMobileDevice(){return-1!==navigator.userAgent.indexOf("Mobile")}function changeAriaExpandedValue(t,e){const n=void 0===e?!t.getAttribute("aria-expanded"):e;t.setAttribute("aria-expanded",String(n))}

1function changeAriaControlsValue(t,e){t.setAttribute("aria-controls",e)}function createElement(t){const e=document.createElement(t.element);return t.classList&&t.classList.forEach(t=>e.classList.add(t)),t.props&&Object.keys(t.props).forEach(n=>e.setAttribute(n,t.props[n])),t.innerText&&(e.innerText=t.innerText),t.children&&t.children.forEach(t=>e.appendChild(t)),e}function getId(t){const e=t.constructor.name,n=new Uint32Array(1);return`${e}.${window.crypto.getRandomValues(n)[0]}`}class BcGeneralDialogBehavior extends BcDefaultBehavior{constructor(){super()}}const TAG_CONTENT="[a-zñA-Z0-9áéíóúäëïöüÁÉÍÓÚÄËÏÖÜ!@#%&?¡¿°|:¬[*~`^-_]$\t\\\n()\"'/,; =><{}.]",EMBBED_TAG_HTML=/<[a-zñA-Z0-9áéíóúäëïöüÁÉÍÓÚÄËÏÖÜ!@#%&?¡¿°|:¬\[\*~`^\-_\]\$\t\\\n\(\)\"'/,; =><{}\.]+>[a-zñA-Z0-9áéíóúäëïöüÁÉÍÓÚÄËÏÖÜ!@#%&?¡¿°|:¬\[\*~`^\-_\]\$\t\\\n\(\)\"'/,; =><{}\.]*(<[/a-zA-Z]+>)*/g;class BcHTMLSanitizer{sanitize(t){return t.replace(EMBBED_TAG_HTML,"")}}

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.