@aquera/nile-elements 0.1.24 → 0.1.26

package/dist/nile-tour/nile-tour.esm.js

@@ -1,24 +0,0 @@
-import{__decorate as t}from"tslib";import{LitElement as n,html as i}from"lit";import{property as r,customElement as o}from"lit/decorators.js";import{s as e}from"./nile-tour.css.esm.js";import"../lit-element-3b4aa6c6.esm.js";
-/*!
- * Intro.js v7.2.0
- * https://introjs.com
- *
- * Copyright (C) 2012-2023 Afshin Mehrabani (@afshinmeh).
- * https://introjs.com
- *
- * Date: Mon, 14 Aug 2023 19:47:14 GMT
- */function s(t){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(t,n,i,r){return new(i||(i=Promise))((function(o,e){function s(t){try{u(r.next(t))}catch(t){e(t)}}function a(t){try{u(r.throw(t))}catch(t){e(t)}}function u(t){var n;t.done?o(t.value):(n=t.value,n instanceof i?n:new i((function(t){t(n)}))).then(s,a)}u((r=r.apply(t,n||[])).next())}))}function u(t,n){var i,r,o,e,s={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return e={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function a(a){return function(u){return function(a){if(i)throw new TypeError("Generator is already executing.");for(;e&&(e=0,a[0]&&(s=0)),s;)try{if(i=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return s.label++,{value:a[1],done:!1};case 5:s.label++,r=a[1],a=[0];continue;case 7:a=s.ops.pop(),s.trys.pop();continue;default:if(!((o=(o=s.trys).length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){s=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){s.label=a[1];break}if(6===a[0]&&s.label<o[1]){s.label=o[1],o=a;break}if(o&&s.label<o[2]){s.label=o[2],s.ops.push(a);break}o[2]&&s.ops.pop(),s.trys.pop();continue}a=n.call(t,s)}catch(t){a=[6,t],r=0}finally{i=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,u])}}}function c(t,n,i){var r,o=((r={})[t]=n,r.path="/",r.expires=void 0,r);if(i){var e=new Date;e.setTime(e.getTime()+24*i*60*60*1e3),o.expires=e.toUTCString()}var s=[];for(var a in o)s.push("".concat(a,"=").concat(o[a]));return document.cookie=s.join("; "),l(t)}function l(t){return(n={},document.cookie.split(";").forEach((function(t){var i=t.split("="),r=i[0],o=i[1];n[r.trim()]=o})),n)[t];var n}"function"==typeof SuppressedError&&SuppressedError;var d,f=(d={},function(t,n){return void 0===n&&(n="introjs-stamp"),d[n]=d[n]||0,void 0===t[n]&&(t[n]=d[n]++),t[n]}),h=new(function(){function t(){this.events_key="introjs_event"}return t.prototype._id=function(t,n,i){return t+f(n)+(i?"_".concat(f(i)):"")},t.prototype.on=function(t,n,i,r,o){var e=this._id(n,i,r),s=function(n){return i(r||t,n||window.event)};"addEventListener"in t?t.addEventListener(n,s,o):"attachEvent"in t&&t.attachEvent("on".concat(n),s),t[this.events_key]=t[this.events_key]||{},t[this.events_key][e]=s},t.prototype.off=function(t,n,i,r,o){var e=this._id(n,i,r),s=t[this.events_key]&&t[this.events_key][e];s&&("removeEventListener"in t?t.removeEventListener(n,s,o):"detachEvent"in t&&t.detachEvent("on".concat(n),s),t[this.events_key][e]=null)},t}()),v=function(t){return"function"==typeof t};function p(t,n){if(t instanceof SVGElement){var i=t.getAttribute("class")||"";i.match(n)||t.setAttribute("class","".concat(i," ").concat(n))}else if(void 0!==t.classList)for(var r=0,o=n.split(" ");r<o.length;r++){var e=o[r];t.classList.add(e)}else t.className.match(n)||(t.className+=" ".concat(n))}function w(t,n){var i="";return"currentStyle"in t?i=t.currentStyle[n]:document.defaultView&&document.defaultView.getComputedStyle&&(i=document.defaultView.getComputedStyle(t,null).getPropertyValue(n)),i&&i.toLowerCase?i.toLowerCase():i}function b(t,n){if(t){var i=function(t){var n=window.getComputedStyle(t),i="absolute"===n.position,r=/(auto|scroll)/;if("fixed"===n.position)return document.body;for(var o=t;o=o.parentElement;)if(n=window.getComputedStyle(o),(!i||"static"!==n.position)&&r.test(n.overflow+n.overflowY+n.overflowX))return o;return document.body}(n);i!==document.body&&(i.scrollTop=n.offsetTop-i.offsetTop)}}function m(){if(void 0!==window.innerWidth)return{width:window.innerWidth,height:window.innerHeight};var t=document.documentElement;return{width:t.clientWidth,height:t.clientHeight}}function j(t,n,i,r,o){var e;if("off"!==n&&t&&(e="tooltip"===n?o.getBoundingClientRect():r.getBoundingClientRect(),!function(t){var n=t.getBoundingClientRect();return n.top>=0&&n.left>=0&&n.bottom+80<=window.innerHeight&&n.right<=window.innerWidth}(r))){var s=m().height;e.bottom-(e.bottom-e.top)<0||r.clientHeight>s?window.scrollBy(0,e.top-(s/2-e.height/2)-i):window.scrollBy(0,e.top-(s/2-e.height/2)+i)}}function g(t){t.setAttribute("role","button"),t.tabIndex=0}function y(t){var n=t.parentElement;return!(!n||"HTML"===n.nodeName)&&("fixed"===w(t,"position")||y(n))}function x(t,n){var i=document.body,r=document.documentElement,o=window.pageYOffset||r.scrollTop||i.scrollTop,e=window.pageXOffset||r.scrollLeft||i.scrollLeft;n=n||i;var s=t.getBoundingClientRect(),a=n.getBoundingClientRect(),u=w(n,"position"),c={width:s.width,height:s.height};return"body"!==n.tagName.toLowerCase()&&"relative"===u||"sticky"===u?Object.assign(c,{top:s.top-a.top,left:s.left-a.left}):y(t)?Object.assign(c,{top:s.top,left:s.left}):Object.assign(c,{top:s.top+o,left:s.left+e})}function k(t,n){if(t instanceof SVGElement){var i=t.getAttribute("class")||"";t.setAttribute("class",i.replace(n,"").replace(/^\s+|\s+$/g,""))}else t.className=t.className.replace(n,"").replace(/^\s+|\s+$/g,"")}function L(t,n){var i="";if(t.style.cssText&&(i+=t.style.cssText),"string"==typeof n)i+=n;else for(var r in n)i+="".concat(r,":").concat(n[r],";");t.style.cssText=i}function E(t,n,i){if(i&&n){var r=x(n.element,t._targetElement),o=t._options.helperElementPadding;n.element instanceof Element&&y(n.element)?p(i,"introjs-fixedTooltip"):k(i,"introjs-fixedTooltip"),"floating"===n.position&&(o=0),L(i,{width:"".concat(r.width+o,"px"),height:"".concat(r.height+o,"px"),top:"".concat(r.top-o/2,"px"),left:"".concat(r.left-o/2,"px")})}}function N(t,n,i,r,o){return t.left+n+i.width>r.width?(o.style.left="".concat(r.width-i.width-t.left,"px"),!1):(o.style.left="".concat(n,"px"),!0)}function P(t,n,i,r){return t.left+t.width-n-i.width<0?(r.style.left="".concat(-t.left,"px"),!1):(r.style.right="".concat(n,"px"),!0)}function S(t,n){t.includes(n)&&t.splice(t.indexOf(n),1)}function A(t,n,i,r,o){if(void 0===o&&(o=!1),n){var e,s,a,u,c="";i.style.top="",i.style.right="",i.style.bottom="",i.style.left="",i.style.marginLeft="",i.style.marginTop="",r.style.display="inherit",c="string"==typeof n.tooltipClass?n.tooltipClass:t._options.tooltipClass,i.className=["introjs-tooltip",c].filter(Boolean).join(" "),i.setAttribute("role","dialog"),"floating"!==(u=n.position)&&t._options.autoPosition&&(u=function(t,n,i,r){var o=t.slice(),e=m(),s=x(i).height+10,a=x(i).width+20,u=n.getBoundingClientRect(),c="floating";if(u.bottom+s>e.height&&S(o,"bottom"),u.top-s<0&&S(o,"top"),u.right+a>e.width&&S(o,"right"),u.left-a<0&&S(o,"left"),r&&(r=r.split("-")[0]),o.length&&(c=o[0],o.includes(r)&&(c=r)),"top"===c||"bottom"===c){var l=void 0,d=[];"top"===c?(l="top-middle-aligned",d=["top-left-aligned","top-middle-aligned","top-right-aligned"]):(l="bottom-middle-aligned",d=["bottom-left-aligned","bottom-middle-aligned","bottom-right-aligned"]),c=function(t,n,i,r){var o=n/2,e=Math.min(i,window.screen.width);return e-t<n&&(S(r,"top-left-aligned"),S(r,"bottom-left-aligned")),(t<o||e-t<o)&&(S(r,"top-middle-aligned"),S(r,"bottom-middle-aligned")),t<n&&(S(r,"top-right-aligned"),S(r,"bottom-right-aligned")),r.length?r[0]:null}(u.left,a,e.width,d)||l}return c}(t._options.positionPrecedence,n.element,i,u)),s=x(n.element),e=x(i),a=m(),p(i,"introjs-".concat(u));var l=s.width/2-e.width/2;switch(u){case"top-right-aligned":r.className="introjs-arrow bottom-right";var d=0;P(s,d,e,i),i.style.bottom="".concat(s.height+20,"px");break;case"top-middle-aligned":r.className="introjs-arrow bottom-middle",o&&(l+=5),P(s,l,e,i)&&(i.style.right="",N(s,l,e,a,i)),i.style.bottom="".concat(s.height+20,"px");break;case"top-left-aligned":case"top":r.className="introjs-arrow bottom",N(s,o?0:15,e,a,i),i.style.bottom="".concat(s.height+20,"px");break;case"right":i.style.left="".concat(s.width+20,"px"),s.top+e.height>a.height?(r.className="introjs-arrow left-bottom",i.style.top="-".concat(e.height-s.height-20,"px")):r.className="introjs-arrow left";break;case"left":o||!0!==t._options.showStepNumbers||(i.style.top="15px"),s.top+e.height>a.height?(i.style.top="-".concat(e.height-s.height-20,"px"),r.className="introjs-arrow right-bottom"):r.className="introjs-arrow right",i.style.right="".concat(s.width+20,"px");break;case"floating":r.style.display="none",i.style.left="50%",i.style.top="50%",i.style.marginLeft="-".concat(e.width/2,"px"),i.style.marginTop="-".concat(e.height/2,"px");break;case"bottom-right-aligned":r.className="introjs-arrow top-right",P(s,d=0,e,i),i.style.top="".concat(s.height+20,"px");break;case"bottom-middle-aligned":r.className="introjs-arrow top-middle",o&&(l+=5),P(s,l,e,i)&&(i.style.right="",N(s,l,e,a,i)),i.style.top="".concat(s.height+20,"px");break;default:r.className="introjs-arrow top",N(s,0,e,a,i),i.style.top="".concat(s.height+20,"px")}}}function I(){for(var t=0,n=Array.from(document.querySelectorAll(".introjs-showElement"));t<n.length;t++)k(n[t],/introjs-[a-zA-Z]+/g)}function C(t,n){var i=document.createElement(t);n=n||{};var r=/^(?:role|data-|aria-)/;for(var o in n){var e=n[o];"style"===o&&"function"!=typeof e?L(i,e):"string"==typeof e&&o.match(r)?i.setAttribute(o,e):i[o]=e}return i}function B(t,n,i){if(void 0===i&&(i=!1),i){var r=n.style.opacity||"1";L(n,{opacity:"0"}),window.setTimeout((function(){L(n,{opacity:r})}),10)}t.appendChild(n)}function O(t,n){return(t+1)/n*100}function T(t,n){var i=C("div",{className:"introjs-bullets"});!1===t._options.showBullets&&(i.style.display="none");var r=C("ul");r.setAttribute("role","tablist");for(var o=function(){var n=this.getAttribute("data-step-number");null!=n&&t.goToStep(parseInt(n,10))},e=0;e<t._introItems.length;e++){var s=t._introItems[e].step,a=C("li"),u=C("a");a.setAttribute("role","presentation"),u.setAttribute("role","tab"),u.onclick=o,e===n.step-1&&(u.className="active"),g(u),u.innerHTML="&nbsp;",u.setAttribute("data-step-number",s.toString()),a.appendChild(u),r.appendChild(a)}return i.appendChild(r),i}function R(t,n,i){var r=t.querySelector(".introjs-progress .introjs-progressbar");if(r){var o=O(n,i);r.style.cssText="width:".concat(o,"%;"),r.setAttribute("aria-valuenow",o.toString())}}function $(t,n){return a(this,void 0,void 0,(function(){var i,r,o,e,s,c,l,d,f,h,m,y,x,k,N,P,S,$,z,D,M,J,V,Z,_=this;return u(this,(function(H){switch(H.label){case 0:return v(t._introChangeCallback)?[4,t._introChangeCallback.call(t,n.element)]:[3,2];case 1:H.sent(),H.label=2;case 2:return i=document.querySelector(".introjs-helperLayer"),r=document.querySelector(".introjs-tooltipReferenceLayer"),o="introjs-helperLayer","string"==typeof n.highlightClass&&(o+=" ".concat(n.highlightClass)),"string"==typeof t._options.highlightClass&&(o+=" ".concat(t._options.highlightClass)),null!==i&&null!==r?(l=r.querySelector(".introjs-helperNumberLayer"),d=r.querySelector(".introjs-tooltiptext"),f=r.querySelector(".introjs-tooltip-title"),h=r.querySelector(".introjs-arrow"),m=r.querySelector(".introjs-tooltip"),c=r.querySelector(".introjs-skipbutton"),s=r.querySelector(".introjs-prevbutton"),e=r.querySelector(".introjs-nextbutton"),i.className=o,m.style.opacity="0",m.style.display="none",b(t._options.scrollToElement,n.element),E(t,n,i),E(t,n,r),I(),t._lastShowElementTimer&&window.clearTimeout(t._lastShowElementTimer),t._lastShowElementTimer=window.setTimeout((function(){null!==l&&(l.innerHTML="".concat(n.step," ").concat(t._options.stepNumbersOfLabel," ").concat(t._introItems.length)),d.innerHTML=n.intro||"",f.innerHTML=n.title||"",m.style.display="block",A(t,n,m,h),function(t,n,i){if(t){var r=n.querySelector(".introjs-bullets li > a.active"),o=n.querySelector('.introjs-bullets li > a[data-step-number="'.concat(i.step,'"]'));r&&o&&(r.className="",o.className="active")}}(t._options.showBullets,r,n),R(r,t._currentStep,t._introItems.length),m.style.opacity="1",(null!=e&&/introjs-donebutton/gi.test(e.className)||null!=e)&&e.focus(),j(t._options.scrollToElement,n.scrollTo,t._options.scrollPadding,n.element,d)}),350)):(y=C("div",{className:o}),x=C("div",{className:"introjs-tooltipReferenceLayer"}),k=C("div",{className:"introjs-arrow"}),N=C("div",{className:"introjs-tooltip"}),P=C("div",{className:"introjs-tooltiptext"}),S=C("div",{className:"introjs-tooltip-header"}),$=C("h1",{className:"introjs-tooltip-title"}),z=C("div"),L(y,{"box-shadow":"0 0 1px 2px rgba(33, 33, 33, 0.8), rgba(33, 33, 33, ".concat(t._options.overlayOpacity.toString(),") 0 0 0 5000px")}),b(t._options.scrollToElement,n.element),E(t,n,y),E(t,n,x),B(t._targetElement,y,!0),B(t._targetElement,x),P.innerHTML=n.intro,$.innerHTML=n.title,z.className="introjs-tooltipbuttons",!1===t._options.showButtons&&(z.style.display="none"),S.appendChild($),N.appendChild(S),N.appendChild(P),t._options.dontShowAgain&&(D=C("div",{className:"introjs-dontShowAgain"}),(M=C("input",{type:"checkbox",id:"introjs-dontShowAgain",name:"introjs-dontShowAgain"})).onchange=function(n){t.setDontShowAgain(n.target.checked)},(J=C("label",{htmlFor:"introjs-dontShowAgain"})).innerText=t._options.dontShowAgainLabel,D.appendChild(M),D.appendChild(J),N.appendChild(D)),N.appendChild(T(t,n)),N.appendChild(function(t){var n=C("div");n.className="introjs-progress",!1===t._options.showProgress&&(n.style.display="none");var i=C("div",{className:"introjs-progressbar"});t._options.progressBarAdditionalClass&&(i.className+=" "+t._options.progressBarAdditionalClass);var r=O(t._currentStep,t._introItems.length);return i.setAttribute("role","progress"),i.setAttribute("aria-valuemin","0"),i.setAttribute("aria-valuemax","100"),i.setAttribute("aria-valuenow",r.toString()),i.style.cssText="width:".concat(r,"%;"),n.appendChild(i),n}(t)),V=C("div"),!0===t._options.showStepNumbers&&(V.className="introjs-helperNumberLayer",V.innerHTML="".concat(n.step," ").concat(t._options.stepNumbersOfLabel," ").concat(t._introItems.length),N.appendChild(V)),N.appendChild(k),x.appendChild(N),(e=C("a")).onclick=function(){return a(_,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return t._introItems.length-1===t._currentStep?[3,2]:[4,F(t)];case 1:return n.sent(),[3,6];case 2:return/introjs-donebutton/gi.test(e.className)?v(t._introCompleteCallback)?[4,t._introCompleteCallback.call(t,t._currentStep,"done")]:[3,4]:[3,6];case 3:n.sent(),n.label=4;case 4:return[4,et(t,t._targetElement)];case 5:n.sent(),n.label=6;case 6:return[2]}}))}))},g(e),e.innerHTML=t._options.nextLabel,(s=C("a")).onclick=function(){return a(_,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return t._currentStep>0?[4,G(t)]:[3,2];case 1:n.sent(),n.label=2;case 2:return[2]}}))}))},g(s),s.innerHTML=t._options.prevLabel,g(c=C("a",{className:"introjs-skipbutton"})),c.innerHTML=t._options.skipLabel,c.onclick=function(){return a(_,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return t._introItems.length-1===t._currentStep&&v(t._introCompleteCallback)?[4,t._introCompleteCallback.call(t,t._currentStep,"skip")]:[3,2];case 1:n.sent(),n.label=2;case 2:return v(t._introSkipCallback)?[4,t._introSkipCallback.call(t,t._currentStep)]:[3,4];case 3:n.sent(),n.label=4;case 4:return[4,et(t,t._targetElement)];case 5:return n.sent(),[2]}}))}))},S.appendChild(c),t._introItems.length>1&&z.appendChild(s),z.appendChild(e),N.appendChild(z),A(t,n,N,k),j(t._options.scrollToElement,n.scrollTo,t._options.scrollPadding,n.element,N)),(Z=t._targetElement.querySelector(".introjs-disableInteraction"))&&Z.parentNode&&Z.parentNode.removeChild(Z),n.disableInteraction&&function(t,n){var i=document.querySelector(".introjs-disableInteraction");null===i&&(i=C("div",{className:"introjs-disableInteraction"}),t._targetElement.appendChild(i)),E(t,n,i)}(t,n),0===t._currentStep&&t._introItems.length>1?(null!=e&&(e.className="".concat(t._options.buttonClass," introjs-nextbutton"),e.innerHTML=t._options.nextLabel),!0===t._options.hidePrev?(null!=s&&(s.className="".concat(t._options.buttonClass," introjs-prevbutton introjs-hidden")),null!=e&&p(e,"introjs-fullbutton")):null!=s&&(s.className="".concat(t._options.buttonClass," introjs-prevbutton introjs-disabled"))):t._introItems.length-1===t._currentStep||1===t._introItems.length?(null!=s&&(s.className="".concat(t._options.buttonClass," introjs-prevbutton")),!0===t._options.hideNext?(null!=e&&(e.className="".concat(t._options.buttonClass," introjs-nextbutton introjs-hidden")),null!=s&&p(s,"introjs-fullbutton")):null!=e&&(!0===t._options.nextToDone?(e.innerHTML=t._options.doneLabel,p(e,"".concat(t._options.buttonClass," introjs-nextbutton introjs-donebutton"))):e.className="".concat(t._options.buttonClass," introjs-nextbutton introjs-disabled"))):(null!=s&&(s.className="".concat(t._options.buttonClass," introjs-prevbutton")),null!=e&&(e.className="".concat(t._options.buttonClass," introjs-nextbutton"),e.innerHTML=t._options.nextLabel)),null!=s&&s.setAttribute("role","button"),null!=e&&e.setAttribute("role","button"),null!=c&&c.setAttribute("role","button"),null!=e&&e.focus(),function(t){p(t,"introjs-showElement");var n=w(t,"position");"absolute"!==n&&"relative"!==n&&"sticky"!==n&&"fixed"!==n&&p(t,"introjs-relativePosition")}(n.element),v(t._introAfterChangeCallback)?[4,t._introAfterChangeCallback.call(t,n.element)]:[3,4];case 3:H.sent(),H.label=4;case 4:return[2]}}))}))}function z(t,n){return a(this,void 0,void 0,(function(){return u(this,(function(i){switch(i.label){case 0:return t._currentStep=n-2,void 0===t._introItems?[3,2]:[4,F(t)];case 1:i.sent(),i.label=2;case 2:return[2]}}))}))}function D(t,n){return a(this,void 0,void 0,(function(){return u(this,(function(i){switch(i.label){case 0:return t._currentStepNumber=n,void 0===t._introItems?[3,2]:[4,F(t)];case 1:i.sent(),i.label=2;case 2:return[2]}}))}))}function F(t){return a(this,void 0,void 0,(function(){var n,i,r;return u(this,(function(o){switch(o.label){case 0:if(t._direction="forward",void 0!==t._currentStepNumber)for(n=0;n<t._introItems.length;n++)t._introItems[n].step===t._currentStepNumber&&(t._currentStep=n-1,t._currentStepNumber=void 0);return-1===t._currentStep?t._currentStep=0:++t._currentStep,i=t._introItems[t._currentStep],r=!0,v(t._introBeforeChangeCallback)?[4,t._introBeforeChangeCallback.call(t,i&&i.element,t._currentStep,t._direction)]:[3,2];case 1:r=o.sent(),o.label=2;case 2:return!1===r?(--t._currentStep,[2,!1]):t._introItems.length<=t._currentStep?v(t._introCompleteCallback)?[4,t._introCompleteCallback.call(t,t._currentStep,"end")]:[3,4]:[3,6];case 3:o.sent(),o.label=4;case 4:return[4,et(t,t._targetElement)];case 5:return o.sent(),[2,!1];case 6:return[4,$(t,i)];case 7:return o.sent(),[2,!0]}}))}))}function G(t){return a(this,void 0,void 0,(function(){var n,i;return u(this,(function(r){switch(r.label){case 0:return t._direction="backward",t._currentStep<=0?[2,!1]:(--t._currentStep,n=t._introItems[t._currentStep],i=!0,v(t._introBeforeChangeCallback)?[4,t._introBeforeChangeCallback.call(t,n&&n.element,t._currentStep,t._direction)]:[3,2]);case 1:i=r.sent(),r.label=2;case 2:return!1===i?(++t._currentStep,[2,!1]):[4,$(t,n)];case 3:return r.sent(),[2,!0]}}))}))}function M(t,n){return a(this,void 0,void 0,(function(){var i,r;return u(this,(function(o){switch(o.label){case 0:return null===(i=void 0===n.code?n.which:n.code)&&(i=null===n.charCode?n.keyCode:n.charCode),"Escape"!==i&&27!==i||!0!==t._options.exitOnEsc?[3,2]:[4,et(t,t._targetElement)];case 1:return o.sent(),[3,16];case 2:return"ArrowLeft"!==i&&37!==i?[3,4]:[4,G(t)];case 3:return o.sent(),[3,16];case 4:return"ArrowRight"!==i&&39!==i?[3,6]:[4,F(t)];case 5:return o.sent(),[3,16];case 6:return"Enter"!==i&&"NumpadEnter"!==i&&13!==i?[3,16]:(r=n.target||n.srcElement)&&r.className.match("introjs-prevbutton")?[4,G(t)]:[3,8];case 7:return o.sent(),[3,15];case 8:return r&&r.className.match("introjs-skipbutton")?t._introItems.length-1===t._currentStep&&v(t._introCompleteCallback)?[4,t._introCompleteCallback.call(t,t._currentStep,"skip")]:[3,10]:[3,12];case 9:o.sent(),o.label=10;case 10:return[4,et(t,t._targetElement)];case 11:return o.sent(),[3,15];case 12:return r&&r.getAttribute("data-step-number")?(r.click(),[3,15]):[3,13];case 13:return[4,F(t)];case 14:o.sent(),o.label=15;case 15:n.preventDefault?n.preventDefault():n.returnValue=!1,o.label=16;case 16:return[2]}}))}))}function J(t){if(null===t||"object"!==s(t)||"nodeType"in t)return t;var n={};for(var i in t)"jQuery"in window&&t[i]instanceof window.jQuery?n[i]=t[i]:n[i]=J(t[i]);return n}function V(t){var n=document.querySelector(".introjs-hints");return n?Array.from(n.querySelectorAll(t)):[]}function Z(t,n){return a(this,void 0,void 0,(function(){var i;return u(this,(function(r){switch(r.label){case 0:return i=V('.introjs-hint[data-step="'.concat(n,'"]'))[0],X(),i&&p(i,"introjs-hidehint"),v(t._hintCloseCallback)?[4,t._hintCloseCallback.call(t,n)]:[3,2];case 1:r.sent(),r.label=2;case 2:return[2]}}))}))}function _(t){return a(this,void 0,void 0,(function(){var n,i,r,o,e;return u(this,(function(s){switch(s.label){case 0:n=V(".introjs-hint"),i=0,r=n,s.label=1;case 1:return i<r.length?(o=r[i],(e=o.getAttribute("data-step"))?[4,Z(t,parseInt(e,10))]:[3,3]):[3,4];case 2:s.sent(),s.label=3;case 3:return i++,[3,1];case 4:return[2]}}))}))}function H(t){return a(this,void 0,void 0,(function(){var n,i,r,o,e;return u(this,(function(s){switch(s.label){case 0:if(!(n=V(".introjs-hint"))||!n.length)return[3,1];for(i=0,r=n;i<r.length;i++)o=r[i],(e=o.getAttribute("data-step"))&&Q(parseInt(e,10));return[3,3];case 1:return[4,Y(t,t._targetElement)];case 2:s.sent(),s.label=3;case 3:return[2]}}))}))}function Q(t){var n=V('.introjs-hint[data-step="'.concat(t,'"]'))[0];n&&k(n,/introjs-hidehint/g)}function W(t){var n=V('.introjs-hint[data-step="'.concat(t,'"]'))[0];n&&n.parentNode&&n.parentNode.removeChild(n)}function q(t){return a(this,void 0,void 0,(function(){var n,i,r,o,e,s,a;return u(this,(function(u){switch(u.label){case 0:for(null===(n=document.querySelector(".introjs-hints"))&&(n=C("div",{className:"introjs-hints"})),i=function(n){return function(i){var r=i||window.event;r&&r.stopPropagation&&r.stopPropagation(),r&&null!==r.cancelBubble&&(r.cancelBubble=!0),U(t,n)}},r=0;r<t._hintItems.length;r++){if(o=t._hintItems[r],document.querySelector('.introjs-hint[data-step="'.concat(r,'"]')))return[2];g(e=C("a",{className:"introjs-hint"})),e.onclick=i(r),o.hintAnimation||p(e,"introjs-hint-no-anim"),y(o.element)&&p(e,"introjs-fixedhint"),s=C("div",{className:"introjs-hint-dot"}),a=C("div",{className:"introjs-hint-pulse"}),e.appendChild(s),e.appendChild(a),e.setAttribute("data-step",r.toString()),o.hintTargetElement=o.element,o.element=e,K(o.hintPosition,e,o.hintTargetElement),n.appendChild(e)}return document.body.appendChild(n),v(t._hintsAddedCallback)?[4,t._hintsAddedCallback.call(t)]:[3,2];case 1:u.sent(),u.label=2;case 2:return t._options.hintAutoRefreshInterval>=0&&(t._hintsAutoRefreshFunction=(c=function(){return tt(t)},l=t._options.hintAutoRefreshInterval,function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];window.clearTimeout(d),d=window.setTimeout((function(){c()}),l)}),h.on(window,"scroll",t._hintsAutoRefreshFunction,t,!0)),[2]}var c,l,d}))}))}function K(t,n,i){if(void 0!==i){var r=x(i),o=20,e=20;switch(t){default:case"top-left":n.style.left="".concat(r.left,"px"),n.style.top="".concat(r.top,"px");break;case"top-right":n.style.left="".concat(r.left+r.width-o,"px"),n.style.top="".concat(r.top,"px");break;case"bottom-left":n.style.left="".concat(r.left,"px"),n.style.top="".concat(r.top+r.height-e,"px");break;case"bottom-right":n.style.left="".concat(r.left+r.width-o,"px"),n.style.top="".concat(r.top+r.height-e,"px");break;case"middle-left":n.style.left="".concat(r.left,"px"),n.style.top="".concat(r.top+(r.height-e)/2,"px");break;case"middle-right":n.style.left="".concat(r.left+r.width-o,"px"),n.style.top="".concat(r.top+(r.height-e)/2,"px");break;case"middle-middle":n.style.left="".concat(r.left+(r.width-o)/2,"px"),n.style.top="".concat(r.top+(r.height-e)/2,"px");break;case"bottom-middle":n.style.left="".concat(r.left+(r.width-o)/2,"px"),n.style.top="".concat(r.top+r.height-e,"px");break;case"top-middle":n.style.left="".concat(r.left+(r.width-o)/2,"px"),n.style.top="".concat(r.top,"px")}}}function U(t,n){return a(this,void 0,void 0,(function(){var i,r,o,e,s,a,c,l,d,f,h;return u(this,(function(u){switch(u.label){case 0:return i=document.querySelector('.introjs-hint[data-step="'.concat(n,'"]')),r=t._hintItems[n],v(t._hintClickCallback)?[4,t._hintClickCallback.call(t,i,r,n)]:[3,2];case 1:u.sent(),u.label=2;case 2:return void 0!==(o=X())&&parseInt(o,10)===n||(e=C("div",{className:"introjs-tooltip"}),s=C("div"),a=C("div"),c=C("div"),e.onclick=function(t){t.stopPropagation?t.stopPropagation():t.cancelBubble=!0},s.className="introjs-tooltiptext",(l=C("p")).innerHTML=r.hint||"",s.appendChild(l),t._options.hintShowButton&&((d=C("a")).className=t._options.buttonClass,d.setAttribute("role","button"),d.innerHTML=t._options.hintButtonLabel,d.onclick=function(){return Z(t,n)},s.appendChild(d)),a.className="introjs-arrow",e.appendChild(a),e.appendChild(s),f=i.getAttribute("data-step")||"",t._currentStep=parseInt(f,10),h=t._hintItems[t._currentStep],c.className="introjs-tooltipReferenceLayer introjs-hintReference",c.setAttribute("data-step",f),E(t,h,c),c.appendChild(e),document.body.appendChild(c),A(t,h,e,a,!0)),[2]}}))}))}function X(){var t=document.querySelector(".introjs-hintReference");if(t&&t.parentNode){var n=t.getAttribute("data-step");if(!n)return;return t.parentNode.removeChild(t),n}}function Y(t,n){return a(this,void 0,void 0,(function(){var i,r,o,e,s,a,c,l,d,f;return u(this,(function(u){switch(u.label){case 0:if(t._hintItems=[],t._options.hints&&t._options.hints.length>0)for(i=0,r=t._options.hints;i<r.length;i++)o=r[i],"string"==typeof(e=J(o)).element&&(e.element=document.querySelector(e.element)),e.hintPosition=e.hintPosition||t._options.hintPosition,e.hintAnimation=e.hintAnimation||t._options.hintAnimation,null!==e.element&&t._hintItems.push(e);else{if(!(s=Array.from(n.querySelectorAll("*[data-hint]")))||!s.length)return[2,!1];for(a=0,c=s;a<c.length;a++)l=c[a],d=l.getAttribute("data-hint-animation"),f=t._options.hintAnimation,d&&(f="true"===d),t._hintItems.push({element:l,hint:l.getAttribute("data-hint")||"",hintPosition:l.getAttribute("data-hint-position")||t._options.hintPosition,hintAnimation:f,tooltipClass:l.getAttribute("data-tooltip-class")||void 0,position:l.getAttribute("data-position")||t._options.tooltipPosition})}return[4,q(t)];case 1:return u.sent(),h.on(document,"click",X,t,!1),h.on(window,"resize",tt,t,!0),[2,!0]}}))}))}function tt(t){for(var n=0,i=t._hintItems;n<i.length;n++){var r=i[n],o=r.hintTargetElement;K(r.hintPosition,r.element,o)}}function nt(t,n){var i=Array.from(n.querySelectorAll("*[data-intro]")),r=[];if(t._options.steps&&t._options.steps.length)for(var o=0,e=t._options.steps;o<e.length;o++){var s=J(f=e[o]);if(s.step=r.length+1,s.title=s.title||"","string"==typeof s.element&&(s.element=document.querySelector(s.element)||void 0),void 0===s.element||null===s.element){var a=document.querySelector(".introjsFloatingElement");null===a&&(a=C("div",{className:"introjsFloatingElement"}),document.body.appendChild(a)),s.element=a,s.position="floating"}s.position=s.position||t._options.tooltipPosition,s.scrollTo=s.scrollTo||t._options.scrollTo,void 0===s.disableInteraction&&(s.disableInteraction=t._options.disableInteraction),null!==s.element&&r.push(s)}else{var u=void 0;if(i.length<1)return[];for(var c=0,l=i;c<l.length;c++){var d=l[c];if((!t._options.group||d.getAttribute("data-intro-group")===t._options.group)&&"none"!==d.style.display){var f=parseInt(d.getAttribute("data-step")||"",10);u=t._options.disableInteraction,d.hasAttribute("data-disable-interaction")&&(u=!!d.getAttribute("data-disable-interaction")),f>0&&(r[f-1]={step:f,element:d,title:d.getAttribute("data-title")||"",intro:d.getAttribute("data-intro")||"",tooltipClass:d.getAttribute("data-tooltip-class")||void 0,highlightClass:d.getAttribute("data-highlight-class")||void 0,position:d.getAttribute("data-position")||t._options.tooltipPosition,scrollTo:d.getAttribute("data-scroll-to")||t._options.scrollTo,disableInteraction:u})}}for(var h=0,v=0,p=i;v<p.length;v++)if(d=p[v],(!t._options.group||d.getAttribute("data-intro-group")===t._options.group)&&null===d.getAttribute("data-step")){for(;void 0!==r[h];)h++;u=d.hasAttribute("data-disable-interaction")?!!d.getAttribute("data-disable-interaction"):t._options.disableInteraction,r[h]={element:d,title:d.getAttribute("data-title")||"",intro:d.getAttribute("data-intro")||"",step:h+1,tooltipClass:d.getAttribute("data-tooltip-class")||void 0,highlightClass:d.getAttribute("data-highlight-class")||void 0,position:d.getAttribute("data-position")||t._options.tooltipPosition,scrollTo:d.getAttribute("data-scroll-to")||t._options.scrollTo,disableInteraction:u}}}for(var w=[],b=0;b<r.length;b++)r[b]&&w.push(r[b]);return(r=w).sort((function(t,n){return t.step-n.step})),r}function it(t,n){var i=t._currentStep;if(null!=i&&-1!=i){var r=t._introItems[i],o=document.querySelector(".introjs-tooltipReferenceLayer"),e=document.querySelector(".introjs-helperLayer"),s=document.querySelector(".introjs-disableInteraction");E(t,r,e),E(t,r,o),E(t,r,s),n&&(t._introItems=nt(t,t._targetElement),function(t,n){if(t._options.showBullets){var i=document.querySelector(".introjs-bullets");i&&i.parentNode&&i.parentNode.replaceChild(T(t,n),i)}}(t,r),R(o,i,t._introItems.length));var a=document.querySelector(".introjs-arrow"),u=document.querySelector(".introjs-tooltip");return u&&a&&A(t,t._introItems[i],u,a),tt(t),t}}function rt(t){it(t)}function ot(t,n){if(void 0===n&&(n=!1),t&&t.parentElement){var i=t.parentElement;n?(L(t,{opacity:"0"}),window.setTimeout((function(){try{i.removeChild(t)}catch(t){}}),500)):i.removeChild(t)}}function et(t,n,i){return void 0===i&&(i=!1),a(this,void 0,void 0,(function(){var r,o,e,s;return u(this,(function(a){switch(a.label){case 0:return r=!0,void 0===t._introBeforeExitCallback?[3,2]:[4,t._introBeforeExitCallback.call(t,n)];case 1:r=a.sent(),a.label=2;case 2:if(!i&&!1===r)return[2];if((o=Array.from(n.querySelectorAll(".introjs-overlay")))&&o.length)for(e=0,s=o;e<s.length;e++)ot(s[e]);return ot(n.querySelector(".introjs-helperLayer"),!0),ot(n.querySelector(".introjs-tooltipReferenceLayer")),ot(n.querySelector(".introjs-disableInteraction")),ot(document.querySelector(".introjsFloatingElement")),I(),h.off(window,"keydown",M,t,!0),h.off(window,"resize",rt,t,!0),v(t._introExitCallback)?[4,t._introExitCallback.call(t)]:[3,4];case 3:a.sent(),a.label=4;case 4:return t._currentStep=-1,[2]}}))}))}function st(t,n){return a(this,void 0,void 0,(function(){var i;return u(this,(function(r){switch(r.label){case 0:return t.isActive()?v(t._introStartCallback)?[4,t._introStartCallback.call(t,n)]:[3,2]:[2,!1];case 1:r.sent(),r.label=2;case 2:return 0===(i=nt(t,n)).length?[2,!1]:(t._introItems=i,function(t,n){var i=this,r=C("div",{className:"introjs-overlay"});L(r,{top:0,bottom:0,left:0,right:0,position:"fixed"}),n.appendChild(r),!0===t._options.exitOnOverlayClick&&(L(r,{cursor:"pointer"}),r.onclick=function(){return a(i,void 0,void 0,(function(){return u(this,(function(i){switch(i.label){case 0:return[4,et(t,n)];case 1:return i.sent(),[2]}}))}))})}(t,n),[4,F(t)]);case 3:r.sent(),n.addEventListener,t._options.keyboardNavigation&&h.on(window,"keydown",M,t,!0),h.on(window,"resize",rt,t,!0),r.label=4;case 4:return[2,!1]}}))}))}function at(t,n,i){return t[n]=i,t}var ut=function(){function t(t){this._currentStep=-1,this._introItems=[],this._hintItems=[],this._targetElement=t,this._options={steps:[],hints:[],isActive:!0,nextLabel:"Next",prevLabel:"Back",skipLabel:"×",doneLabel:"Done",hidePrev:!1,hideNext:!1,nextToDone:!0,tooltipPosition:"bottom",tooltipClass:"",group:"",highlightClass:"",exitOnEsc:!0,exitOnOverlayClick:!0,showStepNumbers:!1,stepNumbersOfLabel:"of",keyboardNavigation:!0,showButtons:!0,showBullets:!0,showProgress:!1,scrollToElement:!0,scrollTo:"element",scrollPadding:30,overlayOpacity:.5,autoPosition:!0,positionPrecedence:["bottom","top","right","left"],disableInteraction:!1,dontShowAgain:!1,dontShowAgainLabel:"Don't show this again",dontShowAgainCookie:"introjs-dontShowAgain",dontShowAgainCookieDays:365,helperElementPadding:10,hintPosition:"top-middle",hintButtonLabel:"Got it",hintShowButton:!0,hintAutoRefreshInterval:10,hintAnimation:!0,buttonClass:"introjs-button",progressBarAdditionalClass:!1}}return t.prototype.isActive=function(){return(!this._options.dontShowAgain||""===(t=l(this._options.dontShowAgainCookie))||"true"!==t)&&this._options.isActive;var t},t.prototype.clone=function(){return new t(this._targetElement)},t.prototype.setOption=function(t,n){return this._options=at(this._options,t,n),this},t.prototype.setOptions=function(t){return this._options=function(t,n){for(var i=0,r=Object.entries(n);i<r.length;i++){var o=r[i];t=at(t,o[0],o[1])}return t}(this._options,t),this},t.prototype.start=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,st(this,this._targetElement)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.goToStep=function(t){return a(this,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return[4,z(this,t)];case 1:return n.sent(),[2,this]}}))}))},t.prototype.addStep=function(t){return this._options.steps||(this._options.steps=[]),this._options.steps.push(t),this},t.prototype.addSteps=function(t){if(!t.length)return this;for(var n=0;n<t.length;n++)this.addStep(t[n]);return this},t.prototype.goToStepNumber=function(t){return a(this,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return[4,D(this,t)];case 1:return n.sent(),[2,this]}}))}))},t.prototype.nextStep=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,F(this)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.previousStep=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,G(this)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.currentStep=function(){return this._currentStep},t.prototype.exit=function(t){return a(this,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return[4,et(this,this._targetElement,t)];case 1:return n.sent(),[2,this]}}))}))},t.prototype.refresh=function(t){return it(this,t),this},t.prototype.setDontShowAgain=function(t){return function(t,n){n?c(t._options.dontShowAgainCookie,"true",t._options.dontShowAgainCookieDays):c(t._options.dontShowAgainCookie,"",-1)}(this,t),this},t.prototype.onbeforechange=function(t){if(!v(t))throw new Error("Provided callback for onbeforechange was not a function");return this._introBeforeChangeCallback=t,this},t.prototype.onchange=function(t){if(!v(t))throw new Error("Provided callback for onchange was not a function.");return this._introChangeCallback=t,this},t.prototype.onafterchange=function(t){if(!v(t))throw new Error("Provided callback for onafterchange was not a function");return this._introAfterChangeCallback=t,this},t.prototype.oncomplete=function(t){if(!v(t))throw new Error("Provided callback for oncomplete was not a function.");return this._introCompleteCallback=t,this},t.prototype.onhintsadded=function(t){if(!v(t))throw new Error("Provided callback for onhintsadded was not a function.");return this._hintsAddedCallback=t,this},t.prototype.onhintclick=function(t){if(!v(t))throw new Error("Provided callback for onhintclick was not a function.");return this._hintClickCallback=t,this},t.prototype.onhintclose=function(t){if(!v(t))throw new Error("Provided callback for onhintclose was not a function.");return this._hintCloseCallback=t,this},t.prototype.onstart=function(t){if(!v(t))throw new Error("Provided callback for onstart was not a function.");return this._introStartCallback=t,this},t.prototype.onexit=function(t){if(!v(t))throw new Error("Provided callback for onexit was not a function.");return this._introExitCallback=t,this},t.prototype.onskip=function(t){if(!v(t))throw new Error("Provided callback for onskip was not a function.");return this._introSkipCallback=t,this},t.prototype.onbeforeexit=function(t){if(!v(t))throw new Error("Provided callback for onbeforeexit was not a function.");return this._introBeforeExitCallback=t,this},t.prototype.addHints=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,Y(this,this._targetElement)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.hideHint=function(t){return a(this,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return[4,Z(this,t)];case 1:return n.sent(),[2,this]}}))}))},t.prototype.hideHints=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,_(this)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.showHint=function(t){return Q(t),this},t.prototype.showHints=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,H(this)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.removeHints=function(){return function(t){for(var n=0,i=V(".introjs-hint");n<i.length;n++){var r=i[n].getAttribute("data-step");r&&W(parseInt(r,10))}h.off(document,"click",X,t,!1),h.off(window,"resize",tt,t,!0),t._hintsAutoRefreshFunction&&h.off(window,"scroll",t._hintsAutoRefreshFunction,t,!0)}(this),this},t.prototype.removeHint=function(t){return W(t),this},t.prototype.showHintDialog=function(t){return a(this,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return[4,U(this,t)];case 1:return n.sent(),[2,this]}}))}))},t}(),ct=function t(n){var i;if("object"===s(n))i=new ut(n);else if("string"==typeof n){var r=document.querySelector(n);if(!r)throw new Error("There is no element with given selector.");i=new ut(r)}else i=new ut(document.body);return t.instances[f(i,"introjs-instance")]=i,i};ct.version="7.2.0",ct.instances={};let lt=class extends n{static get styles(){return[e]}createRenderRoot(){return this}constructor(){super(),this.tourInstance=null,this.stepsJson="",this.showBackdrop=!1,this.disableInteraction=!1}parseSteps(){return Array.isArray(this.stepsJson)?this.stepsJson:(console.error("Invalid stepsJson format"),[])}async getElementWhenNeeded(t){return{element:()=>document.querySelector(`[data-tour="${t.element}"]`),intro:t.content,title:t.title,position:t.position,beforeChange:t.beforeChange,afterChange:t.afterChange,disableNext:t.disableNext||!1,disablePrev:t.disablePrev||!1}}nextStep(){this.tourInstance?.nextStep()}async startTour(){const t=await Promise.all(this.parseSteps().map((t=>this.getElementWhenNeeded(t))));0!==t.length?(this.tourInstance=ct().setOptions({steps:t,disableInteraction:this.disableInteraction,nextLabel:"Next",prevLabel:"Prev",overlayOpacity:this.showBackdrop?.5:0,exitOnOverlayClick:!1,showProgress:!1,showButtons:!0}),this.tourInstance.onbeforechange((async n=>{const i=this.tourInstance?._currentStep??0,r=t[i];if(r&&"function"==typeof r.element){const t=r.element();t&&this.tourInstance&&this.tourInstance._introItems&&(this.tourInstance._introItems[i].element=t)}return!r.beforeChange||await r.beforeChange()})),this.tourInstance.onafterchange((n=>{const i=this.tourInstance?._currentStep??0,r=t[i];r?.afterChange&&r.afterChange();const o=document.querySelector(".introjs-nextbutton"),e=document.querySelector(".introjs-prevbutton");o&&o.setAttribute("disabled",r.disableNext?"true":"false"),e&&e.setAttribute("disabled",r.disablePrev?"true":"false")})),this.tourInstance.onchange((()=>{const n=this.tourInstance?._currentStep??0,i=t.length,r=document.querySelector(".introjs-tooltip");if(r){const t=r.querySelector(".introjs-tooltipbuttons");if(t){let r=t.querySelector(".introjs-step-counter");r||(r=document.createElement("div"),r.className="introjs-step-counter",t.insertBefore(r,t.firstChild)),r.textContent=`${n+1} of ${i}`}}})),this.tourInstance.start().then((()=>{const n=this.tourInstance?._currentStep??0,i=t.length,r=document.querySelector(".introjs-tooltip");if(r){const t=r.querySelector(".introjs-tooltipbuttons");if(t){let r=t.querySelector(".introjs-step-counter");r||(r=document.createElement("div"),r.className="introjs-step-counter",t.insertBefore(r,t.firstChild)),r.textContent=`${n+1} of ${i}`}const o=document.createElement("button");o.className="introjs-close-btn",o.innerHTML='\n          <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path d="M5.33228 5.99996L0 11.3322L0.667759 12L6.00004 6.66772L11.3323 12L12.0001 11.3322L6.66779 5.99996L12 0.667759L11.3322 0L6.00004 5.3322L0.667842 5.96046e-08L8.40425e-05 0.667759L5.33228 5.99996Z" fill="white" fill-opacity="0.5"/>\n          </svg>',o.onclick=()=>this.tourInstance?.exit(!0),r.appendChild(o)}})).catch((t=>{console.error("Error starting the tour:",t)}))):console.error("No valid steps found for the tour.")}render(){return i`
-      <style>
-        ${e.cssText}
-        .introjs-close-btn {
-          position: absolute;
-          top: 5px;
-          right: 10px;
-          background: none;
-          border: none;
-          cursor: pointer;
-          padding: 0;
-        }
-      </style>
-      <slot></slot>
-    `}};t([r({type:String})],lt.prototype,"stepsJson",void 0),t([r({type:Boolean})],lt.prototype,"showBackdrop",void 0),t([r({type:Boolean})],lt.prototype,"disableInteraction",void 0),lt=t([o("nile-tour")],lt);export{lt as N};

