@public-ui/components 1.4.0-rc.11 → 1.4.0-rc.12

package/dist/cjs/kol-tooltip.cjs.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-29c5d3c6.js"),buttonLink=require("./button-link-17aa6a40.js"),log=require("./log-c0dc35c9.js"),prop_validators=require("./prop.validators-da7d3db2.js"),reuse=require("./reuse-b43997f3.js");function getAlignment(t){return t.split("-")[1]}function getLengthFromAxis(t){return"y"===t?"height":"width"}function getSide(t){return t.split("-")[0]}function getMainAxisFromPlacement(t){return["top","bottom"].includes(getSide(t))?"x":"y"}function computeCoordsFromPlacement(t,e,i){let{reference:n,floating:o}=t;const l=n.x+n.width/2-o.width/2,r=n.y+n.height/2-o.height/2,s=getMainAxisFromPlacement(e),a=getLengthFromAxis(s),c=n[a]/2-o[a]/2,d="x"===s;let g;switch(getSide(e)){case"top":g={x:l,y:n.y-o.height};break;case"bottom":g={x:l,y:n.y+n.height};break;case"right":g={x:n.x+n.width,y:r};break;case"left":g={x:n.x-o.width,y:r};break;default:g={x:n.x,y:n.y}}switch(getAlignment(e)){case"start":g[s]-=c*(i&&d?-1:1);break;case"end":g[s]+=c*(i&&d?-1:1)}return g}require("./index-cc5674d0.js"),require("./a11y.tipps-ab1afcfd.js");const computePosition$1=async(t,e,i)=>{const{placement:n="bottom",strategy:o="absolute",middleware:l=[],platform:r}=i,s=l.filter(Boolean),a=await(null==r.isRTL?void 0:r.isRTL(e));let c=await r.getElementRects({reference:t,floating:e,strategy:o}),{x:d,y:g}=computeCoordsFromPlacement(c,n,a),f=n,m={},u=0;for(let i=0;i<s.length;i++){const{name:l,fn:p}=s[i],{x:h,y:v,data:y,reset:w}=await p({x:d,y:g,initialPlacement:n,placement:f,strategy:o,middlewareData:m,rects:c,platform:r,elements:{reference:t,floating:e}});d=null!=h?h:d,g=null!=v?v:g,m={...m,[l]:{...m[l],...y}},w&&u<=50&&(u++,"object"==typeof w&&(w.placement&&(f=w.placement),w.rects&&(c=!0===w.rects?await r.getElementRects({reference:t,floating:e,strategy:o}):w.rects),({x:d,y:g}=computeCoordsFromPlacement(c,f,a))),i=-1)}return{x:d,y:g,placement:f,strategy:o,middlewareData:m}};function expandPaddingObject(t){return{top:0,right:0,bottom:0,left:0,...t}}function getSideObjectFromPadding(t){return"number"!=typeof t?expandPaddingObject(t):{top:t,right:t,bottom:t,left:t}}function rectToClientRect(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function detectOverflow(t,e){var i;void 0===e&&(e={});const{x:n,y:o,platform:l,rects:r,elements:s,strategy:a}=t,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:g="floating",altBoundary:f=!1,padding:m=0}=e,u=getSideObjectFromPadding(m),p=s[f?"floating"===g?"reference":"floating":g],h=rectToClientRect(await l.getClippingRect({element:null==(i=await(null==l.isElement?void 0:l.isElement(p)))||i?p:p.contextElement||await(null==l.getDocumentElement?void 0:l.getDocumentElement(s.floating)),boundary:c,rootBoundary:d,strategy:a})),v="floating"===g?{...r.floating,x:n,y:o}:r.reference,y=await(null==l.getOffsetParent?void 0:l.getOffsetParent(s.floating)),w=await(null==l.isElement?void 0:l.isElement(y))&&await(null==l.getScale?void 0:l.getScale(y))||{x:1,y:1},x=rectToClientRect(l.convertOffsetParentRelativeRectToViewportRelativeRect?await l.convertOffsetParentRelativeRectToViewportRelativeRect({rect:v,offsetParent:y,strategy:a}):v);return{top:(h.top-x.top+u.top)/w.y,bottom:(x.bottom-h.bottom+u.bottom)/w.y,left:(h.left-x.left+u.left)/w.x,right:(x.right-h.right+u.right)/w.x}}const min$1=Math.min,max$1=Math.max;function within(t,e,i){return max$1(t,min$1(e,i))}const arrow=t=>({name:"arrow",options:t,async fn(e){const{element:i,padding:n=0}=t||{},{x:o,y:l,placement:r,rects:s,platform:a}=e;if(null==i)return{};const c=getSideObjectFromPadding(n),d={x:o,y:l},g=getMainAxisFromPlacement(r),f=getLengthFromAxis(g),m=await a.getDimensions(i),u="y"===g?"top":"left",p="y"===g?"bottom":"right",h=s.reference[f]+s.reference[g]-d[g]-s.floating[f],v=d[g]-s.reference[g],y=await(null==a.getOffsetParent?void 0:a.getOffsetParent(i));let w=y?"y"===g?y.clientHeight||0:y.clientWidth||0:0;0===w&&(w=s.floating[f]);const x=h/2-v/2,b=c[u],E=w-m[f]-c[p],C=w/2-m[f]/2+x,T=within(b,C,E),S=null!=getAlignment(r)&&C!=T&&s.reference[f]/2-(C<b?c[u]:c[p])-m[f]/2<0;return{[g]:d[g]-(S?C<b?b-C:E-C:0),data:{[g]:T,centerOffset:C-T}}}}),oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(t){return t.replace(/left|right|bottom|top/g,(t=>oppositeSideMap[t]))}function getAlignmentSides(t,e,i){void 0===i&&(i=!1);const n=getAlignment(t),o=getMainAxisFromPlacement(t),l=getLengthFromAxis(o);let r="x"===o?n===(i?"end":"start")?"right":"left":"start"===n?"bottom":"top";return e.reference[l]>e.floating[l]&&(r=getOppositePlacement(r)),{main:r,cross:getOppositePlacement(r)}}const oppositeAlignmentMap={start:"end",end:"start"};function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(t=>oppositeAlignmentMap[t]))}function getExpandedPlacements(t){const e=getOppositePlacement(t);return[getOppositeAlignmentPlacement(t),e,getOppositeAlignmentPlacement(e)]}function getSideList(t,e,i){const n=["left","right"],o=["right","left"],l=["top","bottom"],r=["bottom","top"];switch(t){case"top":case"bottom":return i?e?o:n:e?n:o;case"left":case"right":return e?l:r;default:return[]}}function getOppositeAxisPlacements(t,e,i,n){const o=getAlignment(t);let l=getSideList(getSide(t),"start"===i,n);return o&&(l=l.map((t=>t+"-"+o)),e&&(l=l.concat(l.map(getOppositeAlignmentPlacement)))),l}const flip=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var i;const{placement:n,middlewareData:o,rects:l,initialPlacement:r,platform:s,elements:a}=e,{mainAxis:c=!0,crossAxis:d=!0,fallbackPlacements:g,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:u=!0,...p}=t,h=getSide(n),v=getSide(r)===r,y=await(null==s.isRTL?void 0:s.isRTL(a.floating)),w=g||(v||!u?[getOppositePlacement(r)]:getExpandedPlacements(r));g||"none"===m||w.push(...getOppositeAxisPlacements(r,u,m,y));const x=[r,...w],b=await detectOverflow(e,p),E=[];let C=(null==(i=o.flip)?void 0:i.overflows)||[];if(c&&E.push(b[h]),d){const{main:t,cross:e}=getAlignmentSides(n,l,y);E.push(b[t],b[e])}if(C=[...C,{placement:n,overflows:E}],!E.every((t=>t<=0))){var T,S;const t=((null==(T=o.flip)?void 0:T.index)||0)+1,e=x[t];if(e)return{data:{index:t,overflows:C},reset:{placement:e}};let i=null==(S=C.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:S.placement;if(!i)switch(f){case"bestFit":{var A;const t=null==(A=C.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:A[0];t&&(i=t);break}case"initialPlacement":i=r}if(n!==i)return{reset:{placement:i}}}return{}}}};async function convertValueToCoords(t,e){const{placement:i,platform:n,elements:o}=t,l=await(null==n.isRTL?void 0:n.isRTL(o.floating)),r=getSide(i),s=getAlignment(i),a="x"===getMainAxisFromPlacement(i),c=["left","top"].includes(r)?-1:1,d=l&&a?-1:1,g="function"==typeof e?e(t):e;let{mainAxis:f,crossAxis:m,alignmentAxis:u}="number"==typeof g?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...g};return s&&"number"==typeof u&&(m="end"===s?-1*u:u),a?{x:m*d,y:f*c}:{x:f*c,y:m*d}}const offset=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){const{x:i,y:n}=e,o=await convertValueToCoords(e,t);return{x:i+o.x,y:n+o.y,data:o}}}};function getCrossAxis(t){return"x"===t?"y":"x"}const shift=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:i,y:n,placement:o}=e,{mainAxis:l=!0,crossAxis:r=!1,limiter:s={fn:t=>{let{x:e,y:i}=t;return{x:e,y:i}}},...a}=t,c={x:i,y:n},d=await detectOverflow(e,a),g=getMainAxisFromPlacement(getSide(o)),f=getCrossAxis(g);let m=c[g],u=c[f];if(l){const t="y"===g?"bottom":"right";m=within(m+d["y"===g?"top":"left"],m,m-d[t])}if(r){const t="y"===f?"bottom":"right";u=within(u+d["y"===f?"top":"left"],u,u-d[t])}const p=s.fn({...e,[g]:m,[f]:u});return{...p,data:{x:p.x-i,y:p.y-n}}}}};function getWindow(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function getComputedStyle$1(t){return getWindow(t).getComputedStyle(t)}const min=Math.min,max=Math.max,round=Math.round;function getCssDimensions(t){const e=getComputedStyle$1(t);let i=parseFloat(e.width),n=parseFloat(e.height);const o=t.offsetWidth,l=t.offsetHeight,r=round(i)!==o||round(n)!==l;return r&&(i=o,n=l),{width:i,height:n,fallback:r}}function getNodeName(t){return isNode(t)?(t.nodeName||"").toLowerCase():""}let uaString;function getUAString(){if(uaString)return uaString;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(uaString=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),uaString):navigator.userAgent}function isHTMLElement(t){return t instanceof getWindow(t).HTMLElement}function isElement(t){return t instanceof getWindow(t).Element}function isNode(t){return t instanceof getWindow(t).Node}function isShadowRoot(t){if("undefined"==typeof ShadowRoot)return!1;return t instanceof getWindow(t).ShadowRoot||t instanceof ShadowRoot}function isOverflowElement(t){const{overflow:e,overflowX:i,overflowY:n,display:o}=getComputedStyle$1(t);return/auto|scroll|overlay|hidden|clip/.test(e+n+i)&&!["inline","contents"].includes(o)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){const e=/firefox/i.test(getUAString()),i=getComputedStyle$1(t),n=i.backdropFilter||i.WebkitBackdropFilter;return"none"!==i.transform||"none"!==i.perspective||!!n&&"none"!==n||e&&"filter"===i.willChange||e&&!!i.filter&&"none"!==i.filter||["transform","perspective"].some((t=>i.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=i.contain;return null!=e&&e.includes(t)}))}function isClientRectVisualViewportBased(){return/^((?!chrome|android).)*safari/i.test(getUAString())}function isLastTraversableNode(t){return["html","body","#document"].includes(getNodeName(t))}function unwrapElement(t){return isElement(t)?t:t.contextElement}const FALLBACK_SCALE={x:1,y:1};function getScale(t){const e=unwrapElement(t);if(!isHTMLElement(e))return FALLBACK_SCALE;const i=e.getBoundingClientRect(),{width:n,height:o,fallback:l}=getCssDimensions(e);let r=(l?round(i.width):i.width)/n,s=(l?round(i.height):i.height)/o;return r&&Number.isFinite(r)||(r=1),s&&Number.isFinite(s)||(s=1),{x:r,y:s}}function getBoundingClientRect(t,e,i,n){var o,l;void 0===e&&(e=!1),void 0===i&&(i=!1);const r=t.getBoundingClientRect(),s=unwrapElement(t);let a=FALLBACK_SCALE;e&&(n?isElement(n)&&(a=getScale(n)):a=getScale(t));const c=s?getWindow(s):window,d=isClientRectVisualViewportBased()&&i;let g=(r.left+(d&&(null==(o=c.visualViewport)?void 0:o.offsetLeft)||0))/a.x,f=(r.top+(d&&(null==(l=c.visualViewport)?void 0:l.offsetTop)||0))/a.y,m=r.width/a.x,u=r.height/a.y;if(s){const t=getWindow(s),e=n&&isElement(n)?getWindow(n):n;let i=t.frameElement;for(;i&&n&&e!==t;){const t=getScale(i),e=i.getBoundingClientRect(),n=getComputedStyle(i);e.x+=(i.clientLeft+parseFloat(n.paddingLeft))*t.x,e.y+=(i.clientTop+parseFloat(n.paddingTop))*t.y,g*=t.x,f*=t.y,m*=t.x,u*=t.y,g+=e.x,f+=e.y,i=getWindow(i).frameElement}}return{width:m,height:u,top:f,right:g+m,bottom:f+u,left:g,x:g,y:f}}function getDocumentElement(t){return((isNode(t)?t.ownerDocument:t.document)||window.document).documentElement}function getNodeScroll(t){return isElement(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function convertOffsetParentRelativeRectToViewportRelativeRect(t){let{rect:e,offsetParent:i,strategy:n}=t;const o=isHTMLElement(i),l=getDocumentElement(i);if(i===l)return e;let r={scrollLeft:0,scrollTop:0},s={x:1,y:1};const a={x:0,y:0};if((o||!o&&"fixed"!==n)&&(("body"!==getNodeName(i)||isOverflowElement(l))&&(r=getNodeScroll(i)),isHTMLElement(i))){const t=getBoundingClientRect(i);s=getScale(i),a.x=t.x+i.clientLeft,a.y=t.y+i.clientTop}return{width:e.width*s.x,height:e.height*s.y,x:e.x*s.x-r.scrollLeft*s.x+a.x,y:e.y*s.y-r.scrollTop*s.y+a.y}}function getWindowScrollBarX(t){return getBoundingClientRect(getDocumentElement(t)).left+getNodeScroll(t).scrollLeft}function getDocumentRect(t){const e=getDocumentElement(t),i=getNodeScroll(t),n=t.ownerDocument.body,o=max(e.scrollWidth,e.clientWidth,n.scrollWidth,n.clientWidth),l=max(e.scrollHeight,e.clientHeight,n.scrollHeight,n.clientHeight);let r=-i.scrollLeft+getWindowScrollBarX(t);const s=-i.scrollTop;return"rtl"===getComputedStyle$1(n).direction&&(r+=max(e.clientWidth,n.clientWidth)-o),{width:o,height:l,x:r,y:s}}function getParentNode(t){if("html"===getNodeName(t))return t;const e=t.assignedSlot||t.parentNode||isShadowRoot(t)&&t.host||getDocumentElement(t);return isShadowRoot(e)?e.host:e}function getNearestOverflowAncestor(t){const e=getParentNode(t);return isLastTraversableNode(e)?e.ownerDocument.body:isHTMLElement(e)&&isOverflowElement(e)?e:getNearestOverflowAncestor(e)}function getOverflowAncestors(t,e){var i;void 0===e&&(e=[]);const n=getNearestOverflowAncestor(t),o=n===(null==(i=t.ownerDocument)?void 0:i.body),l=getWindow(n);return o?e.concat(l,l.visualViewport||[],isOverflowElement(n)?n:[]):e.concat(n,getOverflowAncestors(n))}function getViewportRect(t,e){const i=getWindow(t),n=getDocumentElement(t),o=i.visualViewport;let l=n.clientWidth,r=n.clientHeight,s=0,a=0;if(o){l=o.width,r=o.height;const t=isClientRectVisualViewportBased();(!t||t&&"fixed"===e)&&(s=o.offsetLeft,a=o.offsetTop)}return{width:l,height:r,x:s,y:a}}function getInnerBoundingClientRect(t,e){const i=getBoundingClientRect(t,!0,"fixed"===e),n=i.top+t.clientTop,o=i.left+t.clientLeft,l=isHTMLElement(t)?getScale(t):{x:1,y:1};return{width:t.clientWidth*l.x,height:t.clientHeight*l.y,x:o*l.x,y:n*l.y}}function getClientRectFromClippingAncestor(t,e,i){let n;if("viewport"===e)n=getViewportRect(t,i);else if("document"===e)n=getDocumentRect(getDocumentElement(t));else if(isElement(e))n=getInnerBoundingClientRect(e,i);else{const i={...e};if(isClientRectVisualViewportBased()){var o,l;const e=getWindow(t);i.x-=(null==(o=e.visualViewport)?void 0:o.offsetLeft)||0,i.y-=(null==(l=e.visualViewport)?void 0:l.offsetTop)||0}n=i}return rectToClientRect(n)}function getClippingElementAncestors(t,e){const i=e.get(t);if(i)return i;let n=getOverflowAncestors(t).filter((t=>isElement(t)&&"body"!==getNodeName(t))),o=null;const l="fixed"===getComputedStyle$1(t).position;let r=l?getParentNode(t):t;for(;isElement(r)&&!isLastTraversableNode(r);){const t=getComputedStyle$1(r),e=isContainingBlock(r);if("fixed"===t.position)o=null;else{(l?!e&&!o:!e&&"static"===t.position&&!!o&&["absolute","fixed"].includes(o.position))?n=n.filter((t=>t!==r)):o=t}r=getParentNode(r)}return e.set(t,n),n}function getClippingRect(t){let{element:e,boundary:i,rootBoundary:n,strategy:o}=t;const l=[..."clippingAncestors"===i?getClippingElementAncestors(e,this._c):[].concat(i),n],r=l[0],s=l.reduce(((t,i)=>{const n=getClientRectFromClippingAncestor(e,i,o);return t.top=max(n.top,t.top),t.right=min(n.right,t.right),t.bottom=min(n.bottom,t.bottom),t.left=max(n.left,t.left),t}),getClientRectFromClippingAncestor(e,r,o));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function getDimensions(t){return isHTMLElement(t)?getCssDimensions(t):t.getBoundingClientRect()}function getTrueOffsetParent(t,e){return isHTMLElement(t)&&"fixed"!==getComputedStyle$1(t).position?e?e(t):t.offsetParent:null}function getContainingBlock(t){let e=getParentNode(t);for(;isHTMLElement(e)&&!isLastTraversableNode(e);){if(isContainingBlock(e))return e;e=getParentNode(e)}return null}function getOffsetParent(t,e){const i=getWindow(t);let n=getTrueOffsetParent(t,e);for(;n&&isTableElement(n)&&"static"===getComputedStyle$1(n).position;)n=getTrueOffsetParent(n,e);return n&&("html"===getNodeName(n)||"body"===getNodeName(n)&&"static"===getComputedStyle$1(n).position&&!isContainingBlock(n))?i:n||getContainingBlock(t)||i}function getRectRelativeToOffsetParent(t,e,i){const n=isHTMLElement(e),o=getDocumentElement(e),l=getBoundingClientRect(t,!0,"fixed"===i,e);let r={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if(n||!n&&"fixed"!==i)if(("body"!==getNodeName(e)||isOverflowElement(o))&&(r=getNodeScroll(e)),isHTMLElement(e)){const t=getBoundingClientRect(e,!0);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}else o&&(s.x=getWindowScrollBarX(o));return{x:l.left+r.scrollLeft-s.x,y:l.top+r.scrollTop-s.y,width:l.width,height:l.height}}const platform={getClippingRect:getClippingRect,convertOffsetParentRelativeRectToViewportRelativeRect:convertOffsetParentRelativeRectToViewportRelativeRect,isElement:isElement,getDimensions:getDimensions,getOffsetParent:getOffsetParent,getDocumentElement:getDocumentElement,getScale:getScale,async getElementRects(t){let{reference:e,floating:i,strategy:n}=t;const o=this.getOffsetParent||getOffsetParent,l=this.getDimensions;return{reference:getRectRelativeToOffsetParent(e,await o(i),n),floating:{x:0,y:0,...await l(i)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===getComputedStyle$1(t).direction},computePosition=(t,e,i)=>{const n=new Map,o={platform:platform,...i},l={...o.platform,_c:n};return computePosition$1(t,e,{...o,platform:l})},defaultStyleCss=":host{--kolibri-border-color:#e0e0e0;--kolibri-border-radius:0.125rem;--kolibri-border-width:1px;--kolibri-color-error:#f44336;--kolibri-color-info:#2196f3;--kolibri-color-success:#4caf50;--kolibri-color-warning:#ff9800;--kolibri-color-primary:#3f51b5;--kolibri-color-secondary:#ff4081;--kolibri-color-normal:#9e9e9e;--kolibri-color-danger:#f44336;--kolibri-color-ghost:#f5f5f5;--kolibri-color-disabled:#bdbdbd;--kolibri-color-text:#222222;--kolibri-color-visited:#9c27b0;--kolibri-font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif;--kolibri-font-size:16px;--kolibri-spacing:0.25rem}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}*{box-sizing:border-box;font-family:var(--kolibri-font-family)}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:var(--kolibri-spacing);place-items:center}button{min-height:44px;min-width:44px;padding:0;margin:0}a,button,input,select,textarea{cursor:pointer;font-family:inherit}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{background-color:transparent;border-width:0}h1,h2,h3,h4,h5,h6{font-size:1rem;margin:0}:host #floating{display:none;position:absolute;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:0.5s;box-sizing:border-box;box-shadow:0 0 calc(var(--kolibri-spacing) / 2) rgba(255, 255, 255, 0.8)}:host #arrow{position:absolute;width:10px;height:10px;background:#333;transform:rotate(45deg);z-index:999}:host kol-badge{font-size:calc(4 * var(--kolibri-spacing));max-width:300px;z-index:1000;position:relative}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}",KolTooltip=class{constructor(t){index.registerInstance(this,t),this.alignTooltip=()=>{var t,e,i;if("test"!==reuse.processEnv&&this.previousSibling){const n=this.previousSibling;if(this.tooltipElement){const o=this.tooltipElement,l=this.arrowElement,r=[(i=null!==(t=null==l?void 0:l.offsetHeight)&&void 0!==t?t:10,void 0===i&&(i=0),{name:"offset",options:i,async fn(t){const{x:e,y:n}=t,o=await convertValueToCoords(t,i);return{x:e+o.x,y:n+o.y,data:o}}}),(void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var i;const{placement:n,middlewareData:o,rects:l,initialPlacement:r,platform:s,elements:a}=t,{mainAxis:c=!0,crossAxis:d=!0,fallbackPlacements:g,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:u=!0,...p}=e,h=getSide(n),v=getSide(r)===r,y=await(null==s.isRTL?void 0:s.isRTL(a.floating)),w=g||(v||!u?[getOppositePlacement(r)]:getExpandedPlacements(r));g||"none"===m||w.push(...getOppositeAxisPlacements(r,u,m,y));const x=[r,...w],b=await detectOverflow(t,p),E=[];let C=(null==(i=o.flip)?void 0:i.overflows)||[];if(c&&E.push(b[h]),d){const{main:t,cross:e}=getAlignmentSides(n,l,y);E.push(b[t],b[e])}if(C=[...C,{placement:n,overflows:E}],!E.every((t=>t<=0))){var T,S;const t=((null==(T=o.flip)?void 0:T.index)||0)+1,e=x[t];if(e)return{data:{index:t,overflows:C},reset:{placement:e}};let i=null==(S=C.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:S.placement;if(!i)switch(f){case"bestFit":{var A;const t=null==(A=C.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:A[0];t&&(i=t);break}case"initialPlacement":i=r}if(n!==i)return{reset:{placement:i}}}return{}}}),shift()];l&&r.push(arrow({element:l})),computePosition(n,o,{placement:this.state._align,middleware:r}).then((({x:t,y:e,middlewareData:i,placement:n})=>{var r,s;Object.assign(o.style,{left:`${t}px`,top:`${e}px`}),l&&((null===(r=i.arrow)||void 0===r?void 0:r.x)?Object.assign(l.style,{left:`${i.arrow.x}px`,top:"bottom"===n?-l.offsetHeight/2+"px":"",bottom:"top"===n?-l.offsetHeight/2+"px":""}):(null===(s=i.arrow)||void 0===s?void 0:s.y)&&Object.assign(l.style,{left:"right"===n?-l.offsetWidth/2+"px":"",right:"left"===n?-l.offsetWidth/2+"px":"",top:`${i.arrow.y}px`}))}))}}},this.showTooltip=()=>{this.tooltipElement&&(this.tooltipElement.style.setProperty("display","block"),log.getDocument().body.addEventListener("keyup",this.hideTooltipByEscape),this.alignTooltip(),this.tooltipElement.style.setProperty("visibility","visible"),document.addEventListener("scroll",this.alignTooltip))},this.hideTooltip=()=>{this.tooltipElement&&(this.tooltipElement.style.setProperty("display","none"),this.tooltipElement.style.setProperty("visibility","hidden"),document.removeEventListener("scroll",this.alignTooltip))},this.hideTooltipByEscape=t=>{"Escape"===t.key&&(log.getDocument().body.removeEventListener("keyup",this.hideTooltipByEscape),this.hideTooltip())},this.addListeners=t=>{t.addEventListener("mouseover",this.incrementOverFocusCount),t.addEventListener("focus",this.incrementOverFocusCount),t.addEventListener("mouseout",this.decrementOverFocusCount),t.addEventListener("blur",this.decrementOverFocusCount)},this.removeListeners=t=>{t.removeEventListener("mouseover",this.incrementOverFocusCount),t.removeEventListener("focus",this.incrementOverFocusCount),t.removeEventListener("mouseout",this.decrementOverFocusCount),t.removeEventListener("blur",this.decrementOverFocusCount)},this.resyncListeners=t=>{this.removeListeners(t),this.addListeners(t)},this.catchHostElement=t=>{t&&(this.previousSibling=t.previousElementSibling,this.previousSibling&&this.resyncListeners(this.previousSibling))},this.catchTooltipElement=t=>{this.tooltipElement=t,this.tooltipElement&&this.resyncListeners(this.tooltipElement)},this.catchArrowElement=t=>{this.arrowElement=t},this.overFocusCount=0,this.incrementOverFocusCount=()=>{this.overFocusCount++,this.showOrHideTooltip()},this.decrementOverFocusCount=()=>{this.overFocusCount--,this.showOrHideTooltip()},this.showOrHideTooltip=()=>{clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout((()=>{clearTimeout(this.overFocusTimeout),this.overFocusCount>0?this.showTooltip():this.hideTooltip()}),250)},this._align="top",this._id=void 0,this._label=void 0,this.state={_align:"top",_id:log.nonce(),_label:""}}render(){return reuse.smartSetTimeout((()=>{this.alignTooltip(),reuse.smartSetTimeout(this.alignTooltip,750)}),250),index.h(index.Host,{ref:this.catchHostElement},""!==this.state._label&&index.h("div",{id:"floating",ref:this.catchTooltipElement},index.h("div",{id:"arrow",ref:this.catchArrowElement}),index.h("kol-badge",{id:this.state._id,_color:{backgroundColor:"#333",color:"#ddd"},_label:this.state._label})))}validateAlign(t){buttonLink.watchTooltipAlignment(this,"_align",t)}validateId(t){prop_validators.watchString(this,"_id",t)}validateLabel(t){prop_validators.watchString(this,"_label",t)}componentWillLoad(){this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}disconnectedCallback(){this.previousSibling&&this.removeListeners(this.previousSibling),this.tooltipElement&&this.removeListeners(this.tooltipElement)}static get watchers(){return{_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};KolTooltip.style={default:defaultStyleCss},exports.kol_tooltip=KolTooltip;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-29c5d3c6.js"),buttonLink=require("./button-link-cd69c988.js"),dev_utils=require("./dev.utils-863840e0.js"),prop_validators=require("./prop.validators-f12095c6.js"),reuse=require("./reuse-b43997f3.js");function getAlignment(t){return t.split("-")[1]}function getLengthFromAxis(t){return"y"===t?"height":"width"}function getSide(t){return t.split("-")[0]}function getMainAxisFromPlacement(t){return["top","bottom"].includes(getSide(t))?"x":"y"}function computeCoordsFromPlacement(t,e,i){let{reference:n,floating:o}=t;const r=n.x+n.width/2-o.width/2,l=n.y+n.height/2-o.height/2,s=getMainAxisFromPlacement(e),a=getLengthFromAxis(s),c=n[a]/2-o[a]/2,d="x"===s;let g;switch(getSide(e)){case"top":g={x:r,y:n.y-o.height};break;case"bottom":g={x:r,y:n.y+n.height};break;case"right":g={x:n.x+n.width,y:l};break;case"left":g={x:n.x-o.width,y:l};break;default:g={x:n.x,y:n.y}}switch(getAlignment(e)){case"start":g[s]-=c*(i&&d?-1:1);break;case"end":g[s]+=c*(i&&d?-1:1)}return g}require("./index-cc5674d0.js"),require("./a11y.tipps-8ac081a4.js");const computePosition$1=async(t,e,i)=>{const{placement:n="bottom",strategy:o="absolute",middleware:r=[],platform:l}=i,s=r.filter(Boolean),a=await(null==l.isRTL?void 0:l.isRTL(e));let c=await l.getElementRects({reference:t,floating:e,strategy:o}),{x:d,y:g}=computeCoordsFromPlacement(c,n,a),f=n,u={},m=0;for(let i=0;i<s.length;i++){const{name:r,fn:p}=s[i],{x:h,y:v,data:y,reset:w}=await p({x:d,y:g,initialPlacement:n,placement:f,strategy:o,middlewareData:u,rects:c,platform:l,elements:{reference:t,floating:e}});d=null!=h?h:d,g=null!=v?v:g,u={...u,[r]:{...u[r],...y}},w&&m<=50&&(m++,"object"==typeof w&&(w.placement&&(f=w.placement),w.rects&&(c=!0===w.rects?await l.getElementRects({reference:t,floating:e,strategy:o}):w.rects),({x:d,y:g}=computeCoordsFromPlacement(c,f,a))),i=-1)}return{x:d,y:g,placement:f,strategy:o,middlewareData:u}};function expandPaddingObject(t){return{top:0,right:0,bottom:0,left:0,...t}}function getSideObjectFromPadding(t){return"number"!=typeof t?expandPaddingObject(t):{top:t,right:t,bottom:t,left:t}}function rectToClientRect(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function detectOverflow(t,e){var i;void 0===e&&(e={});const{x:n,y:o,platform:r,rects:l,elements:s,strategy:a}=t,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:g="floating",altBoundary:f=!1,padding:u=0}=e,m=getSideObjectFromPadding(u),p=s[f?"floating"===g?"reference":"floating":g],h=rectToClientRect(await r.getClippingRect({element:null==(i=await(null==r.isElement?void 0:r.isElement(p)))||i?p:p.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(s.floating)),boundary:c,rootBoundary:d,strategy:a})),v="floating"===g?{...l.floating,x:n,y:o}:l.reference,y=await(null==r.getOffsetParent?void 0:r.getOffsetParent(s.floating)),w=await(null==r.isElement?void 0:r.isElement(y))&&await(null==r.getScale?void 0:r.getScale(y))||{x:1,y:1},x=rectToClientRect(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:v,offsetParent:y,strategy:a}):v);return{top:(h.top-x.top+m.top)/w.y,bottom:(x.bottom-h.bottom+m.bottom)/w.y,left:(h.left-x.left+m.left)/w.x,right:(x.right-h.right+m.right)/w.x}}const min$1=Math.min,max$1=Math.max;function within(t,e,i){return max$1(t,min$1(e,i))}const arrow=t=>({name:"arrow",options:t,async fn(e){const{element:i,padding:n=0}=t||{},{x:o,y:r,placement:l,rects:s,platform:a}=e;if(null==i)return{};const c=getSideObjectFromPadding(n),d={x:o,y:r},g=getMainAxisFromPlacement(l),f=getLengthFromAxis(g),u=await a.getDimensions(i),m="y"===g?"top":"left",p="y"===g?"bottom":"right",h=s.reference[f]+s.reference[g]-d[g]-s.floating[f],v=d[g]-s.reference[g],y=await(null==a.getOffsetParent?void 0:a.getOffsetParent(i));let w=y?"y"===g?y.clientHeight||0:y.clientWidth||0:0;0===w&&(w=s.floating[f]);const x=h/2-v/2,b=c[m],E=w-u[f]-c[p],C=w/2-u[f]/2+x,T=within(b,C,E),S=null!=getAlignment(l)&&C!=T&&s.reference[f]/2-(C<b?c[m]:c[p])-u[f]/2<0;return{[g]:d[g]-(S?C<b?b-C:E-C:0),data:{[g]:T,centerOffset:C-T}}}}),oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(t){return t.replace(/left|right|bottom|top/g,(t=>oppositeSideMap[t]))}function getAlignmentSides(t,e,i){void 0===i&&(i=!1);const n=getAlignment(t),o=getMainAxisFromPlacement(t),r=getLengthFromAxis(o);let l="x"===o?n===(i?"end":"start")?"right":"left":"start"===n?"bottom":"top";return e.reference[r]>e.floating[r]&&(l=getOppositePlacement(l)),{main:l,cross:getOppositePlacement(l)}}const oppositeAlignmentMap={start:"end",end:"start"};function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(t=>oppositeAlignmentMap[t]))}function getExpandedPlacements(t){const e=getOppositePlacement(t);return[getOppositeAlignmentPlacement(t),e,getOppositeAlignmentPlacement(e)]}function getSideList(t,e,i){const n=["left","right"],o=["right","left"],r=["top","bottom"],l=["bottom","top"];switch(t){case"top":case"bottom":return i?e?o:n:e?n:o;case"left":case"right":return e?r:l;default:return[]}}function getOppositeAxisPlacements(t,e,i,n){const o=getAlignment(t);let r=getSideList(getSide(t),"start"===i,n);return o&&(r=r.map((t=>t+"-"+o)),e&&(r=r.concat(r.map(getOppositeAlignmentPlacement)))),r}const flip=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var i;const{placement:n,middlewareData:o,rects:r,initialPlacement:l,platform:s,elements:a}=e,{mainAxis:c=!0,crossAxis:d=!0,fallbackPlacements:g,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:m=!0,...p}=t,h=getSide(n),v=getSide(l)===l,y=await(null==s.isRTL?void 0:s.isRTL(a.floating)),w=g||(v||!m?[getOppositePlacement(l)]:getExpandedPlacements(l));g||"none"===u||w.push(...getOppositeAxisPlacements(l,m,u,y));const x=[l,...w],b=await detectOverflow(e,p),E=[];let C=(null==(i=o.flip)?void 0:i.overflows)||[];if(c&&E.push(b[h]),d){const{main:t,cross:e}=getAlignmentSides(n,r,y);E.push(b[t],b[e])}if(C=[...C,{placement:n,overflows:E}],!E.every((t=>t<=0))){var T,S;const t=((null==(T=o.flip)?void 0:T.index)||0)+1,e=x[t];if(e)return{data:{index:t,overflows:C},reset:{placement:e}};let i=null==(S=C.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:S.placement;if(!i)switch(f){case"bestFit":{var A;const t=null==(A=C.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:A[0];t&&(i=t);break}case"initialPlacement":i=l}if(n!==i)return{reset:{placement:i}}}return{}}}};async function convertValueToCoords(t,e){const{placement:i,platform:n,elements:o}=t,r=await(null==n.isRTL?void 0:n.isRTL(o.floating)),l=getSide(i),s=getAlignment(i),a="x"===getMainAxisFromPlacement(i),c=["left","top"].includes(l)?-1:1,d=r&&a?-1:1,g="function"==typeof e?e(t):e;let{mainAxis:f,crossAxis:u,alignmentAxis:m}="number"==typeof g?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...g};return s&&"number"==typeof m&&(u="end"===s?-1*m:m),a?{x:u*d,y:f*c}:{x:f*c,y:u*d}}const offset=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){const{x:i,y:n}=e,o=await convertValueToCoords(e,t);return{x:i+o.x,y:n+o.y,data:o}}}};function getCrossAxis(t){return"x"===t?"y":"x"}const shift=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:i,y:n,placement:o}=e,{mainAxis:r=!0,crossAxis:l=!1,limiter:s={fn:t=>{let{x:e,y:i}=t;return{x:e,y:i}}},...a}=t,c={x:i,y:n},d=await detectOverflow(e,a),g=getMainAxisFromPlacement(getSide(o)),f=getCrossAxis(g);let u=c[g],m=c[f];if(r){const t="y"===g?"bottom":"right";u=within(u+d["y"===g?"top":"left"],u,u-d[t])}if(l){const t="y"===f?"bottom":"right";m=within(m+d["y"===f?"top":"left"],m,m-d[t])}const p=s.fn({...e,[g]:u,[f]:m});return{...p,data:{x:p.x-i,y:p.y-n}}}}};function getWindow(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function getComputedStyle$1(t){return getWindow(t).getComputedStyle(t)}const min=Math.min,max=Math.max,round=Math.round;function getCssDimensions(t){const e=getComputedStyle$1(t);let i=parseFloat(e.width),n=parseFloat(e.height);const o=t.offsetWidth,r=t.offsetHeight,l=round(i)!==o||round(n)!==r;return l&&(i=o,n=r),{width:i,height:n,fallback:l}}function getNodeName(t){return isNode(t)?(t.nodeName||"").toLowerCase():""}let uaString;function getUAString(){if(uaString)return uaString;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(uaString=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),uaString):navigator.userAgent}function isHTMLElement(t){return t instanceof getWindow(t).HTMLElement}function isElement(t){return t instanceof getWindow(t).Element}function isNode(t){return t instanceof getWindow(t).Node}function isShadowRoot(t){if("undefined"==typeof ShadowRoot)return!1;return t instanceof getWindow(t).ShadowRoot||t instanceof ShadowRoot}function isOverflowElement(t){const{overflow:e,overflowX:i,overflowY:n,display:o}=getComputedStyle$1(t);return/auto|scroll|overlay|hidden|clip/.test(e+n+i)&&!["inline","contents"].includes(o)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){const e=/firefox/i.test(getUAString()),i=getComputedStyle$1(t),n=i.backdropFilter||i.WebkitBackdropFilter;return"none"!==i.transform||"none"!==i.perspective||!!n&&"none"!==n||e&&"filter"===i.willChange||e&&!!i.filter&&"none"!==i.filter||["transform","perspective"].some((t=>i.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=i.contain;return null!=e&&e.includes(t)}))}function isClientRectVisualViewportBased(){return/^((?!chrome|android).)*safari/i.test(getUAString())}function isLastTraversableNode(t){return["html","body","#document"].includes(getNodeName(t))}function unwrapElement(t){return isElement(t)?t:t.contextElement}const FALLBACK_SCALE={x:1,y:1};function getScale(t){const e=unwrapElement(t);if(!isHTMLElement(e))return FALLBACK_SCALE;const i=e.getBoundingClientRect(),{width:n,height:o,fallback:r}=getCssDimensions(e);let l=(r?round(i.width):i.width)/n,s=(r?round(i.height):i.height)/o;return l&&Number.isFinite(l)||(l=1),s&&Number.isFinite(s)||(s=1),{x:l,y:s}}function getBoundingClientRect(t,e,i,n){var o,r;void 0===e&&(e=!1),void 0===i&&(i=!1);const l=t.getBoundingClientRect(),s=unwrapElement(t);let a=FALLBACK_SCALE;e&&(n?isElement(n)&&(a=getScale(n)):a=getScale(t));const c=s?getWindow(s):window,d=isClientRectVisualViewportBased()&&i;let g=(l.left+(d&&(null==(o=c.visualViewport)?void 0:o.offsetLeft)||0))/a.x,f=(l.top+(d&&(null==(r=c.visualViewport)?void 0:r.offsetTop)||0))/a.y,u=l.width/a.x,m=l.height/a.y;if(s){const t=getWindow(s),e=n&&isElement(n)?getWindow(n):n;let i=t.frameElement;for(;i&&n&&e!==t;){const t=getScale(i),e=i.getBoundingClientRect(),n=getComputedStyle(i);e.x+=(i.clientLeft+parseFloat(n.paddingLeft))*t.x,e.y+=(i.clientTop+parseFloat(n.paddingTop))*t.y,g*=t.x,f*=t.y,u*=t.x,m*=t.y,g+=e.x,f+=e.y,i=getWindow(i).frameElement}}return{width:u,height:m,top:f,right:g+u,bottom:f+m,left:g,x:g,y:f}}function getDocumentElement(t){return((isNode(t)?t.ownerDocument:t.document)||window.document).documentElement}function getNodeScroll(t){return isElement(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function convertOffsetParentRelativeRectToViewportRelativeRect(t){let{rect:e,offsetParent:i,strategy:n}=t;const o=isHTMLElement(i),r=getDocumentElement(i);if(i===r)return e;let l={scrollLeft:0,scrollTop:0},s={x:1,y:1};const a={x:0,y:0};if((o||!o&&"fixed"!==n)&&(("body"!==getNodeName(i)||isOverflowElement(r))&&(l=getNodeScroll(i)),isHTMLElement(i))){const t=getBoundingClientRect(i);s=getScale(i),a.x=t.x+i.clientLeft,a.y=t.y+i.clientTop}return{width:e.width*s.x,height:e.height*s.y,x:e.x*s.x-l.scrollLeft*s.x+a.x,y:e.y*s.y-l.scrollTop*s.y+a.y}}function getWindowScrollBarX(t){return getBoundingClientRect(getDocumentElement(t)).left+getNodeScroll(t).scrollLeft}function getDocumentRect(t){const e=getDocumentElement(t),i=getNodeScroll(t),n=t.ownerDocument.body,o=max(e.scrollWidth,e.clientWidth,n.scrollWidth,n.clientWidth),r=max(e.scrollHeight,e.clientHeight,n.scrollHeight,n.clientHeight);let l=-i.scrollLeft+getWindowScrollBarX(t);const s=-i.scrollTop;return"rtl"===getComputedStyle$1(n).direction&&(l+=max(e.clientWidth,n.clientWidth)-o),{width:o,height:r,x:l,y:s}}function getParentNode(t){if("html"===getNodeName(t))return t;const e=t.assignedSlot||t.parentNode||isShadowRoot(t)&&t.host||getDocumentElement(t);return isShadowRoot(e)?e.host:e}function getNearestOverflowAncestor(t){const e=getParentNode(t);return isLastTraversableNode(e)?e.ownerDocument.body:isHTMLElement(e)&&isOverflowElement(e)?e:getNearestOverflowAncestor(e)}function getOverflowAncestors(t,e){var i;void 0===e&&(e=[]);const n=getNearestOverflowAncestor(t),o=n===(null==(i=t.ownerDocument)?void 0:i.body),r=getWindow(n);return o?e.concat(r,r.visualViewport||[],isOverflowElement(n)?n:[]):e.concat(n,getOverflowAncestors(n))}function getViewportRect(t,e){const i=getWindow(t),n=getDocumentElement(t),o=i.visualViewport;let r=n.clientWidth,l=n.clientHeight,s=0,a=0;if(o){r=o.width,l=o.height;const t=isClientRectVisualViewportBased();(!t||t&&"fixed"===e)&&(s=o.offsetLeft,a=o.offsetTop)}return{width:r,height:l,x:s,y:a}}function getInnerBoundingClientRect(t,e){const i=getBoundingClientRect(t,!0,"fixed"===e),n=i.top+t.clientTop,o=i.left+t.clientLeft,r=isHTMLElement(t)?getScale(t):{x:1,y:1};return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:o*r.x,y:n*r.y}}function getClientRectFromClippingAncestor(t,e,i){let n;if("viewport"===e)n=getViewportRect(t,i);else if("document"===e)n=getDocumentRect(getDocumentElement(t));else if(isElement(e))n=getInnerBoundingClientRect(e,i);else{const i={...e};if(isClientRectVisualViewportBased()){var o,r;const e=getWindow(t);i.x-=(null==(o=e.visualViewport)?void 0:o.offsetLeft)||0,i.y-=(null==(r=e.visualViewport)?void 0:r.offsetTop)||0}n=i}return rectToClientRect(n)}function getClippingElementAncestors(t,e){const i=e.get(t);if(i)return i;let n=getOverflowAncestors(t).filter((t=>isElement(t)&&"body"!==getNodeName(t))),o=null;const r="fixed"===getComputedStyle$1(t).position;let l=r?getParentNode(t):t;for(;isElement(l)&&!isLastTraversableNode(l);){const t=getComputedStyle$1(l),e=isContainingBlock(l);if("fixed"===t.position)o=null;else{(r?!e&&!o:!e&&"static"===t.position&&!!o&&["absolute","fixed"].includes(o.position))?n=n.filter((t=>t!==l)):o=t}l=getParentNode(l)}return e.set(t,n),n}function getClippingRect(t){let{element:e,boundary:i,rootBoundary:n,strategy:o}=t;const r=[..."clippingAncestors"===i?getClippingElementAncestors(e,this._c):[].concat(i),n],l=r[0],s=r.reduce(((t,i)=>{const n=getClientRectFromClippingAncestor(e,i,o);return t.top=max(n.top,t.top),t.right=min(n.right,t.right),t.bottom=min(n.bottom,t.bottom),t.left=max(n.left,t.left),t}),getClientRectFromClippingAncestor(e,l,o));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function getDimensions(t){return isHTMLElement(t)?getCssDimensions(t):t.getBoundingClientRect()}function getTrueOffsetParent(t,e){return isHTMLElement(t)&&"fixed"!==getComputedStyle$1(t).position?e?e(t):t.offsetParent:null}function getContainingBlock(t){let e=getParentNode(t);for(;isHTMLElement(e)&&!isLastTraversableNode(e);){if(isContainingBlock(e))return e;e=getParentNode(e)}return null}function getOffsetParent(t,e){const i=getWindow(t);let n=getTrueOffsetParent(t,e);for(;n&&isTableElement(n)&&"static"===getComputedStyle$1(n).position;)n=getTrueOffsetParent(n,e);return n&&("html"===getNodeName(n)||"body"===getNodeName(n)&&"static"===getComputedStyle$1(n).position&&!isContainingBlock(n))?i:n||getContainingBlock(t)||i}function getRectRelativeToOffsetParent(t,e,i){const n=isHTMLElement(e),o=getDocumentElement(e),r=getBoundingClientRect(t,!0,"fixed"===i,e);let l={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if(n||!n&&"fixed"!==i)if(("body"!==getNodeName(e)||isOverflowElement(o))&&(l=getNodeScroll(e)),isHTMLElement(e)){const t=getBoundingClientRect(e,!0);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}else o&&(s.x=getWindowScrollBarX(o));return{x:r.left+l.scrollLeft-s.x,y:r.top+l.scrollTop-s.y,width:r.width,height:r.height}}const platform={getClippingRect:getClippingRect,convertOffsetParentRelativeRectToViewportRelativeRect:convertOffsetParentRelativeRectToViewportRelativeRect,isElement:isElement,getDimensions:getDimensions,getOffsetParent:getOffsetParent,getDocumentElement:getDocumentElement,getScale:getScale,async getElementRects(t){let{reference:e,floating:i,strategy:n}=t;const o=this.getOffsetParent||getOffsetParent,r=this.getDimensions;return{reference:getRectRelativeToOffsetParent(e,await o(i),n),floating:{x:0,y:0,...await r(i)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===getComputedStyle$1(t).direction},computePosition=(t,e,i)=>{const n=new Map,o={platform:platform,...i},r={...o.platform,_c:n};return computePosition$1(t,e,{...o,platform:r})},defaultStyleCss=":host{--kolibri-border-color:#e0e0e0;--kolibri-border-radius:0.125rem;--kolibri-border-width:1px;--kolibri-color-error:#f44336;--kolibri-color-info:#2196f3;--kolibri-color-success:#4caf50;--kolibri-color-warning:#ff9800;--kolibri-color-primary:#3f51b5;--kolibri-color-secondary:#ff4081;--kolibri-color-normal:#9e9e9e;--kolibri-color-danger:#f44336;--kolibri-color-ghost:#f5f5f5;--kolibri-color-disabled:#bdbdbd;--kolibri-color-text:#222222;--kolibri-color-visited:#9c27b0;--kolibri-font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif;--kolibri-font-size:16px;--kolibri-spacing:0.25rem}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}*{box-sizing:border-box;font-family:var(--kolibri-font-family)}kol-icon{color:inherit}kol-span-wc{display:grid;place-items:center;width:100%}kol-span-wc>span{display:flex;gap:var(--kolibri-spacing);place-items:center}button{min-height:44px;min-width:44px;padding:0;margin:0}a,button,input,select,textarea{cursor:pointer;font-family:inherit}a.icon-only>kol-span-wc>span>span,button.icon-only>kol-span-wc>span>span{display:none}a{display:inline-flex;place-items:baseline}button{background-color:transparent;border-width:0}h1,h2,h3,h4,h5,h6{font-size:1rem;margin:0}:host #floating{animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:0.5s;box-sizing:border-box;display:none;position:absolute}:host #arrow{background:#333;height:10px;position:absolute;transform:rotate(45deg);width:10px;z-index:999}:host kol-badge{border-radius:var(--kolibri-border-radius);font-size:calc(4 * var(--kolibri-spacing));max-width:300px;position:relative;z-index:1000}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}",KolTooltip=class{constructor(t){index.registerInstance(this,t),this.alignTooltip=()=>{var t,e,i;if("test"!==reuse.processEnv&&this.previousSibling){const n=this.previousSibling;if(this.tooltipElement){const o=this.tooltipElement,r=this.arrowElement,l=[(i=null!==(t=null==r?void 0:r.offsetHeight)&&void 0!==t?t:10,void 0===i&&(i=0),{name:"offset",options:i,async fn(t){const{x:e,y:n}=t,o=await convertValueToCoords(t,i);return{x:e+o.x,y:n+o.y,data:o}}}),(void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var i;const{placement:n,middlewareData:o,rects:r,initialPlacement:l,platform:s,elements:a}=t,{mainAxis:c=!0,crossAxis:d=!0,fallbackPlacements:g,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:m=!0,...p}=e,h=getSide(n),v=getSide(l)===l,y=await(null==s.isRTL?void 0:s.isRTL(a.floating)),w=g||(v||!m?[getOppositePlacement(l)]:getExpandedPlacements(l));g||"none"===u||w.push(...getOppositeAxisPlacements(l,m,u,y));const x=[l,...w],b=await detectOverflow(t,p),E=[];let C=(null==(i=o.flip)?void 0:i.overflows)||[];if(c&&E.push(b[h]),d){const{main:t,cross:e}=getAlignmentSides(n,r,y);E.push(b[t],b[e])}if(C=[...C,{placement:n,overflows:E}],!E.every((t=>t<=0))){var T,S;const t=((null==(T=o.flip)?void 0:T.index)||0)+1,e=x[t];if(e)return{data:{index:t,overflows:C},reset:{placement:e}};let i=null==(S=C.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:S.placement;if(!i)switch(f){case"bestFit":{var A;const t=null==(A=C.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:A[0];t&&(i=t);break}case"initialPlacement":i=l}if(n!==i)return{reset:{placement:i}}}return{}}}),shift()];r&&l.push(arrow({element:r})),computePosition(n,o,{placement:this.state._align,middleware:l}).then((({x:t,y:e,middlewareData:i,placement:n})=>{var l,s;Object.assign(o.style,{left:`${t}px`,top:`${e}px`}),r&&((null===(l=i.arrow)||void 0===l?void 0:l.x)?Object.assign(r.style,{left:`${i.arrow.x}px`,top:"bottom"===n?-r.offsetHeight/2+"px":"",bottom:"top"===n?-r.offsetHeight/2+"px":""}):(null===(s=i.arrow)||void 0===s?void 0:s.y)&&Object.assign(r.style,{left:"right"===n?-r.offsetWidth/2+"px":"",right:"left"===n?-r.offsetWidth/2+"px":"",top:`${i.arrow.y}px`}))}))}}},this.showTooltip=()=>{this.tooltipElement&&(this.tooltipElement.style.setProperty("display","block"),dev_utils.getDocument().body.addEventListener("keyup",this.hideTooltipByEscape),this.alignTooltip(),this.tooltipElement.style.setProperty("visibility","visible"),document.addEventListener("scroll",this.alignTooltip))},this.hideTooltip=()=>{this.tooltipElement&&(this.tooltipElement.style.setProperty("display","none"),this.tooltipElement.style.setProperty("visibility","hidden"),document.removeEventListener("scroll",this.alignTooltip))},this.hideTooltipByEscape=t=>{"Escape"===t.key&&(dev_utils.getDocument().body.removeEventListener("keyup",this.hideTooltipByEscape),this.hideTooltip())},this.addListeners=t=>{t.addEventListener("mouseover",this.incrementOverFocusCount),t.addEventListener("focus",this.incrementOverFocusCount),t.addEventListener("mouseout",this.decrementOverFocusCount),t.addEventListener("blur",this.decrementOverFocusCount)},this.removeListeners=t=>{t.removeEventListener("mouseover",this.incrementOverFocusCount),t.removeEventListener("focus",this.incrementOverFocusCount),t.removeEventListener("mouseout",this.decrementOverFocusCount),t.removeEventListener("blur",this.decrementOverFocusCount)},this.resyncListeners=t=>{this.removeListeners(t),this.addListeners(t)},this.catchHostElement=t=>{t&&(this.previousSibling=t.previousElementSibling,this.previousSibling&&this.resyncListeners(this.previousSibling))},this.catchTooltipElement=t=>{this.tooltipElement=t,this.tooltipElement&&this.resyncListeners(this.tooltipElement)},this.catchArrowElement=t=>{this.arrowElement=t},this.overFocusCount=0,this.incrementOverFocusCount=()=>{this.overFocusCount++,this.showOrHideTooltip()},this.decrementOverFocusCount=()=>{this.overFocusCount--,this.showOrHideTooltip()},this.showOrHideTooltip=()=>{clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout((()=>{clearTimeout(this.overFocusTimeout),this.overFocusCount>0?this.showTooltip():this.hideTooltip()}),250)},this._align="top",this._id=void 0,this._label=void 0,this.state={_align:"top",_id:dev_utils.nonce(),_label:""}}render(){return reuse.smartSetTimeout((()=>{this.alignTooltip(),reuse.smartSetTimeout(this.alignTooltip,750)}),250),index.h(index.Host,{ref:this.catchHostElement},""!==this.state._label&&index.h("div",{id:"floating",ref:this.catchTooltipElement},index.h("div",{id:"arrow",ref:this.catchArrowElement}),index.h("kol-badge",{id:this.state._id,_color:{backgroundColor:"#333",color:"#ddd"},_label:this.state._label})))}validateAlign(t){buttonLink.watchTooltipAlignment(this,"_align",t)}validateId(t){prop_validators.watchString(this,"_id",t)}validateLabel(t){prop_validators.watchString(this,"_label",t)}componentWillLoad(){this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}disconnectedCallback(){this.previousSibling&&this.removeListeners(this.previousSibling),this.tooltipElement&&this.removeListeners(this.tooltipElement)}static get watchers(){return{_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};KolTooltip.style={default:defaultStyleCss},exports.kol_tooltip=KolTooltip;