@blueprint-chart/editor 0.1.9 → 0.1.13
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/assets/CopyRedirect-CoFpxhie.js +1 -0
- package/dist/assets/LandingPage-BWDtyjsV.css +1 -0
- package/dist/assets/LandingPage-DebUeQGa.js +4 -0
- package/dist/assets/index-BG3Ltf1a.css +5 -0
- package/dist/assets/index-BL5yRcMU.js +859 -0
- package/dist/index.html +2 -2
- package/package.json +3 -3
- package/dist/assets/CopyRedirect-CEpRBvCY.js +0 -1
- package/dist/assets/LandingPage-BSxJZaea.js +0 -4
- package/dist/assets/LandingPage-BgjMBa5n.css +0 -1
- package/dist/assets/index-B5roretg.css +0 -5
- package/dist/assets/index-DB4Qiiq5.js +0 -920
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as t,o,c as r,a1 as a,a2 as c}from"./index-BL5yRcMU.js";const s={class:"copy-redirect","aria-hidden":"true"},i=t({__name:"CopyRedirect",setup(n){const e=a();return c().replace(e.meta.copyTarget??"/"),(p,_)=>(o(),r("div",s))}});export{i as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.landing-topnav__brand[data-v-261abf5b]{display:inline-flex;align-items:center;gap:.5rem;color:var(--bs-body-color);text-decoration:none;white-space:nowrap}.landing-topnav__brand[data-v-261abf5b]:hover{color:var(--bs-body-color)}.landing-topnav__brand-logo[data-v-261abf5b]{height:1.5rem;width:auto;display:block}.landing-topnav__brand-name[data-v-261abf5b]{line-height:1}.landing-topnav__github[data-v-261abf5b]{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap}@media(max-width:37.5rem){.landing-topnav__github[data-v-261abf5b]{display:none}}.landing-chart-preview[data-v-eb03c209]{width:100%;height:100%}.landing-hero[data-v-9b065bb8]{padding:3.5rem clamp(1rem,5vw,3.75rem) 4rem}.landing-hero__inner[data-v-9b065bb8]{max-width:70rem;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.landing-hero__inner__text__eyebrow[data-v-9b065bb8]{margin-bottom:1.25rem}.landing-hero__inner__text__eyebrow__dot[data-v-9b065bb8]{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--bs-info);box-shadow:0 0 0 4px rgba(var(--bs-info-rgb),.18)}.landing-hero__inner__text__h1[data-v-9b065bb8]{font-size:clamp(2.25rem,4.5vw,4rem);font-weight:400;line-height:1.05;letter-spacing:-.015em;color:var(--bs-body-color);margin-bottom:1.5rem;font-family:"DM Serif Display",Georgia,Times New Roman,serif}.landing-hero__inner__text__h1[data-v-9b065bb8] em{font-style:italic;color:var(--bs-info)}.landing-hero__inner__text__sub[data-v-9b065bb8]{font-size:1rem;color:var(--bs-secondary-color);line-height:1.65;max-width:28.75rem;margin-bottom:2.25rem}.landing-hero__inner__text__actions[data-v-9b065bb8]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.landing-hero__inner__chart[data-v-9b065bb8]{background:var(--bc-tile-bg);border:1px solid var(--bc-hairline);border-radius:var(--bc-radius-lg);box-shadow:0 8px 24px #00000026;align-self:center;overflow:hidden}@media(max-width:51.25rem){.landing-hero[data-v-9b065bb8]{padding:2.5rem 1rem 3rem}.landing-hero__inner[data-v-9b065bb8]{grid-template-columns:1fr;gap:2.25rem}.landing-hero__inner__chart[data-v-9b065bb8]{display:block;max-height:60vh;overflow:hidden}}.landing-value-prop-strip[data-v-af8f52cc]{background:var(--bc-content-bg);border-top:1px solid var(--bc-hairline);border-bottom:1px solid var(--bc-hairline);display:grid;grid-template-columns:repeat(4,1fr)}.landing-value-prop-strip__cell[data-v-af8f52cc]{margin:0;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.25rem;border-right:1px solid var(--bc-hairline)}.landing-value-prop-strip__cell[data-v-af8f52cc]:last-child{border-right:none}.landing-value-prop-strip__cell__label[data-v-af8f52cc]{font-family:Geist Mono,ui-monospace,monospace;font-size:var(--bs-font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--bs-tertiary-color)}.landing-value-prop-strip__cell__value[data-v-af8f52cc]{margin-inline-start:0;font-size:var(--bs-font-size-md);font-weight:500;color:var(--bs-body-color)}@media(max-width:51.25rem){.landing-value-prop-strip[data-v-af8f52cc]{grid-template-columns:repeat(2,1fr)}.landing-value-prop-strip__cell[data-v-af8f52cc]{padding:.875rem 1rem}.landing-value-prop-strip__cell[data-v-af8f52cc]:nth-child(1),.landing-value-prop-strip__cell[data-v-af8f52cc]:nth-child(2){border-bottom:1px solid var(--bc-hairline)}.landing-value-prop-strip__cell[data-v-af8f52cc]:nth-child(2),.landing-value-prop-strip__cell[data-v-af8f52cc]:nth-child(4){border-right:none}.landing-value-prop-strip__cell[data-v-af8f52cc]:nth-child(1),.landing-value-prop-strip__cell[data-v-af8f52cc]:nth-child(3){border-right:1px solid var(--bc-hairline)}}@media(max-width:33.75rem){.landing-value-prop-strip[data-v-af8f52cc]{grid-template-columns:1fr}.landing-value-prop-strip__cell[data-v-af8f52cc]{border-right:none!important;border-bottom:1px solid var(--bc-hairline)}.landing-value-prop-strip__cell[data-v-af8f52cc]:last-child{border-bottom:none}}.landing-section[data-v-1f01ad30]{padding:4.5rem clamp(1rem,5vw,3.75rem)}.landing-section__inner[data-v-1f01ad30]{max-width:70rem;margin:0 auto}.landing-section--bordered[data-v-1f01ad30]{border-top:1px solid var(--bc-hairline)}.landing-section--surface-chrome[data-v-1f01ad30]{background:var(--bc-chrome-bg)}.landing-section--surface-content[data-v-1f01ad30]{background:var(--bc-content-bg)}.landing-section--dark[data-v-1f01ad30]{background:var(--bs-body-bg);color:var(--bs-body-color)}[data-bs-theme=dark] .landing-section--dark[data-v-1f01ad30]{background:var(--bc-content-bg)}.landing-section-header__label[data-v-893c7bf5]{font-family:Geist Mono,ui-monospace,JetBrains Mono,monospace;font-size:var(--bs-font-size-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--bs-tertiary-color);margin-bottom:.625rem}.landing-section-header__title[data-v-893c7bf5]{font-family:"DM Serif Display",serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;line-height:1.15;letter-spacing:-.01em;color:var(--bs-body-color);margin-bottom:.875rem}.landing-section-header__title[data-v-893c7bf5] em{font-style:italic}.landing-section-header__lead[data-v-893c7bf5]{font-size:1rem;color:var(--bs-secondary-color);max-width:35rem;line-height:1.7;margin-bottom:2.5rem}.landing-section-header--center[data-v-893c7bf5]{text-align:center;max-width:37.5rem;margin:0 auto 3rem}.landing-section-header--center .landing-section-header__lead[data-v-893c7bf5]{margin-left:auto;margin-right:auto;margin-bottom:0}.landing-default-card[data-v-582e2ff8]{background:var(--bc-tile-bg);border:1px solid var(--bc-hairline);border-radius:var(--bc-radius-md);padding:1rem 1rem .875rem;display:flex;flex-direction:column;gap:.25rem}.landing-default-card__head[data-v-582e2ff8]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.landing-default-card__head__icon[data-v-582e2ff8]{width:1.375rem;height:1.375rem;border-radius:var(--bc-radius-sm);background:var(--bs-info-bg-subtle);color:var(--bs-info);display:inline-flex;align-items:center;justify-content:center}.landing-default-card__head__tag[data-v-582e2ff8]{font-family:Geist Mono,ui-monospace,monospace;font-size:.6875rem;letter-spacing:.06em;color:var(--bs-tertiary-color);text-transform:uppercase}.landing-default-card__title[data-v-582e2ff8]{font-size:var(--bs-font-size-md);font-weight:600;color:var(--bs-body-color);margin:0}.landing-default-card__desc[data-v-582e2ff8]{font-size:var(--bs-font-size-sm);color:var(--bs-secondary-color);line-height:1.55;margin:0}.landing-defaults__grid[data-v-2c0e797b]{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:stretch}.landing-defaults__grid__chart[data-v-2c0e797b]{background:var(--bc-tile-bg);border:1px solid var(--bc-hairline);border-radius:var(--bc-radius-lg);overflow:hidden;align-self:stretch}.landing-defaults__grid__cards[data-v-2c0e797b]{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}@media(max-width:51.25rem){.landing-defaults__grid[data-v-2c0e797b]{grid-template-columns:1fr}.landing-defaults__grid__chart[data-v-2c0e797b]{order:-1}}@media(max-width:33.75rem){.landing-defaults__grid__cards[data-v-2c0e797b]{grid-template-columns:1fr}}.transforms-demo[data-v-ddda4648]{background:var(--bc-tile-bg);border:1px solid var(--bc-hairline);border-radius:var(--bc-radius-md);overflow:hidden}.transforms-demo__steps[data-v-ddda4648]{display:flex;overflow-x:auto;border-bottom:1px solid var(--bc-hairline)}.transforms-demo__step[data-v-ddda4648]{flex:1;min-width:0;padding:.625rem 1rem;border:none;border-right:1px solid var(--bc-hairline);background:var(--bc-content-bg);cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:.5rem}.transforms-demo__step[data-v-ddda4648]:last-child{border-right:none}.transforms-demo__step[data-v-ddda4648]:hover{background:var(--bc-wash-soft)}.transforms-demo__step--active[data-v-ddda4648]{background:var(--bc-wash-firm)}.transforms-demo__step__num[data-v-ddda4648]{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--bc-hairline);color:var(--bs-secondary-color);font-size:var(--bs-font-size-xs);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.transforms-demo__step--active .transforms-demo__step__num[data-v-ddda4648]{background:var(--bs-primary);color:#fff}.transforms-demo__step__label[data-v-ddda4648]{font-size:var(--bs-font-size-sm);font-weight:600;color:var(--bs-secondary-color);white-space:nowrap}.transforms-demo__step--active .transforms-demo__step__label[data-v-ddda4648]{color:var(--bs-primary)}.transforms-demo__body[data-v-ddda4648]{display:grid;grid-template-columns:1fr 4rem 1fr;align-items:center;padding:0 1.25rem}.transforms-demo__body__panel[data-v-ddda4648]{padding:1rem 1.25rem;border:1px solid var(--bc-hairline);border-radius:.5rem;margin:1rem 0}.transforms-demo__body__panel__title[data-v-ddda4648]{font-size:var(--bs-font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--bs-tertiary-color);margin-bottom:.75rem}.transforms-demo__body__panel__table[data-v-ddda4648]{width:100%;border-collapse:collapse;font-size:var(--bs-font-size-sm)}.transforms-demo__body__panel__th[data-v-ddda4648]{padding:.25rem .625rem;text-align:left;font-weight:600;font-size:var(--bs-font-size-xs);background:var(--bc-content-bg);color:var(--bs-secondary-color);border-bottom:1px solid var(--bc-hairline)}.transforms-demo__body__panel__td[data-v-ddda4648]{padding:.25rem .625rem;border-bottom:1px solid var(--bc-hairline);color:var(--bs-secondary-color)}tr:last-child>.transforms-demo__body__panel__td[data-v-ddda4648]{border-bottom:none}.transforms-demo__body__panel__td--highlight[data-v-ddda4648]{color:var(--bs-primary);font-weight:600}.transforms-demo__body__panel__note[data-v-ddda4648]{font-size:var(--bs-font-size-xs);color:var(--bs-tertiary-color);line-height:1.6;margin-top:.75rem;margin-bottom:0}.transforms-demo__body__flow[data-v-ddda4648]{position:relative;display:flex;align-items:center}.transforms-demo__body__flow__svg[data-v-ddda4648]{width:100%;height:2px}.transforms-demo__body__flow__wire[data-v-ddda4648]{fill:none;stroke:var(--bc-hairline);stroke-width:1.5;stroke-dasharray:5 4;stroke-linecap:round;animation:wire-flow-ddda4648 1s linear infinite}.transforms-demo__body__flow__dot[data-v-ddda4648]{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--bc-hairline);top:50%;transform:translateY(-50%)}.transforms-demo__body__flow__dot--left[data-v-ddda4648]{left:-4px}.transforms-demo__body__flow__dot--right[data-v-ddda4648]{right:-4px}@keyframes wire-flow-ddda4648{to{stroke-dashoffset:-9}}.landing-transforms__cards[data-v-ddda4648]{display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem;margin-top:1.75rem}@media(max-width:51.25rem){.transforms-demo__body[data-v-ddda4648]{grid-template-columns:1fr}.transforms-demo__body__panel[data-v-ddda4648]{margin:0}.transforms-demo__body__flow[data-v-ddda4648]{flex-direction:column;justify-content:center;align-items:center;height:2rem;margin:-4px 0;position:relative;z-index:1;overflow:hidden}.transforms-demo__body__flow__svg[data-v-ddda4648]{width:auto;height:auto;flex:1;transform:rotate(90deg)}.transforms-demo__body__flow__dot[data-v-ddda4648]{position:static;transform:none;flex-shrink:0}.transforms-demo__body__flow__dot--left[data-v-ddda4648]{order:-1}.transforms-demo__body__flow__dot--right[data-v-ddda4648]{order:1}.landing-transforms__cards[data-v-ddda4648]{grid-template-columns:repeat(2,1fr)}}@media(max-width:33.75rem){.landing-transforms__cards[data-v-ddda4648]{grid-template-columns:1fr}}.landing-format__grid[data-v-68571fc6]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}.landing-format__pane[data-v-68571fc6]{background:var(--bc-content-bg);border:1px solid var(--bc-hairline);border-radius:var(--bc-radius-md);overflow:hidden;display:flex;flex-direction:column}.landing-format__pane__head[data-v-68571fc6]{padding:.5rem .875rem;background:var(--bc-chrome-bg);border-bottom:1px solid var(--bc-hairline);font-family:Geist Mono,ui-monospace,monospace;font-size:var(--bs-font-size-xs);letter-spacing:.06em;color:var(--bs-tertiary-color);text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.landing-format__pane__head__dots[data-v-68571fc6]{display:inline-flex;gap:.1875rem}.landing-format__pane__head__dots span[data-v-68571fc6]{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--bs-tertiary-color);opacity:.35}.landing-format__pane__code[data-v-68571fc6]{flex:1;padding:1rem 1.125rem;font-family:Geist Mono,ui-monospace,monospace;font-size:var(--bs-font-size-sm);line-height:1.75;color:var(--bs-body-color);margin:0;overflow:auto;scrollbar-width:none;white-space:pre}.landing-format__pane__code[data-v-68571fc6]:hover,.landing-format__pane__code[data-v-68571fc6]:active{scrollbar-width:thin}.landing-format__browser[data-v-68571fc6]{align-self:flex-start;border:1px solid var(--bc-hairline);border-radius:var(--bc-radius-md);overflow:hidden;display:flex;flex-direction:column}.landing-format__browser__url[data-v-68571fc6]{padding:.5rem .75rem;background:var(--bc-content-bg);border-bottom:1px solid var(--bc-hairline);display:flex;align-items:center;gap:.5rem}.landing-format__browser__url__dots[data-v-68571fc6]{display:inline-flex;gap:.25rem}.landing-format__browser__url__dots span[data-v-68571fc6]{width:.5rem;height:.5rem;border-radius:50%;background:var(--bs-tertiary-color);opacity:.4}.landing-format__browser__url__bar[data-v-68571fc6]{flex:1;padding:.1875rem .625rem;background:var(--bc-tile-bg);border:1px solid var(--bc-hairline);border-radius:var(--bc-radius-xs);font-family:Geist Mono,ui-monospace,monospace;font-size:var(--bs-font-size-xs);color:var(--bs-secondary-color);display:inline-flex;align-items:center;gap:.375rem;min-width:0;text-decoration:none;transition:border-color var(--bc-duration-fast) var(--bc-ease)}.landing-format__browser__url__bar[data-v-68571fc6]:hover,.landing-format__browser__url__bar[data-v-68571fc6]:focus-visible{border-color:var(--bc-hairline-strong)}.landing-format__browser__url__bar[data-v-68571fc6]:focus-visible{outline:none;box-shadow:var(--bc-focus-ring)}.landing-format__browser__url__bar__host[data-v-68571fc6]{color:var(--bs-body-color);white-space:nowrap}.landing-format__browser__url__bar__fragment[data-v-68571fc6]{color:var(--bs-tertiary-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-format__browser__url__bar__fragment--short[data-v-68571fc6]{display:none}.landing-format__browser__chart[data-v-68571fc6]{flex:1;min-height:0}.landing-format__cards[data-v-68571fc6]{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem;margin-top:1.5rem}.landing-format__footnote[data-v-68571fc6]{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.25rem;padding:.5rem .875rem;border:1px solid var(--bc-hairline);border-radius:var(--bc-radius-pill);font-size:var(--bs-font-size-sm);color:var(--bs-secondary-color)}.landing-format__footnote__label[data-v-68571fc6]{font-family:Geist Mono,ui-monospace,monospace;font-size:var(--bs-font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--bs-tertiary-color)}@media(max-width:51.25rem){.landing-format__grid[data-v-68571fc6]{grid-template-columns:1fr}.landing-format__pane__code[data-v-68571fc6]{max-height:18rem}.landing-format__cards[data-v-68571fc6]{grid-template-columns:1fr}}@media(max-width:33.75rem){.landing-format__browser__url__bar__fragment--long[data-v-68571fc6]{display:none}.landing-format__browser__url__bar__fragment--short[data-v-68571fc6]{display:inline}}.scenes__grid[data-v-6712a09b]{display:grid;grid-template-columns:1fr 1.2fr;gap:2.5rem;align-items:start}.scenes__grid__features[data-v-6712a09b]{display:flex;flex-direction:column;gap:.75rem}.scenes-feature[data-v-6712a09b]{display:flex;gap:.625rem;align-items:flex-start;padding:.75rem 1rem;background:var(--bc-tile-bg);border:1px solid var(--bc-hairline);border-radius:calc(var(--bc-radius-md) - 2px)}.scenes-feature__icon[data-v-6712a09b]{margin-top:1px}.scenes-feature__title[data-v-6712a09b]{font-size:var(--bs-font-size-sm)}.scenes-feature__desc[data-v-6712a09b]{font-size:var(--bs-font-size-sm);color:var(--bs-secondary-color);margin-top:.125rem;line-height:1.5}.scenes-demo[data-v-6712a09b]{background:var(--bc-tile-bg);border:1px solid var(--bc-hairline);border-radius:var(--bc-radius-md);overflow:hidden}@media(max-width:51.25rem){.scenes__grid[data-v-6712a09b]{grid-template-columns:1fr}.scenes__grid__features[data-v-6712a09b]{order:1}}.landing-footer[data-v-8649cda4]{background:var(--bc-chrome-bg);border-top:1px solid var(--bc-hairline);padding:1.5rem clamp(1rem,5vw,3.75rem);display:flex;align-items:center;gap:1rem;font-size:var(--bs-font-size-sm);color:var(--bs-secondary-color);flex-wrap:wrap}.landing-footer__brand[data-v-8649cda4]{display:inline-flex;align-items:center;gap:.5rem;color:var(--bs-body-color);font-weight:600}.landing-footer__brand__logo[data-v-8649cda4]{height:1.125rem;width:auto}.landing-footer__sep[data-v-8649cda4]{color:var(--bs-tertiary-color)}.landing-footer__link[data-v-8649cda4]{color:var(--bs-secondary-color);text-decoration:none}.landing-footer__link[data-v-8649cda4]:hover{color:var(--bs-body-color)}.landing-footer__spacer[data-v-8649cda4]{flex:1}.landing-footer__tagline[data-v-8649cda4]{font-family:Geist Mono,ui-monospace,monospace;font-size:var(--bs-font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--bs-tertiary-color)}@media(max-width:33.75rem){.landing-footer[data-v-8649cda4]{padding:1.25rem 1rem}.landing-footer__tagline[data-v-8649cda4]{width:100%}.landing-footer__spacer[data-v-8649cda4]{display:none}}.landing-page[data-v-75f465e5]{background:var(--bc-chrome-bg);min-height:100vh;width:100%;background-image:radial-gradient(ellipse 900px 600px at 18% 8%,rgba(37,99,160,.1),transparent 60%)}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{d as b,o as n,c as o,a as e,r as P,b as T,_ as y,u as D,e as de,f as B,w as h,g as r,h as d,N as ce,I as _e,A,i as v,B as O,j as ue,k as U,l as j,m as K,n as W,p as pe,q as me,s as he,t as V,v as Y,x as fe,y as J,z as ge,C as Q,D as ve,E as X,F as be,G as F,H as ye,J as we,K as C,L as k,M as g,O as L,P as H,Q as $e,R as Ce,S as ke,T as Le,U as Se,V as Ie,W as M,X as xe,Y as Pe,Z as Te,$ as Be,a0 as Me}from"./index-BL5yRcMU.js";const He={class:"navigation-marketing-bar","aria-label":"Marketing navigation"},Ae={class:"navigation-marketing-bar__inner"},Re={class:"navigation-marketing-bar__brand"},Ve={key:0,class:"navigation-marketing-bar__menu","aria-label":"Sections"},De={key:1,class:"navigation-marketing-bar__actions"},Fe={key:2,class:"navigation-marketing-bar__cta-secondary"},Ee={key:3,class:"navigation-marketing-bar__cta-primary"},Ge=b({__name:"NavigationMarketingBar",setup(a){return(t,u)=>(n(),o("header",He,[e("div",Ae,[e("div",Re,[P(t.$slots,"brand")]),t.$slots.menu?(n(),o("nav",Ve,[P(t.$slots,"menu")])):T("",!0),u[0]||(u[0]=e("div",{class:"navigation-marketing-bar__spacer"},null,-1)),t.$slots.actions?(n(),o("div",De,[P(t.$slots,"actions")])):T("",!0),t.$slots["cta-secondary"]?(n(),o("div",Fe,[P(t.$slots,"cta-secondary")])):T("",!0),t.$slots["cta-primary"]?(n(),o("div",Ee,[P(t.$slots,"cta-primary")])):T("",!0)])]))}}),Ne=y(Ge,[["__scopeId","data-v-55d19f31"]]),Oe=["src"],Ue={class:"btn btn-sm btn-outline-secondary landing-topnav__github",href:"https://github.com/blueprint-chart/blueprint-chart",target:"_blank",rel:"noopener noreferrer"},Ze=b({__name:"LandingTopNav",setup(a){const{theme:t,resolvedTheme:u,cycleTheme:_}=D(),s=ue("k"),i=U(()=>u.value==="dark"?K:W),p=de("(max-width: 37.5rem)"),w={light:he,dark:me,auto:pe},c=U(()=>w[t.value]);function l(){typeof document>"u"||document.dispatchEvent(new KeyboardEvent("keydown",{key:"k",code:"KeyK",metaKey:!0,ctrlKey:!0,bubbles:!0}))}return(f,m)=>{const S=j("router-link");return n(),B(r(Ne),null,{brand:h(()=>[d(S,{to:"/",class:"landing-topnav__brand","aria-label":"Blueprint Chart home"},{default:h(()=>[e("img",{src:i.value,alt:"",class:"landing-topnav__brand-logo"},null,8,Oe),m[0]||(m[0]=e("span",{class:"landing-topnav__brand-name"},"Blueprint Chart",-1))]),_:1})]),menu:h(()=>[d(S,{to:{hash:"#defaults"}},{default:h(()=>[...m[1]||(m[1]=[v(" Defaults ",-1)])]),_:1}),d(S,{to:{hash:"#transforms"}},{default:h(()=>[...m[2]||(m[2]=[v(" Transforms ",-1)])]),_:1}),d(S,{to:{hash:"#format"}},{default:h(()=>[...m[3]||(m[3]=[v(" Format ",-1)])]),_:1}),d(S,{to:{hash:"#scenes"}},{default:h(()=>[...m[4]||(m[4]=[v(" Scenes ",-1)])]),_:1})]),actions:h(()=>[d(r(ce),{placeholder:"Search or jump to…","shortcut-label":r(s).keyLabel,collapsed:r(p),onClick:l},null,8,["shortcut-label","collapsed"]),e("a",Ue,[d(r(A),{name:r(_e),size:"xs"},null,8,["name"]),m[5]||(m[5]=v(" GitHub ",-1))]),d(r(O),{"icon-left":c.value,label:"Toggle theme","hide-label":"",square:"",variant:"outline-secondary",size:"sm",onClick:r(_)},null,8,["icon-left","onClick"])]),_:1})}}}),ze=y(Ze,[["__scopeId","data-v-261abf5b"]]),qe=150;function je(a){return a?fe(a).scenes.length:0}function ee(a,t,u){ve(a,t,u)}function Ke(a,t,u){const _=ge(t),s=_?t:J(""),i=_?u:t,{theme:p}=D();function w(){!a.value||!s.value||ee(a.value,s.value,i)}const c=Q(w,qe);V([a,s,p],w,{immediate:!0}),Y(a,c);function l(f){s.value=f}return{applyDsl:l}}const We=b({__name:"LandingChartPreview",props:{bpc:{}},setup(a){const t=a,u=X("containerRef");return Ke(u,be(t,"bpc"),{stripColors:!0}),(_,s)=>(n(),o("div",{ref_key:"containerRef",ref:u,class:"landing-chart-preview"},null,512))}}),Z=y(We,[["__scopeId","data-v-eb03c209"]]),Ye={class:"landing-hero"},Je={class:"landing-hero__inner"},Qe={class:"landing-hero__inner__text"},Xe={class:"landing-hero__inner__text__actions"},et={class:"landing-hero__inner__chart"},tt=b({__name:"LandingHero",setup(a){const t=F.find(_=>_.id==="coffee-production");if(!t)throw new Error("Missing coffee-production sample — see LandingHero.vue");const u=t.dsl.replace(/\{/,`{
|
|
2
|
+
theme = "blueprint-framed"`);return(_,s)=>{const i=Z;return n(),o("section",Ye,[e("div",Je,[e("div",Qe,[d(r(ye),{variant:"info",pill:"",class:"landing-hero__inner__text__eyebrow"},{default:h(()=>[...s[0]||(s[0]=[e("span",{class:"landing-hero__inner__text__eyebrow__dot","aria-hidden":"true"},null,-1),v(" Built in the newsroom ",-1)])]),_:1}),s[1]||(s[1]=e("h1",{class:"landing-hero__inner__text__h1"},[v(" Great stories,"),e("br"),e("em",null,"great data viz.")],-1)),s[2]||(s[2]=e("p",{class:"landing-hero__inner__text__sub"}," A modern data viz platform for editorial work. Author your chart in a compact DSL, sequence it across named scenes that play back like a narrative, and let opinionated defaults handle the craft. ",-1)),e("div",Xe,[d(r(O),{to:"/charts",label:"My charts",variant:"outline-secondary"}),d(r(O),{to:"/new",label:"New chart",variant:"primary","icon-left":r(we)},null,8,["icon-left"])])]),e("div",et,[d(i,{bpc:r(u)},null,8,["bpc"])])])])}}}),nt=y(tt,[["__scopeId","data-v-9b065bb8"]]),at={class:"landing-value-prop-strip","aria-label":"Why Blueprint Chart"},st={class:"landing-value-prop-strip__cell__label"},ot={class:"landing-value-prop-strip__cell__value"},rt=b({__name:"LandingValuePropStrip",setup(a){const t=[{label:"01 / No backend",value:"Runs in the browser"},{label:"02 / Self-contained",value:"One portable iframe"},{label:"03 / Data sovereignty",value:"Nothing ever uploaded"},{label:"04 / MIT",value:"Free, open source, forever"}];return(u,_)=>(n(),o("section",at,[(n(),o(C,null,k(t,s=>e("dl",{key:s.label,class:"landing-value-prop-strip__cell"},[e("dt",st,g(s.label),1),e("dd",ot,g(s.value),1)])),64))]))}}),lt=y(rt,[["__scopeId","data-v-af8f52cc"]]),it={viewBox:"0 0 256 256",width:"1.2em",height:"1.2em"};function dt(a,t){return n(),o("svg",it,[...t[0]||(t[0]=[e("path",{fill:"currentColor",d:"M225 80.4L183.6 39a24 24 0 0 0-33.94 0L31 157.66a24 24 0 0 0 0 33.94l30.06 30.06a8 8 0 0 0 5.68 2.34H216a8 8 0 0 0 0-16h-84.7l93.7-93.66a24 24 0 0 0 0-33.94M108.68 208H70.05l-27.72-27.72a8 8 0 0 1 0-11.31L96 115.31L148.69 168Zm105-105L160 156.69L107.31 104L161 50.34a8 8 0 0 1 11.32 0l41.38 41.38a8 8 0 0 1 0 11.31Z"},null,-1)])])}const ct=L({name:"ph-eraser",render:dt}),_t={viewBox:"0 0 256 256",width:"1.2em",height:"1.2em"};function ut(a,t){return n(),o("svg",_t,[...t[0]||(t[0]=[e("path",{fill:"currentColor",d:"M224 72h-16v-8a24 24 0 0 0-24-24H40a24 24 0 0 0-24 24v96a24 24 0 0 0 24 24h112v8a24 24 0 0 0 24 24h48a24 24 0 0 0 24-24V96a24 24 0 0 0-24-24M40 168a8 8 0 0 1-8-8V64a8 8 0 0 1 8-8h144a8 8 0 0 1 8 8v8h-16a24 24 0 0 0-24 24v72Zm192 24a8 8 0 0 1-8 8h-48a8 8 0 0 1-8-8V96a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8Zm-96 16a8 8 0 0 1-8 8H88a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8m80-96a8 8 0 0 1-8 8h-16a8 8 0 0 1 0-16h16a8 8 0 0 1 8 8"},null,-1)])])}const pt=L({name:"ph-devices",render:ut}),mt={viewBox:"0 0 256 256",width:"1.2em",height:"1.2em"};function ht(a,t){return n(),o("svg",mt,[...t[0]||(t[0]=[e("path",{fill:"currentColor",d:"M100 56H40a16 16 0 0 0-16 16v64a16 16 0 0 0 16 16h60v8a32 32 0 0 1-32 32a8 8 0 0 0 0 16a48.05 48.05 0 0 0 48-48V72a16 16 0 0 0-16-16m0 80H40V72h60Zm116-80h-60a16 16 0 0 0-16 16v64a16 16 0 0 0 16 16h60v8a32 32 0 0 1-32 32a8 8 0 0 0 0 16a48.05 48.05 0 0 0 48-48V72a16 16 0 0 0-16-16m0 80h-60V72h60Z"},null,-1)])])}const ft=L({name:"ph-quotes",render:ht}),gt=["id","data-bs-theme"],vt={class:"landing-section__inner"},bt=b({__name:"LandingSection",props:{id:{default:void 0},dark:{type:Boolean,default:!1},full:{type:Boolean,default:!1},bordered:{type:Boolean,default:!0},surface:{default:"chrome"}},setup(a){return(t,u)=>(n(),o("section",{id:a.id,class:H(["landing-section",{"landing-section--dark":a.dark,"landing-section--full":a.full,"landing-section--bordered":a.bordered,[`landing-section--surface-${a.surface}`]:!0}]),"data-bs-theme":a.dark?"dark":void 0},[e("div",vt,[P(t.$slots,"default",{},void 0,!0)])],10,gt))}}),E=y(bt,[["__scopeId","data-v-1f01ad30"]]),yt={class:"landing-section-header__label"},wt={class:"landing-section-header__title"},$t={key:0,class:"landing-section-header__lead"},Ct=b({__name:"LandingSectionHeader",props:{label:{},center:{type:Boolean,default:!1}},setup(a){return(t,u)=>(n(),o("div",{class:H(["landing-section-header",{"landing-section-header--center":a.center}])},[e("div",yt,g(a.label),1),e("h2",wt,[P(t.$slots,"default",{},void 0,!0)]),t.$slots.lead?(n(),o("p",$t,[P(t.$slots,"lead",{},void 0,!0)])):T("",!0)],2))}}),G=y(Ct,[["__scopeId","data-v-893c7bf5"]]),kt={class:"landing-default-card"},Lt={class:"landing-default-card__head"},St={class:"landing-default-card__head__icon"},It={class:"landing-default-card__head__tag"},xt={class:"landing-default-card__title"},Pt={class:"landing-default-card__desc"},Tt=b({__name:"LandingDefaultCard",props:{icon:{},tag:{},title:{},description:{}},setup(a){return(t,u)=>(n(),o("div",kt,[e("div",Lt,[e("span",St,[d(r(A),{name:a.icon,size:"sm"},null,8,["name"])]),e("span",It,g(a.tag),1)]),e("h4",xt,g(a.title),1),e("p",Pt,g(a.description),1)]))}}),z=y(Tt,[["__scopeId","data-v-582e2ff8"]]),Bt={class:"landing-defaults__grid"},Mt={class:"landing-defaults__grid__chart"},Ht={class:"landing-defaults__grid__cards"},At=b({__name:"LandingDefaults",setup(a){const t=F.find(s=>s.id==="temperature-anomaly");if(!t)throw new Error("Missing temperature-anomaly sample — see LandingDefaults.vue");const u=t.dsl.replace(/\{/,`{
|
|
3
|
+
theme = "blueprint-framed"`),_=[{icon:$e,tag:"01",title:"Axes start at zero",description:"Bars never lie. Truncated axes require an explicit override."},{icon:Ce,tag:"02",title:"Direct labels",description:"Labels sit next to data. Readers' eyes never travel to a legend box."},{icon:ct,tag:"03",title:"No chart junk",description:"Gridlines and borders are suppressed unless they carry information."},{icon:ke,tag:"04",title:"CVD-safe palettes",description:"Every palette tested against deuteranopia, protanopia, tritanopia."},{icon:pt,tag:"05",title:"Mobile-first",description:"Labels reflow, ticks reduce, layouts adapt from desktop down to 320 px."},{icon:ft,tag:"06",title:"Source attribution",description:"The BPC format includes a source field displayed on every chart."}];return(s,i)=>(n(),B(E,{id:"defaults"},{default:h(()=>[d(G,{label:"02 / Defaults"},{lead:h(()=>[...i[0]||(i[0]=[v(" Clutter is the enemy of insight. Blueprint Chart's defaults are opinionated by design, guided by decades of dataviz research from Tufte, Cairo and Schwabish, so your readers focus on the story, not the noise. ",-1)])]),default:h(()=>[i[1]||(i[1]=v(" A simple chart",-1)),i[2]||(i[2]=e("br",null,null,-1)),i[3]||(i[3]=e("em",null,"sends a big message.",-1))]),_:1}),e("div",Bt,[e("div",Mt,[d(Z,{bpc:r(u)},null,8,["bpc"])]),e("div",Ht,[(n(),o(C,null,k(_,p=>d(z,{key:p.tag,icon:p.icon,tag:p.tag,title:p.title,description:p.description},null,8,["icon","tag","title","description"])),64))])])]),_:1}))}}),Rt=y(At,[["__scopeId","data-v-2c0e797b"]]),Vt={viewBox:"0 0 256 256",width:"1.2em",height:"1.2em"};function Dt(a,t){return n(),o("svg",Vt,[...t[0]||(t[0]=[e("path",{fill:"currentColor",d:"M208 40a8 8 0 0 1-8 8h-29.29a24 24 0 0 0-23.62 19.71l-9.5 52.29H184a8 8 0 0 1 0 16h-49.32l-10 55.16A40 40 0 0 1 85.29 224H56a8 8 0 0 1 0-16h29.29a24 24 0 0 0 23.62-19.71l9.5-52.29H72a8 8 0 0 1 0-16h49.32l10-55.16A40 40 0 0 1 170.71 32H200a8 8 0 0 1 8 8"},null,-1)])])}const Ft=L({name:"ph-function",render:Dt}),Et={class:"transforms-demo"},Gt={class:"transforms-demo__steps"},Nt=["onClick"],Ot={class:"transforms-demo__step__num"},Ut={class:"transforms-demo__step__label"},Zt={class:"transforms-demo__body"},zt={class:"transforms-demo__body__panel"},qt={class:"transforms-demo__body__panel__title"},jt={class:"transforms-demo__body__panel__table"},Kt={class:"transforms-demo__body__panel"},Wt={class:"transforms-demo__body__panel__title"},Yt={class:"transforms-demo__body__panel__table"},Jt={class:"transforms-demo__body__panel__note"},Qt={class:"landing-transforms__cards"},Xt=b({__name:"LandingTransforms",setup(a){const t=M(0),u=[{icon:Ft,tag:"SORT · FILTER · GROUP",title:"Core operations",description:"Multi-column sort, conditional filter, group-with-aggregate (sum / avg / min / max / count)."},{icon:Le,tag:"29 OPERATIONS",title:"Parse & reshape",description:"Type conversions, string transforms, date extraction, numeric normalisation."},{icon:Se,tag:"RENAME · HIDE",title:"Chart-ready labels",description:"Clean column names for axis labels. Hide columns without deleting your data."},{icon:Ie,tag:"TRANSPOSE",title:"Pivot",description:"Swap rows and columns. First-column values become headers."}],_=[{label:"Raw CSV",inputTitle:"Uploaded data",outputTitle:"Detected types",input:[["country","year","co2"],["France","2019","4.6"],["France","2020","4.1"],["Germany","2019","8.5"],["Germany","2020","7.7"],["USA","2019","15.2"],["USA","2020","13.9"]],output:[["column","type","values"],["country","string","3 unique"],["year","number","2019 – 2020"],["co2","number","4.1 – 15.2"]],note:"Blueprint auto-detects column types from your CSV, paste or sample data."},{label:"Group by",inputTitle:"Input rows",outputTitle:"After grouping",input:[["country","year","co2"],["France","2019","4.6"],["France","2020","4.1"],["Germany","2019","8.5"],["Germany","2020","7.7"],["USA","2019","15.2"],["USA","2020","13.9"]],output:[["country","co2 (avg)"],["France","4.35"],["Germany","8.10"],["USA","14.55"]],highlightCol:"country",outputHighlightCol:"co2 (avg)",note:"Rows with the same country are grouped. CO₂ values aggregated with AVG."},{label:"Sort",inputTitle:"Grouped data",outputTitle:"Sorted descending",input:[["country","co2 (avg)"],["France","4.35"],["Germany","8.10"],["USA","14.55"]],output:[["country","co2 (avg)"],["USA","14.55"],["Germany","8.10"],["France","4.35"]],outputHighlightCol:"co2 (avg)",note:"Sorted by CO₂ descending, highest emitter first. Ready for the chart."},{label:"Rename",inputTitle:"Before rename",outputTitle:"Chart-ready",input:[["country","co2 (avg)"],["USA","14.55"],["Germany","8.10"],["France","4.35"]],output:[["Country","Avg CO₂ (tonnes)"],["USA","14.55"],["Germany","8.10"],["France","4.35"]],outputHighlightCol:"Avg CO₂ (tonnes)",note:"Clean column names for readable axis labels. Data flows straight to the chart."}];return(s,i)=>{const p=G,w=E;return n(),B(w,{id:"transforms",surface:"content"},{default:h(()=>[d(p,{label:"03 / Data pipeline"},{lead:h(()=>[...i[0]||(i[0]=[v(" Raw data rarely fits a chart out of the box. Blueprint's pipeline lets you sort, filter, group, parse and reshape, all without leaving the editor, all replayable from your BPC source. ",-1)])]),default:h(()=>[i[1]||(i[1]=v(" Reshape your data",-1)),i[2]||(i[2]=e("br",null,null,-1)),i[3]||(i[3]=e("em",null,"before you chart it.",-1))]),_:1}),e("div",Et,[e("div",Gt,[(n(),o(C,null,k(_,(c,l)=>e("button",{key:l,class:H(["transforms-demo__step",{"transforms-demo__step--active":r(t)===l}]),onClick:f=>t.value=l},[e("span",Ot,g(l+1),1),e("span",Ut,g(c.label),1)],10,Nt)),64))]),e("div",Zt,[e("div",zt,[e("div",qt,g(_[r(t)].inputTitle),1),e("table",jt,[e("thead",null,[e("tr",null,[(n(!0),o(C,null,k(_[r(t)].input[0],c=>(n(),o("th",{key:c,class:"transforms-demo__body__panel__th"},g(c),1))),128))])]),e("tbody",null,[(n(!0),o(C,null,k(_[r(t)].input.slice(1),(c,l)=>(n(),o("tr",{key:l},[(n(!0),o(C,null,k(c,(f,m)=>(n(),o("td",{key:m,class:H(["transforms-demo__body__panel__td",{"transforms-demo__body__panel__td--highlight":_[r(t)].highlightCol===_[r(t)].input[0][m]}])},g(f),3))),128))]))),128))])])]),i[4]||(i[4]=e("div",{class:"transforms-demo__body__flow"},[e("svg",{viewBox:"0 0 80 10",preserveAspectRatio:"none",class:"transforms-demo__body__flow__svg"},[e("path",{d:"M0,5 C30,5 50,5 80,5",class:"transforms-demo__body__flow__wire","vector-effect":"non-scaling-stroke"})]),e("div",{class:"transforms-demo__body__flow__dot transforms-demo__body__flow__dot--left"}),e("div",{class:"transforms-demo__body__flow__dot transforms-demo__body__flow__dot--right"})],-1)),e("div",Kt,[e("div",Wt,g(_[r(t)].outputTitle),1),e("table",Yt,[e("thead",null,[e("tr",null,[(n(!0),o(C,null,k(_[r(t)].output[0],c=>(n(),o("th",{key:c,class:"transforms-demo__body__panel__th"},g(c),1))),128))])]),e("tbody",null,[(n(!0),o(C,null,k(_[r(t)].output.slice(1),(c,l)=>(n(),o("tr",{key:l},[(n(!0),o(C,null,k(c,(f,m)=>(n(),o("td",{key:m,class:H(["transforms-demo__body__panel__td",{"transforms-demo__body__panel__td--highlight":_[r(t)].outputHighlightCol===_[r(t)].output[0][m]}])},g(f),3))),128))]))),128))])]),e("p",Jt,g(_[r(t)].note),1)])])]),e("div",Qt,[(n(),o(C,null,k(u,c=>d(z,{key:c.tag,icon:c.icon,tag:c.tag,title:c.title,description:c.description},null,8,["icon","tag","title","description"])),64))])]),_:1})}}}),en=y(Xt,[["__scopeId","data-v-ddda4648"]]),tn={viewBox:"0 0 256 256",width:"1.2em",height:"1.2em"};function nn(a,t){return n(),o("svg",tn,[...t[0]||(t[0]=[e("path",{fill:"currentColor",d:"M208 80h-32V56a48 48 0 0 0-96 0v24H48a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16M96 56a32 32 0 0 1 64 0v24H96Zm112 152H48V96h160zm-68-56a12 12 0 1 1-12-12a12 12 0 0 1 12 12"},null,-1)])])}const an=L({name:"ph-lock",render:nn}),sn={viewBox:"0 0 256 256",width:"1.2em",height:"1.2em"};function on(a,t){return n(),o("svg",sn,[...t[0]||(t[0]=[e("path",{fill:"currentColor",d:"M215.79 118.17a8 8 0 0 0-5-5.66L153.18 90.9l14.66-73.33a8 8 0 0 0-13.69-7l-112 120a8 8 0 0 0 3 13l57.63 21.61l-14.62 73.25a8 8 0 0 0 13.69 7l112-120a8 8 0 0 0 1.94-7.26M109.37 214l10.47-52.38a8 8 0 0 0-5-9.06L62 132.71l84.62-90.66l-10.46 52.38a8 8 0 0 0 5 9.06l52.8 19.8Z"},null,-1)])])}const rn=L({name:"ph-lightning",render:on}),ln={viewBox:"0 0 256 256",width:"1.2em",height:"1.2em"};function dn(a,t){return n(),o("svg",ln,[...t[0]||(t[0]=[e("path",{fill:"currentColor",d:"M53.92 34.62a8 8 0 1 0-11.84 10.76l39.24 43.17l-.06.12A65 65 0 0 0 72 88a64 64 0 0 0 0 128h88a87.3 87.3 0 0 0 31.8-5.93l10.28 11.31a8 8 0 1 0 11.84-10.76ZM160 200H72a48 48 0 0 1 0-96c1.1 0 2.2 0 3.3.12A88.4 88.4 0 0 0 72 128a8 8 0 0 0 16 0a72.3 72.3 0 0 1 5.06-26.54l87 95.7A71.7 71.7 0 0 1 160 200m88-72a87.9 87.9 0 0 1-22.35 58.61A8 8 0 0 1 213.71 176a72 72 0 0 0-96.34-106a8 8 0 0 1-9.48-12.89A88 88 0 0 1 248 128"},null,-1)])])}const cn=L({name:"ph-cloud-slash",render:dn}),_n={viewBox:"0 0 256 256",width:"1.2em",height:"1.2em"};function un(a,t){return n(),o("svg",_n,[...t[0]||(t[0]=[e("path",{fill:"currentColor",d:"M128 24c-53.83 0-96 24.6-96 56v96c0 31.4 42.17 56 96 56s96-24.6 96-56V80c0-31.4-42.17-56-96-56m80 104c0 9.62-7.88 19.43-21.61 26.92C170.93 163.35 150.19 168 128 168s-42.93-4.65-58.39-13.08C55.88 147.43 48 137.62 48 128v-16.64c17.06 15 46.23 24.64 80 24.64s62.94-9.68 80-24.64ZM69.61 53.08C85.07 44.65 105.81 40 128 40s42.93 4.65 58.39 13.08C200.12 60.57 208 70.38 208 80s-7.88 19.43-21.61 26.92C170.93 115.35 150.19 120 128 120s-42.93-4.65-58.39-13.08C55.88 99.43 48 89.62 48 80s7.88-19.43 21.61-26.92m116.78 149.84C170.93 211.35 150.19 216 128 216s-42.93-4.65-58.39-13.08C55.88 195.43 48 185.62 48 176v-16.64c17.06 15 46.23 24.64 80 24.64s62.94-9.68 80-24.64V176c0 9.62-7.88 19.43-21.61 26.92"},null,-1)])])}const pn=L({name:"ph-database",render:un}),mn={viewBox:"0 0 256 256",width:"1.2em",height:"1.2em"};function hn(a,t){return n(),o("svg",mn,[...t[0]||(t[0]=[e("path",{fill:"currentColor",d:"M216 48v48a8 8 0 0 1-16 0V67.31l-42.34 42.35a8 8 0 0 1-11.32-11.32L188.69 56H160a8 8 0 0 1 0-16h48a8 8 0 0 1 8 8M98.34 146.34L56 188.69V160a8 8 0 0 0-16 0v48a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16H67.31l42.35-42.34a8 8 0 0 0-11.32-11.32M208 152a8 8 0 0 0-8 8v28.69l-42.34-42.35a8 8 0 0 0-11.32 11.32L188.69 200H160a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8M67.31 56H96a8 8 0 0 0 0-16H48a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0V67.31l42.34 42.35a8 8 0 0 0 11.32-11.32Z"},null,-1)])])}const fn=L({name:"ph-arrows-out",render:hn}),gn={class:"landing-format__grid"},vn={class:"landing-format__pane","data-bs-theme":"dark"},bn=["innerHTML"],yn={class:"landing-format__browser"},wn={class:"landing-format__browser__url","aria-hidden":"true"},$n=["href"],Cn={class:"landing-format__browser__chart"},kn={class:"landing-format__cards"},Ln={class:"landing-format__footnote"},Sn="eyJ0eXBlIjoibGluZSIsImRhdGEiOlt7IngiOiIxOTgwIix7InkiOj",In="eyJ0...",xn=b({__name:"LandingFormat",setup(a){const t=F.find(c=>c.id==="temperature-anomaly");if(!t)throw new Error("Missing temperature-anomaly sample — see LandingFormat.vue");const u=t.dsl.replace(/\{/,`{
|
|
4
|
+
theme = "blueprint-framed"`),_=xe(u);function s(c){const l=new TextEncoder().encode(c);let f="";for(const m of l)f+=String.fromCharCode(m);return globalThis.btoa(f)}const i=s(u),p=typeof window<"u"?`${window.location.origin}${window.location.pathname}#/render?bpc64=${encodeURIComponent(i)}`:"#",w=[{icon:cn,tag:"A",title:"No backend",description:"The renderer runs in the browser. Self-host the editor anywhere, including a USB stick."},{icon:pn,tag:"B",title:"Data stays local",description:"Your CSV never touches a server. The base64 payload is the data. It travels with the iframe."},{icon:fn,tag:"C",title:"One string ships",description:"The entire chart fits in a URL fragment. One copy-paste embeds it on any CMS."}];return(c,l)=>(n(),B(E,{id:"format"},{default:h(()=>[d(G,{label:"04 / One portable file"},{lead:h(()=>[...l[0]||(l[0]=[v(" Blueprint charts are plain-text in, self-contained iframe out. No backend renders them. Your data never leaves the browser. One file is the chart, the data, and the embed, together. ",-1)])]),default:h(()=>[l[1]||(l[1]=v(" BPC: a chart you",-1)),l[2]||(l[2]=e("br",null,null,-1)),l[3]||(l[3]=e("em",null,"can hold in your hand.",-1))]),_:1}),e("div",gn,[e("div",vn,[l[4]||(l[4]=e("div",{class:"landing-format__pane__head"},[e("span",{class:"landing-format__pane__head__dots"},[e("span"),e("span"),e("span")]),v(" chart.bpc ")],-1)),e("pre",{class:"landing-format__pane__code",innerHTML:r(_)},null,8,bn)]),e("div",yn,[l[7]||(l[7]=e("span",{class:"visually-hidden"},"Example embed URL",-1)),e("div",wn,[l[6]||(l[6]=e("span",{class:"landing-format__browser__url__dots"},[e("span"),e("span"),e("span")],-1)),e("a",{href:r(p),target:"_blank",rel:"noopener","aria-label":"Open this chart embed in a new tab",class:"landing-format__browser__url__bar"},[d(r(A),{name:r(an),size:"xs",variant:"success"},null,8,["name"]),l[5]||(l[5]=e("span",{class:"landing-format__browser__url__bar__host"},"blueprintchart.com/#/render?bpc64=",-1)),e("span",{class:"landing-format__browser__url__bar__fragment landing-format__browser__url__bar__fragment--long"},g(Sn)),e("span",{class:"landing-format__browser__url__bar__fragment landing-format__browser__url__bar__fragment--short"},g(In))],8,$n)]),e("div",Cn,[d(Z,{bpc:r(u)},null,8,["bpc"])])])]),e("div",kn,[(n(),o(C,null,k(w,f=>d(z,{key:f.tag,icon:f.icon,tag:f.tag,title:f.title,description:f.description},null,8,["icon","tag","title","description"])),64))]),e("p",Ln,[l[8]||(l[8]=e("span",{class:"landing-format__footnote__label"},"FYI",-1)),d(r(A),{name:r(rn),size:"xs",variant:"warning"},null,8,["name"]),l[9]||(l[9]=v(" Plain-text BPC is also an excellent target for LLMs: a model can generate valid BPC from a description and you can paste it straight into the editor. ",-1))])]),_:1}))}}),Pn=y(xn,[["__scopeId","data-v-68571fc6"]]),Tn={viewBox:"0 0 256 256",width:"1.2em",height:"1.2em"};function Bn(a,t){return n(),o("svg",Tn,[...t[0]||(t[0]=[e("path",{fill:"currentColor",d:"M216 104H102.09L210 75.51a8 8 0 0 0 5.68-9.84l-8.16-30a15.93 15.93 0 0 0-19.42-11.13L35.81 64.74a15.75 15.75 0 0 0-9.7 7.4a15.5 15.5 0 0 0-1.55 12L32 111.56V200a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-88a8 8 0 0 0-8-8m-23.84-64l6 22.07l-22.62 6l-28.12-16.24Zm-66.69 17.6l28.12 16.24l-36.94 9.75l-28.12-16.22Zm-79.4 44.62l-6-22.08l26.5-7L94.69 89.4ZM208 200H48v-80h160z"},null,-1)])])}const Mn=L({name:"ph-film-slate",render:Bn}),Hn={viewBox:"0 0 256 256",width:"1.2em",height:"1.2em"};function An(a,t){return n(),o("svg",Hn,[...t[0]||(t[0]=[e("path",{fill:"currentColor",d:"M197.58 129.06L146 110l-19-51.62a15.92 15.92 0 0 0-29.88 0L78 110l-51.62 19a15.92 15.92 0 0 0 0 29.88L78 178l19 51.62a15.92 15.92 0 0 0 29.88 0L146 178l51.62-19a15.92 15.92 0 0 0 0-29.88ZM137 164.22a8 8 0 0 0-4.74 4.74L112 223.85L91.78 169a8 8 0 0 0-4.78-4.78L32.15 144L87 123.78a8 8 0 0 0 4.78-4.78L112 64.15L132.22 119a8 8 0 0 0 4.74 4.74L191.85 144ZM144 40a8 8 0 0 1 8-8h16V16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V48h-16a8 8 0 0 1-8-8m104 48a8 8 0 0 1-8 8h-8v8a8 8 0 0 1-16 0v-8h-8a8 8 0 0 1 0-16h8v-8a8 8 0 0 1 16 0v8h8a8 8 0 0 1 8 8"},null,-1)])])}const Rn=L({name:"ph-sparkle",render:An}),Vn={class:"scenes__grid"},Dn={class:"scenes__grid__features"},Fn={class:"scenes-feature__icon"},En={class:"scenes-feature__title"},Gn={class:"scenes-feature__desc"},Nn={class:"scenes-demo"},On=b({__name:"LandingScenes",setup(a){const t=F.find($=>$.id==="farm-compass");if(!t)throw new Error("Missing farm-compass sample — see LandingScenes.vue");const u=t.dsl,_=je(u),s=X("containerRef"),i=J(null),p=M(-1),w=M(!1),c=M(!1);let l=null;const f=M(p.value+2);V(p,$=>{f.value=$+2});const{theme:m}=D();function S(){s.value&&(ee(s.value,u,{stripColors:!0,sceneIndex:p.value>=0?p.value:void 0,transition:c.value}),c.value=!1)}const te=Q(S,150);V([s,p,m],S,{immediate:!0}),Y(s,te);function q(){var $;return(($=s.value)==null?void 0:$.querySelector(".bc-frame-footer"))??null}let I=null;V(s,$=>{if(I&&(I.disconnect(),I=null),!$){i.value=null;return}i.value=q(),I=new MutationObserver(()=>{i.value=q()}),I.observe($,{childList:!0,subtree:!0})},{immediate:!0});function ne($){c.value=!0,p.value=$-2}function ae(){p.value>-1&&(c.value=!0,p.value=p.value-1)}function se(){p.value<_-1&&(c.value=!0,p.value=p.value+1)}function oe(){w.value||(w.value=!0,c.value=!0,p.value=-1,l=globalThis.setInterval(()=>{p.value<_-1?(c.value=!0,p.value++):N()},3e3))}function N(){w.value=!1,l&&(globalThis.clearInterval(l),l=null)}Pe(()=>{N(),I&&(I.disconnect(),I=null)});const re=[{icon:Mn,title:"Sequential scenes",description:"Each scene mutates the chart: highlight, filter, zoom, reorder, or change type entirely."},{icon:Rn,title:"Smooth animated transitions",description:"D3-powered morphing between states: bars grow, lines redraw, highlights pulse."},{icon:Te,title:"Embed anywhere",description:"One iframe embed. Works in WordPress, Ghost, any CMS."}];return($,x)=>{const le=G,ie=E;return n(),B(ie,{id:"scenes",surface:"content"},{default:h(()=>[d(le,{label:"05 / Scenes & storytelling"},{lead:h(()=>[...x[0]||(x[0]=[v(" Create a sequence of scenes, each one a step in your narrative. The same chart morphs from overview to focus, from cause to consequence. Press play, or step through. ",-1)])]),default:h(()=>[x[1]||(x[1]=v(" Guide your reader",-1)),x[2]||(x[2]=e("br",null,null,-1)),x[3]||(x[3]=e("em",null,"through the data.",-1))]),_:1}),e("div",Vn,[e("div",Dn,[(n(),o(C,null,k(re,R=>e("div",{key:R.title,class:"scenes-feature"},[e("span",Fn,[d(r(A),{name:R.icon,size:"sm",variant:"primary"},null,8,["name"])]),e("div",null,[e("strong",En,g(R.title),1),e("p",Gn,g(R.description),1)])])),64))]),e("div",Nn,[e("div",{ref_key:"containerRef",ref:s,class:"scenes-demo__chart"},null,512),r(i)&&r(_)>0?(n(),B(Be,{key:0,to:r(i)},[d(r(Me),{total:r(_)+1,current:r(f),playing:r(w),position:"left","onUpdate:current":ne,onPrevious:ae,onNext:se,onPlay:oe,onPause:N},null,8,["total","current","playing"])],8,["to"])):T("",!0)])])]),_:1})}}}),Un=y(On,[["__scopeId","data-v-6712a09b"]]),Zn={class:"landing-footer"},zn={class:"landing-footer__brand"},qn=["src"],jn=b({__name:"LandingFooter",setup(a){const{theme:t}=D(),u=U(()=>t.value==="dark"?K:W);return(_,s)=>{const i=j("router-link");return n(),o("footer",Zn,[e("div",zn,[e("img",{src:u.value,alt:"Blueprint Chart",class:"landing-footer__brand__logo"},null,8,qn),s[0]||(s[0]=e("span",{class:"landing-footer__brand__name"},"Blueprint Chart",-1))]),s[2]||(s[2]=e("span",{class:"landing-footer__sep","aria-hidden":"true"},"·",-1)),d(i,{to:"/new",class:"landing-footer__link"},{default:h(()=>[...s[1]||(s[1]=[v(" Editor ",-1)])]),_:1}),s[3]||(s[3]=e("span",{class:"landing-footer__sep","aria-hidden":"true"},"·",-1)),s[4]||(s[4]=e("a",{class:"landing-footer__link",href:"https://github.com/blueprint-chart/blueprint-chart",target:"_blank",rel:"noopener noreferrer"}," GitHub ",-1)),s[5]||(s[5]=e("span",{class:"landing-footer__spacer"},null,-1)),s[6]||(s[6]=e("span",{class:"landing-footer__tagline"}," MIT · Made for investigative journalism ",-1))])}}}),Kn=y(jn,[["__scopeId","data-v-8649cda4"]]),Wn={class:"landing-page"},Yn=b({__name:"LandingPage",setup(a){return(t,u)=>(n(),o("div",Wn,[d(ze),d(nt),d(lt),d(Rt),d(en),d(Pn),d(Un),d(Kn)]))}}),Qn=y(Yn,[["__scopeId","data-v-75f465e5"]]);export{Qn as default};
|