mensa 0.9.1 → 0.9.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 746ba9c00c7b9578ba6a54aed7d05cb0e3a4d97d39097f0bb20ee5741ad4c598
-  data.tar.gz: febf42e4a305586f26bf0f8d738bec3e92125c13c900944a780a268e2a043ca8
+  metadata.gz: 651651e83e9d9140b6c5b0f63cc193afd84399ec3af2d511da59be36d56dae44
+  data.tar.gz: 443c135b4e673f6334db2b99690c60a2b8c7323d81a8c31b2d36f3e132856cff
 SHA512:
-  metadata.gz: 78a2354e8bfdd6258a5b454dd83f6d42afbf0e1aebe0249833a805238a1e1a6d1b053032f51bd0a07f4b6b005423bc2d37c9253ddddefa97f2ec9391fb423b12
-  data.tar.gz: 790b53409e027df4e5f9d06495321e7aa92008e4b297e709cda31d5044ff70fbb4ef5b7879d6f8914ee98071d37c54c3441444dd53b84e231d1a296b69262aa3
+  metadata.gz: ec46ba8fcc59ab4c193d4d912de77bdc9ebec4aac87c93983be02c1422d979a1558d9368a6f816d9ba9579b6c56fd928b412d73b39b9924838d62aff8a259467
+  data.tar.gz: '0491edbee70617b3293afcc8564f5fdb22379563bada952d74bcac0e40212fdf16a76e5e63c8d77258441779348c22147067c28b8fc222c938e45a5f29396dde'

data/.shipkit.yml

@@ -1,2 +1,2 @@
 ---
-previous_version: 0.9.0
+previous_version: 0.9.1

data/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## 0.9.2
+
+- The table tour no longer needs the `driver.js` npm package. Mensa now ships
+  driver.js (1.10.1, MIT) itself in `app/components/mensa/table/driver.js` and
+  imports it as `mensa/components/table/driver`, so host apps that bundle
+  Mensa's JS with esbuild (jsbundling-rails) build again without adding
+  anything. In 0.9.0 and 0.9.1 those builds failed with
+  `Could not resolve "driver.js"`.
+- driver.js is updated from 1.3.6 to 1.10.1; its CSS
+  (`app/assets/stylesheets/mensa/driver.css`) is updated to the same version.
+- The table tour has a dark mode. It follows the host app's Tailwind dark mode
+  setting, like the rest of Mensa.
+- The engine's importmap no longer pins `driver.js`. Host apps that import
+  `driver.js` themselves need their own pin or npm package.
+
 ## 0.8.0
 
 - **Behaviour change:** a column shows what was selected in SQL under its name

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    mensa (0.9.0)
+    mensa (0.9.2)
       csv
       importmap-rails
       pagy (>= 43)

data/app/assets/stylesheets/mensa/application.css

@@ -1,4 +1,5 @@
 @import "./driver.css";
+@import "../../../components/mensa/table/tour.css";
 @import "../../../components/mensa/add_filter/component.css";
 @import "../../../components/mensa/column_customizer/component.css";
 @import "../../../components/mensa/cell/component.css";

data/app/assets/stylesheets/mensa/driver.css

@@ -1 +1,4 @@
-.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}
+/*! driver.js 1.10.1 | https://github.com/kamranahmedse/driver.js | MIT License | Copyright (c) Kamran Ahmed */
+/* Vendored from the driver.js npm package (dist/driver.css), unmodified. Keep in sync with
+   app/components/mensa/table/driver.js, which comes from the same version. */
+.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus-visible{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}

data/app/components/mensa/table/driver.js

