rikiki-deck 0.1.0

package/dist/deck-mermaid.d.ts

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+interface MermaidLib {
+    initialize(opts: Record<string, unknown>): void;
+    render(id: string, source: string): Promise<{
+        svg: string;
+    }>;
+}
+declare global {
+    interface Window {
+        mermaid?: MermaidLib;
+    }
+}
+export declare class DeckMermaid extends LitElement {
+    static styles: import("lit").CSSResult;
+    rendered: boolean;
+    private _svg;
+    private _source;
+    connectedCallback(): void;
+    private _render;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'deck-mermaid': DeckMermaid;
+    }
+}
+export {};
+//# sourceMappingURL=deck-mermaid.d.ts.map

package/dist/deck-mermaid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-mermaid.d.ts","sourceRoot":"","sources":["../src/deck-mermaid.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,UAAU,UAAU;IAClB,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC9D;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QAAG,OAAO,CAAC,EAAE,UAAU,CAAC;KAAE;CAC3C;AAkCD,qBACa,WAAY,SAAQ,UAAU;IAKzC,OAAgB,MAAM,0BAgBpB;IAE0C,QAAQ,UAAS;IACpD,OAAO,CAAC,IAAI,CAAM;IAC3B,OAAO,CAAC,OAAO,CAAM;IAEZ,iBAAiB;YAcZ,OAAO;IAeZ,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/dist/deck-mermaid.js

@@ -0,0 +1,3 @@
+var c=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var o=(n,t,i,r)=>{for(var e=r>1?void 0:r?l(t,i):t,d=n.length-1,s;d>=0;d--)(s=n[d])&&(e=(r?s(t,i,e):s(e))||e);return r&&e&&c(t,i,e),e};import{LitElement as h,html as v,css as g}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as p,property as u,state as f}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var m=!1;async function w(){m||(window.mermaid||await new Promise((n,t)=>{let i=document.createElement("script");i.src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js",i.onload=()=>n(),i.onerror=()=>t(new Error("mermaid failed to load")),document.head.appendChild(i)}),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"}),m=!0)}var b=0,a=class extends h{constructor(){super(...arguments);this.rendered=!1;this._svg="";this._source=""}connectedCallback(){super.connectedCallback(),this._source=(this.textContent??"").trim();let i=this._source.split(`
+`),r=i.filter(e=>e.trim()).reduce((e,d)=>Math.min(e,d.match(/^ */)?.[0].length??0),1/0);r<1/0&&(this._source=i.map(e=>e.slice(r)).join(`
+`)),this._render()}async _render(){if(!this._source)return;await w();let i=`mmd-${++b}`;try{let{svg:r}=await window.mermaid.render(i,this._source);this._svg=r,this.rendered=!0}catch(r){console.error("Mermaid render error",r);let e=r instanceof Error?r.message:String(r);this._svg=`<pre style="color:#f87171">${e}</pre>`}}render(){return v`<div class="canvas" .innerHTML="${this._svg}"></div>`}};a.styles=g`: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}`,o([u({type:Boolean,reflect:!0})],a.prototype,"rendered",2),o([f()],a.prototype,"_svg",2),a=o([p("deck-mermaid")],a);export{a as DeckMermaid};

package/dist/deck-metric.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+export type DeckMetricSeverity = 'bad' | 'warn' | 'ok' | 'info';
+export declare class DeckMetricList extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class DeckMetric extends LitElement {
+    static styles: import("lit").CSSResult;
+    value?: string;
+    severity?: DeckMetricSeverity;
+    mono: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'deck-metric-list': DeckMetricList;
+        'deck-metric': DeckMetric;
+    }
+}
+//# sourceMappingURL=deck-metric.d.ts.map

package/dist/deck-metric.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-metric.d.ts","sourceRoot":"","sources":["../src/deck-metric.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;AAEhE,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAEpB;IACO,MAAM;CAChB;AAED,qBACa,UAAW,SAAQ,UAAU;IAMxC,OAAgB,MAAM,0BAuBpB;IAE0B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC7B,IAAI,UAAS;IAEjC,MAAM;CAMhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;QACnC,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/deck-metric.js

@@ -0,0 +1 @@
+var k=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=(o,t,l,s)=>{for(var r=s>1?void 0:s?p(t,l):t,d=o.length-1,n;d>=0;d--)(n=o[d])&&(r=(s?n(t,l,r):n(r))||r);return s&&r&&k(t,l,r),r};import{LitElement as c,html as m,css as u}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as f,property as v}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var i=class extends c{render(){return m`<slot></slot>`}};i.styles=u`:host{display:flex;flex-direction:column;gap:var(--rik-space-2)}`,i=a([f("deck-metric-list")],i);var e=class extends c{constructor(){super(...arguments);this.mono=!1}render(){return m`<span class="label ${this.mono?"mono":""}"><slot></slot></span> <span class="value" data-severity="${this.severity??""}">${this.value}</span>`}};e.styles=u`: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))}`,a([v({type:String})],e.prototype,"value",2),a([v({type:String})],e.prototype,"severity",2),a([v({type:Boolean})],e.prototype,"mono",2),e=a([f("deck-metric")],e);export{e as DeckMetric,i as DeckMetricList};

