@baloise/ds-core 19.8.0 → 19.8.1-nightly.20250930

package/dist/baloise-design-system/{p-a9ee113146.entry.js → p-24143f6e9d.entry.js}

@@ -1 +1 @@
-import{H as t,M as e,N as o,O as n,L as i,P as r,a}from"./p-BD2o1F4P.js";import{_ as s,a as c}from"./p-dfXERft2.js";import{B as l}from"./p-ByiN-QjD.js";import{b as p}from"./p-ATpaffG2.js";import{L as d}from"./p-BPQ6sr9R.js";import{L as h}from"./p-DmcaVYuR.js";import{b,d as u}from"./p-D1VPLQ5z.js";import{B as f}from"./p-BHYcTU7V.js";import{p as v}from"./p-BG4j3FEv.js";import"./p-DA3x7XDv.js";import"./p-BpQdAaY_.js";import"./p-C7ySnb0w.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";const m=class{constructor(e){t(this,e),this.bodyScrollHandler=new f,this.componentId="bal-hint-"+_++,this.isActive=!1,this.innerCloseLabel="Close",this.isMobile=p.isMobile,this.small=!1,this.onPopupChange=t=>{this.isActive=t.detail,this.isMobile&&(this.isActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable()),v(t)}}connectedCallback(){this.bodyScrollHandler.connect()}componentDidRender(){this.updateContent()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}breakpointListener(t){const e=t.mobile;e!==this.isMobile&&(this.isActive=!1),this.isMobile=e}async configChanged(t){if(!this.closeLabel)switch(t.language){case"de":this.innerCloseLabel="Schliessen";break;case"fr":this.innerCloseLabel="Fermer";break;case"it":this.innerCloseLabel="Chiudere";break;case"nl":this.innerCloseLabel="Sluiten";break;default:this.innerCloseLabel="Close"}}async toggle(){this.isActive?this.dismiss():this.present()}async present(){this.popupElement&&this.popupElement.present(),this.isActive=!0}async dismiss(){this.popupElement&&this.popupElement.dismiss(),this.isActive=!1}updateContent(){this.hintContentEl&&this.slotWrapperEl&&(this.hintContentEl.innerHTML=this.slotWrapperEl.innerHTML)}render(){const t=l.block("hint"),n=t.element("icon"),i=t.element("content"),r=i.element("buttons"),a=()=>e("bal-icon",{class:Object.assign({},n.class()),"bal-popup":this.componentId,"data-testid":"bal-hint-trigger","aria-haspopup":"true",role:"button",name:"info-circle",tabindex:0,onKeyDown:t=>{(b(t)||u(t))&&(t.preventDefault(),this.toggle())}}),s=()=>e("div",{class:Object.assign({},i.class()),"data-testid":"bal-hint-content"},e("div",{ref:t=>this.hintContentEl=t}),e("bal-button-group",{class:Object.assign(Object.assign({},r.class()),r.modifier("is-hidden-desktop").class(this.small))},e("bal-button",{"data-testid":"bal-hint-close",color:"info",onClick:()=>this.dismiss()},this.closeLabel?this.closeLabel:this.innerCloseLabel)));return e(o,{class:Object.assign({},t.class())},e((()=>e("div",{class:Object.assign({},t.element("popup").class())},e(a,null),e("bal-popup",{id:this.componentId,placement:"right",closable:!0,ref:t=>this.popupElement=t,onBalChange:this.onPopupChange,variant:this.isMobile?"fullscreen":"popover",offset:this.isMobile?0:16},e("bal-popup-content",null,e(s,null))))),null),e("div",{ref:t=>this.slotWrapperEl=t,style:{display:"none"}},e("slot",null)))}get element(){return n(this)}};s([d(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],m.prototype,"breakpointListener",null),s([h(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],m.prototype,"configChanged",null);let _=0;m.style="@media (hover: hover)and (pointer: fine){.bal-hint__icon:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-hint-content-background:var(--bal-color-grey-2);--bal-hint-content-border-color:var(--bal-color-grey-2);--bal-hint-icon-color-hover:var(--bal-color-light-blue-5)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle{fill:var(--bal-hint-icon-color-hover)}.bal-hint .bal-popup__container{z-index:var(--bal-z-index-popup);background:var(--bal-hint-content-background);border:8px solid var(--bal-hint-content-border-color)}.bal-hint__content{width:auto;max-width:30rem;min-width:16.25rem;display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__content__text__field{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text);font-size:var(--bal-text-size-normal)}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";const g=class{constructor(e){t(this,e)}render(){const t=l.block("hint").element("content").element("text"),n=t.element("field");return e(o,{key:"37d17b229f86f236fe7ddaadd42fc91f611c6d05",class:Object.assign({},t.class())},e("p",{key:"3fb5e40a5c38c89842a63c08dcd249ae626c8f14",class:Object.assign({},n.class())},e("slot",{key:"ffd2db1c493980e60f352d6d0f25deb0a5516b49"})))}},y=class{constructor(e){t(this,e)}render(){const t=l.block("hint").element("content").element("title"),n=t.element("heading");return e(o,{key:"334f645b02c2c685b596139d58bf5ad980a48138",class:Object.assign({},t.class())},e("h3",{key:"f886724a8db46d3faf6c17ada13a9712cb5b1f5b",class:Object.assign({},n.class())},e("span",{key:"b6c6d4d61f8f7e0e11941e4ebc9b2004b153167d"},e("slot",{key:"c23c7caf0d57c3456341ca2fa5c08233baa881b1"}))))}};var w="top",x="bottom",O="right",j="left",k="auto",z=[w,x,O,j],L="start",B="end",P="viewport",C="popper",A=z.reduce((function(t,e){return t.concat([e+"-"+L,e+"-"+B])}),[]),E=[].concat(z,[k]).reduce((function(t,e){return t.concat([e,e+"-"+L,e+"-"+B])}),[]),M=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function D(t){return t?(t.nodeName||"").toLowerCase():null}function S(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function F(t){return t instanceof S(t).Element||t instanceof Element}function R(t){return t instanceof S(t).HTMLElement||t instanceof HTMLElement}function T(t){return"undefined"!=typeof ShadowRoot&&(t instanceof S(t).ShadowRoot||t instanceof ShadowRoot)}function W(t){return t.split("-")[0]}var q=Math.max,H=Math.min,$=Math.round;function I(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function Q(){return!/^((?!chrome|android).)*safari/i.test(I())}function U(t,e,o){void 0===e&&(e=!1),void 0===o&&(o=!1);var n=t.getBoundingClientRect(),i=1,r=1;e&&R(t)&&(i=t.offsetWidth>0&&$(n.width)/t.offsetWidth||1,r=t.offsetHeight>0&&$(n.height)/t.offsetHeight||1);var a=(F(t)?S(t):window).visualViewport,s=!Q()&&o,c=(n.left+(s&&a?a.offsetLeft:0))/i,l=(n.top+(s&&a?a.offsetTop:0))/r,p=n.width/i,d=n.height/r;return{width:p,height:d,top:l,right:c+p,bottom:l+d,left:c,x:c,y:l}}function V(t){var e=U(t),o=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-o)<=1&&(o=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:o,height:n}}function N(t,e){var o=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(o&&T(o)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function Y(t){return S(t).getComputedStyle(t)}function G(t){return["table","td","th"].indexOf(D(t))>=0}function K(t){return((F(t)?t.ownerDocument:t.document)||window.document).documentElement}function X(t){return"html"===D(t)?t:t.assignedSlot||t.parentNode||(T(t)?t.host:null)||K(t)}function J(t){return R(t)&&"fixed"!==Y(t).position?t.offsetParent:null}function Z(t){for(var e=S(t),o=J(t);o&&G(o)&&"static"===Y(o).position;)o=J(o);return o&&("html"===D(o)||"body"===D(o)&&"static"===Y(o).position)?e:o||function(t){var e=/firefox/i.test(I());if(/Trident/i.test(I())&&R(t)&&"fixed"===Y(t).position)return null;var o=X(t);for(T(o)&&(o=o.host);R(o)&&["html","body"].indexOf(D(o))<0;){var n=Y(o);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||e&&"filter"===n.willChange||e&&n.filter&&"none"!==n.filter)return o;o=o.parentNode}return null}(t)||e}function tt(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function et(t,e,o){return q(t,H(e,o))}function ot(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function nt(t,e){return e.reduce((function(e,o){return e[o]=t,e}),{})}function it(t){return t.split("-")[1]}var rt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function at(t){var e,o=t.popper,n=t.popperRect,i=t.placement,r=t.variation,a=t.offsets,s=t.position,c=t.gpuAcceleration,l=t.adaptive,p=t.roundOffsets,d=t.isFixed,h=a.x,b=void 0===h?0:h,u=a.y,f=void 0===u?0:u,v="function"==typeof p?p({x:b,y:f}):{x:b,y:f};b=v.x,f=v.y;var m=a.hasOwnProperty("x"),_=a.hasOwnProperty("y"),g=j,y=w,k=window;if(l){var z=Z(o),L="clientHeight",P="clientWidth";z===S(o)&&"static"!==Y(z=K(o)).position&&"absolute"===s&&(L="scrollHeight",P="scrollWidth"),(i===w||(i===j||i===O)&&r===B)&&(y=x,f-=(d&&z===k&&k.visualViewport?k.visualViewport.height:z[L])-n.height,f*=c?1:-1),i!==j&&(i!==w&&i!==x||r!==B)||(g=O,b-=(d&&z===k&&k.visualViewport?k.visualViewport.width:z[P])-n.width,b*=c?1:-1)}var C,A=Object.assign({position:s},l&&rt),E=!0===p?function(t,e){var o=t.y,n=e.devicePixelRatio||1;return{x:$(t.x*n)/n||0,y:$(o*n)/n||0}}({x:b,y:f},S(o)):{x:b,y:f};return b=E.x,f=E.y,Object.assign({},A,c?((C={})[y]=_?"0":"",C[g]=m?"0":"",C.transform=(k.devicePixelRatio||1)<=1?"translate("+b+"px, "+f+"px)":"translate3d("+b+"px, "+f+"px, 0)",C):((e={})[y]=_?f+"px":"",e[g]=m?b+"px":"",e.transform="",e))}var st={passive:!0},ct={left:"right",right:"left",bottom:"top",top:"bottom"};function lt(t){return t.replace(/left|right|bottom|top/g,(function(t){return ct[t]}))}var pt={start:"end",end:"start"};function dt(t){return t.replace(/start|end/g,(function(t){return pt[t]}))}function ht(t){var e=S(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function bt(t){return U(K(t)).left+ht(t).scrollLeft}function ut(t){var e=Y(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function ft(t){return["html","body","#document"].indexOf(D(t))>=0?t.ownerDocument.body:R(t)&&ut(t)?t:ft(X(t))}function vt(t,e){var o;void 0===e&&(e=[]);var n=ft(t),i=n===(null==(o=t.ownerDocument)?void 0:o.body),r=S(n),a=i?[r].concat(r.visualViewport||[],ut(n)?n:[]):n,s=e.concat(a);return i?s:s.concat(vt(X(a)))}function mt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function _t(t,e,o){return e===P?mt(function(t,e){var o=S(t),n=K(t),i=o.visualViewport,r=n.clientWidth,a=n.clientHeight,s=0,c=0;if(i){r=i.width,a=i.height;var l=Q();(l||!l&&"fixed"===e)&&(s=i.offsetLeft,c=i.offsetTop)}return{width:r,height:a,x:s+bt(t),y:c}}(t,o)):F(e)?function(t,e){var o=U(t,!1,"fixed"===e);return o.top=o.top+t.clientTop,o.left=o.left+t.clientLeft,o.bottom=o.top+t.clientHeight,o.right=o.left+t.clientWidth,o.width=t.clientWidth,o.height=t.clientHeight,o.x=o.left,o.y=o.top,o}(e,o):mt(function(t){var e,o=K(t),n=ht(t),i=null==(e=t.ownerDocument)?void 0:e.body,r=q(o.scrollWidth,o.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),a=q(o.scrollHeight,o.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),s=-n.scrollLeft+bt(t),c=-n.scrollTop;return"rtl"===Y(i||o).direction&&(s+=q(o.clientWidth,i?i.clientWidth:0)-r),{width:r,height:a,x:s,y:c}}(K(t)))}function gt(t){var e,o=t.reference,n=t.element,i=t.placement,r=i?W(i):null,a=i?it(i):null,s=o.x+o.width/2-n.width/2,c=o.y+o.height/2-n.height/2;switch(r){case w:e={x:s,y:o.y-n.height};break;case x:e={x:s,y:o.y+o.height};break;case O:e={x:o.x+o.width,y:c};break;case j:e={x:o.x-n.width,y:c};break;default:e={x:o.x,y:o.y}}var l=r?tt(r):null;if(null!=l){var p="y"===l?"height":"width";switch(a){case L:e[l]=e[l]-(o[p]/2-n[p]/2);break;case B:e[l]=e[l]+(o[p]/2-n[p]/2)}}return e}function yt(t,e){void 0===e&&(e={});var o=e.placement,n=void 0===o?t.placement:o,i=e.strategy,r=void 0===i?t.strategy:i,a=e.boundary,s=void 0===a?"clippingParents":a,c=e.rootBoundary,l=void 0===c?P:c,p=e.elementContext,d=void 0===p?C:p,h=e.altBoundary,b=void 0!==h&&h,u=e.padding,f=void 0===u?0:u,v=ot("number"!=typeof f?f:nt(f,z)),m=t.rects.popper,_=t.elements[b?d===C?"reference":C:d],g=function(t,e,o,n){var i="clippingParents"===e?function(t){var e=vt(X(t)),o=["absolute","fixed"].indexOf(Y(t).position)>=0&&R(t)?Z(t):t;return F(o)?e.filter((function(t){return F(t)&&N(t,o)&&"body"!==D(t)})):[]}(t):[].concat(e),r=[].concat(i,[o]),a=r.reduce((function(e,o){var i=_t(t,o,n);return e.top=q(i.top,e.top),e.right=H(i.right,e.right),e.bottom=H(i.bottom,e.bottom),e.left=q(i.left,e.left),e}),_t(t,r[0],n));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(F(_)?_:_.contextElement||K(t.elements.popper),s,l,r),y=U(t.elements.reference),j=gt({reference:y,element:m,placement:n}),k=mt(Object.assign({},m,j)),L=d===C?k:y,B={top:g.top-L.top+v.top,bottom:L.bottom-g.bottom+v.bottom,left:g.left-L.left+v.left,right:L.right-g.right+v.right},A=t.modifiersData.offset;if(d===C&&A){var E=A[n];Object.keys(B).forEach((function(t){var e=[O,x].indexOf(t)>=0?1:-1,o=[w,x].indexOf(t)>=0?"y":"x";B[t]+=E[o]*e}))}return B}function wt(t,e){void 0===e&&(e={});var o=e.boundary,n=e.rootBoundary,i=e.padding,r=e.flipVariations,a=e.allowedAutoPlacements,s=void 0===a?E:a,c=it(e.placement),l=c?r?A:A.filter((function(t){return it(t)===c})):z,p=l.filter((function(t){return s.indexOf(t)>=0}));0===p.length&&(p=l);var d=p.reduce((function(e,r){return e[r]=yt(t,{placement:r,boundary:o,rootBoundary:n,padding:i})[W(r)],e}),{});return Object.keys(d).sort((function(t,e){return d[t]-d[e]}))}var xt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,o=t.options,n=t.name;if(!e.modifiersData[n]._skip){for(var i=o.mainAxis,r=void 0===i||i,a=o.altAxis,s=void 0===a||a,c=o.fallbackPlacements,l=o.padding,p=o.boundary,d=o.rootBoundary,h=o.altBoundary,b=o.flipVariations,u=void 0===b||b,f=o.allowedAutoPlacements,v=e.options.placement,m=W(v),_=c||(m!==v&&u?function(t){if(W(t)===k)return[];var e=lt(t);return[dt(t),e,dt(e)]}(v):[lt(v)]),g=[v].concat(_).reduce((function(t,o){return t.concat(W(o)===k?wt(e,{placement:o,boundary:p,rootBoundary:d,padding:l,flipVariations:u,allowedAutoPlacements:f}):o)}),[]),y=e.rects.reference,z=e.rects.popper,B=new Map,P=!0,C=g[0],A=0;A<g.length;A++){var E=g[A],M=W(E),D=it(E)===L,S=[w,x].indexOf(M)>=0,F=S?"width":"height",R=yt(e,{placement:E,boundary:p,rootBoundary:d,altBoundary:h,padding:l}),T=S?D?O:j:D?x:w;y[F]>z[F]&&(T=lt(T));var q=lt(T),H=[];if(r&&H.push(R[M]<=0),s&&H.push(R[T]<=0,R[q]<=0),H.every((function(t){return t}))){C=E,P=!1;break}B.set(E,H)}if(P)for(var $=function(t){var e=g.find((function(e){var o=B.get(e);if(o)return o.slice(0,t).every((function(t){return t}))}));if(e)return C=e,"break"},I=u?3:1;I>0&&"break"!==$(I);I--);e.placement!==C&&(e.modifiersData[n]._skip=!0,e.placement=C,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function Ot(t,e,o){return void 0===o&&(o={x:0,y:0}),{top:t.top-e.height-o.y,right:t.right-e.width+o.x,bottom:t.bottom-e.height+o.y,left:t.left-e.width-o.x}}function jt(t){return[w,O,x,j].some((function(e){return t[e]>=0}))}function kt(t,e,o){void 0===o&&(o=!1);var n,i,r=R(e),a=R(e)&&function(t){var e=t.getBoundingClientRect(),o=$(e.width)/t.offsetWidth||1,n=$(e.height)/t.offsetHeight||1;return 1!==o||1!==n}(e),s=K(e),c=U(t,a,o),l={scrollLeft:0,scrollTop:0},p={x:0,y:0};return(r||!r&&!o)&&(("body"!==D(e)||ut(s))&&(l=(n=e)!==S(n)&&R(n)?{scrollLeft:(i=n).scrollLeft,scrollTop:i.scrollTop}:ht(n)),R(e)?((p=U(e,!0)).x+=e.clientLeft,p.y+=e.clientTop):s&&(p.x=bt(s))),{x:c.left+l.scrollLeft-p.x,y:c.top+l.scrollTop-p.y,width:c.width,height:c.height}}function zt(t){var e=new Map,o=new Set,n=[];function i(t){o.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!o.has(t)){var n=e.get(t);n&&i(n)}})),n.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){o.has(t.name)||i(t)})),n}var Lt={placement:"bottom",modifiers:[],strategy:"absolute"};function Bt(){for(var t=arguments.length,e=new Array(t),o=0;o<t;o++)e[o]=arguments[o];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function Pt(t){void 0===t&&(t={});var e=t.defaultModifiers,o=void 0===e?[]:e,n=t.defaultOptions,i=void 0===n?Lt:n;return function(t,e,n){void 0===n&&(n=i);var r,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},Lt,i),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},c=[],l=!1,p={state:s,setOptions:function(n){var r="function"==typeof n?n(s.options):n;d(),s.options=Object.assign({},i,s.options,r),s.scrollParents={reference:F(t)?vt(t):t.contextElement?vt(t.contextElement):[],popper:vt(e)};var a,l,h=function(t){var e=zt(t);return M.reduce((function(t,o){return t.concat(e.filter((function(t){return t.phase===o})))}),[])}((a=[].concat(o,s.options.modifiers),l=a.reduce((function(t,e){var o=t[e.name];return t[e.name]=o?Object.assign({},o,e,{options:Object.assign({},o.options,e.options),data:Object.assign({},o.data,e.data)}):e,t}),{}),Object.keys(l).map((function(t){return l[t]}))));return s.orderedModifiers=h.filter((function(t){return t.enabled})),s.orderedModifiers.forEach((function(t){var e=t.options,o=t.effect;if("function"==typeof o){var n=o({state:s,name:t.name,instance:p,options:void 0===e?{}:e});c.push(n||function(){})}})),p.update()},forceUpdate:function(){if(!l){var t=s.elements,e=t.reference,o=t.popper;if(Bt(e,o)){s.rects={reference:kt(e,Z(o),"fixed"===s.options.strategy),popper:V(o)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(t){return s.modifiersData[t.name]=Object.assign({},t.data)}));for(var n=0;n<s.orderedModifiers.length;n++)if(!0!==s.reset){var i=s.orderedModifiers[n],r=i.fn,a=i.options;"function"==typeof r&&(s=r({state:s,options:void 0===a?{}:a,name:i.name,instance:p})||s)}else s.reset=!1,n=-1}}},update:(r=function(){return new Promise((function(t){p.forceUpdate(),t(s)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(r())}))}))),a}),destroy:function(){d(),l=!0}};if(!Bt(t,e))return p;function d(){c.forEach((function(t){return t()})),c=[]}return p.setOptions(n).then((function(t){!l&&n.onFirstUpdate&&n.onFirstUpdate(t)})),p}}var Ct=Pt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,o=t.instance,n=t.options,i=n.scroll,r=void 0===i||i,a=n.resize,s=void 0===a||a,c=S(e.elements.popper),l=[].concat(e.scrollParents.reference,e.scrollParents.popper);return r&&l.forEach((function(t){t.addEventListener("scroll",o.update,st)})),s&&c.addEventListener("resize",o.update,st),function(){r&&l.forEach((function(t){t.removeEventListener("scroll",o.update,st)})),s&&c.removeEventListener("resize",o.update,st)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=gt({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,o=t.options,n=o.gpuAcceleration,i=void 0===n||n,r=o.adaptive,a=void 0===r||r,s=o.roundOffsets,c=void 0===s||s,l={placement:W(e.placement),variation:it(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:i,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,at(Object.assign({},l,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:c})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,at(Object.assign({},l,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var o=e.styles[t]||{},n=e.attributes[t]||{},i=e.elements[t];R(i)&&D(i)&&(Object.assign(i.style,o),Object.keys(n).forEach((function(t){var e=n[t];!1===e?i.removeAttribute(t):i.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,o={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,o.popper),e.styles=o,e.elements.arrow&&Object.assign(e.elements.arrow.style,o.arrow),function(){Object.keys(e.elements).forEach((function(t){var n=e.elements[t],i=e.attributes[t]||{},r=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:o[t]).reduce((function(t,e){return t[e]="",t}),{});R(n)&&D(n)&&(Object.assign(n.style,r),Object.keys(i).forEach((function(t){n.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,o=t.name,n=t.options.offset,i=void 0===n?[0,0]:n,r=E.reduce((function(t,o){return t[o]=function(t,e,o){var n=W(t),i=[j,w].indexOf(n)>=0?-1:1,r="function"==typeof o?o(Object.assign({},e,{placement:t})):o,a=r[0],s=r[1];return a=a||0,s=(s||0)*i,[j,O].indexOf(n)>=0?{x:s,y:a}:{x:a,y:s}}(o,e.rects,i),t}),{}),a=r[e.placement],s=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=s),e.modifiersData[o]=r}},xt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,o=t.options,n=t.name,i=o.mainAxis,r=void 0===i||i,a=o.altAxis,s=void 0!==a&&a,c=o.tether,l=void 0===c||c,p=o.tetherOffset,d=void 0===p?0:p,h=yt(e,{boundary:o.boundary,rootBoundary:o.rootBoundary,padding:o.padding,altBoundary:o.altBoundary}),b=W(e.placement),u=it(e.placement),f=!u,v=tt(b),m="x"===v?"y":"x",_=e.modifiersData.popperOffsets,g=e.rects.reference,y=e.rects.popper,k="function"==typeof d?d(Object.assign({},e.rects,{placement:e.placement})):d,z="number"==typeof k?{mainAxis:k,altAxis:k}:Object.assign({mainAxis:0,altAxis:0},k),B=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,P={x:0,y:0};if(_){if(r){var C,A="y"===v?w:j,E="y"===v?x:O,M="y"===v?"height":"width",D=_[v],S=D+h[A],F=D-h[E],R=l?-y[M]/2:0,T=u===L?g[M]:y[M],$=u===L?-y[M]:-g[M],I=e.elements.arrow,Q=l&&I?V(I):{width:0,height:0},U=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},N=U[A],Y=U[E],G=et(0,g[M],Q[M]),K=f?g[M]/2-R-G-N-z.mainAxis:T-G-N-z.mainAxis,X=f?-g[M]/2+R+G+Y+z.mainAxis:$+G+Y+z.mainAxis,J=e.elements.arrow&&Z(e.elements.arrow),ot=null!=(C=null==B?void 0:B[v])?C:0,nt=D+X-ot,rt=et(l?H(S,D+K-ot-(J?"y"===v?J.clientTop||0:J.clientLeft||0:0)):S,D,l?q(F,nt):F);_[v]=rt,P[v]=rt-D}if(s){var at,st=_[m],ct="y"===m?"height":"width",lt=st+h["x"===v?w:j],pt=st-h["x"===v?x:O],dt=-1!==[w,j].indexOf(b),ht=null!=(at=null==B?void 0:B[m])?at:0,bt=dt?lt:st-g[ct]-y[ct]-ht+z.altAxis,ut=dt?st+g[ct]+y[ct]-ht-z.altAxis:pt,ft=l&&dt?function(t,e,o){var n=et(t,e,o);return n>o?o:n}(bt,st,ut):et(l?bt:lt,st,l?ut:pt);_[m]=ft,P[m]=ft-st}e.modifiersData[n]=P}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,o=t.state,n=t.name,i=t.options,r=o.elements.arrow,a=o.modifiersData.popperOffsets,s=W(o.placement),c=tt(s),l=[j,O].indexOf(s)>=0?"height":"width";if(r&&a){var p=function(t,e){return ot("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:nt(t,z))}(i.padding,o),d=V(r),h="y"===c?w:j,b="y"===c?x:O,u=o.rects.reference[l]+o.rects.reference[c]-a[c]-o.rects.popper[l],f=a[c]-o.rects.reference[c],v=Z(r),m=v?"y"===c?v.clientHeight||0:v.clientWidth||0:0,_=m/2-d[l]/2+(u/2-f/2),g=et(p[h],_,m-d[l]-p[b]);o.modifiersData[n]=((e={})[c]=g,e.centerOffset=g-_,e)}},effect:function(t){var e=t.state,o=t.options.element,n=void 0===o?"[data-popper-arrow]":o;null!=n&&("string"!=typeof n||(n=e.elements.popper.querySelector(n)))&&N(e.elements.popper,n)&&(e.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,o=t.name,n=e.rects.reference,i=e.rects.popper,r=e.modifiersData.preventOverflow,a=yt(e,{elementContext:"reference"}),s=yt(e,{altBoundary:!0}),c=Ot(a,n),l=Ot(s,i,r),p=jt(c),d=jt(l);e.modifiersData[o]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:p,hasPopperEscaped:d},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":d})}}]});const At=class{constructor(e){t(this,e),this.balChange=r(this,"balChange"),this.balWillAnimate=r(this,"balWillAnimate"),this.balDidAnimate=r(this,"balDidAnimate"),this.balPopoverPrepare=r(this,"balPopoverPrepare"),this.popoverId="bal-po-"+Et++,this.isTouch=p.isTouch,this.isInMainNav=!1,this.backdropHeight=0,this.autoTrigger=!1,this.hint=!1,this.hover=!1,this.arrow=!1,this.backdrop=!1,this.tooltip=!1,this.offsetX=0,this.offsetY=0,this.padding=0,this.position="bottom-start",this.active=!1,this.mobileTop=!1}createLogger(t){this.log=t}async activeChanged(t,e){!0===t&&t!==e?this.present({force:!0}):this.dismiss({force:!0})}componentWillLoad(){this.backdropHeight=this.getBackdropHeight(),this.triggerElement.setAttribute("aria-haspopup","true")}componentDidLoad(){if(this.isInMainNav=null!==this.footMobileNav,this.triggerElement&&this.menuElement){this.popperInstance=Ct(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});let t=[],e=[];this.autoTrigger&&(t=["click"]),this.tooltip&&(t=["mouseenter","focus"],e=["mouseleave","blur"]),t.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,"click"===t?()=>this.toggle():()=>this.present())})),e.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.dismiss()))}))}}componentDidRender(){this.popperInstance&&(this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{placement:this.tooltip?"bottom":this.position,modifiers:[...t.modifiers.filter((t=>"offset"!==t.name&&"preventOverflow"!==t.name)),this.modifierOffset,this.modifierPreventOverflow]}))),this.updatePopper()),a.isSafari&&!this.isTouch&&(clearTimeout(this.componentDidRenderTimer),this.componentDidRenderTimer=setTimeout((()=>{var t;const e=null===(t=this.el)||void 0===t?void 0:t.clientWidth;this.el.style.maxWidth=e?`${e}px`:"initial"})))}handlePopoverPrepare(t){this.popoverId!==t.detail&&this.dismiss()}async clickOnOutside(t){var e;this.active&&(this.el.contains(t.target)||(this.active=!1),(null===(e=this.backdropElement)||void 0===e?void 0:e.isEqualNode(t.target))&&(this.active=!1))}handleKeyUp(t){!this.active||"Escape"!==t.key&&"Esc"!==t.key||(t.preventDefault(),this.dismiss())}async tabOutside(t){"Tab"===t.key&&!this.el.contains(document.activeElement)&&this.active&&await this.toggle()}breakpointListener(t){this.isTouch=t.touch,this.isInMainNav=null!==this.footMobileNav,this.backdropHeight=this.getBackdropHeight()}async present(t={force:!1}){var e,o;this.active&&!t.force||(null===(e=this.menuElement)||void 0===e||e.setAttribute("data-show",""),null===(o=this.menuElement)||void 0===o||o.setAttribute("aria-hidden","false"),this.menuInnerElement&&this.menuInnerElement.scrollTo(0,0),this.balPopoverPrepare.emit(this.popoverId),this.balWillAnimate.emit(this.active),this.active=!0,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!0}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async dismiss(t={force:!1}){var e,o;(this.active||t.force)&&(null===(e=this.menuElement)||void 0===e||e.removeAttribute("data-show"),null===(o=this.menuElement)||void 0===o||o.setAttribute("aria-hidden","true"),this.balWillAnimate.emit(this.active),this.active=!1,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async toggle(t={force:!1}){this.active?await this.dismiss(t):await this.present(t)}get footMobileNav(){return this.el.closest('[slot="meta-mobile-foot"]')}get modifierOffset(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip||this.arrow?8:0)]}}}get modifierPreventOverflow(){return{name:"preventOverflow",options:{padding:this.arrow||this.tooltip?8:this.padding,altAxis:!0}}}get triggerElement(){return this.el.querySelector("[bal-popover-trigger]")}get menuElement(){return this.el.querySelector("bal-popover-content")}get menuInnerElement(){return this.el.querySelector(".bal-popover__content__inner")}getBackdropHeight(){return a.hasWindow?this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16:0}updatePopper(){this.popperInstance.update()}render(){const t=l.block("popover");return e(o,{key:"68021af74493241e20669b502f69896b1f02c610","aria-presented":this.active?"true":null,"data-id":this.popoverId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("tooltip").class(this.tooltip)),t.modifier("arrow").class(this.arrow)),t.modifier("hint").class(this.hint)),t.modifier("backdrop").class(this.backdrop))},!this.mobileTop&&e("div",{key:"1b92881a9b0808761b20f9f445f5a43b8cc9f1bb",ref:t=>{this.backdropElement=t},class:Object.assign({},t.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":`${this.backdropHeight}rem`}}),e("slot",{key:"f8aa58598f2d8a0ca7f836bd77aa0e80a1cb6b30"}))}get el(){return n(this)}static get watchers(){return{active:["activeChanged"]}}};s([i("bal-popover"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],At.prototype,"createLogger",null),s([d(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],At.prototype,"breakpointListener",null);let Et=0;At.style='.bal-popover__backdrop{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-popover-backdrop-height:100vh;--bal-popover-content-height-top-nav:100vh;--bal-popover-backdrop-background:var(--bal-color-primary-6);--bal-popover-backdrop-opacity:.8;--bal-popover-content-shadow:var(--bal-shadow-normal);--bal-popover-content-background:var(--bal-color-white);--bal-popover-content-background-grey:var(--bal-color-grey-2);--bal-popover-tooltip-background:var(--bal-color-primary-6);--bal-popover-tooltip-color:var(--bal-color-white);--bal-popover-tooltip-font-family:var(--bal-font-family-text);--bal-popover-tooltip-font-size:var(--bal-text-size-small)}.bal-popover{display:block}@media screen and (max-width: 768px){.bal-popover .bal-popover__content{min-width:100vw !important}.bal-popover .bal-select__popover{min-width:100% !important}}.bal-popover--active .bal-popover__content{display:block}.bal-popover--backdrop [bal-popover-trigger]{z-index:calc(var(--bal-z-index-popup) - 1);position:relative}@media screen and (max-width: 768px){.bal-popover--hint .bal-popover__content{min-height:100vh}.bal-popover--hint .bal-popover__content .bal-popover__content__inner{min-height:100vh}}@media screen and (min-width: 769px),print{.bal-popover--hint .bal-popover__content{max-width:20rem}}@media screen and (min-width: 1024px){.bal-popover--hint .bal-popover__content{max-width:30rem}}.bal-popover__backdrop{z-index:calc(var(--bal-z-index-popup) - 2);position:fixed;background:var(--bal-popover-backdrop-background);opacity:var(--bal-popover-backdrop-opacity);height:var(--bal-popover-backdrop-height);width:100vw}.bal-popover__content{display:none;z-index:var(--bal-z-index-popup);-webkit-box-shadow:var(--bal-popover-content-shadow);box-shadow:var(--bal-popover-content-shadow);background:var(--bal-popover-content-background);min-width:16.25rem}.bal-popover__content[data-show]{display:block}.bal-popover__content--expanded{min-width:100%}.bal-popover__content--no-shadow{-webkit-box-shadow:none;box-shadow:none}.bal-popover__content--radius-normal{border-radius:var(--bal-radius-normal)}.bal-popover__content--radius-large{border-radius:var(--bal-radius-large)}.bal-popover__content--radius-none{border-radius:0}.bal-popover__content--radius-normal-bottom-none{border-radius:var(--bal-radius-normal);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-normal-top-none{border-radius:var(--bal-radius-normal);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--radius-large-bottom-none{border-radius:var(--bal-radius-large);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-large-top-none{border-radius:var(--bal-radius-large);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--on-top{border-top:1px solid var(--bal-color-grey-2);height:var(--bal-popover-content-height-top-nav);overflow-y:auto}.bal-popover__content--color-grey{background:var(--bal-popover-content-background-grey)}.bal-popover__content__inner{max-height:calc(100vh - 4.5rem);overflow:auto;padding:1rem}@media screen and (min-width: 769px),print{.bal-popover__content__inner{padding:1.5rem}}@media screen and (min-width: 1024px){.bal-popover__content__inner{max-height:calc(100vh - 8rem)}}.bal-popover__content--spaceless .bal-popover__content__inner{padding:0}.bal-popover__content [data-popper-arrow]{display:none}.bal-popover__content__arrow{visibility:hidden}.bal-popover__content__arrow [data-popper-arrow]{display:block}.bal-popover__content__arrow,.bal-popover__content__arrow:before{position:absolute;width:.5rem;height:.5rem;background:inherit}.bal-popover__content__arrow:before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-popover__content[data-popper-placement^=top]>.bal-popover__content__arrow{bottom:-0.25rem}.bal-popover__content[data-popper-placement^=bottom]>.bal-popover__content__arrow{top:-0.25rem}.bal-popover__content[data-popper-placement^=left]>.bal-popover__content__arrow{right:-0.25rem}.bal-popover__content[data-popper-placement^=right]>.bal-popover__content__arrow{left:-0.25rem}.bal-popover--arrow .bal-popover__content__arrow{display:block}.bal-popover--tooltip .bal-popover__content{min-width:unset;background:var(--bal-popover-tooltip-background)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner{padding:var(--bal-space-x-small)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner,.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner p{color:var(--bal-popover-tooltip-color);font-family:var(--bal-popover-tooltip-font-family);font-size:var(--bal-popover-tooltip-font-size)}';const Mt=class{constructor(e){t(this,e),this.isTouch=p.isTouch,this.spaceless=!1,this.scrollable=0,this.contentWidth=0,this.contentMinWidth=0,this.color="white",this.expanded=!1,this.radius="normal",this.noShadow=!1,this.mobileTop=!1,this.contentHeightOnTop=0}breakpointListener(t){a.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}get innerStyle(){let t={};return this.scrollable>0&&(t={"max-height":`${this.scrollable}px`,overflow:"auto"}),Object.assign({},t)}get contentStyle(){let t={},e={};const o={"--bal-popover-content-height-top-nav":this.contentHeightOnTop/16+"rem"};return this.contentWidth>0&&(t={"max-width":`${this.contentWidth}px`}),this.contentMinWidth>0&&(e={"min-width":`${this.contentMinWidth}px`}),Object.assign(Object.assign(Object.assign({},t),e),o)}componentWillLoad(){a.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}render(){const t=l.block("popover").element("content");return e(o,{key:"ae764840239d3f9021044f5643785c29e348e949",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("expanded").class(this.expanded)),t.modifier("spaceless").class(this.spaceless)),t.modifier("no-shadow").class(this.noShadow)),t.modifier(`radius-${this.radius}`).class()),t.modifier(`color-${this.color}`).class()),t.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},e("div",{key:"60c73ce1c4d003b0a3a78ec6a38e9676f806e11d",class:Object.assign({},t.element("inner").class()),style:this.innerStyle},e("slot",{key:"d0810231279ce91786fcfccc22eb0d13a65f3b57"})),e("div",{key:"6d9f8e916ec085cd938dbcddfcbd316e131be0b5",class:Object.assign({},t.element("arrow").class()),"data-popper-arrow":!0}))}get el(){return n(this)}};s([d(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],Mt.prototype,"breakpointListener",null);export{m as bal_hint,g as bal_hint_text,y as bal_hint_title,At as bal_popover,Mt as bal_popover_content}
+import{H as t,M as e,N as o,O as n,L as i,P as r,a}from"./p-PmQf2Yvi.js";import{_ as s,a as c}from"./p-dfXERft2.js";import{B as l}from"./p-ByiN-QjD.js";import{b as p}from"./p-DsMFitQX.js";import{L as d}from"./p-Dygsmb3u.js";import{L as h}from"./p-Db4HWGqe.js";import{b,d as u}from"./p-D1VPLQ5z.js";import{B as f}from"./p-JWilOp6f.js";import{p as v}from"./p-BG4j3FEv.js";import"./p-CS7huZb4.js";import"./p-DCgTymE2.js";import"./p-zxUpFKvW.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";const m=class{constructor(e){t(this,e),this.bodyScrollHandler=new f,this.componentId="bal-hint-"+_++,this.isActive=!1,this.innerCloseLabel="Close",this.isMobile=p.isMobile,this.small=!1,this.onPopupChange=t=>{this.isActive=t.detail,this.isMobile&&(this.isActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable()),v(t)}}connectedCallback(){this.bodyScrollHandler.connect()}componentDidRender(){this.updateContent()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}breakpointListener(t){const e=t.mobile;e!==this.isMobile&&(this.isActive=!1),this.isMobile=e}async configChanged(t){if(!this.closeLabel)switch(t.language){case"de":this.innerCloseLabel="Schliessen";break;case"fr":this.innerCloseLabel="Fermer";break;case"it":this.innerCloseLabel="Chiudere";break;case"nl":this.innerCloseLabel="Sluiten";break;default:this.innerCloseLabel="Close"}}async toggle(){this.isActive?this.dismiss():this.present()}async present(){this.popupElement&&this.popupElement.present(),this.isActive=!0}async dismiss(){this.popupElement&&this.popupElement.dismiss(),this.isActive=!1}updateContent(){this.hintContentEl&&this.slotWrapperEl&&(this.hintContentEl.innerHTML=this.slotWrapperEl.innerHTML)}render(){const t=l.block("hint"),n=t.element("icon"),i=t.element("content"),r=i.element("buttons"),a=()=>e("bal-icon",{class:Object.assign({},n.class()),"bal-popup":this.componentId,"data-testid":"bal-hint-trigger","aria-haspopup":"true",role:"button",name:"info-circle",tabindex:0,onKeyDown:t=>{(b(t)||u(t))&&(t.preventDefault(),this.toggle())}}),s=()=>e("div",{class:Object.assign({},i.class()),"data-testid":"bal-hint-content"},e("div",{ref:t=>this.hintContentEl=t}),e("bal-button-group",{class:Object.assign(Object.assign({},r.class()),r.modifier("is-hidden-desktop").class(this.small))},e("bal-button",{"data-testid":"bal-hint-close",color:"info",onClick:()=>this.dismiss()},this.closeLabel?this.closeLabel:this.innerCloseLabel)));return e(o,{class:Object.assign({},t.class())},e((()=>e("div",{class:Object.assign({},t.element("popup").class())},e(a,null),e("bal-popup",{id:this.componentId,placement:"right",closable:!0,ref:t=>this.popupElement=t,onBalChange:this.onPopupChange,variant:this.isMobile?"fullscreen":"popover",offset:this.isMobile?0:16},e("bal-popup-content",null,e(s,null))))),null),e("div",{ref:t=>this.slotWrapperEl=t,style:{display:"none"}},e("slot",null)))}get element(){return n(this)}};s([d(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],m.prototype,"breakpointListener",null),s([h(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],m.prototype,"configChanged",null);let _=0;m.style="@media (hover: hover)and (pointer: fine){.bal-hint__icon:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-hint-content-background:var(--bal-color-grey-2);--bal-hint-content-border-color:var(--bal-color-grey-2);--bal-hint-icon-color-hover:var(--bal-color-light-blue-5)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle{fill:var(--bal-hint-icon-color-hover)}.bal-hint .bal-popup__container{z-index:var(--bal-z-index-popup);background:var(--bal-hint-content-background);border:8px solid var(--bal-hint-content-border-color)}.bal-hint__content{width:auto;max-width:30rem;min-width:16.25rem;display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__content__text__field{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text);font-size:var(--bal-text-size-normal)}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";const g=class{constructor(e){t(this,e)}render(){const t=l.block("hint").element("content").element("text"),n=t.element("field");return e(o,{key:"37d17b229f86f236fe7ddaadd42fc91f611c6d05",class:Object.assign({},t.class())},e("p",{key:"3fb5e40a5c38c89842a63c08dcd249ae626c8f14",class:Object.assign({},n.class())},e("slot",{key:"ffd2db1c493980e60f352d6d0f25deb0a5516b49"})))}},y=class{constructor(e){t(this,e)}render(){const t=l.block("hint").element("content").element("title"),n=t.element("heading");return e(o,{key:"334f645b02c2c685b596139d58bf5ad980a48138",class:Object.assign({},t.class())},e("h3",{key:"f886724a8db46d3faf6c17ada13a9712cb5b1f5b",class:Object.assign({},n.class())},e("span",{key:"b6c6d4d61f8f7e0e11941e4ebc9b2004b153167d"},e("slot",{key:"c23c7caf0d57c3456341ca2fa5c08233baa881b1"}))))}};var w="top",x="bottom",O="right",j="left",k="auto",z=[w,x,O,j],L="start",C="end",P="viewport",E="popper",M=z.reduce((function(t,e){return t.concat([e+"-"+L,e+"-"+C])}),[]),B=[].concat(z,[k]).reduce((function(t,e){return t.concat([e,e+"-"+L,e+"-"+C])}),[]),W=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function A(t){return t?(t.nodeName||"").toLowerCase():null}function D(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function F(t){return t instanceof D(t).Element||t instanceof Element}function S(t){return t instanceof D(t).HTMLElement||t instanceof HTMLElement}function T(t){return"undefined"!=typeof ShadowRoot&&(t instanceof D(t).ShadowRoot||t instanceof ShadowRoot)}function R(t){return t.split("-")[0]}var q=Math.max,H=Math.min,$=Math.round;function I(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function Q(){return!/^((?!chrome|android).)*safari/i.test(I())}function U(t,e,o){void 0===e&&(e=!1),void 0===o&&(o=!1);var n=t.getBoundingClientRect(),i=1,r=1;e&&S(t)&&(i=t.offsetWidth>0&&$(n.width)/t.offsetWidth||1,r=t.offsetHeight>0&&$(n.height)/t.offsetHeight||1);var a=(F(t)?D(t):window).visualViewport,s=!Q()&&o,c=(n.left+(s&&a?a.offsetLeft:0))/i,l=(n.top+(s&&a?a.offsetTop:0))/r,p=n.width/i,d=n.height/r;return{width:p,height:d,top:l,right:c+p,bottom:l+d,left:c,x:c,y:l}}function K(t){var e=U(t),o=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-o)<=1&&(o=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:o,height:n}}function N(t,e){var o=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(o&&T(o)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function G(t){return D(t).getComputedStyle(t)}function V(t){return["table","td","th"].indexOf(A(t))>=0}function X(t){return((F(t)?t.ownerDocument:t.document)||window.document).documentElement}function J(t){return"html"===A(t)?t:t.assignedSlot||t.parentNode||(T(t)?t.host:null)||X(t)}function Y(t){return S(t)&&"fixed"!==G(t).position?t.offsetParent:null}function Z(t){for(var e=D(t),o=Y(t);o&&V(o)&&"static"===G(o).position;)o=Y(o);return o&&("html"===A(o)||"body"===A(o)&&"static"===G(o).position)?e:o||function(t){var e=/firefox/i.test(I());if(/Trident/i.test(I())&&S(t)&&"fixed"===G(t).position)return null;var o=J(t);for(T(o)&&(o=o.host);S(o)&&["html","body"].indexOf(A(o))<0;){var n=G(o);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||e&&"filter"===n.willChange||e&&n.filter&&"none"!==n.filter)return o;o=o.parentNode}return null}(t)||e}function tt(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function et(t,e,o){return q(t,H(e,o))}function ot(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function nt(t,e){return e.reduce((function(e,o){return e[o]=t,e}),{})}function it(t){return t.split("-")[1]}var rt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function at(t){var e,o=t.popper,n=t.popperRect,i=t.placement,r=t.variation,a=t.offsets,s=t.position,c=t.gpuAcceleration,l=t.adaptive,p=t.roundOffsets,d=t.isFixed,h=a.x,b=void 0===h?0:h,u=a.y,f=void 0===u?0:u,v="function"==typeof p?p({x:b,y:f}):{x:b,y:f};b=v.x,f=v.y;var m=a.hasOwnProperty("x"),_=a.hasOwnProperty("y"),g=j,y=w,k=window;if(l){var z=Z(o),L="clientHeight",P="clientWidth";z===D(o)&&"static"!==G(z=X(o)).position&&"absolute"===s&&(L="scrollHeight",P="scrollWidth"),(i===w||(i===j||i===O)&&r===C)&&(y=x,f-=(d&&z===k&&k.visualViewport?k.visualViewport.height:z[L])-n.height,f*=c?1:-1),i!==j&&(i!==w&&i!==x||r!==C)||(g=O,b-=(d&&z===k&&k.visualViewport?k.visualViewport.width:z[P])-n.width,b*=c?1:-1)}var E,M=Object.assign({position:s},l&&rt),B=!0===p?function(t,e){var o=t.y,n=e.devicePixelRatio||1;return{x:$(t.x*n)/n||0,y:$(o*n)/n||0}}({x:b,y:f},D(o)):{x:b,y:f};return b=B.x,f=B.y,Object.assign({},M,c?((E={})[y]=_?"0":"",E[g]=m?"0":"",E.transform=(k.devicePixelRatio||1)<=1?"translate("+b+"px, "+f+"px)":"translate3d("+b+"px, "+f+"px, 0)",E):((e={})[y]=_?f+"px":"",e[g]=m?b+"px":"",e.transform="",e))}var st={passive:!0},ct={left:"right",right:"left",bottom:"top",top:"bottom"};function lt(t){return t.replace(/left|right|bottom|top/g,(function(t){return ct[t]}))}var pt={start:"end",end:"start"};function dt(t){return t.replace(/start|end/g,(function(t){return pt[t]}))}function ht(t){var e=D(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function bt(t){return U(X(t)).left+ht(t).scrollLeft}function ut(t){var e=G(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function ft(t){return["html","body","#document"].indexOf(A(t))>=0?t.ownerDocument.body:S(t)&&ut(t)?t:ft(J(t))}function vt(t,e){var o;void 0===e&&(e=[]);var n=ft(t),i=n===(null==(o=t.ownerDocument)?void 0:o.body),r=D(n),a=i?[r].concat(r.visualViewport||[],ut(n)?n:[]):n,s=e.concat(a);return i?s:s.concat(vt(J(a)))}function mt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function _t(t,e,o){return e===P?mt(function(t,e){var o=D(t),n=X(t),i=o.visualViewport,r=n.clientWidth,a=n.clientHeight,s=0,c=0;if(i){r=i.width,a=i.height;var l=Q();(l||!l&&"fixed"===e)&&(s=i.offsetLeft,c=i.offsetTop)}return{width:r,height:a,x:s+bt(t),y:c}}(t,o)):F(e)?function(t,e){var o=U(t,!1,"fixed"===e);return o.top=o.top+t.clientTop,o.left=o.left+t.clientLeft,o.bottom=o.top+t.clientHeight,o.right=o.left+t.clientWidth,o.width=t.clientWidth,o.height=t.clientHeight,o.x=o.left,o.y=o.top,o}(e,o):mt(function(t){var e,o=X(t),n=ht(t),i=null==(e=t.ownerDocument)?void 0:e.body,r=q(o.scrollWidth,o.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),a=q(o.scrollHeight,o.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),s=-n.scrollLeft+bt(t),c=-n.scrollTop;return"rtl"===G(i||o).direction&&(s+=q(o.clientWidth,i?i.clientWidth:0)-r),{width:r,height:a,x:s,y:c}}(X(t)))}function gt(t){var e,o=t.reference,n=t.element,i=t.placement,r=i?R(i):null,a=i?it(i):null,s=o.x+o.width/2-n.width/2,c=o.y+o.height/2-n.height/2;switch(r){case w:e={x:s,y:o.y-n.height};break;case x:e={x:s,y:o.y+o.height};break;case O:e={x:o.x+o.width,y:c};break;case j:e={x:o.x-n.width,y:c};break;default:e={x:o.x,y:o.y}}var l=r?tt(r):null;if(null!=l){var p="y"===l?"height":"width";switch(a){case L:e[l]=e[l]-(o[p]/2-n[p]/2);break;case C:e[l]=e[l]+(o[p]/2-n[p]/2)}}return e}function yt(t,e){void 0===e&&(e={});var o=e.placement,n=void 0===o?t.placement:o,i=e.strategy,r=void 0===i?t.strategy:i,a=e.boundary,s=void 0===a?"clippingParents":a,c=e.rootBoundary,l=void 0===c?P:c,p=e.elementContext,d=void 0===p?E:p,h=e.altBoundary,b=void 0!==h&&h,u=e.padding,f=void 0===u?0:u,v=ot("number"!=typeof f?f:nt(f,z)),m=t.rects.popper,_=t.elements[b?d===E?"reference":E:d],g=function(t,e,o,n){var i="clippingParents"===e?function(t){var e=vt(J(t)),o=["absolute","fixed"].indexOf(G(t).position)>=0&&S(t)?Z(t):t;return F(o)?e.filter((function(t){return F(t)&&N(t,o)&&"body"!==A(t)})):[]}(t):[].concat(e),r=[].concat(i,[o]),a=r.reduce((function(e,o){var i=_t(t,o,n);return e.top=q(i.top,e.top),e.right=H(i.right,e.right),e.bottom=H(i.bottom,e.bottom),e.left=q(i.left,e.left),e}),_t(t,r[0],n));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(F(_)?_:_.contextElement||X(t.elements.popper),s,l,r),y=U(t.elements.reference),j=gt({reference:y,element:m,placement:n}),k=mt(Object.assign({},m,j)),L=d===E?k:y,C={top:g.top-L.top+v.top,bottom:L.bottom-g.bottom+v.bottom,left:g.left-L.left+v.left,right:L.right-g.right+v.right},M=t.modifiersData.offset;if(d===E&&M){var B=M[n];Object.keys(C).forEach((function(t){var e=[O,x].indexOf(t)>=0?1:-1,o=[w,x].indexOf(t)>=0?"y":"x";C[t]+=B[o]*e}))}return C}function wt(t,e){void 0===e&&(e={});var o=e.boundary,n=e.rootBoundary,i=e.padding,r=e.flipVariations,a=e.allowedAutoPlacements,s=void 0===a?B:a,c=it(e.placement),l=c?r?M:M.filter((function(t){return it(t)===c})):z,p=l.filter((function(t){return s.indexOf(t)>=0}));0===p.length&&(p=l);var d=p.reduce((function(e,r){return e[r]=yt(t,{placement:r,boundary:o,rootBoundary:n,padding:i})[R(r)],e}),{});return Object.keys(d).sort((function(t,e){return d[t]-d[e]}))}var xt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,o=t.options,n=t.name;if(!e.modifiersData[n]._skip){for(var i=o.mainAxis,r=void 0===i||i,a=o.altAxis,s=void 0===a||a,c=o.fallbackPlacements,l=o.padding,p=o.boundary,d=o.rootBoundary,h=o.altBoundary,b=o.flipVariations,u=void 0===b||b,f=o.allowedAutoPlacements,v=e.options.placement,m=R(v),_=c||(m!==v&&u?function(t){if(R(t)===k)return[];var e=lt(t);return[dt(t),e,dt(e)]}(v):[lt(v)]),g=[v].concat(_).reduce((function(t,o){return t.concat(R(o)===k?wt(e,{placement:o,boundary:p,rootBoundary:d,padding:l,flipVariations:u,allowedAutoPlacements:f}):o)}),[]),y=e.rects.reference,z=e.rects.popper,C=new Map,P=!0,E=g[0],M=0;M<g.length;M++){var B=g[M],W=R(B),A=it(B)===L,D=[w,x].indexOf(W)>=0,F=D?"width":"height",S=yt(e,{placement:B,boundary:p,rootBoundary:d,altBoundary:h,padding:l}),T=D?A?O:j:A?x:w;y[F]>z[F]&&(T=lt(T));var q=lt(T),H=[];if(r&&H.push(S[W]<=0),s&&H.push(S[T]<=0,S[q]<=0),H.every((function(t){return t}))){E=B,P=!1;break}C.set(B,H)}if(P)for(var $=function(t){var e=g.find((function(e){var o=C.get(e);if(o)return o.slice(0,t).every((function(t){return t}))}));if(e)return E=e,"break"},I=u?3:1;I>0&&"break"!==$(I);I--);e.placement!==E&&(e.modifiersData[n]._skip=!0,e.placement=E,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function Ot(t,e,o){return void 0===o&&(o={x:0,y:0}),{top:t.top-e.height-o.y,right:t.right-e.width+o.x,bottom:t.bottom-e.height+o.y,left:t.left-e.width-o.x}}function jt(t){return[w,O,x,j].some((function(e){return t[e]>=0}))}function kt(t,e,o){void 0===o&&(o=!1);var n,i,r=S(e),a=S(e)&&function(t){var e=t.getBoundingClientRect(),o=$(e.width)/t.offsetWidth||1,n=$(e.height)/t.offsetHeight||1;return 1!==o||1!==n}(e),s=X(e),c=U(t,a,o),l={scrollLeft:0,scrollTop:0},p={x:0,y:0};return(r||!r&&!o)&&(("body"!==A(e)||ut(s))&&(l=(n=e)!==D(n)&&S(n)?{scrollLeft:(i=n).scrollLeft,scrollTop:i.scrollTop}:ht(n)),S(e)?((p=U(e,!0)).x+=e.clientLeft,p.y+=e.clientTop):s&&(p.x=bt(s))),{x:c.left+l.scrollLeft-p.x,y:c.top+l.scrollTop-p.y,width:c.width,height:c.height}}function zt(t){var e=new Map,o=new Set,n=[];function i(t){o.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!o.has(t)){var n=e.get(t);n&&i(n)}})),n.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){o.has(t.name)||i(t)})),n}var Lt={placement:"bottom",modifiers:[],strategy:"absolute"};function Ct(){for(var t=arguments.length,e=new Array(t),o=0;o<t;o++)e[o]=arguments[o];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function Pt(t){void 0===t&&(t={});var e=t.defaultModifiers,o=void 0===e?[]:e,n=t.defaultOptions,i=void 0===n?Lt:n;return function(t,e,n){void 0===n&&(n=i);var r,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},Lt,i),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},c=[],l=!1,p={state:s,setOptions:function(n){var r="function"==typeof n?n(s.options):n;d(),s.options=Object.assign({},i,s.options,r),s.scrollParents={reference:F(t)?vt(t):t.contextElement?vt(t.contextElement):[],popper:vt(e)};var a,l,h=function(t){var e=zt(t);return W.reduce((function(t,o){return t.concat(e.filter((function(t){return t.phase===o})))}),[])}((a=[].concat(o,s.options.modifiers),l=a.reduce((function(t,e){var o=t[e.name];return t[e.name]=o?Object.assign({},o,e,{options:Object.assign({},o.options,e.options),data:Object.assign({},o.data,e.data)}):e,t}),{}),Object.keys(l).map((function(t){return l[t]}))));return s.orderedModifiers=h.filter((function(t){return t.enabled})),s.orderedModifiers.forEach((function(t){var e=t.options,o=t.effect;if("function"==typeof o){var n=o({state:s,name:t.name,instance:p,options:void 0===e?{}:e});c.push(n||function(){})}})),p.update()},forceUpdate:function(){if(!l){var t=s.elements,e=t.reference,o=t.popper;if(Ct(e,o)){s.rects={reference:kt(e,Z(o),"fixed"===s.options.strategy),popper:K(o)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(t){return s.modifiersData[t.name]=Object.assign({},t.data)}));for(var n=0;n<s.orderedModifiers.length;n++)if(!0!==s.reset){var i=s.orderedModifiers[n],r=i.fn,a=i.options;"function"==typeof r&&(s=r({state:s,options:void 0===a?{}:a,name:i.name,instance:p})||s)}else s.reset=!1,n=-1}}},update:(r=function(){return new Promise((function(t){p.forceUpdate(),t(s)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(r())}))}))),a}),destroy:function(){d(),l=!0}};if(!Ct(t,e))return p;function d(){c.forEach((function(t){return t()})),c=[]}return p.setOptions(n).then((function(t){!l&&n.onFirstUpdate&&n.onFirstUpdate(t)})),p}}var Et=Pt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,o=t.instance,n=t.options,i=n.scroll,r=void 0===i||i,a=n.resize,s=void 0===a||a,c=D(e.elements.popper),l=[].concat(e.scrollParents.reference,e.scrollParents.popper);return r&&l.forEach((function(t){t.addEventListener("scroll",o.update,st)})),s&&c.addEventListener("resize",o.update,st),function(){r&&l.forEach((function(t){t.removeEventListener("scroll",o.update,st)})),s&&c.removeEventListener("resize",o.update,st)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=gt({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,o=t.options,n=o.gpuAcceleration,i=void 0===n||n,r=o.adaptive,a=void 0===r||r,s=o.roundOffsets,c=void 0===s||s,l={placement:R(e.placement),variation:it(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:i,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,at(Object.assign({},l,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:c})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,at(Object.assign({},l,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var o=e.styles[t]||{},n=e.attributes[t]||{},i=e.elements[t];S(i)&&A(i)&&(Object.assign(i.style,o),Object.keys(n).forEach((function(t){var e=n[t];!1===e?i.removeAttribute(t):i.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,o={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,o.popper),e.styles=o,e.elements.arrow&&Object.assign(e.elements.arrow.style,o.arrow),function(){Object.keys(e.elements).forEach((function(t){var n=e.elements[t],i=e.attributes[t]||{},r=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:o[t]).reduce((function(t,e){return t[e]="",t}),{});S(n)&&A(n)&&(Object.assign(n.style,r),Object.keys(i).forEach((function(t){n.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,o=t.name,n=t.options.offset,i=void 0===n?[0,0]:n,r=B.reduce((function(t,o){return t[o]=function(t,e,o){var n=R(t),i=[j,w].indexOf(n)>=0?-1:1,r="function"==typeof o?o(Object.assign({},e,{placement:t})):o,a=r[0],s=r[1];return a=a||0,s=(s||0)*i,[j,O].indexOf(n)>=0?{x:s,y:a}:{x:a,y:s}}(o,e.rects,i),t}),{}),a=r[e.placement],s=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=s),e.modifiersData[o]=r}},xt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,o=t.options,n=t.name,i=o.mainAxis,r=void 0===i||i,a=o.altAxis,s=void 0!==a&&a,c=o.tether,l=void 0===c||c,p=o.tetherOffset,d=void 0===p?0:p,h=yt(e,{boundary:o.boundary,rootBoundary:o.rootBoundary,padding:o.padding,altBoundary:o.altBoundary}),b=R(e.placement),u=it(e.placement),f=!u,v=tt(b),m="x"===v?"y":"x",_=e.modifiersData.popperOffsets,g=e.rects.reference,y=e.rects.popper,k="function"==typeof d?d(Object.assign({},e.rects,{placement:e.placement})):d,z="number"==typeof k?{mainAxis:k,altAxis:k}:Object.assign({mainAxis:0,altAxis:0},k),C=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,P={x:0,y:0};if(_){if(r){var E,M="y"===v?w:j,B="y"===v?x:O,W="y"===v?"height":"width",A=_[v],D=A+h[M],F=A-h[B],S=l?-y[W]/2:0,T=u===L?g[W]:y[W],$=u===L?-y[W]:-g[W],I=e.elements.arrow,Q=l&&I?K(I):{width:0,height:0},U=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},N=U[M],G=U[B],V=et(0,g[W],Q[W]),X=f?g[W]/2-S-V-N-z.mainAxis:T-V-N-z.mainAxis,J=f?-g[W]/2+S+V+G+z.mainAxis:$+V+G+z.mainAxis,Y=e.elements.arrow&&Z(e.elements.arrow),ot=null!=(E=null==C?void 0:C[v])?E:0,nt=A+J-ot,rt=et(l?H(D,A+X-ot-(Y?"y"===v?Y.clientTop||0:Y.clientLeft||0:0)):D,A,l?q(F,nt):F);_[v]=rt,P[v]=rt-A}if(s){var at,st=_[m],ct="y"===m?"height":"width",lt=st+h["x"===v?w:j],pt=st-h["x"===v?x:O],dt=-1!==[w,j].indexOf(b),ht=null!=(at=null==C?void 0:C[m])?at:0,bt=dt?lt:st-g[ct]-y[ct]-ht+z.altAxis,ut=dt?st+g[ct]+y[ct]-ht-z.altAxis:pt,ft=l&&dt?function(t,e,o){var n=et(t,e,o);return n>o?o:n}(bt,st,ut):et(l?bt:lt,st,l?ut:pt);_[m]=ft,P[m]=ft-st}e.modifiersData[n]=P}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,o=t.state,n=t.name,i=t.options,r=o.elements.arrow,a=o.modifiersData.popperOffsets,s=R(o.placement),c=tt(s),l=[j,O].indexOf(s)>=0?"height":"width";if(r&&a){var p=function(t,e){return ot("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:nt(t,z))}(i.padding,o),d=K(r),h="y"===c?w:j,b="y"===c?x:O,u=o.rects.reference[l]+o.rects.reference[c]-a[c]-o.rects.popper[l],f=a[c]-o.rects.reference[c],v=Z(r),m=v?"y"===c?v.clientHeight||0:v.clientWidth||0:0,_=m/2-d[l]/2+(u/2-f/2),g=et(p[h],_,m-d[l]-p[b]);o.modifiersData[n]=((e={})[c]=g,e.centerOffset=g-_,e)}},effect:function(t){var e=t.state,o=t.options.element,n=void 0===o?"[data-popper-arrow]":o;null!=n&&("string"!=typeof n||(n=e.elements.popper.querySelector(n)))&&N(e.elements.popper,n)&&(e.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,o=t.name,n=e.rects.reference,i=e.rects.popper,r=e.modifiersData.preventOverflow,a=yt(e,{elementContext:"reference"}),s=yt(e,{altBoundary:!0}),c=Ot(a,n),l=Ot(s,i,r),p=jt(c),d=jt(l);e.modifiersData[o]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:p,hasPopperEscaped:d},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":d})}}]});const Mt=class{constructor(e){t(this,e),this.balChange=r(this,"balChange"),this.balWillAnimate=r(this,"balWillAnimate"),this.balDidAnimate=r(this,"balDidAnimate"),this.balPopoverPrepare=r(this,"balPopoverPrepare"),this.popoverId="bal-po-"+Bt++,this.isTouch=p.isTouch,this.isInMainNav=!1,this.backdropHeight=0,this.autoTrigger=!1,this.hint=!1,this.hover=!1,this.arrow=!1,this.backdrop=!1,this.tooltip=!1,this.offsetX=0,this.offsetY=0,this.padding=0,this.position="bottom-start",this.active=!1,this.mobileTop=!1}createLogger(t){this.log=t}async activeChanged(t,e){!0===t&&t!==e?this.present({force:!0}):this.dismiss({force:!0})}componentWillLoad(){this.backdropHeight=this.getBackdropHeight(),this.triggerElement.setAttribute("aria-haspopup","true")}componentDidLoad(){if(this.isInMainNav=null!==this.footMobileNav,this.triggerElement&&this.menuElement){this.popperInstance=Et(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});let t=[],e=[];this.autoTrigger&&(t=["click"]),this.tooltip&&(t=["mouseenter","focus"],e=["mouseleave","blur"]),t.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,"click"===t?()=>this.toggle():()=>this.present())})),e.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.dismiss()))}))}}componentDidRender(){this.popperInstance&&(this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{placement:this.tooltip?"bottom":this.position,modifiers:[...t.modifiers.filter((t=>"offset"!==t.name&&"preventOverflow"!==t.name)),this.modifierOffset,this.modifierPreventOverflow]}))),this.updatePopper()),a.isSafari&&!this.isTouch&&(clearTimeout(this.componentDidRenderTimer),this.componentDidRenderTimer=setTimeout((()=>{var t;const e=null===(t=this.el)||void 0===t?void 0:t.clientWidth;this.el.style.maxWidth=e?`${e}px`:"initial"})))}handlePopoverPrepare(t){this.popoverId!==t.detail&&this.dismiss()}async clickOnOutside(t){var e;this.active&&(this.el.contains(t.target)||(this.active=!1),(null===(e=this.backdropElement)||void 0===e?void 0:e.isEqualNode(t.target))&&(this.active=!1))}handleKeyUp(t){!this.active||"Escape"!==t.key&&"Esc"!==t.key||(t.preventDefault(),this.dismiss())}async tabOutside(t){"Tab"===t.key&&!this.el.contains(document.activeElement)&&this.active&&await this.toggle()}breakpointListener(t){this.isTouch=t.touch,this.isInMainNav=null!==this.footMobileNav,this.backdropHeight=this.getBackdropHeight()}async present(t={force:!1}){var e,o;this.active&&!t.force||(null===(e=this.menuElement)||void 0===e||e.setAttribute("data-show",""),null===(o=this.menuElement)||void 0===o||o.setAttribute("aria-hidden","false"),this.menuInnerElement&&this.menuInnerElement.scrollTo(0,0),this.balPopoverPrepare.emit(this.popoverId),this.balWillAnimate.emit(this.active),this.active=!0,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!0}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async dismiss(t={force:!1}){var e,o;(this.active||t.force)&&(null===(e=this.menuElement)||void 0===e||e.removeAttribute("data-show"),null===(o=this.menuElement)||void 0===o||o.setAttribute("aria-hidden","true"),this.balWillAnimate.emit(this.active),this.active=!1,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async toggle(t={force:!1}){this.active?await this.dismiss(t):await this.present(t)}get footMobileNav(){return this.el.closest('[slot="meta-mobile-foot"]')}get modifierOffset(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip||this.arrow?8:0)]}}}get modifierPreventOverflow(){return{name:"preventOverflow",options:{padding:this.arrow||this.tooltip?8:this.padding,altAxis:!0}}}get triggerElement(){return this.el.querySelector("[bal-popover-trigger]")}get menuElement(){return this.el.querySelector("bal-popover-content")}get menuInnerElement(){return this.el.querySelector(".bal-popover__content__inner")}getBackdropHeight(){return a.hasWindow?this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16:0}updatePopper(){this.popperInstance.update()}render(){const t=l.block("popover");return e(o,{key:"68021af74493241e20669b502f69896b1f02c610","aria-presented":this.active?"true":null,"data-id":this.popoverId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("tooltip").class(this.tooltip)),t.modifier("arrow").class(this.arrow)),t.modifier("hint").class(this.hint)),t.modifier("backdrop").class(this.backdrop))},!this.mobileTop&&e("div",{key:"1b92881a9b0808761b20f9f445f5a43b8cc9f1bb",ref:t=>{this.backdropElement=t},class:Object.assign({},t.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":`${this.backdropHeight}rem`}}),e("slot",{key:"f8aa58598f2d8a0ca7f836bd77aa0e80a1cb6b30"}))}get el(){return n(this)}static get watchers(){return{active:["activeChanged"]}}};s([i("bal-popover"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],Mt.prototype,"createLogger",null),s([d(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],Mt.prototype,"breakpointListener",null);let Bt=0;Mt.style='.bal-popover__backdrop{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-popover-backdrop-height:100vh;--bal-popover-content-height-top-nav:100vh;--bal-popover-backdrop-background:var(--bal-color-primary-6);--bal-popover-backdrop-opacity:.8;--bal-popover-content-shadow:var(--bal-shadow-normal);--bal-popover-content-background:var(--bal-color-white);--bal-popover-content-background-grey:var(--bal-color-grey-2);--bal-popover-tooltip-background:var(--bal-color-primary-6);--bal-popover-tooltip-color:var(--bal-color-white);--bal-popover-tooltip-font-family:var(--bal-font-family-text);--bal-popover-tooltip-font-size:var(--bal-text-size-small)}.bal-popover{display:block}@media screen and (max-width: 768px){.bal-popover .bal-popover__content{min-width:100vw !important}.bal-popover .bal-select__popover{min-width:100% !important}}.bal-popover--active .bal-popover__content{display:block}.bal-popover--backdrop [bal-popover-trigger]{z-index:calc(var(--bal-z-index-popup) - 1);position:relative}@media screen and (max-width: 768px){.bal-popover--hint .bal-popover__content{min-height:100vh}.bal-popover--hint .bal-popover__content .bal-popover__content__inner{min-height:100vh}}@media screen and (min-width: 769px),print{.bal-popover--hint .bal-popover__content{max-width:20rem}}@media screen and (min-width: 1024px){.bal-popover--hint .bal-popover__content{max-width:30rem}}.bal-popover__backdrop{z-index:calc(var(--bal-z-index-popup) - 2);position:fixed;background:var(--bal-popover-backdrop-background);opacity:var(--bal-popover-backdrop-opacity);height:var(--bal-popover-backdrop-height);width:100vw}.bal-popover__content{display:none;z-index:var(--bal-z-index-popup);-webkit-box-shadow:var(--bal-popover-content-shadow);box-shadow:var(--bal-popover-content-shadow);background:var(--bal-popover-content-background);min-width:16.25rem}.bal-popover__content[data-show]{display:block}.bal-popover__content--expanded{min-width:100%}.bal-popover__content--no-shadow{-webkit-box-shadow:none;box-shadow:none}.bal-popover__content--radius-normal{border-radius:var(--bal-radius-normal)}.bal-popover__content--radius-large{border-radius:var(--bal-radius-large)}.bal-popover__content--radius-none{border-radius:0}.bal-popover__content--radius-normal-bottom-none{border-radius:var(--bal-radius-normal);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-normal-top-none{border-radius:var(--bal-radius-normal);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--radius-large-bottom-none{border-radius:var(--bal-radius-large);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-large-top-none{border-radius:var(--bal-radius-large);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--on-top{border-top:1px solid var(--bal-color-grey-2);height:var(--bal-popover-content-height-top-nav);overflow-y:auto}.bal-popover__content--color-grey{background:var(--bal-popover-content-background-grey)}.bal-popover__content__inner{max-height:calc(100vh - 4.5rem);overflow:auto;padding:1rem}@media screen and (min-width: 769px),print{.bal-popover__content__inner{padding:1.5rem}}@media screen and (min-width: 1024px){.bal-popover__content__inner{max-height:calc(100vh - 8rem)}}.bal-popover__content--spaceless .bal-popover__content__inner{padding:0}.bal-popover__content [data-popper-arrow]{display:none}.bal-popover__content__arrow{visibility:hidden}.bal-popover__content__arrow [data-popper-arrow]{display:block}.bal-popover__content__arrow,.bal-popover__content__arrow:before{position:absolute;width:.5rem;height:.5rem;background:inherit}.bal-popover__content__arrow:before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-popover__content[data-popper-placement^=top]>.bal-popover__content__arrow{bottom:-0.25rem}.bal-popover__content[data-popper-placement^=bottom]>.bal-popover__content__arrow{top:-0.25rem}.bal-popover__content[data-popper-placement^=left]>.bal-popover__content__arrow{right:-0.25rem}.bal-popover__content[data-popper-placement^=right]>.bal-popover__content__arrow{left:-0.25rem}.bal-popover--arrow .bal-popover__content__arrow{display:block}.bal-popover--tooltip .bal-popover__content{min-width:unset;background:var(--bal-popover-tooltip-background)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner{padding:var(--bal-space-x-small)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner,.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner p{color:var(--bal-popover-tooltip-color);font-family:var(--bal-popover-tooltip-font-family);font-size:var(--bal-popover-tooltip-font-size)}';const Wt=class{constructor(e){t(this,e),this.isTouch=p.isTouch,this.spaceless=!1,this.scrollable=0,this.contentWidth=0,this.contentMinWidth=0,this.color="white",this.expanded=!1,this.radius="normal",this.noShadow=!1,this.mobileTop=!1,this.contentHeightOnTop=0}breakpointListener(t){a.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}get innerStyle(){let t={};return this.scrollable>0&&(t={"max-height":`${this.scrollable}px`,overflow:"auto"}),Object.assign({},t)}get contentStyle(){let t={},e={};const o={"--bal-popover-content-height-top-nav":this.contentHeightOnTop/16+"rem"};return this.contentWidth>0&&(t={"max-width":`${this.contentWidth}px`}),this.contentMinWidth>0&&(e={"min-width":`${this.contentMinWidth}px`}),Object.assign(Object.assign(Object.assign({},t),e),o)}componentWillLoad(){a.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}render(){const t=l.block("popover").element("content");return e(o,{key:"ae764840239d3f9021044f5643785c29e348e949",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("expanded").class(this.expanded)),t.modifier("spaceless").class(this.spaceless)),t.modifier("no-shadow").class(this.noShadow)),t.modifier(`radius-${this.radius}`).class()),t.modifier(`color-${this.color}`).class()),t.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},e("div",{key:"60c73ce1c4d003b0a3a78ec6a38e9676f806e11d",class:Object.assign({},t.element("inner").class()),style:this.innerStyle},e("slot",{key:"d0810231279ce91786fcfccc22eb0d13a65f3b57"})),e("div",{key:"6d9f8e916ec085cd938dbcddfcbd316e131be0b5",class:Object.assign({},t.element("arrow").class()),"data-popper-arrow":!0}))}get el(){return n(this)}};s([d(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],Wt.prototype,"breakpointListener",null);export{m as bal_hint,g as bal_hint_text,y as bal_hint_title,Mt as bal_popover,Wt as bal_popover_content}

package/dist/baloise-design-system/{p-ed86c65b59.entry.js → p-25cc04e80e.entry.js}

@@ -1 +1 @@
-import{J as o,M as e,x as t,L as r,H as a,P as d,f as l,R as n,a as i,S as p,y as s,N as b,O as h}from"./p-BD2o1F4P.js";import{_ as c,a as _}from"./p-dfXERft2.js";import{i as u}from"./p-C4sZQbkT.js";import{B as w}from"./p-ByiN-QjD.js";import{L as m}from"./p-DmcaVYuR.js";import{a as v}from"./p-BAaDJIzy.js";import{s as f}from"./p-CwsaXXwG.js";import{F as g}from"./p-DqCbGYzv.js";import{D as x}from"./p-BLp4ll3i.js";import{b as y}from"./p-YZKAyrM-.js";import{i as k}from"./p-xbSOW78W.js";import{a as j}from"./p-DBsOHTWj.js";import{d as O}from"./p-FCLKfv6B.js";import{i as C,a as z,b as F,c as L,d as D}from"./p-D1VPLQ5z.js";import"./p-BnVL_HEz.js";import"./p-BFTU3MAI.js";class B{constructor(){this.handleAutoFill=async o=>{if(f(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,e=await this.parseAutoFillValueWithOptions(o);if(void 0===e)return void(this.component.isAutoFilled=!1);v(e,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(e,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const e=await this.component.listEl.getOptions();for(let t=0;t<e.length;t++){const r=e[t];if(r.value===o||r.label===o)return[r.value]}}}const A={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{constructor(){this.handlePointerDown=()=>{this.component.isKeyboardMode=!1},this.handleKeydown=o=>{this.component.isKeyboardMode=g.includes(o.key)}}connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(e){this.component.isExpanded||(this.component.hasFocus=!1,o((()=>this.component.balBlur.emit(e))))}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(e){var t;this.component.isExpanded&&(this.component.el.contains(e.target)||(this.component.isExpanded=!1,null===(t=this.component.listEl)||void 0===t||t.resetFocus(),this.component.hasFocus=!1,o((()=>this.component.balBlur.emit(e)))))}}class S{connectedCallback(o){this.component=o}focusOptionByLabel(o,e={}){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,e)}),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 e=o.target;(null==e?void 0:e.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 R=({name:o,httpFormSubmit:t,multiple:r,required:a,disabled:d,rawValue:l,refSelectEl:n})=>{const i=w.block("dropdown");return t?e("select",{class:Object.assign({},i.element("root").element("select").class()),"aria-hidden":"true",name:o,multiple:r,required:a,disabled:d,tabindex:-1,ref:n},l.map((o=>e("option",{key:o,value:o,selected:!0},o)))):""},T=({size:o,theme:t,icon:r,language:a,loading:d,clearable:l,invalid:n,filled:i,expanded:p,disabled:s})=>{const b=w.block("dropdown");return d?e("bal-spinner",{class:Object.assign({},b.element("rear").class()),small:!0,variation:"circle",color:"white"}):l&&i&&!s?e("button",{title:A[a].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},b.element("rear").class()),b.element("clear").class()),b.element("clear").modifier("invalid").class(n)),b.element("clear").modifier("theme-purple").class("purple"===t))},e("bal-icon",{class:Object.assign({},b.element("rear").class()),name:"purple"===t?"close":"close-circle",size:o,color:"purple"===t?"primary":"grey"})):e("bal-icon",{class:Object.assign({},b.element("rear").class()),name:r,size:o,turn:p,color:s?"grey":n?"danger":"primary"})},P=({inputId:o,isExpanded:t,rawOptions:r,isDisabled:a,hasPropOptions:d,required:l,filter:n,multiple:i,contentHeight:p,refPanelEl:s,refListEl:b})=>{const h=w.block("dropdown");return e("div",{id:`${o}-menu`,class:Object.assign(Object.assign({},h.element("list").class()),h.element("list").modifier("expanded").class(t)),ref:s},e("bal-option-list",{multiple:i,disabled:a,filter:n,required:l,contentHeight:p,ref:b},e("slot",null),d?r.map((o=>e("bal-option",{key:o.value,value:o.value,label:o.label,disabled:o.disabled,multiline:o.multiline,invalid:o.invalid,hidden:o.hidden,selected:o.selected,focused:o.focused},o.label))):""))};class q{constructor(){this.updatePanelPosition=(o,e,t)=>()=>{o.computePosition(e,t,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((({x:o,y:e})=>{Object.assign(t.style,{left:`${o}px`,top:`${e}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;if(this.component.panelEl){const o=await y.load();this.component.panelCleanup=o.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(o,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 I{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,e){const t=typeof o;t!==typeof e&&this.updateRawValueByValueProp(o),"string"===t&&o!==e&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(e)&&!v(o,e)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],e=!1){this.component.isAutoFilled=e,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let e=[];return k(o)||""===o||(e=Array.isArray(o)?[...o.filter((o=>!k(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),e}updateRawValueByValueProp(o=[]){const e=this.parseValueString(o);this.updateRawValue(e)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const e=this.component.rawValue.filter((e=>e!==o.value));this.updateRawValueBySelection(e)}async updateInputContent(){await t(),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 $=({inlineLabel:o,filled:t,chips:r,placeholder:a,choices:d,invalid:l,disabled:n,readonly:i,onRemoveChip:p})=>{const s=w.block("dropdown");return t?r?e("div",{class:Object.assign({},s.element("root").element("content").element("chips").class())},d.map((o=>e("bal-tag",{key:o.value,"data-test":"bal-dropdown-chip",size:"small",invalid:l,disabled:n||i,closable:!(n||i),onBalCloseClick:()=>p(o)},o.label)))):(o&&`${o}: `)+d.map((o=>o.label)).join(", "):a},H=({inputId:o,httpFormSubmit:t,ariaForm:r,rawValue:a,autocomplete:d,required:l,disabled:n,readonly:i,placeholder:p,expanded:s,invalid:b,language:h,inputLabel:c,inheritedAttributes:_,refInputEl:u,onChange:m,onFocus:v,onBlur:f,onKeyDown:g})=>{const x=w.block("dropdown"),y=()=>e("input",Object.assign({id:r.controlId||`${o}-ctrl`,class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",autoComplete:d,value:a.join(","),required:l,disabled:n,readonly:i,placeholder:p,title:s?A[h].close:A[h].open,"aria-label":s?A[h].close:A[h].open,"aria-owns":`${o}-menu`,"aria-invalid":j(b),"aria-disabled":j(n||i),"aria-labelledby":r.labelId,"aria-describedby":r.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":c,"data-value":a.join(","),ref:o=>u(o),onChange:o=>m(o),onFocus:o=>v(o),onBlur:o=>f(o),onKeyDown:o=>g(o)},_));return t?e(y,null):e("form",{novalidate:!0},e(y,null))},W=class{constructor(o){a(this,o),this.balChange=d(this,"balChange"),this.balFocus=d(this,"balFocus"),this.balBlur=d(this,"balBlur"),this.inputId="bal-dropdown-"+K++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.isKeyboardMode=!1,this.inputLabel="",this.ariaForm=O,this.language=l.language,this.region=l.region,this.httpFormSubmit=l.httpFormSubmit,this.labelToFocus="",this.valueUtil=new I,this.eventsUtil=new E,this.popupUtil=new q,this.optionUtil=new x,this.formSubmitUtil=new V,this.focusUtil=new S,this.autoFillUtil=new B,this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.inlineLabel="",this.icon="caret-down",this.size="",this.theme="",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=[],this.hasConnected=!1,this.listenToOptionChange=o=>{this.optionUtil.listenToOptionChange(o)},this.listenOnClickOutside=o=>{this.eventsUtil.handleOutsideClick(o)},this.resetHandler=o=>{this.formSubmitUtil.handle(o)},this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var e,t,r,a,d;o&&o.key?this.isExpanded?C(o)?(f(o),null===(e=this.listEl)||void 0===e||e.focusNext()):z(o)?(f(o),null===(t=this.listEl)||void 0===t||t.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(f(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(f(o),null===(a=this.listEl)||void 0===a||a.focusLast()):F(o)?(f(o),null===(d=this.listEl)||void 0===d||d.selectByFocus()):"Tab"===o.key||L(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):F(o)||D(o)?(f(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()}}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,e){this.valueUtil.valueChanged(o,e)}connectedCallback(){this.hasConnected||(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)),n(this.el,"balOptionChange",this.listenToOptionChange),i.hasDocument&&(n(document,"keydown",this.eventsUtil.handleKeydown),n(document,"touchstart",this.eventsUtil.handlePointerDown),n(document,"mousedown",this.eventsUtil.handlePointerDown),n(document,"click",this.listenOnClickOutside),n(document,"reset",this.resetHandler,{capture:!0})),this.hasConnected=!0}disconnectedCallback(){p(this.el,"balOptionChange",this.listenToOptionChange),i.hasDocument&&(p(document,"keydown",this.eventsUtil.handleKeydown),p(document,"touchstart",this.eventsUtil.handlePointerDown),p(document,"mousedown",this.eventsUtil.handlePointerDown),p(document,"click",this.listenOnClickOutside),p(document,"reset",this.resetHandler,{capture:!0}))}async componentWillRender(){this.inheritedAttributes=u(this.el,["tabindex","data-hj-allow"]),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 setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await s(),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 e=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(e)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const o=w.block("dropdown"),t=this.valueUtil.isFilled(),r=""!==this.size,a=`size-${this.size}`,d=""!==this.theme,l=`theme-${this.theme}`,n="purple"===this.theme?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return e(b,{key:"713d45fe75018e22e55109784c914cbf41161d66",class:Object.assign({},o.class()),tabindex:"-1",id:`${this.inputId}`},e("div",{key:"d846ee95ba439528691fc58c483b84ebc54e1b20",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("root").class()),o.element("root").modifier("focused").class(n)),o.element("root").modifier("invalid").class(this.invalid)),o.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").modifier("autofill").class(this.isAutoFilled)),o.element("root").modifier(a).class(r)),o.element("root").modifier(l).class(d)),o.element("root").modifier(l+"-filled").class(t&&d)),o.element("root").modifier(l+"-expanded").class(this.isExpanded&&d)),"data-test":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},e("span",{key:"2b385d34110fffd8272b19083601121a2520381a",class:Object.assign(Object.assign(Object.assign(Object.assign({},o.element("root").element("content").class()),o.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),o.element("root").element("content").modifier(a).class(r))},e($,{key:"65df8cac6931a0a9ac49b01a93e88971e2afedf8",filled:this.valueUtil.isFilled(),inlineLabel:this.inlineLabel,chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:o=>this.valueUtil.removeOption(o)})),e(H,{key:"0a97b36e6b72f4c559403d21a368a1021537bc85",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)}),e(R,{key:"7f05f0d7538b6f82e54d184beaa86298e7d683c9",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),e(T,{key:"9ef218710b2e80ad73b382094074d7249a63c632",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:t,disabled:this.valueUtil.isDisabled()})),e(P,{key:"58cd4f3169991ea56176c3ae69bf808e0c81d663",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},e("slot",{key:"6196a395badb4b3f2a4caaee2490d68a7cf9a36c"})))}get el(){return h(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};c([r("bal-dropdown"),_("design:type",Function),_("design:paramtypes",[Function]),_("design:returntype",void 0)],W.prototype,"createLogger",null),c([m(),_("design:type",Function),_("design:paramtypes",[Object]),_("design:returntype",Promise)],W.prototype,"configChanged",null);let K=0;W.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-3);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-3);--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;width:100%}.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-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);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:1rem;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)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.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:none;visibility:hidden;opacity:0;width:100vw;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)}@media screen and (min-width: 769px),print{.bal-dropdown__list{max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}}.bal-dropdown__list--expanded{display:block;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__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content--placeholder{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled),.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow-end-color);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';export{W as bal_dropdown}
+import{J as o,M as e,x as t,L as r,H as a,P as d,f as l,R as n,a as i,S as p,y as s,N as b,O as h}from"./p-PmQf2Yvi.js";import{_ as c,a as _}from"./p-dfXERft2.js";import{i as u}from"./p-C4sZQbkT.js";import{B as w}from"./p-ByiN-QjD.js";import{L as m}from"./p-Db4HWGqe.js";import{a as v}from"./p-BAaDJIzy.js";import{s as f}from"./p-DoMopbMR.js";import{F as g}from"./p-DqCbGYzv.js";import{D as x}from"./p-BLp4ll3i.js";import{b as y}from"./p-BvWFqTUG.js";import{i as k}from"./p-xbSOW78W.js";import{a as j}from"./p-DBsOHTWj.js";import{d as O}from"./p-FCLKfv6B.js";import{i as C,a as z,b as F,c as L,d as D}from"./p-D1VPLQ5z.js";import"./p-BnVL_HEz.js";import"./p-BFTU3MAI.js";class B{constructor(){this.handleAutoFill=async o=>{if(f(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,e=await this.parseAutoFillValueWithOptions(o);if(void 0===e)return void(this.component.isAutoFilled=!1);v(e,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(e,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const e=await this.component.listEl.getOptions();for(let t=0;t<e.length;t++){const r=e[t];if(r.value===o||r.label===o)return[r.value]}}}const A={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{constructor(){this.handlePointerDown=()=>{this.component.isKeyboardMode=!1},this.handleKeydown=o=>{this.component.isKeyboardMode=g.includes(o.key)}}connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(e){this.component.isExpanded||(this.component.hasFocus=!1,o((()=>this.component.balBlur.emit(e))))}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(e){var t;this.component.isExpanded&&(this.component.el.contains(e.target)||(this.component.isExpanded=!1,null===(t=this.component.listEl)||void 0===t||t.resetFocus(),this.component.hasFocus=!1,o((()=>this.component.balBlur.emit(e)))))}}class S{connectedCallback(o){this.component=o}focusOptionByLabel(o,e={}){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,e)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class T{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 e=o.target;(null==e?void 0:e.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 V=({name:o,httpFormSubmit:t,multiple:r,required:a,disabled:d,rawValue:l,refSelectEl:n})=>{const i=w.block("dropdown");return t?e("select",{class:Object.assign({},i.element("root").element("select").class()),"aria-hidden":"true",name:o,multiple:r,required:a,disabled:d,tabindex:-1,ref:n},l.map((o=>e("option",{key:o,value:o,selected:!0},o)))):""},q=({size:o,theme:t,icon:r,language:a,loading:d,clearable:l,invalid:n,filled:i,expanded:p,disabled:s})=>{const b=w.block("dropdown");return d?e("bal-spinner",{class:Object.assign({},b.element("rear").class()),small:!0,variation:"circle",color:"white"}):l&&i&&!s?e("button",{title:A[a].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},b.element("rear").class()),b.element("clear").class()),b.element("clear").modifier("invalid").class(n)),b.element("clear").modifier("theme-purple").class("purple"===t))},e("bal-icon",{class:Object.assign({},b.element("rear").class()),name:"purple"===t?"close":"close-circle",size:o,color:"purple"===t?"primary":"grey"})):e("bal-icon",{class:Object.assign({},b.element("rear").class()),name:r,size:o,turn:p,color:s?"grey":n?"danger":"primary"})},R=({inputId:o,isExpanded:t,rawOptions:r,isDisabled:a,hasPropOptions:d,required:l,filter:n,multiple:i,contentHeight:p,refPanelEl:s,refListEl:b})=>{const h=w.block("dropdown");return e("div",{id:`${o}-menu`,class:Object.assign(Object.assign({},h.element("list").class()),h.element("list").modifier("expanded").class(t)),ref:s},e("bal-option-list",{multiple:i,disabled:a,filter:n,required:l,contentHeight:p,ref:b},e("slot",null),d?r.map((o=>e("bal-option",{key:o.value,value:o.value,label:o.label,disabled:o.disabled,multiline:o.multiline,invalid:o.invalid,hidden:o.hidden,selected:o.selected,focused:o.focused},o.label))):""))};class P{constructor(){this.updatePanelPosition=(o,e,t)=>()=>{o.computePosition(e,t,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((({x:o,y:e})=>{Object.assign(t.style,{left:`${o}px`,top:`${e}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;if(this.component.panelEl){const o=await y.load();this.component.panelCleanup=o.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(o,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 I{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,e){const t=typeof o;t!==typeof e&&this.updateRawValueByValueProp(o),"string"===t&&o!==e&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(e)&&!v(o,e)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],e=!1){this.component.isAutoFilled=e,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let e=[];return k(o)||""===o||(e=Array.isArray(o)?[...o.filter((o=>!k(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),e}updateRawValueByValueProp(o=[]){const e=this.parseValueString(o);this.updateRawValue(e)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const e=this.component.rawValue.filter((e=>e!==o.value));this.updateRawValueBySelection(e)}async updateInputContent(){await t(),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 W=({inlineLabel:o,filled:t,chips:r,placeholder:a,choices:d,invalid:l,disabled:n,readonly:i,onRemoveChip:p})=>{const s=w.block("dropdown");return t?r?e("div",{class:Object.assign({},s.element("root").element("content").element("chips").class())},d.map((o=>e("bal-tag",{key:o.value,"data-test":"bal-dropdown-chip",size:"small",invalid:l,disabled:n||i,closable:!(n||i),onBalCloseClick:()=>p(o)},o.label)))):(o&&`${o}: `)+d.map((o=>o.label)).join(", "):a},$=({inputId:o,httpFormSubmit:t,ariaForm:r,rawValue:a,autocomplete:d,required:l,disabled:n,readonly:i,placeholder:p,expanded:s,invalid:b,language:h,inputLabel:c,inheritedAttributes:_,refInputEl:u,onChange:m,onFocus:v,onBlur:f,onKeyDown:g})=>{const x=w.block("dropdown"),y=()=>e("input",Object.assign({id:r.controlId||`${o}-ctrl`,class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",autoComplete:d,value:a.join(","),required:l,disabled:n,readonly:i,placeholder:p,title:s?A[h].close:A[h].open,"aria-label":s?A[h].close:A[h].open,"aria-owns":`${o}-menu`,"aria-invalid":j(b),"aria-disabled":j(n||i),"aria-labelledby":r.labelId,"aria-describedby":r.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":c,"data-value":a.join(","),ref:o=>u(o),onChange:o=>m(o),onFocus:o=>v(o),onBlur:o=>f(o),onKeyDown:o=>g(o)},_));return t?e(y,null):e("form",{novalidate:!0},e(y,null))},H=class{constructor(o){a(this,o),this.balChange=d(this,"balChange"),this.balFocus=d(this,"balFocus"),this.balBlur=d(this,"balBlur"),this.inputId="bal-dropdown-"+K++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.isKeyboardMode=!1,this.inputLabel="",this.ariaForm=O,this.language=l.language,this.region=l.region,this.httpFormSubmit=l.httpFormSubmit,this.labelToFocus="",this.valueUtil=new I,this.eventsUtil=new E,this.popupUtil=new P,this.optionUtil=new x,this.formSubmitUtil=new T,this.focusUtil=new S,this.autoFillUtil=new B,this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.inlineLabel="",this.icon="caret-down",this.size="",this.theme="",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=[],this.hasConnected=!1,this.listenToOptionChange=o=>{this.optionUtil.listenToOptionChange(o)},this.listenOnClickOutside=o=>{this.eventsUtil.handleOutsideClick(o)},this.resetHandler=o=>{this.formSubmitUtil.handle(o)},this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var e,t,r,a,d;o&&o.key?this.isExpanded?C(o)?(f(o),null===(e=this.listEl)||void 0===e||e.focusNext()):z(o)?(f(o),null===(t=this.listEl)||void 0===t||t.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(f(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(f(o),null===(a=this.listEl)||void 0===a||a.focusLast()):F(o)?(f(o),null===(d=this.listEl)||void 0===d||d.selectByFocus()):"Tab"===o.key||L(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):F(o)||D(o)?(f(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()}}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,e){this.valueUtil.valueChanged(o,e)}connectedCallback(){this.hasConnected||(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)),n(this.el,"balOptionChange",this.listenToOptionChange),i.hasDocument&&(n(document,"keydown",this.eventsUtil.handleKeydown),n(document,"touchstart",this.eventsUtil.handlePointerDown),n(document,"mousedown",this.eventsUtil.handlePointerDown),n(document,"click",this.listenOnClickOutside),n(document,"reset",this.resetHandler,{capture:!0})),this.hasConnected=!0}disconnectedCallback(){p(this.el,"balOptionChange",this.listenToOptionChange),i.hasDocument&&(p(document,"keydown",this.eventsUtil.handleKeydown),p(document,"touchstart",this.eventsUtil.handlePointerDown),p(document,"mousedown",this.eventsUtil.handlePointerDown),p(document,"click",this.listenOnClickOutside),p(document,"reset",this.resetHandler,{capture:!0}))}async componentWillRender(){this.inheritedAttributes=u(this.el,["tabindex","data-hj-allow"]),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 setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await s(),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 e=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(e)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const o=w.block("dropdown"),t=this.valueUtil.isFilled(),r=""!==this.size,a=`size-${this.size}`,d=""!==this.theme,l=`theme-${this.theme}`,n="purple"===this.theme?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return e(b,{key:"713d45fe75018e22e55109784c914cbf41161d66",class:Object.assign({},o.class()),tabindex:"-1",id:`${this.inputId}`},e("div",{key:"d846ee95ba439528691fc58c483b84ebc54e1b20",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("root").class()),o.element("root").modifier("focused").class(n)),o.element("root").modifier("invalid").class(this.invalid)),o.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").modifier("autofill").class(this.isAutoFilled)),o.element("root").modifier(a).class(r)),o.element("root").modifier(l).class(d)),o.element("root").modifier(l+"-filled").class(t&&d)),o.element("root").modifier(l+"-expanded").class(this.isExpanded&&d)),"data-test":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},e("span",{key:"2b385d34110fffd8272b19083601121a2520381a",class:Object.assign(Object.assign(Object.assign(Object.assign({},o.element("root").element("content").class()),o.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),o.element("root").element("content").modifier(a).class(r))},e(W,{key:"65df8cac6931a0a9ac49b01a93e88971e2afedf8",filled:this.valueUtil.isFilled(),inlineLabel:this.inlineLabel,chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:o=>this.valueUtil.removeOption(o)})),e($,{key:"0a97b36e6b72f4c559403d21a368a1021537bc85",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)}),e(V,{key:"7f05f0d7538b6f82e54d184beaa86298e7d683c9",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),e(q,{key:"9ef218710b2e80ad73b382094074d7249a63c632",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:t,disabled:this.valueUtil.isDisabled()})),e(R,{key:"58cd4f3169991ea56176c3ae69bf808e0c81d663",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},e("slot",{key:"6196a395badb4b3f2a4caaee2490d68a7cf9a36c"})))}get el(){return h(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};c([r("bal-dropdown"),_("design:type",Function),_("design:paramtypes",[Function]),_("design:returntype",void 0)],H.prototype,"createLogger",null),c([m(),_("design:type",Function),_("design:paramtypes",[Object]),_("design:returntype",Promise)],H.prototype,"configChanged",null);let K=0;H.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-3);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-3);--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;width:100%}.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-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);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:1rem;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)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.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:none;visibility:hidden;opacity:0;width:100vw;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)}@media screen and (min-width: 769px),print{.bal-dropdown__list{max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}}.bal-dropdown__list--expanded{display:block;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__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content--placeholder{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled),.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow-end-color);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';export{H as bal_dropdown}

package/dist/baloise-design-system/{p-8e1ddbd79e.entry.js → p-27148bbd52.entry.js}

@@ -1 +1 @@
-import{H as e,M as a,N as t}from"./p-BD2o1F4P.js";import{B as r}from"./p-ByiN-QjD.js";const s=class{constructor(a){e(this,a),this.containerSize=""}render(){const e=r.block("sheet"),s=e.element("container"),n=s.element("inner"),o=""!==this.containerSize?`is-${this.containerSize}`:"";return a(t,{key:"1277fe42a8e474e6e6e56524e80c172057409e68",class:Object.assign({},e.class())},a("div",{key:"489dfea1ce595b5f39871bff43f2bb2183ee2d0e",class:Object.assign(Object.assign({},s.class()),{container:!0,[o]:!0})},a("div",{key:"f8c101d9aeb9a4e95e4723c9a7d314b6117eaa99",class:Object.assign({},n.class())},a("slot",{key:"d7c4dc1e3eb207ec9c34e8b1fd92aaa9301fcd16"}))))}};s.style=":root{--bal-sheet-radius:var(--bal-radius-large);--bal-sheet-background:var(--bal-color-white);--bal-sheet-shadow:var(--bal-shadow-normal);--bal-sheet-position-bottom:.5rem}.bal-sheet{display:block;position:fixed;bottom:var(--bal-sheet-position-bottom);left:0;right:0;width:100%;z-index:var(--bal-z-index-sticky);font-weight:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal)}.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{border-radius:var(--bal-sheet-radius);background:var(--bal-sheet-background);-webkit-box-shadow:var(--bal-sheet-shadow);box-shadow:var(--bal-sheet-shadow);padding:1rem}@media screen and (min-width: 769px),print{.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{padding:1rem 1.5rem}}";export{s as bal_sheet}
+import{H as e,M as a,N as t}from"./p-PmQf2Yvi.js";import{B as r}from"./p-ByiN-QjD.js";const s=class{constructor(a){e(this,a),this.containerSize=""}render(){const e=r.block("sheet"),s=e.element("container"),n=s.element("inner"),i=""!==this.containerSize?`is-${this.containerSize}`:"";return a(t,{key:"1277fe42a8e474e6e6e56524e80c172057409e68",class:Object.assign({},e.class())},a("div",{key:"489dfea1ce595b5f39871bff43f2bb2183ee2d0e",class:Object.assign(Object.assign({},s.class()),{container:!0,[i]:!0})},a("div",{key:"f8c101d9aeb9a4e95e4723c9a7d314b6117eaa99",class:Object.assign({},n.class())},a("slot",{key:"d7c4dc1e3eb207ec9c34e8b1fd92aaa9301fcd16"}))))}};s.style=":root{--bal-sheet-radius:var(--bal-radius-large);--bal-sheet-background:var(--bal-color-white);--bal-sheet-shadow:var(--bal-shadow-normal);--bal-sheet-position-bottom:.5rem}.bal-sheet{display:block;position:fixed;bottom:var(--bal-sheet-position-bottom);left:0;right:0;width:100%;z-index:var(--bal-z-index-sticky);font-weight:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal)}.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{border-radius:var(--bal-sheet-radius);background:var(--bal-sheet-background);-webkit-box-shadow:var(--bal-sheet-shadow);box-shadow:var(--bal-sheet-shadow);padding:1rem}@media screen and (min-width: 769px),print{.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{padding:1rem 1.5rem}}";export{s as bal_sheet}

package/dist/baloise-design-system/{p-38930ed648.entry.js → p-2882b75b4e.entry.js}

@@ -1 +1 @@
-import{H as t,P as s,M as i,N as e,O as a}from"./p-BD2o1F4P.js";import{a as h}from"./p-C4sZQbkT.js";const r=class{constructor(i){t(this,i),this.balNavigate=s(this,"balNavigate"),this.inheritAttributes={},this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.disabled=!1,this.done=!1,this.invisible=!1,this.failed=!1,this.prevent=!1}componentWillLoad(){this.inheritAttributes=h(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{value:this.value,label:this.label,href:this.href,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,done:this.done,invisible:this.invisible,failed:this.failed,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes}}render(){return i(e,{key:"2c4f197cd8d47db462c0262b01080aff16e1e53f",role:"tabpanel",class:{"bal-step-item":!0,"bal-step-item--active":this.isActive}},i("slot",{key:"a4a68d86354b4c4b14c6e35362cfe5a9b7e79b77"}))}get el(){return a(this)}};export{r as bal_step_item}
+import{H as t,P as s,M as i,N as e,O as a}from"./p-PmQf2Yvi.js";import{a as h}from"./p-C4sZQbkT.js";const r=class{constructor(i){t(this,i),this.balNavigate=s(this,"balNavigate"),this.inheritAttributes={},this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.disabled=!1,this.done=!1,this.invisible=!1,this.failed=!1,this.prevent=!1}componentWillLoad(){this.inheritAttributes=h(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{value:this.value,label:this.label,href:this.href,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,done:this.done,invisible:this.invisible,failed:this.failed,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes}}render(){return i(e,{key:"2c4f197cd8d47db462c0262b01080aff16e1e53f",role:"tabpanel",class:{"bal-step-item":!0,"bal-step-item--active":this.isActive}},i("slot",{key:"a4a68d86354b4c4b14c6e35362cfe5a9b7e79b77"}))}get el(){return a(this)}};export{r as bal_step_item}

package/dist/baloise-design-system/{p-41583e6135.system.entry.js → p-295396cafc.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,a){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function o(t){try{l(a.next(t))}catch(t){r(t)}}function s(t){try{l(a["throw"](t))}catch(t){r(t)}}function l(t){t.done?n(t.value):i(t.value).then(o,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,i,r,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return l([t,e])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(a=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(t){s=[6,t];i=0}finally{a=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-CBMgyOmf.system.js","./p-B-x84i5x.system.js","./p-DiHWLu0P.system.js"],(function(t){"use strict";var e,n,a,i,r,o,s,l,d,c,u,m,f,h,b;return{setters:[function(t){e=t.d;n=t.H;a=t.P;i=t.a;r=t.r;o=t.V;s=t.w;l=t.M;d=t.N;c=t.O},function(t){u=t.p;m=t.d;f=t.e;h=t.F},function(t){b=t.B}],execute:function(){var _=this;var p=function(t,n,a,i,r){return __awaiter(_,void 0,void 0,(function(){var o;return __generator(this,(function(s){switch(s.label){case 0:if(t){return[2,t.attachViewToDom(n,a,r,i)]}if(typeof a!=="string"&&!(a instanceof HTMLElement)){throw new Error("framework delegate is missing")}o=typeof a==="string"?n.ownerDocument&&n.ownerDocument.createElement(a):a;if(i){i.forEach((function(t){return o.classList.add(t)}))}if(r){Object.assign(o,r)}n.appendChild(o);return[4,new Promise((function(t){return e(o,t)}))];case 1:s.sent();return[2,o]}}))}))};var g=function(t,e){if(e){if(t){var n=e.parentElement;return t.removeViewFromDom(n,e)}e.remove()}return Promise.resolve()};var v=function(t){var e={};w(t).forEach((function(t){return e[t]=true}));return e};var w=function(t){if(t!==undefined){var e=Array.isArray(t)?t:t.split(" ");return e.filter((function(t){return t!=null})).map((function(t){return t.trim()})).filter((function(t){return t!==""}))}return[]};var y=".bal-modal,.bal-modal__background{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-modal-background:var(--bal-color-white);--bal-modal-backdrop-background:var(--bal-color-primary-6);--bal-modal-backdrop-opacity:.6;--bal-modal-radius:var(--bal-radius-large)}.bal-modal{-ms-flex-align:center;align-items:center;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;position:fixed;z-index:var(--bal-z-index-modal)}.bal-modal--is-active{display:-ms-flexbox;display:flex}.bal-modal__background{background:var(--bal-modal-backdrop-background);opacity:var(--bal-modal-backdrop-opacity)}.bal-modal__header__title{padding-right:2.5rem;line-height:2rem}.bal-modal__header__close{position:absolute !important;display:-ms-flexbox !important;display:flex !important;right:1.25rem !important;top:1.5rem !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:2rem;max-width:2rem;min-height:2rem;max-height:2rem}.bal-modal__container{position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:none;overflow-y:auto;-ms-overflow-y:visible;padding:.5rem}@media screen and (min-width: 769px),print{.bal-modal__container{padding:0}}.bal-modal__content{overflow:none;position:relative;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--bal-modal-background);border-radius:var(--bal-modal-radius);padding:1rem}@media screen and (min-width: 769px),print{.bal-modal__content{margin:3rem auto;width:var(--bal-modal-width, var(--bal-width, 40rem))}}.bal-modal__content .bal-modal__header{padding-bottom:1rem}.bal-modal__content .bal-modal__header__close{right:1.2rem !important;top:.7rem !important}@media screen and (min-width: 769px),print{.bal-modal__content{padding:1.5rem}.bal-modal__content .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content{padding:2.5rem}.bal-modal__content .bal-modal__header{padding-bottom:2.5rem}.bal-modal__content .bal-modal__header__close{right:2.7rem !important;top:2.2rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}.bal-modal__body>bal-button-group{padding-top:1rem}";var x=t("bal_modal",function(){function t(t){n(this,t);this.didPresent=a(this,"balModalDidPresent");this.willPresent=a(this,"balModalWillPresent");this.willDismiss=a(this,"balModalWillDismiss");this.didDismiss=a(this,"balModalDidDismiss");this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.bodyScrollHandler=new b;this.presented=false;this.modalWidth=640;this.space="";this.hasBackdrop=true;this.isClosable=true;this.backdropDismiss=true;this.focusTrap=true;this.demo=false}t.prototype.connectedCallback=function(){this.bodyScrollHandler.connect();u(this);if(i.hasDocument&&this.demo){this.open()}};t.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,r(this.usersElement)];case 1:e.sent();this.setModalActiveOnBody();o((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.add("fadeIn")}if(t.modalContentElement){t.modalContentElement.classList.add("fadeInDown")}}));if(this.presented){return[2]}this.willPresent.emit();this.presented=true;return[4,s(150)];case 2:e.sent();o((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.remove("fadeIn")}if(t.modalContentElement){t.modalContentElement.classList.remove("fadeInDown")}}));this.didPresent.emit();return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.willDismiss.emit();this.unsetModalActiveOnBody();this.presented=false;this.didDismiss.emit();return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(a){switch(a.label){case 0:this.setModalActiveOnBody();if(this.presented){return[2]}t=this.el.querySelector(".bal-modal__content");if(!t){throw new Error("container is undefined")}e=Object.assign(Object.assign({},this.componentProps),{modal:this.el});n=this;return[4,p(this.delegate,t,this.component,[],e)];case 1:n.usersElement=a.sent();return[4,this.open()];case 2:a.sent();return[2]}}))}))};t.prototype.dismiss=function(t,e){return __awaiter(this,void 0,void 0,(function(){var n;var a=this;return __generator(this,(function(i){switch(i.label){case 0:this.unsetModalActiveOnBody();if(!(this.delegate===undefined))return[3,2];return[4,this.close()];case 1:i.sent();return[2,true];case 2:return[4,m(this,t,e,(function(){return __awaiter(a,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:o((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.add("fadeOut")}if(t.modalContentElement){t.modalContentElement.classList.add("fadeOutUp")}}));return[4,s(140)];case 1:e.sent();return[2]}}))}))}))];case 3:n=i.sent();if(!n)return[3,5];return[4,g(this.delegate,this.usersElement)];case 4:i.sent();i.label=5;case 5:return[2,n]}}))}))};t.prototype.onDidDismiss=function(){return f(this.el,"balModalDidDismiss")};t.prototype.onWillDismiss=function(){return f(this.el,"balModalWillDismiss")};t.prototype.onClickCloseButton=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n;return __generator(this,(function(a){switch(a.label){case 0:if(!(this.isClosable&&this.presented&&t&&t.target))return[3,4];e=t.target;n=e.closest("bal-button");if(!(n&&n.hasAttribute("modal-close")))return[3,2];return[4,this.dismiss(undefined,"model-close")];case 1:a.sent();a.label=2;case 2:if(!(this.backdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,4];return[4,this.dismiss(undefined,"model-close")];case 3:a.sent();a.label=4;case 4:return[2]}}))}))};t.prototype.onMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isClickedOutsideOnMouseDown=this.isClickedOutside(t);return[2]}))}))};t.prototype.onMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isClickedOutsideOnMouseUp=this.isClickedOutside(t);return[2]}))}))};t.prototype.handleKeyUp=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n,a;return __generator(this,(function(i){switch(i.label){case 0:e=Array.from(document.querySelectorAll("bal-modal")).filter((function(t){return t.hasAttribute("aria-presented")}));n=e.map((function(t){return t.overlayIndex})).map((function(t){return parseInt(t)})).filter((function(t){return!Number.isNaN(t)}));a=Math.max.apply(Math,n);if(!(this.overlayIndex===a))return[3,4];t.preventDefault();t.stopPropagation();if(!(this.presented&&this.isClosable))return[3,4];if(!(t.key==="Escape"||t.key==="Esc"))return[3,4];if(!this.delegate)return[3,2];return[4,this.dismiss(undefined,"model-escape")];case 1:i.sent();return[3,4];case 2:return[4,this.close()];case 3:i.sent();i.label=4;case 4:return[2]}}))}))};t.prototype.setModalActiveOnBody=function(){if(!this.demo){this.bodyScrollHandler.disable()}};t.prototype.unsetModalActiveOnBody=function(){this.bodyScrollHandler.enable()};t.prototype.isClickedOutside=function(t){if(this.isClosable&&this.presented&&t&&t.target&&this.backdropDismiss){var e=t.target;return e.classList.contains("bal-modal__container")}return false};t.prototype.render=function(){var t,e;var n=this;return l(d,{key:"b9f93570b2f131d733376175c270362d332b2f8c","aria-modal":"true","aria-presented":this.presented?"true":null,"data-testid":this.dataTestId,tabindex:"-1",class:Object.assign((t={"bal-modal":true,"bal-modal--is-closable":this.isClosable,"bal-modal--is-active":this.presented},t[h]=this.focusTrap===false,t),v(this.cssClass)),style:{"--bal-width":"".concat(this.modalWidth,"px")}},l("div",{key:"3ba52aa812080ca4df440ed31550c63f247102ed",class:{"bal-modal__background":true,"is-hidden":!this.hasBackdrop},ref:function(t){return n.modalBackgroundElement=t}}),l("div",{key:"a0e32a3bdd09f2abc90f18129f0e1ecb230774b7",class:{"bal-modal__container":true},ref:function(t){return n.modalContainerElement=t}},l("div",{key:"f38d1b9a696644b23960e2769020dbd88518914f",class:(e={"bal-modal__content":true},e["bal-modal__content--has-spacing-".concat(this.space)]=true,e),ref:function(t){return n.modalContentElement=t}},l("slot",{key:"984553311791bdbc7de71bb56ea8deef8e431012"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return c(this)},enumerable:false,configurable:true});return t}());x.style=y;var k=t("bal_modal_body",function(){function t(t){n(this,t)}t.prototype.render=function(){return l(d,{key:"4a3cf0d4ca4d8e0fa57745fe87aa9e03c9bc4bef",class:"bal-modal__body"},l("slot",{key:"4f42e2817d50f6633e18e548f3194387802cb251"}))};return t}());var j=t("bal_modal_header",function(){function t(t){var e=this;n(this,t);this.closeHandler=function(){if(e.parentModal){e.parentModal.dismiss(undefined,"model-close")}}}Object.defineProperty(t.prototype,"parentModal",{get:function(){return this.el.closest("bal-modal")},enumerable:false,configurable:true});t.prototype.render=function(){var t;return l(d,{key:"9c524259d6f60c57d7d682e5453e7abb2432bfe0",class:"bal-modal__header"},l("div",{key:"7597f303fba32bb3a28b6bf9775b368bb92d1c43",class:"bal-modal__header__title"},l("bal-heading",{key:"a7c072e997d9a6863683a895a0b71441abbb1b46",level:"h2",space:"none"},l("slot",{key:"72f19ac646649a03f1b27c01b10dbad411c6e61d"}))),((t=this.parentModal)===null||t===void 0?void 0:t.isClosable)?l("bal-close",{class:"bal-modal__header__close data-test-modal-close",onClick:this.closeHandler}):"")};Object.defineProperty(t.prototype,"el",{get:function(){return c(this)},enumerable:false,configurable:true});return t}())}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,n,a){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function o(t){try{l(a.next(t))}catch(t){r(t)}}function s(t){try{l(a["throw"](t))}catch(t){r(t)}}function l(t){t.done?n(t.value):i(t.value).then(o,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,i,r,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return l([t,e])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(a=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(t){s=[6,t];i=0}finally{a=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-CZqZRJHG.system.js","./p-CvogP0Go.system.js","./p-B6zedjBY.system.js"],(function(t){"use strict";var e,n,a,i,r,o,s,l,d,c,u,m,f,h,b;return{setters:[function(t){e=t.d;n=t.H;a=t.P;i=t.a;r=t.r;o=t.V;s=t.w;l=t.M;d=t.N;c=t.O},function(t){u=t.p;m=t.d;f=t.e;h=t.F},function(t){b=t.B}],execute:function(){var _=this;var p=function(t,n,a,i,r){return __awaiter(_,void 0,void 0,(function(){var o;return __generator(this,(function(s){switch(s.label){case 0:if(t){return[2,t.attachViewToDom(n,a,r,i)]}if(typeof a!=="string"&&!(a instanceof HTMLElement)){throw new Error("framework delegate is missing")}o=typeof a==="string"?n.ownerDocument&&n.ownerDocument.createElement(a):a;if(i){i.forEach((function(t){return o.classList.add(t)}))}if(r){Object.assign(o,r)}n.appendChild(o);return[4,new Promise((function(t){return e(o,t)}))];case 1:s.sent();return[2,o]}}))}))};var g=function(t,e){if(e){if(t){var n=e.parentElement;return t.removeViewFromDom(n,e)}e.remove()}return Promise.resolve()};var v=function(t){var e={};w(t).forEach((function(t){return e[t]=true}));return e};var w=function(t){if(t!==undefined){var e=Array.isArray(t)?t:t.split(" ");return e.filter((function(t){return t!=null})).map((function(t){return t.trim()})).filter((function(t){return t!==""}))}return[]};var y=".bal-modal,.bal-modal__background{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-modal-background:var(--bal-color-white);--bal-modal-backdrop-background:var(--bal-color-primary-6);--bal-modal-backdrop-opacity:.6;--bal-modal-radius:var(--bal-radius-large)}.bal-modal{-ms-flex-align:center;align-items:center;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;position:fixed;z-index:var(--bal-z-index-modal)}.bal-modal--is-active{display:-ms-flexbox;display:flex}.bal-modal__background{background:var(--bal-modal-backdrop-background);opacity:var(--bal-modal-backdrop-opacity)}.bal-modal__header__title{padding-right:2.5rem;line-height:2rem}.bal-modal__header__close{position:absolute !important;display:-ms-flexbox !important;display:flex !important;right:1.25rem !important;top:1.5rem !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:2rem;max-width:2rem;min-height:2rem;max-height:2rem}.bal-modal__container{position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:none;overflow-y:auto;-ms-overflow-y:visible;padding:.5rem}@media screen and (min-width: 769px),print{.bal-modal__container{padding:0}}.bal-modal__content{overflow:none;position:relative;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--bal-modal-background);border-radius:var(--bal-modal-radius);padding:1rem}@media screen and (min-width: 769px),print{.bal-modal__content{margin:3rem auto;width:var(--bal-modal-width, var(--bal-width, 40rem))}}.bal-modal__content .bal-modal__header{padding-bottom:1rem}.bal-modal__content .bal-modal__header__close{right:1.2rem !important;top:.7rem !important}@media screen and (min-width: 769px),print{.bal-modal__content{padding:1.5rem}.bal-modal__content .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content{padding:2.5rem}.bal-modal__content .bal-modal__header{padding-bottom:2.5rem}.bal-modal__content .bal-modal__header__close{right:2.7rem !important;top:2.2rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}.bal-modal__body>bal-button-group{padding-top:1rem}";var x=t("bal_modal",function(){function t(t){n(this,t);this.didPresent=a(this,"balModalDidPresent");this.willPresent=a(this,"balModalWillPresent");this.willDismiss=a(this,"balModalWillDismiss");this.didDismiss=a(this,"balModalDidDismiss");this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.bodyScrollHandler=new b;this.presented=false;this.modalWidth=640;this.space="";this.hasBackdrop=true;this.isClosable=true;this.backdropDismiss=true;this.focusTrap=true;this.demo=false}t.prototype.connectedCallback=function(){this.bodyScrollHandler.connect();u(this);if(i.hasDocument&&this.demo){this.open()}};t.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,r(this.usersElement)];case 1:e.sent();this.setModalActiveOnBody();o((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.add("fadeIn")}if(t.modalContentElement){t.modalContentElement.classList.add("fadeInDown")}}));if(this.presented){return[2]}this.willPresent.emit();this.presented=true;return[4,s(150)];case 2:e.sent();o((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.remove("fadeIn")}if(t.modalContentElement){t.modalContentElement.classList.remove("fadeInDown")}}));this.didPresent.emit();return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.willDismiss.emit();this.unsetModalActiveOnBody();this.presented=false;this.didDismiss.emit();return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(a){switch(a.label){case 0:this.setModalActiveOnBody();if(this.presented){return[2]}t=this.el.querySelector(".bal-modal__content");if(!t){throw new Error("container is undefined")}e=Object.assign(Object.assign({},this.componentProps),{modal:this.el});n=this;return[4,p(this.delegate,t,this.component,[],e)];case 1:n.usersElement=a.sent();return[4,this.open()];case 2:a.sent();return[2]}}))}))};t.prototype.dismiss=function(t,e){return __awaiter(this,void 0,void 0,(function(){var n;var a=this;return __generator(this,(function(i){switch(i.label){case 0:this.unsetModalActiveOnBody();if(!(this.delegate===undefined))return[3,2];return[4,this.close()];case 1:i.sent();return[2,true];case 2:return[4,m(this,t,e,(function(){return __awaiter(a,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:o((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.add("fadeOut")}if(t.modalContentElement){t.modalContentElement.classList.add("fadeOutUp")}}));return[4,s(140)];case 1:e.sent();return[2]}}))}))}))];case 3:n=i.sent();if(!n)return[3,5];return[4,g(this.delegate,this.usersElement)];case 4:i.sent();i.label=5;case 5:return[2,n]}}))}))};t.prototype.onDidDismiss=function(){return f(this.el,"balModalDidDismiss")};t.prototype.onWillDismiss=function(){return f(this.el,"balModalWillDismiss")};t.prototype.onClickCloseButton=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n;return __generator(this,(function(a){switch(a.label){case 0:if(!(this.isClosable&&this.presented&&t&&t.target))return[3,4];e=t.target;n=e.closest("bal-button");if(!(n&&n.hasAttribute("modal-close")))return[3,2];return[4,this.dismiss(undefined,"model-close")];case 1:a.sent();a.label=2;case 2:if(!(this.backdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,4];return[4,this.dismiss(undefined,"model-close")];case 3:a.sent();a.label=4;case 4:return[2]}}))}))};t.prototype.onMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isClickedOutsideOnMouseDown=this.isClickedOutside(t);return[2]}))}))};t.prototype.onMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isClickedOutsideOnMouseUp=this.isClickedOutside(t);return[2]}))}))};t.prototype.handleKeyUp=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n,a;return __generator(this,(function(i){switch(i.label){case 0:e=Array.from(document.querySelectorAll("bal-modal")).filter((function(t){return t.hasAttribute("aria-presented")}));n=e.map((function(t){return t.overlayIndex})).map((function(t){return parseInt(t)})).filter((function(t){return!Number.isNaN(t)}));a=Math.max.apply(Math,n);if(!(this.overlayIndex===a))return[3,4];t.preventDefault();t.stopPropagation();if(!(this.presented&&this.isClosable))return[3,4];if(!(t.key==="Escape"||t.key==="Esc"))return[3,4];if(!this.delegate)return[3,2];return[4,this.dismiss(undefined,"model-escape")];case 1:i.sent();return[3,4];case 2:return[4,this.close()];case 3:i.sent();i.label=4;case 4:return[2]}}))}))};t.prototype.setModalActiveOnBody=function(){if(!this.demo){this.bodyScrollHandler.disable()}};t.prototype.unsetModalActiveOnBody=function(){this.bodyScrollHandler.enable()};t.prototype.isClickedOutside=function(t){if(this.isClosable&&this.presented&&t&&t.target&&this.backdropDismiss){var e=t.target;return e.classList.contains("bal-modal__container")}return false};t.prototype.render=function(){var t,e;var n=this;return l(d,{key:"b9f93570b2f131d733376175c270362d332b2f8c","aria-modal":"true","aria-presented":this.presented?"true":null,"data-testid":this.dataTestId,tabindex:"-1",class:Object.assign((t={"bal-modal":true,"bal-modal--is-closable":this.isClosable,"bal-modal--is-active":this.presented},t[h]=this.focusTrap===false,t),v(this.cssClass)),style:{"--bal-width":"".concat(this.modalWidth,"px")}},l("div",{key:"3ba52aa812080ca4df440ed31550c63f247102ed",class:{"bal-modal__background":true,"is-hidden":!this.hasBackdrop},ref:function(t){return n.modalBackgroundElement=t}}),l("div",{key:"a0e32a3bdd09f2abc90f18129f0e1ecb230774b7",class:{"bal-modal__container":true},ref:function(t){return n.modalContainerElement=t}},l("div",{key:"f38d1b9a696644b23960e2769020dbd88518914f",class:(e={"bal-modal__content":true},e["bal-modal__content--has-spacing-".concat(this.space)]=true,e),ref:function(t){return n.modalContentElement=t}},l("slot",{key:"984553311791bdbc7de71bb56ea8deef8e431012"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return c(this)},enumerable:false,configurable:true});return t}());x.style=y;var k=t("bal_modal_body",function(){function t(t){n(this,t)}t.prototype.render=function(){return l(d,{key:"4a3cf0d4ca4d8e0fa57745fe87aa9e03c9bc4bef",class:"bal-modal__body"},l("slot",{key:"4f42e2817d50f6633e18e548f3194387802cb251"}))};return t}());var j=t("bal_modal_header",function(){function t(t){var e=this;n(this,t);this.closeHandler=function(){if(e.parentModal){e.parentModal.dismiss(undefined,"model-close")}}}Object.defineProperty(t.prototype,"parentModal",{get:function(){return this.el.closest("bal-modal")},enumerable:false,configurable:true});t.prototype.render=function(){var t;return l(d,{key:"9c524259d6f60c57d7d682e5453e7abb2432bfe0",class:"bal-modal__header"},l("div",{key:"7597f303fba32bb3a28b6bf9775b368bb92d1c43",class:"bal-modal__header__title"},l("bal-heading",{key:"a7c072e997d9a6863683a895a0b71441abbb1b46",level:"h2",space:"none"},l("slot",{key:"72f19ac646649a03f1b27c01b10dbad411c6e61d"}))),((t=this.parentModal)===null||t===void 0?void 0:t.isClosable)?l("bal-close",{class:"bal-modal__header__close data-test-modal-close",onClick:this.closeHandler}):"")};Object.defineProperty(t.prototype,"el",{get:function(){return c(this)},enumerable:false,configurable:true});return t}())}}}));

