@baloise/ds-core 16.4.0 → 16.5.0-nightly.20240918

package/dist/baloise-design-system/{p-6d9afce4c2.entry.js → p-cc754c9809.entry.js}

@@ -1 +1 @@
-import{h as t,r as e,c as r,H as a,g as o}from"./p-d7c752c6.js";import{_ as i,a as s}from"./p-43c9f5e9.js";import{l,b as n}from"./p-88f18fbc.js";import{B as c}from"./p-ae86d0a0.js";import{s as d}from"./p-ad9a7657.js";import{L as b}from"./p-f7091a61.js";import{g as u}from"./p-0e361394.js";import{L as h}from"./p-3231863d.js";import{L as p}from"./p-e61fa225.js";import{L as m}from"./p-2692caf4.js";import{b as g}from"./p-e851f284.js";import{d as _}from"./p-a19d1e1d.js";import{L as f}from"./p-69e7c8d6.js";import{i as v}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";import"./p-10351b73.js";import"./p-96216bd1.js";import"./p-ec4875a2.js";import"./p-b77e3348.js";const w=({value:e,items:r,containerId:a,onControlChange:o})=>{const i=c.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",null,r.map((r=>t("bal-button",{"aria-controls":a,key:r.value,expanded:!0,color:e===r.value?"primary":"light",onClick:()=>o(r)},r.label))))))},k=({value:e,items:r,containerId:a,onControlChange:o})=>{const i=c.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},t("bal-pagination",{"aria-controls":a,interface:"small",value:e+1,totalPages:r.length,onBalChange:t=>{let e=t.detail-1;e<0&&(e=0),e>=r.length&&(e=r.length-1),o(r[e])}}))},x=({isFirst:e,isLast:r,inverted:a,areControlsHidden:o,onNextClick:i,onPreviousClick:s,containerId:l,leftControlTitle:n,rightControlTitle:d})=>{const b=c.block("carousel").element("controls"),u=b.element("button");return t("div",{"data-mutation":"false",class:Object.assign(Object.assign({},b.class()),b.modifier("large").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("left").class()),u.modifier("hidden").class(e&&o)),"aria-controls":l,square:!0,icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>s(),disabled:e,"aria-hidden":e&&o?"true":null,"data-testid":"bal-carousel-control-left",title:n}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("right").class()),u.modifier("hidden").class(r&&o)),"aria-controls":l,square:!0,icon:"nav-go-right",rounded:!0,inverted:a,onClick:()=>i(),disabled:r,"aria-hidden":r&&o?"true":null,"data-testid":"bal-carousel-control-right",title:d}))},y=({isFirst:e,isLast:r,inverted:a,leftControlTitle:o,rightControlTitle:i,containerId:s,onNextClick:l,onPreviousClick:n})=>{const d=c.block("carousel").element("controls"),b=d.element("button");return t("div",{class:Object.assign(Object.assign({},d.class()),d.modifier("small").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("left").class()),b.modifier("hidden").class(e)),"aria-controls":s,square:!0,size:"small",icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>n(),disabled:e,"aria-hidden":e?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-left",title:o}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("right").class()),b.modifier("hidden").class(r)),"aria-controls":s,square:!0,size:"small",icon:"nav-go-right",rounded:!0,inverted:a,onClick:()=>l(),disabled:r,"aria-hidden":r?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-right",title:i}))},j={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}},O=class{constructor(t){e(this,t),this.balChange=r(this,"balChange",7),this.previousTransformValue=0,this.carouselId="bal-carousel-"+C++,this.carouselContainerId=`bal-carousel-${C++}-container`,this.mutationObserverActive=!0,this.onPreviousButtonClick=()=>this.previous(),this.onNextButtonClick=()=>this.next(),this.onControlChange=t=>{t!==this.value&&(t>this.value?this.next(t-this.value):this.previous(this.value-t))},this.isLastSlideVisible=!0,this.isMobile=g.isMobile,this.language=_.language,this.value=0,this.steps=1,this.itemsPerView=1,this.controls="none",this.htmlRole="list",this.controlsOverflow=!1,this.inverted=!1,this.fullHeight=!1,this.aspectRatio="16by9",this.interface="",this.controlsSticky=!1,this.scrollY=!0,this.border=!1}async blockVerticalScrolling(t){var e;!this.scrollY&&(null===(e=this.el)||void 0===e?void 0:e.contains(t.target))&&d(t)}mutationListener(){this.itemsChanged()}swipeListener({left:t,right:e}){t?this.next():e&&this.previous()}breakpointListener(t){this.isMobile=t.mobile,this.itemsChanged()}resizeListener(){this.itemsChanged()}listenToKeyDown(t){"tablist"!==this.htmlRole&&"Tab"===t.code&&(t.shiftKey?this.focusPreviousItem(t):this.focusNextItem(t))}async configChanged(t){this.language=t.language}async previous(t=this.steps){let e=this.value-t;e<0&&(e=0);const r=await this.buildSlide(e);return r&&(await this.animate(r.transformActive,!0)||this.value!==e)&&(this.value=e,this.balChange.emit(this.value)),r}async next(t=this.steps){const e=this.getAllItemElements().length;let r=this.value+t;r>=e&&(r=e-1);const a=await this.buildSlide(r);return a&&(await this.animate(a.transformActive,!0)||this.value!==r)&&(this.value=r,this.balChange.emit(this.value)),a}async animate(t=0,e=!0){return new Promise((r=>{void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.currentRaf=l((async()=>{if(this.containerEl&&this.innerEl){const a=await this.buildSlide();if(a){const o=this.innerEl.clientWidth||0,i=a.transformNext||0,s=i<=o;let l=i-o,n=l<=t;3===this.itemsPerView&&(l=i-o-1,n=l<=t);const c=0===t||l<=2;c&&(this.value=0,this.balChange.emit(this.value));const d="large"===this.controls;let b=s?0:n?l:t;c||s||!("small"===this.controls||d&&!this.isMobile)||(b-=n?0:d?56:48),this.containerEl.style.transitionDuration=e?"0.6s":"0",this.containerEl.style.transform=`translate3d(-${b}px, 0px, 0px)`;const u=b!==this.previousTransformValue;return this.previousTransformValue=b,this.isLastSlideVisible=n,this.borderEl&&(this.borderEl.style.transitionDuration=e?"0.6s":"0",this.borderEl.style.transform=`translate3d(${b}px, 0px, 0px)`),r(!!u)}}}))}))}async buildSlide(t){const e=this.getAllItemElements(),r=void 0===t?e.length-1:t;if(e.length>r&&r>=0){const t=await this.getAllItemData(),a="product"===this.interface?16:0;return{el:e[r],data:t[r],transformNext:e.filter(((t,e)=>e<r+1)).reduce(((t,e)=>t+u(e)+a),0),transformActive:e.filter(((t,e)=>e<r)).reduce(((t,e)=>t+u(e)+a),0),isFirst:0===r,isLast:r===e.length-1,total:e.length,index:r}}}async itemsChanged(){const t=await this.buildSlide(this.value);t&&this.animate(t.transformActive,!1)}async focusNextItem(t){if(!this.isLast){const e=await this.next(1);e&&e.el&&(d(t),await e.el.setFocus())}}async focusPreviousItem(t){if(!this.isFirst){const e=await this.previous(1);e&&e.el&&(d(t),await e.el.setFocus())}}async getAllItemData(){const t=this.getAllItemElements().map((t=>t.getData()));return await Promise.all(t)}getAllItemElements(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))}getAllControlItems(){return this.getAllItemElements().map(((t,e)=>({value:e,label:t.label})))}hasShadow(){return"auto"===this.itemsPerView||this.itemsPerView>1||"card"===this.interface}hasShadowLeft(){return this.hasShadow()&&(0!==this.value||"card"===this.interface)}hasShadowRight(){return this.hasShadow()&&(!this.isLastSlideVisible||"card"===this.interface)}isFirst(){return 0===this.value}isLast(){return this.isLastSlideVisible}render(){const e=c.block("carousel"),r=e.element("inner"),o=r.element("container"),i=j[this.language].left,s=j[this.language].right,l=this.getAllControlItems();return t(a,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class(""!==this.interface)),e.modifier("full-height").class(this.fullHeight)),e.modifier("controls-sticky").class(this.controlsSticky)),e.modifier(`controls-${this.controls}`).class())},"tabs"===this.controls?t(w,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:t=>this.onControlChange(t.value)}):"",t("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`items-per-view-${this.itemsPerView}`).class()),r.modifier(`is-${this.aspectRatio}`).class()),r.modifier("inverted").class(this.inverted)),r.modifier("full-height").class(this.fullHeight)),r.modifier("shadow-left").class(this.hasShadowLeft())),r.modifier("shadow-right").class(this.hasShadowRight())),ref:t=>this.innerEl=t},t("div",{role:this.htmlRole,"aria-live":""!==this.htmlRole?"polite":void 0,id:this.carouselContainerId,class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("border").class(this.border)),o.modifier(`is-${this.aspectRatio}`).class()),ref:t=>this.containerEl=t},t("slot",null),this.border?t("div",{id:`${this.carouselId}-border`,"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:t=>this.borderEl=t}):"")),"dots"===this.controls?t(k,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:t=>this.onControlChange(t.value)}):"","large"===this.controls?t(x,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:i,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"","small"===this.controls?t(y,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:i,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"")}get el(){return o(this)}};i([h({tags:["bal-carousel-item"],characterData:!1}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],O.prototype,"mutationListener",null),i([p(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],O.prototype,"swipeListener",null),i([b(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],O.prototype,"breakpointListener",null),i([m(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],O.prototype,"resizeListener",null),i([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],O.prototype,"configChanged",null);let C=0;O.style=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-carousel{display:block;position:relative}.bal-carousel__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.bal-carousel__inner--shadow-left::before,.bal-carousel__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-carousel__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-carousel__inner--shadow-left.bal-carousel__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right.bal-carousel__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-carousel__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-carousel__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-carousel__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-carousel__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:calc(100% - 2rem);padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:calc(100% - 5rem);padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}@media screen and (max-width: 768px){.bal-carousel__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-carousel__controls--large .bal-carousel__controls__button{position:absolute;top:calc(50% - 24px);z-index:7}.bal-carousel__controls--large .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--large .bal-carousel__controls__button--right{right:0}}.bal-carousel__controls__button--hidden{display:none !important;visibility:none !important}.bal-carousel__controls--small .bal-carousel__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-carousel__controls--small .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--small .bal-carousel__controls__button--right{right:0}.bal-carousel__controls--small .bal-carousel__controls__button--hidden{display:none !important;visibility:hidden !important}';const z=class{constructor(t){e(this,t),this.balNavigate=r(this,"balNavigate",7),this.balFocus=r(this,"balFocus",7),this.balBlur=r(this,"balBlur",7),this.imageInheritAttributes={},this.onClick=t=>{void 0!==this.href&&this.balNavigate.emit(t)},this.onFocus=()=>{this.balFocus.emit()},this.onBlur=()=>{this.balBlur.emit()},this.src=void 0,this.label="",this.htmlRole="listitem",this.elementType="button",this.name="",this.value="",this.href=void 0,this.target="_self",this.rel=void 0,this.download=void 0,this.color=void 0}componentWillLoad(){this.imageInheritAttributes=v(this.el,["alt"])}async getData(){return{clientWidth:this.el.clientWidth,label:this.label}}async setFocus(){await n(),this.buttonEl&&this.buttonEl.focus()}render(){const e=c.block("carousel").element("item");if(!this.color||!this.label)return t(a,{role:this.htmlRole,class:Object.assign({},e.class())},void 0!==this.src?t("img",Object.assign({draggable:!1,onDragStart:()=>!1,src:this.src},this.imageInheritAttributes)):"",t("slot",null));const r=e.element("button"),o=r.element("image"),i=r.element("label"),{elementType:s,download:l,href:n,rel:d,target:b,name:u,value:h}=this,p=void 0===this.href?"button":"a",m="button"===p?{type:s,name:u,value:h}:{download:l,href:n,rel:d,target:b};return t(a,{role:this.htmlRole,class:Object.assign({},e.class())},t(p,Object.assign({},m,{class:Object.assign(Object.assign({},r.class()),r.modifier(`color-${this.color}`).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:t=>this.buttonEl=t}),void 0!==this.src?t("img",Object.assign({class:Object.assign({},o.class()),loading:"lazy",draggable:!1,onDragStart:()=>!1,"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",void 0!==this.label?t("span",{class:Object.assign({},i.class())},this.label):"",t("slot",null)))}get el(){return o(this)}};export{O as bal_carousel,z as bal_carousel_item}
+import{h as t,r as e,c as r,H as a,g as o}from"./p-d7c752c6.js";import{_ as i,a as s}from"./p-43c9f5e9.js";import{l,b as n}from"./p-88f18fbc.js";import{B as c}from"./p-ae86d0a0.js";import{s as d}from"./p-ad9a7657.js";import{L as b}from"./p-7d3e92db.js";import{g as u}from"./p-0e361394.js";import{L as h}from"./p-3231863d.js";import{L as p}from"./p-e61fa225.js";import{L as m}from"./p-2692caf4.js";import{b as g}from"./p-8ce7ff8b.js";import{d as _}from"./p-a19d1e1d.js";import{L as f}from"./p-69e7c8d6.js";import{i as v}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";import"./p-10351b73.js";import"./p-96216bd1.js";import"./p-0f41f0ff.js";import"./p-b77e3348.js";const w=({value:e,items:r,containerId:a,onControlChange:o})=>{const i=c.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",null,r.map((r=>t("bal-button",{"aria-controls":a,key:r.value,expanded:!0,color:e===r.value?"primary":"light",onClick:()=>o(r)},r.label))))))},k=({value:e,items:r,containerId:a,onControlChange:o})=>{const i=c.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},t("bal-pagination",{"aria-controls":a,interface:"small",value:e+1,totalPages:r.length,onBalChange:t=>{let e=t.detail-1;e<0&&(e=0),e>=r.length&&(e=r.length-1),o(r[e])}}))},x=({isFirst:e,isLast:r,inverted:a,areControlsHidden:o,onNextClick:i,onPreviousClick:s,containerId:l,leftControlTitle:n,rightControlTitle:d})=>{const b=c.block("carousel").element("controls"),u=b.element("button");return t("div",{"data-mutation":"false",class:Object.assign(Object.assign({},b.class()),b.modifier("large").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("left").class()),u.modifier("hidden").class(e&&o)),"aria-controls":l,square:!0,icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>s(),disabled:e,"aria-hidden":e&&o?"true":null,"data-testid":"bal-carousel-control-left",title:n}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("right").class()),u.modifier("hidden").class(r&&o)),"aria-controls":l,square:!0,icon:"nav-go-right",rounded:!0,inverted:a,onClick:()=>i(),disabled:r,"aria-hidden":r&&o?"true":null,"data-testid":"bal-carousel-control-right",title:d}))},y=({isFirst:e,isLast:r,inverted:a,leftControlTitle:o,rightControlTitle:i,containerId:s,onNextClick:l,onPreviousClick:n})=>{const d=c.block("carousel").element("controls"),b=d.element("button");return t("div",{class:Object.assign(Object.assign({},d.class()),d.modifier("small").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("left").class()),b.modifier("hidden").class(e)),"aria-controls":s,square:!0,size:"small",icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>n(),disabled:e,"aria-hidden":e?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-left",title:o}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("right").class()),b.modifier("hidden").class(r)),"aria-controls":s,square:!0,size:"small",icon:"nav-go-right",rounded:!0,inverted:a,onClick:()=>l(),disabled:r,"aria-hidden":r?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-right",title:i}))},j={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}},O=class{constructor(t){e(this,t),this.balChange=r(this,"balChange",7),this.previousTransformValue=0,this.carouselId="bal-carousel-"+C++,this.carouselContainerId=`bal-carousel-${C++}-container`,this.mutationObserverActive=!0,this.onPreviousButtonClick=()=>this.previous(),this.onNextButtonClick=()=>this.next(),this.onControlChange=t=>{t!==this.value&&(t>this.value?this.next(t-this.value):this.previous(this.value-t))},this.isLastSlideVisible=!0,this.isMobile=g.isMobile,this.language=_.language,this.value=0,this.steps=1,this.itemsPerView=1,this.controls="none",this.htmlRole="list",this.controlsOverflow=!1,this.inverted=!1,this.fullHeight=!1,this.aspectRatio="16by9",this.interface="",this.controlsSticky=!1,this.scrollY=!0,this.border=!1}async blockVerticalScrolling(t){var e;!this.scrollY&&(null===(e=this.el)||void 0===e?void 0:e.contains(t.target))&&d(t)}mutationListener(){this.itemsChanged()}swipeListener({left:t,right:e}){t?this.next():e&&this.previous()}breakpointListener(t){this.isMobile=t.mobile,this.itemsChanged()}resizeListener(){this.itemsChanged()}listenToKeyDown(t){"tablist"!==this.htmlRole&&"Tab"===t.code&&(t.shiftKey?this.focusPreviousItem(t):this.focusNextItem(t))}async configChanged(t){this.language=t.language}async previous(t=this.steps){let e=this.value-t;e<0&&(e=0);const r=await this.buildSlide(e);return r&&(await this.animate(r.transformActive,!0)||this.value!==e)&&(this.value=e,this.balChange.emit(this.value)),r}async next(t=this.steps){const e=this.getAllItemElements().length;let r=this.value+t;r>=e&&(r=e-1);const a=await this.buildSlide(r);return a&&(await this.animate(a.transformActive,!0)||this.value!==r)&&(this.value=r,this.balChange.emit(this.value)),a}async animate(t=0,e=!0){return new Promise((r=>{void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.currentRaf=l((async()=>{if(this.containerEl&&this.innerEl){const a=await this.buildSlide();if(a){const o=this.innerEl.clientWidth||0,i=a.transformNext||0,s=i<=o;let l=i-o,n=l<=t;3===this.itemsPerView&&(l=i-o-1,n=l<=t);const c=0===t||l<=2;c&&(this.value=0,this.balChange.emit(this.value));const d="large"===this.controls;let b=s?0:n?l:t;c||s||!("small"===this.controls||d&&!this.isMobile)||(b-=n?0:d?56:48),this.containerEl.style.transitionDuration=e?"0.6s":"0",this.containerEl.style.transform=`translate3d(-${b}px, 0px, 0px)`;const u=b!==this.previousTransformValue;return this.previousTransformValue=b,this.isLastSlideVisible=n,this.borderEl&&(this.borderEl.style.transitionDuration=e?"0.6s":"0",this.borderEl.style.transform=`translate3d(${b}px, 0px, 0px)`),r(!!u)}}}))}))}async buildSlide(t){const e=this.getAllItemElements(),r=void 0===t?e.length-1:t;if(e.length>r&&r>=0){const t=await this.getAllItemData(),a="product"===this.interface?16:0;return{el:e[r],data:t[r],transformNext:e.filter(((t,e)=>e<r+1)).reduce(((t,e)=>t+u(e)+a),0),transformActive:e.filter(((t,e)=>e<r)).reduce(((t,e)=>t+u(e)+a),0),isFirst:0===r,isLast:r===e.length-1,total:e.length,index:r}}}async itemsChanged(){const t=await this.buildSlide(this.value);t&&this.animate(t.transformActive,!1)}async focusNextItem(t){if(!this.isLast){const e=await this.next(1);e&&e.el&&(d(t),await e.el.setFocus())}}async focusPreviousItem(t){if(!this.isFirst){const e=await this.previous(1);e&&e.el&&(d(t),await e.el.setFocus())}}async getAllItemData(){const t=this.getAllItemElements().map((t=>t.getData()));return await Promise.all(t)}getAllItemElements(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))}getAllControlItems(){return this.getAllItemElements().map(((t,e)=>({value:e,label:t.label})))}hasShadow(){return"auto"===this.itemsPerView||this.itemsPerView>1||"card"===this.interface}hasShadowLeft(){return this.hasShadow()&&(0!==this.value||"card"===this.interface)}hasShadowRight(){return this.hasShadow()&&(!this.isLastSlideVisible||"card"===this.interface)}isFirst(){return 0===this.value}isLast(){return this.isLastSlideVisible}render(){const e=c.block("carousel"),r=e.element("inner"),o=r.element("container"),i=j[this.language].left,s=j[this.language].right,l=this.getAllControlItems();return t(a,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class(""!==this.interface)),e.modifier("full-height").class(this.fullHeight)),e.modifier("controls-sticky").class(this.controlsSticky)),e.modifier(`controls-${this.controls}`).class())},"tabs"===this.controls?t(w,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:t=>this.onControlChange(t.value)}):"",t("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`items-per-view-${this.itemsPerView}`).class()),r.modifier(`is-${this.aspectRatio}`).class()),r.modifier("inverted").class(this.inverted)),r.modifier("full-height").class(this.fullHeight)),r.modifier("shadow-left").class(this.hasShadowLeft())),r.modifier("shadow-right").class(this.hasShadowRight())),ref:t=>this.innerEl=t},t("div",{role:this.htmlRole,"aria-live":""!==this.htmlRole?"polite":void 0,id:this.carouselContainerId,class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("border").class(this.border)),o.modifier(`is-${this.aspectRatio}`).class()),ref:t=>this.containerEl=t},t("slot",null),this.border?t("div",{id:`${this.carouselId}-border`,"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:t=>this.borderEl=t}):"")),"dots"===this.controls?t(k,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:t=>this.onControlChange(t.value)}):"","large"===this.controls?t(x,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:i,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"","small"===this.controls?t(y,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:i,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"")}get el(){return o(this)}};i([h({tags:["bal-carousel-item"],characterData:!1}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],O.prototype,"mutationListener",null),i([p(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],O.prototype,"swipeListener",null),i([b(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],O.prototype,"breakpointListener",null),i([m(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],O.prototype,"resizeListener",null),i([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],O.prototype,"configChanged",null);let C=0;O.style=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-carousel{display:block;position:relative}.bal-carousel__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.bal-carousel__inner--shadow-left::before,.bal-carousel__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-carousel__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-carousel__inner--shadow-left.bal-carousel__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right.bal-carousel__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-carousel__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-carousel__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-carousel__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-carousel__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:calc(100% - 2rem);padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:calc(100% - 5rem);padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}@media screen and (max-width: 768px){.bal-carousel__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-carousel__controls--large .bal-carousel__controls__button{position:absolute;top:calc(50% - 24px);z-index:7}.bal-carousel__controls--large .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--large .bal-carousel__controls__button--right{right:0}}.bal-carousel__controls__button--hidden{display:none !important;visibility:none !important}.bal-carousel__controls--small .bal-carousel__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-carousel__controls--small .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--small .bal-carousel__controls__button--right{right:0}.bal-carousel__controls--small .bal-carousel__controls__button--hidden{display:none !important;visibility:hidden !important}';const z=class{constructor(t){e(this,t),this.balNavigate=r(this,"balNavigate",7),this.balFocus=r(this,"balFocus",7),this.balBlur=r(this,"balBlur",7),this.imageInheritAttributes={},this.onClick=t=>{void 0!==this.href&&this.balNavigate.emit(t)},this.onFocus=()=>{this.balFocus.emit()},this.onBlur=()=>{this.balBlur.emit()},this.src=void 0,this.label="",this.htmlRole="listitem",this.elementType="button",this.name="",this.value="",this.href=void 0,this.target="_self",this.rel=void 0,this.download=void 0,this.color=void 0}componentWillLoad(){this.imageInheritAttributes=v(this.el,["alt"])}async getData(){return{clientWidth:this.el.clientWidth,label:this.label}}async setFocus(){await n(),this.buttonEl&&this.buttonEl.focus()}render(){const e=c.block("carousel").element("item");if(!this.color||!this.label)return t(a,{role:this.htmlRole,class:Object.assign({},e.class())},void 0!==this.src?t("img",Object.assign({draggable:!1,onDragStart:()=>!1,src:this.src},this.imageInheritAttributes)):"",t("slot",null));const r=e.element("button"),o=r.element("image"),i=r.element("label"),{elementType:s,download:l,href:n,rel:d,target:b,name:u,value:h}=this,p=void 0===this.href?"button":"a",m="button"===p?{type:s,name:u,value:h}:{download:l,href:n,rel:d,target:b};return t(a,{role:this.htmlRole,class:Object.assign({},e.class())},t(p,Object.assign({},m,{class:Object.assign(Object.assign({},r.class()),r.modifier(`color-${this.color}`).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:t=>this.buttonEl=t}),void 0!==this.src?t("img",Object.assign({class:Object.assign({},o.class()),loading:"lazy",draggable:!1,onDragStart:()=>!1,"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",void 0!==this.label?t("span",{class:Object.assign({},i.class())},this.label):"",t("slot",null)))}get el(){return o(this)}};export{O as bal_carousel,z as bal_carousel_item}

package/dist/baloise-design-system/{p-2f4c6257f4.entry.js → p-cda868a6a5.entry.js}

@@ -1 +1 @@
-import{h as o,r as t,c as i,H as e,g as a}from"./p-d7c752c6.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{o as s,q as n,s as d,h as c,u as h,e as p}from"./p-94efe2aa.js";import{B as b}from"./p-ae86d0a0.js";import{L as u}from"./p-b77e3348.js";import{s as m}from"./p-ad9a7657.js";import{i as w}from"./p-dd5e13d1.js";import{d as f}from"./p-f385e205.js";import{k as v,b as g,d as y}from"./p-88f18fbc.js";import{l as _}from"./p-9a3d9e17.js";import{c as x,a as k,f as j,s as O}from"./p-b80d9e4d.js";import{D as C}from"./p-9b4da619.js";import{a as F}from"./p-d9b38501.js";import{d as L}from"./p-a19d1e1d.js";import{L as z}from"./p-69e7c8d6.js";import"./p-4573c419.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";class A{constructor(){this.handleAutoFill=async o=>{if(m(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,t=await this.parseAutoFillValueWithOptions(o);if(void 0===t)return void(this.component.isAutoFilled=!1);s(t,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(t,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const t=await this.component.listEl.getOptions();for(let i=0;i<t.length;i++){const e=t[i];if(e.value===o||e.label===o)return[e.value]}}}const D={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};class E{connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(o){this.component.isExpanded||(this.component.hasFocus=!1,v((()=>this.component.balBlur.emit(o))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var t;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(t=this.component.listEl)||void 0===t||t.resetFocus(),this.component.hasFocus=!1,v((()=>this.component.balBlur.emit(o)))))}}class S{connectedCallback(o){this.component=o}focusOptionByLabel(o,t={}){this.component.labelToFocus=(this.component.labelToFocus+o).trim(),this.component.labelToFocus.length>0&&(clearTimeout(this.keyHitTimeout),this.keyHitTimeout=setTimeout((()=>{var o;null===(o=this.component.listEl)||void 0===o||o.focusByLabel(this.component.labelToFocus,t)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class V{connectedCallback(o){this.component=o,this.component.initialValue=this.component.value}componentDidRender(){this.component.selectEl&&this.component.selectEl.querySelectorAll("option").forEach((o=>{this.component.rawValue.includes(o.value)&&(o.selected=!0)}))}handle(o){const t=o.target;(null==t?void 0:t.contains(this.component.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{const o=this.component.valueUtil.parseValueString(this.component.initialValue);this.component.valueUtil.updateRawValueBySelection(o)}),0))}}const q=({name:t,httpFormSubmit:i,multiple:e,required:a,disabled:r,rawValue:l,refSelectEl:s})=>{const n=b.block("dropdown");return i?o("select",{class:Object.assign({},n.element("root").element("select").class()),"aria-hidden":"true",name:t,multiple:e,required:a,disabled:r,tabindex:-1,ref:s},l.map((t=>o("option",{key:t,value:t,selected:!0},t)))):""},B=({icon:t,language:i,loading:e,clearable:a,invalid:r,filled:l,expanded:s,disabled:n})=>{const d=b.block("dropdown");return e?o("bal-spinner",{class:Object.assign({},d.element("rear").class()),small:!0,variation:"circle"}):a&&l&&!n?o("button",{title:D[i].clearable,class:Object.assign(Object.assign(Object.assign({},d.element("rear").class()),d.element("clear").class()),d.element("clear").modifier("invalid").class(r))},o("bal-icon",{class:Object.assign({},d.element("rear").class()),name:"close-circle",size:"",color:"grey"})):o("bal-icon",{class:Object.assign({},d.element("rear").class()),name:t,turn:s,color:n?"grey":r?"danger":"primary"})},T=({inputId:t,isExpanded:i,rawOptions:e,isDisabled:a,hasPropOptions:r,required:l,filter:s,multiple:n,contentHeight:d,refPanelEl:c,refListEl:h})=>{const p=b.block("dropdown");return o("div",{id:`${t}-menu`,class:Object.assign(Object.assign({},p.element("list").class()),p.element("list").modifier("expanded").class(i)),ref:c},o("bal-option-list",{multiple:n,disabled:a,filter:s,required:l,contentHeight:d,ref:h},o("slot",null),r?e.map((t=>o("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label))):""))};class R{constructor(){this.updatePanelPosition=(o,t)=>()=>{x(o,t,{placement:"bottom-start",middleware:[j(),O()]}).then((({x:o,y:i})=>{Object.assign(t.style,{left:`${o}px`,top:`${i}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;this.component.panelEl&&(this.component.panelCleanup=k(this.component.el,this.component.panelEl,this.updatePanelPosition(this.component.el,this.component.panelEl))),this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class P{connectedCallback(o){this.component=o}componentDidLoad(){setTimeout((()=>this.valueChanged(this.component.value,void 0)),0)}isDisabled(){return this.component.disabled||this.component.readonly}isFilled(){return this.component.rawValue&&this.component.rawValue.length>0}valueChanged(o,t){const i=typeof o;i!==typeof t&&this.updateRawValueByValueProp(o),"string"===i&&o!==t&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(t)&&!s(o,t)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],t=!1){this.component.isAutoFilled=t,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let t=[];return _(o)||""===o||(t=Array.isArray(o)?[...o.filter((o=>!_(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),t}updateRawValueByValueProp(o=[]){const t=this.parseValueString(o);this.updateRawValue(t)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const t=this.component.rawValue.filter((t=>t!==o.value));this.updateRawValueBySelection(t)}async updateInputContent(){await g(),this.component.listEl&&(this.component.choices=await this.component.listEl.getSelectedOptions(this.component.rawValue),this.component.inputLabel=this.component.choices.map((o=>o.label.trim())).sort().join(","))}}const I=({filled:t,chips:i,placeholder:e,choices:a,invalid:r,disabled:l,readonly:s,onRemoveChip:n})=>{const d=b.block("dropdown");return t?i?o("div",{class:Object.assign({},d.element("root").element("content").element("chips").class())},a.map((t=>o("bal-tag",{key:t.value,"data-test":"bal-dropdown-chip",size:"small",invalid:r,disabled:l||s,closable:!(l||s),onBalCloseClick:()=>n(t)},t.label)))):a.map((o=>o.label)).join(", "):e},H=({name:t,inputId:i,httpFormSubmit:e,ariaForm:a,rawValue:r,autocomplete:l,required:s,disabled:n,readonly:d,placeholder:c,expanded:h,invalid:p,language:u,inputLabel:m,inheritedAttributes:w,refInputEl:f,onChange:v,onFocus:g,onBlur:y,onKeyDown:_})=>{const x=b.block("dropdown"),k=()=>o("input",Object.assign({id:a.controlId||`${i}-ctrl`,class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:t,autoComplete:l,value:r.join(","),required:s,disabled:n,readonly:d,placeholder:c,title:h?D[u].close:D[u].open,"aria-label":h?D[u].close:D[u].open,"aria-owns":`${i}-menu`,"aria-invalid":F(p),"aria-disabled":F(n||d),"aria-labelledby":a.labelId,"aria-describedby":a.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":m,"data-value":r.join(","),ref:o=>f(o),onChange:o=>v(o),onFocus:o=>g(o),onBlur:o=>y(o),onKeyDown:o=>_(o)},w));return e?o(k,null):o("form",{novalidate:!0},o(k,null))},$=class{constructor(o){t(this,o),this.balChange=i(this,"balChange",7),this.balFocus=i(this,"balFocus",7),this.balBlur=i(this,"balBlur",7),this.inputId="bal-dropdown-"+W++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.valueUtil=new P,this.eventsUtil=new E,this.popupUtil=new R,this.optionUtil=new C,this.formSubmitUtil=new V,this.focusUtil=new S,this.autoFillUtil=new A,this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var t,i,e,a,r;o&&o.key?this.isExpanded?n(o)?(m(o),null===(t=this.listEl)||void 0===t||t.focusNext()):d(o)?(m(o),null===(i=this.listEl)||void 0===i||i.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(m(o),null===(e=this.listEl)||void 0===e||e.focusFirst()):"End"===o.key||"PageDown"===o.key?(m(o),null===(a=this.listEl)||void 0===a||a.focusLast()):c(o)?(m(o),null===(r=this.listEl)||void 0===r||r.selectByFocus()):"Tab"===o.key||h(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):c(o)||p(o)?(m(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()},this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.inputLabel="",this.ariaForm=f,this.language=L.language,this.region=L.region,this.httpFormSubmit=L.httpFormSubmit,this.labelToFocus="",this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.icon="caret-down",this.disabled=!1,this.readonly=!1,this.multiple=!1,this.chips=!1,this.clearable=!1,this.invalid=!1,this.required=!1,this.loading=!1,this.filter="includes",this.contentHeight=262,this.inverted=!1,this.options=[],this.value=[]}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,t){this.valueUtil.valueChanged(o,t)}connectedCallback(){this.eventsUtil.connectedCallback(this),this.valueUtil.connectedCallback(this),this.popupUtil.connectedCallback(this),this.optionUtil.connectedCallback(this),this.formSubmitUtil.connectedCallback(this),this.focusUtil.connectedCallback(this),this.autoFillUtil.connectedCallback(this)}async componentWillRender(){this.inheritedAttributes=w(this.el,["tabindex"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async listenToOptionChange(o){this.optionUtil.listenToOptionChange(o)}listenOnClickOutside(o){this.eventsUtil.handleOutsideClick(o)}resetHandler(o){this.formSubmitUtil.handle(o)}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await y(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const t=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(t)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const t=b.block("dropdown");return o(e,{class:Object.assign({},t.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.element("root").class()),t.element("root").modifier("focused").class(this.hasFocus)),t.element("root").modifier("invalid").class(this.invalid)),t.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").modifier("autofill").class(this.isAutoFilled)),"data-test":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{class:Object.assign(Object.assign(Object.assign({},t.element("root").element("content").class()),t.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled()))},o(I,{filled:this.valueUtil.isFilled(),chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:o=>this.valueUtil.removeOption(o)})),o(H,{name:this.name,inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(q,{name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(B,{icon:this.icon,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:this.valueUtil.isFilled(),disabled:this.valueUtil.isDisabled()})),o(T,{inputId:this.inputId,block:this.inputId,filter:this.filter,required:this.required,isExpanded:this.isExpanded,isDisabled:this.valueUtil.isDisabled(),hasPropOptions:this.optionUtil.hasPropOptions(),multiple:this.multiple,contentHeight:this.contentHeight,rawOptions:this.rawOptions,refPanelEl:o=>this.panelEl=o,refListEl:o=>this.listEl=o},o("slot",null)))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};r([u("bal-dropdown"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],$.prototype,"createLogger",null),r([z(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],$.prototype,"configChanged",null);let W=0;$.style=":root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-2);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-2);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-size:var(--bal-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:.5rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{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-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:block;visibility:hidden;opacity:0;min-width:100%;width:100%;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}.bal-dropdown__list--expanded{visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__rear{z-index:1}";export{$ as bal_dropdown}
+import{h as o,r as t,c as i,H as e,g as a}from"./p-d7c752c6.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{o as s,q as n,s as d,h as c,u as h,e as p}from"./p-f5940253.js";import{B as b}from"./p-ae86d0a0.js";import{L as u}from"./p-b77e3348.js";import{s as m}from"./p-ad9a7657.js";import{i as w}from"./p-dd5e13d1.js";import{d as f}from"./p-f385e205.js";import{k as v,b as g,d as y}from"./p-88f18fbc.js";import{l as _}from"./p-9a3d9e17.js";import{c as x,a as k,f as j,s as O}from"./p-b80d9e4d.js";import{D as C}from"./p-9b4da619.js";import{a as F}from"./p-d9b38501.js";import{d as L}from"./p-a19d1e1d.js";import{L as z}from"./p-69e7c8d6.js";import"./p-4573c419.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";class A{constructor(){this.handleAutoFill=async o=>{if(m(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,t=await this.parseAutoFillValueWithOptions(o);if(void 0===t)return void(this.component.isAutoFilled=!1);s(t,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(t,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const t=await this.component.listEl.getOptions();for(let i=0;i<t.length;i++){const e=t[i];if(e.value===o||e.label===o)return[e.value]}}}const D={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};class E{connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(o){this.component.isExpanded||(this.component.hasFocus=!1,v((()=>this.component.balBlur.emit(o))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var t;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(t=this.component.listEl)||void 0===t||t.resetFocus(),this.component.hasFocus=!1,v((()=>this.component.balBlur.emit(o)))))}}class S{connectedCallback(o){this.component=o}focusOptionByLabel(o,t={}){this.component.labelToFocus=(this.component.labelToFocus+o).trim(),this.component.labelToFocus.length>0&&(clearTimeout(this.keyHitTimeout),this.keyHitTimeout=setTimeout((()=>{var o;null===(o=this.component.listEl)||void 0===o||o.focusByLabel(this.component.labelToFocus,t)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class V{connectedCallback(o){this.component=o,this.component.initialValue=this.component.value}componentDidRender(){this.component.selectEl&&this.component.selectEl.querySelectorAll("option").forEach((o=>{this.component.rawValue.includes(o.value)&&(o.selected=!0)}))}handle(o){const t=o.target;(null==t?void 0:t.contains(this.component.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{const o=this.component.valueUtil.parseValueString(this.component.initialValue);this.component.valueUtil.updateRawValueBySelection(o)}),0))}}const q=({name:t,httpFormSubmit:i,multiple:e,required:a,disabled:r,rawValue:l,refSelectEl:s})=>{const n=b.block("dropdown");return i?o("select",{class:Object.assign({},n.element("root").element("select").class()),"aria-hidden":"true",name:t,multiple:e,required:a,disabled:r,tabindex:-1,ref:s},l.map((t=>o("option",{key:t,value:t,selected:!0},t)))):""},B=({icon:t,language:i,loading:e,clearable:a,invalid:r,filled:l,expanded:s,disabled:n})=>{const d=b.block("dropdown");return e?o("bal-spinner",{class:Object.assign({},d.element("rear").class()),small:!0,variation:"circle"}):a&&l&&!n?o("button",{title:D[i].clearable,class:Object.assign(Object.assign(Object.assign({},d.element("rear").class()),d.element("clear").class()),d.element("clear").modifier("invalid").class(r))},o("bal-icon",{class:Object.assign({},d.element("rear").class()),name:"close-circle",size:"",color:"grey"})):o("bal-icon",{class:Object.assign({},d.element("rear").class()),name:t,turn:s,color:n?"grey":r?"danger":"primary"})},T=({inputId:t,isExpanded:i,rawOptions:e,isDisabled:a,hasPropOptions:r,required:l,filter:s,multiple:n,contentHeight:d,refPanelEl:c,refListEl:h})=>{const p=b.block("dropdown");return o("div",{id:`${t}-menu`,class:Object.assign(Object.assign({},p.element("list").class()),p.element("list").modifier("expanded").class(i)),ref:c},o("bal-option-list",{multiple:n,disabled:a,filter:s,required:l,contentHeight:d,ref:h},o("slot",null),r?e.map((t=>o("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label))):""))};class R{constructor(){this.updatePanelPosition=(o,t)=>()=>{x(o,t,{placement:"bottom-start",middleware:[j(),O()]}).then((({x:o,y:i})=>{Object.assign(t.style,{left:`${o}px`,top:`${i}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;this.component.panelEl&&(this.component.panelCleanup=k(this.component.el,this.component.panelEl,this.updatePanelPosition(this.component.el,this.component.panelEl))),this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class P{connectedCallback(o){this.component=o}componentDidLoad(){setTimeout((()=>this.valueChanged(this.component.value,void 0)),0)}isDisabled(){return this.component.disabled||this.component.readonly}isFilled(){return this.component.rawValue&&this.component.rawValue.length>0}valueChanged(o,t){const i=typeof o;i!==typeof t&&this.updateRawValueByValueProp(o),"string"===i&&o!==t&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(t)&&!s(o,t)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],t=!1){this.component.isAutoFilled=t,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let t=[];return _(o)||""===o||(t=Array.isArray(o)?[...o.filter((o=>!_(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),t}updateRawValueByValueProp(o=[]){const t=this.parseValueString(o);this.updateRawValue(t)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const t=this.component.rawValue.filter((t=>t!==o.value));this.updateRawValueBySelection(t)}async updateInputContent(){await g(),this.component.listEl&&(this.component.choices=await this.component.listEl.getSelectedOptions(this.component.rawValue),this.component.inputLabel=this.component.choices.map((o=>o.label.trim())).sort().join(","))}}const I=({filled:t,chips:i,placeholder:e,choices:a,invalid:r,disabled:l,readonly:s,onRemoveChip:n})=>{const d=b.block("dropdown");return t?i?o("div",{class:Object.assign({},d.element("root").element("content").element("chips").class())},a.map((t=>o("bal-tag",{key:t.value,"data-test":"bal-dropdown-chip",size:"small",invalid:r,disabled:l||s,closable:!(l||s),onBalCloseClick:()=>n(t)},t.label)))):a.map((o=>o.label)).join(", "):e},H=({name:t,inputId:i,httpFormSubmit:e,ariaForm:a,rawValue:r,autocomplete:l,required:s,disabled:n,readonly:d,placeholder:c,expanded:h,invalid:p,language:u,inputLabel:m,inheritedAttributes:w,refInputEl:f,onChange:v,onFocus:g,onBlur:y,onKeyDown:_})=>{const x=b.block("dropdown"),k=()=>o("input",Object.assign({id:a.controlId||`${i}-ctrl`,class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:t,autoComplete:l,value:r.join(","),required:s,disabled:n,readonly:d,placeholder:c,title:h?D[u].close:D[u].open,"aria-label":h?D[u].close:D[u].open,"aria-owns":`${i}-menu`,"aria-invalid":F(p),"aria-disabled":F(n||d),"aria-labelledby":a.labelId,"aria-describedby":a.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":m,"data-value":r.join(","),ref:o=>f(o),onChange:o=>v(o),onFocus:o=>g(o),onBlur:o=>y(o),onKeyDown:o=>_(o)},w));return e?o(k,null):o("form",{novalidate:!0},o(k,null))},$=class{constructor(o){t(this,o),this.balChange=i(this,"balChange",7),this.balFocus=i(this,"balFocus",7),this.balBlur=i(this,"balBlur",7),this.inputId="bal-dropdown-"+W++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.valueUtil=new P,this.eventsUtil=new E,this.popupUtil=new R,this.optionUtil=new C,this.formSubmitUtil=new V,this.focusUtil=new S,this.autoFillUtil=new A,this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var t,i,e,a,r;o&&o.key?this.isExpanded?n(o)?(m(o),null===(t=this.listEl)||void 0===t||t.focusNext()):d(o)?(m(o),null===(i=this.listEl)||void 0===i||i.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(m(o),null===(e=this.listEl)||void 0===e||e.focusFirst()):"End"===o.key||"PageDown"===o.key?(m(o),null===(a=this.listEl)||void 0===a||a.focusLast()):c(o)?(m(o),null===(r=this.listEl)||void 0===r||r.selectByFocus()):"Tab"===o.key||h(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):c(o)||p(o)?(m(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()},this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.inputLabel="",this.ariaForm=f,this.language=L.language,this.region=L.region,this.httpFormSubmit=L.httpFormSubmit,this.labelToFocus="",this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.icon="caret-down",this.disabled=!1,this.readonly=!1,this.multiple=!1,this.chips=!1,this.clearable=!1,this.invalid=!1,this.required=!1,this.loading=!1,this.filter="includes",this.contentHeight=262,this.inverted=!1,this.options=[],this.value=[]}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,t){this.valueUtil.valueChanged(o,t)}connectedCallback(){this.eventsUtil.connectedCallback(this),this.valueUtil.connectedCallback(this),this.popupUtil.connectedCallback(this),this.optionUtil.connectedCallback(this),this.formSubmitUtil.connectedCallback(this),this.focusUtil.connectedCallback(this),this.autoFillUtil.connectedCallback(this)}async componentWillRender(){this.inheritedAttributes=w(this.el,["tabindex"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async listenToOptionChange(o){this.optionUtil.listenToOptionChange(o)}listenOnClickOutside(o){this.eventsUtil.handleOutsideClick(o)}resetHandler(o){this.formSubmitUtil.handle(o)}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await y(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const t=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(t)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const t=b.block("dropdown");return o(e,{class:Object.assign({},t.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.element("root").class()),t.element("root").modifier("focused").class(this.hasFocus)),t.element("root").modifier("invalid").class(this.invalid)),t.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").modifier("autofill").class(this.isAutoFilled)),"data-test":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{class:Object.assign(Object.assign(Object.assign({},t.element("root").element("content").class()),t.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled()))},o(I,{filled:this.valueUtil.isFilled(),chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:o=>this.valueUtil.removeOption(o)})),o(H,{name:this.name,inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(q,{name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(B,{icon:this.icon,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:this.valueUtil.isFilled(),disabled:this.valueUtil.isDisabled()})),o(T,{inputId:this.inputId,block:this.inputId,filter:this.filter,required:this.required,isExpanded:this.isExpanded,isDisabled:this.valueUtil.isDisabled(),hasPropOptions:this.optionUtil.hasPropOptions(),multiple:this.multiple,contentHeight:this.contentHeight,rawOptions:this.rawOptions,refPanelEl:o=>this.panelEl=o,refListEl:o=>this.listEl=o},o("slot",null)))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};r([u("bal-dropdown"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],$.prototype,"createLogger",null),r([z(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],$.prototype,"configChanged",null);let W=0;$.style=":root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-2);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-2);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-size:var(--bal-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:.5rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{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-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:block;visibility:hidden;opacity:0;min-width:100%;width:100%;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}.bal-dropdown__list--expanded{visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__rear{z-index:1}";export{$ as bal_dropdown}

package/dist/baloise-design-system/{p-a52564d27f.system.entry.js → p-d059465399.system.entry.js}

@@ -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}}}));
+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-71588db3.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}}}));