@@ -0,0 +1,5 @@
+/*! driver.js 1.10.1 | https://github.com/kamranahmedse/driver.js | MIT License | Copyright (c) Kamran Ahmed */
+// Vendored from the driver.js npm package (dist/driver.js.mjs), unmodified. Keep in sync
+// with app/assets/stylesheets/mensa/driver.css, which comes from the same version.
+const e=[`pointerdown`,`mousedown`,`pointerup`,`mouseup`,`click`],t=new WeakMap;function n(n,i,a){r(n);let o=e=>{let t=e.target;n.contains(t)&&((!a||a(t))&&(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()),e.type===`click`&&i?.(e))};for(let t of e)document.addEventListener(t,o,!0);t.set(n,o)}function r(n){let r=t.get(n);if(r){for(let t of e)document.removeEventListener(t,r,!0);t.delete(n)}}function i(e,t){let n=e.wrapper.getBoundingClientRect();return{width:n.width+t,height:n.height+t,realWidth:n.width,realHeight:n.height}}function a(e,t){let{elementDimensions:n,popoverDimensions:r,popoverPadding:i,popoverArrowDimensions:a}=t;return e===`start`?Math.max(Math.min(n.top-i,window.innerHeight-r.realHeight-a.width),a.width):e===`end`?Math.max(Math.min(n.top-r?.realHeight+n.height+i,window.innerHeight-r?.realHeight-a.width),a.width):e===`center`?Math.max(Math.min(n.top+n.height/2-r?.realHeight/2,window.innerHeight-r?.realHeight-a.width),a.width):0}function o(e,t){let{elementDimensions:n,popoverDimensions:r,popoverPadding:i,popoverArrowDimensions:a}=t;return e===`start`?Math.max(Math.min(n.left-i,window.innerWidth-r.realWidth-a.width),a.width):e===`end`?Math.max(Math.min(n.left-r?.realWidth+n.width+i,window.innerWidth-r?.realWidth-a.width),a.width):e===`center`?Math.max(Math.min(n.left+n.width/2-r?.realWidth/2,window.innerWidth-r?.realWidth-a.width),a.width):0}function s(e,t,n){let{align:r,side:s}=n,c=n.centered?`over`:s,l=n.padding,u=i(e,n.offset),f=e.arrow.getBoundingClientRect(),p=t.getBoundingClientRect(),m=p.top-u.height,h=m>=0,g=window.innerHeight-(p.bottom+u.height),_=g>=0,v=p.left-u.width,y=v>=0,b=window.innerWidth-(p.right+u.width),x=b>=0,S=!h&&!_&&!y&&!x,C=c;if(c===`top`&&h?x=y=_=!1:c===`bottom`&&_?x=y=h=!1:c===`left`&&y?x=h=_=!1:c===`right`&&x&&(y=h=_=!1),c===`over`){let t=window.innerWidth/2-u.realWidth/2,n=window.innerHeight/2-u.realHeight/2;e.wrapper.style.left=`${t}px`,e.wrapper.style.right=`auto`,e.wrapper.style.top=`${n}px`,e.wrapper.style.bottom=`auto`}else if(S){let t=window.innerWidth/2-u?.realWidth/2;e.wrapper.style.left=`${t}px`,e.wrapper.style.right=`auto`,e.wrapper.style.bottom=`10px`,e.wrapper.style.top=`auto`}else if(y){let t=Math.min(v,window.innerWidth-u?.realWidth-f.width),n=a(r,{elementDimensions:p,popoverDimensions:u,popoverPadding:l,popoverArrowDimensions:f});e.wrapper.style.left=`${t}px`,e.wrapper.style.top=`${n}px`,e.wrapper.style.bottom=`auto`,e.wrapper.style.right=`auto`,C=`left`}else if(x){let t=Math.min(b,window.innerWidth-u?.realWidth-f.width),n=a(r,{elementDimensions:p,popoverDimensions:u,popoverPadding:l,popoverArrowDimensions:f});e.wrapper.style.right=`${t}px`,e.wrapper.style.top=`${n}px`,e.wrapper.style.bottom=`auto`,e.wrapper.style.left=`auto`,C=`right`}else if(h){let t=Math.min(m,window.innerHeight-u.realHeight-f.width),n=o(r,{elementDimensions:p,popoverDimensions:u,popoverPadding:l,popoverArrowDimensions:f});e.wrapper.style.top=`${t}px`,e.wrapper.style.left=`${n}px`,e.wrapper.style.bottom=`auto`,e.wrapper.style.right=`auto`,C=`top`}else if(_){let t=Math.min(g,window.innerHeight-u?.realHeight-f.width),n=o(r,{elementDimensions:p,popoverDimensions:u,popoverPadding:l,popoverArrowDimensions:f});e.wrapper.style.left=`${n}px`,e.wrapper.style.bottom=`${t}px`,e.wrapper.style.top=`auto`,e.wrapper.style.right=`auto`,C=`bottom`}d(e,S?`over`:C,r,t),[...e.wrapper.classList].filter(e=>e.startsWith(`driver-popover-side-`)||e.startsWith(`driver-popover-align-`)).forEach(t=>e.wrapper.classList.remove(t)),e.wrapper.classList.add(`driver-popover-side-${C}`),e.wrapper.classList.add(`driver-popover-align-${r}`)}function c(e,t,n,r,i,a=10){let o=r-n;return e<=n&&t>=r?i===`start`?15+a/2:i===`end`?o-15-a/2:o/2:(Math.min(Math.max(e,n),r)+Math.min(Math.max(t,n),r))/2-n}function l(e,t,n=10){let r=t-15-n;if(r<15)return Math.max(0,(t-n)/2);let i=e-n/2;return Math.min(Math.max(i,15),r)}function u(e,t,n){return e===`left`||e===`right`?t.bottom>n.top&&t.top<n.bottom?e:t.bottom<=n.top?`bottom`:`top`:t.right>n.left&&t.left<n.right?e:t.right<=n.left?`right`:`left`}function d(e,t,n,r){let i=e.arrow;if(i.className=`driver-popover-arrow`,i.style.top=``,i.style.right=``,i.style.bottom=``,i.style.left=``,t===`over`){i.classList.add(`driver-popover-arrow-none`);return}let a=r.getBoundingClientRect(),o=e.wrapper.getBoundingClientRect(),s=u(t,a,o);i.classList.add(`driver-popover-arrow-side-${s}`);let d=i.getBoundingClientRect().width||10;if(s===`left`||s===`right`){let e=c(a.top,a.bottom,o.top,o.bottom,n,d);i.style.top=`${l(e,o.height,d)}px`}else{let e=c(a.left,a.right,o.left,o.right,n,d);i.style.left=`${l(e,o.width,d)}px`}}function f(e){return typeof e==`function`?e():typeof e==`string`?document.querySelector(e):e}function p(e){let t=window.getComputedStyle(e);return[t.overflow,t.overflowX,t.overflowY].some(e=>e===`auto`||e===`scroll`)}function m(e,t,n,r){return(e/=r/2)<1?n/2*e*e+t:-n/2*(--e*(e-2)-1)+t}function h(e){let t=`a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])`;return e.flatMap(e=>{let n=e.matches(t),r=Array.from(e.querySelectorAll(t));return[...n?[e]:[],...r]}).filter(e=>getComputedStyle(e).pointerEvents!==`none`&&y(e))}function g(e,t){if(!e||v(e))return;let n=e.offsetHeight>window.innerHeight;e.scrollIntoView({behavior:!t||_(e)?`auto`:`smooth`,inline:`center`,block:n?`start`:`center`})}function _(e){if(!e||!e.parentElement)return;let t=e.parentElement;return t.scrollHeight>t.clientHeight}function v(e){let t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}function y(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)}function b(e){return e.closest(`dialog[open]`)??document.body}function x(e){e&&(e.wrapper.style.display=`none`)}function S(e,t){let r=w();b(e).appendChild(r.wrapper);let{title:i,description:a,showButtons:o,disableButtons:c,showProgress:l,nextBtnText:u,prevBtnText:d,progressText:f}=t;r.nextButton.innerHTML=u,r.previousButton.innerHTML=d,r.progress.innerHTML=f,r.closeButton.setAttribute(`aria-label`,t.closeBtnLabel),t.doneButton&&r.nextButton.classList.add(`driver-popover-done-btn`),i?(r.title.innerHTML=i,r.title.style.display=`block`):r.title.style.display=`none`,a?(r.description.innerHTML=a,r.description.style.display=`block`):r.description.style.display=`none`;let p=o.includes(`next`)||o.includes(`previous`)||l;r.closeButton.style.display=o.includes(`close`)?`block`:`none`,p?(r.footer.style.display=`flex`,r.progress.style.display=l?`block`:`none`,r.nextButton.style.display=o.includes(`next`)?`block`:`none`,r.previousButton.style.display=o.includes(`previous`)?`block`:`none`):r.footer.style.display=`none`,c.includes(`next`)&&(r.nextButton.disabled=!0,r.nextButton.classList.add(`driver-popover-btn-disabled`)),c.includes(`previous`)&&(r.previousButton.disabled=!0,r.previousButton.classList.add(`driver-popover-btn-disabled`)),c.includes(`close`)&&(r.closeButton.disabled=!0,r.closeButton.classList.add(`driver-popover-btn-disabled`));let m=r.wrapper;m.style.display=`block`,m.style.left=``,m.style.top=``,m.style.bottom=``,m.style.right=``,m.id=`driver-popover-content`,m.setAttribute(`role`,`dialog`),m.setAttribute(`aria-labelledby`,`driver-popover-title`),m.setAttribute(`aria-describedby`,`driver-popover-description`);let _=r.arrow;_.className=`driver-popover-arrow`,m.className=`driver-popover ${t.popoverClass||``}`.trim(),n(r.wrapper,e=>{let n=e.target instanceof Element?e.target:e.target?.parentElement;if(n){if(n.closest(`.driver-popover-next-btn`))return t.onNextClick?.();if(n.closest(`.driver-popover-prev-btn`))return t.onPrevClick?.();if(n.closest(`.driver-popover-close-btn`))return t.onCloseClick?.()}},e=>r.description.contains(e)||r.title.contains(e)?!1:!!e.closest(`.driver-popover-prev-btn, .driver-popover-next-btn, .driver-popover-close-btn`)),t.onRender?.(r),s(r,e,t.position),C(r,e,t.position),g(m,t.smoothScroll);let v=h([m,e]);return v.length>0&&v[0].focus(),r}function C(e,t,n){e.wrapper.querySelectorAll(`img`).forEach(r=>{if(r.complete)return;let i=()=>s(e,t,n);r.addEventListener(`load`,i,{once:!0}),r.addEventListener(`error`,i,{once:!0})})}function w(){let e=document.createElement(`div`);e.classList.add(`driver-popover`);let t=document.createElement(`div`);t.classList.add(`driver-popover-arrow`);let n=document.createElement(`header`);n.id=`driver-popover-title`,n.classList.add(`driver-popover-title`),n.style.display=`none`,n.innerText=`Popover Title`;let r=document.createElement(`div`);r.id=`driver-popover-description`,r.classList.add(`driver-popover-description`),r.style.display=`none`,r.innerText=`Popover description is here`;let i=document.createElement(`button`);i.type=`button`,i.classList.add(`driver-popover-close-btn`),i.innerHTML=`&times;`;let a=document.createElement(`footer`);a.classList.add(`driver-popover-footer`);let o=document.createElement(`span`);o.classList.add(`driver-popover-progress-text`),o.innerText=``;let s=document.createElement(`span`);s.classList.add(`driver-popover-navigation-btns`);let c=document.createElement(`button`);c.type=`button`,c.classList.add(`driver-popover-prev-btn`,`driver-popover-footer-btn`),c.innerHTML=`Previous`;let l=document.createElement(`button`);return l.type=`button`,l.classList.add(`driver-popover-next-btn`,`driver-popover-footer-btn`),l.innerHTML=`Next`,s.appendChild(c),s.appendChild(l),a.appendChild(o),a.appendChild(s),e.appendChild(i),e.appendChild(t),e.appendChild(n),e.appendChild(r),e.appendChild(a),{wrapper:e,arrow:t,title:n,description:r,footer:a,previousButton:c,nextButton:l,closeButton:i,footerButtons:s,progress:o}}function T(e){e&&(r(e.wrapper),e.wrapper.parentElement?.removeChild(e.wrapper))}function E(e,t){let n=window.innerWidth,r=window.innerHeight,i=t.padding,a=t.radius,o=e.width+i*2,s=e.height+i*2,c=Math.min(a,o/2,s/2),l=Math.floor(Math.max(c,0)),u=e.x-i+l,d=e.y-i,f=o-l*2,p=s-l*2;return`M${n},0L0,0L0,${r}L${n},${r}L${n},0Z
+    M${u},${d} h${f} a${l},${l} 0 0 1 ${l},${l} v${p} a${l},${l} 0 0 1 -${l},${l} h-${f} a${l},${l} 0 0 1 -${l},-${l} v-${p} a${l},${l} 0 0 1 ${l},-${l} z`}function D(e,t,n,r,i){let a=e.getState(`__activeStagePosition`),o=a||r.getBoundingClientRect(),s=i.getBoundingClientRect();a={x:m(t,o.x,s.x-o.x,n),y:m(t,o.y,s.y-o.y,n),width:m(t,o.width,s.width-o.width,n),height:m(t,o.height,s.height-o.height,n)},k(e,a),e.setState(`__activeStagePosition`,a)}function O(e,t){if(!t)return;let n=t.getBoundingClientRect(),r={x:n.x,y:n.y,width:n.width,height:n.height};e.setState(`__activeStagePosition`,r),k(e,r)}function ee(e){let t=e.getState(`__activeStagePosition`),n=e.getState(`__overlaySvg`);if(!t)return;if(!n){console.warn(`No stage svg found.`);return}let r=window.innerWidth,i=window.innerHeight;n.setAttribute(`viewBox`,`0 0 ${r} ${i}`)}function te(e,t){let r=j(e,t);document.body.appendChild(r),n(r,t=>{t.target.tagName===`path`&&e.emit(`overlayClick`)}),e.setState(`__overlaySvg`,r)}function k(e,t){let n=e.getState(`__overlaySvg`);if(!n){te(e,t);return}let r=n.firstElementChild;if(r?.tagName!==`path`)throw Error(`no path element found in stage svg`);r.setAttribute(`d`,E(t,A(e)))}function A(e){return e.getState(`activeElement`)?.id===`driver-dummy-element`?{padding:0,radius:0}:{padding:e.getConfig(`stagePadding`)||0,radius:e.getConfig(`stageRadius`)||0}}function j(e,t){let n=window.innerWidth,r=window.innerHeight,i=document.createElementNS(`http://www.w3.org/2000/svg`,`svg`);i.classList.add(`driver-overlay`,`driver-overlay-animated`),i.setAttribute(`viewBox`,`0 0 ${n} ${r}`),i.setAttribute(`xmlSpace`,`preserve`),i.setAttribute(`xmlnsXlink`,`http://www.w3.org/1999/xlink`),i.setAttribute(`version`,`1.1`),i.setAttribute(`preserveAspectRatio`,`xMinYMin slice`),i.style.fillRule=`evenodd`,i.style.clipRule=`evenodd`,i.style.strokeLinejoin=`round`,i.style.strokeMiterlimit=`2`,i.style.zIndex=`10000`,i.style.position=`fixed`,i.style.top=`0`,i.style.left=`0`,i.style.width=`100%`,i.style.height=`100%`;let a=document.createElementNS(`http://www.w3.org/2000/svg`,`path`);return a.setAttribute(`d`,E(t,A(e))),a.style.fill=e.getConfig(`overlayColor`)||`rgb(0,0,0)`,a.style.opacity=`${e.getConfig(`overlayOpacity`)}`,a.style.pointerEvents=`auto`,a.style.cursor=`auto`,i.appendChild(a),i}function M(e){let t=e.getState(`__overlaySvg`);t&&(r(t),t.remove())}const N=`{{current}} of {{total}}`;function P(e,t){return!(t.skipMissingElement??e.getConfig(`skipMissingElement`))||!t.element?!1:!f(t.element)}function F(e,t,n){let r=e.getConfig(`steps`)||[];for(let i=t;i>=0&&i<r.length;i+=n)if(!P(e,r[i]))return i}function I(e,t){let n=e.getState(`activeIndex`),r=n!==void 0&&F(e,n+1,1)===void 0,i=t?.popover?.onDoneClick||e.getConfig(`onDoneClick`);return r&&i?i:t?.popover?.onNextClick||e.getConfig(`onNextClick`)}function L(e,t){return t?.popover?.onPrevClick||e.getConfig(`onPrevClick`)}function R(e,t){return t?.popover?.onCloseClick||e.getConfig(`onCloseClick`)}function z(e,t,n){let r=e.getConfig(`steps`)||[],i=r[t],a=i.popover||{},o=F(e,t+1,1)!==void 0,s=F(e,t-1,-1)!==void 0,c=a.doneBtnText||e.getConfig(`doneBtnText`)||`Done`,l=e.getConfig(`allowClose`),u=a.showProgress===void 0?e.getConfig(`showProgress`):a.showProgress,d=(a.progressText||e.getConfig(`progressText`)||N).replace(`{{current}}`,`${t+1}`).replace(`{{total}}`,`${r.length}`),f=a.showButtons||e.getConfig(`showButtons`),p=[`next`,`previous`,...l?[`close`]:[]].filter(e=>!f?.length||f.includes(e)),m=a.onNextClick||e.getConfig(`onNextClick`),h=a.onPrevClick||e.getConfig(`onPrevClick`),g=a.onCloseClick||e.getConfig(`onCloseClick`);return{...i,popover:{showButtons:p,nextBtnText:o?void 0:c,disableButtons:[...e.getConfig(`disableButtons`)||[],...s?[]:[`previous`]],showProgress:u,onNextClick:m||n.onNextClick,onPrevClick:h||n.onPrevClick,onCloseClick:g||n.onCloseClick,...a,progressText:d}}}function B(e,t){return{showButtons:t?.popover?.showButtons||e.getConfig(`showButtons`)||[],disableButtons:t?.popover?.disableButtons||e.getConfig(`disableButtons`)||[]}}function V(e,t,n){let r=e.getConfig(`stagePadding`)||0;return{side:n.popover?.side||`bottom`,align:n.popover?.align||`start`,offset:r+(e.getConfig(`popoverOffset`)||0),padding:r,centered:t.id===`driver-dummy-element`}}function H(e,t,n){let r=n.popover||{},i=e.getState(`activeIndex`),a=i!==void 0&&F(e,i+1,1)===void 0;return{title:r.title,description:r.description,...B(e,n),showProgress:r.showProgress||e.getConfig(`showProgress`)||!1,progressText:r.progressText??(e.getConfig(`progressText`)||N),nextBtnText:r.nextBtnText??(e.getConfig(`nextBtnText`)||`Next`),prevBtnText:r.prevBtnText??(e.getConfig(`prevBtnText`)||`Previous`),closeBtnLabel:r.closeBtnLabel??(e.getConfig(`closeBtnLabel`)||`Close`),doneButton:a,popoverClass:r.popoverClass||e.getConfig(`popoverClass`)||``,smoothScroll:e.getConfig(`smoothScroll`),onNextClick:()=>{a&&e.setState(`__destroyReason`,`done`);let r=I(e,n);return r?r(t,n,e.getHookOpts()):e.emit(`nextClick`)},onPrevClick:()=>{let r=L(e,n);return r?r(t,n,e.getHookOpts()):e.emit(`prevClick`)},onCloseClick:()=>{e.setState(`__destroyReason`,`close`);let r=R(e,n);return r?r(t,n,e.getHookOpts()):e.emit(`closeClick`)},onRender:t=>{e.setState(`popover`,t),(r.onPopoverRender||e.getConfig(`onPopoverRender`))?.(t,e.getHookOpts())},position:V(e,t,n)}}function U(e,t,n){T(e.getState(`popover`)),S(t,H(e,t,n))}function W(e,t,n){let r=e.getState(`popover`);r&&s(r,t,V(e,t,n))}const G={"aria-haspopup":`dialog`,"aria-expanded":`true`,"aria-controls":`driver-popover-content`},K=new WeakMap;function q(e){if(!K.has(e)){let t=Object.fromEntries(Object.keys(G).map(t=>[t,e.getAttribute(t)]));K.set(e,t)}for(let[t,n]of Object.entries(G))e.setAttribute(t,n)}function J(e){let t=K.get(e);if(t){for(let[n,r]of Object.entries(t))r===null?e.removeAttribute(n):e.setAttribute(n,r);K.delete(e)}}function Y(){let e=document.getElementById(`driver-dummy-element`);if(e)return e;let t=document.createElement(`div`);return t.id=`driver-dummy-element`,t.style.width=`0`,t.style.height=`0`,t.style.pointerEvents=`none`,t.style.opacity=`0`,t.style.position=`fixed`,t.style.top=`50%`,t.style.left=`50%`,document.body.appendChild(t),t}function X(e,t){let n=f(t.element);n||(n=Y()),ne(e,n,t)}function Z(e){let t=e.getState(`__activeElement`),n=e.getState(`__activeStep`);t&&(O(e,t),ee(e),W(e,t,n))}function ne(e,t,n){let r=e.getConfig(`duration`)||400,i=Date.now(),a=e.getState(`__activeStep`),o=e.getState(`__activeElement`)||t,s=!o||o===t,c=t.id===`driver-dummy-element`,l=o.id===`driver-dummy-element`,u=e.getConfig(`animate`),d=n.onHighlightStarted||e.getConfig(`onHighlightStarted`),f=n?.onHighlighted||e.getConfig(`onHighlighted`),m=a?.onDeselected||e.getConfig(`onDeselected`),h=e.getHookOpts();a&&a!==n&&m&&m(l?void 0:o,a,h),d&&d(c?void 0:t,n,h);let _=!s&&u,v=!1;x(e.getState(`popover`)),e.setState(`previousStep`,a),e.setState(`previousElement`,o),e.setState(`activeStep`,n),e.setState(`activeElement`,t);let y=()=>{if(e.getState(`__transitionCallback`)!==y)return;let s=Date.now()-i,l=r-s<=r/2;n.popover&&l&&!v&&_&&(U(e,t,n),v=!0),e.getConfig(`animate`)&&s<r?D(e,s,r,o,t):(O(e,t),f&&f(c?void 0:t,n,e.getHookOpts()),e.setState(`__transitionCallback`,void 0),e.setState(`__previousStep`,a),e.setState(`__previousElement`,o),e.setState(`__activeStep`,n),e.setState(`__activeElement`,t)),window.requestAnimationFrame(y)};e.setState(`__transitionCallback`,y),window.requestAnimationFrame(y),g(t,e.getConfig(`smoothScroll`)),!_&&n.popover&&U(e,t,n),document.querySelectorAll(`.driver-active-element-parent`).forEach(e=>{e.classList.remove(`driver-active-element-parent`,`driver-active-element-parent-no-scroll`)}),document.querySelectorAll(`.driver-active-element`).forEach(e=>{e.classList.remove(`driver-active-element`,`driver-no-interaction`),J(e)}),(n.disableActiveInteraction??e.getConfig(`disableActiveInteraction`))&&t.classList.add(`driver-no-interaction`);let b=t.parentElement;b&&b!==document.body&&(b.classList.add(`driver-active-element-parent`),p(b)&&b.classList.add(`driver-active-element-parent-no-scroll`)),t.classList.add(`driver-active-element`),q(t)}function re(){document.getElementById(`driver-dummy-element`)?.remove(),document.querySelectorAll(`.driver-active-element`).forEach(e=>{let t=e.parentElement;t&&t!==document.body&&t.classList.remove(`driver-active-element-parent`,`driver-active-element-parent-no-scroll`),e.classList.remove(`driver-active-element`,`driver-no-interaction`),J(e)})}function Q(e){let t=e.getState(`__resizeTimeout`);t&&window.cancelAnimationFrame(t),e.setState(`__resizeTimeout`,window.requestAnimationFrame(()=>Z(e)))}function ie(e,t){if(!e.getState(`isInitialized`)||!(t.key===`Tab`||t.keyCode===9))return;let n=e.getState(`__activeElement`),r=e.getState(`popover`)?.wrapper,i=h([...r?[r]:[],...n?[n]:[]]),a=i[0],o=i[i.length-1];t.preventDefault(),t.shiftKey?(i[i.indexOf(document.activeElement)-1]||o)?.focus():(i[i.indexOf(document.activeElement)+1]||a)?.focus()}function ae(e,t){(e.getConfig(`allowKeyboardControl`)??!0)&&(t.key===`Escape`?e.emit(`escapePress`):t.key===`ArrowRight`?e.emit(`arrowRightPress`):t.key===`ArrowLeft`&&e.emit(`arrowLeftPress`))}function oe(e,t){let n=e.getState(`__activeElement`),r=t.target;!n||!r||!n.contains(r)||e.emit(`activeElementClick`)}function se(e){let t=t=>ae(e,t),n=t=>ie(e,t),r=()=>Q(e),i=()=>Q(e),a=t=>oe(e,t);e.setState(`__events`,{onKeyup:t,onKeydown:n,onResize:r,onScroll:i,onClick:a}),window.addEventListener(`keyup`,t,!1),window.addEventListener(`keydown`,n,!1),window.addEventListener(`resize`,r),window.addEventListener(`scroll`,i),document.addEventListener(`click`,a,!1)}function ce(e){let t=e.getState(`__events`);t&&(window.removeEventListener(`keyup`,t.onKeyup),window.removeEventListener(`keydown`,t.onKeydown),window.removeEventListener(`resize`,t.onResize),window.removeEventListener(`scroll`,t.onScroll),document.removeEventListener(`click`,t.onClick,!1))}function le(){let e={};function t(t={}){e={animate:!0,duration:400,allowClose:!0,allowScroll:!0,overlayClickBehavior:`close`,overlayOpacity:.7,smoothScroll:!1,disableActiveInteraction:!1,advanceOnClick:!1,skipMissingElement:!1,waitForElement:0,showProgress:!1,stagePadding:10,stageRadius:5,popoverOffset:10,showButtons:[`next`,`previous`,`close`],disableButtons:[],overlayColor:`#000`,...t}}return t(),{getConfig:(t=>t?e[t]:e),configure:t}}function ue(){let e={},t=(t=>t?e[t]:e),n=(t,n)=>{e[t]=n};function r(){e={}}return{getState:t,setState:n,resetState:r}}function de(){let e={};function t(t,n){e[t]=n}function n(t){e[t]?.()}function r(){e={}}return{listen:t,emit:n,reset:r}}function fe(e={}){let t=le();t.configure(e);let n=ue(),r=de(),i;return{getConfig:t.getConfig,setConfig:t.configure,getState:n.getState,setState:n.setState,resetState:n.resetState,listen:r.listen,emit:r.emit,resetEmitter:r.reset,getDriver:()=>i,setDriver:e=>{i=e},getHookOpts:(e,r)=>{let a=e||n.getState();return{config:t.getConfig(),state:a,driver:i,index:a.activeIndex,...r?{reason:r}:{}}}}}let $;function pe(e={}){let t=fe(e),n=()=>y(`replaced`,!1);function r(e=`close`){t.getConfig(`allowClose`)&&y(e)}function i(){let e=t.getState(`activeIndex`);e!==void 0&&F(t,e+1,1)===void 0&&t.setState(`__destroyReason`,`done`)}function a(){let{disableButtons:e}=B(t,t.getState(`__activeStep`));e.includes(`close`)||r(`escape`)}function o(e){let{showButtons:n,disableButtons:r}=B(t,t.getState(`__activeStep`));return n.includes(e)&&!r.includes(e)}function s(){let e=t.getConfig(`overlayClickBehavior`);if(t.getConfig(`allowClose`)&&e===`close`){y(`overlay`);return}if(typeof e==`function`){t.setState(`__destroyReason`,`overlay`);let n=t.getState(`__activeStep`);e(t.getState(`__activeElement`),n,t.getHookOpts());return}if(e===`nextStep`){let e=t.getState(`activeStep`),n=t.getState(`activeElement`),r=I(t,e);if(r){i(),r(n,e,t.getHookOpts());return}c()}}function c(){let e=t.getState(`activeIndex`),n=t.getConfig(`steps`)||[];if(e===void 0)return;let r=e+1;n[r]?v(r):y(`done`)}function l(){let e=t.getState(`activeIndex`),n=t.getConfig(`steps`)||[];if(e===void 0)return;let r=e-1;n[r]?v(r):y(`api`)}function u(e){(t.getConfig(`steps`)||[])[e]?v(e):y(`api`)}function d(){if(t.getState(`__transitionCallback`))return;let e=t.getState(`__activeStep`);if(!e||!(e.advanceOnClick??t.getConfig(`advanceOnClick`)))return;let n=t.getState(`__activeElement`),r=I(t,e);if(r){i(),r(n,e,t.getHookOpts());return}c()}function p(){if(t.getState(`__transitionCallback`))return;let e=t.getState(`activeIndex`),n=t.getState(`__activeStep`),r=t.getState(`__activeElement`);if(e===void 0||n===void 0||!(t.getConfig(`steps`)||[])[e-1]||!o(`previous`))return;let i=L(t,n);if(i)return i(r,n,t.getHookOpts());l()}function m(){if(t.getState(`__transitionCallback`))return;let e=t.getState(`activeIndex`),n=t.getState(`__activeStep`),r=t.getState(`__activeElement`);if(e===void 0||n===void 0||!o(`next`))return;let a=I(t,n);if(a)return i(),a(r,n,t.getHookOpts());c()}function h(){t.getState(`isInitialized`)||($&&$!==n&&$(),$=n,t.setState(`isInitialized`,!0),document.body.classList.add(`driver-active`,t.getConfig(`animate`)?`driver-fade`:`driver-simple`),t.getConfig(`allowScroll`)||document.body.classList.add(`driver-no-scroll`),document.body.style.setProperty(`--driver-animation-duration`,`${t.getConfig(`duration`)||400}ms`),se(t),t.listen(`overlayClick`,s),t.listen(`activeElementClick`,d),t.listen(`escapePress`,a),t.listen(`closeClick`,r),t.listen(`arrowLeftPress`,p),t.listen(`arrowRightPress`,m))}function g(){let e=t.getState(`__pendingWaitCancel`);e&&(t.setState(`__pendingWaitCancel`,void 0),e())}function _(e,n,r){let i=()=>{a.disconnect(),window.clearTimeout(o),t.setState(`__pendingWaitCancel`,void 0),r()},a=new MutationObserver(()=>{f(e.element)&&i()}),o=window.setTimeout(i,n);t.setState(`__pendingWaitCancel`,()=>{a.disconnect(),window.clearTimeout(o)}),a.observe(document.documentElement,{childList:!0,subtree:!0,attributes:!0})}function v(e=0,n=!1){g(),t.setState(`__destroyReason`,void 0);let r=t.getConfig(`steps`);if(!r){console.error(`No steps to drive through`),y(`api`);return}if(!r[e]){y(`api`);return}let i=r[e],a=i.waitForElement??t.getConfig(`waitForElement`)??0;if(!n&&a>0&&i.element&&!f(i.element)){x(t.getState(`popover`)),_(i,a,()=>v(e,!0));return}if(P(t,i)){let n=t.getState(`activeIndex`),i=typeof n==`number`&&e<n?-1:1;r[e+i]?v(e+i):i===1&&y(`done`);return}t.setState(`__activeOnDestroyed`,document.activeElement),t.setState(`activeIndex`,e);let o=r[e+1];X(t,z(t,e,{onNextClick:()=>{o?v(e+1):y(`done`)},onPrevClick:()=>{v(e-1)},onCloseClick:()=>{y(`close`)}}))}function y(e,r=!0){if(!t.getState(`isInitialized`))return;e===`api`&&(e=t.getState(`__destroyReason`)??`api`);let i=t.getState(`__activeElement`),a=t.getState(`__activeStep`),o=t.getState(`__activeOnDestroyed`),s=t.getConfig(`onDestroyStarted`);if(r&&s){t.setState(`__destroyReason`,e),s(!i||i?.id===`driver-dummy-element`?void 0:i,a,t.getHookOpts(void 0,e));return}$===n&&($=void 0);let c=a?.onDeselected||t.getConfig(`onDeselected`),l=t.getConfig(`onDestroyed`);document.body.classList.remove(`driver-active`,`driver-fade`,`driver-simple`,`driver-no-scroll`),document.body.style.removeProperty(`--driver-animation-duration`),g(),ce(t),T(t.getState(`popover`)),re(),M(t),t.resetEmitter();let u=t.getState();if(t.resetState(),i&&a){let n=i.id===`driver-dummy-element`;c&&c(n?void 0:i,a,t.getHookOpts(u,e)),l&&l(n?void 0:i,a,t.getHookOpts(u,e))}o&&o.focus()}let b={isActive:()=>t.getState(`isInitialized`)||!1,refresh:()=>Q(t),drive:(e=0)=>{h(),v(e)},setConfig:t.setConfig,setSteps:e=>{g(),t.resetState(),t.setConfig({...t.getConfig(),steps:e})},getConfig:t.getConfig,getState:t.getState,getActiveIndex:()=>t.getState(`activeIndex`),isFirstStep:()=>{let e=t.getState(`activeIndex`);return e!==void 0&&F(t,e-1,-1)===void 0},isLastStep:()=>{let e=t.getState(`activeIndex`);return e!==void 0&&F(t,e+1,1)===void 0},getActiveStep:()=>t.getState(`activeStep`),getActiveElement:()=>t.getState(`activeElement`),getPreviousElement:()=>t.getState(`previousElement`),getPreviousStep:()=>t.getState(`previousStep`),getNextStep:()=>{let e=t.getConfig(`steps`)||[],n=t.getState(`activeIndex`);if(n===void 0)return;let r=F(t,n+1,1);return r===void 0?void 0:e[r]},moveNext:c,movePrevious:l,moveTo:u,hasNextStep:()=>{let e=t.getState(`activeIndex`);return e!==void 0&&F(t,e+1,1)!==void 0},hasPreviousStep:()=>{let e=t.getState(`activeIndex`);return e!==void 0&&F(t,e-1,-1)!==void 0},highlight:e=>{h(),t.setState(`__destroyReason`,void 0),X(t,{...e,popover:e.popover?{showButtons:[],showProgress:!1,progressText:``,...e.popover}:void 0})},destroy:()=>{y(`api`,!1)}};return t.setDriver(b),b}export{pe as driver};

