@baloise/ds-core 16.2.0 → 16.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bal-number-input.js +5 -2
- package/components/bal-select2.js +1 -1
- package/components/index.js +1 -1
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-e7f7fee312.entry.js → p-01999347b1.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6b62dde878.entry.js → p-01d998678a.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2a0359206a.entry.js → p-03b8dbdc88.entry.js} +1 -1
- package/dist/baloise-design-system/p-1509eaa7.system.js +1 -1
- package/dist/baloise-design-system/{p-eb10ad25.js → p-192bade4.js} +1 -1
- package/dist/baloise-design-system/{p-35697fd842.entry.js → p-23ef6e0656.entry.js} +1 -1
- package/dist/baloise-design-system/{p-46962c31.system.js → p-296a638e.system.js} +1 -1
- package/dist/baloise-design-system/{p-5b9789ea9b.system.entry.js → p-29bfdafb70.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7e909d3137.system.entry.js → p-2ae4288f42.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-594ed43172.entry.js → p-2bf04f4f7e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-bff4f2e518.system.entry.js → p-2d115eb51b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f4e7710a45.system.entry.js → p-2d7a5a33fe.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4122160f.system.js → p-2ddb356c.system.js} +1 -1
- package/dist/baloise-design-system/{p-dce3764ee5.system.entry.js → p-330b875d9d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d458e5e328.system.entry.js → p-488e6a1eee.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1cae0f6215.entry.js → p-4a2d315dc4.entry.js} +1 -1
- package/dist/baloise-design-system/{p-42bff14b.system.js → p-4c470f43.system.js} +1 -1
- package/dist/baloise-design-system/{p-c907685cee.system.entry.js → p-504d51d0a1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e3ef34506f.system.entry.js → p-524ceea034.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-54f81c32.js +1 -1
- package/dist/baloise-design-system/{p-6cec985f79.system.entry.js → p-5f8d927f95.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e7bd7e7c5d.entry.js → p-6048a8f8af.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ae372094d2.entry.js → p-6b6006ffc1.entry.js} +1 -1
- package/dist/baloise-design-system/{p-14c1efdb08.entry.js → p-6b863f9d71.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4ba5509697.system.entry.js → p-709bb627dd.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-542d4ba42e.system.entry.js → p-8b931ae0b8.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-90aa7db300.system.entry.js → p-94ae00c712.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f56fb1a197.entry.js → p-976ed5bcf1.entry.js} +1 -1
- package/dist/baloise-design-system/p-a52564d27f.system.entry.js +1 -0
- package/dist/baloise-design-system/p-ad00d94e7f.entry.js +1 -0
- package/dist/baloise-design-system/{p-2e9f9838d0.entry.js → p-b10a80a3b8.entry.js} +1 -1
- package/dist/baloise-design-system/p-bcca1ed3.system.js +1 -1
- package/dist/baloise-design-system/{p-b1227cb400.system.entry.js → p-c19e28122b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e18c0e64a7.system.entry.js → p-cd289f40c5.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-53b032957c.entry.js → p-def2591edc.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7dc6846c06.entry.js → p-e63febcbd8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3e3240a165.entry.js → p-fcc2312923.entry.js} +1 -1
- package/dist/baloise-design-system/{p-71109949.js → p-ffbe2886.js} +1 -1
- package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-datepicker.cjs.entry.js +3 -3
- package/dist/cjs/bal-hint_3.cjs.entry.js +3 -3
- package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-nav_8.cjs.entry.js +3 -3
- package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-number-input.cjs.entry.js +5 -2
- package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
- package/dist/cjs/bal-popover_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-progress-bar.cjs.entry.js +3 -3
- package/dist/cjs/bal-select_2.cjs.entry.js +1 -1
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +3 -3
- package/dist/cjs/{breakpoints.decorator-555e2caf.js → breakpoints.decorator-603d97d9.js} +1 -1
- package/dist/cjs/{breakpoints.subject-0d00c248.js → breakpoints.subject-a0b2bc41.js} +1 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/initialize-2a19d091.js +1 -1
- package/dist/cjs/{tokens.esm-93d7e2f7.js → tokens.esm-ae4d587c.js} +1 -1
- package/dist/collection/components/bal-number-input/bal-number-input.utils.js +5 -2
- package/dist/collection/components/bal-select/bal-select.js +1 -1
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/bal-carousel_2.entry.js +3 -3
- package/dist/esm/bal-datepicker.entry.js +3 -3
- package/dist/esm/bal-hint_3.entry.js +3 -3
- package/dist/esm/bal-list_8.entry.js +3 -3
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-nav_8.entry.js +3 -3
- package/dist/esm/bal-navbar_5.entry.js +3 -3
- package/dist/esm/bal-number-input.entry.js +5 -2
- package/dist/esm/bal-pagination.entry.js +3 -3
- package/dist/esm/bal-popover_2.entry.js +3 -3
- package/dist/esm/bal-progress-bar.entry.js +3 -3
- package/dist/esm/bal-select_2.entry.js +1 -1
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-steps.entry.js +3 -3
- package/dist/esm/bal-tab-item_2.entry.js +3 -3
- package/dist/esm/{breakpoints.decorator-dad33c75.js → breakpoints.decorator-f710f500.js} +1 -1
- package/dist/esm/{breakpoints.subject-ba72fe99.js → breakpoints.subject-3ea6d2c3.js} +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/initialize-e216cfe4.js +1 -1
- package/dist/esm/{tokens.esm-366a5b1e.js → tokens.esm-27a803dc.js} +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-datepicker.entry.js +1 -1
- package/dist/esm-es5/bal-hint_3.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-number-input.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-popover_2.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-select_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/{breakpoints.decorator-dad33c75.js → breakpoints.decorator-f710f500.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-ba72fe99.js → breakpoints.subject-3ea6d2c3.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-e216cfe4.js +1 -1
- package/package.json +7 -7
- package/dist/baloise-design-system/p-77f5e777e6.entry.js +0 -1
- package/dist/baloise-design-system/p-9ecce014c2.system.entry.js +0 -1
- /package/dist/baloise-design-system/{p-5e1cb403.js → p-b1f86100.js} +0 -0
- /package/dist/baloise-design-system/{p-448185d8.system.js → p-efb46317.system.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-366a5b1e.js → tokens.esm-27a803dc.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as a,h as e,H as i,g as s}from"./p-d7c752c6.js";import{a as n}from"./p-dd5e13d1.js";import{_ as b,a as o}from"./p-43c9f5e9.js";import{o as l}from"./p-94efe2aa.js";import{l as r,e as _,t as h,m as c,n as d,o as v,i as m}from"./p-88f18fbc.js";import{B as p}from"./p-ae86d0a0.js";import{L as u}from"./p-b77e3348.js";import{n as f}from"./p-f3f5ce4f.js";import{s as g}from"./p-ad9a7657.js";import{b as x}from"./p-a65354df.js";import{a as w}from"./p-0e361394.js";import{b as j}from"./p-71109949.js";import{L as O}from"./p-3231863d.js";import{L as y}from"./p-eb10ad25.js";import{L as k}from"./p-2692caf4.js";import{L as $}from"./p-69e7c8d6.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-5e1cb403.js";const z=class{constructor(e){t(this,e),this.balNavigate=a(this,"balNavigate",7),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+A++,this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0}componentWillLoad(){this.inheritAttributes=n(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes}}render(){return e(i,{id:this.tabPanelID,role:"tabpanel","aria-label":this.label,"aria-hidden":this.isActive?"false":"true",tabindex:this.isActive?"0":"-1",class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive}},e("slot",null))}get el(){return s(this)}};let A=0;const C=({items:t,value:a,onSelectTab:i})=>{const s=p.block("tabs").element("select");return e("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const e=t.filter((t=>t.value===a.detail));if(e.length>0){const t=e[0];""!==t.href&&void 0!==t.href&&x.hasWindow&&window.open(t.href,t.target),i(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>e("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},L=({item:t,inverted:a,accordion:i,isAccordionOpen:s,isMobile:n,hasBubble:b})=>{const o=p.block("tabs").element("nav").element("item").element("icon");let l=t.disabled?"grey":"primary";return a&&(l=t.disabled?"primary-light":"white"),e("span",{class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(t.active)),o.modifier("disabled").class(t.disabled))},e("bal-icon",{size:n||i?"small":"",name:i?"nav-go-down":t.icon,color:l,turn:i&&!0===s&&t.active}),b?e("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},t.bubble):"")},F=({item:t,inverted:a,hasBubble:i,isVertical:s,context:n})=>{const b=p.block("tabs").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("inverted").class(a)),b.modifier("active").class(t.active)),b.modifier("disabled").class(t.disabled)),b.modifier("vertical").class(s)),b.modifier(`context-${n}`).class(void 0!==n)),"data-testid":"bal-tabs-item-label"},t.label,i?e("bal-badge",{class:Object.assign({},b.element("bubble").class()),size:"small"},t.bubble):"")},T=({item:t,tabsId:a,isFirst:i,isLast:s,isMobile:n,isVertical:b,accordion:o,isAccordionOpen:l,inverted:r,expanded:_,spaceless:h,clickable:c,iconPosition:d,context:v,onSelectTab:m})=>{const u=p.block("tabs").element("nav").element("item");if(t.invisible)return;const f=!1!==t.bubble,g=void 0!==t.icon,x=g&&f&&"horizontal"!==d&&!o||n&&g&&f&&!b&&!o,w=o&&f||o&&n&&g&&f&&!b,j=!g&&f&&!o||f&&!n&&"horizontal"===d&&!o||f&&b&&!o,O=void 0===t.href||""===t.href?"button":"a",y="button"===O?{type:"button"}:{href:t.href,target:t.target};return e(O,Object.assign({id:`${a}-button-${B++}`,role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("active").class(t.active)),u.modifier("disabled").class(t.disabled)),u.modifier("clickable").class(c)),u.modifier("accordion").class(o)),u.modifier("inverted").class(r)),u.modifier("expanded").class(_)),u.modifier("spaceless").class(h)),u.modifier("first").class(i)),u.modifier("last").class(s)),u.modifier("passed").class(t.passed)),u.modifier("vertical").class(b)),u.modifier(`context-${v}`).class(void 0!==v)),u.modifier(`icon-position-${d}`).class("horizontal"!==d)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":t.active?"true":"false","aria-disabled":`${t.disabled}`,"aria-label":t.label,"aria-controls":t.tabPanelID},y,{onClick:a=>m(a,t)}),t.icon?e(L,{accordion:!1,item:t,isMobile:n,hasBubble:x,inverted:r}):"",e(F,{item:t,isMobile:n,isVertical:b,hasBubble:j,inverted:r,context:v}),o&&!t.href?e(L,{accordion:o,isAccordionOpen:l,item:t,isMobile:n,hasBubble:w,inverted:r}):"")};let B=0;const V=({items:t,tabsId:a,hasCarousel:i,isVertical:s,inNavbar:n,isMobile:b,isTouch:o,lineActive:l,border:r,accordion:_,isAccordionOpen:h,inverted:c,clickable:d,animated:v,spaceless:m,expanded:u,verticalColSize:f,iconPosition:x,context:w,onSelectTab:j})=>{const O=p.block("tabs").element("nav"),y=t.filter((t=>!t.invisible)),k=n&&!o,$=({item:t,index:i})=>e(T,{item:t,tabsId:a,isFirst:0===i,isLast:i===y.length-1,isMobile:b,isVertical:s,iconPosition:x,spaceless:m,inverted:c,accordion:_,isAccordionOpen:h,context:w,expanded:u,clickable:d&&!t.disabled,onSelectTab:j});return e("div",{role:"tablist",id:`${a}-nav`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.class()),O.modifier("full-height").class(k)),O.modifier("border").class(r)),O.modifier("animated").class(v)),O.modifier("vertical").class(s)),O.modifier("expanded").class(u&&!s)),O.modifier(`vertical-col-${f}`).class(s))},i?e("bal-carousel",{id:`${a}-carousel`,class:Object.assign({},O.element("carousel").class()),fullHeight:k,border:r,inverted:c,controls:"small","items-per-view":"auto",steps:3,onBalChange:g},y.map(((t,a)=>e("bal-carousel-item",{key:t.value,class:Object.assign(Object.assign({},O.element("carousel").element("item").class()),O.element("carousel").element("item").modifier("expanded").class(u))},e($,{item:t,index:a})))),e("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(c)),O.element("line").modifier("animated").class(v)),O.element("line").modifier("vertical").class(s))})):y.map(((t,a)=>e($,{item:t,index:a}))),i?"":e("div",{id:`${a}-border`,class:Object.assign(Object.assign(Object.assign({},O.element("border").class()),O.element("border").modifier("inverted").class(c)),O.element("border").modifier("vertical").class(s))}),i?"":e("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(c)),O.element("line").modifier("animated").class(v)),O.element("line").modifier("vertical").class(s))}))},M=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.balWillAnimate=a(this,"balWillAnimate",7),this.balDidAnimate=a(this,"balDidAnimate",7),this.tabsId="bal-tabs-"+S++,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(f)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{l(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const e=t.clientWidth;return this.expanded?e:e-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const e=t.closest("bal-carousel-item");if(e)return this.expanded?e.offsetLeft:e.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),r((async()=>{await _(this.el,!0),this.currentRaf=r((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=w(t),e=this.getLineSize(t,a),i=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=h(s,300);if(t)s.style.setProperty("transform",`translateY(${i}px)`),s.style.setProperty("min-height",`${e}px`),s.style.setProperty("height",`${e}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${i}px)`),s.style.setProperty("min-width",`${e}px`),s.style.setProperty("width",`${e}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();t&&n&&t.style.setProperty("width",`${n.clientWidth}px`),await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=(t=!1)=>{this.isAccordionOpen=!0;const{contentEl:a,contentElWrapper:e}=this;t||void 0===a||void 0===e?this.accordionState=4:4!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?r((()=>{this.accordionState=8,this.currentRaf=r((async()=>{const t=e.offsetHeight,i=h(a,300);a.style.setProperty("max-height",`${t}px`),this.balWillAnimate.emit(this.value),await i,this.accordionState=4,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.collapseAccordion=(t=!1)=>{this.isAccordionOpen=!1;const{contentEl:a}=this;t||void 0===a?this.accordionState=1:1!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=r((async()=>{a.style.setProperty("max-height",`${a.offsetHeight}px`),r((async()=>{const t=h(a,300);this.accordionState=2,this.balWillAnimate.emit(this.value),await t,this.accordionState=1,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&g(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a)))},this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.isMobile=j.isMobile,this.isTablet=j.isTablet,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.context=void 0,this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}debounceChanged(){this.balChange=c(this.balChange,this.debounce)}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.inNavbar=d("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(d("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.animateLine()}resizeListener(){this.animateLine()}listenToWillAnimate(t){v(t,this.el,(()=>this.animateLine()))}listenToDidAnimate(t){v(t,this.el,(()=>this.animateLine())),this.isUsedInNavbar(t)}isUsedInNavbar(t){const a=t.target.closest("bal-navbar"),e=t.target;a&&m(a,this.el)&&(this.isNavbarOpen=e)}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}isActive(t){return t.value===this.value}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.tabsId}-carousel`)}render(){const t=p.block("tabs"),a=this.isMobile,s=a||this.isTablet,n=this.inNavbar&&!s&&!this.inNavbarLight||!this.inNavbar&&this.inverted,b=this.isVertical(),o=!b&&this.overflow&&!this.expanded,l=a&&this.selectOnMobile,r=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),_=4===this.accordionState||8===this.accordionState?"content expanded":"content";return e(i,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(b)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":this.store.filter((t=>this.isActive(t))).map((t=>t.value)).join(","),"data-label":this.store.filter((t=>this.isActive(t))).map((t=>t.label)).join(",")},l?e(C,{value:this.value,items:r,onSelectTab:this.onSelectTab}):e(V,{items:r,tabsId:this.tabsId,onSelectTab:this.onSelectTab,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:void 0!==this.value,inverted:n,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:a,isTouch:s,isVertical:b,inNavbar:this.inNavbar,hasCarousel:o,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize}),e("div",{part:_,ref:t=>this.contentEl=t,class:Object.assign({},t.element("tabs").element("content").class())},e("div",{id:this.tabsId,class:Object.assign({},t.element("tabs").element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},e("slot",null))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};b([u("bal-tabs"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],M.prototype,"createLogger",null),b([O({tags:["bal-tabs","bal-tab-item"]}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],M.prototype,"mutationListener",null),b([y(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],M.prototype,"breakpointListener",null),b([k(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],M.prototype,"resizeListener",null),b([$(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],M.prototype,"configChanged",null);let S=0;M.style="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-tabs{display:block;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{display:block}@media screen and (min-width: 769px),print{.bal-tabs--vertical{display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs__tabs__content{width:100%}.bal-tabs--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--animated .bal-tabs__tabs__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--accordion .bal-tabs__tabs__content{overflow:hidden;will-change:max-height}.bal-tabs--accordion.bal-tabs--collapsing .bal-tabs__tabs__content{max-height:0 !important}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__tabs__content{display:none}.bal-tabs--accordion.bal-tabs--expanding .bal-tabs__tabs__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-tabs--accordion .bal-tabs,.bal-tabs--accordion .bal-tabs__tabs__content{-webkit-transition:none !important;transition:none !important}}";export{z as bal_tab_item,M as bal_tabs}
|
|
1
|
+
import{r as t,c as a,h as e,H as i,g as s}from"./p-d7c752c6.js";import{a as n}from"./p-dd5e13d1.js";import{_ as b,a as o}from"./p-43c9f5e9.js";import{o as l}from"./p-94efe2aa.js";import{l as r,e as _,t as h,m as c,n as d,o as v,i as m}from"./p-88f18fbc.js";import{B as p}from"./p-ae86d0a0.js";import{L as u}from"./p-b77e3348.js";import{n as f}from"./p-f3f5ce4f.js";import{s as g}from"./p-ad9a7657.js";import{b as x}from"./p-a65354df.js";import{a as w}from"./p-0e361394.js";import{b as j}from"./p-ffbe2886.js";import{L as O}from"./p-3231863d.js";import{L as y}from"./p-192bade4.js";import{L as k}from"./p-2692caf4.js";import{L as $}from"./p-69e7c8d6.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-b1f86100.js";const z=class{constructor(e){t(this,e),this.balNavigate=a(this,"balNavigate",7),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+A++,this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0}componentWillLoad(){this.inheritAttributes=n(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes}}render(){return e(i,{id:this.tabPanelID,role:"tabpanel","aria-label":this.label,"aria-hidden":this.isActive?"false":"true",tabindex:this.isActive?"0":"-1",class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive}},e("slot",null))}get el(){return s(this)}};let A=0;const C=({items:t,value:a,onSelectTab:i})=>{const s=p.block("tabs").element("select");return e("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const e=t.filter((t=>t.value===a.detail));if(e.length>0){const t=e[0];""!==t.href&&void 0!==t.href&&x.hasWindow&&window.open(t.href,t.target),i(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>e("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},L=({item:t,inverted:a,accordion:i,isAccordionOpen:s,isMobile:n,hasBubble:b})=>{const o=p.block("tabs").element("nav").element("item").element("icon");let l=t.disabled?"grey":"primary";return a&&(l=t.disabled?"primary-light":"white"),e("span",{class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(t.active)),o.modifier("disabled").class(t.disabled))},e("bal-icon",{size:n||i?"small":"",name:i?"nav-go-down":t.icon,color:l,turn:i&&!0===s&&t.active}),b?e("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},t.bubble):"")},F=({item:t,inverted:a,hasBubble:i,isVertical:s,context:n})=>{const b=p.block("tabs").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("inverted").class(a)),b.modifier("active").class(t.active)),b.modifier("disabled").class(t.disabled)),b.modifier("vertical").class(s)),b.modifier(`context-${n}`).class(void 0!==n)),"data-testid":"bal-tabs-item-label"},t.label,i?e("bal-badge",{class:Object.assign({},b.element("bubble").class()),size:"small"},t.bubble):"")},T=({item:t,tabsId:a,isFirst:i,isLast:s,isMobile:n,isVertical:b,accordion:o,isAccordionOpen:l,inverted:r,expanded:_,spaceless:h,clickable:c,iconPosition:d,context:v,onSelectTab:m})=>{const u=p.block("tabs").element("nav").element("item");if(t.invisible)return;const f=!1!==t.bubble,g=void 0!==t.icon,x=g&&f&&"horizontal"!==d&&!o||n&&g&&f&&!b&&!o,w=o&&f||o&&n&&g&&f&&!b,j=!g&&f&&!o||f&&!n&&"horizontal"===d&&!o||f&&b&&!o,O=void 0===t.href||""===t.href?"button":"a",y="button"===O?{type:"button"}:{href:t.href,target:t.target};return e(O,Object.assign({id:`${a}-button-${B++}`,role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("active").class(t.active)),u.modifier("disabled").class(t.disabled)),u.modifier("clickable").class(c)),u.modifier("accordion").class(o)),u.modifier("inverted").class(r)),u.modifier("expanded").class(_)),u.modifier("spaceless").class(h)),u.modifier("first").class(i)),u.modifier("last").class(s)),u.modifier("passed").class(t.passed)),u.modifier("vertical").class(b)),u.modifier(`context-${v}`).class(void 0!==v)),u.modifier(`icon-position-${d}`).class("horizontal"!==d)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":t.active?"true":"false","aria-disabled":`${t.disabled}`,"aria-label":t.label,"aria-controls":t.tabPanelID},y,{onClick:a=>m(a,t)}),t.icon?e(L,{accordion:!1,item:t,isMobile:n,hasBubble:x,inverted:r}):"",e(F,{item:t,isMobile:n,isVertical:b,hasBubble:j,inverted:r,context:v}),o&&!t.href?e(L,{accordion:o,isAccordionOpen:l,item:t,isMobile:n,hasBubble:w,inverted:r}):"")};let B=0;const V=({items:t,tabsId:a,hasCarousel:i,isVertical:s,inNavbar:n,isMobile:b,isTouch:o,lineActive:l,border:r,accordion:_,isAccordionOpen:h,inverted:c,clickable:d,animated:v,spaceless:m,expanded:u,verticalColSize:f,iconPosition:x,context:w,onSelectTab:j})=>{const O=p.block("tabs").element("nav"),y=t.filter((t=>!t.invisible)),k=n&&!o,$=({item:t,index:i})=>e(T,{item:t,tabsId:a,isFirst:0===i,isLast:i===y.length-1,isMobile:b,isVertical:s,iconPosition:x,spaceless:m,inverted:c,accordion:_,isAccordionOpen:h,context:w,expanded:u,clickable:d&&!t.disabled,onSelectTab:j});return e("div",{role:"tablist",id:`${a}-nav`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.class()),O.modifier("full-height").class(k)),O.modifier("border").class(r)),O.modifier("animated").class(v)),O.modifier("vertical").class(s)),O.modifier("expanded").class(u&&!s)),O.modifier(`vertical-col-${f}`).class(s))},i?e("bal-carousel",{id:`${a}-carousel`,class:Object.assign({},O.element("carousel").class()),fullHeight:k,border:r,inverted:c,controls:"small","items-per-view":"auto",steps:3,onBalChange:g},y.map(((t,a)=>e("bal-carousel-item",{key:t.value,class:Object.assign(Object.assign({},O.element("carousel").element("item").class()),O.element("carousel").element("item").modifier("expanded").class(u))},e($,{item:t,index:a})))),e("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(c)),O.element("line").modifier("animated").class(v)),O.element("line").modifier("vertical").class(s))})):y.map(((t,a)=>e($,{item:t,index:a}))),i?"":e("div",{id:`${a}-border`,class:Object.assign(Object.assign(Object.assign({},O.element("border").class()),O.element("border").modifier("inverted").class(c)),O.element("border").modifier("vertical").class(s))}),i?"":e("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(c)),O.element("line").modifier("animated").class(v)),O.element("line").modifier("vertical").class(s))}))},M=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.balWillAnimate=a(this,"balWillAnimate",7),this.balDidAnimate=a(this,"balDidAnimate",7),this.tabsId="bal-tabs-"+S++,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(f)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{l(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const e=t.clientWidth;return this.expanded?e:e-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const e=t.closest("bal-carousel-item");if(e)return this.expanded?e.offsetLeft:e.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),r((async()=>{await _(this.el,!0),this.currentRaf=r((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=w(t),e=this.getLineSize(t,a),i=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=h(s,300);if(t)s.style.setProperty("transform",`translateY(${i}px)`),s.style.setProperty("min-height",`${e}px`),s.style.setProperty("height",`${e}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${i}px)`),s.style.setProperty("min-width",`${e}px`),s.style.setProperty("width",`${e}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();t&&n&&t.style.setProperty("width",`${n.clientWidth}px`),await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=(t=!1)=>{this.isAccordionOpen=!0;const{contentEl:a,contentElWrapper:e}=this;t||void 0===a||void 0===e?this.accordionState=4:4!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?r((()=>{this.accordionState=8,this.currentRaf=r((async()=>{const t=e.offsetHeight,i=h(a,300);a.style.setProperty("max-height",`${t}px`),this.balWillAnimate.emit(this.value),await i,this.accordionState=4,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.collapseAccordion=(t=!1)=>{this.isAccordionOpen=!1;const{contentEl:a}=this;t||void 0===a?this.accordionState=1:1!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=r((async()=>{a.style.setProperty("max-height",`${a.offsetHeight}px`),r((async()=>{const t=h(a,300);this.accordionState=2,this.balWillAnimate.emit(this.value),await t,this.accordionState=1,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&g(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a)))},this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.isMobile=j.isMobile,this.isTablet=j.isTablet,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.context=void 0,this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}debounceChanged(){this.balChange=c(this.balChange,this.debounce)}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.inNavbar=d("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(d("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.animateLine()}resizeListener(){this.animateLine()}listenToWillAnimate(t){v(t,this.el,(()=>this.animateLine()))}listenToDidAnimate(t){v(t,this.el,(()=>this.animateLine())),this.isUsedInNavbar(t)}isUsedInNavbar(t){const a=t.target.closest("bal-navbar"),e=t.target;a&&m(a,this.el)&&(this.isNavbarOpen=e)}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}isActive(t){return t.value===this.value}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.tabsId}-carousel`)}render(){const t=p.block("tabs"),a=this.isMobile,s=a||this.isTablet,n=this.inNavbar&&!s&&!this.inNavbarLight||!this.inNavbar&&this.inverted,b=this.isVertical(),o=!b&&this.overflow&&!this.expanded,l=a&&this.selectOnMobile,r=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),_=4===this.accordionState||8===this.accordionState?"content expanded":"content";return e(i,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(b)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":this.store.filter((t=>this.isActive(t))).map((t=>t.value)).join(","),"data-label":this.store.filter((t=>this.isActive(t))).map((t=>t.label)).join(",")},l?e(C,{value:this.value,items:r,onSelectTab:this.onSelectTab}):e(V,{items:r,tabsId:this.tabsId,onSelectTab:this.onSelectTab,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:void 0!==this.value,inverted:n,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:a,isTouch:s,isVertical:b,inNavbar:this.inNavbar,hasCarousel:o,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize}),e("div",{part:_,ref:t=>this.contentEl=t,class:Object.assign({},t.element("tabs").element("content").class())},e("div",{id:this.tabsId,class:Object.assign({},t.element("tabs").element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},e("slot",null))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};b([u("bal-tabs"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],M.prototype,"createLogger",null),b([O({tags:["bal-tabs","bal-tab-item"]}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],M.prototype,"mutationListener",null),b([y(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],M.prototype,"breakpointListener",null),b([k(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],M.prototype,"resizeListener",null),b([$(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],M.prototype,"configChanged",null);let S=0;M.style="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-tabs{display:block;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{display:block}@media screen and (min-width: 769px),print{.bal-tabs--vertical{display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs__tabs__content{width:100%}.bal-tabs--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--animated .bal-tabs__tabs__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--accordion .bal-tabs__tabs__content{overflow:hidden;will-change:max-height}.bal-tabs--accordion.bal-tabs--collapsing .bal-tabs__tabs__content{max-height:0 !important}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__tabs__content{display:none}.bal-tabs--accordion.bal-tabs--expanding .bal-tabs__tabs__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-tabs--accordion .bal-tabs,.bal-tabs--accordion .bal-tabs__tabs__content{-webkit-transition:none !important;transition:none !important}}";export{z as bal_tab_item,M as bal_tabs}
|
package/dist/baloise-design-system/{p-4ba5509697.system.entry.js → p-709bb627dd.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-456fc561.system.js","./p-db0895e2.system.js","./p-
|
|
1
|
+
System.register(["./p-456fc561.system.js","./p-db0895e2.system.js","./p-efb46317.system.js"],(function(e){"use strict";var a,t,r,s,i,c,n,d,o,b,h,f,l,v;return{setters:[function(e){a=e.r;t=e.h;r=e.H;s=e.g},function(e){i=e.B},function(e){c=e.f;n=e.g;d=e.h;o=e.i;b=e.j;h=e.k;f=e.l;l=e.m;v=e.n}],execute:function(){var p=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";var H=p;var u=e("bal_shape",function(){function e(e){var t=this;a(this,e);this.getHex=function(){var e;switch(t.color){case"green":e=v;break;case"green-light":e=l;break;case"red":e=f;break;case"red-light":e=h;break;case"purple":e=b;break;case"purple-light":e=o;break;case"yellow":e=d;break;case"yellow-light":e=n;break;default:e=c}return e};this.variation="1";this.color="green";this.rotation="0"}e.prototype.render=function(){var e=i.block("shape");var a=[t("g",{id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},t("g",{id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},t("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),t("g",{id:"b949d602-8478-437e-a171-ad3f26649cb4"},t("g",{id:"ae3574e0-2065-4681-8937-4318b8656147"},t("path",{class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),t("g",{id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},t("g",{id:"e540dca8-23ca-45dc-b462-df9071c1317d"},t("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return t(r,{class:Object.assign(Object.assign({},e.class()),e.modifier("is-rotation-".concat(this.rotation)).class())},t("svg",{version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},a[parseInt(this.variation)-1]))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());u.style=H}}}));
|
package/dist/baloise-design-system/{p-542d4ba42e.system.entry.js → p-8b931ae0b8.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,i,r){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function s(t){try{c(r.next(t))}catch(t){a(t)}}function o(t){try{c(r["throw"](t))}catch(t){a(t)}}function c(t){t.done?i(t.value):n(t.value).then(s,o)}c((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return c([t,e])}}function c(o){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var r=0,n=e.length,a;r<n;r++){if(a||!(r in e)){if(!a)a=Array.prototype.slice.call(e,0,r);a[r]=e[r]}}return t.concat(a||Array.prototype.slice.call(e))};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8954495d.system.js","./p-8949aa8b.system.js","./p-8a87b9a8.system.js","./p-6913b916.system.js","./p-ba579059.system.js","./p-a7fc2da7.system.js","./p-d2ee9b0a.system.js","./p-b79d8942.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-6e5745c8.system.js","./p-bb6304d0.system.js","./p-46962c31.system.js","./p-145d5c4e.system.js","./p-4122160f.system.js","./p-0177e3a0.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-2880433e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-448185d8.system.js"],(function(t){"use strict";var e,i,r,n,a,s,o,c,u,l,d,h,f,b,p,v,g,m,y,_,k,j,w,O,x,C,D,I,A,N,S,F,T,z,B,P,q,E,M,G,K,L,R,Y,U,W,H;return{setters:[function(t){e=t.r;i=t.c;r=t.h;n=t.H;a=t.g},function(t){s=t._;o=t.a},function(t){c=t.k;u=t.m},function(t){l=t.i},function(t){d=t.r;h=t.t;f=t.b;b=t.g;p=t.p;v=t.f;g=t.i;m=t.c;y=t.e;_=t.h;k=t.d;j=t.j;w=t.n;O=t.k;x=t.m},function(t){C=t.l},function(t){D=t.N;I=t.A;A=t.i},function(t){N=t.i},function(t){S=t.s;F=t.g;T=t.i;z=t.a;B=t.b;P=t.c;q=t.d},function(t){E=t.p},function(t){M=t.B},function(t){G=t.L},function(t){K=t.d},function(t){L=t.d;R=t.a},function(t){Y=t.b},function(t){U=t.g},function(t){W=t.L},function(t){H=t.L},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){function J(t,e){d(2,arguments);var i=h(t);var r=f(e);if(isNaN(r)){return new Date(NaN)}if(!r){return i}i.setDate(i.getDate()+r);return i}function Q(t,e){d(2,arguments);var i=h(t);var r=f(e);if(isNaN(r)){return new Date(NaN)}if(!r){return i}var n=i.getDate();var a=new Date(i.getTime());a.setMonth(i.getMonth()+r+1,0);var s=a.getDate();if(n>=s){return a}else{i.setFullYear(a.getFullYear(),a.getMonth(),n);return i}}function V(t,e){var i,r,n,a,s,o,c,u;d(1,arguments);var l=b();var p=f((i=(r=(n=(a=e===null||e===void 0?void 0:e.weekStartsOn)!==null&&a!==void 0?a:e===null||e===void 0?void 0:(s=e.locale)===null||s===void 0?void 0:(o=s.options)===null||o===void 0?void 0:o.weekStartsOn)!==null&&n!==void 0?n:l.weekStartsOn)!==null&&r!==void 0?r:(c=l.locale)===null||c===void 0?void 0:(u=c.options)===null||u===void 0?void 0:u.weekStartsOn)!==null&&i!==void 0?i:0);if(!(p>=0&&p<=6)){throw new RangeError("weekStartsOn must be between 0 and 6 inclusively")}var v=h(t);var g=v.getDay();var m=(g<p?7:0)+g-p;v.setDate(v.getDate()-m);v.setHours(0,0,0,0);return v}function X(t){d(1,arguments);var e=h(t);e.setHours(0,0,0,0);return e}function Z(t,e){d(2,arguments);var i=f(e);return Q(t,i*12)}function $(t,e){d(2,arguments);var i=X(t);var r=X(e);return i.getTime()===r.getTime()}function tt(t){d(1,arguments);var e=h(t);var i=e.getMonth();e.setFullYear(e.getFullYear(),i+1,0);e.setHours(0,0,0,0);return e}function et(t,e){d(2,arguments);var i=h(t);var r=h(e);return i.getTime()>r.getTime()}function it(t,e){d(2,arguments);var i=h(t);var r=h(e);return i.getTime()<r.getTime()}function rt(t,e,i){d(2,arguments);var r=V(t,i);var n=V(e,i);return r.getTime()===n.getTime()}function nt(t,e){d(2,arguments);var i=h(t);var r=h(e);return i.getFullYear()===r.getFullYear()&&i.getMonth()===r.getMonth()}function at(t,e){d(2,arguments);var i=h(t).getTime();var r=h(e.start).getTime();var n=h(e.end).getTime();if(!(r<=n)){throw new RangeError("Invalid interval")}return i>=r&&i<=n}function st(t,e){d(2,arguments);var i=f(e);return J(t,-i)}function ot(t,e){d(2,arguments);var i=f(e);return Z(t,-i)}var ct=':root{--bal-datepicker-popover-background:var(--bal-color-grey-2);--bal-datepicker-cell-background:var(--bal-color-white);--bal-datepicker-cell-selected-background:var(--bal-color-primary);--bal-datepicker-cell-selected-today-background:var(--bal-color-white);--bal-datepicker-cell-today-background:var(--bal-color-primary);--bal-datepicker-cell-today-radius:var(--bal-radius-rounded)}.bal-datepicker{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-datepicker__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-datepicker__popup{padding:1rem;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-datepicker-popover-background)}@media screen and (min-width: 769px),print{.bal-datepicker__popup{max-width:24.5rem}}.bal-datepicker__popup__body{max-width:22.5rem;margin:0 auto 0 auto;margin-top:.75rem}.bal-datepicker-pagination{max-width:22.5rem;margin:0 auto 0 auto}.bal-datepicker-pagination__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-datepicker-pagination__month-and-year{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:.5rem}.bal-datepicker-pagination__month-and-year__select{-ms-flex:1;flex:1}.bal-datepicker-pagination__month-and-year__select .select,.bal-datepicker-pagination__month-and-year__select .select select{padding-top:0 !important;padding-bottom:0 !important;text-align:center !important;min-height:2rem !important;height:2rem !important}@media screen and (min-width: 769px),print{.bal-datepicker-pagination__month-and-year__select .select,.bal-datepicker-pagination__month-and-year__select .select select{min-height:3rem !important;height:3rem !important}}.bal-datepicker-grid{display:table;border-collapse:collapse;width:100%;table-layout:fixed}.bal-datepicker-grid__body{display:table-row-group}.bal-datepicker-grid__row{display:table-row}.bal-datepicker-grid__row .bal-datepicker-grid__cell{margin-bottom:.25rem;margin-right:.25rem}.bal-datepicker-grid__row:last-child .bal-datepicker-grid__cell{margin-bottom:0}.bal-datepicker-grid__header{display:-ms-flexbox;display:flex;max-width:22.5rem;margin:0 auto 0 auto;gap:.25rem}.bal-datepicker-grid__header .bal-datepicker-grid__cell{background:rgba(0,0,0,0)}.bal-datepicker-grid__header .bal-datepicker-grid__cell span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;width:100%}.bal-datepicker-grid__cell{position:relative;text-align:center;vertical-align:middle;display:table-cell;width:13%;padding:0 !important;height:3rem;min-height:3rem;min-width:2.25rem;-webkit-appearance:auto !important;-moz-appearance:auto !important;appearance:auto !important;background:var(--bal-datepicker-cell-background)}.bal-datepicker-grid__cell--selected{background:var(--bal-datepicker-cell-selected-background) !important}.bal-datepicker-grid__cell--today:not(.bal-datepicker-grid__cell--outdated)>span{font-weight:var(--bal-font-weight-bold)}.bal-datepicker-grid__cell--today:not(.bal-datepicker-grid__cell--outdated)::after{content:"";position:absolute;display:block;width:.25rem;height:.25rem;background:var(--bal-datepicker-cell-today-background);border-radius:var(--bal-datepicker-cell-today-radius);margin-left:-2px;left:50%;bottom:.375rem}.bal-datepicker-grid__cell--today.bal-datepicker-grid__cell--selected:not(.bal-datepicker-grid__cell--outdated)::after{background:var(--bal-datepicker-cell-selected-today-background)}.bal-datepicker-grid__cell:last-child{margin-right:0}.bal-datepicker-grid__cell>span{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular)}@media screen and (min-width: 769px),print{.bal-datepicker-grid__cell{min-width:3rem !important}}.bal-datepicker-grid__cell--disabled{border-color:rgba(0,0,0,0) !important;background:rgba(0,0,0,0) !important}.bal-datepicker-grid__cell--header>span{border:none;background:rgba(0,0,0,0);color:var(--bal-color-text-primary);font-weight:var(--bal-font-weight-bold);cursor:default}';var ut=ct;var lt=t("bal_datepicker",function(){function t(t){var r=this;e(this,t);this.balChange=i(this,"balChange",7);this.balInput=i(this,"balInput",7);this.balBlur=i(this,"balBlur",7);this.balFocus=i(this,"balFocus",7);this.balInputClick=i(this,"balInputClick",7);this.balIconClick=i(this,"balIconClick",7);this.inputId="bal-dp-".concat(dt++);this.inheritedAttributes={};this.inputValue=this.value;this.onIconClick=function(t){if(!r.disabled&&!r.readonly){r.popoverElement.toggle()}S(t);r.balIconClick.emit(t)};this.onInputClick=function(t){if(!r.triggerIcon&&!r.disabled&&!r.readonly){r.popoverElement.toggle()}S(t);if(!r.triggerIcon){r.balInputClick.emit(t)}};this.onPopoverChange=function(t){S(t);if(r.isPopoverOpen!==t.detail){r.isPopoverOpen=t.detail;r.fireBlur(t)}};this.onInput=function(t){var e=F(t);if(e){r.inputValue=e.value;if(e.value){r.nativeInput.value=r.formatDate(r.inputValue)}if(r.inputValue&&r.inputValue.length>=6){var i=p(r.inputValue,r.getLocale());var n=v(i);if(g(n)){r.selectedDate=n;r.updatePointerDates()}}}r.balInput.emit(r.inputValue)};this.onInputChange=function(t){var e=t.target.value;var i=p(e,r.getLocale());var n=v(i);var a=m(r.getLocale(),i);r.nativeInput.value=a;r.updateValue(n);r.updatePointerDates()};this.onClickDateCell=function(t){if(!t.isDisabled){r.select(t.dateString)}};this.onInputKeyUp=function(t){if(y(t)&&!r.triggerIcon){if(r.isPopoverOpen){r.close()}else{r.open()}}if(_(t)&&!r.triggerIcon){var e=p(r.nativeInput.value,r.getLocale());var i=v(e);if(r.isPopoverOpen){if(r.value===i){r.close()}}}};this.onInputKeyDown=function(t){var e=k(r.getLocale());var i=__spreadArray(__spreadArray(__spreadArray([],D,true),[e],false),I,true);if(!A(t)&&i.indexOf(t.key)<0){t.preventDefault();t.stopPropagation()}if(t.key==="Tab"){r.close()}};this.onMonthSelect=function(t){var e=t.target.value;r.pointerDate=Object.assign(Object.assign({},r.pointerDate),{day:1,month:parseInt(e,10)})};this.onYearSelect=function(t){var e=t.target.value;var i=parseInt(e,10);var n=undefined;if(r.defaultDate){var a=p(r.defaultDate);if(r.max){var s=p(r.max);if(a.getMonth()>s.getMonth()){n=s.getMonth()}}if(r.min){var o=p(r.min);if(a.getMonth()<o.getMonth()){n=o.getMonth()}}}r.pointerDate={day:1,year:i,month:n!==undefined?n:r.pointerDate.month}};this.onInputFocus=function(t){return T(r,t)};this.onInputBlur=function(t){E(t);r.focused=false;r.fireBlur(t)};this.fireBlur=function(t){if(!r.isPopoverOpen&&!r.focused){c((function(){return r.balBlur.emit(t)}))}};this.handleClick=function(t){return z(r,t)};this.language=L.language;this.region=L.region;this.isMobile=Y.isMobile;this.focused=false;this.isPopoverOpen=false;this.selectedDate="";this.pointerDate={year:j(w()),month:O(w()),day:x(w())};this.ariaForm=K;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.loading=false;this.placeholder=undefined;this.min=undefined;this.max=undefined;this.closeOnSelect=true;this.triggerIcon=false;this.minYearProp=undefined;this.maxYearProp=undefined;this.debounce=0;this.defaultDate=undefined;this.value=undefined;this.allowedDates=undefined;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=u(this.balChange,this.debounce)};t.prototype.valueChanged=function(){this.selectedDate=this.value;this.updatePointerDates()};t.prototype.listenOnClick=function(t){B(this,t)};t.prototype.resetHandler=function(t){var e=this;var i=t.target;if(i===null||i===void 0?void 0:i.contains(this.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){if(e.initialValue){e.nativeInput.value=m(e.getLocale(),p(e.initialValue))}else{e.nativeInput.value=""}e.selectedDate=e.initialValue;e.updateValue(e.initialValue,false);e.updatePointerDates()}),0)}};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=l(this.el,["aria-label","tabindex","title"]);this.selectedDate=this.value;this.updatePointerDates();this.updateValue(this.value,false)};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;this.region=t.region;return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&this.popoverElement){this.popoverElement.present()}return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&this.popoverElement){this.popoverElement.dismiss()}return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:this.nativeInput.value=m(this.getLocale(),p(t));this.updateValue(t);this.updatePointerDates();if(!this.closeOnSelect)return[3,2];return[4,(e=this.popoverElement)===null||e===void 0?void 0:e.toggle()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){P(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){q(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.updatePointerDates=function(){var t=w();t.setDate(1);if(this.selectedDate){t=p(this.selectedDate)}else{if(this.defaultDate){t=p(this.defaultDate)}}if(this.min){var e=p(this.min);if(e&&t<e){t=e}}if(this.max){var i=p(this.max);if(i&&t>i){t=i}}this.pointerDate={year:j(t),month:O(t),day:x(t)}};t.prototype.updateValue=function(t,e){if(e===void 0){e=true}if(!g(t)){this.selectedDate=undefined;this.value=undefined;if(this.nativeInput){this.nativeInput.value=""}}if(this.value!==t){this.value=t;if(e&&(this.isDateInRange(p(this.value))||this.value==="")){this.balChange.emit(this.value)}}};Object.defineProperty(t.prototype,"minYear",{get:function(){if(this.min){return parseInt(this.min.substring(0,4),10)}return this.minYearProp?this.minYearProp:j(ot(w(),100))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"maxYear",{get:function(){if(this.max){return parseInt(this.max.substring(0,4),10)}return this.maxYearProp?this.maxYearProp:j(Z(w(),100))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"years",{get:function(){var t=this;var e=Array.from({length:this.maxYear-this.minYear+1},(function(e,i){return t.minYear+i}));if(this.min&&this.pointerDate.month===O(p(this.min))){var i=j(p(this.min));e=e.filter((function(t){return t>=i}))}if(this.max&&this.pointerDate.month===O(p(this.max))){var r=j(p(this.max));e=e.filter((function(t){return t<=r}))}return e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"months",{get:function(){var t=N[this.language].monthsShort;var e=t.map((function(t,e){return{name:t,index:e}}));if(this.min&&this.pointerDate.year===j(p(this.min))){var i=parseInt(this.min.substring(5,7),10)-1;e=e.filter((function(t){return t.index>=i}))}if(this.max&&this.pointerDate.year===j(p(this.max))){var r=parseInt(this.max.substring(5,7),10)-1;e=e.filter((function(t){return t.index<=r}))}return e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"weekDays",{get:function(){var t=__spreadArray([],N[this.language].weekdaysMin,true);t.push(t.shift()||"");return t},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"firstDateOfBox",{get:function(){var t=new Date(this.pointerDate.year,this.pointerDate.month,1);return V(t,{weekStartsOn:1})},enumerable:false,configurable:true});t.prototype.getLocale=function(){var t=U();return t&&t.locale||R};Object.defineProperty(t.prototype,"calendarGrid",{get:function(){var t=this.firstDateOfBox;var e=this.firstDateOfBox;var i=[];do{var r=[];do{r=__spreadArray(__spreadArray([],r,true),[{date:new Date(e),display:m(this.getLocale(),e),dateString:v(e),label:x(e).toString(),isToday:$(e,w()),isSelected:p(this.selectedDate)!==undefined&&$(e,p(this.selectedDate)),isDisabled:!this.getAllowedDates(e)||!this.isDateInRange(e),isOutdated:this.pointerDate.month!==e.getMonth()||!this.isDateInRange(e)}],false);e.setDate(e.getDate()+1)}while(rt(e,t,{weekStartsOn:1}));i=__spreadArray(__spreadArray([],i,true),[r],false);t.setDate(t.getDate()+7)}while(nt(new Date(this.pointerDate.year,this.pointerDate.month,this.pointerDate.day),e));return i},enumerable:false,configurable:true});t.prototype.getAllowedDates=function(t){if(C(this.allowedDates)){return true}return this.allowedDates(v(t))};t.prototype.formatDate=function(t){var e=k(this.getLocale());var i=t.length;var r=t.charAt(i-1);var n=t.charAt(i-2);if(r===e){if(i===1||n===e||t.split(e).filter((function(t){return t.length>0})).length>=3){return t.substring(0,i-1)}}if(i===5){if(t.split(e)[0].split("").length===1&&n!==e&&r!==e){return t.substring(0,i-1)+e+t.substring(i-1,i)}}if(i===3||i===6){if(r!==e&&n!==e&&t.split(e).length<=2){return t.substring(0,i-1)+e+t.substring(i-1,i)}}return t};t.prototype.render=function(){var t=this;var e=M.block("datepicker");var i=e.element("native");var a=e.element("popup");var s=a.element("body");var o=a.element("footer");return r(n,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign(Object.assign({},e.class()),e.modifier("disabled").class(this.disabled||this.readonly))},r("input",{type:"date",class:Object.assign({},i.class()),name:this.name,min:this.min,max:this.max,value:this.value,tabindex:-1,"aria-hidden":"true"}),r("bal-popover",{onBalChange:this.onPopoverChange,ref:function(e){return t.popoverElement=e}},this.renderInput(),r("bal-popover-content",{spaceless:true,contentMinWidth:392},r("div",{class:Object.assign({},a.class())},this.renderHeader(),r("div",{class:Object.assign({},s.class())},this.renderGrid()),r("div",{class:Object.assign({},o.class())},r("slot",null))))))};t.prototype.renderInput=function(){var t=this;return r("div",{"bal-popover-trigger":true,class:"control"},r("bal-input-group",{disabled:this.disabled||this.readonly,invalid:this.invalid},r("input",Object.assign({class:{input:true,"data-test-input":true,"is-clickable":!this.disabled&&!this.triggerIcon&&!this.readonly,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-datepicker-input",ref:function(e){return t.nativeInput=e},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,type:"text",maxlength:"10",autoComplete:"off",value:m(this.getLocale(),p(this.value||"")),required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,onKeyDown:function(e){return t.onInputKeyDown(e)},onKeyUp:function(e){return t.onInputKeyUp(e)},onInput:this.onInput,onClick:this.onInputClick,onChange:this.onInputChange,onBlur:this.onInputBlur,onFocus:this.onInputFocus},this.inheritedAttributes)),!this.loading?r("bal-icon",{class:{"datepicker-trigger-icon":true,"is-clickable":!this.disabled&&!this.readonly},"is-right":true,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"date",onClick:this.onIconClick}):""))};t.prototype.renderGrid=function(){var t=this;var e=M.block("datepicker-grid");var i=e.element("row");var n=e.element("cell");return r("div",null,this.renderWeekDayHeader(),r("div",{class:Object.assign({},e.class())},this.calendarGrid.map((function(e,a){return r("div",{key:a,class:Object.assign({},i.class())},e.map((function(e){return r("button",{key:e.dateString,type:"button","data-date":e.dateString,onClick:function(){return t.onClickDateCell(e)},disabled:e.isDisabled,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n.class()),{button:true,"is-text":!e.isDisabled&&!e.isSelected,"is-primary":e.isSelected&&e.isSelected,"is-disabled":e.isDisabled||e.isOutdated}),n.modifier("today").class(e.isToday)),n.modifier("selectable").class(!e.isDisabled&&!e.isOutdated)),n.modifier("disabled").class(e.isDisabled||e.isOutdated)),n.modifier("outdated").class(e.isOutdated)),n.modifier("selected").class(e.isSelected))},r("span",null,e.label))})))}))))};t.prototype.renderWeekDayHeader=function(){var t=M.block("datepicker-grid");var e=t.element("header");var i=t.element("cell");return r("header",{class:Object.assign({},e.class())},this.weekDays.map((function(t){return r("div",{key:t,class:Object.assign(Object.assign({},i.class()),i.modifier("header").class())},r("span",null,t))})))};t.prototype.renderHeader=function(){var t=this;var e=M.block("datepicker-pagination");var i=e.element("inner");var n=e.element("month-and-year");var a=n.element("select");return r("header",{class:Object.assign({},e.class())},r("div",{class:Object.assign({},i.class())},r("bal-button",{square:true,size:this.isMobile?"small":"",color:"info",icon:"nav-go-left",disabled:this.isPreviousMonthDisabled,onClick:function(){return t.previousMonth()}}),r("div",{class:Object.assign({},n.class())},r("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("month").class())},r("div",{class:"select"},r("select",{onInput:this.onMonthSelect},this.months.map((function(e){return r("option",{key:e.index,value:e.index,selected:t.pointerDate.month===e.index},e.name)}))))),r("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("year").class())},r("div",{class:"select"},r("select",{onInput:this.onYearSelect},this.years.map((function(e){return r("option",{key:e,value:e,selected:t.pointerDate.year===e},e)})))))),r("bal-button",{square:true,size:this.isMobile?"small":"",color:"info",icon:"nav-go-right",disabled:this.isNextMonthDisabled,onClick:function(){return t.nextMonth()}})))};t.prototype.previousMonth=function(){if(!this.isPreviousMonthDisabled){if(this.pointerDate.year===this.minYear&&this.pointerDate.month===0){return}this.pointerDate=this.calcPreviousMonth()}};t.prototype.nextMonth=function(){if(!this.isNextMonthDisabled){if(this.pointerDate.year===this.maxYear&&this.pointerDate.month===11){return}this.pointerDate=this.calcNextMonth()}};t.prototype.calcPreviousMonth=function(){if(this.pointerDate.month===0){return Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year-1,month:11,day:1})}else{return Object.assign(Object.assign({},this.pointerDate),{month:this.pointerDate.month-1,day:1})}};t.prototype.calcNextMonth=function(){if(this.pointerDate.month===11){return Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year+1,month:0,day:1})}else{return Object.assign(Object.assign({},this.pointerDate),{month:this.pointerDate.month+1,day:1})}};t.prototype.lastDayOfMonth=function(t,e){var i=new Date(t,e+1,0);return x(i)};Object.defineProperty(t.prototype,"isPreviousMonthDisabled",{get:function(){if(this.min){var t=p(this.min);var e=this.lastDayOfMonth(this.calcPreviousMonth().year,this.calcPreviousMonth().month);var i=new Date(this.calcPreviousMonth().year,this.calcPreviousMonth().month,e);return it(i,st(t,1))}return false},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isNextMonthDisabled",{get:function(){if(this.max){var t=p(this.max);var e=new Date(this.calcNextMonth().year,this.calcNextMonth().month,1);return et(e,tt(t)?t:J(t,1))}return false},enumerable:false,configurable:true});t.prototype.isDateInRange=function(t){var e=p(v(t));if(this.min&&this.max&&this.max>this.min){return at(e,{start:p(this.min),end:p(this.max)})}if(this.min){return et(e,p(this.min))||$(e,p(this.min))}if(this.max){return it(e,J(p(this.max),1))||$(e,p(this.max))}return true};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());s([G("bal-datepicker"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],lt.prototype,"createLogger",null);s([W(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],lt.prototype,"breakpointListener",null);s([H(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],lt.prototype,"configChanged",null);var dt=0;lt.style=ut}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,r){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function s(t){try{c(r.next(t))}catch(t){a(t)}}function o(t){try{c(r["throw"](t))}catch(t){a(t)}}function c(t){t.done?i(t.value):n(t.value).then(s,o)}c((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return c([t,e])}}function c(o){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var r=0,n=e.length,a;r<n;r++){if(a||!(r in e)){if(!a)a=Array.prototype.slice.call(e,0,r);a[r]=e[r]}}return t.concat(a||Array.prototype.slice.call(e))};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8954495d.system.js","./p-8949aa8b.system.js","./p-8a87b9a8.system.js","./p-6913b916.system.js","./p-ba579059.system.js","./p-a7fc2da7.system.js","./p-d2ee9b0a.system.js","./p-b79d8942.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-6e5745c8.system.js","./p-bb6304d0.system.js","./p-296a638e.system.js","./p-145d5c4e.system.js","./p-2ddb356c.system.js","./p-0177e3a0.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-2880433e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-efb46317.system.js"],(function(t){"use strict";var e,i,r,n,a,s,o,c,u,l,d,h,f,b,p,v,g,m,y,_,k,j,w,O,x,C,D,I,A,N,S,F,T,z,B,P,q,E,M,G,K,L,R,Y,U,W,H;return{setters:[function(t){e=t.r;i=t.c;r=t.h;n=t.H;a=t.g},function(t){s=t._;o=t.a},function(t){c=t.k;u=t.m},function(t){l=t.i},function(t){d=t.r;h=t.t;f=t.b;b=t.g;p=t.p;v=t.f;g=t.i;m=t.c;y=t.e;_=t.h;k=t.d;j=t.j;w=t.n;O=t.k;x=t.m},function(t){C=t.l},function(t){D=t.N;I=t.A;A=t.i},function(t){N=t.i},function(t){S=t.s;F=t.g;T=t.i;z=t.a;B=t.b;P=t.c;q=t.d},function(t){E=t.p},function(t){M=t.B},function(t){G=t.L},function(t){K=t.d},function(t){L=t.d;R=t.a},function(t){Y=t.b},function(t){U=t.g},function(t){W=t.L},function(t){H=t.L},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){function J(t,e){d(2,arguments);var i=h(t);var r=f(e);if(isNaN(r)){return new Date(NaN)}if(!r){return i}i.setDate(i.getDate()+r);return i}function Q(t,e){d(2,arguments);var i=h(t);var r=f(e);if(isNaN(r)){return new Date(NaN)}if(!r){return i}var n=i.getDate();var a=new Date(i.getTime());a.setMonth(i.getMonth()+r+1,0);var s=a.getDate();if(n>=s){return a}else{i.setFullYear(a.getFullYear(),a.getMonth(),n);return i}}function V(t,e){var i,r,n,a,s,o,c,u;d(1,arguments);var l=b();var p=f((i=(r=(n=(a=e===null||e===void 0?void 0:e.weekStartsOn)!==null&&a!==void 0?a:e===null||e===void 0?void 0:(s=e.locale)===null||s===void 0?void 0:(o=s.options)===null||o===void 0?void 0:o.weekStartsOn)!==null&&n!==void 0?n:l.weekStartsOn)!==null&&r!==void 0?r:(c=l.locale)===null||c===void 0?void 0:(u=c.options)===null||u===void 0?void 0:u.weekStartsOn)!==null&&i!==void 0?i:0);if(!(p>=0&&p<=6)){throw new RangeError("weekStartsOn must be between 0 and 6 inclusively")}var v=h(t);var g=v.getDay();var m=(g<p?7:0)+g-p;v.setDate(v.getDate()-m);v.setHours(0,0,0,0);return v}function X(t){d(1,arguments);var e=h(t);e.setHours(0,0,0,0);return e}function Z(t,e){d(2,arguments);var i=f(e);return Q(t,i*12)}function $(t,e){d(2,arguments);var i=X(t);var r=X(e);return i.getTime()===r.getTime()}function tt(t){d(1,arguments);var e=h(t);var i=e.getMonth();e.setFullYear(e.getFullYear(),i+1,0);e.setHours(0,0,0,0);return e}function et(t,e){d(2,arguments);var i=h(t);var r=h(e);return i.getTime()>r.getTime()}function it(t,e){d(2,arguments);var i=h(t);var r=h(e);return i.getTime()<r.getTime()}function rt(t,e,i){d(2,arguments);var r=V(t,i);var n=V(e,i);return r.getTime()===n.getTime()}function nt(t,e){d(2,arguments);var i=h(t);var r=h(e);return i.getFullYear()===r.getFullYear()&&i.getMonth()===r.getMonth()}function at(t,e){d(2,arguments);var i=h(t).getTime();var r=h(e.start).getTime();var n=h(e.end).getTime();if(!(r<=n)){throw new RangeError("Invalid interval")}return i>=r&&i<=n}function st(t,e){d(2,arguments);var i=f(e);return J(t,-i)}function ot(t,e){d(2,arguments);var i=f(e);return Z(t,-i)}var ct=':root{--bal-datepicker-popover-background:var(--bal-color-grey-2);--bal-datepicker-cell-background:var(--bal-color-white);--bal-datepicker-cell-selected-background:var(--bal-color-primary);--bal-datepicker-cell-selected-today-background:var(--bal-color-white);--bal-datepicker-cell-today-background:var(--bal-color-primary);--bal-datepicker-cell-today-radius:var(--bal-radius-rounded)}.bal-datepicker{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-datepicker__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-datepicker__popup{padding:1rem;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-datepicker-popover-background)}@media screen and (min-width: 769px),print{.bal-datepicker__popup{max-width:24.5rem}}.bal-datepicker__popup__body{max-width:22.5rem;margin:0 auto 0 auto;margin-top:.75rem}.bal-datepicker-pagination{max-width:22.5rem;margin:0 auto 0 auto}.bal-datepicker-pagination__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-datepicker-pagination__month-and-year{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:.5rem}.bal-datepicker-pagination__month-and-year__select{-ms-flex:1;flex:1}.bal-datepicker-pagination__month-and-year__select .select,.bal-datepicker-pagination__month-and-year__select .select select{padding-top:0 !important;padding-bottom:0 !important;text-align:center !important;min-height:2rem !important;height:2rem !important}@media screen and (min-width: 769px),print{.bal-datepicker-pagination__month-and-year__select .select,.bal-datepicker-pagination__month-and-year__select .select select{min-height:3rem !important;height:3rem !important}}.bal-datepicker-grid{display:table;border-collapse:collapse;width:100%;table-layout:fixed}.bal-datepicker-grid__body{display:table-row-group}.bal-datepicker-grid__row{display:table-row}.bal-datepicker-grid__row .bal-datepicker-grid__cell{margin-bottom:.25rem;margin-right:.25rem}.bal-datepicker-grid__row:last-child .bal-datepicker-grid__cell{margin-bottom:0}.bal-datepicker-grid__header{display:-ms-flexbox;display:flex;max-width:22.5rem;margin:0 auto 0 auto;gap:.25rem}.bal-datepicker-grid__header .bal-datepicker-grid__cell{background:rgba(0,0,0,0)}.bal-datepicker-grid__header .bal-datepicker-grid__cell span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;width:100%}.bal-datepicker-grid__cell{position:relative;text-align:center;vertical-align:middle;display:table-cell;width:13%;padding:0 !important;height:3rem;min-height:3rem;min-width:2.25rem;-webkit-appearance:auto !important;-moz-appearance:auto !important;appearance:auto !important;background:var(--bal-datepicker-cell-background)}.bal-datepicker-grid__cell--selected{background:var(--bal-datepicker-cell-selected-background) !important}.bal-datepicker-grid__cell--today:not(.bal-datepicker-grid__cell--outdated)>span{font-weight:var(--bal-font-weight-bold)}.bal-datepicker-grid__cell--today:not(.bal-datepicker-grid__cell--outdated)::after{content:"";position:absolute;display:block;width:.25rem;height:.25rem;background:var(--bal-datepicker-cell-today-background);border-radius:var(--bal-datepicker-cell-today-radius);margin-left:-2px;left:50%;bottom:.375rem}.bal-datepicker-grid__cell--today.bal-datepicker-grid__cell--selected:not(.bal-datepicker-grid__cell--outdated)::after{background:var(--bal-datepicker-cell-selected-today-background)}.bal-datepicker-grid__cell:last-child{margin-right:0}.bal-datepicker-grid__cell>span{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular)}@media screen and (min-width: 769px),print{.bal-datepicker-grid__cell{min-width:3rem !important}}.bal-datepicker-grid__cell--disabled{border-color:rgba(0,0,0,0) !important;background:rgba(0,0,0,0) !important}.bal-datepicker-grid__cell--header>span{border:none;background:rgba(0,0,0,0);color:var(--bal-color-text-primary);font-weight:var(--bal-font-weight-bold);cursor:default}';var ut=ct;var lt=t("bal_datepicker",function(){function t(t){var r=this;e(this,t);this.balChange=i(this,"balChange",7);this.balInput=i(this,"balInput",7);this.balBlur=i(this,"balBlur",7);this.balFocus=i(this,"balFocus",7);this.balInputClick=i(this,"balInputClick",7);this.balIconClick=i(this,"balIconClick",7);this.inputId="bal-dp-".concat(dt++);this.inheritedAttributes={};this.inputValue=this.value;this.onIconClick=function(t){if(!r.disabled&&!r.readonly){r.popoverElement.toggle()}S(t);r.balIconClick.emit(t)};this.onInputClick=function(t){if(!r.triggerIcon&&!r.disabled&&!r.readonly){r.popoverElement.toggle()}S(t);if(!r.triggerIcon){r.balInputClick.emit(t)}};this.onPopoverChange=function(t){S(t);if(r.isPopoverOpen!==t.detail){r.isPopoverOpen=t.detail;r.fireBlur(t)}};this.onInput=function(t){var e=F(t);if(e){r.inputValue=e.value;if(e.value){r.nativeInput.value=r.formatDate(r.inputValue)}if(r.inputValue&&r.inputValue.length>=6){var i=p(r.inputValue,r.getLocale());var n=v(i);if(g(n)){r.selectedDate=n;r.updatePointerDates()}}}r.balInput.emit(r.inputValue)};this.onInputChange=function(t){var e=t.target.value;var i=p(e,r.getLocale());var n=v(i);var a=m(r.getLocale(),i);r.nativeInput.value=a;r.updateValue(n);r.updatePointerDates()};this.onClickDateCell=function(t){if(!t.isDisabled){r.select(t.dateString)}};this.onInputKeyUp=function(t){if(y(t)&&!r.triggerIcon){if(r.isPopoverOpen){r.close()}else{r.open()}}if(_(t)&&!r.triggerIcon){var e=p(r.nativeInput.value,r.getLocale());var i=v(e);if(r.isPopoverOpen){if(r.value===i){r.close()}}}};this.onInputKeyDown=function(t){var e=k(r.getLocale());var i=__spreadArray(__spreadArray(__spreadArray([],D,true),[e],false),I,true);if(!A(t)&&i.indexOf(t.key)<0){t.preventDefault();t.stopPropagation()}if(t.key==="Tab"){r.close()}};this.onMonthSelect=function(t){var e=t.target.value;r.pointerDate=Object.assign(Object.assign({},r.pointerDate),{day:1,month:parseInt(e,10)})};this.onYearSelect=function(t){var e=t.target.value;var i=parseInt(e,10);var n=undefined;if(r.defaultDate){var a=p(r.defaultDate);if(r.max){var s=p(r.max);if(a.getMonth()>s.getMonth()){n=s.getMonth()}}if(r.min){var o=p(r.min);if(a.getMonth()<o.getMonth()){n=o.getMonth()}}}r.pointerDate={day:1,year:i,month:n!==undefined?n:r.pointerDate.month}};this.onInputFocus=function(t){return T(r,t)};this.onInputBlur=function(t){E(t);r.focused=false;r.fireBlur(t)};this.fireBlur=function(t){if(!r.isPopoverOpen&&!r.focused){c((function(){return r.balBlur.emit(t)}))}};this.handleClick=function(t){return z(r,t)};this.language=L.language;this.region=L.region;this.isMobile=Y.isMobile;this.focused=false;this.isPopoverOpen=false;this.selectedDate="";this.pointerDate={year:j(w()),month:O(w()),day:x(w())};this.ariaForm=K;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.loading=false;this.placeholder=undefined;this.min=undefined;this.max=undefined;this.closeOnSelect=true;this.triggerIcon=false;this.minYearProp=undefined;this.maxYearProp=undefined;this.debounce=0;this.defaultDate=undefined;this.value=undefined;this.allowedDates=undefined;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=u(this.balChange,this.debounce)};t.prototype.valueChanged=function(){this.selectedDate=this.value;this.updatePointerDates()};t.prototype.listenOnClick=function(t){B(this,t)};t.prototype.resetHandler=function(t){var e=this;var i=t.target;if(i===null||i===void 0?void 0:i.contains(this.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){if(e.initialValue){e.nativeInput.value=m(e.getLocale(),p(e.initialValue))}else{e.nativeInput.value=""}e.selectedDate=e.initialValue;e.updateValue(e.initialValue,false);e.updatePointerDates()}),0)}};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=l(this.el,["aria-label","tabindex","title"]);this.selectedDate=this.value;this.updatePointerDates();this.updateValue(this.value,false)};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;this.region=t.region;return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&this.popoverElement){this.popoverElement.present()}return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&this.popoverElement){this.popoverElement.dismiss()}return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:this.nativeInput.value=m(this.getLocale(),p(t));this.updateValue(t);this.updatePointerDates();if(!this.closeOnSelect)return[3,2];return[4,(e=this.popoverElement)===null||e===void 0?void 0:e.toggle()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){P(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){q(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.updatePointerDates=function(){var t=w();t.setDate(1);if(this.selectedDate){t=p(this.selectedDate)}else{if(this.defaultDate){t=p(this.defaultDate)}}if(this.min){var e=p(this.min);if(e&&t<e){t=e}}if(this.max){var i=p(this.max);if(i&&t>i){t=i}}this.pointerDate={year:j(t),month:O(t),day:x(t)}};t.prototype.updateValue=function(t,e){if(e===void 0){e=true}if(!g(t)){this.selectedDate=undefined;this.value=undefined;if(this.nativeInput){this.nativeInput.value=""}}if(this.value!==t){this.value=t;if(e&&(this.isDateInRange(p(this.value))||this.value==="")){this.balChange.emit(this.value)}}};Object.defineProperty(t.prototype,"minYear",{get:function(){if(this.min){return parseInt(this.min.substring(0,4),10)}return this.minYearProp?this.minYearProp:j(ot(w(),100))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"maxYear",{get:function(){if(this.max){return parseInt(this.max.substring(0,4),10)}return this.maxYearProp?this.maxYearProp:j(Z(w(),100))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"years",{get:function(){var t=this;var e=Array.from({length:this.maxYear-this.minYear+1},(function(e,i){return t.minYear+i}));if(this.min&&this.pointerDate.month===O(p(this.min))){var i=j(p(this.min));e=e.filter((function(t){return t>=i}))}if(this.max&&this.pointerDate.month===O(p(this.max))){var r=j(p(this.max));e=e.filter((function(t){return t<=r}))}return e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"months",{get:function(){var t=N[this.language].monthsShort;var e=t.map((function(t,e){return{name:t,index:e}}));if(this.min&&this.pointerDate.year===j(p(this.min))){var i=parseInt(this.min.substring(5,7),10)-1;e=e.filter((function(t){return t.index>=i}))}if(this.max&&this.pointerDate.year===j(p(this.max))){var r=parseInt(this.max.substring(5,7),10)-1;e=e.filter((function(t){return t.index<=r}))}return e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"weekDays",{get:function(){var t=__spreadArray([],N[this.language].weekdaysMin,true);t.push(t.shift()||"");return t},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"firstDateOfBox",{get:function(){var t=new Date(this.pointerDate.year,this.pointerDate.month,1);return V(t,{weekStartsOn:1})},enumerable:false,configurable:true});t.prototype.getLocale=function(){var t=U();return t&&t.locale||R};Object.defineProperty(t.prototype,"calendarGrid",{get:function(){var t=this.firstDateOfBox;var e=this.firstDateOfBox;var i=[];do{var r=[];do{r=__spreadArray(__spreadArray([],r,true),[{date:new Date(e),display:m(this.getLocale(),e),dateString:v(e),label:x(e).toString(),isToday:$(e,w()),isSelected:p(this.selectedDate)!==undefined&&$(e,p(this.selectedDate)),isDisabled:!this.getAllowedDates(e)||!this.isDateInRange(e),isOutdated:this.pointerDate.month!==e.getMonth()||!this.isDateInRange(e)}],false);e.setDate(e.getDate()+1)}while(rt(e,t,{weekStartsOn:1}));i=__spreadArray(__spreadArray([],i,true),[r],false);t.setDate(t.getDate()+7)}while(nt(new Date(this.pointerDate.year,this.pointerDate.month,this.pointerDate.day),e));return i},enumerable:false,configurable:true});t.prototype.getAllowedDates=function(t){if(C(this.allowedDates)){return true}return this.allowedDates(v(t))};t.prototype.formatDate=function(t){var e=k(this.getLocale());var i=t.length;var r=t.charAt(i-1);var n=t.charAt(i-2);if(r===e){if(i===1||n===e||t.split(e).filter((function(t){return t.length>0})).length>=3){return t.substring(0,i-1)}}if(i===5){if(t.split(e)[0].split("").length===1&&n!==e&&r!==e){return t.substring(0,i-1)+e+t.substring(i-1,i)}}if(i===3||i===6){if(r!==e&&n!==e&&t.split(e).length<=2){return t.substring(0,i-1)+e+t.substring(i-1,i)}}return t};t.prototype.render=function(){var t=this;var e=M.block("datepicker");var i=e.element("native");var a=e.element("popup");var s=a.element("body");var o=a.element("footer");return r(n,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign(Object.assign({},e.class()),e.modifier("disabled").class(this.disabled||this.readonly))},r("input",{type:"date",class:Object.assign({},i.class()),name:this.name,min:this.min,max:this.max,value:this.value,tabindex:-1,"aria-hidden":"true"}),r("bal-popover",{onBalChange:this.onPopoverChange,ref:function(e){return t.popoverElement=e}},this.renderInput(),r("bal-popover-content",{spaceless:true,contentMinWidth:392},r("div",{class:Object.assign({},a.class())},this.renderHeader(),r("div",{class:Object.assign({},s.class())},this.renderGrid()),r("div",{class:Object.assign({},o.class())},r("slot",null))))))};t.prototype.renderInput=function(){var t=this;return r("div",{"bal-popover-trigger":true,class:"control"},r("bal-input-group",{disabled:this.disabled||this.readonly,invalid:this.invalid},r("input",Object.assign({class:{input:true,"data-test-input":true,"is-clickable":!this.disabled&&!this.triggerIcon&&!this.readonly,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-datepicker-input",ref:function(e){return t.nativeInput=e},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,type:"text",maxlength:"10",autoComplete:"off",value:m(this.getLocale(),p(this.value||"")),required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,onKeyDown:function(e){return t.onInputKeyDown(e)},onKeyUp:function(e){return t.onInputKeyUp(e)},onInput:this.onInput,onClick:this.onInputClick,onChange:this.onInputChange,onBlur:this.onInputBlur,onFocus:this.onInputFocus},this.inheritedAttributes)),!this.loading?r("bal-icon",{class:{"datepicker-trigger-icon":true,"is-clickable":!this.disabled&&!this.readonly},"is-right":true,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"date",onClick:this.onIconClick}):""))};t.prototype.renderGrid=function(){var t=this;var e=M.block("datepicker-grid");var i=e.element("row");var n=e.element("cell");return r("div",null,this.renderWeekDayHeader(),r("div",{class:Object.assign({},e.class())},this.calendarGrid.map((function(e,a){return r("div",{key:a,class:Object.assign({},i.class())},e.map((function(e){return r("button",{key:e.dateString,type:"button","data-date":e.dateString,onClick:function(){return t.onClickDateCell(e)},disabled:e.isDisabled,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n.class()),{button:true,"is-text":!e.isDisabled&&!e.isSelected,"is-primary":e.isSelected&&e.isSelected,"is-disabled":e.isDisabled||e.isOutdated}),n.modifier("today").class(e.isToday)),n.modifier("selectable").class(!e.isDisabled&&!e.isOutdated)),n.modifier("disabled").class(e.isDisabled||e.isOutdated)),n.modifier("outdated").class(e.isOutdated)),n.modifier("selected").class(e.isSelected))},r("span",null,e.label))})))}))))};t.prototype.renderWeekDayHeader=function(){var t=M.block("datepicker-grid");var e=t.element("header");var i=t.element("cell");return r("header",{class:Object.assign({},e.class())},this.weekDays.map((function(t){return r("div",{key:t,class:Object.assign(Object.assign({},i.class()),i.modifier("header").class())},r("span",null,t))})))};t.prototype.renderHeader=function(){var t=this;var e=M.block("datepicker-pagination");var i=e.element("inner");var n=e.element("month-and-year");var a=n.element("select");return r("header",{class:Object.assign({},e.class())},r("div",{class:Object.assign({},i.class())},r("bal-button",{square:true,size:this.isMobile?"small":"",color:"info",icon:"nav-go-left",disabled:this.isPreviousMonthDisabled,onClick:function(){return t.previousMonth()}}),r("div",{class:Object.assign({},n.class())},r("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("month").class())},r("div",{class:"select"},r("select",{onInput:this.onMonthSelect},this.months.map((function(e){return r("option",{key:e.index,value:e.index,selected:t.pointerDate.month===e.index},e.name)}))))),r("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("year").class())},r("div",{class:"select"},r("select",{onInput:this.onYearSelect},this.years.map((function(e){return r("option",{key:e,value:e,selected:t.pointerDate.year===e},e)})))))),r("bal-button",{square:true,size:this.isMobile?"small":"",color:"info",icon:"nav-go-right",disabled:this.isNextMonthDisabled,onClick:function(){return t.nextMonth()}})))};t.prototype.previousMonth=function(){if(!this.isPreviousMonthDisabled){if(this.pointerDate.year===this.minYear&&this.pointerDate.month===0){return}this.pointerDate=this.calcPreviousMonth()}};t.prototype.nextMonth=function(){if(!this.isNextMonthDisabled){if(this.pointerDate.year===this.maxYear&&this.pointerDate.month===11){return}this.pointerDate=this.calcNextMonth()}};t.prototype.calcPreviousMonth=function(){if(this.pointerDate.month===0){return Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year-1,month:11,day:1})}else{return Object.assign(Object.assign({},this.pointerDate),{month:this.pointerDate.month-1,day:1})}};t.prototype.calcNextMonth=function(){if(this.pointerDate.month===11){return Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year+1,month:0,day:1})}else{return Object.assign(Object.assign({},this.pointerDate),{month:this.pointerDate.month+1,day:1})}};t.prototype.lastDayOfMonth=function(t,e){var i=new Date(t,e+1,0);return x(i)};Object.defineProperty(t.prototype,"isPreviousMonthDisabled",{get:function(){if(this.min){var t=p(this.min);var e=this.lastDayOfMonth(this.calcPreviousMonth().year,this.calcPreviousMonth().month);var i=new Date(this.calcPreviousMonth().year,this.calcPreviousMonth().month,e);return it(i,st(t,1))}return false},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isNextMonthDisabled",{get:function(){if(this.max){var t=p(this.max);var e=new Date(this.calcNextMonth().year,this.calcNextMonth().month,1);return et(e,tt(t)?t:J(t,1))}return false},enumerable:false,configurable:true});t.prototype.isDateInRange=function(t){var e=p(v(t));if(this.min&&this.max&&this.max>this.min){return at(e,{start:p(this.min),end:p(this.max)})}if(this.min){return et(e,p(this.min))||$(e,p(this.min))}if(this.max){return it(e,J(p(this.max),1))||$(e,p(this.max))}return true};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());s([G("bal-datepicker"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],lt.prototype,"createLogger",null);s([W(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],lt.prototype,"breakpointListener",null);s([H(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],lt.prototype,"configChanged",null);var dt=0;lt.style=ut}}}));
|
package/dist/baloise-design-system/{p-90aa7db300.system.entry.js → p-94ae00c712.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,a,i,n){function e(t){return t instanceof i?t:new i((function(a){a(t)}))}return new(i||(i=Promise))((function(i,s){function r(t){try{l(n.next(t))}catch(t){s(t)}}function o(t){try{l(n["throw"](t))}catch(t){s(t)}}function l(t){t.done?i(t.value):e(t.value).then(r,o)}l((n=n.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,e,s,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(t){return function(a){return l([t,a])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,o[0]&&(i=0)),i)try{if(n=1,e&&(s=o[0]&2?e["return"]:o[0]?e["throw"]||((s=e["return"])&&s.call(e),0):e.next)&&!(s=s.call(e,o[1])).done)return s;if(e=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;e=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){i.label=o[1];break}if(o[0]===6&&i.label<s[1]){i.label=s[1];s=o;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(o);break}if(s[2])i.ops.pop();i.trys.pop();continue}o=a.call(t,i)}catch(t){o=[6,t];e=0}finally{n=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-46962c31.system.js","./p-bb6304d0.system.js","./p-4122160f.system.js","./p-0177e3a0.system.js","./p-8954495d.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-448185d8.system.js","./p-23bdd8dc.system.js"],(function(t){"use strict";var a,i,n,e,s,r,o,l,c,u,p,g;return{setters:[function(t){a=t.r;i=t.c;n=t.h;e=t.H;s=t.g},function(t){r=t._;o=t.a},function(t){l=t.B},function(t){c=t.b},function(t){u=t.d},function(t){p=t.L},function(t){g=t.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){function b(t,a,i){var n=[];if(t>a||t<0){t=1}if(a<=0){a=10}if(i<=0){i=2}var e=5+i*2;if(a<=e){for(var s=1;s<=a;s++){n.push({type:"page",label:s.toString(),active:s===t})}}else{if(t<=e-2-i){for(var s=1;s<=e-2;s++){n.push({type:"page",label:s.toString(),active:s===t})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:a.toString(),active:false})}else if(t>=a-3){n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});for(var s=a-e+3;s<=a;s++){n.push({type:"page",label:s.toString(),active:s===t})}}else{n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});var r=Number(t);for(var s=r-i;s<=r+i;s++){n.push({type:"page",label:s.toString(),active:s===t})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:a.toString(),active:false})}}return n}var d={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}};var f=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list--more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list--more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list--more{width:3rem}}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}";var h=f;var v=t("bal_pagination",function(){function t(t){a(this,t);this.balChangeEventEmitter=i(this,"balChange",7);this._value=1;this.isMobile=c.isMobile;this.language=u.language;this.align="";this.size="";this.interface="";this.disabled=false;this.value=1;this.totalPages=1;this.pageRange=2;this.sticky=false;this.top=0}t.prototype.valueChanged=function(t){this._value=t};t.prototype.topValueChanged=function(t){if(this.sticky){this.el.style.top="".concat(t,"px")}};t.prototype.componentWillLoad=function(){this._value=this.value;this.topValueChanged(this.top)};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile};t.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this._value<this.totalPages){this._value=this._value+1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};t.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this._value!==1){this._value=this._value-1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.language=t.language;return[2]}))}))};t.prototype.selectPage=function(t){this._value=t;this.balChangeEventEmitter.emit(this._value)};t.prototype.getItems=function(t){var a=this;if(t===void 0){t=2}var i=b(this._value,this.totalPages,t);return i.map((function(t){if(t.type==="page"){return a.renderPageElement(Number(t.label))}else{return a.renderEllipsisElement()}}))};t.prototype.renderEllipsisElement=function(){var t=l.block("pagination").element("nav").element("pagination-list").modifier("more");return n("li",null,n("div",{class:Object.assign({},t.class())},n("bal-text",{bold:true,heading:true,inline:true,space:"none"},"…")))};t.prototype.renderPageElement=function(t){var a=this;var i=this._value===t;var e=l.block("pagination").element("nav").element("pagination-list").element("dot");if(this.interface==="small"){return n("li",null,n("span",{class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(i)),e.modifier("inactive").class(!i)),onClick:function(){return a.selectPage(t)}}))}return n("li",null,n("bal-button",{square:true,color:i?"primary":"text",onClick:function(){return a.selectPage(t)},"data-testid":"bal-pagination-page-number",size:this.isMobile||this.size==="small"?"small":""},t))};t.prototype.render=function(){var t=this;var a=this.getItems(1);var i=this.getItems(this.pageRange);var s=l.block("pagination");var r=s.element("nav");var o=r.element("pagination-previous");var c=r.element("pagination-next");var u=r.element("pagination-list");var p=this.interface==="small";var g=p?"link":"text";var b=p||this.size==="small"||this.isMobile?"small":"";var f=p;var h=d[this.language].left;var v=d[this.language].right;var _=this.interface===""||p&&this.totalPages<=5;var m=function(){return n("span",{class:Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class())},n("span",null,t._value)," / "+t.totalPages)};var x=function(){return n("ul",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class()),{"is-disabled":t.disabled}),"data-testid":"bal-pagination-list"},i)};var y=function(){return n("ul",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class()),{"is-disabled":t.disabled}),"data-testid":"bal-pagination-list"},a)};return n(e,{class:Object.assign(Object.assign({},s.class()),s.modifier("is-sticky").class(this.sticky))},n("nav",{class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("context-".concat(this.interface)).class(this.interface!=="")),r.modifier("align-".concat(this.align)).class(this.align!=="")),role:"navigation","aria-label":"pagination"},n("bal-button",{square:true,color:g,size:b,flat:f,class:Object.assign(Object.assign({},o.class()),o.modifier("context-".concat(this.interface)).class()),disabled:this._value<2||this.disabled,onClick:function(){return t.previous()},"data-testid":"bal-pagination-controls-left",title:h},n("bal-icon",{name:"nav-go-left",size:"small"})),n("bal-button",{square:true,color:g,size:b,flat:f,class:Object.assign(Object.assign({},c.class()),c.modifier("context-".concat(this.interface)).class()),disabled:this._value===this.totalPages||this.disabled,onClick:function(){return t.next()},"data-testid":"bal-pagination-controls-right",title:v},n("bal-icon",{name:"nav-go-right",size:"small"})),_&&this.isMobile?n(y,null):"",_&&!this.isMobile?n(x,null):"",!_?n(m,null):""))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"],top:["topValueChanged"]}},enumerable:false,configurable:true});return t}());r([p(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],v.prototype,"breakpointListener",null);r([g(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],v.prototype,"configChanged",null);v.style=h}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,a,i,n){function e(t){return t instanceof i?t:new i((function(a){a(t)}))}return new(i||(i=Promise))((function(i,s){function r(t){try{l(n.next(t))}catch(t){s(t)}}function o(t){try{l(n["throw"](t))}catch(t){s(t)}}function l(t){t.done?i(t.value):e(t.value).then(r,o)}l((n=n.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,e,s,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(t){return function(a){return l([t,a])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,o[0]&&(i=0)),i)try{if(n=1,e&&(s=o[0]&2?e["return"]:o[0]?e["throw"]||((s=e["return"])&&s.call(e),0):e.next)&&!(s=s.call(e,o[1])).done)return s;if(e=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;e=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){i.label=o[1];break}if(o[0]===6&&i.label<s[1]){i.label=s[1];s=o;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(o);break}if(s[2])i.ops.pop();i.trys.pop();continue}o=a.call(t,i)}catch(t){o=[6,t];e=0}finally{n=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-296a638e.system.js","./p-bb6304d0.system.js","./p-2ddb356c.system.js","./p-0177e3a0.system.js","./p-8954495d.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-efb46317.system.js","./p-23bdd8dc.system.js"],(function(t){"use strict";var a,i,n,e,s,r,o,l,c,u,p,b;return{setters:[function(t){a=t.r;i=t.c;n=t.h;e=t.H;s=t.g},function(t){r=t._;o=t.a},function(t){l=t.B},function(t){c=t.b},function(t){u=t.d},function(t){p=t.L},function(t){b=t.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){function g(t,a,i){var n=[];if(t>a||t<0){t=1}if(a<=0){a=10}if(i<=0){i=2}var e=5+i*2;if(a<=e){for(var s=1;s<=a;s++){n.push({type:"page",label:s.toString(),active:s===t})}}else{if(t<=e-2-i){for(var s=1;s<=e-2;s++){n.push({type:"page",label:s.toString(),active:s===t})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:a.toString(),active:false})}else if(t>=a-3){n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});for(var s=a-e+3;s<=a;s++){n.push({type:"page",label:s.toString(),active:s===t})}}else{n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});var r=Number(t);for(var s=r-i;s<=r+i;s++){n.push({type:"page",label:s.toString(),active:s===t})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:a.toString(),active:false})}}return n}var d={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}};var f=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list--more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list--more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list--more{width:3rem}}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}";var h=f;var v=t("bal_pagination",function(){function t(t){a(this,t);this.balChangeEventEmitter=i(this,"balChange",7);this._value=1;this.isMobile=c.isMobile;this.language=u.language;this.align="";this.size="";this.interface="";this.disabled=false;this.value=1;this.totalPages=1;this.pageRange=2;this.sticky=false;this.top=0}t.prototype.valueChanged=function(t){this._value=t};t.prototype.topValueChanged=function(t){if(this.sticky){this.el.style.top="".concat(t,"px")}};t.prototype.componentWillLoad=function(){this._value=this.value;this.topValueChanged(this.top)};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile};t.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this._value<this.totalPages){this._value=this._value+1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};t.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this._value!==1){this._value=this._value-1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.language=t.language;return[2]}))}))};t.prototype.selectPage=function(t){this._value=t;this.balChangeEventEmitter.emit(this._value)};t.prototype.getItems=function(t){var a=this;if(t===void 0){t=2}var i=g(this._value,this.totalPages,t);return i.map((function(t){if(t.type==="page"){return a.renderPageElement(Number(t.label))}else{return a.renderEllipsisElement()}}))};t.prototype.renderEllipsisElement=function(){var t=l.block("pagination").element("nav").element("pagination-list").modifier("more");return n("li",null,n("div",{class:Object.assign({},t.class())},n("bal-text",{bold:true,heading:true,inline:true,space:"none"},"…")))};t.prototype.renderPageElement=function(t){var a=this;var i=this._value===t;var e=l.block("pagination").element("nav").element("pagination-list").element("dot");if(this.interface==="small"){return n("li",null,n("span",{class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(i)),e.modifier("inactive").class(!i)),onClick:function(){return a.selectPage(t)}}))}return n("li",null,n("bal-button",{square:true,color:i?"primary":"text",onClick:function(){return a.selectPage(t)},"data-testid":"bal-pagination-page-number",size:this.isMobile||this.size==="small"?"small":""},t))};t.prototype.render=function(){var t=this;var a=this.getItems(1);var i=this.getItems(this.pageRange);var s=l.block("pagination");var r=s.element("nav");var o=r.element("pagination-previous");var c=r.element("pagination-next");var u=r.element("pagination-list");var p=this.interface==="small";var b=p?"link":"text";var g=p||this.size==="small"||this.isMobile?"small":"";var f=p;var h=d[this.language].left;var v=d[this.language].right;var _=this.interface===""||p&&this.totalPages<=5;var m=function(){return n("span",{class:Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class())},n("span",null,t._value)," / "+t.totalPages)};var x=function(){return n("ul",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class()),{"is-disabled":t.disabled}),"data-testid":"bal-pagination-list"},i)};var y=function(){return n("ul",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("context-".concat(t.interface)).class()),{"is-disabled":t.disabled}),"data-testid":"bal-pagination-list"},a)};return n(e,{class:Object.assign(Object.assign({},s.class()),s.modifier("is-sticky").class(this.sticky))},n("nav",{class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("context-".concat(this.interface)).class(this.interface!=="")),r.modifier("align-".concat(this.align)).class(this.align!=="")),role:"navigation","aria-label":"pagination"},n("bal-button",{square:true,color:b,size:g,flat:f,class:Object.assign(Object.assign({},o.class()),o.modifier("context-".concat(this.interface)).class()),disabled:this._value<2||this.disabled,onClick:function(){return t.previous()},"data-testid":"bal-pagination-controls-left",title:h},n("bal-icon",{name:"nav-go-left",size:"small"})),n("bal-button",{square:true,color:b,size:g,flat:f,class:Object.assign(Object.assign({},c.class()),c.modifier("context-".concat(this.interface)).class()),disabled:this._value===this.totalPages||this.disabled,onClick:function(){return t.next()},"data-testid":"bal-pagination-controls-right",title:v},n("bal-icon",{name:"nav-go-right",size:"small"})),_&&this.isMobile?n(y,null):"",_&&!this.isMobile?n(x,null):"",!_?n(m,null):""))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"],top:["topValueChanged"]}},enumerable:false,configurable:true});return t}());r([p(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],v.prototype,"breakpointListener",null);r([b(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],v.prototype,"configChanged",null);v.style=h}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as o,g as s}from"./p-d7c752c6.js";import{_ as l,a as r}from"./p-43c9f5e9.js";import{l as a}from"./p-9a3d9e17.js";import{k as n,d as c,e as h,i as b,h as d}from"./p-88f18fbc.js";import{e as p,o as u,q as m,s as v,h as f,u as g,y as _}from"./p-94efe2aa.js";import{r as y,p as k,l as x,g as w,i as j,s as O,a as C,f as T,b as L,v as z}from"./p-c0c91eb1.js";import{s as F}from"./p-ad9a7657.js";import{B as A}from"./p-ae86d0a0.js";import{L as B}from"./p-b77e3348.js";import{d as M}from"./p-f385e205.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-4573c419.js";const I=!0,P=class{constructor(i){t(this,i),this.balChange=e(this,"balChange",7),this.balInputClick=e(this,"balInputClick",7),this.balInput=e(this,"balInput",7),this.balBlur=e(this,"balBlur",7),this.balFocus=e(this,"balFocus",7),this.balCancel=e(this,"balCancel",7),this.balKeyPress=e(this,"balKeyPress",7),this.didInit=!1,this.inputId="bal-select-"+V++,this.initialValue=[],this.removeValue=t=>{this.disabled||(this.updateRawValue(y(this.rawValue,t),I),this.multiple&&this.typeahead&&this.setFocus(),this.fireBlur())},this.fireBlur=(t=new CustomEvent("blur"))=>{this.isPopoverOpen||this.hasFocus||n((()=>this.balBlur.emit(t)))},this.handleClick=t=>{(this.disabled||this.readonly)&&k(t)},this.handlePopoverChange=t=>{t.stopPropagation(),this.isPopoverOpen!==t.detail&&(this.isPopoverOpen=t.detail,this.isPopoverOpen?this.updateFocus():(this.focusIndex=-1,this.multiple&&this.typeahead&&this.updateInputValue(""),this.fireBlur(t)))},this.handleInputBlur=t=>{k(t);const e=t.relatedTarget;(null===e||e&&e.nodeName&&("BAL-MODAL"===e.nodeName||"INPUT"===e.nodeName||"BUTTON"===e.nodeName))&&this.validateAfterBlur(I),this.hasFocus=!1,this.fireBlur(t)},this.handleInputFocus=t=>{this.balFocus.emit(t),this.hasFocus=!0},this.handleInputClick=async(t,e=!1)=>{var i,o,s,l;F(t),this.isChipClicked(t)||(this.disabled||this.readonly?k(t):(this.focusIndex=-1,this.balInputClick.emit(t),this.typeahead?this.isPopoverOpen&&e?await(null===(i=this.popoverElement)||void 0===i?void 0:i.dismiss()):await(null===(o=this.popoverElement)||void 0===o?void 0:o.present()):this.isPopoverOpen?await(null===(s=this.popoverElement)||void 0===s?void 0:s.dismiss()):await(null===(l=this.popoverElement)||void 0===l?void 0:l.present())))},this.handleKeyPress=async t=>{!this.isPopoverOpen&&p(t)&&(k(t),await this.open()),this.balKeyPress.emit(t)},this.handleInputChange=t=>{this.disabled||this.readonly||(this.inputValue=t.target.value)},this.handleInput=async t=>{this.disabled||this.readonly||(this.inputValue=t.target.value,this.isPopoverOpen||this.popoverElement.present(),this.focusIndex=-1,this.updateFocus(),k(t),this.balInput.emit(this.inputValue))},this.handleOptionMouseEnter=t=>{this.focusIndex=t},this.hasFocus=!1,this.inputValue="",this.focusIndex=-1,this.isPopoverOpen=!1,this.options=new Map,this.labelToScrollTo="",this.labelToSelectTo="",this.ariaForm=M,this.name=this.inputId,this.invalid=!1,this.filter="includes",this.balTabindex=0,this.freeSolo=!1,this.multiple=!1,this.maxLength=void 0,this.noDataLabel=void 0,this.autocomplete="off",this.typeahead=!1,this.selectionOptional=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.inverted=!1,this.placeholder=void 0,this.scrollable=250,this.loading=!1,this.remote=!1,this.autoInvalidOff=!1,this.value=[],this.rawValue=[]}createLogger(t){this.log=t}valueWatcher(){this.syncRawValue(!1)}updateRawValue(t,e=!0){u(t,this.rawValue||[])||(this.rawValue=[...t],this.syncNativeInput(),this.didInit&&!0===e&&(this.multiple?a(this.rawValue)?this.emitChangeEvent([]):this.emitChangeEvent([...this.rawValue]):a(this.rawValue)||0===x(this.rawValue)?this.emitChangeEvent(void 0):this.emitChangeEvent(this.rawValue[0])))}emitChangeEvent(t){this.balChange.emit(t)}connectedCallback(){const t=d((()=>this.updateOptions()),0);this.initialValue=this.value,t(),this.mutationO=(e=>{if("undefined"==typeof MutationObserver)return;const i=new MutationObserver((e=>{(e=e.filter((t=>t.target.nodeName==="bal-select-option".toUpperCase()||t.target.nodeName==="bal-select".toUpperCase()))).length>0&&t()}));return i.observe(e,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),i})(this.el)}componentWillLoad(){if(this.waitForOptionsAndThenUpdateRawValues(),this.isInsideOfFooter(),!a(this.rawValue)&&this.options.size>0&&1===x(this.rawValue)){const t=this.options.get(this.rawValue[0]);a(t)||(this.inputValue=t.label)}}componentDidLoad(){this.syncRawValue(!1),this.multiple||(this.inputElement.value=this.inputValue),this.didInit=!0}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}listenOnClick(t){this.disabled&&t.target&&t.target===this.el&&k(t)}resetHandler(t){const e=t.target;(null==e?void 0:e.contains(this.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.value=this.initialValue,this.syncRawValue(!1),this.syncNativeInput(),this.nativeSelectEl&&Array.from(this.nativeSelectEl.options).forEach((t=>t.selected=!0))}),0))}async handleKeyDown(t){if(this.isPopoverOpen){if((m(t)||v(t))&&(k(t),this.navigateWithArrowKey(t),this.updateFocus()),f(t)&&(k(t),this.selectedFocusedOption()),g(t)&&this.cancel(),_(t)&&this.typeahead&&this.multiple&&""===this.inputElement.value&&x(this.rawValue)>0){const t=w(this.rawValue);this.removeValue(t[x(this.rawValue)-1])}this.typeahead||1!==t.key.length||this.focusOptionByLabel(t.key),p(t)&&!this.typeahead&&k(t)}else this.hasFocus&&((m(t)||v(t))&&(k(t),await this.open()),this.typeahead||1!==t.key.length||this.selectOptionByLabel(t.key))}async setFocus(){this.inputElement&&!this.disabled&&(await c(),this.inputElement.focus())}async getValue(){return this.rawValue}async clear(){this.focusIndex=-1,this.inputElement&&(this.updateInputValue(""),this.updateRawValue([],I),this.value=this.multiple?[]:"")}async open(){this.disabled||this.readonly||a(this.popoverElement)||await this.popoverElement.present()}async close(){this.disabled||this.readonly||a(this.popoverElement)||this.blurSelect()}async cancel(){this.labelToScrollTo="",this.close(),this.scrollTo(0),this.balCancel.emit()}async select(t){const e=this.options.get(t);a(e)||this.optionSelected(e)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}async waitForOptionsAndThenUpdateRawValues(){clearTimeout(this.waitForOptionsAndThenUpdateRawValuesTimer),await h(this.el),this.options.size>0?this.remote||this.syncRawValue(false):this.waitForOptionsAndThenUpdateRawValuesTimer=setTimeout((()=>this.waitForOptionsAndThenUpdateRawValues()),10)}async updateOptions(){const t=this.getChildOpts(),e=new Map;for(let i=0;i<t.length;i++){const o=t[i];e.set(o.value,{value:o.value,label:o.label,disabled:o.disabled,id:o.for,textContent:o.textContent,innerHTML:o.innerHTML})}if(!this.selectionOptional&&Array.isArray(this.rawValue))for(let t=0;t<this.rawValue.length;t++){const i=this.rawValue[t];if(!e.has(i)){const t=y(this.rawValue,i);this.updateRawValue(t,false)}}this.options=new Map(e),this.typeahead||await this.syncNativeInput(),this.didInit&&!this.remote&&this.validateAfterBlur()}get optionArray(){const t=Array.from(this.options,(([t,e])=>e));return!this.typeahead||this.remote?t:t.filter((t=>"includes"===this.filter?j(t.textContent,this.inputValue):O(t.textContent,this.inputValue)))}hasOptions(){return this.optionArray.length>0}get inputPlaceholder(){return this.multiple?x(this.rawValue)<1?this.placeholder:void 0:!a(this.rawValue)&&x(this.rawValue)>0?void 0:this.placeholder}getChildOpts(){return Array.from(this.el.querySelectorAll("bal-select-option"))}getPopoverContent(){return this.popoverElement.querySelector(".bal-popover__content__inner")}updateFocus(){this.focusIndex<-1&&(this.focusIndex=-1);const t=this.optionArray;if(t.length>0){t.length<=this.focusIndex&&(this.focusIndex=t.length-1);const e=t[this.focusIndex];if(e&&e.id){const t=this.el.querySelector(`button#${e.id}`);t&&(clearTimeout(this.updateFocusTimer),this.updateFocusTimer=setTimeout((()=>{this.scrollToFocusedOption(t)}),0))}}else this.focusIndex=-1}scrollToFocusedOption(t){if(t&&this.popoverElement){const e=this.getPopoverContent();if(e){const i=t.offsetTop;i<e.scrollTop&&(e.scrollTop=i),t.offsetTop+t.clientHeight>e.scrollTop+e.clientHeight&&(e.scrollTop=e.scrollTop+t.clientHeight)}}}scrollTo(t){const e=this.getPopoverContent();e&&(e.scrollTop=t)}selectedFocusedOption(){const t=this.optionArray;if(t.length>this.focusIndex){const e=t[this.focusIndex];e&&this.optionSelected(e)}}navigateWithArrowKey(t){m(t)?this.focusIndex=this.focusIndex+1:v(t)&&(this.focusIndex=this.focusIndex-1)}focusOptionByLabel(t){this.labelToScrollTo=this.labelToScrollTo+t,clearTimeout(this.clearScrollToValue),this.clearScrollToValue=setTimeout((()=>{this.scrollToLabel(this.labelToScrollTo)}),600)}selectOptionByLabel(t){this.labelToSelectTo=this.labelToSelectTo+t,clearTimeout(this.clearSelectValue),this.clearSelectValue=setTimeout((()=>{this.selectLabel(this.labelToSelectTo),this.labelToSelectTo=""}),600)}async selectLabel(t){if(" "!==t){const e=this.optionArray.find((e=>O(e.label||"",t)));if(!a(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!a(t)){const t=this.optionArray.indexOf(e);this.focusIndex=t,this.select(e.value)}}this.labelToScrollTo=""}}async scrollToLabel(t){if(" "!==t){const e=this.optionArray.find((e=>O(e.label||"",t)));if(!a(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!a(t)){const i=this.optionArray.indexOf(e);this.focusIndex=i,this.scrollTo(t.offsetTop)}}this.labelToScrollTo=""}}syncRawValue(t=!0){let e=[];a(this.value)||""===this.value||(e=Array.isArray(this.value)?[...this.value.filter((t=>!a(t)))]:this.value.split("").includes(",")?[...this.value.split(",").filter((t=>t)).map((t=>t.trim()))]:[this.value]),this.updateRawValue(e,t)}blurSelect(){this.popoverElement.dismiss()}optionSelected(t){const e=w(this.rawValue).some((e=>e===t.value));this.updateValue(t.value,!e),this.multiple?this.typeahead&&this.setFocus():this.blurSelect()}updateValue(t,e=!0){this.multiple?this.updateRawValue(e?C(this.rawValue,t,this.multiple):y(this.rawValue,t),I):(this.updateRawValue(C(this.rawValue,t,this.multiple),I),this.rawValue&&this.rawValue.length>0&&this.updateInputValue(T(this.options,this.rawValue[0])))}validateAfterBlur(t=!1){let e=this.rawValue;if(this.didInit&&!this.multiple){if(this.typeahead&&(this.selectionOptional||this.remote)){const t=L(this.options,this.inputElement.value);e=t?[t.value]:[this.inputElement.value]}else e=z(this.rawValue,this.options,this.inputElement.value);this.updateRawValue(e,t)}}syncNativeInput(){if(!this.multiple&&x(this.rawValue)>0){const t=w(this.rawValue);let e=T(this.options,t[0]);return!this.multiple&&this.typeahead&&this.selectionOptional&&""===e&&(e=t.join(", ")),this.updateInputValue(e)}return Promise.resolve()}updateInputValue(t){return new Promise((e=>{this.updateInputValueTimer&&clearTimeout(this.updateInputValueTimer),this.updateInputValueTimer=setTimeout((()=>{a(this.inputElement)||(this.inputElement.value=t,this.inputValue=t,e())}),0)}))}isChipClicked(t){let e=!1;if(this.multiple){const i=this.selectionEl.querySelectorAll("bal-tag"),o=t.target;i.forEach((t=>{const i=b(t,o)||t===o;i&&(e=i)}))}return e}isInsideOfFooter(){this.inverted=null!==this.el.closest("bal-footer")}render(){var t;const e=t=>i("bal-tag",{size:"",closable:!this.disabled,disabled:this.disabled,invalid:this.invalid,tabindex:-1,onBalCloseClick:()=>this.removeValue(t.value),"data-testid":"bal-select-chip"},T(this.options,t.value)||t.value),s=w(this.rawValue),l=A.block("select"),r=l.element("native"),a=l.element("control"),n=a.element("icon"),c=a.element("selections"),h=a.element("input"),b=l.element("popover"),d=b.element("empty"),p=l.element("option"),u=p.element("content"),m=u.element("checkbox"),v=u.element("label");return i(o,{role:"listbox",onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,"data-value":null===(t=this.rawValue)||void 0===t?void 0:t.map((t=>T(this.options,t))).join(","),class:Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("disabled").class(this.disabled||this.readonly)),l.modifier("inverted").class(this.inverted)),l.modifier("inverted-footer").class(this.inverted))},i("select",{class:Object.assign({},r.class()),name:this.name,multiple:this.multiple,required:this.required,tabindex:-1,ref:t=>this.nativeSelectEl=t},s.map((t=>i("option",{key:t,value:t,selected:!0},t)))),i("bal-popover",{onBalChange:this.handlePopoverChange,ref:t=>this.popoverElement=t},i("div",{"bal-popover-trigger":!0,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("invalid").class(this.invalid)),a.modifier("disabled").class(this.disabled||this.readonly)),a.modifier("focused").class(this.isPopoverOpen)),a.modifier("inverted-footer").class(this.inverted))},i("div",{class:Object.assign(Object.assign({},c.class()),c.modifier("clickable").class(!this.isPopoverOpen&&!this.disabled&&!this.readonly)),onClick:this.handleInputClick,ref:t=>this.selectionEl=t},s.filter((()=>this.multiple)).map((t=>i(e,{value:t}))),i("input",{type:"text",class:Object.assign(Object.assign({},h.class()),{input:!0,"is-inverted":this.inverted,"is-danger":this.invalid,"is-disabled":this.disabled||this.readonly,"is-clickable":!this.isPopoverOpen&&!this.disabled&&!this.readonly,"data-test-select-input":!0}),id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,"data-testid":"bal-select-input",autocomplete:this.autocomplete,placeholder:this.inputPlaceholder,readonly:!this.typeahead||this.disabled||this.readonly,contentEditable:this.typeahead,disabled:this.disabled,maxLength:this.maxLength,tabindex:this.balTabindex,onInput:this.handleInput,onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyPress:this.handleKeyPress,ref:t=>this.inputElement=t})),this.freeSolo||this.loading?"":i("bal-icon",{class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("loading").class(this.loading)),n.modifier("clickable").class(!this.disabled&&!this.readonly)),name:this.inverted?"caret-up":"caret-down",color:this.disabled||this.readonly?"grey-light":this.inverted?"white":this.invalid?"danger":"primary",turn:this.isPopoverOpen,onClick:t=>this.handleInputClick(t,!0),size:this.inverted?"x-small":""})),i("bal-popover-content",{class:Object.assign({},b.class()),scrollable:this.scrollable,spaceless:!0,expanded:!0},this.optionArray.map(((t,e)=>i("button",{key:t.value,type:"button",role:"option",id:t.id,"data-value":t.value,"data-label":t.label,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},p.class()),p.modifier("selected").class(s.includes(t.value)&&!(this.typeahead&&!this.multiple))),p.modifier("focused").class(this.focusIndex===e)),p.modifier("checkbox").class(this.multiple)),p.modifier("disabled").class(!0===t.disabled)),"data-testid":"bal-select-option",disabled:t.disabled,tabIndex:-1,onMouseEnter:()=>this.handleOptionMouseEnter(e),onClick:()=>this.optionSelected(t)},i("div",{class:Object.assign({},u.class())},i("span",{class:Object.assign({},m.class()),style:{display:this.multiple?"flex":"none"}},i("bal-checkbox",{checked:s.includes(t.value),tabindex:-1,nonSubmit:!0,flat:!0,onBalChange:k})),i("span",{class:Object.assign({},v.class()),innerHTML:t.innerHTML}))))),i("div",{class:Object.assign(Object.assign({},d.class()),d.modifier("hidden").class(void 0===this.noDataLabel||this.hasOptions()||!this.typeahead||this.selectionOptional))},this.noDataLabel))))}get el(){return s(this)}static get watchers(){return{value:["valueWatcher"]}}};l([B("bal-select"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],P.prototype,"createLogger",null);let V=0;P.style=":root{--bal-select-control-background:var(--bal-color-white);--bal-select-control-background-hover:var(--bal-form-field-control-background-hover);--bal-select-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-select-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-select-control-input-background:var(--bal-color-grey-1);--bal-select-control-native-input-background:transparent;--bal-select-control-native-input-background-hover:transparent;--bal-select-control-input-inverted-footer-background:transparent;--bal-select-control-input-inverted-footer-background-hover:transparent;--bal-select-control-input-multiple-background:transparent;--bal-select-control-input-multiple-background-read-only-selection:transparent;--bal-select-control-input-option-background:transparent;--bal-select-control-input-option-background-selected:var(--bal-color-primary-1);--bal-select-control-input-option-background-focused:var(--bal-color-grey-2);--bal-select-control-input-option-background-hover:var(--bal-color-grey-2);--bal-select-control-border-radius:var(--bal-form-field-control-radius);--bal-select-popover-border-color:var(--bal-color-grey-2);--bal-select-control-border-color:var(--bal-form-field-control-border-color);--bal-select-control-border-color-focused:var(--bal-color-primary);--bal-select-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-select-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-select-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-select-control-border-color-focus-within:var(--bal-color-primary);--bal-select-option-border-top-color:var(--bal-color-grey-2);--bal-select-popover-empty-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color-focused:var(--bal-color-primary);--bal-select-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-select-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-select-option-content-label-text-color:var(--bal-form-field-control-color)}bal-select-option{display:none !important}.bal-select{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text)}.bal-select__popover{border:.125rem solid var(--bal-select-popover-border-color)}.bal-select__popover__empty{padding:.5rem 1rem;font-family:var(--bal-font-family-text);color:var(--bal-select-popover-empty-text-color)}.bal-select__popover__empty--hidden{display:none}.bal-select__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-select__control{display:-ms-flexbox;display:flex;border-width:.125rem;border-style:solid;border-color:var(--bal-select-control-border-color);border-radius:var(--bal-select-control-border-radius);background:var(--bal-select-control-background);font-size:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-select-control-text-color);outline:none;-webkit-box-shadow:none;box-shadow:none;padding-right:1rem;min-height:3rem}.bal-select__control--focused{border-color:var(--bal-select-control-border-color-focused)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover{border-color:var(--bal-select-control-border-color-hover);background-color:var(--bal-select-control-background-hover)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover .bal-select__control__input{background-color:var(--bal-select-control-input-background)}.bal-select__control--invalid:not(.bal-select__control--disabled){border-color:var(--bal-select-control-border-color-invalid) !important;background:var(--bal-select-control-background-invalid) !important}.bal-select__control:focus-within{border-color:var(--bal-select-control-border-color-focus-within) !important}.bal-select__control--disabled{background-color:var(--bal-select-control-background-disabled) !important;border-color:var(--bal-select-control-border-color-disabled) !important}.bal-select__control--disabled,.bal-select__control--disabled input{cursor:default !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important;color:var(--bal-select-input-text-color-disabled)}.bal-select__control--inverted-footer{border:none;background-color:var(--bal-select-control-input-inverted-footer-background) !important;padding-right:0}.bal-select__control--inverted-footer:hover{background-color:var(--bal-select-control-input-inverted-footer-background-hover) !important}.bal-select__control--inverted-footer .input{color:var(--bal-select-control-inverted-footer-native-input-text-color);background-color:var(--bal-select-control-native-input-background) !important}.bal-select__control--inverted-footer .input:hover{background-color:var(--bal-select-control-native-input-background-hover) !important}.bal-select__control__icon{min-height:100% !important;max-height:100% !important}.bal-select__control__icon--loading{display:none}.bal-select__control__icon--clickable{cursor:pointer}.bal-select__control__selections{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.125rem;max-width:100%;min-width:0;gap:0;padding-left:.375rem}.bal-select__control__selections .bal-tag{margin-left:.25rem;margin-top:.375rem;margin-bottom:.375rem}.bal-select__control__selections .bal-tag+.input{padding-left:.625rem}.bal-select__control__input{border:none !important;outline:none !important;outline-width:0 !important;height:2.75rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;background:var(--bal-select-control-input-multiple-background);-ms-flex:1;flex:1;min-height:2.75rem !important;padding-left:.25rem !important;padding-right:.625rem !important;text-overflow:ellipsis}.bal-select__control__input:-moz-read-only{-moz-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__option{visibility:visible;font-family:var(--bal-font-family-text);background:var(--bal-select-control-input-option-background);border:none;cursor:pointer;outline:none;min-height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0;margin:0;border-top:.125rem solid var(--bal-select-option-border-top-color);text-align:inherit;white-space:nowrap;width:100%}.bal-select__option:first-child{border-top:none}.bal-select__option::-moz-focus-inner{border:none}.bal-select__option--selected{background:var(--bal-select-control-input-option-background-selected)}.bal-select__option--selected .bal-select__option__content__label{font-weight:var(--bal-font-weight-bold)}.bal-select__option--focused{background:var(--bal-select-control-input-option-background-focused)}.bal-select__option:hover{background:var(--bal-select-control-input-option-background-hover)}.bal-select__option__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-height:3rem;padding:.75rem 1rem;gap:.75rem}.bal-select__option__content__checkbox{margin:0;padding:0}.bal-select__option__content__label{margin:0;padding:0;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-select-option-content-label-text-color);line-height:1.125rem;word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";const D=class{constructor(e){t(this,e),this.label=void 0,this.disabled=!1,this.value=void 0,this.for="bal-selopt-"+E++}createLogger(t){this.log=t}render(){return i(o,{style:{display:"none"}},i("slot",null))}};l([B("bal-select-option"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],D.prototype,"createLogger",null);let E=0;export{P as bal_select,D as bal_select_option}
|
|
1
|
+
import{r as t,c as e,h as i,H as o,g as s}from"./p-d7c752c6.js";import{_ as l,a as r}from"./p-43c9f5e9.js";import{l as a}from"./p-9a3d9e17.js";import{k as n,d as c,e as h,i as b,h as d}from"./p-88f18fbc.js";import{e as p,o as u,q as m,s as v,h as f,u as g,y as _}from"./p-94efe2aa.js";import{r as y,p as k,l as x,g as w,i as j,s as O,a as C,f as T,b as L,v as z}from"./p-c0c91eb1.js";import{s as F}from"./p-ad9a7657.js";import{B as A}from"./p-ae86d0a0.js";import{L as B}from"./p-b77e3348.js";import{d as M}from"./p-f385e205.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-4573c419.js";const I=!0,P=class{constructor(i){t(this,i),this.balChange=e(this,"balChange",7),this.balInputClick=e(this,"balInputClick",7),this.balInput=e(this,"balInput",7),this.balBlur=e(this,"balBlur",7),this.balFocus=e(this,"balFocus",7),this.balCancel=e(this,"balCancel",7),this.balKeyPress=e(this,"balKeyPress",7),this.didInit=!1,this.inputId="bal-select-"+V++,this.initialValue=[],this.removeValue=t=>{this.disabled||(this.updateRawValue(y(this.rawValue,t),I),this.multiple&&this.typeahead&&this.setFocus(),this.fireBlur())},this.fireBlur=(t=new CustomEvent("blur"))=>{this.isPopoverOpen||this.hasFocus||n((()=>this.balBlur.emit(t)))},this.handleClick=t=>{(this.disabled||this.readonly)&&k(t)},this.handlePopoverChange=t=>{t.stopPropagation(),this.isPopoverOpen!==t.detail&&(this.isPopoverOpen=t.detail,this.isPopoverOpen?this.updateFocus():(this.focusIndex=-1,this.multiple&&this.typeahead&&this.updateInputValue(""),this.fireBlur(t)))},this.handleInputBlur=t=>{k(t);const e=t.relatedTarget;(null===e||e&&e.nodeName&&("BAL-MODAL"===e.nodeName||"INPUT"===e.nodeName||"BUTTON"===e.nodeName))&&this.validateAfterBlur(I),this.hasFocus=!1,this.fireBlur(t)},this.handleInputFocus=t=>{this.balFocus.emit(t),this.hasFocus=!0},this.handleInputClick=async(t,e=!1)=>{var i,o,s,l;F(t),this.isChipClicked(t)||(this.disabled||this.readonly?k(t):(this.focusIndex=-1,this.balInputClick.emit(t),this.typeahead?this.isPopoverOpen&&e?await(null===(i=this.popoverElement)||void 0===i?void 0:i.dismiss()):await(null===(o=this.popoverElement)||void 0===o?void 0:o.present()):this.isPopoverOpen?await(null===(s=this.popoverElement)||void 0===s?void 0:s.dismiss()):await(null===(l=this.popoverElement)||void 0===l?void 0:l.present())))},this.handleKeyPress=async t=>{!this.isPopoverOpen&&p(t)&&(k(t),await this.open()),this.balKeyPress.emit(t)},this.handleInputChange=t=>{this.disabled||this.readonly||(this.inputValue=t.target.value)},this.handleInput=async t=>{this.disabled||this.readonly||(this.inputValue=t.target.value,this.isPopoverOpen||this.popoverElement.present(),this.focusIndex=-1,this.updateFocus(),k(t),this.balInput.emit(this.inputValue))},this.handleOptionMouseEnter=t=>{this.focusIndex=t},this.hasFocus=!1,this.inputValue="",this.focusIndex=-1,this.isPopoverOpen=!1,this.options=new Map,this.labelToScrollTo="",this.labelToSelectTo="",this.ariaForm=M,this.name=this.inputId,this.invalid=!1,this.filter="includes",this.balTabindex=0,this.freeSolo=!1,this.multiple=!1,this.maxLength=void 0,this.noDataLabel=void 0,this.autocomplete="off",this.typeahead=!1,this.selectionOptional=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.inverted=!1,this.placeholder=void 0,this.scrollable=250,this.loading=!1,this.remote=!1,this.autoInvalidOff=!1,this.value=[],this.rawValue=[]}createLogger(t){this.log=t}valueWatcher(){this.syncRawValue(!1)}updateRawValue(t,e=!0){u(t,this.rawValue||[])||(this.rawValue=[...t],this.syncNativeInput(),this.didInit&&!0===e&&(this.multiple?a(this.rawValue)?this.emitChangeEvent([]):this.emitChangeEvent([...this.rawValue]):a(this.rawValue)||0===x(this.rawValue)?this.emitChangeEvent(void 0):this.emitChangeEvent(this.rawValue[0])))}emitChangeEvent(t){this.balChange.emit(t)}connectedCallback(){const t=d((()=>this.updateOptions()),0);this.initialValue=this.value,t(),this.mutationO=(e=>{if("undefined"==typeof MutationObserver)return;const i=new MutationObserver((e=>{(e=e.filter((t=>t.target.nodeName==="bal-select-option".toUpperCase()||t.target.nodeName==="bal-select".toUpperCase()))).length>0&&t()}));return i.observe(e,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),i})(this.el)}componentWillLoad(){if(this.waitForOptionsAndThenUpdateRawValues(),this.isInsideOfFooter(),!a(this.rawValue)&&this.options.size>0&&1===x(this.rawValue)){const t=this.options.get(this.rawValue[0]);a(t)||(this.inputValue=t.label)}}componentDidLoad(){this.syncRawValue(!1),this.multiple||(this.inputElement.value=this.inputValue),this.didInit=!0}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}listenOnClick(t){this.disabled&&t.target&&t.target===this.el&&k(t)}resetHandler(t){const e=t.target;(null==e?void 0:e.contains(this.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.value=this.initialValue,this.syncRawValue(!1),this.syncNativeInput(),this.nativeSelectEl&&Array.from(this.nativeSelectEl.options).forEach((t=>t.selected=!0))}),0))}async handleKeyDown(t){if(this.isPopoverOpen){if((m(t)||v(t))&&(k(t),this.navigateWithArrowKey(t),this.updateFocus()),f(t)&&(k(t),this.selectedFocusedOption()),g(t)&&this.cancel(),_(t)&&this.typeahead&&this.multiple&&""===this.inputElement.value&&x(this.rawValue)>0){const t=w(this.rawValue);this.removeValue(t[x(this.rawValue)-1])}this.typeahead||1!==t.key.length||this.focusOptionByLabel(t.key),p(t)&&!this.typeahead&&k(t)}else this.hasFocus&&((m(t)||v(t))&&(k(t),await this.open()),this.typeahead||1!==t.key.length||this.selectOptionByLabel(t.key))}async setFocus(){this.inputElement&&!this.disabled&&(await c(),this.inputElement.focus())}async getValue(){return this.rawValue}async clear(){this.focusIndex=-1,this.inputElement&&(this.updateInputValue(""),this.updateRawValue([],I),this.value=this.multiple?[]:"")}async open(){this.disabled||this.readonly||a(this.popoverElement)||await this.popoverElement.present()}async close(){this.disabled||this.readonly||a(this.popoverElement)||this.blurSelect()}async cancel(){this.labelToScrollTo="",this.close(),this.scrollTo(0),this.balCancel.emit()}async select(t){const e=this.options.get(t);a(e)||this.optionSelected(e)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}async waitForOptionsAndThenUpdateRawValues(){clearTimeout(this.waitForOptionsAndThenUpdateRawValuesTimer),await h(this.el),this.options.size>0?this.remote||this.syncRawValue(false):this.waitForOptionsAndThenUpdateRawValuesTimer=setTimeout((()=>this.waitForOptionsAndThenUpdateRawValues()),10)}async updateOptions(){const t=this.getChildOpts(),e=new Map;for(let i=0;i<t.length;i++){const o=t[i];e.set(o.value,{value:o.value,label:o.label,disabled:o.disabled,id:o.for,textContent:o.textContent,innerHTML:o.innerHTML})}if(!this.selectionOptional&&Array.isArray(this.rawValue))for(let t=0;t<this.rawValue.length;t++){const i=this.rawValue[t];if(!e.has(i)){const t=y(this.rawValue,i);this.updateRawValue(t,false)}}this.options=new Map(e),this.typeahead||await this.syncNativeInput(),this.didInit&&!this.remote&&this.validateAfterBlur()}get optionArray(){const t=Array.from(this.options,(([t,e])=>e));return!this.typeahead||this.remote?t:t.filter((t=>"includes"===this.filter?j(t.textContent,this.inputValue):O(t.textContent,this.inputValue)))}hasOptions(){return this.optionArray.length>0}get inputPlaceholder(){return this.multiple?x(this.rawValue)<1?this.placeholder:void 0:!a(this.rawValue)&&x(this.rawValue)>0?void 0:this.placeholder}getChildOpts(){return Array.from(this.el.querySelectorAll("bal-select-option"))}getPopoverContent(){return this.popoverElement.querySelector(".bal-popover__content__inner")}updateFocus(){this.focusIndex<-1&&(this.focusIndex=-1);const t=this.optionArray;if(t.length>0){t.length<=this.focusIndex&&(this.focusIndex=t.length-1);const e=t[this.focusIndex];if(e&&e.id){const t=this.el.querySelector(`button#${e.id}`);t&&(clearTimeout(this.updateFocusTimer),this.updateFocusTimer=setTimeout((()=>{this.scrollToFocusedOption(t)}),0))}}else this.focusIndex=-1}scrollToFocusedOption(t){if(t&&this.popoverElement){const e=this.getPopoverContent();if(e){const i=t.offsetTop;i<e.scrollTop&&(e.scrollTop=i),t.offsetTop+t.clientHeight>e.scrollTop+e.clientHeight&&(e.scrollTop=e.scrollTop+t.clientHeight)}}}scrollTo(t){const e=this.getPopoverContent();e&&(e.scrollTop=t)}selectedFocusedOption(){const t=this.optionArray;if(t.length>this.focusIndex){const e=t[this.focusIndex];e&&this.optionSelected(e)}}navigateWithArrowKey(t){m(t)?this.focusIndex=this.focusIndex+1:v(t)&&(this.focusIndex=this.focusIndex-1)}focusOptionByLabel(t){this.labelToScrollTo=this.labelToScrollTo+t,clearTimeout(this.clearScrollToValue),this.clearScrollToValue=setTimeout((()=>{this.scrollToLabel(this.labelToScrollTo)}),600)}selectOptionByLabel(t){this.labelToSelectTo=this.labelToSelectTo+t,clearTimeout(this.clearSelectValue),this.clearSelectValue=setTimeout((()=>{this.selectLabel(this.labelToSelectTo),this.labelToSelectTo=""}),600)}async selectLabel(t){if(" "!==t){const e=this.optionArray.find((e=>O(e.label||"",t)));if(!a(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!a(t)){const t=this.optionArray.indexOf(e);this.focusIndex=t,this.select(e.value)}}this.labelToScrollTo=""}}async scrollToLabel(t){if(" "!==t){const e=this.optionArray.find((e=>O(e.label||"",t)));if(!a(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!a(t)){const i=this.optionArray.indexOf(e);this.focusIndex=i,this.scrollTo(t.offsetTop)}}this.labelToScrollTo=""}}syncRawValue(t=!0){let e=[];a(this.value)||""===this.value||(e=Array.isArray(this.value)?[...this.value.filter((t=>!a(t)))]:this.value.split("").includes(",")?[...this.value.split(",").filter((t=>t)).map((t=>t.trim()))]:[this.value]),this.updateRawValue(e,t)}blurSelect(){this.popoverElement.dismiss()}optionSelected(t){const e=w(this.rawValue).some((e=>e===t.value));this.updateValue(t.value,!e),this.multiple?this.typeahead&&this.setFocus():this.blurSelect()}updateValue(t,e=!0){this.multiple?this.updateRawValue(e?C(this.rawValue,t,this.multiple):y(this.rawValue,t),I):(this.updateRawValue(C(this.rawValue,t,this.multiple),I),this.rawValue&&this.rawValue.length>0&&this.updateInputValue(T(this.options,this.rawValue[0])))}validateAfterBlur(t=!1){let e=this.rawValue;if(this.didInit&&!this.multiple){if(this.typeahead&&(this.selectionOptional||this.remote)){const t=L(this.options,this.inputElement.value);e=t?[t.value]:[this.inputElement.value]}else e=z(this.rawValue,this.options,this.inputElement.value);this.updateRawValue(e,t)}}syncNativeInput(){if(!this.multiple&&x(this.rawValue)>0){const t=w(this.rawValue);let e=T(this.options,t[0]);return!this.multiple&&this.typeahead&&this.selectionOptional&&""===e&&(e=t.join(", ")),this.updateInputValue(e)}return Promise.resolve()}updateInputValue(t){return new Promise((e=>{this.updateInputValueTimer&&clearTimeout(this.updateInputValueTimer),this.updateInputValueTimer=setTimeout((()=>{a(this.inputElement)||(this.inputElement.value=t,this.inputValue=t,e())}),0)}))}isChipClicked(t){let e=!1;if(this.multiple){const i=this.selectionEl.querySelectorAll("bal-tag"),o=t.target;i.forEach((t=>{const i=b(t,o)||t===o;i&&(e=i)}))}return e}isInsideOfFooter(){this.inverted=null!==this.el.closest("bal-footer")}render(){var t;const e=t=>i("bal-tag",{size:"",closable:!this.disabled,disabled:this.disabled,invalid:this.invalid,tabindex:-1,onBalCloseClick:()=>this.removeValue(t.value),"data-testid":"bal-select-chip"},T(this.options,t.value)||t.value),s=w(this.rawValue),l=A.block("select"),r=l.element("native"),a=l.element("control"),n=a.element("icon"),c=a.element("selections"),h=a.element("input"),b=l.element("popover"),d=b.element("empty"),p=l.element("option"),u=p.element("content"),m=u.element("checkbox"),v=u.element("label");return i(o,{role:"listbox",onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,"data-value":null===(t=this.rawValue)||void 0===t?void 0:t.map((t=>T(this.options,t))).join(","),class:Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("disabled").class(this.disabled||this.readonly)),l.modifier("inverted").class(this.inverted)),l.modifier("inverted-footer").class(this.inverted))},i("select",{class:Object.assign({},r.class()),name:this.name,multiple:this.multiple,required:this.required,tabindex:-1,ref:t=>this.nativeSelectEl=t},s.map((t=>i("option",{key:t,value:t,selected:!0},t)))),i("bal-popover",{onBalChange:this.handlePopoverChange,ref:t=>this.popoverElement=t},i("div",{"bal-popover-trigger":!0,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("invalid").class(this.invalid)),a.modifier("disabled").class(this.disabled||this.readonly)),a.modifier("focused").class(this.isPopoverOpen)),a.modifier("inverted-footer").class(this.inverted))},i("div",{class:Object.assign(Object.assign({},c.class()),c.modifier("clickable").class(!this.isPopoverOpen&&!this.disabled&&!this.readonly)),onClick:this.handleInputClick,ref:t=>this.selectionEl=t},s.filter((()=>this.multiple)).map((t=>i(e,{value:t}))),i("input",{type:"text",class:Object.assign(Object.assign({},h.class()),{input:!0,"is-inverted":this.inverted,"is-danger":this.invalid,"is-disabled":this.disabled||this.readonly,"is-clickable":!this.isPopoverOpen&&!this.disabled&&!this.readonly,"data-test-select-input":!0}),id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,"data-testid":"bal-select-input",autocomplete:this.autocomplete,"aria-autocomplete":"off"===this.autocomplete?"none":null,placeholder:this.inputPlaceholder,readonly:!this.typeahead||this.disabled||this.readonly,contentEditable:this.typeahead,disabled:this.disabled,maxLength:this.maxLength,tabindex:this.balTabindex,onInput:this.handleInput,onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyPress:this.handleKeyPress,ref:t=>this.inputElement=t})),this.freeSolo||this.loading?"":i("bal-icon",{class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("loading").class(this.loading)),n.modifier("clickable").class(!this.disabled&&!this.readonly)),name:this.inverted?"caret-up":"caret-down",color:this.disabled||this.readonly?"grey-light":this.inverted?"white":this.invalid?"danger":"primary",turn:this.isPopoverOpen,onClick:t=>this.handleInputClick(t,!0),size:this.inverted?"x-small":""})),i("bal-popover-content",{class:Object.assign({},b.class()),scrollable:this.scrollable,spaceless:!0,expanded:!0},this.optionArray.map(((t,e)=>i("button",{key:t.value,type:"button",role:"option",id:t.id,"data-value":t.value,"data-label":t.label,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},p.class()),p.modifier("selected").class(s.includes(t.value)&&!(this.typeahead&&!this.multiple))),p.modifier("focused").class(this.focusIndex===e)),p.modifier("checkbox").class(this.multiple)),p.modifier("disabled").class(!0===t.disabled)),"data-testid":"bal-select-option",disabled:t.disabled,tabIndex:-1,onMouseEnter:()=>this.handleOptionMouseEnter(e),onClick:()=>this.optionSelected(t)},i("div",{class:Object.assign({},u.class())},i("span",{class:Object.assign({},m.class()),style:{display:this.multiple?"flex":"none"}},i("bal-checkbox",{checked:s.includes(t.value),tabindex:-1,nonSubmit:!0,flat:!0,onBalChange:k})),i("span",{class:Object.assign({},v.class()),innerHTML:t.innerHTML}))))),i("div",{class:Object.assign(Object.assign({},d.class()),d.modifier("hidden").class(void 0===this.noDataLabel||this.hasOptions()||!this.typeahead||this.selectionOptional))},this.noDataLabel))))}get el(){return s(this)}static get watchers(){return{value:["valueWatcher"]}}};l([B("bal-select"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],P.prototype,"createLogger",null);let V=0;P.style=":root{--bal-select-control-background:var(--bal-color-white);--bal-select-control-background-hover:var(--bal-form-field-control-background-hover);--bal-select-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-select-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-select-control-input-background:var(--bal-color-grey-1);--bal-select-control-native-input-background:transparent;--bal-select-control-native-input-background-hover:transparent;--bal-select-control-input-inverted-footer-background:transparent;--bal-select-control-input-inverted-footer-background-hover:transparent;--bal-select-control-input-multiple-background:transparent;--bal-select-control-input-multiple-background-read-only-selection:transparent;--bal-select-control-input-option-background:transparent;--bal-select-control-input-option-background-selected:var(--bal-color-primary-1);--bal-select-control-input-option-background-focused:var(--bal-color-grey-2);--bal-select-control-input-option-background-hover:var(--bal-color-grey-2);--bal-select-control-border-radius:var(--bal-form-field-control-radius);--bal-select-popover-border-color:var(--bal-color-grey-2);--bal-select-control-border-color:var(--bal-form-field-control-border-color);--bal-select-control-border-color-focused:var(--bal-color-primary);--bal-select-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-select-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-select-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-select-control-border-color-focus-within:var(--bal-color-primary);--bal-select-option-border-top-color:var(--bal-color-grey-2);--bal-select-popover-empty-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color-focused:var(--bal-color-primary);--bal-select-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-select-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-select-option-content-label-text-color:var(--bal-form-field-control-color)}bal-select-option{display:none !important}.bal-select{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text)}.bal-select__popover{border:.125rem solid var(--bal-select-popover-border-color)}.bal-select__popover__empty{padding:.5rem 1rem;font-family:var(--bal-font-family-text);color:var(--bal-select-popover-empty-text-color)}.bal-select__popover__empty--hidden{display:none}.bal-select__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-select__control{display:-ms-flexbox;display:flex;border-width:.125rem;border-style:solid;border-color:var(--bal-select-control-border-color);border-radius:var(--bal-select-control-border-radius);background:var(--bal-select-control-background);font-size:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-select-control-text-color);outline:none;-webkit-box-shadow:none;box-shadow:none;padding-right:1rem;min-height:3rem}.bal-select__control--focused{border-color:var(--bal-select-control-border-color-focused)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover{border-color:var(--bal-select-control-border-color-hover);background-color:var(--bal-select-control-background-hover)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover .bal-select__control__input{background-color:var(--bal-select-control-input-background)}.bal-select__control--invalid:not(.bal-select__control--disabled){border-color:var(--bal-select-control-border-color-invalid) !important;background:var(--bal-select-control-background-invalid) !important}.bal-select__control:focus-within{border-color:var(--bal-select-control-border-color-focus-within) !important}.bal-select__control--disabled{background-color:var(--bal-select-control-background-disabled) !important;border-color:var(--bal-select-control-border-color-disabled) !important}.bal-select__control--disabled,.bal-select__control--disabled input{cursor:default !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important;color:var(--bal-select-input-text-color-disabled)}.bal-select__control--inverted-footer{border:none;background-color:var(--bal-select-control-input-inverted-footer-background) !important;padding-right:0}.bal-select__control--inverted-footer:hover{background-color:var(--bal-select-control-input-inverted-footer-background-hover) !important}.bal-select__control--inverted-footer .input{color:var(--bal-select-control-inverted-footer-native-input-text-color);background-color:var(--bal-select-control-native-input-background) !important}.bal-select__control--inverted-footer .input:hover{background-color:var(--bal-select-control-native-input-background-hover) !important}.bal-select__control__icon{min-height:100% !important;max-height:100% !important}.bal-select__control__icon--loading{display:none}.bal-select__control__icon--clickable{cursor:pointer}.bal-select__control__selections{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.125rem;max-width:100%;min-width:0;gap:0;padding-left:.375rem}.bal-select__control__selections .bal-tag{margin-left:.25rem;margin-top:.375rem;margin-bottom:.375rem}.bal-select__control__selections .bal-tag+.input{padding-left:.625rem}.bal-select__control__input{border:none !important;outline:none !important;outline-width:0 !important;height:2.75rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;background:var(--bal-select-control-input-multiple-background);-ms-flex:1;flex:1;min-height:2.75rem !important;padding-left:.25rem !important;padding-right:.625rem !important;text-overflow:ellipsis}.bal-select__control__input:-moz-read-only{-moz-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__option{visibility:visible;font-family:var(--bal-font-family-text);background:var(--bal-select-control-input-option-background);border:none;cursor:pointer;outline:none;min-height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0;margin:0;border-top:.125rem solid var(--bal-select-option-border-top-color);text-align:inherit;white-space:nowrap;width:100%}.bal-select__option:first-child{border-top:none}.bal-select__option::-moz-focus-inner{border:none}.bal-select__option--selected{background:var(--bal-select-control-input-option-background-selected)}.bal-select__option--selected .bal-select__option__content__label{font-weight:var(--bal-font-weight-bold)}.bal-select__option--focused{background:var(--bal-select-control-input-option-background-focused)}.bal-select__option:hover{background:var(--bal-select-control-input-option-background-hover)}.bal-select__option__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-height:3rem;padding:.75rem 1rem;gap:.75rem}.bal-select__option__content__checkbox{margin:0;padding:0}.bal-select__option__content__label{margin:0;padding:0;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-select-option-content-label-text-color);line-height:1.125rem;word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";const D=class{constructor(e){t(this,e),this.label=void 0,this.disabled=!1,this.value=void 0,this.for="bal-selopt-"+E++}createLogger(t){this.log=t}render(){return i(o,{style:{display:"none"}},i("slot",null))}};l([B("bal-select-option"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],D.prototype,"createLogger",null);let E=0;export{P as bal_select,D as bal_select_option}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,n,i,e){function r(t){return t instanceof i?t:new i((function(n){n(t)}))}return new(i||(i=Promise))((function(i,s){function u(t){try{f(e.next(t))}catch(t){s(t)}}function a(t){try{f(e["throw"](t))}catch(t){s(t)}}function f(t){t.done?i(t.value):r(t.value).then(u,a)}f((e=e.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},e,r,s,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(n){return f([t,n])}}function f(a){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(i=0)),i)try{if(e=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){i.label=a[1];break}if(a[0]===6&&i.label<s[1]){i.label=s[1];s=a;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(a);break}if(s[2])i.ops.pop();i.trys.pop();continue}a=n.call(t,i)}catch(t){a=[6,t];r=0}finally{e=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,n,i){if(i||arguments.length===2)for(var e=0,r=n.length,s;e<r;e++){if(s||!(e in n)){if(!s)s=Array.prototype.slice.call(n,0,e);s[e]=n[e]}}return t.concat(s||Array.prototype.slice.call(n))};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-d2ee9b0a.system.js","./p-8954495d.system.js","./p-8949aa8b.system.js","./p-8a87b9a8.system.js","./p-bb6304d0.system.js","./p-145d5c4e.system.js","./p-db0895e2.system.js","./p-6e5745c8.system.js","./p-23bdd8dc.system.js","./p-6913b916.system.js","./p-ba579059.system.js","./p-056b22a7.system.js","./p-0177e3a0.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-2880433e.system.js"],(function(t){"use strict";var n,i,e,r,s,u,a,f,o,c,h,l,d,v,b,p,y,m,_,g,j,w,k,x,F,O,A,C,I,K,P,S,T,V,B;return{setters:[function(t){n=t.r;i=t.c;e=t.h;r=t.H;s=t.g},function(t){u=t._;a=t.a},function(t){f=t.h;o=t.a;c=t.i;h=t.e;l=t.f;d=t.k;v=t.l;b=t.s;p=t.b;y=t.j;m=t.c;_=t.d},function(t){g=t.m},function(t){j=t.i},function(t){w=t.w;k=t.x;x=t.v},function(t){F=t.a;O=t.d},function(t){A=t.g},function(t){C=t.B},function(t){I=t.d},function(t){K=t.L},function(t){P=t.l},function(t){S=t.N;T=t.A},function(t){V=t.i},function(t){B=t.L},function(){},function(){},function(){}],execute:function(){var E="[object Number]";var G=Object.prototype;var q=G.toString;function z(t){return!!t&&typeof t=="object"}function D(t){return L(t)&&t!=+t}function L(t){return typeof t=="number"||z(t)&&q.call(t)==E}var N=D;var H=function(){var t=A();return t&&t.locale||F};var J=function(){return w(H())};var M=function(){return k(H())};var Q=function(t,n){return x(H(),t,n)};var R=function(){return"-"};function U(t){return typeof t==="string"&&M()!=="."}function W(t){var n=parseFloat(t);return typeof n==="number"&&!N(n)}function X(t){return!W(t)&&t!==""&&t!==R()&&t!==J()}function Y(t,n){if(n===void 0){n=0}var i=t;if(i===""||i===undefined||i===null||N(i)||i===R()||i===J()||!W(i)){return undefined}if(U(i)){i=i.split(M()).join("").split("`").join("").split("'").join("")}return n===0?parseInt(i,10):parseFloat(i)}function Z(t,n){if(n===void 0){n=0}var i=t;if(P(i)){return""}if(U(i)){i=i.split(M()).join("").split("`").join("").split("'").join("")}if(i.charAt(0)===J()){i="0".concat(i)}var e=n===0?parseInt(i,10):parseFloat(i.replace(J(),"."));return N(e)?"":e.toFixed(n)}function $(t){return t.replace(".",J())}function tt(t,n,i){if(n===void 0){n=0}if(i===void 0){i=""}if(P(t)){return""}if(t.charAt(0)===J()){t="0".concat(t)}var e=n===0?parseInt(t,10):parseFloat(t);var r=i!==""?" ".concat(i.trim()):"";return N(e)?"":Q(e,n)+r}var nt=function(t){return(t.split(J())||[]).length-1||0};function it(t){var n=t.key,i=t.ctrlKey,e=t.metaKey,r=t.selectionStart,s=t.selectionEnd,u=t.newValue,a=t.decimal;if(["a","c","v"].includes(n)&&(i||e)){return true}if(n===R()&&r&&r>0&&s&&s>0){return false}if(n===J()){if(a===0){return false}else if(nt(u)>1){return false}}if(!__spreadArray(__spreadArray(__spreadArray([],S,true),T,true),[J(),R()],false).includes(n)){return false}if(a!==0&&u.includes(J())&&__spreadArray([],S,true).includes(n)){var f=u.split(J());var o=f[f.length-1];if(o.length>a){return false}}return true}var et=".bal-number-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}";var rt=et;var st=t("bal_number_input",function(){function t(t){var e=this;n(this,t);this.balInput=i(this,"balInput",7);this.balChange=i(this,"balChange",7);this.balBlur=i(this,"balBlur",7);this.balFocus=i(this,"balFocus",7);this.balKeyPress=i(this,"balKeyPress",7);this.inputId="bal-number-input-".concat(ut++);this.inheritedAttributes={};this.lastValue="";this.inputValue=this.value;this.initialValue=undefined;this.onClick=function(t){return f(e,t)};this.handleClick=function(t){return o(e,t)};this.onInput=function(t){var n;if(e.nativeInput){if(X(e.nativeInput.value)){e.nativeInputValue=e.lastValue||"";return}}e.lastValue=((n=e.nativeInput)===null||n===void 0?void 0:n.value)||"";e.balInput.emit(Y(e.lastValue,e.decimal))};this.onFocus=function(t){c(e,t);if(e.nativeInput){e.nativeInputValue=$(e.lastValue||"");clearTimeout(e.selectTimeout);e.selectTimeout=setTimeout((function(){return e.nativeInput.select()}))}};this.onBlur=function(t){h(e,t);if(e.nativeInput){e.lastValue=Z(e.lastValueGetter,e.decimal);e.nativeInputValue=tt(e.lastValueGetter,e.decimal,e.suffix);e.nativeInput.value=e.nativeInputValue}e.inputValue=Y(e.lastValueGetter,e.decimal);l(e)};this.onKeydown=function(t){var n=d(e);var i=v(e,t);var r=t===null||t===void 0?void 0:t.target;if(r&&!it({key:t.key,ctrlKey:t.ctrlKey,metaKey:t.metaKey,decimal:e.decimal,newValue:i,oldValue:n,selectionStart:r.selectionStart,selectionEnd:r.selectionEnd})){return b(t)}};this.focused=false;this.language=O.language;this.region=O.region;this.ariaForm=I;this.nativeInputValue="";this.inputPattern=this.createPattern();this.name=this.inputId;this.invalid=false;this.decimal=0;this.suffix=undefined;this.pattern=undefined;this.placeholder=undefined;this.required=false;this.disabled=false;this.readonly=false;this.exactNumber=false;this.max=undefined;this.min=undefined;this.debounce=0;this.value=undefined;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=g(this.balChange,this.debounce)};t.prototype.valueChanged=function(t,n){if(t!==n){var i=t===""||P(t)||N(t);var e=this.exactNumber?"0":"";var r=i?e:t.toString();this.inputValue=Y(Z(r,this.decimal),this.decimal);this.lastValue=Z(r,this.decimal);if(this.focused){this.nativeInputValue=$(this.lastValue)}else{this.nativeInputValue=tt(this.lastValue,this.decimal,this.suffix)}}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||0;if(this.value!==undefined){this.valueChanged(this.value,undefined)}};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=j(this.el,["aria-label","tabindex","title"])};t.prototype.listenOnClick=function(t){p(this,t)};t.prototype.resetHandler=function(t){var n=t.target;if(n===null||n===void 0?void 0:n.contains(this.el)){y(this,this.initialValue,this.resetHandlerTimer)}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=t.language;this.region=t.region;this.inputPattern=this.createPattern();if(this.nativeInput){if(this.focused){this.nativeInputValue=$(this.lastValue)}else{this.nativeInputValue=tt(this.lastValue,this.decimal,this.suffix)}}return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){m(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){_(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.createPattern=function(){if(this.pattern){return this.pattern}var t=this.suffix||"";if(t!==""){t=" ".concat(t)}var n=M();var i=J();if(i===","){i="\\,"}return"-?\\d{1,3}(?:".concat(n,"\\d{3})*(?:\\").concat(i,"\\d{1,2})?(?:").concat(t,")?")};Object.defineProperty(t.prototype,"lastValueGetter",{get:function(){if(this.exactNumber&&(P(this.lastValue)||V(this.lastValue))){return"0"}return this.lastValue},enumerable:false,configurable:true});t.prototype.render=function(){var t=this;var n=C.block("number-input");return e(r,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign({},n.class())},e("input",Object.assign({class:{input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-number-input",ref:function(n){return t.nativeInput=n},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,pattern:this.inputPattern,min:this.min,max:this.max,value:this.nativeInputValue,onInput:function(n){return t.onInput(n)},onFocus:function(n){return t.onFocus(n)},onBlur:function(n){return t.onBlur(n)},onClick:this.onClick,onKeyDown:function(n){return t.onKeydown(n)},onKeyPress:function(n){return t.balKeyPress.emit(n)}},this.inheritedAttributes)))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());u([K("bal-number-input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],st.prototype,"createLogger",null);u([B(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],st.prototype,"configChanged",null);var ut=0;st.style=rt}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as i,H as e,g as h}from"./p-d7c752c6.js";import{_ as n,a as r}from"./p-43c9f5e9.js";import{h as a,a as o,i as l,e as u,f as c,k as d,l as p,s as m,b as f,j as b,c as g,d as y}from"./p-ad9a7657.js";import{m as j}from"./p-88f18fbc.js";import{i as v}from"./p-dd5e13d1.js";import{w as C,x as F,v as k}from"./p-94efe2aa.js";import{a as w,d as x}from"./p-a19d1e1d.js";import{g as K}from"./p-aafb6696.js";import{B as $}from"./p-ae86d0a0.js";import{d as I}from"./p-f385e205.js";import{L}from"./p-b77e3348.js";import{l as O}from"./p-9a3d9e17.js";import{N as P,A as B}from"./p-ec1efe3d.js";import{i as V}from"./p-e581de20.js";import{L as E}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-4573c419.js";var _=Object.prototype.toString,A=function(t){return function(t){return"number"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Number]"==_.call(t)}(t)&&t!=+t};const D=()=>{const t=K();return t&&t.locale||w},H=()=>C(D()),N=()=>F(D());function S(t){return"string"==typeof t&&"."!==N()}function T(t){const s=parseFloat(t);return"number"==typeof s&&!A(s)}function q(t,s=0){let i=t;if(""!==i&&null!=i&&!A(i)&&"-"!==i&&i!==H()&&T(i))return S(i)&&(i=i.split(N()).join("").split("`").join("").split("'").join("")),0===s?parseInt(i,10):parseFloat(i)}function z(t,s=0){let i=t;if(O(i))return"";S(i)&&(i=i.split(N()).join("").split("`").join("").split("'").join("")),i.charAt(0)===H()&&(i=`0${i}`);const e=0===s?parseInt(i,10):parseFloat(i.replace(H(),"."));return A(e)?"":e.toFixed(s)}function G(t){return t.replace(".",H())}function W(t,s=0,i=""){if(O(t))return"";t.charAt(0)===H()&&(t=`0${t}`);const e=0===s?parseInt(t,10):parseFloat(t),h=""!==i?` ${i.trim()}`:"";return A(e)?"":(n=e,r=s,k(D(),n,r)+h);var n,r}const J=class{constructor(i){t(this,i),this.balInput=s(this,"balInput",7),this.balChange=s(this,"balChange",7),this.balBlur=s(this,"balBlur",7),this.balFocus=s(this,"balFocus",7),this.balKeyPress=s(this,"balKeyPress",7),this.inputId="bal-number-input-"+M++,this.inheritedAttributes={},this.lastValue="",this.inputValue=this.value,this.initialValue=void 0,this.onClick=t=>a(this,t),this.handleClick=t=>o(this,t),this.onInput=()=>{var t,s;!this.nativeInput||T(s=this.nativeInput.value)||""===s||"-"===s||s===H()?(this.lastValue=(null===(t=this.nativeInput)||void 0===t?void 0:t.value)||"",this.balInput.emit(q(this.lastValue,this.decimal))):this.nativeInputValue=this.lastValue||""},this.onFocus=t=>{l(this,t),this.nativeInput&&(this.nativeInputValue=G(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>this.nativeInput.select())))},this.onBlur=t=>{u(this,t),this.nativeInput&&(this.lastValue=z(this.lastValueGetter,this.decimal),this.nativeInputValue=W(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput.value=this.nativeInputValue),this.inputValue=q(this.lastValueGetter,this.decimal),c(this)},this.onKeydown=t=>{const s=d(this),i=p(this,t),e=null==t?void 0:t.target;if(e&&!function({key:t,ctrlKey:s,metaKey:i,selectionStart:e,selectionEnd:h,newValue:n,decimal:r}){if(["a","c","v"].includes(t)&&(s||i))return!0;if("-"===t&&e&&e>0&&h&&h>0)return!1;if(t===H()){if(0===r)return!1;if(((n.split(H())||[]).length-1||0)>1)return!1}if(![...P,...B,H(),"-"].includes(t))return!1;if(0!==r&&n.includes(H())&&[...P].includes(t)){const t=n.split(H());if(t[t.length-1].length>r)return!1}return!0}({key:t.key,ctrlKey:t.ctrlKey,metaKey:t.metaKey,decimal:this.decimal,newValue:i,oldValue:s,selectionStart:e.selectionStart,selectionEnd:e.selectionEnd}))return m(t)},this.focused=!1,this.language=x.language,this.region=x.region,this.ariaForm=I,this.nativeInputValue="",this.inputPattern=this.createPattern(),this.name=this.inputId,this.invalid=!1,this.decimal=0,this.suffix=void 0,this.pattern=void 0,this.placeholder=void 0,this.required=!1,this.disabled=!1,this.readonly=!1,this.exactNumber=!1,this.max=void 0,this.min=void 0,this.debounce=0,this.value=void 0,this.autoInvalidOff=!1}createLogger(t){this.log=t}debounceChanged(){this.balChange=j(this.balChange,this.debounce)}valueChanged(t,s){if(t!==s){const s=""===t||O(t)||A(t)?this.exactNumber?"0":"":t.toString();this.inputValue=q(z(s,this.decimal),this.decimal),this.lastValue=z(s,this.decimal),this.nativeInputValue=this.focused?G(this.lastValue):W(this.lastValue,this.decimal,this.suffix)}}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||0,void 0!==this.value&&this.valueChanged(this.value,void 0)}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=v(this.el,["aria-label","tabindex","title"])}listenOnClick(t){f(this,t)}resetHandler(t){const s=t.target;(null==s?void 0:s.contains(this.el))&&b(this,this.initialValue,this.resetHandlerTimer)}async configChanged(t){this.language=t.language,this.region=t.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?G(this.lastValue):W(this.lastValue,this.decimal,this.suffix))}async setFocus(){g(this)}async setBlur(){y(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}createPattern(){if(this.pattern)return this.pattern;let t=this.suffix||"";""!==t&&(t=` ${t}`);const s=N();let i=H();return","===i&&(i="\\,"),`-?\\d{1,3}(?:${s}\\d{3})*(?:\\${i}\\d{1,2})?(?:${t})?`}get lastValueGetter(){return this.exactNumber&&(O(this.lastValue)||V(this.lastValue))?"0":this.lastValue}render(){const t=$.block("number-input");return i(e,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign({},t.class())},i("input",Object.assign({class:{input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-number-input",ref:t=>this.nativeInput=t,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,pattern:this.inputPattern,min:this.min,max:this.max,value:this.nativeInputValue,onInput:t=>this.onInput(t),onFocus:t=>this.onFocus(t),onBlur:t=>this.onBlur(t),onClick:this.onClick,onKeyDown:t=>this.onKeydown(t),onKeyPress:t=>this.balKeyPress.emit(t)},this.inheritedAttributes)))}get el(){return h(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};n([L("bal-number-input"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],J.prototype,"createLogger",null),n([E(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],J.prototype,"configChanged",null);let M=0;J.style=".bal-number-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}";export{J as bal_number_input}
|