@webqit/webflo 0.20.1 → 0.20.2-next.1

package/site/.vitepress/dist/assets/chunks/virtual_mermaid-config.DDnGl6nM.js

@@ -0,0 +1 @@
+const e={securityLevel:"loose",startOnLoad:!1};export{e as default};

package/site/.vitepress/dist/assets/chunks/xychartDiagram-PRI3JC2R.CF4KVQhG.js

@@ -0,0 +1,7 @@
+import{_ as a,s as gi,g as xi,t as Xt,q as di,a as fi,b as pi,l as Nt,K as mi,e as yi,z as bi,G as St,F as Yt,H as Ai,a1 as wi,i as Ci,aF as Si,a9 as Wt}from"../app.B989j-Lw.js";import{i as _i}from"./init.Gi6I4Gst.js";import{o as ki}from"./ordinal.BYWQX77i.js";import{l as zt}from"./linear.CUHYPplj.js";import"./framework.9Uv4PgnO.js";import"./theme.Jp0RA4YE.js";import"./defaultLocale.C4B-KCzX.js";function Ri(e,t,i){e=+e,t=+t,i=(n=arguments.length)<2?(t=e,e=0,1):n<3?1:+i;for(var s=-1,n=Math.max(0,Math.ceil((t-e)/i))|0,o=new Array(n);++s<n;)o[s]=e+s*i;return o}function yt(){var e=ki().unknown(void 0),t=e.domain,i=e.range,s=0,n=1,o,g,m=!1,p=0,k=0,v=.5;delete e.unknown;function C(){var b=t().length,E=n<s,D=E?n:s,P=E?s:n;o=(P-D)/Math.max(1,b-p+k*2),m&&(o=Math.floor(o)),D+=(P-D-o*(b-p))*v,g=o*(1-p),m&&(D=Math.round(D),g=Math.round(g));var I=Ri(b).map(function(y){return D+o*y});return i(E?I.reverse():I)}return e.domain=function(b){return arguments.length?(t(b),C()):t()},e.range=function(b){return arguments.length?([s,n]=b,s=+s,n=+n,C()):[s,n]},e.rangeRound=function(b){return[s,n]=b,s=+s,n=+n,m=!0,C()},e.bandwidth=function(){return g},e.step=function(){return o},e.round=function(b){return arguments.length?(m=!!b,C()):m},e.padding=function(b){return arguments.length?(p=Math.min(1,k=+b),C()):p},e.paddingInner=function(b){return arguments.length?(p=Math.min(1,b),C()):p},e.paddingOuter=function(b){return arguments.length?(k=+b,C()):k},e.align=function(b){return arguments.length?(v=Math.max(0,Math.min(1,b)),C()):v},e.copy=function(){return yt(t(),[s,n]).round(m).paddingInner(p).paddingOuter(k).align(v)},_i.apply(C(),arguments)}var bt=function(){var e=a(function(F,h,u,x){for(u=u||{},x=F.length;x--;u[F[x]]=h);return u},"o"),t=[1,10,12,14,16,18,19,21,23],i=[2,6],s=[1,3],n=[1,5],o=[1,6],g=[1,7],m=[1,5,10,12,14,16,18,19,21,23,34,35,36],p=[1,25],k=[1,26],v=[1,28],C=[1,29],b=[1,30],E=[1,31],D=[1,32],P=[1,33],I=[1,34],y=[1,35],_=[1,36],c=[1,37],W=[1,43],z=[1,42],U=[1,47],X=[1,50],l=[1,10,12,14,16,18,19,21,23,34,35,36],L=[1,10,12,14,16,18,19,21,23,24,26,27,28,34,35,36],S=[1,10,12,14,16,18,19,21,23,24,26,27,28,34,35,36,41,42,43,44,45,46,47,48,49,50],R=[1,64],$={trace:a(function(){},"trace"),yy:{},symbols_:{error:2,start:3,eol:4,XYCHART:5,chartConfig:6,document:7,CHART_ORIENTATION:8,statement:9,title:10,text:11,X_AXIS:12,parseXAxis:13,Y_AXIS:14,parseYAxis:15,LINE:16,plotData:17,BAR:18,acc_title:19,acc_title_value:20,acc_descr:21,acc_descr_value:22,acc_descr_multiline_value:23,SQUARE_BRACES_START:24,commaSeparatedNumbers:25,SQUARE_BRACES_END:26,NUMBER_WITH_DECIMAL:27,COMMA:28,xAxisData:29,bandData:30,ARROW_DELIMITER:31,commaSeparatedTexts:32,yAxisData:33,NEWLINE:34,SEMI:35,EOF:36,alphaNum:37,STR:38,MD_STR:39,alphaNumToken:40,AMP:41,NUM:42,ALPHA:43,PLUS:44,EQUALS:45,MULT:46,DOT:47,BRKT:48,MINUS:49,UNDERSCORE:50,$accept:0,$end:1},terminals_:{2:"error",5:"XYCHART",8:"CHART_ORIENTATION",10:"title",12:"X_AXIS",14:"Y_AXIS",16:"LINE",18:"BAR",19:"acc_title",20:"acc_title_value",21:"acc_descr",22:"acc_descr_value",23:"acc_descr_multiline_value",24:"SQUARE_BRACES_START",26:"SQUARE_BRACES_END",27:"NUMBER_WITH_DECIMAL",28:"COMMA",31:"ARROW_DELIMITER",34:"NEWLINE",35:"SEMI",36:"EOF",38:"STR",39:"MD_STR",41:"AMP",42:"NUM",43:"ALPHA",44:"PLUS",45:"EQUALS",46:"MULT",47:"DOT",48:"BRKT",49:"MINUS",50:"UNDERSCORE"},productions_:[0,[3,2],[3,3],[3,2],[3,1],[6,1],[7,0],[7,2],[9,2],[9,2],[9,2],[9,2],[9,2],[9,3],[9,2],[9,3],[9,2],[9,2],[9,1],[17,3],[25,3],[25,1],[13,1],[13,2],[13,1],[29,1],[29,3],[30,3],[32,3],[32,1],[15,1],[15,2],[15,1],[33,3],[4,1],[4,1],[4,1],[11,1],[11,1],[11,1],[37,1],[37,2],[40,1],[40,1],[40,1],[40,1],[40,1],[40,1],[40,1],[40,1],[40,1],[40,1]],performAction:a(function(h,u,x,d,w,r,at){var f=r.length-1;switch(w){case 5:d.setOrientation(r[f]);break;case 9:d.setDiagramTitle(r[f].text.trim());break;case 12:d.setLineData({text:"",type:"text"},r[f]);break;case 13:d.setLineData(r[f-1],r[f]);break;case 14:d.setBarData({text:"",type:"text"},r[f]);break;case 15:d.setBarData(r[f-1],r[f]);break;case 16:this.$=r[f].trim(),d.setAccTitle(this.$);break;case 17:case 18:this.$=r[f].trim(),d.setAccDescription(this.$);break;case 19:this.$=r[f-1];break;case 20:this.$=[Number(r[f-2]),...r[f]];break;case 21:this.$=[Number(r[f])];break;case 22:d.setXAxisTitle(r[f]);break;case 23:d.setXAxisTitle(r[f-1]);break;case 24:d.setXAxisTitle({type:"text",text:""});break;case 25:d.setXAxisBand(r[f]);break;case 26:d.setXAxisRangeData(Number(r[f-2]),Number(r[f]));break;case 27:this.$=r[f-1];break;case 28:this.$=[r[f-2],...r[f]];break;case 29:this.$=[r[f]];break;case 30:d.setYAxisTitle(r[f]);break;case 31:d.setYAxisTitle(r[f-1]);break;case 32:d.setYAxisTitle({type:"text",text:""});break;case 33:d.setYAxisRangeData(Number(r[f-2]),Number(r[f]));break;case 37:this.$={text:r[f],type:"text"};break;case 38:this.$={text:r[f],type:"text"};break;case 39:this.$={text:r[f],type:"markdown"};break;case 40:this.$=r[f];break;case 41:this.$=r[f-1]+""+r[f];break}},"anonymous"),table:[e(t,i,{3:1,4:2,7:4,5:s,34:n,35:o,36:g}),{1:[3]},e(t,i,{4:2,7:4,3:8,5:s,34:n,35:o,36:g}),e(t,i,{4:2,7:4,6:9,3:10,5:s,8:[1,11],34:n,35:o,36:g}),{1:[2,4],9:12,10:[1,13],12:[1,14],14:[1,15],16:[1,16],18:[1,17],19:[1,18],21:[1,19],23:[1,20]},e(m,[2,34]),e(m,[2,35]),e(m,[2,36]),{1:[2,1]},e(t,i,{4:2,7:4,3:21,5:s,34:n,35:o,36:g}),{1:[2,3]},e(m,[2,5]),e(t,[2,7],{4:22,34:n,35:o,36:g}),{11:23,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},{11:39,13:38,24:W,27:z,29:40,30:41,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},{11:45,15:44,27:U,33:46,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},{11:49,17:48,24:X,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},{11:52,17:51,24:X,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},{20:[1,53]},{22:[1,54]},e(l,[2,18]),{1:[2,2]},e(l,[2,8]),e(l,[2,9]),e(L,[2,37],{40:55,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c}),e(L,[2,38]),e(L,[2,39]),e(S,[2,40]),e(S,[2,42]),e(S,[2,43]),e(S,[2,44]),e(S,[2,45]),e(S,[2,46]),e(S,[2,47]),e(S,[2,48]),e(S,[2,49]),e(S,[2,50]),e(S,[2,51]),e(l,[2,10]),e(l,[2,22],{30:41,29:56,24:W,27:z}),e(l,[2,24]),e(l,[2,25]),{31:[1,57]},{11:59,32:58,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},e(l,[2,11]),e(l,[2,30],{33:60,27:U}),e(l,[2,32]),{31:[1,61]},e(l,[2,12]),{17:62,24:X},{25:63,27:R},e(l,[2,14]),{17:65,24:X},e(l,[2,16]),e(l,[2,17]),e(S,[2,41]),e(l,[2,23]),{27:[1,66]},{26:[1,67]},{26:[2,29],28:[1,68]},e(l,[2,31]),{27:[1,69]},e(l,[2,13]),{26:[1,70]},{26:[2,21],28:[1,71]},e(l,[2,15]),e(l,[2,26]),e(l,[2,27]),{11:59,32:72,37:24,38:p,39:k,40:27,41:v,42:C,43:b,44:E,45:D,46:P,47:I,48:y,49:_,50:c},e(l,[2,33]),e(l,[2,19]),{25:73,27:R},{26:[2,28]},{26:[2,20]}],defaultActions:{8:[2,1],10:[2,3],21:[2,2],72:[2,28],73:[2,20]},parseError:a(function(h,u){if(u.recoverable)this.trace(h);else{var x=new Error(h);throw x.hash=u,x}},"parseError"),parse:a(function(h){var u=this,x=[0],d=[],w=[null],r=[],at=this.table,f="",lt=0,It=0,hi=2,Mt=1,li=r.slice.call(arguments,1),T=Object.create(this.lexer),Y={yy:{}};for(var dt in this.yy)Object.prototype.hasOwnProperty.call(this.yy,dt)&&(Y.yy[dt]=this.yy[dt]);T.setInput(h,Y.yy),Y.yy.lexer=T,Y.yy.parser=this,typeof T.yylloc>"u"&&(T.yylloc={});var ft=T.yylloc;r.push(ft);var ci=T.options&&T.options.ranges;typeof Y.yy.parseError=="function"?this.parseError=Y.yy.parseError:this.parseError=Object.getPrototypeOf(this).parseError;function ui(V){x.length=x.length-2*V,w.length=w.length-V,r.length=r.length-V}a(ui,"popStack");function Vt(){var V;return V=d.pop()||T.lex()||Mt,typeof V!="number"&&(V instanceof Array&&(d=V,V=d.pop()),V=u.symbols_[V]||V),V}a(Vt,"lex");for(var M,H,B,pt,q={},ct,O,Bt,ut;;){if(H=x[x.length-1],this.defaultActions[H]?B=this.defaultActions[H]:((M===null||typeof M>"u")&&(M=Vt()),B=at[H]&&at[H][M]),typeof B>"u"||!B.length||!B[0]){var mt="";ut=[];for(ct in at[H])this.terminals_[ct]&&ct>hi&&ut.push("'"+this.terminals_[ct]+"'");T.showPosition?mt="Parse error on line "+(lt+1)+`:
+`+T.showPosition()+`
+Expecting `+ut.join(", ")+", got '"+(this.terminals_[M]||M)+"'":mt="Parse error on line "+(lt+1)+": Unexpected "+(M==Mt?"end of input":"'"+(this.terminals_[M]||M)+"'"),this.parseError(mt,{text:T.match,token:this.terminals_[M]||M,line:T.yylineno,loc:ft,expected:ut})}if(B[0]instanceof Array&&B.length>1)throw new Error("Parse Error: multiple actions possible at state: "+H+", token: "+M);switch(B[0]){case 1:x.push(M),w.push(T.yytext),r.push(T.yylloc),x.push(B[1]),M=null,It=T.yyleng,f=T.yytext,lt=T.yylineno,ft=T.yylloc;break;case 2:if(O=this.productions_[B[1]][1],q.$=w[w.length-O],q._$={first_line:r[r.length-(O||1)].first_line,last_line:r[r.length-1].last_line,first_column:r[r.length-(O||1)].first_column,last_column:r[r.length-1].last_column},ci&&(q._$.range=[r[r.length-(O||1)].range[0],r[r.length-1].range[1]]),pt=this.performAction.apply(q,[f,It,lt,Y.yy,B[1],w,r].concat(li)),typeof pt<"u")return pt;O&&(x=x.slice(0,-1*O*2),w=w.slice(0,-1*O),r=r.slice(0,-1*O)),x.push(this.productions_[B[1]][0]),w.push(q.$),r.push(q._$),Bt=at[x[x.length-2]][x[x.length-1]],x.push(Bt);break;case 3:return!0}}return!0},"parse")},Et=function(){var F={EOF:1,parseError:a(function(u,x){if(this.yy.parser)this.yy.parser.parseError(u,x);else throw new Error(u)},"parseError"),setInput:a(function(h,u){return this.yy=u||this.yy||{},this._input=h,this._more=this._backtrack=this.done=!1,this.yylineno=this.yyleng=0,this.yytext=this.matched=this.match="",this.conditionStack=["INITIAL"],this.yylloc={first_line:1,first_column:0,last_line:1,last_column:0},this.options.ranges&&(this.yylloc.range=[0,0]),this.offset=0,this},"setInput"),input:a(function(){var h=this._input[0];this.yytext+=h,this.yyleng++,this.offset++,this.match+=h,this.matched+=h;var u=h.match(/(?:\r\n?|\n).*/g);return u?(this.yylineno++,this.yylloc.last_line++):this.yylloc.last_column++,this.options.ranges&&this.yylloc.range[1]++,this._input=this._input.slice(1),h},"input"),unput:a(function(h){var u=h.length,x=h.split(/(?:\r\n?|\n)/g);this._input=h+this._input,this.yytext=this.yytext.substr(0,this.yytext.length-u),this.offset-=u;var d=this.match.split(/(?:\r\n?|\n)/g);this.match=this.match.substr(0,this.match.length-1),this.matched=this.matched.substr(0,this.matched.length-1),x.length-1&&(this.yylineno-=x.length-1);var w=this.yylloc.range;return this.yylloc={first_line:this.yylloc.first_line,last_line:this.yylineno+1,first_column:this.yylloc.first_column,last_column:x?(x.length===d.length?this.yylloc.first_column:0)+d[d.length-x.length].length-x[0].length:this.yylloc.first_column-u},this.options.ranges&&(this.yylloc.range=[w[0],w[0]+this.yyleng-u]),this.yyleng=this.yytext.length,this},"unput"),more:a(function(){return this._more=!0,this},"more"),reject:a(function(){if(this.options.backtrack_lexer)this._backtrack=!0;else return this.parseError("Lexical error on line "+(this.yylineno+1)+`. You can only invoke reject() in the lexer when the lexer is of the backtracking persuasion (options.backtrack_lexer = true).
+`+this.showPosition(),{text:"",token:null,line:this.yylineno});return this},"reject"),less:a(function(h){this.unput(this.match.slice(h))},"less"),pastInput:a(function(){var h=this.matched.substr(0,this.matched.length-this.match.length);return(h.length>20?"...":"")+h.substr(-20).replace(/\n/g,"")},"pastInput"),upcomingInput:a(function(){var h=this.match;return h.length<20&&(h+=this._input.substr(0,20-h.length)),(h.substr(0,20)+(h.length>20?"...":"")).replace(/\n/g,"")},"upcomingInput"),showPosition:a(function(){var h=this.pastInput(),u=new Array(h.length+1).join("-");return h+this.upcomingInput()+`
+`+u+"^"},"showPosition"),test_match:a(function(h,u){var x,d,w;if(this.options.backtrack_lexer&&(w={yylineno:this.yylineno,yylloc:{first_line:this.yylloc.first_line,last_line:this.last_line,first_column:this.yylloc.first_column,last_column:this.yylloc.last_column},yytext:this.yytext,match:this.match,matches:this.matches,matched:this.matched,yyleng:this.yyleng,offset:this.offset,_more:this._more,_input:this._input,yy:this.yy,conditionStack:this.conditionStack.slice(0),done:this.done},this.options.ranges&&(w.yylloc.range=this.yylloc.range.slice(0))),d=h[0].match(/(?:\r\n?|\n).*/g),d&&(this.yylineno+=d.length),this.yylloc={first_line:this.yylloc.last_line,last_line:this.yylineno+1,first_column:this.yylloc.last_column,last_column:d?d[d.length-1].length-d[d.length-1].match(/\r?\n?/)[0].length:this.yylloc.last_column+h[0].length},this.yytext+=h[0],this.match+=h[0],this.matches=h,this.yyleng=this.yytext.length,this.options.ranges&&(this.yylloc.range=[this.offset,this.offset+=this.yyleng]),this._more=!1,this._backtrack=!1,this._input=this._input.slice(h[0].length),this.matched+=h[0],x=this.performAction.call(this,this.yy,this,u,this.conditionStack[this.conditionStack.length-1]),this.done&&this._input&&(this.done=!1),x)return x;if(this._backtrack){for(var r in w)this[r]=w[r];return!1}return!1},"test_match"),next:a(function(){if(this.done)return this.EOF;this._input||(this.done=!0);var h,u,x,d;this._more||(this.yytext="",this.match="");for(var w=this._currentRules(),r=0;r<w.length;r++)if(x=this._input.match(this.rules[w[r]]),x&&(!u||x[0].length>u[0].length)){if(u=x,d=r,this.options.backtrack_lexer){if(h=this.test_match(x,w[r]),h!==!1)return h;if(this._backtrack){u=!1;continue}else return!1}else if(!this.options.flex)break}return u?(h=this.test_match(u,w[d]),h!==!1?h:!1):this._input===""?this.EOF:this.parseError("Lexical error on line "+(this.yylineno+1)+`. Unrecognized text.
+`+this.showPosition(),{text:"",token:null,line:this.yylineno})},"next"),lex:a(function(){var u=this.next();return u||this.lex()},"lex"),begin:a(function(u){this.conditionStack.push(u)},"begin"),popState:a(function(){var u=this.conditionStack.length-1;return u>0?this.conditionStack.pop():this.conditionStack[0]},"popState"),_currentRules:a(function(){return this.conditionStack.length&&this.conditionStack[this.conditionStack.length-1]?this.conditions[this.conditionStack[this.conditionStack.length-1]].rules:this.conditions.INITIAL.rules},"_currentRules"),topState:a(function(u){return u=this.conditionStack.length-1-Math.abs(u||0),u>=0?this.conditionStack[u]:"INITIAL"},"topState"),pushState:a(function(u){this.begin(u)},"pushState"),stateStackSize:a(function(){return this.conditionStack.length},"stateStackSize"),options:{"case-insensitive":!0},performAction:a(function(u,x,d,w){switch(d){case 0:break;case 1:break;case 2:return this.popState(),34;case 3:return this.popState(),34;case 4:return 34;case 5:break;case 6:return 10;case 7:return this.pushState("acc_title"),19;case 8:return this.popState(),"acc_title_value";case 9:return this.pushState("acc_descr"),21;case 10:return this.popState(),"acc_descr_value";case 11:this.pushState("acc_descr_multiline");break;case 12:this.popState();break;case 13:return"acc_descr_multiline_value";case 14:return 5;case 15:return 5;case 16:return 8;case 17:return this.pushState("axis_data"),"X_AXIS";case 18:return this.pushState("axis_data"),"Y_AXIS";case 19:return this.pushState("axis_band_data"),24;case 20:return 31;case 21:return this.pushState("data"),16;case 22:return this.pushState("data"),18;case 23:return this.pushState("data_inner"),24;case 24:return 27;case 25:return this.popState(),26;case 26:this.popState();break;case 27:this.pushState("string");break;case 28:this.popState();break;case 29:return"STR";case 30:return 24;case 31:return 26;case 32:return 43;case 33:return"COLON";case 34:return 44;case 35:return 28;case 36:return 45;case 37:return 46;case 38:return 48;case 39:return 50;case 40:return 47;case 41:return 41;case 42:return 49;case 43:return 42;case 44:break;case 45:return 35;case 46:return 36}},"anonymous"),rules:[/^(?:%%(?!\{)[^\n]*)/i,/^(?:[^\}]%%[^\n]*)/i,/^(?:(\r?\n))/i,/^(?:(\r?\n))/i,/^(?:[\n\r]+)/i,/^(?:%%[^\n]*)/i,/^(?:title\b)/i,/^(?:accTitle\s*:\s*)/i,/^(?:(?!\n||)*[^\n]*)/i,/^(?:accDescr\s*:\s*)/i,/^(?:(?!\n||)*[^\n]*)/i,/^(?:accDescr\s*\{\s*)/i,/^(?:\{)/i,/^(?:[^\}]*)/i,/^(?:xychart-beta\b)/i,/^(?:xychart\b)/i,/^(?:(?:vertical|horizontal))/i,/^(?:x-axis\b)/i,/^(?:y-axis\b)/i,/^(?:\[)/i,/^(?:-->)/i,/^(?:line\b)/i,/^(?:bar\b)/i,/^(?:\[)/i,/^(?:[+-]?(?:\d+(?:\.\d+)?|\.\d+))/i,/^(?:\])/i,/^(?:(?:`\)                                    \{ this\.pushState\(md_string\); \}\n<md_string>\(\?:\(\?!`"\)\.\)\+                  \{ return MD_STR; \}\n<md_string>\(\?:`))/i,/^(?:["])/i,/^(?:["])/i,/^(?:[^"]*)/i,/^(?:\[)/i,/^(?:\])/i,/^(?:[A-Za-z]+)/i,/^(?::)/i,/^(?:\+)/i,/^(?:,)/i,/^(?:=)/i,/^(?:\*)/i,/^(?:#)/i,/^(?:[\_])/i,/^(?:\.)/i,/^(?:&)/i,/^(?:-)/i,/^(?:[0-9]+)/i,/^(?:\s+)/i,/^(?:;)/i,/^(?:$)/i],conditions:{data_inner:{rules:[0,1,4,5,6,7,9,11,14,15,16,17,18,21,22,24,25,26,27,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],inclusive:!0},data:{rules:[0,1,3,4,5,6,7,9,11,14,15,16,17,18,21,22,23,26,27,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],inclusive:!0},axis_band_data:{rules:[0,1,4,5,6,7,9,11,14,15,16,17,18,21,22,25,26,27,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],inclusive:!0},axis_data:{rules:[0,1,2,4,5,6,7,9,11,14,15,16,17,18,19,20,21,22,24,26,27,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],inclusive:!0},acc_descr_multiline:{rules:[12,13],inclusive:!1},acc_descr:{rules:[10],inclusive:!1},acc_title:{rules:[8],inclusive:!1},title:{rules:[],inclusive:!1},md_string:{rules:[],inclusive:!1},string:{rules:[28,29],inclusive:!1},INITIAL:{rules:[0,1,4,5,6,7,9,11,14,15,16,17,18,21,22,26,27,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],inclusive:!0}}};return F}();$.lexer=Et;function N(){this.yy={}}return a(N,"Parser"),N.prototype=$,$.Parser=N,new N}();bt.parser=bt;var Ti=bt;function At(e){return e.type==="bar"}a(At,"isBarPlot");function _t(e){return e.type==="band"}a(_t,"isBandAxisData");function G(e){return e.type==="linear"}a(G,"isLinearAxisData");var j,Ht=(j=class{constructor(t){this.parentGroup=t}getMaxDimension(t,i){if(!this.parentGroup)return{width:t.reduce((o,g)=>Math.max(g.length,o),0)*i,height:i};const s={width:0,height:0},n=this.parentGroup.append("g").attr("visibility","hidden").attr("font-size",i);for(const o of t){const g=Si(n,1,o),m=g?g.width:o.length*i,p=g?g.height:i;s.width=Math.max(s.width,m),s.height=Math.max(s.height,p)}return n.remove(),s}},a(j,"TextDimensionCalculatorWithFont"),j),Ft=.7,Ot=.2,Q,Ut=(Q=class{constructor(t,i,s,n){this.axisConfig=t,this.title=i,this.textDimensionCalculator=s,this.axisThemeConfig=n,this.boundingRect={x:0,y:0,width:0,height:0},this.axisPosition="left",this.showTitle=!1,this.showLabel=!1,this.showTick=!1,this.showAxisLine=!1,this.outerPadding=0,this.titleTextHeight=0,this.labelTextHeight=0,this.range=[0,10],this.boundingRect={x:0,y:0,width:0,height:0},this.axisPosition="left"}setRange(t){this.range=t,this.axisPosition==="left"||this.axisPosition==="right"?this.boundingRect.height=t[1]-t[0]:this.boundingRect.width=t[1]-t[0],this.recalculateScale()}getRange(){return[this.range[0]+this.outerPadding,this.range[1]-this.outerPadding]}setAxisPosition(t){this.axisPosition=t,this.setRange(this.range)}getTickDistance(){const t=this.getRange();return Math.abs(t[0]-t[1])/this.getTickValues().length}getAxisOuterPadding(){return this.outerPadding}getLabelDimension(){return this.textDimensionCalculator.getMaxDimension(this.getTickValues().map(t=>t.toString()),this.axisConfig.labelFontSize)}recalculateOuterPaddingToDrawBar(){Ft*this.getTickDistance()>this.outerPadding*2&&(this.outerPadding=Math.floor(Ft*this.getTickDistance()/2)),this.recalculateScale()}calculateSpaceIfDrawnHorizontally(t){let i=t.height;if(this.axisConfig.showAxisLine&&i>this.axisConfig.axisLineWidth&&(i-=this.axisConfig.axisLineWidth,this.showAxisLine=!0),this.axisConfig.showLabel){const s=this.getLabelDimension(),n=Ot*t.width;this.outerPadding=Math.min(s.width/2,n);const o=s.height+this.axisConfig.labelPadding*2;this.labelTextHeight=s.height,o<=i&&(i-=o,this.showLabel=!0)}if(this.axisConfig.showTick&&i>=this.axisConfig.tickLength&&(this.showTick=!0,i-=this.axisConfig.tickLength),this.axisConfig.showTitle&&this.title){const s=this.textDimensionCalculator.getMaxDimension([this.title],this.axisConfig.titleFontSize),n=s.height+this.axisConfig.titlePadding*2;this.titleTextHeight=s.height,n<=i&&(i-=n,this.showTitle=!0)}this.boundingRect.width=t.width,this.boundingRect.height=t.height-i}calculateSpaceIfDrawnVertical(t){let i=t.width;if(this.axisConfig.showAxisLine&&i>this.axisConfig.axisLineWidth&&(i-=this.axisConfig.axisLineWidth,this.showAxisLine=!0),this.axisConfig.showLabel){const s=this.getLabelDimension(),n=Ot*t.height;this.outerPadding=Math.min(s.height/2,n);const o=s.width+this.axisConfig.labelPadding*2;o<=i&&(i-=o,this.showLabel=!0)}if(this.axisConfig.showTick&&i>=this.axisConfig.tickLength&&(this.showTick=!0,i-=this.axisConfig.tickLength),this.axisConfig.showTitle&&this.title){const s=this.textDimensionCalculator.getMaxDimension([this.title],this.axisConfig.titleFontSize),n=s.height+this.axisConfig.titlePadding*2;this.titleTextHeight=s.height,n<=i&&(i-=n,this.showTitle=!0)}this.boundingRect.width=t.width-i,this.boundingRect.height=t.height}calculateSpace(t){return this.axisPosition==="left"||this.axisPosition==="right"?this.calculateSpaceIfDrawnVertical(t):this.calculateSpaceIfDrawnHorizontally(t),this.recalculateScale(),{width:this.boundingRect.width,height:this.boundingRect.height}}setBoundingBoxXY(t){this.boundingRect.x=t.x,this.boundingRect.y=t.y}getDrawableElementsForLeftAxis(){const t=[];if(this.showAxisLine){const i=this.boundingRect.x+this.boundingRect.width-this.axisConfig.axisLineWidth/2;t.push({type:"path",groupTexts:["left-axis","axisl-line"],data:[{path:`M ${i},${this.boundingRect.y} L ${i},${this.boundingRect.y+this.boundingRect.height} `,strokeFill:this.axisThemeConfig.axisLineColor,strokeWidth:this.axisConfig.axisLineWidth}]})}if(this.showLabel&&t.push({type:"text",groupTexts:["left-axis","label"],data:this.getTickValues().map(i=>({text:i.toString(),x:this.boundingRect.x+this.boundingRect.width-(this.showLabel?this.axisConfig.labelPadding:0)-(this.showTick?this.axisConfig.tickLength:0)-(this.showAxisLine?this.axisConfig.axisLineWidth:0),y:this.getScaleValue(i),fill:this.axisThemeConfig.labelColor,fontSize:this.axisConfig.labelFontSize,rotation:0,verticalPos:"middle",horizontalPos:"right"}))}),this.showTick){const i=this.boundingRect.x+this.boundingRect.width-(this.showAxisLine?this.axisConfig.axisLineWidth:0);t.push({type:"path",groupTexts:["left-axis","ticks"],data:this.getTickValues().map(s=>({path:`M ${i},${this.getScaleValue(s)} L ${i-this.axisConfig.tickLength},${this.getScaleValue(s)}`,strokeFill:this.axisThemeConfig.tickColor,strokeWidth:this.axisConfig.tickWidth}))})}return this.showTitle&&t.push({type:"text",groupTexts:["left-axis","title"],data:[{text:this.title,x:this.boundingRect.x+this.axisConfig.titlePadding,y:this.boundingRect.y+this.boundingRect.height/2,fill:this.axisThemeConfig.titleColor,fontSize:this.axisConfig.titleFontSize,rotation:270,verticalPos:"top",horizontalPos:"center"}]}),t}getDrawableElementsForBottomAxis(){const t=[];if(this.showAxisLine){const i=this.boundingRect.y+this.axisConfig.axisLineWidth/2;t.push({type:"path",groupTexts:["bottom-axis","axis-line"],data:[{path:`M ${this.boundingRect.x},${i} L ${this.boundingRect.x+this.boundingRect.width},${i}`,strokeFill:this.axisThemeConfig.axisLineColor,strokeWidth:this.axisConfig.axisLineWidth}]})}if(this.showLabel&&t.push({type:"text",groupTexts:["bottom-axis","label"],data:this.getTickValues().map(i=>({text:i.toString(),x:this.getScaleValue(i),y:this.boundingRect.y+this.axisConfig.labelPadding+(this.showTick?this.axisConfig.tickLength:0)+(this.showAxisLine?this.axisConfig.axisLineWidth:0),fill:this.axisThemeConfig.labelColor,fontSize:this.axisConfig.labelFontSize,rotation:0,verticalPos:"top",horizontalPos:"center"}))}),this.showTick){const i=this.boundingRect.y+(this.showAxisLine?this.axisConfig.axisLineWidth:0);t.push({type:"path",groupTexts:["bottom-axis","ticks"],data:this.getTickValues().map(s=>({path:`M ${this.getScaleValue(s)},${i} L ${this.getScaleValue(s)},${i+this.axisConfig.tickLength}`,strokeFill:this.axisThemeConfig.tickColor,strokeWidth:this.axisConfig.tickWidth}))})}return this.showTitle&&t.push({type:"text",groupTexts:["bottom-axis","title"],data:[{text:this.title,x:this.range[0]+(this.range[1]-this.range[0])/2,y:this.boundingRect.y+this.boundingRect.height-this.axisConfig.titlePadding-this.titleTextHeight,fill:this.axisThemeConfig.titleColor,fontSize:this.axisConfig.titleFontSize,rotation:0,verticalPos:"top",horizontalPos:"center"}]}),t}getDrawableElementsForTopAxis(){const t=[];if(this.showAxisLine){const i=this.boundingRect.y+this.boundingRect.height-this.axisConfig.axisLineWidth/2;t.push({type:"path",groupTexts:["top-axis","axis-line"],data:[{path:`M ${this.boundingRect.x},${i} L ${this.boundingRect.x+this.boundingRect.width},${i}`,strokeFill:this.axisThemeConfig.axisLineColor,strokeWidth:this.axisConfig.axisLineWidth}]})}if(this.showLabel&&t.push({type:"text",groupTexts:["top-axis","label"],data:this.getTickValues().map(i=>({text:i.toString(),x:this.getScaleValue(i),y:this.boundingRect.y+(this.showTitle?this.titleTextHeight+this.axisConfig.titlePadding*2:0)+this.axisConfig.labelPadding,fill:this.axisThemeConfig.labelColor,fontSize:this.axisConfig.labelFontSize,rotation:0,verticalPos:"top",horizontalPos:"center"}))}),this.showTick){const i=this.boundingRect.y;t.push({type:"path",groupTexts:["top-axis","ticks"],data:this.getTickValues().map(s=>({path:`M ${this.getScaleValue(s)},${i+this.boundingRect.height-(this.showAxisLine?this.axisConfig.axisLineWidth:0)} L ${this.getScaleValue(s)},${i+this.boundingRect.height-this.axisConfig.tickLength-(this.showAxisLine?this.axisConfig.axisLineWidth:0)}`,strokeFill:this.axisThemeConfig.tickColor,strokeWidth:this.axisConfig.tickWidth}))})}return this.showTitle&&t.push({type:"text",groupTexts:["top-axis","title"],data:[{text:this.title,x:this.boundingRect.x+this.boundingRect.width/2,y:this.boundingRect.y+this.axisConfig.titlePadding,fill:this.axisThemeConfig.titleColor,fontSize:this.axisConfig.titleFontSize,rotation:0,verticalPos:"top",horizontalPos:"center"}]}),t}getDrawableElements(){if(this.axisPosition==="left")return this.getDrawableElementsForLeftAxis();if(this.axisPosition==="right")throw Error("Drawing of right axis is not implemented");return this.axisPosition==="bottom"?this.getDrawableElementsForBottomAxis():this.axisPosition==="top"?this.getDrawableElementsForTopAxis():[]}},a(Q,"BaseAxis"),Q),K,Di=(K=class extends Ut{constructor(t,i,s,n,o){super(t,n,o,i),this.categories=s,this.scale=yt().domain(this.categories).range(this.getRange())}setRange(t){super.setRange(t)}recalculateScale(){this.scale=yt().domain(this.categories).range(this.getRange()).paddingInner(1).paddingOuter(0).align(.5),Nt.trace("BandAxis axis final categories, range: ",this.categories,this.getRange())}getTickValues(){return this.categories}getScaleValue(t){return this.scale(t)??this.getRange()[0]}},a(K,"BandAxis"),K),Z,vi=(Z=class extends Ut{constructor(t,i,s,n,o){super(t,n,o,i),this.domain=s,this.scale=zt().domain(this.domain).range(this.getRange())}getTickValues(){return this.scale.ticks()}recalculateScale(){const t=[...this.domain];this.axisPosition==="left"&&t.reverse(),this.scale=zt().domain(t).range(this.getRange())}getScaleValue(t){return this.scale(t)}},a(Z,"LinearAxis"),Z);function wt(e,t,i,s){const n=new Ht(s);return _t(e)?new Di(t,i,e.categories,e.title,n):new vi(t,i,[e.min,e.max],e.title,n)}a(wt,"getAxis");var J,Pi=(J=class{constructor(t,i,s,n){this.textDimensionCalculator=t,this.chartConfig=i,this.chartData=s,this.chartThemeConfig=n,this.boundingRect={x:0,y:0,width:0,height:0},this.showChartTitle=!1}setBoundingBoxXY(t){this.boundingRect.x=t.x,this.boundingRect.y=t.y}calculateSpace(t){const i=this.textDimensionCalculator.getMaxDimension([this.chartData.title],this.chartConfig.titleFontSize),s=Math.max(i.width,t.width),n=i.height+2*this.chartConfig.titlePadding;return i.width<=s&&i.height<=n&&this.chartConfig.showTitle&&this.chartData.title&&(this.boundingRect.width=s,this.boundingRect.height=n,this.showChartTitle=!0),{width:this.boundingRect.width,height:this.boundingRect.height}}getDrawableElements(){const t=[];return this.showChartTitle&&t.push({groupTexts:["chart-title"],type:"text",data:[{fontSize:this.chartConfig.titleFontSize,text:this.chartData.title,verticalPos:"middle",horizontalPos:"center",x:this.boundingRect.x+this.boundingRect.width/2,y:this.boundingRect.y+this.boundingRect.height/2,fill:this.chartThemeConfig.titleColor,rotation:0}]}),t}},a(J,"ChartTitle"),J);function $t(e,t,i,s){const n=new Ht(s);return new Pi(n,e,t,i)}a($t,"getChartTitleComponent");var tt,Li=(tt=class{constructor(t,i,s,n,o){this.plotData=t,this.xAxis=i,this.yAxis=s,this.orientation=n,this.plotIndex=o}getDrawableElement(){const t=this.plotData.data.map(s=>[this.xAxis.getScaleValue(s[0]),this.yAxis.getScaleValue(s[1])]);let i;return this.orientation==="horizontal"?i=Wt().y(s=>s[0]).x(s=>s[1])(t):i=Wt().x(s=>s[0]).y(s=>s[1])(t),i?[{groupTexts:["plot",`line-plot-${this.plotIndex}`],type:"path",data:[{path:i,strokeFill:this.plotData.strokeFill,strokeWidth:this.plotData.strokeWidth}]}]:[]}},a(tt,"LinePlot"),tt),it,Ei=(it=class{constructor(t,i,s,n,o,g){this.barData=t,this.boundingRect=i,this.xAxis=s,this.yAxis=n,this.orientation=o,this.plotIndex=g}getDrawableElement(){const t=this.barData.data.map(o=>[this.xAxis.getScaleValue(o[0]),this.yAxis.getScaleValue(o[1])]),s=Math.min(this.xAxis.getAxisOuterPadding()*2,this.xAxis.getTickDistance())*(1-.05),n=s/2;return this.orientation==="horizontal"?[{groupTexts:["plot",`bar-plot-${this.plotIndex}`],type:"rect",data:t.map(o=>({x:this.boundingRect.x,y:o[0]-n,height:s,width:o[1]-this.boundingRect.x,fill:this.barData.fill,strokeWidth:0,strokeFill:this.barData.fill}))}]:[{groupTexts:["plot",`bar-plot-${this.plotIndex}`],type:"rect",data:t.map(o=>({x:o[0]-n,y:o[1],width:s,height:this.boundingRect.y+this.boundingRect.height-o[1],fill:this.barData.fill,strokeWidth:0,strokeFill:this.barData.fill}))}]}},a(it,"BarPlot"),it),et,Ii=(et=class{constructor(t,i,s){this.chartConfig=t,this.chartData=i,this.chartThemeConfig=s,this.boundingRect={x:0,y:0,width:0,height:0}}setAxes(t,i){this.xAxis=t,this.yAxis=i}setBoundingBoxXY(t){this.boundingRect.x=t.x,this.boundingRect.y=t.y}calculateSpace(t){return this.boundingRect.width=t.width,this.boundingRect.height=t.height,{width:this.boundingRect.width,height:this.boundingRect.height}}getDrawableElements(){if(!(this.xAxis&&this.yAxis))throw Error("Axes must be passed to render Plots");const t=[];for(const[i,s]of this.chartData.plots.entries())switch(s.type){case"line":{const n=new Li(s,this.xAxis,this.yAxis,this.chartConfig.chartOrientation,i);t.push(...n.getDrawableElement())}break;case"bar":{const n=new Ei(s,this.boundingRect,this.xAxis,this.yAxis,this.chartConfig.chartOrientation,i);t.push(...n.getDrawableElement())}break}return t}},a(et,"BasePlot"),et);function qt(e,t,i){return new Ii(e,t,i)}a(qt,"getPlotComponent");var st,Mi=(st=class{constructor(t,i,s,n){this.chartConfig=t,this.chartData=i,this.componentStore={title:$t(t,i,s,n),plot:qt(t,i,s),xAxis:wt(i.xAxis,t.xAxis,{titleColor:s.xAxisTitleColor,labelColor:s.xAxisLabelColor,tickColor:s.xAxisTickColor,axisLineColor:s.xAxisLineColor},n),yAxis:wt(i.yAxis,t.yAxis,{titleColor:s.yAxisTitleColor,labelColor:s.yAxisLabelColor,tickColor:s.yAxisTickColor,axisLineColor:s.yAxisLineColor},n)}}calculateVerticalSpace(){let t=this.chartConfig.width,i=this.chartConfig.height,s=0,n=0,o=Math.floor(t*this.chartConfig.plotReservedSpacePercent/100),g=Math.floor(i*this.chartConfig.plotReservedSpacePercent/100),m=this.componentStore.plot.calculateSpace({width:o,height:g});t-=m.width,i-=m.height,m=this.componentStore.title.calculateSpace({width:this.chartConfig.width,height:i}),n=m.height,i-=m.height,this.componentStore.xAxis.setAxisPosition("bottom"),m=this.componentStore.xAxis.calculateSpace({width:t,height:i}),i-=m.height,this.componentStore.yAxis.setAxisPosition("left"),m=this.componentStore.yAxis.calculateSpace({width:t,height:i}),s=m.width,t-=m.width,t>0&&(o+=t,t=0),i>0&&(g+=i,i=0),this.componentStore.plot.calculateSpace({width:o,height:g}),this.componentStore.plot.setBoundingBoxXY({x:s,y:n}),this.componentStore.xAxis.setRange([s,s+o]),this.componentStore.xAxis.setBoundingBoxXY({x:s,y:n+g}),this.componentStore.yAxis.setRange([n,n+g]),this.componentStore.yAxis.setBoundingBoxXY({x:0,y:n}),this.chartData.plots.some(p=>At(p))&&this.componentStore.xAxis.recalculateOuterPaddingToDrawBar()}calculateHorizontalSpace(){let t=this.chartConfig.width,i=this.chartConfig.height,s=0,n=0,o=0,g=Math.floor(t*this.chartConfig.plotReservedSpacePercent/100),m=Math.floor(i*this.chartConfig.plotReservedSpacePercent/100),p=this.componentStore.plot.calculateSpace({width:g,height:m});t-=p.width,i-=p.height,p=this.componentStore.title.calculateSpace({width:this.chartConfig.width,height:i}),s=p.height,i-=p.height,this.componentStore.xAxis.setAxisPosition("left"),p=this.componentStore.xAxis.calculateSpace({width:t,height:i}),t-=p.width,n=p.width,this.componentStore.yAxis.setAxisPosition("top"),p=this.componentStore.yAxis.calculateSpace({width:t,height:i}),i-=p.height,o=s+p.height,t>0&&(g+=t,t=0),i>0&&(m+=i,i=0),this.componentStore.plot.calculateSpace({width:g,height:m}),this.componentStore.plot.setBoundingBoxXY({x:n,y:o}),this.componentStore.yAxis.setRange([n,n+g]),this.componentStore.yAxis.setBoundingBoxXY({x:n,y:s}),this.componentStore.xAxis.setRange([o,o+m]),this.componentStore.xAxis.setBoundingBoxXY({x:0,y:o}),this.chartData.plots.some(k=>At(k))&&this.componentStore.xAxis.recalculateOuterPaddingToDrawBar()}calculateSpace(){this.chartConfig.chartOrientation==="horizontal"?this.calculateHorizontalSpace():this.calculateVerticalSpace()}getDrawableElement(){this.calculateSpace();const t=[];this.componentStore.plot.setAxes(this.componentStore.xAxis,this.componentStore.yAxis);for(const i of Object.values(this.componentStore))t.push(...i.getDrawableElements());return t}},a(st,"Orchestrator"),st),nt,Vi=(nt=class{static build(t,i,s,n){return new Mi(t,i,s,n).getDrawableElement()}},a(nt,"XYChartBuilder"),nt),rt=0,Gt,ot=Tt(),ht=Rt(),A=Dt(),Ct=ht.plotColorPalette.split(",").map(e=>e.trim()),gt=!1,kt=!1;function Rt(){const e=wi(),t=St();return Yt(e.xyChart,t.themeVariables.xyChart)}a(Rt,"getChartDefaultThemeConfig");function Tt(){const e=St();return Yt(Ai.xyChart,e.xyChart)}a(Tt,"getChartDefaultConfig");function Dt(){return{yAxis:{type:"linear",title:"",min:1/0,max:-1/0},xAxis:{type:"band",title:"",categories:[]},title:"",plots:[]}}a(Dt,"getChartDefaultData");function xt(e){const t=St();return Ci(e.trim(),t)}a(xt,"textSanitizer");function jt(e){Gt=e}a(jt,"setTmpSVGG");function Qt(e){e==="horizontal"?ot.chartOrientation="horizontal":ot.chartOrientation="vertical"}a(Qt,"setOrientation");function Kt(e){A.xAxis.title=xt(e.text)}a(Kt,"setXAxisTitle");function vt(e,t){A.xAxis={type:"linear",title:A.xAxis.title,min:e,max:t},gt=!0}a(vt,"setXAxisRangeData");function Zt(e){A.xAxis={type:"band",title:A.xAxis.title,categories:e.map(t=>xt(t.text))},gt=!0}a(Zt,"setXAxisBand");function Jt(e){A.yAxis.title=xt(e.text)}a(Jt,"setYAxisTitle");function ti(e,t){A.yAxis={type:"linear",title:A.yAxis.title,min:e,max:t},kt=!0}a(ti,"setYAxisRangeData");function ii(e){const t=Math.min(...e),i=Math.max(...e),s=G(A.yAxis)?A.yAxis.min:1/0,n=G(A.yAxis)?A.yAxis.max:-1/0;A.yAxis={type:"linear",title:A.yAxis.title,min:Math.min(s,t),max:Math.max(n,i)}}a(ii,"setYAxisRangeFromPlotData");function Pt(e){let t=[];if(e.length===0)return t;if(!gt){const i=G(A.xAxis)?A.xAxis.min:1/0,s=G(A.xAxis)?A.xAxis.max:-1/0;vt(Math.min(i,1),Math.max(s,e.length))}if(kt||ii(e),_t(A.xAxis)&&(t=A.xAxis.categories.map((i,s)=>[i,e[s]])),G(A.xAxis)){const i=A.xAxis.min,s=A.xAxis.max,n=(s-i)/(e.length-1),o=[];for(let g=i;g<=s;g+=n)o.push(`${g}`);t=o.map((g,m)=>[g,e[m]])}return t}a(Pt,"transformDataWithoutCategory");function Lt(e){return Ct[e===0?0:e%Ct.length]}a(Lt,"getPlotColorFromPalette");function ei(e,t){const i=Pt(t);A.plots.push({type:"line",strokeFill:Lt(rt),strokeWidth:2,data:i}),rt++}a(ei,"setLineData");function si(e,t){const i=Pt(t);A.plots.push({type:"bar",fill:Lt(rt),data:i}),rt++}a(si,"setBarData");function ni(){if(A.plots.length===0)throw Error("No Plot to render, please provide a plot with some data");return A.title=Xt(),Vi.build(ot,A,ht,Gt)}a(ni,"getDrawableElem");function ai(){return ht}a(ai,"getChartThemeConfig");function ri(){return ot}a(ri,"getChartConfig");function oi(){return A}a(oi,"getXYChartData");var Bi=a(function(){bi(),rt=0,ot=Tt(),A=Dt(),ht=Rt(),Ct=ht.plotColorPalette.split(",").map(e=>e.trim()),gt=!1,kt=!1},"clear"),Wi={getDrawableElem:ni,clear:Bi,setAccTitle:pi,getAccTitle:fi,setDiagramTitle:di,getDiagramTitle:Xt,getAccDescription:xi,setAccDescription:gi,setOrientation:Qt,setXAxisTitle:Kt,setXAxisRangeData:vt,setXAxisBand:Zt,setYAxisTitle:Jt,setYAxisRangeData:ti,setLineData:ei,setBarData:si,setTmpSVGG:jt,getChartThemeConfig:ai,getChartConfig:ri,getXYChartData:oi},zi=a((e,t,i,s)=>{const n=s.db,o=n.getChartThemeConfig(),g=n.getChartConfig(),m=n.getXYChartData().plots[0].data.map(y=>y[1]);function p(y){return y==="top"?"text-before-edge":"middle"}a(p,"getDominantBaseLine");function k(y){return y==="left"?"start":y==="right"?"end":"middle"}a(k,"getTextAnchor");function v(y){return`translate(${y.x}, ${y.y}) rotate(${y.rotation||0})`}a(v,"getTextTransformation"),Nt.debug(`Rendering xychart chart
+`+e);const C=mi(t),b=C.append("g").attr("class","main"),E=b.append("rect").attr("width",g.width).attr("height",g.height).attr("class","background");yi(C,g.height,g.width,!0),C.attr("viewBox",`0 0 ${g.width} ${g.height}`),E.attr("fill",o.backgroundColor),n.setTmpSVGG(C.append("g").attr("class","mermaid-tmp-group"));const D=n.getDrawableElem(),P={};function I(y){let _=b,c="";for(const[W]of y.entries()){let z=b;W>0&&P[c]&&(z=P[c]),c+=y[W],_=P[c],_||(_=P[c]=z.append("g").attr("class",y[W]))}return _}a(I,"getGroup");for(const y of D){if(y.data.length===0)continue;const _=I(y.groupTexts);switch(y.type){case"rect":if(_.selectAll("rect").data(y.data).enter().append("rect").attr("x",c=>c.x).attr("y",c=>c.y).attr("width",c=>c.width).attr("height",c=>c.height).attr("fill",c=>c.fill).attr("stroke",c=>c.strokeFill).attr("stroke-width",c=>c.strokeWidth),g.showDataLabel)if(g.chartOrientation==="horizontal"){let c=function(l,L){const{data:S,label:R}=l;return L*R.length*W<=S.width-10};a(c,"fitsHorizontally");const W=.7,z=y.data.map((l,L)=>({data:l,label:m[L].toString()})).filter(l=>l.data.width>0&&l.data.height>0),U=z.map(l=>{const{data:L}=l;let S=L.height*.7;for(;!c(l,S)&&S>0;)S-=1;return S}),X=Math.floor(Math.min(...U));_.selectAll("text").data(z).enter().append("text").attr("x",l=>l.data.x+l.data.width-10).attr("y",l=>l.data.y+l.data.height/2).attr("text-anchor","end").attr("dominant-baseline","middle").attr("fill","black").attr("font-size",`${X}px`).text(l=>l.label)}else{let c=function(l,L,S){const{data:R,label:$}=l,N=L*$.length*.7,F=R.x+R.width/2,h=F-N/2,u=F+N/2,x=h>=R.x&&u<=R.x+R.width,d=R.y+S+L<=R.y+R.height;return x&&d};a(c,"fitsInBar");const W=10,z=y.data.map((l,L)=>({data:l,label:m[L].toString()})).filter(l=>l.data.width>0&&l.data.height>0),U=z.map(l=>{const{data:L,label:S}=l;let R=L.width/(S.length*.7);for(;!c(l,R,W)&&R>0;)R-=1;return R}),X=Math.floor(Math.min(...U));_.selectAll("text").data(z).enter().append("text").attr("x",l=>l.data.x+l.data.width/2).attr("y",l=>l.data.y+W).attr("text-anchor","middle").attr("dominant-baseline","hanging").attr("fill","black").attr("font-size",`${X}px`).text(l=>l.label)}break;case"text":_.selectAll("text").data(y.data).enter().append("text").attr("x",0).attr("y",0).attr("fill",c=>c.fill).attr("font-size",c=>c.fontSize).attr("dominant-baseline",c=>p(c.verticalPos)).attr("text-anchor",c=>k(c.horizontalPos)).attr("transform",c=>v(c)).text(c=>c.text);break;case"path":_.selectAll("path").data(y.data).enter().append("path").attr("d",c=>c.path).attr("fill",c=>c.fill?c.fill:"none").attr("stroke",c=>c.strokeFill).attr("stroke-width",c=>c.strokeWidth);break}}},"draw"),Fi={draw:zi},qi={parser:Ti,db:Wi,renderer:Fi};export{qi as diagram};

package/site/.vitepress/dist/assets/contributing.md.gqIMCtVI.js

@@ -0,0 +1 @@
+import{_ as t,c as i,o as s,a2 as a}from"./chunks/framework.9Uv4PgnO.js";const b=JSON.parse('{"title":"Contributing","description":"","frontmatter":{},"headers":[],"relativePath":"contributing.md","filePath":"contributing.md"}'),n={name:"contributing.md"};function r(o,e,l,u,c,d){return s(),i("div",null,[...e[0]||(e[0]=[a('<h1 id="contributing" tabindex="-1">Contributing <a class="header-anchor" href="#contributing" aria-label="Permalink to &quot;Contributing&quot;">​</a></h1><p>Thanks for your interest!</p><h2 id="development" tabindex="-1">Development <a class="header-anchor" href="#development" aria-label="Permalink to &quot;Development&quot;">​</a></h2><ul><li>Clone the repo</li><li>Install dependencies</li><li>Run tests and the docs site</li></ul><h2 id="issues-and-prs" tabindex="-1">Issues and PRs <a class="header-anchor" href="#issues-and-prs" aria-label="Permalink to &quot;Issues and PRs&quot;">​</a></h2><ul><li>Open an issue for discussion first where helpful</li><li>Keep PRs focused; include tests where possible</li></ul><p>Links:</p><ul><li>GitHub: <a href="https://github.com/webqit/webflo" target="_blank" rel="noreferrer">https://github.com/webqit/webflo</a></li><li>Issues: <a href="https://github.com/webqit/webflo/issues" target="_blank" rel="noreferrer">https://github.com/webqit/webflo/issues</a></li></ul>',8)])])}const p=t(n,[["render",r]]);export{b as __pageData,p as default};

package/site/.vitepress/dist/assets/contributing.md.gqIMCtVI.lean.js

@@ -0,0 +1 @@
+import{_ as t,c as i,o as s,a2 as a}from"./chunks/framework.9Uv4PgnO.js";const b=JSON.parse('{"title":"Contributing","description":"","frontmatter":{},"headers":[],"relativePath":"contributing.md","filePath":"contributing.md"}'),n={name:"contributing.md"};function r(o,e,l,u,c,d){return s(),i("div",null,[...e[0]||(e[0]=[a("",8)])])}const p=t(n,[["render",r]]);export{b as __pageData,p as default};

package/site/.vitepress/dist/assets/docs.md.hvbqYbFY.js

@@ -0,0 +1 @@
+import{_ as t,c as a,o as r,a2 as o}from"./chunks/framework.9Uv4PgnO.js";const u=JSON.parse('{"title":"Webflo — A Web-Native Framework for the Next Gen","description":"","frontmatter":{},"headers":[],"relativePath":"docs.md","filePath":"docs.md"}'),i={name:"docs.md"};function s(n,e,l,d,c,h){return r(),a("div",null,[...e[0]||(e[0]=[o('<h1 id="webflo-—-a-web-native-framework-for-the-next-gen" tabindex="-1">Webflo <br>— A Web-Native Framework for the Next Gen <a class="header-anchor" href="#webflo-—-a-web-native-framework-for-the-next-gen" aria-label="Permalink to &quot;Webflo &lt;br&gt;— A Web-Native Framework for the Next Gen&quot;">​</a></h1><p><em>Build the full spectrum of modern apps — backends, frontends, offline-first, and realtime apps — on raw platform power.</em></p><p>Welcome to the docs.</p><h2 id="what-is-webflo" tabindex="-1">What is Webflo <a class="header-anchor" href="#what-is-webflo" aria-label="Permalink to &quot;What is Webflo&quot;">​</a></h2><p>Webflo is a web-native framework that lets you build backends, frontends, offline-first, and realtime apps absurdly fast.</p><p>&quot;Web-native.&quot; The cheatcode, if you caught it.<br> Just programming fundamentals and raw platform power, shipped in a framework. Modern apps — their sophistication and scale — solved from the foundation up.</p><h2 id="why-webflo" tabindex="-1">Why Webflo <a class="header-anchor" href="#why-webflo" aria-label="Permalink to &quot;Why Webflo&quot;">​</a></h2><p>Webflo shares the same broad use cases as traditional frameworks, but it is designed on an entirely different premise: <strong>walk the traditional framework ladder back to programming fundamentals and sheer platform capabilities</strong> — not merely to align with web standards, <strong>but to put the foundations to work in new ways</strong>. From JavaScript to HTML, to the web&#39;s transport layer, we took existing fundamentals and built new ones — to give developers less machinery, more leverage.</p><p><strong>An engineer’s tour…</strong></p><h3 id="mutation-based-reactivity" tabindex="-1">Mutation-Based Reactivity <a class="header-anchor" href="#mutation-based-reactivity" aria-label="Permalink to &quot;Mutation-Based Reactivity&quot;">​</a></h3><p>At the foundation is an all-new reactive model: <strong>mutation-based reactivity</strong>, powered by the <a href="/docs/tech-stack#the-observer-api">Observer API</a>. With this model, Webflo anchors itself on JavaScript’s direct mutation semantics and makes it its own engine of reactivity across the whole stack — server, worker, and client. Reactivity just works as program state changes. This means:</p><ul><li><strong>State is just objects and arrays</strong>. With reactivity solved at the object level, no need for stores, hooks, signals, proxies, reducers, or container types. The object you see <em>is</em> the state.</li><li><strong>Mutation becomes the shared language of reactivity across the system</strong> — whether on the server, the service worker, or the UI.</li><li><strong>With no layers of indirection, mental model stays simple</strong>. At any given time, you&#39;re simply either making mutations or observing mutations — exactly as you would without any framework.</li></ul><p>This enables <strong>a new generation of apps that entirely avoid the traditional state scaffolding and the inherent cost of forbidding mutability in a mutable world as JavaScript</strong>.</p><h3 id="realtime-over-http" tabindex="-1">Realtime Over HTTP <a class="header-anchor" href="#realtime-over-http" aria-label="Permalink to &quot;Realtime Over HTTP&quot;">​</a></h3><p>Webflo extends the HTTP request/response model with realtime capabilities that let request handlers opt into an interactive, realtime channel with the client — exposed as <code>event.client</code>. Webflo automatically upgrades the underlying transport and manages the request lifecycle. You get a capable transport layer that can be used for many things. Webflo builds on that to enable:</p><ul><li><strong>A multi-stage response model via <code>LiveResponse</code></strong>. Send multiple responses at different stages of request processing: <code>liveResponse.replaceWith()</code>, <code>event.respondWith()</code>, etc. Clients swap state and rerender accordingly.</li><li><strong>Differential, live state over the wire</strong>. Share live state with the client and mutate it in place as you deem fit: <code>Observer.set(liveResponse.body, name, value)</code>, <code>Observer.proxy(liveResponse.body.items).push(item)</code>, etc. Clients preserve state and reflect diffs. Application state goes fullstack.</li><li><strong>Interactive request handling</strong>. Pause request processing to interact with the user as the need may arise: <code>event.user.confirm()</code>, <code>event.user.prompt()</code>, etc. Clients initiate the corresponding dialog with the user and reply.</li></ul><p>Together with the <code>event.client</code> API itself, you get a unified surface for many different realtime apps — collaboration, multi-device presence, multiplayer, streaming progress, and more — with no extra wiring or protocols.</p><h3 id="html-for-the-modern-ui" tabindex="-1">HTML for the Modern UI <a class="header-anchor" href="#html-for-the-modern-ui" aria-label="Permalink to &quot;HTML for the Modern UI&quot;">​</a></h3><p>Webflo brings HTML into the application authoring equation as its direct UI language — instead of as compile target. It converges on a design that leaves the UI layer entirely in HTML terms — and upgrades the authoring experience via first-class integration with <a href="/docs/tech-stack#oohtml">Object-Oriented HTML (OOHTML)</a>. OOHTML extends HTML with capabilities like <strong>modularity &amp; reusability</strong>, <strong>reactivity &amp; data binding</strong> — <strong>without a build step</strong>. You get:</p><ul><li><strong>Modular imports and composable templates</strong> (<code>&lt;template def&gt;</code> and <code>&lt;import ref&gt;</code>) as first-class primitives.</li><li><strong>Scoped styles and scripts, and even scoped subtrees</strong> without Shadow DOM complexity (<code>&lt;script scoped&gt;</code>, <code>&lt;style scoped&gt;</code>, <code>&lt;div namespace&gt;</code>).</li><li><strong>Reactive bindings without a compile step</strong> — via HTML attributes and HTML comment (<code>&lt;!--{ title }--&gt;</code>, <code>&lt;?{ title }?&gt;</code>).</li></ul><p>This solves for the sophistication of modern UIs in just HTML, without the complexity of a compile step. With that out of the way, you get <strong>edit-in-browser workflows</strong> where the UI directly reflects live DOM manipulation via the browser inspector.</p><h3 id="the-service-worker-as-an-embedded-edge-runtime" tabindex="-1">The Service Worker as an Embedded Edge Runtime <a class="header-anchor" href="#the-service-worker-as-an-embedded-edge-runtime" aria-label="Permalink to &quot;The Service Worker as an Embedded Edge Runtime&quot;">​</a></h3><p>Webflo brings the service worker into the application model as a full routing runtime — extending it beyond its traditional role as a cache script or network proxy. The shift lets you bring your application routes into the service worker, with the same routing architecture and request-handling capabilities as the server and client runtimes. This unlocks:</p><ul><li><strong>Fullstack routing</strong>. Distribute route handlers across, not two, but three runtimes (server, worker, client) as you deem fit. Same routing architecture, same request-handling capabilities.</li><li><strong>More performant client-side routing</strong>. Move compute-intensive routing logic into the service worker runtime from the main thread to keep the UI responsive.</li><li><strong>Route-based background tasks</strong>. Sync, periodic events, and push notifications map into routes naturally, not into separate worker-only APIs. One routing architecture for many use cases.</li></ul><p>The service worker as a new routing site exposes this underutilized layer of the platform as a <em>standard application surface to build on</em> — like an embedded edge runtime — taking the application closer to the heart of the platform’s capabilities than traditional architectures allow.</p><hr><p><strong>What this means</strong>: Webflo is an orchestration of programming fundamentals, web platform capabilities, and the web’s communication protocols into an application framework for the next generation of web apps. With just the fundamentals as the entire application stack — <em>and no extra thing &quot;going on&quot;</em> — Webflo achieves a rare level of conceptual and operational simplicity that makes the sophistication of modern apps feel <em>almost</em> trivial.</p><h2 id="what-you-can-build" tabindex="-1">What You Can Build <a class="header-anchor" href="#what-you-can-build" aria-label="Permalink to &quot;What You Can Build&quot;">​</a></h2><table tabindex="0"><thead><tr><th style="text-align:left;">Category</th><th style="text-align:left;">Examples &amp; Notes</th></tr></thead><tbody><tr><td style="text-align:left;"><strong>Web apps</strong></td><td style="text-align:left;">From classic MPAs to rich SPAs, hybrid SSR/CSR experiences, and full PWAs — all built on one unified framework.</td></tr><tr><td style="text-align:left;"><strong>API backends</strong></td><td style="text-align:left;">REST endpoints, serverless-style handlers, and webhooks with streaming, partial responses, and live messaging.</td></tr><tr><td style="text-align:left;"><strong>Static sites</strong></td><td style="text-align:left;">Static-first or fully pre-rendered sites that seamlessly upgrade sections to live or interactive behavior.</td></tr><tr><td style="text-align:left;"><strong>Mobile experiences</strong></td><td style="text-align:left;">Installable, offline-capable PWAs with background sync, worker routing, and native-feeling navigation.</td></tr><tr><td style="text-align:left;"><strong>Realtime &amp; multiplayer</strong></td><td style="text-align:left;">Chats, presence, dashboards, live docs, notifications — realtime channels and dialogs available out of the box.</td></tr><tr><td style="text-align:left;"><strong>AI &amp; agents</strong></td><td style="text-align:left;">Multi-step AI workflows, background agents, and automation powered by Webflo’s live request lifecycle.</td></tr></tbody></table><h2 id="features" tabindex="-1">Features <a class="header-anchor" href="#features" aria-label="Permalink to &quot;Features&quot;">​</a></h2><table tabindex="0"><thead><tr><th style="text-align:left;">Feature</th><th style="text-align:left;">Description</th></tr></thead><tbody><tr><td style="text-align:left;">📁 <strong>Folder-based routing</strong></td><td style="text-align:left;">Filesystem routing across client, worker, and server layers, with seamless interception and flow.</td></tr><tr><td style="text-align:left;">🌍 <strong>Full-stack routing &amp; lifecycle</strong></td><td style="text-align:left;">Every request flows through browser, worker, and server layers using the same handler model.</td></tr><tr><td style="text-align:left;">🔗 <strong>Internal API composition</strong></td><td style="text-align:left;">Reuse your own routes as local function calls via <code>next(path)</code> — no extra networking required.</td></tr><tr><td style="text-align:left;">🔐 <strong>Sessions &amp; auth</strong></td><td style="text-align:left;">Built-in cookie handling, session utilities, and helpers for gated routes and user-aware flows.</td></tr><tr><td style="text-align:left;">⚡ <strong>Realtime capabilities</strong></td><td style="text-align:left;">Live responses, incremental updates, dialogs, and background channels — no explicit WebSocket setup.</td></tr><tr><td style="text-align:left;">🧠 <strong>Mutation-based reactivity</strong></td><td style="text-align:left;">State is plain objects and arrays; mutations drive reactivity via the Observer API.</td></tr><tr><td style="text-align:left;">🧱 <strong>OOHTML integration</strong></td><td style="text-align:left;">HTML-native templates, imports, and composition without a component DSL or build-heavy toolchain.</td></tr><tr><td style="text-align:left;">📦 <strong>Offline &amp; worker features</strong></td><td style="text-align:left;">Worker-side routing, caching, background sync, and offline-first behaviors built in.</td></tr><tr><td style="text-align:left;">🧩 <strong>Dev mode &amp; HMR</strong></td><td style="text-align:left;">Fast development server with fine-grained rebuilds and hot updates for HTML, JS, and CSS.</td></tr></tbody></table><h2 id="get-started" tabindex="-1">Get Started <a class="header-anchor" href="#get-started" aria-label="Permalink to &quot;Get Started&quot;">​</a></h2><table tabindex="0"><thead><tr><th style="text-align:left;">Path</th><th style="text-align:left;">Focus</th></tr></thead><tbody><tr><td style="text-align:left;"><a href="./docs/getting-started">Getting Started</a></td><td style="text-align:left;">Your first route and page in minutes.</td></tr><tr><td style="text-align:left;"><a href="./docs/concepts">Core Concepts</a></td><td style="text-align:left;">The mental models behind routing, request/response, and realtime.</td></tr><tr><td style="text-align:left;"><a href="./examples">Examples</a></td><td style="text-align:left;">Small, focused examples.</td></tr></tbody></table>',33)])])}const p=t(i,[["render",s]]);export{u as __pageData,p as default};

package/site/.vitepress/dist/assets/docs.md.hvbqYbFY.lean.js

@@ -0,0 +1 @@
+import{_ as t,c as a,o as r,a2 as o}from"./chunks/framework.9Uv4PgnO.js";const u=JSON.parse('{"title":"Webflo — A Web-Native Framework for the Next Gen","description":"","frontmatter":{},"headers":[],"relativePath":"docs.md","filePath":"docs.md"}'),i={name:"docs.md"};function s(n,e,l,d,c,h){return r(),a("div",null,[...e[0]||(e[0]=[o("",33)])])}const p=t(i,[["render",s]]);export{u as __pageData,p as default};

package/site/.vitepress/dist/assets/docs_advanced.md.D048cxnq.js

@@ -0,0 +1 @@
+import{_ as a,c as t,o as c,a2 as d}from"./chunks/framework.9Uv4PgnO.js";const u=JSON.parse('{"title":"Advanced Concepts","description":"","frontmatter":{},"headers":[],"relativePath":"docs/advanced.md","filePath":"docs/advanced.md"}'),n={name:"docs/advanced.md"};function o(s,e,i,l,r,_){return c(),t("div",null,[...e[0]||(e[0]=[d('<h1 id="advanced-concepts" tabindex="-1">Advanced Concepts <a class="header-anchor" href="#advanced-concepts" aria-label="Permalink to &quot;Advanced Concepts&quot;">​</a></h1><p>Talk about:</p><ul><li>HTTP State <ul><li>Cookies</li><li>Session</li><li>User</li></ul></li><li>Redirects</li><li>Lifecycles</li></ul>',3)])])}const v=a(n,[["render",o]]);export{u as __pageData,v as default};

package/site/.vitepress/dist/assets/docs_advanced.md.D048cxnq.lean.js

@@ -0,0 +1 @@
+import{_ as a,c as t,o as c,a2 as d}from"./chunks/framework.9Uv4PgnO.js";const u=JSON.parse('{"title":"Advanced Concepts","description":"","frontmatter":{},"headers":[],"relativePath":"docs/advanced.md","filePath":"docs/advanced.md"}'),n={name:"docs/advanced.md"};function o(s,e,i,l,r,_){return c(),t("div",null,[...e[0]||(e[0]=[d("",3)])])}const v=a(n,[["render",o]]);export{u as __pageData,v as default};

package/site/.vitepress/dist/assets/docs_advanced_lifecycles.md.BICPL-da.js

@@ -0,0 +1 @@
+import{_ as l,c as t,o as a,a2 as i}from"./chunks/framework.9Uv4PgnO.js";const u=JSON.parse('{"title":"Webflo Lifecycles","description":"","frontmatter":{},"headers":[],"relativePath":"docs/advanced/lifecycles.md","filePath":"docs/advanced/lifecycles.md"}'),s={name:"docs/advanced/lifecycles.md"};function n(o,e,c,r,d,p){return a(),t("div",null,[...e[0]||(e[0]=[i('<h1 id="webflo-lifecycles" tabindex="-1">Webflo Lifecycles <a class="header-anchor" href="#webflo-lifecycles" aria-label="Permalink to &quot;Webflo Lifecycles&quot;">​</a></h1><p>A place to see all the various lifecycles</p><ul><li><p>HttpEvent.signal aborts when</p><ul><li>parent event&#39;s signal aborts</li><li>request&#39;s signal aborts</li><li>HttpEvent.abort() is called</li><li>handler returns, plus all handlers in subtree return; i.e. all handlers complete their lifecycle</li></ul></li><li><p>root HttpEvent is aborted on any of the above or when Realtime closes</p></li><li><p>Realtime closes when</p><ul><li>is closed from client</li><li>Httpevent.client&#39;s <code>navigation</code> event fires and is not default-prevented</li><li>root event completes its lifecycle</li></ul></li><li><p>Quantum state and Generators auto end when</p><ul><li>HttpEvent.signal aborts</li></ul></li></ul>',3)])])}const _=l(s,[["render",n]]);export{u as __pageData,_ as default};

package/site/.vitepress/dist/assets/docs_advanced_lifecycles.md.BICPL-da.lean.js

@@ -0,0 +1 @@
+import{_ as l,c as t,o as a,a2 as i}from"./chunks/framework.9Uv4PgnO.js";const u=JSON.parse('{"title":"Webflo Lifecycles","description":"","frontmatter":{},"headers":[],"relativePath":"docs/advanced/lifecycles.md","filePath":"docs/advanced/lifecycles.md"}'),s={name:"docs/advanced/lifecycles.md"};function n(o,e,c,r,d,p){return a(),t("div",null,[...e[0]||(e[0]=[i("",3)])])}const _=l(s,[["render",n]]);export{u as __pageData,_ as default};

package/site/.vitepress/dist/assets/docs_advanced_redirects.md.BMha6D3W.js

@@ -0,0 +1 @@
+import{_ as e,c as t,o as a}from"./chunks/framework.9Uv4PgnO.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"docs/advanced/redirects.md","filePath":"docs/advanced/redirects.md"}'),r={name:"docs/advanced/redirects.md"};function c(d,s,o,n,i,p){return a(),t("div")}const f=e(r,[["render",c]]);export{m as __pageData,f as default};

package/site/.vitepress/dist/assets/docs_advanced_redirects.md.BMha6D3W.lean.js

@@ -0,0 +1 @@
+import{_ as e,c as t,o as a}from"./chunks/framework.9Uv4PgnO.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"docs/advanced/redirects.md","filePath":"docs/advanced/redirects.md"}'),r={name:"docs/advanced/redirects.md"};function c(d,s,o,n,i,p){return a(),t("div")}const f=e(r,[["render",c]]);export{m as __pageData,f as default};

package/site/.vitepress/dist/assets/docs_advanced_routing.md.Cv63UDJF.js

@@ -0,0 +1 @@
+import{_ as t,c as n,o as d,j as e,a as o}from"./chunks/framework.9Uv4PgnO.js";const m=JSON.parse('{"title":"Advanced Routing","description":"","frontmatter":{},"headers":[],"relativePath":"docs/advanced/routing.md","filePath":"docs/advanced/routing.md"}'),r={name:"docs/advanced/routing.md"};function c(s,a,i,u,l,p){return d(),n("div",null,[...a[0]||(a[0]=[e("h1",{id:"advanced-routing",tabindex:"-1"},[o("Advanced Routing "),e("a",{class:"header-anchor",href:"#advanced-routing","aria-label":'Permalink to "Advanced Routing"'},"​")],-1)])])}const v=t(r,[["render",c]]);export{m as __pageData,v as default};

package/site/.vitepress/dist/assets/docs_advanced_routing.md.Cv63UDJF.lean.js

@@ -0,0 +1 @@
+import{_ as t,c as n,o as d,j as e,a as o}from"./chunks/framework.9Uv4PgnO.js";const m=JSON.parse('{"title":"Advanced Routing","description":"","frontmatter":{},"headers":[],"relativePath":"docs/advanced/routing.md","filePath":"docs/advanced/routing.md"}'),r={name:"docs/advanced/routing.md"};function c(s,a,i,u,l,p){return d(),n("div",null,[...a[0]||(a[0]=[e("h1",{id:"advanced-routing",tabindex:"-1"},[o("Advanced Routing "),e("a",{class:"header-anchor",href:"#advanced-routing","aria-label":'Permalink to "Advanced Routing"'},"​")],-1)])])}const v=t(r,[["render",c]]);export{m as __pageData,v as default};

package/site/.vitepress/dist/assets/docs_concepts.md.Clwx81Hz.js

@@ -0,0 +1,3 @@
+import{_ as t,c as a,o,a2 as s}from"./chunks/framework.9Uv4PgnO.js";const u=JSON.parse('{"title":"Core Concepts","description":"","frontmatter":{},"headers":[],"relativePath":"docs/concepts.md","filePath":"docs/concepts.md"}'),n={name:"docs/concepts.md"};function i(l,e,r,c,p,d){return o(),a("div",null,[...e[0]||(e[0]=[s(`<h1 id="core-concepts" tabindex="-1">Core Concepts <a class="header-anchor" href="#core-concepts" aria-label="Permalink to &quot;Core Concepts&quot;">​</a></h1><p>Welcome to the heart of Webflo. If you’ve ever wondered how modern web apps can feel so seamless—navigating between pages without reloads, updating in real time, and blending server and client logic—this is where the magic happens.</p><p>This page is your map to the core ideas that power every Webflo app. We’ll walk through the big concepts, show you how they fit together, and help you build the mental models you’ll need to create robust, maintainable, and delightful web experiences.</p><h2 id="routing-how-urls-map-to-app-structure" tabindex="-1">Routing: How URLs Map to App Structure <a class="header-anchor" href="#routing-how-urls-map-to-app-structure" aria-label="Permalink to &quot;Routing: How URLs Map to App Structure&quot;">​</a></h2><p>Routing in Webflo is filesystem-based. Add a folder in the <code>app/</code> directory, and you’ve added a route. Each folder maps to a segment in your application’s URL structure; each with route handlers that run either server-side, client-side, or even service-worker-side. Webflo lets all these routes talk to each other to handle an incoming request.</p><p><strong>How it works:</strong></p><ul><li><code>/</code> → <code>app/handler.server.js</code></li><li><code>/about</code> → <code>app/about/handler.server.js</code></li><li><code>/api/hello</code> → <code>app/api/hello/handler.server.js</code></li></ul><p>We&#39;ll meet this in <a href="./concepts/routing">Routing →</a></p><h2 id="rendering-how-data-becomes-ui" tabindex="-1">Rendering: How Data Becomes UI <a class="header-anchor" href="#rendering-how-data-becomes-ui" aria-label="Permalink to &quot;Rendering: How Data Becomes UI&quot;">​</a></h2><p>Rendering turns handler responses into visible UI. In Webflo, data from each request is automatically bound to the document — exposed at <code>document.bindings.data</code>, and automatically reflected in the UI. The flow goes as:<br>handler → data → <code>document.bindings.data</code> → UI<br> — whether rendering on the server or the client.</p><p><strong>How it works:</strong></p><ul><li>Handler returns data: <code>return { title, greeting };</code></li><li>You find it in the page at: <code>document.bindings.data</code></li><li>UI binds to it declaratively: <code>&lt;h1&gt;&lt;?{ data.greeting }?&gt;&lt;/h1&gt;</code></li><li>It&#39;s rendered: <code>&lt;h1&gt;Hello!&lt;/h1&gt;</code></li></ul><p>We&#39;ll meet this in <a href="./concepts/rendering">Rendering →</a></p><h2 id="templates-reusable-html-modern-standards" tabindex="-1">Templates: Reusable HTML, Modern Standards <a class="header-anchor" href="#templates-reusable-html-modern-standards" aria-label="Permalink to &quot;Templates: Reusable HTML, Modern Standards&quot;">​</a></h2><p>Templates come into play when you move beyond a single HTML file (<code>public/index.html</code>) to a dynamically composed UI. They’re just standard HTML templates — extended <em>just enough</em> for data binding and composition. You define reusable markup via <code>&lt;template def&gt;</code>; you reuse anywhere via <code>&lt;import ref&gt;</code>. These form the building blocks of Webflo’s dynamic UI.</p><p><strong>How it works:</strong></p><ul><li>You define markup once and reuse everywhere.</li></ul><div class="language-html"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki material-theme-palenight vp-code" tabindex="0"><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">template</span><span style="color:#C792EA;"> def</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">temp</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">&gt;</span></span>
+<span class="line"><span style="color:#89DDFF;">    &lt;</span><span style="color:#F07178;">h1</span><span style="color:#89DDFF;">&gt;</span><span style="color:#BABED8;">&lt;?{ data.greeting }?&gt;</span><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">h1</span><span style="color:#89DDFF;">&gt;</span></span>
+<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span></code></pre></div><div class="language-html"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki material-theme-palenight vp-code" tabindex="0"><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">import</span><span style="color:#C792EA;"> ref</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">temp</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">&gt;&lt;/</span><span style="color:#F07178;">import</span><span style="color:#89DDFF;">&gt;</span></span></code></pre></div><p>We&#39;ll meet this in <a href="./concepts/templates">Templates →</a></p><h2 id="state-mutation-reactivity-webflo-s-first-class-support-for-mutation-based-reactivity" tabindex="-1">State, Mutation, &amp; Reactivity: Webflo&#39;s First-Class Support for Mutation-Based Reactivity <a class="header-anchor" href="#state-mutation-reactivity-webflo-s-first-class-support-for-mutation-based-reactivity" aria-label="Permalink to &quot;State, Mutation, &amp; Reactivity: Webflo&#39;s First-Class Support for Mutation-Based Reactivity&quot;">​</a></h2><p>Reactivity is intrinsic to Webflo — and the magic is no magic at all.<br> Global state in a Webflo app lives at <code>document.bindings</code>. It&#39;s a <em>plain</em> JavaScript object that invites direct mutation — just like any object. The different parts of the app — including the UI — observe those mutations via the <a href="https://github.com/webqit/observer" target="_blank" rel="noreferrer">Observer</a> API. Everyone reacts as state changes.</p><p><strong>How it works:</strong></p><ul><li><code>document.bindings</code> serves as the app’s central state</li><li>The UI and other parts of the app bind to it</li><li>State updates — either through direct mutation or in response to navigation events</li><li>Mutation triggers reactivity across the app</li></ul><p>We&#39;ll meet this in <a href="./concepts/state">State &amp; Reactivity →</a></p><h2 id="request-response-lifecycle-the-web-s-communication-model" tabindex="-1">Request/Response Lifecycle: The Web’s Communication Model <a class="header-anchor" href="#request-response-lifecycle-the-web-s-communication-model" aria-label="Permalink to &quot;Request/Response Lifecycle: The Web’s Communication Model&quot;">​</a></h2><p>Every interaction on the web is a conversation: a request goes out, a response comes back, and the UI updates. Webflo lets you hook into every stage of that conversation — from interception to streaming — so you can orchestrate logic across the full lifecycle.</p><p><strong>How it works:</strong></p><ul><li>The browser sends a request to the server.</li><li>The server responds with data (and/or HTML).</li><li>The browser renders the UI based on the response.</li></ul><p>We&#39;ll meet this in <a href="./concepts/lifecycle">Request/Response Lifecycle →</a></p><h2 id="realtime-keeping-everyone-in-sync" tabindex="-1">Realtime: Keeping Everyone in Sync <a class="header-anchor" href="#realtime-keeping-everyone-in-sync" aria-label="Permalink to &quot;Realtime: Keeping Everyone in Sync&quot;">​</a></h2><p>Most apps need to stay live, connected, and consistent across all clients. Webflo apps work that way out of the box — via background messaging. A route handler can opt into background mode where it keeps a two-way communication channel with the client. Webflo keeps this connection open until the conversation is complete — extending the request/response lifecycle into a realtime stream. App works in realtime, with zero wiring.</p><p><strong>How it works:</strong></p><ul><li>Route handler receives a request and opts into background communication</li><li>Webflo extends the connection into a realtime, two-way channel.</li><li>Handler and client stay in sync; app works live.</li></ul><p>We&#39;ll meet this in <a href="./concepts/realtime">Realtime features →</a></p><h2 id="next-steps" tabindex="-1">Next Steps <a class="header-anchor" href="#next-steps" aria-label="Permalink to &quot;Next Steps&quot;">​</a></h2><p>You’ve just walked through Webflo’s conceptual arc — from <strong>Routing → UI → State → Continuity</strong>.</p><p>Next is to explore each concept in detail, in the same order. Together they form the foundation for everything you’ll build with Webflo.</p><ul><li><a href="./concepts/routing">Routing</a>: How URLs map to your app’s logic and structure.</li><li><a href="./concepts/rendering">Rendering</a>: How data becomes interactive UI.</li><li><a href="./concepts/templates">Templates</a>: How markup becomes composable and reusable.</li><li><a href="./concepts/state">State &amp; Reactivity</a>: How mutation and reactivity unify server and client.</li><li><a href="./concepts/lifecycle">Request/Response Lifecycle</a>: How every interaction flows through Webflo.</li><li><a href="./concepts/realtime">Realtime</a>: How the cycle extends into continuous connection.</li></ul>`,39)])])}const m=t(n,[["render",i]]);export{u as __pageData,m as default};

package/site/.vitepress/dist/assets/docs_concepts.md.Clwx81Hz.lean.js

@@ -0,0 +1 @@
+import{_ as t,c as a,o,a2 as s}from"./chunks/framework.9Uv4PgnO.js";const u=JSON.parse('{"title":"Core Concepts","description":"","frontmatter":{},"headers":[],"relativePath":"docs/concepts.md","filePath":"docs/concepts.md"}'),n={name:"docs/concepts.md"};function i(l,e,r,c,p,d){return o(),a("div",null,[...e[0]||(e[0]=[s("",39)])])}const m=t(n,[["render",i]]);export{u as __pageData,m as default};