data/app/components/mensa/table/tour.css

@@ -0,0 +1,39 @@
+/* Dark mode for the driver.js tour popover. driver.css is vendored unmodified, so the
+   overrides live here and must be imported after it. */
+.driver-popover {
+    @apply dark:bg-gray-800 dark:text-gray-100 dark:ring-1 dark:ring-white/10;
+}
+
+.driver-popover-description {
+    @apply dark:text-gray-300;
+}
+
+.driver-popover-progress-text {
+    @apply dark:text-gray-400;
+}
+
+.driver-popover-close-btn {
+    @apply dark:text-gray-500 dark:hover:text-gray-200 dark:focus:text-gray-200;
+}
+
+.driver-popover-footer button {
+    @apply dark:bg-gray-700 dark:text-gray-100 dark:border-gray-600 dark:[text-shadow:none] dark:hover:bg-gray-600 dark:focus:bg-gray-600;
+}
+
+/* The arrow is a border triangle: only the side pointing at the element is coloured,
+   the other three stay transparent. */
+.driver-popover-arrow-side-left {
+    @apply dark:border-l-gray-800;
+}
+
+.driver-popover-arrow-side-right {
+    @apply dark:border-r-gray-800;
+}
+
+.driver-popover-arrow-side-top {
+    @apply dark:border-t-gray-800;
+}
+
+.driver-popover-arrow-side-bottom {
+    @apply dark:border-b-gray-800;
+}