package/dist/deck-notes.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+export declare class DeckNotes extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Read by the presenter plugin · pre-formatted text content. */
+    get notes(): string;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'deck-notes': DeckNotes;
+    }
+}
+//# sourceMappingURL=deck-notes.d.ts.map

package/dist/deck-notes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-notes.d.ts","sourceRoot":"","sources":["../src/deck-notes.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,0BAEpB;IAEF,iEAAiE;IACjE,IAAI,KAAK,IAAI,MAAM,CAElB;IAEQ,MAAM,IAAI,OAAO;CAG3B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/deck-notes.js

@@ -0,0 +1 @@
+var a=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var m=(o,n,s,r)=>{for(var t=r>1?void 0:r?d(n,s):n,l=o.length-1,i;l>=0;l--)(i=o[l])&&(t=(r?i(n,s,t):i(t))||t);return r&&t&&a(n,s,t),t};import{LitElement as c,css as p,html as g}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as u}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var e=class extends c{get notes(){return(this.textContent??"").trim()}render(){return g`<slot></slot>`}};e.styles=p`:host{display:none}`,e=m([u("deck-notes")],e);export{e as DeckNotes};

package/dist/deck-overview.d.ts

@@ -0,0 +1,16 @@
+type Slide = HTMLElement;
+type Chapter = {
+    startIdx: number;
+    slides: Slide[];
+};
+export interface OverviewOptions {
+    slides: Slide[];
+    chapters: Chapter[];
+    currentIdx: number;
+    /** Called when the user clicks a thumbnail. The host should close the
+     *  overview and navigate to the chosen slide. */
+    onPick: (idx: number) => void;
+}
+export declare function mountOverview(host: HTMLElement, opts: OverviewOptions): () => void;
+export {};
+//# sourceMappingURL=deck-overview.d.ts.map

package/dist/deck-overview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-overview.d.ts","sourceRoot":"","sources":["../src/deck-overview.ts"],"names":[],"mappings":"AAcA,KAAK,KAAK,GAAG,WAAW,CAAC;AACzB,KAAK,OAAO,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,KAAK,EAAE,CAAA;CAAE,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB;qDACiD;IACjD,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAiPD,wBAAgB,aAAa,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,eAAe,GAAG,MAAM,IAAI,CAsPlF"}

package/dist/deck-overview.js

