diff --git a/Project.toml b/Project.toml
index 1422200c..4c3f77e3 100755
--- a/Project.toml
+++ b/Project.toml
@@ -1,7 +1,7 @@
 name = "GenieBuilder"
 uuid = "c9453c14-af8a-11ec-351d-c7c9a2035d70"
 authors = ["Adrian Salceanu"]
-version = "0.16.59"
+version = "0.16.60"
 
 [deps]
 Dates = "ade2ca70-3891-5945-98fb-dc099432e06a"
diff --git a/public/css/app.f534ef40.css b/public/css/app.1fbbd273.css
similarity index 99%
rename from public/css/app.f534ef40.css
rename to public/css/app.1fbbd273.css
index 1221c00c..662da5cd 100644
--- a/public/css/app.f534ef40.css
+++ b/public/css/app.1fbbd273.css
@@ -1 +1 @@
-.title[data-v-6c90e336]{line-height:22px;color:var(--sideBarSectionHeader-foreground);background-color:var(--sideBarSectionHeader-background);border-top:1px solid var(--sideBarSectionHeader-border);height:22px;font-size:11px;font-weight:700;overflow:hidden;display:flex;cursor:pointer;align-items:center;box-sizing:border-box;text-transform:uppercase;padding-left:10px}.expandBtn[data-v-6c90e336]{position:absolute;right:10px;top:2px;opacity:.6;font-size:13px;cursor:pointer}.panelContent[data-v-76a521d3]{padding:10px}#tab-headers ul{margin:0;padding:0;display:flex;border-bottom:2px solid hsla(0,0%,86.7%,0);margin-bottom:10px}#tab-headers ul li{list-style:none;padding:5px 2px;position:relative;cursor:pointer;opacity:.5;margin:0 2px}#tab-headers ul li.active{opacity:1}#tab-headers ul li.active:after{content:"";position:absolute;bottom:-2px;left:0;height:2px;width:100%;background:var(--foreground)}#active-tab,#tab-headers{width:100%}.tab{display:none}.tab.active{flex-grow:1;display:flex;flex-direction:column}.typeIcon[data-v-e29c2338]{width:16px;vertical-align:middle;margin-right:6px;height:16px}.bindingItem[data-v-e29c2338]{padding:1px 0 2px;border-bottom:1px solid rgba(0,0,0,.1254901961);font-size:.9em;display:flex;cursor:grab}.bindingItem[data-v-e29c2338]:hover{background-color:hsla(0,0%,80%,.062745098)}.sortButton[data-v-e29c2338]{margin-left:3px;font-weight:700;font-size:10px;padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;opacity:.4;border-radius:5px}.sortButton[data-v-e29c2338]:hover,.sortButtonActive[data-v-e29c2338]{background-color:rgba(0,0,0,.062745098);opacity:1}.sortButtons[data-v-e29c2338]{position:absolute;right:2px;top:-40px;display:flex;flex-direction:row}.closeButton[data-v-9700a050]{position:absolute;top:5px;right:10px;padding:5px;cursor:pointer;font-weight:700}.compGroupsContainer[data-v-9700a050]{display:flex;flex-wrap:wrap;gap:5px;max-height:40vh;width:100%;overflow:auto;justify-content:center}.componentAddDialogContainer[data-v-9700a050]{position:fixed;background-color:rgba(0,0,0,.6274509804);top:0;left:0;right:0;bottom:0;z-index:1;display:flex;justify-content:center;align-items:center}.componentAddDialog[data-v-9700a050]{background-color:var(--background);border:solid 1px var(--dropdown-border);padding:10px 30px 30px;box-sizing:border-box;text-align:center;position:absolute;max-width:800px;max-height:-moz-min-content;max-height:min-content;box-shadow:5px 16px 40px rgba(0,0,0,.1882352941);margin:30px}.compGroup[data-v-9700a050]{display:flex;flex-direction:column;width:110px}.compName[data-v-9700a050]{min-width:100px;display:block;flex:1 1 49%;border:solid 1px var(--checkbox-background);padding:5px 6px 3px;box-sizing:border-box;text-align:center;cursor:move;border-radius:5px;font-size:.9em}.compName[data-v-9700a050]:hover{border:1px solid #315972;background-color:hsla(0,0%,80%,.062745098)}.propItem[data-v-9700a050]{cursor:pointer;width:-moz-max-content;width:max-content;margin:0 10px}.propItem[data-v-9700a050]:hover{font-weight:700}#gjs[data-v-55795ab2]{border:none;height:100%!important}.gjs-layer-item{background-color:hsla(0,0%,80%,0)!important}.gjs-layer-item:hover{background-color:hsla(0,0%,80%,.12549019607843137)!important}.gjs-layer-name{padding:0 0 8px!important}.gjs-layer-count{top:2px!important}.gjs-layer-move{top:-4px!important}.gjs-layer-vis{top:-2px!important;padding:7px 5px 7px 5px}.gjs-layer-title-inn{padding-left:35px}.gjs-layer-caret{left:20px}.gjs-layer .gjs-layer-title{background-color:hsla(0,0%,80%,0)!important}.gjs-layer.gjs-selected{background-color:hsla(0,0%,80%,.12549019607843137)!important}.gjs-cv-canvas{top:0!important;width:100%!important;height:100%!important}#myStyleEditorContainer{position:relative}#customLibrary{position:fixed;bottom:0;right:0;background-color:#333;padding:20px}.block{-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:45px;padding:1em;box-sizing:border-box;min-height:90px;cursor:all-scroll;text-align:center;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(0,0,0,.2);border-radius:3px;margin:10px 2.5% 5px;box-shadow:0 1px 0 0 rgba(0,0,0,.15);transition:all .2s ease 0s;transition-property:color}.block:hover{color:#d278c9}.gjs-pn-panels{display:none}#canvasBlockerDialog{color:#000;position:absolute;top:10px;right:320px;background-color:#fff;padding:10px 20px;text-align:center;border:1px solid hsla(0,0%,80%,.5647058823529412);box-shadow:4px 4px 20px rgba(0,0,0,.12549019607843137)}#canvasBlocker{position:absolute;top:40px;left:0;right:0;bottom:0;z-index:1;box-sizing:border-box}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake-effect{animation:shake .8s;animation-timing-function:ease-in-out}.uiItemContainer[data-v-3da05314]{display:grid;flex-wrap:wrap;gap:5px;grid-template-columns:32% 32% 32%}.uiItem[data-v-3da05314]{display:block;flex:1 1 49%;border:solid 1px var(--checkbox-background);padding:5px 6px 3px;box-sizing:border-box;text-align:center;cursor:move;border-radius:5px;font-size:.9em}.uiItem[data-v-3da05314]:hover{background-color:rgba(0,0,0,.062745098)}.uiItemIcon[data-v-3da05314]{justify-content:center;display:flex;margin-bottom:3px;filter:brightness(1.5) saturate(1);pointer-events:none}.uiItemLabel[data-v-3da05314]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;pointer-events:none;max-width:75px}.libraryIcon[data-v-3da05314]{max-height:20px;margin-top:6px;pointer-events:none;filter:var(--library-icon-filter)}.blocker[data-v-ac17f3aa]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:1;display:flex;justify-content:center;align-items:center}.addPropsPanel[data-v-ac17f3aa]{background-color:#2b2634;box-shadow:0 0 10px rgba(0,0,0,.1882352941);border-radius:5px;padding:10px 0;width:300px;min-height:200px;max-height:500px;display:flex;flex-direction:column;position:relative}.closeAddProp[data-v-ac17f3aa]{position:absolute;right:10px;top:5px;cursor:pointer;font-weight:700;font-size:12px;color:#999}.addPropsList[data-v-ac17f3aa]{padding:10px 10px;position:relative;height:100%;overflow:auto}.addPropRow[data-v-ac17f3aa]{padding:2px;border-bottom:1px solid rgba(0,0,0,.17);opacity:.9;cursor:pointer;position:relative;font-size:.9em;display:flex;flex-direction:row;gap:5px}.addPropRow[data-v-ac17f3aa]:hover{opacity:1;background-color:hsla(0,0%,95.7%,.06274509803921569)}.addPropRow:hover>.addPropIcon[data-v-ac17f3aa]{opacity:1}.propRow[data-v-7f346cd4]{width:calc(100% - 10px)!important;right:-10px;border-bottom:solid 1px var(--checkbox-background);padding:5px 0 5px}.row[data-v-7f346cd4]:after{content:"";clear:both;display:table}.propRowLabel[data-v-7f346cd4]{font-size:.9em;justify-content:right;text-transform:capitalize;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-right:10px;text-align:right;line-height:2}.row[data-v-7f346cd4]{margin-left:auto;margin-right:auto;width:100%;display:flex}.col[data-v-7f346cd4]{float:left;padding:15px;box-sizing:border-box}.col-1[data-v-7f346cd4]{width:8.33%}.col-2[data-v-7f346cd4]{width:16.66%}.col-3[data-v-7f346cd4]{width:25%}.col-4[data-v-7f346cd4]{width:33.33%}.col-5[data-v-7f346cd4]{width:41.66%}.col-6[data-v-7f346cd4]{width:50%}.col-7[data-v-7f346cd4]{width:58.33%}.col-8[data-v-7f346cd4]{width:66.66%}.col-9[data-v-7f346cd4]{width:75%}.col-10[data-v-7f346cd4]{width:83.33%}.col-11[data-v-7f346cd4]{width:91.66%}.col-12[data-v-7f346cd4]{width:100%}.chartTypeIcon[data-v-7f346cd4]{max-height:15px;margin-right:5px;margin-top:6px;opacity:.5;position:relative;display:inline-block;top:-6px;filter:var(--library-icon-filter)}.propRowDynamicSwitch[data-v-7f346cd4]{width:5%;display:flex;justify-content:left;align-items:center;cursor:pointer;opacity:.7;left:5px;position:relative}.propRowDynamicSwitch[data-v-7f346cd4]:hover{opacity:1}.foldableGroupHeader[data-v-7f346cd4]{display:flex;flex-direction:row;gap:2px;cursor:pointer;padding:5px 0;border-bottom:solid 1px var(--badge-background);margin-bottom:10px;position:relative}.groupHeaderContent[data-v-7f346cd4]{width:50px;flex-grow:1}.propRow:hover .removeBtnCnt[data-v-7f346cd4]{opacity:.5}.removeBtnCnt[data-v-7f346cd4]{opacity:0;cursor:pointer;left:-16px}.foldableGroupHeader:hover .removeBtnCnt[data-v-7f346cd4]{opacity:.5}.removeBtnCnt[data-v-7f346cd4]:hover{opacity:1!important}.chartConfigContainer[data-v-6a30a4fe]{--grey0:#eee;--grey1:#ccc;--grey2:#aaa;--grey3:#999;--grey4:#666;--grey5:#333;width:100%}.chartConfigContainer[data-v-6a30a4fe] input[type=text]{width:100%;border-bottom:solid 1px var(--grey0);padding:2px 5px}.chartConfigContainer[data-v-6a30a4fe] input[type=number]{width:100%}.chartConfigContainer[data-v-6a30a4fe] input[type=color]{width:18px;height:20px;padding:0}.tabSelector[data-v-6a30a4fe]{display:flex;flex-direction:row;width:100%}.tabItem[data-v-6a30a4fe]{flex:1;text-align:center;padding:10px;cursor:pointer;border-bottom:1px solid hsla(0,0%,100%,0)}.tabItemSelected[data-v-6a30a4fe]{border-bottom:solid 1px var(--grey0)}.foldableGroup[data-v-6a30a4fe],.foldableGroupContent[data-v-6a30a4fe],.subgroup[data-v-6a30a4fe],.tabSectionContainer[data-v-6a30a4fe]{display:flex;flex-direction:column}.subgroup[data-v-6a30a4fe]{padding:10px 0 5px}.subgroup .subgroupTitle[data-v-6a30a4fe]{font-weight:700;padding:0 0 5px}.subgroup .subgroupContent[data-v-6a30a4fe]{padding-top:10px}.subgroup .subgroupContent .row[data-v-6a30a4fe]{padding:5px 0}.addPropertyButtonRow[data-v-6a30a4fe]{display:flex;flex-direction:row;justify-content:right;margin-bottom:10px}.addPropertyButton[data-v-6a30a4fe]{border:1px solid #ccc;padding:0 7px;border-radius:7px;font-size:1.1em;width:-moz-min-content;width:min-content}.propRow[data-v-015f447c]{position:relative;border-bottom:solid 1px var(--checkbox-background);display:flex;flex-direction:row;gap:10px;padding:5px 0 5px}.propRowLabel[data-v-015f447c]{width:35%;font-size:.9em;display:flex;justify-content:right;align-items:center;text-transform:capitalize;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none}.propRowControl[data-v-015f447c]{width:60%;display:flex;justify-content:left}.propRowDynamicSwitch[data-v-015f447c]{width:5%;display:flex;justify-content:left;align-items:center;cursor:pointer;opacity:.7}.propRowDynamicSwitch[data-v-015f447c]:hover{opacity:1}.addPropIcon[data-v-015f447c]{font-size:1.2em;opacity:0}.propInput[data-v-015f447c]{padding:1px 10px;border:1px solid #999;border-radius:3px;box-sizing:border-box;width:100%;color:#000}.propInputDynamic[data-v-015f447c]{background-color:#fff1cd;border:1px solid #d8b252;color:#916a09}.removeBtnCnt[data-v-015f447c]{opacity:0;cursor:pointer}.propRow:hover .removeBtnCnt[data-v-015f447c]{opacity:.5}.removeBtnCnt[data-v-015f447c]:hover{opacity:1!important}.toolBar[data-v-9497234c]{display:flex;flex-direction:row;font-size:12px;padding-bottom:5px;border-bottom:1px solid #ccc;margin-bottom:10px;gap:15px}.logsContainer[data-v-9497234c]{height:200px;overflow:auto}.logItem[data-v-9497234c]:hover{background-color:rgba(0,0,0,.062745098)}.logItem[data-v-9497234c]{font-size:14px;color:#828282;display:flex;flex-direction:row;gap:20px;align-items:flex-start;border-bottom:1px solid hsla(0,0%,80%,.1254901961)}.appSource[data-v-9497234c],.logLevel[data-v-9497234c],.logMessage[data-v-9497234c],.timeStamp[data-v-9497234c]{flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.timeStamp[data-v-9497234c]{width:150px}.logLevel[data-v-9497234c]{width:60px}.appSource[data-v-9497234c]{width:50px}.logMessage[data-v-9497234c]{flex-grow:1;flex-basis:0;min-width:0;overflow-wrap:break-word;max-width:calc(100% - 320px);overflow:hidden;max-height:20px;cursor:pointer}.logMessageExpanded[data-v-9497234c]{overflow:unset;max-height:unset}.levelInfo[data-v-9497234c]{color:#49afed}.levelWarning[data-v-9497234c]{color:#e29a42}.levelError[data-v-9497234c]{color:#f25b5b}.clearLogsButton[data-v-9497234c]{opacity:.5}.clearLogsButton[data-v-9497234c]:hover{opacity:1}.bindingsConnectorsContainer[data-v-571588a7]{background-color:rgba(255,0,0,0);width:100%;height:100%;position:fixed;z-index:10;pointer-events:none}textarea[data-v-d1816844]:disabled,vscode-button[data-v-d1816844]:disabled{color:unset}.topBar[data-v-e4ee1f24]{padding:5px;height:40px;display:flex;flex-direction:row;width:100%}.topToolBar[data-v-e4ee1f24]{width:100%;justify-content:right;padding-right:5px;display:flex;align-items:center}.leftBar[data-v-e4ee1f24]{flex-grow:1;max-width:300px}.centralBar[data-v-e4ee1f24]{flex-grow:3;display:flex;flex-direction:column;border-right:1px solid rgba(0,0,0,.3137254902);width:calc(100% - 300px)}.rightBar[data-v-e4ee1f24]{flex-grow:1;width:300px;max-height:100%;overflow-y:auto}.panel[data-v-e4ee1f24]{margin:0;border-top:1px solid rgba(0,0,0,.3137254902)}.mainContainer[data-v-e4ee1f24]{height:100%;background-color:var(--background)}.columnStack[data-v-e4ee1f24],.mainContainer[data-v-e4ee1f24]{display:flex;flex-direction:column}.rowStack[data-v-e4ee1f24]{display:flex;flex-direction:row;flex:1;height:calc(100% - 40px)}#customCodeEditor[data-v-e4ee1f24],.canvasPanel[data-v-e4ee1f24]{height:100%}[data-v-e4ee1f24] .CodeMirror{height:100%!important;font-size:12px!important}[data-v-e4ee1f24] .codemirror-container{width:100%!important;height:calc(100% - 60px)!important}[data-v-e4ee1f24] .codemirror-container:not(.original-style) .CodeMirror{font-family:Arial,monospace!important}.codemirror-container.bordered[data-v-e4ee1f24]{border-radius:4px;border:1px solid hsla(0,0%,86.7%,.3137254902);padding:5px 0 5px 0}[data-theme=light]{--foreground:#616161;--disabledForeground:rgba(97,97,97,0.5);--errorForeground:#a1260d;--descriptionForeground:#717171;--icon-foreground:#424242;--focusBorder:#0090f1;--textSeparator-foreground:rgba(0,0,0,0.18);--textLink-foreground:#006ab1;--textLink-activeForeground:#006ab1;--textPreformat-foreground:#a31515;--textBlockQuote-background:hsla(0,0%,49.8%,0.1);--textBlockQuote-border:rgba(0,122,204,0.5);--textCodeBlock-background:hsla(0,0%,86.3%,0.4);--widget-shadow:rgba(0,0,0,0.16);--widget-border:#d4d4d4;--input-background:#fff;--input-foreground:#616161;--inputOption-activeBorder:#007acc;--inputOption-hoverBackground:hsla(0,0%,72.2%,0.31);--inputOption-activeBackground:rgba(0,144,241,0.2);--inputOption-activeForeground:#000;--input-placeholderForeground:#767676;--inputValidation-infoBackground:#d6ecf2;--inputValidation-infoBorder:#007acc;--inputValidation-warningBackground:#f6f5d2;--inputValidation-warningBorder:#b89500;--inputValidation-errorBackground:#f2dede;--inputValidation-errorBorder:#be1100;--dropdown-background:#fff;--dropdown-foreground:#616161;--dropdown-border:#cecece;--button-foreground:#fff;--button-separator:hsla(0,0%,100%,0.4);--button-background:#007acc;--button-hoverBackground:#0062a3;--button-secondaryForeground:#fff;--button-secondaryBackground:#5f6a79;--button-secondaryHoverBackground:#4c5561;--badge-background:#c4c4c4;--badge-foreground:#333;--scrollbar-shadow:#ddd;--scrollbarSlider-background:hsla(0,0%,39.2%,0.4);--scrollbarSlider-hoverBackground:hsla(0,0%,39.2%,0.7);--scrollbarSlider-activeBackground:rgba(0,0,0,0.6);--progressBar-background:#0e70c0;--editorError-foreground:#e51400;--editorWarning-foreground:#bf8803;--editorInfo-foreground:#1a85ff;--editorHint-foreground:#6c6c6c;--sash-hoverBorder:#0090f1;--editor-background:#fff;--editor-foreground:#000;--editorStickyScroll-background:#fff;--editorStickyScrollHover-background:#f0f0f0;--editorWidget-background:#f3f3f3;--editorWidget-foreground:#616161;--editorWidget-border:#c8c8c8;--quickInput-background:#f3f3f3;--quickInput-foreground:#616161;--quickInputTitle-background:rgba(0,0,0,0.06);--pickerGroup-foreground:#0066bf;--pickerGroup-border:#cccedb;--keybindingLabel-background:hsla(0,0%,86.7%,0.4);--keybindingLabel-foreground:#555;--keybindingLabel-border:hsla(0,0%,80%,0.4);--keybindingLabel-bottomBorder:hsla(0,0%,73.3%,0.4);--editor-selectionBackground:#add6ff;--editor-inactiveSelectionBackground:#e5ebf1;--editor-selectionHighlightBackground:rgba(173,214,255,0.5);--editor-findMatchBackground:#a8ac94;--editor-findMatchHighlightBackground:rgba(234,92,0,0.33);--editor-findRangeHighlightBackground:hsla(0,0%,70.6%,0.3);--searchEditor-findMatchBackground:rgba(234,92,0,0.22);--search-resultsInfoForeground:#616161;--editor-hoverHighlightBackground:rgba(173,214,255,0.15);--editorHoverWidget-background:#f3f3f3;--editorHoverWidget-foreground:#616161;--editorHoverWidget-border:#c8c8c8;--editorHoverWidget-statusBarBackground:#e7e7e7;--editorLink-activeForeground:#00f;--editorInlayHint-foreground:#969696;--editorInlayHint-background:hsla(0,0%,76.9%,0.1);--editorInlayHint-typeForeground:#969696;--editorInlayHint-typeBackground:hsla(0,0%,76.9%,0.1);--editorInlayHint-parameterForeground:#969696;--editorInlayHint-parameterBackground:hsla(0,0%,76.9%,0.1);--editorLightBulb-foreground:#ddb100;--editorLightBulbAutoFix-foreground:#007acc;--diffEditor-insertedTextBackground:rgba(156,204,44,0.25);--diffEditor-removedTextBackground:rgba(255,0,0,0.2);--diffEditor-insertedLineBackground:rgba(155,185,85,0.2);--diffEditor-removedLineBackground:rgba(255,0,0,0.2);--diffEditor-diagonalFill:rgba(34,34,34,0.2);--diffEditor-unchangedRegionBackground:#e4e4e4;--diffEditor-unchangedRegionForeground:#4d4c4c;--diffEditor-unchangedCodeBackground:hsla(0,0%,72.2%,0.16);--list-focusOutline:#0090f1;--list-focusAndSelectionOutline:#90c2f9;--list-activeSelectionBackground:#0060c0;--list-activeSelectionForeground:#fff;--list-activeSelectionIconForeground:#fff;--list-inactiveSelectionBackground:#e4e6f1;--list-hoverBackground:#e8e8e8;--list-dropBackground:#d6ebff;--list-highlightForeground:#0066bf;--list-focusHighlightForeground:#bbe7ff;--list-invalidItemForeground:#b89500;--list-errorForeground:#b01011;--list-warningForeground:#855f00;--listFilterWidget-background:#f3f3f3;--listFilterWidget-outline:transparent;--listFilterWidget-noMatchesOutline:#be1100;--listFilterWidget-shadow:rgba(0,0,0,0.16);--list-filterMatchBackground:rgba(234,92,0,0.33);--tree-indentGuidesStroke:#a9a9a9;--tree-inactiveIndentGuidesStroke:hsla(0,0%,66.3%,0.4);--tree-tableColumnsBorder:rgba(97,97,97,0.13);--tree-tableOddRowsBackground:rgba(97,97,97,0.04);--list-deemphasizedForeground:#8e8e90;--checkbox-background:#fff;--checkbox-selectBackground:#f3f3f3;--checkbox-foreground:#616161;--checkbox-border:#919191;--checkbox-selectBorder:#424242;--quickInputList-focusForeground:#fff;--quickInputList-focusIconForeground:#fff;--quickInputList-focusBackground:#0060c0;--menu-border:#d4d4d4;--menu-foreground:#616161;--menu-background:#fff;--menu-selectionForeground:#fff;--menu-selectionBackground:#0060c0;--menu-separatorBackground:#d4d4d4;--toolbar-hoverBackground:hsla(0,0%,72.2%,0.31);--toolbar-activeBackground:hsla(0,0%,65.1%,0.31);--editor-snippetTabstopHighlightBackground:rgba(10,50,100,0.2);--editor-snippetFinalTabstopHighlightBorder:rgba(10,50,100,0.5);--breadcrumb-foreground:rgba(97,97,97,0.8);--breadcrumb-background:#fff;--breadcrumb-focusForeground:#4e4e4e;--breadcrumb-activeSelectionForeground:#4e4e4e;--breadcrumbPicker-background:#f3f3f3;--merge-currentHeaderBackground:rgba(64,200,174,0.5);--merge-currentContentBackground:rgba(64,200,174,0.2);--merge-incomingHeaderBackground:rgba(64,166,255,0.5);--merge-incomingContentBackground:rgba(64,166,255,0.2);--merge-commonHeaderBackground:rgba(96,96,96,0.4);--merge-commonContentBackground:rgba(96,96,96,0.16);--editorOverviewRuler-currentContentForeground:rgba(64,200,174,0.5);--editorOverviewRuler-incomingContentForeground:rgba(64,166,255,0.5);--editorOverviewRuler-commonContentForeground:rgba(96,96,96,0.4);--editorOverviewRuler-findMatchForeground:rgba(209,134,22,0.49);--editorOverviewRuler-selectionHighlightForeground:hsla(0,0%,62.7%,0.8);--minimap-findMatchHighlight:#d18616;--minimap-selectionOccurrenceHighlight:#c9c9c9;--minimap-selectionHighlight:#add6ff;--minimap-infoHighlight:#1a85ff;--minimap-warningHighlight:#bf8803;--minimap-errorHighlight:rgba(255,18,18,0.7);--minimap-foregroundOpacity:#000;--minimapSlider-background:hsla(0,0%,39.2%,0.2);--minimapSlider-hoverBackground:hsla(0,0%,39.2%,0.35);--minimapSlider-activeBackground:rgba(0,0,0,0.3);--problemsErrorIcon-foreground:#e51400;--problemsWarningIcon-foreground:#bf8803;--problemsInfoIcon-foreground:#1a85ff;--charts-foreground:#616161;--charts-lines:rgba(97,97,97,0.5);--charts-red:#e51400;--charts-blue:#1a85ff;--charts-yellow:#bf8803;--charts-orange:#d18616;--charts-green:#388a34;--charts-purple:#652d90;--diffEditor-move-border:hsla(0,0%,54.5%,0.61);--diffEditor-moveActive-border:orange;--symbolIcon-arrayForeground:#616161;--symbolIcon-booleanForeground:#616161;--symbolIcon-classForeground:#d67e00;--symbolIcon-colorForeground:#616161;--symbolIcon-constantForeground:#616161;--symbolIcon-constructorForeground:#652d90;--symbolIcon-enumeratorForeground:#d67e00;--symbolIcon-enumeratorMemberForeground:#007acc;--symbolIcon-eventForeground:#d67e00;--symbolIcon-fieldForeground:#007acc;--symbolIcon-fileForeground:#616161;--symbolIcon-folderForeground:#616161;--symbolIcon-functionForeground:#652d90;--symbolIcon-interfaceForeground:#007acc;--symbolIcon-keyForeground:#616161;--symbolIcon-keywordForeground:#616161;--symbolIcon-methodForeground:#652d90;--symbolIcon-moduleForeground:#616161;--symbolIcon-namespaceForeground:#616161;--symbolIcon-nullForeground:#616161;--symbolIcon-numberForeground:#616161;--symbolIcon-objectForeground:#616161;--symbolIcon-operatorForeground:#616161;--symbolIcon-packageForeground:#616161;--symbolIcon-propertyForeground:#616161;--symbolIcon-referenceForeground:#616161;--symbolIcon-snippetForeground:#616161;--symbolIcon-stringForeground:#616161;--symbolIcon-structForeground:#616161;--symbolIcon-textForeground:#616161;--symbolIcon-typeParameterForeground:#616161;--symbolIcon-unitForeground:#616161;--symbolIcon-variableForeground:#007acc;--actionBar-toggledBackground:#ddd;--editorHoverWidget-highlightForeground:#0066bf;--editor-lineHighlightBorder:#eee;--editor-rangeHighlightBackground:rgba(253,255,0,0.2);--editor-symbolHighlightBackground:rgba(234,92,0,0.33);--editorCursor-foreground:#000;--editorWhitespace-foreground:rgba(51,51,51,0.2);--editorLineNumber-foreground:#237893;--editorIndentGuide-background:#d3d3d3;--editorIndentGuide-activeBackground:#939393;--editorIndentGuide-background1:#d3d3d3;--editorIndentGuide-background2:transparent;--editorIndentGuide-background3:transparent;--editorIndentGuide-background4:transparent;--editorIndentGuide-background5:transparent;--editorIndentGuide-background6:transparent;--editorIndentGuide-activeBackground1:#939393;--editorIndentGuide-activeBackground2:transparent;--editorIndentGuide-activeBackground3:transparent;--editorIndentGuide-activeBackground4:transparent;--editorIndentGuide-activeBackground5:transparent;--editorIndentGuide-activeBackground6:transparent;--editorActiveLineNumber-foreground:#0b216f;--editorLineNumber-activeForeground:#0b216f;--editorRuler-foreground:#d3d3d3;--editorCodeLens-foreground:#919191;--editorBracketMatch-background:rgba(0,100,0,0.1);--editorBracketMatch-border:#b9b9b9;--editorOverviewRuler-border:hsla(0,0%,49.8%,0.3);--editorGutter-background:#fff;--editorUnnecessaryCode-opacity:rgba(0,0,0,0.47);--editorGhostText-foreground:rgba(0,0,0,0.47);--editorOverviewRuler-rangeHighlightForeground:rgba(0,122,204,0.6);--editorOverviewRuler-errorForeground:rgba(255,18,18,0.7);--editorOverviewRuler-warningForeground:#bf8803;--editorOverviewRuler-infoForeground:#1a85ff;--editorBracketHighlight-foreground1:#0431fa;--editorBracketHighlight-foreground2:#319331;--editorBracketHighlight-foreground3:#7b3814;--editorBracketHighlight-foreground4:transparent;--editorBracketHighlight-foreground5:transparent;--editorBracketHighlight-foreground6:transparent;--editorBracketHighlight-unexpectedBracket-foreground:rgba(255,18,18,0.8);--editorBracketPairGuide-background1:transparent;--editorBracketPairGuide-background2:transparent;--editorBracketPairGuide-background3:transparent;--editorBracketPairGuide-background4:transparent;--editorBracketPairGuide-background5:transparent;--editorBracketPairGuide-background6:transparent;--editorBracketPairGuide-activeBackground1:transparent;--editorBracketPairGuide-activeBackground2:transparent;--editorBracketPairGuide-activeBackground3:transparent;--editorBracketPairGuide-activeBackground4:transparent;--editorBracketPairGuide-activeBackground5:transparent;--editorBracketPairGuide-activeBackground6:transparent;--editorUnicodeHighlight-border:#cea33d;--editorUnicodeHighlight-background:rgba(206,163,61,0.08);--editorOverviewRuler-bracketMatchForeground:#a0a0a0;--editor-foldBackground:rgba(173,214,255,0.3);--editorGutter-foldingControlForeground:#424242;--editor-linkedEditingBackground:rgba(255,0,0,0.3);--editor-wordHighlightBackground:rgba(87,87,87,0.25);--editor-wordHighlightStrongBackground:rgba(14,99,156,0.25);--editor-wordHighlightTextBackground:rgba(87,87,87,0.25);--editorOverviewRuler-wordHighlightForeground:hsla(0,0%,62.7%,0.8);--editorOverviewRuler-wordHighlightStrongForeground:rgba(192,160,192,0.8);--editorOverviewRuler-wordHighlightTextForeground:hsla(0,0%,62.7%,0.8);--peekViewTitle-background:#f3f3f3;--peekViewTitleLabel-foreground:#000;--peekViewTitleDescription-foreground:#616161;--peekView-border:#1a85ff;--peekViewResult-background:#f3f3f3;--peekViewResult-lineForeground:#646465;--peekViewResult-fileForeground:#1e1e1e;--peekViewResult-selectionBackground:rgba(51,153,255,0.2);--peekViewResult-selectionForeground:#6c6c6c;--peekViewEditor-background:#f2f8fc;--peekViewEditorGutter-background:#f2f8fc;--peekViewEditorStickyScroll-background:#f2f8fc;--peekViewResult-matchHighlightBackground:rgba(234,92,0,0.3);--peekViewEditor-matchHighlightBackground:rgba(245,216,2,0.87);--editorMarkerNavigationError-background:#e51400;--editorMarkerNavigationError-headerBackground:rgba(229,20,0,0.1);--editorMarkerNavigationWarning-background:#bf8803;--editorMarkerNavigationWarning-headerBackground:rgba(191,136,3,0.1);--editorMarkerNavigationInfo-background:#1a85ff;--editorMarkerNavigationInfo-headerBackground:rgba(26,133,255,0.1);--editorMarkerNavigation-background:#fff;--editorSuggestWidget-background:#f3f3f3;--editorSuggestWidget-border:#c8c8c8;--editorSuggestWidget-foreground:#000;--editorSuggestWidget-selectedForeground:#fff;--editorSuggestWidget-selectedIconForeground:#fff;--editorSuggestWidget-selectedBackground:#0060c0;--editorSuggestWidget-highlightForeground:#0066bf;--editorSuggestWidget-focusHighlightForeground:#bbe7ff;--editorSuggestWidgetStatus-foreground:rgba(0,0,0,0.5);--tab-activeBackground:#fff;--tab-unfocusedActiveBackground:#fff;--tab-inactiveBackground:#ececec;--tab-unfocusedInactiveBackground:#ececec;--tab-activeForeground:#333;--tab-inactiveForeground:rgba(51,51,51,0.7);--tab-unfocusedActiveForeground:rgba(51,51,51,0.7);--tab-unfocusedInactiveForeground:rgba(51,51,51,0.35);--tab-border:#f3f3f3;--tab-lastPinnedBorder:rgba(97,97,97,0.19);--tab-activeModifiedBorder:#3ae;--tab-inactiveModifiedBorder:rgba(51,170,238,0.5);--tab-unfocusedActiveModifiedBorder:rgba(51,170,238,0.7);--tab-unfocusedInactiveModifiedBorder:rgba(51,170,238,0.25);--editorPane-background:#fff;--editorGroupHeader-tabsBackground:#f3f3f3;--editorGroupHeader-noTabsBackground:#fff;--editorGroup-border:#e7e7e7;--editorGroup-dropBackground:rgba(38,119,203,0.18);--editorGroup-dropIntoPromptForeground:#616161;--editorGroup-dropIntoPromptBackground:#f3f3f3;--sideBySideEditor-horizontalBorder:#e7e7e7;--sideBySideEditor-verticalBorder:#e7e7e7;--panel-background:#fff;--panel-border:hsla(0,0%,50.2%,0.35);--panelTitle-activeForeground:#424242;--panelTitle-inactiveForeground:rgba(66,66,66,0.75);--panelTitle-activeBorder:#424242;--panelInput-border:#ddd;--panel-dropBorder:#424242;--panelSection-dropBackground:rgba(38,119,203,0.18);--panelSectionHeader-background:hsla(0,0%,50.2%,0.2);--panelSection-border:hsla(0,0%,50.2%,0.35);--banner-background:#004386;--banner-foreground:#fff;--banner-iconForeground:#1a85ff;--statusBar-foreground:#fff;--statusBar-noFolderForeground:#fff;--statusBar-background:#007acc;--statusBar-noFolderBackground:#68217a;--statusBar-focusBorder:#fff;--statusBarItem-activeBackground:hsla(0,0%,100%,0.18);--statusBarItem-focusBorder:#fff;--statusBarItem-hoverBackground:hsla(0,0%,100%,0.12);--statusBarItem-hoverForeground:#fff;--statusBarItem-compactHoverBackground:hsla(0,0%,100%,0.2);--statusBarItem-prominentForeground:#fff;--statusBarItem-prominentBackground:rgba(0,0,0,0.5);--statusBarItem-prominentHoverForeground:#fff;--statusBarItem-prominentHoverBackground:rgba(0,0,0,0.3);--statusBarItem-errorBackground:#c72e0f;--statusBarItem-errorForeground:#fff;--statusBarItem-errorHoverForeground:#fff;--statusBarItem-errorHoverBackground:hsla(0,0%,100%,0.12);--statusBarItem-warningBackground:#725102;--statusBarItem-warningForeground:#fff;--statusBarItem-warningHoverForeground:#fff;--statusBarItem-warningHoverBackground:hsla(0,0%,100%,0.12);--activityBar-background:#2c2c2c;--activityBar-foreground:#fff;--activityBar-inactiveForeground:hsla(0,0%,100%,0.4);--activityBar-activeBorder:#fff;--activityBar-dropBorder:#fff;--activityBarBadge-background:#007acc;--activityBarBadge-foreground:#fff;--profileBadge-background:#c4c4c4;--profileBadge-foreground:#333;--statusBarItem-remoteBackground:#16825d;--statusBarItem-remoteForeground:#fff;--statusBarItem-remoteHoverForeground:#fff;--statusBarItem-remoteHoverBackground:hsla(0,0%,100%,0.12);--statusBarItem-offlineBackground:#6c1717;--statusBarItem-offlineForeground:#fff;--statusBarItem-offlineHoverForeground:#fff;--statusBarItem-offlineHoverBackground:hsla(0,0%,100%,0.12);--extensionBadge-remoteBackground:#007acc;--extensionBadge-remoteForeground:#fff;--sideBar-background:#f3f3f3;--sideBarTitle-foreground:#6f6f6f;--sideBar-dropBackground:rgba(38,119,203,0.18);--sideBarSectionHeader-background:transparent;--sideBarSectionHeader-border:rgba(97,97,97,0.19);--titleBar-activeForeground:#333;--titleBar-inactiveForeground:rgba(51,51,51,0.6);--titleBar-activeBackground:#ddd;--titleBar-inactiveBackground:hsla(0,0%,86.7%,0.6);--menubar-selectionForeground:#333;--menubar-selectionBackground:hsla(0,0%,72.2%,0.31);--commandCenter-foreground:#333;--commandCenter-activeForeground:#333;--commandCenter-inactiveForeground:rgba(51,51,51,0.6);--commandCenter-background:rgba(0,0,0,0.05);--commandCenter-activeBackground:rgba(0,0,0,0.08);--commandCenter-border:rgba(51,51,51,0.2);--commandCenter-activeBorder:rgba(51,51,51,0.3);--commandCenter-inactiveBorder:rgba(51,51,51,0.15);--notificationCenter-border:#d4d4d4;--notificationToast-border:#d4d4d4;--notifications-foreground:#616161;--notifications-background:#f3f3f3;--notificationLink-foreground:#006ab1;--notificationCenterHeader-background:#e7e7e7;--notifications-border:#e7e7e7;--notificationsErrorIcon-foreground:#e51400;--notificationsWarningIcon-foreground:#bf8803;--notificationsInfoIcon-foreground:#1a85ff;--chat-requestBorder:rgba(0,0,0,0.1);--chat-slashCommandBackground:#c4c4c4;--chat-slashCommandForeground:#333;--simpleFindWidget-sashBorder:#c8c8c8;--commentsView-resolvedIcon:rgba(97,97,97,0.5);--commentsView-unresolvedIcon:#0090f1;--editorCommentsWidget-resolvedBorder:rgba(97,97,97,0.5);--editorCommentsWidget-unresolvedBorder:#0090f1;--editorCommentsWidget-rangeBackground:rgba(0,144,241,0.1);--editorCommentsWidget-rangeActiveBackground:rgba(0,144,241,0.1);--editorGutter-commentRangeForeground:#d5d8e9;--editorOverviewRuler-commentForeground:#d5d8e9;--editorOverviewRuler-commentUnresolvedForeground:#d5d8e9;--editorGutter-commentGlyphForeground:#000;--editorGutter-commentUnresolvedGlyphForeground:#000;--debugToolBar-background:#f3f3f3;--debugIcon-startForeground:#388a34;--editor-stackFrameHighlightBackground:rgba(255,255,102,0.45);--editor-focusedStackFrameHighlightBackground:rgba(206,231,206,0.45);--mergeEditor-change-background:rgba(155,185,85,0.2);--mergeEditor-change-word-background:rgba(156,204,44,0.4);--mergeEditor-changeBase-background:#fcc;--mergeEditor-changeBase-word-background:#ffa3a3;--mergeEditor-conflict-unhandledUnfocused-border:#ffa600;--mergeEditor-conflict-unhandledFocused-border:#ffa600;--mergeEditor-conflict-handledUnfocused-border:hsla(0,0%,52.5%,0.29);--mergeEditor-conflict-handledFocused-border:hsla(0,0%,75.7%,0.8);--mergeEditor-conflict-handled-minimapOverViewRuler:rgba(173,172,168,0.93);--mergeEditor-conflict-unhandled-minimapOverViewRuler:#fcba03;--mergeEditor-conflictingLines-background:rgba(255,234,0,0.28);--mergeEditor-conflict-input1-background:rgba(64,200,174,0.2);--mergeEditor-conflict-input2-background:rgba(64,166,255,0.2);--settings-headerForeground:#444;--settings-settingsHeaderHoverForeground:rgba(68,68,68,0.7);--settings-modifiedItemIndicator:#66afe0;--settings-headerBorder:hsla(0,0%,50.2%,0.35);--settings-sashBorder:hsla(0,0%,50.2%,0.35);--settings-dropdownBackground:#fff;--settings-dropdownForeground:#616161;--settings-dropdownBorder:#cecece;--settings-dropdownListBorder:#c8c8c8;--settings-checkboxBackground:#fff;--settings-checkboxForeground:#616161;--settings-checkboxBorder:#919191;--settings-textInputBackground:#fff;--settings-textInputForeground:#616161;--settings-textInputBorder:#cecece;--settings-numberInputBackground:#fff;--settings-numberInputForeground:#616161;--settings-numberInputBorder:#cecece;--settings-focusedRowBackground:hsla(0,0%,91%,0.6);--settings-rowHoverBackground:hsla(0,0%,91%,0.3);--settings-focusedRowBorder:#0090f1;--terminal-foreground:#333;--terminal-selectionBackground:#add6ff;--terminal-inactiveSelectionBackground:#e5ebf1;--terminalCommandDecoration-defaultBackground:rgba(0,0,0,0.25);--terminalCommandDecoration-successBackground:#2090d3;--terminalCommandDecoration-errorBackground:#e51400;--terminalOverviewRuler-cursorForeground:hsla(0,0%,62.7%,0.8);--terminal-border:hsla(0,0%,50.2%,0.35);--terminal-findMatchBackground:#a8ac94;--terminal-hoverHighlightBackground:rgba(173,214,255,0.07);--terminal-findMatchHighlightBackground:rgba(234,92,0,0.33);--terminalOverviewRuler-findMatchForeground:rgba(209,134,22,0.49);--terminal-dropBackground:rgba(38,119,203,0.18);--testing-iconFailed:#f14c4c;--testing-iconErrored:#f14c4c;--testing-iconPassed:#73c991;--testing-runAction:#73c991;--testing-iconQueued:#cca700;--testing-iconUnset:#848484;--testing-iconSkipped:#848484;--testing-peekBorder:#e51400;--testing-peekHeaderBackground:rgba(229,20,0,0.1);--testing-message-error-decorationForeground:#e51400;--testing-message-error-lineBackground:rgba(255,0,0,0.2);--testing-message-info-decorationForeground:rgba(0,0,0,0.5);--welcomePage-tileBackground:#f3f3f3;--welcomePage-tileHoverBackground:#dbdbdb;--welcomePage-tileBorder:rgba(0,0,0,0.1);--welcomePage-progress-background:#fff;--welcomePage-progress-foreground:#006ab1;--walkthrough-stepTitle-foreground:#000;--walkThrough-embeddedEditorBackground:#f4f4f4;--inlineChat-background:#f3f3f3;--inlineChat-border:#c8c8c8;--inlineChat-shadow:rgba(0,0,0,0.16);--inlineChat-regionHighlight:rgba(173,214,255,0.15);--inlineChatInput-border:#c8c8c8;--inlineChatInput-focusBorder:#0090f1;--inlineChatInput-placeholderForeground:#767676;--inlineChatInput-background:#fff;--inlineChatDiff-inserted:rgba(156,204,44,0.13);--inlineChatDiff-removed:rgba(255,0,0,0.1);--debugExceptionWidget-border:#a31515;--debugExceptionWidget-background:#f1dfde;--ports-iconRunningProcessForeground:#369432;--statusBar-debuggingBackground:#c63;--statusBar-debuggingForeground:#fff;--commandCenter-debuggingBackground:rgba(204,102,51,0.26);--editor-inlineValuesForeground:rgba(0,0,0,0.5);--editor-inlineValuesBackground:rgba(255,200,0,0.2);--editorGutter-modifiedBackground:#2090d3;--editorGutter-addedBackground:#48985d;--editorGutter-deletedBackground:#e51400;--minimapGutter-modifiedBackground:#2090d3;--minimapGutter-addedBackground:#48985d;--minimapGutter-deletedBackground:#e51400;--editorOverviewRuler-modifiedForeground:rgba(32,144,211,0.6);--editorOverviewRuler-addedForeground:rgba(72,152,93,0.6);--editorOverviewRuler-deletedForeground:rgba(229,20,0,0.6);--debugIcon-breakpointForeground:#e51400;--debugIcon-breakpointDisabledForeground:#848484;--debugIcon-breakpointUnverifiedForeground:#848484;--debugIcon-breakpointCurrentStackframeForeground:#be8700;--debugIcon-breakpointStackframeForeground:#89d185;--notebook-cellBorderColor:#e8e8e8;--notebook-focusedEditorBorder:#0090f1;--notebookStatusSuccessIcon-foreground:#388a34;--notebookEditorOverviewRuler-runningCellForeground:#388a34;--notebookStatusErrorIcon-foreground:#a1260d;--notebookStatusRunningIcon-foreground:#616161;--notebook-cellToolbarSeparator:hsla(0,0%,50.2%,0.35);--notebook-selectedCellBackground:rgba(200,221,241,0.31);--notebook-selectedCellBorder:#e8e8e8;--notebook-focusedCellBorder:#0090f1;--notebook-inactiveFocusedCellBorder:#e8e8e8;--notebook-cellStatusBarItemHoverBackground:rgba(0,0,0,0.08);--notebook-cellInsertionIndicator:#0090f1;--notebookScrollbarSlider-background:hsla(0,0%,39.2%,0.4);--notebookScrollbarSlider-hoverBackground:hsla(0,0%,39.2%,0.7);--notebookScrollbarSlider-activeBackground:rgba(0,0,0,0.6);--notebook-symbolHighlightBackground:rgba(253,255,0,0.2);--notebook-cellEditorBackground:#f3f3f3;--notebook-editorBackground:#fff;--keybindingTable-headerBackground:rgba(97,97,97,0.04);--keybindingTable-rowsBackground:rgba(97,97,97,0.04);--searchEditor-textInputBorder:#cecece;--debugTokenExpression-name:#9b46b0;--debugTokenExpression-value:hsla(0,0%,42.4%,0.8);--debugTokenExpression-string:#a31515;--debugTokenExpression-boolean:#00f;--debugTokenExpression-number:#098658;--debugTokenExpression-error:#e51400;--debugView-exceptionLabelForeground:#fff;--debugView-exceptionLabelBackground:#a31515;--debugView-stateLabelForeground:#616161;--debugView-stateLabelBackground:hsla(0,0%,53.3%,0.27);--debugView-valueChangedHighlight:#569cd6;--debugConsole-infoForeground:#1a85ff;--debugConsole-warningForeground:#bf8803;--debugConsole-errorForeground:#a1260d;--debugConsole-sourceForeground:#616161;--debugConsoleInputIcon-foreground:#616161;--debugIcon-pauseForeground:#007acc;--debugIcon-stopForeground:#a1260d;--debugIcon-disconnectForeground:#a1260d;--debugIcon-restartForeground:#388a34;--debugIcon-stepOverForeground:#007acc;--debugIcon-stepIntoForeground:#007acc;--debugIcon-stepOutForeground:#007acc;--debugIcon-continueForeground:#007acc;--debugIcon-stepBackForeground:#007acc;--scm-providerBorder:#c8c8c8;--extensionButton-background:#007acc;--extensionButton-foreground:#fff;--extensionButton-hoverBackground:#0062a3;--extensionButton-separator:hsla(0,0%,100%,0.4);--extensionButton-prominentBackground:#007acc;--extensionButton-prominentForeground:#fff;--extensionButton-prominentHoverBackground:#0062a3;--extensionIcon-starForeground:#df6100;--extensionIcon-verifiedForeground:#006ab1;--extensionIcon-preReleaseForeground:#1d9271;--extensionIcon-sponsorForeground:#b51e78;--terminal-ansiBlack:#000;--terminal-ansiRed:#cd3131;--terminal-ansiGreen:#00bc00;--terminal-ansiYellow:#949800;--terminal-ansiBlue:#0451a5;--terminal-ansiMagenta:#bc05bc;--terminal-ansiCyan:#0598bc;--terminal-ansiWhite:#555;--terminal-ansiBrightBlack:#666;--terminal-ansiBrightRed:#cd3131;--terminal-ansiBrightGreen:#14ce14;--terminal-ansiBrightYellow:#b5ba00;--terminal-ansiBrightBlue:#0451a5;--terminal-ansiBrightMagenta:#bc05bc;--terminal-ansiBrightCyan:#0598bc;--terminal-ansiBrightWhite:#a5a5a5;--interactive-activeCodeBorder:#1a85ff;--interactive-inactiveCodeBorder:#e4e6f1;--gitDecoration-addedResourceForeground:#587c0c;--gitDecoration-modifiedResourceForeground:#895503;--gitDecoration-deletedResourceForeground:#ad0707;--gitDecoration-renamedResourceForeground:#007100;--gitDecoration-untrackedResourceForeground:#007100;--gitDecoration-ignoredResourceForeground:#8e8e90;--gitDecoration-stageModifiedResourceForeground:#895503;--gitDecoration-stageDeletedResourceForeground:#ad0707;--gitDecoration-conflictingResourceForeground:#ad0707;--gitDecoration-submoduleResourceForeground:#1258a7;--gitlens-gutterBackgroundColor:rgba(0,0,0,0.05);--gitlens-gutterForegroundColor:#747474;--gitlens-gutterUncommittedForegroundColor:rgba(0,188,242,0.6);--gitlens-trailingLineBackgroundColor:transparent;--gitlens-trailingLineForegroundColor:hsla(0,0%,60%,0.35);--gitlens-lineHighlightBackgroundColor:rgba(0,188,242,0.2);--gitlens-lineHighlightOverviewRulerColor:rgba(0,188,242,0.6);--gitlens-openAutolinkedIssueIconColor:#1a7f37;--gitlens-closedAutolinkedIssueIconColor:#8250df;--gitlens-closedPullRequestIconColor:#cf222e;--gitlens-openPullRequestIconColor:#1a7f37;--gitlens-mergedPullRequestIconColor:#8250df;--gitlens-unpublishedChangesIconColor:#35b15e;--gitlens-unpublishedCommitIconColor:#35b15e;--gitlens-unpulledChangesIconColor:#b15e35;--gitlens-decorations-addedForegroundColor:#587c0c;--gitlens-decorations-copiedForegroundColor:#007100;--gitlens-decorations-deletedForegroundColor:#ad0707;--gitlens-decorations-ignoredForegroundColor:#8e8e90;--gitlens-decorations-modifiedForegroundColor:#895503;--gitlens-decorations-untrackedForegroundColor:#007100;--gitlens-decorations-renamedForegroundColor:#007100;--gitlens-decorations-branchAheadForegroundColor:#35b15e;--gitlens-decorations-branchBehindForegroundColor:#b15e35;--gitlens-decorations-branchDivergedForegroundColor:#d8af1b;--gitlens-decorations-branchUnpublishedForegroundColor:#35b15e;--gitlens-decorations-branchMissingUpstreamForegroundColor:#ad0707;--gitlens-decorations-workspaceRepoMissingForegroundColor:#949494;--gitlens-decorations-workspaceCurrentForegroundColor:#35b15e;--gitlens-decorations-workspaceRepoOpenForegroundColor:#35b15e;--gitlens-decorations-worktreeHasUncommittedChangesForegroundColor:#895503;--gitlens-decorations-worktreeMissingForegroundColor:#ad0707;--gitlens-graphLane1Color:#15a0bf;--gitlens-graphLane2Color:#0669f7;--gitlens-graphLane3Color:#8e00c2;--gitlens-graphLane4Color:#c517b6;--gitlens-graphLane5Color:#d90171;--gitlens-graphLane6Color:#cd0101;--gitlens-graphLane7Color:#f25d2e;--gitlens-graphLane8Color:#f2ca33;--gitlens-graphLane9Color:#7bd938;--gitlens-graphLane10Color:#2ece9d;--gitlens-graphChangesColumnAddedColor:#2da44e;--gitlens-graphChangesColumnDeletedColor:#cf222e;--gitlens-graphMinimapMarkerHeadColor:#04c814;--gitlens-graphScrollMarkerHeadColor:#04c814;--gitlens-graphMinimapMarkerUpstreamColor:#8cd993;--gitlens-graphScrollMarkerUpstreamColor:#8cd993;--gitlens-graphMinimapMarkerHighlightsColor:#f5cc00;--gitlens-graphScrollMarkerHighlightsColor:#f5cc00;--gitlens-graphMinimapMarkerLocalBranchesColor:#3095e8;--gitlens-graphScrollMarkerLocalBranchesColor:#3095e8;--gitlens-graphMinimapMarkerRemoteBranchesColor:#67ace4;--gitlens-graphScrollMarkerRemoteBranchesColor:#67ace4;--gitlens-graphMinimapMarkerStashesColor:#e467e4;--gitlens-graphScrollMarkerStashesColor:#e467e4;--gitlens-graphMinimapMarkerTagsColor:#d2a379;--gitlens-graphScrollMarkerTagsColor:#d2a379}[data-theme=dark]{--vscode-foreground:#ccc;--vscode-disabledForeground:hsla(0,0%,80%,0.5);--vscode-errorForeground:#f48771;--vscode-descriptionForeground:hsla(0,0%,80%,0.7);--vscode-icon-foreground:#c5c5c5;--vscode-focusBorder:#007fd4;--vscode-textSeparator-foreground:hsla(0,0%,100%,0.18);--vscode-textLink-foreground:#3794ff;--vscode-textLink-activeForeground:#3794ff;--vscode-textPreformat-foreground:#d7ba7d;--vscode-textBlockQuote-background:hsla(0,0%,49.8%,0.1);--vscode-textBlockQuote-border:rgba(0,122,204,0.5);--vscode-textCodeBlock-background:rgba(10,10,10,0.4);--vscode-widget-shadow:rgba(0,0,0,0.36);--vscode-widget-border:#303031;--vscode-input-background:#3c3c3c;--vscode-input-foreground:#ccc;--vscode-inputOption-activeBorder:#007acc;--vscode-inputOption-hoverBackground:rgba(90,93,94,0.5);--vscode-inputOption-activeBackground:rgba(0,127,212,0.4);--vscode-inputOption-activeForeground:#fff;--vscode-input-placeholderForeground:#a6a6a6;--vscode-inputValidation-infoBackground:#063b49;--vscode-inputValidation-infoBorder:#007acc;--vscode-inputValidation-warningBackground:#352a05;--vscode-inputValidation-warningBorder:#b89500;--vscode-inputValidation-errorBackground:#5a1d1d;--vscode-inputValidation-errorBorder:#be1100;--vscode-dropdown-background:#3c3c3c;--vscode-dropdown-foreground:#f0f0f0;--vscode-dropdown-border:#3c3c3c;--vscode-button-foreground:#fff;--vscode-button-separator:hsla(0,0%,100%,0.4);--vscode-button-background:#0e639c;--vscode-button-hoverBackground:#17b;--vscode-button-secondaryForeground:#fff;--vscode-button-secondaryBackground:#3a3d41;--vscode-button-secondaryHoverBackground:#45494e;--vscode-badge-background:#4d4d4d;--vscode-badge-foreground:#fff;--vscode-scrollbar-shadow:#000;--vscode-scrollbarSlider-background:hsla(0,0%,47.5%,0.4);--vscode-scrollbarSlider-hoverBackground:hsla(0,0%,39.2%,0.7);--vscode-scrollbarSlider-activeBackground:hsla(0,0%,74.9%,0.4);--vscode-progressBar-background:#0e70c0;--vscode-editorError-foreground:#f14c4c;--vscode-editorWarning-foreground:#cca700;--vscode-editorInfo-foreground:#3794ff;--vscode-editorHint-foreground:hsla(0,0%,93.3%,0.7);--vscode-sash-hoverBorder:#007fd4;--vscode-editor-background:#1e1e1e;--vscode-editor-foreground:#d4d4d4;--vscode-editorStickyScroll-background:#1e1e1e;--vscode-editorStickyScrollHover-background:#2a2d2e;--vscode-editorWidget-background:#252526;--vscode-editorWidget-foreground:#ccc;--vscode-editorWidget-border:#454545;--vscode-quickInput-background:#252526;--vscode-quickInput-foreground:#ccc;--vscode-quickInputTitle-background:hsla(0,0%,100%,0.1);--vscode-pickerGroup-foreground:#3794ff;--vscode-pickerGroup-border:#3f3f46;--vscode-keybindingLabel-background:hsla(0,0%,50.2%,0.17);--vscode-keybindingLabel-foreground:#ccc;--vscode-keybindingLabel-border:rgba(51,51,51,0.6);--vscode-keybindingLabel-bottomBorder:rgba(68,68,68,0.6);--vscode-editor-selectionBackground:#264f78;--vscode-editor-inactiveSelectionBackground:#3a3d41;--vscode-editor-selectionHighlightBackground:rgba(173,214,255,0.15);--vscode-editor-findMatchBackground:#515c6a;--vscode-editor-findMatchHighlightBackground:rgba(234,92,0,0.33);--vscode-editor-findRangeHighlightBackground:rgba(58,61,65,0.4);--vscode-searchEditor-findMatchBackground:rgba(234,92,0,0.22);--vscode-search-resultsInfoForeground:hsla(0,0%,80%,0.65);--vscode-editor-hoverHighlightBackground:rgba(38,79,120,0.25);--vscode-editorHoverWidget-background:#252526;--vscode-editorHoverWidget-foreground:#ccc;--vscode-editorHoverWidget-border:#454545;--vscode-editorHoverWidget-statusBarBackground:#2c2c2d;--vscode-editorLink-activeForeground:#4e94ce;--vscode-editorInlayHint-foreground:#969696;--vscode-editorInlayHint-background:rgba(77,77,77,0.1);--vscode-editorInlayHint-typeForeground:#969696;--vscode-editorInlayHint-typeBackground:rgba(77,77,77,0.1);--vscode-editorInlayHint-parameterForeground:#969696;--vscode-editorInlayHint-parameterBackground:rgba(77,77,77,0.1);--vscode-editorLightBulb-foreground:#fc0;--vscode-editorLightBulbAutoFix-foreground:#75beff;--vscode-diffEditor-insertedTextBackground:rgba(156,204,44,0.2);--vscode-diffEditor-removedTextBackground:rgba(255,0,0,0.2);--vscode-diffEditor-insertedLineBackground:rgba(155,185,85,0.2);--vscode-diffEditor-removedLineBackground:rgba(255,0,0,0.2);--vscode-diffEditor-diagonalFill:hsla(0,0%,80%,0.2);--vscode-diffEditor-unchangedRegionBackground:#3e3e3e;--vscode-diffEditor-unchangedRegionForeground:#a3a2a2;--vscode-diffEditor-unchangedCodeBackground:hsla(0,0%,45.5%,0.16);--vscode-list-focusOutline:#007fd4;--vscode-list-activeSelectionBackground:#04395e;--vscode-list-activeSelectionForeground:#fff;--vscode-list-activeSelectionIconForeground:#fff;--vscode-list-inactiveSelectionBackground:#37373d;--vscode-list-hoverBackground:#2a2d2e;--vscode-list-dropBackground:#383b3d;--vscode-list-highlightForeground:#2aaaff;--vscode-list-focusHighlightForeground:#2aaaff;--vscode-list-invalidItemForeground:#b89500;--vscode-list-errorForeground:#f88070;--vscode-list-warningForeground:#cca700;--vscode-listFilterWidget-background:#252526;--vscode-listFilterWidget-outline:transparent;--vscode-listFilterWidget-noMatchesOutline:#be1100;--vscode-listFilterWidget-shadow:rgba(0,0,0,0.36);--vscode-list-filterMatchBackground:rgba(234,92,0,0.33);--vscode-tree-indentGuidesStroke:#585858;--vscode-tree-inactiveIndentGuidesStroke:rgba(88,88,88,0.4);--vscode-tree-tableColumnsBorder:hsla(0,0%,80%,0.13);--vscode-tree-tableOddRowsBackground:hsla(0,0%,80%,0.04);--vscode-list-deemphasizedForeground:#8c8c8c;--vscode-checkbox-background:#3c3c3c;--vscode-checkbox-selectBackground:#252526;--vscode-checkbox-foreground:#f0f0f0;--vscode-checkbox-border:#6b6b6b;--vscode-checkbox-selectBorder:#c5c5c5;--vscode-quickInputList-focusForeground:#fff;--vscode-quickInputList-focusIconForeground:#fff;--vscode-quickInputList-focusBackground:#04395e;--vscode-menu-border:#454545;--vscode-menu-foreground:#ccc;--vscode-menu-background:#252526;--vscode-menu-selectionForeground:#fff;--vscode-menu-selectionBackground:#04395e;--vscode-menu-separatorBackground:#454545;--vscode-toolbar-hoverBackground:rgba(90,93,94,0.31);--vscode-toolbar-activeBackground:rgba(99,102,103,0.31);--vscode-editor-snippetTabstopHighlightBackground:hsla(0,0%,48.6%,0.3);--vscode-editor-snippetFinalTabstopHighlightBorder:#525252;--vscode-breadcrumb-foreground:hsla(0,0%,80%,0.8);--vscode-breadcrumb-background:#1e1e1e;--vscode-breadcrumb-focusForeground:#e0e0e0;--vscode-breadcrumb-activeSelectionForeground:#e0e0e0;--vscode-breadcrumbPicker-background:#252526;--vscode-merge-currentHeaderBackground:rgba(64,200,174,0.5);--vscode-merge-currentContentBackground:rgba(64,200,174,0.2);--vscode-merge-incomingHeaderBackground:rgba(64,166,255,0.5);--vscode-merge-incomingContentBackground:rgba(64,166,255,0.2);--vscode-merge-commonHeaderBackground:rgba(96,96,96,0.4);--vscode-merge-commonContentBackground:rgba(96,96,96,0.16);--vscode-editorOverviewRuler-currentContentForeground:rgba(64,200,174,0.5);--vscode-editorOverviewRuler-incomingContentForeground:rgba(64,166,255,0.5);--vscode-editorOverviewRuler-commonContentForeground:rgba(96,96,96,0.4);--vscode-editorOverviewRuler-findMatchForeground:rgba(209,134,22,0.49);--vscode-editorOverviewRuler-selectionHighlightForeground:hsla(0,0%,62.7%,0.8);--vscode-minimap-findMatchHighlight:#d18616;--vscode-minimap-selectionOccurrenceHighlight:#676767;--vscode-minimap-selectionHighlight:#264f78;--vscode-minimap-infoHighlight:#3794ff;--vscode-minimap-warningHighlight:#cca700;--vscode-minimap-errorHighlight:rgba(255,18,18,0.7);--vscode-minimap-foregroundOpacity:#000;--vscode-minimapSlider-background:hsla(0,0%,47.5%,0.2);--vscode-minimapSlider-hoverBackground:hsla(0,0%,39.2%,0.35);--vscode-minimapSlider-activeBackground:hsla(0,0%,74.9%,0.2);--vscode-problemsErrorIcon-foreground:#f14c4c;--vscode-problemsWarningIcon-foreground:#cca700;--vscode-problemsInfoIcon-foreground:#3794ff;--vscode-charts-foreground:#ccc;--vscode-charts-lines:hsla(0,0%,80%,0.5);--vscode-charts-red:#f14c4c;--vscode-charts-blue:#3794ff;--vscode-charts-yellow:#cca700;--vscode-charts-orange:#d18616;--vscode-charts-green:#89d185;--vscode-charts-purple:#b180d7;--vscode-diffEditor-move-border:hsla(0,0%,54.5%,0.61);--vscode-diffEditor-moveActive-border:orange;--vscode-symbolIcon-arrayForeground:#ccc;--vscode-symbolIcon-booleanForeground:#ccc;--vscode-symbolIcon-classForeground:#ee9d28;--vscode-symbolIcon-colorForeground:#ccc;--vscode-symbolIcon-constantForeground:#ccc;--vscode-symbolIcon-constructorForeground:#b180d7;--vscode-symbolIcon-enumeratorForeground:#ee9d28;--vscode-symbolIcon-enumeratorMemberForeground:#75beff;--vscode-symbolIcon-eventForeground:#ee9d28;--vscode-symbolIcon-fieldForeground:#75beff;--vscode-symbolIcon-fileForeground:#ccc;--vscode-symbolIcon-folderForeground:#ccc;--vscode-symbolIcon-functionForeground:#b180d7;--vscode-symbolIcon-interfaceForeground:#75beff;--vscode-symbolIcon-keyForeground:#ccc;--vscode-symbolIcon-keywordForeground:#ccc;--vscode-symbolIcon-methodForeground:#b180d7;--vscode-symbolIcon-moduleForeground:#ccc;--vscode-symbolIcon-namespaceForeground:#ccc;--vscode-symbolIcon-nullForeground:#ccc;--vscode-symbolIcon-numberForeground:#ccc;--vscode-symbolIcon-objectForeground:#ccc;--vscode-symbolIcon-operatorForeground:#ccc;--vscode-symbolIcon-packageForeground:#ccc;--vscode-symbolIcon-propertyForeground:#ccc;--vscode-symbolIcon-referenceForeground:#ccc;--vscode-symbolIcon-snippetForeground:#ccc;--vscode-symbolIcon-stringForeground:#ccc;--vscode-symbolIcon-structForeground:#ccc;--vscode-symbolIcon-textForeground:#ccc;--vscode-symbolIcon-typeParameterForeground:#ccc;--vscode-symbolIcon-unitForeground:#ccc;--vscode-symbolIcon-variableForeground:#75beff;--vscode-actionBar-toggledBackground:#383a49;--vscode-editorHoverWidget-highlightForeground:#2aaaff;--vscode-editor-lineHighlightBorder:#282828;--vscode-editor-rangeHighlightBackground:hsla(0,0%,100%,0.04);--vscode-editor-symbolHighlightBackground:rgba(234,92,0,0.33);--vscode-editorCursor-foreground:#aeafad;--vscode-editorWhitespace-foreground:rgba(227,228,226,0.16);--vscode-editorLineNumber-foreground:#858585;--vscode-editorIndentGuide-background:#404040;--vscode-editorIndentGuide-activeBackground:#707070;--vscode-editorIndentGuide-background1:#404040;--vscode-editorIndentGuide-background2:transparent;--vscode-editorIndentGuide-background3:transparent;--vscode-editorIndentGuide-background4:transparent;--vscode-editorIndentGuide-background5:transparent;--vscode-editorIndentGuide-background6:transparent;--vscode-editorIndentGuide-activeBackground1:#707070;--vscode-editorIndentGuide-activeBackground2:transparent;--vscode-editorIndentGuide-activeBackground3:transparent;--vscode-editorIndentGuide-activeBackground4:transparent;--vscode-editorIndentGuide-activeBackground5:transparent;--vscode-editorIndentGuide-activeBackground6:transparent;--vscode-editorActiveLineNumber-foreground:#c6c6c6;--vscode-editorLineNumber-activeForeground:#c6c6c6;--vscode-editorRuler-foreground:#5a5a5a;--vscode-editorCodeLens-foreground:#999;--vscode-editorBracketMatch-background:rgba(0,100,0,0.1);--vscode-editorBracketMatch-border:#888;--vscode-editorOverviewRuler-border:hsla(0,0%,49.8%,0.3);--vscode-editorGutter-background:#1e1e1e;--vscode-editorUnnecessaryCode-opacity:rgba(0,0,0,0.67);--vscode-editorGhostText-foreground:hsla(0,0%,100%,0.34);--vscode-editorOverviewRuler-rangeHighlightForeground:rgba(0,122,204,0.6);--vscode-editorOverviewRuler-errorForeground:rgba(255,18,18,0.7);--vscode-editorOverviewRuler-warningForeground:#cca700;--vscode-editorOverviewRuler-infoForeground:#3794ff;--vscode-editorBracketHighlight-foreground1:gold;--vscode-editorBracketHighlight-foreground2:orchid;--vscode-editorBracketHighlight-foreground3:#179fff;--vscode-editorBracketHighlight-foreground4:transparent;--vscode-editorBracketHighlight-foreground5:transparent;--vscode-editorBracketHighlight-foreground6:transparent;--vscode-editorBracketHighlight-unexpectedBracket-foreground:rgba(255,18,18,0.8);--vscode-editorBracketPairGuide-background1:transparent;--vscode-editorBracketPairGuide-background2:transparent;--vscode-editorBracketPairGuide-background3:transparent;--vscode-editorBracketPairGuide-background4:transparent;--vscode-editorBracketPairGuide-background5:transparent;--vscode-editorBracketPairGuide-background6:transparent;--vscode-editorBracketPairGuide-activeBackground1:transparent;--vscode-editorBracketPairGuide-activeBackground2:transparent;--vscode-editorBracketPairGuide-activeBackground3:transparent;--vscode-editorBracketPairGuide-activeBackground4:transparent;--vscode-editorBracketPairGuide-activeBackground5:transparent;--vscode-editorBracketPairGuide-activeBackground6:transparent;--vscode-editorUnicodeHighlight-border:#bd9b03;--vscode-editorUnicodeHighlight-background:rgba(189,155,3,0.15);--vscode-editorOverviewRuler-bracketMatchForeground:#a0a0a0;--vscode-editor-foldBackground:rgba(38,79,120,0.3);--vscode-editorGutter-foldingControlForeground:#c5c5c5;--vscode-editor-linkedEditingBackground:rgba(255,0,0,0.3);--vscode-editor-wordHighlightBackground:rgba(87,87,87,0.72);--vscode-editor-wordHighlightStrongBackground:rgba(0,73,114,0.72);--vscode-editor-wordHighlightTextBackground:rgba(87,87,87,0.72);--vscode-editorOverviewRuler-wordHighlightForeground:hsla(0,0%,62.7%,0.8);--vscode-editorOverviewRuler-wordHighlightStrongForeground:rgba(192,160,192,0.8);--vscode-editorOverviewRuler-wordHighlightTextForeground:hsla(0,0%,62.7%,0.8);--vscode-peekViewTitle-background:#252526;--vscode-peekViewTitleLabel-foreground:#fff;--vscode-peekViewTitleDescription-foreground:hsla(0,0%,80%,0.7);--vscode-peekView-border:#3794ff;--vscode-peekViewResult-background:#252526;--vscode-peekViewResult-lineForeground:#bbb;--vscode-peekViewResult-fileForeground:#fff;--vscode-peekViewResult-selectionBackground:rgba(51,153,255,0.2);--vscode-peekViewResult-selectionForeground:#fff;--vscode-peekViewEditor-background:#001f33;--vscode-peekViewEditorGutter-background:#001f33;--vscode-peekViewEditorStickyScroll-background:#001f33;--vscode-peekViewResult-matchHighlightBackground:rgba(234,92,0,0.3);--vscode-peekViewEditor-matchHighlightBackground:rgba(255,143,0,0.6);--vscode-editorMarkerNavigationError-background:#f14c4c;--vscode-editorMarkerNavigationError-headerBackground:rgba(241,76,76,0.1);--vscode-editorMarkerNavigationWarning-background:#cca700;--vscode-editorMarkerNavigationWarning-headerBackground:rgba(204,167,0,0.1);--vscode-editorMarkerNavigationInfo-background:#3794ff;--vscode-editorMarkerNavigationInfo-headerBackground:rgba(55,148,255,0.1);--vscode-editorMarkerNavigation-background:#1e1e1e;--vscode-editorSuggestWidget-background:#252526;--vscode-editorSuggestWidget-border:#454545;--vscode-editorSuggestWidget-foreground:#d4d4d4;--vscode-editorSuggestWidget-selectedForeground:#fff;--vscode-editorSuggestWidget-selectedIconForeground:#fff;--vscode-editorSuggestWidget-selectedBackground:#04395e;--vscode-editorSuggestWidget-highlightForeground:#2aaaff;--vscode-editorSuggestWidget-focusHighlightForeground:#2aaaff;--vscode-editorSuggestWidgetStatus-foreground:hsla(0,0%,83.1%,0.5);--vscode-tab-activeBackground:#1e1e1e;--vscode-tab-unfocusedActiveBackground:#1e1e1e;--vscode-tab-inactiveBackground:#2d2d2d;--vscode-tab-unfocusedInactiveBackground:#2d2d2d;--vscode-tab-activeForeground:#fff;--vscode-tab-inactiveForeground:hsla(0,0%,100%,0.5);--vscode-tab-unfocusedActiveForeground:hsla(0,0%,100%,0.5);--vscode-tab-unfocusedInactiveForeground:hsla(0,0%,100%,0.25);--vscode-tab-border:#252526;--vscode-tab-lastPinnedBorder:hsla(0,0%,80%,0.2);--vscode-tab-activeModifiedBorder:#39c;--vscode-tab-inactiveModifiedBorder:rgba(51,153,204,0.5);--vscode-tab-unfocusedActiveModifiedBorder:rgba(51,153,204,0.5);--vscode-tab-unfocusedInactiveModifiedBorder:rgba(51,153,204,0.25);--vscode-editorPane-background:#1e1e1e;--vscode-editorGroupHeader-tabsBackground:#252526;--vscode-editorGroupHeader-noTabsBackground:#1e1e1e;--vscode-editorGroup-border:#444;--vscode-editorGroup-dropBackground:rgba(83,89,93,0.5);--vscode-editorGroup-dropIntoPromptForeground:#ccc;--vscode-editorGroup-dropIntoPromptBackground:#252526;--vscode-sideBySideEditor-horizontalBorder:#444;--vscode-sideBySideEditor-verticalBorder:#444;--vscode-panel-background:#1e1e1e;--vscode-panel-border:hsla(0,0%,50.2%,0.35);--vscode-panelTitle-activeForeground:#e7e7e7;--vscode-panelTitle-inactiveForeground:hsla(0,0%,90.6%,0.6);--vscode-panelTitle-activeBorder:#e7e7e7;--vscode-panel-dropBorder:#e7e7e7;--vscode-panelSection-dropBackground:rgba(83,89,93,0.5);--vscode-panelSectionHeader-background:hsla(0,0%,50.2%,0.2);--vscode-panelSection-border:hsla(0,0%,50.2%,0.35);--vscode-banner-background:#04395e;--vscode-banner-foreground:#fff;--vscode-banner-iconForeground:#3794ff;--vscode-statusBar-foreground:#fff;--vscode-statusBar-noFolderForeground:#fff;--vscode-statusBar-background:#007acc;--vscode-statusBar-noFolderBackground:#68217a;--vscode-statusBar-focusBorder:#fff;--vscode-statusBarItem-activeBackground:hsla(0,0%,100%,0.18);--vscode-statusBarItem-focusBorder:#fff;--vscode-statusBarItem-hoverBackground:hsla(0,0%,100%,0.12);--vscode-statusBarItem-hoverForeground:#fff;--vscode-statusBarItem-compactHoverBackground:hsla(0,0%,100%,0.2);--vscode-statusBarItem-prominentForeground:#fff;--vscode-statusBarItem-prominentBackground:rgba(0,0,0,0.5);--vscode-statusBarItem-prominentHoverForeground:#fff;--vscode-statusBarItem-prominentHoverBackground:rgba(0,0,0,0.3);--vscode-statusBarItem-errorBackground:#c72e0f;--vscode-statusBarItem-errorForeground:#fff;--vscode-statusBarItem-errorHoverForeground:#fff;--vscode-statusBarItem-errorHoverBackground:hsla(0,0%,100%,0.12);--vscode-statusBarItem-warningBackground:#7a6400;--vscode-statusBarItem-warningForeground:#fff;--vscode-statusBarItem-warningHoverForeground:#fff;--vscode-statusBarItem-warningHoverBackground:hsla(0,0%,100%,0.12);--vscode-activityBar-background:#333;--vscode-activityBar-foreground:#fff;--vscode-activityBar-inactiveForeground:hsla(0,0%,100%,0.4);--vscode-activityBar-activeBorder:#fff;--vscode-activityBar-dropBorder:#fff;--vscode-activityBarBadge-background:#007acc;--vscode-activityBarBadge-foreground:#fff;--vscode-profileBadge-background:#4d4d4d;--vscode-profileBadge-foreground:#fff;--vscode-statusBarItem-remoteBackground:#16825d;--vscode-statusBarItem-remoteForeground:#fff;--vscode-statusBarItem-remoteHoverForeground:#fff;--vscode-statusBarItem-remoteHoverBackground:hsla(0,0%,100%,0.12);--vscode-statusBarItem-offlineBackground:#6c1717;--vscode-statusBarItem-offlineForeground:#fff;--vscode-statusBarItem-offlineHoverForeground:#fff;--vscode-statusBarItem-offlineHoverBackground:hsla(0,0%,100%,0.12);--vscode-extensionBadge-remoteBackground:#007acc;--vscode-extensionBadge-remoteForeground:#fff;--vscode-sideBar-background:#252526;--vscode-sideBarTitle-foreground:#bbb;--vscode-sideBar-dropBackground:rgba(83,89,93,0.5);--vscode-sideBarSectionHeader-background:transparent;--vscode-sideBarSectionHeader-border:hsla(0,0%,80%,0.2);--vscode-titleBar-activeForeground:#ccc;--vscode-titleBar-inactiveForeground:hsla(0,0%,80%,0.6);--vscode-titleBar-activeBackground:#3c3c3c;--vscode-titleBar-inactiveBackground:rgba(60,60,60,0.6);--vscode-menubar-selectionForeground:#ccc;--vscode-menubar-selectionBackground:rgba(90,93,94,0.31);--vscode-commandCenter-foreground:#ccc;--vscode-commandCenter-activeForeground:#ccc;--vscode-commandCenter-inactiveForeground:hsla(0,0%,80%,0.6);--vscode-commandCenter-background:hsla(0,0%,100%,0.05);--vscode-commandCenter-activeBackground:hsla(0,0%,100%,0.08);--vscode-commandCenter-border:hsla(0,0%,80%,0.2);--vscode-commandCenter-activeBorder:hsla(0,0%,80%,0.3);--vscode-commandCenter-inactiveBorder:hsla(0,0%,80%,0.15);--vscode-notificationCenter-border:#303031;--vscode-notificationToast-border:#303031;--vscode-notifications-foreground:#ccc;--vscode-notifications-background:#252526;--vscode-notificationLink-foreground:#3794ff;--vscode-notificationCenterHeader-background:#303031;--vscode-notifications-border:#303031;--vscode-notificationsErrorIcon-foreground:#f14c4c;--vscode-notificationsWarningIcon-foreground:#cca700;--vscode-notificationsInfoIcon-foreground:#3794ff;--vscode-chat-requestBorder:hsla(0,0%,100%,0.1);--vscode-chat-slashCommandBackground:#4d4d4d;--vscode-chat-slashCommandForeground:#fff;--vscode-simpleFindWidget-sashBorder:#454545;--vscode-commentsView-resolvedIcon:hsla(0,0%,80%,0.5);--vscode-commentsView-unresolvedIcon:#007fd4;--vscode-editorCommentsWidget-resolvedBorder:hsla(0,0%,80%,0.5);--vscode-editorCommentsWidget-unresolvedBorder:#007fd4;--vscode-editorCommentsWidget-rangeBackground:rgba(0,127,212,0.1);--vscode-editorCommentsWidget-rangeActiveBackground:rgba(0,127,212,0.1);--vscode-editorGutter-commentRangeForeground:#37373d;--vscode-editorOverviewRuler-commentForeground:#37373d;--vscode-editorOverviewRuler-commentUnresolvedForeground:#37373d;--vscode-editorGutter-commentGlyphForeground:#d4d4d4;--vscode-editorGutter-commentUnresolvedGlyphForeground:#d4d4d4;--vscode-debugToolBar-background:#333;--vscode-debugIcon-startForeground:#89d185;--vscode-editor-stackFrameHighlightBackground:rgba(255,255,0,0.2);--vscode-editor-focusedStackFrameHighlightBackground:rgba(122,189,122,0.3);--vscode-mergeEditor-change-background:rgba(155,185,85,0.2);--vscode-mergeEditor-change-word-background:rgba(156,204,44,0.2);--vscode-mergeEditor-changeBase-background:#4b1818;--vscode-mergeEditor-changeBase-word-background:#6f1313;--vscode-mergeEditor-conflict-unhandledUnfocused-border:rgba(255,166,0,0.48);--vscode-mergeEditor-conflict-unhandledFocused-border:#ffa600;--vscode-mergeEditor-conflict-handledUnfocused-border:hsla(0,0%,52.5%,0.29);--vscode-mergeEditor-conflict-handledFocused-border:hsla(0,0%,75.7%,0.8);--vscode-mergeEditor-conflict-handled-minimapOverViewRuler:rgba(173,172,168,0.93);--vscode-mergeEditor-conflict-unhandled-minimapOverViewRuler:#fcba03;--vscode-mergeEditor-conflictingLines-background:rgba(255,234,0,0.28);--vscode-mergeEditor-conflict-input1-background:rgba(64,200,174,0.2);--vscode-mergeEditor-conflict-input2-background:rgba(64,166,255,0.2);--vscode-settings-headerForeground:#e7e7e7;--vscode-settings-settingsHeaderHoverForeground:hsla(0,0%,90.6%,0.7);--vscode-settings-modifiedItemIndicator:#0c7d9d;--vscode-settings-headerBorder:hsla(0,0%,50.2%,0.35);--vscode-settings-sashBorder:hsla(0,0%,50.2%,0.35);--vscode-settings-dropdownBackground:#3c3c3c;--vscode-settings-dropdownForeground:#f0f0f0;--vscode-settings-dropdownBorder:#3c3c3c;--vscode-settings-dropdownListBorder:#454545;--vscode-settings-checkboxBackground:#3c3c3c;--vscode-settings-checkboxForeground:#f0f0f0;--vscode-settings-checkboxBorder:#6b6b6b;--vscode-settings-textInputBackground:#3c3c3c;--vscode-settings-textInputForeground:#ccc;--vscode-settings-numberInputBackground:#3c3c3c;--vscode-settings-numberInputForeground:#ccc;--vscode-settings-focusedRowBackground:rgba(42,45,46,0.6);--vscode-settings-rowHoverBackground:rgba(42,45,46,0.3);--vscode-settings-focusedRowBorder:#007fd4;--vscode-terminal-foreground:#ccc;--vscode-terminal-selectionBackground:#264f78;--vscode-terminal-inactiveSelectionBackground:#3a3d41;--vscode-terminalCommandDecoration-defaultBackground:hsla(0,0%,100%,0.25);--vscode-terminalCommandDecoration-successBackground:#1b81a8;--vscode-terminalCommandDecoration-errorBackground:#f14c4c;--vscode-terminalOverviewRuler-cursorForeground:hsla(0,0%,62.7%,0.8);--vscode-terminal-border:hsla(0,0%,50.2%,0.35);--vscode-terminal-findMatchBackground:#515c6a;--vscode-terminal-hoverHighlightBackground:rgba(38,79,120,0.13);--vscode-terminal-findMatchHighlightBackground:rgba(234,92,0,0.33);--vscode-terminalOverviewRuler-findMatchForeground:rgba(209,134,22,0.49);--vscode-terminal-dropBackground:rgba(83,89,93,0.5);--vscode-testing-iconFailed:#f14c4c;--vscode-testing-iconErrored:#f14c4c;--vscode-testing-iconPassed:#73c991;--vscode-testing-runAction:#73c991;--vscode-testing-iconQueued:#cca700;--vscode-testing-iconUnset:#848484;--vscode-testing-iconSkipped:#848484;--vscode-testing-peekBorder:#f14c4c;--vscode-testing-peekHeaderBackground:rgba(241,76,76,0.1);--vscode-testing-message-error-decorationForeground:#f14c4c;--vscode-testing-message-error-lineBackground:rgba(255,0,0,0.2);--vscode-testing-message-info-decorationForeground:hsla(0,0%,83.1%,0.5);--vscode-welcomePage-tileBackground:#252526;--vscode-welcomePage-tileHoverBackground:#2c2c2d;--vscode-welcomePage-tileBorder:hsla(0,0%,100%,0.1);--vscode-welcomePage-progress-background:#3c3c3c;--vscode-welcomePage-progress-foreground:#3794ff;--vscode-walkthrough-stepTitle-foreground:#fff;--vscode-walkThrough-embeddedEditorBackground:rgba(0,0,0,0.4);--vscode-inlineChat-background:#252526;--vscode-inlineChat-border:#454545;--vscode-inlineChat-shadow:rgba(0,0,0,0.36);--vscode-inlineChat-regionHighlight:rgba(38,79,120,0.25);--vscode-inlineChatInput-border:#454545;--vscode-inlineChatInput-focusBorder:#007fd4;--vscode-inlineChatInput-placeholderForeground:#a6a6a6;--vscode-inlineChatInput-background:#3c3c3c;--vscode-inlineChatDiff-inserted:rgba(156,204,44,0.1);--vscode-inlineChatDiff-removed:rgba(255,0,0,0.1);--vscode-debugExceptionWidget-border:#a31515;--vscode-debugExceptionWidget-background:#420b0d;--vscode-ports-iconRunningProcessForeground:#369432;--vscode-statusBar-debuggingBackground:#c63;--vscode-statusBar-debuggingForeground:#fff;--vscode-commandCenter-debuggingBackground:rgba(204,102,51,0.26);--vscode-editor-inlineValuesForeground:hsla(0,0%,100%,0.5);--vscode-editor-inlineValuesBackground:rgba(255,200,0,0.2);--vscode-editorGutter-modifiedBackground:#1b81a8;--vscode-editorGutter-addedBackground:#487e02;--vscode-editorGutter-deletedBackground:#f14c4c;--vscode-minimapGutter-modifiedBackground:#1b81a8;--vscode-minimapGutter-addedBackground:#487e02;--vscode-minimapGutter-deletedBackground:#f14c4c;--vscode-editorOverviewRuler-modifiedForeground:rgba(27,129,168,0.6);--vscode-editorOverviewRuler-addedForeground:rgba(72,126,2,0.6);--vscode-editorOverviewRuler-deletedForeground:rgba(241,76,76,0.6);--vscode-debugIcon-breakpointForeground:#e51400;--vscode-debugIcon-breakpointDisabledForeground:#848484;--vscode-debugIcon-breakpointUnverifiedForeground:#848484;--vscode-debugIcon-breakpointCurrentStackframeForeground:#fc0;--vscode-debugIcon-breakpointStackframeForeground:#89d185;--vscode-notebook-cellBorderColor:#37373d;--vscode-notebook-focusedEditorBorder:#007fd4;--vscode-notebookStatusSuccessIcon-foreground:#89d185;--vscode-notebookEditorOverviewRuler-runningCellForeground:#89d185;--vscode-notebookStatusErrorIcon-foreground:#f48771;--vscode-notebookStatusRunningIcon-foreground:#ccc;--vscode-notebook-cellToolbarSeparator:hsla(0,0%,50.2%,0.35);--vscode-notebook-selectedCellBackground:#37373d;--vscode-notebook-selectedCellBorder:#37373d;--vscode-notebook-focusedCellBorder:#007fd4;--vscode-notebook-inactiveFocusedCellBorder:#37373d;--vscode-notebook-cellStatusBarItemHoverBackground:hsla(0,0%,100%,0.15);--vscode-notebook-cellInsertionIndicator:#007fd4;--vscode-notebookScrollbarSlider-background:hsla(0,0%,47.5%,0.4);--vscode-notebookScrollbarSlider-hoverBackground:hsla(0,0%,39.2%,0.7);--vscode-notebookScrollbarSlider-activeBackground:hsla(0,0%,74.9%,0.4);--vscode-notebook-symbolHighlightBackground:hsla(0,0%,100%,0.04);--vscode-notebook-cellEditorBackground:#252526;--vscode-notebook-editorBackground:#1e1e1e;--vscode-keybindingTable-headerBackground:hsla(0,0%,80%,0.04);--vscode-keybindingTable-rowsBackground:hsla(0,0%,80%,0.04);--vscode-debugTokenExpression-name:#c586c0;--vscode-debugTokenExpression-value:hsla(0,0%,80%,0.6);--vscode-debugTokenExpression-string:#ce9178;--vscode-debugTokenExpression-boolean:#4e94ce;--vscode-debugTokenExpression-number:#b5cea8;--vscode-debugTokenExpression-error:#f48771;--vscode-debugView-exceptionLabelForeground:#ccc;--vscode-debugView-exceptionLabelBackground:#6c2022;--vscode-debugView-stateLabelForeground:#ccc;--vscode-debugView-stateLabelBackground:hsla(0,0%,53.3%,0.27);--vscode-debugView-valueChangedHighlight:#569cd6;--vscode-debugConsole-infoForeground:#3794ff;--vscode-debugConsole-warningForeground:#cca700;--vscode-debugConsole-errorForeground:#f48771;--vscode-debugConsole-sourceForeground:#ccc;--vscode-debugConsoleInputIcon-foreground:#ccc;--vscode-debugIcon-pauseForeground:#75beff;--vscode-debugIcon-stopForeground:#f48771;--vscode-debugIcon-disconnectForeground:#f48771;--vscode-debugIcon-restartForeground:#89d185;--vscode-debugIcon-stepOverForeground:#75beff;--vscode-debugIcon-stepIntoForeground:#75beff;--vscode-debugIcon-stepOutForeground:#75beff;--vscode-debugIcon-continueForeground:#75beff;--vscode-debugIcon-stepBackForeground:#75beff;--vscode-scm-providerBorder:#454545;--vscode-extensionButton-background:#0e639c;--vscode-extensionButton-foreground:#fff;--vscode-extensionButton-hoverBackground:#17b;--vscode-extensionButton-separator:hsla(0,0%,100%,0.4);--vscode-extensionButton-prominentBackground:#0e639c;--vscode-extensionButton-prominentForeground:#fff;--vscode-extensionButton-prominentHoverBackground:#17b;--vscode-extensionIcon-starForeground:#ff8e00;--vscode-extensionIcon-verifiedForeground:#3794ff;--vscode-extensionIcon-preReleaseForeground:#1d9271;--vscode-extensionIcon-sponsorForeground:#d758b3;--vscode-terminal-ansiBlack:#000;--vscode-terminal-ansiRed:#cd3131;--vscode-terminal-ansiGreen:#0dbc79;--vscode-terminal-ansiYellow:#e5e510;--vscode-terminal-ansiBlue:#2472c8;--vscode-terminal-ansiMagenta:#bc3fbc;--vscode-terminal-ansiCyan:#11a8cd;--vscode-terminal-ansiWhite:#e5e5e5;--vscode-terminal-ansiBrightBlack:#666;--vscode-terminal-ansiBrightRed:#f14c4c;--vscode-terminal-ansiBrightGreen:#23d18b;--vscode-terminal-ansiBrightYellow:#f5f543;--vscode-terminal-ansiBrightBlue:#3b8eea;--vscode-terminal-ansiBrightMagenta:#d670d6;--vscode-terminal-ansiBrightCyan:#29b8db;--vscode-terminal-ansiBrightWhite:#e5e5e5;--vscode-interactive-activeCodeBorder:#3794ff;--vscode-interactive-inactiveCodeBorder:#37373d;--vscode-gitDecoration-addedResourceForeground:#81b88b;--vscode-gitDecoration-modifiedResourceForeground:#e2c08d;--vscode-gitDecoration-deletedResourceForeground:#c74e39;--vscode-gitDecoration-renamedResourceForeground:#73c991;--vscode-gitDecoration-untrackedResourceForeground:#73c991;--vscode-gitDecoration-ignoredResourceForeground:#8c8c8c;--vscode-gitDecoration-stageModifiedResourceForeground:#e2c08d;--vscode-gitDecoration-stageDeletedResourceForeground:#c74e39;--vscode-gitDecoration-conflictingResourceForeground:#e4676b;--vscode-gitDecoration-submoduleResourceForeground:#8db9e2;--vscode-gitlens-gutterBackgroundColor:hsla(0,0%,100%,0.07);--vscode-gitlens-gutterForegroundColor:#bebebe;--vscode-gitlens-gutterUncommittedForegroundColor:rgba(0,188,242,0.6);--vscode-gitlens-trailingLineBackgroundColor:transparent;--vscode-gitlens-trailingLineForegroundColor:hsla(0,0%,60%,0.35);--vscode-gitlens-lineHighlightBackgroundColor:rgba(0,188,242,0.2);--vscode-gitlens-lineHighlightOverviewRulerColor:rgba(0,188,242,0.6);--vscode-gitlens-openAutolinkedIssueIconColor:#3fb950;--vscode-gitlens-closedAutolinkedIssueIconColor:#a371f7;--vscode-gitlens-closedPullRequestIconColor:#f85149;--vscode-gitlens-openPullRequestIconColor:#3fb950;--vscode-gitlens-mergedPullRequestIconColor:#a371f7;--vscode-gitlens-unpublishedChangesIconColor:#35b15e;--vscode-gitlens-unpublishedCommitIconColor:#35b15e;--vscode-gitlens-unpulledChangesIconColor:#b15e35;--vscode-gitlens-decorations-addedForegroundColor:#81b88b;--vscode-gitlens-decorations-copiedForegroundColor:#73c991;--vscode-gitlens-decorations-deletedForegroundColor:#c74e39;--vscode-gitlens-decorations-ignoredForegroundColor:#8c8c8c;--vscode-gitlens-decorations-modifiedForegroundColor:#e2c08d;--vscode-gitlens-decorations-untrackedForegroundColor:#73c991;--vscode-gitlens-decorations-renamedForegroundColor:#73c991;--vscode-gitlens-decorations-branchAheadForegroundColor:#35b15e;--vscode-gitlens-decorations-branchBehindForegroundColor:#b15e35;--vscode-gitlens-decorations-branchDivergedForegroundColor:#d8af1b;--vscode-gitlens-decorations-branchUnpublishedForegroundColor:#35b15e;--vscode-gitlens-decorations-branchMissingUpstreamForegroundColor:#c74e39;--vscode-gitlens-decorations-workspaceRepoMissingForegroundColor:#909090;--vscode-gitlens-decorations-workspaceCurrentForegroundColor:#35b15e;--vscode-gitlens-decorations-workspaceRepoOpenForegroundColor:#35b15e;--vscode-gitlens-decorations-worktreeHasUncommittedChangesForegroundColor:#e2c08d;--vscode-gitlens-decorations-worktreeMissingForegroundColor:#c74e39;--vscode-gitlens-graphLane1Color:#15a0bf;--vscode-gitlens-graphLane2Color:#0669f7;--vscode-gitlens-graphLane3Color:#8e00c2;--vscode-gitlens-graphLane4Color:#c517b6;--vscode-gitlens-graphLane5Color:#d90171;--vscode-gitlens-graphLane6Color:#cd0101;--vscode-gitlens-graphLane7Color:#f25d2e;--vscode-gitlens-graphLane8Color:#f2ca33;--vscode-gitlens-graphLane9Color:#7bd938;--vscode-gitlens-graphLane10Color:#2ece9d;--vscode-gitlens-graphChangesColumnAddedColor:#347d39;--vscode-gitlens-graphChangesColumnDeletedColor:#c93c37;--vscode-gitlens-graphMinimapMarkerHeadColor:#05e617;--vscode-gitlens-graphScrollMarkerHeadColor:#05e617;--vscode-gitlens-graphMinimapMarkerUpstreamColor:#09ae17;--vscode-gitlens-graphScrollMarkerUpstreamColor:#09ae17;--vscode-gitlens-graphMinimapMarkerHighlightsColor:#fbff0a;--vscode-gitlens-graphScrollMarkerHighlightsColor:#fbff0a;--vscode-gitlens-graphMinimapMarkerLocalBranchesColor:#3087cf;--vscode-gitlens-graphScrollMarkerLocalBranchesColor:#3087cf;--vscode-gitlens-graphMinimapMarkerRemoteBranchesColor:#2b5e88;--vscode-gitlens-graphScrollMarkerRemoteBranchesColor:#2b5e88;--vscode-gitlens-graphMinimapMarkerStashesColor:#b34db3;--vscode-gitlens-graphScrollMarkerStashesColor:#b34db3;--vscode-gitlens-graphMinimapMarkerTagsColor:#6b562e;--vscode-gitlens-graphScrollMarkerTagsColor:#6b562e}[data-theme=light]{--background:#fff!important;--foreground:#616161!important;--dropdown-background:#fff!important;--dropdown-foreground:#616161!important;--input-background:#fff!important;--input-foreground:#616161!important;--sideBarSectionHeader-foreground:#616161!important;--dropdown-list-max-height:100px!important;--library-icon-filter:invert(0)!important}[data-theme=light] #gjs-clm-tag-label{color:var(--background)!important}[data-theme=dark]{--background:#282a36!important;--foreground:#f8f8f2!important;--dropdown-background:#282a36!important;--dropdown-foreground:#f8f8f2!important;--input-background:#282a36!important;--input-foreground:#f8f8f2!important;--sideBarSectionHeader-foreground:#f8f8f2!important;--dropdown-list-max-height:100px!important;--library-icon-filter:invert(1)!important}:root{--container-paddding:20px;--input-padding-vertical:6px;--input-padding-horizontal:4px;--input-margin-vertical:4px;--input-margin-horizontal:0}body{font-size:var(--font-size);font-weight:var(--font-weight);font-family:var(--font-family);background-color:var(--editor-background);margin:0}#app,body{color:var(--foreground)}#app{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:0;height:100vh}.nothingSelected{padding:10px 20px;text-align:center;width:100%;opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}input,select{background-color:var(--input-background)!important;color:var(--input-foreground)!important;border:calc(var(--border-width)*1px) solid var(--dropdown-border)!important;border-radius:calc(var(--corner-radius)*1px)!important}input:focus,input:focus-visible,select:focus,select:focus-visible{border:solid 1px var(--focus-border)!important;outline:none!important}.codicon-chevron-down:before{content:""}::-webkit-scrollbar-track{background:hsla(0,0%,94.5%,0)}::-webkit-scrollbar-thumb{background:hsla(0,0%,80%,.3137254902)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,80%,.4392156863)}::-webkit-scrollbar{width:10px}*{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.splitpanes__splitter{background-color:hsla(0,0%,80%,.1882352941);position:relative}.splitpanes__splitter:hover{background-color:var(--button-primary-background)}.splitpanes__splitter:before{content:"";position:absolute;left:0;top:0;transition:opacity .4s;background-color:hsla(0,0%,49.8%,0);opacity:0;z-index:1}.splitpanes__splitter:hover:before{opacity:1}.splitpanes--vertical>.splitpanes__splitter:before{left:-2px;right:-2px;height:100%}.splitpanes--horizontal>.splitpanes__splitter:before{top:-2px;bottom:-2px;width:100%}.gjs-three-bg{background-color:var(--button-primary-background)!important}.cke_inner{min-width:530px!important}.hljs-number{color:#999!important}
\ No newline at end of file
+.title[data-v-6c90e336]{line-height:22px;color:var(--sideBarSectionHeader-foreground);background-color:var(--sideBarSectionHeader-background);border-top:1px solid var(--sideBarSectionHeader-border);height:22px;font-size:11px;font-weight:700;overflow:hidden;display:flex;cursor:pointer;align-items:center;box-sizing:border-box;text-transform:uppercase;padding-left:10px}.expandBtn[data-v-6c90e336]{position:absolute;right:10px;top:2px;opacity:.6;font-size:13px;cursor:pointer}.panelContent[data-v-76a521d3]{padding:10px}#tab-headers ul{margin:0;padding:0;display:flex;border-bottom:2px solid hsla(0,0%,86.7%,0);margin-bottom:10px}#tab-headers ul li{list-style:none;padding:5px 2px;position:relative;cursor:pointer;opacity:.5;margin:0 2px}#tab-headers ul li.active{opacity:1}#tab-headers ul li.active:after{content:"";position:absolute;bottom:-2px;left:0;height:2px;width:100%;background:var(--foreground)}#active-tab,#tab-headers{width:100%}.tab{display:none}.tab.active{flex-grow:1;display:flex;flex-direction:column}.typeIcon[data-v-e29c2338]{width:16px;vertical-align:middle;margin-right:6px;height:16px}.bindingItem[data-v-e29c2338]{padding:1px 0 2px;border-bottom:1px solid rgba(0,0,0,.1254901961);font-size:.9em;display:flex;cursor:grab}.bindingItem[data-v-e29c2338]:hover{background-color:hsla(0,0%,80%,.062745098)}.sortButton[data-v-e29c2338]{margin-left:3px;font-weight:700;font-size:10px;padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;opacity:.4;border-radius:5px}.sortButton[data-v-e29c2338]:hover,.sortButtonActive[data-v-e29c2338]{background-color:rgba(0,0,0,.062745098);opacity:1}.sortButtons[data-v-e29c2338]{position:absolute;right:2px;top:-40px;display:flex;flex-direction:row}.closeButton[data-v-9700a050]{position:absolute;top:5px;right:10px;padding:5px;cursor:pointer;font-weight:700}.compGroupsContainer[data-v-9700a050]{display:flex;flex-wrap:wrap;gap:5px;max-height:40vh;width:100%;overflow:auto;justify-content:center}.componentAddDialogContainer[data-v-9700a050]{position:fixed;background-color:rgba(0,0,0,.6274509804);top:0;left:0;right:0;bottom:0;z-index:1;display:flex;justify-content:center;align-items:center}.componentAddDialog[data-v-9700a050]{background-color:var(--background);border:solid 1px var(--dropdown-border);padding:10px 30px 30px;box-sizing:border-box;text-align:center;position:absolute;max-width:800px;max-height:-moz-min-content;max-height:min-content;box-shadow:5px 16px 40px rgba(0,0,0,.1882352941);margin:30px}.compGroup[data-v-9700a050]{display:flex;flex-direction:column;width:110px}.compName[data-v-9700a050]{min-width:100px;display:block;flex:1 1 49%;border:solid 1px var(--checkbox-background);padding:5px 6px 3px;box-sizing:border-box;text-align:center;cursor:move;border-radius:5px;font-size:.9em}.compName[data-v-9700a050]:hover{border:1px solid #315972;background-color:hsla(0,0%,80%,.062745098)}.propItem[data-v-9700a050]{cursor:pointer;width:-moz-max-content;width:max-content;margin:0 10px}.propItem[data-v-9700a050]:hover{font-weight:700}#gjs[data-v-55795ab2]{border:none;height:100%!important}.gjs-layer-item{background-color:hsla(0,0%,80%,0)!important}.gjs-layer-item:hover{background-color:hsla(0,0%,80%,.12549019607843137)!important}.gjs-layer-name{padding:0 0 8px!important}.gjs-layer-count{top:2px!important}.gjs-layer-move{top:-4px!important}.gjs-layer-vis{top:-2px!important;padding:7px 5px 7px 5px}.gjs-layer-title-inn{padding-left:35px}.gjs-layer-caret{left:20px}.gjs-layer .gjs-layer-title{background-color:hsla(0,0%,80%,0)!important}.gjs-layer.gjs-selected{background-color:hsla(0,0%,80%,.12549019607843137)!important}.gjs-cv-canvas{top:0!important;width:100%!important;height:100%!important}#myStyleEditorContainer{position:relative}#customLibrary{position:fixed;bottom:0;right:0;background-color:#333;padding:20px}.block{-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:45px;padding:1em;box-sizing:border-box;min-height:90px;cursor:all-scroll;text-align:center;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(0,0,0,.2);border-radius:3px;margin:10px 2.5% 5px;box-shadow:0 1px 0 0 rgba(0,0,0,.15);transition:all .2s ease 0s;transition-property:color}.block:hover{color:#d278c9}.gjs-pn-panels{display:none}#canvasBlockerDialog{color:#000;position:absolute;top:10px;right:320px;background-color:#fff;padding:10px 20px;text-align:center;border:1px solid hsla(0,0%,80%,.5647058823529412);box-shadow:4px 4px 20px rgba(0,0,0,.12549019607843137)}#canvasBlocker{position:absolute;top:40px;left:0;right:0;bottom:0;z-index:1;box-sizing:border-box}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake-effect{animation:shake .8s;animation-timing-function:ease-in-out}.uiItemContainer[data-v-3da05314]{display:grid;flex-wrap:wrap;gap:5px;grid-template-columns:32% 32% 32%}.uiItem[data-v-3da05314]{display:block;flex:1 1 49%;border:solid 1px var(--checkbox-background);padding:5px 6px 3px;box-sizing:border-box;text-align:center;cursor:move;border-radius:5px;font-size:.9em}.uiItem[data-v-3da05314]:hover{background-color:rgba(0,0,0,.062745098)}.uiItemIcon[data-v-3da05314]{justify-content:center;display:flex;margin-bottom:3px;filter:brightness(1.5) saturate(1);pointer-events:none}.uiItemLabel[data-v-3da05314]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;pointer-events:none;max-width:75px}.libraryIcon[data-v-3da05314]{max-height:20px;margin-top:6px;pointer-events:none;filter:var(--library-icon-filter)}.blocker[data-v-ac17f3aa]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:1;display:flex;justify-content:center;align-items:center}.addPropsPanel[data-v-ac17f3aa]{background-color:#2b2634;box-shadow:0 0 10px rgba(0,0,0,.1882352941);border-radius:5px;padding:10px 0;width:300px;min-height:200px;max-height:500px;display:flex;flex-direction:column;position:relative}.closeAddProp[data-v-ac17f3aa]{position:absolute;right:10px;top:5px;cursor:pointer;font-weight:700;font-size:12px;color:#999}.addPropsList[data-v-ac17f3aa]{padding:10px 10px;position:relative;height:100%;overflow:auto}.addPropRow[data-v-ac17f3aa]{padding:2px;border-bottom:1px solid rgba(0,0,0,.17);opacity:.9;cursor:pointer;position:relative;font-size:.9em;display:flex;flex-direction:row;gap:5px}.addPropRow[data-v-ac17f3aa]:hover{opacity:1;background-color:hsla(0,0%,95.7%,.06274509803921569)}.addPropRow:hover>.addPropIcon[data-v-ac17f3aa]{opacity:1}.propRow[data-v-7f346cd4]{width:calc(100% - 10px)!important;right:-10px;border-bottom:solid 1px var(--checkbox-background);padding:5px 0 5px}.row[data-v-7f346cd4]:after{content:"";clear:both;display:table}.propRowLabel[data-v-7f346cd4]{font-size:.9em;justify-content:right;text-transform:capitalize;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-right:10px;text-align:right;line-height:2}.row[data-v-7f346cd4]{margin-left:auto;margin-right:auto;width:100%;display:flex}.col[data-v-7f346cd4]{float:left;padding:15px;box-sizing:border-box}.col-1[data-v-7f346cd4]{width:8.33%}.col-2[data-v-7f346cd4]{width:16.66%}.col-3[data-v-7f346cd4]{width:25%}.col-4[data-v-7f346cd4]{width:33.33%}.col-5[data-v-7f346cd4]{width:41.66%}.col-6[data-v-7f346cd4]{width:50%}.col-7[data-v-7f346cd4]{width:58.33%}.col-8[data-v-7f346cd4]{width:66.66%}.col-9[data-v-7f346cd4]{width:75%}.col-10[data-v-7f346cd4]{width:83.33%}.col-11[data-v-7f346cd4]{width:91.66%}.col-12[data-v-7f346cd4]{width:100%}.chartTypeIcon[data-v-7f346cd4]{max-height:15px;margin-right:5px;margin-top:6px;opacity:.5;position:relative;display:inline-block;top:-6px;filter:var(--library-icon-filter)}.propRowDynamicSwitch[data-v-7f346cd4]{width:5%;display:flex;justify-content:left;align-items:center;cursor:pointer;opacity:.7;left:5px;position:relative}.propRowDynamicSwitch[data-v-7f346cd4]:hover{opacity:1}.foldableGroupHeader[data-v-7f346cd4]{display:flex;flex-direction:row;gap:2px;cursor:pointer;padding:5px 0;border-bottom:solid 1px var(--badge-background);margin-bottom:10px;position:relative}.groupHeaderContent[data-v-7f346cd4]{width:50px;flex-grow:1}.propRow:hover .removeBtnCnt[data-v-7f346cd4]{opacity:.5}.removeBtnCnt[data-v-7f346cd4]{opacity:0;cursor:pointer;left:-16px}.foldableGroupHeader:hover .removeBtnCnt[data-v-7f346cd4]{opacity:.5}.removeBtnCnt[data-v-7f346cd4]:hover{opacity:1!important}.chartConfigContainer[data-v-6a30a4fe]{--grey0:#eee;--grey1:#ccc;--grey2:#aaa;--grey3:#999;--grey4:#666;--grey5:#333;width:100%}.chartConfigContainer[data-v-6a30a4fe] input[type=text]{width:100%;border-bottom:solid 1px var(--grey0);padding:2px 5px}.chartConfigContainer[data-v-6a30a4fe] input[type=number]{width:100%}.chartConfigContainer[data-v-6a30a4fe] input[type=color]{width:18px;height:20px;padding:0}.tabSelector[data-v-6a30a4fe]{display:flex;flex-direction:row;width:100%}.tabItem[data-v-6a30a4fe]{flex:1;text-align:center;padding:10px;cursor:pointer;border-bottom:1px solid hsla(0,0%,100%,0)}.tabItemSelected[data-v-6a30a4fe]{border-bottom:solid 1px var(--grey0)}.foldableGroup[data-v-6a30a4fe],.foldableGroupContent[data-v-6a30a4fe],.subgroup[data-v-6a30a4fe],.tabSectionContainer[data-v-6a30a4fe]{display:flex;flex-direction:column}.subgroup[data-v-6a30a4fe]{padding:10px 0 5px}.subgroup .subgroupTitle[data-v-6a30a4fe]{font-weight:700;padding:0 0 5px}.subgroup .subgroupContent[data-v-6a30a4fe]{padding-top:10px}.subgroup .subgroupContent .row[data-v-6a30a4fe]{padding:5px 0}.addPropertyButtonRow[data-v-6a30a4fe]{display:flex;flex-direction:row;justify-content:right;margin-bottom:10px}.addPropertyButton[data-v-6a30a4fe]{border:1px solid #ccc;padding:0 7px;border-radius:7px;font-size:1.1em;width:-moz-min-content;width:min-content}.propRow[data-v-015f447c]{position:relative;border-bottom:solid 1px var(--checkbox-background);display:flex;flex-direction:row;gap:10px;padding:5px 0 5px}.propRowLabel[data-v-015f447c]{width:35%;font-size:.9em;display:flex;justify-content:right;align-items:center;text-transform:capitalize;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none}.propRowControl[data-v-015f447c]{width:60%;display:flex;justify-content:left}.propRowDynamicSwitch[data-v-015f447c]{width:5%;display:flex;justify-content:left;align-items:center;cursor:pointer;opacity:.7}.propRowDynamicSwitch[data-v-015f447c]:hover{opacity:1}.addPropIcon[data-v-015f447c]{font-size:1.2em;opacity:0}.propInput[data-v-015f447c]{padding:1px 10px;border:1px solid #999;border-radius:3px;box-sizing:border-box;width:100%;color:#000}.propInputDynamic[data-v-015f447c]{background-color:#fff1cd;border:1px solid #d8b252;color:#916a09}.removeBtnCnt[data-v-015f447c]{opacity:0;cursor:pointer}.propRow:hover .removeBtnCnt[data-v-015f447c]{opacity:.5}.removeBtnCnt[data-v-015f447c]:hover{opacity:1!important}.toolBar[data-v-9497234c]{display:flex;flex-direction:row;font-size:12px;padding-bottom:5px;border-bottom:1px solid #ccc;margin-bottom:10px;gap:15px}.logsContainer[data-v-9497234c]{height:200px;overflow:auto}.logItem[data-v-9497234c]:hover{background-color:rgba(0,0,0,.062745098)}.logItem[data-v-9497234c]{font-size:14px;color:#828282;display:flex;flex-direction:row;gap:20px;align-items:flex-start;border-bottom:1px solid hsla(0,0%,80%,.1254901961)}.appSource[data-v-9497234c],.logLevel[data-v-9497234c],.logMessage[data-v-9497234c],.timeStamp[data-v-9497234c]{flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.timeStamp[data-v-9497234c]{width:150px}.logLevel[data-v-9497234c]{width:60px}.appSource[data-v-9497234c]{width:50px}.logMessage[data-v-9497234c]{flex-grow:1;flex-basis:0;min-width:0;overflow-wrap:break-word;max-width:calc(100% - 320px);overflow:hidden;max-height:20px;cursor:pointer}.logMessageExpanded[data-v-9497234c]{overflow:unset;max-height:unset}.levelInfo[data-v-9497234c]{color:#49afed}.levelWarning[data-v-9497234c]{color:#e29a42}.levelError[data-v-9497234c]{color:#f25b5b}.clearLogsButton[data-v-9497234c]{opacity:.5}.clearLogsButton[data-v-9497234c]:hover{opacity:1}.bindingsConnectorsContainer[data-v-571588a7]{background-color:rgba(255,0,0,0);width:100%;height:100%;position:fixed;z-index:10;pointer-events:none}textarea[data-v-0a07ef5e]:disabled,vscode-button[data-v-0a07ef5e]:disabled{color:unset}.topBar[data-v-e4ee1f24]{padding:5px;height:40px;display:flex;flex-direction:row;width:100%}.topToolBar[data-v-e4ee1f24]{width:100%;justify-content:right;padding-right:5px;display:flex;align-items:center}.leftBar[data-v-e4ee1f24]{flex-grow:1;max-width:300px}.centralBar[data-v-e4ee1f24]{flex-grow:3;display:flex;flex-direction:column;border-right:1px solid rgba(0,0,0,.3137254902);width:calc(100% - 300px)}.rightBar[data-v-e4ee1f24]{flex-grow:1;width:300px;max-height:100%;overflow-y:auto}.panel[data-v-e4ee1f24]{margin:0;border-top:1px solid rgba(0,0,0,.3137254902)}.mainContainer[data-v-e4ee1f24]{height:100%;background-color:var(--background)}.columnStack[data-v-e4ee1f24],.mainContainer[data-v-e4ee1f24]{display:flex;flex-direction:column}.rowStack[data-v-e4ee1f24]{display:flex;flex-direction:row;flex:1;height:calc(100% - 40px)}#customCodeEditor[data-v-e4ee1f24],.canvasPanel[data-v-e4ee1f24]{height:100%}[data-v-e4ee1f24] .CodeMirror{height:100%!important;font-size:12px!important}[data-v-e4ee1f24] .codemirror-container{width:100%!important;height:calc(100% - 60px)!important}[data-v-e4ee1f24] .codemirror-container:not(.original-style) .CodeMirror{font-family:Arial,monospace!important}.codemirror-container.bordered[data-v-e4ee1f24]{border-radius:4px;border:1px solid hsla(0,0%,86.7%,.3137254902);padding:5px 0 5px 0}[data-theme=light]{--foreground:#616161;--disabledForeground:rgba(97,97,97,0.5);--errorForeground:#a1260d;--descriptionForeground:#717171;--icon-foreground:#424242;--focusBorder:#0090f1;--textSeparator-foreground:rgba(0,0,0,0.18);--textLink-foreground:#006ab1;--textLink-activeForeground:#006ab1;--textPreformat-foreground:#a31515;--textBlockQuote-background:hsla(0,0%,49.8%,0.1);--textBlockQuote-border:rgba(0,122,204,0.5);--textCodeBlock-background:hsla(0,0%,86.3%,0.4);--widget-shadow:rgba(0,0,0,0.16);--widget-border:#d4d4d4;--input-background:#fff;--input-foreground:#616161;--inputOption-activeBorder:#007acc;--inputOption-hoverBackground:hsla(0,0%,72.2%,0.31);--inputOption-activeBackground:rgba(0,144,241,0.2);--inputOption-activeForeground:#000;--input-placeholderForeground:#767676;--inputValidation-infoBackground:#d6ecf2;--inputValidation-infoBorder:#007acc;--inputValidation-warningBackground:#f6f5d2;--inputValidation-warningBorder:#b89500;--inputValidation-errorBackground:#f2dede;--inputValidation-errorBorder:#be1100;--dropdown-background:#fff;--dropdown-foreground:#616161;--dropdown-border:#cecece;--button-foreground:#fff;--button-separator:hsla(0,0%,100%,0.4);--button-background:#007acc;--button-hoverBackground:#0062a3;--button-secondaryForeground:#fff;--button-secondaryBackground:#5f6a79;--button-secondaryHoverBackground:#4c5561;--badge-background:#c4c4c4;--badge-foreground:#333;--scrollbar-shadow:#ddd;--scrollbarSlider-background:hsla(0,0%,39.2%,0.4);--scrollbarSlider-hoverBackground:hsla(0,0%,39.2%,0.7);--scrollbarSlider-activeBackground:rgba(0,0,0,0.6);--progressBar-background:#0e70c0;--editorError-foreground:#e51400;--editorWarning-foreground:#bf8803;--editorInfo-foreground:#1a85ff;--editorHint-foreground:#6c6c6c;--sash-hoverBorder:#0090f1;--editor-background:#fff;--editor-foreground:#000;--editorStickyScroll-background:#fff;--editorStickyScrollHover-background:#f0f0f0;--editorWidget-background:#f3f3f3;--editorWidget-foreground:#616161;--editorWidget-border:#c8c8c8;--quickInput-background:#f3f3f3;--quickInput-foreground:#616161;--quickInputTitle-background:rgba(0,0,0,0.06);--pickerGroup-foreground:#0066bf;--pickerGroup-border:#cccedb;--keybindingLabel-background:hsla(0,0%,86.7%,0.4);--keybindingLabel-foreground:#555;--keybindingLabel-border:hsla(0,0%,80%,0.4);--keybindingLabel-bottomBorder:hsla(0,0%,73.3%,0.4);--editor-selectionBackground:#add6ff;--editor-inactiveSelectionBackground:#e5ebf1;--editor-selectionHighlightBackground:rgba(173,214,255,0.5);--editor-findMatchBackground:#a8ac94;--editor-findMatchHighlightBackground:rgba(234,92,0,0.33);--editor-findRangeHighlightBackground:hsla(0,0%,70.6%,0.3);--searchEditor-findMatchBackground:rgba(234,92,0,0.22);--search-resultsInfoForeground:#616161;--editor-hoverHighlightBackground:rgba(173,214,255,0.15);--editorHoverWidget-background:#f3f3f3;--editorHoverWidget-foreground:#616161;--editorHoverWidget-border:#c8c8c8;--editorHoverWidget-statusBarBackground:#e7e7e7;--editorLink-activeForeground:#00f;--editorInlayHint-foreground:#969696;--editorInlayHint-background:hsla(0,0%,76.9%,0.1);--editorInlayHint-typeForeground:#969696;--editorInlayHint-typeBackground:hsla(0,0%,76.9%,0.1);--editorInlayHint-parameterForeground:#969696;--editorInlayHint-parameterBackground:hsla(0,0%,76.9%,0.1);--editorLightBulb-foreground:#ddb100;--editorLightBulbAutoFix-foreground:#007acc;--diffEditor-insertedTextBackground:rgba(156,204,44,0.25);--diffEditor-removedTextBackground:rgba(255,0,0,0.2);--diffEditor-insertedLineBackground:rgba(155,185,85,0.2);--diffEditor-removedLineBackground:rgba(255,0,0,0.2);--diffEditor-diagonalFill:rgba(34,34,34,0.2);--diffEditor-unchangedRegionBackground:#e4e4e4;--diffEditor-unchangedRegionForeground:#4d4c4c;--diffEditor-unchangedCodeBackground:hsla(0,0%,72.2%,0.16);--list-focusOutline:#0090f1;--list-focusAndSelectionOutline:#90c2f9;--list-activeSelectionBackground:#0060c0;--list-activeSelectionForeground:#fff;--list-activeSelectionIconForeground:#fff;--list-inactiveSelectionBackground:#e4e6f1;--list-hoverBackground:#e8e8e8;--list-dropBackground:#d6ebff;--list-highlightForeground:#0066bf;--list-focusHighlightForeground:#bbe7ff;--list-invalidItemForeground:#b89500;--list-errorForeground:#b01011;--list-warningForeground:#855f00;--listFilterWidget-background:#f3f3f3;--listFilterWidget-outline:transparent;--listFilterWidget-noMatchesOutline:#be1100;--listFilterWidget-shadow:rgba(0,0,0,0.16);--list-filterMatchBackground:rgba(234,92,0,0.33);--tree-indentGuidesStroke:#a9a9a9;--tree-inactiveIndentGuidesStroke:hsla(0,0%,66.3%,0.4);--tree-tableColumnsBorder:rgba(97,97,97,0.13);--tree-tableOddRowsBackground:rgba(97,97,97,0.04);--list-deemphasizedForeground:#8e8e90;--checkbox-background:#fff;--checkbox-selectBackground:#f3f3f3;--checkbox-foreground:#616161;--checkbox-border:#919191;--checkbox-selectBorder:#424242;--quickInputList-focusForeground:#fff;--quickInputList-focusIconForeground:#fff;--quickInputList-focusBackground:#0060c0;--menu-border:#d4d4d4;--menu-foreground:#616161;--menu-background:#fff;--menu-selectionForeground:#fff;--menu-selectionBackground:#0060c0;--menu-separatorBackground:#d4d4d4;--toolbar-hoverBackground:hsla(0,0%,72.2%,0.31);--toolbar-activeBackground:hsla(0,0%,65.1%,0.31);--editor-snippetTabstopHighlightBackground:rgba(10,50,100,0.2);--editor-snippetFinalTabstopHighlightBorder:rgba(10,50,100,0.5);--breadcrumb-foreground:rgba(97,97,97,0.8);--breadcrumb-background:#fff;--breadcrumb-focusForeground:#4e4e4e;--breadcrumb-activeSelectionForeground:#4e4e4e;--breadcrumbPicker-background:#f3f3f3;--merge-currentHeaderBackground:rgba(64,200,174,0.5);--merge-currentContentBackground:rgba(64,200,174,0.2);--merge-incomingHeaderBackground:rgba(64,166,255,0.5);--merge-incomingContentBackground:rgba(64,166,255,0.2);--merge-commonHeaderBackground:rgba(96,96,96,0.4);--merge-commonContentBackground:rgba(96,96,96,0.16);--editorOverviewRuler-currentContentForeground:rgba(64,200,174,0.5);--editorOverviewRuler-incomingContentForeground:rgba(64,166,255,0.5);--editorOverviewRuler-commonContentForeground:rgba(96,96,96,0.4);--editorOverviewRuler-findMatchForeground:rgba(209,134,22,0.49);--editorOverviewRuler-selectionHighlightForeground:hsla(0,0%,62.7%,0.8);--minimap-findMatchHighlight:#d18616;--minimap-selectionOccurrenceHighlight:#c9c9c9;--minimap-selectionHighlight:#add6ff;--minimap-infoHighlight:#1a85ff;--minimap-warningHighlight:#bf8803;--minimap-errorHighlight:rgba(255,18,18,0.7);--minimap-foregroundOpacity:#000;--minimapSlider-background:hsla(0,0%,39.2%,0.2);--minimapSlider-hoverBackground:hsla(0,0%,39.2%,0.35);--minimapSlider-activeBackground:rgba(0,0,0,0.3);--problemsErrorIcon-foreground:#e51400;--problemsWarningIcon-foreground:#bf8803;--problemsInfoIcon-foreground:#1a85ff;--charts-foreground:#616161;--charts-lines:rgba(97,97,97,0.5);--charts-red:#e51400;--charts-blue:#1a85ff;--charts-yellow:#bf8803;--charts-orange:#d18616;--charts-green:#388a34;--charts-purple:#652d90;--diffEditor-move-border:hsla(0,0%,54.5%,0.61);--diffEditor-moveActive-border:orange;--symbolIcon-arrayForeground:#616161;--symbolIcon-booleanForeground:#616161;--symbolIcon-classForeground:#d67e00;--symbolIcon-colorForeground:#616161;--symbolIcon-constantForeground:#616161;--symbolIcon-constructorForeground:#652d90;--symbolIcon-enumeratorForeground:#d67e00;--symbolIcon-enumeratorMemberForeground:#007acc;--symbolIcon-eventForeground:#d67e00;--symbolIcon-fieldForeground:#007acc;--symbolIcon-fileForeground:#616161;--symbolIcon-folderForeground:#616161;--symbolIcon-functionForeground:#652d90;--symbolIcon-interfaceForeground:#007acc;--symbolIcon-keyForeground:#616161;--symbolIcon-keywordForeground:#616161;--symbolIcon-methodForeground:#652d90;--symbolIcon-moduleForeground:#616161;--symbolIcon-namespaceForeground:#616161;--symbolIcon-nullForeground:#616161;--symbolIcon-numberForeground:#616161;--symbolIcon-objectForeground:#616161;--symbolIcon-operatorForeground:#616161;--symbolIcon-packageForeground:#616161;--symbolIcon-propertyForeground:#616161;--symbolIcon-referenceForeground:#616161;--symbolIcon-snippetForeground:#616161;--symbolIcon-stringForeground:#616161;--symbolIcon-structForeground:#616161;--symbolIcon-textForeground:#616161;--symbolIcon-typeParameterForeground:#616161;--symbolIcon-unitForeground:#616161;--symbolIcon-variableForeground:#007acc;--actionBar-toggledBackground:#ddd;--editorHoverWidget-highlightForeground:#0066bf;--editor-lineHighlightBorder:#eee;--editor-rangeHighlightBackground:rgba(253,255,0,0.2);--editor-symbolHighlightBackground:rgba(234,92,0,0.33);--editorCursor-foreground:#000;--editorWhitespace-foreground:rgba(51,51,51,0.2);--editorLineNumber-foreground:#237893;--editorIndentGuide-background:#d3d3d3;--editorIndentGuide-activeBackground:#939393;--editorIndentGuide-background1:#d3d3d3;--editorIndentGuide-background2:transparent;--editorIndentGuide-background3:transparent;--editorIndentGuide-background4:transparent;--editorIndentGuide-background5:transparent;--editorIndentGuide-background6:transparent;--editorIndentGuide-activeBackground1:#939393;--editorIndentGuide-activeBackground2:transparent;--editorIndentGuide-activeBackground3:transparent;--editorIndentGuide-activeBackground4:transparent;--editorIndentGuide-activeBackground5:transparent;--editorIndentGuide-activeBackground6:transparent;--editorActiveLineNumber-foreground:#0b216f;--editorLineNumber-activeForeground:#0b216f;--editorRuler-foreground:#d3d3d3;--editorCodeLens-foreground:#919191;--editorBracketMatch-background:rgba(0,100,0,0.1);--editorBracketMatch-border:#b9b9b9;--editorOverviewRuler-border:hsla(0,0%,49.8%,0.3);--editorGutter-background:#fff;--editorUnnecessaryCode-opacity:rgba(0,0,0,0.47);--editorGhostText-foreground:rgba(0,0,0,0.47);--editorOverviewRuler-rangeHighlightForeground:rgba(0,122,204,0.6);--editorOverviewRuler-errorForeground:rgba(255,18,18,0.7);--editorOverviewRuler-warningForeground:#bf8803;--editorOverviewRuler-infoForeground:#1a85ff;--editorBracketHighlight-foreground1:#0431fa;--editorBracketHighlight-foreground2:#319331;--editorBracketHighlight-foreground3:#7b3814;--editorBracketHighlight-foreground4:transparent;--editorBracketHighlight-foreground5:transparent;--editorBracketHighlight-foreground6:transparent;--editorBracketHighlight-unexpectedBracket-foreground:rgba(255,18,18,0.8);--editorBracketPairGuide-background1:transparent;--editorBracketPairGuide-background2:transparent;--editorBracketPairGuide-background3:transparent;--editorBracketPairGuide-background4:transparent;--editorBracketPairGuide-background5:transparent;--editorBracketPairGuide-background6:transparent;--editorBracketPairGuide-activeBackground1:transparent;--editorBracketPairGuide-activeBackground2:transparent;--editorBracketPairGuide-activeBackground3:transparent;--editorBracketPairGuide-activeBackground4:transparent;--editorBracketPairGuide-activeBackground5:transparent;--editorBracketPairGuide-activeBackground6:transparent;--editorUnicodeHighlight-border:#cea33d;--editorUnicodeHighlight-background:rgba(206,163,61,0.08);--editorOverviewRuler-bracketMatchForeground:#a0a0a0;--editor-foldBackground:rgba(173,214,255,0.3);--editorGutter-foldingControlForeground:#424242;--editor-linkedEditingBackground:rgba(255,0,0,0.3);--editor-wordHighlightBackground:rgba(87,87,87,0.25);--editor-wordHighlightStrongBackground:rgba(14,99,156,0.25);--editor-wordHighlightTextBackground:rgba(87,87,87,0.25);--editorOverviewRuler-wordHighlightForeground:hsla(0,0%,62.7%,0.8);--editorOverviewRuler-wordHighlightStrongForeground:rgba(192,160,192,0.8);--editorOverviewRuler-wordHighlightTextForeground:hsla(0,0%,62.7%,0.8);--peekViewTitle-background:#f3f3f3;--peekViewTitleLabel-foreground:#000;--peekViewTitleDescription-foreground:#616161;--peekView-border:#1a85ff;--peekViewResult-background:#f3f3f3;--peekViewResult-lineForeground:#646465;--peekViewResult-fileForeground:#1e1e1e;--peekViewResult-selectionBackground:rgba(51,153,255,0.2);--peekViewResult-selectionForeground:#6c6c6c;--peekViewEditor-background:#f2f8fc;--peekViewEditorGutter-background:#f2f8fc;--peekViewEditorStickyScroll-background:#f2f8fc;--peekViewResult-matchHighlightBackground:rgba(234,92,0,0.3);--peekViewEditor-matchHighlightBackground:rgba(245,216,2,0.87);--editorMarkerNavigationError-background:#e51400;--editorMarkerNavigationError-headerBackground:rgba(229,20,0,0.1);--editorMarkerNavigationWarning-background:#bf8803;--editorMarkerNavigationWarning-headerBackground:rgba(191,136,3,0.1);--editorMarkerNavigationInfo-background:#1a85ff;--editorMarkerNavigationInfo-headerBackground:rgba(26,133,255,0.1);--editorMarkerNavigation-background:#fff;--editorSuggestWidget-background:#f3f3f3;--editorSuggestWidget-border:#c8c8c8;--editorSuggestWidget-foreground:#000;--editorSuggestWidget-selectedForeground:#fff;--editorSuggestWidget-selectedIconForeground:#fff;--editorSuggestWidget-selectedBackground:#0060c0;--editorSuggestWidget-highlightForeground:#0066bf;--editorSuggestWidget-focusHighlightForeground:#bbe7ff;--editorSuggestWidgetStatus-foreground:rgba(0,0,0,0.5);--tab-activeBackground:#fff;--tab-unfocusedActiveBackground:#fff;--tab-inactiveBackground:#ececec;--tab-unfocusedInactiveBackground:#ececec;--tab-activeForeground:#333;--tab-inactiveForeground:rgba(51,51,51,0.7);--tab-unfocusedActiveForeground:rgba(51,51,51,0.7);--tab-unfocusedInactiveForeground:rgba(51,51,51,0.35);--tab-border:#f3f3f3;--tab-lastPinnedBorder:rgba(97,97,97,0.19);--tab-activeModifiedBorder:#3ae;--tab-inactiveModifiedBorder:rgba(51,170,238,0.5);--tab-unfocusedActiveModifiedBorder:rgba(51,170,238,0.7);--tab-unfocusedInactiveModifiedBorder:rgba(51,170,238,0.25);--editorPane-background:#fff;--editorGroupHeader-tabsBackground:#f3f3f3;--editorGroupHeader-noTabsBackground:#fff;--editorGroup-border:#e7e7e7;--editorGroup-dropBackground:rgba(38,119,203,0.18);--editorGroup-dropIntoPromptForeground:#616161;--editorGroup-dropIntoPromptBackground:#f3f3f3;--sideBySideEditor-horizontalBorder:#e7e7e7;--sideBySideEditor-verticalBorder:#e7e7e7;--panel-background:#fff;--panel-border:hsla(0,0%,50.2%,0.35);--panelTitle-activeForeground:#424242;--panelTitle-inactiveForeground:rgba(66,66,66,0.75);--panelTitle-activeBorder:#424242;--panelInput-border:#ddd;--panel-dropBorder:#424242;--panelSection-dropBackground:rgba(38,119,203,0.18);--panelSectionHeader-background:hsla(0,0%,50.2%,0.2);--panelSection-border:hsla(0,0%,50.2%,0.35);--banner-background:#004386;--banner-foreground:#fff;--banner-iconForeground:#1a85ff;--statusBar-foreground:#fff;--statusBar-noFolderForeground:#fff;--statusBar-background:#007acc;--statusBar-noFolderBackground:#68217a;--statusBar-focusBorder:#fff;--statusBarItem-activeBackground:hsla(0,0%,100%,0.18);--statusBarItem-focusBorder:#fff;--statusBarItem-hoverBackground:hsla(0,0%,100%,0.12);--statusBarItem-hoverForeground:#fff;--statusBarItem-compactHoverBackground:hsla(0,0%,100%,0.2);--statusBarItem-prominentForeground:#fff;--statusBarItem-prominentBackground:rgba(0,0,0,0.5);--statusBarItem-prominentHoverForeground:#fff;--statusBarItem-prominentHoverBackground:rgba(0,0,0,0.3);--statusBarItem-errorBackground:#c72e0f;--statusBarItem-errorForeground:#fff;--statusBarItem-errorHoverForeground:#fff;--statusBarItem-errorHoverBackground:hsla(0,0%,100%,0.12);--statusBarItem-warningBackground:#725102;--statusBarItem-warningForeground:#fff;--statusBarItem-warningHoverForeground:#fff;--statusBarItem-warningHoverBackground:hsla(0,0%,100%,0.12);--activityBar-background:#2c2c2c;--activityBar-foreground:#fff;--activityBar-inactiveForeground:hsla(0,0%,100%,0.4);--activityBar-activeBorder:#fff;--activityBar-dropBorder:#fff;--activityBarBadge-background:#007acc;--activityBarBadge-foreground:#fff;--profileBadge-background:#c4c4c4;--profileBadge-foreground:#333;--statusBarItem-remoteBackground:#16825d;--statusBarItem-remoteForeground:#fff;--statusBarItem-remoteHoverForeground:#fff;--statusBarItem-remoteHoverBackground:hsla(0,0%,100%,0.12);--statusBarItem-offlineBackground:#6c1717;--statusBarItem-offlineForeground:#fff;--statusBarItem-offlineHoverForeground:#fff;--statusBarItem-offlineHoverBackground:hsla(0,0%,100%,0.12);--extensionBadge-remoteBackground:#007acc;--extensionBadge-remoteForeground:#fff;--sideBar-background:#f3f3f3;--sideBarTitle-foreground:#6f6f6f;--sideBar-dropBackground:rgba(38,119,203,0.18);--sideBarSectionHeader-background:transparent;--sideBarSectionHeader-border:rgba(97,97,97,0.19);--titleBar-activeForeground:#333;--titleBar-inactiveForeground:rgba(51,51,51,0.6);--titleBar-activeBackground:#ddd;--titleBar-inactiveBackground:hsla(0,0%,86.7%,0.6);--menubar-selectionForeground:#333;--menubar-selectionBackground:hsla(0,0%,72.2%,0.31);--commandCenter-foreground:#333;--commandCenter-activeForeground:#333;--commandCenter-inactiveForeground:rgba(51,51,51,0.6);--commandCenter-background:rgba(0,0,0,0.05);--commandCenter-activeBackground:rgba(0,0,0,0.08);--commandCenter-border:rgba(51,51,51,0.2);--commandCenter-activeBorder:rgba(51,51,51,0.3);--commandCenter-inactiveBorder:rgba(51,51,51,0.15);--notificationCenter-border:#d4d4d4;--notificationToast-border:#d4d4d4;--notifications-foreground:#616161;--notifications-background:#f3f3f3;--notificationLink-foreground:#006ab1;--notificationCenterHeader-background:#e7e7e7;--notifications-border:#e7e7e7;--notificationsErrorIcon-foreground:#e51400;--notificationsWarningIcon-foreground:#bf8803;--notificationsInfoIcon-foreground:#1a85ff;--chat-requestBorder:rgba(0,0,0,0.1);--chat-slashCommandBackground:#c4c4c4;--chat-slashCommandForeground:#333;--simpleFindWidget-sashBorder:#c8c8c8;--commentsView-resolvedIcon:rgba(97,97,97,0.5);--commentsView-unresolvedIcon:#0090f1;--editorCommentsWidget-resolvedBorder:rgba(97,97,97,0.5);--editorCommentsWidget-unresolvedBorder:#0090f1;--editorCommentsWidget-rangeBackground:rgba(0,144,241,0.1);--editorCommentsWidget-rangeActiveBackground:rgba(0,144,241,0.1);--editorGutter-commentRangeForeground:#d5d8e9;--editorOverviewRuler-commentForeground:#d5d8e9;--editorOverviewRuler-commentUnresolvedForeground:#d5d8e9;--editorGutter-commentGlyphForeground:#000;--editorGutter-commentUnresolvedGlyphForeground:#000;--debugToolBar-background:#f3f3f3;--debugIcon-startForeground:#388a34;--editor-stackFrameHighlightBackground:rgba(255,255,102,0.45);--editor-focusedStackFrameHighlightBackground:rgba(206,231,206,0.45);--mergeEditor-change-background:rgba(155,185,85,0.2);--mergeEditor-change-word-background:rgba(156,204,44,0.4);--mergeEditor-changeBase-background:#fcc;--mergeEditor-changeBase-word-background:#ffa3a3;--mergeEditor-conflict-unhandledUnfocused-border:#ffa600;--mergeEditor-conflict-unhandledFocused-border:#ffa600;--mergeEditor-conflict-handledUnfocused-border:hsla(0,0%,52.5%,0.29);--mergeEditor-conflict-handledFocused-border:hsla(0,0%,75.7%,0.8);--mergeEditor-conflict-handled-minimapOverViewRuler:rgba(173,172,168,0.93);--mergeEditor-conflict-unhandled-minimapOverViewRuler:#fcba03;--mergeEditor-conflictingLines-background:rgba(255,234,0,0.28);--mergeEditor-conflict-input1-background:rgba(64,200,174,0.2);--mergeEditor-conflict-input2-background:rgba(64,166,255,0.2);--settings-headerForeground:#444;--settings-settingsHeaderHoverForeground:rgba(68,68,68,0.7);--settings-modifiedItemIndicator:#66afe0;--settings-headerBorder:hsla(0,0%,50.2%,0.35);--settings-sashBorder:hsla(0,0%,50.2%,0.35);--settings-dropdownBackground:#fff;--settings-dropdownForeground:#616161;--settings-dropdownBorder:#cecece;--settings-dropdownListBorder:#c8c8c8;--settings-checkboxBackground:#fff;--settings-checkboxForeground:#616161;--settings-checkboxBorder:#919191;--settings-textInputBackground:#fff;--settings-textInputForeground:#616161;--settings-textInputBorder:#cecece;--settings-numberInputBackground:#fff;--settings-numberInputForeground:#616161;--settings-numberInputBorder:#cecece;--settings-focusedRowBackground:hsla(0,0%,91%,0.6);--settings-rowHoverBackground:hsla(0,0%,91%,0.3);--settings-focusedRowBorder:#0090f1;--terminal-foreground:#333;--terminal-selectionBackground:#add6ff;--terminal-inactiveSelectionBackground:#e5ebf1;--terminalCommandDecoration-defaultBackground:rgba(0,0,0,0.25);--terminalCommandDecoration-successBackground:#2090d3;--terminalCommandDecoration-errorBackground:#e51400;--terminalOverviewRuler-cursorForeground:hsla(0,0%,62.7%,0.8);--terminal-border:hsla(0,0%,50.2%,0.35);--terminal-findMatchBackground:#a8ac94;--terminal-hoverHighlightBackground:rgba(173,214,255,0.07);--terminal-findMatchHighlightBackground:rgba(234,92,0,0.33);--terminalOverviewRuler-findMatchForeground:rgba(209,134,22,0.49);--terminal-dropBackground:rgba(38,119,203,0.18);--testing-iconFailed:#f14c4c;--testing-iconErrored:#f14c4c;--testing-iconPassed:#73c991;--testing-runAction:#73c991;--testing-iconQueued:#cca700;--testing-iconUnset:#848484;--testing-iconSkipped:#848484;--testing-peekBorder:#e51400;--testing-peekHeaderBackground:rgba(229,20,0,0.1);--testing-message-error-decorationForeground:#e51400;--testing-message-error-lineBackground:rgba(255,0,0,0.2);--testing-message-info-decorationForeground:rgba(0,0,0,0.5);--welcomePage-tileBackground:#f3f3f3;--welcomePage-tileHoverBackground:#dbdbdb;--welcomePage-tileBorder:rgba(0,0,0,0.1);--welcomePage-progress-background:#fff;--welcomePage-progress-foreground:#006ab1;--walkthrough-stepTitle-foreground:#000;--walkThrough-embeddedEditorBackground:#f4f4f4;--inlineChat-background:#f3f3f3;--inlineChat-border:#c8c8c8;--inlineChat-shadow:rgba(0,0,0,0.16);--inlineChat-regionHighlight:rgba(173,214,255,0.15);--inlineChatInput-border:#c8c8c8;--inlineChatInput-focusBorder:#0090f1;--inlineChatInput-placeholderForeground:#767676;--inlineChatInput-background:#fff;--inlineChatDiff-inserted:rgba(156,204,44,0.13);--inlineChatDiff-removed:rgba(255,0,0,0.1);--debugExceptionWidget-border:#a31515;--debugExceptionWidget-background:#f1dfde;--ports-iconRunningProcessForeground:#369432;--statusBar-debuggingBackground:#c63;--statusBar-debuggingForeground:#fff;--commandCenter-debuggingBackground:rgba(204,102,51,0.26);--editor-inlineValuesForeground:rgba(0,0,0,0.5);--editor-inlineValuesBackground:rgba(255,200,0,0.2);--editorGutter-modifiedBackground:#2090d3;--editorGutter-addedBackground:#48985d;--editorGutter-deletedBackground:#e51400;--minimapGutter-modifiedBackground:#2090d3;--minimapGutter-addedBackground:#48985d;--minimapGutter-deletedBackground:#e51400;--editorOverviewRuler-modifiedForeground:rgba(32,144,211,0.6);--editorOverviewRuler-addedForeground:rgba(72,152,93,0.6);--editorOverviewRuler-deletedForeground:rgba(229,20,0,0.6);--debugIcon-breakpointForeground:#e51400;--debugIcon-breakpointDisabledForeground:#848484;--debugIcon-breakpointUnverifiedForeground:#848484;--debugIcon-breakpointCurrentStackframeForeground:#be8700;--debugIcon-breakpointStackframeForeground:#89d185;--notebook-cellBorderColor:#e8e8e8;--notebook-focusedEditorBorder:#0090f1;--notebookStatusSuccessIcon-foreground:#388a34;--notebookEditorOverviewRuler-runningCellForeground:#388a34;--notebookStatusErrorIcon-foreground:#a1260d;--notebookStatusRunningIcon-foreground:#616161;--notebook-cellToolbarSeparator:hsla(0,0%,50.2%,0.35);--notebook-selectedCellBackground:rgba(200,221,241,0.31);--notebook-selectedCellBorder:#e8e8e8;--notebook-focusedCellBorder:#0090f1;--notebook-inactiveFocusedCellBorder:#e8e8e8;--notebook-cellStatusBarItemHoverBackground:rgba(0,0,0,0.08);--notebook-cellInsertionIndicator:#0090f1;--notebookScrollbarSlider-background:hsla(0,0%,39.2%,0.4);--notebookScrollbarSlider-hoverBackground:hsla(0,0%,39.2%,0.7);--notebookScrollbarSlider-activeBackground:rgba(0,0,0,0.6);--notebook-symbolHighlightBackground:rgba(253,255,0,0.2);--notebook-cellEditorBackground:#f3f3f3;--notebook-editorBackground:#fff;--keybindingTable-headerBackground:rgba(97,97,97,0.04);--keybindingTable-rowsBackground:rgba(97,97,97,0.04);--searchEditor-textInputBorder:#cecece;--debugTokenExpression-name:#9b46b0;--debugTokenExpression-value:hsla(0,0%,42.4%,0.8);--debugTokenExpression-string:#a31515;--debugTokenExpression-boolean:#00f;--debugTokenExpression-number:#098658;--debugTokenExpression-error:#e51400;--debugView-exceptionLabelForeground:#fff;--debugView-exceptionLabelBackground:#a31515;--debugView-stateLabelForeground:#616161;--debugView-stateLabelBackground:hsla(0,0%,53.3%,0.27);--debugView-valueChangedHighlight:#569cd6;--debugConsole-infoForeground:#1a85ff;--debugConsole-warningForeground:#bf8803;--debugConsole-errorForeground:#a1260d;--debugConsole-sourceForeground:#616161;--debugConsoleInputIcon-foreground:#616161;--debugIcon-pauseForeground:#007acc;--debugIcon-stopForeground:#a1260d;--debugIcon-disconnectForeground:#a1260d;--debugIcon-restartForeground:#388a34;--debugIcon-stepOverForeground:#007acc;--debugIcon-stepIntoForeground:#007acc;--debugIcon-stepOutForeground:#007acc;--debugIcon-continueForeground:#007acc;--debugIcon-stepBackForeground:#007acc;--scm-providerBorder:#c8c8c8;--extensionButton-background:#007acc;--extensionButton-foreground:#fff;--extensionButton-hoverBackground:#0062a3;--extensionButton-separator:hsla(0,0%,100%,0.4);--extensionButton-prominentBackground:#007acc;--extensionButton-prominentForeground:#fff;--extensionButton-prominentHoverBackground:#0062a3;--extensionIcon-starForeground:#df6100;--extensionIcon-verifiedForeground:#006ab1;--extensionIcon-preReleaseForeground:#1d9271;--extensionIcon-sponsorForeground:#b51e78;--terminal-ansiBlack:#000;--terminal-ansiRed:#cd3131;--terminal-ansiGreen:#00bc00;--terminal-ansiYellow:#949800;--terminal-ansiBlue:#0451a5;--terminal-ansiMagenta:#bc05bc;--terminal-ansiCyan:#0598bc;--terminal-ansiWhite:#555;--terminal-ansiBrightBlack:#666;--terminal-ansiBrightRed:#cd3131;--terminal-ansiBrightGreen:#14ce14;--terminal-ansiBrightYellow:#b5ba00;--terminal-ansiBrightBlue:#0451a5;--terminal-ansiBrightMagenta:#bc05bc;--terminal-ansiBrightCyan:#0598bc;--terminal-ansiBrightWhite:#a5a5a5;--interactive-activeCodeBorder:#1a85ff;--interactive-inactiveCodeBorder:#e4e6f1;--gitDecoration-addedResourceForeground:#587c0c;--gitDecoration-modifiedResourceForeground:#895503;--gitDecoration-deletedResourceForeground:#ad0707;--gitDecoration-renamedResourceForeground:#007100;--gitDecoration-untrackedResourceForeground:#007100;--gitDecoration-ignoredResourceForeground:#8e8e90;--gitDecoration-stageModifiedResourceForeground:#895503;--gitDecoration-stageDeletedResourceForeground:#ad0707;--gitDecoration-conflictingResourceForeground:#ad0707;--gitDecoration-submoduleResourceForeground:#1258a7;--gitlens-gutterBackgroundColor:rgba(0,0,0,0.05);--gitlens-gutterForegroundColor:#747474;--gitlens-gutterUncommittedForegroundColor:rgba(0,188,242,0.6);--gitlens-trailingLineBackgroundColor:transparent;--gitlens-trailingLineForegroundColor:hsla(0,0%,60%,0.35);--gitlens-lineHighlightBackgroundColor:rgba(0,188,242,0.2);--gitlens-lineHighlightOverviewRulerColor:rgba(0,188,242,0.6);--gitlens-openAutolinkedIssueIconColor:#1a7f37;--gitlens-closedAutolinkedIssueIconColor:#8250df;--gitlens-closedPullRequestIconColor:#cf222e;--gitlens-openPullRequestIconColor:#1a7f37;--gitlens-mergedPullRequestIconColor:#8250df;--gitlens-unpublishedChangesIconColor:#35b15e;--gitlens-unpublishedCommitIconColor:#35b15e;--gitlens-unpulledChangesIconColor:#b15e35;--gitlens-decorations-addedForegroundColor:#587c0c;--gitlens-decorations-copiedForegroundColor:#007100;--gitlens-decorations-deletedForegroundColor:#ad0707;--gitlens-decorations-ignoredForegroundColor:#8e8e90;--gitlens-decorations-modifiedForegroundColor:#895503;--gitlens-decorations-untrackedForegroundColor:#007100;--gitlens-decorations-renamedForegroundColor:#007100;--gitlens-decorations-branchAheadForegroundColor:#35b15e;--gitlens-decorations-branchBehindForegroundColor:#b15e35;--gitlens-decorations-branchDivergedForegroundColor:#d8af1b;--gitlens-decorations-branchUnpublishedForegroundColor:#35b15e;--gitlens-decorations-branchMissingUpstreamForegroundColor:#ad0707;--gitlens-decorations-workspaceRepoMissingForegroundColor:#949494;--gitlens-decorations-workspaceCurrentForegroundColor:#35b15e;--gitlens-decorations-workspaceRepoOpenForegroundColor:#35b15e;--gitlens-decorations-worktreeHasUncommittedChangesForegroundColor:#895503;--gitlens-decorations-worktreeMissingForegroundColor:#ad0707;--gitlens-graphLane1Color:#15a0bf;--gitlens-graphLane2Color:#0669f7;--gitlens-graphLane3Color:#8e00c2;--gitlens-graphLane4Color:#c517b6;--gitlens-graphLane5Color:#d90171;--gitlens-graphLane6Color:#cd0101;--gitlens-graphLane7Color:#f25d2e;--gitlens-graphLane8Color:#f2ca33;--gitlens-graphLane9Color:#7bd938;--gitlens-graphLane10Color:#2ece9d;--gitlens-graphChangesColumnAddedColor:#2da44e;--gitlens-graphChangesColumnDeletedColor:#cf222e;--gitlens-graphMinimapMarkerHeadColor:#04c814;--gitlens-graphScrollMarkerHeadColor:#04c814;--gitlens-graphMinimapMarkerUpstreamColor:#8cd993;--gitlens-graphScrollMarkerUpstreamColor:#8cd993;--gitlens-graphMinimapMarkerHighlightsColor:#f5cc00;--gitlens-graphScrollMarkerHighlightsColor:#f5cc00;--gitlens-graphMinimapMarkerLocalBranchesColor:#3095e8;--gitlens-graphScrollMarkerLocalBranchesColor:#3095e8;--gitlens-graphMinimapMarkerRemoteBranchesColor:#67ace4;--gitlens-graphScrollMarkerRemoteBranchesColor:#67ace4;--gitlens-graphMinimapMarkerStashesColor:#e467e4;--gitlens-graphScrollMarkerStashesColor:#e467e4;--gitlens-graphMinimapMarkerTagsColor:#d2a379;--gitlens-graphScrollMarkerTagsColor:#d2a379}[data-theme=dark]{--vscode-foreground:#ccc;--vscode-disabledForeground:hsla(0,0%,80%,0.5);--vscode-errorForeground:#f48771;--vscode-descriptionForeground:hsla(0,0%,80%,0.7);--vscode-icon-foreground:#c5c5c5;--vscode-focusBorder:#007fd4;--vscode-textSeparator-foreground:hsla(0,0%,100%,0.18);--vscode-textLink-foreground:#3794ff;--vscode-textLink-activeForeground:#3794ff;--vscode-textPreformat-foreground:#d7ba7d;--vscode-textBlockQuote-background:hsla(0,0%,49.8%,0.1);--vscode-textBlockQuote-border:rgba(0,122,204,0.5);--vscode-textCodeBlock-background:rgba(10,10,10,0.4);--vscode-widget-shadow:rgba(0,0,0,0.36);--vscode-widget-border:#303031;--vscode-input-background:#3c3c3c;--vscode-input-foreground:#ccc;--vscode-inputOption-activeBorder:#007acc;--vscode-inputOption-hoverBackground:rgba(90,93,94,0.5);--vscode-inputOption-activeBackground:rgba(0,127,212,0.4);--vscode-inputOption-activeForeground:#fff;--vscode-input-placeholderForeground:#a6a6a6;--vscode-inputValidation-infoBackground:#063b49;--vscode-inputValidation-infoBorder:#007acc;--vscode-inputValidation-warningBackground:#352a05;--vscode-inputValidation-warningBorder:#b89500;--vscode-inputValidation-errorBackground:#5a1d1d;--vscode-inputValidation-errorBorder:#be1100;--vscode-dropdown-background:#3c3c3c;--vscode-dropdown-foreground:#f0f0f0;--vscode-dropdown-border:#3c3c3c;--vscode-button-foreground:#fff;--vscode-button-separator:hsla(0,0%,100%,0.4);--vscode-button-background:#0e639c;--vscode-button-hoverBackground:#17b;--vscode-button-secondaryForeground:#fff;--vscode-button-secondaryBackground:#3a3d41;--vscode-button-secondaryHoverBackground:#45494e;--vscode-badge-background:#4d4d4d;--vscode-badge-foreground:#fff;--vscode-scrollbar-shadow:#000;--vscode-scrollbarSlider-background:hsla(0,0%,47.5%,0.4);--vscode-scrollbarSlider-hoverBackground:hsla(0,0%,39.2%,0.7);--vscode-scrollbarSlider-activeBackground:hsla(0,0%,74.9%,0.4);--vscode-progressBar-background:#0e70c0;--vscode-editorError-foreground:#f14c4c;--vscode-editorWarning-foreground:#cca700;--vscode-editorInfo-foreground:#3794ff;--vscode-editorHint-foreground:hsla(0,0%,93.3%,0.7);--vscode-sash-hoverBorder:#007fd4;--vscode-editor-background:#1e1e1e;--vscode-editor-foreground:#d4d4d4;--vscode-editorStickyScroll-background:#1e1e1e;--vscode-editorStickyScrollHover-background:#2a2d2e;--vscode-editorWidget-background:#252526;--vscode-editorWidget-foreground:#ccc;--vscode-editorWidget-border:#454545;--vscode-quickInput-background:#252526;--vscode-quickInput-foreground:#ccc;--vscode-quickInputTitle-background:hsla(0,0%,100%,0.1);--vscode-pickerGroup-foreground:#3794ff;--vscode-pickerGroup-border:#3f3f46;--vscode-keybindingLabel-background:hsla(0,0%,50.2%,0.17);--vscode-keybindingLabel-foreground:#ccc;--vscode-keybindingLabel-border:rgba(51,51,51,0.6);--vscode-keybindingLabel-bottomBorder:rgba(68,68,68,0.6);--vscode-editor-selectionBackground:#264f78;--vscode-editor-inactiveSelectionBackground:#3a3d41;--vscode-editor-selectionHighlightBackground:rgba(173,214,255,0.15);--vscode-editor-findMatchBackground:#515c6a;--vscode-editor-findMatchHighlightBackground:rgba(234,92,0,0.33);--vscode-editor-findRangeHighlightBackground:rgba(58,61,65,0.4);--vscode-searchEditor-findMatchBackground:rgba(234,92,0,0.22);--vscode-search-resultsInfoForeground:hsla(0,0%,80%,0.65);--vscode-editor-hoverHighlightBackground:rgba(38,79,120,0.25);--vscode-editorHoverWidget-background:#252526;--vscode-editorHoverWidget-foreground:#ccc;--vscode-editorHoverWidget-border:#454545;--vscode-editorHoverWidget-statusBarBackground:#2c2c2d;--vscode-editorLink-activeForeground:#4e94ce;--vscode-editorInlayHint-foreground:#969696;--vscode-editorInlayHint-background:rgba(77,77,77,0.1);--vscode-editorInlayHint-typeForeground:#969696;--vscode-editorInlayHint-typeBackground:rgba(77,77,77,0.1);--vscode-editorInlayHint-parameterForeground:#969696;--vscode-editorInlayHint-parameterBackground:rgba(77,77,77,0.1);--vscode-editorLightBulb-foreground:#fc0;--vscode-editorLightBulbAutoFix-foreground:#75beff;--vscode-diffEditor-insertedTextBackground:rgba(156,204,44,0.2);--vscode-diffEditor-removedTextBackground:rgba(255,0,0,0.2);--vscode-diffEditor-insertedLineBackground:rgba(155,185,85,0.2);--vscode-diffEditor-removedLineBackground:rgba(255,0,0,0.2);--vscode-diffEditor-diagonalFill:hsla(0,0%,80%,0.2);--vscode-diffEditor-unchangedRegionBackground:#3e3e3e;--vscode-diffEditor-unchangedRegionForeground:#a3a2a2;--vscode-diffEditor-unchangedCodeBackground:hsla(0,0%,45.5%,0.16);--vscode-list-focusOutline:#007fd4;--vscode-list-activeSelectionBackground:#04395e;--vscode-list-activeSelectionForeground:#fff;--vscode-list-activeSelectionIconForeground:#fff;--vscode-list-inactiveSelectionBackground:#37373d;--vscode-list-hoverBackground:#2a2d2e;--vscode-list-dropBackground:#383b3d;--vscode-list-highlightForeground:#2aaaff;--vscode-list-focusHighlightForeground:#2aaaff;--vscode-list-invalidItemForeground:#b89500;--vscode-list-errorForeground:#f88070;--vscode-list-warningForeground:#cca700;--vscode-listFilterWidget-background:#252526;--vscode-listFilterWidget-outline:transparent;--vscode-listFilterWidget-noMatchesOutline:#be1100;--vscode-listFilterWidget-shadow:rgba(0,0,0,0.36);--vscode-list-filterMatchBackground:rgba(234,92,0,0.33);--vscode-tree-indentGuidesStroke:#585858;--vscode-tree-inactiveIndentGuidesStroke:rgba(88,88,88,0.4);--vscode-tree-tableColumnsBorder:hsla(0,0%,80%,0.13);--vscode-tree-tableOddRowsBackground:hsla(0,0%,80%,0.04);--vscode-list-deemphasizedForeground:#8c8c8c;--vscode-checkbox-background:#3c3c3c;--vscode-checkbox-selectBackground:#252526;--vscode-checkbox-foreground:#f0f0f0;--vscode-checkbox-border:#6b6b6b;--vscode-checkbox-selectBorder:#c5c5c5;--vscode-quickInputList-focusForeground:#fff;--vscode-quickInputList-focusIconForeground:#fff;--vscode-quickInputList-focusBackground:#04395e;--vscode-menu-border:#454545;--vscode-menu-foreground:#ccc;--vscode-menu-background:#252526;--vscode-menu-selectionForeground:#fff;--vscode-menu-selectionBackground:#04395e;--vscode-menu-separatorBackground:#454545;--vscode-toolbar-hoverBackground:rgba(90,93,94,0.31);--vscode-toolbar-activeBackground:rgba(99,102,103,0.31);--vscode-editor-snippetTabstopHighlightBackground:hsla(0,0%,48.6%,0.3);--vscode-editor-snippetFinalTabstopHighlightBorder:#525252;--vscode-breadcrumb-foreground:hsla(0,0%,80%,0.8);--vscode-breadcrumb-background:#1e1e1e;--vscode-breadcrumb-focusForeground:#e0e0e0;--vscode-breadcrumb-activeSelectionForeground:#e0e0e0;--vscode-breadcrumbPicker-background:#252526;--vscode-merge-currentHeaderBackground:rgba(64,200,174,0.5);--vscode-merge-currentContentBackground:rgba(64,200,174,0.2);--vscode-merge-incomingHeaderBackground:rgba(64,166,255,0.5);--vscode-merge-incomingContentBackground:rgba(64,166,255,0.2);--vscode-merge-commonHeaderBackground:rgba(96,96,96,0.4);--vscode-merge-commonContentBackground:rgba(96,96,96,0.16);--vscode-editorOverviewRuler-currentContentForeground:rgba(64,200,174,0.5);--vscode-editorOverviewRuler-incomingContentForeground:rgba(64,166,255,0.5);--vscode-editorOverviewRuler-commonContentForeground:rgba(96,96,96,0.4);--vscode-editorOverviewRuler-findMatchForeground:rgba(209,134,22,0.49);--vscode-editorOverviewRuler-selectionHighlightForeground:hsla(0,0%,62.7%,0.8);--vscode-minimap-findMatchHighlight:#d18616;--vscode-minimap-selectionOccurrenceHighlight:#676767;--vscode-minimap-selectionHighlight:#264f78;--vscode-minimap-infoHighlight:#3794ff;--vscode-minimap-warningHighlight:#cca700;--vscode-minimap-errorHighlight:rgba(255,18,18,0.7);--vscode-minimap-foregroundOpacity:#000;--vscode-minimapSlider-background:hsla(0,0%,47.5%,0.2);--vscode-minimapSlider-hoverBackground:hsla(0,0%,39.2%,0.35);--vscode-minimapSlider-activeBackground:hsla(0,0%,74.9%,0.2);--vscode-problemsErrorIcon-foreground:#f14c4c;--vscode-problemsWarningIcon-foreground:#cca700;--vscode-problemsInfoIcon-foreground:#3794ff;--vscode-charts-foreground:#ccc;--vscode-charts-lines:hsla(0,0%,80%,0.5);--vscode-charts-red:#f14c4c;--vscode-charts-blue:#3794ff;--vscode-charts-yellow:#cca700;--vscode-charts-orange:#d18616;--vscode-charts-green:#89d185;--vscode-charts-purple:#b180d7;--vscode-diffEditor-move-border:hsla(0,0%,54.5%,0.61);--vscode-diffEditor-moveActive-border:orange;--vscode-symbolIcon-arrayForeground:#ccc;--vscode-symbolIcon-booleanForeground:#ccc;--vscode-symbolIcon-classForeground:#ee9d28;--vscode-symbolIcon-colorForeground:#ccc;--vscode-symbolIcon-constantForeground:#ccc;--vscode-symbolIcon-constructorForeground:#b180d7;--vscode-symbolIcon-enumeratorForeground:#ee9d28;--vscode-symbolIcon-enumeratorMemberForeground:#75beff;--vscode-symbolIcon-eventForeground:#ee9d28;--vscode-symbolIcon-fieldForeground:#75beff;--vscode-symbolIcon-fileForeground:#ccc;--vscode-symbolIcon-folderForeground:#ccc;--vscode-symbolIcon-functionForeground:#b180d7;--vscode-symbolIcon-interfaceForeground:#75beff;--vscode-symbolIcon-keyForeground:#ccc;--vscode-symbolIcon-keywordForeground:#ccc;--vscode-symbolIcon-methodForeground:#b180d7;--vscode-symbolIcon-moduleForeground:#ccc;--vscode-symbolIcon-namespaceForeground:#ccc;--vscode-symbolIcon-nullForeground:#ccc;--vscode-symbolIcon-numberForeground:#ccc;--vscode-symbolIcon-objectForeground:#ccc;--vscode-symbolIcon-operatorForeground:#ccc;--vscode-symbolIcon-packageForeground:#ccc;--vscode-symbolIcon-propertyForeground:#ccc;--vscode-symbolIcon-referenceForeground:#ccc;--vscode-symbolIcon-snippetForeground:#ccc;--vscode-symbolIcon-stringForeground:#ccc;--vscode-symbolIcon-structForeground:#ccc;--vscode-symbolIcon-textForeground:#ccc;--vscode-symbolIcon-typeParameterForeground:#ccc;--vscode-symbolIcon-unitForeground:#ccc;--vscode-symbolIcon-variableForeground:#75beff;--vscode-actionBar-toggledBackground:#383a49;--vscode-editorHoverWidget-highlightForeground:#2aaaff;--vscode-editor-lineHighlightBorder:#282828;--vscode-editor-rangeHighlightBackground:hsla(0,0%,100%,0.04);--vscode-editor-symbolHighlightBackground:rgba(234,92,0,0.33);--vscode-editorCursor-foreground:#aeafad;--vscode-editorWhitespace-foreground:rgba(227,228,226,0.16);--vscode-editorLineNumber-foreground:#858585;--vscode-editorIndentGuide-background:#404040;--vscode-editorIndentGuide-activeBackground:#707070;--vscode-editorIndentGuide-background1:#404040;--vscode-editorIndentGuide-background2:transparent;--vscode-editorIndentGuide-background3:transparent;--vscode-editorIndentGuide-background4:transparent;--vscode-editorIndentGuide-background5:transparent;--vscode-editorIndentGuide-background6:transparent;--vscode-editorIndentGuide-activeBackground1:#707070;--vscode-editorIndentGuide-activeBackground2:transparent;--vscode-editorIndentGuide-activeBackground3:transparent;--vscode-editorIndentGuide-activeBackground4:transparent;--vscode-editorIndentGuide-activeBackground5:transparent;--vscode-editorIndentGuide-activeBackground6:transparent;--vscode-editorActiveLineNumber-foreground:#c6c6c6;--vscode-editorLineNumber-activeForeground:#c6c6c6;--vscode-editorRuler-foreground:#5a5a5a;--vscode-editorCodeLens-foreground:#999;--vscode-editorBracketMatch-background:rgba(0,100,0,0.1);--vscode-editorBracketMatch-border:#888;--vscode-editorOverviewRuler-border:hsla(0,0%,49.8%,0.3);--vscode-editorGutter-background:#1e1e1e;--vscode-editorUnnecessaryCode-opacity:rgba(0,0,0,0.67);--vscode-editorGhostText-foreground:hsla(0,0%,100%,0.34);--vscode-editorOverviewRuler-rangeHighlightForeground:rgba(0,122,204,0.6);--vscode-editorOverviewRuler-errorForeground:rgba(255,18,18,0.7);--vscode-editorOverviewRuler-warningForeground:#cca700;--vscode-editorOverviewRuler-infoForeground:#3794ff;--vscode-editorBracketHighlight-foreground1:gold;--vscode-editorBracketHighlight-foreground2:orchid;--vscode-editorBracketHighlight-foreground3:#179fff;--vscode-editorBracketHighlight-foreground4:transparent;--vscode-editorBracketHighlight-foreground5:transparent;--vscode-editorBracketHighlight-foreground6:transparent;--vscode-editorBracketHighlight-unexpectedBracket-foreground:rgba(255,18,18,0.8);--vscode-editorBracketPairGuide-background1:transparent;--vscode-editorBracketPairGuide-background2:transparent;--vscode-editorBracketPairGuide-background3:transparent;--vscode-editorBracketPairGuide-background4:transparent;--vscode-editorBracketPairGuide-background5:transparent;--vscode-editorBracketPairGuide-background6:transparent;--vscode-editorBracketPairGuide-activeBackground1:transparent;--vscode-editorBracketPairGuide-activeBackground2:transparent;--vscode-editorBracketPairGuide-activeBackground3:transparent;--vscode-editorBracketPairGuide-activeBackground4:transparent;--vscode-editorBracketPairGuide-activeBackground5:transparent;--vscode-editorBracketPairGuide-activeBackground6:transparent;--vscode-editorUnicodeHighlight-border:#bd9b03;--vscode-editorUnicodeHighlight-background:rgba(189,155,3,0.15);--vscode-editorOverviewRuler-bracketMatchForeground:#a0a0a0;--vscode-editor-foldBackground:rgba(38,79,120,0.3);--vscode-editorGutter-foldingControlForeground:#c5c5c5;--vscode-editor-linkedEditingBackground:rgba(255,0,0,0.3);--vscode-editor-wordHighlightBackground:rgba(87,87,87,0.72);--vscode-editor-wordHighlightStrongBackground:rgba(0,73,114,0.72);--vscode-editor-wordHighlightTextBackground:rgba(87,87,87,0.72);--vscode-editorOverviewRuler-wordHighlightForeground:hsla(0,0%,62.7%,0.8);--vscode-editorOverviewRuler-wordHighlightStrongForeground:rgba(192,160,192,0.8);--vscode-editorOverviewRuler-wordHighlightTextForeground:hsla(0,0%,62.7%,0.8);--vscode-peekViewTitle-background:#252526;--vscode-peekViewTitleLabel-foreground:#fff;--vscode-peekViewTitleDescription-foreground:hsla(0,0%,80%,0.7);--vscode-peekView-border:#3794ff;--vscode-peekViewResult-background:#252526;--vscode-peekViewResult-lineForeground:#bbb;--vscode-peekViewResult-fileForeground:#fff;--vscode-peekViewResult-selectionBackground:rgba(51,153,255,0.2);--vscode-peekViewResult-selectionForeground:#fff;--vscode-peekViewEditor-background:#001f33;--vscode-peekViewEditorGutter-background:#001f33;--vscode-peekViewEditorStickyScroll-background:#001f33;--vscode-peekViewResult-matchHighlightBackground:rgba(234,92,0,0.3);--vscode-peekViewEditor-matchHighlightBackground:rgba(255,143,0,0.6);--vscode-editorMarkerNavigationError-background:#f14c4c;--vscode-editorMarkerNavigationError-headerBackground:rgba(241,76,76,0.1);--vscode-editorMarkerNavigationWarning-background:#cca700;--vscode-editorMarkerNavigationWarning-headerBackground:rgba(204,167,0,0.1);--vscode-editorMarkerNavigationInfo-background:#3794ff;--vscode-editorMarkerNavigationInfo-headerBackground:rgba(55,148,255,0.1);--vscode-editorMarkerNavigation-background:#1e1e1e;--vscode-editorSuggestWidget-background:#252526;--vscode-editorSuggestWidget-border:#454545;--vscode-editorSuggestWidget-foreground:#d4d4d4;--vscode-editorSuggestWidget-selectedForeground:#fff;--vscode-editorSuggestWidget-selectedIconForeground:#fff;--vscode-editorSuggestWidget-selectedBackground:#04395e;--vscode-editorSuggestWidget-highlightForeground:#2aaaff;--vscode-editorSuggestWidget-focusHighlightForeground:#2aaaff;--vscode-editorSuggestWidgetStatus-foreground:hsla(0,0%,83.1%,0.5);--vscode-tab-activeBackground:#1e1e1e;--vscode-tab-unfocusedActiveBackground:#1e1e1e;--vscode-tab-inactiveBackground:#2d2d2d;--vscode-tab-unfocusedInactiveBackground:#2d2d2d;--vscode-tab-activeForeground:#fff;--vscode-tab-inactiveForeground:hsla(0,0%,100%,0.5);--vscode-tab-unfocusedActiveForeground:hsla(0,0%,100%,0.5);--vscode-tab-unfocusedInactiveForeground:hsla(0,0%,100%,0.25);--vscode-tab-border:#252526;--vscode-tab-lastPinnedBorder:hsla(0,0%,80%,0.2);--vscode-tab-activeModifiedBorder:#39c;--vscode-tab-inactiveModifiedBorder:rgba(51,153,204,0.5);--vscode-tab-unfocusedActiveModifiedBorder:rgba(51,153,204,0.5);--vscode-tab-unfocusedInactiveModifiedBorder:rgba(51,153,204,0.25);--vscode-editorPane-background:#1e1e1e;--vscode-editorGroupHeader-tabsBackground:#252526;--vscode-editorGroupHeader-noTabsBackground:#1e1e1e;--vscode-editorGroup-border:#444;--vscode-editorGroup-dropBackground:rgba(83,89,93,0.5);--vscode-editorGroup-dropIntoPromptForeground:#ccc;--vscode-editorGroup-dropIntoPromptBackground:#252526;--vscode-sideBySideEditor-horizontalBorder:#444;--vscode-sideBySideEditor-verticalBorder:#444;--vscode-panel-background:#1e1e1e;--vscode-panel-border:hsla(0,0%,50.2%,0.35);--vscode-panelTitle-activeForeground:#e7e7e7;--vscode-panelTitle-inactiveForeground:hsla(0,0%,90.6%,0.6);--vscode-panelTitle-activeBorder:#e7e7e7;--vscode-panel-dropBorder:#e7e7e7;--vscode-panelSection-dropBackground:rgba(83,89,93,0.5);--vscode-panelSectionHeader-background:hsla(0,0%,50.2%,0.2);--vscode-panelSection-border:hsla(0,0%,50.2%,0.35);--vscode-banner-background:#04395e;--vscode-banner-foreground:#fff;--vscode-banner-iconForeground:#3794ff;--vscode-statusBar-foreground:#fff;--vscode-statusBar-noFolderForeground:#fff;--vscode-statusBar-background:#007acc;--vscode-statusBar-noFolderBackground:#68217a;--vscode-statusBar-focusBorder:#fff;--vscode-statusBarItem-activeBackground:hsla(0,0%,100%,0.18);--vscode-statusBarItem-focusBorder:#fff;--vscode-statusBarItem-hoverBackground:hsla(0,0%,100%,0.12);--vscode-statusBarItem-hoverForeground:#fff;--vscode-statusBarItem-compactHoverBackground:hsla(0,0%,100%,0.2);--vscode-statusBarItem-prominentForeground:#fff;--vscode-statusBarItem-prominentBackground:rgba(0,0,0,0.5);--vscode-statusBarItem-prominentHoverForeground:#fff;--vscode-statusBarItem-prominentHoverBackground:rgba(0,0,0,0.3);--vscode-statusBarItem-errorBackground:#c72e0f;--vscode-statusBarItem-errorForeground:#fff;--vscode-statusBarItem-errorHoverForeground:#fff;--vscode-statusBarItem-errorHoverBackground:hsla(0,0%,100%,0.12);--vscode-statusBarItem-warningBackground:#7a6400;--vscode-statusBarItem-warningForeground:#fff;--vscode-statusBarItem-warningHoverForeground:#fff;--vscode-statusBarItem-warningHoverBackground:hsla(0,0%,100%,0.12);--vscode-activityBar-background:#333;--vscode-activityBar-foreground:#fff;--vscode-activityBar-inactiveForeground:hsla(0,0%,100%,0.4);--vscode-activityBar-activeBorder:#fff;--vscode-activityBar-dropBorder:#fff;--vscode-activityBarBadge-background:#007acc;--vscode-activityBarBadge-foreground:#fff;--vscode-profileBadge-background:#4d4d4d;--vscode-profileBadge-foreground:#fff;--vscode-statusBarItem-remoteBackground:#16825d;--vscode-statusBarItem-remoteForeground:#fff;--vscode-statusBarItem-remoteHoverForeground:#fff;--vscode-statusBarItem-remoteHoverBackground:hsla(0,0%,100%,0.12);--vscode-statusBarItem-offlineBackground:#6c1717;--vscode-statusBarItem-offlineForeground:#fff;--vscode-statusBarItem-offlineHoverForeground:#fff;--vscode-statusBarItem-offlineHoverBackground:hsla(0,0%,100%,0.12);--vscode-extensionBadge-remoteBackground:#007acc;--vscode-extensionBadge-remoteForeground:#fff;--vscode-sideBar-background:#252526;--vscode-sideBarTitle-foreground:#bbb;--vscode-sideBar-dropBackground:rgba(83,89,93,0.5);--vscode-sideBarSectionHeader-background:transparent;--vscode-sideBarSectionHeader-border:hsla(0,0%,80%,0.2);--vscode-titleBar-activeForeground:#ccc;--vscode-titleBar-inactiveForeground:hsla(0,0%,80%,0.6);--vscode-titleBar-activeBackground:#3c3c3c;--vscode-titleBar-inactiveBackground:rgba(60,60,60,0.6);--vscode-menubar-selectionForeground:#ccc;--vscode-menubar-selectionBackground:rgba(90,93,94,0.31);--vscode-commandCenter-foreground:#ccc;--vscode-commandCenter-activeForeground:#ccc;--vscode-commandCenter-inactiveForeground:hsla(0,0%,80%,0.6);--vscode-commandCenter-background:hsla(0,0%,100%,0.05);--vscode-commandCenter-activeBackground:hsla(0,0%,100%,0.08);--vscode-commandCenter-border:hsla(0,0%,80%,0.2);--vscode-commandCenter-activeBorder:hsla(0,0%,80%,0.3);--vscode-commandCenter-inactiveBorder:hsla(0,0%,80%,0.15);--vscode-notificationCenter-border:#303031;--vscode-notificationToast-border:#303031;--vscode-notifications-foreground:#ccc;--vscode-notifications-background:#252526;--vscode-notificationLink-foreground:#3794ff;--vscode-notificationCenterHeader-background:#303031;--vscode-notifications-border:#303031;--vscode-notificationsErrorIcon-foreground:#f14c4c;--vscode-notificationsWarningIcon-foreground:#cca700;--vscode-notificationsInfoIcon-foreground:#3794ff;--vscode-chat-requestBorder:hsla(0,0%,100%,0.1);--vscode-chat-slashCommandBackground:#4d4d4d;--vscode-chat-slashCommandForeground:#fff;--vscode-simpleFindWidget-sashBorder:#454545;--vscode-commentsView-resolvedIcon:hsla(0,0%,80%,0.5);--vscode-commentsView-unresolvedIcon:#007fd4;--vscode-editorCommentsWidget-resolvedBorder:hsla(0,0%,80%,0.5);--vscode-editorCommentsWidget-unresolvedBorder:#007fd4;--vscode-editorCommentsWidget-rangeBackground:rgba(0,127,212,0.1);--vscode-editorCommentsWidget-rangeActiveBackground:rgba(0,127,212,0.1);--vscode-editorGutter-commentRangeForeground:#37373d;--vscode-editorOverviewRuler-commentForeground:#37373d;--vscode-editorOverviewRuler-commentUnresolvedForeground:#37373d;--vscode-editorGutter-commentGlyphForeground:#d4d4d4;--vscode-editorGutter-commentUnresolvedGlyphForeground:#d4d4d4;--vscode-debugToolBar-background:#333;--vscode-debugIcon-startForeground:#89d185;--vscode-editor-stackFrameHighlightBackground:rgba(255,255,0,0.2);--vscode-editor-focusedStackFrameHighlightBackground:rgba(122,189,122,0.3);--vscode-mergeEditor-change-background:rgba(155,185,85,0.2);--vscode-mergeEditor-change-word-background:rgba(156,204,44,0.2);--vscode-mergeEditor-changeBase-background:#4b1818;--vscode-mergeEditor-changeBase-word-background:#6f1313;--vscode-mergeEditor-conflict-unhandledUnfocused-border:rgba(255,166,0,0.48);--vscode-mergeEditor-conflict-unhandledFocused-border:#ffa600;--vscode-mergeEditor-conflict-handledUnfocused-border:hsla(0,0%,52.5%,0.29);--vscode-mergeEditor-conflict-handledFocused-border:hsla(0,0%,75.7%,0.8);--vscode-mergeEditor-conflict-handled-minimapOverViewRuler:rgba(173,172,168,0.93);--vscode-mergeEditor-conflict-unhandled-minimapOverViewRuler:#fcba03;--vscode-mergeEditor-conflictingLines-background:rgba(255,234,0,0.28);--vscode-mergeEditor-conflict-input1-background:rgba(64,200,174,0.2);--vscode-mergeEditor-conflict-input2-background:rgba(64,166,255,0.2);--vscode-settings-headerForeground:#e7e7e7;--vscode-settings-settingsHeaderHoverForeground:hsla(0,0%,90.6%,0.7);--vscode-settings-modifiedItemIndicator:#0c7d9d;--vscode-settings-headerBorder:hsla(0,0%,50.2%,0.35);--vscode-settings-sashBorder:hsla(0,0%,50.2%,0.35);--vscode-settings-dropdownBackground:#3c3c3c;--vscode-settings-dropdownForeground:#f0f0f0;--vscode-settings-dropdownBorder:#3c3c3c;--vscode-settings-dropdownListBorder:#454545;--vscode-settings-checkboxBackground:#3c3c3c;--vscode-settings-checkboxForeground:#f0f0f0;--vscode-settings-checkboxBorder:#6b6b6b;--vscode-settings-textInputBackground:#3c3c3c;--vscode-settings-textInputForeground:#ccc;--vscode-settings-numberInputBackground:#3c3c3c;--vscode-settings-numberInputForeground:#ccc;--vscode-settings-focusedRowBackground:rgba(42,45,46,0.6);--vscode-settings-rowHoverBackground:rgba(42,45,46,0.3);--vscode-settings-focusedRowBorder:#007fd4;--vscode-terminal-foreground:#ccc;--vscode-terminal-selectionBackground:#264f78;--vscode-terminal-inactiveSelectionBackground:#3a3d41;--vscode-terminalCommandDecoration-defaultBackground:hsla(0,0%,100%,0.25);--vscode-terminalCommandDecoration-successBackground:#1b81a8;--vscode-terminalCommandDecoration-errorBackground:#f14c4c;--vscode-terminalOverviewRuler-cursorForeground:hsla(0,0%,62.7%,0.8);--vscode-terminal-border:hsla(0,0%,50.2%,0.35);--vscode-terminal-findMatchBackground:#515c6a;--vscode-terminal-hoverHighlightBackground:rgba(38,79,120,0.13);--vscode-terminal-findMatchHighlightBackground:rgba(234,92,0,0.33);--vscode-terminalOverviewRuler-findMatchForeground:rgba(209,134,22,0.49);--vscode-terminal-dropBackground:rgba(83,89,93,0.5);--vscode-testing-iconFailed:#f14c4c;--vscode-testing-iconErrored:#f14c4c;--vscode-testing-iconPassed:#73c991;--vscode-testing-runAction:#73c991;--vscode-testing-iconQueued:#cca700;--vscode-testing-iconUnset:#848484;--vscode-testing-iconSkipped:#848484;--vscode-testing-peekBorder:#f14c4c;--vscode-testing-peekHeaderBackground:rgba(241,76,76,0.1);--vscode-testing-message-error-decorationForeground:#f14c4c;--vscode-testing-message-error-lineBackground:rgba(255,0,0,0.2);--vscode-testing-message-info-decorationForeground:hsla(0,0%,83.1%,0.5);--vscode-welcomePage-tileBackground:#252526;--vscode-welcomePage-tileHoverBackground:#2c2c2d;--vscode-welcomePage-tileBorder:hsla(0,0%,100%,0.1);--vscode-welcomePage-progress-background:#3c3c3c;--vscode-welcomePage-progress-foreground:#3794ff;--vscode-walkthrough-stepTitle-foreground:#fff;--vscode-walkThrough-embeddedEditorBackground:rgba(0,0,0,0.4);--vscode-inlineChat-background:#252526;--vscode-inlineChat-border:#454545;--vscode-inlineChat-shadow:rgba(0,0,0,0.36);--vscode-inlineChat-regionHighlight:rgba(38,79,120,0.25);--vscode-inlineChatInput-border:#454545;--vscode-inlineChatInput-focusBorder:#007fd4;--vscode-inlineChatInput-placeholderForeground:#a6a6a6;--vscode-inlineChatInput-background:#3c3c3c;--vscode-inlineChatDiff-inserted:rgba(156,204,44,0.1);--vscode-inlineChatDiff-removed:rgba(255,0,0,0.1);--vscode-debugExceptionWidget-border:#a31515;--vscode-debugExceptionWidget-background:#420b0d;--vscode-ports-iconRunningProcessForeground:#369432;--vscode-statusBar-debuggingBackground:#c63;--vscode-statusBar-debuggingForeground:#fff;--vscode-commandCenter-debuggingBackground:rgba(204,102,51,0.26);--vscode-editor-inlineValuesForeground:hsla(0,0%,100%,0.5);--vscode-editor-inlineValuesBackground:rgba(255,200,0,0.2);--vscode-editorGutter-modifiedBackground:#1b81a8;--vscode-editorGutter-addedBackground:#487e02;--vscode-editorGutter-deletedBackground:#f14c4c;--vscode-minimapGutter-modifiedBackground:#1b81a8;--vscode-minimapGutter-addedBackground:#487e02;--vscode-minimapGutter-deletedBackground:#f14c4c;--vscode-editorOverviewRuler-modifiedForeground:rgba(27,129,168,0.6);--vscode-editorOverviewRuler-addedForeground:rgba(72,126,2,0.6);--vscode-editorOverviewRuler-deletedForeground:rgba(241,76,76,0.6);--vscode-debugIcon-breakpointForeground:#e51400;--vscode-debugIcon-breakpointDisabledForeground:#848484;--vscode-debugIcon-breakpointUnverifiedForeground:#848484;--vscode-debugIcon-breakpointCurrentStackframeForeground:#fc0;--vscode-debugIcon-breakpointStackframeForeground:#89d185;--vscode-notebook-cellBorderColor:#37373d;--vscode-notebook-focusedEditorBorder:#007fd4;--vscode-notebookStatusSuccessIcon-foreground:#89d185;--vscode-notebookEditorOverviewRuler-runningCellForeground:#89d185;--vscode-notebookStatusErrorIcon-foreground:#f48771;--vscode-notebookStatusRunningIcon-foreground:#ccc;--vscode-notebook-cellToolbarSeparator:hsla(0,0%,50.2%,0.35);--vscode-notebook-selectedCellBackground:#37373d;--vscode-notebook-selectedCellBorder:#37373d;--vscode-notebook-focusedCellBorder:#007fd4;--vscode-notebook-inactiveFocusedCellBorder:#37373d;--vscode-notebook-cellStatusBarItemHoverBackground:hsla(0,0%,100%,0.15);--vscode-notebook-cellInsertionIndicator:#007fd4;--vscode-notebookScrollbarSlider-background:hsla(0,0%,47.5%,0.4);--vscode-notebookScrollbarSlider-hoverBackground:hsla(0,0%,39.2%,0.7);--vscode-notebookScrollbarSlider-activeBackground:hsla(0,0%,74.9%,0.4);--vscode-notebook-symbolHighlightBackground:hsla(0,0%,100%,0.04);--vscode-notebook-cellEditorBackground:#252526;--vscode-notebook-editorBackground:#1e1e1e;--vscode-keybindingTable-headerBackground:hsla(0,0%,80%,0.04);--vscode-keybindingTable-rowsBackground:hsla(0,0%,80%,0.04);--vscode-debugTokenExpression-name:#c586c0;--vscode-debugTokenExpression-value:hsla(0,0%,80%,0.6);--vscode-debugTokenExpression-string:#ce9178;--vscode-debugTokenExpression-boolean:#4e94ce;--vscode-debugTokenExpression-number:#b5cea8;--vscode-debugTokenExpression-error:#f48771;--vscode-debugView-exceptionLabelForeground:#ccc;--vscode-debugView-exceptionLabelBackground:#6c2022;--vscode-debugView-stateLabelForeground:#ccc;--vscode-debugView-stateLabelBackground:hsla(0,0%,53.3%,0.27);--vscode-debugView-valueChangedHighlight:#569cd6;--vscode-debugConsole-infoForeground:#3794ff;--vscode-debugConsole-warningForeground:#cca700;--vscode-debugConsole-errorForeground:#f48771;--vscode-debugConsole-sourceForeground:#ccc;--vscode-debugConsoleInputIcon-foreground:#ccc;--vscode-debugIcon-pauseForeground:#75beff;--vscode-debugIcon-stopForeground:#f48771;--vscode-debugIcon-disconnectForeground:#f48771;--vscode-debugIcon-restartForeground:#89d185;--vscode-debugIcon-stepOverForeground:#75beff;--vscode-debugIcon-stepIntoForeground:#75beff;--vscode-debugIcon-stepOutForeground:#75beff;--vscode-debugIcon-continueForeground:#75beff;--vscode-debugIcon-stepBackForeground:#75beff;--vscode-scm-providerBorder:#454545;--vscode-extensionButton-background:#0e639c;--vscode-extensionButton-foreground:#fff;--vscode-extensionButton-hoverBackground:#17b;--vscode-extensionButton-separator:hsla(0,0%,100%,0.4);--vscode-extensionButton-prominentBackground:#0e639c;--vscode-extensionButton-prominentForeground:#fff;--vscode-extensionButton-prominentHoverBackground:#17b;--vscode-extensionIcon-starForeground:#ff8e00;--vscode-extensionIcon-verifiedForeground:#3794ff;--vscode-extensionIcon-preReleaseForeground:#1d9271;--vscode-extensionIcon-sponsorForeground:#d758b3;--vscode-terminal-ansiBlack:#000;--vscode-terminal-ansiRed:#cd3131;--vscode-terminal-ansiGreen:#0dbc79;--vscode-terminal-ansiYellow:#e5e510;--vscode-terminal-ansiBlue:#2472c8;--vscode-terminal-ansiMagenta:#bc3fbc;--vscode-terminal-ansiCyan:#11a8cd;--vscode-terminal-ansiWhite:#e5e5e5;--vscode-terminal-ansiBrightBlack:#666;--vscode-terminal-ansiBrightRed:#f14c4c;--vscode-terminal-ansiBrightGreen:#23d18b;--vscode-terminal-ansiBrightYellow:#f5f543;--vscode-terminal-ansiBrightBlue:#3b8eea;--vscode-terminal-ansiBrightMagenta:#d670d6;--vscode-terminal-ansiBrightCyan:#29b8db;--vscode-terminal-ansiBrightWhite:#e5e5e5;--vscode-interactive-activeCodeBorder:#3794ff;--vscode-interactive-inactiveCodeBorder:#37373d;--vscode-gitDecoration-addedResourceForeground:#81b88b;--vscode-gitDecoration-modifiedResourceForeground:#e2c08d;--vscode-gitDecoration-deletedResourceForeground:#c74e39;--vscode-gitDecoration-renamedResourceForeground:#73c991;--vscode-gitDecoration-untrackedResourceForeground:#73c991;--vscode-gitDecoration-ignoredResourceForeground:#8c8c8c;--vscode-gitDecoration-stageModifiedResourceForeground:#e2c08d;--vscode-gitDecoration-stageDeletedResourceForeground:#c74e39;--vscode-gitDecoration-conflictingResourceForeground:#e4676b;--vscode-gitDecoration-submoduleResourceForeground:#8db9e2;--vscode-gitlens-gutterBackgroundColor:hsla(0,0%,100%,0.07);--vscode-gitlens-gutterForegroundColor:#bebebe;--vscode-gitlens-gutterUncommittedForegroundColor:rgba(0,188,242,0.6);--vscode-gitlens-trailingLineBackgroundColor:transparent;--vscode-gitlens-trailingLineForegroundColor:hsla(0,0%,60%,0.35);--vscode-gitlens-lineHighlightBackgroundColor:rgba(0,188,242,0.2);--vscode-gitlens-lineHighlightOverviewRulerColor:rgba(0,188,242,0.6);--vscode-gitlens-openAutolinkedIssueIconColor:#3fb950;--vscode-gitlens-closedAutolinkedIssueIconColor:#a371f7;--vscode-gitlens-closedPullRequestIconColor:#f85149;--vscode-gitlens-openPullRequestIconColor:#3fb950;--vscode-gitlens-mergedPullRequestIconColor:#a371f7;--vscode-gitlens-unpublishedChangesIconColor:#35b15e;--vscode-gitlens-unpublishedCommitIconColor:#35b15e;--vscode-gitlens-unpulledChangesIconColor:#b15e35;--vscode-gitlens-decorations-addedForegroundColor:#81b88b;--vscode-gitlens-decorations-copiedForegroundColor:#73c991;--vscode-gitlens-decorations-deletedForegroundColor:#c74e39;--vscode-gitlens-decorations-ignoredForegroundColor:#8c8c8c;--vscode-gitlens-decorations-modifiedForegroundColor:#e2c08d;--vscode-gitlens-decorations-untrackedForegroundColor:#73c991;--vscode-gitlens-decorations-renamedForegroundColor:#73c991;--vscode-gitlens-decorations-branchAheadForegroundColor:#35b15e;--vscode-gitlens-decorations-branchBehindForegroundColor:#b15e35;--vscode-gitlens-decorations-branchDivergedForegroundColor:#d8af1b;--vscode-gitlens-decorations-branchUnpublishedForegroundColor:#35b15e;--vscode-gitlens-decorations-branchMissingUpstreamForegroundColor:#c74e39;--vscode-gitlens-decorations-workspaceRepoMissingForegroundColor:#909090;--vscode-gitlens-decorations-workspaceCurrentForegroundColor:#35b15e;--vscode-gitlens-decorations-workspaceRepoOpenForegroundColor:#35b15e;--vscode-gitlens-decorations-worktreeHasUncommittedChangesForegroundColor:#e2c08d;--vscode-gitlens-decorations-worktreeMissingForegroundColor:#c74e39;--vscode-gitlens-graphLane1Color:#15a0bf;--vscode-gitlens-graphLane2Color:#0669f7;--vscode-gitlens-graphLane3Color:#8e00c2;--vscode-gitlens-graphLane4Color:#c517b6;--vscode-gitlens-graphLane5Color:#d90171;--vscode-gitlens-graphLane6Color:#cd0101;--vscode-gitlens-graphLane7Color:#f25d2e;--vscode-gitlens-graphLane8Color:#f2ca33;--vscode-gitlens-graphLane9Color:#7bd938;--vscode-gitlens-graphLane10Color:#2ece9d;--vscode-gitlens-graphChangesColumnAddedColor:#347d39;--vscode-gitlens-graphChangesColumnDeletedColor:#c93c37;--vscode-gitlens-graphMinimapMarkerHeadColor:#05e617;--vscode-gitlens-graphScrollMarkerHeadColor:#05e617;--vscode-gitlens-graphMinimapMarkerUpstreamColor:#09ae17;--vscode-gitlens-graphScrollMarkerUpstreamColor:#09ae17;--vscode-gitlens-graphMinimapMarkerHighlightsColor:#fbff0a;--vscode-gitlens-graphScrollMarkerHighlightsColor:#fbff0a;--vscode-gitlens-graphMinimapMarkerLocalBranchesColor:#3087cf;--vscode-gitlens-graphScrollMarkerLocalBranchesColor:#3087cf;--vscode-gitlens-graphMinimapMarkerRemoteBranchesColor:#2b5e88;--vscode-gitlens-graphScrollMarkerRemoteBranchesColor:#2b5e88;--vscode-gitlens-graphMinimapMarkerStashesColor:#b34db3;--vscode-gitlens-graphScrollMarkerStashesColor:#b34db3;--vscode-gitlens-graphMinimapMarkerTagsColor:#6b562e;--vscode-gitlens-graphScrollMarkerTagsColor:#6b562e}[data-theme=light]{--background:#fff!important;--foreground:#616161!important;--dropdown-background:#fff!important;--dropdown-foreground:#616161!important;--input-background:#fff!important;--input-foreground:#616161!important;--sideBarSectionHeader-foreground:#616161!important;--dropdown-list-max-height:100px!important;--library-icon-filter:invert(0)!important}[data-theme=light] #gjs-clm-tag-label{color:var(--background)!important}[data-theme=dark]{--background:#282a36!important;--foreground:#f8f8f2!important;--dropdown-background:#282a36!important;--dropdown-foreground:#f8f8f2!important;--input-background:#282a36!important;--input-foreground:#f8f8f2!important;--sideBarSectionHeader-foreground:#f8f8f2!important;--dropdown-list-max-height:100px!important;--library-icon-filter:invert(1)!important}:root{--container-paddding:20px;--input-padding-vertical:6px;--input-padding-horizontal:4px;--input-margin-vertical:4px;--input-margin-horizontal:0}body{font-size:var(--font-size);font-weight:var(--font-weight);font-family:var(--font-family);background-color:var(--editor-background);margin:0}#app,body{color:var(--foreground)}#app{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:0;height:100vh}.nothingSelected{padding:10px 20px;text-align:center;width:100%;opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}input,select{background-color:var(--input-background)!important;color:var(--input-foreground)!important;border:calc(var(--border-width)*1px) solid var(--dropdown-border)!important;border-radius:calc(var(--corner-radius)*1px)!important}input:focus,input:focus-visible,select:focus,select:focus-visible{border:solid 1px var(--focus-border)!important;outline:none!important}.codicon-chevron-down:before{content:""}::-webkit-scrollbar-track{background:hsla(0,0%,94.5%,0)}::-webkit-scrollbar-thumb{background:hsla(0,0%,80%,.3137254902)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,80%,.4392156863)}::-webkit-scrollbar{width:10px}*{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.splitpanes__splitter{background-color:hsla(0,0%,80%,.1882352941);position:relative}.splitpanes__splitter:hover{background-color:var(--button-primary-background)}.splitpanes__splitter:before{content:"";position:absolute;left:0;top:0;transition:opacity .4s;background-color:hsla(0,0%,49.8%,0);opacity:0;z-index:1}.splitpanes__splitter:hover:before{opacity:1}.splitpanes--vertical>.splitpanes__splitter:before{left:-2px;right:-2px;height:100%}.splitpanes--horizontal>.splitpanes__splitter:before{top:-2px;bottom:-2px;width:100%}.gjs-three-bg{background-color:var(--button-primary-background)!important}.cke_inner{min-width:530px!important}.hljs-number{color:#999!important}
\ No newline at end of file
diff --git a/public/img/icons/loading_58.svg b/public/img/icons/loading_58.svg
new file mode 100644
index 00000000..618d57e6
--- /dev/null
+++ b/public/img/icons/loading_58.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="58px" height="58px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
+<g transform="rotate(0 50 50)">
+  <rect x="47" y="24" rx="3" ry="5.16" width="6" height="12" fill="#50b2f6">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(30 50 50)">
+  <rect x="47" y="24" rx="3" ry="5.16" width="6" height="12" fill="#50b2f6">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(60 50 50)">
+  <rect x="47" y="24" rx="3" ry="5.16" width="6" height="12" fill="#50b2f6">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(90 50 50)">
+  <rect x="47" y="24" rx="3" ry="5.16" width="6" height="12" fill="#50b2f6">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(120 50 50)">
+  <rect x="47" y="24" rx="3" ry="5.16" width="6" height="12" fill="#50b2f6">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(150 50 50)">
+  <rect x="47" y="24" rx="3" ry="5.16" width="6" height="12" fill="#50b2f6">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(180 50 50)">
+  <rect x="47" y="24" rx="3" ry="5.16" width="6" height="12" fill="#50b2f6">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(210 50 50)">
+  <rect x="47" y="24" rx="3" ry="5.16" width="6" height="12" fill="#50b2f6">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(240 50 50)">
+  <rect x="47" y="24" rx="3" ry="5.16" width="6" height="12" fill="#50b2f6">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(270 50 50)">
+  <rect x="47" y="24" rx="3" ry="5.16" width="6" height="12" fill="#50b2f6">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(300 50 50)">
+  <rect x="47" y="24" rx="3" ry="5.16" width="6" height="12" fill="#50b2f6">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(330 50 50)">
+  <rect x="47" y="24" rx="3" ry="5.16" width="6" height="12" fill="#50b2f6">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
+  </rect>
+</g>
+<!-- [ldio] generated by https://loading.io/ --></svg>
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 80d7431b..786f17eb 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="" data-theme="light"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><script src="https://cdn.tailwindcss.com"></script><script type="module" src="https://md-block.verou.me/md-block.js"></script><script src="./libs/beautify-html.min.js"></script><script src="./libs/grapes.min.js"></script><script src="./libs/grapesjs-plugin-ckeditor.min.js"></script><script src="./libs/ckeditor4-release-4.16.x/ckeditor.js"></script><script src="./libs/grapesjs-code-editor.min.js"></script><title>GenieBuilder</title><link href="css/app.f534ef40.css" rel="preload" as="style"><link href="css/chunk-vendors.3b3d6957.css" rel="preload" as="style"><link href="js/app.e578f8fa.js" rel="preload" as="script"><link href="js/chunk-vendors.0a1b564d.js" rel="preload" as="script"><link href="css/chunk-vendors.3b3d6957.css" rel="stylesheet"><link href="css/app.f534ef40.css" rel="stylesheet"></head><body style="padding: 0 0px;" role="document"><div id="Main_App_varMain_App_ReactiveModel"></div><noscript><strong>We're sorry but GenieBuilder doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><style>.gjs-two-color {
+<!DOCTYPE html><html lang="" data-theme="light"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><script src="https://cdn.tailwindcss.com"></script><script type="module" src="https://md-block.verou.me/md-block.js"></script><script src="./libs/beautify-html.min.js"></script><script src="./libs/grapes.min.js"></script><script src="./libs/grapesjs-plugin-ckeditor.min.js"></script><script src="./libs/ckeditor4-release-4.16.x/ckeditor.js"></script><script src="./libs/grapesjs-code-editor.min.js"></script><title>GenieBuilder</title><link href="css/app.1fbbd273.css" rel="preload" as="style"><link href="css/chunk-vendors.3b3d6957.css" rel="preload" as="style"><link href="js/app.c1556248.js" rel="preload" as="script"><link href="js/chunk-vendors.0a1b564d.js" rel="preload" as="script"><link href="css/chunk-vendors.3b3d6957.css" rel="stylesheet"><link href="css/app.1fbbd273.css" rel="stylesheet"></head><body style="padding: 0 0px;" role="document"><div id="Main_App_varMain_App_ReactiveModel"></div><noscript><strong>We're sorry but GenieBuilder doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><style>.gjs-two-color {
           background-color: unset;
           color: unset;
           font-weight: 600;
@@ -29,4 +29,4 @@
         background-color: #0000005c;
         padding: 10px;
         margin: 10px 0px;
-      }</style><script src="js/chunk-vendors.0a1b564d.js"></script><script src="js/app.e578f8fa.js"></script></body></html>
\ No newline at end of file
+      }</style><script src="js/chunk-vendors.0a1b564d.js"></script><script src="js/app.c1556248.js"></script></body></html>
\ No newline at end of file
diff --git a/public/js/app.e578f8fa.js b/public/js/app.c1556248.js
similarity index 79%
rename from public/js/app.e578f8fa.js
rename to public/js/app.c1556248.js
index 1c79e75c..5b5d6443 100644
--- a/public/js/app.e578f8fa.js
+++ b/public/js/app.c1556248.js
@@ -1,2 +1,2 @@
-(function(e){function t(t){for(var o,i,r=t[0],s=t[1],c=t[2],p=0,u=[];p<r.length;p++)i=r[p],Object.prototype.hasOwnProperty.call(n,i)&&n[i]&&u.push(n[i][0]),n[i]=0;for(o in s)Object.prototype.hasOwnProperty.call(s,o)&&(e[o]=s[o]);d&&d(t);while(u.length)u.shift()();return l.push.apply(l,c||[]),a()}function a(){for(var e,t=0;t<l.length;t++){for(var a=l[t],o=!0,r=1;r<a.length;r++){var s=a[r];0!==n[s]&&(o=!1)}o&&(l.splice(t--,1),e=i(i.s=a[0]))}return e}var o={},n={app:0},l=[];function i(t){if(o[t])return o[t].exports;var a=o[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=o,i.d=function(e,t,a){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(i.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)i.d(a,o,function(t){return e[t]}.bind(null,o));return a},i.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="";var r=window["webpackJsonp"]=window["webpackJsonp"]||[],s=r.push.bind(r);r.push=t,r=r.slice();for(var c=0;c<r.length;c++)t(r[c]);var d=s;l.push([0,"chunk-vendors"]),a()})({0:function(e,t,a){e.exports=a("56d7")},"03c2":function(e,t,a){},"03ef":function(e,t,a){},"12ca":function(e,t,a){},"173e":function(e,t,a){"use strict";a("f0a8")},"1ccc":function(e,t,a){},3037:function(e,t,a){},"380c":function(e,t,a){"use strict";a("c763")},"3ab6":function(e,t,a){"use strict";a("dc28")},"49e5":function(e,t,a){"use strict";a("cfff")},"4d29":function(e,t,a){},5191:function(e,t,a){"use strict";a("6c50")},5240:function(e,t,a){"use strict";a("03ef")},"56d7":function(e,t,a){"use strict";a.r(t);var o=a("7a23");function n(e,t,a,n,l,i){const r=Object(o["L"])("Main");return Object(o["E"])(),Object(o["f"])(r,{msg:"Genie Builder No-Code Editor"})}var l=a("69d7"),i=a("1bd4"),r=a("0a46"),s=a("1fb9"),c=a("1bbd"),d=a("08ca"),p=a("054d"),u=(a("14d9"),a("d9e2"),a("b7ef"),a("88a7"),a("271a"),a("5494"),a("cee4")),b=a("9def"),m=(a("c1ea"),a("c46f"));const _=e=>(Object(o["G"])("data-v-6c90e336"),e=e(),Object(o["F"])(),e),g={style:{position:"relative"}},f={key:0},h=_(()=>Object(o["i"])("i",{class:"fa fa-chevron-right"},null,-1)),y=[h],v={key:1},O=_(()=>Object(o["i"])("i",{class:"fa fa-chevron-down"},null,-1)),j=[O];var w={__name:"PanelTitle",props:["title","expanded"],emits:["expand"],setup(e,{emit:t}){const a=e;let n=Object(o["I"])(a.expanded);function l(){t("expand",n.value)}return Object(o["W"])(a,e=>{n.value=e.expanded}),(t,a)=>(Object(o["E"])(),Object(o["h"])("div",g,[Object(o["i"])("div",{class:"title",onClick:l},Object(o["O"])(e.title),1),Object(o["i"])("div",{class:"expandBtn",onClick:l},[Object(o["Q"])(n)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("span",f,y)),Object(o["Q"])(n)?(Object(o["E"])(),Object(o["h"])("span",v,j)):Object(o["g"])("",!0)])]))}},x=(a("49e5"),a("6b0d")),C=a.n(x);const k=C()(w,[["__scopeId","data-v-6c90e336"]]);var D=k;const E={style:{height:"100%"}},T={class:"panelContent",style:{height:"calc(100% - 25px)",overflow:"auto"}};var S={__name:"Panel",props:["title","hideTitle"],emits:["update:expanded"],setup(e,{expose:t,emit:a}){const n=e;let l=Object(o["I"])(!0);function i(){l.value=!l.value,r(),a("update:expanded",l.value)}function r(){localStorage.setItem("panelExpandedState_"+n.title,l.value)}function s(){let e=localStorage.getItem("panelExpandedState_"+n.title);"false"===e&&(l.value=!1)}return s(),t({expanded:l}),(t,a)=>(Object(o["E"])(),Object(o["h"])("div",E,[e.hideTitle?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["f"])(D,{key:0,expanded:Object(o["Q"])(l),title:e.title,onExpand:i},null,8,["expanded","title"])),Object(o["Y"])(Object(o["i"])("div",T,[Object(o["K"])(t.$slots,"default")],512),[[o["V"],Object(o["Q"])(l)]])]))}};a("5191");const P=C()(S,[["__scopeId","data-v-76a521d3"]]);var I=P;const A={id:"tab-headers"},L=["onClick"],N={id:"active-tab",style:{"flex-grow":"1",display:"flex",height:"calc(100% - 120px)"}};var H={__name:"Tabs",props:["customClass"],emits:["changeTab"],setup(e,{emit:t}){let a=Object(o["I"])(null),n=Object(o["I"])(null),l=Object(o["I"])(null),i=Object(o["I"])(0);Object(o["B"])(()=>{l.value=[...a.value.querySelectorAll(".tab")];for(let e of l.value)e.classList.contains("active")&&(i=l.value.indexOf(e))});const r=e=>{i=e;for(let t of[...l.value,...n.value])t.classList.remove("active");l.value[i].classList.add("active"),n.value[i].classList.add("active"),t("changeTab",i)};return(t,s)=>(Object(o["E"])(),Object(o["h"])("div",{id:"tabs-container",class:Object(o["u"])(e.customClass),ref_key:"tabContainer",ref:a,style:{height:"100%",display:"flex","flex-direction":"column"}},[Object(o["i"])("div",A,[Object(o["i"])("ul",null,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(Object(o["Q"])(l),(e,t)=>(Object(o["E"])(),Object(o["h"])("li",{key:t,class:Object(o["u"])(Object(o["Q"])(i)==t?"active":""),onClick:e=>r(t),ref_for:!0,ref_key:"tabHeaders",ref:n},Object(o["O"])(e.title),11,L))),128))])]),Object(o["i"])("div",N,[Object(o["K"])(t.$slots,"default")])],2))}};a("e9ee");const B=H;var M=B,Q={__name:"Tab",props:["active"],setup(e){return(t,a)=>(Object(o["E"])(),Object(o["h"])("div",{class:Object(o["u"])(["tab","true"==e.active?"active":""]),ref:"tabs"},[Object(o["K"])(t.$slots,"default")],2))}};a("77a2");const z=Q;var F=z;const R={style:{position:"relative"}},U={style:{"overflow-y":"auto"}},V=["title","onMousedown","datatype","bindingname"],$=["datatype","bindingname","onMouseover","src"];var G={__name:"BindingsPanel",props:["appData"],emits:["bindingOvered"],setup(e,{expose:t,emit:a}){const n=e;let l,i,r=Object(o["I"])("type");function s(e){l=e.dragStart,i=e.dragStop}const c=Object(o["d"])(()=>{let e=[];return d.value.forEach(t=>{e.push({id:"tempplaceholder",type:"tempplaceholder",label:"Temp PlaceHolder",tagName:"TEMPPLACEHOLDER",content:`<tempplaceholder datatype="${t.type}" bindingname="${t.name}" isbinding="true"style="padding: 10px;">Binding '${t.name}' (${t.type})</tempplaceholder>`,properties:[],droppable:!1,editable:!1,draggable:!0,binding:t})}),e}),d=Object(o["d"])(()=>{let e;return n.appData.pages[0].model.fields&&("az"==r.value?e=m["a"].sortBy(n.appData.pages[0].model.fields,e=>e.name.toLowerCase()):"type"==r.value&&(e=m["a"].sortBy(n.appData.pages[0].model.fields,e=>e.type.toLowerCase()+"_"+e.name.toLowerCase()))),e}),p=function(e,t){let o=t.target;a("bindingOvered",{element:o,binding:e})},u=function(){a("bindingOvered",{element:null,binding:null})};return t({setHandleBlocks:s}),(e,t)=>(Object(o["E"])(),Object(o["h"])("div",R,[Object(o["i"])("div",U,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(c.value,e=>(Object(o["E"])(),Object(o["h"])("div",{title:e.binding.type,isbinding:"true",onMousedown:t=>Object(o["Q"])(l)(e),datatype:e.binding.type,bindingname:e.binding.name,class:"bindingItem",key:e.binding.name},[Object(o["i"])("img",{datatype:e.binding.type,bindingname:e.binding.name,onMouseover:t=>p(e.binding,t),onMouseout:u,src:"img/icons/type_"+e.binding.type+".png",class:"typeIcon"},null,40,$),Object(o["j"])(" "+Object(o["O"])(e.binding.name),1)],40,V))),128))])]))}};a("cace");const q=C()(G,[["__scopeId","data-v-e29c2338"]]);var J=q,X=a("2ef0"),Y=a.n(X);a("98c5"),a("13d5");let W=[{id:"Area Chart",icon:"areaChart",traceTemplate:{gbtype:"Area Chart",x:["2024-01-01","2024-01-02","2024-01-03"],y:[10,15,13],type:"scatter",name:"Trace",fill:"tozeroy",mode:"none"}},{id:"Bar Chart",icon:"barChart",traceTemplate:{gbtype:"Bar Chart",x:["Category 1","Category 2","Category 3"],y:[9,10,20],type:"bar",name:"Trace"}},{id:"Box",icon:"boxChart",traceTemplate:{gbtype:"Box",y:[1,2,3,4,7,9],type:"box",name:"Trace"}},{id:"Candlestick",icon:"candlestickChart",traceTemplate:{gbtype:"Candlestick",x:["2024-01-01","2024-01-02","2024-01-03"],close:[10,12,11],high:[11,13,12],low:[9,11,10],open:[9,11,11],type:"candlestick",name:"Trace"}},{id:"Choropleth",icon:"choroplethChart",traceTemplate:{gbtype:"Choropleth",locationmode:"country names",locations:["Canada","United States","Mexico"],z:[10,20,30],type:"choropleth",name:"Trace"}},{id:"Cone",icon:"coneChart",traceTemplate:{gbtype:"Cone",x:[1,2,3],y:[1,2,3],z:[1,2,3],u:[1,0,0],v:[0,1,0],w:[0,0,1],type:"cone",name:"Trace",sizemode:"absolute"}},{id:"Contour",icon:"contourChart",traceTemplate:{gbtype:"Contour",x:[1,2,3],y:[1,2,3],z:[[10,10,10],[20,20,20],[30,30,30]],type:"contour",name:"Trace"}},{id:"Funnel",icon:"funnelChart",traceTemplate:{gbtype:"Funnel",x:[10,20,30],y:["Stage 1","Stage 2","Stage 3"],type:"funnel",name:"Trace"}},{id:"Funnel Area",icon:"funnelAreaChart",traceTemplate:{gbtype:"Funnel Area",values:[100,80,60,40,20],text:["Stage 1","Stage 2","Stage 3","Stage 4","Stage 5"],type:"funnelarea",name:"Trace"}},{id:"Heatmap",icon:"heatmapChart",traceTemplate:{gbtype:"Heatmap",x:["A","B","C"],y:["1","2","3"],z:[[1,20,30],[20,1,60],[30,60,1]],type:"heatmap",name:"Trace"}},{id:"Heatmap GL",icon:"heatmapGLChart",traceTemplate:{gbtype:"Heatmap GL",x:["A","B","C"],y:["1","2","3"],z:[[1,20,30],[20,1,60],[30,60,1]],type:"heatmapgl",name:"Trace"}},{id:"Histogram",icon:"histogramChart",traceTemplate:{gbtype:"Histogram",x:[1,2,3,2,3,2,3,7,6,8,5,8,1,1,1,9],type:"histogram",name:"Trace"}},{id:"Histogram 2D",icon:"histogram2DChart",traceTemplate:{gbtype:"Histogram 2D",x:[1,2,2,3,4],y:[6,6,7,8,8],type:"histogram2d",name:"Trace"}},{id:"Histogram 2D Contour",icon:"histogram2DContourChart",traceTemplate:{gbtype:"Histogram 2D Contour",x:[1,2,2,3,4],y:[6,6,7,8,8],type:"histogram2dcontour",name:"Trace"}},{id:"Indicator",icon:"indicatorChart",traceTemplate:{gbtype:"Indicator",mode:"number+delta",value:400,delta:{reference:350},type:"indicator",name:"Trace"}},{id:"Isosurface",icon:"isosurfaceChart",traceTemplate:{gbtype:"Isosurface",x:[0,0,0,0,1,1,1,1],y:[0,0,1,1,0,0,1,1],z:[0,1,0,1,0,1,0,1],value:[1,2,3,4,5,6,7,8],isomin:2,isomax:6,type:"isosurface",name:"Trace"}},{id:"Line Chart",icon:"lineChart",traceTemplate:{gbtype:"Line Chart",x:["2024-01-01","2024-01-02","2024-01-03"],y:[5,6,7],type:"scatter",mode:"lines",name:"Trace"}},{id:"Mash 3D",icon:"mash3DChart",traceTemplate:{gbtype:"Mash 3D",x:[0,1,2,0],y:[0,0,1,2],z:[0,2,0,1],i:[0,0,0,1],j:[1,2,3,2],k:[2,3,1,3],type:"mesh3d",name:"Trace"}},{id:"OHLC",icon:"ohlcChart",traceTemplate:{gbtype:"OHLC",x:["2024-01-01","2024-01-02","2024-01-03"],open:[100,110,120],high:[105,115,125],low:[95,105,115],close:[102,112,122],type:"ohlc",name:"Trace"}},{id:"Pie Chart",icon:"pieChart",traceTemplate:{gbtype:"Pie Chart",labels:["Slice 1","Slice 2","Slice 3"],values:[10,20,30],type:"pie",name:"Trace"}},{id:"Scatter",icon:"scatterChart",traceTemplate:{gbtype:"Scatter",x:[5,10,15],y:[10,15,5],type:"scatter",mode:"markers",name:"Trace"}},{id:"Scatter 3D",icon:"scatter3DChart",traceTemplate:{gbtype:"Scatter 3D",x:[1,2,3,4],y:[4,3,2,1],z:[1,2,3,4],mode:"markers",type:"scatter3d",name:"Trace"}},{id:"Scatter Geo",icon:"scatterGeoChart",traceTemplate:{gbtype:"Scatter Geo",lat:[40.712776,34.052235,41.878113],lon:[-74.005974,-118.243685,-87.629798],mode:"markers",type:"scattergeo",name:"Trace"}},{id:"Scatter GL",icon:"scatterGLChart",traceTemplate:{gbtype:"Scatter GL",x:[1,2,3,4],y:[10,11,12,13],mode:"markers",type:"scattergl",name:"Trace"}},{id:"Surface",icon:"surfaceChart",traceTemplate:{gbtype:"Surface",x:[1,2,3,4,5],y:[1,2,3,4,5],z:[[1,2,3,4,5],[2,4,6,8,10],[3,6,9,12,15],[4,8,12,16,20],[5,10,15,20,25]],type:"surface",name:"Trace"}},{id:"Table",icon:"tableChart",traceTemplate:{gbtype:"Table",header:{values:[["Header 1"],["Header 2"],["Header 3"]],align:"center",line:{width:1,color:"black"},fill:{color:"grey"},font:{family:"Arial",size:12,color:"white"}},cells:{values:[["Row 1","Row 2","Row 3"],["1","2","3"],["a","b","c"]],align:"center",line:{width:1,color:"black"},fill:{color:"white"},font:{family:"Arial",size:11,color:"black"}},type:"table",name:"Trace"}},{id:"Timeline",icon:"timelineChart",traceTemplate:{gbtype:"Timeline",x:["Start Date 1","Start Date 2","Start Date 3"],xend:["End Date 1","End Date 2","End Date 3"],y:["Task 1","Task 2","Task 3"],type:"scatter",mode:"lines",line:{width:4},name:"Trace"}},{id:"Violin",icon:"violinChart",traceTemplate:{gbtype:"Violin",y:[20,30,40,50,60,70,80,90,100,110],type:"violin",name:"Trace",box:{visible:!0},meanline:{visible:!0}}},{id:"Waterfall",icon:"waterfallChart",traceTemplate:{gbtype:"Waterfall",x:["Product Revenue","Services Revenue","Total Revenue","Fixed Costs","Variable Costs","Total Costs","Net Profit"],y:[60,80,0,-40,-20,0,40],type:"waterfall",name:"Trace",text:["$60","$80","","-$40","-$20","","$40"],textposition:"outside",connector:{line:{color:"rgb(63, 63, 63)"}},increasing:{marker:{color:"Green"}},decreasing:{marker:{color:"Red"}},totals:{marker:{color:"DeepSkyBlue"}}}},{id:"Scatter Mapbox",icon:"scatterMapboxChart",traceTemplate:{gbtype:"Scatter Mapbox",lat:[40.712776,34.052235],lon:[-74.005974,-118.243685],mode:"markers",type:"scattermapbox",name:"Trace"},traceLayout:{dragmode:"zoom",mapbox:{style:"open-street-map",center:{lat:38,lon:-90},zoom:3},margin:{r:0,t:0,b:0,l:0}}},{id:"Streamtube",icon:"streamtubeChart",traceTemplate:{gbtype:"Streamtube",type:"streamtube",x:[0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2],y:[0,0,0,1,1,1,2,2,2,0,0,0,1,1,1,2,2,2,0,0,0,1,1,1,2,2,2],z:[0,1,2,0,1,2,0,1,2,0,1,2,0,1,2,0,1,2,0,1,2,0,1,2,0,1,2],u:[1,1,1,1,1,1,1,1,1,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427],v:[1,1,1,.5403023059,.5403023059,.5403023059,.4161468365,.4161468365,.4161468365,1,1,1,.5403023059,.5403023059,.5403023059,.4161468365,.4161468365,.4161468365,1,1,1,.5403023059,.5403023059,.5403023059,.4161468365,.4161468365,.4161468365],w:[0,.088656062,.169392742,0,.088656062,.169392742,0,.088656062,.169392742,0,.088656062,.169392742,0,.088656062,.169392742,0,.088656062,.169392742,0,.088656062,.169392742,0,.088656062,.169392742,0,.088656062,.169392742],sizeref:.5,cmin:0,cmax:3,name:"Trace"}},{id:"Volume",icon:"volumeChart",traceTemplate:Z()}];function Z(){const e=3;let t=[],a=[],o=[],n=[];for(let r=1;r<=e;r++)for(let l=1;l<=e;l++)for(let i=1;i<=e;i++)t.push(r),a.push(l),o.push(i),n.push(0);for(let r=0;r<15;r++){const e=Math.floor(Math.random()*n.length);n[e]=1}n=n.map((t,a)=>{const o=[n[a-1]||0,n[a+1]||0,n[a-e]||0,n[a+e]||0,n[a-e*e]||0,n[a+e*e]||0],l=o.reduce((e,t)=>e+t,0);return(t+l/o.length)/2});const l=Math.max(...n);n=n.map(e=>e/l);const i={type:"volume",x:t,y:a,z:o,value:n,isomin:.1,isomax:.8,opacity:.1,surface_count:25};return i}const K=e=>(Object(o["G"])("data-v-9700a050"),e=e(),Object(o["F"])(),e),ee={class:"componentAddDialogContainer"},te={class:"componentAddDialog"},ae=K(()=>Object(o["i"])("p",{style:{"margin-bottom":"6px","font-size":"12px","font-weight":"400",opacity:"0.7"}},"Add component for binding",-1)),oe={style:{"padding-bottom":"10px","border-bottom":"1px solid #cccccc50"}},ne=["src"],le=K(()=>Object(o["i"])("div",{style:{"font-size":"14px",padding:"20px 0px 15px"}},"Suggested Components:",-1)),ie={class:"compGroupsContainer"},re=["onClick"],se={class:"compName"},ce={style:{"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap","pointer-events":"none"}},de={style:{"justify-content":"center",display:"flex","margin-bottom":"3px",filter:"brightness(1.5) saturate(1)","pointer-events":"none"}},pe=["src"];var ue={__name:"ComponentAddDialog",props:["appData","componentPlaceHolderData"],emits:["closeDialog"],setup(e,{emit:t}){const a=e;function n(e){console.log("chartTypes",W);let t=W.find(t=>t.id==e);return t?t.traceTemplate:(console.error("Could not find chart with id: "+e),"")}const l=function(e){let t;t=e.icon?e.icon:e.type.split("q-").join("")+".png";const a="img/block_icons/"+t;return a};function i(e,t){console.log("selectCompProp(comp, prop",e,t);let o=(new DOMParser).parseFromString(e.content,"text/html").body.childNodes[0],l=t,i=a.componentPlaceHolderData.bindingname;if("DataFrames.DataFrame"==a.componentPlaceHolderData.datatype){let t=s(a.componentPlaceHolderData.bindingname);i+="."+t,i="$_{"+i+"}";let r=n(e.label);null!=r.x&&(r.x=i),null!=r.y&&(r.y=i),null!=r.z&&(r.z=i),null!=r.labels&&(r.labels=i),null!=r.values&&(r.values=i),console.log("traceTemplate: ",r),i=`[${JSON.stringify(r)}]`,i=btoa(i),o.removeAttribute("gb_c__data"),console.log("finalBindingName",i),o.setAttribute("gb_c__"+l,i)}else"DataTable.DataFrames.DataFrame"==a.componentPlaceHolderData.datatype?(o.removeAttribute("gb_c__data"),i+=".data",o.setAttribute("gb_b__"+l,i),o.setAttribute("gb_b__columns",a.componentPlaceHolderData.bindingname+".columns")):o.setAttribute("gb_b__"+l,i);let c=o.outerHTML;editor.getSelected().replaceWith(c),r(!1)}function r(e){t("closeDialog",e)}function s(e){let t=a.appData.pages[0].model.fields.filter(t=>t.name==e);return 0==t.length?(console.error("Could not find dataframe with name: "+e),""):t[0].columns&&0!=t[0].columns.length?t[0].columns[0]:(console.error("Dataframe "+e+" has no columns"),"")}return(e,t)=>(Object(o["E"])(),Object(o["h"])("div",ee,[Object(o["i"])("div",te,[Object(o["i"])("div",{class:"closeButton",onClick:t[0]||(t[0]=e=>r(!0))},"X"),ae,Object(o["i"])("div",oe,[Object(o["i"])("img",{src:"img/icons/type_"+a.componentPlaceHolderData.datatype+".png",style:{height:"17px","vertical-align":"middle",display:"inline-block"}},null,8,ne),Object(o["j"])(" "+Object(o["O"])(a.componentPlaceHolderData.bindingname),1)]),le,Object(o["i"])("div",ie,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(a.componentPlaceHolderData.components,e=>(Object(o["E"])(),Object(o["h"])("div",{class:"compGroup",key:e.type,onClick:t=>i(e,e.matchingProperties[0])},[Object(o["i"])("div",se,[Object(o["i"])("div",ce,Object(o["O"])(e.label),1),Object(o["i"])("div",de,[Object(o["i"])("img",{src:l(e),class:"typeIcon",style:{filter:"var(--library-icon-filter)","max-height":"20px","margin-top":"6px","pointer-events":"none"}},null,8,pe)])])],8,re))),128))])])]))}};a("173e");const be=C()(ue,[["__scopeId","data-v-9700a050"]]);var me=be,_e=a("d6e4");let ge,fe,he,ye={supportedIcons:["search","search","home","account_circle","settings","done","info","check_circle","delete","visibility","shopping_cart","favorite","description","logout","favorite_border","lock","schedule","language","help_outline","face","manage_accounts","verified","filter_alt","thumb_up","event","fingerprint","dashboard","list","login","visibility_off","check_circle_outline","calendar_today","highlight_off","help","paid","task_alt","question_answer","date_range","article","open_in_new","shopping_bag","lightbulb","credit_card","perm_identity","history","trending_up","account_balance","delete_outline","fact_check","report_problem","verified_user","assignment","star_rate","arrow_right_alt","account_balance_wallet","autorenew","build","view_list","work","print","store","analytics","delete_forever","today","calendar_month","admin_panel_settings","lock_open","watch_later","grade","update","savings","room","code","receipt","add_shopping_cart","contact_support","power_settings_new","done_all","pets","explore","bookmark","account_box","note_add","reorder","bookmark_border","pending_actions","shopping_basket","payment","launch","drag_indicator","supervisor_account","touch_app","pending","zoom_in","assessment","leaderboard","thumb_up_off_alt","open_in_full","preview","done_outline","exit_to_app","assignment_ind","published_with_changes","card_giftcard","view_in_ar","feedback","work_outline","timeline","swap_horiz","assignment_turned_in","dns","stars","sync_alt","label","flight_takeoff","tips_and_updates","book","contact_page","alarm","space_dashboard","bug_report","cached","gavel","translate","pan_tool","edit_calendar","supervised_user_circle","minimize","extension","accessibility","android","rocket_launch","get_app","question_mark","record_voice_over","add_task","trending_flat","help_center","hourglass_empty","accessibility_new","rule","thumb_down","sticky_note_2","settings_applications","source","dashboard_customize","find_in_page","ads_click","support","flutter_dash","close_fullscreen","redeem","announcement","loyalty","swap_vert","arrow_circle_right","view_headline","restore","dangerous","euro_symbol","group_work","sensors","compare_arrows","subject","table_view","disabled_by_default","privacy_tip","nightlight_round","https","toc","track_changes","arrow_circle_up","bookmarks","copyright","grading","currency_exchange","input","api","perm_media","query_builder","view_module","build_circle","zoom_out","perm_contact_calendar","settings_phone","backup","open_with","circle_notifications","perm_phone_msg","book_online","speaker_notes","label_important","wysiwyg","card_membership","file_present","arrow_circle_down","pageview","3d_rotation","upgrade","integration_instructions","change_history","trending_down","swipe","class","percent","accessible","g_translate","settings_accessibility","expand","offline_bolt","settings_backup_restore","production_quantity_limits","arrow_circle_left","aspect_ratio","model_training","view_column","donut_large","segment","calendar_view_month","schedule_send","alarm_on","maximize","bookmark_add","thumbs_up_down","settings_ethernet","theaters","view_agenda","thumb_down_off_alt","important_devices","unpublished","invert_colors","opacity","commute","open_in_browser","system_update_alt","no_accounts","addchart","history_toggle_off","view_week","youtube_searched_for","tour","shopping_cart_checkout","hide_source","bookmark_added","mark_as_unread","settings_input_antenna","shop","plagiarism","turned_in","search_off","not_started","flight_land","assignment_late","assignment_return","donut_small","saved_search","filter_alt_off","contactless","highlight_alt","hotel_class","settings_input_component","balance","view_carousel","view_quilt","anchor","all_inbox","turned_in_not","mediation","settings_remote","edit_off","hourglass_full","fit_screen","flaky","rocket","toll","remove_shopping_cart","lock_clock","swap_horizontal_circle","settings_voice","view_sidebar","event_seat","online_prediction","vertical_split","next_plan","pregnant_woman","data_exploration","terminal","restore_from_trash","lock_reset","camera_enhance","markunread_mailbox","dynamic_form","tab","calendar_view_week","view_stream","accessible_forward","request_page","token","remove_done","settings_power","smart_button","add_to_drive","card_travel","outbox","try","offline_pin","calendar_view_day","find_replace","density_medium","rowing","compress","chrome_reader_mode","fax","outlet","assignment_returned","http","settings_brightness","add_card","alarm_add","generating_tokens","new_label","backup_table","spellcheck","restore_page","credit_card_off","wifi_protected_setup","play_for_work","free_cancellation","settings_overscan","work_history","123","gif","outbound","disabled_visible","swap_vertical_circle","settings_input_composite","cancel_schedule_send","quickreply","view_day","event_repeat","comment_bank","assured_workload","switch_access_shortcut","display_settings","view_timeline","line_weight","pan_tool_alt","horizontal_split","noise_control_off","webhook","satellite_alt","polymer","batch_prediction","send_and_archive","picture_in_picture","manage_history","code_off","bookmark_remove","settings_bluetooth","shop_two","output","html","flip_to_front","gif_box","eject","speaker_notes_off","alarm_off","perm_data_setting","settings_input_hdmi","perm_scan_wifi","hourglass_disabled","troubleshoot","switch_access_shortcut_add","sensors_off","settings_cell","work_off","app_blocking","picture_in_picture_alt","line_style","perm_device_information","join_full","subtitles_off","update_disabled","app_shortcut","javascript","abc","swipe_left","voice_over_off","private_connectivity","lightbulb_circle","settings_input_svideo","join_inner","flip_to_back","view_array","swipe_right","install_desktop","open_in_new_off","swipe_up","all_out","shop_2","label_off","density_small","tab_unselected","rounded_corner","data_thresholding","text_rotate_vertical","arrow_outward","commit","explore_off","install_mobile","text_rotation_none","view_kanban","not_accessible","css","swipe_down","lock_person","pin_invoke","join_left","extension_off","spatial_audio_off","perm_camera_mic","pinch","swipe_vertical","noise_aware","pin_end","view_cozy","join_right","swipe_right_alt","text_rotate_up","text_rotation_angleup","text_rotation_down","text_rotation_angledown","browse_gallery","php","view_comfy_alt","view_compact_alt","network_ping","swipe_down_alt","add_home","density_large","on_device_training","swipe_left_alt","spatial_tracking","swipe_up_alt","unfold_more_double","spatial_audio","width_full","unfold_less_double","repartition","width_normal","transcribe","width_wide","hls","hls_off","face_unlock","close","close","menu","expand_more","arrow_back","chevron_right","arrow_forward_ios","arrow_back_ios","cancel","arrow_drop_down","more_vert","arrow_forward","chevron_left","expand_less","check","more_horiz","refresh","apps","payments","arrow_upward","east","campaign","arrow_back_ios_new","arrow_downward","arrow_right","menu_open","fullscreen","arrow_drop_up","unfold_more","double_arrow","maps_home_work","west","expand_circle_down","south","arrow_left","north_east","north","home_work","first_page","fullscreen_exit","arrow_drop_down_circle","last_page","unfold_less","subdirectory_arrow_right","legend_toggle","south_east","app_settings_alt","assistant_direction","subdirectory_arrow_left","north_west","waterfall_chart","switch_left","south_west","pivot_table_chart","switch_right","apps_outage","offline_share","add_home_work","person","person","notifications","groups","people","share","school","person_outline","person_add","public","emoji_events","group","engineering","notifications_active","construction","people_alt","group_add","psychology","health_and_safety","thumb_up_alt","travel_explore","water_drop","notifications_none","emoji_emotions","sports_esports","sentiment_very_satisfied","location_city","ios_share","precision_manufacturing","sentiment_satisfied","workspace_premium","person_add_alt","military_tech","science","emoji_objects","history_edu","cake","sentiment_dissatisfied","sentiment_very_dissatisfied","handshake","emoji_people","coronavirus","self_improvement","person_remove","poll","whatshot","sports_soccer","domain","mood","recommend","people_outline","female","recycling","person_off","male","person_add_alt_1","connect_without_contact","sentiment_neutral","back_hand","hiking","waving_hand","architecture","masks","notifications_off","thumb_down_alt","luggage","real_estate_agent","front_hand","vaccines","mood_bad","emoji_nature","switch_account","nights_stay","king_bed","catching_pokemon","interests","compost","sports_basketball","notification_add","diversity_3","sports_kabaddi","sports","emoji_symbols","reduce_capacity","emoji_food_beverage","cruelty_free","man","sick","emoji_transportation","sports_tennis","cookie","heart_broken","transgender","elderly","add_moderator","outdoor_grill","deck","woman","add_reaction","social_distance","personal_injury","follow_the_signs","plus_one","fireplace","wallet","scale","clean_hands","piano","pix","surfing","sanitizer","sports_motorsports","diversity_1","sports_handball","sports_baseball","edit_notifications","hive","sports_volleyball","pages","groups_2","sports_football","downhill_skiing","kayaking","psychology_alt","public_off","single_bed","remove_moderator","group_remove","skateboarding","co2","notifications_paused","boy","person_remove_alt_1","safety_divider","diversity_2","domain_add","fitbit","sports_cricket","group_off","sports_mma","nordic_walking","sports_martial_arts","sports_golf","girl","thunderstorm","paragliding","6_ft_apart","party_mode","snowboarding","kitesurfing","sports_gymnastics","groups_3","face_6","snowshoeing","sports_hockey","ice_skating","south_america","sports_rugby","face_3","elderly_woman","sledding","scoreboard","person_2","face_2","face_4","sign_language","no_luggage","cyclone","person_4","face_5","person_3","piano_off","flood","scuba_diving","severe_cold","tsunami","roller_skating","tornado","landslide","assist_walker","woman_2","man_2","volcano","18_up_rating","blind","no_adult_content","man_4","man_3","add","add","add_circle_outline","content_copy","add_circle","send","clear","save","mail","link","remove","filter_list","inventory_2","inventory","insights","remove_circle_outline","sort","bolt","flag","reply","add_box","remove_circle","push_pin","block","calculate","create","undo","how_to_reg","content_paste","report","file_copy","backspace","shield","archive","save_alt","policy","tag","change_circle","redo","forward","content_cut","outlined_flag","inbox","link_off","ballot","drafts","biotech","report_gmailerrorred","delete_sweep","stacked_bar_chart","markunread","square_foot","add_link","stream","where_to_vote","dynamic_feed","copy_all","move_to_inbox","waves","unarchive","content_paste_search","reply_all","select_all","low_priority","text_format","save_as","font_download","weekend","how_to_vote","upcoming","gesture","attribution","flag_circle","content_paste_go","filter_list_off","next_week","content_paste_off","report_off","web_stories","deselect","font_download_off","edit","edit","navigate_next","photo_camera","image","tune","picture_as_pdf","receipt_long","circle","timer","auto_stories","collections","auto_awesome","navigate_before","add_a_photo","palette","remove_red_eye","music_note","add_photo_alternate","wb_sunny","brush","euro","flash_on","looks_one","auto_fix_high","control_point","style","adjust","straighten","photo_library","camera","portrait","camera_alt","audiotrack","video_camera_front","rotate_right","color_lens","grid_on","crop_free","timelapse","landscape","slideshow","currency_rupee","collections_bookmark","crop_square","lens","panorama_fish_eye","looks_two","filter_vintage","compare","looks_3","filter_drama","image_search","healing","auto_awesome_motion","rotate_left","center_focus_strong","crop","blur_on","wb_incandescent","flare","face_retouching_natural","wb_cloudy","assistant","broken_image","cases","colorize","filter_none","brightness_4","filter_center_focus","crop_original","auto_fix_normal","dehaze","nature_people","photo","flash_off","auto_awesome_mosaic","tag_faces","brightness_6","brightness_5","details","grain","flip_camera_android","brightness_1","flip","loupe","image_not_supported","flip_camera_ios","view_comfy","filter_1","movie_creation","add_to_photos","panorama","bedtime","animation","center_focus_weak","looks_4","movie_filter","crop_din","filter","control_point_duplicate","brightness_7","leak_add","currency_bitcoin","nature","incomplete_circle","texture","view_compact","timer_off","photo_size_select_actual","video_camera_back","transform","currency_yen","motion_photos_on","photo_camera_front","rotate_90_degrees_ccw","looks_5","mic_external_on","gradient","assistant_photo","wb_twilight","currency_pound","contrast","hide_image","music_off","exposure_plus_1","crop_16_9","thermostat_auto","filter_2","shutter_speed","exposure","photo_album","filter_tilt_shift","hdr_strong","looks","vrpano","linked_camera","brightness_3","looks_6","blur_circular","flash_auto","motion_photos_auto","crop_portrait","photo_filter","iso","brightness_2","tonality","photo_size_select_small","filter_hdr","crop_7_5","rotate_90_degrees_cw","crop_rotate","photo_size_select_large","filter_3","exposure_zero","hdr_weak","currency_ruble","camera_front","crop_5_4","filter_frames","burst_mode","camera_roll","logo_dev","filter_b_and_w","blur_linear","crop_3_2","crop_landscape","switch_camera","switch_video","filter_7","exposure_plus_2","filter_4","filter_9_plus","grid_off","wb_iridescent","motion_photos_paused","monochrome_photos","photo_camera_back","filter_5","auto_fix_off","face_retouching_off","exposure_neg_1","panorama_photosphere","filter_8","leak_remove","filter_9","video_stable","timer_10","filter_6","wb_shade","blur_off","motion_photos_off","raw_on","motion_photos_pause","hdr_on","vignette","panorama_horizontal","30fps_select","image_aspect_ratio","dirty_lens","deblur","camera_rear","60fps_select","timer_3","panorama_wide_angle_select","24mp","exposure_neg_2","currency_yuan","currency_lira","autofps_select","panorama_horizontal_select","panorama_photosphere_select","hdr_plus","wb_auto","panorama_wide_angle","panorama_vertical_select","mic_external_off","12mp","panorama_vertical","mp","hdr_enhanced_select","currency_franc","hevc","18mp","10mp","raw_off","23mp","bedtime_off","hdr_off","11mp","20mp","3mp","5mp","13mp","15mp","16mp","21mp","2mp","17mp","14mp","22mp","19mp","9mp","4mp","7mp","8mp","6mp","email","email","location_on","call","phone","business","chat","mail_outline","list_alt","qr_code_scanner","vpn_key","chat_bubble_outline","alternate_email","forum","chat_bubble","textsms","contact_mail","person_search","sentiment_satisfied_alt","qr_code","qr_code_2","message","contacts","comment","key","import_contacts","app_registration","contact_phone","import_export","live_help","forward_to_inbox","hourglass_bottom","hourglass_top","rss_feed","mark_email_read","hub","read_more","document_scanner","more_time","mark_email_unread","call_end","clear_all","dialpad","phone_enabled","mark_chat_unread","cancel_presentation","3p","call_made","screen_share","call_split","unsubscribe","present_to_all","domain_verification","mark_chat_read","add_ic_call","co_present","phonelink_ring","stay_current_portrait","call_received","phonelink_lock","phone_disabled","ring_volume","location_off","phonelink_setup","duo","cell_tower","stay_primary_portrait","swap_calls","voicemail","call_merge","mobile_screen_share","phonelink_erase","person_add_disabled","domain_disabled","call_missed_outgoing","speaker_phone","spoke","cell_wifi","desktop_access_disabled","stop_screen_share","print_disabled","call_missed","mark_unread_chat_alt","pause_presentation","dialer_sip","invert_colors_off","comments_disabled","contact_emergency","wifi_calling","rtt","portable_wifi_off","send_time_extension","mail_lock","stay_current_landscape","sip","nat","stay_primary_landscape","no_sim","key_off","vpn_key_off","local_shipping","local_shipping","place","menu_book","local_offer","badge","map","category","restaurant","directions_car","local_fire_department","volunteer_activism","my_location","flight","local_mall","near_me","handyman","directions_run","restaurant_menu","layers","medical_services","directions_walk","lunch_dining","local_hospital","celebration","local_library","pin_drop","park","local_atm","local_activity","person_pin","design_services","local_cafe","rate_review","delivery_dining","directions_bus","local_police","directions_bike","fastfood","directions_car_filled","home_repair_service","zoom_out_map","hotel","cleaning_services","local_phone","local_grocery_store","miscellaneous_services","navigation","local_gas_station","train","person_pin_circle","local_parking","local_florist","diamond","local_post_office","money","directions","two_wheeler","factory","add_business","traffic","electrical_services","local_bar","route","directions_boat","alt_route","agriculture","pedal_bike","beenhere","360","warehouse","liquor","emergency","moving","local_airport","sailing","add_location_alt","local_dining","maps_ugc","local_taxi","ramen_dining","trip_origin","hail","local_drink","local_laundry_service","directions_bus_filled","local_printshop","theater_comedy","local_pizza","not_listed_location","add_location","transfer_within_a_station","dinner_dining","bakery_dining","forest","wine_bar","terrain","multiple_stop","takeout_dining","store_mall_directory","icecream","museum","nightlife","local_pharmacy","hardware","add_road","departure_board","set_meal","ev_station","local_see","electric_car","festival","plumbing","layers_clear","car_rental","attractions","edit_location","local_convenience_store","zoom_in_map","pest_control","medical_information","dry_cleaning","run_circle","edit_road","edit_attributes","edit_location_alt","church","moped","wrong_location","car_repair","local_movies","satellite","directions_boat_filled","tram","soup_kitchen","taxi_alert","breakfast_dining","signpost","atm","subway","transit_enterexit","straight","merge","brunch_dining","hvac","electric_bike","directions_transit","crisis_alert","electric_scooter","connecting_airports","bus_alert","egg","local_car_wash","local_hotel","mode_of_travel","stadium","castle","streetview","safety_check","directions_subway","car_crash","mosque","compass_calibration","electric_rickshaw","turn_right","airline_stops","directions_railway","no_meals","fork_right","railway_alert","electric_moped","local_play","bike_scooter","no_crash","turn_left","airlines","pest_control_rodent","near_me_disabled","snowmobile","u_turn_left","directions_transit_filled","egg_alt","no_transfer","file_download","play_arrow","star","warning","support_agent","attach_money","keyboard_arrow_down","light_mode","storefront","manage_search","sensor_door"].sort(),supportedColors:["primary","secondary","accent","dark","positive","negative","info","warning"]};function ve(){return ge}function Oe(e){u["a"].get("data/blockDefinitions.json").then(t=>{ge=t.data,je(),we(),e(ge)}).catch(e=>{console.error("Error loading block definitions: ",e)})}function je(){ge=ge.filter(e=>e.enabled),ge.forEach(e=>{let t=e.properties.findIndex(e=>"v-model"==e.name);t>-1&&e.properties.splice(t,1);let a=e.properties.findIndex(e=>"model-value"==e.name);a>-1&&(e.properties[a].name="v-model",e.properties[a].label="Data Binding"),(e.content.indexOf("v-on:click")>-1||e.content.indexOf("v-model")>-1)&&(e.content=e.content.replace('v-on:click="-"','v-on:click=""'),e.content=e.content.replace('v-model="-"','v-model=""'));let o=e.properties;o.forEach(e=>{for(let t in e){let a=e[t];if("string"==typeof a&&0==a.indexOf("${")){let o=a.slice(2,-1),n=ye[o];e[t]=n}Array.isArray(a)&&(e[t]=a[0])}})})}function we(){ge.push({type:"tempplaceholder",label:"Temp PlaceHolder",tagName:"TEMPPLACEHOLDER",content:"<tempplaceholder>TEMP Place holder</tempplaceholder>",properties:[],droppable:!1,editable:!1,draggable:!0}),W.forEach(e=>{let t=btoa(JSON.stringify([e.traceTemplate])),a=e.traceLayout,o=a?btoa(JSON.stringify(a)):"eyJ0aXRsZSI6Ik15IENoYXJ0In0=";ge.push({type:"plotly",label:e.id,tagName:"PLOTLY",category:"Charts",content:`<plotly gb_c__data="${t}" gb_c__layout="${o}" gb_c__config="e30="></plotly>`,renderContent:'<img src="img/block_icons/areaChart.png" />',icon:e.icon+".png",properties:[{label:"Data",name:"data",type:"PlotlyBase.GenericTrace"},{label:"Layout",name:"layout",type:"PlotlyBase.Layout"},{label:"Config",name:"config",type:"Object"}]})})}function xe(){null==fe&&(fe=ve(),he={},fe.forEach(e=>{he[e.tagName]=e}))}class Ce{constructor(){throw new Error("HtmlTemplateParser is a static class and cannot be instantiated")}static replaceSpecialElements(e){return e.replace(/<%/g,"<JULIA_CODE>").replace(/%>/g,"</JULIA_CODE>")}static restoreSpecialElements(e){return e.replace(/<JULIA_CODE>/gi,"<% ").replace(/<\/JULIA_CODE>/gi," %>")}static encodeAttributesInDOM(e){if(!(e instanceof Node))throw new Error("Element is not a Node");Ce.replaceElementAttributes(e);for(let t=0;t<e.childNodes.length;t++)Ce.encodeAttributesInDOM(e.childNodes[t])}static replaceElementAttributes(e){xe();let t=window.sharedData.modelFieldsByName,a="gb_",o=a+"c__",n=a+"b__",l=["v-model","v-bind","v-on:click"],i=["class","style","id"],r=e.nodeName,s=he[r];if(!s)return;let c=s.properties,d=e.getAttributeNames();d.forEach(a=>{if(i.indexOf(a)>-1)return;let r=a.startsWith(":"),s=r?a.slice(1):a,d=r||l.some(e=>0===a.indexOf(e)),p=e.getAttribute(a),u=c.find(e=>e.name===s),b=null!=t[p];u&&(d?b?e.setAttribute(n+s,p):e.setAttribute(o+s,p):""==p?e.setAttribute(o+s,"true"):e.setAttribute(o+s,p),e.removeAttribute(a))})}static revertElementAttributes(e){xe();let t="gb_",a=t+"c__",o=t+"b__",n=e.nodeName,l=he[n];if(!l)return;let i=l.properties,r=e.getAttributeNames();r.forEach(t=>{let l=e.getAttribute(t);if(t.startsWith(a)){let o=t.replace(a,""),r=i.find(e=>e.name===o);if(!r)throw new Error("Attribute definition not found for: "+o);let s=r.type;"PLOTLY"==n&&["data","layout","config"].includes(o)||"String"==s||o.startsWith("v-on:")||(o=":"+o),e.setAttribute(o,l),e.removeAttribute(t)}else if(t.startsWith(o)){let a=t.replace(o,""),n="v-model"===a||a.startsWith("v-on:")?"":":";e.setAttribute(n+a,l),e.removeAttribute(t)}})}static decodeAttributesInDOM(e){let t=e.querySelectorAll("*");t.forEach(e=>{Ce.revertElementAttributes(e)})}static guessDataType(e){return"number"===typeof e||/^-?\d*\.?\d+$/.test(e)?"Number":"true"===e||"false"===e||"boolean"===typeof e?"Boolean":Array.isArray(e)||/^\[.*\]$/.test(e)?"Array":"String"}static removeEmptyTextNodes(e){const t=new DOMParser,a=t.parseFromString(e,"text/html"),o=e=>e.nodeType===Node.TEXT_NODE&&!/\S/.test(e.nodeValue),n=e=>{const t=Array.from(e.childNodes);t.forEach(t=>{o(t)?e.removeChild(t):n(t)})};n(a.body);const l=new XMLSerializer,i=l.serializeToString(a.body);return i.replace(/^<body>|<\/body>$/g,"")}}var ke=a("ade3");class De{constructor(){throw new Error("Configuration is a static class and cannot be instantiated")}static getExternalApiBaseUrl(e){if(!e)throw new Error("getExternalApiBaseUrl() requires a protocol argument");De.GB_SOURCE!=De.GB_SOURCE_LOCAL&&(e+="s");let t=`${e}://${De.GB_HOST}`;return De.GB_SOURCE==De.GB_SOURCE_LOCAL?t+=":":t+="/proxy/",t+=De.GB_PORT+"/",console.log(e+" - getExternalApiBaseUrl: ",t),t}static getAppBaseUrl(e,t){if(!e)throw new Error("getAppBaseUrl() requires a protocol argument");De.GB_SOURCE!=De.GB_SOURCE_LOCAL&&(e+="s");let a=`${e}://${De.GB_HOST}`;return De.GB_SOURCE==De.GB_SOURCE_LOCAL?a+=":":a+="/proxy/",a+=t+"/",console.log(e+" - getAppBaseUrl: ",a),a}static getAppAssetsBaseUrl(e,t){if(!e)throw new Error("getAppAssetsBaseUrl() requires a protocol argument");De.GB_SOURCE!=De.GB_SOURCE_LOCAL&&(e+="s");let a=`${e}://${De.GB_HOST}`;return De.GB_SOURCE==De.GB_SOURCE_LOCAL&&(a+=":",a+=t+"/"),console.log(e+" - getAppAssetsBaseUrl: ",a),a}}Object(ke["a"])(De,"appid",""),Object(ke["a"])(De,"appport",""),Object(ke["a"])(De,"CHANNEL__",""),Object(ke["a"])(De,"GB_SOURCE_LOCAL","local"),Object(ke["a"])(De,"GB_SOURCE_CLOUD","cloud"),Object(ke["a"])(De,"GB_SOURCE",""),Object(ke["a"])(De,"GB_HOST",""),Object(ke["a"])(De,"GB_PORT",""),Object(ke["a"])(De,"ask_ai_url","https://5590-77-229-161-26.ngrok-free.app/api/");const Ee=e=>(Object(o["G"])("data-v-55795ab2"),e=e(),Object(o["F"])(),e),Te={style:{height:"100%"}},Se=Ee(()=>Object(o["i"])("div",{id:"gjs",style:{height:"300px"}},null,-1)),Pe={id:"customLibrary",style:{display:"none"}},Ie={class:"blocks"},Ae=["onMousedown"],Le={class:"block-label"},Ne={id:"canvasBlockerDialog"},He=Ee(()=>Object(o["i"])("div",{style:{"margin-bottom":"5px"}},"AI Code Assistant changes applied!",-1));var Be={__name:"CanvasPanel",props:["appData"],emits:["componentSelected","bindingDroppedOnComponent"],setup(e,{expose:t,emit:a}){const n=e;window.HtmlTemplateParser=Ce;let l=Object(o["I"])(n.appData.pages[0].model.fields),i={};l.value.forEach(e=>{i[e.name]=e});let r=blockDefinitions.map(e=>{let t={type:e.type,label:e.label,tagName:e.tagName,id:e.type,category:e.category,content:e.content,droppable:e.droppable,draggable:e.draggable,editable:e.editable,activate:!0};return t});window.selectedComponent=null;let s=Object(o["I"])(null),c=Object(o["I"])(null),d=Object(o["I"])({}),p=Object(o["I"])(null),b=Object(o["I"])(!1);function m(){editor.UndoManager.undo(),b.value=!1}function _(){b.value=!1}function g(e){e&&(editor.getSelected().remove(),window.selectedComponent=null,editor.select(null)),s.value=null}function f(e){if(editor.select(e),"tempplaceholder"==e.attributes.tagName){var t;let o=e.view.$el[0].parentNode,n=null===(t=o.grapesModel)||void 0===t?void 0:t.attributes.type;"plotly"==n&&e.attributes.attributes.bindingname&&e.attributes.attributes.datatype?a("bindingDroppedOnComponent",{newComponentModel:e,targetModel:o.grapesModel,bindingInfo:e.attributes.attributes}):h(e.attributes.attributes.bindingname,e.attributes.attributes.datatype)}}function h(e,t){console.log("offerComponents",e,t);let a=blockDefinitions,o=[];a.forEach(e=>{let a=e.type,n=e.properties,l=n.filter(e=>{let a=e.type==t,o="v-model"==e.name;return a&&o}).map(e=>e.name);l.length>0&&l.includes("v-model")&&o.push({type:a,label:e.label,content:e.content,matchingProperties:l}),("DataFrames.DataFrame"==t&&"plotly"==a||"DataTable.DataFrames.DataFrame"==t&&"q-table"==a)&&o.push({type:a,label:e.label,content:e.content,icon:e.icon,matchingProperties:["data"]})}),s.value={components:o,bindingname:e,datatype:t}}window.sharedData={externalData:null,setExternalData:function(e){for(let a in e)this.externalData[a]=e[a];const t=new CustomEvent("sharedDataChanged",{detail:this.externalData});for(let a in window.canvasComponents){let e=window.canvasComponents[a];null!=e&&e.onExternalDataChanged(t)}}},window.sharedData.externalData={initialProperty:"initialValue"},window.sharedData.getComponentDefinitionByType=j,window.sharedData.modelFieldsByName=i;let y,v,O=De.getAppBaseUrl("ws",De.appport);function j(e){let t=blockDefinitions,a=t.find(t=>t.type.toLowerCase()==e.toLowerCase());return a}function w(e,t){d.value[e]=t,window.sharedData.setExternalData(d.value)}function x(e,t={}){let a=JSON.stringify({channel:De.CHANNEL__,message:e,payload:t});y.send(a)}function C(){let e=JSON.stringify({channel:"autoreload",message:"subscribe",payload:{}});y.send(e)}function k(){return y=new WebSocket(O),y.addEventListener("open",e=>{x("subscribe"),C()}),y.addEventListener("message",e=>{if("Subscription: OK"!=e.data){if(0==e.data.indexOf("{")){let t=JSON.parse(e.data);null!=t.key&&w(t.key,t.value)}}else x("watchers",{payload:{field:"isready",newval:!0,oldval:!1}})}),y.addEventListener("close",e=>{console.log("newSocketConnection::close",e)}),y.addEventListener("error",e=>{console.log("newSocketConnection::error",e)}),y}function D(e,t){var a=document.createElement("script");a.src=e,a.onload=()=>t(e),a.onerror=()=>console.error("Error loading script: "+e),document.head.appendChild(a)}function E(){let e=n.appData.pages[0].deps.scripts,t=De.getAppAssetsBaseUrl("http",n.appData.port);"/"==t[t.length-1]&&(t=t.substring(0,t.length-1));let a=["assets/js/vue.js","assets/js/channels.js","assets/js/stipplecore.js","assets/js/watchers.js","assets/js/main_app_varmain_app_reactivemodel.js"],o=[];e.forEach(e=>{a.forEach(a=>{if(e.indexOf(a)>-1){let a=t+e;o.push(a)}})}),window.autorun=!1;let l=0;o.forEach(e=>{D(e,(function(){l++,l===o.length&&(console.log("All scripts loaded successfully!"),initStipple("#Main_App_varMain_App_ReactiveModel"),window.sharedData.setExternalData(window.GENIEMODEL._data),k(),T())}))})}function T(){let e=n.appData.pages[0].deps.scripts,t=De.getAppAssetsBaseUrl("http",n.appData.port);"/"==t[t.length-1]&&(t=t.substring(0,t.length-1));let o=["assets/js/channels.js","assets/js/watchers.js","assets/js/keepalive.js","assets/js/syncplot.js","assets/js/autoreload.js","assets/js/main_app_varmain_app_reactivemodel.js"],l=[];e.forEach(e=>{let a=!1;if(o.forEach(t=>{e.indexOf(t)>-1&&(a=!0)}),!a){let a=t+e;l.push(a)}}),l.push("data/contentMain.js"),console.log("parsedSCripts",l);let s=[];s.push("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons"),n.appData.pages[0].deps.styles.forEach(e=>{let a=t+e;s.push(a)}),s.push("data/grapesCanvas.css");const d=window.editor=grapesjs.init({container:"#gjs",fromElement:!0,storageManager:!1,canvas:{scripts:l,styles:s},i18n:{locale:"en",detectLocale:!1,messages:{en:{domComponents:{names:{div:"Div"}}}}},layerManager:{root:"#gbTemplateContainer",appendTo:"#layersContainer",sortable:!0,hidable:!0},blockManager:{custom:!0,blocks:r},styleManager:{appendTo:"#myStyleEditorContainerSections",sectors:[{name:"General",properties:[{extend:"float",type:"radio",default:"none",options:[{value:"none",className:"fa fa-times"},{value:"left",className:"fa fa-align-left"},{value:"right",className:"fa fa-align-right"}]},"display",{extend:"position",type:"select"},"top","right","left","bottom"]},{name:"Dimension",open:!1,properties:["width",{id:"flex-width",type:"integer",name:"Width",units:["px","%"],property:"flex-basis",toRequire:1},"height","max-width","min-height","margin","padding"]},{name:"Typography",open:!1,properties:["font-family","font-size","font-weight","letter-spacing","color","line-height",{extend:"text-align",options:[{id:"left",label:"Left",className:"fa fa-align-left"},{id:"center",label:"Center",className:"fa fa-align-center"},{id:"right",label:"Right",className:"fa fa-align-right"},{id:"justify",label:"Justify",className:"fa fa-align-justify"}]},{property:"text-decoration",type:"radio",default:"none",options:[{id:"none",label:"None",className:"fa fa-times"},{id:"underline",label:"underline",className:"fa fa-underline"},{id:"line-through",label:"Line-through",className:"fa fa-strikethrough"}]},"text-shadow"]},{name:"Decorations",open:!1,properties:["opacity","border-radius","border","box-shadow","background"]},{name:"Extra",open:!1,buildProps:["transition","perspective","transform"]},{name:"Flex",open:!1,properties:[{name:"Flex Container",property:"display",type:"select",defaults:"block",list:[{value:"block",name:"Disable"},{value:"flex",name:"Enable"}]},{name:"Flex Parent",property:"label-parent-flex",type:"integer"},{name:"Direction",property:"flex-direction",type:"radio",defaults:"row",list:[{value:"row",name:"Row",className:"icons-flex icon-dir-row",title:"Row"},{value:"row-reverse",name:"Row reverse",className:"icons-flex icon-dir-row-rev",title:"Row reverse"},{value:"column",name:"Column",title:"Column",className:"icons-flex icon-dir-col"},{value:"column-reverse",name:"Column reverse",title:"Column reverse",className:"icons-flex icon-dir-col-rev"}]},{name:"Justify",property:"justify-content",type:"radio",defaults:"flex-start",list:[{value:"flex-start",className:"icons-flex icon-just-start",title:"Start"},{value:"flex-end",title:"End",className:"icons-flex icon-just-end"},{value:"space-between",title:"Space between",className:"icons-flex icon-just-sp-bet"},{value:"space-around",title:"Space around",className:"icons-flex icon-just-sp-ar"},{value:"center",title:"Center",className:"icons-flex icon-just-sp-cent"}]},{name:"Align",property:"align-items",type:"radio",defaults:"center",list:[{value:"flex-start",title:"Start",className:"icons-flex icon-al-start"},{value:"flex-end",title:"End",className:"icons-flex icon-al-end"},{value:"stretch",title:"Stretch",className:"icons-flex icon-al-str"},{value:"center",title:"Center",className:"icons-flex icon-al-center"}]},{name:"Flex Children",property:"label-parent-flex",type:"integer"},{name:"Order",property:"order",type:"integer",defaults:0,min:0},{name:"Flex",property:"flex",type:"composite",properties:[{name:"Grow",property:"flex-grow",type:"integer",defaults:0,min:0},{name:"Shrink",property:"flex-shrink",type:"integer",defaults:0,min:0},{name:"Basis",property:"flex-basis",type:"integer",units:["px","%",""],unit:"",defaults:"auto"}]},{name:"Align",property:"align-self",type:"radio",defaults:"auto",list:[{value:"auto",name:"Auto"},{value:"flex-start",title:"Start",className:"icons-flex icon-al-start"},{value:"flex-end",title:"End",className:"icons-flex icon-al-end"},{value:"stretch",title:"Stretch",className:"icons-flex icon-al-str"},{value:"center",title:"Center",className:"icons-flex icon-al-center"}]}]}]},selectorManager:{appendTo:"#myStyleEditorContainerClasses",componentFirst:!0},plugins:["grapesjs-plugin-ckeditor"],pluginsOpts:{"grapesjs-plugin-ckeditor":{options:{toolbar:[{name:"undo",items:["Undo","Redo"]},{name:"styles",items:["Font","FontSize"]},["Bold","Italic","Underline","Strike"],{name:"links",items:["Link","Unlink"]},{name:"colors",items:["TextColor","BGColor"]}]}}}}),{Panels:p}=d;p.getButton("views","open-blocks").set("active",!1);let b=!1;d.runCommand("sw-visibility"),d.on("rte:enable",()=>{setTimeout(()=>{d.trigger("frame:scroll"),console.log("rte:enable")},1e3)}),d.on("component:add",e=>{"true"==e.attributes.attributes.iscomposite?(b=!0,setTimeout(()=>{b=!1,f(e),a("componentSelected",e),m()},200)):b||(f(e),m())}),d.on("component:remove",e=>{"true"==e.attributes.attributes.iscomposite?(b=!0,setTimeout(()=>{b=!1,a("componentSelected",null),m()},200)):b||(a("componentSelected",null),m())}),d.on("component:selected",e=>{b||a("componentSelected",e)}),d.on("component:update",e=>{m()}),d.on("component:styleUpdate",e=>{m()}),d.on("property:compAdd:",e=>{m()}),d.on("property:compRemove:",e=>{m()}),d.on("property:compUpdate:",e=>{m()});let m=Y.a.debounce((function(){console.log(">>>>>>>>>> component:autoSave"),a("autoSaveTriggered")}),1e3);d.on("canvas:dragdata",(e,t,a)=>{if(e){let a=e.getData("text");a=JSON.parse(a),"binding"==a.objectType&&(t.content=`<tempplaceholder style="padding:10px;" bindingname="${a.bindingname}" datatype="${a.datatype}">{{ ${a.bindingname} }}</tempplaceholder>`)}else t.content=t.content.content}),d.DomComponents.addType("julia_code",{model:{defaults:{tagName:"julia_code",editable:!0,droppable:!1}},view:{events:{dblclick:"onActive",focusout:"onDisable"},onActive(){this.el.contentEditable=!0},onDisable(){const{el:e,model:t}=this;e.contentEditable=!1,t.set("content",e.innerHTML)}}}),Object(_e["registerPlotlyComponent"])(d),blockDefinitions.forEach(e=>{const t=["plotly","tempplaceholder"];t.includes(e.type)||d.DomComponents.addType(e.type,{isComponent:t=>{if(t.tagName==e.tagName)return{type:e.type,name:e.label}},model:{defaults:{draggable:e.draggable,droppable:e.droppable,editable:e.editable,isComposite:e.isComposite,script:function(){var e=window.parent.sharedData.externalData;let t=this.attributes.id.nodeValue;function a(e){let t={},a=Object.getOwnPropertyNames(e);return a.forEach(a=>{let o=(e[a],e[a]);t[a]=o}),t}window.parent.addCanvasComponent(t,this),this.onExternalDataChanged=t=>{e=t.detail,r=a(this.attributes),this.vueApp.updateServerData(e)};let o=this.grapesModel.attributes.tagName,n=(this.grapesModel.attributes.attributes,window.parent.sharedData.getComponentDefinitionByType),l=window.parent.sharedData.modelFieldsByName,i=n(o),r=a(this.grapesModel.attributes.attributes);Vue.config.warnHandler=(e,a,o)=>{let n=document.getElementById(t);n.innerHTML=`<div class="componentError"><b style="font-size: 1.2em;">${i.label}</b><br/>${e}</div>`},Stipple.init({theme:"stipple-blue"}),this.vueApp=new Vue({el:"#vueinternal_"+t,data:function(){return{message:"TESTING_ID",attributes:r,serverData:e}},computed:{parsedAttributes(){let e={},t=this.attributes;console.log("parsedAttributes",t);for(let a in t){let o=":"==a[0]?a.substring(1):a,n=i.properties.find(e=>e.name==o),r=t[a],s=null!=l[r];"v-model"!=o?n?s?e[":"+o]=this.serverData[r]:"String"==n.type?e[""+o]=r:e[":"+o]=r:e[""+o]=r:e["v-model"]=this.serverData[r]}return e}},methods:{updateServerData(e){this.serverData=e},updateAttributes(e){this.attributes=a(e),r=this.attributes,this.updateServerData(this.serverData),this.$forceUpdate()}},mounted(){}})}},init(){this.listenTo(this,"change:attributes",this.onAttributeChange)},handleAttrChange(){},render:function(){this.view.onRender()},removed(){window.parent.postMessage({command:"removeCanvasComponent",uid:this.ccid},"*")}},view:{onAttributeChange(){},onRender(){const{el:e,model:t}=this;let a=e.attributes.id.nodeValue;e.grapesModel=t;let o=e.grapesModel.attributes.tagName,n=e.grapesModel.attributes.attributes,l=j(o),r=`<div id="vueinternal_${a}" style="position: relative;">\n            <${o} `;for(let s in n){let e=s;0!=e.indexOf("gb_c__")&&0!=e.indexOf("gb_b__")||(e=e.substring(6));let t=l.properties.find(t=>t.name==e),a=n[s],o=null!=i[a];if(!o&&a.indexOf(".")>-1){let e=a.split("."),t=e[0],n=i[t];n&&"DataTable.DataFrames.DataFrame"==n.type&&n.props&&n.props.includes(e[1])&&(o=!0)}"v-model"!=e?t?o?r+=`:${e}="serverData.${a}" `:"String"==t.type||0==e.indexOf("v-on")?r+=`${e}="${a}" `:r+=`:${e}="${a}" `:r+=`${e}="${a}" `:r+=""==a?'v-model="serverData.none" ':`v-model="serverData.${a}" `}r+=`></${o}>\n            </div>\n          `,e.innerHTML=r}}})});let _=n.appData.pages[0].assets,g=_.find(e=>e.indexOf("autogenerated.css")>-1);if(g){let e=window.apibase+"apps/"+De.appid+"/edit?path="+encodeURIComponent(g);u["a"].get(e).then(e=>{d.setComponents(c.value),d.setStyle(e.data.content)}).catch(e=>{console.log("error loading autogenerated styles",e)})}else d.setComponents(c.value)}function S(e){console.log("showAiCodePreview",e),b.value=e}function P(e){if("canvasBlocker"!=e.target.id)return;console.log("addShakeEffect",e);const t=document.getElementById("canvasBlockerDialog");t.classList.add("shake-effect"),t.addEventListener("animationend",()=>{t.classList.remove("shake-effect")},{once:!0})}function I(e){d.value=e}function A(e){e=Ce.removeEmptyTextNodes(e),e=Ce.replaceSpecialElements(e);let t=`\n    <div class="container layoutMockRoot" data-gjs-removable="false" data-gjs-draggable="false" data-gjs-droppable="false">\n      <div class="row layoutMockRow" data-gjs-removable="false" data-gjs-draggable="false" data-gjs-droppable="false">\n        <div class="col-12 layoutMockCol" data-gjs-removable="false" data-gjs-draggable="false" data-gjs-droppable="false">\n          <div id="gbTemplateContainer" class="container" data-gjs-removable="false" data-gjs-draggable="false" data-gjs-type="default">\n            ${e}\n          </div>\n        </div>\n      </div>\n    </div>`;const a=new DOMParser,o=a.parseFromString(t,"text/html"),n=o.body;Ce.encodeAttributesInDOM(n);const l=n.innerHTML;c.value=l,E()}return Object(o["B"])(()=>{}),t({updateReactiveModel:I,updateTemplateFile:A,showAiCodePreview:S}),(e,t)=>{const a=Object(o["L"])("vscode-button");return Object(o["E"])(),Object(o["h"])("div",Te,[Se,Object(o["Q"])(s)?(Object(o["E"])(),Object(o["f"])(me,{key:0,onCloseDialog:g,appData:n.appData,componentPlaceHolderData:Object(o["Q"])(s)},null,8,["appData","componentPlaceHolderData"])):Object(o["g"])("",!0),Object(o["i"])("div",Pe,[Object(o["j"])(" Custom Blocks "),Object(o["i"])("div",Ie,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(Object(o["Q"])(r),e=>(Object(o["E"])(),Object(o["h"])("div",{class:"block",key:e.id,onMousedown:t=>Object(o["Q"])(v)(e)},[Object(o["i"])("div",Le,Object(o["O"])(e.label),1)],40,Ae))),128))])]),Object(o["Q"])(b)?(Object(o["E"])(),Object(o["h"])("div",{key:1,id:"canvasBlocker",ref_key:"canvasBlocker",ref:p,onClick:P},[Object(o["i"])("div",Ne,[He,Object(o["k"])(a,{onClick:m,style:{width:"100px !important","margin-right":"10px","background-color":"#aaa"}},{default:Object(o["X"])(()=>[Object(o["j"])("Revert")]),_:1}),Object(o["k"])(a,{onClick:_,style:{width:"100px !important"}},{default:Object(o["X"])(()=>[Object(o["j"])("Keep")]),_:1})]),Object(o["j"])(" canvas blocker ")],512)):Object(o["g"])("",!0)])}}},Me=(a("c2a3"),a("bc0f"),a("eaac")),Qe=a("93dc"),ze=a.n(Qe);const Fe=C()(Be,[["__scopeId","data-v-55795ab2"]]);var Re=Fe;ze()(Be,"components",{QTable:Me["a"]});const Ue={style:{"max-height":"100%","overflow-y":"auto","margin-top":"10px","user-select":"none","flex-grow":"1"}},Ve={style:{display:"flex","flex-wrap":"wrap",gap:"5px","flex-direction":"column"}},$e={style:{"font-weight":"bold","margin-bottom":"5px","text-transform":"capitalize","margin-top":"10px"}},Ge={class:"uiItemContainer"},qe=["blocktype","onMousedown","on:pointerdown_BAD","on:pointerup_BAD","title"],Je={class:"uiItemLabel"},Xe={class:"uiItemIcon"},Ye=["src"];var We={__name:"LibraryPanel",emits:["blockCustomTriggered"],setup(e,{emit:t}){const a=["tempplaceholder","partial"];let n=blockDefinitions.filter(e=>-1===a.indexOf(e.type));n.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"1-Col Row",properties:[],tagName:"DIV",type:"1column",content:'<div class="row">\n<div class="st-col col-12 col-sm st-module"></div></div>',media:"",category:"Layout"}),n.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"2-Col Row",properties:[],tagName:"DIV",type:"2columns",content:'<div class="row">\n<div class="st-col col-12 col-sm st-module"></div>\n<div class="st-col col-12 col-sm st-module"></div>\n</div>',media:"",category:"Layout"}),n.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"3-Col Row",properties:[],tagName:"DIV",type:"3columns",content:'<div class="row">\n<div class="st-col col-12 col-sm st-module"></div>\n<div class="st-col col-12 col-sm st-module"></div>\n<div class="st-col col-12 col-sm st-module"></div>\n</div>',media:"",category:"Layout"}),n.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Column",properties:[],tagName:"DIV",type:"1column",content:'<div class="st-col col-12 col-sm st-module"></div>',media:"",category:"Layout"}),n.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Sidebar Left",properties:[],tagName:"DIV",type:"sidebar_left",content:'<header class="st-header q-pa-sm">\n<h1 class="st-header__title text-h3">Header Text</h1>\n</header>\n<div class="row">\n<div class="st-col col-3 col-sm st-module"></div>\n<div class="st-col col-9 st-module"></div>\n</div>\n<footer class="st-module">Page footer</footer>\n',media:"",category:"Layout"}),n.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Sidebar Right",properties:[],tagName:"DIV",type:"sidebar_right",content:'<header class="st-header q-pa-sm">\n<h1 class="st-header__title text-h3">Header Text</h1>\n</header>\n<div class="row">\n<div class="st-col col-9 st-module"></div>\n<div class="st-col col-3 col-sm st-module"></div>\n</div>\n<footer class="st-module">Page footer</footer>\n',media:"",category:"Layout"}),n.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Sidebars",properties:[],tagName:"DIV",type:"sidebars",content:'<header class="st-header q-pa-sm">\n<h1 class="st-header__title text-h3">Header Text</h1>\n</header>\n<div class="row">\n<div class="st-col col-3 col-sm st-module"></div>\n<div class="st-col col-5 st-module"></div>\n<div class="st-col col-3 col-sm st-module"></div>\n</div>\n<footer class="st-module">Page footer</footer>\n',media:"",category:"Layout"}),n.push({label:"Header",tagName:"header",type:"header",description:"",category:"Layout",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:'<header class="st-module"><h1>Page header</h1></header>'}),n.push({label:"Footer",tagName:"footer",type:"footer",description:"",category:"Layout",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:'<footer class="st-module">Page footer</footer>'}),n.push({label:"H1",tagName:"H1",type:"H1",description:"",category:"Text",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:"<H1>Header Content</H1>"}),n.push({label:"H2",tagName:"H2",type:"H2",description:"",category:"Text",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:"<H2>Header Content</H2>"}),n.push({label:"H3",tagName:"H3",type:"H3",description:"",category:"Text",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:"<H3>Header Content</H3>"}),n.push({label:"H4",tagName:"H4",type:"H4",description:"",category:"Text",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:"<H4>Header Content</H4>"}),n.push({label:"H5",tagName:"H5",type:"H5",description:"",category:"Text",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:"<H5>Header Content</H5>"}),n.push({label:"H6",tagName:"H6",type:"H6",description:"",category:"Text",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:"<H6>Header Content</H6>"}),n.push({label:"Paragraph",tagName:"P",type:"paragraph",description:"",category:"Text",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:"<p>Paragraph Content</p>"});let l,i,r,s=["Layout","Text","Content","Forms","Widgets","Lists","Tables","Charts","Multimedia","Timeline","Other"],c=Object(o["I"])(null),d=Object(o["I"])(""),p=!1,u=null,b=null,m=blockDefinitions.map(e=>{let t={type:e.type,label:e.label,tagName:e.tagName,id:e.type,category:e.category,content:e.content,droppable:e.droppable,draggable:e.draggable,editable:e.editable,activate:!0};return t});function _(e){m=e.blocks,l=e.dragStart,i=e.dragStop,t("blockCustomTriggered",e)}function g(e){void 0!=e&&(d.value=e.target.value);let t=[],a={};return h.value.forEach(e=>{if(1==e.hideFromLibrary)return;let o=e.category||"other";a[o]||(a[o]={category:o,blocks:[]},t.push(a[o])),a[o].blocks.push(e)}),t.sort((e,t)=>{let a=s.indexOf(e.category),o=s.indexOf(t.category);return a>o?1:a<o?-1:0}),t.forEach(e=>{e.blocks.sort((e,t)=>e.label>t.label?1:e.label<t.label?-1:0)}),c.value=t,f(),t}function f(){let e="Block Categories:\n--------------------\n";c.value.forEach(t=>{e+=t.category+"\n",t.blocks.forEach(t=>{e+="  "+t.label+"\n"})}),console.log(e)}Object(o["B"])(()=>{r=setInterval(()=>{if(window.editor){clearInterval(r),window.editor.on("block:custom",_);const{Panels:e}=window.editor;e.getButton("views","open-blocks").set("active",!0),console.log("[debug] LibraryPanel :: onMounted :: window.editor Ready: ",window.editor)}else console.log("[debug] LibraryPanel :: onMounted :: window.editor NOT ready")},1e3)});const h=Object(o["d"])(()=>{if(!d.value)return n;let e=n.filter(e=>e.label.toLowerCase().indexOf(d.value.toLowerCase())>-1);return e});g();const y=function(e){let t;t=e.icon?e.icon:e.type.split("q-").join("")+".png";const a="img/block_icons/"+t;return a};function v(e,t){b=document.querySelector(".gjs-frame"),sorter=editor.BlockManager.blocksView.getSorter(),sorter.__currentBlock=e,sorter.setDragHelper(t.target,t),sorter.setDropContent(e.content),sorter.startSort(t.target);let a=t.target;while(a&&!a.classList.contains("uiItem"))a=a.parentElement;a&&(p=!0,u=a,a.setPointerCapture(t.pointerId))}function O(e){if(!p||!sorter)return;const t=b.getBoundingClientRect();e.clientX,t.left,e.clientY,t.top}function j(e,t){sorter&&(sorter.endMove(),sorter=null),p=!1;const a=b.getBoundingClientRect();if(t.clientX>=a.left&&t.clientX<=a.right&&t.clientY>=a.top&&t.clientY<=a.bottom){u.style.pointerEvents="none";const o=b.contentDocument,n=t.clientX-a.left,l=t.clientY-a.top,i=o.elementFromPoint(n,l);let r=i.getAttribute("id");u.style.pointerEvents="",u.style.position="static";let s=editor.DomComponents.getWrapper().find("#"+r)[0];s&&(s.components().add(e.content),editor.refresh())}else u.style.position="static";u=null}return(e,t)=>{const a=Object(o["L"])("vscode-text-field");return Object(o["E"])(),Object(o["h"])(o["a"],null,[Object(o["i"])("div",null,[Object(o["k"])(a,{value:Object(o["Q"])(d),onInput:t[0]||(t[0]=e=>g(e)),placeholder:"Search UI Components",style:{padding:"5px 10px",width:"90%"}},null,8,["value"])]),Object(o["i"])("div",Ue,[Object(o["i"])("div",Ve,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(Object(o["Q"])(c),e=>(Object(o["E"])(),Object(o["h"])("div",{key:e.category,style:{display:"flex","flex-direction":"column",width:"100%"}},[Object(o["i"])("div",$e,Object(o["O"])(e.category),1),Object(o["i"])("div",Ge,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(e.blocks,e=>(Object(o["E"])(),Object(o["h"])("div",{key:e.id,blocktype:e.type,class:"uiItem",onMousedown:t=>Object(o["Q"])(l)(e),"on:pointerdown_BAD":t=>v(e,t),"on:pointermove_BAD":O,"on:pointerup_BAD":t=>j(e,t),title:e.label},[Object(o["i"])("div",Je,Object(o["O"])(e.label),1),Object(o["i"])("div",Xe,[Object(o["i"])("img",{src:y(e),class:"libraryIcon",style:{}},null,8,Ye)])],40,qe))),128))])]))),128))])])],64)}}};a("5f60");const Ze=C()(We,[["__scopeId","data-v-3da05314"]]);var Ke=Ze;const et=e=>(Object(o["G"])("data-v-ac17f3aa"),e=e(),Object(o["F"])(),e),tt={class:"blocker"},at={class:"addPropsPanel"},ot=et(()=>Object(o["i"])("div",{style:{"text-align":"center","font-size":"0.8em","font-weight":"bold","margin-bottom":"10px"}},"Add Property",-1)),nt={class:"addPropsList"},lt=["onClick","title"],it={style:{width:"70%"}},rt={style:{"text-transform":"capitalize",width:"30%","font-size":"0.8em",overflow:"hidden","white-space":"nowrap","text-overflow":"ellipsis",display:"flex","justify-content":"right","align-items":"center",opacity:"0.6"}};var st={__name:"AddPropertyDialog",props:["propslist","defObject","destination"],emits:["propAdded","close"],setup(e,{emit:t}){const a=e;function n(e){t("propAdded",e,a.defObject,a.destination)}function l(){return m["a"].sortBy(a.propslist,e=>e.label.toLowerCase())}function i(){t("close")}return(e,t)=>(Object(o["E"])(),Object(o["h"])("div",tt,[Object(o["i"])("div",at,[ot,Object(o["i"])("div",{class:"closeAddProp",onClick:i},"X"),Object(o["i"])("div",nt,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(l(),e=>(Object(o["E"])(),Object(o["h"])("div",{class:"addPropRow",onClick:t=>n(e),title:e.desc||"Property description not available"},[Object(o["i"])("div",it,Object(o["O"])(e.label),1),Object(o["i"])("div",rt,Object(o["O"])(e.type),1)],8,lt))),256))])])]))}};a("380c");const ct=C()(st,[["__scopeId","data-v-ac17f3aa"]]);var dt=ct;const pt=e=>(Object(o["G"])("data-v-7f346cd4"),e=e(),Object(o["F"])(),e),ut={key:0,class:"foldableGroupHeader"},bt={class:"groupHeaderContent"},mt=["src"],_t=pt(()=>Object(o["i"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"14px",padding:"0px"}},"delete",-1)),gt=[_t],ft={class:"col-1 removeBtnCnt",style:{width:"20px",position:"absolute"}},ht=["onClick"],yt=pt(()=>Object(o["i"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"14px",padding:"0px"}},"delete",-1)),vt=[yt],Ot=["title"],jt={key:0,class:"col-7"},wt=["onUpdate:modelValue","attrname"],xt=["value"],Ct={key:1,class:"col-7"},kt={key:0,class:"chartTypeContainer",style:{position:"relative"}},Dt=["attrname"],Et=["value"],Tt={key:2,class:"col-7"},St={key:3,class:"col-7"},Pt=["onUpdate:modelValue","attrname"],It=["value"],At={key:4,class:"col-7",style:{"align-items":"center",position:"relative",display:"flex"}},Lt=["onUpdate:modelValue"],Nt=["type","onUpdate:modelValue"],Ht=["onClick"],Bt={key:0,src:"img/icons/binding_on.png",style:{height:"16px"},draggable:"false"},Mt={key:1,src:"img/icons/binding_off.png",style:{height:"16px"},draggable:"false"};var Qt={__name:"ChartPropertiesSection",props:["dataSourceColumns","treeObject","propertiesDefinition","appData","modelFields","sectionIndex","showSectionTitle"],emits:["change"],setup(e,{emit:t}){const a=e;let n=o["I"][null];console.log("ChartSection.modelFields: ",a.modelFields);const l=Object(o["d"])(()=>{let e=W.find(e=>e.id==n);return console.log("chartTypeDeffffff",e),e?e.icon:(console.error("Could not find chart type definition for: "+n),"scatterChart")});function i(){let e=a.sectionIndex;t("removeTrace",e)}function r(e){let t=e.id;console.log("removeTraceProperty before: ",e,a.treeObject),s(a.treeObject,t),console.log("removeTraceProperty after: ",e,a.treeObject),u()}function s(e,t){const a=t.split(".");function o(e,t){const n=a[t];if(t===a.length-1)return delete e[n],0===Object.keys(e).length;if(void 0!==e[n]){const a=o(e[n],t+1);if(a)return delete e[n],0===Object.keys(e).length}return!1}o(e,0)}function c(e){console.log("toggleDynamicAttribute",e);let t,a=e.valueHolderParent[e.propName];0==a.indexOf("$_{")?(t=a.replace("$_{",""),t=t.substring(0,t.length-1)):t="$_{"+a+"}",e.valueHolderParent[e.propName]=t,u()}function d(e){console.log("isPropValueBinding",e.propName,e);let t=e.valueHolderParent[e.propName];return"string"==typeof t&&0==t.indexOf("$_{")}function p(e){console.log("changeChartType",n,a.treeObject),console.log("chartTypes",W);let t=W.find(e=>e.id==n);console.log("chartTypeDef",t);let o={};for(let n in a.treeObject)o[n]=a.treeObject[n];for(let n in a.treeObject)delete a.treeObject[n];for(let n in t.traceTemplate)void 0!=o[n]&&"type"!=n&&"gbtype"!=n?a.treeObject[n]=o[n]:a.treeObject[n]=t.traceTemplate[n];console.log("props.treeObject FINAL:",a.treeObject),a.treeObject.gbtype=n,u()}function u(){t("change",a.treeObject)}function b(e,t){const a=t.split(".");if(1==a.length)return e;for(let o=0;o<a.length-1;o++){if(!e||!e.hasOwnProperty(a[o]))return;e=e[a[o]]}return e}function m(e,t){const a=t.split(".");for(let o=0;o<a.length;o++){if(!e||!e.hasOwnProperty(a[o]))return;e=e[a[o]]}return e}const _=Object(o["d"])(()=>{let e=[];for(let t=0;t<a.propertiesDefinition.length;t++){let o={...a.propertiesDefinition[t]},n=m(a.treeObject,o.id);void 0!==n&&(o.valueHolderParent=b(a.treeObject,o.id),o.propName=o.id.split(".").pop(),e.push(o))}return console.log("definitionsListWithValues",e),e});return(t,a)=>{const s=Object(o["L"])("vscode-text-field");return Object(o["E"])(),Object(o["h"])(o["a"],null,[e.showSectionTitle?(Object(o["E"])(),Object(o["h"])("div",ut,[Object(o["i"])("div",bt,[Object(o["i"])("img",{src:"img/block_icons/"+l.value+".png",class:"chartTypeIcon",style:{opacity:1}},null,8,mt),Object(o["j"])(" "+Object(o["O"])(e.treeObject.name),1)]),Object(o["i"])("div",{class:"removeBtnCnt",style:{width:"20px"}},[Object(o["i"])("span",{onClick:i,title:"Remove Trace",class:"codicon codicon-settings"},gt)])])):Object(o["g"])("",!0),(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(_.value,t=>(Object(o["E"])(),Object(o["h"])("div",{class:"row propRow",style:{position:"relative"},key:t.id},[Object(o["i"])("div",ft,[Object(o["i"])("span",{onClick:e=>r(t),title:"Remove Property",class:"codicon codicon-settings"},vt,8,ht)]),Object(o["i"])("div",{class:"col-4 propRowLabel",style:{},title:t.label},Object(o["O"])(t.label)+": ",9,Ot),d(t)?(Object(o["E"])(),Object(o["h"])("div",jt,[Object(o["Y"])(Object(o["i"])("select",{class:"propInput propInputDynamic",style:{width:"100%",height:"25px"},"onUpdate:modelValue":e=>t.valueHolderParent[t.propName]=e,onChange:u,attrname:t.propertyName},[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(e.modelFields,e=>(Object(o["E"])(),Object(o["h"])("option",{key:"binding_"+e.name,value:"$_{"+e.name+"}"},Object(o["O"])(e.name),9,xt))),128))],40,wt),[[o["T"],t.valueHolderParent[t.propName]]])])):"type"==t.id?(Object(o["E"])(),Object(o["h"])("div",Ct,["type"==t.id?(Object(o["E"])(),Object(o["h"])("div",kt,[Object(o["Y"])(Object(o["i"])("select",{class:"propInput propInputDynamic",style:{width:"100%",height:"25px"},onChange:p,"onUpdate:modelValue":a[0]||(a[0]=e=>Object(o["q"])(n)?n.value=e:n=e),attrname:t.propertyName},[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(Object(o["Q"])(W),e=>(Object(o["E"])(),Object(o["h"])("option",{key:"chartType_"+e.id,value:e.id},Object(o["O"])(e.id),9,Et))),128))],40,Dt),[[o["T"],Object(o["Q"])(n)]])])):Object(o["g"])("",!0)])):"array"==t.type?(Object(o["E"])(),Object(o["h"])("div",Tt,[Object(o["k"])(s,{type:t.type,name:"",id:"",value:t.valueHolderParent[t.propName],onInput:e=>t.valueHolderParent[t.propName]=e.target.value,onChange:u},null,8,["type","value","onInput"])])):"enum"==t.type?(Object(o["E"])(),Object(o["h"])("div",St,[Object(o["Y"])(Object(o["i"])("select",{class:"propInput propInputDynamic",style:{width:"100%",height:"25px"},"onUpdate:modelValue":e=>t.valueHolderParent[t.propName]=e,onChange:u,attrname:t.propertyName},[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(t.options,e=>(Object(o["E"])(),Object(o["h"])("option",{key:"field_"+e,value:e},Object(o["O"])(e),9,It))),128))],40,Pt),[[o["T"],t.valueHolderParent[t.propName]]])])):(Object(o["E"])(),Object(o["h"])("div",At,["boolean"==t.type?Object(o["Y"])((Object(o["E"])(),Object(o["h"])("input",{key:0,type:"checkbox",name:"",id:"","onUpdate:modelValue":e=>t.valueHolderParent[t.propName]=e,onChange:u},null,40,Lt)),[[o["R"],t.valueHolderParent[t.propName]]]):Object(o["g"])("",!0),"color"==t.type?Object(o["Y"])((Object(o["E"])(),Object(o["h"])("input",{key:1,type:t.type,"onUpdate:modelValue":e=>t.valueHolderParent[t.propName]=e,onChange:u,style:{height:"23px",width:"23px","margin-right":"5px","background-color":"#ffffff00"}},null,40,Nt)),[[o["S"],t.valueHolderParent[t.propName]]]):Object(o["g"])("",!0),"color"==t.type?(Object(o["E"])(),Object(o["f"])(s,{key:2,type:"text",name:"",id:"",value:t.valueHolderParent[t.propName],onInput:e=>t.valueHolderParent[t.propName]=e.target.value,onChange:u,style:{width:"80px"}},null,8,["value","onInput"])):Object(o["g"])("",!0),"string"==t.type||"number"==t.type?(Object(o["E"])(),Object(o["f"])(s,{key:3,type:t.type,name:"",id:"",value:t.valueHolderParent[t.propName],onInput:e=>t.valueHolderParent[t.propName]=e.target.value,onChange:u},null,8,["type","value","onInput"])):Object(o["g"])("",!0)])),"type"!=t.propName&&"name"!=t.propName?(Object(o["E"])(),Object(o["h"])("div",{key:5,class:"propRowDynamicSwitch",onClick:e=>c(t)},[d(t)?(Object(o["E"])(),Object(o["h"])("img",Bt)):Object(o["g"])("",!0),d(t)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("img",Mt))],8,Ht)):Object(o["g"])("",!0)]))),128))],64)}}},zt=(a("fd7d"),a("0016"));const Ft=C()(Qt,[["__scopeId","data-v-7f346cd4"]]);var Rt=Ft;ze()(Qt,"components",{QIcon:zt["a"]});const Ut={key:0,class:"chartConfigContainer"},Vt={class:"tabSelector"},$t=["onClick"],Gt={key:0,class:"tabSectionContainer"},qt={class:"tracesContainer"},Jt={class:"foldableGroupContent"},Xt={class:"subgroup"},Yt={class:"subgroupContent"},Wt={class:"addPropertyButtonRow"},Zt=["onClick"],Kt={style:{"border-top":"solid 1px var(--badge-background)",padding:"20px","text-align":"center"}},ea={key:1,class:"tabSectionContainer"},ta={class:"subgroup"},aa={class:"subgroupContent"},oa={class:"addPropertyButtonRow"},na={key:2,class:"tabSectionContainer"},la={class:"subgroup"},ia={class:"subgroupContent"},ra={class:"addPropertyButtonRow"};var sa={__name:"ChartProperties",props:["appData","selectedComponent"],setup(e,{expose:t}){const a=e;let n=Object(o["I"])(0),l=Object(o["I"])([{name:"Data",id:0},{name:"Layout",id:1},{name:"Config",id:2}]),i=Object(o["I"])(null),r=(Object(o["I"])(!1),Object(o["I"])(null)),s=Object(o["I"])([]),c=Object(o["I"])([]),d=Object(o["I"])([]),p=Object(o["I"])(a.appData.pages[0].model.fields),u={};p.value.forEach(e=>{u[e.name]=e});let b=Object(o["I"])([{id:"name",label:"Name",type:"string",default:""},{id:"type",label:"Type",type:"enum",default:"scatter",options:["scatter","bar","histogram","pie","box","histogram2d","histogram2dcontour","parcats","heatmap","heatmapgl","contour","funnel","funnelarea","indicator","isosurface","mesh3d","ohlc","candlestick","scatter3d","scattergeo","scattergl","surface","table","timeline","violin","waterfall"]},{id:"mode",label:"Mode",type:"enum",default:"markers",options:["markers","lines","lines+markers","none","gauge","number","gauge+number","text"]},{id:"x",label:"X",type:"array",default:[0,1,2,3,4,5]},{id:"y",label:"Y",type:"array",default:[2,4,8,16,32]},{id:"z",label:"Z",type:"array",default:[3,5,7,9,11]},{id:"u",label:"U",type:"array",default:[]},{id:"v",label:"V",type:"array",default:[]},{id:"w",label:"W",type:"array",default:[]},{id:"i",label:"I",type:"array",default:[]},{id:"j",label:"J",type:"array",default:[]},{id:"k",label:"K",type:"array",default:[]},{id:"open",label:"Open",type:"array",default:[]},{id:"high",label:"High",type:"array",default:[]},{id:"low",label:"Low",type:"array",default:[]},{id:"close",label:"Close",type:"array",default:[]},{id:"dimensions",label:"Dimensions",type:"array",default:[]},{id:"counts",label:"Counts",type:"array",default:[]},{id:"values",label:"Values",type:"array",default:[1,3,5]},{id:"labels",label:"Labels",type:"array",default:["a","b","c"]},{id:"fill",label:"Fill",type:"enum",default:"tozeroy",options:["tozeroy","tonexty","toself","tonext"]},{id:"orientation",label:"Orientation",type:"enum",default:"v",options:["v","h"]},{id:"marker.size",label:"Marker Size",type:"number",default:5},{id:"marker.color",label:"Marker Color",type:"color",default:"#2578B4"},{id:"locationmode",label:"Locationmode",type:"string",default:"country names"},{id:"locations",label:"Locations",type:"array",default:[]},{id:"text",label:"Text",type:"array",default:[]},{id:"value",label:"Value",type:"number",default:0},{id:"delta.reference",label:"Delta Reference",type:"number",default:0},{id:"title.text",label:"Title Text",type:"string",default:"Title"},{id:"gauge.axis.range",label:"Gauge Axis Range",type:"array",default:[0,1]},{id:"error_y.type",label:"ErrorY Type",type:"string",default:"data"},{id:"error_y.array",label:"ErrorY Array",type:"array",default:[1,2,3,4,5]},{id:"error_y.visible",label:"ErrorY Visible",type:"boolean",default:!0},{id:"sizemode",label:"SizeMode",type:"string",default:"diameter"},{id:"sizeref",label:"SizeRef",type:"number",default:2},{id:"autobinx",label:"AutoBinX",type:"boolean",default:!0},{id:"nbinsx",label:"NBinsX",type:"number",default:10},{id:"autobiny",label:"AutoBinY",type:"boolean",default:!0},{id:"nbinsy",label:"NBinsY",type:"number",default:10},{id:"hoverinfo",label:"HoverInfo",type:"string",default:"all"},{id:"hovertemplate",label:"HoverTemplate",type:"string",default:""},{id:"boxpoints",label:"BoxPoints",type:"string",default:"all"},{id:"notched",label:"Notched",type:"boolean",default:!1},{id:"whiskerwidth",label:"WhiskerWidth",type:"number",default:.5},{id:"fillcolor",label:"FillColor",type:"color",default:"#888"},{id:"line.color",label:"Line Color",type:"color",default:"#888"},{id:"line.width",label:"Line Width",type:"number",default:2},{id:"line.shape",label:"Line Shape",type:"string",default:"linear"},{id:"line.smoothing",label:"Line Smoothing",type:"number",default:1.3},{id:"colorscale",label:"ColorScale",type:"string",default:"Viridis"},{id:"showscale",label:"ShowScale",type:"boolean",default:!0},{id:"reversescale",label:"ReverseScale",type:"boolean",default:!1},{id:"contours.coloring",label:"Contours Coloring",type:"string",default:"fill"},{id:"contours.start",label:"Contours Start",type:"number",default:0},{id:"contours.end",label:"Contours End",type:"number",default:10},{id:"contours.size",label:"Contours Size",type:"number",default:1},{id:"opacity",label:"Opacity",type:"number",default:.8},{id:"cmin",label:"Cmin",type:"number",default:0},{id:"cmax",label:"Cmax",type:"number",default:10},{id:"colorbar.title",label:"ColorBar Title",type:"string",default:"ColorBar"},{id:"colorbar.tickvals",label:"ColorBar TickVals",type:"array",default:[]},{id:"colorbar.ticktext",label:"ColorBar TickText",type:"array",default:[]},{id:"autocolorscale",label:"AutoColorScale",type:"boolean",default:!0},{id:"showlegend",label:"ShowLegend",type:"boolean",default:!0},{id:"legendgroup",label:"LegendGroup",type:"string",default:""},{id:"lat",label:"Lat",type:"array",default:[38]},{id:"lon",label:"Lon",type:"array",default:[-90]}]),m=Object(o["I"])([{id:"autosizable",label:"Autosizable",type:"boolean",default:!1},{id:"displaylogo",label:"Display Logo",type:"boolean",default:!0},{id:"scrollZoom",label:"Scroll Zoom",type:"boolean",default:!0},{id:"editable",label:"Editable",type:"boolean",default:!0},{id:"displayModeBar",label:"Mode Bar",type:"boolean",default:!0}]),_=Object(o["I"])([{id:"title",label:"Title",type:"string",default:"Hello Def"},{id:"showlegend",label:"Show Legend",type:"boolean",default:!0},{id:"legend.x",label:"Legend X",type:"number",default:1},{id:"legend.y",label:"Legend Y",type:"number",default:1},{id:"legend.xanchor",label:"Legend X-Anchor",type:"enum",default:"right",options:["left","right"]},{id:"legend.yanchor",label:"Legend Y-Anchor",type:"enum",default:"right",options:["left","right"]},{id:"legend.orientation",label:"Legend Orientation",type:"enum",default:"v",options:["v","h"]},{id:"paper_bgcolor",label:"Paper",type:"color",default:"#ffffff"},{id:"plot_bgcolor",label:"Background",type:"color",default:"#ffffff"},{id:"font.color",label:"Font Color",type:"color",default:"#000000"},{id:"font.size",label:"Font Size",type:"number",default:10},{id:"xaxis.title.text",label:"X-Axis Title Text",type:"string",default:"Axis Title"},{id:"xaxis.title.font.size",label:"X-Axis Title Font Size",type:"number",default:24},{id:"xaxis.title.font.color",label:"X-Axis Title Font Color",type:"color",default:"#000000"},{id:"yaxis.title.text",label:"Y-Axis Title Text",type:"string",default:"Axis Title"},{id:"yaxis.title.font.size",label:"Y-Axis Title Font Size",type:"number",default:24},{id:"yaxis.title.font.color",label:"Y-Axis Title Font Color",type:"color",default:"#000000"},{id:"dragmode",label:"Dragmode",type:"enum",default:"zoom",options:["zoom"]},{id:"mapbox.style",label:"Mabox Style",type:"enum",default:"open-street-map",options:["open-street-map"]},{id:"mapbox.center.lat",label:"Mapbox Center Lat",type:"number",default:38},{id:"mapbox.center.lon",label:"Mapbox Center Lon",type:"number",default:-90},{id:"mapbox.zoom",label:"Mapbox Zoom",type:"number",default:3},{id:"margin.l",label:"Margin L",type:"number",default:0},{id:"margin.t",label:"Margin T",type:"number",default:0},{id:"margin.r",label:"Margin R",type:"number",default:0},{id:"margin.b",label:"Margin B",type:"number",default:0}]);function g(){let e=a.appData.pages[0].model.fields.filter(e=>"DataFrames.DataFrame"==e.type||"PlotlyData"==e.type||"DataTable.DataFrames.DataFrame"==e.type);i.value=e}const f=Object(o["d"])(()=>{let e=a.appData.pages[0].model.fields,t=[];return e.forEach(e=>{if("DataTable.DataFrames.DataFrame"==e.type){let a=e.props;a&&a.forEach(a=>{t.push({name:e.name+"."+a,type:e.type})})}else if("DataFrames.DataFrame"==e.type){let a=e.columns;a&&a.forEach(a=>{t.push({name:e.name+"."+a,type:e.type})})}t.push({name:e.name,type:e.type})}),t.sort((e,t)=>e.name.toLowerCase().localeCompare(t.name.toLowerCase())),t}),h=Object(o["d"])(()=>{let e=[];return console.log("dataSourceFields",i),i.value.forEach(t=>{if(0==t.type.indexOf("DataFrames.DataFrame")){let a=t.columns;a&&a.forEach(a=>{e.push(t.name+"."+a)})}let a=t.props;a&&a.forEach(a=>{e.push(t.name+"."+a)})}),a.appData.pages[0].model.fields.forEach(t=>{"Array"==t.type&&e.push(t.name)}),e});function y(e,t){let a=e.filter(e=>{let a=!1,o=D(t,e.id);return null!=o&&(a=!0),!a});return a}Object(o["d"])(()=>{let e=m.value.filter(e=>{let t=!1,a=D(r.value,e.id);return null!=a&&(t=!0),!t});return e});function v(e){T()}function O(e){T()}function j(e){T()}function w(e){console.log("removeTrace",e),console.log("traces.value before: ",s.value),s.value.splice(e,1),console.log("traces.value after: ",s.value),T()}function x(e){r.value=e}function C(){r.value=null}function k(e,t,a){let o=e.id,n=t.find(e=>e.id==o);E(a,o,n.default),T()}function D(e,t){const a=t.split(".");for(let o=0;o<a.length;o++){if(!e||!e.hasOwnProperty(a[o]))return;e=e[a[o]]}return e}function E(e,t,a){const o=t.split(".");for(let n=0;n<o.length-1;n++)e.hasOwnProperty(o[n])&&"object"===typeof e[o[n]]||(e[o[n]]={}),e=e[o[n]];e[o[o.length-1]]=a}function T(){let e=btoa(JSON.stringify(s.value)),t=btoa(JSON.stringify(c.value)),o=btoa(JSON.stringify(d.value));a.selectedComponent.setAttributes({gb_c__data:e,gb_c__config:t,gb_c__layout:o}),a.selectedComponent.view.$el[0].vueApp.updateAttributes({data:e,config:t,layout:o})}function S(e){if(!e||"plotly"!=e.attributes.type)return s.value=null,c.value=null,void(d.value=null);let t=e.getAttributes();t.gb_c__data&&(t.gb_c__data=atob(t.gb_c__data)),t.gb_c__config&&(t.gb_c__config=atob(t.gb_c__config)),t.gb_c__layout&&(t.gb_c__layout=atob(t.gb_c__layout));let a=t.gb_c__data||"[]";a=JSON.parse(a),s.value=a;let o=t.gb_c__config||"{}";o=JSON.parse(o),c.value=o;let n=t.gb_c__layout||"{}";n=JSON.parse(n),d.value=n}function P(){s.value.push({x:"",y:"",type:"scatter",name:"Trace"})}function I(e,t){s.value.push({x:e,y:t,type:"scatter",name:"Trace"}),T()}return Object(o["x"])(()=>{S(a.selectedComponent),g()}),t({setSelectedComponent:S,addNewTraceFromBinding:I}),(t,a)=>{const i=Object(o["L"])("vscode-button");return e.selectedComponent&&"plotly"==e.selectedComponent.attributes.type?(Object(o["E"])(),Object(o["h"])("div",Ut,[Object(o["i"])("div",Vt,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(Object(o["Q"])(l),e=>(Object(o["E"])(),Object(o["h"])("div",{onClick:t=>Object(o["q"])(n)?n.value=e.id:n=e.id,class:Object(o["u"])({tabItem:!0,tabItemSelected:e.id==Object(o["Q"])(n)}),key:e},Object(o["O"])(e.name),11,$t))),128))]),0==Object(o["Q"])(n)?(Object(o["E"])(),Object(o["h"])("div",Gt,[Object(o["i"])("div",qt,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(Object(o["Q"])(s),(e,t)=>(Object(o["E"])(),Object(o["h"])("div",{class:"foldableGroup",key:e},[Object(o["i"])("div",Jt,[Object(o["i"])("div",Xt,[Object(o["i"])("div",Yt,[Object(o["k"])(Rt,{showSectionTitle:!0,sectionIndex:t,treeObject:e,dataSourceColumns:h.value,propertiesDefinition:Object(o["Q"])(b),modelFields:f.value,onRemoveTrace:w,onChange:j},null,8,["sectionIndex","treeObject","dataSourceColumns","propertiesDefinition","modelFields"])])]),Object(o["i"])("div",Wt,[Object(o["Q"])(r)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("button",{key:0,class:"addPropertyButton",onClick:t=>x(e)},"+",8,Zt))]),Object(o["Q"])(r)==e?(Object(o["E"])(),Object(o["f"])(dt,{key:0,defObject:Object(o["Q"])(b),destination:Object(o["Q"])(r),propslist:y(Object(o["Q"])(b),e),onPropAdded:k,onClose:C},null,8,["defObject","destination","propslist"])):Object(o["g"])("",!0)])]))),128))]),Object(o["i"])("div",Kt,[Object(o["k"])(i,{class:"addTraceButton",onClick:P},{default:Object(o["X"])(()=>[Object(o["j"])("+ Trace")]),_:1})])])):Object(o["g"])("",!0),1==Object(o["Q"])(n)?(Object(o["E"])(),Object(o["h"])("div",ea,[Object(o["i"])("div",ta,[Object(o["i"])("div",aa,[Object(o["k"])(Rt,{treeObject:Object(o["Q"])(d),dataSourceColumns:h.value,propertiesDefinition:Object(o["Q"])(_),modelFields:f.value,onChange:v},null,8,["treeObject","dataSourceColumns","propertiesDefinition","modelFields"])])]),Object(o["i"])("div",oa,[Object(o["Q"])(r)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("button",{key:0,class:"addPropertyButton",onClick:a[0]||(a[0]=e=>x(Object(o["Q"])(d)))},"+"))]),Object(o["Q"])(r)==Object(o["Q"])(d)?(Object(o["E"])(),Object(o["f"])(dt,{key:0,defObject:Object(o["Q"])(_),destination:Object(o["Q"])(d),propslist:y(Object(o["Q"])(_),Object(o["Q"])(d)),onPropAdded:k,onClose:C},null,8,["defObject","destination","propslist"])):Object(o["g"])("",!0)])):Object(o["g"])("",!0),2==Object(o["Q"])(n)?(Object(o["E"])(),Object(o["h"])("div",na,[Object(o["i"])("div",la,[Object(o["i"])("div",ia,[Object(o["k"])(Rt,{treeObject:Object(o["Q"])(c),dataSourceColumns:h.value,propertiesDefinition:Object(o["Q"])(m),modelFields:f.value,onChange:O},null,8,["treeObject","dataSourceColumns","propertiesDefinition","modelFields"])])]),Object(o["i"])("div",ra,[Object(o["Q"])(r)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("button",{key:0,class:"addPropertyButton",onClick:a[1]||(a[1]=e=>x(Object(o["Q"])(c)))},"+"))]),Object(o["Q"])(r)==Object(o["Q"])(c)?(Object(o["E"])(),Object(o["f"])(dt,{key:0,defObject:Object(o["Q"])(m),destination:Object(o["Q"])(c),propslist:y(Object(o["Q"])(m),Object(o["Q"])(c)),onPropAdded:k,onClose:C},null,8,["defObject","destination","propslist"])):Object(o["g"])("",!0)])):Object(o["g"])("",!0)])):Object(o["g"])("",!0)}}};a("3ab6");const ca=C()(sa,[["__scopeId","data-v-6a30a4fe"]]);var da=ca;const pa=e=>(Object(o["G"])("data-v-015f447c"),e=e(),Object(o["F"])(),e),ua={key:0,class:"nothingSelected"},ba=pa(()=>Object(o["i"])("i",null,"Nothing selected",-1)),ma=[ba],_a={key:1},ga={style:{"user-select":"none"}},fa={class:"removeBtnCnt",style:{width:"20px"}},ha=["onClick"],ya=pa(()=>Object(o["i"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"14px",padding:"0px"}},"delete",-1)),va=[ya],Oa=["title"],ja={key:0,class:"propRowControl"},wa={slot:"selected-value",class:"codicon codicon-settings"},xa={"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"16px",padding:"5px"}},Ca={"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"16px"}},ka={slot:"selected-value"},Da=["attrname","onDrop","onUpdate:modelValue"],Ea=["attrname","onDrop","onUpdate:modelValue"],Ta=["attrname","onDrop","onUpdate:modelValue"],Sa=["attrname","onDrop","onUpdate:modelValue"],Pa=["attrname","onDrop","onUpdate:modelValue"],Ia=["attrname","onDrop","onUpdate:modelValue"],Aa={key:1,class:"propRowControl"},La=["onUpdate:modelValue","onDrop","attrname"],Na=["value"],Ha=["onClick"],Ba={key:0,src:"img/icons/binding_on.png",style:{height:"16px"},draggable:"false"},Ma={key:1,src:"img/icons/binding_off.png",style:{height:"16px"},draggable:"false"},Qa={key:3,class:"propRowDynamicSwitch",draggable:"false"},za={key:0,class:"suggestedPropertiesContainer",style:{margin:"20px 0px 0px 0px"}},Fa=pa(()=>Object(o["i"])("div",{class:"suggestedPropertiesTitle",style:{opacity:"0.7","margin-bottom":"10px","font-weight":"bold","font-size":"0.9em"}},"Suggested Properties:",-1)),Ra={class:"propRowLabel",style:{opacity:"0.5","font-weight":"bold","text-align":"left:"}},Ua={class:"propRowControl",style:{opacity:"0.5","text-align":"left","font-size":"0.8em","user-select":"none"}},Va=["onClick"],$a=pa(()=>Object(o["i"])("i",{class:"fa fa-plus"},null,-1)),Ga=[$a],qa=pa(()=>Object(o["i"])("br",null,null,-1)),Ja={key:1,style:{"font-size":"0.8em"}},Xa=pa(()=>Object(o["i"])("i",null,"Nothing selected",-1)),Ya=[Xa];var Wa={__name:"PropertiesPanel",props:["title","appData","selectedComponent"],setup(e,{expose:t}){const a=e,n=Object(o["I"])(null);let l=Object(o["I"])(null),i=Object(o["I"])(!1),r=Object(o["I"])(a.appData.pages[0].model.fields),s={};r.value.forEach(e=>{s[e.name]=e});const c=blockDefinitions.reduce((e,t)=>(e[t.type]=t,e),{});function d(e){try{return 0==e.indexOf("gb_c__")||0==e.indexOf("gb_b__")?e.substring(6):e}catch(t){console.error("Error in getAttributeCleanRealName: ",e,t)}}function p(e){l.value.removeAttributes([e.name]),w()}function u(){let e=O(l.value.attributes.type);if(!e)return[];let t=m().map(e=>e.cleanName),a=e.properties.filter(e=>1==e.suggested),o=a.filter(e=>-1==t.indexOf(e.name));return o}function b(e){let t=[];return r.value.forEach(a=>{if(a.type==e.def.type)t.push(a);else if("DataTable.DataFrames.DataFrame"==a.type){let e=a.props;e&&e.forEach(e=>{t.push({name:a.name+"."+e})})}}),t}function m(){const e=l.value.attributes.attributes;let t=[],o={};for(let a in e)if(a.startsWith("gb_c__")||a.startsWith("gb_b__")){let n=d(a).toLowerCase();if("id"!=n&&"charttype"!=n&&"class"!=n){let l=_(n);l||console.error("Definition not found for: ",a,n,e[a]),t.push({name:a,cleanName:n,value:e[a],def:l}),o[a]=e[a]}}return a.selectedComponent.view.el.vueApp&&a.selectedComponent.view.el.vueApp.updateAttributes(o),t=Y.a.sortBy(t,"cleanName"),t}function _(e){let t=O(l.value.attributes.type);if(!t)return null;let a=t.properties.find(t=>t.name==e);return a}function g(e){let t=0==e.indexOf("gb_b_");return t}function f(e){let t=JSON.parse(e.dataTransfer.getData("text")),a=e.target.getAttribute("attrname");if(0==a.indexOf("gb_c__"))x(a,t.bindingname);else{let e={};e[a]=t.bindingname,l.value.addAttributes(e)}}function h(){i.value=!0}function y(){i.value=!1}function v(e){console.log("PropertiesPanel::addProperty",e);let t={Boolean:!0,String:"",Number:0,Array:[],Function:""},a={},o="gb_c__"+e.name,n=null!=t[e.type]?t[e.type]:"";a[o]=n,l.value.addAttributes(a),w()}function O(e){let t=c[e];return t}const j=Object(o["d"])(()=>{let e=O(l.value.attributes.type);if(!e)return[];let t=e.properties,a=l.value.getAttributes(),o=[];for(let l in a){let e=d(l);o.push(e)}let n=[];return t.forEach(e=>{let t=d(e.name);-1==o.indexOf(t)&&n.push(e)}),n});function w(){let e=l.value.attributes.attributes;for(let a in e)!0===e[a]&&(e[a]="true"),!1===e[a]&&(e[a]="false");let t=selectedComponent.toHTML();editor.getSelected().replaceWith(t);let o={},n=Object.getOwnPropertyNames(e);n.forEach(t=>{let a;a=void 0!=e[t]&&void 0!=e[t].nodeValue?e[t].nodeValue:e[t],o[t]=a}),a.selectedComponent.setAttributes(o);let i=a.selectedComponent.view.$el[0].vueApp;i.updateAttributes(o)}function x(e,t){let a=0==e.indexOf("gb_b__")?e.replace("gb_b__","gb_c__"):e.replace("gb_c__","gb_b__");l.value.removeAttributes([e]);let o={};if(0==a.indexOf("gb_b__"))if(null!=s[t])o[a]=t;else{let e=d(a).toLowerCase(),t=_(e),n={def:t},l=b(n);l.length>0?o[a]=l[0].name:o[a]="Not Set"}else o[a]=t;l.value.addAttributes(o),w()}function C(e){l.value=e,e&&"plotly"==e.attributes.type&&n.value.setSelectedComponent(e)}return Object(o["B"])(()=>{C(window.selectedComponent)}),t({setSelectedComponent:C,chartPropertiesPanel:n}),(t,a)=>{const r=Object(o["L"])("vscode-option"),s=Object(o["L"])("vscode-dropdown"),c=Object(o["L"])("q-icon"),d=Object(o["L"])("vscode-button");return Object(o["E"])(),Object(o["h"])(o["a"],null,[Object(o["Q"])(l)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("div",ua,ma)),Object(o["Q"])(l)&&"tempplaceholder"!=Object(o["Q"])(l).attributes.type&&"plotly"!=Object(o["Q"])(l).attributes.type?(Object(o["E"])(),Object(o["h"])("div",_a,[Object(o["i"])("div",ga,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(m(),e=>{var t;return Object(o["E"])(),Object(o["h"])("div",{key:e.name,class:"propRow"},[Object(o["i"])("div",fa,[1!=(null===(t=e.def)||void 0===t?void 0:t.mandatory)&&"gb_b__v-model"!=e.name?(Object(o["E"])(),Object(o["h"])("span",{key:0,onClick:t=>p(e),title:"Remove Property",class:"codicon codicon-settings"},va,8,ha)):Object(o["g"])("",!0)]),Object(o["i"])("div",{class:"propRowLabel",title:e.def.name+": "+e.def.desc},Object(o["O"])(e.def.label)+": ",9,Oa),g(e.name)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("div",ja,["enum_icons"==e.def.uitype?(Object(o["E"])(),Object(o["f"])(s,{key:0,style:{width:"100%","min-width":"unset"},value:Object(o["Q"])(l).attributes.attributes[e.name],onInput:t=>Object(o["Q"])(l).attributes.attributes[e.name]=t.target.value,onChange:w},{default:Object(o["X"])(()=>[Object(o["i"])("span",wa,[Object(o["i"])("i",xa,Object(o["O"])(Object(o["Q"])(l).attributes.attributes[e.name]),1),Object(o["j"])(" "+Object(o["O"])(Object(o["Q"])(l).attributes.attributes[e.name]),1)]),(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(e.def.options,e=>(Object(o["E"])(),Object(o["f"])(r,{value:e,style:{padding:"5px"}},{default:Object(o["X"])(()=>[Object(o["i"])("i",Ca,Object(o["O"])(e),1),Object(o["j"])(" "+Object(o["O"])(e),1)]),_:2},1032,["value"]))),256))]),_:2},1032,["value","onInput"])):"enum_colors"==e.def.uitype?(Object(o["E"])(),Object(o["f"])(s,{key:1,style:{width:"100%","min-width":"unset"},value:Object(o["Q"])(l).attributes.attributes[e.name],onInput:t=>Object(o["Q"])(l).attributes.attributes[e.name]=t.target.value,onChange:w},{default:Object(o["X"])(()=>[Object(o["i"])("span",ka,[Object(o["k"])(c,{name:"circle",color:Object(o["Q"])(l).attributes.attributes[e.name],style:{"margin-right":"5px"}},null,8,["color"]),Object(o["j"])(" "+Object(o["O"])(Object(o["Q"])(l).attributes.attributes[e.name]),1)]),(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(e.def.options,e=>(Object(o["E"])(),Object(o["f"])(r,{value:e,style:{padding:"5px"}},{default:Object(o["X"])(()=>[Object(o["k"])(c,{name:"circle",color:e,style:{"margin-right":"5px"}},null,8,["color"]),Object(o["j"])(" "+Object(o["O"])(e),1)]),_:2},1032,["value"]))),256))]),_:2},1032,["value","onInput"])):"String"==e.def.type&&-1==e.cleanName.indexOf("color")?Object(o["Y"])((Object(o["E"])(),Object(o["h"])("input",{key:2,attrname:e.name,type:"text",onDrop:Object(o["Z"])(f,["prevent"]),onDragenter:a[0]||(a[0]=Object(o["Z"])(()=>{},["prevent"])),onDragover:a[1]||(a[1]=Object(o["Z"])(()=>{},["prevent"])),class:"propInput",onChange:w,"onUpdate:modelValue":t=>Object(o["Q"])(l).attributes.attributes[e.name]=t,style:{width:"220px%"}},null,40,Da)),[[o["U"],Object(o["Q"])(l).attributes.attributes[e.name]]]):"Array"==e.def.type?Object(o["Y"])((Object(o["E"])(),Object(o["h"])("input",{key:3,attrname:e.name,type:"text",onDrop:Object(o["Z"])(f,["prevent"]),onDragenter:a[2]||(a[2]=Object(o["Z"])(()=>{},["prevent"])),onDragover:a[3]||(a[3]=Object(o["Z"])(()=>{},["prevent"])),class:"propInput",onChange:w,"onUpdate:modelValue":t=>Object(o["Q"])(l).attributes.attributes[e.name]=t,style:{width:"220px%"}},null,40,Ea)),[[o["U"],Object(o["Q"])(l).attributes.attributes[e.name]]]):"Function"==e.def.type?Object(o["Y"])((Object(o["E"])(),Object(o["h"])("input",{key:4,attrname:e.name,type:"text",onDrop:Object(o["Z"])(f,["prevent"]),onDragenter:a[4]||(a[4]=Object(o["Z"])(()=>{},["prevent"])),onDragover:a[5]||(a[5]=Object(o["Z"])(()=>{},["prevent"])),class:"propInput",onChange:w,"onUpdate:modelValue":t=>Object(o["Q"])(l).attributes.attributes[e.name]=t,style:{width:"220px%"}},null,40,Ta)),[[o["U"],Object(o["Q"])(l).attributes.attributes[e.name]]]):"String"==e.def.type&&e.name.indexOf("color")>-1?Object(o["Y"])((Object(o["E"])(),Object(o["h"])("input",{key:5,attrname:e.name,type:"color",onDrop:Object(o["Z"])(f,["prevent"]),onDragenter:a[6]||(a[6]=Object(o["Z"])(()=>{},["prevent"])),onDragover:a[7]||(a[7]=Object(o["Z"])(()=>{},["prevent"])),class:"propInput",onChange:w,"onUpdate:modelValue":t=>Object(o["Q"])(l).attributes.attributes[e.name]=t,style:{padding:"0px 2px",height:"21px"}},null,40,Sa)),[[o["U"],Object(o["Q"])(l).attributes.attributes[e.name]]]):"Number"==e.def.type?Object(o["Y"])((Object(o["E"])(),Object(o["h"])("input",{key:6,attrname:e.name,type:"number",onDrop:Object(o["Z"])(f,["prevent"]),onDragenter:a[8]||(a[8]=Object(o["Z"])(()=>{},["prevent"])),onDragover:a[9]||(a[9]=Object(o["Z"])(()=>{},["prevent"])),class:"propInput",onChange:w,"onUpdate:modelValue":t=>Object(o["Q"])(l).attributes.attributes[e.name]=t},null,40,Pa)),[[o["U"],Object(o["Q"])(l).attributes.attributes[e.name]]]):"Boolean"==e.def.type?Object(o["Y"])((Object(o["E"])(),Object(o["h"])("input",{key:7,attrname:e.name,type:"checkbox",onDrop:Object(o["Z"])(f,["prevent"]),onDragenter:a[10]||(a[10]=Object(o["Z"])(()=>{},["prevent"])),onDragover:a[11]||(a[11]=Object(o["Z"])(()=>{},["prevent"])),class:"propInput",onChange:w,"onUpdate:modelValue":t=>Object(o["Q"])(l).attributes.attributes[e.name]=t,style:{width:"auto"}},null,40,Ia)),[[o["R"],Object(o["Q"])(l).attributes.attributes[e.name]]]):Object(o["g"])("",!0)])),g(e.name)?(Object(o["E"])(),Object(o["h"])("div",Aa,[Object(o["Y"])(Object(o["i"])("select",{class:"propInput propInputDynamic","onUpdate:modelValue":t=>Object(o["Q"])(l).attributes.attributes[e.name]=t,name:"cars",id:"cars",onChange:w,onDrop:Object(o["Z"])(f,["prevent"]),onDragenter:a[12]||(a[12]=Object(o["Z"])(()=>{},["prevent"])),onDragover:a[13]||(a[13]=Object(o["Z"])(()=>{},["prevent"])),attrname:e.name},[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(b(e),e=>(Object(o["E"])(),Object(o["h"])("option",{key:"binding_"+e.name,value:e.name},Object(o["O"])(e.name),9,Na))),128))],40,La),[[o["T"],Object(o["Q"])(l).attributes.attributes[e.name]]])])):Object(o["g"])("",!0),"gb_b__v-model"!=e.name?(Object(o["E"])(),Object(o["h"])("div",{key:2,onClick:t=>x(e.name,e.value),class:"propRowDynamicSwitch"},[g(e.name)?(Object(o["E"])(),Object(o["h"])("img",Ba)):Object(o["g"])("",!0),g(e.name)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("img",Ma))],8,Ha)):(Object(o["E"])(),Object(o["h"])("div",Qa))])}),128)),u().length>0?(Object(o["E"])(),Object(o["h"])("div",za,[Fa,(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(u(),e=>(Object(o["E"])(),Object(o["h"])("div",{key:e.name,class:"propRow"},[Object(o["i"])("div",Ra,Object(o["O"])(e.label)+": ",1),Object(o["i"])("div",Ua,Object(o["O"])(e.desc),1),Object(o["i"])("div",{class:"propRowDynamicSwitch",draggable:"false",title:"Add property",onClick:t=>v(e)},Ga,8,Va)]))),128))])):Object(o["g"])("",!0)]),qa,!Object(o["Q"])(i)&&Object(o["Q"])(l)?(Object(o["E"])(),Object(o["f"])(d,{key:0,onClick:h},{default:Object(o["X"])(()=>[Object(o["j"])("Add Property")]),_:1})):Object(o["g"])("",!0),Object(o["Q"])(l)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("div",Ja,Ya)),Object(o["Q"])(i)?(Object(o["E"])(),Object(o["f"])(dt,{key:2,propslist:j.value,onPropAdded:v,onClose:y},null,8,["propslist"])):Object(o["g"])("",!0)])):Object(o["g"])("",!0),Object(o["k"])(da,{ref_key:"chartPropertiesPanel",ref:n,appData:e.appData,selectedComponent:e.selectedComponent,style:{height:"100%"}},null,8,["appData","selectedComponent"])],64)}}};a("8922");const Za=C()(Wa,[["__scopeId","data-v-015f447c"]]);var Ka=Za;ze()(Wa,"components",{QIcon:zt["a"]});var eo=a("1020"),to=a.n(eo),ao=a("4dd1"),oo=a.n(ao),no=a("de09"),lo=a.n(no);a("9f21");const io=e=>(Object(o["G"])("data-v-9497234c"),e=e(),Object(o["F"])(),e),ro={class:"logsPanel",style:{position:"relative"}},so={class:"toolBar"},co=io(()=>Object(o["i"])("option",{value:"1"},"Info",-1)),po=io(()=>Object(o["i"])("option",{value:"2"},"Warning",-1)),uo=io(()=>Object(o["i"])("option",{value:"3"},"Error",-1)),bo=[co,po,uo],mo=io(()=>Object(o["i"])("span",{class:"codicon codicon-settings"},[Object(o["i"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"16px",padding:"5px"}},"delete")],-1)),_o=[mo],go={class:"timeStamp"},fo={class:"logLevel"},ho=["onClick"];var yo={__name:"LogsPanel",props:["appData"],setup(e,{expose:t}){const a=Object(o["I"])(!0),n=Object(o["I"])(!0),l=Object(o["I"])(1),i=Object(o["I"])("all"),r=Object(o["I"])(""),s=Object(o["I"])(null);to.a.registerLanguage("javascript",oo.a),to.a.registerLanguage("sql",lo.a);const c={mounted(e,t){const a=t.value||"",o=to.a.highlight("sql",a).value;e.innerHTML=`<pre style="white-space: pre-wrap; word-wrap: break-word;"><code style="display: block; width: 100%;">${o}</code></pre>`},updated(e,t){const a=t.value||"",o=to.a.highlight("sql",a).value;e.innerHTML=`<pre style="white-space: pre-wrap; word-wrap: break-word;"><code style="display: block; width: 100%;">${o}</code></pre>`}},d=c,p=Object(o["I"])([{id:"all",label:"All"},{id:0,label:"GB"}]),u={info:1,warning:2,error:3},b=Object(o["I"])([]);window.logs=b;const m=Object(o["d"])(()=>{let e=b.value.filter(e=>{let t="server"==e.source&&a.value||"client"==e.source&&n.value,o=u[e.level]>=l.value,s="all"==i.value||e.appid==i.value,c=""==r.value||e.message.toLowerCase().indexOf(r.value.toLowerCase())>=0;return t&&o&&c&&s});return e});function _(){b.value=[]}function g(e){let t=De.appid,a=e.appid;if(void 0!=a&&a!=t)return;console.log("addLog",e);let o="log:message ";if(0==e.message.indexOf(o)){p.value.find(t=>t.id==e.appid)||p.value.push({id:e.appid,label:e.appid});let t=e.message.slice(o.length);0==t.indexOf("Info: ")?(e.level="info",t=t.slice("Info: ".length)):0==t.indexOf("Warning: ")?(e.level="warning",t=t.slice("Warning: ".length)):0==t.indexOf("Error: ")&&(e.level="error",t=t.slice("Error: ".length)),t=t.split(" ┌").join("┌"),e.message=t,e.appSource="0"==e.appid?"GB":"app "+e.appid,e.timestamp=e.timestamp.replace("T"," ").replace("Z","").split(".")[0],e.expanded=!1,b.value.push(e),s.value.scrollTop=s.value.scrollHeight}}return t({addLog:g}),(e,t)=>(Object(o["E"])(),Object(o["h"])("div",ro,[Object(o["i"])("div",so,[Object(o["i"])("div",null,[Object(o["Y"])(Object(o["i"])("input",{type:"checkbox",id:"showServerLogs",name:"showServerLogs","onUpdate:modelValue":t[0]||(t[0]=e=>a.value=e)},null,512),[[o["R"],a.value]]),Object(o["j"])(" GB Server ")]),Object(o["i"])("div",null,[Object(o["Y"])(Object(o["i"])("input",{type:"checkbox",id:"showClientLogs",name:"showClientLogs","onUpdate:modelValue":t[1]||(t[1]=e=>n.value=e)},null,512),[[o["R"],n.value]]),Object(o["j"])(" Client ")]),Object(o["i"])("div",null,[Object(o["Y"])(Object(o["i"])("select",{"onUpdate:modelValue":t[2]||(t[2]=e=>l.value=e)},bo,512),[[o["T"],l.value]])]),Object(o["i"])("div",null,[Object(o["j"])(" Search: "),Object(o["Y"])(Object(o["i"])("input",{type:"text",id:"searchString",name:"searchString","onUpdate:modelValue":t[3]||(t[3]=e=>r.value=e),style:{width:"200px"}},null,512),[[o["U"],r.value]])]),Object(o["i"])("div",{style:{"text-align":"right","flex-grow":"1","flex-basis":"0"}},[Object(o["i"])("button",{class:"clearLogsButton",onClick:_,title:"Clear Logs"},_o)])]),Object(o["i"])("div",{ref_key:"logsContainer",ref:s,class:"logsContainer"},[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(m.value,(e,t)=>(Object(o["E"])(),Object(o["h"])("div",{class:Object(o["u"])({logItem:!0,levelInfo:"info"==e.level,levelWarning:"warning"==e.level,levelError:"error"==e.level}),key:"logItem_"+t},[Object(o["i"])("div",go,Object(o["O"])(e.timestamp),1),Object(o["i"])("div",fo,Object(o["O"])(e.level),1),Object(o["Y"])(Object(o["i"])("div",{class:Object(o["u"])({logMessage:!0,logMessageExpanded:e.expanded}),onClick:t=>e.expanded=!e.expanded},null,10,ho),[[Object(o["Q"])(d),e.message]])],2))),128))],512)]))}};a("ca8d");const vo=C()(yo,[["__scopeId","data-v-9497234c"]]);var Oo=vo;ze()(yo,"components",{QIcon:zt["a"]});const jo={class:"bindingsConnectorsContainer"},wo={width:"100%",height:"100%",style:{position:"absolute","z-index":"11","pointer-events":"none"}},xo=["x","y","width","height"],Co=["d"];var ko={__name:"BindingsConnector",setup(e,{expose:t}){const a=Object(o["I"])([]),n=Object(o["I"])([]),l=Object(o["I"])(null),i=Object(o["I"])(null);function r(e){let t=e,a=s(),o=Math.abs(t.x+t.width-a.x),n=.5*o,l=`M ${t.x+t.width} ${t.y+.5*t.height} C ${t.x+t.width+n} ${t.y+.5*t.height}, ${a.x-n} ${a.y+7}, ${a.x} ${a.y+7}`;return l}function s(){let e=c(i.value.element);return e}function c(e){const t=e.getBoundingClientRect();return{x:t.left,y:t.top}}function d(e){a.value=e,p()}function p(){null==l.value&&u();let e=l.value,t=a.value.map(t=>({x:t.x+e.x,y:t.y+e.y,width:t.width,height:t.height}));n.value=t}function u(){let e=document.querySelector(".gjs-frame");l.value=c(e),p()}function b(e){i.value=e}return t({updateElementsPositions:d,updateIframePosition:u,onBindingOvered:b}),(e,t)=>(Object(o["E"])(),Object(o["h"])("div",jo,[(Object(o["E"])(),Object(o["h"])("svg",wo,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(n.value,e=>(Object(o["E"])(),Object(o["h"])("rect",{key:e.id,x:e.x,y:e.y,width:e.width,height:e.height,style:{fill:"transparent","stroke-width":"3",stroke:"#0099ff"}},null,8,xo))),128)),(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(n.value,e=>(Object(o["E"])(),Object(o["h"])("path",{key:e.id,d:r(e),stroke:"#0099ff","stroke-width":"2",fill:"transparent"},null,8,Co))),128))]))]))}};a("c0b1");const Do=C()(ko,[["__scopeId","data-v-571588a7"]]);var Eo=Do;const To={style:{position:"relative",width:"280px"}},So={class:"flex flex-col items-center justify-center p-6",style:{padding:"0px"}},Po={class:"mb-4 w-full max-w-xl"},Io={key:0,class:""},Ao={class:"text-red-600",style:{"margin-top":"-15px"}};var Lo={__name:"AiHelpPanel",props:["appData"],setup(e){const t=Object(o["I"])(""),a=Object(o["I"])(null),n=async()=>{""!==t.value.trim()?(window.parent.postMessage({command:"openAiDocs",query:t.value},"*"),t.value="",a.value=null):a.value="Please enter a question."};return(e,l)=>{const i=Object(o["L"])("vscode-button");return Object(o["E"])(),Object(o["h"])("div",To,[Object(o["i"])("div",So,[Object(o["i"])("div",Po,[Object(o["Y"])(Object(o["i"])("textarea",{rows:"2","onUpdate:modelValue":l[0]||(l[0]=e=>t.value=e),placeholder:"Enter your question",class:"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"},null,512),[[o["U"],t.value]])]),a.value?(Object(o["E"])(),Object(o["h"])("div",Io,[Object(o["i"])("p",Ao,Object(o["O"])(a.value),1)])):Object(o["g"])("",!0),Object(o["k"])(i,{onClick:n,style:{width:"100px !important"}},{default:Object(o["X"])(()=>[Object(o["j"])("Ask")]),_:1})])])}}};a("5240");const No=C()(Lo,[["__scopeId","data-v-7afcd89f"]]);var Ho=No;const Bo=e=>(Object(o["G"])("data-v-d1816844"),e=e(),Object(o["F"])(),e),Mo={key:0,class:"nothingSelected"},Qo=Bo(()=>Object(o["i"])("i",null,"Nothing selected",-1)),zo=[Qo],Fo={key:1,style:{position:"relative"}},Ro={class:"flex flex-col items-center justify-center p-6",style:{padding:"0px"}},Uo={class:"mb-4 w-full max-w-xl"},Vo=["disabled"],$o={key:0,class:""},Go={class:"text-red-600",style:{"margin-top":"-15px"}};var qo={__name:"AiCodePanel",props:["appData","selectedComponent"],emits:["aiCodeChanged"],setup(e,{expose:t,emit:a}){let n=Object(o["I"])(null),l=Object(o["I"])(""),i=Object(o["I"])(!1),r=De.ask_ai_url+"codegen",s=Object(o["I"])({});function c(e){console.log("aiCodePanel :: setSelectedComponent: ",c),n.value=e}function d(){let e=n.value;console.log("aiCodePanel :: aiSendClicked: ",e);let t=e.toHTML();s.value={selectedHtml:t,userPrompt:l.value},s.value.previousPrompt=l.value,i.value=!0,console.log("aiCodePanel :: aiRequest-requestObject: ",s.value),u["a"].post(r,{content_type:"html",prompt:s.value.userPrompt,code:s.value.selectedHtml}).then(e=>{i.value=!1;let t=JSON.parse(e.request.response);console.log("AI response: ",t),t.error?(console.log("responseObject.error",t.error),s.value.aiError=t.error):(i.value=!1,l.value="",s.value.aiApiResponse=t.response,editor.getSelected().replaceWith(t.response),a("aiCodeChanged"))}).catch(e=>{i.value=!1,console.log("Error sending message to AI: ",e),s.value.aiError=e.message})}return t({setSelectedComponent:c}),(e,t)=>{const a=Object(o["L"])("vscode-button");return Object(o["Q"])(n)?(Object(o["E"])(),Object(o["h"])("div",Fo,[Object(o["i"])("div",Ro,[Object(o["i"])("div",Uo,[Object(o["Y"])(Object(o["i"])("textarea",{rows:"2","onUpdate:modelValue":t[0]||(t[0]=e=>Object(o["q"])(l)?l.value=e:l=e),disabled:Object(o["Q"])(i),placeholder:"Enter your code assistance request",class:"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"},null,8,Vo),[[o["U"],Object(o["Q"])(l)]])]),Object(o["Q"])(s).aiError?(Object(o["E"])(),Object(o["h"])("div",$o,[Object(o["i"])("p",Go,Object(o["O"])(Object(o["Q"])(s).aiError),1)])):Object(o["g"])("",!0),Object(o["Q"])(i)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["f"])(a,{key:1,onClick:d,style:{width:"100px !important"}},{default:Object(o["X"])(()=>[Object(o["j"])("Request")]),_:1})),Object(o["Q"])(i)?(Object(o["E"])(),Object(o["f"])(a,{key:2,disabled:"",style:{width:"100px !important"}},{default:Object(o["X"])(()=>[Object(o["j"])("Plese wait...")]),_:1})):Object(o["g"])("",!0)])])):(Object(o["E"])(),Object(o["h"])("div",Mo,zo))}}};a("d0f5");const Jo=C()(qo,[["__scopeId","data-v-d1816844"]]);var Xo=Jo;class Yo{constructor(e,t,a){this.wsEndpoint=De.getExternalApiBaseUrl("ws"),this.ws=null,this.onOpenHandler=e,this.onCloseHandler=t,this.onMessageHandler=a}connect(){console.log("StatusMonitor::connect"),this.ws=new WebSocket(this.wsEndpoint),this.ws.onopen=this.onOpen.bind(this),this.ws.onmessage=this.onMessage.bind(this),this.ws.onclose=this.onClose.bind(this)}restart(e){e=e||1,console.log("StatusMonitor::restart",e),setTimeout(()=>{this.connect()},1e3*e)}onOpen(){console.log("StatusMonitor::onOpen"),this.ws.send(JSON.stringify({channel:"geniebuilder",message:"subscribe",payload:{}})),this.onOpenHandler()}onMessage(e){this.onMessageHandler(e)}onClose(){console.log("StatusMonitor::onClose"),this.onCloseHandler()}}a("04d1");var Wo=a("8833");a("d7d5"),a("d5e0"),a("0109"),a("bbca");const Zo=e=>(Object(o["G"])("data-v-e4ee1f24"),e=e(),Object(o["F"])(),e),Ko={key:0,class:"mainContainer"},en={class:"topBar"},tn=Zo(()=>Object(o["i"])("div",{style:{width:"100%"}},null,-1)),an={class:"topToolBar"},on={style:{"margin-right":"10px",color:"#cccccc"}},nn={class:"rowStack"},ln={class:"centralBar"},rn={class:"panel canvasPanel",style:{}},sn={class:"panel logsPanel"},cn={class:"panel bindingsPanel",style:{height:"100%"}},dn=Zo(()=>Object(o["i"])("div",{id:"myStyleEditorContainer"},[Object(o["i"])("div",{id:"myStyleEditorContainerClasses"}),Object(o["i"])("div",{id:"myStyleEditorContainerSections"})],-1)),pn=Zo(()=>Object(o["i"])("div",{id:"layersContainer"},null,-1)),un={class:"nothingSelected"},bn=Zo(()=>Object(o["i"])("i",null,"Nothing selected",-1)),mn=[bn],_n={id:"customCodeEditor"},gn={class:"panel propertiesPanel",style:{height:"100%"}},fn={class:"panel aiHelpPanel",style:{height:"100%"}};var hn={__name:"Main",setup(e){let t=Object(o["I"])(null),a=Object(o["I"])("test <p>para</p>"),n=Object(o["I"])({mode:"text/xml",theme:"neat",lineWrapping:!0}),l="";function i(e){3==e&&setTimeout(()=>{console.log("onMainTabChanged",e,t.value),le()},200)}function r(){console.log("codeChanged")}const s=()=>{console.log("Main.switchCodeEditorTheme: ",window.currentThemeType),"light"==window.currentThemeType?n.value.theme="neat":n.value.theme="dracula",U=window.currentThemeType,t.value&&t.value.refresh()};function c(){x.value.showAiCodePreview(!0)}function d(){let e=a.value;const t=new DOMParser,o=t.parseFromString(e,"text/html"),n=o.body;Ce.encodeAttributesInDOM(n);const l=n.innerHTML;let i=editor.getCss();editor.getSelected().replaceWith(l),editor.setStyle(i)}window.switchCodeEditorTheme=s;let p=Object(o["I"])(null),_=localStorage.getItem("panelStates");_?(console.log("storedStates",_),p.value=JSON.parse(_)):(p.value={bindingsPanelContainer:{expanded:!0,size:10},propertiesPanelContainer:{expanded:!0,size:10},aiHelpPanelContainer:{expanded:!0,size:10}},f());const g=Object(o["I"])([p.value.bindingsPanelContainer.size,p.value.propertiesPanelContainer.size,p.value.aiHelpPanelContainer.size]);function f(){try{p.value.bindingsPanelContainer.size=Math.round(document.getElementById("bindingsPanelContainer_Pane").style.height.split("%").join("")),p.value.propertiesPanelContainer.size=Math.round(document.getElementById("propertiesPanelContainer_Pane").style.height.split("%").join("")),p.value.aiHelpPanelContainer.size=Math.round(document.getElementById("aiHelpPanelContainer_Pane").style.height.split("%").join(""))}catch(e){console.error("savePanelStates error",e)}localStorage.setItem("panelStates",JSON.stringify(p.value))}function h(){console.log("panesResized"),f()}console.log("panelSizes",g);function y(e,t){console.log("updatePaneState",e,t),p.value[e].expanded=t,f()}const v=Object(o["I"])(null),O=Object(o["I"])(null),j=Object(o["I"])(null),w=Object(o["I"])(null),x=Object(o["I"])(null),C=Object(o["I"])(null),k=Object(o["I"])(null),D=Object(o["I"])(null),E=Object(o["I"])(null),T=Object(o["I"])(null),S=Object(o["I"])(null),P=Object(o["I"])(null);let A=null,L=!1,N=Object(o["I"])(null);window.appData=N;const H="0.1.32";let B=["appid","appport","CHANNEL__","GB_SOURCE","GB_HOST","GB_PORT"],Q=[];const z=te();let R="NCD. URL Params\n------------------------";if(B.forEach(e=>{R+=`\n  - ${e}: ${z[e]}`,void 0==z[e]?Q.push(e):De[e]=z[e]}),console.log(R),Q.length>0){let e="Missing URL params: "+Q.join(", ");throw alert(e),new Error(e)}window.apibase=De.getExternalApiBaseUrl("http")+"api/v1/";let U="dark";function V(e){}function $(e){let t=JSON.parse(e.data);if(t.message&&0==t.message.indexOf("base64:")&&(t.message=atob(t.message.replace("base64:",""))),t.message&&0==t.message.indexOf("filechanged:")){let e=t.message.replace("filechanged:",""),a=A.config.app_path+"/"+A.view,o=e==a,n=e.indexOf("autogenerated.css")>-1;n||L||(o||setStoredUnsavedChanges(),console.log("[debug-autoreload] reload triggered by file change notification",e,a,o,n,L),window.location.reload())}else w&&w.value&&w.value.addLog({appid:t.appid,timestamp:t.timestamp,source:"server",level:t.type,message:t.message+": "+t.status})}"light"==z.theme&&(U="light"),setTheme(U),window.clearStoredUnsavedChanges=function(){console.log("clearStoredUnsavedChanges()");let e=A.config.app_path+"/"+A.view;localStorage.removeItem("unsavedChanges__"+e)},window.getStoredUnsavedChanges=function(){console.log("getStoredUnsavedChanges()");let e=A.config.app_path+"/"+A.view,t=localStorage.getItem("unsavedChanges__"+e);return t&&(t=JSON.parse(t)),t},window.setStoredUnsavedChanges=function(){console.log("setStoredUnsavedChanges()");let e=A.config.app_path+"/"+A.view,t=K();t=JSON.stringify(t),localStorage.setItem("unsavedChanges__"+e,t)};const G=Object(o["d"])(()=>{let e="Properties";return P&&P.value?P.value.attributes.name&&(e+=" - "+P.value.attributes.name):e+=" (nothing selected)",e});function q(e){console.log("onSocketClose",e),X.restart(5)}const X=window.statusMonitor=new Yo(V,q,$);let Y={indent_size:4,indent_char:" ",max_preserve_newlines:5,preserve_newlines:!0,keep_array_indentation:!1,break_chained_methods:!1,indent_scripts:"normal",brace_style:"collapse",space_before_conditional:!0,unescape_strings:!1,jslint_happy:!1,end_with_newline:!1,wrap_line_length:0,indent_inner_html:!1,comma_first:!1,e4x:!1,indent_empty_lines:!1,inline_custom_elements:!1};function W(e){C.value.setHandleBlocks(e)}function Z(){console.log("reloadPage"),window.location.reload()}function K(){const e=editor.getCss(),t=editor.getHtml({cleanId:!0}),a=new DOMParser,o=a.parseFromString(t,"text/html"),n=o.body.querySelector("#gbTemplateContainer")||null;Ce.decodeAttributesInDOM(n);const l=n.innerHTML;let i=html_beautify(l,Y);return i=Ce.restoreSpecialElements(i),{beautifiedHtml:i,editedHtmlCss:e}}function ee(){let{beautifiedHtml:e,editedHtmlCss:t}=K(),a=e.indexOf("<tempplaceholder")>-1,o=l!=e;if(a)return void console.log("saveTemplate() cancelled: it contains placeholders");if(!o)return void console.log("saveTemplate() cancelled: content didn't change");console.log("saveTemplate() will proceed"),l=e;let n=A.view,i=encodeURIComponent(n),r=`${apibase}apps/${De.appid}/save?path=${i}`;L=!0,console.log("[debug-autoreload] saveTemplate() called. savedFromNoCodeEditor set to TRUE, Will save HTML now: ",i),u["a"].post(r,{payload:e}).then(e=>{console.log("[debug-autoreload] html-save callback: ",i,L);let a=`${apibase}apps/${De.appid}/save?path=public/css/autogenerated.css`;console.log("[debug-autoreload] Will save CSS for html: ",i,L),u["a"].post(a,{payload:t}).then(e=>{console.log("[debug-autoreload] css-save callaback for html: ",i,L),console.log("[debug-autoreload] savedFromNoCodeEditor set to FALSE"),L=!1}).catch(e=>{console.log("[debug-autoreload] error saving css for html: ",i,L),console.log("ERROR saving css file response: ",e)})}).catch(e=>{console.log("[debug-autoreload] error saving HTML: ",i,L),console.log("ERROR saving template file response: ",e)})}function te(){const e=new URLSearchParams(window.location.search),t={};for(const[a,o]of e.entries())t[a]=o;return t}function ae(e){S.value.onBindingOvered(e);let t=document.querySelector(".gjs-frame");if(e.binding){let a={target:"main-controller",payload:{command:"reportElementsUsingBinding",bindingName:e.binding.name}};t.contentWindow.postMessage(a,"*")}else S.value.updateElementsPositions([])}function oe(){console.log("onAutoSaveTriggered()"),ee()}function ne(e){console.log("Main::onComponentSelected",e),window.selectedComponent=P.value=e,D.value&&D.value.setSelectedComponent(e),T.value&&T.value.setSelectedComponent(e),le()}function le(){let e=P.value;if(!e)return;console.log("updateCodeEditorContent",e);let o=e.toHTML();console.log("selectedComponentCode",o);const n=o,l=new DOMParser,i=l.parseFromString(n,"text/html");console.log("beautifiedHtml doc",i);const r=i;Ce.decodeAttributesInDOM(r),o=r.querySelector("body").innerHTML,console.log("beautifiedHtml 0",o);let s=html_beautify(o,Y);console.log("beautifiedHtml 1",s),console.log("beautifiedHtml 2",s),a.value=s,t.value.refresh()}function ie(e){var t;let a=e.bindingInfo.bindingname,o=null===(t=sharedData.modelFieldsByName[a])||void 0===t?void 0:t.columns;if(o&&o.length>0){let t,n;t=n=`$_{${a}.${o[0]}}`,o.length>1&&(n=`$_{${a}.${o[1]}}`);let l=e.newComponentModel;editor.select(e.targetModel),setTimeout(()=>{var a;let o=null===(a=D.value)||void 0===a?void 0:a.chartPropertiesPanel;console.log("onBindingDroppedOnComponent",e,o.value),o&&o.addNewTraceFromBinding(t,n),editor.select(l);let i=l.collection;i.remove(l),editor.select(e.targetModel)},100)}}function re(e){N.value=e}function se(e){if(null==A)return!1;let t=A.model.fields,a=t.map(e=>e.name);return a.indexOf(e)>-1||""==e}function ce(e){const t={"{Function}":"Function","{Bool}":"Boolean","{String}":"String","{Char}":"String","{Date}":"Date","{Number}":"Number","{Int64}":"Number","{Int32}":"Number","{Int16}":"Number","{Int8}":"Number","{Float64}":"Number","{Float32}":"Number","{Float16}":"Number","{Float8}":"Number","{Vector}":"Array","{Vector{Bool}}":"Array","{Vector{String}}":"Array","{Vector{Char}}":"Array","{Vector{Number}}":"Array","{Vector{Float64}}":"Array","{Vector{Int64}}":"Array","{Vector{Int32}}":"Array","{Vector{Int16}}":"Array","{Vector{Int8}}":"Array","Vector{Dict}":"Array","{Object}":"Object","{NamedTuple{(:min, :max), Tuple{Int64, Int64}}}":"Object","{Dict}":"Object","{RangeData{Int64}}":"Number","{Vector{PlotlyBase.GenericTrace{Dict{Symbol, Any}}}}":"PlotlyBase.GenericTrace","{PlotlyBase.Layout{Dict{Symbol, Any}}}":"PlotlyBase.Layout","{DataTable{DataFrames.DataFrame}}":"DataTable.DataFrames.DataFrame","{DataFrames.DataFrame}":"DataFrames.DataFrame","{DataFrame}":"DataFrames.DataFrame","{PlotlyData}":"PlotlyData","{DataTablePagination}":"DataTablePagination"};e.forEach(e=>{e.model.fields=e.model.fields.filter(e=>e.isreactive),e.model.fields.forEach(e=>{let a=e.type,o=a.replace("Reactive",""),n=t[o];void 0!=n||0!=o.indexOf("{Vector{Dict{")&&0!=o.indexOf("{Vector{Vector{")||(n="Array"),e.type=n||"UnknownType"}),e.model.fields=m["a"].sortBy(e.model.fields,e=>e.name.toLowerCase())})}function de(){window.canvasPanel=x,document.addEventListener("scroll",e=>{let t=S.value;null!=t&&t.updateIframePosition()}),document.addEventListener("keydown",e=>{if(e.ctrlKey||e.metaKey)switch(e.key){case"s":e.preventDefault(),ee();break;case"z":e.preventDefault(),e.shiftKey?document.execCommand("redo"):document.execCommand("undo");break;case"c":e.preventDefault(),document.execCommand("copy");break;case"v":e.preventDefault(),document.execCommand("paste");break;case"x":e.preventDefault(),document.execCommand("cut");case"a":e.preventDefault(),document.execCommand("selectAll")}}),window.addEventListener("message",e=>{if("nocode-builder"!==e.data.target)return;let t=S.value;null!=t&&t.updateElementsPositions(e.data.payload)},!1),apibase&&De.appid&&(u["a"].get(apibase+"apps").then(e=>{let t=e.data.applications.find(e=>e.id.value.toString()==De.appid),a=t;null!=t&&u["a"].get(apibase+"apps/"+De.appid+"/pages").then(e=>{ce(e.data.pages),a.pages=e.data.pages,re(a),setTimeout(()=>{A=e.data.pages[0];let t,a=getStoredUnsavedChanges();if(console.log("unsavedChanges on init: ",a),a)clearStoredUnsavedChanges(),t=a.beautifiedHtml,l=t,x.value.updateTemplateFile(t),console.log("updateTemplateFile 0 (unsaved changes)");else{let e=apibase+"apps/"+De.appid+"/edit?path="+encodeURIComponent(A.view);u["a"].get(e).then(e=>{t=e.data.content,l=t,console.log("updateTemplateFile 1 (normal)"),x.value.updateTemplateFile(t)}).catch(t=>{console.error("error loading template file: ",e,t)})}},3e3)}).catch(e=>{console.log("error",e)})}).catch(e=>{console.log("error",e)}),X.connect())}return window.valueIsModelField=se,Object(o["B"])(()=>{de()}),(e,l)=>{const s=Object(o["L"])("vscode-button");return Object(o["Q"])(N)?(Object(o["E"])(),Object(o["h"])("div",Ko,[Object(o["i"])("div",en,[tn,Object(o["i"])("div",an,[Object(o["i"])("div",on," v "+Object(o["O"])(Object(o["Q"])(H)),1),Object(o["i"])("div",null,[Object(o["k"])(s,{onClick:Z,style:{"margin-right":"10px"}},{default:Object(o["X"])(()=>[Object(o["j"])("Refresh")]),_:1}),Object(o["k"])(s,{onClick:ee},{default:Object(o["X"])(()=>[Object(o["j"])("Save")]),_:1})])])]),Object(o["i"])("div",nn,[Object(o["i"])("div",ln,[Object(o["i"])("div",rn,[Object(o["k"])(Re,{ref_key:"canvasPanel",ref:x,onAutoSaveTriggered:oe,onComponentSelected:ne,onBindingDroppedOnComponent:ie,appData:Object(o["Q"])(N)},null,8,["appData"])]),Object(o["i"])("div",sn,[Object(o["k"])(I,{title:"Logs"},{default:Object(o["X"])(()=>[Object(o["k"])(Oo,{ref_key:"logsPanel",ref:w,appData:Object(o["Q"])(N)},null,8,["appData"])]),_:1})])]),Object(o["k"])(Object(o["Q"])(b["b"]),{horizontal:"",class:"rightBar",onResized:h},{default:Object(o["X"])(()=>[Object(o["k"])(Object(o["Q"])(b["a"]),{id:"bindingsPanelContainer_Pane",size:Object(o["Q"])(p).bindingsPanelContainer.size,style:Object(o["v"])({minHeight:Object(o["Q"])(p).bindingsPanelContainer.expanded?"200px":"25px",maxHeight:Object(o["Q"])(p).bindingsPanelContainer.expanded?"100%":"25px"})},{default:Object(o["X"])(()=>[Object(o["i"])("div",cn,[Object(o["k"])(I,{title:"Library & Bindings",ref_key:"bindingsPanelContainer",ref:v,"onUpdate:expanded":l[1]||(l[1]=e=>y("bindingsPanelContainer",e)),style:{height:"100%"}},{default:Object(o["X"])(()=>[Object(o["k"])(M,{mode:"light",onChangeTab:i,style:{height:"100%",display:"flex","flex-direction":"column"}},{default:Object(o["X"])(()=>[Object(o["k"])(F,{title:"UI Library",active:"true",style:{}},{default:Object(o["X"])(()=>[Object(o["k"])(Ke,{ref_key:"libraryPanel",ref:k,onBlockCustomTriggered:W},null,512)]),_:1}),Object(o["k"])(F,{title:"Styles"},{default:Object(o["X"])(()=>[dn]),_:1}),Object(o["k"])(F,{title:"Bindings"},{default:Object(o["X"])(()=>[Object(o["k"])(J,{ref_key:"bindingsPanel",ref:C,appData:Object(o["Q"])(N),onBindingOvered:ae},null,8,["appData"])]),_:1}),Object(o["k"])(F,{title:"Layers"},{default:Object(o["X"])(()=>[pn]),_:1}),Object(o["k"])(F,{title:"Code",style:{width:"100%"}},{default:Object(o["X"])(()=>[Object(o["Y"])(Object(o["i"])("div",un,mn,512),[[o["V"],!P.value]]),Object(o["Y"])(Object(o["i"])("div",_n,[Object(o["k"])(Object(o["Q"])(Wo["a"]),{ref_key:"codeEditor",ref:t,value:Object(o["Q"])(a),"onUpdate:value":l[0]||(l[0]=e=>Object(o["q"])(a)?a.value=e:a=e),options:Object(o["Q"])(n),border:"",placeholder:"test placeholder",height:200,onChange:r},null,8,["value","options"]),Object(o["k"])(s,{onClick:d},{default:Object(o["X"])(()=>[Object(o["j"])("Apply")]),_:1})],512),[[o["V"],P.value]])]),_:1})]),_:1})]),_:1},512)])]),_:1},8,["size","style"]),Object(o["k"])(Object(o["Q"])(b["a"]),{id:"propertiesPanelContainer_Pane",size:Object(o["Q"])(p).propertiesPanelContainer.size,style:Object(o["v"])({minHeight:Object(o["Q"])(p).propertiesPanelContainer.expanded?"100px":"25px",maxHeight:Object(o["Q"])(p).propertiesPanelContainer.expanded?"100%":"25px"})},{default:Object(o["X"])(()=>[Object(o["i"])("div",gn,[Object(o["k"])(I,{title:G.value,ref_key:"propertiesPanelContainer",ref:O,"onUpdate:expanded":l[2]||(l[2]=e=>y("propertiesPanelContainer",e)),style:{height:"100%"}},{default:Object(o["X"])(()=>[Object(o["k"])(Ka,{ref_key:"propertiesPanel",ref:D,appData:Object(o["Q"])(N),selectedComponent:P.value,style:{height:"100%"}},null,8,["appData","selectedComponent"])]),_:1},8,["title"])])]),_:1},8,["size","style"]),Object(o["k"])(Object(o["Q"])(b["a"]),{id:"aiHelpPanelContainer_Pane",size:Object(o["Q"])(p).aiHelpPanelContainer.size,style:Object(o["v"])({minHeight:Object(o["Q"])(p).aiHelpPanelContainer.expanded?"150px":"25px",maxHeight:Object(o["Q"])(p).aiHelpPanelContainer.expanded?"100%":"25px"})},{default:Object(o["X"])(()=>[Object(o["i"])("div",fn,[Object(o["k"])(I,{title:"Ask AI",ref_key:"aiHelpPanelContainer",ref:j,"onUpdate:expanded":l[3]||(l[3]=e=>y("aiHelpPanelContainer",e)),style:{height:"100%"}},{default:Object(o["X"])(()=>[Object(o["k"])(M,{mode:"light",onChangeTab:e.onAiTabChanged,style:{height:"100%",display:"flex","flex-direction":"column"}},{default:Object(o["X"])(()=>[Object(o["k"])(F,{title:"Help",active:"true",style:{}},{default:Object(o["X"])(()=>[Object(o["k"])(Ho,{ref_key:"aiHelpPanel",ref:E,appData:Object(o["Q"])(N),selectedComponent:P.value,style:{height:"100%"}},null,8,["appData","selectedComponent"])]),_:1}),Object(o["k"])(F,{title:"Code Assistant"},{default:Object(o["X"])(()=>[Object(o["k"])(Xo,{ref_key:"aiCodePanel",ref:T,appData:Object(o["Q"])(N),onAiCodeChanged:c,selectedComponent:P.value,style:{height:"100%"}},null,8,["appData","selectedComponent"])]),_:1})]),_:1},8,["onChangeTab"])]),_:1},512)])]),_:1},8,["size","style"])]),_:1})]),Object(o["k"])(Eo,{ref_key:"bindingConnectorsManager",ref:S,appData:Object(o["Q"])(N)},null,8,["appData"])])):Object(o["g"])("",!0)}}};a("ef8c");const yn=C()(hn,[["__scopeId","data-v-e4ee1f24"]]);var vn=yn;window.uikit=l,window.provideVSCodeDesignSystem=i["a"],Object(i["a"])().register(Object(r["c"])(),Object(s["c"])(),Object(c["b"])(),Object(d["b"])(),Object(p["b"])());var On={name:"App",components:{Main:vn}};a("9502");const jn=C()(On,[["render",n]]);var wn=jn,xn=a("5502"),Cn=Object(xn["a"])({state:{},mutations:{},actions:{},modules:{}}),kn=a("b05d"),Dn=(a("0ca9"),a("7d6e"),a("e54f"),a("a4b7"),a("05bc"),a("0d0e"),a("573e"),{config:{},plugins:{}});window.canvasComponents={},window.currentThemeType="light",window.addCanvasComponent=function(e,t){window.canvasComponents[e]=t},window.removeCanvasComponent=function(e){delete window.canvasComponents[e]},window.setTheme=function(e){document.querySelector("body").setAttribute("style",""),"dark"===e?document.documentElement.setAttribute("data-theme","dark"):document.documentElement.setAttribute("data-theme","light"),window.currentThemeType=e,window.switchCodeEditorTheme&&window.switchCodeEditorTheme(e)},window.addEventListener("message",e=>{"removeCanvasComponent"===e.data.command?window.removeCanvasComponent(e.data.uid):"updateTheme"===e.data.command&&window.setTheme(e.data.themeType)},!1),Oe(e=>{window.blockDefinitions=e,Object(o["e"])(wn).use(kn["a"],Dn).use(Cn).mount("#app")})},"5f60":function(e,t,a){"use strict";a("a409")},"6bd9":function(e,t,a){},"6c50":function(e,t,a){},"763e":function(e,t,a){},"77a2":function(e,t,a){"use strict";a("03c2")},8922:function(e,t,a){"use strict";a("f148")},9502:function(e,t,a){"use strict";a("3037")},9872:function(e,t,a){},"9fe3":function(e,t,a){},a409:function(e,t,a){},ab4e:function(e,t,a){},bc0f:function(e,t,a){"use strict";a("4d29")},c0b1:function(e,t,a){"use strict";a("763e")},c2a3:function(e,t,a){"use strict";a("9872")},c763:function(e,t,a){},ca8d:function(e,t,a){"use strict";a("ff99")},cace:function(e,t,a){"use strict";a("1ccc")},cfff:function(e,t,a){},d0f5:function(e,t,a){"use strict";a("6bd9")},d6e4:function(e,t,a){function o(e){e.DomComponents.addType("plotly",{isComponent:function(e){if("PLOTLY"===e.tagName)return{type:"plotly",name:"Plotly"}},model:{defaults:{removable:!0,draggable:!0,droppable:"tempplaceholder",badgable:!0,stylable:!0,highlightable:!0,copyable:!1,resizable:!1,editable:!1,hoverable:!0,traits:[],script:function(){var e=window.parent.sharedData.externalData;let t=this.attributes.id.nodeValue;function a(t){let a={},o=Object.getOwnPropertyNames(t);return o.forEach(o=>{let n=o.replace("gb_c__",""),l=void 0!==t[o].nodeValue?t[o].nodeValue:t[o];["data","layout","config"].includes(n)&&(l=atob(l),void 0!==e[l]?a[":"+n]=e[l]:a[":"+n]=JSON.parse(l))}),a}function o(t){for(let a in t)if("object"===typeof t[a]&&null!==t[a])o(t[a]);else if("string"===typeof t[a]){const o=t[a].match(/\$_{(.+?)}/);if(o&&o[1]){const l=o[1];t[a]=n(e,l)}}}function n(e,t){const a=t.split(".");for(let o=0;o<a.length;o++){if(!e||!e.hasOwnProperty(a[o]))return;e=e[a[o]]}return e}this.onExternalDataChanged=t=>{e=t.detail,l=a(this.attributes),this.vueApp.updateServerData(e)},window.parent.addCanvasComponent(t,this);let l=a(this.attributes);this.vueApp=new Vue({el:"#vueinternal_"+t,data:function(){let t=l[":data"];o(t);let a=l[":layout"]||{};o(a);let n=l[":config"]||{};return o(n),{message:"TESTING_ID",attributes:l,serverData:e,parsedData:t,parsedLayout:a,parsedConfig:n}},methods:{updateServerData(e){this.serverData=e;let t=l[":data"];o(t),this.parsedData=t;let a=l[":layout"]||{};o(a),this.parsedLayout=a;let n=l[":config"]||{};o(n),this.parsedConfig=n},updateAttributes(e){this.attributes=a(e),l=this.attributes,this.updateServerData(this.serverData)}},mounted(){}})}},handleAttrChange(){},render:function(){this.view.onRender()},init(){this.listenTo(this,"change:attributes",this.onAttributeChange)},removed(){window.parent.postMessage({command:"removeCanvasComponent",uid:this.ccid},"*")}},view:{onAttributeChange(){},onRender(){const{el:e,model:t}=this;let a=e.attributes.id.nodeValue;e.grapesModel=t;const o=`<div id="vueinternal_${a}" style="position: relative;">\n                    <Plotly ref="childVueInstance" :data="parsedData" :layout="parsedLayout" :config="parsedConfig"></Plotly>\n                    <div style="position: absolute; background-color: #ff000000; top: 0px; left: 0px; width: 100%; height: 100%;"></div>\n                `;e.innerHTML=o}}})}a("b7ef"),e.exports={registerPlotlyComponent:o}},dc28:function(e,t,a){},e9ee:function(e,t,a){"use strict";a("ab4e")},ef8c:function(e,t,a){"use strict";a("12ca")},f0a8:function(e,t,a){},f148:function(e,t,a){},fd7d:function(e,t,a){"use strict";a("9fe3")},ff99:function(e,t,a){}});
-//# sourceMappingURL=app.e578f8fa.js.map
\ No newline at end of file
+(function(e){function t(t){for(var o,i,r=t[0],s=t[1],c=t[2],p=0,u=[];p<r.length;p++)i=r[p],Object.prototype.hasOwnProperty.call(n,i)&&n[i]&&u.push(n[i][0]),n[i]=0;for(o in s)Object.prototype.hasOwnProperty.call(s,o)&&(e[o]=s[o]);d&&d(t);while(u.length)u.shift()();return l.push.apply(l,c||[]),a()}function a(){for(var e,t=0;t<l.length;t++){for(var a=l[t],o=!0,r=1;r<a.length;r++){var s=a[r];0!==n[s]&&(o=!1)}o&&(l.splice(t--,1),e=i(i.s=a[0]))}return e}var o={},n={app:0},l=[];function i(t){if(o[t])return o[t].exports;var a=o[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=o,i.d=function(e,t,a){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(i.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)i.d(a,o,function(t){return e[t]}.bind(null,o));return a},i.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="";var r=window["webpackJsonp"]=window["webpackJsonp"]||[],s=r.push.bind(r);r.push=t,r=r.slice();for(var c=0;c<r.length;c++)t(r[c]);var d=s;l.push([0,"chunk-vendors"]),a()})({0:function(e,t,a){e.exports=a("56d7")},"03c2":function(e,t,a){},"03ef":function(e,t,a){},"12ca":function(e,t,a){},"173e":function(e,t,a){"use strict";a("f0a8")},"1ccc":function(e,t,a){},3037:function(e,t,a){},"380c":function(e,t,a){"use strict";a("c763")},"3ab6":function(e,t,a){"use strict";a("dc28")},"49e5":function(e,t,a){"use strict";a("cfff")},"4d29":function(e,t,a){},5191:function(e,t,a){"use strict";a("6c50")},5240:function(e,t,a){"use strict";a("03ef")},"56d7":function(e,t,a){"use strict";a.r(t);var o=a("7a23");function n(e,t,a,n,l,i){const r=Object(o["L"])("Main");return Object(o["E"])(),Object(o["f"])(r,{msg:"Genie Builder No-Code Editor"})}var l=a("69d7"),i=a("1bd4"),r=a("0a46"),s=a("1fb9"),c=a("1bbd"),d=a("08ca"),p=a("054d"),u=(a("14d9"),a("d9e2"),a("b7ef"),a("88a7"),a("271a"),a("5494"),a("cee4")),b=a("9def"),m=(a("c1ea"),a("c46f"));const g=e=>(Object(o["G"])("data-v-6c90e336"),e=e(),Object(o["F"])(),e),_={style:{position:"relative"}},f={key:0},h=g(()=>Object(o["i"])("i",{class:"fa fa-chevron-right"},null,-1)),y=[h],v={key:1},O=g(()=>Object(o["i"])("i",{class:"fa fa-chevron-down"},null,-1)),j=[O];var w={__name:"PanelTitle",props:["title","expanded"],emits:["expand"],setup(e,{emit:t}){const a=e;let n=Object(o["I"])(a.expanded);function l(){t("expand",n.value)}return Object(o["W"])(a,e=>{n.value=e.expanded}),(t,a)=>(Object(o["E"])(),Object(o["h"])("div",_,[Object(o["i"])("div",{class:"title",onClick:l},Object(o["O"])(e.title),1),Object(o["i"])("div",{class:"expandBtn",onClick:l},[Object(o["Q"])(n)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("span",f,y)),Object(o["Q"])(n)?(Object(o["E"])(),Object(o["h"])("span",v,j)):Object(o["g"])("",!0)])]))}},x=(a("49e5"),a("6b0d")),C=a.n(x);const k=C()(w,[["__scopeId","data-v-6c90e336"]]);var D=k;const E={style:{height:"100%"}},T={class:"panelContent",style:{height:"calc(100% - 25px)",overflow:"auto"}};var S={__name:"Panel",props:["title","hideTitle"],emits:["update:expanded"],setup(e,{expose:t,emit:a}){const n=e;let l=Object(o["I"])(!0);function i(){l.value=!l.value,r(),a("update:expanded",l.value)}function r(){localStorage.setItem("panelExpandedState_"+n.title,l.value)}function s(){let e=localStorage.getItem("panelExpandedState_"+n.title);"false"===e&&(l.value=!1)}return s(),t({expanded:l}),(t,a)=>(Object(o["E"])(),Object(o["h"])("div",E,[e.hideTitle?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["f"])(D,{key:0,expanded:Object(o["Q"])(l),title:e.title,onExpand:i},null,8,["expanded","title"])),Object(o["Y"])(Object(o["i"])("div",T,[Object(o["K"])(t.$slots,"default")],512),[[o["V"],Object(o["Q"])(l)]])]))}};a("5191");const P=C()(S,[["__scopeId","data-v-76a521d3"]]);var I=P;const A={id:"tab-headers"},L=["onClick"],N={id:"active-tab",style:{"flex-grow":"1",display:"flex",height:"calc(100% - 120px)"}};var H={__name:"Tabs",props:["customClass"],emits:["changeTab"],setup(e,{emit:t}){let a=Object(o["I"])(null),n=Object(o["I"])(null),l=Object(o["I"])(null),i=Object(o["I"])(0);Object(o["B"])(()=>{l.value=[...a.value.querySelectorAll(".tab")];for(let e of l.value)e.classList.contains("active")&&(i=l.value.indexOf(e))});const r=e=>{i=e;for(let t of[...l.value,...n.value])t.classList.remove("active");l.value[i].classList.add("active"),n.value[i].classList.add("active"),t("changeTab",i)};return(t,s)=>(Object(o["E"])(),Object(o["h"])("div",{id:"tabs-container",class:Object(o["u"])(e.customClass),ref_key:"tabContainer",ref:a,style:{height:"100%",display:"flex","flex-direction":"column"}},[Object(o["i"])("div",A,[Object(o["i"])("ul",null,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(Object(o["Q"])(l),(e,t)=>(Object(o["E"])(),Object(o["h"])("li",{key:t,class:Object(o["u"])(Object(o["Q"])(i)==t?"active":""),onClick:e=>r(t),ref_for:!0,ref_key:"tabHeaders",ref:n},Object(o["O"])(e.title),11,L))),128))])]),Object(o["i"])("div",N,[Object(o["K"])(t.$slots,"default")])],2))}};a("e9ee");const B=H;var M=B,Q={__name:"Tab",props:["active"],setup(e){return(t,a)=>(Object(o["E"])(),Object(o["h"])("div",{class:Object(o["u"])(["tab","true"==e.active?"active":""]),ref:"tabs"},[Object(o["K"])(t.$slots,"default")],2))}};a("77a2");const z=Q;var F=z;const R={style:{position:"relative"}},U={style:{"overflow-y":"auto"}},V=["title","onMousedown","datatype","bindingname"],$=["datatype","bindingname","onMouseover","src"];var G={__name:"BindingsPanel",props:["appData"],emits:["bindingOvered"],setup(e,{expose:t,emit:a}){const n=e;let l,i,r=Object(o["I"])("type");function s(e){l=e.dragStart,i=e.dragStop}const c=Object(o["d"])(()=>{let e=[];return d.value.forEach(t=>{e.push({id:"tempplaceholder",type:"tempplaceholder",label:"Temp PlaceHolder",tagName:"TEMPPLACEHOLDER",content:`<tempplaceholder datatype="${t.type}" bindingname="${t.name}" isbinding="true"style="padding: 10px;">Binding '${t.name}' (${t.type})</tempplaceholder>`,properties:[],droppable:!1,editable:!1,draggable:!0,binding:t})}),e}),d=Object(o["d"])(()=>{let e;return n.appData.pages[0].model.fields&&("az"==r.value?e=m["a"].sortBy(n.appData.pages[0].model.fields,e=>e.name.toLowerCase()):"type"==r.value&&(e=m["a"].sortBy(n.appData.pages[0].model.fields,e=>e.type.toLowerCase()+"_"+e.name.toLowerCase()))),e}),p=function(e,t){let o=t.target;a("bindingOvered",{element:o,binding:e})},u=function(){a("bindingOvered",{element:null,binding:null})};return t({setHandleBlocks:s}),(e,t)=>(Object(o["E"])(),Object(o["h"])("div",R,[Object(o["i"])("div",U,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(c.value,e=>(Object(o["E"])(),Object(o["h"])("div",{title:e.binding.type,isbinding:"true",onMousedown:t=>Object(o["Q"])(l)(e),datatype:e.binding.type,bindingname:e.binding.name,class:"bindingItem",key:e.binding.name},[Object(o["i"])("img",{datatype:e.binding.type,bindingname:e.binding.name,onMouseover:t=>p(e.binding,t),onMouseout:u,src:"img/icons/type_"+e.binding.type+".png",class:"typeIcon"},null,40,$),Object(o["j"])(" "+Object(o["O"])(e.binding.name),1)],40,V))),128))])]))}};a("cace");const q=C()(G,[["__scopeId","data-v-e29c2338"]]);var J=q,X=a("2ef0"),Y=a.n(X);a("98c5"),a("13d5");let W=[{id:"Area Chart",icon:"areaChart",traceTemplate:{gbtype:"Area Chart",x:["2024-01-01","2024-01-02","2024-01-03"],y:[10,15,13],type:"scatter",name:"Trace",fill:"tozeroy",mode:"none"}},{id:"Bar Chart",icon:"barChart",traceTemplate:{gbtype:"Bar Chart",x:["Category 1","Category 2","Category 3"],y:[9,10,20],type:"bar",name:"Trace"}},{id:"Box",icon:"boxChart",traceTemplate:{gbtype:"Box",y:[1,2,3,4,7,9],type:"box",name:"Trace"}},{id:"Candlestick",icon:"candlestickChart",traceTemplate:{gbtype:"Candlestick",x:["2024-01-01","2024-01-02","2024-01-03"],close:[10,12,11],high:[11,13,12],low:[9,11,10],open:[9,11,11],type:"candlestick",name:"Trace"}},{id:"Choropleth",icon:"choroplethChart",traceTemplate:{gbtype:"Choropleth",locationmode:"country names",locations:["Canada","United States","Mexico"],z:[10,20,30],type:"choropleth",name:"Trace"}},{id:"Cone",icon:"coneChart",traceTemplate:{gbtype:"Cone",x:[1,2,3],y:[1,2,3],z:[1,2,3],u:[1,0,0],v:[0,1,0],w:[0,0,1],type:"cone",name:"Trace",sizemode:"absolute"}},{id:"Contour",icon:"contourChart",traceTemplate:{gbtype:"Contour",x:[1,2,3],y:[1,2,3],z:[[10,10,10],[20,20,20],[30,30,30]],type:"contour",name:"Trace"}},{id:"Funnel",icon:"funnelChart",traceTemplate:{gbtype:"Funnel",x:[10,20,30],y:["Stage 1","Stage 2","Stage 3"],type:"funnel",name:"Trace"}},{id:"Funnel Area",icon:"funnelAreaChart",traceTemplate:{gbtype:"Funnel Area",values:[100,80,60,40,20],text:["Stage 1","Stage 2","Stage 3","Stage 4","Stage 5"],type:"funnelarea",name:"Trace"}},{id:"Heatmap",icon:"heatmapChart",traceTemplate:{gbtype:"Heatmap",x:["A","B","C"],y:["1","2","3"],z:[[1,20,30],[20,1,60],[30,60,1]],type:"heatmap",name:"Trace"}},{id:"Heatmap GL",icon:"heatmapGLChart",traceTemplate:{gbtype:"Heatmap GL",x:["A","B","C"],y:["1","2","3"],z:[[1,20,30],[20,1,60],[30,60,1]],type:"heatmapgl",name:"Trace"}},{id:"Histogram",icon:"histogramChart",traceTemplate:{gbtype:"Histogram",x:[1,2,3,2,3,2,3,7,6,8,5,8,1,1,1,9],type:"histogram",name:"Trace"}},{id:"Histogram 2D",icon:"histogram2DChart",traceTemplate:{gbtype:"Histogram 2D",x:[1,2,2,3,4],y:[6,6,7,8,8],type:"histogram2d",name:"Trace"}},{id:"Histogram 2D Contour",icon:"histogram2DContourChart",traceTemplate:{gbtype:"Histogram 2D Contour",x:[1,2,2,3,4],y:[6,6,7,8,8],type:"histogram2dcontour",name:"Trace"}},{id:"Indicator",icon:"indicatorChart",traceTemplate:{gbtype:"Indicator",mode:"number+delta",value:400,delta:{reference:350},type:"indicator",name:"Trace"}},{id:"Isosurface",icon:"isosurfaceChart",traceTemplate:{gbtype:"Isosurface",x:[0,0,0,0,1,1,1,1],y:[0,0,1,1,0,0,1,1],z:[0,1,0,1,0,1,0,1],value:[1,2,3,4,5,6,7,8],isomin:2,isomax:6,type:"isosurface",name:"Trace"}},{id:"Line Chart",icon:"lineChart",traceTemplate:{gbtype:"Line Chart",x:["2024-01-01","2024-01-02","2024-01-03"],y:[5,6,7],type:"scatter",mode:"lines",name:"Trace"}},{id:"Mash 3D",icon:"mash3DChart",traceTemplate:{gbtype:"Mash 3D",x:[0,1,2,0],y:[0,0,1,2],z:[0,2,0,1],i:[0,0,0,1],j:[1,2,3,2],k:[2,3,1,3],type:"mesh3d",name:"Trace"}},{id:"OHLC",icon:"ohlcChart",traceTemplate:{gbtype:"OHLC",x:["2024-01-01","2024-01-02","2024-01-03"],open:[100,110,120],high:[105,115,125],low:[95,105,115],close:[102,112,122],type:"ohlc",name:"Trace"}},{id:"Pie Chart",icon:"pieChart",traceTemplate:{gbtype:"Pie Chart",labels:["Slice 1","Slice 2","Slice 3"],values:[10,20,30],type:"pie",name:"Trace"}},{id:"Scatter",icon:"scatterChart",traceTemplate:{gbtype:"Scatter",x:[5,10,15],y:[10,15,5],type:"scatter",mode:"markers",name:"Trace"}},{id:"Scatter 3D",icon:"scatter3DChart",traceTemplate:{gbtype:"Scatter 3D",x:[1,2,3,4],y:[4,3,2,1],z:[1,2,3,4],mode:"markers",type:"scatter3d",name:"Trace"}},{id:"Scatter Geo",icon:"scatterGeoChart",traceTemplate:{gbtype:"Scatter Geo",lat:[40.712776,34.052235,41.878113],lon:[-74.005974,-118.243685,-87.629798],mode:"markers",type:"scattergeo",name:"Trace"}},{id:"Scatter GL",icon:"scatterGLChart",traceTemplate:{gbtype:"Scatter GL",x:[1,2,3,4],y:[10,11,12,13],mode:"markers",type:"scattergl",name:"Trace"}},{id:"Surface",icon:"surfaceChart",traceTemplate:{gbtype:"Surface",x:[1,2,3,4,5],y:[1,2,3,4,5],z:[[1,2,3,4,5],[2,4,6,8,10],[3,6,9,12,15],[4,8,12,16,20],[5,10,15,20,25]],type:"surface",name:"Trace"}},{id:"Table",icon:"tableChart",traceTemplate:{gbtype:"Table",header:{values:[["Header 1"],["Header 2"],["Header 3"]],align:"center",line:{width:1,color:"black"},fill:{color:"grey"},font:{family:"Arial",size:12,color:"white"}},cells:{values:[["Row 1","Row 2","Row 3"],["1","2","3"],["a","b","c"]],align:"center",line:{width:1,color:"black"},fill:{color:"white"},font:{family:"Arial",size:11,color:"black"}},type:"table",name:"Trace"}},{id:"Timeline",icon:"timelineChart",traceTemplate:{gbtype:"Timeline",x:["Start Date 1","Start Date 2","Start Date 3"],xend:["End Date 1","End Date 2","End Date 3"],y:["Task 1","Task 2","Task 3"],type:"scatter",mode:"lines",line:{width:4},name:"Trace"}},{id:"Violin",icon:"violinChart",traceTemplate:{gbtype:"Violin",y:[20,30,40,50,60,70,80,90,100,110],type:"violin",name:"Trace",box:{visible:!0},meanline:{visible:!0}}},{id:"Waterfall",icon:"waterfallChart",traceTemplate:{gbtype:"Waterfall",x:["Product Revenue","Services Revenue","Total Revenue","Fixed Costs","Variable Costs","Total Costs","Net Profit"],y:[60,80,0,-40,-20,0,40],type:"waterfall",name:"Trace",text:["$60","$80","","-$40","-$20","","$40"],textposition:"outside",connector:{line:{color:"rgb(63, 63, 63)"}},increasing:{marker:{color:"Green"}},decreasing:{marker:{color:"Red"}},totals:{marker:{color:"DeepSkyBlue"}}}},{id:"Scatter Mapbox",icon:"scatterMapboxChart",traceTemplate:{gbtype:"Scatter Mapbox",lat:[40.712776,34.052235],lon:[-74.005974,-118.243685],mode:"markers",type:"scattermapbox",name:"Trace"},traceLayout:{dragmode:"zoom",mapbox:{style:"open-street-map",center:{lat:38,lon:-90},zoom:3},margin:{r:0,t:0,b:0,l:0}}},{id:"Streamtube",icon:"streamtubeChart",traceTemplate:{gbtype:"Streamtube",type:"streamtube",x:[0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2],y:[0,0,0,1,1,1,2,2,2,0,0,0,1,1,1,2,2,2,0,0,0,1,1,1,2,2,2],z:[0,1,2,0,1,2,0,1,2,0,1,2,0,1,2,0,1,2,0,1,2,0,1,2,0,1,2],u:[1,1,1,1,1,1,1,1,1,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427],v:[1,1,1,.5403023059,.5403023059,.5403023059,.4161468365,.4161468365,.4161468365,1,1,1,.5403023059,.5403023059,.5403023059,.4161468365,.4161468365,.4161468365,1,1,1,.5403023059,.5403023059,.5403023059,.4161468365,.4161468365,.4161468365],w:[0,.088656062,.169392742,0,.088656062,.169392742,0,.088656062,.169392742,0,.088656062,.169392742,0,.088656062,.169392742,0,.088656062,.169392742,0,.088656062,.169392742,0,.088656062,.169392742,0,.088656062,.169392742],sizeref:.5,cmin:0,cmax:3,name:"Trace"}},{id:"Volume",icon:"volumeChart",traceTemplate:Z()}];function Z(){const e=3;let t=[],a=[],o=[],n=[];for(let r=1;r<=e;r++)for(let l=1;l<=e;l++)for(let i=1;i<=e;i++)t.push(r),a.push(l),o.push(i),n.push(0);for(let r=0;r<15;r++){const e=Math.floor(Math.random()*n.length);n[e]=1}n=n.map((t,a)=>{const o=[n[a-1]||0,n[a+1]||0,n[a-e]||0,n[a+e]||0,n[a-e*e]||0,n[a+e*e]||0],l=o.reduce((e,t)=>e+t,0);return(t+l/o.length)/2});const l=Math.max(...n);n=n.map(e=>e/l);const i={type:"volume",x:t,y:a,z:o,value:n,isomin:.1,isomax:.8,opacity:.1,surface_count:25};return i}const K=e=>(Object(o["G"])("data-v-9700a050"),e=e(),Object(o["F"])(),e),ee={class:"componentAddDialogContainer"},te={class:"componentAddDialog"},ae=K(()=>Object(o["i"])("p",{style:{"margin-bottom":"6px","font-size":"12px","font-weight":"400",opacity:"0.7"}},"Add component for binding",-1)),oe={style:{"padding-bottom":"10px","border-bottom":"1px solid #cccccc50"}},ne=["src"],le=K(()=>Object(o["i"])("div",{style:{"font-size":"14px",padding:"20px 0px 15px"}},"Suggested Components:",-1)),ie={class:"compGroupsContainer"},re=["onClick"],se={class:"compName"},ce={style:{"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap","pointer-events":"none"}},de={style:{"justify-content":"center",display:"flex","margin-bottom":"3px",filter:"brightness(1.5) saturate(1)","pointer-events":"none"}},pe=["src"];var ue={__name:"ComponentAddDialog",props:["appData","componentPlaceHolderData"],emits:["closeDialog"],setup(e,{emit:t}){const a=e;function n(e){console.log("chartTypes",W);let t=W.find(t=>t.id==e);return t?t.traceTemplate:(console.error("Could not find chart with id: "+e),"")}const l=function(e){let t;t=e.icon?e.icon:e.type.split("q-").join("")+".png";const a="img/block_icons/"+t;return a};function i(e,t){console.log("selectCompProp(comp, prop",e,t);let o=(new DOMParser).parseFromString(e.content,"text/html").body.childNodes[0],l=t,i=a.componentPlaceHolderData.bindingname;if("DataFrames.DataFrame"==a.componentPlaceHolderData.datatype){let t=s(a.componentPlaceHolderData.bindingname);i+="."+t,i="$_{"+i+"}";let r=n(e.label);null!=r.x&&(r.x=i),null!=r.y&&(r.y=i),null!=r.z&&(r.z=i),null!=r.labels&&(r.labels=i),null!=r.values&&(r.values=i),console.log("traceTemplate: ",r),i=`[${JSON.stringify(r)}]`,i=btoa(i),o.removeAttribute("gb_c__data"),console.log("finalBindingName",i),o.setAttribute("gb_c__"+l,i)}else"DataTable.DataFrames.DataFrame"==a.componentPlaceHolderData.datatype?(o.removeAttribute("gb_c__data"),i+=".data",o.setAttribute("gb_b__"+l,i),o.setAttribute("gb_b__columns",a.componentPlaceHolderData.bindingname+".columns")):o.setAttribute("gb_b__"+l,i);let c=o.outerHTML;editor.getSelected().replaceWith(c),r(!1)}function r(e){t("closeDialog",e)}function s(e){let t=a.appData.pages[0].model.fields.filter(t=>t.name==e);return 0==t.length?(console.error("Could not find dataframe with name: "+e),""):t[0].columns&&0!=t[0].columns.length?t[0].columns[0]:(console.error("Dataframe "+e+" has no columns"),"")}return(e,t)=>(Object(o["E"])(),Object(o["h"])("div",ee,[Object(o["i"])("div",te,[Object(o["i"])("div",{class:"closeButton",onClick:t[0]||(t[0]=e=>r(!0))},"X"),ae,Object(o["i"])("div",oe,[Object(o["i"])("img",{src:"img/icons/type_"+a.componentPlaceHolderData.datatype+".png",style:{height:"17px","vertical-align":"middle",display:"inline-block"}},null,8,ne),Object(o["j"])(" "+Object(o["O"])(a.componentPlaceHolderData.bindingname),1)]),le,Object(o["i"])("div",ie,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(a.componentPlaceHolderData.components,e=>(Object(o["E"])(),Object(o["h"])("div",{class:"compGroup",key:e.type,onClick:t=>i(e,e.matchingProperties[0])},[Object(o["i"])("div",se,[Object(o["i"])("div",ce,Object(o["O"])(e.label),1),Object(o["i"])("div",de,[Object(o["i"])("img",{src:l(e),class:"typeIcon",style:{filter:"var(--library-icon-filter)","max-height":"20px","margin-top":"6px","pointer-events":"none"}},null,8,pe)])])],8,re))),128))])])]))}};a("173e");const be=C()(ue,[["__scopeId","data-v-9700a050"]]);var me=be,ge=a("d6e4");let _e,fe,he,ye={supportedIcons:["search","search","home","account_circle","settings","done","info","check_circle","delete","visibility","shopping_cart","favorite","description","logout","favorite_border","lock","schedule","language","help_outline","face","manage_accounts","verified","filter_alt","thumb_up","event","fingerprint","dashboard","list","login","visibility_off","check_circle_outline","calendar_today","highlight_off","help","paid","task_alt","question_answer","date_range","article","open_in_new","shopping_bag","lightbulb","credit_card","perm_identity","history","trending_up","account_balance","delete_outline","fact_check","report_problem","verified_user","assignment","star_rate","arrow_right_alt","account_balance_wallet","autorenew","build","view_list","work","print","store","analytics","delete_forever","today","calendar_month","admin_panel_settings","lock_open","watch_later","grade","update","savings","room","code","receipt","add_shopping_cart","contact_support","power_settings_new","done_all","pets","explore","bookmark","account_box","note_add","reorder","bookmark_border","pending_actions","shopping_basket","payment","launch","drag_indicator","supervisor_account","touch_app","pending","zoom_in","assessment","leaderboard","thumb_up_off_alt","open_in_full","preview","done_outline","exit_to_app","assignment_ind","published_with_changes","card_giftcard","view_in_ar","feedback","work_outline","timeline","swap_horiz","assignment_turned_in","dns","stars","sync_alt","label","flight_takeoff","tips_and_updates","book","contact_page","alarm","space_dashboard","bug_report","cached","gavel","translate","pan_tool","edit_calendar","supervised_user_circle","minimize","extension","accessibility","android","rocket_launch","get_app","question_mark","record_voice_over","add_task","trending_flat","help_center","hourglass_empty","accessibility_new","rule","thumb_down","sticky_note_2","settings_applications","source","dashboard_customize","find_in_page","ads_click","support","flutter_dash","close_fullscreen","redeem","announcement","loyalty","swap_vert","arrow_circle_right","view_headline","restore","dangerous","euro_symbol","group_work","sensors","compare_arrows","subject","table_view","disabled_by_default","privacy_tip","nightlight_round","https","toc","track_changes","arrow_circle_up","bookmarks","copyright","grading","currency_exchange","input","api","perm_media","query_builder","view_module","build_circle","zoom_out","perm_contact_calendar","settings_phone","backup","open_with","circle_notifications","perm_phone_msg","book_online","speaker_notes","label_important","wysiwyg","card_membership","file_present","arrow_circle_down","pageview","3d_rotation","upgrade","integration_instructions","change_history","trending_down","swipe","class","percent","accessible","g_translate","settings_accessibility","expand","offline_bolt","settings_backup_restore","production_quantity_limits","arrow_circle_left","aspect_ratio","model_training","view_column","donut_large","segment","calendar_view_month","schedule_send","alarm_on","maximize","bookmark_add","thumbs_up_down","settings_ethernet","theaters","view_agenda","thumb_down_off_alt","important_devices","unpublished","invert_colors","opacity","commute","open_in_browser","system_update_alt","no_accounts","addchart","history_toggle_off","view_week","youtube_searched_for","tour","shopping_cart_checkout","hide_source","bookmark_added","mark_as_unread","settings_input_antenna","shop","plagiarism","turned_in","search_off","not_started","flight_land","assignment_late","assignment_return","donut_small","saved_search","filter_alt_off","contactless","highlight_alt","hotel_class","settings_input_component","balance","view_carousel","view_quilt","anchor","all_inbox","turned_in_not","mediation","settings_remote","edit_off","hourglass_full","fit_screen","flaky","rocket","toll","remove_shopping_cart","lock_clock","swap_horizontal_circle","settings_voice","view_sidebar","event_seat","online_prediction","vertical_split","next_plan","pregnant_woman","data_exploration","terminal","restore_from_trash","lock_reset","camera_enhance","markunread_mailbox","dynamic_form","tab","calendar_view_week","view_stream","accessible_forward","request_page","token","remove_done","settings_power","smart_button","add_to_drive","card_travel","outbox","try","offline_pin","calendar_view_day","find_replace","density_medium","rowing","compress","chrome_reader_mode","fax","outlet","assignment_returned","http","settings_brightness","add_card","alarm_add","generating_tokens","new_label","backup_table","spellcheck","restore_page","credit_card_off","wifi_protected_setup","play_for_work","free_cancellation","settings_overscan","work_history","123","gif","outbound","disabled_visible","swap_vertical_circle","settings_input_composite","cancel_schedule_send","quickreply","view_day","event_repeat","comment_bank","assured_workload","switch_access_shortcut","display_settings","view_timeline","line_weight","pan_tool_alt","horizontal_split","noise_control_off","webhook","satellite_alt","polymer","batch_prediction","send_and_archive","picture_in_picture","manage_history","code_off","bookmark_remove","settings_bluetooth","shop_two","output","html","flip_to_front","gif_box","eject","speaker_notes_off","alarm_off","perm_data_setting","settings_input_hdmi","perm_scan_wifi","hourglass_disabled","troubleshoot","switch_access_shortcut_add","sensors_off","settings_cell","work_off","app_blocking","picture_in_picture_alt","line_style","perm_device_information","join_full","subtitles_off","update_disabled","app_shortcut","javascript","abc","swipe_left","voice_over_off","private_connectivity","lightbulb_circle","settings_input_svideo","join_inner","flip_to_back","view_array","swipe_right","install_desktop","open_in_new_off","swipe_up","all_out","shop_2","label_off","density_small","tab_unselected","rounded_corner","data_thresholding","text_rotate_vertical","arrow_outward","commit","explore_off","install_mobile","text_rotation_none","view_kanban","not_accessible","css","swipe_down","lock_person","pin_invoke","join_left","extension_off","spatial_audio_off","perm_camera_mic","pinch","swipe_vertical","noise_aware","pin_end","view_cozy","join_right","swipe_right_alt","text_rotate_up","text_rotation_angleup","text_rotation_down","text_rotation_angledown","browse_gallery","php","view_comfy_alt","view_compact_alt","network_ping","swipe_down_alt","add_home","density_large","on_device_training","swipe_left_alt","spatial_tracking","swipe_up_alt","unfold_more_double","spatial_audio","width_full","unfold_less_double","repartition","width_normal","transcribe","width_wide","hls","hls_off","face_unlock","close","close","menu","expand_more","arrow_back","chevron_right","arrow_forward_ios","arrow_back_ios","cancel","arrow_drop_down","more_vert","arrow_forward","chevron_left","expand_less","check","more_horiz","refresh","apps","payments","arrow_upward","east","campaign","arrow_back_ios_new","arrow_downward","arrow_right","menu_open","fullscreen","arrow_drop_up","unfold_more","double_arrow","maps_home_work","west","expand_circle_down","south","arrow_left","north_east","north","home_work","first_page","fullscreen_exit","arrow_drop_down_circle","last_page","unfold_less","subdirectory_arrow_right","legend_toggle","south_east","app_settings_alt","assistant_direction","subdirectory_arrow_left","north_west","waterfall_chart","switch_left","south_west","pivot_table_chart","switch_right","apps_outage","offline_share","add_home_work","person","person","notifications","groups","people","share","school","person_outline","person_add","public","emoji_events","group","engineering","notifications_active","construction","people_alt","group_add","psychology","health_and_safety","thumb_up_alt","travel_explore","water_drop","notifications_none","emoji_emotions","sports_esports","sentiment_very_satisfied","location_city","ios_share","precision_manufacturing","sentiment_satisfied","workspace_premium","person_add_alt","military_tech","science","emoji_objects","history_edu","cake","sentiment_dissatisfied","sentiment_very_dissatisfied","handshake","emoji_people","coronavirus","self_improvement","person_remove","poll","whatshot","sports_soccer","domain","mood","recommend","people_outline","female","recycling","person_off","male","person_add_alt_1","connect_without_contact","sentiment_neutral","back_hand","hiking","waving_hand","architecture","masks","notifications_off","thumb_down_alt","luggage","real_estate_agent","front_hand","vaccines","mood_bad","emoji_nature","switch_account","nights_stay","king_bed","catching_pokemon","interests","compost","sports_basketball","notification_add","diversity_3","sports_kabaddi","sports","emoji_symbols","reduce_capacity","emoji_food_beverage","cruelty_free","man","sick","emoji_transportation","sports_tennis","cookie","heart_broken","transgender","elderly","add_moderator","outdoor_grill","deck","woman","add_reaction","social_distance","personal_injury","follow_the_signs","plus_one","fireplace","wallet","scale","clean_hands","piano","pix","surfing","sanitizer","sports_motorsports","diversity_1","sports_handball","sports_baseball","edit_notifications","hive","sports_volleyball","pages","groups_2","sports_football","downhill_skiing","kayaking","psychology_alt","public_off","single_bed","remove_moderator","group_remove","skateboarding","co2","notifications_paused","boy","person_remove_alt_1","safety_divider","diversity_2","domain_add","fitbit","sports_cricket","group_off","sports_mma","nordic_walking","sports_martial_arts","sports_golf","girl","thunderstorm","paragliding","6_ft_apart","party_mode","snowboarding","kitesurfing","sports_gymnastics","groups_3","face_6","snowshoeing","sports_hockey","ice_skating","south_america","sports_rugby","face_3","elderly_woman","sledding","scoreboard","person_2","face_2","face_4","sign_language","no_luggage","cyclone","person_4","face_5","person_3","piano_off","flood","scuba_diving","severe_cold","tsunami","roller_skating","tornado","landslide","assist_walker","woman_2","man_2","volcano","18_up_rating","blind","no_adult_content","man_4","man_3","add","add","add_circle_outline","content_copy","add_circle","send","clear","save","mail","link","remove","filter_list","inventory_2","inventory","insights","remove_circle_outline","sort","bolt","flag","reply","add_box","remove_circle","push_pin","block","calculate","create","undo","how_to_reg","content_paste","report","file_copy","backspace","shield","archive","save_alt","policy","tag","change_circle","redo","forward","content_cut","outlined_flag","inbox","link_off","ballot","drafts","biotech","report_gmailerrorred","delete_sweep","stacked_bar_chart","markunread","square_foot","add_link","stream","where_to_vote","dynamic_feed","copy_all","move_to_inbox","waves","unarchive","content_paste_search","reply_all","select_all","low_priority","text_format","save_as","font_download","weekend","how_to_vote","upcoming","gesture","attribution","flag_circle","content_paste_go","filter_list_off","next_week","content_paste_off","report_off","web_stories","deselect","font_download_off","edit","edit","navigate_next","photo_camera","image","tune","picture_as_pdf","receipt_long","circle","timer","auto_stories","collections","auto_awesome","navigate_before","add_a_photo","palette","remove_red_eye","music_note","add_photo_alternate","wb_sunny","brush","euro","flash_on","looks_one","auto_fix_high","control_point","style","adjust","straighten","photo_library","camera","portrait","camera_alt","audiotrack","video_camera_front","rotate_right","color_lens","grid_on","crop_free","timelapse","landscape","slideshow","currency_rupee","collections_bookmark","crop_square","lens","panorama_fish_eye","looks_two","filter_vintage","compare","looks_3","filter_drama","image_search","healing","auto_awesome_motion","rotate_left","center_focus_strong","crop","blur_on","wb_incandescent","flare","face_retouching_natural","wb_cloudy","assistant","broken_image","cases","colorize","filter_none","brightness_4","filter_center_focus","crop_original","auto_fix_normal","dehaze","nature_people","photo","flash_off","auto_awesome_mosaic","tag_faces","brightness_6","brightness_5","details","grain","flip_camera_android","brightness_1","flip","loupe","image_not_supported","flip_camera_ios","view_comfy","filter_1","movie_creation","add_to_photos","panorama","bedtime","animation","center_focus_weak","looks_4","movie_filter","crop_din","filter","control_point_duplicate","brightness_7","leak_add","currency_bitcoin","nature","incomplete_circle","texture","view_compact","timer_off","photo_size_select_actual","video_camera_back","transform","currency_yen","motion_photos_on","photo_camera_front","rotate_90_degrees_ccw","looks_5","mic_external_on","gradient","assistant_photo","wb_twilight","currency_pound","contrast","hide_image","music_off","exposure_plus_1","crop_16_9","thermostat_auto","filter_2","shutter_speed","exposure","photo_album","filter_tilt_shift","hdr_strong","looks","vrpano","linked_camera","brightness_3","looks_6","blur_circular","flash_auto","motion_photos_auto","crop_portrait","photo_filter","iso","brightness_2","tonality","photo_size_select_small","filter_hdr","crop_7_5","rotate_90_degrees_cw","crop_rotate","photo_size_select_large","filter_3","exposure_zero","hdr_weak","currency_ruble","camera_front","crop_5_4","filter_frames","burst_mode","camera_roll","logo_dev","filter_b_and_w","blur_linear","crop_3_2","crop_landscape","switch_camera","switch_video","filter_7","exposure_plus_2","filter_4","filter_9_plus","grid_off","wb_iridescent","motion_photos_paused","monochrome_photos","photo_camera_back","filter_5","auto_fix_off","face_retouching_off","exposure_neg_1","panorama_photosphere","filter_8","leak_remove","filter_9","video_stable","timer_10","filter_6","wb_shade","blur_off","motion_photos_off","raw_on","motion_photos_pause","hdr_on","vignette","panorama_horizontal","30fps_select","image_aspect_ratio","dirty_lens","deblur","camera_rear","60fps_select","timer_3","panorama_wide_angle_select","24mp","exposure_neg_2","currency_yuan","currency_lira","autofps_select","panorama_horizontal_select","panorama_photosphere_select","hdr_plus","wb_auto","panorama_wide_angle","panorama_vertical_select","mic_external_off","12mp","panorama_vertical","mp","hdr_enhanced_select","currency_franc","hevc","18mp","10mp","raw_off","23mp","bedtime_off","hdr_off","11mp","20mp","3mp","5mp","13mp","15mp","16mp","21mp","2mp","17mp","14mp","22mp","19mp","9mp","4mp","7mp","8mp","6mp","email","email","location_on","call","phone","business","chat","mail_outline","list_alt","qr_code_scanner","vpn_key","chat_bubble_outline","alternate_email","forum","chat_bubble","textsms","contact_mail","person_search","sentiment_satisfied_alt","qr_code","qr_code_2","message","contacts","comment","key","import_contacts","app_registration","contact_phone","import_export","live_help","forward_to_inbox","hourglass_bottom","hourglass_top","rss_feed","mark_email_read","hub","read_more","document_scanner","more_time","mark_email_unread","call_end","clear_all","dialpad","phone_enabled","mark_chat_unread","cancel_presentation","3p","call_made","screen_share","call_split","unsubscribe","present_to_all","domain_verification","mark_chat_read","add_ic_call","co_present","phonelink_ring","stay_current_portrait","call_received","phonelink_lock","phone_disabled","ring_volume","location_off","phonelink_setup","duo","cell_tower","stay_primary_portrait","swap_calls","voicemail","call_merge","mobile_screen_share","phonelink_erase","person_add_disabled","domain_disabled","call_missed_outgoing","speaker_phone","spoke","cell_wifi","desktop_access_disabled","stop_screen_share","print_disabled","call_missed","mark_unread_chat_alt","pause_presentation","dialer_sip","invert_colors_off","comments_disabled","contact_emergency","wifi_calling","rtt","portable_wifi_off","send_time_extension","mail_lock","stay_current_landscape","sip","nat","stay_primary_landscape","no_sim","key_off","vpn_key_off","local_shipping","local_shipping","place","menu_book","local_offer","badge","map","category","restaurant","directions_car","local_fire_department","volunteer_activism","my_location","flight","local_mall","near_me","handyman","directions_run","restaurant_menu","layers","medical_services","directions_walk","lunch_dining","local_hospital","celebration","local_library","pin_drop","park","local_atm","local_activity","person_pin","design_services","local_cafe","rate_review","delivery_dining","directions_bus","local_police","directions_bike","fastfood","directions_car_filled","home_repair_service","zoom_out_map","hotel","cleaning_services","local_phone","local_grocery_store","miscellaneous_services","navigation","local_gas_station","train","person_pin_circle","local_parking","local_florist","diamond","local_post_office","money","directions","two_wheeler","factory","add_business","traffic","electrical_services","local_bar","route","directions_boat","alt_route","agriculture","pedal_bike","beenhere","360","warehouse","liquor","emergency","moving","local_airport","sailing","add_location_alt","local_dining","maps_ugc","local_taxi","ramen_dining","trip_origin","hail","local_drink","local_laundry_service","directions_bus_filled","local_printshop","theater_comedy","local_pizza","not_listed_location","add_location","transfer_within_a_station","dinner_dining","bakery_dining","forest","wine_bar","terrain","multiple_stop","takeout_dining","store_mall_directory","icecream","museum","nightlife","local_pharmacy","hardware","add_road","departure_board","set_meal","ev_station","local_see","electric_car","festival","plumbing","layers_clear","car_rental","attractions","edit_location","local_convenience_store","zoom_in_map","pest_control","medical_information","dry_cleaning","run_circle","edit_road","edit_attributes","edit_location_alt","church","moped","wrong_location","car_repair","local_movies","satellite","directions_boat_filled","tram","soup_kitchen","taxi_alert","breakfast_dining","signpost","atm","subway","transit_enterexit","straight","merge","brunch_dining","hvac","electric_bike","directions_transit","crisis_alert","electric_scooter","connecting_airports","bus_alert","egg","local_car_wash","local_hotel","mode_of_travel","stadium","castle","streetview","safety_check","directions_subway","car_crash","mosque","compass_calibration","electric_rickshaw","turn_right","airline_stops","directions_railway","no_meals","fork_right","railway_alert","electric_moped","local_play","bike_scooter","no_crash","turn_left","airlines","pest_control_rodent","near_me_disabled","snowmobile","u_turn_left","directions_transit_filled","egg_alt","no_transfer","file_download","play_arrow","star","warning","support_agent","attach_money","keyboard_arrow_down","light_mode","storefront","manage_search","sensor_door"].sort(),supportedColors:["primary","secondary","accent","dark","positive","negative","info","warning"]};function ve(){return _e}function Oe(e){u["a"].get("data/blockDefinitions.json").then(t=>{_e=t.data,je(),we(),e(_e)}).catch(e=>{console.error("Error loading block definitions: ",e)})}function je(){_e=_e.filter(e=>e.enabled),_e.forEach(e=>{let t=e.properties.findIndex(e=>"v-model"==e.name);t>-1&&e.properties.splice(t,1);let a=e.properties.findIndex(e=>"model-value"==e.name);a>-1&&(e.properties[a].name="v-model",e.properties[a].label="Data Binding"),(e.content.indexOf("v-on:click")>-1||e.content.indexOf("v-model")>-1)&&(e.content=e.content.replace('v-on:click="-"','v-on:click=""'),e.content=e.content.replace('v-model="-"','v-model=""'));let o=e.properties;o.forEach(e=>{for(let t in e){let a=e[t];if("string"==typeof a&&0==a.indexOf("${")){let o=a.slice(2,-1),n=ye[o];e[t]=n}Array.isArray(a)&&(e[t]=a[0])}})})}function we(){_e.push({type:"tempplaceholder",label:"Temp PlaceHolder",tagName:"TEMPPLACEHOLDER",content:"<tempplaceholder>TEMP Place holder</tempplaceholder>",properties:[],droppable:!1,editable:!1,draggable:!0}),W.forEach(e=>{let t=btoa(JSON.stringify([e.traceTemplate])),a=e.traceLayout,o=a?btoa(JSON.stringify(a)):"eyJ0aXRsZSI6Ik15IENoYXJ0In0=";_e.push({type:"plotly",label:e.id,tagName:"PLOTLY",category:"Charts",content:`<plotly gb_c__data="${t}" gb_c__layout="${o}" gb_c__config="e30="></plotly>`,renderContent:'<img src="img/block_icons/areaChart.png" />',icon:e.icon+".png",properties:[{label:"Data",name:"data",type:"PlotlyBase.GenericTrace"},{label:"Layout",name:"layout",type:"PlotlyBase.Layout"},{label:"Config",name:"config",type:"Object"}]})})}function xe(){null==fe&&(fe=ve(),he={},fe.forEach(e=>{he[e.tagName]=e}))}class Ce{constructor(){throw new Error("HtmlTemplateParser is a static class and cannot be instantiated")}static replaceSpecialElements(e){return e.replace(/<%/g,"<JULIA_CODE>").replace(/%>/g,"</JULIA_CODE>")}static restoreSpecialElements(e){return e.replace(/<JULIA_CODE>/gi,"<% ").replace(/<\/JULIA_CODE>/gi," %>")}static encodeAttributesInDOM(e){if(!(e instanceof Node))throw new Error("Element is not a Node");Ce.replaceElementAttributes(e);for(let t=0;t<e.childNodes.length;t++)Ce.encodeAttributesInDOM(e.childNodes[t])}static replaceElementAttributes(e){xe();let t=window.sharedData.modelFieldsByName,a="gb_",o=a+"c__",n=a+"b__",l=["v-model","v-bind","v-on:click"],i=["class","style","id"],r=e.nodeName,s=he[r];if(!s)return;let c=s.properties,d=e.getAttributeNames();d.forEach(a=>{if(i.indexOf(a)>-1)return;let r=a.startsWith(":"),s=r?a.slice(1):a,d=r||l.some(e=>0===a.indexOf(e)),p=e.getAttribute(a),u=c.find(e=>e.name===s),b=null!=t[p];u&&(d?b?e.setAttribute(n+s,p):e.setAttribute(o+s,p):""==p?e.setAttribute(o+s,"true"):e.setAttribute(o+s,p),e.removeAttribute(a))})}static revertElementAttributes(e){xe();let t="gb_",a=t+"c__",o=t+"b__",n=e.nodeName,l=he[n];if(!l)return;let i=l.properties,r=e.getAttributeNames();r.forEach(t=>{let l=e.getAttribute(t);if(t.startsWith(a)){let o=t.replace(a,""),r=i.find(e=>e.name===o);if(!r)throw new Error("Attribute definition not found for: "+o);let s=r.type;"PLOTLY"==n&&["data","layout","config"].includes(o)||"String"==s||o.startsWith("v-on:")||(o=":"+o),e.setAttribute(o,l),e.removeAttribute(t)}else if(t.startsWith(o)){let a=t.replace(o,""),n="v-model"===a||a.startsWith("v-on:")?"":":";e.setAttribute(n+a,l),e.removeAttribute(t)}})}static decodeAttributesInDOM(e){let t=e.querySelectorAll("*");t.forEach(e=>{Ce.revertElementAttributes(e)})}static guessDataType(e){return"number"===typeof e||/^-?\d*\.?\d+$/.test(e)?"Number":"true"===e||"false"===e||"boolean"===typeof e?"Boolean":Array.isArray(e)||/^\[.*\]$/.test(e)?"Array":"String"}static removeEmptyTextNodes(e){const t=new DOMParser,a=t.parseFromString(e,"text/html"),o=e=>e.nodeType===Node.TEXT_NODE&&!/\S/.test(e.nodeValue),n=e=>{const t=Array.from(e.childNodes);t.forEach(t=>{o(t)?e.removeChild(t):n(t)})};n(a.body);const l=new XMLSerializer,i=l.serializeToString(a.body);return i.replace(/^<body>|<\/body>$/g,"")}}var ke=a("ade3");class De{constructor(){throw new Error("Configuration is a static class and cannot be instantiated")}static getExternalApiBaseUrl(e){if(!e)throw new Error("getExternalApiBaseUrl() requires a protocol argument");De.GB_SOURCE!=De.GB_SOURCE_LOCAL&&(e+="s");let t=`${e}://${De.GB_HOST}`;return De.GB_SOURCE==De.GB_SOURCE_LOCAL?t+=":":t+="/proxy/",t+=De.GB_PORT+"/",console.log(e+" - getExternalApiBaseUrl: ",t),t}static getAppBaseUrl(e,t){if(!e)throw new Error("getAppBaseUrl() requires a protocol argument");De.GB_SOURCE!=De.GB_SOURCE_LOCAL&&(e+="s");let a=`${e}://${De.GB_HOST}`;return De.GB_SOURCE==De.GB_SOURCE_LOCAL?a+=":":a+="/proxy/",a+=t+"/",console.log(e+" - getAppBaseUrl: ",a),a}static getAppAssetsBaseUrl(e,t){if(!e)throw new Error("getAppAssetsBaseUrl() requires a protocol argument");De.GB_SOURCE!=De.GB_SOURCE_LOCAL&&(e+="s");let a=`${e}://${De.GB_HOST}`;return De.GB_SOURCE==De.GB_SOURCE_LOCAL&&(a+=":",a+=t+"/"),console.log(e+" - getAppAssetsBaseUrl: ",a),a}}Object(ke["a"])(De,"appid",""),Object(ke["a"])(De,"appport",""),Object(ke["a"])(De,"CHANNEL__",""),Object(ke["a"])(De,"GB_SOURCE_LOCAL","local"),Object(ke["a"])(De,"GB_SOURCE_CLOUD","cloud"),Object(ke["a"])(De,"GB_SOURCE",""),Object(ke["a"])(De,"GB_HOST",""),Object(ke["a"])(De,"GB_PORT",""),Object(ke["a"])(De,"ask_ai_url","https://5590-77-229-161-26.ngrok-free.app/api/");const Ee=e=>(Object(o["G"])("data-v-55795ab2"),e=e(),Object(o["F"])(),e),Te={style:{height:"100%"}},Se=Ee(()=>Object(o["i"])("div",{id:"gjs",style:{height:"300px"}},null,-1)),Pe={id:"customLibrary",style:{display:"none"}},Ie={class:"blocks"},Ae=["onMousedown"],Le={class:"block-label"},Ne={id:"canvasBlockerDialog"},He=Ee(()=>Object(o["i"])("div",{style:{"margin-bottom":"5px"}},"AI Code Assistant changes applied!",-1));var Be={__name:"CanvasPanel",props:["appData"],emits:["componentSelected","bindingDroppedOnComponent"],setup(e,{expose:t,emit:a}){const n=e;window.HtmlTemplateParser=Ce;let l=Object(o["I"])(n.appData.pages[0].model.fields),i={};l.value.forEach(e=>{i[e.name]=e});let r=blockDefinitions.map(e=>{let t={type:e.type,label:e.label,tagName:e.tagName,id:e.type,category:e.category,content:e.content,droppable:e.droppable,draggable:e.draggable,editable:e.editable,activate:!0};return t});window.selectedComponent=null;let s=Object(o["I"])(null),c=Object(o["I"])(null),d=Object(o["I"])({}),p=Object(o["I"])(null),b=Object(o["I"])(!1);function m(){editor.UndoManager.undo(),b.value=!1}function g(){b.value=!1}function _(e){e&&(editor.getSelected().remove(),window.selectedComponent=null,editor.select(null)),s.value=null}function f(e){if(editor.select(e),"tempplaceholder"==e.attributes.tagName){var t;let o=e.view.$el[0].parentNode,n=null===(t=o.grapesModel)||void 0===t?void 0:t.attributes.type;"plotly"==n&&e.attributes.attributes.bindingname&&e.attributes.attributes.datatype?a("bindingDroppedOnComponent",{newComponentModel:e,targetModel:o.grapesModel,bindingInfo:e.attributes.attributes}):h(e.attributes.attributes.bindingname,e.attributes.attributes.datatype)}}function h(e,t){console.log("offerComponents",e,t);let a=blockDefinitions,o=[];a.forEach(e=>{let a=e.type,n=e.properties,l=n.filter(e=>{let a=e.type==t,o="v-model"==e.name;return a&&o}).map(e=>e.name);l.length>0&&l.includes("v-model")&&o.push({type:a,label:e.label,content:e.content,matchingProperties:l}),("DataFrames.DataFrame"==t&&"plotly"==a||"DataTable.DataFrames.DataFrame"==t&&"q-table"==a)&&o.push({type:a,label:e.label,content:e.content,icon:e.icon,matchingProperties:["data"]})}),s.value={components:o,bindingname:e,datatype:t}}window.sharedData={externalData:null,setExternalData:function(e){for(let a in e)this.externalData[a]=e[a];const t=new CustomEvent("sharedDataChanged",{detail:this.externalData});for(let a in window.canvasComponents){let e=window.canvasComponents[a];null!=e&&e.onExternalDataChanged(t)}}},window.sharedData.externalData={initialProperty:"initialValue"},window.sharedData.getComponentDefinitionByType=j,window.sharedData.modelFieldsByName=i;let y,v,O=De.getAppBaseUrl("ws",De.appport);function j(e){let t=blockDefinitions,a=t.find(t=>t.type.toLowerCase()==e.toLowerCase());return a}function w(e,t){d.value[e]=t,window.sharedData.setExternalData(d.value)}function x(e,t={}){let a=JSON.stringify({channel:De.CHANNEL__,message:e,payload:t});y.send(a)}function C(){let e=JSON.stringify({channel:"autoreload",message:"subscribe",payload:{}});y.send(e)}function k(){return y=new WebSocket(O),y.addEventListener("open",e=>{x("subscribe"),C()}),y.addEventListener("message",e=>{if("Subscription: OK"!=e.data){if(0==e.data.indexOf("{")){let t=JSON.parse(e.data);null!=t.key&&w(t.key,t.value)}}else x("watchers",{payload:{field:"isready",newval:!0,oldval:!1}})}),y.addEventListener("close",e=>{console.log("newSocketConnection::close",e)}),y.addEventListener("error",e=>{console.log("newSocketConnection::error",e)}),y}function D(e,t){var a=document.createElement("script");a.src=e,a.onload=()=>t(e),a.onerror=()=>console.error("Error loading script: "+e),document.head.appendChild(a)}function E(){let e=n.appData.pages[0].deps.scripts,t=De.getAppAssetsBaseUrl("http",n.appData.port);"/"==t[t.length-1]&&(t=t.substring(0,t.length-1));let a=["assets/js/vue.js","assets/js/channels.js","assets/js/stipplecore.js","assets/js/watchers.js","assets/js/main_app_varmain_app_reactivemodel.js"],o=[];e.forEach(e=>{a.forEach(a=>{if(e.indexOf(a)>-1){let a=t+e;o.push(a)}})}),window.autorun=!1;let l=0;o.forEach(e=>{D(e,(function(){l++,l===o.length&&(console.log("All scripts loaded successfully!"),initStipple("#Main_App_varMain_App_ReactiveModel"),window.sharedData.setExternalData(window.GENIEMODEL._data),k(),T())}))})}function T(){let e=n.appData.pages[0].deps.scripts,t=De.getAppAssetsBaseUrl("http",n.appData.port);"/"==t[t.length-1]&&(t=t.substring(0,t.length-1));let o=["assets/js/channels.js","assets/js/watchers.js","assets/js/keepalive.js","assets/js/syncplot.js","assets/js/autoreload.js","assets/js/main_app_varmain_app_reactivemodel.js"],l=[];e.forEach(e=>{let a=!1;if(o.forEach(t=>{e.indexOf(t)>-1&&(a=!0)}),!a){let a=t+e;l.push(a)}}),l.push("data/contentMain.js"),console.log("parsedSCripts",l);let s=[];s.push("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons"),n.appData.pages[0].deps.styles.forEach(e=>{let a=t+e;s.push(a)}),s.push("data/grapesCanvas.css");const d=window.editor=grapesjs.init({container:"#gjs",fromElement:!0,storageManager:!1,canvas:{scripts:l,styles:s},i18n:{locale:"en",detectLocale:!1,messages:{en:{domComponents:{names:{div:"Div"}}}}},layerManager:{root:"#gbTemplateContainer",appendTo:"#layersContainer",sortable:!0,hidable:!0},blockManager:{custom:!0,blocks:r},styleManager:{appendTo:"#myStyleEditorContainerSections",sectors:[{name:"General",properties:[{extend:"float",type:"radio",default:"none",options:[{value:"none",className:"fa fa-times"},{value:"left",className:"fa fa-align-left"},{value:"right",className:"fa fa-align-right"}]},"display",{extend:"position",type:"select"},"top","right","left","bottom"]},{name:"Dimension",open:!1,properties:["width",{id:"flex-width",type:"integer",name:"Width",units:["px","%"],property:"flex-basis",toRequire:1},"height","max-width","min-height","margin","padding"]},{name:"Typography",open:!1,properties:["font-family","font-size","font-weight","letter-spacing","color","line-height",{extend:"text-align",options:[{id:"left",label:"Left",className:"fa fa-align-left"},{id:"center",label:"Center",className:"fa fa-align-center"},{id:"right",label:"Right",className:"fa fa-align-right"},{id:"justify",label:"Justify",className:"fa fa-align-justify"}]},{property:"text-decoration",type:"radio",default:"none",options:[{id:"none",label:"None",className:"fa fa-times"},{id:"underline",label:"underline",className:"fa fa-underline"},{id:"line-through",label:"Line-through",className:"fa fa-strikethrough"}]},"text-shadow"]},{name:"Decorations",open:!1,properties:["opacity","border-radius","border","box-shadow","background"]},{name:"Extra",open:!1,buildProps:["transition","perspective","transform"]},{name:"Flex",open:!1,properties:[{name:"Flex Container",property:"display",type:"select",defaults:"block",list:[{value:"block",name:"Disable"},{value:"flex",name:"Enable"}]},{name:"Flex Parent",property:"label-parent-flex",type:"integer"},{name:"Direction",property:"flex-direction",type:"radio",defaults:"row",list:[{value:"row",name:"Row",className:"icons-flex icon-dir-row",title:"Row"},{value:"row-reverse",name:"Row reverse",className:"icons-flex icon-dir-row-rev",title:"Row reverse"},{value:"column",name:"Column",title:"Column",className:"icons-flex icon-dir-col"},{value:"column-reverse",name:"Column reverse",title:"Column reverse",className:"icons-flex icon-dir-col-rev"}]},{name:"Justify",property:"justify-content",type:"radio",defaults:"flex-start",list:[{value:"flex-start",className:"icons-flex icon-just-start",title:"Start"},{value:"flex-end",title:"End",className:"icons-flex icon-just-end"},{value:"space-between",title:"Space between",className:"icons-flex icon-just-sp-bet"},{value:"space-around",title:"Space around",className:"icons-flex icon-just-sp-ar"},{value:"center",title:"Center",className:"icons-flex icon-just-sp-cent"}]},{name:"Align",property:"align-items",type:"radio",defaults:"center",list:[{value:"flex-start",title:"Start",className:"icons-flex icon-al-start"},{value:"flex-end",title:"End",className:"icons-flex icon-al-end"},{value:"stretch",title:"Stretch",className:"icons-flex icon-al-str"},{value:"center",title:"Center",className:"icons-flex icon-al-center"}]},{name:"Flex Children",property:"label-parent-flex",type:"integer"},{name:"Order",property:"order",type:"integer",defaults:0,min:0},{name:"Flex",property:"flex",type:"composite",properties:[{name:"Grow",property:"flex-grow",type:"integer",defaults:0,min:0},{name:"Shrink",property:"flex-shrink",type:"integer",defaults:0,min:0},{name:"Basis",property:"flex-basis",type:"integer",units:["px","%",""],unit:"",defaults:"auto"}]},{name:"Align",property:"align-self",type:"radio",defaults:"auto",list:[{value:"auto",name:"Auto"},{value:"flex-start",title:"Start",className:"icons-flex icon-al-start"},{value:"flex-end",title:"End",className:"icons-flex icon-al-end"},{value:"stretch",title:"Stretch",className:"icons-flex icon-al-str"},{value:"center",title:"Center",className:"icons-flex icon-al-center"}]}]}]},selectorManager:{appendTo:"#myStyleEditorContainerClasses",componentFirst:!0},plugins:["grapesjs-plugin-ckeditor"],pluginsOpts:{"grapesjs-plugin-ckeditor":{options:{toolbar:[{name:"undo",items:["Undo","Redo"]},{name:"styles",items:["Font","FontSize"]},["Bold","Italic","Underline","Strike"],{name:"links",items:["Link","Unlink"]},{name:"colors",items:["TextColor","BGColor"]}]}}}}),{Panels:p}=d;p.getButton("views","open-blocks").set("active",!1);let b=!1;d.runCommand("sw-visibility"),d.on("rte:enable",()=>{setTimeout(()=>{d.trigger("frame:scroll"),console.log("rte:enable")},1e3)}),d.on("component:add",e=>{"true"==e.attributes.attributes.iscomposite?(b=!0,setTimeout(()=>{b=!1,f(e),a("componentSelected",e),m()},200)):b||(f(e),m())}),d.on("component:remove",e=>{"true"==e.attributes.attributes.iscomposite?(b=!0,setTimeout(()=>{b=!1,a("componentSelected",null),m()},200)):b||(a("componentSelected",null),m())}),d.on("component:selected",e=>{b||a("componentSelected",e)}),d.on("component:update",e=>{m()}),d.on("component:styleUpdate",e=>{m()}),d.on("property:compAdd:",e=>{m()}),d.on("property:compRemove:",e=>{m()}),d.on("property:compUpdate:",e=>{m()});let m=Y.a.debounce((function(){console.log(">>>>>>>>>> component:autoSave"),a("autoSaveTriggered")}),1e3);d.on("canvas:dragdata",(e,t,a)=>{if(e){let a=e.getData("text");a=JSON.parse(a),"binding"==a.objectType&&(t.content=`<tempplaceholder style="padding:10px;" bindingname="${a.bindingname}" datatype="${a.datatype}">{{ ${a.bindingname} }}</tempplaceholder>`)}else t.content=t.content.content}),d.DomComponents.addType("julia_code",{model:{defaults:{tagName:"julia_code",editable:!0,droppable:!1}},view:{events:{dblclick:"onActive",focusout:"onDisable"},onActive(){this.el.contentEditable=!0},onDisable(){const{el:e,model:t}=this;e.contentEditable=!1,t.set("content",e.innerHTML)}}}),Object(ge["registerPlotlyComponent"])(d),blockDefinitions.forEach(e=>{const t=["plotly","tempplaceholder"];t.includes(e.type)||d.DomComponents.addType(e.type,{isComponent:t=>{if(t.tagName==e.tagName)return{type:e.type,name:e.label}},model:{defaults:{draggable:e.draggable,droppable:e.droppable,editable:e.editable,isComposite:e.isComposite,script:function(){var e=window.parent.sharedData.externalData;let t=this.attributes.id.nodeValue;function a(e){let t={},a=Object.getOwnPropertyNames(e);return a.forEach(a=>{let o=(e[a],e[a]);t[a]=o}),t}window.parent.addCanvasComponent(t,this),this.onExternalDataChanged=t=>{e=t.detail,r=a(this.attributes),this.vueApp.updateServerData(e)};let o=this.grapesModel.attributes.tagName,n=(this.grapesModel.attributes.attributes,window.parent.sharedData.getComponentDefinitionByType),l=window.parent.sharedData.modelFieldsByName,i=n(o),r=a(this.grapesModel.attributes.attributes);Vue.config.warnHandler=(e,a,o)=>{let n=document.getElementById(t);n.innerHTML=`<div class="componentError"><b style="font-size: 1.2em;">${i.label}</b><br/>${e}</div>`},Stipple.init({theme:"stipple-blue"}),this.vueApp=new Vue({el:"#vueinternal_"+t,data:function(){return{message:"TESTING_ID",attributes:r,serverData:e}},computed:{parsedAttributes(){let e={},t=this.attributes;console.log("parsedAttributes",t);for(let a in t){let o=":"==a[0]?a.substring(1):a,n=i.properties.find(e=>e.name==o),r=t[a],s=null!=l[r];"v-model"!=o?n?s?e[":"+o]=this.serverData[r]:"String"==n.type?e[""+o]=r:e[":"+o]=r:e[""+o]=r:e["v-model"]=this.serverData[r]}return e}},methods:{updateServerData(e){this.serverData=e},updateAttributes(e){this.attributes=a(e),r=this.attributes,this.updateServerData(this.serverData),this.$forceUpdate()}},mounted(){}})}},init(){this.listenTo(this,"change:attributes",this.onAttributeChange)},handleAttrChange(){},render:function(){this.view.onRender()},removed(){window.parent.postMessage({command:"removeCanvasComponent",uid:this.ccid},"*")}},view:{onAttributeChange(){},onRender(){const{el:e,model:t}=this;let a=e.attributes.id.nodeValue;e.grapesModel=t;let o=e.grapesModel.attributes.tagName,n=e.grapesModel.attributes.attributes,l=j(o),r=`<div id="vueinternal_${a}" style="position: relative;">\n            <${o} `;for(let s in n){let e=s;0!=e.indexOf("gb_c__")&&0!=e.indexOf("gb_b__")||(e=e.substring(6));let t=l.properties.find(t=>t.name==e),a=n[s],o=null!=i[a];if(!o&&a.indexOf(".")>-1){let e=a.split("."),t=e[0],n=i[t];n&&"DataTable.DataFrames.DataFrame"==n.type&&n.props&&n.props.includes(e[1])&&(o=!0)}"v-model"!=e?t?o?r+=`:${e}="serverData.${a}" `:"String"==t.type||0==e.indexOf("v-on")?r+=`${e}="${a}" `:r+=`:${e}="${a}" `:r+=`${e}="${a}" `:r+=""==a?'v-model="serverData.none" ':`v-model="serverData.${a}" `}r+=`></${o}>\n            </div>\n          `,e.innerHTML=r}}})});let g=n.appData.pages[0].assets,_=g.find(e=>e.indexOf("autogenerated.css")>-1);if(_){let e=window.apibase+"apps/"+De.appid+"/edit?path="+encodeURIComponent(_);u["a"].get(e).then(e=>{d.setComponents(c.value),d.setStyle(e.data.content)}).catch(e=>{console.log("error loading autogenerated styles",e)})}else d.setComponents(c.value)}function S(e){console.log("showAiCodePreview",e),b.value=e}function P(e){if("canvasBlocker"!=e.target.id)return;console.log("addShakeEffect",e);const t=document.getElementById("canvasBlockerDialog");t.classList.add("shake-effect"),t.addEventListener("animationend",()=>{t.classList.remove("shake-effect")},{once:!0})}function I(e){d.value=e}function A(e){e=Ce.removeEmptyTextNodes(e),e=Ce.replaceSpecialElements(e);let t=`\n    <div class="container layoutMockRoot" data-gjs-removable="false" data-gjs-draggable="false" data-gjs-droppable="false">\n      <div class="row layoutMockRow" data-gjs-removable="false" data-gjs-draggable="false" data-gjs-droppable="false">\n        <div class="col-12 layoutMockCol" data-gjs-removable="false" data-gjs-draggable="false" data-gjs-droppable="false">\n          <div id="gbTemplateContainer" class="container" data-gjs-removable="false" data-gjs-draggable="false" data-gjs-type="default">\n            ${e}\n          </div>\n        </div>\n      </div>\n    </div>`;const a=new DOMParser,o=a.parseFromString(t,"text/html"),n=o.body;Ce.encodeAttributesInDOM(n);const l=n.innerHTML;c.value=l,E()}return Object(o["B"])(()=>{}),t({updateReactiveModel:I,updateTemplateFile:A,showAiCodePreview:S}),(e,t)=>{const a=Object(o["L"])("vscode-button");return Object(o["E"])(),Object(o["h"])("div",Te,[Se,Object(o["Q"])(s)?(Object(o["E"])(),Object(o["f"])(me,{key:0,onCloseDialog:_,appData:n.appData,componentPlaceHolderData:Object(o["Q"])(s)},null,8,["appData","componentPlaceHolderData"])):Object(o["g"])("",!0),Object(o["i"])("div",Pe,[Object(o["j"])(" Custom Blocks "),Object(o["i"])("div",Ie,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(Object(o["Q"])(r),e=>(Object(o["E"])(),Object(o["h"])("div",{class:"block",key:e.id,onMousedown:t=>Object(o["Q"])(v)(e)},[Object(o["i"])("div",Le,Object(o["O"])(e.label),1)],40,Ae))),128))])]),Object(o["Q"])(b)?(Object(o["E"])(),Object(o["h"])("div",{key:1,id:"canvasBlocker",ref_key:"canvasBlocker",ref:p,onClick:P},[Object(o["i"])("div",Ne,[He,Object(o["k"])(a,{onClick:m,style:{width:"100px !important","margin-right":"10px","background-color":"#aaa"}},{default:Object(o["X"])(()=>[Object(o["j"])("Revert")]),_:1}),Object(o["k"])(a,{onClick:g,style:{width:"100px !important"}},{default:Object(o["X"])(()=>[Object(o["j"])("Keep")]),_:1})]),Object(o["j"])(" canvas blocker ")],512)):Object(o["g"])("",!0)])}}},Me=(a("c2a3"),a("bc0f"),a("eaac")),Qe=a("93dc"),ze=a.n(Qe);const Fe=C()(Be,[["__scopeId","data-v-55795ab2"]]);var Re=Fe;ze()(Be,"components",{QTable:Me["a"]});const Ue={style:{"max-height":"100%","overflow-y":"auto","margin-top":"10px","user-select":"none","flex-grow":"1"}},Ve={style:{display:"flex","flex-wrap":"wrap",gap:"5px","flex-direction":"column"}},$e={style:{"font-weight":"bold","margin-bottom":"5px","text-transform":"capitalize","margin-top":"10px"}},Ge={class:"uiItemContainer"},qe=["blocktype","onMousedown","on:pointerdown_BAD","on:pointerup_BAD","title"],Je={class:"uiItemLabel"},Xe={class:"uiItemIcon"},Ye=["src"];var We={__name:"LibraryPanel",emits:["blockCustomTriggered"],setup(e,{emit:t}){const a=["tempplaceholder","partial"];let n=blockDefinitions.filter(e=>-1===a.indexOf(e.type));n.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"1-Col Row",properties:[],tagName:"DIV",type:"1column",content:'<div class="row">\n<div class="st-col col-12 col-sm st-module"></div></div>',media:"",category:"Layout"}),n.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"2-Col Row",properties:[],tagName:"DIV",type:"2columns",content:'<div class="row">\n<div class="st-col col-12 col-sm st-module"></div>\n<div class="st-col col-12 col-sm st-module"></div>\n</div>',media:"",category:"Layout"}),n.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"3-Col Row",properties:[],tagName:"DIV",type:"3columns",content:'<div class="row">\n<div class="st-col col-12 col-sm st-module"></div>\n<div class="st-col col-12 col-sm st-module"></div>\n<div class="st-col col-12 col-sm st-module"></div>\n</div>',media:"",category:"Layout"}),n.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Column",properties:[],tagName:"DIV",type:"1column",content:'<div class="st-col col-12 col-sm st-module"></div>',media:"",category:"Layout"}),n.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Sidebar Left",properties:[],tagName:"DIV",type:"sidebar_left",content:'<header class="st-header q-pa-sm">\n<h1 class="st-header__title text-h3">Header Text</h1>\n</header>\n<div class="row">\n<div class="st-col col-3 col-sm st-module"></div>\n<div class="st-col col-9 st-module"></div>\n</div>\n<footer class="st-module">Page footer</footer>\n',media:"",category:"Layout"}),n.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Sidebar Right",properties:[],tagName:"DIV",type:"sidebar_right",content:'<header class="st-header q-pa-sm">\n<h1 class="st-header__title text-h3">Header Text</h1>\n</header>\n<div class="row">\n<div class="st-col col-9 st-module"></div>\n<div class="st-col col-3 col-sm st-module"></div>\n</div>\n<footer class="st-module">Page footer</footer>\n',media:"",category:"Layout"}),n.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Sidebars",properties:[],tagName:"DIV",type:"sidebars",content:'<header class="st-header q-pa-sm">\n<h1 class="st-header__title text-h3">Header Text</h1>\n</header>\n<div class="row">\n<div class="st-col col-3 col-sm st-module"></div>\n<div class="st-col col-5 st-module"></div>\n<div class="st-col col-3 col-sm st-module"></div>\n</div>\n<footer class="st-module">Page footer</footer>\n',media:"",category:"Layout"}),n.push({label:"Header",tagName:"header",type:"header",description:"",category:"Layout",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:'<header class="st-module"><h1>Page header</h1></header>'}),n.push({label:"Footer",tagName:"footer",type:"footer",description:"",category:"Layout",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:'<footer class="st-module">Page footer</footer>'}),n.push({label:"H1",tagName:"H1",type:"H1",description:"",category:"Text",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:"<H1>Header Content</H1>"}),n.push({label:"H2",tagName:"H2",type:"H2",description:"",category:"Text",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:"<H2>Header Content</H2>"}),n.push({label:"H3",tagName:"H3",type:"H3",description:"",category:"Text",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:"<H3>Header Content</H3>"}),n.push({label:"H4",tagName:"H4",type:"H4",description:"",category:"Text",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:"<H4>Header Content</H4>"}),n.push({label:"H5",tagName:"H5",type:"H5",description:"",category:"Text",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:"<H5>Header Content</H5>"}),n.push({label:"H6",tagName:"H6",type:"H6",description:"",category:"Text",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:"<H6>Header Content</H6>"}),n.push({label:"Paragraph",tagName:"P",type:"paragraph",description:"",category:"Text",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:"<p>Paragraph Content</p>"});let l,i,r,s=["Layout","Text","Content","Forms","Widgets","Lists","Tables","Charts","Multimedia","Timeline","Other"],c=Object(o["I"])(null),d=Object(o["I"])(""),p=!1,u=null,b=null,m=blockDefinitions.map(e=>{let t={type:e.type,label:e.label,tagName:e.tagName,id:e.type,category:e.category,content:e.content,droppable:e.droppable,draggable:e.draggable,editable:e.editable,activate:!0};return t});function g(e){m=e.blocks,l=e.dragStart,i=e.dragStop,t("blockCustomTriggered",e)}function _(e){void 0!=e&&(d.value=e.target.value);let t=[],a={};return h.value.forEach(e=>{if(1==e.hideFromLibrary)return;let o=e.category||"other";a[o]||(a[o]={category:o,blocks:[]},t.push(a[o])),a[o].blocks.push(e)}),t.sort((e,t)=>{let a=s.indexOf(e.category),o=s.indexOf(t.category);return a>o?1:a<o?-1:0}),t.forEach(e=>{e.blocks.sort((e,t)=>e.label>t.label?1:e.label<t.label?-1:0)}),c.value=t,f(),t}function f(){let e="Block Categories:\n--------------------\n";c.value.forEach(t=>{e+=t.category+"\n",t.blocks.forEach(t=>{e+="  "+t.label+"\n"})}),console.log(e)}Object(o["B"])(()=>{r=setInterval(()=>{if(window.editor){clearInterval(r),window.editor.on("block:custom",g);const{Panels:e}=window.editor;e.getButton("views","open-blocks").set("active",!0),console.log("[debug] LibraryPanel :: onMounted :: window.editor Ready: ",window.editor)}else console.log("[debug] LibraryPanel :: onMounted :: window.editor NOT ready")},1e3)});const h=Object(o["d"])(()=>{if(!d.value)return n;let e=n.filter(e=>e.label.toLowerCase().indexOf(d.value.toLowerCase())>-1);return e});_();const y=function(e){let t;t=e.icon?e.icon:e.type.split("q-").join("")+".png";const a="img/block_icons/"+t;return a};function v(e,t){b=document.querySelector(".gjs-frame"),sorter=editor.BlockManager.blocksView.getSorter(),sorter.__currentBlock=e,sorter.setDragHelper(t.target,t),sorter.setDropContent(e.content),sorter.startSort(t.target);let a=t.target;while(a&&!a.classList.contains("uiItem"))a=a.parentElement;a&&(p=!0,u=a,a.setPointerCapture(t.pointerId))}function O(e){if(!p||!sorter)return;const t=b.getBoundingClientRect();e.clientX,t.left,e.clientY,t.top}function j(e,t){sorter&&(sorter.endMove(),sorter=null),p=!1;const a=b.getBoundingClientRect();if(t.clientX>=a.left&&t.clientX<=a.right&&t.clientY>=a.top&&t.clientY<=a.bottom){u.style.pointerEvents="none";const o=b.contentDocument,n=t.clientX-a.left,l=t.clientY-a.top,i=o.elementFromPoint(n,l);let r=i.getAttribute("id");u.style.pointerEvents="",u.style.position="static";let s=editor.DomComponents.getWrapper().find("#"+r)[0];s&&(s.components().add(e.content),editor.refresh())}else u.style.position="static";u=null}return(e,t)=>{const a=Object(o["L"])("vscode-text-field");return Object(o["E"])(),Object(o["h"])(o["a"],null,[Object(o["i"])("div",null,[Object(o["k"])(a,{value:Object(o["Q"])(d),onInput:t[0]||(t[0]=e=>_(e)),placeholder:"Search UI Components",style:{padding:"5px 10px",width:"90%"}},null,8,["value"])]),Object(o["i"])("div",Ue,[Object(o["i"])("div",Ve,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(Object(o["Q"])(c),e=>(Object(o["E"])(),Object(o["h"])("div",{key:e.category,style:{display:"flex","flex-direction":"column",width:"100%"}},[Object(o["i"])("div",$e,Object(o["O"])(e.category),1),Object(o["i"])("div",Ge,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(e.blocks,e=>(Object(o["E"])(),Object(o["h"])("div",{key:e.id,blocktype:e.type,class:"uiItem",onMousedown:t=>Object(o["Q"])(l)(e),"on:pointerdown_BAD":t=>v(e,t),"on:pointermove_BAD":O,"on:pointerup_BAD":t=>j(e,t),title:e.label},[Object(o["i"])("div",Je,Object(o["O"])(e.label),1),Object(o["i"])("div",Xe,[Object(o["i"])("img",{src:y(e),class:"libraryIcon",style:{}},null,8,Ye)])],40,qe))),128))])]))),128))])])],64)}}};a("5f60");const Ze=C()(We,[["__scopeId","data-v-3da05314"]]);var Ke=Ze;const et=e=>(Object(o["G"])("data-v-ac17f3aa"),e=e(),Object(o["F"])(),e),tt={class:"blocker"},at={class:"addPropsPanel"},ot=et(()=>Object(o["i"])("div",{style:{"text-align":"center","font-size":"0.8em","font-weight":"bold","margin-bottom":"10px"}},"Add Property",-1)),nt={class:"addPropsList"},lt=["onClick","title"],it={style:{width:"70%"}},rt={style:{"text-transform":"capitalize",width:"30%","font-size":"0.8em",overflow:"hidden","white-space":"nowrap","text-overflow":"ellipsis",display:"flex","justify-content":"right","align-items":"center",opacity:"0.6"}};var st={__name:"AddPropertyDialog",props:["propslist","defObject","destination"],emits:["propAdded","close"],setup(e,{emit:t}){const a=e;function n(e){t("propAdded",e,a.defObject,a.destination)}function l(){return m["a"].sortBy(a.propslist,e=>e.label.toLowerCase())}function i(){t("close")}return(e,t)=>(Object(o["E"])(),Object(o["h"])("div",tt,[Object(o["i"])("div",at,[ot,Object(o["i"])("div",{class:"closeAddProp",onClick:i},"X"),Object(o["i"])("div",nt,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(l(),e=>(Object(o["E"])(),Object(o["h"])("div",{class:"addPropRow",onClick:t=>n(e),title:e.desc||"Property description not available"},[Object(o["i"])("div",it,Object(o["O"])(e.label),1),Object(o["i"])("div",rt,Object(o["O"])(e.type),1)],8,lt))),256))])])]))}};a("380c");const ct=C()(st,[["__scopeId","data-v-ac17f3aa"]]);var dt=ct;const pt=e=>(Object(o["G"])("data-v-7f346cd4"),e=e(),Object(o["F"])(),e),ut={key:0,class:"foldableGroupHeader"},bt={class:"groupHeaderContent"},mt=["src"],gt=pt(()=>Object(o["i"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"14px",padding:"0px"}},"delete",-1)),_t=[gt],ft={class:"col-1 removeBtnCnt",style:{width:"20px",position:"absolute"}},ht=["onClick"],yt=pt(()=>Object(o["i"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"14px",padding:"0px"}},"delete",-1)),vt=[yt],Ot=["title"],jt={key:0,class:"col-7"},wt=["onUpdate:modelValue","attrname"],xt=["value"],Ct={key:1,class:"col-7"},kt={key:0,class:"chartTypeContainer",style:{position:"relative"}},Dt=["attrname"],Et=["value"],Tt={key:2,class:"col-7"},St={key:3,class:"col-7"},Pt=["onUpdate:modelValue","attrname"],It=["value"],At={key:4,class:"col-7",style:{"align-items":"center",position:"relative",display:"flex"}},Lt=["onUpdate:modelValue"],Nt=["type","onUpdate:modelValue"],Ht=["onClick"],Bt={key:0,src:"img/icons/binding_on.png",style:{height:"16px"},draggable:"false"},Mt={key:1,src:"img/icons/binding_off.png",style:{height:"16px"},draggable:"false"};var Qt={__name:"ChartPropertiesSection",props:["dataSourceColumns","treeObject","propertiesDefinition","appData","modelFields","sectionIndex","showSectionTitle"],emits:["change"],setup(e,{emit:t}){const a=e;let n=o["I"][null];console.log("ChartSection.modelFields: ",a.modelFields);const l=Object(o["d"])(()=>{let e=W.find(e=>e.id==n);return console.log("chartTypeDeffffff",e),e?e.icon:(console.error("Could not find chart type definition for: "+n),"scatterChart")});function i(){let e=a.sectionIndex;t("removeTrace",e)}function r(e){let t=e.id;console.log("removeTraceProperty before: ",e,a.treeObject),s(a.treeObject,t),console.log("removeTraceProperty after: ",e,a.treeObject),u()}function s(e,t){const a=t.split(".");function o(e,t){const n=a[t];if(t===a.length-1)return delete e[n],0===Object.keys(e).length;if(void 0!==e[n]){const a=o(e[n],t+1);if(a)return delete e[n],0===Object.keys(e).length}return!1}o(e,0)}function c(e){console.log("toggleDynamicAttribute",e);let t,a=e.valueHolderParent[e.propName];0==a.indexOf("$_{")?(t=a.replace("$_{",""),t=t.substring(0,t.length-1)):t="$_{"+a+"}",e.valueHolderParent[e.propName]=t,u()}function d(e){console.log("isPropValueBinding",e.propName,e);let t=e.valueHolderParent[e.propName];return"string"==typeof t&&0==t.indexOf("$_{")}function p(e){console.log("changeChartType",n,a.treeObject),console.log("chartTypes",W);let t=W.find(e=>e.id==n);console.log("chartTypeDef",t);let o={};for(let n in a.treeObject)o[n]=a.treeObject[n];for(let n in a.treeObject)delete a.treeObject[n];for(let n in t.traceTemplate)void 0!=o[n]&&"type"!=n&&"gbtype"!=n?a.treeObject[n]=o[n]:a.treeObject[n]=t.traceTemplate[n];console.log("props.treeObject FINAL:",a.treeObject),a.treeObject.gbtype=n,u()}function u(){t("change",a.treeObject)}function b(e,t){const a=t.split(".");if(1==a.length)return e;for(let o=0;o<a.length-1;o++){if(!e||!e.hasOwnProperty(a[o]))return;e=e[a[o]]}return e}function m(e,t){const a=t.split(".");for(let o=0;o<a.length;o++){if(!e||!e.hasOwnProperty(a[o]))return;e=e[a[o]]}return e}const g=Object(o["d"])(()=>{let e=[];for(let t=0;t<a.propertiesDefinition.length;t++){let o={...a.propertiesDefinition[t]},n=m(a.treeObject,o.id);void 0!==n&&(o.valueHolderParent=b(a.treeObject,o.id),o.propName=o.id.split(".").pop(),e.push(o))}return console.log("definitionsListWithValues",e),e});return(t,a)=>{const s=Object(o["L"])("vscode-text-field");return Object(o["E"])(),Object(o["h"])(o["a"],null,[e.showSectionTitle?(Object(o["E"])(),Object(o["h"])("div",ut,[Object(o["i"])("div",bt,[Object(o["i"])("img",{src:"img/block_icons/"+l.value+".png",class:"chartTypeIcon",style:{opacity:1}},null,8,mt),Object(o["j"])(" "+Object(o["O"])(e.treeObject.name),1)]),Object(o["i"])("div",{class:"removeBtnCnt",style:{width:"20px"}},[Object(o["i"])("span",{onClick:i,title:"Remove Trace",class:"codicon codicon-settings"},_t)])])):Object(o["g"])("",!0),(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(g.value,t=>(Object(o["E"])(),Object(o["h"])("div",{class:"row propRow",style:{position:"relative"},key:t.id},[Object(o["i"])("div",ft,[Object(o["i"])("span",{onClick:e=>r(t),title:"Remove Property",class:"codicon codicon-settings"},vt,8,ht)]),Object(o["i"])("div",{class:"col-4 propRowLabel",style:{},title:t.label},Object(o["O"])(t.label)+": ",9,Ot),d(t)?(Object(o["E"])(),Object(o["h"])("div",jt,[Object(o["Y"])(Object(o["i"])("select",{class:"propInput propInputDynamic",style:{width:"100%",height:"25px"},"onUpdate:modelValue":e=>t.valueHolderParent[t.propName]=e,onChange:u,attrname:t.propertyName},[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(e.modelFields,e=>(Object(o["E"])(),Object(o["h"])("option",{key:"binding_"+e.name,value:"$_{"+e.name+"}"},Object(o["O"])(e.name),9,xt))),128))],40,wt),[[o["T"],t.valueHolderParent[t.propName]]])])):"type"==t.id?(Object(o["E"])(),Object(o["h"])("div",Ct,["type"==t.id?(Object(o["E"])(),Object(o["h"])("div",kt,[Object(o["Y"])(Object(o["i"])("select",{class:"propInput propInputDynamic",style:{width:"100%",height:"25px"},onChange:p,"onUpdate:modelValue":a[0]||(a[0]=e=>Object(o["q"])(n)?n.value=e:n=e),attrname:t.propertyName},[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(Object(o["Q"])(W),e=>(Object(o["E"])(),Object(o["h"])("option",{key:"chartType_"+e.id,value:e.id},Object(o["O"])(e.id),9,Et))),128))],40,Dt),[[o["T"],Object(o["Q"])(n)]])])):Object(o["g"])("",!0)])):"array"==t.type?(Object(o["E"])(),Object(o["h"])("div",Tt,[Object(o["k"])(s,{type:t.type,name:"",id:"",value:t.valueHolderParent[t.propName],onInput:e=>t.valueHolderParent[t.propName]=e.target.value,onChange:u},null,8,["type","value","onInput"])])):"enum"==t.type?(Object(o["E"])(),Object(o["h"])("div",St,[Object(o["Y"])(Object(o["i"])("select",{class:"propInput propInputDynamic",style:{width:"100%",height:"25px"},"onUpdate:modelValue":e=>t.valueHolderParent[t.propName]=e,onChange:u,attrname:t.propertyName},[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(t.options,e=>(Object(o["E"])(),Object(o["h"])("option",{key:"field_"+e,value:e},Object(o["O"])(e),9,It))),128))],40,Pt),[[o["T"],t.valueHolderParent[t.propName]]])])):(Object(o["E"])(),Object(o["h"])("div",At,["boolean"==t.type?Object(o["Y"])((Object(o["E"])(),Object(o["h"])("input",{key:0,type:"checkbox",name:"",id:"","onUpdate:modelValue":e=>t.valueHolderParent[t.propName]=e,onChange:u},null,40,Lt)),[[o["R"],t.valueHolderParent[t.propName]]]):Object(o["g"])("",!0),"color"==t.type?Object(o["Y"])((Object(o["E"])(),Object(o["h"])("input",{key:1,type:t.type,"onUpdate:modelValue":e=>t.valueHolderParent[t.propName]=e,onChange:u,style:{height:"23px",width:"23px","margin-right":"5px","background-color":"#ffffff00"}},null,40,Nt)),[[o["S"],t.valueHolderParent[t.propName]]]):Object(o["g"])("",!0),"color"==t.type?(Object(o["E"])(),Object(o["f"])(s,{key:2,type:"text",name:"",id:"",value:t.valueHolderParent[t.propName],onInput:e=>t.valueHolderParent[t.propName]=e.target.value,onChange:u,style:{width:"80px"}},null,8,["value","onInput"])):Object(o["g"])("",!0),"string"==t.type||"number"==t.type?(Object(o["E"])(),Object(o["f"])(s,{key:3,type:t.type,name:"",id:"",value:t.valueHolderParent[t.propName],onInput:e=>t.valueHolderParent[t.propName]=e.target.value,onChange:u},null,8,["type","value","onInput"])):Object(o["g"])("",!0)])),"type"!=t.propName&&"name"!=t.propName?(Object(o["E"])(),Object(o["h"])("div",{key:5,class:"propRowDynamicSwitch",onClick:e=>c(t)},[d(t)?(Object(o["E"])(),Object(o["h"])("img",Bt)):Object(o["g"])("",!0),d(t)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("img",Mt))],8,Ht)):Object(o["g"])("",!0)]))),128))],64)}}},zt=(a("fd7d"),a("0016"));const Ft=C()(Qt,[["__scopeId","data-v-7f346cd4"]]);var Rt=Ft;ze()(Qt,"components",{QIcon:zt["a"]});const Ut={key:0,class:"chartConfigContainer"},Vt={class:"tabSelector"},$t=["onClick"],Gt={key:0,class:"tabSectionContainer"},qt={class:"tracesContainer"},Jt={class:"foldableGroupContent"},Xt={class:"subgroup"},Yt={class:"subgroupContent"},Wt={class:"addPropertyButtonRow"},Zt=["onClick"],Kt={style:{"border-top":"solid 1px var(--badge-background)",padding:"20px","text-align":"center"}},ea={key:1,class:"tabSectionContainer"},ta={class:"subgroup"},aa={class:"subgroupContent"},oa={class:"addPropertyButtonRow"},na={key:2,class:"tabSectionContainer"},la={class:"subgroup"},ia={class:"subgroupContent"},ra={class:"addPropertyButtonRow"};var sa={__name:"ChartProperties",props:["appData","selectedComponent"],setup(e,{expose:t}){const a=e;let n=Object(o["I"])(0),l=Object(o["I"])([{name:"Data",id:0},{name:"Layout",id:1},{name:"Config",id:2}]),i=Object(o["I"])(null),r=(Object(o["I"])(!1),Object(o["I"])(null)),s=Object(o["I"])([]),c=Object(o["I"])([]),d=Object(o["I"])([]),p=Object(o["I"])(a.appData.pages[0].model.fields),u={};p.value.forEach(e=>{u[e.name]=e});let b=Object(o["I"])([{id:"name",label:"Name",type:"string",default:""},{id:"type",label:"Type",type:"enum",default:"scatter",options:["scatter","bar","histogram","pie","box","histogram2d","histogram2dcontour","parcats","heatmap","heatmapgl","contour","funnel","funnelarea","indicator","isosurface","mesh3d","ohlc","candlestick","scatter3d","scattergeo","scattergl","surface","table","timeline","violin","waterfall"]},{id:"mode",label:"Mode",type:"enum",default:"markers",options:["markers","lines","lines+markers","none","gauge","number","gauge+number","text"]},{id:"x",label:"X",type:"array",default:[0,1,2,3,4,5]},{id:"y",label:"Y",type:"array",default:[2,4,8,16,32]},{id:"z",label:"Z",type:"array",default:[3,5,7,9,11]},{id:"u",label:"U",type:"array",default:[]},{id:"v",label:"V",type:"array",default:[]},{id:"w",label:"W",type:"array",default:[]},{id:"i",label:"I",type:"array",default:[]},{id:"j",label:"J",type:"array",default:[]},{id:"k",label:"K",type:"array",default:[]},{id:"open",label:"Open",type:"array",default:[]},{id:"high",label:"High",type:"array",default:[]},{id:"low",label:"Low",type:"array",default:[]},{id:"close",label:"Close",type:"array",default:[]},{id:"dimensions",label:"Dimensions",type:"array",default:[]},{id:"counts",label:"Counts",type:"array",default:[]},{id:"values",label:"Values",type:"array",default:[1,3,5]},{id:"labels",label:"Labels",type:"array",default:["a","b","c"]},{id:"fill",label:"Fill",type:"enum",default:"tozeroy",options:["tozeroy","tonexty","toself","tonext"]},{id:"orientation",label:"Orientation",type:"enum",default:"v",options:["v","h"]},{id:"marker.size",label:"Marker Size",type:"number",default:5},{id:"marker.color",label:"Marker Color",type:"color",default:"#2578B4"},{id:"locationmode",label:"Locationmode",type:"string",default:"country names"},{id:"locations",label:"Locations",type:"array",default:[]},{id:"text",label:"Text",type:"array",default:[]},{id:"value",label:"Value",type:"number",default:0},{id:"delta.reference",label:"Delta Reference",type:"number",default:0},{id:"title.text",label:"Title Text",type:"string",default:"Title"},{id:"gauge.axis.range",label:"Gauge Axis Range",type:"array",default:[0,1]},{id:"error_y.type",label:"ErrorY Type",type:"string",default:"data"},{id:"error_y.array",label:"ErrorY Array",type:"array",default:[1,2,3,4,5]},{id:"error_y.visible",label:"ErrorY Visible",type:"boolean",default:!0},{id:"sizemode",label:"SizeMode",type:"string",default:"diameter"},{id:"sizeref",label:"SizeRef",type:"number",default:2},{id:"autobinx",label:"AutoBinX",type:"boolean",default:!0},{id:"nbinsx",label:"NBinsX",type:"number",default:10},{id:"autobiny",label:"AutoBinY",type:"boolean",default:!0},{id:"nbinsy",label:"NBinsY",type:"number",default:10},{id:"hoverinfo",label:"HoverInfo",type:"string",default:"all"},{id:"hovertemplate",label:"HoverTemplate",type:"string",default:""},{id:"boxpoints",label:"BoxPoints",type:"string",default:"all"},{id:"notched",label:"Notched",type:"boolean",default:!1},{id:"whiskerwidth",label:"WhiskerWidth",type:"number",default:.5},{id:"fillcolor",label:"FillColor",type:"color",default:"#888"},{id:"line.color",label:"Line Color",type:"color",default:"#888"},{id:"line.width",label:"Line Width",type:"number",default:2},{id:"line.shape",label:"Line Shape",type:"string",default:"linear"},{id:"line.smoothing",label:"Line Smoothing",type:"number",default:1.3},{id:"colorscale",label:"ColorScale",type:"string",default:"Viridis"},{id:"showscale",label:"ShowScale",type:"boolean",default:!0},{id:"reversescale",label:"ReverseScale",type:"boolean",default:!1},{id:"contours.coloring",label:"Contours Coloring",type:"string",default:"fill"},{id:"contours.start",label:"Contours Start",type:"number",default:0},{id:"contours.end",label:"Contours End",type:"number",default:10},{id:"contours.size",label:"Contours Size",type:"number",default:1},{id:"opacity",label:"Opacity",type:"number",default:.8},{id:"cmin",label:"Cmin",type:"number",default:0},{id:"cmax",label:"Cmax",type:"number",default:10},{id:"colorbar.title",label:"ColorBar Title",type:"string",default:"ColorBar"},{id:"colorbar.tickvals",label:"ColorBar TickVals",type:"array",default:[]},{id:"colorbar.ticktext",label:"ColorBar TickText",type:"array",default:[]},{id:"autocolorscale",label:"AutoColorScale",type:"boolean",default:!0},{id:"showlegend",label:"ShowLegend",type:"boolean",default:!0},{id:"legendgroup",label:"LegendGroup",type:"string",default:""},{id:"lat",label:"Lat",type:"array",default:[38]},{id:"lon",label:"Lon",type:"array",default:[-90]}]),m=Object(o["I"])([{id:"autosizable",label:"Autosizable",type:"boolean",default:!1},{id:"displaylogo",label:"Display Logo",type:"boolean",default:!0},{id:"scrollZoom",label:"Scroll Zoom",type:"boolean",default:!0},{id:"editable",label:"Editable",type:"boolean",default:!0},{id:"displayModeBar",label:"Mode Bar",type:"boolean",default:!0}]),g=Object(o["I"])([{id:"title",label:"Title",type:"string",default:"Hello Def"},{id:"showlegend",label:"Show Legend",type:"boolean",default:!0},{id:"legend.x",label:"Legend X",type:"number",default:1},{id:"legend.y",label:"Legend Y",type:"number",default:1},{id:"legend.xanchor",label:"Legend X-Anchor",type:"enum",default:"right",options:["left","right"]},{id:"legend.yanchor",label:"Legend Y-Anchor",type:"enum",default:"right",options:["left","right"]},{id:"legend.orientation",label:"Legend Orientation",type:"enum",default:"v",options:["v","h"]},{id:"paper_bgcolor",label:"Paper",type:"color",default:"#ffffff"},{id:"plot_bgcolor",label:"Background",type:"color",default:"#ffffff"},{id:"font.color",label:"Font Color",type:"color",default:"#000000"},{id:"font.size",label:"Font Size",type:"number",default:10},{id:"xaxis.title.text",label:"X-Axis Title Text",type:"string",default:"Axis Title"},{id:"xaxis.title.font.size",label:"X-Axis Title Font Size",type:"number",default:24},{id:"xaxis.title.font.color",label:"X-Axis Title Font Color",type:"color",default:"#000000"},{id:"yaxis.title.text",label:"Y-Axis Title Text",type:"string",default:"Axis Title"},{id:"yaxis.title.font.size",label:"Y-Axis Title Font Size",type:"number",default:24},{id:"yaxis.title.font.color",label:"Y-Axis Title Font Color",type:"color",default:"#000000"},{id:"dragmode",label:"Dragmode",type:"enum",default:"zoom",options:["zoom"]},{id:"mapbox.style",label:"Mabox Style",type:"enum",default:"open-street-map",options:["open-street-map"]},{id:"mapbox.center.lat",label:"Mapbox Center Lat",type:"number",default:38},{id:"mapbox.center.lon",label:"Mapbox Center Lon",type:"number",default:-90},{id:"mapbox.zoom",label:"Mapbox Zoom",type:"number",default:3},{id:"margin.l",label:"Margin L",type:"number",default:0},{id:"margin.t",label:"Margin T",type:"number",default:0},{id:"margin.r",label:"Margin R",type:"number",default:0},{id:"margin.b",label:"Margin B",type:"number",default:0}]);function _(){let e=a.appData.pages[0].model.fields.filter(e=>"DataFrames.DataFrame"==e.type||"PlotlyData"==e.type||"DataTable.DataFrames.DataFrame"==e.type);i.value=e}const f=Object(o["d"])(()=>{let e=a.appData.pages[0].model.fields,t=[];return e.forEach(e=>{if("DataTable.DataFrames.DataFrame"==e.type){let a=e.props;a&&a.forEach(a=>{t.push({name:e.name+"."+a,type:e.type})})}else if("DataFrames.DataFrame"==e.type){let a=e.columns;a&&a.forEach(a=>{t.push({name:e.name+"."+a,type:e.type})})}t.push({name:e.name,type:e.type})}),t.sort((e,t)=>e.name.toLowerCase().localeCompare(t.name.toLowerCase())),t}),h=Object(o["d"])(()=>{let e=[];return console.log("dataSourceFields",i),i.value.forEach(t=>{if(0==t.type.indexOf("DataFrames.DataFrame")){let a=t.columns;a&&a.forEach(a=>{e.push(t.name+"."+a)})}let a=t.props;a&&a.forEach(a=>{e.push(t.name+"."+a)})}),a.appData.pages[0].model.fields.forEach(t=>{"Array"==t.type&&e.push(t.name)}),e});function y(e,t){let a=e.filter(e=>{let a=!1,o=D(t,e.id);return null!=o&&(a=!0),!a});return a}Object(o["d"])(()=>{let e=m.value.filter(e=>{let t=!1,a=D(r.value,e.id);return null!=a&&(t=!0),!t});return e});function v(e){T()}function O(e){T()}function j(e){T()}function w(e){console.log("removeTrace",e),console.log("traces.value before: ",s.value),s.value.splice(e,1),console.log("traces.value after: ",s.value),T()}function x(e){r.value=e}function C(){r.value=null}function k(e,t,a){let o=e.id,n=t.find(e=>e.id==o);E(a,o,n.default),T()}function D(e,t){const a=t.split(".");for(let o=0;o<a.length;o++){if(!e||!e.hasOwnProperty(a[o]))return;e=e[a[o]]}return e}function E(e,t,a){const o=t.split(".");for(let n=0;n<o.length-1;n++)e.hasOwnProperty(o[n])&&"object"===typeof e[o[n]]||(e[o[n]]={}),e=e[o[n]];e[o[o.length-1]]=a}function T(){let e=btoa(JSON.stringify(s.value)),t=btoa(JSON.stringify(c.value)),o=btoa(JSON.stringify(d.value));a.selectedComponent.setAttributes({gb_c__data:e,gb_c__config:t,gb_c__layout:o}),a.selectedComponent.view.$el[0].vueApp.updateAttributes({data:e,config:t,layout:o})}function S(e){if(!e||"plotly"!=e.attributes.type)return s.value=null,c.value=null,void(d.value=null);let t=e.getAttributes();t.gb_c__data&&(t.gb_c__data=atob(t.gb_c__data)),t.gb_c__config&&(t.gb_c__config=atob(t.gb_c__config)),t.gb_c__layout&&(t.gb_c__layout=atob(t.gb_c__layout));let a=t.gb_c__data||"[]";a=JSON.parse(a),s.value=a;let o=t.gb_c__config||"{}";o=JSON.parse(o),c.value=o;let n=t.gb_c__layout||"{}";n=JSON.parse(n),d.value=n}function P(){s.value.push({x:"",y:"",type:"scatter",name:"Trace"})}function I(e,t){s.value.push({x:e,y:t,type:"scatter",name:"Trace"}),T()}return Object(o["x"])(()=>{S(a.selectedComponent),_()}),t({setSelectedComponent:S,addNewTraceFromBinding:I}),(t,a)=>{const i=Object(o["L"])("vscode-button");return e.selectedComponent&&"plotly"==e.selectedComponent.attributes.type?(Object(o["E"])(),Object(o["h"])("div",Ut,[Object(o["i"])("div",Vt,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(Object(o["Q"])(l),e=>(Object(o["E"])(),Object(o["h"])("div",{onClick:t=>Object(o["q"])(n)?n.value=e.id:n=e.id,class:Object(o["u"])({tabItem:!0,tabItemSelected:e.id==Object(o["Q"])(n)}),key:e},Object(o["O"])(e.name),11,$t))),128))]),0==Object(o["Q"])(n)?(Object(o["E"])(),Object(o["h"])("div",Gt,[Object(o["i"])("div",qt,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(Object(o["Q"])(s),(e,t)=>(Object(o["E"])(),Object(o["h"])("div",{class:"foldableGroup",key:e},[Object(o["i"])("div",Jt,[Object(o["i"])("div",Xt,[Object(o["i"])("div",Yt,[Object(o["k"])(Rt,{showSectionTitle:!0,sectionIndex:t,treeObject:e,dataSourceColumns:h.value,propertiesDefinition:Object(o["Q"])(b),modelFields:f.value,onRemoveTrace:w,onChange:j},null,8,["sectionIndex","treeObject","dataSourceColumns","propertiesDefinition","modelFields"])])]),Object(o["i"])("div",Wt,[Object(o["Q"])(r)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("button",{key:0,class:"addPropertyButton",onClick:t=>x(e)},"+",8,Zt))]),Object(o["Q"])(r)==e?(Object(o["E"])(),Object(o["f"])(dt,{key:0,defObject:Object(o["Q"])(b),destination:Object(o["Q"])(r),propslist:y(Object(o["Q"])(b),e),onPropAdded:k,onClose:C},null,8,["defObject","destination","propslist"])):Object(o["g"])("",!0)])]))),128))]),Object(o["i"])("div",Kt,[Object(o["k"])(i,{class:"addTraceButton",onClick:P},{default:Object(o["X"])(()=>[Object(o["j"])("+ Trace")]),_:1})])])):Object(o["g"])("",!0),1==Object(o["Q"])(n)?(Object(o["E"])(),Object(o["h"])("div",ea,[Object(o["i"])("div",ta,[Object(o["i"])("div",aa,[Object(o["k"])(Rt,{treeObject:Object(o["Q"])(d),dataSourceColumns:h.value,propertiesDefinition:Object(o["Q"])(g),modelFields:f.value,onChange:v},null,8,["treeObject","dataSourceColumns","propertiesDefinition","modelFields"])])]),Object(o["i"])("div",oa,[Object(o["Q"])(r)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("button",{key:0,class:"addPropertyButton",onClick:a[0]||(a[0]=e=>x(Object(o["Q"])(d)))},"+"))]),Object(o["Q"])(r)==Object(o["Q"])(d)?(Object(o["E"])(),Object(o["f"])(dt,{key:0,defObject:Object(o["Q"])(g),destination:Object(o["Q"])(d),propslist:y(Object(o["Q"])(g),Object(o["Q"])(d)),onPropAdded:k,onClose:C},null,8,["defObject","destination","propslist"])):Object(o["g"])("",!0)])):Object(o["g"])("",!0),2==Object(o["Q"])(n)?(Object(o["E"])(),Object(o["h"])("div",na,[Object(o["i"])("div",la,[Object(o["i"])("div",ia,[Object(o["k"])(Rt,{treeObject:Object(o["Q"])(c),dataSourceColumns:h.value,propertiesDefinition:Object(o["Q"])(m),modelFields:f.value,onChange:O},null,8,["treeObject","dataSourceColumns","propertiesDefinition","modelFields"])])]),Object(o["i"])("div",ra,[Object(o["Q"])(r)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("button",{key:0,class:"addPropertyButton",onClick:a[1]||(a[1]=e=>x(Object(o["Q"])(c)))},"+"))]),Object(o["Q"])(r)==Object(o["Q"])(c)?(Object(o["E"])(),Object(o["f"])(dt,{key:0,defObject:Object(o["Q"])(m),destination:Object(o["Q"])(c),propslist:y(Object(o["Q"])(m),Object(o["Q"])(c)),onPropAdded:k,onClose:C},null,8,["defObject","destination","propslist"])):Object(o["g"])("",!0)])):Object(o["g"])("",!0)])):Object(o["g"])("",!0)}}};a("3ab6");const ca=C()(sa,[["__scopeId","data-v-6a30a4fe"]]);var da=ca;const pa=e=>(Object(o["G"])("data-v-015f447c"),e=e(),Object(o["F"])(),e),ua={key:0,class:"nothingSelected"},ba=pa(()=>Object(o["i"])("i",null,"Nothing selected",-1)),ma=[ba],ga={key:1},_a={style:{"user-select":"none"}},fa={class:"removeBtnCnt",style:{width:"20px"}},ha=["onClick"],ya=pa(()=>Object(o["i"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"14px",padding:"0px"}},"delete",-1)),va=[ya],Oa=["title"],ja={key:0,class:"propRowControl"},wa={slot:"selected-value",class:"codicon codicon-settings"},xa={"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"16px",padding:"5px"}},Ca={"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"16px"}},ka={slot:"selected-value"},Da=["attrname","onDrop","onUpdate:modelValue"],Ea=["attrname","onDrop","onUpdate:modelValue"],Ta=["attrname","onDrop","onUpdate:modelValue"],Sa=["attrname","onDrop","onUpdate:modelValue"],Pa=["attrname","onDrop","onUpdate:modelValue"],Ia=["attrname","onDrop","onUpdate:modelValue"],Aa={key:1,class:"propRowControl"},La=["onUpdate:modelValue","onDrop","attrname"],Na=["value"],Ha=["onClick"],Ba={key:0,src:"img/icons/binding_on.png",style:{height:"16px"},draggable:"false"},Ma={key:1,src:"img/icons/binding_off.png",style:{height:"16px"},draggable:"false"},Qa={key:3,class:"propRowDynamicSwitch",draggable:"false"},za={key:0,class:"suggestedPropertiesContainer",style:{margin:"20px 0px 0px 0px"}},Fa=pa(()=>Object(o["i"])("div",{class:"suggestedPropertiesTitle",style:{opacity:"0.7","margin-bottom":"10px","font-weight":"bold","font-size":"0.9em"}},"Suggested Properties:",-1)),Ra={class:"propRowLabel",style:{opacity:"0.5","font-weight":"bold","text-align":"left:"}},Ua={class:"propRowControl",style:{opacity:"0.5","text-align":"left","font-size":"0.8em","user-select":"none"}},Va=["onClick"],$a=pa(()=>Object(o["i"])("i",{class:"fa fa-plus"},null,-1)),Ga=[$a],qa=pa(()=>Object(o["i"])("br",null,null,-1)),Ja={key:1,style:{"font-size":"0.8em"}},Xa=pa(()=>Object(o["i"])("i",null,"Nothing selected",-1)),Ya=[Xa];var Wa={__name:"PropertiesPanel",props:["title","appData","selectedComponent"],setup(e,{expose:t}){const a=e,n=Object(o["I"])(null);let l=Object(o["I"])(null),i=Object(o["I"])(!1),r=Object(o["I"])(a.appData.pages[0].model.fields),s={};r.value.forEach(e=>{s[e.name]=e});const c=blockDefinitions.reduce((e,t)=>(e[t.type]=t,e),{});function d(e){try{return 0==e.indexOf("gb_c__")||0==e.indexOf("gb_b__")?e.substring(6):e}catch(t){console.error("Error in getAttributeCleanRealName: ",e,t)}}function p(e){l.value.removeAttributes([e.name]),w()}function u(){let e=O(l.value.attributes.type);if(!e)return[];let t=m().map(e=>e.cleanName),a=e.properties.filter(e=>1==e.suggested),o=a.filter(e=>-1==t.indexOf(e.name));return o}function b(e){let t=[];return r.value.forEach(a=>{if(a.type==e.def.type)t.push(a);else if("DataTable.DataFrames.DataFrame"==a.type){let e=a.props;e&&e.forEach(e=>{t.push({name:a.name+"."+e})})}}),t}function m(){const e=l.value.attributes.attributes;let t=[],o={};for(let a in e)if(a.startsWith("gb_c__")||a.startsWith("gb_b__")){let n=d(a).toLowerCase();if("id"!=n&&"charttype"!=n&&"class"!=n){let l=g(n);l||console.error("Definition not found for: ",a,n,e[a]),t.push({name:a,cleanName:n,value:e[a],def:l}),o[a]=e[a]}}return a.selectedComponent.view.el.vueApp&&a.selectedComponent.view.el.vueApp.updateAttributes(o),t=Y.a.sortBy(t,"cleanName"),t}function g(e){let t=O(l.value.attributes.type);if(!t)return null;let a=t.properties.find(t=>t.name==e);return a}function _(e){let t=0==e.indexOf("gb_b_");return t}function f(e){let t=JSON.parse(e.dataTransfer.getData("text")),a=e.target.getAttribute("attrname");if(0==a.indexOf("gb_c__"))x(a,t.bindingname);else{let e={};e[a]=t.bindingname,l.value.addAttributes(e)}}function h(){i.value=!0}function y(){i.value=!1}function v(e){console.log("PropertiesPanel::addProperty",e);let t={Boolean:!0,String:"",Number:0,Array:[],Function:""},a={},o="gb_c__"+e.name,n=null!=t[e.type]?t[e.type]:"";a[o]=n,l.value.addAttributes(a),w()}function O(e){let t=c[e];return t}const j=Object(o["d"])(()=>{let e=O(l.value.attributes.type);if(!e)return[];let t=e.properties,a=l.value.getAttributes(),o=[];for(let l in a){let e=d(l);o.push(e)}let n=[];return t.forEach(e=>{let t=d(e.name);-1==o.indexOf(t)&&n.push(e)}),n});function w(){let e=l.value.attributes.attributes;for(let a in e)!0===e[a]&&(e[a]="true"),!1===e[a]&&(e[a]="false");let t=selectedComponent.toHTML();editor.getSelected().replaceWith(t);let o={},n=Object.getOwnPropertyNames(e);n.forEach(t=>{let a;a=void 0!=e[t]&&void 0!=e[t].nodeValue?e[t].nodeValue:e[t],o[t]=a}),a.selectedComponent.setAttributes(o);let i=a.selectedComponent.view.$el[0].vueApp;i.updateAttributes(o)}function x(e,t){let a=0==e.indexOf("gb_b__")?e.replace("gb_b__","gb_c__"):e.replace("gb_c__","gb_b__");l.value.removeAttributes([e]);let o={};if(0==a.indexOf("gb_b__"))if(null!=s[t])o[a]=t;else{let e=d(a).toLowerCase(),t=g(e),n={def:t},l=b(n);l.length>0?o[a]=l[0].name:o[a]="Not Set"}else o[a]=t;l.value.addAttributes(o),w()}function C(e){l.value=e,e&&"plotly"==e.attributes.type&&n.value.setSelectedComponent(e)}return Object(o["B"])(()=>{C(window.selectedComponent)}),t({setSelectedComponent:C,chartPropertiesPanel:n}),(t,a)=>{const r=Object(o["L"])("vscode-option"),s=Object(o["L"])("vscode-dropdown"),c=Object(o["L"])("q-icon"),d=Object(o["L"])("vscode-button");return Object(o["E"])(),Object(o["h"])(o["a"],null,[Object(o["Q"])(l)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("div",ua,ma)),Object(o["Q"])(l)&&"tempplaceholder"!=Object(o["Q"])(l).attributes.type&&"plotly"!=Object(o["Q"])(l).attributes.type?(Object(o["E"])(),Object(o["h"])("div",ga,[Object(o["i"])("div",_a,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(m(),e=>{var t;return Object(o["E"])(),Object(o["h"])("div",{key:e.name,class:"propRow"},[Object(o["i"])("div",fa,[1!=(null===(t=e.def)||void 0===t?void 0:t.mandatory)&&"gb_b__v-model"!=e.name?(Object(o["E"])(),Object(o["h"])("span",{key:0,onClick:t=>p(e),title:"Remove Property",class:"codicon codicon-settings"},va,8,ha)):Object(o["g"])("",!0)]),Object(o["i"])("div",{class:"propRowLabel",title:e.def.name+": "+e.def.desc},Object(o["O"])(e.def.label)+": ",9,Oa),_(e.name)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("div",ja,["enum_icons"==e.def.uitype?(Object(o["E"])(),Object(o["f"])(s,{key:0,style:{width:"100%","min-width":"unset"},value:Object(o["Q"])(l).attributes.attributes[e.name],onInput:t=>Object(o["Q"])(l).attributes.attributes[e.name]=t.target.value,onChange:w},{default:Object(o["X"])(()=>[Object(o["i"])("span",wa,[Object(o["i"])("i",xa,Object(o["O"])(Object(o["Q"])(l).attributes.attributes[e.name]),1),Object(o["j"])(" "+Object(o["O"])(Object(o["Q"])(l).attributes.attributes[e.name]),1)]),(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(e.def.options,e=>(Object(o["E"])(),Object(o["f"])(r,{value:e,style:{padding:"5px"}},{default:Object(o["X"])(()=>[Object(o["i"])("i",Ca,Object(o["O"])(e),1),Object(o["j"])(" "+Object(o["O"])(e),1)]),_:2},1032,["value"]))),256))]),_:2},1032,["value","onInput"])):"enum_colors"==e.def.uitype?(Object(o["E"])(),Object(o["f"])(s,{key:1,style:{width:"100%","min-width":"unset"},value:Object(o["Q"])(l).attributes.attributes[e.name],onInput:t=>Object(o["Q"])(l).attributes.attributes[e.name]=t.target.value,onChange:w},{default:Object(o["X"])(()=>[Object(o["i"])("span",ka,[Object(o["k"])(c,{name:"circle",color:Object(o["Q"])(l).attributes.attributes[e.name],style:{"margin-right":"5px"}},null,8,["color"]),Object(o["j"])(" "+Object(o["O"])(Object(o["Q"])(l).attributes.attributes[e.name]),1)]),(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(e.def.options,e=>(Object(o["E"])(),Object(o["f"])(r,{value:e,style:{padding:"5px"}},{default:Object(o["X"])(()=>[Object(o["k"])(c,{name:"circle",color:e,style:{"margin-right":"5px"}},null,8,["color"]),Object(o["j"])(" "+Object(o["O"])(e),1)]),_:2},1032,["value"]))),256))]),_:2},1032,["value","onInput"])):"String"==e.def.type&&-1==e.cleanName.indexOf("color")?Object(o["Y"])((Object(o["E"])(),Object(o["h"])("input",{key:2,attrname:e.name,type:"text",onDrop:Object(o["Z"])(f,["prevent"]),onDragenter:a[0]||(a[0]=Object(o["Z"])(()=>{},["prevent"])),onDragover:a[1]||(a[1]=Object(o["Z"])(()=>{},["prevent"])),class:"propInput",onChange:w,"onUpdate:modelValue":t=>Object(o["Q"])(l).attributes.attributes[e.name]=t,style:{width:"220px%"}},null,40,Da)),[[o["U"],Object(o["Q"])(l).attributes.attributes[e.name]]]):"Array"==e.def.type?Object(o["Y"])((Object(o["E"])(),Object(o["h"])("input",{key:3,attrname:e.name,type:"text",onDrop:Object(o["Z"])(f,["prevent"]),onDragenter:a[2]||(a[2]=Object(o["Z"])(()=>{},["prevent"])),onDragover:a[3]||(a[3]=Object(o["Z"])(()=>{},["prevent"])),class:"propInput",onChange:w,"onUpdate:modelValue":t=>Object(o["Q"])(l).attributes.attributes[e.name]=t,style:{width:"220px%"}},null,40,Ea)),[[o["U"],Object(o["Q"])(l).attributes.attributes[e.name]]]):"Function"==e.def.type?Object(o["Y"])((Object(o["E"])(),Object(o["h"])("input",{key:4,attrname:e.name,type:"text",onDrop:Object(o["Z"])(f,["prevent"]),onDragenter:a[4]||(a[4]=Object(o["Z"])(()=>{},["prevent"])),onDragover:a[5]||(a[5]=Object(o["Z"])(()=>{},["prevent"])),class:"propInput",onChange:w,"onUpdate:modelValue":t=>Object(o["Q"])(l).attributes.attributes[e.name]=t,style:{width:"220px%"}},null,40,Ta)),[[o["U"],Object(o["Q"])(l).attributes.attributes[e.name]]]):"String"==e.def.type&&e.name.indexOf("color")>-1?Object(o["Y"])((Object(o["E"])(),Object(o["h"])("input",{key:5,attrname:e.name,type:"color",onDrop:Object(o["Z"])(f,["prevent"]),onDragenter:a[6]||(a[6]=Object(o["Z"])(()=>{},["prevent"])),onDragover:a[7]||(a[7]=Object(o["Z"])(()=>{},["prevent"])),class:"propInput",onChange:w,"onUpdate:modelValue":t=>Object(o["Q"])(l).attributes.attributes[e.name]=t,style:{padding:"0px 2px",height:"21px"}},null,40,Sa)),[[o["U"],Object(o["Q"])(l).attributes.attributes[e.name]]]):"Number"==e.def.type?Object(o["Y"])((Object(o["E"])(),Object(o["h"])("input",{key:6,attrname:e.name,type:"number",onDrop:Object(o["Z"])(f,["prevent"]),onDragenter:a[8]||(a[8]=Object(o["Z"])(()=>{},["prevent"])),onDragover:a[9]||(a[9]=Object(o["Z"])(()=>{},["prevent"])),class:"propInput",onChange:w,"onUpdate:modelValue":t=>Object(o["Q"])(l).attributes.attributes[e.name]=t},null,40,Pa)),[[o["U"],Object(o["Q"])(l).attributes.attributes[e.name]]]):"Boolean"==e.def.type?Object(o["Y"])((Object(o["E"])(),Object(o["h"])("input",{key:7,attrname:e.name,type:"checkbox",onDrop:Object(o["Z"])(f,["prevent"]),onDragenter:a[10]||(a[10]=Object(o["Z"])(()=>{},["prevent"])),onDragover:a[11]||(a[11]=Object(o["Z"])(()=>{},["prevent"])),class:"propInput",onChange:w,"onUpdate:modelValue":t=>Object(o["Q"])(l).attributes.attributes[e.name]=t,style:{width:"auto"}},null,40,Ia)),[[o["R"],Object(o["Q"])(l).attributes.attributes[e.name]]]):Object(o["g"])("",!0)])),_(e.name)?(Object(o["E"])(),Object(o["h"])("div",Aa,[Object(o["Y"])(Object(o["i"])("select",{class:"propInput propInputDynamic","onUpdate:modelValue":t=>Object(o["Q"])(l).attributes.attributes[e.name]=t,name:"cars",id:"cars",onChange:w,onDrop:Object(o["Z"])(f,["prevent"]),onDragenter:a[12]||(a[12]=Object(o["Z"])(()=>{},["prevent"])),onDragover:a[13]||(a[13]=Object(o["Z"])(()=>{},["prevent"])),attrname:e.name},[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(b(e),e=>(Object(o["E"])(),Object(o["h"])("option",{key:"binding_"+e.name,value:e.name},Object(o["O"])(e.name),9,Na))),128))],40,La),[[o["T"],Object(o["Q"])(l).attributes.attributes[e.name]]])])):Object(o["g"])("",!0),"gb_b__v-model"!=e.name?(Object(o["E"])(),Object(o["h"])("div",{key:2,onClick:t=>x(e.name,e.value),class:"propRowDynamicSwitch"},[_(e.name)?(Object(o["E"])(),Object(o["h"])("img",Ba)):Object(o["g"])("",!0),_(e.name)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("img",Ma))],8,Ha)):(Object(o["E"])(),Object(o["h"])("div",Qa))])}),128)),u().length>0?(Object(o["E"])(),Object(o["h"])("div",za,[Fa,(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(u(),e=>(Object(o["E"])(),Object(o["h"])("div",{key:e.name,class:"propRow"},[Object(o["i"])("div",Ra,Object(o["O"])(e.label)+": ",1),Object(o["i"])("div",Ua,Object(o["O"])(e.desc),1),Object(o["i"])("div",{class:"propRowDynamicSwitch",draggable:"false",title:"Add property",onClick:t=>v(e)},Ga,8,Va)]))),128))])):Object(o["g"])("",!0)]),qa,!Object(o["Q"])(i)&&Object(o["Q"])(l)?(Object(o["E"])(),Object(o["f"])(d,{key:0,onClick:h},{default:Object(o["X"])(()=>[Object(o["j"])("Add Property")]),_:1})):Object(o["g"])("",!0),Object(o["Q"])(l)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["h"])("div",Ja,Ya)),Object(o["Q"])(i)?(Object(o["E"])(),Object(o["f"])(dt,{key:2,propslist:j.value,onPropAdded:v,onClose:y},null,8,["propslist"])):Object(o["g"])("",!0)])):Object(o["g"])("",!0),Object(o["k"])(da,{ref_key:"chartPropertiesPanel",ref:n,appData:e.appData,selectedComponent:e.selectedComponent,style:{height:"100%"}},null,8,["appData","selectedComponent"])],64)}}};a("8922");const Za=C()(Wa,[["__scopeId","data-v-015f447c"]]);var Ka=Za;ze()(Wa,"components",{QIcon:zt["a"]});var eo=a("1020"),to=a.n(eo),ao=a("4dd1"),oo=a.n(ao),no=a("de09"),lo=a.n(no);a("9f21");const io=e=>(Object(o["G"])("data-v-9497234c"),e=e(),Object(o["F"])(),e),ro={class:"logsPanel",style:{position:"relative"}},so={class:"toolBar"},co=io(()=>Object(o["i"])("option",{value:"1"},"Info",-1)),po=io(()=>Object(o["i"])("option",{value:"2"},"Warning",-1)),uo=io(()=>Object(o["i"])("option",{value:"3"},"Error",-1)),bo=[co,po,uo],mo=io(()=>Object(o["i"])("span",{class:"codicon codicon-settings"},[Object(o["i"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"16px",padding:"5px"}},"delete")],-1)),go=[mo],_o={class:"timeStamp"},fo={class:"logLevel"},ho=["onClick"];var yo={__name:"LogsPanel",props:["appData"],setup(e,{expose:t}){const a=Object(o["I"])(!0),n=Object(o["I"])(!0),l=Object(o["I"])(1),i=Object(o["I"])("all"),r=Object(o["I"])(""),s=Object(o["I"])(null);to.a.registerLanguage("javascript",oo.a),to.a.registerLanguage("sql",lo.a);const c={mounted(e,t){const a=t.value||"",o=to.a.highlight("sql",a).value;e.innerHTML=`<pre style="white-space: pre-wrap; word-wrap: break-word;"><code style="display: block; width: 100%;">${o}</code></pre>`},updated(e,t){const a=t.value||"",o=to.a.highlight("sql",a).value;e.innerHTML=`<pre style="white-space: pre-wrap; word-wrap: break-word;"><code style="display: block; width: 100%;">${o}</code></pre>`}},d=c,p=Object(o["I"])([{id:"all",label:"All"},{id:0,label:"GB"}]),u={info:1,warning:2,error:3},b=Object(o["I"])([]);window.logs=b;const m=Object(o["d"])(()=>{let e=b.value.filter(e=>{let t="server"==e.source&&a.value||"client"==e.source&&n.value,o=u[e.level]>=l.value,s="all"==i.value||e.appid==i.value,c=""==r.value||e.message.toLowerCase().indexOf(r.value.toLowerCase())>=0;return t&&o&&c&&s});return e});function g(){b.value=[]}function _(e){let t=De.appid,a=e.appid;if(void 0!=a&&a!=t)return;console.log("addLog",e);let o="log:message ";if(0==e.message.indexOf(o)){p.value.find(t=>t.id==e.appid)||p.value.push({id:e.appid,label:e.appid});let t=e.message.slice(o.length);0==t.indexOf("Info: ")?(e.level="info",t=t.slice("Info: ".length)):0==t.indexOf("Warning: ")?(e.level="warning",t=t.slice("Warning: ".length)):0==t.indexOf("Error: ")&&(e.level="error",t=t.slice("Error: ".length)),t=t.split(" ┌").join("┌"),e.message=t,e.appSource="0"==e.appid?"GB":"app "+e.appid,e.timestamp=e.timestamp.replace("T"," ").replace("Z","").split(".")[0],e.expanded=!1,b.value.push(e),s.value.scrollTop=s.value.scrollHeight}}return t({addLog:_}),(e,t)=>(Object(o["E"])(),Object(o["h"])("div",ro,[Object(o["i"])("div",so,[Object(o["i"])("div",null,[Object(o["Y"])(Object(o["i"])("input",{type:"checkbox",id:"showServerLogs",name:"showServerLogs","onUpdate:modelValue":t[0]||(t[0]=e=>a.value=e)},null,512),[[o["R"],a.value]]),Object(o["j"])(" GB Server ")]),Object(o["i"])("div",null,[Object(o["Y"])(Object(o["i"])("input",{type:"checkbox",id:"showClientLogs",name:"showClientLogs","onUpdate:modelValue":t[1]||(t[1]=e=>n.value=e)},null,512),[[o["R"],n.value]]),Object(o["j"])(" Client ")]),Object(o["i"])("div",null,[Object(o["Y"])(Object(o["i"])("select",{"onUpdate:modelValue":t[2]||(t[2]=e=>l.value=e)},bo,512),[[o["T"],l.value]])]),Object(o["i"])("div",null,[Object(o["j"])(" Search: "),Object(o["Y"])(Object(o["i"])("input",{type:"text",id:"searchString",name:"searchString","onUpdate:modelValue":t[3]||(t[3]=e=>r.value=e),style:{width:"200px"}},null,512),[[o["U"],r.value]])]),Object(o["i"])("div",{style:{"text-align":"right","flex-grow":"1","flex-basis":"0"}},[Object(o["i"])("button",{class:"clearLogsButton",onClick:g,title:"Clear Logs"},go)])]),Object(o["i"])("div",{ref_key:"logsContainer",ref:s,class:"logsContainer"},[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(m.value,(e,t)=>(Object(o["E"])(),Object(o["h"])("div",{class:Object(o["u"])({logItem:!0,levelInfo:"info"==e.level,levelWarning:"warning"==e.level,levelError:"error"==e.level}),key:"logItem_"+t},[Object(o["i"])("div",_o,Object(o["O"])(e.timestamp),1),Object(o["i"])("div",fo,Object(o["O"])(e.level),1),Object(o["Y"])(Object(o["i"])("div",{class:Object(o["u"])({logMessage:!0,logMessageExpanded:e.expanded}),onClick:t=>e.expanded=!e.expanded},null,10,ho),[[Object(o["Q"])(d),e.message]])],2))),128))],512)]))}};a("ca8d");const vo=C()(yo,[["__scopeId","data-v-9497234c"]]);var Oo=vo;ze()(yo,"components",{QIcon:zt["a"]});const jo={class:"bindingsConnectorsContainer"},wo={width:"100%",height:"100%",style:{position:"absolute","z-index":"11","pointer-events":"none"}},xo=["x","y","width","height"],Co=["d"];var ko={__name:"BindingsConnector",setup(e,{expose:t}){const a=Object(o["I"])([]),n=Object(o["I"])([]),l=Object(o["I"])(null),i=Object(o["I"])(null);function r(e){let t=e,a=s(),o=Math.abs(t.x+t.width-a.x),n=.5*o,l=`M ${t.x+t.width} ${t.y+.5*t.height} C ${t.x+t.width+n} ${t.y+.5*t.height}, ${a.x-n} ${a.y+7}, ${a.x} ${a.y+7}`;return l}function s(){let e=c(i.value.element);return e}function c(e){const t=e.getBoundingClientRect();return{x:t.left,y:t.top}}function d(e){a.value=e,p()}function p(){null==l.value&&u();let e=l.value,t=a.value.map(t=>({x:t.x+e.x,y:t.y+e.y,width:t.width,height:t.height}));n.value=t}function u(){let e=document.querySelector(".gjs-frame");l.value=c(e),p()}function b(e){i.value=e}return t({updateElementsPositions:d,updateIframePosition:u,onBindingOvered:b}),(e,t)=>(Object(o["E"])(),Object(o["h"])("div",jo,[(Object(o["E"])(),Object(o["h"])("svg",wo,[(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(n.value,e=>(Object(o["E"])(),Object(o["h"])("rect",{key:e.id,x:e.x,y:e.y,width:e.width,height:e.height,style:{fill:"transparent","stroke-width":"3",stroke:"#0099ff"}},null,8,xo))),128)),(Object(o["E"])(!0),Object(o["h"])(o["a"],null,Object(o["J"])(n.value,e=>(Object(o["E"])(),Object(o["h"])("path",{key:e.id,d:r(e),stroke:"#0099ff","stroke-width":"2",fill:"transparent"},null,8,Co))),128))]))]))}};a("c0b1");const Do=C()(ko,[["__scopeId","data-v-571588a7"]]);var Eo=Do;const To={style:{position:"relative",width:"280px"}},So={class:"flex flex-col items-center justify-center p-6",style:{padding:"0px"}},Po={class:"mb-4 w-full max-w-xl"},Io={key:0,class:""},Ao={class:"text-red-600",style:{"margin-top":"-15px"}};var Lo={__name:"AiHelpPanel",props:["appData"],setup(e){const t=Object(o["I"])(""),a=Object(o["I"])(null),n=async()=>{""!==t.value.trim()?(window.parent.postMessage({command:"openAiDocs",query:t.value},"*"),t.value="",a.value=null):a.value="Please enter a question."};return(e,l)=>{const i=Object(o["L"])("vscode-button");return Object(o["E"])(),Object(o["h"])("div",To,[Object(o["i"])("div",So,[Object(o["i"])("div",Po,[Object(o["Y"])(Object(o["i"])("textarea",{rows:"2","onUpdate:modelValue":l[0]||(l[0]=e=>t.value=e),placeholder:"Enter your question",class:"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"},null,512),[[o["U"],t.value]])]),a.value?(Object(o["E"])(),Object(o["h"])("div",Io,[Object(o["i"])("p",Ao,Object(o["O"])(a.value),1)])):Object(o["g"])("",!0),Object(o["k"])(i,{onClick:n,style:{width:"100px !important"}},{default:Object(o["X"])(()=>[Object(o["j"])("Ask")]),_:1})])])}}};a("5240");const No=C()(Lo,[["__scopeId","data-v-7afcd89f"]]);var Ho=No;const Bo=e=>(Object(o["G"])("data-v-0a07ef5e"),e=e(),Object(o["F"])(),e),Mo={key:0,class:"nothingSelected"},Qo=Bo(()=>Object(o["i"])("i",null,"Nothing selected",-1)),zo=[Qo],Fo={key:1,style:{position:"relative"}},Ro={class:"flex flex-col items-center justify-center p-6",style:{padding:"0px"}},Uo={class:"mb-4 w-full max-w-xl"},Vo=["disabled"],$o={key:0,class:""},Go={class:"text-red-600",style:{"margin-top":"-15px"}},qo={key:3,src:"img/icons/loading_58.svg",alt:"Loading",style:{position:"relative",bottom:"0",right:"0",width:"58px",height:"58px"}};var Jo={__name:"AiCodePanel",props:["appData","selectedComponent"],emits:["aiCodeChanged"],setup(e,{expose:t,emit:a}){let n=Object(o["I"])(null),l=Object(o["I"])(""),i=Object(o["I"])(!1),r=De.ask_ai_url+"codegen",s=Object(o["I"])({});function c(e){console.log("aiCodePanel :: setSelectedComponent: ",c),n.value=e}function d(){let e=n.value;console.log("aiCodePanel :: aiSendClicked: ",e);let t=e.toHTML();s.value={selectedHtml:t,userPrompt:l.value},s.value.previousPrompt=l.value,i.value=!0,console.log("aiCodePanel :: aiRequest-requestObject: ",s.value),u["a"].post(r,{content_type:"html",prompt:s.value.userPrompt,code:s.value.selectedHtml}).then(e=>{i.value=!1;let t=JSON.parse(e.request.response);console.log("AI response: ",t),t.error?(console.log("responseObject.error",t.error),s.value.aiError=t.error):(i.value=!1,l.value="",s.value.aiApiResponse=t.response,editor.getSelected().replaceWith(t.response),a("aiCodeChanged"))}).catch(e=>{i.value=!1,console.log("Error sending message to AI: ",e),s.value.aiError=e.message})}return t({setSelectedComponent:c}),(e,t)=>{const a=Object(o["L"])("vscode-button");return Object(o["Q"])(n)?(Object(o["E"])(),Object(o["h"])("div",Fo,[Object(o["i"])("div",Ro,[Object(o["i"])("div",Uo,[Object(o["Y"])(Object(o["i"])("textarea",{rows:"2","onUpdate:modelValue":t[0]||(t[0]=e=>Object(o["q"])(l)?l.value=e:l=e),disabled:Object(o["Q"])(i),placeholder:"Enter your code assistance request",class:"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"},null,8,Vo),[[o["U"],Object(o["Q"])(l)]])]),Object(o["Q"])(s).aiError?(Object(o["E"])(),Object(o["h"])("div",$o,[Object(o["i"])("p",Go,Object(o["O"])(Object(o["Q"])(s).aiError),1)])):Object(o["g"])("",!0),Object(o["Q"])(i)?Object(o["g"])("",!0):(Object(o["E"])(),Object(o["f"])(a,{key:1,onClick:d,style:{width:"100px !important"}},{default:Object(o["X"])(()=>[Object(o["j"])("Request")]),_:1})),Object(o["Q"])(i)?(Object(o["E"])(),Object(o["f"])(a,{key:2,disabled:"",style:{width:"100px !important"}},{default:Object(o["X"])(()=>[Object(o["j"])("Plese wait...")]),_:1})):Object(o["g"])("",!0),Object(o["Q"])(i)?(Object(o["E"])(),Object(o["h"])("img",qo)):Object(o["g"])("",!0)])])):(Object(o["E"])(),Object(o["h"])("div",Mo,zo))}}};a("7259");const Xo=C()(Jo,[["__scopeId","data-v-0a07ef5e"]]);var Yo=Xo;class Wo{constructor(e,t,a){this.wsEndpoint=De.getExternalApiBaseUrl("ws"),this.ws=null,this.onOpenHandler=e,this.onCloseHandler=t,this.onMessageHandler=a}connect(){console.log("StatusMonitor::connect"),this.ws=new WebSocket(this.wsEndpoint),this.ws.onopen=this.onOpen.bind(this),this.ws.onmessage=this.onMessage.bind(this),this.ws.onclose=this.onClose.bind(this)}restart(e){e=e||1,console.log("StatusMonitor::restart",e),setTimeout(()=>{this.connect()},1e3*e)}onOpen(){console.log("StatusMonitor::onOpen"),this.ws.send(JSON.stringify({channel:"geniebuilder",message:"subscribe",payload:{}})),this.onOpenHandler()}onMessage(e){this.onMessageHandler(e)}onClose(){console.log("StatusMonitor::onClose"),this.onCloseHandler()}}a("04d1");var Zo=a("8833");a("d7d5"),a("d5e0"),a("0109"),a("bbca");const Ko=e=>(Object(o["G"])("data-v-e4ee1f24"),e=e(),Object(o["F"])(),e),en={key:0,class:"mainContainer"},tn={class:"topBar"},an=Ko(()=>Object(o["i"])("div",{style:{width:"100%"}},null,-1)),on={class:"topToolBar"},nn={style:{"margin-right":"10px",color:"#cccccc"}},ln={class:"rowStack"},rn={class:"centralBar"},sn={class:"panel canvasPanel",style:{}},cn={class:"panel logsPanel"},dn={class:"panel bindingsPanel",style:{height:"100%"}},pn=Ko(()=>Object(o["i"])("div",{id:"myStyleEditorContainer"},[Object(o["i"])("div",{id:"myStyleEditorContainerClasses"}),Object(o["i"])("div",{id:"myStyleEditorContainerSections"})],-1)),un=Ko(()=>Object(o["i"])("div",{id:"layersContainer"},null,-1)),bn={class:"nothingSelected"},mn=Ko(()=>Object(o["i"])("i",null,"Nothing selected",-1)),gn=[mn],_n={id:"customCodeEditor"},fn={class:"panel propertiesPanel",style:{height:"100%"}},hn={class:"panel aiHelpPanel",style:{height:"100%"}};var yn={__name:"Main",setup(e){let t=Object(o["I"])(null),a=Object(o["I"])("test <p>para</p>"),n=Object(o["I"])({mode:"text/xml",theme:"neat",lineWrapping:!0}),l="";function i(e){3==e&&setTimeout(()=>{console.log("onMainTabChanged",e,t.value),le()},200)}function r(){console.log("codeChanged")}const s=()=>{console.log("Main.switchCodeEditorTheme: ",window.currentThemeType),"light"==window.currentThemeType?n.value.theme="neat":n.value.theme="dracula",U=window.currentThemeType,t.value&&t.value.refresh()};function c(){x.value.showAiCodePreview(!0)}function d(){let e=a.value;const t=new DOMParser,o=t.parseFromString(e,"text/html"),n=o.body;Ce.encodeAttributesInDOM(n);const l=n.innerHTML;let i=editor.getCss();editor.getSelected().replaceWith(l),editor.setStyle(i)}window.switchCodeEditorTheme=s;let p=Object(o["I"])(null),g=localStorage.getItem("panelStates");g?(console.log("storedStates",g),p.value=JSON.parse(g)):(p.value={bindingsPanelContainer:{expanded:!0,size:10},propertiesPanelContainer:{expanded:!0,size:10},aiHelpPanelContainer:{expanded:!0,size:10}},f());const _=Object(o["I"])([p.value.bindingsPanelContainer.size,p.value.propertiesPanelContainer.size,p.value.aiHelpPanelContainer.size]);function f(){try{p.value.bindingsPanelContainer.size=Math.round(document.getElementById("bindingsPanelContainer_Pane").style.height.split("%").join("")),p.value.propertiesPanelContainer.size=Math.round(document.getElementById("propertiesPanelContainer_Pane").style.height.split("%").join("")),p.value.aiHelpPanelContainer.size=Math.round(document.getElementById("aiHelpPanelContainer_Pane").style.height.split("%").join(""))}catch(e){console.error("savePanelStates error",e)}localStorage.setItem("panelStates",JSON.stringify(p.value))}function h(){console.log("panesResized"),f()}console.log("panelSizes",_);function y(e,t){console.log("updatePaneState",e,t),p.value[e].expanded=t,f()}const v=Object(o["I"])(null),O=Object(o["I"])(null),j=Object(o["I"])(null),w=Object(o["I"])(null),x=Object(o["I"])(null),C=Object(o["I"])(null),k=Object(o["I"])(null),D=Object(o["I"])(null),E=Object(o["I"])(null),T=Object(o["I"])(null),S=Object(o["I"])(null),P=Object(o["I"])(null);let A=null,L=!1,N=Object(o["I"])(null);window.appData=N;const H="0.1.33";let B=["appid","appport","CHANNEL__","GB_SOURCE","GB_HOST","GB_PORT"],Q=[];const z=te();let R="NCD. URL Params\n------------------------";if(B.forEach(e=>{R+=`\n  - ${e}: ${z[e]}`,void 0==z[e]?Q.push(e):De[e]=z[e]}),console.log(R),Q.length>0){let e="Missing URL params: "+Q.join(", ");throw alert(e),new Error(e)}window.apibase=De.getExternalApiBaseUrl("http")+"api/v1/";let U="dark";function V(e){}function $(e){let t=JSON.parse(e.data);if(t.message&&0==t.message.indexOf("base64:")&&(t.message=atob(t.message.replace("base64:",""))),t.message&&0==t.message.indexOf("filechanged:")){let e=t.message.replace("filechanged:",""),a=A.config.app_path+"/"+A.view,o=e==a,n=e.indexOf("autogenerated.css")>-1;n||L||(o||setStoredUnsavedChanges(),console.log("[debug-autoreload] reload triggered by file change notification",e,a,o,n,L),window.location.reload())}else w&&w.value&&w.value.addLog({appid:t.appid,timestamp:t.timestamp,source:"server",level:t.type,message:t.message+": "+t.status})}"light"==z.theme&&(U="light"),setTheme(U),window.clearStoredUnsavedChanges=function(){console.log("clearStoredUnsavedChanges()");let e=A.config.app_path+"/"+A.view;localStorage.removeItem("unsavedChanges__"+e)},window.getStoredUnsavedChanges=function(){console.log("getStoredUnsavedChanges()");let e=A.config.app_path+"/"+A.view,t=localStorage.getItem("unsavedChanges__"+e);return t&&(t=JSON.parse(t)),t},window.setStoredUnsavedChanges=function(){console.log("setStoredUnsavedChanges()");let e=A.config.app_path+"/"+A.view,t=K();t=JSON.stringify(t),localStorage.setItem("unsavedChanges__"+e,t)};const G=Object(o["d"])(()=>{let e="Properties";return P&&P.value?P.value.attributes.name&&(e+=" - "+P.value.attributes.name):e+=" (nothing selected)",e});function q(e){console.log("onSocketClose",e),X.restart(5)}const X=window.statusMonitor=new Wo(V,q,$);let Y={indent_size:4,indent_char:" ",max_preserve_newlines:5,preserve_newlines:!0,keep_array_indentation:!1,break_chained_methods:!1,indent_scripts:"normal",brace_style:"collapse",space_before_conditional:!0,unescape_strings:!1,jslint_happy:!1,end_with_newline:!1,wrap_line_length:0,indent_inner_html:!1,comma_first:!1,e4x:!1,indent_empty_lines:!1,inline_custom_elements:!1};function W(e){C.value.setHandleBlocks(e)}function Z(){console.log("reloadPage"),window.location.reload()}function K(){const e=editor.getCss(),t=editor.getHtml({cleanId:!0}),a=new DOMParser,o=a.parseFromString(t,"text/html"),n=o.body.querySelector("#gbTemplateContainer")||null;Ce.decodeAttributesInDOM(n);const l=n.innerHTML;let i=html_beautify(l,Y);return i=Ce.restoreSpecialElements(i),{beautifiedHtml:i,editedHtmlCss:e}}function ee(){let{beautifiedHtml:e,editedHtmlCss:t}=K(),a=e.indexOf("<tempplaceholder")>-1,o=l!=e;if(a)return void console.log("saveTemplate() cancelled: it contains placeholders");if(!o)return void console.log("saveTemplate() cancelled: content didn't change");console.log("saveTemplate() will proceed"),l=e;let n=A.view,i=encodeURIComponent(n),r=`${apibase}apps/${De.appid}/save?path=${i}`;L=!0,console.log("[debug-autoreload] saveTemplate() called. savedFromNoCodeEditor set to TRUE, Will save HTML now: ",i),u["a"].post(r,{payload:e}).then(e=>{console.log("[debug-autoreload] html-save callback: ",i,L);let a=`${apibase}apps/${De.appid}/save?path=public/css/autogenerated.css`;console.log("[debug-autoreload] Will save CSS for html: ",i,L),u["a"].post(a,{payload:t}).then(e=>{console.log("[debug-autoreload] css-save callaback for html: ",i,L),console.log("[debug-autoreload] savedFromNoCodeEditor set to FALSE"),L=!1}).catch(e=>{console.log("[debug-autoreload] error saving css for html: ",i,L),console.log("ERROR saving css file response: ",e)})}).catch(e=>{console.log("[debug-autoreload] error saving HTML: ",i,L),console.log("ERROR saving template file response: ",e)})}function te(){const e=new URLSearchParams(window.location.search),t={};for(const[a,o]of e.entries())t[a]=o;return t}function ae(e){S.value.onBindingOvered(e);let t=document.querySelector(".gjs-frame");if(e.binding){let a={target:"main-controller",payload:{command:"reportElementsUsingBinding",bindingName:e.binding.name}};t.contentWindow.postMessage(a,"*")}else S.value.updateElementsPositions([])}function oe(){console.log("onAutoSaveTriggered()"),ee()}function ne(e){console.log("Main::onComponentSelected",e),window.selectedComponent=P.value=e,D.value&&D.value.setSelectedComponent(e),T.value&&T.value.setSelectedComponent(e),le()}function le(){let e=P.value;if(!e)return;console.log("updateCodeEditorContent",e);let o=e.toHTML();console.log("selectedComponentCode",o);const n=o,l=new DOMParser,i=l.parseFromString(n,"text/html");console.log("beautifiedHtml doc",i);const r=i;Ce.decodeAttributesInDOM(r),o=r.querySelector("body").innerHTML,console.log("beautifiedHtml 0",o);let s=html_beautify(o,Y);console.log("beautifiedHtml 1",s),console.log("beautifiedHtml 2",s),a.value=s,t.value.refresh()}function ie(e){var t;let a=e.bindingInfo.bindingname,o=null===(t=sharedData.modelFieldsByName[a])||void 0===t?void 0:t.columns;if(o&&o.length>0){let t,n;t=n=`$_{${a}.${o[0]}}`,o.length>1&&(n=`$_{${a}.${o[1]}}`);let l=e.newComponentModel;editor.select(e.targetModel),setTimeout(()=>{var a;let o=null===(a=D.value)||void 0===a?void 0:a.chartPropertiesPanel;console.log("onBindingDroppedOnComponent",e,o.value),o&&o.addNewTraceFromBinding(t,n),editor.select(l);let i=l.collection;i.remove(l),editor.select(e.targetModel)},100)}}function re(e){N.value=e}function se(e){if(null==A)return!1;let t=A.model.fields,a=t.map(e=>e.name);return a.indexOf(e)>-1||""==e}function ce(e){const t={"{Function}":"Function","{Bool}":"Boolean","{String}":"String","{Char}":"String","{Date}":"Date","{Number}":"Number","{Int64}":"Number","{Int32}":"Number","{Int16}":"Number","{Int8}":"Number","{Float64}":"Number","{Float32}":"Number","{Float16}":"Number","{Float8}":"Number","{Vector}":"Array","{Vector{Bool}}":"Array","{Vector{String}}":"Array","{Vector{Char}}":"Array","{Vector{Number}}":"Array","{Vector{Float64}}":"Array","{Vector{Int64}}":"Array","{Vector{Int32}}":"Array","{Vector{Int16}}":"Array","{Vector{Int8}}":"Array","Vector{Dict}":"Array","{Object}":"Object","{NamedTuple{(:min, :max), Tuple{Int64, Int64}}}":"Object","{Dict}":"Object","{RangeData{Int64}}":"Number","{Vector{PlotlyBase.GenericTrace{Dict{Symbol, Any}}}}":"PlotlyBase.GenericTrace","{PlotlyBase.Layout{Dict{Symbol, Any}}}":"PlotlyBase.Layout","{DataTable{DataFrames.DataFrame}}":"DataTable.DataFrames.DataFrame","{DataFrames.DataFrame}":"DataFrames.DataFrame","{DataFrame}":"DataFrames.DataFrame","{PlotlyData}":"PlotlyData","{DataTablePagination}":"DataTablePagination"};e.forEach(e=>{e.model.fields=e.model.fields.filter(e=>e.isreactive),e.model.fields.forEach(e=>{let a=e.type,o=a.replace("Reactive",""),n=t[o];void 0!=n||0!=o.indexOf("{Vector{Dict{")&&0!=o.indexOf("{Vector{Vector{")||(n="Array"),e.type=n||"UnknownType"}),e.model.fields=m["a"].sortBy(e.model.fields,e=>e.name.toLowerCase())})}function de(){window.canvasPanel=x,document.addEventListener("scroll",e=>{let t=S.value;null!=t&&t.updateIframePosition()}),document.addEventListener("keydown",e=>{if(e.ctrlKey||e.metaKey)switch(e.key){case"s":e.preventDefault(),ee();break;case"z":e.preventDefault(),e.shiftKey?document.execCommand("redo"):document.execCommand("undo");break;case"c":e.preventDefault(),document.execCommand("copy");break;case"v":e.preventDefault(),document.execCommand("paste");break;case"x":e.preventDefault(),document.execCommand("cut");case"a":e.preventDefault(),document.execCommand("selectAll")}}),window.addEventListener("message",e=>{if("nocode-builder"!==e.data.target)return;let t=S.value;null!=t&&t.updateElementsPositions(e.data.payload)},!1),apibase&&De.appid&&(u["a"].get(apibase+"apps").then(e=>{let t=e.data.applications.find(e=>e.id.value.toString()==De.appid),a=t;null!=t&&u["a"].get(apibase+"apps/"+De.appid+"/pages").then(e=>{ce(e.data.pages),a.pages=e.data.pages,re(a),setTimeout(()=>{A=e.data.pages[0];let t,a=getStoredUnsavedChanges();if(console.log("unsavedChanges on init: ",a),a)clearStoredUnsavedChanges(),t=a.beautifiedHtml,l=t,x.value.updateTemplateFile(t),console.log("updateTemplateFile 0 (unsaved changes)");else{let e=apibase+"apps/"+De.appid+"/edit?path="+encodeURIComponent(A.view);u["a"].get(e).then(e=>{t=e.data.content,l=t,console.log("updateTemplateFile 1 (normal)"),x.value.updateTemplateFile(t)}).catch(t=>{console.error("error loading template file: ",e,t)})}},3e3)}).catch(e=>{console.log("error",e)})}).catch(e=>{console.log("error",e)}),X.connect())}return window.valueIsModelField=se,Object(o["B"])(()=>{de()}),(e,l)=>{const s=Object(o["L"])("vscode-button");return Object(o["Q"])(N)?(Object(o["E"])(),Object(o["h"])("div",en,[Object(o["i"])("div",tn,[an,Object(o["i"])("div",on,[Object(o["i"])("div",nn," v "+Object(o["O"])(Object(o["Q"])(H)),1),Object(o["i"])("div",null,[Object(o["k"])(s,{onClick:Z,style:{"margin-right":"10px"}},{default:Object(o["X"])(()=>[Object(o["j"])("Refresh")]),_:1}),Object(o["k"])(s,{onClick:ee},{default:Object(o["X"])(()=>[Object(o["j"])("Save")]),_:1})])])]),Object(o["i"])("div",ln,[Object(o["i"])("div",rn,[Object(o["i"])("div",sn,[Object(o["k"])(Re,{ref_key:"canvasPanel",ref:x,onAutoSaveTriggered:oe,onComponentSelected:ne,onBindingDroppedOnComponent:ie,appData:Object(o["Q"])(N)},null,8,["appData"])]),Object(o["i"])("div",cn,[Object(o["k"])(I,{title:"Logs"},{default:Object(o["X"])(()=>[Object(o["k"])(Oo,{ref_key:"logsPanel",ref:w,appData:Object(o["Q"])(N)},null,8,["appData"])]),_:1})])]),Object(o["k"])(Object(o["Q"])(b["b"]),{horizontal:"",class:"rightBar",onResized:h},{default:Object(o["X"])(()=>[Object(o["k"])(Object(o["Q"])(b["a"]),{id:"bindingsPanelContainer_Pane",size:Object(o["Q"])(p).bindingsPanelContainer.size,style:Object(o["v"])({minHeight:Object(o["Q"])(p).bindingsPanelContainer.expanded?"200px":"25px",maxHeight:Object(o["Q"])(p).bindingsPanelContainer.expanded?"100%":"25px"})},{default:Object(o["X"])(()=>[Object(o["i"])("div",dn,[Object(o["k"])(I,{title:"Library & Bindings",ref_key:"bindingsPanelContainer",ref:v,"onUpdate:expanded":l[1]||(l[1]=e=>y("bindingsPanelContainer",e)),style:{height:"100%"}},{default:Object(o["X"])(()=>[Object(o["k"])(M,{mode:"light",onChangeTab:i,style:{height:"100%",display:"flex","flex-direction":"column"}},{default:Object(o["X"])(()=>[Object(o["k"])(F,{title:"UI Library",active:"true",style:{}},{default:Object(o["X"])(()=>[Object(o["k"])(Ke,{ref_key:"libraryPanel",ref:k,onBlockCustomTriggered:W},null,512)]),_:1}),Object(o["k"])(F,{title:"Styles"},{default:Object(o["X"])(()=>[pn]),_:1}),Object(o["k"])(F,{title:"Bindings"},{default:Object(o["X"])(()=>[Object(o["k"])(J,{ref_key:"bindingsPanel",ref:C,appData:Object(o["Q"])(N),onBindingOvered:ae},null,8,["appData"])]),_:1}),Object(o["k"])(F,{title:"Layers"},{default:Object(o["X"])(()=>[un]),_:1}),Object(o["k"])(F,{title:"Code",style:{width:"100%"}},{default:Object(o["X"])(()=>[Object(o["Y"])(Object(o["i"])("div",bn,gn,512),[[o["V"],!P.value]]),Object(o["Y"])(Object(o["i"])("div",_n,[Object(o["k"])(Object(o["Q"])(Zo["a"]),{ref_key:"codeEditor",ref:t,value:Object(o["Q"])(a),"onUpdate:value":l[0]||(l[0]=e=>Object(o["q"])(a)?a.value=e:a=e),options:Object(o["Q"])(n),border:"",placeholder:"test placeholder",height:200,onChange:r},null,8,["value","options"]),Object(o["k"])(s,{onClick:d},{default:Object(o["X"])(()=>[Object(o["j"])("Apply")]),_:1})],512),[[o["V"],P.value]])]),_:1})]),_:1})]),_:1},512)])]),_:1},8,["size","style"]),Object(o["k"])(Object(o["Q"])(b["a"]),{id:"propertiesPanelContainer_Pane",size:Object(o["Q"])(p).propertiesPanelContainer.size,style:Object(o["v"])({minHeight:Object(o["Q"])(p).propertiesPanelContainer.expanded?"100px":"25px",maxHeight:Object(o["Q"])(p).propertiesPanelContainer.expanded?"100%":"25px"})},{default:Object(o["X"])(()=>[Object(o["i"])("div",fn,[Object(o["k"])(I,{title:G.value,ref_key:"propertiesPanelContainer",ref:O,"onUpdate:expanded":l[2]||(l[2]=e=>y("propertiesPanelContainer",e)),style:{height:"100%"}},{default:Object(o["X"])(()=>[Object(o["k"])(Ka,{ref_key:"propertiesPanel",ref:D,appData:Object(o["Q"])(N),selectedComponent:P.value,style:{height:"100%"}},null,8,["appData","selectedComponent"])]),_:1},8,["title"])])]),_:1},8,["size","style"]),Object(o["k"])(Object(o["Q"])(b["a"]),{id:"aiHelpPanelContainer_Pane",size:Object(o["Q"])(p).aiHelpPanelContainer.size,style:Object(o["v"])({minHeight:Object(o["Q"])(p).aiHelpPanelContainer.expanded?"150px":"25px",maxHeight:Object(o["Q"])(p).aiHelpPanelContainer.expanded?"100%":"25px"})},{default:Object(o["X"])(()=>[Object(o["i"])("div",hn,[Object(o["k"])(I,{title:"Ask AI",ref_key:"aiHelpPanelContainer",ref:j,"onUpdate:expanded":l[3]||(l[3]=e=>y("aiHelpPanelContainer",e)),style:{height:"100%"}},{default:Object(o["X"])(()=>[Object(o["k"])(M,{mode:"light",onChangeTab:e.onAiTabChanged,style:{height:"100%",display:"flex","flex-direction":"column"}},{default:Object(o["X"])(()=>[Object(o["k"])(F,{title:"Help",active:"true",style:{}},{default:Object(o["X"])(()=>[Object(o["k"])(Ho,{ref_key:"aiHelpPanel",ref:E,appData:Object(o["Q"])(N),selectedComponent:P.value,style:{height:"100%"}},null,8,["appData","selectedComponent"])]),_:1}),Object(o["k"])(F,{title:"Code Assistant"},{default:Object(o["X"])(()=>[Object(o["k"])(Yo,{ref_key:"aiCodePanel",ref:T,appData:Object(o["Q"])(N),onAiCodeChanged:c,selectedComponent:P.value,style:{height:"100%"}},null,8,["appData","selectedComponent"])]),_:1})]),_:1},8,["onChangeTab"])]),_:1},512)])]),_:1},8,["size","style"])]),_:1})]),Object(o["k"])(Eo,{ref_key:"bindingConnectorsManager",ref:S,appData:Object(o["Q"])(N)},null,8,["appData"])])):Object(o["g"])("",!0)}}};a("ef8c");const vn=C()(yn,[["__scopeId","data-v-e4ee1f24"]]);var On=vn;window.uikit=l,window.provideVSCodeDesignSystem=i["a"],Object(i["a"])().register(Object(r["c"])(),Object(s["c"])(),Object(c["b"])(),Object(d["b"])(),Object(p["b"])());var jn={name:"App",components:{Main:On}};a("9502");const wn=C()(jn,[["render",n]]);var xn=wn,Cn=a("5502"),kn=Object(Cn["a"])({state:{},mutations:{},actions:{},modules:{}}),Dn=a("b05d"),En=(a("0ca9"),a("7d6e"),a("e54f"),a("a4b7"),a("05bc"),a("0d0e"),a("573e"),{config:{},plugins:{}});window.canvasComponents={},window.currentThemeType="light",window.addCanvasComponent=function(e,t){window.canvasComponents[e]=t},window.removeCanvasComponent=function(e){delete window.canvasComponents[e]},window.setTheme=function(e){document.querySelector("body").setAttribute("style",""),"dark"===e?document.documentElement.setAttribute("data-theme","dark"):document.documentElement.setAttribute("data-theme","light"),window.currentThemeType=e,window.switchCodeEditorTheme&&window.switchCodeEditorTheme(e)},window.addEventListener("message",e=>{"removeCanvasComponent"===e.data.command?window.removeCanvasComponent(e.data.uid):"updateTheme"===e.data.command&&window.setTheme(e.data.themeType)},!1),Oe(e=>{window.blockDefinitions=e,Object(o["e"])(xn).use(Dn["a"],En).use(kn).mount("#app")})},"5f60":function(e,t,a){"use strict";a("a409")},"6c50":function(e,t,a){},7259:function(e,t,a){"use strict";a("f674")},"763e":function(e,t,a){},"77a2":function(e,t,a){"use strict";a("03c2")},8922:function(e,t,a){"use strict";a("f148")},9502:function(e,t,a){"use strict";a("3037")},9872:function(e,t,a){},"9fe3":function(e,t,a){},a409:function(e,t,a){},ab4e:function(e,t,a){},bc0f:function(e,t,a){"use strict";a("4d29")},c0b1:function(e,t,a){"use strict";a("763e")},c2a3:function(e,t,a){"use strict";a("9872")},c763:function(e,t,a){},ca8d:function(e,t,a){"use strict";a("ff99")},cace:function(e,t,a){"use strict";a("1ccc")},cfff:function(e,t,a){},d6e4:function(e,t,a){function o(e){e.DomComponents.addType("plotly",{isComponent:function(e){if("PLOTLY"===e.tagName)return{type:"plotly",name:"Plotly"}},model:{defaults:{removable:!0,draggable:!0,droppable:"tempplaceholder",badgable:!0,stylable:!0,highlightable:!0,copyable:!1,resizable:!1,editable:!1,hoverable:!0,traits:[],script:function(){var e=window.parent.sharedData.externalData;let t=this.attributes.id.nodeValue;function a(t){let a={},o=Object.getOwnPropertyNames(t);return o.forEach(o=>{let n=o.replace("gb_c__",""),l=void 0!==t[o].nodeValue?t[o].nodeValue:t[o];["data","layout","config"].includes(n)&&(l=atob(l),void 0!==e[l]?a[":"+n]=e[l]:a[":"+n]=JSON.parse(l))}),a}function o(t){for(let a in t)if("object"===typeof t[a]&&null!==t[a])o(t[a]);else if("string"===typeof t[a]){const o=t[a].match(/\$_{(.+?)}/);if(o&&o[1]){const l=o[1];t[a]=n(e,l)}}}function n(e,t){const a=t.split(".");for(let o=0;o<a.length;o++){if(!e||!e.hasOwnProperty(a[o]))return;e=e[a[o]]}return e}this.onExternalDataChanged=t=>{e=t.detail,l=a(this.attributes),this.vueApp.updateServerData(e)},window.parent.addCanvasComponent(t,this);let l=a(this.attributes);this.vueApp=new Vue({el:"#vueinternal_"+t,data:function(){let t=l[":data"];o(t);let a=l[":layout"]||{};o(a);let n=l[":config"]||{};return o(n),{message:"TESTING_ID",attributes:l,serverData:e,parsedData:t,parsedLayout:a,parsedConfig:n}},methods:{updateServerData(e){this.serverData=e;let t=l[":data"];o(t),this.parsedData=t;let a=l[":layout"]||{};o(a),this.parsedLayout=a;let n=l[":config"]||{};o(n),this.parsedConfig=n},updateAttributes(e){this.attributes=a(e),l=this.attributes,this.updateServerData(this.serverData)}},mounted(){}})}},handleAttrChange(){},render:function(){this.view.onRender()},init(){this.listenTo(this,"change:attributes",this.onAttributeChange)},removed(){window.parent.postMessage({command:"removeCanvasComponent",uid:this.ccid},"*")}},view:{onAttributeChange(){},onRender(){const{el:e,model:t}=this;let a=e.attributes.id.nodeValue;e.grapesModel=t;const o=`<div id="vueinternal_${a}" style="position: relative;">\n                    <Plotly ref="childVueInstance" :data="parsedData" :layout="parsedLayout" :config="parsedConfig"></Plotly>\n                    <div style="position: absolute; background-color: #ff000000; top: 0px; left: 0px; width: 100%; height: 100%;"></div>\n                `;e.innerHTML=o}}})}a("b7ef"),e.exports={registerPlotlyComponent:o}},dc28:function(e,t,a){},e9ee:function(e,t,a){"use strict";a("ab4e")},ef8c:function(e,t,a){"use strict";a("12ca")},f0a8:function(e,t,a){},f148:function(e,t,a){},f674:function(e,t,a){},fd7d:function(e,t,a){"use strict";a("9fe3")},ff99:function(e,t,a){}});
+//# sourceMappingURL=app.c1556248.js.map
\ No newline at end of file
diff --git a/public/js/app.e578f8fa.js.map b/public/js/app.c1556248.js.map
similarity index 87%
rename from public/js/app.e578f8fa.js.map
rename to public/js/app.c1556248.js.map
index 4023e632..b8562c9d 100644
--- a/public/js/app.e578f8fa.js.map
+++ b/public/js/app.c1556248.js.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/panels/ComponentAddDialog.vue?8460","webpack:///./src/components/panels/properties/AddPropertyDialog.vue?30bd","webpack:///./src/components/ChartProperties.vue?ef34","webpack:///./src/components/panels/PanelTitle.vue?39e5","webpack:///./src/components/Panel.vue?8182","webpack:///./src/components/panels/AiHelpPanel.vue?6bcb","webpack:///./src/App.vue","webpack:///./src/components/panels/PanelTitle.vue","webpack:///./src/components/panels/PanelTitle.vue?68bb","webpack:///./src/components/Panel.vue","webpack:///./src/components/Panel.vue?5542","webpack:///./src/components/tabs/Tabs.vue","webpack:///./src/components/tabs/Tabs.vue?dca8","webpack:///./src/components/tabs/Tab.vue","webpack:///./src/components/panels/BindingsPanel.vue","webpack:///./src/components/panels/BindingsPanel.vue?7ac9","webpack:///./src/utils/chartDefinitions.js","webpack:///./src/components/panels/ComponentAddDialog.vue","webpack:///./src/components/panels/ComponentAddDialog.vue?e9b4","webpack:///./src/utils/blockDefinitions.js","webpack:///./src/utils/HtmlTemplateParser.js","webpack:///./src/utils/Configuration.js","webpack:///./src/components/panels/CanvasPanel.vue","webpack:///./src/components/panels/CanvasPanel.vue?ced4","webpack:///./src/components/panels/LibraryPanel.vue","webpack:///./src/components/panels/LibraryPanel.vue?2df3","webpack:///./src/components/panels/properties/AddPropertyDialog.vue","webpack:///./src/components/panels/properties/AddPropertyDialog.vue?a633","webpack:///./src/components/ChartPropertiesSection.vue","webpack:///./src/components/ChartPropertiesSection.vue?7c2e","webpack:///./src/components/ChartProperties.vue","webpack:///./src/components/ChartProperties.vue?57ad","webpack:///./src/components/panels/PropertiesPanel.vue","webpack:///./src/components/panels/PropertiesPanel.vue?69be","webpack:///./src/components/panels/LogsPanel.vue","webpack:///./src/components/panels/LogsPanel.vue?b2a6","webpack:///./src/components/BindingsConnector.vue","webpack:///./src/components/BindingsConnector.vue?da9e","webpack:///./src/components/panels/AiHelpPanel.vue","webpack:///./src/components/panels/AiHelpPanel.vue?e55c","webpack:///./src/components/panels/AiCodePanel.vue","webpack:///./src/components/panels/AiCodePanel.vue?bab5","webpack:///./src/utils/StatusMonitor.js","webpack:///./src/components/Main.vue","webpack:///./src/components/Main.vue?8c23","webpack:///./src/App.vue?8e8d","webpack:///./src/store/index.js","webpack:///./src/quasar-user-options.js","webpack:///./src/main.js","webpack:///./src/components/panels/LibraryPanel.vue?3fbb","webpack:///./src/components/tabs/Tab.vue?5cf4","webpack:///./src/components/panels/PropertiesPanel.vue?61c3","webpack:///./src/App.vue?3401","webpack:///./src/components/panels/CanvasPanel.vue?fc97","webpack:///./src/components/BindingsConnector.vue?2fd4","webpack:///./src/components/panels/CanvasPanel.vue?8020","webpack:///./src/components/panels/LogsPanel.vue?6ded","webpack:///./src/components/panels/BindingsPanel.vue?dd1f","webpack:///./src/components/panels/AiCodePanel.vue?55d3","webpack:///./src/components/customblocks/plotlyComponent.js","webpack:///./src/components/tabs/Tabs.vue?5611","webpack:///./src/components/Main.vue?c2ac","webpack:///./src/components/ChartPropertiesSection.vue?5b96"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_createBlock","_component_Main","msg","expanded","ref","props","toggleExpand","emit","watch","__exports__","onExpandClicked","saveExpandedState","localStorage","setItem","title","loadExpandedState","state","getItem","__expose","tabContainer","tabHeaders","tabs","activeTabIndex","onMounted","querySelectorAll","x","classList","contains","indexOf","changeTab","index","remove","add","dragStart","dragStop","sortMethod","setHandleBlocks","sortedBindingsAsBlocks","computed","blocks","sortedBindings","forEach","binding","id","type","label","tagName","content","properties","droppable","editable","draggable","sorted","appData","pages","model","fields","_","sortBy","field","toLowerCase","onBindingOvered","$event","element","target","onBindingOut","chartTypes","generateVolumeTrace","X","Y","Z","vol","k","randomIndex","Math","floor","random","map","v","idx","neighbors","sum","reduce","a","b","maxVol","max","trace","y","z","isomin","isomax","opacity","surface_count","getChartTemplate","chartId","console","log","chart","find","traceTemplate","error","getBlockIconPath","block","iconFileName","icon","split","join","selectCompProp","comp","prop","newElement","DOMParser","parseFromString","body","childNodes","propName","finalBindingName","componentPlaceHolderData","bindingname","datatype","firstColumn","getDataFrameColumn","template","labels","values","JSON","stringify","btoa","removeAttribute","setAttribute","newElementHtml","outerHTML","editor","getSelected","replaceWith","closeDialog","removeSelected","dfName","dsFields","filter","columns","_blockDefinitions","blockDefinitions","blockDefinitionsByTagName","injectableVariables","supportedIcons","sort","supportedColors","getBlockDefinitions","loadBlockDefinitions","readyCallback","axios","then","parseDefinitionsSource","addSpecialBlocks","catch","enabled","indexOfVmodel","findIndex","indexOfModelValue","replace","blockProps","propAttributeName","propAttrValue","variableName","variableValue","Array","isArray","chartTypeDef","encodedData","traceLayout","encodedLayout","category","renderContent","setBlockDefinitions","HtmlTemplateParser","constructor","Error","htmlString","Node","replaceElementAttributes","encodeAttributesInDOM","modelVariables","sharedData","modelFieldsByName","gbPrefix","bcTypeC","bcTypeB","specialDynamicAttributeNames","excludedAttributeNames","componentName","nodeName","componentDefinition","componentPropertiesDefinitions","elementAttributeNames","getAttributeNames","attributeName","hasColon","startsWith","cleanName","isDynamic","some","specialName","attributeValue","getAttribute","attributeDefinition","el","attributeValueMapsToModelVariable","originalName","dataType","includes","bindingPrefix","rootElement","elements","revertElementAttributes","input","test","parser","doc","isEmptyTextNode","node","nodeType","TEXT_NODE","nodeValue","removeEmptyNodes","from","child","removeChild","serializer","XMLSerializer","newHtmlString","serializeToString","Configuration","protocol","GB_SOURCE","GB_SOURCE_LOCAL","GB_HOST","GB_PORT","appPort","_defineProperty","modelFields","item","newDef","activate","selectedComponent","mockedAppTemplate","reactiveModel","canvasBlocker","aiCodePreviewShown","revertAiCodeChanges","UndoManager","undo","acceptAiCodeChanges","onComponentAddDialogClose","select","onComponentAdded","info","attributes","_parent$grapesModel","parent","view","$el","parentNode","parentBlockType","grapesModel","newComponentModel","targetModel","bindingInfo","offerComponents","defs","components","def","componentType","matchingdataTypePropertyNames","matchesType","isVmodel","matchingProperties","externalData","setExternalData","newData","this","event","CustomEvent","detail","componentId","canvasComponents","component","onExternalDataChanged","initialProperty","getComponentDefinitionByType","ws","wsUrl","getAppBaseUrl","appport","updateReactiveModelVariable","sendWsMessage","message","payload","CHANNEL__","send","subscribeAutoreload","newSocketConnection","WebSocket","addEventListener","msgObject","parse","loadScript","src","callback","script","document","createElement","onload","onerror","head","appendChild","initMockedGenieApp","scripts","deps","appBasePath","getAppAssetsBaseUrl","port","substring","mockedScriptsToExtract","mockedScripts","mockedScript","scriptPath","autorun","loadedScriptsCount","initStipple","GENIEMODEL","_data","initEditor","excludedScripts","parsedSCripts","found","excludedScript","commonStyles","styles","style","stylePath","grapesjs","init","container","fromElement","storageManager","canvas","i18n","locale","detectLocale","messages","en","domComponents","names","layerManager","root","appendTo","sortable","hidable","blockManager","custom","styleManager","sectors","extend","default","options","className","open","units","toRequire","buildProps","defaults","list","min","unit","selectorManager","componentFirst","plugins","pluginsOpts","toolbar","items","Panels","getButton","set","compositeComponentAddedOrRemoved","runCommand","on","setTimeout","trigger","com","iscomposite","debouncedAutoSave","debounce","dataTransfer","objectData","getData","objectType","DomComponents","addType","events","dblclick","focusout","onActive","contentEditable","onDisable","innerHTML","registerPlotlyComponent","definition","blacklist","isComponent","isComposite","serverData","uniqueId","getMappedAttributes","attributesIn","mappedAttributes","attributeNames","getOwnPropertyNames","attrName","addCanvasComponent","vueApp","updateServerData","Vue","config","warnHandler","err","vm","getElementById","Stipple","theme","parsedAttributes","attributesObject","keyRaw","propertyDefinition","valueIsBinding","methods","newServerData","updateAttributes","attrs","$forceUpdate","mounted","listenTo","onAttributeChange","handleAttrChange","render","onRender","removed","postMessage","command","uid","ccid","bindingParts","bindingName","bindingObject","assets","autogeneratedStyles","apibase","appid","encodeURIComponent","setComponents","setStyle","showAiCodePreview","show","addShakeEffect","once","updateReactiveModel","newModel","updateTemplateFile","fileContents","removeEmptyTextNodes","replaceSpecialElements","fullContent","firstDiv","firstDivContent","QTable","excludedTypes","blockDefinitionsRaw","description","media","editorCheckInterval","categoriesSorting","blocksByCategory","searchTerm","isDragging","draggableElement","iframeB","handleBlocks","buildCategoriesTree","undefined","categories","categoriesDict","filteredBlockDefinitions","hideFromLibrary","aIndex","bIndex","logCategories","output","setInterval","clearInterval","results","onDragStart","querySelector","sorter","BlockManager","blocksView","getSorter","__currentBlock","setDragHelper","setDropContent","startSort","parentElement","setPointerCapture","pointerId","onPointerMove","rect","getBoundingClientRect","clientX","left","clientY","top","onPointerUp","endMove","right","bottom","pointerEvents","iframeDoc","contentDocument","elementBelow","elementFromPoint","elementBelowId","position","targetComponent","getWrapper","refresh","addProperty","defObject","destination","sortedPropsList","propslist","closeButtonClicked","currentGbType","getChartTypeIcon","chartType","removeSection","sectionIndex","removeTraceProperty","propertyId","treeObject","removePropertyPath","submitChanges","obj","propertyPath","parts","deleteProp","currentObj","pathIndex","keys","shouldDeleteParent","toggleDynamicAttribute","newKey","currentValue","valueHolderParent","isPropValueBinding","changeChartType","tempProps","gbtype","getNestedPropertyParent","propParts","getNestedProperty","definitionsListWithValues","propertiesDefinition","propertyDefCloned","pop","QIcon","currentTabIndex","tabsList","dataSourceFields","addPropertyDestination","traces","layout","modelFieldsDict","tracePropertiesDefinition","configPropertiesDefinition","layoutPropertiesDefinition","getFieldsOfDataFrameType","getAllModelFields","column","localeCompare","getSelectedDataSourceColumns","selectedDataSourceColumns","availableDataProperties","notUsedProperties","propDef","isUsed","existingProperty","layoutChanged","newTreeObject","configChanged","dataChanged","removeTrace","traceIndex","showAddPropertyList","hideAddProperty","propId","setNestedProperty","newConfig","newLayout","setAttributes","gb_c__data","gb_c__config","gb_c__layout","setSelectedComponent","newComponent","componentAttributesRaw","getAttributes","atob","configInput","layoutInput","addNewTrace","addNewTraceFromBinding","columnA","columnB","onBeforeMount","chartPropertiesPanel","showAddProperty","blockDefinitionsByType","acc","getAttributeCleanRealName","attributeObject","removeAttributes","getSuggestedProperties","getBlockDefinition","currentAttributesCleanNames","getCleanAttributesList","att","suggestedProperties","suggested","suggestedPropertiesNotUsed","filteredModelFields","elementAttributes","attrsForVuecomponent","getBlockPropertyDefinition","propertyName","blockDefinition","attributeIsBinding","onDrop","dragTransferData","attrname","newAttrs","addAttributes","defaultValuesByType","Boolean","String","Number","Function","attrsObject","gbName","defaultValue","availableProperties","definitionProperties","currentAttributes","currentAttributesClean","filtered","componentAttributes","attName","newHtml","toHTML","clonedAttributes","grapesElementVueApp","newAtts","cleanAttributeName","sameTypeModelFields","showServerLogs","showClientLogs","logLevel","loggedAppId","searchString","logsContainer","hljs","registerLanguage","javascript","sql","highlight","code","highlightedCode","updated","vHighlight","loggedAppIdsMap","logLevelsMap","warning","logs","filteredLogs","matchesSource","source","matchesLevel","level","matchesAppId","matchesSearch","clearLogs","addLog","logObject","configuredAppId","messageAppId","logPrefix","appSource","timestamp","scrollTop","scrollHeight","canvasElementsPositions","connections","_iframePosition","overedBinding","getConnectionSVGPath","connection","origin","getOveredBindingPosition","xDistance","abs","width","controlPointOffsetX","path","height","elPosition","getElementPosition","updateElementsPositions","lines","updateConnections","updateIframePosition","iframePosition","adjustedPositions","line","iframeElement","question","askQuestion","async","trim","query","userPrompt","isLoading","aiApiUrl","ask_ai_url","requestObject","aiSendClicked","selectedElement","selectedHtml","previousPrompt","post","content_type","prompt","response","responseObject","request","aiError","aiApiResponse","StatusMonitor","onOpen","onClose","onMessage","wsEndpoint","getExternalApiBaseUrl","onOpenHandler","onCloseHandler","onMessageHandler","connect","onopen","onmessage","onclose","restart","seconds","codeEditor","codeEditorValue","cmOptions","lineWrapping","lastSavedHTMLCode","onMainTabChanged","updateCodeEditorContent","codeChanged","switchCodeEditorTheme","currentThemeType","themeType","onAiCodeChanged","canvasPanel","applyCodeChanges","previousStyle","getCss","panelStates","storedStates","bindingsPanelContainer","size","propertiesPanelContainer","aiHelpPanelContainer","savePanelStates","panelSizes","round","e","panesResized","updatePaneState","panelRefName","logsPanel","bindingsPanel","libraryPanel","propertiesPanel","aiHelpPanel","aiCodePanel","bindingConnectorsManager","currentPage","savedFromNoCodeEditor","version","process","expectedParamsList","urlParamsMissing","searchParams","getSearchParams","report","paramName","urlParamsMessage","alert","onSocketOpen","onSocketMessage","messageData","filePath","currentPageFullPath","app_path","isSameFile","isAutogeneratedCss","setStoredUnsavedChanges","location","reload","status","setTheme","clearStoredUnsavedChanges","currentPath","removeItem","getStoredUnsavedChanges","unsavedChanges","currentContents","getCurrentHtmlAndCss","getPropertiesPanelName","onSocketClose","statusMonitor","beautifyOptions","indent_size","indent_char","max_preserve_newlines","preserve_newlines","keep_array_indentation","break_chained_methods","indent_scripts","brace_style","space_before_conditional","unescape_strings","jslint_happy","end_with_newline","wrap_line_length","indent_inner_html","comma_first","e4x","indent_empty_lines","inline_custom_elements","onBlockCustomTriggered","reloadPage","editedHtmlCss","entireHtml","getHtml","cleanId","decodeAttributesInDOM","beautifiedHtml","html_beautify","restoreSpecialElements","saveTemplate","containsTempPlaceHolder","contentHasChanged","pageViewPath","encodedViewPath","saveUrl","saveCssUrl","params","URLSearchParams","search","entries","contentWindow","onAutoSaveTriggered","onComponentSelected","selectedComponentCode","onBindingDroppedOnComponent","_sharedData$modelFiel","dsName","tempElement","_propertiesPanel$valu","collection","updateData","valueIsModelField","modelFieldNames","translateBindingTypes","typesMap","page","isreactive","fieldType","cleanType","mappedType","bindConnMgr","ctrlKey","metaKey","preventDefault","shiftKey","execCommand","myApp","applications","app","toString","fullAppData","contentToLoad","readTemplateFilePath","uikit","provideVSCodeDesignSystem","register","vsCodeTextField","vsCodeDropdown","vsCodeOption","vsCodeButton","vsCodeCheckbox","Main","createStore","mutations","actions","removeCanvasComponent","documentElement","definitions","createApp","App","use","Quasar","quasarUserOptions","store","mount","removable","badgable","stylable","highlightable","copyable","resizable","hoverable","traits","replaceReferencedBindingsToAttributeData","match","propToReplace","parsedData","parsedLayout","parsedConfig"],"mappings":"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","file":"js/app.e578f8fa.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./ComponentAddDialog.vue?vue&type=style&index=0&id=9700a050&lang=scss&scoped=true\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./AddPropertyDialog.vue?vue&type=style&index=0&id=ac17f3aa&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./ChartProperties.vue?vue&type=style&index=0&id=6a30a4fe&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./PanelTitle.vue?vue&type=style&index=0&id=6c90e336&lang=scss&scoped=true\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Panel.vue?vue&type=style&index=0&id=76a521d3&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./AiHelpPanel.vue?vue&type=style&index=0&id=7afcd89f&lang=scss&scoped=true\"","<template>\n  <Main msg=\"Genie Builder No-Code Editor\"/>\n</template>\n\n<script>\nimport * as uikit from \"@vscode/webview-ui-toolkit\";\nimport { provideVSCodeDesignSystem, vsCodeTextField, vsCodeDropdown, vsCodeOption, vsCodeButton, vsCodeCheckbox } from \"@vscode/webview-ui-toolkit\";\nimport Main from './components/Main.vue'\n\nwindow.uikit = uikit;\nwindow.provideVSCodeDesignSystem = provideVSCodeDesignSystem;\n\nprovideVSCodeDesignSystem().register(\n  vsCodeTextField(), \n  vsCodeDropdown(), \n  vsCodeOption(), \n  vsCodeButton(), \n  vsCodeCheckbox()\n);\n\nexport default {\n  name: 'App',\n  components: {\n    Main\n  }\n}\n</script>\n\n<style lang=\"scss\">\n/* light */\n[data-theme='light']{\n    --foreground: #616161;\n    --disabledForeground: rgba(97, 97, 97, 0.5);\n    --errorForeground: #a1260d;\n    --descriptionForeground: #717171;\n    --icon-foreground: #424242;\n    --focusBorder: #0090f1;\n    --textSeparator-foreground: rgba(0, 0, 0, 0.18);\n    --textLink-foreground: #006ab1;\n    --textLink-activeForeground: #006ab1;\n    --textPreformat-foreground: #a31515;\n    --textBlockQuote-background: rgba(127, 127, 127, 0.1);\n    --textBlockQuote-border: rgba(0, 122, 204, 0.5);\n    --textCodeBlock-background: rgba(220, 220, 220, 0.4);\n    --widget-shadow: rgba(0, 0, 0, 0.16);\n    --widget-border: #d4d4d4;\n    --input-background: #ffffff;\n    --input-foreground: #616161;\n    --inputOption-activeBorder: #007acc;\n    --inputOption-hoverBackground: rgba(184, 184, 184, 0.31);\n    --inputOption-activeBackground: rgba(0, 144, 241, 0.2);\n    --inputOption-activeForeground: #000000;\n    --input-placeholderForeground: #767676;\n    --inputValidation-infoBackground: #d6ecf2;\n    --inputValidation-infoBorder: #007acc;\n    --inputValidation-warningBackground: #f6f5d2;\n    --inputValidation-warningBorder: #b89500;\n    --inputValidation-errorBackground: #f2dede;\n    --inputValidation-errorBorder: #be1100;\n    --dropdown-background: #ffffff;\n    --dropdown-foreground: #616161;\n    --dropdown-border: #cecece;\n    --button-foreground: #ffffff;\n    --button-separator: rgba(255, 255, 255, 0.4);\n    --button-background: #007acc;\n    --button-hoverBackground: #0062a3;\n    --button-secondaryForeground: #ffffff;\n    --button-secondaryBackground: #5f6a79;\n    --button-secondaryHoverBackground: #4c5561;\n    --badge-background: #c4c4c4;\n    --badge-foreground: #333333;\n    --scrollbar-shadow: #dddddd;\n    --scrollbarSlider-background: rgba(100, 100, 100, 0.4);\n    --scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);\n    --scrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6);\n    --progressBar-background: #0e70c0;\n    --editorError-foreground: #e51400;\n    --editorWarning-foreground: #bf8803;\n    --editorInfo-foreground: #1a85ff;\n    --editorHint-foreground: #6c6c6c;\n    --sash-hoverBorder: #0090f1;\n    --editor-background: #ffffff;\n    --editor-foreground: #000000;\n    --editorStickyScroll-background: #ffffff;\n    --editorStickyScrollHover-background: #f0f0f0;\n    --editorWidget-background: #f3f3f3;\n    --editorWidget-foreground: #616161;\n    --editorWidget-border: #c8c8c8;\n    --quickInput-background: #f3f3f3;\n    --quickInput-foreground: #616161;\n    --quickInputTitle-background: rgba(0, 0, 0, 0.06);\n    --pickerGroup-foreground: #0066bf;\n    --pickerGroup-border: #cccedb;\n    --keybindingLabel-background: rgba(221, 221, 221, 0.4);\n    --keybindingLabel-foreground: #555555;\n    --keybindingLabel-border: rgba(204, 204, 204, 0.4);\n    --keybindingLabel-bottomBorder: rgba(187, 187, 187, 0.4);\n    --editor-selectionBackground: #add6ff;\n    --editor-inactiveSelectionBackground: #e5ebf1;\n    --editor-selectionHighlightBackground: rgba(173, 214, 255, 0.5);\n    --editor-findMatchBackground: #a8ac94;\n    --editor-findMatchHighlightBackground: rgba(234, 92, 0, 0.33);\n    --editor-findRangeHighlightBackground: rgba(180, 180, 180, 0.3);\n    --searchEditor-findMatchBackground: rgba(234, 92, 0, 0.22);\n    --search-resultsInfoForeground: #616161;\n    --editor-hoverHighlightBackground: rgba(173, 214, 255, 0.15);\n    --editorHoverWidget-background: #f3f3f3;\n    --editorHoverWidget-foreground: #616161;\n    --editorHoverWidget-border: #c8c8c8;\n    --editorHoverWidget-statusBarBackground: #e7e7e7;\n    --editorLink-activeForeground: #0000ff;\n    --editorInlayHint-foreground: #969696;\n    --editorInlayHint-background: rgba(196, 196, 196, 0.1);\n    --editorInlayHint-typeForeground: #969696;\n    --editorInlayHint-typeBackground: rgba(196, 196, 196, 0.1);\n    --editorInlayHint-parameterForeground: #969696;\n    --editorInlayHint-parameterBackground: rgba(196, 196, 196, 0.1);\n    --editorLightBulb-foreground: #ddb100;\n    --editorLightBulbAutoFix-foreground: #007acc;\n    --diffEditor-insertedTextBackground: rgba(156, 204, 44, 0.25);\n    --diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2);\n    --diffEditor-insertedLineBackground: rgba(155, 185, 85, 0.2);\n    --diffEditor-removedLineBackground: rgba(255, 0, 0, 0.2);\n    --diffEditor-diagonalFill: rgba(34, 34, 34, 0.2);\n    --diffEditor-unchangedRegionBackground: #e4e4e4;\n    --diffEditor-unchangedRegionForeground: #4d4c4c;\n    --diffEditor-unchangedCodeBackground: rgba(184, 184, 184, 0.16);\n    --list-focusOutline: #0090f1;\n    --list-focusAndSelectionOutline: #90c2f9;\n    --list-activeSelectionBackground: #0060c0;\n    --list-activeSelectionForeground: #ffffff;\n    --list-activeSelectionIconForeground: #ffffff;\n    --list-inactiveSelectionBackground: #e4e6f1;\n    --list-hoverBackground: #e8e8e8;\n    --list-dropBackground: #d6ebff;\n    --list-highlightForeground: #0066bf;\n    --list-focusHighlightForeground: #bbe7ff;\n    --list-invalidItemForeground: #b89500;\n    --list-errorForeground: #b01011;\n    --list-warningForeground: #855f00;\n    --listFilterWidget-background: #f3f3f3;\n    --listFilterWidget-outline: rgba(0, 0, 0, 0);\n    --listFilterWidget-noMatchesOutline: #be1100;\n    --listFilterWidget-shadow: rgba(0, 0, 0, 0.16);\n    --list-filterMatchBackground: rgba(234, 92, 0, 0.33);\n    --tree-indentGuidesStroke: #a9a9a9;\n    --tree-inactiveIndentGuidesStroke: rgba(169, 169, 169, 0.4);\n    --tree-tableColumnsBorder: rgba(97, 97, 97, 0.13);\n    --tree-tableOddRowsBackground: rgba(97, 97, 97, 0.04);\n    --list-deemphasizedForeground: #8e8e90;\n    --checkbox-background: #ffffff;\n    --checkbox-selectBackground: #f3f3f3;\n    --checkbox-foreground: #616161;\n    --checkbox-border: #919191;\n    --checkbox-selectBorder: #424242;\n    --quickInputList-focusForeground: #ffffff;\n    --quickInputList-focusIconForeground: #ffffff;\n    --quickInputList-focusBackground: #0060c0;\n    --menu-border: #d4d4d4;\n    --menu-foreground: #616161;\n    --menu-background: #ffffff;\n    --menu-selectionForeground: #ffffff;\n    --menu-selectionBackground: #0060c0;\n    --menu-separatorBackground: #d4d4d4;\n    --toolbar-hoverBackground: rgba(184, 184, 184, 0.31);\n    --toolbar-activeBackground: rgba(166, 166, 166, 0.31);\n    --editor-snippetTabstopHighlightBackground: rgba(10, 50, 100, 0.2);\n    --editor-snippetFinalTabstopHighlightBorder: rgba(10, 50, 100, 0.5);\n    --breadcrumb-foreground: rgba(97, 97, 97, 0.8);\n    --breadcrumb-background: #ffffff;\n    --breadcrumb-focusForeground: #4e4e4e;\n    --breadcrumb-activeSelectionForeground: #4e4e4e;\n    --breadcrumbPicker-background: #f3f3f3;\n    --merge-currentHeaderBackground: rgba(64, 200, 174, 0.5);\n    --merge-currentContentBackground: rgba(64, 200, 174, 0.2);\n    --merge-incomingHeaderBackground: rgba(64, 166, 255, 0.5);\n    --merge-incomingContentBackground: rgba(64, 166, 255, 0.2);\n    --merge-commonHeaderBackground: rgba(96, 96, 96, 0.4);\n    --merge-commonContentBackground: rgba(96, 96, 96, 0.16);\n    --editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, 0.5);\n    --editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, 0.5);\n    --editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, 0.4);\n    --editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49);\n    --editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, 0.8);\n    --minimap-findMatchHighlight: #d18616;\n    --minimap-selectionOccurrenceHighlight: #c9c9c9;\n    --minimap-selectionHighlight: #add6ff;\n    --minimap-infoHighlight: #1a85ff;\n    --minimap-warningHighlight: #bf8803;\n    --minimap-errorHighlight: rgba(255, 18, 18, 0.7);\n    --minimap-foregroundOpacity: #000000;\n    --minimapSlider-background: rgba(100, 100, 100, 0.2);\n    --minimapSlider-hoverBackground: rgba(100, 100, 100, 0.35);\n    --minimapSlider-activeBackground: rgba(0, 0, 0, 0.3);\n    --problemsErrorIcon-foreground: #e51400;\n    --problemsWarningIcon-foreground: #bf8803;\n    --problemsInfoIcon-foreground: #1a85ff;\n    --charts-foreground: #616161;\n    --charts-lines: rgba(97, 97, 97, 0.5);\n    --charts-red: #e51400;\n    --charts-blue: #1a85ff;\n    --charts-yellow: #bf8803;\n    --charts-orange: #d18616;\n    --charts-green: #388a34;\n    --charts-purple: #652d90;\n    --diffEditor-move-border: rgba(139, 139, 139, 0.61);\n    --diffEditor-moveActive-border: #ffa500;\n    --symbolIcon-arrayForeground: #616161;\n    --symbolIcon-booleanForeground: #616161;\n    --symbolIcon-classForeground: #d67e00;\n    --symbolIcon-colorForeground: #616161;\n    --symbolIcon-constantForeground: #616161;\n    --symbolIcon-constructorForeground: #652d90;\n    --symbolIcon-enumeratorForeground: #d67e00;\n    --symbolIcon-enumeratorMemberForeground: #007acc;\n    --symbolIcon-eventForeground: #d67e00;\n    --symbolIcon-fieldForeground: #007acc;\n    --symbolIcon-fileForeground: #616161;\n    --symbolIcon-folderForeground: #616161;\n    --symbolIcon-functionForeground: #652d90;\n    --symbolIcon-interfaceForeground: #007acc;\n    --symbolIcon-keyForeground: #616161;\n    --symbolIcon-keywordForeground: #616161;\n    --symbolIcon-methodForeground: #652d90;\n    --symbolIcon-moduleForeground: #616161;\n    --symbolIcon-namespaceForeground: #616161;\n    --symbolIcon-nullForeground: #616161;\n    --symbolIcon-numberForeground: #616161;\n    --symbolIcon-objectForeground: #616161;\n    --symbolIcon-operatorForeground: #616161;\n    --symbolIcon-packageForeground: #616161;\n    --symbolIcon-propertyForeground: #616161;\n    --symbolIcon-referenceForeground: #616161;\n    --symbolIcon-snippetForeground: #616161;\n    --symbolIcon-stringForeground: #616161;\n    --symbolIcon-structForeground: #616161;\n    --symbolIcon-textForeground: #616161;\n    --symbolIcon-typeParameterForeground: #616161;\n    --symbolIcon-unitForeground: #616161;\n    --symbolIcon-variableForeground: #007acc;\n    --actionBar-toggledBackground: #dddddd;\n    --editorHoverWidget-highlightForeground: #0066bf;\n    --editor-lineHighlightBorder: #eeeeee;\n    --editor-rangeHighlightBackground: rgba(253, 255, 0, 0.2);\n    --editor-symbolHighlightBackground: rgba(234, 92, 0, 0.33);\n    --editorCursor-foreground: #000000;\n    --editorWhitespace-foreground: rgba(51, 51, 51, 0.2);\n    --editorLineNumber-foreground: #237893;\n    --editorIndentGuide-background: #d3d3d3;\n    --editorIndentGuide-activeBackground: #939393;\n    --editorIndentGuide-background1: #d3d3d3;\n    --editorIndentGuide-background2: rgba(0, 0, 0, 0);\n    --editorIndentGuide-background3: rgba(0, 0, 0, 0);\n    --editorIndentGuide-background4: rgba(0, 0, 0, 0);\n    --editorIndentGuide-background5: rgba(0, 0, 0, 0);\n    --editorIndentGuide-background6: rgba(0, 0, 0, 0);\n    --editorIndentGuide-activeBackground1: #939393;\n    --editorIndentGuide-activeBackground2: rgba(0, 0, 0, 0);\n    --editorIndentGuide-activeBackground3: rgba(0, 0, 0, 0);\n    --editorIndentGuide-activeBackground4: rgba(0, 0, 0, 0);\n    --editorIndentGuide-activeBackground5: rgba(0, 0, 0, 0);\n    --editorIndentGuide-activeBackground6: rgba(0, 0, 0, 0);\n    --editorActiveLineNumber-foreground: #0b216f;\n    --editorLineNumber-activeForeground: #0b216f;\n    --editorRuler-foreground: #d3d3d3;\n    --editorCodeLens-foreground: #919191;\n    --editorBracketMatch-background: rgba(0, 100, 0, 0.1);\n    --editorBracketMatch-border: #b9b9b9;\n    --editorOverviewRuler-border: rgba(127, 127, 127, 0.3);\n    --editorGutter-background: #ffffff;\n    --editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.47);\n    --editorGhostText-foreground: rgba(0, 0, 0, 0.47);\n    --editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6);\n    --editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7);\n    --editorOverviewRuler-warningForeground: #bf8803;\n    --editorOverviewRuler-infoForeground: #1a85ff;\n    --editorBracketHighlight-foreground1: #0431fa;\n    --editorBracketHighlight-foreground2: #319331;\n    --editorBracketHighlight-foreground3: #7b3814;\n    --editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);\n    --editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);\n    --editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);\n    --editorBracketHighlight-unexpectedBracket-foreground: rgba(255, 18, 18, 0.8);\n    --editorBracketPairGuide-background1: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-background2: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-background3: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-background4: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-background5: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-background6: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);\n    --editorUnicodeHighlight-border: #cea33d;\n    --editorUnicodeHighlight-background: rgba(206, 163, 61, 0.08);\n    --editorOverviewRuler-bracketMatchForeground: #a0a0a0;\n    --editor-foldBackground: rgba(173, 214, 255, 0.3);\n    --editorGutter-foldingControlForeground: #424242;\n    --editor-linkedEditingBackground: rgba(255, 0, 0, 0.3);\n    --editor-wordHighlightBackground: rgba(87, 87, 87, 0.25);\n    --editor-wordHighlightStrongBackground: rgba(14, 99, 156, 0.25);\n    --editor-wordHighlightTextBackground: rgba(87, 87, 87, 0.25);\n    --editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, 0.8);\n    --editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, 0.8);\n    --editorOverviewRuler-wordHighlightTextForeground: rgba(160, 160, 160, 0.8);\n    --peekViewTitle-background: #f3f3f3;\n    --peekViewTitleLabel-foreground: #000000;\n    --peekViewTitleDescription-foreground: #616161;\n    --peekView-border: #1a85ff;\n    --peekViewResult-background: #f3f3f3;\n    --peekViewResult-lineForeground: #646465;\n    --peekViewResult-fileForeground: #1e1e1e;\n    --peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2);\n    --peekViewResult-selectionForeground: #6c6c6c;\n    --peekViewEditor-background: #f2f8fc;\n    --peekViewEditorGutter-background: #f2f8fc;\n    --peekViewEditorStickyScroll-background: #f2f8fc;\n    --peekViewResult-matchHighlightBackground: rgba(234, 92, 0, 0.3);\n    --peekViewEditor-matchHighlightBackground: rgba(245, 216, 2, 0.87);\n    --editorMarkerNavigationError-background: #e51400;\n    --editorMarkerNavigationError-headerBackground: rgba(229, 20, 0, 0.1);\n    --editorMarkerNavigationWarning-background: #bf8803;\n    --editorMarkerNavigationWarning-headerBackground: rgba(191, 136, 3, 0.1);\n    --editorMarkerNavigationInfo-background: #1a85ff;\n    --editorMarkerNavigationInfo-headerBackground: rgba(26, 133, 255, 0.1);\n    --editorMarkerNavigation-background: #ffffff;\n    --editorSuggestWidget-background: #f3f3f3;\n    --editorSuggestWidget-border: #c8c8c8;\n    --editorSuggestWidget-foreground: #000000;\n    --editorSuggestWidget-selectedForeground: #ffffff;\n    --editorSuggestWidget-selectedIconForeground: #ffffff;\n    --editorSuggestWidget-selectedBackground: #0060c0;\n    --editorSuggestWidget-highlightForeground: #0066bf;\n    --editorSuggestWidget-focusHighlightForeground: #bbe7ff;\n    --editorSuggestWidgetStatus-foreground: rgba(0, 0, 0, 0.5);\n    --tab-activeBackground: #ffffff;\n    --tab-unfocusedActiveBackground: #ffffff;\n    --tab-inactiveBackground: #ececec;\n    --tab-unfocusedInactiveBackground: #ececec;\n    --tab-activeForeground: #333333;\n    --tab-inactiveForeground: rgba(51, 51, 51, 0.7);\n    --tab-unfocusedActiveForeground: rgba(51, 51, 51, 0.7);\n    --tab-unfocusedInactiveForeground: rgba(51, 51, 51, 0.35);\n    --tab-border: #f3f3f3;\n    --tab-lastPinnedBorder: rgba(97, 97, 97, 0.19);\n    --tab-activeModifiedBorder: #33aaee;\n    --tab-inactiveModifiedBorder: rgba(51, 170, 238, 0.5);\n    --tab-unfocusedActiveModifiedBorder: rgba(51, 170, 238, 0.7);\n    --tab-unfocusedInactiveModifiedBorder: rgba(51, 170, 238, 0.25);\n    --editorPane-background: #ffffff;\n    --editorGroupHeader-tabsBackground: #f3f3f3;\n    --editorGroupHeader-noTabsBackground: #ffffff;\n    --editorGroup-border: #e7e7e7;\n    --editorGroup-dropBackground: rgba(38, 119, 203, 0.18);\n    --editorGroup-dropIntoPromptForeground: #616161;\n    --editorGroup-dropIntoPromptBackground: #f3f3f3;\n    --sideBySideEditor-horizontalBorder: #e7e7e7;\n    --sideBySideEditor-verticalBorder: #e7e7e7;\n    --panel-background: #ffffff;\n    --panel-border: rgba(128, 128, 128, 0.35);\n    --panelTitle-activeForeground: #424242;\n    --panelTitle-inactiveForeground: rgba(66, 66, 66, 0.75);\n    --panelTitle-activeBorder: #424242;\n    --panelInput-border: #dddddd;\n    --panel-dropBorder: #424242;\n    --panelSection-dropBackground: rgba(38, 119, 203, 0.18);\n    --panelSectionHeader-background: rgba(128, 128, 128, 0.2);\n    --panelSection-border: rgba(128, 128, 128, 0.35);\n    --banner-background: #004386;\n    --banner-foreground: #ffffff;\n    --banner-iconForeground: #1a85ff;\n    --statusBar-foreground: #ffffff;\n    --statusBar-noFolderForeground: #ffffff;\n    --statusBar-background: #007acc;\n    --statusBar-noFolderBackground: #68217a;\n    --statusBar-focusBorder: #ffffff;\n    --statusBarItem-activeBackground: rgba(255, 255, 255, 0.18);\n    --statusBarItem-focusBorder: #ffffff;\n    --statusBarItem-hoverBackground: rgba(255, 255, 255, 0.12);\n    --statusBarItem-hoverForeground: #ffffff;\n    --statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2);\n    --statusBarItem-prominentForeground: #ffffff;\n    --statusBarItem-prominentBackground: rgba(0, 0, 0, 0.5);\n    --statusBarItem-prominentHoverForeground: #ffffff;\n    --statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3);\n    --statusBarItem-errorBackground: #c72e0f;\n    --statusBarItem-errorForeground: #ffffff;\n    --statusBarItem-errorHoverForeground: #ffffff;\n    --statusBarItem-errorHoverBackground: rgba(255, 255, 255, 0.12);\n    --statusBarItem-warningBackground: #725102;\n    --statusBarItem-warningForeground: #ffffff;\n    --statusBarItem-warningHoverForeground: #ffffff;\n    --statusBarItem-warningHoverBackground: rgba(255, 255, 255, 0.12);\n    --activityBar-background: #2c2c2c;\n    --activityBar-foreground: #ffffff;\n    --activityBar-inactiveForeground: rgba(255, 255, 255, 0.4);\n    --activityBar-activeBorder: #ffffff;\n    --activityBar-dropBorder: #ffffff;\n    --activityBarBadge-background: #007acc;\n    --activityBarBadge-foreground: #ffffff;\n    --profileBadge-background: #c4c4c4;\n    --profileBadge-foreground: #333333;\n    --statusBarItem-remoteBackground: #16825d;\n    --statusBarItem-remoteForeground: #ffffff;\n    --statusBarItem-remoteHoverForeground: #ffffff;\n    --statusBarItem-remoteHoverBackground: rgba(255, 255, 255, 0.12);\n    --statusBarItem-offlineBackground: #6c1717;\n    --statusBarItem-offlineForeground: #ffffff;\n    --statusBarItem-offlineHoverForeground: #ffffff;\n    --statusBarItem-offlineHoverBackground: rgba(255, 255, 255, 0.12);\n    --extensionBadge-remoteBackground: #007acc;\n    --extensionBadge-remoteForeground: #ffffff;\n    --sideBar-background: #f3f3f3;\n    --sideBarTitle-foreground: #6f6f6f;\n    --sideBar-dropBackground: rgba(38, 119, 203, 0.18);\n    --sideBarSectionHeader-background: rgba(0, 0, 0, 0);\n    --sideBarSectionHeader-border: rgba(97, 97, 97, 0.19);\n    --titleBar-activeForeground: #333333;\n    --titleBar-inactiveForeground: rgba(51, 51, 51, 0.6);\n    --titleBar-activeBackground: #dddddd;\n    --titleBar-inactiveBackground: rgba(221, 221, 221, 0.6);\n    --menubar-selectionForeground: #333333;\n    --menubar-selectionBackground: rgba(184, 184, 184, 0.31);\n    --commandCenter-foreground: #333333;\n    --commandCenter-activeForeground: #333333;\n    --commandCenter-inactiveForeground: rgba(51, 51, 51, 0.6);\n    --commandCenter-background: rgba(0, 0, 0, 0.05);\n    --commandCenter-activeBackground: rgba(0, 0, 0, 0.08);\n    --commandCenter-border: rgba(51, 51, 51, 0.2);\n    --commandCenter-activeBorder: rgba(51, 51, 51, 0.3);\n    --commandCenter-inactiveBorder: rgba(51, 51, 51, 0.15);\n    --notificationCenter-border: #d4d4d4;\n    --notificationToast-border: #d4d4d4;\n    --notifications-foreground: #616161;\n    --notifications-background: #f3f3f3;\n    --notificationLink-foreground: #006ab1;\n    --notificationCenterHeader-background: #e7e7e7;\n    --notifications-border: #e7e7e7;\n    --notificationsErrorIcon-foreground: #e51400;\n    --notificationsWarningIcon-foreground: #bf8803;\n    --notificationsInfoIcon-foreground: #1a85ff;\n    --chat-requestBorder: rgba(0, 0, 0, 0.1);\n    --chat-slashCommandBackground: #c4c4c4;\n    --chat-slashCommandForeground: #333333;\n    --simpleFindWidget-sashBorder: #c8c8c8;\n    --commentsView-resolvedIcon: rgba(97, 97, 97, 0.5);\n    --commentsView-unresolvedIcon: #0090f1;\n    --editorCommentsWidget-resolvedBorder: rgba(97, 97, 97, 0.5);\n    --editorCommentsWidget-unresolvedBorder: #0090f1;\n    --editorCommentsWidget-rangeBackground: rgba(0, 144, 241, 0.1);\n    --editorCommentsWidget-rangeActiveBackground: rgba(0, 144, 241, 0.1);\n    --editorGutter-commentRangeForeground: #d5d8e9;\n    --editorOverviewRuler-commentForeground: #d5d8e9;\n    --editorOverviewRuler-commentUnresolvedForeground: #d5d8e9;\n    --editorGutter-commentGlyphForeground: #000000;\n    --editorGutter-commentUnresolvedGlyphForeground: #000000;\n    --debugToolBar-background: #f3f3f3;\n    --debugIcon-startForeground: #388a34;\n    --editor-stackFrameHighlightBackground: rgba(255, 255, 102, 0.45);\n    --editor-focusedStackFrameHighlightBackground: rgba(206, 231, 206, 0.45);\n    --mergeEditor-change-background: rgba(155, 185, 85, 0.2);\n    --mergeEditor-change-word-background: rgba(156, 204, 44, 0.4);\n    --mergeEditor-changeBase-background: #ffcccc;\n    --mergeEditor-changeBase-word-background: #ffa3a3;\n    --mergeEditor-conflict-unhandledUnfocused-border: #ffa600;\n    --mergeEditor-conflict-unhandledFocused-border: #ffa600;\n    --mergeEditor-conflict-handledUnfocused-border: rgba(134, 134, 134, 0.29);\n    --mergeEditor-conflict-handledFocused-border: rgba(193, 193, 193, 0.8);\n    --mergeEditor-conflict-handled-minimapOverViewRuler: rgba(173, 172, 168, 0.93);\n    --mergeEditor-conflict-unhandled-minimapOverViewRuler: #fcba03;\n    --mergeEditor-conflictingLines-background: rgba(255, 234, 0, 0.28);\n    --mergeEditor-conflict-input1-background: rgba(64, 200, 174, 0.2);\n    --mergeEditor-conflict-input2-background: rgba(64, 166, 255, 0.2);\n    --settings-headerForeground: #444444;\n    --settings-settingsHeaderHoverForeground: rgba(68, 68, 68, 0.7);\n    --settings-modifiedItemIndicator: #66afe0;\n    --settings-headerBorder: rgba(128, 128, 128, 0.35);\n    --settings-sashBorder: rgba(128, 128, 128, 0.35);\n    --settings-dropdownBackground: #ffffff;\n    --settings-dropdownForeground: #616161;\n    --settings-dropdownBorder: #cecece;\n    --settings-dropdownListBorder: #c8c8c8;\n    --settings-checkboxBackground: #ffffff;\n    --settings-checkboxForeground: #616161;\n    --settings-checkboxBorder: #919191;\n    --settings-textInputBackground: #ffffff;\n    --settings-textInputForeground: #616161;\n    --settings-textInputBorder: #cecece;\n    --settings-numberInputBackground: #ffffff;\n    --settings-numberInputForeground: #616161;\n    --settings-numberInputBorder: #cecece;\n    --settings-focusedRowBackground: rgba(232, 232, 232, 0.6);\n    --settings-rowHoverBackground: rgba(232, 232, 232, 0.3);\n    --settings-focusedRowBorder: #0090f1;\n    --terminal-foreground: #333333;\n    --terminal-selectionBackground: #add6ff;\n    --terminal-inactiveSelectionBackground: #e5ebf1;\n    --terminalCommandDecoration-defaultBackground: rgba(0, 0, 0, 0.25);\n    --terminalCommandDecoration-successBackground: #2090d3;\n    --terminalCommandDecoration-errorBackground: #e51400;\n    --terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8);\n    --terminal-border: rgba(128, 128, 128, 0.35);\n    --terminal-findMatchBackground: #a8ac94;\n    --terminal-hoverHighlightBackground: rgba(173, 214, 255, 0.07);\n    --terminal-findMatchHighlightBackground: rgba(234, 92, 0, 0.33);\n    --terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49);\n    --terminal-dropBackground: rgba(38, 119, 203, 0.18);\n    --testing-iconFailed: #f14c4c;\n    --testing-iconErrored: #f14c4c;\n    --testing-iconPassed: #73c991;\n    --testing-runAction: #73c991;\n    --testing-iconQueued: #cca700;\n    --testing-iconUnset: #848484;\n    --testing-iconSkipped: #848484;\n    --testing-peekBorder: #e51400;\n    --testing-peekHeaderBackground: rgba(229, 20, 0, 0.1);\n    --testing-message-error-decorationForeground: #e51400;\n    --testing-message-error-lineBackground: rgba(255, 0, 0, 0.2);\n    --testing-message-info-decorationForeground: rgba(0, 0, 0, 0.5);\n    --welcomePage-tileBackground: #f3f3f3;\n    --welcomePage-tileHoverBackground: #dbdbdb;\n    --welcomePage-tileBorder: rgba(0, 0, 0, 0.1);\n    --welcomePage-progress-background: #ffffff;\n    --welcomePage-progress-foreground: #006ab1;\n    --walkthrough-stepTitle-foreground: #000000;\n    --walkThrough-embeddedEditorBackground: #f4f4f4;\n    --inlineChat-background: #f3f3f3;\n    --inlineChat-border: #c8c8c8;\n    --inlineChat-shadow: rgba(0, 0, 0, 0.16);\n    --inlineChat-regionHighlight: rgba(173, 214, 255, 0.15);\n    --inlineChatInput-border: #c8c8c8;\n    --inlineChatInput-focusBorder: #0090f1;\n    --inlineChatInput-placeholderForeground: #767676;\n    --inlineChatInput-background: #ffffff;\n    --inlineChatDiff-inserted: rgba(156, 204, 44, 0.13);\n    --inlineChatDiff-removed: rgba(255, 0, 0, 0.1);\n    --debugExceptionWidget-border: #a31515;\n    --debugExceptionWidget-background: #f1dfde;\n    --ports-iconRunningProcessForeground: #369432;\n    --statusBar-debuggingBackground: #cc6633;\n    --statusBar-debuggingForeground: #ffffff;\n    --commandCenter-debuggingBackground: rgba(204, 102, 51, 0.26);\n    --editor-inlineValuesForeground: rgba(0, 0, 0, 0.5);\n    --editor-inlineValuesBackground: rgba(255, 200, 0, 0.2);\n    --editorGutter-modifiedBackground: #2090d3;\n    --editorGutter-addedBackground: #48985d;\n    --editorGutter-deletedBackground: #e51400;\n    --minimapGutter-modifiedBackground: #2090d3;\n    --minimapGutter-addedBackground: #48985d;\n    --minimapGutter-deletedBackground: #e51400;\n    --editorOverviewRuler-modifiedForeground: rgba(32, 144, 211, 0.6);\n    --editorOverviewRuler-addedForeground: rgba(72, 152, 93, 0.6);\n    --editorOverviewRuler-deletedForeground: rgba(229, 20, 0, 0.6);\n    --debugIcon-breakpointForeground: #e51400;\n    --debugIcon-breakpointDisabledForeground: #848484;\n    --debugIcon-breakpointUnverifiedForeground: #848484;\n    --debugIcon-breakpointCurrentStackframeForeground: #be8700;\n    --debugIcon-breakpointStackframeForeground: #89d185;\n    --notebook-cellBorderColor: #e8e8e8;\n    --notebook-focusedEditorBorder: #0090f1;\n    --notebookStatusSuccessIcon-foreground: #388a34;\n    --notebookEditorOverviewRuler-runningCellForeground: #388a34;\n    --notebookStatusErrorIcon-foreground: #a1260d;\n    --notebookStatusRunningIcon-foreground: #616161;\n    --notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35);\n    --notebook-selectedCellBackground: rgba(200, 221, 241, 0.31);\n    --notebook-selectedCellBorder: #e8e8e8;\n    --notebook-focusedCellBorder: #0090f1;\n    --notebook-inactiveFocusedCellBorder: #e8e8e8;\n    --notebook-cellStatusBarItemHoverBackground: rgba(0, 0, 0, 0.08);\n    --notebook-cellInsertionIndicator: #0090f1;\n    --notebookScrollbarSlider-background: rgba(100, 100, 100, 0.4);\n    --notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);\n    --notebookScrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6);\n    --notebook-symbolHighlightBackground: rgba(253, 255, 0, 0.2);\n    --notebook-cellEditorBackground: #f3f3f3;\n    --notebook-editorBackground: #ffffff;\n    --keybindingTable-headerBackground: rgba(97, 97, 97, 0.04);\n    --keybindingTable-rowsBackground: rgba(97, 97, 97, 0.04);\n    --searchEditor-textInputBorder: #cecece;\n    --debugTokenExpression-name: #9b46b0;\n    --debugTokenExpression-value: rgba(108, 108, 108, 0.8);\n    --debugTokenExpression-string: #a31515;\n    --debugTokenExpression-boolean: #0000ff;\n    --debugTokenExpression-number: #098658;\n    --debugTokenExpression-error: #e51400;\n    --debugView-exceptionLabelForeground: #ffffff;\n    --debugView-exceptionLabelBackground: #a31515;\n    --debugView-stateLabelForeground: #616161;\n    --debugView-stateLabelBackground: rgba(136, 136, 136, 0.27);\n    --debugView-valueChangedHighlight: #569cd6;\n    --debugConsole-infoForeground: #1a85ff;\n    --debugConsole-warningForeground: #bf8803;\n    --debugConsole-errorForeground: #a1260d;\n    --debugConsole-sourceForeground: #616161;\n    --debugConsoleInputIcon-foreground: #616161;\n    --debugIcon-pauseForeground: #007acc;\n    --debugIcon-stopForeground: #a1260d;\n    --debugIcon-disconnectForeground: #a1260d;\n    --debugIcon-restartForeground: #388a34;\n    --debugIcon-stepOverForeground: #007acc;\n    --debugIcon-stepIntoForeground: #007acc;\n    --debugIcon-stepOutForeground: #007acc;\n    --debugIcon-continueForeground: #007acc;\n    --debugIcon-stepBackForeground: #007acc;\n    --scm-providerBorder: #c8c8c8;\n    --extensionButton-background: #007acc;\n    --extensionButton-foreground: #ffffff;\n    --extensionButton-hoverBackground: #0062a3;\n    --extensionButton-separator: rgba(255, 255, 255, 0.4);\n    --extensionButton-prominentBackground: #007acc;\n    --extensionButton-prominentForeground: #ffffff;\n    --extensionButton-prominentHoverBackground: #0062a3;\n    --extensionIcon-starForeground: #df6100;\n    --extensionIcon-verifiedForeground: #006ab1;\n    --extensionIcon-preReleaseForeground: #1d9271;\n    --extensionIcon-sponsorForeground: #b51e78;\n    --terminal-ansiBlack: #000000;\n    --terminal-ansiRed: #cd3131;\n    --terminal-ansiGreen: #00bc00;\n    --terminal-ansiYellow: #949800;\n    --terminal-ansiBlue: #0451a5;\n    --terminal-ansiMagenta: #bc05bc;\n    --terminal-ansiCyan: #0598bc;\n    --terminal-ansiWhite: #555555;\n    --terminal-ansiBrightBlack: #666666;\n    --terminal-ansiBrightRed: #cd3131;\n    --terminal-ansiBrightGreen: #14ce14;\n    --terminal-ansiBrightYellow: #b5ba00;\n    --terminal-ansiBrightBlue: #0451a5;\n    --terminal-ansiBrightMagenta: #bc05bc;\n    --terminal-ansiBrightCyan: #0598bc;\n    --terminal-ansiBrightWhite: #a5a5a5;\n    --interactive-activeCodeBorder: #1a85ff;\n    --interactive-inactiveCodeBorder: #e4e6f1;\n    --gitDecoration-addedResourceForeground: #587c0c;\n    --gitDecoration-modifiedResourceForeground: #895503;\n    --gitDecoration-deletedResourceForeground: #ad0707;\n    --gitDecoration-renamedResourceForeground: #007100;\n    --gitDecoration-untrackedResourceForeground: #007100;\n    --gitDecoration-ignoredResourceForeground: #8e8e90;\n    --gitDecoration-stageModifiedResourceForeground: #895503;\n    --gitDecoration-stageDeletedResourceForeground: #ad0707;\n    --gitDecoration-conflictingResourceForeground: #ad0707;\n    --gitDecoration-submoduleResourceForeground: #1258a7;\n    --gitlens-gutterBackgroundColor: rgba(0, 0, 0, 0.05);\n    --gitlens-gutterForegroundColor: #747474;\n    --gitlens-gutterUncommittedForegroundColor: rgba(0, 188, 242, 0.6);\n    --gitlens-trailingLineBackgroundColor: rgba(0, 0, 0, 0);\n    --gitlens-trailingLineForegroundColor: rgba(153, 153, 153, 0.35);\n    --gitlens-lineHighlightBackgroundColor: rgba(0, 188, 242, 0.2);\n    --gitlens-lineHighlightOverviewRulerColor: rgba(0, 188, 242, 0.6);\n    --gitlens-openAutolinkedIssueIconColor: #1a7f37;\n    --gitlens-closedAutolinkedIssueIconColor: #8250df;\n    --gitlens-closedPullRequestIconColor: #cf222e;\n    --gitlens-openPullRequestIconColor: #1a7f37;\n    --gitlens-mergedPullRequestIconColor: #8250df;\n    --gitlens-unpublishedChangesIconColor: #35b15e;\n    --gitlens-unpublishedCommitIconColor: #35b15e;\n    --gitlens-unpulledChangesIconColor: #b15e35;\n    --gitlens-decorations-addedForegroundColor: #587c0c;\n    --gitlens-decorations-copiedForegroundColor: #007100;\n    --gitlens-decorations-deletedForegroundColor: #ad0707;\n    --gitlens-decorations-ignoredForegroundColor: #8e8e90;\n    --gitlens-decorations-modifiedForegroundColor: #895503;\n    --gitlens-decorations-untrackedForegroundColor: #007100;\n    --gitlens-decorations-renamedForegroundColor: #007100;\n    --gitlens-decorations-branchAheadForegroundColor: #35b15e;\n    --gitlens-decorations-branchBehindForegroundColor: #b15e35;\n    --gitlens-decorations-branchDivergedForegroundColor: #d8af1b;\n    --gitlens-decorations-branchUnpublishedForegroundColor: #35b15e;\n    --gitlens-decorations-branchMissingUpstreamForegroundColor: #ad0707;\n    --gitlens-decorations-workspaceRepoMissingForegroundColor: #949494;\n    --gitlens-decorations-workspaceCurrentForegroundColor: #35b15e;\n    --gitlens-decorations-workspaceRepoOpenForegroundColor: #35b15e;\n    --gitlens-decorations-worktreeHasUncommittedChangesForegroundColor: #895503;\n    --gitlens-decorations-worktreeMissingForegroundColor: #ad0707;\n    --gitlens-graphLane1Color: #15a0bf;\n    --gitlens-graphLane2Color: #0669f7;\n    --gitlens-graphLane3Color: #8e00c2;\n    --gitlens-graphLane4Color: #c517b6;\n    --gitlens-graphLane5Color: #d90171;\n    --gitlens-graphLane6Color: #cd0101;\n    --gitlens-graphLane7Color: #f25d2e;\n    --gitlens-graphLane8Color: #f2ca33;\n    --gitlens-graphLane9Color: #7bd938;\n    --gitlens-graphLane10Color: #2ece9d;\n    --gitlens-graphChangesColumnAddedColor: #2da44e;\n    --gitlens-graphChangesColumnDeletedColor: #cf222e;\n    --gitlens-graphMinimapMarkerHeadColor: #04c814;\n    --gitlens-graphScrollMarkerHeadColor: #04c814;\n    --gitlens-graphMinimapMarkerUpstreamColor: #8cd993;\n    --gitlens-graphScrollMarkerUpstreamColor: #8cd993;\n    --gitlens-graphMinimapMarkerHighlightsColor: #f5cc00;\n    --gitlens-graphScrollMarkerHighlightsColor: #f5cc00;\n    --gitlens-graphMinimapMarkerLocalBranchesColor: #3095e8;\n    --gitlens-graphScrollMarkerLocalBranchesColor: #3095e8;\n    --gitlens-graphMinimapMarkerRemoteBranchesColor: #67ace4;\n    --gitlens-graphScrollMarkerRemoteBranchesColor: #67ace4;\n    --gitlens-graphMinimapMarkerStashesColor: #e467e4;\n    --gitlens-graphScrollMarkerStashesColor: #e467e4;\n    --gitlens-graphMinimapMarkerTagsColor: #d2a379;\n    --gitlens-graphScrollMarkerTagsColor: #d2a379;\n}\n\n\n\n/* dark */\n[data-theme='dark']  {\n    --vscode-foreground: #cccccc;\n    --vscode-disabledForeground: rgba(204, 204, 204, 0.5);\n    --vscode-errorForeground: #f48771;\n    --vscode-descriptionForeground: rgba(204, 204, 204, 0.7);\n    --vscode-icon-foreground: #c5c5c5;\n    --vscode-focusBorder: #007fd4;\n    --vscode-textSeparator-foreground: rgba(255, 255, 255, 0.18);\n    --vscode-textLink-foreground: #3794ff;\n    --vscode-textLink-activeForeground: #3794ff;\n    --vscode-textPreformat-foreground: #d7ba7d;\n    --vscode-textBlockQuote-background: rgba(127, 127, 127, 0.1);\n    --vscode-textBlockQuote-border: rgba(0, 122, 204, 0.5);\n    --vscode-textCodeBlock-background: rgba(10, 10, 10, 0.4);\n    --vscode-widget-shadow: rgba(0, 0, 0, 0.36);\n    --vscode-widget-border: #303031;\n    --vscode-input-background: #3c3c3c;\n    --vscode-input-foreground: #cccccc;\n    --vscode-inputOption-activeBorder: #007acc;\n    --vscode-inputOption-hoverBackground: rgba(90, 93, 94, 0.5);\n    --vscode-inputOption-activeBackground: rgba(0, 127, 212, 0.4);\n    --vscode-inputOption-activeForeground: #ffffff;\n    --vscode-input-placeholderForeground: #a6a6a6;\n    --vscode-inputValidation-infoBackground: #063b49;\n    --vscode-inputValidation-infoBorder: #007acc;\n    --vscode-inputValidation-warningBackground: #352a05;\n    --vscode-inputValidation-warningBorder: #b89500;\n    --vscode-inputValidation-errorBackground: #5a1d1d;\n    --vscode-inputValidation-errorBorder: #be1100;\n    --vscode-dropdown-background: #3c3c3c;\n    --vscode-dropdown-foreground: #f0f0f0;\n    --vscode-dropdown-border: #3c3c3c;\n    --vscode-button-foreground: #ffffff;\n    --vscode-button-separator: rgba(255, 255, 255, 0.4);\n    --vscode-button-background: #0e639c;\n    --vscode-button-hoverBackground: #1177bb;\n    --vscode-button-secondaryForeground: #ffffff;\n    --vscode-button-secondaryBackground: #3a3d41;\n    --vscode-button-secondaryHoverBackground: #45494e;\n    --vscode-badge-background: #4d4d4d;\n    --vscode-badge-foreground: #ffffff;\n    --vscode-scrollbar-shadow: #000000;\n    --vscode-scrollbarSlider-background: rgba(121, 121, 121, 0.4);\n    --vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);\n    --vscode-scrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4);\n    --vscode-progressBar-background: #0e70c0;\n    --vscode-editorError-foreground: #f14c4c;\n    --vscode-editorWarning-foreground: #cca700;\n    --vscode-editorInfo-foreground: #3794ff;\n    --vscode-editorHint-foreground: rgba(238, 238, 238, 0.7);\n    --vscode-sash-hoverBorder: #007fd4;\n    --vscode-editor-background: #1e1e1e;\n    --vscode-editor-foreground: #d4d4d4;\n    --vscode-editorStickyScroll-background: #1e1e1e;\n    --vscode-editorStickyScrollHover-background: #2a2d2e;\n    --vscode-editorWidget-background: #252526;\n    --vscode-editorWidget-foreground: #cccccc;\n    --vscode-editorWidget-border: #454545;\n    --vscode-quickInput-background: #252526;\n    --vscode-quickInput-foreground: #cccccc;\n    --vscode-quickInputTitle-background: rgba(255, 255, 255, 0.1);\n    --vscode-pickerGroup-foreground: #3794ff;\n    --vscode-pickerGroup-border: #3f3f46;\n    --vscode-keybindingLabel-background: rgba(128, 128, 128, 0.17);\n    --vscode-keybindingLabel-foreground: #cccccc;\n    --vscode-keybindingLabel-border: rgba(51, 51, 51, 0.6);\n    --vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, 0.6);\n    --vscode-editor-selectionBackground: #264f78;\n    --vscode-editor-inactiveSelectionBackground: #3a3d41;\n    --vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, 0.15);\n    --vscode-editor-findMatchBackground: #515c6a;\n    --vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, 0.33);\n    --vscode-editor-findRangeHighlightBackground: rgba(58, 61, 65, 0.4);\n    --vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, 0.22);\n    --vscode-search-resultsInfoForeground: rgba(204, 204, 204, 0.65);\n    --vscode-editor-hoverHighlightBackground: rgba(38, 79, 120, 0.25);\n    --vscode-editorHoverWidget-background: #252526;\n    --vscode-editorHoverWidget-foreground: #cccccc;\n    --vscode-editorHoverWidget-border: #454545;\n    --vscode-editorHoverWidget-statusBarBackground: #2c2c2d;\n    --vscode-editorLink-activeForeground: #4e94ce;\n    --vscode-editorInlayHint-foreground: #969696;\n    --vscode-editorInlayHint-background: rgba(77, 77, 77, 0.1);\n    --vscode-editorInlayHint-typeForeground: #969696;\n    --vscode-editorInlayHint-typeBackground: rgba(77, 77, 77, 0.1);\n    --vscode-editorInlayHint-parameterForeground: #969696;\n    --vscode-editorInlayHint-parameterBackground: rgba(77, 77, 77, 0.1);\n    --vscode-editorLightBulb-foreground: #ffcc00;\n    --vscode-editorLightBulbAutoFix-foreground: #75beff;\n    --vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, 0.2);\n    --vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2);\n    --vscode-diffEditor-insertedLineBackground: rgba(155, 185, 85, 0.2);\n    --vscode-diffEditor-removedLineBackground: rgba(255, 0, 0, 0.2);\n    --vscode-diffEditor-diagonalFill: rgba(204, 204, 204, 0.2);\n    --vscode-diffEditor-unchangedRegionBackground: #3e3e3e;\n    --vscode-diffEditor-unchangedRegionForeground: #a3a2a2;\n    --vscode-diffEditor-unchangedCodeBackground: rgba(116, 116, 116, 0.16);\n    --vscode-list-focusOutline: #007fd4;\n    --vscode-list-activeSelectionBackground: #04395e;\n    --vscode-list-activeSelectionForeground: #ffffff;\n    --vscode-list-activeSelectionIconForeground: #ffffff;\n    --vscode-list-inactiveSelectionBackground: #37373d;\n    --vscode-list-hoverBackground: #2a2d2e;\n    --vscode-list-dropBackground: #383b3d;\n    --vscode-list-highlightForeground: #2aaaff;\n    --vscode-list-focusHighlightForeground: #2aaaff;\n    --vscode-list-invalidItemForeground: #b89500;\n    --vscode-list-errorForeground: #f88070;\n    --vscode-list-warningForeground: #cca700;\n    --vscode-listFilterWidget-background: #252526;\n    --vscode-listFilterWidget-outline: rgba(0, 0, 0, 0);\n    --vscode-listFilterWidget-noMatchesOutline: #be1100;\n    --vscode-listFilterWidget-shadow: rgba(0, 0, 0, 0.36);\n    --vscode-list-filterMatchBackground: rgba(234, 92, 0, 0.33);\n    --vscode-tree-indentGuidesStroke: #585858;\n    --vscode-tree-inactiveIndentGuidesStroke: rgba(88, 88, 88, 0.4);\n    --vscode-tree-tableColumnsBorder: rgba(204, 204, 204, 0.13);\n    --vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, 0.04);\n    --vscode-list-deemphasizedForeground: #8c8c8c;\n    --vscode-checkbox-background: #3c3c3c;\n    --vscode-checkbox-selectBackground: #252526;\n    --vscode-checkbox-foreground: #f0f0f0;\n    --vscode-checkbox-border: #6b6b6b;\n    --vscode-checkbox-selectBorder: #c5c5c5;\n    --vscode-quickInputList-focusForeground: #ffffff;\n    --vscode-quickInputList-focusIconForeground: #ffffff;\n    --vscode-quickInputList-focusBackground: #04395e;\n    --vscode-menu-border: #454545;\n    --vscode-menu-foreground: #cccccc;\n    --vscode-menu-background: #252526;\n    --vscode-menu-selectionForeground: #ffffff;\n    --vscode-menu-selectionBackground: #04395e;\n    --vscode-menu-separatorBackground: #454545;\n    --vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31);\n    --vscode-toolbar-activeBackground: rgba(99, 102, 103, 0.31);\n    --vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, 0.3);\n    --vscode-editor-snippetFinalTabstopHighlightBorder: #525252;\n    --vscode-breadcrumb-foreground: rgba(204, 204, 204, 0.8);\n    --vscode-breadcrumb-background: #1e1e1e;\n    --vscode-breadcrumb-focusForeground: #e0e0e0;\n    --vscode-breadcrumb-activeSelectionForeground: #e0e0e0;\n    --vscode-breadcrumbPicker-background: #252526;\n    --vscode-merge-currentHeaderBackground: rgba(64, 200, 174, 0.5);\n    --vscode-merge-currentContentBackground: rgba(64, 200, 174, 0.2);\n    --vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, 0.5);\n    --vscode-merge-incomingContentBackground: rgba(64, 166, 255, 0.2);\n    --vscode-merge-commonHeaderBackground: rgba(96, 96, 96, 0.4);\n    --vscode-merge-commonContentBackground: rgba(96, 96, 96, 0.16);\n    --vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, 0.5);\n    --vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, 0.5);\n    --vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, 0.4);\n    --vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49);\n    --vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, 0.8);\n    --vscode-minimap-findMatchHighlight: #d18616;\n    --vscode-minimap-selectionOccurrenceHighlight: #676767;\n    --vscode-minimap-selectionHighlight: #264f78;\n    --vscode-minimap-infoHighlight: #3794ff;\n    --vscode-minimap-warningHighlight: #cca700;\n    --vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7);\n    --vscode-minimap-foregroundOpacity: #000000;\n    --vscode-minimapSlider-background: rgba(121, 121, 121, 0.2);\n    --vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, 0.35);\n    --vscode-minimapSlider-activeBackground: rgba(191, 191, 191, 0.2);\n    --vscode-problemsErrorIcon-foreground: #f14c4c;\n    --vscode-problemsWarningIcon-foreground: #cca700;\n    --vscode-problemsInfoIcon-foreground: #3794ff;\n    --vscode-charts-foreground: #cccccc;\n    --vscode-charts-lines: rgba(204, 204, 204, 0.5);\n    --vscode-charts-red: #f14c4c;\n    --vscode-charts-blue: #3794ff;\n    --vscode-charts-yellow: #cca700;\n    --vscode-charts-orange: #d18616;\n    --vscode-charts-green: #89d185;\n    --vscode-charts-purple: #b180d7;\n    --vscode-diffEditor-move-border: rgba(139, 139, 139, 0.61);\n    --vscode-diffEditor-moveActive-border: #ffa500;\n    --vscode-symbolIcon-arrayForeground: #cccccc;\n    --vscode-symbolIcon-booleanForeground: #cccccc;\n    --vscode-symbolIcon-classForeground: #ee9d28;\n    --vscode-symbolIcon-colorForeground: #cccccc;\n    --vscode-symbolIcon-constantForeground: #cccccc;\n    --vscode-symbolIcon-constructorForeground: #b180d7;\n    --vscode-symbolIcon-enumeratorForeground: #ee9d28;\n    --vscode-symbolIcon-enumeratorMemberForeground: #75beff;\n    --vscode-symbolIcon-eventForeground: #ee9d28;\n    --vscode-symbolIcon-fieldForeground: #75beff;\n    --vscode-symbolIcon-fileForeground: #cccccc;\n    --vscode-symbolIcon-folderForeground: #cccccc;\n    --vscode-symbolIcon-functionForeground: #b180d7;\n    --vscode-symbolIcon-interfaceForeground: #75beff;\n    --vscode-symbolIcon-keyForeground: #cccccc;\n    --vscode-symbolIcon-keywordForeground: #cccccc;\n    --vscode-symbolIcon-methodForeground: #b180d7;\n    --vscode-symbolIcon-moduleForeground: #cccccc;\n    --vscode-symbolIcon-namespaceForeground: #cccccc;\n    --vscode-symbolIcon-nullForeground: #cccccc;\n    --vscode-symbolIcon-numberForeground: #cccccc;\n    --vscode-symbolIcon-objectForeground: #cccccc;\n    --vscode-symbolIcon-operatorForeground: #cccccc;\n    --vscode-symbolIcon-packageForeground: #cccccc;\n    --vscode-symbolIcon-propertyForeground: #cccccc;\n    --vscode-symbolIcon-referenceForeground: #cccccc;\n    --vscode-symbolIcon-snippetForeground: #cccccc;\n    --vscode-symbolIcon-stringForeground: #cccccc;\n    --vscode-symbolIcon-structForeground: #cccccc;\n    --vscode-symbolIcon-textForeground: #cccccc;\n    --vscode-symbolIcon-typeParameterForeground: #cccccc;\n    --vscode-symbolIcon-unitForeground: #cccccc;\n    --vscode-symbolIcon-variableForeground: #75beff;\n    --vscode-actionBar-toggledBackground: #383a49;\n    --vscode-editorHoverWidget-highlightForeground: #2aaaff;\n    --vscode-editor-lineHighlightBorder: #282828;\n    --vscode-editor-rangeHighlightBackground: rgba(255, 255, 255, 0.04);\n    --vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, 0.33);\n    --vscode-editorCursor-foreground: #aeafad;\n    --vscode-editorWhitespace-foreground: rgba(227, 228, 226, 0.16);\n    --vscode-editorLineNumber-foreground: #858585;\n    --vscode-editorIndentGuide-background: #404040;\n    --vscode-editorIndentGuide-activeBackground: #707070;\n    --vscode-editorIndentGuide-background1: #404040;\n    --vscode-editorIndentGuide-background2: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-background3: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-background4: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-background5: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-background6: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-activeBackground1: #707070;\n    --vscode-editorIndentGuide-activeBackground2: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-activeBackground3: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-activeBackground4: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-activeBackground5: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-activeBackground6: rgba(0, 0, 0, 0);\n    --vscode-editorActiveLineNumber-foreground: #c6c6c6;\n    --vscode-editorLineNumber-activeForeground: #c6c6c6;\n    --vscode-editorRuler-foreground: #5a5a5a;\n    --vscode-editorCodeLens-foreground: #999999;\n    --vscode-editorBracketMatch-background: rgba(0, 100, 0, 0.1);\n    --vscode-editorBracketMatch-border: #888888;\n    --vscode-editorOverviewRuler-border: rgba(127, 127, 127, 0.3);\n    --vscode-editorGutter-background: #1e1e1e;\n    --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.67);\n    --vscode-editorGhostText-foreground: rgba(255, 255, 255, 0.34);\n    --vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6);\n    --vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7);\n    --vscode-editorOverviewRuler-warningForeground: #cca700;\n    --vscode-editorOverviewRuler-infoForeground: #3794ff;\n    --vscode-editorBracketHighlight-foreground1: #ffd700;\n    --vscode-editorBracketHighlight-foreground2: #da70d6;\n    --vscode-editorBracketHighlight-foreground3: #179fff;\n    --vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);\n    --vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);\n    --vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);\n    --vscode-editorBracketHighlight-unexpectedBracket-foreground: rgba(255, 18, 18, 0.8);\n    --vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);\n    --vscode-editorUnicodeHighlight-border: #bd9b03;\n    --vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, 0.15);\n    --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0;\n    --vscode-editor-foldBackground: rgba(38, 79, 120, 0.3);\n    --vscode-editorGutter-foldingControlForeground: #c5c5c5;\n    --vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3);\n    --vscode-editor-wordHighlightBackground: rgba(87, 87, 87, 0.72);\n    --vscode-editor-wordHighlightStrongBackground: rgba(0, 73, 114, 0.72);\n    --vscode-editor-wordHighlightTextBackground: rgba(87, 87, 87, 0.72);\n    --vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, 0.8);\n    --vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, 0.8);\n    --vscode-editorOverviewRuler-wordHighlightTextForeground: rgba(160, 160, 160, 0.8);\n    --vscode-peekViewTitle-background: #252526;\n    --vscode-peekViewTitleLabel-foreground: #ffffff;\n    --vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, 0.7);\n    --vscode-peekView-border: #3794ff;\n    --vscode-peekViewResult-background: #252526;\n    --vscode-peekViewResult-lineForeground: #bbbbbb;\n    --vscode-peekViewResult-fileForeground: #ffffff;\n    --vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2);\n    --vscode-peekViewResult-selectionForeground: #ffffff;\n    --vscode-peekViewEditor-background: #001f33;\n    --vscode-peekViewEditorGutter-background: #001f33;\n    --vscode-peekViewEditorStickyScroll-background: #001f33;\n    --vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, 0.3);\n    --vscode-peekViewEditor-matchHighlightBackground: rgba(255, 143, 0, 0.6);\n    --vscode-editorMarkerNavigationError-background: #f14c4c;\n    --vscode-editorMarkerNavigationError-headerBackground: rgba(241, 76, 76, 0.1);\n    --vscode-editorMarkerNavigationWarning-background: #cca700;\n    --vscode-editorMarkerNavigationWarning-headerBackground: rgba(204, 167, 0, 0.1);\n    --vscode-editorMarkerNavigationInfo-background: #3794ff;\n    --vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, 0.1);\n    --vscode-editorMarkerNavigation-background: #1e1e1e;\n    --vscode-editorSuggestWidget-background: #252526;\n    --vscode-editorSuggestWidget-border: #454545;\n    --vscode-editorSuggestWidget-foreground: #d4d4d4;\n    --vscode-editorSuggestWidget-selectedForeground: #ffffff;\n    --vscode-editorSuggestWidget-selectedIconForeground: #ffffff;\n    --vscode-editorSuggestWidget-selectedBackground: #04395e;\n    --vscode-editorSuggestWidget-highlightForeground: #2aaaff;\n    --vscode-editorSuggestWidget-focusHighlightForeground: #2aaaff;\n    --vscode-editorSuggestWidgetStatus-foreground: rgba(212, 212, 212, 0.5);\n    --vscode-tab-activeBackground: #1e1e1e;\n    --vscode-tab-unfocusedActiveBackground: #1e1e1e;\n    --vscode-tab-inactiveBackground: #2d2d2d;\n    --vscode-tab-unfocusedInactiveBackground: #2d2d2d;\n    --vscode-tab-activeForeground: #ffffff;\n    --vscode-tab-inactiveForeground: rgba(255, 255, 255, 0.5);\n    --vscode-tab-unfocusedActiveForeground: rgba(255, 255, 255, 0.5);\n    --vscode-tab-unfocusedInactiveForeground: rgba(255, 255, 255, 0.25);\n    --vscode-tab-border: #252526;\n    --vscode-tab-lastPinnedBorder: rgba(204, 204, 204, 0.2);\n    --vscode-tab-activeModifiedBorder: #3399cc;\n    --vscode-tab-inactiveModifiedBorder: rgba(51, 153, 204, 0.5);\n    --vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, 0.5);\n    --vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, 0.25);\n    --vscode-editorPane-background: #1e1e1e;\n    --vscode-editorGroupHeader-tabsBackground: #252526;\n    --vscode-editorGroupHeader-noTabsBackground: #1e1e1e;\n    --vscode-editorGroup-border: #444444;\n    --vscode-editorGroup-dropBackground: rgba(83, 89, 93, 0.5);\n    --vscode-editorGroup-dropIntoPromptForeground: #cccccc;\n    --vscode-editorGroup-dropIntoPromptBackground: #252526;\n    --vscode-sideBySideEditor-horizontalBorder: #444444;\n    --vscode-sideBySideEditor-verticalBorder: #444444;\n    --vscode-panel-background: #1e1e1e;\n    --vscode-panel-border: rgba(128, 128, 128, 0.35);\n    --vscode-panelTitle-activeForeground: #e7e7e7;\n    --vscode-panelTitle-inactiveForeground: rgba(231, 231, 231, 0.6);\n    --vscode-panelTitle-activeBorder: #e7e7e7;\n    --vscode-panel-dropBorder: #e7e7e7;\n    --vscode-panelSection-dropBackground: rgba(83, 89, 93, 0.5);\n    --vscode-panelSectionHeader-background: rgba(128, 128, 128, 0.2);\n    --vscode-panelSection-border: rgba(128, 128, 128, 0.35);\n    --vscode-banner-background: #04395e;\n    --vscode-banner-foreground: #ffffff;\n    --vscode-banner-iconForeground: #3794ff;\n    --vscode-statusBar-foreground: #ffffff;\n    --vscode-statusBar-noFolderForeground: #ffffff;\n    --vscode-statusBar-background: #007acc;\n    --vscode-statusBar-noFolderBackground: #68217a;\n    --vscode-statusBar-focusBorder: #ffffff;\n    --vscode-statusBarItem-activeBackground: rgba(255, 255, 255, 0.18);\n    --vscode-statusBarItem-focusBorder: #ffffff;\n    --vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, 0.12);\n    --vscode-statusBarItem-hoverForeground: #ffffff;\n    --vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2);\n    --vscode-statusBarItem-prominentForeground: #ffffff;\n    --vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, 0.5);\n    --vscode-statusBarItem-prominentHoverForeground: #ffffff;\n    --vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3);\n    --vscode-statusBarItem-errorBackground: #c72e0f;\n    --vscode-statusBarItem-errorForeground: #ffffff;\n    --vscode-statusBarItem-errorHoverForeground: #ffffff;\n    --vscode-statusBarItem-errorHoverBackground: rgba(255, 255, 255, 0.12);\n    --vscode-statusBarItem-warningBackground: #7a6400;\n    --vscode-statusBarItem-warningForeground: #ffffff;\n    --vscode-statusBarItem-warningHoverForeground: #ffffff;\n    --vscode-statusBarItem-warningHoverBackground: rgba(255, 255, 255, 0.12);\n    --vscode-activityBar-background: #333333;\n    --vscode-activityBar-foreground: #ffffff;\n    --vscode-activityBar-inactiveForeground: rgba(255, 255, 255, 0.4);\n    --vscode-activityBar-activeBorder: #ffffff;\n    --vscode-activityBar-dropBorder: #ffffff;\n    --vscode-activityBarBadge-background: #007acc;\n    --vscode-activityBarBadge-foreground: #ffffff;\n    --vscode-profileBadge-background: #4d4d4d;\n    --vscode-profileBadge-foreground: #ffffff;\n    --vscode-statusBarItem-remoteBackground: #16825d;\n    --vscode-statusBarItem-remoteForeground: #ffffff;\n    --vscode-statusBarItem-remoteHoverForeground: #ffffff;\n    --vscode-statusBarItem-remoteHoverBackground: rgba(255, 255, 255, 0.12);\n    --vscode-statusBarItem-offlineBackground: #6c1717;\n    --vscode-statusBarItem-offlineForeground: #ffffff;\n    --vscode-statusBarItem-offlineHoverForeground: #ffffff;\n    --vscode-statusBarItem-offlineHoverBackground: rgba(255, 255, 255, 0.12);\n    --vscode-extensionBadge-remoteBackground: #007acc;\n    --vscode-extensionBadge-remoteForeground: #ffffff;\n    --vscode-sideBar-background: #252526;\n    --vscode-sideBarTitle-foreground: #bbbbbb;\n    --vscode-sideBar-dropBackground: rgba(83, 89, 93, 0.5);\n    --vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0);\n    --vscode-sideBarSectionHeader-border: rgba(204, 204, 204, 0.2);\n    --vscode-titleBar-activeForeground: #cccccc;\n    --vscode-titleBar-inactiveForeground: rgba(204, 204, 204, 0.6);\n    --vscode-titleBar-activeBackground: #3c3c3c;\n    --vscode-titleBar-inactiveBackground: rgba(60, 60, 60, 0.6);\n    --vscode-menubar-selectionForeground: #cccccc;\n    --vscode-menubar-selectionBackground: rgba(90, 93, 94, 0.31);\n    --vscode-commandCenter-foreground: #cccccc;\n    --vscode-commandCenter-activeForeground: #cccccc;\n    --vscode-commandCenter-inactiveForeground: rgba(204, 204, 204, 0.6);\n    --vscode-commandCenter-background: rgba(255, 255, 255, 0.05);\n    --vscode-commandCenter-activeBackground: rgba(255, 255, 255, 0.08);\n    --vscode-commandCenter-border: rgba(204, 204, 204, 0.2);\n    --vscode-commandCenter-activeBorder: rgba(204, 204, 204, 0.3);\n    --vscode-commandCenter-inactiveBorder: rgba(204, 204, 204, 0.15);\n    --vscode-notificationCenter-border: #303031;\n    --vscode-notificationToast-border: #303031;\n    --vscode-notifications-foreground: #cccccc;\n    --vscode-notifications-background: #252526;\n    --vscode-notificationLink-foreground: #3794ff;\n    --vscode-notificationCenterHeader-background: #303031;\n    --vscode-notifications-border: #303031;\n    --vscode-notificationsErrorIcon-foreground: #f14c4c;\n    --vscode-notificationsWarningIcon-foreground: #cca700;\n    --vscode-notificationsInfoIcon-foreground: #3794ff;\n    --vscode-chat-requestBorder: rgba(255, 255, 255, 0.1);\n    --vscode-chat-slashCommandBackground: #4d4d4d;\n    --vscode-chat-slashCommandForeground: #ffffff;\n    --vscode-simpleFindWidget-sashBorder: #454545;\n    --vscode-commentsView-resolvedIcon: rgba(204, 204, 204, 0.5);\n    --vscode-commentsView-unresolvedIcon: #007fd4;\n    --vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, 0.5);\n    --vscode-editorCommentsWidget-unresolvedBorder: #007fd4;\n    --vscode-editorCommentsWidget-rangeBackground: rgba(0, 127, 212, 0.1);\n    --vscode-editorCommentsWidget-rangeActiveBackground: rgba(0, 127, 212, 0.1);\n    --vscode-editorGutter-commentRangeForeground: #37373d;\n    --vscode-editorOverviewRuler-commentForeground: #37373d;\n    --vscode-editorOverviewRuler-commentUnresolvedForeground: #37373d;\n    --vscode-editorGutter-commentGlyphForeground: #d4d4d4;\n    --vscode-editorGutter-commentUnresolvedGlyphForeground: #d4d4d4;\n    --vscode-debugToolBar-background: #333333;\n    --vscode-debugIcon-startForeground: #89d185;\n    --vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, 0.2);\n    --vscode-editor-focusedStackFrameHighlightBackground: rgba(122, 189, 122, 0.3);\n    --vscode-mergeEditor-change-background: rgba(155, 185, 85, 0.2);\n    --vscode-mergeEditor-change-word-background: rgba(156, 204, 44, 0.2);\n    --vscode-mergeEditor-changeBase-background: #4b1818;\n    --vscode-mergeEditor-changeBase-word-background: #6f1313;\n    --vscode-mergeEditor-conflict-unhandledUnfocused-border: rgba(255, 166, 0, 0.48);\n    --vscode-mergeEditor-conflict-unhandledFocused-border: #ffa600;\n    --vscode-mergeEditor-conflict-handledUnfocused-border: rgba(134, 134, 134, 0.29);\n    --vscode-mergeEditor-conflict-handledFocused-border: rgba(193, 193, 193, 0.8);\n    --vscode-mergeEditor-conflict-handled-minimapOverViewRuler: rgba(173, 172, 168, 0.93);\n    --vscode-mergeEditor-conflict-unhandled-minimapOverViewRuler: #fcba03;\n    --vscode-mergeEditor-conflictingLines-background: rgba(255, 234, 0, 0.28);\n    --vscode-mergeEditor-conflict-input1-background: rgba(64, 200, 174, 0.2);\n    --vscode-mergeEditor-conflict-input2-background: rgba(64, 166, 255, 0.2);\n    --vscode-settings-headerForeground: #e7e7e7;\n    --vscode-settings-settingsHeaderHoverForeground: rgba(231, 231, 231, 0.7);\n    --vscode-settings-modifiedItemIndicator: #0c7d9d;\n    --vscode-settings-headerBorder: rgba(128, 128, 128, 0.35);\n    --vscode-settings-sashBorder: rgba(128, 128, 128, 0.35);\n    --vscode-settings-dropdownBackground: #3c3c3c;\n    --vscode-settings-dropdownForeground: #f0f0f0;\n    --vscode-settings-dropdownBorder: #3c3c3c;\n    --vscode-settings-dropdownListBorder: #454545;\n    --vscode-settings-checkboxBackground: #3c3c3c;\n    --vscode-settings-checkboxForeground: #f0f0f0;\n    --vscode-settings-checkboxBorder: #6b6b6b;\n    --vscode-settings-textInputBackground: #3c3c3c;\n    --vscode-settings-textInputForeground: #cccccc;\n    --vscode-settings-numberInputBackground: #3c3c3c;\n    --vscode-settings-numberInputForeground: #cccccc;\n    --vscode-settings-focusedRowBackground: rgba(42, 45, 46, 0.6);\n    --vscode-settings-rowHoverBackground: rgba(42, 45, 46, 0.3);\n    --vscode-settings-focusedRowBorder: #007fd4;\n    --vscode-terminal-foreground: #cccccc;\n    --vscode-terminal-selectionBackground: #264f78;\n    --vscode-terminal-inactiveSelectionBackground: #3a3d41;\n    --vscode-terminalCommandDecoration-defaultBackground: rgba(255, 255, 255, 0.25);\n    --vscode-terminalCommandDecoration-successBackground: #1b81a8;\n    --vscode-terminalCommandDecoration-errorBackground: #f14c4c;\n    --vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8);\n    --vscode-terminal-border: rgba(128, 128, 128, 0.35);\n    --vscode-terminal-findMatchBackground: #515c6a;\n    --vscode-terminal-hoverHighlightBackground: rgba(38, 79, 120, 0.13);\n    --vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, 0.33);\n    --vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49);\n    --vscode-terminal-dropBackground: rgba(83, 89, 93, 0.5);\n    --vscode-testing-iconFailed: #f14c4c;\n    --vscode-testing-iconErrored: #f14c4c;\n    --vscode-testing-iconPassed: #73c991;\n    --vscode-testing-runAction: #73c991;\n    --vscode-testing-iconQueued: #cca700;\n    --vscode-testing-iconUnset: #848484;\n    --vscode-testing-iconSkipped: #848484;\n    --vscode-testing-peekBorder: #f14c4c;\n    --vscode-testing-peekHeaderBackground: rgba(241, 76, 76, 0.1);\n    --vscode-testing-message-error-decorationForeground: #f14c4c;\n    --vscode-testing-message-error-lineBackground: rgba(255, 0, 0, 0.2);\n    --vscode-testing-message-info-decorationForeground: rgba(212, 212, 212, 0.5);\n    --vscode-welcomePage-tileBackground: #252526;\n    --vscode-welcomePage-tileHoverBackground: #2c2c2d;\n    --vscode-welcomePage-tileBorder: rgba(255, 255, 255, 0.1);\n    --vscode-welcomePage-progress-background: #3c3c3c;\n    --vscode-welcomePage-progress-foreground: #3794ff;\n    --vscode-walkthrough-stepTitle-foreground: #ffffff;\n    --vscode-walkThrough-embeddedEditorBackground: rgba(0, 0, 0, 0.4);\n    --vscode-inlineChat-background: #252526;\n    --vscode-inlineChat-border: #454545;\n    --vscode-inlineChat-shadow: rgba(0, 0, 0, 0.36);\n    --vscode-inlineChat-regionHighlight: rgba(38, 79, 120, 0.25);\n    --vscode-inlineChatInput-border: #454545;\n    --vscode-inlineChatInput-focusBorder: #007fd4;\n    --vscode-inlineChatInput-placeholderForeground: #a6a6a6;\n    --vscode-inlineChatInput-background: #3c3c3c;\n    --vscode-inlineChatDiff-inserted: rgba(156, 204, 44, 0.1);\n    --vscode-inlineChatDiff-removed: rgba(255, 0, 0, 0.1);\n    --vscode-debugExceptionWidget-border: #a31515;\n    --vscode-debugExceptionWidget-background: #420b0d;\n    --vscode-ports-iconRunningProcessForeground: #369432;\n    --vscode-statusBar-debuggingBackground: #cc6633;\n    --vscode-statusBar-debuggingForeground: #ffffff;\n    --vscode-commandCenter-debuggingBackground: rgba(204, 102, 51, 0.26);\n    --vscode-editor-inlineValuesForeground: rgba(255, 255, 255, 0.5);\n    --vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2);\n    --vscode-editorGutter-modifiedBackground: #1b81a8;\n    --vscode-editorGutter-addedBackground: #487e02;\n    --vscode-editorGutter-deletedBackground: #f14c4c;\n    --vscode-minimapGutter-modifiedBackground: #1b81a8;\n    --vscode-minimapGutter-addedBackground: #487e02;\n    --vscode-minimapGutter-deletedBackground: #f14c4c;\n    --vscode-editorOverviewRuler-modifiedForeground: rgba(27, 129, 168, 0.6);\n    --vscode-editorOverviewRuler-addedForeground: rgba(72, 126, 2, 0.6);\n    --vscode-editorOverviewRuler-deletedForeground: rgba(241, 76, 76, 0.6);\n    --vscode-debugIcon-breakpointForeground: #e51400;\n    --vscode-debugIcon-breakpointDisabledForeground: #848484;\n    --vscode-debugIcon-breakpointUnverifiedForeground: #848484;\n    --vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00;\n    --vscode-debugIcon-breakpointStackframeForeground: #89d185;\n    --vscode-notebook-cellBorderColor: #37373d;\n    --vscode-notebook-focusedEditorBorder: #007fd4;\n    --vscode-notebookStatusSuccessIcon-foreground: #89d185;\n    --vscode-notebookEditorOverviewRuler-runningCellForeground: #89d185;\n    --vscode-notebookStatusErrorIcon-foreground: #f48771;\n    --vscode-notebookStatusRunningIcon-foreground: #cccccc;\n    --vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35);\n    --vscode-notebook-selectedCellBackground: #37373d;\n    --vscode-notebook-selectedCellBorder: #37373d;\n    --vscode-notebook-focusedCellBorder: #007fd4;\n    --vscode-notebook-inactiveFocusedCellBorder: #37373d;\n    --vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, 0.15);\n    --vscode-notebook-cellInsertionIndicator: #007fd4;\n    --vscode-notebookScrollbarSlider-background: rgba(121, 121, 121, 0.4);\n    --vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);\n    --vscode-notebookScrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4);\n    --vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, 0.04);\n    --vscode-notebook-cellEditorBackground: #252526;\n    --vscode-notebook-editorBackground: #1e1e1e;\n    --vscode-keybindingTable-headerBackground: rgba(204, 204, 204, 0.04);\n    --vscode-keybindingTable-rowsBackground: rgba(204, 204, 204, 0.04);\n    --vscode-debugTokenExpression-name: #c586c0;\n    --vscode-debugTokenExpression-value: rgba(204, 204, 204, 0.6);\n    --vscode-debugTokenExpression-string: #ce9178;\n    --vscode-debugTokenExpression-boolean: #4e94ce;\n    --vscode-debugTokenExpression-number: #b5cea8;\n    --vscode-debugTokenExpression-error: #f48771;\n    --vscode-debugView-exceptionLabelForeground: #cccccc;\n    --vscode-debugView-exceptionLabelBackground: #6c2022;\n    --vscode-debugView-stateLabelForeground: #cccccc;\n    --vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27);\n    --vscode-debugView-valueChangedHighlight: #569cd6;\n    --vscode-debugConsole-infoForeground: #3794ff;\n    --vscode-debugConsole-warningForeground: #cca700;\n    --vscode-debugConsole-errorForeground: #f48771;\n    --vscode-debugConsole-sourceForeground: #cccccc;\n    --vscode-debugConsoleInputIcon-foreground: #cccccc;\n    --vscode-debugIcon-pauseForeground: #75beff;\n    --vscode-debugIcon-stopForeground: #f48771;\n    --vscode-debugIcon-disconnectForeground: #f48771;\n    --vscode-debugIcon-restartForeground: #89d185;\n    --vscode-debugIcon-stepOverForeground: #75beff;\n    --vscode-debugIcon-stepIntoForeground: #75beff;\n    --vscode-debugIcon-stepOutForeground: #75beff;\n    --vscode-debugIcon-continueForeground: #75beff;\n    --vscode-debugIcon-stepBackForeground: #75beff;\n    --vscode-scm-providerBorder: #454545;\n    --vscode-extensionButton-background: #0e639c;\n    --vscode-extensionButton-foreground: #ffffff;\n    --vscode-extensionButton-hoverBackground: #1177bb;\n    --vscode-extensionButton-separator: rgba(255, 255, 255, 0.4);\n    --vscode-extensionButton-prominentBackground: #0e639c;\n    --vscode-extensionButton-prominentForeground: #ffffff;\n    --vscode-extensionButton-prominentHoverBackground: #1177bb;\n    --vscode-extensionIcon-starForeground: #ff8e00;\n    --vscode-extensionIcon-verifiedForeground: #3794ff;\n    --vscode-extensionIcon-preReleaseForeground: #1d9271;\n    --vscode-extensionIcon-sponsorForeground: #d758b3;\n    --vscode-terminal-ansiBlack: #000000;\n    --vscode-terminal-ansiRed: #cd3131;\n    --vscode-terminal-ansiGreen: #0dbc79;\n    --vscode-terminal-ansiYellow: #e5e510;\n    --vscode-terminal-ansiBlue: #2472c8;\n    --vscode-terminal-ansiMagenta: #bc3fbc;\n    --vscode-terminal-ansiCyan: #11a8cd;\n    --vscode-terminal-ansiWhite: #e5e5e5;\n    --vscode-terminal-ansiBrightBlack: #666666;\n    --vscode-terminal-ansiBrightRed: #f14c4c;\n    --vscode-terminal-ansiBrightGreen: #23d18b;\n    --vscode-terminal-ansiBrightYellow: #f5f543;\n    --vscode-terminal-ansiBrightBlue: #3b8eea;\n    --vscode-terminal-ansiBrightMagenta: #d670d6;\n    --vscode-terminal-ansiBrightCyan: #29b8db;\n    --vscode-terminal-ansiBrightWhite: #e5e5e5;\n    --vscode-interactive-activeCodeBorder: #3794ff;\n    --vscode-interactive-inactiveCodeBorder: #37373d;\n    --vscode-gitDecoration-addedResourceForeground: #81b88b;\n    --vscode-gitDecoration-modifiedResourceForeground: #e2c08d;\n    --vscode-gitDecoration-deletedResourceForeground: #c74e39;\n    --vscode-gitDecoration-renamedResourceForeground: #73c991;\n    --vscode-gitDecoration-untrackedResourceForeground: #73c991;\n    --vscode-gitDecoration-ignoredResourceForeground: #8c8c8c;\n    --vscode-gitDecoration-stageModifiedResourceForeground: #e2c08d;\n    --vscode-gitDecoration-stageDeletedResourceForeground: #c74e39;\n    --vscode-gitDecoration-conflictingResourceForeground: #e4676b;\n    --vscode-gitDecoration-submoduleResourceForeground: #8db9e2;\n    --vscode-gitlens-gutterBackgroundColor: rgba(255, 255, 255, 0.07);\n    --vscode-gitlens-gutterForegroundColor: #bebebe;\n    --vscode-gitlens-gutterUncommittedForegroundColor: rgba(0, 188, 242, 0.6);\n    --vscode-gitlens-trailingLineBackgroundColor: rgba(0, 0, 0, 0);\n    --vscode-gitlens-trailingLineForegroundColor: rgba(153, 153, 153, 0.35);\n    --vscode-gitlens-lineHighlightBackgroundColor: rgba(0, 188, 242, 0.2);\n    --vscode-gitlens-lineHighlightOverviewRulerColor: rgba(0, 188, 242, 0.6);\n    --vscode-gitlens-openAutolinkedIssueIconColor: #3fb950;\n    --vscode-gitlens-closedAutolinkedIssueIconColor: #a371f7;\n    --vscode-gitlens-closedPullRequestIconColor: #f85149;\n    --vscode-gitlens-openPullRequestIconColor: #3fb950;\n    --vscode-gitlens-mergedPullRequestIconColor: #a371f7;\n    --vscode-gitlens-unpublishedChangesIconColor: #35b15e;\n    --vscode-gitlens-unpublishedCommitIconColor: #35b15e;\n    --vscode-gitlens-unpulledChangesIconColor: #b15e35;\n    --vscode-gitlens-decorations-addedForegroundColor: #81b88b;\n    --vscode-gitlens-decorations-copiedForegroundColor: #73c991;\n    --vscode-gitlens-decorations-deletedForegroundColor: #c74e39;\n    --vscode-gitlens-decorations-ignoredForegroundColor: #8c8c8c;\n    --vscode-gitlens-decorations-modifiedForegroundColor: #e2c08d;\n    --vscode-gitlens-decorations-untrackedForegroundColor: #73c991;\n    --vscode-gitlens-decorations-renamedForegroundColor: #73c991;\n    --vscode-gitlens-decorations-branchAheadForegroundColor: #35b15e;\n    --vscode-gitlens-decorations-branchBehindForegroundColor: #b15e35;\n    --vscode-gitlens-decorations-branchDivergedForegroundColor: #d8af1b;\n    --vscode-gitlens-decorations-branchUnpublishedForegroundColor: #35b15e;\n    --vscode-gitlens-decorations-branchMissingUpstreamForegroundColor: #c74e39;\n    --vscode-gitlens-decorations-workspaceRepoMissingForegroundColor: #909090;\n    --vscode-gitlens-decorations-workspaceCurrentForegroundColor: #35b15e;\n    --vscode-gitlens-decorations-workspaceRepoOpenForegroundColor: #35b15e;\n    --vscode-gitlens-decorations-worktreeHasUncommittedChangesForegroundColor: #e2c08d;\n    --vscode-gitlens-decorations-worktreeMissingForegroundColor: #c74e39;\n    --vscode-gitlens-graphLane1Color: #15a0bf;\n    --vscode-gitlens-graphLane2Color: #0669f7;\n    --vscode-gitlens-graphLane3Color: #8e00c2;\n    --vscode-gitlens-graphLane4Color: #c517b6;\n    --vscode-gitlens-graphLane5Color: #d90171;\n    --vscode-gitlens-graphLane6Color: #cd0101;\n    --vscode-gitlens-graphLane7Color: #f25d2e;\n    --vscode-gitlens-graphLane8Color: #f2ca33;\n    --vscode-gitlens-graphLane9Color: #7bd938;\n    --vscode-gitlens-graphLane10Color: #2ece9d;\n    --vscode-gitlens-graphChangesColumnAddedColor: #347d39;\n    --vscode-gitlens-graphChangesColumnDeletedColor: #c93c37;\n    --vscode-gitlens-graphMinimapMarkerHeadColor: #05e617;\n    --vscode-gitlens-graphScrollMarkerHeadColor: #05e617;\n    --vscode-gitlens-graphMinimapMarkerUpstreamColor: #09ae17;\n    --vscode-gitlens-graphScrollMarkerUpstreamColor: #09ae17;\n    --vscode-gitlens-graphMinimapMarkerHighlightsColor: #fbff0a;\n    --vscode-gitlens-graphScrollMarkerHighlightsColor: #fbff0a;\n    --vscode-gitlens-graphMinimapMarkerLocalBranchesColor: #3087cf;\n    --vscode-gitlens-graphScrollMarkerLocalBranchesColor: #3087cf;\n    --vscode-gitlens-graphMinimapMarkerRemoteBranchesColor: #2b5e88;\n    --vscode-gitlens-graphScrollMarkerRemoteBranchesColor: #2b5e88;\n    --vscode-gitlens-graphMinimapMarkerStashesColor: #b34db3;\n    --vscode-gitlens-graphScrollMarkerStashesColor: #b34db3;\n    --vscode-gitlens-graphMinimapMarkerTagsColor: #6b562e;\n    --vscode-gitlens-graphScrollMarkerTagsColor: #6b562e;\n\n\n}\n\n[data-theme=\"light\"]{\n  --background: #ffffff !important;\n  --foreground: #616161 !important;\n  --dropdown-background: #ffffff !important;\n  --dropdown-foreground: #616161 !important;\n  --input-background: #ffffff !important;\n  --input-foreground: #616161 !important;\n  --sideBarSectionHeader-foreground: #616161 !important;\n  --dropdown-list-max-height: 100px !important;\n  --library-icon-filter: invert(0) !important;\n  /* --focus-border: #333333 !important; */\n  #gjs-clm-tag-label{\n    color: var(--background) !important;\n  }\n}\n\n[data-theme=\"dark\"]{  \n  --background: #282a36 !important;\n  --foreground: #f8f8f2 !important;\n  --dropdown-background: #282a36 !important;\n  --dropdown-foreground: #f8f8f2 !important;\n  --input-background: #282a36 !important;\n  --input-foreground: #f8f8f2 !important;\n  --sideBarSectionHeader-foreground: #f8f8f2 !important;\n  --dropdown-list-max-height: 100px !important;\n  --library-icon-filter: invert(1) !important;\n  /* --focus-border: #ffffff !important; */\n}\n\n  :root {\n    --container-paddding: 20px;\n    --input-padding-vertical: 6px;\n    --input-padding-horizontal: 4px;\n    --input-margin-vertical: 4px;\n    --input-margin-horizontal: 0;\n  }\n\n  body {\n    color: var(--foreground);\n    font-size: var(--font-size);\n    font-weight: var(--font-weight);\n    font-family: var(--font-family);\n    background-color: var(--editor-background);\n    margin: 0px;\n  }\n\n  #app {\n    font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n    font-size: 13px;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    color: var(--foreground);\n    margin-top: 0px;\n    height: 100vh;\n  }\n\n  .nothingSelected{\n    padding: 10px 20px;\n    text-align: center;\n    width: 100%;\n    opacity: 0.5;\n    user-select: none;\n  }\n\n  input, select {\n    background-color: var(--input-background) !important;\n    color: var(--input-foreground) !important;\n    border: calc(var(--border-width) * 1px) solid var(--dropdown-border) !important;\n    border-radius: calc(var(--corner-radius) * 1px) !important;\n  }\n\n  input:focus, input:focus-visible, select:focus, select:focus-visible {\n    border: solid 1px var(--focus-border) !important;\n    outline: none !important;\n  }\n\n  .codicon-chevron-down:before {\n    content: '\\eab4';\n  }\n\n  /* Styles the scrollbar track (the part the thumb slides in) */\n  ::-webkit-scrollbar-track {\n      background: #f1f1f100; /* Light gray track */\n  }\n\n  /* Styles the scrollbar thumb (the draggable part) */\n  ::-webkit-scrollbar-thumb {\n      background: #cccccc50; /* Dark gray thumb */\n  }\n\n  /* Styles the scrollbar thumb on hover */\n  ::-webkit-scrollbar-thumb:hover {\n      background: #cccccc70; /* Darker gray on hover */\n  }\n\n  /* Styles the scrollbar itself (width, color) */\n  ::-webkit-scrollbar {\n      width: 10px; /* Width of the scrollbar */\n  }\n\n  /* For Firefox */\n  * {\n      scrollbar-width: thin; /* \"auto\" or \"thin\" */\n      scrollbar-color: #888 #f1f1f1; /* Thumb and track color */\n  }\n\n\n  .splitpanes__splitter {background-color: #cccccc30;position: relative;}\n  .splitpanes__splitter:hover {background-color: var(--button-primary-background);  }\n  .splitpanes__splitter:before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    transition: opacity 0.4s;\n    background-color: rgba(127, 127, 127, 0);\n    opacity: 0;\n    z-index: 1;\n  }\n  .splitpanes__splitter:hover:before {opacity: 1;}\n  .splitpanes--vertical > .splitpanes__splitter:before {left: -2px;right: -2px;height: 100%;}\n  .splitpanes--horizontal > .splitpanes__splitter:before {top: -2px;bottom: -2px;width: 100%;}\n\n\n  .gjs-three-bg {\n    background-color: var(--button-primary-background) !important;\n  }\n\n  .cke_inner{\n    min-width: 530px !important;\n  }\n\n  .hljs-number {\n    color: #999999 !important;\n  }\n</style>\n","<template>\n    <div style=\"position: relative;\">\n        <div class=\"title\" @click=\"toggleExpand\">{{title}}</div>\n        <div class=\"expandBtn\" @click=\"toggleExpand\">\n            <span v-if=\"!expanded\"><i class=\"fa fa-chevron-right\"></i></span>\n            <span v-if=\"expanded\"><i class=\"fa fa-chevron-down\"></i></span>\n        </div>\n    </div>\n</template>\n\n\n\n<script setup>\n\nimport { ref, watch} from 'vue';\nconst props = defineProps(['title', 'expanded'])\nlet emit = defineEmits(['expand'])\nlet expanded = ref(props.expanded)\n\nfunction toggleExpand(){\n    emit('expand', expanded.value)\n}\n\n\nwatch( props, (props)=>{\n    expanded.value = props.expanded;\n})\n\n</script>\n\n\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n.title{\n    line-height: 22px;\n    color: var(--sideBarSectionHeader-foreground);\n    background-color: var(--sideBarSectionHeader-background);\n    border-top: 1px solid var(--sideBarSectionHeader-border);\n    height: 22px;\n    font-size: 11px;\n    font-weight: 700;\n    overflow: hidden;\n    display: flex;\n    cursor: pointer;\n    align-items: center;\n    box-sizing: border-box;\n    text-transform: uppercase;\n    padding-left: 10px;\n}\n\n.expandBtn{\n    position: absolute;\n    right: 10px;\n    top: 2px;\n    opacity: 0.6;\n    font-size: 13px;\n    cursor: pointer;\n}\n</style>","import script from \"./PanelTitle.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PanelTitle.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PanelTitle.vue?vue&type=style&index=0&id=6c90e336&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6c90e336\"]])\n\nexport default __exports__","<template>\n    <div style=\"height: 100%;\">\n        <PanelTitle v-if=\"!hideTitle\" :expanded=\"expanded\" :title=\"title\" @expand=\"onExpandClicked\"></PanelTitle>\n        <div class=\"panelContent\" v-show=\"expanded\" style=\"height: calc(100% - 25px); overflow: auto;\">\n            <slot></slot>\n        </div>\n    </div>\n</template>\n\n<script setup>\nimport { ref, defineProps, defineEmits } from 'vue';\nimport PanelTitle from './panels/PanelTitle.vue';\n\nconst props = defineProps(['title', 'hideTitle']);\nconst emit = defineEmits(['update:expanded']);\nlet expanded = ref(true);\nloadExpandedState();\n\nfunction onExpandClicked() {\n    expanded.value = !expanded.value;\n    saveExpandedState();\n    emit('update:expanded', expanded.value);\n}\n\nfunction saveExpandedState() {\n    localStorage.setItem('panelExpandedState_' + props.title, expanded.value);\n}\n\nfunction loadExpandedState() {\n    let state = localStorage.getItem('panelExpandedState_' + props.title);\n    if (state === 'false') {\n        expanded.value = false;\n    }\n}\n\ndefineExpose({ expanded });\n</script>\n\n<style lang=\"scss\" scoped>\n/* Your existing styles */\n.panelContent{\n    padding: 10px;\n}\n</style>\n","import script from \"./Panel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Panel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Panel.vue?vue&type=style&index=0&id=76a521d3&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-76a521d3\"]])\n\nexport default __exports__","<script setup>\n  import { ref, onMounted, reactive } from 'vue';\n  const props = defineProps([ 'customClass' ]);\n  const emit = defineEmits(['changeTab'])\n  \n  let tabContainer = ref(null);\n  let tabHeaders = ref(null);\n  let tabs = ref(null);\n  let activeTabIndex = ref(0);\n\n  onMounted(() => {\n    tabs.value = [ ...tabContainer.value.querySelectorAll('.tab') ];\n\t\tfor(let x of tabs.value) {\n\t    if(x.classList.contains('active')) {\n\t\t\t\tactiveTabIndex = tabs.value.indexOf(x);\n\t\t\t}\n    }\n  })\n  const changeTab = (index) => {\n    activeTabIndex = index;\n    for(let x of [...tabs.value, ...tabHeaders.value]) {\n   \t\tx.classList.remove('active')\n    }\n\t\ttabs.value[activeTabIndex].classList.add('active')  \n\t\ttabHeaders.value[activeTabIndex].classList.add('active')  \n    emit('changeTab', activeTabIndex);\n  }\n</script>\n\n<template>\n  <div id=\"tabs-container\" :class=\"customClass\" ref=\"tabContainer\" style=\"height: 100%; display: flex; flex-direction: column;\">\n    <div id=\"tab-headers\">\n      <ul>\n        <li v-for=\"(tab, index) in tabs\" :key=\"index\" :class=\"activeTabIndex == index ? 'active' : ''\" @click=\"changeTab(index)\" ref=\"tabHeaders\">{{ tab.title }}</li>\n      </ul>\n    </div>\n    <div id=\"active-tab\" style=\"flex-grow: 1; display: flex; height: calc(100% - 120px);\">\n    \t<slot></slot>\n    </div>\n  </div>\n</template>\n\n<style>\n  #tab-headers ul {\n    margin: 0;\n    padding: 0;\n    display: flex;\n    border-bottom: 2px solid #dddddd00;\n    margin-bottom: 10px;\n  }\n  #tab-headers ul li {\n    list-style: none;\n    padding: 5px 2px;\n    position: relative;\n    cursor: pointer;\n    opacity: 0.5;\n    margin: 0px 2px;\n  }\n\n\n  #tab-headers ul li.active {\n    /* color: #000000;\n    font-weight: bold; */\n    opacity: 1;\n  }\n  \n  #tab-headers ul li.active:after {\n    content: '';\n    position: absolute;\n    bottom: -2px;\n    left: 0;\n    height: 2px;\n    width: 100%;\n    background: var(--foreground);\n  }\n\n  #active-tab, #tab-headers {\n    width: 100%;\n  }\n  \n  #active-tab {\n    /* padding: 0.75rem; */\n  }\n</style>","import script from \"./Tabs.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Tabs.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Tabs.vue?vue&type=style&index=0&id=2b2c15a8&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./Tab.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Tab.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Tab.vue?vue&type=style&index=0&id=30e21b8c&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n    <div style=\"position:relative;\">\n        <div style=\"overflow-y: auto;\">\n            <div \n                :title=\"block.binding.type\"\n                isbinding=\"true\" \n                @mousedown=\"dragStart(block)\" \n                :datatype=\"block.binding.type\" \n                :bindingname=\"block.binding.name\" \n                class=\"bindingItem\"\n                v-for=\"block in sortedBindingsAsBlocks\" :key=\"block.binding.name\">\n                    <img :datatype=\"block.binding.type\" \n                        :bindingname=\"block.binding.name\"  @mouseover=\"onBindingOvered(block.binding, $event)\" @mouseout=\"onBindingOut\" :src=\"'img/icons/type_'+block.binding.type+'.png'\" class=\"typeIcon\" />\n                    {{ block.binding.name }} \n            </div>\n        </div>\n        <!-- <div class=\"sortButtons\">\n            <div :class=\"{sortButton: true, sortButtonActive: sortMethod=='az'}\" @click=\"sortMethod='az'\">AZ</div>\n            <div :class=\"{sortButton: true, sortButtonActive: sortMethod=='type'}\" @click=\"sortMethod='type'\">Ty</div>\n        </div> -->\n    </div>\n</template>\n\n<script setup>\n\nimport _ from 'underscore';\nimport {computed, ref, onMounted} from 'vue';\n\nlet sortMethod = ref('type');\n\nconst props = defineProps(['appData']);\nconst emit = defineEmits(['bindingOvered'])\n\nlet dragStart, dragStop;\n\n\nfunction setHandleBlocks(props) {\n      dragStart = props.dragStart;\n      dragStop = props.dragStop;\n};\n\n\nconst sortedBindingsAsBlocks = computed( ()=>{\n    let blocks = [];\n    sortedBindings.value.forEach( binding => {\n        blocks.push( \n            {   id: \"tempplaceholder\", \n                type: \"tempplaceholder\", label: \"Temp PlaceHolder\", tagName: \"TEMPPLACEHOLDER\", \n                content: `<tempplaceholder datatype=\"${binding.type}\" bindingname=\"${binding.name}\" isbinding=\"true\"style=\"padding: 10px;\">Binding '${binding.name}' (${binding.type})</tempplaceholder>`, \n                properties: [], \n                droppable: false,     editable: false,     draggable: true,\n                binding: binding,\n            }\n        );\n    });\n    return blocks;\n});\n\n\nconst sortedBindings = computed( ()=>{\n    let sorted;\n    if( props.appData.pages[0].model.fields ){\n        if( sortMethod.value == 'az' )\n            sorted = _.sortBy( props.appData.pages[0].model.fields, (field)=>{ return field.name.toLowerCase() } );\n        else if( sortMethod.value == 'type')\n            sorted = _.sortBy( props.appData.pages[0].model.fields, (field)=>{ return field.type.toLowerCase() + \"_\" + field.name.toLowerCase() } );\n    }\n    return sorted;\n});\n\n\nconst onBindingOvered = function(binding, $event){\n    let element = $event.target;\n    emit('bindingOvered', { element, binding } );\n}\n\n\nconst onBindingOut = function(){\n    emit('bindingOvered', { element:null, binding:null } );\n}\n\ndefineExpose({\n    setHandleBlocks\n}) \n\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n.typeIcon{\n    width: 16px;\n    vertical-align: middle;\n    margin-right: 6px;\n    height: 16px;\n}\n\n\n.bindingItem{\n    padding: 1px 0px 2px;\n    border-bottom: solid 1px rgba(0, 0, 0, 0.1254901961);\n    font-size: 0.9em;\n    display: flex;\n    cursor: grab;\n}\n\n.bindingItem:hover{\n    background-color: #cccccc10;\n}\n\n.sortButton{\n    margin-left: 3px;\n    font-weight: bold;\n    font-size: 10px;\n    padding: 5px;\n    user-select: none;\n    cursor: pointer;\n    opacity: 0.4;\n    border-radius: 5px;;\n}\n\n.sortButton:hover, .sortButtonActive{\n    background-color: #00000010;\n    opacity: 1;\n}\n.sortButtons{\n    position: absolute;\n    right: 2px;\n    top: -40px;    \n    display: flex;\n    flex-direction: row;\n}\n\n</style>","import script from \"./BindingsPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./BindingsPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./BindingsPanel.vue?vue&type=style&index=0&id=e29c2338&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-e29c2338\"]])\n\nexport default __exports__","let chartTypes = [\n    { \"id\": \"Area Chart\", \"icon\": \"areaChart\",                          \"traceTemplate\": { \"gbtype\":\"Area Chart\", \"x\":[\"2024-01-01\", \"2024-01-02\", \"2024-01-03\"], \"y\":[10, 15, 13], \"type\":\"scatter\", \"name\":\"Trace\", \"fill\":\"tozeroy\", \"mode\": \"none\" } },\n    { \"id\": \"Bar Chart\", \"icon\": \"barChart\",                            \"traceTemplate\": { \"gbtype\":\"Bar Chart\", \"x\":[\"Category 1\", \"Category 2\", \"Category 3\"], \"y\":[9, 10, 20], \"type\":\"bar\", \"name\":\"Trace\" } },\n    { \"id\": \"Box\" , \"icon\": \"boxChart\" ,                                \"traceTemplate\": { \"gbtype\":\"Box\", \"y\": [1,2,3,4,7,9], \"type\": \"box\",\"name\":\"Trace\"} },\n    { \"id\": \"Candlestick\" , \"icon\": \"candlestickChart\" ,                \"traceTemplate\": { \"gbtype\":\"Candlestick\", \"x\": [\"2024-01-01\", \"2024-01-02\", \"2024-01-03\"], \"close\": [10, 12, 11], \"high\": [11, 13, 12], \"low\": [9, 11, 10], \"open\": [9, 11, 11], \"type\": \"candlestick\", \"name\": \"Trace\" }  },\n    { \"id\": \"Choropleth\" , \"icon\": \"choroplethChart\" ,                  \"traceTemplate\": { \"gbtype\":\"Choropleth\", \"locationmode\": \"country names\", \"locations\": [\"Canada\", \"United States\", \"Mexico\"], \"z\": [10, 20, 30], \"type\": \"choropleth\", \"name\": \"Trace\" }  },\n    { \"id\": \"Cone\" , \"icon\": \"coneChart\" ,                              \"traceTemplate\": { \"gbtype\":\"Cone\", \"x\": [1, 2, 3], \"y\": [1, 2, 3], \"z\": [1, 2, 3], \"u\": [1, 0, 0], \"v\": [0, 1, 0], \"w\": [0, 0, 1], \"type\": \"cone\", \"name\": \"Trace\", \"sizemode\": \"absolute\" }  },\n    { \"id\": \"Contour\" , \"icon\": \"contourChart\" ,                        \"traceTemplate\": { \"gbtype\":\"Contour\", \"x\": [1, 2, 3], \"y\": [1, 2, 3], \"z\": [[10, 10, 10], [20, 20, 20], [30, 30, 30]], \"type\": \"contour\", \"name\": \"Trace\" }  },\n    { \"id\": \"Funnel\" , \"icon\": \"funnelChart\" ,                          \"traceTemplate\": { \"gbtype\":\"Funnel\", \"x\": [10, 20, 30], \"y\": [\"Stage 1\", \"Stage 2\", \"Stage 3\"], \"type\": \"funnel\", \"name\": \"Trace\" }  },\n    { \"id\": \"Funnel Area\", \"icon\": \"funnelAreaChart\",                   \"traceTemplate\": { \"gbtype\":\"Funnel Area\", \"values\": [100, 80, 60, 40, 20], \"text\": [\"Stage 1\", \"Stage 2\", \"Stage 3\", \"Stage 4\", \"Stage 5\"], \"type\": \"funnelarea\", \"name\": \"Trace\" } },\n    { \"id\": \"Heatmap\", \"icon\": \"heatmapChart\",                          \"traceTemplate\": { \"gbtype\":\"Heatmap\", \"x\": [\"A\", \"B\", \"C\"], \"y\": [\"1\", \"2\", \"3\"], \"z\": [[1, 20, 30], [20, 1, 60], [30, 60, 1]], \"type\": \"heatmap\", \"name\": \"Trace\" } },\n    { \"id\": \"Heatmap GL\", \"icon\": \"heatmapGLChart\",                     \"traceTemplate\": { \"gbtype\":\"Heatmap GL\", \"x\": [\"A\", \"B\", \"C\"], \"y\": [\"1\", \"2\", \"3\"], \"z\": [[1, 20, 30], [20, 1, 60], [30, 60, 1]], \"type\": \"heatmapgl\", \"name\": \"Trace\" } },\n    { \"id\": \"Histogram\", \"icon\": \"histogramChart\",                      \"traceTemplate\": { \"gbtype\":\"Histogram\", \"x\": [1,2,3,2,3,2,3,7,6,8,5,8,1,1,1,9], \"type\": \"histogram\", \"name\": \"Trace\" } },\n    { \"id\": \"Histogram 2D\", \"icon\": \"histogram2DChart\",                 \"traceTemplate\": { \"gbtype\":\"Histogram 2D\", \"x\": [1, 2, 2, 3, 4], \"y\": [6, 6, 7, 8, 8], \"type\": \"histogram2d\", \"name\": \"Trace\" } },\n    { \"id\": \"Histogram 2D Contour\", \"icon\": \"histogram2DContourChart\",  \"traceTemplate\": { \"gbtype\":\"Histogram 2D Contour\", \"x\": [1, 2, 2, 3, 4], \"y\": [6, 6, 7, 8, 8], \"type\": \"histogram2dcontour\", \"name\": \"Trace\" } },\n    { \"id\": \"Indicator\", \"icon\": \"indicatorChart\",                      \"traceTemplate\": { \"gbtype\":\"Indicator\", \"mode\": \"number+delta\", \"value\": 400, \"delta\": { \"reference\": 350 }, \"type\": \"indicator\", \"name\": \"Trace\" } },\n    { \"id\": \"Isosurface\", \"icon\": \"isosurfaceChart\",                    \"traceTemplate\": { \"gbtype\":\"Isosurface\", \"x\": [0, 0, 0, 0, 1, 1, 1, 1], \"y\": [0, 0, 1, 1, 0, 0, 1, 1], \"z\": [0, 1, 0, 1, 0, 1, 0, 1], \"value\": [1, 2, 3, 4, 5, 6, 7, 8], \"isomin\": 2, \"isomax\": 6, \"type\": \"isosurface\", \"name\": \"Trace\" } },\n    { \"id\": \"Line Chart\", \"icon\": \"lineChart\",                          \"traceTemplate\": { \"gbtype\":\"Line Chart\", \"x\":[\"2024-01-01\", \"2024-01-02\", \"2024-01-03\"], \"y\":[5, 6, 7], \"type\":\"scatter\", \"mode\":\"lines\", \"name\":\"Trace\" } },\n    { \"id\": \"Mash 3D\", \"icon\": \"mash3DChart\",                           \"traceTemplate\": { \"gbtype\":\"Mash 3D\", \"x\": [0, 1, 2, 0], \"y\": [0, 0, 1, 2], \"z\": [0, 2, 0, 1], \"i\": [0, 0, 0, 1], \"j\": [1, 2, 3, 2], \"k\": [2, 3, 1, 3], \"type\": \"mesh3d\", \"name\": \"Trace\" } },\n    { \"id\": \"OHLC\", \"icon\": \"ohlcChart\",                                \"traceTemplate\": { \"gbtype\":\"OHLC\", \"x\": [\"2024-01-01\", \"2024-01-02\", \"2024-01-03\"], \"open\": [100, 110, 120], \"high\": [105, 115, 125], \"low\": [95, 105, 115], \"close\": [102, 112, 122], \"type\": \"ohlc\", \"name\": \"Trace\" } },\n    { \"id\": \"Pie Chart\", \"icon\": \"pieChart\",                            \"traceTemplate\": { \"gbtype\":\"Pie Chart\", \"labels\":[\"Slice 1\", \"Slice 2\", \"Slice 3\"], \"values\":[10, 20, 30], \"type\":\"pie\", \"name\":\"Trace\" } }, \n    { \"id\": \"Scatter\", \"icon\": \"scatterChart\",                          \"traceTemplate\": { \"gbtype\":\"Scatter\", \"x\":[5, 10, 15], \"y\":[10, 15, 5], \"type\":\"scatter\", \"mode\":\"markers\", \"name\":\"Trace\" } },\n    { \"id\": \"Scatter 3D\", \"icon\": \"scatter3DChart\",                     \"traceTemplate\": { \"gbtype\":\"Scatter 3D\", \"x\": [1, 2, 3, 4], \"y\": [4, 3, 2, 1], \"z\": [1, 2, 3, 4], \"mode\": \"markers\", \"type\": \"scatter3d\", \"name\": \"Trace\" } },\n    { \"id\": \"Scatter Geo\", \"icon\": \"scatterGeoChart\",                   \"traceTemplate\": { \"gbtype\":\"Scatter Geo\", \"lat\": [40.712776, 34.052235, 41.878113], \"lon\": [-74.005974, -118.243685, -87.629798], \"mode\": \"markers\", \"type\": \"scattergeo\", \"name\": \"Trace\" } },\n    { \"id\": \"Scatter GL\", \"icon\": \"scatterGLChart\",                     \"traceTemplate\": { \"gbtype\":\"Scatter GL\", \"x\": [1, 2, 3, 4], \"y\": [10, 11, 12, 13], \"mode\": \"markers\", \"type\": \"scattergl\", \"name\": \"Trace\" } },\n    { \"id\": \"Surface\", \"icon\": \"surfaceChart\",                          \"traceTemplate\": { \"gbtype\":\"Surface\", \"x\": [1, 2, 3, 4, 5], \"y\": [1, 2, 3, 4, 5], \"z\": [[1, 2, 3, 4, 5], [2, 4, 6, 8, 10], [3, 6, 9, 12, 15], [4, 8, 12, 16, 20], [5, 10, 15, 20, 25]], \"type\": \"surface\", \"name\": \"Trace\" } },\n    { \"id\": \"Table\", \"icon\": \"tableChart\",                              \"traceTemplate\": { \"gbtype\":\"Table\", \"header\": { \"values\": [[\"Header 1\"], [\"Header 2\"], [\"Header 3\"]], \"align\": \"center\", \"line\": { \"width\": 1, \"color\": 'black' }, \"fill\": { \"color\": \"grey\" }, \"font\": { \"family\": \"Arial\", \"size\": 12, \"color\": \"white\" } }, \"cells\": { \"values\": [[\"Row 1\", \"Row 2\", \"Row 3\"], [\"1\", \"2\", \"3\"], [\"a\", \"b\", \"c\"]], \"align\": \"center\", \"line\": { \"width\": 1, \"color\": 'black' }, \"fill\": { \"color\": \"white\" }, \"font\": { \"family\": \"Arial\", \"size\": 11, \"color\": \"black\" } }, \"type\": \"table\", \"name\": \"Trace\" } },\n    { \"id\": \"Timeline\", \"icon\": \"timelineChart\",                        \"traceTemplate\": { \"gbtype\":\"Timeline\", \"x\": [\"Start Date 1\", \"Start Date 2\", \"Start Date 3\"], \"xend\": [\"End Date 1\", \"End Date 2\", \"End Date 3\"], \"y\": [\"Task 1\", \"Task 2\", \"Task 3\"], \"type\": \"scatter\", \"mode\": \"lines\", \"line\": { \"width\": 4 }, \"name\": \"Trace\" } },\n    { \"id\": \"Violin\", \"icon\": \"violinChart\",                            \"traceTemplate\": { \"gbtype\":\"Violin\", \"y\": [20, 30, 40, 50, 60, 70, 80, 90, 100, 110], \"type\": \"violin\", \"name\": \"Trace\", \"box\": { \"visible\": true }, \"meanline\": { \"visible\": true } } },\n    { \"id\": \"Waterfall\", \"icon\": \"waterfallChart\",                      \"traceTemplate\": { \"gbtype\":\"Waterfall\", \"x\": [\"Product Revenue\", \"Services Revenue\", \"Total Revenue\", \"Fixed Costs\", \"Variable Costs\", \"Total Costs\", \"Net Profit\"], \"y\": [60, 80, 0, -40, -20, 0, 40], \"type\": \"waterfall\", \"name\": \"Trace\", \"text\": [\"$60\", \"$80\", \"\", \"-$40\", \"-$20\", \"\", \"$40\"], \"textposition\": \"outside\", \"connector\": { \"line\": { \"color\": \"rgb(63, 63, 63)\" } }, \"increasing\": { \"marker\": { \"color\": \"Green\" } }, \"decreasing\": { \"marker\": { \"color\": \"Red\" } }, \"totals\": { \"marker\": { \"color\": \"DeepSkyBlue\" } } } }, \n    \n    // { \"id\": \"Image\" , \"icon\": \"imageChart\" ,                 \"traceTemplate\": { \"gbtype\":\"Image\" } },\n    { \"id\": \"Scatter Mapbox\", \"icon\": \"scatterMapboxChart\",             \"traceTemplate\": {  \"gbtype\":\"Scatter Mapbox\", \"lat\": [40.712776, 34.052235], \"lon\": [-74.005974, -118.243685], \"mode\": \"markers\", \"type\": \"scattermapbox\", \"name\": \"Trace\" }, \n                                                                        \"traceLayout\":{ \"dragmode\": \"zoom\",\t\"mapbox\": { \"style\": \"open-street-map\", \"center\": { \"lat\": 38, \"lon\": -90 }, \"zoom\": 3 },\t\"margin\": { \"r\": 0, \"t\": 0, \"b\": 0, \"l\": 0 } }\n    }, \n    { \"id\": \"Streamtube\", \"icon\": \"streamtubeChart\",                    \"traceTemplate\": {\n                                                                          \"gbtype\":\"Streamtube\", \n                                                                          \"type\": \"streamtube\",\n                                                                          \"x\": [0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2],\n                                                                          \"y\": [0,0,0,1,1,1,2,2,2,0,0,0,1,1,1,2,2,2,0,0,0,1,1,1,2,2,2],\n                                                                          \"z\": [0,1,2,0,1,2,0,1,2,0,1,2,0,1,2,0,1,2,0,1,2,0,1,2,0,1,2],\n                                                                          \"u\": [1,1,1,1,1,1,1,1,1,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427],\n                                                                          \"v\": [1,1,1,0.5403023059,0.5403023059,0.5403023059,0.4161468365,0.4161468365,0.4161468365,1,1,1,0.5403023059,0.5403023059,0.5403023059,0.4161468365,0.4161468365,0.4161468365,1,1,1,0.5403023059,0.5403023059,0.5403023059,0.4161468365,0.4161468365,0.4161468365],\n                                                                          \"w\": [0,0.088656062,0.169392742,0,0.088656062,0.169392742,0,0.088656062,0.169392742,0,0.088656062,0.169392742,0,0.088656062,0.169392742,0,0.088656062,0.169392742,0,0.088656062,0.169392742,0,0.088656062,0.169392742,0,0.088656062,0.169392742],\n                                                                          \"sizeref\": 0.5,\n                                                                          \"cmin\": 0,\n                                                                          \"cmax\": 3, \n                                                                          \"name\": \"Trace\" } \n                                                                        },\n    // Data template for \"Volume\" chart seems prety complex, so we generate it dynamically with a function\n    { \"id\": \"Volume\", \"icon\": \"volumeChart\", \"traceTemplate\": generateVolumeTrace() } \n\n  \n\n  ]\n\n  function generateVolumeTrace() {\n    const l = 3;\n    let X = [], Y = [], Z = [], vol = [];\n\n    // Create grid points for 3D space, similar to mgrid in Julia\n    for (let i = 1; i <= l; i++) {\n      for (let j = 1; j <= l; j++) {\n        for (let k = 1; k <= l; k++) {\n          X.push(i);\n          Y.push(j);\n          Z.push(k);\n          // Initially, set the volume to zero\n          vol.push(0);\n        }\n      }\n    }\n\n    for (let n = 0; n < 15; n++) {\n      const randomIndex = Math.floor(Math.random() * vol.length);\n      vol[randomIndex] = 1;\n    }\n\n    vol = vol.map((v, idx) => {\n      const neighbors = [\n        vol[idx - 1] || 0, vol[idx + 1] || 0, \n        vol[idx - l] || 0, vol[idx + l] || 0, \n        vol[idx - l * l] || 0, vol[idx + l * l] || 0 \n      ];\n      const sum = neighbors.reduce((a, b) => a + b, 0);\n      return (v + sum / neighbors.length) / 2;\n    });\n\n    const maxVol = Math.max(...vol);\n    vol = vol.map(v => v / maxVol);\n\n    const trace = {\n      type: 'volume',\n      x: X,\n      y: Y,\n      z: Z,\n      value: vol,\n      isomin: 0.1,\n      isomax: 0.8,\n      opacity: 0.1,\n      surface_count: 25\n    };\n    return trace;\n  }\n\nexport {chartTypes}","<template>\n    <div class=\"componentAddDialogContainer\">        \n        <div class=\"componentAddDialog\">\n            <div class=\"closeButton\" @click=\"closeDialog(true)\">X</div>\n            <p style=\"    margin-bottom: 6px; font-size: 12px; font-weight: 400; opacity: 0.7;\">Add component for binding</p>\n            <div style=\"padding-bottom: 10px; border-bottom: 1px solid #cccccc50;\">\n                <img :src=\"'img/icons/type_'+props.componentPlaceHolderData.datatype+'.png'\" style=\"height: 17px; vertical-align: middle; display: inline-block;\" />\n                {{ props.componentPlaceHolderData.bindingname }} \n            </div>\n            <div style=\"font-size: 14px; padding: 20px 0px 15px\">Suggested Components:</div>\n            <div class=\"compGroupsContainer\">\n                <div class=\"compGroup\" v-for=\"comp in props.componentPlaceHolderData.components\" :key=\"comp.type\"  @click=\"selectCompProp(comp, comp.matchingProperties[0])\">\n                    <div class=\"compName\">\n                        <div style=\" text-overflow: ellipsis; overflow: hidden; white-space: nowrap; pointer-events: none;\">{{ comp.label }}</div>\n                        <div style=\"justify-content: center; display: flex; margin-bottom: 3px; filter: brightness(1.5) saturate(1); pointer-events: none;\">\n                            <img :src=\"getBlockIconPath(comp)\" class=\"typeIcon\" style=\"filter: var(--library-icon-filter); max-height: 20px; margin-top: 6px; pointer-events: none;\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n\n<script setup>\nimport {chartTypes} from '../../utils/chartDefinitions.js';\n\nconst props = defineProps(['appData', 'componentPlaceHolderData'])\nconst emit = defineEmits(['closeDialog'])\n\nfunction getChartTemplate( chartId ){\n    console.log( 'chartTypes', chartTypes );\n    let chart = chartTypes.find( (chart)=>{ return chart.id == chartId } );\n    if( !chart ){\n        console.error(\"Could not find chart with id: \" + chartId);\n        return \"\";\n    }\n    return chart.traceTemplate;\n\n}\nconst getBlockIconPath = function(block)  {   \n    let iconFileName;\n    if( block.icon ){\n        iconFileName = block.icon;\n    }else{\n        iconFileName = block.type.split(\"q-\").join(\"\")+'.png';\n    }\n    const result = 'img/block_icons/'+iconFileName\n    return result;\n}\n\nfunction selectCompProp(comp, prop){\n    console.log( 'selectCompProp(comp, prop', comp, prop );\n    let newElement = new DOMParser().parseFromString(comp.content, 'text/html').body.childNodes[0];\n    \n    // prepend colon if prop is not v-model\n    let propName = prop; // == 'v-model' ? prop : ':'+prop;\n    let finalBindingName = props.componentPlaceHolderData.bindingname;\n    \n    // If binding is dataframe, pick first column\n    if( props.componentPlaceHolderData.datatype == \"DataFrames.DataFrame\" ){\n        let firstColumn = getDataFrameColumn( props.componentPlaceHolderData.bindingname );\n        finalBindingName += '.' + firstColumn;\n        // Tag as interpolated value\n        finalBindingName ='$_{' + finalBindingName + '}';\n        // get trace template\n        let template = getChartTemplate( comp.label );\n        // inject binding\n        if( template.x != null ) template.x = finalBindingName;\n        if( template.y != null ) template.y = finalBindingName;\n        if( template.z != null ) template.z = finalBindingName;\n        if( template.labels != null ) template.labels = finalBindingName;\n        if( template.values != null ) template.values = finalBindingName;\n        \n\n        // Encapsulate in trace object\n        console.log( 'traceTemplate: ', template );\n        //finalBindingName = `[{\"x\": \"${finalBindingName}\", \"y\": \"${finalBindingName}\", \"type\": \"scatter\", \"name\": \"Trace\" }]`;\n        finalBindingName = `[${JSON.stringify(template)}]`;\n        // Encode\n        finalBindingName = btoa( finalBindingName );\n        // Remove the constant data\n        newElement.removeAttribute('gb_c__data');\n        console.log( 'finalBindingName', finalBindingName );\n        newElement.setAttribute( \"gb_c__\" + propName, finalBindingName );\n    }else if( props.componentPlaceHolderData.datatype == \"DataTable.DataFrames.DataFrame\" ){\n        // Remove the constant data\n        newElement.removeAttribute('gb_c__data');\n        // Add the dynamic data binding using its columns property\n        finalBindingName += '.data';\n        newElement.setAttribute( \"gb_b__\" + propName, finalBindingName );\n        newElement.setAttribute( \"gb_b__columns\", props.componentPlaceHolderData.bindingname + \".columns\" );\n    }else{\n        newElement.setAttribute( \"gb_b__\" + propName, finalBindingName );\n    }\n    let newElementHtml = newElement.outerHTML;\n    editor.getSelected().replaceWith( newElementHtml );\n    closeDialog(false);\n}\n\nfunction closeDialog(removeSelected){\n    emit('closeDialog', removeSelected);\n}\n\n// ------------------------------------------\n\n\n// ====================== COMPUTED ====================== \n\nfunction getDataFrameColumn( dfName ) {\n    let dsFields = props.appData.pages[0].model.fields.filter( (field)=>{ \n        return field.name == dfName;\n    } );\n    if( dsFields.length == 0 ){\n        console.error(\"Could not find dataframe with name: \" + dfName);\n        return \"\";\n    }\n    if( !dsFields[0].columns || dsFields[0].columns.length == 0 ){\n        console.error( \"Dataframe \" + dfName + \" has no columns\" );\n        return \"\";\n    }\n    return dsFields[0].columns[0];\n}\n\n</script>\n\n\n<style lang=\"scss\" scoped>\n    @import \"../../styles/globalStyles.scss\";\n\n    .closeButton{\n        position: absolute;\n        top: 5px;\n        right: 10px;\n        padding: 5px;\n        cursor: pointer;\n        font-weight: bold;\n    }\n    .compGroupsContainer{\n        display: flex;\n        flex-wrap: wrap;\n        gap: 5px;\n        max-height: 40vh;\n        /* grid-template-columns: 19% 19% 19% 19% 19%; */\n        /* flex-direction: row; */\n        width: 100%;\n        overflow: auto;\n        justify-content: center;\n    }\n    .componentAddDialogContainer{\n        position: fixed;\n        background-color: #000000a0;\n        top: 0px;\n        left: 0px;\n        right: 0px;\n        bottom: 0px;\n        z-index: 1;\n        /* backdrop-filter: blur(3px); */\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    .componentAddDialog{\n        background-color: var(--background);\n        border: solid 1px var(--dropdown-border);\n        padding: 10px 30px 30px;\n        box-sizing: border-box;\n        text-align: center;\n        position: absolute;\n        max-width: 800px;\n        max-height: min-content;\n        box-shadow: 5px 16px 40px #00000030;\n        margin: 30px;\n    }\n\n    .compGroup{\n        display: flex;\n        flex-direction: column;\n        width: 110px;\n    }\n\n    .compName{\n        min-width: 100px;\n        display: block;\n        flex: 1 1 49%;\n        border: solid 1px var(--checkbox-background);\n        padding: 5px 6px 3px;\n        box-sizing: border-box;\n        text-align: center;\n        cursor: move;\n        border-radius: 5px;\n        font-size: 0.9em;\n    }\n    .compName:hover{\n        border: solid 1px #315972;\n        background-color: #cccccc10;\n    }\n\n    .propItem{\n        cursor: pointer;\n        width: max-content;\n        margin: 0px 10px;\n    }\n    .propItem:hover{\n        font-weight: bold;\n    }\n</style>","import script from \"./ComponentAddDialog.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ComponentAddDialog.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ComponentAddDialog.vue?vue&type=style&index=0&id=9700a050&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-9700a050\"]])\n\nexport default __exports__","/*\nIcon list Extracted from https://fonts.google.com/icons?icon.set=Material+Icons&selected=Material+Icons+Outlined:shopping_cart: with this script:\nlet result = [];\nlet iconElements = document.querySelectorAll(\"div.icons-container .icon-asset\")\niconElements.forEach( el=>{\n    let content = el.querySelector(\"span\")\n    let name = content.innerText;\n    let classes = el.getAttribute(\"class\");\n    result.push(name);\n} )\nconsole.log( JSON.stringify(result) );\n*/\n\nimport axios from \"axios\";\nimport {chartTypes} from \"./chartDefinitions.js\";\n\n\nlet _blockDefinitions;\nlet injectableVariables = {\n  supportedIcons: [ \n    \"search\",\"search\",\"home\",\"account_circle\",\"settings\",\"done\",\"info\",\"check_circle\",\"delete\",\"visibility\",\"shopping_cart\",\"favorite\",\"description\",\"logout\",\"favorite_border\",\"lock\",\"schedule\",\"language\",\"help_outline\",\"face\",\"manage_accounts\",\"verified\",\"filter_alt\",\"thumb_up\",\"event\",\"fingerprint\",\"dashboard\",\"list\",\"login\",\"visibility_off\",\"check_circle_outline\",\"calendar_today\",\"highlight_off\",\"help\",\"paid\",\"task_alt\",\"question_answer\",\"date_range\",\"article\",\"open_in_new\",\"shopping_bag\",\"lightbulb\",\"credit_card\",\"perm_identity\",\"history\",\"trending_up\",\"account_balance\",\"delete_outline\",\"fact_check\",\"report_problem\",\"verified_user\",\"assignment\",\"star_rate\",\"arrow_right_alt\",\"account_balance_wallet\",\"autorenew\",\"build\",\"view_list\",\"work\",\"print\",\"store\",\"analytics\",\"delete_forever\",\"today\",\"calendar_month\",\"admin_panel_settings\",\"lock_open\",\"watch_later\",\"grade\",\"update\",\"savings\",\"room\",\"code\",\"receipt\",\"add_shopping_cart\",\"contact_support\",\"power_settings_new\",\"done_all\",\"pets\",\"explore\",\"bookmark\",\"account_box\",\"note_add\",\"reorder\",\"bookmark_border\",\"pending_actions\",\"shopping_basket\",\"payment\",\"launch\",\"drag_indicator\",\"supervisor_account\",\"touch_app\",\"pending\",\"zoom_in\",\"assessment\",\"leaderboard\",\"thumb_up_off_alt\",\"open_in_full\",\"preview\",\"done_outline\",\"exit_to_app\",\"assignment_ind\",\"published_with_changes\",\"card_giftcard\",\"view_in_ar\",\"feedback\",\"work_outline\",\"timeline\",\"swap_horiz\",\"assignment_turned_in\",\"dns\",\"stars\",\"sync_alt\",\"label\",\"flight_takeoff\",\"tips_and_updates\",\"book\",\"contact_page\",\"alarm\",\"space_dashboard\",\"bug_report\",\"cached\",\"gavel\",\"translate\",\"pan_tool\",\"edit_calendar\",\"supervised_user_circle\",\"minimize\",\"extension\",\"accessibility\",\"android\",\"rocket_launch\",\"get_app\",\"question_mark\",\"record_voice_over\",\"add_task\",\"trending_flat\",\"help_center\",\"hourglass_empty\",\"accessibility_new\",\"rule\",\"thumb_down\",\"sticky_note_2\",\"settings_applications\",\"source\",\"dashboard_customize\",\"find_in_page\",\"ads_click\",\"support\",\"flutter_dash\",\"close_fullscreen\",\"redeem\",\"announcement\",\"loyalty\",\"swap_vert\",\"arrow_circle_right\",\"view_headline\",\"restore\",\"dangerous\",\"euro_symbol\",\"group_work\",\"sensors\",\"compare_arrows\",\"subject\",\"table_view\",\"disabled_by_default\",\"privacy_tip\",\"nightlight_round\",\"https\",\"toc\",\"track_changes\",\"arrow_circle_up\",\"bookmarks\",\"copyright\",\"grading\",\"currency_exchange\",\"input\",\"api\",\"perm_media\",\"query_builder\",\"view_module\",\"build_circle\",\"zoom_out\",\"perm_contact_calendar\",\"settings_phone\",\"backup\",\"open_with\",\"circle_notifications\",\"perm_phone_msg\",\"book_online\",\"speaker_notes\",\"label_important\",\"wysiwyg\",\"card_membership\",\"file_present\",\"arrow_circle_down\",\"pageview\",\"3d_rotation\",\"upgrade\",\"integration_instructions\",\"change_history\",\"trending_down\",\"swipe\",\"class\",\"percent\",\"accessible\",\"g_translate\",\"settings_accessibility\",\"expand\",\"offline_bolt\",\"settings_backup_restore\",\"production_quantity_limits\",\"arrow_circle_left\",\"aspect_ratio\",\"model_training\",\"view_column\",\"donut_large\",\"segment\",\"calendar_view_month\",\"schedule_send\",\"alarm_on\",\"maximize\",\"bookmark_add\",\"thumbs_up_down\",\"settings_ethernet\",\"theaters\",\"view_agenda\",\"thumb_down_off_alt\",\"important_devices\",\"unpublished\",\"invert_colors\",\"opacity\",\"commute\",\"open_in_browser\",\"system_update_alt\",\"no_accounts\",\"addchart\",\"history_toggle_off\",\"view_week\",\"youtube_searched_for\",\"tour\",\"shopping_cart_checkout\",\"hide_source\",\"bookmark_added\",\"mark_as_unread\",\"settings_input_antenna\",\"shop\",\"plagiarism\",\"turned_in\",\"search_off\",\"not_started\",\"flight_land\",\"assignment_late\",\"assignment_return\",\"donut_small\",\"saved_search\",\"filter_alt_off\",\"contactless\",\"highlight_alt\",\"hotel_class\",\"settings_input_component\",\"balance\",\"view_carousel\",\"view_quilt\",\"anchor\",\"all_inbox\",\"turned_in_not\",\"mediation\",\"settings_remote\",\"edit_off\",\"hourglass_full\",\"fit_screen\",\"flaky\",\"rocket\",\"toll\",\"remove_shopping_cart\",\"lock_clock\",\"swap_horizontal_circle\",\"settings_voice\",\"view_sidebar\",\"event_seat\",\"online_prediction\",\"vertical_split\",\"next_plan\",\"pregnant_woman\",\"data_exploration\",\"terminal\",\"restore_from_trash\",\"lock_reset\",\"camera_enhance\",\"markunread_mailbox\",\"dynamic_form\",\"tab\",\"calendar_view_week\",\"view_stream\",\"accessible_forward\",\"request_page\",\"token\",\"remove_done\",\"settings_power\",\"smart_button\",\"add_to_drive\",\"card_travel\",\"outbox\",\"try\",\"offline_pin\",\"calendar_view_day\",\"find_replace\",\"density_medium\",\"rowing\",\"compress\",\"chrome_reader_mode\",\"fax\",\"outlet\",\"assignment_returned\",\"http\",\"settings_brightness\",\"add_card\",\"alarm_add\",\"generating_tokens\",\"new_label\",\"backup_table\",\"spellcheck\",\"restore_page\",\"credit_card_off\",\"wifi_protected_setup\",\"play_for_work\",\"free_cancellation\",\"settings_overscan\",\"work_history\",\"123\",\"gif\",\"outbound\",\"disabled_visible\",\"swap_vertical_circle\",\"settings_input_composite\",\"cancel_schedule_send\",\"quickreply\",\"view_day\",\"event_repeat\",\"comment_bank\",\"assured_workload\",\"switch_access_shortcut\",\"display_settings\",\"view_timeline\",\"line_weight\",\"pan_tool_alt\",\"horizontal_split\",\"noise_control_off\",\"webhook\",\"satellite_alt\",\"polymer\",\"batch_prediction\",\"send_and_archive\",\"picture_in_picture\",\"manage_history\",\"code_off\",\"bookmark_remove\",\"settings_bluetooth\",\"shop_two\",\"output\",\"html\",\"flip_to_front\",\"gif_box\",\"eject\",\"speaker_notes_off\",\"alarm_off\",\"perm_data_setting\",\"settings_input_hdmi\",\"perm_scan_wifi\",\"hourglass_disabled\",\"troubleshoot\",\"switch_access_shortcut_add\",\"sensors_off\",\"settings_cell\",\"work_off\",\"app_blocking\",\"picture_in_picture_alt\",\"line_style\",\"perm_device_information\",\"join_full\",\"subtitles_off\",\"update_disabled\",\"app_shortcut\",\"javascript\",\"abc\",\"swipe_left\",\"voice_over_off\",\"private_connectivity\",\"lightbulb_circle\",\"settings_input_svideo\",\"join_inner\",\"flip_to_back\",\"view_array\",\"swipe_right\",\"install_desktop\",\"open_in_new_off\",\"swipe_up\",\"all_out\",\"shop_2\",\"label_off\",\"density_small\",\"tab_unselected\",\"rounded_corner\",\"data_thresholding\",\"text_rotate_vertical\",\"arrow_outward\",\"commit\",\"explore_off\",\"install_mobile\",\"text_rotation_none\",\"view_kanban\",\"not_accessible\",\"css\",\"swipe_down\",\"lock_person\",\"pin_invoke\",\"join_left\",\"extension_off\",\"spatial_audio_off\",\"perm_camera_mic\",\"pinch\",\"swipe_vertical\",\"noise_aware\",\"pin_end\",\"view_cozy\",\"join_right\",\"swipe_right_alt\",\"text_rotate_up\",\"text_rotation_angleup\",\"text_rotation_down\",\"text_rotation_angledown\",\"browse_gallery\",\"php\",\"view_comfy_alt\",\"view_compact_alt\",\"network_ping\",\"swipe_down_alt\",\"add_home\",\"density_large\",\"on_device_training\",\"swipe_left_alt\",\"spatial_tracking\",\"swipe_up_alt\",\"unfold_more_double\",\"spatial_audio\",\"width_full\",\"unfold_less_double\",\"repartition\",\"width_normal\",\"transcribe\",\"width_wide\",\"hls\",\"hls_off\",\"face_unlock\",\"close\",\"close\",\"menu\",\"expand_more\",\"arrow_back\",\"chevron_right\",\"arrow_forward_ios\",\"arrow_back_ios\",\"cancel\",\"arrow_drop_down\",\"more_vert\",\"arrow_forward\",\"chevron_left\",\"expand_less\",\"check\",\"more_horiz\",\"refresh\",\"apps\",\"payments\",\"arrow_upward\",\"east\",\"campaign\",\"arrow_back_ios_new\",\"arrow_downward\",\"arrow_right\",\"menu_open\",\"fullscreen\",\"arrow_drop_up\",\"unfold_more\",\"double_arrow\",\"maps_home_work\",\"west\",\"expand_circle_down\",\"south\",\"arrow_left\",\"north_east\",\"north\",\"home_work\",\"first_page\",\"fullscreen_exit\",\"arrow_drop_down_circle\",\"last_page\",\"unfold_less\",\"subdirectory_arrow_right\",\"legend_toggle\",\"south_east\",\"app_settings_alt\",\"assistant_direction\",\"subdirectory_arrow_left\",\"north_west\",\"waterfall_chart\",\"switch_left\",\"south_west\",\"pivot_table_chart\",\"switch_right\",\"apps_outage\",\"offline_share\",\"add_home_work\",\"person\",\"person\",\"notifications\",\"groups\",\"people\",\"share\",\"school\",\"person_outline\",\"person_add\",\"public\",\"emoji_events\",\"group\",\"engineering\",\"notifications_active\",\"construction\",\"people_alt\",\"group_add\",\"psychology\",\"health_and_safety\",\"thumb_up_alt\",\"travel_explore\",\"water_drop\",\"notifications_none\",\"emoji_emotions\",\"sports_esports\",\"sentiment_very_satisfied\",\"location_city\",\"ios_share\",\"precision_manufacturing\",\"sentiment_satisfied\",\"workspace_premium\",\"person_add_alt\",\"military_tech\",\"science\",\"emoji_objects\",\"history_edu\",\"cake\",\"sentiment_dissatisfied\",\"sentiment_very_dissatisfied\",\"handshake\",\"emoji_people\",\"coronavirus\",\"self_improvement\",\"person_remove\",\"poll\",\"whatshot\",\"sports_soccer\",\"domain\",\"mood\",\"recommend\",\"people_outline\",\"female\",\"recycling\",\"person_off\",\"male\",\"person_add_alt_1\",\"connect_without_contact\",\"sentiment_neutral\",\"back_hand\",\"hiking\",\"waving_hand\",\"architecture\",\"masks\",\"notifications_off\",\"thumb_down_alt\",\"luggage\",\"real_estate_agent\",\"front_hand\",\"vaccines\",\"mood_bad\",\"emoji_nature\",\"switch_account\",\"nights_stay\",\"king_bed\",\"catching_pokemon\",\"interests\",\"compost\",\"sports_basketball\",\"notification_add\",\"diversity_3\",\"sports_kabaddi\",\"sports\",\"emoji_symbols\",\"reduce_capacity\",\"emoji_food_beverage\",\"cruelty_free\",\"man\",\"sick\",\"emoji_transportation\",\"sports_tennis\",\"cookie\",\"heart_broken\",\"transgender\",\"elderly\",\"add_moderator\",\"outdoor_grill\",\"deck\",\"woman\",\"add_reaction\",\"social_distance\",\"personal_injury\",\"follow_the_signs\",\"plus_one\",\"fireplace\",\"wallet\",\"scale\",\"clean_hands\",\"piano\",\"pix\",\"surfing\",\"sanitizer\",\"sports_motorsports\",\"diversity_1\",\"sports_handball\",\"sports_baseball\",\"edit_notifications\",\"hive\",\"sports_volleyball\",\"pages\",\"groups_2\",\"sports_football\",\"downhill_skiing\",\"kayaking\",\"psychology_alt\",\"public_off\",\"single_bed\",\"remove_moderator\",\"group_remove\",\"skateboarding\",\"co2\",\"notifications_paused\",\"boy\",\"person_remove_alt_1\",\"safety_divider\",\"diversity_2\",\"domain_add\",\"fitbit\",\"sports_cricket\",\"group_off\",\"sports_mma\",\"nordic_walking\",\"sports_martial_arts\",\"sports_golf\",\"girl\",\"thunderstorm\",\"paragliding\",\"6_ft_apart\",\"party_mode\",\"snowboarding\",\"kitesurfing\",\"sports_gymnastics\",\"groups_3\",\"face_6\",\"snowshoeing\",\"sports_hockey\",\"ice_skating\",\"south_america\",\"sports_rugby\",\"face_3\",\"elderly_woman\",\"sledding\",\"scoreboard\",\"person_2\",\"face_2\",\"face_4\",\"sign_language\",\"no_luggage\",\"cyclone\",\"person_4\",\"face_5\",\"person_3\",\"piano_off\",\"flood\",\"scuba_diving\",\"severe_cold\",\"tsunami\",\"roller_skating\",\"tornado\",\"landslide\",\"assist_walker\",\"woman_2\",\"man_2\",\"volcano\",\"18_up_rating\",\"blind\",\"no_adult_content\",\"man_4\",\"man_3\",\"add\",\"add\",\"add_circle_outline\",\"content_copy\",\"add_circle\",\"send\",\"clear\",\"save\",\"mail\",\"link\",\"remove\",\"filter_list\",\"inventory_2\",\"inventory\",\"insights\",\"remove_circle_outline\",\"sort\",\"bolt\",\"flag\",\"reply\",\"add_box\",\"remove_circle\",\"push_pin\",\"block\",\"calculate\",\"create\",\"undo\",\"how_to_reg\",\"content_paste\",\"report\",\"file_copy\",\"backspace\",\"shield\",\"archive\",\"save_alt\",\"policy\",\"tag\",\"change_circle\",\"redo\",\"forward\",\"content_cut\",\"outlined_flag\",\"inbox\",\"link_off\",\"ballot\",\"drafts\",\"biotech\",\"report_gmailerrorred\",\"delete_sweep\",\"stacked_bar_chart\",\"markunread\",\"square_foot\",\"add_link\",\"stream\",\"where_to_vote\",\"dynamic_feed\",\"copy_all\",\"move_to_inbox\",\"waves\",\"unarchive\",\"content_paste_search\",\"reply_all\",\"select_all\",\"low_priority\",\"text_format\",\"save_as\",\"font_download\",\"weekend\",\"how_to_vote\",\"upcoming\",\"gesture\",\"attribution\",\"flag_circle\",\"content_paste_go\",\"filter_list_off\",\"next_week\",\"content_paste_off\",\"report_off\",\"web_stories\",\"deselect\",\"font_download_off\",\"edit\",\"edit\",\"navigate_next\",\"photo_camera\",\"image\",\"tune\",\"picture_as_pdf\",\"receipt_long\",\"circle\",\"timer\",\"auto_stories\",\"collections\",\"auto_awesome\",\"navigate_before\",\"add_a_photo\",\"palette\",\"remove_red_eye\",\"music_note\",\"add_photo_alternate\",\"wb_sunny\",\"brush\",\"euro\",\"flash_on\",\"looks_one\",\"auto_fix_high\",\"control_point\",\"style\",\"adjust\",\"straighten\",\"photo_library\",\"camera\",\"portrait\",\"camera_alt\",\"audiotrack\",\"video_camera_front\",\"rotate_right\",\"color_lens\",\"grid_on\",\"crop_free\",\"timelapse\",\"landscape\",\"slideshow\",\"currency_rupee\",\"collections_bookmark\",\"crop_square\",\"lens\",\"panorama_fish_eye\",\"looks_two\",\"filter_vintage\",\"compare\",\"looks_3\",\"filter_drama\",\"image_search\",\"healing\",\"auto_awesome_motion\",\"rotate_left\",\"center_focus_strong\",\"crop\",\"blur_on\",\"wb_incandescent\",\"flare\",\"face_retouching_natural\",\"wb_cloudy\",\"assistant\",\"broken_image\",\"cases\",\"colorize\",\"filter_none\",\"brightness_4\",\"filter_center_focus\",\"crop_original\",\"auto_fix_normal\",\"dehaze\",\"nature_people\",\"photo\",\"flash_off\",\"auto_awesome_mosaic\",\"tag_faces\",\"brightness_6\",\"brightness_5\",\"details\",\"grain\",\"flip_camera_android\",\"brightness_1\",\"flip\",\"loupe\",\"image_not_supported\",\"flip_camera_ios\",\"view_comfy\",\"filter_1\",\"movie_creation\",\"add_to_photos\",\"panorama\",\"bedtime\",\"animation\",\"center_focus_weak\",\"looks_4\",\"movie_filter\",\"crop_din\",\"filter\",\"control_point_duplicate\",\"brightness_7\",\"leak_add\",\"currency_bitcoin\",\"nature\",\"incomplete_circle\",\"texture\",\"view_compact\",\"timer_off\",\"photo_size_select_actual\",\"video_camera_back\",\"transform\",\"currency_yen\",\"motion_photos_on\",\"photo_camera_front\",\"rotate_90_degrees_ccw\",\"looks_5\",\"mic_external_on\",\"gradient\",\"assistant_photo\",\"wb_twilight\",\"currency_pound\",\"contrast\",\"hide_image\",\"music_off\",\"exposure_plus_1\",\"crop_16_9\",\"thermostat_auto\",\"filter_2\",\"shutter_speed\",\"exposure\",\"photo_album\",\"filter_tilt_shift\",\"hdr_strong\",\"looks\",\"vrpano\",\"linked_camera\",\"brightness_3\",\"looks_6\",\"blur_circular\",\"flash_auto\",\"motion_photos_auto\",\"crop_portrait\",\"photo_filter\",\"iso\",\"brightness_2\",\"tonality\",\"photo_size_select_small\",\"filter_hdr\",\"crop_7_5\",\"rotate_90_degrees_cw\",\"crop_rotate\",\"photo_size_select_large\",\"filter_3\",\"exposure_zero\",\"hdr_weak\",\"currency_ruble\",\"camera_front\",\"crop_5_4\",\"filter_frames\",\"burst_mode\",\"camera_roll\",\"logo_dev\",\"filter_b_and_w\",\"blur_linear\",\"crop_3_2\",\"crop_landscape\",\"switch_camera\",\"switch_video\",\"filter_7\",\"exposure_plus_2\",\"filter_4\",\"filter_9_plus\",\"grid_off\",\"wb_iridescent\",\"motion_photos_paused\",\"monochrome_photos\",\"photo_camera_back\",\"filter_5\",\"auto_fix_off\",\"face_retouching_off\",\"exposure_neg_1\",\"panorama_photosphere\",\"filter_8\",\"leak_remove\",\"filter_9\",\"video_stable\",\"timer_10\",\"filter_6\",\"wb_shade\",\"blur_off\",\"motion_photos_off\",\"raw_on\",\"motion_photos_pause\",\"hdr_on\",\"vignette\",\"panorama_horizontal\",\"30fps_select\",\"image_aspect_ratio\",\"dirty_lens\",\"deblur\",\"camera_rear\",\"60fps_select\",\"timer_3\",\"panorama_wide_angle_select\",\"24mp\",\"exposure_neg_2\",\"currency_yuan\",\"currency_lira\",\"autofps_select\",\"panorama_horizontal_select\",\"panorama_photosphere_select\",\"hdr_plus\",\"wb_auto\",\"panorama_wide_angle\",\"panorama_vertical_select\",\"mic_external_off\",\"12mp\",\"panorama_vertical\",\"mp\",\"hdr_enhanced_select\",\"currency_franc\",\"hevc\",\"18mp\",\"10mp\",\"raw_off\",\"23mp\",\"bedtime_off\",\"hdr_off\",\"11mp\",\"20mp\",\"3mp\",\"5mp\",\"13mp\",\"15mp\",\"16mp\",\"21mp\",\"2mp\",\"17mp\",\"14mp\",\"22mp\",\"19mp\",\"9mp\",\"4mp\",\"7mp\",\"8mp\",\"6mp\",\"email\",\"email\",\"location_on\",\"call\",\"phone\",\"business\",\"chat\",\"mail_outline\",\"list_alt\",\"qr_code_scanner\",\"vpn_key\",\"chat_bubble_outline\",\"alternate_email\",\"forum\",\"chat_bubble\",\"textsms\",\"contact_mail\",\"person_search\",\"sentiment_satisfied_alt\",\"qr_code\",\"qr_code_2\",\"message\",\"contacts\",\"comment\",\"key\",\"import_contacts\",\"app_registration\",\"contact_phone\",\"import_export\",\"live_help\",\"forward_to_inbox\",\"hourglass_bottom\",\"hourglass_top\",\"rss_feed\",\"mark_email_read\",\"hub\",\"read_more\",\"document_scanner\",\"more_time\",\"mark_email_unread\",\"call_end\",\"clear_all\",\"dialpad\",\"phone_enabled\",\"mark_chat_unread\",\"cancel_presentation\",\"3p\",\"call_made\",\"screen_share\",\"call_split\",\"unsubscribe\",\"present_to_all\",\"domain_verification\",\"mark_chat_read\",\"add_ic_call\",\"co_present\",\"phonelink_ring\",\"stay_current_portrait\",\"call_received\",\"phonelink_lock\",\"phone_disabled\",\"ring_volume\",\"location_off\",\"phonelink_setup\",\"duo\",\"cell_tower\",\"stay_primary_portrait\",\"swap_calls\",\"voicemail\",\"call_merge\",\"mobile_screen_share\",\"phonelink_erase\",\"person_add_disabled\",\"domain_disabled\",\"call_missed_outgoing\",\"speaker_phone\",\"spoke\",\"cell_wifi\",\"desktop_access_disabled\",\"stop_screen_share\",\"print_disabled\",\"call_missed\",\"mark_unread_chat_alt\",\"pause_presentation\",\"dialer_sip\",\"invert_colors_off\",\"comments_disabled\",\"contact_emergency\",\"wifi_calling\",\"rtt\",\"portable_wifi_off\",\"send_time_extension\",\"mail_lock\",\"stay_current_landscape\",\"sip\",\"nat\",\"stay_primary_landscape\",\"no_sim\",\"key_off\",\"vpn_key_off\",\"local_shipping\",\"local_shipping\",\"place\",\"menu_book\",\"local_offer\",\"badge\",\"map\",\"category\",\"restaurant\",\"directions_car\",\"local_fire_department\",\"volunteer_activism\",\"my_location\",\"flight\",\"local_mall\",\"near_me\",\"handyman\",\"directions_run\",\"restaurant_menu\",\"layers\",\"medical_services\",\"directions_walk\",\"lunch_dining\",\"local_hospital\",\"celebration\",\"local_library\",\"pin_drop\",\"park\",\"local_atm\",\"local_activity\",\"person_pin\",\"design_services\",\"local_cafe\",\"rate_review\",\"delivery_dining\",\"directions_bus\",\"local_police\",\"directions_bike\",\"fastfood\",\"directions_car_filled\",\"home_repair_service\",\"zoom_out_map\",\"hotel\",\"cleaning_services\",\"local_phone\",\"local_grocery_store\",\"miscellaneous_services\",\"navigation\",\"local_gas_station\",\"train\",\"person_pin_circle\",\"local_parking\",\"local_florist\",\"diamond\",\"local_post_office\",\"money\",\"directions\",\"two_wheeler\",\"factory\",\"add_business\",\"traffic\",\"electrical_services\",\"local_bar\",\"route\",\"directions_boat\",\"alt_route\",\"agriculture\",\"pedal_bike\",\"beenhere\",\"360\",\"warehouse\",\"liquor\",\"emergency\",\"moving\",\"local_airport\",\"sailing\",\"add_location_alt\",\"local_dining\",\"maps_ugc\",\"local_taxi\",\"ramen_dining\",\"trip_origin\",\"hail\",\"local_drink\",\"local_laundry_service\",\"directions_bus_filled\",\"local_printshop\",\"theater_comedy\",\"local_pizza\",\"not_listed_location\",\"add_location\",\"transfer_within_a_station\",\"dinner_dining\",\"bakery_dining\",\"forest\",\"wine_bar\",\"terrain\",\"multiple_stop\",\"takeout_dining\",\"store_mall_directory\",\"icecream\",\"museum\",\"nightlife\",\"local_pharmacy\",\"hardware\",\"add_road\",\"departure_board\",\"set_meal\",\"ev_station\",\"local_see\",\"electric_car\",\"festival\",\"plumbing\",\"layers_clear\",\"car_rental\",\"attractions\",\"edit_location\",\"local_convenience_store\",\"zoom_in_map\",\"pest_control\",\"medical_information\",\"dry_cleaning\",\"run_circle\",\"edit_road\",\"edit_attributes\",\"edit_location_alt\",\"church\",\"moped\",\"wrong_location\",\"car_repair\",\"local_movies\",\"satellite\",\"directions_boat_filled\",\"tram\",\"soup_kitchen\",\"taxi_alert\",\"breakfast_dining\",\"signpost\",\"atm\",\"subway\",\"transit_enterexit\",\"straight\",\"merge\",\"brunch_dining\",\"hvac\",\"electric_bike\",\"directions_transit\",\"crisis_alert\",\"electric_scooter\",\"connecting_airports\",\"bus_alert\",\"egg\",\"local_car_wash\",\"local_hotel\",\"mode_of_travel\",\"stadium\",\"castle\",\"streetview\",\"safety_check\",\"directions_subway\",\"car_crash\",\"mosque\",\"compass_calibration\",\"electric_rickshaw\",\"turn_right\",\"airline_stops\",\"directions_railway\",\"no_meals\",\"fork_right\",\"railway_alert\",\"electric_moped\",\"local_play\",\"bike_scooter\",\"no_crash\",\"turn_left\",\"airlines\",\"pest_control_rodent\",\"near_me_disabled\",\"snowmobile\",\"u_turn_left\",\"directions_transit_filled\",\"egg_alt\",\"no_transfer\",\"file_download\",\"play_arrow\",\"star\",\"warning\",\"support_agent\",\"attach_money\",\"keyboard_arrow_down\",\"light_mode\",\"storefront\",\"manage_search\",\"sensor_door\" \n  ].sort(), \n  supportedColors: [\"primary\", \"secondary\", \"accent\", \"dark\", \"positive\", \"negative\", \"info\", \"warning\"]\n}\n\nfunction getBlockDefinitions(){\n  return _blockDefinitions;\n}\n\n\nfunction loadBlockDefinitions(readyCallback){\n  // Load dynamically and call callback function when ready\n  axios.get('data/blockDefinitions.json')\n    .then( result => {\n      _blockDefinitions = result.data;\n      parseDefinitionsSource();\n      addSpecialBlocks();\n      readyCallback(_blockDefinitions);    \n    } )\n    .catch( (error) => {\n      console.error( \"Error loading block definitions: \", error );\n    });\n}\n\n\nfunction parseDefinitionsSource(){\n  // Filter-out non-enabled blocks\n  _blockDefinitions = _blockDefinitions.filter( (block) => block.enabled );\n  \n  _blockDefinitions.forEach( (block) => {\n    // Remove v-model as we'll use model-value instead\n    let indexOfVmodel = block.properties.findIndex( (prop) => prop.name == \"v-model\" );\n    if( indexOfVmodel > -1 ){\n      block.properties.splice(indexOfVmodel, 1);\n    }\n    \n    // rename model-value to be Data Binding (v-model)\n    let indexOfModelValue = block.properties.findIndex( (prop) => prop.name == \"model-value\" );\n    if( indexOfModelValue > -1 ){\n      block.properties[indexOfModelValue].name = \"v-model\";\n      block.properties[indexOfModelValue].label = \"Data Binding\";\n    }\n\n    // Remove \"-\" values from bindings as they are not valid values\n    if( block.content.indexOf('v-on:click') > -1 || block.content.indexOf('v-model') > -1 ){\n      block.content = block.content.replace( `v-on:click=\"-\"`, `v-on:click=\"\"`);\n      block.content = block.content.replace( `v-model=\"-\"`, `v-model=\"\"`);\n    }\n\n    let blockProps = block.properties;\n    blockProps.forEach( (prop) => {\n      for( let propAttributeName in prop ){\n        let propAttrValue = prop[propAttributeName];\n\n        // Replace interpolated values (i.e. ${supportedIcons})) with the actual value\n        if( typeof propAttrValue == \"string\" && propAttrValue.indexOf('${') == 0 ){\n          let variableName = propAttrValue.slice(2,-1);\n          let variableValue = injectableVariables[variableName];\n          prop[propAttributeName] = variableValue;\n        }\n\n        // In case of multiple types for a prop, leave only the first one\n        // To-do: support for multiple types\n        if( Array.isArray(propAttrValue) ){\n          prop[propAttributeName] = propAttrValue[0];\n        }\n      }\n    });\n  });\n}\n\n\nfunction addSpecialBlocks(){    \n  // TempPlaceholder for dragged-bindings\n  _blockDefinitions.push({\n    type: \"tempplaceholder\", label: \"Temp PlaceHolder\", tagName: \"TEMPPLACEHOLDER\", \n    content: \"<tempplaceholder>TEMP Place holder</tempplaceholder>\", \n    properties: [], \n    droppable: false,     editable: false,     draggable: true,\n  } );\n\n  // ========================================================\n  //                    Plotly charts dynamic\n  // ========================================================\n  chartTypes.forEach( (chartTypeDef) => {\n    let encodedData = btoa( JSON.stringify( [chartTypeDef.traceTemplate] ) );\n    let traceLayout = chartTypeDef.traceLayout;\n    let encodedLayout = traceLayout ? btoa( JSON.stringify( traceLayout ) ) : \"eyJ0aXRsZSI6Ik15IENoYXJ0In0=\";\n    _blockDefinitions.push({\n      type: \"plotly\", label: chartTypeDef.id, tagName: \"PLOTLY\", category: \"Charts\", \n      content: `<plotly gb_c__data=\"${encodedData}\" gb_c__layout=\"${encodedLayout}\" gb_c__config=\"e30=\"></plotly>`, \n      renderContent: `<img src=\"img/block_icons/areaChart.png\" />`,  \n      icon: chartTypeDef.icon+'.png', \n      \n      properties: [\n        { label: 'Data', name: 'data', type:'PlotlyBase.GenericTrace' }, \n        { label: 'Layout', name: 'layout', type:'PlotlyBase.Layout' }, \n        { label: 'Config', name: 'config', type:'Object' }, \n        ], \n    });\n  });\n}\n\nexport { getBlockDefinitions, loadBlockDefinitions };","import {getBlockDefinitions} from \"./blockDefinitions.js\";\n//console.log( 'getBlockDefinitions', getBlockDefinitions );\n\nlet blockDefinitions, blockDefinitionsByTagName;\n\nfunction setBlockDefinitions(){\n    // need to load them only once\n    if( blockDefinitions == null ){        \n        blockDefinitions = getBlockDefinitions();\n        blockDefinitionsByTagName = {};\n        blockDefinitions.forEach((block) => {\n            blockDefinitionsByTagName[block.tagName] = block;\n        });\n    }\n}\n\nexport default class HtmlTemplateParser {\n  constructor() {\n    throw new Error(\n      \"HtmlTemplateParser is a static class and cannot be instantiated\"\n    );\n  }\n\n  static replaceSpecialElements(htmlString){\n    return htmlString.replace(/<%/g, '<JULIA_CODE>').replace(/%>/g, '</JULIA_CODE>');\n  }\n  static restoreSpecialElements(htmlString){\n    return htmlString.replace(/<JULIA_CODE>/gi, '<% ').replace(/<\\/JULIA_CODE>/gi, ' %>');\n  }\n\n  static encodeAttributesInDOM(element) {\n\n    // Ensure the element is a Node\n    if (!(element instanceof Node)) {\n    throw new Error(\"Element is not a Node\");\n    }\n\n    // Call the callback for the current element\n    HtmlTemplateParser.replaceElementAttributes(element);\n\n    // Recursively traverse the child nodes\n    for (let i = 0; i < element.childNodes.length; i++) {\n    HtmlTemplateParser.encodeAttributesInDOM(\n        element.childNodes[i]\n    );\n    }\n}\n\nstatic replaceElementAttributes( element ){\n    setBlockDefinitions();\n    let modelVariables = window.sharedData.modelFieldsByName;\n    let gbPrefix = 'gb_';\n    let bcTypeC = gbPrefix + 'c__';\n    let bcTypeB = gbPrefix + 'b__';\n    let specialDynamicAttributeNames = [ 'v-model', 'v-bind', 'v-on:click' ];\n    let excludedAttributeNames = [ 'class', 'style', 'id'];\n    let componentName = element.nodeName;\n    let componentDefinition = blockDefinitionsByTagName[componentName];\n            \n    // Do not parse elements without component definition\n            if( !componentDefinition ){\n        return\n    }\n    let componentPropertiesDefinitions = componentDefinition.properties;\n    let elementAttributeNames = element.getAttributeNames();\n    elementAttributeNames.forEach( (attributeName) => {\n        // Do not parse excluded attributes such as id, class, style...\n        if( excludedAttributeNames.indexOf(attributeName) > -1 ){\n            return;\n        }\n\n        let hasColon = attributeName.startsWith(':');\n        let cleanName = hasColon ? attributeName.slice(1) : attributeName;\n        let isDynamic = hasColon || specialDynamicAttributeNames.some( (specialName) => {\n            return attributeName.indexOf(specialName) === 0;\n        });\n        let attributeValue = element.getAttribute( attributeName );\n        let attributeDefinition = componentPropertiesDefinitions.find( el => el.name === cleanName );\n        let attributeValueMapsToModelVariable = modelVariables[attributeValue] != null;\n\n        // Only consider attributes that are defined in the component definition\n        if( attributeDefinition ){\n            // if its dynamic, it's either a binding or a constant\n            if( isDynamic ){\n                if( attributeValueMapsToModelVariable ){\n                    element.setAttribute( bcTypeB+ cleanName, attributeValue );\n                } else {\n                    element.setAttribute( bcTypeC+ cleanName, attributeValue );\n                }\n            // If it's not dynamic', it's a constant\n            }else{\n                if( attributeValue=='' ){\n                    element.setAttribute( bcTypeC+ cleanName, \"true\" );\n                }else {\n                    element.setAttribute( bcTypeC+ cleanName, attributeValue );\n                }\n            }\n            element.removeAttribute( attributeName );\n        }\n    });\n}\n\nstatic revertElementAttributes(element) {\n    setBlockDefinitions();\n    let gbPrefix = 'gb_';\n    let bcTypeC = gbPrefix + 'c__';\n    let bcTypeB = gbPrefix + 'b__';\n    let componentName = element.nodeName;\n    let componentDefinition = blockDefinitionsByTagName[componentName];\n    if( !componentDefinition ){\n        return;\n    }\n    let componentPropertiesDefinitions = componentDefinition.properties;\n    \n    let elementAttributeNames = element.getAttributeNames();\n    elementAttributeNames.forEach((attributeName) => {\n        let attributeValue = element.getAttribute( attributeName );\n        if (attributeName.startsWith(bcTypeC)) {\n            let originalName = attributeName.replace(bcTypeC, '');\n            let attributeDefinition = componentPropertiesDefinitions.find( el => el.name === originalName );\n            if( !attributeDefinition ){\n                throw new Error( 'Attribute definition not found for: ' + originalName );\n            }\n            let dataType = attributeDefinition.type;\n            //let dataType = HtmlTemplateParser.guessDataType(attributeValue);\n            if( componentName == \"PLOTLY\" && [\"data\", \"layout\", \"config\"].includes(originalName) ){\n                // To-do: revise if we need to handle this further\n            }else if( dataType != 'String' && !originalName .startsWith('v-on:') ){\n                originalName =  ':' + originalName;\n            }\n\n            element.setAttribute(originalName, attributeValue );\n            element.removeAttribute(attributeName);\n        } else if (attributeName.startsWith(bcTypeB)) {\n            let originalName = attributeName.replace(bcTypeB, '');\n            let bindingPrefix = (originalName === 'v-model' || originalName.startsWith('v-on:') ) ? '' : ':';\n            element.setAttribute(bindingPrefix + originalName, attributeValue );\n            element.removeAttribute(attributeName);\n        }\n    });\n}\n\nstatic decodeAttributesInDOM(rootElement) {\n    let elements = rootElement.querySelectorAll('*');\n    elements.forEach(element => {\n        HtmlTemplateParser.revertElementAttributes(element);\n    });\n}\n\nstatic guessDataType(input) {\n    if (typeof input === 'number' || /^-?\\d*\\.?\\d+$/.test(input)) {\n        return 'Number';\n    } else if (input === 'true' || input === 'false' || typeof input === 'boolean') {\n        return 'Boolean';\n    } else if (Array.isArray(input) || /^\\[.*\\]$/.test(input)) {\n        return 'Array';\n    } else {\n        return 'String';\n    }\n}\n\nstatic removeEmptyTextNodes(htmlString) {\n    // Parse the HTML string into a DOM document\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(htmlString, 'text/html');\n  \n    // Function to check if a node is an empty text node\n    const isEmptyTextNode = node => node.nodeType === Node.TEXT_NODE && !/\\S/.test(node.nodeValue);\n  \n    // Recursive function to remove all empty text nodes from a given node\n    const removeEmptyNodes = node => {\n      const childNodes = Array.from(node.childNodes);\n      childNodes.forEach(child => {\n        if (isEmptyTextNode(child)) {\n          // Remove the empty text node\n          node.removeChild(child);\n        } else {\n          // Recursively check this node's children\n          removeEmptyNodes(child);\n        }\n      });\n    };\n  \n    // Start the removal process from the body of the parsed document\n    removeEmptyNodes(doc.body);\n  \n    // Serialize the body back into a string\n    const serializer = new XMLSerializer();\n    const newHtmlString = serializer.serializeToString(doc.body);\n    // The serialized string includes <body> tags, so we remove them to only return the inner HTML\n    return newHtmlString.replace(/^<body>|<\\/body>$/g, '');\n  }\n  \n}\n","export default class Configuration{\n    constructor(){\n        throw new Error('Configuration is a static class and cannot be instantiated');\n    }\n\n    static appid = '';\n    static appport = '';\n    static CHANNEL__ = '';\n\n    static GB_SOURCE_LOCAL = 'local';\n    static GB_SOURCE_CLOUD = 'cloud';\n\n    static GB_SOURCE = '';\n    static GB_HOST = '';\n    static GB_PORT = '';\n\n    //static ask_ai_url = 'https://apps.peregimenez.com/docsbot/api/question';\n    static ask_ai_url = 'https://5590-77-229-161-26.ngrok-free.app/api/';\n\n    static getExternalApiBaseUrl( protocol ){\n        if( !protocol ){\n            throw new Error( \"getExternalApiBaseUrl() requires a protocol argument\" );\n        }\n        // Use secure protocols for cloud environment\n        if( Configuration.GB_SOURCE != Configuration.GB_SOURCE_LOCAL ){\n            protocol += 's';\n        }\n        let result = `${protocol}://${Configuration.GB_HOST}`;\n        if( Configuration.GB_SOURCE == Configuration.GB_SOURCE_LOCAL ){\n            result += `:`;\n        }else{\n            result += `/proxy/`;\n        }\n        result += `${Configuration.GB_PORT}/`;\n        console.log( protocol + \" - getExternalApiBaseUrl: \", result );\n        return result;\n    }\n    \n    static getAppBaseUrl( protocol, appPort ){\n        if( !protocol ){\n            throw new Error( \"getAppBaseUrl() requires a protocol argument\" );\n        }\n        // Use secure protocols for cloud environment\n        if( Configuration.GB_SOURCE != Configuration.GB_SOURCE_LOCAL ){\n            protocol += 's';\n        }\n        let result = `${protocol}://${Configuration.GB_HOST}`;\n        if( Configuration.GB_SOURCE == Configuration.GB_SOURCE_LOCAL ){\n            result += `:`;\n        }else{\n            result += `/proxy/`;\n        }\n        result += `${appPort}/`;\n        console.log( protocol + \" - getAppBaseUrl: \", result );\n        return result;\n    }\n\n    static getAppAssetsBaseUrl( protocol, appPort ){\n        if( !protocol ){\n            throw new Error( \"getAppAssetsBaseUrl() requires a protocol argument\" );\n        }\n        // Use secure protocols for cloud environment\n        if( Configuration.GB_SOURCE != Configuration.GB_SOURCE_LOCAL ){\n            protocol += 's';\n        }\n        let result = `${protocol}://${Configuration.GB_HOST}`;\n        if( Configuration.GB_SOURCE == Configuration.GB_SOURCE_LOCAL ){\n            result += `:`;\n            result += `${appPort}/`;\n        }\n        console.log( protocol + \" - getAppAssetsBaseUrl: \", result );\n        return result;\n    }\n\n\n}","<template>\n  <div style=\"height: 100%\">\n    <div id=\"gjs\" style=\"height: 300px\"></div>\n    <ComponentAddDialog\n      v-if=\"componentPlaceHolderData\"\n      @closeDialog=\"onComponentAddDialogClose\"\n      :appData=\"props.appData\"\n      :componentPlaceHolderData=\"componentPlaceHolderData\"\n    />\n    <div id=\"customLibrary\" style=\"display: none;\">\n      Custom Blocks\n      <div class=\"blocks\">\n        <div v-for=\"block in blocks\" class=\"block\" :key=\"block.id\" \n          @mousedown=\"dragStart(block)\">\n          <div class=\"block-label\">{{ block.label }}</div>\n        </div>\n      </div>\n    </div>\n    \n    <div id=\"canvasBlocker\" ref=\"canvasBlocker\" v-if=\"aiCodePreviewShown\" @click=\"addShakeEffect\">\n      <div id=\"canvasBlockerDialog\">\n        <div style=\"margin-bottom: 5px;\">AI Code Assistant changes applied!</div>\n        <vscode-button @click=\"revertAiCodeChanges\" style=\"width: 100px !important; margin-right: 10px;     background-color: #aaa;\">Revert</vscode-button>\n        <vscode-button @click=\"acceptAiCodeChanges\" style=\"width: 100px !important;\">Keep</vscode-button>\n\n      </div>\n      canvas blocker\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from \"vue\";\nimport axios from 'axios';\nimport _ from 'lodash';\n//import grapesjs from \"grapesjs\";\nimport \"grapesjs/dist/css/grapes.min.css\";\n\nimport ComponentAddDialog from \"./ComponentAddDialog.vue\";\nimport { registerPlotlyComponent } from \"../customblocks/plotlyComponent.js\";\nimport HtmlTemplateParser from \"../../utils/HtmlTemplateParser.js\";\nimport Configuration from \"../../utils/Configuration\";\n\n\nwindow.HtmlTemplateParser = HtmlTemplateParser;\n\nconst emit = defineEmits([\"componentSelected\", \"bindingDroppedOnComponent\"]);\n\nconst props = defineProps([\"appData\"]);\n\nlet modelFields = ref(props.appData.pages[0].model.fields);\nlet modelFieldsByName = {};\nmodelFields.value.forEach( field => {\n    modelFieldsByName[field.name] = field;\n});\n\nlet blocks = blockDefinitions.map( (item)=>{\n  let newDef = {\n    type: item.type,\n    label: item.label, \n    tagName: item.tagName,\n    id: item.type,\n    category: item.category, \n    content: item.content,\n    droppable: item.droppable,\n    draggable: item.draggable,\n    editable: item.editable,\n    activate: true, \n  }\n  return newDef;\n});\n\n\nwindow.selectedComponent = null;\n\nlet componentPlaceHolderData = ref(null);\nlet mockedAppTemplate = ref(null);\nlet reactiveModel = ref({});\nlet canvasBlocker = ref(null);\nlet aiCodePreviewShown = ref(false);\n\n\nfunction revertAiCodeChanges(){\n  editor.UndoManager.undo();\n  aiCodePreviewShown.value = false;\n}\nfunction acceptAiCodeChanges(){\n  aiCodePreviewShown.value = false;\n}\n\nfunction onComponentAddDialogClose(removeSelected) {\n  if (removeSelected) {\n    editor.getSelected().remove();\n    window.selectedComponent = null;\n    editor.select(null);\n  }\n  componentPlaceHolderData.value = null;\n}\n\n\n\nfunction onComponentAdded(info) {\n  editor.select(info);\n  if (info.attributes.tagName == \"tempplaceholder\") {\n    let parent = info.view.$el[0].parentNode;\n    let parentBlockType = parent.grapesModel?.attributes.type;\n    if (\n      parentBlockType == \"plotly\" &&\n      info.attributes.attributes.bindingname &&\n      info.attributes.attributes.datatype\n    ) {\n      emit(\"bindingDroppedOnComponent\", {\n        newComponentModel: info, \n        targetModel: parent.grapesModel,\n        bindingInfo: info.attributes.attributes,\n      });\n    } else {\n      offerComponents(\n        info.attributes.attributes.bindingname,\n        info.attributes.attributes.datatype\n      );\n    }\n  }\n}\n\n// this version of the function searches only in v-model\nfunction offerComponents(bindingname, datatype) {\n  console.log( 'offerComponents', bindingname, datatype );\n  // Find ui components with properties matching the bindingname and datatype\n  let defs = blockDefinitions;\n  let components = [];\n  // Iterate over all components and find those that have a property matching the datatype\n  defs.forEach((def) => {\n    let componentType = def.type; // this is not datatype, butcomponent type\n    let properties = def.properties;\n    let matchingdataTypePropertyNames = properties\n      .filter((property) => {\n        let matchesType = property.type == datatype;\n        let isVmodel = property.name == \"v-model\";\n        return matchesType && isVmodel;\n      })\n      .map((property) => property.name);\n    // If there is a property matching the datatype, add the component to the list\n    // By now, restricted to v-model\n    if (\n      (matchingdataTypePropertyNames.length > 0 && matchingdataTypePropertyNames.includes(\"v-model\") )\n    ) {\n      components.push({\n        type: componentType,\n        label: def.label,\n        content: def.content,\n        matchingProperties: matchingdataTypePropertyNames,\n      });\n    }\n    // Spcial case for pltly components\n    if( datatype == 'DataFrames.DataFrame' && componentType == 'plotly' ){\n      components.push({\n        type: componentType,\n        label: def.label,\n        content: def.content,\n        icon: def.icon,\n        matchingProperties: ['data'],\n      });\n    }else if( datatype == 'DataTable.DataFrames.DataFrame' && componentType == 'q-table' ){\n      components.push({\n        type: componentType,\n        label: def.label,\n        content: def.content,\n        icon: def.icon,\n        matchingProperties: ['data'],\n      });\n    }\n  });\n  componentPlaceHolderData.value = {\n    components: components,\n    bindingname: bindingname,\n    datatype: datatype,\n  };\n}\n\n\n\n  window.sharedData = {\n    externalData: null,\n    setExternalData: function(newData) {\n      // Update externalData with incoming properties\n      for( let p in newData ){\n        this.externalData[p] = newData[p];\n      }\n      // Notify all components of the change\n      const event = new CustomEvent('sharedDataChanged', { detail: this.externalData });\n      for( let componentId in window.canvasComponents ){\n        let component = window.canvasComponents[componentId];\n        if( component != null ){\n          component.onExternalDataChanged(event);\n        }\n      }\n    }\n  };\n\n\n  window.sharedData.externalData = {\n      initialProperty: \"initialValue\"\n  };\n\n\n\n  window.sharedData.getComponentDefinitionByType = getComponentDefinitionByType\n  window.sharedData.modelFieldsByName = modelFieldsByName\n  \n  \n  let wsUrl = Configuration.getAppBaseUrl('ws', Configuration.appport)\n  let ws; // = new WebSocket(wsUrl);\n\n\n\nfunction getComponentDefinitionByType(type) {\n  let defs = blockDefinitions;\n  let result = defs.find((def) => def.type.toLowerCase() == type.toLowerCase());\n  return result;\n}\n\n\nfunction updateReactiveModelVariable( key, value){\n    reactiveModel.value[key] = value;\n    window.sharedData.setExternalData(reactiveModel.value);\n}\n\n\nfunction sendWsMessage( message, payload={} ){\n  let msg = JSON.stringify({\n        'channel': Configuration.CHANNEL__,\n        'message': message,\n        'payload': payload\n      });\n      ws.send( msg );\n}\n\n\nfunction subscribeAutoreload( ){\n  let msg = JSON.stringify({\n        'channel': \"autoreload\",\n        'message': \"subscribe\",\n        'payload': {}\n      });\n      ws.send( msg );\n}\n\n\nfunction newSocketConnection() {\n  ws = new WebSocket(wsUrl);\n\n    ws.addEventListener('open', event => {\n      sendWsMessage( 'subscribe' );    \n      subscribeAutoreload();  \n    });\n\n    ws.addEventListener('message', event => {\n      if( event.data == 'Subscription: OK' ){\n        sendWsMessage( 'watchers', \n        { \n          payload:{\n            \"field\": \"isready\",\n            \"newval\": true,\n            \"oldval\": false,\n          }\n        });\n        return;\n      }else if( event.data.indexOf('{') == 0  ){\n        let msgObject = JSON.parse( event.data );\n        if( msgObject.key != null ){\n          updateReactiveModelVariable( msgObject.key, msgObject.value );\n        }\n      }\n    });\n\n    ws.addEventListener('close', event => {\n      console.log( 'newSocketConnection::close', event );\n    });\n\n    ws.addEventListener('error', error => {\n      console.log( 'newSocketConnection::error', error );\n    });\n\n    return ws\n}\n\n// Function used to dynamically load each script to mock the Genie App\nfunction loadScript(src, callback) {\n    var script = document.createElement('script');\n    script.src = src;\n    script.onload = () => callback(src);\n    script.onerror = () => console.error(`Error loading script: ${src}`);\n    document.head.appendChild(script);\n}\n\nfunction initMockedGenieApp(){\n  // Get the app scripts and styles, excluding unneeded ones, \n  // removing ending slash if present\n  let scripts = props.appData.pages[0].deps.scripts;\n  let appBasePath = Configuration.getAppAssetsBaseUrl('http', props.appData.port);\n  if( appBasePath[appBasePath.length-1] == '/' ){\n    appBasePath = appBasePath.substring(0, appBasePath.length-1);\n  }\n\n  // List of app scripts needed to mock the app\n  let mockedScriptsToExtract = [\n    \"assets/js/vue.js\", \n    \"assets/js/channels.js\", \n    \"assets/js/stipplecore.js\",\n    \"assets/js/watchers.js\",\n    \"assets/js/main_app_varmain_app_reactivemodel.js\" \n  ];\n  \n  // List of scripts, with full paths, to load in the mocked app\n  let mockedScripts = [];\n  scripts.forEach((script) => {\n    let found = false;\n    mockedScriptsToExtract.forEach((mockedScript) => {\n      if (script.indexOf(mockedScript) > -1) {        \n        let scriptPath = appBasePath + script;\n        mockedScripts.push(scriptPath);\n      }\n    });\n  });\n  \n  // Set autorun to false, so that Stipple doesn't start automatically\n  window.autorun = false;\n\n  // Dynamically load all scripts required to mock the app\n  let loadedScriptsCount = 0;\n  mockedScripts.forEach(script => {\n      loadScript(script, function() {\n          loadedScriptsCount++;\n          if (loadedScriptsCount === mockedScripts.length) {\n            // When done loading them all, initialize the mocked app\n            console.log('All scripts loaded successfully!');\n            initStipple(\"#Main_App_varMain_App_ReactiveModel\");\n            // Then updated the shared data with the initial reactive model properties and values\n            window.sharedData.setExternalData(window.GENIEMODEL._data);\n            // start the WS connection to listen to changes\n            newSocketConnection();\n            // and finally start the editor, now that the mocked-app, socket and shared data are ready\n            initEditor();\n          }\n      });\n  });\n}\n\nfunction initEditor(){\n  // Get the app scripts and styles, excluding unneeded ones\n  let scripts = props.appData.pages[0].deps.scripts;\n  let appBasePath = Configuration.getAppAssetsBaseUrl('http', props.appData.port);\n  // Remove ending slash if present\n  if( appBasePath[appBasePath.length-1] == '/' ){\n    appBasePath = appBasePath.substring(0, appBasePath.length-1);\n  }\n  let excludedScripts = [\n    \"assets/js/channels.js\", \n    //\"assets/js/stipplecore.js\",\n    //\"assets/js/vue_filters.js\",\n    \"assets/js/watchers.js\",\n    \"assets/js/keepalive.js\",\n    \"assets/js/syncplot.js\",\n    \"assets/js/autoreload.js\",\n    \"assets/js/main_app_varmain_app_reactivemodel.js\"\n\n  ];\n  let parsedSCripts = [];\n  scripts.forEach((script) => {\n    let found = false;\n    excludedScripts.forEach((excludedScript) => {\n      if (script.indexOf(excludedScript) > -1) {\n        found = true;\n        return;\n      }\n    });\n    if( !found ){\n      let scriptPath = appBasePath + script;\n      parsedSCripts.push(scriptPath);\n    }\n  });\n  parsedSCripts.push(\"data/contentMain.js\");\n  console.log( 'parsedSCripts', parsedSCripts );\n  let commonStyles = [];\n  commonStyles.push( \"https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons\");\n  props.appData.pages[0].deps.styles.forEach((style) => {\n    let stylePath = appBasePath + style;\n    commonStyles.push(stylePath);\n  });\n  \n  /* commonStyles.push( appBasePath + \"/stipple.jl/master/assets/css/stipplecore.css\" );\n  commonStyles.push( appBasePath + \"/stippleui.jl/master/assets/css/quasar.min.css\" ); */\n  commonStyles.push( \"data/grapesCanvas.css\" );\n\n  const editor = (window.editor = grapesjs.init({\n    container: \"#gjs\",\n    fromElement: true,\n    storageManager: false, // Disable the storage manager for the moment\n    canvas: {\n      scripts: parsedSCripts,\n      styles: commonStyles\n    },\n    \n    // Add Styles Editor panel\n    /* panels: { defaults: [\n    ] }, */\n    i18n: {\n      locale: 'en', \n      detectLocale: false,\n      messages: {\n        en: {\n          domComponents: {\n            names: {\n              'div': 'Div', // default has an empty key\n            }\n          }\n        }\n      } \n    }, \n\n    layerManager: {\n      // If the `root` is not specified or the component element is not found,\n      // the main wrapper component will be used.\n      root: '#gbTemplateContainer',\n      appendTo: \"#layersContainer\", \n      sortable: true,\n      hidable: true,\n    }, \n    blockManager: {\n      custom: true, \n      /* appendTo: \"#customLibrary\",*/\n      blocks: blocks, \n    },\n    styleManager: {\n      appendTo: \"#myStyleEditorContainerSections\",\n          sectors: [{\n              name: 'General',\n              properties:[\n                {\n                  extend: 'float',\n                  type: 'radio',\n                  default: 'none',\n                  options: [\n                    { value: 'none', className: 'fa fa-times'},\n                    { value: 'left', className: 'fa fa-align-left'},\n                    { value: 'right', className: 'fa fa-align-right'}\n                  ],\n                },\n                'display',\n                { extend: 'position', type: 'select' },\n                'top',\n                'right',\n                'left',\n                'bottom',\n              ],\n            }, {\n                name: 'Dimension',\n                open: false,\n                properties: [\n                  'width',\n                  {\n                    id: 'flex-width',\n                    type: 'integer',\n                    name: 'Width',\n                    units: ['px', '%'],\n                    property: 'flex-basis',\n                    toRequire: 1,\n                  },\n                  'height',\n                  'max-width',\n                  'min-height',\n                  'margin',\n                  'padding'\n                ],\n              },{\n                name: 'Typography',\n                open: false,\n                properties: [\n                    'font-family',\n                    'font-size',\n                    'font-weight',\n                    'letter-spacing',\n                    'color',\n                    'line-height',\n                    {\n                      extend: 'text-align',\n                      options: [\n                        { id : 'left',  label : 'Left',    className: 'fa fa-align-left'},\n                        { id : 'center',  label : 'Center',  className: 'fa fa-align-center' },\n                        { id : 'right',   label : 'Right',   className: 'fa fa-align-right'},\n                        { id : 'justify', label : 'Justify',   className: 'fa fa-align-justify'}\n                      ],\n                    },\n                    {\n                      property: 'text-decoration',\n                      type: 'radio',\n                      default: 'none',\n                      options: [\n                        { id: 'none', label: 'None', className: 'fa fa-times'},\n                        { id: 'underline', label: 'underline', className: 'fa fa-underline' },\n                        { id: 'line-through', label: 'Line-through', className: 'fa fa-strikethrough'}\n                      ],\n                    },\n                    'text-shadow'\n                ],\n              },{\n                name: 'Decorations',\n                open: false,\n                properties: [\n                  'opacity',\n                  'border-radius',\n                  'border',\n                  'box-shadow',\n                  'background', // { id: 'background-bg', property: 'background', type: 'bg' }\n                ],\n              },{\n                name: 'Extra',\n                open: false,\n                buildProps: [\n                  'transition',\n                  'perspective',\n                  'transform'\n                ],\n              },{\n                name: 'Flex',\n                open: false,\n                properties: [{\n                  name: 'Flex Container',\n                  property: 'display',\n                  type: 'select',\n                  defaults: 'block',\n                  list: [\n                    { value: 'block', name: 'Disable'},\n                    { value: 'flex', name: 'Enable'}\n                  ],\n                },{\n                  name: 'Flex Parent',\n                  property: 'label-parent-flex',\n                  type: 'integer',\n                },{\n                  name: 'Direction',\n                  property: 'flex-direction',\n                  type: 'radio',\n                  defaults: 'row',\n                  list: [{\n                    value: 'row',\n                    name: 'Row',\n                    className: 'icons-flex icon-dir-row',\n                    title: 'Row',\n                  },{\n                    value: 'row-reverse',\n                    name: 'Row reverse',\n                    className: 'icons-flex icon-dir-row-rev',\n                    title: 'Row reverse',\n                  },{\n                    value: 'column',\n                    name: 'Column',\n                    title: 'Column',\n                    className: 'icons-flex icon-dir-col',\n                  },{\n                    value: 'column-reverse',\n                    name: 'Column reverse',\n                    title: 'Column reverse',\n                    className: 'icons-flex icon-dir-col-rev',\n                  }],\n                },{\n                  name: 'Justify',\n                  property: 'justify-content',\n                  type: 'radio',\n                  defaults: 'flex-start',\n                  list: [{\n                    value: 'flex-start',\n                    className: 'icons-flex icon-just-start',\n                    title: 'Start',\n                  },{\n                    value: 'flex-end',\n                    title: 'End',\n                    className: 'icons-flex icon-just-end',\n                  },{\n                    value: 'space-between',\n                    title: 'Space between',\n                    className: 'icons-flex icon-just-sp-bet',\n                  },{\n                    value: 'space-around',\n                    title: 'Space around',\n                    className: 'icons-flex icon-just-sp-ar',\n                  },{\n                    value: 'center',\n                    title: 'Center',\n                    className: 'icons-flex icon-just-sp-cent',\n                  }],\n                },{\n                  name: 'Align',\n                  property: 'align-items',\n                  type: 'radio',\n                  defaults: 'center',\n                  list: [{\n                    value: 'flex-start',\n                    title: 'Start',\n                    className: 'icons-flex icon-al-start',\n                  },{\n                    value: 'flex-end',\n                    title: 'End',\n                    className: 'icons-flex icon-al-end',\n                  },{\n                    value: 'stretch',\n                    title: 'Stretch',\n                    className: 'icons-flex icon-al-str',\n                  },{\n                    value: 'center',\n                    title: 'Center',\n                    className: 'icons-flex icon-al-center',\n                  }],\n                },{\n                  name: 'Flex Children',\n                  property: 'label-parent-flex',\n                  type: 'integer',\n                },{\n                  name: 'Order',\n                  property: 'order',\n                  type: 'integer',\n                  defaults: 0,\n                  min: 0\n                },{\n                  name: 'Flex',\n                  property: 'flex',\n                  type: 'composite',\n                  properties  : [{\n                    name: 'Grow',\n                    property: 'flex-grow',\n                    type: 'integer',\n                    defaults: 0,\n                    min: 0\n                  },{\n                    name: 'Shrink',\n                    property: 'flex-shrink',\n                    type: 'integer',\n                    defaults: 0,\n                    min: 0\n                  },{\n                    name: 'Basis',\n                    property: 'flex-basis',\n                    type: 'integer',\n                    units: ['px','%',''],\n                    unit: '',\n                    defaults: 'auto',\n                  }],\n                },{\n                  name: 'Align',\n                  property: 'align-self',\n                  type: 'radio',\n                  defaults: 'auto',\n                  list: [{\n                    value: 'auto',\n                    name: 'Auto',\n                  },{\n                    value: 'flex-start',\n                    title: 'Start',\n                    className: 'icons-flex icon-al-start',\n                  },{\n                    value   : 'flex-end',\n                    title: 'End',\n                    className: 'icons-flex icon-al-end',\n                  },{\n                    value   : 'stretch',\n                    title: 'Stretch',\n                    className: 'icons-flex icon-al-str',\n                  },{\n                    value   : 'center',\n                    title: 'Center',\n                    className: 'icons-flex icon-al-center',\n                  }],\n                }]\n              }\n            ],\n        },\n    selectorManager: { \n      appendTo: \"#myStyleEditorContainerClasses\",\n      componentFirst: true \n    },\n    plugins: ['grapesjs-plugin-ckeditor'/* , 'grapesjs-component-code-editor' */],\n    pluginsOpts: {\n        //'grapesjs-component-code-editor': { appendTo:'#componentCodeEditor' }, \n        'grapesjs-plugin-ckeditor': {\n          options: {\n            //extraPlugins: 'sharedspace,justify,colorbutton,panelbutton,font',\n            \t//language: 'en',\n            \t/* toolbarGroups: [\n              \t//{ name: 'document', groups: [ 'mode', 'document', 'doctools' ] },\n                //{ name: 'clipboard', groups: [ 'undo' ] },\n                { name: 'editing', groups: [ 'undo', 'find', 'selection', 'spellchecker' ] },\n                //{ name: 'forms', groups: [ 'forms' ] },\n                //'/',\n                { name: 'basicstyles', groups: [ 'cleanup' ] },\n                //{ name: 'justify', groups: [ 'justifyleft', 'justifyright', 'justifycenter' ] },\n                { name: 'paragraph', groups: [ 'list', 'paragraph' ] },\n                //{ name: 'links', groups: [ 'links' ] },\n                //{ name: 'insert', groups: [ 'insert' ] },\n                '/',\n                { name: 'styles', groups: [ 'FontSize' ] },\n                { name: 'colors', groups: [ 'colors' ] },\n                //{ name: 'tools', groups: [ 'tools' ] },\n                //{ name: 'others', groups: [ 'others' ] },\n                //{ name: 'about', groups: [ 'about' ] }\n            \t],\n              removeButtons: 'NewPage' */\n              toolbar: [\n                { name: 'undo', items: ['Undo', 'Redo' ] },\n                { name: 'styles', items: ['Font', 'FontSize' ] },\n                ['Bold', 'Italic', 'Underline', 'Strike'],\n                //{name: 'paragraph', items : [ 'NumberedList', 'BulletedList']},\n                {name: 'links', items: ['Link', 'Unlink']},\n                {name: 'colors', items: [ 'TextColor', 'BGColor' ]},\n              ],\n       \t \t},\n        }\n      }\n  }));\n\n\nconst { Panels } = editor;\nPanels.getButton('views', 'open-blocks').set('active', false);\n\n// Use to bypass child-components·\"select\" event\n// used to prevent flickering when autoselecting the root node of the composite component\nlet compositeComponentAddedOrRemoved = false;\n  \n  editor.runCommand(\"sw-visibility\");\n\n  editor.on(\"rte:enable\",()=>{\n    setTimeout(()=>{\n      editor.trigger('frame:scroll');\n      console.log( 'rte:enable' );\n    }, 1000);\n    //editor.trigger('canvasScroll');\n  });\n\n  editor.on(\"component:add\", (com) => {\n    // For composite object, we autoselect the root object after a short delay\n    // since this event will also be triggered by its children\n    if( com.attributes.attributes.iscomposite=='true' ){\n      compositeComponentAddedOrRemoved = true;\n      setTimeout(()=>{\n        compositeComponentAddedOrRemoved = false;\n        onComponentAdded(com);\n        emit(\"componentSelected\", com);\n        debouncedAutoSave();\n      }, 200);\n    }else{\n      if( !compositeComponentAddedOrRemoved ){\n        onComponentAdded(com);\n        debouncedAutoSave();\n      }\n    }\n  });\n  \n  editor.on(\"component:remove\", (com) => {\n    if( com.attributes.attributes.iscomposite=='true' ){\n      compositeComponentAddedOrRemoved = true;\n      setTimeout(()=>{\n        compositeComponentAddedOrRemoved = false;\n        emit(\"componentSelected\", null);\n        debouncedAutoSave();\n      }, 200);\n    }else{\n      if( !compositeComponentAddedOrRemoved ){\n        emit(\"componentSelected\", null);\n        debouncedAutoSave();\n      }\n    }    \n  });\n  \n\n  editor.on(\"component:selected\", (com) => {\n    // Skipe event if a composite component was added recenty\n    if( compositeComponentAddedOrRemoved ){\n      return;\n    }else{\n      emit(\"componentSelected\", com);\n    }\n  });\n\n\n\n  editor.on(\"component:update\", (com) => { debouncedAutoSave();   });\n  editor.on(\"component:styleUpdate\", (com) => { debouncedAutoSave();   });\n  editor.on(\"property:compAdd:\", (com) => { debouncedAutoSave();   });\n  editor.on(\"property:compRemove:\", (com) => { debouncedAutoSave();   });\n  editor.on(\"property:compUpdate:\", (com) => { debouncedAutoSave();   });\n\n  let debouncedAutoSave = _.debounce(function () {\n    console.log( '>>>>>>>>>> component:autoSave' );\n      emit(\"autoSaveTriggered\");\n  }, 1000);\n\n\n\n  editor.on(\"canvas:dragdata\", (dataTransfer, result, event) => {\n    // If dataTransfer is present, it's a binding\n    if( dataTransfer ){\n      let objectData = dataTransfer.getData(\"text\");\n      objectData = JSON.parse(objectData);\n      if (objectData.objectType == \"binding\") {\n        result.content = `<tempplaceholder style=\"padding:10px;\" bindingname=\"${objectData.bindingname}\" datatype=\"${objectData.datatype}\">{{ ${objectData.bindingname} }}</tempplaceholder>`;\n      }\n      // Else, it's a block from the custom-native library\n    }else{\n      result.content = result.content.content\n    }\n  });\n\n  // ---------- GENIE/STIPPLE COMPONENTS ----------\n  editor.DomComponents.addType('julia_code', {\n    model:{\n      defaults: {\n        tagName: 'julia_code',\n          editable: true,\n          droppable: false,\n      }\n    }, \n    view: {\n\t\tevents: {\n\t\t\tdblclick: 'onActive',\n\t\t\tfocusout: 'onDisable',\n\t\t},\n\t\tonActive() {\n\t\t\tthis.el.contentEditable = true;\n\t\t},\n\t\tonDisable() {\n\t\t\tconst { el, model } = this;\n\t\t\tel.contentEditable = false;\n\t\t\tmodel.set('content', el.innerHTML)\n\t\t},\n\t}\n  });\n\n  // ---------- VUE CUSTOM COMPONENTS ----------\n  registerPlotlyComponent(editor);\n\n  // ---------- CUSTOM COMPONENTS ----------\n  blockDefinitions.forEach((definition) => {\n    const blacklist = [\"plotly\", \"tempplaceholder\"];\n    if (blacklist.includes(definition.type)) {\n      return;\n    }\n    editor.DomComponents.addType(definition.type, {\n      isComponent: (el) => {\n        if (el.tagName == definition.tagName) {\n          return { type: definition.type, name: definition.label };\n        }\n      },\n      model: {\n        defaults: {\n          //traits: definition.traits,\n          draggable: definition.draggable,\n          droppable: definition.droppable,\n          editable: definition.editable,\n          isComposite: definition.isComposite,\n          script: function(){    \n            var serverData = window.parent.sharedData.externalData;\n            \n            let uniqueId = this.attributes.id.nodeValue;\n\n            window.parent.addCanvasComponent( uniqueId, this );\n\n            this.onExternalDataChanged = (event)=>{\n                serverData = event.detail;\n                mappedAttributes = getMappedAttributes(this.attributes);\n                this.vueApp.updateServerData(serverData);\n            }\n\n            function getMappedAttributes(attributesIn){\n              let mappedAttributes = {};                    \n              let attributeNames = Object.getOwnPropertyNames(attributesIn);\n              attributeNames.forEach( (attrName)=>{\n                let attributeValue = attributesIn[attrName] !== undefined ? attributesIn[attrName]: attributesIn[attrName];\n                mappedAttributes[attrName] = attributeValue;\n              });\n              return mappedAttributes;\n            }\n            let tagName = this.grapesModel.attributes.tagName;\n            let attributesObject = this.grapesModel.attributes.attributes;\n            let getComponentDefinitionByType = window.parent.sharedData.getComponentDefinitionByType;\n            let modelFieldsByName = window.parent.sharedData.modelFieldsByName;\n            let componentDefinition = getComponentDefinitionByType( tagName );\n            \n            let mappedAttributes = getMappedAttributes(this.grapesModel.attributes.attributes);\n\n              Vue.config.warnHandler = (err, vm, info) => {\n                let element = document.getElementById(uniqueId);\n                element.innerHTML = `<div class=\"componentError\"><b style=\"font-size: 1.2em;\">${componentDefinition.label}</b><br/>${err}</div>`;\n                // err: error trace\n                // vm: component in which error occured\n                // info: Vue specific error information such as lifecycle hooks, events etc.\n              };\n              Stipple.init({theme: 'stipple-blue'});\n            this.vueApp = new Vue({\n                el: '#vueinternal_'+uniqueId,\n                //components: { QBtn:Quasar.}, \n                data: function(){ \n                    \n                    return {                        \n                        message:\"TESTING_ID\",\n                        attributes: mappedAttributes,  \n                        serverData: serverData,\n                    }\n                }, \n                computed:{\n                  parsedAttributes(){\n                    let result = {};\n                    let attributesObject = this.attributes;\n                    console.log( 'parsedAttributes', attributesObject );\n                    for( let keyRaw in attributesObject ){\n                      let key = keyRaw[0] == ':' ? keyRaw.substring(1) : keyRaw;\n                      let propertyDefinition = componentDefinition.properties.find( prop => prop.name == key );\n                      let attributeValue = attributesObject[keyRaw];\n                      let valueIsBinding = modelFieldsByName[attributeValue] != null;\n                      if( key == 'v-model' ){\n                        result['v-model'] = this.serverData[attributeValue];\n                        continue;\n                      }\n                      if( propertyDefinition ){\n                        if( valueIsBinding ){\n                          result[`:${key}`] = this.serverData[attributeValue];\n                        }else{\n                          if( propertyDefinition.type == \"String\" ){\n                            result[`${key}`] = attributeValue;\n                          }else{\n                            result[`:${key}`] = attributeValue;\n                          }\n                        }\n                      }else{\n                        result[`${key}`] = attributeValue;\n                      }\n                    }\n                    return result;\n                  }\n                },\n                methods: {\n                    updateServerData(newServerData){\n                        this.serverData = newServerData;\n                    }, \n                    updateAttributes(attrs){             \n                        this.attributes = getMappedAttributes(attrs);\n                        mappedAttributes = this.attributes;\n                        this.updateServerData(this.serverData);\n                        this.$forceUpdate();\n                    }, \n\n                }, \n                mounted() {\n                }\n            });\n\n          }\n        },\n        init() {\n          this.listenTo(this, 'change:attributes', this.onAttributeChange);\n        },\n        handleAttrChange() {\n          //this.render();\n        },\n        render: function () {\n          this.view.onRender();\n        },\n        removed() {\n            window.parent.postMessage( {command:\"removeCanvasComponent\", uid:this.ccid }, \"*\" );\n        },\n      },\n      view: {\n        onAttributeChange() {\n        }, \n        onRender() {\n          const { el, model } = this;\n          let uniqueId = el.attributes.id.nodeValue;\n          el.grapesModel = model;\n\n          let tagName = el.grapesModel.attributes.tagName;\n          let attributesObject = el.grapesModel.attributes.attributes;\n          let componentDefinition = getComponentDefinitionByType( tagName );\n          let renderContent = `<div id=\"vueinternal_${uniqueId}\" style=\"position: relative;\">\n            <${tagName} `;\n            \n            for( let keyRaw in attributesObject ){\n              let key = keyRaw;\n              if( key.indexOf('gb_c__') == 0 || key.indexOf('gb_b__') == 0 ){\n                key = key.substring(6);\n              }              \n              //= keyRaw[0] == ':' ? keyRaw.substring(1) : keyRaw;\n              let propertyDefinition = componentDefinition.properties.find( prop => prop.name == key );\n              let attributeValue = attributesObject[keyRaw];\n              let valueIsBinding = modelFieldsByName[attributeValue] != null;\n              \n              // If binding not recognised, check if it's a composed name (binding.property)\n              if( !valueIsBinding && attributeValue.indexOf('.') > -1 ){\n                let bindingParts = attributeValue.split('.');\n                let bindingName = bindingParts[0];\n                // Check if binding exists with that name and if it's a dataTable\n                let bindingObject = modelFieldsByName[bindingName];\n                if( bindingObject && bindingObject.type == 'DataTable.DataFrames.DataFrame' ){\n                  // then check among its props\n                  if( bindingObject.props && bindingObject.props.includes( bindingParts[1] ) )\n                    valueIsBinding = true;\n                }\n              }\n              if( key == 'v-model' ){\n                if( attributeValue == '' )\n                  renderContent += `v-model=\"serverData.none\" `;\n                else\n                  renderContent += `v-model=\"serverData.${attributeValue}\" `;\n                continue;\n              }\n              if( propertyDefinition ){\n                if( valueIsBinding ){\n                  renderContent += `:${key}=\"serverData.${attributeValue}\" `;\n                }else{\n                  if( propertyDefinition.type == \"String\" || key.indexOf('v-on') == 0 ){\n                    renderContent += `${key}=\"${attributeValue}\" `;\n                  }else{\n                    renderContent += `:${key}=\"${attributeValue}\" `;\n                  }\n                }\n              }else{\n                renderContent += `${key}=\"${attributeValue}\" `;\n              }\n            }\n\n            renderContent += `></${tagName}>\n            </div>\n          `;\n\n          \n          el.innerHTML = renderContent;\n        },\n      },\n    });\n  });\n\n  // Load autogenerated styles\n  let styles = props.appData.pages[0].assets;\n  let autogeneratedStyles = styles.find((style) => {\n    return style.indexOf('autogenerated.css') > -1;\n  });\n  if( autogeneratedStyles ){\n    let stylePath = window.apibase + 'apps/' + Configuration.appid + '/edit?path=' + encodeURIComponent( autogeneratedStyles );\n    axios.get( stylePath ).then( (result) => {\n      editor.setComponents(mockedAppTemplate.value);\n      editor.setStyle(result.data.content);\n    }).catch( (error) => {\n      console.log('error loading autogenerated styles', error);\n    });\n  }else{\n    editor.setComponents(mockedAppTemplate.value);\n  }\n\n}\n\nfunction showAiCodePreview(show){\n  console.log( 'showAiCodePreview', show );\n  aiCodePreviewShown.value = show;\n}\n\nfunction addShakeEffect($event) {\n  if( $event.target.id != 'canvasBlocker' )\n    return;\n\n  console.log( 'addShakeEffect', $event );\n  const element = document.getElementById('canvasBlockerDialog');\n  element.classList.add('shake-effect');\n\n  // Optional: Remove the class after the animation ends to reapply it later\n  element.addEventListener('animationend', () => {\n    element.classList.remove('shake-effect');\n  }, {once: true});\n}\n\nfunction updateReactiveModel(newModel){\n    reactiveModel.value = newModel;\n}\n\n\nfunction updateTemplateFile(fileContents){\n\n  // Clean DIVS (remove empty text nodes) to fix inability to drop components inside containers\n  fileContents = HtmlTemplateParser.removeEmptyTextNodes(fileContents);\n\n  fileContents = HtmlTemplateParser.replaceSpecialElements( fileContents );\n    \n    let fullContent = `\n    <div class=\"container layoutMockRoot\" data-gjs-removable=\"false\" data-gjs-draggable=\"false\" data-gjs-droppable=\"false\">\n      <div class=\"row layoutMockRow\" data-gjs-removable=\"false\" data-gjs-draggable=\"false\" data-gjs-droppable=\"false\">\n        <div class=\"col-12 layoutMockCol\" data-gjs-removable=\"false\" data-gjs-draggable=\"false\" data-gjs-droppable=\"false\">\n          <div id=\"gbTemplateContainer\" class=\"container\" data-gjs-removable=\"false\" data-gjs-draggable=\"false\" data-gjs-type=\"default\">\n            ${fileContents}\n          </div>\n        </div>\n      </div>\n    </div>`;\n\n    // Remove colons from attributes as needed\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(fullContent, 'text/html');\n    const firstDiv = doc.body;\n\n    HtmlTemplateParser.encodeAttributesInDOM(firstDiv );\n    \n    \n    const firstDivContent = firstDiv.innerHTML;\n\n    mockedAppTemplate.value = firstDivContent;\n    initMockedGenieApp();\n}\n\nlet dragStart;\n\n\n\nonMounted(() => {\n});\n\ndefineExpose({\n  updateReactiveModel, updateTemplateFile, showAiCodePreview\n}) \n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n#gjs {\n  border: none;\n  height: 100% !important;\n}\n</style>\n\n<style>\n/* ----------- Grapes' Layers panel ----------*/\n.gjs-layer-item {\n    background-color: #cccccc00 !important;\n    /* padding: 0px 40px; */\n}\n.gjs-layer-item:hover {\n    background-color: #cccccc20 !important;\n}\n.gjs-layer-name {\n    padding: 0px 0 8px !important;\n}\n.gjs-layer-count {\n    top: 2px !important;\n}\n.gjs-layer-move {\n    top: -4px !important;\n}\n.gjs-layer-vis {\n    top: -2px !important;\n    padding: 7px 5px 7px 5px;\n}\n.gjs-layer-title {\n    /* left: -5px; */\n    /* background-color: none !important; */\n}\n.gjs-layer-title-inn {\n    padding-left: 35px;\n}\n.gjs-layer-caret {\n    left: 20px;\n}\n.gjs-layer .gjs-layer-title {\n  background-color: #cccccc00 !important;;\n}\n.gjs-layer.gjs-selected {\n  background-color: #cccccc20 !important;;\n}\n\n/* ----------- end Grapes' Layers panel ----------*/\n.gjs-cv-canvas {\n  top: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n}\n\n#myStyleEditorContainer{\n  position: relative;\n}\n\n#customLibrary{\n  position: fixed;\n    bottom: 0px;\n    right: 0px;\n    background-color: #333;\n    padding: 20px;\n    /* user-select: none; */\n}\n\n.block {\n  user-select: none;\n  min-width: 45px;\n  padding: 1em;\n  box-sizing: border-box;\n  min-height: 90px;\n  cursor: all-scroll;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  border: 1px solid rgba(0,0,0,.2);\n  border-radius: 3px;\n  margin: 10px 2.5% 5px;\n  box-shadow: 0 1px 0 0 rgb(0 0 0 / 15%);\n  transition: all .2s ease 0s;\n  transition-property: color;\n}\n\n.block:hover {\n  color: #d278c9;\n}\n\n.gjs-pn-panels{\n  display: none;\n}\n\n\n#canvasBlockerDialog{\n  color: black;\n  position: absolute;\n  top: 10px;\n  right: 320px;\n  background-color: #ffffff;\n  padding: 10px 20px;\n  text-align: center;\n  border: solid 1px #cccccc90;\n  box-shadow: 4px 4px 20px #00000020;\n}\n\n#canvasBlocker{\n  position: absolute;\n  top: 40px;\n  left: 0;\n  right: 0px;\n  bottom: 0px;\n  /* background-color: #0088ff20; */\n  z-index: 1;\n  /* border: solid 4px #3794ff; */\n  box-sizing: border-box;\n}\n\n@keyframes shake {\n  /* Same keyframes as the CSS example */\n  0%, 100% { transform: translateX(0); }\n  10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); }\n  20%, 40%, 60%, 80% { transform: translateX(10px); }\n}\n.shake-effect {\n  animation: shake 0.8s;\n  animation-timing-function: ease-in-out;\n}\n\n</style>\n","import script from \"./CanvasPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CanvasPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CanvasPanel.vue?vue&type=style&index=0&id=55795ab2&lang=scss&scoped=true\"\nimport \"./CanvasPanel.vue?vue&type=style&index=1&id=55795ab2&lang=css\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-55795ab2\"]])\n\nexport default __exports__\nimport QTable from 'quasar/src/components/table/QTable.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QTable});\n","<template>\n    <div>\n        <vscode-text-field \n            :value=\"searchTerm\"\n            @input=\"(event)=>buildCategoriesTree(event)\" placeholder=\"Search UI Components\" style=\"padding: 5px 10px; width: 90%;\"></vscode-text-field>\n    </div>\n    <div style=\"max-height: 100%; overflow-y: auto; margin-top: 10px; user-select: none; flex-grow: 1;\">\n        <div style=\"display: flex; flex-wrap: wrap; gap: 5px;flex-direction: column;\">\n            <div v-for=\"category in blocksByCategory\" :key=\"category.category\" style=\"display: flex; flex-direction: column; width: 100%;\">\n                <div style=\"font-weight: bold; margin-bottom: 5px; text-transform: capitalize; margin-top: 10px;\">{{ category.category }}</div>\n                <div class=\"uiItemContainer\">\n                    <div v-for=\"block in category.blocks\" :key=\"block.id\" \n                        :blocktype=\"block.type\"\n                        class=\"uiItem\" \n                        @mousedown=\"dragStart(block)\"\n                        @pointerdown_BAD=\"onDragStart(block, $event)\" \n                        @pointermove_BAD=\"onPointerMove\"\n                        @pointerup_BAD=\"onPointerUp(block, $event)\" \n                        :title=\"block.label\"\n                        >\n                            <div class=\"uiItemLabel\">{{ block.label }}</div>\n                            <div class=\"uiItemIcon\">\n                                <img :src=\"getBlockIconPath(block)\" class=\"libraryIcon\" style=\"\"/>\n                            </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup>\n\n//import blockDefinitions from '../../utils/blockDefinitions'\nimport { ref,computed, onMounted } from 'vue'\n\n// Exclude some block types from the list\nconst excludedTypes = [\"tempplaceholder\", \"partial\"];\nlet blockDefinitionsRaw = blockDefinitions.filter( block => {\n    return excludedTypes.indexOf( block.type ) === -1;\n} );\n\n//debugger;\n// HTML blocks\n// =============================================\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"1-Col Row\", properties:[], tagName: \"DIV\", type: '1column', content: `<div class=\"row\">\n<div class=\"st-col col-12 col-sm st-module\"></div></div>`, media: ``, category: 'Layout'   }); \n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"2-Col Row\", properties:[], tagName: \"DIV\", type: '2columns', content: `<div class=\"row\">\n<div class=\"st-col col-12 col-sm st-module\"></div>\n<div class=\"st-col col-12 col-sm st-module\"></div>\n</div>`, media: ``, category: 'Layout'   }); \n\n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"3-Col Row\", properties:[], tagName: \"DIV\", type: '3columns', content: `<div class=\"row\">\n<div class=\"st-col col-12 col-sm st-module\"></div>\n<div class=\"st-col col-12 col-sm st-module\"></div>\n<div class=\"st-col col-12 col-sm st-module\"></div>\n</div>`, media: ``, category: 'Layout'   }); \n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"Column\", properties:[], tagName: \"DIV\", type: '1column', content: `<div class=\"st-col col-12 col-sm st-module\"></div>`, media: ``, category: 'Layout'   }); \n\n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"Sidebar Left\", properties:[], tagName: \"DIV\", type: 'sidebar_left', content: `<header class=\"st-header q-pa-sm\">\n<h1 class=\"st-header__title text-h3\">Header Text</h1>\n</header>\n<div class=\"row\">\n<div class=\"st-col col-3 col-sm st-module\"></div>\n<div class=\"st-col col-9 st-module\"></div>\n</div>\n<footer class=\"st-module\">Page footer</footer>\n`, media: ``, category: 'Layout'   }); \n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"Sidebar Right\", properties:[], tagName: \"DIV\", type: 'sidebar_right', content: `<header class=\"st-header q-pa-sm\">\n<h1 class=\"st-header__title text-h3\">Header Text</h1>\n</header>\n<div class=\"row\">\n<div class=\"st-col col-9 st-module\"></div>\n<div class=\"st-col col-3 col-sm st-module\"></div>\n</div>\n<footer class=\"st-module\">Page footer</footer>\n`, media: ``, category: 'Layout'   }); \n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"Sidebars\", properties:[], tagName: \"DIV\", type: 'sidebars',  content: `<header class=\"st-header q-pa-sm\">\n<h1 class=\"st-header__title text-h3\">Header Text</h1>\n</header>\n<div class=\"row\">\n<div class=\"st-col col-3 col-sm st-module\"></div>\n<div class=\"st-col col-5 st-module\"></div>\n<div class=\"st-col col-3 col-sm st-module\"></div>\n</div>\n<footer class=\"st-module\">Page footer</footer>\n`, media: ``, category: 'Layout'   });  \n\nblockDefinitionsRaw.push( {\n    label: \"Header\", tagName: \"header\", type: 'header', description: \"\", category: 'Layout', media: ``,\n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],\n    content: `<header class=\"st-module\"><h1>Page header</h1></header>`\n});\n\nblockDefinitionsRaw.push( { \n    label: \"Footer\", tagName: \"footer\", type: 'footer', description: \"\", category: 'Layout', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<footer class=\"st-module\">Page footer</footer>`    \n});  \n\n/* =========== CONTENT =============== */\n\n/* blockDefinitionsRaw.push( { \n    label: \"DIV\", tagName: \"DIV\", type: 'div', description: \"\", category: 'Content', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<div>Add Content Here</div>`    \n});   */\n\n// To-do: Move these definitions to a separate file for easier editing\nblockDefinitionsRaw.push( { \n    label: \"H1\", tagName: \"H1\", type: 'H1', description: \"\", category: 'Text', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<H1>Header Content</H1>`    \n});  \nblockDefinitionsRaw.push( { \n    label: \"H2\", tagName: \"H2\", type: 'H2', description: \"\", category: 'Text', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<H2>Header Content</H2>`    \n});  \nblockDefinitionsRaw.push( { \n    label: \"H3\", tagName: \"H3\", type: 'H3', description: \"\", category: 'Text', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<H3>Header Content</H3>`    \n});  \nblockDefinitionsRaw.push( { \n    label: \"H4\", tagName: \"H4\", type: 'H4', description: \"\", category: 'Text', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<H4>Header Content</H4>`    \n});  \nblockDefinitionsRaw.push( { \n    label: \"H5\", tagName: \"H5\", type: 'H5', description: \"\", category: 'Text', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<H5>Header Content</H5>`    \n});  \nblockDefinitionsRaw.push( { \n    label: \"H6\", tagName: \"H6\", type: 'H6', description: \"\", category: 'Text', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<H6>Header Content</H6>`    \n});  \nblockDefinitionsRaw.push( { \n    label: \"Paragraph\", tagName: \"P\", type: 'paragraph', description: \"\", category: 'Text', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<p>Paragraph Content</p>`    \n});  \n\n\n\n\n// =============================================\n// End HTML blocks\n\nlet categoriesSorting = [\n    \"Layout\", \n    \"Text\", \n    \"Content\", \n    \"Forms\", \n    \"Widgets\", \n    \"Lists\", \n    \"Tables\", \n    \"Charts\", \n    \"Multimedia\", \n    \"Timeline\", \n    \"Other\", \n];\n\nlet blocksByCategory = ref(null);\nlet searchTerm = ref('');\n\n// Variables needed for the custom implementation of drag-and-drop\nlet isDragging = false;\nlet draggableElement = null;\nlet iframeB = null;\n\nlet blocks = blockDefinitions.map( (item)=>{\n  let newDef = {\n    type: item.type,\n    label: item.label, \n    tagName: item.tagName,\n\n    id: item.type,\n    category: item.category, \n    content: item.content,\n    droppable: item.droppable,\n    draggable: item.draggable,\n    editable: item.editable,\n\n    //media: item.media, \n    activate: true, \n  }\n  return newDef;\n});\n\nlet dragStart, dragStop;\n\nfunction handleBlocks(props) {\n      blocks = props.blocks;\n      dragStart = props.dragStart;\n      dragStop = props.dragStop;\n      emit(\"blockCustomTriggered\", props );\n    };\n\nlet editorCheckInterval;\n\nonMounted( ()=>{\n    editorCheckInterval = setInterval( ()=>{\n        if( window.editor ){\n            clearInterval( editorCheckInterval );\n            window.editor.on('block:custom', handleBlocks);\n            const { Panels } = window.editor;\n            Panels.getButton('views', 'open-blocks').set('active', true);\n            console.log( \"[debug] LibraryPanel :: onMounted :: window.editor Ready: \", window.editor );\n        }else{\n            console.log( \"[debug] LibraryPanel :: onMounted :: window.editor NOT ready\" );\n        }\n    }, 1000);\n});\n\n\nfunction buildCategoriesTree(event){\n    //console.log( 'buildCategoriesTree :: newValue: ', event );\n    if( event != undefined )\n        searchTerm.value = event.target.value;\n    \n    let categories = [];\n    let categoriesDict = {};\n    let blocks = [];\n    filteredBlockDefinitions.value.forEach( block => {\n        if( block.hideFromLibrary == true ) return;\n        let category = block.category || 'other';\n        if( !categoriesDict[ category ] ){\n            categoriesDict[ category ] = { category: category, blocks: [] }\n            categories.push( categoriesDict[ category ] );\n        }\n        categoriesDict[ category ].blocks.push( block );\n    });\n    // Sort categories based on categoriesSorting sorting array\n    categories.sort( (a,b)=>{\n        let aIndex = categoriesSorting.indexOf( a.category );\n        let bIndex = categoriesSorting.indexOf( b.category );\n        if( aIndex > bIndex ) return 1;\n        if( aIndex < bIndex ) return -1;\n        return 0;\n    });\n\n    // within each category, sort blocks by label\n    categories.forEach( category => {\n        category.blocks.sort( (a,b)=>{\n            if( a.label > b.label ) return 1;\n            if( a.label < b.label ) return -1;\n            return 0;\n        });\n    });\n\n    blocksByCategory.value = categories;\n    logCategories();\n    return categories;\n}\n\nfunction logCategories(){\n    let output = \"Block Categories:\\n--------------------\\n\";\n    blocksByCategory.value.forEach( category => {\n        output += category.category + \"\\n\";\n        category.blocks.forEach( block => {\n            output += \"  \" + block.label + \"\\n\";\n        });\n    });\n    console.log( output );\n}\n\nconst filteredBlockDefinitions = computed( ()=>{\n    if( !searchTerm.value ) return blockDefinitionsRaw;\n    let results = blockDefinitionsRaw.filter( block => {\n        return block.label.toLowerCase().indexOf( searchTerm.value.toLowerCase() ) > -1;\n    });\n    return results;\n});\n\nbuildCategoriesTree();\n\nconst getBlockIconPath = function(block)  {   \n    let iconFileName;\n    if( block.icon ){\n        iconFileName = block.icon;\n    }else{\n        iconFileName = block.type.split(\"q-\").join(\"\")+'.png';\n    }\n    const result = 'img/block_icons/'+iconFileName\n    return result;\n}\n\n\nfunction onDragStart(block, $event) {\n    iframeB = document.querySelector(\".gjs-frame\");\n\n    sorter = editor.BlockManager.blocksView.getSorter();\n    sorter.__currentBlock = block;\n    sorter.setDragHelper( $event.target, $event);\n    sorter.setDropContent(block.content);\n    sorter.startSort($event.target);\n\n    //sorter = editor.Utils.getSorter();\n\n    // Traverse up the DOM tree to find the .uiItem element\n    let target = $event.target;\n    while (target && !target.classList.contains('uiItem')) {\n        target = target.parentElement;\n    }\n\n    if (target) {\n        isDragging = true;\n        draggableElement = target;\n        target.setPointerCapture($event.pointerId);\n    }\n}\n\nfunction onPointerMove($event){\n    if (!isDragging || !sorter) return;\n\n    const rect = iframeB.getBoundingClientRect();\n    const x = $event.clientX - rect.left;\n    const y = $event.clientY - rect.top;\n}\n\n\nfunction onPointerUp(block, event){\n    if (sorter) {\n        sorter.endMove();\n        sorter = null;\n    }\n\n    isDragging = false;\n    const rect = iframeB.getBoundingClientRect();\n    if (\n        event.clientX >= rect.left &&\n        event.clientX <= rect.right &&\n        event.clientY >= rect.top &&\n        event.clientY <= rect.bottom\n    ) {\n        draggableElement.style.pointerEvents = 'none';  // Temporarily disable pointer events for the dragged element\n\n        const iframeDoc = iframeB.contentDocument;\n        const x = event.clientX - rect.left;\n        const y = event.clientY - rect.top;\n        const elementBelow = iframeDoc.elementFromPoint(x, y);\n\n        let elementBelowId = elementBelow.getAttribute('id');\n        draggableElement.style.pointerEvents = '';  // Restore pointer events for the dragged element\n        draggableElement.style.position = 'static';\n\n        // Get the GrapesJS component corresponding to elementBelow        \n        let targetComponent = editor.DomComponents.getWrapper().find('#'+elementBelowId)[0];\n\n        if (targetComponent) {\n            targetComponent.components().add( block.content );\n            // Refresh the canvas to reflect the changes\n            editor.refresh();\n        }\n    } else {\n        draggableElement.style.position = 'static';\n    }\n    draggableElement = null;\n}\n\nconst emit = defineEmits(['blockCustomTriggered'])\n</script>\n\n\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n.uiItemContainer{\n    display: grid;\n    flex-wrap: wrap;\n    gap: 5px;\n    /* max-height: 40vh; */\n    grid-template-columns: 32% 32% 32%;\n}\n.uiItem{\n    display: block;\n    flex: 1 1 49%;\n    border: solid 1px var(--checkbox-background);\n    padding: 5px 6px 3px;\n    box-sizing: border-box;\n    text-align: center;\n    cursor: move;\n    border-radius: 5px;\n    font-size: 0.9em;\n}\n\n.uiItem:hover{\n    background-color: #00000010;\n}\n.uiItemIcon{\n    justify-content: center;\n    display: flex;\n    margin-bottom: 3px;\n    filter: brightness(1.5) saturate(1);\n    pointer-events: none;\n}\n.uiItemLabel{\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    pointer-events: none;\n    max-width: 75px;\n\n}\n\n.libraryIcon{\n    max-height: 20px;\n    margin-top:6px;\n    pointer-events: none;\n    filter: var(--library-icon-filter);\n}\n</style>\n","import script from \"./LibraryPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LibraryPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./LibraryPanel.vue?vue&type=style&index=0&id=3da05314&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-3da05314\"]])\n\nexport default __exports__","<template>\n    <div class=\"blocker\">        \n        <div class=\"addPropsPanel\">\n            <div style=\"text-align: center; font-size: 0.8em; font-weight: bold; margin-bottom: 10px;\">Add Property</div>\n            <div class=\"closeAddProp\" @click=\"closeButtonClicked\">X</div>\n            <div class=\"addPropsList\">\n                <div class=\"addPropRow\" v-for=\"item in sortedPropsList()\" @click=\"addProperty(item)\" :title=\"item.desc||'Property description not available'\">\n                    <div style=\"width:70%;\">{{item.label}}</div>\n                    <div style=\"    text-transform: capitalize;    width: 30%; font-size: 0.8em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;     display: flex; justify-content: right; align-items: center; opacity: 0.6;\">{{item.type}}</div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n\n<script setup>\nimport _ from 'underscore';\n\nconst props = defineProps(['propslist', 'defObject', 'destination']);\nconst emit = defineEmits(['propAdded', 'close' ]);\n\n\n/**\n * Event handler for adding a property\n * @param {Object} item \n */\nfunction addProperty(item){\n    emit('propAdded', item, props.defObject, props.destination);\n}\n\nfunction sortedPropsList(){\n    return _.sortBy(props.propslist, (item)=>{ return item.label.toLowerCase() });\n}\n\n\n/**\n * Event handler for closing the dialog\n */\nfunction closeButtonClicked(){\n    emit('close');    \n}\n\n</script>\n\n<style scoped>\n\n.blocker{\n    position: fixed;\n    top: 0px;\n    left: 0px;\n    width: 100vw;\n    height: 100vh;\n    background-color: rgb(0 0 0 / 0.5);\n    z-index: 1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.addPropsPanel{\n    background-color: #2B2634;\n    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1882352941);\n    border-radius: 5px;\n    padding: 10px 0px;\n    width: 300px;\n    min-height: 200px;\n    max-height: 500px;\n    display: flex;\n    flex-direction: column;\n    position: relative;    \n}\n\n.closeAddProp{\n    position: absolute;\n    right: 10px;\n    top: 5px;\n    cursor: pointer;\n    font-weight: bold;\n    font-size: 12px;\n    color: #999;\n}\n\n.addPropsList{\n    padding: 10px 10px;\n    position: relative;\n    height: 100%;\n    overflow: auto;\n}\n\n.addPropRow{\n    padding: 2px;\n    border-bottom: solid 1px rgb(0 0 0 / 17%);\n    opacity: 0.9;\n    cursor: pointer;\n    position: relative;\n    font-size: 0.9em;\n    display: flex;\n    flex-direction: row;\n    gap: 5px;\n}\n\n.addPropRow:hover{\n    opacity: 1;\n    background-color:#f4f4f410; \n}\n\n.addPropRow:hover >.addPropIcon{\n    opacity: 1;\n}\n</style>","import script from \"./AddPropertyDialog.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddPropertyDialog.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddPropertyDialog.vue?vue&type=style&index=0&id=ac17f3aa&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-ac17f3aa\"]])\n\nexport default __exports__","<template>   \n    <div class=\"foldableGroupHeader\" v-if=\"showSectionTitle\">\n        <!-- <div style=\"width:40px;\">?</div> -->\n        <div class=\"groupHeaderContent\">\n            <img :src=\"'img/block_icons/'+getChartTypeIcon+'.png'\" class=\"chartTypeIcon\" :style=\"{opacity: 1}\" /> \n            {{ treeObject.name }}\n        </div>\n        <div class=\"removeBtnCnt\" style=\"width:20px;\">\n            <span @click=\"removeSection\" title=\"Remove Trace\" class=\"codicon codicon-settings\">\n                <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"font-size: 14px; padding: 0px;\">delete</i>\n            </span>\n        </div>\n        \n        \n        \n        <!-- <div style=\"\">v</div> -->\n    </div>\n    <!-- <div style=\"position: relative; padding-top: 20px;\"> -->\n        <div class=\"row propRow\" style=\"position: relative;\" v-for=\"property in definitionsListWithValues\" :key=\"property.id\">\n            <!-- remove-prop button -->\n            <div class=\"col-1 removeBtnCnt\" style=\"width:20px; position: absolute;\">\n                <span @click=\"removeTraceProperty(property)\" title=\"Remove Property\" class=\"codicon codicon-settings\">\n                    <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"font-size: 14px; padding: 0px;\">delete</i>\n                </span>\n            </div>\n            <!-- Prop Label -->\n            <div class=\"col-4 propRowLabel\" style=\"\" :title=\"property.label\">\n                {{ property.label }}:\n            </div>\n\n            <!-- Binding mode -->\n\n            <div class=\"col-7\" v-if=\"isPropValueBinding(property)\">\n                <select class=\"propInput propInputDynamic\" style=\"width:100%;height: 25px;\" v-model=\"property.valueHolderParent[property.propName]\" @change=\"submitChanges\" \n                :attrname=\"property.propertyName\">\n                    <option v-for=\"binding in modelFields\" :key=\"'binding_'+binding.name\" :value=\"'$_{'+binding.name+'}'\">{{binding.name}}</option>\n                </select>\n            </div>\n\n            <!-- UI controls -->\n            <div class=\"col-7\" v-else-if=\"property.id=='type'\">\n                <div class=\"chartTypeContainer\" v-if=\"property.id=='type'\" style=\"position: relative;\">\n                    <select class=\"propInput propInputDynamic\" style=\"width:100%;height: 25px;\" @change=\"changeChartType\" v-model=\"currentGbType\" :attrname=\"property.propertyName\">\n                        <option v-for=\"chartType in chartTypes\" :key=\"'chartType_'+chartType.id\" :value=\"chartType.id\">{{chartType.id}}</option>\n                    </select>\n                    <!-- <div style=\"justify-content: start; display: flex; margin-bottom: 3px; filter: brightness(1.5) saturate(1);\">\n                        <img src=\"img/block_icons/areaChart.png\" class=\"chartTypeIcon\" :style=\"{opacity: property.valueHolderParent[property.propName] == 'area' ? 1 : 0.3}\" \n                            @click=\"changeChartType(property, 'area')\" />\n                        <img src=\"img/block_icons/barChart.png\" class=\"chartTypeIcon\" :style=\"{opacity: property.valueHolderParent[property.propName] == 'bar' ? 1 : 0.3}\" \n                            @click=\"changeChartType(property, 'bar')\" />\n                        <img src=\"img/block_icons/scatterChart.png\" class=\"chartTypeIcon\" :style=\"{opacity: property.valueHolderParent[property.propName] == 'scatter' ? 1 : 0.3}\" \n                            @click=\"changeChartType(property,  'scatter')\" />\n                        <img src=\"img/block_icons/chart.png\" class=\"chartTypeIcon\" :style=\"{opacity: property.valueHolderParent[property.propName] == 'chart' ? 1 : 0.3}\" \n                            @click=\"changeChartType(property,  'chart')\" />\n                        <img src=\"img/block_icons/pieChart.png\" class=\"chartTypeIcon\" :style=\"{opacity: property.valueHolderParent[property.propName] == 'pie' ? 1 : 0.3}\" \n                            @click=\"changeChartType(property,  'pie')\" />\n                    </div> -->\n                </div>\n            </div>\n            <div class=\"col-7\" v-else-if=\"property.type=='array'\">\n                <vscode-text-field :type=\"property.type\" name=\"\" id=\"\" \n                    :value=\"property.valueHolderParent[property.propName]\"\n                    @input=\"(event) => property.valueHolderParent[property.propName] = event.target.value\" \n                    @change=\"submitChanges\"></vscode-text-field>\n            </div>\n            <!-- <div class=\"col-7\" v-else-if=\"property.id=='x' || property.id=='y' || property.id=='z' || property.id=='values' || property.id=='labels' || property.id=='coordinates' || property.id=='dimensions' || property.id=='counts'  \">\n                <vscode-dropdown style=\"width: 100%;\" name=\"\" id=\"\" \n                    :value=\"property.valueHolderParent[property.propName]\"\n                    @input=\"(event) => property.valueHolderParent[property.propName] = event.target.value\" \n                    @change=\"submitChanges\"\n                >\n                    <vscode-option :value=\"'$_{'+field+'}'\" v-for=\"field in dataSourceColumns\">{{ field }}</vscode-option>\n                </vscode-dropdown>\n            </div> -->\n            <div class=\"col-7\" v-else-if=\"property.type=='enum'\">\n                <!-- <vscode-dropdown style=\"width: 100%;\" name=\"\" id=\"\" \n                    :value=\"property.valueHolderParent[property.propName]\"\n                    @input=\"(event) => property.valueHolderParent[property.propName] = event.target.value\" \n                    @change=\"submitChanges\"\n                >\n                    <vscode-option :value=\"field\" v-for=\"field in property.options\">{{ field }}</vscode-option>\n                </vscode-dropdown> -->\n                <select class=\"propInput propInputDynamic\" style=\"width:100%;height: 25px;\" v-model=\"property.valueHolderParent[property.propName]\" @change=\"submitChanges\" \n                :attrname=\"property.propertyName\">\n                    <option v-for=\"field in property.options\" :key=\"'field_'+field\" :value=\"field\">{{field}}</option>\n                </select>\n            </div>\n            <div class=\"col-7\" v-else style=\"align-items: center; position: relative; display: flex;\">          \n                <input type=\"checkbox\" v-if=\"property.type=='boolean'\" name=\"\" id=\"\" v-model=\"property.valueHolderParent[property.propName]\" @change=\"submitChanges\">\n                <input v-if=\"property.type=='color'\" :type=\"property.type\" v-model=\"property.valueHolderParent[property.propName]\" @change=\"submitChanges\" style=\"height: 23px; width: 23px; margin-right: 5px; background-color:#ffffff00\">\n                <vscode-text-field v-if=\"property.type=='color'\" type=\"text\" name=\"\" id=\"\" \n                    :value=\"property.valueHolderParent[property.propName]\"\n                    @input=\"(event) => property.valueHolderParent[property.propName] = event.target.value\" \n                    @change=\"submitChanges\" style=\"width:80px;\"></vscode-text-field>\n                <vscode-text-field v-if=\"property.type=='string' || property.type=='number'\" :type=\"property.type\" name=\"\" id=\"\" \n                    :value=\"property.valueHolderParent[property.propName]\"\n                    @input=\"(event) => property.valueHolderParent[property.propName] = event.target.value\" \n                    @change=\"submitChanges\"></vscode-text-field>\n            </div>\n\n            <div class=\"propRowDynamicSwitch\" @click=\"toggleDynamicAttribute(property)\" v-if=\"property.propName!='type' && property.propName!='name'\">\n                <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" v-if=\"isPropValueBinding(property)\" draggable=\"false\" />\n                <img src=\"img/icons/binding_off.png\" style=\"height: 16px;\" v-if=\"!isPropValueBinding(property)\" draggable=\"false\" />\n            </div>\n        </div>\n    <!-- </div> -->\n</template>\n  \n<script setup>\n    import {chartTypes} from '../utils/chartDefinitions.js';\n  import { ref, computed } from 'vue';\n\n  // PROPS and EMITS\n  const props = defineProps(['dataSourceColumns', 'treeObject', 'propertiesDefinition', 'appData', 'modelFields', 'sectionIndex', 'showSectionTitle'])\n  const emit = defineEmits(['change'])\n\n  let currentGbType = ref[null];\n\n  //let modelFields = ref(props.appData.pages[0].model.fields);\nconsole.log( \"ChartSection.modelFields: \", props.modelFields)\n\n  /*  ======================================================================================\n                                    COMPONENT METHODS\n    ====================================================================================== */\n    /* function getPropVal(property){\n        console.log( 'getPropVal', property.name, property );\n        let value = property.valueHolderParent[property.propName]\n        console.log( 'getPropVal value: ', value );\n        return value;\n    } */\nconst getChartTypeIcon = computed( ()=>{\n    let chartTypeDef = chartTypes.find( (chartType)=>{ return chartType.id == currentGbType } );\n    console.log( 'chartTypeDeffffff', chartTypeDef );\n    if( !chartTypeDef ){\n        console.error( \"Could not find chart type definition for: \" + currentGbType );\n        return \"scatterChart\";\n    }else{\n        return chartTypeDef.icon;\n    \n    }\n})\n\n    function removeSection(){\n        let sectionIndex = props.sectionIndex;\n        emit('removeTrace', sectionIndex);\n    }\n    function removeTraceProperty( property ){\n        let propertyId = property.id;\n        console.log( 'removeTraceProperty before: ', property, props.treeObject );\n        removePropertyPath( props.treeObject, propertyId );        \n        console.log( 'removeTraceProperty after: ', property, props.treeObject );\n        submitChanges();\n        //let sectionIndex = props.sectionIndex;\n        //emit('removeTrace', sectionIndex);\n    }\n\n    function removePropertyPath(obj, propertyPath) {\n        // Split the property path into parts\n        const parts = propertyPath.split('.');\n\n        // Recursive function to delete properties\n        function deleteProp(currentObj, pathIndex) {\n            const prop = parts[pathIndex];\n\n            // Base case: if we've reached the last part of the path\n            if (pathIndex === parts.length - 1) {\n                delete currentObj[prop];\n                return Object.keys(currentObj).length === 0;\n            }\n\n            // Recursive case: go deeper if the property exists\n            if (currentObj[prop] !== undefined) {\n                const shouldDeleteParent = deleteProp(currentObj[prop], pathIndex + 1);\n\n                // Delete the parent property if it's now empty\n                if (shouldDeleteParent) {\n                    delete currentObj[prop];\n                    return Object.keys(currentObj).length === 0;\n                }\n            }\n\n            return false;\n        }\n\n        // Start the recursive deletion process\n        deleteProp(obj, 0);\n    }\n\n    /**\n     * Toggles the attribute mode from constant to binding and viceversa\n     * @param {string} key - The name of the attribute.\n     * @param {string} value - The value of the attribute.\n     */\n    function toggleDynamicAttribute(property){\n        console.log( 'toggleDynamicAttribute', property );\n        let currentValue = property.valueHolderParent[property.propName];\n        let newKey;\n        if( currentValue.indexOf('$_{')==0 ){\n            // Switch to constant\n            newKey = currentValue.replace( '$_{', '' );\n            // remove '}' char at the end\n            newKey = newKey.substring(0, newKey.length - 1);\n        }else{\n            // Switch to binding\n            newKey = '$_{' + currentValue + '}';\n        }\n\n        property.valueHolderParent[property.propName] = newKey;\n        submitChanges();\n        /* \n        let newKey = key.indexOf('gb_b__') == 0 ? key.replace( 'gb_b__', 'gb_c__' ) : key.replace( 'gb_c__', 'gb_b__' );\n        component.value.removeAttributes( [key]);\n        let newAtts = {};\n        // When switching to Binding mode, pick the model variable with the same name set as constant or,\n        // If it doesn't exist, pick one of the same type by default\n        if( newKey.indexOf('gb_b__') == 0 ){\n            if(modelFieldsByName[value] != null )\n                newAtts[newKey] = value;\n            else{\n                let cleanAttributeName = getAttributeCleanRealName(newKey).toLowerCase();\n                let def = getBlockPropertyDefinition(cleanAttributeName);\n\n                let attributeObject = { def }\n                let sameTypeModelFields = filteredModelFields(attributeObject);\n                if( sameTypeModelFields.length > 0 )\n                    newAtts[newKey] = sameTypeModelFields[0].name;\n                else\n                    newAtts[newKey] = \"Not Set\";\n            }\n        }else{\n            newAtts[newKey] = value;\n        }\n\n        component.value.addAttributes(newAtts);\n        submitChanges(); */\n    }\n\n    function isPropValueBinding( property ){\n        console.log( 'isPropValueBinding', property.propName, property );\n        let value = property.valueHolderParent[property.propName];\n        return typeof value == 'string' && value.indexOf('$_{')==0;\n    }\n    \n    //function changeChartType( property, newType){\n    function changeChartType( event){\n        console.log( 'changeChartType', currentGbType, props.treeObject );\n        console.log( 'chartTypes', chartTypes );\n        let chartTypeDef = chartTypes.find( (chartType)=>{ return chartType.id == currentGbType } );\n        console.log( 'chartTypeDef', chartTypeDef );\n        // store current props in temp object\n        let tempProps = {};\n        for( let prop in props.treeObject ){\n            tempProps[prop] = props.treeObject[prop];\n        }\n        // remove all properties from props.treeObject\n        for( let prop in props.treeObject ){\n            delete props.treeObject[prop];\n        }\n        // assign props from template. use tempobject if prop matches\n        for( let prop in chartTypeDef.traceTemplate ){\n            if( tempProps[prop] != undefined && prop != \"type\" && prop != \"gbtype\"  )\n                props.treeObject[prop] = tempProps[prop];\n            else\n                props.treeObject[prop] = chartTypeDef.traceTemplate[prop];\n        }\n        console.log( 'props.treeObject FINAL:', props.treeObject );\n        // assign props from temp object\n        props.treeObject.gbtype = currentGbType;\n        submitChanges();\n        return;\n        let oldType = property.valueHolderParent[property.propName];\n        console.log( 'changeChartType', newType, props );\n        if( newType == property.valueHolderParent[property.propName] ){\n            console.log( \"same chart type chosen, skipping...\" );\n            return;\n        }\n        // Transform trace based on type\n        if( newType == 'pie' ){\n         console.log( \"transforming to pie chart\" );\n         props.treeObject.labels = props.treeObject.x;\n         props.treeObject.values = props.treeObject.y;\n            props.treeObject.x = undefined;\n            props.treeObject.y = undefined;\n            delete props.treeObject.x;\n            delete props.treeObject.y;\n        }else if( oldType == 'pie' && (newType != 'pie' ) ){\n            console.log( \"transforming FROM pie chart\" );\n            props.treeObject.x = props.treeObject.labels;\n            props.treeObject.y = props.treeObject.values;\n            props.treeObject.labels = undefined;\n            props.treeObject.values = undefined;\n            delete props.treeObject.labels;\n            delete props.treeObject.values;\n        }\n        \n        property.valueHolderParent[property.propName] = newType;\n        submitChanges();\n    }\n    \n  function submitChanges(){\n    emit('change', props.treeObject);\n  }\n\n  function getNestedPropertyParent(obj, propName) {\n    const propParts = propName.split('.');\n    if( propParts.length == 1 )\n      return obj;\n\n    for (let i = 0; i < propParts.length-1; i++) {\n        if (!obj || !obj.hasOwnProperty(propParts[i])) {\n            return undefined;\n        }\n        obj = obj[propParts[i]];\n    }\n    return obj;\n}\n\nfunction getNestedProperty(obj, propName) {\n    const propParts = propName.split('.');\n    for (let i = 0; i < propParts.length; i++) {\n        if (!obj || !obj.hasOwnProperty(propParts[i])) {\n            return undefined;\n        }\n        obj = obj[propParts[i]];\n    }\n    return obj;\n}\n\nconst definitionsListWithValues = computed( ()=>{\n    let result = [];\n    for( let i = 0; i < props.propertiesDefinition.length; i++ ){\n        let propertyDefCloned = { ...props.propertiesDefinition[i] };\n        let value = getNestedProperty( props.treeObject, propertyDefCloned.id );\n        if( value !== undefined ){\n            propertyDefCloned.valueHolderParent = getNestedPropertyParent( props.treeObject, propertyDefCloned.id );\n            propertyDefCloned.propName = propertyDefCloned.id.split('.').pop();\n            result.push( propertyDefCloned );\n        }\n    }\n    console.log( 'definitionsListWithValues', result );\n    return result;\n});\n  \n</script>\n  \n\n<style scoped>\n.propRow{\n    width: calc(100% - 10px) !important;\n    right: -10px;\n    border-bottom: solid 1px var(--checkbox-background);\n    padding: 5px 0px 5px;\n}\n\n/* generic grid */\n.row::after {\n  content: \"\";\n  clear: both;\n  display: table;\n}\n\n.propRowLabel{\n   /*  width: 35%; */\n    font-size: 0.9em;\n    /* display: flex;\n    align-items: center;\n    */\n    justify-content: right;\n    text-transform: capitalize;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    user-select: none; \n    padding-right: 10px;\n    text-align: right;\n    line-height: 2;\n}\n\n/* Basic row class */\n.row {\n  margin-left: auto;\n  margin-right: auto;\n  width: 100%;\n  display: flex;\n}\n\n/* Column class */\n.col {\n  float: left;\n  padding: 15px;\n  box-sizing: border-box;\n}\n\n/* 12-column classes */\n.col-1 { width: 8.33%; }\n.col-2 { width: 16.66%; }\n.col-3 { width: 25%; }\n.col-4 { width: 33.33%; }\n.col-5 { width: 41.66%; }\n.col-6 { width: 50%; }\n.col-7 { width: 58.33%; }\n.col-8 { width: 66.66%; }\n.col-9 { width: 75%; }\n.col-10 { width: 83.33%; }\n.col-11 { width: 91.66%; }\n.col-12 { width: 100%; }\n\n\n.chartTypeIcon{\n  max-height: 15px; \n  margin-right: 5px; \n  margin-top: 6px; \n  opacity: 0.5;\n  position: relative;\n  display: inline-block;\n  /* right: 20px; */\n  top: -6px;\n  filter: var(--library-icon-filter);\n}\n\n.propRowDynamicSwitch{\n    /* width: 5%; */\n    \n    width: 5%;\n    display: flex;\n    justify-content: left;\n    align-items: center;\n    cursor: pointer;\n    opacity:0.7;\n    left: 5px;\n    position: relative;\n}\n\n.propRowDynamicSwitch:hover{\n    opacity:1;\n}\n\n.foldableGroupHeader {\n  display: flex;\n  flex-direction: row;\n  gap: 2px;\n  cursor: pointer;\n  padding: 5px 0px;\n  border-bottom: solid 1px var(--badge-background);\n  margin-bottom: 10px;\n  position: relative;\n}\n\n.groupHeaderContent{\n    width:50px;\n    flex-grow: 1;\n}\n.propRow:hover .removeBtnCnt{\n    opacity: 0.5;\n}\n.removeBtnCnt{\n    opacity: 0;\n    cursor: pointer;\n    left: -16px;\n}\n.foldableGroupHeader:hover .removeBtnCnt{\n    opacity: 0.5;\n}\n.removeBtnCnt:hover{\n    opacity: 1 !important;\n}\n\n</style>","import script from \"./ChartPropertiesSection.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ChartPropertiesSection.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ChartPropertiesSection.vue?vue&type=style&index=0&id=7f346cd4&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7f346cd4\"]])\n\nexport default __exports__\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport qInstall from \"../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QIcon});\n","<template>\n    <div class=\"chartConfigContainer\" v-if=\"selectedComponent && selectedComponent.attributes.type=='plotly'\">\n        <div class=\"tabSelector\">\n            <div @click=\"currentTabIndex=tab.id\" :class=\"{ tabItem:true, tabItemSelected:tab.id==currentTabIndex }\" v-for=\"tab in tabsList\" :key=\"tab\">{{ tab.name }}</div>\n            \n        </div>\n        \n        <!-- ---------------------------------------------------\n                            DATA (TRACES)\n        --------------------------------------------------- -->\n        <div class=\"tabSectionContainer\" v-if=\"currentTabIndex==0\">\n          <div class=\"tracesContainer\">            \n            <div class=\"foldableGroup\" v-for=\"(trace, index) in traces\" :key=\"trace\">\n                <div class=\"foldableGroupContent\">\n                    <div class=\"subgroup\">\n                        \n                        <div class=\"subgroupContent\">\n                            <ChartPropertiesSection \n                            :showSectionTitle=\"true\"\n                            :sectionIndex=\"index\" \n                            :treeObject=\"trace\" \n                            :dataSourceColumns=\"getSelectedDataSourceColumns\"\n                            :propertiesDefinition=\"tracePropertiesDefinition\" \n                            :modelFields=\"getAllModelFields\" \n                            @removeTrace=\"removeTrace\"\n                            @change=\"dataChanged\"/>                            \n                        </div>\n                    </div>\n                    <div class=\"addPropertyButtonRow\">\n                      <button class=\"addPropertyButton\" v-if=\"!addPropertyDestination\" @click=\"showAddPropertyList(trace)\">+</button>\n                    </div>\n                  <AddPropertyDialog v-if=\"addPropertyDestination==trace\" :defObject=\"tracePropertiesDefinition\" :destination=\"addPropertyDestination\" :propslist=\"availableDataProperties(tracePropertiesDefinition, trace)\" @propAdded=\"addProperty\" @close=\"hideAddProperty\">\n                  </AddPropertyDialog>\n                  \n                \n              </div>\n            </div>\n          </div>\n          \n          <div style=\"border-top: solid 1px var(--badge-background); padding: 20px;     text-align: center;\">\n            <vscode-button class=\"addTraceButton\" @click=\"addNewTrace\">+ Trace</vscode-button>\n          </div>\n        </div>\n\n        <!-- ---------------------------------------------------\n                              LAYOUT\n        --------------------------------------------------- -->\n        <div class=\"tabSectionContainer\" v-if=\"currentTabIndex==1\">\n          <div class=\"subgroup\">\n              \n              <div class=\"subgroupContent\">\n                  <ChartPropertiesSection \n                  :treeObject=\"layout\" \n                  :dataSourceColumns=\"getSelectedDataSourceColumns\"\n                  :propertiesDefinition=\"layoutPropertiesDefinition\" \n                  :modelFields=\"getAllModelFields\" \n                  @change=\"layoutChanged\"/>                            \n              </div>\n          </div>\n          <div class=\"addPropertyButtonRow\">\n            <button class=\"addPropertyButton\" v-if=\"!addPropertyDestination\" @click=\"showAddPropertyList(layout)\">+</button>\n          </div>\n          <AddPropertyDialog v-if=\"addPropertyDestination==layout\" :defObject=\"layoutPropertiesDefinition\" :destination=\"layout\" :propslist=\"availableDataProperties(layoutPropertiesDefinition, layout)\" @propAdded=\"addProperty\" @close=\"hideAddProperty\">\n          </AddPropertyDialog>\n        </div>\n\n        <!-- ---------------------------------------------------\n                              CONFIG\n        --------------------------------------------------- -->\n        <div class=\"tabSectionContainer\" v-if=\"currentTabIndex==2\">\n          <div class=\"subgroup\">\n              \n              <div class=\"subgroupContent\">\n                  <ChartPropertiesSection \n                  :treeObject=\"config\" \n                  :dataSourceColumns=\"getSelectedDataSourceColumns\"\n                  :propertiesDefinition=\"configPropertiesDefinition\" \n                  :modelFields=\"getAllModelFields\" \n                  @change=\"configChanged\"/>                            \n              </div>\n          </div>\n          <div class=\"addPropertyButtonRow\">\n            <button class=\"addPropertyButton\" v-if=\"!addPropertyDestination\" @click=\"showAddPropertyList(config)\">+</button>\n          </div>\n          <AddPropertyDialog v-if=\"addPropertyDestination==config\" :defObject=\"configPropertiesDefinition\" :destination=\"config\" :propslist=\"availableDataProperties(configPropertiesDefinition, config)\" @propAdded=\"addProperty\" @close=\"hideAddProperty\">\n          </AddPropertyDialog>\n            \n        </div>\n\n    </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onBeforeMount, computed } from 'vue'\nimport AddPropertyDialog from './panels/properties/AddPropertyDialog.vue';\nimport ChartPropertiesSection from './ChartPropertiesSection.vue';\n\n// ====================== PROPS ====================== \n\nconst props = defineProps(['appData', 'selectedComponent']);\n\n\n\n// ====================== DATA ====================== \n\nlet currentTabIndex = ref(0);\nlet tabsList = ref( [ {name:\"Data\", id:0}, {name:\"Layout\", id:1}, {name:\"Config\", id:2} ] );\n\nlet dataSourceFields = ref(null);\n\nlet showAddConfigProperty = ref(false);\nlet addPropertyDestination = ref(null);\n\nlet traces = ref([]);\nlet config = ref([]);\nlet layout = ref([]);\nlet modelFields = ref(props.appData.pages[0].model.fields);\nlet modelFieldsDict = {};\nmodelFields.value.forEach( (field)=>{\n    modelFieldsDict[field.name] = field;\n})\n\n\n\n\n/* \nlet tracePropertiesDefinition = ref([\n  { id:\"name\", label:\"Name\", type: \"string\", default: \"\" },\n  { id:\"type\", label:\"Type\", type: \"enum\", default: \"scatter\", options:[\"scatter\",\"bar\",\"histogram\",\"pie\", \"box\", \"histogram2d\", \"parcats\",\"heatmap\",\"contour\",\"funnel\", \"indicator\"] },\n  { id:\"mode\", label:\"Mode\", type: \"enum\", default: \"markers\", options:[\"markers\",\"lines\",\"lines+markers\", \"none\", \"gauge\", \"number\", \"gauge+number\"] },\n  { id:\"x\", label:\"X\", type: \"array\", default: [0,1,2,3,4,5] },\n  { id:\"y\", label:\"Y\", type: \"array\", default: [2,4,8,16,32] },\n  { id:\"z\", label:\"Z\", type: \"array\", default: [3,5,7,9,11] },\n  { id:\"dimensions\", label:\"Dimensions\", type: \"array\", default: [] },\n  { id:\"counts\", label:\"Counts\", type: \"array\", default: [] },\n  { id:\"values\", label:\"Values\", type: \"array\", default: [1,3,5] },\n  { id:\"labels\", label:\"Labels\", type: \"array\", default: ['a', 'b', 'c'] },\n  { id:\"fill\", label:\"Fill\", type: \"enum\", default: 'tozeroy', options:['tozeroy', 'tonexty'] },\n  { id:\"orientation\", label:\"Orientation\", type: \"enum\", default: 'v', options:['v', 'h'] },\n  { id:\"marker.size\", label:\"Marker Size\", type: \"number\", default: 5 },\n  { id:\"marker.color\", label:\"Marker Color\", type: \"color\", default: '#2578B4' },\n  { id:\"value\", label:\"Value\", type: \"number\", default: 0 },\n  { id:\"delta.reference\", label:\"Delta Reference\", type: \"number\", default: 0 },\n  { id:\"title.text\", label:\"Title Text\", type: \"string\", default: 'Title' },\n  { id:\"gauge.axis.range\", label:\"Gauge Axis Range\", type: \"array\", default: [0,1] },\n  { id:\"error_y.type\", label:\"ErrorY Type\", type: \"string\", default: 'data' },\n  { id:\"error_y.array\", label:\"ErrorY Array\", type: \"array\", default: [1,2,3,4,5] },\n  { id:\"error_y.visible\", label:\"ErrorY Visible\", type: \"boolean\", default: true },\n]); */\n\nlet tracePropertiesDefinition = ref([\n  { id:\"name\", label:\"Name\", type: \"string\", default: \"\" },\n  { id:\"type\", label:\"Type\", type: \"enum\", default: \"scatter\", options:[\"scatter\",\"bar\",\"histogram\",\"pie\", \"box\", \"histogram2d\", \"histogram2dcontour\", \"parcats\",\"heatmap\",\"heatmapgl\",\"contour\",\"funnel\",\"funnelarea\",\"indicator\",\"isosurface\",\"mesh3d\",\"ohlc\",\"candlestick\",\"scatter3d\",\"scattergeo\",\"scattergl\",\"surface\",\"table\",\"timeline\",\"violin\",\"waterfall\"] },\n  { id:\"mode\", label:\"Mode\", type: \"enum\", default: \"markers\", options:[\"markers\",\"lines\",\"lines+markers\", \"none\", \"gauge\", \"number\", \"gauge+number\", \"text\"] },\n  { id:\"x\", label:\"X\", type: \"array\", default: [0,1,2,3,4,5] },\n  { id:\"y\", label:\"Y\", type: \"array\", default: [2,4,8,16,32] },\n  { id:\"z\", label:\"Z\", type: \"array\", default: [3,5,7,9,11] },\n  { id:\"u\", label:\"U\", type: \"array\", default: [] }, // For Cone\n  { id:\"v\", label:\"V\", type: \"array\", default: [] }, // For Cone\n  { id:\"w\", label:\"W\", type: \"array\", default: [] }, // For Cone\n  { id:\"i\", label:\"I\", type: \"array\", default: [] }, // For Mesh3D\n  { id:\"j\", label:\"J\", type: \"array\", default: [] }, // For Mesh3D\n  { id:\"k\", label:\"K\", type: \"array\", default: [] }, // For Mesh3D\n  { id:\"open\", label:\"Open\", type: \"array\", default: [] }, // For OHLC, Candlestick\n  { id:\"high\", label:\"High\", type: \"array\", default: [] },\n  { id:\"low\", label:\"Low\", type: \"array\", default: [] },\n  { id:\"close\", label:\"Close\", type: \"array\", default: [] },\n  { id:\"dimensions\", label:\"Dimensions\", type: \"array\", default: [] },\n  { id:\"counts\", label:\"Counts\", type: \"array\", default: [] },\n  { id:\"values\", label:\"Values\", type: \"array\", default: [1,3,5] },\n  { id:\"labels\", label:\"Labels\", type: \"array\", default: ['a', 'b', 'c'] },\n  { id:\"fill\", label:\"Fill\", type: \"enum\", default: 'tozeroy', options:['tozeroy', 'tonexty', 'toself', 'tonext'] },\n  { id:\"orientation\", label:\"Orientation\", type: \"enum\", default: 'v', options:['v', 'h'] },\n  { id:\"marker.size\", label:\"Marker Size\", type: \"number\", default: 5 },\n  { id:\"marker.color\", label:\"Marker Color\", type: \"color\", default: '#2578B4' },\n  { id:\"locationmode\", label:\"Locationmode\", type: \"string\", default: \"country names\" }, // For Choropleth\n  { id:\"locations\", label:\"Locations\", type: \"array\", default: [] }, // For Choropleth\n  { id:\"text\", label:\"Text\", type: \"array\", default: [] }, // General, for annotations\n  { id:\"value\", label:\"Value\", type: \"number\", default: 0 },\n  { id:\"delta.reference\", label:\"Delta Reference\", type: \"number\", default: 0 },\n  { id:\"title.text\", label:\"Title Text\", type: \"string\", default: 'Title' },\n  { id:\"gauge.axis.range\", label:\"Gauge Axis Range\", type: \"array\", default: [0,1] },\n  { id:\"error_y.type\", label:\"ErrorY Type\", type: \"string\", default: 'data' },\n  { id:\"error_y.array\", label:\"ErrorY Array\", type: \"array\", default: [1,2,3,4,5] },\n  { id:\"error_y.visible\", label:\"ErrorY Visible\", type: \"boolean\", default: true },\n  { id:\"sizemode\", label:\"SizeMode\", type: \"string\", default: \"diameter\" }, // For Bubble charts\n  { id:\"sizeref\", label:\"SizeRef\", type: \"number\", default: 2 }, // For Bubble charts\n  { id:\"autobinx\", label:\"AutoBinX\", type: \"boolean\", default: true }, // For histograms\n  { id:\"nbinsx\", label:\"NBinsX\", type: \"number\", default: 10 }, // For histograms\n  { id:\"autobiny\", label:\"AutoBinY\", type: \"boolean\", default: true }, // For 2D histograms\n  { id:\"nbinsy\", label:\"NBinsY\", type: \"number\", default: 10 }, // For 2D histograms\n  { id:\"hoverinfo\", label:\"HoverInfo\", type: \"string\", default: \"all\" },\n  { id:\"hovertemplate\", label:\"HoverTemplate\", type: \"string\", default: \"\" },\n  // Additional properties specific to various chart types\n  { id:\"boxpoints\", label:\"BoxPoints\", type: \"string\", default: \"all\" }, // For Box plots\n  { id:\"notched\", label:\"Notched\", type: \"boolean\", default: false }, // For Box plots\n  { id:\"whiskerwidth\", label:\"WhiskerWidth\", type: \"number\", default: 0.5 }, // For Box plots\n  { id:\"fillcolor\", label:\"FillColor\", type: \"color\", default: \"#888\" }, // General appearance\n  { id:\"line.color\", label:\"Line Color\", type: \"color\", default: \"#888\" }, // General appearance\n  { id:\"line.width\", label:\"Line Width\", type: \"number\", default: 2 }, // General appearance\n  { id:\"line.shape\", label:\"Line Shape\", type: \"string\", default: \"linear\" }, // For Line charts\n  { id:\"line.smoothing\", label:\"Line Smoothing\", type: \"number\", default: 1.3 }, // For Line charts\n  { id:\"colorscale\", label:\"ColorScale\", type: \"string\", default: \"Viridis\" }, // For Heatmaps, Contours\n  { id:\"showscale\", label:\"ShowScale\", type: \"boolean\", default: true }, // For Heatmaps, Contours\n  { id:\"reversescale\", label:\"ReverseScale\", type: \"boolean\", default: false }, // For Heatmaps, Contours\n  { id:\"contours.coloring\", label:\"Contours Coloring\", type: \"string\", default: \"fill\" }, // For Contour plots\n  { id:\"contours.start\", label:\"Contours Start\", type: \"number\", default: 0 }, // For Contour plots\n  { id:\"contours.end\", label:\"Contours End\", type: \"number\", default: 10 }, // For Contour plots\n  { id:\"contours.size\", label:\"Contours Size\", type: \"number\", default: 1 }, // For Contour plots\n  { id:\"opacity\", label:\"Opacity\", type: \"number\", default: 0.8 }, // General appearance\n  { id:\"cmin\", label:\"Cmin\", type: \"number\", default: 0 }, // For Color scales\n  { id:\"cmax\", label:\"Cmax\", type: \"number\", default: 10 }, // For Color scales\n  { id:\"colorbar.title\", label:\"ColorBar Title\", type: \"string\", default: \"ColorBar\" }, // For Color scales\n  { id:\"colorbar.tickvals\", label:\"ColorBar TickVals\", type: \"array\", default: [] }, // For Color scales\n  { id:\"colorbar.ticktext\", label:\"ColorBar TickText\", type: \"array\", default: [] }, // For Color scales\n  { id:\"autocolorscale\", label:\"AutoColorScale\", type: \"boolean\", default: true }, // For Color scales\n  { id:\"showlegend\", label:\"ShowLegend\", type: \"boolean\", default: true }, // General appearance\n  { id:\"legendgroup\", label:\"LegendGroup\", type: \"string\", default: \"\" }, // For grouping legend items\n\n  // Scatter Mapbox \n  { id:\"lat\", label:\"Lat\", type: \"array\", default: [38] },\n  { id:\"lon\", label:\"Lon\", type: \"array\", default: [-90] },\n\n  // Ensure to include properties for specific visualization needs not covered here.\n]);\n\nlet configPropertiesDefinition = ref([\n  { id:\"autosizable\", label:\"Autosizable\", type: \"boolean\", default: false },\n  { id:\"displaylogo\", label:\"Display Logo\", type: \"boolean\", default: true },\n  { id:\"scrollZoom\", label:\"Scroll Zoom\", type: \"boolean\", default: true },\n  { id:\"editable\", label:\"Editable\", type: \"boolean\", default: true },\n  { id:\"displayModeBar\", label:\"Mode Bar\", type: \"boolean\", default: true },\n]);\nlet layoutPropertiesDefinition = ref([\n  { id:\"title\", label:\"Title\", type: \"string\", default: \"Hello Def\" },\n  { id:\"showlegend\", label:\"Show Legend\", type: \"boolean\", default: true },\n  { id:\"legend.x\", label:\"Legend X\", type: \"number\", default: 1 },\n  { id:\"legend.y\", label:\"Legend Y\", type: \"number\", default: 1 },\n  { id:\"legend.xanchor\", label:\"Legend X-Anchor\", type: \"enum\", default: \"right\", options: [\"left\", \"right\"] },\n  { id:\"legend.yanchor\", label:\"Legend Y-Anchor\", type: \"enum\", default: \"right\", options: [\"left\", \"right\"] },\n  { id:\"legend.orientation\", label:\"Legend Orientation\", type: \"enum\", default: \"v\", options: [\"v\", \"h\"] },\n  { id:\"paper_bgcolor\", label:\"Paper\", type: \"color\", default: \"#ffffff\" },\n  { id:\"plot_bgcolor\", label:\"Background\", type: \"color\", default: \"#ffffff\" },\n  { id:\"font.color\", label:\"Font Color\", type: \"color\", default: \"#000000\" },\n  { id:\"font.size\", label:\"Font Size\", type: \"number\", default: 10 },\n\n  { id:\"xaxis.title.text\", label:\"X-Axis Title Text\", type: \"string\", default: \"Axis Title\" },\n  { id:\"xaxis.title.font.size\", label:\"X-Axis Title Font Size\", type: \"number\", default: 24 },\n  { id:\"xaxis.title.font.color\", label:\"X-Axis Title Font Color\", type: \"color\", default: \"#000000\" },\n  \n  { id:\"yaxis.title.text\", label:\"Y-Axis Title Text\", type: \"string\", default: \"Axis Title\" },\n  { id:\"yaxis.title.font.size\", label:\"Y-Axis Title Font Size\", type: \"number\", default: 24 },\n  { id:\"yaxis.title.font.color\", label:\"Y-Axis Title Font Color\", type: \"color\", default: \"#000000\" },\n\n  { id:\"dragmode\", label:\"Dragmode\", type: \"enum\", default: \"zoom\", options:[\"zoom\"] },\n  { id:\"mapbox.style\", label:\"Mabox Style\", type: \"enum\", default: \"open-street-map\", options:[\"open-street-map\"] },\n  { id:\"mapbox.center.lat\", label:\"Mapbox Center Lat\", type: \"number\", default: 38 },\n  { id:\"mapbox.center.lon\", label:\"Mapbox Center Lon\", type: \"number\", default: -90 },\n  { id:\"mapbox.zoom\", label:\"Mapbox Zoom\", type: \"number\", default: 3 },\n  { id:\"margin.l\", label:\"Margin L\", type: \"number\", default: 0 },\n  { id:\"margin.t\", label:\"Margin T\", type: \"number\", default: 0 },\n  { id:\"margin.r\", label:\"Margin R\", type: \"number\", default: 0 },\n  { id:\"margin.b\", label:\"Margin B\", type: \"number\", default: 0 },\n\n]);\n\n\nfunction getFieldsOfDataFrameType(){\n  let dsFields = props.appData.pages[0].model.fields.filter( (field)=>{ \n    return  field.type == \"DataFrames.DataFrame\" || \n            field.type == \"PlotlyData\" || \n            field.type == \"DataTable.DataFrames.DataFrame\"\n  } );\n  //debugger;\n  dataSourceFields.value = dsFields;\n}\n\n// ====================== COMPUTED ====================== \n\nconst getAllModelFields = computed(() => {\n  let fields = props.appData.pages[0].model.fields;\n  let result = [];\n  fields.forEach( (field)=>{\n    if( field.type == 'DataTable.DataFrames.DataFrame' ){\n      let props = field.props;\n      if( props ){\n        props.forEach( (prop)=>{\n          result.push( { name:field.name + '.' + prop, type:field.type } );\n        } )\n      }\n    }else if( field.type == 'DataFrames.DataFrame' ){\n        let columns = field.columns;\n        if( columns ){\n          columns.forEach( (column)=>{\n            result.push( { name:field.name + '.' + column, type:field.type } );\n          } )\n        }\n      }\n    result.push( { name:field.name, type:field.type } );\n  } )\n  // sort alphabetically ignoring case\n  result.sort( (a,b)=>{\n    return a.name.toLowerCase().localeCompare(b.name.toLowerCase());\n  } )\n  return result;\n  //return ['uno', 'dos', 'tres'];\n})\n\nconst getSelectedDataSourceColumns = computed(() => {\n  let selectedDataSourceColumns = [];\n\n  // Extract columns or props from dataframes\n  console.log( 'dataSourceFields', dataSourceFields );\n  dataSourceFields.value.forEach( (field)=>{\n    // Dataframes expected to have columns\n    if( field.type.indexOf( 'DataFrames.DataFrame') == 0 ){\n      let columns = field.columns;\n      if( columns ){\n\n        columns.forEach( (column)=>{\n          selectedDataSourceColumns.push( field.name + \".\" + column );\n        } )\n      }\n    }\n    // DataTables expected to have props\n    let props = field.props;\n    if( props )\n    props.forEach( (prop)=>{\n      selectedDataSourceColumns.push( field.name + \".\" + prop );\n    } )\n  } )\n  // add array-type fields\n  props.appData.pages[0].model.fields.forEach( (field)=>{\n    if( field.type == \"Array\" ){\n      selectedDataSourceColumns.push( field.name );\n    }\n  } )\n\n\n\n  /* let selectedDataSourceName = selectedDataSource.value;\n  if( selectedDataSourceName ){\n    let selectedDataSourceField = dataSourceFields.value.find( (field)=>{ return field.name == selectedDataSourceName } );\n    if( selectedDataSourceField ){\n      selectedDataSourceColumns = selectedDataSourceField.columns;\n    }\n  } */\n  return selectedDataSourceColumns;\n})\n\nfunction availableDataProperties(defObject, destination) {\n  let notUsedProperties = defObject.filter( (propDef)=>{\n    let isUsed = false;\n    let existingProperty = getNestedProperty(destination, propDef.id);\n    if( existingProperty != null ){\n      isUsed = true;\n    }    \n    return !isUsed;\n  })\n  return notUsedProperties;\n};\n\nconst availableConfigProperties = computed(() => {\n  let notUsedProperties = configPropertiesDefinition.value.filter( (propDef)=>{\n    let isUsed = false;\n    let existingProperty = getNestedProperty(addPropertyDestination.value, propDef.id);\n    if( existingProperty != null ){\n      isUsed = true;\n    }    \n    return !isUsed;\n  })\n  return notUsedProperties;\n})\n\n\n\n\n\n// ====================== Methods ====================== \n\nfunction layoutChanged(newTreeObject){\n  submitChanges();\n}\nfunction configChanged(newTreeObject){\n  submitChanges();\n}\n\nfunction dataChanged(newTreeObject){\n  submitChanges();\n}\n\nfunction removeTrace(traceIndex){\n  console.log( 'removeTrace', traceIndex );\n  console.log( 'traces.value before: ', traces.value );\n  traces.value.splice(traceIndex, 1);\n  console.log( 'traces.value after: ', traces.value );\n  submitChanges();\n}\n\nfunction showAddPropertyList(destination){\n    addPropertyDestination.value = destination;\n}\n\nfunction hideAddProperty(){\n    addPropertyDestination.value = null;\n}\n\nfunction addProperty(prop, defObject, destination){\n  let propId = prop.id;\n  let propDef = defObject.find( (propDef)=>{ return propDef.id == propId } );\n  //addPropertyDestination.value = destination;\n  setNestedProperty(destination, propId, propDef.default);\n    submitChanges();\n}\n\nfunction getNestedProperty(obj, propName) {\n    const propParts = propName.split('.');\n    for (let i = 0; i < propParts.length; i++) {\n        if (!obj || !obj.hasOwnProperty(propParts[i])) {\n            return undefined;\n        }\n        obj = obj[propParts[i]];\n    }\n    return obj;\n}\n\nfunction setNestedProperty(obj, propName, value) {\n    const propParts = propName.split('.');\n    for (let i = 0; i < propParts.length - 1; i++) {\n        if (!obj.hasOwnProperty(propParts[i]) || typeof obj[propParts[i]] !== 'object') {\n            obj[propParts[i]] = {};\n        }\n        obj = obj[propParts[i]];\n    }\n    obj[propParts[propParts.length - 1]] = value;\n}\n\n\n\n\n\n\n\n\nfunction submitChanges(){\n  let newData = btoa( JSON.stringify(traces.value) );\n  let newConfig = btoa( JSON.stringify(config.value) );\n  let newLayout = btoa( JSON.stringify(layout.value) );\n  props.selectedComponent.setAttributes({gb_c__data:newData, gb_c__config: newConfig, gb_c__layout:newLayout })\n  props.selectedComponent.view.$el[0].vueApp.updateAttributes({data:newData, config: newConfig, layout:newLayout });\n  //props.selectedComponent.view.$el[0].vueApp.$forceUpdate();\n\n}\n\n  \n  function getDataSourceFromTraces(){\n    let dataSourceProperties = [];\n    traces.value.forEach( (trace)=>{\n      let bindingsInTrace = findBindingValues(trace);\n      bindingsInTrace.forEach( (binding)=>{\n        let bindingName = binding.value.replace('$_{', '').replace('}', '');\n        if( !dataSourceProperties.includes(bindingName) ){\n          dataSourceProperties.push(bindingName);\n        }\n      })      \n    } );\n    dataSourceProperties = dataSourceProperties.map( (propName)=>{\n      return propName.split(\".\")[0]\n    } );\n    selectedDataSource.value = dataSourceProperties[0];\n\n  }\n\n  \nfunction setSelectedComponent(newComponent){\n  //let newComponent = props.selectedComponent;\n    if( !newComponent || newComponent.attributes.type != 'plotly' ){\n      traces.value = null;\n      config.value = null;\n      layout.value = null;\n      return;\n    }\n    let componentAttributesRaw = newComponent.getAttributes();\n    if( componentAttributesRaw.gb_c__data )\n      componentAttributesRaw.gb_c__data = atob(componentAttributesRaw.gb_c__data);\n    if( componentAttributesRaw.gb_c__config )\n      componentAttributesRaw.gb_c__config = atob(componentAttributesRaw.gb_c__config);\n    if( componentAttributesRaw.gb_c__layout )\n      componentAttributesRaw.gb_c__layout = atob(componentAttributesRaw.gb_c__layout);\n    \n\n    let data = componentAttributesRaw.gb_c__data || \"[]\";\n    data = JSON.parse(data);\n    traces.value = data;\n\n    let configInput = componentAttributesRaw.gb_c__config || \"{}\";\n    configInput = JSON.parse(configInput);\n    config.value = configInput;\n    \n    let layoutInput = componentAttributesRaw.gb_c__layout || \"{}\";\n    layoutInput = JSON.parse(layoutInput);\n    layout.value = layoutInput;\n    //getDataSourceFromTraces();\n}\n\nfunction findBindingValues(obj) {\n  let result = [];\n\n  function recurse(o) {\n    for (let key in o) {\n      if (typeof o[key] === 'object' && o[key] !== null) {\n        recurse(o[key]);\n      } else if (typeof o[key] === 'string' && o[key].startsWith('$_{') && o[key].endsWith('}')) {\n        result.push({ value: o[key] });\n      }\n    }\n  }\n\n  recurse(obj);\n  return result;\n}\n\nfunction addNewTrace(){\n  traces.value.push( { x:'', y:'', type:'scatter', name:'Trace' } )\n}\n\nfunction addNewTraceFromBinding(columnA, columnB){\n  traces.value.push(\n    { x:columnA, y:columnB, type:'scatter', name:'Trace' }, \n  );\n  submitChanges();\n\n}\nonBeforeMount( ()=>{\n    setSelectedComponent( props.selectedComponent );\n    getFieldsOfDataFrameType();\n});\n\ndefineExpose({\n    setSelectedComponent, addNewTraceFromBinding\n})\n\n</script>\n\n\n\n\n<style lang=\"scss\" scoped>\n.chartConfigContainer::v-deep {\n  --grey0: #EEEEEE;\n  --grey1: #CCCCCC;\n  --grey2: #AAAAAA;\n  --grey3: #999999;\n  --grey4: #666666;\n  --grey5: #333333;\n\n  width: 100%;\n\n  input[type=text] {\n    width: 100%;\n    border-bottom: solid 1px var(--grey0);\n    padding: 2px 5px;\n  }\n\n  input[type=number] {\n    width: 100%;\n  }\n\n  input[type=color] {\n    width: 18px;\n    height: 20px;\n    padding: 0px;\n  }\n}\n\n.tabSelector {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  \n}\n\n.tabItem {\n  flex: 1;\n  text-align: center;\n  padding: 10px;\n  cursor: pointer;\n  border-bottom: solid 1px #ffffff00;\n}\n\n.tabItemSelected {\n  \n  border-bottom: solid 1px var(--grey0)\n}\n\n.tabSectionContainer {\n  display: flex;\n  flex-direction: column;\n}\n\n.foldableGroup {\n  display: flex;\n  flex-direction: column;\n}\n\n\n\n.foldableGroupContent {\n  display: flex;\n  flex-direction: column;\n\n}\n\n.subgroup {\n  padding: 10px 0px 5px;\n  display: flex;\n  flex-direction: column;\n\n\n  .subgroupTitle {\n    font-weight: bold;\n    padding: 0px 0px 5px;\n  }\n\n  .subgroupContent {\n    padding-top: 10px;\n  }\n\n  .subgroupContent {\n    .row {\n      padding: 5px 0px;\n    }\n  }\n}\n\n.addPropertyButtonRow {\n  display: flex;\n  flex-direction: row;\n  justify-content: right;\n  margin-bottom: 10px;\n}\n\n.addPropertyButton {\n  border: solid 1px #ccc;\n  padding: 0px 7px;\n  border-radius: 7px;\n  font-size: 1.1em;\n  width: min-content;\n\n}\n</style>","import script from \"./ChartProperties.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ChartProperties.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ChartProperties.vue?vue&type=style&index=0&id=6a30a4fe&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6a30a4fe\"]])\n\nexport default __exports__","<template>\n    <div v-if=\"!component\" class=\"nothingSelected\">\n        <i>Nothing selected</i>\n    </div>\n    <div v-if=\"component && component.attributes.type != 'tempplaceholder' && component.attributes.type != 'plotly'\">\n        <div style=\"user-select:none;\">\n            <div \n                v-for=\"attributeObject in getCleanAttributesList()\" :key=\"attributeObject.name\" \n                class=\"propRow\" \n                >\n                <div class=\"removeBtnCnt\" style=\"width:20px;\">\n                    <span v-if=\"attributeObject.def?.mandatory != true && attributeObject.name!='gb_b__v-model'\" @click=\"removeAttribute(attributeObject)\" title=\"Remove Property\" class=\"codicon codicon-settings\">\n                        <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"font-size: 14px; padding: 0px;\">delete</i>\n                    </span>\n                </div>\n                <div class=\"propRowLabel\" :title=\"attributeObject.def.name + ': ' + attributeObject.def.desc\">{{ attributeObject.def.label }}: </div>\n                <div v-if=\"!attributeIsBinding(attributeObject.name)\" class=\"propRowControl\">\n                    <!-- Dropdown for icons (uitype == 'enum_icons' in blockDefinitions) -->\n                    <vscode-dropdown \n                        v-if=\"attributeObject.def.uitype=='enum_icons'\"\n                        style=\"width: 100%; min-width: unset;\" \n                        :value=\"component.attributes.attributes[ attributeObject.name ]\"\n                        @input=\"(event) => component.attributes.attributes[ attributeObject.name ] = event.target.value\" \n                        @change=\"submitChanges\">\n                        <span slot=\"selected-value\" class=\"codicon codicon-settings\">\n                            <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"font-size: 16px; padding: 5px;\">{{component.attributes.attributes[ attributeObject.name ]}}</i> {{ component.attributes.attributes[ attributeObject.name ] }}\n                        </span>\n                        <vscode-option :value=\"option\" v-for=\"option in attributeObject.def.options\" style=\"padding: 5px;\">\n                            <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"font-size: 16px; \">{{option}}</i> {{ option }}</vscode-option>\n                    </vscode-dropdown>\n\n                    <!-- Dropdown for icons (uitype == 'enum_colors' in blockDefinitions) -->\n                    <vscode-dropdown \n                        v-else-if=\"attributeObject.def.uitype=='enum_colors'\"\n                        style=\"width: 100%; min-width: unset;\" \n                        :value=\"component.attributes.attributes[ attributeObject.name ]\"\n                        @input=\"(event) => component.attributes.attributes[ attributeObject.name ] = event.target.value\" \n                        @change=\"submitChanges\">\n                        <!-- this is to set the selected value region (component view when not expanded) -->\n                        <span slot=\"selected-value\">\n                            <q-icon name=\"circle\" :color=\"component.attributes.attributes[ attributeObject.name ]\" style=\"margin-right: 5px;\" /> \n                            {{ component.attributes.attributes[ attributeObject.name ] }}\n                        </span>\n                        <!-- this is to set the expanded otions views -->\n                        <vscode-option :value=\"option\" v-for=\"option in attributeObject.def.options\" style=\"padding: 5px;\">\n                            <q-icon name=\"circle\" :color=\"option\" style=\"margin-right: 5px;\" /> \n                            {{ option }}</vscode-option>\n                    </vscode-dropdown>\n                    <input \n                        :attrname=\"attributeObject.name\"  type=\"text\"\n                        v-else-if=\"attributeObject.def.type=='String' && attributeObject.cleanName.indexOf('color') == -1 \" \n                        @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent class=\"propInput\" @change=\"submitChanges\" \n                        v-model=\"component.attributes.attributes[ attributeObject.name ]\" \n                        style=\"width: 220px%;\" \n                    />\n                    <input \n                        :attrname=\"attributeObject.name\"  type=\"text\"\n                        v-else-if=\"attributeObject.def.type=='Array'\" \n                        @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent class=\"propInput\" @change=\"submitChanges\" \n                        v-model=\"component.attributes.attributes[ attributeObject.name ]\" \n                        style=\"width: 220px%;\" \n                    />\n                    <input \n                        :attrname=\"attributeObject.name\"  type=\"text\"\n                        v-else-if=\"attributeObject.def.type=='Function'\" \n                        @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent class=\"propInput\" @change=\"submitChanges\" \n                        v-model=\"component.attributes.attributes[ attributeObject.name ]\" \n                        style=\"width: 220px%;\" \n                    />\n                    <input \n                        :attrname=\"attributeObject.name\"  type=\"color\"\n                        v-else-if=\"attributeObject.def.type=='String' && attributeObject.name.indexOf('color') > -1 \" \n                        @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent class=\"propInput\" @change=\"submitChanges\" \n                        v-model=\"component.attributes.attributes[ attributeObject.name ]\" \n                        style=\"padding: 0px 2px; height: 21px;\" \n                    />\n                    <input \n                        :attrname=\"attributeObject.name\"  type=\"number\"\n                        v-else-if=\"attributeObject.def.type=='Number'\" \n                        @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent class=\"propInput\" @change=\"submitChanges\" \n                        v-model=\"component.attributes.attributes[ attributeObject.name ]\"                         \n                    />\n                    <input \n                        :attrname=\"attributeObject.name\"  type=\"checkbox\"\n                        v-else-if=\"attributeObject.def.type=='Boolean'\" \n                        @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent class=\"propInput\" @change=\"submitChanges\"\n                        v-model=\"component.attributes.attributes[ attributeObject.name ]\" \n                        style=\"width: auto;\"                        \n                    />\n                </div>\n                <div v-if=\"attributeIsBinding(attributeObject.name)\" class=\"propRowControl\">\n                    <select class=\"propInput propInputDynamic\" v-model=\"component.attributes.attributes[ attributeObject.name ]\" name=\"cars\" id=\"cars\" @change=\"submitChanges\" \n                    @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent :attrname=\"attributeObject.name\">\n                        <option v-for=\"binding in filteredModelFields(attributeObject)\" :key=\"'binding_'+binding.name\" :value=\"binding.name\">{{binding.name}}</option>\n                    </select>\n                </div>\n                <div v-if=\"attributeObject.name!='gb_b__v-model'\" @click=\"toggleDynamicAttribute(attributeObject.name, attributeObject.value )\" class=\"propRowDynamicSwitch\">\n                    <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" v-if=\"attributeIsBinding(attributeObject.name)\" draggable=\"false\" />\n                    <img src=\"img/icons/binding_off.png\" style=\"height: 16px;\" v-if=\"!attributeIsBinding(attributeObject.name)\" draggable=\"false\" />\n                </div>\n                <div v-else class=\"propRowDynamicSwitch\" draggable=\"false\"></div>\n            </div>\n\n            <!-- suggested attributes -->\n            <div class=\"suggestedPropertiesContainer\" style=\"margin: 20px 0px 0px 0px;\" v-if=\"getSuggestedProperties().length>0\">\n                <div class=\"suggestedPropertiesTitle\" style=\"opacity: 0.7; margin-bottom:10px; font-weight: bold; font-size: 0.9em;\">Suggested Properties:</div>\n                <div \n                    v-for=\"attributeDefObject in getSuggestedProperties()\" :key=\"attributeDefObject.name\" class=\"propRow\" >\n                    <div class=\"propRowLabel\" style=\"opacity: 0.5; font-weight: bold; text-align: left:\">{{ attributeDefObject.label }}: </div>\n                    <div class=\"propRowControl\" style=\"opacity: 0.5; text-align: left; font-size: 0.8em; user-select: none;\">\n                        {{ attributeDefObject.desc }}\n                    </div>\n                    <div class=\"propRowDynamicSwitch\" draggable=\"false\" title=\"Add property\" @click=\"addProperty(attributeDefObject)\">\n                        <i class=\"fa fa-plus\"></i>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <br/>\n        <vscode-button v-if=\"!showAddProperty && component\" @click=\"showAddPropertyList\">Add Property</vscode-button>\n        <div v-if=\"!component\" style=\"font-size: 0.8em;\"><i>Nothing selected</i></div>\n\n        <AddPropertyDialog v-if=\"showAddProperty\" :propslist=\"availableProperties\" @propAdded=\"addProperty\" @close=\"hideAddProperty\">\n        </AddPropertyDialog>\n    </div>\n    <ChartProperties ref=\"chartPropertiesPanel\" :appData=\"appData\" :selectedComponent=\"selectedComponent\" style=\"height: 100%;\"/>\n</template>\n\n\n\n<script setup>\n\nimport { ref, onMounted, computed } from 'vue'\nimport AddPropertyDialog from './properties/AddPropertyDialog.vue';\nimport ChartProperties from '../ChartProperties.vue'\n//import blockDefinitions from '../../utils/blockDefinitions';\nimport _ from 'lodash'\n\n// Component props (set from outside)\nconst props = defineProps(['title', 'appData', 'selectedComponent']);\n\nconst chartPropertiesPanel = ref(null);\n\n/*  ======================================================================================\n                                    COMPONENT VARIABLES\n    ====================================================================================== */\n\n// Component variables\nlet component = ref(null);\nlet showAddProperty = ref(false);\nlet modelFields = ref(props.appData.pages[0].model.fields);\nlet modelFieldsByName = {};\n    modelFields.value.forEach( field => {\n        modelFieldsByName[field.name] = field;\n    });\n\n// Dictionary for easy access to blockDefinitions\nconst blockDefinitionsByType = blockDefinitions.reduce((acc, block) => {\n    acc[block.type] = block;\n    return acc;\n}, {});\n\n\n\n/*  ======================================================================================\n                                    COMPONENT METHODS\n    ====================================================================================== */\n\n/**\n * This function takes an attribute name as input and returns a cleaned version of the name.\n * If the attribute name starts with \"gb_c__\" or \"gb_b__\", it removes the prefix.\n * If the attribute name doesn't start with these prefixes, it returns the attribute name as is.\n * @param {string} attributeName - The name of the attribute to clean.\n * @return {string} The cleaned attribute name.\n */\nfunction getAttributeCleanRealName( attributeName ){\n    try{\n        if( attributeName.indexOf(\"gb_c__\") == 0 || attributeName.indexOf(\"gb_b__\") == 0 ){\n            return attributeName.substring(6);\n        }\n        return attributeName;\n    }catch(error){\n        console.error( 'Error in getAttributeCleanRealName: ', attributeName, error );\n    }\n}\n\n\n\n/**\n * Removes an attribute from the selected component.\n * @param {Object} attributeObject \n */\nfunction removeAttribute(attributeObject ){\n    component.value.removeAttributes( [attributeObject.name]);\n    submitChanges();\n\n}\n\n\n\n/**\n* Returns a list of suggested properties for the selected component.\n* The suggested props for each component are defined in the blockDefinitions list (attribute \"suggest\" = true).\n* If the property is already present in the component attributes, it is not suggested.\n* @return {Array} An array of suggested properties.\n*/\nfunction getSuggestedProperties(){\n    let componentDefinition = getBlockDefinition( component.value.attributes.type );\n    if( !componentDefinition ){\n        return [];\n    }\n    let currentAttributesCleanNames = getCleanAttributesList().map( att => att.cleanName );\n    let suggestedProperties = componentDefinition.properties.filter( propDef => {\n        return propDef.suggested == true;\n    })\n    let suggestedPropertiesNotUsed = suggestedProperties.filter( propDef => {\n        return currentAttributesCleanNames.indexOf( propDef.name ) == -1;\n    });\n\n    return suggestedPropertiesNotUsed;\n}\n\n\n    \n/** Returns a list of model fields filtered by type.\n * @param {Object} attributeObject - An object containing the attribute definition.\n * @return {Array} An array of model fields.\n */\nfunction filteredModelFields( attributeObject){\n    let results = [];\n    modelFields.value.forEach( field =>{ \n        if( field.type == attributeObject.def.type ){\n            results.push( field );\n        }else if( field.type == \"DataTable.DataFrames.DataFrame\"){\n            // DataTables expected to have props\n            let props = field.props;\n            if( props ){\n                props.forEach( (prop)=>{\n                    results.push( { name: field.name + \".\" + prop } );\n                } )\n            }\n        }\n    } );\n    //console.log( \"filteredModelFields results: \", results );\n    return results;\n};\n\n\n\n/**\n * Returns a list of attributes for the selected component, \n * including the name of the attribute, the cleaned name and the value, as well as the definition of the attribute.\n * @return {Array} An array of attributes.\n */\nfunction getCleanAttributesList(){\n    const elementAttributes = component.value.attributes.attributes;\n    let result = [];\n    let attrsForVuecomponent = {};\n    for( let p in elementAttributes ){\n        if( p.startsWith('gb_c__') || p.startsWith('gb_b__') ){\n            let cleanName = getAttributeCleanRealName(p).toLowerCase(); // p.toLowerCase();            \n            if( cleanName != 'id' && cleanName != 'charttype' && cleanName != 'class' ){\n                let def = getBlockPropertyDefinition(cleanName);\n                if( !def ){\n                    console.error(\"Definition not found for: \", p, cleanName, elementAttributes[p])\n                }\n                result.push( { name:p, cleanName, value: elementAttributes[p], def:def } );\n                attrsForVuecomponent[p] = elementAttributes[p];\n            }\n        }\n    }\n    \n    //console.log( 'PropertiesPanel :: getCleanAttributesList :: vueApp, attrsForVuecomponent: ', props.selectedComponent.view.el.vueApp, attrsForVuecomponent );\n    if( props.selectedComponent.view.el.vueApp ){\n        props.selectedComponent.view.el.vueApp.updateAttributes( attrsForVuecomponent )\n    }\n\n    result = _.sortBy( result, 'cleanName' );    \n    return result;\n}\n\n\n\n/** \n * Returns the definition of a property for the selected component.\n */\nfunction getBlockPropertyDefinition( propertyName ){\n    let blockDefinition = getBlockDefinition( component.value.attributes.type );\n    if( !blockDefinition ){\n        return null;\n    }\n    let propertyDefinition = blockDefinition.properties.find( prop => prop.name == propertyName );\n    return propertyDefinition;\n}\n\n\n\n/** \n * Returns true if the attribute is a dynamic binding (starts with \"gb_b__\").\n */\nfunction attributeIsBinding(attributeName ){\n    let isDynamic = attributeName.indexOf('gb_b_') == 0;\n    return isDynamic;\n}\n\n\n\n/** \n * Event handler for the drop event when user drops a binding on top of a property.\n * It will swtich to \"binding\" mode if it's not already so, and then assign the binding to the property.\n */\nfunction onDrop( event ){\n    let dragTransferData = JSON.parse( event.dataTransfer.getData(\"text\") );\n    let attrname = event.target.getAttribute('attrname');\n    if( attrname.indexOf('gb_c__') == 0 ){\n        toggleDynamicAttribute( attrname, dragTransferData.bindingname );\n    }else{\n        let newAttrs = {};\n        newAttrs[attrname] = dragTransferData.bindingname;\n        component.value.addAttributes( newAttrs );\n    }\n};\n\n\n\n/** \n * Shows the \"Add Property\" dialog.\n */\nfunction showAddPropertyList(){\n    showAddProperty.value = true;\n}\n\n/** \n * Hides the \"Add Property\" dialog.\n */\nfunction hideAddProperty(){\n    showAddProperty.value = false;\n}\n\n\n\n/**\n * Adds a property to the selected component.\n * @param {Object} prop \n */\nfunction addProperty(prop){\n    console.log( 'PropertiesPanel::addProperty', prop );\n    let defaultValuesByType = {\n        Boolean: true,\n        String: \"\", \n        Number: 0, \n        Array: [], \n        Function: \"\"\n    }\n    let attrsObject = {};\n    let gbName = \"gb_c__\"+prop.name;\n    let defaultValue = defaultValuesByType[prop.type] != null ? defaultValuesByType[prop.type] : \"\";\n    attrsObject[gbName] = defaultValue;\n    component.value.addAttributes(attrsObject);\n    submitChanges();\n}\n\n\n\n/**\n * Returns the definition of a block (component) by type.\n * @param {string} type - The type of the block (component).\n * @return {Object} The definition of the block (component).\n */\nfunction getBlockDefinition( type ){\n    let componentDefinition = blockDefinitionsByType[type];\n    return componentDefinition;\n}\n\n\n\n/**\n * Returns a list of properties that can be added to the selected component.\n * It excludes the ones already present in the component.\n */\nconst availableProperties = computed( ()=>{\n    let componentDefinition = getBlockDefinition( component.value.attributes.type );\n    if( !componentDefinition ){\n        return [];\n    }\n    \n    let definitionProperties = componentDefinition.properties;\n    let currentAttributes = component.value.getAttributes();\n    let currentAttributesClean = [];\n    for( let p in currentAttributes ){\n        let cleanName = getAttributeCleanRealName(p);\n        currentAttributesClean.push( cleanName );\n    }\n    let filtered = [];\n    definitionProperties.forEach( prop => {\n        let cleanName = getAttributeCleanRealName(prop.name);\n        if( currentAttributesClean.indexOf(cleanName) == -1 ){\n            filtered.push( prop );\n        }\n    })\n    return filtered;\n} );\n\n\n\n/**\n * Submits the changes to the selected component.\n * This is needed so that the component in the canvas is updated with the new attributes.\n */\nfunction submitChanges(){\n    //setTimeout( ()=>{\n            // before parsing the html, we need to make sure we handle booleans properly\n            let componentAttributes = component.value.attributes.attributes;\n            //console.log( 'PropertiesPanel :: submitChanges :: componentAttributes: ', componentAttributes );\n            for( let attName in componentAttributes ){\n                if( componentAttributes[attName] === true ){\n                    componentAttributes[attName] = 'true';\n                }\n                if( componentAttributes[attName] === false ){\n                    componentAttributes[attName] = 'false';\n                }\n            }\n            let newHtml = selectedComponent.toHTML();\n            //console.log( 'PropertiesPanel :: submitChanges :: newHtml: ', newHtml );\n            editor.getSelected().replaceWith( newHtml );\n            \n            \n            let clonedAttributes = {};                    \n            let attributeNames = Object.getOwnPropertyNames(componentAttributes);\n            attributeNames.forEach( (attrName)=>{\n                let attributeValue;\n                if( componentAttributes[attrName] != undefined && componentAttributes[attrName].nodeValue != undefined ){\n                    attributeValue = componentAttributes[attrName].nodeValue;\n                } else{\n                    attributeValue = componentAttributes[attrName];\n                }\n                clonedAttributes[attrName] = attributeValue;\n            })\n        props.selectedComponent.setAttributes(clonedAttributes);\n            let grapesElementVueApp = props.selectedComponent.view.$el[0].vueApp;\n            //console.log( 'PropertiesPanel :: submitChanges :: PRE vueApp.updateAttributes(): ', grapesElementVueApp, clonedAttributes );\n            grapesElementVueApp.updateAttributes(clonedAttributes);\n    //}, 1000);\n}\n\n\n\n/**\n * Toggles the attribute mode from constant to binding and viceversa\n * @param {string} key - The name of the attribute.\n * @param {string} value - The value of the attribute.\n */\nfunction toggleDynamicAttribute(key, value){\n    let newKey = key.indexOf('gb_b__') == 0 ? key.replace( 'gb_b__', 'gb_c__' ) : key.replace( 'gb_c__', 'gb_b__' );\n    component.value.removeAttributes( [key]);\n    let newAtts = {};\n    // When switching to Binding mode, pick the model variable with the same name set as constant or,\n    // If it doesn't exist, pick one of the same type by default\n    if( newKey.indexOf('gb_b__') == 0 ){\n        if(modelFieldsByName[value] != null )\n            newAtts[newKey] = value;\n        else{\n            let cleanAttributeName = getAttributeCleanRealName(newKey).toLowerCase();\n            let def = getBlockPropertyDefinition(cleanAttributeName);\n\n            let attributeObject = { def }\n            let sameTypeModelFields = filteredModelFields(attributeObject);\n            if( sameTypeModelFields.length > 0 )\n                newAtts[newKey] = sameTypeModelFields[0].name;\n            else\n                newAtts[newKey] = \"Not Set\";\n        }\n    }else{\n        newAtts[newKey] = value;\n    }\n\n    component.value.addAttributes(newAtts);\n    submitChanges();\n}\n\n/**\n * Sets the selected component.\n * @param {Object} newComponent \n */\nfunction setSelectedComponent(newComponent){\n    component.value = newComponent;\n    if( newComponent && newComponent.attributes.type == 'plotly' ){\n        chartPropertiesPanel.value.setSelectedComponent( newComponent );\n    }\n    /* if( chartPropertiesPanel.value){\n      chartPropertiesPanel.value.setSelectedComponent(com);\n    } */\n}\n\n\n\n/*  ======================================================================================\n                                    COMPONENT LIFECYCLE HOOKS\n    ====================================================================================== */\nonMounted( ()=>{\n    setSelectedComponent( window.selectedComponent );\n});\n\n\n\n/*  ======================================================================================\n                                    COMPONENT EXPORTS\n    ====================================================================================== */\ndefineExpose({\n    setSelectedComponent, chartPropertiesPanel\n})\n</script>\n\n\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n.propRow{\n    position: relative;\n    border-bottom: solid 1px var(--checkbox-background);\n    display: flex;\n    flex-direction: row;\n    gap: 10px;\n    padding: 5px 0px 5px;\n}\n.propRowLabel{\n    width: 35%;\n    font-size: 0.9em;\n    display: flex;\n    justify-content: right;\n    align-items: center;\n    text-transform: capitalize;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    user-select: none;\n}\n.propRowControl{\n    width: 60%;\n    display: flex;\n    justify-content: left;\n}\n\n.propRowDynamicSwitch{\n    width: 5%;\n    display: flex;\n    justify-content: left;\n    align-items: center;\n    cursor: pointer;\n    opacity:0.7;\n}\n\n.propRowDynamicSwitch:hover{\n    opacity:1;\n}\n\n.addPropIcon{\n    font-size: 1.2em;\n    opacity: 0;\n}\n\n\n.propInput{\n    padding: 1px 10px;\n    border: solid 1px #999;\n    border-radius: 3px;\n    box-sizing: border-box;\n    width: 100%;\n    color: #000000;\n}\n\n.propInputDynamic{\n    background-color: #fff1cd;\n    border: solid 1px #d8b252;\n    color: #916a09;\n}\n\n.removeBtnCnt{\n    opacity: 0;\n    cursor: pointer;\n}\n.propRow:hover .removeBtnCnt{\n    opacity: 0.5;\n}\n.removeBtnCnt:hover{\n    opacity: 1 !important;\n}\n</style>","import script from \"./PropertiesPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PropertiesPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PropertiesPanel.vue?vue&type=style&index=0&id=015f447c&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-015f447c\"]])\n\nexport default __exports__\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QIcon});\n","<template>\n    <div class=\"logsPanel\" style=\"position:relative;\">\n        <div class=\"toolBar\">\n            <div>\n                <input type=\"checkbox\" id=\"showServerLogs\" name=\"showServerLogs\" v-model=\"showServerLogs\" /> GB Server\n            </div>\n            <div>\n                <input type=\"checkbox\" id=\"showClientLogs\" name=\"showClientLogs\" v-model=\"showClientLogs\" /> Client\n            </div>\n            <div>\n                <!-- select log level -->\n                <select v-model=\"logLevel\">\n                    <!-- <option value=\"0\">Debug</option> -->\n                    <option value=\"1\">Info</option>\n                    <option value=\"2\">Warning</option>\n                    <option value=\"3\">Error</option>\n                </select>\n            </div>\n            <!--\n            <div>\n                <select v-model=\"loggedAppId\">\n                    <option v-for=\"item in loggedAppIdsMap\" :value=\"item.id\">{{ item.label }}</option>\n                </select>\n            </div> -->\n            <div>\n                Search: <input type=\"text\" id=\"searchString\" name=\"searchString\" v-model=\"searchString\" style=\"width: 200px;\"/>\n            </div>\n            <div style=\"text-align: right; flex-grow: 1; flex-basis: 0;\">\n                <!-- <vscode-button @click=\"clearLogs\">Clear</vscode-button> -->\n                <button class=\"clearLogsButton\" @click=\"clearLogs\" title=\"Clear Logs\">\n                    <span class=\"codicon codicon-settings\"><i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"font-size: 16px; padding: 5px;\">delete</i></span>\n                    <!-- <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"font-size: 16px; padding: 5px;\">Clear</i> -->\n                </button>\n            </div>\n        </div>\n        <div ref=\"logsContainer\" class=\"logsContainer\">\n            <div :class=\"{logItem:true, levelInfo:item.level=='info', levelWarning:item.level=='warning', levelError:item.level=='error' }\" v-for=\"(item, $index) in filteredLogs\" :key=\"'logItem_'+$index\">\n                <div class=\"timeStamp\">{{ item.timestamp }}</div>\n                <!-- <div class=\"appSource\">{{ item.appSource }}</div> -->\n                <div class=\"logLevel\">{{ item.level }}</div>\n                <div :class=\"{logMessage:true, logMessageExpanded:item.expanded}\" v-highlight=\"item.message\" @click=\"item.expanded=!item.expanded\"></div>\n            </div>\n        </div>\n        \n    </div>\n</template>\n\n<script setup>\n\nimport _ from 'underscore';\nimport {computed, ref} from 'vue';\nimport Configuration from '../../utils/Configuration.js'\n\nconst props = defineProps(['appData'])\nconst showServerLogs = ref(true);\nconst showClientLogs = ref(true);\nconst logLevel = ref(1);\nconst loggedAppId = ref('all');\nconst searchString = ref('');\nconst logsContainer = ref(null);\n\nimport hljs from 'highlight.js/lib/core';\nimport javascript from 'highlight.js/lib/languages/javascript';\nimport sql from 'highlight.js/lib/languages/sql';\nimport 'highlight.js/styles/atom-one-dark.css';\n\nhljs.registerLanguage('javascript', javascript);\nhljs.registerLanguage('sql', sql);\n\nconst highlight = {\n  mounted(el, binding) {\n    const code = binding.value || '';\n    const highlightedCode = hljs.highlight('sql', code).value;\n    el.innerHTML = `<pre style=\"white-space: pre-wrap; word-wrap: break-word;\"><code style=\"display: block; width: 100%;\">${highlightedCode}</code></pre>`;\n  },\n  updated(el, binding) {\n    const code = binding.value || '';\n    const highlightedCode = hljs.highlight('sql', code).value;\n    el.innerHTML = `<pre style=\"white-space: pre-wrap; word-wrap: break-word;\"><code style=\"display: block; width: 100%;\">${highlightedCode}</code></pre>`;\n  }\n};\n\n// Registering directive locally\nconst vHighlight = highlight;\n\nconst loggedAppIdsMap = ref([\n    { id:'all', label:\"All\" },\n    { id:0, label:\"GB\" },\n])\nconst logLevelsMap = {\n    //debug: 0,\n    info: 1,\n    warning: 2,\n    error: 3\n}\n// debug, info, wanring, error\nconst logs = ref([]);\nwindow.logs = logs;\n\nconst filteredLogs = computed( ()=>{\n    let results = logs.value.filter( (item)=>{\n        //debugger;\n        let matchesSource = (item.source==\"server\" && showServerLogs.value) || (item.source==\"client\" && showClientLogs.value );\n        let matchesLevel = logLevelsMap[item.level] >= logLevel.value;\n        let matchesAppId = loggedAppId.value == 'all' || item.appid == loggedAppId.value;\n        //console.log( \">>>>>>> \", item.appid, ' == ', loggedAppId.value)\n        let matchesSearch = searchString.value == '' || item.message.toLowerCase().indexOf(searchString.value.toLowerCase() ) >= 0;\n        //console.log( 'matchesSource', matchesSource, matchesLevel, matchesSearch );\n        return matchesSource && matchesLevel && matchesSearch && matchesAppId;\n    })\n    return results;\n})\n\nfunction clearLogs(){\n    logs.value = [];\n}\n\nfunction addLog( logObject ){\n    // Discard messages with appId and not matching the current app id\n    let configuredAppId = Configuration.appid;\n    let messageAppId = logObject.appid;\n    if( messageAppId != undefined && messageAppId != configuredAppId ){\n        return;\n    }\n    console.log( 'addLog', logObject );\n    let logPrefix = 'log:message ';\n    if( logObject.message.indexOf( logPrefix ) == 0 ){\n        // Add the app id to the loggedAppIdsMap if it doesn't exist\n        if( !loggedAppIdsMap.value.find( (item)=>{ return item.id == logObject.appid } ) ){\n            loggedAppIdsMap.value.push( { id:logObject.appid, label:logObject.appid } );\n        }\n        \n        // Remove the logPrefix from the message\n        let message = logObject.message.slice( logPrefix.length );\n\n        // Extract the log level from the message text\n        if( message.indexOf(\"Info: \") == 0 ){\n            logObject.level = \"info\";\n            message = message.slice( \"Info: \".length );\n        }else if( message.indexOf(\"Warning: \") == 0 ){\n            logObject.level = \"warning\";\n            message = message.slice( \"Warning: \".length );\n        }else if( message.indexOf(\"Error: \") == 0 ){\n            logObject.level = \"error\";\n            message = message.slice( \"Error: \".length );\n        }\n\n\n        // Replace newlines with <br/>\n        //message = message.split(\"\\n\").join(\"<br/>\");\n        message = message.split(\" ┌\").join(\"┌\");\n        logObject.message = message;\n        \n        // Parse app source-id and timestamp\n        logObject.appSource = logObject.appid == \"0\" ? \"GB\" : \"app \"+logObject.appid;\n        logObject.timestamp = logObject.timestamp.replace(\"T\", \" \").replace(\"Z\", \"\").split(\".\")[0];\n\n        // set collapsd view by default\n        logObject.expanded = false;\n\n        // Add the log to the logs array\n        logs.value.push( logObject );\n\n        // Scroll to bottom so that latest log is visible\n        logsContainer.value.scrollTop = logsContainer.value.scrollHeight;\n    }\n}\n\ndefineExpose( {addLog} );\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n\n.toolBar{\n    display: flex;\n    flex-direction: row;\n    font-size: 12px;\n    padding-bottom: 5px;\n    border-bottom: solid 1px #ccc;\n    margin-bottom: 10px;\n    gap: 15px;\n}\n\n\n.logsContainer{\n    height: 200px;\n    overflow: auto;\n}\n\n.logItem:hover{\n    background-color: #00000010;\n}\n.logItem{\n    font-size: 14px;\n    color: #828282;\n    display: flex;\n    flex-direction: row;\n    gap: 20px;\n    align-items: flex-start;\n    border-bottom: solid 1px #cccccc20;\n}\n\n.timeStamp, .appSource, .logLevel, .logMessage {\n    flex-shrink: 0; /* Ensure they don't shrink below their designated width */\n    overflow: hidden; /* For text-overflow, if needed */\n    \n    text-overflow: ellipsis; /* Ellipsis if content overflows */\n}\n\n.timeStamp{\n    width: 150px;\n}\n.logLevel{\n    width: 60px;\n}\n.appSource{\n    width: 50px;\n}\n\n\n.logMessage {\n    flex-grow: 1;\n    flex-basis: 0;\n    min-width: 0;\n    overflow-wrap: break-word;\n    max-width: calc(100% - 260px - 60px); /* Subtract the total width of the other columns and gap */\n    overflow: hidden; \n    max-height: 20px;\n    cursor: pointer;\n}\n.logMessageExpanded{\n    overflow: unset; \n    max-height: unset;\n}\n.levelInfo{\n    color: #49afed;\n}\n.levelWarning{\n    color: #e29a42;\n}\n.levelError{\n    color: rgb(242, 91, 91);\n}\n\n.clearLogsButton{\n    opacity: 0.5;\n}\n.clearLogsButton:hover{\n    opacity: 1;\n}\n</style>","import script from \"./LogsPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LogsPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./LogsPanel.vue?vue&type=style&index=0&id=9497234c&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-9497234c\"]])\n\nexport default __exports__\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QIcon});\n","<template>\n    <div class=\"bindingsConnectorsContainer\">\n            <svg width=\"100%\" height=\"100%\" style=\"position: absolute; z-index: 11; pointer-events: none;\">\n                <rect v-for=\"connection in connections\" :key=\"connection.id\" :x=\"connection.x\" :y=\"connection.y\" :width=\"connection.width\" :height=\"connection.height\" style=\"fill:transparent; stroke-width:3; stroke:#0099ff;\"/>\n                <path  v-for=\"connection in connections\" :key=\"connection.id\" \n                    :d=\"getConnectionSVGPath(connection)\" stroke=\"#0099ff\" stroke-width=\"2\" fill=\"transparent\"/>\n            </svg>\n    </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\n\n\nconst canvasElementsPositions = ref([]);\nconst connections = ref([]);\nconst _iframePosition = ref(null);\nconst overedBinding = ref(null);\n\n\nfunction getConnectionSVGPath(connection ){\n    let origin = connection;\n    let target = getOveredBindingPosition();\n    let xDistance = Math.abs( origin.x+origin.width - target.x );\n    let controlPointOffsetX = xDistance*0.5;\n    let path = `M ${origin.x+origin.width} ${origin.y+origin.height*.5} C ${origin.x+origin.width+controlPointOffsetX} ${origin.y+origin.height*.5}, ${target.x-controlPointOffsetX} ${target.y+7}, ${target.x} ${target.y+7}`;\n    return path;\n}\n\n\n\nfunction getOveredBindingPosition(){\n    let elPosition = getElementPosition( overedBinding.value.element );\n    return elPosition;\n}\n\n\n\nfunction getElementPosition(element) {\n  const rect = element.getBoundingClientRect();\n  return {\n    x: rect.left, \n    y: rect.top\n  };\n}\n\nfunction updateElementsPositions(lines){\n    canvasElementsPositions.value = lines;\n    updateConnections();\n\n}\nfunction updateConnections(){\n    if( _iframePosition.value == null )\n        updateIframePosition();\n    let iframePosition = _iframePosition.value;\n    let adjustedPositions = canvasElementsPositions.value.map( (line)=>{\n        return {\n            x: line.x + iframePosition.x,\n            y: line.y + iframePosition.y, \n            width: line.width,\n            height: line.height,\n        }\n    })\n    connections.value = adjustedPositions;\n\n}\n\nfunction updateIframePosition(){\n    let iframeElement = document.querySelector('.gjs-frame') ;\n    _iframePosition.value = getElementPosition( iframeElement );;\n    updateConnections();\n}\n\nfunction onBindingOvered(event){\n    overedBinding.value = event;\n}\n\n\n\ndefineExpose({\n    updateElementsPositions, updateIframePosition, onBindingOvered\n})\n</script>\n\n<style scoped>\n.bindingsConnectorsContainer{\n    background-color: #ff000000;\n    width: 100%;\n    height: 100%;\n    position: fixed;\n    z-index: 10;\n    pointer-events: none;\n}\n</style>","import script from \"./BindingsConnector.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./BindingsConnector.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./BindingsConnector.vue?vue&type=style&index=0&id=571588a7&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-571588a7\"]])\n\nexport default __exports__","<template>\n    <div style=\"position:relative;width: 280px;\">\n        <div class=\"flex flex-col items-center justify-center p-6\" style=\"padding: 0px;\">\n            <div class=\"mb-4 w-full max-w-xl\">\n                <textarea rows=\"2\" v-model=\"question\" placeholder=\"Enter your question\"\n                    class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\" />\n            </div>\n\n            <div v-if=\"error\" class=\"\">\n                <p class=\"text-red-600\" style=\"margin-top: -15px;\">{{ error }}</p>\n            </div>\n\n            <vscode-button @click=\"askQuestion\" style=\"width: 100px !important;\">Ask</vscode-button>\n        </div>\n    </div>\n</template>\n\n<script setup>\n\nimport axios from 'axios';\nimport _ from 'underscore';\nimport {computed, ref, onMounted} from 'vue';\nimport Configuration from '../../utils/Configuration';\n\n\nconst props = defineProps(['appData']);\n\n\nconst question = ref('');\nconst error = ref(null);\n\n\n\nconst askQuestion = async () => {\n    if (question.value.trim() === '') {\n        error.value = 'Please enter a question.';\n        return;\n    }\n    window.parent.postMessage( {command:\"openAiDocs\", query:question.value }, \"*\" );\n    question.value = \"\";\n    error.value = null;\n};\n\n\n\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n\n</style>\n","import script from \"./AiHelpPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AiHelpPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AiHelpPanel.vue?vue&type=style&index=0&id=7afcd89f&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7afcd89f\"]])\n\nexport default __exports__","<template>\n    <div v-if=\"!component\" class=\"nothingSelected\">\n        <i>Nothing selected</i>\n    </div>\n\n    <div v-else style=\"position:relative;\">\n        <div class=\"flex flex-col items-center justify-center p-6\" style=\"padding: 0px;\">\n            <div class=\"mb-4 w-full max-w-xl\">\n                <textarea rows=\"2\" v-model=\"userPrompt\" :disabled=\"isLoading\" placeholder=\"Enter your code assistance request\"\n                    class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\" />\n            </div>\n\n            <div v-if=\"requestObject.aiError\" class=\"\">\n                <p class=\"text-red-600\" style=\"margin-top: -15px;\">{{ requestObject.aiError }}</p>\n            </div>\n\n            <vscode-button v-if=\"!isLoading\" @click=\"aiSendClicked\" style=\"width: 100px !important;\">Request</vscode-button>\n            <vscode-button v-if=\"isLoading\"  disabled style=\"width: 100px !important;\">Plese wait...</vscode-button>\n\n        </div>\n    </div>\n</template>\n\n<script setup>\n\nimport _ from 'underscore';\nimport axios from 'axios';\nimport {computed, ref} from 'vue';\nimport Configuration from '../../utils/Configuration.js'\n\nconst props = defineProps(['appData', 'selectedComponent'])\n\n\nlet component = ref(null);\nlet userPrompt = ref(\"\");\nlet isLoading = ref(false);\nlet aiApiUrl = Configuration.ask_ai_url + 'codegen';\nlet requestObject = ref({});\n\n/**\n * Sets the selected component.\n * @param {Object} newComponent \n */\nfunction setSelectedComponent(newComponent){\n    console.log( 'aiCodePanel :: setSelectedComponent: ', setSelectedComponent );\n    component.value = newComponent;\n}\n\nfunction aiSendClicked(){\n    let selectedElement = component.value;\n    console.log( 'aiCodePanel :: aiSendClicked: ', selectedElement );\n\n    let selectedHtml = selectedElement.toHTML()\n\n    requestObject.value = {\n        selectedHtml: selectedHtml, \n        userPrompt: userPrompt.value, \n    };\n    requestObject.value.previousPrompt = userPrompt.value;\n    isLoading.value = true;\n\n    console.log( 'aiCodePanel :: aiRequest-requestObject: ', requestObject.value );\n    axios.post( aiApiUrl, \n        { \n            content_type: \"html\", \n            prompt: requestObject.value.userPrompt, \n            code: requestObject.value.selectedHtml\n        }\n    )\n    .then( (response)=>{\n        isLoading.value = false;\n        let responseObject = JSON.parse( response.request.response )\n        console.log( \"AI response: \", responseObject )\n        if( responseObject.error ){\n            console.log( 'responseObject.error', responseObject.error );\n            requestObject.value.aiError = responseObject.error;\n        }else{\n            isLoading.value = false;\n            userPrompt.value = \"\";\n            requestObject.value.aiApiResponse = responseObject.response;\n            \n            editor.getSelected().replaceWith( responseObject.response );\n            emit(\"aiCodeChanged\");\n        }\n    } )\n    .catch( (err)=>{\n        isLoading.value = false;\n        console.log( \"Error sending message to AI: \", err );\n        requestObject.value.aiError = err.message;\n    } )\n}\n\n\ndefineExpose( { setSelectedComponent } );\nconst emit = defineEmits([\"aiCodeChanged\"]);\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\ntextarea:disabled{\n    color: unset;\n}\nvscode-button:disabled{\n    color: unset;\n}\n\n</style>","import script from \"./AiCodePanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AiCodePanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AiCodePanel.vue?vue&type=style&index=0&id=d1816844&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-d1816844\"]])\n\nexport default __exports__","import Configuration from \"./Configuration\";\n\nexport default class StatusMonitor{\n    constructor( onOpen, onClose, onMessage){\n        this.wsEndpoint = Configuration.getExternalApiBaseUrl('ws');\n        this.ws = null;\n        this.onOpenHandler = onOpen;\n        this.onCloseHandler = onClose;\n        this.onMessageHandler = onMessage;\n    }\n\n    connect(){\n        console.log( \"StatusMonitor::connect\" );\n        this.ws = new WebSocket( this.wsEndpoint );\n        this.ws.onopen = this.onOpen.bind(this);\n        this.ws.onmessage = this.onMessage.bind(this);\n        this.ws.onclose = this.onClose.bind(this);\n    }\n\n    restart( seconds ){\n        seconds = seconds || 1;\n        console.log( \"StatusMonitor::restart\", seconds );\n        setTimeout( ()=>{\n            this.connect();\n        }, seconds*1000 );\n    }\n\n    onOpen(){\n        console.log( \"StatusMonitor::onOpen\" );\n        this.ws.send(JSON.stringify({\n            'channel': 'geniebuilder',\n            'message': 'subscribe',\n            'payload': {}\n        }));\n        this.onOpenHandler();\n    }\n\n    onMessage(message){\n        this.onMessageHandler(message);\n    }\n\n    onClose(){\n        console.log( \"StatusMonitor::onClose\" );\n        this.onCloseHandler();\n    }\n\n}","<template>\n  <div class=\"mainContainer\" v-if=\"appData\">\n    <div class=\"topBar\">\n      <div style=\"width: 100%;\">\n        <!-- <img src=\"img/logo.png\" alt=\"logo\" style=\"height: 100%;\"/> -->\n      </div>\n      <div class=\"topToolBar\">\n        <div style=\"margin-right: 10px; color: #cccccc;\">\n          v {{ version }}\n        </div>\n        <div>\n          <vscode-button @click=\"reloadPage\" style=\"margin-right: 10px;\">Refresh</vscode-button> \n          <vscode-button @click=\"saveTemplate\">Save</vscode-button>\n        </div>\n      </div>\n    </div>\n    <div class=\"rowStack\">\n      <div class=\"centralBar\">\n        <div class=\"panel canvasPanel\" style=\"\">\n            <CanvasPanel ref=\"canvasPanel\" @autoSaveTriggered=\"onAutoSaveTriggered\" @componentSelected=\"onComponentSelected\" @bindingDroppedOnComponent=\"onBindingDroppedOnComponent\" :appData=\"appData\" />\n          <!-- <Panel :hideTitle=\"true\" title=\"Builder\" style=\"height: 100%; display: flex; flex-direction: column;\">\n          </Panel> -->\n        </div>\n        <div class=\"panel logsPanel\">\n          <Panel title=\"Logs\">\n            <LogsPanel ref=\"logsPanel\" :appData=\"appData\"/>\n          </Panel>\n        </div>\n      </div>\n      <splitpanes horizontal class=\"rightBar\" @resized=\"panesResized\">\n        <pane id=\"bindingsPanelContainer_Pane\" :size=\"panelStates.bindingsPanelContainer.size\" :style=\"{ minHeight: panelStates.bindingsPanelContainer.expanded ? '200px' : '25px', maxHeight: panelStates.bindingsPanelContainer.expanded ? '100%' : '25px'}\">\n          <div class=\"panel bindingsPanel\" style=\"height: 100%;\">\n            <Panel title=\"Library & Bindings\" ref=\"bindingsPanelContainer\" @update:expanded=\"updatePaneState('bindingsPanelContainer', $event)\" style=\"height: 100%;\">\n              <tabs mode=\"light\" @changeTab=\"onMainTabChanged\" style=\"height: 100%; display: flex; flex-direction: column;\">\n                <tab title=\"UI Library\" active=\"true\" style=\"\">\n                  <LibraryPanel ref=\"libraryPanel\" @blockCustomTriggered=\"onBlockCustomTriggered\" />\n                </tab>\n                <tab title=\"Styles\">\n                  <div id=\"myStyleEditorContainer\">\n                    <div id=\"myStyleEditorContainerClasses\"></div>\n                    <div id=\"myStyleEditorContainerSections\"></div>\n                  </div>\n                </tab>\n                <tab title=\"Bindings\">\n                  <BindingsPanel ref=\"bindingsPanel\" :appData=\"appData\" @bindingOvered=\"onBindingOvered\" />\n                </tab>\n                <tab title=\"Layers\">\n                  <div id=\"layersContainer\">\n                  </div>\n                </tab>\n                <tab title=\"Code\" style=\"width: 100%\">\n                  <div class=\"nothingSelected\" v-show=\"!selectedComponent\">\n                    <i>Nothing selected</i>\n                  </div>\n                  <div id=\"customCodeEditor\" v-show=\"selectedComponent\">\n                    <Codemirror\n                      ref=\"codeEditor\"\n                      v-model:value=\"codeEditorValue\"\n                      :options=\"cmOptions\"\n                      border\n                      placeholder=\"test placeholder\"\n                      :height=\"200\"\n                      @change=\"codeChanged\"\n                    />\n                    <vscode-button @click=\"applyCodeChanges\">Apply</vscode-button>\n                  </div>\n                </tab>\n              </tabs>\n            </Panel>\n          </div>\n        </pane>\n        <pane id=\"propertiesPanelContainer_Pane\" :size=\"panelStates.propertiesPanelContainer.size\" :style=\"{ minHeight: panelStates.propertiesPanelContainer.expanded ? '100px' : '25px', maxHeight: panelStates.propertiesPanelContainer.expanded ? '100%' : '25px'}\">\n          <div class=\"panel propertiesPanel\" style=\"height: 100%;\">\n            <Panel :title=\"getPropertiesPanelName\" ref=\"propertiesPanelContainer\" @update:expanded=\"updatePaneState('propertiesPanelContainer', $event)\" style=\"height: 100%;\">\n              <PropertiesPanel ref=\"propertiesPanel\" :appData=\"appData\" :selectedComponent=\"selectedComponent\" style=\"height: 100%;\"/>\n            </Panel>\n          </div>  \n        </pane>\n        <!-- <pane id=\"chartPropertiesPanelContainer_Pane\" :size=\"panelStates.chartPropertiesPanelContainer.size\" :style=\"{ minHeight: panelStates.chartPropertiesPanelContainer.expanded ? '100px' : '25px', maxHeight: panelStates.chartPropertiesPanelContainer.expanded ? '100%' : '25px'}\">\n          <div class=\"panel chartPropertiesPanel\" style=\"height: 100%;\">\n            <Panel title=\"Chart Properties\" ref=\"chartPropertiesPanelContainer\" @update:expanded=\"updatePaneState('chartPropertiesPanelContainer', $event)\" style=\"height: 100%;\">\n              <ChartProperties ref=\"chartPropertiesPanel\" :appData=\"appData\" :selectedComponent=\"selectedComponent\" style=\"height: 100%;\"/>\n            </Panel>\n          </div>  \n        </pane> -->\n        <pane id=\"aiHelpPanelContainer_Pane\" :size=\"panelStates.aiHelpPanelContainer.size\" :style=\"{ minHeight: panelStates.aiHelpPanelContainer.expanded ? '150px' : '25px', maxHeight: panelStates.aiHelpPanelContainer.expanded ? '100%' : '25px'}\">\n          <div class=\"panel aiHelpPanel\" style=\"height: 100%;\">\n            <Panel title=\"Ask AI\" ref=\"aiHelpPanelContainer\" @update:expanded=\"updatePaneState('aiHelpPanelContainer', $event)\" style=\"height: 100%;\">\n              <tabs mode=\"light\" @changeTab=\"onAiTabChanged\" style=\"height: 100%; display: flex; flex-direction: column;\">\n                <tab title=\"Help\" active=\"true\" style=\"\">\n                  <AiHelpPanel ref=\"aiHelpPanel\" :appData=\"appData\" :selectedComponent=\"selectedComponent\" style=\"height: 100%;\"/>\n                </tab>\n                <tab title=\"Code Assistant\">\n                  <AiCodePanel ref=\"aiCodePanel\" :appData=\"appData\" @aiCodeChanged=\"onAiCodeChanged\" :selectedComponent=\"selectedComponent\" style=\"height: 100%;\"/>\n                </tab>\n              </tabs>\n              \n            </Panel>\n          </div>  \n        </pane>      \n      </splitpanes>\n    </div>\n    \n    <BindingsConnector ref=\"bindingConnectorsManager\" :appData=\"appData\" />\n    \n  </div>\n</template>\n\n<script setup >\n\nimport axios from 'axios';\nimport { Splitpanes, Pane } from 'splitpanes'\nimport 'splitpanes/dist/splitpanes.css'\n\nimport _ from 'underscore';\nimport Panel from './Panel.vue'\nimport Tabs from './tabs/Tabs.vue';\nimport Tab from './tabs/Tab.vue';\n\nimport BindingsPanel from './panels/BindingsPanel.vue'\nimport CanvasPanel from './panels/CanvasPanel.vue'\nimport LibraryPanel from './panels/LibraryPanel.vue'\nimport PropertiesPanel from './panels/PropertiesPanel.vue'\n//import ChartProperties from './ChartProperties.vue'\nimport LogsPanel from './panels/LogsPanel.vue'\nimport BindingsConnector from './BindingsConnector.vue'\nimport AiHelpPanel from './panels/AiHelpPanel.vue';\nimport AiCodePanel from './panels/AiCodePanel.vue';\n\n\nimport { computed, ref, onMounted } from 'vue'\nimport StatusMonitor from '../utils/StatusMonitor';\nimport HtmlTemplateParser from '../utils/HtmlTemplateParser';\nimport Configuration from '../utils/Configuration';\nimport { clear, update } from 'vue-plotly';\n\nimport Codemirror from \"codemirror-editor-vue3\";\n// placeholder\nimport \"codemirror/addon/display/placeholder.js\";\n\n// language\nimport \"codemirror/mode/xml/xml.js\";\n// placeholder\nimport \"codemirror/addon/display/placeholder.js\";\n// theme\nimport \"codemirror/theme/dracula.css\";\nimport \"codemirror/theme/neat.css\";\n//import \"./codeMirrorThemeDark.css\";\n\nlet codeEditor = ref(null);\nlet codeEditorValue = ref('test <p>para</p>');\nlet cmOptions = ref({\n        mode: \"text/xml\", // Language mode\n        theme: \"neat\", // Theme\n        lineWrapping: true\n      });\n\n      // Used to prevent unnecessary saveTemplate() calls\nlet lastSavedHTMLCode = \"\";\nlet lastSavedCSSCode = \"\";\n\nfunction onMainTabChanged(index){\n  if( index == 3 ){\n    setTimeout( ()=>{\n      console.log( 'onMainTabChanged', index, codeEditor.value );\n      updateCodeEditorContent();\n    }, 200 );\n  }\n}\n\nfunction codeChanged(){\n  console.log( 'codeChanged' );\n}\nconst switchCodeEditorTheme = ()=>{\n  console.log( 'Main.switchCodeEditorTheme: ', window.currentThemeType );\n  if( window.currentThemeType == 'light' ){\n    cmOptions.value.theme = \"neat\";\n  }else{\n    cmOptions.value.theme = \"dracula\";\n  }\n  themeType = window.currentThemeType;\n  //cmOptions.value.theme = cmOptions.value.theme == \"neat\" ? \"dracula\" : \"neat\";\n  if( codeEditor.value )\n    codeEditor.value.refresh();\n}\nwindow.switchCodeEditorTheme = switchCodeEditorTheme;\n\nfunction onAiCodeChanged(){\n  canvasPanel.value.showAiCodePreview(true);\n}\n\nfunction applyCodeChanges(){\n\n  let fullContent = codeEditorValue.value;\n\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(fullContent, 'text/html');\n  const firstDiv = doc.body;\n  HtmlTemplateParser.encodeAttributesInDOM(firstDiv );\n  \n  // Get the styles before swapping the component or they will get lost\n  const firstDivContent = firstDiv.innerHTML;\n  let previousStyle = editor.getCss();\n  editor.getSelected().replaceWith( firstDivContent )\n  editor.setStyle(previousStyle);\n}\n\nlet panelStates = ref(null);\n\nlet storedStates = localStorage.getItem('panelStates');\nif( storedStates ){\n  console.log( 'storedStates', storedStates );\n  panelStates.value = JSON.parse(storedStates);\n}else{\n    panelStates.value = {\n      bindingsPanelContainer: { expanded: true, size: 10 },\n      propertiesPanelContainer: { expanded: true, size: 10 },\n      //chartPropertiesPanelContainer: { expanded: true, size: 10 },\n      aiHelpPanelContainer: { expanded: true, size: 10 },\n    }\n    savePanelStates();\n}\n\n\n\n//const panelSizes = ref([50, 50]) // Initial sizes of the panels\nconst panelSizes = ref([\n  panelStates.value.bindingsPanelContainer.size, \n  panelStates.value.propertiesPanelContainer.size,\n  //panelStates.value.chartPropertiesPanelContainer.size,\n  panelStates.value.aiHelpPanelContainer.size\n]);\nconsole.log( 'panelSizes', panelSizes );\n\n\nfunction savePanelStates(){\n      /* panelStates.value.bindingsPanelContainer.size = panelSizes.value[0];\n      panelStates.value.propertiesPanelContainer.size = panelSizes.value[1];\n      panelStates.value.chartPropertiesPanelContainer.size = panelSizes.value[2];\n      panelStates.value.aiHelpPanelContainer.size = panelSizes.value[3]; */\n    try{\n      panelStates.value.bindingsPanelContainer.size = Math.round(document.getElementById('bindingsPanelContainer_Pane').style.height.split('%').join('') );\n      panelStates.value.propertiesPanelContainer.size = Math.round(document.getElementById('propertiesPanelContainer_Pane').style.height.split('%').join('') );\n      //panelStates.value.chartPropertiesPanelContainer.size = Math.round(document.getElementById('chartPropertiesPanelContainer_Pane').style.height.split('%').join('') );\n      panelStates.value.aiHelpPanelContainer.size = Math.round(document.getElementById('aiHelpPanelContainer_Pane').style.height.split('%').join('') );\n    }catch(e){\n      console.error( 'savePanelStates error', e );\n    }\n      \n  \n  localStorage.setItem('panelStates', JSON.stringify(panelStates.value));\n}\n\nfunction panesResized(){\n  console.log( 'panesResized' );\n  savePanelStates();\n}\n\nconst savePanelSizes = (sizes) => {\n  panelSizes.value = sizes\n}\n\nfunction updatePaneState(panelRefName, expanded) {\n  console.log( 'updatePaneState', panelRefName, expanded );\n  panelStates.value[panelRefName].expanded = expanded;\n  savePanelStates();\n  // Update panelSizes here as needed\n}\n\nconst bindingsPanelContainer = ref(null);\nconst propertiesPanelContainer = ref(null);\n//const chartPropertiesPanelContainer = ref(null);\nconst aiHelpPanelContainer = ref(null);\n\nconst logsPanel = ref(null);\nconst canvasPanel = ref(null);\nconst bindingsPanel = ref(null);\nconst libraryPanel = ref(null);\nconst propertiesPanel = ref(null);\n//const chartPropertiesPanel = ref(null);\nconst aiHelpPanel = ref(null);\nconst aiCodePanel = ref(null);\nconst bindingConnectorsManager = ref(null);\nconst selectedComponent = ref(null);\n\nlet currentPage = null;\nlet savedFromNoCodeEditor = false;\n\nlet appData = ref(null);\nwindow.appData = appData;\n\nconst version = process.env.PACKAGE_VERSION;\n\n\n\n// ==============================================================\n//                      URL PARAMS\n// ==============================================================\n\n// Get the URL params to configure connectivity with backend\n// Check url params and save in Configuration if all good\nlet expectedParamsList = [ 'appid', 'appport', 'CHANNEL__', 'GB_SOURCE', 'GB_HOST', 'GB_PORT' ]; \nlet urlParamsMissing = [];\nconst searchParams = getSearchParams();\nlet report = ( \"NCD. URL Params\\n------------------------\" );\nexpectedParamsList.forEach( (paramName)=>{\n  report += `\\n  - ${paramName}: ${searchParams[paramName]}`;\n  if( searchParams[paramName] == undefined ){\n    urlParamsMissing.push( paramName );\n  }else{\n    Configuration[paramName] = searchParams[paramName];\n  }\n});\nconsole.log( report );\n\n// Throw error if any param is missing\nif( urlParamsMissing.length > 0 ){\n  let urlParamsMessage = 'Missing URL params: ' + urlParamsMissing.join(', ');\n  alert( urlParamsMessage );\n  throw new Error( urlParamsMessage );\n}\n\n// Build API base (used for ajax requests against the GB API)\nwindow.apibase = Configuration.getExternalApiBaseUrl('http') + 'api/v1/';\n\n// Set the UI Theme\nlet themeType = 'dark';\nif( searchParams.theme == 'light' ){\n  themeType = 'light';\n}\nsetTheme( themeType );\n\n/* window.apibase = apibase;\nwindow.appid = appid;\nwindow.appport = appport;\nwindow.channel = channel; */\n\n\n// ==============================================================\n//                  GB API Websocket\n// ==============================================================\nwindow.clearStoredUnsavedChanges = function(){\n  console.log( 'clearStoredUnsavedChanges()' );\n  let currentPath = currentPage.config.app_path + '/' + currentPage.view;\n  localStorage.removeItem('unsavedChanges__' + currentPath);\n}\n\nwindow.getStoredUnsavedChanges = function(){\n  console.log( 'getStoredUnsavedChanges()' );\n  let currentPath = currentPage.config.app_path + '/' + currentPage.view;\n  let unsavedChanges = localStorage.getItem('unsavedChanges__' + currentPath);\n  if( unsavedChanges ){\n    unsavedChanges = JSON.parse(unsavedChanges);\n  }\n  return unsavedChanges;\n}\n\nwindow.setStoredUnsavedChanges = function (){\n  console.log( 'setStoredUnsavedChanges()' );\n  let currentPath = currentPage.config.app_path + '/' + currentPage.view;\n  let currentContents = getCurrentHtmlAndCss();\n  currentContents = JSON.stringify(currentContents);\n  localStorage.setItem('unsavedChanges__' + currentPath, currentContents);\n}\n\nfunction onSocketOpen(data){\n}\n\nfunction onSocketMessage(data){\n  let messageData = JSON.parse(data.data);\n  // decode message if it's base64-encoded\n  if( messageData.message && messageData.message.indexOf('base64:') == 0 ){\n    messageData.message = atob( messageData.message.replace('base64:', '') );\n  }\n  // Check if the message is a file change notification and reload the page if it's not the current page\n  if( messageData.message && messageData.message.indexOf('filechanged:') == 0 ){\n    let filePath = messageData.message.replace('filechanged:', '');\n    let currentPageFullPath = currentPage.config.app_path + '/' + currentPage.view;\n    // To-do: probably need to change appId too, if it is received within the socket message\n    let isSameFile = ( filePath == currentPageFullPath );\n    let isAutogeneratedCss = ( filePath.indexOf('autogenerated.css' ) > -1 );\n    if( !isAutogeneratedCss && !savedFromNoCodeEditor ){\n      if( !isSameFile ){\n        setStoredUnsavedChanges();\n      }\n      console.log(\"[debug-autoreload] reload triggered by file change notification\", filePath, currentPageFullPath, isSameFile, isAutogeneratedCss, savedFromNoCodeEditor);\n      window.location.reload();\n    }\n  }else if( logsPanel&& logsPanel.value){\n    logsPanel.value.addLog( { appid: messageData.appid, timestamp: messageData.timestamp, source: 'server', level: messageData.type, message: messageData.message + ': ' + messageData.status } );\n  }\n}\n\n\nconst getPropertiesPanelName = computed( ()=>{\n  let title = \"Properties\";\n  if( selectedComponent && selectedComponent.value ){\n    if( selectedComponent.value.attributes.name )\n      title += ' - ' + selectedComponent.value.attributes.name;\n  }else{\n    title += ' (nothing selected)';\n  }\n  return title;\n});\n\nfunction onSocketClose(data){\n  console.log( 'onSocketClose', data );\n  statusMonitor.restart(5); // Attempt to restart with some delay\n}\n\nconst statusMonitor = window.statusMonitor = new StatusMonitor( onSocketOpen, onSocketClose, onSocketMessage);\n\nlet beautifyOptions = {\n      indent_size: 4,\n      indent_char: \" \",\n      max_preserve_newlines: 5,\n      preserve_newlines: true,\n      keep_array_indentation: false,\n      break_chained_methods: false,\n      indent_scripts: \"normal\",\n      brace_style: \"collapse\",\n      space_before_conditional: true,\n      unescape_strings: false,\n      jslint_happy: false,\n      end_with_newline: false,\n      wrap_line_length: 0,\n      indent_inner_html: false,\n      comma_first: false,\n      e4x: false,\n      indent_empty_lines: false, \n      inline_custom_elements: false\n    };\n\n\n\n\nfunction onBlockCustomTriggered(props){\n  bindingsPanel.value.setHandleBlocks(props); \n}\n\n\nfunction reloadPage(){\nconsole.log( 'reloadPage' );\n  window.location.reload();\n}\n\nfunction getCurrentHtmlAndCss(){\n  const editedHtmlCss = editor.getCss();\n  const entireHtml = editor.getHtml({ cleanId: true });\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(entireHtml, 'text/html');\n  const firstDiv = doc.body.querySelector('#gbTemplateContainer') || null;  \n  \n  \n  HtmlTemplateParser.decodeAttributesInDOM(firstDiv );\n  \n  // On element attributes with value = \"true\" Grapes will return them empty (as it's the HTML standar)\n  // This is breaking when it's a dynamic Vue attribute, since Vue requires a value to be passed\n  // So we need to \"fix\" the HTML before saving it, by enforcing the \"true\" value to be present\n  \n  \n  const firstDivContent = firstDiv.innerHTML;\n\n\n\n    let beautifiedHtml = html_beautify ( firstDivContent, beautifyOptions );\n\n    // Restore special tags\n    beautifiedHtml = HtmlTemplateParser.restoreSpecialElements( beautifiedHtml );\n\n    return { beautifiedHtml, editedHtmlCss };\n}\n\nfunction saveTemplate(){\n  \n  let { beautifiedHtml, editedHtmlCss } = getCurrentHtmlAndCss();\n  let containsTempPlaceHolder = beautifiedHtml.indexOf('<tempplaceholder') > -1;\n  let contentHasChanged = lastSavedHTMLCode != beautifiedHtml; // || lastSavedCSSCode != editedHtmlCss;\n  if( containsTempPlaceHolder ){\n    console.log( 'saveTemplate() cancelled: it contains placeholders' );\n    return;\n  }else if( !contentHasChanged ){\n    console.log( \"saveTemplate() cancelled: content didn't change\" );\n    return;\n  }else{\n    console.log( 'saveTemplate() will proceed' );\n    lastSavedHTMLCode = beautifiedHtml;\n  }\n\n   let pageViewPath = currentPage.view;\n   let encodedViewPath = encodeURIComponent(pageViewPath);\n   let saveUrl = `${apibase}apps/${Configuration.appid}/save?path=${encodedViewPath}`;\n   \n   savedFromNoCodeEditor = true;\n   console.log(\"[debug-autoreload] saveTemplate() called. savedFromNoCodeEditor set to TRUE, Will save HTML now: \", encodedViewPath );\n    axios.post( saveUrl, { payload: beautifiedHtml } )\n        .then(  (response) => {\n          console.log(\"[debug-autoreload] html-save callback: \", encodedViewPath, savedFromNoCodeEditor );\n          \n          let saveCssUrl = `${apibase}apps/${Configuration.appid}/save?path=public/css/autogenerated.css`;\n          console.log(\"[debug-autoreload] Will save CSS for html: \", encodedViewPath, savedFromNoCodeEditor );\n          axios.post( saveCssUrl, { payload: editedHtmlCss } )\n            .then(  (response) => {\n              console.log(\"[debug-autoreload] css-save callaback for html: \", encodedViewPath, savedFromNoCodeEditor );\n              console.log(\"[debug-autoreload] savedFromNoCodeEditor set to FALSE\" );\n              savedFromNoCodeEditor = false;\n            } )\n            .catch( (error) => {\n              console.log(\"[debug-autoreload] error saving css for html: \", encodedViewPath, savedFromNoCodeEditor );\n              console.log( \"ERROR saving css file response: \", error );\n            });\n        } )\n        .catch( (error) => {\n          console.log(\"[debug-autoreload] error saving HTML: \", encodedViewPath, savedFromNoCodeEditor );\n          console.log( \"ERROR saving template file response: \", error );\n        });\n}\n\n\n  function getSearchParams() {\n    const params = new URLSearchParams(window.location.search);\n    const obj = {};\n    for (const [key, value] of params.entries()) {\n      obj[key] = value;\n    }\n    return obj;\n  } \n\n\n  function onBindingOvered(event){\n\n    // Inform connectors-manager about mouse-overed binding\n    bindingConnectorsManager.value.onBindingOvered( event );\n\n    // Ask grapes iframe for list of elements using overed binding\n    let iframeElement = document.querySelector('.gjs-frame') ;\n    if( event.binding ){\n      let message = { \n        target:\"main-controller\", \n        payload: { \n          command:\"reportElementsUsingBinding\", \n          bindingName:event.binding.name \n        }\n      };\n      iframeElement.contentWindow.postMessage(message, \"*\");\n    }else{\n      bindingConnectorsManager.value.updateElementsPositions( [] );\n    }\n  }\n\n  function onAutoSaveTriggered(){\n    console.log( 'onAutoSaveTriggered()' );\n    saveTemplate(); \n  }\n\n  function onComponentSelected(com){\n    console.log( 'Main::onComponentSelected', com );\n    window.selectedComponent = selectedComponent.value = com;\n    \n    if( propertiesPanel.value){\n      propertiesPanel.value.setSelectedComponent(com);      \n    }\n    if( aiCodePanel.value){\n      aiCodePanel.value.setSelectedComponent(com);      \n    }\n\n   updateCodeEditorContent();\n  }\n\n  function updateCodeEditorContent(){\n    let com = selectedComponent.value;\n    if( !com )\n      return;\n\n    console.log( 'updateCodeEditorContent', com );\n     // Update the code editor value\n     let selectedComponentCode = com.toHTML();\n    console.log( 'selectedComponentCode', selectedComponentCode );\n\n    const entireHtml = selectedComponentCode; //editor.getHtml({ cleanId: true });\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(entireHtml, 'text/html');\n    console.log( 'beautifiedHtml doc', doc );\n    const firstDiv = doc; //.body.querySelector('#gbTemplateContainer') || null;  \n    HtmlTemplateParser.decodeAttributesInDOM(firstDiv );\n    selectedComponentCode = firstDiv.querySelector(\"body\").innerHTML;\n\n    console.log( 'beautifiedHtml 0', selectedComponentCode );\n    let beautifiedHtml = html_beautify ( selectedComponentCode, beautifyOptions );\n    console.log( 'beautifiedHtml 1', beautifiedHtml );    \n    // Restore special tags\n    //beautifiedHtml = HtmlTemplateParser.restoreSpecialElements( beautifiedHtml );\n    console.log( 'beautifiedHtml 2', beautifiedHtml );\n    codeEditorValue.value = beautifiedHtml;\n    codeEditor.value.refresh();\n  }\n\n  function onBindingDroppedOnComponent( data ){\n    // Get column names\n    let dsName = data.bindingInfo.bindingname;\n    let columns = sharedData.modelFieldsByName[dsName]?.columns;\n    if( columns && columns.length > 0 ){\n      let columnA, columnB;\n      columnA = columnB = `$_{${dsName}.${columns[0]}}`;\n      if( columns.length > 1 )\n        columnB = `$_{${dsName}.${columns[1]}}`;\n      \n        // tag the temp element to remove it when done\n      let tempElement = data.newComponentModel; //editor.getSelected();\n      \n      // select the parent node (the chart element)\n      editor.select( data.targetModel);\n\n      setTimeout( ()=>{\n        // Update the chart properties panel\n        let chartPropertiesPanel = propertiesPanel.value?.chartPropertiesPanel\n        console.log( 'onBindingDroppedOnComponent', data, chartPropertiesPanel.value );\n        if( chartPropertiesPanel){\n          chartPropertiesPanel.addNewTraceFromBinding(columnA, columnB);\n        }\n        // remove the temp element\n        editor.select( tempElement );\n        let collection = tempElement.collection;\n        collection.remove(tempElement);\n\n        // Select the chart again\n        editor.select( data.targetModel );\n        \n      }, 100);\n    }\n  }\n\n  function updateData(newData){\n    appData.value = (newData);\n  }\n\n  function valueIsModelField( value ){\n      if( currentPage == null )\n        return false;\n      let modelFields = currentPage.model.fields;\n      let modelFieldNames = modelFields.map( (field)=>{ return field.name } );\n      if( modelFieldNames.indexOf(value) > -1 || value == '' )\n        return true;\n      else\n        return false;\n    }\n\n    window.valueIsModelField = valueIsModelField;\n\n  function translateBindingTypes(pages){\n    const typesMap = {\n                \"{Function}\": \"Function\", \n                \"{Bool}\": \"Boolean\", \n                \"{String}\": \"String\", \n                \"{Char}\": \"String\", \n                \"{Date}\": \"Date\", \n                \"{Number}\": \"Number\", \n                    \"{Int64}\": \"Number\", \n                    \"{Int32}\": \"Number\", \n                    \"{Int16}\": \"Number\", \n                    \"{Int8}\": \"Number\",\n                    \"{Float64}\": \"Number\",\n                    \"{Float32}\": \"Number\",\n                    \"{Float16}\": \"Number\",\n                    \"{Float8}\": \"Number\",\n                \"{Vector}\": \"Array\",\n                    \"{Vector{Bool}}\": \"Array\",\n                    \"{Vector{String}}\": \"Array\",\n                    \"{Vector{Char}}\": \"Array\",\n                    \"{Vector{Number}}\": \"Array\",\n                    \"{Vector{Float64}}\": \"Array\",\n                    \"{Vector{Int64}}\": \"Array\",\n                    \"{Vector{Int32}}\": \"Array\",\n                    \"{Vector{Int16}}\": \"Array\",\n                    \"{Vector{Int8}}\": \"Array\", \n                    \"Vector{Dict}\": \"Array\", \n                \"{Object}\": \"Object\", \n                \"{NamedTuple{(:min, :max), Tuple{Int64, Int64}}}\": \"Object\", \n                \"{Dict}\": \"Object\", \n                \"{RangeData{Int64}}\": \"Number\", \n                \"{Vector{PlotlyBase.GenericTrace{Dict{Symbol, Any}}}}\": \"PlotlyBase.GenericTrace\", \n                \"{PlotlyBase.Layout{Dict{Symbol, Any}}}\": \"PlotlyBase.Layout\", \n                \"{DataTable{DataFrames.DataFrame}}\": \"DataTable.DataFrames.DataFrame\", \n                \"{DataFrames.DataFrame}\": \"DataFrames.DataFrame\", \n                \"{DataFrame}\": \"DataFrames.DataFrame\", \n                \"{PlotlyData}\": \"PlotlyData\", \n                \"{DataTablePagination}\": \"DataTablePagination\", \n            };\n    pages.forEach( (page)=>{\n      // remove non-reactive vars\n      page.model.fields = page.model.fields.filter( (field)=>{ return field.isreactive} );\n      // translate types\n      page.model.fields.forEach( (field)=>{\n        let fieldType = field.type;\n        let cleanType = fieldType.replace(\"Reactive\", \"\");\n        let mappedType = typesMap[cleanType];\n        // Special case for ANY kind of Vector with Dicts inside (array of objects) suitable for Q-Table,\n        // And vector of vectors (i.e. array of arrays) suitable for HeatMap Chart's Z axis\n        if( mappedType == undefined && (cleanType.indexOf( '{Vector{Dict{') == 0 || cleanType.indexOf( '{Vector{Vector{') == 0 ) ){\n          mappedType = \"Array\";\n        }\n        if( mappedType ){\n          field.type = mappedType;\n        }else{\n          field.type = \"UnknownType\";\n        }\n      } );\n      \n      // sort alphabetically\n      page.model.fields = _.sortBy( page.model.fields, (field)=>{ return field.name.toLowerCase() } );\n    } );\n  }\n\n  \n\n  onMounted( ()=>{\n    init();\n  } );\n\n  function init(){\n    window.canvasPanel = canvasPanel;\n    // listen for scrolling to update iframe position\n    document.addEventListener('scroll', e => {\n      let bindConnMgr = bindingConnectorsManager.value;\n      if( bindConnMgr == null )\n        return;\n      bindConnMgr.updateIframePosition();\n    });\n\n    // Listen to common shortcuts (undo/redo/copy/paste...)\n\n    document.addEventListener('keydown', e => {\n      if( e.ctrlKey || e.metaKey ){\n        switch( e.key ){\n          case \"s\":\n            e.preventDefault();\n            saveTemplate();\n            break;\n          case \"z\":\n            e.preventDefault();\n            if( e.shiftKey)\n              document.execCommand(\"redo\");\n            else\n              document.execCommand(\"undo\");\n            break;\n          case \"c\":\n            e.preventDefault();\n            document.execCommand(\"copy\");\n            break;\n          case \"v\":\n            e.preventDefault();\n            document.execCommand(\"paste\");\n            break;\n          case \"x\":\n            e.preventDefault();\n            document.execCommand(\"cut\");\n          case \"a\":\n            e.preventDefault();\n            document.execCommand(\"selectAll\");\n        }\n      }\n    });\n      \n    // Listen fot postMessge events from grapes iframe\n    window.addEventListener(\n      \"message\",\n      (event) => {\n        if (event.data.target !== \"nocode-builder\") return;\n\n        let bindConnMgr = bindingConnectorsManager.value;\n        if( bindConnMgr == null )\n          return;\n\n        bindConnMgr.updateElementsPositions(event.data.payload);\n      },\n      false,\n    );\n\n    if(!apibase || !Configuration.appid ){\n      return;\n    }\n\n    // Load the list of apps\n    axios.get( apibase + 'apps' )\n    .then( (result) => {\n\n      // Fidn the requested app\n      let myApp = result.data.applications.find( (app)=>{ \n        return app.id.value.toString() == Configuration.appid \n      } );\n      // Store the general data about the app (as returned by /apps endpoint)\n      //updateData(myApp);\n      let fullAppData = myApp;\n\n      if( myApp != null ){\n        // Load the app data from API\n        axios.get( apibase + 'apps/' + Configuration.appid + '/pages'  )\n        .then( (result) => {\n          translateBindingTypes(result.data.pages);\n          fullAppData.pages = result.data.pages;\n          updateData(fullAppData);\n          setTimeout( ()=>{\n            currentPage = result.data.pages[0];\n            let unsavedChanges = getStoredUnsavedChanges();\n            console.log( 'unsavedChanges on init: ', unsavedChanges );\n            let contentToLoad;\n            if( unsavedChanges ){\n              clearStoredUnsavedChanges();\n              contentToLoad = unsavedChanges.beautifiedHtml;\n              lastSavedHTMLCode = contentToLoad;\n              canvasPanel.value.updateTemplateFile( contentToLoad );\n              console.log( 'updateTemplateFile 0 (unsaved changes)' );\n            }else{\n              let readTemplateFilePath = apibase + 'apps/' + Configuration.appid + '/edit?path=' + encodeURIComponent( currentPage.view );\n              axios.get( readTemplateFilePath ).then( (result) => {\n                contentToLoad = result.data.content;\n                lastSavedHTMLCode = contentToLoad;\n                console.log( 'updateTemplateFile 1 (normal)' );\n                canvasPanel.value.updateTemplateFile( contentToLoad );\n              }).catch( (error) => {\n                console.error('error loading template file: ', readTemplateFilePath, error);\n              });\n\n            }\n          }, 3000 );\n        }).catch( (error) => {\n          console.log('error', error);\n        });\n      }\n      \n    }).catch( (error) => {\n      console.log('error', error);\n    });\n\n    statusMonitor.connect();\n\n  }\n\n\n</script>\n\n<style scoped lang=\"scss\">\n.topBar{\n  padding: 5px;\n  height: 40px;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.topToolBar{\n  width: 100%;\n    justify-content: right;\n    padding-right: 5px;\n    display: flex;\n    align-items: center;\n}\n.leftBar{\n  flex-grow: 1;\n  max-width:300px;\n}\n.centralBar{\n  flex-grow: 3;\n  display: flex;\n  flex-direction: column;\n  border-right: solid 1px #00000050;\n  width: calc(100% - 300px);\n}\n.rightBar{\n  flex-grow: 1;\n  width: 300px;\n  max-height: calc(100% - 0px);\n  overflow-y: auto;\n}\n.panel{\n  margin: 0px;\n  border-top: solid 1px #00000050;\n}\n\n.mainContainer{\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--background);\n}\n.columnStack{\n  display: flex;\n  flex-direction: column;\n}\n.rowStack{\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  height: calc(100% - 40px);\n}\n\n.canvasPanel{\n  height: 100%;\n}\n\n#customCodeEditor{\n  height: 100%;\n}\n\n\n\n:deep(.CodeMirror){\n  height: 100% !important;\n  /* font-family: Arial, monospace !important; */\n  font-size: 12px !important;\n}\n\n:deep(.codemirror-container) {\n    width: 100% !important;\n    height: calc(100% - 60px) !important;\n}\n\n:deep(.codemirror-container:not(.original-style) .CodeMirror, .codemirror-container:not(.original-style) .CodeMirror-merge-pane){\n  font-family: Arial, monospace !important;\n\n}\n\n.codemirror-container.bordered {\n    border-radius: 4px;\n    border: 1px solid #dddddd50;\n    padding: 5px 0px 5px 0px;\n}\n\n</style>\n","import script from \"./Main.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Main.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Main.vue?vue&type=style&index=0&id=e4ee1f24&scoped=true&lang=scss\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-e4ee1f24\"]])\n\nexport default __exports__","import { render } from \"./App.vue?vue&type=template&id=acd9ac1c\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=acd9ac1c&lang=scss\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createStore } from 'vuex'\n\nexport default createStore({\n  state: {\n  },\n  mutations: {\n  },\n  actions: {\n  },\n  modules: {\n  }\n})\n","\nimport 'quasar/dist/quasar.css'\nimport '@quasar/extras/roboto-font/roboto-font.css'\nimport '@quasar/extras/material-icons/material-icons.css'\nimport '@quasar/extras/material-icons-outlined/material-icons-outlined.css'\nimport '@quasar/extras/material-icons-round/material-icons-round.css'\nimport '@quasar/extras/material-icons-sharp/material-icons-sharp.css'\nimport '@quasar/extras/fontawesome-v5/fontawesome-v5.css'\n\n// To be used on app.use(Quasar, { ... })\nexport default {\n  config: {},\n  plugins: {\n  }\n}","import { createApp } from 'vue'\nimport App from './App.vue'\nimport store from './store'\nimport Quasar from 'quasar/src/vue-plugin.js';\nimport quasarUserOptions from './quasar-user-options'\nimport {loadBlockDefinitions} from './utils/blockDefinitions'\n\nwindow.canvasComponents = {};\nwindow.currentThemeType = 'light';\n\nwindow.addCanvasComponent = function(id, component) {\n    window.canvasComponents[id] = component;\n}\n\nwindow.removeCanvasComponent = function(id) {\n    delete window.canvasComponents[id];\n}\n\nwindow.setTheme = function(theme) {\n    document.querySelector('body').setAttribute('style', '');\n    if (theme === 'dark') {\n        document.documentElement.setAttribute('data-theme', 'dark');\n    } else {\n        document.documentElement.setAttribute('data-theme', 'light');\n    }\n    window.currentThemeType = theme;\n    if( window.switchCodeEditorTheme ) {\n        window.switchCodeEditorTheme(theme);\n    }\n}\n\nwindow.addEventListener(\n    \"message\",\n    (event) => {\n        if (event.data.command === 'removeCanvasComponent') {\n            window.removeCanvasComponent(event.data.uid);\n        } else if (event.data.command === 'updateTheme') {\n            window.setTheme(event.data.themeType);\n        }\n    },\n    false,\n);\n\n// Ensure block definitions are loaded and ready before starting the Vue app\nloadBlockDefinitions( (definitions)=>{\n    window.blockDefinitions = definitions;\n    createApp(App).use(Quasar, quasarUserOptions).use(store).mount('#app')\n});","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./LibraryPanel.vue?vue&type=style&index=0&id=3da05314&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Tab.vue?vue&type=style&index=0&id=30e21b8c&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./PropertiesPanel.vue?vue&type=style&index=0&id=015f447c&lang=scss&scoped=true\"","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../node_modules/vue-loader-v16/dist/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./App.vue?vue&type=style&index=0&id=acd9ac1c&lang=scss\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./CanvasPanel.vue?vue&type=style&index=1&id=55795ab2&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./BindingsConnector.vue?vue&type=style&index=0&id=571588a7&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./CanvasPanel.vue?vue&type=style&index=0&id=55795ab2&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./LogsPanel.vue?vue&type=style&index=0&id=9497234c&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./BindingsPanel.vue?vue&type=style&index=0&id=e29c2338&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./AiCodePanel.vue?vue&type=style&index=0&id=d1816844&lang=scss&scoped=true\"","\n\nfunction registerPlotlyComponent(editor){\n    \n    editor.DomComponents.addType('plotly', {\n\n        isComponent: function (el) {\n        if (el.tagName === 'PLOTLY')\n            return {type: 'plotly', name:'Plotly'};\n        },\n        model: \n        {\n            defaults: {\n                removable: true,\n                draggable: true,\n                droppable: \"tempplaceholder\",\n                badgable: true,\n                stylable: true,\n                highlightable: true,\n                copyable: false,\n                resizable: false,\n                editable: false,\n                hoverable: true,\n                traits: [ ],\n                script: function(){    \n                    var serverData = window.parent.sharedData.externalData;\n                    \n                    let uniqueId = this.attributes.id.nodeValue;\n\n                    this.onExternalDataChanged = (event)=>{\n                        serverData = event.detail;\n                        mappedAttributes = getMappedAttributes(this.attributes);\n                        this.vueApp.updateServerData(serverData);\n                \n                    }\n\n                    window.parent.addCanvasComponent( uniqueId, this );\n                    //window.parent.addEventListener('sharedDataChanged', this.onExternalDataChanged);\n                    \n                    \n                    \n                    /**\n                     * This function takes in an object of attributes and maps them to a new object with modified attribute names.\n                     * If the attribute name contains a colon, it is removed. If the attribute name is 'data', its value is parsed as JSON.\n                     * The resulting object is returned.\n                     */\n                    // To-do: these functions should be moved to a utility file.\n                    // Be careful because it is duplicated in ChartProperties.vue\n                    // HAven't done so yet because the scope of the grapes component instance is isolated and can't access outside functions\n                    function getMappedAttributes(attributesIn){\n                        let mappedAttributes = {};                    \n                        let attributeNames = Object.getOwnPropertyNames(attributesIn);\n                        attributeNames.forEach( (attrName)=>{\n                            let cleanAttributeName = attrName.replace(\"gb_c__\", \"\");\n                            let attributeValue = attributesIn[attrName].nodeValue !== undefined ? attributesIn[attrName].nodeValue: attributesIn[attrName];\n                            if( ['data', 'layout', 'config'].includes(cleanAttributeName) ){\n                                attributeValue = atob(attributeValue)\n                                if( serverData[attributeValue] !== undefined ){\n                                    mappedAttributes[':'+cleanAttributeName] = serverData[attributeValue];\n                                } else {\n                                    mappedAttributes[':'+cleanAttributeName] = JSON.parse(attributeValue);\n                                }\n                            }\n                        })\n                        return mappedAttributes;\n                    }\n\n                    function replaceReferencedBindingsToAttributeData(obj) {\n                        for (let key in obj) {\n                          if (typeof obj[key] === 'object' && obj[key] !== null) {\n                            // Recursively process nested objects\n                            replaceReferencedBindingsToAttributeData(obj[key]);\n                          } else if (typeof obj[key] === 'string') {\n                            // Check if string value contains \"$_{xxxxx}\"\n                            const match = obj[key].match(/\\$_{(.+?)}/);\n                            if (match && match[1]) {\n                              const propToReplace = match[1];\n                              // Replace the value with the value from myStore\n                              obj[key] = getNestedProperty(serverData, propToReplace);\n                            }\n                          }\n                        }\n                    }\n\n                    function getNestedProperty(obj, propName) {\n                        const propParts = propName.split('.');\n                        for (let i = 0; i < propParts.length; i++) {\n                            if (!obj || !obj.hasOwnProperty(propParts[i])) {\n                                return undefined;\n                            }\n                            obj = obj[propParts[i]];\n                        }\n                        return obj;\n                    }\n\n                    let mappedAttributes = getMappedAttributes(this.attributes);\n\n\n                    this.vueApp = new Vue({\n                        el: '#vueinternal_'+uniqueId,\n                        //components: { QBtn:Quasar.}, \n                        data: function(){ \n\n\n                            let parsedData = mappedAttributes[':data'];\n                            replaceReferencedBindingsToAttributeData(parsedData);\n                            let parsedLayout = mappedAttributes[':layout'] || {};\n                            replaceReferencedBindingsToAttributeData(parsedLayout);\n                            let parsedConfig = mappedAttributes[':config'] || {};\n                            replaceReferencedBindingsToAttributeData(parsedConfig);\n                            \n                            return {\n                                \n                                message:\"TESTING_ID\",\n                                attributes: mappedAttributes,  \n                                serverData: serverData,\n                                parsedData: parsedData, \n                                parsedLayout: parsedLayout, \n                                parsedConfig: parsedConfig\n                            }\n                        }, \n                        methods: {\n                            updateServerData(newServerData){\n                                this.serverData = newServerData;\n                                let parsedData = mappedAttributes[':data'];\n                                replaceReferencedBindingsToAttributeData(parsedData);\n                                this.parsedData = parsedData;\n                                let parsedLayout = mappedAttributes[':layout'] || {};\n                                replaceReferencedBindingsToAttributeData(parsedLayout);\n                                this.parsedLayout = parsedLayout;\n                                let parsedConfig = mappedAttributes[':config'] || {};\n                                replaceReferencedBindingsToAttributeData(parsedConfig);\n                                this.parsedConfig = parsedConfig;\n                            }, \n                            updateAttributes(attrs){                                \n                                this.attributes = getMappedAttributes(attrs);\n                                mappedAttributes = this.attributes;\n                                this.updateServerData(this.serverData)\n                            }, \n\n                        }, \n                        mounted() {\n                        }\n                    });\n\n                }\n            },\n            handleAttrChange() {\n            },\n            render: function () {\n                this.view.onRender();\n            },\n            init() {\n                this.listenTo(this, 'change:attributes', this.onAttributeChange);\n\n            },\n            removed() {\n                window.parent.postMessage( {command:\"removeCanvasComponent\", uid:this.ccid }, \"*\" );\n                //window.parent.removeEventListener('sharedDataChanged', this.view.$el[0].onExternalDataChanged );\n\n            },\n        },\n        view: {\n            onAttributeChange() {\n            }, \n            onRender() {\n                const { el, model } = this;\n                let uniqueId = el.attributes.id.nodeValue;\n                el.grapesModel = model;\n                const renderContent = `<div id=\"vueinternal_${uniqueId}\" style=\"position: relative;\">\n                    <Plotly ref=\"childVueInstance\" :data=\"parsedData\" :layout=\"parsedLayout\" :config=\"parsedConfig\"></Plotly>\n                    <div style=\"position: absolute; background-color: #ff000000; top: 0px; left: 0px; width: 100%; height: 100%;\"></div>\n                `;\n                el.innerHTML = renderContent;\n            }\n        }\n\n    });\n}\n\nmodule.exports = { registerPlotlyComponent }","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Tabs.vue?vue&type=style&index=0&id=2b2c15a8&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Main.vue?vue&type=style&index=0&id=e4ee1f24&scoped=true&lang=scss\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./ChartPropertiesSection.vue?vue&type=style&index=0&id=7f346cd4&scoped=true&lang=css\""],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/panels/ComponentAddDialog.vue?8460","webpack:///./src/components/panels/properties/AddPropertyDialog.vue?30bd","webpack:///./src/components/ChartProperties.vue?ef34","webpack:///./src/components/panels/PanelTitle.vue?39e5","webpack:///./src/components/Panel.vue?8182","webpack:///./src/components/panels/AiHelpPanel.vue?6bcb","webpack:///./src/App.vue","webpack:///./src/components/panels/PanelTitle.vue","webpack:///./src/components/panels/PanelTitle.vue?68bb","webpack:///./src/components/Panel.vue","webpack:///./src/components/Panel.vue?5542","webpack:///./src/components/tabs/Tabs.vue","webpack:///./src/components/tabs/Tabs.vue?dca8","webpack:///./src/components/tabs/Tab.vue","webpack:///./src/components/panels/BindingsPanel.vue","webpack:///./src/components/panels/BindingsPanel.vue?7ac9","webpack:///./src/utils/chartDefinitions.js","webpack:///./src/components/panels/ComponentAddDialog.vue","webpack:///./src/components/panels/ComponentAddDialog.vue?e9b4","webpack:///./src/utils/blockDefinitions.js","webpack:///./src/utils/HtmlTemplateParser.js","webpack:///./src/utils/Configuration.js","webpack:///./src/components/panels/CanvasPanel.vue","webpack:///./src/components/panels/CanvasPanel.vue?ced4","webpack:///./src/components/panels/LibraryPanel.vue","webpack:///./src/components/panels/LibraryPanel.vue?2df3","webpack:///./src/components/panels/properties/AddPropertyDialog.vue","webpack:///./src/components/panels/properties/AddPropertyDialog.vue?a633","webpack:///./src/components/ChartPropertiesSection.vue","webpack:///./src/components/ChartPropertiesSection.vue?7c2e","webpack:///./src/components/ChartProperties.vue","webpack:///./src/components/ChartProperties.vue?57ad","webpack:///./src/components/panels/PropertiesPanel.vue","webpack:///./src/components/panels/PropertiesPanel.vue?69be","webpack:///./src/components/panels/LogsPanel.vue","webpack:///./src/components/panels/LogsPanel.vue?b2a6","webpack:///./src/components/BindingsConnector.vue","webpack:///./src/components/BindingsConnector.vue?da9e","webpack:///./src/components/panels/AiHelpPanel.vue","webpack:///./src/components/panels/AiHelpPanel.vue?e55c","webpack:///./src/components/panels/AiCodePanel.vue","webpack:///./src/components/panels/AiCodePanel.vue?bab5","webpack:///./src/utils/StatusMonitor.js","webpack:///./src/components/Main.vue","webpack:///./src/components/Main.vue?8c23","webpack:///./src/App.vue?8e8d","webpack:///./src/store/index.js","webpack:///./src/quasar-user-options.js","webpack:///./src/main.js","webpack:///./src/components/panels/LibraryPanel.vue?3fbb","webpack:///./src/components/panels/AiCodePanel.vue?28e3","webpack:///./src/components/tabs/Tab.vue?5cf4","webpack:///./src/components/panels/PropertiesPanel.vue?61c3","webpack:///./src/App.vue?3401","webpack:///./src/components/panels/CanvasPanel.vue?fc97","webpack:///./src/components/BindingsConnector.vue?2fd4","webpack:///./src/components/panels/CanvasPanel.vue?8020","webpack:///./src/components/panels/LogsPanel.vue?6ded","webpack:///./src/components/panels/BindingsPanel.vue?dd1f","webpack:///./src/components/customblocks/plotlyComponent.js","webpack:///./src/components/tabs/Tabs.vue?5611","webpack:///./src/components/Main.vue?c2ac","webpack:///./src/components/ChartPropertiesSection.vue?5b96"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_createBlock","_component_Main","msg","expanded","ref","props","toggleExpand","emit","watch","__exports__","onExpandClicked","saveExpandedState","localStorage","setItem","title","loadExpandedState","state","getItem","__expose","tabContainer","tabHeaders","tabs","activeTabIndex","onMounted","querySelectorAll","x","classList","contains","indexOf","changeTab","index","remove","add","dragStart","dragStop","sortMethod","setHandleBlocks","sortedBindingsAsBlocks","computed","blocks","sortedBindings","forEach","binding","id","type","label","tagName","content","properties","droppable","editable","draggable","sorted","appData","pages","model","fields","_","sortBy","field","toLowerCase","onBindingOvered","$event","element","target","onBindingOut","chartTypes","generateVolumeTrace","X","Y","Z","vol","k","randomIndex","Math","floor","random","map","v","idx","neighbors","sum","reduce","a","b","maxVol","max","trace","y","z","isomin","isomax","opacity","surface_count","getChartTemplate","chartId","console","log","chart","find","traceTemplate","error","getBlockIconPath","block","iconFileName","icon","split","join","selectCompProp","comp","prop","newElement","DOMParser","parseFromString","body","childNodes","propName","finalBindingName","componentPlaceHolderData","bindingname","datatype","firstColumn","getDataFrameColumn","template","labels","values","JSON","stringify","btoa","removeAttribute","setAttribute","newElementHtml","outerHTML","editor","getSelected","replaceWith","closeDialog","removeSelected","dfName","dsFields","filter","columns","_blockDefinitions","blockDefinitions","blockDefinitionsByTagName","injectableVariables","supportedIcons","sort","supportedColors","getBlockDefinitions","loadBlockDefinitions","readyCallback","axios","then","parseDefinitionsSource","addSpecialBlocks","catch","enabled","indexOfVmodel","findIndex","indexOfModelValue","replace","blockProps","propAttributeName","propAttrValue","variableName","variableValue","Array","isArray","chartTypeDef","encodedData","traceLayout","encodedLayout","category","renderContent","setBlockDefinitions","HtmlTemplateParser","constructor","Error","htmlString","Node","replaceElementAttributes","encodeAttributesInDOM","modelVariables","sharedData","modelFieldsByName","gbPrefix","bcTypeC","bcTypeB","specialDynamicAttributeNames","excludedAttributeNames","componentName","nodeName","componentDefinition","componentPropertiesDefinitions","elementAttributeNames","getAttributeNames","attributeName","hasColon","startsWith","cleanName","isDynamic","some","specialName","attributeValue","getAttribute","attributeDefinition","el","attributeValueMapsToModelVariable","originalName","dataType","includes","bindingPrefix","rootElement","elements","revertElementAttributes","input","test","parser","doc","isEmptyTextNode","node","nodeType","TEXT_NODE","nodeValue","removeEmptyNodes","from","child","removeChild","serializer","XMLSerializer","newHtmlString","serializeToString","Configuration","protocol","GB_SOURCE","GB_SOURCE_LOCAL","GB_HOST","GB_PORT","appPort","_defineProperty","modelFields","item","newDef","activate","selectedComponent","mockedAppTemplate","reactiveModel","canvasBlocker","aiCodePreviewShown","revertAiCodeChanges","UndoManager","undo","acceptAiCodeChanges","onComponentAddDialogClose","select","onComponentAdded","info","attributes","_parent$grapesModel","parent","view","$el","parentNode","parentBlockType","grapesModel","newComponentModel","targetModel","bindingInfo","offerComponents","defs","components","def","componentType","matchingdataTypePropertyNames","matchesType","isVmodel","matchingProperties","externalData","setExternalData","newData","this","event","CustomEvent","detail","componentId","canvasComponents","component","onExternalDataChanged","initialProperty","getComponentDefinitionByType","ws","wsUrl","getAppBaseUrl","appport","updateReactiveModelVariable","sendWsMessage","message","payload","CHANNEL__","send","subscribeAutoreload","newSocketConnection","WebSocket","addEventListener","msgObject","parse","loadScript","src","callback","script","document","createElement","onload","onerror","head","appendChild","initMockedGenieApp","scripts","deps","appBasePath","getAppAssetsBaseUrl","port","substring","mockedScriptsToExtract","mockedScripts","mockedScript","scriptPath","autorun","loadedScriptsCount","initStipple","GENIEMODEL","_data","initEditor","excludedScripts","parsedSCripts","found","excludedScript","commonStyles","styles","style","stylePath","grapesjs","init","container","fromElement","storageManager","canvas","i18n","locale","detectLocale","messages","en","domComponents","names","layerManager","root","appendTo","sortable","hidable","blockManager","custom","styleManager","sectors","extend","default","options","className","open","units","toRequire","buildProps","defaults","list","min","unit","selectorManager","componentFirst","plugins","pluginsOpts","toolbar","items","Panels","getButton","set","compositeComponentAddedOrRemoved","runCommand","on","setTimeout","trigger","com","iscomposite","debouncedAutoSave","debounce","dataTransfer","objectData","getData","objectType","DomComponents","addType","events","dblclick","focusout","onActive","contentEditable","onDisable","innerHTML","registerPlotlyComponent","definition","blacklist","isComponent","isComposite","serverData","uniqueId","getMappedAttributes","attributesIn","mappedAttributes","attributeNames","getOwnPropertyNames","attrName","addCanvasComponent","vueApp","updateServerData","Vue","config","warnHandler","err","vm","getElementById","Stipple","theme","parsedAttributes","attributesObject","keyRaw","propertyDefinition","valueIsBinding","methods","newServerData","updateAttributes","attrs","$forceUpdate","mounted","listenTo","onAttributeChange","handleAttrChange","render","onRender","removed","postMessage","command","uid","ccid","bindingParts","bindingName","bindingObject","assets","autogeneratedStyles","apibase","appid","encodeURIComponent","setComponents","setStyle","showAiCodePreview","show","addShakeEffect","once","updateReactiveModel","newModel","updateTemplateFile","fileContents","removeEmptyTextNodes","replaceSpecialElements","fullContent","firstDiv","firstDivContent","QTable","excludedTypes","blockDefinitionsRaw","description","media","editorCheckInterval","categoriesSorting","blocksByCategory","searchTerm","isDragging","draggableElement","iframeB","handleBlocks","buildCategoriesTree","undefined","categories","categoriesDict","filteredBlockDefinitions","hideFromLibrary","aIndex","bIndex","logCategories","output","setInterval","clearInterval","results","onDragStart","querySelector","sorter","BlockManager","blocksView","getSorter","__currentBlock","setDragHelper","setDropContent","startSort","parentElement","setPointerCapture","pointerId","onPointerMove","rect","getBoundingClientRect","clientX","left","clientY","top","onPointerUp","endMove","right","bottom","pointerEvents","iframeDoc","contentDocument","elementBelow","elementFromPoint","elementBelowId","position","targetComponent","getWrapper","refresh","addProperty","defObject","destination","sortedPropsList","propslist","closeButtonClicked","currentGbType","getChartTypeIcon","chartType","removeSection","sectionIndex","removeTraceProperty","propertyId","treeObject","removePropertyPath","submitChanges","obj","propertyPath","parts","deleteProp","currentObj","pathIndex","keys","shouldDeleteParent","toggleDynamicAttribute","newKey","currentValue","valueHolderParent","isPropValueBinding","changeChartType","tempProps","gbtype","getNestedPropertyParent","propParts","getNestedProperty","definitionsListWithValues","propertiesDefinition","propertyDefCloned","pop","QIcon","currentTabIndex","tabsList","dataSourceFields","addPropertyDestination","traces","layout","modelFieldsDict","tracePropertiesDefinition","configPropertiesDefinition","layoutPropertiesDefinition","getFieldsOfDataFrameType","getAllModelFields","column","localeCompare","getSelectedDataSourceColumns","selectedDataSourceColumns","availableDataProperties","notUsedProperties","propDef","isUsed","existingProperty","layoutChanged","newTreeObject","configChanged","dataChanged","removeTrace","traceIndex","showAddPropertyList","hideAddProperty","propId","setNestedProperty","newConfig","newLayout","setAttributes","gb_c__data","gb_c__config","gb_c__layout","setSelectedComponent","newComponent","componentAttributesRaw","getAttributes","atob","configInput","layoutInput","addNewTrace","addNewTraceFromBinding","columnA","columnB","onBeforeMount","chartPropertiesPanel","showAddProperty","blockDefinitionsByType","acc","getAttributeCleanRealName","attributeObject","removeAttributes","getSuggestedProperties","getBlockDefinition","currentAttributesCleanNames","getCleanAttributesList","att","suggestedProperties","suggested","suggestedPropertiesNotUsed","filteredModelFields","elementAttributes","attrsForVuecomponent","getBlockPropertyDefinition","propertyName","blockDefinition","attributeIsBinding","onDrop","dragTransferData","attrname","newAttrs","addAttributes","defaultValuesByType","Boolean","String","Number","Function","attrsObject","gbName","defaultValue","availableProperties","definitionProperties","currentAttributes","currentAttributesClean","filtered","componentAttributes","attName","newHtml","toHTML","clonedAttributes","grapesElementVueApp","newAtts","cleanAttributeName","sameTypeModelFields","showServerLogs","showClientLogs","logLevel","loggedAppId","searchString","logsContainer","hljs","registerLanguage","javascript","sql","highlight","code","highlightedCode","updated","vHighlight","loggedAppIdsMap","logLevelsMap","warning","logs","filteredLogs","matchesSource","source","matchesLevel","level","matchesAppId","matchesSearch","clearLogs","addLog","logObject","configuredAppId","messageAppId","logPrefix","appSource","timestamp","scrollTop","scrollHeight","canvasElementsPositions","connections","_iframePosition","overedBinding","getConnectionSVGPath","connection","origin","getOveredBindingPosition","xDistance","abs","width","controlPointOffsetX","path","height","elPosition","getElementPosition","updateElementsPositions","lines","updateConnections","updateIframePosition","iframePosition","adjustedPositions","line","iframeElement","question","askQuestion","async","trim","query","userPrompt","isLoading","aiApiUrl","ask_ai_url","requestObject","aiSendClicked","selectedElement","selectedHtml","previousPrompt","post","content_type","prompt","response","responseObject","request","aiError","aiApiResponse","StatusMonitor","onOpen","onClose","onMessage","wsEndpoint","getExternalApiBaseUrl","onOpenHandler","onCloseHandler","onMessageHandler","connect","onopen","onmessage","onclose","restart","seconds","codeEditor","codeEditorValue","cmOptions","lineWrapping","lastSavedHTMLCode","onMainTabChanged","updateCodeEditorContent","codeChanged","switchCodeEditorTheme","currentThemeType","themeType","onAiCodeChanged","canvasPanel","applyCodeChanges","previousStyle","getCss","panelStates","storedStates","bindingsPanelContainer","size","propertiesPanelContainer","aiHelpPanelContainer","savePanelStates","panelSizes","round","e","panesResized","updatePaneState","panelRefName","logsPanel","bindingsPanel","libraryPanel","propertiesPanel","aiHelpPanel","aiCodePanel","bindingConnectorsManager","currentPage","savedFromNoCodeEditor","version","process","expectedParamsList","urlParamsMissing","searchParams","getSearchParams","report","paramName","urlParamsMessage","alert","onSocketOpen","onSocketMessage","messageData","filePath","currentPageFullPath","app_path","isSameFile","isAutogeneratedCss","setStoredUnsavedChanges","location","reload","status","setTheme","clearStoredUnsavedChanges","currentPath","removeItem","getStoredUnsavedChanges","unsavedChanges","currentContents","getCurrentHtmlAndCss","getPropertiesPanelName","onSocketClose","statusMonitor","beautifyOptions","indent_size","indent_char","max_preserve_newlines","preserve_newlines","keep_array_indentation","break_chained_methods","indent_scripts","brace_style","space_before_conditional","unescape_strings","jslint_happy","end_with_newline","wrap_line_length","indent_inner_html","comma_first","e4x","indent_empty_lines","inline_custom_elements","onBlockCustomTriggered","reloadPage","editedHtmlCss","entireHtml","getHtml","cleanId","decodeAttributesInDOM","beautifiedHtml","html_beautify","restoreSpecialElements","saveTemplate","containsTempPlaceHolder","contentHasChanged","pageViewPath","encodedViewPath","saveUrl","saveCssUrl","params","URLSearchParams","search","entries","contentWindow","onAutoSaveTriggered","onComponentSelected","selectedComponentCode","onBindingDroppedOnComponent","_sharedData$modelFiel","dsName","tempElement","_propertiesPanel$valu","collection","updateData","valueIsModelField","modelFieldNames","translateBindingTypes","typesMap","page","isreactive","fieldType","cleanType","mappedType","bindConnMgr","ctrlKey","metaKey","preventDefault","shiftKey","execCommand","myApp","applications","app","toString","fullAppData","contentToLoad","readTemplateFilePath","uikit","provideVSCodeDesignSystem","register","vsCodeTextField","vsCodeDropdown","vsCodeOption","vsCodeButton","vsCodeCheckbox","Main","createStore","mutations","actions","removeCanvasComponent","documentElement","definitions","createApp","App","use","Quasar","quasarUserOptions","store","mount","removable","badgable","stylable","highlightable","copyable","resizable","hoverable","traits","replaceReferencedBindingsToAttributeData","match","propToReplace","parsedData","parsedLayout","parsedConfig"],"mappings":"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","file":"js/app.c1556248.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./ComponentAddDialog.vue?vue&type=style&index=0&id=9700a050&lang=scss&scoped=true\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./AddPropertyDialog.vue?vue&type=style&index=0&id=ac17f3aa&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./ChartProperties.vue?vue&type=style&index=0&id=6a30a4fe&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./PanelTitle.vue?vue&type=style&index=0&id=6c90e336&lang=scss&scoped=true\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Panel.vue?vue&type=style&index=0&id=76a521d3&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./AiHelpPanel.vue?vue&type=style&index=0&id=7afcd89f&lang=scss&scoped=true\"","<template>\n  <Main msg=\"Genie Builder No-Code Editor\"/>\n</template>\n\n<script>\nimport * as uikit from \"@vscode/webview-ui-toolkit\";\nimport { provideVSCodeDesignSystem, vsCodeTextField, vsCodeDropdown, vsCodeOption, vsCodeButton, vsCodeCheckbox } from \"@vscode/webview-ui-toolkit\";\nimport Main from './components/Main.vue'\n\nwindow.uikit = uikit;\nwindow.provideVSCodeDesignSystem = provideVSCodeDesignSystem;\n\nprovideVSCodeDesignSystem().register(\n  vsCodeTextField(), \n  vsCodeDropdown(), \n  vsCodeOption(), \n  vsCodeButton(), \n  vsCodeCheckbox()\n);\n\nexport default {\n  name: 'App',\n  components: {\n    Main\n  }\n}\n</script>\n\n<style lang=\"scss\">\n/* light */\n[data-theme='light']{\n    --foreground: #616161;\n    --disabledForeground: rgba(97, 97, 97, 0.5);\n    --errorForeground: #a1260d;\n    --descriptionForeground: #717171;\n    --icon-foreground: #424242;\n    --focusBorder: #0090f1;\n    --textSeparator-foreground: rgba(0, 0, 0, 0.18);\n    --textLink-foreground: #006ab1;\n    --textLink-activeForeground: #006ab1;\n    --textPreformat-foreground: #a31515;\n    --textBlockQuote-background: rgba(127, 127, 127, 0.1);\n    --textBlockQuote-border: rgba(0, 122, 204, 0.5);\n    --textCodeBlock-background: rgba(220, 220, 220, 0.4);\n    --widget-shadow: rgba(0, 0, 0, 0.16);\n    --widget-border: #d4d4d4;\n    --input-background: #ffffff;\n    --input-foreground: #616161;\n    --inputOption-activeBorder: #007acc;\n    --inputOption-hoverBackground: rgba(184, 184, 184, 0.31);\n    --inputOption-activeBackground: rgba(0, 144, 241, 0.2);\n    --inputOption-activeForeground: #000000;\n    --input-placeholderForeground: #767676;\n    --inputValidation-infoBackground: #d6ecf2;\n    --inputValidation-infoBorder: #007acc;\n    --inputValidation-warningBackground: #f6f5d2;\n    --inputValidation-warningBorder: #b89500;\n    --inputValidation-errorBackground: #f2dede;\n    --inputValidation-errorBorder: #be1100;\n    --dropdown-background: #ffffff;\n    --dropdown-foreground: #616161;\n    --dropdown-border: #cecece;\n    --button-foreground: #ffffff;\n    --button-separator: rgba(255, 255, 255, 0.4);\n    --button-background: #007acc;\n    --button-hoverBackground: #0062a3;\n    --button-secondaryForeground: #ffffff;\n    --button-secondaryBackground: #5f6a79;\n    --button-secondaryHoverBackground: #4c5561;\n    --badge-background: #c4c4c4;\n    --badge-foreground: #333333;\n    --scrollbar-shadow: #dddddd;\n    --scrollbarSlider-background: rgba(100, 100, 100, 0.4);\n    --scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);\n    --scrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6);\n    --progressBar-background: #0e70c0;\n    --editorError-foreground: #e51400;\n    --editorWarning-foreground: #bf8803;\n    --editorInfo-foreground: #1a85ff;\n    --editorHint-foreground: #6c6c6c;\n    --sash-hoverBorder: #0090f1;\n    --editor-background: #ffffff;\n    --editor-foreground: #000000;\n    --editorStickyScroll-background: #ffffff;\n    --editorStickyScrollHover-background: #f0f0f0;\n    --editorWidget-background: #f3f3f3;\n    --editorWidget-foreground: #616161;\n    --editorWidget-border: #c8c8c8;\n    --quickInput-background: #f3f3f3;\n    --quickInput-foreground: #616161;\n    --quickInputTitle-background: rgba(0, 0, 0, 0.06);\n    --pickerGroup-foreground: #0066bf;\n    --pickerGroup-border: #cccedb;\n    --keybindingLabel-background: rgba(221, 221, 221, 0.4);\n    --keybindingLabel-foreground: #555555;\n    --keybindingLabel-border: rgba(204, 204, 204, 0.4);\n    --keybindingLabel-bottomBorder: rgba(187, 187, 187, 0.4);\n    --editor-selectionBackground: #add6ff;\n    --editor-inactiveSelectionBackground: #e5ebf1;\n    --editor-selectionHighlightBackground: rgba(173, 214, 255, 0.5);\n    --editor-findMatchBackground: #a8ac94;\n    --editor-findMatchHighlightBackground: rgba(234, 92, 0, 0.33);\n    --editor-findRangeHighlightBackground: rgba(180, 180, 180, 0.3);\n    --searchEditor-findMatchBackground: rgba(234, 92, 0, 0.22);\n    --search-resultsInfoForeground: #616161;\n    --editor-hoverHighlightBackground: rgba(173, 214, 255, 0.15);\n    --editorHoverWidget-background: #f3f3f3;\n    --editorHoverWidget-foreground: #616161;\n    --editorHoverWidget-border: #c8c8c8;\n    --editorHoverWidget-statusBarBackground: #e7e7e7;\n    --editorLink-activeForeground: #0000ff;\n    --editorInlayHint-foreground: #969696;\n    --editorInlayHint-background: rgba(196, 196, 196, 0.1);\n    --editorInlayHint-typeForeground: #969696;\n    --editorInlayHint-typeBackground: rgba(196, 196, 196, 0.1);\n    --editorInlayHint-parameterForeground: #969696;\n    --editorInlayHint-parameterBackground: rgba(196, 196, 196, 0.1);\n    --editorLightBulb-foreground: #ddb100;\n    --editorLightBulbAutoFix-foreground: #007acc;\n    --diffEditor-insertedTextBackground: rgba(156, 204, 44, 0.25);\n    --diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2);\n    --diffEditor-insertedLineBackground: rgba(155, 185, 85, 0.2);\n    --diffEditor-removedLineBackground: rgba(255, 0, 0, 0.2);\n    --diffEditor-diagonalFill: rgba(34, 34, 34, 0.2);\n    --diffEditor-unchangedRegionBackground: #e4e4e4;\n    --diffEditor-unchangedRegionForeground: #4d4c4c;\n    --diffEditor-unchangedCodeBackground: rgba(184, 184, 184, 0.16);\n    --list-focusOutline: #0090f1;\n    --list-focusAndSelectionOutline: #90c2f9;\n    --list-activeSelectionBackground: #0060c0;\n    --list-activeSelectionForeground: #ffffff;\n    --list-activeSelectionIconForeground: #ffffff;\n    --list-inactiveSelectionBackground: #e4e6f1;\n    --list-hoverBackground: #e8e8e8;\n    --list-dropBackground: #d6ebff;\n    --list-highlightForeground: #0066bf;\n    --list-focusHighlightForeground: #bbe7ff;\n    --list-invalidItemForeground: #b89500;\n    --list-errorForeground: #b01011;\n    --list-warningForeground: #855f00;\n    --listFilterWidget-background: #f3f3f3;\n    --listFilterWidget-outline: rgba(0, 0, 0, 0);\n    --listFilterWidget-noMatchesOutline: #be1100;\n    --listFilterWidget-shadow: rgba(0, 0, 0, 0.16);\n    --list-filterMatchBackground: rgba(234, 92, 0, 0.33);\n    --tree-indentGuidesStroke: #a9a9a9;\n    --tree-inactiveIndentGuidesStroke: rgba(169, 169, 169, 0.4);\n    --tree-tableColumnsBorder: rgba(97, 97, 97, 0.13);\n    --tree-tableOddRowsBackground: rgba(97, 97, 97, 0.04);\n    --list-deemphasizedForeground: #8e8e90;\n    --checkbox-background: #ffffff;\n    --checkbox-selectBackground: #f3f3f3;\n    --checkbox-foreground: #616161;\n    --checkbox-border: #919191;\n    --checkbox-selectBorder: #424242;\n    --quickInputList-focusForeground: #ffffff;\n    --quickInputList-focusIconForeground: #ffffff;\n    --quickInputList-focusBackground: #0060c0;\n    --menu-border: #d4d4d4;\n    --menu-foreground: #616161;\n    --menu-background: #ffffff;\n    --menu-selectionForeground: #ffffff;\n    --menu-selectionBackground: #0060c0;\n    --menu-separatorBackground: #d4d4d4;\n    --toolbar-hoverBackground: rgba(184, 184, 184, 0.31);\n    --toolbar-activeBackground: rgba(166, 166, 166, 0.31);\n    --editor-snippetTabstopHighlightBackground: rgba(10, 50, 100, 0.2);\n    --editor-snippetFinalTabstopHighlightBorder: rgba(10, 50, 100, 0.5);\n    --breadcrumb-foreground: rgba(97, 97, 97, 0.8);\n    --breadcrumb-background: #ffffff;\n    --breadcrumb-focusForeground: #4e4e4e;\n    --breadcrumb-activeSelectionForeground: #4e4e4e;\n    --breadcrumbPicker-background: #f3f3f3;\n    --merge-currentHeaderBackground: rgba(64, 200, 174, 0.5);\n    --merge-currentContentBackground: rgba(64, 200, 174, 0.2);\n    --merge-incomingHeaderBackground: rgba(64, 166, 255, 0.5);\n    --merge-incomingContentBackground: rgba(64, 166, 255, 0.2);\n    --merge-commonHeaderBackground: rgba(96, 96, 96, 0.4);\n    --merge-commonContentBackground: rgba(96, 96, 96, 0.16);\n    --editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, 0.5);\n    --editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, 0.5);\n    --editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, 0.4);\n    --editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49);\n    --editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, 0.8);\n    --minimap-findMatchHighlight: #d18616;\n    --minimap-selectionOccurrenceHighlight: #c9c9c9;\n    --minimap-selectionHighlight: #add6ff;\n    --minimap-infoHighlight: #1a85ff;\n    --minimap-warningHighlight: #bf8803;\n    --minimap-errorHighlight: rgba(255, 18, 18, 0.7);\n    --minimap-foregroundOpacity: #000000;\n    --minimapSlider-background: rgba(100, 100, 100, 0.2);\n    --minimapSlider-hoverBackground: rgba(100, 100, 100, 0.35);\n    --minimapSlider-activeBackground: rgba(0, 0, 0, 0.3);\n    --problemsErrorIcon-foreground: #e51400;\n    --problemsWarningIcon-foreground: #bf8803;\n    --problemsInfoIcon-foreground: #1a85ff;\n    --charts-foreground: #616161;\n    --charts-lines: rgba(97, 97, 97, 0.5);\n    --charts-red: #e51400;\n    --charts-blue: #1a85ff;\n    --charts-yellow: #bf8803;\n    --charts-orange: #d18616;\n    --charts-green: #388a34;\n    --charts-purple: #652d90;\n    --diffEditor-move-border: rgba(139, 139, 139, 0.61);\n    --diffEditor-moveActive-border: #ffa500;\n    --symbolIcon-arrayForeground: #616161;\n    --symbolIcon-booleanForeground: #616161;\n    --symbolIcon-classForeground: #d67e00;\n    --symbolIcon-colorForeground: #616161;\n    --symbolIcon-constantForeground: #616161;\n    --symbolIcon-constructorForeground: #652d90;\n    --symbolIcon-enumeratorForeground: #d67e00;\n    --symbolIcon-enumeratorMemberForeground: #007acc;\n    --symbolIcon-eventForeground: #d67e00;\n    --symbolIcon-fieldForeground: #007acc;\n    --symbolIcon-fileForeground: #616161;\n    --symbolIcon-folderForeground: #616161;\n    --symbolIcon-functionForeground: #652d90;\n    --symbolIcon-interfaceForeground: #007acc;\n    --symbolIcon-keyForeground: #616161;\n    --symbolIcon-keywordForeground: #616161;\n    --symbolIcon-methodForeground: #652d90;\n    --symbolIcon-moduleForeground: #616161;\n    --symbolIcon-namespaceForeground: #616161;\n    --symbolIcon-nullForeground: #616161;\n    --symbolIcon-numberForeground: #616161;\n    --symbolIcon-objectForeground: #616161;\n    --symbolIcon-operatorForeground: #616161;\n    --symbolIcon-packageForeground: #616161;\n    --symbolIcon-propertyForeground: #616161;\n    --symbolIcon-referenceForeground: #616161;\n    --symbolIcon-snippetForeground: #616161;\n    --symbolIcon-stringForeground: #616161;\n    --symbolIcon-structForeground: #616161;\n    --symbolIcon-textForeground: #616161;\n    --symbolIcon-typeParameterForeground: #616161;\n    --symbolIcon-unitForeground: #616161;\n    --symbolIcon-variableForeground: #007acc;\n    --actionBar-toggledBackground: #dddddd;\n    --editorHoverWidget-highlightForeground: #0066bf;\n    --editor-lineHighlightBorder: #eeeeee;\n    --editor-rangeHighlightBackground: rgba(253, 255, 0, 0.2);\n    --editor-symbolHighlightBackground: rgba(234, 92, 0, 0.33);\n    --editorCursor-foreground: #000000;\n    --editorWhitespace-foreground: rgba(51, 51, 51, 0.2);\n    --editorLineNumber-foreground: #237893;\n    --editorIndentGuide-background: #d3d3d3;\n    --editorIndentGuide-activeBackground: #939393;\n    --editorIndentGuide-background1: #d3d3d3;\n    --editorIndentGuide-background2: rgba(0, 0, 0, 0);\n    --editorIndentGuide-background3: rgba(0, 0, 0, 0);\n    --editorIndentGuide-background4: rgba(0, 0, 0, 0);\n    --editorIndentGuide-background5: rgba(0, 0, 0, 0);\n    --editorIndentGuide-background6: rgba(0, 0, 0, 0);\n    --editorIndentGuide-activeBackground1: #939393;\n    --editorIndentGuide-activeBackground2: rgba(0, 0, 0, 0);\n    --editorIndentGuide-activeBackground3: rgba(0, 0, 0, 0);\n    --editorIndentGuide-activeBackground4: rgba(0, 0, 0, 0);\n    --editorIndentGuide-activeBackground5: rgba(0, 0, 0, 0);\n    --editorIndentGuide-activeBackground6: rgba(0, 0, 0, 0);\n    --editorActiveLineNumber-foreground: #0b216f;\n    --editorLineNumber-activeForeground: #0b216f;\n    --editorRuler-foreground: #d3d3d3;\n    --editorCodeLens-foreground: #919191;\n    --editorBracketMatch-background: rgba(0, 100, 0, 0.1);\n    --editorBracketMatch-border: #b9b9b9;\n    --editorOverviewRuler-border: rgba(127, 127, 127, 0.3);\n    --editorGutter-background: #ffffff;\n    --editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.47);\n    --editorGhostText-foreground: rgba(0, 0, 0, 0.47);\n    --editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6);\n    --editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7);\n    --editorOverviewRuler-warningForeground: #bf8803;\n    --editorOverviewRuler-infoForeground: #1a85ff;\n    --editorBracketHighlight-foreground1: #0431fa;\n    --editorBracketHighlight-foreground2: #319331;\n    --editorBracketHighlight-foreground3: #7b3814;\n    --editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);\n    --editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);\n    --editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);\n    --editorBracketHighlight-unexpectedBracket-foreground: rgba(255, 18, 18, 0.8);\n    --editorBracketPairGuide-background1: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-background2: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-background3: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-background4: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-background5: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-background6: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);\n    --editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);\n    --editorUnicodeHighlight-border: #cea33d;\n    --editorUnicodeHighlight-background: rgba(206, 163, 61, 0.08);\n    --editorOverviewRuler-bracketMatchForeground: #a0a0a0;\n    --editor-foldBackground: rgba(173, 214, 255, 0.3);\n    --editorGutter-foldingControlForeground: #424242;\n    --editor-linkedEditingBackground: rgba(255, 0, 0, 0.3);\n    --editor-wordHighlightBackground: rgba(87, 87, 87, 0.25);\n    --editor-wordHighlightStrongBackground: rgba(14, 99, 156, 0.25);\n    --editor-wordHighlightTextBackground: rgba(87, 87, 87, 0.25);\n    --editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, 0.8);\n    --editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, 0.8);\n    --editorOverviewRuler-wordHighlightTextForeground: rgba(160, 160, 160, 0.8);\n    --peekViewTitle-background: #f3f3f3;\n    --peekViewTitleLabel-foreground: #000000;\n    --peekViewTitleDescription-foreground: #616161;\n    --peekView-border: #1a85ff;\n    --peekViewResult-background: #f3f3f3;\n    --peekViewResult-lineForeground: #646465;\n    --peekViewResult-fileForeground: #1e1e1e;\n    --peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2);\n    --peekViewResult-selectionForeground: #6c6c6c;\n    --peekViewEditor-background: #f2f8fc;\n    --peekViewEditorGutter-background: #f2f8fc;\n    --peekViewEditorStickyScroll-background: #f2f8fc;\n    --peekViewResult-matchHighlightBackground: rgba(234, 92, 0, 0.3);\n    --peekViewEditor-matchHighlightBackground: rgba(245, 216, 2, 0.87);\n    --editorMarkerNavigationError-background: #e51400;\n    --editorMarkerNavigationError-headerBackground: rgba(229, 20, 0, 0.1);\n    --editorMarkerNavigationWarning-background: #bf8803;\n    --editorMarkerNavigationWarning-headerBackground: rgba(191, 136, 3, 0.1);\n    --editorMarkerNavigationInfo-background: #1a85ff;\n    --editorMarkerNavigationInfo-headerBackground: rgba(26, 133, 255, 0.1);\n    --editorMarkerNavigation-background: #ffffff;\n    --editorSuggestWidget-background: #f3f3f3;\n    --editorSuggestWidget-border: #c8c8c8;\n    --editorSuggestWidget-foreground: #000000;\n    --editorSuggestWidget-selectedForeground: #ffffff;\n    --editorSuggestWidget-selectedIconForeground: #ffffff;\n    --editorSuggestWidget-selectedBackground: #0060c0;\n    --editorSuggestWidget-highlightForeground: #0066bf;\n    --editorSuggestWidget-focusHighlightForeground: #bbe7ff;\n    --editorSuggestWidgetStatus-foreground: rgba(0, 0, 0, 0.5);\n    --tab-activeBackground: #ffffff;\n    --tab-unfocusedActiveBackground: #ffffff;\n    --tab-inactiveBackground: #ececec;\n    --tab-unfocusedInactiveBackground: #ececec;\n    --tab-activeForeground: #333333;\n    --tab-inactiveForeground: rgba(51, 51, 51, 0.7);\n    --tab-unfocusedActiveForeground: rgba(51, 51, 51, 0.7);\n    --tab-unfocusedInactiveForeground: rgba(51, 51, 51, 0.35);\n    --tab-border: #f3f3f3;\n    --tab-lastPinnedBorder: rgba(97, 97, 97, 0.19);\n    --tab-activeModifiedBorder: #33aaee;\n    --tab-inactiveModifiedBorder: rgba(51, 170, 238, 0.5);\n    --tab-unfocusedActiveModifiedBorder: rgba(51, 170, 238, 0.7);\n    --tab-unfocusedInactiveModifiedBorder: rgba(51, 170, 238, 0.25);\n    --editorPane-background: #ffffff;\n    --editorGroupHeader-tabsBackground: #f3f3f3;\n    --editorGroupHeader-noTabsBackground: #ffffff;\n    --editorGroup-border: #e7e7e7;\n    --editorGroup-dropBackground: rgba(38, 119, 203, 0.18);\n    --editorGroup-dropIntoPromptForeground: #616161;\n    --editorGroup-dropIntoPromptBackground: #f3f3f3;\n    --sideBySideEditor-horizontalBorder: #e7e7e7;\n    --sideBySideEditor-verticalBorder: #e7e7e7;\n    --panel-background: #ffffff;\n    --panel-border: rgba(128, 128, 128, 0.35);\n    --panelTitle-activeForeground: #424242;\n    --panelTitle-inactiveForeground: rgba(66, 66, 66, 0.75);\n    --panelTitle-activeBorder: #424242;\n    --panelInput-border: #dddddd;\n    --panel-dropBorder: #424242;\n    --panelSection-dropBackground: rgba(38, 119, 203, 0.18);\n    --panelSectionHeader-background: rgba(128, 128, 128, 0.2);\n    --panelSection-border: rgba(128, 128, 128, 0.35);\n    --banner-background: #004386;\n    --banner-foreground: #ffffff;\n    --banner-iconForeground: #1a85ff;\n    --statusBar-foreground: #ffffff;\n    --statusBar-noFolderForeground: #ffffff;\n    --statusBar-background: #007acc;\n    --statusBar-noFolderBackground: #68217a;\n    --statusBar-focusBorder: #ffffff;\n    --statusBarItem-activeBackground: rgba(255, 255, 255, 0.18);\n    --statusBarItem-focusBorder: #ffffff;\n    --statusBarItem-hoverBackground: rgba(255, 255, 255, 0.12);\n    --statusBarItem-hoverForeground: #ffffff;\n    --statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2);\n    --statusBarItem-prominentForeground: #ffffff;\n    --statusBarItem-prominentBackground: rgba(0, 0, 0, 0.5);\n    --statusBarItem-prominentHoverForeground: #ffffff;\n    --statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3);\n    --statusBarItem-errorBackground: #c72e0f;\n    --statusBarItem-errorForeground: #ffffff;\n    --statusBarItem-errorHoverForeground: #ffffff;\n    --statusBarItem-errorHoverBackground: rgba(255, 255, 255, 0.12);\n    --statusBarItem-warningBackground: #725102;\n    --statusBarItem-warningForeground: #ffffff;\n    --statusBarItem-warningHoverForeground: #ffffff;\n    --statusBarItem-warningHoverBackground: rgba(255, 255, 255, 0.12);\n    --activityBar-background: #2c2c2c;\n    --activityBar-foreground: #ffffff;\n    --activityBar-inactiveForeground: rgba(255, 255, 255, 0.4);\n    --activityBar-activeBorder: #ffffff;\n    --activityBar-dropBorder: #ffffff;\n    --activityBarBadge-background: #007acc;\n    --activityBarBadge-foreground: #ffffff;\n    --profileBadge-background: #c4c4c4;\n    --profileBadge-foreground: #333333;\n    --statusBarItem-remoteBackground: #16825d;\n    --statusBarItem-remoteForeground: #ffffff;\n    --statusBarItem-remoteHoverForeground: #ffffff;\n    --statusBarItem-remoteHoverBackground: rgba(255, 255, 255, 0.12);\n    --statusBarItem-offlineBackground: #6c1717;\n    --statusBarItem-offlineForeground: #ffffff;\n    --statusBarItem-offlineHoverForeground: #ffffff;\n    --statusBarItem-offlineHoverBackground: rgba(255, 255, 255, 0.12);\n    --extensionBadge-remoteBackground: #007acc;\n    --extensionBadge-remoteForeground: #ffffff;\n    --sideBar-background: #f3f3f3;\n    --sideBarTitle-foreground: #6f6f6f;\n    --sideBar-dropBackground: rgba(38, 119, 203, 0.18);\n    --sideBarSectionHeader-background: rgba(0, 0, 0, 0);\n    --sideBarSectionHeader-border: rgba(97, 97, 97, 0.19);\n    --titleBar-activeForeground: #333333;\n    --titleBar-inactiveForeground: rgba(51, 51, 51, 0.6);\n    --titleBar-activeBackground: #dddddd;\n    --titleBar-inactiveBackground: rgba(221, 221, 221, 0.6);\n    --menubar-selectionForeground: #333333;\n    --menubar-selectionBackground: rgba(184, 184, 184, 0.31);\n    --commandCenter-foreground: #333333;\n    --commandCenter-activeForeground: #333333;\n    --commandCenter-inactiveForeground: rgba(51, 51, 51, 0.6);\n    --commandCenter-background: rgba(0, 0, 0, 0.05);\n    --commandCenter-activeBackground: rgba(0, 0, 0, 0.08);\n    --commandCenter-border: rgba(51, 51, 51, 0.2);\n    --commandCenter-activeBorder: rgba(51, 51, 51, 0.3);\n    --commandCenter-inactiveBorder: rgba(51, 51, 51, 0.15);\n    --notificationCenter-border: #d4d4d4;\n    --notificationToast-border: #d4d4d4;\n    --notifications-foreground: #616161;\n    --notifications-background: #f3f3f3;\n    --notificationLink-foreground: #006ab1;\n    --notificationCenterHeader-background: #e7e7e7;\n    --notifications-border: #e7e7e7;\n    --notificationsErrorIcon-foreground: #e51400;\n    --notificationsWarningIcon-foreground: #bf8803;\n    --notificationsInfoIcon-foreground: #1a85ff;\n    --chat-requestBorder: rgba(0, 0, 0, 0.1);\n    --chat-slashCommandBackground: #c4c4c4;\n    --chat-slashCommandForeground: #333333;\n    --simpleFindWidget-sashBorder: #c8c8c8;\n    --commentsView-resolvedIcon: rgba(97, 97, 97, 0.5);\n    --commentsView-unresolvedIcon: #0090f1;\n    --editorCommentsWidget-resolvedBorder: rgba(97, 97, 97, 0.5);\n    --editorCommentsWidget-unresolvedBorder: #0090f1;\n    --editorCommentsWidget-rangeBackground: rgba(0, 144, 241, 0.1);\n    --editorCommentsWidget-rangeActiveBackground: rgba(0, 144, 241, 0.1);\n    --editorGutter-commentRangeForeground: #d5d8e9;\n    --editorOverviewRuler-commentForeground: #d5d8e9;\n    --editorOverviewRuler-commentUnresolvedForeground: #d5d8e9;\n    --editorGutter-commentGlyphForeground: #000000;\n    --editorGutter-commentUnresolvedGlyphForeground: #000000;\n    --debugToolBar-background: #f3f3f3;\n    --debugIcon-startForeground: #388a34;\n    --editor-stackFrameHighlightBackground: rgba(255, 255, 102, 0.45);\n    --editor-focusedStackFrameHighlightBackground: rgba(206, 231, 206, 0.45);\n    --mergeEditor-change-background: rgba(155, 185, 85, 0.2);\n    --mergeEditor-change-word-background: rgba(156, 204, 44, 0.4);\n    --mergeEditor-changeBase-background: #ffcccc;\n    --mergeEditor-changeBase-word-background: #ffa3a3;\n    --mergeEditor-conflict-unhandledUnfocused-border: #ffa600;\n    --mergeEditor-conflict-unhandledFocused-border: #ffa600;\n    --mergeEditor-conflict-handledUnfocused-border: rgba(134, 134, 134, 0.29);\n    --mergeEditor-conflict-handledFocused-border: rgba(193, 193, 193, 0.8);\n    --mergeEditor-conflict-handled-minimapOverViewRuler: rgba(173, 172, 168, 0.93);\n    --mergeEditor-conflict-unhandled-minimapOverViewRuler: #fcba03;\n    --mergeEditor-conflictingLines-background: rgba(255, 234, 0, 0.28);\n    --mergeEditor-conflict-input1-background: rgba(64, 200, 174, 0.2);\n    --mergeEditor-conflict-input2-background: rgba(64, 166, 255, 0.2);\n    --settings-headerForeground: #444444;\n    --settings-settingsHeaderHoverForeground: rgba(68, 68, 68, 0.7);\n    --settings-modifiedItemIndicator: #66afe0;\n    --settings-headerBorder: rgba(128, 128, 128, 0.35);\n    --settings-sashBorder: rgba(128, 128, 128, 0.35);\n    --settings-dropdownBackground: #ffffff;\n    --settings-dropdownForeground: #616161;\n    --settings-dropdownBorder: #cecece;\n    --settings-dropdownListBorder: #c8c8c8;\n    --settings-checkboxBackground: #ffffff;\n    --settings-checkboxForeground: #616161;\n    --settings-checkboxBorder: #919191;\n    --settings-textInputBackground: #ffffff;\n    --settings-textInputForeground: #616161;\n    --settings-textInputBorder: #cecece;\n    --settings-numberInputBackground: #ffffff;\n    --settings-numberInputForeground: #616161;\n    --settings-numberInputBorder: #cecece;\n    --settings-focusedRowBackground: rgba(232, 232, 232, 0.6);\n    --settings-rowHoverBackground: rgba(232, 232, 232, 0.3);\n    --settings-focusedRowBorder: #0090f1;\n    --terminal-foreground: #333333;\n    --terminal-selectionBackground: #add6ff;\n    --terminal-inactiveSelectionBackground: #e5ebf1;\n    --terminalCommandDecoration-defaultBackground: rgba(0, 0, 0, 0.25);\n    --terminalCommandDecoration-successBackground: #2090d3;\n    --terminalCommandDecoration-errorBackground: #e51400;\n    --terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8);\n    --terminal-border: rgba(128, 128, 128, 0.35);\n    --terminal-findMatchBackground: #a8ac94;\n    --terminal-hoverHighlightBackground: rgba(173, 214, 255, 0.07);\n    --terminal-findMatchHighlightBackground: rgba(234, 92, 0, 0.33);\n    --terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49);\n    --terminal-dropBackground: rgba(38, 119, 203, 0.18);\n    --testing-iconFailed: #f14c4c;\n    --testing-iconErrored: #f14c4c;\n    --testing-iconPassed: #73c991;\n    --testing-runAction: #73c991;\n    --testing-iconQueued: #cca700;\n    --testing-iconUnset: #848484;\n    --testing-iconSkipped: #848484;\n    --testing-peekBorder: #e51400;\n    --testing-peekHeaderBackground: rgba(229, 20, 0, 0.1);\n    --testing-message-error-decorationForeground: #e51400;\n    --testing-message-error-lineBackground: rgba(255, 0, 0, 0.2);\n    --testing-message-info-decorationForeground: rgba(0, 0, 0, 0.5);\n    --welcomePage-tileBackground: #f3f3f3;\n    --welcomePage-tileHoverBackground: #dbdbdb;\n    --welcomePage-tileBorder: rgba(0, 0, 0, 0.1);\n    --welcomePage-progress-background: #ffffff;\n    --welcomePage-progress-foreground: #006ab1;\n    --walkthrough-stepTitle-foreground: #000000;\n    --walkThrough-embeddedEditorBackground: #f4f4f4;\n    --inlineChat-background: #f3f3f3;\n    --inlineChat-border: #c8c8c8;\n    --inlineChat-shadow: rgba(0, 0, 0, 0.16);\n    --inlineChat-regionHighlight: rgba(173, 214, 255, 0.15);\n    --inlineChatInput-border: #c8c8c8;\n    --inlineChatInput-focusBorder: #0090f1;\n    --inlineChatInput-placeholderForeground: #767676;\n    --inlineChatInput-background: #ffffff;\n    --inlineChatDiff-inserted: rgba(156, 204, 44, 0.13);\n    --inlineChatDiff-removed: rgba(255, 0, 0, 0.1);\n    --debugExceptionWidget-border: #a31515;\n    --debugExceptionWidget-background: #f1dfde;\n    --ports-iconRunningProcessForeground: #369432;\n    --statusBar-debuggingBackground: #cc6633;\n    --statusBar-debuggingForeground: #ffffff;\n    --commandCenter-debuggingBackground: rgba(204, 102, 51, 0.26);\n    --editor-inlineValuesForeground: rgba(0, 0, 0, 0.5);\n    --editor-inlineValuesBackground: rgba(255, 200, 0, 0.2);\n    --editorGutter-modifiedBackground: #2090d3;\n    --editorGutter-addedBackground: #48985d;\n    --editorGutter-deletedBackground: #e51400;\n    --minimapGutter-modifiedBackground: #2090d3;\n    --minimapGutter-addedBackground: #48985d;\n    --minimapGutter-deletedBackground: #e51400;\n    --editorOverviewRuler-modifiedForeground: rgba(32, 144, 211, 0.6);\n    --editorOverviewRuler-addedForeground: rgba(72, 152, 93, 0.6);\n    --editorOverviewRuler-deletedForeground: rgba(229, 20, 0, 0.6);\n    --debugIcon-breakpointForeground: #e51400;\n    --debugIcon-breakpointDisabledForeground: #848484;\n    --debugIcon-breakpointUnverifiedForeground: #848484;\n    --debugIcon-breakpointCurrentStackframeForeground: #be8700;\n    --debugIcon-breakpointStackframeForeground: #89d185;\n    --notebook-cellBorderColor: #e8e8e8;\n    --notebook-focusedEditorBorder: #0090f1;\n    --notebookStatusSuccessIcon-foreground: #388a34;\n    --notebookEditorOverviewRuler-runningCellForeground: #388a34;\n    --notebookStatusErrorIcon-foreground: #a1260d;\n    --notebookStatusRunningIcon-foreground: #616161;\n    --notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35);\n    --notebook-selectedCellBackground: rgba(200, 221, 241, 0.31);\n    --notebook-selectedCellBorder: #e8e8e8;\n    --notebook-focusedCellBorder: #0090f1;\n    --notebook-inactiveFocusedCellBorder: #e8e8e8;\n    --notebook-cellStatusBarItemHoverBackground: rgba(0, 0, 0, 0.08);\n    --notebook-cellInsertionIndicator: #0090f1;\n    --notebookScrollbarSlider-background: rgba(100, 100, 100, 0.4);\n    --notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);\n    --notebookScrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6);\n    --notebook-symbolHighlightBackground: rgba(253, 255, 0, 0.2);\n    --notebook-cellEditorBackground: #f3f3f3;\n    --notebook-editorBackground: #ffffff;\n    --keybindingTable-headerBackground: rgba(97, 97, 97, 0.04);\n    --keybindingTable-rowsBackground: rgba(97, 97, 97, 0.04);\n    --searchEditor-textInputBorder: #cecece;\n    --debugTokenExpression-name: #9b46b0;\n    --debugTokenExpression-value: rgba(108, 108, 108, 0.8);\n    --debugTokenExpression-string: #a31515;\n    --debugTokenExpression-boolean: #0000ff;\n    --debugTokenExpression-number: #098658;\n    --debugTokenExpression-error: #e51400;\n    --debugView-exceptionLabelForeground: #ffffff;\n    --debugView-exceptionLabelBackground: #a31515;\n    --debugView-stateLabelForeground: #616161;\n    --debugView-stateLabelBackground: rgba(136, 136, 136, 0.27);\n    --debugView-valueChangedHighlight: #569cd6;\n    --debugConsole-infoForeground: #1a85ff;\n    --debugConsole-warningForeground: #bf8803;\n    --debugConsole-errorForeground: #a1260d;\n    --debugConsole-sourceForeground: #616161;\n    --debugConsoleInputIcon-foreground: #616161;\n    --debugIcon-pauseForeground: #007acc;\n    --debugIcon-stopForeground: #a1260d;\n    --debugIcon-disconnectForeground: #a1260d;\n    --debugIcon-restartForeground: #388a34;\n    --debugIcon-stepOverForeground: #007acc;\n    --debugIcon-stepIntoForeground: #007acc;\n    --debugIcon-stepOutForeground: #007acc;\n    --debugIcon-continueForeground: #007acc;\n    --debugIcon-stepBackForeground: #007acc;\n    --scm-providerBorder: #c8c8c8;\n    --extensionButton-background: #007acc;\n    --extensionButton-foreground: #ffffff;\n    --extensionButton-hoverBackground: #0062a3;\n    --extensionButton-separator: rgba(255, 255, 255, 0.4);\n    --extensionButton-prominentBackground: #007acc;\n    --extensionButton-prominentForeground: #ffffff;\n    --extensionButton-prominentHoverBackground: #0062a3;\n    --extensionIcon-starForeground: #df6100;\n    --extensionIcon-verifiedForeground: #006ab1;\n    --extensionIcon-preReleaseForeground: #1d9271;\n    --extensionIcon-sponsorForeground: #b51e78;\n    --terminal-ansiBlack: #000000;\n    --terminal-ansiRed: #cd3131;\n    --terminal-ansiGreen: #00bc00;\n    --terminal-ansiYellow: #949800;\n    --terminal-ansiBlue: #0451a5;\n    --terminal-ansiMagenta: #bc05bc;\n    --terminal-ansiCyan: #0598bc;\n    --terminal-ansiWhite: #555555;\n    --terminal-ansiBrightBlack: #666666;\n    --terminal-ansiBrightRed: #cd3131;\n    --terminal-ansiBrightGreen: #14ce14;\n    --terminal-ansiBrightYellow: #b5ba00;\n    --terminal-ansiBrightBlue: #0451a5;\n    --terminal-ansiBrightMagenta: #bc05bc;\n    --terminal-ansiBrightCyan: #0598bc;\n    --terminal-ansiBrightWhite: #a5a5a5;\n    --interactive-activeCodeBorder: #1a85ff;\n    --interactive-inactiveCodeBorder: #e4e6f1;\n    --gitDecoration-addedResourceForeground: #587c0c;\n    --gitDecoration-modifiedResourceForeground: #895503;\n    --gitDecoration-deletedResourceForeground: #ad0707;\n    --gitDecoration-renamedResourceForeground: #007100;\n    --gitDecoration-untrackedResourceForeground: #007100;\n    --gitDecoration-ignoredResourceForeground: #8e8e90;\n    --gitDecoration-stageModifiedResourceForeground: #895503;\n    --gitDecoration-stageDeletedResourceForeground: #ad0707;\n    --gitDecoration-conflictingResourceForeground: #ad0707;\n    --gitDecoration-submoduleResourceForeground: #1258a7;\n    --gitlens-gutterBackgroundColor: rgba(0, 0, 0, 0.05);\n    --gitlens-gutterForegroundColor: #747474;\n    --gitlens-gutterUncommittedForegroundColor: rgba(0, 188, 242, 0.6);\n    --gitlens-trailingLineBackgroundColor: rgba(0, 0, 0, 0);\n    --gitlens-trailingLineForegroundColor: rgba(153, 153, 153, 0.35);\n    --gitlens-lineHighlightBackgroundColor: rgba(0, 188, 242, 0.2);\n    --gitlens-lineHighlightOverviewRulerColor: rgba(0, 188, 242, 0.6);\n    --gitlens-openAutolinkedIssueIconColor: #1a7f37;\n    --gitlens-closedAutolinkedIssueIconColor: #8250df;\n    --gitlens-closedPullRequestIconColor: #cf222e;\n    --gitlens-openPullRequestIconColor: #1a7f37;\n    --gitlens-mergedPullRequestIconColor: #8250df;\n    --gitlens-unpublishedChangesIconColor: #35b15e;\n    --gitlens-unpublishedCommitIconColor: #35b15e;\n    --gitlens-unpulledChangesIconColor: #b15e35;\n    --gitlens-decorations-addedForegroundColor: #587c0c;\n    --gitlens-decorations-copiedForegroundColor: #007100;\n    --gitlens-decorations-deletedForegroundColor: #ad0707;\n    --gitlens-decorations-ignoredForegroundColor: #8e8e90;\n    --gitlens-decorations-modifiedForegroundColor: #895503;\n    --gitlens-decorations-untrackedForegroundColor: #007100;\n    --gitlens-decorations-renamedForegroundColor: #007100;\n    --gitlens-decorations-branchAheadForegroundColor: #35b15e;\n    --gitlens-decorations-branchBehindForegroundColor: #b15e35;\n    --gitlens-decorations-branchDivergedForegroundColor: #d8af1b;\n    --gitlens-decorations-branchUnpublishedForegroundColor: #35b15e;\n    --gitlens-decorations-branchMissingUpstreamForegroundColor: #ad0707;\n    --gitlens-decorations-workspaceRepoMissingForegroundColor: #949494;\n    --gitlens-decorations-workspaceCurrentForegroundColor: #35b15e;\n    --gitlens-decorations-workspaceRepoOpenForegroundColor: #35b15e;\n    --gitlens-decorations-worktreeHasUncommittedChangesForegroundColor: #895503;\n    --gitlens-decorations-worktreeMissingForegroundColor: #ad0707;\n    --gitlens-graphLane1Color: #15a0bf;\n    --gitlens-graphLane2Color: #0669f7;\n    --gitlens-graphLane3Color: #8e00c2;\n    --gitlens-graphLane4Color: #c517b6;\n    --gitlens-graphLane5Color: #d90171;\n    --gitlens-graphLane6Color: #cd0101;\n    --gitlens-graphLane7Color: #f25d2e;\n    --gitlens-graphLane8Color: #f2ca33;\n    --gitlens-graphLane9Color: #7bd938;\n    --gitlens-graphLane10Color: #2ece9d;\n    --gitlens-graphChangesColumnAddedColor: #2da44e;\n    --gitlens-graphChangesColumnDeletedColor: #cf222e;\n    --gitlens-graphMinimapMarkerHeadColor: #04c814;\n    --gitlens-graphScrollMarkerHeadColor: #04c814;\n    --gitlens-graphMinimapMarkerUpstreamColor: #8cd993;\n    --gitlens-graphScrollMarkerUpstreamColor: #8cd993;\n    --gitlens-graphMinimapMarkerHighlightsColor: #f5cc00;\n    --gitlens-graphScrollMarkerHighlightsColor: #f5cc00;\n    --gitlens-graphMinimapMarkerLocalBranchesColor: #3095e8;\n    --gitlens-graphScrollMarkerLocalBranchesColor: #3095e8;\n    --gitlens-graphMinimapMarkerRemoteBranchesColor: #67ace4;\n    --gitlens-graphScrollMarkerRemoteBranchesColor: #67ace4;\n    --gitlens-graphMinimapMarkerStashesColor: #e467e4;\n    --gitlens-graphScrollMarkerStashesColor: #e467e4;\n    --gitlens-graphMinimapMarkerTagsColor: #d2a379;\n    --gitlens-graphScrollMarkerTagsColor: #d2a379;\n}\n\n\n\n/* dark */\n[data-theme='dark']  {\n    --vscode-foreground: #cccccc;\n    --vscode-disabledForeground: rgba(204, 204, 204, 0.5);\n    --vscode-errorForeground: #f48771;\n    --vscode-descriptionForeground: rgba(204, 204, 204, 0.7);\n    --vscode-icon-foreground: #c5c5c5;\n    --vscode-focusBorder: #007fd4;\n    --vscode-textSeparator-foreground: rgba(255, 255, 255, 0.18);\n    --vscode-textLink-foreground: #3794ff;\n    --vscode-textLink-activeForeground: #3794ff;\n    --vscode-textPreformat-foreground: #d7ba7d;\n    --vscode-textBlockQuote-background: rgba(127, 127, 127, 0.1);\n    --vscode-textBlockQuote-border: rgba(0, 122, 204, 0.5);\n    --vscode-textCodeBlock-background: rgba(10, 10, 10, 0.4);\n    --vscode-widget-shadow: rgba(0, 0, 0, 0.36);\n    --vscode-widget-border: #303031;\n    --vscode-input-background: #3c3c3c;\n    --vscode-input-foreground: #cccccc;\n    --vscode-inputOption-activeBorder: #007acc;\n    --vscode-inputOption-hoverBackground: rgba(90, 93, 94, 0.5);\n    --vscode-inputOption-activeBackground: rgba(0, 127, 212, 0.4);\n    --vscode-inputOption-activeForeground: #ffffff;\n    --vscode-input-placeholderForeground: #a6a6a6;\n    --vscode-inputValidation-infoBackground: #063b49;\n    --vscode-inputValidation-infoBorder: #007acc;\n    --vscode-inputValidation-warningBackground: #352a05;\n    --vscode-inputValidation-warningBorder: #b89500;\n    --vscode-inputValidation-errorBackground: #5a1d1d;\n    --vscode-inputValidation-errorBorder: #be1100;\n    --vscode-dropdown-background: #3c3c3c;\n    --vscode-dropdown-foreground: #f0f0f0;\n    --vscode-dropdown-border: #3c3c3c;\n    --vscode-button-foreground: #ffffff;\n    --vscode-button-separator: rgba(255, 255, 255, 0.4);\n    --vscode-button-background: #0e639c;\n    --vscode-button-hoverBackground: #1177bb;\n    --vscode-button-secondaryForeground: #ffffff;\n    --vscode-button-secondaryBackground: #3a3d41;\n    --vscode-button-secondaryHoverBackground: #45494e;\n    --vscode-badge-background: #4d4d4d;\n    --vscode-badge-foreground: #ffffff;\n    --vscode-scrollbar-shadow: #000000;\n    --vscode-scrollbarSlider-background: rgba(121, 121, 121, 0.4);\n    --vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);\n    --vscode-scrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4);\n    --vscode-progressBar-background: #0e70c0;\n    --vscode-editorError-foreground: #f14c4c;\n    --vscode-editorWarning-foreground: #cca700;\n    --vscode-editorInfo-foreground: #3794ff;\n    --vscode-editorHint-foreground: rgba(238, 238, 238, 0.7);\n    --vscode-sash-hoverBorder: #007fd4;\n    --vscode-editor-background: #1e1e1e;\n    --vscode-editor-foreground: #d4d4d4;\n    --vscode-editorStickyScroll-background: #1e1e1e;\n    --vscode-editorStickyScrollHover-background: #2a2d2e;\n    --vscode-editorWidget-background: #252526;\n    --vscode-editorWidget-foreground: #cccccc;\n    --vscode-editorWidget-border: #454545;\n    --vscode-quickInput-background: #252526;\n    --vscode-quickInput-foreground: #cccccc;\n    --vscode-quickInputTitle-background: rgba(255, 255, 255, 0.1);\n    --vscode-pickerGroup-foreground: #3794ff;\n    --vscode-pickerGroup-border: #3f3f46;\n    --vscode-keybindingLabel-background: rgba(128, 128, 128, 0.17);\n    --vscode-keybindingLabel-foreground: #cccccc;\n    --vscode-keybindingLabel-border: rgba(51, 51, 51, 0.6);\n    --vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, 0.6);\n    --vscode-editor-selectionBackground: #264f78;\n    --vscode-editor-inactiveSelectionBackground: #3a3d41;\n    --vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, 0.15);\n    --vscode-editor-findMatchBackground: #515c6a;\n    --vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, 0.33);\n    --vscode-editor-findRangeHighlightBackground: rgba(58, 61, 65, 0.4);\n    --vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, 0.22);\n    --vscode-search-resultsInfoForeground: rgba(204, 204, 204, 0.65);\n    --vscode-editor-hoverHighlightBackground: rgba(38, 79, 120, 0.25);\n    --vscode-editorHoverWidget-background: #252526;\n    --vscode-editorHoverWidget-foreground: #cccccc;\n    --vscode-editorHoverWidget-border: #454545;\n    --vscode-editorHoverWidget-statusBarBackground: #2c2c2d;\n    --vscode-editorLink-activeForeground: #4e94ce;\n    --vscode-editorInlayHint-foreground: #969696;\n    --vscode-editorInlayHint-background: rgba(77, 77, 77, 0.1);\n    --vscode-editorInlayHint-typeForeground: #969696;\n    --vscode-editorInlayHint-typeBackground: rgba(77, 77, 77, 0.1);\n    --vscode-editorInlayHint-parameterForeground: #969696;\n    --vscode-editorInlayHint-parameterBackground: rgba(77, 77, 77, 0.1);\n    --vscode-editorLightBulb-foreground: #ffcc00;\n    --vscode-editorLightBulbAutoFix-foreground: #75beff;\n    --vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, 0.2);\n    --vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2);\n    --vscode-diffEditor-insertedLineBackground: rgba(155, 185, 85, 0.2);\n    --vscode-diffEditor-removedLineBackground: rgba(255, 0, 0, 0.2);\n    --vscode-diffEditor-diagonalFill: rgba(204, 204, 204, 0.2);\n    --vscode-diffEditor-unchangedRegionBackground: #3e3e3e;\n    --vscode-diffEditor-unchangedRegionForeground: #a3a2a2;\n    --vscode-diffEditor-unchangedCodeBackground: rgba(116, 116, 116, 0.16);\n    --vscode-list-focusOutline: #007fd4;\n    --vscode-list-activeSelectionBackground: #04395e;\n    --vscode-list-activeSelectionForeground: #ffffff;\n    --vscode-list-activeSelectionIconForeground: #ffffff;\n    --vscode-list-inactiveSelectionBackground: #37373d;\n    --vscode-list-hoverBackground: #2a2d2e;\n    --vscode-list-dropBackground: #383b3d;\n    --vscode-list-highlightForeground: #2aaaff;\n    --vscode-list-focusHighlightForeground: #2aaaff;\n    --vscode-list-invalidItemForeground: #b89500;\n    --vscode-list-errorForeground: #f88070;\n    --vscode-list-warningForeground: #cca700;\n    --vscode-listFilterWidget-background: #252526;\n    --vscode-listFilterWidget-outline: rgba(0, 0, 0, 0);\n    --vscode-listFilterWidget-noMatchesOutline: #be1100;\n    --vscode-listFilterWidget-shadow: rgba(0, 0, 0, 0.36);\n    --vscode-list-filterMatchBackground: rgba(234, 92, 0, 0.33);\n    --vscode-tree-indentGuidesStroke: #585858;\n    --vscode-tree-inactiveIndentGuidesStroke: rgba(88, 88, 88, 0.4);\n    --vscode-tree-tableColumnsBorder: rgba(204, 204, 204, 0.13);\n    --vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, 0.04);\n    --vscode-list-deemphasizedForeground: #8c8c8c;\n    --vscode-checkbox-background: #3c3c3c;\n    --vscode-checkbox-selectBackground: #252526;\n    --vscode-checkbox-foreground: #f0f0f0;\n    --vscode-checkbox-border: #6b6b6b;\n    --vscode-checkbox-selectBorder: #c5c5c5;\n    --vscode-quickInputList-focusForeground: #ffffff;\n    --vscode-quickInputList-focusIconForeground: #ffffff;\n    --vscode-quickInputList-focusBackground: #04395e;\n    --vscode-menu-border: #454545;\n    --vscode-menu-foreground: #cccccc;\n    --vscode-menu-background: #252526;\n    --vscode-menu-selectionForeground: #ffffff;\n    --vscode-menu-selectionBackground: #04395e;\n    --vscode-menu-separatorBackground: #454545;\n    --vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31);\n    --vscode-toolbar-activeBackground: rgba(99, 102, 103, 0.31);\n    --vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, 0.3);\n    --vscode-editor-snippetFinalTabstopHighlightBorder: #525252;\n    --vscode-breadcrumb-foreground: rgba(204, 204, 204, 0.8);\n    --vscode-breadcrumb-background: #1e1e1e;\n    --vscode-breadcrumb-focusForeground: #e0e0e0;\n    --vscode-breadcrumb-activeSelectionForeground: #e0e0e0;\n    --vscode-breadcrumbPicker-background: #252526;\n    --vscode-merge-currentHeaderBackground: rgba(64, 200, 174, 0.5);\n    --vscode-merge-currentContentBackground: rgba(64, 200, 174, 0.2);\n    --vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, 0.5);\n    --vscode-merge-incomingContentBackground: rgba(64, 166, 255, 0.2);\n    --vscode-merge-commonHeaderBackground: rgba(96, 96, 96, 0.4);\n    --vscode-merge-commonContentBackground: rgba(96, 96, 96, 0.16);\n    --vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, 0.5);\n    --vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, 0.5);\n    --vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, 0.4);\n    --vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49);\n    --vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, 0.8);\n    --vscode-minimap-findMatchHighlight: #d18616;\n    --vscode-minimap-selectionOccurrenceHighlight: #676767;\n    --vscode-minimap-selectionHighlight: #264f78;\n    --vscode-minimap-infoHighlight: #3794ff;\n    --vscode-minimap-warningHighlight: #cca700;\n    --vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7);\n    --vscode-minimap-foregroundOpacity: #000000;\n    --vscode-minimapSlider-background: rgba(121, 121, 121, 0.2);\n    --vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, 0.35);\n    --vscode-minimapSlider-activeBackground: rgba(191, 191, 191, 0.2);\n    --vscode-problemsErrorIcon-foreground: #f14c4c;\n    --vscode-problemsWarningIcon-foreground: #cca700;\n    --vscode-problemsInfoIcon-foreground: #3794ff;\n    --vscode-charts-foreground: #cccccc;\n    --vscode-charts-lines: rgba(204, 204, 204, 0.5);\n    --vscode-charts-red: #f14c4c;\n    --vscode-charts-blue: #3794ff;\n    --vscode-charts-yellow: #cca700;\n    --vscode-charts-orange: #d18616;\n    --vscode-charts-green: #89d185;\n    --vscode-charts-purple: #b180d7;\n    --vscode-diffEditor-move-border: rgba(139, 139, 139, 0.61);\n    --vscode-diffEditor-moveActive-border: #ffa500;\n    --vscode-symbolIcon-arrayForeground: #cccccc;\n    --vscode-symbolIcon-booleanForeground: #cccccc;\n    --vscode-symbolIcon-classForeground: #ee9d28;\n    --vscode-symbolIcon-colorForeground: #cccccc;\n    --vscode-symbolIcon-constantForeground: #cccccc;\n    --vscode-symbolIcon-constructorForeground: #b180d7;\n    --vscode-symbolIcon-enumeratorForeground: #ee9d28;\n    --vscode-symbolIcon-enumeratorMemberForeground: #75beff;\n    --vscode-symbolIcon-eventForeground: #ee9d28;\n    --vscode-symbolIcon-fieldForeground: #75beff;\n    --vscode-symbolIcon-fileForeground: #cccccc;\n    --vscode-symbolIcon-folderForeground: #cccccc;\n    --vscode-symbolIcon-functionForeground: #b180d7;\n    --vscode-symbolIcon-interfaceForeground: #75beff;\n    --vscode-symbolIcon-keyForeground: #cccccc;\n    --vscode-symbolIcon-keywordForeground: #cccccc;\n    --vscode-symbolIcon-methodForeground: #b180d7;\n    --vscode-symbolIcon-moduleForeground: #cccccc;\n    --vscode-symbolIcon-namespaceForeground: #cccccc;\n    --vscode-symbolIcon-nullForeground: #cccccc;\n    --vscode-symbolIcon-numberForeground: #cccccc;\n    --vscode-symbolIcon-objectForeground: #cccccc;\n    --vscode-symbolIcon-operatorForeground: #cccccc;\n    --vscode-symbolIcon-packageForeground: #cccccc;\n    --vscode-symbolIcon-propertyForeground: #cccccc;\n    --vscode-symbolIcon-referenceForeground: #cccccc;\n    --vscode-symbolIcon-snippetForeground: #cccccc;\n    --vscode-symbolIcon-stringForeground: #cccccc;\n    --vscode-symbolIcon-structForeground: #cccccc;\n    --vscode-symbolIcon-textForeground: #cccccc;\n    --vscode-symbolIcon-typeParameterForeground: #cccccc;\n    --vscode-symbolIcon-unitForeground: #cccccc;\n    --vscode-symbolIcon-variableForeground: #75beff;\n    --vscode-actionBar-toggledBackground: #383a49;\n    --vscode-editorHoverWidget-highlightForeground: #2aaaff;\n    --vscode-editor-lineHighlightBorder: #282828;\n    --vscode-editor-rangeHighlightBackground: rgba(255, 255, 255, 0.04);\n    --vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, 0.33);\n    --vscode-editorCursor-foreground: #aeafad;\n    --vscode-editorWhitespace-foreground: rgba(227, 228, 226, 0.16);\n    --vscode-editorLineNumber-foreground: #858585;\n    --vscode-editorIndentGuide-background: #404040;\n    --vscode-editorIndentGuide-activeBackground: #707070;\n    --vscode-editorIndentGuide-background1: #404040;\n    --vscode-editorIndentGuide-background2: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-background3: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-background4: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-background5: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-background6: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-activeBackground1: #707070;\n    --vscode-editorIndentGuide-activeBackground2: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-activeBackground3: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-activeBackground4: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-activeBackground5: rgba(0, 0, 0, 0);\n    --vscode-editorIndentGuide-activeBackground6: rgba(0, 0, 0, 0);\n    --vscode-editorActiveLineNumber-foreground: #c6c6c6;\n    --vscode-editorLineNumber-activeForeground: #c6c6c6;\n    --vscode-editorRuler-foreground: #5a5a5a;\n    --vscode-editorCodeLens-foreground: #999999;\n    --vscode-editorBracketMatch-background: rgba(0, 100, 0, 0.1);\n    --vscode-editorBracketMatch-border: #888888;\n    --vscode-editorOverviewRuler-border: rgba(127, 127, 127, 0.3);\n    --vscode-editorGutter-background: #1e1e1e;\n    --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.67);\n    --vscode-editorGhostText-foreground: rgba(255, 255, 255, 0.34);\n    --vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6);\n    --vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7);\n    --vscode-editorOverviewRuler-warningForeground: #cca700;\n    --vscode-editorOverviewRuler-infoForeground: #3794ff;\n    --vscode-editorBracketHighlight-foreground1: #ffd700;\n    --vscode-editorBracketHighlight-foreground2: #da70d6;\n    --vscode-editorBracketHighlight-foreground3: #179fff;\n    --vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);\n    --vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);\n    --vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);\n    --vscode-editorBracketHighlight-unexpectedBracket-foreground: rgba(255, 18, 18, 0.8);\n    --vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);\n    --vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);\n    --vscode-editorUnicodeHighlight-border: #bd9b03;\n    --vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, 0.15);\n    --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0;\n    --vscode-editor-foldBackground: rgba(38, 79, 120, 0.3);\n    --vscode-editorGutter-foldingControlForeground: #c5c5c5;\n    --vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3);\n    --vscode-editor-wordHighlightBackground: rgba(87, 87, 87, 0.72);\n    --vscode-editor-wordHighlightStrongBackground: rgba(0, 73, 114, 0.72);\n    --vscode-editor-wordHighlightTextBackground: rgba(87, 87, 87, 0.72);\n    --vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, 0.8);\n    --vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, 0.8);\n    --vscode-editorOverviewRuler-wordHighlightTextForeground: rgba(160, 160, 160, 0.8);\n    --vscode-peekViewTitle-background: #252526;\n    --vscode-peekViewTitleLabel-foreground: #ffffff;\n    --vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, 0.7);\n    --vscode-peekView-border: #3794ff;\n    --vscode-peekViewResult-background: #252526;\n    --vscode-peekViewResult-lineForeground: #bbbbbb;\n    --vscode-peekViewResult-fileForeground: #ffffff;\n    --vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2);\n    --vscode-peekViewResult-selectionForeground: #ffffff;\n    --vscode-peekViewEditor-background: #001f33;\n    --vscode-peekViewEditorGutter-background: #001f33;\n    --vscode-peekViewEditorStickyScroll-background: #001f33;\n    --vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, 0.3);\n    --vscode-peekViewEditor-matchHighlightBackground: rgba(255, 143, 0, 0.6);\n    --vscode-editorMarkerNavigationError-background: #f14c4c;\n    --vscode-editorMarkerNavigationError-headerBackground: rgba(241, 76, 76, 0.1);\n    --vscode-editorMarkerNavigationWarning-background: #cca700;\n    --vscode-editorMarkerNavigationWarning-headerBackground: rgba(204, 167, 0, 0.1);\n    --vscode-editorMarkerNavigationInfo-background: #3794ff;\n    --vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, 0.1);\n    --vscode-editorMarkerNavigation-background: #1e1e1e;\n    --vscode-editorSuggestWidget-background: #252526;\n    --vscode-editorSuggestWidget-border: #454545;\n    --vscode-editorSuggestWidget-foreground: #d4d4d4;\n    --vscode-editorSuggestWidget-selectedForeground: #ffffff;\n    --vscode-editorSuggestWidget-selectedIconForeground: #ffffff;\n    --vscode-editorSuggestWidget-selectedBackground: #04395e;\n    --vscode-editorSuggestWidget-highlightForeground: #2aaaff;\n    --vscode-editorSuggestWidget-focusHighlightForeground: #2aaaff;\n    --vscode-editorSuggestWidgetStatus-foreground: rgba(212, 212, 212, 0.5);\n    --vscode-tab-activeBackground: #1e1e1e;\n    --vscode-tab-unfocusedActiveBackground: #1e1e1e;\n    --vscode-tab-inactiveBackground: #2d2d2d;\n    --vscode-tab-unfocusedInactiveBackground: #2d2d2d;\n    --vscode-tab-activeForeground: #ffffff;\n    --vscode-tab-inactiveForeground: rgba(255, 255, 255, 0.5);\n    --vscode-tab-unfocusedActiveForeground: rgba(255, 255, 255, 0.5);\n    --vscode-tab-unfocusedInactiveForeground: rgba(255, 255, 255, 0.25);\n    --vscode-tab-border: #252526;\n    --vscode-tab-lastPinnedBorder: rgba(204, 204, 204, 0.2);\n    --vscode-tab-activeModifiedBorder: #3399cc;\n    --vscode-tab-inactiveModifiedBorder: rgba(51, 153, 204, 0.5);\n    --vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, 0.5);\n    --vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, 0.25);\n    --vscode-editorPane-background: #1e1e1e;\n    --vscode-editorGroupHeader-tabsBackground: #252526;\n    --vscode-editorGroupHeader-noTabsBackground: #1e1e1e;\n    --vscode-editorGroup-border: #444444;\n    --vscode-editorGroup-dropBackground: rgba(83, 89, 93, 0.5);\n    --vscode-editorGroup-dropIntoPromptForeground: #cccccc;\n    --vscode-editorGroup-dropIntoPromptBackground: #252526;\n    --vscode-sideBySideEditor-horizontalBorder: #444444;\n    --vscode-sideBySideEditor-verticalBorder: #444444;\n    --vscode-panel-background: #1e1e1e;\n    --vscode-panel-border: rgba(128, 128, 128, 0.35);\n    --vscode-panelTitle-activeForeground: #e7e7e7;\n    --vscode-panelTitle-inactiveForeground: rgba(231, 231, 231, 0.6);\n    --vscode-panelTitle-activeBorder: #e7e7e7;\n    --vscode-panel-dropBorder: #e7e7e7;\n    --vscode-panelSection-dropBackground: rgba(83, 89, 93, 0.5);\n    --vscode-panelSectionHeader-background: rgba(128, 128, 128, 0.2);\n    --vscode-panelSection-border: rgba(128, 128, 128, 0.35);\n    --vscode-banner-background: #04395e;\n    --vscode-banner-foreground: #ffffff;\n    --vscode-banner-iconForeground: #3794ff;\n    --vscode-statusBar-foreground: #ffffff;\n    --vscode-statusBar-noFolderForeground: #ffffff;\n    --vscode-statusBar-background: #007acc;\n    --vscode-statusBar-noFolderBackground: #68217a;\n    --vscode-statusBar-focusBorder: #ffffff;\n    --vscode-statusBarItem-activeBackground: rgba(255, 255, 255, 0.18);\n    --vscode-statusBarItem-focusBorder: #ffffff;\n    --vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, 0.12);\n    --vscode-statusBarItem-hoverForeground: #ffffff;\n    --vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2);\n    --vscode-statusBarItem-prominentForeground: #ffffff;\n    --vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, 0.5);\n    --vscode-statusBarItem-prominentHoverForeground: #ffffff;\n    --vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3);\n    --vscode-statusBarItem-errorBackground: #c72e0f;\n    --vscode-statusBarItem-errorForeground: #ffffff;\n    --vscode-statusBarItem-errorHoverForeground: #ffffff;\n    --vscode-statusBarItem-errorHoverBackground: rgba(255, 255, 255, 0.12);\n    --vscode-statusBarItem-warningBackground: #7a6400;\n    --vscode-statusBarItem-warningForeground: #ffffff;\n    --vscode-statusBarItem-warningHoverForeground: #ffffff;\n    --vscode-statusBarItem-warningHoverBackground: rgba(255, 255, 255, 0.12);\n    --vscode-activityBar-background: #333333;\n    --vscode-activityBar-foreground: #ffffff;\n    --vscode-activityBar-inactiveForeground: rgba(255, 255, 255, 0.4);\n    --vscode-activityBar-activeBorder: #ffffff;\n    --vscode-activityBar-dropBorder: #ffffff;\n    --vscode-activityBarBadge-background: #007acc;\n    --vscode-activityBarBadge-foreground: #ffffff;\n    --vscode-profileBadge-background: #4d4d4d;\n    --vscode-profileBadge-foreground: #ffffff;\n    --vscode-statusBarItem-remoteBackground: #16825d;\n    --vscode-statusBarItem-remoteForeground: #ffffff;\n    --vscode-statusBarItem-remoteHoverForeground: #ffffff;\n    --vscode-statusBarItem-remoteHoverBackground: rgba(255, 255, 255, 0.12);\n    --vscode-statusBarItem-offlineBackground: #6c1717;\n    --vscode-statusBarItem-offlineForeground: #ffffff;\n    --vscode-statusBarItem-offlineHoverForeground: #ffffff;\n    --vscode-statusBarItem-offlineHoverBackground: rgba(255, 255, 255, 0.12);\n    --vscode-extensionBadge-remoteBackground: #007acc;\n    --vscode-extensionBadge-remoteForeground: #ffffff;\n    --vscode-sideBar-background: #252526;\n    --vscode-sideBarTitle-foreground: #bbbbbb;\n    --vscode-sideBar-dropBackground: rgba(83, 89, 93, 0.5);\n    --vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0);\n    --vscode-sideBarSectionHeader-border: rgba(204, 204, 204, 0.2);\n    --vscode-titleBar-activeForeground: #cccccc;\n    --vscode-titleBar-inactiveForeground: rgba(204, 204, 204, 0.6);\n    --vscode-titleBar-activeBackground: #3c3c3c;\n    --vscode-titleBar-inactiveBackground: rgba(60, 60, 60, 0.6);\n    --vscode-menubar-selectionForeground: #cccccc;\n    --vscode-menubar-selectionBackground: rgba(90, 93, 94, 0.31);\n    --vscode-commandCenter-foreground: #cccccc;\n    --vscode-commandCenter-activeForeground: #cccccc;\n    --vscode-commandCenter-inactiveForeground: rgba(204, 204, 204, 0.6);\n    --vscode-commandCenter-background: rgba(255, 255, 255, 0.05);\n    --vscode-commandCenter-activeBackground: rgba(255, 255, 255, 0.08);\n    --vscode-commandCenter-border: rgba(204, 204, 204, 0.2);\n    --vscode-commandCenter-activeBorder: rgba(204, 204, 204, 0.3);\n    --vscode-commandCenter-inactiveBorder: rgba(204, 204, 204, 0.15);\n    --vscode-notificationCenter-border: #303031;\n    --vscode-notificationToast-border: #303031;\n    --vscode-notifications-foreground: #cccccc;\n    --vscode-notifications-background: #252526;\n    --vscode-notificationLink-foreground: #3794ff;\n    --vscode-notificationCenterHeader-background: #303031;\n    --vscode-notifications-border: #303031;\n    --vscode-notificationsErrorIcon-foreground: #f14c4c;\n    --vscode-notificationsWarningIcon-foreground: #cca700;\n    --vscode-notificationsInfoIcon-foreground: #3794ff;\n    --vscode-chat-requestBorder: rgba(255, 255, 255, 0.1);\n    --vscode-chat-slashCommandBackground: #4d4d4d;\n    --vscode-chat-slashCommandForeground: #ffffff;\n    --vscode-simpleFindWidget-sashBorder: #454545;\n    --vscode-commentsView-resolvedIcon: rgba(204, 204, 204, 0.5);\n    --vscode-commentsView-unresolvedIcon: #007fd4;\n    --vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, 0.5);\n    --vscode-editorCommentsWidget-unresolvedBorder: #007fd4;\n    --vscode-editorCommentsWidget-rangeBackground: rgba(0, 127, 212, 0.1);\n    --vscode-editorCommentsWidget-rangeActiveBackground: rgba(0, 127, 212, 0.1);\n    --vscode-editorGutter-commentRangeForeground: #37373d;\n    --vscode-editorOverviewRuler-commentForeground: #37373d;\n    --vscode-editorOverviewRuler-commentUnresolvedForeground: #37373d;\n    --vscode-editorGutter-commentGlyphForeground: #d4d4d4;\n    --vscode-editorGutter-commentUnresolvedGlyphForeground: #d4d4d4;\n    --vscode-debugToolBar-background: #333333;\n    --vscode-debugIcon-startForeground: #89d185;\n    --vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, 0.2);\n    --vscode-editor-focusedStackFrameHighlightBackground: rgba(122, 189, 122, 0.3);\n    --vscode-mergeEditor-change-background: rgba(155, 185, 85, 0.2);\n    --vscode-mergeEditor-change-word-background: rgba(156, 204, 44, 0.2);\n    --vscode-mergeEditor-changeBase-background: #4b1818;\n    --vscode-mergeEditor-changeBase-word-background: #6f1313;\n    --vscode-mergeEditor-conflict-unhandledUnfocused-border: rgba(255, 166, 0, 0.48);\n    --vscode-mergeEditor-conflict-unhandledFocused-border: #ffa600;\n    --vscode-mergeEditor-conflict-handledUnfocused-border: rgba(134, 134, 134, 0.29);\n    --vscode-mergeEditor-conflict-handledFocused-border: rgba(193, 193, 193, 0.8);\n    --vscode-mergeEditor-conflict-handled-minimapOverViewRuler: rgba(173, 172, 168, 0.93);\n    --vscode-mergeEditor-conflict-unhandled-minimapOverViewRuler: #fcba03;\n    --vscode-mergeEditor-conflictingLines-background: rgba(255, 234, 0, 0.28);\n    --vscode-mergeEditor-conflict-input1-background: rgba(64, 200, 174, 0.2);\n    --vscode-mergeEditor-conflict-input2-background: rgba(64, 166, 255, 0.2);\n    --vscode-settings-headerForeground: #e7e7e7;\n    --vscode-settings-settingsHeaderHoverForeground: rgba(231, 231, 231, 0.7);\n    --vscode-settings-modifiedItemIndicator: #0c7d9d;\n    --vscode-settings-headerBorder: rgba(128, 128, 128, 0.35);\n    --vscode-settings-sashBorder: rgba(128, 128, 128, 0.35);\n    --vscode-settings-dropdownBackground: #3c3c3c;\n    --vscode-settings-dropdownForeground: #f0f0f0;\n    --vscode-settings-dropdownBorder: #3c3c3c;\n    --vscode-settings-dropdownListBorder: #454545;\n    --vscode-settings-checkboxBackground: #3c3c3c;\n    --vscode-settings-checkboxForeground: #f0f0f0;\n    --vscode-settings-checkboxBorder: #6b6b6b;\n    --vscode-settings-textInputBackground: #3c3c3c;\n    --vscode-settings-textInputForeground: #cccccc;\n    --vscode-settings-numberInputBackground: #3c3c3c;\n    --vscode-settings-numberInputForeground: #cccccc;\n    --vscode-settings-focusedRowBackground: rgba(42, 45, 46, 0.6);\n    --vscode-settings-rowHoverBackground: rgba(42, 45, 46, 0.3);\n    --vscode-settings-focusedRowBorder: #007fd4;\n    --vscode-terminal-foreground: #cccccc;\n    --vscode-terminal-selectionBackground: #264f78;\n    --vscode-terminal-inactiveSelectionBackground: #3a3d41;\n    --vscode-terminalCommandDecoration-defaultBackground: rgba(255, 255, 255, 0.25);\n    --vscode-terminalCommandDecoration-successBackground: #1b81a8;\n    --vscode-terminalCommandDecoration-errorBackground: #f14c4c;\n    --vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8);\n    --vscode-terminal-border: rgba(128, 128, 128, 0.35);\n    --vscode-terminal-findMatchBackground: #515c6a;\n    --vscode-terminal-hoverHighlightBackground: rgba(38, 79, 120, 0.13);\n    --vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, 0.33);\n    --vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49);\n    --vscode-terminal-dropBackground: rgba(83, 89, 93, 0.5);\n    --vscode-testing-iconFailed: #f14c4c;\n    --vscode-testing-iconErrored: #f14c4c;\n    --vscode-testing-iconPassed: #73c991;\n    --vscode-testing-runAction: #73c991;\n    --vscode-testing-iconQueued: #cca700;\n    --vscode-testing-iconUnset: #848484;\n    --vscode-testing-iconSkipped: #848484;\n    --vscode-testing-peekBorder: #f14c4c;\n    --vscode-testing-peekHeaderBackground: rgba(241, 76, 76, 0.1);\n    --vscode-testing-message-error-decorationForeground: #f14c4c;\n    --vscode-testing-message-error-lineBackground: rgba(255, 0, 0, 0.2);\n    --vscode-testing-message-info-decorationForeground: rgba(212, 212, 212, 0.5);\n    --vscode-welcomePage-tileBackground: #252526;\n    --vscode-welcomePage-tileHoverBackground: #2c2c2d;\n    --vscode-welcomePage-tileBorder: rgba(255, 255, 255, 0.1);\n    --vscode-welcomePage-progress-background: #3c3c3c;\n    --vscode-welcomePage-progress-foreground: #3794ff;\n    --vscode-walkthrough-stepTitle-foreground: #ffffff;\n    --vscode-walkThrough-embeddedEditorBackground: rgba(0, 0, 0, 0.4);\n    --vscode-inlineChat-background: #252526;\n    --vscode-inlineChat-border: #454545;\n    --vscode-inlineChat-shadow: rgba(0, 0, 0, 0.36);\n    --vscode-inlineChat-regionHighlight: rgba(38, 79, 120, 0.25);\n    --vscode-inlineChatInput-border: #454545;\n    --vscode-inlineChatInput-focusBorder: #007fd4;\n    --vscode-inlineChatInput-placeholderForeground: #a6a6a6;\n    --vscode-inlineChatInput-background: #3c3c3c;\n    --vscode-inlineChatDiff-inserted: rgba(156, 204, 44, 0.1);\n    --vscode-inlineChatDiff-removed: rgba(255, 0, 0, 0.1);\n    --vscode-debugExceptionWidget-border: #a31515;\n    --vscode-debugExceptionWidget-background: #420b0d;\n    --vscode-ports-iconRunningProcessForeground: #369432;\n    --vscode-statusBar-debuggingBackground: #cc6633;\n    --vscode-statusBar-debuggingForeground: #ffffff;\n    --vscode-commandCenter-debuggingBackground: rgba(204, 102, 51, 0.26);\n    --vscode-editor-inlineValuesForeground: rgba(255, 255, 255, 0.5);\n    --vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2);\n    --vscode-editorGutter-modifiedBackground: #1b81a8;\n    --vscode-editorGutter-addedBackground: #487e02;\n    --vscode-editorGutter-deletedBackground: #f14c4c;\n    --vscode-minimapGutter-modifiedBackground: #1b81a8;\n    --vscode-minimapGutter-addedBackground: #487e02;\n    --vscode-minimapGutter-deletedBackground: #f14c4c;\n    --vscode-editorOverviewRuler-modifiedForeground: rgba(27, 129, 168, 0.6);\n    --vscode-editorOverviewRuler-addedForeground: rgba(72, 126, 2, 0.6);\n    --vscode-editorOverviewRuler-deletedForeground: rgba(241, 76, 76, 0.6);\n    --vscode-debugIcon-breakpointForeground: #e51400;\n    --vscode-debugIcon-breakpointDisabledForeground: #848484;\n    --vscode-debugIcon-breakpointUnverifiedForeground: #848484;\n    --vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00;\n    --vscode-debugIcon-breakpointStackframeForeground: #89d185;\n    --vscode-notebook-cellBorderColor: #37373d;\n    --vscode-notebook-focusedEditorBorder: #007fd4;\n    --vscode-notebookStatusSuccessIcon-foreground: #89d185;\n    --vscode-notebookEditorOverviewRuler-runningCellForeground: #89d185;\n    --vscode-notebookStatusErrorIcon-foreground: #f48771;\n    --vscode-notebookStatusRunningIcon-foreground: #cccccc;\n    --vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35);\n    --vscode-notebook-selectedCellBackground: #37373d;\n    --vscode-notebook-selectedCellBorder: #37373d;\n    --vscode-notebook-focusedCellBorder: #007fd4;\n    --vscode-notebook-inactiveFocusedCellBorder: #37373d;\n    --vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, 0.15);\n    --vscode-notebook-cellInsertionIndicator: #007fd4;\n    --vscode-notebookScrollbarSlider-background: rgba(121, 121, 121, 0.4);\n    --vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);\n    --vscode-notebookScrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4);\n    --vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, 0.04);\n    --vscode-notebook-cellEditorBackground: #252526;\n    --vscode-notebook-editorBackground: #1e1e1e;\n    --vscode-keybindingTable-headerBackground: rgba(204, 204, 204, 0.04);\n    --vscode-keybindingTable-rowsBackground: rgba(204, 204, 204, 0.04);\n    --vscode-debugTokenExpression-name: #c586c0;\n    --vscode-debugTokenExpression-value: rgba(204, 204, 204, 0.6);\n    --vscode-debugTokenExpression-string: #ce9178;\n    --vscode-debugTokenExpression-boolean: #4e94ce;\n    --vscode-debugTokenExpression-number: #b5cea8;\n    --vscode-debugTokenExpression-error: #f48771;\n    --vscode-debugView-exceptionLabelForeground: #cccccc;\n    --vscode-debugView-exceptionLabelBackground: #6c2022;\n    --vscode-debugView-stateLabelForeground: #cccccc;\n    --vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27);\n    --vscode-debugView-valueChangedHighlight: #569cd6;\n    --vscode-debugConsole-infoForeground: #3794ff;\n    --vscode-debugConsole-warningForeground: #cca700;\n    --vscode-debugConsole-errorForeground: #f48771;\n    --vscode-debugConsole-sourceForeground: #cccccc;\n    --vscode-debugConsoleInputIcon-foreground: #cccccc;\n    --vscode-debugIcon-pauseForeground: #75beff;\n    --vscode-debugIcon-stopForeground: #f48771;\n    --vscode-debugIcon-disconnectForeground: #f48771;\n    --vscode-debugIcon-restartForeground: #89d185;\n    --vscode-debugIcon-stepOverForeground: #75beff;\n    --vscode-debugIcon-stepIntoForeground: #75beff;\n    --vscode-debugIcon-stepOutForeground: #75beff;\n    --vscode-debugIcon-continueForeground: #75beff;\n    --vscode-debugIcon-stepBackForeground: #75beff;\n    --vscode-scm-providerBorder: #454545;\n    --vscode-extensionButton-background: #0e639c;\n    --vscode-extensionButton-foreground: #ffffff;\n    --vscode-extensionButton-hoverBackground: #1177bb;\n    --vscode-extensionButton-separator: rgba(255, 255, 255, 0.4);\n    --vscode-extensionButton-prominentBackground: #0e639c;\n    --vscode-extensionButton-prominentForeground: #ffffff;\n    --vscode-extensionButton-prominentHoverBackground: #1177bb;\n    --vscode-extensionIcon-starForeground: #ff8e00;\n    --vscode-extensionIcon-verifiedForeground: #3794ff;\n    --vscode-extensionIcon-preReleaseForeground: #1d9271;\n    --vscode-extensionIcon-sponsorForeground: #d758b3;\n    --vscode-terminal-ansiBlack: #000000;\n    --vscode-terminal-ansiRed: #cd3131;\n    --vscode-terminal-ansiGreen: #0dbc79;\n    --vscode-terminal-ansiYellow: #e5e510;\n    --vscode-terminal-ansiBlue: #2472c8;\n    --vscode-terminal-ansiMagenta: #bc3fbc;\n    --vscode-terminal-ansiCyan: #11a8cd;\n    --vscode-terminal-ansiWhite: #e5e5e5;\n    --vscode-terminal-ansiBrightBlack: #666666;\n    --vscode-terminal-ansiBrightRed: #f14c4c;\n    --vscode-terminal-ansiBrightGreen: #23d18b;\n    --vscode-terminal-ansiBrightYellow: #f5f543;\n    --vscode-terminal-ansiBrightBlue: #3b8eea;\n    --vscode-terminal-ansiBrightMagenta: #d670d6;\n    --vscode-terminal-ansiBrightCyan: #29b8db;\n    --vscode-terminal-ansiBrightWhite: #e5e5e5;\n    --vscode-interactive-activeCodeBorder: #3794ff;\n    --vscode-interactive-inactiveCodeBorder: #37373d;\n    --vscode-gitDecoration-addedResourceForeground: #81b88b;\n    --vscode-gitDecoration-modifiedResourceForeground: #e2c08d;\n    --vscode-gitDecoration-deletedResourceForeground: #c74e39;\n    --vscode-gitDecoration-renamedResourceForeground: #73c991;\n    --vscode-gitDecoration-untrackedResourceForeground: #73c991;\n    --vscode-gitDecoration-ignoredResourceForeground: #8c8c8c;\n    --vscode-gitDecoration-stageModifiedResourceForeground: #e2c08d;\n    --vscode-gitDecoration-stageDeletedResourceForeground: #c74e39;\n    --vscode-gitDecoration-conflictingResourceForeground: #e4676b;\n    --vscode-gitDecoration-submoduleResourceForeground: #8db9e2;\n    --vscode-gitlens-gutterBackgroundColor: rgba(255, 255, 255, 0.07);\n    --vscode-gitlens-gutterForegroundColor: #bebebe;\n    --vscode-gitlens-gutterUncommittedForegroundColor: rgba(0, 188, 242, 0.6);\n    --vscode-gitlens-trailingLineBackgroundColor: rgba(0, 0, 0, 0);\n    --vscode-gitlens-trailingLineForegroundColor: rgba(153, 153, 153, 0.35);\n    --vscode-gitlens-lineHighlightBackgroundColor: rgba(0, 188, 242, 0.2);\n    --vscode-gitlens-lineHighlightOverviewRulerColor: rgba(0, 188, 242, 0.6);\n    --vscode-gitlens-openAutolinkedIssueIconColor: #3fb950;\n    --vscode-gitlens-closedAutolinkedIssueIconColor: #a371f7;\n    --vscode-gitlens-closedPullRequestIconColor: #f85149;\n    --vscode-gitlens-openPullRequestIconColor: #3fb950;\n    --vscode-gitlens-mergedPullRequestIconColor: #a371f7;\n    --vscode-gitlens-unpublishedChangesIconColor: #35b15e;\n    --vscode-gitlens-unpublishedCommitIconColor: #35b15e;\n    --vscode-gitlens-unpulledChangesIconColor: #b15e35;\n    --vscode-gitlens-decorations-addedForegroundColor: #81b88b;\n    --vscode-gitlens-decorations-copiedForegroundColor: #73c991;\n    --vscode-gitlens-decorations-deletedForegroundColor: #c74e39;\n    --vscode-gitlens-decorations-ignoredForegroundColor: #8c8c8c;\n    --vscode-gitlens-decorations-modifiedForegroundColor: #e2c08d;\n    --vscode-gitlens-decorations-untrackedForegroundColor: #73c991;\n    --vscode-gitlens-decorations-renamedForegroundColor: #73c991;\n    --vscode-gitlens-decorations-branchAheadForegroundColor: #35b15e;\n    --vscode-gitlens-decorations-branchBehindForegroundColor: #b15e35;\n    --vscode-gitlens-decorations-branchDivergedForegroundColor: #d8af1b;\n    --vscode-gitlens-decorations-branchUnpublishedForegroundColor: #35b15e;\n    --vscode-gitlens-decorations-branchMissingUpstreamForegroundColor: #c74e39;\n    --vscode-gitlens-decorations-workspaceRepoMissingForegroundColor: #909090;\n    --vscode-gitlens-decorations-workspaceCurrentForegroundColor: #35b15e;\n    --vscode-gitlens-decorations-workspaceRepoOpenForegroundColor: #35b15e;\n    --vscode-gitlens-decorations-worktreeHasUncommittedChangesForegroundColor: #e2c08d;\n    --vscode-gitlens-decorations-worktreeMissingForegroundColor: #c74e39;\n    --vscode-gitlens-graphLane1Color: #15a0bf;\n    --vscode-gitlens-graphLane2Color: #0669f7;\n    --vscode-gitlens-graphLane3Color: #8e00c2;\n    --vscode-gitlens-graphLane4Color: #c517b6;\n    --vscode-gitlens-graphLane5Color: #d90171;\n    --vscode-gitlens-graphLane6Color: #cd0101;\n    --vscode-gitlens-graphLane7Color: #f25d2e;\n    --vscode-gitlens-graphLane8Color: #f2ca33;\n    --vscode-gitlens-graphLane9Color: #7bd938;\n    --vscode-gitlens-graphLane10Color: #2ece9d;\n    --vscode-gitlens-graphChangesColumnAddedColor: #347d39;\n    --vscode-gitlens-graphChangesColumnDeletedColor: #c93c37;\n    --vscode-gitlens-graphMinimapMarkerHeadColor: #05e617;\n    --vscode-gitlens-graphScrollMarkerHeadColor: #05e617;\n    --vscode-gitlens-graphMinimapMarkerUpstreamColor: #09ae17;\n    --vscode-gitlens-graphScrollMarkerUpstreamColor: #09ae17;\n    --vscode-gitlens-graphMinimapMarkerHighlightsColor: #fbff0a;\n    --vscode-gitlens-graphScrollMarkerHighlightsColor: #fbff0a;\n    --vscode-gitlens-graphMinimapMarkerLocalBranchesColor: #3087cf;\n    --vscode-gitlens-graphScrollMarkerLocalBranchesColor: #3087cf;\n    --vscode-gitlens-graphMinimapMarkerRemoteBranchesColor: #2b5e88;\n    --vscode-gitlens-graphScrollMarkerRemoteBranchesColor: #2b5e88;\n    --vscode-gitlens-graphMinimapMarkerStashesColor: #b34db3;\n    --vscode-gitlens-graphScrollMarkerStashesColor: #b34db3;\n    --vscode-gitlens-graphMinimapMarkerTagsColor: #6b562e;\n    --vscode-gitlens-graphScrollMarkerTagsColor: #6b562e;\n\n\n}\n\n[data-theme=\"light\"]{\n  --background: #ffffff !important;\n  --foreground: #616161 !important;\n  --dropdown-background: #ffffff !important;\n  --dropdown-foreground: #616161 !important;\n  --input-background: #ffffff !important;\n  --input-foreground: #616161 !important;\n  --sideBarSectionHeader-foreground: #616161 !important;\n  --dropdown-list-max-height: 100px !important;\n  --library-icon-filter: invert(0) !important;\n  /* --focus-border: #333333 !important; */\n  #gjs-clm-tag-label{\n    color: var(--background) !important;\n  }\n}\n\n[data-theme=\"dark\"]{  \n  --background: #282a36 !important;\n  --foreground: #f8f8f2 !important;\n  --dropdown-background: #282a36 !important;\n  --dropdown-foreground: #f8f8f2 !important;\n  --input-background: #282a36 !important;\n  --input-foreground: #f8f8f2 !important;\n  --sideBarSectionHeader-foreground: #f8f8f2 !important;\n  --dropdown-list-max-height: 100px !important;\n  --library-icon-filter: invert(1) !important;\n  /* --focus-border: #ffffff !important; */\n}\n\n  :root {\n    --container-paddding: 20px;\n    --input-padding-vertical: 6px;\n    --input-padding-horizontal: 4px;\n    --input-margin-vertical: 4px;\n    --input-margin-horizontal: 0;\n  }\n\n  body {\n    color: var(--foreground);\n    font-size: var(--font-size);\n    font-weight: var(--font-weight);\n    font-family: var(--font-family);\n    background-color: var(--editor-background);\n    margin: 0px;\n  }\n\n  #app {\n    font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n    font-size: 13px;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    color: var(--foreground);\n    margin-top: 0px;\n    height: 100vh;\n  }\n\n  .nothingSelected{\n    padding: 10px 20px;\n    text-align: center;\n    width: 100%;\n    opacity: 0.5;\n    user-select: none;\n  }\n\n  input, select {\n    background-color: var(--input-background) !important;\n    color: var(--input-foreground) !important;\n    border: calc(var(--border-width) * 1px) solid var(--dropdown-border) !important;\n    border-radius: calc(var(--corner-radius) * 1px) !important;\n  }\n\n  input:focus, input:focus-visible, select:focus, select:focus-visible {\n    border: solid 1px var(--focus-border) !important;\n    outline: none !important;\n  }\n\n  .codicon-chevron-down:before {\n    content: '\\eab4';\n  }\n\n  /* Styles the scrollbar track (the part the thumb slides in) */\n  ::-webkit-scrollbar-track {\n      background: #f1f1f100; /* Light gray track */\n  }\n\n  /* Styles the scrollbar thumb (the draggable part) */\n  ::-webkit-scrollbar-thumb {\n      background: #cccccc50; /* Dark gray thumb */\n  }\n\n  /* Styles the scrollbar thumb on hover */\n  ::-webkit-scrollbar-thumb:hover {\n      background: #cccccc70; /* Darker gray on hover */\n  }\n\n  /* Styles the scrollbar itself (width, color) */\n  ::-webkit-scrollbar {\n      width: 10px; /* Width of the scrollbar */\n  }\n\n  /* For Firefox */\n  * {\n      scrollbar-width: thin; /* \"auto\" or \"thin\" */\n      scrollbar-color: #888 #f1f1f1; /* Thumb and track color */\n  }\n\n\n  .splitpanes__splitter {background-color: #cccccc30;position: relative;}\n  .splitpanes__splitter:hover {background-color: var(--button-primary-background);  }\n  .splitpanes__splitter:before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    transition: opacity 0.4s;\n    background-color: rgba(127, 127, 127, 0);\n    opacity: 0;\n    z-index: 1;\n  }\n  .splitpanes__splitter:hover:before {opacity: 1;}\n  .splitpanes--vertical > .splitpanes__splitter:before {left: -2px;right: -2px;height: 100%;}\n  .splitpanes--horizontal > .splitpanes__splitter:before {top: -2px;bottom: -2px;width: 100%;}\n\n\n  .gjs-three-bg {\n    background-color: var(--button-primary-background) !important;\n  }\n\n  .cke_inner{\n    min-width: 530px !important;\n  }\n\n  .hljs-number {\n    color: #999999 !important;\n  }\n</style>\n","<template>\n    <div style=\"position: relative;\">\n        <div class=\"title\" @click=\"toggleExpand\">{{title}}</div>\n        <div class=\"expandBtn\" @click=\"toggleExpand\">\n            <span v-if=\"!expanded\"><i class=\"fa fa-chevron-right\"></i></span>\n            <span v-if=\"expanded\"><i class=\"fa fa-chevron-down\"></i></span>\n        </div>\n    </div>\n</template>\n\n\n\n<script setup>\n\nimport { ref, watch} from 'vue';\nconst props = defineProps(['title', 'expanded'])\nlet emit = defineEmits(['expand'])\nlet expanded = ref(props.expanded)\n\nfunction toggleExpand(){\n    emit('expand', expanded.value)\n}\n\n\nwatch( props, (props)=>{\n    expanded.value = props.expanded;\n})\n\n</script>\n\n\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n.title{\n    line-height: 22px;\n    color: var(--sideBarSectionHeader-foreground);\n    background-color: var(--sideBarSectionHeader-background);\n    border-top: 1px solid var(--sideBarSectionHeader-border);\n    height: 22px;\n    font-size: 11px;\n    font-weight: 700;\n    overflow: hidden;\n    display: flex;\n    cursor: pointer;\n    align-items: center;\n    box-sizing: border-box;\n    text-transform: uppercase;\n    padding-left: 10px;\n}\n\n.expandBtn{\n    position: absolute;\n    right: 10px;\n    top: 2px;\n    opacity: 0.6;\n    font-size: 13px;\n    cursor: pointer;\n}\n</style>","import script from \"./PanelTitle.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PanelTitle.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PanelTitle.vue?vue&type=style&index=0&id=6c90e336&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6c90e336\"]])\n\nexport default __exports__","<template>\n    <div style=\"height: 100%;\">\n        <PanelTitle v-if=\"!hideTitle\" :expanded=\"expanded\" :title=\"title\" @expand=\"onExpandClicked\"></PanelTitle>\n        <div class=\"panelContent\" v-show=\"expanded\" style=\"height: calc(100% - 25px); overflow: auto;\">\n            <slot></slot>\n        </div>\n    </div>\n</template>\n\n<script setup>\nimport { ref, defineProps, defineEmits } from 'vue';\nimport PanelTitle from './panels/PanelTitle.vue';\n\nconst props = defineProps(['title', 'hideTitle']);\nconst emit = defineEmits(['update:expanded']);\nlet expanded = ref(true);\nloadExpandedState();\n\nfunction onExpandClicked() {\n    expanded.value = !expanded.value;\n    saveExpandedState();\n    emit('update:expanded', expanded.value);\n}\n\nfunction saveExpandedState() {\n    localStorage.setItem('panelExpandedState_' + props.title, expanded.value);\n}\n\nfunction loadExpandedState() {\n    let state = localStorage.getItem('panelExpandedState_' + props.title);\n    if (state === 'false') {\n        expanded.value = false;\n    }\n}\n\ndefineExpose({ expanded });\n</script>\n\n<style lang=\"scss\" scoped>\n/* Your existing styles */\n.panelContent{\n    padding: 10px;\n}\n</style>\n","import script from \"./Panel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Panel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Panel.vue?vue&type=style&index=0&id=76a521d3&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-76a521d3\"]])\n\nexport default __exports__","<script setup>\n  import { ref, onMounted, reactive } from 'vue';\n  const props = defineProps([ 'customClass' ]);\n  const emit = defineEmits(['changeTab'])\n  \n  let tabContainer = ref(null);\n  let tabHeaders = ref(null);\n  let tabs = ref(null);\n  let activeTabIndex = ref(0);\n\n  onMounted(() => {\n    tabs.value = [ ...tabContainer.value.querySelectorAll('.tab') ];\n\t\tfor(let x of tabs.value) {\n\t    if(x.classList.contains('active')) {\n\t\t\t\tactiveTabIndex = tabs.value.indexOf(x);\n\t\t\t}\n    }\n  })\n  const changeTab = (index) => {\n    activeTabIndex = index;\n    for(let x of [...tabs.value, ...tabHeaders.value]) {\n   \t\tx.classList.remove('active')\n    }\n\t\ttabs.value[activeTabIndex].classList.add('active')  \n\t\ttabHeaders.value[activeTabIndex].classList.add('active')  \n    emit('changeTab', activeTabIndex);\n  }\n</script>\n\n<template>\n  <div id=\"tabs-container\" :class=\"customClass\" ref=\"tabContainer\" style=\"height: 100%; display: flex; flex-direction: column;\">\n    <div id=\"tab-headers\">\n      <ul>\n        <li v-for=\"(tab, index) in tabs\" :key=\"index\" :class=\"activeTabIndex == index ? 'active' : ''\" @click=\"changeTab(index)\" ref=\"tabHeaders\">{{ tab.title }}</li>\n      </ul>\n    </div>\n    <div id=\"active-tab\" style=\"flex-grow: 1; display: flex; height: calc(100% - 120px);\">\n    \t<slot></slot>\n    </div>\n  </div>\n</template>\n\n<style>\n  #tab-headers ul {\n    margin: 0;\n    padding: 0;\n    display: flex;\n    border-bottom: 2px solid #dddddd00;\n    margin-bottom: 10px;\n  }\n  #tab-headers ul li {\n    list-style: none;\n    padding: 5px 2px;\n    position: relative;\n    cursor: pointer;\n    opacity: 0.5;\n    margin: 0px 2px;\n  }\n\n\n  #tab-headers ul li.active {\n    /* color: #000000;\n    font-weight: bold; */\n    opacity: 1;\n  }\n  \n  #tab-headers ul li.active:after {\n    content: '';\n    position: absolute;\n    bottom: -2px;\n    left: 0;\n    height: 2px;\n    width: 100%;\n    background: var(--foreground);\n  }\n\n  #active-tab, #tab-headers {\n    width: 100%;\n  }\n  \n  #active-tab {\n    /* padding: 0.75rem; */\n  }\n</style>","import script from \"./Tabs.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Tabs.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Tabs.vue?vue&type=style&index=0&id=2b2c15a8&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./Tab.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Tab.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Tab.vue?vue&type=style&index=0&id=30e21b8c&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n    <div style=\"position:relative;\">\n        <div style=\"overflow-y: auto;\">\n            <div \n                :title=\"block.binding.type\"\n                isbinding=\"true\" \n                @mousedown=\"dragStart(block)\" \n                :datatype=\"block.binding.type\" \n                :bindingname=\"block.binding.name\" \n                class=\"bindingItem\"\n                v-for=\"block in sortedBindingsAsBlocks\" :key=\"block.binding.name\">\n                    <img :datatype=\"block.binding.type\" \n                        :bindingname=\"block.binding.name\"  @mouseover=\"onBindingOvered(block.binding, $event)\" @mouseout=\"onBindingOut\" :src=\"'img/icons/type_'+block.binding.type+'.png'\" class=\"typeIcon\" />\n                    {{ block.binding.name }} \n            </div>\n        </div>\n        <!-- <div class=\"sortButtons\">\n            <div :class=\"{sortButton: true, sortButtonActive: sortMethod=='az'}\" @click=\"sortMethod='az'\">AZ</div>\n            <div :class=\"{sortButton: true, sortButtonActive: sortMethod=='type'}\" @click=\"sortMethod='type'\">Ty</div>\n        </div> -->\n    </div>\n</template>\n\n<script setup>\n\nimport _ from 'underscore';\nimport {computed, ref, onMounted} from 'vue';\n\nlet sortMethod = ref('type');\n\nconst props = defineProps(['appData']);\nconst emit = defineEmits(['bindingOvered'])\n\nlet dragStart, dragStop;\n\n\nfunction setHandleBlocks(props) {\n      dragStart = props.dragStart;\n      dragStop = props.dragStop;\n};\n\n\nconst sortedBindingsAsBlocks = computed( ()=>{\n    let blocks = [];\n    sortedBindings.value.forEach( binding => {\n        blocks.push( \n            {   id: \"tempplaceholder\", \n                type: \"tempplaceholder\", label: \"Temp PlaceHolder\", tagName: \"TEMPPLACEHOLDER\", \n                content: `<tempplaceholder datatype=\"${binding.type}\" bindingname=\"${binding.name}\" isbinding=\"true\"style=\"padding: 10px;\">Binding '${binding.name}' (${binding.type})</tempplaceholder>`, \n                properties: [], \n                droppable: false,     editable: false,     draggable: true,\n                binding: binding,\n            }\n        );\n    });\n    return blocks;\n});\n\n\nconst sortedBindings = computed( ()=>{\n    let sorted;\n    if( props.appData.pages[0].model.fields ){\n        if( sortMethod.value == 'az' )\n            sorted = _.sortBy( props.appData.pages[0].model.fields, (field)=>{ return field.name.toLowerCase() } );\n        else if( sortMethod.value == 'type')\n            sorted = _.sortBy( props.appData.pages[0].model.fields, (field)=>{ return field.type.toLowerCase() + \"_\" + field.name.toLowerCase() } );\n    }\n    return sorted;\n});\n\n\nconst onBindingOvered = function(binding, $event){\n    let element = $event.target;\n    emit('bindingOvered', { element, binding } );\n}\n\n\nconst onBindingOut = function(){\n    emit('bindingOvered', { element:null, binding:null } );\n}\n\ndefineExpose({\n    setHandleBlocks\n}) \n\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n.typeIcon{\n    width: 16px;\n    vertical-align: middle;\n    margin-right: 6px;\n    height: 16px;\n}\n\n\n.bindingItem{\n    padding: 1px 0px 2px;\n    border-bottom: solid 1px rgba(0, 0, 0, 0.1254901961);\n    font-size: 0.9em;\n    display: flex;\n    cursor: grab;\n}\n\n.bindingItem:hover{\n    background-color: #cccccc10;\n}\n\n.sortButton{\n    margin-left: 3px;\n    font-weight: bold;\n    font-size: 10px;\n    padding: 5px;\n    user-select: none;\n    cursor: pointer;\n    opacity: 0.4;\n    border-radius: 5px;;\n}\n\n.sortButton:hover, .sortButtonActive{\n    background-color: #00000010;\n    opacity: 1;\n}\n.sortButtons{\n    position: absolute;\n    right: 2px;\n    top: -40px;    \n    display: flex;\n    flex-direction: row;\n}\n\n</style>","import script from \"./BindingsPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./BindingsPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./BindingsPanel.vue?vue&type=style&index=0&id=e29c2338&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-e29c2338\"]])\n\nexport default __exports__","let chartTypes = [\n    { \"id\": \"Area Chart\", \"icon\": \"areaChart\",                          \"traceTemplate\": { \"gbtype\":\"Area Chart\", \"x\":[\"2024-01-01\", \"2024-01-02\", \"2024-01-03\"], \"y\":[10, 15, 13], \"type\":\"scatter\", \"name\":\"Trace\", \"fill\":\"tozeroy\", \"mode\": \"none\" } },\n    { \"id\": \"Bar Chart\", \"icon\": \"barChart\",                            \"traceTemplate\": { \"gbtype\":\"Bar Chart\", \"x\":[\"Category 1\", \"Category 2\", \"Category 3\"], \"y\":[9, 10, 20], \"type\":\"bar\", \"name\":\"Trace\" } },\n    { \"id\": \"Box\" , \"icon\": \"boxChart\" ,                                \"traceTemplate\": { \"gbtype\":\"Box\", \"y\": [1,2,3,4,7,9], \"type\": \"box\",\"name\":\"Trace\"} },\n    { \"id\": \"Candlestick\" , \"icon\": \"candlestickChart\" ,                \"traceTemplate\": { \"gbtype\":\"Candlestick\", \"x\": [\"2024-01-01\", \"2024-01-02\", \"2024-01-03\"], \"close\": [10, 12, 11], \"high\": [11, 13, 12], \"low\": [9, 11, 10], \"open\": [9, 11, 11], \"type\": \"candlestick\", \"name\": \"Trace\" }  },\n    { \"id\": \"Choropleth\" , \"icon\": \"choroplethChart\" ,                  \"traceTemplate\": { \"gbtype\":\"Choropleth\", \"locationmode\": \"country names\", \"locations\": [\"Canada\", \"United States\", \"Mexico\"], \"z\": [10, 20, 30], \"type\": \"choropleth\", \"name\": \"Trace\" }  },\n    { \"id\": \"Cone\" , \"icon\": \"coneChart\" ,                              \"traceTemplate\": { \"gbtype\":\"Cone\", \"x\": [1, 2, 3], \"y\": [1, 2, 3], \"z\": [1, 2, 3], \"u\": [1, 0, 0], \"v\": [0, 1, 0], \"w\": [0, 0, 1], \"type\": \"cone\", \"name\": \"Trace\", \"sizemode\": \"absolute\" }  },\n    { \"id\": \"Contour\" , \"icon\": \"contourChart\" ,                        \"traceTemplate\": { \"gbtype\":\"Contour\", \"x\": [1, 2, 3], \"y\": [1, 2, 3], \"z\": [[10, 10, 10], [20, 20, 20], [30, 30, 30]], \"type\": \"contour\", \"name\": \"Trace\" }  },\n    { \"id\": \"Funnel\" , \"icon\": \"funnelChart\" ,                          \"traceTemplate\": { \"gbtype\":\"Funnel\", \"x\": [10, 20, 30], \"y\": [\"Stage 1\", \"Stage 2\", \"Stage 3\"], \"type\": \"funnel\", \"name\": \"Trace\" }  },\n    { \"id\": \"Funnel Area\", \"icon\": \"funnelAreaChart\",                   \"traceTemplate\": { \"gbtype\":\"Funnel Area\", \"values\": [100, 80, 60, 40, 20], \"text\": [\"Stage 1\", \"Stage 2\", \"Stage 3\", \"Stage 4\", \"Stage 5\"], \"type\": \"funnelarea\", \"name\": \"Trace\" } },\n    { \"id\": \"Heatmap\", \"icon\": \"heatmapChart\",                          \"traceTemplate\": { \"gbtype\":\"Heatmap\", \"x\": [\"A\", \"B\", \"C\"], \"y\": [\"1\", \"2\", \"3\"], \"z\": [[1, 20, 30], [20, 1, 60], [30, 60, 1]], \"type\": \"heatmap\", \"name\": \"Trace\" } },\n    { \"id\": \"Heatmap GL\", \"icon\": \"heatmapGLChart\",                     \"traceTemplate\": { \"gbtype\":\"Heatmap GL\", \"x\": [\"A\", \"B\", \"C\"], \"y\": [\"1\", \"2\", \"3\"], \"z\": [[1, 20, 30], [20, 1, 60], [30, 60, 1]], \"type\": \"heatmapgl\", \"name\": \"Trace\" } },\n    { \"id\": \"Histogram\", \"icon\": \"histogramChart\",                      \"traceTemplate\": { \"gbtype\":\"Histogram\", \"x\": [1,2,3,2,3,2,3,7,6,8,5,8,1,1,1,9], \"type\": \"histogram\", \"name\": \"Trace\" } },\n    { \"id\": \"Histogram 2D\", \"icon\": \"histogram2DChart\",                 \"traceTemplate\": { \"gbtype\":\"Histogram 2D\", \"x\": [1, 2, 2, 3, 4], \"y\": [6, 6, 7, 8, 8], \"type\": \"histogram2d\", \"name\": \"Trace\" } },\n    { \"id\": \"Histogram 2D Contour\", \"icon\": \"histogram2DContourChart\",  \"traceTemplate\": { \"gbtype\":\"Histogram 2D Contour\", \"x\": [1, 2, 2, 3, 4], \"y\": [6, 6, 7, 8, 8], \"type\": \"histogram2dcontour\", \"name\": \"Trace\" } },\n    { \"id\": \"Indicator\", \"icon\": \"indicatorChart\",                      \"traceTemplate\": { \"gbtype\":\"Indicator\", \"mode\": \"number+delta\", \"value\": 400, \"delta\": { \"reference\": 350 }, \"type\": \"indicator\", \"name\": \"Trace\" } },\n    { \"id\": \"Isosurface\", \"icon\": \"isosurfaceChart\",                    \"traceTemplate\": { \"gbtype\":\"Isosurface\", \"x\": [0, 0, 0, 0, 1, 1, 1, 1], \"y\": [0, 0, 1, 1, 0, 0, 1, 1], \"z\": [0, 1, 0, 1, 0, 1, 0, 1], \"value\": [1, 2, 3, 4, 5, 6, 7, 8], \"isomin\": 2, \"isomax\": 6, \"type\": \"isosurface\", \"name\": \"Trace\" } },\n    { \"id\": \"Line Chart\", \"icon\": \"lineChart\",                          \"traceTemplate\": { \"gbtype\":\"Line Chart\", \"x\":[\"2024-01-01\", \"2024-01-02\", \"2024-01-03\"], \"y\":[5, 6, 7], \"type\":\"scatter\", \"mode\":\"lines\", \"name\":\"Trace\" } },\n    { \"id\": \"Mash 3D\", \"icon\": \"mash3DChart\",                           \"traceTemplate\": { \"gbtype\":\"Mash 3D\", \"x\": [0, 1, 2, 0], \"y\": [0, 0, 1, 2], \"z\": [0, 2, 0, 1], \"i\": [0, 0, 0, 1], \"j\": [1, 2, 3, 2], \"k\": [2, 3, 1, 3], \"type\": \"mesh3d\", \"name\": \"Trace\" } },\n    { \"id\": \"OHLC\", \"icon\": \"ohlcChart\",                                \"traceTemplate\": { \"gbtype\":\"OHLC\", \"x\": [\"2024-01-01\", \"2024-01-02\", \"2024-01-03\"], \"open\": [100, 110, 120], \"high\": [105, 115, 125], \"low\": [95, 105, 115], \"close\": [102, 112, 122], \"type\": \"ohlc\", \"name\": \"Trace\" } },\n    { \"id\": \"Pie Chart\", \"icon\": \"pieChart\",                            \"traceTemplate\": { \"gbtype\":\"Pie Chart\", \"labels\":[\"Slice 1\", \"Slice 2\", \"Slice 3\"], \"values\":[10, 20, 30], \"type\":\"pie\", \"name\":\"Trace\" } }, \n    { \"id\": \"Scatter\", \"icon\": \"scatterChart\",                          \"traceTemplate\": { \"gbtype\":\"Scatter\", \"x\":[5, 10, 15], \"y\":[10, 15, 5], \"type\":\"scatter\", \"mode\":\"markers\", \"name\":\"Trace\" } },\n    { \"id\": \"Scatter 3D\", \"icon\": \"scatter3DChart\",                     \"traceTemplate\": { \"gbtype\":\"Scatter 3D\", \"x\": [1, 2, 3, 4], \"y\": [4, 3, 2, 1], \"z\": [1, 2, 3, 4], \"mode\": \"markers\", \"type\": \"scatter3d\", \"name\": \"Trace\" } },\n    { \"id\": \"Scatter Geo\", \"icon\": \"scatterGeoChart\",                   \"traceTemplate\": { \"gbtype\":\"Scatter Geo\", \"lat\": [40.712776, 34.052235, 41.878113], \"lon\": [-74.005974, -118.243685, -87.629798], \"mode\": \"markers\", \"type\": \"scattergeo\", \"name\": \"Trace\" } },\n    { \"id\": \"Scatter GL\", \"icon\": \"scatterGLChart\",                     \"traceTemplate\": { \"gbtype\":\"Scatter GL\", \"x\": [1, 2, 3, 4], \"y\": [10, 11, 12, 13], \"mode\": \"markers\", \"type\": \"scattergl\", \"name\": \"Trace\" } },\n    { \"id\": \"Surface\", \"icon\": \"surfaceChart\",                          \"traceTemplate\": { \"gbtype\":\"Surface\", \"x\": [1, 2, 3, 4, 5], \"y\": [1, 2, 3, 4, 5], \"z\": [[1, 2, 3, 4, 5], [2, 4, 6, 8, 10], [3, 6, 9, 12, 15], [4, 8, 12, 16, 20], [5, 10, 15, 20, 25]], \"type\": \"surface\", \"name\": \"Trace\" } },\n    { \"id\": \"Table\", \"icon\": \"tableChart\",                              \"traceTemplate\": { \"gbtype\":\"Table\", \"header\": { \"values\": [[\"Header 1\"], [\"Header 2\"], [\"Header 3\"]], \"align\": \"center\", \"line\": { \"width\": 1, \"color\": 'black' }, \"fill\": { \"color\": \"grey\" }, \"font\": { \"family\": \"Arial\", \"size\": 12, \"color\": \"white\" } }, \"cells\": { \"values\": [[\"Row 1\", \"Row 2\", \"Row 3\"], [\"1\", \"2\", \"3\"], [\"a\", \"b\", \"c\"]], \"align\": \"center\", \"line\": { \"width\": 1, \"color\": 'black' }, \"fill\": { \"color\": \"white\" }, \"font\": { \"family\": \"Arial\", \"size\": 11, \"color\": \"black\" } }, \"type\": \"table\", \"name\": \"Trace\" } },\n    { \"id\": \"Timeline\", \"icon\": \"timelineChart\",                        \"traceTemplate\": { \"gbtype\":\"Timeline\", \"x\": [\"Start Date 1\", \"Start Date 2\", \"Start Date 3\"], \"xend\": [\"End Date 1\", \"End Date 2\", \"End Date 3\"], \"y\": [\"Task 1\", \"Task 2\", \"Task 3\"], \"type\": \"scatter\", \"mode\": \"lines\", \"line\": { \"width\": 4 }, \"name\": \"Trace\" } },\n    { \"id\": \"Violin\", \"icon\": \"violinChart\",                            \"traceTemplate\": { \"gbtype\":\"Violin\", \"y\": [20, 30, 40, 50, 60, 70, 80, 90, 100, 110], \"type\": \"violin\", \"name\": \"Trace\", \"box\": { \"visible\": true }, \"meanline\": { \"visible\": true } } },\n    { \"id\": \"Waterfall\", \"icon\": \"waterfallChart\",                      \"traceTemplate\": { \"gbtype\":\"Waterfall\", \"x\": [\"Product Revenue\", \"Services Revenue\", \"Total Revenue\", \"Fixed Costs\", \"Variable Costs\", \"Total Costs\", \"Net Profit\"], \"y\": [60, 80, 0, -40, -20, 0, 40], \"type\": \"waterfall\", \"name\": \"Trace\", \"text\": [\"$60\", \"$80\", \"\", \"-$40\", \"-$20\", \"\", \"$40\"], \"textposition\": \"outside\", \"connector\": { \"line\": { \"color\": \"rgb(63, 63, 63)\" } }, \"increasing\": { \"marker\": { \"color\": \"Green\" } }, \"decreasing\": { \"marker\": { \"color\": \"Red\" } }, \"totals\": { \"marker\": { \"color\": \"DeepSkyBlue\" } } } }, \n    \n    // { \"id\": \"Image\" , \"icon\": \"imageChart\" ,                 \"traceTemplate\": { \"gbtype\":\"Image\" } },\n    { \"id\": \"Scatter Mapbox\", \"icon\": \"scatterMapboxChart\",             \"traceTemplate\": {  \"gbtype\":\"Scatter Mapbox\", \"lat\": [40.712776, 34.052235], \"lon\": [-74.005974, -118.243685], \"mode\": \"markers\", \"type\": \"scattermapbox\", \"name\": \"Trace\" }, \n                                                                        \"traceLayout\":{ \"dragmode\": \"zoom\",\t\"mapbox\": { \"style\": \"open-street-map\", \"center\": { \"lat\": 38, \"lon\": -90 }, \"zoom\": 3 },\t\"margin\": { \"r\": 0, \"t\": 0, \"b\": 0, \"l\": 0 } }\n    }, \n    { \"id\": \"Streamtube\", \"icon\": \"streamtubeChart\",                    \"traceTemplate\": {\n                                                                          \"gbtype\":\"Streamtube\", \n                                                                          \"type\": \"streamtube\",\n                                                                          \"x\": [0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2],\n                                                                          \"y\": [0,0,0,1,1,1,2,2,2,0,0,0,1,1,1,2,2,2,0,0,0,1,1,1,2,2,2],\n                                                                          \"z\": [0,1,2,0,1,2,0,1,2,0,1,2,0,1,2,0,1,2,0,1,2,0,1,2,0,1,2],\n                                                                          \"u\": [1,1,1,1,1,1,1,1,1,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.841470985,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427,1.909297427],\n                                                                          \"v\": [1,1,1,0.5403023059,0.5403023059,0.5403023059,0.4161468365,0.4161468365,0.4161468365,1,1,1,0.5403023059,0.5403023059,0.5403023059,0.4161468365,0.4161468365,0.4161468365,1,1,1,0.5403023059,0.5403023059,0.5403023059,0.4161468365,0.4161468365,0.4161468365],\n                                                                          \"w\": [0,0.088656062,0.169392742,0,0.088656062,0.169392742,0,0.088656062,0.169392742,0,0.088656062,0.169392742,0,0.088656062,0.169392742,0,0.088656062,0.169392742,0,0.088656062,0.169392742,0,0.088656062,0.169392742,0,0.088656062,0.169392742],\n                                                                          \"sizeref\": 0.5,\n                                                                          \"cmin\": 0,\n                                                                          \"cmax\": 3, \n                                                                          \"name\": \"Trace\" } \n                                                                        },\n    // Data template for \"Volume\" chart seems prety complex, so we generate it dynamically with a function\n    { \"id\": \"Volume\", \"icon\": \"volumeChart\", \"traceTemplate\": generateVolumeTrace() } \n\n  \n\n  ]\n\n  function generateVolumeTrace() {\n    const l = 3;\n    let X = [], Y = [], Z = [], vol = [];\n\n    // Create grid points for 3D space, similar to mgrid in Julia\n    for (let i = 1; i <= l; i++) {\n      for (let j = 1; j <= l; j++) {\n        for (let k = 1; k <= l; k++) {\n          X.push(i);\n          Y.push(j);\n          Z.push(k);\n          // Initially, set the volume to zero\n          vol.push(0);\n        }\n      }\n    }\n\n    for (let n = 0; n < 15; n++) {\n      const randomIndex = Math.floor(Math.random() * vol.length);\n      vol[randomIndex] = 1;\n    }\n\n    vol = vol.map((v, idx) => {\n      const neighbors = [\n        vol[idx - 1] || 0, vol[idx + 1] || 0, \n        vol[idx - l] || 0, vol[idx + l] || 0, \n        vol[idx - l * l] || 0, vol[idx + l * l] || 0 \n      ];\n      const sum = neighbors.reduce((a, b) => a + b, 0);\n      return (v + sum / neighbors.length) / 2;\n    });\n\n    const maxVol = Math.max(...vol);\n    vol = vol.map(v => v / maxVol);\n\n    const trace = {\n      type: 'volume',\n      x: X,\n      y: Y,\n      z: Z,\n      value: vol,\n      isomin: 0.1,\n      isomax: 0.8,\n      opacity: 0.1,\n      surface_count: 25\n    };\n    return trace;\n  }\n\nexport {chartTypes}","<template>\n    <div class=\"componentAddDialogContainer\">        \n        <div class=\"componentAddDialog\">\n            <div class=\"closeButton\" @click=\"closeDialog(true)\">X</div>\n            <p style=\"    margin-bottom: 6px; font-size: 12px; font-weight: 400; opacity: 0.7;\">Add component for binding</p>\n            <div style=\"padding-bottom: 10px; border-bottom: 1px solid #cccccc50;\">\n                <img :src=\"'img/icons/type_'+props.componentPlaceHolderData.datatype+'.png'\" style=\"height: 17px; vertical-align: middle; display: inline-block;\" />\n                {{ props.componentPlaceHolderData.bindingname }} \n            </div>\n            <div style=\"font-size: 14px; padding: 20px 0px 15px\">Suggested Components:</div>\n            <div class=\"compGroupsContainer\">\n                <div class=\"compGroup\" v-for=\"comp in props.componentPlaceHolderData.components\" :key=\"comp.type\"  @click=\"selectCompProp(comp, comp.matchingProperties[0])\">\n                    <div class=\"compName\">\n                        <div style=\" text-overflow: ellipsis; overflow: hidden; white-space: nowrap; pointer-events: none;\">{{ comp.label }}</div>\n                        <div style=\"justify-content: center; display: flex; margin-bottom: 3px; filter: brightness(1.5) saturate(1); pointer-events: none;\">\n                            <img :src=\"getBlockIconPath(comp)\" class=\"typeIcon\" style=\"filter: var(--library-icon-filter); max-height: 20px; margin-top: 6px; pointer-events: none;\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n\n<script setup>\nimport {chartTypes} from '../../utils/chartDefinitions.js';\n\nconst props = defineProps(['appData', 'componentPlaceHolderData'])\nconst emit = defineEmits(['closeDialog'])\n\nfunction getChartTemplate( chartId ){\n    console.log( 'chartTypes', chartTypes );\n    let chart = chartTypes.find( (chart)=>{ return chart.id == chartId } );\n    if( !chart ){\n        console.error(\"Could not find chart with id: \" + chartId);\n        return \"\";\n    }\n    return chart.traceTemplate;\n\n}\nconst getBlockIconPath = function(block)  {   \n    let iconFileName;\n    if( block.icon ){\n        iconFileName = block.icon;\n    }else{\n        iconFileName = block.type.split(\"q-\").join(\"\")+'.png';\n    }\n    const result = 'img/block_icons/'+iconFileName\n    return result;\n}\n\nfunction selectCompProp(comp, prop){\n    console.log( 'selectCompProp(comp, prop', comp, prop );\n    let newElement = new DOMParser().parseFromString(comp.content, 'text/html').body.childNodes[0];\n    \n    // prepend colon if prop is not v-model\n    let propName = prop; // == 'v-model' ? prop : ':'+prop;\n    let finalBindingName = props.componentPlaceHolderData.bindingname;\n    \n    // If binding is dataframe, pick first column\n    if( props.componentPlaceHolderData.datatype == \"DataFrames.DataFrame\" ){\n        let firstColumn = getDataFrameColumn( props.componentPlaceHolderData.bindingname );\n        finalBindingName += '.' + firstColumn;\n        // Tag as interpolated value\n        finalBindingName ='$_{' + finalBindingName + '}';\n        // get trace template\n        let template = getChartTemplate( comp.label );\n        // inject binding\n        if( template.x != null ) template.x = finalBindingName;\n        if( template.y != null ) template.y = finalBindingName;\n        if( template.z != null ) template.z = finalBindingName;\n        if( template.labels != null ) template.labels = finalBindingName;\n        if( template.values != null ) template.values = finalBindingName;\n        \n\n        // Encapsulate in trace object\n        console.log( 'traceTemplate: ', template );\n        //finalBindingName = `[{\"x\": \"${finalBindingName}\", \"y\": \"${finalBindingName}\", \"type\": \"scatter\", \"name\": \"Trace\" }]`;\n        finalBindingName = `[${JSON.stringify(template)}]`;\n        // Encode\n        finalBindingName = btoa( finalBindingName );\n        // Remove the constant data\n        newElement.removeAttribute('gb_c__data');\n        console.log( 'finalBindingName', finalBindingName );\n        newElement.setAttribute( \"gb_c__\" + propName, finalBindingName );\n    }else if( props.componentPlaceHolderData.datatype == \"DataTable.DataFrames.DataFrame\" ){\n        // Remove the constant data\n        newElement.removeAttribute('gb_c__data');\n        // Add the dynamic data binding using its columns property\n        finalBindingName += '.data';\n        newElement.setAttribute( \"gb_b__\" + propName, finalBindingName );\n        newElement.setAttribute( \"gb_b__columns\", props.componentPlaceHolderData.bindingname + \".columns\" );\n    }else{\n        newElement.setAttribute( \"gb_b__\" + propName, finalBindingName );\n    }\n    let newElementHtml = newElement.outerHTML;\n    editor.getSelected().replaceWith( newElementHtml );\n    closeDialog(false);\n}\n\nfunction closeDialog(removeSelected){\n    emit('closeDialog', removeSelected);\n}\n\n// ------------------------------------------\n\n\n// ====================== COMPUTED ====================== \n\nfunction getDataFrameColumn( dfName ) {\n    let dsFields = props.appData.pages[0].model.fields.filter( (field)=>{ \n        return field.name == dfName;\n    } );\n    if( dsFields.length == 0 ){\n        console.error(\"Could not find dataframe with name: \" + dfName);\n        return \"\";\n    }\n    if( !dsFields[0].columns || dsFields[0].columns.length == 0 ){\n        console.error( \"Dataframe \" + dfName + \" has no columns\" );\n        return \"\";\n    }\n    return dsFields[0].columns[0];\n}\n\n</script>\n\n\n<style lang=\"scss\" scoped>\n    @import \"../../styles/globalStyles.scss\";\n\n    .closeButton{\n        position: absolute;\n        top: 5px;\n        right: 10px;\n        padding: 5px;\n        cursor: pointer;\n        font-weight: bold;\n    }\n    .compGroupsContainer{\n        display: flex;\n        flex-wrap: wrap;\n        gap: 5px;\n        max-height: 40vh;\n        /* grid-template-columns: 19% 19% 19% 19% 19%; */\n        /* flex-direction: row; */\n        width: 100%;\n        overflow: auto;\n        justify-content: center;\n    }\n    .componentAddDialogContainer{\n        position: fixed;\n        background-color: #000000a0;\n        top: 0px;\n        left: 0px;\n        right: 0px;\n        bottom: 0px;\n        z-index: 1;\n        /* backdrop-filter: blur(3px); */\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    .componentAddDialog{\n        background-color: var(--background);\n        border: solid 1px var(--dropdown-border);\n        padding: 10px 30px 30px;\n        box-sizing: border-box;\n        text-align: center;\n        position: absolute;\n        max-width: 800px;\n        max-height: min-content;\n        box-shadow: 5px 16px 40px #00000030;\n        margin: 30px;\n    }\n\n    .compGroup{\n        display: flex;\n        flex-direction: column;\n        width: 110px;\n    }\n\n    .compName{\n        min-width: 100px;\n        display: block;\n        flex: 1 1 49%;\n        border: solid 1px var(--checkbox-background);\n        padding: 5px 6px 3px;\n        box-sizing: border-box;\n        text-align: center;\n        cursor: move;\n        border-radius: 5px;\n        font-size: 0.9em;\n    }\n    .compName:hover{\n        border: solid 1px #315972;\n        background-color: #cccccc10;\n    }\n\n    .propItem{\n        cursor: pointer;\n        width: max-content;\n        margin: 0px 10px;\n    }\n    .propItem:hover{\n        font-weight: bold;\n    }\n</style>","import script from \"./ComponentAddDialog.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ComponentAddDialog.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ComponentAddDialog.vue?vue&type=style&index=0&id=9700a050&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-9700a050\"]])\n\nexport default __exports__","/*\nIcon list Extracted from https://fonts.google.com/icons?icon.set=Material+Icons&selected=Material+Icons+Outlined:shopping_cart: with this script:\nlet result = [];\nlet iconElements = document.querySelectorAll(\"div.icons-container .icon-asset\")\niconElements.forEach( el=>{\n    let content = el.querySelector(\"span\")\n    let name = content.innerText;\n    let classes = el.getAttribute(\"class\");\n    result.push(name);\n} )\nconsole.log( JSON.stringify(result) );\n*/\n\nimport axios from \"axios\";\nimport {chartTypes} from \"./chartDefinitions.js\";\n\n\nlet _blockDefinitions;\nlet injectableVariables = {\n  supportedIcons: [ \n    \"search\",\"search\",\"home\",\"account_circle\",\"settings\",\"done\",\"info\",\"check_circle\",\"delete\",\"visibility\",\"shopping_cart\",\"favorite\",\"description\",\"logout\",\"favorite_border\",\"lock\",\"schedule\",\"language\",\"help_outline\",\"face\",\"manage_accounts\",\"verified\",\"filter_alt\",\"thumb_up\",\"event\",\"fingerprint\",\"dashboard\",\"list\",\"login\",\"visibility_off\",\"check_circle_outline\",\"calendar_today\",\"highlight_off\",\"help\",\"paid\",\"task_alt\",\"question_answer\",\"date_range\",\"article\",\"open_in_new\",\"shopping_bag\",\"lightbulb\",\"credit_card\",\"perm_identity\",\"history\",\"trending_up\",\"account_balance\",\"delete_outline\",\"fact_check\",\"report_problem\",\"verified_user\",\"assignment\",\"star_rate\",\"arrow_right_alt\",\"account_balance_wallet\",\"autorenew\",\"build\",\"view_list\",\"work\",\"print\",\"store\",\"analytics\",\"delete_forever\",\"today\",\"calendar_month\",\"admin_panel_settings\",\"lock_open\",\"watch_later\",\"grade\",\"update\",\"savings\",\"room\",\"code\",\"receipt\",\"add_shopping_cart\",\"contact_support\",\"power_settings_new\",\"done_all\",\"pets\",\"explore\",\"bookmark\",\"account_box\",\"note_add\",\"reorder\",\"bookmark_border\",\"pending_actions\",\"shopping_basket\",\"payment\",\"launch\",\"drag_indicator\",\"supervisor_account\",\"touch_app\",\"pending\",\"zoom_in\",\"assessment\",\"leaderboard\",\"thumb_up_off_alt\",\"open_in_full\",\"preview\",\"done_outline\",\"exit_to_app\",\"assignment_ind\",\"published_with_changes\",\"card_giftcard\",\"view_in_ar\",\"feedback\",\"work_outline\",\"timeline\",\"swap_horiz\",\"assignment_turned_in\",\"dns\",\"stars\",\"sync_alt\",\"label\",\"flight_takeoff\",\"tips_and_updates\",\"book\",\"contact_page\",\"alarm\",\"space_dashboard\",\"bug_report\",\"cached\",\"gavel\",\"translate\",\"pan_tool\",\"edit_calendar\",\"supervised_user_circle\",\"minimize\",\"extension\",\"accessibility\",\"android\",\"rocket_launch\",\"get_app\",\"question_mark\",\"record_voice_over\",\"add_task\",\"trending_flat\",\"help_center\",\"hourglass_empty\",\"accessibility_new\",\"rule\",\"thumb_down\",\"sticky_note_2\",\"settings_applications\",\"source\",\"dashboard_customize\",\"find_in_page\",\"ads_click\",\"support\",\"flutter_dash\",\"close_fullscreen\",\"redeem\",\"announcement\",\"loyalty\",\"swap_vert\",\"arrow_circle_right\",\"view_headline\",\"restore\",\"dangerous\",\"euro_symbol\",\"group_work\",\"sensors\",\"compare_arrows\",\"subject\",\"table_view\",\"disabled_by_default\",\"privacy_tip\",\"nightlight_round\",\"https\",\"toc\",\"track_changes\",\"arrow_circle_up\",\"bookmarks\",\"copyright\",\"grading\",\"currency_exchange\",\"input\",\"api\",\"perm_media\",\"query_builder\",\"view_module\",\"build_circle\",\"zoom_out\",\"perm_contact_calendar\",\"settings_phone\",\"backup\",\"open_with\",\"circle_notifications\",\"perm_phone_msg\",\"book_online\",\"speaker_notes\",\"label_important\",\"wysiwyg\",\"card_membership\",\"file_present\",\"arrow_circle_down\",\"pageview\",\"3d_rotation\",\"upgrade\",\"integration_instructions\",\"change_history\",\"trending_down\",\"swipe\",\"class\",\"percent\",\"accessible\",\"g_translate\",\"settings_accessibility\",\"expand\",\"offline_bolt\",\"settings_backup_restore\",\"production_quantity_limits\",\"arrow_circle_left\",\"aspect_ratio\",\"model_training\",\"view_column\",\"donut_large\",\"segment\",\"calendar_view_month\",\"schedule_send\",\"alarm_on\",\"maximize\",\"bookmark_add\",\"thumbs_up_down\",\"settings_ethernet\",\"theaters\",\"view_agenda\",\"thumb_down_off_alt\",\"important_devices\",\"unpublished\",\"invert_colors\",\"opacity\",\"commute\",\"open_in_browser\",\"system_update_alt\",\"no_accounts\",\"addchart\",\"history_toggle_off\",\"view_week\",\"youtube_searched_for\",\"tour\",\"shopping_cart_checkout\",\"hide_source\",\"bookmark_added\",\"mark_as_unread\",\"settings_input_antenna\",\"shop\",\"plagiarism\",\"turned_in\",\"search_off\",\"not_started\",\"flight_land\",\"assignment_late\",\"assignment_return\",\"donut_small\",\"saved_search\",\"filter_alt_off\",\"contactless\",\"highlight_alt\",\"hotel_class\",\"settings_input_component\",\"balance\",\"view_carousel\",\"view_quilt\",\"anchor\",\"all_inbox\",\"turned_in_not\",\"mediation\",\"settings_remote\",\"edit_off\",\"hourglass_full\",\"fit_screen\",\"flaky\",\"rocket\",\"toll\",\"remove_shopping_cart\",\"lock_clock\",\"swap_horizontal_circle\",\"settings_voice\",\"view_sidebar\",\"event_seat\",\"online_prediction\",\"vertical_split\",\"next_plan\",\"pregnant_woman\",\"data_exploration\",\"terminal\",\"restore_from_trash\",\"lock_reset\",\"camera_enhance\",\"markunread_mailbox\",\"dynamic_form\",\"tab\",\"calendar_view_week\",\"view_stream\",\"accessible_forward\",\"request_page\",\"token\",\"remove_done\",\"settings_power\",\"smart_button\",\"add_to_drive\",\"card_travel\",\"outbox\",\"try\",\"offline_pin\",\"calendar_view_day\",\"find_replace\",\"density_medium\",\"rowing\",\"compress\",\"chrome_reader_mode\",\"fax\",\"outlet\",\"assignment_returned\",\"http\",\"settings_brightness\",\"add_card\",\"alarm_add\",\"generating_tokens\",\"new_label\",\"backup_table\",\"spellcheck\",\"restore_page\",\"credit_card_off\",\"wifi_protected_setup\",\"play_for_work\",\"free_cancellation\",\"settings_overscan\",\"work_history\",\"123\",\"gif\",\"outbound\",\"disabled_visible\",\"swap_vertical_circle\",\"settings_input_composite\",\"cancel_schedule_send\",\"quickreply\",\"view_day\",\"event_repeat\",\"comment_bank\",\"assured_workload\",\"switch_access_shortcut\",\"display_settings\",\"view_timeline\",\"line_weight\",\"pan_tool_alt\",\"horizontal_split\",\"noise_control_off\",\"webhook\",\"satellite_alt\",\"polymer\",\"batch_prediction\",\"send_and_archive\",\"picture_in_picture\",\"manage_history\",\"code_off\",\"bookmark_remove\",\"settings_bluetooth\",\"shop_two\",\"output\",\"html\",\"flip_to_front\",\"gif_box\",\"eject\",\"speaker_notes_off\",\"alarm_off\",\"perm_data_setting\",\"settings_input_hdmi\",\"perm_scan_wifi\",\"hourglass_disabled\",\"troubleshoot\",\"switch_access_shortcut_add\",\"sensors_off\",\"settings_cell\",\"work_off\",\"app_blocking\",\"picture_in_picture_alt\",\"line_style\",\"perm_device_information\",\"join_full\",\"subtitles_off\",\"update_disabled\",\"app_shortcut\",\"javascript\",\"abc\",\"swipe_left\",\"voice_over_off\",\"private_connectivity\",\"lightbulb_circle\",\"settings_input_svideo\",\"join_inner\",\"flip_to_back\",\"view_array\",\"swipe_right\",\"install_desktop\",\"open_in_new_off\",\"swipe_up\",\"all_out\",\"shop_2\",\"label_off\",\"density_small\",\"tab_unselected\",\"rounded_corner\",\"data_thresholding\",\"text_rotate_vertical\",\"arrow_outward\",\"commit\",\"explore_off\",\"install_mobile\",\"text_rotation_none\",\"view_kanban\",\"not_accessible\",\"css\",\"swipe_down\",\"lock_person\",\"pin_invoke\",\"join_left\",\"extension_off\",\"spatial_audio_off\",\"perm_camera_mic\",\"pinch\",\"swipe_vertical\",\"noise_aware\",\"pin_end\",\"view_cozy\",\"join_right\",\"swipe_right_alt\",\"text_rotate_up\",\"text_rotation_angleup\",\"text_rotation_down\",\"text_rotation_angledown\",\"browse_gallery\",\"php\",\"view_comfy_alt\",\"view_compact_alt\",\"network_ping\",\"swipe_down_alt\",\"add_home\",\"density_large\",\"on_device_training\",\"swipe_left_alt\",\"spatial_tracking\",\"swipe_up_alt\",\"unfold_more_double\",\"spatial_audio\",\"width_full\",\"unfold_less_double\",\"repartition\",\"width_normal\",\"transcribe\",\"width_wide\",\"hls\",\"hls_off\",\"face_unlock\",\"close\",\"close\",\"menu\",\"expand_more\",\"arrow_back\",\"chevron_right\",\"arrow_forward_ios\",\"arrow_back_ios\",\"cancel\",\"arrow_drop_down\",\"more_vert\",\"arrow_forward\",\"chevron_left\",\"expand_less\",\"check\",\"more_horiz\",\"refresh\",\"apps\",\"payments\",\"arrow_upward\",\"east\",\"campaign\",\"arrow_back_ios_new\",\"arrow_downward\",\"arrow_right\",\"menu_open\",\"fullscreen\",\"arrow_drop_up\",\"unfold_more\",\"double_arrow\",\"maps_home_work\",\"west\",\"expand_circle_down\",\"south\",\"arrow_left\",\"north_east\",\"north\",\"home_work\",\"first_page\",\"fullscreen_exit\",\"arrow_drop_down_circle\",\"last_page\",\"unfold_less\",\"subdirectory_arrow_right\",\"legend_toggle\",\"south_east\",\"app_settings_alt\",\"assistant_direction\",\"subdirectory_arrow_left\",\"north_west\",\"waterfall_chart\",\"switch_left\",\"south_west\",\"pivot_table_chart\",\"switch_right\",\"apps_outage\",\"offline_share\",\"add_home_work\",\"person\",\"person\",\"notifications\",\"groups\",\"people\",\"share\",\"school\",\"person_outline\",\"person_add\",\"public\",\"emoji_events\",\"group\",\"engineering\",\"notifications_active\",\"construction\",\"people_alt\",\"group_add\",\"psychology\",\"health_and_safety\",\"thumb_up_alt\",\"travel_explore\",\"water_drop\",\"notifications_none\",\"emoji_emotions\",\"sports_esports\",\"sentiment_very_satisfied\",\"location_city\",\"ios_share\",\"precision_manufacturing\",\"sentiment_satisfied\",\"workspace_premium\",\"person_add_alt\",\"military_tech\",\"science\",\"emoji_objects\",\"history_edu\",\"cake\",\"sentiment_dissatisfied\",\"sentiment_very_dissatisfied\",\"handshake\",\"emoji_people\",\"coronavirus\",\"self_improvement\",\"person_remove\",\"poll\",\"whatshot\",\"sports_soccer\",\"domain\",\"mood\",\"recommend\",\"people_outline\",\"female\",\"recycling\",\"person_off\",\"male\",\"person_add_alt_1\",\"connect_without_contact\",\"sentiment_neutral\",\"back_hand\",\"hiking\",\"waving_hand\",\"architecture\",\"masks\",\"notifications_off\",\"thumb_down_alt\",\"luggage\",\"real_estate_agent\",\"front_hand\",\"vaccines\",\"mood_bad\",\"emoji_nature\",\"switch_account\",\"nights_stay\",\"king_bed\",\"catching_pokemon\",\"interests\",\"compost\",\"sports_basketball\",\"notification_add\",\"diversity_3\",\"sports_kabaddi\",\"sports\",\"emoji_symbols\",\"reduce_capacity\",\"emoji_food_beverage\",\"cruelty_free\",\"man\",\"sick\",\"emoji_transportation\",\"sports_tennis\",\"cookie\",\"heart_broken\",\"transgender\",\"elderly\",\"add_moderator\",\"outdoor_grill\",\"deck\",\"woman\",\"add_reaction\",\"social_distance\",\"personal_injury\",\"follow_the_signs\",\"plus_one\",\"fireplace\",\"wallet\",\"scale\",\"clean_hands\",\"piano\",\"pix\",\"surfing\",\"sanitizer\",\"sports_motorsports\",\"diversity_1\",\"sports_handball\",\"sports_baseball\",\"edit_notifications\",\"hive\",\"sports_volleyball\",\"pages\",\"groups_2\",\"sports_football\",\"downhill_skiing\",\"kayaking\",\"psychology_alt\",\"public_off\",\"single_bed\",\"remove_moderator\",\"group_remove\",\"skateboarding\",\"co2\",\"notifications_paused\",\"boy\",\"person_remove_alt_1\",\"safety_divider\",\"diversity_2\",\"domain_add\",\"fitbit\",\"sports_cricket\",\"group_off\",\"sports_mma\",\"nordic_walking\",\"sports_martial_arts\",\"sports_golf\",\"girl\",\"thunderstorm\",\"paragliding\",\"6_ft_apart\",\"party_mode\",\"snowboarding\",\"kitesurfing\",\"sports_gymnastics\",\"groups_3\",\"face_6\",\"snowshoeing\",\"sports_hockey\",\"ice_skating\",\"south_america\",\"sports_rugby\",\"face_3\",\"elderly_woman\",\"sledding\",\"scoreboard\",\"person_2\",\"face_2\",\"face_4\",\"sign_language\",\"no_luggage\",\"cyclone\",\"person_4\",\"face_5\",\"person_3\",\"piano_off\",\"flood\",\"scuba_diving\",\"severe_cold\",\"tsunami\",\"roller_skating\",\"tornado\",\"landslide\",\"assist_walker\",\"woman_2\",\"man_2\",\"volcano\",\"18_up_rating\",\"blind\",\"no_adult_content\",\"man_4\",\"man_3\",\"add\",\"add\",\"add_circle_outline\",\"content_copy\",\"add_circle\",\"send\",\"clear\",\"save\",\"mail\",\"link\",\"remove\",\"filter_list\",\"inventory_2\",\"inventory\",\"insights\",\"remove_circle_outline\",\"sort\",\"bolt\",\"flag\",\"reply\",\"add_box\",\"remove_circle\",\"push_pin\",\"block\",\"calculate\",\"create\",\"undo\",\"how_to_reg\",\"content_paste\",\"report\",\"file_copy\",\"backspace\",\"shield\",\"archive\",\"save_alt\",\"policy\",\"tag\",\"change_circle\",\"redo\",\"forward\",\"content_cut\",\"outlined_flag\",\"inbox\",\"link_off\",\"ballot\",\"drafts\",\"biotech\",\"report_gmailerrorred\",\"delete_sweep\",\"stacked_bar_chart\",\"markunread\",\"square_foot\",\"add_link\",\"stream\",\"where_to_vote\",\"dynamic_feed\",\"copy_all\",\"move_to_inbox\",\"waves\",\"unarchive\",\"content_paste_search\",\"reply_all\",\"select_all\",\"low_priority\",\"text_format\",\"save_as\",\"font_download\",\"weekend\",\"how_to_vote\",\"upcoming\",\"gesture\",\"attribution\",\"flag_circle\",\"content_paste_go\",\"filter_list_off\",\"next_week\",\"content_paste_off\",\"report_off\",\"web_stories\",\"deselect\",\"font_download_off\",\"edit\",\"edit\",\"navigate_next\",\"photo_camera\",\"image\",\"tune\",\"picture_as_pdf\",\"receipt_long\",\"circle\",\"timer\",\"auto_stories\",\"collections\",\"auto_awesome\",\"navigate_before\",\"add_a_photo\",\"palette\",\"remove_red_eye\",\"music_note\",\"add_photo_alternate\",\"wb_sunny\",\"brush\",\"euro\",\"flash_on\",\"looks_one\",\"auto_fix_high\",\"control_point\",\"style\",\"adjust\",\"straighten\",\"photo_library\",\"camera\",\"portrait\",\"camera_alt\",\"audiotrack\",\"video_camera_front\",\"rotate_right\",\"color_lens\",\"grid_on\",\"crop_free\",\"timelapse\",\"landscape\",\"slideshow\",\"currency_rupee\",\"collections_bookmark\",\"crop_square\",\"lens\",\"panorama_fish_eye\",\"looks_two\",\"filter_vintage\",\"compare\",\"looks_3\",\"filter_drama\",\"image_search\",\"healing\",\"auto_awesome_motion\",\"rotate_left\",\"center_focus_strong\",\"crop\",\"blur_on\",\"wb_incandescent\",\"flare\",\"face_retouching_natural\",\"wb_cloudy\",\"assistant\",\"broken_image\",\"cases\",\"colorize\",\"filter_none\",\"brightness_4\",\"filter_center_focus\",\"crop_original\",\"auto_fix_normal\",\"dehaze\",\"nature_people\",\"photo\",\"flash_off\",\"auto_awesome_mosaic\",\"tag_faces\",\"brightness_6\",\"brightness_5\",\"details\",\"grain\",\"flip_camera_android\",\"brightness_1\",\"flip\",\"loupe\",\"image_not_supported\",\"flip_camera_ios\",\"view_comfy\",\"filter_1\",\"movie_creation\",\"add_to_photos\",\"panorama\",\"bedtime\",\"animation\",\"center_focus_weak\",\"looks_4\",\"movie_filter\",\"crop_din\",\"filter\",\"control_point_duplicate\",\"brightness_7\",\"leak_add\",\"currency_bitcoin\",\"nature\",\"incomplete_circle\",\"texture\",\"view_compact\",\"timer_off\",\"photo_size_select_actual\",\"video_camera_back\",\"transform\",\"currency_yen\",\"motion_photos_on\",\"photo_camera_front\",\"rotate_90_degrees_ccw\",\"looks_5\",\"mic_external_on\",\"gradient\",\"assistant_photo\",\"wb_twilight\",\"currency_pound\",\"contrast\",\"hide_image\",\"music_off\",\"exposure_plus_1\",\"crop_16_9\",\"thermostat_auto\",\"filter_2\",\"shutter_speed\",\"exposure\",\"photo_album\",\"filter_tilt_shift\",\"hdr_strong\",\"looks\",\"vrpano\",\"linked_camera\",\"brightness_3\",\"looks_6\",\"blur_circular\",\"flash_auto\",\"motion_photos_auto\",\"crop_portrait\",\"photo_filter\",\"iso\",\"brightness_2\",\"tonality\",\"photo_size_select_small\",\"filter_hdr\",\"crop_7_5\",\"rotate_90_degrees_cw\",\"crop_rotate\",\"photo_size_select_large\",\"filter_3\",\"exposure_zero\",\"hdr_weak\",\"currency_ruble\",\"camera_front\",\"crop_5_4\",\"filter_frames\",\"burst_mode\",\"camera_roll\",\"logo_dev\",\"filter_b_and_w\",\"blur_linear\",\"crop_3_2\",\"crop_landscape\",\"switch_camera\",\"switch_video\",\"filter_7\",\"exposure_plus_2\",\"filter_4\",\"filter_9_plus\",\"grid_off\",\"wb_iridescent\",\"motion_photos_paused\",\"monochrome_photos\",\"photo_camera_back\",\"filter_5\",\"auto_fix_off\",\"face_retouching_off\",\"exposure_neg_1\",\"panorama_photosphere\",\"filter_8\",\"leak_remove\",\"filter_9\",\"video_stable\",\"timer_10\",\"filter_6\",\"wb_shade\",\"blur_off\",\"motion_photos_off\",\"raw_on\",\"motion_photos_pause\",\"hdr_on\",\"vignette\",\"panorama_horizontal\",\"30fps_select\",\"image_aspect_ratio\",\"dirty_lens\",\"deblur\",\"camera_rear\",\"60fps_select\",\"timer_3\",\"panorama_wide_angle_select\",\"24mp\",\"exposure_neg_2\",\"currency_yuan\",\"currency_lira\",\"autofps_select\",\"panorama_horizontal_select\",\"panorama_photosphere_select\",\"hdr_plus\",\"wb_auto\",\"panorama_wide_angle\",\"panorama_vertical_select\",\"mic_external_off\",\"12mp\",\"panorama_vertical\",\"mp\",\"hdr_enhanced_select\",\"currency_franc\",\"hevc\",\"18mp\",\"10mp\",\"raw_off\",\"23mp\",\"bedtime_off\",\"hdr_off\",\"11mp\",\"20mp\",\"3mp\",\"5mp\",\"13mp\",\"15mp\",\"16mp\",\"21mp\",\"2mp\",\"17mp\",\"14mp\",\"22mp\",\"19mp\",\"9mp\",\"4mp\",\"7mp\",\"8mp\",\"6mp\",\"email\",\"email\",\"location_on\",\"call\",\"phone\",\"business\",\"chat\",\"mail_outline\",\"list_alt\",\"qr_code_scanner\",\"vpn_key\",\"chat_bubble_outline\",\"alternate_email\",\"forum\",\"chat_bubble\",\"textsms\",\"contact_mail\",\"person_search\",\"sentiment_satisfied_alt\",\"qr_code\",\"qr_code_2\",\"message\",\"contacts\",\"comment\",\"key\",\"import_contacts\",\"app_registration\",\"contact_phone\",\"import_export\",\"live_help\",\"forward_to_inbox\",\"hourglass_bottom\",\"hourglass_top\",\"rss_feed\",\"mark_email_read\",\"hub\",\"read_more\",\"document_scanner\",\"more_time\",\"mark_email_unread\",\"call_end\",\"clear_all\",\"dialpad\",\"phone_enabled\",\"mark_chat_unread\",\"cancel_presentation\",\"3p\",\"call_made\",\"screen_share\",\"call_split\",\"unsubscribe\",\"present_to_all\",\"domain_verification\",\"mark_chat_read\",\"add_ic_call\",\"co_present\",\"phonelink_ring\",\"stay_current_portrait\",\"call_received\",\"phonelink_lock\",\"phone_disabled\",\"ring_volume\",\"location_off\",\"phonelink_setup\",\"duo\",\"cell_tower\",\"stay_primary_portrait\",\"swap_calls\",\"voicemail\",\"call_merge\",\"mobile_screen_share\",\"phonelink_erase\",\"person_add_disabled\",\"domain_disabled\",\"call_missed_outgoing\",\"speaker_phone\",\"spoke\",\"cell_wifi\",\"desktop_access_disabled\",\"stop_screen_share\",\"print_disabled\",\"call_missed\",\"mark_unread_chat_alt\",\"pause_presentation\",\"dialer_sip\",\"invert_colors_off\",\"comments_disabled\",\"contact_emergency\",\"wifi_calling\",\"rtt\",\"portable_wifi_off\",\"send_time_extension\",\"mail_lock\",\"stay_current_landscape\",\"sip\",\"nat\",\"stay_primary_landscape\",\"no_sim\",\"key_off\",\"vpn_key_off\",\"local_shipping\",\"local_shipping\",\"place\",\"menu_book\",\"local_offer\",\"badge\",\"map\",\"category\",\"restaurant\",\"directions_car\",\"local_fire_department\",\"volunteer_activism\",\"my_location\",\"flight\",\"local_mall\",\"near_me\",\"handyman\",\"directions_run\",\"restaurant_menu\",\"layers\",\"medical_services\",\"directions_walk\",\"lunch_dining\",\"local_hospital\",\"celebration\",\"local_library\",\"pin_drop\",\"park\",\"local_atm\",\"local_activity\",\"person_pin\",\"design_services\",\"local_cafe\",\"rate_review\",\"delivery_dining\",\"directions_bus\",\"local_police\",\"directions_bike\",\"fastfood\",\"directions_car_filled\",\"home_repair_service\",\"zoom_out_map\",\"hotel\",\"cleaning_services\",\"local_phone\",\"local_grocery_store\",\"miscellaneous_services\",\"navigation\",\"local_gas_station\",\"train\",\"person_pin_circle\",\"local_parking\",\"local_florist\",\"diamond\",\"local_post_office\",\"money\",\"directions\",\"two_wheeler\",\"factory\",\"add_business\",\"traffic\",\"electrical_services\",\"local_bar\",\"route\",\"directions_boat\",\"alt_route\",\"agriculture\",\"pedal_bike\",\"beenhere\",\"360\",\"warehouse\",\"liquor\",\"emergency\",\"moving\",\"local_airport\",\"sailing\",\"add_location_alt\",\"local_dining\",\"maps_ugc\",\"local_taxi\",\"ramen_dining\",\"trip_origin\",\"hail\",\"local_drink\",\"local_laundry_service\",\"directions_bus_filled\",\"local_printshop\",\"theater_comedy\",\"local_pizza\",\"not_listed_location\",\"add_location\",\"transfer_within_a_station\",\"dinner_dining\",\"bakery_dining\",\"forest\",\"wine_bar\",\"terrain\",\"multiple_stop\",\"takeout_dining\",\"store_mall_directory\",\"icecream\",\"museum\",\"nightlife\",\"local_pharmacy\",\"hardware\",\"add_road\",\"departure_board\",\"set_meal\",\"ev_station\",\"local_see\",\"electric_car\",\"festival\",\"plumbing\",\"layers_clear\",\"car_rental\",\"attractions\",\"edit_location\",\"local_convenience_store\",\"zoom_in_map\",\"pest_control\",\"medical_information\",\"dry_cleaning\",\"run_circle\",\"edit_road\",\"edit_attributes\",\"edit_location_alt\",\"church\",\"moped\",\"wrong_location\",\"car_repair\",\"local_movies\",\"satellite\",\"directions_boat_filled\",\"tram\",\"soup_kitchen\",\"taxi_alert\",\"breakfast_dining\",\"signpost\",\"atm\",\"subway\",\"transit_enterexit\",\"straight\",\"merge\",\"brunch_dining\",\"hvac\",\"electric_bike\",\"directions_transit\",\"crisis_alert\",\"electric_scooter\",\"connecting_airports\",\"bus_alert\",\"egg\",\"local_car_wash\",\"local_hotel\",\"mode_of_travel\",\"stadium\",\"castle\",\"streetview\",\"safety_check\",\"directions_subway\",\"car_crash\",\"mosque\",\"compass_calibration\",\"electric_rickshaw\",\"turn_right\",\"airline_stops\",\"directions_railway\",\"no_meals\",\"fork_right\",\"railway_alert\",\"electric_moped\",\"local_play\",\"bike_scooter\",\"no_crash\",\"turn_left\",\"airlines\",\"pest_control_rodent\",\"near_me_disabled\",\"snowmobile\",\"u_turn_left\",\"directions_transit_filled\",\"egg_alt\",\"no_transfer\",\"file_download\",\"play_arrow\",\"star\",\"warning\",\"support_agent\",\"attach_money\",\"keyboard_arrow_down\",\"light_mode\",\"storefront\",\"manage_search\",\"sensor_door\" \n  ].sort(), \n  supportedColors: [\"primary\", \"secondary\", \"accent\", \"dark\", \"positive\", \"negative\", \"info\", \"warning\"]\n}\n\nfunction getBlockDefinitions(){\n  return _blockDefinitions;\n}\n\n\nfunction loadBlockDefinitions(readyCallback){\n  // Load dynamically and call callback function when ready\n  axios.get('data/blockDefinitions.json')\n    .then( result => {\n      _blockDefinitions = result.data;\n      parseDefinitionsSource();\n      addSpecialBlocks();\n      readyCallback(_blockDefinitions);    \n    } )\n    .catch( (error) => {\n      console.error( \"Error loading block definitions: \", error );\n    });\n}\n\n\nfunction parseDefinitionsSource(){\n  // Filter-out non-enabled blocks\n  _blockDefinitions = _blockDefinitions.filter( (block) => block.enabled );\n  \n  _blockDefinitions.forEach( (block) => {\n    // Remove v-model as we'll use model-value instead\n    let indexOfVmodel = block.properties.findIndex( (prop) => prop.name == \"v-model\" );\n    if( indexOfVmodel > -1 ){\n      block.properties.splice(indexOfVmodel, 1);\n    }\n    \n    // rename model-value to be Data Binding (v-model)\n    let indexOfModelValue = block.properties.findIndex( (prop) => prop.name == \"model-value\" );\n    if( indexOfModelValue > -1 ){\n      block.properties[indexOfModelValue].name = \"v-model\";\n      block.properties[indexOfModelValue].label = \"Data Binding\";\n    }\n\n    // Remove \"-\" values from bindings as they are not valid values\n    if( block.content.indexOf('v-on:click') > -1 || block.content.indexOf('v-model') > -1 ){\n      block.content = block.content.replace( `v-on:click=\"-\"`, `v-on:click=\"\"`);\n      block.content = block.content.replace( `v-model=\"-\"`, `v-model=\"\"`);\n    }\n\n    let blockProps = block.properties;\n    blockProps.forEach( (prop) => {\n      for( let propAttributeName in prop ){\n        let propAttrValue = prop[propAttributeName];\n\n        // Replace interpolated values (i.e. ${supportedIcons})) with the actual value\n        if( typeof propAttrValue == \"string\" && propAttrValue.indexOf('${') == 0 ){\n          let variableName = propAttrValue.slice(2,-1);\n          let variableValue = injectableVariables[variableName];\n          prop[propAttributeName] = variableValue;\n        }\n\n        // In case of multiple types for a prop, leave only the first one\n        // To-do: support for multiple types\n        if( Array.isArray(propAttrValue) ){\n          prop[propAttributeName] = propAttrValue[0];\n        }\n      }\n    });\n  });\n}\n\n\nfunction addSpecialBlocks(){    \n  // TempPlaceholder for dragged-bindings\n  _blockDefinitions.push({\n    type: \"tempplaceholder\", label: \"Temp PlaceHolder\", tagName: \"TEMPPLACEHOLDER\", \n    content: \"<tempplaceholder>TEMP Place holder</tempplaceholder>\", \n    properties: [], \n    droppable: false,     editable: false,     draggable: true,\n  } );\n\n  // ========================================================\n  //                    Plotly charts dynamic\n  // ========================================================\n  chartTypes.forEach( (chartTypeDef) => {\n    let encodedData = btoa( JSON.stringify( [chartTypeDef.traceTemplate] ) );\n    let traceLayout = chartTypeDef.traceLayout;\n    let encodedLayout = traceLayout ? btoa( JSON.stringify( traceLayout ) ) : \"eyJ0aXRsZSI6Ik15IENoYXJ0In0=\";\n    _blockDefinitions.push({\n      type: \"plotly\", label: chartTypeDef.id, tagName: \"PLOTLY\", category: \"Charts\", \n      content: `<plotly gb_c__data=\"${encodedData}\" gb_c__layout=\"${encodedLayout}\" gb_c__config=\"e30=\"></plotly>`, \n      renderContent: `<img src=\"img/block_icons/areaChart.png\" />`,  \n      icon: chartTypeDef.icon+'.png', \n      \n      properties: [\n        { label: 'Data', name: 'data', type:'PlotlyBase.GenericTrace' }, \n        { label: 'Layout', name: 'layout', type:'PlotlyBase.Layout' }, \n        { label: 'Config', name: 'config', type:'Object' }, \n        ], \n    });\n  });\n}\n\nexport { getBlockDefinitions, loadBlockDefinitions };","import {getBlockDefinitions} from \"./blockDefinitions.js\";\n//console.log( 'getBlockDefinitions', getBlockDefinitions );\n\nlet blockDefinitions, blockDefinitionsByTagName;\n\nfunction setBlockDefinitions(){\n    // need to load them only once\n    if( blockDefinitions == null ){        \n        blockDefinitions = getBlockDefinitions();\n        blockDefinitionsByTagName = {};\n        blockDefinitions.forEach((block) => {\n            blockDefinitionsByTagName[block.tagName] = block;\n        });\n    }\n}\n\nexport default class HtmlTemplateParser {\n  constructor() {\n    throw new Error(\n      \"HtmlTemplateParser is a static class and cannot be instantiated\"\n    );\n  }\n\n  static replaceSpecialElements(htmlString){\n    return htmlString.replace(/<%/g, '<JULIA_CODE>').replace(/%>/g, '</JULIA_CODE>');\n  }\n  static restoreSpecialElements(htmlString){\n    return htmlString.replace(/<JULIA_CODE>/gi, '<% ').replace(/<\\/JULIA_CODE>/gi, ' %>');\n  }\n\n  static encodeAttributesInDOM(element) {\n\n    // Ensure the element is a Node\n    if (!(element instanceof Node)) {\n    throw new Error(\"Element is not a Node\");\n    }\n\n    // Call the callback for the current element\n    HtmlTemplateParser.replaceElementAttributes(element);\n\n    // Recursively traverse the child nodes\n    for (let i = 0; i < element.childNodes.length; i++) {\n    HtmlTemplateParser.encodeAttributesInDOM(\n        element.childNodes[i]\n    );\n    }\n}\n\nstatic replaceElementAttributes( element ){\n    setBlockDefinitions();\n    let modelVariables = window.sharedData.modelFieldsByName;\n    let gbPrefix = 'gb_';\n    let bcTypeC = gbPrefix + 'c__';\n    let bcTypeB = gbPrefix + 'b__';\n    let specialDynamicAttributeNames = [ 'v-model', 'v-bind', 'v-on:click' ];\n    let excludedAttributeNames = [ 'class', 'style', 'id'];\n    let componentName = element.nodeName;\n    let componentDefinition = blockDefinitionsByTagName[componentName];\n            \n    // Do not parse elements without component definition\n            if( !componentDefinition ){\n        return\n    }\n    let componentPropertiesDefinitions = componentDefinition.properties;\n    let elementAttributeNames = element.getAttributeNames();\n    elementAttributeNames.forEach( (attributeName) => {\n        // Do not parse excluded attributes such as id, class, style...\n        if( excludedAttributeNames.indexOf(attributeName) > -1 ){\n            return;\n        }\n\n        let hasColon = attributeName.startsWith(':');\n        let cleanName = hasColon ? attributeName.slice(1) : attributeName;\n        let isDynamic = hasColon || specialDynamicAttributeNames.some( (specialName) => {\n            return attributeName.indexOf(specialName) === 0;\n        });\n        let attributeValue = element.getAttribute( attributeName );\n        let attributeDefinition = componentPropertiesDefinitions.find( el => el.name === cleanName );\n        let attributeValueMapsToModelVariable = modelVariables[attributeValue] != null;\n\n        // Only consider attributes that are defined in the component definition\n        if( attributeDefinition ){\n            // if its dynamic, it's either a binding or a constant\n            if( isDynamic ){\n                if( attributeValueMapsToModelVariable ){\n                    element.setAttribute( bcTypeB+ cleanName, attributeValue );\n                } else {\n                    element.setAttribute( bcTypeC+ cleanName, attributeValue );\n                }\n            // If it's not dynamic', it's a constant\n            }else{\n                if( attributeValue=='' ){\n                    element.setAttribute( bcTypeC+ cleanName, \"true\" );\n                }else {\n                    element.setAttribute( bcTypeC+ cleanName, attributeValue );\n                }\n            }\n            element.removeAttribute( attributeName );\n        }\n    });\n}\n\nstatic revertElementAttributes(element) {\n    setBlockDefinitions();\n    let gbPrefix = 'gb_';\n    let bcTypeC = gbPrefix + 'c__';\n    let bcTypeB = gbPrefix + 'b__';\n    let componentName = element.nodeName;\n    let componentDefinition = blockDefinitionsByTagName[componentName];\n    if( !componentDefinition ){\n        return;\n    }\n    let componentPropertiesDefinitions = componentDefinition.properties;\n    \n    let elementAttributeNames = element.getAttributeNames();\n    elementAttributeNames.forEach((attributeName) => {\n        let attributeValue = element.getAttribute( attributeName );\n        if (attributeName.startsWith(bcTypeC)) {\n            let originalName = attributeName.replace(bcTypeC, '');\n            let attributeDefinition = componentPropertiesDefinitions.find( el => el.name === originalName );\n            if( !attributeDefinition ){\n                throw new Error( 'Attribute definition not found for: ' + originalName );\n            }\n            let dataType = attributeDefinition.type;\n            //let dataType = HtmlTemplateParser.guessDataType(attributeValue);\n            if( componentName == \"PLOTLY\" && [\"data\", \"layout\", \"config\"].includes(originalName) ){\n                // To-do: revise if we need to handle this further\n            }else if( dataType != 'String' && !originalName .startsWith('v-on:') ){\n                originalName =  ':' + originalName;\n            }\n\n            element.setAttribute(originalName, attributeValue );\n            element.removeAttribute(attributeName);\n        } else if (attributeName.startsWith(bcTypeB)) {\n            let originalName = attributeName.replace(bcTypeB, '');\n            let bindingPrefix = (originalName === 'v-model' || originalName.startsWith('v-on:') ) ? '' : ':';\n            element.setAttribute(bindingPrefix + originalName, attributeValue );\n            element.removeAttribute(attributeName);\n        }\n    });\n}\n\nstatic decodeAttributesInDOM(rootElement) {\n    let elements = rootElement.querySelectorAll('*');\n    elements.forEach(element => {\n        HtmlTemplateParser.revertElementAttributes(element);\n    });\n}\n\nstatic guessDataType(input) {\n    if (typeof input === 'number' || /^-?\\d*\\.?\\d+$/.test(input)) {\n        return 'Number';\n    } else if (input === 'true' || input === 'false' || typeof input === 'boolean') {\n        return 'Boolean';\n    } else if (Array.isArray(input) || /^\\[.*\\]$/.test(input)) {\n        return 'Array';\n    } else {\n        return 'String';\n    }\n}\n\nstatic removeEmptyTextNodes(htmlString) {\n    // Parse the HTML string into a DOM document\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(htmlString, 'text/html');\n  \n    // Function to check if a node is an empty text node\n    const isEmptyTextNode = node => node.nodeType === Node.TEXT_NODE && !/\\S/.test(node.nodeValue);\n  \n    // Recursive function to remove all empty text nodes from a given node\n    const removeEmptyNodes = node => {\n      const childNodes = Array.from(node.childNodes);\n      childNodes.forEach(child => {\n        if (isEmptyTextNode(child)) {\n          // Remove the empty text node\n          node.removeChild(child);\n        } else {\n          // Recursively check this node's children\n          removeEmptyNodes(child);\n        }\n      });\n    };\n  \n    // Start the removal process from the body of the parsed document\n    removeEmptyNodes(doc.body);\n  \n    // Serialize the body back into a string\n    const serializer = new XMLSerializer();\n    const newHtmlString = serializer.serializeToString(doc.body);\n    // The serialized string includes <body> tags, so we remove them to only return the inner HTML\n    return newHtmlString.replace(/^<body>|<\\/body>$/g, '');\n  }\n  \n}\n","export default class Configuration{\n    constructor(){\n        throw new Error('Configuration is a static class and cannot be instantiated');\n    }\n\n    static appid = '';\n    static appport = '';\n    static CHANNEL__ = '';\n\n    static GB_SOURCE_LOCAL = 'local';\n    static GB_SOURCE_CLOUD = 'cloud';\n\n    static GB_SOURCE = '';\n    static GB_HOST = '';\n    static GB_PORT = '';\n\n    //static ask_ai_url = 'https://apps.peregimenez.com/docsbot/api/question';\n    static ask_ai_url = 'https://5590-77-229-161-26.ngrok-free.app/api/';\n\n    static getExternalApiBaseUrl( protocol ){\n        if( !protocol ){\n            throw new Error( \"getExternalApiBaseUrl() requires a protocol argument\" );\n        }\n        // Use secure protocols for cloud environment\n        if( Configuration.GB_SOURCE != Configuration.GB_SOURCE_LOCAL ){\n            protocol += 's';\n        }\n        let result = `${protocol}://${Configuration.GB_HOST}`;\n        if( Configuration.GB_SOURCE == Configuration.GB_SOURCE_LOCAL ){\n            result += `:`;\n        }else{\n            result += `/proxy/`;\n        }\n        result += `${Configuration.GB_PORT}/`;\n        console.log( protocol + \" - getExternalApiBaseUrl: \", result );\n        return result;\n    }\n    \n    static getAppBaseUrl( protocol, appPort ){\n        if( !protocol ){\n            throw new Error( \"getAppBaseUrl() requires a protocol argument\" );\n        }\n        // Use secure protocols for cloud environment\n        if( Configuration.GB_SOURCE != Configuration.GB_SOURCE_LOCAL ){\n            protocol += 's';\n        }\n        let result = `${protocol}://${Configuration.GB_HOST}`;\n        if( Configuration.GB_SOURCE == Configuration.GB_SOURCE_LOCAL ){\n            result += `:`;\n        }else{\n            result += `/proxy/`;\n        }\n        result += `${appPort}/`;\n        console.log( protocol + \" - getAppBaseUrl: \", result );\n        return result;\n    }\n\n    static getAppAssetsBaseUrl( protocol, appPort ){\n        if( !protocol ){\n            throw new Error( \"getAppAssetsBaseUrl() requires a protocol argument\" );\n        }\n        // Use secure protocols for cloud environment\n        if( Configuration.GB_SOURCE != Configuration.GB_SOURCE_LOCAL ){\n            protocol += 's';\n        }\n        let result = `${protocol}://${Configuration.GB_HOST}`;\n        if( Configuration.GB_SOURCE == Configuration.GB_SOURCE_LOCAL ){\n            result += `:`;\n            result += `${appPort}/`;\n        }\n        console.log( protocol + \" - getAppAssetsBaseUrl: \", result );\n        return result;\n    }\n\n\n}","<template>\n  <div style=\"height: 100%\">\n    <div id=\"gjs\" style=\"height: 300px\"></div>\n    <ComponentAddDialog\n      v-if=\"componentPlaceHolderData\"\n      @closeDialog=\"onComponentAddDialogClose\"\n      :appData=\"props.appData\"\n      :componentPlaceHolderData=\"componentPlaceHolderData\"\n    />\n    <div id=\"customLibrary\" style=\"display: none;\">\n      Custom Blocks\n      <div class=\"blocks\">\n        <div v-for=\"block in blocks\" class=\"block\" :key=\"block.id\" \n          @mousedown=\"dragStart(block)\">\n          <div class=\"block-label\">{{ block.label }}</div>\n        </div>\n      </div>\n    </div>\n    \n    <div id=\"canvasBlocker\" ref=\"canvasBlocker\" v-if=\"aiCodePreviewShown\" @click=\"addShakeEffect\">\n      <div id=\"canvasBlockerDialog\">\n        <div style=\"margin-bottom: 5px;\">AI Code Assistant changes applied!</div>\n        <vscode-button @click=\"revertAiCodeChanges\" style=\"width: 100px !important; margin-right: 10px;     background-color: #aaa;\">Revert</vscode-button>\n        <vscode-button @click=\"acceptAiCodeChanges\" style=\"width: 100px !important;\">Keep</vscode-button>\n\n      </div>\n      canvas blocker\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from \"vue\";\nimport axios from 'axios';\nimport _ from 'lodash';\n//import grapesjs from \"grapesjs\";\nimport \"grapesjs/dist/css/grapes.min.css\";\n\nimport ComponentAddDialog from \"./ComponentAddDialog.vue\";\nimport { registerPlotlyComponent } from \"../customblocks/plotlyComponent.js\";\nimport HtmlTemplateParser from \"../../utils/HtmlTemplateParser.js\";\nimport Configuration from \"../../utils/Configuration\";\n\n\nwindow.HtmlTemplateParser = HtmlTemplateParser;\n\nconst emit = defineEmits([\"componentSelected\", \"bindingDroppedOnComponent\"]);\n\nconst props = defineProps([\"appData\"]);\n\nlet modelFields = ref(props.appData.pages[0].model.fields);\nlet modelFieldsByName = {};\nmodelFields.value.forEach( field => {\n    modelFieldsByName[field.name] = field;\n});\n\nlet blocks = blockDefinitions.map( (item)=>{\n  let newDef = {\n    type: item.type,\n    label: item.label, \n    tagName: item.tagName,\n    id: item.type,\n    category: item.category, \n    content: item.content,\n    droppable: item.droppable,\n    draggable: item.draggable,\n    editable: item.editable,\n    activate: true, \n  }\n  return newDef;\n});\n\n\nwindow.selectedComponent = null;\n\nlet componentPlaceHolderData = ref(null);\nlet mockedAppTemplate = ref(null);\nlet reactiveModel = ref({});\nlet canvasBlocker = ref(null);\nlet aiCodePreviewShown = ref(false);\n\n\nfunction revertAiCodeChanges(){\n  editor.UndoManager.undo();\n  aiCodePreviewShown.value = false;\n}\nfunction acceptAiCodeChanges(){\n  aiCodePreviewShown.value = false;\n}\n\nfunction onComponentAddDialogClose(removeSelected) {\n  if (removeSelected) {\n    editor.getSelected().remove();\n    window.selectedComponent = null;\n    editor.select(null);\n  }\n  componentPlaceHolderData.value = null;\n}\n\n\n\nfunction onComponentAdded(info) {\n  editor.select(info);\n  if (info.attributes.tagName == \"tempplaceholder\") {\n    let parent = info.view.$el[0].parentNode;\n    let parentBlockType = parent.grapesModel?.attributes.type;\n    if (\n      parentBlockType == \"plotly\" &&\n      info.attributes.attributes.bindingname &&\n      info.attributes.attributes.datatype\n    ) {\n      emit(\"bindingDroppedOnComponent\", {\n        newComponentModel: info, \n        targetModel: parent.grapesModel,\n        bindingInfo: info.attributes.attributes,\n      });\n    } else {\n      offerComponents(\n        info.attributes.attributes.bindingname,\n        info.attributes.attributes.datatype\n      );\n    }\n  }\n}\n\n// this version of the function searches only in v-model\nfunction offerComponents(bindingname, datatype) {\n  console.log( 'offerComponents', bindingname, datatype );\n  // Find ui components with properties matching the bindingname and datatype\n  let defs = blockDefinitions;\n  let components = [];\n  // Iterate over all components and find those that have a property matching the datatype\n  defs.forEach((def) => {\n    let componentType = def.type; // this is not datatype, butcomponent type\n    let properties = def.properties;\n    let matchingdataTypePropertyNames = properties\n      .filter((property) => {\n        let matchesType = property.type == datatype;\n        let isVmodel = property.name == \"v-model\";\n        return matchesType && isVmodel;\n      })\n      .map((property) => property.name);\n    // If there is a property matching the datatype, add the component to the list\n    // By now, restricted to v-model\n    if (\n      (matchingdataTypePropertyNames.length > 0 && matchingdataTypePropertyNames.includes(\"v-model\") )\n    ) {\n      components.push({\n        type: componentType,\n        label: def.label,\n        content: def.content,\n        matchingProperties: matchingdataTypePropertyNames,\n      });\n    }\n    // Spcial case for pltly components\n    if( datatype == 'DataFrames.DataFrame' && componentType == 'plotly' ){\n      components.push({\n        type: componentType,\n        label: def.label,\n        content: def.content,\n        icon: def.icon,\n        matchingProperties: ['data'],\n      });\n    }else if( datatype == 'DataTable.DataFrames.DataFrame' && componentType == 'q-table' ){\n      components.push({\n        type: componentType,\n        label: def.label,\n        content: def.content,\n        icon: def.icon,\n        matchingProperties: ['data'],\n      });\n    }\n  });\n  componentPlaceHolderData.value = {\n    components: components,\n    bindingname: bindingname,\n    datatype: datatype,\n  };\n}\n\n\n\n  window.sharedData = {\n    externalData: null,\n    setExternalData: function(newData) {\n      // Update externalData with incoming properties\n      for( let p in newData ){\n        this.externalData[p] = newData[p];\n      }\n      // Notify all components of the change\n      const event = new CustomEvent('sharedDataChanged', { detail: this.externalData });\n      for( let componentId in window.canvasComponents ){\n        let component = window.canvasComponents[componentId];\n        if( component != null ){\n          component.onExternalDataChanged(event);\n        }\n      }\n    }\n  };\n\n\n  window.sharedData.externalData = {\n      initialProperty: \"initialValue\"\n  };\n\n\n\n  window.sharedData.getComponentDefinitionByType = getComponentDefinitionByType\n  window.sharedData.modelFieldsByName = modelFieldsByName\n  \n  \n  let wsUrl = Configuration.getAppBaseUrl('ws', Configuration.appport)\n  let ws; // = new WebSocket(wsUrl);\n\n\n\nfunction getComponentDefinitionByType(type) {\n  let defs = blockDefinitions;\n  let result = defs.find((def) => def.type.toLowerCase() == type.toLowerCase());\n  return result;\n}\n\n\nfunction updateReactiveModelVariable( key, value){\n    reactiveModel.value[key] = value;\n    window.sharedData.setExternalData(reactiveModel.value);\n}\n\n\nfunction sendWsMessage( message, payload={} ){\n  let msg = JSON.stringify({\n        'channel': Configuration.CHANNEL__,\n        'message': message,\n        'payload': payload\n      });\n      ws.send( msg );\n}\n\n\nfunction subscribeAutoreload( ){\n  let msg = JSON.stringify({\n        'channel': \"autoreload\",\n        'message': \"subscribe\",\n        'payload': {}\n      });\n      ws.send( msg );\n}\n\n\nfunction newSocketConnection() {\n  ws = new WebSocket(wsUrl);\n\n    ws.addEventListener('open', event => {\n      sendWsMessage( 'subscribe' );    \n      subscribeAutoreload();  \n    });\n\n    ws.addEventListener('message', event => {\n      if( event.data == 'Subscription: OK' ){\n        sendWsMessage( 'watchers', \n        { \n          payload:{\n            \"field\": \"isready\",\n            \"newval\": true,\n            \"oldval\": false,\n          }\n        });\n        return;\n      }else if( event.data.indexOf('{') == 0  ){\n        let msgObject = JSON.parse( event.data );\n        if( msgObject.key != null ){\n          updateReactiveModelVariable( msgObject.key, msgObject.value );\n        }\n      }\n    });\n\n    ws.addEventListener('close', event => {\n      console.log( 'newSocketConnection::close', event );\n    });\n\n    ws.addEventListener('error', error => {\n      console.log( 'newSocketConnection::error', error );\n    });\n\n    return ws\n}\n\n// Function used to dynamically load each script to mock the Genie App\nfunction loadScript(src, callback) {\n    var script = document.createElement('script');\n    script.src = src;\n    script.onload = () => callback(src);\n    script.onerror = () => console.error(`Error loading script: ${src}`);\n    document.head.appendChild(script);\n}\n\nfunction initMockedGenieApp(){\n  // Get the app scripts and styles, excluding unneeded ones, \n  // removing ending slash if present\n  let scripts = props.appData.pages[0].deps.scripts;\n  let appBasePath = Configuration.getAppAssetsBaseUrl('http', props.appData.port);\n  if( appBasePath[appBasePath.length-1] == '/' ){\n    appBasePath = appBasePath.substring(0, appBasePath.length-1);\n  }\n\n  // List of app scripts needed to mock the app\n  let mockedScriptsToExtract = [\n    \"assets/js/vue.js\", \n    \"assets/js/channels.js\", \n    \"assets/js/stipplecore.js\",\n    \"assets/js/watchers.js\",\n    \"assets/js/main_app_varmain_app_reactivemodel.js\" \n  ];\n  \n  // List of scripts, with full paths, to load in the mocked app\n  let mockedScripts = [];\n  scripts.forEach((script) => {\n    let found = false;\n    mockedScriptsToExtract.forEach((mockedScript) => {\n      if (script.indexOf(mockedScript) > -1) {        \n        let scriptPath = appBasePath + script;\n        mockedScripts.push(scriptPath);\n      }\n    });\n  });\n  \n  // Set autorun to false, so that Stipple doesn't start automatically\n  window.autorun = false;\n\n  // Dynamically load all scripts required to mock the app\n  let loadedScriptsCount = 0;\n  mockedScripts.forEach(script => {\n      loadScript(script, function() {\n          loadedScriptsCount++;\n          if (loadedScriptsCount === mockedScripts.length) {\n            // When done loading them all, initialize the mocked app\n            console.log('All scripts loaded successfully!');\n            initStipple(\"#Main_App_varMain_App_ReactiveModel\");\n            // Then updated the shared data with the initial reactive model properties and values\n            window.sharedData.setExternalData(window.GENIEMODEL._data);\n            // start the WS connection to listen to changes\n            newSocketConnection();\n            // and finally start the editor, now that the mocked-app, socket and shared data are ready\n            initEditor();\n          }\n      });\n  });\n}\n\nfunction initEditor(){\n  // Get the app scripts and styles, excluding unneeded ones\n  let scripts = props.appData.pages[0].deps.scripts;\n  let appBasePath = Configuration.getAppAssetsBaseUrl('http', props.appData.port);\n  // Remove ending slash if present\n  if( appBasePath[appBasePath.length-1] == '/' ){\n    appBasePath = appBasePath.substring(0, appBasePath.length-1);\n  }\n  let excludedScripts = [\n    \"assets/js/channels.js\", \n    //\"assets/js/stipplecore.js\",\n    //\"assets/js/vue_filters.js\",\n    \"assets/js/watchers.js\",\n    \"assets/js/keepalive.js\",\n    \"assets/js/syncplot.js\",\n    \"assets/js/autoreload.js\",\n    \"assets/js/main_app_varmain_app_reactivemodel.js\"\n\n  ];\n  let parsedSCripts = [];\n  scripts.forEach((script) => {\n    let found = false;\n    excludedScripts.forEach((excludedScript) => {\n      if (script.indexOf(excludedScript) > -1) {\n        found = true;\n        return;\n      }\n    });\n    if( !found ){\n      let scriptPath = appBasePath + script;\n      parsedSCripts.push(scriptPath);\n    }\n  });\n  parsedSCripts.push(\"data/contentMain.js\");\n  console.log( 'parsedSCripts', parsedSCripts );\n  let commonStyles = [];\n  commonStyles.push( \"https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons\");\n  props.appData.pages[0].deps.styles.forEach((style) => {\n    let stylePath = appBasePath + style;\n    commonStyles.push(stylePath);\n  });\n  \n  /* commonStyles.push( appBasePath + \"/stipple.jl/master/assets/css/stipplecore.css\" );\n  commonStyles.push( appBasePath + \"/stippleui.jl/master/assets/css/quasar.min.css\" ); */\n  commonStyles.push( \"data/grapesCanvas.css\" );\n\n  const editor = (window.editor = grapesjs.init({\n    container: \"#gjs\",\n    fromElement: true,\n    storageManager: false, // Disable the storage manager for the moment\n    canvas: {\n      scripts: parsedSCripts,\n      styles: commonStyles\n    },\n    \n    // Add Styles Editor panel\n    /* panels: { defaults: [\n    ] }, */\n    i18n: {\n      locale: 'en', \n      detectLocale: false,\n      messages: {\n        en: {\n          domComponents: {\n            names: {\n              'div': 'Div', // default has an empty key\n            }\n          }\n        }\n      } \n    }, \n\n    layerManager: {\n      // If the `root` is not specified or the component element is not found,\n      // the main wrapper component will be used.\n      root: '#gbTemplateContainer',\n      appendTo: \"#layersContainer\", \n      sortable: true,\n      hidable: true,\n    }, \n    blockManager: {\n      custom: true, \n      /* appendTo: \"#customLibrary\",*/\n      blocks: blocks, \n    },\n    styleManager: {\n      appendTo: \"#myStyleEditorContainerSections\",\n          sectors: [{\n              name: 'General',\n              properties:[\n                {\n                  extend: 'float',\n                  type: 'radio',\n                  default: 'none',\n                  options: [\n                    { value: 'none', className: 'fa fa-times'},\n                    { value: 'left', className: 'fa fa-align-left'},\n                    { value: 'right', className: 'fa fa-align-right'}\n                  ],\n                },\n                'display',\n                { extend: 'position', type: 'select' },\n                'top',\n                'right',\n                'left',\n                'bottom',\n              ],\n            }, {\n                name: 'Dimension',\n                open: false,\n                properties: [\n                  'width',\n                  {\n                    id: 'flex-width',\n                    type: 'integer',\n                    name: 'Width',\n                    units: ['px', '%'],\n                    property: 'flex-basis',\n                    toRequire: 1,\n                  },\n                  'height',\n                  'max-width',\n                  'min-height',\n                  'margin',\n                  'padding'\n                ],\n              },{\n                name: 'Typography',\n                open: false,\n                properties: [\n                    'font-family',\n                    'font-size',\n                    'font-weight',\n                    'letter-spacing',\n                    'color',\n                    'line-height',\n                    {\n                      extend: 'text-align',\n                      options: [\n                        { id : 'left',  label : 'Left',    className: 'fa fa-align-left'},\n                        { id : 'center',  label : 'Center',  className: 'fa fa-align-center' },\n                        { id : 'right',   label : 'Right',   className: 'fa fa-align-right'},\n                        { id : 'justify', label : 'Justify',   className: 'fa fa-align-justify'}\n                      ],\n                    },\n                    {\n                      property: 'text-decoration',\n                      type: 'radio',\n                      default: 'none',\n                      options: [\n                        { id: 'none', label: 'None', className: 'fa fa-times'},\n                        { id: 'underline', label: 'underline', className: 'fa fa-underline' },\n                        { id: 'line-through', label: 'Line-through', className: 'fa fa-strikethrough'}\n                      ],\n                    },\n                    'text-shadow'\n                ],\n              },{\n                name: 'Decorations',\n                open: false,\n                properties: [\n                  'opacity',\n                  'border-radius',\n                  'border',\n                  'box-shadow',\n                  'background', // { id: 'background-bg', property: 'background', type: 'bg' }\n                ],\n              },{\n                name: 'Extra',\n                open: false,\n                buildProps: [\n                  'transition',\n                  'perspective',\n                  'transform'\n                ],\n              },{\n                name: 'Flex',\n                open: false,\n                properties: [{\n                  name: 'Flex Container',\n                  property: 'display',\n                  type: 'select',\n                  defaults: 'block',\n                  list: [\n                    { value: 'block', name: 'Disable'},\n                    { value: 'flex', name: 'Enable'}\n                  ],\n                },{\n                  name: 'Flex Parent',\n                  property: 'label-parent-flex',\n                  type: 'integer',\n                },{\n                  name: 'Direction',\n                  property: 'flex-direction',\n                  type: 'radio',\n                  defaults: 'row',\n                  list: [{\n                    value: 'row',\n                    name: 'Row',\n                    className: 'icons-flex icon-dir-row',\n                    title: 'Row',\n                  },{\n                    value: 'row-reverse',\n                    name: 'Row reverse',\n                    className: 'icons-flex icon-dir-row-rev',\n                    title: 'Row reverse',\n                  },{\n                    value: 'column',\n                    name: 'Column',\n                    title: 'Column',\n                    className: 'icons-flex icon-dir-col',\n                  },{\n                    value: 'column-reverse',\n                    name: 'Column reverse',\n                    title: 'Column reverse',\n                    className: 'icons-flex icon-dir-col-rev',\n                  }],\n                },{\n                  name: 'Justify',\n                  property: 'justify-content',\n                  type: 'radio',\n                  defaults: 'flex-start',\n                  list: [{\n                    value: 'flex-start',\n                    className: 'icons-flex icon-just-start',\n                    title: 'Start',\n                  },{\n                    value: 'flex-end',\n                    title: 'End',\n                    className: 'icons-flex icon-just-end',\n                  },{\n                    value: 'space-between',\n                    title: 'Space between',\n                    className: 'icons-flex icon-just-sp-bet',\n                  },{\n                    value: 'space-around',\n                    title: 'Space around',\n                    className: 'icons-flex icon-just-sp-ar',\n                  },{\n                    value: 'center',\n                    title: 'Center',\n                    className: 'icons-flex icon-just-sp-cent',\n                  }],\n                },{\n                  name: 'Align',\n                  property: 'align-items',\n                  type: 'radio',\n                  defaults: 'center',\n                  list: [{\n                    value: 'flex-start',\n                    title: 'Start',\n                    className: 'icons-flex icon-al-start',\n                  },{\n                    value: 'flex-end',\n                    title: 'End',\n                    className: 'icons-flex icon-al-end',\n                  },{\n                    value: 'stretch',\n                    title: 'Stretch',\n                    className: 'icons-flex icon-al-str',\n                  },{\n                    value: 'center',\n                    title: 'Center',\n                    className: 'icons-flex icon-al-center',\n                  }],\n                },{\n                  name: 'Flex Children',\n                  property: 'label-parent-flex',\n                  type: 'integer',\n                },{\n                  name: 'Order',\n                  property: 'order',\n                  type: 'integer',\n                  defaults: 0,\n                  min: 0\n                },{\n                  name: 'Flex',\n                  property: 'flex',\n                  type: 'composite',\n                  properties  : [{\n                    name: 'Grow',\n                    property: 'flex-grow',\n                    type: 'integer',\n                    defaults: 0,\n                    min: 0\n                  },{\n                    name: 'Shrink',\n                    property: 'flex-shrink',\n                    type: 'integer',\n                    defaults: 0,\n                    min: 0\n                  },{\n                    name: 'Basis',\n                    property: 'flex-basis',\n                    type: 'integer',\n                    units: ['px','%',''],\n                    unit: '',\n                    defaults: 'auto',\n                  }],\n                },{\n                  name: 'Align',\n                  property: 'align-self',\n                  type: 'radio',\n                  defaults: 'auto',\n                  list: [{\n                    value: 'auto',\n                    name: 'Auto',\n                  },{\n                    value: 'flex-start',\n                    title: 'Start',\n                    className: 'icons-flex icon-al-start',\n                  },{\n                    value   : 'flex-end',\n                    title: 'End',\n                    className: 'icons-flex icon-al-end',\n                  },{\n                    value   : 'stretch',\n                    title: 'Stretch',\n                    className: 'icons-flex icon-al-str',\n                  },{\n                    value   : 'center',\n                    title: 'Center',\n                    className: 'icons-flex icon-al-center',\n                  }],\n                }]\n              }\n            ],\n        },\n    selectorManager: { \n      appendTo: \"#myStyleEditorContainerClasses\",\n      componentFirst: true \n    },\n    plugins: ['grapesjs-plugin-ckeditor'/* , 'grapesjs-component-code-editor' */],\n    pluginsOpts: {\n        //'grapesjs-component-code-editor': { appendTo:'#componentCodeEditor' }, \n        'grapesjs-plugin-ckeditor': {\n          options: {\n            //extraPlugins: 'sharedspace,justify,colorbutton,panelbutton,font',\n            \t//language: 'en',\n            \t/* toolbarGroups: [\n              \t//{ name: 'document', groups: [ 'mode', 'document', 'doctools' ] },\n                //{ name: 'clipboard', groups: [ 'undo' ] },\n                { name: 'editing', groups: [ 'undo', 'find', 'selection', 'spellchecker' ] },\n                //{ name: 'forms', groups: [ 'forms' ] },\n                //'/',\n                { name: 'basicstyles', groups: [ 'cleanup' ] },\n                //{ name: 'justify', groups: [ 'justifyleft', 'justifyright', 'justifycenter' ] },\n                { name: 'paragraph', groups: [ 'list', 'paragraph' ] },\n                //{ name: 'links', groups: [ 'links' ] },\n                //{ name: 'insert', groups: [ 'insert' ] },\n                '/',\n                { name: 'styles', groups: [ 'FontSize' ] },\n                { name: 'colors', groups: [ 'colors' ] },\n                //{ name: 'tools', groups: [ 'tools' ] },\n                //{ name: 'others', groups: [ 'others' ] },\n                //{ name: 'about', groups: [ 'about' ] }\n            \t],\n              removeButtons: 'NewPage' */\n              toolbar: [\n                { name: 'undo', items: ['Undo', 'Redo' ] },\n                { name: 'styles', items: ['Font', 'FontSize' ] },\n                ['Bold', 'Italic', 'Underline', 'Strike'],\n                //{name: 'paragraph', items : [ 'NumberedList', 'BulletedList']},\n                {name: 'links', items: ['Link', 'Unlink']},\n                {name: 'colors', items: [ 'TextColor', 'BGColor' ]},\n              ],\n       \t \t},\n        }\n      }\n  }));\n\n\nconst { Panels } = editor;\nPanels.getButton('views', 'open-blocks').set('active', false);\n\n// Use to bypass child-components·\"select\" event\n// used to prevent flickering when autoselecting the root node of the composite component\nlet compositeComponentAddedOrRemoved = false;\n  \n  editor.runCommand(\"sw-visibility\");\n\n  editor.on(\"rte:enable\",()=>{\n    setTimeout(()=>{\n      editor.trigger('frame:scroll');\n      console.log( 'rte:enable' );\n    }, 1000);\n    //editor.trigger('canvasScroll');\n  });\n\n  editor.on(\"component:add\", (com) => {\n    // For composite object, we autoselect the root object after a short delay\n    // since this event will also be triggered by its children\n    if( com.attributes.attributes.iscomposite=='true' ){\n      compositeComponentAddedOrRemoved = true;\n      setTimeout(()=>{\n        compositeComponentAddedOrRemoved = false;\n        onComponentAdded(com);\n        emit(\"componentSelected\", com);\n        debouncedAutoSave();\n      }, 200);\n    }else{\n      if( !compositeComponentAddedOrRemoved ){\n        onComponentAdded(com);\n        debouncedAutoSave();\n      }\n    }\n  });\n  \n  editor.on(\"component:remove\", (com) => {\n    if( com.attributes.attributes.iscomposite=='true' ){\n      compositeComponentAddedOrRemoved = true;\n      setTimeout(()=>{\n        compositeComponentAddedOrRemoved = false;\n        emit(\"componentSelected\", null);\n        debouncedAutoSave();\n      }, 200);\n    }else{\n      if( !compositeComponentAddedOrRemoved ){\n        emit(\"componentSelected\", null);\n        debouncedAutoSave();\n      }\n    }    \n  });\n  \n\n  editor.on(\"component:selected\", (com) => {\n    // Skipe event if a composite component was added recenty\n    if( compositeComponentAddedOrRemoved ){\n      return;\n    }else{\n      emit(\"componentSelected\", com);\n    }\n  });\n\n\n\n  editor.on(\"component:update\", (com) => { debouncedAutoSave();   });\n  editor.on(\"component:styleUpdate\", (com) => { debouncedAutoSave();   });\n  editor.on(\"property:compAdd:\", (com) => { debouncedAutoSave();   });\n  editor.on(\"property:compRemove:\", (com) => { debouncedAutoSave();   });\n  editor.on(\"property:compUpdate:\", (com) => { debouncedAutoSave();   });\n\n  let debouncedAutoSave = _.debounce(function () {\n    console.log( '>>>>>>>>>> component:autoSave' );\n      emit(\"autoSaveTriggered\");\n  }, 1000);\n\n\n\n  editor.on(\"canvas:dragdata\", (dataTransfer, result, event) => {\n    // If dataTransfer is present, it's a binding\n    if( dataTransfer ){\n      let objectData = dataTransfer.getData(\"text\");\n      objectData = JSON.parse(objectData);\n      if (objectData.objectType == \"binding\") {\n        result.content = `<tempplaceholder style=\"padding:10px;\" bindingname=\"${objectData.bindingname}\" datatype=\"${objectData.datatype}\">{{ ${objectData.bindingname} }}</tempplaceholder>`;\n      }\n      // Else, it's a block from the custom-native library\n    }else{\n      result.content = result.content.content\n    }\n  });\n\n  // ---------- GENIE/STIPPLE COMPONENTS ----------\n  editor.DomComponents.addType('julia_code', {\n    model:{\n      defaults: {\n        tagName: 'julia_code',\n          editable: true,\n          droppable: false,\n      }\n    }, \n    view: {\n\t\tevents: {\n\t\t\tdblclick: 'onActive',\n\t\t\tfocusout: 'onDisable',\n\t\t},\n\t\tonActive() {\n\t\t\tthis.el.contentEditable = true;\n\t\t},\n\t\tonDisable() {\n\t\t\tconst { el, model } = this;\n\t\t\tel.contentEditable = false;\n\t\t\tmodel.set('content', el.innerHTML)\n\t\t},\n\t}\n  });\n\n  // ---------- VUE CUSTOM COMPONENTS ----------\n  registerPlotlyComponent(editor);\n\n  // ---------- CUSTOM COMPONENTS ----------\n  blockDefinitions.forEach((definition) => {\n    const blacklist = [\"plotly\", \"tempplaceholder\"];\n    if (blacklist.includes(definition.type)) {\n      return;\n    }\n    editor.DomComponents.addType(definition.type, {\n      isComponent: (el) => {\n        if (el.tagName == definition.tagName) {\n          return { type: definition.type, name: definition.label };\n        }\n      },\n      model: {\n        defaults: {\n          //traits: definition.traits,\n          draggable: definition.draggable,\n          droppable: definition.droppable,\n          editable: definition.editable,\n          isComposite: definition.isComposite,\n          script: function(){    \n            var serverData = window.parent.sharedData.externalData;\n            \n            let uniqueId = this.attributes.id.nodeValue;\n\n            window.parent.addCanvasComponent( uniqueId, this );\n\n            this.onExternalDataChanged = (event)=>{\n                serverData = event.detail;\n                mappedAttributes = getMappedAttributes(this.attributes);\n                this.vueApp.updateServerData(serverData);\n            }\n\n            function getMappedAttributes(attributesIn){\n              let mappedAttributes = {};                    \n              let attributeNames = Object.getOwnPropertyNames(attributesIn);\n              attributeNames.forEach( (attrName)=>{\n                let attributeValue = attributesIn[attrName] !== undefined ? attributesIn[attrName]: attributesIn[attrName];\n                mappedAttributes[attrName] = attributeValue;\n              });\n              return mappedAttributes;\n            }\n            let tagName = this.grapesModel.attributes.tagName;\n            let attributesObject = this.grapesModel.attributes.attributes;\n            let getComponentDefinitionByType = window.parent.sharedData.getComponentDefinitionByType;\n            let modelFieldsByName = window.parent.sharedData.modelFieldsByName;\n            let componentDefinition = getComponentDefinitionByType( tagName );\n            \n            let mappedAttributes = getMappedAttributes(this.grapesModel.attributes.attributes);\n\n              Vue.config.warnHandler = (err, vm, info) => {\n                let element = document.getElementById(uniqueId);\n                element.innerHTML = `<div class=\"componentError\"><b style=\"font-size: 1.2em;\">${componentDefinition.label}</b><br/>${err}</div>`;\n                // err: error trace\n                // vm: component in which error occured\n                // info: Vue specific error information such as lifecycle hooks, events etc.\n              };\n              Stipple.init({theme: 'stipple-blue'});\n            this.vueApp = new Vue({\n                el: '#vueinternal_'+uniqueId,\n                //components: { QBtn:Quasar.}, \n                data: function(){ \n                    \n                    return {                        \n                        message:\"TESTING_ID\",\n                        attributes: mappedAttributes,  \n                        serverData: serverData,\n                    }\n                }, \n                computed:{\n                  parsedAttributes(){\n                    let result = {};\n                    let attributesObject = this.attributes;\n                    console.log( 'parsedAttributes', attributesObject );\n                    for( let keyRaw in attributesObject ){\n                      let key = keyRaw[0] == ':' ? keyRaw.substring(1) : keyRaw;\n                      let propertyDefinition = componentDefinition.properties.find( prop => prop.name == key );\n                      let attributeValue = attributesObject[keyRaw];\n                      let valueIsBinding = modelFieldsByName[attributeValue] != null;\n                      if( key == 'v-model' ){\n                        result['v-model'] = this.serverData[attributeValue];\n                        continue;\n                      }\n                      if( propertyDefinition ){\n                        if( valueIsBinding ){\n                          result[`:${key}`] = this.serverData[attributeValue];\n                        }else{\n                          if( propertyDefinition.type == \"String\" ){\n                            result[`${key}`] = attributeValue;\n                          }else{\n                            result[`:${key}`] = attributeValue;\n                          }\n                        }\n                      }else{\n                        result[`${key}`] = attributeValue;\n                      }\n                    }\n                    return result;\n                  }\n                },\n                methods: {\n                    updateServerData(newServerData){\n                        this.serverData = newServerData;\n                    }, \n                    updateAttributes(attrs){             \n                        this.attributes = getMappedAttributes(attrs);\n                        mappedAttributes = this.attributes;\n                        this.updateServerData(this.serverData);\n                        this.$forceUpdate();\n                    }, \n\n                }, \n                mounted() {\n                }\n            });\n\n          }\n        },\n        init() {\n          this.listenTo(this, 'change:attributes', this.onAttributeChange);\n        },\n        handleAttrChange() {\n          //this.render();\n        },\n        render: function () {\n          this.view.onRender();\n        },\n        removed() {\n            window.parent.postMessage( {command:\"removeCanvasComponent\", uid:this.ccid }, \"*\" );\n        },\n      },\n      view: {\n        onAttributeChange() {\n        }, \n        onRender() {\n          const { el, model } = this;\n          let uniqueId = el.attributes.id.nodeValue;\n          el.grapesModel = model;\n\n          let tagName = el.grapesModel.attributes.tagName;\n          let attributesObject = el.grapesModel.attributes.attributes;\n          let componentDefinition = getComponentDefinitionByType( tagName );\n          let renderContent = `<div id=\"vueinternal_${uniqueId}\" style=\"position: relative;\">\n            <${tagName} `;\n            \n            for( let keyRaw in attributesObject ){\n              let key = keyRaw;\n              if( key.indexOf('gb_c__') == 0 || key.indexOf('gb_b__') == 0 ){\n                key = key.substring(6);\n              }              \n              //= keyRaw[0] == ':' ? keyRaw.substring(1) : keyRaw;\n              let propertyDefinition = componentDefinition.properties.find( prop => prop.name == key );\n              let attributeValue = attributesObject[keyRaw];\n              let valueIsBinding = modelFieldsByName[attributeValue] != null;\n              \n              // If binding not recognised, check if it's a composed name (binding.property)\n              if( !valueIsBinding && attributeValue.indexOf('.') > -1 ){\n                let bindingParts = attributeValue.split('.');\n                let bindingName = bindingParts[0];\n                // Check if binding exists with that name and if it's a dataTable\n                let bindingObject = modelFieldsByName[bindingName];\n                if( bindingObject && bindingObject.type == 'DataTable.DataFrames.DataFrame' ){\n                  // then check among its props\n                  if( bindingObject.props && bindingObject.props.includes( bindingParts[1] ) )\n                    valueIsBinding = true;\n                }\n              }\n              if( key == 'v-model' ){\n                if( attributeValue == '' )\n                  renderContent += `v-model=\"serverData.none\" `;\n                else\n                  renderContent += `v-model=\"serverData.${attributeValue}\" `;\n                continue;\n              }\n              if( propertyDefinition ){\n                if( valueIsBinding ){\n                  renderContent += `:${key}=\"serverData.${attributeValue}\" `;\n                }else{\n                  if( propertyDefinition.type == \"String\" || key.indexOf('v-on') == 0 ){\n                    renderContent += `${key}=\"${attributeValue}\" `;\n                  }else{\n                    renderContent += `:${key}=\"${attributeValue}\" `;\n                  }\n                }\n              }else{\n                renderContent += `${key}=\"${attributeValue}\" `;\n              }\n            }\n\n            renderContent += `></${tagName}>\n            </div>\n          `;\n\n          \n          el.innerHTML = renderContent;\n        },\n      },\n    });\n  });\n\n  // Load autogenerated styles\n  let styles = props.appData.pages[0].assets;\n  let autogeneratedStyles = styles.find((style) => {\n    return style.indexOf('autogenerated.css') > -1;\n  });\n  if( autogeneratedStyles ){\n    let stylePath = window.apibase + 'apps/' + Configuration.appid + '/edit?path=' + encodeURIComponent( autogeneratedStyles );\n    axios.get( stylePath ).then( (result) => {\n      editor.setComponents(mockedAppTemplate.value);\n      editor.setStyle(result.data.content);\n    }).catch( (error) => {\n      console.log('error loading autogenerated styles', error);\n    });\n  }else{\n    editor.setComponents(mockedAppTemplate.value);\n  }\n\n}\n\nfunction showAiCodePreview(show){\n  console.log( 'showAiCodePreview', show );\n  aiCodePreviewShown.value = show;\n}\n\nfunction addShakeEffect($event) {\n  if( $event.target.id != 'canvasBlocker' )\n    return;\n\n  console.log( 'addShakeEffect', $event );\n  const element = document.getElementById('canvasBlockerDialog');\n  element.classList.add('shake-effect');\n\n  // Optional: Remove the class after the animation ends to reapply it later\n  element.addEventListener('animationend', () => {\n    element.classList.remove('shake-effect');\n  }, {once: true});\n}\n\nfunction updateReactiveModel(newModel){\n    reactiveModel.value = newModel;\n}\n\n\nfunction updateTemplateFile(fileContents){\n\n  // Clean DIVS (remove empty text nodes) to fix inability to drop components inside containers\n  fileContents = HtmlTemplateParser.removeEmptyTextNodes(fileContents);\n\n  fileContents = HtmlTemplateParser.replaceSpecialElements( fileContents );\n    \n    let fullContent = `\n    <div class=\"container layoutMockRoot\" data-gjs-removable=\"false\" data-gjs-draggable=\"false\" data-gjs-droppable=\"false\">\n      <div class=\"row layoutMockRow\" data-gjs-removable=\"false\" data-gjs-draggable=\"false\" data-gjs-droppable=\"false\">\n        <div class=\"col-12 layoutMockCol\" data-gjs-removable=\"false\" data-gjs-draggable=\"false\" data-gjs-droppable=\"false\">\n          <div id=\"gbTemplateContainer\" class=\"container\" data-gjs-removable=\"false\" data-gjs-draggable=\"false\" data-gjs-type=\"default\">\n            ${fileContents}\n          </div>\n        </div>\n      </div>\n    </div>`;\n\n    // Remove colons from attributes as needed\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(fullContent, 'text/html');\n    const firstDiv = doc.body;\n\n    HtmlTemplateParser.encodeAttributesInDOM(firstDiv );\n    \n    \n    const firstDivContent = firstDiv.innerHTML;\n\n    mockedAppTemplate.value = firstDivContent;\n    initMockedGenieApp();\n}\n\nlet dragStart;\n\n\n\nonMounted(() => {\n});\n\ndefineExpose({\n  updateReactiveModel, updateTemplateFile, showAiCodePreview\n}) \n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n#gjs {\n  border: none;\n  height: 100% !important;\n}\n</style>\n\n<style>\n/* ----------- Grapes' Layers panel ----------*/\n.gjs-layer-item {\n    background-color: #cccccc00 !important;\n    /* padding: 0px 40px; */\n}\n.gjs-layer-item:hover {\n    background-color: #cccccc20 !important;\n}\n.gjs-layer-name {\n    padding: 0px 0 8px !important;\n}\n.gjs-layer-count {\n    top: 2px !important;\n}\n.gjs-layer-move {\n    top: -4px !important;\n}\n.gjs-layer-vis {\n    top: -2px !important;\n    padding: 7px 5px 7px 5px;\n}\n.gjs-layer-title {\n    /* left: -5px; */\n    /* background-color: none !important; */\n}\n.gjs-layer-title-inn {\n    padding-left: 35px;\n}\n.gjs-layer-caret {\n    left: 20px;\n}\n.gjs-layer .gjs-layer-title {\n  background-color: #cccccc00 !important;;\n}\n.gjs-layer.gjs-selected {\n  background-color: #cccccc20 !important;;\n}\n\n/* ----------- end Grapes' Layers panel ----------*/\n.gjs-cv-canvas {\n  top: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n}\n\n#myStyleEditorContainer{\n  position: relative;\n}\n\n#customLibrary{\n  position: fixed;\n    bottom: 0px;\n    right: 0px;\n    background-color: #333;\n    padding: 20px;\n    /* user-select: none; */\n}\n\n.block {\n  user-select: none;\n  min-width: 45px;\n  padding: 1em;\n  box-sizing: border-box;\n  min-height: 90px;\n  cursor: all-scroll;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  border: 1px solid rgba(0,0,0,.2);\n  border-radius: 3px;\n  margin: 10px 2.5% 5px;\n  box-shadow: 0 1px 0 0 rgb(0 0 0 / 15%);\n  transition: all .2s ease 0s;\n  transition-property: color;\n}\n\n.block:hover {\n  color: #d278c9;\n}\n\n.gjs-pn-panels{\n  display: none;\n}\n\n\n#canvasBlockerDialog{\n  color: black;\n  position: absolute;\n  top: 10px;\n  right: 320px;\n  background-color: #ffffff;\n  padding: 10px 20px;\n  text-align: center;\n  border: solid 1px #cccccc90;\n  box-shadow: 4px 4px 20px #00000020;\n}\n\n#canvasBlocker{\n  position: absolute;\n  top: 40px;\n  left: 0;\n  right: 0px;\n  bottom: 0px;\n  /* background-color: #0088ff20; */\n  z-index: 1;\n  /* border: solid 4px #3794ff; */\n  box-sizing: border-box;\n}\n\n@keyframes shake {\n  /* Same keyframes as the CSS example */\n  0%, 100% { transform: translateX(0); }\n  10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); }\n  20%, 40%, 60%, 80% { transform: translateX(10px); }\n}\n.shake-effect {\n  animation: shake 0.8s;\n  animation-timing-function: ease-in-out;\n}\n\n</style>\n","import script from \"./CanvasPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CanvasPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CanvasPanel.vue?vue&type=style&index=0&id=55795ab2&lang=scss&scoped=true\"\nimport \"./CanvasPanel.vue?vue&type=style&index=1&id=55795ab2&lang=css\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-55795ab2\"]])\n\nexport default __exports__\nimport QTable from 'quasar/src/components/table/QTable.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QTable});\n","<template>\n    <div>\n        <vscode-text-field \n            :value=\"searchTerm\"\n            @input=\"(event)=>buildCategoriesTree(event)\" placeholder=\"Search UI Components\" style=\"padding: 5px 10px; width: 90%;\"></vscode-text-field>\n    </div>\n    <div style=\"max-height: 100%; overflow-y: auto; margin-top: 10px; user-select: none; flex-grow: 1;\">\n        <div style=\"display: flex; flex-wrap: wrap; gap: 5px;flex-direction: column;\">\n            <div v-for=\"category in blocksByCategory\" :key=\"category.category\" style=\"display: flex; flex-direction: column; width: 100%;\">\n                <div style=\"font-weight: bold; margin-bottom: 5px; text-transform: capitalize; margin-top: 10px;\">{{ category.category }}</div>\n                <div class=\"uiItemContainer\">\n                    <div v-for=\"block in category.blocks\" :key=\"block.id\" \n                        :blocktype=\"block.type\"\n                        class=\"uiItem\" \n                        @mousedown=\"dragStart(block)\"\n                        @pointerdown_BAD=\"onDragStart(block, $event)\" \n                        @pointermove_BAD=\"onPointerMove\"\n                        @pointerup_BAD=\"onPointerUp(block, $event)\" \n                        :title=\"block.label\"\n                        >\n                            <div class=\"uiItemLabel\">{{ block.label }}</div>\n                            <div class=\"uiItemIcon\">\n                                <img :src=\"getBlockIconPath(block)\" class=\"libraryIcon\" style=\"\"/>\n                            </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup>\n\n//import blockDefinitions from '../../utils/blockDefinitions'\nimport { ref,computed, onMounted } from 'vue'\n\n// Exclude some block types from the list\nconst excludedTypes = [\"tempplaceholder\", \"partial\"];\nlet blockDefinitionsRaw = blockDefinitions.filter( block => {\n    return excludedTypes.indexOf( block.type ) === -1;\n} );\n\n//debugger;\n// HTML blocks\n// =============================================\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"1-Col Row\", properties:[], tagName: \"DIV\", type: '1column', content: `<div class=\"row\">\n<div class=\"st-col col-12 col-sm st-module\"></div></div>`, media: ``, category: 'Layout'   }); \n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"2-Col Row\", properties:[], tagName: \"DIV\", type: '2columns', content: `<div class=\"row\">\n<div class=\"st-col col-12 col-sm st-module\"></div>\n<div class=\"st-col col-12 col-sm st-module\"></div>\n</div>`, media: ``, category: 'Layout'   }); \n\n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"3-Col Row\", properties:[], tagName: \"DIV\", type: '3columns', content: `<div class=\"row\">\n<div class=\"st-col col-12 col-sm st-module\"></div>\n<div class=\"st-col col-12 col-sm st-module\"></div>\n<div class=\"st-col col-12 col-sm st-module\"></div>\n</div>`, media: ``, category: 'Layout'   }); \n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"Column\", properties:[], tagName: \"DIV\", type: '1column', content: `<div class=\"st-col col-12 col-sm st-module\"></div>`, media: ``, category: 'Layout'   }); \n\n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"Sidebar Left\", properties:[], tagName: \"DIV\", type: 'sidebar_left', content: `<header class=\"st-header q-pa-sm\">\n<h1 class=\"st-header__title text-h3\">Header Text</h1>\n</header>\n<div class=\"row\">\n<div class=\"st-col col-3 col-sm st-module\"></div>\n<div class=\"st-col col-9 st-module\"></div>\n</div>\n<footer class=\"st-module\">Page footer</footer>\n`, media: ``, category: 'Layout'   }); \n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"Sidebar Right\", properties:[], tagName: \"DIV\", type: 'sidebar_right', content: `<header class=\"st-header q-pa-sm\">\n<h1 class=\"st-header__title text-h3\">Header Text</h1>\n</header>\n<div class=\"row\">\n<div class=\"st-col col-9 st-module\"></div>\n<div class=\"st-col col-3 col-sm st-module\"></div>\n</div>\n<footer class=\"st-module\">Page footer</footer>\n`, media: ``, category: 'Layout'   }); \n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"Sidebars\", properties:[], tagName: \"DIV\", type: 'sidebars',  content: `<header class=\"st-header q-pa-sm\">\n<h1 class=\"st-header__title text-h3\">Header Text</h1>\n</header>\n<div class=\"row\">\n<div class=\"st-col col-3 col-sm st-module\"></div>\n<div class=\"st-col col-5 st-module\"></div>\n<div class=\"st-col col-3 col-sm st-module\"></div>\n</div>\n<footer class=\"st-module\">Page footer</footer>\n`, media: ``, category: 'Layout'   });  \n\nblockDefinitionsRaw.push( {\n    label: \"Header\", tagName: \"header\", type: 'header', description: \"\", category: 'Layout', media: ``,\n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],\n    content: `<header class=\"st-module\"><h1>Page header</h1></header>`\n});\n\nblockDefinitionsRaw.push( { \n    label: \"Footer\", tagName: \"footer\", type: 'footer', description: \"\", category: 'Layout', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<footer class=\"st-module\">Page footer</footer>`    \n});  \n\n/* =========== CONTENT =============== */\n\n/* blockDefinitionsRaw.push( { \n    label: \"DIV\", tagName: \"DIV\", type: 'div', description: \"\", category: 'Content', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<div>Add Content Here</div>`    \n});   */\n\n// To-do: Move these definitions to a separate file for easier editing\nblockDefinitionsRaw.push( { \n    label: \"H1\", tagName: \"H1\", type: 'H1', description: \"\", category: 'Text', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<H1>Header Content</H1>`    \n});  \nblockDefinitionsRaw.push( { \n    label: \"H2\", tagName: \"H2\", type: 'H2', description: \"\", category: 'Text', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<H2>Header Content</H2>`    \n});  \nblockDefinitionsRaw.push( { \n    label: \"H3\", tagName: \"H3\", type: 'H3', description: \"\", category: 'Text', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<H3>Header Content</H3>`    \n});  \nblockDefinitionsRaw.push( { \n    label: \"H4\", tagName: \"H4\", type: 'H4', description: \"\", category: 'Text', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<H4>Header Content</H4>`    \n});  \nblockDefinitionsRaw.push( { \n    label: \"H5\", tagName: \"H5\", type: 'H5', description: \"\", category: 'Text', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<H5>Header Content</H5>`    \n});  \nblockDefinitionsRaw.push( { \n    label: \"H6\", tagName: \"H6\", type: 'H6', description: \"\", category: 'Text', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<H6>Header Content</H6>`    \n});  \nblockDefinitionsRaw.push( { \n    label: \"Paragraph\", tagName: \"P\", type: 'paragraph', description: \"\", category: 'Text', media: ``, \n    draggable: true, droppable: true, editable: true, enabled: true, properties:[],   \n    content: `<p>Paragraph Content</p>`    \n});  \n\n\n\n\n// =============================================\n// End HTML blocks\n\nlet categoriesSorting = [\n    \"Layout\", \n    \"Text\", \n    \"Content\", \n    \"Forms\", \n    \"Widgets\", \n    \"Lists\", \n    \"Tables\", \n    \"Charts\", \n    \"Multimedia\", \n    \"Timeline\", \n    \"Other\", \n];\n\nlet blocksByCategory = ref(null);\nlet searchTerm = ref('');\n\n// Variables needed for the custom implementation of drag-and-drop\nlet isDragging = false;\nlet draggableElement = null;\nlet iframeB = null;\n\nlet blocks = blockDefinitions.map( (item)=>{\n  let newDef = {\n    type: item.type,\n    label: item.label, \n    tagName: item.tagName,\n\n    id: item.type,\n    category: item.category, \n    content: item.content,\n    droppable: item.droppable,\n    draggable: item.draggable,\n    editable: item.editable,\n\n    //media: item.media, \n    activate: true, \n  }\n  return newDef;\n});\n\nlet dragStart, dragStop;\n\nfunction handleBlocks(props) {\n      blocks = props.blocks;\n      dragStart = props.dragStart;\n      dragStop = props.dragStop;\n      emit(\"blockCustomTriggered\", props );\n    };\n\nlet editorCheckInterval;\n\nonMounted( ()=>{\n    editorCheckInterval = setInterval( ()=>{\n        if( window.editor ){\n            clearInterval( editorCheckInterval );\n            window.editor.on('block:custom', handleBlocks);\n            const { Panels } = window.editor;\n            Panels.getButton('views', 'open-blocks').set('active', true);\n            console.log( \"[debug] LibraryPanel :: onMounted :: window.editor Ready: \", window.editor );\n        }else{\n            console.log( \"[debug] LibraryPanel :: onMounted :: window.editor NOT ready\" );\n        }\n    }, 1000);\n});\n\n\nfunction buildCategoriesTree(event){\n    //console.log( 'buildCategoriesTree :: newValue: ', event );\n    if( event != undefined )\n        searchTerm.value = event.target.value;\n    \n    let categories = [];\n    let categoriesDict = {};\n    let blocks = [];\n    filteredBlockDefinitions.value.forEach( block => {\n        if( block.hideFromLibrary == true ) return;\n        let category = block.category || 'other';\n        if( !categoriesDict[ category ] ){\n            categoriesDict[ category ] = { category: category, blocks: [] }\n            categories.push( categoriesDict[ category ] );\n        }\n        categoriesDict[ category ].blocks.push( block );\n    });\n    // Sort categories based on categoriesSorting sorting array\n    categories.sort( (a,b)=>{\n        let aIndex = categoriesSorting.indexOf( a.category );\n        let bIndex = categoriesSorting.indexOf( b.category );\n        if( aIndex > bIndex ) return 1;\n        if( aIndex < bIndex ) return -1;\n        return 0;\n    });\n\n    // within each category, sort blocks by label\n    categories.forEach( category => {\n        category.blocks.sort( (a,b)=>{\n            if( a.label > b.label ) return 1;\n            if( a.label < b.label ) return -1;\n            return 0;\n        });\n    });\n\n    blocksByCategory.value = categories;\n    logCategories();\n    return categories;\n}\n\nfunction logCategories(){\n    let output = \"Block Categories:\\n--------------------\\n\";\n    blocksByCategory.value.forEach( category => {\n        output += category.category + \"\\n\";\n        category.blocks.forEach( block => {\n            output += \"  \" + block.label + \"\\n\";\n        });\n    });\n    console.log( output );\n}\n\nconst filteredBlockDefinitions = computed( ()=>{\n    if( !searchTerm.value ) return blockDefinitionsRaw;\n    let results = blockDefinitionsRaw.filter( block => {\n        return block.label.toLowerCase().indexOf( searchTerm.value.toLowerCase() ) > -1;\n    });\n    return results;\n});\n\nbuildCategoriesTree();\n\nconst getBlockIconPath = function(block)  {   \n    let iconFileName;\n    if( block.icon ){\n        iconFileName = block.icon;\n    }else{\n        iconFileName = block.type.split(\"q-\").join(\"\")+'.png';\n    }\n    const result = 'img/block_icons/'+iconFileName\n    return result;\n}\n\n\nfunction onDragStart(block, $event) {\n    iframeB = document.querySelector(\".gjs-frame\");\n\n    sorter = editor.BlockManager.blocksView.getSorter();\n    sorter.__currentBlock = block;\n    sorter.setDragHelper( $event.target, $event);\n    sorter.setDropContent(block.content);\n    sorter.startSort($event.target);\n\n    //sorter = editor.Utils.getSorter();\n\n    // Traverse up the DOM tree to find the .uiItem element\n    let target = $event.target;\n    while (target && !target.classList.contains('uiItem')) {\n        target = target.parentElement;\n    }\n\n    if (target) {\n        isDragging = true;\n        draggableElement = target;\n        target.setPointerCapture($event.pointerId);\n    }\n}\n\nfunction onPointerMove($event){\n    if (!isDragging || !sorter) return;\n\n    const rect = iframeB.getBoundingClientRect();\n    const x = $event.clientX - rect.left;\n    const y = $event.clientY - rect.top;\n}\n\n\nfunction onPointerUp(block, event){\n    if (sorter) {\n        sorter.endMove();\n        sorter = null;\n    }\n\n    isDragging = false;\n    const rect = iframeB.getBoundingClientRect();\n    if (\n        event.clientX >= rect.left &&\n        event.clientX <= rect.right &&\n        event.clientY >= rect.top &&\n        event.clientY <= rect.bottom\n    ) {\n        draggableElement.style.pointerEvents = 'none';  // Temporarily disable pointer events for the dragged element\n\n        const iframeDoc = iframeB.contentDocument;\n        const x = event.clientX - rect.left;\n        const y = event.clientY - rect.top;\n        const elementBelow = iframeDoc.elementFromPoint(x, y);\n\n        let elementBelowId = elementBelow.getAttribute('id');\n        draggableElement.style.pointerEvents = '';  // Restore pointer events for the dragged element\n        draggableElement.style.position = 'static';\n\n        // Get the GrapesJS component corresponding to elementBelow        \n        let targetComponent = editor.DomComponents.getWrapper().find('#'+elementBelowId)[0];\n\n        if (targetComponent) {\n            targetComponent.components().add( block.content );\n            // Refresh the canvas to reflect the changes\n            editor.refresh();\n        }\n    } else {\n        draggableElement.style.position = 'static';\n    }\n    draggableElement = null;\n}\n\nconst emit = defineEmits(['blockCustomTriggered'])\n</script>\n\n\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n.uiItemContainer{\n    display: grid;\n    flex-wrap: wrap;\n    gap: 5px;\n    /* max-height: 40vh; */\n    grid-template-columns: 32% 32% 32%;\n}\n.uiItem{\n    display: block;\n    flex: 1 1 49%;\n    border: solid 1px var(--checkbox-background);\n    padding: 5px 6px 3px;\n    box-sizing: border-box;\n    text-align: center;\n    cursor: move;\n    border-radius: 5px;\n    font-size: 0.9em;\n}\n\n.uiItem:hover{\n    background-color: #00000010;\n}\n.uiItemIcon{\n    justify-content: center;\n    display: flex;\n    margin-bottom: 3px;\n    filter: brightness(1.5) saturate(1);\n    pointer-events: none;\n}\n.uiItemLabel{\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    pointer-events: none;\n    max-width: 75px;\n\n}\n\n.libraryIcon{\n    max-height: 20px;\n    margin-top:6px;\n    pointer-events: none;\n    filter: var(--library-icon-filter);\n}\n</style>\n","import script from \"./LibraryPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LibraryPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./LibraryPanel.vue?vue&type=style&index=0&id=3da05314&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-3da05314\"]])\n\nexport default __exports__","<template>\n    <div class=\"blocker\">        \n        <div class=\"addPropsPanel\">\n            <div style=\"text-align: center; font-size: 0.8em; font-weight: bold; margin-bottom: 10px;\">Add Property</div>\n            <div class=\"closeAddProp\" @click=\"closeButtonClicked\">X</div>\n            <div class=\"addPropsList\">\n                <div class=\"addPropRow\" v-for=\"item in sortedPropsList()\" @click=\"addProperty(item)\" :title=\"item.desc||'Property description not available'\">\n                    <div style=\"width:70%;\">{{item.label}}</div>\n                    <div style=\"    text-transform: capitalize;    width: 30%; font-size: 0.8em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;     display: flex; justify-content: right; align-items: center; opacity: 0.6;\">{{item.type}}</div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n\n<script setup>\nimport _ from 'underscore';\n\nconst props = defineProps(['propslist', 'defObject', 'destination']);\nconst emit = defineEmits(['propAdded', 'close' ]);\n\n\n/**\n * Event handler for adding a property\n * @param {Object} item \n */\nfunction addProperty(item){\n    emit('propAdded', item, props.defObject, props.destination);\n}\n\nfunction sortedPropsList(){\n    return _.sortBy(props.propslist, (item)=>{ return item.label.toLowerCase() });\n}\n\n\n/**\n * Event handler for closing the dialog\n */\nfunction closeButtonClicked(){\n    emit('close');    \n}\n\n</script>\n\n<style scoped>\n\n.blocker{\n    position: fixed;\n    top: 0px;\n    left: 0px;\n    width: 100vw;\n    height: 100vh;\n    background-color: rgb(0 0 0 / 0.5);\n    z-index: 1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.addPropsPanel{\n    background-color: #2B2634;\n    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1882352941);\n    border-radius: 5px;\n    padding: 10px 0px;\n    width: 300px;\n    min-height: 200px;\n    max-height: 500px;\n    display: flex;\n    flex-direction: column;\n    position: relative;    \n}\n\n.closeAddProp{\n    position: absolute;\n    right: 10px;\n    top: 5px;\n    cursor: pointer;\n    font-weight: bold;\n    font-size: 12px;\n    color: #999;\n}\n\n.addPropsList{\n    padding: 10px 10px;\n    position: relative;\n    height: 100%;\n    overflow: auto;\n}\n\n.addPropRow{\n    padding: 2px;\n    border-bottom: solid 1px rgb(0 0 0 / 17%);\n    opacity: 0.9;\n    cursor: pointer;\n    position: relative;\n    font-size: 0.9em;\n    display: flex;\n    flex-direction: row;\n    gap: 5px;\n}\n\n.addPropRow:hover{\n    opacity: 1;\n    background-color:#f4f4f410; \n}\n\n.addPropRow:hover >.addPropIcon{\n    opacity: 1;\n}\n</style>","import script from \"./AddPropertyDialog.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddPropertyDialog.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddPropertyDialog.vue?vue&type=style&index=0&id=ac17f3aa&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-ac17f3aa\"]])\n\nexport default __exports__","<template>   \n    <div class=\"foldableGroupHeader\" v-if=\"showSectionTitle\">\n        <!-- <div style=\"width:40px;\">?</div> -->\n        <div class=\"groupHeaderContent\">\n            <img :src=\"'img/block_icons/'+getChartTypeIcon+'.png'\" class=\"chartTypeIcon\" :style=\"{opacity: 1}\" /> \n            {{ treeObject.name }}\n        </div>\n        <div class=\"removeBtnCnt\" style=\"width:20px;\">\n            <span @click=\"removeSection\" title=\"Remove Trace\" class=\"codicon codicon-settings\">\n                <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"font-size: 14px; padding: 0px;\">delete</i>\n            </span>\n        </div>\n        \n        \n        \n        <!-- <div style=\"\">v</div> -->\n    </div>\n    <!-- <div style=\"position: relative; padding-top: 20px;\"> -->\n        <div class=\"row propRow\" style=\"position: relative;\" v-for=\"property in definitionsListWithValues\" :key=\"property.id\">\n            <!-- remove-prop button -->\n            <div class=\"col-1 removeBtnCnt\" style=\"width:20px; position: absolute;\">\n                <span @click=\"removeTraceProperty(property)\" title=\"Remove Property\" class=\"codicon codicon-settings\">\n                    <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"font-size: 14px; padding: 0px;\">delete</i>\n                </span>\n            </div>\n            <!-- Prop Label -->\n            <div class=\"col-4 propRowLabel\" style=\"\" :title=\"property.label\">\n                {{ property.label }}:\n            </div>\n\n            <!-- Binding mode -->\n\n            <div class=\"col-7\" v-if=\"isPropValueBinding(property)\">\n                <select class=\"propInput propInputDynamic\" style=\"width:100%;height: 25px;\" v-model=\"property.valueHolderParent[property.propName]\" @change=\"submitChanges\" \n                :attrname=\"property.propertyName\">\n                    <option v-for=\"binding in modelFields\" :key=\"'binding_'+binding.name\" :value=\"'$_{'+binding.name+'}'\">{{binding.name}}</option>\n                </select>\n            </div>\n\n            <!-- UI controls -->\n            <div class=\"col-7\" v-else-if=\"property.id=='type'\">\n                <div class=\"chartTypeContainer\" v-if=\"property.id=='type'\" style=\"position: relative;\">\n                    <select class=\"propInput propInputDynamic\" style=\"width:100%;height: 25px;\" @change=\"changeChartType\" v-model=\"currentGbType\" :attrname=\"property.propertyName\">\n                        <option v-for=\"chartType in chartTypes\" :key=\"'chartType_'+chartType.id\" :value=\"chartType.id\">{{chartType.id}}</option>\n                    </select>\n                    <!-- <div style=\"justify-content: start; display: flex; margin-bottom: 3px; filter: brightness(1.5) saturate(1);\">\n                        <img src=\"img/block_icons/areaChart.png\" class=\"chartTypeIcon\" :style=\"{opacity: property.valueHolderParent[property.propName] == 'area' ? 1 : 0.3}\" \n                            @click=\"changeChartType(property, 'area')\" />\n                        <img src=\"img/block_icons/barChart.png\" class=\"chartTypeIcon\" :style=\"{opacity: property.valueHolderParent[property.propName] == 'bar' ? 1 : 0.3}\" \n                            @click=\"changeChartType(property, 'bar')\" />\n                        <img src=\"img/block_icons/scatterChart.png\" class=\"chartTypeIcon\" :style=\"{opacity: property.valueHolderParent[property.propName] == 'scatter' ? 1 : 0.3}\" \n                            @click=\"changeChartType(property,  'scatter')\" />\n                        <img src=\"img/block_icons/chart.png\" class=\"chartTypeIcon\" :style=\"{opacity: property.valueHolderParent[property.propName] == 'chart' ? 1 : 0.3}\" \n                            @click=\"changeChartType(property,  'chart')\" />\n                        <img src=\"img/block_icons/pieChart.png\" class=\"chartTypeIcon\" :style=\"{opacity: property.valueHolderParent[property.propName] == 'pie' ? 1 : 0.3}\" \n                            @click=\"changeChartType(property,  'pie')\" />\n                    </div> -->\n                </div>\n            </div>\n            <div class=\"col-7\" v-else-if=\"property.type=='array'\">\n                <vscode-text-field :type=\"property.type\" name=\"\" id=\"\" \n                    :value=\"property.valueHolderParent[property.propName]\"\n                    @input=\"(event) => property.valueHolderParent[property.propName] = event.target.value\" \n                    @change=\"submitChanges\"></vscode-text-field>\n            </div>\n            <!-- <div class=\"col-7\" v-else-if=\"property.id=='x' || property.id=='y' || property.id=='z' || property.id=='values' || property.id=='labels' || property.id=='coordinates' || property.id=='dimensions' || property.id=='counts'  \">\n                <vscode-dropdown style=\"width: 100%;\" name=\"\" id=\"\" \n                    :value=\"property.valueHolderParent[property.propName]\"\n                    @input=\"(event) => property.valueHolderParent[property.propName] = event.target.value\" \n                    @change=\"submitChanges\"\n                >\n                    <vscode-option :value=\"'$_{'+field+'}'\" v-for=\"field in dataSourceColumns\">{{ field }}</vscode-option>\n                </vscode-dropdown>\n            </div> -->\n            <div class=\"col-7\" v-else-if=\"property.type=='enum'\">\n                <!-- <vscode-dropdown style=\"width: 100%;\" name=\"\" id=\"\" \n                    :value=\"property.valueHolderParent[property.propName]\"\n                    @input=\"(event) => property.valueHolderParent[property.propName] = event.target.value\" \n                    @change=\"submitChanges\"\n                >\n                    <vscode-option :value=\"field\" v-for=\"field in property.options\">{{ field }}</vscode-option>\n                </vscode-dropdown> -->\n                <select class=\"propInput propInputDynamic\" style=\"width:100%;height: 25px;\" v-model=\"property.valueHolderParent[property.propName]\" @change=\"submitChanges\" \n                :attrname=\"property.propertyName\">\n                    <option v-for=\"field in property.options\" :key=\"'field_'+field\" :value=\"field\">{{field}}</option>\n                </select>\n            </div>\n            <div class=\"col-7\" v-else style=\"align-items: center; position: relative; display: flex;\">          \n                <input type=\"checkbox\" v-if=\"property.type=='boolean'\" name=\"\" id=\"\" v-model=\"property.valueHolderParent[property.propName]\" @change=\"submitChanges\">\n                <input v-if=\"property.type=='color'\" :type=\"property.type\" v-model=\"property.valueHolderParent[property.propName]\" @change=\"submitChanges\" style=\"height: 23px; width: 23px; margin-right: 5px; background-color:#ffffff00\">\n                <vscode-text-field v-if=\"property.type=='color'\" type=\"text\" name=\"\" id=\"\" \n                    :value=\"property.valueHolderParent[property.propName]\"\n                    @input=\"(event) => property.valueHolderParent[property.propName] = event.target.value\" \n                    @change=\"submitChanges\" style=\"width:80px;\"></vscode-text-field>\n                <vscode-text-field v-if=\"property.type=='string' || property.type=='number'\" :type=\"property.type\" name=\"\" id=\"\" \n                    :value=\"property.valueHolderParent[property.propName]\"\n                    @input=\"(event) => property.valueHolderParent[property.propName] = event.target.value\" \n                    @change=\"submitChanges\"></vscode-text-field>\n            </div>\n\n            <div class=\"propRowDynamicSwitch\" @click=\"toggleDynamicAttribute(property)\" v-if=\"property.propName!='type' && property.propName!='name'\">\n                <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" v-if=\"isPropValueBinding(property)\" draggable=\"false\" />\n                <img src=\"img/icons/binding_off.png\" style=\"height: 16px;\" v-if=\"!isPropValueBinding(property)\" draggable=\"false\" />\n            </div>\n        </div>\n    <!-- </div> -->\n</template>\n  \n<script setup>\n    import {chartTypes} from '../utils/chartDefinitions.js';\n  import { ref, computed } from 'vue';\n\n  // PROPS and EMITS\n  const props = defineProps(['dataSourceColumns', 'treeObject', 'propertiesDefinition', 'appData', 'modelFields', 'sectionIndex', 'showSectionTitle'])\n  const emit = defineEmits(['change'])\n\n  let currentGbType = ref[null];\n\n  //let modelFields = ref(props.appData.pages[0].model.fields);\nconsole.log( \"ChartSection.modelFields: \", props.modelFields)\n\n  /*  ======================================================================================\n                                    COMPONENT METHODS\n    ====================================================================================== */\n    /* function getPropVal(property){\n        console.log( 'getPropVal', property.name, property );\n        let value = property.valueHolderParent[property.propName]\n        console.log( 'getPropVal value: ', value );\n        return value;\n    } */\nconst getChartTypeIcon = computed( ()=>{\n    let chartTypeDef = chartTypes.find( (chartType)=>{ return chartType.id == currentGbType } );\n    console.log( 'chartTypeDeffffff', chartTypeDef );\n    if( !chartTypeDef ){\n        console.error( \"Could not find chart type definition for: \" + currentGbType );\n        return \"scatterChart\";\n    }else{\n        return chartTypeDef.icon;\n    \n    }\n})\n\n    function removeSection(){\n        let sectionIndex = props.sectionIndex;\n        emit('removeTrace', sectionIndex);\n    }\n    function removeTraceProperty( property ){\n        let propertyId = property.id;\n        console.log( 'removeTraceProperty before: ', property, props.treeObject );\n        removePropertyPath( props.treeObject, propertyId );        \n        console.log( 'removeTraceProperty after: ', property, props.treeObject );\n        submitChanges();\n        //let sectionIndex = props.sectionIndex;\n        //emit('removeTrace', sectionIndex);\n    }\n\n    function removePropertyPath(obj, propertyPath) {\n        // Split the property path into parts\n        const parts = propertyPath.split('.');\n\n        // Recursive function to delete properties\n        function deleteProp(currentObj, pathIndex) {\n            const prop = parts[pathIndex];\n\n            // Base case: if we've reached the last part of the path\n            if (pathIndex === parts.length - 1) {\n                delete currentObj[prop];\n                return Object.keys(currentObj).length === 0;\n            }\n\n            // Recursive case: go deeper if the property exists\n            if (currentObj[prop] !== undefined) {\n                const shouldDeleteParent = deleteProp(currentObj[prop], pathIndex + 1);\n\n                // Delete the parent property if it's now empty\n                if (shouldDeleteParent) {\n                    delete currentObj[prop];\n                    return Object.keys(currentObj).length === 0;\n                }\n            }\n\n            return false;\n        }\n\n        // Start the recursive deletion process\n        deleteProp(obj, 0);\n    }\n\n    /**\n     * Toggles the attribute mode from constant to binding and viceversa\n     * @param {string} key - The name of the attribute.\n     * @param {string} value - The value of the attribute.\n     */\n    function toggleDynamicAttribute(property){\n        console.log( 'toggleDynamicAttribute', property );\n        let currentValue = property.valueHolderParent[property.propName];\n        let newKey;\n        if( currentValue.indexOf('$_{')==0 ){\n            // Switch to constant\n            newKey = currentValue.replace( '$_{', '' );\n            // remove '}' char at the end\n            newKey = newKey.substring(0, newKey.length - 1);\n        }else{\n            // Switch to binding\n            newKey = '$_{' + currentValue + '}';\n        }\n\n        property.valueHolderParent[property.propName] = newKey;\n        submitChanges();\n        /* \n        let newKey = key.indexOf('gb_b__') == 0 ? key.replace( 'gb_b__', 'gb_c__' ) : key.replace( 'gb_c__', 'gb_b__' );\n        component.value.removeAttributes( [key]);\n        let newAtts = {};\n        // When switching to Binding mode, pick the model variable with the same name set as constant or,\n        // If it doesn't exist, pick one of the same type by default\n        if( newKey.indexOf('gb_b__') == 0 ){\n            if(modelFieldsByName[value] != null )\n                newAtts[newKey] = value;\n            else{\n                let cleanAttributeName = getAttributeCleanRealName(newKey).toLowerCase();\n                let def = getBlockPropertyDefinition(cleanAttributeName);\n\n                let attributeObject = { def }\n                let sameTypeModelFields = filteredModelFields(attributeObject);\n                if( sameTypeModelFields.length > 0 )\n                    newAtts[newKey] = sameTypeModelFields[0].name;\n                else\n                    newAtts[newKey] = \"Not Set\";\n            }\n        }else{\n            newAtts[newKey] = value;\n        }\n\n        component.value.addAttributes(newAtts);\n        submitChanges(); */\n    }\n\n    function isPropValueBinding( property ){\n        console.log( 'isPropValueBinding', property.propName, property );\n        let value = property.valueHolderParent[property.propName];\n        return typeof value == 'string' && value.indexOf('$_{')==0;\n    }\n    \n    //function changeChartType( property, newType){\n    function changeChartType( event){\n        console.log( 'changeChartType', currentGbType, props.treeObject );\n        console.log( 'chartTypes', chartTypes );\n        let chartTypeDef = chartTypes.find( (chartType)=>{ return chartType.id == currentGbType } );\n        console.log( 'chartTypeDef', chartTypeDef );\n        // store current props in temp object\n        let tempProps = {};\n        for( let prop in props.treeObject ){\n            tempProps[prop] = props.treeObject[prop];\n        }\n        // remove all properties from props.treeObject\n        for( let prop in props.treeObject ){\n            delete props.treeObject[prop];\n        }\n        // assign props from template. use tempobject if prop matches\n        for( let prop in chartTypeDef.traceTemplate ){\n            if( tempProps[prop] != undefined && prop != \"type\" && prop != \"gbtype\"  )\n                props.treeObject[prop] = tempProps[prop];\n            else\n                props.treeObject[prop] = chartTypeDef.traceTemplate[prop];\n        }\n        console.log( 'props.treeObject FINAL:', props.treeObject );\n        // assign props from temp object\n        props.treeObject.gbtype = currentGbType;\n        submitChanges();\n        return;\n        let oldType = property.valueHolderParent[property.propName];\n        console.log( 'changeChartType', newType, props );\n        if( newType == property.valueHolderParent[property.propName] ){\n            console.log( \"same chart type chosen, skipping...\" );\n            return;\n        }\n        // Transform trace based on type\n        if( newType == 'pie' ){\n         console.log( \"transforming to pie chart\" );\n         props.treeObject.labels = props.treeObject.x;\n         props.treeObject.values = props.treeObject.y;\n            props.treeObject.x = undefined;\n            props.treeObject.y = undefined;\n            delete props.treeObject.x;\n            delete props.treeObject.y;\n        }else if( oldType == 'pie' && (newType != 'pie' ) ){\n            console.log( \"transforming FROM pie chart\" );\n            props.treeObject.x = props.treeObject.labels;\n            props.treeObject.y = props.treeObject.values;\n            props.treeObject.labels = undefined;\n            props.treeObject.values = undefined;\n            delete props.treeObject.labels;\n            delete props.treeObject.values;\n        }\n        \n        property.valueHolderParent[property.propName] = newType;\n        submitChanges();\n    }\n    \n  function submitChanges(){\n    emit('change', props.treeObject);\n  }\n\n  function getNestedPropertyParent(obj, propName) {\n    const propParts = propName.split('.');\n    if( propParts.length == 1 )\n      return obj;\n\n    for (let i = 0; i < propParts.length-1; i++) {\n        if (!obj || !obj.hasOwnProperty(propParts[i])) {\n            return undefined;\n        }\n        obj = obj[propParts[i]];\n    }\n    return obj;\n}\n\nfunction getNestedProperty(obj, propName) {\n    const propParts = propName.split('.');\n    for (let i = 0; i < propParts.length; i++) {\n        if (!obj || !obj.hasOwnProperty(propParts[i])) {\n            return undefined;\n        }\n        obj = obj[propParts[i]];\n    }\n    return obj;\n}\n\nconst definitionsListWithValues = computed( ()=>{\n    let result = [];\n    for( let i = 0; i < props.propertiesDefinition.length; i++ ){\n        let propertyDefCloned = { ...props.propertiesDefinition[i] };\n        let value = getNestedProperty( props.treeObject, propertyDefCloned.id );\n        if( value !== undefined ){\n            propertyDefCloned.valueHolderParent = getNestedPropertyParent( props.treeObject, propertyDefCloned.id );\n            propertyDefCloned.propName = propertyDefCloned.id.split('.').pop();\n            result.push( propertyDefCloned );\n        }\n    }\n    console.log( 'definitionsListWithValues', result );\n    return result;\n});\n  \n</script>\n  \n\n<style scoped>\n.propRow{\n    width: calc(100% - 10px) !important;\n    right: -10px;\n    border-bottom: solid 1px var(--checkbox-background);\n    padding: 5px 0px 5px;\n}\n\n/* generic grid */\n.row::after {\n  content: \"\";\n  clear: both;\n  display: table;\n}\n\n.propRowLabel{\n   /*  width: 35%; */\n    font-size: 0.9em;\n    /* display: flex;\n    align-items: center;\n    */\n    justify-content: right;\n    text-transform: capitalize;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    user-select: none; \n    padding-right: 10px;\n    text-align: right;\n    line-height: 2;\n}\n\n/* Basic row class */\n.row {\n  margin-left: auto;\n  margin-right: auto;\n  width: 100%;\n  display: flex;\n}\n\n/* Column class */\n.col {\n  float: left;\n  padding: 15px;\n  box-sizing: border-box;\n}\n\n/* 12-column classes */\n.col-1 { width: 8.33%; }\n.col-2 { width: 16.66%; }\n.col-3 { width: 25%; }\n.col-4 { width: 33.33%; }\n.col-5 { width: 41.66%; }\n.col-6 { width: 50%; }\n.col-7 { width: 58.33%; }\n.col-8 { width: 66.66%; }\n.col-9 { width: 75%; }\n.col-10 { width: 83.33%; }\n.col-11 { width: 91.66%; }\n.col-12 { width: 100%; }\n\n\n.chartTypeIcon{\n  max-height: 15px; \n  margin-right: 5px; \n  margin-top: 6px; \n  opacity: 0.5;\n  position: relative;\n  display: inline-block;\n  /* right: 20px; */\n  top: -6px;\n  filter: var(--library-icon-filter);\n}\n\n.propRowDynamicSwitch{\n    /* width: 5%; */\n    \n    width: 5%;\n    display: flex;\n    justify-content: left;\n    align-items: center;\n    cursor: pointer;\n    opacity:0.7;\n    left: 5px;\n    position: relative;\n}\n\n.propRowDynamicSwitch:hover{\n    opacity:1;\n}\n\n.foldableGroupHeader {\n  display: flex;\n  flex-direction: row;\n  gap: 2px;\n  cursor: pointer;\n  padding: 5px 0px;\n  border-bottom: solid 1px var(--badge-background);\n  margin-bottom: 10px;\n  position: relative;\n}\n\n.groupHeaderContent{\n    width:50px;\n    flex-grow: 1;\n}\n.propRow:hover .removeBtnCnt{\n    opacity: 0.5;\n}\n.removeBtnCnt{\n    opacity: 0;\n    cursor: pointer;\n    left: -16px;\n}\n.foldableGroupHeader:hover .removeBtnCnt{\n    opacity: 0.5;\n}\n.removeBtnCnt:hover{\n    opacity: 1 !important;\n}\n\n</style>","import script from \"./ChartPropertiesSection.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ChartPropertiesSection.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ChartPropertiesSection.vue?vue&type=style&index=0&id=7f346cd4&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7f346cd4\"]])\n\nexport default __exports__\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport qInstall from \"../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QIcon});\n","<template>\n    <div class=\"chartConfigContainer\" v-if=\"selectedComponent && selectedComponent.attributes.type=='plotly'\">\n        <div class=\"tabSelector\">\n            <div @click=\"currentTabIndex=tab.id\" :class=\"{ tabItem:true, tabItemSelected:tab.id==currentTabIndex }\" v-for=\"tab in tabsList\" :key=\"tab\">{{ tab.name }}</div>\n            \n        </div>\n        \n        <!-- ---------------------------------------------------\n                            DATA (TRACES)\n        --------------------------------------------------- -->\n        <div class=\"tabSectionContainer\" v-if=\"currentTabIndex==0\">\n          <div class=\"tracesContainer\">            \n            <div class=\"foldableGroup\" v-for=\"(trace, index) in traces\" :key=\"trace\">\n                <div class=\"foldableGroupContent\">\n                    <div class=\"subgroup\">\n                        \n                        <div class=\"subgroupContent\">\n                            <ChartPropertiesSection \n                            :showSectionTitle=\"true\"\n                            :sectionIndex=\"index\" \n                            :treeObject=\"trace\" \n                            :dataSourceColumns=\"getSelectedDataSourceColumns\"\n                            :propertiesDefinition=\"tracePropertiesDefinition\" \n                            :modelFields=\"getAllModelFields\" \n                            @removeTrace=\"removeTrace\"\n                            @change=\"dataChanged\"/>                            \n                        </div>\n                    </div>\n                    <div class=\"addPropertyButtonRow\">\n                      <button class=\"addPropertyButton\" v-if=\"!addPropertyDestination\" @click=\"showAddPropertyList(trace)\">+</button>\n                    </div>\n                  <AddPropertyDialog v-if=\"addPropertyDestination==trace\" :defObject=\"tracePropertiesDefinition\" :destination=\"addPropertyDestination\" :propslist=\"availableDataProperties(tracePropertiesDefinition, trace)\" @propAdded=\"addProperty\" @close=\"hideAddProperty\">\n                  </AddPropertyDialog>\n                  \n                \n              </div>\n            </div>\n          </div>\n          \n          <div style=\"border-top: solid 1px var(--badge-background); padding: 20px;     text-align: center;\">\n            <vscode-button class=\"addTraceButton\" @click=\"addNewTrace\">+ Trace</vscode-button>\n          </div>\n        </div>\n\n        <!-- ---------------------------------------------------\n                              LAYOUT\n        --------------------------------------------------- -->\n        <div class=\"tabSectionContainer\" v-if=\"currentTabIndex==1\">\n          <div class=\"subgroup\">\n              \n              <div class=\"subgroupContent\">\n                  <ChartPropertiesSection \n                  :treeObject=\"layout\" \n                  :dataSourceColumns=\"getSelectedDataSourceColumns\"\n                  :propertiesDefinition=\"layoutPropertiesDefinition\" \n                  :modelFields=\"getAllModelFields\" \n                  @change=\"layoutChanged\"/>                            \n              </div>\n          </div>\n          <div class=\"addPropertyButtonRow\">\n            <button class=\"addPropertyButton\" v-if=\"!addPropertyDestination\" @click=\"showAddPropertyList(layout)\">+</button>\n          </div>\n          <AddPropertyDialog v-if=\"addPropertyDestination==layout\" :defObject=\"layoutPropertiesDefinition\" :destination=\"layout\" :propslist=\"availableDataProperties(layoutPropertiesDefinition, layout)\" @propAdded=\"addProperty\" @close=\"hideAddProperty\">\n          </AddPropertyDialog>\n        </div>\n\n        <!-- ---------------------------------------------------\n                              CONFIG\n        --------------------------------------------------- -->\n        <div class=\"tabSectionContainer\" v-if=\"currentTabIndex==2\">\n          <div class=\"subgroup\">\n              \n              <div class=\"subgroupContent\">\n                  <ChartPropertiesSection \n                  :treeObject=\"config\" \n                  :dataSourceColumns=\"getSelectedDataSourceColumns\"\n                  :propertiesDefinition=\"configPropertiesDefinition\" \n                  :modelFields=\"getAllModelFields\" \n                  @change=\"configChanged\"/>                            \n              </div>\n          </div>\n          <div class=\"addPropertyButtonRow\">\n            <button class=\"addPropertyButton\" v-if=\"!addPropertyDestination\" @click=\"showAddPropertyList(config)\">+</button>\n          </div>\n          <AddPropertyDialog v-if=\"addPropertyDestination==config\" :defObject=\"configPropertiesDefinition\" :destination=\"config\" :propslist=\"availableDataProperties(configPropertiesDefinition, config)\" @propAdded=\"addProperty\" @close=\"hideAddProperty\">\n          </AddPropertyDialog>\n            \n        </div>\n\n    </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onBeforeMount, computed } from 'vue'\nimport AddPropertyDialog from './panels/properties/AddPropertyDialog.vue';\nimport ChartPropertiesSection from './ChartPropertiesSection.vue';\n\n// ====================== PROPS ====================== \n\nconst props = defineProps(['appData', 'selectedComponent']);\n\n\n\n// ====================== DATA ====================== \n\nlet currentTabIndex = ref(0);\nlet tabsList = ref( [ {name:\"Data\", id:0}, {name:\"Layout\", id:1}, {name:\"Config\", id:2} ] );\n\nlet dataSourceFields = ref(null);\n\nlet showAddConfigProperty = ref(false);\nlet addPropertyDestination = ref(null);\n\nlet traces = ref([]);\nlet config = ref([]);\nlet layout = ref([]);\nlet modelFields = ref(props.appData.pages[0].model.fields);\nlet modelFieldsDict = {};\nmodelFields.value.forEach( (field)=>{\n    modelFieldsDict[field.name] = field;\n})\n\n\n\n\n/* \nlet tracePropertiesDefinition = ref([\n  { id:\"name\", label:\"Name\", type: \"string\", default: \"\" },\n  { id:\"type\", label:\"Type\", type: \"enum\", default: \"scatter\", options:[\"scatter\",\"bar\",\"histogram\",\"pie\", \"box\", \"histogram2d\", \"parcats\",\"heatmap\",\"contour\",\"funnel\", \"indicator\"] },\n  { id:\"mode\", label:\"Mode\", type: \"enum\", default: \"markers\", options:[\"markers\",\"lines\",\"lines+markers\", \"none\", \"gauge\", \"number\", \"gauge+number\"] },\n  { id:\"x\", label:\"X\", type: \"array\", default: [0,1,2,3,4,5] },\n  { id:\"y\", label:\"Y\", type: \"array\", default: [2,4,8,16,32] },\n  { id:\"z\", label:\"Z\", type: \"array\", default: [3,5,7,9,11] },\n  { id:\"dimensions\", label:\"Dimensions\", type: \"array\", default: [] },\n  { id:\"counts\", label:\"Counts\", type: \"array\", default: [] },\n  { id:\"values\", label:\"Values\", type: \"array\", default: [1,3,5] },\n  { id:\"labels\", label:\"Labels\", type: \"array\", default: ['a', 'b', 'c'] },\n  { id:\"fill\", label:\"Fill\", type: \"enum\", default: 'tozeroy', options:['tozeroy', 'tonexty'] },\n  { id:\"orientation\", label:\"Orientation\", type: \"enum\", default: 'v', options:['v', 'h'] },\n  { id:\"marker.size\", label:\"Marker Size\", type: \"number\", default: 5 },\n  { id:\"marker.color\", label:\"Marker Color\", type: \"color\", default: '#2578B4' },\n  { id:\"value\", label:\"Value\", type: \"number\", default: 0 },\n  { id:\"delta.reference\", label:\"Delta Reference\", type: \"number\", default: 0 },\n  { id:\"title.text\", label:\"Title Text\", type: \"string\", default: 'Title' },\n  { id:\"gauge.axis.range\", label:\"Gauge Axis Range\", type: \"array\", default: [0,1] },\n  { id:\"error_y.type\", label:\"ErrorY Type\", type: \"string\", default: 'data' },\n  { id:\"error_y.array\", label:\"ErrorY Array\", type: \"array\", default: [1,2,3,4,5] },\n  { id:\"error_y.visible\", label:\"ErrorY Visible\", type: \"boolean\", default: true },\n]); */\n\nlet tracePropertiesDefinition = ref([\n  { id:\"name\", label:\"Name\", type: \"string\", default: \"\" },\n  { id:\"type\", label:\"Type\", type: \"enum\", default: \"scatter\", options:[\"scatter\",\"bar\",\"histogram\",\"pie\", \"box\", \"histogram2d\", \"histogram2dcontour\", \"parcats\",\"heatmap\",\"heatmapgl\",\"contour\",\"funnel\",\"funnelarea\",\"indicator\",\"isosurface\",\"mesh3d\",\"ohlc\",\"candlestick\",\"scatter3d\",\"scattergeo\",\"scattergl\",\"surface\",\"table\",\"timeline\",\"violin\",\"waterfall\"] },\n  { id:\"mode\", label:\"Mode\", type: \"enum\", default: \"markers\", options:[\"markers\",\"lines\",\"lines+markers\", \"none\", \"gauge\", \"number\", \"gauge+number\", \"text\"] },\n  { id:\"x\", label:\"X\", type: \"array\", default: [0,1,2,3,4,5] },\n  { id:\"y\", label:\"Y\", type: \"array\", default: [2,4,8,16,32] },\n  { id:\"z\", label:\"Z\", type: \"array\", default: [3,5,7,9,11] },\n  { id:\"u\", label:\"U\", type: \"array\", default: [] }, // For Cone\n  { id:\"v\", label:\"V\", type: \"array\", default: [] }, // For Cone\n  { id:\"w\", label:\"W\", type: \"array\", default: [] }, // For Cone\n  { id:\"i\", label:\"I\", type: \"array\", default: [] }, // For Mesh3D\n  { id:\"j\", label:\"J\", type: \"array\", default: [] }, // For Mesh3D\n  { id:\"k\", label:\"K\", type: \"array\", default: [] }, // For Mesh3D\n  { id:\"open\", label:\"Open\", type: \"array\", default: [] }, // For OHLC, Candlestick\n  { id:\"high\", label:\"High\", type: \"array\", default: [] },\n  { id:\"low\", label:\"Low\", type: \"array\", default: [] },\n  { id:\"close\", label:\"Close\", type: \"array\", default: [] },\n  { id:\"dimensions\", label:\"Dimensions\", type: \"array\", default: [] },\n  { id:\"counts\", label:\"Counts\", type: \"array\", default: [] },\n  { id:\"values\", label:\"Values\", type: \"array\", default: [1,3,5] },\n  { id:\"labels\", label:\"Labels\", type: \"array\", default: ['a', 'b', 'c'] },\n  { id:\"fill\", label:\"Fill\", type: \"enum\", default: 'tozeroy', options:['tozeroy', 'tonexty', 'toself', 'tonext'] },\n  { id:\"orientation\", label:\"Orientation\", type: \"enum\", default: 'v', options:['v', 'h'] },\n  { id:\"marker.size\", label:\"Marker Size\", type: \"number\", default: 5 },\n  { id:\"marker.color\", label:\"Marker Color\", type: \"color\", default: '#2578B4' },\n  { id:\"locationmode\", label:\"Locationmode\", type: \"string\", default: \"country names\" }, // For Choropleth\n  { id:\"locations\", label:\"Locations\", type: \"array\", default: [] }, // For Choropleth\n  { id:\"text\", label:\"Text\", type: \"array\", default: [] }, // General, for annotations\n  { id:\"value\", label:\"Value\", type: \"number\", default: 0 },\n  { id:\"delta.reference\", label:\"Delta Reference\", type: \"number\", default: 0 },\n  { id:\"title.text\", label:\"Title Text\", type: \"string\", default: 'Title' },\n  { id:\"gauge.axis.range\", label:\"Gauge Axis Range\", type: \"array\", default: [0,1] },\n  { id:\"error_y.type\", label:\"ErrorY Type\", type: \"string\", default: 'data' },\n  { id:\"error_y.array\", label:\"ErrorY Array\", type: \"array\", default: [1,2,3,4,5] },\n  { id:\"error_y.visible\", label:\"ErrorY Visible\", type: \"boolean\", default: true },\n  { id:\"sizemode\", label:\"SizeMode\", type: \"string\", default: \"diameter\" }, // For Bubble charts\n  { id:\"sizeref\", label:\"SizeRef\", type: \"number\", default: 2 }, // For Bubble charts\n  { id:\"autobinx\", label:\"AutoBinX\", type: \"boolean\", default: true }, // For histograms\n  { id:\"nbinsx\", label:\"NBinsX\", type: \"number\", default: 10 }, // For histograms\n  { id:\"autobiny\", label:\"AutoBinY\", type: \"boolean\", default: true }, // For 2D histograms\n  { id:\"nbinsy\", label:\"NBinsY\", type: \"number\", default: 10 }, // For 2D histograms\n  { id:\"hoverinfo\", label:\"HoverInfo\", type: \"string\", default: \"all\" },\n  { id:\"hovertemplate\", label:\"HoverTemplate\", type: \"string\", default: \"\" },\n  // Additional properties specific to various chart types\n  { id:\"boxpoints\", label:\"BoxPoints\", type: \"string\", default: \"all\" }, // For Box plots\n  { id:\"notched\", label:\"Notched\", type: \"boolean\", default: false }, // For Box plots\n  { id:\"whiskerwidth\", label:\"WhiskerWidth\", type: \"number\", default: 0.5 }, // For Box plots\n  { id:\"fillcolor\", label:\"FillColor\", type: \"color\", default: \"#888\" }, // General appearance\n  { id:\"line.color\", label:\"Line Color\", type: \"color\", default: \"#888\" }, // General appearance\n  { id:\"line.width\", label:\"Line Width\", type: \"number\", default: 2 }, // General appearance\n  { id:\"line.shape\", label:\"Line Shape\", type: \"string\", default: \"linear\" }, // For Line charts\n  { id:\"line.smoothing\", label:\"Line Smoothing\", type: \"number\", default: 1.3 }, // For Line charts\n  { id:\"colorscale\", label:\"ColorScale\", type: \"string\", default: \"Viridis\" }, // For Heatmaps, Contours\n  { id:\"showscale\", label:\"ShowScale\", type: \"boolean\", default: true }, // For Heatmaps, Contours\n  { id:\"reversescale\", label:\"ReverseScale\", type: \"boolean\", default: false }, // For Heatmaps, Contours\n  { id:\"contours.coloring\", label:\"Contours Coloring\", type: \"string\", default: \"fill\" }, // For Contour plots\n  { id:\"contours.start\", label:\"Contours Start\", type: \"number\", default: 0 }, // For Contour plots\n  { id:\"contours.end\", label:\"Contours End\", type: \"number\", default: 10 }, // For Contour plots\n  { id:\"contours.size\", label:\"Contours Size\", type: \"number\", default: 1 }, // For Contour plots\n  { id:\"opacity\", label:\"Opacity\", type: \"number\", default: 0.8 }, // General appearance\n  { id:\"cmin\", label:\"Cmin\", type: \"number\", default: 0 }, // For Color scales\n  { id:\"cmax\", label:\"Cmax\", type: \"number\", default: 10 }, // For Color scales\n  { id:\"colorbar.title\", label:\"ColorBar Title\", type: \"string\", default: \"ColorBar\" }, // For Color scales\n  { id:\"colorbar.tickvals\", label:\"ColorBar TickVals\", type: \"array\", default: [] }, // For Color scales\n  { id:\"colorbar.ticktext\", label:\"ColorBar TickText\", type: \"array\", default: [] }, // For Color scales\n  { id:\"autocolorscale\", label:\"AutoColorScale\", type: \"boolean\", default: true }, // For Color scales\n  { id:\"showlegend\", label:\"ShowLegend\", type: \"boolean\", default: true }, // General appearance\n  { id:\"legendgroup\", label:\"LegendGroup\", type: \"string\", default: \"\" }, // For grouping legend items\n\n  // Scatter Mapbox \n  { id:\"lat\", label:\"Lat\", type: \"array\", default: [38] },\n  { id:\"lon\", label:\"Lon\", type: \"array\", default: [-90] },\n\n  // Ensure to include properties for specific visualization needs not covered here.\n]);\n\nlet configPropertiesDefinition = ref([\n  { id:\"autosizable\", label:\"Autosizable\", type: \"boolean\", default: false },\n  { id:\"displaylogo\", label:\"Display Logo\", type: \"boolean\", default: true },\n  { id:\"scrollZoom\", label:\"Scroll Zoom\", type: \"boolean\", default: true },\n  { id:\"editable\", label:\"Editable\", type: \"boolean\", default: true },\n  { id:\"displayModeBar\", label:\"Mode Bar\", type: \"boolean\", default: true },\n]);\nlet layoutPropertiesDefinition = ref([\n  { id:\"title\", label:\"Title\", type: \"string\", default: \"Hello Def\" },\n  { id:\"showlegend\", label:\"Show Legend\", type: \"boolean\", default: true },\n  { id:\"legend.x\", label:\"Legend X\", type: \"number\", default: 1 },\n  { id:\"legend.y\", label:\"Legend Y\", type: \"number\", default: 1 },\n  { id:\"legend.xanchor\", label:\"Legend X-Anchor\", type: \"enum\", default: \"right\", options: [\"left\", \"right\"] },\n  { id:\"legend.yanchor\", label:\"Legend Y-Anchor\", type: \"enum\", default: \"right\", options: [\"left\", \"right\"] },\n  { id:\"legend.orientation\", label:\"Legend Orientation\", type: \"enum\", default: \"v\", options: [\"v\", \"h\"] },\n  { id:\"paper_bgcolor\", label:\"Paper\", type: \"color\", default: \"#ffffff\" },\n  { id:\"plot_bgcolor\", label:\"Background\", type: \"color\", default: \"#ffffff\" },\n  { id:\"font.color\", label:\"Font Color\", type: \"color\", default: \"#000000\" },\n  { id:\"font.size\", label:\"Font Size\", type: \"number\", default: 10 },\n\n  { id:\"xaxis.title.text\", label:\"X-Axis Title Text\", type: \"string\", default: \"Axis Title\" },\n  { id:\"xaxis.title.font.size\", label:\"X-Axis Title Font Size\", type: \"number\", default: 24 },\n  { id:\"xaxis.title.font.color\", label:\"X-Axis Title Font Color\", type: \"color\", default: \"#000000\" },\n  \n  { id:\"yaxis.title.text\", label:\"Y-Axis Title Text\", type: \"string\", default: \"Axis Title\" },\n  { id:\"yaxis.title.font.size\", label:\"Y-Axis Title Font Size\", type: \"number\", default: 24 },\n  { id:\"yaxis.title.font.color\", label:\"Y-Axis Title Font Color\", type: \"color\", default: \"#000000\" },\n\n  { id:\"dragmode\", label:\"Dragmode\", type: \"enum\", default: \"zoom\", options:[\"zoom\"] },\n  { id:\"mapbox.style\", label:\"Mabox Style\", type: \"enum\", default: \"open-street-map\", options:[\"open-street-map\"] },\n  { id:\"mapbox.center.lat\", label:\"Mapbox Center Lat\", type: \"number\", default: 38 },\n  { id:\"mapbox.center.lon\", label:\"Mapbox Center Lon\", type: \"number\", default: -90 },\n  { id:\"mapbox.zoom\", label:\"Mapbox Zoom\", type: \"number\", default: 3 },\n  { id:\"margin.l\", label:\"Margin L\", type: \"number\", default: 0 },\n  { id:\"margin.t\", label:\"Margin T\", type: \"number\", default: 0 },\n  { id:\"margin.r\", label:\"Margin R\", type: \"number\", default: 0 },\n  { id:\"margin.b\", label:\"Margin B\", type: \"number\", default: 0 },\n\n]);\n\n\nfunction getFieldsOfDataFrameType(){\n  let dsFields = props.appData.pages[0].model.fields.filter( (field)=>{ \n    return  field.type == \"DataFrames.DataFrame\" || \n            field.type == \"PlotlyData\" || \n            field.type == \"DataTable.DataFrames.DataFrame\"\n  } );\n  //debugger;\n  dataSourceFields.value = dsFields;\n}\n\n// ====================== COMPUTED ====================== \n\nconst getAllModelFields = computed(() => {\n  let fields = props.appData.pages[0].model.fields;\n  let result = [];\n  fields.forEach( (field)=>{\n    if( field.type == 'DataTable.DataFrames.DataFrame' ){\n      let props = field.props;\n      if( props ){\n        props.forEach( (prop)=>{\n          result.push( { name:field.name + '.' + prop, type:field.type } );\n        } )\n      }\n    }else if( field.type == 'DataFrames.DataFrame' ){\n        let columns = field.columns;\n        if( columns ){\n          columns.forEach( (column)=>{\n            result.push( { name:field.name + '.' + column, type:field.type } );\n          } )\n        }\n      }\n    result.push( { name:field.name, type:field.type } );\n  } )\n  // sort alphabetically ignoring case\n  result.sort( (a,b)=>{\n    return a.name.toLowerCase().localeCompare(b.name.toLowerCase());\n  } )\n  return result;\n  //return ['uno', 'dos', 'tres'];\n})\n\nconst getSelectedDataSourceColumns = computed(() => {\n  let selectedDataSourceColumns = [];\n\n  // Extract columns or props from dataframes\n  console.log( 'dataSourceFields', dataSourceFields );\n  dataSourceFields.value.forEach( (field)=>{\n    // Dataframes expected to have columns\n    if( field.type.indexOf( 'DataFrames.DataFrame') == 0 ){\n      let columns = field.columns;\n      if( columns ){\n\n        columns.forEach( (column)=>{\n          selectedDataSourceColumns.push( field.name + \".\" + column );\n        } )\n      }\n    }\n    // DataTables expected to have props\n    let props = field.props;\n    if( props )\n    props.forEach( (prop)=>{\n      selectedDataSourceColumns.push( field.name + \".\" + prop );\n    } )\n  } )\n  // add array-type fields\n  props.appData.pages[0].model.fields.forEach( (field)=>{\n    if( field.type == \"Array\" ){\n      selectedDataSourceColumns.push( field.name );\n    }\n  } )\n\n\n\n  /* let selectedDataSourceName = selectedDataSource.value;\n  if( selectedDataSourceName ){\n    let selectedDataSourceField = dataSourceFields.value.find( (field)=>{ return field.name == selectedDataSourceName } );\n    if( selectedDataSourceField ){\n      selectedDataSourceColumns = selectedDataSourceField.columns;\n    }\n  } */\n  return selectedDataSourceColumns;\n})\n\nfunction availableDataProperties(defObject, destination) {\n  let notUsedProperties = defObject.filter( (propDef)=>{\n    let isUsed = false;\n    let existingProperty = getNestedProperty(destination, propDef.id);\n    if( existingProperty != null ){\n      isUsed = true;\n    }    \n    return !isUsed;\n  })\n  return notUsedProperties;\n};\n\nconst availableConfigProperties = computed(() => {\n  let notUsedProperties = configPropertiesDefinition.value.filter( (propDef)=>{\n    let isUsed = false;\n    let existingProperty = getNestedProperty(addPropertyDestination.value, propDef.id);\n    if( existingProperty != null ){\n      isUsed = true;\n    }    \n    return !isUsed;\n  })\n  return notUsedProperties;\n})\n\n\n\n\n\n// ====================== Methods ====================== \n\nfunction layoutChanged(newTreeObject){\n  submitChanges();\n}\nfunction configChanged(newTreeObject){\n  submitChanges();\n}\n\nfunction dataChanged(newTreeObject){\n  submitChanges();\n}\n\nfunction removeTrace(traceIndex){\n  console.log( 'removeTrace', traceIndex );\n  console.log( 'traces.value before: ', traces.value );\n  traces.value.splice(traceIndex, 1);\n  console.log( 'traces.value after: ', traces.value );\n  submitChanges();\n}\n\nfunction showAddPropertyList(destination){\n    addPropertyDestination.value = destination;\n}\n\nfunction hideAddProperty(){\n    addPropertyDestination.value = null;\n}\n\nfunction addProperty(prop, defObject, destination){\n  let propId = prop.id;\n  let propDef = defObject.find( (propDef)=>{ return propDef.id == propId } );\n  //addPropertyDestination.value = destination;\n  setNestedProperty(destination, propId, propDef.default);\n    submitChanges();\n}\n\nfunction getNestedProperty(obj, propName) {\n    const propParts = propName.split('.');\n    for (let i = 0; i < propParts.length; i++) {\n        if (!obj || !obj.hasOwnProperty(propParts[i])) {\n            return undefined;\n        }\n        obj = obj[propParts[i]];\n    }\n    return obj;\n}\n\nfunction setNestedProperty(obj, propName, value) {\n    const propParts = propName.split('.');\n    for (let i = 0; i < propParts.length - 1; i++) {\n        if (!obj.hasOwnProperty(propParts[i]) || typeof obj[propParts[i]] !== 'object') {\n            obj[propParts[i]] = {};\n        }\n        obj = obj[propParts[i]];\n    }\n    obj[propParts[propParts.length - 1]] = value;\n}\n\n\n\n\n\n\n\n\nfunction submitChanges(){\n  let newData = btoa( JSON.stringify(traces.value) );\n  let newConfig = btoa( JSON.stringify(config.value) );\n  let newLayout = btoa( JSON.stringify(layout.value) );\n  props.selectedComponent.setAttributes({gb_c__data:newData, gb_c__config: newConfig, gb_c__layout:newLayout })\n  props.selectedComponent.view.$el[0].vueApp.updateAttributes({data:newData, config: newConfig, layout:newLayout });\n  //props.selectedComponent.view.$el[0].vueApp.$forceUpdate();\n\n}\n\n  \n  function getDataSourceFromTraces(){\n    let dataSourceProperties = [];\n    traces.value.forEach( (trace)=>{\n      let bindingsInTrace = findBindingValues(trace);\n      bindingsInTrace.forEach( (binding)=>{\n        let bindingName = binding.value.replace('$_{', '').replace('}', '');\n        if( !dataSourceProperties.includes(bindingName) ){\n          dataSourceProperties.push(bindingName);\n        }\n      })      \n    } );\n    dataSourceProperties = dataSourceProperties.map( (propName)=>{\n      return propName.split(\".\")[0]\n    } );\n    selectedDataSource.value = dataSourceProperties[0];\n\n  }\n\n  \nfunction setSelectedComponent(newComponent){\n  //let newComponent = props.selectedComponent;\n    if( !newComponent || newComponent.attributes.type != 'plotly' ){\n      traces.value = null;\n      config.value = null;\n      layout.value = null;\n      return;\n    }\n    let componentAttributesRaw = newComponent.getAttributes();\n    if( componentAttributesRaw.gb_c__data )\n      componentAttributesRaw.gb_c__data = atob(componentAttributesRaw.gb_c__data);\n    if( componentAttributesRaw.gb_c__config )\n      componentAttributesRaw.gb_c__config = atob(componentAttributesRaw.gb_c__config);\n    if( componentAttributesRaw.gb_c__layout )\n      componentAttributesRaw.gb_c__layout = atob(componentAttributesRaw.gb_c__layout);\n    \n\n    let data = componentAttributesRaw.gb_c__data || \"[]\";\n    data = JSON.parse(data);\n    traces.value = data;\n\n    let configInput = componentAttributesRaw.gb_c__config || \"{}\";\n    configInput = JSON.parse(configInput);\n    config.value = configInput;\n    \n    let layoutInput = componentAttributesRaw.gb_c__layout || \"{}\";\n    layoutInput = JSON.parse(layoutInput);\n    layout.value = layoutInput;\n    //getDataSourceFromTraces();\n}\n\nfunction findBindingValues(obj) {\n  let result = [];\n\n  function recurse(o) {\n    for (let key in o) {\n      if (typeof o[key] === 'object' && o[key] !== null) {\n        recurse(o[key]);\n      } else if (typeof o[key] === 'string' && o[key].startsWith('$_{') && o[key].endsWith('}')) {\n        result.push({ value: o[key] });\n      }\n    }\n  }\n\n  recurse(obj);\n  return result;\n}\n\nfunction addNewTrace(){\n  traces.value.push( { x:'', y:'', type:'scatter', name:'Trace' } )\n}\n\nfunction addNewTraceFromBinding(columnA, columnB){\n  traces.value.push(\n    { x:columnA, y:columnB, type:'scatter', name:'Trace' }, \n  );\n  submitChanges();\n\n}\nonBeforeMount( ()=>{\n    setSelectedComponent( props.selectedComponent );\n    getFieldsOfDataFrameType();\n});\n\ndefineExpose({\n    setSelectedComponent, addNewTraceFromBinding\n})\n\n</script>\n\n\n\n\n<style lang=\"scss\" scoped>\n.chartConfigContainer::v-deep {\n  --grey0: #EEEEEE;\n  --grey1: #CCCCCC;\n  --grey2: #AAAAAA;\n  --grey3: #999999;\n  --grey4: #666666;\n  --grey5: #333333;\n\n  width: 100%;\n\n  input[type=text] {\n    width: 100%;\n    border-bottom: solid 1px var(--grey0);\n    padding: 2px 5px;\n  }\n\n  input[type=number] {\n    width: 100%;\n  }\n\n  input[type=color] {\n    width: 18px;\n    height: 20px;\n    padding: 0px;\n  }\n}\n\n.tabSelector {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  \n}\n\n.tabItem {\n  flex: 1;\n  text-align: center;\n  padding: 10px;\n  cursor: pointer;\n  border-bottom: solid 1px #ffffff00;\n}\n\n.tabItemSelected {\n  \n  border-bottom: solid 1px var(--grey0)\n}\n\n.tabSectionContainer {\n  display: flex;\n  flex-direction: column;\n}\n\n.foldableGroup {\n  display: flex;\n  flex-direction: column;\n}\n\n\n\n.foldableGroupContent {\n  display: flex;\n  flex-direction: column;\n\n}\n\n.subgroup {\n  padding: 10px 0px 5px;\n  display: flex;\n  flex-direction: column;\n\n\n  .subgroupTitle {\n    font-weight: bold;\n    padding: 0px 0px 5px;\n  }\n\n  .subgroupContent {\n    padding-top: 10px;\n  }\n\n  .subgroupContent {\n    .row {\n      padding: 5px 0px;\n    }\n  }\n}\n\n.addPropertyButtonRow {\n  display: flex;\n  flex-direction: row;\n  justify-content: right;\n  margin-bottom: 10px;\n}\n\n.addPropertyButton {\n  border: solid 1px #ccc;\n  padding: 0px 7px;\n  border-radius: 7px;\n  font-size: 1.1em;\n  width: min-content;\n\n}\n</style>","import script from \"./ChartProperties.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ChartProperties.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ChartProperties.vue?vue&type=style&index=0&id=6a30a4fe&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6a30a4fe\"]])\n\nexport default __exports__","<template>\n    <div v-if=\"!component\" class=\"nothingSelected\">\n        <i>Nothing selected</i>\n    </div>\n    <div v-if=\"component && component.attributes.type != 'tempplaceholder' && component.attributes.type != 'plotly'\">\n        <div style=\"user-select:none;\">\n            <div \n                v-for=\"attributeObject in getCleanAttributesList()\" :key=\"attributeObject.name\" \n                class=\"propRow\" \n                >\n                <div class=\"removeBtnCnt\" style=\"width:20px;\">\n                    <span v-if=\"attributeObject.def?.mandatory != true && attributeObject.name!='gb_b__v-model'\" @click=\"removeAttribute(attributeObject)\" title=\"Remove Property\" class=\"codicon codicon-settings\">\n                        <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"font-size: 14px; padding: 0px;\">delete</i>\n                    </span>\n                </div>\n                <div class=\"propRowLabel\" :title=\"attributeObject.def.name + ': ' + attributeObject.def.desc\">{{ attributeObject.def.label }}: </div>\n                <div v-if=\"!attributeIsBinding(attributeObject.name)\" class=\"propRowControl\">\n                    <!-- Dropdown for icons (uitype == 'enum_icons' in blockDefinitions) -->\n                    <vscode-dropdown \n                        v-if=\"attributeObject.def.uitype=='enum_icons'\"\n                        style=\"width: 100%; min-width: unset;\" \n                        :value=\"component.attributes.attributes[ attributeObject.name ]\"\n                        @input=\"(event) => component.attributes.attributes[ attributeObject.name ] = event.target.value\" \n                        @change=\"submitChanges\">\n                        <span slot=\"selected-value\" class=\"codicon codicon-settings\">\n                            <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"font-size: 16px; padding: 5px;\">{{component.attributes.attributes[ attributeObject.name ]}}</i> {{ component.attributes.attributes[ attributeObject.name ] }}\n                        </span>\n                        <vscode-option :value=\"option\" v-for=\"option in attributeObject.def.options\" style=\"padding: 5px;\">\n                            <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"font-size: 16px; \">{{option}}</i> {{ option }}</vscode-option>\n                    </vscode-dropdown>\n\n                    <!-- Dropdown for icons (uitype == 'enum_colors' in blockDefinitions) -->\n                    <vscode-dropdown \n                        v-else-if=\"attributeObject.def.uitype=='enum_colors'\"\n                        style=\"width: 100%; min-width: unset;\" \n                        :value=\"component.attributes.attributes[ attributeObject.name ]\"\n                        @input=\"(event) => component.attributes.attributes[ attributeObject.name ] = event.target.value\" \n                        @change=\"submitChanges\">\n                        <!-- this is to set the selected value region (component view when not expanded) -->\n                        <span slot=\"selected-value\">\n                            <q-icon name=\"circle\" :color=\"component.attributes.attributes[ attributeObject.name ]\" style=\"margin-right: 5px;\" /> \n                            {{ component.attributes.attributes[ attributeObject.name ] }}\n                        </span>\n                        <!-- this is to set the expanded otions views -->\n                        <vscode-option :value=\"option\" v-for=\"option in attributeObject.def.options\" style=\"padding: 5px;\">\n                            <q-icon name=\"circle\" :color=\"option\" style=\"margin-right: 5px;\" /> \n                            {{ option }}</vscode-option>\n                    </vscode-dropdown>\n                    <input \n                        :attrname=\"attributeObject.name\"  type=\"text\"\n                        v-else-if=\"attributeObject.def.type=='String' && attributeObject.cleanName.indexOf('color') == -1 \" \n                        @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent class=\"propInput\" @change=\"submitChanges\" \n                        v-model=\"component.attributes.attributes[ attributeObject.name ]\" \n                        style=\"width: 220px%;\" \n                    />\n                    <input \n                        :attrname=\"attributeObject.name\"  type=\"text\"\n                        v-else-if=\"attributeObject.def.type=='Array'\" \n                        @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent class=\"propInput\" @change=\"submitChanges\" \n                        v-model=\"component.attributes.attributes[ attributeObject.name ]\" \n                        style=\"width: 220px%;\" \n                    />\n                    <input \n                        :attrname=\"attributeObject.name\"  type=\"text\"\n                        v-else-if=\"attributeObject.def.type=='Function'\" \n                        @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent class=\"propInput\" @change=\"submitChanges\" \n                        v-model=\"component.attributes.attributes[ attributeObject.name ]\" \n                        style=\"width: 220px%;\" \n                    />\n                    <input \n                        :attrname=\"attributeObject.name\"  type=\"color\"\n                        v-else-if=\"attributeObject.def.type=='String' && attributeObject.name.indexOf('color') > -1 \" \n                        @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent class=\"propInput\" @change=\"submitChanges\" \n                        v-model=\"component.attributes.attributes[ attributeObject.name ]\" \n                        style=\"padding: 0px 2px; height: 21px;\" \n                    />\n                    <input \n                        :attrname=\"attributeObject.name\"  type=\"number\"\n                        v-else-if=\"attributeObject.def.type=='Number'\" \n                        @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent class=\"propInput\" @change=\"submitChanges\" \n                        v-model=\"component.attributes.attributes[ attributeObject.name ]\"                         \n                    />\n                    <input \n                        :attrname=\"attributeObject.name\"  type=\"checkbox\"\n                        v-else-if=\"attributeObject.def.type=='Boolean'\" \n                        @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent class=\"propInput\" @change=\"submitChanges\"\n                        v-model=\"component.attributes.attributes[ attributeObject.name ]\" \n                        style=\"width: auto;\"                        \n                    />\n                </div>\n                <div v-if=\"attributeIsBinding(attributeObject.name)\" class=\"propRowControl\">\n                    <select class=\"propInput propInputDynamic\" v-model=\"component.attributes.attributes[ attributeObject.name ]\" name=\"cars\" id=\"cars\" @change=\"submitChanges\" \n                    @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent :attrname=\"attributeObject.name\">\n                        <option v-for=\"binding in filteredModelFields(attributeObject)\" :key=\"'binding_'+binding.name\" :value=\"binding.name\">{{binding.name}}</option>\n                    </select>\n                </div>\n                <div v-if=\"attributeObject.name!='gb_b__v-model'\" @click=\"toggleDynamicAttribute(attributeObject.name, attributeObject.value )\" class=\"propRowDynamicSwitch\">\n                    <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" v-if=\"attributeIsBinding(attributeObject.name)\" draggable=\"false\" />\n                    <img src=\"img/icons/binding_off.png\" style=\"height: 16px;\" v-if=\"!attributeIsBinding(attributeObject.name)\" draggable=\"false\" />\n                </div>\n                <div v-else class=\"propRowDynamicSwitch\" draggable=\"false\"></div>\n            </div>\n\n            <!-- suggested attributes -->\n            <div class=\"suggestedPropertiesContainer\" style=\"margin: 20px 0px 0px 0px;\" v-if=\"getSuggestedProperties().length>0\">\n                <div class=\"suggestedPropertiesTitle\" style=\"opacity: 0.7; margin-bottom:10px; font-weight: bold; font-size: 0.9em;\">Suggested Properties:</div>\n                <div \n                    v-for=\"attributeDefObject in getSuggestedProperties()\" :key=\"attributeDefObject.name\" class=\"propRow\" >\n                    <div class=\"propRowLabel\" style=\"opacity: 0.5; font-weight: bold; text-align: left:\">{{ attributeDefObject.label }}: </div>\n                    <div class=\"propRowControl\" style=\"opacity: 0.5; text-align: left; font-size: 0.8em; user-select: none;\">\n                        {{ attributeDefObject.desc }}\n                    </div>\n                    <div class=\"propRowDynamicSwitch\" draggable=\"false\" title=\"Add property\" @click=\"addProperty(attributeDefObject)\">\n                        <i class=\"fa fa-plus\"></i>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <br/>\n        <vscode-button v-if=\"!showAddProperty && component\" @click=\"showAddPropertyList\">Add Property</vscode-button>\n        <div v-if=\"!component\" style=\"font-size: 0.8em;\"><i>Nothing selected</i></div>\n\n        <AddPropertyDialog v-if=\"showAddProperty\" :propslist=\"availableProperties\" @propAdded=\"addProperty\" @close=\"hideAddProperty\">\n        </AddPropertyDialog>\n    </div>\n    <ChartProperties ref=\"chartPropertiesPanel\" :appData=\"appData\" :selectedComponent=\"selectedComponent\" style=\"height: 100%;\"/>\n</template>\n\n\n\n<script setup>\n\nimport { ref, onMounted, computed } from 'vue'\nimport AddPropertyDialog from './properties/AddPropertyDialog.vue';\nimport ChartProperties from '../ChartProperties.vue'\n//import blockDefinitions from '../../utils/blockDefinitions';\nimport _ from 'lodash'\n\n// Component props (set from outside)\nconst props = defineProps(['title', 'appData', 'selectedComponent']);\n\nconst chartPropertiesPanel = ref(null);\n\n/*  ======================================================================================\n                                    COMPONENT VARIABLES\n    ====================================================================================== */\n\n// Component variables\nlet component = ref(null);\nlet showAddProperty = ref(false);\nlet modelFields = ref(props.appData.pages[0].model.fields);\nlet modelFieldsByName = {};\n    modelFields.value.forEach( field => {\n        modelFieldsByName[field.name] = field;\n    });\n\n// Dictionary for easy access to blockDefinitions\nconst blockDefinitionsByType = blockDefinitions.reduce((acc, block) => {\n    acc[block.type] = block;\n    return acc;\n}, {});\n\n\n\n/*  ======================================================================================\n                                    COMPONENT METHODS\n    ====================================================================================== */\n\n/**\n * This function takes an attribute name as input and returns a cleaned version of the name.\n * If the attribute name starts with \"gb_c__\" or \"gb_b__\", it removes the prefix.\n * If the attribute name doesn't start with these prefixes, it returns the attribute name as is.\n * @param {string} attributeName - The name of the attribute to clean.\n * @return {string} The cleaned attribute name.\n */\nfunction getAttributeCleanRealName( attributeName ){\n    try{\n        if( attributeName.indexOf(\"gb_c__\") == 0 || attributeName.indexOf(\"gb_b__\") == 0 ){\n            return attributeName.substring(6);\n        }\n        return attributeName;\n    }catch(error){\n        console.error( 'Error in getAttributeCleanRealName: ', attributeName, error );\n    }\n}\n\n\n\n/**\n * Removes an attribute from the selected component.\n * @param {Object} attributeObject \n */\nfunction removeAttribute(attributeObject ){\n    component.value.removeAttributes( [attributeObject.name]);\n    submitChanges();\n\n}\n\n\n\n/**\n* Returns a list of suggested properties for the selected component.\n* The suggested props for each component are defined in the blockDefinitions list (attribute \"suggest\" = true).\n* If the property is already present in the component attributes, it is not suggested.\n* @return {Array} An array of suggested properties.\n*/\nfunction getSuggestedProperties(){\n    let componentDefinition = getBlockDefinition( component.value.attributes.type );\n    if( !componentDefinition ){\n        return [];\n    }\n    let currentAttributesCleanNames = getCleanAttributesList().map( att => att.cleanName );\n    let suggestedProperties = componentDefinition.properties.filter( propDef => {\n        return propDef.suggested == true;\n    })\n    let suggestedPropertiesNotUsed = suggestedProperties.filter( propDef => {\n        return currentAttributesCleanNames.indexOf( propDef.name ) == -1;\n    });\n\n    return suggestedPropertiesNotUsed;\n}\n\n\n    \n/** Returns a list of model fields filtered by type.\n * @param {Object} attributeObject - An object containing the attribute definition.\n * @return {Array} An array of model fields.\n */\nfunction filteredModelFields( attributeObject){\n    let results = [];\n    modelFields.value.forEach( field =>{ \n        if( field.type == attributeObject.def.type ){\n            results.push( field );\n        }else if( field.type == \"DataTable.DataFrames.DataFrame\"){\n            // DataTables expected to have props\n            let props = field.props;\n            if( props ){\n                props.forEach( (prop)=>{\n                    results.push( { name: field.name + \".\" + prop } );\n                } )\n            }\n        }\n    } );\n    //console.log( \"filteredModelFields results: \", results );\n    return results;\n};\n\n\n\n/**\n * Returns a list of attributes for the selected component, \n * including the name of the attribute, the cleaned name and the value, as well as the definition of the attribute.\n * @return {Array} An array of attributes.\n */\nfunction getCleanAttributesList(){\n    const elementAttributes = component.value.attributes.attributes;\n    let result = [];\n    let attrsForVuecomponent = {};\n    for( let p in elementAttributes ){\n        if( p.startsWith('gb_c__') || p.startsWith('gb_b__') ){\n            let cleanName = getAttributeCleanRealName(p).toLowerCase(); // p.toLowerCase();            \n            if( cleanName != 'id' && cleanName != 'charttype' && cleanName != 'class' ){\n                let def = getBlockPropertyDefinition(cleanName);\n                if( !def ){\n                    console.error(\"Definition not found for: \", p, cleanName, elementAttributes[p])\n                }\n                result.push( { name:p, cleanName, value: elementAttributes[p], def:def } );\n                attrsForVuecomponent[p] = elementAttributes[p];\n            }\n        }\n    }\n    \n    //console.log( 'PropertiesPanel :: getCleanAttributesList :: vueApp, attrsForVuecomponent: ', props.selectedComponent.view.el.vueApp, attrsForVuecomponent );\n    if( props.selectedComponent.view.el.vueApp ){\n        props.selectedComponent.view.el.vueApp.updateAttributes( attrsForVuecomponent )\n    }\n\n    result = _.sortBy( result, 'cleanName' );    \n    return result;\n}\n\n\n\n/** \n * Returns the definition of a property for the selected component.\n */\nfunction getBlockPropertyDefinition( propertyName ){\n    let blockDefinition = getBlockDefinition( component.value.attributes.type );\n    if( !blockDefinition ){\n        return null;\n    }\n    let propertyDefinition = blockDefinition.properties.find( prop => prop.name == propertyName );\n    return propertyDefinition;\n}\n\n\n\n/** \n * Returns true if the attribute is a dynamic binding (starts with \"gb_b__\").\n */\nfunction attributeIsBinding(attributeName ){\n    let isDynamic = attributeName.indexOf('gb_b_') == 0;\n    return isDynamic;\n}\n\n\n\n/** \n * Event handler for the drop event when user drops a binding on top of a property.\n * It will swtich to \"binding\" mode if it's not already so, and then assign the binding to the property.\n */\nfunction onDrop( event ){\n    let dragTransferData = JSON.parse( event.dataTransfer.getData(\"text\") );\n    let attrname = event.target.getAttribute('attrname');\n    if( attrname.indexOf('gb_c__') == 0 ){\n        toggleDynamicAttribute( attrname, dragTransferData.bindingname );\n    }else{\n        let newAttrs = {};\n        newAttrs[attrname] = dragTransferData.bindingname;\n        component.value.addAttributes( newAttrs );\n    }\n};\n\n\n\n/** \n * Shows the \"Add Property\" dialog.\n */\nfunction showAddPropertyList(){\n    showAddProperty.value = true;\n}\n\n/** \n * Hides the \"Add Property\" dialog.\n */\nfunction hideAddProperty(){\n    showAddProperty.value = false;\n}\n\n\n\n/**\n * Adds a property to the selected component.\n * @param {Object} prop \n */\nfunction addProperty(prop){\n    console.log( 'PropertiesPanel::addProperty', prop );\n    let defaultValuesByType = {\n        Boolean: true,\n        String: \"\", \n        Number: 0, \n        Array: [], \n        Function: \"\"\n    }\n    let attrsObject = {};\n    let gbName = \"gb_c__\"+prop.name;\n    let defaultValue = defaultValuesByType[prop.type] != null ? defaultValuesByType[prop.type] : \"\";\n    attrsObject[gbName] = defaultValue;\n    component.value.addAttributes(attrsObject);\n    submitChanges();\n}\n\n\n\n/**\n * Returns the definition of a block (component) by type.\n * @param {string} type - The type of the block (component).\n * @return {Object} The definition of the block (component).\n */\nfunction getBlockDefinition( type ){\n    let componentDefinition = blockDefinitionsByType[type];\n    return componentDefinition;\n}\n\n\n\n/**\n * Returns a list of properties that can be added to the selected component.\n * It excludes the ones already present in the component.\n */\nconst availableProperties = computed( ()=>{\n    let componentDefinition = getBlockDefinition( component.value.attributes.type );\n    if( !componentDefinition ){\n        return [];\n    }\n    \n    let definitionProperties = componentDefinition.properties;\n    let currentAttributes = component.value.getAttributes();\n    let currentAttributesClean = [];\n    for( let p in currentAttributes ){\n        let cleanName = getAttributeCleanRealName(p);\n        currentAttributesClean.push( cleanName );\n    }\n    let filtered = [];\n    definitionProperties.forEach( prop => {\n        let cleanName = getAttributeCleanRealName(prop.name);\n        if( currentAttributesClean.indexOf(cleanName) == -1 ){\n            filtered.push( prop );\n        }\n    })\n    return filtered;\n} );\n\n\n\n/**\n * Submits the changes to the selected component.\n * This is needed so that the component in the canvas is updated with the new attributes.\n */\nfunction submitChanges(){\n    //setTimeout( ()=>{\n            // before parsing the html, we need to make sure we handle booleans properly\n            let componentAttributes = component.value.attributes.attributes;\n            //console.log( 'PropertiesPanel :: submitChanges :: componentAttributes: ', componentAttributes );\n            for( let attName in componentAttributes ){\n                if( componentAttributes[attName] === true ){\n                    componentAttributes[attName] = 'true';\n                }\n                if( componentAttributes[attName] === false ){\n                    componentAttributes[attName] = 'false';\n                }\n            }\n            let newHtml = selectedComponent.toHTML();\n            //console.log( 'PropertiesPanel :: submitChanges :: newHtml: ', newHtml );\n            editor.getSelected().replaceWith( newHtml );\n            \n            \n            let clonedAttributes = {};                    \n            let attributeNames = Object.getOwnPropertyNames(componentAttributes);\n            attributeNames.forEach( (attrName)=>{\n                let attributeValue;\n                if( componentAttributes[attrName] != undefined && componentAttributes[attrName].nodeValue != undefined ){\n                    attributeValue = componentAttributes[attrName].nodeValue;\n                } else{\n                    attributeValue = componentAttributes[attrName];\n                }\n                clonedAttributes[attrName] = attributeValue;\n            })\n        props.selectedComponent.setAttributes(clonedAttributes);\n            let grapesElementVueApp = props.selectedComponent.view.$el[0].vueApp;\n            //console.log( 'PropertiesPanel :: submitChanges :: PRE vueApp.updateAttributes(): ', grapesElementVueApp, clonedAttributes );\n            grapesElementVueApp.updateAttributes(clonedAttributes);\n    //}, 1000);\n}\n\n\n\n/**\n * Toggles the attribute mode from constant to binding and viceversa\n * @param {string} key - The name of the attribute.\n * @param {string} value - The value of the attribute.\n */\nfunction toggleDynamicAttribute(key, value){\n    let newKey = key.indexOf('gb_b__') == 0 ? key.replace( 'gb_b__', 'gb_c__' ) : key.replace( 'gb_c__', 'gb_b__' );\n    component.value.removeAttributes( [key]);\n    let newAtts = {};\n    // When switching to Binding mode, pick the model variable with the same name set as constant or,\n    // If it doesn't exist, pick one of the same type by default\n    if( newKey.indexOf('gb_b__') == 0 ){\n        if(modelFieldsByName[value] != null )\n            newAtts[newKey] = value;\n        else{\n            let cleanAttributeName = getAttributeCleanRealName(newKey).toLowerCase();\n            let def = getBlockPropertyDefinition(cleanAttributeName);\n\n            let attributeObject = { def }\n            let sameTypeModelFields = filteredModelFields(attributeObject);\n            if( sameTypeModelFields.length > 0 )\n                newAtts[newKey] = sameTypeModelFields[0].name;\n            else\n                newAtts[newKey] = \"Not Set\";\n        }\n    }else{\n        newAtts[newKey] = value;\n    }\n\n    component.value.addAttributes(newAtts);\n    submitChanges();\n}\n\n/**\n * Sets the selected component.\n * @param {Object} newComponent \n */\nfunction setSelectedComponent(newComponent){\n    component.value = newComponent;\n    if( newComponent && newComponent.attributes.type == 'plotly' ){\n        chartPropertiesPanel.value.setSelectedComponent( newComponent );\n    }\n    /* if( chartPropertiesPanel.value){\n      chartPropertiesPanel.value.setSelectedComponent(com);\n    } */\n}\n\n\n\n/*  ======================================================================================\n                                    COMPONENT LIFECYCLE HOOKS\n    ====================================================================================== */\nonMounted( ()=>{\n    setSelectedComponent( window.selectedComponent );\n});\n\n\n\n/*  ======================================================================================\n                                    COMPONENT EXPORTS\n    ====================================================================================== */\ndefineExpose({\n    setSelectedComponent, chartPropertiesPanel\n})\n</script>\n\n\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n.propRow{\n    position: relative;\n    border-bottom: solid 1px var(--checkbox-background);\n    display: flex;\n    flex-direction: row;\n    gap: 10px;\n    padding: 5px 0px 5px;\n}\n.propRowLabel{\n    width: 35%;\n    font-size: 0.9em;\n    display: flex;\n    justify-content: right;\n    align-items: center;\n    text-transform: capitalize;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    user-select: none;\n}\n.propRowControl{\n    width: 60%;\n    display: flex;\n    justify-content: left;\n}\n\n.propRowDynamicSwitch{\n    width: 5%;\n    display: flex;\n    justify-content: left;\n    align-items: center;\n    cursor: pointer;\n    opacity:0.7;\n}\n\n.propRowDynamicSwitch:hover{\n    opacity:1;\n}\n\n.addPropIcon{\n    font-size: 1.2em;\n    opacity: 0;\n}\n\n\n.propInput{\n    padding: 1px 10px;\n    border: solid 1px #999;\n    border-radius: 3px;\n    box-sizing: border-box;\n    width: 100%;\n    color: #000000;\n}\n\n.propInputDynamic{\n    background-color: #fff1cd;\n    border: solid 1px #d8b252;\n    color: #916a09;\n}\n\n.removeBtnCnt{\n    opacity: 0;\n    cursor: pointer;\n}\n.propRow:hover .removeBtnCnt{\n    opacity: 0.5;\n}\n.removeBtnCnt:hover{\n    opacity: 1 !important;\n}\n</style>","import script from \"./PropertiesPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PropertiesPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PropertiesPanel.vue?vue&type=style&index=0&id=015f447c&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-015f447c\"]])\n\nexport default __exports__\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QIcon});\n","<template>\n    <div class=\"logsPanel\" style=\"position:relative;\">\n        <div class=\"toolBar\">\n            <div>\n                <input type=\"checkbox\" id=\"showServerLogs\" name=\"showServerLogs\" v-model=\"showServerLogs\" /> GB Server\n            </div>\n            <div>\n                <input type=\"checkbox\" id=\"showClientLogs\" name=\"showClientLogs\" v-model=\"showClientLogs\" /> Client\n            </div>\n            <div>\n                <!-- select log level -->\n                <select v-model=\"logLevel\">\n                    <!-- <option value=\"0\">Debug</option> -->\n                    <option value=\"1\">Info</option>\n                    <option value=\"2\">Warning</option>\n                    <option value=\"3\">Error</option>\n                </select>\n            </div>\n            <!--\n            <div>\n                <select v-model=\"loggedAppId\">\n                    <option v-for=\"item in loggedAppIdsMap\" :value=\"item.id\">{{ item.label }}</option>\n                </select>\n            </div> -->\n            <div>\n                Search: <input type=\"text\" id=\"searchString\" name=\"searchString\" v-model=\"searchString\" style=\"width: 200px;\"/>\n            </div>\n            <div style=\"text-align: right; flex-grow: 1; flex-basis: 0;\">\n                <!-- <vscode-button @click=\"clearLogs\">Clear</vscode-button> -->\n                <button class=\"clearLogsButton\" @click=\"clearLogs\" title=\"Clear Logs\">\n                    <span class=\"codicon codicon-settings\"><i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"font-size: 16px; padding: 5px;\">delete</i></span>\n                    <!-- <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"font-size: 16px; padding: 5px;\">Clear</i> -->\n                </button>\n            </div>\n        </div>\n        <div ref=\"logsContainer\" class=\"logsContainer\">\n            <div :class=\"{logItem:true, levelInfo:item.level=='info', levelWarning:item.level=='warning', levelError:item.level=='error' }\" v-for=\"(item, $index) in filteredLogs\" :key=\"'logItem_'+$index\">\n                <div class=\"timeStamp\">{{ item.timestamp }}</div>\n                <!-- <div class=\"appSource\">{{ item.appSource }}</div> -->\n                <div class=\"logLevel\">{{ item.level }}</div>\n                <div :class=\"{logMessage:true, logMessageExpanded:item.expanded}\" v-highlight=\"item.message\" @click=\"item.expanded=!item.expanded\"></div>\n            </div>\n        </div>\n        \n    </div>\n</template>\n\n<script setup>\n\nimport _ from 'underscore';\nimport {computed, ref} from 'vue';\nimport Configuration from '../../utils/Configuration.js'\n\nconst props = defineProps(['appData'])\nconst showServerLogs = ref(true);\nconst showClientLogs = ref(true);\nconst logLevel = ref(1);\nconst loggedAppId = ref('all');\nconst searchString = ref('');\nconst logsContainer = ref(null);\n\nimport hljs from 'highlight.js/lib/core';\nimport javascript from 'highlight.js/lib/languages/javascript';\nimport sql from 'highlight.js/lib/languages/sql';\nimport 'highlight.js/styles/atom-one-dark.css';\n\nhljs.registerLanguage('javascript', javascript);\nhljs.registerLanguage('sql', sql);\n\nconst highlight = {\n  mounted(el, binding) {\n    const code = binding.value || '';\n    const highlightedCode = hljs.highlight('sql', code).value;\n    el.innerHTML = `<pre style=\"white-space: pre-wrap; word-wrap: break-word;\"><code style=\"display: block; width: 100%;\">${highlightedCode}</code></pre>`;\n  },\n  updated(el, binding) {\n    const code = binding.value || '';\n    const highlightedCode = hljs.highlight('sql', code).value;\n    el.innerHTML = `<pre style=\"white-space: pre-wrap; word-wrap: break-word;\"><code style=\"display: block; width: 100%;\">${highlightedCode}</code></pre>`;\n  }\n};\n\n// Registering directive locally\nconst vHighlight = highlight;\n\nconst loggedAppIdsMap = ref([\n    { id:'all', label:\"All\" },\n    { id:0, label:\"GB\" },\n])\nconst logLevelsMap = {\n    //debug: 0,\n    info: 1,\n    warning: 2,\n    error: 3\n}\n// debug, info, wanring, error\nconst logs = ref([]);\nwindow.logs = logs;\n\nconst filteredLogs = computed( ()=>{\n    let results = logs.value.filter( (item)=>{\n        //debugger;\n        let matchesSource = (item.source==\"server\" && showServerLogs.value) || (item.source==\"client\" && showClientLogs.value );\n        let matchesLevel = logLevelsMap[item.level] >= logLevel.value;\n        let matchesAppId = loggedAppId.value == 'all' || item.appid == loggedAppId.value;\n        //console.log( \">>>>>>> \", item.appid, ' == ', loggedAppId.value)\n        let matchesSearch = searchString.value == '' || item.message.toLowerCase().indexOf(searchString.value.toLowerCase() ) >= 0;\n        //console.log( 'matchesSource', matchesSource, matchesLevel, matchesSearch );\n        return matchesSource && matchesLevel && matchesSearch && matchesAppId;\n    })\n    return results;\n})\n\nfunction clearLogs(){\n    logs.value = [];\n}\n\nfunction addLog( logObject ){\n    // Discard messages with appId and not matching the current app id\n    let configuredAppId = Configuration.appid;\n    let messageAppId = logObject.appid;\n    if( messageAppId != undefined && messageAppId != configuredAppId ){\n        return;\n    }\n    console.log( 'addLog', logObject );\n    let logPrefix = 'log:message ';\n    if( logObject.message.indexOf( logPrefix ) == 0 ){\n        // Add the app id to the loggedAppIdsMap if it doesn't exist\n        if( !loggedAppIdsMap.value.find( (item)=>{ return item.id == logObject.appid } ) ){\n            loggedAppIdsMap.value.push( { id:logObject.appid, label:logObject.appid } );\n        }\n        \n        // Remove the logPrefix from the message\n        let message = logObject.message.slice( logPrefix.length );\n\n        // Extract the log level from the message text\n        if( message.indexOf(\"Info: \") == 0 ){\n            logObject.level = \"info\";\n            message = message.slice( \"Info: \".length );\n        }else if( message.indexOf(\"Warning: \") == 0 ){\n            logObject.level = \"warning\";\n            message = message.slice( \"Warning: \".length );\n        }else if( message.indexOf(\"Error: \") == 0 ){\n            logObject.level = \"error\";\n            message = message.slice( \"Error: \".length );\n        }\n\n\n        // Replace newlines with <br/>\n        //message = message.split(\"\\n\").join(\"<br/>\");\n        message = message.split(\" ┌\").join(\"┌\");\n        logObject.message = message;\n        \n        // Parse app source-id and timestamp\n        logObject.appSource = logObject.appid == \"0\" ? \"GB\" : \"app \"+logObject.appid;\n        logObject.timestamp = logObject.timestamp.replace(\"T\", \" \").replace(\"Z\", \"\").split(\".\")[0];\n\n        // set collapsd view by default\n        logObject.expanded = false;\n\n        // Add the log to the logs array\n        logs.value.push( logObject );\n\n        // Scroll to bottom so that latest log is visible\n        logsContainer.value.scrollTop = logsContainer.value.scrollHeight;\n    }\n}\n\ndefineExpose( {addLog} );\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n\n.toolBar{\n    display: flex;\n    flex-direction: row;\n    font-size: 12px;\n    padding-bottom: 5px;\n    border-bottom: solid 1px #ccc;\n    margin-bottom: 10px;\n    gap: 15px;\n}\n\n\n.logsContainer{\n    height: 200px;\n    overflow: auto;\n}\n\n.logItem:hover{\n    background-color: #00000010;\n}\n.logItem{\n    font-size: 14px;\n    color: #828282;\n    display: flex;\n    flex-direction: row;\n    gap: 20px;\n    align-items: flex-start;\n    border-bottom: solid 1px #cccccc20;\n}\n\n.timeStamp, .appSource, .logLevel, .logMessage {\n    flex-shrink: 0; /* Ensure they don't shrink below their designated width */\n    overflow: hidden; /* For text-overflow, if needed */\n    \n    text-overflow: ellipsis; /* Ellipsis if content overflows */\n}\n\n.timeStamp{\n    width: 150px;\n}\n.logLevel{\n    width: 60px;\n}\n.appSource{\n    width: 50px;\n}\n\n\n.logMessage {\n    flex-grow: 1;\n    flex-basis: 0;\n    min-width: 0;\n    overflow-wrap: break-word;\n    max-width: calc(100% - 260px - 60px); /* Subtract the total width of the other columns and gap */\n    overflow: hidden; \n    max-height: 20px;\n    cursor: pointer;\n}\n.logMessageExpanded{\n    overflow: unset; \n    max-height: unset;\n}\n.levelInfo{\n    color: #49afed;\n}\n.levelWarning{\n    color: #e29a42;\n}\n.levelError{\n    color: rgb(242, 91, 91);\n}\n\n.clearLogsButton{\n    opacity: 0.5;\n}\n.clearLogsButton:hover{\n    opacity: 1;\n}\n</style>","import script from \"./LogsPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LogsPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./LogsPanel.vue?vue&type=style&index=0&id=9497234c&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-9497234c\"]])\n\nexport default __exports__\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QIcon});\n","<template>\n    <div class=\"bindingsConnectorsContainer\">\n            <svg width=\"100%\" height=\"100%\" style=\"position: absolute; z-index: 11; pointer-events: none;\">\n                <rect v-for=\"connection in connections\" :key=\"connection.id\" :x=\"connection.x\" :y=\"connection.y\" :width=\"connection.width\" :height=\"connection.height\" style=\"fill:transparent; stroke-width:3; stroke:#0099ff;\"/>\n                <path  v-for=\"connection in connections\" :key=\"connection.id\" \n                    :d=\"getConnectionSVGPath(connection)\" stroke=\"#0099ff\" stroke-width=\"2\" fill=\"transparent\"/>\n            </svg>\n    </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\n\n\nconst canvasElementsPositions = ref([]);\nconst connections = ref([]);\nconst _iframePosition = ref(null);\nconst overedBinding = ref(null);\n\n\nfunction getConnectionSVGPath(connection ){\n    let origin = connection;\n    let target = getOveredBindingPosition();\n    let xDistance = Math.abs( origin.x+origin.width - target.x );\n    let controlPointOffsetX = xDistance*0.5;\n    let path = `M ${origin.x+origin.width} ${origin.y+origin.height*.5} C ${origin.x+origin.width+controlPointOffsetX} ${origin.y+origin.height*.5}, ${target.x-controlPointOffsetX} ${target.y+7}, ${target.x} ${target.y+7}`;\n    return path;\n}\n\n\n\nfunction getOveredBindingPosition(){\n    let elPosition = getElementPosition( overedBinding.value.element );\n    return elPosition;\n}\n\n\n\nfunction getElementPosition(element) {\n  const rect = element.getBoundingClientRect();\n  return {\n    x: rect.left, \n    y: rect.top\n  };\n}\n\nfunction updateElementsPositions(lines){\n    canvasElementsPositions.value = lines;\n    updateConnections();\n\n}\nfunction updateConnections(){\n    if( _iframePosition.value == null )\n        updateIframePosition();\n    let iframePosition = _iframePosition.value;\n    let adjustedPositions = canvasElementsPositions.value.map( (line)=>{\n        return {\n            x: line.x + iframePosition.x,\n            y: line.y + iframePosition.y, \n            width: line.width,\n            height: line.height,\n        }\n    })\n    connections.value = adjustedPositions;\n\n}\n\nfunction updateIframePosition(){\n    let iframeElement = document.querySelector('.gjs-frame') ;\n    _iframePosition.value = getElementPosition( iframeElement );;\n    updateConnections();\n}\n\nfunction onBindingOvered(event){\n    overedBinding.value = event;\n}\n\n\n\ndefineExpose({\n    updateElementsPositions, updateIframePosition, onBindingOvered\n})\n</script>\n\n<style scoped>\n.bindingsConnectorsContainer{\n    background-color: #ff000000;\n    width: 100%;\n    height: 100%;\n    position: fixed;\n    z-index: 10;\n    pointer-events: none;\n}\n</style>","import script from \"./BindingsConnector.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./BindingsConnector.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./BindingsConnector.vue?vue&type=style&index=0&id=571588a7&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-571588a7\"]])\n\nexport default __exports__","<template>\n    <div style=\"position:relative;width: 280px;\">\n        <div class=\"flex flex-col items-center justify-center p-6\" style=\"padding: 0px;\">\n            <div class=\"mb-4 w-full max-w-xl\">\n                <textarea rows=\"2\" v-model=\"question\" placeholder=\"Enter your question\"\n                    class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\" />\n            </div>\n\n            <div v-if=\"error\" class=\"\">\n                <p class=\"text-red-600\" style=\"margin-top: -15px;\">{{ error }}</p>\n            </div>\n\n            <vscode-button @click=\"askQuestion\" style=\"width: 100px !important;\">Ask</vscode-button>\n        </div>\n    </div>\n</template>\n\n<script setup>\n\nimport axios from 'axios';\nimport _ from 'underscore';\nimport {computed, ref, onMounted} from 'vue';\nimport Configuration from '../../utils/Configuration';\n\n\nconst props = defineProps(['appData']);\n\n\nconst question = ref('');\nconst error = ref(null);\n\n\n\nconst askQuestion = async () => {\n    if (question.value.trim() === '') {\n        error.value = 'Please enter a question.';\n        return;\n    }\n    window.parent.postMessage( {command:\"openAiDocs\", query:question.value }, \"*\" );\n    question.value = \"\";\n    error.value = null;\n};\n\n\n\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n\n</style>\n","import script from \"./AiHelpPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AiHelpPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AiHelpPanel.vue?vue&type=style&index=0&id=7afcd89f&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7afcd89f\"]])\n\nexport default __exports__","<template>\n    <div v-if=\"!component\" class=\"nothingSelected\">\n        <i>Nothing selected</i>\n    </div>\n\n    <div v-else style=\"position:relative;\">\n        <div class=\"flex flex-col items-center justify-center p-6\" style=\"padding: 0px;\">\n            <div class=\"mb-4 w-full max-w-xl\">\n                <textarea rows=\"2\" v-model=\"userPrompt\" :disabled=\"isLoading\" placeholder=\"Enter your code assistance request\"\n                    class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\" />\n            </div>\n\n            <div v-if=\"requestObject.aiError\" class=\"\">\n                <p class=\"text-red-600\" style=\"margin-top: -15px;\">{{ requestObject.aiError }}</p>\n            </div>\n\n            <vscode-button v-if=\"!isLoading\" @click=\"aiSendClicked\" style=\"width: 100px !important;\">Request</vscode-button>\n            <vscode-button v-if=\"isLoading\"  disabled style=\"width: 100px !important;\">Plese wait...</vscode-button>\n            <!-- insert svg file -->\n            <img v-if=\"isLoading\" src=\"img/icons/loading_58.svg\" alt=\"Loading\" style=\"position: relative; bottom: 0; right: 0; width: 58px; height: 58px;\"/>\n        </div>\n    </div>\n</template>\n\n<script setup>\n\nimport _ from 'underscore';\nimport axios from 'axios';\nimport {computed, ref} from 'vue';\nimport Configuration from '../../utils/Configuration.js'\n\nconst props = defineProps(['appData', 'selectedComponent'])\n\n\nlet component = ref(null);\nlet userPrompt = ref(\"\");\nlet isLoading = ref(false);\nlet aiApiUrl = Configuration.ask_ai_url + 'codegen';\nlet requestObject = ref({});\n\n/**\n * Sets the selected component.\n * @param {Object} newComponent \n */\nfunction setSelectedComponent(newComponent){\n    console.log( 'aiCodePanel :: setSelectedComponent: ', setSelectedComponent );\n    component.value = newComponent;\n}\n\nfunction aiSendClicked(){\n    let selectedElement = component.value;\n    console.log( 'aiCodePanel :: aiSendClicked: ', selectedElement );\n\n    let selectedHtml = selectedElement.toHTML()\n\n    requestObject.value = {\n        selectedHtml: selectedHtml, \n        userPrompt: userPrompt.value, \n    };\n    requestObject.value.previousPrompt = userPrompt.value;\n    isLoading.value = true;\n\n    console.log( 'aiCodePanel :: aiRequest-requestObject: ', requestObject.value );\n    axios.post( aiApiUrl, \n        { \n            content_type: \"html\", \n            prompt: requestObject.value.userPrompt, \n            code: requestObject.value.selectedHtml\n        }\n    )\n    .then( (response)=>{\n        isLoading.value = false;\n        let responseObject = JSON.parse( response.request.response )\n        console.log( \"AI response: \", responseObject )\n        if( responseObject.error ){\n            console.log( 'responseObject.error', responseObject.error );\n            requestObject.value.aiError = responseObject.error;\n        }else{\n            isLoading.value = false;\n            userPrompt.value = \"\";\n            requestObject.value.aiApiResponse = responseObject.response;\n            \n            editor.getSelected().replaceWith( responseObject.response );\n            emit(\"aiCodeChanged\");\n        }\n    } )\n    .catch( (err)=>{\n        isLoading.value = false;\n        console.log( \"Error sending message to AI: \", err );\n        requestObject.value.aiError = err.message;\n    } )\n}\n\n\ndefineExpose( { setSelectedComponent } );\nconst emit = defineEmits([\"aiCodeChanged\"]);\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\ntextarea:disabled{\n    color: unset;\n}\nvscode-button:disabled{\n    color: unset;\n}\n\n</style>","import script from \"./AiCodePanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AiCodePanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AiCodePanel.vue?vue&type=style&index=0&id=0a07ef5e&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-0a07ef5e\"]])\n\nexport default __exports__","import Configuration from \"./Configuration\";\n\nexport default class StatusMonitor{\n    constructor( onOpen, onClose, onMessage){\n        this.wsEndpoint = Configuration.getExternalApiBaseUrl('ws');\n        this.ws = null;\n        this.onOpenHandler = onOpen;\n        this.onCloseHandler = onClose;\n        this.onMessageHandler = onMessage;\n    }\n\n    connect(){\n        console.log( \"StatusMonitor::connect\" );\n        this.ws = new WebSocket( this.wsEndpoint );\n        this.ws.onopen = this.onOpen.bind(this);\n        this.ws.onmessage = this.onMessage.bind(this);\n        this.ws.onclose = this.onClose.bind(this);\n    }\n\n    restart( seconds ){\n        seconds = seconds || 1;\n        console.log( \"StatusMonitor::restart\", seconds );\n        setTimeout( ()=>{\n            this.connect();\n        }, seconds*1000 );\n    }\n\n    onOpen(){\n        console.log( \"StatusMonitor::onOpen\" );\n        this.ws.send(JSON.stringify({\n            'channel': 'geniebuilder',\n            'message': 'subscribe',\n            'payload': {}\n        }));\n        this.onOpenHandler();\n    }\n\n    onMessage(message){\n        this.onMessageHandler(message);\n    }\n\n    onClose(){\n        console.log( \"StatusMonitor::onClose\" );\n        this.onCloseHandler();\n    }\n\n}","<template>\n  <div class=\"mainContainer\" v-if=\"appData\">\n    <div class=\"topBar\">\n      <div style=\"width: 100%;\">\n        <!-- <img src=\"img/logo.png\" alt=\"logo\" style=\"height: 100%;\"/> -->\n      </div>\n      <div class=\"topToolBar\">\n        <div style=\"margin-right: 10px; color: #cccccc;\">\n          v {{ version }}\n        </div>\n        <div>\n          <vscode-button @click=\"reloadPage\" style=\"margin-right: 10px;\">Refresh</vscode-button> \n          <vscode-button @click=\"saveTemplate\">Save</vscode-button>\n        </div>\n      </div>\n    </div>\n    <div class=\"rowStack\">\n      <div class=\"centralBar\">\n        <div class=\"panel canvasPanel\" style=\"\">\n            <CanvasPanel ref=\"canvasPanel\" @autoSaveTriggered=\"onAutoSaveTriggered\" @componentSelected=\"onComponentSelected\" @bindingDroppedOnComponent=\"onBindingDroppedOnComponent\" :appData=\"appData\" />\n          <!-- <Panel :hideTitle=\"true\" title=\"Builder\" style=\"height: 100%; display: flex; flex-direction: column;\">\n          </Panel> -->\n        </div>\n        <div class=\"panel logsPanel\">\n          <Panel title=\"Logs\">\n            <LogsPanel ref=\"logsPanel\" :appData=\"appData\"/>\n          </Panel>\n        </div>\n      </div>\n      <splitpanes horizontal class=\"rightBar\" @resized=\"panesResized\">\n        <pane id=\"bindingsPanelContainer_Pane\" :size=\"panelStates.bindingsPanelContainer.size\" :style=\"{ minHeight: panelStates.bindingsPanelContainer.expanded ? '200px' : '25px', maxHeight: panelStates.bindingsPanelContainer.expanded ? '100%' : '25px'}\">\n          <div class=\"panel bindingsPanel\" style=\"height: 100%;\">\n            <Panel title=\"Library & Bindings\" ref=\"bindingsPanelContainer\" @update:expanded=\"updatePaneState('bindingsPanelContainer', $event)\" style=\"height: 100%;\">\n              <tabs mode=\"light\" @changeTab=\"onMainTabChanged\" style=\"height: 100%; display: flex; flex-direction: column;\">\n                <tab title=\"UI Library\" active=\"true\" style=\"\">\n                  <LibraryPanel ref=\"libraryPanel\" @blockCustomTriggered=\"onBlockCustomTriggered\" />\n                </tab>\n                <tab title=\"Styles\">\n                  <div id=\"myStyleEditorContainer\">\n                    <div id=\"myStyleEditorContainerClasses\"></div>\n                    <div id=\"myStyleEditorContainerSections\"></div>\n                  </div>\n                </tab>\n                <tab title=\"Bindings\">\n                  <BindingsPanel ref=\"bindingsPanel\" :appData=\"appData\" @bindingOvered=\"onBindingOvered\" />\n                </tab>\n                <tab title=\"Layers\">\n                  <div id=\"layersContainer\">\n                  </div>\n                </tab>\n                <tab title=\"Code\" style=\"width: 100%\">\n                  <div class=\"nothingSelected\" v-show=\"!selectedComponent\">\n                    <i>Nothing selected</i>\n                  </div>\n                  <div id=\"customCodeEditor\" v-show=\"selectedComponent\">\n                    <Codemirror\n                      ref=\"codeEditor\"\n                      v-model:value=\"codeEditorValue\"\n                      :options=\"cmOptions\"\n                      border\n                      placeholder=\"test placeholder\"\n                      :height=\"200\"\n                      @change=\"codeChanged\"\n                    />\n                    <vscode-button @click=\"applyCodeChanges\">Apply</vscode-button>\n                  </div>\n                </tab>\n              </tabs>\n            </Panel>\n          </div>\n        </pane>\n        <pane id=\"propertiesPanelContainer_Pane\" :size=\"panelStates.propertiesPanelContainer.size\" :style=\"{ minHeight: panelStates.propertiesPanelContainer.expanded ? '100px' : '25px', maxHeight: panelStates.propertiesPanelContainer.expanded ? '100%' : '25px'}\">\n          <div class=\"panel propertiesPanel\" style=\"height: 100%;\">\n            <Panel :title=\"getPropertiesPanelName\" ref=\"propertiesPanelContainer\" @update:expanded=\"updatePaneState('propertiesPanelContainer', $event)\" style=\"height: 100%;\">\n              <PropertiesPanel ref=\"propertiesPanel\" :appData=\"appData\" :selectedComponent=\"selectedComponent\" style=\"height: 100%;\"/>\n            </Panel>\n          </div>  \n        </pane>\n        <!-- <pane id=\"chartPropertiesPanelContainer_Pane\" :size=\"panelStates.chartPropertiesPanelContainer.size\" :style=\"{ minHeight: panelStates.chartPropertiesPanelContainer.expanded ? '100px' : '25px', maxHeight: panelStates.chartPropertiesPanelContainer.expanded ? '100%' : '25px'}\">\n          <div class=\"panel chartPropertiesPanel\" style=\"height: 100%;\">\n            <Panel title=\"Chart Properties\" ref=\"chartPropertiesPanelContainer\" @update:expanded=\"updatePaneState('chartPropertiesPanelContainer', $event)\" style=\"height: 100%;\">\n              <ChartProperties ref=\"chartPropertiesPanel\" :appData=\"appData\" :selectedComponent=\"selectedComponent\" style=\"height: 100%;\"/>\n            </Panel>\n          </div>  \n        </pane> -->\n        <pane id=\"aiHelpPanelContainer_Pane\" :size=\"panelStates.aiHelpPanelContainer.size\" :style=\"{ minHeight: panelStates.aiHelpPanelContainer.expanded ? '150px' : '25px', maxHeight: panelStates.aiHelpPanelContainer.expanded ? '100%' : '25px'}\">\n          <div class=\"panel aiHelpPanel\" style=\"height: 100%;\">\n            <Panel title=\"Ask AI\" ref=\"aiHelpPanelContainer\" @update:expanded=\"updatePaneState('aiHelpPanelContainer', $event)\" style=\"height: 100%;\">\n              <tabs mode=\"light\" @changeTab=\"onAiTabChanged\" style=\"height: 100%; display: flex; flex-direction: column;\">\n                <tab title=\"Help\" active=\"true\" style=\"\">\n                  <AiHelpPanel ref=\"aiHelpPanel\" :appData=\"appData\" :selectedComponent=\"selectedComponent\" style=\"height: 100%;\"/>\n                </tab>\n                <tab title=\"Code Assistant\">\n                  <AiCodePanel ref=\"aiCodePanel\" :appData=\"appData\" @aiCodeChanged=\"onAiCodeChanged\" :selectedComponent=\"selectedComponent\" style=\"height: 100%;\"/>\n                </tab>\n              </tabs>\n              \n            </Panel>\n          </div>  \n        </pane>      \n      </splitpanes>\n    </div>\n    \n    <BindingsConnector ref=\"bindingConnectorsManager\" :appData=\"appData\" />\n    \n  </div>\n</template>\n\n<script setup >\n\nimport axios from 'axios';\nimport { Splitpanes, Pane } from 'splitpanes'\nimport 'splitpanes/dist/splitpanes.css'\n\nimport _ from 'underscore';\nimport Panel from './Panel.vue'\nimport Tabs from './tabs/Tabs.vue';\nimport Tab from './tabs/Tab.vue';\n\nimport BindingsPanel from './panels/BindingsPanel.vue'\nimport CanvasPanel from './panels/CanvasPanel.vue'\nimport LibraryPanel from './panels/LibraryPanel.vue'\nimport PropertiesPanel from './panels/PropertiesPanel.vue'\n//import ChartProperties from './ChartProperties.vue'\nimport LogsPanel from './panels/LogsPanel.vue'\nimport BindingsConnector from './BindingsConnector.vue'\nimport AiHelpPanel from './panels/AiHelpPanel.vue';\nimport AiCodePanel from './panels/AiCodePanel.vue';\n\n\nimport { computed, ref, onMounted } from 'vue'\nimport StatusMonitor from '../utils/StatusMonitor';\nimport HtmlTemplateParser from '../utils/HtmlTemplateParser';\nimport Configuration from '../utils/Configuration';\nimport { clear, update } from 'vue-plotly';\n\nimport Codemirror from \"codemirror-editor-vue3\";\n// placeholder\nimport \"codemirror/addon/display/placeholder.js\";\n\n// language\nimport \"codemirror/mode/xml/xml.js\";\n// placeholder\nimport \"codemirror/addon/display/placeholder.js\";\n// theme\nimport \"codemirror/theme/dracula.css\";\nimport \"codemirror/theme/neat.css\";\n//import \"./codeMirrorThemeDark.css\";\n\nlet codeEditor = ref(null);\nlet codeEditorValue = ref('test <p>para</p>');\nlet cmOptions = ref({\n        mode: \"text/xml\", // Language mode\n        theme: \"neat\", // Theme\n        lineWrapping: true\n      });\n\n      // Used to prevent unnecessary saveTemplate() calls\nlet lastSavedHTMLCode = \"\";\nlet lastSavedCSSCode = \"\";\n\nfunction onMainTabChanged(index){\n  if( index == 3 ){\n    setTimeout( ()=>{\n      console.log( 'onMainTabChanged', index, codeEditor.value );\n      updateCodeEditorContent();\n    }, 200 );\n  }\n}\n\nfunction codeChanged(){\n  console.log( 'codeChanged' );\n}\nconst switchCodeEditorTheme = ()=>{\n  console.log( 'Main.switchCodeEditorTheme: ', window.currentThemeType );\n  if( window.currentThemeType == 'light' ){\n    cmOptions.value.theme = \"neat\";\n  }else{\n    cmOptions.value.theme = \"dracula\";\n  }\n  themeType = window.currentThemeType;\n  //cmOptions.value.theme = cmOptions.value.theme == \"neat\" ? \"dracula\" : \"neat\";\n  if( codeEditor.value )\n    codeEditor.value.refresh();\n}\nwindow.switchCodeEditorTheme = switchCodeEditorTheme;\n\nfunction onAiCodeChanged(){\n  canvasPanel.value.showAiCodePreview(true);\n}\n\nfunction applyCodeChanges(){\n\n  let fullContent = codeEditorValue.value;\n\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(fullContent, 'text/html');\n  const firstDiv = doc.body;\n  HtmlTemplateParser.encodeAttributesInDOM(firstDiv );\n  \n  // Get the styles before swapping the component or they will get lost\n  const firstDivContent = firstDiv.innerHTML;\n  let previousStyle = editor.getCss();\n  editor.getSelected().replaceWith( firstDivContent )\n  editor.setStyle(previousStyle);\n}\n\nlet panelStates = ref(null);\n\nlet storedStates = localStorage.getItem('panelStates');\nif( storedStates ){\n  console.log( 'storedStates', storedStates );\n  panelStates.value = JSON.parse(storedStates);\n}else{\n    panelStates.value = {\n      bindingsPanelContainer: { expanded: true, size: 10 },\n      propertiesPanelContainer: { expanded: true, size: 10 },\n      //chartPropertiesPanelContainer: { expanded: true, size: 10 },\n      aiHelpPanelContainer: { expanded: true, size: 10 },\n    }\n    savePanelStates();\n}\n\n\n\n//const panelSizes = ref([50, 50]) // Initial sizes of the panels\nconst panelSizes = ref([\n  panelStates.value.bindingsPanelContainer.size, \n  panelStates.value.propertiesPanelContainer.size,\n  //panelStates.value.chartPropertiesPanelContainer.size,\n  panelStates.value.aiHelpPanelContainer.size\n]);\nconsole.log( 'panelSizes', panelSizes );\n\n\nfunction savePanelStates(){\n      /* panelStates.value.bindingsPanelContainer.size = panelSizes.value[0];\n      panelStates.value.propertiesPanelContainer.size = panelSizes.value[1];\n      panelStates.value.chartPropertiesPanelContainer.size = panelSizes.value[2];\n      panelStates.value.aiHelpPanelContainer.size = panelSizes.value[3]; */\n    try{\n      panelStates.value.bindingsPanelContainer.size = Math.round(document.getElementById('bindingsPanelContainer_Pane').style.height.split('%').join('') );\n      panelStates.value.propertiesPanelContainer.size = Math.round(document.getElementById('propertiesPanelContainer_Pane').style.height.split('%').join('') );\n      //panelStates.value.chartPropertiesPanelContainer.size = Math.round(document.getElementById('chartPropertiesPanelContainer_Pane').style.height.split('%').join('') );\n      panelStates.value.aiHelpPanelContainer.size = Math.round(document.getElementById('aiHelpPanelContainer_Pane').style.height.split('%').join('') );\n    }catch(e){\n      console.error( 'savePanelStates error', e );\n    }\n      \n  \n  localStorage.setItem('panelStates', JSON.stringify(panelStates.value));\n}\n\nfunction panesResized(){\n  console.log( 'panesResized' );\n  savePanelStates();\n}\n\nconst savePanelSizes = (sizes) => {\n  panelSizes.value = sizes\n}\n\nfunction updatePaneState(panelRefName, expanded) {\n  console.log( 'updatePaneState', panelRefName, expanded );\n  panelStates.value[panelRefName].expanded = expanded;\n  savePanelStates();\n  // Update panelSizes here as needed\n}\n\nconst bindingsPanelContainer = ref(null);\nconst propertiesPanelContainer = ref(null);\n//const chartPropertiesPanelContainer = ref(null);\nconst aiHelpPanelContainer = ref(null);\n\nconst logsPanel = ref(null);\nconst canvasPanel = ref(null);\nconst bindingsPanel = ref(null);\nconst libraryPanel = ref(null);\nconst propertiesPanel = ref(null);\n//const chartPropertiesPanel = ref(null);\nconst aiHelpPanel = ref(null);\nconst aiCodePanel = ref(null);\nconst bindingConnectorsManager = ref(null);\nconst selectedComponent = ref(null);\n\nlet currentPage = null;\nlet savedFromNoCodeEditor = false;\n\nlet appData = ref(null);\nwindow.appData = appData;\n\nconst version = process.env.PACKAGE_VERSION;\n\n\n\n// ==============================================================\n//                      URL PARAMS\n// ==============================================================\n\n// Get the URL params to configure connectivity with backend\n// Check url params and save in Configuration if all good\nlet expectedParamsList = [ 'appid', 'appport', 'CHANNEL__', 'GB_SOURCE', 'GB_HOST', 'GB_PORT' ]; \nlet urlParamsMissing = [];\nconst searchParams = getSearchParams();\nlet report = ( \"NCD. URL Params\\n------------------------\" );\nexpectedParamsList.forEach( (paramName)=>{\n  report += `\\n  - ${paramName}: ${searchParams[paramName]}`;\n  if( searchParams[paramName] == undefined ){\n    urlParamsMissing.push( paramName );\n  }else{\n    Configuration[paramName] = searchParams[paramName];\n  }\n});\nconsole.log( report );\n\n// Throw error if any param is missing\nif( urlParamsMissing.length > 0 ){\n  let urlParamsMessage = 'Missing URL params: ' + urlParamsMissing.join(', ');\n  alert( urlParamsMessage );\n  throw new Error( urlParamsMessage );\n}\n\n// Build API base (used for ajax requests against the GB API)\nwindow.apibase = Configuration.getExternalApiBaseUrl('http') + 'api/v1/';\n\n// Set the UI Theme\nlet themeType = 'dark';\nif( searchParams.theme == 'light' ){\n  themeType = 'light';\n}\nsetTheme( themeType );\n\n/* window.apibase = apibase;\nwindow.appid = appid;\nwindow.appport = appport;\nwindow.channel = channel; */\n\n\n// ==============================================================\n//                  GB API Websocket\n// ==============================================================\nwindow.clearStoredUnsavedChanges = function(){\n  console.log( 'clearStoredUnsavedChanges()' );\n  let currentPath = currentPage.config.app_path + '/' + currentPage.view;\n  localStorage.removeItem('unsavedChanges__' + currentPath);\n}\n\nwindow.getStoredUnsavedChanges = function(){\n  console.log( 'getStoredUnsavedChanges()' );\n  let currentPath = currentPage.config.app_path + '/' + currentPage.view;\n  let unsavedChanges = localStorage.getItem('unsavedChanges__' + currentPath);\n  if( unsavedChanges ){\n    unsavedChanges = JSON.parse(unsavedChanges);\n  }\n  return unsavedChanges;\n}\n\nwindow.setStoredUnsavedChanges = function (){\n  console.log( 'setStoredUnsavedChanges()' );\n  let currentPath = currentPage.config.app_path + '/' + currentPage.view;\n  let currentContents = getCurrentHtmlAndCss();\n  currentContents = JSON.stringify(currentContents);\n  localStorage.setItem('unsavedChanges__' + currentPath, currentContents);\n}\n\nfunction onSocketOpen(data){\n}\n\nfunction onSocketMessage(data){\n  let messageData = JSON.parse(data.data);\n  // decode message if it's base64-encoded\n  if( messageData.message && messageData.message.indexOf('base64:') == 0 ){\n    messageData.message = atob( messageData.message.replace('base64:', '') );\n  }\n  // Check if the message is a file change notification and reload the page if it's not the current page\n  if( messageData.message && messageData.message.indexOf('filechanged:') == 0 ){\n    let filePath = messageData.message.replace('filechanged:', '');\n    let currentPageFullPath = currentPage.config.app_path + '/' + currentPage.view;\n    // To-do: probably need to change appId too, if it is received within the socket message\n    let isSameFile = ( filePath == currentPageFullPath );\n    let isAutogeneratedCss = ( filePath.indexOf('autogenerated.css' ) > -1 );\n    if( !isAutogeneratedCss && !savedFromNoCodeEditor ){\n      if( !isSameFile ){\n        setStoredUnsavedChanges();\n      }\n      console.log(\"[debug-autoreload] reload triggered by file change notification\", filePath, currentPageFullPath, isSameFile, isAutogeneratedCss, savedFromNoCodeEditor);\n      window.location.reload();\n    }\n  }else if( logsPanel&& logsPanel.value){\n    logsPanel.value.addLog( { appid: messageData.appid, timestamp: messageData.timestamp, source: 'server', level: messageData.type, message: messageData.message + ': ' + messageData.status } );\n  }\n}\n\n\nconst getPropertiesPanelName = computed( ()=>{\n  let title = \"Properties\";\n  if( selectedComponent && selectedComponent.value ){\n    if( selectedComponent.value.attributes.name )\n      title += ' - ' + selectedComponent.value.attributes.name;\n  }else{\n    title += ' (nothing selected)';\n  }\n  return title;\n});\n\nfunction onSocketClose(data){\n  console.log( 'onSocketClose', data );\n  statusMonitor.restart(5); // Attempt to restart with some delay\n}\n\nconst statusMonitor = window.statusMonitor = new StatusMonitor( onSocketOpen, onSocketClose, onSocketMessage);\n\nlet beautifyOptions = {\n      indent_size: 4,\n      indent_char: \" \",\n      max_preserve_newlines: 5,\n      preserve_newlines: true,\n      keep_array_indentation: false,\n      break_chained_methods: false,\n      indent_scripts: \"normal\",\n      brace_style: \"collapse\",\n      space_before_conditional: true,\n      unescape_strings: false,\n      jslint_happy: false,\n      end_with_newline: false,\n      wrap_line_length: 0,\n      indent_inner_html: false,\n      comma_first: false,\n      e4x: false,\n      indent_empty_lines: false, \n      inline_custom_elements: false\n    };\n\n\n\n\nfunction onBlockCustomTriggered(props){\n  bindingsPanel.value.setHandleBlocks(props); \n}\n\n\nfunction reloadPage(){\nconsole.log( 'reloadPage' );\n  window.location.reload();\n}\n\nfunction getCurrentHtmlAndCss(){\n  const editedHtmlCss = editor.getCss();\n  const entireHtml = editor.getHtml({ cleanId: true });\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(entireHtml, 'text/html');\n  const firstDiv = doc.body.querySelector('#gbTemplateContainer') || null;  \n  \n  \n  HtmlTemplateParser.decodeAttributesInDOM(firstDiv );\n  \n  // On element attributes with value = \"true\" Grapes will return them empty (as it's the HTML standar)\n  // This is breaking when it's a dynamic Vue attribute, since Vue requires a value to be passed\n  // So we need to \"fix\" the HTML before saving it, by enforcing the \"true\" value to be present\n  \n  \n  const firstDivContent = firstDiv.innerHTML;\n\n\n\n    let beautifiedHtml = html_beautify ( firstDivContent, beautifyOptions );\n\n    // Restore special tags\n    beautifiedHtml = HtmlTemplateParser.restoreSpecialElements( beautifiedHtml );\n\n    return { beautifiedHtml, editedHtmlCss };\n}\n\nfunction saveTemplate(){\n  \n  let { beautifiedHtml, editedHtmlCss } = getCurrentHtmlAndCss();\n  let containsTempPlaceHolder = beautifiedHtml.indexOf('<tempplaceholder') > -1;\n  let contentHasChanged = lastSavedHTMLCode != beautifiedHtml; // || lastSavedCSSCode != editedHtmlCss;\n  if( containsTempPlaceHolder ){\n    console.log( 'saveTemplate() cancelled: it contains placeholders' );\n    return;\n  }else if( !contentHasChanged ){\n    console.log( \"saveTemplate() cancelled: content didn't change\" );\n    return;\n  }else{\n    console.log( 'saveTemplate() will proceed' );\n    lastSavedHTMLCode = beautifiedHtml;\n  }\n\n   let pageViewPath = currentPage.view;\n   let encodedViewPath = encodeURIComponent(pageViewPath);\n   let saveUrl = `${apibase}apps/${Configuration.appid}/save?path=${encodedViewPath}`;\n   \n   savedFromNoCodeEditor = true;\n   console.log(\"[debug-autoreload] saveTemplate() called. savedFromNoCodeEditor set to TRUE, Will save HTML now: \", encodedViewPath );\n    axios.post( saveUrl, { payload: beautifiedHtml } )\n        .then(  (response) => {\n          console.log(\"[debug-autoreload] html-save callback: \", encodedViewPath, savedFromNoCodeEditor );\n          \n          let saveCssUrl = `${apibase}apps/${Configuration.appid}/save?path=public/css/autogenerated.css`;\n          console.log(\"[debug-autoreload] Will save CSS for html: \", encodedViewPath, savedFromNoCodeEditor );\n          axios.post( saveCssUrl, { payload: editedHtmlCss } )\n            .then(  (response) => {\n              console.log(\"[debug-autoreload] css-save callaback for html: \", encodedViewPath, savedFromNoCodeEditor );\n              console.log(\"[debug-autoreload] savedFromNoCodeEditor set to FALSE\" );\n              savedFromNoCodeEditor = false;\n            } )\n            .catch( (error) => {\n              console.log(\"[debug-autoreload] error saving css for html: \", encodedViewPath, savedFromNoCodeEditor );\n              console.log( \"ERROR saving css file response: \", error );\n            });\n        } )\n        .catch( (error) => {\n          console.log(\"[debug-autoreload] error saving HTML: \", encodedViewPath, savedFromNoCodeEditor );\n          console.log( \"ERROR saving template file response: \", error );\n        });\n}\n\n\n  function getSearchParams() {\n    const params = new URLSearchParams(window.location.search);\n    const obj = {};\n    for (const [key, value] of params.entries()) {\n      obj[key] = value;\n    }\n    return obj;\n  } \n\n\n  function onBindingOvered(event){\n\n    // Inform connectors-manager about mouse-overed binding\n    bindingConnectorsManager.value.onBindingOvered( event );\n\n    // Ask grapes iframe for list of elements using overed binding\n    let iframeElement = document.querySelector('.gjs-frame') ;\n    if( event.binding ){\n      let message = { \n        target:\"main-controller\", \n        payload: { \n          command:\"reportElementsUsingBinding\", \n          bindingName:event.binding.name \n        }\n      };\n      iframeElement.contentWindow.postMessage(message, \"*\");\n    }else{\n      bindingConnectorsManager.value.updateElementsPositions( [] );\n    }\n  }\n\n  function onAutoSaveTriggered(){\n    console.log( 'onAutoSaveTriggered()' );\n    saveTemplate(); \n  }\n\n  function onComponentSelected(com){\n    console.log( 'Main::onComponentSelected', com );\n    window.selectedComponent = selectedComponent.value = com;\n    \n    if( propertiesPanel.value){\n      propertiesPanel.value.setSelectedComponent(com);      \n    }\n    if( aiCodePanel.value){\n      aiCodePanel.value.setSelectedComponent(com);      \n    }\n\n   updateCodeEditorContent();\n  }\n\n  function updateCodeEditorContent(){\n    let com = selectedComponent.value;\n    if( !com )\n      return;\n\n    console.log( 'updateCodeEditorContent', com );\n     // Update the code editor value\n     let selectedComponentCode = com.toHTML();\n    console.log( 'selectedComponentCode', selectedComponentCode );\n\n    const entireHtml = selectedComponentCode; //editor.getHtml({ cleanId: true });\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(entireHtml, 'text/html');\n    console.log( 'beautifiedHtml doc', doc );\n    const firstDiv = doc; //.body.querySelector('#gbTemplateContainer') || null;  \n    HtmlTemplateParser.decodeAttributesInDOM(firstDiv );\n    selectedComponentCode = firstDiv.querySelector(\"body\").innerHTML;\n\n    console.log( 'beautifiedHtml 0', selectedComponentCode );\n    let beautifiedHtml = html_beautify ( selectedComponentCode, beautifyOptions );\n    console.log( 'beautifiedHtml 1', beautifiedHtml );    \n    // Restore special tags\n    //beautifiedHtml = HtmlTemplateParser.restoreSpecialElements( beautifiedHtml );\n    console.log( 'beautifiedHtml 2', beautifiedHtml );\n    codeEditorValue.value = beautifiedHtml;\n    codeEditor.value.refresh();\n  }\n\n  function onBindingDroppedOnComponent( data ){\n    // Get column names\n    let dsName = data.bindingInfo.bindingname;\n    let columns = sharedData.modelFieldsByName[dsName]?.columns;\n    if( columns && columns.length > 0 ){\n      let columnA, columnB;\n      columnA = columnB = `$_{${dsName}.${columns[0]}}`;\n      if( columns.length > 1 )\n        columnB = `$_{${dsName}.${columns[1]}}`;\n      \n        // tag the temp element to remove it when done\n      let tempElement = data.newComponentModel; //editor.getSelected();\n      \n      // select the parent node (the chart element)\n      editor.select( data.targetModel);\n\n      setTimeout( ()=>{\n        // Update the chart properties panel\n        let chartPropertiesPanel = propertiesPanel.value?.chartPropertiesPanel\n        console.log( 'onBindingDroppedOnComponent', data, chartPropertiesPanel.value );\n        if( chartPropertiesPanel){\n          chartPropertiesPanel.addNewTraceFromBinding(columnA, columnB);\n        }\n        // remove the temp element\n        editor.select( tempElement );\n        let collection = tempElement.collection;\n        collection.remove(tempElement);\n\n        // Select the chart again\n        editor.select( data.targetModel );\n        \n      }, 100);\n    }\n  }\n\n  function updateData(newData){\n    appData.value = (newData);\n  }\n\n  function valueIsModelField( value ){\n      if( currentPage == null )\n        return false;\n      let modelFields = currentPage.model.fields;\n      let modelFieldNames = modelFields.map( (field)=>{ return field.name } );\n      if( modelFieldNames.indexOf(value) > -1 || value == '' )\n        return true;\n      else\n        return false;\n    }\n\n    window.valueIsModelField = valueIsModelField;\n\n  function translateBindingTypes(pages){\n    const typesMap = {\n                \"{Function}\": \"Function\", \n                \"{Bool}\": \"Boolean\", \n                \"{String}\": \"String\", \n                \"{Char}\": \"String\", \n                \"{Date}\": \"Date\", \n                \"{Number}\": \"Number\", \n                    \"{Int64}\": \"Number\", \n                    \"{Int32}\": \"Number\", \n                    \"{Int16}\": \"Number\", \n                    \"{Int8}\": \"Number\",\n                    \"{Float64}\": \"Number\",\n                    \"{Float32}\": \"Number\",\n                    \"{Float16}\": \"Number\",\n                    \"{Float8}\": \"Number\",\n                \"{Vector}\": \"Array\",\n                    \"{Vector{Bool}}\": \"Array\",\n                    \"{Vector{String}}\": \"Array\",\n                    \"{Vector{Char}}\": \"Array\",\n                    \"{Vector{Number}}\": \"Array\",\n                    \"{Vector{Float64}}\": \"Array\",\n                    \"{Vector{Int64}}\": \"Array\",\n                    \"{Vector{Int32}}\": \"Array\",\n                    \"{Vector{Int16}}\": \"Array\",\n                    \"{Vector{Int8}}\": \"Array\", \n                    \"Vector{Dict}\": \"Array\", \n                \"{Object}\": \"Object\", \n                \"{NamedTuple{(:min, :max), Tuple{Int64, Int64}}}\": \"Object\", \n                \"{Dict}\": \"Object\", \n                \"{RangeData{Int64}}\": \"Number\", \n                \"{Vector{PlotlyBase.GenericTrace{Dict{Symbol, Any}}}}\": \"PlotlyBase.GenericTrace\", \n                \"{PlotlyBase.Layout{Dict{Symbol, Any}}}\": \"PlotlyBase.Layout\", \n                \"{DataTable{DataFrames.DataFrame}}\": \"DataTable.DataFrames.DataFrame\", \n                \"{DataFrames.DataFrame}\": \"DataFrames.DataFrame\", \n                \"{DataFrame}\": \"DataFrames.DataFrame\", \n                \"{PlotlyData}\": \"PlotlyData\", \n                \"{DataTablePagination}\": \"DataTablePagination\", \n            };\n    pages.forEach( (page)=>{\n      // remove non-reactive vars\n      page.model.fields = page.model.fields.filter( (field)=>{ return field.isreactive} );\n      // translate types\n      page.model.fields.forEach( (field)=>{\n        let fieldType = field.type;\n        let cleanType = fieldType.replace(\"Reactive\", \"\");\n        let mappedType = typesMap[cleanType];\n        // Special case for ANY kind of Vector with Dicts inside (array of objects) suitable for Q-Table,\n        // And vector of vectors (i.e. array of arrays) suitable for HeatMap Chart's Z axis\n        if( mappedType == undefined && (cleanType.indexOf( '{Vector{Dict{') == 0 || cleanType.indexOf( '{Vector{Vector{') == 0 ) ){\n          mappedType = \"Array\";\n        }\n        if( mappedType ){\n          field.type = mappedType;\n        }else{\n          field.type = \"UnknownType\";\n        }\n      } );\n      \n      // sort alphabetically\n      page.model.fields = _.sortBy( page.model.fields, (field)=>{ return field.name.toLowerCase() } );\n    } );\n  }\n\n  \n\n  onMounted( ()=>{\n    init();\n  } );\n\n  function init(){\n    window.canvasPanel = canvasPanel;\n    // listen for scrolling to update iframe position\n    document.addEventListener('scroll', e => {\n      let bindConnMgr = bindingConnectorsManager.value;\n      if( bindConnMgr == null )\n        return;\n      bindConnMgr.updateIframePosition();\n    });\n\n    // Listen to common shortcuts (undo/redo/copy/paste...)\n\n    document.addEventListener('keydown', e => {\n      if( e.ctrlKey || e.metaKey ){\n        switch( e.key ){\n          case \"s\":\n            e.preventDefault();\n            saveTemplate();\n            break;\n          case \"z\":\n            e.preventDefault();\n            if( e.shiftKey)\n              document.execCommand(\"redo\");\n            else\n              document.execCommand(\"undo\");\n            break;\n          case \"c\":\n            e.preventDefault();\n            document.execCommand(\"copy\");\n            break;\n          case \"v\":\n            e.preventDefault();\n            document.execCommand(\"paste\");\n            break;\n          case \"x\":\n            e.preventDefault();\n            document.execCommand(\"cut\");\n          case \"a\":\n            e.preventDefault();\n            document.execCommand(\"selectAll\");\n        }\n      }\n    });\n      \n    // Listen fot postMessge events from grapes iframe\n    window.addEventListener(\n      \"message\",\n      (event) => {\n        if (event.data.target !== \"nocode-builder\") return;\n\n        let bindConnMgr = bindingConnectorsManager.value;\n        if( bindConnMgr == null )\n          return;\n\n        bindConnMgr.updateElementsPositions(event.data.payload);\n      },\n      false,\n    );\n\n    if(!apibase || !Configuration.appid ){\n      return;\n    }\n\n    // Load the list of apps\n    axios.get( apibase + 'apps' )\n    .then( (result) => {\n\n      // Fidn the requested app\n      let myApp = result.data.applications.find( (app)=>{ \n        return app.id.value.toString() == Configuration.appid \n      } );\n      // Store the general data about the app (as returned by /apps endpoint)\n      //updateData(myApp);\n      let fullAppData = myApp;\n\n      if( myApp != null ){\n        // Load the app data from API\n        axios.get( apibase + 'apps/' + Configuration.appid + '/pages'  )\n        .then( (result) => {\n          translateBindingTypes(result.data.pages);\n          fullAppData.pages = result.data.pages;\n          updateData(fullAppData);\n          setTimeout( ()=>{\n            currentPage = result.data.pages[0];\n            let unsavedChanges = getStoredUnsavedChanges();\n            console.log( 'unsavedChanges on init: ', unsavedChanges );\n            let contentToLoad;\n            if( unsavedChanges ){\n              clearStoredUnsavedChanges();\n              contentToLoad = unsavedChanges.beautifiedHtml;\n              lastSavedHTMLCode = contentToLoad;\n              canvasPanel.value.updateTemplateFile( contentToLoad );\n              console.log( 'updateTemplateFile 0 (unsaved changes)' );\n            }else{\n              let readTemplateFilePath = apibase + 'apps/' + Configuration.appid + '/edit?path=' + encodeURIComponent( currentPage.view );\n              axios.get( readTemplateFilePath ).then( (result) => {\n                contentToLoad = result.data.content;\n                lastSavedHTMLCode = contentToLoad;\n                console.log( 'updateTemplateFile 1 (normal)' );\n                canvasPanel.value.updateTemplateFile( contentToLoad );\n              }).catch( (error) => {\n                console.error('error loading template file: ', readTemplateFilePath, error);\n              });\n\n            }\n          }, 3000 );\n        }).catch( (error) => {\n          console.log('error', error);\n        });\n      }\n      \n    }).catch( (error) => {\n      console.log('error', error);\n    });\n\n    statusMonitor.connect();\n\n  }\n\n\n</script>\n\n<style scoped lang=\"scss\">\n.topBar{\n  padding: 5px;\n  height: 40px;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.topToolBar{\n  width: 100%;\n    justify-content: right;\n    padding-right: 5px;\n    display: flex;\n    align-items: center;\n}\n.leftBar{\n  flex-grow: 1;\n  max-width:300px;\n}\n.centralBar{\n  flex-grow: 3;\n  display: flex;\n  flex-direction: column;\n  border-right: solid 1px #00000050;\n  width: calc(100% - 300px);\n}\n.rightBar{\n  flex-grow: 1;\n  width: 300px;\n  max-height: calc(100% - 0px);\n  overflow-y: auto;\n}\n.panel{\n  margin: 0px;\n  border-top: solid 1px #00000050;\n}\n\n.mainContainer{\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--background);\n}\n.columnStack{\n  display: flex;\n  flex-direction: column;\n}\n.rowStack{\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  height: calc(100% - 40px);\n}\n\n.canvasPanel{\n  height: 100%;\n}\n\n#customCodeEditor{\n  height: 100%;\n}\n\n\n\n:deep(.CodeMirror){\n  height: 100% !important;\n  /* font-family: Arial, monospace !important; */\n  font-size: 12px !important;\n}\n\n:deep(.codemirror-container) {\n    width: 100% !important;\n    height: calc(100% - 60px) !important;\n}\n\n:deep(.codemirror-container:not(.original-style) .CodeMirror, .codemirror-container:not(.original-style) .CodeMirror-merge-pane){\n  font-family: Arial, monospace !important;\n\n}\n\n.codemirror-container.bordered {\n    border-radius: 4px;\n    border: 1px solid #dddddd50;\n    padding: 5px 0px 5px 0px;\n}\n\n</style>\n","import script from \"./Main.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Main.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Main.vue?vue&type=style&index=0&id=e4ee1f24&scoped=true&lang=scss\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-e4ee1f24\"]])\n\nexport default __exports__","import { render } from \"./App.vue?vue&type=template&id=acd9ac1c\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=acd9ac1c&lang=scss\"\n\nimport exportComponent from \"/Users/daniel/Documents/work/stipple_app/project42/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createStore } from 'vuex'\n\nexport default createStore({\n  state: {\n  },\n  mutations: {\n  },\n  actions: {\n  },\n  modules: {\n  }\n})\n","\nimport 'quasar/dist/quasar.css'\nimport '@quasar/extras/roboto-font/roboto-font.css'\nimport '@quasar/extras/material-icons/material-icons.css'\nimport '@quasar/extras/material-icons-outlined/material-icons-outlined.css'\nimport '@quasar/extras/material-icons-round/material-icons-round.css'\nimport '@quasar/extras/material-icons-sharp/material-icons-sharp.css'\nimport '@quasar/extras/fontawesome-v5/fontawesome-v5.css'\n\n// To be used on app.use(Quasar, { ... })\nexport default {\n  config: {},\n  plugins: {\n  }\n}","import { createApp } from 'vue'\nimport App from './App.vue'\nimport store from './store'\nimport Quasar from 'quasar/src/vue-plugin.js';\nimport quasarUserOptions from './quasar-user-options'\nimport {loadBlockDefinitions} from './utils/blockDefinitions'\n\nwindow.canvasComponents = {};\nwindow.currentThemeType = 'light';\n\nwindow.addCanvasComponent = function(id, component) {\n    window.canvasComponents[id] = component;\n}\n\nwindow.removeCanvasComponent = function(id) {\n    delete window.canvasComponents[id];\n}\n\nwindow.setTheme = function(theme) {\n    document.querySelector('body').setAttribute('style', '');\n    if (theme === 'dark') {\n        document.documentElement.setAttribute('data-theme', 'dark');\n    } else {\n        document.documentElement.setAttribute('data-theme', 'light');\n    }\n    window.currentThemeType = theme;\n    if( window.switchCodeEditorTheme ) {\n        window.switchCodeEditorTheme(theme);\n    }\n}\n\nwindow.addEventListener(\n    \"message\",\n    (event) => {\n        if (event.data.command === 'removeCanvasComponent') {\n            window.removeCanvasComponent(event.data.uid);\n        } else if (event.data.command === 'updateTheme') {\n            window.setTheme(event.data.themeType);\n        }\n    },\n    false,\n);\n\n// Ensure block definitions are loaded and ready before starting the Vue app\nloadBlockDefinitions( (definitions)=>{\n    window.blockDefinitions = definitions;\n    createApp(App).use(Quasar, quasarUserOptions).use(store).mount('#app')\n});","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./LibraryPanel.vue?vue&type=style&index=0&id=3da05314&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./AiCodePanel.vue?vue&type=style&index=0&id=0a07ef5e&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Tab.vue?vue&type=style&index=0&id=30e21b8c&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./PropertiesPanel.vue?vue&type=style&index=0&id=015f447c&lang=scss&scoped=true\"","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../node_modules/vue-loader-v16/dist/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./App.vue?vue&type=style&index=0&id=acd9ac1c&lang=scss\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./CanvasPanel.vue?vue&type=style&index=1&id=55795ab2&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./BindingsConnector.vue?vue&type=style&index=0&id=571588a7&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./CanvasPanel.vue?vue&type=style&index=0&id=55795ab2&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./LogsPanel.vue?vue&type=style&index=0&id=9497234c&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./BindingsPanel.vue?vue&type=style&index=0&id=e29c2338&lang=scss&scoped=true\"","\n\nfunction registerPlotlyComponent(editor){\n    \n    editor.DomComponents.addType('plotly', {\n\n        isComponent: function (el) {\n        if (el.tagName === 'PLOTLY')\n            return {type: 'plotly', name:'Plotly'};\n        },\n        model: \n        {\n            defaults: {\n                removable: true,\n                draggable: true,\n                droppable: \"tempplaceholder\",\n                badgable: true,\n                stylable: true,\n                highlightable: true,\n                copyable: false,\n                resizable: false,\n                editable: false,\n                hoverable: true,\n                traits: [ ],\n                script: function(){    \n                    var serverData = window.parent.sharedData.externalData;\n                    \n                    let uniqueId = this.attributes.id.nodeValue;\n\n                    this.onExternalDataChanged = (event)=>{\n                        serverData = event.detail;\n                        mappedAttributes = getMappedAttributes(this.attributes);\n                        this.vueApp.updateServerData(serverData);\n                \n                    }\n\n                    window.parent.addCanvasComponent( uniqueId, this );\n                    //window.parent.addEventListener('sharedDataChanged', this.onExternalDataChanged);\n                    \n                    \n                    \n                    /**\n                     * This function takes in an object of attributes and maps them to a new object with modified attribute names.\n                     * If the attribute name contains a colon, it is removed. If the attribute name is 'data', its value is parsed as JSON.\n                     * The resulting object is returned.\n                     */\n                    // To-do: these functions should be moved to a utility file.\n                    // Be careful because it is duplicated in ChartProperties.vue\n                    // HAven't done so yet because the scope of the grapes component instance is isolated and can't access outside functions\n                    function getMappedAttributes(attributesIn){\n                        let mappedAttributes = {};                    \n                        let attributeNames = Object.getOwnPropertyNames(attributesIn);\n                        attributeNames.forEach( (attrName)=>{\n                            let cleanAttributeName = attrName.replace(\"gb_c__\", \"\");\n                            let attributeValue = attributesIn[attrName].nodeValue !== undefined ? attributesIn[attrName].nodeValue: attributesIn[attrName];\n                            if( ['data', 'layout', 'config'].includes(cleanAttributeName) ){\n                                attributeValue = atob(attributeValue)\n                                if( serverData[attributeValue] !== undefined ){\n                                    mappedAttributes[':'+cleanAttributeName] = serverData[attributeValue];\n                                } else {\n                                    mappedAttributes[':'+cleanAttributeName] = JSON.parse(attributeValue);\n                                }\n                            }\n                        })\n                        return mappedAttributes;\n                    }\n\n                    function replaceReferencedBindingsToAttributeData(obj) {\n                        for (let key in obj) {\n                          if (typeof obj[key] === 'object' && obj[key] !== null) {\n                            // Recursively process nested objects\n                            replaceReferencedBindingsToAttributeData(obj[key]);\n                          } else if (typeof obj[key] === 'string') {\n                            // Check if string value contains \"$_{xxxxx}\"\n                            const match = obj[key].match(/\\$_{(.+?)}/);\n                            if (match && match[1]) {\n                              const propToReplace = match[1];\n                              // Replace the value with the value from myStore\n                              obj[key] = getNestedProperty(serverData, propToReplace);\n                            }\n                          }\n                        }\n                    }\n\n                    function getNestedProperty(obj, propName) {\n                        const propParts = propName.split('.');\n                        for (let i = 0; i < propParts.length; i++) {\n                            if (!obj || !obj.hasOwnProperty(propParts[i])) {\n                                return undefined;\n                            }\n                            obj = obj[propParts[i]];\n                        }\n                        return obj;\n                    }\n\n                    let mappedAttributes = getMappedAttributes(this.attributes);\n\n\n                    this.vueApp = new Vue({\n                        el: '#vueinternal_'+uniqueId,\n                        //components: { QBtn:Quasar.}, \n                        data: function(){ \n\n\n                            let parsedData = mappedAttributes[':data'];\n                            replaceReferencedBindingsToAttributeData(parsedData);\n                            let parsedLayout = mappedAttributes[':layout'] || {};\n                            replaceReferencedBindingsToAttributeData(parsedLayout);\n                            let parsedConfig = mappedAttributes[':config'] || {};\n                            replaceReferencedBindingsToAttributeData(parsedConfig);\n                            \n                            return {\n                                \n                                message:\"TESTING_ID\",\n                                attributes: mappedAttributes,  \n                                serverData: serverData,\n                                parsedData: parsedData, \n                                parsedLayout: parsedLayout, \n                                parsedConfig: parsedConfig\n                            }\n                        }, \n                        methods: {\n                            updateServerData(newServerData){\n                                this.serverData = newServerData;\n                                let parsedData = mappedAttributes[':data'];\n                                replaceReferencedBindingsToAttributeData(parsedData);\n                                this.parsedData = parsedData;\n                                let parsedLayout = mappedAttributes[':layout'] || {};\n                                replaceReferencedBindingsToAttributeData(parsedLayout);\n                                this.parsedLayout = parsedLayout;\n                                let parsedConfig = mappedAttributes[':config'] || {};\n                                replaceReferencedBindingsToAttributeData(parsedConfig);\n                                this.parsedConfig = parsedConfig;\n                            }, \n                            updateAttributes(attrs){                                \n                                this.attributes = getMappedAttributes(attrs);\n                                mappedAttributes = this.attributes;\n                                this.updateServerData(this.serverData)\n                            }, \n\n                        }, \n                        mounted() {\n                        }\n                    });\n\n                }\n            },\n            handleAttrChange() {\n            },\n            render: function () {\n                this.view.onRender();\n            },\n            init() {\n                this.listenTo(this, 'change:attributes', this.onAttributeChange);\n\n            },\n            removed() {\n                window.parent.postMessage( {command:\"removeCanvasComponent\", uid:this.ccid }, \"*\" );\n                //window.parent.removeEventListener('sharedDataChanged', this.view.$el[0].onExternalDataChanged );\n\n            },\n        },\n        view: {\n            onAttributeChange() {\n            }, \n            onRender() {\n                const { el, model } = this;\n                let uniqueId = el.attributes.id.nodeValue;\n                el.grapesModel = model;\n                const renderContent = `<div id=\"vueinternal_${uniqueId}\" style=\"position: relative;\">\n                    <Plotly ref=\"childVueInstance\" :data=\"parsedData\" :layout=\"parsedLayout\" :config=\"parsedConfig\"></Plotly>\n                    <div style=\"position: absolute; background-color: #ff000000; top: 0px; left: 0px; width: 100%; height: 100%;\"></div>\n                `;\n                el.innerHTML = renderContent;\n            }\n        }\n\n    });\n}\n\nmodule.exports = { registerPlotlyComponent }","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Tabs.vue?vue&type=style&index=0&id=2b2c15a8&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Main.vue?vue&type=style&index=0&id=e4ee1f24&scoped=true&lang=scss\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-1!../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./ChartPropertiesSection.vue?vue&type=style&index=0&id=7f346cd4&scoped=true&lang=css\""],"sourceRoot":""}
\ No newline at end of file