data/app/components/mensa/table/tour_controller.js

@@ -1,5 +1,5 @@
 import ApplicationController from "mensa/controllers/application_controller";
-import { driver } from "driver.js";
+import { driver } from "mensa/components/table/driver";
 
 // Explains the table's features the first time each one is seen. Every feature is
 // its own segment, remembered in localStorage, so a feature missing on one table is

data/config/importmap.rb

@@ -4,5 +4,4 @@ pin "@hotwired/stimulus", to: "stimulus.min.js", preload: true
 pin "@hotwired/stimulus-loading", to: "stimulus-loading.js", preload: true
 pin_all_from Mensa::Engine.root.join("app/javascript/mensa/controllers"), under: "mensa/controllers", to: "mensa/controllers", preload: false
 pin_all_from Mensa::Engine.root.join("app/components/mensa"), under: "mensa/components", to: "mensa", preload: false
-pin "driver.js", to: "driver.js.js" # @1.3.6
 pin "@rails/request.js", to: "@rails--request.js.js" # @0.0.9

data/lib/mensa/version.rb

@@ -1,3 +1,3 @@
 module Mensa
-  VERSION = "0.9.1"
+  VERSION = "0.9.2"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: mensa
 version: !ruby/object:Gem::Version
-  version: 0.9.1
+  version: 0.9.2
 platform: ruby
 authors:
 - Tom de Grunt
