@aquera/nile-elements 1.6.0 → 1.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +301 -185
- package/dist/nile-floating-panel/index.cjs.js +1 -1
- package/dist/nile-floating-panel/index.esm.js +1 -1
- package/dist/nile-floating-panel/nile-floating-panel.cjs.js +1 -1
- package/dist/nile-floating-panel/nile-floating-panel.cjs.js.map +1 -1
- package/dist/nile-floating-panel/nile-floating-panel.css.cjs.js +1 -1
- package/dist/nile-floating-panel/nile-floating-panel.css.cjs.js.map +1 -1
- package/dist/nile-floating-panel/nile-floating-panel.css.esm.js +137 -21
- package/dist/nile-floating-panel/nile-floating-panel.esm.js +1 -1
- package/dist/nile-lite-tooltip/index.cjs.js +1 -1
- package/dist/nile-lite-tooltip/index.esm.js +1 -1
- package/dist/nile-lite-tooltip/nile-lite-tooltip.cjs.js +1 -1
- package/dist/nile-lite-tooltip/nile-lite-tooltip.cjs.js.map +1 -1
- package/dist/nile-lite-tooltip/nile-lite-tooltip.esm.js +1 -1
- package/dist/src/index.d.ts +1 -1
- package/dist/src/index.js +1 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/nile-floating-panel/index.js.map +1 -1
- package/dist/src/nile-floating-panel/nile-floating-panel.css.d.ts +1 -1
- package/dist/src/nile-floating-panel/nile-floating-panel.css.js +147 -20
- package/dist/src/nile-floating-panel/nile-floating-panel.css.js.map +1 -1
- package/dist/src/nile-floating-panel/nile-floating-panel.d.ts +90 -24
- package/dist/src/nile-floating-panel/nile-floating-panel.js +478 -159
- package/dist/src/nile-floating-panel/nile-floating-panel.js.map +1 -1
- package/dist/src/version.js +1 -1
- package/dist/src/version.js.map +1 -1
- package/dist/tippy.esm-57628c2b.esm.js +1 -0
- package/dist/tippy.esm-78baa8f2.cjs.js +2 -0
- package/dist/tippy.esm-78baa8f2.cjs.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -3
- package/src/index.ts +2 -2
- package/src/nile-floating-panel/index.ts +0 -1
- package/src/nile-floating-panel/nile-floating-panel.css.ts +149 -21
- package/src/nile-floating-panel/nile-floating-panel.ts +489 -190
- package/vscode-html-custom-data.json +213 -23
- package/dist/nile-floating-panel/anchor-manager.cjs.js +0 -2
- package/dist/nile-floating-panel/anchor-manager.cjs.js.map +0 -1
- package/dist/nile-floating-panel/anchor-manager.esm.js +0 -1
- package/dist/nile-floating-panel/content-manager.cjs.js +0 -2
- package/dist/nile-floating-panel/content-manager.cjs.js.map +0 -1
- package/dist/nile-floating-panel/content-manager.esm.js +0 -1
- package/dist/nile-floating-panel/event-manager.cjs.js +0 -2
- package/dist/nile-floating-panel/event-manager.cjs.js.map +0 -1
- package/dist/nile-floating-panel/event-manager.esm.js +0 -1
- package/dist/nile-floating-panel/position-manager.cjs.js +0 -2
- package/dist/nile-floating-panel/position-manager.cjs.js.map +0 -1
- package/dist/nile-floating-panel/position-manager.esm.js +0 -1
- package/dist/nile-floating-panel/style-manager.cjs.js +0 -2
- package/dist/nile-floating-panel/style-manager.cjs.js.map +0 -1
- package/dist/nile-floating-panel/style-manager.esm.js +0 -1
- package/dist/nile-floating-panel/types.cjs.js +0 -2
- package/dist/nile-floating-panel/types.cjs.js.map +0 -1
- package/dist/nile-floating-panel/types.esm.js +0 -1
- package/dist/src/nile-floating-panel/anchor-manager.d.ts +0 -6
- package/dist/src/nile-floating-panel/anchor-manager.js +0 -27
- package/dist/src/nile-floating-panel/anchor-manager.js.map +0 -1
- package/dist/src/nile-floating-panel/content-manager.d.ts +0 -5
- package/dist/src/nile-floating-panel/content-manager.js +0 -44
- package/dist/src/nile-floating-panel/content-manager.js.map +0 -1
- package/dist/src/nile-floating-panel/event-manager.d.ts +0 -14
- package/dist/src/nile-floating-panel/event-manager.js +0 -52
- package/dist/src/nile-floating-panel/event-manager.js.map +0 -1
- package/dist/src/nile-floating-panel/position-manager.d.ts +0 -17
- package/dist/src/nile-floating-panel/position-manager.js +0 -72
- package/dist/src/nile-floating-panel/position-manager.js.map +0 -1
- package/dist/src/nile-floating-panel/style-manager.d.ts +0 -9
- package/dist/src/nile-floating-panel/style-manager.js +0 -44
- package/dist/src/nile-floating-panel/style-manager.js.map +0 -1
- package/dist/src/nile-floating-panel/types.d.ts +0 -11
- package/dist/src/nile-floating-panel/types.js +0 -2
- package/dist/src/nile-floating-panel/types.js.map +0 -1
- package/src/nile-floating-panel/anchor-manager.ts +0 -33
- package/src/nile-floating-panel/content-manager.ts +0 -54
- package/src/nile-floating-panel/event-manager.ts +0 -74
- package/src/nile-floating-panel/position-manager.ts +0 -102
- package/src/nile-floating-panel/style-manager.ts +0 -54
- package/src/nile-floating-panel/types.ts +0 -15
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{property as n,customElement as e}from"lit/decorators.js";import{s as i}from"./nile-lite-tooltip.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import{p as r,a as u}from"./utils.esm.js";import{V as a}from"../utilities/visibility-manager.esm.js";import"lit";var c="top",f="bottom",s="right",d="left",l="auto",p=[c,f,s,d],v="start",h="end",m="viewport",b="popper",y=p.reduce((function(t,n){return t.concat([n+"-"+v,n+"-"+h])}),[]),g=[].concat(p,[l]).reduce((function(t,n){return t.concat([n,n+"-"+v,n+"-"+h])}),[]),w=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function O(t){return t?(t.nodeName||"").toLowerCase():null}function x(t){if(null==t)return window;if("[object Window]"!==t.toString()){var n=t.ownerDocument;return n&&n.defaultView||window}return t}function j(t){return t instanceof x(t).Element||t instanceof Element}function T(t){return t instanceof x(t).HTMLElement||t instanceof HTMLElement}function k(t){return"undefined"!=typeof ShadowRoot&&(t instanceof x(t).ShadowRoot||t instanceof ShadowRoot)}var C={name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var n=t.state;Object.keys(n.elements).forEach((function(t){var e=n.styles[t]||{},i=n.attributes[t]||{},o=n.elements[t];T(o)&&O(o)&&(Object.assign(o.style,e),Object.keys(i).forEach((function(t){var n=i[t];!1===n?o.removeAttribute(t):o.setAttribute(t,!0===n?"":n)})))}))},effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow),function(){Object.keys(n.elements).forEach((function(t){var i=n.elements[t],o=n.attributes[t]||{},r=Object.keys(n.styles.hasOwnProperty(t)?n.styles[t]:e[t]).reduce((function(t,n){return t[n]="",t}),{});T(i)&&O(i)&&(Object.assign(i.style,r),Object.keys(o).forEach((function(t){i.removeAttribute(t)})))}))}},requires:["computeStyles"]};function S(t){return t.split("-")[0]}var B=Math.max,M=Math.min,A=Math.round;function E(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function R(){return!/^((?!chrome|android).)*safari/i.test(E())}function H(t,n,e){void 0===n&&(n=!1),void 0===e&&(e=!1);var i=t.getBoundingClientRect(),o=1,r=1;n&&T(t)&&(o=t.offsetWidth>0&&A(i.width)/t.offsetWidth||1,r=t.offsetHeight>0&&A(i.height)/t.offsetHeight||1);var u=(j(t)?x(t):window).visualViewport,a=!R()&&e,c=(i.left+(a&&u?u.offsetLeft:0))/o,f=(i.top+(a&&u?u.offsetTop:0))/r,s=i.width/o,d=i.height/r;return{width:s,height:d,top:f,right:c+s,bottom:f+d,left:c,x:c,y:f}}function q(t){var n=H(t),e=t.offsetWidth,i=t.offsetHeight;return Math.abs(n.width-e)<=1&&(e=n.width),Math.abs(n.height-i)<=1&&(i=n.height),{x:t.offsetLeft,y:t.offsetTop,width:e,height:i}}function U(t,n){var e=n.getRootNode&&n.getRootNode();if(t.contains(n))return!0;if(e&&k(e)){var i=n;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}function W(t){return x(t).getComputedStyle(t)}function z(t){return["table","td","th"].indexOf(O(t))>=0}function L(t){return((j(t)?t.ownerDocument:t.document)||window.document).documentElement}function D(t){return"html"===O(t)?t:t.assignedSlot||t.parentNode||(k(t)?t.host:null)||L(t)}function I(t){return T(t)&&"fixed"!==W(t).position?t.offsetParent:null}function P(t){for(var n=x(t),e=I(t);e&&z(e)&&"static"===W(e).position;)e=I(e);return e&&("html"===O(e)||"body"===O(e)&&"static"===W(e).position)?n:e||function(t){var n=/firefox/i.test(E());if(/Trident/i.test(E())&&T(t)&&"fixed"===W(t).position)return null;var e=D(t);for(k(e)&&(e=e.host);T(e)&&["html","body"].indexOf(O(e))<0;){var i=W(e);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||n&&"filter"===i.willChange||n&&i.filter&&"none"!==i.filter)return e;e=e.parentNode}return null}(t)||n}function N(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function V(t,n,e){return B(t,M(n,e))}function F(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function $(t,n){return n.reduce((function(n,e){return n[e]=t,n}),{})}var X={name:"arrow",enabled:!0,phase:"main",fn:function(t){var n,e=t.state,i=t.name,o=t.options,r=e.elements.arrow,u=e.modifiersData.popperOffsets,a=S(e.placement),l=N(a),v=[d,s].indexOf(a)>=0?"height":"width";if(r&&u){var h=function(t,n){return F("number"!=typeof(t="function"==typeof t?t(Object.assign({},n.rects,{placement:n.placement})):t)?t:$(t,p))}(o.padding,e),m=q(r),b="y"===l?c:d,y="y"===l?f:s,g=e.rects.reference[v]+e.rects.reference[l]-u[l]-e.rects.popper[v],w=u[l]-e.rects.reference[l],O=P(r),x=O?"y"===l?O.clientHeight||0:O.clientWidth||0:0,j=g/2-w/2,T=h[b],k=x-m[v]-h[y],C=x/2-m[v]/2+j,B=V(T,C,k),M=l;e.modifiersData[i]=((n={})[M]=B,n.centerOffset=B-C,n)}},effect:function(t){var n=t.state,e=t.options.element,i=void 0===e?"[data-popper-arrow]":e;null!=i&&("string"!=typeof i||(i=n.elements.popper.querySelector(i)))&&U(n.elements.popper,i)&&(n.elements.arrow=i)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function Y(t){return t.split("-")[1]}var J={top:"auto",right:"auto",bottom:"auto",left:"auto"};function _(t){var n,e=t.popper,i=t.popperRect,o=t.placement,r=t.variation,u=t.offsets,a=t.position,l=t.gpuAcceleration,p=t.adaptive,v=t.roundOffsets,m=t.isFixed,b=u.x,y=void 0===b?0:b,g=u.y,w=void 0===g?0:g,O="function"==typeof v?v({x:y,y:w}):{x:y,y:w};y=O.x,w=O.y;var j=u.hasOwnProperty("x"),T=u.hasOwnProperty("y"),k=d,C=c,S=window;if(p){var B=P(e),M="clientHeight",E="clientWidth";if(B===x(e)&&"static"!==W(B=L(e)).position&&"absolute"===a&&(M="scrollHeight",E="scrollWidth"),o===c||(o===d||o===s)&&r===h)C=f,w-=(m&&B===S&&S.visualViewport?S.visualViewport.height:B[M])-i.height,w*=l?1:-1;if(o===d||(o===c||o===f)&&r===h)k=s,y-=(m&&B===S&&S.visualViewport?S.visualViewport.width:B[E])-i.width,y*=l?1:-1}var R,H=Object.assign({position:a},p&&J),q=!0===v?function(t,n){var e=t.x,i=t.y,o=n.devicePixelRatio||1;return{x:A(e*o)/o||0,y:A(i*o)/o||0}}({x:y,y:w},x(e)):{x:y,y:w};return y=q.x,w=q.y,l?Object.assign({},H,((R={})[C]=T?"0":"",R[k]=j?"0":"",R.transform=(S.devicePixelRatio||1)<=1?"translate("+y+"px, "+w+"px)":"translate3d("+y+"px, "+w+"px, 0)",R)):Object.assign({},H,((n={})[C]=T?w+"px":"",n[k]=j?y+"px":"",n.transform="",n))}var G={passive:!0};var K={left:"right",right:"left",bottom:"top",top:"bottom"};function Q(t){return t.replace(/left|right|bottom|top/g,(function(t){return K[t]}))}var Z={start:"end",end:"start"};function tt(t){return t.replace(/start|end/g,(function(t){return Z[t]}))}function nt(t){var n=x(t);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function et(t){return H(L(t)).left+nt(t).scrollLeft}function it(t){var n=W(t),e=n.overflow,i=n.overflowX,o=n.overflowY;return/auto|scroll|overlay|hidden/.test(e+o+i)}function ot(t){return["html","body","#document"].indexOf(O(t))>=0?t.ownerDocument.body:T(t)&&it(t)?t:ot(D(t))}function rt(t,n){var e;void 0===n&&(n=[]);var i=ot(t),o=i===(null==(e=t.ownerDocument)?void 0:e.body),r=x(i),u=o?[r].concat(r.visualViewport||[],it(i)?i:[]):i,a=n.concat(u);return o?a:a.concat(rt(D(u)))}function ut(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function at(t,n,e){return n===m?ut(function(t,n){var e=x(t),i=L(t),o=e.visualViewport,r=i.clientWidth,u=i.clientHeight,a=0,c=0;if(o){r=o.width,u=o.height;var f=R();(f||!f&&"fixed"===n)&&(a=o.offsetLeft,c=o.offsetTop)}return{width:r,height:u,x:a+et(t),y:c}}(t,e)):j(n)?function(t,n){var e=H(t,!1,"fixed"===n);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}(n,e):ut(function(t){var n,e=L(t),i=nt(t),o=null==(n=t.ownerDocument)?void 0:n.body,r=B(e.scrollWidth,e.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),u=B(e.scrollHeight,e.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-i.scrollLeft+et(t),c=-i.scrollTop;return"rtl"===W(o||e).direction&&(a+=B(e.clientWidth,o?o.clientWidth:0)-r),{width:r,height:u,x:a,y:c}}(L(t)))}function ct(t,n,e,i){var o="clippingParents"===n?function(t){var n=rt(D(t)),e=["absolute","fixed"].indexOf(W(t).position)>=0&&T(t)?P(t):t;return j(e)?n.filter((function(t){return j(t)&&U(t,e)&&"body"!==O(t)})):[]}(t):[].concat(n),r=[].concat(o,[e]),u=r[0],a=r.reduce((function(n,e){var o=at(t,e,i);return n.top=B(o.top,n.top),n.right=M(o.right,n.right),n.bottom=M(o.bottom,n.bottom),n.left=B(o.left,n.left),n}),at(t,u,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function ft(t){var n,e=t.reference,i=t.element,o=t.placement,r=o?S(o):null,u=o?Y(o):null,a=e.x+e.width/2-i.width/2,l=e.y+e.height/2-i.height/2;switch(r){case c:n={x:a,y:e.y-i.height};break;case f:n={x:a,y:e.y+e.height};break;case s:n={x:e.x+e.width,y:l};break;case d:n={x:e.x-i.width,y:l};break;default:n={x:e.x,y:e.y}}var p=r?N(r):null;if(null!=p){var m="y"===p?"height":"width";switch(u){case v:n[p]=n[p]-(e[m]/2-i[m]/2);break;case h:n[p]=n[p]+(e[m]/2-i[m]/2)}}return n}function st(t,n){void 0===n&&(n={});var e=n,i=e.placement,o=void 0===i?t.placement:i,r=e.strategy,u=void 0===r?t.strategy:r,a=e.boundary,d=void 0===a?"clippingParents":a,l=e.rootBoundary,v=void 0===l?m:l,h=e.elementContext,y=void 0===h?b:h,g=e.altBoundary,w=void 0!==g&&g,O=e.padding,x=void 0===O?0:O,T=F("number"!=typeof x?x:$(x,p)),k=y===b?"reference":b,C=t.rects.popper,S=t.elements[w?k:y],B=ct(j(S)?S:S.contextElement||L(t.elements.popper),d,v,u),M=H(t.elements.reference),A=ft({reference:M,element:C,strategy:"absolute",placement:o}),E=ut(Object.assign({},C,A)),R=y===b?E:M,q={top:B.top-R.top+T.top,bottom:R.bottom-B.bottom+T.bottom,left:B.left-R.left+T.left,right:R.right-B.right+T.right},U=t.modifiersData.offset;if(y===b&&U){var W=U[o];Object.keys(q).forEach((function(t){var n=[s,f].indexOf(t)>=0?1:-1,e=[c,f].indexOf(t)>=0?"y":"x";q[t]+=W[e]*n}))}return q}function dt(t,n){void 0===n&&(n={});var e=n,i=e.placement,o=e.boundary,r=e.rootBoundary,u=e.padding,a=e.flipVariations,c=e.allowedAutoPlacements,f=void 0===c?g:c,s=Y(i),d=s?a?y:y.filter((function(t){return Y(t)===s})):p,l=d.filter((function(t){return f.indexOf(t)>=0}));0===l.length&&(l=d);var v=l.reduce((function(n,e){return n[e]=st(t,{placement:e,boundary:o,rootBoundary:r,padding:u})[S(e)],n}),{});return Object.keys(v).sort((function(t,n){return v[t]-v[n]}))}var lt={name:"flip",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,i=t.name;if(!n.modifiersData[i]._skip){for(var o=e.mainAxis,r=void 0===o||o,u=e.altAxis,a=void 0===u||u,p=e.fallbackPlacements,h=e.padding,m=e.boundary,b=e.rootBoundary,y=e.altBoundary,g=e.flipVariations,w=void 0===g||g,O=e.allowedAutoPlacements,x=n.options.placement,j=S(x),T=p||(j===x||!w?[Q(x)]:function(t){if(S(t)===l)return[];var n=Q(t);return[tt(t),n,tt(n)]}(x)),k=[x].concat(T).reduce((function(t,e){return t.concat(S(e)===l?dt(n,{placement:e,boundary:m,rootBoundary:b,padding:h,flipVariations:w,allowedAutoPlacements:O}):e)}),[]),C=n.rects.reference,B=n.rects.popper,M=new Map,A=!0,E=k[0],R=0;R<k.length;R++){var H=k[R],q=S(H),U=Y(H)===v,W=[c,f].indexOf(q)>=0,z=W?"width":"height",L=st(n,{placement:H,boundary:m,rootBoundary:b,altBoundary:y,padding:h}),D=W?U?s:d:U?f:c;C[z]>B[z]&&(D=Q(D));var I=Q(D),P=[];if(r&&P.push(L[q]<=0),a&&P.push(L[D]<=0,L[I]<=0),P.every((function(t){return t}))){E=H,A=!1;break}M.set(H,P)}if(A)for(var N=function(t){var n=k.find((function(n){var e=M.get(n);if(e)return e.slice(0,t).every((function(t){return t}))}));if(n)return E=n,"break"},V=w?3:1;V>0;V--){if("break"===N(V))break}n.placement!==E&&(n.modifiersData[i]._skip=!0,n.placement=E,n.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function pt(t,n,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-n.height-e.y,right:t.right-n.width+e.x,bottom:t.bottom-n.height+e.y,left:t.left-n.width-e.x}}function vt(t){return[c,s,f,d].some((function(n){return t[n]>=0}))}var ht={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var n=t.state,e=t.options,i=t.name,o=e.offset,r=void 0===o?[0,0]:o,u=g.reduce((function(t,e){return t[e]=function(t,n,e){var i=S(t),o=[d,c].indexOf(i)>=0?-1:1,r="function"==typeof e?e(Object.assign({},n,{placement:t})):e,u=r[0],a=r[1];return u=u||0,a=(a||0)*o,[d,s].indexOf(i)>=0?{x:a,y:u}:{x:u,y:a}}(e,n.rects,r),t}),{}),a=u[n.placement],f=a.x,l=a.y;null!=n.modifiersData.popperOffsets&&(n.modifiersData.popperOffsets.x+=f,n.modifiersData.popperOffsets.y+=l),n.modifiersData[i]=u}};var mt={name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,i=t.name,o=e.mainAxis,r=void 0===o||o,u=e.altAxis,a=void 0!==u&&u,l=e.boundary,p=e.rootBoundary,h=e.altBoundary,m=e.padding,b=e.tether,y=void 0===b||b,g=e.tetherOffset,w=void 0===g?0:g,O=st(n,{boundary:l,rootBoundary:p,padding:m,altBoundary:h}),x=S(n.placement),j=Y(n.placement),T=!j,k=N(x),C="x"===k?"y":"x",A=n.modifiersData.popperOffsets,E=n.rects.reference,R=n.rects.popper,H="function"==typeof w?w(Object.assign({},n.rects,{placement:n.placement})):w,U="number"==typeof H?{mainAxis:H,altAxis:H}:Object.assign({mainAxis:0,altAxis:0},H),W=n.modifiersData.offset?n.modifiersData.offset[n.placement]:null,z={x:0,y:0};if(A){if(r){var L,D="y"===k?c:d,I="y"===k?f:s,F="y"===k?"height":"width",$=A[k],X=$+O[D],J=$-O[I],_=y?-R[F]/2:0,G=j===v?E[F]:R[F],K=j===v?-R[F]:-E[F],Q=n.elements.arrow,Z=y&&Q?q(Q):{width:0,height:0},tt=n.modifiersData["arrow#persistent"]?n.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},nt=tt[D],et=tt[I],it=V(0,E[F],Z[F]),ot=T?E[F]/2-_-it-nt-U.mainAxis:G-it-nt-U.mainAxis,rt=T?-E[F]/2+_+it+et+U.mainAxis:K+it+et+U.mainAxis,ut=n.elements.arrow&&P(n.elements.arrow),at=ut?"y"===k?ut.clientTop||0:ut.clientLeft||0:0,ct=null!=(L=null==W?void 0:W[k])?L:0,ft=$+rt-ct,dt=V(y?M(X,$+ot-ct-at):X,$,y?B(J,ft):J);A[k]=dt,z[k]=dt-$}if(a){var lt,pt="x"===k?c:d,vt="x"===k?f:s,ht=A[C],mt="y"===C?"height":"width",bt=ht+O[pt],yt=ht-O[vt],gt=-1!==[c,d].indexOf(x),wt=null!=(lt=null==W?void 0:W[C])?lt:0,Ot=gt?bt:ht-E[mt]-R[mt]-wt+U.altAxis,xt=gt?ht+E[mt]+R[mt]-wt-U.altAxis:yt,jt=y&>?function(t,n,e){var i=V(t,n,e);return i>e?e:i}(Ot,ht,xt):V(y?Ot:bt,ht,y?xt:yt);A[C]=jt,z[C]=jt-ht}n.modifiersData[i]=z}},requiresIfExists:["offset"]};function bt(t,n,e){void 0===e&&(e=!1);var i,o,r=T(n),u=T(n)&&function(t){var n=t.getBoundingClientRect(),e=A(n.width)/t.offsetWidth||1,i=A(n.height)/t.offsetHeight||1;return 1!==e||1!==i}(n),a=L(n),c=H(t,u,e),f={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(r||!r&&!e)&&(("body"!==O(n)||it(a))&&(f=(i=n)!==x(i)&&T(i)?{scrollLeft:(o=i).scrollLeft,scrollTop:o.scrollTop}:nt(i)),T(n)?((s=H(n,!0)).x+=n.clientLeft,s.y+=n.clientTop):a&&(s.x=et(a))),{x:c.left+f.scrollLeft-s.x,y:c.top+f.scrollTop-s.y,width:c.width,height:c.height}}function yt(t){var n=new Map,e=new Set,i=[];function o(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var i=n.get(t);i&&o(i)}})),i.push(t)}return t.forEach((function(t){n.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||o(t)})),i}var gt={placement:"bottom",modifiers:[],strategy:"absolute"};function wt(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return!n.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function Ot(t){void 0===t&&(t={});var n=t,e=n.defaultModifiers,i=void 0===e?[]:e,o=n.defaultOptions,r=void 0===o?gt:o;return function(t,n,e){void 0===e&&(e=r);var o,u,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},gt,r),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}},c=[],f=!1,s={state:a,setOptions:function(e){var o="function"==typeof e?e(a.options):e;d(),a.options=Object.assign({},r,a.options,o),a.scrollParents={reference:j(t)?rt(t):t.contextElement?rt(t.contextElement):[],popper:rt(n)};var u,f,l=function(t){var n=yt(t);return w.reduce((function(t,e){return t.concat(n.filter((function(t){return t.phase===e})))}),[])}((u=[].concat(i,a.options.modifiers),f=u.reduce((function(t,n){var e=t[n.name];return t[n.name]=e?Object.assign({},e,n,{options:Object.assign({},e.options,n.options),data:Object.assign({},e.data,n.data)}):n,t}),{}),Object.keys(f).map((function(t){return f[t]}))));return a.orderedModifiers=l.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var n=t.name,e=t.options,i=void 0===e?{}:e,o=t.effect;if("function"==typeof o){var r=o({state:a,name:n,instance:s,options:i}),u=function(){};c.push(r||u)}})),s.update()},forceUpdate:function(){if(!f){var t=a.elements,n=t.reference,e=t.popper;if(wt(n,e)){a.rects={reference:bt(n,P(e),"fixed"===a.options.strategy),popper:q(e)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<a.orderedModifiers.length;i++)if(!0!==a.reset){var o=a.orderedModifiers[i],r=o.fn,u=o.options,c=void 0===u?{}:u,d=o.name;"function"==typeof r&&(a=r({state:a,options:c,name:d,instance:s})||a)}else a.reset=!1,i=-1}}},update:(o=function(){return new Promise((function(t){s.forceUpdate(),t(a)}))},function(){return u||(u=new Promise((function(t){Promise.resolve().then((function(){u=void 0,t(o())}))}))),u}),destroy:function(){d(),f=!0}};if(!wt(t,n))return s;function d(){c.forEach((function(t){return t()})),c=[]}return s.setOptions(e).then((function(t){!f&&e.onFirstUpdate&&e.onFirstUpdate(t)})),s}}var xt=Ot({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var n=t.state,e=t.instance,i=t.options,o=i.scroll,r=void 0===o||o,u=i.resize,a=void 0===u||u,c=x(n.elements.popper),f=[].concat(n.scrollParents.reference,n.scrollParents.popper);return r&&f.forEach((function(t){t.addEventListener("scroll",e.update,G)})),a&&c.addEventListener("resize",e.update,G),function(){r&&f.forEach((function(t){t.removeEventListener("scroll",e.update,G)})),a&&c.removeEventListener("resize",e.update,G)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var n=t.state,e=t.name;n.modifiersData[e]=ft({reference:n.rects.reference,element:n.rects.popper,strategy:"absolute",placement:n.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var n=t.state,e=t.options,i=e.gpuAcceleration,o=void 0===i||i,r=e.adaptive,u=void 0===r||r,a=e.roundOffsets,c=void 0===a||a,f={placement:S(n.placement),variation:Y(n.placement),popper:n.elements.popper,popperRect:n.rects.popper,gpuAcceleration:o,isFixed:"fixed"===n.options.strategy};null!=n.modifiersData.popperOffsets&&(n.styles.popper=Object.assign({},n.styles.popper,_(Object.assign({},f,{offsets:n.modifiersData.popperOffsets,position:n.options.strategy,adaptive:u,roundOffsets:c})))),null!=n.modifiersData.arrow&&(n.styles.arrow=Object.assign({},n.styles.arrow,_(Object.assign({},f,{offsets:n.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-placement":n.placement})},data:{}},C,ht,lt,mt,X,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var n=t.state,e=t.name,i=n.rects.reference,o=n.rects.popper,r=n.modifiersData.preventOverflow,u=st(n,{elementContext:"reference"}),a=st(n,{altBoundary:!0}),c=pt(u,i),f=pt(a,o,r),s=vt(c),d=vt(f);n.modifiersData[e]={referenceClippingOffsets:c,popperEscapeOffsets:f,isReferenceHidden:s,hasPopperEscaped:d},n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":d})}}]}),jt='<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><path d="M0 6s1.796-.013 4.67-3.615C5.851.9 6.93.006 8 0c1.07-.006 2.148.887 3.343 2.385C14.233 6.005 16 6 16 6H0z"></svg>',Tt="tippy-content",kt="tippy-arrow",Ct="tippy-svg-arrow",St={passive:!0,capture:!0},Bt=function(){return document.body};function Mt(t,n,e){if(Array.isArray(t)){var i=t[n];return null==i?Array.isArray(e)?e[n]:e:i}return t}function At(t,n){var e={}.toString.call(t);return 0===e.indexOf("[object")&&e.indexOf(n+"]")>-1}function Et(t,n){return"function"==typeof t?t.apply(void 0,n):t}function Rt(t,n){return 0===n?t:function(i){clearTimeout(e),e=setTimeout((function(){t(i)}),n)};var e}function Ht(t){return[].concat(t)}function qt(t,n){-1===t.indexOf(n)&&t.push(n)}function Ut(t){return[].slice.call(t)}function Wt(t){return Object.keys(t).reduce((function(n,e){return void 0!==t[e]&&(n[e]=t[e]),n}),{})}function zt(){return document.createElement("div")}function Lt(t){return["Element","Fragment"].some((function(n){return At(t,n)}))}function Dt(t){return At(t,"MouseEvent")}function It(t){return Lt(t)?[t]:function(t){return At(t,"NodeList")}(t)?Ut(t):Array.isArray(t)?t:Ut(document.querySelectorAll(t))}function Pt(t,n){t.forEach((function(t){t&&(t.style.transitionDuration=n+"ms")}))}function Nt(t,n){t.forEach((function(t){t&&t.setAttribute("data-state",n)}))}function Vt(t){var n,e=Ht(t)[0];return null!=e&&null!=(n=e.ownerDocument)&&n.body?e.ownerDocument:document}function Ft(t,n,e){var i=n+"EventListener";["transitionend","webkitTransitionEnd"].forEach((function(n){t[i](n,e)}))}function $t(t,n){for(var e=n;e;){var i;if(t.contains(e))return!0;e=null==e.getRootNode||null==(i=e.getRootNode())?void 0:i.host}return!1}var Xt={isTouch:!1},Yt=0;function Jt(){Xt.isTouch||(Xt.isTouch=!0,window.performance&&document.addEventListener("mousemove",_t))}function _t(){var t=performance.now();t-Yt<20&&(Xt.isTouch=!1,document.removeEventListener("mousemove",_t)),Yt=t}function Gt(){var t,n=document.activeElement;if((t=n)&&t._tippy&&t._tippy.reference===t){var e=n._tippy;n.blur&&!e.state.isVisible&&n.blur()}}var Kt=!!("undefined"!=typeof window&&"undefined"!=typeof document)&&!!window.msCrypto,Qt=Object.assign({appendTo:Bt,aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:!0,ignoreAttributes:!1,interactive:!1,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function(){},onBeforeUpdate:function(){},onCreate:function(){},onDestroy:function(){},onHidden:function(){},onHide:function(){},onMount:function(){},onShow:function(){},onShown:function(){},onTrigger:function(){},onUntrigger:function(){},onClickOutside:function(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:!1,touch:!0,trigger:"mouseenter focus",triggerTarget:null},{animateFill:!1,followCursor:!1,inlinePositioning:!1,sticky:!1},{allowHTML:!1,animation:"fade",arrow:!0,content:"",inertia:!1,maxWidth:350,role:"tooltip",theme:"",zIndex:9999}),Zt=Object.keys(Qt);function tn(t){var n=(t.plugins||[]).reduce((function(n,e){var i,o=e.name,r=e.defaultValue;o&&(n[o]=void 0!==t[o]?t[o]:null!=(i=Qt[o])?i:r);return n}),{});return Object.assign({},t,n)}function nn(t,n){var e=Object.assign({},n,{content:Et(n.content,[t])},n.ignoreAttributes?{}:function(t,n){return(n?Object.keys(tn(Object.assign({},Qt,{plugins:n}))):Zt).reduce((function(n,e){var i=(t.getAttribute("data-tippy-"+e)||"").trim();if(!i)return n;if("content"===e)n[e]=i;else try{n[e]=JSON.parse(i)}catch(t){n[e]=i}return n}),{})}(t,n.plugins));return e.aria=Object.assign({},Qt.aria,e.aria),e.aria={expanded:"auto"===e.aria.expanded?n.interactive:e.aria.expanded,content:"auto"===e.aria.content?n.interactive?null:"describedby":e.aria.content},e}function en(t,n){t.innerHTML=n}function on(t){var n=zt();return!0===t?n.className=kt:(n.className=Ct,Lt(t)?n.appendChild(t):en(n,t)),n}function rn(t,n){Lt(n.content)?(en(t,""),t.appendChild(n.content)):"function"!=typeof n.content&&(n.allowHTML?en(t,n.content):t.textContent=n.content)}function un(t){var n=t.firstElementChild,e=Ut(n.children);return{box:n,content:e.find((function(t){return t.classList.contains(Tt)})),arrow:e.find((function(t){return t.classList.contains(kt)||t.classList.contains(Ct)})),backdrop:e.find((function(t){return t.classList.contains("tippy-backdrop")}))}}function an(t){var n=zt(),e=zt();e.className="tippy-box",e.setAttribute("data-state","hidden"),e.setAttribute("tabindex","-1");var i=zt();function o(e,i){var o=un(n),r=o.box,u=o.content,a=o.arrow;i.theme?r.setAttribute("data-theme",i.theme):r.removeAttribute("data-theme"),"string"==typeof i.animation?r.setAttribute("data-animation",i.animation):r.removeAttribute("data-animation"),i.inertia?r.setAttribute("data-inertia",""):r.removeAttribute("data-inertia"),r.style.maxWidth="number"==typeof i.maxWidth?i.maxWidth+"px":i.maxWidth,i.role?r.setAttribute("role",i.role):r.removeAttribute("role"),e.content===i.content&&e.allowHTML===i.allowHTML||rn(u,t.props),i.arrow?a?e.arrow!==i.arrow&&(r.removeChild(a),r.appendChild(on(i.arrow))):r.appendChild(on(i.arrow)):a&&r.removeChild(a)}return i.className=Tt,i.setAttribute("data-state","hidden"),rn(i,t.props),n.appendChild(e),e.appendChild(i),o(t.props,t.props),{popper:n,onUpdate:o}}an.$$tippy=!0;var cn=1,fn=[],sn=[];function dn(t,n){var e,i,o,r,u,a,c,f,s=nn(t,Object.assign({},Qt,tn(Wt(n)))),d=!1,l=!1,p=!1,v=!1,h=[],m=Rt(Y,s.interactiveDebounce),b=cn++,y=(f=s.plugins).filter((function(t,n){return f.indexOf(t)===n})),g={id:b,reference:t,popper:zt(),popperInstance:null,props:s,state:{isEnabled:!0,isVisible:!1,isDestroyed:!1,isMounted:!1,isShown:!1},plugins:y,clearDelayTimeouts:function(){clearTimeout(e),clearTimeout(i),cancelAnimationFrame(o)},setProps:function(n){if(g.state.isDestroyed)return;H("onBeforeUpdate",[g,n]),$();var e=g.props,i=nn(t,Object.assign({},e,Wt(n),{ignoreAttributes:!0}));g.props=i,F(),e.interactiveDebounce!==i.interactiveDebounce&&(W(),m=Rt(Y,i.interactiveDebounce));e.triggerTarget&&!i.triggerTarget?Ht(e.triggerTarget).forEach((function(t){t.removeAttribute("aria-expanded")})):i.triggerTarget&&t.removeAttribute("aria-expanded");U(),R(),x&&x(e,i);g.popperInstance&&(K(),Z().forEach((function(t){requestAnimationFrame(t._tippy.popperInstance.forceUpdate)})));H("onAfterUpdate",[g,n])},setContent:function(t){g.setProps({content:t})},show:function(){var t=g.state.isVisible,n=g.state.isDestroyed,e=!g.state.isEnabled,i=Xt.isTouch&&!g.props.touch,o=Mt(g.props.duration,0,Qt.duration);if(t||n||e||i)return;if(B().hasAttribute("disabled"))return;if(H("onShow",[g],!1),!1===g.props.onShow(g))return;g.state.isVisible=!0,S()&&(O.style.visibility="visible");R(),I(),g.state.isMounted||(O.style.transition="none");if(S()){var r=A();Pt([r.box,r.content],0)}a=function(){var t;if(g.state.isVisible&&!v){if(v=!0,O.offsetHeight,O.style.transition=g.props.moveTransition,S()&&g.props.animation){var n=A(),e=n.box,i=n.content;Pt([e,i],o),Nt([e,i],"visible")}q(),U(),qt(sn,g),null==(t=g.popperInstance)||t.forceUpdate(),H("onMount",[g]),g.props.animation&&S()&&function(t,n){N(t,n)}(o,(function(){g.state.isShown=!0,H("onShown",[g])}))}},function(){var t,n=g.props.appendTo,e=B();t=g.props.interactive&&n===Bt||"parent"===n?e.parentNode:Et(n,[e]);t.contains(O)||t.appendChild(O);g.state.isMounted=!0,K()}()},hide:function(){var t=!g.state.isVisible,n=g.state.isDestroyed,e=!g.state.isEnabled,i=Mt(g.props.duration,1,Qt.duration);if(t||n||e)return;if(H("onHide",[g],!1),!1===g.props.onHide(g))return;g.state.isVisible=!1,g.state.isShown=!1,v=!1,d=!1,S()&&(O.style.visibility="hidden");if(W(),P(),R(!0),S()){var o=A(),r=o.box,u=o.content;g.props.animation&&(Pt([r,u],i),Nt([r,u],"hidden"))}q(),U(),g.props.animation?S()&&function(t,n){N(t,(function(){!g.state.isVisible&&O.parentNode&&O.parentNode.contains(O)&&n()}))}(i,g.unmount):g.unmount()},hideWithInteractivity:function(t){M().addEventListener("mousemove",m),qt(fn,m),m(t)},enable:function(){g.state.isEnabled=!0},disable:function(){g.hide(),g.state.isEnabled=!1},unmount:function(){g.state.isVisible&&g.hide();if(!g.state.isMounted)return;Q(),Z().forEach((function(t){t._tippy.unmount()})),O.parentNode&&O.parentNode.removeChild(O);sn=sn.filter((function(t){return t!==g})),g.state.isMounted=!1,H("onHidden",[g])},destroy:function(){if(g.state.isDestroyed)return;g.clearDelayTimeouts(),g.unmount(),$(),delete t._tippy,g.state.isDestroyed=!0,H("onDestroy",[g])}};if(!s.render)return g;var w=s.render(g),O=w.popper,x=w.onUpdate;O.setAttribute("data-tippy-root",""),O.id="tippy-"+g.id,g.popper=O,t._tippy=g,O._tippy=g;var j=y.map((function(t){return t.fn(g)})),T=t.hasAttribute("aria-expanded");return F(),U(),R(),H("onCreate",[g]),s.showOnCreate&&tt(),O.addEventListener("mouseenter",(function(){g.props.interactive&&g.state.isVisible&&g.clearDelayTimeouts()})),O.addEventListener("mouseleave",(function(){g.props.interactive&&g.props.trigger.indexOf("mouseenter")>=0&&M().addEventListener("mousemove",m)})),g;function k(){var t=g.props.touch;return Array.isArray(t)?t:[t,0]}function C(){return"hold"===k()[0]}function S(){var t;return!(null==(t=g.props.render)||!t.$$tippy)}function B(){return c||t}function M(){var t=B().parentNode;return t?Vt(t):document}function A(){return un(O)}function E(t){return g.state.isMounted&&!g.state.isVisible||Xt.isTouch||r&&"focus"===r.type?0:Mt(g.props.delay,t?0:1,Qt.delay)}function R(t){void 0===t&&(t=!1),O.style.pointerEvents=g.props.interactive&&!t?"":"none",O.style.zIndex=""+g.props.zIndex}function H(t,n,e){var i;(void 0===e&&(e=!0),j.forEach((function(e){e[t]&&e[t].apply(e,n)})),e)&&(i=g.props)[t].apply(i,n)}function q(){var n=g.props.aria;if(n.content){var e="aria-"+n.content,i=O.id;Ht(g.props.triggerTarget||t).forEach((function(t){var n=t.getAttribute(e);if(g.state.isVisible)t.setAttribute(e,n?n+" "+i:i);else{var o=n&&n.replace(i,"").trim();o?t.setAttribute(e,o):t.removeAttribute(e)}}))}}function U(){!T&&g.props.aria.expanded&&Ht(g.props.triggerTarget||t).forEach((function(t){g.props.interactive?t.setAttribute("aria-expanded",g.state.isVisible&&t===B()?"true":"false"):t.removeAttribute("aria-expanded")}))}function W(){M().removeEventListener("mousemove",m),fn=fn.filter((function(t){return t!==m}))}function z(n){if(!Xt.isTouch||!p&&"mousedown"!==n.type){var e=n.composedPath&&n.composedPath()[0]||n.target;if(!g.props.interactive||!$t(O,e)){if(Ht(g.props.triggerTarget||t).some((function(t){return $t(t,e)}))){if(Xt.isTouch)return;if(g.state.isVisible&&g.props.trigger.indexOf("click")>=0)return}else H("onClickOutside",[g,n]);!0===g.props.hideOnClick&&(g.clearDelayTimeouts(),g.hide(),l=!0,setTimeout((function(){l=!1})),g.state.isMounted||P())}}}function L(){p=!0}function D(){p=!1}function I(){var t=M();t.addEventListener("mousedown",z,!0),t.addEventListener("touchend",z,St),t.addEventListener("touchstart",D,St),t.addEventListener("touchmove",L,St)}function P(){var t=M();t.removeEventListener("mousedown",z,!0),t.removeEventListener("touchend",z,St),t.removeEventListener("touchstart",D,St),t.removeEventListener("touchmove",L,St)}function N(t,n){var e=A().box;function i(t){t.target===e&&(Ft(e,"remove",i),n())}if(0===t)return n();Ft(e,"remove",u),Ft(e,"add",i),u=i}function V(n,e,i){void 0===i&&(i=!1),Ht(g.props.triggerTarget||t).forEach((function(t){t.addEventListener(n,e,i),h.push({node:t,eventType:n,handler:e,options:i})}))}function F(){var t;C()&&(V("touchstart",X,{passive:!0}),V("touchend",J,{passive:!0})),(t=g.props.trigger,t.split(/\s+/).filter(Boolean)).forEach((function(t){if("manual"!==t)switch(V(t,X),t){case"mouseenter":V("mouseleave",J);break;case"focus":V(Kt?"focusout":"blur",_);break;case"focusin":V("focusout",_)}}))}function $(){h.forEach((function(t){var n=t.node,e=t.eventType,i=t.handler,o=t.options;n.removeEventListener(e,i,o)})),h=[]}function X(t){var n,e=!1;if(g.state.isEnabled&&!G(t)&&!l){var i="focus"===(null==(n=r)?void 0:n.type);r=t,c=t.currentTarget,U(),!g.state.isVisible&&Dt(t)&&fn.forEach((function(n){return n(t)})),"click"===t.type&&(g.props.trigger.indexOf("mouseenter")<0||d)&&!1!==g.props.hideOnClick&&g.state.isVisible?e=!0:tt(t),"click"===t.type&&(d=!e),e&&!i&&nt(t)}}function Y(t){var n=t.target,e=B().contains(n)||O.contains(n);if("mousemove"!==t.type||!e){var i=Z().concat(O).map((function(t){var n,e=null==(n=t._tippy.popperInstance)?void 0:n.state;return e?{popperRect:t.getBoundingClientRect(),popperState:e,props:s}:null})).filter(Boolean);(function(t,n){var e=n.clientX,i=n.clientY;return t.every((function(t){var n=t.popperRect,o=t.popperState,r=t.props.interactiveBorder,u=o.placement.split("-")[0],a=o.modifiersData.offset;if(!a)return!0;var c="bottom"===u?a.top.y:0,f="top"===u?a.bottom.y:0,s="right"===u?a.left.x:0,d="left"===u?a.right.x:0,l=n.top-i+c>r,p=i-n.bottom-f>r,v=n.left-e+s>r,h=e-n.right-d>r;return l||p||v||h}))})(i,t)&&(W(),nt(t))}}function J(t){G(t)||g.props.trigger.indexOf("click")>=0&&d||(g.props.interactive?g.hideWithInteractivity(t):nt(t))}function _(t){g.props.trigger.indexOf("focusin")<0&&t.target!==B()||g.props.interactive&&t.relatedTarget&&O.contains(t.relatedTarget)||nt(t)}function G(t){return!!Xt.isTouch&&C()!==t.type.indexOf("touch")>=0}function K(){Q();var n=g.props,e=n.popperOptions,i=n.placement,o=n.offset,r=n.getReferenceClientRect,u=n.moveTransition,c=S()?un(O).arrow:null,f=r?{getBoundingClientRect:r,contextElement:r.contextElement||B()}:t,s={name:"$$tippy",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(t){var n=t.state;if(S()){var e=A().box;["placement","reference-hidden","escaped"].forEach((function(t){"placement"===t?e.setAttribute("data-placement",n.placement):n.attributes.popper["data-popper-"+t]?e.setAttribute("data-"+t,""):e.removeAttribute("data-"+t)})),n.attributes.popper={}}}},d=[{name:"offset",options:{offset:o}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!u}},s];S()&&c&&d.push({name:"arrow",options:{element:c,padding:3}}),d.push.apply(d,(null==e?void 0:e.modifiers)||[]),g.popperInstance=xt(f,O,Object.assign({},e,{placement:i,onFirstUpdate:a,modifiers:d}))}function Q(){g.popperInstance&&(g.popperInstance.destroy(),g.popperInstance=null)}function Z(){return Ut(O.querySelectorAll("[data-tippy-root]"))}function tt(t){g.clearDelayTimeouts(),t&&H("onTrigger",[g,t]),I();var n=E(!0),i=k(),o=i[0],r=i[1];Xt.isTouch&&"hold"===o&&r&&(n=r),n?e=setTimeout((function(){g.show()}),n):g.show()}function nt(t){if(g.clearDelayTimeouts(),H("onUntrigger",[g,t]),g.state.isVisible){if(!(g.props.trigger.indexOf("mouseenter")>=0&&g.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(t.type)>=0&&d)){var n=E(!1);n?i=setTimeout((function(){g.state.isVisible&&g.hide()}),n):o=requestAnimationFrame((function(){g.hide()}))}}else P()}}function ln(t,n){void 0===n&&(n={});var e=Qt.plugins.concat(n.plugins||[]);document.addEventListener("touchstart",Jt,St),window.addEventListener("blur",Gt);var i=Object.assign({},n,{plugins:e}),o=It(t).reduce((function(t,n){var e=n&&dn(n,i);return e&&t.push(e),t}),[]);return Lt(t)?o[0]:o}ln.defaultProps=Qt,ln.setDefaultProps=function(t){Object.keys(t).forEach((function(n){Qt[n]=t[n]}))},ln.currentInput=Xt;var pn=Object.assign({},C,{effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow)}}),vn=function(t,n){var e;void 0===n&&(n={});var i,o=t,r=[],u=[],a=n.overrides,c=[],f=!1;function s(){u=o.map((function(t){return Ht(t.props.triggerTarget||t.reference)})).reduce((function(t,n){return t.concat(n)}),[])}function d(){r=o.map((function(t){return t.reference}))}function l(t){o.forEach((function(n){t?n.enable():n.disable()}))}function p(t){return o.map((function(n){var e=n.setProps;return n.setProps=function(o){e(o),n.reference===i&&t.setProps(o)},function(){n.setProps=e}}))}function v(t,n){var e=u.indexOf(n);if(n!==i){i=n;var c=(a||[]).concat("content").reduce((function(t,n){return t[n]=o[e].props[n],t}),{});t.setProps(Object.assign({},c,{getReferenceClientRect:"function"==typeof c.getReferenceClientRect?c.getReferenceClientRect:function(){var t;return null==(t=r[e])?void 0:t.getBoundingClientRect()}}))}}l(!1),d(),s();var h,m,b,y={fn:function(){return{onDestroy:function(){l(!0)},onHidden:function(){i=null},onClickOutside:function(t){t.props.showOnCreate&&!f&&(f=!0,i=null)},onShow:function(t){t.props.showOnCreate&&!f&&(f=!0,v(t,r[0]))},onTrigger:function(t,n){v(t,n.currentTarget)}}}},g=ln(zt(),Object.assign({},(h=n,m=["overrides"],b=Object.assign({},h),m.forEach((function(t){delete b[t]})),b),{plugins:[y].concat(n.plugins||[]),triggerTarget:u,popperOptions:Object.assign({},n.popperOptions,{modifiers:[].concat((null==(e=n.popperOptions)?void 0:e.modifiers)||[],[pn])})})),w=g.show;g.show=function(t){if(w(),!i&&null==t)return v(g,r[0]);if(!i||null!=t){if("number"==typeof t)return r[t]&&v(g,r[t]);if(o.indexOf(t)>=0){var n=t.reference;return v(g,n)}return r.indexOf(t)>=0?v(g,t):void 0}},g.showNext=function(){var t=r[0];if(!i)return g.show(0);var n=r.indexOf(i);g.show(r[n+1]||t)},g.showPrevious=function(){var t=r[r.length-1];if(!i)return g.show(t);var n=r.indexOf(i),e=r[n-1]||t;g.show(e)};var O=g.setProps;return g.setProps=function(t){a=t.overrides||a,O(t)},g.setInstances=function(t){l(!0),c.forEach((function(t){return t()})),o=t,l(!1),d(),s(),c=p(g),g.setProps({triggerTarget:u})},c=p(g),g},hn={clientX:0,clientY:0},mn=[];function bn(t){var n=t.clientX,e=t.clientY;hn={clientX:n,clientY:e}}var yn={name:"followCursor",defaultValue:!1,fn:function(t){var n=t.reference,e=Vt(t.props.triggerTarget||n),i=!1,o=!1,r=!0,u=t.props;function a(){return"initial"===t.props.followCursor&&t.state.isVisible}function c(){e.addEventListener("mousemove",d)}function f(){e.removeEventListener("mousemove",d)}function s(){i=!0,t.setProps({getReferenceClientRect:null}),i=!1}function d(e){var i=!e.target||n.contains(e.target),o=t.props.followCursor,r=e.clientX,u=e.clientY,a=n.getBoundingClientRect(),c=r-a.left,f=u-a.top;!i&&t.props.interactive||t.setProps({getReferenceClientRect:function(){var t=n.getBoundingClientRect(),e=r,i=u;"initial"===o&&(e=t.left+c,i=t.top+f);var a="horizontal"===o?t.top:i,s="vertical"===o?t.right:e,d="horizontal"===o?t.bottom:i,l="vertical"===o?t.left:e;return{width:s-l,height:d-a,top:a,right:s,bottom:d,left:l}}})}function l(){t.props.followCursor&&(mn.push({instance:t,doc:e}),function(t){t.addEventListener("mousemove",bn)}(e))}function p(){0===(mn=mn.filter((function(n){return n.instance!==t}))).filter((function(t){return t.doc===e})).length&&function(t){t.removeEventListener("mousemove",bn)}(e)}return{onCreate:l,onDestroy:p,onBeforeUpdate:function(){u=t.props},onAfterUpdate:function(n,e){var r=e.followCursor;i||void 0!==r&&u.followCursor!==r&&(p(),r?(l(),!t.state.isMounted||o||a()||c()):(f(),s()))},onMount:function(){t.props.followCursor&&!o&&(r&&(d(hn),r=!1),a()||c())},onTrigger:function(t,n){Dt(n)&&(hn={clientX:n.clientX,clientY:n.clientY}),o="focus"===n.type},onHidden:function(){t.props.followCursor&&(s(),f(),r=!0)}}}};ln.setDefaultProps({render:an});let gn=class extends o{static get styles(){return[i]}createRenderRoot(){return this}constructor(){super(),this.for=null,this.content="",this.size="small",this.duration=200,this.interactive=!1,this.placement="top",this.disabled=!1,this.distance=8,this.skidding=0,this.open=!1,this.trigger="mouseenter focus",this.allowHTML=!1,this.followCursor=!1,this.arrow="default",this.singleton=!1,this.enableRecursiveMode=!1,this.delay=0,this.maxWidth="auto",this.zIndex=9999,this.hideOnClick=!0,this.inertia=!1,this.interactiveBorder=2,this.enableVisibilityEffect=!1,this.enableTabClose=!1}firstUpdated(){this.attachTooltip();const t=this.for&&document.getElementById(this.for)||this.firstElementChild;this.visibilityManager=new a({host:this,target:t,enableVisibilityEffect:this.enableVisibilityEffect,enableTabClose:this.enableTabClose,isOpen:()=>this.open,onAnchorOutOfView:()=>{this.open=!1,this.hideAllTooltips(),this.emit("nile-visibility-change",{visible:!1,reason:"anchor-out-of-view"})},onDocumentHidden:()=>{this.open=!1,this.hideAllTooltips(),this.emit("nile-visibility-change",{visible:!1,reason:"document-hidden"})},emit:(t,n)=>this.emit(`nile-${t}`,n)})}refresh(){this.attachTooltip()}hasValidContent(){const t=this.content??this.getAttribute("data-tippy-content")??"";return"string"==typeof t&&t.trim().length>0}attachTooltip(){if(this.destroyTooltips(),this.disabled||!this.enableRecursiveMode&&!this.singleton&&!this.hasValidContent())return;const t={content:this.content||this.getAttribute("data-tippy-content")||void 0,placement:this.placement,trigger:this.trigger,offset:[this.skidding,this.distance],theme:"lite",animation:"fade",interactive:this.interactive,arrow:jt,duration:r(this.duration),allowHTML:this.allowHTML,delay:this.delay,maxWidth:this.maxWidth,zIndex:this.zIndex,hideOnClick:!1,inertia:this.inertia,interactiveBorder:this.interactiveBorder,appendTo:document.body,followCursor:u(this.followCursor),plugins:u(this.followCursor)?[yn]:[],onShow:t=>{this.open=!0;const n=t.popper.querySelector(".tippy-content");n&&(this.width&&(n.style.width=this.width),this.height&&(n.style.height=this.height,n.style.overflow="auto")),this.dispatchEvent(new CustomEvent("nile-show",{detail:{instance:t,target:t.reference}})),this.dispatchEvent(new CustomEvent("nile-toggle",{detail:{open:!0,instance:t,target:t.reference}}))},onHide:t=>{this.open=!1,this.dispatchEvent(new CustomEvent("nile-hide",{detail:{instance:t,target:t.reference}})),this.dispatchEvent(new CustomEvent("nile-toggle",{detail:{open:!1,instance:t,target:t.reference}}))}};if(this.for){if(this.singleton&&!this.for.startsWith("#")&&!document.getElementById(this.for)){const n=Array.from(document.querySelectorAll(`.${this.for}`));if(n.length>0)return this.tooltipInstances=n.map((n=>{const e=ln(n,{...t,content:n.getAttribute("content")||this.content});return e.popper.querySelector(".tippy-box")?.classList.add(this.size),e})),this.singletonInstance=vn(this.tooltipInstances,{delay:[75,0],arrow:jt,moveTransition:"transform 0.15s ease-out"}),void(this.open&&queueMicrotask((()=>this.singletonInstance?.show())))}const n=document.getElementById(this.for);if(this.singleton&&n){const e=Array.from(n.querySelectorAll("[content]"));if(e.length>0)return this.tooltipInstances=e.map((n=>{const e=ln(n,{...t,content:n.getAttribute("content")||this.content});return e.popper.querySelector(".tippy-box")?.classList.add(this.size),e})),this.singletonInstance=vn(this.tooltipInstances,{delay:[75,0],arrow:jt,moveTransition:"transform 0.15s ease-out"}),void(this.open&&queueMicrotask((()=>this.singletonInstance?.show())))}if(this.targetEl=document.getElementById(this.for),!this.targetEl)return;this.id||(this.generatedId=`nile-tooltip-${Math.random().toString(36).slice(2,9)}`,this.id=this.generatedId),this.prevDescribedby=this.targetEl.getAttribute("aria-describedby");const e=this.prevDescribedby?`${this.prevDescribedby} ${this.id}`:this.id;return this.targetEl.setAttribute("aria-describedby",e),this.singleInstance=ln(this.targetEl,t),this.size&&this.singleInstance.popper.querySelector(".tippy-box")?.classList.add(this.size),void(this.open&&queueMicrotask((()=>this.singleInstance?.show())))}if(this.enableRecursiveMode){const n=Array.from(this.querySelectorAll("[content]")).filter((t=>{const n=t.getAttribute("content");return null!==n&&n.trim().length>0}));n.length>0&&(this.tooltipInstances=n.map((n=>{const e=n,i=e.getAttribute("content")||this.content,o=ln(e,{...t,content:i});return o.popper.querySelector(".tippy-box")?.classList.add(this.size),o})),this.singleton&&this.tooltipInstances.length>1&&(this.singletonInstance=vn(this.tooltipInstances,{delay:[75,0],arrow:jt,moveTransition:"transform 0.15s ease-out"})),this.open&&(this.singletonInstance?this.singletonInstance.show():this.tooltipInstances.forEach((t=>t.show()))))}else{const n=this.firstElementChild;if(n){const e=n.getAttribute("content")||this.content,i=ln(n,{...t,content:e});i.popper.querySelector(".tippy-box")?.classList.add(this.size),this.tooltipInstances=[i],this.open&&i.show()}}}destroyTooltips(){if(this.tooltipInstances?.forEach((t=>t.destroy())),this.singleInstance?.destroy(),this.singletonInstance?.destroy(),this.tooltipInstances=void 0,this.singleInstance=void 0,this.singletonInstance=void 0,this.targetEl&&this.id){const t=this.targetEl.getAttribute("aria-describedby")?.split(" ").filter((t=>t!==this.id)).join(" ").trim();t?this.targetEl.setAttribute("aria-describedby",t):this.targetEl.removeAttribute("aria-describedby")}}hideAllTooltips(){this.singleInstance?.hide(),this.singletonInstance?.hide(),this.tooltipInstances?.forEach((t=>t.hide()))}disconnectedCallback(){super.disconnectedCallback(),this.visibilityManager?.cleanup(),this.destroyTooltips()}updated(t){super.updated(t),["for","content","placement","distance","skidding","trigger","disabled","hoist","size","arrow","singleton"].some((n=>t.has(n)))&&this.attachTooltip(),t.has("open")&&(this.open?(this.visibilityManager?.setup(),this.singleInstance?.show(),this.singletonInstance?.show(),this.tooltipInstances?.forEach((t=>t.show()))):(this.visibilityManager?.cleanup(),this.singleInstance?.hide(),this.singletonInstance?.hide(),this.tooltipInstances?.forEach((t=>t.hide()))))}};t([n({type:String,attribute:"for"})],gn.prototype,"for",void 0),t([n({type:String,reflect:!0})],gn.prototype,"content",void 0),t([n({type:String,reflect:!0})],gn.prototype,"size",void 0),t([n({type:String,reflect:!0})],gn.prototype,"duration",void 0),t([n({type:Boolean,reflect:!0})],gn.prototype,"interactive",void 0),t([n({type:String})],gn.prototype,"placement",void 0),t([n({type:Boolean})],gn.prototype,"disabled",void 0),t([n({type:Number})],gn.prototype,"distance",void 0),t([n({type:Number})],gn.prototype,"skidding",void 0),t([n({type:Boolean,reflect:!0})],gn.prototype,"open",void 0),t([n({type:String})],gn.prototype,"trigger",void 0),t([n({type:Boolean,reflect:!0})],gn.prototype,"allowHTML",void 0),t([n({type:String,reflect:!0,attribute:!0})],gn.prototype,"followCursor",void 0),t([n({type:String,reflect:!0,attribute:!0})],gn.prototype,"arrow",void 0),t([n({type:Boolean,reflect:!0})],gn.prototype,"singleton",void 0),t([n({type:Boolean,reflect:!0})],gn.prototype,"enableRecursiveMode",void 0),t([n({type:String,reflect:!0})],gn.prototype,"delay",void 0),t([n({type:String,reflect:!0})],gn.prototype,"maxWidth",void 0),t([n({type:Number})],gn.prototype,"zIndex",void 0),t([n({type:[Boolean,String],reflect:!0})],gn.prototype,"hideOnClick",void 0),t([n({type:Boolean,reflect:!0})],gn.prototype,"inertia",void 0),t([n({type:Number})],gn.prototype,"interactiveBorder",void 0),t([n({type:Boolean,reflect:!0})],gn.prototype,"enableVisibilityEffect",void 0),t([n({type:Boolean,reflect:!0})],gn.prototype,"enableTabClose",void 0),t([n({type:String,reflect:!0})],gn.prototype,"width",void 0),t([n({type:String,reflect:!0})],gn.prototype,"height",void 0),gn=t([e("nile-lite-tooltip")],gn);export{gn as N};
|
|
1
|
+
import{__decorate as t}from"tslib";import{property as i,customElement as e}from"lit/decorators.js";import{s}from"./nile-lite-tooltip.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import{R as n,f as h,t as r,c as a}from"../tippy.esm-57628c2b.esm.js";import{p as l,a as d}from"./utils.esm.js";import{V as c}from"../utilities/visibility-manager.esm.js";import"lit";let p=class extends o{static get styles(){return[s]}createRenderRoot(){return this}constructor(){super(),this.for=null,this.content="",this.size="small",this.duration=200,this.interactive=!1,this.placement="top",this.disabled=!1,this.distance=8,this.skidding=0,this.open=!1,this.trigger="mouseenter focus",this.allowHTML=!1,this.followCursor=!1,this.arrow="default",this.singleton=!1,this.enableRecursiveMode=!1,this.delay=0,this.maxWidth="auto",this.zIndex=9999,this.hideOnClick=!0,this.inertia=!1,this.interactiveBorder=2,this.enableVisibilityEffect=!1,this.enableTabClose=!1}firstUpdated(){this.attachTooltip();const t=this.for&&document.getElementById(this.for)||this.firstElementChild;this.visibilityManager=new c({host:this,target:t,enableVisibilityEffect:this.enableVisibilityEffect,enableTabClose:this.enableTabClose,isOpen:()=>this.open,onAnchorOutOfView:()=>{this.open=!1,this.hideAllTooltips(),this.emit("nile-visibility-change",{visible:!1,reason:"anchor-out-of-view"})},onDocumentHidden:()=>{this.open=!1,this.hideAllTooltips(),this.emit("nile-visibility-change",{visible:!1,reason:"document-hidden"})},emit:(t,i)=>this.emit(`nile-${t}`,i)})}refresh(){this.attachTooltip()}hasValidContent(){const t=this.content??this.getAttribute("data-tippy-content")??"";return"string"==typeof t&&t.trim().length>0}attachTooltip(){if(this.destroyTooltips(),this.disabled||!this.enableRecursiveMode&&!this.singleton&&!this.hasValidContent())return;const t={content:this.content||this.getAttribute("data-tippy-content")||void 0,placement:this.placement,trigger:this.trigger,offset:[this.skidding,this.distance],theme:"lite",animation:"fade",interactive:this.interactive,arrow:n,duration:l(this.duration),allowHTML:this.allowHTML,delay:this.delay,maxWidth:this.maxWidth,zIndex:this.zIndex,hideOnClick:!1,inertia:this.inertia,interactiveBorder:this.interactiveBorder,appendTo:document.body,followCursor:d(this.followCursor),plugins:d(this.followCursor)?[h]:[],onShow:t=>{this.open=!0;const i=t.popper.querySelector(".tippy-content");i&&(this.width&&(i.style.width=this.width),this.height&&(i.style.height=this.height,i.style.overflow="auto")),this.dispatchEvent(new CustomEvent("nile-show",{detail:{instance:t,target:t.reference}})),this.dispatchEvent(new CustomEvent("nile-toggle",{detail:{open:!0,instance:t,target:t.reference}}))},onHide:t=>{this.open=!1,this.dispatchEvent(new CustomEvent("nile-hide",{detail:{instance:t,target:t.reference}})),this.dispatchEvent(new CustomEvent("nile-toggle",{detail:{open:!1,instance:t,target:t.reference}}))}};if(this.for){if(this.singleton&&!this.for.startsWith("#")&&!document.getElementById(this.for)){const i=Array.from(document.querySelectorAll(`.${this.for}`));if(i.length>0)return this.tooltipInstances=i.map((i=>{const e=r(i,{...t,content:i.getAttribute("content")||this.content});return e.popper.querySelector(".tippy-box")?.classList.add(this.size),e})),this.singletonInstance=a(this.tooltipInstances,{delay:[75,0],arrow:n,moveTransition:"transform 0.15s ease-out"}),void(this.open&&queueMicrotask((()=>this.singletonInstance?.show())))}const i=document.getElementById(this.for);if(this.singleton&&i){const e=Array.from(i.querySelectorAll("[content]"));if(e.length>0)return this.tooltipInstances=e.map((i=>{const e=r(i,{...t,content:i.getAttribute("content")||this.content});return e.popper.querySelector(".tippy-box")?.classList.add(this.size),e})),this.singletonInstance=a(this.tooltipInstances,{delay:[75,0],arrow:n,moveTransition:"transform 0.15s ease-out"}),void(this.open&&queueMicrotask((()=>this.singletonInstance?.show())))}if(this.targetEl=document.getElementById(this.for),!this.targetEl)return;this.id||(this.generatedId=`nile-tooltip-${Math.random().toString(36).slice(2,9)}`,this.id=this.generatedId),this.prevDescribedby=this.targetEl.getAttribute("aria-describedby");const e=this.prevDescribedby?`${this.prevDescribedby} ${this.id}`:this.id;return this.targetEl.setAttribute("aria-describedby",e),this.singleInstance=r(this.targetEl,t),this.size&&this.singleInstance.popper.querySelector(".tippy-box")?.classList.add(this.size),void(this.open&&queueMicrotask((()=>this.singleInstance?.show())))}if(this.enableRecursiveMode){const i=Array.from(this.querySelectorAll("[content]")).filter((t=>{const i=t.getAttribute("content");return null!==i&&i.trim().length>0}));i.length>0&&(this.tooltipInstances=i.map((i=>{const e=i,s=e.getAttribute("content")||this.content,o=r(e,{...t,content:s});return o.popper.querySelector(".tippy-box")?.classList.add(this.size),o})),this.singleton&&this.tooltipInstances.length>1&&(this.singletonInstance=a(this.tooltipInstances,{delay:[75,0],arrow:n,moveTransition:"transform 0.15s ease-out"})),this.open&&(this.singletonInstance?this.singletonInstance.show():this.tooltipInstances.forEach((t=>t.show()))))}else{const i=this.firstElementChild;if(i){const e=i.getAttribute("content")||this.content,s=r(i,{...t,content:e});s.popper.querySelector(".tippy-box")?.classList.add(this.size),this.tooltipInstances=[s],this.open&&s.show()}}}destroyTooltips(){if(this.tooltipInstances?.forEach((t=>t.destroy())),this.singleInstance?.destroy(),this.singletonInstance?.destroy(),this.tooltipInstances=void 0,this.singleInstance=void 0,this.singletonInstance=void 0,this.targetEl&&this.id){const t=this.targetEl.getAttribute("aria-describedby")?.split(" ").filter((t=>t!==this.id)).join(" ").trim();t?this.targetEl.setAttribute("aria-describedby",t):this.targetEl.removeAttribute("aria-describedby")}}hideAllTooltips(){this.singleInstance?.hide(),this.singletonInstance?.hide(),this.tooltipInstances?.forEach((t=>t.hide()))}disconnectedCallback(){super.disconnectedCallback(),this.visibilityManager?.cleanup(),this.destroyTooltips()}updated(t){super.updated(t),["for","content","placement","distance","skidding","trigger","disabled","hoist","size","arrow","singleton"].some((i=>t.has(i)))&&this.attachTooltip(),t.has("open")&&(this.open?(this.visibilityManager?.setup(),this.singleInstance?.show(),this.singletonInstance?.show(),this.tooltipInstances?.forEach((t=>t.show()))):(this.visibilityManager?.cleanup(),this.singleInstance?.hide(),this.singletonInstance?.hide(),this.tooltipInstances?.forEach((t=>t.hide()))))}};t([i({type:String,attribute:"for"})],p.prototype,"for",void 0),t([i({type:String,reflect:!0})],p.prototype,"content",void 0),t([i({type:String,reflect:!0})],p.prototype,"size",void 0),t([i({type:String,reflect:!0})],p.prototype,"duration",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"interactive",void 0),t([i({type:String})],p.prototype,"placement",void 0),t([i({type:Boolean})],p.prototype,"disabled",void 0),t([i({type:Number})],p.prototype,"distance",void 0),t([i({type:Number})],p.prototype,"skidding",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"open",void 0),t([i({type:String})],p.prototype,"trigger",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"allowHTML",void 0),t([i({type:String,reflect:!0,attribute:!0})],p.prototype,"followCursor",void 0),t([i({type:String,reflect:!0,attribute:!0})],p.prototype,"arrow",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"singleton",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"enableRecursiveMode",void 0),t([i({type:String,reflect:!0})],p.prototype,"delay",void 0),t([i({type:String,reflect:!0})],p.prototype,"maxWidth",void 0),t([i({type:Number})],p.prototype,"zIndex",void 0),t([i({type:[Boolean,String],reflect:!0})],p.prototype,"hideOnClick",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"inertia",void 0),t([i({type:Number})],p.prototype,"interactiveBorder",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"enableVisibilityEffect",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"enableTabClose",void 0),t([i({type:String,reflect:!0})],p.prototype,"width",void 0),t([i({type:String,reflect:!0})],p.prototype,"height",void 0),p=t([e("nile-lite-tooltip")],p);export{p as N};
|
package/dist/src/index.d.ts
CHANGED
|
@@ -75,7 +75,6 @@ export { NileTitle } from './nile-title';
|
|
|
75
75
|
export { NileSectionMessage } from './nile-section-message';
|
|
76
76
|
export { NileToolbar } from './nile-toolbar';
|
|
77
77
|
export { NileInlineEdit } from './nile-inline-edit';
|
|
78
|
-
export { NileFloatingPanel } from './nile-floating-panel';
|
|
79
78
|
export { NileTable } from './nile-table';
|
|
80
79
|
export { NileFilterChip } from './nile-filter-chip';
|
|
81
80
|
export { NilePagination } from './nile-pagination';
|
|
@@ -112,3 +111,4 @@ export { NileliteTooltip } from './nile-lite-tooltip';
|
|
|
112
111
|
export { NileSideBarPanel } from './nile-side-bar-panel';
|
|
113
112
|
export { NileDetail } from './nile-detail';
|
|
114
113
|
export { NileQrCode } from './nile-qr-code';
|
|
114
|
+
export { NileFloatingPanel } from './nile-floating-panel';
|
package/dist/src/index.js
CHANGED
|
@@ -75,7 +75,6 @@ export { NileTitle } from './nile-title';
|
|
|
75
75
|
export { NileSectionMessage } from './nile-section-message';
|
|
76
76
|
export { NileToolbar } from './nile-toolbar';
|
|
77
77
|
export { NileInlineEdit } from './nile-inline-edit';
|
|
78
|
-
export { NileFloatingPanel } from './nile-floating-panel';
|
|
79
78
|
export { NileTable } from './nile-table';
|
|
80
79
|
export { NileFilterChip } from './nile-filter-chip';
|
|
81
80
|
export { NilePagination } from './nile-pagination';
|
|
@@ -113,4 +112,5 @@ export { NileliteTooltip } from './nile-lite-tooltip';
|
|
|
113
112
|
export { NileSideBarPanel } from './nile-side-bar-panel';
|
|
114
113
|
export { NileDetail } from './nile-detail';
|
|
115
114
|
export { NileQrCode } from './nile-qr-code';
|
|
115
|
+
export { NileFloatingPanel } from './nile-floating-panel';
|
|
116
116
|
//# sourceMappingURL=index.js.map
|
package/dist/src/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSkeletonLoader } from './nile-skeleton-loader';\nexport { NileSelect } from './nile-select';\nexport { NileVirtualSelect } from './nile-virtual-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport { NileFormGroup } from './nile-form-group';\nexport { NileCard } from './nile-card';\nexport { NileCarousel } from './nile-carousel';\nexport { NileCarouselItem } from './nile-carousel/nile-carousel-item';\nexport { NilePopover } from './nile-popover';\nexport { NileButtonFilter } from './nile-button-filter';\nexport { NileCircularProgressbar } from './nile-circular-progressbar';\nexport { NileTableCellItem } from './nile-table-cell-item';\nexport { NileTableRow } from './nile-table-row';\nexport { NileTableBody } from './nile-table-body';\nexport { NileTableHeaderItem } from './nile-table-header-item';\nexport { NileAvatar } from './nile-avatar';\nexport { NilePageHeader } from './nile-page-header';\nexport { NileEmptyState } from './nile-empty-state';\nexport { NileHero } from './nile-hero';\nexport { NileStepperItem } from './nile-stepper-item';\nexport { NileStepper } from './nile-stepper';\nexport { NileHeroHeader } from './nile-hero-header';\nexport { NileVerticalStepperItem } from './nile-vertical-stepper-item';\nexport { NileFormatDate } from './nile-format-date';\nexport { NileSplitPanel } from './nile-split-panel';\nexport { NileTree } from './nile-tree';\nexport { NileTreeItem } from './nile-tree-item';\nexport { NileListItem } from './nile-list-item';\nexport { NileList } from './nile-list';\nexport { NileAccordion } from './nile-accordion';\nexport { NileDivider } from './nile-divider';\nexport { NileTitle } from './nile-title';\nexport { NileSectionMessage } from './nile-section-message';\nexport { NileToolbar } from './nile-toolbar';\nexport { NileInlineEdit } from './nile-inline-edit';\nexport { NileFloatingPanel } from './nile-floating-panel';\nexport { NileTable } from './nile-table';\nexport { NileFilterChip } from './nile-filter-chip';\nexport {NilePagination } from './nile-pagination';\nexport { NileSlider } from './nile-slider';\nexport { NileFileUpload } from './nile-file-upload';\nexport { NileFilePreview } from './nile-file-preview';\nexport { NileOptionGroup } from './nile-option-group';\nexport { NileGrid } from './nile-grid';\nexport { NileGridBody } from './nile-grid/nile-grid-body';\nexport { NileGridRow } from './nile-grid/nile-grid-row';\nexport { NileGridHeadItem } from './nile-grid/nile-grid-head-item';\nexport { NileGridCellItem } from './nile-grid/nile-grid-cell-item';\nexport { NileGridHead } from './nile-grid/nile-grid-head';\nexport { NileRichTextEditor } from './nile-rich-text-editor';\n\n// Import version utility to set nile version in window object\nimport './version';\n\nexport { NileSideBar } from './nile-side-bar';\nexport { NileSideBarHeader } from './nile-side-bar-header';\nexport { NileSideBarLogo } from './nile-side-bar-logo';\nexport { NileSideBarExpand } from './nile-side-bar-expand';\nexport { NileSideBarGroup } from './nile-side-bar-group';\nexport { NileSideBarGroupItem } from './nile-side-bar-group-item';\nexport { NileSideBarGroupItemIcon } from './nile-side-bar-group-item-icon';\nexport { NileSideBarGroupItemText } from './nile-side-bar-group-item-text';\nexport { NileSideBarFooter } from './nile-side-bar-footer';\nexport { NileSideBarFooterItem } from './nile-side-bar-footer-item';\nexport { NileSideBarAction } from './nile-side-bar-action';\nexport { NileSideBarFooterText } from './nile-side-bar-footer-text';\nexport { NileSideBarActionMenuItem } from './nile-side-bar-action-menu-item';\nexport { NileSideBarActionMenu } from './nile-side-bar-action-menu';\nexport { NileInlineSidebarGroup } from './nile-inline-sidebar-group';\nexport { NileInlineSidebar } from './nile-inline-sidebar';\nexport { NileInlineSidebarItem } from './nile-inline-sidebar-item';\nexport { NileliteTooltip } from './nile-lite-tooltip';\nexport { NileSideBarPanel } from './nile-side-bar-panel';\nexport { NileDetail } from './nile-detail';\nexport { NileQrCode } from './nile-qr-code';"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSkeletonLoader } from './nile-skeleton-loader';\nexport { NileSelect } from './nile-select';\nexport { NileVirtualSelect } from './nile-virtual-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport { NileFormGroup } from './nile-form-group';\nexport { NileCard } from './nile-card';\nexport { NileCarousel } from './nile-carousel';\nexport { NileCarouselItem } from './nile-carousel/nile-carousel-item';\nexport { NilePopover } from './nile-popover';\nexport { NileButtonFilter } from './nile-button-filter';\nexport { NileCircularProgressbar } from './nile-circular-progressbar';\nexport { NileTableCellItem } from './nile-table-cell-item';\nexport { NileTableRow } from './nile-table-row';\nexport { NileTableBody } from './nile-table-body';\nexport { NileTableHeaderItem } from './nile-table-header-item';\nexport { NileAvatar } from './nile-avatar';\nexport { NilePageHeader } from './nile-page-header';\nexport { NileEmptyState } from './nile-empty-state';\nexport { NileHero } from './nile-hero';\nexport { NileStepperItem } from './nile-stepper-item';\nexport { NileStepper } from './nile-stepper';\nexport { NileHeroHeader } from './nile-hero-header';\nexport { NileVerticalStepperItem } from './nile-vertical-stepper-item';\nexport { NileFormatDate } from './nile-format-date';\nexport { NileSplitPanel } from './nile-split-panel';\nexport { NileTree } from './nile-tree';\nexport { NileTreeItem } from './nile-tree-item';\nexport { NileListItem } from './nile-list-item';\nexport { NileList } from './nile-list';\nexport { NileAccordion } from './nile-accordion';\nexport { NileDivider } from './nile-divider';\nexport { NileTitle } from './nile-title';\nexport { NileSectionMessage } from './nile-section-message';\nexport { NileToolbar } from './nile-toolbar';\nexport { NileInlineEdit } from './nile-inline-edit';\nexport { NileTable } from './nile-table';\nexport { NileFilterChip } from './nile-filter-chip';\nexport {NilePagination } from './nile-pagination';\nexport { NileSlider } from './nile-slider';\nexport { NileFileUpload } from './nile-file-upload';\nexport { NileFilePreview } from './nile-file-preview';\nexport { NileOptionGroup } from './nile-option-group';\nexport { NileGrid } from './nile-grid';\nexport { NileGridBody } from './nile-grid/nile-grid-body';\nexport { NileGridRow } from './nile-grid/nile-grid-row';\nexport { NileGridHeadItem } from './nile-grid/nile-grid-head-item';\nexport { NileGridCellItem } from './nile-grid/nile-grid-cell-item';\nexport { NileGridHead } from './nile-grid/nile-grid-head';\nexport { NileRichTextEditor } from './nile-rich-text-editor';\n\n// Import version utility to set nile version in window object\nimport './version';\n\nexport { NileSideBar } from './nile-side-bar';\nexport { NileSideBarHeader } from './nile-side-bar-header';\nexport { NileSideBarLogo } from './nile-side-bar-logo';\nexport { NileSideBarExpand } from './nile-side-bar-expand';\nexport { NileSideBarGroup } from './nile-side-bar-group';\nexport { NileSideBarGroupItem } from './nile-side-bar-group-item';\nexport { NileSideBarGroupItemIcon } from './nile-side-bar-group-item-icon';\nexport { NileSideBarGroupItemText } from './nile-side-bar-group-item-text';\nexport { NileSideBarFooter } from './nile-side-bar-footer';\nexport { NileSideBarFooterItem } from './nile-side-bar-footer-item';\nexport { NileSideBarAction } from './nile-side-bar-action';\nexport { NileSideBarFooterText } from './nile-side-bar-footer-text';\nexport { NileSideBarActionMenuItem } from './nile-side-bar-action-menu-item';\nexport { NileSideBarActionMenu } from './nile-side-bar-action-menu';\nexport { NileInlineSidebarGroup } from './nile-inline-sidebar-group';\nexport { NileInlineSidebar } from './nile-inline-sidebar';\nexport { NileInlineSidebarItem } from './nile-inline-sidebar-item';\nexport { NileliteTooltip } from './nile-lite-tooltip';\nexport { NileSideBarPanel } from './nile-side-bar-panel';\nexport { NileDetail } from './nile-detail';\nexport { NileQrCode } from './nile-qr-code';\nexport { NileFloatingPanel } from './nile-floating-panel';"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-floating-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { NileFloatingPanel } from './nile-floating-panel';\n
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-floating-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { NileFloatingPanel } from './nile-floating-panel';\n"]}
|
|
@@ -5,6 +5,6 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
export declare const styles: import("lit").CSSResult;
|
|
8
|
-
export declare
|
|
8
|
+
export declare function injectGlobalFloatingPanelStyles(): void;
|
|
9
9
|
declare const _default: import("lit").CSSResult[];
|
|
10
10
|
export default _default;
|
|
@@ -6,34 +6,57 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { css } from 'lit';
|
|
8
8
|
export const styles = css `
|
|
9
|
-
|
|
10
|
-
box-sizing: border-box;
|
|
11
|
-
-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
|
|
12
|
-
-moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
|
|
13
|
-
text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
|
|
9
|
+
nile-floating-panel {
|
|
14
10
|
display: inline-block;
|
|
15
|
-
position: relative;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
:host([hidden]) {
|
|
19
|
-
display: none;
|
|
20
11
|
}
|
|
21
12
|
|
|
22
|
-
|
|
23
|
-
display: none;
|
|
24
|
-
}
|
|
25
|
-
`;
|
|
26
|
-
export const panelContainerStyles = css `
|
|
27
|
-
.nile-floating-panel__container {
|
|
28
|
-
position: fixed;
|
|
29
|
-
box-sizing: border-box;
|
|
30
|
-
z-index: 800;
|
|
13
|
+
.tippy-box[data-theme~='floating-panel'] {
|
|
31
14
|
background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
|
|
15
|
+
color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
|
|
32
16
|
border: solid 1px var(--nile-colors-dark-200, var(--ng-colors-border-secondary-alt));
|
|
33
17
|
border-radius: var(--nile-radius-sm, var(--ng-radius-md));
|
|
34
18
|
box-shadow: var(--nile-box-shadow-2, var(--ng-shadow-lg));
|
|
35
|
-
padding:
|
|
19
|
+
padding: 0;
|
|
20
|
+
font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));
|
|
21
|
+
line-height: 1.4;
|
|
22
|
+
white-space: normal;
|
|
23
|
+
outline: 0;
|
|
24
|
+
transition-property: transform, visibility, opacity;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.tippy-box[data-theme~='floating-panel'][data-animation='fade'][data-state='hidden'] {
|
|
28
|
+
opacity: 0;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.tippy-box[data-theme~='floating-panel'][data-inertia][data-state='visible'] {
|
|
32
|
+
transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.tippy-box[data-theme~='floating-panel'] > .tippy-content {
|
|
36
|
+
position: relative;
|
|
37
|
+
z-index: 1;
|
|
38
|
+
padding: 0;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.tippy-box[data-theme~='floating-panel'] > .tippy-svg-arrow {
|
|
42
|
+
fill: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.tippy-box[data-theme~='floating-panel'] > .tippy-arrow {
|
|
46
|
+
color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.nile-floating-panel__body {
|
|
50
|
+
display: flex;
|
|
51
|
+
flex-direction: column;
|
|
52
|
+
height: auto;
|
|
36
53
|
min-width: var(--nile-width-352px, var(--ng-width-80));
|
|
54
|
+
gap: var(--nile-spacing-xl, var(--ng-spacing-xl));
|
|
55
|
+
padding: var(--nile-spacing-xl, var(--ng-spacing-xl));
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.nile-floating-panel__title {
|
|
59
|
+
display: block;
|
|
37
60
|
color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
|
|
38
61
|
font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
|
|
39
62
|
font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));
|
|
@@ -42,6 +65,110 @@ export const panelContainerStyles = css `
|
|
|
42
65
|
line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));
|
|
43
66
|
letter-spacing: var(--nile-spacing-one-by-five-x, var(--ng-spacing-none));
|
|
44
67
|
}
|
|
68
|
+
|
|
69
|
+
.nile-floating-panel__title:empty {
|
|
70
|
+
display: none;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.nile-floating-panel__action {
|
|
74
|
+
align-self: end;
|
|
75
|
+
display: inline;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.nile-floating-panel__action:empty {
|
|
79
|
+
display: none;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='top'] > .tippy-svg-arrow { bottom: 0; }
|
|
83
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='top'] > .tippy-svg-arrow:after,
|
|
84
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='top'] > .tippy-svg-arrow > svg {
|
|
85
|
+
top: 16px;
|
|
86
|
+
transform: rotate(180deg);
|
|
87
|
+
}
|
|
88
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='bottom'] > .tippy-svg-arrow { top: 0; }
|
|
89
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='bottom'] > .tippy-svg-arrow > svg { bottom: 16px; }
|
|
90
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='left'] > .tippy-svg-arrow { right: 0; }
|
|
91
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='left'] > .tippy-svg-arrow:after,
|
|
92
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='left'] > .tippy-svg-arrow > svg {
|
|
93
|
+
transform: rotate(90deg);
|
|
94
|
+
top: calc(50% - 3px);
|
|
95
|
+
left: 11px;
|
|
96
|
+
}
|
|
97
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='right'] > .tippy-svg-arrow { left: 0; }
|
|
98
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='right'] > .tippy-svg-arrow:after,
|
|
99
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='right'] > .tippy-svg-arrow > svg {
|
|
100
|
+
transform: rotate(-90deg);
|
|
101
|
+
top: calc(50% - 3px);
|
|
102
|
+
right: 11px;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.tippy-box[data-theme~='floating-panel'] > .tippy-svg-arrow {
|
|
106
|
+
width: 16px;
|
|
107
|
+
height: 16px;
|
|
108
|
+
text-align: initial;
|
|
109
|
+
position: absolute;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.tippy-box[data-theme~='floating-panel'] > .tippy-svg-arrow > svg {
|
|
113
|
+
position: absolute;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='top'] > .tippy-arrow {
|
|
117
|
+
bottom: 0;
|
|
118
|
+
}
|
|
119
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='top'] > .tippy-arrow:before {
|
|
120
|
+
bottom: -7px;
|
|
121
|
+
border-width: 8px 8px 0;
|
|
122
|
+
border-top-color: initial;
|
|
123
|
+
}
|
|
124
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='bottom'] > .tippy-arrow {
|
|
125
|
+
top: 0;
|
|
126
|
+
}
|
|
127
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='bottom'] > .tippy-arrow:before {
|
|
128
|
+
top: -7px;
|
|
129
|
+
border-width: 0 8px 8px;
|
|
130
|
+
border-bottom-color: initial;
|
|
131
|
+
}
|
|
132
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='left'] > .tippy-arrow {
|
|
133
|
+
right: 0;
|
|
134
|
+
}
|
|
135
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='left'] > .tippy-arrow:before {
|
|
136
|
+
right: -7px;
|
|
137
|
+
border-width: 8px 0 8px 8px;
|
|
138
|
+
border-left-color: initial;
|
|
139
|
+
}
|
|
140
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='right'] > .tippy-arrow {
|
|
141
|
+
left: 0;
|
|
142
|
+
}
|
|
143
|
+
.tippy-box[data-theme~='floating-panel'][data-placement^='right'] > .tippy-arrow:before {
|
|
144
|
+
left: -7px;
|
|
145
|
+
border-width: 8px 8px 8px 0;
|
|
146
|
+
border-right-color: initial;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.tippy-box[data-theme~='floating-panel'] > .tippy-arrow {
|
|
150
|
+
width: 16px;
|
|
151
|
+
height: 16px;
|
|
152
|
+
color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
|
|
153
|
+
}
|
|
154
|
+
.tippy-box[data-theme~='floating-panel'] > .tippy-arrow:before {
|
|
155
|
+
content: '';
|
|
156
|
+
position: absolute;
|
|
157
|
+
border-color: transparent;
|
|
158
|
+
border-style: solid;
|
|
159
|
+
}
|
|
45
160
|
`;
|
|
161
|
+
export function injectGlobalFloatingPanelStyles() {
|
|
162
|
+
if (typeof document === 'undefined')
|
|
163
|
+
return;
|
|
164
|
+
const STYLE_ID = 'nile-floating-panel-styles';
|
|
165
|
+
if (document.getElementById(STYLE_ID))
|
|
166
|
+
return;
|
|
167
|
+
const style = document.createElement('style');
|
|
168
|
+
style.id = STYLE_ID;
|
|
169
|
+
style.textContent = styles.cssText;
|
|
170
|
+
document.head?.appendChild(style);
|
|
171
|
+
}
|
|
172
|
+
injectGlobalFloatingPanelStyles();
|
|
46
173
|
export default [styles];
|
|
47
174
|
//# sourceMappingURL=nile-floating-panel.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-floating-panel.css.js","sourceRoot":"","sources":["../../../src/nile-floating-panel/nile-floating-panel.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"nile-floating-panel.css.js","sourceRoot":"","sources":["../../../src/nile-floating-panel/nile-floating-panel.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwJxB,CAAC;AAEF,MAAM,UAAU,+BAA+B;IAC7C,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAE5C,MAAM,QAAQ,GAAG,4BAA4B,CAAC;IAC9C,IAAI,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC;QAAE,OAAO;IAE9C,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,GAAG,QAAQ,CAAC;IACpB,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC;IACnC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;AACpC,CAAC;AAED,+BAA+B,EAAE,CAAC;AAElC,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\nexport const styles = css`\n nile-floating-panel {\n display: inline-block;\n }\n\n .tippy-box[data-theme~='floating-panel'] {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n border: solid 1px var(--nile-colors-dark-200, var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n box-shadow: var(--nile-box-shadow-2, var(--ng-shadow-lg));\n padding: 0;\n font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n line-height: 1.4;\n white-space: normal;\n outline: 0;\n transition-property: transform, visibility, opacity;\n }\n\n .tippy-box[data-theme~='floating-panel'][data-animation='fade'][data-state='hidden'] {\n opacity: 0;\n }\n\n .tippy-box[data-theme~='floating-panel'][data-inertia][data-state='visible'] {\n transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);\n }\n\n .tippy-box[data-theme~='floating-panel'] > .tippy-content {\n position: relative;\n z-index: 1;\n padding: 0;\n }\n\n .tippy-box[data-theme~='floating-panel'] > .tippy-svg-arrow {\n fill: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n }\n\n .tippy-box[data-theme~='floating-panel'] > .tippy-arrow {\n color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n }\n\n .nile-floating-panel__body {\n display: flex;\n flex-direction: column;\n height: auto;\n min-width: var(--nile-width-352px, var(--ng-width-80));\n gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n }\n\n .nile-floating-panel__title {\n display: block;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n letter-spacing: var(--nile-spacing-one-by-five-x, var(--ng-spacing-none));\n }\n\n .nile-floating-panel__title:empty {\n display: none;\n }\n\n .nile-floating-panel__action {\n align-self: end;\n display: inline;\n }\n\n .nile-floating-panel__action:empty {\n display: none;\n }\n\n .tippy-box[data-theme~='floating-panel'][data-placement^='top'] > .tippy-svg-arrow { bottom: 0; }\n .tippy-box[data-theme~='floating-panel'][data-placement^='top'] > .tippy-svg-arrow:after,\n .tippy-box[data-theme~='floating-panel'][data-placement^='top'] > .tippy-svg-arrow > svg {\n top: 16px;\n transform: rotate(180deg);\n }\n .tippy-box[data-theme~='floating-panel'][data-placement^='bottom'] > .tippy-svg-arrow { top: 0; }\n .tippy-box[data-theme~='floating-panel'][data-placement^='bottom'] > .tippy-svg-arrow > svg { bottom: 16px; }\n .tippy-box[data-theme~='floating-panel'][data-placement^='left'] > .tippy-svg-arrow { right: 0; }\n .tippy-box[data-theme~='floating-panel'][data-placement^='left'] > .tippy-svg-arrow:after,\n .tippy-box[data-theme~='floating-panel'][data-placement^='left'] > .tippy-svg-arrow > svg {\n transform: rotate(90deg);\n top: calc(50% - 3px);\n left: 11px;\n }\n .tippy-box[data-theme~='floating-panel'][data-placement^='right'] > .tippy-svg-arrow { left: 0; }\n .tippy-box[data-theme~='floating-panel'][data-placement^='right'] > .tippy-svg-arrow:after,\n .tippy-box[data-theme~='floating-panel'][data-placement^='right'] > .tippy-svg-arrow > svg {\n transform: rotate(-90deg);\n top: calc(50% - 3px);\n right: 11px;\n }\n\n .tippy-box[data-theme~='floating-panel'] > .tippy-svg-arrow {\n width: 16px;\n height: 16px;\n text-align: initial;\n position: absolute;\n }\n\n .tippy-box[data-theme~='floating-panel'] > .tippy-svg-arrow > svg {\n position: absolute;\n }\n\n .tippy-box[data-theme~='floating-panel'][data-placement^='top'] > .tippy-arrow {\n bottom: 0;\n }\n .tippy-box[data-theme~='floating-panel'][data-placement^='top'] > .tippy-arrow:before {\n bottom: -7px;\n border-width: 8px 8px 0;\n border-top-color: initial;\n }\n .tippy-box[data-theme~='floating-panel'][data-placement^='bottom'] > .tippy-arrow {\n top: 0;\n }\n .tippy-box[data-theme~='floating-panel'][data-placement^='bottom'] > .tippy-arrow:before {\n top: -7px;\n border-width: 0 8px 8px;\n border-bottom-color: initial;\n }\n .tippy-box[data-theme~='floating-panel'][data-placement^='left'] > .tippy-arrow {\n right: 0;\n }\n .tippy-box[data-theme~='floating-panel'][data-placement^='left'] > .tippy-arrow:before {\n right: -7px;\n border-width: 8px 0 8px 8px;\n border-left-color: initial;\n }\n .tippy-box[data-theme~='floating-panel'][data-placement^='right'] > .tippy-arrow {\n left: 0;\n }\n .tippy-box[data-theme~='floating-panel'][data-placement^='right'] > .tippy-arrow:before {\n left: -7px;\n border-width: 8px 8px 8px 0;\n border-right-color: initial;\n }\n\n .tippy-box[data-theme~='floating-panel'] > .tippy-arrow {\n width: 16px;\n height: 16px;\n color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n }\n .tippy-box[data-theme~='floating-panel'] > .tippy-arrow:before {\n content: '';\n position: absolute;\n border-color: transparent;\n border-style: solid;\n }\n`;\n\nexport function injectGlobalFloatingPanelStyles(): void {\n if (typeof document === 'undefined') return;\n\n const STYLE_ID = 'nile-floating-panel-styles';\n if (document.getElementById(STYLE_ID)) return;\n\n const style = document.createElement('style');\n style.id = STYLE_ID;\n style.textContent = styles.cssText;\n document.head?.appendChild(style);\n}\n\ninjectGlobalFloatingPanelStyles();\n\nexport default [styles];\n"]}
|
|
@@ -1,39 +1,105 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Aquera Inc 2025
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the BSD-3-Clause license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import { CSSResultArray, PropertyValues } from 'lit';
|
|
2
8
|
import NileElement from '../internal/nile-element';
|
|
3
|
-
import type { FloatingPanelPosition, FloatingPanelAnchor } from './types';
|
|
4
9
|
/**
|
|
5
|
-
* Nile floating
|
|
10
|
+
* Nile floating-panel component.
|
|
11
|
+
*
|
|
12
|
+
* A popover that supports rich content (title, body, actions).
|
|
13
|
+
*
|
|
14
|
+
* **Wrapper mode** (default): first child element is the trigger.
|
|
15
|
+
* **For mode**: set `for="elementId"` to attach to an external element.
|
|
6
16
|
*
|
|
7
17
|
* @tag nile-floating-panel
|
|
8
|
-
*
|
|
9
|
-
* @
|
|
18
|
+
*
|
|
19
|
+
* @fires nile-init - Component initialized.
|
|
20
|
+
* @fires nile-destroy - Component destroyed.
|
|
21
|
+
* @fires nile-show - Panel opened.
|
|
22
|
+
* @fires nile-hide - Panel closed.
|
|
23
|
+
* @fires nile-after-show - Panel fully visible after animation.
|
|
24
|
+
* @fires nile-after-hide - Panel fully hidden after animation.
|
|
25
|
+
* @fires nile-toggle - Open/close transition (detail.open).
|
|
26
|
+
* @fires nile-visibility-change - Hidden by scroll/tab change.
|
|
10
27
|
*/
|
|
11
28
|
export declare class NileFloatingPanel extends NileElement {
|
|
29
|
+
private static _groups;
|
|
30
|
+
private static _reducedMotionQuery;
|
|
31
|
+
private static get prefersReducedMotion();
|
|
12
32
|
static get styles(): CSSResultArray;
|
|
13
|
-
|
|
14
|
-
|
|
33
|
+
protected createRenderRoot(): this;
|
|
34
|
+
placement: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'auto' | 'auto-start' | 'auto-end';
|
|
35
|
+
trigger: string;
|
|
36
|
+
distance: number;
|
|
37
|
+
skidding: number;
|
|
38
|
+
arrow: 'round' | 'default' | 'none';
|
|
39
|
+
animation: string;
|
|
40
|
+
duration: string | number | [number, number];
|
|
41
|
+
delay: number | [number, number];
|
|
42
|
+
interactive: boolean;
|
|
43
|
+
interactiveBorder: number;
|
|
44
|
+
maxWidth: string | number;
|
|
45
|
+
zIndex: number;
|
|
46
|
+
followCursor: boolean | 'initial' | 'horizontal' | 'vertical' | 'true' | 'false';
|
|
47
|
+
hideOnClick: boolean | 'toggle';
|
|
48
|
+
inertia: boolean;
|
|
49
|
+
allowHTML: boolean;
|
|
50
|
+
flip: boolean;
|
|
51
|
+
for: string | null;
|
|
15
52
|
open: boolean;
|
|
16
|
-
|
|
53
|
+
preventOverlayClose: boolean;
|
|
54
|
+
title: string;
|
|
55
|
+
disabled: boolean;
|
|
56
|
+
width?: string;
|
|
57
|
+
height?: string;
|
|
58
|
+
/** When set, only one panel in the same group can be open at a time. */
|
|
59
|
+
group: string | null;
|
|
60
|
+
/** Close the panel when Escape is pressed. */
|
|
61
|
+
closeOnEscape: boolean;
|
|
17
62
|
enableVisibilityEffect: boolean;
|
|
18
63
|
enableTabClose: boolean;
|
|
19
|
-
private
|
|
20
|
-
private positionManager;
|
|
21
|
-
private styleManager;
|
|
22
|
-
private eventManager;
|
|
64
|
+
private tippyInstance;
|
|
23
65
|
private visibilityManager?;
|
|
24
|
-
|
|
66
|
+
private panelContainer;
|
|
67
|
+
private anchorEl;
|
|
68
|
+
private _suppressOpenWatch;
|
|
69
|
+
private _panelId;
|
|
70
|
+
private _boundEscHandler;
|
|
71
|
+
private _pendingShowListener;
|
|
72
|
+
private _pendingHideListener;
|
|
73
|
+
protected firstUpdated(): void;
|
|
25
74
|
disconnectedCallback(): void;
|
|
26
|
-
updated(
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
private
|
|
32
|
-
private
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
75
|
+
updated(changed: PropertyValues): void;
|
|
76
|
+
/** Programmatically shows the panel. Returns a promise that resolves after the show animation. */
|
|
77
|
+
show(): Promise<void>;
|
|
78
|
+
/** Programmatically hides the panel. Returns a promise that resolves after the hide animation. */
|
|
79
|
+
hide(): Promise<void>;
|
|
80
|
+
private _cleanupPendingShowListener;
|
|
81
|
+
private _cleanupPendingHideListener;
|
|
82
|
+
toggle(): void;
|
|
83
|
+
refresh(): void;
|
|
84
|
+
/** Returns the current resolved placement from Tippy/Popper. */
|
|
85
|
+
getCurrentPlacement(): string;
|
|
86
|
+
/** Returns true if the resolved placement matches the requested placement. */
|
|
87
|
+
isPositioningOptimal(): boolean;
|
|
88
|
+
private _joinGroup;
|
|
89
|
+
private _leaveGroup;
|
|
90
|
+
private _hideGroupSiblings;
|
|
91
|
+
private _addEscListener;
|
|
92
|
+
private _removeEscListener;
|
|
93
|
+
private _handleEscapeKey;
|
|
94
|
+
private _applyAria;
|
|
95
|
+
private _syncAriaExpanded;
|
|
96
|
+
private _buildDOM;
|
|
97
|
+
private _resolveArrow;
|
|
98
|
+
private _setOpen;
|
|
99
|
+
private _getEffectiveDuration;
|
|
100
|
+
private _getEffectiveAnimation;
|
|
101
|
+
private _attachTippy;
|
|
102
|
+
private _destroyTippy;
|
|
37
103
|
}
|
|
38
104
|
export default NileFloatingPanel;
|
|
39
105
|
declare global {
|