package/dist/baloise-design-system/{p-f6b61e01ca.entry.js → p-295b43cf43.entry.js}

@@ -1 +1 @@
-import{d as a,H as t,P as e,a as i,r as s,V as o,w as l,M as d,N as n,O as r}from"./p-BD2o1F4P.js";import{p as m,d as c,e as h,F as b}from"./p-DWFDan_k.js";import{B as _}from"./p-BHYcTU7V.js";const p=a=>{const t={};return f(a).forEach((a=>t[a]=!0)),t},f=a=>void 0!==a?(Array.isArray(a)?a:a.split(" ")).filter((a=>null!=a)).map((a=>a.trim())).filter((a=>""!==a)):[],g=class{constructor(a){t(this,a),this.didPresent=e(this,"balModalDidPresent"),this.willPresent=e(this,"balModalWillPresent"),this.willDismiss=e(this,"balModalWillDismiss"),this.didDismiss=e(this,"balModalDidDismiss"),this.isClickedOutsideOnMouseDown=!1,this.isClickedOutsideOnMouseUp=!1,this.bodyScrollHandler=new _,this.presented=!1,this.modalWidth=640,this.space="",this.hasBackdrop=!0,this.isClosable=!0,this.backdropDismiss=!0,this.focusTrap=!0,this.demo=!1}connectedCallback(){this.bodyScrollHandler.connect(),m(this),i.hasDocument&&this.demo&&this.open()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}async open(){await s(this.usersElement),this.setModalActiveOnBody(),o((()=>{this.modalBackgroundElement&&this.modalBackgroundElement.classList.add("fadeIn"),this.modalContentElement&&this.modalContentElement.classList.add("fadeInDown")})),this.presented||(this.willPresent.emit(),this.presented=!0,await l(150),o((()=>{this.modalBackgroundElement&&this.modalBackgroundElement.classList.remove("fadeIn"),this.modalContentElement&&this.modalContentElement.classList.remove("fadeInDown")})),this.didPresent.emit())}async close(){this.willDismiss.emit(),this.unsetModalActiveOnBody(),this.presented=!1,this.didDismiss.emit()}async present(){if(this.setModalActiveOnBody(),this.presented)return;const t=this.el.querySelector(".bal-modal__content");if(!t)throw new Error("container is undefined");const e=Object.assign(Object.assign({},this.componentProps),{modal:this.el});this.usersElement=await(async(t,e,i,s,o)=>{if(t)return t.attachViewToDom(e,i,o,s);if("string"!=typeof i&&!(i instanceof HTMLElement))throw new Error("framework delegate is missing");const l="string"==typeof i?e.ownerDocument&&e.ownerDocument.createElement(i):i;return s&&s.forEach((a=>l.classList.add(a))),o&&Object.assign(l,o),e.appendChild(l),await new Promise((t=>a(l,t))),l})(this.delegate,t,this.component,[],e),await this.open()}async dismiss(a,t){if(this.unsetModalActiveOnBody(),void 0===this.delegate)return await this.close(),!0;const e=await c(this,a,t,(async()=>{o((()=>{this.modalBackgroundElement&&this.modalBackgroundElement.classList.add("fadeOut"),this.modalContentElement&&this.modalContentElement.classList.add("fadeOutUp")})),await l(140)}));return e&&await((a,t)=>{if(t){if(a)return a.removeViewFromDom(t.parentElement,t);t.remove()}return Promise.resolve()})(this.delegate,this.usersElement),e}onDidDismiss(){return h(this.el,"balModalDidDismiss")}onWillDismiss(){return h(this.el,"balModalWillDismiss")}async onClickCloseButton(a){if(this.isClosable&&this.presented&&a&&a.target){const t=a.target.closest("bal-button");t&&t.hasAttribute("modal-close")&&await this.dismiss(void 0,"model-close"),this.backdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown&&await this.dismiss(void 0,"model-close")}}async onMouseDown(a){this.isClickedOutsideOnMouseDown=this.isClickedOutside(a)}async onMouseUp(a){this.isClickedOutsideOnMouseUp=this.isClickedOutside(a)}async handleKeyUp(a){const t=Array.from(document.querySelectorAll("bal-modal")).filter((a=>a.hasAttribute("aria-presented"))).map((a=>a.overlayIndex)).map((a=>parseInt(a))).filter((a=>!Number.isNaN(a))),e=Math.max(...t);this.overlayIndex===e&&(a.preventDefault(),a.stopPropagation(),this.presented&&this.isClosable&&("Escape"!==a.key&&"Esc"!==a.key||(this.delegate?await this.dismiss(void 0,"model-escape"):await this.close())))}setModalActiveOnBody(){this.demo||this.bodyScrollHandler.disable()}unsetModalActiveOnBody(){this.bodyScrollHandler.enable()}isClickedOutside(a){return!!(this.isClosable&&this.presented&&a&&a.target&&this.backdropDismiss)&&a.target.classList.contains("bal-modal__container")}render(){return d(n,{key:"b9f93570b2f131d733376175c270362d332b2f8c","aria-modal":"true","aria-presented":this.presented?"true":null,"data-testid":this.dataTestId,tabindex:"-1",class:Object.assign({"bal-modal":!0,"bal-modal--is-closable":this.isClosable,"bal-modal--is-active":this.presented,[b]:!1===this.focusTrap},p(this.cssClass)),style:{"--bal-width":`${this.modalWidth}px`}},d("div",{key:"3ba52aa812080ca4df440ed31550c63f247102ed",class:{"bal-modal__background":!0,"is-hidden":!this.hasBackdrop},ref:a=>this.modalBackgroundElement=a}),d("div",{key:"a0e32a3bdd09f2abc90f18129f0e1ecb230774b7",class:{"bal-modal__container":!0},ref:a=>this.modalContainerElement=a},d("div",{key:"f38d1b9a696644b23960e2769020dbd88518914f",class:{"bal-modal__content":!0,[`bal-modal__content--has-spacing-${this.space}`]:!0},ref:a=>this.modalContentElement=a},d("slot",{key:"984553311791bdbc7de71bb56ea8deef8e431012"}))))}get el(){return r(this)}};g.style=".bal-modal,.bal-modal__background{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-modal-background:var(--bal-color-white);--bal-modal-backdrop-background:var(--bal-color-primary-6);--bal-modal-backdrop-opacity:.6;--bal-modal-radius:var(--bal-radius-large)}.bal-modal{-ms-flex-align:center;align-items:center;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;position:fixed;z-index:var(--bal-z-index-modal)}.bal-modal--is-active{display:-ms-flexbox;display:flex}.bal-modal__background{background:var(--bal-modal-backdrop-background);opacity:var(--bal-modal-backdrop-opacity)}.bal-modal__header__title{padding-right:2.5rem;line-height:2rem}.bal-modal__header__close{position:absolute !important;display:-ms-flexbox !important;display:flex !important;right:1.25rem !important;top:1.5rem !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:2rem;max-width:2rem;min-height:2rem;max-height:2rem}.bal-modal__container{position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:none;overflow-y:auto;-ms-overflow-y:visible;padding:.5rem}@media screen and (min-width: 769px),print{.bal-modal__container{padding:0}}.bal-modal__content{overflow:none;position:relative;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--bal-modal-background);border-radius:var(--bal-modal-radius);padding:1rem}@media screen and (min-width: 769px),print{.bal-modal__content{margin:3rem auto;width:var(--bal-modal-width, var(--bal-width, 40rem))}}.bal-modal__content .bal-modal__header{padding-bottom:1rem}.bal-modal__content .bal-modal__header__close{right:1.2rem !important;top:.7rem !important}@media screen and (min-width: 769px),print{.bal-modal__content{padding:1.5rem}.bal-modal__content .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content{padding:2.5rem}.bal-modal__content .bal-modal__header{padding-bottom:2.5rem}.bal-modal__content .bal-modal__header__close{right:2.7rem !important;top:2.2rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}.bal-modal__body>bal-button-group{padding-top:1rem}";const u=class{constructor(a){t(this,a)}render(){return d(n,{key:"4a3cf0d4ca4d8e0fa57745fe87aa9e03c9bc4bef",class:"bal-modal__body"},d("slot",{key:"4f42e2817d50f6633e18e548f3194387802cb251"}))}},y=class{constructor(a){t(this,a),this.closeHandler=()=>{this.parentModal&&this.parentModal.dismiss(void 0,"model-close")}}get parentModal(){return this.el.closest("bal-modal")}render(){var a;return d(n,{key:"9c524259d6f60c57d7d682e5453e7abb2432bfe0",class:"bal-modal__header"},d("div",{key:"7597f303fba32bb3a28b6bf9775b368bb92d1c43",class:"bal-modal__header__title"},d("bal-heading",{key:"a7c072e997d9a6863683a895a0b71441abbb1b46",level:"h2",space:"none"},d("slot",{key:"72f19ac646649a03f1b27c01b10dbad411c6e61d"}))),(null===(a=this.parentModal)||void 0===a?void 0:a.isClosable)?d("bal-close",{class:"bal-modal__header__close data-test-modal-close",onClick:this.closeHandler}):"")}get el(){return r(this)}};export{g as bal_modal,u as bal_modal_body,y as bal_modal_header}
+import{d as a,H as t,P as e,a as i,r as s,V as o,w as l,M as d,N as n,O as r}from"./p-PmQf2Yvi.js";import{p as m,d as h,e as c,F as b}from"./p-Cf_k64KF.js";import{B as _}from"./p-JWilOp6f.js";const p=a=>{const t={};return f(a).forEach((a=>t[a]=!0)),t},f=a=>void 0!==a?(Array.isArray(a)?a:a.split(" ")).filter((a=>null!=a)).map((a=>a.trim())).filter((a=>""!==a)):[],g=class{constructor(a){t(this,a),this.didPresent=e(this,"balModalDidPresent"),this.willPresent=e(this,"balModalWillPresent"),this.willDismiss=e(this,"balModalWillDismiss"),this.didDismiss=e(this,"balModalDidDismiss"),this.isClickedOutsideOnMouseDown=!1,this.isClickedOutsideOnMouseUp=!1,this.bodyScrollHandler=new _,this.presented=!1,this.modalWidth=640,this.space="",this.hasBackdrop=!0,this.isClosable=!0,this.backdropDismiss=!0,this.focusTrap=!0,this.demo=!1}connectedCallback(){this.bodyScrollHandler.connect(),m(this),i.hasDocument&&this.demo&&this.open()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}async open(){await s(this.usersElement),this.setModalActiveOnBody(),o((()=>{this.modalBackgroundElement&&this.modalBackgroundElement.classList.add("fadeIn"),this.modalContentElement&&this.modalContentElement.classList.add("fadeInDown")})),this.presented||(this.willPresent.emit(),this.presented=!0,await l(150),o((()=>{this.modalBackgroundElement&&this.modalBackgroundElement.classList.remove("fadeIn"),this.modalContentElement&&this.modalContentElement.classList.remove("fadeInDown")})),this.didPresent.emit())}async close(){this.willDismiss.emit(),this.unsetModalActiveOnBody(),this.presented=!1,this.didDismiss.emit()}async present(){if(this.setModalActiveOnBody(),this.presented)return;const t=this.el.querySelector(".bal-modal__content");if(!t)throw new Error("container is undefined");const e=Object.assign(Object.assign({},this.componentProps),{modal:this.el});this.usersElement=await(async(t,e,i,s,o)=>{if(t)return t.attachViewToDom(e,i,o,s);if("string"!=typeof i&&!(i instanceof HTMLElement))throw new Error("framework delegate is missing");const l="string"==typeof i?e.ownerDocument&&e.ownerDocument.createElement(i):i;return s&&s.forEach((a=>l.classList.add(a))),o&&Object.assign(l,o),e.appendChild(l),await new Promise((t=>a(l,t))),l})(this.delegate,t,this.component,[],e),await this.open()}async dismiss(a,t){if(this.unsetModalActiveOnBody(),void 0===this.delegate)return await this.close(),!0;const e=await h(this,a,t,(async()=>{o((()=>{this.modalBackgroundElement&&this.modalBackgroundElement.classList.add("fadeOut"),this.modalContentElement&&this.modalContentElement.classList.add("fadeOutUp")})),await l(140)}));return e&&await((a,t)=>{if(t){if(a)return a.removeViewFromDom(t.parentElement,t);t.remove()}return Promise.resolve()})(this.delegate,this.usersElement),e}onDidDismiss(){return c(this.el,"balModalDidDismiss")}onWillDismiss(){return c(this.el,"balModalWillDismiss")}async onClickCloseButton(a){if(this.isClosable&&this.presented&&a&&a.target){const t=a.target.closest("bal-button");t&&t.hasAttribute("modal-close")&&await this.dismiss(void 0,"model-close"),this.backdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown&&await this.dismiss(void 0,"model-close")}}async onMouseDown(a){this.isClickedOutsideOnMouseDown=this.isClickedOutside(a)}async onMouseUp(a){this.isClickedOutsideOnMouseUp=this.isClickedOutside(a)}async handleKeyUp(a){const t=Array.from(document.querySelectorAll("bal-modal")).filter((a=>a.hasAttribute("aria-presented"))).map((a=>a.overlayIndex)).map((a=>parseInt(a))).filter((a=>!Number.isNaN(a))),e=Math.max(...t);this.overlayIndex===e&&(a.preventDefault(),a.stopPropagation(),this.presented&&this.isClosable&&("Escape"!==a.key&&"Esc"!==a.key||(this.delegate?await this.dismiss(void 0,"model-escape"):await this.close())))}setModalActiveOnBody(){this.demo||this.bodyScrollHandler.disable()}unsetModalActiveOnBody(){this.bodyScrollHandler.enable()}isClickedOutside(a){return!!(this.isClosable&&this.presented&&a&&a.target&&this.backdropDismiss)&&a.target.classList.contains("bal-modal__container")}render(){return d(n,{key:"b9f93570b2f131d733376175c270362d332b2f8c","aria-modal":"true","aria-presented":this.presented?"true":null,"data-testid":this.dataTestId,tabindex:"-1",class:Object.assign({"bal-modal":!0,"bal-modal--is-closable":this.isClosable,"bal-modal--is-active":this.presented,[b]:!1===this.focusTrap},p(this.cssClass)),style:{"--bal-width":`${this.modalWidth}px`}},d("div",{key:"3ba52aa812080ca4df440ed31550c63f247102ed",class:{"bal-modal__background":!0,"is-hidden":!this.hasBackdrop},ref:a=>this.modalBackgroundElement=a}),d("div",{key:"a0e32a3bdd09f2abc90f18129f0e1ecb230774b7",class:{"bal-modal__container":!0},ref:a=>this.modalContainerElement=a},d("div",{key:"f38d1b9a696644b23960e2769020dbd88518914f",class:{"bal-modal__content":!0,[`bal-modal__content--has-spacing-${this.space}`]:!0},ref:a=>this.modalContentElement=a},d("slot",{key:"984553311791bdbc7de71bb56ea8deef8e431012"}))))}get el(){return r(this)}};g.style=".bal-modal,.bal-modal__background{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-modal-background:var(--bal-color-white);--bal-modal-backdrop-background:var(--bal-color-primary-6);--bal-modal-backdrop-opacity:.6;--bal-modal-radius:var(--bal-radius-large)}.bal-modal{-ms-flex-align:center;align-items:center;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;position:fixed;z-index:var(--bal-z-index-modal)}.bal-modal--is-active{display:-ms-flexbox;display:flex}.bal-modal__background{background:var(--bal-modal-backdrop-background);opacity:var(--bal-modal-backdrop-opacity)}.bal-modal__header__title{padding-right:2.5rem;line-height:2rem}.bal-modal__header__close{position:absolute !important;display:-ms-flexbox !important;display:flex !important;right:1.25rem !important;top:1.5rem !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:2rem;max-width:2rem;min-height:2rem;max-height:2rem}.bal-modal__container{position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:none;overflow-y:auto;-ms-overflow-y:visible;padding:.5rem}@media screen and (min-width: 769px),print{.bal-modal__container{padding:0}}.bal-modal__content{overflow:none;position:relative;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--bal-modal-background);border-radius:var(--bal-modal-radius);padding:1rem}@media screen and (min-width: 769px),print{.bal-modal__content{margin:3rem auto;width:var(--bal-modal-width, var(--bal-width, 40rem))}}.bal-modal__content .bal-modal__header{padding-bottom:1rem}.bal-modal__content .bal-modal__header__close{right:1.2rem !important;top:.7rem !important}@media screen and (min-width: 769px),print{.bal-modal__content{padding:1.5rem}.bal-modal__content .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content{padding:2.5rem}.bal-modal__content .bal-modal__header{padding-bottom:2.5rem}.bal-modal__content .bal-modal__header__close{right:2.7rem !important;top:2.2rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}.bal-modal__body>bal-button-group{padding-top:1rem}";const u=class{constructor(a){t(this,a)}render(){return d(n,{key:"4a3cf0d4ca4d8e0fa57745fe87aa9e03c9bc4bef",class:"bal-modal__body"},d("slot",{key:"4f42e2817d50f6633e18e548f3194387802cb251"}))}},y=class{constructor(a){t(this,a),this.closeHandler=()=>{this.parentModal&&this.parentModal.dismiss(void 0,"model-close")}}get parentModal(){return this.el.closest("bal-modal")}render(){var a;return d(n,{key:"9c524259d6f60c57d7d682e5453e7abb2432bfe0",class:"bal-modal__header"},d("div",{key:"7597f303fba32bb3a28b6bf9775b368bb92d1c43",class:"bal-modal__header__title"},d("bal-heading",{key:"a7c072e997d9a6863683a895a0b71441abbb1b46",level:"h2",space:"none"},d("slot",{key:"72f19ac646649a03f1b27c01b10dbad411c6e61d"}))),(null===(a=this.parentModal)||void 0===a?void 0:a.isClosable)?d("bal-close",{class:"bal-modal__header__close data-test-modal-close",onClick:this.closeHandler}):"")}get el(){return r(this)}};export{g as bal_modal,u as bal_modal_body,y as bal_modal_header}