package/dist/src/nile-tour/index.d.ts

@@ -1 +0,0 @@
-export { NileTour } from './nile-tour';

package/dist/src/nile-tour/index.js

@@ -1,2 +0,0 @@
-export { NileTour } from './nile-tour';
-//# sourceMappingURL=index.js.map

package/dist/src/nile-tour/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-tour/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { NileTour } from './nile-tour';"]}

package/dist/src/nile-tour/nile-tour.css.d.ts

@@ -1,12 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/**
- * Tour CSS
- */
-export declare const styles: import("lit-element").CSSResult;
-declare const _default: import("lit-element").CSSResult[];
-export default _default;

package/dist/src/nile-tour/nile-tour.css.js

@@ -1,245 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { css } from 'lit-element';
-/**
- * Tour CSS
- */
-export const styles = css `
-  :host {
-  }
-
-  .introjs-tooltip {
-    background-color: var(--nile-tour-background-color, #1978b8);
-    color: var(--nile-tour-text-color, #fff);
-    width: 300px;
-    max-width: 300px;
-    border-radius: 12px;
-    border: 1px solid var(--Neutral-30, #1978b8);
-    background: var(--White-Normal, #1978b8);
-    /* border: 1px solid var(--Neutral-30, #C7CED4); */
-
-    /* Elevation/Lifted */
-    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);
-  }
-
-  .introjs-tooltip-title {
-    color: var(--nile-colors-white-base);
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 16px;
-    letter-spacing: 0.2px;
-  }
-
-  .introjs-tooltip-header {
-    padding-left: 18px;
-    padding-right: 18px;
-    padding-top: 18px;
-  }
-
-  .introjs-progress {
-    display: none;
-  }
-
-  .introjs-tooltiptext {
-    color: #c7ced4;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px;
-    letter-spacing: 0.2px;
-    padding: 15px 18px;
-  }
-
-  .introjs-arrow {
-    width: 15px;
-    height: 20px;
-    background-image: url('data:image/svg+xml,%3Csvg width="15" height="20" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.13333 11.6C0.0666661 10.8 0.0666662 9.2 1.13333 8.4L11.8 0.400001C13.1185 -0.588854 15 0.351909 15 2L15 18C15 19.6481 13.1185 20.5889 11.8 19.6L1.13333 11.6Z" fill="%231978B8"/%3E%3C/svg%3E');
-    background-repeat: no-repeat;
-    background-size: contain;
-    background-position: center;
-    position: absolute;
-    border: none;
-    content: none;
-  }
-
-  .introjs-arrow.top {
-    top: -14.5px;
-    transform: rotate(90deg);
-    clip-path: inset(0px 3px 0px 0px);
-  }
-
-  .introjs-arrow.bottom {
-    bottom: -14.5px;
-    transform: rotate(270deg);
-    clip-path: inset(0px 3px 0px 0px);
-  }
-
-  .introjs-arrow.left {
-    left: -11.5px;
-    transform: rotate(0);
-    clip-path: inset(0px 3px 0px 0px);
-  }
-
-  .introjs-arrow.right {
-    right: -12px;
-    transform: rotate(180deg);
-    clip-path: inset(0px 3px 0px 0px);
-  }
-
-  .introjs-arrow.left-bottom {
-    transform: rotate(0);
-    clip-path: inset(0px 1px 0px 0px);
-    left: -13.5px;
-    border-right-color: var(--nile-tour-background-color, var(--nile-colors-white-base)) !important;
-  }
-
-  .introjs-arrow.right-bottom {
-    right: -12px;
-    transform: rotate(180deg);
-    clip-path: inset(0px 3px 0px 0px);
-    border-left-color: var(--nile-tour-background-color, var(--nile-colors-white-base)) !important;
-  }
-
-  .introjs-arrow.top-middle {
-    top: -14px;
-    left: 50%;
-    margin-left: -5px;
-    transform: rotate(90deg);
-    clip-path: inset(0px 3px 0px 0px);
-  }
-
-  .introjs-button {
-    background: none;
-    border: none;
-    color: var(--nile-tour-text-color, var(--nile-colors-white-base));
-    font-size: 14px;
-    padding: 0;
-    cursor: pointer;
-    text-shadow: none;
-    background: var(--Primary-Normal, #1978b8);
-    border-color: transparent;
-    display: flex;
-    padding: 12px;
-    align-items: center;
-    gap: 12px;
-    border-radius: 4px;
-    font-weight: 500;
-  }
-
-  .introjs-button:hover {
-    background: none;
-    border: none;
-    color: var(--nile-tour-text-color, var(--nile-colors-white-base));
-    font-size: 14px;
-    padding: 0;
-    cursor: pointer;
-    text-shadow: none;
-    background: var(--Primary-Normal, #1978b8);
-    border-color: transparent;
-    display: flex;
-    padding: 12px;
-    align-items: center;
-    gap: 12px;
-  }
-
-  .introjs-button:focus {
-    background: none;
-    border: none;
-    color: var(--nile-tour-text-color, var(--nile-colors-white-base));
-    font-size: 14px;
-    padding: 0;
-    cursor: pointer;
-    text-shadow: none;
-    box-shadow: none;
-    background: var(--Primary-Normal, #1978b8);
-    border-color: transparent;
-    display: flex;
-    padding: 12px;
-    align-items: center;
-    gap: 12px;
-  }
-
-  .introjs-tooltipbuttons {
-    border-top: none;
-    display: flex;
-    justify-content: flex-end;
-    gap: 10px;
-  }
-
-  .introjs-helperNumberLayer {
-    display: none;
-  }
-
-  .introjs-bullets {
-    display: none;
-  }
-
-  .introjs-skipbutton {
-    display: none;
-  }
-
-  .introjs-prev-button {
-    color: #c7ced4;
-  }
-
-  .introjs-helperLayer {
-    box-shadow: rgb(33 33 33 / 0%) 0px 0px 1px 2px,
-      rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px !important;
-  }
-
-  .introjs-step-counter {
-    margin-right: auto;
-    font-size: 14px;
-    padding: 0 10px;
-    display: flex;
-    align-items: center;
-    color: var(--Color-Text-Inverted-Secondary, rgba(255, 255, 255, 0.5));
-    font-style: normal;
-    font-weight: 500;
-    line-height: 14px;
-    letter-spacing: 0.2px;
-  }
-
-  @keyframes shake {
-    0% {
-      transform: translateX(0);
-    }
-    25% {
-      transform: translateX(-5px);
-    }
-    50% {
-      transform: translateX(5px);
-    }
-    75% {
-      transform: translateX(-5px);
-    }
-    100% {
-      transform: translateX(0);
-    }
-  }
-
-  .introjs-shake {
-    animation: shake 0.5s ease infinite;
-  }
-
-  .introjs-close-btn {
-    position: absolute;
-    top: 15px;
-    right: 10px;
-    background: none;
-    border: none;
-    font-size: 16px;
-    cursor: pointer;
-  }
-
-  a[disabled='true'] {
-    display: none;
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-tour.css.js.map

package/dist/src/nile-tour/nile-tour.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-tour.css.js","sourceRoot":"","sources":["../../../src/nile-tour/nile-tour.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwOxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\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-element';\n\n/**\n * Tour CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .introjs-tooltip {\n    background-color: var(--nile-tour-background-color, #1978b8);\n    color: var(--nile-tour-text-color, #fff);\n    width: 300px;\n    max-width: 300px;\n    border-radius: 12px;\n    border: 1px solid var(--Neutral-30, #1978b8);\n    background: var(--White-Normal, #1978b8);\n    /* border: 1px solid var(--Neutral-30, #C7CED4); */\n\n    /* Elevation/Lifted */\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .introjs-tooltip-title {\n    color: var(--nile-colors-white-base);\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 16px;\n    letter-spacing: 0.2px;\n  }\n\n  .introjs-tooltip-header {\n    padding-left: 18px;\n    padding-right: 18px;\n    padding-top: 18px;\n  }\n\n  .introjs-progress {\n    display: none;\n  }\n\n  .introjs-tooltiptext {\n    color: #c7ced4;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.2px;\n    padding: 15px 18px;\n  }\n\n  .introjs-arrow {\n    width: 15px;\n    height: 20px;\n    background-image: url('data:image/svg+xml,%3Csvg width=\"15\" height=\"20\" viewBox=\"0 0 15 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M1.13333 11.6C0.0666661 10.8 0.0666662 9.2 1.13333 8.4L11.8 0.400001C13.1185 -0.588854 15 0.351909 15 2L15 18C15 19.6481 13.1185 20.5889 11.8 19.6L1.13333 11.6Z\" fill=\"%231978B8\"/%3E%3C/svg%3E');\n    background-repeat: no-repeat;\n    background-size: contain;\n    background-position: center;\n    position: absolute;\n    border: none;\n    content: none;\n  }\n\n  .introjs-arrow.top {\n    top: -14.5px;\n    transform: rotate(90deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.bottom {\n    bottom: -14.5px;\n    transform: rotate(270deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.left {\n    left: -11.5px;\n    transform: rotate(0);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.right {\n    right: -12px;\n    transform: rotate(180deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.left-bottom {\n    transform: rotate(0);\n    clip-path: inset(0px 1px 0px 0px);\n    left: -13.5px;\n    border-right-color: var(--nile-tour-background-color, var(--nile-colors-white-base)) !important;\n  }\n\n  .introjs-arrow.right-bottom {\n    right: -12px;\n    transform: rotate(180deg);\n    clip-path: inset(0px 3px 0px 0px);\n    border-left-color: var(--nile-tour-background-color, var(--nile-colors-white-base)) !important;\n  }\n\n  .introjs-arrow.top-middle {\n    top: -14px;\n    left: 50%;\n    margin-left: -5px;\n    transform: rotate(90deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-button {\n    background: none;\n    border: none;\n    color: var(--nile-tour-text-color, var(--nile-colors-white-base));\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    text-shadow: none;\n    background: var(--Primary-Normal, #1978b8);\n    border-color: transparent;\n    display: flex;\n    padding: 12px;\n    align-items: center;\n    gap: 12px;\n    border-radius: 4px;\n    font-weight: 500;\n  }\n\n  .introjs-button:hover {\n    background: none;\n    border: none;\n    color: var(--nile-tour-text-color, var(--nile-colors-white-base));\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    text-shadow: none;\n    background: var(--Primary-Normal, #1978b8);\n    border-color: transparent;\n    display: flex;\n    padding: 12px;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .introjs-button:focus {\n    background: none;\n    border: none;\n    color: var(--nile-tour-text-color, var(--nile-colors-white-base));\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    text-shadow: none;\n    box-shadow: none;\n    background: var(--Primary-Normal, #1978b8);\n    border-color: transparent;\n    display: flex;\n    padding: 12px;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .introjs-tooltipbuttons {\n    border-top: none;\n    display: flex;\n    justify-content: flex-end;\n    gap: 10px;\n  }\n\n  .introjs-helperNumberLayer {\n    display: none;\n  }\n\n  .introjs-bullets {\n    display: none;\n  }\n\n  .introjs-skipbutton {\n    display: none;\n  }\n\n  .introjs-prev-button {\n    color: #c7ced4;\n  }\n\n  .introjs-helperLayer {\n    box-shadow: rgb(33 33 33 / 0%) 0px 0px 1px 2px,\n      rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px !important;\n  }\n\n  .introjs-step-counter {\n    margin-right: auto;\n    font-size: 14px;\n    padding: 0 10px;\n    display: flex;\n    align-items: center;\n    color: var(--Color-Text-Inverted-Secondary, rgba(255, 255, 255, 0.5));\n    font-style: normal;\n    font-weight: 500;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  @keyframes shake {\n    0% {\n      transform: translateX(0);\n    }\n    25% {\n      transform: translateX(-5px);\n    }\n    50% {\n      transform: translateX(5px);\n    }\n    75% {\n      transform: translateX(-5px);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  .introjs-shake {\n    animation: shake 0.5s ease infinite;\n  }\n\n  .introjs-close-btn {\n    position: absolute;\n    top: 15px;\n    right: 10px;\n    background: none;\n    border: none;\n    font-size: 16px;\n    cursor: pointer;\n  }\n\n  a[disabled='true'] {\n    display: none;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-tour/nile-tour.d.ts

@@ -1,36 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { LitElement, CSSResultArray, TemplateResult } from 'lit';
-import introJs from 'intro.js';
-export declare class NileTour extends LitElement {
-    tourInstance: ReturnType<typeof introJs> | null;
-    /**
-     * JSON string for steps.
-     */
-    stepsJson: string;
-    /**
-     * Whether to show the backdrop overlay.
-     */
-    showBackdrop: boolean;
-    /**
-     * Whether to disable interaction during the tour.
-     */
-    disableInteraction: boolean;
-    static get styles(): CSSResultArray;
-    createRenderRoot(): this;
-    constructor();
-    private parseSteps;
-    private getElementWhenNeeded;
-    nextStep(): void;
-    startTour(): Promise<void>;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-tour': NileTour;
-    }
-}

package/dist/src/nile-tour/nile-tour.js

@@ -1,180 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import introJs from 'intro.js';
-import { styles } from './nile-tour.css';
-let NileTour = class NileTour extends LitElement {
-    static get styles() {
-        return [styles];
-    }
-    createRenderRoot() {
-        return this;
-    }
-    constructor() {
-        super();
-        this.tourInstance = null;
-        /**
-         * JSON string for steps.
-         */
-        this.stepsJson = '';
-        /**
-         * Whether to show the backdrop overlay.
-         */
-        this.showBackdrop = false;
-        /**
-         * Whether to disable interaction during the tour.
-         */
-        this.disableInteraction = false;
-    }
-    parseSteps() {
-        if (Array.isArray(this.stepsJson)) {
-            return this.stepsJson;
-        }
-        console.error('Invalid stepsJson format');
-        return [];
-    }
-    async getElementWhenNeeded(step) {
-        return {
-            element: () => document.querySelector(`[data-tour="${step.element}"]`),
-            intro: step.content,
-            title: step.title,
-            position: step.position,
-            beforeChange: step.beforeChange,
-            afterChange: step.afterChange,
-            disableNext: step.disableNext || false,
-            disablePrev: step.disablePrev || false
-        };
-    }
-    nextStep() {
-        this.tourInstance?.nextStep();
-    }
-    async startTour() {
-        const steps = await Promise.all(this.parseSteps().map(step => this.getElementWhenNeeded(step)));
-        if (steps.length === 0) {
-            console.error('No valid steps found for the tour.');
-            return;
-        }
-        this.tourInstance = introJs().setOptions({
-            steps: steps,
-            disableInteraction: this.disableInteraction,
-            nextLabel: 'Next',
-            prevLabel: 'Prev',
-            overlayOpacity: this.showBackdrop ? 0.5 : 0,
-            exitOnOverlayClick: false,
-            showProgress: false,
-            showButtons: true
-        });
-        this.tourInstance.onbeforechange(async (targetElement) => {
-            const currentStepIndex = this.tourInstance?._currentStep ?? 0;
-            const step = steps[currentStepIndex];
-            if (step && typeof step.element === 'function') {
-                const el = step.element();
-                if (el) {
-                    if (this.tourInstance && this.tourInstance._introItems) {
-                        this.tourInstance._introItems[currentStepIndex].element = el;
-                    }
-                }
-            }
-            if (step.beforeChange) {
-                return await step.beforeChange();
-            }
-            return true;
-        });
-        this.tourInstance.onafterchange((targetElement) => {
-            const currentStepIndex = this.tourInstance?._currentStep ?? 0;
-            const step = steps[currentStepIndex];
-            if (step?.afterChange) {
-                step.afterChange();
-            }
-            const nextBtn = document.querySelector('.introjs-nextbutton');
-            const prevBtn = document.querySelector('.introjs-prevbutton');
-            if (nextBtn) {
-                nextBtn.setAttribute('disabled', step.disableNext ? 'true' : 'false');
-            }
-            if (prevBtn) {
-                prevBtn.setAttribute('disabled', step.disablePrev ? 'true' : 'false');
-            }
-        });
-        this.tourInstance.onchange(() => {
-            const currentStep = this.tourInstance?._currentStep ?? 0;
-            const totalSteps = steps.length;
-            const tooltip = document.querySelector('.introjs-tooltip');
-            if (tooltip) {
-                const navBar = tooltip.querySelector('.introjs-tooltipbuttons');
-                if (navBar) {
-                    let stepCounter = navBar.querySelector('.introjs-step-counter');
-                    if (!stepCounter) {
-                        stepCounter = document.createElement('div');
-                        stepCounter.className = 'introjs-step-counter';
-                        navBar.insertBefore(stepCounter, navBar.firstChild);
-                    }
-                    stepCounter.textContent = `${currentStep + 1} of ${totalSteps}`;
-                }
-            }
-        });
-        this.tourInstance.start().then(() => {
-            const currentStep = this.tourInstance?._currentStep ?? 0;
-            const totalSteps = steps.length;
-            const tooltip = document.querySelector('.introjs-tooltip');
-            if (tooltip) {
-                const navBar = tooltip.querySelector('.introjs-tooltipbuttons');
-                if (navBar) {
-                    let stepCounter = navBar.querySelector('.introjs-step-counter');
-                    if (!stepCounter) {
-                        stepCounter = document.createElement('div');
-                        stepCounter.className = 'introjs-step-counter';
-                        navBar.insertBefore(stepCounter, navBar.firstChild);
-                    }
-                    stepCounter.textContent = `${currentStep + 1} of ${totalSteps}`;
-                }
-                const closeButton = document.createElement('button');
-                closeButton.className = 'introjs-close-btn';
-                closeButton.innerHTML = `
-          <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M5.33228 5.99996L0 11.3322L0.667759 12L6.00004 6.66772L11.3323 12L12.0001 11.3322L6.66779 5.99996L12 0.667759L11.3322 0L6.00004 5.3322L0.667842 5.96046e-08L8.40425e-05 0.667759L5.33228 5.99996Z" fill="white" fill-opacity="0.5"/>
-          </svg>`;
-                closeButton.onclick = () => this.tourInstance?.exit(true);
-                tooltip.appendChild(closeButton);
-            }
-        }).catch(err => {
-            console.error('Error starting the tour:', err);
-        });
-    }
-    render() {
-        return html `
-      <style>
-        ${styles.cssText}
-        .introjs-close-btn {
-          position: absolute;
-          top: 5px;
-          right: 10px;
-          background: none;
-          border: none;
-          cursor: pointer;
-          padding: 0;
-        }
-      </style>
-      <slot></slot>
-    `;
-    }
-};
-__decorate([
-    property({ type: String })
-], NileTour.prototype, "stepsJson", void 0);
-__decorate([
-    property({ type: Boolean })
-], NileTour.prototype, "showBackdrop", void 0);
-__decorate([
-    property({ type: Boolean })
-], NileTour.prototype, "disableInteraction", void 0);
-NileTour = __decorate([
-    customElement('nile-tour')
-], NileTour);
-export { NileTour };
-//# sourceMappingURL=nile-tour.js.map

package/dist/src/nile-tour/nile-tour.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-tour.js","sourceRoot":"","sources":["../../../src/nile-tour/nile-tour.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\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 { LitElement, html, css, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport introJs from 'intro.js';\nimport { styles } from './nile-tour.css';\n\n@customElement('nile-tour')\nexport class NileTour extends LitElement {\n  tourInstance: ReturnType<typeof introJs> | null = null;\n\n  /**\n   * JSON string for steps.\n   */\n  @property({ type: String })\n  stepsJson: string = '';\n\n  /**\n   * Whether to show the backdrop overlay.\n   */\n  @property({ type: Boolean })\n  showBackdrop: boolean = false;\n\n  /**\n   * Whether to disable interaction during the tour.\n   */\n  @property({ type: Boolean })\n  disableInteraction: boolean = false;\n  \n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  createRenderRoot() {\n    return this;\n  }\n\n  constructor() {\n    super();\n  }\n\n  private parseSteps(): any[] {\n    if (Array.isArray(this.stepsJson)) {\n      return this.stepsJson;\n    }\n    \n    console.error('Invalid stepsJson format');\n    return [];\n  }\n\n  private async getElementWhenNeeded(step: any): Promise<any> {\n    return {\n      element: () => document.querySelector(`[data-tour=\"${step.element}\"]`) as HTMLElement | null,\n      intro: step.content,\n      title: step.title,\n      position: step.position,\n      beforeChange: step.beforeChange,\n      afterChange: step.afterChange,\n      disableNext: step.disableNext || false,\n      disablePrev: step.disablePrev || false\n    };\n  }\n\n  public nextStep() {\n    this.tourInstance?.nextStep();\n  }\n  \n  public async startTour(): Promise<void> {\n    const steps = await Promise.all(this.parseSteps().map(step => this.getElementWhenNeeded(step)));\n\n    if (steps.length === 0) {\n      console.error('No valid steps found for the tour.');\n      return;\n    }\n\n    this.tourInstance = introJs().setOptions({\n      steps: steps as any,\n      disableInteraction: this.disableInteraction,\n      nextLabel: 'Next',\n      prevLabel: 'Prev',\n      overlayOpacity: this.showBackdrop ? 0.5 : 0,\n      exitOnOverlayClick: false,\n      showProgress: false,\n      showButtons: true\n    });\n\n    this.tourInstance.onbeforechange(async (targetElement) => {\n      const currentStepIndex = this.tourInstance?._currentStep ?? 0;\n      const step = steps[currentStepIndex];\n      if (step && typeof step.element === 'function') {\n        const el = step.element();\n        if (el) {\n          if (this.tourInstance && this.tourInstance._introItems) {\n            this.tourInstance._introItems[currentStepIndex].element = el;\n          }\n        }\n      }\n      if (step.beforeChange) {\n        return await step.beforeChange();\n      }\n      return true;\n    });\n\n    this.tourInstance.onafterchange((targetElement) => {\n      const currentStepIndex = this.tourInstance?._currentStep ?? 0;\n      const step = steps[currentStepIndex];\n      if (step?.afterChange) {\n        step.afterChange();\n      }\n\n      \n      const nextBtn = document.querySelector('.introjs-nextbutton');\n      const prevBtn = document.querySelector('.introjs-prevbutton');\n\n      if (nextBtn) {\n        nextBtn.setAttribute('disabled', step.disableNext ? 'true' : 'false');\n      }\n      if (prevBtn) {\n        prevBtn.setAttribute('disabled', step.disablePrev ? 'true' : 'false');\n      }\n    });\n\n    this.tourInstance.onchange(() => {\n      const currentStep = this.tourInstance?._currentStep ?? 0;\n      const totalSteps = steps.length;\n      const tooltip = document.querySelector('.introjs-tooltip');\n      if (tooltip) {\n        const navBar = tooltip.querySelector('.introjs-tooltipbuttons');\n        if (navBar) {\n          let stepCounter = navBar.querySelector('.introjs-step-counter') as HTMLElement;\n          if (!stepCounter) {\n            stepCounter = document.createElement('div');\n            stepCounter.className = 'introjs-step-counter';\n            navBar.insertBefore(stepCounter, navBar.firstChild);\n          }\n          stepCounter.textContent = `${currentStep + 1} of ${totalSteps}`;\n        }\n      }\n    });\n\n    this.tourInstance.start().then(() => {\n      const currentStep = this.tourInstance?._currentStep ?? 0;\n      const totalSteps = steps.length;\n      const tooltip = document.querySelector('.introjs-tooltip');\n      if (tooltip) {\n        const navBar = tooltip.querySelector('.introjs-tooltipbuttons');\n        if (navBar) {\n          let stepCounter = navBar.querySelector('.introjs-step-counter') as HTMLElement;\n          if (!stepCounter) {\n            stepCounter = document.createElement('div');\n            stepCounter.className = 'introjs-step-counter';\n            navBar.insertBefore(stepCounter, navBar.firstChild);\n          }\n          stepCounter.textContent = `${currentStep + 1} of ${totalSteps}`;\n        }\n\n        const closeButton = document.createElement('button');\n        closeButton.className = 'introjs-close-btn';\n        closeButton.innerHTML = `\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M5.33228 5.99996L0 11.3322L0.667759 12L6.00004 6.66772L11.3323 12L12.0001 11.3322L6.66779 5.99996L12 0.667759L11.3322 0L6.00004 5.3322L0.667842 5.96046e-08L8.40425e-05 0.667759L5.33228 5.99996Z\" fill=\"white\" fill-opacity=\"0.5\"/>\n          </svg>`;\n        closeButton.onclick = () => this.tourInstance?.exit(true);\n        tooltip.appendChild(closeButton);\n      }\n    }).catch(err => {\n      console.error('Error starting the tour:', err);\n    });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <style>\n        ${styles.cssText}\n        .introjs-close-btn {\n          position: absolute;\n          top: 5px;\n          right: 10px;\n          background: none;\n          border: none;\n          cursor: pointer;\n          padding: 0;\n        }\n      </style>\n      <slot></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-tour': NileTour;\n  }\n}\n"]}

package/src/nile-tour/index.ts

@@ -1 +0,0 @@
-export { NileTour } from './nile-tour';