wcs-core 7.5.1 → 7.6.0

package/bundle/wcs-tooltip.js

@@ -1,7 +1,7 @@
-import{p as t,H as e,h as n,c as i}from"./p-2bef72c7.js";import{a as r,c as o}from"./p-e1fb3625.js";import{b as a}from"./p-2e9b9605.js";import{i as u}from"./p-a0f32ead.js";
+import{p as t,H as e,h as n,c as i}from"./p-2bef72c7.js";import{a as r,c as o}from"./p-e1fb3625.js";import{b as a}from"./p-bf326ae8.js";import{i as u}from"./p-a0f32ead.js";
 /**!
 * tippy.js v6.3.7
 * (c) 2017-2021 atomiks
 * MIT License
-*/var f="tippy-box";var s="tippy-content";var c="tippy-backdrop";var d="tippy-arrow";var l="tippy-svg-arrow";var v={passive:true,capture:true};var p=function t(){return document.body};function h(t,e,n){if(Array.isArray(t)){var i=t[e];return i==null?Array.isArray(n)?n[e]:n:i}return t}function m(t,e){var n={}.toString.call(t);return n.indexOf("[object")===0&&n.indexOf(e+"]")>-1}function b(t,e){return typeof t==="function"?t.apply(void 0,e):t}function y(t,e){if(e===0){return t}var n;return function(i){clearTimeout(n);n=setTimeout((function(){t(i)}),e)}}function g(t){return t.split(/\s+/).filter(Boolean)}function w(t){return[].concat(t)}function T(t,e){if(t.indexOf(e)===-1){t.push(e)}}function x(t){return t.filter((function(e,n){return t.indexOf(e)===n}))}function O(t){return t.split("-")[0]}function j(t){return[].slice.call(t)}function k(t){return Object.keys(t).reduce((function(e,n){if(t[n]!==undefined){e[n]=t[n]}return e}),{})}function P(){return document.createElement("div")}function C(t){return["Element","Fragment"].some((function(e){return m(t,e)}))}function S(t){return m(t,"NodeList")}function A(t){return m(t,"MouseEvent")}function W(t){return!!(t&&t._tippy&&t._tippy.reference===t)}function E(t){if(C(t)){return[t]}if(S(t)){return j(t)}if(Array.isArray(t)){return t}return j(document.querySelectorAll(t))}function H(t,e){t.forEach((function(t){if(t){t.style.transitionDuration=e+"ms"}}))}function U(t,e){t.forEach((function(t){if(t){t.setAttribute("data-state",e)}}))}function B(t){var e;var n=w(t),i=n[0];return i!=null&&(e=i.ownerDocument)!=null&&e.body?i.ownerDocument:document}function D(t,e){var n=e.clientX,i=e.clientY;return t.every((function(t){var e=t.popperRect,r=t.popperState,o=t.props;var a=o.interactiveBorder;var u=O(r.placement);var f=r.modifiersData.offset;if(!f){return true}var s=u==="bottom"?f.top.y:0;var c=u==="top"?f.bottom.y:0;var d=u==="right"?f.left.x:0;var l=u==="left"?f.right.x:0;var v=e.top-i+s>a;var p=i-e.bottom-c>a;var h=e.left-n+d>a;var m=n-e.right-l>a;return v||p||h||m}))}function F(t,e,n){var i=e+"EventListener";["transitionend","webkitTransitionEnd"].forEach((function(e){t[i](e,n)}))}function M(t,e){var n=e;while(n){var i;if(t.contains(n)){return true}n=n.getRootNode==null?void 0:(i=n.getRootNode())==null?void 0:i.host}return false}var L={isTouch:false};var R=0;function q(){if(L.isTouch){return}L.isTouch=true;if(window.performance){document.addEventListener("mousemove",I)}}function I(){var t=performance.now();if(t-R<20){L.isTouch=false;document.removeEventListener("mousemove",I)}R=t}function N(){var t=document.activeElement;if(W(t)){var e=t._tippy;if(t.blur&&!e.state.isVisible){t.blur()}}}function K(){document.addEventListener("touchstart",q,v);window.addEventListener("blur",N)}var $=typeof window!=="undefined"&&typeof document!=="undefined";var z=$?!!window.msCrypto:false;var J={animateFill:false,followCursor:false,inlinePositioning:false,sticky:false};var V={allowHTML:false,animation:"fade",arrow:true,content:"",inertia:false,maxWidth:350,role:"tooltip",theme:"",zIndex:9999};var G=Object.assign({appendTo:p,aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:true,ignoreAttributes:false,interactive:false,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function t(){},onBeforeUpdate:function t(){},onCreate:function t(){},onDestroy:function t(){},onHidden:function t(){},onHide:function t(){},onMount:function t(){},onShow:function t(){},onShown:function t(){},onTrigger:function t(){},onUntrigger:function t(){},onClickOutside:function t(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:false,touch:true,trigger:"mouseenter focus",triggerTarget:null},J,V);var Q=Object.keys(G);var X=function t(e){var n=Object.keys(e);n.forEach((function(t){G[t]=e[t]}))};function Y(t){var e=t.plugins||[];var n=e.reduce((function(e,n){var i=n.name,r=n.defaultValue;if(i){var o;e[i]=t[i]!==undefined?t[i]:(o=G[i])!=null?o:r}return e}),{});return Object.assign({},t,n)}function Z(t,e){var n=e?Object.keys(Y(Object.assign({},G,{plugins:e}))):Q;var i=n.reduce((function(e,n){var i=(t.getAttribute("data-tippy-"+n)||"").trim();if(!i){return e}if(n==="content"){e[n]=i}else{try{e[n]=JSON.parse(i)}catch(t){e[n]=i}}return e}),{});return i}function _(t,e){var n=Object.assign({},e,{content:b(e.content,[t])},e.ignoreAttributes?{}:Z(t,e.plugins));n.aria=Object.assign({},G.aria,n.aria);n.aria={expanded:n.aria.expanded==="auto"?e.interactive:n.aria.expanded,content:n.aria.content==="auto"?e.interactive?null:"describedby":n.aria.content};return n}var tt=function t(){return"innerHTML"};function et(t,e){t[tt()]=e}function nt(t){var e=P();if(t===true){e.className=d}else{e.className=l;if(C(t)){e.appendChild(t)}else{et(e,t)}}return e}function it(t,e){if(C(e.content)){et(t,"");t.appendChild(e.content)}else if(typeof e.content!=="function"){if(e.allowHTML){et(t,e.content)}else{t.textContent=e.content}}}function rt(t){var e=t.firstElementChild;var n=j(e.children);return{box:e,content:n.find((function(t){return t.classList.contains(s)})),arrow:n.find((function(t){return t.classList.contains(d)||t.classList.contains(l)})),backdrop:n.find((function(t){return t.classList.contains(c)}))}}function ot(t){var e=P();var n=P();n.className=f;n.setAttribute("data-state","hidden");n.setAttribute("tabindex","-1");var i=P();i.className=s;i.setAttribute("data-state","hidden");it(i,t.props);e.appendChild(n);n.appendChild(i);r(t.props,t.props);function r(n,i){var r=rt(e),o=r.box,a=r.content,u=r.arrow;if(i.theme){o.setAttribute("data-theme",i.theme)}else{o.removeAttribute("data-theme")}if(typeof i.animation==="string"){o.setAttribute("data-animation",i.animation)}else{o.removeAttribute("data-animation")}if(i.inertia){o.setAttribute("data-inertia","")}else{o.removeAttribute("data-inertia")}o.style.maxWidth=typeof i.maxWidth==="number"?i.maxWidth+"px":i.maxWidth;if(i.role){o.setAttribute("role",i.role)}else{o.removeAttribute("role")}if(n.content!==i.content||n.allowHTML!==i.allowHTML){it(a,t.props)}if(i.arrow){if(!u){o.appendChild(nt(i.arrow))}else if(n.arrow!==i.arrow){o.removeChild(u);o.appendChild(nt(i.arrow))}}else if(u){o.removeChild(u)}}return{popper:e,onUpdate:r}}ot.$$tippy=true;var at=1;var ut=[];var ft=[];function st(t,e){var n=_(t,Object.assign({},G,Y(k(e))));var i;var r;var a;var u=false;var f=false;var s=false;var c=false;var d;var l;var m;var O=[];var C=y(kt,n.interactiveDebounce);var S;var W=at++;var E=null;var R=x(n.plugins);var q={isEnabled:true,isVisible:false,isDestroyed:false,isMounted:false,isShown:false};var I={id:W,reference:t,popper:P(),popperInstance:E,props:n,state:q,plugins:R,clearDelayTimeouts:Mt,setProps:Lt,setContent:Rt,show:qt,hide:It,hideWithInteractivity:Nt,enable:Dt,disable:Ft,unmount:Kt,destroy:$t};if(!n.render){return I}var N=n.render(I),K=N.popper,$=N.onUpdate;K.setAttribute("data-tippy-root","");K.id="tippy-"+I.id;I.popper=K;t._tippy=I;K._tippy=I;var J=R.map((function(t){return t.fn(I)}));var V=t.hasAttribute("aria-expanded");xt();dt();ot();st("onCreate",[I]);if(n.showOnCreate){Ut()}K.addEventListener("mouseenter",(function(){if(I.props.interactive&&I.state.isVisible){I.clearDelayTimeouts()}}));K.addEventListener("mouseleave",(function(){if(I.props.interactive&&I.props.trigger.indexOf("mouseenter")>=0){et().addEventListener("mousemove",C)}}));return I;function Q(){var t=I.props.touch;return Array.isArray(t)?t:[t,0]}function X(){return Q()[0]==="hold"}function Z(){var t;return!!((t=I.props.render)!=null&&t.$$tippy)}function tt(){return S||t}function et(){var t=tt().parentNode;return t?B(t):document}function nt(){return rt(K)}function it(t){if(I.state.isMounted&&!I.state.isVisible||L.isTouch||d&&d.type==="focus"){return 0}return h(I.props.delay,t?0:1,G.delay)}function ot(t){if(t===void 0){t=false}K.style.pointerEvents=I.props.interactive&&!t?"":"none";K.style.zIndex=""+I.props.zIndex}function st(t,e,n){if(n===void 0){n=true}J.forEach((function(n){if(n[t]){n[t].apply(n,e)}}));if(n){var i;(i=I.props)[t].apply(i,e)}}function ct(){var e=I.props.aria;if(!e.content){return}var n="aria-"+e.content;var i=K.id;var r=w(I.props.triggerTarget||t);r.forEach((function(t){var e=t.getAttribute(n);if(I.state.isVisible){t.setAttribute(n,e?e+" "+i:i)}else{var r=e&&e.replace(i,"").trim();if(r){t.setAttribute(n,r)}else{t.removeAttribute(n)}}}))}function dt(){if(V||!I.props.aria.expanded){return}var e=w(I.props.triggerTarget||t);e.forEach((function(t){if(I.props.interactive){t.setAttribute("aria-expanded",I.state.isVisible&&t===tt()?"true":"false")}else{t.removeAttribute("aria-expanded")}}))}function lt(){et().removeEventListener("mousemove",C);ut=ut.filter((function(t){return t!==C}))}function vt(e){if(L.isTouch){if(s||e.type==="mousedown"){return}}var n=e.composedPath&&e.composedPath()[0]||e.target;if(I.props.interactive&&M(K,n)){return}if(w(I.props.triggerTarget||t).some((function(t){return M(t,n)}))){if(L.isTouch){return}if(I.state.isVisible&&I.props.trigger.indexOf("click")>=0){return}}else{st("onClickOutside",[I,e])}if(I.props.hideOnClick===true){I.clearDelayTimeouts();I.hide();f=true;setTimeout((function(){f=false}));if(!I.state.isMounted){bt()}}}function pt(){s=true}function ht(){s=false}function mt(){var t=et();t.addEventListener("mousedown",vt,true);t.addEventListener("touchend",vt,v);t.addEventListener("touchstart",ht,v);t.addEventListener("touchmove",pt,v)}function bt(){var t=et();t.removeEventListener("mousedown",vt,true);t.removeEventListener("touchend",vt,v);t.removeEventListener("touchstart",ht,v);t.removeEventListener("touchmove",pt,v)}function yt(t,e){wt(t,(function(){if(!I.state.isVisible&&K.parentNode&&K.parentNode.contains(K)){e()}}))}function gt(t,e){wt(t,e)}function wt(t,e){var n=nt().box;function i(t){if(t.target===n){F(n,"remove",i);e()}}if(t===0){return e()}F(n,"remove",l);F(n,"add",i);l=i}function Tt(e,n,i){if(i===void 0){i=false}var r=w(I.props.triggerTarget||t);r.forEach((function(t){t.addEventListener(e,n,i);O.push({node:t,eventType:e,handler:n,options:i})}))}function xt(){if(X()){Tt("touchstart",jt,{passive:true});Tt("touchend",Pt,{passive:true})}g(I.props.trigger).forEach((function(t){if(t==="manual"){return}Tt(t,jt);switch(t){case"mouseenter":Tt("mouseleave",Pt);break;case"focus":Tt(z?"focusout":"blur",Ct);break;case"focusin":Tt("focusout",Ct);break}}))}function Ot(){O.forEach((function(t){var e=t.node,n=t.eventType,i=t.handler,r=t.options;e.removeEventListener(n,i,r)}));O=[]}function jt(t){var e;var n=false;if(!I.state.isEnabled||St(t)||f){return}var i=((e=d)==null?void 0:e.type)==="focus";d=t;S=t.currentTarget;dt();if(!I.state.isVisible&&A(t)){ut.forEach((function(e){return e(t)}))}if(t.type==="click"&&(I.props.trigger.indexOf("mouseenter")<0||u)&&I.props.hideOnClick!==false&&I.state.isVisible){n=true}else{Ut(t)}if(t.type==="click"){u=!n}if(n&&!i){Bt(t)}}function kt(t){var e=t.target;var i=tt().contains(e)||K.contains(e);if(t.type==="mousemove"&&i){return}var r=Ht().concat(K).map((function(t){var e;var i=t._tippy;var r=(e=i.popperInstance)==null?void 0:e.state;if(r){return{popperRect:t.getBoundingClientRect(),popperState:r,props:n}}return null})).filter(Boolean);if(D(r,t)){lt();Bt(t)}}function Pt(t){var e=St(t)||I.props.trigger.indexOf("click")>=0&&u;if(e){return}if(I.props.interactive){I.hideWithInteractivity(t);return}Bt(t)}function Ct(t){if(I.props.trigger.indexOf("focusin")<0&&t.target!==tt()){return}if(I.props.interactive&&t.relatedTarget&&K.contains(t.relatedTarget)){return}Bt(t)}function St(t){return L.isTouch?X()!==t.type.indexOf("touch")>=0:false}function At(){Wt();var e=I.props,n=e.popperOptions,i=e.placement,r=e.offset,a=e.getReferenceClientRect,u=e.moveTransition;var f=Z()?rt(K).arrow:null;var s=a?{getBoundingClientRect:a,contextElement:a.contextElement||tt()}:t;var c={name:"$$tippy",enabled:true,phase:"beforeWrite",requires:["computeStyles"],fn:function t(e){var n=e.state;if(Z()){var i=nt(),r=i.box;["placement","reference-hidden","escaped"].forEach((function(t){if(t==="placement"){r.setAttribute("data-placement",n.placement)}else{if(n.attributes.popper["data-popper-"+t]){r.setAttribute("data-"+t,"")}else{r.removeAttribute("data-"+t)}}}));n.attributes.popper={}}}};var d=[{name:"offset",options:{offset:r}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!u}},c];if(Z()&&f){d.push({name:"arrow",options:{element:f,padding:3}})}d.push.apply(d,(n==null?void 0:n.modifiers)||[]);I.popperInstance=o(s,K,Object.assign({},n,{placement:i,onFirstUpdate:m,modifiers:d}))}function Wt(){if(I.popperInstance){I.popperInstance.destroy();I.popperInstance=null}}function Et(){var t=I.props.appendTo;var e;var n=tt();if(I.props.interactive&&t===p||t==="parent"){e=n.parentNode}else{e=b(t,[n])}if(!e.contains(K)){e.appendChild(K)}I.state.isMounted=true;At()}function Ht(){return j(K.querySelectorAll("[data-tippy-root]"))}function Ut(t){I.clearDelayTimeouts();if(t){st("onTrigger",[I,t])}mt();var e=it(true);var n=Q(),r=n[0],o=n[1];if(L.isTouch&&r==="hold"&&o){e=o}if(e){i=setTimeout((function(){I.show()}),e)}else{I.show()}}function Bt(t){I.clearDelayTimeouts();st("onUntrigger",[I,t]);if(!I.state.isVisible){bt();return}if(I.props.trigger.indexOf("mouseenter")>=0&&I.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(t.type)>=0&&u){return}var e=it(false);if(e){r=setTimeout((function(){if(I.state.isVisible){I.hide()}}),e)}else{a=requestAnimationFrame((function(){I.hide()}))}}function Dt(){I.state.isEnabled=true}function Ft(){I.hide();I.state.isEnabled=false}function Mt(){clearTimeout(i);clearTimeout(r);cancelAnimationFrame(a)}function Lt(e){if(I.state.isDestroyed){return}st("onBeforeUpdate",[I,e]);Ot();var n=I.props;var i=_(t,Object.assign({},n,k(e),{ignoreAttributes:true}));I.props=i;xt();if(n.interactiveDebounce!==i.interactiveDebounce){lt();C=y(kt,i.interactiveDebounce)}if(n.triggerTarget&&!i.triggerTarget){w(n.triggerTarget).forEach((function(t){t.removeAttribute("aria-expanded")}))}else if(i.triggerTarget){t.removeAttribute("aria-expanded")}dt();ot();if($){$(n,i)}if(I.popperInstance){At();Ht().forEach((function(t){requestAnimationFrame(t._tippy.popperInstance.forceUpdate)}))}st("onAfterUpdate",[I,e])}function Rt(t){I.setProps({content:t})}function qt(){var t=I.state.isVisible;var e=I.state.isDestroyed;var n=!I.state.isEnabled;var i=L.isTouch&&!I.props.touch;var r=h(I.props.duration,0,G.duration);if(t||e||n||i){return}if(tt().hasAttribute("disabled")){return}st("onShow",[I],false);if(I.props.onShow(I)===false){return}I.state.isVisible=true;if(Z()){K.style.visibility="visible"}ot();mt();if(!I.state.isMounted){K.style.transition="none"}if(Z()){var o=nt(),a=o.box,u=o.content;H([a,u],0)}m=function t(){var e;if(!I.state.isVisible||c){return}c=true;K.style.transition=I.props.moveTransition;if(Z()&&I.props.animation){var n=nt(),i=n.box,o=n.content;H([i,o],r);U([i,o],"visible")}ct();dt();T(ft,I);(e=I.popperInstance)==null?void 0:e.forceUpdate();st("onMount",[I]);if(I.props.animation&&Z()){gt(r,(function(){I.state.isShown=true;st("onShown",[I])}))}};Et()}function It(){var t=!I.state.isVisible;var e=I.state.isDestroyed;var n=!I.state.isEnabled;var i=h(I.props.duration,1,G.duration);if(t||e||n){return}st("onHide",[I],false);if(I.props.onHide(I)===false){return}I.state.isVisible=false;I.state.isShown=false;c=false;u=false;if(Z()){K.style.visibility="hidden"}lt();bt();ot(true);if(Z()){var r=nt(),o=r.box,a=r.content;if(I.props.animation){H([o,a],i);U([o,a],"hidden")}}ct();dt();if(I.props.animation){if(Z()){yt(i,I.unmount)}}else{I.unmount()}}function Nt(t){et().addEventListener("mousemove",C);T(ut,C);C(t)}function Kt(){if(I.state.isVisible){I.hide()}if(!I.state.isMounted){return}Wt();Ht().forEach((function(t){t._tippy.unmount()}));if(K.parentNode){K.parentNode.removeChild(K)}ft=ft.filter((function(t){return t!==I}));I.state.isMounted=false;st("onHidden",[I])}function $t(){if(I.state.isDestroyed){return}I.clearDelayTimeouts();I.unmount();Ot();delete t._tippy;I.state.isDestroyed=true;st("onDestroy",[I])}}function ct(t,e){if(e===void 0){e={}}var n=G.plugins.concat(e.plugins||[]);K();var i=Object.assign({},e,{plugins:n});var r=E(t);var o=r.reduce((function(t,e){var n=e&&st(e,i);if(n){t.push(n)}return t}),[]);return C(t)?o[0]:o}ct.defaultProps=G;ct.setDefaultProps=X;ct.currentInput=L;Object.assign({},r,{effect:function t(e){var n=e.state;var i={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(n.elements.popper.style,i.popper);n.styles=i;if(n.elements.arrow){Object.assign(n.elements.arrow.style,i.arrow)}}});ct.setDefaultProps({render:ot});const dt=":host{display:none}";const lt=dt;const vt=["WCS-BUTTON"];const pt=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.for=undefined;this.position="bottom";this.interactive=false;this.maxWidth=350;this.delay=0;this.duration=[300,250];this.trigger="mouseenter focus";this.theme="dark";this.content=undefined;this.appendTo=undefined}componentWillLoad(){this.forElement=document.getElementById(this.for);if(!this.forElement){console.error('[wcs-tooltip]: The element with the id provided in the "for" property does not exist');return}this.tippyInstance=ct(this.forElement,{appendTo:this.appendTo||(()=>document.body),theme:this.theme,allowHTML:true,content:this.getTooltipContentFromPropAndSlot(),maxWidth:this.maxWidth,placement:this.position,delay:this.delay,duration:this.duration,interactive:this.interactive,trigger:this.trigger,onShow:()=>this.onShow(),onHide:()=>this.onHide()})}onShow(){if(!this.forElement){return}if(this.forElement.tagName&&vt.indexOf(this.forElement.tagName)!==-1){if(u(this.forElement)){if(this.interactive){this.forElement.setAriaAttribute("aria-expanded","true")}}}}onHide(){if(!this.forElement){return}if(this.forElement.tagName&&vt.indexOf(this.forElement.tagName)!==-1){if(u(this.forElement)){if(this.interactive){this.forElement.setAriaAttribute("aria-expanded","false")}}}}async handleKeyDown(t){if(a(t)){if(this.tippyInstance.state.isShown){await this.hide()}}}getTooltipContentFromPropAndSlot(){if(this.content){return this.content+this.el.innerHTML}return this.el.innerHTML}updateProps(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.setProps({interactive:this.interactive,placement:this.position,maxWidth:this.maxWidth,theme:this.theme,delay:this.delay,duration:this.duration,trigger:this.trigger})}updateTippyContent(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.setProps({content:this.getTooltipContentFromPropAndSlot()})}async hide(){this.tippyInstance.hide()}async show(){this.tippyInstance.show()}async disable(){this.tippyInstance.disable()}async enable(){this.tippyInstance.enable()}disconnectedCallback(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.destroy()}render(){return n(i,{key:"34f019e113250ce19d69186080c932f838ac5c86",role:"tooltip"},n("slot",{key:"7edce2cfc96d454177668c81d615231369600977",onSlotchange:t=>this.updateTippyContent()}))}get el(){return this}static get watchers(){return{interactive:["updateProps"],position:["updateProps"],maxWidth:["updateProps"],theme:["updateProps"],delay:["updateProps"],duration:["updateProps"],trigger:["updateProps"],content:["updateTippyContent"]}}static get style(){return lt}},[1,"wcs-tooltip",{for:[1],position:[513],interactive:[516],maxWidth:[8,"max-width"],delay:[2],duration:[2],trigger:[1],theme:[1],content:[1],appendTo:[1,"append-to"],hide:[64],show:[64],disable:[64],enable:[64]},[[8,"keydown","handleKeyDown"]],{interactive:["updateProps"],position:["updateProps"],maxWidth:["updateProps"],theme:["updateProps"],delay:["updateProps"],duration:["updateProps"],trigger:["updateProps"],content:["updateTippyContent"]}]);function ht(){if(typeof customElements==="undefined"){return}const t=["wcs-tooltip"];t.forEach((t=>{switch(t){case"wcs-tooltip":if(!customElements.get(t)){customElements.define(t,pt)}break}}))}const mt=pt;const bt=ht;export{mt as WcsTooltip,bt as defineCustomElement};
+*/var f="tippy-box";var s="tippy-content";var c="tippy-backdrop";var d="tippy-arrow";var l="tippy-svg-arrow";var v={passive:true,capture:true};var p=function t(){return document.body};function h(t,e,n){if(Array.isArray(t)){var i=t[e];return i==null?Array.isArray(n)?n[e]:n:i}return t}function m(t,e){var n={}.toString.call(t);return n.indexOf("[object")===0&&n.indexOf(e+"]")>-1}function b(t,e){return typeof t==="function"?t.apply(void 0,e):t}function y(t,e){if(e===0){return t}var n;return function(i){clearTimeout(n);n=setTimeout((function(){t(i)}),e)}}function g(t){return t.split(/\s+/).filter(Boolean)}function w(t){return[].concat(t)}function T(t,e){if(t.indexOf(e)===-1){t.push(e)}}function x(t){return t.filter((function(e,n){return t.indexOf(e)===n}))}function O(t){return t.split("-")[0]}function j(t){return[].slice.call(t)}function k(t){return Object.keys(t).reduce((function(e,n){if(t[n]!==undefined){e[n]=t[n]}return e}),{})}function P(){return document.createElement("div")}function C(t){return["Element","Fragment"].some((function(e){return m(t,e)}))}function S(t){return m(t,"NodeList")}function A(t){return m(t,"MouseEvent")}function W(t){return!!(t&&t._tippy&&t._tippy.reference===t)}function E(t){if(C(t)){return[t]}if(S(t)){return j(t)}if(Array.isArray(t)){return t}return j(document.querySelectorAll(t))}function H(t,e){t.forEach((function(t){if(t){t.style.transitionDuration=e+"ms"}}))}function U(t,e){t.forEach((function(t){if(t){t.setAttribute("data-state",e)}}))}function B(t){var e;var n=w(t),i=n[0];return i!=null&&(e=i.ownerDocument)!=null&&e.body?i.ownerDocument:document}function D(t,e){var n=e.clientX,i=e.clientY;return t.every((function(t){var e=t.popperRect,r=t.popperState,o=t.props;var a=o.interactiveBorder;var u=O(r.placement);var f=r.modifiersData.offset;if(!f){return true}var s=u==="bottom"?f.top.y:0;var c=u==="top"?f.bottom.y:0;var d=u==="right"?f.left.x:0;var l=u==="left"?f.right.x:0;var v=e.top-i+s>a;var p=i-e.bottom-c>a;var h=e.left-n+d>a;var m=n-e.right-l>a;return v||p||h||m}))}function F(t,e,n){var i=e+"EventListener";["transitionend","webkitTransitionEnd"].forEach((function(e){t[i](e,n)}))}function M(t,e){var n=e;while(n){var i;if(t.contains(n)){return true}n=n.getRootNode==null?void 0:(i=n.getRootNode())==null?void 0:i.host}return false}var L={isTouch:false};var R=0;function q(){if(L.isTouch){return}L.isTouch=true;if(window.performance){document.addEventListener("mousemove",I)}}function I(){var t=performance.now();if(t-R<20){L.isTouch=false;document.removeEventListener("mousemove",I)}R=t}function N(){var t=document.activeElement;if(W(t)){var e=t._tippy;if(t.blur&&!e.state.isVisible){t.blur()}}}function K(){document.addEventListener("touchstart",q,v);window.addEventListener("blur",N)}var $=typeof window!=="undefined"&&typeof document!=="undefined";var z=$?!!window.msCrypto:false;var J={animateFill:false,followCursor:false,inlinePositioning:false,sticky:false};var V={allowHTML:false,animation:"fade",arrow:true,content:"",inertia:false,maxWidth:350,role:"tooltip",theme:"",zIndex:9999};var G=Object.assign({appendTo:p,aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:true,ignoreAttributes:false,interactive:false,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function t(){},onBeforeUpdate:function t(){},onCreate:function t(){},onDestroy:function t(){},onHidden:function t(){},onHide:function t(){},onMount:function t(){},onShow:function t(){},onShown:function t(){},onTrigger:function t(){},onUntrigger:function t(){},onClickOutside:function t(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:false,touch:true,trigger:"mouseenter focus",triggerTarget:null},J,V);var Q=Object.keys(G);var X=function t(e){var n=Object.keys(e);n.forEach((function(t){G[t]=e[t]}))};function Y(t){var e=t.plugins||[];var n=e.reduce((function(e,n){var i=n.name,r=n.defaultValue;if(i){var o;e[i]=t[i]!==undefined?t[i]:(o=G[i])!=null?o:r}return e}),{});return Object.assign({},t,n)}function Z(t,e){var n=e?Object.keys(Y(Object.assign({},G,{plugins:e}))):Q;var i=n.reduce((function(e,n){var i=(t.getAttribute("data-tippy-"+n)||"").trim();if(!i){return e}if(n==="content"){e[n]=i}else{try{e[n]=JSON.parse(i)}catch(t){e[n]=i}}return e}),{});return i}function _(t,e){var n=Object.assign({},e,{content:b(e.content,[t])},e.ignoreAttributes?{}:Z(t,e.plugins));n.aria=Object.assign({},G.aria,n.aria);n.aria={expanded:n.aria.expanded==="auto"?e.interactive:n.aria.expanded,content:n.aria.content==="auto"?e.interactive?null:"describedby":n.aria.content};return n}var tt=function t(){return"innerHTML"};function et(t,e){t[tt()]=e}function nt(t){var e=P();if(t===true){e.className=d}else{e.className=l;if(C(t)){e.appendChild(t)}else{et(e,t)}}return e}function it(t,e){if(C(e.content)){et(t,"");t.appendChild(e.content)}else if(typeof e.content!=="function"){if(e.allowHTML){et(t,e.content)}else{t.textContent=e.content}}}function rt(t){var e=t.firstElementChild;var n=j(e.children);return{box:e,content:n.find((function(t){return t.classList.contains(s)})),arrow:n.find((function(t){return t.classList.contains(d)||t.classList.contains(l)})),backdrop:n.find((function(t){return t.classList.contains(c)}))}}function ot(t){var e=P();var n=P();n.className=f;n.setAttribute("data-state","hidden");n.setAttribute("tabindex","-1");var i=P();i.className=s;i.setAttribute("data-state","hidden");it(i,t.props);e.appendChild(n);n.appendChild(i);r(t.props,t.props);function r(n,i){var r=rt(e),o=r.box,a=r.content,u=r.arrow;if(i.theme){o.setAttribute("data-theme",i.theme)}else{o.removeAttribute("data-theme")}if(typeof i.animation==="string"){o.setAttribute("data-animation",i.animation)}else{o.removeAttribute("data-animation")}if(i.inertia){o.setAttribute("data-inertia","")}else{o.removeAttribute("data-inertia")}o.style.maxWidth=typeof i.maxWidth==="number"?i.maxWidth+"px":i.maxWidth;if(i.role){o.setAttribute("role",i.role)}else{o.removeAttribute("role")}if(n.content!==i.content||n.allowHTML!==i.allowHTML){it(a,t.props)}if(i.arrow){if(!u){o.appendChild(nt(i.arrow))}else if(n.arrow!==i.arrow){o.removeChild(u);o.appendChild(nt(i.arrow))}}else if(u){o.removeChild(u)}}return{popper:e,onUpdate:r}}ot.$$tippy=true;var at=1;var ut=[];var ft=[];function st(t,e){var n=_(t,Object.assign({},G,Y(k(e))));var i;var r;var a;var u=false;var f=false;var s=false;var c=false;var d;var l;var m;var O=[];var C=y(kt,n.interactiveDebounce);var S;var W=at++;var E=null;var R=x(n.plugins);var q={isEnabled:true,isVisible:false,isDestroyed:false,isMounted:false,isShown:false};var I={id:W,reference:t,popper:P(),popperInstance:E,props:n,state:q,plugins:R,clearDelayTimeouts:Mt,setProps:Lt,setContent:Rt,show:qt,hide:It,hideWithInteractivity:Nt,enable:Dt,disable:Ft,unmount:Kt,destroy:$t};if(!n.render){return I}var N=n.render(I),K=N.popper,$=N.onUpdate;K.setAttribute("data-tippy-root","");K.id="tippy-"+I.id;I.popper=K;t._tippy=I;K._tippy=I;var J=R.map((function(t){return t.fn(I)}));var V=t.hasAttribute("aria-expanded");xt();dt();ot();st("onCreate",[I]);if(n.showOnCreate){Ut()}K.addEventListener("mouseenter",(function(){if(I.props.interactive&&I.state.isVisible){I.clearDelayTimeouts()}}));K.addEventListener("mouseleave",(function(){if(I.props.interactive&&I.props.trigger.indexOf("mouseenter")>=0){et().addEventListener("mousemove",C)}}));return I;function Q(){var t=I.props.touch;return Array.isArray(t)?t:[t,0]}function X(){return Q()[0]==="hold"}function Z(){var t;return!!((t=I.props.render)!=null&&t.$$tippy)}function tt(){return S||t}function et(){var t=tt().parentNode;return t?B(t):document}function nt(){return rt(K)}function it(t){if(I.state.isMounted&&!I.state.isVisible||L.isTouch||d&&d.type==="focus"){return 0}return h(I.props.delay,t?0:1,G.delay)}function ot(t){if(t===void 0){t=false}K.style.pointerEvents=I.props.interactive&&!t?"":"none";K.style.zIndex=""+I.props.zIndex}function st(t,e,n){if(n===void 0){n=true}J.forEach((function(n){if(n[t]){n[t].apply(n,e)}}));if(n){var i;(i=I.props)[t].apply(i,e)}}function ct(){var e=I.props.aria;if(!e.content){return}var n="aria-"+e.content;var i=K.id;var r=w(I.props.triggerTarget||t);r.forEach((function(t){var e=t.getAttribute(n);if(I.state.isVisible){t.setAttribute(n,e?e+" "+i:i)}else{var r=e&&e.replace(i,"").trim();if(r){t.setAttribute(n,r)}else{t.removeAttribute(n)}}}))}function dt(){if(V||!I.props.aria.expanded){return}var e=w(I.props.triggerTarget||t);e.forEach((function(t){if(I.props.interactive){t.setAttribute("aria-expanded",I.state.isVisible&&t===tt()?"true":"false")}else{t.removeAttribute("aria-expanded")}}))}function lt(){et().removeEventListener("mousemove",C);ut=ut.filter((function(t){return t!==C}))}function vt(e){if(L.isTouch){if(s||e.type==="mousedown"){return}}var n=e.composedPath&&e.composedPath()[0]||e.target;if(I.props.interactive&&M(K,n)){return}if(w(I.props.triggerTarget||t).some((function(t){return M(t,n)}))){if(L.isTouch){return}if(I.state.isVisible&&I.props.trigger.indexOf("click")>=0){return}}else{st("onClickOutside",[I,e])}if(I.props.hideOnClick===true){I.clearDelayTimeouts();I.hide();f=true;setTimeout((function(){f=false}));if(!I.state.isMounted){bt()}}}function pt(){s=true}function ht(){s=false}function mt(){var t=et();t.addEventListener("mousedown",vt,true);t.addEventListener("touchend",vt,v);t.addEventListener("touchstart",ht,v);t.addEventListener("touchmove",pt,v)}function bt(){var t=et();t.removeEventListener("mousedown",vt,true);t.removeEventListener("touchend",vt,v);t.removeEventListener("touchstart",ht,v);t.removeEventListener("touchmove",pt,v)}function yt(t,e){wt(t,(function(){if(!I.state.isVisible&&K.parentNode&&K.parentNode.contains(K)){e()}}))}function gt(t,e){wt(t,e)}function wt(t,e){var n=nt().box;function i(t){if(t.target===n){F(n,"remove",i);e()}}if(t===0){return e()}F(n,"remove",l);F(n,"add",i);l=i}function Tt(e,n,i){if(i===void 0){i=false}var r=w(I.props.triggerTarget||t);r.forEach((function(t){t.addEventListener(e,n,i);O.push({node:t,eventType:e,handler:n,options:i})}))}function xt(){if(X()){Tt("touchstart",jt,{passive:true});Tt("touchend",Pt,{passive:true})}g(I.props.trigger).forEach((function(t){if(t==="manual"){return}Tt(t,jt);switch(t){case"mouseenter":Tt("mouseleave",Pt);break;case"focus":Tt(z?"focusout":"blur",Ct);break;case"focusin":Tt("focusout",Ct);break}}))}function Ot(){O.forEach((function(t){var e=t.node,n=t.eventType,i=t.handler,r=t.options;e.removeEventListener(n,i,r)}));O=[]}function jt(t){var e;var n=false;if(!I.state.isEnabled||St(t)||f){return}var i=((e=d)==null?void 0:e.type)==="focus";d=t;S=t.currentTarget;dt();if(!I.state.isVisible&&A(t)){ut.forEach((function(e){return e(t)}))}if(t.type==="click"&&(I.props.trigger.indexOf("mouseenter")<0||u)&&I.props.hideOnClick!==false&&I.state.isVisible){n=true}else{Ut(t)}if(t.type==="click"){u=!n}if(n&&!i){Bt(t)}}function kt(t){var e=t.target;var i=tt().contains(e)||K.contains(e);if(t.type==="mousemove"&&i){return}var r=Ht().concat(K).map((function(t){var e;var i=t._tippy;var r=(e=i.popperInstance)==null?void 0:e.state;if(r){return{popperRect:t.getBoundingClientRect(),popperState:r,props:n}}return null})).filter(Boolean);if(D(r,t)){lt();Bt(t)}}function Pt(t){var e=St(t)||I.props.trigger.indexOf("click")>=0&&u;if(e){return}if(I.props.interactive){I.hideWithInteractivity(t);return}Bt(t)}function Ct(t){if(I.props.trigger.indexOf("focusin")<0&&t.target!==tt()){return}if(I.props.interactive&&t.relatedTarget&&K.contains(t.relatedTarget)){return}Bt(t)}function St(t){return L.isTouch?X()!==t.type.indexOf("touch")>=0:false}function At(){Wt();var e=I.props,n=e.popperOptions,i=e.placement,r=e.offset,a=e.getReferenceClientRect,u=e.moveTransition;var f=Z()?rt(K).arrow:null;var s=a?{getBoundingClientRect:a,contextElement:a.contextElement||tt()}:t;var c={name:"$$tippy",enabled:true,phase:"beforeWrite",requires:["computeStyles"],fn:function t(e){var n=e.state;if(Z()){var i=nt(),r=i.box;["placement","reference-hidden","escaped"].forEach((function(t){if(t==="placement"){r.setAttribute("data-placement",n.placement)}else{if(n.attributes.popper["data-popper-"+t]){r.setAttribute("data-"+t,"")}else{r.removeAttribute("data-"+t)}}}));n.attributes.popper={}}}};var d=[{name:"offset",options:{offset:r}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!u}},c];if(Z()&&f){d.push({name:"arrow",options:{element:f,padding:3}})}d.push.apply(d,(n==null?void 0:n.modifiers)||[]);I.popperInstance=o(s,K,Object.assign({},n,{placement:i,onFirstUpdate:m,modifiers:d}))}function Wt(){if(I.popperInstance){I.popperInstance.destroy();I.popperInstance=null}}function Et(){var t=I.props.appendTo;var e;var n=tt();if(I.props.interactive&&t===p||t==="parent"){e=n.parentNode}else{e=b(t,[n])}if(!e.contains(K)){e.appendChild(K)}I.state.isMounted=true;At()}function Ht(){return j(K.querySelectorAll("[data-tippy-root]"))}function Ut(t){I.clearDelayTimeouts();if(t){st("onTrigger",[I,t])}mt();var e=it(true);var n=Q(),r=n[0],o=n[1];if(L.isTouch&&r==="hold"&&o){e=o}if(e){i=setTimeout((function(){I.show()}),e)}else{I.show()}}function Bt(t){I.clearDelayTimeouts();st("onUntrigger",[I,t]);if(!I.state.isVisible){bt();return}if(I.props.trigger.indexOf("mouseenter")>=0&&I.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(t.type)>=0&&u){return}var e=it(false);if(e){r=setTimeout((function(){if(I.state.isVisible){I.hide()}}),e)}else{a=requestAnimationFrame((function(){I.hide()}))}}function Dt(){I.state.isEnabled=true}function Ft(){I.hide();I.state.isEnabled=false}function Mt(){clearTimeout(i);clearTimeout(r);cancelAnimationFrame(a)}function Lt(e){if(I.state.isDestroyed){return}st("onBeforeUpdate",[I,e]);Ot();var n=I.props;var i=_(t,Object.assign({},n,k(e),{ignoreAttributes:true}));I.props=i;xt();if(n.interactiveDebounce!==i.interactiveDebounce){lt();C=y(kt,i.interactiveDebounce)}if(n.triggerTarget&&!i.triggerTarget){w(n.triggerTarget).forEach((function(t){t.removeAttribute("aria-expanded")}))}else if(i.triggerTarget){t.removeAttribute("aria-expanded")}dt();ot();if($){$(n,i)}if(I.popperInstance){At();Ht().forEach((function(t){requestAnimationFrame(t._tippy.popperInstance.forceUpdate)}))}st("onAfterUpdate",[I,e])}function Rt(t){I.setProps({content:t})}function qt(){var t=I.state.isVisible;var e=I.state.isDestroyed;var n=!I.state.isEnabled;var i=L.isTouch&&!I.props.touch;var r=h(I.props.duration,0,G.duration);if(t||e||n||i){return}if(tt().hasAttribute("disabled")){return}st("onShow",[I],false);if(I.props.onShow(I)===false){return}I.state.isVisible=true;if(Z()){K.style.visibility="visible"}ot();mt();if(!I.state.isMounted){K.style.transition="none"}if(Z()){var o=nt(),a=o.box,u=o.content;H([a,u],0)}m=function t(){var e;if(!I.state.isVisible||c){return}c=true;K.style.transition=I.props.moveTransition;if(Z()&&I.props.animation){var n=nt(),i=n.box,o=n.content;H([i,o],r);U([i,o],"visible")}ct();dt();T(ft,I);(e=I.popperInstance)==null?void 0:e.forceUpdate();st("onMount",[I]);if(I.props.animation&&Z()){gt(r,(function(){I.state.isShown=true;st("onShown",[I])}))}};Et()}function It(){var t=!I.state.isVisible;var e=I.state.isDestroyed;var n=!I.state.isEnabled;var i=h(I.props.duration,1,G.duration);if(t||e||n){return}st("onHide",[I],false);if(I.props.onHide(I)===false){return}I.state.isVisible=false;I.state.isShown=false;c=false;u=false;if(Z()){K.style.visibility="hidden"}lt();bt();ot(true);if(Z()){var r=nt(),o=r.box,a=r.content;if(I.props.animation){H([o,a],i);U([o,a],"hidden")}}ct();dt();if(I.props.animation){if(Z()){yt(i,I.unmount)}}else{I.unmount()}}function Nt(t){et().addEventListener("mousemove",C);T(ut,C);C(t)}function Kt(){if(I.state.isVisible){I.hide()}if(!I.state.isMounted){return}Wt();Ht().forEach((function(t){t._tippy.unmount()}));if(K.parentNode){K.parentNode.removeChild(K)}ft=ft.filter((function(t){return t!==I}));I.state.isMounted=false;st("onHidden",[I])}function $t(){if(I.state.isDestroyed){return}I.clearDelayTimeouts();I.unmount();Ot();delete t._tippy;I.state.isDestroyed=true;st("onDestroy",[I])}}function ct(t,e){if(e===void 0){e={}}var n=G.plugins.concat(e.plugins||[]);K();var i=Object.assign({},e,{plugins:n});var r=E(t);var o=r.reduce((function(t,e){var n=e&&st(e,i);if(n){t.push(n)}return t}),[]);return C(t)?o[0]:o}ct.defaultProps=G;ct.setDefaultProps=X;ct.currentInput=L;Object.assign({},r,{effect:function t(e){var n=e.state;var i={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(n.elements.popper.style,i.popper);n.styles=i;if(n.elements.arrow){Object.assign(n.elements.arrow.style,i.arrow)}}});ct.setDefaultProps({render:ot});const dt=":host{display:none}";const lt=dt;const vt=["WCS-BUTTON"];const pt=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.for=undefined;this.position="bottom";this.interactive=false;this.maxWidth=350;this.delay=0;this.duration=[300,250];this.trigger="mouseenter focus";this.theme="dark";this.content=undefined;this.appendTo=undefined}componentWillLoad(){this.forElement=document.getElementById(this.for);if(!this.forElement){console.error('[wcs-tooltip]: The element with the id provided in the "for" property does not exist');return}this.tippyInstance=ct(this.forElement,{appendTo:this.appendTo||(()=>document.body),theme:this.theme,allowHTML:true,content:this.getTooltipContentFromPropAndSlot(),maxWidth:this.maxWidth,placement:this.position,delay:this.delay,duration:this.duration,interactive:this.interactive,trigger:this.trigger,onShow:()=>this.onShow(),onHide:()=>this.onHide()})}onShow(){if(!this.forElement){return}if(this.forElement.tagName&&vt.indexOf(this.forElement.tagName)!==-1){if(u(this.forElement)){if(this.interactive){this.forElement.setAriaAttribute("aria-expanded","true")}}}}onHide(){if(!this.forElement){return}if(this.forElement.tagName&&vt.indexOf(this.forElement.tagName)!==-1){if(u(this.forElement)){if(this.interactive){this.forElement.setAriaAttribute("aria-expanded","false")}}}}async handleKeyDown(t){if(a(t)){if(this.tippyInstance.state.isShown){await this.hide()}}}getTooltipContentFromPropAndSlot(){if(this.content){return this.content+this.el.innerHTML}return this.el.innerHTML}updateProps(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.setProps({interactive:this.interactive,placement:this.position,maxWidth:this.maxWidth,theme:this.theme,delay:this.delay,duration:this.duration,trigger:this.trigger})}updateTippyContent(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.setProps({content:this.getTooltipContentFromPropAndSlot()})}async hide(){this.tippyInstance.hide()}async show(){this.tippyInstance.show()}async disable(){this.tippyInstance.disable()}async enable(){this.tippyInstance.enable()}disconnectedCallback(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.destroy()}render(){return n(i,{key:"430814e1eefde613ed887a70b837c5603b3d7656",role:"tooltip"},n("slot",{key:"f1915740c4c18c7c154bedd8db7bc10e7836822c",onSlotchange:t=>this.updateTippyContent()}))}get el(){return this}static get watchers(){return{interactive:["updateProps"],position:["updateProps"],maxWidth:["updateProps"],theme:["updateProps"],delay:["updateProps"],duration:["updateProps"],trigger:["updateProps"],content:["updateTippyContent"]}}static get style(){return lt}},[1,"wcs-tooltip",{for:[1],position:[513],interactive:[516],maxWidth:[8,"max-width"],delay:[2],duration:[2],trigger:[1],theme:[1],content:[1],appendTo:[1,"append-to"],hide:[64],show:[64],disable:[64],enable:[64]},[[8,"keydown","handleKeyDown"]],{interactive:["updateProps"],position:["updateProps"],maxWidth:["updateProps"],theme:["updateProps"],delay:["updateProps"],duration:["updateProps"],trigger:["updateProps"],content:["updateTippyContent"]}]);function ht(){if(typeof customElements==="undefined"){return}const t=["wcs-tooltip"];t.forEach((t=>{switch(t){case"wcs-tooltip":if(!customElements.get(t)){customElements.define(t,pt)}break}}))}const mt=pt;const bt=ht;export{mt as WcsTooltip,bt as defineCustomElement};
 //# sourceMappingURL=wcs-tooltip.js.map