package/dist/baloise-design-system/{p-fcf6c2e7cd.entry.js → p-2ac32222c3.entry.js}

@@ -1 +1 @@
-import{H as l,P as i,r as e,x as t,M as a,N as s,O as d}from"./p-BD2o1F4P.js";import{_ as o,a as n}from"./p-dfXERft2.js";import{L as r}from"./p-DZOwskv1.js";import{d as b}from"./p-FCLKfv6B.js";import{B as h}from"./p-ByiN-QjD.js";import"./p-rBUN7c88.js";import{b as f}from"./p-ATpaffG2.js";import{L as c}from"./p-BPQ6sr9R.js";import"./p-CvoqQgru.js";import"./p-B9GXle5V.js";import"./p-BpQdAaY_.js";import"./p-DA3x7XDv.js";import"./p-C7ySnb0w.js";const m=class{constructor(e){l(this,e),this.balFormControlDidLoad=i(this,"balFormControlDidLoad"),this.fieldId="bal-field-"+p++,this.formControlElement=["bal-field-control"],this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown","bal-segment"],this.formElements=[...this.formControlElement,"bal-field-label","bal-field-message"],this.required=void 0,this.horizontal=!1,this.invalid=void 0,this.valid=!1,this.disabled=void 0,this.readonly=void 0,this.loading=void 0,this.isDirectChild=l=>{if(!l)return!1;const i=l.parentElement;return!!i&&("bal-field"!==i.nodeName.toLowerCase()||i===this.el)&&(i===this.el||this.isDirectChild(i))},this.isVisible=l=>!!l&&"true"!==l.ariaHidden,this.findDirectChild=l=>{const i=this.el.querySelector(l);if(this.isDirectChild(i)&&this.isVisible(i))return i},this.findDirectChildren=l=>l.map((l=>Array.from(this.el.querySelectorAll(l)).filter(this.isDirectChild).filter(this.isVisible))).flat(),this.mutationObserverActive=!0}requiredHandler(){this.updateProps([...this.inputElements,"bal-field-label"],"required")}invalidHandler(){this.updateProps([...this.inputElements,...this.formElements],"invalid")}validHandler(){this.updateProps([...this.inputElements,...this.formElements],"valid")}disabledHandler(){this.updateProps([...this.inputElements,...this.formElements],"disabled")}readonlyHandler(){this.updateProps([...this.inputElements,...this.formElements],"readonly")}loadingHandler(){this.updateProps([...this.inputElements,...this.formControlElement],"loading")}connectedCallback(){this.triggerAllHandlers()}componentWillLoad(){this.triggerAllHandlers()}async componentDidLoad(){await this.syncAriaAttributes()}async syncAriaAttributes(){await e(this.el),await t();const l=this.findDirectChild("bal-field-label bal-label"),i=this.findDirectChild("bal-field-message"),a=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-segment","bal-field-control bal-segment-item","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]),s=Object.assign({},b);l&&(s.labelId=`${this.fieldId}-lbl`),i&&(s.messageId=`${this.fieldId}-msg`);for(let e=0;e<a.length;e++){const t=a[e];0===e?(s.controlId=`${this.fieldId}-ctrl`,await(null==l?void 0:l.setAriaForm(s)),await(null==i?void 0:i.setAriaForm(s)),await(null==t?void 0:t.setAriaForm(s))):(s.controlId=`${this.fieldId}-ctrl-${e}`,await(null==t?void 0:t.setAriaForm(s)))}}mutationListener(){this.triggerAllHandlers(),this.syncAriaAttributes()}triggerAllHandlers(){this.requiredHandler(),this.invalidHandler(),this.validHandler(),this.readonlyHandler(),this.disabledHandler(),this.loadingHandler()}updateProps(l,i){const e=this[i];void 0!==e&&this.notifyComponents(l,(l=>l[i]=e))}notifyComponents(l,i){this.el.querySelectorAll(l.join(", ")).forEach((l=>i(l)))}render(){return a(s,{key:"2d5f00847eed504077334ab0a99e7d8ec2d5e933",id:this.fieldId,class:{"bal-field":!0,field:!0,"bal-field--invalid":!0===this.invalid,"bal-field--horizontal":!0===this.horizontal}},a("slot",{key:"7e84f2c3b7a5070c3d44616d4f61c798ed201708"}),a("span",{key:"b7999bd90707cf04144c23ee94cf6ef5e8605ba1",class:"bal-field-hidden"}))}get el(){return d(this)}static get watchers(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}}};o([r({subtree:!1,waitAfterFramePrint:!0}),n("design:type",Function),n("design:paramtypes",[]),n("design:returntype",void 0)],m.prototype,"mutationListener",null);let p=0;m.style=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-message{margin-top:0 !important}.bal-field-control+.bal-field-message{min-height:1.375rem;line-height:1.375rem}.bal-field-control:not(:has(+.bal-field-message)){padding-bottom:1.375rem}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";const u=class{constructor(i){l(this,i),this.iconRight="",this.iconLeft="",this.expandedOnMobile=void 0,this.loading=!1}get buildIconLeftTemplate(){return this.iconLeft?a("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"}):""}get buildIconRightTemplate(){return this.iconRight?a("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"}):""}render(){return a(s,{key:"4aecfd6cf7bc49df8feb26cd3161af9174097fcc",class:{"bal-field-control":!0,control:!0,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},a("slot",{key:"b1d4c61b4ba0cbd96c11d5540e12dafcc4b2518e"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)}},g=class{constructor(i){l(this,i),this.hideTitleOnDesktop=!1,this.subject="",this.closeLabel="Close",this.small=!1,this.isDesktop=f.isDesktop}breakpointListener(l){this.isDesktop=l.desktop}render(){const l=h.block("field-hint");return a(s,{key:"a5f895c418c0dfa249da93d3bc39f5563d31b547",class:Object.assign({},l.class())},a("bal-hint",{key:"83d9c59c6fce044b361fbd471bf83780314c62e9",class:Object.assign({},l.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},!this.subject||this.hideTitleOnDesktop&&this.isDesktop?"":a("bal-hint-title",null,this.subject),a("bal-hint-text",{key:"38b6ef5120c8b5adef31a05ad54f474ed55305f5"},a("slot",{key:"040d24c305badac88e0bb64d21e513a067f6e177"}))))}};o([c(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],g.prototype,"breakpointListener",null);const y=class{constructor(i){l(this,i),this.htmlFor=void 0,this.required=!0,this.valid=void 0,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.size="small",this.weight="bold"}componentDidLoad(){this.element&&(this.parentBalFieldElement=this.element.closest("bal-field"),this.parentBalFieldElement&&this.parentBalFieldElement.classList.add("has-label"))}disconnectedCallback(){this.parentBalFieldElement&&this.parentBalFieldElement.classList.remove("has-label")}render(){return a(s,{key:"049f3e7c80126a7ffbc005e6c69a1bdc8203979b",class:"bal-field-label"},a("bal-label",{key:"269ecb6de6a5daf2f4d4504b37f3980d05b1a121",multiline:!0,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},a("slot",{key:"d832133cb85456ec6b7b1a999b5459044579e783"})))}get element(){return d(this)}},v=class{constructor(i){l(this,i),this.ariaForm=b,this.color="",this.invalid=!1,this.valid=!1,this.disabled=!1,this.readonly=!1,this.noReservedSpace=!1}async setAriaForm(l){this.ariaForm=Object.assign({},l)}render(){return a(s,{key:"f0425dd945959866c1edbfe0affa56a5c325a014",id:this.ariaForm.messageId,class:{"bal-field-message":!0,help:!0,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly,[`is-${this.color}`]:!!this.color},style:{minHeight:this.noReservedSpace?"0":void 0}},a("slot",{key:"c693909e5e98a82db73d2884a4f804cf20e24ab3"}))}};export{m as bal_field,u as bal_field_control,g as bal_field_hint,y as bal_field_label,v as bal_field_message}
+import{H as l,P as i,r as e,x as t,M as a,N as s,O as d}from"./p-PmQf2Yvi.js";import{_ as n,a as o}from"./p-dfXERft2.js";import{L as r}from"./p-DZGc612N.js";import{d as b}from"./p-FCLKfv6B.js";import{B as h}from"./p-ByiN-QjD.js";import"./p-rBUN7c88.js";import{b as f}from"./p-DsMFitQX.js";import{L as c}from"./p-Dygsmb3u.js";import"./p-fwyE1zA4.js";import"./p-C8lnEOy-.js";import"./p-DCgTymE2.js";import"./p-CS7huZb4.js";import"./p-zxUpFKvW.js";const m=class{constructor(e){l(this,e),this.balFormControlDidLoad=i(this,"balFormControlDidLoad"),this.fieldId="bal-field-"+p++,this.formControlElement=["bal-field-control"],this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown","bal-segment"],this.formElements=[...this.formControlElement,"bal-field-label","bal-field-message"],this.required=void 0,this.horizontal=!1,this.invalid=void 0,this.valid=!1,this.disabled=void 0,this.readonly=void 0,this.loading=void 0,this.isDirectChild=l=>{if(!l)return!1;const i=l.parentElement;return!!i&&("bal-field"!==i.nodeName.toLowerCase()||i===this.el)&&(i===this.el||this.isDirectChild(i))},this.isVisible=l=>!!l&&"true"!==l.ariaHidden,this.findDirectChild=l=>{const i=this.el.querySelector(l);if(this.isDirectChild(i)&&this.isVisible(i))return i},this.findDirectChildren=l=>l.map((l=>Array.from(this.el.querySelectorAll(l)).filter(this.isDirectChild).filter(this.isVisible))).flat(),this.mutationObserverActive=!0}requiredHandler(){this.updateProps([...this.inputElements,"bal-field-label"],"required")}invalidHandler(){this.updateProps([...this.inputElements,...this.formElements],"invalid")}validHandler(){this.updateProps([...this.inputElements,...this.formElements],"valid")}disabledHandler(){this.updateProps([...this.inputElements,...this.formElements],"disabled")}readonlyHandler(){this.updateProps([...this.inputElements,...this.formElements],"readonly")}loadingHandler(){this.updateProps([...this.inputElements,...this.formControlElement],"loading")}connectedCallback(){this.triggerAllHandlers()}componentWillLoad(){this.triggerAllHandlers()}async componentDidLoad(){await this.syncAriaAttributes()}async syncAriaAttributes(){await e(this.el),await t();const l=this.findDirectChild("bal-field-label bal-label"),i=this.findDirectChild("bal-field-message"),a=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-segment","bal-field-control bal-segment-item","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]),s=Object.assign({},b);l&&(s.labelId=`${this.fieldId}-lbl`),i&&(s.messageId=`${this.fieldId}-msg`);for(let e=0;e<a.length;e++){const t=a[e];0===e?(s.controlId=`${this.fieldId}-ctrl`,await(null==l?void 0:l.setAriaForm(s)),await(null==i?void 0:i.setAriaForm(s)),await(null==t?void 0:t.setAriaForm(s))):(s.controlId=`${this.fieldId}-ctrl-${e}`,await(null==t?void 0:t.setAriaForm(s)))}}mutationListener(){this.triggerAllHandlers(),this.syncAriaAttributes()}triggerAllHandlers(){this.requiredHandler(),this.invalidHandler(),this.validHandler(),this.readonlyHandler(),this.disabledHandler(),this.loadingHandler()}updateProps(l,i){const e=this[i];void 0!==e&&this.notifyComponents(l,(l=>l[i]=e))}notifyComponents(l,i){this.el.querySelectorAll(l.join(", ")).forEach((l=>i(l)))}render(){return a(s,{key:"2d5f00847eed504077334ab0a99e7d8ec2d5e933",id:this.fieldId,class:{"bal-field":!0,field:!0,"bal-field--invalid":!0===this.invalid,"bal-field--horizontal":!0===this.horizontal}},a("slot",{key:"7e84f2c3b7a5070c3d44616d4f61c798ed201708"}),a("span",{key:"b7999bd90707cf04144c23ee94cf6ef5e8605ba1",class:"bal-field-hidden"}))}get el(){return d(this)}static get watchers(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}}};n([r({subtree:!1,waitAfterFramePrint:!0}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],m.prototype,"mutationListener",null);let p=0;m.style=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-message{margin-top:0 !important}.bal-field-control+.bal-field-message{min-height:1.375rem;line-height:1.375rem}.bal-field-control:not(:has(+.bal-field-message)){padding-bottom:1.375rem}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";const u=class{constructor(i){l(this,i),this.iconRight="",this.iconLeft="",this.expandedOnMobile=void 0,this.loading=!1}get buildIconLeftTemplate(){return this.iconLeft?a("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"}):""}get buildIconRightTemplate(){return this.iconRight?a("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"}):""}render(){return a(s,{key:"4aecfd6cf7bc49df8feb26cd3161af9174097fcc",class:{"bal-field-control":!0,control:!0,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},a("slot",{key:"b1d4c61b4ba0cbd96c11d5540e12dafcc4b2518e"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)}},g=class{constructor(i){l(this,i),this.hideTitleOnDesktop=!1,this.subject="",this.closeLabel="Close",this.small=!1,this.isDesktop=f.isDesktop}breakpointListener(l){this.isDesktop=l.desktop}render(){const l=h.block("field-hint");return a(s,{key:"a5f895c418c0dfa249da93d3bc39f5563d31b547",class:Object.assign({},l.class())},a("bal-hint",{key:"83d9c59c6fce044b361fbd471bf83780314c62e9",class:Object.assign({},l.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},!this.subject||this.hideTitleOnDesktop&&this.isDesktop?"":a("bal-hint-title",null,this.subject),a("bal-hint-text",{key:"38b6ef5120c8b5adef31a05ad54f474ed55305f5"},a("slot",{key:"040d24c305badac88e0bb64d21e513a067f6e177"}))))}};n([c(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],g.prototype,"breakpointListener",null);const y=class{constructor(i){l(this,i),this.htmlFor=void 0,this.required=!0,this.valid=void 0,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.size="small",this.weight="bold"}componentDidLoad(){this.element&&(this.parentBalFieldElement=this.element.closest("bal-field"),this.parentBalFieldElement&&this.parentBalFieldElement.classList.add("has-label"))}disconnectedCallback(){this.parentBalFieldElement&&this.parentBalFieldElement.classList.remove("has-label")}render(){return a(s,{key:"049f3e7c80126a7ffbc005e6c69a1bdc8203979b",class:"bal-field-label"},a("bal-label",{key:"269ecb6de6a5daf2f4d4504b37f3980d05b1a121",multiline:!0,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},a("slot",{key:"d832133cb85456ec6b7b1a999b5459044579e783"})))}get element(){return d(this)}},x=class{constructor(i){l(this,i),this.ariaForm=b,this.color="",this.invalid=!1,this.valid=!1,this.disabled=!1,this.readonly=!1,this.noReservedSpace=!1}async setAriaForm(l){this.ariaForm=Object.assign({},l)}render(){return a(s,{key:"f0425dd945959866c1edbfe0affa56a5c325a014",id:this.ariaForm.messageId,class:{"bal-field-message":!0,help:!0,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly,[`is-${this.color}`]:!!this.color},style:{minHeight:this.noReservedSpace?"0":void 0}},a("slot",{key:"c693909e5e98a82db73d2884a4f804cf20e24ab3"}))}};export{m as bal_field,u as bal_field_control,g as bal_field_hint,y as bal_field_label,x as bal_field_message}