`),s.style.left=`${a}%`,l.event(e)&&["mouseenter","mouseleave"].includes(e.type)&&r(e.type==="mouseenter")},timeUpdate(e){const i=!l.element(this.elements.display.duration)&&this.config.invertTime;w.updateTimeDisplay.call(this,this.elements.display.currentTime,i?this.duration-this.currentTime:this.currentTime,i),e&&e.type==="timeupdate"&&this.media.seeking||w.updateProgress.call(this,e)},durationUpdate(){if(!this.supported.ui||!this.config.invertTime&&this.currentTime)return;if(this.duration>=2**32)return de(this.elements.display.currentTime,!0),void de(this.elements.progress,!0);l.element(this.elements.inputs.seek)&&this.elements.inputs.seek.setAttribute("aria-valuemax",this.duration);const e=l.element(this.elements.display.duration);!e&&this.config.displayDuration&&this.paused&&w.updateTimeDisplay.call(this,this.elements.display.currentTime,this.duration),e&&w.updateTimeDisplay.call(this,this.elements.display.duration,this.duration),this.config.markers.enabled&&w.setMarkers.call(this),w.updateSeekTooltip.call(this)},toggleMenuButton(e,i){de(this.elements.settings.buttons[e],!i)},updateSetting(e,i,t){const s=this.elements.settings.panels[e];let n=null,r=i;if(e==="captions")n=this.currentTrack;else{if(n=l.empty(t)?this[e]:t,l.empty(n)&&(n=this.config[e].default),!l.empty(this.options[e])&&!this.options[e].includes(n))return void this.debug.warn(`Unsupported value of '${n}' for ${e}`);if(!this.config[e].options.includes(n))return void this.debug.warn(`Disabled value of '${n}' for ${e}`)}if(l.element(r)||(r=s&&s.querySelector('[role="menu"]')),!l.element(r))return;this.elements.settings.buttons[e].querySelector(`.${this.config.classNames.menu.value}`).innerHTML=w.getLabel.call(this,e,n);const a=r&&r.querySelector(`[value="${n}"]`);l.element(a)&&(a.checked=!0)},getLabel(e,i){switch(e){case"speed":return i===1?Y.get("normal",this.config):`${i}×`;case"quality":if(l.number(i)){const t=Y.get(`qualityLabel.${i}`,this.config);return t.length?t:`${i}p`}return bi(i);case"captions":return H.getLabel.call(this);default:return null}},setQualityMenu(e){if(!l.element(this.elements.settings.panels.quality))return;const i="quality",t=this.elements.settings.panels.quality.querySelector('[role="menu"]');l.array(e)&&(this.options.quality=vt(e).filter(r=>this.config.quality.options.includes(r)));const s=!l.empty(this.options.quality)&&this.options.quality.length>1;if(w.toggleMenuButton.call(this,i,s),Re(t),w.checkMenu.call(this),!s)return;const n=r=>{const a=Y.get(`qualityBadge.${r}`,this.config);return a.length?w.createBadge.call(this,a):null};this.options.quality.sort((r,a)=>{const o=this.config.quality.options;return o.indexOf(r)>o.indexOf(a)?1:-1}).forEach(r=>{w.createMenuItem.call(this,{value:r,list:t,type:i,title:w.getLabel.call(this,"quality",r),badge:n(r)})}),w.updateSetting.call(this,i,t)},setCaptionsMenu(){if(!l.element(this.elements.settings.panels.captions))return;const e="captions",i=this.elements.settings.panels.captions.querySelector('[role="menu"]'),t=H.getTracks.call(this),s=!!t.length;if(w.toggleMenuButton.call(this,e,s),Re(i),w.checkMenu.call(this),!s)return;const n=t.map((r,a)=>({value:a,checked:this.captions.toggled&&this.currentTrack===a,title:H.getLabel.call(this,r),badge:r.language&&w.createBadge.call(this,r.language.toUpperCase()),list:i,type:"language"}));n.unshift({value:-1,checked:!this.captions.toggled,title:Y.get("disabled",this.config),list:i,type:"language"}),n.forEach(w.createMenuItem.bind(this)),w.updateSetting.call(this,e,i)},setSpeedMenu(){if(!l.element(this.elements.settings.panels.speed))return;const e="speed",i=this.elements.settings.panels.speed.querySelector('[role="menu"]');this.options.speed=this.options.speed.filter(s=>s>=this.minimumSpeed&&s<=this.maximumSpeed);const t=!l.empty(this.options.speed)&&this.options.speed.length>1;w.toggleMenuButton.call(this,e,t),Re(i),w.checkMenu.call(this),t&&(this.options.speed.forEach(s=>{w.createMenuItem.call(this,{value:s,list:i,type:e,title:w.getLabel.call(this,"speed",s)})}),w.updateSetting.call(this,e,i))},checkMenu(){const{buttons:e}=this.elements.settings,i=!l.empty(e)&&Object.values(e).some(t=>!t.hidden);de(this.elements.settings.menu,!i)},focusFirstMenuItem(e,i=!1){if(this.elements.settings.popup.hidden)return;let t=e;l.element(t)||(t=Object.values(this.elements.settings.panels).find(n=>!n.hidden));const s=t.querySelector('[role^="menuitem"]');Je.call(this,s,i)},toggleMenu(e){const{popup:i}=this.elements.settings,t=this.elements.buttons.settings;if(!l.element(i)||!l.element(t))return;const{hidden:s}=i;let n=s;if(l.boolean(e))n=e;else if(l.keyboardEvent(e)&&e.key==="Escape")n=!1;else if(l.event(e)){const r=l.function(e.composedPath)?e.composedPath()[0]:e.target,a=i.contains(r);if(a||!a&&e.target!==t&&n)return}t.setAttribute("aria-expanded",n),de(i,!n),D(this.elements.container,this.config.classNames.menu.open,n),n&&l.keyboardEvent(e)?w.focusFirstMenuItem.call(this,null,!0):n||s||Je.call(this,t,l.keyboardEvent(e))},getMenuSize(e){const i=e.cloneNode(!0);i.style.position="absolute",i.style.opacity=0,i.removeAttribute("hidden"),e.parentNode.appendChild(i);const t=i.scrollWidth,s=i.scrollHeight;return re(i),{width:t,height:s}},showMenuPanel(e="",i=!1){const t=this.elements.container.querySelector(`#plyr-settings-${this.id}-${e}`);if(!l.element(t))return;const s=t.parentNode,n=Array.from(s.children).find(r=>!r.hidden);if(z.transitions&&!z.reducedMotion){s.style.width=`${n.scrollWidth}px`,s.style.height=`${n.scrollHeight}px`;const r=w.getMenuSize.call(this,t),a=o=>{o.target===s&&["width","height"].includes(o.propertyName)&&(s.style.width="",s.style.height="",Ke.call(this,s,yt,a))};q.call(this,s,yt,a),s.style.width=`${r.width}px`,s.style.height=`${r.height}px`}de(n,!0),de(t,!1),w.focusFirstMenuItem.call(this,t,i)},setDownloadUrl(){const e=this.elements.buttons.download;l.element(e)&&e.setAttribute("href",this.download)},create(e){const{bindMenuItemShortcuts:i,createButton:t,createProgress:s,createRange:n,createTime:r,setQualityMenu:a,setSpeedMenu:o,showMenuPanel:c}=w;this.elements.controls=null,l.array(this.config.controls)&&this.config.controls.includes("play-large")&&this.elements.container.appendChild(t.call(this,"play-large"));const u=S("div",te(this.config.selectors.controls.wrapper));this.elements.controls=u;const d={class:"plyr__controls__item"};return vt(l.array(this.config.controls)?this.config.controls:[]).forEach(p=>{if(p==="restart"&&u.appendChild(t.call(this,"restart",d)),p==="rewind"&&u.appendChild(t.call(this,"rewind",d)),p==="play"&&u.appendChild(t.call(this,"play",d)),p==="fast-forward"&&u.appendChild(t.call(this,"fast-forward",d)),p==="progress"){const h=S("div",{class:`${d.class} plyr__progress__container`}),g=S("div",te(this.config.selectors.progress));if(g.appendChild(n.call(this,"seek",{id:`plyr-seek-${e.id}`})),g.appendChild(s.call(this,"buffer")),this.config.tooltips.seek){const k=S("span",{class:this.config.classNames.tooltip},"00:00");g.appendChild(k),this.elements.display.seekTooltip=k}this.elements.progress=g,h.appendChild(this.elements.progress),u.appendChild(h)}if(p==="current-time"&&u.appendChild(r.call(this,"currentTime",d)),p==="duration"&&u.appendChild(r.call(this,"duration",d)),p==="mute"||p==="volume"){let{volume:h}=this.elements;if(l.element(h)&&u.contains(h)||(h=S("div",U({},d,{class:`${d.class} plyr__volume`.trim()})),this.elements.volume=h,u.appendChild(h)),p==="mute"&&h.appendChild(t.call(this,"mute")),p==="volume"&&!G.isIos&&!G.isIPadOS){const g={max:1,step:.05,value:this.config.volume};h.appendChild(n.call(this,"volume",U(g,{id:`plyr-volume-${e.id}`})))}}if(p==="captions"&&u.appendChild(t.call(this,"captions",d)),p==="settings"&&!l.empty(this.config.settings)){const h=S("div",U({},d,{class:`${d.class} plyr__menu`.trim(),hidden:""}));h.appendChild(t.call(this,"settings",{"aria-haspopup":!0,"aria-controls":`plyr-settings-${e.id}`,"aria-expanded":!1}));const g=S("div",{class:"plyr__menu__container",id:`plyr-settings-${e.id}`,hidden:""}),k=S("div"),A=S("div",{id:`plyr-settings-${e.id}-home`}),T=S("div",{role:"menu"});A.appendChild(T),k.appendChild(A),this.elements.settings.panels.home=A,this.config.settings.forEach(b=>{const y=S("button",U(te(this.config.selectors.buttons.settings),{type:"button",class:`${this.config.classNames.control} ${this.config.classNames.control}--forward`,role:"menuitem","aria-haspopup":!0,hidden:""}));i.call(this,y,b),q.call(this,y,"click",()=>{c.call(this,b,!1)});const $=S("span",null,Y.get(b,this.config)),j=S("span",{class:this.config.classNames.menu.value});j.innerHTML=e[b],$.appendChild(j),y.appendChild($),T.appendChild(y);const B=S("div",{id:`plyr-settings-${e.id}-${b}`,hidden:""}),M=S("button",{type:"button",class:`${this.config.classNames.control} ${this.config.classNames.control}--back`});M.appendChild(S("span",{"aria-hidden":!0},Y.get(b,this.config))),M.appendChild(S("span",{class:this.config.classNames.hidden},Y.get("menuBack",this.config))),q.call(this,B,"keydown",m=>{m.key==="ArrowLeft"&&(m.preventDefault(),m.stopPropagation(),c.call(this,"home",!0))},!1),q.call(this,M,"click",()=>{c.call(this,"home",!1)}),B.appendChild(M),B.appendChild(S("div",{role:"menu"})),k.appendChild(B),this.elements.settings.buttons[b]=y,this.elements.settings.panels[b]=B}),g.appendChild(k),h.appendChild(g),u.appendChild(h),this.elements.settings.popup=g,this.elements.settings.menu=h}if(p==="pip"&&z.pip&&u.appendChild(t.call(this,"pip",d)),p==="airplay"&&z.airplay&&u.appendChild(t.call(this,"airplay",d)),p==="download"){const h=U({},d,{element:"a",href:this.download,target:"_blank"});this.isHTML5&&(h.download="");const{download:g}=this.config.urls;!l.url(g)&&this.isEmbed&&U(h,{icon:`logo-${this.provider}`,label:this.provider}),u.appendChild(t.call(this,"download",h))}p==="fullscreen"&&u.appendChild(t.call(this,"fullscreen",d))}),this.isHTML5&&a.call(this,le.getQualityOptions.call(this)),o.call(this),u},inject(){if(this.config.loadSprite){const n=w.getIconUrl.call(this);n.cors&&yi(n.url,"sprite-plyr")}this.id=Math.floor(1e4*Math.random());let e=null;this.elements.controls=null;const i={id:this.id,seektime:this.config.seekTime,title:this.config.title};let t=!0;l.function(this.config.controls)&&(this.config.controls=this.config.controls.call(this,i)),this.config.controls||(this.config.controls=[]),l.element(this.config.controls)||l.string(this.config.controls)?e=this.config.controls:(e=w.create.call(this,{id:this.id,seektime:this.config.seekTime,speed:this.speed,quality:this.quality,captions:H.getLabel.call(this)}),t=!1);let s;if(t&&l.string(this.config.controls)&&(e=(n=>{let r=n;return Object.entries(i).forEach(([a,o])=>{r=Ae(r,`{${a}}`,o)}),r})(e)),l.string(this.config.selectors.controls.container)&&(s=document.querySelector(this.config.selectors.controls.container)),l.element(s)||(s=this.elements.container),s[l.element(e)?"insertAdjacentElement":"insertAdjacentHTML"]("afterbegin",e),l.element(this.elements.controls)||w.findElements.call(this),!l.empty(this.elements.buttons)){const n=r=>{const a=this.config.classNames.controlPressed;r.setAttribute("aria-pressed","false"),Object.defineProperty(r,"pressed",{configurable:!0,enumerable:!0,get:()=>Fe(r,a),set(o=!1){D(r,a,o),r.setAttribute("aria-pressed",o?"true":"false")}})};Object.values(this.elements.buttons).filter(Boolean).forEach(r=>{l.array(r)||l.nodeList(r)?Array.from(r).filter(Boolean).forEach(n):n(r)})}if(G.isEdge&&ui(s),this.config.tooltips.controls){const{classNames:n,selectors:r}=this.config,a=`${r.controls.wrapper} ${r.labels} .${n.hidden}`,o=Ce.call(this,a);Array.from(o).forEach(c=>{D(c,this.config.classNames.hidden,!1),D(c,this.config.classNames.tooltip,!0)})}},setMediaMetadata(){try{"mediaSession"in navigator&&(navigator.mediaSession.metadata=new window.MediaMetadata({title:this.config.mediaMetadata.title,artist:this.config.mediaMetadata.artist,album:this.config.mediaMetadata.album,artwork:this.config.mediaMetadata.artwork}))}catch{}},setMarkers(){var e,i;if(!this.duration||this.elements.markers)return;const t=(e=this.config.markers)===null||e===void 0||(i=e.points)===null||i===void 0?void 0:i.filter(({time:c})=>c>0&&c
`)}this.showImageAtCurrentTime()}}),v(this,"endMove",()=>{this.toggleThumbContainer(!1,!0)}),v(this,"startScrubbing",t=>{(l.nullOrUndefined(t.button)||t.button===!1||t.button===0)&&(this.mouseDown=!0,this.player.media.duration&&(this.toggleScrubbingContainer(!0),this.toggleThumbContainer(!1,!0),this.showImageAtCurrentTime()))}),v(this,"endScrubbing",()=>{this.mouseDown=!1,Math.ceil(this.lastTime)===Math.ceil(this.player.media.currentTime)?this.toggleScrubbingContainer(!1):Mt.call(this.player,this.player.media,"timeupdate",()=>{this.mouseDown||this.toggleScrubbingContainer(!1)})}),v(this,"listeners",()=>{this.player.on("play",()=>{this.toggleThumbContainer(!1,!0)}),this.player.on("seeked",()=>{this.toggleThumbContainer(!1)}),this.player.on("timeupdate",()=>{this.lastTime=this.player.media.currentTime})}),v(this,"render",()=>{this.elements.thumb.container=S("div",{class:this.player.config.classNames.previewThumbnails.thumbContainer}),this.elements.thumb.imageContainer=S("div",{class:this.player.config.classNames.previewThumbnails.imageContainer}),this.elements.thumb.container.appendChild(this.elements.thumb.imageContainer);const t=S("div",{class:this.player.config.classNames.previewThumbnails.timeContainer});this.elements.thumb.time=S("span",{},"00:00"),t.appendChild(this.elements.thumb.time),this.elements.thumb.imageContainer.appendChild(t),l.element(this.player.elements.progress)&&this.player.elements.progress.appendChild(this.elements.thumb.container),this.elements.scrubbing.container=S("div",{class:this.player.config.classNames.previewThumbnails.scrubbingContainer}),this.player.elements.wrapper.appendChild(this.elements.scrubbing.container)}),v(this,"destroy",()=>{this.elements.thumb.container&&this.elements.thumb.container.remove(),this.elements.scrubbing.container&&this.elements.scrubbing.container.remove()}),v(this,"showImageAtCurrentTime",()=>{this.mouseDown?this.setScrubbingContainerSize():this.setThumbContainerSizeAndPos();const t=this.thumbnails[0].frames.findIndex(r=>this.seekTime>=r.startTime&&this.seekTime<=r.endTime),s=t>=0;let n=0;this.mouseDown||this.toggleThumbContainer(s),s&&(this.thumbnails.forEach((r,a)=>{this.loadedImages.includes(r.frames[t].text)&&(n=a)}),t!==this.showingThumb&&(this.showingThumb=t,this.loadImage(n)))}),v(this,"loadImage",(t=0)=>{const s=this.showingThumb,n=this.thumbnails[t],{urlPrefix:r}=n,a=n.frames[s],o=n.frames[s].text,c=r+o;if(this.currentImageElement&&this.currentImageElement.dataset.filename===o)this.showImage(this.currentImageElement,a,t,s,o,!1),this.currentImageElement.dataset.index=s,this.removeOldImages(this.currentImageElement);else{this.loadingImage&&this.usingSprites&&(this.loadingImage.onload=null);const u=new Image;u.src=c,u.dataset.index=s,u.dataset.filename=o,this.showingThumbFilename=o,this.player.debug.log(`Loading image: ${c}`),u.onload=()=>this.showImage(u,a,t,s,o,!0),this.loadingImage=u,this.removeOldImages(u)}}),v(this,"showImage",(t,s,n,r,a,o=!0)=>{this.player.debug.log(`Showing thumb: ${a}. num: ${r}. qual: ${n}. newimg: ${o}`),this.setImageSizeAndOffset(t,s),o&&(this.currentImageContainer.appendChild(t),this.currentImageElement=t,this.loadedImages.includes(a)||this.loadedImages.push(a)),this.preloadNearby(r,!0).then(this.preloadNearby(r,!1)).then(this.getHigherQuality(n,t,s,a))}),v(this,"removeOldImages",t=>{Array.from(this.currentImageContainer.children).forEach(s=>{if(s.tagName.toLowerCase()!=="img")return;const n=this.usingSprites?500:1e3;if(s.dataset.index!==t.dataset.index&&!s.dataset.deleting){s.dataset.deleting=!0;const{currentImageContainer:r}=this;setTimeout(()=>{r.removeChild(s),this.player.debug.log(`Removing thumb: ${s.dataset.filename}`)},n)}})}),v(this,"preloadNearby",(t,s=!0)=>new Promise(n=>{setTimeout(()=>{const r=this.thumbnails[0].frames[t].text;if(this.showingThumbFilename===r){let a;a=s?this.thumbnails[0].frames.slice(t):this.thumbnails[0].frames.slice(0,t).reverse();let o=!1;a.forEach(c=>{const u=c.text;if(u!==r&&!this.loadedImages.includes(u)){o=!0,this.player.debug.log(`Preloading thumb filename: ${u}`);const{urlPrefix:d}=this.thumbnails[0],p=d+u,h=new Image;h.src=p,h.onload=()=>{this.player.debug.log(`Preloaded thumb filename: ${u}`),this.loadedImages.includes(u)||this.loadedImages.push(u),n()}}}),o||n()}},300)})),v(this,"getHigherQuality",(t,s,n,r)=>{if(t
+
+
diff --git a/tailwind.config.js b/export/tailwind.config.js
similarity index 81%
rename from tailwind.config.js
rename to export/tailwind.config.js
index 76b7275..0097f2d 100644
--- a/tailwind.config.js
+++ b/export/tailwind.config.js
@@ -2,6 +2,8 @@ export default {
content: [
'./resources/**/*.antlers.html',
'./resources/**/*.blade.php',
+ './vendor/statamic/starter-kit-podcaster/resources/**/*.blade.php',
+ './vendor/statamic/starter-kit-podcaster/resources/**/*.antlers.html',
'./content/**/*.md'
],
important: true,
diff --git a/vite.config.js b/export/vite.config.js
similarity index 85%
rename from vite.config.js
rename to export/vite.config.js
index 7385cdc..67d8f0d 100644
--- a/vite.config.js
+++ b/export/vite.config.js
@@ -5,7 +5,7 @@ export default defineConfig({
plugins: [
laravel({
input: [
- 'resources/css/tailwind.css',
+ 'resources/css/site.css',
'resources/js/site.js',
],
refresh: true,
diff --git a/public/assets/.meta/doing-it-anyway-cover.png.yaml b/public/assets/.meta/doing-it-anyway-cover.png.yaml
deleted file mode 100644
index 69ec59f..0000000
--- a/public/assets/.meta/doing-it-anyway-cover.png.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 50414
-last_modified: 1623599926
-width: 1144
-height: 1144
-mime_type: image/png
diff --git a/public/assets/artwork/.meta/bb-8-pong.jpg.yaml b/public/assets/artwork/.meta/bb-8-pong.jpg.yaml
deleted file mode 100644
index 9b61471..0000000
--- a/public/assets/artwork/.meta/bb-8-pong.jpg.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 101984
-last_modified: 1623691216
-width: 1152
-height: 742
-mime_type: image/jpeg
diff --git a/public/assets/audio/.meta/01---Sergei-Rachmaninoff-Prelude-in-C-Sharp-Minor-Op.-3-No.2.mp3.yaml b/public/assets/audio/.meta/01---Sergei-Rachmaninoff-Prelude-in-C-Sharp-Minor-Op.-3-No.2.mp3.yaml
deleted file mode 100644
index 68194df..0000000
--- a/public/assets/audio/.meta/01---Sergei-Rachmaninoff-Prelude-in-C-Sharp-Minor-Op.-3-No.2.mp3.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 7381372
-last_modified: 1623684017
-width: null
-height: null
-mime_type: audio/mpeg
diff --git a/public/assets/audio/.meta/Funkadunk.mp3.yaml b/public/assets/audio/.meta/Funkadunk.mp3.yaml
deleted file mode 100644
index ec27286..0000000
--- a/public/assets/audio/.meta/Funkadunk.mp3.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 865088
-last_modified: 1623868341
-width: null
-height: null
-mime_type: audio/mpeg
diff --git a/public/assets/audio/.meta/Johnny-Firmament-LoFi.mp3.yaml b/public/assets/audio/.meta/Johnny-Firmament-LoFi.mp3.yaml
deleted file mode 100644
index 9b49167..0000000
--- a/public/assets/audio/.meta/Johnny-Firmament-LoFi.mp3.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 5050470
-last_modified: 1623867767
-width: null
-height: null
-mime_type: audio/mpeg
diff --git a/public/assets/audio/.meta/On-This-Hip-Hop-(97-BPM)-(01-27-SEC)-MP3.mp3.yaml b/public/assets/audio/.meta/On-This-Hip-Hop-(97-BPM)-(01-27-SEC)-MP3.mp3.yaml
deleted file mode 100644
index ce1d674..0000000
--- a/public/assets/audio/.meta/On-This-Hip-Hop-(97-BPM)-(01-27-SEC)-MP3.mp3.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 3516080
-last_modified: 1623867600
-width: null
-height: null
-mime_type: audio/mpeg
diff --git a/public/assets/audio/.meta/atp434.mp3.yaml b/public/assets/audio/.meta/atp434.mp3.yaml
deleted file mode 100644
index 78f9120..0000000
--- a/public/assets/audio/.meta/atp434.mp3.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 176747375
-last_modified: 1623705754
-width: null
-height: null
-mime_type: audio/mpeg
diff --git a/public/assets/audio/.meta/breakfast-cereal-202.m4a.yaml b/public/assets/audio/.meta/breakfast-cereal-202.m4a.yaml
deleted file mode 100644
index eefe3e1..0000000
--- a/public/assets/audio/.meta/breakfast-cereal-202.m4a.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 1906922
-last_modified: 1624459559
-width: null
-height: null
-mime_type: audio/x-m4a
diff --git a/public/assets/audio/.meta/goodnight-chrome-01.mp3.yaml b/public/assets/audio/.meta/goodnight-chrome-01.mp3.yaml
deleted file mode 100644
index cd232b5..0000000
--- a/public/assets/audio/.meta/goodnight-chrome-01.mp3.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 25988992
-last_modified: 1623446392
-width: null
-height: null
-mime_type: audio/mpeg
diff --git a/public/assets/audio/.meta/goodnight-chrome-04.mp3.yaml b/public/assets/audio/.meta/goodnight-chrome-04.mp3.yaml
deleted file mode 100644
index 01474f7..0000000
--- a/public/assets/audio/.meta/goodnight-chrome-04.mp3.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 14113216
-last_modified: 1623676857
-width: null
-height: null
-mime_type: audio/mpeg
diff --git a/public/assets/theme/badges/.meta/google.svg.yaml b/public/assets/theme/badges/.meta/google.svg.yaml
deleted file mode 100644
index bee4572..0000000
--- a/public/assets/theme/badges/.meta/google.svg.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 24222
-last_modified: 1623874922
-width: '135'
-height: '34'
-mime_type: image/svg
diff --git a/public/assets/theme/badges/.meta/spotify.svg.yaml b/public/assets/theme/badges/.meta/spotify.svg.yaml
deleted file mode 100644
index cd386d1..0000000
--- a/public/assets/theme/badges/.meta/spotify.svg.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 8404
-last_modified: 1623615860
-width: 132
-height: 32
-mime_type: image/svg+xml
diff --git a/public/assets/theme/social/.meta/behance.svg.yaml b/public/assets/theme/social/.meta/behance.svg.yaml
deleted file mode 100644
index 6788f78..0000000
--- a/public/assets/theme/social/.meta/behance.svg.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 1436
-last_modified: 1623942026
-width: 32
-height: 32
-mime_type: image/svg
diff --git a/public/assets/theme/social/.meta/dribbble.svg.yaml b/public/assets/theme/social/.meta/dribbble.svg.yaml
deleted file mode 100644
index 12a57dc..0000000
--- a/public/assets/theme/social/.meta/dribbble.svg.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 1056
-last_modified: 1623942010
-width: 32
-height: 32
-mime_type: image/svg
diff --git a/public/assets/theme/social/.meta/email.svg.yaml b/public/assets/theme/social/.meta/email.svg.yaml
deleted file mode 100644
index 3b665c2..0000000
--- a/public/assets/theme/social/.meta/email.svg.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 985
-last_modified: 1623942344
-width: 32
-height: 32
-mime_type: image/svg
diff --git a/public/assets/theme/social/.meta/facebook.svg.yaml b/public/assets/theme/social/.meta/facebook.svg.yaml
deleted file mode 100644
index 7db1aff..0000000
--- a/public/assets/theme/social/.meta/facebook.svg.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 814
-last_modified: 1623941000
-width: 32
-height: 32
-mime_type: image/svg
diff --git a/public/assets/theme/social/.meta/github.svg.yaml b/public/assets/theme/social/.meta/github.svg.yaml
deleted file mode 100644
index 05b6fee..0000000
--- a/public/assets/theme/social/.meta/github.svg.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 1017
-last_modified: 1623941772
-width: 32
-height: 32
-mime_type: image/svg
diff --git a/public/assets/theme/social/.meta/instagram.svg.yaml b/public/assets/theme/social/.meta/instagram.svg.yaml
deleted file mode 100644
index 961cf99..0000000
--- a/public/assets/theme/social/.meta/instagram.svg.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 495
-last_modified: 1623941132
-width: 32
-height: 32
-mime_type: image/svg
diff --git a/public/assets/theme/social/.meta/podcast.svg.yaml b/public/assets/theme/social/.meta/podcast.svg.yaml
deleted file mode 100644
index de5651d..0000000
--- a/public/assets/theme/social/.meta/podcast.svg.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 1043
-last_modified: 1623941067
-width: 32
-height: 32
-mime_type: image/svg
diff --git a/public/assets/theme/social/.meta/snapchat.svg.yaml b/public/assets/theme/social/.meta/snapchat.svg.yaml
deleted file mode 100644
index 7347ace..0000000
--- a/public/assets/theme/social/.meta/snapchat.svg.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 807
-last_modified: 1623941076
-width: 32
-height: 32
-mime_type: image/svg
diff --git a/public/assets/theme/social/.meta/soundcloud.svg.yaml b/public/assets/theme/social/.meta/soundcloud.svg.yaml
deleted file mode 100644
index 1fd24a6..0000000
--- a/public/assets/theme/social/.meta/soundcloud.svg.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 1216
-last_modified: 1623941054
-width: 32
-height: 32
-mime_type: image/svg
diff --git a/public/assets/theme/social/.meta/spotify.svg.yaml b/public/assets/theme/social/.meta/spotify.svg.yaml
deleted file mode 100644
index ab7572f..0000000
--- a/public/assets/theme/social/.meta/spotify.svg.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 838
-last_modified: 1623941181
-width: 32
-height: 32
-mime_type: image/svg
diff --git a/public/assets/theme/social/.meta/tiktok.svg.yaml b/public/assets/theme/social/.meta/tiktok.svg.yaml
deleted file mode 100644
index 162b6aa..0000000
--- a/public/assets/theme/social/.meta/tiktok.svg.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 495
-last_modified: 1623941486
-width: 32
-height: 32
-mime_type: image/svg
diff --git a/public/assets/theme/social/.meta/twitter.svg.yaml b/public/assets/theme/social/.meta/twitter.svg.yaml
deleted file mode 100644
index d0565f1..0000000
--- a/public/assets/theme/social/.meta/twitter.svg.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 828
-last_modified: 1623940976
-width: 32
-height: 32
-mime_type: image/svg
diff --git a/public/assets/theme/social/.meta/youtube.svg.yaml b/public/assets/theme/social/.meta/youtube.svg.yaml
deleted file mode 100644
index 5054318..0000000
--- a/public/assets/theme/social/.meta/youtube.svg.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-data: { }
-size: 2012
-last_modified: 1623941036
-width: 32
-height: 32
-mime_type: image/svg
diff --git a/public/build/assets/site-CCv8Ghrc.js b/public/build/assets/site-CCv8Ghrc.js
deleted file mode 100644
index 603171f..0000000
--- a/public/build/assets/site-CCv8Ghrc.js
+++ /dev/null
@@ -1,57 +0,0 @@
-function _(e,r,t){return(r=cc(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function oc(e,r){if(typeof e!="object"||e===null)return e;var t=e[Symbol.toPrimitive];if(t!==void 0){var a=t.call(e,r||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function cc(e){var r=oc(e,"string");return typeof r=="symbol"?r:String(r)}function uc(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}function rn(e,r){for(var t=0;t`),a.style.left=`${h}%`,u.event(e)&&["mouseenter","mouseleave"].includes(e.type)&&o(e.type==="mouseenter")},timeUpdate(e){const r=!u.element(this.elements.display.duration)&&this.config.invertTime;E.updateTimeDisplay.call(this,this.elements.display.currentTime,r?this.duration-this.currentTime:this.currentTime,r),e&&e.type==="timeupdate"&&this.media.seeking||E.updateProgress.call(this,e)},durationUpdate(){if(!this.supported.ui||!this.config.invertTime&&this.currentTime)return;if(this.duration>=2**32)return He(this.elements.display.currentTime,!0),void He(this.elements.progress,!0);u.element(this.elements.inputs.seek)&&this.elements.inputs.seek.setAttribute("aria-valuemax",this.duration);const e=u.element(this.elements.display.duration);!e&&this.config.displayDuration&&this.paused&&E.updateTimeDisplay.call(this,this.elements.display.currentTime,this.duration),e&&E.updateTimeDisplay.call(this,this.elements.display.duration,this.duration),this.config.markers.enabled&&E.setMarkers.call(this),E.updateSeekTooltip.call(this)},toggleMenuButton(e,r){He(this.elements.settings.buttons[e],!r)},updateSetting(e,r,t){const a=this.elements.settings.panels[e];let l=null,o=r;if(e==="captions")l=this.currentTrack;else{if(l=u.empty(t)?this[e]:t,u.empty(l)&&(l=this.config[e].default),!u.empty(this.options[e])&&!this.options[e].includes(l))return void this.debug.warn(`Unsupported value of '${l}' for ${e}`);if(!this.config[e].options.includes(l))return void this.debug.warn(`Disabled value of '${l}' for ${e}`)}if(u.element(o)||(o=a&&a.querySelector('[role="menu"]')),!u.element(o))return;this.elements.settings.buttons[e].querySelector(`.${this.config.classNames.menu.value}`).innerHTML=E.getLabel.call(this,e,l);const h=o&&o.querySelector(`[value="${l}"]`);u.element(h)&&(h.checked=!0)},getLabel(e,r){switch(e){case"speed":return r===1?pe.get("normal",this.config):`${r}×`;case"quality":if(u.number(r)){const t=pe.get(`qualityLabel.${r}`,this.config);return t.length?t:`${r}p`}return Mn(r);case"captions":return Q.getLabel.call(this);default:return null}},setQualityMenu(e){if(!u.element(this.elements.settings.panels.quality))return;const r="quality",t=this.elements.settings.panels.quality.querySelector('[role="menu"]');u.array(e)&&(this.options.quality=gi(e).filter(o=>this.config.quality.options.includes(o)));const a=!u.empty(this.options.quality)&&this.options.quality.length>1;if(E.toggleMenuButton.call(this,r,a),At(t),E.checkMenu.call(this),!a)return;const l=o=>{const h=pe.get(`qualityBadge.${o}`,this.config);return h.length?E.createBadge.call(this,h):null};this.options.quality.sort((o,h)=>{const f=this.config.quality.options;return f.indexOf(o)>f.indexOf(h)?1:-1}).forEach(o=>{E.createMenuItem.call(this,{value:o,list:t,type:r,title:E.getLabel.call(this,"quality",o),badge:l(o)})}),E.updateSetting.call(this,r,t)},setCaptionsMenu(){if(!u.element(this.elements.settings.panels.captions))return;const e="captions",r=this.elements.settings.panels.captions.querySelector('[role="menu"]'),t=Q.getTracks.call(this),a=!!t.length;if(E.toggleMenuButton.call(this,e,a),At(r),E.checkMenu.call(this),!a)return;const l=t.map((o,h)=>({value:h,checked:this.captions.toggled&&this.currentTrack===h,title:Q.getLabel.call(this,o),badge:o.language&&E.createBadge.call(this,o.language.toUpperCase()),list:r,type:"language"}));l.unshift({value:-1,checked:!this.captions.toggled,title:pe.get("disabled",this.config),list:r,type:"language"}),l.forEach(E.createMenuItem.bind(this)),E.updateSetting.call(this,e,r)},setSpeedMenu(){if(!u.element(this.elements.settings.panels.speed))return;const e="speed",r=this.elements.settings.panels.speed.querySelector('[role="menu"]');this.options.speed=this.options.speed.filter(a=>a>=this.minimumSpeed&&a<=this.maximumSpeed);const t=!u.empty(this.options.speed)&&this.options.speed.length>1;E.toggleMenuButton.call(this,e,t),At(r),E.checkMenu.call(this),t&&(this.options.speed.forEach(a=>{E.createMenuItem.call(this,{value:a,list:r,type:e,title:E.getLabel.call(this,"speed",a)})}),E.updateSetting.call(this,e,r))},checkMenu(){const{buttons:e}=this.elements.settings,r=!u.empty(e)&&Object.values(e).some(t=>!t.hidden);He(this.elements.settings.menu,!r)},focusFirstMenuItem(e,r=!1){if(this.elements.settings.popup.hidden)return;let t=e;u.element(t)||(t=Object.values(this.elements.settings.panels).find(l=>!l.hidden));const a=t.querySelector('[role^="menuitem"]');ui.call(this,a,r)},toggleMenu(e){const{popup:r}=this.elements.settings,t=this.elements.buttons.settings;if(!u.element(r)||!u.element(t))return;const{hidden:a}=r;let l=a;if(u.boolean(e))l=e;else if(u.keyboardEvent(e)&&e.key==="Escape")l=!1;else if(u.event(e)){const o=u.function(e.composedPath)?e.composedPath()[0]:e.target,h=r.contains(o);if(h||!h&&e.target!==t&&l)return}t.setAttribute("aria-expanded",l),He(r,!l),te(this.elements.container,this.config.classNames.menu.open,l),l&&u.keyboardEvent(e)?E.focusFirstMenuItem.call(this,null,!0):l||a||ui.call(this,t,u.keyboardEvent(e))},getMenuSize(e){const r=e.cloneNode(!0);r.style.position="absolute",r.style.opacity=0,r.removeAttribute("hidden"),e.parentNode.appendChild(r);const t=r.scrollWidth,a=r.scrollHeight;return Se(r),{width:t,height:a}},showMenuPanel(e="",r=!1){const t=this.elements.container.querySelector(`#plyr-settings-${this.id}-${e}`);if(!u.element(t))return;const a=t.parentNode,l=Array.from(a.children).find(o=>!o.hidden);if(oe.transitions&&!oe.reducedMotion){a.style.width=`${l.scrollWidth}px`,a.style.height=`${l.scrollHeight}px`;const o=E.getMenuSize.call(this,t),h=f=>{f.target===a&&["width","height"].includes(f.propertyName)&&(a.style.width="",a.style.height="",xt.call(this,a,mi,h))};X.call(this,a,mi,h),a.style.width=`${o.width}px`,a.style.height=`${o.height}px`}He(l,!0),He(t,!1),E.focusFirstMenuItem.call(this,t,r)},setDownloadUrl(){const e=this.elements.buttons.download;u.element(e)&&e.setAttribute("href",this.download)},create(e){const{bindMenuItemShortcuts:r,createButton:t,createProgress:a,createRange:l,createTime:o,setQualityMenu:h,setSpeedMenu:f,showMenuPanel:w}=E;this.elements.controls=null,u.array(this.config.controls)&&this.config.controls.includes("play-large")&&this.elements.container.appendChild(t.call(this,"play-large"));const k=R("div",Ee(this.config.selectors.controls.wrapper));this.elements.controls=k;const S={class:"plyr__controls__item"};return gi(u.array(this.config.controls)?this.config.controls:[]).forEach(L=>{if(L==="restart"&&k.appendChild(t.call(this,"restart",S)),L==="rewind"&&k.appendChild(t.call(this,"rewind",S)),L==="play"&&k.appendChild(t.call(this,"play",S)),L==="fast-forward"&&k.appendChild(t.call(this,"fast-forward",S)),L==="progress"){const A=R("div",{class:`${S.class} plyr__progress__container`}),D=R("div",Ee(this.config.selectors.progress));if(D.appendChild(l.call(this,"seek",{id:`plyr-seek-${e.id}`})),D.appendChild(a.call(this,"buffer")),this.config.tooltips.seek){const H=R("span",{class:this.config.classNames.tooltip},"00:00");D.appendChild(H),this.elements.display.seekTooltip=H}this.elements.progress=D,A.appendChild(this.elements.progress),k.appendChild(A)}if(L==="current-time"&&k.appendChild(o.call(this,"currentTime",S)),L==="duration"&&k.appendChild(o.call(this,"duration",S)),L==="mute"||L==="volume"){let{volume:A}=this.elements;if(u.element(A)&&k.contains(A)||(A=R("div",le({},S,{class:`${S.class} plyr__volume`.trim()})),this.elements.volume=A,k.appendChild(A)),L==="mute"&&A.appendChild(t.call(this,"mute")),L==="volume"&&!me.isIos&&!me.isIPadOS){const D={max:1,step:.05,value:this.config.volume};A.appendChild(l.call(this,"volume",le(D,{id:`plyr-volume-${e.id}`})))}}if(L==="captions"&&k.appendChild(t.call(this,"captions",S)),L==="settings"&&!u.empty(this.config.settings)){const A=R("div",le({},S,{class:`${S.class} plyr__menu`.trim(),hidden:""}));A.appendChild(t.call(this,"settings",{"aria-haspopup":!0,"aria-controls":`plyr-settings-${e.id}`,"aria-expanded":!1}));const D=R("div",{class:"plyr__menu__container",id:`plyr-settings-${e.id}`,hidden:""}),H=R("div"),y=R("div",{id:`plyr-settings-${e.id}-home`}),q=R("div",{role:"menu"});y.appendChild(q),H.appendChild(y),this.elements.settings.panels.home=y,this.config.settings.forEach(j=>{const M=R("button",le(Ee(this.config.selectors.buttons.settings),{type:"button",class:`${this.config.classNames.control} ${this.config.classNames.control}--forward`,role:"menuitem","aria-haspopup":!0,hidden:""}));r.call(this,M,j),X.call(this,M,"click",()=>{w.call(this,j,!1)});const W=R("span",null,pe.get(j,this.config)),re=R("span",{class:this.config.classNames.menu.value});re.innerHTML=e[j],W.appendChild(re),M.appendChild(W),q.appendChild(M);const fe=R("div",{id:`plyr-settings-${e.id}-${j}`,hidden:""}),I=R("button",{type:"button",class:`${this.config.classNames.control} ${this.config.classNames.control}--back`});I.appendChild(R("span",{"aria-hidden":!0},pe.get(j,this.config))),I.appendChild(R("span",{class:this.config.classNames.hidden},pe.get("menuBack",this.config))),X.call(this,fe,"keydown",ye=>{ye.key==="ArrowLeft"&&(ye.preventDefault(),ye.stopPropagation(),w.call(this,"home",!0))},!1),X.call(this,I,"click",()=>{w.call(this,"home",!1)}),fe.appendChild(I),fe.appendChild(R("div",{role:"menu"})),H.appendChild(fe),this.elements.settings.buttons[j]=M,this.elements.settings.panels[j]=fe}),D.appendChild(H),A.appendChild(D),k.appendChild(A),this.elements.settings.popup=D,this.elements.settings.menu=A}if(L==="pip"&&oe.pip&&k.appendChild(t.call(this,"pip",S)),L==="airplay"&&oe.airplay&&k.appendChild(t.call(this,"airplay",S)),L==="download"){const A=le({},S,{element:"a",href:this.download,target:"_blank"});this.isHTML5&&(A.download="");const{download:D}=this.config.urls;!u.url(D)&&this.isEmbed&&le(A,{icon:`logo-${this.provider}`,label:this.provider}),k.appendChild(t.call(this,"download",A))}L==="fullscreen"&&k.appendChild(t.call(this,"fullscreen",S))}),this.isHTML5&&h.call(this,Fe.getQualityOptions.call(this)),f.call(this),k},inject(){if(this.config.loadSprite){const l=E.getIconUrl.call(this);l.cors&&Sn(l.url,"sprite-plyr")}this.id=Math.floor(1e4*Math.random());let e=null;this.elements.controls=null;const r={id:this.id,seektime:this.config.seekTime,title:this.config.title};let t=!0;u.function(this.config.controls)&&(this.config.controls=this.config.controls.call(this,r)),this.config.controls||(this.config.controls=[]),u.element(this.config.controls)||u.string(this.config.controls)?e=this.config.controls:(e=E.create.call(this,{id:this.id,seektime:this.config.seekTime,speed:this.speed,quality:this.quality,captions:Q.getLabel.call(this)}),t=!1);let a;if(t&&u.string(this.config.controls)&&(e=(l=>{let o=l;return Object.entries(r).forEach(([h,f])=>{o=lt(o,`{${h}}`,f)}),o})(e)),u.string(this.config.selectors.controls.container)&&(a=document.querySelector(this.config.selectors.controls.container)),u.element(a)||(a=this.elements.container),a[u.element(e)?"insertAdjacentElement":"insertAdjacentHTML"]("afterbegin",e),u.element(this.elements.controls)||E.findElements.call(this),!u.empty(this.elements.buttons)){const l=o=>{const h=this.config.classNames.controlPressed;o.setAttribute("aria-pressed","false"),Object.defineProperty(o,"pressed",{configurable:!0,enumerable:!0,get:()=>Mt(o,h),set(f=!1){te(o,h,f),o.setAttribute("aria-pressed",f?"true":"false")}})};Object.values(this.elements.buttons).filter(Boolean).forEach(o=>{u.array(o)||u.nodeList(o)?Array.from(o).filter(Boolean).forEach(l):l(o)})}if(me.isEdge&&Tn(a),this.config.tooltips.controls){const{classNames:l,selectors:o}=this.config,h=`${o.controls.wrapper} ${o.labels} .${l.hidden}`,f=ot.call(this,h);Array.from(f).forEach(w=>{te(w,this.config.classNames.hidden,!1),te(w,this.config.classNames.tooltip,!0)})}},setMediaMetadata(){try{"mediaSession"in navigator&&(navigator.mediaSession.metadata=new window.MediaMetadata({title:this.config.mediaMetadata.title,artist:this.config.mediaMetadata.artist,album:this.config.mediaMetadata.album,artwork:this.config.mediaMetadata.artwork}))}catch{}},setMarkers(){var e,r;if(!this.duration||this.elements.markers)return;const t=(e=this.config.markers)===null||e===void 0||(r=e.points)===null||r===void 0?void 0:r.filter(({time:w})=>w>0&&w
`)}this.showImageAtCurrentTime()}}),_(this,"endMove",()=>{this.toggleThumbContainer(!1,!0)}),_(this,"startScrubbing",t=>{(u.nullOrUndefined(t.button)||t.button===!1||t.button===0)&&(this.mouseDown=!0,this.player.media.duration&&(this.toggleScrubbingContainer(!0),this.toggleThumbContainer(!1,!0),this.showImageAtCurrentTime()))}),_(this,"endScrubbing",()=>{this.mouseDown=!1,Math.ceil(this.lastTime)===Math.ceil(this.player.media.currentTime)?this.toggleScrubbingContainer(!1):Ci.call(this.player,this.player.media,"timeupdate",()=>{this.mouseDown||this.toggleScrubbingContainer(!1)})}),_(this,"listeners",()=>{this.player.on("play",()=>{this.toggleThumbContainer(!1,!0)}),this.player.on("seeked",()=>{this.toggleThumbContainer(!1)}),this.player.on("timeupdate",()=>{this.lastTime=this.player.media.currentTime})}),_(this,"render",()=>{this.elements.thumb.container=R("div",{class:this.player.config.classNames.previewThumbnails.thumbContainer}),this.elements.thumb.imageContainer=R("div",{class:this.player.config.classNames.previewThumbnails.imageContainer}),this.elements.thumb.container.appendChild(this.elements.thumb.imageContainer);const t=R("div",{class:this.player.config.classNames.previewThumbnails.timeContainer});this.elements.thumb.time=R("span",{},"00:00"),t.appendChild(this.elements.thumb.time),this.elements.thumb.imageContainer.appendChild(t),u.element(this.player.elements.progress)&&this.player.elements.progress.appendChild(this.elements.thumb.container),this.elements.scrubbing.container=R("div",{class:this.player.config.classNames.previewThumbnails.scrubbingContainer}),this.player.elements.wrapper.appendChild(this.elements.scrubbing.container)}),_(this,"destroy",()=>{this.elements.thumb.container&&this.elements.thumb.container.remove(),this.elements.scrubbing.container&&this.elements.scrubbing.container.remove()}),_(this,"showImageAtCurrentTime",()=>{this.mouseDown?this.setScrubbingContainerSize():this.setThumbContainerSizeAndPos();const t=this.thumbnails[0].frames.findIndex(o=>this.seekTime>=o.startTime&&this.seekTime<=o.endTime),a=t>=0;let l=0;this.mouseDown||this.toggleThumbContainer(a),a&&(this.thumbnails.forEach((o,h)=>{this.loadedImages.includes(o.frames[t].text)&&(l=h)}),t!==this.showingThumb&&(this.showingThumb=t,this.loadImage(l)))}),_(this,"loadImage",(t=0)=>{const a=this.showingThumb,l=this.thumbnails[t],{urlPrefix:o}=l,h=l.frames[a],f=l.frames[a].text,w=o+f;if(this.currentImageElement&&this.currentImageElement.dataset.filename===f)this.showImage(this.currentImageElement,h,t,a,f,!1),this.currentImageElement.dataset.index=a,this.removeOldImages(this.currentImageElement);else{this.loadingImage&&this.usingSprites&&(this.loadingImage.onload=null);const k=new Image;k.src=w,k.dataset.index=a,k.dataset.filename=f,this.showingThumbFilename=f,this.player.debug.log(`Loading image: ${w}`),k.onload=()=>this.showImage(k,h,t,a,f,!0),this.loadingImage=k,this.removeOldImages(k)}}),_(this,"showImage",(t,a,l,o,h,f=!0)=>{this.player.debug.log(`Showing thumb: ${h}. num: ${o}. qual: ${l}. newimg: ${f}`),this.setImageSizeAndOffset(t,a),f&&(this.currentImageContainer.appendChild(t),this.currentImageElement=t,this.loadedImages.includes(h)||this.loadedImages.push(h)),this.preloadNearby(o,!0).then(this.preloadNearby(o,!1)).then(this.getHigherQuality(l,t,a,h))}),_(this,"removeOldImages",t=>{Array.from(this.currentImageContainer.children).forEach(a=>{if(a.tagName.toLowerCase()!=="img")return;const l=this.usingSprites?500:1e3;if(a.dataset.index!==t.dataset.index&&!a.dataset.deleting){a.dataset.deleting=!0;const{currentImageContainer:o}=this;setTimeout(()=>{o.removeChild(a),this.player.debug.log(`Removing thumb: ${a.dataset.filename}`)},l)}})}),_(this,"preloadNearby",(t,a=!0)=>new Promise(l=>{setTimeout(()=>{const o=this.thumbnails[0].frames[t].text;if(this.showingThumbFilename===o){let h;h=a?this.thumbnails[0].frames.slice(t):this.thumbnails[0].frames.slice(0,t).reverse();let f=!1;h.forEach(w=>{const k=w.text;if(k!==o&&!this.loadedImages.includes(k)){f=!0,this.player.debug.log(`Preloading thumb filename: ${k}`);const{urlPrefix:S}=this.thumbnails[0],L=S+k,A=new Image;A.src=L,A.onload=()=>{this.player.debug.log(`Preloaded thumb filename: ${k}`),this.loadedImages.includes(k)||this.loadedImages.push(k),l()}}}),f||l()}},300)})),_(this,"getHigherQuality",(t,a,l,o)=>{if(t
where the content
- * is wrapped by a div with box-sizing set to `content-box`.
- *
- * https://github.com/mozdevs/cssremedy/issues/4
- *
- *
- * 2. Allow adding a border to an element by just adding a border-width.
- *
- * By default, the way the browser specifies that an element should have no
- * border is by setting it's border-style to `none` in the user-agent
- * stylesheet.
- *
- * In order to easily add borders to elements by just setting the `border-width`
- * property, we change the default border-style for all elements to `solid`, and
- * use border-width to hide them instead. This way our `border` utilities only
- * need to set the `border-width` property instead of the entire `border`
- * shorthand, making our border utilities much more straightforward to compose.
- *
- * https://github.com/tailwindcss/tailwindcss/pull/116
- */*,
-::before,
-::after {
- box-sizing: border-box; /* 1 */
- border-width: 0; /* 2 */
- border-style: solid; /* 2 */
- border-color: currentColor; /* 2 */
-}/*
- * Ensure horizontal rules are visible by default
- */hr {
- border-top-width: 1px;
-}/**
- * Undo the `border-style: none` reset that Normalize applies to images so that
- * our `border-{width}` utilities have the expected effect.
- *
- * The Normalize reset is unnecessary for us since we default the border-width
- * to 0 on all elements.
- *
- * https://github.com/tailwindcss/tailwindcss/issues/362
- */img {
- border-style: solid;
-}textarea {
- resize: vertical;
-}input::-moz-placeholder, textarea::-moz-placeholder {
- opacity: 1;
- color: #9ca3af;
-}input::placeholder,
-textarea::placeholder {
- opacity: 1;
- color: #9ca3af;
-}button,
-[role="button"] {
- cursor: pointer;
-}/**
- * Override legacy focus reset from Normalize with modern Firefox focus styles.
- *
- * This is actually an improvement over the new defaults in Firefox in our testing,
- * as it triggers the better focus styles even for links, which still use a dotted
- * outline in Firefox by default.
- */:-moz-focusring {
- outline: auto;
-}table {
- border-collapse: collapse;
-}h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- font-size: inherit;
- font-weight: inherit;
-}/**
- * Reset links to optimize for opt-in styling instead of
- * opt-out.
- */a {
- color: inherit;
- text-decoration: inherit;
-}/**
- * Reset form element properties that are easy to forget to
- * style explicitly so you don't inadvertently introduce
- * styles that deviate from your design system. These styles
- * supplement a partial reset that is already applied by
- * normalize.css.
- */button,
-input,
-optgroup,
-select,
-textarea {
- padding: 0;
- line-height: inherit;
- color: inherit;
-}/**
- * Use the configured 'mono' font family for elements that
- * are expected to be rendered with a monospace font, falling
- * back to the system monospace stack if there is no configured
- * 'mono' font family.
- */pre,
-code,
-kbd,
-samp {
- font-family: IBM Plex Mono, monospace;
-}/**
- * 1. Make replaced elements `display: block` by default as that's
- * the behavior you want almost all of the time. Inspired by
- * CSS Remedy, with `svg` added as well.
- *
- * https://github.com/mozdevs/cssremedy/issues/14
- *
- * 2. Add `vertical-align: middle` to align replaced elements more
- * sensibly by default when overriding `display` by adding a
- * utility like `inline`.
- *
- * This can trigger a poorly considered linting error in some
- * tools but is included by design.
- *
- * https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
- */img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
- display: block; /* 1 */
- vertical-align: middle; /* 2 */
-}/**
- * Constrain images and videos to the parent width and preserve
- * their intrinsic aspect ratio.
- *
- * https://github.com/mozdevs/cssremedy/issues/14
- */img,
-video {
- max-width: 100%;
- height: auto;
-}/**
- * Ensure the default browser behavior of the `hidden` attribute.
- */[hidden] {
- display: none;
-}*, ::before, ::after {
- --tw-translate-x: 0;
- --tw-translate-y: 0;
- --tw-rotate: 0;
- --tw-skew-x: 0;
- --tw-skew-y: 0;
- --tw-scale-x: 1;
- --tw-scale-y: 1;
- --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
- --tw-border-opacity: 1;
- border-color: rgba(229, 231, 235, var(--tw-border-opacity));
- --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
- --tw-ring-shadow: 0 0 rgba(0,0,0,0);
- --tw-shadow: 0 0 rgba(0,0,0,0);
- --tw-blur: var(--tw-empty,/*!*/ /*!*/);
- --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
- --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
- --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
- --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
- --tw-invert: var(--tw-empty,/*!*/ /*!*/);
- --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
- --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
- --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
- --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.absolute {
- position: absolute !important;
-}.relative {
- position: relative !important;
-}.inset-0 {
- top: 0px !important;
- right: 0px !important;
- bottom: 0px !important;
- left: 0px !important;
-}.top-0 {
- top: 0px !important;
-}.right-0 {
- right: 0px !important;
-}.bottom-0 {
- bottom: 0px !important;
-}.z-10 {
- z-index: 10 !important;
-}.order-2 {
- order: 2 !important;
-}.order-1 {
- order: 1 !important;
-}.mx-auto {
- margin-left: auto !important;
- margin-right: auto !important;
-}.mb-6 {
- margin-bottom: 1.5rem !important;
-}.mt-8 {
- margin-top: 2rem !important;
-}.mb-2 {
- margin-bottom: 0.5rem !important;
-}.mt-16 {
- margin-top: 4rem !important;
-}.mt-6 {
- margin-top: 1.5rem !important;
-}.mt-4 {
- margin-top: 1rem !important;
-}.mb-8 {
- margin-bottom: 2rem !important;
-}.mb-3 {
- margin-bottom: 0.75rem !important;
-}.ml-4 {
- margin-left: 1rem !important;
-}.mr-2 {
- margin-right: 0.5rem !important;
-}.mr-4 {
- margin-right: 1rem !important;
-}.mt-px {
- margin-top: 1px !important;
-}.mr-3 {
- margin-right: 0.75rem !important;
-}.mt-1 {
- margin-top: 0.25rem !important;
-}.inline-block {
- display: inline-block !important;
-}.flex {
- display: flex !important;
-}.hidden {
- display: none !important;
-}.h-10 {
- height: 2.5rem !important;
-}.h-full {
- height: 100% !important;
-}.h-5 {
- height: 1.25rem !important;
-}.h-8 {
- height: 2rem !important;
-}.h-12 {
- height: 3rem !important;
-}.min-h-screen {
- min-height: 100vh !important;
-}.min-h-full {
- min-height: 100% !important;
-}.w-full {
- width: 100% !important;
-}.w-5 {
- width: 1.25rem !important;
-}.w-\[350px\] {
- width: 350px !important;
-}.w-16 {
- width: 4rem !important;
-}.w-\[300px\] {
- width: 300px !important;
-}.w-8 {
- width: 2rem !important;
-}.w-12 {
- width: 3rem !important;
-}.max-w-6xl {
- max-width: 72rem !important;
-}.max-w-md {
- max-width: 28rem !important;
-}.flex-1 {
- flex: 1 1 0% !important;
-}.origin-bottom-left {
- transform-origin: bottom left !important;
-}.translate-y-24 {
- --tw-translate-y: 6rem !important;
- transform: var(--tw-transform) !important;
-}.translate-y-0 {
- --tw-translate-y: 0px !important;
- transform: var(--tw-transform) !important;
-}.transform {
- transform: var(--tw-transform) !important;
-}.transform-gpu {
- --tw-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
-}.flex-col {
- flex-direction: column !important;
-}.flex-wrap {
- flex-wrap: wrap !important;
-}.items-start {
- align-items: flex-start !important;
-}.items-center {
- align-items: center !important;
-}.justify-center {
- justify-content: center !important;
-}.space-x-4 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-x-reverse: 0 !important;
- margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
-}.space-x-10 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-x-reverse: 0 !important;
- margin-right: calc(2.5rem * var(--tw-space-x-reverse)) !important;
- margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
-}.space-x-5 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-x-reverse: 0 !important;
- margin-right: calc(1.25rem * var(--tw-space-x-reverse)) !important;
- margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))) !important;
-}.space-x-6 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-x-reverse: 0 !important;
- margin-right: calc(1.5rem * var(--tw-space-x-reverse)) !important;
- margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
-}.space-x-2 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-x-reverse: 0 !important;
- margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
-}.space-x-3 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-x-reverse: 0 !important;
- margin-right: calc(0.75rem * var(--tw-space-x-reverse)) !important;
- margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))) !important;
-}.space-y-3 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-y-reverse: 0 !important;
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important;
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important;
-}.space-y-2 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-y-reverse: 0 !important;
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important;
-}.overflow-visible {
- overflow: visible !important;
-}.whitespace-nowrap {
- white-space: nowrap !important;
-}.rounded {
- border-radius: 0.25rem !important;
-}.rounded-md {
- border-radius: 0.375rem !important;
-}.rounded-full {
- border-radius: 9999px !important;
-}.border {
- border-width: 1px !important;
-}.border-b {
- border-bottom-width: 1px !important;
-}.border-b-3 {
- border-bottom-width: 3px !important;
-}.border-t {
- border-top-width: 1px !important;
-}.border-r {
- border-right-width: 1px !important;
-}.border-gray-300 {
- --tw-border-opacity: 1 !important;
- border-color: rgba(209, 213, 219, var(--tw-border-opacity)) !important;
-}.border-black {
- --tw-border-opacity: 1 !important;
- border-color: rgba(0, 0, 0, var(--tw-border-opacity)) !important;
-}.bg-white {
- --tw-bg-opacity: 1 !important;
- background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
-}.bg-blue-100 {
- --tw-bg-opacity: 1 !important;
- background-color: rgba(219, 234, 254, var(--tw-bg-opacity)) !important;
-}.p-2 {
- padding: 0.5rem !important;
-}.p-0 {
- padding: 0px !important;
-}.p-1 {
- padding: 0.25rem !important;
-}.px-6 {
- padding-left: 1.5rem !important;
- padding-right: 1.5rem !important;
-}.py-4 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important;
-}.py-8 {
- padding-top: 2rem !important;
- padding-bottom: 2rem !important;
-}.px-3 {
- padding-left: 0.75rem !important;
- padding-right: 0.75rem !important;
-}.py-2 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important;
-}.py-6 {
- padding-top: 1.5rem !important;
- padding-bottom: 1.5rem !important;
-}.py-px {
- padding-top: 1px !important;
- padding-bottom: 1px !important;
-}.py-3 {
- padding-top: 0.75rem !important;
- padding-bottom: 0.75rem !important;
-}.px-4 {
- padding-left: 1rem !important;
- padding-right: 1rem !important;
-}.pb-24 {
- padding-bottom: 6rem !important;
-}.pr-32 {
- padding-right: 8rem !important;
-}.pt-16 {
- padding-top: 4rem !important;
-}.pb-8 {
- padding-bottom: 2rem !important;
-}.pt-\[2px\] {
- padding-top: 2px !important;
-}.pr-24 {
- padding-right: 6rem !important;
-}.pt-8 {
- padding-top: 2rem !important;
-}.pl-3 {
- padding-left: 0.75rem !important;
-}.pr-6 {
- padding-right: 1.5rem !important;
-}.pt-4 {
- padding-top: 1rem !important;
-}.text-left {
- text-align: left !important;
-}.text-center {
- text-align: center !important;
-}.font-mono {
- font-family: IBM Plex Mono, monospace !important;
-}.text-lg {
- font-size: 1.125rem !important;
- line-height: 1.75rem !important;
-}.text-2xl {
- font-size: 1.5rem !important;
- line-height: 2rem !important;
-}.text-xs {
- font-size: 0.75rem !important;
- line-height: 1rem !important;
-}.text-sm {
- font-size: 0.875rem !important;
- line-height: 1.25rem !important;
-}.text-base {
- font-size: 1rem !important;
- line-height: 1.5rem !important;
-}.font-bold {
- font-weight: 700 !important;
-}.font-semibold {
- font-weight: 600 !important;
-}.uppercase {
- text-transform: uppercase !important;
-}.leading-snug {
- line-height: 1.375 !important;
-}.tracking-widest {
- letter-spacing: 0.1em !important;
-}.text-gray-500 {
- --tw-text-opacity: 1 !important;
- color: rgba(107, 114, 128, var(--tw-text-opacity)) !important;
-}.text-gray-700 {
- --tw-text-opacity: 1 !important;
- color: rgba(55, 65, 81, var(--tw-text-opacity)) !important;
-}.text-gray-400 {
- --tw-text-opacity: 1 !important;
- color: rgba(156, 163, 175, var(--tw-text-opacity)) !important;
-}.text-gray-300 {
- --tw-text-opacity: 1 !important;
- color: rgba(209, 213, 219, var(--tw-text-opacity)) !important;
-}.text-gray-800 {
- --tw-text-opacity: 1 !important;
- color: rgba(31, 41, 55, var(--tw-text-opacity)) !important;
-}.text-blue-900 {
- --tw-text-opacity: 1 !important;
- color: rgba(30, 58, 138, var(--tw-text-opacity)) !important;
-}.underline {
- text-decoration: underline !important;
-}.antialiased {
- -webkit-font-smoothing: antialiased !important;
- -moz-osx-font-smoothing: grayscale !important;
-}.shadow-xl {
- --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
-}.shadow-2xl {
- --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
-}.shadow {
- --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
-}.shadow-lg {
- --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
-}.outline-none {
- outline: 2px solid transparent !important;
- outline-offset: 2px !important;
-}.filter {
- filter: var(--tw-filter) !important;
-}.transition {
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
- transition-duration: 150ms !important;
-}.duration-200 {
- transition-duration: 200ms !important;
-}.duration-300 {
- transition-duration: 300ms !important;
-}.ease-in-out {
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
-}.ease-out {
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
-}.ease-in {
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
-}.hover\:-translate-y-1:hover {
- --tw-translate-y: -0.25rem !important;
- transform: var(--tw-transform) !important;
-}.hover\:bg-blue-100:hover {
- --tw-bg-opacity: 1 !important;
- background-color: rgba(219, 234, 254, var(--tw-bg-opacity)) !important;
-}.hover\:text-gray-700:hover {
- --tw-text-opacity: 1 !important;
- color: rgba(55, 65, 81, var(--tw-text-opacity)) !important;
-}.hover\:text-black:hover {
- --tw-text-opacity: 1 !important;
- color: rgba(0, 0, 0, var(--tw-text-opacity)) !important;
-}.hover\:shadow-lg:hover {
- --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
-}.hover\:drop-shadow-lg:hover {
- --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)) !important;
- filter: var(--tw-filter) !important;
-}.group:hover .group-hover\:-translate-y-16 {
- --tw-translate-y: -4rem !important;
- transform: var(--tw-transform) !important;
-}.group:hover .group-hover\:rotate-12 {
- --tw-rotate: 12deg !important;
- transform: var(--tw-transform) !important;
-}.group:hover .group-hover\:-rotate-12 {
- --tw-rotate: -12deg !important;
- transform: var(--tw-transform) !important;
-}.group:hover .group-hover\:bg-blue-200 {
- --tw-bg-opacity: 1 !important;
- background-color: rgba(191, 219, 254, var(--tw-bg-opacity)) !important;
-}.group:hover .group-hover\:text-gray-700 {
- --tw-text-opacity: 1 !important;
- color: rgba(55, 65, 81, var(--tw-text-opacity)) !important;
-}@media (min-width: 768px) {.md\:order-first {
- order: -9999 !important;
- }.md\:mt-24 {
- margin-top: 6rem !important;
- }.md\:mb-8 {
- margin-bottom: 2rem !important;
- }.md\:block {
- display: block !important;
- }.md\:flex {
- display: flex !important;
- }.md\:hidden {
- display: none !important;
- }.md\:w-\[500px\] {
- width: 500px !important;
- }.md\:w-1\/2 {
- width: 50% !important;
- }.md\:w-auto {
- width: auto !important;
- }.md\:w-\[1000px\] {
- width: 1000px !important;
- }.md\:w-\[350px\] {
- width: 350px !important;
- }.md\:flex-row {
- flex-direction: row !important;
- }.md\:flex-col {
- flex-direction: column !important;
- }.md\:justify-start {
- justify-content: flex-start !important;
- }.md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-x-reverse: 0 !important;
- margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
- }.md\:border-0 {
- border-width: 0px !important;
- }.md\:border-none {
- border-style: none !important;
- }.md\:py-16 {
- padding-top: 4rem !important;
- padding-bottom: 4rem !important;
- }.md\:py-20 {
- padding-top: 5rem !important;
- padding-bottom: 5rem !important;
- }.md\:pr-32 {
- padding-right: 8rem !important;
- }.md\:shadow-3xl {
- --tw-shadow: 40px 60px 90px -15px rgba(0, 0, 0, 0.3) !important;
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
- }
-}
-
diff --git a/public/js/site.js b/public/js/site.js
deleted file mode 100644
index 61cbca5..0000000
--- a/public/js/site.js
+++ /dev/null
@@ -1,11049 +0,0 @@
-/******/ (() => { // webpackBootstrap
-/******/ var __webpack_modules__ = ({
-
-/***/ "./node_modules/@hotwired/turbo/dist/turbo.es2017-esm.js":
-/*!***************************************************************!*\
- !*** ./node_modules/@hotwired/turbo/dist/turbo.es2017-esm.js ***!
- \***************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ FrameElement: () => (/* binding */ FrameElement),
-/* harmony export */ FrameLoadingStyle: () => (/* binding */ FrameLoadingStyle),
-/* harmony export */ FrameRenderer: () => (/* binding */ FrameRenderer),
-/* harmony export */ PageRenderer: () => (/* binding */ PageRenderer),
-/* harmony export */ PageSnapshot: () => (/* binding */ PageSnapshot),
-/* harmony export */ StreamActions: () => (/* binding */ StreamActions),
-/* harmony export */ StreamElement: () => (/* binding */ StreamElement),
-/* harmony export */ StreamSourceElement: () => (/* binding */ StreamSourceElement),
-/* harmony export */ cache: () => (/* binding */ cache),
-/* harmony export */ clearCache: () => (/* binding */ clearCache),
-/* harmony export */ connectStreamSource: () => (/* binding */ connectStreamSource),
-/* harmony export */ disconnectStreamSource: () => (/* binding */ disconnectStreamSource),
-/* harmony export */ navigator: () => (/* binding */ navigator$1),
-/* harmony export */ registerAdapter: () => (/* binding */ registerAdapter),
-/* harmony export */ renderStreamMessage: () => (/* binding */ renderStreamMessage),
-/* harmony export */ session: () => (/* binding */ session),
-/* harmony export */ setConfirmMethod: () => (/* binding */ setConfirmMethod),
-/* harmony export */ setFormMode: () => (/* binding */ setFormMode),
-/* harmony export */ setProgressBarDelay: () => (/* binding */ setProgressBarDelay),
-/* harmony export */ start: () => (/* binding */ start),
-/* harmony export */ visit: () => (/* binding */ visit)
-/* harmony export */ });
-/*
-Turbo 7.3.0
-Copyright © 2023 37signals LLC
- */
-(function () {
- if (window.Reflect === undefined ||
- window.customElements === undefined ||
- window.customElements.polyfillWrapFlushCallback) {
- return;
- }
- const BuiltInHTMLElement = HTMLElement;
- const wrapperForTheName = {
- HTMLElement: function HTMLElement() {
- return Reflect.construct(BuiltInHTMLElement, [], this.constructor);
- },
- };
- window.HTMLElement = wrapperForTheName["HTMLElement"];
- HTMLElement.prototype = BuiltInHTMLElement.prototype;
- HTMLElement.prototype.constructor = HTMLElement;
- Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement);
-})();
-
-/**
- * The MIT License (MIT)
- *
- * Copyright (c) 2019 Javan Makhmali
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-
-(function(prototype) {
- if (typeof prototype.requestSubmit == "function") return
-
- prototype.requestSubmit = function(submitter) {
- if (submitter) {
- validateSubmitter(submitter, this);
- submitter.click();
- } else {
- submitter = document.createElement("input");
- submitter.type = "submit";
- submitter.hidden = true;
- this.appendChild(submitter);
- submitter.click();
- this.removeChild(submitter);
- }
- };
-
- function validateSubmitter(submitter, form) {
- submitter instanceof HTMLElement || raise(TypeError, "parameter 1 is not of type 'HTMLElement'");
- submitter.type == "submit" || raise(TypeError, "The specified element is not a submit button");
- submitter.form == form || raise(DOMException, "The specified element is not owned by this form element", "NotFoundError");
- }
-
- function raise(errorConstructor, message, name) {
- throw new errorConstructor("Failed to execute 'requestSubmit' on 'HTMLFormElement': " + message + ".", name)
- }
-})(HTMLFormElement.prototype);
-
-const submittersByForm = new WeakMap();
-function findSubmitterFromClickTarget(target) {
- const element = target instanceof Element ? target : target instanceof Node ? target.parentElement : null;
- const candidate = element ? element.closest("input, button") : null;
- return (candidate === null || candidate === void 0 ? void 0 : candidate.type) == "submit" ? candidate : null;
-}
-function clickCaptured(event) {
- const submitter = findSubmitterFromClickTarget(event.target);
- if (submitter && submitter.form) {
- submittersByForm.set(submitter.form, submitter);
- }
-}
-(function () {
- if ("submitter" in Event.prototype)
- return;
- let prototype = window.Event.prototype;
- if ("SubmitEvent" in window && /Apple Computer/.test(navigator.vendor)) {
- prototype = window.SubmitEvent.prototype;
- }
- else if ("SubmitEvent" in window) {
- return;
- }
- addEventListener("click", clickCaptured, true);
- Object.defineProperty(prototype, "submitter", {
- get() {
- if (this.type == "submit" && this.target instanceof HTMLFormElement) {
- return submittersByForm.get(this.target);
- }
- },
- });
-})();
-
-var FrameLoadingStyle;
-(function (FrameLoadingStyle) {
- FrameLoadingStyle["eager"] = "eager";
- FrameLoadingStyle["lazy"] = "lazy";
-})(FrameLoadingStyle || (FrameLoadingStyle = {}));
-class FrameElement extends HTMLElement {
- static get observedAttributes() {
- return ["disabled", "complete", "loading", "src"];
- }
- constructor() {
- super();
- this.loaded = Promise.resolve();
- this.delegate = new FrameElement.delegateConstructor(this);
- }
- connectedCallback() {
- this.delegate.connect();
- }
- disconnectedCallback() {
- this.delegate.disconnect();
- }
- reload() {
- return this.delegate.sourceURLReloaded();
- }
- attributeChangedCallback(name) {
- if (name == "loading") {
- this.delegate.loadingStyleChanged();
- }
- else if (name == "complete") {
- this.delegate.completeChanged();
- }
- else if (name == "src") {
- this.delegate.sourceURLChanged();
- }
- else {
- this.delegate.disabledChanged();
- }
- }
- get src() {
- return this.getAttribute("src");
- }
- set src(value) {
- if (value) {
- this.setAttribute("src", value);
- }
- else {
- this.removeAttribute("src");
- }
- }
- get loading() {
- return frameLoadingStyleFromString(this.getAttribute("loading") || "");
- }
- set loading(value) {
- if (value) {
- this.setAttribute("loading", value);
- }
- else {
- this.removeAttribute("loading");
- }
- }
- get disabled() {
- return this.hasAttribute("disabled");
- }
- set disabled(value) {
- if (value) {
- this.setAttribute("disabled", "");
- }
- else {
- this.removeAttribute("disabled");
- }
- }
- get autoscroll() {
- return this.hasAttribute("autoscroll");
- }
- set autoscroll(value) {
- if (value) {
- this.setAttribute("autoscroll", "");
- }
- else {
- this.removeAttribute("autoscroll");
- }
- }
- get complete() {
- return !this.delegate.isLoading;
- }
- get isActive() {
- return this.ownerDocument === document && !this.isPreview;
- }
- get isPreview() {
- var _a, _b;
- return (_b = (_a = this.ownerDocument) === null || _a === void 0 ? void 0 : _a.documentElement) === null || _b === void 0 ? void 0 : _b.hasAttribute("data-turbo-preview");
- }
-}
-function frameLoadingStyleFromString(style) {
- switch (style.toLowerCase()) {
- case "lazy":
- return FrameLoadingStyle.lazy;
- default:
- return FrameLoadingStyle.eager;
- }
-}
-
-function expandURL(locatable) {
- return new URL(locatable.toString(), document.baseURI);
-}
-function getAnchor(url) {
- let anchorMatch;
- if (url.hash) {
- return url.hash.slice(1);
- }
- else if ((anchorMatch = url.href.match(/#(.*)$/))) {
- return anchorMatch[1];
- }
-}
-function getAction(form, submitter) {
- const action = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("formaction")) || form.getAttribute("action") || form.action;
- return expandURL(action);
-}
-function getExtension(url) {
- return (getLastPathComponent(url).match(/\.[^.]*$/) || [])[0] || "";
-}
-function isHTML(url) {
- return !!getExtension(url).match(/^(?:|\.(?:htm|html|xhtml|php))$/);
-}
-function isPrefixedBy(baseURL, url) {
- const prefix = getPrefix(url);
- return baseURL.href === expandURL(prefix).href || baseURL.href.startsWith(prefix);
-}
-function locationIsVisitable(location, rootLocation) {
- return isPrefixedBy(location, rootLocation) && isHTML(location);
-}
-function getRequestURL(url) {
- const anchor = getAnchor(url);
- return anchor != null ? url.href.slice(0, -(anchor.length + 1)) : url.href;
-}
-function toCacheKey(url) {
- return getRequestURL(url);
-}
-function urlsAreEqual(left, right) {
- return expandURL(left).href == expandURL(right).href;
-}
-function getPathComponents(url) {
- return url.pathname.split("/").slice(1);
-}
-function getLastPathComponent(url) {
- return getPathComponents(url).slice(-1)[0];
-}
-function getPrefix(url) {
- return addTrailingSlash(url.origin + url.pathname);
-}
-function addTrailingSlash(value) {
- return value.endsWith("/") ? value : value + "/";
-}
-
-class FetchResponse {
- constructor(response) {
- this.response = response;
- }
- get succeeded() {
- return this.response.ok;
- }
- get failed() {
- return !this.succeeded;
- }
- get clientError() {
- return this.statusCode >= 400 && this.statusCode <= 499;
- }
- get serverError() {
- return this.statusCode >= 500 && this.statusCode <= 599;
- }
- get redirected() {
- return this.response.redirected;
- }
- get location() {
- return expandURL(this.response.url);
- }
- get isHTML() {
- return this.contentType && this.contentType.match(/^(?:text\/([^\s;,]+\b)?html|application\/xhtml\+xml)\b/);
- }
- get statusCode() {
- return this.response.status;
- }
- get contentType() {
- return this.header("Content-Type");
- }
- get responseText() {
- return this.response.clone().text();
- }
- get responseHTML() {
- if (this.isHTML) {
- return this.response.clone().text();
- }
- else {
- return Promise.resolve(undefined);
- }
- }
- header(name) {
- return this.response.headers.get(name);
- }
-}
-
-function activateScriptElement(element) {
- if (element.getAttribute("data-turbo-eval") == "false") {
- return element;
- }
- else {
- const createdScriptElement = document.createElement("script");
- const cspNonce = getMetaContent("csp-nonce");
- if (cspNonce) {
- createdScriptElement.nonce = cspNonce;
- }
- createdScriptElement.textContent = element.textContent;
- createdScriptElement.async = false;
- copyElementAttributes(createdScriptElement, element);
- return createdScriptElement;
- }
-}
-function copyElementAttributes(destinationElement, sourceElement) {
- for (const { name, value } of sourceElement.attributes) {
- destinationElement.setAttribute(name, value);
- }
-}
-function createDocumentFragment(html) {
- const template = document.createElement("template");
- template.innerHTML = html;
- return template.content;
-}
-function dispatch(eventName, { target, cancelable, detail } = {}) {
- const event = new CustomEvent(eventName, {
- cancelable,
- bubbles: true,
- composed: true,
- detail,
- });
- if (target && target.isConnected) {
- target.dispatchEvent(event);
- }
- else {
- document.documentElement.dispatchEvent(event);
- }
- return event;
-}
-function nextAnimationFrame() {
- return new Promise((resolve) => requestAnimationFrame(() => resolve()));
-}
-function nextEventLoopTick() {
- return new Promise((resolve) => setTimeout(() => resolve(), 0));
-}
-function nextMicrotask() {
- return Promise.resolve();
-}
-function parseHTMLDocument(html = "") {
- return new DOMParser().parseFromString(html, "text/html");
-}
-function unindent(strings, ...values) {
- const lines = interpolate(strings, values).replace(/^\n/, "").split("\n");
- const match = lines[0].match(/^\s+/);
- const indent = match ? match[0].length : 0;
- return lines.map((line) => line.slice(indent)).join("\n");
-}
-function interpolate(strings, values) {
- return strings.reduce((result, string, i) => {
- const value = values[i] == undefined ? "" : values[i];
- return result + string + value;
- }, "");
-}
-function uuid() {
- return Array.from({ length: 36 })
- .map((_, i) => {
- if (i == 8 || i == 13 || i == 18 || i == 23) {
- return "-";
- }
- else if (i == 14) {
- return "4";
- }
- else if (i == 19) {
- return (Math.floor(Math.random() * 4) + 8).toString(16);
- }
- else {
- return Math.floor(Math.random() * 15).toString(16);
- }
- })
- .join("");
-}
-function getAttribute(attributeName, ...elements) {
- for (const value of elements.map((element) => element === null || element === void 0 ? void 0 : element.getAttribute(attributeName))) {
- if (typeof value == "string")
- return value;
- }
- return null;
-}
-function hasAttribute(attributeName, ...elements) {
- return elements.some((element) => element && element.hasAttribute(attributeName));
-}
-function markAsBusy(...elements) {
- for (const element of elements) {
- if (element.localName == "turbo-frame") {
- element.setAttribute("busy", "");
- }
- element.setAttribute("aria-busy", "true");
- }
-}
-function clearBusyState(...elements) {
- for (const element of elements) {
- if (element.localName == "turbo-frame") {
- element.removeAttribute("busy");
- }
- element.removeAttribute("aria-busy");
- }
-}
-function waitForLoad(element, timeoutInMilliseconds = 2000) {
- return new Promise((resolve) => {
- const onComplete = () => {
- element.removeEventListener("error", onComplete);
- element.removeEventListener("load", onComplete);
- resolve();
- };
- element.addEventListener("load", onComplete, { once: true });
- element.addEventListener("error", onComplete, { once: true });
- setTimeout(resolve, timeoutInMilliseconds);
- });
-}
-function getHistoryMethodForAction(action) {
- switch (action) {
- case "replace":
- return history.replaceState;
- case "advance":
- case "restore":
- return history.pushState;
- }
-}
-function isAction(action) {
- return action == "advance" || action == "replace" || action == "restore";
-}
-function getVisitAction(...elements) {
- const action = getAttribute("data-turbo-action", ...elements);
- return isAction(action) ? action : null;
-}
-function getMetaElement(name) {
- return document.querySelector(`meta[name="${name}"]`);
-}
-function getMetaContent(name) {
- const element = getMetaElement(name);
- return element && element.content;
-}
-function setMetaContent(name, content) {
- let element = getMetaElement(name);
- if (!element) {
- element = document.createElement("meta");
- element.setAttribute("name", name);
- document.head.appendChild(element);
- }
- element.setAttribute("content", content);
- return element;
-}
-function findClosestRecursively(element, selector) {
- var _a;
- if (element instanceof Element) {
- return (element.closest(selector) ||
- findClosestRecursively(element.assignedSlot || ((_a = element.getRootNode()) === null || _a === void 0 ? void 0 : _a.host), selector));
- }
-}
-
-var FetchMethod;
-(function (FetchMethod) {
- FetchMethod[FetchMethod["get"] = 0] = "get";
- FetchMethod[FetchMethod["post"] = 1] = "post";
- FetchMethod[FetchMethod["put"] = 2] = "put";
- FetchMethod[FetchMethod["patch"] = 3] = "patch";
- FetchMethod[FetchMethod["delete"] = 4] = "delete";
-})(FetchMethod || (FetchMethod = {}));
-function fetchMethodFromString(method) {
- switch (method.toLowerCase()) {
- case "get":
- return FetchMethod.get;
- case "post":
- return FetchMethod.post;
- case "put":
- return FetchMethod.put;
- case "patch":
- return FetchMethod.patch;
- case "delete":
- return FetchMethod.delete;
- }
-}
-class FetchRequest {
- constructor(delegate, method, location, body = new URLSearchParams(), target = null) {
- this.abortController = new AbortController();
- this.resolveRequestPromise = (_value) => { };
- this.delegate = delegate;
- this.method = method;
- this.headers = this.defaultHeaders;
- this.body = body;
- this.url = location;
- this.target = target;
- }
- get location() {
- return this.url;
- }
- get params() {
- return this.url.searchParams;
- }
- get entries() {
- return this.body ? Array.from(this.body.entries()) : [];
- }
- cancel() {
- this.abortController.abort();
- }
- async perform() {
- const { fetchOptions } = this;
- this.delegate.prepareRequest(this);
- await this.allowRequestToBeIntercepted(fetchOptions);
- try {
- this.delegate.requestStarted(this);
- const response = await fetch(this.url.href, fetchOptions);
- return await this.receive(response);
- }
- catch (error) {
- if (error.name !== "AbortError") {
- if (this.willDelegateErrorHandling(error)) {
- this.delegate.requestErrored(this, error);
- }
- throw error;
- }
- }
- finally {
- this.delegate.requestFinished(this);
- }
- }
- async receive(response) {
- const fetchResponse = new FetchResponse(response);
- const event = dispatch("turbo:before-fetch-response", {
- cancelable: true,
- detail: { fetchResponse },
- target: this.target,
- });
- if (event.defaultPrevented) {
- this.delegate.requestPreventedHandlingResponse(this, fetchResponse);
- }
- else if (fetchResponse.succeeded) {
- this.delegate.requestSucceededWithResponse(this, fetchResponse);
- }
- else {
- this.delegate.requestFailedWithResponse(this, fetchResponse);
- }
- return fetchResponse;
- }
- get fetchOptions() {
- var _a;
- return {
- method: FetchMethod[this.method].toUpperCase(),
- credentials: "same-origin",
- headers: this.headers,
- redirect: "follow",
- body: this.isSafe ? null : this.body,
- signal: this.abortSignal,
- referrer: (_a = this.delegate.referrer) === null || _a === void 0 ? void 0 : _a.href,
- };
- }
- get defaultHeaders() {
- return {
- Accept: "text/html, application/xhtml+xml",
- };
- }
- get isSafe() {
- return this.method === FetchMethod.get;
- }
- get abortSignal() {
- return this.abortController.signal;
- }
- acceptResponseType(mimeType) {
- this.headers["Accept"] = [mimeType, this.headers["Accept"]].join(", ");
- }
- async allowRequestToBeIntercepted(fetchOptions) {
- const requestInterception = new Promise((resolve) => (this.resolveRequestPromise = resolve));
- const event = dispatch("turbo:before-fetch-request", {
- cancelable: true,
- detail: {
- fetchOptions,
- url: this.url,
- resume: this.resolveRequestPromise,
- },
- target: this.target,
- });
- if (event.defaultPrevented)
- await requestInterception;
- }
- willDelegateErrorHandling(error) {
- const event = dispatch("turbo:fetch-request-error", {
- target: this.target,
- cancelable: true,
- detail: { request: this, error: error },
- });
- return !event.defaultPrevented;
- }
-}
-
-class AppearanceObserver {
- constructor(delegate, element) {
- this.started = false;
- this.intersect = (entries) => {
- const lastEntry = entries.slice(-1)[0];
- if (lastEntry === null || lastEntry === void 0 ? void 0 : lastEntry.isIntersecting) {
- this.delegate.elementAppearedInViewport(this.element);
- }
- };
- this.delegate = delegate;
- this.element = element;
- this.intersectionObserver = new IntersectionObserver(this.intersect);
- }
- start() {
- if (!this.started) {
- this.started = true;
- this.intersectionObserver.observe(this.element);
- }
- }
- stop() {
- if (this.started) {
- this.started = false;
- this.intersectionObserver.unobserve(this.element);
- }
- }
-}
-
-class StreamMessage {
- static wrap(message) {
- if (typeof message == "string") {
- return new this(createDocumentFragment(message));
- }
- else {
- return message;
- }
- }
- constructor(fragment) {
- this.fragment = importStreamElements(fragment);
- }
-}
-StreamMessage.contentType = "text/vnd.turbo-stream.html";
-function importStreamElements(fragment) {
- for (const element of fragment.querySelectorAll("turbo-stream")) {
- const streamElement = document.importNode(element, true);
- for (const inertScriptElement of streamElement.templateElement.content.querySelectorAll("script")) {
- inertScriptElement.replaceWith(activateScriptElement(inertScriptElement));
- }
- element.replaceWith(streamElement);
- }
- return fragment;
-}
-
-var FormSubmissionState;
-(function (FormSubmissionState) {
- FormSubmissionState[FormSubmissionState["initialized"] = 0] = "initialized";
- FormSubmissionState[FormSubmissionState["requesting"] = 1] = "requesting";
- FormSubmissionState[FormSubmissionState["waiting"] = 2] = "waiting";
- FormSubmissionState[FormSubmissionState["receiving"] = 3] = "receiving";
- FormSubmissionState[FormSubmissionState["stopping"] = 4] = "stopping";
- FormSubmissionState[FormSubmissionState["stopped"] = 5] = "stopped";
-})(FormSubmissionState || (FormSubmissionState = {}));
-var FormEnctype;
-(function (FormEnctype) {
- FormEnctype["urlEncoded"] = "application/x-www-form-urlencoded";
- FormEnctype["multipart"] = "multipart/form-data";
- FormEnctype["plain"] = "text/plain";
-})(FormEnctype || (FormEnctype = {}));
-function formEnctypeFromString(encoding) {
- switch (encoding.toLowerCase()) {
- case FormEnctype.multipart:
- return FormEnctype.multipart;
- case FormEnctype.plain:
- return FormEnctype.plain;
- default:
- return FormEnctype.urlEncoded;
- }
-}
-class FormSubmission {
- static confirmMethod(message, _element, _submitter) {
- return Promise.resolve(confirm(message));
- }
- constructor(delegate, formElement, submitter, mustRedirect = false) {
- this.state = FormSubmissionState.initialized;
- this.delegate = delegate;
- this.formElement = formElement;
- this.submitter = submitter;
- this.formData = buildFormData(formElement, submitter);
- this.location = expandURL(this.action);
- if (this.method == FetchMethod.get) {
- mergeFormDataEntries(this.location, [...this.body.entries()]);
- }
- this.fetchRequest = new FetchRequest(this, this.method, this.location, this.body, this.formElement);
- this.mustRedirect = mustRedirect;
- }
- get method() {
- var _a;
- const method = ((_a = this.submitter) === null || _a === void 0 ? void 0 : _a.getAttribute("formmethod")) || this.formElement.getAttribute("method") || "";
- return fetchMethodFromString(method.toLowerCase()) || FetchMethod.get;
- }
- get action() {
- var _a;
- const formElementAction = typeof this.formElement.action === "string" ? this.formElement.action : null;
- if ((_a = this.submitter) === null || _a === void 0 ? void 0 : _a.hasAttribute("formaction")) {
- return this.submitter.getAttribute("formaction") || "";
- }
- else {
- return this.formElement.getAttribute("action") || formElementAction || "";
- }
- }
- get body() {
- if (this.enctype == FormEnctype.urlEncoded || this.method == FetchMethod.get) {
- return new URLSearchParams(this.stringFormData);
- }
- else {
- return this.formData;
- }
- }
- get enctype() {
- var _a;
- return formEnctypeFromString(((_a = this.submitter) === null || _a === void 0 ? void 0 : _a.getAttribute("formenctype")) || this.formElement.enctype);
- }
- get isSafe() {
- return this.fetchRequest.isSafe;
- }
- get stringFormData() {
- return [...this.formData].reduce((entries, [name, value]) => {
- return entries.concat(typeof value == "string" ? [[name, value]] : []);
- }, []);
- }
- async start() {
- const { initialized, requesting } = FormSubmissionState;
- const confirmationMessage = getAttribute("data-turbo-confirm", this.submitter, this.formElement);
- if (typeof confirmationMessage === "string") {
- const answer = await FormSubmission.confirmMethod(confirmationMessage, this.formElement, this.submitter);
- if (!answer) {
- return;
- }
- }
- if (this.state == initialized) {
- this.state = requesting;
- return this.fetchRequest.perform();
- }
- }
- stop() {
- const { stopping, stopped } = FormSubmissionState;
- if (this.state != stopping && this.state != stopped) {
- this.state = stopping;
- this.fetchRequest.cancel();
- return true;
- }
- }
- prepareRequest(request) {
- if (!request.isSafe) {
- const token = getCookieValue(getMetaContent("csrf-param")) || getMetaContent("csrf-token");
- if (token) {
- request.headers["X-CSRF-Token"] = token;
- }
- }
- if (this.requestAcceptsTurboStreamResponse(request)) {
- request.acceptResponseType(StreamMessage.contentType);
- }
- }
- requestStarted(_request) {
- var _a;
- this.state = FormSubmissionState.waiting;
- (_a = this.submitter) === null || _a === void 0 ? void 0 : _a.setAttribute("disabled", "");
- this.setSubmitsWith();
- dispatch("turbo:submit-start", {
- target: this.formElement,
- detail: { formSubmission: this },
- });
- this.delegate.formSubmissionStarted(this);
- }
- requestPreventedHandlingResponse(request, response) {
- this.result = { success: response.succeeded, fetchResponse: response };
- }
- requestSucceededWithResponse(request, response) {
- if (response.clientError || response.serverError) {
- this.delegate.formSubmissionFailedWithResponse(this, response);
- }
- else if (this.requestMustRedirect(request) && responseSucceededWithoutRedirect(response)) {
- const error = new Error("Form responses must redirect to another location");
- this.delegate.formSubmissionErrored(this, error);
- }
- else {
- this.state = FormSubmissionState.receiving;
- this.result = { success: true, fetchResponse: response };
- this.delegate.formSubmissionSucceededWithResponse(this, response);
- }
- }
- requestFailedWithResponse(request, response) {
- this.result = { success: false, fetchResponse: response };
- this.delegate.formSubmissionFailedWithResponse(this, response);
- }
- requestErrored(request, error) {
- this.result = { success: false, error };
- this.delegate.formSubmissionErrored(this, error);
- }
- requestFinished(_request) {
- var _a;
- this.state = FormSubmissionState.stopped;
- (_a = this.submitter) === null || _a === void 0 ? void 0 : _a.removeAttribute("disabled");
- this.resetSubmitterText();
- dispatch("turbo:submit-end", {
- target: this.formElement,
- detail: Object.assign({ formSubmission: this }, this.result),
- });
- this.delegate.formSubmissionFinished(this);
- }
- setSubmitsWith() {
- if (!this.submitter || !this.submitsWith)
- return;
- if (this.submitter.matches("button")) {
- this.originalSubmitText = this.submitter.innerHTML;
- this.submitter.innerHTML = this.submitsWith;
- }
- else if (this.submitter.matches("input")) {
- const input = this.submitter;
- this.originalSubmitText = input.value;
- input.value = this.submitsWith;
- }
- }
- resetSubmitterText() {
- if (!this.submitter || !this.originalSubmitText)
- return;
- if (this.submitter.matches("button")) {
- this.submitter.innerHTML = this.originalSubmitText;
- }
- else if (this.submitter.matches("input")) {
- const input = this.submitter;
- input.value = this.originalSubmitText;
- }
- }
- requestMustRedirect(request) {
- return !request.isSafe && this.mustRedirect;
- }
- requestAcceptsTurboStreamResponse(request) {
- return !request.isSafe || hasAttribute("data-turbo-stream", this.submitter, this.formElement);
- }
- get submitsWith() {
- var _a;
- return (_a = this.submitter) === null || _a === void 0 ? void 0 : _a.getAttribute("data-turbo-submits-with");
- }
-}
-function buildFormData(formElement, submitter) {
- const formData = new FormData(formElement);
- const name = submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("name");
- const value = submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("value");
- if (name) {
- formData.append(name, value || "");
- }
- return formData;
-}
-function getCookieValue(cookieName) {
- if (cookieName != null) {
- const cookies = document.cookie ? document.cookie.split("; ") : [];
- const cookie = cookies.find((cookie) => cookie.startsWith(cookieName));
- if (cookie) {
- const value = cookie.split("=").slice(1).join("=");
- return value ? decodeURIComponent(value) : undefined;
- }
- }
-}
-function responseSucceededWithoutRedirect(response) {
- return response.statusCode == 200 && !response.redirected;
-}
-function mergeFormDataEntries(url, entries) {
- const searchParams = new URLSearchParams();
- for (const [name, value] of entries) {
- if (value instanceof File)
- continue;
- searchParams.append(name, value);
- }
- url.search = searchParams.toString();
- return url;
-}
-
-class Snapshot {
- constructor(element) {
- this.element = element;
- }
- get activeElement() {
- return this.element.ownerDocument.activeElement;
- }
- get children() {
- return [...this.element.children];
- }
- hasAnchor(anchor) {
- return this.getElementForAnchor(anchor) != null;
- }
- getElementForAnchor(anchor) {
- return anchor ? this.element.querySelector(`[id='${anchor}'], a[name='${anchor}']`) : null;
- }
- get isConnected() {
- return this.element.isConnected;
- }
- get firstAutofocusableElement() {
- const inertDisabledOrHidden = "[inert], :disabled, [hidden], details:not([open]), dialog:not([open])";
- for (const element of this.element.querySelectorAll("[autofocus]")) {
- if (element.closest(inertDisabledOrHidden) == null)
- return element;
- else
- continue;
- }
- return null;
- }
- get permanentElements() {
- return queryPermanentElementsAll(this.element);
- }
- getPermanentElementById(id) {
- return getPermanentElementById(this.element, id);
- }
- getPermanentElementMapForSnapshot(snapshot) {
- const permanentElementMap = {};
- for (const currentPermanentElement of this.permanentElements) {
- const { id } = currentPermanentElement;
- const newPermanentElement = snapshot.getPermanentElementById(id);
- if (newPermanentElement) {
- permanentElementMap[id] = [currentPermanentElement, newPermanentElement];
- }
- }
- return permanentElementMap;
- }
-}
-function getPermanentElementById(node, id) {
- return node.querySelector(`#${id}[data-turbo-permanent]`);
-}
-function queryPermanentElementsAll(node) {
- return node.querySelectorAll("[id][data-turbo-permanent]");
-}
-
-class FormSubmitObserver {
- constructor(delegate, eventTarget) {
- this.started = false;
- this.submitCaptured = () => {
- this.eventTarget.removeEventListener("submit", this.submitBubbled, false);
- this.eventTarget.addEventListener("submit", this.submitBubbled, false);
- };
- this.submitBubbled = ((event) => {
- if (!event.defaultPrevented) {
- const form = event.target instanceof HTMLFormElement ? event.target : undefined;
- const submitter = event.submitter || undefined;
- if (form &&
- submissionDoesNotDismissDialog(form, submitter) &&
- submissionDoesNotTargetIFrame(form, submitter) &&
- this.delegate.willSubmitForm(form, submitter)) {
- event.preventDefault();
- event.stopImmediatePropagation();
- this.delegate.formSubmitted(form, submitter);
- }
- }
- });
- this.delegate = delegate;
- this.eventTarget = eventTarget;
- }
- start() {
- if (!this.started) {
- this.eventTarget.addEventListener("submit", this.submitCaptured, true);
- this.started = true;
- }
- }
- stop() {
- if (this.started) {
- this.eventTarget.removeEventListener("submit", this.submitCaptured, true);
- this.started = false;
- }
- }
-}
-function submissionDoesNotDismissDialog(form, submitter) {
- const method = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("formmethod")) || form.getAttribute("method");
- return method != "dialog";
-}
-function submissionDoesNotTargetIFrame(form, submitter) {
- if ((submitter === null || submitter === void 0 ? void 0 : submitter.hasAttribute("formtarget")) || form.hasAttribute("target")) {
- const target = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("formtarget")) || form.target;
- for (const element of document.getElementsByName(target)) {
- if (element instanceof HTMLIFrameElement)
- return false;
- }
- return true;
- }
- else {
- return true;
- }
-}
-
-class View {
- constructor(delegate, element) {
- this.resolveRenderPromise = (_value) => { };
- this.resolveInterceptionPromise = (_value) => { };
- this.delegate = delegate;
- this.element = element;
- }
- scrollToAnchor(anchor) {
- const element = this.snapshot.getElementForAnchor(anchor);
- if (element) {
- this.scrollToElement(element);
- this.focusElement(element);
- }
- else {
- this.scrollToPosition({ x: 0, y: 0 });
- }
- }
- scrollToAnchorFromLocation(location) {
- this.scrollToAnchor(getAnchor(location));
- }
- scrollToElement(element) {
- element.scrollIntoView();
- }
- focusElement(element) {
- if (element instanceof HTMLElement) {
- if (element.hasAttribute("tabindex")) {
- element.focus();
- }
- else {
- element.setAttribute("tabindex", "-1");
- element.focus();
- element.removeAttribute("tabindex");
- }
- }
- }
- scrollToPosition({ x, y }) {
- this.scrollRoot.scrollTo(x, y);
- }
- scrollToTop() {
- this.scrollToPosition({ x: 0, y: 0 });
- }
- get scrollRoot() {
- return window;
- }
- async render(renderer) {
- const { isPreview, shouldRender, newSnapshot: snapshot } = renderer;
- if (shouldRender) {
- try {
- this.renderPromise = new Promise((resolve) => (this.resolveRenderPromise = resolve));
- this.renderer = renderer;
- await this.prepareToRenderSnapshot(renderer);
- const renderInterception = new Promise((resolve) => (this.resolveInterceptionPromise = resolve));
- const options = { resume: this.resolveInterceptionPromise, render: this.renderer.renderElement };
- const immediateRender = this.delegate.allowsImmediateRender(snapshot, options);
- if (!immediateRender)
- await renderInterception;
- await this.renderSnapshot(renderer);
- this.delegate.viewRenderedSnapshot(snapshot, isPreview);
- this.delegate.preloadOnLoadLinksForView(this.element);
- this.finishRenderingSnapshot(renderer);
- }
- finally {
- delete this.renderer;
- this.resolveRenderPromise(undefined);
- delete this.renderPromise;
- }
- }
- else {
- this.invalidate(renderer.reloadReason);
- }
- }
- invalidate(reason) {
- this.delegate.viewInvalidated(reason);
- }
- async prepareToRenderSnapshot(renderer) {
- this.markAsPreview(renderer.isPreview);
- await renderer.prepareToRender();
- }
- markAsPreview(isPreview) {
- if (isPreview) {
- this.element.setAttribute("data-turbo-preview", "");
- }
- else {
- this.element.removeAttribute("data-turbo-preview");
- }
- }
- async renderSnapshot(renderer) {
- await renderer.render();
- }
- finishRenderingSnapshot(renderer) {
- renderer.finishRendering();
- }
-}
-
-class FrameView extends View {
- missing() {
- this.element.innerHTML = `Content missing`;
- }
- get snapshot() {
- return new Snapshot(this.element);
- }
-}
-
-class LinkInterceptor {
- constructor(delegate, element) {
- this.clickBubbled = (event) => {
- if (this.respondsToEventTarget(event.target)) {
- this.clickEvent = event;
- }
- else {
- delete this.clickEvent;
- }
- };
- this.linkClicked = ((event) => {
- if (this.clickEvent && this.respondsToEventTarget(event.target) && event.target instanceof Element) {
- if (this.delegate.shouldInterceptLinkClick(event.target, event.detail.url, event.detail.originalEvent)) {
- this.clickEvent.preventDefault();
- event.preventDefault();
- this.delegate.linkClickIntercepted(event.target, event.detail.url, event.detail.originalEvent);
- }
- }
- delete this.clickEvent;
- });
- this.willVisit = ((_event) => {
- delete this.clickEvent;
- });
- this.delegate = delegate;
- this.element = element;
- }
- start() {
- this.element.addEventListener("click", this.clickBubbled);
- document.addEventListener("turbo:click", this.linkClicked);
- document.addEventListener("turbo:before-visit", this.willVisit);
- }
- stop() {
- this.element.removeEventListener("click", this.clickBubbled);
- document.removeEventListener("turbo:click", this.linkClicked);
- document.removeEventListener("turbo:before-visit", this.willVisit);
- }
- respondsToEventTarget(target) {
- const element = target instanceof Element ? target : target instanceof Node ? target.parentElement : null;
- return element && element.closest("turbo-frame, html") == this.element;
- }
-}
-
-class LinkClickObserver {
- constructor(delegate, eventTarget) {
- this.started = false;
- this.clickCaptured = () => {
- this.eventTarget.removeEventListener("click", this.clickBubbled, false);
- this.eventTarget.addEventListener("click", this.clickBubbled, false);
- };
- this.clickBubbled = (event) => {
- if (event instanceof MouseEvent && this.clickEventIsSignificant(event)) {
- const target = (event.composedPath && event.composedPath()[0]) || event.target;
- const link = this.findLinkFromClickTarget(target);
- if (link && doesNotTargetIFrame(link)) {
- const location = this.getLocationForLink(link);
- if (this.delegate.willFollowLinkToLocation(link, location, event)) {
- event.preventDefault();
- this.delegate.followedLinkToLocation(link, location);
- }
- }
- }
- };
- this.delegate = delegate;
- this.eventTarget = eventTarget;
- }
- start() {
- if (!this.started) {
- this.eventTarget.addEventListener("click", this.clickCaptured, true);
- this.started = true;
- }
- }
- stop() {
- if (this.started) {
- this.eventTarget.removeEventListener("click", this.clickCaptured, true);
- this.started = false;
- }
- }
- clickEventIsSignificant(event) {
- return !((event.target && event.target.isContentEditable) ||
- event.defaultPrevented ||
- event.which > 1 ||
- event.altKey ||
- event.ctrlKey ||
- event.metaKey ||
- event.shiftKey);
- }
- findLinkFromClickTarget(target) {
- return findClosestRecursively(target, "a[href]:not([target^=_]):not([download])");
- }
- getLocationForLink(link) {
- return expandURL(link.getAttribute("href") || "");
- }
-}
-function doesNotTargetIFrame(anchor) {
- if (anchor.hasAttribute("target")) {
- for (const element of document.getElementsByName(anchor.target)) {
- if (element instanceof HTMLIFrameElement)
- return false;
- }
- return true;
- }
- else {
- return true;
- }
-}
-
-class FormLinkClickObserver {
- constructor(delegate, element) {
- this.delegate = delegate;
- this.linkInterceptor = new LinkClickObserver(this, element);
- }
- start() {
- this.linkInterceptor.start();
- }
- stop() {
- this.linkInterceptor.stop();
- }
- willFollowLinkToLocation(link, location, originalEvent) {
- return (this.delegate.willSubmitFormLinkToLocation(link, location, originalEvent) &&
- link.hasAttribute("data-turbo-method"));
- }
- followedLinkToLocation(link, location) {
- const form = document.createElement("form");
- const type = "hidden";
- for (const [name, value] of location.searchParams) {
- form.append(Object.assign(document.createElement("input"), { type, name, value }));
- }
- const action = Object.assign(location, { search: "" });
- form.setAttribute("data-turbo", "true");
- form.setAttribute("action", action.href);
- form.setAttribute("hidden", "");
- const method = link.getAttribute("data-turbo-method");
- if (method)
- form.setAttribute("method", method);
- const turboFrame = link.getAttribute("data-turbo-frame");
- if (turboFrame)
- form.setAttribute("data-turbo-frame", turboFrame);
- const turboAction = getVisitAction(link);
- if (turboAction)
- form.setAttribute("data-turbo-action", turboAction);
- const turboConfirm = link.getAttribute("data-turbo-confirm");
- if (turboConfirm)
- form.setAttribute("data-turbo-confirm", turboConfirm);
- const turboStream = link.hasAttribute("data-turbo-stream");
- if (turboStream)
- form.setAttribute("data-turbo-stream", "");
- this.delegate.submittedFormLinkToLocation(link, location, form);
- document.body.appendChild(form);
- form.addEventListener("turbo:submit-end", () => form.remove(), { once: true });
- requestAnimationFrame(() => form.requestSubmit());
- }
-}
-
-class Bardo {
- static async preservingPermanentElements(delegate, permanentElementMap, callback) {
- const bardo = new this(delegate, permanentElementMap);
- bardo.enter();
- await callback();
- bardo.leave();
- }
- constructor(delegate, permanentElementMap) {
- this.delegate = delegate;
- this.permanentElementMap = permanentElementMap;
- }
- enter() {
- for (const id in this.permanentElementMap) {
- const [currentPermanentElement, newPermanentElement] = this.permanentElementMap[id];
- this.delegate.enteringBardo(currentPermanentElement, newPermanentElement);
- this.replaceNewPermanentElementWithPlaceholder(newPermanentElement);
- }
- }
- leave() {
- for (const id in this.permanentElementMap) {
- const [currentPermanentElement] = this.permanentElementMap[id];
- this.replaceCurrentPermanentElementWithClone(currentPermanentElement);
- this.replacePlaceholderWithPermanentElement(currentPermanentElement);
- this.delegate.leavingBardo(currentPermanentElement);
- }
- }
- replaceNewPermanentElementWithPlaceholder(permanentElement) {
- const placeholder = createPlaceholderForPermanentElement(permanentElement);
- permanentElement.replaceWith(placeholder);
- }
- replaceCurrentPermanentElementWithClone(permanentElement) {
- const clone = permanentElement.cloneNode(true);
- permanentElement.replaceWith(clone);
- }
- replacePlaceholderWithPermanentElement(permanentElement) {
- const placeholder = this.getPlaceholderById(permanentElement.id);
- placeholder === null || placeholder === void 0 ? void 0 : placeholder.replaceWith(permanentElement);
- }
- getPlaceholderById(id) {
- return this.placeholders.find((element) => element.content == id);
- }
- get placeholders() {
- return [...document.querySelectorAll("meta[name=turbo-permanent-placeholder][content]")];
- }
-}
-function createPlaceholderForPermanentElement(permanentElement) {
- const element = document.createElement("meta");
- element.setAttribute("name", "turbo-permanent-placeholder");
- element.setAttribute("content", permanentElement.id);
- return element;
-}
-
-class Renderer {
- constructor(currentSnapshot, newSnapshot, renderElement, isPreview, willRender = true) {
- this.activeElement = null;
- this.currentSnapshot = currentSnapshot;
- this.newSnapshot = newSnapshot;
- this.isPreview = isPreview;
- this.willRender = willRender;
- this.renderElement = renderElement;
- this.promise = new Promise((resolve, reject) => (this.resolvingFunctions = { resolve, reject }));
- }
- get shouldRender() {
- return true;
- }
- get reloadReason() {
- return;
- }
- prepareToRender() {
- return;
- }
- finishRendering() {
- if (this.resolvingFunctions) {
- this.resolvingFunctions.resolve();
- delete this.resolvingFunctions;
- }
- }
- async preservingPermanentElements(callback) {
- await Bardo.preservingPermanentElements(this, this.permanentElementMap, callback);
- }
- focusFirstAutofocusableElement() {
- const element = this.connectedSnapshot.firstAutofocusableElement;
- if (elementIsFocusable(element)) {
- element.focus();
- }
- }
- enteringBardo(currentPermanentElement) {
- if (this.activeElement)
- return;
- if (currentPermanentElement.contains(this.currentSnapshot.activeElement)) {
- this.activeElement = this.currentSnapshot.activeElement;
- }
- }
- leavingBardo(currentPermanentElement) {
- if (currentPermanentElement.contains(this.activeElement) && this.activeElement instanceof HTMLElement) {
- this.activeElement.focus();
- this.activeElement = null;
- }
- }
- get connectedSnapshot() {
- return this.newSnapshot.isConnected ? this.newSnapshot : this.currentSnapshot;
- }
- get currentElement() {
- return this.currentSnapshot.element;
- }
- get newElement() {
- return this.newSnapshot.element;
- }
- get permanentElementMap() {
- return this.currentSnapshot.getPermanentElementMapForSnapshot(this.newSnapshot);
- }
-}
-function elementIsFocusable(element) {
- return element && typeof element.focus == "function";
-}
-
-class FrameRenderer extends Renderer {
- static renderElement(currentElement, newElement) {
- var _a;
- const destinationRange = document.createRange();
- destinationRange.selectNodeContents(currentElement);
- destinationRange.deleteContents();
- const frameElement = newElement;
- const sourceRange = (_a = frameElement.ownerDocument) === null || _a === void 0 ? void 0 : _a.createRange();
- if (sourceRange) {
- sourceRange.selectNodeContents(frameElement);
- currentElement.appendChild(sourceRange.extractContents());
- }
- }
- constructor(delegate, currentSnapshot, newSnapshot, renderElement, isPreview, willRender = true) {
- super(currentSnapshot, newSnapshot, renderElement, isPreview, willRender);
- this.delegate = delegate;
- }
- get shouldRender() {
- return true;
- }
- async render() {
- await nextAnimationFrame();
- this.preservingPermanentElements(() => {
- this.loadFrameElement();
- });
- this.scrollFrameIntoView();
- await nextAnimationFrame();
- this.focusFirstAutofocusableElement();
- await nextAnimationFrame();
- this.activateScriptElements();
- }
- loadFrameElement() {
- this.delegate.willRenderFrame(this.currentElement, this.newElement);
- this.renderElement(this.currentElement, this.newElement);
- }
- scrollFrameIntoView() {
- if (this.currentElement.autoscroll || this.newElement.autoscroll) {
- const element = this.currentElement.firstElementChild;
- const block = readScrollLogicalPosition(this.currentElement.getAttribute("data-autoscroll-block"), "end");
- const behavior = readScrollBehavior(this.currentElement.getAttribute("data-autoscroll-behavior"), "auto");
- if (element) {
- element.scrollIntoView({ block, behavior });
- return true;
- }
- }
- return false;
- }
- activateScriptElements() {
- for (const inertScriptElement of this.newScriptElements) {
- const activatedScriptElement = activateScriptElement(inertScriptElement);
- inertScriptElement.replaceWith(activatedScriptElement);
- }
- }
- get newScriptElements() {
- return this.currentElement.querySelectorAll("script");
- }
-}
-function readScrollLogicalPosition(value, defaultValue) {
- if (value == "end" || value == "start" || value == "center" || value == "nearest") {
- return value;
- }
- else {
- return defaultValue;
- }
-}
-function readScrollBehavior(value, defaultValue) {
- if (value == "auto" || value == "smooth") {
- return value;
- }
- else {
- return defaultValue;
- }
-}
-
-class ProgressBar {
- static get defaultCSS() {
- return unindent `
- .turbo-progress-bar {
- position: fixed;
- display: block;
- top: 0;
- left: 0;
- height: 3px;
- background: #0076ff;
- z-index: 2147483647;
- transition:
- width ${ProgressBar.animationDuration}ms ease-out,
- opacity ${ProgressBar.animationDuration / 2}ms ${ProgressBar.animationDuration / 2}ms ease-in;
- transform: translate3d(0, 0, 0);
- }
- `;
- }
- constructor() {
- this.hiding = false;
- this.value = 0;
- this.visible = false;
- this.trickle = () => {
- this.setValue(this.value + Math.random() / 100);
- };
- this.stylesheetElement = this.createStylesheetElement();
- this.progressElement = this.createProgressElement();
- this.installStylesheetElement();
- this.setValue(0);
- }
- show() {
- if (!this.visible) {
- this.visible = true;
- this.installProgressElement();
- this.startTrickling();
- }
- }
- hide() {
- if (this.visible && !this.hiding) {
- this.hiding = true;
- this.fadeProgressElement(() => {
- this.uninstallProgressElement();
- this.stopTrickling();
- this.visible = false;
- this.hiding = false;
- });
- }
- }
- setValue(value) {
- this.value = value;
- this.refresh();
- }
- installStylesheetElement() {
- document.head.insertBefore(this.stylesheetElement, document.head.firstChild);
- }
- installProgressElement() {
- this.progressElement.style.width = "0";
- this.progressElement.style.opacity = "1";
- document.documentElement.insertBefore(this.progressElement, document.body);
- this.refresh();
- }
- fadeProgressElement(callback) {
- this.progressElement.style.opacity = "0";
- setTimeout(callback, ProgressBar.animationDuration * 1.5);
- }
- uninstallProgressElement() {
- if (this.progressElement.parentNode) {
- document.documentElement.removeChild(this.progressElement);
- }
- }
- startTrickling() {
- if (!this.trickleInterval) {
- this.trickleInterval = window.setInterval(this.trickle, ProgressBar.animationDuration);
- }
- }
- stopTrickling() {
- window.clearInterval(this.trickleInterval);
- delete this.trickleInterval;
- }
- refresh() {
- requestAnimationFrame(() => {
- this.progressElement.style.width = `${10 + this.value * 90}%`;
- });
- }
- createStylesheetElement() {
- const element = document.createElement("style");
- element.type = "text/css";
- element.textContent = ProgressBar.defaultCSS;
- if (this.cspNonce) {
- element.nonce = this.cspNonce;
- }
- return element;
- }
- createProgressElement() {
- const element = document.createElement("div");
- element.className = "turbo-progress-bar";
- return element;
- }
- get cspNonce() {
- return getMetaContent("csp-nonce");
- }
-}
-ProgressBar.animationDuration = 300;
-
-class HeadSnapshot extends Snapshot {
- constructor() {
- super(...arguments);
- this.detailsByOuterHTML = this.children
- .filter((element) => !elementIsNoscript(element))
- .map((element) => elementWithoutNonce(element))
- .reduce((result, element) => {
- const { outerHTML } = element;
- const details = outerHTML in result
- ? result[outerHTML]
- : {
- type: elementType(element),
- tracked: elementIsTracked(element),
- elements: [],
- };
- return Object.assign(Object.assign({}, result), { [outerHTML]: Object.assign(Object.assign({}, details), { elements: [...details.elements, element] }) });
- }, {});
- }
- get trackedElementSignature() {
- return Object.keys(this.detailsByOuterHTML)
- .filter((outerHTML) => this.detailsByOuterHTML[outerHTML].tracked)
- .join("");
- }
- getScriptElementsNotInSnapshot(snapshot) {
- return this.getElementsMatchingTypeNotInSnapshot("script", snapshot);
- }
- getStylesheetElementsNotInSnapshot(snapshot) {
- return this.getElementsMatchingTypeNotInSnapshot("stylesheet", snapshot);
- }
- getElementsMatchingTypeNotInSnapshot(matchedType, snapshot) {
- return Object.keys(this.detailsByOuterHTML)
- .filter((outerHTML) => !(outerHTML in snapshot.detailsByOuterHTML))
- .map((outerHTML) => this.detailsByOuterHTML[outerHTML])
- .filter(({ type }) => type == matchedType)
- .map(({ elements: [element] }) => element);
- }
- get provisionalElements() {
- return Object.keys(this.detailsByOuterHTML).reduce((result, outerHTML) => {
- const { type, tracked, elements } = this.detailsByOuterHTML[outerHTML];
- if (type == null && !tracked) {
- return [...result, ...elements];
- }
- else if (elements.length > 1) {
- return [...result, ...elements.slice(1)];
- }
- else {
- return result;
- }
- }, []);
- }
- getMetaValue(name) {
- const element = this.findMetaElementByName(name);
- return element ? element.getAttribute("content") : null;
- }
- findMetaElementByName(name) {
- return Object.keys(this.detailsByOuterHTML).reduce((result, outerHTML) => {
- const { elements: [element], } = this.detailsByOuterHTML[outerHTML];
- return elementIsMetaElementWithName(element, name) ? element : result;
- }, undefined);
- }
-}
-function elementType(element) {
- if (elementIsScript(element)) {
- return "script";
- }
- else if (elementIsStylesheet(element)) {
- return "stylesheet";
- }
-}
-function elementIsTracked(element) {
- return element.getAttribute("data-turbo-track") == "reload";
-}
-function elementIsScript(element) {
- const tagName = element.localName;
- return tagName == "script";
-}
-function elementIsNoscript(element) {
- const tagName = element.localName;
- return tagName == "noscript";
-}
-function elementIsStylesheet(element) {
- const tagName = element.localName;
- return tagName == "style" || (tagName == "link" && element.getAttribute("rel") == "stylesheet");
-}
-function elementIsMetaElementWithName(element, name) {
- const tagName = element.localName;
- return tagName == "meta" && element.getAttribute("name") == name;
-}
-function elementWithoutNonce(element) {
- if (element.hasAttribute("nonce")) {
- element.setAttribute("nonce", "");
- }
- return element;
-}
-
-class PageSnapshot extends Snapshot {
- static fromHTMLString(html = "") {
- return this.fromDocument(parseHTMLDocument(html));
- }
- static fromElement(element) {
- return this.fromDocument(element.ownerDocument);
- }
- static fromDocument({ head, body }) {
- return new this(body, new HeadSnapshot(head));
- }
- constructor(element, headSnapshot) {
- super(element);
- this.headSnapshot = headSnapshot;
- }
- clone() {
- const clonedElement = this.element.cloneNode(true);
- const selectElements = this.element.querySelectorAll("select");
- const clonedSelectElements = clonedElement.querySelectorAll("select");
- for (const [index, source] of selectElements.entries()) {
- const clone = clonedSelectElements[index];
- for (const option of clone.selectedOptions)
- option.selected = false;
- for (const option of source.selectedOptions)
- clone.options[option.index].selected = true;
- }
- for (const clonedPasswordInput of clonedElement.querySelectorAll('input[type="password"]')) {
- clonedPasswordInput.value = "";
- }
- return new PageSnapshot(clonedElement, this.headSnapshot);
- }
- get headElement() {
- return this.headSnapshot.element;
- }
- get rootLocation() {
- var _a;
- const root = (_a = this.getSetting("root")) !== null && _a !== void 0 ? _a : "/";
- return expandURL(root);
- }
- get cacheControlValue() {
- return this.getSetting("cache-control");
- }
- get isPreviewable() {
- return this.cacheControlValue != "no-preview";
- }
- get isCacheable() {
- return this.cacheControlValue != "no-cache";
- }
- get isVisitable() {
- return this.getSetting("visit-control") != "reload";
- }
- getSetting(name) {
- return this.headSnapshot.getMetaValue(`turbo-${name}`);
- }
-}
-
-var TimingMetric;
-(function (TimingMetric) {
- TimingMetric["visitStart"] = "visitStart";
- TimingMetric["requestStart"] = "requestStart";
- TimingMetric["requestEnd"] = "requestEnd";
- TimingMetric["visitEnd"] = "visitEnd";
-})(TimingMetric || (TimingMetric = {}));
-var VisitState;
-(function (VisitState) {
- VisitState["initialized"] = "initialized";
- VisitState["started"] = "started";
- VisitState["canceled"] = "canceled";
- VisitState["failed"] = "failed";
- VisitState["completed"] = "completed";
-})(VisitState || (VisitState = {}));
-const defaultOptions = {
- action: "advance",
- historyChanged: false,
- visitCachedSnapshot: () => { },
- willRender: true,
- updateHistory: true,
- shouldCacheSnapshot: true,
- acceptsStreamResponse: false,
-};
-var SystemStatusCode;
-(function (SystemStatusCode) {
- SystemStatusCode[SystemStatusCode["networkFailure"] = 0] = "networkFailure";
- SystemStatusCode[SystemStatusCode["timeoutFailure"] = -1] = "timeoutFailure";
- SystemStatusCode[SystemStatusCode["contentTypeMismatch"] = -2] = "contentTypeMismatch";
-})(SystemStatusCode || (SystemStatusCode = {}));
-class Visit {
- constructor(delegate, location, restorationIdentifier, options = {}) {
- this.identifier = uuid();
- this.timingMetrics = {};
- this.followedRedirect = false;
- this.historyChanged = false;
- this.scrolled = false;
- this.shouldCacheSnapshot = true;
- this.acceptsStreamResponse = false;
- this.snapshotCached = false;
- this.state = VisitState.initialized;
- this.delegate = delegate;
- this.location = location;
- this.restorationIdentifier = restorationIdentifier || uuid();
- const { action, historyChanged, referrer, snapshot, snapshotHTML, response, visitCachedSnapshot, willRender, updateHistory, shouldCacheSnapshot, acceptsStreamResponse, } = Object.assign(Object.assign({}, defaultOptions), options);
- this.action = action;
- this.historyChanged = historyChanged;
- this.referrer = referrer;
- this.snapshot = snapshot;
- this.snapshotHTML = snapshotHTML;
- this.response = response;
- this.isSamePage = this.delegate.locationWithActionIsSamePage(this.location, this.action);
- this.visitCachedSnapshot = visitCachedSnapshot;
- this.willRender = willRender;
- this.updateHistory = updateHistory;
- this.scrolled = !willRender;
- this.shouldCacheSnapshot = shouldCacheSnapshot;
- this.acceptsStreamResponse = acceptsStreamResponse;
- }
- get adapter() {
- return this.delegate.adapter;
- }
- get view() {
- return this.delegate.view;
- }
- get history() {
- return this.delegate.history;
- }
- get restorationData() {
- return this.history.getRestorationDataForIdentifier(this.restorationIdentifier);
- }
- get silent() {
- return this.isSamePage;
- }
- start() {
- if (this.state == VisitState.initialized) {
- this.recordTimingMetric(TimingMetric.visitStart);
- this.state = VisitState.started;
- this.adapter.visitStarted(this);
- this.delegate.visitStarted(this);
- }
- }
- cancel() {
- if (this.state == VisitState.started) {
- if (this.request) {
- this.request.cancel();
- }
- this.cancelRender();
- this.state = VisitState.canceled;
- }
- }
- complete() {
- if (this.state == VisitState.started) {
- this.recordTimingMetric(TimingMetric.visitEnd);
- this.state = VisitState.completed;
- this.followRedirect();
- if (!this.followedRedirect) {
- this.adapter.visitCompleted(this);
- this.delegate.visitCompleted(this);
- }
- }
- }
- fail() {
- if (this.state == VisitState.started) {
- this.state = VisitState.failed;
- this.adapter.visitFailed(this);
- }
- }
- changeHistory() {
- var _a;
- if (!this.historyChanged && this.updateHistory) {
- const actionForHistory = this.location.href === ((_a = this.referrer) === null || _a === void 0 ? void 0 : _a.href) ? "replace" : this.action;
- const method = getHistoryMethodForAction(actionForHistory);
- this.history.update(method, this.location, this.restorationIdentifier);
- this.historyChanged = true;
- }
- }
- issueRequest() {
- if (this.hasPreloadedResponse()) {
- this.simulateRequest();
- }
- else if (this.shouldIssueRequest() && !this.request) {
- this.request = new FetchRequest(this, FetchMethod.get, this.location);
- this.request.perform();
- }
- }
- simulateRequest() {
- if (this.response) {
- this.startRequest();
- this.recordResponse();
- this.finishRequest();
- }
- }
- startRequest() {
- this.recordTimingMetric(TimingMetric.requestStart);
- this.adapter.visitRequestStarted(this);
- }
- recordResponse(response = this.response) {
- this.response = response;
- if (response) {
- const { statusCode } = response;
- if (isSuccessful(statusCode)) {
- this.adapter.visitRequestCompleted(this);
- }
- else {
- this.adapter.visitRequestFailedWithStatusCode(this, statusCode);
- }
- }
- }
- finishRequest() {
- this.recordTimingMetric(TimingMetric.requestEnd);
- this.adapter.visitRequestFinished(this);
- }
- loadResponse() {
- if (this.response) {
- const { statusCode, responseHTML } = this.response;
- this.render(async () => {
- if (this.shouldCacheSnapshot)
- this.cacheSnapshot();
- if (this.view.renderPromise)
- await this.view.renderPromise;
- if (isSuccessful(statusCode) && responseHTML != null) {
- await this.view.renderPage(PageSnapshot.fromHTMLString(responseHTML), false, this.willRender, this);
- this.performScroll();
- this.adapter.visitRendered(this);
- this.complete();
- }
- else {
- await this.view.renderError(PageSnapshot.fromHTMLString(responseHTML), this);
- this.adapter.visitRendered(this);
- this.fail();
- }
- });
- }
- }
- getCachedSnapshot() {
- const snapshot = this.view.getCachedSnapshotForLocation(this.location) || this.getPreloadedSnapshot();
- if (snapshot && (!getAnchor(this.location) || snapshot.hasAnchor(getAnchor(this.location)))) {
- if (this.action == "restore" || snapshot.isPreviewable) {
- return snapshot;
- }
- }
- }
- getPreloadedSnapshot() {
- if (this.snapshotHTML) {
- return PageSnapshot.fromHTMLString(this.snapshotHTML);
- }
- }
- hasCachedSnapshot() {
- return this.getCachedSnapshot() != null;
- }
- loadCachedSnapshot() {
- const snapshot = this.getCachedSnapshot();
- if (snapshot) {
- const isPreview = this.shouldIssueRequest();
- this.render(async () => {
- this.cacheSnapshot();
- if (this.isSamePage) {
- this.adapter.visitRendered(this);
- }
- else {
- if (this.view.renderPromise)
- await this.view.renderPromise;
- await this.view.renderPage(snapshot, isPreview, this.willRender, this);
- this.performScroll();
- this.adapter.visitRendered(this);
- if (!isPreview) {
- this.complete();
- }
- }
- });
- }
- }
- followRedirect() {
- var _a;
- if (this.redirectedToLocation && !this.followedRedirect && ((_a = this.response) === null || _a === void 0 ? void 0 : _a.redirected)) {
- this.adapter.visitProposedToLocation(this.redirectedToLocation, {
- action: "replace",
- response: this.response,
- shouldCacheSnapshot: false,
- willRender: false,
- });
- this.followedRedirect = true;
- }
- }
- goToSamePageAnchor() {
- if (this.isSamePage) {
- this.render(async () => {
- this.cacheSnapshot();
- this.performScroll();
- this.changeHistory();
- this.adapter.visitRendered(this);
- });
- }
- }
- prepareRequest(request) {
- if (this.acceptsStreamResponse) {
- request.acceptResponseType(StreamMessage.contentType);
- }
- }
- requestStarted() {
- this.startRequest();
- }
- requestPreventedHandlingResponse(_request, _response) { }
- async requestSucceededWithResponse(request, response) {
- const responseHTML = await response.responseHTML;
- const { redirected, statusCode } = response;
- if (responseHTML == undefined) {
- this.recordResponse({
- statusCode: SystemStatusCode.contentTypeMismatch,
- redirected,
- });
- }
- else {
- this.redirectedToLocation = response.redirected ? response.location : undefined;
- this.recordResponse({ statusCode: statusCode, responseHTML, redirected });
- }
- }
- async requestFailedWithResponse(request, response) {
- const responseHTML = await response.responseHTML;
- const { redirected, statusCode } = response;
- if (responseHTML == undefined) {
- this.recordResponse({
- statusCode: SystemStatusCode.contentTypeMismatch,
- redirected,
- });
- }
- else {
- this.recordResponse({ statusCode: statusCode, responseHTML, redirected });
- }
- }
- requestErrored(_request, _error) {
- this.recordResponse({
- statusCode: SystemStatusCode.networkFailure,
- redirected: false,
- });
- }
- requestFinished() {
- this.finishRequest();
- }
- performScroll() {
- if (!this.scrolled && !this.view.forceReloaded) {
- if (this.action == "restore") {
- this.scrollToRestoredPosition() || this.scrollToAnchor() || this.view.scrollToTop();
- }
- else {
- this.scrollToAnchor() || this.view.scrollToTop();
- }
- if (this.isSamePage) {
- this.delegate.visitScrolledToSamePageLocation(this.view.lastRenderedLocation, this.location);
- }
- this.scrolled = true;
- }
- }
- scrollToRestoredPosition() {
- const { scrollPosition } = this.restorationData;
- if (scrollPosition) {
- this.view.scrollToPosition(scrollPosition);
- return true;
- }
- }
- scrollToAnchor() {
- const anchor = getAnchor(this.location);
- if (anchor != null) {
- this.view.scrollToAnchor(anchor);
- return true;
- }
- }
- recordTimingMetric(metric) {
- this.timingMetrics[metric] = new Date().getTime();
- }
- getTimingMetrics() {
- return Object.assign({}, this.timingMetrics);
- }
- getHistoryMethodForAction(action) {
- switch (action) {
- case "replace":
- return history.replaceState;
- case "advance":
- case "restore":
- return history.pushState;
- }
- }
- hasPreloadedResponse() {
- return typeof this.response == "object";
- }
- shouldIssueRequest() {
- if (this.isSamePage) {
- return false;
- }
- else if (this.action == "restore") {
- return !this.hasCachedSnapshot();
- }
- else {
- return this.willRender;
- }
- }
- cacheSnapshot() {
- if (!this.snapshotCached) {
- this.view.cacheSnapshot(this.snapshot).then((snapshot) => snapshot && this.visitCachedSnapshot(snapshot));
- this.snapshotCached = true;
- }
- }
- async render(callback) {
- this.cancelRender();
- await new Promise((resolve) => {
- this.frame = requestAnimationFrame(() => resolve());
- });
- await callback();
- delete this.frame;
- }
- cancelRender() {
- if (this.frame) {
- cancelAnimationFrame(this.frame);
- delete this.frame;
- }
- }
-}
-function isSuccessful(statusCode) {
- return statusCode >= 200 && statusCode < 300;
-}
-
-class BrowserAdapter {
- constructor(session) {
- this.progressBar = new ProgressBar();
- this.showProgressBar = () => {
- this.progressBar.show();
- };
- this.session = session;
- }
- visitProposedToLocation(location, options) {
- this.navigator.startVisit(location, (options === null || options === void 0 ? void 0 : options.restorationIdentifier) || uuid(), options);
- }
- visitStarted(visit) {
- this.location = visit.location;
- visit.loadCachedSnapshot();
- visit.issueRequest();
- visit.goToSamePageAnchor();
- }
- visitRequestStarted(visit) {
- this.progressBar.setValue(0);
- if (visit.hasCachedSnapshot() || visit.action != "restore") {
- this.showVisitProgressBarAfterDelay();
- }
- else {
- this.showProgressBar();
- }
- }
- visitRequestCompleted(visit) {
- visit.loadResponse();
- }
- visitRequestFailedWithStatusCode(visit, statusCode) {
- switch (statusCode) {
- case SystemStatusCode.networkFailure:
- case SystemStatusCode.timeoutFailure:
- case SystemStatusCode.contentTypeMismatch:
- return this.reload({
- reason: "request_failed",
- context: {
- statusCode,
- },
- });
- default:
- return visit.loadResponse();
- }
- }
- visitRequestFinished(_visit) {
- this.progressBar.setValue(1);
- this.hideVisitProgressBar();
- }
- visitCompleted(_visit) { }
- pageInvalidated(reason) {
- this.reload(reason);
- }
- visitFailed(_visit) { }
- visitRendered(_visit) { }
- formSubmissionStarted(_formSubmission) {
- this.progressBar.setValue(0);
- this.showFormProgressBarAfterDelay();
- }
- formSubmissionFinished(_formSubmission) {
- this.progressBar.setValue(1);
- this.hideFormProgressBar();
- }
- showVisitProgressBarAfterDelay() {
- this.visitProgressBarTimeout = window.setTimeout(this.showProgressBar, this.session.progressBarDelay);
- }
- hideVisitProgressBar() {
- this.progressBar.hide();
- if (this.visitProgressBarTimeout != null) {
- window.clearTimeout(this.visitProgressBarTimeout);
- delete this.visitProgressBarTimeout;
- }
- }
- showFormProgressBarAfterDelay() {
- if (this.formProgressBarTimeout == null) {
- this.formProgressBarTimeout = window.setTimeout(this.showProgressBar, this.session.progressBarDelay);
- }
- }
- hideFormProgressBar() {
- this.progressBar.hide();
- if (this.formProgressBarTimeout != null) {
- window.clearTimeout(this.formProgressBarTimeout);
- delete this.formProgressBarTimeout;
- }
- }
- reload(reason) {
- var _a;
- dispatch("turbo:reload", { detail: reason });
- window.location.href = ((_a = this.location) === null || _a === void 0 ? void 0 : _a.toString()) || window.location.href;
- }
- get navigator() {
- return this.session.navigator;
- }
-}
-
-class CacheObserver {
- constructor() {
- this.selector = "[data-turbo-temporary]";
- this.deprecatedSelector = "[data-turbo-cache=false]";
- this.started = false;
- this.removeTemporaryElements = ((_event) => {
- for (const element of this.temporaryElements) {
- element.remove();
- }
- });
- }
- start() {
- if (!this.started) {
- this.started = true;
- addEventListener("turbo:before-cache", this.removeTemporaryElements, false);
- }
- }
- stop() {
- if (this.started) {
- this.started = false;
- removeEventListener("turbo:before-cache", this.removeTemporaryElements, false);
- }
- }
- get temporaryElements() {
- return [...document.querySelectorAll(this.selector), ...this.temporaryElementsWithDeprecation];
- }
- get temporaryElementsWithDeprecation() {
- const elements = document.querySelectorAll(this.deprecatedSelector);
- if (elements.length) {
- console.warn(`The ${this.deprecatedSelector} selector is deprecated and will be removed in a future version. Use ${this.selector} instead.`);
- }
- return [...elements];
- }
-}
-
-class FrameRedirector {
- constructor(session, element) {
- this.session = session;
- this.element = element;
- this.linkInterceptor = new LinkInterceptor(this, element);
- this.formSubmitObserver = new FormSubmitObserver(this, element);
- }
- start() {
- this.linkInterceptor.start();
- this.formSubmitObserver.start();
- }
- stop() {
- this.linkInterceptor.stop();
- this.formSubmitObserver.stop();
- }
- shouldInterceptLinkClick(element, _location, _event) {
- return this.shouldRedirect(element);
- }
- linkClickIntercepted(element, url, event) {
- const frame = this.findFrameElement(element);
- if (frame) {
- frame.delegate.linkClickIntercepted(element, url, event);
- }
- }
- willSubmitForm(element, submitter) {
- return (element.closest("turbo-frame") == null &&
- this.shouldSubmit(element, submitter) &&
- this.shouldRedirect(element, submitter));
- }
- formSubmitted(element, submitter) {
- const frame = this.findFrameElement(element, submitter);
- if (frame) {
- frame.delegate.formSubmitted(element, submitter);
- }
- }
- shouldSubmit(form, submitter) {
- var _a;
- const action = getAction(form, submitter);
- const meta = this.element.ownerDocument.querySelector(`meta[name="turbo-root"]`);
- const rootLocation = expandURL((_a = meta === null || meta === void 0 ? void 0 : meta.content) !== null && _a !== void 0 ? _a : "/");
- return this.shouldRedirect(form, submitter) && locationIsVisitable(action, rootLocation);
- }
- shouldRedirect(element, submitter) {
- const isNavigatable = element instanceof HTMLFormElement
- ? this.session.submissionIsNavigatable(element, submitter)
- : this.session.elementIsNavigatable(element);
- if (isNavigatable) {
- const frame = this.findFrameElement(element, submitter);
- return frame ? frame != element.closest("turbo-frame") : false;
- }
- else {
- return false;
- }
- }
- findFrameElement(element, submitter) {
- const id = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("data-turbo-frame")) || element.getAttribute("data-turbo-frame");
- if (id && id != "_top") {
- const frame = this.element.querySelector(`#${id}:not([disabled])`);
- if (frame instanceof FrameElement) {
- return frame;
- }
- }
- }
-}
-
-class History {
- constructor(delegate) {
- this.restorationIdentifier = uuid();
- this.restorationData = {};
- this.started = false;
- this.pageLoaded = false;
- this.onPopState = (event) => {
- if (this.shouldHandlePopState()) {
- const { turbo } = event.state || {};
- if (turbo) {
- this.location = new URL(window.location.href);
- const { restorationIdentifier } = turbo;
- this.restorationIdentifier = restorationIdentifier;
- this.delegate.historyPoppedToLocationWithRestorationIdentifier(this.location, restorationIdentifier);
- }
- }
- };
- this.onPageLoad = async (_event) => {
- await nextMicrotask();
- this.pageLoaded = true;
- };
- this.delegate = delegate;
- }
- start() {
- if (!this.started) {
- addEventListener("popstate", this.onPopState, false);
- addEventListener("load", this.onPageLoad, false);
- this.started = true;
- this.replace(new URL(window.location.href));
- }
- }
- stop() {
- if (this.started) {
- removeEventListener("popstate", this.onPopState, false);
- removeEventListener("load", this.onPageLoad, false);
- this.started = false;
- }
- }
- push(location, restorationIdentifier) {
- this.update(history.pushState, location, restorationIdentifier);
- }
- replace(location, restorationIdentifier) {
- this.update(history.replaceState, location, restorationIdentifier);
- }
- update(method, location, restorationIdentifier = uuid()) {
- const state = { turbo: { restorationIdentifier } };
- method.call(history, state, "", location.href);
- this.location = location;
- this.restorationIdentifier = restorationIdentifier;
- }
- getRestorationDataForIdentifier(restorationIdentifier) {
- return this.restorationData[restorationIdentifier] || {};
- }
- updateRestorationData(additionalData) {
- const { restorationIdentifier } = this;
- const restorationData = this.restorationData[restorationIdentifier];
- this.restorationData[restorationIdentifier] = Object.assign(Object.assign({}, restorationData), additionalData);
- }
- assumeControlOfScrollRestoration() {
- var _a;
- if (!this.previousScrollRestoration) {
- this.previousScrollRestoration = (_a = history.scrollRestoration) !== null && _a !== void 0 ? _a : "auto";
- history.scrollRestoration = "manual";
- }
- }
- relinquishControlOfScrollRestoration() {
- if (this.previousScrollRestoration) {
- history.scrollRestoration = this.previousScrollRestoration;
- delete this.previousScrollRestoration;
- }
- }
- shouldHandlePopState() {
- return this.pageIsLoaded();
- }
- pageIsLoaded() {
- return this.pageLoaded || document.readyState == "complete";
- }
-}
-
-class Navigator {
- constructor(delegate) {
- this.delegate = delegate;
- }
- proposeVisit(location, options = {}) {
- if (this.delegate.allowsVisitingLocationWithAction(location, options.action)) {
- if (locationIsVisitable(location, this.view.snapshot.rootLocation)) {
- this.delegate.visitProposedToLocation(location, options);
- }
- else {
- window.location.href = location.toString();
- }
- }
- }
- startVisit(locatable, restorationIdentifier, options = {}) {
- this.stop();
- this.currentVisit = new Visit(this, expandURL(locatable), restorationIdentifier, Object.assign({ referrer: this.location }, options));
- this.currentVisit.start();
- }
- submitForm(form, submitter) {
- this.stop();
- this.formSubmission = new FormSubmission(this, form, submitter, true);
- this.formSubmission.start();
- }
- stop() {
- if (this.formSubmission) {
- this.formSubmission.stop();
- delete this.formSubmission;
- }
- if (this.currentVisit) {
- this.currentVisit.cancel();
- delete this.currentVisit;
- }
- }
- get adapter() {
- return this.delegate.adapter;
- }
- get view() {
- return this.delegate.view;
- }
- get history() {
- return this.delegate.history;
- }
- formSubmissionStarted(formSubmission) {
- if (typeof this.adapter.formSubmissionStarted === "function") {
- this.adapter.formSubmissionStarted(formSubmission);
- }
- }
- async formSubmissionSucceededWithResponse(formSubmission, fetchResponse) {
- if (formSubmission == this.formSubmission) {
- const responseHTML = await fetchResponse.responseHTML;
- if (responseHTML) {
- const shouldCacheSnapshot = formSubmission.isSafe;
- if (!shouldCacheSnapshot) {
- this.view.clearSnapshotCache();
- }
- const { statusCode, redirected } = fetchResponse;
- const action = this.getActionForFormSubmission(formSubmission);
- const visitOptions = {
- action,
- shouldCacheSnapshot,
- response: { statusCode, responseHTML, redirected },
- };
- this.proposeVisit(fetchResponse.location, visitOptions);
- }
- }
- }
- async formSubmissionFailedWithResponse(formSubmission, fetchResponse) {
- const responseHTML = await fetchResponse.responseHTML;
- if (responseHTML) {
- const snapshot = PageSnapshot.fromHTMLString(responseHTML);
- if (fetchResponse.serverError) {
- await this.view.renderError(snapshot, this.currentVisit);
- }
- else {
- await this.view.renderPage(snapshot, false, true, this.currentVisit);
- }
- this.view.scrollToTop();
- this.view.clearSnapshotCache();
- }
- }
- formSubmissionErrored(formSubmission, error) {
- console.error(error);
- }
- formSubmissionFinished(formSubmission) {
- if (typeof this.adapter.formSubmissionFinished === "function") {
- this.adapter.formSubmissionFinished(formSubmission);
- }
- }
- visitStarted(visit) {
- this.delegate.visitStarted(visit);
- }
- visitCompleted(visit) {
- this.delegate.visitCompleted(visit);
- }
- locationWithActionIsSamePage(location, action) {
- const anchor = getAnchor(location);
- const currentAnchor = getAnchor(this.view.lastRenderedLocation);
- const isRestorationToTop = action === "restore" && typeof anchor === "undefined";
- return (action !== "replace" &&
- getRequestURL(location) === getRequestURL(this.view.lastRenderedLocation) &&
- (isRestorationToTop || (anchor != null && anchor !== currentAnchor)));
- }
- visitScrolledToSamePageLocation(oldURL, newURL) {
- this.delegate.visitScrolledToSamePageLocation(oldURL, newURL);
- }
- get location() {
- return this.history.location;
- }
- get restorationIdentifier() {
- return this.history.restorationIdentifier;
- }
- getActionForFormSubmission({ submitter, formElement }) {
- return getVisitAction(submitter, formElement) || "advance";
- }
-}
-
-var PageStage;
-(function (PageStage) {
- PageStage[PageStage["initial"] = 0] = "initial";
- PageStage[PageStage["loading"] = 1] = "loading";
- PageStage[PageStage["interactive"] = 2] = "interactive";
- PageStage[PageStage["complete"] = 3] = "complete";
-})(PageStage || (PageStage = {}));
-class PageObserver {
- constructor(delegate) {
- this.stage = PageStage.initial;
- this.started = false;
- this.interpretReadyState = () => {
- const { readyState } = this;
- if (readyState == "interactive") {
- this.pageIsInteractive();
- }
- else if (readyState == "complete") {
- this.pageIsComplete();
- }
- };
- this.pageWillUnload = () => {
- this.delegate.pageWillUnload();
- };
- this.delegate = delegate;
- }
- start() {
- if (!this.started) {
- if (this.stage == PageStage.initial) {
- this.stage = PageStage.loading;
- }
- document.addEventListener("readystatechange", this.interpretReadyState, false);
- addEventListener("pagehide", this.pageWillUnload, false);
- this.started = true;
- }
- }
- stop() {
- if (this.started) {
- document.removeEventListener("readystatechange", this.interpretReadyState, false);
- removeEventListener("pagehide", this.pageWillUnload, false);
- this.started = false;
- }
- }
- pageIsInteractive() {
- if (this.stage == PageStage.loading) {
- this.stage = PageStage.interactive;
- this.delegate.pageBecameInteractive();
- }
- }
- pageIsComplete() {
- this.pageIsInteractive();
- if (this.stage == PageStage.interactive) {
- this.stage = PageStage.complete;
- this.delegate.pageLoaded();
- }
- }
- get readyState() {
- return document.readyState;
- }
-}
-
-class ScrollObserver {
- constructor(delegate) {
- this.started = false;
- this.onScroll = () => {
- this.updatePosition({ x: window.pageXOffset, y: window.pageYOffset });
- };
- this.delegate = delegate;
- }
- start() {
- if (!this.started) {
- addEventListener("scroll", this.onScroll, false);
- this.onScroll();
- this.started = true;
- }
- }
- stop() {
- if (this.started) {
- removeEventListener("scroll", this.onScroll, false);
- this.started = false;
- }
- }
- updatePosition(position) {
- this.delegate.scrollPositionChanged(position);
- }
-}
-
-class StreamMessageRenderer {
- render({ fragment }) {
- Bardo.preservingPermanentElements(this, getPermanentElementMapForFragment(fragment), () => document.documentElement.appendChild(fragment));
- }
- enteringBardo(currentPermanentElement, newPermanentElement) {
- newPermanentElement.replaceWith(currentPermanentElement.cloneNode(true));
- }
- leavingBardo() { }
-}
-function getPermanentElementMapForFragment(fragment) {
- const permanentElementsInDocument = queryPermanentElementsAll(document.documentElement);
- const permanentElementMap = {};
- for (const permanentElementInDocument of permanentElementsInDocument) {
- const { id } = permanentElementInDocument;
- for (const streamElement of fragment.querySelectorAll("turbo-stream")) {
- const elementInStream = getPermanentElementById(streamElement.templateElement.content, id);
- if (elementInStream) {
- permanentElementMap[id] = [permanentElementInDocument, elementInStream];
- }
- }
- }
- return permanentElementMap;
-}
-
-class StreamObserver {
- constructor(delegate) {
- this.sources = new Set();
- this.started = false;
- this.inspectFetchResponse = ((event) => {
- const response = fetchResponseFromEvent(event);
- if (response && fetchResponseIsStream(response)) {
- event.preventDefault();
- this.receiveMessageResponse(response);
- }
- });
- this.receiveMessageEvent = (event) => {
- if (this.started && typeof event.data == "string") {
- this.receiveMessageHTML(event.data);
- }
- };
- this.delegate = delegate;
- }
- start() {
- if (!this.started) {
- this.started = true;
- addEventListener("turbo:before-fetch-response", this.inspectFetchResponse, false);
- }
- }
- stop() {
- if (this.started) {
- this.started = false;
- removeEventListener("turbo:before-fetch-response", this.inspectFetchResponse, false);
- }
- }
- connectStreamSource(source) {
- if (!this.streamSourceIsConnected(source)) {
- this.sources.add(source);
- source.addEventListener("message", this.receiveMessageEvent, false);
- }
- }
- disconnectStreamSource(source) {
- if (this.streamSourceIsConnected(source)) {
- this.sources.delete(source);
- source.removeEventListener("message", this.receiveMessageEvent, false);
- }
- }
- streamSourceIsConnected(source) {
- return this.sources.has(source);
- }
- async receiveMessageResponse(response) {
- const html = await response.responseHTML;
- if (html) {
- this.receiveMessageHTML(html);
- }
- }
- receiveMessageHTML(html) {
- this.delegate.receivedMessageFromStream(StreamMessage.wrap(html));
- }
-}
-function fetchResponseFromEvent(event) {
- var _a;
- const fetchResponse = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.fetchResponse;
- if (fetchResponse instanceof FetchResponse) {
- return fetchResponse;
- }
-}
-function fetchResponseIsStream(response) {
- var _a;
- const contentType = (_a = response.contentType) !== null && _a !== void 0 ? _a : "";
- return contentType.startsWith(StreamMessage.contentType);
-}
-
-class ErrorRenderer extends Renderer {
- static renderElement(currentElement, newElement) {
- const { documentElement, body } = document;
- documentElement.replaceChild(newElement, body);
- }
- async render() {
- this.replaceHeadAndBody();
- this.activateScriptElements();
- }
- replaceHeadAndBody() {
- const { documentElement, head } = document;
- documentElement.replaceChild(this.newHead, head);
- this.renderElement(this.currentElement, this.newElement);
- }
- activateScriptElements() {
- for (const replaceableElement of this.scriptElements) {
- const parentNode = replaceableElement.parentNode;
- if (parentNode) {
- const element = activateScriptElement(replaceableElement);
- parentNode.replaceChild(element, replaceableElement);
- }
- }
- }
- get newHead() {
- return this.newSnapshot.headSnapshot.element;
- }
- get scriptElements() {
- return document.documentElement.querySelectorAll("script");
- }
-}
-
-class PageRenderer extends Renderer {
- static renderElement(currentElement, newElement) {
- if (document.body && newElement instanceof HTMLBodyElement) {
- document.body.replaceWith(newElement);
- }
- else {
- document.documentElement.appendChild(newElement);
- }
- }
- get shouldRender() {
- return this.newSnapshot.isVisitable && this.trackedElementsAreIdentical;
- }
- get reloadReason() {
- if (!this.newSnapshot.isVisitable) {
- return {
- reason: "turbo_visit_control_is_reload",
- };
- }
- if (!this.trackedElementsAreIdentical) {
- return {
- reason: "tracked_element_mismatch",
- };
- }
- }
- async prepareToRender() {
- await this.mergeHead();
- }
- async render() {
- if (this.willRender) {
- await this.replaceBody();
- }
- }
- finishRendering() {
- super.finishRendering();
- if (!this.isPreview) {
- this.focusFirstAutofocusableElement();
- }
- }
- get currentHeadSnapshot() {
- return this.currentSnapshot.headSnapshot;
- }
- get newHeadSnapshot() {
- return this.newSnapshot.headSnapshot;
- }
- get newElement() {
- return this.newSnapshot.element;
- }
- async mergeHead() {
- const mergedHeadElements = this.mergeProvisionalElements();
- const newStylesheetElements = this.copyNewHeadStylesheetElements();
- this.copyNewHeadScriptElements();
- await mergedHeadElements;
- await newStylesheetElements;
- }
- async replaceBody() {
- await this.preservingPermanentElements(async () => {
- this.activateNewBody();
- await this.assignNewBody();
- });
- }
- get trackedElementsAreIdentical() {
- return this.currentHeadSnapshot.trackedElementSignature == this.newHeadSnapshot.trackedElementSignature;
- }
- async copyNewHeadStylesheetElements() {
- const loadingElements = [];
- for (const element of this.newHeadStylesheetElements) {
- loadingElements.push(waitForLoad(element));
- document.head.appendChild(element);
- }
- await Promise.all(loadingElements);
- }
- copyNewHeadScriptElements() {
- for (const element of this.newHeadScriptElements) {
- document.head.appendChild(activateScriptElement(element));
- }
- }
- async mergeProvisionalElements() {
- const newHeadElements = [...this.newHeadProvisionalElements];
- for (const element of this.currentHeadProvisionalElements) {
- if (!this.isCurrentElementInElementList(element, newHeadElements)) {
- document.head.removeChild(element);
- }
- }
- for (const element of newHeadElements) {
- document.head.appendChild(element);
- }
- }
- isCurrentElementInElementList(element, elementList) {
- for (const [index, newElement] of elementList.entries()) {
- if (element.tagName == "TITLE") {
- if (newElement.tagName != "TITLE") {
- continue;
- }
- if (element.innerHTML == newElement.innerHTML) {
- elementList.splice(index, 1);
- return true;
- }
- }
- if (newElement.isEqualNode(element)) {
- elementList.splice(index, 1);
- return true;
- }
- }
- return false;
- }
- removeCurrentHeadProvisionalElements() {
- for (const element of this.currentHeadProvisionalElements) {
- document.head.removeChild(element);
- }
- }
- copyNewHeadProvisionalElements() {
- for (const element of this.newHeadProvisionalElements) {
- document.head.appendChild(element);
- }
- }
- activateNewBody() {
- document.adoptNode(this.newElement);
- this.activateNewBodyScriptElements();
- }
- activateNewBodyScriptElements() {
- for (const inertScriptElement of this.newBodyScriptElements) {
- const activatedScriptElement = activateScriptElement(inertScriptElement);
- inertScriptElement.replaceWith(activatedScriptElement);
- }
- }
- async assignNewBody() {
- await this.renderElement(this.currentElement, this.newElement);
- }
- get newHeadStylesheetElements() {
- return this.newHeadSnapshot.getStylesheetElementsNotInSnapshot(this.currentHeadSnapshot);
- }
- get newHeadScriptElements() {
- return this.newHeadSnapshot.getScriptElementsNotInSnapshot(this.currentHeadSnapshot);
- }
- get currentHeadProvisionalElements() {
- return this.currentHeadSnapshot.provisionalElements;
- }
- get newHeadProvisionalElements() {
- return this.newHeadSnapshot.provisionalElements;
- }
- get newBodyScriptElements() {
- return this.newElement.querySelectorAll("script");
- }
-}
-
-class SnapshotCache {
- constructor(size) {
- this.keys = [];
- this.snapshots = {};
- this.size = size;
- }
- has(location) {
- return toCacheKey(location) in this.snapshots;
- }
- get(location) {
- if (this.has(location)) {
- const snapshot = this.read(location);
- this.touch(location);
- return snapshot;
- }
- }
- put(location, snapshot) {
- this.write(location, snapshot);
- this.touch(location);
- return snapshot;
- }
- clear() {
- this.snapshots = {};
- }
- read(location) {
- return this.snapshots[toCacheKey(location)];
- }
- write(location, snapshot) {
- this.snapshots[toCacheKey(location)] = snapshot;
- }
- touch(location) {
- const key = toCacheKey(location);
- const index = this.keys.indexOf(key);
- if (index > -1)
- this.keys.splice(index, 1);
- this.keys.unshift(key);
- this.trim();
- }
- trim() {
- for (const key of this.keys.splice(this.size)) {
- delete this.snapshots[key];
- }
- }
-}
-
-class PageView extends View {
- constructor() {
- super(...arguments);
- this.snapshotCache = new SnapshotCache(10);
- this.lastRenderedLocation = new URL(location.href);
- this.forceReloaded = false;
- }
- renderPage(snapshot, isPreview = false, willRender = true, visit) {
- const renderer = new PageRenderer(this.snapshot, snapshot, PageRenderer.renderElement, isPreview, willRender);
- if (!renderer.shouldRender) {
- this.forceReloaded = true;
- }
- else {
- visit === null || visit === void 0 ? void 0 : visit.changeHistory();
- }
- return this.render(renderer);
- }
- renderError(snapshot, visit) {
- visit === null || visit === void 0 ? void 0 : visit.changeHistory();
- const renderer = new ErrorRenderer(this.snapshot, snapshot, ErrorRenderer.renderElement, false);
- return this.render(renderer);
- }
- clearSnapshotCache() {
- this.snapshotCache.clear();
- }
- async cacheSnapshot(snapshot = this.snapshot) {
- if (snapshot.isCacheable) {
- this.delegate.viewWillCacheSnapshot();
- const { lastRenderedLocation: location } = this;
- await nextEventLoopTick();
- const cachedSnapshot = snapshot.clone();
- this.snapshotCache.put(location, cachedSnapshot);
- return cachedSnapshot;
- }
- }
- getCachedSnapshotForLocation(location) {
- return this.snapshotCache.get(location);
- }
- get snapshot() {
- return PageSnapshot.fromElement(this.element);
- }
-}
-
-class Preloader {
- constructor(delegate) {
- this.selector = "a[data-turbo-preload]";
- this.delegate = delegate;
- }
- get snapshotCache() {
- return this.delegate.navigator.view.snapshotCache;
- }
- start() {
- if (document.readyState === "loading") {
- return document.addEventListener("DOMContentLoaded", () => {
- this.preloadOnLoadLinksForView(document.body);
- });
- }
- else {
- this.preloadOnLoadLinksForView(document.body);
- }
- }
- preloadOnLoadLinksForView(element) {
- for (const link of element.querySelectorAll(this.selector)) {
- this.preloadURL(link);
- }
- }
- async preloadURL(link) {
- const location = new URL(link.href);
- if (this.snapshotCache.has(location)) {
- return;
- }
- try {
- const response = await fetch(location.toString(), { headers: { "VND.PREFETCH": "true", Accept: "text/html" } });
- const responseText = await response.text();
- const snapshot = PageSnapshot.fromHTMLString(responseText);
- this.snapshotCache.put(location, snapshot);
- }
- catch (_) {
- }
- }
-}
-
-class Session {
- constructor() {
- this.navigator = new Navigator(this);
- this.history = new History(this);
- this.preloader = new Preloader(this);
- this.view = new PageView(this, document.documentElement);
- this.adapter = new BrowserAdapter(this);
- this.pageObserver = new PageObserver(this);
- this.cacheObserver = new CacheObserver();
- this.linkClickObserver = new LinkClickObserver(this, window);
- this.formSubmitObserver = new FormSubmitObserver(this, document);
- this.scrollObserver = new ScrollObserver(this);
- this.streamObserver = new StreamObserver(this);
- this.formLinkClickObserver = new FormLinkClickObserver(this, document.documentElement);
- this.frameRedirector = new FrameRedirector(this, document.documentElement);
- this.streamMessageRenderer = new StreamMessageRenderer();
- this.drive = true;
- this.enabled = true;
- this.progressBarDelay = 500;
- this.started = false;
- this.formMode = "on";
- }
- start() {
- if (!this.started) {
- this.pageObserver.start();
- this.cacheObserver.start();
- this.formLinkClickObserver.start();
- this.linkClickObserver.start();
- this.formSubmitObserver.start();
- this.scrollObserver.start();
- this.streamObserver.start();
- this.frameRedirector.start();
- this.history.start();
- this.preloader.start();
- this.started = true;
- this.enabled = true;
- }
- }
- disable() {
- this.enabled = false;
- }
- stop() {
- if (this.started) {
- this.pageObserver.stop();
- this.cacheObserver.stop();
- this.formLinkClickObserver.stop();
- this.linkClickObserver.stop();
- this.formSubmitObserver.stop();
- this.scrollObserver.stop();
- this.streamObserver.stop();
- this.frameRedirector.stop();
- this.history.stop();
- this.started = false;
- }
- }
- registerAdapter(adapter) {
- this.adapter = adapter;
- }
- visit(location, options = {}) {
- const frameElement = options.frame ? document.getElementById(options.frame) : null;
- if (frameElement instanceof FrameElement) {
- frameElement.src = location.toString();
- frameElement.loaded;
- }
- else {
- this.navigator.proposeVisit(expandURL(location), options);
- }
- }
- connectStreamSource(source) {
- this.streamObserver.connectStreamSource(source);
- }
- disconnectStreamSource(source) {
- this.streamObserver.disconnectStreamSource(source);
- }
- renderStreamMessage(message) {
- this.streamMessageRenderer.render(StreamMessage.wrap(message));
- }
- clearCache() {
- this.view.clearSnapshotCache();
- }
- setProgressBarDelay(delay) {
- this.progressBarDelay = delay;
- }
- setFormMode(mode) {
- this.formMode = mode;
- }
- get location() {
- return this.history.location;
- }
- get restorationIdentifier() {
- return this.history.restorationIdentifier;
- }
- historyPoppedToLocationWithRestorationIdentifier(location, restorationIdentifier) {
- if (this.enabled) {
- this.navigator.startVisit(location, restorationIdentifier, {
- action: "restore",
- historyChanged: true,
- });
- }
- else {
- this.adapter.pageInvalidated({
- reason: "turbo_disabled",
- });
- }
- }
- scrollPositionChanged(position) {
- this.history.updateRestorationData({ scrollPosition: position });
- }
- willSubmitFormLinkToLocation(link, location) {
- return this.elementIsNavigatable(link) && locationIsVisitable(location, this.snapshot.rootLocation);
- }
- submittedFormLinkToLocation() { }
- willFollowLinkToLocation(link, location, event) {
- return (this.elementIsNavigatable(link) &&
- locationIsVisitable(location, this.snapshot.rootLocation) &&
- this.applicationAllowsFollowingLinkToLocation(link, location, event));
- }
- followedLinkToLocation(link, location) {
- const action = this.getActionForLink(link);
- const acceptsStreamResponse = link.hasAttribute("data-turbo-stream");
- this.visit(location.href, { action, acceptsStreamResponse });
- }
- allowsVisitingLocationWithAction(location, action) {
- return this.locationWithActionIsSamePage(location, action) || this.applicationAllowsVisitingLocation(location);
- }
- visitProposedToLocation(location, options) {
- extendURLWithDeprecatedProperties(location);
- this.adapter.visitProposedToLocation(location, options);
- }
- visitStarted(visit) {
- if (!visit.acceptsStreamResponse) {
- markAsBusy(document.documentElement);
- }
- extendURLWithDeprecatedProperties(visit.location);
- if (!visit.silent) {
- this.notifyApplicationAfterVisitingLocation(visit.location, visit.action);
- }
- }
- visitCompleted(visit) {
- clearBusyState(document.documentElement);
- this.notifyApplicationAfterPageLoad(visit.getTimingMetrics());
- }
- locationWithActionIsSamePage(location, action) {
- return this.navigator.locationWithActionIsSamePage(location, action);
- }
- visitScrolledToSamePageLocation(oldURL, newURL) {
- this.notifyApplicationAfterVisitingSamePageLocation(oldURL, newURL);
- }
- willSubmitForm(form, submitter) {
- const action = getAction(form, submitter);
- return (this.submissionIsNavigatable(form, submitter) &&
- locationIsVisitable(expandURL(action), this.snapshot.rootLocation));
- }
- formSubmitted(form, submitter) {
- this.navigator.submitForm(form, submitter);
- }
- pageBecameInteractive() {
- this.view.lastRenderedLocation = this.location;
- this.notifyApplicationAfterPageLoad();
- }
- pageLoaded() {
- this.history.assumeControlOfScrollRestoration();
- }
- pageWillUnload() {
- this.history.relinquishControlOfScrollRestoration();
- }
- receivedMessageFromStream(message) {
- this.renderStreamMessage(message);
- }
- viewWillCacheSnapshot() {
- var _a;
- if (!((_a = this.navigator.currentVisit) === null || _a === void 0 ? void 0 : _a.silent)) {
- this.notifyApplicationBeforeCachingSnapshot();
- }
- }
- allowsImmediateRender({ element }, options) {
- const event = this.notifyApplicationBeforeRender(element, options);
- const { defaultPrevented, detail: { render }, } = event;
- if (this.view.renderer && render) {
- this.view.renderer.renderElement = render;
- }
- return !defaultPrevented;
- }
- viewRenderedSnapshot(_snapshot, _isPreview) {
- this.view.lastRenderedLocation = this.history.location;
- this.notifyApplicationAfterRender();
- }
- preloadOnLoadLinksForView(element) {
- this.preloader.preloadOnLoadLinksForView(element);
- }
- viewInvalidated(reason) {
- this.adapter.pageInvalidated(reason);
- }
- frameLoaded(frame) {
- this.notifyApplicationAfterFrameLoad(frame);
- }
- frameRendered(fetchResponse, frame) {
- this.notifyApplicationAfterFrameRender(fetchResponse, frame);
- }
- applicationAllowsFollowingLinkToLocation(link, location, ev) {
- const event = this.notifyApplicationAfterClickingLinkToLocation(link, location, ev);
- return !event.defaultPrevented;
- }
- applicationAllowsVisitingLocation(location) {
- const event = this.notifyApplicationBeforeVisitingLocation(location);
- return !event.defaultPrevented;
- }
- notifyApplicationAfterClickingLinkToLocation(link, location, event) {
- return dispatch("turbo:click", {
- target: link,
- detail: { url: location.href, originalEvent: event },
- cancelable: true,
- });
- }
- notifyApplicationBeforeVisitingLocation(location) {
- return dispatch("turbo:before-visit", {
- detail: { url: location.href },
- cancelable: true,
- });
- }
- notifyApplicationAfterVisitingLocation(location, action) {
- return dispatch("turbo:visit", { detail: { url: location.href, action } });
- }
- notifyApplicationBeforeCachingSnapshot() {
- return dispatch("turbo:before-cache");
- }
- notifyApplicationBeforeRender(newBody, options) {
- return dispatch("turbo:before-render", {
- detail: Object.assign({ newBody }, options),
- cancelable: true,
- });
- }
- notifyApplicationAfterRender() {
- return dispatch("turbo:render");
- }
- notifyApplicationAfterPageLoad(timing = {}) {
- return dispatch("turbo:load", {
- detail: { url: this.location.href, timing },
- });
- }
- notifyApplicationAfterVisitingSamePageLocation(oldURL, newURL) {
- dispatchEvent(new HashChangeEvent("hashchange", {
- oldURL: oldURL.toString(),
- newURL: newURL.toString(),
- }));
- }
- notifyApplicationAfterFrameLoad(frame) {
- return dispatch("turbo:frame-load", { target: frame });
- }
- notifyApplicationAfterFrameRender(fetchResponse, frame) {
- return dispatch("turbo:frame-render", {
- detail: { fetchResponse },
- target: frame,
- cancelable: true,
- });
- }
- submissionIsNavigatable(form, submitter) {
- if (this.formMode == "off") {
- return false;
- }
- else {
- const submitterIsNavigatable = submitter ? this.elementIsNavigatable(submitter) : true;
- if (this.formMode == "optin") {
- return submitterIsNavigatable && form.closest('[data-turbo="true"]') != null;
- }
- else {
- return submitterIsNavigatable && this.elementIsNavigatable(form);
- }
- }
- }
- elementIsNavigatable(element) {
- const container = findClosestRecursively(element, "[data-turbo]");
- const withinFrame = findClosestRecursively(element, "turbo-frame");
- if (this.drive || withinFrame) {
- if (container) {
- return container.getAttribute("data-turbo") != "false";
- }
- else {
- return true;
- }
- }
- else {
- if (container) {
- return container.getAttribute("data-turbo") == "true";
- }
- else {
- return false;
- }
- }
- }
- getActionForLink(link) {
- return getVisitAction(link) || "advance";
- }
- get snapshot() {
- return this.view.snapshot;
- }
-}
-function extendURLWithDeprecatedProperties(url) {
- Object.defineProperties(url, deprecatedLocationPropertyDescriptors);
-}
-const deprecatedLocationPropertyDescriptors = {
- absoluteURL: {
- get() {
- return this.toString();
- },
- },
-};
-
-class Cache {
- constructor(session) {
- this.session = session;
- }
- clear() {
- this.session.clearCache();
- }
- resetCacheControl() {
- this.setCacheControl("");
- }
- exemptPageFromCache() {
- this.setCacheControl("no-cache");
- }
- exemptPageFromPreview() {
- this.setCacheControl("no-preview");
- }
- setCacheControl(value) {
- setMetaContent("turbo-cache-control", value);
- }
-}
-
-const StreamActions = {
- after() {
- this.targetElements.forEach((e) => { var _a; return (_a = e.parentElement) === null || _a === void 0 ? void 0 : _a.insertBefore(this.templateContent, e.nextSibling); });
- },
- append() {
- this.removeDuplicateTargetChildren();
- this.targetElements.forEach((e) => e.append(this.templateContent));
- },
- before() {
- this.targetElements.forEach((e) => { var _a; return (_a = e.parentElement) === null || _a === void 0 ? void 0 : _a.insertBefore(this.templateContent, e); });
- },
- prepend() {
- this.removeDuplicateTargetChildren();
- this.targetElements.forEach((e) => e.prepend(this.templateContent));
- },
- remove() {
- this.targetElements.forEach((e) => e.remove());
- },
- replace() {
- this.targetElements.forEach((e) => e.replaceWith(this.templateContent));
- },
- update() {
- this.targetElements.forEach((targetElement) => {
- targetElement.innerHTML = "";
- targetElement.append(this.templateContent);
- });
- },
-};
-
-const session = new Session();
-const cache = new Cache(session);
-const { navigator: navigator$1 } = session;
-function start() {
- session.start();
-}
-function registerAdapter(adapter) {
- session.registerAdapter(adapter);
-}
-function visit(location, options) {
- session.visit(location, options);
-}
-function connectStreamSource(source) {
- session.connectStreamSource(source);
-}
-function disconnectStreamSource(source) {
- session.disconnectStreamSource(source);
-}
-function renderStreamMessage(message) {
- session.renderStreamMessage(message);
-}
-function clearCache() {
- console.warn("Please replace `Turbo.clearCache()` with `Turbo.cache.clear()`. The top-level function is deprecated and will be removed in a future version of Turbo.`");
- session.clearCache();
-}
-function setProgressBarDelay(delay) {
- session.setProgressBarDelay(delay);
-}
-function setConfirmMethod(confirmMethod) {
- FormSubmission.confirmMethod = confirmMethod;
-}
-function setFormMode(mode) {
- session.setFormMode(mode);
-}
-
-var Turbo = /*#__PURE__*/Object.freeze({
- __proto__: null,
- navigator: navigator$1,
- session: session,
- cache: cache,
- PageRenderer: PageRenderer,
- PageSnapshot: PageSnapshot,
- FrameRenderer: FrameRenderer,
- start: start,
- registerAdapter: registerAdapter,
- visit: visit,
- connectStreamSource: connectStreamSource,
- disconnectStreamSource: disconnectStreamSource,
- renderStreamMessage: renderStreamMessage,
- clearCache: clearCache,
- setProgressBarDelay: setProgressBarDelay,
- setConfirmMethod: setConfirmMethod,
- setFormMode: setFormMode,
- StreamActions: StreamActions
-});
-
-class TurboFrameMissingError extends Error {
-}
-
-class FrameController {
- constructor(element) {
- this.fetchResponseLoaded = (_fetchResponse) => { };
- this.currentFetchRequest = null;
- this.resolveVisitPromise = () => { };
- this.connected = false;
- this.hasBeenLoaded = false;
- this.ignoredAttributes = new Set();
- this.action = null;
- this.visitCachedSnapshot = ({ element }) => {
- const frame = element.querySelector("#" + this.element.id);
- if (frame && this.previousFrameElement) {
- frame.replaceChildren(...this.previousFrameElement.children);
- }
- delete this.previousFrameElement;
- };
- this.element = element;
- this.view = new FrameView(this, this.element);
- this.appearanceObserver = new AppearanceObserver(this, this.element);
- this.formLinkClickObserver = new FormLinkClickObserver(this, this.element);
- this.linkInterceptor = new LinkInterceptor(this, this.element);
- this.restorationIdentifier = uuid();
- this.formSubmitObserver = new FormSubmitObserver(this, this.element);
- }
- connect() {
- if (!this.connected) {
- this.connected = true;
- if (this.loadingStyle == FrameLoadingStyle.lazy) {
- this.appearanceObserver.start();
- }
- else {
- this.loadSourceURL();
- }
- this.formLinkClickObserver.start();
- this.linkInterceptor.start();
- this.formSubmitObserver.start();
- }
- }
- disconnect() {
- if (this.connected) {
- this.connected = false;
- this.appearanceObserver.stop();
- this.formLinkClickObserver.stop();
- this.linkInterceptor.stop();
- this.formSubmitObserver.stop();
- }
- }
- disabledChanged() {
- if (this.loadingStyle == FrameLoadingStyle.eager) {
- this.loadSourceURL();
- }
- }
- sourceURLChanged() {
- if (this.isIgnoringChangesTo("src"))
- return;
- if (this.element.isConnected) {
- this.complete = false;
- }
- if (this.loadingStyle == FrameLoadingStyle.eager || this.hasBeenLoaded) {
- this.loadSourceURL();
- }
- }
- sourceURLReloaded() {
- const { src } = this.element;
- this.ignoringChangesToAttribute("complete", () => {
- this.element.removeAttribute("complete");
- });
- this.element.src = null;
- this.element.src = src;
- return this.element.loaded;
- }
- completeChanged() {
- if (this.isIgnoringChangesTo("complete"))
- return;
- this.loadSourceURL();
- }
- loadingStyleChanged() {
- if (this.loadingStyle == FrameLoadingStyle.lazy) {
- this.appearanceObserver.start();
- }
- else {
- this.appearanceObserver.stop();
- this.loadSourceURL();
- }
- }
- async loadSourceURL() {
- if (this.enabled && this.isActive && !this.complete && this.sourceURL) {
- this.element.loaded = this.visit(expandURL(this.sourceURL));
- this.appearanceObserver.stop();
- await this.element.loaded;
- this.hasBeenLoaded = true;
- }
- }
- async loadResponse(fetchResponse) {
- if (fetchResponse.redirected || (fetchResponse.succeeded && fetchResponse.isHTML)) {
- this.sourceURL = fetchResponse.response.url;
- }
- try {
- const html = await fetchResponse.responseHTML;
- if (html) {
- const document = parseHTMLDocument(html);
- const pageSnapshot = PageSnapshot.fromDocument(document);
- if (pageSnapshot.isVisitable) {
- await this.loadFrameResponse(fetchResponse, document);
- }
- else {
- await this.handleUnvisitableFrameResponse(fetchResponse);
- }
- }
- }
- finally {
- this.fetchResponseLoaded = () => { };
- }
- }
- elementAppearedInViewport(element) {
- this.proposeVisitIfNavigatedWithAction(element, element);
- this.loadSourceURL();
- }
- willSubmitFormLinkToLocation(link) {
- return this.shouldInterceptNavigation(link);
- }
- submittedFormLinkToLocation(link, _location, form) {
- const frame = this.findFrameElement(link);
- if (frame)
- form.setAttribute("data-turbo-frame", frame.id);
- }
- shouldInterceptLinkClick(element, _location, _event) {
- return this.shouldInterceptNavigation(element);
- }
- linkClickIntercepted(element, location) {
- this.navigateFrame(element, location);
- }
- willSubmitForm(element, submitter) {
- return element.closest("turbo-frame") == this.element && this.shouldInterceptNavigation(element, submitter);
- }
- formSubmitted(element, submitter) {
- if (this.formSubmission) {
- this.formSubmission.stop();
- }
- this.formSubmission = new FormSubmission(this, element, submitter);
- const { fetchRequest } = this.formSubmission;
- this.prepareRequest(fetchRequest);
- this.formSubmission.start();
- }
- prepareRequest(request) {
- var _a;
- request.headers["Turbo-Frame"] = this.id;
- if ((_a = this.currentNavigationElement) === null || _a === void 0 ? void 0 : _a.hasAttribute("data-turbo-stream")) {
- request.acceptResponseType(StreamMessage.contentType);
- }
- }
- requestStarted(_request) {
- markAsBusy(this.element);
- }
- requestPreventedHandlingResponse(_request, _response) {
- this.resolveVisitPromise();
- }
- async requestSucceededWithResponse(request, response) {
- await this.loadResponse(response);
- this.resolveVisitPromise();
- }
- async requestFailedWithResponse(request, response) {
- await this.loadResponse(response);
- this.resolveVisitPromise();
- }
- requestErrored(request, error) {
- console.error(error);
- this.resolveVisitPromise();
- }
- requestFinished(_request) {
- clearBusyState(this.element);
- }
- formSubmissionStarted({ formElement }) {
- markAsBusy(formElement, this.findFrameElement(formElement));
- }
- formSubmissionSucceededWithResponse(formSubmission, response) {
- const frame = this.findFrameElement(formSubmission.formElement, formSubmission.submitter);
- frame.delegate.proposeVisitIfNavigatedWithAction(frame, formSubmission.formElement, formSubmission.submitter);
- frame.delegate.loadResponse(response);
- if (!formSubmission.isSafe) {
- session.clearCache();
- }
- }
- formSubmissionFailedWithResponse(formSubmission, fetchResponse) {
- this.element.delegate.loadResponse(fetchResponse);
- session.clearCache();
- }
- formSubmissionErrored(formSubmission, error) {
- console.error(error);
- }
- formSubmissionFinished({ formElement }) {
- clearBusyState(formElement, this.findFrameElement(formElement));
- }
- allowsImmediateRender({ element: newFrame }, options) {
- const event = dispatch("turbo:before-frame-render", {
- target: this.element,
- detail: Object.assign({ newFrame }, options),
- cancelable: true,
- });
- const { defaultPrevented, detail: { render }, } = event;
- if (this.view.renderer && render) {
- this.view.renderer.renderElement = render;
- }
- return !defaultPrevented;
- }
- viewRenderedSnapshot(_snapshot, _isPreview) { }
- preloadOnLoadLinksForView(element) {
- session.preloadOnLoadLinksForView(element);
- }
- viewInvalidated() { }
- willRenderFrame(currentElement, _newElement) {
- this.previousFrameElement = currentElement.cloneNode(true);
- }
- async loadFrameResponse(fetchResponse, document) {
- const newFrameElement = await this.extractForeignFrameElement(document.body);
- if (newFrameElement) {
- const snapshot = new Snapshot(newFrameElement);
- const renderer = new FrameRenderer(this, this.view.snapshot, snapshot, FrameRenderer.renderElement, false, false);
- if (this.view.renderPromise)
- await this.view.renderPromise;
- this.changeHistory();
- await this.view.render(renderer);
- this.complete = true;
- session.frameRendered(fetchResponse, this.element);
- session.frameLoaded(this.element);
- this.fetchResponseLoaded(fetchResponse);
- }
- else if (this.willHandleFrameMissingFromResponse(fetchResponse)) {
- this.handleFrameMissingFromResponse(fetchResponse);
- }
- }
- async visit(url) {
- var _a;
- const request = new FetchRequest(this, FetchMethod.get, url, new URLSearchParams(), this.element);
- (_a = this.currentFetchRequest) === null || _a === void 0 ? void 0 : _a.cancel();
- this.currentFetchRequest = request;
- return new Promise((resolve) => {
- this.resolveVisitPromise = () => {
- this.resolveVisitPromise = () => { };
- this.currentFetchRequest = null;
- resolve();
- };
- request.perform();
- });
- }
- navigateFrame(element, url, submitter) {
- const frame = this.findFrameElement(element, submitter);
- frame.delegate.proposeVisitIfNavigatedWithAction(frame, element, submitter);
- this.withCurrentNavigationElement(element, () => {
- frame.src = url;
- });
- }
- proposeVisitIfNavigatedWithAction(frame, element, submitter) {
- this.action = getVisitAction(submitter, element, frame);
- if (this.action) {
- const pageSnapshot = PageSnapshot.fromElement(frame).clone();
- const { visitCachedSnapshot } = frame.delegate;
- frame.delegate.fetchResponseLoaded = (fetchResponse) => {
- if (frame.src) {
- const { statusCode, redirected } = fetchResponse;
- const responseHTML = frame.ownerDocument.documentElement.outerHTML;
- const response = { statusCode, redirected, responseHTML };
- const options = {
- response,
- visitCachedSnapshot,
- willRender: false,
- updateHistory: false,
- restorationIdentifier: this.restorationIdentifier,
- snapshot: pageSnapshot,
- };
- if (this.action)
- options.action = this.action;
- session.visit(frame.src, options);
- }
- };
- }
- }
- changeHistory() {
- if (this.action) {
- const method = getHistoryMethodForAction(this.action);
- session.history.update(method, expandURL(this.element.src || ""), this.restorationIdentifier);
- }
- }
- async handleUnvisitableFrameResponse(fetchResponse) {
- console.warn(`The response (${fetchResponse.statusCode}) from is performing a full page visit due to turbo-visit-control.`);
- await this.visitResponse(fetchResponse.response);
- }
- willHandleFrameMissingFromResponse(fetchResponse) {
- this.element.setAttribute("complete", "");
- const response = fetchResponse.response;
- const visit = async (url, options = {}) => {
- if (url instanceof Response) {
- this.visitResponse(url);
- }
- else {
- session.visit(url, options);
- }
- };
- const event = dispatch("turbo:frame-missing", {
- target: this.element,
- detail: { response, visit },
- cancelable: true,
- });
- return !event.defaultPrevented;
- }
- handleFrameMissingFromResponse(fetchResponse) {
- this.view.missing();
- this.throwFrameMissingError(fetchResponse);
- }
- throwFrameMissingError(fetchResponse) {
- const message = `The response (${fetchResponse.statusCode}) did not contain the expected and will be ignored. To perform a full page visit instead, set turbo-visit-control to reload.`;
- throw new TurboFrameMissingError(message);
- }
- async visitResponse(response) {
- const wrapped = new FetchResponse(response);
- const responseHTML = await wrapped.responseHTML;
- const { location, redirected, statusCode } = wrapped;
- return session.visit(location, { response: { redirected, statusCode, responseHTML } });
- }
- findFrameElement(element, submitter) {
- var _a;
- const id = getAttribute("data-turbo-frame", submitter, element) || this.element.getAttribute("target");
- return (_a = getFrameElementById(id)) !== null && _a !== void 0 ? _a : this.element;
- }
- async extractForeignFrameElement(container) {
- let element;
- const id = CSS.escape(this.id);
- try {
- element = activateElement(container.querySelector(`turbo-frame#${id}`), this.sourceURL);
- if (element) {
- return element;
- }
- element = activateElement(container.querySelector(`turbo-frame[src][recurse~=${id}]`), this.sourceURL);
- if (element) {
- await element.loaded;
- return await this.extractForeignFrameElement(element);
- }
- }
- catch (error) {
- console.error(error);
- return new FrameElement();
- }
- return null;
- }
- formActionIsVisitable(form, submitter) {
- const action = getAction(form, submitter);
- return locationIsVisitable(expandURL(action), this.rootLocation);
- }
- shouldInterceptNavigation(element, submitter) {
- const id = getAttribute("data-turbo-frame", submitter, element) || this.element.getAttribute("target");
- if (element instanceof HTMLFormElement && !this.formActionIsVisitable(element, submitter)) {
- return false;
- }
- if (!this.enabled || id == "_top") {
- return false;
- }
- if (id) {
- const frameElement = getFrameElementById(id);
- if (frameElement) {
- return !frameElement.disabled;
- }
- }
- if (!session.elementIsNavigatable(element)) {
- return false;
- }
- if (submitter && !session.elementIsNavigatable(submitter)) {
- return false;
- }
- return true;
- }
- get id() {
- return this.element.id;
- }
- get enabled() {
- return !this.element.disabled;
- }
- get sourceURL() {
- if (this.element.src) {
- return this.element.src;
- }
- }
- set sourceURL(sourceURL) {
- this.ignoringChangesToAttribute("src", () => {
- this.element.src = sourceURL !== null && sourceURL !== void 0 ? sourceURL : null;
- });
- }
- get loadingStyle() {
- return this.element.loading;
- }
- get isLoading() {
- return this.formSubmission !== undefined || this.resolveVisitPromise() !== undefined;
- }
- get complete() {
- return this.element.hasAttribute("complete");
- }
- set complete(value) {
- this.ignoringChangesToAttribute("complete", () => {
- if (value) {
- this.element.setAttribute("complete", "");
- }
- else {
- this.element.removeAttribute("complete");
- }
- });
- }
- get isActive() {
- return this.element.isActive && this.connected;
- }
- get rootLocation() {
- var _a;
- const meta = this.element.ownerDocument.querySelector(`meta[name="turbo-root"]`);
- const root = (_a = meta === null || meta === void 0 ? void 0 : meta.content) !== null && _a !== void 0 ? _a : "/";
- return expandURL(root);
- }
- isIgnoringChangesTo(attributeName) {
- return this.ignoredAttributes.has(attributeName);
- }
- ignoringChangesToAttribute(attributeName, callback) {
- this.ignoredAttributes.add(attributeName);
- callback();
- this.ignoredAttributes.delete(attributeName);
- }
- withCurrentNavigationElement(element, callback) {
- this.currentNavigationElement = element;
- callback();
- delete this.currentNavigationElement;
- }
-}
-function getFrameElementById(id) {
- if (id != null) {
- const element = document.getElementById(id);
- if (element instanceof FrameElement) {
- return element;
- }
- }
-}
-function activateElement(element, currentURL) {
- if (element) {
- const src = element.getAttribute("src");
- if (src != null && currentURL != null && urlsAreEqual(src, currentURL)) {
- throw new Error(`Matching element has a source URL which references itself`);
- }
- if (element.ownerDocument !== document) {
- element = document.importNode(element, true);
- }
- if (element instanceof FrameElement) {
- element.connectedCallback();
- element.disconnectedCallback();
- return element;
- }
- }
-}
-
-class StreamElement extends HTMLElement {
- static async renderElement(newElement) {
- await newElement.performAction();
- }
- async connectedCallback() {
- try {
- await this.render();
- }
- catch (error) {
- console.error(error);
- }
- finally {
- this.disconnect();
- }
- }
- async render() {
- var _a;
- return ((_a = this.renderPromise) !== null && _a !== void 0 ? _a : (this.renderPromise = (async () => {
- const event = this.beforeRenderEvent;
- if (this.dispatchEvent(event)) {
- await nextAnimationFrame();
- await event.detail.render(this);
- }
- })()));
- }
- disconnect() {
- try {
- this.remove();
- }
- catch (_a) { }
- }
- removeDuplicateTargetChildren() {
- this.duplicateChildren.forEach((c) => c.remove());
- }
- get duplicateChildren() {
- var _a;
- const existingChildren = this.targetElements.flatMap((e) => [...e.children]).filter((c) => !!c.id);
- const newChildrenIds = [...(((_a = this.templateContent) === null || _a === void 0 ? void 0 : _a.children) || [])].filter((c) => !!c.id).map((c) => c.id);
- return existingChildren.filter((c) => newChildrenIds.includes(c.id));
- }
- get performAction() {
- if (this.action) {
- const actionFunction = StreamActions[this.action];
- if (actionFunction) {
- return actionFunction;
- }
- this.raise("unknown action");
- }
- this.raise("action attribute is missing");
- }
- get targetElements() {
- if (this.target) {
- return this.targetElementsById;
- }
- else if (this.targets) {
- return this.targetElementsByQuery;
- }
- else {
- this.raise("target or targets attribute is missing");
- }
- }
- get templateContent() {
- return this.templateElement.content.cloneNode(true);
- }
- get templateElement() {
- if (this.firstElementChild === null) {
- const template = this.ownerDocument.createElement("template");
- this.appendChild(template);
- return template;
- }
- else if (this.firstElementChild instanceof HTMLTemplateElement) {
- return this.firstElementChild;
- }
- this.raise("first child element must be a element");
- }
- get action() {
- return this.getAttribute("action");
- }
- get target() {
- return this.getAttribute("target");
- }
- get targets() {
- return this.getAttribute("targets");
- }
- raise(message) {
- throw new Error(`${this.description}: ${message}`);
- }
- get description() {
- var _a, _b;
- return (_b = ((_a = this.outerHTML.match(/<[^>]+>/)) !== null && _a !== void 0 ? _a : [])[0]) !== null && _b !== void 0 ? _b : "";
- }
- get beforeRenderEvent() {
- return new CustomEvent("turbo:before-stream-render", {
- bubbles: true,
- cancelable: true,
- detail: { newStream: this, render: StreamElement.renderElement },
- });
- }
- get targetElementsById() {
- var _a;
- const element = (_a = this.ownerDocument) === null || _a === void 0 ? void 0 : _a.getElementById(this.target);
- if (element !== null) {
- return [element];
- }
- else {
- return [];
- }
- }
- get targetElementsByQuery() {
- var _a;
- const elements = (_a = this.ownerDocument) === null || _a === void 0 ? void 0 : _a.querySelectorAll(this.targets);
- if (elements.length !== 0) {
- return Array.prototype.slice.call(elements);
- }
- else {
- return [];
- }
- }
-}
-
-class StreamSourceElement extends HTMLElement {
- constructor() {
- super(...arguments);
- this.streamSource = null;
- }
- connectedCallback() {
- this.streamSource = this.src.match(/^ws{1,2}:/) ? new WebSocket(this.src) : new EventSource(this.src);
- connectStreamSource(this.streamSource);
- }
- disconnectedCallback() {
- if (this.streamSource) {
- disconnectStreamSource(this.streamSource);
- }
- }
- get src() {
- return this.getAttribute("src") || "";
- }
-}
-
-FrameElement.delegateConstructor = FrameController;
-if (customElements.get("turbo-frame") === undefined) {
- customElements.define("turbo-frame", FrameElement);
-}
-if (customElements.get("turbo-stream") === undefined) {
- customElements.define("turbo-stream", StreamElement);
-}
-if (customElements.get("turbo-stream-source") === undefined) {
- customElements.define("turbo-stream-source", StreamSourceElement);
-}
-
-(() => {
- let element = document.currentScript;
- if (!element)
- return;
- if (element.hasAttribute("data-turbo-suppress-warning"))
- return;
- element = element.parentElement;
- while (element) {
- if (element == document.body) {
- return console.warn(unindent `
- You are loading Turbo from a
diff --git a/resources/js/components/fieldtypes/ExampleFieldtype.vue b/resources/js/components/fieldtypes/ExampleFieldtype.vue
deleted file mode 100644
index 1293e4e..0000000
--- a/resources/js/components/fieldtypes/ExampleFieldtype.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
-
-
-
diff --git a/resources/js/components/fieldtypes/ITunesCategory.vue b/resources/js/components/fieldtypes/ITunesCategory.vue
deleted file mode 100644
index fb7b36f..0000000
--- a/resources/js/components/fieldtypes/ITunesCategory.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/resources/js/podcaster.js b/resources/js/podcaster.js
new file mode 100644
index 0000000..6f37c2f
--- /dev/null
+++ b/resources/js/podcaster.js
@@ -0,0 +1,65 @@
+import Plyr from 'plyr';
+import chroma from "chroma-js";
+
+export default class Podcaster {
+ static start() {
+ Alpine.store('ui', {
+ colors: chroma.scale([
+ window.primaryColor,
+ window.secondaryColor
+ ]).colors(5),
+ });
+
+ let plyr = new Plyr('audio', {
+ controls: ['play', 'rewind', 'progress', 'fast-forward', 'current-time', 'settings'],
+ iconUrl: '/vendor/starter-kit-podcaster/img/plyr-sprite.svg',
+ seekTime: 15
+ });
+
+ Alpine.store('player', {
+ plyr: null,
+ playing: false,
+ audio_file: null,
+ episode_url: null,
+ title: null,
+ show: false,
+ init() {
+ plyr.on('playing', event => {
+ Alpine.store('player').playing = true
+ });
+ plyr.on('pause', event => {
+ Alpine.store('player').playing = false
+ });
+ plyr.on('ended', event => {
+ Alpine.store('player').playing = false
+ });
+ },
+ playEpisode(title, audio_file, mime_type, episode_url) {
+ if (this.audio_file !== audio_file) {
+ plyr.source = {
+ type: 'audio',
+ title: title,
+ audio_file: audio_file,
+ sources: [{src: audio_file, type: mime_type}]
+ };
+ }
+ this.toggle(audio_file);
+ this.title = title;
+ this.audio_file = audio_file;
+ this.episode_url = episode_url;
+ this.show = true;
+ },
+ toggle(file) {
+ if (this.playing && file === this.audio_file) {
+ plyr.pause();
+
+ // Events not sent when calling pause programmatically
+ // after setting .source
+ Alpine.store('player').playing = false
+ return;
+ }
+ plyr.togglePlay()
+ },
+ });
+ }
+};
diff --git a/resources/js/site.js b/resources/js/site.js
deleted file mode 100644
index 0f85d75..0000000
--- a/resources/js/site.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import Plyr from 'plyr';
-import chroma from "chroma-js";
-
-Alpine.store('ui', {
- colors: chroma.scale([
- window.primaryColor,
- window.secondaryColor
- ]).colors(5),
-});
-
-let plyr = new Plyr('audio', {
- controls: ['play', 'rewind', 'progress', 'fast-forward', 'current-time', 'settings'],
- iconUrl: '/img/plyr-sprite.svg',
- seekTime: 15
-});
-
-Alpine.store('player', {
- plyr: null,
- playing: false,
- audio_file: null,
- episode_url: null,
- title: null,
- show: false,
- init() {
- plyr.on('playing', event => {
- Alpine.store('player').playing = true
- });
- plyr.on('pause', event => {
- Alpine.store('player').playing = false
- });
- plyr.on('ended', event => {
- Alpine.store('player').playing = false
- });
- },
- playEpisode(title, audio_file, mime_type, episode_url) {
- if (this.audio_file !== audio_file) {
- plyr.source = {
- type: 'audio',
- title: title,
- audio_file: audio_file,
- sources: [{ src: audio_file, type: mime_type }]
- };
- }
- this.toggle(audio_file);
- this.title = title;
- this.audio_file = audio_file;
- this.episode_url = episode_url;
- this.show = true;
- },
- toggle(file) {
- if (this.playing && file === this.audio_file) {
- plyr.pause();
-
- // Events not sent when calling pause programmatically
- // after setting .source
- Alpine.store('player').playing = false
- return;
- }
- plyr.togglePlay()
- },
-});
diff --git a/resources/views/.gitkeep b/resources/views/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/resources/views/episodes/_card.antlers.html b/resources/views/episodes/_card.antlers.html
index 3f546d4..baba978 100644
--- a/resources/views/episodes/_card.antlers.html
+++ b/resources/views/episodes/_card.antlers.html
@@ -1,5 +1,5 @@
- {{ partial:play-button }}
+ {{ partial:podcaster::partials/play-button }}
{{ title | widont }}
diff --git a/resources/views/episodes/index.antlers.html b/resources/views/episodes/index.antlers.html
index b9d910f..df16c9a 100644
--- a/resources/views/episodes/index.antlers.html
+++ b/resources/views/episodes/index.antlers.html
@@ -3,7 +3,7 @@
{{ title | widont }}
diff --git a/resources/views/episodes/index.antlers.html b/resources/views/episodes/index.antlers.html
index b9d910f..df16c9a 100644
--- a/resources/views/episodes/index.antlers.html
+++ b/resources/views/episodes/index.antlers.html
@@ -3,7 +3,7 @@
diff --git a/resources/views/episodes/show.antlers.html b/resources/views/episodes/show.antlers.html
index 2148195..d1079d4 100644
--- a/resources/views/episodes/show.antlers.html
+++ b/resources/views/episodes/show.antlers.html
@@ -2,11 +2,11 @@
{{ if podcast:explicit || explicit }}
- 
+ 
{{ /if }}
{{ title | entities | widont }}
- {{ partial:play-button height="h-10" width="h-10" }}
+ {{ partial:podcaster::partials/play-button height="h-10" width="h-10" }}
{{ summary }}
diff --git a/resources/views/home.antlers.html b/resources/views/home.antlers.html
index 7a5b3c8..df90fd3 100644
--- a/resources/views/home.antlers.html
+++ b/resources/views/home.antlers.html
@@ -21,7 +21,7 @@ {{ podcast:title }}
Recent Episodes
{{ collection:episodes sort="date:{podcast:type}" limit="4" }}
- {{ partial:episodes/card }}
+ {{ partial:podcaster::episodes/card }}
{{ /collection:episodes }}
{{ if {collection:count in="episodes"} > 4 }}
diff --git a/resources/views/layout.antlers.html b/resources/views/layout.antlers.html
index 13f6882..63239ee 100644
--- a/resources/views/layout.antlers.html
+++ b/resources/views/layout.antlers.html
@@ -4,10 +4,9 @@
- {{ partial:seo }}
-
+ {{ partial:podcaster::partials/seo }}
- {{ vite src="resources/js/site.js|resources/css/tailwind.css" }}
+ {{ vite src="resources/js/site.js|resources/css/site.css" }}
+
{{ /if }}
{{ title | entities | widont }}
- {{ partial:play-button height="h-10" width="h-10" }}
+ {{ partial:podcaster::partials/play-button height="h-10" width="h-10" }}
{{ summary }}
diff --git a/resources/views/home.antlers.html b/resources/views/home.antlers.html
index 7a5b3c8..df90fd3 100644
--- a/resources/views/home.antlers.html
+++ b/resources/views/home.antlers.html
@@ -21,7 +21,7 @@
{{ podcast:title }}
Recent Episodes
{{ collection:episodes sort="date:{podcast:type}" limit="4" }}
- {{ partial:episodes/card }}
+ {{ partial:podcaster::episodes/card }}
{{ /collection:episodes }}
{{ if {collection:count in="episodes"} > 4 }}
diff --git a/resources/views/layout.antlers.html b/resources/views/layout.antlers.html
index 13f6882..63239ee 100644
--- a/resources/views/layout.antlers.html
+++ b/resources/views/layout.antlers.html
@@ -4,10 +4,9 @@
- {{ partial:seo }}
-
+ {{ partial:podcaster::partials/seo }}
- {{ vite src="resources/js/site.js|resources/css/tailwind.css" }}
+ {{ vite src="resources/js/site.js|resources/css/site.css" }}