@@ -240,6 +240,8 @@ files:
 - app/components/mensa/table/component.html.erb
 - app/components/mensa/table/component.rb
 - app/components/mensa/table/component_controller.js
+- app/components/mensa/table/driver.js
+- app/components/mensa/table/tour.css
 - app/components/mensa/table/tour_controller.js
 - app/components/mensa/table_row/component.css
 - app/components/mensa/table_row/component.html.erb
@@ -345,7 +347,6 @@ files:
 - package-lock.json
 - package.json
 - vendor/javascript/@rails--request.js.js
-- vendor/javascript/driver.js.js
 homepage: https://github.com/entdec/mensa
 licenses:
 - MIT

data/vendor/javascript/driver.js.js

@@ -1,666 +0,0 @@
-let z = {}, J;
-function F(e = {}) {
-  z = {
-    animate: !0,
-    allowClose: !0,
-    overlayClickBehavior: "close",
-    overlayOpacity: 0.7,
-    smoothScroll: !1,
-    disableActiveInteraction: !1,
-    showProgress: !1,
-    stagePadding: 10,
-    stageRadius: 5,
-    popoverOffset: 10,
-    showButtons: ["next", "previous", "close"],
-    disableButtons: [],
-    overlayColor: "#000",
-    ...e
-  };
-}
-function s(e) {
-  return e ? z[e] : z;
-}
-function le(e) {
-  J = e;
-}
-function _() {
-  return J;
-}
-let I = {};
-function N(e, o) {
-  I[e] = o;
-}
-function L(e) {
-  var o;
-  (o = I[e]) == null || o.call(I);
-}
-function de() {
-  I = {};
-}
-function O(e, o, t, i) {
-  return (e /= i / 2) < 1 ? t / 2 * e * e + o : -t / 2 * (--e * (e - 2) - 1) + o;
-}
-function U(e) {
-  const o = 'a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])';
-  return e.flatMap((t) => {
-    const i = t.matches(o), d = Array.from(t.querySelectorAll(o));
-    return [...i ? [t] : [], ...d];
-  }).filter((t) => getComputedStyle(t).pointerEvents !== "none" && ve(t));
-}
-function ee(e) {
-  if (!e || ue(e))
-    return;
-  const o = s("smoothScroll"), t = e.offsetHeight > window.innerHeight;
-  e.scrollIntoView({
-    // Removing the smooth scrolling for elements which exist inside the scrollable parent
-    // This was causing the highlight to not properly render
-    behavior: !o || pe(e) ? "auto" : "smooth",
-    inline: "center",
-    block: t ? "start" : "center"
-  });
-}
-function pe(e) {
-  if (!e || !e.parentElement)
-    return;
-  const o = e.parentElement;
-  return o.scrollHeight > o.clientHeight;
-}
-function ue(e) {
-  const o = e.getBoundingClientRect();
-  return o.top >= 0 && o.left >= 0 && o.bottom <= (window.innerHeight || document.documentElement.clientHeight) && o.right <= (window.innerWidth || document.documentElement.clientWidth);
-}
-function ve(e) {
-  return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
-}
-let D = {};
-function k(e, o) {
-  D[e] = o;
-}
-function l(e) {
-  return e ? D[e] : D;
-}
-function X() {
-  D = {};
-}
-function fe(e, o, t, i) {
-  let d = l("__activeStagePosition");
-  const n = d || t.getBoundingClientRect(), f = i.getBoundingClientRect(), w = O(e, n.x, f.x - n.x, o), r = O(e, n.y, f.y - n.y, o), v = O(e, n.width, f.width - n.width, o), g = O(e, n.height, f.height - n.height, o);
-  d = {
-    x: w,
-    y: r,
-    width: v,
-    height: g
-  }, oe(d), k("__activeStagePosition", d);
-}
-function te(e) {
-  if (!e)
-    return;
-  const o = e.getBoundingClientRect(), t = {
-    x: o.x,
-    y: o.y,
-    width: o.width,
-    height: o.height
-  };
-  k("__activeStagePosition", t), oe(t);
-}
-function he() {
-  const e = l("__activeStagePosition"), o = l("__overlaySvg");
-  if (!e)
-    return;
-  if (!o) {
-    console.warn("No stage svg found.");
-    return;
-  }
-  const t = window.innerWidth, i = window.innerHeight;
-  o.setAttribute("viewBox", `0 0 ${t} ${i}`);
-}
-function ge(e) {
-  const o = we(e);
-  document.body.appendChild(o), re(o, (t) => {
-    t.target.tagName === "path" && L("overlayClick");
-  }), k("__overlaySvg", o);
-}
-function oe(e) {
-  const o = l("__overlaySvg");
-  if (!o) {
-    ge(e);
-    return;
-  }
-  const t = o.firstElementChild;
-  if ((t == null ? void 0 : t.tagName) !== "path")
-    throw new Error("no path element found in stage svg");
-  t.setAttribute("d", ie(e));
-}
-function we(e) {
-  const o = window.innerWidth, t = window.innerHeight, i = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  i.classList.add("driver-overlay", "driver-overlay-animated"), i.setAttribute("viewBox", `0 0 ${o} ${t}`), i.setAttribute("xmlSpace", "preserve"), i.setAttribute("xmlnsXlink", "http://www.w3.org/1999/xlink"), i.setAttribute("version", "1.1"), i.setAttribute("preserveAspectRatio", "xMinYMin slice"), i.style.fillRule = "evenodd", i.style.clipRule = "evenodd", i.style.strokeLinejoin = "round", i.style.strokeMiterlimit = "2", i.style.zIndex = "10000", i.style.position = "fixed", i.style.top = "0", i.style.left = "0", i.style.width = "100%", i.style.height = "100%";
-  const d = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  return d.setAttribute("d", ie(e)), d.style.fill = s("overlayColor") || "rgb(0,0,0)", d.style.opacity = `${s("overlayOpacity")}`, d.style.pointerEvents = "auto", d.style.cursor = "auto", i.appendChild(d), i;
-}
-function ie(e) {
-  const o = window.innerWidth, t = window.innerHeight, i = s("stagePadding") || 0, d = s("stageRadius") || 0, n = e.width + i * 2, f = e.height + i * 2, w = Math.min(d, n / 2, f / 2), r = Math.floor(Math.max(w, 0)), v = e.x - i + r, g = e.y - i, y = n - r * 2, a = f - r * 2;
-  return `M${o},0L0,0L0,${t}L${o},${t}L${o},0Z
-    M${v},${g} h${y} a${r},${r} 0 0 1 ${r},${r} v${a} a${r},${r} 0 0 1 -${r},${r} h-${y} a${r},${r} 0 0 1 -${r},-${r} v-${a} a${r},${r} 0 0 1 ${r},-${r} z`;
-}
-function me() {
-  const e = l("__overlaySvg");
-  e && e.remove();
-}
-function ye() {
-  const e = document.getElementById("driver-dummy-element");
-  if (e)
-    return e;
-  let o = document.createElement("div");
-  return o.id = "driver-dummy-element", o.style.width = "0", o.style.height = "0", o.style.pointerEvents = "none", o.style.opacity = "0", o.style.position = "fixed", o.style.top = "50%", o.style.left = "50%", document.body.appendChild(o), o;
-}
-function j(e) {
-  const { element: o } = e;
-  let t = typeof o == "function" ? o() : typeof o == "string" ? document.querySelector(o) : o;
-  t || (t = ye()), be(t, e);
-}
-function xe() {
-  const e = l("__activeElement"), o = l("__activeStep");
-  e && (te(e), he(), ae(e, o));
-}
-function be(e, o) {
-  var C;
-  const i = Date.now(), d = l("__activeStep"), n = l("__activeElement") || e, f = !n || n === e, w = e.id === "driver-dummy-element", r = n.id === "driver-dummy-element", v = s("animate"), g = o.onHighlightStarted || s("onHighlightStarted"), y = (o == null ? void 0 : o.onHighlighted) || s("onHighlighted"), a = (d == null ? void 0 : d.onDeselected) || s("onDeselected"), p = s(), c = l();
-  !f && a && a(r ? void 0 : n, d, {
-    config: p,
-    state: c,
-    driver: _()
-  }), g && g(w ? void 0 : e, o, {
-    config: p,
-    state: c,
-    driver: _()
-  });
-  const u = !f && v;
-  let h = !1;
-  _e(), k("previousStep", d), k("previousElement", n), k("activeStep", o), k("activeElement", e);
-  const m = () => {
-    if (l("__transitionCallback") !== m)
-      return;
-    const b = Date.now() - i, E = 400 - b <= 400 / 2;
-    o.popover && E && !h && u && (Q(e, o), h = !0), s("animate") && b < 400 ? fe(b, 400, n, e) : (te(e), y && y(w ? void 0 : e, o, {
-      config: s(),
-      state: l(),
-      driver: _()
-    }), k("__transitionCallback", void 0), k("__previousStep", d), k("__previousElement", n), k("__activeStep", o), k("__activeElement", e)), window.requestAnimationFrame(m);
-  };
-  k("__transitionCallback", m), window.requestAnimationFrame(m), ee(e), !u && o.popover && Q(e, o), n.classList.remove("driver-active-element", "driver-no-interaction"), n.removeAttribute("aria-haspopup"), n.removeAttribute("aria-expanded"), n.removeAttribute("aria-controls"), ((C = o.disableActiveInteraction) != null ? C : s("disableActiveInteraction")) && e.classList.add("driver-no-interaction"), e.classList.add("driver-active-element"), e.setAttribute("aria-haspopup", "dialog"), e.setAttribute("aria-expanded", "true"), e.setAttribute("aria-controls", "driver-popover-content");
-}
-function Ce() {
-  var e;
-  (e = document.getElementById("driver-dummy-element")) == null || e.remove(), document.querySelectorAll(".driver-active-element").forEach((o) => {
-    o.classList.remove("driver-active-element", "driver-no-interaction"), o.removeAttribute("aria-haspopup"), o.removeAttribute("aria-expanded"), o.removeAttribute("aria-controls");
-  });
-}
-function M() {
-  const e = l("__resizeTimeout");
-  e && window.cancelAnimationFrame(e), k("__resizeTimeout", window.requestAnimationFrame(xe));
-}
-function Pe(e) {
-  var r;
-  if (!l("isInitialized") || !(e.key === "Tab" || e.keyCode === 9))
-    return;
-  const i = l("__activeElement"), d = (r = l("popover")) == null ? void 0 : r.wrapper, n = U([
-    ...d ? [d] : [],
-    ...i ? [i] : []
-  ]), f = n[0], w = n[n.length - 1];
-  if (e.preventDefault(), e.shiftKey) {
-    const v = n[n.indexOf(document.activeElement) - 1] || w;
-    v == null || v.focus();
-  } else {
-    const v = n[n.indexOf(document.activeElement) + 1] || f;
-    v == null || v.focus();
-  }
-}
-function ne(e) {
-  var t;
-  ((t = s("allowKeyboardControl")) == null || t) && (e.key === "Escape" ? L("escapePress") : e.key === "ArrowRight" ? L("arrowRightPress") : e.key === "ArrowLeft" && L("arrowLeftPress"));
-}
-function re(e, o, t) {
-  const i = (n, f) => {
-    const w = n.target;
-    e.contains(w) && ((!t || t(w)) && (n.preventDefault(), n.stopPropagation(), n.stopImmediatePropagation()), f == null || f(n));
-  };
-  document.addEventListener("pointerdown", i, !0), document.addEventListener("mousedown", i, !0), document.addEventListener("pointerup", i, !0), document.addEventListener("mouseup", i, !0), document.addEventListener(
-    "click",
-    (n) => {
-      i(n, o);
-    },
-    !0
-  );
-}
-function ke() {
-  window.addEventListener("keyup", ne, !1), window.addEventListener("keydown", Pe, !1), window.addEventListener("resize", M), window.addEventListener("scroll", M);
-}
-function Se() {
-  window.removeEventListener("keyup", ne), window.removeEventListener("resize", M), window.removeEventListener("scroll", M);
-}
-function _e() {
-  const e = l("popover");
-  e && (e.wrapper.style.display = "none");
-}
-function Q(e, o) {
-  var b, P;
-  let t = l("popover");
-  t && document.body.removeChild(t.wrapper), t = Le(), document.body.appendChild(t.wrapper);
-  const {
-    title: i,
-    description: d,
-    showButtons: n,
-    disableButtons: f,
-    showProgress: w,
-    nextBtnText: r = s("nextBtnText") || "Next &rarr;",
-    prevBtnText: v = s("prevBtnText") || "&larr; Previous",
-    progressText: g = s("progressText") || "{current} of {total}"
-  } = o.popover || {};
-  t.nextButton.innerHTML = r, t.previousButton.innerHTML = v, t.progress.innerHTML = g, i ? (t.title.innerHTML = i, t.title.style.display = "block") : t.title.style.display = "none", d ? (t.description.innerHTML = d, t.description.style.display = "block") : t.description.style.display = "none";
-  const y = n || s("showButtons"), a = w || s("showProgress") || !1, p = (y == null ? void 0 : y.includes("next")) || (y == null ? void 0 : y.includes("previous")) || a;
-  t.closeButton.style.display = y.includes("close") ? "block" : "none", p ? (t.footer.style.display = "flex", t.progress.style.display = a ? "block" : "none", t.nextButton.style.display = y.includes("next") ? "block" : "none", t.previousButton.style.display = y.includes("previous") ? "block" : "none") : t.footer.style.display = "none";
-  const c = f || s("disableButtons") || [];
-  c != null && c.includes("next") && (t.nextButton.disabled = !0, t.nextButton.classList.add("driver-popover-btn-disabled")), c != null && c.includes("previous") && (t.previousButton.disabled = !0, t.previousButton.classList.add("driver-popover-btn-disabled")), c != null && c.includes("close") && (t.closeButton.disabled = !0, t.closeButton.classList.add("driver-popover-btn-disabled"));
-  const u = t.wrapper;
-  u.style.display = "block", u.style.left = "", u.style.top = "", u.style.bottom = "", u.style.right = "", u.id = "driver-popover-content", u.setAttribute("role", "dialog"), u.setAttribute("aria-labelledby", "driver-popover-title"), u.setAttribute("aria-describedby", "driver-popover-description");
-  const h = t.arrow;
-  h.className = "driver-popover-arrow";
-  const m = ((b = o.popover) == null ? void 0 : b.popoverClass) || s("popoverClass") || "";
-  u.className = `driver-popover ${m}`.trim(), re(
-    t.wrapper,
-    (E) => {
-      var B, R, W;
-      const T = E.target, A = ((B = o.popover) == null ? void 0 : B.onNextClick) || s("onNextClick"), H = ((R = o.popover) == null ? void 0 : R.onPrevClick) || s("onPrevClick"), $ = ((W = o.popover) == null ? void 0 : W.onCloseClick) || s("onCloseClick");
-      if (T.closest(".driver-popover-next-btn"))
-        return A ? A(e, o, {
-          config: s(),
-          state: l(),
-          driver: _()
-        }) : L("nextClick");
-      if (T.closest(".driver-popover-prev-btn"))
-        return H ? H(e, o, {
-          config: s(),
-          state: l(),
-          driver: _()
-        }) : L("prevClick");
-      if (T.closest(".driver-popover-close-btn"))
-        return $ ? $(e, o, {
-          config: s(),
-          state: l(),
-          driver: _()
-        }) : L("closeClick");
-    },
-    (E) => !(t != null && t.description.contains(E)) && !(t != null && t.title.contains(E)) && typeof E.className == "string" && E.className.includes("driver-popover")
-  ), k("popover", t);
-  const x = ((P = o.popover) == null ? void 0 : P.onPopoverRender) || s("onPopoverRender");
-  x && x(t, {
-    config: s(),
-    state: l(),
-    driver: _()
-  }), ae(e, o), ee(u);
-  const C = e.classList.contains("driver-dummy-element"), S = U([u, ...C ? [] : [e]]);
-  S.length > 0 && S[0].focus();
-}
-function se() {
-  const e = l("popover");
-  if (!(e != null && e.wrapper))
-    return;
-  const o = e.wrapper.getBoundingClientRect(), t = s("stagePadding") || 0, i = s("popoverOffset") || 0;
-  return {
-    width: o.width + t + i,
-    height: o.height + t + i,
-    realWidth: o.width,
-    realHeight: o.height
-  };
-}
-function Z(e, o) {
-  const { elementDimensions: t, popoverDimensions: i, popoverPadding: d, popoverArrowDimensions: n } = o;
-  return e === "start" ? Math.max(
-    Math.min(
-      t.top - d,
-      window.innerHeight - i.realHeight - n.width
-    ),
-    n.width
-  ) : e === "end" ? Math.max(
-    Math.min(
-      t.top - (i == null ? void 0 : i.realHeight) + t.height + d,
-      window.innerHeight - (i == null ? void 0 : i.realHeight) - n.width
-    ),
-    n.width
-  ) : e === "center" ? Math.max(
-    Math.min(
-      t.top + t.height / 2 - (i == null ? void 0 : i.realHeight) / 2,
-      window.innerHeight - (i == null ? void 0 : i.realHeight) - n.width
-    ),
-    n.width
-  ) : 0;
-}
-function G(e, o) {
-  const { elementDimensions: t, popoverDimensions: i, popoverPadding: d, popoverArrowDimensions: n } = o;
-  return e === "start" ? Math.max(
-    Math.min(
-      t.left - d,
-      window.innerWidth - i.realWidth - n.width
-    ),
-    n.width
-  ) : e === "end" ? Math.max(
-    Math.min(
-      t.left - (i == null ? void 0 : i.realWidth) + t.width + d,
-      window.innerWidth - (i == null ? void 0 : i.realWidth) - n.width
-    ),
-    n.width
-  ) : e === "center" ? Math.max(
-    Math.min(
-      t.left + t.width / 2 - (i == null ? void 0 : i.realWidth) / 2,
-      window.innerWidth - (i == null ? void 0 : i.realWidth) - n.width
-    ),
-    n.width
-  ) : 0;
-}
-function ae(e, o) {
-  const t = l("popover");
-  if (!t)
-    return;
-  const { align: i = "start", side: d = "left" } = (o == null ? void 0 : o.popover) || {}, n = i, f = e.id === "driver-dummy-element" ? "over" : d, w = s("stagePadding") || 0, r = se(), v = t.arrow.getBoundingClientRect(), g = e.getBoundingClientRect(), y = g.top - r.height;
-  let a = y >= 0;
-  const p = window.innerHeight - (g.bottom + r.height);
-  let c = p >= 0;
-  const u = g.left - r.width;
-  let h = u >= 0;
-  const m = window.innerWidth - (g.right + r.width);
-  let x = m >= 0;
-  const C = !a && !c && !h && !x;
-  let S = f;
-  if (f === "top" && a ? x = h = c = !1 : f === "bottom" && c ? x = h = a = !1 : f === "left" && h ? x = a = c = !1 : f === "right" && x && (h = a = c = !1), f === "over") {
-    const b = window.innerWidth / 2 - r.realWidth / 2, P = window.innerHeight / 2 - r.realHeight / 2;
-    t.wrapper.style.left = `${b}px`, t.wrapper.style.right = "auto", t.wrapper.style.top = `${P}px`, t.wrapper.style.bottom = "auto";
-  } else if (C) {
-    const b = window.innerWidth / 2 - (r == null ? void 0 : r.realWidth) / 2, P = 10;
-    t.wrapper.style.left = `${b}px`, t.wrapper.style.right = "auto", t.wrapper.style.bottom = `${P}px`, t.wrapper.style.top = "auto";
-  } else if (h) {
-    const b = Math.min(
-      u,
-      window.innerWidth - (r == null ? void 0 : r.realWidth) - v.width
-    ), P = Z(n, {
-      elementDimensions: g,
-      popoverDimensions: r,
-      popoverPadding: w,
-      popoverArrowDimensions: v
-    });
-    t.wrapper.style.left = `${b}px`, t.wrapper.style.top = `${P}px`, t.wrapper.style.bottom = "auto", t.wrapper.style.right = "auto", S = "left";
-  } else if (x) {
-    const b = Math.min(
-      m,
-      window.innerWidth - (r == null ? void 0 : r.realWidth) - v.width
-    ), P = Z(n, {
-      elementDimensions: g,
-      popoverDimensions: r,
-      popoverPadding: w,
-      popoverArrowDimensions: v
-    });
-    t.wrapper.style.right = `${b}px`, t.wrapper.style.top = `${P}px`, t.wrapper.style.bottom = "auto", t.wrapper.style.left = "auto", S = "right";
-  } else if (a) {
-    const b = Math.min(
-      y,
-      window.innerHeight - r.realHeight - v.width
-    );
-    let P = G(n, {
-      elementDimensions: g,
-      popoverDimensions: r,
-      popoverPadding: w,
-      popoverArrowDimensions: v
-    });
-    t.wrapper.style.top = `${b}px`, t.wrapper.style.left = `${P}px`, t.wrapper.style.bottom = "auto", t.wrapper.style.right = "auto", S = "top";
-  } else if (c) {
-    const b = Math.min(
-      p,
-      window.innerHeight - (r == null ? void 0 : r.realHeight) - v.width
-    );
-    let P = G(n, {
-      elementDimensions: g,
-      popoverDimensions: r,
-      popoverPadding: w,
-      popoverArrowDimensions: v
-    });
-    t.wrapper.style.left = `${P}px`, t.wrapper.style.bottom = `${b}px`, t.wrapper.style.top = "auto", t.wrapper.style.right = "auto", S = "bottom";
-  }
-  C ? t.arrow.classList.add("driver-popover-arrow-none") : Ee(n, S, e);
-}
-function Ee(e, o, t) {
-  const i = l("popover");
-  if (!i)
-    return;
-  const d = t.getBoundingClientRect(), n = se(), f = i.arrow, w = n.width, r = window.innerWidth, v = d.width, g = d.left, y = n.height, a = window.innerHeight, p = d.top, c = d.height;
-  f.className = "driver-popover-arrow";
-  let u = o, h = e;
-  if (o === "top" ? (g + v <= 0 ? (u = "right", h = "end") : g + v - w <= 0 && (u = "top", h = "start"), g >= r ? (u = "left", h = "end") : g + w >= r && (u = "top", h = "end")) : o === "bottom" ? (g + v <= 0 ? (u = "right", h = "start") : g + v - w <= 0 && (u = "bottom", h = "start"), g >= r ? (u = "left", h = "start") : g + w >= r && (u = "bottom", h = "end")) : o === "left" ? (p + c <= 0 ? (u = "bottom", h = "end") : p + c - y <= 0 && (u = "left", h = "start"), p >= a ? (u = "top", h = "end") : p + y >= a && (u = "left", h = "end")) : o === "right" && (p + c <= 0 ? (u = "bottom", h = "start") : p + c - y <= 0 && (u = "right", h = "start"), p >= a ? (u = "top", h = "start") : p + y >= a && (u = "right", h = "end")), !u)
-    f.classList.add("driver-popover-arrow-none");
-  else {
-    f.classList.add(`driver-popover-arrow-side-${u}`), f.classList.add(`driver-popover-arrow-align-${h}`);
-    const m = t.getBoundingClientRect(), x = f.getBoundingClientRect(), C = s("stagePadding") || 0, S = m.left - C < window.innerWidth && m.right + C > 0 && m.top - C < window.innerHeight && m.bottom + C > 0;
-    o === "bottom" && S && (x.x > m.x && x.x + x.width < m.x + m.width ? i.wrapper.style.transform = "translateY(0)" : (f.classList.remove(`driver-popover-arrow-align-${h}`), f.classList.add("driver-popover-arrow-none"), i.wrapper.style.transform = `translateY(-${C / 2}px)`));
-  }
-}
-function Le() {
-  const e = document.createElement("div");
-  e.classList.add("driver-popover");
-  const o = document.createElement("div");
-  o.classList.add("driver-popover-arrow");
-  const t = document.createElement("header");
-  t.id = "driver-popover-title", t.classList.add("driver-popover-title"), t.style.display = "none", t.innerText = "Popover Title";
-  const i = document.createElement("div");
-  i.id = "driver-popover-description", i.classList.add("driver-popover-description"), i.style.display = "none", i.innerText = "Popover description is here";
-  const d = document.createElement("button");
-  d.type = "button", d.classList.add("driver-popover-close-btn"), d.setAttribute("aria-label", "Close"), d.innerHTML = "&times;";
-  const n = document.createElement("footer");
-  n.classList.add("driver-popover-footer");
-  const f = document.createElement("span");
-  f.classList.add("driver-popover-progress-text"), f.innerText = "";
-  const w = document.createElement("span");
-  w.classList.add("driver-popover-navigation-btns");
-  const r = document.createElement("button");
-  r.type = "button", r.classList.add("driver-popover-prev-btn"), r.innerHTML = "&larr; Previous";
-  const v = document.createElement("button");
-  return v.type = "button", v.classList.add("driver-popover-next-btn"), v.innerHTML = "Next &rarr;", w.appendChild(r), w.appendChild(v), n.appendChild(f), n.appendChild(w), e.appendChild(d), e.appendChild(o), e.appendChild(t), e.appendChild(i), e.appendChild(n), {
-    wrapper: e,
-    arrow: o,
-    title: t,
-    description: i,
-    footer: n,
-    previousButton: r,
-    nextButton: v,
-    closeButton: d,
-    footerButtons: w,
-    progress: f
-  };
-}
-function Te() {
-  var o;
-  const e = l("popover");
-  e && ((o = e.wrapper.parentElement) == null || o.removeChild(e.wrapper));
-}
-function Ae(e = {}) {
-  F(e);
-  function o() {
-    s("allowClose") && g();
-  }
-  function t() {
-    const a = s("overlayClickBehavior");
-    if (s("allowClose") && a === "close") {
-      g();
-      return;
-    }
-    a === "nextStep" && i();
-  }
-  function i() {
-    const a = l("activeIndex"), p = s("steps") || [];
-    if (typeof a == "undefined")
-      return;
-    const c = a + 1;
-    p[c] ? v(c) : g();
-  }
-  function d() {
-    const a = l("activeIndex"), p = s("steps") || [];
-    if (typeof a == "undefined")
-      return;
-    const c = a - 1;
-    p[c] ? v(c) : g();
-  }
-  function n(a) {
-    (s("steps") || [])[a] ? v(a) : g();
-  }
-  function f() {
-    var x;
-    if (l("__transitionCallback"))
-      return;
-    const p = l("activeIndex"), c = l("__activeStep"), u = l("__activeElement");
-    if (typeof p == "undefined" || typeof c == "undefined" || typeof l("activeIndex") == "undefined")
-      return;
-    const m = ((x = c.popover) == null ? void 0 : x.onPrevClick) || s("onPrevClick");
-    if (m)
-      return m(u, c, {
-        config: s(),
-        state: l(),
-        driver: _()
-      });
-    d();
-  }
-  function w() {
-    var m;
-    if (l("__transitionCallback"))
-      return;
-    const p = l("activeIndex"), c = l("__activeStep"), u = l("__activeElement");
-    if (typeof p == "undefined" || typeof c == "undefined")
-      return;
-    const h = ((m = c.popover) == null ? void 0 : m.onNextClick) || s("onNextClick");
-    if (h)
-      return h(u, c, {
-        config: s(),
-        state: l(),
-        driver: _()
-      });
-    i();
-  }
-  function r() {
-    l("isInitialized") || (k("isInitialized", !0), document.body.classList.add("driver-active", s("animate") ? "driver-fade" : "driver-simple"), ke(), N("overlayClick", t), N("escapePress", o), N("arrowLeftPress", f), N("arrowRightPress", w));
-  }
-  function v(a = 0) {
-    var $, B, R, W, V, q, K, Y;
-    const p = s("steps");
-    if (!p) {
-      console.error("No steps to drive through"), g();
-      return;
-    }
-    if (!p[a]) {
-      g();
-      return;
-    }
-    k("__activeOnDestroyed", document.activeElement), k("activeIndex", a);
-    const c = p[a], u = p[a + 1], h = p[a - 1], m = (($ = c.popover) == null ? void 0 : $.doneBtnText) || s("doneBtnText") || "Done", x = s("allowClose"), C = typeof ((B = c.popover) == null ? void 0 : B.showProgress) != "undefined" ? (R = c.popover) == null ? void 0 : R.showProgress : s("showProgress"), b = (((W = c.popover) == null ? void 0 : W.progressText) || s("progressText") || "{{current}} of {{total}}").replace("{{current}}", `${a + 1}`).replace("{{total}}", `${p.length}`), P = ((V = c.popover) == null ? void 0 : V.showButtons) || s("showButtons"), E = [
-      "next",
-      "previous",
-      ...x ? ["close"] : []
-    ].filter((ce) => !(P != null && P.length) || P.includes(ce)), T = ((q = c.popover) == null ? void 0 : q.onNextClick) || s("onNextClick"), A = ((K = c.popover) == null ? void 0 : K.onPrevClick) || s("onPrevClick"), H = ((Y = c.popover) == null ? void 0 : Y.onCloseClick) || s("onCloseClick");
-    j({
-      ...c,
-      popover: {
-        showButtons: E,
-        nextBtnText: u ? void 0 : m,
-        disableButtons: [...h ? [] : ["previous"]],
-        showProgress: C,
-        progressText: b,
-        onNextClick: T || (() => {
-          u ? v(a + 1) : g();
-        }),
-        onPrevClick: A || (() => {
-          v(a - 1);
-        }),
-        onCloseClick: H || (() => {
-          g();
-        }),
-        ...(c == null ? void 0 : c.popover) || {}
-      }
-    });
-  }
-  function g(a = !0) {
-    const p = l("__activeElement"), c = l("__activeStep"), u = l("__activeOnDestroyed"), h = s("onDestroyStarted");
-    if (a && h) {
-      const C = !p || (p == null ? void 0 : p.id) === "driver-dummy-element";
-      h(C ? void 0 : p, c, {
-        config: s(),
-        state: l(),
-        driver: _()
-      });
-      return;
-    }
-    const m = (c == null ? void 0 : c.onDeselected) || s("onDeselected"), x = s("onDestroyed");
-    if (document.body.classList.remove("driver-active", "driver-fade", "driver-simple"), Se(), Te(), Ce(), me(), de(), X(), p && c) {
-      const C = p.id === "driver-dummy-element";
-      m && m(C ? void 0 : p, c, {
-        config: s(),
-        state: l(),
-        driver: _()
-      }), x && x(C ? void 0 : p, c, {
-        config: s(),
-        state: l(),
-        driver: _()
-      });
-    }
-    u && u.focus();
-  }
-  const y = {
-    isActive: () => l("isInitialized") || !1,
-    refresh: M,
-    drive: (a = 0) => {
-      r(), v(a);
-    },
-    setConfig: F,
-    setSteps: (a) => {
-      X(), F({
-        ...s(),
-        steps: a
-      });
-    },
-    getConfig: s,
-    getState: l,
-    getActiveIndex: () => l("activeIndex"),
-    isFirstStep: () => l("activeIndex") === 0,
-    isLastStep: () => {
-      const a = s("steps") || [], p = l("activeIndex");
-      return p !== void 0 && p === a.length - 1;
-    },
-    getActiveStep: () => l("activeStep"),
-    getActiveElement: () => l("activeElement"),
-    getPreviousElement: () => l("previousElement"),
-    getPreviousStep: () => l("previousStep"),
-    moveNext: i,
-    movePrevious: d,
-    moveTo: n,
-    hasNextStep: () => {
-      const a = s("steps") || [], p = l("activeIndex");
-      return p !== void 0 && !!a[p + 1];
-    },
-    hasPreviousStep: () => {
-      const a = s("steps") || [], p = l("activeIndex");
-      return p !== void 0 && !!a[p - 1];
-    },
-    highlight: (a) => {
-      r(), j({
-        ...a,
-        popover: a.popover ? {
-          showButtons: [],
-          showProgress: !1,
-          progressText: "",
-          ...a.popover
-        } : void 0
-      });
-    },
-    destroy: () => {
-      g(!1);
-    }
-  };
-  return le(y), y;
-}
-export {
-  Ae as driver
-};