rikiki-deck 0.3.0 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/deck-presenter.js +21 -2
- package/dist/index.js +11 -11
- package/dist/standalone.js +53 -34
- package/package.json +1 -1
package/dist/deck-presenter.js
CHANGED
|
@@ -116,11 +116,30 @@ ${e.themeHref?`<link rel="stylesheet" href="${e.themeHref}">`:""}
|
|
|
116
116
|
const themeHref = ${JSON.stringify(e.themeHref)};
|
|
117
117
|
const bundleHref = ${JSON.stringify(e.bundleHref)};
|
|
118
118
|
const themeLink = themeHref ? '<link rel="stylesheet" href="' + themeHref + '">' : '';
|
|
119
|
+
// Bootstrap rikiki inside the iframe. For a file-served deck bundleHref is a
|
|
120
|
+
// real URL \xB7 load it with <script src>. For a single-file bundled deck the
|
|
121
|
+
// bundle is inlined, so import.meta.url (and thus bundleHref) is a data: URL.
|
|
122
|
+
// Loaded as <script src="data:..."> the module's own import.meta.url is that
|
|
123
|
+
// data: URL, where a top-level new URL(relative, import.meta.url) throws and
|
|
124
|
+
// aborts component registration \xB7 the iframe then shows raw, un-upgraded
|
|
125
|
+
// markup. Inline the same code instead so the module base is the iframe
|
|
126
|
+
// document URL (escaping any script end-tag in the bundle so it can't
|
|
127
|
+
// close this block early \xB7 note this very comment must avoid the literal).
|
|
128
|
+
let bundleTag;
|
|
129
|
+
if (bundleHref.slice(0, 5) === 'data:') {
|
|
130
|
+
const b64 = bundleHref.indexOf(';base64,');
|
|
131
|
+
const code = b64 >= 0
|
|
132
|
+
? atob(bundleHref.slice(b64 + 8))
|
|
133
|
+
: decodeURIComponent(bundleHref.slice(bundleHref.indexOf(',') + 1));
|
|
134
|
+
bundleTag = '<script type="module">' + code.replace(/<\\/script/gi, '<\\\\/script') + '<' + '/script>';
|
|
135
|
+
} else {
|
|
136
|
+
bundleTag = '<script type="module" src="' + bundleHref + '"><' + '/script>';
|
|
137
|
+
}
|
|
119
138
|
// Mark the cloned slide [active] so its real component CSS applies
|
|
120
139
|
// (:host([active]){display:flex}) instead of forcing display via !important.
|
|
121
140
|
const activeSlide = slideHtml.replace(/^(\\s*<deck-[a-z-]+)/i, '$1 active');
|
|
122
141
|
return '<!doctype html><html><head><meta charset="UTF-8">' + themeLink +
|
|
123
|
-
|
|
142
|
+
bundleTag +
|
|
124
143
|
'<style>html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0f1422}' +
|
|
125
144
|
'deck-root{position:absolute;inset:0}</style>' +
|
|
126
145
|
'</head><body><deck-root>' + activeSlide + '</deck-root></body></html>';
|
|
@@ -150,4 +169,4 @@ ${e.themeHref?`<link rel="stylesheet" href="${e.themeHref}">`:""}
|
|
|
150
169
|
channel.postMessage({ type: 'hello' });
|
|
151
170
|
<\/script>
|
|
152
171
|
</body>
|
|
153
|
-
</html>`;function
|
|
172
|
+
</html>`;function y(e){if(o=o??new WeakSet,o.has(e)){t?.close(),t=null;return}o.add(e),i=new BroadcastChannel(c),e.addEventListener("slide-change",()=>d(e)),i.addEventListener("message",a=>{let n=a.data;n?.type==="key"&&n.key&&window.dispatchEvent(new KeyboardEvent("keydown",{key:n.key,shiftKey:!!n.shift,bubbles:!0})),n?.type==="hello"&&d(e)});let r=m(e);if(t=window.open("","rikiki-presenter","width=1280,height=800,popup=yes"),!t){console.warn("[rikiki/presenter] popup was blocked \xB7 allow popups for this site"),o.delete(e);return}t.document.open(),t.document.write(h(r)),t.document.close();let s=setInterval(()=>{t&&t.closed&&(clearInterval(s),o?.delete(e),t=null)},1e3)}export{y as installPresenter};
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var Re=Object.defineProperty;var Oe=Object.getOwnPropertyDescriptor;var t=(l,s,e,r)=>{for(var i=r>1?void 0:r?Oe(s,e):s,a=l.length-1,n;a>=0;a--)(n=l[a])&&(i=(r?n(s,e,i):n(i))||i);return r&&i&&Re(s,e,i),i};import{LitElement as qe,html as Y,css as Ue}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as Ye,property as T,state as ie}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var c=class extends qe{constructor(){super(...arguments);this.current=0;this.step=0;this.blank=null;this.overview=!1;this.transition=null;this.autoplay=0;this.loop=!1;this.swipe=!1;this.mouseNav=null;this.nav=null;this.slides=[];this.chapters=[];this._overviewTeardown=null;this._transitionLoaded=!1;this._autoplayTimer=null;this._autoplayPaused=!1;this._swipeStartX=0;this._swipeStartY=0;this._swipePointerId=null;this._navDownX=0;this._navDownY=0;this._wheelAccum=0;this._wheelLockUntil=0;this._onHoverEnter=()=>{this._autoplayPaused=!0,this._stopAutoplay()};this._onHoverLeave=()=>{this._autoplayPaused=!1,this.autoplay>0&&this._startAutoplay()};this._onPointerDown=e=>{!this.swipe||e.pointerType==="mouse"&&e.button!==0||e.target?.closest("a, button, input, textarea, [contenteditable]")||(this._swipePointerId=e.pointerId,this._swipeStartX=e.clientX,this._swipeStartY=e.clientY)};this._onPointerUp=e=>{if(this._swipePointerId===null||e.pointerId!==this._swipePointerId)return;let r=e.clientX-this._swipeStartX,i=e.clientY-this._swipeStartY;this._swipePointerId=null,!(Math.abs(r)<60||Math.abs(r)<Math.abs(i)*2)&&(this._stopAutoplay(),r<0?this._advance():this._back(),this._restartAutoplay())};this._onNavPointerDown=e=>{this._navDownX=e.clientX,this._navDownY=e.clientY};this._onClickNav=e=>{if(!this._mouseEnabled("click")||this.overview||this.blank||this.shadowRoot?.querySelector("#kb-overlay.open")||Math.hypot(e.clientX-this._navDownX,e.clientY-this._navDownY)>5)return;let r=window.getSelection();r&&!r.isCollapsed||e.composedPath().some(a=>a instanceof HTMLElement?a.matches?.("a, button, input, textarea, select, [contenteditable], [data-no-advance]")?!0:a.id==="blank"||a.id==="kb-overlay"||a.id==="overview-grid"||a.id==="nav-arrows"||a.id==="kb-hint":!1)||(this._restartAutoplay(),e.shiftKey?this._back():this._advance())};this._onWheel=e=>{if(!this._mouseEnabled("wheel")||this.overview||this.blank||this._wheelTargetScrolls(e))return;e.preventDefault();let r=performance.now();if(r<this._wheelLockUntil||(this._wheelAccum+=e.deltaY,Math.abs(this._wheelAccum)<50))return;let i=this._wheelAccum>0;this._wheelAccum=0,this._wheelLockUntil=r+400,this._restartAutoplay(),i?this._advance():this._back()};this._onAuxUp=e=>{this._mouseEnabled("aux")&&(e.button!==3&&e.button!==4||(e.preventDefault(),this._restartAutoplay(),e.button===3?this._back():this._advance()))};this._onAuxClick=e=>{this._mouseEnabled("aux")&&(e.button===3||e.button===4)&&e.preventDefault()};this._onHash=()=>{this._readHash(!1)};this._onKey=e=>{if(!(e.target&&e.target.matches?.("input,textarea,[contenteditable]"))){if(this._restartAutoplay(),this.overview){(e.key==="Escape"||e.key==="o"||e.key==="O"||e.key==="Enter")&&(e.preventDefault(),this.overview=!1);return}if(this.blank){e.preventDefault(),this.blank=null;return}if(e.key==="."||e.key==="b"||e.key==="B"){e.preventDefault(),this.blank="black";return}if(e.key===","||e.key==="w"||e.key==="W"){e.preventDefault(),this.blank="white";return}if(e.key==="?"||e.key==="h"||e.key==="H"){this._toggleHelp();return}if(e.key==="Escape"){this._closeHelp();return}if(e.key==="o"||e.key==="O"){e.preventDefault(),this.overview=!0;return}if(e.key==="p"||e.key==="P"){e.preventDefault(),this._togglePresenter();return}if(e.key==="Home"){this._goTo(0);return}if(e.key==="End"){this._goTo(this.slides.length-1);return}if(e.key===" "||e.key==="PageDown"){e.preventDefault(),this._advance();return}if(e.key==="PageUp"){e.preventDefault(),this._back();return}if(this._has2DNav()){let{c:r,i}=this._coords(this.current);if(e.key==="ArrowRight"){e.preventDefault(),r+1<this.chapters.length?this._goToCoords(r+1,0):this._advance();return}if(e.key==="ArrowLeft"){e.preventDefault(),r-1>=0?this._goToCoords(r-1,0):this._back();return}if(e.key==="ArrowDown"){e.preventDefault();let a=this.chapters[r];a&&i+1<a.slides.length?this._goToCoords(r,i+1):this._advance();return}if(e.key==="ArrowUp"){e.preventDefault(),i-1>=0?this._goToCoords(r,i-1):this._back();return}}else{if(e.key==="ArrowRight"||e.key==="ArrowDown"){e.preventDefault(),this._advance();return}if(e.key==="ArrowLeft"||e.key==="ArrowUp"){e.preventDefault(),this._back();return}}}}}firstUpdated(){this.slides=Array.from(this.querySelectorAll(":scope > *")).filter(e=>e.tagName?.toLowerCase().startsWith("deck-")&&e.tagName?.toLowerCase()!=="deck-root"),this._buildChapters(),this._readHash(!0),this._applyActive(),this._applyStep(),this._updateUI(),this.requestUpdate(),window.addEventListener("keydown",this._onKey),window.addEventListener("hashchange",this._onHash),this.addEventListener("pointerdown",this._onNavPointerDown),this.addEventListener("click",this._onClickNav),this.addEventListener("wheel",this._onWheel,{passive:!1}),window.addEventListener("mouseup",this._onAuxUp),window.addEventListener("auxclick",this._onAuxClick),this.autoplay>0&&this._startAutoplay(),this.swipe?(this.addEventListener("pointerdown",this._onPointerDown),this.addEventListener("pointerup",this._onPointerUp),this.addEventListener("pointercancel",this._onPointerUp),this.addEventListener("mouseenter",this._onHoverEnter),this.addEventListener("mouseleave",this._onHoverLeave)):this.autoplay>0&&(this.addEventListener("mouseenter",this._onHoverEnter),this.addEventListener("mouseleave",this._onHoverLeave))}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this._onKey),window.removeEventListener("hashchange",this._onHash),this.removeEventListener("pointerdown",this._onNavPointerDown),this.removeEventListener("click",this._onClickNav),this.removeEventListener("wheel",this._onWheel),window.removeEventListener("mouseup",this._onAuxUp),window.removeEventListener("auxclick",this._onAuxClick),this._stopAutoplay(),this.removeEventListener("pointerdown",this._onPointerDown),this.removeEventListener("pointerup",this._onPointerUp),this.removeEventListener("pointercancel",this._onPointerUp),this.removeEventListener("mouseenter",this._onHoverEnter),this.removeEventListener("mouseleave",this._onHoverLeave)}_startAutoplay(){this._stopAutoplay(),!(this.autoplay<=0||this._autoplayPaused)&&(this._autoplayTimer=window.setInterval(()=>this._autoTick(),this.autoplay))}_stopAutoplay(){this._autoplayTimer!==null&&(window.clearInterval(this._autoplayTimer),this._autoplayTimer=null)}_autoTick(){if(this.overview)return;this.current>=this.slides.length-1&&this.step>=this._maxSteps()&&this.loop?this._goTo(0):this._advance()}_restartAutoplay(){this.autoplay>0&&!this._autoplayPaused&&this._startAutoplay()}_wheelTargetScrolls(e){let r=e.deltaY>0,i=e.deltaX>0;for(let a of e.composedPath()){if(a===this)return!1;if(!(a instanceof Element))continue;let n=a.scrollHeight>a.clientHeight,o=a.scrollWidth>a.clientWidth;if(!n&&!o)continue;let p=getComputedStyle(a);if(n&&/auto|scroll/.test(p.overflowY)&&(r?a.scrollTop+a.clientHeight<a.scrollHeight-1:a.scrollTop>0)||o&&/auto|scroll/.test(p.overflowX)&&(i?a.scrollLeft+a.clientWidth<a.scrollWidth-1:a.scrollLeft>0))return!0}return!1}_buildChapters(){this.chapters=[];let e=null;this.slides.forEach((r,i)=>{r.tagName?.toLowerCase()==="deck-section"||!e?(e={startIdx:i,slides:[r]},this.chapters.push(e)):e.slides.push(r)})}_has2DNav(){return this.nav==="2d"&&this.chapters.length>1&&this.chapters.some(e=>e.slides.length>1)}_mouseEnabled(e){let r=(this.mouseNav??"all").trim();return r==="none"?!1:r===""||r==="all"?!0:r.split(/\s+/).includes(e)}_coords(e){for(let r=0;r<this.chapters.length;r++){let i=this.chapters[r],a=e-i.startIdx;if(a>=0&&a<i.slides.length)return{c:r,i:a}}return{c:0,i:0}}_flatFromCoords(e,r){let i=this.chapters[Math.max(0,Math.min(this.chapters.length-1,e))];return i?i.startIdx+Math.max(0,Math.min(i.slides.length-1,r)):0}_readHash(e){let r=location.hash,i=r.match(/^#(\d+)\.(\d+)(?:s(\d+))?$/),a=r.match(/^#(\d+)(?:\.(\d+))?$/),n=this.current,o=this.step;if(this._has2DNav()&&i){let b=parseInt(i[1],10)-1,Be=parseInt(i[2],10)-1;n=this._flatFromCoords(Math.max(0,b),Math.max(0,Be)),o=i[3]?parseInt(i[3],10):0}else if(a)n=parseInt(a[1],10)-1,o=a[2]?parseInt(a[2],10):0;else return;if(n===this.current&&o===this.step&&!e)return;this.current=Math.max(0,Math.min(this.slides.length-1,n));let p=this._maxSteps();this.step=p>0?Math.max(0,Math.min(p,o)):Math.max(0,o),e||(this._applyActive(),this._applyStep(),this._updateUI())}_writeHash(){let e=`#${this.current+1}`+(this.step>0?`.${this.step}`:"");if(location.hash!==e)try{history.replaceState(null,"",e)}catch{}}async _toggleHelp(){(await import("./deck-help.js")).toggleHelp(this)}async _togglePresenter(){(await import("./deck-presenter.js")).installPresenter(this)}async _closeHelp(){(await import("./deck-help.js")).closeHelp(this)}async _renderOverviewIfActive(){if(!this.overview){this._overviewTeardown?.(),this._overviewTeardown=null;return}let{mountOverview:e}=await import("./deck-overview.js");this._overviewTeardown=e(this,{slides:this.slides,chapters:this.chapters,currentIdx:this.current,onPick:r=>{this.overview=!1,this._goTo(r)}})}_maxSteps(){let e=this.slides[this.current];if(!e)return 0;let r=parseInt(e.getAttribute("steps")||e.dataset?.steps||"0",10);if(r>0)return r;let i=e.querySelector("deck-code[step-groups]");if(i)try{return JSON.parse(i.getAttribute("step-groups")).length}catch{}return 0}_advance(){let e=this._maxSteps();this.step<e?(this.step++,this._applyStep(),this._updateUI(),this._writeHash()):this.current<this.slides.length-1?this._goTo(this.current+1):this.loop&&this._goTo(0)}_back(){this.step>0?(this.step--,this._applyStep(),this._updateUI(),this._writeHash()):this.current>0?(this._goTo(this.current-1),this.step=this._maxSteps(),this._applyStep(),this._updateUI(),this._writeHash()):this.loop&&(this._goTo(this.slides.length-1),this.step=this._maxSteps(),this._applyStep(),this._updateUI(),this._writeHash())}_goTo(e){this.current=Math.max(0,Math.min(this.slides.length-1,e)),this.step=0,this._applyActive(),this._applyStep(),this._updateUI(),this._writeHash()}_goToCoords(e,r){let i=Math.max(0,Math.min(this.chapters.length-1,e)),a=this.chapters[i];if(!a)return;let n=Math.max(0,Math.min(a.slides.length-1,r));this._goTo(this._flatFromCoords(i,n))}_applyActive(){let e=this.slides.find(i=>i.hasAttribute("active"))??null,r=this.slides[this.current]??null;this.slides.forEach((i,a)=>{let n=a===this.current;i.toggleAttribute("active",n),n&&i.querySelectorAll("deck-mermaid").forEach(o=>o.render?.())}),this.transition&&!this._transitionLoaded&&(this._transitionLoaded=!0,import("./deck-transition.js").then(i=>i.installTransitions(this))),e!==r&&this.dispatchEvent(new CustomEvent("slide-change",{detail:{current:r,previous:e},bubbles:!1}))}_applyStep(){let e=this.slides[this.current];e&&(e.applyStep?.(this.step),e.querySelectorAll("*").forEach(r=>r.applyStep?.(this.step)),e.querySelectorAll("[data-step-block]").forEach(r=>{let i=parseInt(r.dataset.stepBlock,10);r.style.transition="opacity 0.25s ease",r.style.opacity=this.step===0||i<=this.step?"1":"0.15"}))}_updateUI(){let e=this.slides.length,r=this.current+1,i=this.renderRoot.querySelector("#progress"),a=this.renderRoot.querySelector("#counter"),n=this.renderRoot.querySelector("#step-dots");i&&(i.style.width=r/e*100+"%"),a&&(a.textContent=`${r} / ${e}`);let o=this._maxSteps();n&&(n.innerHTML=o===0?"":Array.from({length:o},(p,b)=>`<div class="dot${b<this.step?" active":""}"></div>`).join(""))}updated(){this._updateUI(),this._renderOverviewIfActive()}_navArrows(){if(!this._mouseEnabled("arrows")||this.overview)return"";let e=this.slides.length;if(e===0)return"";let r=this.current===0&&this.step===0,i=this.current>=e-1&&this.step>=this._maxSteps();if(this._has2DNav()){let{c:a,i:n}=this._coords(this.current),o=this.chapters[a];return Y`<div id="nav-arrows"> <button class="nav-btn" title="Previous chapter" ?disabled=${!this.loop&&this.current===0} @click=${()=>a>0?this._goToCoords(a-1,0):this._back()}>‹</button> <button class="nav-btn" title="Up" ?disabled=${n===0} @click=${()=>this._goToCoords(a,n-1)}>↑</button> <button class="nav-btn" title="Down" ?disabled=${!o||n+1>=o.slides.length} @click=${()=>this._goToCoords(a,n+1)}>↓</button> <button class="nav-btn" title="Next chapter" ?disabled=${!this.loop&&i} @click=${()=>a+1<this.chapters.length?this._goToCoords(a+1,0):this._advance()}>›</button> </div>`}return Y`<div id="nav-arrows"> <button class="nav-btn" title="Previous" ?disabled=${!this.loop&&r} @click=${()=>this._back()}>‹</button> <button class="nav-btn" title="Next" ?disabled=${!this.loop&&i} @click=${()=>this._advance()}>›</button> </div>`}render(){return Y`<div id="progress"></div> <div id="counter"></div> <div id="step-dots"></div> <div id="kb-hint"> <kbd title="Previous" @click=${()=>this._back()}>←</kbd ><kbd title="Next" @click=${()=>this._advance()}>→</kbd> ${this._has2DNav()?Y`<kbd title="Previous" @click=${()=>this._back()}>↑</kbd
|
|
1
|
+
var Be=Object.defineProperty;var Oe=Object.getOwnPropertyDescriptor;var t=(l,s,e,r)=>{for(var i=r>1?void 0:r?Oe(s,e):s,a=l.length-1,n;a>=0;a--)(n=l[a])&&(i=(r?n(s,e,i):n(i))||i);return r&&i&&Be(s,e,i),i};import{LitElement as Ue,html as Y,css as qe}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as Ye,property as T,state as ie}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var c=class extends Ue{constructor(){super(...arguments);this.current=0;this.step=0;this.blank=null;this.overview=!1;this.transition=null;this.autoplay=0;this.loop=!1;this.swipe=!1;this.mouseNav=null;this.nav=null;this.slides=[];this.chapters=[];this._overviewTeardown=null;this._transitionLoaded=!1;this._autoplayTimer=null;this._autoplayPaused=!1;this._swipeStartX=0;this._swipeStartY=0;this._swipePointerId=null;this._navDownX=0;this._navDownY=0;this._wheelAccum=0;this._wheelLockUntil=0;this._onHoverEnter=()=>{this._autoplayPaused=!0,this._stopAutoplay()};this._onHoverLeave=()=>{this._autoplayPaused=!1,this.autoplay>0&&this._startAutoplay()};this._onPointerDown=e=>{!this.swipe||e.pointerType==="mouse"&&e.button!==0||e.target?.closest("a, button, input, textarea, [contenteditable]")||(this._swipePointerId=e.pointerId,this._swipeStartX=e.clientX,this._swipeStartY=e.clientY)};this._onPointerUp=e=>{if(this._swipePointerId===null||e.pointerId!==this._swipePointerId)return;let r=e.clientX-this._swipeStartX,i=e.clientY-this._swipeStartY;this._swipePointerId=null,!(Math.abs(r)<60||Math.abs(r)<Math.abs(i)*2)&&(this._stopAutoplay(),r<0?this._advance():this._back(),this._restartAutoplay())};this._onNavPointerDown=e=>{this._navDownX=e.clientX,this._navDownY=e.clientY};this._onClickNav=e=>{if(!this._mouseEnabled("click")||this.overview||this.blank||this.shadowRoot?.querySelector("#kb-overlay.open")||Math.hypot(e.clientX-this._navDownX,e.clientY-this._navDownY)>5)return;let r=window.getSelection();r&&!r.isCollapsed||e.composedPath().some(a=>a instanceof HTMLElement?a.matches?.("a, button, input, textarea, select, [contenteditable], [data-no-advance]")?!0:a.id==="blank"||a.id==="kb-overlay"||a.id==="overview-grid"||a.id==="nav-arrows"||a.id==="kb-hint":!1)||(this._restartAutoplay(),e.shiftKey?this._back():this._advance())};this._onWheel=e=>{if(!this._mouseEnabled("wheel")||this.overview||this.blank||this._wheelTargetScrolls(e))return;e.preventDefault();let r=performance.now();if(r<this._wheelLockUntil||(this._wheelAccum+=e.deltaY,Math.abs(this._wheelAccum)<50))return;let i=this._wheelAccum>0;this._wheelAccum=0,this._wheelLockUntil=r+400,this._restartAutoplay(),i?this._advance():this._back()};this._onAuxUp=e=>{this._mouseEnabled("aux")&&(e.button!==3&&e.button!==4||(e.preventDefault(),this._restartAutoplay(),e.button===3?this._back():this._advance()))};this._onAuxClick=e=>{this._mouseEnabled("aux")&&(e.button===3||e.button===4)&&e.preventDefault()};this._onHash=()=>{this._readHash(!1)};this._onKey=e=>{if(!(e.target&&e.target.matches?.("input,textarea,[contenteditable]"))){if(this._restartAutoplay(),this.overview){(e.key==="Escape"||e.key==="o"||e.key==="O"||e.key==="Enter")&&(e.preventDefault(),this.overview=!1);return}if(this.blank){e.preventDefault(),this.blank=null;return}if(e.key==="."||e.key==="b"||e.key==="B"){e.preventDefault(),this.blank="black";return}if(e.key===","||e.key==="w"||e.key==="W"){e.preventDefault(),this.blank="white";return}if(e.key==="?"||e.key==="h"||e.key==="H"){this._toggleHelp();return}if(e.key==="Escape"){this._closeHelp();return}if(e.key==="o"||e.key==="O"){e.preventDefault(),this.overview=!0;return}if(e.key==="p"||e.key==="P"){e.preventDefault(),this._togglePresenter();return}if(e.key==="Home"){this._goTo(0);return}if(e.key==="End"){this._goTo(this.slides.length-1);return}if(e.key===" "||e.key==="PageDown"){e.preventDefault(),this._advance();return}if(e.key==="PageUp"){e.preventDefault(),this._back();return}if(this._has2DNav()){let{c:r,i}=this._coords(this.current);if(e.key==="ArrowRight"){e.preventDefault(),r+1<this.chapters.length?this._goToCoords(r+1,0):this._advance();return}if(e.key==="ArrowLeft"){e.preventDefault(),r-1>=0?this._goToCoords(r-1,0):this._back();return}if(e.key==="ArrowDown"){e.preventDefault();let a=this.chapters[r];a&&i+1<a.slides.length?this._goToCoords(r,i+1):this._advance();return}if(e.key==="ArrowUp"){e.preventDefault(),i-1>=0?this._goToCoords(r,i-1):this._back();return}}else{if(e.key==="ArrowRight"||e.key==="ArrowDown"){e.preventDefault(),this._advance();return}if(e.key==="ArrowLeft"||e.key==="ArrowUp"){e.preventDefault(),this._back();return}}}}}firstUpdated(){this.slides=Array.from(this.querySelectorAll(":scope > *")).filter(e=>e.tagName?.toLowerCase().startsWith("deck-")&&e.tagName?.toLowerCase()!=="deck-root"),this._buildChapters(),this._readHash(!0),this._applyActive(),this._applyStep(),this._updateUI(),this.requestUpdate(),window.addEventListener("keydown",this._onKey),window.addEventListener("hashchange",this._onHash),this.addEventListener("pointerdown",this._onNavPointerDown),this.addEventListener("click",this._onClickNav),this.addEventListener("wheel",this._onWheel,{passive:!1}),window.addEventListener("mouseup",this._onAuxUp),window.addEventListener("auxclick",this._onAuxClick),this.autoplay>0&&this._startAutoplay(),this.swipe?(this.addEventListener("pointerdown",this._onPointerDown),this.addEventListener("pointerup",this._onPointerUp),this.addEventListener("pointercancel",this._onPointerUp),this.addEventListener("mouseenter",this._onHoverEnter),this.addEventListener("mouseleave",this._onHoverLeave)):this.autoplay>0&&(this.addEventListener("mouseenter",this._onHoverEnter),this.addEventListener("mouseleave",this._onHoverLeave))}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this._onKey),window.removeEventListener("hashchange",this._onHash),this.removeEventListener("pointerdown",this._onNavPointerDown),this.removeEventListener("click",this._onClickNav),this.removeEventListener("wheel",this._onWheel),window.removeEventListener("mouseup",this._onAuxUp),window.removeEventListener("auxclick",this._onAuxClick),this._stopAutoplay(),this.removeEventListener("pointerdown",this._onPointerDown),this.removeEventListener("pointerup",this._onPointerUp),this.removeEventListener("pointercancel",this._onPointerUp),this.removeEventListener("mouseenter",this._onHoverEnter),this.removeEventListener("mouseleave",this._onHoverLeave)}_startAutoplay(){this._stopAutoplay(),!(this.autoplay<=0||this._autoplayPaused)&&(this._autoplayTimer=window.setInterval(()=>this._autoTick(),this.autoplay))}_stopAutoplay(){this._autoplayTimer!==null&&(window.clearInterval(this._autoplayTimer),this._autoplayTimer=null)}_autoTick(){if(this.overview)return;this.current>=this.slides.length-1&&this.step>=this._maxSteps()&&this.loop?this._goTo(0):this._advance()}_restartAutoplay(){this.autoplay>0&&!this._autoplayPaused&&this._startAutoplay()}_wheelTargetScrolls(e){let r=e.deltaY>0,i=e.deltaX>0;for(let a of e.composedPath()){if(a===this)return!1;if(!(a instanceof Element))continue;let n=a.scrollHeight>a.clientHeight,o=a.scrollWidth>a.clientWidth;if(!n&&!o)continue;let p=getComputedStyle(a);if(n&&/auto|scroll/.test(p.overflowY)&&(r?a.scrollTop+a.clientHeight<a.scrollHeight-1:a.scrollTop>0)||o&&/auto|scroll/.test(p.overflowX)&&(i?a.scrollLeft+a.clientWidth<a.scrollWidth-1:a.scrollLeft>0))return!0}return!1}_buildChapters(){this.chapters=[];let e=null;this.slides.forEach((r,i)=>{r.tagName?.toLowerCase()==="deck-section"||!e?(e={startIdx:i,slides:[r]},this.chapters.push(e)):e.slides.push(r)})}_has2DNav(){return this.nav==="2d"&&this.chapters.length>1&&this.chapters.some(e=>e.slides.length>1)}_mouseEnabled(e){let r=(this.mouseNav??"all").trim();return r==="none"?!1:r===""||r==="all"?!0:r.split(/\s+/).includes(e)}_coords(e){for(let r=0;r<this.chapters.length;r++){let i=this.chapters[r],a=e-i.startIdx;if(a>=0&&a<i.slides.length)return{c:r,i:a}}return{c:0,i:0}}_flatFromCoords(e,r){let i=this.chapters[Math.max(0,Math.min(this.chapters.length-1,e))];return i?i.startIdx+Math.max(0,Math.min(i.slides.length-1,r)):0}_readHash(e){let r=location.hash,i=r.match(/^#(\d+)\.(\d+)(?:s(\d+))?$/),a=r.match(/^#(\d+)(?:\.(\d+))?$/),n=this.current,o=this.step;if(this._has2DNav()&&i){let b=parseInt(i[1],10)-1,je=parseInt(i[2],10)-1;n=this._flatFromCoords(Math.max(0,b),Math.max(0,je)),o=i[3]?parseInt(i[3],10):0}else if(a)n=parseInt(a[1],10)-1,o=a[2]?parseInt(a[2],10):0;else return;if(n===this.current&&o===this.step&&!e)return;this.current=Math.max(0,Math.min(this.slides.length-1,n));let p=this._maxSteps();this.step=p>0?Math.max(0,Math.min(p,o)):Math.max(0,o),e||(this._applyActive(),this._applyStep(),this._updateUI())}_writeHash(){let e=`#${this.current+1}`+(this.step>0?`.${this.step}`:"");if(location.hash!==e)try{history.replaceState(null,"",e)}catch{}}async _toggleHelp(){(await import("./deck-help.js")).toggleHelp(this)}async _togglePresenter(){(await import("./deck-presenter.js")).installPresenter(this)}async _closeHelp(){(await import("./deck-help.js")).closeHelp(this)}async _renderOverviewIfActive(){if(!this.overview){this._overviewTeardown?.(),this._overviewTeardown=null;return}let{mountOverview:e}=await import("./deck-overview.js");this._overviewTeardown=e(this,{slides:this.slides,chapters:this.chapters,currentIdx:this.current,onPick:r=>{this.overview=!1,this._goTo(r)}})}_maxSteps(){let e=this.slides[this.current];if(!e)return 0;let r=parseInt(e.getAttribute("steps")||e.dataset?.steps||"0",10);if(r>0)return r;let i=e.querySelector("deck-code[step-groups]");if(i)try{return JSON.parse(i.getAttribute("step-groups")).length}catch{}return 0}_advance(){let e=this._maxSteps();this.step<e?(this.step++,this._applyStep(),this._updateUI(),this._writeHash()):this.current<this.slides.length-1?this._goTo(this.current+1):this.loop&&this._goTo(0)}_back(){this.step>0?(this.step--,this._applyStep(),this._updateUI(),this._writeHash()):this.current>0?(this._goTo(this.current-1),this.step=this._maxSteps(),this._applyStep(),this._updateUI(),this._writeHash()):this.loop&&(this._goTo(this.slides.length-1),this.step=this._maxSteps(),this._applyStep(),this._updateUI(),this._writeHash())}_goTo(e){this.current=Math.max(0,Math.min(this.slides.length-1,e)),this.step=0,this._applyActive(),this._applyStep(),this._updateUI(),this._writeHash()}_goToCoords(e,r){let i=Math.max(0,Math.min(this.chapters.length-1,e)),a=this.chapters[i];if(!a)return;let n=Math.max(0,Math.min(a.slides.length-1,r));this._goTo(this._flatFromCoords(i,n))}_applyActive(){let e=this.slides.find(i=>i.hasAttribute("active"))??null,r=this.slides[this.current]??null;this.slides.forEach((i,a)=>{let n=a===this.current;i.toggleAttribute("active",n),n&&i.querySelectorAll("deck-mermaid").forEach(o=>o.render?.())}),this.transition&&!this._transitionLoaded&&(this._transitionLoaded=!0,import("./deck-transition.js").then(i=>i.installTransitions(this))),e!==r&&this.dispatchEvent(new CustomEvent("slide-change",{detail:{current:r,previous:e},bubbles:!1}))}_applyStep(){let e=this.slides[this.current];e&&(e.applyStep?.(this.step),e.querySelectorAll("*").forEach(r=>r.applyStep?.(this.step)),e.querySelectorAll("[data-step-block]").forEach(r=>{let i=parseInt(r.dataset.stepBlock,10);r.style.transition="opacity 0.25s ease",r.style.opacity=this.step===0||i<=this.step?"1":"0.15"}))}_updateUI(){let e=this.slides.length,r=this.current+1,i=this.renderRoot.querySelector("#progress"),a=this.renderRoot.querySelector("#counter"),n=this.renderRoot.querySelector("#step-dots");i&&(i.style.width=r/e*100+"%"),a&&(a.textContent=`${r} / ${e}`);let o=this._maxSteps();n&&(n.innerHTML=o===0?"":Array.from({length:o},(p,b)=>`<div class="dot${b<this.step?" active":""}"></div>`).join(""))}updated(){this._updateUI(),this._renderOverviewIfActive()}_navArrows(){if(!this._mouseEnabled("arrows")||this.overview)return"";let e=this.slides.length;if(e===0)return"";let r=this.current===0&&this.step===0,i=this.current>=e-1&&this.step>=this._maxSteps();if(this._has2DNav()){let{c:a,i:n}=this._coords(this.current),o=this.chapters[a];return Y`<div id="nav-arrows"> <button class="nav-btn" title="Previous chapter" ?disabled=${!this.loop&&this.current===0} @click=${()=>a>0?this._goToCoords(a-1,0):this._back()}>‹</button> <button class="nav-btn" title="Up" ?disabled=${n===0} @click=${()=>this._goToCoords(a,n-1)}>↑</button> <button class="nav-btn" title="Down" ?disabled=${!o||n+1>=o.slides.length} @click=${()=>this._goToCoords(a,n+1)}>↓</button> <button class="nav-btn" title="Next chapter" ?disabled=${!this.loop&&i} @click=${()=>a+1<this.chapters.length?this._goToCoords(a+1,0):this._advance()}>›</button> </div>`}return Y`<div id="nav-arrows"> <button class="nav-btn" title="Previous" ?disabled=${!this.loop&&r} @click=${()=>this._back()}>‹</button> <button class="nav-btn" title="Next" ?disabled=${!this.loop&&i} @click=${()=>this._advance()}>›</button> </div>`}render(){return Y`<div id="progress"></div> <div id="counter"></div> <div id="step-dots"></div> <div id="kb-hint"> <kbd title="Previous" @click=${()=>this._back()}>←</kbd ><kbd title="Next" @click=${()=>this._advance()}>→</kbd> ${this._has2DNav()?Y`<kbd title="Previous" @click=${()=>this._back()}>↑</kbd
|
|
2
2
|
><kbd title="Next" @click=${()=>this._advance()}>↓</kbd>`:""}
|
|
3
3
|
<span>·</span>
|
|
4
4
|
<kbd title="Overview" @click=${()=>{this.overview=!this.overview}}>O</kbd>
|
|
@@ -10,7 +10,7 @@ var Re=Object.defineProperty;var Oe=Object.getOwnPropertyDescriptor;var t=(l,s,e
|
|
|
10
10
|
${this._navArrows()}
|
|
11
11
|
<slot></slot>
|
|
12
12
|
${this.blank?Y`<div id="blank" data-tone="${this.blank}" @click=${()=>{this.blank=null}}></div>`:""}
|
|
13
|
-
`}};c.styles=
|
|
13
|
+
`}};c.styles=qe`:host{display:block;width:100vw;height:100vh;position:relative;background:var(--deck-root-bg,var(--rik-surface-page))}#progress{position:fixed;bottom:0;left:0;height:var(--deck-root-progress-height,3px);background:var(--deck-root-progress-color,linear-gradient(90deg,var(--rik-accent),var(--rik-accent--soft)));transition:width 0.25s ease;z-index:100}#counter{position:fixed;bottom:1rem;right:1.5rem;font-size:var(--rik-font-size-xs);color:var(--deck-root-counter-color,var(--rik-text-default--faint));font-family:var(--rik-font-mono);z-index:100}#step-dots{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:100}.dot{width:6px;height:6px;border-radius:50%;background:var(--deck-root-dot-bg,#d4d4d0);transition:background 0.2s}.dot.active{background:var(--deck-root-dot-active-bg,var(--rik-accent))}#kb-hint{position:fixed;bottom:1rem;left:1.5rem;display:inline-flex;align-items:center;gap:6px;font:600 0.62rem/1 var(--rik-font-mono);color:var(--deck-root-kb-hint-color,var(--rik-text-default--faint));z-index:100;opacity:0.5;transition:opacity 0.2s ease;cursor:help}#kb-hint:hover{opacity:1}#kb-hint kbd{background:var(--rik-surface-raised);border:1px solid var(--rik-border-default);border-bottom:2px solid var(--rik-border-default);border-radius:4px;padding:2px 6px;color:var(--rik-text-default);font:inherit;min-width:16px;text-align:center;cursor:pointer}#kb-hint kbd:hover{border-color:var(--rik-accent)}#kb-hint .sep{opacity:0.4}#nav-arrows{position:fixed;bottom:2.4rem;right:1.5rem;display:flex;gap:4px;z-index:100;opacity:var(--deck-root-nav-opacity,0.35);transition:opacity 0.2s ease}#nav-arrows:hover{opacity:1}.nav-btn{appearance:none;cursor:pointer;width:30px;height:30px;display:grid;place-items:center;font:700 1rem/1 var(--rik-font-mono);color:var(--deck-root-nav-color,var(--rik-text-default));background:var(--deck-root-nav-bg,var(--rik-surface-raised));border:1px solid var(--rik-border-default);border-radius:6px;padding:0}.nav-btn:hover:not(:disabled){border-color:var(--rik-accent)}.nav-btn:disabled{opacity:0.3;cursor:default}#blank{position:fixed;inset:0;z-index:9999;cursor:pointer}#blank[data-tone="black"]{background:#000}#blank[data-tone="white"]{background:#fff}`,t([ie()],c.prototype,"current",2),t([ie()],c.prototype,"step",2),t([ie()],c.prototype,"blank",2),t([T({type:Boolean,reflect:!0})],c.prototype,"overview",2),t([T({type:String,reflect:!0})],c.prototype,"transition",2),t([T({type:Number,reflect:!0})],c.prototype,"autoplay",2),t([T({type:Boolean,reflect:!0})],c.prototype,"loop",2),t([T({type:Boolean,reflect:!0})],c.prototype,"swipe",2),t([T({type:String,reflect:!0,attribute:"mouse-nav"})],c.prototype,"mouseNav",2),t([T({type:String,reflect:!0})],c.prototype,"nav",2),c=t([Ye("deck-root")],c);var v={slide:560,"slide-up":520,"slide-down":520,"slide-right":560,fade:480,zoom:520,flip:560},m="var(--rik-motion__ease-out, cubic-bezier(0.16, 1, 0.3, 1))",We="var(--rik-motion__ease-spring, cubic-bezier(0.5, 1.8, 0.3, 1))",Mr=`
|
|
14
14
|
/* Incoming \xB7 from right (forward) */
|
|
15
15
|
@keyframes rk-slide-in { from { transform: translateX(100%); } to { transform: translateX(0); } }
|
|
16
16
|
/* Outgoing \xB7 pushed off to the left (forward) */
|
|
@@ -60,7 +60,7 @@ var Re=Object.defineProperty;var Oe=Object.getOwnPropertyDescriptor;var t=(l,s,e
|
|
|
60
60
|
::slotted([active][class*='rk-enter-']),
|
|
61
61
|
::slotted(.rk-leaving) { animation: none; }
|
|
62
62
|
}
|
|
63
|
-
`;var Nr=new URL("./index.js",import.meta.url).href;import{LitElement as Xe,css as
|
|
63
|
+
`;var Nr=new URL("./index.js",import.meta.url).href;import{LitElement as Xe,css as Fe,html as Ge}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as Ke}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var W=class extends Xe{get notes(){return(this.textContent??"").trim()}render(){return Ge`<slot></slot>`}};W.styles=Fe`:host{display:none}`,W=t([Ke("deck-notes")],W);import{LitElement as Ve,html as C,css as Qe}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as De,property as u}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";import{css as ae}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";var se=ae`:host{display:none;position:absolute;inset:0;padding:var(--rik-slide-padding-y) var(--rik-slide-padding-x);flex-direction:column;overflow:hidden;background:var(--rik-surface-page);font-family:var(--rik-font-sans);color:var(--rik-text-default)}:host([active]){display:flex}`,Je=ae`h1{font-size:var(--rik-font-size-h1);font-weight:700;color:var(--rik-text-default);letter-spacing:-0.022em;line-height:1.15;margin-bottom:var(--rik-space-4);padding-bottom:var(--rik-space-2);border-bottom:3px solid var(--rik-accent);display:inline-block;align-self:flex-start;flex:0 0 auto}h1 .accent{color:var(--rik-accent)}::slotted(p),p{font-size:var(--rik-font-size-body);line-height:1.65;color:var(--rik-text-default--muted);margin:0}::slotted(strong),strong{color:var(--rik-text-default);font-weight:700}::slotted(code),code{font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono-sm);background:rgba(0,0,0,0.06);padding:2px 6px;border-radius:var(--rik-radius-sm);color:var(--rik-text-default)}`,Ze=ae`.lbl{display:inline-block;padding:var(--deck-eyebrow-padding-y,4px) var(--deck-eyebrow-padding-x,12px);background:var(--deck-eyebrow-bg,var(--rik-accent));color:var(--deck-eyebrow-color,var(--rik-accent__on,var(--rik-surface-inverse)));border-radius:var(--deck-eyebrow-radius,var(--rik-radius-pill));font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:var(--rik-space-1);align-self:flex-start}.lead{font-size:var(--rik-font-size-lead);color:var(--rik-text-default--faint);line-height:1.5;margin-bottom:var(--rik-space-4);max-width:75ch;flex:0 0 auto}.kicker{font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--rik-text-default--faint);margin-bottom:var(--rik-space-3);display:block}.kicker.on-dark{color:rgba(255,255,255,0.35)}.caption{font-size:var(--rik-font-size-sm);color:var(--rik-text-default--faint);line-height:1.55}.caption.on-dark{color:rgba(255,255,255,0.5)}.col-label{font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--rik-text-default--faint);margin-bottom:var(--rik-space-2)}`,h=[se,Je,Ze];var d=class extends Ve{render(){let s=(this.brand??"").split("\xB7").map(n=>n.trim()).filter(Boolean),e=s[0]??"",r=s.slice(1).join(" \xB7 "),i=[this.speaker&&{l:this.speakerLabel??"Pr\xE9sent\xE9 par",v:this.speaker},this.company&&{l:this.companyLabel??"Entreprise",v:this.company},this.duration&&{l:this.durationLabel??"Dur\xE9e",v:this.duration},this.audience&&{l:this.audienceLabel??"Audience",v:this.audience},this.runtime&&{l:this.runtimeLabel??"Runtime",v:this.runtime}].filter(n=>!!n),a=!!this.brandSrc;return C`<div class="brand" part="brand"> ${a?C`<span class="brand-tile"><img src="${this.brandSrc}" alt="${e}"></span>`:""}
|
|
64
64
|
${e?C`<span class="brand-name">${e}</span>`:""}
|
|
65
65
|
${r?C`<span class="brand-context">${r}</span>`:""}
|
|
66
66
|
</div>
|
|
@@ -81,7 +81,7 @@ var Re=Object.defineProperty;var Oe=Object.getOwnPropertyDescriptor;var t=(l,s,e
|
|
|
81
81
|
<div class="body" part="body">
|
|
82
82
|
${e?V`<div class="col" part="col"><slot name="a"></slot></div> <div class="col" part="col"><slot name="b"></slot></div> <div class="col" part="col"><slot name="c"></slot></div>`:V`<div class="col" part="col"><slot name="left"></slot></div> <div class="col" part="col"><slot name="right"></slot></div>`}
|
|
83
83
|
</div>
|
|
84
|
-
`}};y.styles=[...h,dt`:host{justify-content:flex-start}.body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:var(--_gap,var(--deck-split-gap,var(--rik-space-5)))}:host([cols="1-2"]) .body{grid-template-columns:1fr 2fr}:host([cols="2-1"]) .body{grid-template-columns:2fr 1fr}:host([cols="3"]) .body{grid-template-columns:1fr 1fr 1fr;gap:var(--_gap,var(--deck-split-gap,var(--rik-space-4)))}.col{display:flex;flex-direction:column;min-height:0;min-width:0;gap:var(--_col-gap,var(--deck-split-col-gap,var(--rik-space-3)));overflow:hidden}.col.center{justify-content:center}`],t([Q({type:String})],y.prototype,"eyebrow",2),t([Q({type:String})],y.prototype,"cols",2),t([Q({type:String})],y.prototype,"gap",2),t([Q({type:String,attribute:"col-gap"})],y.prototype,"colGap",2),y=t([ct("deck-split")],y);import{LitElement as pt,html as be,css as vt}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as mt,property as ht}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var
|
|
84
|
+
`}};y.styles=[...h,dt`:host{justify-content:flex-start}.body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:var(--_gap,var(--deck-split-gap,var(--rik-space-5)))}:host([cols="1-2"]) .body{grid-template-columns:1fr 2fr}:host([cols="2-1"]) .body{grid-template-columns:2fr 1fr}:host([cols="3"]) .body{grid-template-columns:1fr 1fr 1fr;gap:var(--_gap,var(--deck-split-gap,var(--rik-space-4)))}.col{display:flex;flex-direction:column;min-height:0;min-width:0;gap:var(--_col-gap,var(--deck-split-col-gap,var(--rik-space-3)));overflow:hidden}.col.center{justify-content:center}`],t([Q({type:String})],y.prototype,"eyebrow",2),t([Q({type:String})],y.prototype,"cols",2),t([Q({type:String})],y.prototype,"gap",2),t([Q({type:String,attribute:"col-gap"})],y.prototype,"colGap",2),y=t([ct("deck-split")],y);import{LitElement as pt,html as be,css as vt}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as mt,property as ht}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var R=class extends pt{render(){return be`${this.eyebrow?be`<span class="lbl">${this.eyebrow}</span>`:""}
|
|
85
85
|
<slot name="title"></slot>
|
|
86
86
|
<slot name="lead"></slot>
|
|
87
87
|
<div class="hero" part="hero"><slot></slot></div>
|
|
@@ -89,22 +89,22 @@ var Re=Object.defineProperty;var Oe=Object.getOwnPropertyDescriptor;var t=(l,s,e
|
|
|
89
89
|
<div class="col"><slot name="left"></slot></div>
|
|
90
90
|
<div class="col"><slot name="right"></slot></div>
|
|
91
91
|
</div>
|
|
92
|
-
`}};
|
|
92
|
+
`}};R.styles=[...h,vt`:host{justify-content:flex-start}.hero{flex:var(--deck-feature-cards-hero-flex,1 1 50%);min-height:0;display:flex;flex-direction:column;overflow:hidden}::slotted(deck-code),::slotted(deck-mermaid),::slotted(pre),::slotted(table),::slotted(svg){max-height:100%;flex:1 1 auto}.detail{flex:var(--deck-feature-cards-detail-flex,0 1 40%);min-height:0;margin-top:var(--deck-feature-cards-gap,var(--rik-space-3));display:grid;grid-template-columns:1fr 1fr;gap:var(--deck-feature-cards-col-gap,var(--rik-space-4));overflow:hidden}.col{display:flex;flex-direction:column;gap:var(--rik-space-2);min-width:0;min-height:0;overflow:hidden}`],t([ht({type:String})],R.prototype,"eyebrow",2),R=t([mt("deck-feature-cards")],R);import{LitElement as ut,html as ft,css as gt}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as kt,property as X}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var f=class extends ut{updated(){this.position&&this.style.setProperty("--_pos",this.position),typeof this.darken=="number"&&this.style.setProperty("--_dim",String(this.darken));let s=this.align==="top"?"flex-start":this.align==="bottom"?"flex-end":"center";if(this.style.setProperty("--_align",s),this.textAlign){this.style.setProperty("--_text-align",this.textAlign);let e=this.textAlign==="center"?"center":this.textAlign==="right"?"flex-end":"flex-start";this.style.setProperty("--_text-align-items",e)}}render(){let s=this.src?`background-image: url("${this.src.replace(/"/g,"%22")}")`:"";return ft`<div class="bg" part="bg" style=${s}></div> <div class="overlay" part="overlay"></div> <div class="content" part="content"><slot></slot></div>`}};f.styles=[se,gt`:host{padding:0;color:var(--deck-photo-text-color,var(--rik-text-inverse));overflow:hidden}.bg{position:absolute;inset:0;background-size:cover;background-position:var(--_pos,center);background-repeat:no-repeat}.overlay{position:absolute;inset:0;background:var(--deck-photo-overlay-color,rgba(0,0,0,var(--_dim,0.35)))}.content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--rik-space-3);padding:var(--deck-photo-padding-y,var(--rik-slide-padding-y)) var(--deck-photo-padding-x,var(--rik-slide-padding-x));width:100%;height:100%;max-width:100%;box-sizing:border-box;justify-content:var(--_align,center);text-align:var(--_text-align,left);align-items:var(--_text-align-items,flex-start)}.content > *{max-width:var(--deck-photo-content-max-width,36ch)}::slotted(h1){font-family:var(--rik-font-display,var(--rik-font-sans));font-size:clamp(2.5rem,6vw,5.5rem);font-weight:900;letter-spacing:-0.035em;line-height:1.02;color:var(--deck-photo-text-color,var(--rik-text-inverse));margin:0;text-shadow:0 2px 16px rgba(0,0,0,0.35)}::slotted(h2){font-family:var(--rik-font-display,var(--rik-font-sans));font-size:clamp(1.6rem,3vw,2.6rem);font-weight:800;letter-spacing:-0.025em;line-height:1.1;color:var(--deck-photo-text-color,var(--rik-text-inverse));margin:0;text-shadow:0 2px 12px rgba(0,0,0,0.35)}::slotted(p),::slotted(.sub){font-size:var(--rik-font-size-lead);color:var(--deck-photo-text-muted,var(--rik-text-inverse--muted));line-height:1.5;margin:0;text-shadow:0 1px 8px rgba(0,0,0,0.35)}::slotted(.kicker){font:700 var(--rik-font-size-xs)/1 var(--rik-font-mono);letter-spacing:0.18em;text-transform:uppercase;color:var(--deck-photo-text-muted,var(--rik-text-inverse--muted));margin:0}`],t([X({type:String})],f.prototype,"src",2),t([X({type:String})],f.prototype,"position",2),t([X({type:Number})],f.prototype,"darken",2),t([X({type:String})],f.prototype,"align",2),t([X({type:String,attribute:"text-align"})],f.prototype,"textAlign",2),f=t([kt("deck-photo")],f);import{LitElement as bt,html as ye,css as yt}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as xt,property as wt}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var j=class extends bt{render(){return ye`<div class="body" part="body"> ${this.kicker?ye`<span class="kicker on-dark">${this.kicker}</span>`:""}
|
|
93
93
|
<slot></slot>
|
|
94
94
|
</div>
|
|
95
|
-
`}};
|
|
95
|
+
`}};j.styles=[...h,yt`:host{background:var(--deck-takeaway-bg,var(--rik-surface-inverse));color:var(--rik-text-inverse);justify-content:center;align-items:center;text-align:center}.body{display:flex;flex-direction:column;align-items:center;gap:var(--deck-takeaway-gap,var(--rik-space-4));max-width:75vw}::slotted(.display){font-family:var(--rik-font-display,var(--rik-font-sans));font-size:clamp(3rem,7vw,5.5rem);font-weight:900;color:var(--deck-takeaway-display-color,var(--rik-accent));letter-spacing:-0.03em;line-height:1.05;margin:0}::slotted(.display.danger){color:var(--rik-status-danger)}::slotted(.caption){font-size:var(--rik-font-size-lead);color:var(--deck-takeaway-caption-color,var(--rik-text-inverse--faint))}`],t([wt({type:String})],j.prototype,"kicker",2),j=t([xt("deck-takeaway")],j);import{LitElement as _t,html as Et,css as St}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as Lt,property as Tt}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var xe={info:'<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>',warn:'<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/>',danger:'<circle cx="12" cy="12" r="10"/><path d="M12 8v4"/><path d="M12 16h.01"/>',ok:'<path d="M20 6 9 17l-5-5"/>'},B=class extends _t{render(){let s=this.type??"info",e=xe[s]??xe.info;return Et`<div class="icon-box"> <svg viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" .innerHTML="${e}"></svg> </div> <div class="content"><slot></slot></div>`}};B.styles=St`:host{display:flex;gap:var(--rik-space-3);padding:var(--deck-callout-padding-y,var(--rik-space-3)) var(--deck-callout-padding-x,var(--rik-space-4));border-radius:var(--deck-callout-radius,var(--rik-radius-md));background:var(--deck-callout-bg,var(--rik-status-info__bg--mid));border:1px solid var(--deck-callout-border,var(--rik-status-info__border));box-shadow:var(--rik-elevation-2);align-items:center;color:var(--rik-text-default--muted);font-family:var(--rik-font-sans);font-size:var(--rik-font-size-body);line-height:1.55}:host([type="info"]){--deck-callout-bg:var(--rik-status-info__bg--mid);--deck-callout-border:var(--rik-status-info__border);--deck-callout-stroke:var(--rik-accent)}:host([type="warn"]){--deck-callout-bg:var(--rik-status-warn__bg);--deck-callout-border:var(--rik-status-warn__border);--deck-callout-stroke:var(--rik-status-warn)}:host([type="danger"]){--deck-callout-bg:var(--rik-status-danger__bg);--deck-callout-border:var(--rik-status-danger__border);--deck-callout-stroke:var(--rik-status-danger)}:host([type="ok"]){--deck-callout-bg:var(--rik-status-success__bg);--deck-callout-border:var(--rik-status-success__border);--deck-callout-stroke:var(--rik-status-success)}.icon-box{flex-shrink:0;width:var(--rik-icon-2xl);height:var(--rik-icon-2xl);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--rik-surface-tint)}.icon-box svg{width:var(--rik-icon-lg);height:var(--rik-icon-lg);stroke:var(--deck-callout-stroke,var(--rik-accent));stroke-width:2.2}.content{flex:1}::slotted(p){margin:0}::slotted(strong){color:var(--rik-text-default);font-weight:700}::slotted(code){font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono-sm);background:var(--rik-surface-tint);padding:2px 6px;border-radius:var(--rik-radius-sm);color:var(--rik-text-default)}`,t([Tt({type:String})],B.prototype,"type",2),B=t([Lt("deck-callout")],B);import{LitElement as zt,html as Mt,css as Ht}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as $t,property as oe}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var S=class extends zt{constructor(){super(...arguments);this.center=!1;this.compact=!1}render(){return Mt`<slot></slot>`}};S.styles=Ht`:host{display:flex;flex-direction:column;gap:var(--deck-card-gap,var(--rik-space-2));background:var(--deck-card-bg,var(--rik-surface-raised--strong));border:1px solid var(--deck-card-border,var(--rik-border-default));border-radius:var(--deck-card-radius,var(--rik-radius-lg));padding:var(--deck-card-padding-y,var(--rik-space-3)) var(--deck-card-padding-x,var(--rik-space-4));box-shadow:var(--deck-card-shadow,var(--rik-elevation-2));min-height:0;font-family:var(--rik-font-sans);color:var(--deck-card-text,var(--rik-text-default--muted))}:host([color="yellow"]){background:var(--deck-card-bg,var(--rik-status-info__bg));border:4px solid var(--deck-card-border,var(--rik-status-info__border))}:host([color="orange"]){background:var(--deck-card-bg,var(--rik-status-warn__bg));border:4px solid var(--deck-card-border,var(--rik-status-warn__border))}:host([color="green"]){background:var(--deck-card-bg,var(--rik-status-success__bg));border:4px solid var(--deck-card-border,var(--rik-status-success__border))}:host([color="red"]){background:var(--deck-card-bg,var(--rik-status-danger__bg));border:4px solid var(--deck-card-border,var(--rik-status-danger__border))}::slotted(h3){font-family:var(--rik-font-display,var(--rik-font-sans));font-size:var(--rik-font-size-h2);font-weight:700;color:var(--deck-card-title-color,var(--rik-text-default));letter-spacing:-0.01em;line-height:1.25;margin:0}::slotted(p){font-size:var(--rik-font-size-body);line-height:1.55;margin:0}::slotted(strong){color:var(--rik-text-default);font-weight:700}:host([center]){text-align:center;align-items:center}:host([compact]){padding:var(--rik-space-2) var(--rik-space-3)}`,t([oe({type:String})],S.prototype,"color",2),t([oe({type:Boolean})],S.prototype,"center",2),t([oe({type:Boolean})],S.prototype,"compact",2),S=t([$t("deck-card")],S);import{LitElement as At,html as Nt,css as Ct}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as Pt,state as It}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";import{marked as we}from"https://cdn.jsdelivr.net/npm/marked@12/+esm";we.setOptions({gfm:!0,breaks:!1});var O=class extends At{constructor(){super(...arguments);this._html=""}connectedCallback(){super.connectedCallback(),this._parse()}_parse(){let e=this.textContent??"",r=e.split(`
|
|
96
96
|
`),i=r.filter(n=>n.trim().length>0).reduce((n,o)=>Math.min(n,o.match(/^ */)?.[0].length??0),1/0),a=i===1/0?e:r.map(n=>n.slice(i)).join(`
|
|
97
|
-
`);this._html=we.parse(a.trim()),this.textContent=""}render(){return Nt`<div class="content" .innerHTML="${this._html}"></div>`}};O.styles=Ct`:host{display:block;color:var(--rik-text-default--muted);font-family:var(--rik-font-sans)}h1,h2,h3,h4{color:var(--rik-text-default);font-weight:700;letter-spacing:-0.01em}h2{font-size:var(--rik-font-size-h2);margin-bottom:var(--rik-space-2)}h3{font-size:var(--rik-font-size-lead);margin-bottom:var(--rik-space-2);margin-top:var(--rik-space-3)}h4{font-size:var(--rik-font-size-body);margin-bottom:var(--rik-space-1);margin-top:var(--rik-space-3)}p{font-size:var(--rik-font-size-body);line-height:1.65;margin:0 0 var(--rik-space-3)}p:last-child{margin-bottom:0}strong{color:var(--rik-text-default);font-weight:700}em{font-style:italic}code{font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono-sm);background:var(--rik-surface-tint);padding:2px 6px;border-radius:var(--rik-radius-sm);color:var(--rik-text-default)}pre{background:var(--deck-md-pre-bg,var(--rik-code__bg));border:1px solid var(--deck-md-pre-border,var(--rik-code__border));border-radius:var(--rik-radius-md);padding:var(--rik-space-3) var(--rik-space-4);overflow:auto;font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono);line-height:1.75;color:var(--deck-md-pre-text,var(--rik-code__text));margin:0 0 var(--rik-space-3);box-shadow:var(--rik-elevation-2)}pre code{background:none;padding:0;color:inherit;border-radius:0}ul,ol{padding-left:1.4rem;margin:0 0 var(--rik-space-3)}li{margin-bottom:var(--rik-space-1);font-size:var(--rik-font-size-body);line-height:1.55}li::marker{color:var(--rik-accent)}a{color:var(--rik-accent);text-decoration:underline;text-decoration-thickness:1px}blockquote{border-left:3px solid var(--rik-accent);padding:var(--rik-space-1) var(--rik-space-3);color:var(--rik-text-default--faint);font-style:italic;margin:0 0 var(--rik-space-3)}hr{border:none;border-top:1px solid var(--rik-border-default);margin:var(--rik-space-4) 0}.content{display:contents}`,t([It()],O.prototype,"_html",2),O=t([Pt("deck-md")],O);import{LitElement as
|
|
97
|
+
`);this._html=we.parse(a.trim()),this.textContent=""}render(){return Nt`<div class="content" .innerHTML="${this._html}"></div>`}};O.styles=Ct`:host{display:block;color:var(--rik-text-default--muted);font-family:var(--rik-font-sans)}h1,h2,h3,h4{color:var(--rik-text-default);font-weight:700;letter-spacing:-0.01em}h2{font-size:var(--rik-font-size-h2);margin-bottom:var(--rik-space-2)}h3{font-size:var(--rik-font-size-lead);margin-bottom:var(--rik-space-2);margin-top:var(--rik-space-3)}h4{font-size:var(--rik-font-size-body);margin-bottom:var(--rik-space-1);margin-top:var(--rik-space-3)}p{font-size:var(--rik-font-size-body);line-height:1.65;margin:0 0 var(--rik-space-3)}p:last-child{margin-bottom:0}strong{color:var(--rik-text-default);font-weight:700}em{font-style:italic}code{font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono-sm);background:var(--rik-surface-tint);padding:2px 6px;border-radius:var(--rik-radius-sm);color:var(--rik-text-default)}pre{background:var(--deck-md-pre-bg,var(--rik-code__bg));border:1px solid var(--deck-md-pre-border,var(--rik-code__border));border-radius:var(--rik-radius-md);padding:var(--rik-space-3) var(--rik-space-4);overflow:auto;font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono);line-height:1.75;color:var(--deck-md-pre-text,var(--rik-code__text));margin:0 0 var(--rik-space-3);box-shadow:var(--rik-elevation-2)}pre code{background:none;padding:0;color:inherit;border-radius:0}ul,ol{padding-left:1.4rem;margin:0 0 var(--rik-space-3)}li{margin-bottom:var(--rik-space-1);font-size:var(--rik-font-size-body);line-height:1.55}li::marker{color:var(--rik-accent)}a{color:var(--rik-accent);text-decoration:underline;text-decoration-thickness:1px}blockquote{border-left:3px solid var(--rik-accent);padding:var(--rik-space-1) var(--rik-space-3);color:var(--rik-text-default--faint);font-style:italic;margin:0 0 var(--rik-space-3)}hr{border:none;border-top:1px solid var(--rik-border-default);margin:var(--rik-space-4) 0}.content{display:contents}`,t([It()],O.prototype,"_html",2),O=t([Pt("deck-md")],O);import{LitElement as Rt,html as jt,css as Bt}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as Ot,property as Ut,state as qt}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var _e=!1;async function Yt(){_e||(window.mermaid||await new Promise((l,s)=>{let e=document.createElement("script");e.src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js",e.onload=()=>l(),e.onerror=()=>s(new Error("mermaid failed to load")),document.head.appendChild(e)}),window.mermaid.initialize({startOnLoad:!1,theme:"dark",themeVariables:{background:"#0f0f10",mainBkg:"#2a2a2a",nodeBorder:"#555",lineColor:"#777",textColor:"#e5e5e5",fontSize:"13px",edgeLabelBackground:"#111"},flowchart:{curve:"basis",htmlLabels:!0,padding:12},securityLevel:"loose"}),_e=!0)}var Wt=0,z=class extends Rt{constructor(){super(...arguments);this.rendered=!1;this._svg="";this._source="";this._renderPromise=null}get renderedSvg(){return this._svg}get whenRendered(){return this._renderPromise??Promise.resolve()}connectedCallback(){super.connectedCallback(),this._source=(this.textContent??"").trim();let e=this._source.split(`
|
|
98
98
|
`),r=e.filter(i=>i.trim()).reduce((i,a)=>Math.min(i,a.match(/^ */)?.[0].length??0),1/0);r<1/0&&(this._source=e.map(i=>i.slice(r)).join(`
|
|
99
|
-
`)),this._renderPromise=this._render()}async _render(){if(!this._source)return;await Yt();let e=`mmd-${++Wt}`;try{let{svg:r}=await window.mermaid.render(e,this._source);this._svg=r,this.rendered=!0}catch(r){console.error("Mermaid render error",r);let i=r instanceof Error?r.message:String(r);this._svg=`<pre style="color:#f87171">${i}</pre>`}}render(){return
|
|
99
|
+
`)),this._renderPromise=this._render()}async _render(){if(!this._source)return;await Yt();let e=`mmd-${++Wt}`;try{let{svg:r}=await window.mermaid.render(e,this._source);this._svg=r,this.rendered=!0}catch(r){console.error("Mermaid render error",r);let i=r instanceof Error?r.message:String(r);this._svg=`<pre style="color:#f87171">${i}</pre>`}}render(){return jt`<div class="canvas" .innerHTML="${this._svg}"></div>`}};z.styles=Bt`:host{display:flex;align-items:center;justify-content:center;background:var(--deck-mermaid-bg,var(--rik-code__bg));border:1px solid var(--deck-mermaid-border,var(--rik-code__border));border-radius:var(--deck-mermaid-radius,var(--rik-radius-md));padding:var(--deck-mermaid-padding,var(--rik-space-4));box-shadow:var(--rik-elevation-2);overflow:hidden;min-width:0}:host([compact]){padding:var(--rik-space-2)}.canvas{width:100%;max-width:100%;text-align:center;overflow:hidden}.canvas svg{width:100% !important;height:auto !important;max-width:100% !important;max-height:60vh}:host([compact]) .canvas{max-width:60%}:host([compact]) .canvas svg{max-height:22vh}`,t([Ut({type:Boolean,reflect:!0})],z.prototype,"rendered",2),t([qt()],z.prototype,"_svg",2),z=t([Ot("deck-mermaid")],z);import{LitElement as Xt,html as Ee,css as Ft}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as Gt,property as Se}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var Kt={yellow:"var(--rik-accent)",orange:"var(--rik-status-warn)",green:"var(--rik-status-success)",red:"var(--rik-status-danger)",purple:"var(--rik-decor-orchid)",lime:"var(--rik-decor-lime)",cyan:"var(--rik-decor-canary)"},M=class extends Xt{updated(){this.tone?this.style.setProperty("--_c",Kt[this.tone]??this.tone):this.style.removeProperty("--_c")}render(){return Ee`${this.num?Ee`<div class="num" part="num">${this.num}</div>`:""}
|
|
100
100
|
<slot name="claim"></slot>
|
|
101
101
|
<div class="body" part="body"><slot></slot></div>
|
|
102
|
-
`}};M.styles=
|
|
103
|
-
`}};H.styles=Ae`:host{display:flex;align-items:center;gap:var(--rik-space-3);background:var(--deck-step-bg,var(--rik-surface-raised--strong));border:1px solid var(--deck-step-border,var(--rik-border-default));border-radius:var(--deck-step-radius,var(--rik-radius-md));padding:var(--deck-step-padding-y,var(--rik-space-2xs)) var(--deck-step-padding-x,var(--rik-space-3));box-shadow:var(--deck-step-shadow,var(--rik-elevation-2));font-family:var(--rik-font-sans);font-size:var(--rik-font-size-body)}.step-num{flex:0 0 auto;width:var(--deck-step-num-size,var(--rik-icon-sm));height:var(--deck-step-num-size,var(--rik-icon-sm));display:inline-flex;align-items:center;justify-content:center;background:var(--deck-step-num-bg,var(--rik-accent));color:var(--deck-step-num-color,var(--rik-accent__on,var(--rik-surface-inverse)));border-radius:50%;font:700 var(--rik-font-size-xs)/1 var(--rik-font-sans)}.label{flex:1;font-family:var(--rik-font-mono);font-weight:600;color:var(--deck-step-label-color,var(--rik-text-default))}.chip{flex:0 0 auto;display:inline-block;padding:2px var(--rik-space-2);background:var(--deck-step-chip-bg,var(--rik-surface-tint));color:var(--deck-step-chip-color,var(--rik-text-default--faint));border-radius:var(--rik-radius-pill);font:600 var(--rik-font-size-sm)/1.4 var(--rik-font-sans)}`,t([He({type:String})],H.prototype,"n",2),t([He({type:String})],H.prototype,"note",2),H=t([Ne("deck-step")],H);import{LitElement as me,html as A,css as he}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as ue,property as N}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var
|
|
102
|
+
`}};M.styles=Ft`:host{display:flex;flex-direction:column;gap:var(--deck-stat-gap,var(--rik-space-2));padding:var(--deck-stat-padding-y,var(--rik-space-4)) var(--deck-stat-padding-x,var(--rik-space-3));border-left:var(--deck-stat-border-width,4px) solid var(--_c,var(--deck-stat-color,var(--rik-accent)));min-width:0;font-family:var(--rik-font-sans)}.num{font-family:var(--rik-font-display,var(--rik-font-sans));font-size:var(--deck-stat-num-size,clamp(3.5rem,7vw,6rem));font-weight:var(--deck-stat-num-weight,900);line-height:0.9;color:var(--_c,var(--deck-stat-color,var(--rik-accent)));letter-spacing:-0.04em}::slotted([slot="claim"]){font-family:var(--rik-font-display,var(--rik-font-sans));font-size:var(--rik-font-size-strong);font-weight:800;color:var(--deck-stat-claim-color,var(--rik-text-default));line-height:1.1;letter-spacing:-0.02em;margin:0}.body{font-size:var(--rik-font-size-body);color:var(--deck-stat-body-color,var(--rik-text-default--faint));line-height:1.45;margin-top:var(--rik-space-2)}::slotted(strong){color:var(--rik-text-default);font-weight:700}::slotted(code){font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono-sm);background:var(--rik-surface-tint);color:var(--rik-text-default);padding:2px 6px;border-radius:var(--rik-radius-sm)}`,t([Se({type:String})],M.prototype,"num",2),t([Se({type:String})],M.prototype,"tone",2),M=t([Gt("deck-stat")],M);import{LitElement as Le,html as Te,css as ze}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as Me,property as ne}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var F=class extends Le{render(){return Te`<slot></slot>`}};F.styles=ze`:host{display:flex;flex-direction:column;gap:var(--rik-space-2)}`,F=t([Me("deck-metric-list")],F);var L=class extends Le{constructor(){super(...arguments);this.mono=!1}render(){return Te`<span class="label ${this.mono?"mono":""}"><slot></slot></span> <span class="value" data-severity="${this.severity??""}">${this.value}</span>`}};L.styles=ze`:host{display:flex;justify-content:space-between;align-items:center;background:var(--deck-metric-bg,var(--rik-surface-raised--strong));border:1px solid var(--deck-metric-border,var(--rik-border-default));border-radius:var(--deck-metric-radius,var(--rik-radius-md));padding:var(--deck-metric-padding-y,var(--rik-space-2)) var(--deck-metric-padding-x,var(--rik-space-4));font-family:var(--rik-font-sans);font-size:var(--rik-font-size-body);color:var(--deck-metric-text,var(--rik-text-default--muted));box-shadow:var(--deck-metric-shadow,var(--rik-elevation-2))}.label{font-family:inherit}.label.mono{font-family:var(--rik-font-mono);font-size:var(--rik-font-size-sm);color:var(--deck-metric-label-color,var(--rik-text-default--faint))}.value{font-weight:700}.value[data-severity="bad"]{color:var(--deck-metric-value-bad,var(--rik-status-danger))}.value[data-severity="warn"]{color:var(--deck-metric-value-warn,var(--rik-status-warn))}.value[data-severity="ok"]{color:var(--deck-metric-value-ok,var(--rik-status-success))}.value[data-severity="info"]{color:var(--deck-metric-value-info,var(--rik-status-info__text))}`,t([ne({type:String})],L.prototype,"value",2),t([ne({type:String})],L.prototype,"severity",2),t([ne({type:Boolean})],L.prototype,"mono",2),L=t([Me("deck-metric")],L);import{LitElement as le,html as de,css as ce}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as pe,property as D}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var G=class extends le{render(){return de`<slot></slot>`}};G.styles=ce`:host{display:flex;flex-direction:column;gap:var(--rik-space-2xs)}`,G=t([pe("deck-tier-list")],G);var x=class extends le{constructor(){super(...arguments);this.hot=!1}render(){return de`<div class="head"> <span class="name">${this.name}</span> <span class="speed" data-severity="${this.severity??(this.hot?"hot":"")}">${this.speed}</span> </div> <div class="desc"><slot></slot></div>`}};x.styles=ce`:host{display:flex;flex-direction:column;gap:var(--rik-space-hair);background:var(--deck-tier-bg,var(--rik-surface-raised--strong));border:1px solid var(--deck-tier-border,var(--rik-border-default));border-radius:var(--deck-tier-radius,var(--rik-radius-md));padding:var(--deck-tier-padding-y,var(--rik-space-2)) var(--deck-tier-padding-x,var(--rik-space-4));box-shadow:var(--deck-tier-shadow,var(--rik-elevation-2));font-family:var(--rik-font-sans)}:host([hot]){border-color:var(--deck-tier-hot-border,var(--rik-status-info__border));background:var(--deck-tier-hot-bg,var(--rik-status-info__bg))}.head{display:flex;justify-content:space-between;align-items:baseline}.name{font:700 var(--rik-font-size-body)/1 var(--rik-font-mono);color:var(--deck-tier-name-color,var(--rik-text-default))}:host([hot]) .name{color:var(--deck-tier-hot-color,var(--rik-accent))}.speed{font:700 var(--rik-font-size-body)/1 var(--rik-font-mono)}.speed[data-severity="muted"]{color:var(--deck-tier-speed-muted,var(--rik-text-default--faint))}.speed[data-severity="warn"]{color:var(--deck-tier-speed-warn,var(--rik-status-warn))}.speed[data-severity="ok"]{color:var(--deck-tier-speed-ok,var(--rik-status-success))}:host([hot]) .speed{color:var(--deck-tier-hot-color,var(--rik-accent))}.desc{font-size:var(--rik-font-size-sm);color:var(--deck-tier-desc-color,var(--rik-text-default--faint));line-height:1.4}`,t([D({type:String})],x.prototype,"name",2),t([D({type:String})],x.prototype,"speed",2),t([D({type:String})],x.prototype,"severity",2),t([D({type:Boolean,reflect:!0})],x.prototype,"hot",2),x=t([pe("deck-tier")],x);var K=class extends le{render(){return de`<slot></slot>`}};K.styles=ce`:host{display:block;text-align:center;color:var(--rik-text-default--faint);opacity:var(--rik-opacity-soft);font-size:var(--rik-font-size-xs);padding:2px 0}`,K=t([pe("deck-tier-arrow")],K);import{LitElement as $e,html as ve,css as Ae}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as Ne,property as He}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var J=class extends $e{render(){return ve`<slot></slot>`}};J.styles=Ae`:host{display:flex;flex-direction:column;gap:var(--rik-space-2xs)}`,J=t([Ne("deck-step-list")],J);var H=class extends $e{render(){return ve`<span class="step-num">${this.n}</span> <span class="label"><slot></slot></span> ${this.note?ve`<span class="chip">${this.note}</span>`:""}
|
|
103
|
+
`}};H.styles=Ae`:host{display:flex;align-items:center;gap:var(--rik-space-3);background:var(--deck-step-bg,var(--rik-surface-raised--strong));border:1px solid var(--deck-step-border,var(--rik-border-default));border-radius:var(--deck-step-radius,var(--rik-radius-md));padding:var(--deck-step-padding-y,var(--rik-space-2xs)) var(--deck-step-padding-x,var(--rik-space-3));box-shadow:var(--deck-step-shadow,var(--rik-elevation-2));font-family:var(--rik-font-sans);font-size:var(--rik-font-size-body)}.step-num{flex:0 0 auto;width:var(--deck-step-num-size,var(--rik-icon-sm));height:var(--deck-step-num-size,var(--rik-icon-sm));display:inline-flex;align-items:center;justify-content:center;background:var(--deck-step-num-bg,var(--rik-accent));color:var(--deck-step-num-color,var(--rik-accent__on,var(--rik-surface-inverse)));border-radius:50%;font:700 var(--rik-font-size-xs)/1 var(--rik-font-sans)}.label{flex:1;font-family:var(--rik-font-mono);font-weight:600;color:var(--deck-step-label-color,var(--rik-text-default))}.chip{flex:0 0 auto;display:inline-block;padding:2px var(--rik-space-2);background:var(--deck-step-chip-bg,var(--rik-surface-tint));color:var(--deck-step-chip-color,var(--rik-text-default--faint));border-radius:var(--rik-radius-pill);font:600 var(--rik-font-size-sm)/1.4 var(--rik-font-sans)}`,t([He({type:String})],H.prototype,"n",2),t([He({type:String})],H.prototype,"note",2),H=t([Ne("deck-step")],H);import{LitElement as me,html as A,css as he}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as ue,property as N}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var U=class extends me{render(){return A`<slot></slot>`}};U.styles=he`:host{display:inline-flex;align-items:center;justify-content:center;background:var(--deck-kbd-bg,var(--rik-surface-raised--strong));border:1px solid var(--deck-kbd-border,var(--rik-border-default));border-bottom:3px solid var(--rik-surface-tint--strong,rgba(0,0,0,0.10));border-radius:var(--deck-kbd-radius,5px);padding:var(--deck-kbd-padding-y,3px) var(--deck-kbd-padding-x,8px);font:700 0.92rem/1 var(--rik-font-mono);color:var(--deck-kbd-color,var(--rik-text-default));min-width:22px;text-align:center;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset}:host([tone="accent"]){background:var(--deck-kbd-accent-bg,var(--rik-accent));color:var(--deck-kbd-color,var(--rik-accent__on,var(--rik-surface-inverse)));border-color:rgba(0,0,0,0.15)}:host([tone="ok"]){background:var(--deck-kbd-ok-bg,var(--rik-status-success));color:var(--deck-kbd-color,var(--rik-surface-inverse));border-color:rgba(0,0,0,0.15)}`,t([N({type:String})],U.prototype,"tone",2),U=t([ue("deck-kbd")],U);var w=class extends me{render(){let s=(this.keys??"").trim().split(/\s+/).filter(Boolean);return A`<span class="keys" part="keys"> ${s.map(e=>A`<span class="k">${e}</span>`)}
|
|
104
104
|
</span>
|
|
105
105
|
<div class="body" part="body">
|
|
106
106
|
${this.label?A`<div class="label">${this.label}</div>`:""}
|
|
107
107
|
${this.note?A`<div class="note">${this.note}</div>`:A`<div class="note"><slot></slot></div>`}
|
|
108
108
|
</div>
|
|
109
|
-
`}};w.styles=he`:host{display:flex;align-items:center;gap:var(--rik-space-3);padding:var(--rik-space-2) 0;font-family:var(--rik-font-sans)}.keys{display:inline-flex;gap:4px;flex-shrink:0}.keys deck-kbd,.keys .k{display:inline-flex;align-items:center;justify-content:center;background:var(--rik-surface-raised--strong);border:1px solid var(--rik-border-default);border-bottom:3px solid rgba(0,0,0,0.10);border-radius:5px;padding:3px 8px;font:700 0.92rem/1 var(--rik-font-mono);color:var(--rik-text-default);min-width:22px;text-align:center}.body{flex:1;min-width:0}.label{font:700 var(--rik-font-size-body)/1.2 var(--rik-font-sans);color:var(--rik-text-default)}.note{font:400 var(--rik-font-size-sm)/1.4 var(--rik-font-sans);color:var(--rik-text-default--faint);margin-top:2px}:host([tone="accent"]) .keys .k{background:var(--rik-accent);color:var(--rik-surface-inverse);border-color:rgba(0,0,0,0.15)}:host([tone="ok"]) .keys .k{background:var(--rik-status-success);color:var(--rik-surface-inverse);border-color:rgba(0,0,0,0.15)}`,t([N({type:String})],w.prototype,"keys",2),t([N({type:String})],w.prototype,"label",2),t([N({type:String})],w.prototype,"note",2),t([N({type:String})],w.prototype,"tone",2),w=t([ue("deck-shortcut")],w);var $=class extends me{updated(){if(this.colGap){let s=parseInt(this.colGap,10),e=!Number.isNaN(s)&&s>=1&&s<=6?`var(--sp-${s})`:this.colGap;this.style.setProperty("--_col-gap",e)}}render(){return A`<slot></slot>`}};$.styles=he`:host{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--_col-gap,var(--rik-space-5));font-family:var(--rik-font-sans)}:host([cols="1"]){grid-template-columns:1fr}::slotted(deck-shortcut){border-bottom:1px solid var(--rik-border-default)}`,t([N({type:String})],$.prototype,"cols",2),t([N({type:String,attribute:"col-gap"})],$.prototype,"colGap",2),$=t([ue("deck-shortcut-list")],$);import{LitElement as Jt,html as Zt,css as Vt}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as Qt,property as ee}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var Dt={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around"},er={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch"},_=class extends Jt{updated(){if(this.gap){let s=parseInt(this.gap,10);!Number.isNaN(s)&&s>=1&&s<=6?this.style.setProperty("--_gap",`var(--rik-space-${s})`):this.style.setProperty("--_gap",this.gap)}else this.style.removeProperty("--_gap");this.style.setProperty("--_dir",this.direction==="row"?"row":"column"),this.align&&this.style.setProperty("--_align",er[this.align]??this.align),this.justify&&this.style.setProperty("--_justify",Dt[this.justify]??this.justify)}render(){return Zt`<slot></slot>`}};_.styles=Vt`:host{display:flex;flex-direction:var(--_dir,column);gap:var(--_gap,var(--deck-stack-gap,var(--rik-space-3)));align-items:var(--_align,stretch);justify-content:var(--_justify,flex-start);min-width:0;min-height:0}:host([fill]){flex:1 1 auto}`,t([ee({type:String})],_.prototype,"gap",2),t([ee({type:String})],_.prototype,"direction",2),t([ee({type:String})],_.prototype,"align",2),t([ee({type:String})],_.prototype,"justify",2),_=t([Qt("deck-stack")],_);import{LitElement as tr,html as rr,css as ir}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as ar,property as Z}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var Ce={start:"start",center:"center",end:"end",stretch:"stretch"};function Pe(l){if(!l)return null;let s=parseInt(l,10);return!Number.isNaN(s)&&String(s)===l.trim()&&s>=1&&s<=12?`repeat(${s}, minmax(0, 1fr))`:l}function sr(l){if(!l)return null;let s=parseInt(l,10);return!Number.isNaN(s)&&s>=1&&s<=6?`var(--rik-space-${s})`:l}var g=class extends tr{updated(){let s=Pe(this.cols),e=Pe(this.rows),r=sr(this.gap);s&&this.style.setProperty("--_cols",s),e&&this.style.setProperty("--_rows",e),r&&this.style.setProperty("--_gap",r),this.align&&this.style.setProperty("--_align",Ce[this.align]??this.align),this.justify&&this.style.setProperty("--_justify",Ce[this.justify]??this.justify)}render(){return rr`<slot></slot>`}};g.styles=ir`:host{display:grid;grid-template-columns:var(--_cols,1fr);grid-template-rows:var(--_rows,auto);gap:var(--_gap,var(--deck-grid-gap,var(--rik-space-3)));align-items:var(--_align,stretch);justify-items:var(--_justify,stretch);min-width:0;min-height:0}:host([fill]){flex:1 1 auto;height:100%}`,t([Z({type:String})],g.prototype,"cols",2),t([Z({type:String})],g.prototype,"rows",2),t([Z({type:String})],g.prototype,"gap",2),t([Z({type:String})],g.prototype,"align",2),t([Z({type:String})],g.prototype,"justify",2),g=t([ar("deck-grid")],g);import{LitElement as or,html as nr,css as lr}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as dr,property as cr}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var U=class extends or{render(){return nr`<slot></slot>`}};U.styles=lr`:host{display:inline-block;padding:var(--deck-badge-padding-y,var(--rik-space-1)) var(--deck-badge-padding-x,var(--rik-space-3));margin-bottom:var(--rik-space-2);font:700 var(--rik-font-size-xs)/1.2 var(--rik-font-sans);letter-spacing:0.1em;text-transform:uppercase;border-radius:var(--deck-badge-radius,var(--rik-radius-pill));background:var(--deck-badge-bg,var(--rik-surface-tint));color:var(--deck-badge-fg,var(--rik-text-default--faint));border:1px solid var(--deck-badge-border,var(--rik-border-default))}:host([type="bad"]){--deck-badge-bg:var(--rik-status-danger__bg);--deck-badge-fg:var(--rik-status-danger);--deck-badge-border:var(--rik-status-danger__border)}:host([type="ok"]){--deck-badge-bg:var(--rik-status-success__bg);--deck-badge-fg:var(--rik-status-success);--deck-badge-border:var(--rik-status-success__border)}:host([type="info"]){--deck-badge-bg:var(--rik-status-info__bg--strong);--deck-badge-fg:var(--rik-status-info__text);--deck-badge-border:var(--rik-status-info__border)}:host([type="warn"]){--deck-badge-bg:var(--rik-status-warn__bg);--deck-badge-fg:var(--rik-status-warn);--deck-badge-border:var(--rik-status-warn__border)}`,t([cr({type:String})],U.prototype,"type",2),U=t([dr("deck-badge")],U);import{LitElement as pr,html as vr,css as mr}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";var fe=class extends pr{static{this.styles=mr`:host{display:block;font:700 var(--deck-kicker-font-size,var(--rik-font-size-xs))/1.2 var(--rik-font-sans);letter-spacing:var(--deck-kicker-tracking,0.14em);text-transform:uppercase;color:var(--deck-kicker-color,var(--rik-text-default--faint));margin-bottom:var(--deck-kicker-margin,var(--rik-space-2))}:host([on-dark]){color:var(--deck-kicker-on-dark-color,var(--rik-text-inverse--faint))}`}render(){return vr`<slot></slot>`}};customElements.define("deck-kicker",fe);import{LitElement as hr,html as ur,css as fr}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as gr,property as te}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var Ie={warn:"var(--rik-status-warn)",danger:"var(--rik-status-danger)",ok:"var(--rik-status-success)",info:"var(--rik-accent)",muted:"var(--rik-text-default--faint)",accent:"var(--rik-accent)"},je={lead:"var(--rik-font-size-lead)",big:"var(--rik-font-size-big)",mega:"var(--rik-font-size-mega)",stat:"var(--rik-font-size-stat)",display:"clamp(2.6rem, 6vw, 5rem)"},E=class extends hr{updated(){this.tone&&Ie[this.tone]?this.style.setProperty("--_color",Ie[this.tone]):this.style.removeProperty("--_color"),this.size&&je[this.size]?this.style.setProperty("--_size",je[this.size]):this.style.removeProperty("--_size")}render(){return ur`<slot></slot>`}};E.styles=fr`:host{display:block;margin:0;font-family:var(--rik-font-display,var(--rik-font-sans));font-weight:900;line-height:1.1;letter-spacing:-0.02em;font-size:var(--deck-punch-size,var(--_size,var(--rik-font-size-lead)));color:var(--deck-punch-color,var(--_color,inherit))}:host([weight="700"]){font-weight:700}:host([weight="800"]){font-weight:800}:host([align="center"]){text-align:center}:host([align="right"]){text-align:right}`,t([te({type:String})],E.prototype,"tone",2),t([te({type:String})],E.prototype,"size",2),t([te({type:String,reflect:!0})],E.prototype,"weight",2),t([te({type:String,reflect:!0})],E.prototype,"align",2),E=t([gr("deck-punch")],E);import{LitElement as kr,html as br,css as yr}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as xr,property as re,state as wr}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";function _r(l,s){let e=l.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">"),r=[],i=(o,p)=>{let b="P"+r.length+"E";return r.push('<span class="'+o+'">'+p+"</span>"),b};return s==="html"||s==="xml"||s==="svg"?(e=e.replace(/(<!--[\s\S]*?-->)/g,o=>i("cmt",o)),e=e.replace(/(<!doctype[^&]*>)/gi,o=>i("cmt",o)),e=e.replace(/("[^"]*"|'[^']*')/g,o=>i("str",o)),e=e.replace(/(<\/?)([a-zA-Z][a-zA-Z0-9:-]*)/g,(o,p,b)=>p+i("kw",b)),e=e.replace(/\b([a-zA-Z][a-zA-Z0-9-]*)(?==)/g,o=>i("prop",o))):s==="css"||s==="scss"||s==="less"?(e=e.replace(/(\/\*[\s\S]*?\*\/)/g,o=>i("cmt",o)),e=e.replace(/("[^"]*"|'[^']*')/g,o=>i("str",o)),e=e.replace(/([a-zA-Z-]+)(?=\s*:)/g,o=>i("prop",o)),e=e.replace(/(#[0-9a-fA-F]{3,8})\b/g,o=>i("num",o)),e=e.replace(/\b(\d+(?:\.\d+)?)(px|rem|em|%|vh|vw|vmin|vmax|s|ms|deg)?/g,(o,p,b)=>i("num",p+(b??"")))):(e=e.replace(/(\/\/[^\n]*)/g,o=>i("cmt",o)),e=e.replace(/(['"`])((?:\\.|(?!\1)[^\\])*)\1/g,o=>i("str",o)),e=e.replace(/\b(const|let|var|function|return|if|else|for|while|class|extends|new|export|import|from|as|await|async|of|in|typeof|instanceof|true|false|null|undefined)\b/g,o=>i("kw",o)),e=e.replace(/\b(\d+(?:\.\d+)?)\b/g,o=>i("num",o))),e=e.replace(/P(\d+)E/g,(o,p)=>r[+p]??""),e}var k=class extends kr{constructor(){super(...arguments);this.lang="";this.hero=!1;this.nested=!1;this._html="";this._groups=null}connectedCallback(){super.connectedCallback(),this._highlight();try{this._groups=JSON.parse(this.getAttribute("step-groups")??"null")}catch{this._groups=null}}_highlight(){let r=(this.textContent??"").split(`
|
|
109
|
+
`}};w.styles=he`:host{display:flex;align-items:center;gap:var(--rik-space-3);padding:var(--rik-space-2) 0;font-family:var(--rik-font-sans)}.keys{display:inline-flex;gap:4px;flex-shrink:0}.keys deck-kbd,.keys .k{display:inline-flex;align-items:center;justify-content:center;background:var(--rik-surface-raised--strong);border:1px solid var(--rik-border-default);border-bottom:3px solid rgba(0,0,0,0.10);border-radius:5px;padding:3px 8px;font:700 0.92rem/1 var(--rik-font-mono);color:var(--rik-text-default);min-width:22px;text-align:center}.body{flex:1;min-width:0}.label{font:700 var(--rik-font-size-body)/1.2 var(--rik-font-sans);color:var(--rik-text-default)}.note{font:400 var(--rik-font-size-sm)/1.4 var(--rik-font-sans);color:var(--rik-text-default--faint);margin-top:2px}:host([tone="accent"]) .keys .k{background:var(--rik-accent);color:var(--rik-surface-inverse);border-color:rgba(0,0,0,0.15)}:host([tone="ok"]) .keys .k{background:var(--rik-status-success);color:var(--rik-surface-inverse);border-color:rgba(0,0,0,0.15)}`,t([N({type:String})],w.prototype,"keys",2),t([N({type:String})],w.prototype,"label",2),t([N({type:String})],w.prototype,"note",2),t([N({type:String})],w.prototype,"tone",2),w=t([ue("deck-shortcut")],w);var $=class extends me{updated(){if(this.colGap){let s=parseInt(this.colGap,10),e=!Number.isNaN(s)&&s>=1&&s<=6?`var(--sp-${s})`:this.colGap;this.style.setProperty("--_col-gap",e)}}render(){return A`<slot></slot>`}};$.styles=he`:host{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--_col-gap,var(--rik-space-5));font-family:var(--rik-font-sans)}:host([cols="1"]){grid-template-columns:1fr}::slotted(deck-shortcut){border-bottom:1px solid var(--rik-border-default)}`,t([N({type:String})],$.prototype,"cols",2),t([N({type:String,attribute:"col-gap"})],$.prototype,"colGap",2),$=t([ue("deck-shortcut-list")],$);import{LitElement as Jt,html as Zt,css as Vt}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as Qt,property as ee}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var Dt={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around"},er={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch"},_=class extends Jt{updated(){if(this.gap){let s=parseInt(this.gap,10);!Number.isNaN(s)&&s>=1&&s<=6?this.style.setProperty("--_gap",`var(--rik-space-${s})`):this.style.setProperty("--_gap",this.gap)}else this.style.removeProperty("--_gap");this.style.setProperty("--_dir",this.direction==="row"?"row":"column"),this.align&&this.style.setProperty("--_align",er[this.align]??this.align),this.justify&&this.style.setProperty("--_justify",Dt[this.justify]??this.justify)}render(){return Zt`<slot></slot>`}};_.styles=Vt`:host{display:flex;flex-direction:var(--_dir,column);gap:var(--_gap,var(--deck-stack-gap,var(--rik-space-3)));align-items:var(--_align,stretch);justify-content:var(--_justify,flex-start);min-width:0;min-height:0}:host([fill]){flex:1 1 auto}`,t([ee({type:String})],_.prototype,"gap",2),t([ee({type:String})],_.prototype,"direction",2),t([ee({type:String})],_.prototype,"align",2),t([ee({type:String})],_.prototype,"justify",2),_=t([Qt("deck-stack")],_);import{LitElement as tr,html as rr,css as ir}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as ar,property as Z}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var Ce={start:"start",center:"center",end:"end",stretch:"stretch"};function Pe(l){if(!l)return null;let s=parseInt(l,10);return!Number.isNaN(s)&&String(s)===l.trim()&&s>=1&&s<=12?`repeat(${s}, minmax(0, 1fr))`:l}function sr(l){if(!l)return null;let s=parseInt(l,10);return!Number.isNaN(s)&&s>=1&&s<=6?`var(--rik-space-${s})`:l}var g=class extends tr{updated(){let s=Pe(this.cols),e=Pe(this.rows),r=sr(this.gap);s&&this.style.setProperty("--_cols",s),e&&this.style.setProperty("--_rows",e),r&&this.style.setProperty("--_gap",r),this.align&&this.style.setProperty("--_align",Ce[this.align]??this.align),this.justify&&this.style.setProperty("--_justify",Ce[this.justify]??this.justify)}render(){return rr`<slot></slot>`}};g.styles=ir`:host{display:grid;grid-template-columns:var(--_cols,1fr);grid-template-rows:var(--_rows,auto);gap:var(--_gap,var(--deck-grid-gap,var(--rik-space-3)));align-items:var(--_align,stretch);justify-items:var(--_justify,stretch);min-width:0;min-height:0}:host([fill]){flex:1 1 auto;height:100%}`,t([Z({type:String})],g.prototype,"cols",2),t([Z({type:String})],g.prototype,"rows",2),t([Z({type:String})],g.prototype,"gap",2),t([Z({type:String})],g.prototype,"align",2),t([Z({type:String})],g.prototype,"justify",2),g=t([ar("deck-grid")],g);import{LitElement as or,html as nr,css as lr}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as dr,property as cr}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var q=class extends or{render(){return nr`<slot></slot>`}};q.styles=lr`:host{display:inline-block;padding:var(--deck-badge-padding-y,var(--rik-space-1)) var(--deck-badge-padding-x,var(--rik-space-3));margin-bottom:var(--rik-space-2);font:700 var(--rik-font-size-xs)/1.2 var(--rik-font-sans);letter-spacing:0.1em;text-transform:uppercase;border-radius:var(--deck-badge-radius,var(--rik-radius-pill));background:var(--deck-badge-bg,var(--rik-surface-tint));color:var(--deck-badge-fg,var(--rik-text-default--faint));border:1px solid var(--deck-badge-border,var(--rik-border-default))}:host([type="bad"]){--deck-badge-bg:var(--rik-status-danger__bg);--deck-badge-fg:var(--rik-status-danger);--deck-badge-border:var(--rik-status-danger__border)}:host([type="ok"]){--deck-badge-bg:var(--rik-status-success__bg);--deck-badge-fg:var(--rik-status-success);--deck-badge-border:var(--rik-status-success__border)}:host([type="info"]){--deck-badge-bg:var(--rik-status-info__bg--strong);--deck-badge-fg:var(--rik-status-info__text);--deck-badge-border:var(--rik-status-info__border)}:host([type="warn"]){--deck-badge-bg:var(--rik-status-warn__bg);--deck-badge-fg:var(--rik-status-warn);--deck-badge-border:var(--rik-status-warn__border)}`,t([cr({type:String})],q.prototype,"type",2),q=t([dr("deck-badge")],q);import{LitElement as pr,html as vr,css as mr}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";var fe=class extends pr{static{this.styles=mr`:host{display:block;font:700 var(--deck-kicker-font-size,var(--rik-font-size-xs))/1.2 var(--rik-font-sans);letter-spacing:var(--deck-kicker-tracking,0.14em);text-transform:uppercase;color:var(--deck-kicker-color,var(--rik-text-default--faint));margin-bottom:var(--deck-kicker-margin,var(--rik-space-2))}:host([on-dark]){color:var(--deck-kicker-on-dark-color,var(--rik-text-inverse--faint))}`}render(){return vr`<slot></slot>`}};customElements.define("deck-kicker",fe);import{LitElement as hr,html as ur,css as fr}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as gr,property as te}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var Ie={warn:"var(--rik-status-warn)",danger:"var(--rik-status-danger)",ok:"var(--rik-status-success)",info:"var(--rik-accent)",muted:"var(--rik-text-default--faint)",accent:"var(--rik-accent)"},Re={lead:"var(--rik-font-size-lead)",big:"var(--rik-font-size-big)",mega:"var(--rik-font-size-mega)",stat:"var(--rik-font-size-stat)",display:"clamp(2.6rem, 6vw, 5rem)"},E=class extends hr{updated(){this.tone&&Ie[this.tone]?this.style.setProperty("--_color",Ie[this.tone]):this.style.removeProperty("--_color"),this.size&&Re[this.size]?this.style.setProperty("--_size",Re[this.size]):this.style.removeProperty("--_size")}render(){return ur`<slot></slot>`}};E.styles=fr`:host{display:block;margin:0;font-family:var(--rik-font-display,var(--rik-font-sans));font-weight:900;line-height:1.1;letter-spacing:-0.02em;font-size:var(--deck-punch-size,var(--_size,var(--rik-font-size-lead)));color:var(--deck-punch-color,var(--_color,inherit))}:host([weight="700"]){font-weight:700}:host([weight="800"]){font-weight:800}:host([align="center"]){text-align:center}:host([align="right"]){text-align:right}`,t([te({type:String})],E.prototype,"tone",2),t([te({type:String})],E.prototype,"size",2),t([te({type:String,reflect:!0})],E.prototype,"weight",2),t([te({type:String,reflect:!0})],E.prototype,"align",2),E=t([gr("deck-punch")],E);import{LitElement as kr,html as br,css as yr}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as xr,property as re,state as wr}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";function _r(l,s){let e=l.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">"),r=[],i=(o,p)=>{let b="P"+r.length+"E";return r.push('<span class="'+o+'">'+p+"</span>"),b};return s==="html"||s==="xml"||s==="svg"?(e=e.replace(/(<!--[\s\S]*?-->)/g,o=>i("cmt",o)),e=e.replace(/(<!doctype[^&]*>)/gi,o=>i("cmt",o)),e=e.replace(/("[^"]*"|'[^']*')/g,o=>i("str",o)),e=e.replace(/(<\/?)([a-zA-Z][a-zA-Z0-9:-]*)/g,(o,p,b)=>p+i("kw",b)),e=e.replace(/\b([a-zA-Z][a-zA-Z0-9-]*)(?==)/g,o=>i("prop",o))):s==="css"||s==="scss"||s==="less"?(e=e.replace(/(\/\*[\s\S]*?\*\/)/g,o=>i("cmt",o)),e=e.replace(/("[^"]*"|'[^']*')/g,o=>i("str",o)),e=e.replace(/([a-zA-Z-]+)(?=\s*:)/g,o=>i("prop",o)),e=e.replace(/(#[0-9a-fA-F]{3,8})\b/g,o=>i("num",o)),e=e.replace(/\b(\d+(?:\.\d+)?)(px|rem|em|%|vh|vw|vmin|vmax|s|ms|deg)?/g,(o,p,b)=>i("num",p+(b??"")))):(e=e.replace(/(\/\/[^\n]*)/g,o=>i("cmt",o)),e=e.replace(/(['"`])((?:\\.|(?!\1)[^\\])*)\1/g,o=>i("str",o)),e=e.replace(/\b(const|let|var|function|return|if|else|for|while|class|extends|new|export|import|from|as|await|async|of|in|typeof|instanceof|true|false|null|undefined)\b/g,o=>i("kw",o)),e=e.replace(/\b(\d+(?:\.\d+)?)\b/g,o=>i("num",o))),e=e.replace(/P(\d+)E/g,(o,p)=>r[+p]??""),e}var k=class extends kr{constructor(){super(...arguments);this.lang="";this.hero=!1;this.nested=!1;this._html="";this._groups=null}connectedCallback(){super.connectedCallback(),this._highlight();try{this._groups=JSON.parse(this.getAttribute("step-groups")??"null")}catch{this._groups=null}}_highlight(){let r=(this.textContent??"").split(`
|
|
110
110
|
`);for(;r.length&&!r[0].trim();)r.shift();for(;r.length&&!r[r.length-1].trim();)r.pop();let i=r.filter(n=>n.trim().length>0).reduce((n,o)=>Math.min(n,o.match(/^ */)?.[0].length??0),1/0),a=i===1/0?r:r.map(n=>n.slice(i));this._html=a.map((n,o)=>'<span class="line" data-line="'+(o+1)+'">'+_r(n||" ",this.lang)+"</span>").join("")}applyStep(e){if(!this._groups)return;let r=this.shadowRoot?.querySelectorAll(".line");if(r)if(e===0)r.forEach(i=>i.classList.remove("dim","lit"));else{let i=this._groups[Math.min(e-1,this._groups.length-1)]??[];r.forEach(a=>{let n=parseInt(a.dataset.line??"0",10);a.classList.toggle("lit",i.includes(n)),a.classList.toggle("dim",!i.includes(n))})}}render(){return br`<pre><code .innerHTML="${this._html}"></code></pre>`}};k.styles=yr`:host{display:block;background:var(--deck-code-bg,var(--rik-code__bg));border:1px solid var(--deck-code-border,var(--rik-code__border));border-radius:var(--deck-code-radius,var(--rik-radius-md));padding:var(--deck-code-padding-y,var(--rik-space-3)) var(--deck-code-padding-x,var(--rik-space-4));font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono);line-height:1.7;color:var(--deck-code-text,var(--rik-code__text));box-shadow:var(--rik-elevation-2);overflow:auto;white-space:pre}:host([hero]){display:flex;align-items:safe center;padding:var(--deck-code-padding-y,var(--rik-space-4)) var(--deck-code-padding-x,var(--rik-space-5))}:host([nested]){box-shadow:none;border-radius:var(--rik-radius-sm);padding:var(--deck-code-padding-y,var(--rik-space-2)) var(--deck-code-padding-x,var(--rik-space-3))}pre{margin:0;font:inherit;color:inherit}code{display:block;width:100%;font:inherit;color:inherit}.line{transition:opacity 0.25s ease;display:block}.line.dim{opacity:0.25}.line.lit{opacity:1}.kw{color:var(--deck-code-syntax-kw,var(--rik-code__syntax-keyword))}.fn{color:var(--deck-code-syntax-fn,var(--rik-code__syntax-function))}.str{color:var(--deck-code-syntax-str,var(--rik-code__syntax-string))}.num{color:var(--deck-code-syntax-num,var(--rik-code__syntax-number))}.cmt{color:var(--deck-code-syntax-cmt,var(--rik-code__syntax-comment));font-style:italic}.ty{color:var(--deck-code-syntax-ty,var(--rik-code__syntax-type))}.prop{color:var(--deck-code-syntax-prop,var(--rik-code__syntax-property))}`,t([re({type:String})],k.prototype,"lang",2),t([re({type:Boolean,reflect:!0})],k.prototype,"hero",2),t([re({type:Boolean,reflect:!0})],k.prototype,"nested",2),t([re({type:String,attribute:"step-groups"})],k.prototype,"stepGroups",2),t([wr()],k.prototype,"_html",2),k=t([xr("deck-code")],k);new URLSearchParams(location.search).has("live")&&import("./livereload.js");
|
package/dist/standalone.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var ht=Object.defineProperty;var er=Object.getOwnPropertyDescriptor;var ke=(i,t)=>()=>(i&&(t=i(i=0)),t);var ze=(i,t)=>{for(var e in t)ht(i,e,{get:t[e],enumerable:!0})};var n=(i,t,e,r)=>{for(var s=r>1?void 0:r?er(t,e):t,o=i.length-1,a;o>=0;o--)(a=i[o])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&ht(t,e,s),s};var rt={};ze(rt,{closeHelp:()=>
|
|
1
|
+
var ht=Object.defineProperty;var er=Object.getOwnPropertyDescriptor;var ke=(i,t)=>()=>(i&&(t=i(i=0)),t);var ze=(i,t)=>{for(var e in t)ht(i,e,{get:t[e],enumerable:!0})};var n=(i,t,e,r)=>{for(var s=r>1?void 0:r?er(t,e):t,o=i.length-1,a;o>=0;o--)(a=i[o])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&ht(t,e,s),s};var rt={};ze(rt,{closeHelp:()=>Ht,toggleHelp:()=>br});function kr(i){let t=i.querySelector("#kb-overlay");if(t)return t;if(!i.querySelector(`style[${Mt}]`)){let s=document.createElement("style");s.setAttribute(Mt,"1"),s.textContent=fr,i.appendChild(s)}let e=document.createElement("div");return e.innerHTML=gr,t=e.firstElementChild,i.appendChild(t),t.addEventListener("click",()=>Ht(i.host)),t.querySelector(".kb-card")?.addEventListener("click",s=>s.stopPropagation()),t}function br(i){if(!i.shadowRoot)return;kr(i.shadowRoot).classList.toggle("open")}function Ht(i){i.shadowRoot?.querySelector("#kb-overlay")?.classList.remove("open")}var Mt,fr,gr,je=ke(()=>{"use strict";Mt="data-deck-help",fr=`
|
|
2
2
|
#kb-overlay {
|
|
3
3
|
position: fixed; inset: 0;
|
|
4
4
|
background: rgba(10,10,10,0.7);
|
|
@@ -82,7 +82,7 @@ var ht=Object.defineProperty;var er=Object.getOwnPropertyDescriptor;var ke=(i,t)
|
|
|
82
82
|
<div class="kb-row"><span class="desc">Navigate</span><span class="keys"><kbd>Wheel</kbd><kbd>Back/Fwd buttons</kbd></span></div>
|
|
83
83
|
</div>
|
|
84
84
|
</div>
|
|
85
|
-
`});var Nt={};ze(Nt,{installPresenter:()=>wr});function Pt(i){let t=Array.from(i.children).filter(
|
|
85
|
+
`});var Nt={};ze(Nt,{installPresenter:()=>wr});function Pt(i){let t=Array.from(i.children).filter(v=>v.tagName.toLowerCase().startsWith("deck-")),e=t.findIndex(v=>v.hasAttribute("active")),r=t[e]??null,s=t[e+1]??null,a=(r?.querySelector("deck-notes")?.textContent??"").trim(),p=document.querySelector('link[rel="stylesheet"][href*="rikiki"], link[rel="stylesheet"][href*="tokens"], link[rel="stylesheet"][href*="theme"]')?.href??"";return{current:e+1,total:t.length,slideHtml:r?.outerHTML??"",nextHtml:s?.outerHTML??null,notes:a,themeHref:p,bundleHref:yr}}function Ct(i){Be&&Be.postMessage({type:"state",state:Pt(i)})}function wr(i){if(de=de??new WeakSet,de.has(i)){U?.close(),U=null;return}de.add(i),Be=new BroadcastChannel(zt),i.addEventListener("slide-change",()=>Ct(i)),Be.addEventListener("message",r=>{let s=r.data;s?.type==="key"&&s.key&&window.dispatchEvent(new KeyboardEvent("keydown",{key:s.key,shiftKey:!!s.shift,bubbles:!0})),s?.type==="hello"&&Ct(i)});let t=Pt(i);if(U=window.open("","rikiki-presenter","width=1280,height=800,popup=yes"),!U){console.warn("[rikiki/presenter] popup was blocked \xB7 allow popups for this site"),de.delete(i);return}U.document.open(),U.document.write(xr(t)),U.document.close();let e=setInterval(()=>{U&&U.closed&&(clearInterval(e),de?.delete(i),U=null)},1e3)}var zt,yr,U,Be,de,xr,it=ke(()=>{"use strict";zt="rik-presenter",yr=new URL("./index.js",import.meta.url).href,U=null,Be=null,de=null;xr=i=>`<!doctype html>
|
|
86
86
|
<html lang="en">
|
|
87
87
|
<head>
|
|
88
88
|
<meta charset="utf-8">
|
|
@@ -200,11 +200,30 @@ ${i.themeHref?`<link rel="stylesheet" href="${i.themeHref}">`:""}
|
|
|
200
200
|
const themeHref = ${JSON.stringify(i.themeHref)};
|
|
201
201
|
const bundleHref = ${JSON.stringify(i.bundleHref)};
|
|
202
202
|
const themeLink = themeHref ? '<link rel="stylesheet" href="' + themeHref + '">' : '';
|
|
203
|
+
// Bootstrap rikiki inside the iframe. For a file-served deck bundleHref is a
|
|
204
|
+
// real URL \xB7 load it with <script src>. For a single-file bundled deck the
|
|
205
|
+
// bundle is inlined, so import.meta.url (and thus bundleHref) is a data: URL.
|
|
206
|
+
// Loaded as <script src="data:..."> the module's own import.meta.url is that
|
|
207
|
+
// data: URL, where a top-level new URL(relative, import.meta.url) throws and
|
|
208
|
+
// aborts component registration \xB7 the iframe then shows raw, un-upgraded
|
|
209
|
+
// markup. Inline the same code instead so the module base is the iframe
|
|
210
|
+
// document URL (escaping any script end-tag in the bundle so it can't
|
|
211
|
+
// close this block early \xB7 note this very comment must avoid the literal).
|
|
212
|
+
let bundleTag;
|
|
213
|
+
if (bundleHref.slice(0, 5) === 'data:') {
|
|
214
|
+
const b64 = bundleHref.indexOf(';base64,');
|
|
215
|
+
const code = b64 >= 0
|
|
216
|
+
? atob(bundleHref.slice(b64 + 8))
|
|
217
|
+
: decodeURIComponent(bundleHref.slice(bundleHref.indexOf(',') + 1));
|
|
218
|
+
bundleTag = '<script type="module">' + code.replace(/<\\/script/gi, '<\\\\/script') + '<' + '/script>';
|
|
219
|
+
} else {
|
|
220
|
+
bundleTag = '<script type="module" src="' + bundleHref + '"><' + '/script>';
|
|
221
|
+
}
|
|
203
222
|
// Mark the cloned slide [active] so its real component CSS applies
|
|
204
223
|
// (:host([active]){display:flex}) instead of forcing display via !important.
|
|
205
224
|
const activeSlide = slideHtml.replace(/^(\\s*<deck-[a-z-]+)/i, '$1 active');
|
|
206
225
|
return '<!doctype html><html><head><meta charset="UTF-8">' + themeLink +
|
|
207
|
-
|
|
226
|
+
bundleTag +
|
|
208
227
|
'<style>html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0f1422}' +
|
|
209
228
|
'deck-root{position:absolute;inset:0}</style>' +
|
|
210
229
|
'</head><body><deck-root>' + activeSlide + '</deck-root></body></html>';
|
|
@@ -234,7 +253,7 @@ ${i.themeHref?`<link rel="stylesheet" href="${i.themeHref}">`:""}
|
|
|
234
253
|
channel.postMessage({ type: 'hello' });
|
|
235
254
|
<\/script>
|
|
236
255
|
</body>
|
|
237
|
-
</html>`});var
|
|
256
|
+
</html>`});var Ot={};ze(Ot,{mountOverview:()=>zr});function Er(i){if(i.querySelector(`style[${It}]`))return;let t=document.createElement("style");t.setAttribute(It,"1"),t.textContent=_r,i.appendChild(t)}function $r(i,t){if(i.querySelector(`link[${Rt}]`))return;let e=document.createElement("link");e.rel="stylesheet",e.setAttribute(Rt,"1"),e.href=new URL("../tokens.css",t).href,i.appendChild(e)}function Ut(i){let e=i.slides[0]?.querySelector("h1");return e?Array.from(e.childNodes).map(r=>r.nodeName==="BR"?" ":r.textContent??"").join("").replace(/\s+/g," ").trim()||`Slide ${i.startIdx+1}`:`Slide ${i.startIdx+1}`}function Sr(i){return(i.textContent||"").replace(/\s+/g," ").trim().slice(0,400).toLowerCase()}function Lr(i,t){let e=new Map;if(i.querySelectorAll("[id]").forEach(o=>{e.set(o.id,o.id+t),o.id=o.id+t}),e.size===0)return;let r=o=>o.replace(/url\(['"]?#([^'")]+)['"]?\)/g,(a,l)=>e.has(l)?`url(#${e.get(l)})`:a);i.querySelectorAll("*").forEach(o=>{for(let a of Ar){let l=o.getAttribute(a);l&&l.includes("url(")&&o.setAttribute(a,r(l))}for(let a of["href","xlink:href"]){let l=o.getAttribute(a);l&&l.startsWith("#")&&e.has(l.slice(1))&&o.setAttribute(a,"#"+e.get(l.slice(1)))}});let s=i.querySelectorAll("style");if(s.length){let o=a=>a.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");s.forEach(a=>{let l=a.textContent??"";e.forEach((p,v)=>{l=l.replace(new RegExp("#"+o(v)+"(?![\\w-])","g"),"#"+p)}),a.textContent=l})}}function Tr(i,t){let e=i.querySelectorAll("svg");t.querySelectorAll("svg").forEach((r,s)=>{let o=e[s]?.getBoundingClientRect();if(o&&o.width>0)r.setAttribute("width",String(Math.round(o.width))),r.setAttribute("height",String(Math.round(o.height))),r.style.maxWidth="100%";else if(r.hasAttribute("viewBox")&&!r.hasAttribute("width")){let a=(r.getAttribute("viewBox")??"").split(/[\s,]+/).map(Number);a.length===4&&a[2]>0&&(r.setAttribute("width",String(a[2])),r.setAttribute("height",String(a[3])),r.style.maxWidth="100%",r.style.height="auto")}})}function Mr(i,t){let e=i.querySelectorAll("deck-mermaid");t.querySelectorAll("deck-mermaid").forEach((r,s)=>{let o=e[s],a=document.createElement("div");a.className="ov-mermaid-snap",a.innerHTML=o?.renderedSvg??"";let l=o?.getBoundingClientRect();l&&l.width>0&&(a.style.width=l.width+"px",a.style.height=l.height+"px"),r.replaceWith(a)})}function Hr(i,t){let e=i.cloneNode(!0);return e.setAttribute("active",""),Tr(i,e),Mr(i,e),Lr(e,`-ov${t}`),e}async function Cr(i,t){let e=Array.from(t.querySelectorAll("deck-mermaid")).map(s=>s.whenRendered).filter(s=>!!s);e.length&&await Promise.all(e).catch(()=>{});let r=document.createElement("div");r.className="ov-thumb",r.appendChild(Hr(t,Number(i.dataset.idx))),i.insertBefore(r,i.firstChild),i.dataset.loaded="1",delete i.dataset.building}function zr(i,t){let e=i.shadowRoot;if(!e)return()=>{};Er(e),$r(e,import.meta.url);let r=e.querySelector("#overview-grid");r||(r=document.createElement("div"),r.id="overview-grid",e.appendChild(r)),r.innerHTML="";let s=t.slides.length,o=s>60,a=s>300?140:s>150?160:s>60?180:220;r.style.setProperty("--ov-cell-min",a+"px");let l=window.innerWidth,p=window.innerHeight;r.style.setProperty("--ov-thumb-w",`${l}px`),r.style.setProperty("--ov-thumb-h",`${p}px`),requestAnimationFrame(()=>{let b=r.querySelector(".ov-cell")?.clientWidth??a;r.style.setProperty("--overview-scale",String(b/l))});let v=document.createElement("div");v.className="ov-bar";let g=document.createElement("input");g.className="ov-search",g.type="search",g.placeholder=`Search ${s} slides \xB7 type to filter`,g.spellcheck=!1,v.appendChild(g);let f=document.createElement("span");f.className="ov-count",f.textContent=`${s} slides \xB7 ${t.chapters.length} chapters`,v.appendChild(f);let x=document.createElement("span");x.className="ov-hint",x.textContent="O \xB7 Esc \xB7 close",v.appendChild(x),r.appendChild(v);let S=document.createElement("div");S.className="ov-body"+(o?"":" compact"),r.appendChild(S);let M=o?document.createElement("aside"):null;M&&(M.className="ov-aside",S.appendChild(M));let Z=document.createElement("div");Z.className="ov-main"+(o?"":" ov-path"),S.appendChild(Z);let qe=[],lt=[],dt=new WeakMap,Ce=new IntersectionObserver(b=>{for(let A of b){if(!A.isIntersecting)continue;let k=A.target;if(k.dataset.loaded||k.dataset.building)continue;let C=dt.get(k);C&&(k.dataset.building="1",Ce.unobserve(k),Cr(k,C).catch(y=>{let I=Number(k.dataset.tries??"0")+1;k.dataset.tries=String(I),console.warn("[rikiki/overview] thumbnail build failed",y),delete k.dataset.building,I<3&&Ce.observe(k)}))}},{root:null,rootMargin:"300px 0px",threshold:0});t.chapters.forEach((b,A)=>{let k=document.createElement("section");if(k.className="ov-chapter",k.id=`ov-chapter-${A}`,o){let y=document.createElement("header");y.className="ov-chapter-head";let I=document.createElement("span");I.className="ov-chapter-num",I.textContent=String(A+1).padStart(2,"0"),y.appendChild(I);let z=document.createElement("span");z.className="ov-chapter-title",z.textContent=Ut(b),y.appendChild(z);let w=document.createElement("span");w.className="ov-chapter-count",w.textContent=`${b.slides.length} slide${b.slides.length>1?"s":""}`,y.appendChild(w),k.appendChild(y)}let C=document.createElement("div");if(C.className="ov-row",b.slides.forEach((y,I)=>{if(!o&&I>0){let pt=document.createElement("div");pt.className="ov-connector",C.appendChild(pt)}let z=b.startIdx+I,w=document.createElement("div");w.className="ov-cell",w.dataset.idx=String(z),w.dataset.search=Sr(y),z===t.currentIdx&&(w.dataset.current="1"),dt.set(w,y),Ce.observe(w);let Q=document.createElement("span");Q.className="ov-cell-label",Q.textContent=String(z+1),w.appendChild(Q),w.addEventListener("click",()=>t.onPick(z)),C.appendChild(w)}),k.appendChild(C),Z.appendChild(k),qe.push(k),M){let y=document.createElement("button");y.type="button",y.className="ov-aside-item",t.currentIdx>=b.startIdx&&t.currentIdx<b.startIdx+b.slides.length&&(y.dataset.active="1");let z=document.createElement("span");z.className="ov-aside-num",z.textContent=String(A+1).padStart(2,"0"),y.appendChild(z);let w=document.createElement("span");w.className="ov-aside-text",w.textContent=Ut(b);let Q=document.createElement("div");Q.className="ov-aside-count",Q.textContent=`${b.slides.length} slide${b.slides.length>1?"s":""}`,w.appendChild(Q),y.appendChild(w),y.addEventListener("click",()=>{k.scrollIntoView({behavior:"smooth",block:"start"})}),M.appendChild(y),lt.push(y)}});let We=null;M&&(We=new IntersectionObserver(b=>{let A=b.filter(k=>k.isIntersecting).sort((k,C)=>k.boundingClientRect.top-C.boundingClientRect.top);if(A.length>0){let k=qe.indexOf(A[0].target);k>=0&<.forEach((C,y)=>{y===k?C.dataset.active="1":delete C.dataset.active})}},{root:Z,rootMargin:"0px 0px -70% 0px",threshold:0}),qe.forEach(b=>We.observe(b)));let ct=r.querySelectorAll(".ov-cell");return g.addEventListener("input",()=>{let b=g.value.trim().toLowerCase();if(!b){ct.forEach(A=>delete A.dataset.filteredOut);return}ct.forEach(A=>{(A.dataset.search||"").includes(b)?delete A.dataset.filteredOut:A.dataset.filteredOut="1"})}),requestAnimationFrame(()=>{let b=r.querySelector(".ov-cell[data-current]");b&&b.scrollIntoView({block:"center"})}),()=>{We?.disconnect(),Ce.disconnect(),r&&(r.innerHTML="")}}var It,Rt,_r,Ar,st=ke(()=>{"use strict";It="data-deck-overview",Rt="data-overview-tokens",_r=`
|
|
238
257
|
:host([overview]) ::slotted(*) { display: none !important; }
|
|
239
258
|
:host([overview]) #overview-grid {
|
|
240
259
|
position: fixed; inset: 0;
|
|
@@ -447,7 +466,7 @@ ${i.themeHref?`<link rel="stylesheet" href="${i.themeHref}">`:""}
|
|
|
447
466
|
pointer-events: none;
|
|
448
467
|
}
|
|
449
468
|
:host(:not([overview])) #overview-grid { display: none; }
|
|
450
|
-
`;Ar=["fill","stroke","clip-path","mask","filter","marker-start","marker-mid","marker-end","style"]});var
|
|
469
|
+
`;Ar=["fill","stroke","clip-path","mask","filter","marker-start","marker-mid","marker-end","style"]});var Bt={};ze(Bt,{installTransitions:()=>Rr});function Rr(i){if(i.__rkTransitions)return i.__rkTransitions;let t=i.shadowRoot;if(!t)return()=>{};let e=document.createElement("style");e.textContent=Nr,e.setAttribute("data-rik-transitions",""),t.appendChild(e);function r(l,p){if(!p)return 0;let v=l.compareDocumentPosition(p);return v&Node.DOCUMENT_POSITION_PRECEDING?1:v&Node.DOCUMENT_POSITION_FOLLOWING?-1:0}let s=l=>{if(i.__rkMorphActive)return;let p=l,v=p.detail.current,g=p.detail.previous;if(!v)return;let f=v.dataset.transition||i.transition||"fade",x=r(v,g);f==="slide"&&x<0?f="slide-right":f==="slide-right"&&x>0?f="slide":f==="slide-up"&&x<0?f="slide-down":f==="slide-down"&&x>0&&(f="slide-up");let S=`rk-enter-${f}`,M=`rk-exit-${f}`,Z=L[f]??480;g&&g!==v&&(g.classList.remove(...jt,...Ir,"rk-leaving"),g.style.display="flex",g.style.zIndex="1",g.offsetWidth,g.classList.add("rk-leaving",M),window.setTimeout(()=>{g.classList.remove("rk-leaving",M),g.style.display="",g.style.zIndex=""},Z+40)),v.classList.remove(...jt),v.style.zIndex="2",v.offsetWidth,v.classList.add(S),window.setTimeout(()=>{v.classList.remove(S),v.style.zIndex=""},Z+40)};i.addEventListener("slide-change",s);let o=i.querySelector(":scope > [active]");o&&s(new CustomEvent("slide-change",{detail:{current:o,previous:null}}));let a=()=>{i.removeEventListener("slide-change",s),e.remove(),delete i.__rkTransitions};return i.__rkTransitions=a,a}var L,H,Pr,Nr,jt,Ir,ot=ke(()=>{"use strict";L={slide:560,"slide-up":520,"slide-down":520,"slide-right":560,fade:480,zoom:520,flip:560},H="var(--rik-motion__ease-out, cubic-bezier(0.16, 1, 0.3, 1))",Pr="var(--rik-motion__ease-spring, cubic-bezier(0.5, 1.8, 0.3, 1))",Nr=`
|
|
451
470
|
/* Incoming \xB7 from right (forward) */
|
|
452
471
|
@keyframes rk-slide-in { from { transform: translateX(100%); } to { transform: translateX(0); } }
|
|
453
472
|
/* Outgoing \xB7 pushed off to the left (forward) */
|
|
@@ -478,28 +497,28 @@ ${i.themeHref?`<link rel="stylesheet" href="${i.themeHref}">`:""}
|
|
|
478
497
|
a placeholder so the selector resolves cleanly in shadow CSS. */
|
|
479
498
|
::slotted(.rk-leaving) { }
|
|
480
499
|
|
|
481
|
-
::slotted([active].rk-enter-slide) { animation: rk-slide-in ${
|
|
482
|
-
::slotted(.rk-leaving.rk-exit-slide) { animation: rk-slide-out ${
|
|
483
|
-
::slotted([active].rk-enter-slide-right) { animation: rk-slide-right-in ${
|
|
484
|
-
::slotted(.rk-leaving.rk-exit-slide-right){ animation: rk-slide-right-out ${
|
|
485
|
-
::slotted([active].rk-enter-slide-up) { animation: rk-slide-up-in ${
|
|
486
|
-
::slotted(.rk-leaving.rk-exit-slide-up) { animation: rk-slide-up-out ${
|
|
487
|
-
::slotted([active].rk-enter-slide-down) { animation: rk-slide-down-in ${
|
|
488
|
-
::slotted(.rk-leaving.rk-exit-slide-down) { animation: rk-slide-down-out ${
|
|
489
|
-
::slotted([active].rk-enter-fade) { animation: rk-fade-in ${
|
|
490
|
-
::slotted(.rk-leaving.rk-exit-fade) { animation: rk-fade-out ${
|
|
491
|
-
::slotted([active].rk-enter-zoom) { animation: rk-zoom-in ${
|
|
492
|
-
::slotted(.rk-leaving.rk-exit-zoom) { animation: rk-zoom-out ${
|
|
493
|
-
::slotted([active].rk-enter-flip) { animation: rk-flip-in ${
|
|
494
|
-
::slotted(.rk-leaving.rk-exit-flip) { animation: rk-flip-out ${
|
|
500
|
+
::slotted([active].rk-enter-slide) { animation: rk-slide-in ${L.slide}ms ${H} both; }
|
|
501
|
+
::slotted(.rk-leaving.rk-exit-slide) { animation: rk-slide-out ${L.slide}ms ${H} both; }
|
|
502
|
+
::slotted([active].rk-enter-slide-right) { animation: rk-slide-right-in ${L["slide-right"]}ms ${H} both; }
|
|
503
|
+
::slotted(.rk-leaving.rk-exit-slide-right){ animation: rk-slide-right-out ${L["slide-right"]}ms ${H} both; }
|
|
504
|
+
::slotted([active].rk-enter-slide-up) { animation: rk-slide-up-in ${L["slide-up"]}ms ${H} both; }
|
|
505
|
+
::slotted(.rk-leaving.rk-exit-slide-up) { animation: rk-slide-up-out ${L["slide-up"]}ms ${H} both; }
|
|
506
|
+
::slotted([active].rk-enter-slide-down) { animation: rk-slide-down-in ${L["slide-down"]}ms ${H} both; }
|
|
507
|
+
::slotted(.rk-leaving.rk-exit-slide-down) { animation: rk-slide-down-out ${L["slide-down"]}ms ${H} both; }
|
|
508
|
+
::slotted([active].rk-enter-fade) { animation: rk-fade-in ${L.fade}ms ${H} both; }
|
|
509
|
+
::slotted(.rk-leaving.rk-exit-fade) { animation: rk-fade-out ${L.fade}ms ${H} both; }
|
|
510
|
+
::slotted([active].rk-enter-zoom) { animation: rk-zoom-in ${L.zoom}ms ${Pr} both; }
|
|
511
|
+
::slotted(.rk-leaving.rk-exit-zoom) { animation: rk-zoom-out ${L.zoom}ms ${H} both; }
|
|
512
|
+
::slotted([active].rk-enter-flip) { animation: rk-flip-in ${L.flip}ms ${H} both; }
|
|
513
|
+
::slotted(.rk-leaving.rk-exit-flip) { animation: rk-flip-out ${L.flip}ms ${H} both; }
|
|
495
514
|
|
|
496
515
|
@media (prefers-reduced-motion: reduce) {
|
|
497
516
|
::slotted([active][class*='rk-enter-']),
|
|
498
517
|
::slotted(.rk-leaving) { animation: none; }
|
|
499
518
|
}
|
|
500
|
-
`,jt=["rk-enter-slide","rk-enter-slide-up","rk-enter-slide-down","rk-enter-slide-right","rk-enter-fade","rk-enter-zoom","rk-enter-flip"],Ir=["rk-exit-slide","rk-exit-slide-up","rk-exit-slide-down","rk-exit-slide-right","rk-exit-fade","rk-exit-zoom","rk-exit-flip"]});var Jr={};function Zt(i,t="#0a0a0a"){N||(N=document.createElement("div"),N.style.cssText=`position:fixed;bottom:12px;left:12px;z-index:9999;padding:6px 12px;background:${t};color:#F7CB44;font:600 11px/1.4 monospace;border-radius:6px;letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .2s;pointer-events:none;border:1px solid #F7CB44`,document.body.appendChild(N)),N.textContent=i,N.style.opacity="1",N._t&&clearTimeout(N._t),N._t=setTimeout(()=>{N&&(N.style.opacity="0")},1500)}async function Qt(i){try{let t=await fetch(i+"?_lr="+Date.now(),{method:"HEAD",cache:"no-store"}),e=t.headers.get("last-modified")??t.headers.get("etag")??t.headers.get("content-length");if(!e)return!1;let r=Gt.get(i);return Gt.set(i,e),r!==void 0&&r!==e}catch{return!1}}async function Gr(){for(;;){for(let i of Jt)if(await Qt(i)){Zt(`reload \xB7 ${i.split("/").pop()}`),await new Promise(t=>setTimeout(t,150)),location.reload();return}await new Promise(i=>setTimeout(i,800))}}var $,Kr,Vr,Jt,Gt,N,Dt=ke(()=>{"use strict";$=i=>new URL(i,import.meta.url).href,Kr=i=>{try{return new URL(i,location.href).origin===location.origin}catch{return!1}},Vr=Array.from(document.querySelectorAll('link[rel="stylesheet"]')).map(i=>i.href).filter(Kr),Jt=[...Vr,$("./index.js"),$("./deck-root.js"),$("./deck-cover.js"),$("./deck-section.js"),$("./deck-feature.js"),$("./deck-split.js"),$("./deck-feature-cards.js"),$("./deck-takeaway.js"),$("./deck-md.js"),$("./deck-code.js"),$("./deck-callout.js"),$("./deck-card.js"),$("./deck-mermaid.js"),$("./shared-styles.js"),$("./deck-stack.js"),$("./deck-grid.js"),$("./deck-punch.js"),location.pathname],Gt=new Map;(async()=>(await Promise.all(Jt.map(Qt)),Zt("livereload on"),Gr()))()});var Pe=globalThis,Ne=Pe.ShadowRoot&&(Pe.ShadyCSS===void 0||Pe.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ye=Symbol(),
|
|
519
|
+
`,jt=["rk-enter-slide","rk-enter-slide-up","rk-enter-slide-down","rk-enter-slide-right","rk-enter-fade","rk-enter-zoom","rk-enter-flip"],Ir=["rk-exit-slide","rk-exit-slide-up","rk-exit-slide-down","rk-exit-slide-right","rk-exit-fade","rk-exit-zoom","rk-exit-flip"]});var Jr={};function Zt(i,t="#0a0a0a"){N||(N=document.createElement("div"),N.style.cssText=`position:fixed;bottom:12px;left:12px;z-index:9999;padding:6px 12px;background:${t};color:#F7CB44;font:600 11px/1.4 monospace;border-radius:6px;letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .2s;pointer-events:none;border:1px solid #F7CB44`,document.body.appendChild(N)),N.textContent=i,N.style.opacity="1",N._t&&clearTimeout(N._t),N._t=setTimeout(()=>{N&&(N.style.opacity="0")},1500)}async function Qt(i){try{let t=await fetch(i+"?_lr="+Date.now(),{method:"HEAD",cache:"no-store"}),e=t.headers.get("last-modified")??t.headers.get("etag")??t.headers.get("content-length");if(!e)return!1;let r=Gt.get(i);return Gt.set(i,e),r!==void 0&&r!==e}catch{return!1}}async function Gr(){for(;;){for(let i of Jt)if(await Qt(i)){Zt(`reload \xB7 ${i.split("/").pop()}`),await new Promise(t=>setTimeout(t,150)),location.reload();return}await new Promise(i=>setTimeout(i,800))}}var $,Kr,Vr,Jt,Gt,N,Dt=ke(()=>{"use strict";$=i=>new URL(i,import.meta.url).href,Kr=i=>{try{return new URL(i,location.href).origin===location.origin}catch{return!1}},Vr=Array.from(document.querySelectorAll('link[rel="stylesheet"]')).map(i=>i.href).filter(Kr),Jt=[...Vr,$("./index.js"),$("./deck-root.js"),$("./deck-cover.js"),$("./deck-section.js"),$("./deck-feature.js"),$("./deck-split.js"),$("./deck-feature-cards.js"),$("./deck-takeaway.js"),$("./deck-md.js"),$("./deck-code.js"),$("./deck-callout.js"),$("./deck-card.js"),$("./deck-mermaid.js"),$("./shared-styles.js"),$("./deck-stack.js"),$("./deck-grid.js"),$("./deck-punch.js"),location.pathname],Gt=new Map;(async()=>(await Promise.all(Jt.map(Qt)),Zt("livereload on"),Gr()))()});var Pe=globalThis,Ne=Pe.ShadowRoot&&(Pe.ShadyCSS===void 0||Pe.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ye=Symbol(),mt=new WeakMap,be=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==Ye)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(Ne&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=mt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&mt.set(e,t))}return t}toString(){return this.cssText}},vt=i=>new be(typeof i=="string"?i:i+"",void 0,Ye),m=(i,...t)=>{let e=i.length===1?i[0]:t.reduce((r,s,o)=>r+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+i[o+1],i[0]);return new be(e,i,Ye)},ut=(i,t)=>{if(Ne)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let r=document.createElement("style"),s=Pe.litNonce;s!==void 0&&r.setAttribute("nonce",s),r.textContent=e.cssText,i.appendChild(r)}},Xe=Ne?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return vt(e)})(i):i;var{is:tr,defineProperty:rr,getOwnPropertyDescriptor:ir,getOwnPropertyNames:sr,getOwnPropertySymbols:or,getPrototypeOf:ar}=Object,Ie=globalThis,ft=Ie.trustedTypes,nr=ft?ft.emptyScript:"",lr=Ie.reactiveElementPolyfillSupport,ye=(i,t)=>i,xe={toAttribute(i,t){switch(t){case Boolean:i=i?nr:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},Re=(i,t)=>!tr(i,t),gt={attribute:!0,type:String,converter:xe,reflect:!1,useDefault:!1,hasChanged:Re};Symbol.metadata??=Symbol("metadata"),Ie.litPropertyMetadata??=new WeakMap;var q=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=gt){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){let r=Symbol(),s=this.getPropertyDescriptor(t,r,e);s!==void 0&&rr(this.prototype,t,s)}}static getPropertyDescriptor(t,e,r){let{get:s,set:o}=ir(this.prototype,t)??{get(){return this[e]},set(a){this[e]=a}};return{get:s,set(a){let l=s?.call(this);o?.call(this,a),this.requestUpdate(t,l,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??gt}static _$Ei(){if(this.hasOwnProperty(ye("elementProperties")))return;let t=ar(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(ye("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ye("properties"))){let e=this.properties,r=[...sr(e),...or(e)];for(let s of r)this.createProperty(s,e[s])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[r,s]of e)this.elementProperties.set(r,s)}this._$Eh=new Map;for(let[e,r]of this.elementProperties){let s=this._$Eu(e,r);s!==void 0&&this._$Eh.set(s,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let r=new Set(t.flat(1/0).reverse());for(let s of r)e.unshift(Xe(s))}else t!==void 0&&e.push(Xe(t));return e}static _$Eu(t,e){let r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return ut(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$ET(t,e){let r=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,r);if(s!==void 0&&r.reflect===!0){let o=(r.converter?.toAttribute!==void 0?r.converter:xe).toAttribute(e,r.type);this._$Em=t,o==null?this.removeAttribute(s):this.setAttribute(s,o),this._$Em=null}}_$AK(t,e){let r=this.constructor,s=r._$Eh.get(t);if(s!==void 0&&this._$Em!==s){let o=r.getPropertyOptions(s),a=typeof o.converter=="function"?{fromAttribute:o.converter}:o.converter?.fromAttribute!==void 0?o.converter:xe;this._$Em=s;let l=a.fromAttribute(e,o.type);this[s]=l??this._$Ej?.get(s)??l,this._$Em=null}}requestUpdate(t,e,r,s=!1,o){if(t!==void 0){let a=this.constructor;if(s===!1&&(o=this[t]),r??=a.getPropertyOptions(t),!((r.hasChanged??Re)(o,e)||r.useDefault&&r.reflect&&o===this._$Ej?.get(t)&&!this.hasAttribute(a._$Eu(t,r))))return;this.C(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:r,reflect:s,wrapped:o},a){r&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,a??e??this[t]),o!==!0||a!==void 0)||(this._$AL.has(t)||(this.hasUpdated||r||(e=void 0),this._$AL.set(t,e)),s===!0&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[s,o]of this._$Ep)this[s]=o;this._$Ep=void 0}let r=this.constructor.elementProperties;if(r.size>0)for(let[s,o]of r){let{wrapped:a}=o,l=this[s];a!==!0||this._$AL.has(s)||l===void 0||this.C(s,void 0,o,l)}}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(r=>r.hostUpdate?.()),this.update(e)):this._$EM()}catch(r){throw t=!1,this._$EM(),r}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(t){}firstUpdated(t){}};q.elementStyles=[],q.shadowRootOptions={mode:"open"},q[ye("elementProperties")]=new Map,q[ye("finalized")]=new Map,lr?.({ReactiveElement:q}),(Ie.reactiveElementVersions??=[]).push("2.1.2");var Qe=globalThis,kt=i=>i,Ue=Qe.trustedTypes,bt=Ue?Ue.createPolicy("lit-html",{createHTML:i=>i}):void 0,$t="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,St="?"+V,dr=`<${St}>`,te=document,_e=()=>te.createComment(""),Ee=i=>i===null||typeof i!="object"&&typeof i!="function",De=Array.isArray,cr=i=>De(i)||typeof i?.[Symbol.iterator]=="function",Fe=`[
|
|
501
520
|
\f\r]`,we=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,yt=/-->/g,xt=/>/g,D=RegExp(`>|${Fe}(?:([^\\s"'>=/]+)(${Fe}*=${Fe}*(?:[^
|
|
502
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),wt=/'/g,_t=/"/g,At=/^(?:script|style|textarea|title)$/i,et=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),c=et(1),ri=et(2),ii=et(3),re=Symbol.for("lit-noChange"),_=Symbol.for("lit-nothing"),Et=new WeakMap,ee=te.createTreeWalker(te,129);function Tt(i,t){if(!De(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return bt!==void 0?bt.createHTML(t):t}var pr=(i,t)=>{let e=i.length-1,r=[],s,o=t===2?"<svg>":t===3?"<math>":"",a=we;for(let l=0;l<e;l++){let p=i[l],m,g,f=-1,x=0;for(;x<p.length&&(a.lastIndex=x,g=a.exec(p),g!==null);)x=a.lastIndex,a===we?g[1]==="!--"?a=yt:g[1]!==void 0?a=xt:g[2]!==void 0?(At.test(g[2])&&(s=RegExp("</"+g[2],"g")),a=D):g[3]!==void 0&&(a=D):a===D?g[0]===">"?(a=s??we,f=-1):g[1]===void 0?f=-2:(f=a.lastIndex-g[2].length,m=g[1],a=g[3]===void 0?D:g[3]==='"'?_t:wt):a===_t||a===wt?a=D:a===yt||a===xt?a=we:(a=D,s=void 0);let S=a===D&&i[l+1].startsWith("/>")?" ":"";o+=a===we?p+dr:f>=0?(r.push(m),p.slice(0,f)+$t+p.slice(f)+V+S):p+V+(f===-2?l:S)}return[Tt(i,o+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},$e=class i{constructor({strings:t,_$litType$:e},r){let s;this.parts=[];let o=0,a=0,l=t.length-1,p=this.parts,[m,g]=pr(t,e);if(this.el=i.createElement(m,r),ee.currentNode=this.el.content,e===2||e===3){let f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(s=ee.nextNode())!==null&&p.length<l;){if(s.nodeType===1){if(s.hasAttributes())for(let f of s.getAttributeNames())if(f.endsWith($t)){let x=g[a++],S=s.getAttribute(f).split(V),M=/([.?@])?(.*)/.exec(x);p.push({type:1,index:o,name:M[2],strings:S,ctor:M[1]==="."?Ve:M[1]==="?"?Ge:M[1]==="@"?Je:le}),s.removeAttribute(f)}else f.startsWith(V)&&(p.push({type:6,index:o}),s.removeAttribute(f));if(At.test(s.tagName)){let f=s.textContent.split(V),x=f.length-1;if(x>0){s.textContent=Re?Re.emptyScript:"";for(let S=0;S<x;S++)s.append(f[S],_e()),ee.nextNode(),p.push({type:2,index:++o});s.append(f[x],_e())}}}else if(s.nodeType===8)if(s.data===St)p.push({type:2,index:o});else{let f=-1;for(;(f=s.data.indexOf(V,f+1))!==-1;)p.push({type:7,index:o}),f+=V.length-1}o++}}static createElement(t,e){let r=te.createElement("template");return r.innerHTML=t,r}};function ne(i,t,e=i,r){if(t===re)return t;let s=r!==void 0?e._$Co?.[r]:e._$Cl,o=Ee(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),o===void 0?s=void 0:(s=new o(i),s._$AT(i,e,r)),r!==void 0?(e._$Co??=[])[r]=s:e._$Cl=s),s!==void 0&&(t=ne(i,s._$AS(i,t.values),s,r)),t}var Ke=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:r}=this._$AD,s=(t?.creationScope??te).importNode(e,!0);ee.currentNode=s;let o=ee.nextNode(),a=0,l=0,p=r[0];for(;p!==void 0;){if(a===p.index){let m;p.type===2?m=new Se(o,o.nextSibling,this,t):p.type===1?m=new p.ctor(o,p.name,p.strings,this,t):p.type===6&&(m=new Ze(o,this,t)),this._$AV.push(m),p=r[++l]}a!==p?.index&&(o=ee.nextNode(),a++)}return ee.currentNode=te,s}p(t){let e=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}},Se=class i{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,r,s){this.type=2,this._$AH=_,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=s,this._$Cv=s?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=ne(this,t,e),Ee(t)?t===_||t==null||t===""?(this._$AH!==_&&this._$AR(),this._$AH=_):t!==this._$AH&&t!==re&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):cr(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==_&&Ee(this._$AH)?this._$AA.nextSibling.data=t:this.T(te.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:r}=t,s=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=$e.createElement(Tt(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===s)this._$AH.p(e);else{let o=new Ke(s,this),a=o.u(this.options);o.p(e),this.T(a),this._$AH=o}}_$AC(t){let e=Et.get(t.strings);return e===void 0&&Et.set(t.strings,e=new $e(t)),e}k(t){De(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,r,s=0;for(let o of t)s===e.length?e.push(r=new i(this.O(_e()),this.O(_e()),this,this.options)):r=e[s],r._$AI(o),s++;s<e.length&&(this._$AR(r&&r._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){let r=kt(t).nextSibling;kt(t).remove(),t=r}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},le=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,s,o){this.type=1,this._$AH=_,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=o,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=_}_$AI(t,e=this,r,s){let o=this.strings,a=!1;if(o===void 0)t=ne(this,t,e,0),a=!Ee(t)||t!==this._$AH&&t!==re,a&&(this._$AH=t);else{let l=t,p,m;for(t=o[0],p=0;p<o.length-1;p++)m=ne(this,l[r+p],e,p),m===re&&(m=this._$AH[p]),a||=!Ee(m)||m!==this._$AH[p],m===_?t=_:t!==_&&(t+=(m??"")+o[p+1]),this._$AH[p]=m}a&&!s&&this.j(t)}j(t){t===_?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},Ve=class extends le{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===_?void 0:t}},Ge=class extends le{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==_)}},Je=class extends le{constructor(t,e,r,s,o){super(t,e,r,s,o),this.type=5}_$AI(t,e=this){if((t=ne(this,t,e,0)??_)===re)return;let r=this._$AH,s=t===_&&r!==_||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,o=t!==_&&(r===_||s);s&&this.element.removeEventListener(this.name,this,r),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},Ze=class{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){ne(this,t)}};var hr=Qe.litHtmlPolyfillSupport;hr?.($e,Se),(Qe.litHtmlVersions??=[]).push("3.3.3");var Lt=(i,t,e)=>{let r=e?.renderBefore??t,s=r._$litPart$;if(s===void 0){let o=e?.renderBefore??null;r._$litPart$=s=new Se(t.insertBefore(_e(),o),o,void 0,e??{})}return s._$AI(i),s};var tt=globalThis,h=class extends B{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Lt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return re}};h._$litElement$=!0,h.finalized=!0,tt.litElementHydrateSupport?.({LitElement:h});var vr=tt.litElementPolyfillSupport;vr?.({LitElement:h});(tt.litElementVersions??=[]).push("4.2.2");var u=i=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(i,t)}):customElements.define(i,t)};var mr={attribute:!0,type:String,converter:xe,reflect:!1,hasChanged:Oe},ur=(i=mr,t,e)=>{let{kind:r,metadata:s}=e,o=globalThis.litPropertyMetadata.get(s);if(o===void 0&&globalThis.litPropertyMetadata.set(s,o=new Map),r==="setter"&&((i=Object.create(i)).wrapped=!0),o.set(e.name,i),r==="accessor"){let{name:a}=e;return{set(l){let p=t.get.call(this);t.set.call(this,l),this.requestUpdate(a,p,i,!0,l)},init(l){return l!==void 0&&this.C(a,void 0,i,l),l}}}if(r==="setter"){let{name:a}=e;return function(l){let p=this[a];t.call(this,l),this.requestUpdate(a,p,i,!0,l)}}throw Error("Unsupported decorator location: "+r)};function d(i){return(t,e)=>typeof e=="object"?ur(i,t,e):((r,s,o)=>{let a=s.hasOwnProperty(o);return s.constructor.createProperty(o,r),a?Object.getOwnPropertyDescriptor(s,o):void 0})(i,t,e)}function O(i){return d({...i,state:!0,attribute:!1})}var L=class extends h{constructor(){super(...arguments);this.current=0;this.step=0;this.blank=null;this.overview=!1;this.transition=null;this.autoplay=0;this.loop=!1;this.swipe=!1;this.mouseNav=null;this.nav=null;this.slides=[];this.chapters=[];this._overviewTeardown=null;this._transitionLoaded=!1;this._autoplayTimer=null;this._autoplayPaused=!1;this._swipeStartX=0;this._swipeStartY=0;this._swipePointerId=null;this._navDownX=0;this._navDownY=0;this._wheelAccum=0;this._wheelLockUntil=0;this._onHoverEnter=()=>{this._autoplayPaused=!0,this._stopAutoplay()};this._onHoverLeave=()=>{this._autoplayPaused=!1,this.autoplay>0&&this._startAutoplay()};this._onPointerDown=e=>{!this.swipe||e.pointerType==="mouse"&&e.button!==0||e.target?.closest("a, button, input, textarea, [contenteditable]")||(this._swipePointerId=e.pointerId,this._swipeStartX=e.clientX,this._swipeStartY=e.clientY)};this._onPointerUp=e=>{if(this._swipePointerId===null||e.pointerId!==this._swipePointerId)return;let r=e.clientX-this._swipeStartX,s=e.clientY-this._swipeStartY;this._swipePointerId=null,!(Math.abs(r)<60||Math.abs(r)<Math.abs(s)*2)&&(this._stopAutoplay(),r<0?this._advance():this._back(),this._restartAutoplay())};this._onNavPointerDown=e=>{this._navDownX=e.clientX,this._navDownY=e.clientY};this._onClickNav=e=>{if(!this._mouseEnabled("click")||this.overview||this.blank||this.shadowRoot?.querySelector("#kb-overlay.open")||Math.hypot(e.clientX-this._navDownX,e.clientY-this._navDownY)>5)return;let r=window.getSelection();r&&!r.isCollapsed||e.composedPath().some(o=>o instanceof HTMLElement?o.matches?.("a, button, input, textarea, select, [contenteditable], [data-no-advance]")?!0:o.id==="blank"||o.id==="kb-overlay"||o.id==="overview-grid"||o.id==="nav-arrows"||o.id==="kb-hint":!1)||(this._restartAutoplay(),e.shiftKey?this._back():this._advance())};this._onWheel=e=>{if(!this._mouseEnabled("wheel")||this.overview||this.blank||this._wheelTargetScrolls(e))return;e.preventDefault();let r=performance.now();if(r<this._wheelLockUntil||(this._wheelAccum+=e.deltaY,Math.abs(this._wheelAccum)<50))return;let s=this._wheelAccum>0;this._wheelAccum=0,this._wheelLockUntil=r+400,this._restartAutoplay(),s?this._advance():this._back()};this._onAuxUp=e=>{this._mouseEnabled("aux")&&(e.button!==3&&e.button!==4||(e.preventDefault(),this._restartAutoplay(),e.button===3?this._back():this._advance()))};this._onAuxClick=e=>{this._mouseEnabled("aux")&&(e.button===3||e.button===4)&&e.preventDefault()};this._onHash=()=>{this._readHash(!1)};this._onKey=e=>{if(!(e.target&&e.target.matches?.("input,textarea,[contenteditable]"))){if(this._restartAutoplay(),this.overview){(e.key==="Escape"||e.key==="o"||e.key==="O"||e.key==="Enter")&&(e.preventDefault(),this.overview=!1);return}if(this.blank){e.preventDefault(),this.blank=null;return}if(e.key==="."||e.key==="b"||e.key==="B"){e.preventDefault(),this.blank="black";return}if(e.key===","||e.key==="w"||e.key==="W"){e.preventDefault(),this.blank="white";return}if(e.key==="?"||e.key==="h"||e.key==="H"){this._toggleHelp();return}if(e.key==="Escape"){this._closeHelp();return}if(e.key==="o"||e.key==="O"){e.preventDefault(),this.overview=!0;return}if(e.key==="p"||e.key==="P"){e.preventDefault(),this._togglePresenter();return}if(e.key==="Home"){this._goTo(0);return}if(e.key==="End"){this._goTo(this.slides.length-1);return}if(e.key===" "||e.key==="PageDown"){e.preventDefault(),this._advance();return}if(e.key==="PageUp"){e.preventDefault(),this._back();return}if(this._has2DNav()){let{c:r,i:s}=this._coords(this.current);if(e.key==="ArrowRight"){e.preventDefault(),r+1<this.chapters.length?this._goToCoords(r+1,0):this._advance();return}if(e.key==="ArrowLeft"){e.preventDefault(),r-1>=0?this._goToCoords(r-1,0):this._back();return}if(e.key==="ArrowDown"){e.preventDefault();let o=this.chapters[r];o&&s+1<o.slides.length?this._goToCoords(r,s+1):this._advance();return}if(e.key==="ArrowUp"){e.preventDefault(),s-1>=0?this._goToCoords(r,s-1):this._back();return}}else{if(e.key==="ArrowRight"||e.key==="ArrowDown"){e.preventDefault(),this._advance();return}if(e.key==="ArrowLeft"||e.key==="ArrowUp"){e.preventDefault(),this._back();return}}}}}firstUpdated(){this.slides=Array.from(this.querySelectorAll(":scope > *")).filter(e=>e.tagName?.toLowerCase().startsWith("deck-")&&e.tagName?.toLowerCase()!=="deck-root"),this._buildChapters(),this._readHash(!0),this._applyActive(),this._applyStep(),this._updateUI(),this.requestUpdate(),window.addEventListener("keydown",this._onKey),window.addEventListener("hashchange",this._onHash),this.addEventListener("pointerdown",this._onNavPointerDown),this.addEventListener("click",this._onClickNav),this.addEventListener("wheel",this._onWheel,{passive:!1}),window.addEventListener("mouseup",this._onAuxUp),window.addEventListener("auxclick",this._onAuxClick),this.autoplay>0&&this._startAutoplay(),this.swipe?(this.addEventListener("pointerdown",this._onPointerDown),this.addEventListener("pointerup",this._onPointerUp),this.addEventListener("pointercancel",this._onPointerUp),this.addEventListener("mouseenter",this._onHoverEnter),this.addEventListener("mouseleave",this._onHoverLeave)):this.autoplay>0&&(this.addEventListener("mouseenter",this._onHoverEnter),this.addEventListener("mouseleave",this._onHoverLeave))}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this._onKey),window.removeEventListener("hashchange",this._onHash),this.removeEventListener("pointerdown",this._onNavPointerDown),this.removeEventListener("click",this._onClickNav),this.removeEventListener("wheel",this._onWheel),window.removeEventListener("mouseup",this._onAuxUp),window.removeEventListener("auxclick",this._onAuxClick),this._stopAutoplay(),this.removeEventListener("pointerdown",this._onPointerDown),this.removeEventListener("pointerup",this._onPointerUp),this.removeEventListener("pointercancel",this._onPointerUp),this.removeEventListener("mouseenter",this._onHoverEnter),this.removeEventListener("mouseleave",this._onHoverLeave)}_startAutoplay(){this._stopAutoplay(),!(this.autoplay<=0||this._autoplayPaused)&&(this._autoplayTimer=window.setInterval(()=>this._autoTick(),this.autoplay))}_stopAutoplay(){this._autoplayTimer!==null&&(window.clearInterval(this._autoplayTimer),this._autoplayTimer=null)}_autoTick(){if(this.overview)return;this.current>=this.slides.length-1&&this.step>=this._maxSteps()&&this.loop?this._goTo(0):this._advance()}_restartAutoplay(){this.autoplay>0&&!this._autoplayPaused&&this._startAutoplay()}_wheelTargetScrolls(e){let r=e.deltaY>0,s=e.deltaX>0;for(let o of e.composedPath()){if(o===this)return!1;if(!(o instanceof Element))continue;let a=o.scrollHeight>o.clientHeight,l=o.scrollWidth>o.clientWidth;if(!a&&!l)continue;let p=getComputedStyle(o);if(a&&/auto|scroll/.test(p.overflowY)&&(r?o.scrollTop+o.clientHeight<o.scrollHeight-1:o.scrollTop>0)||l&&/auto|scroll/.test(p.overflowX)&&(s?o.scrollLeft+o.clientWidth<o.scrollWidth-1:o.scrollLeft>0))return!0}return!1}_buildChapters(){this.chapters=[];let e=null;this.slides.forEach((r,s)=>{r.tagName?.toLowerCase()==="deck-section"||!e?(e={startIdx:s,slides:[r]},this.chapters.push(e)):e.slides.push(r)})}_has2DNav(){return this.nav==="2d"&&this.chapters.length>1&&this.chapters.some(e=>e.slides.length>1)}_mouseEnabled(e){let r=(this.mouseNav??"all").trim();return r==="none"?!1:r===""||r==="all"?!0:r.split(/\s+/).includes(e)}_coords(e){for(let r=0;r<this.chapters.length;r++){let s=this.chapters[r],o=e-s.startIdx;if(o>=0&&o<s.slides.length)return{c:r,i:o}}return{c:0,i:0}}_flatFromCoords(e,r){let s=this.chapters[Math.max(0,Math.min(this.chapters.length-1,e))];return s?s.startIdx+Math.max(0,Math.min(s.slides.length-1,r)):0}_readHash(e){let r=location.hash,s=r.match(/^#(\d+)\.(\d+)(?:s(\d+))?$/),o=r.match(/^#(\d+)(?:\.(\d+))?$/),a=this.current,l=this.step;if(this._has2DNav()&&s){let m=parseInt(s[1],10)-1,g=parseInt(s[2],10)-1;a=this._flatFromCoords(Math.max(0,m),Math.max(0,g)),l=s[3]?parseInt(s[3],10):0}else if(o)a=parseInt(o[1],10)-1,l=o[2]?parseInt(o[2],10):0;else return;if(a===this.current&&l===this.step&&!e)return;this.current=Math.max(0,Math.min(this.slides.length-1,a));let p=this._maxSteps();this.step=p>0?Math.max(0,Math.min(p,l)):Math.max(0,l),e||(this._applyActive(),this._applyStep(),this._updateUI())}_writeHash(){let e=`#${this.current+1}`+(this.step>0?`.${this.step}`:"");if(location.hash!==e)try{history.replaceState(null,"",e)}catch{}}async _toggleHelp(){(await Promise.resolve().then(()=>(je(),rt))).toggleHelp(this)}async _togglePresenter(){(await Promise.resolve().then(()=>(it(),Nt))).installPresenter(this)}async _closeHelp(){(await Promise.resolve().then(()=>(je(),rt))).closeHelp(this)}async _renderOverviewIfActive(){if(!this.overview){this._overviewTeardown?.(),this._overviewTeardown=null;return}let{mountOverview:e}=await Promise.resolve().then(()=>(st(),Ut));this._overviewTeardown=e(this,{slides:this.slides,chapters:this.chapters,currentIdx:this.current,onPick:r=>{this.overview=!1,this._goTo(r)}})}_maxSteps(){let e=this.slides[this.current];if(!e)return 0;let r=parseInt(e.getAttribute("steps")||e.dataset?.steps||"0",10);if(r>0)return r;let s=e.querySelector("deck-code[step-groups]");if(s)try{return JSON.parse(s.getAttribute("step-groups")).length}catch{}return 0}_advance(){let e=this._maxSteps();this.step<e?(this.step++,this._applyStep(),this._updateUI(),this._writeHash()):this.current<this.slides.length-1?this._goTo(this.current+1):this.loop&&this._goTo(0)}_back(){this.step>0?(this.step--,this._applyStep(),this._updateUI(),this._writeHash()):this.current>0?(this._goTo(this.current-1),this.step=this._maxSteps(),this._applyStep(),this._updateUI(),this._writeHash()):this.loop&&(this._goTo(this.slides.length-1),this.step=this._maxSteps(),this._applyStep(),this._updateUI(),this._writeHash())}_goTo(e){this.current=Math.max(0,Math.min(this.slides.length-1,e)),this.step=0,this._applyActive(),this._applyStep(),this._updateUI(),this._writeHash()}_goToCoords(e,r){let s=Math.max(0,Math.min(this.chapters.length-1,e)),o=this.chapters[s];if(!o)return;let a=Math.max(0,Math.min(o.slides.length-1,r));this._goTo(this._flatFromCoords(s,a))}_applyActive(){let e=this.slides.find(s=>s.hasAttribute("active"))??null,r=this.slides[this.current]??null;this.slides.forEach((s,o)=>{let a=o===this.current;s.toggleAttribute("active",a),a&&s.querySelectorAll("deck-mermaid").forEach(l=>l.render?.())}),this.transition&&!this._transitionLoaded&&(this._transitionLoaded=!0,Promise.resolve().then(()=>(ot(),qt)).then(s=>s.installTransitions(this))),e!==r&&this.dispatchEvent(new CustomEvent("slide-change",{detail:{current:r,previous:e},bubbles:!1}))}_applyStep(){let e=this.slides[this.current];e&&(e.applyStep?.(this.step),e.querySelectorAll("*").forEach(r=>r.applyStep?.(this.step)),e.querySelectorAll("[data-step-block]").forEach(r=>{let s=parseInt(r.dataset.stepBlock,10);r.style.transition="opacity 0.25s ease",r.style.opacity=this.step===0||s<=this.step?"1":"0.15"}))}_updateUI(){let e=this.slides.length,r=this.current+1,s=this.renderRoot.querySelector("#progress"),o=this.renderRoot.querySelector("#counter"),a=this.renderRoot.querySelector("#step-dots");s&&(s.style.width=r/e*100+"%"),o&&(o.textContent=`${r} / ${e}`);let l=this._maxSteps();a&&(a.innerHTML=l===0?"":Array.from({length:l},(p,m)=>`<div class="dot${m<this.step?" active":""}"></div>`).join(""))}updated(){this._updateUI(),this._renderOverviewIfActive()}_navArrows(){if(!this._mouseEnabled("arrows")||this.overview)return"";let e=this.slides.length;if(e===0)return"";let r=this.current===0&&this.step===0,s=this.current>=e-1&&this.step>=this._maxSteps();if(this._has2DNav()){let{c:o,i:a}=this._coords(this.current),l=this.chapters[o];return c`<div id="nav-arrows"> <button class="nav-btn" title="Previous chapter" ?disabled=${!this.loop&&this.current===0} @click=${()=>o>0?this._goToCoords(o-1,0):this._back()}>‹</button> <button class="nav-btn" title="Up" ?disabled=${a===0} @click=${()=>this._goToCoords(o,a-1)}>↑</button> <button class="nav-btn" title="Down" ?disabled=${!l||a+1>=l.slides.length} @click=${()=>this._goToCoords(o,a+1)}>↓</button> <button class="nav-btn" title="Next chapter" ?disabled=${!this.loop&&s} @click=${()=>o+1<this.chapters.length?this._goToCoords(o+1,0):this._advance()}>›</button> </div>`}return c`<div id="nav-arrows"> <button class="nav-btn" title="Previous" ?disabled=${!this.loop&&r} @click=${()=>this._back()}>‹</button> <button class="nav-btn" title="Next" ?disabled=${!this.loop&&s} @click=${()=>this._advance()}>›</button> </div>`}render(){return c`<div id="progress"></div> <div id="counter"></div> <div id="step-dots"></div> <div id="kb-hint"> <kbd title="Previous" @click=${()=>this._back()}>←</kbd ><kbd title="Next" @click=${()=>this._advance()}>→</kbd> ${this._has2DNav()?c`<kbd title="Previous" @click=${()=>this._back()}>↑</kbd
|
|
521
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),wt=/'/g,_t=/"/g,At=/^(?:script|style|textarea|title)$/i,et=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),c=et(1),ri=et(2),ii=et(3),re=Symbol.for("lit-noChange"),_=Symbol.for("lit-nothing"),Et=new WeakMap,ee=te.createTreeWalker(te,129);function Lt(i,t){if(!De(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return bt!==void 0?bt.createHTML(t):t}var pr=(i,t)=>{let e=i.length-1,r=[],s,o=t===2?"<svg>":t===3?"<math>":"",a=we;for(let l=0;l<e;l++){let p=i[l],v,g,f=-1,x=0;for(;x<p.length&&(a.lastIndex=x,g=a.exec(p),g!==null);)x=a.lastIndex,a===we?g[1]==="!--"?a=yt:g[1]!==void 0?a=xt:g[2]!==void 0?(At.test(g[2])&&(s=RegExp("</"+g[2],"g")),a=D):g[3]!==void 0&&(a=D):a===D?g[0]===">"?(a=s??we,f=-1):g[1]===void 0?f=-2:(f=a.lastIndex-g[2].length,v=g[1],a=g[3]===void 0?D:g[3]==='"'?_t:wt):a===_t||a===wt?a=D:a===yt||a===xt?a=we:(a=D,s=void 0);let S=a===D&&i[l+1].startsWith("/>")?" ":"";o+=a===we?p+dr:f>=0?(r.push(v),p.slice(0,f)+$t+p.slice(f)+V+S):p+V+(f===-2?l:S)}return[Lt(i,o+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},$e=class i{constructor({strings:t,_$litType$:e},r){let s;this.parts=[];let o=0,a=0,l=t.length-1,p=this.parts,[v,g]=pr(t,e);if(this.el=i.createElement(v,r),ee.currentNode=this.el.content,e===2||e===3){let f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(s=ee.nextNode())!==null&&p.length<l;){if(s.nodeType===1){if(s.hasAttributes())for(let f of s.getAttributeNames())if(f.endsWith($t)){let x=g[a++],S=s.getAttribute(f).split(V),M=/([.?@])?(.*)/.exec(x);p.push({type:1,index:o,name:M[2],strings:S,ctor:M[1]==="."?Ve:M[1]==="?"?Ge:M[1]==="@"?Je:le}),s.removeAttribute(f)}else f.startsWith(V)&&(p.push({type:6,index:o}),s.removeAttribute(f));if(At.test(s.tagName)){let f=s.textContent.split(V),x=f.length-1;if(x>0){s.textContent=Ue?Ue.emptyScript:"";for(let S=0;S<x;S++)s.append(f[S],_e()),ee.nextNode(),p.push({type:2,index:++o});s.append(f[x],_e())}}}else if(s.nodeType===8)if(s.data===St)p.push({type:2,index:o});else{let f=-1;for(;(f=s.data.indexOf(V,f+1))!==-1;)p.push({type:7,index:o}),f+=V.length-1}o++}}static createElement(t,e){let r=te.createElement("template");return r.innerHTML=t,r}};function ne(i,t,e=i,r){if(t===re)return t;let s=r!==void 0?e._$Co?.[r]:e._$Cl,o=Ee(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),o===void 0?s=void 0:(s=new o(i),s._$AT(i,e,r)),r!==void 0?(e._$Co??=[])[r]=s:e._$Cl=s),s!==void 0&&(t=ne(i,s._$AS(i,t.values),s,r)),t}var Ke=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:r}=this._$AD,s=(t?.creationScope??te).importNode(e,!0);ee.currentNode=s;let o=ee.nextNode(),a=0,l=0,p=r[0];for(;p!==void 0;){if(a===p.index){let v;p.type===2?v=new Se(o,o.nextSibling,this,t):p.type===1?v=new p.ctor(o,p.name,p.strings,this,t):p.type===6&&(v=new Ze(o,this,t)),this._$AV.push(v),p=r[++l]}a!==p?.index&&(o=ee.nextNode(),a++)}return ee.currentNode=te,s}p(t){let e=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}},Se=class i{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,r,s){this.type=2,this._$AH=_,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=s,this._$Cv=s?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=ne(this,t,e),Ee(t)?t===_||t==null||t===""?(this._$AH!==_&&this._$AR(),this._$AH=_):t!==this._$AH&&t!==re&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):cr(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==_&&Ee(this._$AH)?this._$AA.nextSibling.data=t:this.T(te.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:r}=t,s=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=$e.createElement(Lt(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===s)this._$AH.p(e);else{let o=new Ke(s,this),a=o.u(this.options);o.p(e),this.T(a),this._$AH=o}}_$AC(t){let e=Et.get(t.strings);return e===void 0&&Et.set(t.strings,e=new $e(t)),e}k(t){De(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,r,s=0;for(let o of t)s===e.length?e.push(r=new i(this.O(_e()),this.O(_e()),this,this.options)):r=e[s],r._$AI(o),s++;s<e.length&&(this._$AR(r&&r._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){let r=kt(t).nextSibling;kt(t).remove(),t=r}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},le=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,s,o){this.type=1,this._$AH=_,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=o,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=_}_$AI(t,e=this,r,s){let o=this.strings,a=!1;if(o===void 0)t=ne(this,t,e,0),a=!Ee(t)||t!==this._$AH&&t!==re,a&&(this._$AH=t);else{let l=t,p,v;for(t=o[0],p=0;p<o.length-1;p++)v=ne(this,l[r+p],e,p),v===re&&(v=this._$AH[p]),a||=!Ee(v)||v!==this._$AH[p],v===_?t=_:t!==_&&(t+=(v??"")+o[p+1]),this._$AH[p]=v}a&&!s&&this.j(t)}j(t){t===_?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},Ve=class extends le{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===_?void 0:t}},Ge=class extends le{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==_)}},Je=class extends le{constructor(t,e,r,s,o){super(t,e,r,s,o),this.type=5}_$AI(t,e=this){if((t=ne(this,t,e,0)??_)===re)return;let r=this._$AH,s=t===_&&r!==_||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,o=t!==_&&(r===_||s);s&&this.element.removeEventListener(this.name,this,r),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},Ze=class{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){ne(this,t)}};var hr=Qe.litHtmlPolyfillSupport;hr?.($e,Se),(Qe.litHtmlVersions??=[]).push("3.3.3");var Tt=(i,t,e)=>{let r=e?.renderBefore??t,s=r._$litPart$;if(s===void 0){let o=e?.renderBefore??null;r._$litPart$=s=new Se(t.insertBefore(_e(),o),o,void 0,e??{})}return s._$AI(i),s};var tt=globalThis,h=class extends q{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Tt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return re}};h._$litElement$=!0,h.finalized=!0,tt.litElementHydrateSupport?.({LitElement:h});var mr=tt.litElementPolyfillSupport;mr?.({LitElement:h});(tt.litElementVersions??=[]).push("4.2.2");var u=i=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(i,t)}):customElements.define(i,t)};var vr={attribute:!0,type:String,converter:xe,reflect:!1,hasChanged:Re},ur=(i=vr,t,e)=>{let{kind:r,metadata:s}=e,o=globalThis.litPropertyMetadata.get(s);if(o===void 0&&globalThis.litPropertyMetadata.set(s,o=new Map),r==="setter"&&((i=Object.create(i)).wrapped=!0),o.set(e.name,i),r==="accessor"){let{name:a}=e;return{set(l){let p=t.get.call(this);t.set.call(this,l),this.requestUpdate(a,p,i,!0,l)},init(l){return l!==void 0&&this.C(a,void 0,i,l),l}}}if(r==="setter"){let{name:a}=e;return function(l){let p=this[a];t.call(this,l),this.requestUpdate(a,p,i,!0,l)}}throw Error("Unsupported decorator location: "+r)};function d(i){return(t,e)=>typeof e=="object"?ur(i,t,e):((r,s,o)=>{let a=s.hasOwnProperty(o);return s.constructor.createProperty(o,r),a?Object.getOwnPropertyDescriptor(s,o):void 0})(i,t,e)}function R(i){return d({...i,state:!0,attribute:!1})}var T=class extends h{constructor(){super(...arguments);this.current=0;this.step=0;this.blank=null;this.overview=!1;this.transition=null;this.autoplay=0;this.loop=!1;this.swipe=!1;this.mouseNav=null;this.nav=null;this.slides=[];this.chapters=[];this._overviewTeardown=null;this._transitionLoaded=!1;this._autoplayTimer=null;this._autoplayPaused=!1;this._swipeStartX=0;this._swipeStartY=0;this._swipePointerId=null;this._navDownX=0;this._navDownY=0;this._wheelAccum=0;this._wheelLockUntil=0;this._onHoverEnter=()=>{this._autoplayPaused=!0,this._stopAutoplay()};this._onHoverLeave=()=>{this._autoplayPaused=!1,this.autoplay>0&&this._startAutoplay()};this._onPointerDown=e=>{!this.swipe||e.pointerType==="mouse"&&e.button!==0||e.target?.closest("a, button, input, textarea, [contenteditable]")||(this._swipePointerId=e.pointerId,this._swipeStartX=e.clientX,this._swipeStartY=e.clientY)};this._onPointerUp=e=>{if(this._swipePointerId===null||e.pointerId!==this._swipePointerId)return;let r=e.clientX-this._swipeStartX,s=e.clientY-this._swipeStartY;this._swipePointerId=null,!(Math.abs(r)<60||Math.abs(r)<Math.abs(s)*2)&&(this._stopAutoplay(),r<0?this._advance():this._back(),this._restartAutoplay())};this._onNavPointerDown=e=>{this._navDownX=e.clientX,this._navDownY=e.clientY};this._onClickNav=e=>{if(!this._mouseEnabled("click")||this.overview||this.blank||this.shadowRoot?.querySelector("#kb-overlay.open")||Math.hypot(e.clientX-this._navDownX,e.clientY-this._navDownY)>5)return;let r=window.getSelection();r&&!r.isCollapsed||e.composedPath().some(o=>o instanceof HTMLElement?o.matches?.("a, button, input, textarea, select, [contenteditable], [data-no-advance]")?!0:o.id==="blank"||o.id==="kb-overlay"||o.id==="overview-grid"||o.id==="nav-arrows"||o.id==="kb-hint":!1)||(this._restartAutoplay(),e.shiftKey?this._back():this._advance())};this._onWheel=e=>{if(!this._mouseEnabled("wheel")||this.overview||this.blank||this._wheelTargetScrolls(e))return;e.preventDefault();let r=performance.now();if(r<this._wheelLockUntil||(this._wheelAccum+=e.deltaY,Math.abs(this._wheelAccum)<50))return;let s=this._wheelAccum>0;this._wheelAccum=0,this._wheelLockUntil=r+400,this._restartAutoplay(),s?this._advance():this._back()};this._onAuxUp=e=>{this._mouseEnabled("aux")&&(e.button!==3&&e.button!==4||(e.preventDefault(),this._restartAutoplay(),e.button===3?this._back():this._advance()))};this._onAuxClick=e=>{this._mouseEnabled("aux")&&(e.button===3||e.button===4)&&e.preventDefault()};this._onHash=()=>{this._readHash(!1)};this._onKey=e=>{if(!(e.target&&e.target.matches?.("input,textarea,[contenteditable]"))){if(this._restartAutoplay(),this.overview){(e.key==="Escape"||e.key==="o"||e.key==="O"||e.key==="Enter")&&(e.preventDefault(),this.overview=!1);return}if(this.blank){e.preventDefault(),this.blank=null;return}if(e.key==="."||e.key==="b"||e.key==="B"){e.preventDefault(),this.blank="black";return}if(e.key===","||e.key==="w"||e.key==="W"){e.preventDefault(),this.blank="white";return}if(e.key==="?"||e.key==="h"||e.key==="H"){this._toggleHelp();return}if(e.key==="Escape"){this._closeHelp();return}if(e.key==="o"||e.key==="O"){e.preventDefault(),this.overview=!0;return}if(e.key==="p"||e.key==="P"){e.preventDefault(),this._togglePresenter();return}if(e.key==="Home"){this._goTo(0);return}if(e.key==="End"){this._goTo(this.slides.length-1);return}if(e.key===" "||e.key==="PageDown"){e.preventDefault(),this._advance();return}if(e.key==="PageUp"){e.preventDefault(),this._back();return}if(this._has2DNav()){let{c:r,i:s}=this._coords(this.current);if(e.key==="ArrowRight"){e.preventDefault(),r+1<this.chapters.length?this._goToCoords(r+1,0):this._advance();return}if(e.key==="ArrowLeft"){e.preventDefault(),r-1>=0?this._goToCoords(r-1,0):this._back();return}if(e.key==="ArrowDown"){e.preventDefault();let o=this.chapters[r];o&&s+1<o.slides.length?this._goToCoords(r,s+1):this._advance();return}if(e.key==="ArrowUp"){e.preventDefault(),s-1>=0?this._goToCoords(r,s-1):this._back();return}}else{if(e.key==="ArrowRight"||e.key==="ArrowDown"){e.preventDefault(),this._advance();return}if(e.key==="ArrowLeft"||e.key==="ArrowUp"){e.preventDefault(),this._back();return}}}}}firstUpdated(){this.slides=Array.from(this.querySelectorAll(":scope > *")).filter(e=>e.tagName?.toLowerCase().startsWith("deck-")&&e.tagName?.toLowerCase()!=="deck-root"),this._buildChapters(),this._readHash(!0),this._applyActive(),this._applyStep(),this._updateUI(),this.requestUpdate(),window.addEventListener("keydown",this._onKey),window.addEventListener("hashchange",this._onHash),this.addEventListener("pointerdown",this._onNavPointerDown),this.addEventListener("click",this._onClickNav),this.addEventListener("wheel",this._onWheel,{passive:!1}),window.addEventListener("mouseup",this._onAuxUp),window.addEventListener("auxclick",this._onAuxClick),this.autoplay>0&&this._startAutoplay(),this.swipe?(this.addEventListener("pointerdown",this._onPointerDown),this.addEventListener("pointerup",this._onPointerUp),this.addEventListener("pointercancel",this._onPointerUp),this.addEventListener("mouseenter",this._onHoverEnter),this.addEventListener("mouseleave",this._onHoverLeave)):this.autoplay>0&&(this.addEventListener("mouseenter",this._onHoverEnter),this.addEventListener("mouseleave",this._onHoverLeave))}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this._onKey),window.removeEventListener("hashchange",this._onHash),this.removeEventListener("pointerdown",this._onNavPointerDown),this.removeEventListener("click",this._onClickNav),this.removeEventListener("wheel",this._onWheel),window.removeEventListener("mouseup",this._onAuxUp),window.removeEventListener("auxclick",this._onAuxClick),this._stopAutoplay(),this.removeEventListener("pointerdown",this._onPointerDown),this.removeEventListener("pointerup",this._onPointerUp),this.removeEventListener("pointercancel",this._onPointerUp),this.removeEventListener("mouseenter",this._onHoverEnter),this.removeEventListener("mouseleave",this._onHoverLeave)}_startAutoplay(){this._stopAutoplay(),!(this.autoplay<=0||this._autoplayPaused)&&(this._autoplayTimer=window.setInterval(()=>this._autoTick(),this.autoplay))}_stopAutoplay(){this._autoplayTimer!==null&&(window.clearInterval(this._autoplayTimer),this._autoplayTimer=null)}_autoTick(){if(this.overview)return;this.current>=this.slides.length-1&&this.step>=this._maxSteps()&&this.loop?this._goTo(0):this._advance()}_restartAutoplay(){this.autoplay>0&&!this._autoplayPaused&&this._startAutoplay()}_wheelTargetScrolls(e){let r=e.deltaY>0,s=e.deltaX>0;for(let o of e.composedPath()){if(o===this)return!1;if(!(o instanceof Element))continue;let a=o.scrollHeight>o.clientHeight,l=o.scrollWidth>o.clientWidth;if(!a&&!l)continue;let p=getComputedStyle(o);if(a&&/auto|scroll/.test(p.overflowY)&&(r?o.scrollTop+o.clientHeight<o.scrollHeight-1:o.scrollTop>0)||l&&/auto|scroll/.test(p.overflowX)&&(s?o.scrollLeft+o.clientWidth<o.scrollWidth-1:o.scrollLeft>0))return!0}return!1}_buildChapters(){this.chapters=[];let e=null;this.slides.forEach((r,s)=>{r.tagName?.toLowerCase()==="deck-section"||!e?(e={startIdx:s,slides:[r]},this.chapters.push(e)):e.slides.push(r)})}_has2DNav(){return this.nav==="2d"&&this.chapters.length>1&&this.chapters.some(e=>e.slides.length>1)}_mouseEnabled(e){let r=(this.mouseNav??"all").trim();return r==="none"?!1:r===""||r==="all"?!0:r.split(/\s+/).includes(e)}_coords(e){for(let r=0;r<this.chapters.length;r++){let s=this.chapters[r],o=e-s.startIdx;if(o>=0&&o<s.slides.length)return{c:r,i:o}}return{c:0,i:0}}_flatFromCoords(e,r){let s=this.chapters[Math.max(0,Math.min(this.chapters.length-1,e))];return s?s.startIdx+Math.max(0,Math.min(s.slides.length-1,r)):0}_readHash(e){let r=location.hash,s=r.match(/^#(\d+)\.(\d+)(?:s(\d+))?$/),o=r.match(/^#(\d+)(?:\.(\d+))?$/),a=this.current,l=this.step;if(this._has2DNav()&&s){let v=parseInt(s[1],10)-1,g=parseInt(s[2],10)-1;a=this._flatFromCoords(Math.max(0,v),Math.max(0,g)),l=s[3]?parseInt(s[3],10):0}else if(o)a=parseInt(o[1],10)-1,l=o[2]?parseInt(o[2],10):0;else return;if(a===this.current&&l===this.step&&!e)return;this.current=Math.max(0,Math.min(this.slides.length-1,a));let p=this._maxSteps();this.step=p>0?Math.max(0,Math.min(p,l)):Math.max(0,l),e||(this._applyActive(),this._applyStep(),this._updateUI())}_writeHash(){let e=`#${this.current+1}`+(this.step>0?`.${this.step}`:"");if(location.hash!==e)try{history.replaceState(null,"",e)}catch{}}async _toggleHelp(){(await Promise.resolve().then(()=>(je(),rt))).toggleHelp(this)}async _togglePresenter(){(await Promise.resolve().then(()=>(it(),Nt))).installPresenter(this)}async _closeHelp(){(await Promise.resolve().then(()=>(je(),rt))).closeHelp(this)}async _renderOverviewIfActive(){if(!this.overview){this._overviewTeardown?.(),this._overviewTeardown=null;return}let{mountOverview:e}=await Promise.resolve().then(()=>(st(),Ot));this._overviewTeardown=e(this,{slides:this.slides,chapters:this.chapters,currentIdx:this.current,onPick:r=>{this.overview=!1,this._goTo(r)}})}_maxSteps(){let e=this.slides[this.current];if(!e)return 0;let r=parseInt(e.getAttribute("steps")||e.dataset?.steps||"0",10);if(r>0)return r;let s=e.querySelector("deck-code[step-groups]");if(s)try{return JSON.parse(s.getAttribute("step-groups")).length}catch{}return 0}_advance(){let e=this._maxSteps();this.step<e?(this.step++,this._applyStep(),this._updateUI(),this._writeHash()):this.current<this.slides.length-1?this._goTo(this.current+1):this.loop&&this._goTo(0)}_back(){this.step>0?(this.step--,this._applyStep(),this._updateUI(),this._writeHash()):this.current>0?(this._goTo(this.current-1),this.step=this._maxSteps(),this._applyStep(),this._updateUI(),this._writeHash()):this.loop&&(this._goTo(this.slides.length-1),this.step=this._maxSteps(),this._applyStep(),this._updateUI(),this._writeHash())}_goTo(e){this.current=Math.max(0,Math.min(this.slides.length-1,e)),this.step=0,this._applyActive(),this._applyStep(),this._updateUI(),this._writeHash()}_goToCoords(e,r){let s=Math.max(0,Math.min(this.chapters.length-1,e)),o=this.chapters[s];if(!o)return;let a=Math.max(0,Math.min(o.slides.length-1,r));this._goTo(this._flatFromCoords(s,a))}_applyActive(){let e=this.slides.find(s=>s.hasAttribute("active"))??null,r=this.slides[this.current]??null;this.slides.forEach((s,o)=>{let a=o===this.current;s.toggleAttribute("active",a),a&&s.querySelectorAll("deck-mermaid").forEach(l=>l.render?.())}),this.transition&&!this._transitionLoaded&&(this._transitionLoaded=!0,Promise.resolve().then(()=>(ot(),Bt)).then(s=>s.installTransitions(this))),e!==r&&this.dispatchEvent(new CustomEvent("slide-change",{detail:{current:r,previous:e},bubbles:!1}))}_applyStep(){let e=this.slides[this.current];e&&(e.applyStep?.(this.step),e.querySelectorAll("*").forEach(r=>r.applyStep?.(this.step)),e.querySelectorAll("[data-step-block]").forEach(r=>{let s=parseInt(r.dataset.stepBlock,10);r.style.transition="opacity 0.25s ease",r.style.opacity=this.step===0||s<=this.step?"1":"0.15"}))}_updateUI(){let e=this.slides.length,r=this.current+1,s=this.renderRoot.querySelector("#progress"),o=this.renderRoot.querySelector("#counter"),a=this.renderRoot.querySelector("#step-dots");s&&(s.style.width=r/e*100+"%"),o&&(o.textContent=`${r} / ${e}`);let l=this._maxSteps();a&&(a.innerHTML=l===0?"":Array.from({length:l},(p,v)=>`<div class="dot${v<this.step?" active":""}"></div>`).join(""))}updated(){this._updateUI(),this._renderOverviewIfActive()}_navArrows(){if(!this._mouseEnabled("arrows")||this.overview)return"";let e=this.slides.length;if(e===0)return"";let r=this.current===0&&this.step===0,s=this.current>=e-1&&this.step>=this._maxSteps();if(this._has2DNav()){let{c:o,i:a}=this._coords(this.current),l=this.chapters[o];return c`<div id="nav-arrows"> <button class="nav-btn" title="Previous chapter" ?disabled=${!this.loop&&this.current===0} @click=${()=>o>0?this._goToCoords(o-1,0):this._back()}>‹</button> <button class="nav-btn" title="Up" ?disabled=${a===0} @click=${()=>this._goToCoords(o,a-1)}>↑</button> <button class="nav-btn" title="Down" ?disabled=${!l||a+1>=l.slides.length} @click=${()=>this._goToCoords(o,a+1)}>↓</button> <button class="nav-btn" title="Next chapter" ?disabled=${!this.loop&&s} @click=${()=>o+1<this.chapters.length?this._goToCoords(o+1,0):this._advance()}>›</button> </div>`}return c`<div id="nav-arrows"> <button class="nav-btn" title="Previous" ?disabled=${!this.loop&&r} @click=${()=>this._back()}>‹</button> <button class="nav-btn" title="Next" ?disabled=${!this.loop&&s} @click=${()=>this._advance()}>›</button> </div>`}render(){return c`<div id="progress"></div> <div id="counter"></div> <div id="step-dots"></div> <div id="kb-hint"> <kbd title="Previous" @click=${()=>this._back()}>←</kbd ><kbd title="Next" @click=${()=>this._advance()}>→</kbd> ${this._has2DNav()?c`<kbd title="Previous" @click=${()=>this._back()}>↑</kbd
|
|
503
522
|
><kbd title="Next" @click=${()=>this._advance()}>↓</kbd>`:""}
|
|
504
523
|
<span>·</span>
|
|
505
524
|
<kbd title="Overview" @click=${()=>{this.overview=!this.overview}}>O</kbd>
|
|
@@ -511,7 +530,7 @@ ${i.themeHref?`<link rel="stylesheet" href="${i.themeHref}">`:""}
|
|
|
511
530
|
${this._navArrows()}
|
|
512
531
|
<slot></slot>
|
|
513
532
|
${this.blank?c`<div id="blank" data-tone="${this.blank}" @click=${()=>{this.blank=null}}></div>`:""}
|
|
514
|
-
`}};
|
|
533
|
+
`}};T.styles=m`:host{display:block;width:100vw;height:100vh;position:relative;background:var(--deck-root-bg,var(--rik-surface-page))}#progress{position:fixed;bottom:0;left:0;height:var(--deck-root-progress-height,3px);background:var(--deck-root-progress-color,linear-gradient(90deg,var(--rik-accent),var(--rik-accent--soft)));transition:width 0.25s ease;z-index:100}#counter{position:fixed;bottom:1rem;right:1.5rem;font-size:var(--rik-font-size-xs);color:var(--deck-root-counter-color,var(--rik-text-default--faint));font-family:var(--rik-font-mono);z-index:100}#step-dots{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:100}.dot{width:6px;height:6px;border-radius:50%;background:var(--deck-root-dot-bg,#d4d4d0);transition:background 0.2s}.dot.active{background:var(--deck-root-dot-active-bg,var(--rik-accent))}#kb-hint{position:fixed;bottom:1rem;left:1.5rem;display:inline-flex;align-items:center;gap:6px;font:600 0.62rem/1 var(--rik-font-mono);color:var(--deck-root-kb-hint-color,var(--rik-text-default--faint));z-index:100;opacity:0.5;transition:opacity 0.2s ease;cursor:help}#kb-hint:hover{opacity:1}#kb-hint kbd{background:var(--rik-surface-raised);border:1px solid var(--rik-border-default);border-bottom:2px solid var(--rik-border-default);border-radius:4px;padding:2px 6px;color:var(--rik-text-default);font:inherit;min-width:16px;text-align:center;cursor:pointer}#kb-hint kbd:hover{border-color:var(--rik-accent)}#kb-hint .sep{opacity:0.4}#nav-arrows{position:fixed;bottom:2.4rem;right:1.5rem;display:flex;gap:4px;z-index:100;opacity:var(--deck-root-nav-opacity,0.35);transition:opacity 0.2s ease}#nav-arrows:hover{opacity:1}.nav-btn{appearance:none;cursor:pointer;width:30px;height:30px;display:grid;place-items:center;font:700 1rem/1 var(--rik-font-mono);color:var(--deck-root-nav-color,var(--rik-text-default));background:var(--deck-root-nav-bg,var(--rik-surface-raised));border:1px solid var(--rik-border-default);border-radius:6px;padding:0}.nav-btn:hover:not(:disabled){border-color:var(--rik-accent)}.nav-btn:disabled{opacity:0.3;cursor:default}#blank{position:fixed;inset:0;z-index:9999;cursor:pointer}#blank[data-tone="black"]{background:#000}#blank[data-tone="white"]{background:#fff}`,n([R()],T.prototype,"current",2),n([R()],T.prototype,"step",2),n([R()],T.prototype,"blank",2),n([d({type:Boolean,reflect:!0})],T.prototype,"overview",2),n([d({type:String,reflect:!0})],T.prototype,"transition",2),n([d({type:Number,reflect:!0})],T.prototype,"autoplay",2),n([d({type:Boolean,reflect:!0})],T.prototype,"loop",2),n([d({type:Boolean,reflect:!0})],T.prototype,"swipe",2),n([d({type:String,reflect:!0,attribute:"mouse-nav"})],T.prototype,"mouseNav",2),n([d({type:String,reflect:!0})],T.prototype,"nav",2),T=n([u("deck-root")],T);ot();je();st();it();var Ae=class extends h{get notes(){return(this.textContent??"").trim()}render(){return c`<slot></slot>`}};Ae.styles=m`:host{display:none}`,Ae=n([u("deck-notes")],Ae);var at=m`:host{display:none;position:absolute;inset:0;padding:var(--rik-slide-padding-y) var(--rik-slide-padding-x);flex-direction:column;overflow:hidden;background:var(--rik-surface-page);font-family:var(--rik-font-sans);color:var(--rik-text-default)}:host([active]){display:flex}`,Ur=m`h1{font-size:var(--rik-font-size-h1);font-weight:700;color:var(--rik-text-default);letter-spacing:-0.022em;line-height:1.15;margin-bottom:var(--rik-space-4);padding-bottom:var(--rik-space-2);border-bottom:3px solid var(--rik-accent);display:inline-block;align-self:flex-start;flex:0 0 auto}h1 .accent{color:var(--rik-accent)}::slotted(p),p{font-size:var(--rik-font-size-body);line-height:1.65;color:var(--rik-text-default--muted);margin:0}::slotted(strong),strong{color:var(--rik-text-default);font-weight:700}::slotted(code),code{font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono-sm);background:rgba(0,0,0,0.06);padding:2px 6px;border-radius:var(--rik-radius-sm);color:var(--rik-text-default)}`,Or=m`.lbl{display:inline-block;padding:var(--deck-eyebrow-padding-y,4px) var(--deck-eyebrow-padding-x,12px);background:var(--deck-eyebrow-bg,var(--rik-accent));color:var(--deck-eyebrow-color,var(--rik-accent__on,var(--rik-surface-inverse)));border-radius:var(--deck-eyebrow-radius,var(--rik-radius-pill));font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:var(--rik-space-1);align-self:flex-start}.lead{font-size:var(--rik-font-size-lead);color:var(--rik-text-default--faint);line-height:1.5;margin-bottom:var(--rik-space-4);max-width:75ch;flex:0 0 auto}.kicker{font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--rik-text-default--faint);margin-bottom:var(--rik-space-3);display:block}.kicker.on-dark{color:rgba(255,255,255,0.35)}.caption{font-size:var(--rik-font-size-sm);color:var(--rik-text-default--faint);line-height:1.55}.caption.on-dark{color:rgba(255,255,255,0.5)}.col-label{font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--rik-text-default--faint);margin-bottom:var(--rik-space-2)}`,P=[at,Ur,Or];var E=class extends h{render(){let t=(this.brand??"").split("\xB7").map(a=>a.trim()).filter(Boolean),e=t[0]??"",r=t.slice(1).join(" \xB7 "),s=[this.speaker&&{l:this.speakerLabel??"Pr\xE9sent\xE9 par",v:this.speaker},this.company&&{l:this.companyLabel??"Entreprise",v:this.company},this.duration&&{l:this.durationLabel??"Dur\xE9e",v:this.duration},this.audience&&{l:this.audienceLabel??"Audience",v:this.audience},this.runtime&&{l:this.runtimeLabel??"Runtime",v:this.runtime}].filter(a=>!!a),o=!!this.brandSrc;return c`<div class="brand" part="brand"> ${o?c`<span class="brand-tile"><img src="${this.brandSrc}" alt="${e}"></span>`:""}
|
|
515
534
|
${e?c`<span class="brand-name">${e}</span>`:""}
|
|
516
535
|
${r?c`<span class="brand-context">${r}</span>`:""}
|
|
517
536
|
</div>
|
|
@@ -520,19 +539,19 @@ ${i.themeHref?`<link rel="stylesheet" href="${i.themeHref}">`:""}
|
|
|
520
539
|
<div class="meta-item"><strong>${a.l}</strong><span>${a.v}</span></div>
|
|
521
540
|
`)}
|
|
522
541
|
</div>`:""}
|
|
523
|
-
`}};E.styles=[...P,
|
|
542
|
+
`}};E.styles=[...P,m`:host{background:var(--deck-cover-bg,var(--rik-surface-inverse));justify-content:center;color:var(--deck-cover-text,var(--rik-text-inverse))}.brand{display:inline-flex;align-items:center;gap:var(--rik-space-3);margin-bottom:var(--rik-space-5);align-self:flex-start}.brand-tile{width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center}.brand-tile img{width:100%;height:100%;display:block}.brand-name{font-family:var(--rik-font-display,inherit);font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--deck-cover-soft,var(--rik-text-inverse--muted))}.brand-context{font-size:var(--rik-font-size-xs);font-weight:700;color:var(--deck-cover-muted,var(--rik-text-inverse--faint));letter-spacing:0.2em;text-transform:uppercase;padding-left:var(--rik-space-3);border-left:1px solid var(--deck-cover-border,var(--rik-border-inverse))}::slotted(h1){font-size:clamp(3.6rem,9vw,8.5rem);font-weight:900;color:var(--deck-cover-text,var(--rik-text-inverse));line-height:1.02;letter-spacing:-0.035em;margin-bottom:var(--rik-space-4);border:none;padding:0}::slotted(.sub){font-size:var(--rik-font-size-h2);color:var(--deck-cover-muted,var(--rik-text-inverse--faint));margin-bottom:var(--rik-space-6);max-width:60ch;line-height:1.45;display:block}.meta{display:flex;gap:var(--rik-space-6);border-top:1px solid var(--deck-cover-border,var(--rik-border-inverse));padding-top:var(--rik-space-4)}.meta-item strong{display:block;font-size:var(--rik-font-size-xs);letter-spacing:0.12em;text-transform:uppercase;color:var(--deck-cover-faint,var(--rik-text-inverse--ghost));margin-bottom:6px;font-weight:700}.meta-item span{color:var(--deck-cover-text,var(--rik-text-inverse));font-size:var(--rik-font-size-body);font-weight:600}`],n([d({type:String})],E.prototype,"brand",2),n([d({type:String,attribute:"brand-src"})],E.prototype,"brandSrc",2),n([d({type:String})],E.prototype,"speaker",2),n([d({type:String})],E.prototype,"company",2),n([d({type:String})],E.prototype,"duration",2),n([d({type:String})],E.prototype,"audience",2),n([d({type:String})],E.prototype,"runtime",2),n([d({type:String,attribute:"speaker-label"})],E.prototype,"speakerLabel",2),n([d({type:String,attribute:"company-label"})],E.prototype,"companyLabel",2),n([d({type:String,attribute:"duration-label"})],E.prototype,"durationLabel",2),n([d({type:String,attribute:"audience-label"})],E.prototype,"audienceLabel",2),n([d({type:String,attribute:"runtime-label"})],E.prototype,"runtimeLabel",2),E=n([u("deck-cover")],E);var ce=class extends h{render(){return c`${this.num?c`<div class="sec-num" part="num">${this.num}</div>`:""}
|
|
524
543
|
<slot></slot>
|
|
525
|
-
`}};ce.styles=[...P,
|
|
544
|
+
`}};ce.styles=[...P,m`:host{background:var(--deck-section-bg,var(--rik-surface-inverse));color:var(--rik-text-inverse);justify-content:center;align-items:center;text-align:center}.sec-num{font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--deck-section-num-color,var(--rik-text-inverse--ghost));margin-bottom:var(--rik-space-3);display:inline-flex;align-items:center;gap:0.8rem;font-family:var(--rik-font-mono)}.sec-num::before,.sec-num::after{content:'';width:32px;height:1px;background:var(--deck-section-rule-color,var(--rik-border-inverse))}::slotted(h1){font-size:var(--rik-font-size-section);font-weight:900;color:var(--deck-section-title-color,var(--rik-accent));line-height:1.02;letter-spacing:-0.03em;max-width:18ch;border:none;padding:0;margin:0;text-align:center;align-self:center}::slotted(h1 em){color:var(--deck-section-em-color,var(--rik-text-inverse--muted));font-style:normal;font-weight:700}`],n([d({type:String})],ce.prototype,"num",2),ce=n([u("deck-section")],ce);var pe=class extends h{render(){return c`${this.eyebrow?c`<span class="lbl">${this.eyebrow}</span>`:""}
|
|
526
545
|
<slot name="title"></slot>
|
|
527
546
|
<slot name="lead"></slot>
|
|
528
547
|
<div class="body" part="body"><slot></slot></div>
|
|
529
|
-
`}};pe.styles=[...P,
|
|
548
|
+
`}};pe.styles=[...P,m`:host{justify-content:flex-start}.body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--rik-space-3);overflow:hidden}::slotted(deck-code:not([nested])),::slotted(deck-mermaid),::slotted(table),::slotted(pre),::slotted(svg),::slotted(.hero-main){max-height:100%;flex:0 1 auto}`],n([d({type:String})],pe.prototype,"eyebrow",2),pe=n([u("deck-feature")],pe);var W=class extends h{_resolveSp(t){let e=parseInt(t,10);return!Number.isNaN(e)&&e>=1&&e<=6?`var(--rik-space-${e})`:t}updated(){this.gap&&this.style.setProperty("--_gap",this._resolveSp(this.gap)),this.colGap&&this.style.setProperty("--_col-gap",this._resolveSp(this.colGap))}render(){let t=this.querySelector('[slot="a"]'),e=this.cols==="3"||!!t;return c`${this.eyebrow?c`<span class="lbl">${this.eyebrow}</span>`:""}
|
|
530
549
|
<slot name="title"></slot>
|
|
531
550
|
<slot name="lead"></slot>
|
|
532
551
|
<div class="body" part="body">
|
|
533
552
|
${e?c`<div class="col" part="col"><slot name="a"></slot></div> <div class="col" part="col"><slot name="b"></slot></div> <div class="col" part="col"><slot name="c"></slot></div>`:c`<div class="col" part="col"><slot name="left"></slot></div> <div class="col" part="col"><slot name="right"></slot></div>`}
|
|
534
553
|
</div>
|
|
535
|
-
`}};W.styles=[...P,
|
|
554
|
+
`}};W.styles=[...P,m`:host{justify-content:flex-start}.body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:var(--_gap,var(--deck-split-gap,var(--rik-space-5)))}:host([cols="1-2"]) .body{grid-template-columns:1fr 2fr}:host([cols="2-1"]) .body{grid-template-columns:2fr 1fr}:host([cols="3"]) .body{grid-template-columns:1fr 1fr 1fr;gap:var(--_gap,var(--deck-split-gap,var(--rik-space-4)))}.col{display:flex;flex-direction:column;min-height:0;min-width:0;gap:var(--_col-gap,var(--deck-split-col-gap,var(--rik-space-3)));overflow:hidden}.col.center{justify-content:center}`],n([d({type:String})],W.prototype,"eyebrow",2),n([d({type:String})],W.prototype,"cols",2),n([d({type:String})],W.prototype,"gap",2),n([d({type:String,attribute:"col-gap"})],W.prototype,"colGap",2),W=n([u("deck-split")],W);var he=class extends h{render(){return c`${this.eyebrow?c`<span class="lbl">${this.eyebrow}</span>`:""}
|
|
536
555
|
<slot name="title"></slot>
|
|
537
556
|
<slot name="lead"></slot>
|
|
538
557
|
<div class="hero" part="hero"><slot></slot></div>
|
|
@@ -540,22 +559,22 @@ ${i.themeHref?`<link rel="stylesheet" href="${i.themeHref}">`:""}
|
|
|
540
559
|
<div class="col"><slot name="left"></slot></div>
|
|
541
560
|
<div class="col"><slot name="right"></slot></div>
|
|
542
561
|
</div>
|
|
543
|
-
`}};he.styles=[...P,
|
|
562
|
+
`}};he.styles=[...P,m`:host{justify-content:flex-start}.hero{flex:var(--deck-feature-cards-hero-flex,1 1 50%);min-height:0;display:flex;flex-direction:column;overflow:hidden}::slotted(deck-code),::slotted(deck-mermaid),::slotted(pre),::slotted(table),::slotted(svg){max-height:100%;flex:1 1 auto}.detail{flex:var(--deck-feature-cards-detail-flex,0 1 40%);min-height:0;margin-top:var(--deck-feature-cards-gap,var(--rik-space-3));display:grid;grid-template-columns:1fr 1fr;gap:var(--deck-feature-cards-col-gap,var(--rik-space-4));overflow:hidden}.col{display:flex;flex-direction:column;gap:var(--rik-space-2);min-width:0;min-height:0;overflow:hidden}`],n([d({type:String})],he.prototype,"eyebrow",2),he=n([u("deck-feature-cards")],he);var O=class extends h{updated(){this.position&&this.style.setProperty("--_pos",this.position),typeof this.darken=="number"&&this.style.setProperty("--_dim",String(this.darken));let t=this.align==="top"?"flex-start":this.align==="bottom"?"flex-end":"center";if(this.style.setProperty("--_align",t),this.textAlign){this.style.setProperty("--_text-align",this.textAlign);let e=this.textAlign==="center"?"center":this.textAlign==="right"?"flex-end":"flex-start";this.style.setProperty("--_text-align-items",e)}}render(){let t=this.src?`background-image: url("${this.src.replace(/"/g,"%22")}")`:"";return c`<div class="bg" part="bg" style=${t}></div> <div class="overlay" part="overlay"></div> <div class="content" part="content"><slot></slot></div>`}};O.styles=[at,m`:host{padding:0;color:var(--deck-photo-text-color,var(--rik-text-inverse));overflow:hidden}.bg{position:absolute;inset:0;background-size:cover;background-position:var(--_pos,center);background-repeat:no-repeat}.overlay{position:absolute;inset:0;background:var(--deck-photo-overlay-color,rgba(0,0,0,var(--_dim,0.35)))}.content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--rik-space-3);padding:var(--deck-photo-padding-y,var(--rik-slide-padding-y)) var(--deck-photo-padding-x,var(--rik-slide-padding-x));width:100%;height:100%;max-width:100%;box-sizing:border-box;justify-content:var(--_align,center);text-align:var(--_text-align,left);align-items:var(--_text-align-items,flex-start)}.content > *{max-width:var(--deck-photo-content-max-width,36ch)}::slotted(h1){font-family:var(--rik-font-display,var(--rik-font-sans));font-size:clamp(2.5rem,6vw,5.5rem);font-weight:900;letter-spacing:-0.035em;line-height:1.02;color:var(--deck-photo-text-color,var(--rik-text-inverse));margin:0;text-shadow:0 2px 16px rgba(0,0,0,0.35)}::slotted(h2){font-family:var(--rik-font-display,var(--rik-font-sans));font-size:clamp(1.6rem,3vw,2.6rem);font-weight:800;letter-spacing:-0.025em;line-height:1.1;color:var(--deck-photo-text-color,var(--rik-text-inverse));margin:0;text-shadow:0 2px 12px rgba(0,0,0,0.35)}::slotted(p),::slotted(.sub){font-size:var(--rik-font-size-lead);color:var(--deck-photo-text-muted,var(--rik-text-inverse--muted));line-height:1.5;margin:0;text-shadow:0 1px 8px rgba(0,0,0,0.35)}::slotted(.kicker){font:700 var(--rik-font-size-xs)/1 var(--rik-font-mono);letter-spacing:0.18em;text-transform:uppercase;color:var(--deck-photo-text-muted,var(--rik-text-inverse--muted));margin:0}`],n([d({type:String})],O.prototype,"src",2),n([d({type:String})],O.prototype,"position",2),n([d({type:Number})],O.prototype,"darken",2),n([d({type:String})],O.prototype,"align",2),n([d({type:String,attribute:"text-align"})],O.prototype,"textAlign",2),O=n([u("deck-photo")],O);var me=class extends h{render(){return c`<div class="body" part="body"> ${this.kicker?c`<span class="kicker on-dark">${this.kicker}</span>`:""}
|
|
544
563
|
<slot></slot>
|
|
545
564
|
</div>
|
|
546
|
-
`}};
|
|
565
|
+
`}};me.styles=[...P,m`:host{background:var(--deck-takeaway-bg,var(--rik-surface-inverse));color:var(--rik-text-inverse);justify-content:center;align-items:center;text-align:center}.body{display:flex;flex-direction:column;align-items:center;gap:var(--deck-takeaway-gap,var(--rik-space-4));max-width:75vw}::slotted(.display){font-family:var(--rik-font-display,var(--rik-font-sans));font-size:clamp(3rem,7vw,5.5rem);font-weight:900;color:var(--deck-takeaway-display-color,var(--rik-accent));letter-spacing:-0.03em;line-height:1.05;margin:0}::slotted(.display.danger){color:var(--rik-status-danger)}::slotted(.caption){font-size:var(--rik-font-size-lead);color:var(--deck-takeaway-caption-color,var(--rik-text-inverse--faint))}`],n([d({type:String})],me.prototype,"kicker",2),me=n([u("deck-takeaway")],me);var qt={info:'<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>',warn:'<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/>',danger:'<circle cx="12" cy="12" r="10"/><path d="M12 8v4"/><path d="M12 16h.01"/>',ok:'<path d="M20 6 9 17l-5-5"/>'},ve=class extends h{render(){let t=this.type??"info",e=qt[t]??qt.info;return c`<div class="icon-box"> <svg viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" .innerHTML="${e}"></svg> </div> <div class="content"><slot></slot></div>`}};ve.styles=m`:host{display:flex;gap:var(--rik-space-3);padding:var(--deck-callout-padding-y,var(--rik-space-3)) var(--deck-callout-padding-x,var(--rik-space-4));border-radius:var(--deck-callout-radius,var(--rik-radius-md));background:var(--deck-callout-bg,var(--rik-status-info__bg--mid));border:1px solid var(--deck-callout-border,var(--rik-status-info__border));box-shadow:var(--rik-elevation-2);align-items:center;color:var(--rik-text-default--muted);font-family:var(--rik-font-sans);font-size:var(--rik-font-size-body);line-height:1.55}:host([type="info"]){--deck-callout-bg:var(--rik-status-info__bg--mid);--deck-callout-border:var(--rik-status-info__border);--deck-callout-stroke:var(--rik-accent)}:host([type="warn"]){--deck-callout-bg:var(--rik-status-warn__bg);--deck-callout-border:var(--rik-status-warn__border);--deck-callout-stroke:var(--rik-status-warn)}:host([type="danger"]){--deck-callout-bg:var(--rik-status-danger__bg);--deck-callout-border:var(--rik-status-danger__border);--deck-callout-stroke:var(--rik-status-danger)}:host([type="ok"]){--deck-callout-bg:var(--rik-status-success__bg);--deck-callout-border:var(--rik-status-success__border);--deck-callout-stroke:var(--rik-status-success)}.icon-box{flex-shrink:0;width:var(--rik-icon-2xl);height:var(--rik-icon-2xl);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--rik-surface-tint)}.icon-box svg{width:var(--rik-icon-lg);height:var(--rik-icon-lg);stroke:var(--deck-callout-stroke,var(--rik-accent));stroke-width:2.2}.content{flex:1}::slotted(p){margin:0}::slotted(strong){color:var(--rik-text-default);font-weight:700}::slotted(code){font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono-sm);background:var(--rik-surface-tint);padding:2px 6px;border-radius:var(--rik-radius-sm);color:var(--rik-text-default)}`,n([d({type:String})],ve.prototype,"type",2),ve=n([u("deck-callout")],ve);var G=class extends h{constructor(){super(...arguments);this.center=!1;this.compact=!1}render(){return c`<slot></slot>`}};G.styles=m`:host{display:flex;flex-direction:column;gap:var(--deck-card-gap,var(--rik-space-2));background:var(--deck-card-bg,var(--rik-surface-raised--strong));border:1px solid var(--deck-card-border,var(--rik-border-default));border-radius:var(--deck-card-radius,var(--rik-radius-lg));padding:var(--deck-card-padding-y,var(--rik-space-3)) var(--deck-card-padding-x,var(--rik-space-4));box-shadow:var(--deck-card-shadow,var(--rik-elevation-2));min-height:0;font-family:var(--rik-font-sans);color:var(--deck-card-text,var(--rik-text-default--muted))}:host([color="yellow"]){background:var(--deck-card-bg,var(--rik-status-info__bg));border:4px solid var(--deck-card-border,var(--rik-status-info__border))}:host([color="orange"]){background:var(--deck-card-bg,var(--rik-status-warn__bg));border:4px solid var(--deck-card-border,var(--rik-status-warn__border))}:host([color="green"]){background:var(--deck-card-bg,var(--rik-status-success__bg));border:4px solid var(--deck-card-border,var(--rik-status-success__border))}:host([color="red"]){background:var(--deck-card-bg,var(--rik-status-danger__bg));border:4px solid var(--deck-card-border,var(--rik-status-danger__border))}::slotted(h3){font-family:var(--rik-font-display,var(--rik-font-sans));font-size:var(--rik-font-size-h2);font-weight:700;color:var(--deck-card-title-color,var(--rik-text-default));letter-spacing:-0.01em;line-height:1.25;margin:0}::slotted(p){font-size:var(--rik-font-size-body);line-height:1.55;margin:0}::slotted(strong){color:var(--rik-text-default);font-weight:700}:host([center]){text-align:center;align-items:center}:host([compact]){padding:var(--rik-space-2) var(--rik-space-3)}`,n([d({type:String})],G.prototype,"color",2),n([d({type:Boolean})],G.prototype,"center",2),n([d({type:Boolean})],G.prototype,"compact",2),G=n([u("deck-card")],G);import{marked as Wt}from"https://cdn.jsdelivr.net/npm/marked@12/+esm";Wt.setOptions({gfm:!0,breaks:!1});var ue=class extends h{constructor(){super(...arguments);this._html=""}connectedCallback(){super.connectedCallback(),this._parse()}_parse(){let e=this.textContent??"",r=e.split(`
|
|
547
566
|
`),s=r.filter(a=>a.trim().length>0).reduce((a,l)=>Math.min(a,l.match(/^ */)?.[0].length??0),1/0),o=s===1/0?e:r.map(a=>a.slice(s)).join(`
|
|
548
|
-
`);this._html=Wt.parse(o.trim()),this.textContent=""}render(){return c`<div class="content" .innerHTML="${this._html}"></div>`}};ue.styles=
|
|
567
|
+
`);this._html=Wt.parse(o.trim()),this.textContent=""}render(){return c`<div class="content" .innerHTML="${this._html}"></div>`}};ue.styles=m`:host{display:block;color:var(--rik-text-default--muted);font-family:var(--rik-font-sans)}h1,h2,h3,h4{color:var(--rik-text-default);font-weight:700;letter-spacing:-0.01em}h2{font-size:var(--rik-font-size-h2);margin-bottom:var(--rik-space-2)}h3{font-size:var(--rik-font-size-lead);margin-bottom:var(--rik-space-2);margin-top:var(--rik-space-3)}h4{font-size:var(--rik-font-size-body);margin-bottom:var(--rik-space-1);margin-top:var(--rik-space-3)}p{font-size:var(--rik-font-size-body);line-height:1.65;margin:0 0 var(--rik-space-3)}p:last-child{margin-bottom:0}strong{color:var(--rik-text-default);font-weight:700}em{font-style:italic}code{font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono-sm);background:var(--rik-surface-tint);padding:2px 6px;border-radius:var(--rik-radius-sm);color:var(--rik-text-default)}pre{background:var(--deck-md-pre-bg,var(--rik-code__bg));border:1px solid var(--deck-md-pre-border,var(--rik-code__border));border-radius:var(--rik-radius-md);padding:var(--rik-space-3) var(--rik-space-4);overflow:auto;font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono);line-height:1.75;color:var(--deck-md-pre-text,var(--rik-code__text));margin:0 0 var(--rik-space-3);box-shadow:var(--rik-elevation-2)}pre code{background:none;padding:0;color:inherit;border-radius:0}ul,ol{padding-left:1.4rem;margin:0 0 var(--rik-space-3)}li{margin-bottom:var(--rik-space-1);font-size:var(--rik-font-size-body);line-height:1.55}li::marker{color:var(--rik-accent)}a{color:var(--rik-accent);text-decoration:underline;text-decoration-thickness:1px}blockquote{border-left:3px solid var(--rik-accent);padding:var(--rik-space-1) var(--rik-space-3);color:var(--rik-text-default--faint);font-style:italic;margin:0 0 var(--rik-space-3)}hr{border:none;border-top:1px solid var(--rik-border-default);margin:var(--rik-space-4) 0}.content{display:contents}`,n([R()],ue.prototype,"_html",2),ue=n([u("deck-md")],ue);var Yt=!1;async function jr(){Yt||(window.mermaid||await new Promise((i,t)=>{let e=document.createElement("script");e.src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js",e.onload=()=>i(),e.onerror=()=>t(new Error("mermaid failed to load")),document.head.appendChild(e)}),window.mermaid.initialize({startOnLoad:!1,theme:"dark",themeVariables:{background:"#0f0f10",mainBkg:"#2a2a2a",nodeBorder:"#555",lineColor:"#777",textColor:"#e5e5e5",fontSize:"13px",edgeLabelBackground:"#111"},flowchart:{curve:"basis",htmlLabels:!0,padding:12},securityLevel:"loose"}),Yt=!0)}var Br=0,ie=class extends h{constructor(){super(...arguments);this.rendered=!1;this._svg="";this._source="";this._renderPromise=null}get renderedSvg(){return this._svg}get whenRendered(){return this._renderPromise??Promise.resolve()}connectedCallback(){super.connectedCallback(),this._source=(this.textContent??"").trim();let e=this._source.split(`
|
|
549
568
|
`),r=e.filter(s=>s.trim()).reduce((s,o)=>Math.min(s,o.match(/^ */)?.[0].length??0),1/0);r<1/0&&(this._source=e.map(s=>s.slice(r)).join(`
|
|
550
|
-
`)),this._renderPromise=this._render()}async _render(){if(!this._source)return;await jr();let e=`mmd-${++
|
|
569
|
+
`)),this._renderPromise=this._render()}async _render(){if(!this._source)return;await jr();let e=`mmd-${++Br}`;try{let{svg:r}=await window.mermaid.render(e,this._source);this._svg=r,this.rendered=!0}catch(r){console.error("Mermaid render error",r);let s=r instanceof Error?r.message:String(r);this._svg=`<pre style="color:#f87171">${s}</pre>`}}render(){return c`<div class="canvas" .innerHTML="${this._svg}"></div>`}};ie.styles=m`:host{display:flex;align-items:center;justify-content:center;background:var(--deck-mermaid-bg,var(--rik-code__bg));border:1px solid var(--deck-mermaid-border,var(--rik-code__border));border-radius:var(--deck-mermaid-radius,var(--rik-radius-md));padding:var(--deck-mermaid-padding,var(--rik-space-4));box-shadow:var(--rik-elevation-2);overflow:hidden;min-width:0}:host([compact]){padding:var(--rik-space-2)}.canvas{width:100%;max-width:100%;text-align:center;overflow:hidden}.canvas svg{width:100% !important;height:auto !important;max-width:100% !important;max-height:60vh}:host([compact]) .canvas{max-width:60%}:host([compact]) .canvas svg{max-height:22vh}`,n([d({type:Boolean,reflect:!0})],ie.prototype,"rendered",2),n([R()],ie.prototype,"_svg",2),ie=n([u("deck-mermaid")],ie);var qr={yellow:"var(--rik-accent)",orange:"var(--rik-status-warn)",green:"var(--rik-status-success)",red:"var(--rik-status-danger)",purple:"var(--rik-decor-orchid)",lime:"var(--rik-decor-lime)",cyan:"var(--rik-decor-canary)"},se=class extends h{updated(){this.tone?this.style.setProperty("--_c",qr[this.tone]??this.tone):this.style.removeProperty("--_c")}render(){return c`${this.num?c`<div class="num" part="num">${this.num}</div>`:""}
|
|
551
570
|
<slot name="claim"></slot>
|
|
552
571
|
<div class="body" part="body"><slot></slot></div>
|
|
553
|
-
`}};se.styles=
|
|
554
|
-
`}};oe.styles=
|
|
572
|
+
`}};se.styles=m`:host{display:flex;flex-direction:column;gap:var(--deck-stat-gap,var(--rik-space-2));padding:var(--deck-stat-padding-y,var(--rik-space-4)) var(--deck-stat-padding-x,var(--rik-space-3));border-left:var(--deck-stat-border-width,4px) solid var(--_c,var(--deck-stat-color,var(--rik-accent)));min-width:0;font-family:var(--rik-font-sans)}.num{font-family:var(--rik-font-display,var(--rik-font-sans));font-size:var(--deck-stat-num-size,clamp(3.5rem,7vw,6rem));font-weight:var(--deck-stat-num-weight,900);line-height:0.9;color:var(--_c,var(--deck-stat-color,var(--rik-accent)));letter-spacing:-0.04em}::slotted([slot="claim"]){font-family:var(--rik-font-display,var(--rik-font-sans));font-size:var(--rik-font-size-strong);font-weight:800;color:var(--deck-stat-claim-color,var(--rik-text-default));line-height:1.1;letter-spacing:-0.02em;margin:0}.body{font-size:var(--rik-font-size-body);color:var(--deck-stat-body-color,var(--rik-text-default--faint));line-height:1.45;margin-top:var(--rik-space-2)}::slotted(strong){color:var(--rik-text-default);font-weight:700}::slotted(code){font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono-sm);background:var(--rik-surface-tint);color:var(--rik-text-default);padding:2px 6px;border-radius:var(--rik-radius-sm)}`,n([d({type:String})],se.prototype,"num",2),n([d({type:String})],se.prototype,"tone",2),se=n([u("deck-stat")],se);var Le=class extends h{render(){return c`<slot></slot>`}};Le.styles=m`:host{display:flex;flex-direction:column;gap:var(--rik-space-2)}`,Le=n([u("deck-metric-list")],Le);var J=class extends h{constructor(){super(...arguments);this.mono=!1}render(){return c`<span class="label ${this.mono?"mono":""}"><slot></slot></span> <span class="value" data-severity="${this.severity??""}">${this.value}</span>`}};J.styles=m`:host{display:flex;justify-content:space-between;align-items:center;background:var(--deck-metric-bg,var(--rik-surface-raised--strong));border:1px solid var(--deck-metric-border,var(--rik-border-default));border-radius:var(--deck-metric-radius,var(--rik-radius-md));padding:var(--deck-metric-padding-y,var(--rik-space-2)) var(--deck-metric-padding-x,var(--rik-space-4));font-family:var(--rik-font-sans);font-size:var(--rik-font-size-body);color:var(--deck-metric-text,var(--rik-text-default--muted));box-shadow:var(--deck-metric-shadow,var(--rik-elevation-2))}.label{font-family:inherit}.label.mono{font-family:var(--rik-font-mono);font-size:var(--rik-font-size-sm);color:var(--deck-metric-label-color,var(--rik-text-default--faint))}.value{font-weight:700}.value[data-severity="bad"]{color:var(--deck-metric-value-bad,var(--rik-status-danger))}.value[data-severity="warn"]{color:var(--deck-metric-value-warn,var(--rik-status-warn))}.value[data-severity="ok"]{color:var(--deck-metric-value-ok,var(--rik-status-success))}.value[data-severity="info"]{color:var(--deck-metric-value-info,var(--rik-status-info__text))}`,n([d({type:String})],J.prototype,"value",2),n([d({type:String})],J.prototype,"severity",2),n([d({type:Boolean})],J.prototype,"mono",2),J=n([u("deck-metric")],J);var Te=class extends h{render(){return c`<slot></slot>`}};Te.styles=m`:host{display:flex;flex-direction:column;gap:var(--rik-space-2xs)}`,Te=n([u("deck-tier-list")],Te);var Y=class extends h{constructor(){super(...arguments);this.hot=!1}render(){return c`<div class="head"> <span class="name">${this.name}</span> <span class="speed" data-severity="${this.severity??(this.hot?"hot":"")}">${this.speed}</span> </div> <div class="desc"><slot></slot></div>`}};Y.styles=m`:host{display:flex;flex-direction:column;gap:var(--rik-space-hair);background:var(--deck-tier-bg,var(--rik-surface-raised--strong));border:1px solid var(--deck-tier-border,var(--rik-border-default));border-radius:var(--deck-tier-radius,var(--rik-radius-md));padding:var(--deck-tier-padding-y,var(--rik-space-2)) var(--deck-tier-padding-x,var(--rik-space-4));box-shadow:var(--deck-tier-shadow,var(--rik-elevation-2));font-family:var(--rik-font-sans)}:host([hot]){border-color:var(--deck-tier-hot-border,var(--rik-status-info__border));background:var(--deck-tier-hot-bg,var(--rik-status-info__bg))}.head{display:flex;justify-content:space-between;align-items:baseline}.name{font:700 var(--rik-font-size-body)/1 var(--rik-font-mono);color:var(--deck-tier-name-color,var(--rik-text-default))}:host([hot]) .name{color:var(--deck-tier-hot-color,var(--rik-accent))}.speed{font:700 var(--rik-font-size-body)/1 var(--rik-font-mono)}.speed[data-severity="muted"]{color:var(--deck-tier-speed-muted,var(--rik-text-default--faint))}.speed[data-severity="warn"]{color:var(--deck-tier-speed-warn,var(--rik-status-warn))}.speed[data-severity="ok"]{color:var(--deck-tier-speed-ok,var(--rik-status-success))}:host([hot]) .speed{color:var(--deck-tier-hot-color,var(--rik-accent))}.desc{font-size:var(--rik-font-size-sm);color:var(--deck-tier-desc-color,var(--rik-text-default--faint));line-height:1.4}`,n([d({type:String})],Y.prototype,"name",2),n([d({type:String})],Y.prototype,"speed",2),n([d({type:String})],Y.prototype,"severity",2),n([d({type:Boolean,reflect:!0})],Y.prototype,"hot",2),Y=n([u("deck-tier")],Y);var Me=class extends h{render(){return c`<slot></slot>`}};Me.styles=m`:host{display:block;text-align:center;color:var(--rik-text-default--faint);opacity:var(--rik-opacity-soft);font-size:var(--rik-font-size-xs);padding:2px 0}`,Me=n([u("deck-tier-arrow")],Me);var He=class extends h{render(){return c`<slot></slot>`}};He.styles=m`:host{display:flex;flex-direction:column;gap:var(--rik-space-2xs)}`,He=n([u("deck-step-list")],He);var oe=class extends h{render(){return c`<span class="step-num">${this.n}</span> <span class="label"><slot></slot></span> ${this.note?c`<span class="chip">${this.note}</span>`:""}
|
|
573
|
+
`}};oe.styles=m`:host{display:flex;align-items:center;gap:var(--rik-space-3);background:var(--deck-step-bg,var(--rik-surface-raised--strong));border:1px solid var(--deck-step-border,var(--rik-border-default));border-radius:var(--deck-step-radius,var(--rik-radius-md));padding:var(--deck-step-padding-y,var(--rik-space-2xs)) var(--deck-step-padding-x,var(--rik-space-3));box-shadow:var(--deck-step-shadow,var(--rik-elevation-2));font-family:var(--rik-font-sans);font-size:var(--rik-font-size-body)}.step-num{flex:0 0 auto;width:var(--deck-step-num-size,var(--rik-icon-sm));height:var(--deck-step-num-size,var(--rik-icon-sm));display:inline-flex;align-items:center;justify-content:center;background:var(--deck-step-num-bg,var(--rik-accent));color:var(--deck-step-num-color,var(--rik-accent__on,var(--rik-surface-inverse)));border-radius:50%;font:700 var(--rik-font-size-xs)/1 var(--rik-font-sans)}.label{flex:1;font-family:var(--rik-font-mono);font-weight:600;color:var(--deck-step-label-color,var(--rik-text-default))}.chip{flex:0 0 auto;display:inline-block;padding:2px var(--rik-space-2);background:var(--deck-step-chip-bg,var(--rik-surface-tint));color:var(--deck-step-chip-color,var(--rik-text-default--faint));border-radius:var(--rik-radius-pill);font:600 var(--rik-font-size-sm)/1.4 var(--rik-font-sans)}`,n([d({type:String})],oe.prototype,"n",2),n([d({type:String})],oe.prototype,"note",2),oe=n([u("deck-step")],oe);var fe=class extends h{render(){return c`<slot></slot>`}};fe.styles=m`:host{display:inline-flex;align-items:center;justify-content:center;background:var(--deck-kbd-bg,var(--rik-surface-raised--strong));border:1px solid var(--deck-kbd-border,var(--rik-border-default));border-bottom:3px solid var(--rik-surface-tint--strong,rgba(0,0,0,0.10));border-radius:var(--deck-kbd-radius,5px);padding:var(--deck-kbd-padding-y,3px) var(--deck-kbd-padding-x,8px);font:700 0.92rem/1 var(--rik-font-mono);color:var(--deck-kbd-color,var(--rik-text-default));min-width:22px;text-align:center;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset}:host([tone="accent"]){background:var(--deck-kbd-accent-bg,var(--rik-accent));color:var(--deck-kbd-color,var(--rik-accent__on,var(--rik-surface-inverse)));border-color:rgba(0,0,0,0.15)}:host([tone="ok"]){background:var(--deck-kbd-ok-bg,var(--rik-status-success));color:var(--deck-kbd-color,var(--rik-surface-inverse));border-color:rgba(0,0,0,0.15)}`,n([d({type:String})],fe.prototype,"tone",2),fe=n([u("deck-kbd")],fe);var X=class extends h{render(){let t=(this.keys??"").trim().split(/\s+/).filter(Boolean);return c`<span class="keys" part="keys"> ${t.map(e=>c`<span class="k">${e}</span>`)}
|
|
555
574
|
</span>
|
|
556
575
|
<div class="body" part="body">
|
|
557
576
|
${this.label?c`<div class="label">${this.label}</div>`:""}
|
|
558
577
|
${this.note?c`<div class="note">${this.note}</div>`:c`<div class="note"><slot></slot></div>`}
|
|
559
578
|
</div>
|
|
560
|
-
`}};X.styles=
|
|
561
|
-
`);for(;r.length&&!r[0].trim();)r.shift();for(;r.length&&!r[r.length-1].trim();)r.pop();let s=r.filter(a=>a.trim().length>0).reduce((a,l)=>Math.min(a,l.match(/^ */)?.[0].length??0),1/0),o=s===1/0?r:r.map(a=>a.slice(s));this._html=o.map((a,l)=>'<span class="line" data-line="'+(l+1)+'">'+Fr(a||" ",this.lang)+"</span>").join("")}applyStep(e){if(!this._groups)return;let r=this.shadowRoot?.querySelectorAll(".line");if(r)if(e===0)r.forEach(s=>s.classList.remove("dim","lit"));else{let s=this._groups[Math.min(e-1,this._groups.length-1)]??[];r.forEach(o=>{let a=parseInt(o.dataset.line??"0",10);o.classList.toggle("lit",s.includes(a)),o.classList.toggle("dim",!s.includes(a))})}}render(){return c`<pre><code .innerHTML="${this._html}"></code></pre>`}};
|
|
579
|
+
`}};X.styles=m`:host{display:flex;align-items:center;gap:var(--rik-space-3);padding:var(--rik-space-2) 0;font-family:var(--rik-font-sans)}.keys{display:inline-flex;gap:4px;flex-shrink:0}.keys deck-kbd,.keys .k{display:inline-flex;align-items:center;justify-content:center;background:var(--rik-surface-raised--strong);border:1px solid var(--rik-border-default);border-bottom:3px solid rgba(0,0,0,0.10);border-radius:5px;padding:3px 8px;font:700 0.92rem/1 var(--rik-font-mono);color:var(--rik-text-default);min-width:22px;text-align:center}.body{flex:1;min-width:0}.label{font:700 var(--rik-font-size-body)/1.2 var(--rik-font-sans);color:var(--rik-text-default)}.note{font:400 var(--rik-font-size-sm)/1.4 var(--rik-font-sans);color:var(--rik-text-default--faint);margin-top:2px}:host([tone="accent"]) .keys .k{background:var(--rik-accent);color:var(--rik-surface-inverse);border-color:rgba(0,0,0,0.15)}:host([tone="ok"]) .keys .k{background:var(--rik-status-success);color:var(--rik-surface-inverse);border-color:rgba(0,0,0,0.15)}`,n([d({type:String})],X.prototype,"keys",2),n([d({type:String})],X.prototype,"label",2),n([d({type:String})],X.prototype,"note",2),n([d({type:String})],X.prototype,"tone",2),X=n([u("deck-shortcut")],X);var ae=class extends h{updated(){if(this.colGap){let t=parseInt(this.colGap,10),e=!Number.isNaN(t)&&t>=1&&t<=6?`var(--sp-${t})`:this.colGap;this.style.setProperty("--_col-gap",e)}}render(){return c`<slot></slot>`}};ae.styles=m`:host{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--_col-gap,var(--rik-space-5));font-family:var(--rik-font-sans)}:host([cols="1"]){grid-template-columns:1fr}::slotted(deck-shortcut){border-bottom:1px solid var(--rik-border-default)}`,n([d({type:String})],ae.prototype,"cols",2),n([d({type:String,attribute:"col-gap"})],ae.prototype,"colGap",2),ae=n([u("deck-shortcut-list")],ae);var Wr={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around"},Yr={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch"},F=class extends h{updated(){if(this.gap){let t=parseInt(this.gap,10);!Number.isNaN(t)&&t>=1&&t<=6?this.style.setProperty("--_gap",`var(--rik-space-${t})`):this.style.setProperty("--_gap",this.gap)}else this.style.removeProperty("--_gap");this.style.setProperty("--_dir",this.direction==="row"?"row":"column"),this.align&&this.style.setProperty("--_align",Yr[this.align]??this.align),this.justify&&this.style.setProperty("--_justify",Wr[this.justify]??this.justify)}render(){return c`<slot></slot>`}};F.styles=m`:host{display:flex;flex-direction:var(--_dir,column);gap:var(--_gap,var(--deck-stack-gap,var(--rik-space-3)));align-items:var(--_align,stretch);justify-content:var(--_justify,flex-start);min-width:0;min-height:0}:host([fill]){flex:1 1 auto}`,n([d({type:String})],F.prototype,"gap",2),n([d({type:String})],F.prototype,"direction",2),n([d({type:String})],F.prototype,"align",2),n([d({type:String})],F.prototype,"justify",2),F=n([u("deck-stack")],F);var Xt={start:"start",center:"center",end:"end",stretch:"stretch"};function Ft(i){if(!i)return null;let t=parseInt(i,10);return!Number.isNaN(t)&&String(t)===i.trim()&&t>=1&&t<=12?`repeat(${t}, minmax(0, 1fr))`:i}function Xr(i){if(!i)return null;let t=parseInt(i,10);return!Number.isNaN(t)&&t>=1&&t<=6?`var(--rik-space-${t})`:i}var j=class extends h{updated(){let t=Ft(this.cols),e=Ft(this.rows),r=Xr(this.gap);t&&this.style.setProperty("--_cols",t),e&&this.style.setProperty("--_rows",e),r&&this.style.setProperty("--_gap",r),this.align&&this.style.setProperty("--_align",Xt[this.align]??this.align),this.justify&&this.style.setProperty("--_justify",Xt[this.justify]??this.justify)}render(){return c`<slot></slot>`}};j.styles=m`:host{display:grid;grid-template-columns:var(--_cols,1fr);grid-template-rows:var(--_rows,auto);gap:var(--_gap,var(--deck-grid-gap,var(--rik-space-3)));align-items:var(--_align,stretch);justify-items:var(--_justify,stretch);min-width:0;min-height:0}:host([fill]){flex:1 1 auto;height:100%}`,n([d({type:String})],j.prototype,"cols",2),n([d({type:String})],j.prototype,"rows",2),n([d({type:String})],j.prototype,"gap",2),n([d({type:String})],j.prototype,"align",2),n([d({type:String})],j.prototype,"justify",2),j=n([u("deck-grid")],j);var ge=class extends h{render(){return c`<slot></slot>`}};ge.styles=m`:host{display:inline-block;padding:var(--deck-badge-padding-y,var(--rik-space-1)) var(--deck-badge-padding-x,var(--rik-space-3));margin-bottom:var(--rik-space-2);font:700 var(--rik-font-size-xs)/1.2 var(--rik-font-sans);letter-spacing:0.1em;text-transform:uppercase;border-radius:var(--deck-badge-radius,var(--rik-radius-pill));background:var(--deck-badge-bg,var(--rik-surface-tint));color:var(--deck-badge-fg,var(--rik-text-default--faint));border:1px solid var(--deck-badge-border,var(--rik-border-default))}:host([type="bad"]){--deck-badge-bg:var(--rik-status-danger__bg);--deck-badge-fg:var(--rik-status-danger);--deck-badge-border:var(--rik-status-danger__border)}:host([type="ok"]){--deck-badge-bg:var(--rik-status-success__bg);--deck-badge-fg:var(--rik-status-success);--deck-badge-border:var(--rik-status-success__border)}:host([type="info"]){--deck-badge-bg:var(--rik-status-info__bg--strong);--deck-badge-fg:var(--rik-status-info__text);--deck-badge-border:var(--rik-status-info__border)}:host([type="warn"]){--deck-badge-bg:var(--rik-status-warn__bg);--deck-badge-fg:var(--rik-status-warn);--deck-badge-border:var(--rik-status-warn__border)}`,n([d({type:String})],ge.prototype,"type",2),ge=n([u("deck-badge")],ge);var nt=class extends h{static{this.styles=m`:host{display:block;font:700 var(--deck-kicker-font-size,var(--rik-font-size-xs))/1.2 var(--rik-font-sans);letter-spacing:var(--deck-kicker-tracking,0.14em);text-transform:uppercase;color:var(--deck-kicker-color,var(--rik-text-default--faint));margin-bottom:var(--deck-kicker-margin,var(--rik-space-2))}:host([on-dark]){color:var(--deck-kicker-on-dark-color,var(--rik-text-inverse--faint))}`}render(){return c`<slot></slot>`}};customElements.define("deck-kicker",nt);var Kt={warn:"var(--rik-status-warn)",danger:"var(--rik-status-danger)",ok:"var(--rik-status-success)",info:"var(--rik-accent)",muted:"var(--rik-text-default--faint)",accent:"var(--rik-accent)"},Vt={lead:"var(--rik-font-size-lead)",big:"var(--rik-font-size-big)",mega:"var(--rik-font-size-mega)",stat:"var(--rik-font-size-stat)",display:"clamp(2.6rem, 6vw, 5rem)"},K=class extends h{updated(){this.tone&&Kt[this.tone]?this.style.setProperty("--_color",Kt[this.tone]):this.style.removeProperty("--_color"),this.size&&Vt[this.size]?this.style.setProperty("--_size",Vt[this.size]):this.style.removeProperty("--_size")}render(){return c`<slot></slot>`}};K.styles=m`:host{display:block;margin:0;font-family:var(--rik-font-display,var(--rik-font-sans));font-weight:900;line-height:1.1;letter-spacing:-0.02em;font-size:var(--deck-punch-size,var(--_size,var(--rik-font-size-lead)));color:var(--deck-punch-color,var(--_color,inherit))}:host([weight="700"]){font-weight:700}:host([weight="800"]){font-weight:800}:host([align="center"]){text-align:center}:host([align="right"]){text-align:right}`,n([d({type:String})],K.prototype,"tone",2),n([d({type:String})],K.prototype,"size",2),n([d({type:String,reflect:!0})],K.prototype,"weight",2),n([d({type:String,reflect:!0})],K.prototype,"align",2),K=n([u("deck-punch")],K);function Fr(i,t){let e=i.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">"),r=[],s=(l,p)=>{let v="P"+r.length+"E";return r.push('<span class="'+l+'">'+p+"</span>"),v};return t==="html"||t==="xml"||t==="svg"?(e=e.replace(/(<!--[\s\S]*?-->)/g,l=>s("cmt",l)),e=e.replace(/(<!doctype[^&]*>)/gi,l=>s("cmt",l)),e=e.replace(/("[^"]*"|'[^']*')/g,l=>s("str",l)),e=e.replace(/(<\/?)([a-zA-Z][a-zA-Z0-9:-]*)/g,(l,p,v)=>p+s("kw",v)),e=e.replace(/\b([a-zA-Z][a-zA-Z0-9-]*)(?==)/g,l=>s("prop",l))):t==="css"||t==="scss"||t==="less"?(e=e.replace(/(\/\*[\s\S]*?\*\/)/g,l=>s("cmt",l)),e=e.replace(/("[^"]*"|'[^']*')/g,l=>s("str",l)),e=e.replace(/([a-zA-Z-]+)(?=\s*:)/g,l=>s("prop",l)),e=e.replace(/(#[0-9a-fA-F]{3,8})\b/g,l=>s("num",l)),e=e.replace(/\b(\d+(?:\.\d+)?)(px|rem|em|%|vh|vw|vmin|vmax|s|ms|deg)?/g,(l,p,v)=>s("num",p+(v??"")))):(e=e.replace(/(\/\/[^\n]*)/g,l=>s("cmt",l)),e=e.replace(/(['"`])((?:\\.|(?!\1)[^\\])*)\1/g,l=>s("str",l)),e=e.replace(/\b(const|let|var|function|return|if|else|for|while|class|extends|new|export|import|from|as|await|async|of|in|typeof|instanceof|true|false|null|undefined)\b/g,l=>s("kw",l)),e=e.replace(/\b(\d+(?:\.\d+)?)\b/g,l=>s("num",l))),e=e.replace(/P(\d+)E/g,(l,p)=>r[+p]??""),e}var B=class extends h{constructor(){super(...arguments);this.lang="";this.hero=!1;this.nested=!1;this._html="";this._groups=null}connectedCallback(){super.connectedCallback(),this._highlight();try{this._groups=JSON.parse(this.getAttribute("step-groups")??"null")}catch{this._groups=null}}_highlight(){let r=(this.textContent??"").split(`
|
|
580
|
+
`);for(;r.length&&!r[0].trim();)r.shift();for(;r.length&&!r[r.length-1].trim();)r.pop();let s=r.filter(a=>a.trim().length>0).reduce((a,l)=>Math.min(a,l.match(/^ */)?.[0].length??0),1/0),o=s===1/0?r:r.map(a=>a.slice(s));this._html=o.map((a,l)=>'<span class="line" data-line="'+(l+1)+'">'+Fr(a||" ",this.lang)+"</span>").join("")}applyStep(e){if(!this._groups)return;let r=this.shadowRoot?.querySelectorAll(".line");if(r)if(e===0)r.forEach(s=>s.classList.remove("dim","lit"));else{let s=this._groups[Math.min(e-1,this._groups.length-1)]??[];r.forEach(o=>{let a=parseInt(o.dataset.line??"0",10);o.classList.toggle("lit",s.includes(a)),o.classList.toggle("dim",!s.includes(a))})}}render(){return c`<pre><code .innerHTML="${this._html}"></code></pre>`}};B.styles=m`:host{display:block;background:var(--deck-code-bg,var(--rik-code__bg));border:1px solid var(--deck-code-border,var(--rik-code__border));border-radius:var(--deck-code-radius,var(--rik-radius-md));padding:var(--deck-code-padding-y,var(--rik-space-3)) var(--deck-code-padding-x,var(--rik-space-4));font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono);line-height:1.7;color:var(--deck-code-text,var(--rik-code__text));box-shadow:var(--rik-elevation-2);overflow:auto;white-space:pre}:host([hero]){display:flex;align-items:safe center;padding:var(--deck-code-padding-y,var(--rik-space-4)) var(--deck-code-padding-x,var(--rik-space-5))}:host([nested]){box-shadow:none;border-radius:var(--rik-radius-sm);padding:var(--deck-code-padding-y,var(--rik-space-2)) var(--deck-code-padding-x,var(--rik-space-3))}pre{margin:0;font:inherit;color:inherit}code{display:block;width:100%;font:inherit;color:inherit}.line{transition:opacity 0.25s ease;display:block}.line.dim{opacity:0.25}.line.lit{opacity:1}.kw{color:var(--deck-code-syntax-kw,var(--rik-code__syntax-keyword))}.fn{color:var(--deck-code-syntax-fn,var(--rik-code__syntax-function))}.str{color:var(--deck-code-syntax-str,var(--rik-code__syntax-string))}.num{color:var(--deck-code-syntax-num,var(--rik-code__syntax-number))}.cmt{color:var(--deck-code-syntax-cmt,var(--rik-code__syntax-comment));font-style:italic}.ty{color:var(--deck-code-syntax-ty,var(--rik-code__syntax-type))}.prop{color:var(--deck-code-syntax-prop,var(--rik-code__syntax-property))}`,n([d({type:String})],B.prototype,"lang",2),n([d({type:Boolean,reflect:!0})],B.prototype,"hero",2),n([d({type:Boolean,reflect:!0})],B.prototype,"nested",2),n([d({type:String,attribute:"step-groups"})],B.prototype,"stepGroups",2),n([R()],B.prototype,"_html",2),B=n([u("deck-code")],B);new URLSearchParams(location.search).has("live")&&Promise.resolve().then(()=>(Dt(),Jr));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rikiki-deck",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"description": "A tiny Lit Web Components framework for technical presentations · zero-build for consumers, TypeScript for contributors.",
|
|
5
5
|
"homepage": "https://rikiki.tordu-jardin.fr",
|
|
6
6
|
"repository": {
|