@@ -0,0 +1,202 @@
+var H="data-deck-overview",O="data-overview-tokens",A=`
+  :host([overview]) ::slotted(*) { display: none !important; }
+  :host([overview]) #overview-grid {
+    position: fixed; inset: 0;
+    background: var(--rik-surface-page);
+    overflow: hidden;
+    z-index: 80;
+    display: grid;
+    grid-template-rows: auto 1fr;
+  }
+
+  /* \u2500\u2500 Top bar \xB7 search, slide count, close hint \u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+  :host([overview]) .ov-bar {
+    display: flex; align-items: center; gap: 16px;
+    padding: 14px 28px;
+    background: var(--rik-surface-raised);
+    border-bottom: 1px solid var(--rik-border-default);
+    font: 700 0.78rem/1 var(--rik-font-mono);
+    letter-spacing: 0.10em;
+    color: var(--rik-text-default--faint);
+  }
+  :host([overview]) .ov-bar .ov-search {
+    flex: 1;
+    appearance: none;
+    background: var(--rik-surface-raised--strong);
+    border: 1px solid var(--rik-border-default);
+    border-radius: var(--rik-radius-sm);
+    padding: 8px 14px;
+    font: inherit;
+    color: var(--rik-text-default);
+    letter-spacing: 0;
+    max-width: 480px;
+  }
+  :host([overview]) .ov-bar .ov-search:focus {
+    outline: none;
+    border-color: var(--rik-accent);
+    box-shadow: 0 0 0 3px var(--rik-accent--soft);
+  }
+  :host([overview]) .ov-bar .ov-count { color: var(--rik-accent); }
+  :host([overview]) .ov-bar .ov-hint { letter-spacing: 0.16em; text-transform: uppercase; }
+
+  /* \u2500\u2500 Sidebar layout (many slides) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+  :host([overview]) .ov-body {
+    display: grid;
+    grid-template-columns: 240px 1fr;
+    min-height: 0;
+  }
+  :host([overview]) .ov-body.compact { grid-template-columns: 1fr; }
+  :host([overview]) .ov-aside {
+    border-right: 1px solid var(--rik-border-default);
+    background: var(--rik-surface-raised);
+    overflow-y: auto;
+    padding: 16px 0;
+  }
+  :host([overview]) .ov-aside-item {
+    display: grid;
+    grid-template-columns: 36px 1fr;
+    gap: 10px;
+    align-items: baseline;
+    padding: 10px 16px;
+    cursor: pointer;
+    border-left: 3px solid transparent;
+    color: var(--rik-text-default--muted);
+    transition: background 0.12s, color 0.12s, border-color 0.12s;
+  }
+  :host([overview]) .ov-aside-item:hover {
+    background: var(--rik-surface-tint);
+    color: var(--rik-text-default);
+  }
+  :host([overview]) .ov-aside-item[data-active] {
+    background: var(--rik-accent--faint);
+    border-left-color: var(--rik-accent);
+    color: var(--rik-text-default);
+  }
+  :host([overview]) .ov-aside-num {
+    font: 800 0.85rem/1 var(--rik-font-mono);
+    color: var(--rik-accent);
+  }
+  :host([overview]) .ov-aside-text {
+    font: 700 0.92rem/1.3 var(--rik-font-display, var(--rik-font-sans));
+    letter-spacing: -0.005em;
+  }
+  :host([overview]) .ov-aside-count {
+    font: 600 0.70rem/1 var(--rik-font-mono);
+    color: var(--rik-text-default--faint);
+    margin-top: 4px;
+  }
+
+  /* \u2500\u2500 Main scroll area \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+  :host([overview]) .ov-main {
+    overflow-y: auto;
+    padding: 24px 32px 48px;
+    display: flex; flex-direction: column;
+    gap: 32px;
+    min-width: 0;
+  }
+  :host([overview]) .ov-chapter {
+    display: flex; flex-direction: column;
+    gap: 12px;
+    scroll-margin-top: 24px;
+  }
+  :host([overview]) .ov-chapter-head {
+    display: flex; align-items: baseline; gap: 12px;
+    padding-bottom: 6px;
+    border-bottom: 2px solid var(--rik-accent);
+  }
+  :host([overview]) .ov-chapter-num {
+    font: 800 0.85rem/1 var(--rik-font-mono);
+    color: var(--rik-accent);
+    letter-spacing: 0.12em;
+  }
+  :host([overview]) .ov-chapter-title {
+    font: 800 1.2rem/1.2 var(--rik-font-display, var(--rik-font-sans));
+    color: var(--rik-text-default);
+    letter-spacing: -0.012em;
+    flex: 1;
+    min-width: 0;
+  }
+  :host([overview]) .ov-chapter-count {
+    font: 700 0.72rem/1 var(--rik-font-mono);
+    color: var(--rik-text-default--faint);
+    letter-spacing: 0.1em;
+    text-transform: uppercase;
+  }
+  :host([overview]) .ov-row {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(var(--ov-cell-min, 180px), 1fr));
+    gap: 12px;
+  }
+
+  /* \u2500\u2500 Path layout (\u2264 60 slides) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+  :host([overview]) .ov-path .ov-row {
+    display: flex; gap: 14px; align-items: center; flex-wrap: wrap;
+  }
+  :host([overview]) .ov-path .ov-connector {
+    flex: 0 0 auto;
+    width: 16px; height: 2px;
+    background: var(--rik-border-default);
+  }
+  :host([overview]) .ov-path .ov-cell { flex: 0 0 auto; width: clamp(160px, 14vw, 260px); }
+
+  /* \u2500\u2500 Thumbnail cell \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+  :host([overview]) .ov-cell {
+    position: relative;
+    aspect-ratio: 16 / 9;
+    background:
+      linear-gradient(180deg, var(--rik-surface-raised) 0%, var(--rik-surface-sunken) 100%);
+    border: 1px solid var(--rik-border-default);
+    border-radius: var(--rik-radius-md);
+    overflow: hidden;
+    cursor: pointer;
+    transition: border-color 0.12s ease, transform 0.12s ease, box-shadow 0.12s ease, opacity 0.15s;
+    box-shadow: var(--rik-elevation-1);
+  }
+  :host([overview]) .ov-cell:hover {
+    transform: translateY(-2px) scale(1.015);
+    border-color: var(--rik-accent--soft);
+    box-shadow: var(--rik-elevation-3);
+    z-index: 1;
+  }
+  :host([overview]) .ov-cell[data-current] {
+    border-color: var(--rik-accent);
+    box-shadow: 0 0 0 3px var(--rik-accent--soft), var(--rik-elevation-2);
+  }
+  :host([overview]) .ov-cell[data-filtered-out] { opacity: 0.10; pointer-events: none; transform: scale(0.96); }
+  :host([overview]) .ov-cell:not([data-loaded]) .ov-thumb { display: none; }
+  :host([overview]) .ov-cell:not([data-loaded])::before {
+    content: '';
+    position: absolute; inset: 0;
+    background:
+      linear-gradient(110deg,
+        transparent 0%,
+        transparent 38%,
+        rgba(42, 37, 32, 0.04) 50%,
+        transparent 62%,
+        transparent 100%);
+    background-size: 200% 100%;
+    animation: ov-shimmer 1.4s linear infinite;
+  }
+  @keyframes ov-shimmer {
+    from { background-position: 100% 0; }
+    to   { background-position: -100% 0; }
+  }
+  :host([overview]) .ov-thumb {
+    position: absolute; top: 0; left: 0;
+    width: var(--ov-thumb-w, 1920px); height: var(--ov-thumb-h, 1080px);
+    transform: scale(var(--overview-scale, 0.2));
+    transform-origin: top left;
+    pointer-events: none;
+  }
+  :host([overview]) .ov-thumb > * { display: flex !important; }
+  :host([overview]) .ov-cell-label {
+    position: absolute; bottom: 6px; right: 8px;
+    font: 700 0.70rem/1 var(--rik-font-mono);
+    color: var(--rik-text-default);
+    background: rgba(255, 255, 255, 0.92);
+    padding: 3px 7px; border-radius: 4px;
+    z-index: 2;
+    pointer-events: none;
+  }
+  :host(:not([overview])) #overview-grid { display: none; }
+`;function P(s){if(s.querySelector(`style[${H}]`))return;let i=document.createElement("style");i.setAttribute(H,"1"),i.textContent=A,s.appendChild(i)}function R(s,i){if(s.querySelector(`link[${O}]`))return;let l=document.createElement("link");l.rel="stylesheet",l.setAttribute(O,"1"),l.href=new URL("../tokens.css",i).href,s.appendChild(l)}function $(s){let l=s.slides[0]?.querySelector("h1");return l?Array.from(l.childNodes).map(r=>r.nodeName==="BR"?" ":r.textContent??"").join("").replace(/\s+/g," ").trim()||`Slide ${s.startIdx+1}`:`Slide ${s.startIdx+1}`}function z(s){return(s.textContent||"").replace(/\s+/g," ").trim().slice(0,400).toLowerCase()}function W(s,i){let l=s.shadowRoot;if(!l)return()=>{};P(l),R(l,import.meta.url);let r=l.querySelector("#overview-grid");r||(r=document.createElement("div"),r.id="overview-grid",l.appendChild(r)),r.innerHTML="";let u=i.slides.length,f=u>60,S=u>300?140:u>150?160:u>60?180:220;r.style.setProperty("--ov-cell-min",S+"px");let L=window.innerWidth,q=window.innerHeight;r.style.setProperty("--ov-thumb-w",`${L}px`),r.style.setProperty("--ov-thumb-h",`${q}px`),requestAnimationFrame(()=>{let e=r.querySelector(".ov-cell")?.clientWidth??S;r.style.setProperty("--overview-scale",String(e/L))});let x=document.createElement("div");x.className="ov-bar";let p=document.createElement("input");p.className="ov-search",p.type="search",p.placeholder=`Search ${u} slides \xB7 type to filter`,p.spellcheck=!1,x.appendChild(p);let w=document.createElement("span");w.className="ov-count",w.textContent=`${u} slides \xB7 ${i.chapters.length} chapters`,x.appendChild(w);let k=document.createElement("span");k.className="ov-hint",k.textContent="O \xB7 Esc \xB7 close",x.appendChild(k),r.appendChild(x);let b=document.createElement("div");b.className="ov-body"+(f?"":" compact"),r.appendChild(b);let h=f?document.createElement("aside"):null;h&&(h.className="ov-aside",b.appendChild(h));let g=document.createElement("div");g.className="ov-main"+(f?"":" ov-path"),b.appendChild(g);let y=[],N=[],T=new WeakMap,E=new IntersectionObserver(e=>{for(let a of e){if(!a.isIntersecting)continue;let o=a.target;if(o.dataset.loaded)continue;let d=T.get(o);if(!d)continue;let t=document.createElement("div");t.className="ov-thumb";let v=d.cloneNode(!0);v.setAttribute("active",""),t.appendChild(v),o.insertBefore(t,o.firstChild),o.dataset.loaded="1",E.unobserve(o)}},{root:null,rootMargin:"300px 0px",threshold:0});i.chapters.forEach((e,a)=>{let o=document.createElement("section");if(o.className="ov-chapter",o.id=`ov-chapter-${a}`,f){let t=document.createElement("header");t.className="ov-chapter-head";let v=document.createElement("span");v.className="ov-chapter-num",v.textContent=String(a+1).padStart(2,"0"),t.appendChild(v);let c=document.createElement("span");c.className="ov-chapter-title",c.textContent=$(e),t.appendChild(c);let n=document.createElement("span");n.className="ov-chapter-count",n.textContent=`${e.slides.length} slide${e.slides.length>1?"s":""}`,t.appendChild(n),o.appendChild(t)}let d=document.createElement("div");if(d.className="ov-row",e.slides.forEach((t,v)=>{if(!f&&v>0){let I=document.createElement("div");I.className="ov-connector",d.appendChild(I)}let c=e.startIdx+v,n=document.createElement("div");n.className="ov-cell",n.dataset.idx=String(c),n.dataset.search=z(t),c===i.currentIdx&&(n.dataset.current="1"),T.set(n,t),E.observe(n);let m=document.createElement("span");m.className="ov-cell-label",m.textContent=String(c+1),n.appendChild(m),n.addEventListener("click",()=>i.onPick(c)),d.appendChild(n)}),o.appendChild(d),g.appendChild(o),y.push(o),h){let t=document.createElement("button");t.type="button",t.className="ov-aside-item",i.currentIdx>=e.startIdx&&i.currentIdx<e.startIdx+e.slides.length&&(t.dataset.active="1");let c=document.createElement("span");c.className="ov-aside-num",c.textContent=String(a+1).padStart(2,"0"),t.appendChild(c);let n=document.createElement("span");n.className="ov-aside-text",n.textContent=$(e);let m=document.createElement("div");m.className="ov-aside-count",m.textContent=`${e.slides.length} slide${e.slides.length>1?"s":""}`,n.appendChild(m),t.appendChild(n),t.addEventListener("click",()=>{o.scrollIntoView({behavior:"smooth",block:"start"})}),h.appendChild(t),N.push(t)}});let C=null;h&&(C=new IntersectionObserver(e=>{let a=e.filter(o=>o.isIntersecting).sort((o,d)=>o.boundingClientRect.top-d.boundingClientRect.top);if(a.length>0){let o=y.indexOf(a[0].target);o>=0&&N.forEach((d,t)=>{t===o?d.dataset.active="1":delete d.dataset.active})}},{root:g,rootMargin:"0px 0px -70% 0px",threshold:0}),y.forEach(e=>C.observe(e)));let M=r.querySelectorAll(".ov-cell");return p.addEventListener("input",()=>{let e=p.value.trim().toLowerCase();if(!e){M.forEach(a=>delete a.dataset.filteredOut);return}M.forEach(a=>{(a.dataset.search||"").includes(e)?delete a.dataset.filteredOut:a.dataset.filteredOut="1"})}),requestAnimationFrame(()=>{let e=r.querySelector(".ov-cell[data-current]");e&&e.scrollIntoView({block:"center"})}),()=>{C?.disconnect(),E.disconnect(),r&&(r.innerHTML="")}}export{W as mountOverview};

