@shumoku/renderer 0.2.0

package/dist/shumoku-interactive.iife.js

@@ -0,0 +1,38 @@
+(()=>{var{defineProperty:v,getOwnPropertyNames:zq,getOwnPropertyDescriptor:Fq}=Object,Lq=Object.prototype.hasOwnProperty;var Jq=new WeakMap,Aq=(J)=>{var I=Jq.get(J),q;if(I)return I;if(I=v({},"__esModule",{value:!0}),J&&typeof J==="object"||typeof J==="function")zq(J).map((Q)=>!Lq.call(I,Q)&&v(I,Q,{get:()=>J[Q],enumerable:!(q=Fq(J,Q))||q.enumerable}));return Jq.set(J,I),I};var Gq=(J,I)=>{for(var q in I)v(J,q,{get:I[q],enumerable:!0,configurable:!0,set:(Q)=>I[q]=()=>Q})};var Wq={};Gq(Wq,{ShumokuInteractive:()=>Qq});var W=null,Y=null,C=null,w=!1;function Uq(){if(!W)W=document.createElement("div"),W.style.cssText=`
+      position: fixed;
+      z-index: 10000;
+      padding: 6px 10px;
+      background: #1e293b;
+      color: #fff;
+      font-size: 12px;
+      border-radius: 4px;
+      pointer-events: none;
+      opacity: 0;
+      transition: opacity 0.15s;
+      font-family: system-ui, sans-serif;
+      max-width: 300px;
+      white-space: pre-line;
+    `,document.body.appendChild(W);return W}function Kq(J,I,q){let Q=Uq();Q.textContent=J;let j=12,L=I+j,z=q+j;requestAnimationFrame(()=>{let _=Q.getBoundingClientRect();if(L+_.width>window.innerWidth-j)L=I-_.width-j;if(z+_.height>window.innerHeight-j)z=q-_.height-j;Q.style.left=`${Math.max(j,L)}px`,Q.style.top=`${Math.max(j,z)}px`}),Q.style.left=`${L}px`,Q.style.top=`${z}px`,Q.style.opacity="1"}function x(){if(W)W.style.opacity="0"}function Oq(){if(!Y)Y=document.createElement("div"),Y.style.cssText=`
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.5);
+      pointer-events: none;
+      opacity: 0;
+      transition: opacity 0.15s ease;
+      z-index: 9998;
+    `,document.body.appendChild(Y);return Y}var y=null,X=null;function Zq(){if(!y)y=document.createElement("div"),y.style.cssText=`
+      position: fixed;
+      top: 0;
+      left: 0;
+      pointer-events: none;
+      z-index: 9999;
+    `,document.body.appendChild(y);return y}function p(){if(!C||!X)return;if(!document.contains(C)){R(null);return}let J=C.closest("svg");if(!J)return;let I=J.getBoundingClientRect(),q=J.getAttribute("viewBox");if(q)X.setAttribute("viewBox",q);X.style.left=`${I.left}px`,X.style.top=`${I.top}px`,X.style.width=`${I.width}px`,X.style.height=`${I.height}px`}function R(J){if(J===C)return;if(C)C.classList.remove("shumoku-highlight");let I=Zq();I.innerHTML="",X=null,C=J;let q=Oq();if(J){J.classList.add("shumoku-highlight");let Q=J.closest("svg");if(Q){let j=Q.getAttribute("viewBox");if(j){let L=J.cloneNode(!0);L.classList.remove("shumoku-highlight");let z=document.createElementNS("http://www.w3.org/2000/svg","svg");z.setAttribute("viewBox",j),z.style.cssText=`
+          position: absolute;
+          overflow: visible;
+          filter: drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px #fff) drop-shadow(0 0 12px rgba(100, 150, 255, 0.8));
+        `;let _=Q.querySelector("defs");if(_)z.appendChild(_.cloneNode(!0));z.appendChild(L),I.appendChild(z),X=z,p()}}q.style.opacity="1"}else q.style.opacity="0"}function Dq(){}function c(J){let I=J.closest(".port[data-port]");if(I){let j=I.getAttribute("data-port")||"";return{text:`${I.getAttribute("data-port-device")||""}:${j}`,element:I}}let q=J.closest(".link-group[data-link-id]");if(q){let j=q.getAttribute("data-link-from")||"",L=q.getAttribute("data-link-to")||"",z=q.getAttribute("data-link-bandwidth"),_=q.getAttribute("data-link-vlan"),b=`${j} ↔ ${L}`;if(z)b+=`
+${z}`;if(_)b+=`
+VLAN: ${_}`;return{text:b,element:q}}let Q=J.closest(".node[data-id]");if(Q){let j=Q.getAttribute("data-device-json"),L;if(j)try{let z=JSON.parse(j);L=z.label||z.id}catch{L=Q.getAttribute("data-id")||""}else L=Q.getAttribute("data-id")||"";return{text:L,element:Q}}return null}function f(J){let I=J.getAttribute("viewBox");if(!I)return null;let q=I.split(/\s+|,/).map(Number);if(q.length!==4||q.some(Number.isNaN))return null;return{x:q[0],y:q[1],width:q[2],height:q[3]}}function P(J,I){J.setAttribute("viewBox",`${I.x} ${I.y} ${I.width} ${I.height}`)}function Nq(J){let I=typeof J.target==="string"?document.querySelector(J.target):J.target;if(!I)throw Error("Target not found");let q=I.closest("svg")||I.querySelector("svg")||I;if(!(q instanceof SVGSVGElement))throw Error("SVG element not found");Dq();let Q=J.panZoom?.enabled??!0,j=J.panZoom?.minScale??0.1,L=J.panZoom?.maxScale??10,z=1.2,_=null;(()=>{if(_=f(q),!_){let $=q.getBBox();_={x:$.x,y:$.y,width:$.width,height:$.height},P(q,_)}})();let $q=()=>{if(!_)return 1;let $=f(q);if(!$)return 1;return _.width/$.width},u=!1,G=!1,T=0,m=0,F=null,s=0,E=null,M=null,h=($)=>{if(G)return;if(w)return;let N=$,K=c(N.target);if(K)Kq(K.text,N.clientX,N.clientY),R(K.element);else x(),R(null)},g=()=>{if(w)return;if(G)return;x(),R(null)},l=($)=>{if(!Q)return;let N=$;if(N.button!==0)return;if(c(N.target))return;G=!0,T=N.clientX,m=N.clientY,F=f(q),q.style.cursor="grabbing",$.preventDefault()},r=($)=>{if(!G||!F)return;let N=$,K=q.getBoundingClientRect(),k=N.clientX-T,A=N.clientY-m,O=F.width/K.width,Z=F.height/K.height;P(q,{x:F.x-k*O,y:F.y-A*Z,width:F.width,height:F.height})},a=()=>{if(G)G=!1,F=null,q.style.cursor=""},n=($)=>{if(!Q)return;let N=$;N.preventDefault();let K=f(q);if(!K||!_)return;let k=q.getBoundingClientRect(),A=(N.clientX-k.left)/k.width,O=(N.clientY-k.top)/k.height,Z=K.x+K.width*A,U=K.y+K.height*O,H=N.deltaY>0?z:1/z,D=K.width*H,B=K.height*H,d=_.width/D;if(d<j||d>L)return;P(q,{x:Z-D*A,y:U-B*O,width:D,height:B})},o=($)=>{w=!0;let N=$;if(N.touches.length===1&&Q){let K=N.touches[0],k=document.elementFromPoint(K.clientX,K.clientY);if(!(k?c(k):null))G=!0,T=K.clientX,m=K.clientY,F=f(q)}else if(N.touches.length===2&&Q){G=!1;let K=N.touches[0],k=N.touches[1];s=Math.hypot(k.clientX-K.clientX,k.clientY-K.clientY),E=f(q);let A=q.getBoundingClientRect(),O=(K.clientX+k.clientX)/2,Z=(K.clientY+k.clientY)/2,U=E;if(U){let H=(O-A.left)/A.width,D=(Z-A.top)/A.height;M={x:U.x+U.width*H,y:U.y+U.height*D}}}},i=($)=>{let N=$;if(N.touches.length===1&&G&&F){let K=N.touches[0],k=q.getBoundingClientRect(),A=K.clientX-T,O=K.clientY-m,Z=F.width/k.width,U=F.height/k.height;P(q,{x:F.x-A*Z,y:F.y-O*U,width:F.width,height:F.height}),N.preventDefault()}else if(N.touches.length===2&&E&&M&&_){let K=N.touches[0],k=N.touches[1],O=Math.hypot(k.clientX-K.clientX,k.clientY-K.clientY)/s,Z=E.width/O,U=E.height/O,H=_.width/Z;if(H<j||H>L)return;let D=q.getBoundingClientRect(),B=(K.clientX+k.clientX)/2,d=(K.clientY+k.clientY)/2,_q=(B-D.left)/D.width,jq=(d-D.top)/D.height;P(q,{x:M.x-Z*_q,y:M.y-U*jq,width:Z,height:U}),N.preventDefault()}},t=($)=>{let N=$;if(N.touches.length===0)G=!1,F=null,E=null,M=null;else if(N.touches.length===1){E=null,M=null,G=!0;let K=N.touches[0];T=K.clientX,m=K.clientY,F=f(q)}},e=($)=>{if(!w)return;if(G)return;let N=$,K=$.target,k=c(K);if(k)Kq(k.text,N.clientX,N.clientY),R(k.element),u=!0,$.preventDefault();else if(u)x(),R(null),u=!1},V=()=>{p()},S=null,qq="",Iq=()=>{if(C){let $=q.getAttribute("viewBox")||"";if($!==qq)qq=$,p()}S=requestAnimationFrame(Iq)};S=requestAnimationFrame(Iq);let kq=()=>{if(_)P(q,_)};if(Q)q.style.touchAction="none";return q.addEventListener("mousemove",h),q.addEventListener("mouseleave",g),q.addEventListener("mousedown",l),q.addEventListener("click",e),q.addEventListener("wheel",n,{passive:!1}),q.addEventListener("touchstart",o,{passive:!0}),q.addEventListener("touchmove",i,{passive:!1}),q.addEventListener("touchend",t),document.addEventListener("mousemove",r),document.addEventListener("mouseup",a),window.addEventListener("scroll",V,!0),window.addEventListener("resize",V),{destroy:()=>{if(q.removeEventListener("mousemove",h),q.removeEventListener("mouseleave",g),q.removeEventListener("mousedown",l),q.removeEventListener("click",e),q.removeEventListener("wheel",n),q.removeEventListener("touchstart",o),q.removeEventListener("touchmove",i),q.removeEventListener("touchend",t),document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",a),window.removeEventListener("scroll",V,!0),window.removeEventListener("resize",V),S!==null)cancelAnimationFrame(S);if(R(null),W)W.remove(),W=null;if(Y)Y.remove(),Y=null;if(y)y.remove(),y=null},showDeviceModal:()=>{},hideModal:()=>{},showLinkTooltip:()=>{},hideTooltip:()=>{x(),R(null),u=!1},resetView:kq,getScale:$q}}var Qq={initInteractive:Nq};window.ShumokuInteractive=Qq;})();

package/dist/style.css

@@ -0,0 +1,136 @@
+/**
+ * @shumoku/renderer - Optional Stylesheet
+ * Import this if you want to customize styles via CSS instead of JS
+ */
+
+/* CSS Custom Properties (override these for theming) */
+:root {
+  --shumoku-bg: #ffffff;
+  --shumoku-surface: #ffffff;
+  --shumoku-text: #1e293b;
+  --shumoku-text-secondary: #64748b;
+  --shumoku-border: #e2e8f0;
+  --shumoku-node-fill: #e2e8f0;
+  --shumoku-node-stroke: #64748b;
+  --shumoku-link-stroke: #94a3b8;
+  --shumoku-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+}
+
+/* Dark mode */
+@media (prefers-color-scheme: dark) {
+  :root {
+    --shumoku-bg: #1e293b;
+    --shumoku-surface: #334155;
+    --shumoku-text: #f1f5f9;
+    --shumoku-text-secondary: #94a3b8;
+    --shumoku-border: #475569;
+    --shumoku-node-fill: #334155;
+    --shumoku-node-stroke: #64748b;
+    --shumoku-link-stroke: #64748b;
+  }
+}
+
+/* Tooltip */
+.shumoku-tooltip {
+  position: fixed;
+  z-index: 10001;
+  max-width: 300px;
+  padding: 8px 12px;
+  border-radius: 6px;
+  font-size: 12px;
+  line-height: 1.4;
+  pointer-events: none;
+  background: var(--shumoku-surface);
+  color: var(--shumoku-text);
+  border: 1px solid var(--shumoku-border);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  font-family: var(--shumoku-font);
+}
+
+/* Modal Backdrop */
+.shumoku-modal-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10000;
+  background: rgba(0, 0, 0, 0.4);
+}
+
+/* Modal */
+.shumoku-modal {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 10001;
+  min-width: 320px;
+  max-width: 480px;
+  max-height: 80vh;
+  overflow-y: auto;
+  border-radius: 12px;
+  background: var(--shumoku-surface);
+  color: var(--shumoku-text);
+  border: 1px solid var(--shumoku-border);
+  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
+  font-family: var(--shumoku-font);
+}
+
+/* Bottom Sheet Backdrop */
+.shumoku-bottom-sheet-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10000;
+  background: rgba(0, 0, 0, 0.4);
+}
+
+/* Bottom Sheet */
+.shumoku-bottom-sheet {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10001;
+  max-height: 80vh;
+  overflow: hidden;
+  border-radius: 16px 16px 0 0;
+  background: var(--shumoku-surface);
+  color: var(--shumoku-text);
+  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
+  font-family: var(--shumoku-font);
+}
+
+/* Bottom Sheet Handle */
+.shumoku-sheet-handle {
+  padding: 12px;
+  text-align: center;
+  cursor: grab;
+}
+
+.shumoku-sheet-handle > div {
+  width: 36px;
+  height: 4px;
+  background: var(--shumoku-border);
+  border-radius: 2px;
+  margin: 0 auto;
+}
+
+/* Close Button */
+.shumoku-modal-close {
+  padding: 8px 16px;
+  border-radius: 6px;
+  border: 1px solid var(--shumoku-border);
+  background: var(--shumoku-surface);
+  color: var(--shumoku-text);
+  font-size: 13px;
+  cursor: pointer;
+  transition: background 0.15s ease;
+}
+
+.shumoku-modal-close:hover {
+  background: var(--shumoku-bg);
+}

package/dist/svg.d.ts

@@ -0,0 +1,158 @@
+/**
+ * SVG Renderer
+ * Renders NetworkGraph to SVG
+ */
+import type { LayoutResult, NetworkGraph } from '@shumoku/core';
+import type { DataAttributeOptions, RenderMode } from './types.js';
+export interface SVGRendererOptions {
+    /** Font family */
+    fontFamily?: string;
+    /** Include interactive elements (deprecated, use renderMode) */
+    interactive?: boolean;
+    /**
+     * Render mode
+     * - 'static': Pure SVG without interactive data attributes (default)
+     * - 'interactive': SVG with data attributes for runtime interactivity
+     */
+    renderMode?: RenderMode;
+    /**
+     * Data attributes to include in interactive mode
+     * Only used when renderMode is 'interactive'
+     */
+    dataAttributes?: DataAttributeOptions;
+}
+export declare class SVGRenderer {
+    private options;
+    private themeColors;
+    private iconTheme;
+    constructor(options?: SVGRendererOptions);
+    /** Check if interactive mode is enabled */
+    private get isInteractive();
+    /** Get data attribute options with defaults */
+    private get dataAttrs();
+    /**
+     * Get theme colors based on theme type
+     */
+    private getThemeColors;
+    /**
+     * Get icon theme variant based on theme type
+     */
+    private getIconTheme;
+    render(graph: NetworkGraph, layout: LayoutResult): string;
+    /**
+     * Calculate legend dimensions without rendering
+     */
+    private calculateLegendDimensions;
+    /**
+     * Parse legend settings from various input formats
+     */
+    private getLegendSettings;
+    /**
+     * Render legend showing visual elements used in the diagram
+     */
+    private renderLegend;
+    /**
+     * Render bandwidth indicator for legend
+     */
+    private renderBandwidthLegendIcon;
+    private renderHeader;
+    private renderDefs;
+    private renderStyles;
+    private renderSubgraph;
+    /** Render node background (shape only) */
+    /** Render complete node (bg + fg as one unit) */
+    private renderNode;
+    private renderNodeBackground;
+    /** Build data attributes for a node (interactive mode only) */
+    private buildNodeDataAttributes;
+    /** Render node foreground (content only, ports rendered separately) */
+    private renderNodeForeground;
+    /**
+     * Render ports on a node (as separate groups)
+     */
+    private renderPorts;
+    private renderNodeShape;
+    /**
+     * Calculate icon dimensions for a node
+     */
+    private calculateIconInfo;
+    /**
+     * Render node content (icon + label) with dynamic vertical centering
+     */
+    private renderNodeContent;
+    private renderLink;
+    /** Build data attributes for a link (interactive mode only) */
+    private buildLinkDataAttributes;
+    private formatEndpointLabels;
+    /**
+     * Calculate position for endpoint label near the port (not along the line)
+     * This avoids label clustering at the center of links
+     * Labels are placed based on port position relative to node center
+     */
+    private getEndpointLabelPosition;
+    /**
+     * Render endpoint labels (IP) with white background
+     */
+    private renderEndpointLabels;
+    private getLinkStrokeWidth;
+    /**
+     * Bandwidth rendering configuration - line count represents speed
+     * 1G   → 1 line
+     * 10G  → 2 lines
+     * 25G  → 3 lines
+     * 40G  → 4 lines
+     * 100G → 5 lines
+     */
+    private getBandwidthConfig;
+    /**
+     * Render bandwidth lines (single or multiple parallel lines)
+     */
+    private renderBandwidthLines;
+    /**
+     * Generate SVG path string from points with rounded corners
+     */
+    private generatePath;
+    /**
+     * Calculate offsets for parallel lines (centered around 0)
+     */
+    private calculateLineOffsets;
+    /**
+     * Offset points perpendicular to line direction, handling each segment properly
+     * For orthogonal paths, this maintains parallel lines through bends
+     */
+    private offsetPoints;
+    /**
+     * Get perpendicular unit vector for a line segment
+     */
+    private getPerpendicular;
+    /**
+     * Get default link type based on redundancy
+     */
+    private getDefaultLinkType;
+    /**
+     * Get default arrow type based on redundancy
+     */
+    private getDefaultArrowType;
+    /**
+     * VLAN color palette - distinct colors for different VLANs
+     */
+    private static readonly VLAN_COLORS;
+    /**
+     * Get stroke color based on VLANs
+     */
+    private getVlanStroke;
+    private getLinkDasharray;
+    private getMidPoint;
+    private escapeXml;
+    /**
+     * Simple string hash for consistent but varied label placement
+     */
+    private hashString;
+}
+export interface RenderOptions extends SVGRendererOptions {
+}
+/**
+ * Render NetworkGraph to SVG string
+ */
+export declare function render(graph: NetworkGraph, layout: LayoutResult, options?: RenderOptions): string;
+//# sourceMappingURL=svg.d.ts.map

package/dist/svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../src/svg.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAKV,YAAY,EAKZ,YAAY,EAIb,MAAM,eAAe,CAAA;AAUtB,OAAO,KAAK,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAgElE,MAAM,WAAW,kBAAkB;IACjC,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,oBAAoB,CAAA;CACtC;AAaD,qBAAa,WAAW;IACtB,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,SAAS,CAA8B;gBAEnC,OAAO,CAAC,EAAE,kBAAkB;IAIxC,2CAA2C;IAC3C,OAAO,KAAK,aAAa,GAExB;IAED,+CAA+C;IAC/C,OAAO,KAAK,SAAS,GAMpB;IAED;;OAEG;IACH,OAAO,CAAC,cAAc;IAItB;;OAEG;IACH,OAAO,CAAC,YAAY;IAIpB,MAAM,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,GAAG,MAAM;IAyEzD;;OAEG;IACH,OAAO,CAAC,yBAAyB;IA8BjC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IA4BzB;;OAEG;IACH,OAAO,CAAC,YAAY;IAmFpB;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAcjC,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,UAAU;IAiBlB,OAAO,CAAC,YAAY;IA4BpB,OAAO,CAAC,cAAc;IA2EtB,0CAA0C;IAC1C,iDAAiD;IACjD,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,oBAAoB;IA+B5B,+DAA+D;IAC/D,OAAO,CAAC,uBAAuB;IA6B/B,uEAAuE;IACvE,OAAO,CAAC,oBAAoB;IAgB5B;;OAEG;IACH,OAAO,CAAC,WAAW;IAgFnB,OAAO,CAAC,eAAe;IAmEvB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IA+EzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAqCzB,OAAO,CAAC,UAAU;IA2ElB,+DAA+D;IAC/D,OAAO,CAAC,uBAAuB;IAsC/B,OAAO,CAAC,oBAAoB;IAO5B;;;;OAIG;IACH,OAAO,CAAC,wBAAwB;IAmFhC;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAiC5B,OAAO,CAAC,kBAAkB;IAW1B;;;;;;;OAOG;IACH,OAAO,CAAC,kBAAkB;IAkB1B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAsD5B;;OAEG;IACH,OAAO,CAAC,YAAY;IA+CpB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAW5B;;;OAGG;IACH,OAAO,CAAC,YAAY;IAyCpB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAcxB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAe1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAK3B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAalC;IAED;;OAEG;IACH,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,WAAW;IAsCnB,OAAO,CAAC,SAAS;IASjB;;OAEG;IACH,OAAO,CAAC,UAAU;CASnB;AAGD,MAAM,WAAW,aAAc,SAAQ,kBAAkB;CAAG;AAE5D;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,MAAM,CAGjG"}