@baloise/ds-core 16.3.0 → 16.4.0-nightly.20240917

package/dist/esm-es5/bal-popover_2.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{b as balBrowser}from"./browser-a8073d92.js";import{L as Logger}from"./log-dfd1c19f.js";import{b as balBreakpoints}from"./breakpoints.subject-9ea7074e.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-f979fe5c.js";import"./helpers-c201154e.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-7d2734e1.js";var top="top";var bottom="bottom";var right="right";var left="left";var auto="auto";var basePlacements=[top,bottom,right,left];var start="start";var end="end";var clippingParents="clippingParents";var viewport="viewport";var popper="popper";var reference="reference";var variationPlacements=basePlacements.reduce((function(e,t){return e.concat([t+"-"+start,t+"-"+end])}),[]);var placements=[].concat(basePlacements,[auto]).reduce((function(e,t){return e.concat([t,t+"-"+start,t+"-"+end])}),[]);var beforeRead="beforeRead";var read="read";var afterRead="afterRead";var beforeMain="beforeMain";var main="main";var afterMain="afterMain";var beforeWrite="beforeWrite";var write="write";var afterWrite="afterWrite";var modifierPhases=[beforeRead,read,afterRead,beforeMain,main,afterMain,beforeWrite,write,afterWrite];function getNodeName(e){return e?(e.nodeName||"").toLowerCase():null}function getWindow(e){if(e==null){return window}if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t?t.defaultView||window:window}return e}function isElement(e){var t=getWindow(e).Element;return e instanceof t||e instanceof Element}function isHTMLElement(e){var t=getWindow(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function isShadowRoot(e){if(typeof ShadowRoot==="undefined"){return false}var t=getWindow(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function applyStyles(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var r=t.styles[e]||{};var n=t.attributes[e]||{};var o=t.elements[e];if(!isHTMLElement(o)||!getNodeName(o)){return}Object.assign(o.style,r);Object.keys(n).forEach((function(e){var t=n[e];if(t===false){o.removeAttribute(e)}else{o.setAttribute(e,t===true?"":t)}}))}))}function effect$2(e){var t=e.state;var r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,r.popper);t.styles=r;if(t.elements.arrow){Object.assign(t.elements.arrow.style,r.arrow)}return function(){Object.keys(t.elements).forEach((function(e){var n=t.elements[e];var o=t.attributes[e]||{};var a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:r[e]);var i=a.reduce((function(e,t){e[t]="";return e}),{});if(!isHTMLElement(n)||!getNodeName(n)){return}Object.assign(n.style,i);Object.keys(o).forEach((function(e){n.removeAttribute(e)}))}))}}var applyStyles$1={name:"applyStyles",enabled:true,phase:"write",fn:applyStyles,effect:effect$2,requires:["computeStyles"]};function getBasePlacement(e){return e.split("-")[0]}var max=Math.max;var min=Math.min;var round=Math.round;function getUAString(){var e=navigator.userAgentData;if(e!=null&&e.brands&&Array.isArray(e.brands)){return e.brands.map((function(e){return e.brand+"/"+e.version})).join(" ")}return navigator.userAgent}function isLayoutViewport(){return!/^((?!chrome|android).)*safari/i.test(getUAString())}function getBoundingClientRect(e,t,r){if(t===void 0){t=false}if(r===void 0){r=false}var n=e.getBoundingClientRect();var o=1;var a=1;if(t&&isHTMLElement(e)){o=e.offsetWidth>0?round(n.width)/e.offsetWidth||1:1;a=e.offsetHeight>0?round(n.height)/e.offsetHeight||1:1}var i=isElement(e)?getWindow(e):window,s=i.visualViewport;var l=!isLayoutViewport()&&r;var c=(n.left+(l&&s?s.offsetLeft:0))/o;var p=(n.top+(l&&s?s.offsetTop:0))/a;var f=n.width/o;var u=n.height/a;return{width:f,height:u,top:p,right:c+f,bottom:p+u,left:c,x:c,y:p}}function getLayoutRect(e){var t=getBoundingClientRect(e);var r=e.offsetWidth;var n=e.offsetHeight;if(Math.abs(t.width-r)<=1){r=t.width}if(Math.abs(t.height-n)<=1){n=t.height}return{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function contains(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t)){return true}else if(r&&isShadowRoot(r)){var n=t;do{if(n&&e.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function getComputedStyle(e){return getWindow(e).getComputedStyle(e)}function isTableElement(e){return["table","td","th"].indexOf(getNodeName(e))>=0}function getDocumentElement(e){return((isElement(e)?e.ownerDocument:e.document)||window.document).documentElement}function getParentNode(e){if(getNodeName(e)==="html"){return e}return e.assignedSlot||e.parentNode||(isShadowRoot(e)?e.host:null)||getDocumentElement(e)}function getTrueOffsetParent(e){if(!isHTMLElement(e)||getComputedStyle(e).position==="fixed"){return null}return e.offsetParent}function getContainingBlock(e){var t=/firefox/i.test(getUAString());var r=/Trident/i.test(getUAString());if(r&&isHTMLElement(e)){var n=getComputedStyle(e);if(n.position==="fixed"){return null}}var o=getParentNode(e);if(isShadowRoot(o)){o=o.host}while(isHTMLElement(o)&&["html","body"].indexOf(getNodeName(o))<0){var a=getComputedStyle(o);if(a.transform!=="none"||a.perspective!=="none"||a.contain==="paint"||["transform","perspective"].indexOf(a.willChange)!==-1||t&&a.willChange==="filter"||t&&a.filter&&a.filter!=="none"){return o}else{o=o.parentNode}}return null}function getOffsetParent(e){var t=getWindow(e);var r=getTrueOffsetParent(e);while(r&&isTableElement(r)&&getComputedStyle(r).position==="static"){r=getTrueOffsetParent(r)}if(r&&(getNodeName(r)==="html"||getNodeName(r)==="body"&&getComputedStyle(r).position==="static")){return t}return r||getContainingBlock(e)||t}function getMainAxisFromPlacement(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function within(e,t,r){return max(e,min(t,r))}function withinMaxClamp(e,t,r){var n=within(e,t,r);return n>r?r:n}function getFreshSideObject(){return{top:0,right:0,bottom:0,left:0}}function mergePaddingObject(e){return Object.assign({},getFreshSideObject(),e)}function expandToHashMap(e,t){return t.reduce((function(t,r){t[r]=e;return t}),{})}var toPaddingObject=function e(t,r){t=typeof t==="function"?t(Object.assign({},r.rects,{placement:r.placement})):t;return mergePaddingObject(typeof t!=="number"?t:expandToHashMap(t,basePlacements))};function arrow(e){var t;var r=e.state,n=e.name,o=e.options;var a=r.elements.arrow;var i=r.modifiersData.popperOffsets;var s=getBasePlacement(r.placement);var l=getMainAxisFromPlacement(s);var c=[left,right].indexOf(s)>=0;var p=c?"height":"width";if(!a||!i){return}var f=toPaddingObject(o.padding,r);var u=getLayoutRect(a);var v=l==="y"?top:left;var d=l==="y"?bottom:right;var b=r.rects.reference[p]+r.rects.reference[l]-i[l]-r.rects.popper[p];var m=i[l]-r.rects.reference[l];var h=getOffsetParent(a);var g=h?l==="y"?h.clientHeight||0:h.clientWidth||0:0;var _=b/2-m/2;var w=f[v];var y=g-u[p]-f[d];var O=g/2-u[p]/2+_;var x=within(w,O,y);var P=l;r.modifiersData[n]=(t={},t[P]=x,t.centerOffset=x-O,t)}function effect$1(e){var t=e.state,r=e.options;var n=r.element,o=n===void 0?"[data-popper-arrow]":n;if(o==null){return}if(typeof o==="string"){o=t.elements.popper.querySelector(o);if(!o){return}}if(!contains(t.elements.popper,o)){return}t.elements.arrow=o}var arrow$1={name:"arrow",enabled:true,phase:"main",fn:arrow,effect:effect$1,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function getVariation(e){return e.split("-")[1]}var unsetSides={top:"auto",right:"auto",bottom:"auto",left:"auto"};function roundOffsetsByDPR(e,t){var r=e.x,n=e.y;var o=t.devicePixelRatio||1;return{x:round(r*o)/o||0,y:round(n*o)/o||0}}function mapToStyles(e){var t;var r=e.popper,n=e.popperRect,o=e.placement,a=e.variation,i=e.offsets,s=e.position,l=e.gpuAcceleration,c=e.adaptive,p=e.roundOffsets,f=e.isFixed;var u=i.x,v=u===void 0?0:u,d=i.y,b=d===void 0?0:d;var m=typeof p==="function"?p({x:v,y:b}):{x:v,y:b};v=m.x;b=m.y;var h=i.hasOwnProperty("x");var g=i.hasOwnProperty("y");var _=left;var w=top;var y=window;if(c){var O=getOffsetParent(r);var x="clientHeight";var P="clientWidth";if(O===getWindow(r)){O=getDocumentElement(r);if(getComputedStyle(O).position!=="static"&&s==="absolute"){x="scrollHeight";P="scrollWidth"}}O=O;if(o===top||(o===left||o===right)&&a===end){w=bottom;var j=f&&O===y&&y.visualViewport?y.visualViewport.height:O[x];b-=j-n.height;b*=l?1:-1}if(o===left||(o===top||o===bottom)&&a===end){_=right;var S=f&&O===y&&y.visualViewport?y.visualViewport.width:O[P];v-=S-n.width;v*=l?1:-1}}var E=Object.assign({position:s},c&&unsetSides);var k=p===true?roundOffsetsByDPR({x:v,y:b},getWindow(r)):{x:v,y:b};v=k.x;b=k.y;if(l){var B;return Object.assign({},E,(B={},B[w]=g?"0":"",B[_]=h?"0":"",B.transform=(y.devicePixelRatio||1)<=1?"translate("+v+"px, "+b+"px)":"translate3d("+v+"px, "+b+"px, 0)",B))}return Object.assign({},E,(t={},t[w]=g?b+"px":"",t[_]=h?v+"px":"",t.transform="",t))}function computeStyles(e){var t=e.state,r=e.options;var n=r.gpuAcceleration,o=n===void 0?true:n,a=r.adaptive,i=a===void 0?true:a,s=r.roundOffsets,l=s===void 0?true:s;var c={placement:getBasePlacement(t.placement),variation:getVariation(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,mapToStyles(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:i,roundOffsets:l})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,mapToStyles(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:l})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var computeStyles$1={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:computeStyles,data:{}};var passive={passive:true};function effect(e){var t=e.state,r=e.instance,n=e.options;var o=n.scroll,a=o===void 0?true:o,i=n.resize,s=i===void 0?true:i;var l=getWindow(t.elements.popper);var c=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(a){c.forEach((function(e){e.addEventListener("scroll",r.update,passive)}))}if(s){l.addEventListener("resize",r.update,passive)}return function(){if(a){c.forEach((function(e){e.removeEventListener("scroll",r.update,passive)}))}if(s){l.removeEventListener("resize",r.update,passive)}}}var eventListeners={name:"eventListeners",enabled:true,phase:"write",fn:function e(){},effect:effect,data:{}};var hash$1={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(e){return e.replace(/left|right|bottom|top/g,(function(e){return hash$1[e]}))}var hash={start:"end",end:"start"};function getOppositeVariationPlacement(e){return e.replace(/start|end/g,(function(e){return hash[e]}))}function getWindowScroll(e){var t=getWindow(e);var r=t.pageXOffset;var n=t.pageYOffset;return{scrollLeft:r,scrollTop:n}}function getWindowScrollBarX(e){return getBoundingClientRect(getDocumentElement(e)).left+getWindowScroll(e).scrollLeft}function getViewportRect(e,t){var r=getWindow(e);var n=getDocumentElement(e);var o=r.visualViewport;var a=n.clientWidth;var i=n.clientHeight;var s=0;var l=0;if(o){a=o.width;i=o.height;var c=isLayoutViewport();if(c||!c&&t==="fixed"){s=o.offsetLeft;l=o.offsetTop}}return{width:a,height:i,x:s+getWindowScrollBarX(e),y:l}}function getDocumentRect(e){var t;var r=getDocumentElement(e);var n=getWindowScroll(e);var o=(t=e.ownerDocument)==null?void 0:t.body;var a=max(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0);var i=max(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0);var s=-n.scrollLeft+getWindowScrollBarX(e);var l=-n.scrollTop;if(getComputedStyle(o||r).direction==="rtl"){s+=max(r.clientWidth,o?o.clientWidth:0)-a}return{width:a,height:i,x:s,y:l}}function isScrollParent(e){var t=getComputedStyle(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function getScrollParent(e){if(["html","body","#document"].indexOf(getNodeName(e))>=0){return e.ownerDocument.body}if(isHTMLElement(e)&&isScrollParent(e)){return e}return getScrollParent(getParentNode(e))}function listScrollParents(e,t){var r;if(t===void 0){t=[]}var n=getScrollParent(e);var o=n===((r=e.ownerDocument)==null?void 0:r.body);var a=getWindow(n);var i=o?[a].concat(a.visualViewport||[],isScrollParent(n)?n:[]):n;var s=t.concat(i);return o?s:s.concat(listScrollParents(getParentNode(i)))}function rectToClientRect(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function getInnerBoundingClientRect(e,t){var r=getBoundingClientRect(e,false,t==="fixed");r.top=r.top+e.clientTop;r.left=r.left+e.clientLeft;r.bottom=r.top+e.clientHeight;r.right=r.left+e.clientWidth;r.width=e.clientWidth;r.height=e.clientHeight;r.x=r.left;r.y=r.top;return r}function getClientRectFromMixedType(e,t,r){return t===viewport?rectToClientRect(getViewportRect(e,r)):isElement(t)?getInnerBoundingClientRect(t,r):rectToClientRect(getDocumentRect(getDocumentElement(e)))}function getClippingParents(e){var t=listScrollParents(getParentNode(e));var r=["absolute","fixed"].indexOf(getComputedStyle(e).position)>=0;var n=r&&isHTMLElement(e)?getOffsetParent(e):e;if(!isElement(n)){return[]}return t.filter((function(e){return isElement(e)&&contains(e,n)&&getNodeName(e)!=="body"}))}function getClippingRect(e,t,r,n){var o=t==="clippingParents"?getClippingParents(e):[].concat(t);var a=[].concat(o,[r]);var i=a[0];var s=a.reduce((function(t,r){var o=getClientRectFromMixedType(e,r,n);t.top=max(o.top,t.top);t.right=min(o.right,t.right);t.bottom=min(o.bottom,t.bottom);t.left=max(o.left,t.left);return t}),getClientRectFromMixedType(e,i,n));s.width=s.right-s.left;s.height=s.bottom-s.top;s.x=s.left;s.y=s.top;return s}function computeOffsets(e){var t=e.reference,r=e.element,n=e.placement;var o=n?getBasePlacement(n):null;var a=n?getVariation(n):null;var i=t.x+t.width/2-r.width/2;var s=t.y+t.height/2-r.height/2;var l;switch(o){case top:l={x:i,y:t.y-r.height};break;case bottom:l={x:i,y:t.y+t.height};break;case right:l={x:t.x+t.width,y:s};break;case left:l={x:t.x-r.width,y:s};break;default:l={x:t.x,y:t.y}}var c=o?getMainAxisFromPlacement(o):null;if(c!=null){var p=c==="y"?"height":"width";switch(a){case start:l[c]=l[c]-(t[p]/2-r[p]/2);break;case end:l[c]=l[c]+(t[p]/2-r[p]/2);break}}return l}function detectOverflow(e,t){if(t===void 0){t={}}var r=t,n=r.placement,o=n===void 0?e.placement:n,a=r.strategy,i=a===void 0?e.strategy:a,s=r.boundary,l=s===void 0?clippingParents:s,c=r.rootBoundary,p=c===void 0?viewport:c,f=r.elementContext,u=f===void 0?popper:f,v=r.altBoundary,d=v===void 0?false:v,b=r.padding,m=b===void 0?0:b;var h=mergePaddingObject(typeof m!=="number"?m:expandToHashMap(m,basePlacements));var g=u===popper?reference:popper;var _=e.rects.popper;var w=e.elements[d?g:u];var y=getClippingRect(isElement(w)?w:w.contextElement||getDocumentElement(e.elements.popper),l,p,i);var O=getBoundingClientRect(e.elements.reference);var x=computeOffsets({reference:O,element:_,strategy:"absolute",placement:o});var P=rectToClientRect(Object.assign({},_,x));var j=u===popper?P:O;var S={top:y.top-j.top+h.top,bottom:j.bottom-y.bottom+h.bottom,left:y.left-j.left+h.left,right:j.right-y.right+h.right};var E=e.modifiersData.offset;if(u===popper&&E){var k=E[o];Object.keys(S).forEach((function(e){var t=[right,bottom].indexOf(e)>=0?1:-1;var r=[top,bottom].indexOf(e)>=0?"y":"x";S[e]+=k[r]*t}))}return S}function computeAutoPlacement(e,t){if(t===void 0){t={}}var r=t,n=r.placement,o=r.boundary,a=r.rootBoundary,i=r.padding,s=r.flipVariations,l=r.allowedAutoPlacements,c=l===void 0?placements:l;var p=getVariation(n);var f=p?s?variationPlacements:variationPlacements.filter((function(e){return getVariation(e)===p})):basePlacements;var u=f.filter((function(e){return c.indexOf(e)>=0}));if(u.length===0){u=f}var v=u.reduce((function(t,r){t[r]=detectOverflow(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[getBasePlacement(r)];return t}),{});return Object.keys(v).sort((function(e,t){return v[e]-v[t]}))}function getExpandedFallbackPlacements(e){if(getBasePlacement(e)===auto){return[]}var t=getOppositePlacement(e);return[getOppositeVariationPlacement(e),t,getOppositeVariationPlacement(t)]}function flip(e){var t=e.state,r=e.options,n=e.name;if(t.modifiersData[n]._skip){return}var o=r.mainAxis,a=o===void 0?true:o,i=r.altAxis,s=i===void 0?true:i,l=r.fallbackPlacements,c=r.padding,p=r.boundary,f=r.rootBoundary,u=r.altBoundary,v=r.flipVariations,d=v===void 0?true:v,b=r.allowedAutoPlacements;var m=t.options.placement;var h=getBasePlacement(m);var g=h===m;var _=l||(g||!d?[getOppositePlacement(m)]:getExpandedFallbackPlacements(m));var w=[m].concat(_).reduce((function(e,r){return e.concat(getBasePlacement(r)===auto?computeAutoPlacement(t,{placement:r,boundary:p,rootBoundary:f,padding:c,flipVariations:d,allowedAutoPlacements:b}):r)}),[]);var y=t.rects.reference;var O=t.rects.popper;var x=new Map;var P=true;var j=w[0];for(var S=0;S<w.length;S++){var E=w[S];var k=getBasePlacement(E);var B=getVariation(E)===start;var T=[top,bottom].indexOf(k)>=0;var M=T?"width":"height";var C=detectOverflow(t,{placement:E,boundary:p,rootBoundary:f,altBoundary:u,padding:c});var L=T?B?right:left:B?bottom:top;if(y[M]>O[M]){L=getOppositePlacement(L)}var R=getOppositePlacement(L);var A=[];if(a){A.push(C[k]<=0)}if(s){A.push(C[L]<=0,C[R]<=0)}if(A.every((function(e){return e}))){j=E;P=false;break}x.set(E,A)}if(P){var N=d?3:1;var W=function e(t){var r=w.find((function(e){var r=x.get(e);if(r){return r.slice(0,t).every((function(e){return e}))}}));if(r){j=r;return"break"}};for(var H=N;H>0;H--){var F=W(H);if(F==="break")break}}if(t.placement!==j){t.modifiersData[n]._skip=true;t.placement=j;t.reset=true}}var flip$1={name:"flip",enabled:true,phase:"main",fn:flip,requiresIfExists:["offset"],data:{_skip:false}};function getSideOffsets(e,t,r){if(r===void 0){r={x:0,y:0}}return{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function isAnySideFullyClipped(e){return[top,right,bottom,left].some((function(t){return e[t]>=0}))}function hide(e){var t=e.state,r=e.name;var n=t.rects.reference;var o=t.rects.popper;var a=t.modifiersData.preventOverflow;var i=detectOverflow(t,{elementContext:"reference"});var s=detectOverflow(t,{altBoundary:true});var l=getSideOffsets(i,n);var c=getSideOffsets(s,o,a);var p=isAnySideFullyClipped(l);var f=isAnySideFullyClipped(c);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:f};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":f})}var hide$1={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:hide};function distanceAndSkiddingToXY(e,t,r){var n=getBasePlacement(e);var o=[left,top].indexOf(n)>=0?-1:1;var a=typeof r==="function"?r(Object.assign({},t,{placement:e})):r,i=a[0],s=a[1];i=i||0;s=(s||0)*o;return[left,right].indexOf(n)>=0?{x:s,y:i}:{x:i,y:s}}function offset(e){var t=e.state,r=e.options,n=e.name;var o=r.offset,a=o===void 0?[0,0]:o;var i=placements.reduce((function(e,r){e[r]=distanceAndSkiddingToXY(r,t.rects,a);return e}),{});var s=i[t.placement],l=s.x,c=s.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=l;t.modifiersData.popperOffsets.y+=c}t.modifiersData[n]=i}var offset$1={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:offset};function popperOffsets(e){var t=e.state,r=e.name;t.modifiersData[r]=computeOffsets({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}var popperOffsets$1={name:"popperOffsets",enabled:true,phase:"read",fn:popperOffsets,data:{}};function getAltAxis(e){return e==="x"?"y":"x"}function preventOverflow(e){var t=e.state,r=e.options,n=e.name;var o=r.mainAxis,a=o===void 0?true:o,i=r.altAxis,s=i===void 0?false:i,l=r.boundary,c=r.rootBoundary,p=r.altBoundary,f=r.padding,u=r.tether,v=u===void 0?true:u,d=r.tetherOffset,b=d===void 0?0:d;var m=detectOverflow(t,{boundary:l,rootBoundary:c,padding:f,altBoundary:p});var h=getBasePlacement(t.placement);var g=getVariation(t.placement);var _=!g;var w=getMainAxisFromPlacement(h);var y=getAltAxis(w);var O=t.modifiersData.popperOffsets;var x=t.rects.reference;var P=t.rects.popper;var j=typeof b==="function"?b(Object.assign({},t.rects,{placement:t.placement})):b;var S=typeof j==="number"?{mainAxis:j,altAxis:j}:Object.assign({mainAxis:0,altAxis:0},j);var E=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null;var k={x:0,y:0};if(!O){return}if(a){var B;var T=w==="y"?top:left;var M=w==="y"?bottom:right;var C=w==="y"?"height":"width";var L=O[w];var R=L+m[T];var A=L-m[M];var N=v?-P[C]/2:0;var W=g===start?x[C]:P[C];var H=g===start?-P[C]:-x[C];var F=t.elements.arrow;var $=v&&F?getLayoutRect(F):{width:0,height:0};var V=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:getFreshSideObject();var D=V[T];var I=V[M];var z=within(0,x[C],$[C]);var U=_?x[C]/2-N-z-D-S.mainAxis:W-z-D-S.mainAxis;var q=_?-x[C]/2+N+z+I+S.mainAxis:H+z+I+S.mainAxis;var X=t.elements.arrow&&getOffsetParent(t.elements.arrow);var G=X?w==="y"?X.clientTop||0:X.clientLeft||0:0;var Y=(B=E==null?void 0:E[w])!=null?B:0;var J=L+U-Y-G;var K=L+q-Y;var Q=within(v?min(R,J):R,L,v?max(A,K):A);O[w]=Q;k[w]=Q-L}if(s){var Z;var ee=w==="x"?top:left;var te=w==="x"?bottom:right;var re=O[y];var ne=y==="y"?"height":"width";var oe=re+m[ee];var ae=re-m[te];var ie=[top,left].indexOf(h)!==-1;var se=(Z=E==null?void 0:E[y])!=null?Z:0;var le=ie?oe:re-x[ne]-P[ne]-se+S.altAxis;var ce=ie?re+x[ne]+P[ne]-se-S.altAxis:ae;var pe=v&&ie?withinMaxClamp(le,re,ce):within(v?le:oe,re,v?ce:ae);O[y]=pe;k[y]=pe-re}t.modifiersData[n]=k}var preventOverflow$1={name:"preventOverflow",enabled:true,phase:"main",fn:preventOverflow,requiresIfExists:["offset"]};function getHTMLElementScroll(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function getNodeScroll(e){if(e===getWindow(e)||!isHTMLElement(e)){return getWindowScroll(e)}else{return getHTMLElementScroll(e)}}function isElementScaled(e){var t=e.getBoundingClientRect();var r=round(t.width)/e.offsetWidth||1;var n=round(t.height)/e.offsetHeight||1;return r!==1||n!==1}function getCompositeRect(e,t,r){if(r===void 0){r=false}var n=isHTMLElement(t);var o=isHTMLElement(t)&&isElementScaled(t);var a=getDocumentElement(t);var i=getBoundingClientRect(e,o,r);var s={scrollLeft:0,scrollTop:0};var l={x:0,y:0};if(n||!n&&!r){if(getNodeName(t)!=="body"||isScrollParent(a)){s=getNodeScroll(t)}if(isHTMLElement(t)){l=getBoundingClientRect(t,true);l.x+=t.clientLeft;l.y+=t.clientTop}else if(a){l.x=getWindowScrollBarX(a)}}return{x:i.left+s.scrollLeft-l.x,y:i.top+s.scrollTop-l.y,width:i.width,height:i.height}}function order(e){var t=new Map;var r=new Set;var n=[];e.forEach((function(e){t.set(e.name,e)}));function o(e){r.add(e.name);var a=[].concat(e.requires||[],e.requiresIfExists||[]);a.forEach((function(e){if(!r.has(e)){var n=t.get(e);if(n){o(n)}}}));n.push(e)}e.forEach((function(e){if(!r.has(e.name)){o(e)}}));return n}function orderModifiers(e){var t=order(e);return modifierPhases.reduce((function(e,r){return e.concat(t.filter((function(e){return e.phase===r})))}),[])}function debounce(e){var t;return function(){if(!t){t=new Promise((function(r){Promise.resolve().then((function(){t=undefined;r(e())}))}))}return t}}function mergeByName(e){var t=e.reduce((function(e,t){var r=e[t.name];e[t.name]=r?Object.assign({},r,t,{options:Object.assign({},r.options,t.options),data:Object.assign({},r.data,t.data)}):t;return e}),{});return Object.keys(t).map((function(e){return t[e]}))}var DEFAULT_OPTIONS={placement:"bottom",modifiers:[],strategy:"absolute"};function areValidElements(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++){t[r]=arguments[r]}return!t.some((function(e){return!(e&&typeof e.getBoundingClientRect==="function")}))}function popperGenerator(e){if(e===void 0){e={}}var t=e,r=t.defaultModifiers,n=r===void 0?[]:r,o=t.defaultOptions,a=o===void 0?DEFAULT_OPTIONS:o;return function e(t,r,o){if(o===void 0){o=a}var i={placement:"bottom",orderedModifiers:[],options:Object.assign({},DEFAULT_OPTIONS,a),modifiersData:{},elements:{reference:t,popper:r},attributes:{},styles:{}};var s=[];var l=false;var c={state:i,setOptions:function e(o){var s=typeof o==="function"?o(i.options):o;f();i.options=Object.assign({},a,i.options,s);i.scrollParents={reference:isElement(t)?listScrollParents(t):t.contextElement?listScrollParents(t.contextElement):[],popper:listScrollParents(r)};var l=orderModifiers(mergeByName([].concat(n,i.options.modifiers)));i.orderedModifiers=l.filter((function(e){return e.enabled}));p();return c.update()},forceUpdate:function e(){if(l){return}var t=i.elements,r=t.reference,n=t.popper;if(!areValidElements(r,n)){return}i.rects={reference:getCompositeRect(r,getOffsetParent(n),i.options.strategy==="fixed"),popper:getLayoutRect(n)};i.reset=false;i.placement=i.options.placement;i.orderedModifiers.forEach((function(e){return i.modifiersData[e.name]=Object.assign({},e.data)}));for(var o=0;o<i.orderedModifiers.length;o++){if(i.reset===true){i.reset=false;o=-1;continue}var a=i.orderedModifiers[o],s=a.fn,p=a.options,f=p===void 0?{}:p,u=a.name;if(typeof s==="function"){i=s({state:i,options:f,name:u,instance:c})||i}}},update:debounce((function(){return new Promise((function(e){c.forceUpdate();e(i)}))})),destroy:function e(){f();l=true}};if(!areValidElements(t,r)){return c}c.setOptions(o).then((function(e){if(!l&&o.onFirstUpdate){o.onFirstUpdate(e)}}));function p(){i.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,n=r===void 0?{}:r,o=e.effect;if(typeof o==="function"){var a=o({state:i,name:t,instance:c,options:n});var l=function e(){};s.push(a||l)}}))}function f(){s.forEach((function(e){return e()}));s=[]}return c}}var defaultModifiers=[eventListeners,popperOffsets$1,computeStyles$1,applyStyles$1,offset$1,flip$1,preventOverflow$1,arrow$1,hide$1];var createPopper=popperGenerator({defaultModifiers:defaultModifiers});var balPopoverCss='.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)}';var BalPopoverStyle0=balPopoverCss;var Popover=function(){function e(e){registerInstance(this,e);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.balPopoverPrepare=createEvent(this,"balPopoverPrepare",7);this.popoverId="bal-po-".concat(PopoverIds++);this.isTouch=balBreakpoints.isTouch;this.isInMainNav=false;this.backdropHeight=0;this.autoTrigger=false;this.hint=false;this.hover=false;this.arrow=false;this.backdrop=false;this.tooltip=false;this.offsetX=0;this.offsetY=0;this.padding=0;this.position="bottom-start";this.active=false;this.mobileTop=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.activeChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){if(e===true&&e!==t){this.present({force:true})}else{this.dismiss({force:true})}return[2]}))}))};e.prototype.componentWillLoad=function(){this.backdropHeight=this.getBackdropHeight()};e.prototype.componentDidLoad=function(){var e=this;this.isInMainNav=this.footMobileNav!==null;if(this.triggerElement&&this.menuElement){this.popperInstance=createPopper(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});var t=[];var r=[];if(this.autoTrigger){t=["click"]}if(this.tooltip){t=["mouseenter","focus"];r=["mouseleave","blur"]}t.forEach((function(t){if(e.triggerElement){if(t==="click"){e.triggerElement.addEventListener(t,(function(){return e.toggle()}))}else{e.triggerElement.addEventListener(t,(function(){return e.present()}))}}}));r.forEach((function(t){if(e.triggerElement){e.triggerElement.addEventListener(t,(function(){return e.dismiss()}))}}))}};e.prototype.componentDidRender=function(){var e=this;if(this.popperInstance){this.popperInstance.setOptions((function(t){return Object.assign(Object.assign({},t),{placement:e.tooltip?"bottom":e.position,modifiers:__spreadArray(__spreadArray([],t.modifiers.filter((function(e){return e.name!=="offset"&&e.name!=="preventOverflow"})),true),[e.modifierOffset,e.modifierPreventOverflow],false)})}));this.updatePopper()}if(balBrowser.isSafari&&!this.isTouch){clearTimeout(this.componentDidRenderTimer);this.componentDidRenderTimer=setTimeout((function(){var t;var r=(t=e.element)===null||t===void 0?void 0:t.clientWidth;if(r){e.element.style.maxWidth="".concat(r,"px")}else{e.element.style.maxWidth="initial"}}))}};e.prototype.handlePopoverPrepare=function(e){var t=e.detail;if(this.popoverId!==t){this.dismiss()}};e.prototype.clickOnOutside=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){if(this.active){if(!this.element.contains(e.target)){this.active=false}if((t=this.backdropElement)===null||t===void 0?void 0:t.isEqualNode(e.target)){this.active=false}}return[2]}))}))};e.prototype.handleKeyUp=function(e){if(this.active&&(e.key==="Escape"||e.key==="Esc")){e.preventDefault();this.dismiss()}};e.prototype.tabOutside=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(e.key==="Tab"&&!this.element.contains(document.activeElement)&&this.active))return[3,2];return[4,this.toggle()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.breakpointListener=function(e){this.isTouch=e.touch;this.isInMainNav=this.footMobileNav!==null;this.backdropHeight=this.getBackdropHeight()};e.prototype.present=function(e){if(e===void 0){e={force:false}}return __awaiter(this,void 0,void 0,(function(){var t,r;return __generator(this,(function(n){if(!this.active||e.force){(t=this.menuElement)===null||t===void 0?void 0:t.setAttribute("data-show","");(r=this.menuElement)===null||r===void 0?void 0:r.setAttribute("aria-hidden","false");if(this.menuInnerElement){this.menuInnerElement.scrollTo(0,0)}this.balPopoverPrepare.emit(this.popoverId);this.balWillAnimate.emit(this.active);this.active=true;this.popperInstance.setOptions((function(e){return Object.assign(Object.assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:true}],false)})}));this.updatePopper();this.balChange.emit(this.active);this.balDidAnimate.emit(this.active)}return[2]}))}))};e.prototype.dismiss=function(e){if(e===void 0){e={force:false}}return __awaiter(this,void 0,void 0,(function(){var t,r;return __generator(this,(function(n){if(this.active||e.force){(t=this.menuElement)===null||t===void 0?void 0:t.removeAttribute("data-show");(r=this.menuElement)===null||r===void 0?void 0:r.setAttribute("aria-hidden","true");this.balWillAnimate.emit(this.active);this.active=false;this.popperInstance.setOptions((function(e){return Object.assign(Object.assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:false}],false)})}));this.updatePopper();this.balChange.emit(this.active);this.balDidAnimate.emit(this.active)}return[2]}))}))};e.prototype.toggle=function(e){if(e===void 0){e={force:false}}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.active)return[3,2];return[4,this.dismiss(e)];case 1:t.sent();return[3,4];case 2:return[4,this.present(e)];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};Object.defineProperty(e.prototype,"footMobileNav",{get:function(){return this.element.closest('[slot="meta-mobile-foot"]')},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"modifierOffset",{get:function(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip||this.arrow?8:0)]}}},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"modifierPreventOverflow",{get:function(){return{name:"preventOverflow",options:{padding:this.arrow||this.tooltip?8:this.padding,altAxis:true}}},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"triggerElement",{get:function(){return this.element.querySelector("[bal-popover-trigger]")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"menuElement",{get:function(){return this.element.querySelector("bal-popover-content")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"menuInnerElement",{get:function(){return this.element.querySelector(".bal-popover__content__inner")},enumerable:false,configurable:true});e.prototype.getBackdropHeight=function(){if(balBrowser.hasWindow){return this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16}return 0};e.prototype.updatePopper=function(){this.popperInstance.update()};e.prototype.render=function(){var e=this;var t=BEM.block("popover");return h(Host,{"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&&h("div",{ref:function(t){e.backdropElement=t},class:Object.assign({},t.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":"".concat(this.backdropHeight,"rem")}}),h("slot",null))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["activeChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-popover"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Popover.prototype,"createLogger",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Popover.prototype,"breakpointListener",null);var PopoverIds=0;Popover.style=BalPopoverStyle0;var PopoverContent=function(){function e(e){registerInstance(this,e);this.isTouch=balBreakpoints.isTouch;this.spaceless=false;this.scrollable=0;this.contentWidth=0;this.contentMinWidth=0;this.color="white";this.expanded=false;this.radius="normal";this.noShadow=false;this.mobileTop=false;this.contentHeightOnTop=0}e.prototype.breakpointListener=function(e){if(balBrowser.hasWindow){this.contentHeightOnTop=window.innerHeight-64}};Object.defineProperty(e.prototype,"innerStyle",{get:function(){var e={};if(this.scrollable>0){e={"max-height":"".concat(this.scrollable,"px"),overflow:"auto"}}return Object.assign({},e)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"contentStyle",{get:function(){var e={};var t={};var r={"--bal-popover-content-height-top-nav":"".concat(this.contentHeightOnTop/16,"rem")};if(this.contentWidth>0){e={"max-width":"".concat(this.contentWidth,"px")}}if(this.contentMinWidth>0){t={"min-width":"".concat(this.contentMinWidth,"px")}}return Object.assign(Object.assign(Object.assign({},e),t),r)},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){if(balBrowser.hasWindow){this.contentHeightOnTop=window.innerHeight-64}};e.prototype.render=function(){var e=BEM.block("popover").element("content");return h(Host,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("expanded").class(this.expanded)),e.modifier("spaceless").class(this.spaceless)),e.modifier("no-shadow").class(this.noShadow)),e.modifier("radius-".concat(this.radius)).class()),e.modifier("color-".concat(this.color)).class()),e.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},h("div",{class:Object.assign({},e.element("inner").class()),style:this.innerStyle},h("slot",null)),h("div",{class:Object.assign({},e.element("arrow").class()),"data-popper-arrow":true}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],PopoverContent.prototype,"breakpointListener",null);export{Popover as bal_popover,PopoverContent as bal_popover_content};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{b as balBrowser}from"./browser-a8073d92.js";import{L as Logger}from"./log-dfd1c19f.js";import{b as balBreakpoints}from"./breakpoints.subject-ee89b4ec.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-d55790da.js";import"./helpers-c201154e.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-769d0c71.js";var top="top";var bottom="bottom";var right="right";var left="left";var auto="auto";var basePlacements=[top,bottom,right,left];var start="start";var end="end";var clippingParents="clippingParents";var viewport="viewport";var popper="popper";var reference="reference";var variationPlacements=basePlacements.reduce((function(e,t){return e.concat([t+"-"+start,t+"-"+end])}),[]);var placements=[].concat(basePlacements,[auto]).reduce((function(e,t){return e.concat([t,t+"-"+start,t+"-"+end])}),[]);var beforeRead="beforeRead";var read="read";var afterRead="afterRead";var beforeMain="beforeMain";var main="main";var afterMain="afterMain";var beforeWrite="beforeWrite";var write="write";var afterWrite="afterWrite";var modifierPhases=[beforeRead,read,afterRead,beforeMain,main,afterMain,beforeWrite,write,afterWrite];function getNodeName(e){return e?(e.nodeName||"").toLowerCase():null}function getWindow(e){if(e==null){return window}if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t?t.defaultView||window:window}return e}function isElement(e){var t=getWindow(e).Element;return e instanceof t||e instanceof Element}function isHTMLElement(e){var t=getWindow(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function isShadowRoot(e){if(typeof ShadowRoot==="undefined"){return false}var t=getWindow(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function applyStyles(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var r=t.styles[e]||{};var n=t.attributes[e]||{};var o=t.elements[e];if(!isHTMLElement(o)||!getNodeName(o)){return}Object.assign(o.style,r);Object.keys(n).forEach((function(e){var t=n[e];if(t===false){o.removeAttribute(e)}else{o.setAttribute(e,t===true?"":t)}}))}))}function effect$2(e){var t=e.state;var r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,r.popper);t.styles=r;if(t.elements.arrow){Object.assign(t.elements.arrow.style,r.arrow)}return function(){Object.keys(t.elements).forEach((function(e){var n=t.elements[e];var o=t.attributes[e]||{};var a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:r[e]);var i=a.reduce((function(e,t){e[t]="";return e}),{});if(!isHTMLElement(n)||!getNodeName(n)){return}Object.assign(n.style,i);Object.keys(o).forEach((function(e){n.removeAttribute(e)}))}))}}var applyStyles$1={name:"applyStyles",enabled:true,phase:"write",fn:applyStyles,effect:effect$2,requires:["computeStyles"]};function getBasePlacement(e){return e.split("-")[0]}var max=Math.max;var min=Math.min;var round=Math.round;function getUAString(){var e=navigator.userAgentData;if(e!=null&&e.brands&&Array.isArray(e.brands)){return e.brands.map((function(e){return e.brand+"/"+e.version})).join(" ")}return navigator.userAgent}function isLayoutViewport(){return!/^((?!chrome|android).)*safari/i.test(getUAString())}function getBoundingClientRect(e,t,r){if(t===void 0){t=false}if(r===void 0){r=false}var n=e.getBoundingClientRect();var o=1;var a=1;if(t&&isHTMLElement(e)){o=e.offsetWidth>0?round(n.width)/e.offsetWidth||1:1;a=e.offsetHeight>0?round(n.height)/e.offsetHeight||1:1}var i=isElement(e)?getWindow(e):window,s=i.visualViewport;var l=!isLayoutViewport()&&r;var c=(n.left+(l&&s?s.offsetLeft:0))/o;var p=(n.top+(l&&s?s.offsetTop:0))/a;var f=n.width/o;var u=n.height/a;return{width:f,height:u,top:p,right:c+f,bottom:p+u,left:c,x:c,y:p}}function getLayoutRect(e){var t=getBoundingClientRect(e);var r=e.offsetWidth;var n=e.offsetHeight;if(Math.abs(t.width-r)<=1){r=t.width}if(Math.abs(t.height-n)<=1){n=t.height}return{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function contains(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t)){return true}else if(r&&isShadowRoot(r)){var n=t;do{if(n&&e.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function getComputedStyle(e){return getWindow(e).getComputedStyle(e)}function isTableElement(e){return["table","td","th"].indexOf(getNodeName(e))>=0}function getDocumentElement(e){return((isElement(e)?e.ownerDocument:e.document)||window.document).documentElement}function getParentNode(e){if(getNodeName(e)==="html"){return e}return e.assignedSlot||e.parentNode||(isShadowRoot(e)?e.host:null)||getDocumentElement(e)}function getTrueOffsetParent(e){if(!isHTMLElement(e)||getComputedStyle(e).position==="fixed"){return null}return e.offsetParent}function getContainingBlock(e){var t=/firefox/i.test(getUAString());var r=/Trident/i.test(getUAString());if(r&&isHTMLElement(e)){var n=getComputedStyle(e);if(n.position==="fixed"){return null}}var o=getParentNode(e);if(isShadowRoot(o)){o=o.host}while(isHTMLElement(o)&&["html","body"].indexOf(getNodeName(o))<0){var a=getComputedStyle(o);if(a.transform!=="none"||a.perspective!=="none"||a.contain==="paint"||["transform","perspective"].indexOf(a.willChange)!==-1||t&&a.willChange==="filter"||t&&a.filter&&a.filter!=="none"){return o}else{o=o.parentNode}}return null}function getOffsetParent(e){var t=getWindow(e);var r=getTrueOffsetParent(e);while(r&&isTableElement(r)&&getComputedStyle(r).position==="static"){r=getTrueOffsetParent(r)}if(r&&(getNodeName(r)==="html"||getNodeName(r)==="body"&&getComputedStyle(r).position==="static")){return t}return r||getContainingBlock(e)||t}function getMainAxisFromPlacement(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function within(e,t,r){return max(e,min(t,r))}function withinMaxClamp(e,t,r){var n=within(e,t,r);return n>r?r:n}function getFreshSideObject(){return{top:0,right:0,bottom:0,left:0}}function mergePaddingObject(e){return Object.assign({},getFreshSideObject(),e)}function expandToHashMap(e,t){return t.reduce((function(t,r){t[r]=e;return t}),{})}var toPaddingObject=function e(t,r){t=typeof t==="function"?t(Object.assign({},r.rects,{placement:r.placement})):t;return mergePaddingObject(typeof t!=="number"?t:expandToHashMap(t,basePlacements))};function arrow(e){var t;var r=e.state,n=e.name,o=e.options;var a=r.elements.arrow;var i=r.modifiersData.popperOffsets;var s=getBasePlacement(r.placement);var l=getMainAxisFromPlacement(s);var c=[left,right].indexOf(s)>=0;var p=c?"height":"width";if(!a||!i){return}var f=toPaddingObject(o.padding,r);var u=getLayoutRect(a);var v=l==="y"?top:left;var d=l==="y"?bottom:right;var b=r.rects.reference[p]+r.rects.reference[l]-i[l]-r.rects.popper[p];var m=i[l]-r.rects.reference[l];var h=getOffsetParent(a);var g=h?l==="y"?h.clientHeight||0:h.clientWidth||0:0;var _=b/2-m/2;var w=f[v];var y=g-u[p]-f[d];var O=g/2-u[p]/2+_;var x=within(w,O,y);var P=l;r.modifiersData[n]=(t={},t[P]=x,t.centerOffset=x-O,t)}function effect$1(e){var t=e.state,r=e.options;var n=r.element,o=n===void 0?"[data-popper-arrow]":n;if(o==null){return}if(typeof o==="string"){o=t.elements.popper.querySelector(o);if(!o){return}}if(!contains(t.elements.popper,o)){return}t.elements.arrow=o}var arrow$1={name:"arrow",enabled:true,phase:"main",fn:arrow,effect:effect$1,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function getVariation(e){return e.split("-")[1]}var unsetSides={top:"auto",right:"auto",bottom:"auto",left:"auto"};function roundOffsetsByDPR(e,t){var r=e.x,n=e.y;var o=t.devicePixelRatio||1;return{x:round(r*o)/o||0,y:round(n*o)/o||0}}function mapToStyles(e){var t;var r=e.popper,n=e.popperRect,o=e.placement,a=e.variation,i=e.offsets,s=e.position,l=e.gpuAcceleration,c=e.adaptive,p=e.roundOffsets,f=e.isFixed;var u=i.x,v=u===void 0?0:u,d=i.y,b=d===void 0?0:d;var m=typeof p==="function"?p({x:v,y:b}):{x:v,y:b};v=m.x;b=m.y;var h=i.hasOwnProperty("x");var g=i.hasOwnProperty("y");var _=left;var w=top;var y=window;if(c){var O=getOffsetParent(r);var x="clientHeight";var P="clientWidth";if(O===getWindow(r)){O=getDocumentElement(r);if(getComputedStyle(O).position!=="static"&&s==="absolute"){x="scrollHeight";P="scrollWidth"}}O=O;if(o===top||(o===left||o===right)&&a===end){w=bottom;var j=f&&O===y&&y.visualViewport?y.visualViewport.height:O[x];b-=j-n.height;b*=l?1:-1}if(o===left||(o===top||o===bottom)&&a===end){_=right;var S=f&&O===y&&y.visualViewport?y.visualViewport.width:O[P];v-=S-n.width;v*=l?1:-1}}var E=Object.assign({position:s},c&&unsetSides);var k=p===true?roundOffsetsByDPR({x:v,y:b},getWindow(r)):{x:v,y:b};v=k.x;b=k.y;if(l){var B;return Object.assign({},E,(B={},B[w]=g?"0":"",B[_]=h?"0":"",B.transform=(y.devicePixelRatio||1)<=1?"translate("+v+"px, "+b+"px)":"translate3d("+v+"px, "+b+"px, 0)",B))}return Object.assign({},E,(t={},t[w]=g?b+"px":"",t[_]=h?v+"px":"",t.transform="",t))}function computeStyles(e){var t=e.state,r=e.options;var n=r.gpuAcceleration,o=n===void 0?true:n,a=r.adaptive,i=a===void 0?true:a,s=r.roundOffsets,l=s===void 0?true:s;var c={placement:getBasePlacement(t.placement),variation:getVariation(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,mapToStyles(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:i,roundOffsets:l})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,mapToStyles(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:l})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var computeStyles$1={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:computeStyles,data:{}};var passive={passive:true};function effect(e){var t=e.state,r=e.instance,n=e.options;var o=n.scroll,a=o===void 0?true:o,i=n.resize,s=i===void 0?true:i;var l=getWindow(t.elements.popper);var c=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(a){c.forEach((function(e){e.addEventListener("scroll",r.update,passive)}))}if(s){l.addEventListener("resize",r.update,passive)}return function(){if(a){c.forEach((function(e){e.removeEventListener("scroll",r.update,passive)}))}if(s){l.removeEventListener("resize",r.update,passive)}}}var eventListeners={name:"eventListeners",enabled:true,phase:"write",fn:function e(){},effect:effect,data:{}};var hash$1={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(e){return e.replace(/left|right|bottom|top/g,(function(e){return hash$1[e]}))}var hash={start:"end",end:"start"};function getOppositeVariationPlacement(e){return e.replace(/start|end/g,(function(e){return hash[e]}))}function getWindowScroll(e){var t=getWindow(e);var r=t.pageXOffset;var n=t.pageYOffset;return{scrollLeft:r,scrollTop:n}}function getWindowScrollBarX(e){return getBoundingClientRect(getDocumentElement(e)).left+getWindowScroll(e).scrollLeft}function getViewportRect(e,t){var r=getWindow(e);var n=getDocumentElement(e);var o=r.visualViewport;var a=n.clientWidth;var i=n.clientHeight;var s=0;var l=0;if(o){a=o.width;i=o.height;var c=isLayoutViewport();if(c||!c&&t==="fixed"){s=o.offsetLeft;l=o.offsetTop}}return{width:a,height:i,x:s+getWindowScrollBarX(e),y:l}}function getDocumentRect(e){var t;var r=getDocumentElement(e);var n=getWindowScroll(e);var o=(t=e.ownerDocument)==null?void 0:t.body;var a=max(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0);var i=max(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0);var s=-n.scrollLeft+getWindowScrollBarX(e);var l=-n.scrollTop;if(getComputedStyle(o||r).direction==="rtl"){s+=max(r.clientWidth,o?o.clientWidth:0)-a}return{width:a,height:i,x:s,y:l}}function isScrollParent(e){var t=getComputedStyle(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function getScrollParent(e){if(["html","body","#document"].indexOf(getNodeName(e))>=0){return e.ownerDocument.body}if(isHTMLElement(e)&&isScrollParent(e)){return e}return getScrollParent(getParentNode(e))}function listScrollParents(e,t){var r;if(t===void 0){t=[]}var n=getScrollParent(e);var o=n===((r=e.ownerDocument)==null?void 0:r.body);var a=getWindow(n);var i=o?[a].concat(a.visualViewport||[],isScrollParent(n)?n:[]):n;var s=t.concat(i);return o?s:s.concat(listScrollParents(getParentNode(i)))}function rectToClientRect(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function getInnerBoundingClientRect(e,t){var r=getBoundingClientRect(e,false,t==="fixed");r.top=r.top+e.clientTop;r.left=r.left+e.clientLeft;r.bottom=r.top+e.clientHeight;r.right=r.left+e.clientWidth;r.width=e.clientWidth;r.height=e.clientHeight;r.x=r.left;r.y=r.top;return r}function getClientRectFromMixedType(e,t,r){return t===viewport?rectToClientRect(getViewportRect(e,r)):isElement(t)?getInnerBoundingClientRect(t,r):rectToClientRect(getDocumentRect(getDocumentElement(e)))}function getClippingParents(e){var t=listScrollParents(getParentNode(e));var r=["absolute","fixed"].indexOf(getComputedStyle(e).position)>=0;var n=r&&isHTMLElement(e)?getOffsetParent(e):e;if(!isElement(n)){return[]}return t.filter((function(e){return isElement(e)&&contains(e,n)&&getNodeName(e)!=="body"}))}function getClippingRect(e,t,r,n){var o=t==="clippingParents"?getClippingParents(e):[].concat(t);var a=[].concat(o,[r]);var i=a[0];var s=a.reduce((function(t,r){var o=getClientRectFromMixedType(e,r,n);t.top=max(o.top,t.top);t.right=min(o.right,t.right);t.bottom=min(o.bottom,t.bottom);t.left=max(o.left,t.left);return t}),getClientRectFromMixedType(e,i,n));s.width=s.right-s.left;s.height=s.bottom-s.top;s.x=s.left;s.y=s.top;return s}function computeOffsets(e){var t=e.reference,r=e.element,n=e.placement;var o=n?getBasePlacement(n):null;var a=n?getVariation(n):null;var i=t.x+t.width/2-r.width/2;var s=t.y+t.height/2-r.height/2;var l;switch(o){case top:l={x:i,y:t.y-r.height};break;case bottom:l={x:i,y:t.y+t.height};break;case right:l={x:t.x+t.width,y:s};break;case left:l={x:t.x-r.width,y:s};break;default:l={x:t.x,y:t.y}}var c=o?getMainAxisFromPlacement(o):null;if(c!=null){var p=c==="y"?"height":"width";switch(a){case start:l[c]=l[c]-(t[p]/2-r[p]/2);break;case end:l[c]=l[c]+(t[p]/2-r[p]/2);break}}return l}function detectOverflow(e,t){if(t===void 0){t={}}var r=t,n=r.placement,o=n===void 0?e.placement:n,a=r.strategy,i=a===void 0?e.strategy:a,s=r.boundary,l=s===void 0?clippingParents:s,c=r.rootBoundary,p=c===void 0?viewport:c,f=r.elementContext,u=f===void 0?popper:f,v=r.altBoundary,d=v===void 0?false:v,b=r.padding,m=b===void 0?0:b;var h=mergePaddingObject(typeof m!=="number"?m:expandToHashMap(m,basePlacements));var g=u===popper?reference:popper;var _=e.rects.popper;var w=e.elements[d?g:u];var y=getClippingRect(isElement(w)?w:w.contextElement||getDocumentElement(e.elements.popper),l,p,i);var O=getBoundingClientRect(e.elements.reference);var x=computeOffsets({reference:O,element:_,strategy:"absolute",placement:o});var P=rectToClientRect(Object.assign({},_,x));var j=u===popper?P:O;var S={top:y.top-j.top+h.top,bottom:j.bottom-y.bottom+h.bottom,left:y.left-j.left+h.left,right:j.right-y.right+h.right};var E=e.modifiersData.offset;if(u===popper&&E){var k=E[o];Object.keys(S).forEach((function(e){var t=[right,bottom].indexOf(e)>=0?1:-1;var r=[top,bottom].indexOf(e)>=0?"y":"x";S[e]+=k[r]*t}))}return S}function computeAutoPlacement(e,t){if(t===void 0){t={}}var r=t,n=r.placement,o=r.boundary,a=r.rootBoundary,i=r.padding,s=r.flipVariations,l=r.allowedAutoPlacements,c=l===void 0?placements:l;var p=getVariation(n);var f=p?s?variationPlacements:variationPlacements.filter((function(e){return getVariation(e)===p})):basePlacements;var u=f.filter((function(e){return c.indexOf(e)>=0}));if(u.length===0){u=f}var v=u.reduce((function(t,r){t[r]=detectOverflow(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[getBasePlacement(r)];return t}),{});return Object.keys(v).sort((function(e,t){return v[e]-v[t]}))}function getExpandedFallbackPlacements(e){if(getBasePlacement(e)===auto){return[]}var t=getOppositePlacement(e);return[getOppositeVariationPlacement(e),t,getOppositeVariationPlacement(t)]}function flip(e){var t=e.state,r=e.options,n=e.name;if(t.modifiersData[n]._skip){return}var o=r.mainAxis,a=o===void 0?true:o,i=r.altAxis,s=i===void 0?true:i,l=r.fallbackPlacements,c=r.padding,p=r.boundary,f=r.rootBoundary,u=r.altBoundary,v=r.flipVariations,d=v===void 0?true:v,b=r.allowedAutoPlacements;var m=t.options.placement;var h=getBasePlacement(m);var g=h===m;var _=l||(g||!d?[getOppositePlacement(m)]:getExpandedFallbackPlacements(m));var w=[m].concat(_).reduce((function(e,r){return e.concat(getBasePlacement(r)===auto?computeAutoPlacement(t,{placement:r,boundary:p,rootBoundary:f,padding:c,flipVariations:d,allowedAutoPlacements:b}):r)}),[]);var y=t.rects.reference;var O=t.rects.popper;var x=new Map;var P=true;var j=w[0];for(var S=0;S<w.length;S++){var E=w[S];var k=getBasePlacement(E);var B=getVariation(E)===start;var T=[top,bottom].indexOf(k)>=0;var M=T?"width":"height";var C=detectOverflow(t,{placement:E,boundary:p,rootBoundary:f,altBoundary:u,padding:c});var L=T?B?right:left:B?bottom:top;if(y[M]>O[M]){L=getOppositePlacement(L)}var R=getOppositePlacement(L);var A=[];if(a){A.push(C[k]<=0)}if(s){A.push(C[L]<=0,C[R]<=0)}if(A.every((function(e){return e}))){j=E;P=false;break}x.set(E,A)}if(P){var N=d?3:1;var W=function e(t){var r=w.find((function(e){var r=x.get(e);if(r){return r.slice(0,t).every((function(e){return e}))}}));if(r){j=r;return"break"}};for(var H=N;H>0;H--){var F=W(H);if(F==="break")break}}if(t.placement!==j){t.modifiersData[n]._skip=true;t.placement=j;t.reset=true}}var flip$1={name:"flip",enabled:true,phase:"main",fn:flip,requiresIfExists:["offset"],data:{_skip:false}};function getSideOffsets(e,t,r){if(r===void 0){r={x:0,y:0}}return{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function isAnySideFullyClipped(e){return[top,right,bottom,left].some((function(t){return e[t]>=0}))}function hide(e){var t=e.state,r=e.name;var n=t.rects.reference;var o=t.rects.popper;var a=t.modifiersData.preventOverflow;var i=detectOverflow(t,{elementContext:"reference"});var s=detectOverflow(t,{altBoundary:true});var l=getSideOffsets(i,n);var c=getSideOffsets(s,o,a);var p=isAnySideFullyClipped(l);var f=isAnySideFullyClipped(c);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:f};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":f})}var hide$1={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:hide};function distanceAndSkiddingToXY(e,t,r){var n=getBasePlacement(e);var o=[left,top].indexOf(n)>=0?-1:1;var a=typeof r==="function"?r(Object.assign({},t,{placement:e})):r,i=a[0],s=a[1];i=i||0;s=(s||0)*o;return[left,right].indexOf(n)>=0?{x:s,y:i}:{x:i,y:s}}function offset(e){var t=e.state,r=e.options,n=e.name;var o=r.offset,a=o===void 0?[0,0]:o;var i=placements.reduce((function(e,r){e[r]=distanceAndSkiddingToXY(r,t.rects,a);return e}),{});var s=i[t.placement],l=s.x,c=s.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=l;t.modifiersData.popperOffsets.y+=c}t.modifiersData[n]=i}var offset$1={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:offset};function popperOffsets(e){var t=e.state,r=e.name;t.modifiersData[r]=computeOffsets({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}var popperOffsets$1={name:"popperOffsets",enabled:true,phase:"read",fn:popperOffsets,data:{}};function getAltAxis(e){return e==="x"?"y":"x"}function preventOverflow(e){var t=e.state,r=e.options,n=e.name;var o=r.mainAxis,a=o===void 0?true:o,i=r.altAxis,s=i===void 0?false:i,l=r.boundary,c=r.rootBoundary,p=r.altBoundary,f=r.padding,u=r.tether,v=u===void 0?true:u,d=r.tetherOffset,b=d===void 0?0:d;var m=detectOverflow(t,{boundary:l,rootBoundary:c,padding:f,altBoundary:p});var h=getBasePlacement(t.placement);var g=getVariation(t.placement);var _=!g;var w=getMainAxisFromPlacement(h);var y=getAltAxis(w);var O=t.modifiersData.popperOffsets;var x=t.rects.reference;var P=t.rects.popper;var j=typeof b==="function"?b(Object.assign({},t.rects,{placement:t.placement})):b;var S=typeof j==="number"?{mainAxis:j,altAxis:j}:Object.assign({mainAxis:0,altAxis:0},j);var E=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null;var k={x:0,y:0};if(!O){return}if(a){var B;var T=w==="y"?top:left;var M=w==="y"?bottom:right;var C=w==="y"?"height":"width";var L=O[w];var R=L+m[T];var A=L-m[M];var N=v?-P[C]/2:0;var W=g===start?x[C]:P[C];var H=g===start?-P[C]:-x[C];var F=t.elements.arrow;var $=v&&F?getLayoutRect(F):{width:0,height:0};var V=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:getFreshSideObject();var D=V[T];var I=V[M];var z=within(0,x[C],$[C]);var U=_?x[C]/2-N-z-D-S.mainAxis:W-z-D-S.mainAxis;var q=_?-x[C]/2+N+z+I+S.mainAxis:H+z+I+S.mainAxis;var X=t.elements.arrow&&getOffsetParent(t.elements.arrow);var G=X?w==="y"?X.clientTop||0:X.clientLeft||0:0;var Y=(B=E==null?void 0:E[w])!=null?B:0;var J=L+U-Y-G;var K=L+q-Y;var Q=within(v?min(R,J):R,L,v?max(A,K):A);O[w]=Q;k[w]=Q-L}if(s){var Z;var ee=w==="x"?top:left;var te=w==="x"?bottom:right;var re=O[y];var ne=y==="y"?"height":"width";var oe=re+m[ee];var ae=re-m[te];var ie=[top,left].indexOf(h)!==-1;var se=(Z=E==null?void 0:E[y])!=null?Z:0;var le=ie?oe:re-x[ne]-P[ne]-se+S.altAxis;var ce=ie?re+x[ne]+P[ne]-se-S.altAxis:ae;var pe=v&&ie?withinMaxClamp(le,re,ce):within(v?le:oe,re,v?ce:ae);O[y]=pe;k[y]=pe-re}t.modifiersData[n]=k}var preventOverflow$1={name:"preventOverflow",enabled:true,phase:"main",fn:preventOverflow,requiresIfExists:["offset"]};function getHTMLElementScroll(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function getNodeScroll(e){if(e===getWindow(e)||!isHTMLElement(e)){return getWindowScroll(e)}else{return getHTMLElementScroll(e)}}function isElementScaled(e){var t=e.getBoundingClientRect();var r=round(t.width)/e.offsetWidth||1;var n=round(t.height)/e.offsetHeight||1;return r!==1||n!==1}function getCompositeRect(e,t,r){if(r===void 0){r=false}var n=isHTMLElement(t);var o=isHTMLElement(t)&&isElementScaled(t);var a=getDocumentElement(t);var i=getBoundingClientRect(e,o,r);var s={scrollLeft:0,scrollTop:0};var l={x:0,y:0};if(n||!n&&!r){if(getNodeName(t)!=="body"||isScrollParent(a)){s=getNodeScroll(t)}if(isHTMLElement(t)){l=getBoundingClientRect(t,true);l.x+=t.clientLeft;l.y+=t.clientTop}else if(a){l.x=getWindowScrollBarX(a)}}return{x:i.left+s.scrollLeft-l.x,y:i.top+s.scrollTop-l.y,width:i.width,height:i.height}}function order(e){var t=new Map;var r=new Set;var n=[];e.forEach((function(e){t.set(e.name,e)}));function o(e){r.add(e.name);var a=[].concat(e.requires||[],e.requiresIfExists||[]);a.forEach((function(e){if(!r.has(e)){var n=t.get(e);if(n){o(n)}}}));n.push(e)}e.forEach((function(e){if(!r.has(e.name)){o(e)}}));return n}function orderModifiers(e){var t=order(e);return modifierPhases.reduce((function(e,r){return e.concat(t.filter((function(e){return e.phase===r})))}),[])}function debounce(e){var t;return function(){if(!t){t=new Promise((function(r){Promise.resolve().then((function(){t=undefined;r(e())}))}))}return t}}function mergeByName(e){var t=e.reduce((function(e,t){var r=e[t.name];e[t.name]=r?Object.assign({},r,t,{options:Object.assign({},r.options,t.options),data:Object.assign({},r.data,t.data)}):t;return e}),{});return Object.keys(t).map((function(e){return t[e]}))}var DEFAULT_OPTIONS={placement:"bottom",modifiers:[],strategy:"absolute"};function areValidElements(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++){t[r]=arguments[r]}return!t.some((function(e){return!(e&&typeof e.getBoundingClientRect==="function")}))}function popperGenerator(e){if(e===void 0){e={}}var t=e,r=t.defaultModifiers,n=r===void 0?[]:r,o=t.defaultOptions,a=o===void 0?DEFAULT_OPTIONS:o;return function e(t,r,o){if(o===void 0){o=a}var i={placement:"bottom",orderedModifiers:[],options:Object.assign({},DEFAULT_OPTIONS,a),modifiersData:{},elements:{reference:t,popper:r},attributes:{},styles:{}};var s=[];var l=false;var c={state:i,setOptions:function e(o){var s=typeof o==="function"?o(i.options):o;f();i.options=Object.assign({},a,i.options,s);i.scrollParents={reference:isElement(t)?listScrollParents(t):t.contextElement?listScrollParents(t.contextElement):[],popper:listScrollParents(r)};var l=orderModifiers(mergeByName([].concat(n,i.options.modifiers)));i.orderedModifiers=l.filter((function(e){return e.enabled}));p();return c.update()},forceUpdate:function e(){if(l){return}var t=i.elements,r=t.reference,n=t.popper;if(!areValidElements(r,n)){return}i.rects={reference:getCompositeRect(r,getOffsetParent(n),i.options.strategy==="fixed"),popper:getLayoutRect(n)};i.reset=false;i.placement=i.options.placement;i.orderedModifiers.forEach((function(e){return i.modifiersData[e.name]=Object.assign({},e.data)}));for(var o=0;o<i.orderedModifiers.length;o++){if(i.reset===true){i.reset=false;o=-1;continue}var a=i.orderedModifiers[o],s=a.fn,p=a.options,f=p===void 0?{}:p,u=a.name;if(typeof s==="function"){i=s({state:i,options:f,name:u,instance:c})||i}}},update:debounce((function(){return new Promise((function(e){c.forceUpdate();e(i)}))})),destroy:function e(){f();l=true}};if(!areValidElements(t,r)){return c}c.setOptions(o).then((function(e){if(!l&&o.onFirstUpdate){o.onFirstUpdate(e)}}));function p(){i.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,n=r===void 0?{}:r,o=e.effect;if(typeof o==="function"){var a=o({state:i,name:t,instance:c,options:n});var l=function e(){};s.push(a||l)}}))}function f(){s.forEach((function(e){return e()}));s=[]}return c}}var defaultModifiers=[eventListeners,popperOffsets$1,computeStyles$1,applyStyles$1,offset$1,flip$1,preventOverflow$1,arrow$1,hide$1];var createPopper=popperGenerator({defaultModifiers:defaultModifiers});var balPopoverCss='.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)}';var BalPopoverStyle0=balPopoverCss;var Popover=function(){function e(e){registerInstance(this,e);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.balPopoverPrepare=createEvent(this,"balPopoverPrepare",7);this.popoverId="bal-po-".concat(PopoverIds++);this.isTouch=balBreakpoints.isTouch;this.isInMainNav=false;this.backdropHeight=0;this.autoTrigger=false;this.hint=false;this.hover=false;this.arrow=false;this.backdrop=false;this.tooltip=false;this.offsetX=0;this.offsetY=0;this.padding=0;this.position="bottom-start";this.active=false;this.mobileTop=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.activeChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){if(e===true&&e!==t){this.present({force:true})}else{this.dismiss({force:true})}return[2]}))}))};e.prototype.componentWillLoad=function(){this.backdropHeight=this.getBackdropHeight()};e.prototype.componentDidLoad=function(){var e=this;this.isInMainNav=this.footMobileNav!==null;if(this.triggerElement&&this.menuElement){this.popperInstance=createPopper(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});var t=[];var r=[];if(this.autoTrigger){t=["click"]}if(this.tooltip){t=["mouseenter","focus"];r=["mouseleave","blur"]}t.forEach((function(t){if(e.triggerElement){if(t==="click"){e.triggerElement.addEventListener(t,(function(){return e.toggle()}))}else{e.triggerElement.addEventListener(t,(function(){return e.present()}))}}}));r.forEach((function(t){if(e.triggerElement){e.triggerElement.addEventListener(t,(function(){return e.dismiss()}))}}))}};e.prototype.componentDidRender=function(){var e=this;if(this.popperInstance){this.popperInstance.setOptions((function(t){return Object.assign(Object.assign({},t),{placement:e.tooltip?"bottom":e.position,modifiers:__spreadArray(__spreadArray([],t.modifiers.filter((function(e){return e.name!=="offset"&&e.name!=="preventOverflow"})),true),[e.modifierOffset,e.modifierPreventOverflow],false)})}));this.updatePopper()}if(balBrowser.isSafari&&!this.isTouch){clearTimeout(this.componentDidRenderTimer);this.componentDidRenderTimer=setTimeout((function(){var t;var r=(t=e.element)===null||t===void 0?void 0:t.clientWidth;if(r){e.element.style.maxWidth="".concat(r,"px")}else{e.element.style.maxWidth="initial"}}))}};e.prototype.handlePopoverPrepare=function(e){var t=e.detail;if(this.popoverId!==t){this.dismiss()}};e.prototype.clickOnOutside=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){if(this.active){if(!this.element.contains(e.target)){this.active=false}if((t=this.backdropElement)===null||t===void 0?void 0:t.isEqualNode(e.target)){this.active=false}}return[2]}))}))};e.prototype.handleKeyUp=function(e){if(this.active&&(e.key==="Escape"||e.key==="Esc")){e.preventDefault();this.dismiss()}};e.prototype.tabOutside=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(e.key==="Tab"&&!this.element.contains(document.activeElement)&&this.active))return[3,2];return[4,this.toggle()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.breakpointListener=function(e){this.isTouch=e.touch;this.isInMainNav=this.footMobileNav!==null;this.backdropHeight=this.getBackdropHeight()};e.prototype.present=function(e){if(e===void 0){e={force:false}}return __awaiter(this,void 0,void 0,(function(){var t,r;return __generator(this,(function(n){if(!this.active||e.force){(t=this.menuElement)===null||t===void 0?void 0:t.setAttribute("data-show","");(r=this.menuElement)===null||r===void 0?void 0:r.setAttribute("aria-hidden","false");if(this.menuInnerElement){this.menuInnerElement.scrollTo(0,0)}this.balPopoverPrepare.emit(this.popoverId);this.balWillAnimate.emit(this.active);this.active=true;this.popperInstance.setOptions((function(e){return Object.assign(Object.assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:true}],false)})}));this.updatePopper();this.balChange.emit(this.active);this.balDidAnimate.emit(this.active)}return[2]}))}))};e.prototype.dismiss=function(e){if(e===void 0){e={force:false}}return __awaiter(this,void 0,void 0,(function(){var t,r;return __generator(this,(function(n){if(this.active||e.force){(t=this.menuElement)===null||t===void 0?void 0:t.removeAttribute("data-show");(r=this.menuElement)===null||r===void 0?void 0:r.setAttribute("aria-hidden","true");this.balWillAnimate.emit(this.active);this.active=false;this.popperInstance.setOptions((function(e){return Object.assign(Object.assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:false}],false)})}));this.updatePopper();this.balChange.emit(this.active);this.balDidAnimate.emit(this.active)}return[2]}))}))};e.prototype.toggle=function(e){if(e===void 0){e={force:false}}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.active)return[3,2];return[4,this.dismiss(e)];case 1:t.sent();return[3,4];case 2:return[4,this.present(e)];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};Object.defineProperty(e.prototype,"footMobileNav",{get:function(){return this.element.closest('[slot="meta-mobile-foot"]')},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"modifierOffset",{get:function(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip||this.arrow?8:0)]}}},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"modifierPreventOverflow",{get:function(){return{name:"preventOverflow",options:{padding:this.arrow||this.tooltip?8:this.padding,altAxis:true}}},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"triggerElement",{get:function(){return this.element.querySelector("[bal-popover-trigger]")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"menuElement",{get:function(){return this.element.querySelector("bal-popover-content")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"menuInnerElement",{get:function(){return this.element.querySelector(".bal-popover__content__inner")},enumerable:false,configurable:true});e.prototype.getBackdropHeight=function(){if(balBrowser.hasWindow){return this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16}return 0};e.prototype.updatePopper=function(){this.popperInstance.update()};e.prototype.render=function(){var e=this;var t=BEM.block("popover");return h(Host,{"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&&h("div",{ref:function(t){e.backdropElement=t},class:Object.assign({},t.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":"".concat(this.backdropHeight,"rem")}}),h("slot",null))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["activeChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-popover"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Popover.prototype,"createLogger",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Popover.prototype,"breakpointListener",null);var PopoverIds=0;Popover.style=BalPopoverStyle0;var PopoverContent=function(){function e(e){registerInstance(this,e);this.isTouch=balBreakpoints.isTouch;this.spaceless=false;this.scrollable=0;this.contentWidth=0;this.contentMinWidth=0;this.color="white";this.expanded=false;this.radius="normal";this.noShadow=false;this.mobileTop=false;this.contentHeightOnTop=0}e.prototype.breakpointListener=function(e){if(balBrowser.hasWindow){this.contentHeightOnTop=window.innerHeight-64}};Object.defineProperty(e.prototype,"innerStyle",{get:function(){var e={};if(this.scrollable>0){e={"max-height":"".concat(this.scrollable,"px"),overflow:"auto"}}return Object.assign({},e)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"contentStyle",{get:function(){var e={};var t={};var r={"--bal-popover-content-height-top-nav":"".concat(this.contentHeightOnTop/16,"rem")};if(this.contentWidth>0){e={"max-width":"".concat(this.contentWidth,"px")}}if(this.contentMinWidth>0){t={"min-width":"".concat(this.contentMinWidth,"px")}}return Object.assign(Object.assign(Object.assign({},e),t),r)},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){if(balBrowser.hasWindow){this.contentHeightOnTop=window.innerHeight-64}};e.prototype.render=function(){var e=BEM.block("popover").element("content");return h(Host,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("expanded").class(this.expanded)),e.modifier("spaceless").class(this.spaceless)),e.modifier("no-shadow").class(this.noShadow)),e.modifier("radius-".concat(this.radius)).class()),e.modifier("color-".concat(this.color)).class()),e.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},h("div",{class:Object.assign({},e.element("inner").class()),style:this.innerStyle},h("slot",null)),h("div",{class:Object.assign({},e.element("arrow").class()),"data-popper-arrow":true}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],PopoverContent.prototype,"breakpointListener",null);export{Popover as bal_popover,PopoverContent as bal_popover_content};

package/dist/esm-es5/bal-popup.entry.js

@@ -1 +1 @@
-import{__awaiter,__extends,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{u as isEscapeKey}from"./index.esm-83b1f9c4.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{b as balBrowser}from"./browser-a8073d92.js";import{s as stopEventBubbling}from"./form-input-28a08ec5.js";import{h as debounce}from"./helpers-c201154e.js";import{L as Logger}from"./log-dfd1c19f.js";import{f as focusableQueryString}from"./focus-visible-f0cdd043.js";import{a as autoUpdate,c as computePosition,s as shift,f as flip,o as offset,b as arrow}from"./floating-ui.dom.esm-f1cf1077.js";import"./index-82aff103.js";import"./_commonjsHelpers-1c8beb5f.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var AbstractVariantRenderer=function(){function t(){}t.prototype.showContainerElement=function(t){if(t.containerEl){this.showElement(t.containerEl)}};t.prototype.hideContainerElement=function(t){if(t.containerEl){this.hideElement(t.containerEl)}};t.prototype.showArrowElement=function(t,i){if(i===void 0){i=t.arrow}if(i&&t.arrowEl){this.showElement(t.arrowEl)}};t.prototype.hideArrowElement=function(t){if(t.arrowEl){Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}};t.prototype.showBackdropElement=function(t,i){if(i===void 0){i=t.backdrop}if(i&&t.backdropEl){this.showElement(t.backdropEl)}};t.prototype.hideBackdropElement=function(t){if(t.backdropEl){this.hideElement(t.backdropEl)}};t.prototype.showElement=function(t){if(t){t.style.setProperty("display","block");t.style.setProperty("visibility","visible")}};t.prototype.hideElement=function(t){if(t){t.style.removeProperty("display");t.style.removeProperty("visibility")}};return t}();var DrawerVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.backdrop=false;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger&&t.backdropEl){this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","auto 0px 0px 0px");t.containerEl.style.setProperty("bottom","".concat(this.offset,"px"));t.backdropEl.style.setProperty("bottom","".concat(this.offset,"px"));this.showBackdropElement(t,this.backdrop);this.showContainerElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.backdropEl){t.balWillAnimate.emit();this.hideBackdropElement(t);this.hideContainerElement(t);t.containerEl.style.removeProperty("inset");t.containerEl.style.removeProperty("bottom");t.backdropEl.style.removeProperty("bottom");return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var FullscreenVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger){this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","".concat(this.offset,"px auto auto 0px"));if(this.offset>0){t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)")}this.showBackdropElement(t);this.showContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl){this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);t.containerEl.style.removeProperty("box-shadow");t.containerEl.style.removeProperty("inset");return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var PopoverVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.placement="bottom";i.offset=0;i.arrow=false;i.backdrop=false;i.reference=undefined;i.triggerEl=null;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i,r,e;var n=this;return __generator(this,(function(a){if(!t.trigger&&balBrowser.hasDocument){i=Array.from(document.querySelectorAll('[bal-popup="'.concat(t.el.id,'"]')))[0];t.trigger=i}if(t.trigger&&t.containerEl&&t.arrowEl){this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement);this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow);this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference);this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset);this.triggerEl=t.trigger;if(this.reference&&balBrowser.hasDocument){r=document.getElementById(this.reference);this.triggerEl=r?r:t.trigger}if(this.triggerEl){this.showContainerElement(t);this.showBackdropElement(t,this.backdrop);this.showArrowElement(t,this.arrow);this.triggerEl.classList.add("bal-popup-variant-popover-trigger");e=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;if(e){t.setMinWidth(this.triggerEl.clientWidth)}this.cleanup=autoUpdate(this.triggerEl,t.containerEl,(function(){n.update(t)}),{ancestorScroll:true,ancestorResize:true,elementResize:false,layoutShift:true,animationFrame:true});return[2,true]}}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i,r,e,n,a,o;return __generator(this,(function(s){if(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl){e=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;n=(i=this.triggerEl)===null||i===void 0?void 0:i.getBoundingClientRect();a=(r=t.trigger)===null||r===void 0?void 0:r.getBoundingClientRect();o=false;if(balBrowser.hasWindow){o=!!window.frameElement}computePosition(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[o?undefined:shift(),flip(),offset(this.arrow?16:this.offset),arrow({element:t.arrowEl,padding:4})]}).then((function(i){var r,o;var s=i.x,u=i.y,h=i.middlewareData,p=i.placement;if(t.containerEl){Object.assign(t.containerEl.style,{left:"".concat(s,"px"),top:"".concat(u,"px")});var c=p.split("-")[0];var f={top:"bottom",right:"left",bottom:"top",left:"right"}[c];if(h.arrow&&t.arrowEl){var l=h.arrow;if(e){var d=n.right-a.right-4;Object.assign(t.arrowEl.style,(r={right:"".concat(d+a.width/2,"px"),left:"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",bottom:""},r[f]="".concat(-4,"px"),r))}else{Object.assign(t.arrowEl.style,(o={left:s!=null&&l.x!=null?"".concat(l.x,"px"):"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",right:"",bottom:""},o[f]="".concat(-4,"px"),o))}}}}));return[2,true]}return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.arrowEl&&this.triggerEl){if(this.cleanup){this.cleanup()}this.triggerEl.classList.remove("bal-popup-variant-popover-trigger");this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var VariantRenderer=function(){function t(t){this.renderer=t}t.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(r){switch(r.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.present(t)];case 1:i=r.sent();if(i){t.presented=true;t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(r){switch(r.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.update(t)];case 1:i=r.sent();if(i){t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(r){switch(r.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.dismiss(t)];case 1:i=r.sent();if(i){t.presented=false;t.balDidAnimate.emit()}return[2,i]}}))}))};return t}();var balPopupCss=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline;z-index:var(--bal-z-index-popup)}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";var BalPopupStyle0=balPopupCss;var Popup=function(){function t(t){var i=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.popupId="bal-pu-".concat(popupIds++);this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.popoverVariantRenderer=new VariantRenderer(new PopoverVariantRenderer);this.fullscreenVariantRenderer=new VariantRenderer(new FullscreenVariantRenderer);this.drawerVariantRenderer=new VariantRenderer(new DrawerVariantRenderer);this.lastVariant="popover";this.initialActive=this.active;this.debouncedGlobalClick=debounce((function(t){return i.notifyGlobalClick(t)}),10);this.onBackdropClick=function(t){if(i.activeBackdropDismiss&&i.presented&&t&&t.target){var r=t.target;return r.classList.contains("bal-popup__backdrop")}return false};this.onCloseClick=function(){if(i.activeClosable){i.dismiss()}};this.activeClosable=false;this.activeBackdropDismiss=false;this.activeVariant="popover";this.trigger=undefined;this.lastTrigger=undefined;this.minContainerWidth=0;this.label="";this.reference=undefined;this.variant="popover";this.placement="bottom";this.arrow=false;this.backdrop=false;this.offset=0;this.closable=false;this.backdropDismiss=false;this.active=false;this.presented=false;this.contentWidth=undefined;this.demo=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.variantChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:if(!(t!==i))return[3,5];return[4,this.getVariantRenderer(i).dismiss(this)];case 1:r.sent();if(!(this.activeVariant!==t))return[3,3];this.lastVariant=this.activeVariant;this.activeVariant=t;return[4,this.getVariantRenderer(this.lastVariant).dismiss(this)];case 2:r.sent();r.label=3;case 3:if(!this.presented)return[3,5];return[4,this.getVariantRenderer(t).present(this)];case 4:r.sent();r.label=5;case 5:return[2]}}))}))};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){if(t!==i&&t!==this.presented){if(t){this.present()}else{this.dismiss()}}return[2]}))}))};t.prototype.contentWidthChanged=function(t,i){if(t!==i){if(t===undefined){this.el.style.removeProperty("--bal-popup-variant-popover-max-width")}else{this.el.style.setProperty("--bal-popup-variant-popover-max-width","".concat(this.contentWidth,"px"))}}};t.prototype.componentDidLoad=function(){this.contentWidthChanged(this.contentWidth,0);if(this.initialActive===true&&this.presented!==true){this.present()}if(this.demo){this.present()}};t.prototype.listenOnGlobalClick=function(t){return __awaiter(this,void 0,void 0,(function(){var i,r,e,n;return __generator(this,(function(a){r=t.target;e=r.closest("[bal-popup]");if(e&&balBrowser.hasWindow){n=((i=e.attributes.getNamedItem("bal-popup"))===null||i===void 0?void 0:i.nodeValue)||"";if(this.el.id===n){this.debouncedGlobalClick(e)}}return[2]}))}))};t.prototype.listenOnKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.activeClosable&&this.presented&&isEscapeKey(t)){stopEventBubbling(t);this.dismiss()}return[2]}))}))};t.prototype.listenOnMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnComponentClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,2];return[4,this.dismiss()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._present()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._dismiss()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.presented){return[2,this.dismiss()]}else{return[2,this.present()]}return[2]}))}))};t.prototype.setMinWidth=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.containerEl){this.containerEl.style.minWidth="".concat(t,"px");this.minContainerWidth=t}return[2]}))}))};t.prototype._emitChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.balChange.emit(this.presented);return[2]}))}))};t.prototype._present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:if(balBrowser.hasDocument){this.lastFocus=document.activeElement||undefined}if(!this.lastVariantRenderer)return[3,2];return[4,this.lastVariantRenderer.dismiss(this)];case 1:i.sent();this.presented=true;i.label=2;case 2:this.lastVariantRenderer=this.getVariantRenderer();return[4,this.lastVariantRenderer.present(this)];case 3:t=i.sent();this.focusFirstDescendant();return[2,t]}}))}))};t.prototype._dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(r){switch(r.label){case 0:return[4,this.getVariantRenderer().dismiss(this)];case 1:i=r.sent();this.lastVariantRenderer=undefined;if(this.lastFocus&&this.lastFocus.focus){(t=this.lastFocus)===null||t===void 0?void 0:t.focus()}return[2,i]}}))}))};t.prototype.getVariantRenderer=function(t){if(t===void 0){t=this.activeVariant}switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}};t.prototype.getValue=function(t,i,r){var e=t.attributes.getNamedItem(i);return e?e.value:r};t.prototype.getNumberValue=function(t,i,r){var e=t.attributes.getNamedItem(i);if(e){return parseInt(e.value,10)||r}return r};t.prototype.getBooleanValue=function(t,i,r){var e=t.attributes.getNamedItem(i);if(e){var n=e.value===""||e.value==="true"?true:false;return e?n:r}return r};t.prototype.notifyGlobalClick=function(t){this.trigger=t;this.lastTrigger=this.lastTrigger===undefined?this.trigger:this.lastTrigger;this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant);this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable);this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss);if(this.presented&&this.lastTrigger!==this.trigger){this._present();this.lastTrigger=this.trigger}else{this.toggle()}};t.prototype.resetAllVariants=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.dismissAllOtherPopups()];case 1:i.sent();if(!(this.lastVariant!==this.activeVariant))return[3,3];t=this.getVariantRenderer(this.lastVariant);return[4,t.dismiss(this)];case 2:i.sent();i.label=3;case 3:this.lastVariant=this.activeVariant;return[2]}}))}))};t.prototype.dismissAllOtherPopups=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,r;var e=this;return __generator(this,(function(n){switch(n.label){case 0:if(!balBrowser.hasDocument)return[3,5];t=Array.from(document.getElementsByTagName("bal-popup")).filter((function(t){return t.id!==e.el.id&&t.ariaHidden!=="true"}));i=0;n.label=1;case 1:if(!(i<t.length))return[3,5];r=t[i];return[4,r._dismiss()];case 2:n.sent();return[4,r._emitChange()];case 3:n.sent();n.label=4;case 4:i++;return[3,1];case 5:return[2]}}))}))};t.prototype.focusFirstDescendant=function(){var t=this.el;var i=t.querySelector(focusableQueryString);if(i){i.focus()}else{t.focus()}};t.prototype.render=function(){var t=this;var i=BEM.block("popup");var r=i.element("container");var e=i.element("arrow");var n=i.element("backdrop");var a=i.element("inner");var o=a.element("head");var s=a.element("content");return h(Host,{class:Object.assign({},i.class()),role:"dialog","aria-hidden":"".concat(this.presented!==true),"aria-modal":"".concat(this.presented===true),"aria-presented":"".concat(this.presented===true),"aria-labelledby":"".concat(this.popupId,"-heading")},h("div",{class:Object.assign({},n.class()),ref:function(i){return t.backdropEl=i}}),h("div",{class:Object.assign(Object.assign({},r.class()),r.modifier("variant-".concat(this.activeVariant)).class()),ref:function(i){return t.containerEl=i},style:{minWidth:"".concat(this.minContainerWidth,"px")}},h("div",{class:Object.assign({},e.class()),ref:function(i){return t.arrowEl=i}}),h("bal-stack",{layout:"vertical",px:this.activeVariant==="popover"?"medium":"none",py:"medium",class:Object.assign({},a.class())},this.label?h("bal-stack",{space:"auto",class:Object.assign({},o.class())},h("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:"".concat(this.popupId,"-heading")},this.label),this.activeClosable?h("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:function(){return t.onCloseClick()}}):""):"",h("div",{class:Object.assign({},s.class()),ref:function(i){return t.contentEl=i},"data-test":"bal-popup-content"},h("slot",null)))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-popup"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Popup.prototype,"createLogger",null);var popupIds=0;Popup.style=BalPopupStyle0;export{Popup as bal_popup};
+import{__awaiter,__extends,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{u as isEscapeKey}from"./index.esm-76abd8e3.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{b as balBrowser}from"./browser-a8073d92.js";import{s as stopEventBubbling}from"./form-input-28a08ec5.js";import{h as debounce}from"./helpers-c201154e.js";import{L as Logger}from"./log-dfd1c19f.js";import{f as focusableQueryString}from"./focus-visible-f0cdd043.js";import{a as autoUpdate,c as computePosition,s as shift,f as flip,o as offset,b as arrow}from"./floating-ui.dom.esm-f1cf1077.js";import"./index-82aff103.js";import"./_commonjsHelpers-1c8beb5f.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var AbstractVariantRenderer=function(){function t(){}t.prototype.showContainerElement=function(t){if(t.containerEl){this.showElement(t.containerEl)}};t.prototype.hideContainerElement=function(t){if(t.containerEl){this.hideElement(t.containerEl)}};t.prototype.showArrowElement=function(t,i){if(i===void 0){i=t.arrow}if(i&&t.arrowEl){this.showElement(t.arrowEl)}};t.prototype.hideArrowElement=function(t){if(t.arrowEl){Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}};t.prototype.showBackdropElement=function(t,i){if(i===void 0){i=t.backdrop}if(i&&t.backdropEl){this.showElement(t.backdropEl)}};t.prototype.hideBackdropElement=function(t){if(t.backdropEl){this.hideElement(t.backdropEl)}};t.prototype.showElement=function(t){if(t){t.style.setProperty("display","block");t.style.setProperty("visibility","visible")}};t.prototype.hideElement=function(t){if(t){t.style.removeProperty("display");t.style.removeProperty("visibility")}};return t}();var DrawerVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.backdrop=false;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger&&t.backdropEl){this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","auto 0px 0px 0px");t.containerEl.style.setProperty("bottom","".concat(this.offset,"px"));t.backdropEl.style.setProperty("bottom","".concat(this.offset,"px"));this.showBackdropElement(t,this.backdrop);this.showContainerElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.backdropEl){t.balWillAnimate.emit();this.hideBackdropElement(t);this.hideContainerElement(t);t.containerEl.style.removeProperty("inset");t.containerEl.style.removeProperty("bottom");t.backdropEl.style.removeProperty("bottom");return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var FullscreenVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger){this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","".concat(this.offset,"px auto auto 0px"));if(this.offset>0){t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)")}this.showBackdropElement(t);this.showContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl){this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);t.containerEl.style.removeProperty("box-shadow");t.containerEl.style.removeProperty("inset");return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var PopoverVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.placement="bottom";i.offset=0;i.arrow=false;i.backdrop=false;i.reference=undefined;i.triggerEl=null;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i,r,e;var n=this;return __generator(this,(function(a){if(!t.trigger&&balBrowser.hasDocument){i=Array.from(document.querySelectorAll('[bal-popup="'.concat(t.el.id,'"]')))[0];t.trigger=i}if(t.trigger&&t.containerEl&&t.arrowEl){this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement);this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow);this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference);this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset);this.triggerEl=t.trigger;if(this.reference&&balBrowser.hasDocument){r=document.getElementById(this.reference);this.triggerEl=r?r:t.trigger}if(this.triggerEl){this.showContainerElement(t);this.showBackdropElement(t,this.backdrop);this.showArrowElement(t,this.arrow);this.triggerEl.classList.add("bal-popup-variant-popover-trigger");e=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;if(e){t.setMinWidth(this.triggerEl.clientWidth)}this.cleanup=autoUpdate(this.triggerEl,t.containerEl,(function(){n.update(t)}),{ancestorScroll:true,ancestorResize:true,elementResize:false,layoutShift:true,animationFrame:true});return[2,true]}}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i,r,e,n,a,o;return __generator(this,(function(s){if(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl){e=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;n=(i=this.triggerEl)===null||i===void 0?void 0:i.getBoundingClientRect();a=(r=t.trigger)===null||r===void 0?void 0:r.getBoundingClientRect();o=false;if(balBrowser.hasWindow){o=!!window.frameElement}computePosition(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[o?undefined:shift(),flip(),offset(this.arrow?16:this.offset),arrow({element:t.arrowEl,padding:4})]}).then((function(i){var r,o;var s=i.x,u=i.y,h=i.middlewareData,p=i.placement;if(t.containerEl){Object.assign(t.containerEl.style,{left:"".concat(s,"px"),top:"".concat(u,"px")});var c=p.split("-")[0];var f={top:"bottom",right:"left",bottom:"top",left:"right"}[c];if(h.arrow&&t.arrowEl){var l=h.arrow;if(e){var d=n.right-a.right-4;Object.assign(t.arrowEl.style,(r={right:"".concat(d+a.width/2,"px"),left:"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",bottom:""},r[f]="".concat(-4,"px"),r))}else{Object.assign(t.arrowEl.style,(o={left:s!=null&&l.x!=null?"".concat(l.x,"px"):"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",right:"",bottom:""},o[f]="".concat(-4,"px"),o))}}}}));return[2,true]}return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.arrowEl&&this.triggerEl){if(this.cleanup){this.cleanup()}this.triggerEl.classList.remove("bal-popup-variant-popover-trigger");this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var VariantRenderer=function(){function t(t){this.renderer=t}t.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(r){switch(r.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.present(t)];case 1:i=r.sent();if(i){t.presented=true;t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(r){switch(r.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.update(t)];case 1:i=r.sent();if(i){t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(r){switch(r.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.dismiss(t)];case 1:i=r.sent();if(i){t.presented=false;t.balDidAnimate.emit()}return[2,i]}}))}))};return t}();var balPopupCss=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline;z-index:var(--bal-z-index-popup)}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";var BalPopupStyle0=balPopupCss;var Popup=function(){function t(t){var i=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.popupId="bal-pu-".concat(popupIds++);this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.popoverVariantRenderer=new VariantRenderer(new PopoverVariantRenderer);this.fullscreenVariantRenderer=new VariantRenderer(new FullscreenVariantRenderer);this.drawerVariantRenderer=new VariantRenderer(new DrawerVariantRenderer);this.lastVariant="popover";this.initialActive=this.active;this.debouncedGlobalClick=debounce((function(t){return i.notifyGlobalClick(t)}),10);this.onBackdropClick=function(t){if(i.activeBackdropDismiss&&i.presented&&t&&t.target){var r=t.target;return r.classList.contains("bal-popup__backdrop")}return false};this.onCloseClick=function(){if(i.activeClosable){i.dismiss()}};this.activeClosable=false;this.activeBackdropDismiss=false;this.activeVariant="popover";this.trigger=undefined;this.lastTrigger=undefined;this.minContainerWidth=0;this.label="";this.reference=undefined;this.variant="popover";this.placement="bottom";this.arrow=false;this.backdrop=false;this.offset=0;this.closable=false;this.backdropDismiss=false;this.active=false;this.presented=false;this.contentWidth=undefined;this.demo=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.variantChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:if(!(t!==i))return[3,5];return[4,this.getVariantRenderer(i).dismiss(this)];case 1:r.sent();if(!(this.activeVariant!==t))return[3,3];this.lastVariant=this.activeVariant;this.activeVariant=t;return[4,this.getVariantRenderer(this.lastVariant).dismiss(this)];case 2:r.sent();r.label=3;case 3:if(!this.presented)return[3,5];return[4,this.getVariantRenderer(t).present(this)];case 4:r.sent();r.label=5;case 5:return[2]}}))}))};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){if(t!==i&&t!==this.presented){if(t){this.present()}else{this.dismiss()}}return[2]}))}))};t.prototype.contentWidthChanged=function(t,i){if(t!==i){if(t===undefined){this.el.style.removeProperty("--bal-popup-variant-popover-max-width")}else{this.el.style.setProperty("--bal-popup-variant-popover-max-width","".concat(this.contentWidth,"px"))}}};t.prototype.componentDidLoad=function(){this.contentWidthChanged(this.contentWidth,0);if(this.initialActive===true&&this.presented!==true){this.present()}if(this.demo){this.present()}};t.prototype.listenOnGlobalClick=function(t){return __awaiter(this,void 0,void 0,(function(){var i,r,e,n;return __generator(this,(function(a){r=t.target;e=r.closest("[bal-popup]");if(e&&balBrowser.hasWindow){n=((i=e.attributes.getNamedItem("bal-popup"))===null||i===void 0?void 0:i.nodeValue)||"";if(this.el.id===n){this.debouncedGlobalClick(e)}}return[2]}))}))};t.prototype.listenOnKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.activeClosable&&this.presented&&isEscapeKey(t)){stopEventBubbling(t);this.dismiss()}return[2]}))}))};t.prototype.listenOnMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnComponentClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,2];return[4,this.dismiss()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._present()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._dismiss()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.presented){return[2,this.dismiss()]}else{return[2,this.present()]}return[2]}))}))};t.prototype.setMinWidth=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.containerEl){this.containerEl.style.minWidth="".concat(t,"px");this.minContainerWidth=t}return[2]}))}))};t.prototype._emitChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.balChange.emit(this.presented);return[2]}))}))};t.prototype._present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:if(balBrowser.hasDocument){this.lastFocus=document.activeElement||undefined}if(!this.lastVariantRenderer)return[3,2];return[4,this.lastVariantRenderer.dismiss(this)];case 1:i.sent();this.presented=true;i.label=2;case 2:this.lastVariantRenderer=this.getVariantRenderer();return[4,this.lastVariantRenderer.present(this)];case 3:t=i.sent();this.focusFirstDescendant();return[2,t]}}))}))};t.prototype._dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(r){switch(r.label){case 0:return[4,this.getVariantRenderer().dismiss(this)];case 1:i=r.sent();this.lastVariantRenderer=undefined;if(this.lastFocus&&this.lastFocus.focus){(t=this.lastFocus)===null||t===void 0?void 0:t.focus()}return[2,i]}}))}))};t.prototype.getVariantRenderer=function(t){if(t===void 0){t=this.activeVariant}switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}};t.prototype.getValue=function(t,i,r){var e=t.attributes.getNamedItem(i);return e?e.value:r};t.prototype.getNumberValue=function(t,i,r){var e=t.attributes.getNamedItem(i);if(e){return parseInt(e.value,10)||r}return r};t.prototype.getBooleanValue=function(t,i,r){var e=t.attributes.getNamedItem(i);if(e){var n=e.value===""||e.value==="true"?true:false;return e?n:r}return r};t.prototype.notifyGlobalClick=function(t){this.trigger=t;this.lastTrigger=this.lastTrigger===undefined?this.trigger:this.lastTrigger;this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant);this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable);this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss);if(this.presented&&this.lastTrigger!==this.trigger){this._present();this.lastTrigger=this.trigger}else{this.toggle()}};t.prototype.resetAllVariants=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.dismissAllOtherPopups()];case 1:i.sent();if(!(this.lastVariant!==this.activeVariant))return[3,3];t=this.getVariantRenderer(this.lastVariant);return[4,t.dismiss(this)];case 2:i.sent();i.label=3;case 3:this.lastVariant=this.activeVariant;return[2]}}))}))};t.prototype.dismissAllOtherPopups=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,r;var e=this;return __generator(this,(function(n){switch(n.label){case 0:if(!balBrowser.hasDocument)return[3,5];t=Array.from(document.getElementsByTagName("bal-popup")).filter((function(t){return t.id!==e.el.id&&t.ariaHidden!=="true"}));i=0;n.label=1;case 1:if(!(i<t.length))return[3,5];r=t[i];return[4,r._dismiss()];case 2:n.sent();return[4,r._emitChange()];case 3:n.sent();n.label=4;case 4:i++;return[3,1];case 5:return[2]}}))}))};t.prototype.focusFirstDescendant=function(){var t=this.el;var i=t.querySelector(focusableQueryString);if(i){i.focus()}else{t.focus()}};t.prototype.render=function(){var t=this;var i=BEM.block("popup");var r=i.element("container");var e=i.element("arrow");var n=i.element("backdrop");var a=i.element("inner");var o=a.element("head");var s=a.element("content");return h(Host,{class:Object.assign({},i.class()),role:"dialog","aria-hidden":"".concat(this.presented!==true),"aria-modal":"".concat(this.presented===true),"aria-presented":"".concat(this.presented===true),"aria-labelledby":"".concat(this.popupId,"-heading")},h("div",{class:Object.assign({},n.class()),ref:function(i){return t.backdropEl=i}}),h("div",{class:Object.assign(Object.assign({},r.class()),r.modifier("variant-".concat(this.activeVariant)).class()),ref:function(i){return t.containerEl=i},style:{minWidth:"".concat(this.minContainerWidth,"px")}},h("div",{class:Object.assign({},e.class()),ref:function(i){return t.arrowEl=i}}),h("bal-stack",{layout:"vertical",px:this.activeVariant==="popover"?"medium":"none",py:"medium",class:Object.assign({},a.class())},this.label?h("bal-stack",{space:"auto",class:Object.assign({},o.class())},h("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:"".concat(this.popupId,"-heading")},this.label),this.activeClosable?h("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:function(){return t.onCloseClick()}}):""):"",h("div",{class:Object.assign({},s.class()),ref:function(i){return t.contentEl=i},"data-test":"bal-popup-content"},h("slot",null)))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-popup"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Popup.prototype,"createLogger",null);var popupIds=0;Popup.style=BalPopupStyle0;export{Popup as bal_popup};

package/dist/esm-es5/bal-progress-bar.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{b as balBreakpoints}from"./breakpoints.subject-9ea7074e.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-f979fe5c.js";import"./helpers-c201154e.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-7d2734e1.js";var balProgressBarCss=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-line-background:var(--bal-color-primary);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-background);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}";var BalProgressBarStyle0=balProgressBarCss;var ProgressBar=function(){function r(r){registerInstance(this,r);this.animated=true;this.isTouch=balBreakpoints.isTouch;this.value=0;this.background="white"}r.prototype.componentDidRender=function(){this.updateProgress()};r.prototype.breakpointListener=function(r){this.updateProgress()};r.prototype.configChanged=function(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=r.animated;return[2]}))}))};r.prototype.updateProgress=function(){if(this.lineEl){var r=this.el.clientWidth;var e=Math.max(0,Math.min(100,this.value));var a=r/100*e;this.lineEl.style.width="".concat(a,"px");if(e===100){this.lineEl.classList.add("bal-progress-bar__line--full")}else{this.lineEl.classList.remove("bal-progress-bar__line--full")}}};r.prototype.render=function(){var r=this;var e=BEM.block("progress-bar");var a=e.element("line");return h(Host,{"aria-hidden":"true",class:Object.assign(Object.assign({},e.class()),e.modifier("background-".concat(this.background)).class())},h("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("animated").class(this.animated)),ref:function(e){return r.lineEl=e}}))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],ProgressBar.prototype,"breakpointListener",null);ProgressBar.style=BalProgressBarStyle0;export{ProgressBar as bal_progress_bar};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{l as raf}from"./helpers-c201154e.js";import{L as ListenToWindowResize}from"./window-resize.decorator-dec8dd72.js";import{b as balBreakpoints}from"./breakpoints.subject-ee89b4ec.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-d55790da.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";import"./device-8c6d2881.js";import"./tokens.esm-769d0c71.js";var balProgressBarCss=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";var BalProgressBarStyle0=balProgressBarCss;var ProgressBar=function(){function r(r){registerInstance(this,r);this.animated=true;this.isTouch=balBreakpoints.isTouch;this.value=0;this.background="white";this.color="primary"}r.prototype.componentDidRender=function(){this.updateProgress()};r.prototype.breakpointListener=function(r){this.updateProgress()};r.prototype.windowResizeListener=function(){this.updateProgress()};r.prototype.configChanged=function(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=r.animated;return[2]}))}))};r.prototype.updateProgress=function(){var r=this;if(this.lineEl){raf((function(){var e=r.el.clientWidth;var a=Math.max(0,Math.min(100,r.value));var o=e/100*a;r.lineEl.style.width="".concat(o,"px");if(a===100){r.lineEl.classList.add("bal-progress-bar__line--full")}else{r.lineEl.classList.remove("bal-progress-bar__line--full")}}))}};r.prototype.render=function(){var r=this;var e=BEM.block("progress-bar");var a=e.element("line");return h(Host,{"aria-hidden":"true",class:Object.assign(Object.assign({},e.class()),e.modifier("background-".concat(this.background,"-of-").concat(this.color)).class())},h("div",{class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("color-".concat(this.color)).class()),a.modifier("animated").class(this.animated)),ref:function(e){return r.lineEl=e}}))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],ProgressBar.prototype,"breakpointListener",null);__decorate([ListenToWindowResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],ProgressBar.prototype,"windowResizeListener",null);ProgressBar.style=BalProgressBarStyle0;export{ProgressBar as bal_progress_bar};