package/dist/deck-photo.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+export declare class DeckPhoto extends LitElement {
+    static styles: import("lit").CSSResult[];
+    src?: string;
+    position?: string;
+    darken?: number;
+    align?: 'top' | 'center' | 'bottom';
+    textAlign?: 'left' | 'center' | 'right';
+    updated(): void;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'deck-photo': DeckPhoto;
+    }
+}
+//# sourceMappingURL=deck-photo.d.ts.map

package/dist/deck-photo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-photo.d.ts","sourceRoot":"","sources":["../src/deck-photo.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,SAAU,SAAQ,UAAU;IAOvC,OAAgB,MAAM,4BAoEnB;IAEyB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpF,OAAO,IAAI,IAAI;IAYf,MAAM,IAAI,OAAO;CAQ3B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/deck-photo.js

@@ -0,0 +1 @@
+var g=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var i=(s,e,o,n)=>{for(var r=n>1?void 0:n?v(e,o):e,l=s.length-1,d;l>=0;l--)(d=s[l])&&(r=(n?d(e,o,r):d(r))||r);return n&&r&&g(e,o,r),r};import{LitElement as f,html as x,css as k}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as m,property as a}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";import{css as c}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";var p=c`: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}`,u=c`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)}`,y=c`.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)}`;var t=class extends f{updated(){this.position&&this.style.setProperty("--_pos",this.position),typeof this.darken=="number"&&this.style.setProperty("--_dim",String(this.darken));let e=this.align==="top"?"flex-start":this.align==="bottom"?"flex-end":"center";if(this.style.setProperty("--_align",e),this.textAlign){this.style.setProperty("--_text-align",this.textAlign);let o=this.textAlign==="center"?"center":this.textAlign==="right"?"flex-end":"flex-start";this.style.setProperty("--_text-align-items",o)}}render(){let e=this.src?`background-image: url("${this.src.replace(/"/g,"%22")}")`:"";return x`<div class="bg" part="bg" style=${e}></div> <div class="overlay" part="overlay"></div> <div class="content" part="content"><slot></slot></div>`}};t.styles=[p,k`: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}`],i([a({type:String})],t.prototype,"src",2),i([a({type:String})],t.prototype,"position",2),i([a({type:Number})],t.prototype,"darken",2),i([a({type:String})],t.prototype,"align",2),i([a({type:String,attribute:"text-align"})],t.prototype,"textAlign",2),t=i([m("deck-photo")],t);export{t as DeckPhoto};

package/dist/deck-presenter.d.ts

@@ -0,0 +1,3 @@
+import type { DeckRoot } from './deck-root.js';
+export declare function installPresenter(host: DeckRoot): void;
+//# sourceMappingURL=deck-presenter.d.ts.map

package/dist/deck-presenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-presenter.d.ts","sourceRoot":"","sources":["../src/deck-presenter.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAuM/C,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAkDrD"}

package/dist/deck-presenter.js

@@ -0,0 +1,148 @@
+var c="rik-presenter",t=null,i=null,o=null;function m(e){let r=Array.from(e.children).filter(l=>l.tagName.toLowerCase().startsWith("deck-")),s=r.findIndex(l=>l.hasAttribute("active")),a=r[s]??null,n=r[s+1]??null,p=(a?.querySelector("deck-notes")?.textContent??"").trim(),u=document.querySelector('link[rel="stylesheet"][href*="rikiki"], link[rel="stylesheet"][href*="tokens"], link[rel="stylesheet"][href*="theme"]')?.href??"";return{current:s+1,total:r.length,slideHtml:a?.outerHTML??"",nextHtml:n?.outerHTML??null,notes:p,themeHref:u}}function d(e){i&&i.postMessage({type:"state",state:m(e)})}var h=e=>`<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>Rikiki \xB7 presenter</title>
+${e.themeHref?`<link rel="stylesheet" href="${e.themeHref}">`:""}
+<style>
+  html, body { margin: 0; padding: 0; height: 100%; background: #0f1422; color: #fafafa; font-family: var(--rik-font-sans, system-ui); }
+  .grid {
+    display: grid;
+    grid-template-columns: 2fr 1fr;
+    grid-template-rows: 1fr auto;
+    gap: 16px;
+    padding: 16px;
+    height: 100vh;
+    box-sizing: border-box;
+  }
+  .panel {
+    background: #1e2840;
+    border-radius: 12px;
+    overflow: hidden;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+  }
+  .panel header {
+    font: 700 11px/1 var(--rik-font-mono, monospace);
+    text-transform: uppercase;
+    letter-spacing: 0.18em;
+    padding: 10px 14px;
+    color: rgba(232,228,240,0.45);
+    background: #161c2e;
+  }
+  .panel .body { flex: 1; min-height: 0; padding: 16px; overflow: hidden; }
+  .panel iframe { width: 100%; height: 100%; border: 0; background: white; border-radius: 8px; }
+  #notes { font-size: 17px; line-height: 1.6; white-space: pre-wrap; padding: 20px; overflow: auto; color: #e8e4f0; }
+  #notes:empty::before { content: 'No notes for this slide.'; color: rgba(232,228,240,0.4); font-style: italic; }
+  #footer {
+    grid-column: 1 / -1;
+    display: flex; align-items: center; justify-content: space-between;
+    background: #1e2840;
+    border-radius: 12px;
+    padding: 14px 20px;
+    font: 700 16px/1 var(--rik-font-mono, monospace);
+  }
+  #timer { font-size: 28px; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
+  #counter { color: rgba(232,228,240,0.6); }
+  button {
+    background: transparent;
+    border: 1px solid rgba(232,228,240,0.2);
+    color: inherit;
+    font: inherit;
+    padding: 8px 14px;
+    border-radius: 6px;
+    cursor: pointer;
+  }
+  button:hover { background: rgba(255,255,255,0.06); }
+  .ghost { color: rgba(232,228,240,0.4); }
+</style>
+</head>
+<body>
+<div class="grid">
+  <section class="panel" id="current">
+    <header>Current</header>
+    <div class="body"><iframe id="current-frame" srcdoc=""></iframe></div>
+  </section>
+  <section class="panel" id="next">
+    <header>Next</header>
+    <div class="body"><iframe id="next-frame" srcdoc=""></iframe></div>
+  </section>
+  <section class="panel" id="notes-panel" style="grid-column: 1 / -1;">
+    <header>Speaker notes</header>
+    <div id="notes" class="body"></div>
+  </section>
+  <div id="footer">
+    <div><span id="timer">00:00</span> <button id="timer-toggle">Pause</button> <button id="timer-reset">Reset</button></div>
+    <div id="counter">${e.current} / ${e.total}</div>
+    <div><span class="ghost">P to close</span></div>
+  </div>
+</div>
+<script>
+  const channel = new BroadcastChannel('${c}');
+  const current = document.getElementById('current-frame');
+  const next = document.getElementById('next-frame');
+  const notes = document.getElementById('notes');
+  const counter = document.getElementById('counter');
+  const timerEl = document.getElementById('timer');
+  const toggleBtn = document.getElementById('timer-toggle');
+  const resetBtn = document.getElementById('timer-reset');
+
+  let running = true;
+  let startedAt = Date.now();
+  let elapsed = 0;
+  function fmt(ms) {
+    const s = Math.floor(ms / 1000);
+    const m = Math.floor(s / 60);
+    const h = Math.floor(m / 60);
+    const pad = (n) => String(n).padStart(2, '0');
+    return h > 0 ? (h + ':' + pad(m % 60) + ':' + pad(s % 60)) : (pad(m) + ':' + pad(s % 60));
+  }
+  function tick() {
+    if (running) timerEl.textContent = fmt(elapsed + (Date.now() - startedAt));
+    requestAnimationFrame(tick);
+  }
+  tick();
+  toggleBtn.onclick = () => {
+    if (running) { elapsed += Date.now() - startedAt; running = false; toggleBtn.textContent = 'Resume'; }
+    else { startedAt = Date.now(); running = true; toggleBtn.textContent = 'Pause'; }
+  };
+  resetBtn.onclick = () => { startedAt = Date.now(); elapsed = 0; running = true; toggleBtn.textContent = 'Pause'; };
+
+  function wrapFrame(slideHtml) {
+    const themeHref = ${JSON.stringify(e.themeHref)};
+    const themeLink = themeHref ? '<link rel="stylesheet" href="' + themeHref + '">' : '';
+    // Use the consumer's rikiki bundle URL \xB7 we cannot guess it perfectly, so
+    // assume it sits next to the theme css.
+    const bundleHref = themeHref.replace(/themes\\/[^/]+\\.css.*$/, 'dist/index.js');
+    return '<!doctype html><html><head><meta charset="UTF-8">' + themeLink +
+      '<script type="module" src="' + bundleHref + '"><' + '/script>' +
+      '<style>html,body{margin:0;padding:0;height:100%;overflow:hidden}body{display:flex}deck-root{flex:1}deck-root>*{display:flex!important}</style>' +
+      '</head><body><deck-root>' + slideHtml + '</deck-root></body></html>';
+  }
+
+  channel.onmessage = (e) => {
+    if (e.data?.type !== 'state') return;
+    const s = e.data.state;
+    counter.textContent = s.current + ' / ' + s.total;
+    notes.textContent = s.notes;
+    if (s.slideHtml) current.srcdoc = wrapFrame(s.slideHtml);
+    if (s.nextHtml)  next.srcdoc = wrapFrame(s.nextHtml);
+    else next.srcdoc = '<!doctype html><html><body style="background:#0f1422;color:rgba(232,228,240,0.4);display:flex;align-items:center;justify-content:center;font-family:system-ui">End of deck</body></html>';
+  };
+
+  // Initial paint from the seed state
+  const seed = ${JSON.stringify(e)};
+  channel.postMessage({ type: 'state', state: seed });
+
+  // Forward keys back to the main window (so the speaker can drive nav from the laptop)
+  window.addEventListener('keydown', (e) => {
+    if (e.target.matches && e.target.matches('input,textarea,button')) return;
+    channel.postMessage({ type: 'key', key: e.key, shift: e.shiftKey });
+  });
+
+  // Tell main window we're alive
+  channel.postMessage({ type: 'hello' });
+<\/script>
+</body>
+</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/deck-punch.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+export type DeckPunchTone = 'warn' | 'danger' | 'ok' | 'info' | 'muted' | 'accent';
+export type DeckPunchSize = 'lead' | 'big' | 'mega' | 'stat' | 'display';
+export declare class DeckPunch extends LitElement {
+    static styles: import("lit").CSSResult;
+    tone?: DeckPunchTone;
+    size?: DeckPunchSize;
+    weight?: string;
+    align?: string;
+    updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'deck-punch': DeckPunch;
+    }
+}
+//# sourceMappingURL=deck-punch.d.ts.map

package/dist/deck-punch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-punch.d.ts","sourceRoot":"","sources":["../src/deck-punch.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AACnF,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAmBzE,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,0BAiBpB;IAE0B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACN,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEjD,OAAO;IAaP,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/deck-punch.js

@@ -0,0 +1 @@
+var p=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var r=(n,i,o,s)=>{for(var t=s>1?void 0:s?d(i,o):i,l=n.length-1,c;l>=0;l--)(c=n[l])&&(t=(s?c(i,o,t):c(t))||t);return s&&t&&p(i,o,t),t};import{LitElement as f,html as m,css as v}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as y,property as a}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var g={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)"},h={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 f{updated(){this.tone&&g[this.tone]?this.style.setProperty("--_color",g[this.tone]):this.style.removeProperty("--_color"),this.size&&h[this.size]?this.style.setProperty("--_size",h[this.size]):this.style.removeProperty("--_size")}render(){return m`<slot></slot>`}};e.styles=v`: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}`,r([a({type:String})],e.prototype,"tone",2),r([a({type:String})],e.prototype,"size",2),r([a({type:String,reflect:!0})],e.prototype,"weight",2),r([a({type:String,reflect:!0})],e.prototype,"align",2),e=r([y("deck-punch")],e);export{e as DeckPunch};

package/dist/deck-root.d.ts

@@ -0,0 +1,76 @@
+import { LitElement } from 'lit';
+export declare class DeckRoot extends LitElement {
+    static styles: import("lit").CSSResult;
+    current: number;
+    step: number;
+    /** When non-null, a full-screen overlay covers the deck (clicker B/./W/,
+     *  keys). Pressing any key dismisses it · same convention as PowerPoint. */
+    blank: 'black' | 'white' | null;
+    overview: boolean;
+    /** Optional slide transition · "slide" | "fade" | "zoom". When set, the
+     *  deck-transition.js plugin is fetched on first navigation. Per-slide
+     *  override available via `data-transition` on the slide host. */
+    transition: string | null;
+    /** Carousel-mode auto-advance · milliseconds between slides.
+     *  Pauses on hover / focus, restarts on mouse-leave. Resets on any
+     *  user-triggered navigation. Use 0 (default) to disable. */
+    autoplay: number;
+    /** Wrap around at the deck edges. When advancing past the last slide,
+     *  jump to the first; when going back from the first, jump to the last. */
+    loop: boolean;
+    /** Enable pointer-driven horizontal swipe for navigation (touch + mouse).
+     *  Translates a swipe ≥ 60 px into an advance / back navigation. */
+    swipe: boolean;
+    private slides;
+    private chapters;
+    private _overviewTeardown;
+    private _transitionLoaded;
+    private _autoplayTimer;
+    private _autoplayPaused;
+    private _swipeStartX;
+    private _swipeStartY;
+    private _swipePointerId;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private _startAutoplay;
+    private _stopAutoplay;
+    private _autoTick;
+    private _onHoverEnter;
+    private _onHoverLeave;
+    private _onPointerDown;
+    private _onPointerUp;
+    /** Group slides into chapters bounded by <deck-section> markers. */
+    private _buildChapters;
+    /** True when at least one chapter has multiple slides and there are 2+ chapters. */
+    private _has2DNav;
+    /** Flat index → {chapter, intra-chapter index}. */
+    private _coords;
+    private _flatFromCoords;
+    private _onHash;
+    private _readHash;
+    private _writeHash;
+    private _onKey;
+    /** Lazy-import the help module the first time the user opens it. */
+    private _toggleHelp;
+    /** Lazy-import the presenter (speaker-notes window) plugin on first P press. */
+    private _togglePresenter;
+    private _closeHelp;
+    /** Lazy-import the overview module the first time the user opens it. */
+    private _renderOverviewIfActive;
+    private _maxSteps;
+    private _advance;
+    private _back;
+    private _goTo;
+    private _goToCoords;
+    private _applyActive;
+    private _applyStep;
+    private _updateUI;
+    updated(): void;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'deck-root': DeckRoot;
+    }
+}
+//# sourceMappingURL=deck-root.d.ts.map

package/dist/deck-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-root.d.ts","sourceRoot":"","sources":["../src/deck-root.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAU5C,qBACa,QAAS,SAAQ,UAAU;IAMtC,OAAgB,MAAM,0BAoEpB;IAEO,OAAO,SAAK;IACZ,IAAI,SAAK;IAClB;gFAC4E;IACnE,KAAK,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAAQ;IACJ,QAAQ,UAAS;IAC7D;;sEAEkE;IACvB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC5E;;iEAE6D;IAClB,QAAQ,SAAK;IACxD;+EAC2E;IAC/B,IAAI,UAAS;IACzD;wEACoE;IACxB,KAAK,UAAS;IAG1D,OAAO,CAAC,MAAM,CAAe;IAE7B,OAAO,CAAC,QAAQ,CAAiB;IAEjC,OAAO,CAAC,iBAAiB,CAA6B;IAEtD,OAAO,CAAC,iBAAiB,CAAS;IAElC,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,eAAe,CAAS;IAEhC,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,eAAe,CAAuB;IAErC,YAAY,IAAI,IAAI;IA4BpB,oBAAoB,IAAI,IAAI;IAarC,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,aAAa,CAAsE;IAC3F,OAAO,CAAC,aAAa,CAA+F;IAGpH,OAAO,CAAC,cAAc,CAQpB;IACF,OAAO,CAAC,YAAY,CAUlB;IAEF,oEAAoE;IACpE,OAAO,CAAC,cAAc;IActB,oFAAoF;IACpF,OAAO,CAAC,SAAS;IAIjB,mDAAmD;IACnD,OAAO,CAAC,OAAO;IASf,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,OAAO,CAA0C;IAEzD,OAAO,CAAC,SAAS;IA8BjB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,MAAM,CAuEZ;IAEF,oEAAoE;YACtD,WAAW;IAKzB,gFAAgF;YAClE,gBAAgB;YAIhB,UAAU;IAKxB,wEAAwE;YAC1D,uBAAuB;IAkBrC,OAAO,CAAC,SAAS;IAYjB,OAAO,CAAC,QAAQ;IAchB,OAAO,CAAC,KAAK;IAqBb,OAAO,CAAC,KAAK;IASb,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,YAAY;IA0BpB,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,SAAS;IAiBR,OAAO,IAAI,IAAI;IAKf,MAAM,IAAI,OAAO;CAmB3B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}