diff --git a/Project.toml b/Project.toml
index f7fb977..48218f7 100755
--- a/Project.toml
+++ b/Project.toml
@@ -1,7 +1,7 @@
 name = "GenieBuilder"
 uuid = "c9453c14-af8a-11ec-351d-c7c9a2035d70"
 authors = ["Adrian Salceanu"]
-version = "0.19.12"
+version = "0.19.13"
 
 [deps]
 Base64 = "2a0f44e3-6c83-55bd-87e4-b1978d98bd5f"
diff --git a/public/css/app.e3193f78.css b/public/css/app.a5a9fd7e.css
similarity index 99%
rename from public/css/app.e3193f78.css
rename to public/css/app.a5a9fd7e.css
index 3acb866..e6887e4 100644
--- a/public/css/app.e3193f78.css
+++ b/public/css/app.a5a9fd7e.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-17c958c7]{padding:10px 5px 10px 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;font-size:.93em}#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-0b09cf83]{width:16px;vertical-align:middle;margin-right:6px;height:16px}.bindingItem[data-v-0b09cf83]{padding:1px 0 2px;border-bottom:1px solid rgba(0,0,0,.1254901961);font-size:.9em;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab}.bindingItem[data-v-0b09cf83]:hover{background-color:hsla(0,0%,80%,.062745098)}.sortButton[data-v-0b09cf83]{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-0b09cf83]:hover,.sortButtonActive[data-v-0b09cf83]{background-color:rgba(0,0,0,.062745098);opacity:1}.sortButtons[data-v-0b09cf83]{position:absolute;right:2px;top:-40px;display:flex;flex-direction:row}.closeButton[data-v-457e8d62]{position:absolute;top:5px;right:10px;padding:5px;cursor:pointer;font-weight:700}.compGroupsContainer[data-v-457e8d62]{display:flex;flex-wrap:wrap;gap:5px;max-height:40vh;width:100%;overflow:auto;justify-content:center}.componentAddDialogContainer[data-v-457e8d62]{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-457e8d62]{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-457e8d62]{display:flex;flex-direction:column;width:110px;position:relative}.proBadge[data-v-457e8d62]{position:absolute;bottom:3px;right:3px;width:20px;opacity:.2}.compGroupDisabled[data-v-457e8d62]{cursor:not-allowed}.compGroupDisabled:hover .proBadge[data-v-457e8d62]{opacity:1}.compName[data-v-457e8d62]{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-457e8d62]:hover{border:1px solid #315972;background-color:hsla(0,0%,80%,.062745098)}.compNameLabel[data-v-457e8d62]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;pointer-events:none}.compNameIconContainer[data-v-457e8d62]{justify-content:center;display:flex;margin-bottom:3px;filter:brightness(1.5) saturate(1);pointer-events:none}.compNameLabelProRequired[data-v-457e8d62],.typeIconProRequired[data-v-457e8d62]{opacity:.3}.propItem[data-v-457e8d62]{cursor:pointer;width:-moz-max-content;width:max-content;margin:0 10px}.propItem[data-v-457e8d62]:hover{font-weight:700}#gjs[data-v-4e6e2469]{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{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);width:300px;margin-left:50%;left:-150px;position:relative;color:#000}#canvasBlockerPreloader{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000}#canvasBlocker{position:absolute;top:40px;left:0;right:310px;bottom:0;background-color:hsla(0,0%,91.8%,.5019607843137255);z-index:1;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:340px}.editChildElementsIcon{width:15px;height:15px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATiSURBVHgB7Z2PVdswEMYPXgdgg7obwAZhgr5OQJgAmAAxAXSCwAS0EySdADpBvEHY4Kp7lh8pRLJlXaw7R7/39AjYlsn32fLprwEKhUKhUChk4ajvjog4tz8ubKrcn05ckkpt09nR0dEbJGK/O33PpU2n7k+vLv8/9NmeYwX7wp68sukFdbGxqQIGbD4n2P391zYtuM65ffLKZa4JEv8UGMB+4n/kFrjAIv7QO3+JTbHVyXHgH5jDe3mvASrrz215/Ao8PMN7mR/LzB3fyXFg2wXogVV8bMryCtKY2XxM104hAyrQAfeVDzavmvK06QnSuOoqikIGSA4xW9jFbyETbJrbj5fuPEMgDa9DO3jrAfQkAfmc7UP8j7giieoBFcSzsv/juW9j6A6QziVjmR+8212RdGbTL4hnhoH6gVYDSPxHYACbuJ3C10VIKKpR2/TDfryDeGa+DV+AhxU01fIxoKr/kCvxE058436dQ3O13oXMtduMK51jKlzx4SzGYUAZJD6GK1JVx/EG+xN/wWAcBhTRIX7LGjtq1Xb7A/ZjDbFgHAaU0FP8ba478lv2yGMDsWAcBhQwQPyW20Ce1Ga07ji+3AE4XPyWkAnUarzxHLfGIc3UGIcBwWC6+C0XgXNc79h/jUP7CDAOA0JBPvFbTgPnet7ab40pHTQYhwGBIL/4xBo9NWdsngcbTBXfZRaDAWHgfsRvWQbOG2x6iPkCMRgQBO5X/JY5MKC5MW4n+H/zwj65x57djiEmZcCI4hOdbf19mIwBI4vfcpV6F0zCgEziE9RTdtgGZBS/hqY7tIYEVBugXXxCrQFTEJ9QacBUxCfUGTAl8QlVBkxNfEKNAZlDzb2IT6gwYKriE+INECB+8uCvUG1ZtAETEn/h2841MIudCYlPfQe67gBs+l4NjM8+xA+OLRJngBP/EcZndPEJUQZMWPzKt78YAzKKT1yOfeW3iDBAgPgso60hUnwiuwECxH8EBuz3oFAzehh6VgOwGeT0AHngFn8OA8h9B7zB8AlwKYgQn8hqgJuJ+A2GTfsZCqf495AgflfmMRhIBMdZl2IOTFBeMSf25SMmDE2cidgHtivfUQEDoxlgL4LTriswcSZiCG7x2RjFAGyiHYqRF9hj7hXNRAQ+E26kik+MdQdQpNC2CFY20TIwZIa3lZDJhDubT64wtxdjGbBL6Dk0RlS+gxJNuHPHiyb3Q7iyiYqka98OA01QIT4hJQqiod7eSXBOzL5Lx6gRn5DUHG0wvN4a3SVdLZaqxCekdch4TXDLT1KI6mu6UCc+IbFL0vieCa6ydrNjk0rxCamjIuiZMNu1wcX027VlteITkoelLAIhKi0jVoNy8Qmxw1KgCVGpAvdpuS96HlhzWJYlzo30kXEzX/vRFMQnNIwNZZkOKhUNBrBMB5WKluHpV1O9C7QY8HMqZf5HxoqC2hceDOG39CblHngvnlEMcL1ch4zXgMkt1qGNYkBmigGZKQZkphiQmWJAZrjC0O+2pvoVDovooei70P4GDS20g5A/UYqgzBQDMlMMyEwxIDMhA1ZQ4OKvb0PIgNS3yBXe8U46Cb7Q2UaiL8AU7x4wSS9yo3b8GgpDqaEZw+QlaMDWSy1rKMSygh6rbQ19p7z098nnoJ3zXNv0JHlaVKFQKBQKhUJ+/gHccc5+V25TPwAAAABJRU5ErkJggg==);background-size:contain;margin:0 10px 5px 5px}@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-1c9dfa42]{display:grid;flex-wrap:wrap;gap:5px;grid-template-columns:32% 32% 32%}.uiItem[data-v-1c9dfa42]{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;position:relative}.proBadge[data-v-1c9dfa42]{position:absolute;bottom:3px;right:3px;width:20px;opacity:.2}.uiItemProDisabled[data-v-1c9dfa42]{cursor:not-allowed}.uiItemProDisabled:hover .proBadge[data-v-1c9dfa42]{opacity:1}.uiItem[data-v-1c9dfa42]:hover{background-color:rgba(0,0,0,.062745098)}.uiItemIcon[data-v-1c9dfa42]{justify-content:center;display:flex;margin-bottom:3px;filter:brightness(1.5) saturate(1);pointer-events:none}.uiItemLabel[data-v-1c9dfa42]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;pointer-events:none;max-width:75px}.uiItemIconProRequired[data-v-1c9dfa42],.uiItemLabelProRequired[data-v-1c9dfa42]{opacity:.3}.libraryIcon[data-v-1c9dfa42]{max-height:20px;margin-top:6px;pointer-events:none;filter:var(--library-icon-filter)}.blocker[data-v-7c578f7c]{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-7c578f7c]{background-color:var(--background);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;border:1px solid hsla(0,0%,100%,.12549019607843137)}.closeAddProp[data-v-7c578f7c]{position:absolute;right:10px;top:5px;cursor:pointer;font-weight:700;font-size:12px;color:#999}.addPropsList[data-v-7c578f7c]{padding:10px 10px;position:relative;height:100%;overflow:auto}.addPropRow[data-v-7c578f7c]{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-7c578f7c]:hover{opacity:1;background-color:hsla(0,0%,95.7%,.06274509803921569)}.addPropRow:hover>.addPropIcon[data-v-7c578f7c]{opacity:1}textarea[data-v-6bcc04fe]{overflow:auto;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;font-size:11px;width:100%;min-height:60px;padding:5px 10px}textarea[data-v-6bcc04fe]:focus-visible{outline:none;border:1px solid var(--focus-border)}textarea[data-v-6bcc04fe]:focus{border:1px solid var(--focus-border)!important}.propRow[data-v-6bcc04fe]{width:calc(100% - 10px)!important;right:-10px;border-bottom:solid 1px var(--checkbox-background);padding:5px 0 5px}.row[data-v-6bcc04fe]:after{content:"";clear:both;display:table}.propRowLabel[data-v-6bcc04fe]{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-6bcc04fe]{margin-left:auto;margin-right:auto;width:100%;display:flex}.col[data-v-6bcc04fe]{float:left;padding:15px;box-sizing:border-box}.col-1[data-v-6bcc04fe]{width:8.33%}.col-2[data-v-6bcc04fe]{width:16.66%}.col-3[data-v-6bcc04fe]{width:25%}.col-4[data-v-6bcc04fe]{width:33.33%}.col-5[data-v-6bcc04fe]{width:41.66%}.col-6[data-v-6bcc04fe]{width:50%}.col-7[data-v-6bcc04fe]{width:58.33%}.col-8[data-v-6bcc04fe]{width:66.66%}.col-9[data-v-6bcc04fe]{width:75%}.col-10[data-v-6bcc04fe]{width:83.33%}.col-11[data-v-6bcc04fe]{width:91.66%}.col-12[data-v-6bcc04fe]{width:100%}.chartTypeIcon[data-v-6bcc04fe]{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-6bcc04fe]{width:5%;display:flex;justify-content:left;align-items:center;cursor:pointer;opacity:.7;left:5px;position:relative}.propRowDynamicSwitch[data-v-6bcc04fe]:hover{opacity:1}.foldableGroupHeader[data-v-6bcc04fe]{display:flex;flex-direction:row;gap:2px;padding:5px 0;border-bottom:solid 1px var(--badge-background);margin-bottom:10px;position:relative}.groupHeaderContent[data-v-6bcc04fe]{width:50px;flex-grow:1}.propRow:hover .removeBtnCnt[data-v-6bcc04fe]{opacity:.5}.removeBtnCnt[data-v-6bcc04fe]{opacity:0;cursor:pointer;left:-16px}.foldableGroupHeader:hover .removeBtnCnt[data-v-6bcc04fe]{opacity:.5}.removeBtnCnt[data-v-6bcc04fe]:hover{opacity:1!important}.chartConfigContainer[data-v-7460bacc]{--grey0:#eee;--grey1:#ccc;--grey2:#aaa;--grey3:#999;--grey4:#666;--grey5:#333;width:100%}.chartConfigContainer[data-v-7460bacc] input[type=text]{width:100%;border-bottom:solid 1px var(--grey0);padding:2px 5px}.chartConfigContainer[data-v-7460bacc] input[type=number]{width:100%}.chartConfigContainer[data-v-7460bacc] input[type=color]{width:18px;height:20px;padding:0}.tabSelector[data-v-7460bacc]{display:flex;flex-direction:row;width:100%}.tabItem[data-v-7460bacc]{flex:1;text-align:center;padding:10px;cursor:pointer;border-bottom:1px solid hsla(0,0%,100%,0);position:relative;border-bottom:1px solid hsla(0,0%,80%,.1882352941)}.tabSwitch[data-v-7460bacc]{position:absolute;top:3px;right:3px}.tabItemSelected[data-v-7460bacc]{border-bottom:solid 1px var(--grey0)}.foldableGroup[data-v-7460bacc],.foldableGroupContent[data-v-7460bacc],.subgroup[data-v-7460bacc],.tabSectionContainer[data-v-7460bacc]{display:flex;flex-direction:column}.subgroup[data-v-7460bacc]{padding:0 0 5px}.subgroup .subgroupTitle[data-v-7460bacc]{font-weight:700;padding:0 0 5px}.subgroup .subgroupContent[data-v-7460bacc]{padding-top:0}.subgroup .subgroupContent .row[data-v-7460bacc]{padding:5px 0}.addPropertyButtonRow[data-v-7460bacc]{display:flex;flex-direction:row;justify-content:center;padding-bottom:20px}.addPropertyButton[data-v-7460bacc]{border:1px solid #ccc;padding:0 7px;border-radius:7px;font-size:1.1em;width:-moz-min-content;width:min-content}.propRow[data-v-7460bacc]{position:relative;border-bottom:solid 1px var(--checkbox-background);display:flex;flex-direction:row;gap:10px;padding:5px 0 5px}.nanoButton[data-v-7460bacc]{width:-moz-max-content;width:max-content;text-align:center;display:flex;padding:0 3px 0 9px;border:1px solid #ccc;border-radius:9px;font-size:.64rem;position:relative;right:0;opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.nanoButton[data-v-7460bacc]:hover{opacity:1}.propRow[data-v-12de8ad8]{position:relative;border-bottom:solid 1px var(--checkbox-background);display:flex;flex-direction:row;gap:10px;padding:5px 0 5px}.propRowLabel{width:35%;font-size:.9em;text-align:right;text-transform:capitalize;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none}.propRowControl{width:60%;display:flex;justify-content:left}.propRowDynamicSwitch{min-width:15px;width:15px;display:flex;justify-content:left;align-items:center;cursor:pointer;opacity:.7}.propRowDynamicSwitch:hover{opacity:1}.addPropIcon{font-size:1.2em;opacity:0}.propInput{padding:1px 10px;border:1px solid #999;border-radius:3px;box-sizing:border-box;width:100%;color:#000}.propInputDynamic{background-color:#fff1cd;border:1px solid #d8b252;color:#916a09}.removeBtnCnt{opacity:0;cursor:pointer}.propRow:hover .removeBtnCnt{opacity:.5}.removeBtnCnt:hover{opacity:1!important}.addPropertyButtonRow{display:flex;flex-direction:row;justify-content:center;padding-bottom:20px}.toolBar[data-v-0ebb8bf8]{display:flex;flex-direction:row;font-size:12px;padding-bottom:5px;border-bottom:1px solid #ccc;margin-bottom:10px;gap:15px}.logsContainer[data-v-0ebb8bf8]{height:200px;overflow:auto}.logItem[data-v-0ebb8bf8]:hover{background-color:rgba(0,0,0,.062745098)}.logItem[data-v-0ebb8bf8]{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-0ebb8bf8],.logLevel[data-v-0ebb8bf8],.logMessage[data-v-0ebb8bf8],.timeStamp[data-v-0ebb8bf8]{flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.timeStamp[data-v-0ebb8bf8]{width:150px}.logLevel[data-v-0ebb8bf8]{width:60px}.appSource[data-v-0ebb8bf8]{width:50px}.logMessage[data-v-0ebb8bf8]{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-0ebb8bf8]{overflow:unset;max-height:unset}.levelInfo[data-v-0ebb8bf8]{color:#49afed}.levelWarning[data-v-0ebb8bf8]{color:#e29a42}.levelError[data-v-0ebb8bf8]{color:#f25b5b}.clearLogsButton[data-v-0ebb8bf8]{opacity:.5}.clearLogsButton[data-v-0ebb8bf8]:hover{opacity:1}.bindingsConnectorsContainer[data-v-704c43b8]{background-color:rgba(255,0,0,0);top:40px;left:0;right:0;height:100%;position:fixed;z-index:10;pointer-events:none}.terms[data-v-46c931ab]{margin:-15px 0 15px;font-size:.85em;opacity:.5;text-align:center;padding:0;cursor:pointer}textarea[data-v-329796f2]:disabled,vscode-button[data-v-329796f2]:disabled{color:unset}.terms[data-v-329796f2]{margin:-15px 0 15px;font-size:.85em;opacity:.5;text-align:center;padding:0;cursor:pointer}.color-picker[data-v-1eff6db5]{position:relative;display:inline-block;background-color:var(--background);color:var(--foreground)}.color-button[data-v-1eff6db5]{cursor:pointer;border:1px solid hsla(0,0%,80%,.25098039215686274)}.picker-popup[data-v-1eff6db5]{position:fixed;padding:10px;box-shadow:1px 2px 8px rgba(0,0,0,.2);border:solid 1px color-mix(in srgb,var(--foreground),transparent 90%);z-index:1000}.picker-popup[data-v-1eff6db5],[data-v-1eff6db5] .vc-chrome{background-color:color-mix(in srgb,var(--background),#fff 3%)}[data-v-1eff6db5] .vc-chrome{box-shadow:none!important}[data-v-1eff6db5] .vc-chrome-body{background-color:color-mix(in srgb,var(--background),#fff 3%)}[data-v-1eff6db5] .vc-chrome-toggle-btn{width:20px;height:27px;left:10px;top:-1px}[data-v-1eff6db5] .vc-chrome-fields .vc-input__input{border:solid 1px color-mix(in srgb,var(--foreground),transparent 70%)!important;box-shadow:none;box-sizing:border-box}[data-v-1eff6db5] .vc-chrome-toggle-icon{margin-top:0}[data-v-1eff6db5] .vc-chrome-toggle-icon-highlight{left:2px;top:-2px;width:100%;height:100%;background:color-mix(in srgb,var(--foreground),transparent 70%)}[data-v-1eff6db5] .vc-chrome-toggle-icon>svg>path{fill:var(--foreground)!important}[data-v-772479b2] .q-item{min-height:unset;height:25px;padding:2px 5px}[data-v-772479b2] .q-expansion-item .q-item{padding-right:0!important}[data-v-772479b2] .q-expansion-item.level2 .q-item{margin-left:0;padding-left:10px!important}.editorSidebar[data-v-772479b2]{color:var(--foreground);font-size:12px;font-family:-apple-system,"system-ui",sans-serif}.themeItemContainer[data-v-772479b2]{display:flex;flex-direction:row;position:relative}.propSwitchContainer[data-v-772479b2]{position:relative}.themeItemContainer .propModeSwitch[data-v-772479b2]{opacity:0;width:25px;position:absolute;left:2px;padding:0;top:3px;cursor:pointer}.propModeSwitch.forceVisible[data-v-772479b2],.themeItemContainer:hover .propModeSwitch[data-v-772479b2]{opacity:1}.unused[data-v-772479b2]{opacity:.3}.unused[data-v-772479b2]:hover{opacity:1}.themeItemsContainer[data-v-772479b2]{display:flex;flex-direction:column;padding:0}.themeItemLabel[data-v-772479b2]{padding:2px 0;width:50%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.themeItemValueCell[data-v-772479b2]{padding:2px;text-align:right;width:50%}.themePreviewed[data-v-772479b2]{color:color-mix(in srgb,#3295fe,var(--foreground) 20%)}.themeSelected[data-v-772479b2]{font-weight:700}#demoContent[data-v-772479b2]{padding-top:50px}.propControl[data-v-772479b2]{width:98%;border:1px solid hsla(0,0%,100%,0)}.propControl[data-v-772479b2]:hover{border:1px solid hsla(0,0%,80%,.7529411764705882)}.propControl[type=text][data-v-772479b2]{width:100%;padding:1px 5px;text-align:right;height:20px}.propControl[type=number][data-v-772479b2]{width:40px;height:22px;font-size:12px;text-align:right;-moz-appearance:textfield}input[data-v-772479b2]::-webkit-inner-spin-button,input[data-v-772479b2]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}select.noArrow[data-v-772479b2]{-moz-appearance:none;-webkit-appearance:none}.select.noArrow[data-v-772479b2]::-ms-expand{display:none}.themeHeader[data-v-772479b2]{border-bottom:1px solid hsla(0,0%,100%,.3137254901960784);padding-bottom:5px;display:flex;flex-direction:row;justify-content:space-between}.themeSelector[data-v-772479b2]{text-align:left;padding:5px 0 4px;margin-bottom:10px;z-index:1;background-color:hsla(0,0%,80%,0);box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s;display:none}.themeSelectorItem[data-v-772479b2]{padding:2px 2px;cursor:pointer;text-transform:capitalize;display:flex;flex-direction:row;justify-content:space-between;background-color:color-mix(in srgb,var(--foreground),transparent 100%);transition:background-color .3s ease}.themeSelectorItem[data-v-772479b2]:hover,.themeSelectorItemSelected[data-v-772479b2]{background-color:color-mix(in srgb,var(--foreground),transparent 92%)}.themeSelectorVisible[data-v-772479b2]{display:block;width:100%;opacity:1;visibility:visible;transition:opacity .5s ease}.propControl[type=color][data-v-772479b2]{width:60px;height:20px;padding:0;background-color:rgba(255,0,0,0);border:none}select.propControl[data-v-772479b2]{text-align:right;padding-right:5px}select.units[data-v-772479b2]{width:-moz-max-content;width:max-content;font-size:10px;height:100%;margin-left:0;text-align:center;padding:1px 2px}.roundInput[data-v-772479b2]{border-radius:3px;border:1px solid hsla(0,0%,100%,.18823529411764706);padding:4px 15px;height:25px;margin-bottom:20px;width:100%;background:no-repeat;color:#fff}.highlight[data-v-772479b2]{border:1px solid red}.themedButton[data-v-772479b2]{background-color:#195c9f;border-radius:0;border:none;padding:5px 15px;color:#fff;font-size:13px;width:100%}.height100[data-v-772479b2]{height:100%}.themeItemContainer .resetPropertyButton[data-v-772479b2]{position:absolute;left:-23px;top:1px;padding:0}.themeItemContainer .resetPropertyButton i[data-v-772479b2]{opacity:.6;padding:3px 6px;cursor:pointer;transition:opacity .3s ease}.themeItemContainer .resetPropertyButton:hover i[data-v-772479b2]{opacity:1}.clearThemeButton[data-v-772479b2]{margin-top:7px;font-size:.9em;opacity:.6;display:flex;justify-content:center}.clearThemeButton>div[data-v-772479b2]{opacity:.6;cursor:pointer}.clearThemeButton>div[data-v-772479b2]:hover{opacity:1!important;text-decoration:underline}.themeButtonsContainer[data-v-772479b2]{width:100%;text-align:left;padding:10px 0 10px;display:flex;flex-direction:column;gap:2px;flex-wrap:nowrap}.buttonDisabled[data-v-772479b2]{opacity:.3;pointer-events:none;cursor:auto}.buttonDisabled[data-v-772479b2],.themeError[data-v-772479b2]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.themeError[data-v-772479b2]{color:#f67979;text-wrap:nowrap;overflow:hidden;max-width:200px;width:100%;text-overflow:ellipsis;text-align:right}[data-v-772479b2]::-webkit-scrollbar{width:17px}[data-v-772479b2]::-webkit-scrollbar-track{background-color:transparent}[data-v-772479b2]::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:20px;border:6px solid transparent;background-clip:content-box}[data-v-772479b2]::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}.topBar[data-v-2e81d656]{padding:5px;height:40px;display:flex;flex-direction:row;width:100%}.topToolBar[data-v-2e81d656]{width:400px;justify-content:right;padding:2px 5px 0 0;display:flex;align-items:revert;text-align:right;flex-direction:column}.leftBar[data-v-2e81d656]{flex-grow:1;max-width:300px}.centralBar[data-v-2e81d656]{flex-grow:3;display:flex;flex-direction:column;border-right:1px solid rgba(0,0,0,.3137254902);width:calc(100% - 300px)}.rightBar[data-v-2e81d656]{flex-grow:1;width:300px;max-height:100%;overflow-y:auto}.panel[data-v-2e81d656]{margin:0;border-top:1px solid rgba(0,0,0,.3137254902)}.mainContainer[data-v-2e81d656]{height:100%;background-color:var(--background)}.columnStack[data-v-2e81d656],.mainContainer[data-v-2e81d656]{display:flex;flex-direction:column}.rowStack[data-v-2e81d656]{display:flex;flex-direction:row;flex:1;height:calc(100% - 40px)}#customCodeEditor[data-v-2e81d656],.canvasPanel[data-v-2e81d656],.fullHeight[data-v-2e81d656]{height:100%}[data-v-2e81d656] .CodeMirror{height:100%!important;font-size:12px!important}[data-v-2e81d656] .codemirror-container{width:100%!important;height:calc(100% - 60px)!important}[data-v-2e81d656] .codemirror-container:not(.original-style) .CodeMirror{font-family:Arial,monospace!important}.codemirror-container.bordered[data-v-2e81d656]{border-radius:4px;border:1px solid hsla(0,0%,86.7%,.3137254902);padding:5px 0 5px 0}.topbarButton[data-v-2e81d656]{padding:4px 2px 2px;background-color:hsla(0,0%,80%,0);border-radius:4px;margin-left:4px;cursor:pointer;opacity:.5;position:relative}.topbarButton[data-v-2e81d656]:hover{opacity:1}.topbarButton>i[data-v-2e81d656]{font-size:20px;padding:3pxpx;pointer-events:none}[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:""}.notProUI{padding:10px;text-align:center}:root{--sb-track-color:rgba(35,46,51,0);--sb-thumb-color:hsla(0,0%,80%,0.25098039215686274);--sb-size:8px}:root ::-webkit-scrollbar{width:var(--sb-size)!important}:root ::-webkit-scrollbar-track{background:var(--sb-track-color)!important;border-radius:1px!important}:root ::-webkit-scrollbar-thumb{background:var(--sb-thumb-color)!important;border-radius:1px!important}.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}.Vue-Toastification__toast{background-color:var(--background)!important;color:var(--button-primary-text)!important;padding:10px 24px!important;min-height:10px!important;border:1px solid hsla(0,0%,80%,.5647058824)!important;box-shadow:5px 5px 20px rgba(0,0,0,.5019607843)!important;max-width:350px!important;min-width:300px!important}.Vue-Toastification__toast-body{font-size:13px!important}#wsconnectionalert,#wsconnectionalertspacer{display:none}
\ 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-17c958c7]{padding:10px 5px 10px 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;font-size:.93em}#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-0b09cf83]{width:16px;vertical-align:middle;margin-right:6px;height:16px}.bindingItem[data-v-0b09cf83]{padding:1px 0 2px;border-bottom:1px solid rgba(0,0,0,.1254901961);font-size:.9em;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab}.bindingItem[data-v-0b09cf83]:hover{background-color:hsla(0,0%,80%,.062745098)}.sortButton[data-v-0b09cf83]{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-0b09cf83]:hover,.sortButtonActive[data-v-0b09cf83]{background-color:rgba(0,0,0,.062745098);opacity:1}.sortButtons[data-v-0b09cf83]{position:absolute;right:2px;top:-40px;display:flex;flex-direction:row}.closeButton[data-v-457e8d62]{position:absolute;top:5px;right:10px;padding:5px;cursor:pointer;font-weight:700}.compGroupsContainer[data-v-457e8d62]{display:flex;flex-wrap:wrap;gap:5px;max-height:40vh;width:100%;overflow:auto;justify-content:center}.componentAddDialogContainer[data-v-457e8d62]{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-457e8d62]{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-457e8d62]{display:flex;flex-direction:column;width:110px;position:relative}.proBadge[data-v-457e8d62]{position:absolute;bottom:3px;right:3px;width:20px;opacity:.2}.compGroupDisabled[data-v-457e8d62]{cursor:not-allowed}.compGroupDisabled:hover .proBadge[data-v-457e8d62]{opacity:1}.compName[data-v-457e8d62]{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-457e8d62]:hover{border:1px solid #315972;background-color:hsla(0,0%,80%,.062745098)}.compNameLabel[data-v-457e8d62]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;pointer-events:none}.compNameIconContainer[data-v-457e8d62]{justify-content:center;display:flex;margin-bottom:3px;filter:brightness(1.5) saturate(1);pointer-events:none}.compNameLabelProRequired[data-v-457e8d62],.typeIconProRequired[data-v-457e8d62]{opacity:.3}.propItem[data-v-457e8d62]{cursor:pointer;width:-moz-max-content;width:max-content;margin:0 10px}.propItem[data-v-457e8d62]:hover{font-weight:700}#gjs[data-v-4e6e2469]{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{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);width:300px;margin-left:50%;left:-150px;position:relative;color:#000}#canvasBlockerPreloader{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000}#canvasBlocker{position:absolute;top:40px;left:0;right:310px;bottom:0;background-color:hsla(0,0%,91.8%,.5019607843137255);z-index:1;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:340px}.editChildElementsIcon{width:15px;height:15px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATiSURBVHgB7Z2PVdswEMYPXgdgg7obwAZhgr5OQJgAmAAxAXSCwAS0EySdADpBvEHY4Kp7lh8pRLJlXaw7R7/39AjYlsn32fLprwEKhUKhUChk4ajvjog4tz8ubKrcn05ckkpt09nR0dEbJGK/O33PpU2n7k+vLv8/9NmeYwX7wp68sukFdbGxqQIGbD4n2P391zYtuM65ffLKZa4JEv8UGMB+4n/kFrjAIv7QO3+JTbHVyXHgH5jDe3mvASrrz215/Ao8PMN7mR/LzB3fyXFg2wXogVV8bMryCtKY2XxM104hAyrQAfeVDzavmvK06QnSuOoqikIGSA4xW9jFbyETbJrbj5fuPEMgDa9DO3jrAfQkAfmc7UP8j7giieoBFcSzsv/juW9j6A6QziVjmR+8212RdGbTL4hnhoH6gVYDSPxHYACbuJ3C10VIKKpR2/TDfryDeGa+DV+AhxU01fIxoKr/kCvxE058436dQ3O13oXMtduMK51jKlzx4SzGYUAZJD6GK1JVx/EG+xN/wWAcBhTRIX7LGjtq1Xb7A/ZjDbFgHAaU0FP8ba478lv2yGMDsWAcBhQwQPyW20Ce1Ga07ji+3AE4XPyWkAnUarzxHLfGIc3UGIcBwWC6+C0XgXNc79h/jUP7CDAOA0JBPvFbTgPnet7ab40pHTQYhwGBIL/4xBo9NWdsngcbTBXfZRaDAWHgfsRvWQbOG2x6iPkCMRgQBO5X/JY5MKC5MW4n+H/zwj65x57djiEmZcCI4hOdbf19mIwBI4vfcpV6F0zCgEziE9RTdtgGZBS/hqY7tIYEVBugXXxCrQFTEJ9QacBUxCfUGTAl8QlVBkxNfEKNAZlDzb2IT6gwYKriE+INECB+8uCvUG1ZtAETEn/h2841MIudCYlPfQe67gBs+l4NjM8+xA+OLRJngBP/EcZndPEJUQZMWPzKt78YAzKKT1yOfeW3iDBAgPgso60hUnwiuwECxH8EBuz3oFAzehh6VgOwGeT0AHngFn8OA8h9B7zB8AlwKYgQn8hqgJuJ+A2GTfsZCqf495AgflfmMRhIBMdZl2IOTFBeMSf25SMmDE2cidgHtivfUQEDoxlgL4LTriswcSZiCG7x2RjFAGyiHYqRF9hj7hXNRAQ+E26kik+MdQdQpNC2CFY20TIwZIa3lZDJhDubT64wtxdjGbBL6Dk0RlS+gxJNuHPHiyb3Q7iyiYqka98OA01QIT4hJQqiod7eSXBOzL5Lx6gRn5DUHG0wvN4a3SVdLZaqxCekdch4TXDLT1KI6mu6UCc+IbFL0vieCa6ydrNjk0rxCamjIuiZMNu1wcX027VlteITkoelLAIhKi0jVoNy8Qmxw1KgCVGpAvdpuS96HlhzWJYlzo30kXEzX/vRFMQnNIwNZZkOKhUNBrBMB5WKluHpV1O9C7QY8HMqZf5HxoqC2hceDOG39CblHngvnlEMcL1ch4zXgMkt1qGNYkBmigGZKQZkphiQmWJAZrjC0O+2pvoVDovooei70P4GDS20g5A/UYqgzBQDMlMMyEwxIDMhA1ZQ4OKvb0PIgNS3yBXe8U46Cb7Q2UaiL8AU7x4wSS9yo3b8GgpDqaEZw+QlaMDWSy1rKMSygh6rbQ19p7z098nnoJ3zXNv0JHlaVKFQKBQKhUJ+/gHccc5+V25TPwAAAABJRU5ErkJggg==);background-size:contain;margin:0 10px 5px 5px}@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-2fcf4d16]{display:grid;flex-wrap:wrap;gap:5px;grid-template-columns:32% 32% 32%}.uiItem[data-v-2fcf4d16]{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;position:relative}.proBadge[data-v-2fcf4d16]{position:absolute;bottom:3px;right:3px;width:20px;opacity:.2}.uiItemProDisabled[data-v-2fcf4d16]{cursor:not-allowed}.uiItemProDisabled:hover .proBadge[data-v-2fcf4d16]{opacity:1}.uiItem[data-v-2fcf4d16]:hover{background-color:rgba(0,0,0,.062745098)}.uiItemIcon[data-v-2fcf4d16]{justify-content:center;display:flex;margin-bottom:3px;filter:brightness(1.5) saturate(1);pointer-events:none}.uiItemLabel[data-v-2fcf4d16]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;pointer-events:none;max-width:75px}.uiItemIconProRequired[data-v-2fcf4d16],.uiItemLabelProRequired[data-v-2fcf4d16]{opacity:.3}.libraryIcon[data-v-2fcf4d16]{max-height:20px;margin-top:6px;pointer-events:none;filter:var(--library-icon-filter)}.blocker[data-v-7c578f7c]{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-7c578f7c]{background-color:var(--background);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;border:1px solid hsla(0,0%,100%,.12549019607843137)}.closeAddProp[data-v-7c578f7c]{position:absolute;right:10px;top:5px;cursor:pointer;font-weight:700;font-size:12px;color:#999}.addPropsList[data-v-7c578f7c]{padding:10px 10px;position:relative;height:100%;overflow:auto}.addPropRow[data-v-7c578f7c]{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-7c578f7c]:hover{opacity:1;background-color:hsla(0,0%,95.7%,.06274509803921569)}.addPropRow:hover>.addPropIcon[data-v-7c578f7c]{opacity:1}textarea[data-v-6bcc04fe]{overflow:auto;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;font-size:11px;width:100%;min-height:60px;padding:5px 10px}textarea[data-v-6bcc04fe]:focus-visible{outline:none;border:1px solid var(--focus-border)}textarea[data-v-6bcc04fe]:focus{border:1px solid var(--focus-border)!important}.propRow[data-v-6bcc04fe]{width:calc(100% - 10px)!important;right:-10px;border-bottom:solid 1px var(--checkbox-background);padding:5px 0 5px}.row[data-v-6bcc04fe]:after{content:"";clear:both;display:table}.propRowLabel[data-v-6bcc04fe]{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-6bcc04fe]{margin-left:auto;margin-right:auto;width:100%;display:flex}.col[data-v-6bcc04fe]{float:left;padding:15px;box-sizing:border-box}.col-1[data-v-6bcc04fe]{width:8.33%}.col-2[data-v-6bcc04fe]{width:16.66%}.col-3[data-v-6bcc04fe]{width:25%}.col-4[data-v-6bcc04fe]{width:33.33%}.col-5[data-v-6bcc04fe]{width:41.66%}.col-6[data-v-6bcc04fe]{width:50%}.col-7[data-v-6bcc04fe]{width:58.33%}.col-8[data-v-6bcc04fe]{width:66.66%}.col-9[data-v-6bcc04fe]{width:75%}.col-10[data-v-6bcc04fe]{width:83.33%}.col-11[data-v-6bcc04fe]{width:91.66%}.col-12[data-v-6bcc04fe]{width:100%}.chartTypeIcon[data-v-6bcc04fe]{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-6bcc04fe]{width:5%;display:flex;justify-content:left;align-items:center;cursor:pointer;opacity:.7;left:5px;position:relative}.propRowDynamicSwitch[data-v-6bcc04fe]:hover{opacity:1}.foldableGroupHeader[data-v-6bcc04fe]{display:flex;flex-direction:row;gap:2px;padding:5px 0;border-bottom:solid 1px var(--badge-background);margin-bottom:10px;position:relative}.groupHeaderContent[data-v-6bcc04fe]{width:50px;flex-grow:1}.propRow:hover .removeBtnCnt[data-v-6bcc04fe]{opacity:.5}.removeBtnCnt[data-v-6bcc04fe]{opacity:0;cursor:pointer;left:-16px}.foldableGroupHeader:hover .removeBtnCnt[data-v-6bcc04fe]{opacity:.5}.removeBtnCnt[data-v-6bcc04fe]:hover{opacity:1!important}.chartConfigContainer[data-v-7460bacc]{--grey0:#eee;--grey1:#ccc;--grey2:#aaa;--grey3:#999;--grey4:#666;--grey5:#333;width:100%}.chartConfigContainer[data-v-7460bacc] input[type=text]{width:100%;border-bottom:solid 1px var(--grey0);padding:2px 5px}.chartConfigContainer[data-v-7460bacc] input[type=number]{width:100%}.chartConfigContainer[data-v-7460bacc] input[type=color]{width:18px;height:20px;padding:0}.tabSelector[data-v-7460bacc]{display:flex;flex-direction:row;width:100%}.tabItem[data-v-7460bacc]{flex:1;text-align:center;padding:10px;cursor:pointer;border-bottom:1px solid hsla(0,0%,100%,0);position:relative;border-bottom:1px solid hsla(0,0%,80%,.1882352941)}.tabSwitch[data-v-7460bacc]{position:absolute;top:3px;right:3px}.tabItemSelected[data-v-7460bacc]{border-bottom:solid 1px var(--grey0)}.foldableGroup[data-v-7460bacc],.foldableGroupContent[data-v-7460bacc],.subgroup[data-v-7460bacc],.tabSectionContainer[data-v-7460bacc]{display:flex;flex-direction:column}.subgroup[data-v-7460bacc]{padding:0 0 5px}.subgroup .subgroupTitle[data-v-7460bacc]{font-weight:700;padding:0 0 5px}.subgroup .subgroupContent[data-v-7460bacc]{padding-top:0}.subgroup .subgroupContent .row[data-v-7460bacc]{padding:5px 0}.addPropertyButtonRow[data-v-7460bacc]{display:flex;flex-direction:row;justify-content:center;padding-bottom:20px}.addPropertyButton[data-v-7460bacc]{border:1px solid #ccc;padding:0 7px;border-radius:7px;font-size:1.1em;width:-moz-min-content;width:min-content}.propRow[data-v-7460bacc]{position:relative;border-bottom:solid 1px var(--checkbox-background);display:flex;flex-direction:row;gap:10px;padding:5px 0 5px}.nanoButton[data-v-7460bacc]{width:-moz-max-content;width:max-content;text-align:center;display:flex;padding:0 3px 0 9px;border:1px solid #ccc;border-radius:9px;font-size:.64rem;position:relative;right:0;opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.nanoButton[data-v-7460bacc]:hover{opacity:1}.propRow[data-v-12de8ad8]{position:relative;border-bottom:solid 1px var(--checkbox-background);display:flex;flex-direction:row;gap:10px;padding:5px 0 5px}.propRowLabel{width:35%;font-size:.9em;text-align:right;text-transform:capitalize;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none}.propRowControl{width:60%;display:flex;justify-content:left}.propRowDynamicSwitch{min-width:15px;width:15px;display:flex;justify-content:left;align-items:center;cursor:pointer;opacity:.7}.propRowDynamicSwitch:hover{opacity:1}.addPropIcon{font-size:1.2em;opacity:0}.propInput{padding:1px 10px;border:1px solid #999;border-radius:3px;box-sizing:border-box;width:100%;color:#000}.propInputDynamic{background-color:#fff1cd;border:1px solid #d8b252;color:#916a09}.removeBtnCnt{opacity:0;cursor:pointer}.propRow:hover .removeBtnCnt{opacity:.5}.removeBtnCnt:hover{opacity:1!important}.addPropertyButtonRow{display:flex;flex-direction:row;justify-content:center;padding-bottom:20px}.toolBar[data-v-0ebb8bf8]{display:flex;flex-direction:row;font-size:12px;padding-bottom:5px;border-bottom:1px solid #ccc;margin-bottom:10px;gap:15px}.logsContainer[data-v-0ebb8bf8]{height:200px;overflow:auto}.logItem[data-v-0ebb8bf8]:hover{background-color:rgba(0,0,0,.062745098)}.logItem[data-v-0ebb8bf8]{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-0ebb8bf8],.logLevel[data-v-0ebb8bf8],.logMessage[data-v-0ebb8bf8],.timeStamp[data-v-0ebb8bf8]{flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.timeStamp[data-v-0ebb8bf8]{width:150px}.logLevel[data-v-0ebb8bf8]{width:60px}.appSource[data-v-0ebb8bf8]{width:50px}.logMessage[data-v-0ebb8bf8]{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-0ebb8bf8]{overflow:unset;max-height:unset}.levelInfo[data-v-0ebb8bf8]{color:#49afed}.levelWarning[data-v-0ebb8bf8]{color:#e29a42}.levelError[data-v-0ebb8bf8]{color:#f25b5b}.clearLogsButton[data-v-0ebb8bf8]{opacity:.5}.clearLogsButton[data-v-0ebb8bf8]:hover{opacity:1}.bindingsConnectorsContainer[data-v-704c43b8]{background-color:rgba(255,0,0,0);top:40px;left:0;right:0;height:100%;position:fixed;z-index:10;pointer-events:none}.terms[data-v-46c931ab]{margin:-15px 0 15px;font-size:.85em;opacity:.5;text-align:center;padding:0;cursor:pointer}textarea[data-v-329796f2]:disabled,vscode-button[data-v-329796f2]:disabled{color:unset}.terms[data-v-329796f2]{margin:-15px 0 15px;font-size:.85em;opacity:.5;text-align:center;padding:0;cursor:pointer}.color-picker[data-v-1eff6db5]{position:relative;display:inline-block;background-color:var(--background);color:var(--foreground)}.color-button[data-v-1eff6db5]{cursor:pointer;border:1px solid hsla(0,0%,80%,.25098039215686274)}.picker-popup[data-v-1eff6db5]{position:fixed;padding:10px;box-shadow:1px 2px 8px rgba(0,0,0,.2);border:solid 1px color-mix(in srgb,var(--foreground),transparent 90%);z-index:1000}.picker-popup[data-v-1eff6db5],[data-v-1eff6db5] .vc-chrome{background-color:color-mix(in srgb,var(--background),#fff 3%)}[data-v-1eff6db5] .vc-chrome{box-shadow:none!important}[data-v-1eff6db5] .vc-chrome-body{background-color:color-mix(in srgb,var(--background),#fff 3%)}[data-v-1eff6db5] .vc-chrome-toggle-btn{width:20px;height:27px;left:10px;top:-1px}[data-v-1eff6db5] .vc-chrome-fields .vc-input__input{border:solid 1px color-mix(in srgb,var(--foreground),transparent 70%)!important;box-shadow:none;box-sizing:border-box}[data-v-1eff6db5] .vc-chrome-toggle-icon{margin-top:0}[data-v-1eff6db5] .vc-chrome-toggle-icon-highlight{left:2px;top:-2px;width:100%;height:100%;background:color-mix(in srgb,var(--foreground),transparent 70%)}[data-v-1eff6db5] .vc-chrome-toggle-icon>svg>path{fill:var(--foreground)!important}[data-v-772479b2] .q-item{min-height:unset;height:25px;padding:2px 5px}[data-v-772479b2] .q-expansion-item .q-item{padding-right:0!important}[data-v-772479b2] .q-expansion-item.level2 .q-item{margin-left:0;padding-left:10px!important}.editorSidebar[data-v-772479b2]{color:var(--foreground);font-size:12px;font-family:-apple-system,"system-ui",sans-serif}.themeItemContainer[data-v-772479b2]{display:flex;flex-direction:row;position:relative}.propSwitchContainer[data-v-772479b2]{position:relative}.themeItemContainer .propModeSwitch[data-v-772479b2]{opacity:0;width:25px;position:absolute;left:2px;padding:0;top:3px;cursor:pointer}.propModeSwitch.forceVisible[data-v-772479b2],.themeItemContainer:hover .propModeSwitch[data-v-772479b2]{opacity:1}.unused[data-v-772479b2]{opacity:.3}.unused[data-v-772479b2]:hover{opacity:1}.themeItemsContainer[data-v-772479b2]{display:flex;flex-direction:column;padding:0}.themeItemLabel[data-v-772479b2]{padding:2px 0;width:50%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.themeItemValueCell[data-v-772479b2]{padding:2px;text-align:right;width:50%}.themePreviewed[data-v-772479b2]{color:color-mix(in srgb,#3295fe,var(--foreground) 20%)}.themeSelected[data-v-772479b2]{font-weight:700}#demoContent[data-v-772479b2]{padding-top:50px}.propControl[data-v-772479b2]{width:98%;border:1px solid hsla(0,0%,100%,0)}.propControl[data-v-772479b2]:hover{border:1px solid hsla(0,0%,80%,.7529411764705882)}.propControl[type=text][data-v-772479b2]{width:100%;padding:1px 5px;text-align:right;height:20px}.propControl[type=number][data-v-772479b2]{width:40px;height:22px;font-size:12px;text-align:right;-moz-appearance:textfield}input[data-v-772479b2]::-webkit-inner-spin-button,input[data-v-772479b2]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}select.noArrow[data-v-772479b2]{-moz-appearance:none;-webkit-appearance:none}.select.noArrow[data-v-772479b2]::-ms-expand{display:none}.themeHeader[data-v-772479b2]{border-bottom:1px solid hsla(0,0%,100%,.3137254901960784);padding-bottom:5px;display:flex;flex-direction:row;justify-content:space-between}.themeSelector[data-v-772479b2]{text-align:left;padding:5px 0 4px;margin-bottom:10px;z-index:1;background-color:hsla(0,0%,80%,0);box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s;display:none}.themeSelectorItem[data-v-772479b2]{padding:2px 2px;cursor:pointer;text-transform:capitalize;display:flex;flex-direction:row;justify-content:space-between;background-color:color-mix(in srgb,var(--foreground),transparent 100%);transition:background-color .3s ease}.themeSelectorItem[data-v-772479b2]:hover,.themeSelectorItemSelected[data-v-772479b2]{background-color:color-mix(in srgb,var(--foreground),transparent 92%)}.themeSelectorVisible[data-v-772479b2]{display:block;width:100%;opacity:1;visibility:visible;transition:opacity .5s ease}.propControl[type=color][data-v-772479b2]{width:60px;height:20px;padding:0;background-color:rgba(255,0,0,0);border:none}select.propControl[data-v-772479b2]{text-align:right;padding-right:5px}select.units[data-v-772479b2]{width:-moz-max-content;width:max-content;font-size:10px;height:100%;margin-left:0;text-align:center;padding:1px 2px}.roundInput[data-v-772479b2]{border-radius:3px;border:1px solid hsla(0,0%,100%,.18823529411764706);padding:4px 15px;height:25px;margin-bottom:20px;width:100%;background:no-repeat;color:#fff}.highlight[data-v-772479b2]{border:1px solid red}.themedButton[data-v-772479b2]{background-color:#195c9f;border-radius:0;border:none;padding:5px 15px;color:#fff;font-size:13px;width:100%}.height100[data-v-772479b2]{height:100%}.themeItemContainer .resetPropertyButton[data-v-772479b2]{position:absolute;left:-23px;top:1px;padding:0}.themeItemContainer .resetPropertyButton i[data-v-772479b2]{opacity:.6;padding:3px 6px;cursor:pointer;transition:opacity .3s ease}.themeItemContainer .resetPropertyButton:hover i[data-v-772479b2]{opacity:1}.clearThemeButton[data-v-772479b2]{margin-top:7px;font-size:.9em;opacity:.6;display:flex;justify-content:center}.clearThemeButton>div[data-v-772479b2]{opacity:.6;cursor:pointer}.clearThemeButton>div[data-v-772479b2]:hover{opacity:1!important;text-decoration:underline}.themeButtonsContainer[data-v-772479b2]{width:100%;text-align:left;padding:10px 0 10px;display:flex;flex-direction:column;gap:2px;flex-wrap:nowrap}.buttonDisabled[data-v-772479b2]{opacity:.3;pointer-events:none;cursor:auto}.buttonDisabled[data-v-772479b2],.themeError[data-v-772479b2]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.themeError[data-v-772479b2]{color:#f67979;text-wrap:nowrap;overflow:hidden;max-width:200px;width:100%;text-overflow:ellipsis;text-align:right}[data-v-772479b2]::-webkit-scrollbar{width:17px}[data-v-772479b2]::-webkit-scrollbar-track{background-color:transparent}[data-v-772479b2]::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:20px;border:6px solid transparent;background-clip:content-box}[data-v-772479b2]::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}.topBar[data-v-2e81d656]{padding:5px;height:40px;display:flex;flex-direction:row;width:100%}.topToolBar[data-v-2e81d656]{width:400px;justify-content:right;padding:2px 5px 0 0;display:flex;align-items:revert;text-align:right;flex-direction:column}.leftBar[data-v-2e81d656]{flex-grow:1;max-width:300px}.centralBar[data-v-2e81d656]{flex-grow:3;display:flex;flex-direction:column;border-right:1px solid rgba(0,0,0,.3137254902);width:calc(100% - 300px)}.rightBar[data-v-2e81d656]{flex-grow:1;width:300px;max-height:100%;overflow-y:auto}.panel[data-v-2e81d656]{margin:0;border-top:1px solid rgba(0,0,0,.3137254902)}.mainContainer[data-v-2e81d656]{height:100%;background-color:var(--background)}.columnStack[data-v-2e81d656],.mainContainer[data-v-2e81d656]{display:flex;flex-direction:column}.rowStack[data-v-2e81d656]{display:flex;flex-direction:row;flex:1;height:calc(100% - 40px)}#customCodeEditor[data-v-2e81d656],.canvasPanel[data-v-2e81d656],.fullHeight[data-v-2e81d656]{height:100%}[data-v-2e81d656] .CodeMirror{height:100%!important;font-size:12px!important}[data-v-2e81d656] .codemirror-container{width:100%!important;height:calc(100% - 60px)!important}[data-v-2e81d656] .codemirror-container:not(.original-style) .CodeMirror{font-family:Arial,monospace!important}.codemirror-container.bordered[data-v-2e81d656]{border-radius:4px;border:1px solid hsla(0,0%,86.7%,.3137254902);padding:5px 0 5px 0}.topbarButton[data-v-2e81d656]{padding:4px 2px 2px;background-color:hsla(0,0%,80%,0);border-radius:4px;margin-left:4px;cursor:pointer;opacity:.5;position:relative}.topbarButton[data-v-2e81d656]:hover{opacity:1}.topbarButton>i[data-v-2e81d656]{font-size:20px;padding:3pxpx;pointer-events:none}[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:""}.notProUI{padding:10px;text-align:center}:root{--sb-track-color:rgba(35,46,51,0);--sb-thumb-color:hsla(0,0%,80%,0.25098039215686274);--sb-size:8px}:root ::-webkit-scrollbar{width:var(--sb-size)!important}:root ::-webkit-scrollbar-track{background:var(--sb-track-color)!important;border-radius:1px!important}:root ::-webkit-scrollbar-thumb{background:var(--sb-thumb-color)!important;border-radius:1px!important}.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}.Vue-Toastification__toast{background-color:var(--background)!important;color:var(--button-primary-text)!important;padding:10px 24px!important;min-height:10px!important;border:1px solid hsla(0,0%,80%,.5647058824)!important;box-shadow:5px 5px 20px rgba(0,0,0,.5019607843)!important;max-width:350px!important;min-width:300px!important}.Vue-Toastification__toast-body{font-size:13px!important}#wsconnectionalert,#wsconnectionalertspacer{display:none}
\ No newline at end of file
diff --git a/public/data/blockDefinitions.json b/public/data/blockDefinitions.json
index d5f1b6e..75c29ac 100644
--- a/public/data/blockDefinitions.json
+++ b/public/data/blockDefinitions.json
@@ -6301,7 +6301,7 @@
         "editable": false,
         "description": "The QKnob component is used to take a number input from the user through mouse/touch panning. It is based on [QCircularProgress](/vue-components/circular-progress) and inherits all its properties and behavior.\n\n\n",
         "tagName": "Q-KNOB",
-        "content": "<q-knob gb_b__v-model=\"undefined\" gb_b__show-value=\"true\" gb_c__color=\"primary\" gb_c__track-color=\"grey\" gb_c__max=\"10\" gb_c__min=\"1\" gb_c__step=\"1\"></q-knob>",
+        "content": "<q-knob gb_b__v-model=\"undefined\" gb_c__show-value=\"true\" gb_c__color=\"primary\" gb_c__track-color=\"grey\" gb_c__max=\"10\" gb_c__min=\"1\" gb_c__step=\"1\"></q-knob>",
         "droppable": false,
         "properties": [
             {
diff --git a/public/data/grapesCanvas.css b/public/data/grapesCanvas.css
index 3903d3f..32b1e9a 100644
--- a/public/data/grapesCanvas.css
+++ b/public/data/grapesCanvas.css
@@ -17,7 +17,7 @@ q-select {
     padding-left: 10px;
 }
 
-q-timeline, q-timeline-entry, q-item, mui-slider, mui-line-chart, markdowntext, q-knob, q-tabs, pivottable, q-expansion-item{
+q-timeline, q-timeline-entry, q-item, mui-slider, mui-line-chart, markdowntext, q-knob, q-tabs, pivottable, q-expansion-item, st-big-number{
     display: block;
     border: 1px black;
 }
diff --git a/public/index.html b/public/index.html
index f4fdd1e..d868f2d 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="./data/tailwind.js"></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.e3193f78.css" rel="preload" as="style"><link href="css/chunk-vendors.7dc1cf32.css" rel="preload" as="style"><link href="js/app.520a772f.js" rel="preload" as="script"><link href="js/chunk-vendors.8992c377.js" rel="preload" as="script"><link href="css/chunk-vendors.7dc1cf32.css" rel="stylesheet"><link href="css/app.e3193f78.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="./data/tailwind.js"></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.a5a9fd7e.css" rel="preload" as="style"><link href="css/chunk-vendors.7dc1cf32.css" rel="preload" as="style"><link href="js/app.24367516.js" rel="preload" as="script"><link href="js/chunk-vendors.8992c377.js" rel="preload" as="script"><link href="css/chunk-vendors.7dc1cf32.css" rel="stylesheet"><link href="css/app.a5a9fd7e.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;
@@ -27,4 +27,4 @@
         background-color: #0000005c;
         padding: 10px;
         margin: 10px 0px;
-      }</style><script src="js/chunk-vendors.8992c377.js"></script><script src="js/app.520a772f.js"></script></body></html>
\ No newline at end of file
+      }</style><script src="js/chunk-vendors.8992c377.js"></script><script src="js/app.24367516.js"></script></body></html>
\ No newline at end of file
diff --git a/public/js/app.24367516.js b/public/js/app.24367516.js
new file mode 100644
index 0000000..2c446d3
--- /dev/null
+++ b/public/js/app.24367516.js
@@ -0,0 +1,2 @@
+(function(e){function t(t){for(var n,r,i=t[0],s=t[1],c=t[2],p=0,u=[];p<i.length;p++)r=i[p],Object.prototype.hasOwnProperty.call(o,r)&&o[r]&&u.push(o[r][0]),o[r]=0;for(n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n]);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],n=!0,i=1;i<a.length;i++){var s=a[i];0!==o[s]&&(n=!1)}n&&(l.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},o={app:0},l=[];function r(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=n,r.d=function(e,t,a){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(a,n,function(t){return e[t]}.bind(null,n));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="";var i=window["webpackJsonp"]=window["webpackJsonp"]||[],s=i.push.bind(i);i.push=t,i=i.slice();for(var c=0;c<i.length;c++)t(i[c]);var d=s;l.push([0,"chunk-vendors"]),a()})({0:function(e,t,a){e.exports=a("56d7")},"03c2":function(e,t,a){},"0559":function(e,t,a){},"1e67":function(e,t,a){},"236c":function(e,t,a){},2456:function(e,t,a){},"26a9":function(e,t,a){"use strict";a("33b9")},2776:function(e,t,a){},"2a61":function(e,t,a){"use strict";a("bba6")},"2b12":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACWSURBVHgBvZLhCcMgEIUP7QB2g4gLZYNmk6aTlO6lmBE6gJg8gyFBhDP5kQ8ewunHiSfRHVhr+7ImGjxyzr2xqLL+aBRHKeWTzpBEZEa+tX3BdVwPCfFrlo8i+COT975j5UJMqBijRwZWTldEdO648THGjKystZ5CCB3to6mKVTl3f3FiFTyMyuNplzbwDYdLYpZ7uoMFLkRH+UBfLR8AAAAASUVORK5CYII="},3029:function(e,t,a){},"33b9":function(e,t,a){},3498:function(e,t,a){},"35d0":function(e,t,a){},3632:function(e,t,a){"use strict";a("35d0")},"41c8":function(e,t,a){"use strict";a("2776")},"49c3":function(e,t,a){"use strict";a("6f71")},"49e5":function(e,t,a){"use strict";a("cfff")},"56d7":function(e,t,a){"use strict";a.r(t);a("88a7"),a("271a"),a("5494"),a("14d9"),a("d9e2");var n=a("7a23"),o=a("b05d"),l=a("0180"),r=(a("da96"),a("0ca9"),a("7d6e"),a("e54f"),a("a4b7"),a("05bc"),a("0d0e"),a("573e"),{config:{},plugins:{}}),i=a("cee4"),s=a("69d7"),c=a("1bd4"),d=a("0a46"),p=a("1fb9"),u=a("1bbd"),b=a("08ca"),m=a("054d"),g=(a("b7ef"),a("c46f")),f=a("9def"),h=(a("c1ea"),a("8833")),v=(a("d7d5"),a("d5e0"),a("0109"),a("bbca"),a("ade3"));class y{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");y.GB_SOURCE!=y.GB_SOURCE_LOCAL&&(e+="s");let t=`${e}://${y.GB_HOST}`;return y.GB_SOURCE==y.GB_SOURCE_LOCAL?t+=":":t+="/proxy/",t+=y.GB_PORT+"/",t}static getAppBaseUrl(e,t){if(!e)throw new Error("getAppBaseUrl() requires a protocol argument");y.GB_SOURCE!=y.GB_SOURCE_LOCAL&&(e+="s");let a=`${e}://${y.GB_HOST}`;return y.GB_SOURCE==y.GB_SOURCE_LOCAL?a+=":":a+="/proxy/",a+=t+"/",a}static getAppAssetsBaseUrl(e,t){if(!e)throw new Error("getAppAssetsBaseUrl() requires a protocol argument");y.GB_SOURCE!=y.GB_SOURCE_LOCAL&&(e+="s");let a=`${e}://${y.GB_HOST}`;return y.GB_SOURCE==y.GB_SOURCE_LOCAL&&(a+=":",a+=t+"/"),a}}Object(v["a"])(y,"appid",""),Object(v["a"])(y,"currentPageIndex",0),Object(v["a"])(y,"appport",""),Object(v["a"])(y,"CHANNEL__",""),Object(v["a"])(y,"GB_SOURCE_LOCAL","local"),Object(v["a"])(y,"GB_SOURCE_CLOUD","cloud"),Object(v["a"])(y,"GB_SOURCE",""),Object(v["a"])(y,"GB_HOST",""),Object(v["a"])(y,"GB_PORT",""),Object(v["a"])(y,"ask_ai_url","https://aiapis.hosting.genieframework.com/api/"),Object(v["a"])(y,"TERMS_OF_USE_URL","https://genielicensing.hosting.genieframework.com/documents/terms.pdf"),Object(v["a"])(y,"IS_PRO",!1),Object(v["a"])(y,"LICENSE_TYPE","Unknown");const _=Object(l["b"])();function j(){i["a"].interceptors.request.use((function(e){return e.url.startsWith(y.ask_ai_url)&&delete e.headers["gb-sessionid"],e}),(function(e){return console.error("Axios interceptor REQUEST ERROR: ",e),Promise.reject(e)})),i["a"].interceptors.response.use((function(e){return e}),(function(e){return console.error("Axios interceptor RESPONSE ERROR: ",e),429!=e.response.status&&402!=e.response.status||_(e.response.message||"There was a problem with your subscription. Please try again later or contact support."),Promise.reject(e)}))}a("04d1");const O=e=>(Object(n["J"])("data-v-6c90e336"),e=e(),Object(n["H"])(),e),w={style:{position:"relative"}},x={key:0},k=O(()=>Object(n["k"])("i",{class:"fa fa-chevron-right"},null,-1)),C=[k],S={key:1},D=O(()=>Object(n["k"])("i",{class:"fa fa-chevron-down"},null,-1)),T=[D];var A={__name:"PanelTitle",props:["title","expanded"],emits:["expand"],setup(e,{emit:t}){const a=e;let o=Object(n["L"])(a.expanded);function l(){t("expand",o.value)}return Object(n["bb"])(a,e=>{o.value=e.expanded}),(t,a)=>(Object(n["G"])(),Object(n["j"])("div",w,[Object(n["k"])("div",{class:"title",onClick:l},Object(n["S"])(e.title),1),Object(n["k"])("div",{class:"expandBtn",onClick:l},[Object(n["V"])(o)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("span",x,C)),Object(n["V"])(o)?(Object(n["G"])(),Object(n["j"])("span",S,T)):Object(n["i"])("",!0)])]))}},P=(a("49e5"),a("6b0d")),L=a.n(P);const q=L()(A,[["__scopeId","data-v-6c90e336"]]);var V=q;const N={style:{height:"100%","margin-right":"2px"}},E={class:"panelContent",style:{height:"calc(100% - 25px)",overflow:"auto"}};var I={__name:"Panel",props:["title","hideTitle"],emits:["update:expanded"],setup(e,{expose:t,emit:a}){const o=e;let l=Object(n["L"])(!0);function r(){i(!l.value)}function i(e){l.value=e,s(),a("update:expanded",e)}function s(){localStorage.setItem("panelExpandedState_"+o.title,l.value)}function c(){let e=localStorage.getItem("panelExpandedState_"+o.title);"false"===e&&(l.value=!1)}return c(),t({expanded:l,expand:i}),(t,a)=>(Object(n["G"])(),Object(n["j"])("div",N,[e.hideTitle?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["h"])(V,{key:0,expanded:Object(n["V"])(l),title:e.title,onExpand:r},null,8,["expanded","title"])),Object(n["db"])(Object(n["k"])("div",E,[Object(n["N"])(t.$slots,"default")],512),[[n["ab"],Object(n["V"])(l)]])]))}};a("26a9");const M=L()(I,[["__scopeId","data-v-17c958c7"]]);var G=M;const B={id:"tab-headers"},R=["onClick"],F={id:"active-tab",style:{"flex-grow":"1",display:"flex",height:"calc(100% - 120px)"}};var z={__name:"Tabs",props:["customClass"],emits:["changeTab"],setup(e,{emit:t}){let a=Object(n["L"])(null),o=Object(n["L"])(null),l=Object(n["L"])(null),r=Object(n["L"])(0);Object(n["D"])(()=>{l.value=[...a.value.querySelectorAll(".tab")];for(let e of l.value)e.classList.contains("active")&&(r=l.value.indexOf(e))});const i=e=>{r=e;for(let t of[...l.value,...o.value])t.classList.remove("active");l.value[r].classList.add("active"),o.value[r].classList.add("active"),t("changeTab",r)};return(t,s)=>(Object(n["G"])(),Object(n["j"])("div",{id:"tabs-container",class:Object(n["w"])(e.customClass),ref_key:"tabContainer",ref:a,style:{height:"100%",display:"flex","flex-direction":"column"}},[Object(n["k"])("div",B,[Object(n["k"])("ul",null,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(Object(n["V"])(l),(e,t)=>(Object(n["G"])(),Object(n["j"])("li",{key:t,class:Object(n["w"])(Object(n["V"])(r)==t?"active":""),onClick:e=>i(t),ref_for:!0,ref_key:"tabHeaders",ref:o},Object(n["S"])(e.title),11,R))),128))])]),Object(n["k"])("div",F,[Object(n["N"])(t.$slots,"default")])],2))}};a("b45c");const H=z;var U=H,$={__name:"Tab",props:["active"],setup(e){return(t,a)=>(Object(n["G"])(),Object(n["j"])("div",{class:Object(n["w"])(["tab","true"==e.active?"active":""]),ref:"tabs"},[Object(n["N"])(t.$slots,"default")],2))}};a("77a2");const W=$;var J=W;const Y={style:{position:"relative"}},Q={style:{"overflow-y":"auto"}},X=["title","onMouseover","onMousedown","datatype","bindingname"],Z=["datatype","bindingname","src"];var K={__name:"BindingsPanel",props:["appData"],emits:["bindingOvered"],setup(e,{expose:t,emit:a}){const o=e;let l,r,i=Object(n["L"])("type");function s(e){l=e.dragStart,r=e.dragStop}const c=Object(n["f"])(()=>{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(n["f"])(()=>{let e;return o.appData.pages[y.currentPageIndex].model.fields&&("az"==i.value?e=g["a"].sortBy(o.appData.pages[y.currentPageIndex].model.fields,e=>e.name.toLowerCase()):"type"==i.value&&(e=g["a"].sortBy(o.appData.pages[y.currentPageIndex].model.fields,e=>e.type.toLowerCase()+"_"+e.name.toLowerCase()))),e}),p=function(e,t){let n=t.target;a("bindingOvered",{element:n,binding:e})},u=function(){a("bindingOvered",{element:null,binding:null})};return t({setHandleBlocks:s}),(e,t)=>(Object(n["G"])(),Object(n["j"])("div",Y,[Object(n["k"])("div",Q,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(c.value,e=>(Object(n["G"])(),Object(n["j"])("div",{title:e.binding.type,isbinding:"true",onMouseover:t=>p(e.binding,t),onMouseout:u,onMousedown:t=>Object(n["V"])(l)(e),datatype:e.binding.type,bindingname:e.binding.name,class:"bindingItem",key:e.binding.name},[Object(n["k"])("img",{datatype:e.binding.type,bindingname:e.binding.name,src:"img/icons/type_"+e.binding.type+".png",class:"typeIcon"},null,8,Z),Object(n["l"])(" "+Object(n["S"])(e.binding.name),1)],40,X))),128))])]))}};a("41c8");const ee=L()(K,[["__scopeId","data-v-0b09cf83"]]);var te=ee,ae=a("2ef0"),ne=a.n(ae);a("98c5"),a("13d5");let oe=[{id:"Area Chart",icon:"areaChart",proRequired:!1,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",proRequired:!1,traceTemplate:{gbtype:"Bar Chart",x:["Category 1","Category 2","Category 3"],y:[9,10,20],type:"bar",name:"Trace"}},{id:"Box",icon:"boxChart",proRequired:!0,traceTemplate:{gbtype:"Box",y:[1,2,3,4,7,9],type:"box",name:"Trace"}},{id:"Candlestick",icon:"candlestickChart",proRequired:!0,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",proRequired:!0,traceTemplate:{gbtype:"Choropleth",locationmode:"country names",locations:["Canada","United States","Mexico"],z:[10,20,30],type:"choropleth",name:"Trace"}},{id:"Cone",icon:"coneChart",proRequired:!0,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",proRequired:!0,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",proRequired:!0,traceTemplate:{gbtype:"Funnel",x:[10,20,30],y:["Stage 1","Stage 2","Stage 3"],type:"funnel",name:"Trace"}},{id:"Funnel Area",icon:"funnelAreaChart",proRequired:!0,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",proRequired:!1,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",proRequired:!0,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",proRequired:!1,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",proRequired:!0,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",proRequired:!0,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",proRequired:!0,traceTemplate:{gbtype:"Indicator",mode:"number+delta",value:400,delta:{reference:350},type:"indicator",name:"Trace"}},{id:"Isosurface",icon:"isosurfaceChart",proRequired:!0,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",proRequired:!1,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",proRequired:!0,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",proRequired:!0,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",proRequired:!1,traceTemplate:{gbtype:"Pie Chart",labels:["Slice 1","Slice 2","Slice 3"],values:[10,20,30],type:"pie",name:"Trace"}},{id:"Scatter",icon:"scatterChart",proRequired:!1,traceTemplate:{gbtype:"Scatter",x:[5,10,15],y:[10,15,5],type:"scatter",mode:"markers",name:"Trace"}},{id:"Scatter 3D",icon:"scatter3DChart",proRequired:!0,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",proRequired:!0,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",proRequired:!0,traceTemplate:{gbtype:"Scatter GL",x:[1,2,3,4],y:[10,11,12,13],mode:"markers",type:"scattergl",name:"Trace"}},{id:"Surface",icon:"surfaceChart",proRequired:!0,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",proRequired:!0,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",proRequired:!0,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",proRequired:!0,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",proRequired:!0,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",proRequired:!0,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",proRequired:!0,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",proRequired:!0,traceTemplate:le()},{id:"Treemap",icon:"treemap",proRequired:!1,traceTemplate:{gbtype:"Treemap",type:"treemap",labels:["A","B","C","D","E","F","G","H","I"],parents:["","A","A","C","C","A","","G","G"],values:[10,5,5,2,3,2,8,3,5],name:"Trace"}}];function le(){const e=3;let t=[],a=[],n=[],o=[];for(let i=1;i<=e;i++)for(let l=1;l<=e;l++)for(let r=1;r<=e;r++)t.push(i),a.push(l),n.push(r),o.push(0);for(let i=0;i<15;i++){const e=Math.floor(Math.random()*o.length);o[e]=1}o=o.map((t,a)=>{const n=[o[a-1]||0,o[a+1]||0,o[a-e]||0,o[a+e]||0,o[a-e*e]||0,o[a+e*e]||0],l=n.reduce((e,t)=>e+t,0);return(t+l/n.length)/2});const l=Math.max(...o);o=o.map(e=>e/l);const r={type:"volume",x:t,y:a,z:n,value:o,isomin:.1,isomax:.8,opacity:.1,surface_count:25};return r}const re=e=>(Object(n["J"])("data-v-457e8d62"),e=e(),Object(n["H"])(),e),ie={class:"componentAddDialogContainer"},se={class:"componentAddDialog"},ce=re(()=>Object(n["k"])("p",{style:{"margin-bottom":"6px","font-size":"12px","font-weight":"400",opacity:"0.7"}},"Add component for binding",-1)),de={style:{"padding-bottom":"10px","border-bottom":"1px solid #cccccc50"}},pe=["src"],ue=re(()=>Object(n["k"])("div",{style:{"font-size":"14px",padding:"20px 0px 15px"}},"Suggested Components:",-1)),be={class:"compGroupsContainer"},me=["onClick","title"],ge={class:"compName"},fe=["src"],he={key:0,src:"img/icons/pro_badge.png",class:"proBadge",style:{}};var ve={__name:"ComponentAddDialog",props:["appData","componentPlaceHolderData"],emits:["closeDialog"],setup(e,{emit:t}){const a=e;console.log("props.componentPlaceHolderData: ",a.componentPlaceHolderData);const o=y.IS_PRO;function l(e=!0){window.showUpgradeLicenseDialog(e)}function r(e){console.log("chartTypes",oe);let t=oe.find(t=>t.id==e);return t?t.traceTemplate:(console.error("Could not find chart with id: "+e),"")}const i=function(e){let t;t=e.icon?e.icon:e.type.split("q-").join("")+".png";const a="img/block_icons/"+t;return a};function s(e,t){console.log("selectCompProp(comp, prop",e,t);let n=(new DOMParser).parseFromString(e.content,"text/html").body.childNodes[0],o=t,l=a.componentPlaceHolderData.bindingname;if("DataFrames.DataFrame"==a.componentPlaceHolderData.datatype){let t=d(a.componentPlaceHolderData.bindingname);l+="."+t,l="$_{"+l+"}";let i=r(e.label);null!=i.x&&(i.x=l),null!=i.y&&(i.y=l),null!=i.z&&(i.z=l),null!=i.labels&&(i.labels=l),null!=i.values&&(i.values=l),console.log("traceTemplate: ",i),l=`[${JSON.stringify(i)}]`,l=btoa(l),n.removeAttribute("gb_c__data"),console.log("finalBindingName",l),n.setAttribute("gb_c__"+o,l)}else"DataTable.DataFrames.DataFrame"==a.componentPlaceHolderData.datatype?(n.removeAttribute("gb_c__data"),l+=".data",n.setAttribute("gb_b__"+o,l),n.setAttribute("gb_b__columns",a.componentPlaceHolderData.bindingname+".columns")):n.setAttribute("gb_b__"+o,l);let i=n.outerHTML;editor.getSelected().replaceWith(i),c(!1)}function c(e){t("closeDialog",e)}function d(e){let t=a.appData.pages[y.currentPageIndex].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(n["G"])(),Object(n["j"])("div",ie,[Object(n["k"])("div",se,[Object(n["k"])("div",{class:"closeButton",onClick:t[0]||(t[0]=e=>c(!0))},"X"),ce,Object(n["k"])("div",de,[Object(n["k"])("img",{src:"img/icons/type_"+a.componentPlaceHolderData.datatype+".png",style:{height:"17px","vertical-align":"middle",display:"inline-block"}},null,8,pe),Object(n["l"])(" "+Object(n["S"])(a.componentPlaceHolderData.bindingname),1)]),ue,Object(n["k"])("div",be,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(a.componentPlaceHolderData.components,e=>(Object(n["G"])(),Object(n["j"])("div",{class:Object(n["w"])({compGroup:!0,compGroupDisabled:e.proRequired&&!Object(n["V"])(o)}),key:e.type,onClick:t=>!e.proRequired||e.proRequired&&Object(n["V"])(o)?s(e,e.matchingProperties[0]):l(!0),title:e.proRequired&&!Object(n["V"])(o)?"Upgrade to PRO plan to use this component and many more!":e.label},[Object(n["k"])("div",ge,[Object(n["k"])("div",{class:Object(n["w"])({compNameLabel:!0,compNameLabelProRequired:e.proRequired&&!Object(n["V"])(o)})},Object(n["S"])(e.label),3),Object(n["k"])("div",{class:Object(n["w"])({compNameIconContainer:!0,compNameIconContainerProRequired:e.proRequired&&!Object(n["V"])(o)})},[Object(n["k"])("img",{src:i(e),class:Object(n["w"])({typeIcon:!0,typeIconProRequired:e.proRequired&&!Object(n["V"])(o)}),style:{filter:"var(--library-icon-filter)","max-height":"20px","margin-top":"6px","pointer-events":"none"}},null,10,fe)],2),e.proRequired&&!Object(n["V"])(o)?(Object(n["G"])(),Object(n["j"])("img",he)):Object(n["i"])("",!0)])],10,me))),128))])])]))}};a("dff5");const ye=L()(ve,[["__scopeId","data-v-457e8d62"]]);var _e=ye,je=a("d6e4");let Oe,we,xe,ke=["q-toggle","q-range","q-date","q-time","q-knob","q-table","q-avatar","q-chip","q-icon","q-rating","q-spinner","q-scroll-area","q-tab-panels","q-tab-panel","st-table","st-tabs"],Ce={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 Se(){return Oe}function De(e,t){i["a"].get("data/blockDefinitions.json").then(a=>{Oe=[...e,...a.data],Ae(),Pe(),Te(),t(Oe)}).catch(e=>{console.error("Error loading block definitions: ",e)})}function Te(){Oe.forEach(e=>{const t=ke.includes(e.type);t&&(e.proRequired=!0)})}function Ae(){Oe=Oe.filter(e=>e.enabled),Oe.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=""')),e.properties.push({name:"v-if",label:"Condition (if)",type:"Boolean",uitype:"String",desc:'Defines a conditional which, when true, will show the element in the document.\nYou can use JS code, i.e. "value > 10"'}),e.properties.push({name:"v-else-if",label:"Condition (else-if)",type:"Boolean",uitype:"String",desc:'Defines a conditional which, when true, will show the element in the document.\nYou can use JS code, i.e. "value > 10"'}),e.properties.push({name:"v-else",label:"Condition (else)",type:"Boolean",uitype:"String",desc:'Defines a conditional which, when previous if/else-if statements are false, will show the element in the document."'}),e.properties.push({name:"v-for",label:"Loop (for)",type:"Array",desc:"Sets the element to iterate over a list of values, producing multiple instances.\nYou can declare iterator values pointing to the list elements and indexes, and use them in other props.\nI.e.: \n- item in list\n- (item, index) in list"});let n=e.properties;n.forEach(e=>{for(let t in e){let a=e[t];if("string"==typeof a&&0==a.indexOf("${")){let n=a.slice(2,-1),o=Ce[n];e[t]=o}"type"==t&&Array.isArray(a)&&(e[t]=a[0],e.typeList=a)}})})}function Pe(){Oe.push({type:"tempplaceholder",label:"Temp PlaceHolder",tagName:"TEMPPLACEHOLDER",content:"<tempplaceholder>TEMP Place holder</tempplaceholder>",properties:[],droppable:!1,editable:!1,draggable:!0}),Oe.push({type:"plotly",label:"Bound Chart",tagName:"PLOTLY",category:"Charts",content:'<plotly gb_b__data="undefined" gb_b__layout="undefined" gb_b__config="undefined"></plotly>',renderContent:'<img src="img/block_icons/areaChart.png" />',icon:"bound_chart.png",proRequired:!1,properties:[{label:"Data",name:"data",type:"PlotlyBase.GenericTrace"},{label:"Layout",name:"layout",type:"PlotlyBase.Layout"},{label:"Config",name:"config",type:"Object"}]}),oe.forEach(e=>{let t=btoa(JSON.stringify([e.traceTemplate])),a=e.traceLayout,n=a?btoa(JSON.stringify(a)):"eyJ0aXRsZSI6Ik15IENoYXJ0In0=";Oe.push({type:"plotly",label:e.id,tagName:"PLOTLY",category:"Charts",content:`<plotly gb_c__data="${t}" gb_c__layout="${n}" gb_c__config="e30="></plotly>`,renderContent:'<img src="img/block_icons/areaChart.png" />',icon:e.icon+".png",proRequired:e.proRequired,properties:[{label:"Data",name:"data",type:"PlotlyBase.GenericTrace"},{label:"Layout",name:"layout",type:"PlotlyBase.Layout"},{label:"Config",name:"config",type:"Object"}]})})}function Le(){null==we&&(we=Se(),xe={},we.forEach(e=>{xe[e.tagName]=e}))}class qe{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");qe.replaceElementAttributes(e);for(let t=0;t<e.childNodes.length;t++)qe.encodeAttributesInDOM(e.childNodes[t])}static parseVFor(e){const t=/^\s*\(?([^)]+)\)?\s+in\s+(\S+)\s*$/,a=e.match(t);if(a){let e=a[1].replace(/\s/g,"");const t=/{([^}]+)}/g,n=/\[([^\]]+)\]/g;let o,l=[];while(null!==(o=t.exec(e)))l.push(...o[1].split(","));while(null!==(o=n.exec(e)))l.push(...o[1].split(","));e=e.replace(t,"").replace(n,"").split(",").filter(e=>e);const r=[...l,...e],i=a[2];return{variables:r,iterated:i}}return null}static extractVforVariablesAncestors(e){let t=[],a=e,n=!1,o=1e3,l=0;try{while(!n&&a&&a.parentElement){let e=a.getAttributeNames();if(e.includes("gb_c__v-for")){let e=a.getAttribute("gb_c__v-for"),n=qe.parseVFor(e).variables;n.forEach(e=>{0==t.includes(e)&&t.push(e)})}let r="gbTemplateContainer"==a.parentElement.id||"BODY"==a.parentElement.tagName;l>=o||r?n=!0:(l++,a=a.parentElement)}}catch(r){console.error("Error retrieving v-for variables recursively: ",r)}return t}static replaceElementAttributes(e){Le();let t=window.sharedData.modelFieldsByName,a="gb_",n=a+"c__",o=a+"b__",l=["v-model","v-bind","v-on:click","v-for","v-if","v-else-if","v-else","v-html"],r=["class","style","id"],i=e.nodeName,s=xe[i];if(!s)return;let c=s.properties,d=e.getAttributeNames(),p=qe.extractVforVariablesAncestors(e);d.forEach(a=>{if(r.indexOf(a)>-1)return;let i=a.startsWith(":"),s=i?a.slice(1):a,d=i||l.some(e=>0===a.indexOf(e)),u=e.getAttribute(a),b=c.find(e=>e.name===s),m=null!=t[u],g=p.includes(u);if(b){if(d){let t="undefined"==u;t&&(u=void 0,console.log("attributeTypeCheck attributeValueIsUndefined: ",t)),m||g||t?e.setAttribute(o+s,u):e.setAttribute(n+s,u)}else""==u?e.setAttribute(n+s,"true"):e.setAttribute(n+s,u);e.removeAttribute(a)}})}static revertElementAttributes(e){Le();let t="gb_",a=t+"c__",n=t+"b__",o=e.nodeName,l=xe[o];if(!l)return;let r=l.properties,i=e.getAttributeNames();i.forEach(t=>{let l=e.getAttribute(t);if(t.startsWith(a)){let n=t.replace(a,""),i=r.find(e=>e.name===n);if(!i)throw new Error("Attribute definition not found for: "+n);let s=i.type;"PLOTLY"==o&&["data","layout","config"].includes(n)||"String"==s||n.startsWith("v-on:")||"v-for"==n||"v-if"==n||"v-else-if"==n||"v-else"==n||"v-html"==n||(n=":"+n),e.setAttribute(n,l),e.removeAttribute(t)}else if(t.startsWith(n)){let a=t.replace(n,""),o="v-model"===a||a.startsWith("v-on:")||"v-for"==a||"v-if"==a||"v-else-if"==a||"v-else"==a||"v-html"==a?"":":";e.setAttribute(o+a,l),e.removeAttribute(t)}})}static decodeAttributesInDOM(e,t=!1){let a=e.querySelectorAll("*");a.forEach(e=>{qe.revertElementAttributes(e),t&&qe.decodeAttributesInDOM(e,t)})}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 removeInvalidNodes(e){const t=new DOMParser,a=t.parseFromString(e,"text/html"),n=e=>e.nodeType===Node.TEXT_NODE&&!/\S/.test(e.nodeValue),o=["template"],l=e=>o.includes(e.nodeName.toLowerCase()),r=e=>{const t=Array.from(e.childNodes);t.forEach(t=>{n(t)||l(e)?e.removeChild(t):r(t)})};r(a.body);const i=new XMLSerializer,s=i.serializeToString(a.body);return s.replace(/^<body>|<\/body>$/g,"")}static generateBlocksMandatoryProperties(){let e={};return we.forEach(t=>{let a=e[t.type]={type:t.type,mandatoryProperties:[]},n=t.content,o=new DOMParser,l=o.parseFromString(n,"text/html"),r=l.body.firstChild;for(let e=0;e<r.attributes.length;e++){let t=r.attributes[e],n=t.name;n=t.name.replace("gb_b__v-on:","v-on:"),n=n.replace("gb_b__v-model","v-model"),n=n.replace("gb_b__",":"),n=n.replace("gb_c__",""),a.mandatoryProperties.push({name:n,value:t.value})}}),console.log(e),e}static addMandatoryProperties(e,t){let a=new DOMParser,n=a.parseFromString(e,"text/html"),o=n.body;function l(e){if(1==e.nodeType){let a=e.tagName.toLowerCase();if(t[a]){let n=t[a];n.mandatoryProperties.forEach(t=>{let a=e.getAttribute(t.name),n=e.getAttribute(":"+t.name);a||n||e.setAttribute(t.name,t.value)})}e.childNodes.forEach(e=>l(e))}}return l(o),o.innerHTML}static cleanNodes(e){let t=new DOMParser,a=t.parseFromString(e,"text/html"),n=a.body;return n.innerHTML}static cleanNodes(e){if(1!=e.nodeType)return;let t=e.tagName.toLowerCase();switch(t){case"q-badge":e.innerHTML="";break;case"q-table":let t=e.getAttribute(":columns");t&&(t.startsWith("{")||t.startsWith("[")?e.removeAttribute(":columns"):t.endsWith(".columns")||e.setAttribute(":columns",t+".columns"));let a=e.getAttribute(":data"),n=e.getAttribute(":rows");a?a.startsWith("{")||a.startsWith("[")?(e.removeAttribute(":data"),isRemoved=!0):a.endsWith(".data")||e.setAttribute(":data",a+".data"):n&&(n.startsWith("{")||n.startsWith("[")||n.endsWith(".data")||e.setAttribute(":data",n+".data"),e.removeAttribute(":rows"));break;default:break}for(let a=0;a<e.attributes.length;a++){let t=e.attributes[a],n=t.name,o=t.value,l=["v-on:click","@click"];l.includes(n)&&""==o&&e.setAttribute(n,"undefined");let r=["v-model"];r.includes(n)&&""==o&&e.setAttr(n)}e.childNodes.forEach(e=>qe.cleanNodes(e))}static cleanHtml(e){let t=new DOMParser;e=qe.removeInvalidNodes(e);let a=t.parseFromString(e,"text/html"),n=a.body;qe.cleanNodes(n);const o=new XMLSerializer;e=o.serializeToString(a.body);let l=qe.generateBlocksMandatoryProperties();return e=qe.addMandatoryProperties(e,l),e}static mergeCss(e,t,a){function n(e){const t={},a=/#([\w-]+)\s*\{([^}]*)\}/g;let n;while(null!==(n=a.exec(e))){const e=n[1],a=n[2].trim();t[e]=a}return t}const o=n(t),l=n(a);let r="";return Object.keys(l).forEach(e=>{r+=`#${e} { ${l[e]} }\n`}),Object.keys(o).forEach(t=>{!(t in l)&&e.includes(t)||t in l||(r+=`#${t} { ${o[t]} }\n`)}),r}static formatCss(e){const t=e.replace(/\s*{\s*/g," {\n  ").replace(/\s*;\s*/g,";\n  ").replace(/\s*}\s*/g,"\n}\n\n").replace(/\n\s*\n/g,"\n").replace(/\n\s{2,}/g,"\n  ").trim().replace(/}\s*/g,"}\n\n");return t}static extractIdsFromHtml(e){const t=document.createElement("div");t.innerHTML=e;const a=t.querySelectorAll("[id]"),n=Array.from(a).map(e=>e.id);return n}}const Ve=e=>(Object(n["J"])("data-v-4e6e2469"),e=e(),Object(n["H"])(),e),Ne={style:{height:"100%"}},Ee=Ve(()=>Object(n["k"])("div",{id:"gjs",style:{height:"300px"}},null,-1)),Ie={id:"customLibrary",style:{display:"none"}},Me={class:"blocks"},Ge=["onMousedown"],Be={class:"block-label"},Re={key:0,id:"canvasBlockerPreloader"},Fe=Ve(()=>Object(n["k"])("div",null,"Updating UI, please wait...",-1)),ze=Ve(()=>Object(n["k"])("div",null,[Object(n["k"])("img",{src:"img/icons/loading_58.svg",alt:"Loading",style:{position:"relative",bottom:"0",right:"0",width:"58px",height:"58px"}})],-1)),He=[Fe,ze],Ue={key:1,id:"canvasBlockerDialog"},$e=Ve(()=>Object(n["k"])("div",{style:{"margin-bottom":"5px"}},"AI Code Assistant changes applied!",-1));var We={__name:"CanvasPanel",props:["appData"],emits:["componentSelected","bindingDroppedOnComponent","saveTriggered","autoSaveTriggered","themeCssLoaded"],setup(e,{expose:t,emit:a}){const o=e;window.HtmlTemplateParser=qe;let l=Object(n["L"])(o.appData.pages[y.currentPageIndex].model.fields),r={};l.value.forEach(e=>{r[e.name]=e});let s=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 c=Object(n["L"])(null),d=Object(n["L"])(null),p=Object(n["L"])({}),u=Object(n["L"])(null),b=Object(n["L"])("hidden"),m=!1;function g(){let e=o.appData.pages[y.currentPageIndex],t=e.themes,a=t&&t.active&&"usertheme"==t.active.name;return a?"public"+t.active.asset:null}function f(e){const t=editor.UndoManager;t.undo(),editor.setComponents(window.lastHtmlBeforeAiReplace),b.value="hidden",a("saveTriggered")}function h(){b.value="hidden",a("saveTriggered")}function v(e){e&&(editor.getSelected().remove(),window.selectedComponent=null,editor.select(null)),c.value=null}function _(e){if(editor.select(e),"tempplaceholder"==e.attributes.tagName){var t;let n=e.view.$el[0].parentNode,o=null===(t=n.grapesModel)||void 0===t?void 0:t.attributes.type;"plotly"==o&&e.attributes.attributes.bindingname&&e.attributes.attributes.datatype?a("bindingDroppedOnComponent",{newComponentModel:e,targetModel:n.grapesModel,bindingInfo:e.attributes.attributes}):j(e.attributes.attributes.bindingname,e.attributes.attributes.datatype)}}function j(e,t){let a=blockDefinitions,n=[];a.forEach(e=>{let a=e.type,o=e.properties,l=o.filter(e=>{let a=e.type==t,n="v-model"==e.name;return a&&n}).map(e=>e.name);l.length>0&&l.includes("v-model")&&n.push({type:a,label:e.label,content:e.content,matchingProperties:l,proRequired:e.proRequired}),("DataFrames.DataFrame"==t&&"plotly"==a||"DataTable.DataFrames.DataFrame"==t&&"q-table"==a)&&n.push({type:a,label:e.label,content:e.content,icon:e.icon,matchingProperties:["data"],proRequired:e.proRequired})}),c.value={components:n,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&&e.onExternalDataChanged(t)}}},window.sharedData.externalData={initialProperty:"initialValue"},window.sharedData.getComponentDefinitionByType=k,window.sharedData.modelFieldsByName=r;let O,w,x=y.getAppBaseUrl("ws",y.appport);function k(e){let t=blockDefinitions,a=t.find(t=>t.type.toLowerCase()==e.toLowerCase());return a}function C(e,t){p.value[e]=t,window.sharedData.setExternalData(p.value)}function S(e,t={}){let a=JSON.stringify({channel:y.CHANNEL__,message:e,payload:t});O.send(a)}function D(){let e=JSON.stringify({channel:"autoreload",message:"subscribe",payload:{}});O.send(e)}function T(){return O=new WebSocket(x),O.addEventListener("open",e=>{S("subscribe"),D()}),O.addEventListener("message",e=>{if("Subscription: OK"!=e.data){if(0==e.data.indexOf("{")){let t=JSON.parse(e.data);null!=t.key&&C(t.key,t.value)}}else S("watchers",{payload:{field:"isready",newval:!0,oldval:!1}})}),O.addEventListener("close",e=>{}),O.addEventListener("error",e=>{}),O}function A(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 P(){let e=o.appData.pages[y.currentPageIndex].deps.scripts,t=y.getAppAssetsBaseUrl("http",o.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"],n=[];e.forEach(e=>{let o=t+e;e.endsWith("_reactivemodel.js")?n.push(o):a.forEach(t=>{e.indexOf(t)>-1&&n.push(o)})}),window.autorun=!1;let l=0;n.forEach(e=>{A(e,(function(){l++,l===n.length&&(initStipple("#Main_App_varMain_App_ReactiveModel"),window.sharedData.setExternalData(window.GENIEMODEL._data),T(),L())}))})}function L(){let e=o.appData.pages[y.currentPageIndex].deps.scripts,t=y.getAppAssetsBaseUrl("http",o.appData.port);"/"==t[t.length-1]&&(t=t.substring(0,t.length-1));let n=["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(n.forEach(t=>{e.indexOf(t)>-1&&(a=!0)}),!a){let a=t+e;l.push(a)}});let r=o.appData.pages[y.currentPageIndex],c=r.themes;c&&c.registered&&c.registered.forEach(e=>{e.asset.startsWith("/")?e.assetFullPath=t+e.asset:e.assetFullPath=e.asset});let p=r.assets,u=c&&c.active,b=[];if(b.push("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons"),r.deps.styles.forEach(e=>{let a=t+e;b.push(a)}),u){let e=t+c.active.asset;b.push(e)}p.forEach(e=>{if(e.endsWith(".css")&&!e.endsWith("autogenerated.css")){let a=t+e.split("public/").join("/");b.push(a)}}),p.forEach(e=>{if(e.endsWith(".css"));else if(e.endsWith(".js")){let a=t+e.split("public/").join("/");l.push(a)}}),l.push("data/contentMain.js"),b.push("data/grapesCanvas.css"),window.customComponentsCssPaths&&window.customComponentsCssPaths.forEach(e=>{b.push(e)}),a("themesUpdated",c);const g=window.editor=grapesjs.init({container:"#gjs",fromElement:!0,storageManager:!1,canvas:{scripts:l,styles:b},i18n:{locale:"en",detectLocale:!1,messages:{en:{domComponents:{names:{div:"Div"}}}}},layerManager:{root:"#gbTemplateContainer",appendTo:"#layersContainer",sortable:!0,hidable:!0},blockManager:{custom:!0,blocks:s},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:f}=g;f.getButton("views","open-blocks").set("active",!1);let h=!1;g.on("load",()=>{console.log("Grapesjs_loaded"),g.runCommand("sw-visibility"),g.Commands.stop("sw-visibility"),q()}),g.on("rte:enable",()=>{setTimeout(()=>{g.trigger("frame:scroll")},1e3)}),g.on("component:add",e=>{let t=k(e.attributes.tagName),n=(null===t||void 0===t?void 0:t.isComposite)||"true"==e.attributes.attributes.iscomposite;n?(h=!0,setTimeout(()=>{h=!1,_(e),a("componentSelected",e),v()},200)):h||(_(e),v())}),g.on("component:remove",e=>{"true"==e.attributes.attributes.iscomposite?(h=!0,setTimeout(()=>{h=!1,a("componentSelected",null),v()},200)):h||(a("componentSelected",null),v())}),g.Commands.add("edit-child-elements",{run(e,t){mainController.value.startEditingComponentContent()}}),g.on("component:selected",e=>{var t;0==m&&(m=!0,window.logUserEvent("no-code-session::started",{}));const n=g.getSelected();let o=null===(t=k(e.attributes.type))||void 0===t?void 0:t.nestable;if(n&&o){const e=n.get("toolbar")||[];let t=e.find(e=>"edit-child-elements"==e.command);t||(e.push({attributes:{class:"editChildElementsIcon",title:"Edit Child Elements"},command:"edit-child-elements"}),n.set("toolbar",e))}h||a("componentSelected",e)}),g.on("component:update",e=>{v()}),g.on("component:styleUpdate",e=>{v()}),g.on("property:compAdd:",e=>{v()}),g.on("property:compRemove:",e=>{v()}),g.on("property:compUpdate:",e=>{v()});let v=ne.a.debounce((function(){a("autoSaveTriggered")}),1e4);g.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}),g.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)}}}),g.DomComponents.addType("template",{isComponent:function(e){if("TEMPLATE"==e.tagName)return{type:"template",name:"Template",components:e.innerHTML}},model:{defaults:{tagName:"template",droppable:!0}},view:{onRender(){const{el:e,model:t}=this}}}),Object(je["registerPlotlyComponent"])(g),g.DomComponents.addType("row-div",{isComponent:e=>"DIV"===e.tagName&&e.classList.contains("row"),model:{defaults:{tagName:"div",classes:["row"],droppable:function(e){return!e.view.$el[0].classList.contains("row")}}},view:{}}),blockDefinitions.forEach(e=>{V(e)});let j=o.appData.pages[0].assets,O=j.find(e=>e.indexOf("autogenerated.css")>-1);if(O){let e=window.apibase+"apps/"+y.appid+"/edit?path="+encodeURIComponent(O);i["a"].get(e).then(e=>{g.setComponents(d.value),g.setStyle(e.data.content)}).catch(e=>{console.log("error loading autogenerated styles",e)})}else g.setComponents(d.value)}function q(){console.log("[loadThemeCssFile] called");let e=g();if(e){console.log("[loadThemeCssFile] active theme path: ",e);let t=window.apibase+"apps/"+y.appid+"/edit?path="+encodeURIComponent(e);i["a"].get(t).then(e=>{a("themeCssLoaded",e.data.content)}).catch(e=>{console.log("[loadThemeCssFile] error loading theme styles",e)})}else console.log("[loadThemeCssFile] no theme.css found"),a("themeCssLoaded","")}function V(e){const t=["plotly","tempplaceholder"];if(t.includes(e.type))return;const a=["H1","H2","H3","H4","H5","H6","P","SPAN","A"];a.includes(e.tagName)||(void 0!=e.attributeMatch||a.includes(e.type)?editor.DomComponents.addType(e.type,{isComponent:t=>{if(t.tagName==e.tagName&&t.hasAttribute(e.attributeMatch))return{type:e.type,name:e.label}},model:{defaults:{draggable:e.draggable,droppable:e.droppable,editable:e.editable,isComposite:e.isComposite}}}):editor.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 n=(e[a],e[a]);t[a]=n}),t}if(window.parent.addCanvasComponent(t,this),!this.grapesModel)return;let n=a(this.grapesModel.attributes.attributes);this.onExternalDataChanged=t=>{e=t.detail,n=a(this.attributes),this.vueApp.updateServerData(e)};let o=this.grapesModel.attributes.tagName,l=(this.grapesModel.attributes.attributes,window.parent.sharedData.getComponentDefinitionByType),r=window.parent.sharedData.modelFieldsByName,i=l(o);Vue.config.errorHandler=(e,a,n)=>{console.warn("Vue.errorHandler called()","\n   - err:",e,"\n   - vm:",a,"\n   - info:",n);let o=document.getElementById(t);o.innerHTML=`<div class="componentError">\n                  <div class="componentErrorIcon">&#9888;</div>\n                  <b style="font-size: 1.2em;">${i.label}</b>\n                  <br/>${e}</div>`},Vue.config.warnHandler=(e,t,a)=>{console.warn("Vue.warnHandler called()","\n   - message:",e,"\n   - vm:",t,"\n   - trace:",a)},Stipple.init({theme:"stipple-blue"}),this.vueApp=new Vue({el:"#vueinternal_"+t,data:function(){let t=e;return t.attributes=n,t.serverData=e,t},computed:{parsedAttributes(){let e={},t=this.attributes;for(let a in t){let n=":"==a[0]?a.substring(1):a,o=i.properties.find(e=>e.name==n),l=t[a],s=null!=r[l];"v-model"!=n?o?s?e[":"+n]=this.serverData[l]:"String"==o.type?e[""+n]=l:e[":"+n]=l:e[""+n]=l:e["v-model"]=this.serverData[l]}return e}},methods:{updateServerData(e){this.serverData=e},updateAttributes(e){this.attributes=a(e),n=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 n=e.grapesModel.attributes.tagName,o=n;"q-popup-proxy"==n&&(o="q-popup-proxy-gbinternal");let l=e.grapesModel.attributes.attributes,i=k(n),s=`<div id="vueinternal_${a}" style="position: relative;">\n              <${o} `;for(let d in l){let e=d;0!=e.indexOf("gb_c__")&&0!=e.indexOf("gb_b__")||(e=e.substring(6));let t=i.properties.find(t=>t.name==e),a=l[d],n=null!=r[a];if(!n&&a.indexOf(".")>-1){let e=a.split("."),t=e[0],o=r[t];o&&"DataTable.DataFrames.DataFrame"==o.type&&o.props&&o.props.includes(e[1])&&(n=!0)}"v-model"!=e?t?n?s+=`:${e}="serverData.${a}" `:("q-img"!=i.type||"src"!=e||"String"!=t.type||a.startsWith("http")||(a=a.startsWith("/")?appBasePath+a:appBasePath+"/"+a),"v-if"==e||"v-for"==e||("String"==t.type||0==e.indexOf("v-on")?s+=`${e}="${a}" `:s+=`:${e}="${a}" `)):s+=`${e}="${a}" `:s+=""==a?'v-model="serverData.none" ':`v-model="serverData.${a}" `}s+=">";let c=null===i||void 0===i?void 0:i.nestable;if(c)if("q-tab-panels"==n||"q-tab-panel"==n||"q-card"==n||"q-card-section"==n||"q-badge"==n){let e=t.getInnerHTML();const a=new DOMParser,n=a.parseFromString(e,"text/html"),o=n.body;qe.decodeAttributesInDOM(o),s+=o.innerHTML}else if("q-popup-proxy"==n)s+='<div style="background-color: #e6c2fe; margin: 5px; padding: 3px; border-radius: 5px; border: dashed 1px #985eab; width: max-content;">\n                      <img src="img/block_icons/popup-proxy.png" style="height:13px; display: block;" />\n                    </div>';else{let t=e.innerHTML;if(""!=t){const e=new DOMParser,a=e.parseFromString(t,"text/html"),n=a.body;n.children.forEach(e=>{qe.decodeAttributesInDOM(e);let t=e.innerHTML;s+=t})}}s+=`</${o}>\n              </div>\n            `,e.innerHTML=s}}}))}function N(e){b.value=e}function E(e){if("canvasBlocker"!=e.target.id)return;const t=document.getElementById("canvasBlockerDialog");t.classList.add("shake-effect"),t.addEventListener("animationend",()=>{t.classList.remove("shake-effect")},{once:!0})}function I(e){p.value=e}function M(e){e=qe.removeInvalidNodes(e),e=qe.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,n=a.parseFromString(t,"text/html"),o=n.body;qe.encodeAttributesInDOM(o);const l=o.innerHTML;d.value=l,P()}return Object(n["D"])(()=>{}),t({updateReactiveModel:I,updateTemplateFile:M,showAiCodePreview:N}),(e,t)=>{const a=Object(n["O"])("vscode-button");return Object(n["G"])(),Object(n["j"])("div",Ne,[Ee,Object(n["V"])(c)?(Object(n["G"])(),Object(n["h"])(_e,{key:0,onCloseDialog:v,appData:o.appData,componentPlaceHolderData:Object(n["V"])(c)},null,8,["appData","componentPlaceHolderData"])):Object(n["i"])("",!0),Object(n["k"])("div",Ie,[Object(n["l"])(" Custom Blocks "),Object(n["k"])("div",Me,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(Object(n["V"])(s),e=>(Object(n["G"])(),Object(n["j"])("div",{class:"block",key:e.id,onMousedown:t=>Object(n["V"])(w)(e)},[Object(n["k"])("div",Be,Object(n["S"])(e.label),1)],40,Ge))),128))])]),"hidden"!=Object(n["V"])(b)?(Object(n["G"])(),Object(n["j"])("div",{key:1,id:"canvasBlocker",ref_key:"canvasBlocker",ref:u,onClick:E},["loading"==Object(n["V"])(b)?(Object(n["G"])(),Object(n["j"])("div",Re,He)):Object(n["i"])("",!0),"ready"==Object(n["V"])(b)?(Object(n["G"])(),Object(n["j"])("div",Ue,[$e,Object(n["m"])(a,{onClick:f,style:{width:"100px !important","margin-right":"10px","background-color":"#aaa"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Revert")]),_:1}),Object(n["m"])(a,{onClick:h,style:{width:"100px !important"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Keep")]),_:1})])):Object(n["i"])("",!0)],512)):Object(n["i"])("",!0)])}}},Je=(a("9529"),a("fea5"),a("eaac")),Ye=a("429b"),Qe=a("7cbe"),Xe=a("068f"),Ze=a("adad"),Ke=a("823b"),et=a("f09f"),tt=a("a370"),at=a("58a8"),nt=a("93dc"),ot=a.n(nt);const lt=L()(We,[["__scopeId","data-v-4e6e2469"]]);var rt=lt;ot()(We,"components",{QTable:Je["a"],QTabs:Ye["a"],QPopupProxy:Qe["a"],QImg:Xe["a"],QTabPanels:Ze["a"],QTabPanel:Ke["a"],QCard:et["a"],QCardSection:tt["a"],QBadge:at["a"]});const it=e=>(Object(n["J"])("data-v-2fcf4d16"),e=e(),Object(n["H"])(),e),st={style:{"max-height":"100%","overflow-y":"auto","margin-top":"10px","user-select":"none","flex-grow":"1"}},ct={style:{display:"flex","flex-wrap":"wrap",gap:"5px","flex-direction":"column"}},dt={style:{"font-weight":"bold","margin-bottom":"5px","text-transform":"capitalize","margin-top":"10px"}},pt={class:"uiItemContainer"},ut=["blocktype","onMousedown","title"],bt=["src"],mt={key:0,src:"img/icons/pro_badge.png",class:"proBadge",style:{}},gt=it(()=>Object(n["k"])("div",{class:"disabledProPanel"},null,-1));var ft={__name:"LibraryPanel",emits:["blockCustomTriggered"],setup(e,{emit:t}){const a=y.IS_PRO;function o(e=!0){window.showUpgradeLicenseDialog(e)}const l=["tempplaceholder","partial"];let r=blockDefinitions.filter(e=>-1===l.indexOf(e.type));r.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Container",properties:[],tagName:"DIV",type:"container",content:'<div class="container"></div>',media:"",category:"Layout"}),r.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Module Title",properties:[],tagName:"P",type:"stmoduletitle",icon:"paragraph.png",content:'<p class="st-module-title">Module Title</p>',media:"",category:"Layout"}),r.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Field Label",properties:[],tagName:"P",type:"stfieldlabel",icon:"paragraph.png",content:'<p class="st-field-label">Field Label</p>',media:"",category:"Layout"}),r.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="col-12 col-sm flex"><div class="st-module"></div></div></div>',media:"",category:"Layout"}),r.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="col-12 col-sm flex"><div class="st-module"></div></div>\n<div class="col-12 col-sm flex"><div class="st-module"></div></div>\n</div>',media:"",category:"Layout"}),r.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="col-12 col-sm flex"><div class="st-module"></div></div>\n<div class="col-12 col-sm flex"><div class="st-module"></div></div>\n<div class="col-12 col-sm flex"><div class="st-module"></div></div>\n</div>',media:"",category:"Layout"}),r.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Column",properties:[],tagName:"DIV",type:"1column",content:'<div class="col-12 col-sm flex"><div class="st-module"></div></div>',media:"",category:"Layout"}),r.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Sidebar Left",properties:[],tagName:"DIV",type:"sidebar_left",content:'<header>\n<h1>Header Text</h1>\n</header>\n<div class="row">\n<div class="col-3 col-sm flex"><div class="st-module"></div></div>\n<div class="col-9 flex"><div class="st-module"></div></div>\n</div>\n<footer class="st-footer">Page footer</footer>\n',media:"",category:"Layout"}),r.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Sidebar Right",properties:[],tagName:"DIV",type:"sidebar_right",content:'<header>\n<h1>Header Text</h1>\n</header>\n<div class="row">\n<div class="col-9 flex"><div class="st-module"></div></div>\n<div class="col-3 col-sm flex"><div class="st-module"></div></div>\n</div>\n<footer class="st-footer">Page footer</footer>\n',media:"",category:"Layout"}),r.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Sidebars",properties:[],tagName:"DIV",type:"sidebars",content:'<header>\n<h1>Header Text</h1>\n</header>\n<div class="row">\n<div class="col-3 col-sm flex"><div class="st-module"></div></div>\n<div class="col-5 flex"><div class="st-module"></div></div>\n<div class="col-3 col-sm flex"><div class="st-module"></div></div>\n</div>\n<footer class="st-footer">Page footer</footer>\n',media:"",category:"Layout"}),r.push({label:"Header",tagName:"header",type:"header",description:"",category:"Layout",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:"<header ><h1>Page header</h1></header>"}),r.push({label:"Footer",tagName:"footer",type:"footer",description:"",category:"Layout",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:'<footer class="st-footer">Page footer</footer>'});let i,s,c,d=["Layout","Text","Content","Forms","Widgets","Lists","Tables","Charts","Multimedia","Timeline","Utilities","Control Flow","Other"],p=Object(n["L"])(null),u=Object(n["L"])(""),b=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 m(e){b=e.blocks,i=t=>{e.dragStart(t)},s=e.dragStop,t("blockCustomTriggered",e)}function g(e){j(),f(e)}function f(e){void 0!=e&&(u.value=e.target.value);let t=[],a={};return v.value.forEach(e=>{if(1==e.hideFromLibrary)return;let n=e.category||"other";a[n]||(a[n]={category:n,blocks:[]},t.push(a[n])),a[n].blocks.push(e)}),t.sort((e,t)=>{let a=d.indexOf(e.category),n=d.indexOf(t.category);return a>n?1:a<n?-1:0}),t.forEach(e=>{e.blocks.sort((e,t)=>e.label>t.label?1:e.label<t.label?-1:0)}),p.value=t,h(),t}function h(){let e="Block Categories:\n--------------------\n";p.value.forEach(t=>{e+=t.category+"\n",t.blocks.forEach(t=>{e+="  "+t.label+"\n"})})}Object(n["D"])(()=>{c=setInterval(()=>{if(window.editor){clearInterval(c),window.editor.on("block:custom",m);const{Panels:e}=window.editor;e.getButton("views","open-blocks").set("active",!0)}},1e3)});const v=Object(n["f"])(()=>{if(!u.value)return r;let e=r.filter(e=>e.label.toLowerCase().indexOf(u.value.toLowerCase())>-1);return e});f();const _=function(e){let t,a;if(e.icon)if(e.icon.startsWith("{appPath}")){let n=y.getAppAssetsBaseUrl("http",y.appport);n.endsWith("/")&&(n=n.slice(0,-1)),t=e.icon.replace("{appPath}",""),a=n+t}else t=e.icon,a="img/block_icons/"+t;else t=e.type.split("q-").join("")+".png",a="img/block_icons/"+t;return a};let j=ne.a.debounce((function(){u.value.length}),1e3);return(e,t)=>{const l=Object(n["O"])("vscode-text-field");return Object(n["G"])(),Object(n["j"])(n["a"],null,[Object(n["k"])("div",null,[Object(n["m"])(l,{value:Object(n["V"])(u),onInput:t[0]||(t[0]=e=>g(e)),placeholder:"Search UI Components",style:{padding:"5px 10px",width:"90%"}},null,8,["value"])]),Object(n["k"])("div",st,[Object(n["k"])("div",ct,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(Object(n["V"])(p),e=>(Object(n["G"])(),Object(n["j"])("div",{key:e.category,style:{display:"flex","flex-direction":"column",width:"100%"}},[Object(n["k"])("div",dt,Object(n["S"])(e.category),1),Object(n["k"])("div",pt,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.blocks,e=>(Object(n["G"])(),Object(n["j"])("div",{key:e.id,blocktype:e.type,class:Object(n["w"])({uiItem:!0,uiItemProDisabled:e.proRequired&&!Object(n["V"])(a)}),onMousedown:t=>!e.proRequired||e.proRequired&&Object(n["V"])(a)?Object(n["V"])(i)(e):o(!0),title:e.proRequired&&!Object(n["V"])(a)?"Upgrade to PRO plan to use this component and many more!":e.label},[Object(n["k"])("div",{class:Object(n["w"])({uiItemLabel:!0,uiItemLabelProRequired:e.proRequired&&!Object(n["V"])(a)})},Object(n["S"])(e.label),3),Object(n["k"])("div",{class:Object(n["w"])({uiItemIcon:!0,uiItemIconProRequired:e.proRequired&&!Object(n["V"])(a)})},[Object(n["k"])("img",{src:_(e),class:"libraryIcon",style:{}},null,8,bt)],2),e.proRequired&&!Object(n["V"])(a)?(Object(n["G"])(),Object(n["j"])("img",mt)):Object(n["i"])("",!0)],42,ut))),128)),gt])]))),128))])])],64)}}};a("e1f5");const ht=L()(ft,[["__scopeId","data-v-2fcf4d16"]]);var vt=ht;const yt=e=>(Object(n["J"])("data-v-7c578f7c"),e=e(),Object(n["H"])(),e),_t={class:"addPropsPanel"},jt=yt(()=>Object(n["k"])("div",{style:{"text-align":"center","font-size":"0.8em","font-weight":"bold","margin-bottom":"10px"}},"Add Property",-1)),Ot=yt(()=>Object(n["k"])("i",{class:"fas fa-search",style:{position:"absolute",top:"47px",right:"15px",opacity:"0.5"}},null,-1)),wt={class:"addPropsList"},xt=["onClick","title"],kt={style:{width:"70%"}},Ct={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,o=Object(n["L"])(""),l=Object(n["L"])("");function r(e){e.target==l.value&&i()}function i(){t("close")}function s(){o.value=""}function c(e){o.value=e.target.value}function d(e){t("propAdded",e,a.defObject,a.destination)}function p(){let e=a.propslist;return""!=o.value&&(e=e.filter(e=>e.label.toLowerCase().indexOf(o.value.toLowerCase())>-1)),g["a"].sortBy(e,e=>e.label.toLowerCase())}return Object(n["D"])(()=>{document.querySelector("#addPropertyDialogSearch").focus()}),(e,t)=>{const a=Object(n["O"])("vscode-text-field");return Object(n["G"])(),Object(n["j"])("div",{class:"blocker",ref_key:"dialogBlocker",ref:l,onClick:t[1]||(t[1]=e=>r(e))},[Object(n["k"])("div",_t,[jt,Object(n["k"])("div",{class:"closeAddProp",onClick:i},"X"),Object(n["k"])("div",null,[Object(n["m"])(a,{id:"addPropertyDialogSearch",value:o.value,onInput:t[0]||(t[0]=e=>c(e)),onKeyup:Object(n["eb"])(s,["escape"]),placeholder:"Search Properties",style:{padding:"5px 10px",width:"100%"}},null,8,["value","onKeyup"]),Ot]),Object(n["k"])("div",wt,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(p(),e=>(Object(n["G"])(),Object(n["j"])("div",{class:"addPropRow",onClick:t=>d(e),title:e.desc||"Property description not available"},[Object(n["k"])("div",kt,Object(n["S"])(e.label),1),Object(n["k"])("div",Ct,Object(n["S"])(e.type),1)],8,xt))),256))])])],512)}}};a("49c3");const Dt=L()(St,[["__scopeId","data-v-7c578f7c"]]);var Tt=Dt;const At=e=>(Object(n["J"])("data-v-6bcc04fe"),e=e(),Object(n["H"])(),e),Pt={key:0,class:"foldableGroupHeader"},Lt={class:"groupHeaderContent"},qt=["src"],Vt=At(()=>Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"14px",padding:"0px"}},"delete",-1)),Nt=[Vt],Et={class:"col-1 removeBtnCnt",style:{width:"20px",position:"absolute"}},It=["onClick"],Mt=At(()=>Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"14px",padding:"0px"}},"delete",-1)),Gt=[Mt],Bt=["title"],Rt={key:0,class:"col-7"},Ft=["onUpdate:modelValue","attrname"],zt=["value"],Ht={key:1,class:"col-7"},Ut={key:0,class:"chartTypeContainer",style:{position:"relative"}},$t=["attrname"],Wt=["value"],Jt={key:2,class:"col-7"},Yt=["value","onInput"],Qt={key:3,class:"col-7"},Xt=["onUpdate:modelValue","attrname"],Zt=["value"],Kt={key:4,class:"col-7",style:{"align-items":"center",position:"relative",display:"flex"}},ea=["onUpdate:modelValue"],ta=["type","onUpdate:modelValue"],aa=["onClick"],na={key:0,src:"img/icons/binding_on.png",style:{height:"16px"},draggable:"false"},oa={key:1,src:"img/icons/binding_off.png",style:{height:"16px"},draggable:"false"};var la={__name:"ChartPropertiesSection",props:["dataSourceColumns","treeObject","propertiesDefinition","appData","modelFields","sectionIndex","showSectionTitle"],emits:["change"],setup(e,{emit:t}){const a=e;let o=n["L"][null];function l(e,t){try{const a=JSON.parse(t);Array.isArray(a)?e.valueHolderParent[e.propName]=a:console.error("Input is not an array.")}catch(a){console.error("Failed to parse input as JSON:",a)}}console.log("ChartSection.modelFields: ",a.modelFields);const r=Object(n["f"])(()=>{let e=oe.find(e=>e.id==o);return console.log("chartTypeDeffffff",e),e?e.icon:(console.error("Could not find chart type definition for: "+o),"scatterChart")});function i(){let e=a.sectionIndex;t("removeTrace",e)}function s(e){let t=e.id;console.log("removeTraceProperty before: ",e,a.treeObject),c(a.treeObject,t),console.log("removeTraceProperty after: ",e,a.treeObject),b()}function c(e,t){const a=t.split(".");function n(e,t){const o=a[t];if(t===a.length-1)return delete e[o],0===Object.keys(e).length;if(void 0!==e[o]){const a=n(e[o],t+1);if(a)return delete e[o],0===Object.keys(e).length}return!1}n(e,0)}function d(e){console.log("toggleDynamicAttribute",e);let t,a=e.valueHolderParent[e.propName];"string"==typeof a&&0==a.indexOf("$_{")?(t=a.replace("$_{",""),t=t.substring(0,t.length-1)):t="$_{"+a+"}",e.valueHolderParent[e.propName]=t,b()}function p(e){console.log("isPropValueBinding",e.propName,e);let t=e.valueHolderParent[e.propName];return"string"==typeof t&&0==t.indexOf("$_{")}function u(e){console.log("changeChartType",o,a.treeObject),console.log("chartTypes",oe);let t=oe.find(e=>e.id==o);console.log("chartTypeDef",t);let n={};for(let o in a.treeObject)n[o]=a.treeObject[o];for(let o in a.treeObject)delete a.treeObject[o];for(let o in t.traceTemplate)void 0!=n[o]&&"type"!=o&&"gbtype"!=o?a.treeObject[o]=n[o]:a.treeObject[o]=t.traceTemplate[o];console.log("props.treeObject FINAL:",a.treeObject),a.treeObject.gbtype=o,b()}function b(){t("change",a.treeObject)}function m(e,t){const a=t.split(".");if(1==a.length)return e;for(let n=0;n<a.length-1;n++){if(!e||!e.hasOwnProperty(a[n]))return;e=e[a[n]]}return e}function g(e,t){const a=t.split(".");for(let n=0;n<a.length;n++){if(!e||!e.hasOwnProperty(a[n]))return;e=e[a[n]]}return e}const f=Object(n["f"])(()=>{let e=[];for(let t=0;t<a.propertiesDefinition.length;t++){let n={...a.propertiesDefinition[t]},o=g(a.treeObject,n.id);void 0!==o&&(n.valueHolderParent=m(a.treeObject,n.id),n.propName=n.id.split(".").pop(),e.push(n))}return console.log("definitionsListWithValues",e),e});return(t,a)=>{const c=Object(n["O"])("vscode-text-field");return Object(n["G"])(),Object(n["j"])(n["a"],null,[e.showSectionTitle?(Object(n["G"])(),Object(n["j"])("div",Pt,[Object(n["k"])("div",Lt,[Object(n["k"])("img",{src:"img/block_icons/"+r.value+".png",class:"chartTypeIcon",style:{opacity:1}},null,8,qt),Object(n["l"])(" "+Object(n["S"])(e.treeObject.name),1)]),Object(n["k"])("div",{class:"removeBtnCnt",style:{width:"20px"}},[Object(n["k"])("span",{onClick:i,title:"Remove Trace",class:"codicon codicon-settings"},Nt)])])):Object(n["i"])("",!0),(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(f.value,t=>(Object(n["G"])(),Object(n["j"])("div",{class:"row propRow",style:{position:"relative"},key:t.id},[Object(n["k"])("div",Et,[Object(n["k"])("span",{onClick:e=>s(t),title:"Remove Property",class:"codicon codicon-settings"},Gt,8,It)]),Object(n["k"])("div",{class:"col-4 propRowLabel",style:{},title:t.label},Object(n["S"])(t.label)+": ",9,Bt),p(t)?(Object(n["G"])(),Object(n["j"])("div",Rt,[Object(n["db"])(Object(n["k"])("select",{class:"propInput propInputDynamic",style:{width:"100%",height:"25px"},"onUpdate:modelValue":e=>t.valueHolderParent[t.propName]=e,onChange:b,attrname:t.propertyName},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.modelFields,e=>(Object(n["G"])(),Object(n["j"])("option",{key:"binding_"+e.name,value:"$_{"+e.name+"}"},Object(n["S"])(e.name),9,zt))),128))],40,Ft),[[n["Y"],t.valueHolderParent[t.propName]]])])):"type"==t.id?(Object(n["G"])(),Object(n["j"])("div",Ht,["type"==t.id?(Object(n["G"])(),Object(n["j"])("div",Ut,[Object(n["db"])(Object(n["k"])("select",{class:"propInput propInputDynamic",style:{width:"100%",height:"25px"},onChange:u,"onUpdate:modelValue":a[0]||(a[0]=e=>Object(n["s"])(o)?o.value=e:o=e),attrname:t.propertyName},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(Object(n["V"])(oe),e=>(Object(n["G"])(),Object(n["j"])("option",{key:"chartType_"+e.id,value:e.id},Object(n["S"])(e.id),9,Wt))),128))],40,$t),[[n["Y"],Object(n["V"])(o)]])])):Object(n["i"])("",!0)])):"array"==t.type?(Object(n["G"])(),Object(n["j"])("div",Jt,[Object(n["k"])("textarea",{name:"",id:"",rows:"3",value:JSON.stringify(t.valueHolderParent[t.propName]),onInput:e=>l(t,e.target.value),onChange:b},null,40,Yt)])):"enum"==t.type?(Object(n["G"])(),Object(n["j"])("div",Qt,[Object(n["db"])(Object(n["k"])("select",{class:"propInput propInputDynamic",style:{width:"100%",height:"25px"},"onUpdate:modelValue":e=>t.valueHolderParent[t.propName]=e,onChange:b,attrname:t.propertyName},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(t.options,e=>(Object(n["G"])(),Object(n["j"])("option",{key:"field_"+e,value:e},Object(n["S"])(e),9,Zt))),128))],40,Xt),[[n["Y"],t.valueHolderParent[t.propName]]])])):(Object(n["G"])(),Object(n["j"])("div",Kt,["boolean"==t.type?Object(n["db"])((Object(n["G"])(),Object(n["j"])("input",{key:0,type:"checkbox",name:"",id:"","onUpdate:modelValue":e=>t.valueHolderParent[t.propName]=e,onChange:b},null,40,ea)),[[n["W"],t.valueHolderParent[t.propName]]]):Object(n["i"])("",!0),"color"==t.type?Object(n["db"])((Object(n["G"])(),Object(n["j"])("input",{key:1,type:t.type,"onUpdate:modelValue":e=>t.valueHolderParent[t.propName]=e,onChange:b,style:{height:"23px",width:"23px","margin-right":"5px","background-color":"#ffffff00"}},null,40,ta)),[[n["X"],t.valueHolderParent[t.propName]]]):Object(n["i"])("",!0),"color"==t.type?(Object(n["G"])(),Object(n["h"])(c,{key:2,type:"text",name:"",id:"",value:t.valueHolderParent[t.propName],onInput:e=>t.valueHolderParent[t.propName]=e.target.value,onChange:b,style:{width:"80px"}},null,8,["value","onInput"])):Object(n["i"])("",!0),"string"==t.type||"number"==t.type?(Object(n["G"])(),Object(n["h"])(c,{key:3,type:t.type,name:"",id:"",value:t.valueHolderParent[t.propName],onInput:e=>t.valueHolderParent[t.propName]=e.target.value,onChange:b},null,8,["type","value","onInput"])):Object(n["i"])("",!0)])),"type"!=t.propName&&"name"!=t.propName?(Object(n["G"])(),Object(n["j"])("div",{key:5,class:"propRowDynamicSwitch",onClick:e=>d(t)},[p(t)?(Object(n["G"])(),Object(n["j"])("img",na)):Object(n["i"])("",!0),p(t)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("img",oa))],8,aa)):Object(n["i"])("",!0)]))),128))],64)}}},ra=(a("6ba8"),a("0016"));const ia=L()(la,[["__scopeId","data-v-6bcc04fe"]]);var sa=ia;ot()(la,"components",{QIcon:ra["a"]});const ca=e=>(Object(n["J"])("data-v-7460bacc"),e=e(),Object(n["H"])(),e),da={key:0,class:"chartConfigContainer"},pa={class:"tabSelector"},ua=["onClick"],ba={key:0,class:"tabSectionContainer"},ma={key:0,class:"propRow",style:{"margin-top":"20px"}},ga=ca(()=>Object(n["k"])("div",{class:"removeBtnCnt",style:{width:"20px",cursor:"auto"}},null,-1)),fa=ca(()=>Object(n["k"])("div",{class:"propRowLabel",title:"Data object for the chart"},"Data Binding: ",-1)),ha={class:"propRowControl"},va=["value"],ya=ca(()=>Object(n["k"])("img",{src:"img/icons/binding_on.png",style:{height:"16px"},draggable:"false"},null,-1)),_a=[ya],ja={key:1,class:"tracesContainer",style:{position:"relative"}},Oa={style:{width:"100%","justify-content":"flex-end",display:"flex",margin:"10px 0px 0px"}},wa=ca(()=>Object(n["k"])("div",{style:{}},"Use Binding",-1)),xa=ca(()=>Object(n["k"])("div",{class:""},[Object(n["k"])("img",{src:"img/icons/binding_off.png",style:{height:"16px"},draggable:"false"})],-1)),ka=[wa,xa],Ca={class:"foldableGroupContent"},Sa={class:"subgroup"},Da={class:"subgroupContent"},Ta={class:"addPropertyButtonRow"},Aa={key:2,style:{"border-top":"solid 1px var(--badge-background)",padding:"20px","text-align":"center"}},Pa={key:1,class:"tabSectionContainer"},La={key:0,class:"propRow",style:{"margin-top":"20px"}},qa=ca(()=>Object(n["k"])("div",{class:"removeBtnCnt",style:{width:"20px",cursor:"auto"}},null,-1)),Va=ca(()=>Object(n["k"])("div",{class:"propRowLabel",title:"Data object for the chart"},"Layout Binding: ",-1)),Na={class:"propRowControl"},Ea=["value"],Ia=ca(()=>Object(n["k"])("img",{src:"img/icons/binding_on.png",style:{height:"16px"},draggable:"false"},null,-1)),Ma=[Ia],Ga={key:1},Ba={style:{width:"100%","justify-content":"flex-end",display:"flex",margin:"10px 0px 0px"}},Ra=ca(()=>Object(n["k"])("div",{style:{}},"Use Binding",-1)),Fa=ca(()=>Object(n["k"])("div",{class:""},[Object(n["k"])("img",{src:"img/icons/binding_off.png",style:{height:"16px"},draggable:"false"})],-1)),za=[Ra,Fa],Ha={class:"subgroup"},Ua={class:"subgroupContent"},$a={class:"addPropertyButtonRow"},Wa={key:2,class:"tabSectionContainer"},Ja={key:0,class:"propRow",style:{"margin-top":"20px"}},Ya=ca(()=>Object(n["k"])("div",{class:"removeBtnCnt",style:{width:"20px",cursor:"auto"}},null,-1)),Qa=ca(()=>Object(n["k"])("div",{class:"propRowLabel",title:"Data object for the chart"},"Config Binding: ",-1)),Xa={class:"propRowControl"},Za=["value"],Ka=ca(()=>Object(n["k"])("img",{src:"img/icons/binding_on.png",style:{height:"16px"},draggable:"false"},null,-1)),en=[Ka],tn={key:1},an={style:{width:"100%","justify-content":"flex-end",display:"flex",margin:"10px 0px 0px"}},nn=ca(()=>Object(n["k"])("div",{style:{}},"Use Binding",-1)),on=ca(()=>Object(n["k"])("div",{class:""},[Object(n["k"])("img",{src:"img/icons/binding_off.png",style:{height:"16px"},draggable:"false"})],-1)),ln=[nn,on],rn={class:"subgroup"},sn={class:"subgroupContent"},cn={class:"addPropertyButtonRow"};var dn={__name:"ChartProperties",props:["appData","selectedComponent","blockPropertyDefinition","filteredModelFields"],emits:["chartpropmodechanged"],setup(e,{expose:t,emit:a}){const o=e;Object(n["L"])(!0);function l(e){let t=null!=o.selectedComponent.attributes.attributes["gb_b__"+e];return t}let r=Object(n["L"])(0),i=Object(n["L"])([{id:0,name:"Data",key:"data"},{id:1,name:"Layout",key:"layout"},{id:2,name:"Config",key:"config"}]),s=Object(n["L"])(null),c=(Object(n["L"])(!1),Object(n["L"])(null)),d=Object(n["L"])([]),p=Object(n["L"])([]),u=Object(n["L"])([]),b=Object(n["L"])(o.appData.pages[y.currentPageIndex].model.fields),m={};b.value.forEach(e=>{m[e.name]=e});let g=Object(n["L"])([{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]},{id:"parents",label:"Parents",type:"array",default:["","A","A","C","C","A","","G","G"]}]),f=Object(n["L"])([{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}]),h=Object(n["L"])([{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},{id:"width",label:"Width",type:"number",default:500},{id:"height",label:"Height",type:"number",default:500},{id:"xaxis.showgrid",label:"Show X grid",type:"boolean",default:!0},{id:"yaxis.showgrid",label:"Show Y grid",type:"boolean",default:!0},{id:"xaxis.range",label:"X range",type:"array",default:[0,1500]},{id:"xaxis.visible",label:"X visible",type:"boolean",default:!1}]);Object(n["f"])(()=>y.IS_PRO);function v(){let e=o.appData.pages[y.currentPageIndex].model.fields.filter(e=>"DataFrames.DataFrame"==e.type||"PlotlyData"==e.type||"DataTable.DataFrames.DataFrame"==e.type);s.value=e}const _=Object(n["f"])(()=>{let e=o.appData.pages[y.currentPageIndex].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}),j=Object(n["f"])(()=>{let e=[];return console.log("dataSourceFields",s),s.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)})}),o.appData.pages[y.currentPageIndex].model.fields.forEach(t=>{"Array"==t.type&&e.push(t.name)}),e});function O(e,t){let a=e.filter(e=>{let a=!1,n=G(t,e.id);return null!=n&&(a=!0),!a});return a}Object(n["f"])(()=>{let e=f.value.filter(e=>{let t=!1,a=G(c.value,e.id);return null!=a&&(t=!0),!t});return e});function w(e){const t={data:T,layout:A,config:P};t[e]?t[e]():console.error("setSpecialAttributeAsConstant: key not found",e)}function x(e){const t={data:C,layout:S,config:D};t[e]?t[e]():console.error("setSpecialAttributeAsBinding: key not found",e)}function k(e){return b.value.filter(t=>t.type==e)}function C(){let e=b.value.filter(e=>"PlotlyBase.GenericTrace"==e.type);if(0==e.length)return void console.error("setDataAsBinding: No matching model fields found for type ","PlotlyBase.GenericTrace");delete o.selectedComponent.gb_c__data;let t=e[0].name;o.selectedComponent.gb_b__data=t,d.value=t,R(),F(o.selectedComponent),a("chartPropModeChanged","gb_c__data",t)}function S(){let e=b.value.filter(e=>"PlotlyBase.Layout"==e.type);if(0==e.length)return void console.error("setLayoutAsBinding: No matching model fields found for type ","PlotlyBase.Layout");delete o.selectedComponent.gb_c__layout;let t=e[0].name;o.selectedComponent.gb_b__layout=t,u.value=t,R(),F(o.selectedComponent),a("chartPropModeChanged","gb_c__layout",t)}function D(){let e=b.value.filter(e=>"Object"==e.type);if(0==e.length)return void console.error("setConfigAsBinding: No matching model fields found for type ","Object");delete o.selectedComponent.gb_c__config;let t=e[0].name;o.selectedComponent.gb_b__config=t,p.value=t,R(),F(o.selectedComponent),a("chartPropModeChanged","gb_c__config",t)}function T(){delete o.selectedComponent.gb_b__data;let e=[{gbtype:"Bar Chart",x:[],y:[],type:"bar",name:"Trace"}];o.selectedComponent.gb_c_data=e,d.value=e,R(),F(o.selectedComponent),a("chartPropModeChanged","gb_b__data",btoa(JSON.stringify(e)))}function A(){delete o.selectedComponent.gb_b__layout;let e={title:"Chart Title"};o.selectedComponent.gb_c_layout=e,u.value=e,R(),F(o.selectedComponent),a("chartPropModeChanged","gb_b__layout",btoa(JSON.stringify(e)))}function P(){delete o.selectedComponent.gb_b__config;let e={autosizable:!0,displaylogo:!0,scrollZoom:!0,editable:!0,displayModeBar:!0};o.selectedComponent.gb_c_config=e,p.value=e,R(),F(o.selectedComponent),a("chartPropModeChanged","gb_b__config",btoa(JSON.stringify(e)))}function L(e){R()}function q(e){R()}function V(e){R()}function N(e){console.log("removeTrace",e),console.log("traces.value before: ",d.value),d.value.splice(e,1),console.log("traces.value after: ",d.value),R()}function E(e){c.value=e}function I(){c.value=null}function M(e,t,a){let n=e.id,o=t.find(e=>e.id==n);B(a,n,o.default),R()}function G(e,t){const a=t.split(".");for(let n=0;n<a.length;n++){if(!e||!e.hasOwnProperty(a[n]))return;e=e[a[n]]}return e}function B(e,t,a){const n=t.split(".");for(let o=0;o<n.length-1;o++)e.hasOwnProperty(n[o])&&"object"===typeof e[n[o]]||(e[n[o]]={}),e=e[n[o]];e[n[n.length-1]]=a}function R(){console.log("ChartProperties::submitChanges",selectedComponent.attributes.attributes);let e,t,a,n={};l("data")?(e=selectedComponent.attributes.attributes.gb_b__data,n.gb_b__data=e):(e=btoa(JSON.stringify(d.value)),n.gb_c__data=e),l("config")?(t=selectedComponent.attributes.attributes.gb_b__config,n.gb_b__config=t):(t=btoa(JSON.stringify(p.value)),n.gb_c__config=t),l("layout")?(a=selectedComponent.attributes.attributes.gb_b__layout,n.gb_b__layout=a):(a=btoa(JSON.stringify(u.value)),n.gb_c__layout=a),o.selectedComponent.setAttributes(n),o.selectedComponent.view.$el[0].vueApp.updateAttributes(n)}function F(e){if(!e||"plotly"!=e.attributes.type)return d.value=null,p.value=null,void(u.value=null);let t=e.getAttributes();try{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))}catch(l){console.error("ChartProperties :: Error decoding base64 attributes",l)}let a=t.gb_c__data||"[]";a=JSON.parse(a),d.value=a;let n=t.gb_c__config||"{}";n=JSON.parse(n),p.value=n;let o=t.gb_c__layout||"{}";o=JSON.parse(o),u.value=o}function z(){d.value.push({x:"",y:"",type:"scatter",name:"Trace"})}function H(e,t){d.value.push({x:e,y:t,type:"scatter",name:"Trace"}),R()}return Object(n["z"])(()=>{F(o.selectedComponent),v()}),t({setSelectedComponent:F,addNewTraceFromBinding:H}),(t,a)=>{const o=Object(n["O"])("vscode-button");return e.selectedComponent&&"plotly"==e.selectedComponent.attributes.type?(Object(n["G"])(),Object(n["j"])("div",da,[Object(n["k"])("div",pa,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(Object(n["V"])(i),e=>(Object(n["G"])(),Object(n["j"])("div",{onClick:t=>Object(n["s"])(r)?r.value=e.id:r=e.id,class:Object(n["w"])({tabItem:!0,tabItemSelected:e.id==Object(n["V"])(r)}),key:e},Object(n["S"])(e.name)+" ",11,ua))),128))]),0==Object(n["V"])(r)?(Object(n["G"])(),Object(n["j"])("div",ba,[l("data")?(Object(n["G"])(),Object(n["j"])("div",ma,[ga,fa,Object(n["k"])("div",ha,[Object(n["db"])(Object(n["k"])("select",{class:"propInput propInputDynamic","onUpdate:modelValue":a[0]||(a[0]=t=>e.selectedComponent.attributes.attributes.gb_b__data=t),onChange:V,onDrop:a[1]||(a[1]=Object(n["fb"])((...e)=>t.onDrop&&t.onDrop(...e),["prevent"])),onDragenter:a[2]||(a[2]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[3]||(a[3]=Object(n["fb"])(()=>{},["prevent"])),attrname:"gb_b_data"},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.filteredModelFields.data,e=>(Object(n["G"])(),Object(n["j"])("option",{key:"binding_"+e.name,value:e.name},Object(n["S"])(e.label?e.label:e.name),9,va))),128))],544),[[n["Y"],e.selectedComponent.attributes.attributes.gb_b__data]])]),Object(n["k"])("div",{class:"propRowDynamicSwitch",onClick:a[4]||(a[4]=e=>w("data"))},_a)])):(Object(n["G"])(),Object(n["j"])("div",ja,[Object(n["k"])("div",Oa,[k("PlotlyBase.GenericTrace").length>0?(Object(n["G"])(),Object(n["j"])("div",{key:0,class:"nanoButton",style:{},onClick:a[5]||(a[5]=e=>x("data"))},ka)):Object(n["i"])("",!0)]),(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(Object(n["V"])(d),(e,t)=>(Object(n["G"])(),Object(n["j"])("div",{class:"foldableGroup",key:e},[Object(n["k"])("div",Ca,[Object(n["k"])("div",Sa,[Object(n["k"])("div",Da,[Object(n["m"])(sa,{showSectionTitle:!0,sectionIndex:t,treeObject:e,dataSourceColumns:j.value,propertiesDefinition:Object(n["V"])(g),modelFields:_.value,onRemoveTrace:N,onChange:V},null,8,["sectionIndex","treeObject","dataSourceColumns","propertiesDefinition","modelFields"])])]),Object(n["k"])("div",Ta,[Object(n["m"])(o,{onClick:t=>E(e),style:{}},{default:Object(n["cb"])(()=>[Object(n["l"])("Add Property")]),_:2},1032,["onClick"])]),Object(n["V"])(c)==e?(Object(n["G"])(),Object(n["h"])(Tt,{key:0,defObject:Object(n["V"])(g),destination:Object(n["V"])(c),propslist:O(Object(n["V"])(g),e),onPropAdded:M,onClose:I},null,8,["defObject","destination","propslist"])):Object(n["i"])("",!0)])]))),128))])),l("data")?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",Aa,[Object(n["m"])(o,{class:"addTraceButton",onClick:z},{default:Object(n["cb"])(()=>[Object(n["l"])("Add Trace")]),_:1})]))])):Object(n["i"])("",!0),1==Object(n["V"])(r)?(Object(n["G"])(),Object(n["j"])("div",Pa,[l("layout")?(Object(n["G"])(),Object(n["j"])("div",La,[qa,Va,Object(n["k"])("div",Na,[Object(n["db"])(Object(n["k"])("select",{class:"propInput propInputDynamic","onUpdate:modelValue":a[6]||(a[6]=t=>e.selectedComponent.attributes.attributes.gb_b__layout=t),onChange:L,onDrop:a[7]||(a[7]=Object(n["fb"])((...e)=>t.onDrop&&t.onDrop(...e),["prevent"])),onDragenter:a[8]||(a[8]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[9]||(a[9]=Object(n["fb"])(()=>{},["prevent"])),attrname:"gb_b_layout"},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.filteredModelFields.layout,e=>(Object(n["G"])(),Object(n["j"])("option",{key:"binding_"+e.name,value:e.name},Object(n["S"])(e.label?e.label:e.name),9,Ea))),128))],544),[[n["Y"],e.selectedComponent.attributes.attributes.gb_b__layout]])]),Object(n["k"])("div",{class:"propRowDynamicSwitch",onClick:a[10]||(a[10]=e=>w("layout"))},Ma)])):(Object(n["G"])(),Object(n["j"])("div",Ga,[Object(n["k"])("div",Ba,[k("PlotlyBase.Layout").length>0?(Object(n["G"])(),Object(n["j"])("div",{key:0,class:"nanoButton",style:{},onClick:a[11]||(a[11]=e=>x("layout"))},za)):Object(n["i"])("",!0)]),Object(n["k"])("div",Ha,[Object(n["k"])("div",Ua,[Object(n["m"])(sa,{treeObject:Object(n["V"])(u),dataSourceColumns:j.value,propertiesDefinition:Object(n["V"])(h),modelFields:_.value,onChange:L},null,8,["treeObject","dataSourceColumns","propertiesDefinition","modelFields"])])]),Object(n["k"])("div",$a,[Object(n["V"])(c)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["h"])(o,{key:0,onClick:a[12]||(a[12]=e=>E(Object(n["V"])(u))),style:{}},{default:Object(n["cb"])(()=>[Object(n["l"])("Add Property")]),_:1}))]),Object(n["V"])(c)==Object(n["V"])(u)?(Object(n["G"])(),Object(n["h"])(Tt,{key:0,defObject:Object(n["V"])(h),destination:Object(n["V"])(u),propslist:O(Object(n["V"])(h),Object(n["V"])(u)),onPropAdded:M,onClose:I},null,8,["defObject","destination","propslist"])):Object(n["i"])("",!0)]))])):Object(n["i"])("",!0),2==Object(n["V"])(r)?(Object(n["G"])(),Object(n["j"])("div",Wa,[l("config")?(Object(n["G"])(),Object(n["j"])("div",Ja,[Ya,Qa,Object(n["k"])("div",Xa,[Object(n["db"])(Object(n["k"])("select",{class:"propInput propInputDynamic","onUpdate:modelValue":a[13]||(a[13]=t=>e.selectedComponent.attributes.attributes.gb_b__config=t),onChange:q,onDrop:a[14]||(a[14]=Object(n["fb"])((...e)=>t.onDrop&&t.onDrop(...e),["prevent"])),onDragenter:a[15]||(a[15]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[16]||(a[16]=Object(n["fb"])(()=>{},["prevent"])),attrname:"gb_b_config"},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.filteredModelFields.config,e=>(Object(n["G"])(),Object(n["j"])("option",{key:"binding_"+e.name,value:e.name},Object(n["S"])(e.label?e.label:e.name),9,Za))),128))],544),[[n["Y"],e.selectedComponent.attributes.attributes.gb_b__config]])]),Object(n["k"])("div",{class:"propRowDynamicSwitch",onClick:a[17]||(a[17]=e=>w("config"))},en)])):(Object(n["G"])(),Object(n["j"])("div",tn,[Object(n["k"])("div",an,[k("Object").length>0?(Object(n["G"])(),Object(n["j"])("div",{key:0,class:"nanoButton",style:{},onClick:a[18]||(a[18]=e=>x("config"))},ln)):Object(n["i"])("",!0)]),Object(n["k"])("div",rn,[Object(n["k"])("div",sn,[Object(n["m"])(sa,{treeObject:Object(n["V"])(p),dataSourceColumns:j.value,propertiesDefinition:Object(n["V"])(f),modelFields:_.value,onChange:q},null,8,["treeObject","dataSourceColumns","propertiesDefinition","modelFields"])])]),Object(n["k"])("div",cn,[Object(n["V"])(c)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["h"])(o,{key:0,onClick:a[19]||(a[19]=e=>E(Object(n["V"])(p))),style:{}},{default:Object(n["cb"])(()=>[Object(n["l"])("Add Property")]),_:1}))]),Object(n["V"])(c)==Object(n["V"])(p)?(Object(n["G"])(),Object(n["h"])(Tt,{key:0,defObject:Object(n["V"])(f),destination:Object(n["V"])(p),propslist:O(Object(n["V"])(f),Object(n["V"])(p)),onPropAdded:M,onClose:I},null,8,["defObject","destination","propslist"])):Object(n["i"])("",!0)]))])):Object(n["i"])("",!0)])):Object(n["i"])("",!0)}}};a("935a");const pn=L()(dn,[["__scopeId","data-v-7460bacc"]]);var un=pn;const bn=e=>(Object(n["J"])("data-v-12de8ad8"),e=e(),Object(n["H"])(),e),mn={key:0,class:"nothingSelected"},gn=bn(()=>Object(n["k"])("i",null,"Nothing selected",-1)),fn=[gn],hn={key:1,class:"notProUI"},vn=bn(()=>Object(n["k"])("br",null,null,-1)),yn=bn(()=>Object(n["k"])("br",null,null,-1)),_n=bn(()=>Object(n["k"])("br",null,null,-1)),jn={key:2},On={style:{"user-select":"none"}},wn={key:0,class:"removeBtnCnt",style:{width:"20px"}},xn=["onClick"],kn=bn(()=>Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"14px",padding:"0px"}},"delete",-1)),Cn=[kn],Sn=["title"],Dn={key:1,class:"propRowControl"},Tn=["onUpdate:modelValue","onDrop","attrname"],An=["value"],Pn={slot:"selected-value",class:"codicon codicon-settings"},Ln={"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"16px",padding:"5px"}},qn={"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"16px"}},Vn={slot:"selected-value"},Nn=["attrname","onDrop","onUpdate:modelValue"],En=["attrname","onDrop","onUpdate:modelValue"],In=["attrname","onDrop","onUpdate:modelValue"],Mn=["attrname","onDrop","onUpdate:modelValue"],Gn=["attrname","onDrop","onUpdate:modelValue"],Bn=["attrname","onDrop","onUpdate:modelValue"],Rn={key:2,class:"propRowControl"},Fn=["onUpdate:modelValue","onDrop","attrname"],zn=["value"],Hn=["onClick"],Un={key:0,src:"img/icons/binding_on.png",style:{height:"16px"},draggable:"false"},$n={key:1,src:"img/icons/binding_off.png",style:{height:"16px"},draggable:"false"},Wn={key:4,class:"propRowDynamicSwitch",draggable:"false",style:{cursor:"auto"}},Jn={key:0,class:"suggestedPropertiesContainer",style:{margin:"20px 0px 0px 0px"}},Yn=bn(()=>Object(n["k"])("div",{class:"suggestedPropertiesTitle",style:{"margin-bottom":"10px","font-weight":"bold","font-size":"0.9em"}},"Suggested Properties:",-1)),Qn={class:"propRowLabel",style:{"font-weight":"bold","text-align":"left:"}},Xn={class:"propRowControl",style:{"text-align":"left","font-size":"0.8em","user-select":"none"}},Zn=["onClick"],Kn=bn(()=>Object(n["k"])("i",{class:"fa fa-plus"},null,-1)),eo=[Kn],to=bn(()=>Object(n["k"])("br",null,null,-1)),ao={class:"addPropertyButtonRow"},no={key:0,style:{"font-size":"0.8em"}},oo=bn(()=>Object(n["k"])("i",null,"Nothing selected",-1)),lo=[oo];var ro={__name:"PropertiesPanel",props:["title","appData","selectedComponent","parentPanel"],setup(e,{expose:t}){const a=e;function o(){window.showUpgradeLicenseDialog(!1)}function l(e){if(y.IS_PRO)return!0;let t=e.attributes.tagName,a=k(t),n=null===a||void 0===a?void 0:a.proRequired;return!n}const r=Object(n["L"])(null);let i=Object(n["L"])(null),s=Object(n["L"])(!1),c=Object(n["L"])(a.appData.pages[y.currentPageIndex].model.fields),d={};c.value.forEach(e=>{d[e.name]=e});const p=blockDefinitions.reduce((e,t)=>(e[t.type]=t,e),{});function u(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 b(e){i.value.removeAttributes([e.name]),S()}function m(){let e=k(i.value.attributes.tagName);if(!e)return[];let t=f().map(e=>e.cleanName),a=e.properties.filter(e=>1==e.suggested),n=a.filter(e=>-1==t.indexOf(e.name));return n}function g(e,t){var a;let n=[];if(null!==t&&void 0!==t&&null!==(a=t.view)&&void 0!==a&&a.el){let e=qe.extractVforVariablesAncestors(t.view.el);e.forEach(e=>{n.push({name:e,label:e+" *"})})}if(!e||!e.def)return n;let o=null!=e.def.typeList?e.def.typeList:[e.def.type];return c.value.forEach(t=>{if("Any"==e.def.type||o.indexOf(t.type)>-1)n.push(t);else if("DataTable.DataFrames.DataFrame"==t.type){let e=t.props;e&&e.forEach(e=>{n.push({name:t.name+"."+e})})}}),n}function f(){if(!i.value)return[];const e=i.value.attributes.attributes;let t=[],n={};for(let a in e){let o=h(a);o&&void 0!=e[a]&&(t.push(o),n[a]=e[a])}return a.selectedComponent.view.el.vueApp&&a.selectedComponent.view.el.vueApp.updateAttributes(n),t=ne.a.sortBy(t,"cleanName"),t}const h=e=>{if(!i.value)return null;const t=i.value.attributes.attributes;let a=null;if(e.startsWith("gb_c__")||e.startsWith("gb_b__")){let n=u(e).toLowerCase();if("id"!=n&&"charttype"!=n&&"class"!=n){let o=v(n);if(!o||0==o.enabled)return console.log("Definition not found for: ",e,n,t[e]),null;a={name:e,cleanName:n,value:t[e],def:o}}}return a};function v(e){if(!i.value)return null;let t=i.value.attributes.type;"text"==t&&(t=i.value.attributes.tagName);let a=k(t);if(!a)return null;let n=a.properties.find(t=>t.name==e);return n}function _(e){let t=0==e.indexOf("gb_b_");return t}function j(e){let t=JSON.parse(e.dataTransfer.getData("text")),a=e.target.getAttribute("attrname");if(0==a.indexOf("gb_c__"))D(a,t.bindingname);else{let e={};e[a]=t.bindingname,i.value.addAttributes(e)}}function O(){s.value=!0}function w(){s.value=!1}function x(e){let t={Boolean:!0,String:"",Number:0,Array:[],Function:"",Object:{}},a={},n="gb_c__"+e.name,o=null!=t[e.type]?t[e.type]:"";a[n]=o,i.value.addAttributes(a),S()}function k(e){let t=p[e];return t}const C=Object(n["f"])(()=>{let e=k(i.value.attributes.tagName);if(!e)return[];let t=e.properties,a=i.value.getAttributes(),n=[];for(let l in a){let e=u(l);n.push(e)}let o=[];return t.forEach(e=>{let t=u(e.name);-1==n.indexOf(t)&&o.push(e)}),o});function S(){let e=i.value.attributes.attributes;for(let l in e)!0===e[l]&&(e[l]="true"),!1===e[l]&&(e[l]="false");let t=selectedComponent.toHTML(),a=editor.getSelected().styleToString(),n=editor.getSelected().replaceWith(t),o=n[0];o.setStyle(a),setTimeout(()=>{editor.select(o);let t={},a=Object.getOwnPropertyNames(e);a.forEach(a=>{let n;n=void 0!=e[a]&&void 0!=e[a].nodeValue?e[a].nodeValue:e[a],t[a]=n}),selectedComponent.setAttributes(t);let n=selectedComponent.view.$el[0].vueApp;n&&n.updateAttributes(t)},300)}function D(e,t){let a=0==e.indexOf("gb_b__")?e.replace("gb_b__","gb_c__"):e.replace("gb_c__","gb_b__");i.value.removeAttributes([e]);let n={};if(0==a.indexOf("gb_b__"))if(null!=d[t])n[a]=t;else{let e=u(a).toLowerCase(),t=v(e),o={def:t},l=g(o);l.length>0?n[a]=l[0].name:n[a]="Not Set"}else n[a]=t;i.value.addAttributes(n),S()}const T=(e,t)=>{console.log("onChartPropModeChanged",e,t),D(e,t)};function A(e){a.parentPanel&&(e?a.parentPanel.expand(!0):a.parentPanel.expand(!1)),i.value=e,e&&"plotly"==e.attributes.type&&r.value.setSelectedComponent(e)}return Object(n["D"])(()=>{A(window.selectedComponent)}),t({setSelectedComponent:A,chartPropertiesPanel:r}),(t,a)=>{const c=Object(n["O"])("vscode-button"),d=Object(n["O"])("vscode-option"),p=Object(n["O"])("vscode-dropdown"),u=Object(n["O"])("q-icon");return Object(n["G"])(),Object(n["j"])("div",null,[Object(n["V"])(i)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",mn,fn)),Object(n["V"])(i)&&!l(Object(n["V"])(i))?(Object(n["G"])(),Object(n["j"])("div",hn,[Object(n["l"])(" This component requires a Pro license."),vn,Object(n["l"])(" Upgrade to Pro and start using it now!"),yn,Object(n["l"])(),_n,Object(n["m"])(c,{onClick:o,style:{"margin-right":"3px"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Upgrade")]),_:1})])):Object(n["i"])("",!0),Object(n["V"])(i)&&l(Object(n["V"])(i))&&"tempplaceholder"!=Object(n["V"])(i).attributes.type&&"plotly"!=Object(n["V"])(i).attributes.type?(Object(n["G"])(),Object(n["j"])("div",jn,[Object(n["k"])("div",On,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(f(),e=>{var t;return Object(n["G"])(),Object(n["j"])("div",{key:e.name,class:"propRow"},[Object(n["V"])(i)&&"plotly"!=Object(n["V"])(i).attributes.type?(Object(n["G"])(),Object(n["j"])("div",wn,[1!=(null===(t=e.def)||void 0===t?void 0:t.mandatory)&&"gb_b__v-model"!=e.name?(Object(n["G"])(),Object(n["j"])("span",{key:0,onClick:t=>b(e),title:"Remove Property",class:"codicon codicon-settings"},Cn,8,xn)):Object(n["i"])("",!0)])):Object(n["i"])("",!0),Object(n["k"])("div",{class:"propRowLabel",title:e.def.name+": "+e.def.desc},Object(n["S"])(e.def.label)+": ",9,Sn),_(e.name)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",Dn,["select"==e.def.uitype?Object(n["db"])((Object(n["G"])(),Object(n["j"])("select",{key:0,class:"propInput propInputDynamic","onUpdate:modelValue":t=>Object(n["V"])(i).attributes.attributes[e.name]=t,onChange:S,onDrop:Object(n["fb"])(j,["prevent"]),onDragenter:a[0]||(a[0]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[1]||(a[1]=Object(n["fb"])(()=>{},["prevent"])),attrname:e.name},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.def.options,e=>(Object(n["G"])(),Object(n["j"])("option",{key:"option_"+e,value:e},Object(n["S"])(e),9,An))),128))],40,Tn)),[[n["Y"],Object(n["V"])(i).attributes.attributes[e.name]]]):"enum_icons"==e.def.uitype?(Object(n["G"])(),Object(n["h"])(p,{key:1,style:{width:"100%","min-width":"unset"},value:Object(n["V"])(i).attributes.attributes[e.name],onInput:t=>Object(n["V"])(i).attributes.attributes[e.name]=t.target.value,onChange:S},{default:Object(n["cb"])(()=>[Object(n["k"])("span",Pn,[Object(n["k"])("i",Ln,Object(n["S"])(Object(n["V"])(i).attributes.attributes[e.name]),1),Object(n["l"])(" "+Object(n["S"])(Object(n["V"])(i).attributes.attributes[e.name]),1)]),(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.def.options,e=>(Object(n["G"])(),Object(n["h"])(d,{value:e,style:{padding:"5px"}},{default:Object(n["cb"])(()=>[Object(n["k"])("i",qn,Object(n["S"])(e),1),Object(n["l"])(" "+Object(n["S"])(e),1)]),_:2},1032,["value"]))),256))]),_:2},1032,["value","onInput"])):"enum_colors"==e.def.uitype?(Object(n["G"])(),Object(n["h"])(p,{key:2,style:{width:"100%","min-width":"unset"},value:Object(n["V"])(i).attributes.attributes[e.name],onInput:t=>Object(n["V"])(i).attributes.attributes[e.name]=t.target.value,onChange:S},{default:Object(n["cb"])(()=>[Object(n["k"])("span",Vn,[Object(n["m"])(u,{name:"circle",color:Object(n["V"])(i).attributes.attributes[e.name],style:{"margin-right":"5px"}},null,8,["color"]),Object(n["l"])(" "+Object(n["S"])(Object(n["V"])(i).attributes.attributes[e.name]),1)]),(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.def.options,e=>(Object(n["G"])(),Object(n["h"])(d,{value:e,style:{padding:"5px"}},{default:Object(n["cb"])(()=>[Object(n["m"])(u,{name:"circle",color:e,style:{"margin-right":"5px"}},null,8,["color"]),Object(n["l"])(" "+Object(n["S"])(e),1)]),_:2},1032,["value"]))),256))]),_:2},1032,["value","onInput"])):"String"==e.def.uitype||"String"==e.def.type&&-1==e.cleanName.indexOf("color")?Object(n["db"])((Object(n["G"])(),Object(n["j"])("input",{key:3,attrname:e.name,type:"text",onDrop:Object(n["fb"])(j,["prevent"]),onDragenter:a[2]||(a[2]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[3]||(a[3]=Object(n["fb"])(()=>{},["prevent"])),class:"propInput",onChange:S,"onUpdate:modelValue":t=>Object(n["V"])(i).attributes.attributes[e.name]=t,style:{width:"220px%"}},null,40,Nn)),[[n["Z"],Object(n["V"])(i).attributes.attributes[e.name]]]):"Array"==e.def.type?Object(n["db"])((Object(n["G"])(),Object(n["j"])("input",{key:4,attrname:e.name,type:"text",onDrop:Object(n["fb"])(j,["prevent"]),onDragenter:a[4]||(a[4]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[5]||(a[5]=Object(n["fb"])(()=>{},["prevent"])),class:"propInput",onChange:S,"onUpdate:modelValue":t=>Object(n["V"])(i).attributes.attributes[e.name]=t,style:{width:"220px%"}},null,40,En)),[[n["Z"],Object(n["V"])(i).attributes.attributes[e.name]]]):"Function"==e.def.type?Object(n["db"])((Object(n["G"])(),Object(n["j"])("input",{key:5,attrname:e.name,type:"text",onDrop:Object(n["fb"])(j,["prevent"]),onDragenter:a[6]||(a[6]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[7]||(a[7]=Object(n["fb"])(()=>{},["prevent"])),class:"propInput",onChange:S,"onUpdate:modelValue":t=>Object(n["V"])(i).attributes.attributes[e.name]=t,style:{width:"220px%"}},null,40,In)),[[n["Z"],Object(n["V"])(i).attributes.attributes[e.name]]]):"String"==e.def.type&&e.name.indexOf("color")>-1?Object(n["db"])((Object(n["G"])(),Object(n["j"])("input",{key:6,attrname:e.name,type:"color",onDrop:Object(n["fb"])(j,["prevent"]),onDragenter:a[8]||(a[8]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[9]||(a[9]=Object(n["fb"])(()=>{},["prevent"])),class:"propInput",onChange:S,"onUpdate:modelValue":t=>Object(n["V"])(i).attributes.attributes[e.name]=t,style:{padding:"0px 2px",height:"21px"}},null,40,Mn)),[[n["Z"],Object(n["V"])(i).attributes.attributes[e.name]]]):"Number"==e.def.type?Object(n["db"])((Object(n["G"])(),Object(n["j"])("input",{key:7,attrname:e.name,type:"number",onDrop:Object(n["fb"])(j,["prevent"]),onDragenter:a[10]||(a[10]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[11]||(a[11]=Object(n["fb"])(()=>{},["prevent"])),class:"propInput",onChange:S,"onUpdate:modelValue":t=>Object(n["V"])(i).attributes.attributes[e.name]=t},null,40,Gn)),[[n["Z"],Object(n["V"])(i).attributes.attributes[e.name]]]):"Boolean"==e.def.type?Object(n["db"])((Object(n["G"])(),Object(n["j"])("input",{key:8,attrname:e.name,type:"checkbox",onDrop:Object(n["fb"])(j,["prevent"]),onDragenter:a[12]||(a[12]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[13]||(a[13]=Object(n["fb"])(()=>{},["prevent"])),class:"propInput",onChange:S,"onUpdate:modelValue":t=>Object(n["V"])(i).attributes.attributes[e.name]=t,style:{width:"auto"}},null,40,Bn)),[[n["W"],Object(n["V"])(i).attributes.attributes[e.name]]]):Object(n["i"])("",!0)])),_(e.name)?(Object(n["G"])(),Object(n["j"])("div",Rn,[Object(n["db"])(Object(n["k"])("select",{class:"propInput propInputDynamic","onUpdate:modelValue":t=>Object(n["V"])(i).attributes.attributes[e.name]=t,name:"cars",id:"cars",onChange:S,onDrop:Object(n["fb"])(j,["prevent"]),onDragenter:a[14]||(a[14]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[15]||(a[15]=Object(n["fb"])(()=>{},["prevent"])),attrname:e.name},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(g(e,Object(n["V"])(i)),e=>(Object(n["G"])(),Object(n["j"])("option",{key:"binding_"+e.name,value:e.name},Object(n["S"])(e.label?e.label:e.name),9,zn))),128))],40,Fn),[[n["Y"],Object(n["V"])(i).attributes.attributes[e.name]]])])):Object(n["i"])("",!0),"gb_b__v-model"!=e.name&&"gb_c__v-for"!=e.name&&"plotly"!=Object(n["V"])(i).attributes.type?(Object(n["G"])(),Object(n["j"])("div",{key:3,onClick:t=>D(e.name,e.value),class:"propRowDynamicSwitch"},[_(e.name)?(Object(n["G"])(),Object(n["j"])("img",Un)):Object(n["i"])("",!0),_(e.name)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("img",$n))],8,Hn)):(Object(n["G"])(),Object(n["j"])("div",Wn))])}),128)),m().length>0?(Object(n["G"])(),Object(n["j"])("div",Jn,[Yn,(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(m(),e=>(Object(n["G"])(),Object(n["j"])("div",{key:e.name,class:"propRow"},[Object(n["k"])("div",Qn,Object(n["S"])(e.label)+": ",1),Object(n["k"])("div",Xn,Object(n["S"])(e.desc),1),Object(n["k"])("div",{class:"propRowDynamicSwitch",draggable:"false",title:"Add property",onClick:t=>x(e)},eo,8,Zn)]))),128))])):Object(n["i"])("",!0)]),to,Object(n["k"])("div",ao,[!Object(n["V"])(s)&&Object(n["V"])(i)&&"plotly"!=Object(n["V"])(i).attributes.type?(Object(n["G"])(),Object(n["h"])(c,{key:0,onClick:O},{default:Object(n["cb"])(()=>[Object(n["l"])("Add Property")]),_:1})):Object(n["i"])("",!0)]),Object(n["V"])(i)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",no,lo)),Object(n["V"])(s)?(Object(n["G"])(),Object(n["h"])(Tt,{key:1,propslist:C.value,onPropAdded:x,onClose:w},null,8,["propslist"])):Object(n["i"])("",!0)])):Object(n["i"])("",!0),Object(n["m"])(un,{ref_key:"chartPropertiesPanel",ref:r,appData:e.appData,onChartPropModeChanged:T,selectedComponent:e.selectedComponent,blockPropertyDefinition:v(),filteredModelFields:{data:g(h("gb_b__data"),e.selectedComponent),layout:g(h("gb_b__layout"),e.selectedComponent),config:g(h("gb_b__config"),e.selectedComponent,e.selectedComponent)},style:{height:"100%"}},null,8,["appData","selectedComponent","blockPropertyDefinition","filteredModelFields"])])}}};a("76ba"),a("9c14");const io=L()(ro,[["__scopeId","data-v-12de8ad8"]]);var so=io;ot()(ro,"components",{QIcon:ra["a"]});var co=a("1020"),po=a.n(co),uo=a("4dd1"),bo=a.n(uo),mo=a("de09"),go=a.n(mo);a("9f21");const fo=e=>(Object(n["J"])("data-v-0ebb8bf8"),e=e(),Object(n["H"])(),e),ho={class:"logsPanel",style:{position:"relative"}},vo={class:"toolBar"},yo=fo(()=>Object(n["k"])("option",{value:"1"},"Info",-1)),_o=fo(()=>Object(n["k"])("option",{value:"2"},"Warning",-1)),jo=fo(()=>Object(n["k"])("option",{value:"3"},"Error",-1)),Oo=[yo,_o,jo],wo=fo(()=>Object(n["k"])("span",{class:"codicon codicon-settings"},[Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"16px",padding:"5px"}},"delete")],-1)),xo=[wo],ko={class:"timeStamp"},Co={class:"logLevel"},So=["onClick"];var Do={__name:"LogsPanel",props:["appData"],setup(e,{expose:t}){const a=Object(n["L"])(!0),o=Object(n["L"])(!0),l=Object(n["L"])(1),r=Object(n["L"])("all"),i=Object(n["L"])(""),s=Object(n["L"])(null);po.a.registerLanguage("javascript",bo.a),po.a.registerLanguage("sql",go.a);const c={mounted(e,t){const a=t.value||"",n=po.a.highlight("sql",a).value;e.innerHTML=`<pre style="white-space: pre-wrap; word-wrap: break-word;"><code style="display: block; width: 100%;">${n}</code></pre>`},updated(e,t){const a=t.value||"",n=po.a.highlight("sql",a).value;e.innerHTML=`<pre style="white-space: pre-wrap; word-wrap: break-word;"><code style="display: block; width: 100%;">${n}</code></pre>`}},d=c,p=Object(n["L"])([{id:"all",label:"All"},{id:0,label:"GB"}]),u={info:1,warning:2,error:3},b=Object(n["L"])([]);window.logs=b;const m=Object(n["f"])(()=>{let e=b.value.filter(e=>{let t="server"==e.source&&a.value||"client"==e.source&&o.value,n=u[e.level]>=l.value,s="all"==r.value||e.appid==r.value,c=""==i.value||e.message.toLowerCase().indexOf(i.value.toLowerCase())>=0;return t&&n&&c&&s});return e});function g(){b.value=[]}function f(e){let t=y.appid,a=e.appid;if(void 0!=a&&a!=t)return;let n="log:message ";if(0==e.message.indexOf(n)){p.value.find(t=>t.id==e.appid)||p.value.push({id:e.appid,label:e.appid});let t=e.message.slice(n.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:f}),(e,t)=>(Object(n["G"])(),Object(n["j"])("div",ho,[Object(n["k"])("div",vo,[Object(n["k"])("div",null,[Object(n["db"])(Object(n["k"])("input",{type:"checkbox",id:"showServerLogs",name:"showServerLogs","onUpdate:modelValue":t[0]||(t[0]=e=>a.value=e)},null,512),[[n["W"],a.value]]),Object(n["l"])(" GB Server ")]),Object(n["k"])("div",null,[Object(n["db"])(Object(n["k"])("input",{type:"checkbox",id:"showClientLogs",name:"showClientLogs","onUpdate:modelValue":t[1]||(t[1]=e=>o.value=e)},null,512),[[n["W"],o.value]]),Object(n["l"])(" Client ")]),Object(n["k"])("div",null,[Object(n["db"])(Object(n["k"])("select",{"onUpdate:modelValue":t[2]||(t[2]=e=>l.value=e)},Oo,512),[[n["Y"],l.value]])]),Object(n["k"])("div",null,[Object(n["l"])(" Search: "),Object(n["db"])(Object(n["k"])("input",{type:"text",id:"searchString",name:"searchString","onUpdate:modelValue":t[3]||(t[3]=e=>i.value=e),style:{width:"200px"}},null,512),[[n["Z"],i.value]])]),Object(n["k"])("div",{style:{"text-align":"right","flex-grow":"1","flex-basis":"0"}},[Object(n["k"])("button",{class:"clearLogsButton",onClick:g,title:"Clear Logs"},xo)])]),Object(n["k"])("div",{ref_key:"logsContainer",ref:s,class:"logsContainer"},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(m.value,(e,t)=>(Object(n["G"])(),Object(n["j"])("div",{class:Object(n["w"])({logItem:!0,levelInfo:"info"==e.level,levelWarning:"warning"==e.level,levelError:"error"==e.level}),key:"logItem_"+t},[Object(n["k"])("div",ko,Object(n["S"])(e.timestamp),1),Object(n["k"])("div",Co,Object(n["S"])(e.level),1),Object(n["db"])(Object(n["k"])("div",{class:Object(n["w"])({logMessage:!0,logMessageExpanded:e.expanded}),onClick:t=>e.expanded=!e.expanded},null,10,So),[[Object(n["V"])(d),e.message]])],2))),128))],512)]))}};a("2a61");const To=L()(Do,[["__scopeId","data-v-0ebb8bf8"]]);var Ao=To;ot()(Do,"components",{QIcon:ra["a"]});const Po={width:"100%",height:"100%",style:{position:"absolute","z-index":"11","pointer-events":"none"}},Lo=["x","y","width","height"],qo=["d"];var Vo={__name:"BindingsConnector",setup(e,{expose:t}){const a=Object(n["L"])([]),o=Object(n["L"])([]),l=Object(n["L"])(null),r=Object(n["L"])(null),i=Object(n["L"])(-40),s=Object(n["L"])(-30),c=Object(n["L"])(null);function d(e){let t=document.querySelector(".logsPanel"),a=t.clientHeight,n=40,o=e,l=p(),r=Math.abs(o.x+o.width-l.x),d=.5*r;c.value.style.height=`calc(100% - ${a+n}px)`;let u=`M ${o.x+o.width} ${i.value+o.y+.5*o.height} C ${o.x+o.width+d} ${i.value+o.y+.5*o.height}, ${l.x-d} ${l.y+s.value}, ${l.x} ${l.y+s.value}`;return u}function p(){let e=u(r.value.element);return e}function u(e){const t=e.getBoundingClientRect();return{x:t.left,y:t.top}}function b(e){a.value=e,m()}function m(){null==l.value&&g();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}));o.value=t}function g(){let e=document.querySelector(".gjs-frame");l.value=u(e),m()}function f(e){r.value=e}return t({updateElementsPositions:b,updateIframePosition:g,onBindingOvered:f}),(e,t)=>(Object(n["G"])(),Object(n["j"])("div",{ref_key:"bindingsConnectorsContainer",ref:c,class:"bindingsConnectorsContainer"},[(Object(n["G"])(),Object(n["j"])("svg",Po,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(o.value,e=>(Object(n["G"])(),Object(n["j"])("rect",{key:e.id,x:e.x,y:e.y+i.value,width:e.width,height:e.height,style:{fill:"transparent","stroke-width":"3",stroke:"#0099ff"}},null,8,Lo))),128)),(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(o.value,e=>(Object(n["G"])(),Object(n["j"])("path",{key:e.id,d:d(e),stroke:"#0099ff","stroke-width":"2",fill:"transparent"},null,8,qo))),128))]))],512))}};a("e7ba");const No=L()(Vo,[["__scopeId","data-v-704c43b8"]]);var Eo=No;const Io=e=>(Object(n["J"])("data-v-46c931ab"),e=e(),Object(n["H"])(),e),Mo={key:0,class:"notProUI"},Go=Io(()=>Object(n["k"])("br",null,null,-1)),Bo=Io(()=>Object(n["k"])("br",null,null,-1)),Ro=Io(()=>Object(n["k"])("br",null,null,-1)),Fo={key:1},zo={style:{position:"relative",width:"280px"}},Ho={class:"flex flex-col items-center justify-center p-6",style:{padding:"0px"}},Uo={class:"mb-4 w-full max-w-xl"},$o={key:0,class:""},Wo={class:"text-red-600",style:{"margin-top":"-15px"}},Jo={class:"terms",style:{"margin-top":"10px"}};var Yo={__name:"AiHelpPanel",props:["appData"],setup(e){const t=Object(n["f"])(()=>y.IS_PRO),a=Object(n["L"])(""),o=Object(n["L"])(null);function l(){window.showUpgradeLicenseDialog(!1)}const r=async()=>{""!==a.value.trim()?(window.parent.postMessage({command:"openAiDocs",query:a.value},"*"),a.value="",o.value=null):o.value="Please enter a question."};function i(e){console.log("aiCodePanel :: openLink: ",e),window.parent.postMessage({command:"openLink",url:e,name:"Genie Builder Docs"},"*")}return(e,s)=>{const c=Object(n["O"])("vscode-button");return Object(n["G"])(),Object(n["j"])("div",null,[t.value?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",Mo,[Object(n["l"])(" AI Help is a Pro feature."),Go,Object(n["l"])(" Upgrade to Pro and start using it now!"),Bo,Object(n["l"])(),Ro,Object(n["m"])(c,{onClick:l,style:{"margin-right":"3px"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Upgrade")]),_:1})])),t.value?(Object(n["G"])(),Object(n["j"])("div",Fo,[Object(n["k"])("div",zo,[Object(n["k"])("div",Ho,[Object(n["k"])("div",Uo,[Object(n["db"])(Object(n["k"])("textarea",{rows:"2","onUpdate:modelValue":s[0]||(s[0]=e=>a.value=e),placeholder:"Ask AI for help on how to use Genie",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),[[n["Z"],a.value]])]),o.value?(Object(n["G"])(),Object(n["j"])("div",$o,[Object(n["k"])("p",Wo,Object(n["S"])(o.value),1)])):Object(n["i"])("",!0),Object(n["m"])(c,{onClick:r,style:{width:"100px !important"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Ask AI")]),_:1}),Object(n["k"])("div",Jo,[Object(n["l"])(" Use of the AI features implies acceptance of the Genie AI "),Object(n["k"])("span",{onClick:s[1]||(s[1]=e=>i(Object(n["V"])(y).TERMS_OF_USE_URL)),style:{"text-decoration":"underline"}},"terms of use"),Object(n["l"])(". AI results can be incorrect. ")])])])])):Object(n["i"])("",!0)])}}};a("7aac");const Qo=L()(Yo,[["__scopeId","data-v-46c931ab"]]);var Xo=Qo;const Zo=e=>(Object(n["J"])("data-v-329796f2"),e=e(),Object(n["H"])(),e),Ko={key:0,class:"notProUI"},el=Zo(()=>Object(n["k"])("br",null,null,-1)),tl=Zo(()=>Object(n["k"])("br",null,null,-1)),al=Zo(()=>Object(n["k"])("br",null,null,-1)),nl={key:1},ol={key:0,class:"nothingSelected"},ll=Zo(()=>Object(n["k"])("i",null,"Nothing selected",-1)),rl=[ll],il={key:1,style:{position:"relative"}},sl={class:"flex flex-col items-center justify-center p-6",style:{padding:"0px"}},cl={class:"mb-4 w-full max-w-xl"},dl=["disabled"],pl={key:0,class:""},ul={class:"text-red-600",style:{"margin-top":"-15px"}},bl={class:"terms",style:{"margin-top":"10px"}};var ml={__name:"AiCodePanel",props:["appData","selectedComponent"],emits:["aiCodeChanged"],setup(e,{expose:t,emit:a}){const o=Object(n["f"])(()=>y.IS_PRO);let l=Object(n["L"])(null),r=Object(n["L"])(""),s=Object(n["L"])(!1),c=y.ask_ai_url+"codegen",d=Object(n["L"])({});function p(e){l.value=e}function u(){window.showUpgradeLicenseDialog(!1)}function b(e,t){const a=t.match(/#[^\{]+\{[^\}]+\}/g),n={};a&&a.forEach(e=>{const t=e.split("{"),a=t[0].trim().substring(1),o=t[1].trim().slice(0,-1);n[a]=o});const o=new DOMParser,l=o.parseFromString(`<body>${e}</body>`,"text/html");return Object.keys(n).forEach(e=>{const t=l.getElementById(e);t&&(t.style.cssText+=n[e])}),l.body.innerHTML}function m(e){window.parent.postMessage({command:"openLink",url:e},"*")}function g(e,t,n){const o=new DOMParser,l=new XMLSerializer,p=o.parseFromString(e,"text/html"),u={};p.querySelectorAll("plotly").forEach(e=>{t.forEach(t=>{if(e.hasAttribute(t)){const a=e.id;u[a]||(u[a]={}),u[a][t]=e.getAttribute(t)}})});let m=b(e,editor.getCss());a("aiCodeChanged","loading"),s.value=!0,i["a"].post(c,{content_type:"html",sessionid:y.SESSIONID,prompt:d.value.userPrompt,code:m}).then(e=>{s.value=!1;let t=JSON.parse(e.request.response);if(t.error)d.value.aiError=t.error,a("aiCodeChanged","hidden");else{s.value=!1,r.value="";let e=t.response,o=new DOMParser;const i=o.parseFromString(e,"text/html");Object.keys(u).forEach(e=>{const t=i.getElementById(e);t&&Object.entries(u[e]).forEach(([e,a])=>{t.setAttribute(e,a)})});let c,p=l.serializeToString(i.body);try{c=qe.cleanHtml(p)}catch(n){d.value.aiError=n.message,a("aiCodeChanged","hidden")}const b=o.parseFromString(c,"text/html"),m=b.body||null;qe.encodeAttributesInDOM(m);const g=m.innerHTML;d.value.aiApiResponse=g,window.lastHtmlBeforeAiReplace=editor.getHtml(),"gbTemplateContainer"==editor.getSelected().attributes.attributes.id?editor.getSelected().components(g):editor.getSelected().replaceWith(g),a("aiCodeChanged","ready")}}).catch(e=>{s.value=!1,d.value.aiError=e.message,a("aiCodeChanged","hidden")})}function f(){let e=l.value,t=e.toHTML(),a=editor.getCss({component:e,keepUnusedStyles:!1,avoidProtected:!0}),n=appData.value.pages[y.currentPageIndex].model.fields.map(e=>{let t={name:e.name,type:e.type};return null!=e.columns&&(t.columns=e.columns.map(e=>e)),t});n=JSON.stringify(n,null,4);let o=`\nUser Request: ${r.value}\n\nInstructions for AI:\n1. Layout: Utilize DIV elements with "row" and "st-col col-x col-sm st-module" classes for creating a responsive layout. The layout should be divided into the sections described above. For columns, ("col-x"), "x" is a number between 1 and 12. \n2. Components: Wherever possible, employ Quasar 1 components for UI elements. For date selection, use 'q-date' instead of standard HTML input components. Refer to the supported components list provided below.\n3. never nest a "row" directly as a child of a "row" or a "col" directly as a child of a "col".\n4. For 'q-table' elements, bind data using only "DataTable" or Array types, never DataFrames.\n5. Data Binding: Properly assign data to UI components, ensuring mandatory attributes like 'v-model' are used for input components such as textfields, select, and checkbox. \n6. Rules:\n   - Avoid using '<template>' tags.\n   - In dynamic attributes (starting with ':'), do not use interpolated values (e.g., avoid '{{value}}').\n   - Never return an element with a CSS class whose name is or starts with "gbTemplateContainer"\n7. Other components: \n7.1. For "big numbers" use this component template (use colon in attributes for bindings if necessary):\n<st-big-number number="0" title="Label"></st-big-number>\n7.2. For date pickers use this component template (use colon in attributes for bindings if necessary, and note that v-model value must match for the INPUT and the q-date components):\n<q-input iscomposite="true" v-model="undefined" clearable="true" filled="true" label="Pick a date"><q-icon class="cursor-pointer" name="event" style="height: 100%;"><q-popup-proxy><q-date v-model="undefined" mask="YYYY-MM-DD" no-unset="true" today-btn="true"></q-date></q-popup-proxy></q-icon></q-input>\n7.3. For date pickers use this component template (use colon in attributes for bindings if necessary, and note that v-model value must match for the INPUT and the q-date components):\n<q-input v-model="undefined" clearable="true" filled="true" label="Pick a time"><q-icon class="cursor-pointer" name="alarm" style="height: 100%;"><q-popup-proxy><q-time v-model="undefined" mask="HH:mm:ss"></q-time></q-popup-proxy></q-icon></q-input>\n7.4. For charts, use Plotly library, with this component template below, replacing binding names as needed and preserving the $_{} syntax found in the template. When binding to DataFrame data, never bind directly to it, always bind to a nested column (i.e. myDataFrame.myColumn), and use the syntax found in the template ( i.e. $_{myDataFrame.myColumn} ). Do not use the colon ":" prefix inside attribute values, that's only for dynamic attribute names when appropriate. Make sure the plot data is properly bsae64 encoded.\n<plotly data="W3siZ2J0eXBlIjoiU2NhdHRlciIsIngiOiIkX3tCSU5ESU5HX05BTUV9IiwieSI6IiRfe0FOT1RIRVJfQklORElOR19OQU1FfSIsInR5cGUiOiJzY2F0dGVyIiwibW9kZSI6ImxpbmVzIiwibmFtZSI6IlRyYWNlIn1d" config="e30=" layout="eyJ0aXRsZSI6Ik15IENoYXJ0In0="></plotly>\n7.5. For charts (<plotly> elements), preserve the "id" attribute, this is important.\n8. Styles should always be applied inline. If user provides current css styles (see below), make sure to apply them inline to your answer, unless user requests to change or remove them,\nAvailable Data (Bindings):\n${n}\n\nSupported Quasar Components:\n["q-input", "q-btn", "q-select", "q-radio", "q-checkbox", "q-toggle", "q-slider", "q-range", "q-date", "q-time", "q-knob", "q-list", "q-table", "q-img", "q-video", "q-avatar", "q-badge", "q-chip", "q-icon", "q-rating", "q-spinner", "q-timeline", "q-timeline-entry", "q-scroll-area"]\n\nRelated CSS styles:\n${a}\n`;d.value={selectedHtml:t,userPrompt:o},d.value.previousPrompt=r.value;const i=d.value.selectedHtml,s=new DOMParser,c=s.parseFromString(i,"text/html"),p=c.body||null;qe.decodeAttributesInDOM(p);const u=p.innerHTML;g(u,["data","config","layout"],e=>{})}return t({setSelectedComponent:p}),(e,t)=>{const a=Object(n["O"])("vscode-button");return Object(n["G"])(),Object(n["j"])("div",null,[o.value?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",Ko,[Object(n["l"])(" The AI Assistant is a Pro feature."),el,Object(n["l"])(" Upgrade to Pro and start using it now!"),tl,Object(n["l"])(),al,Object(n["m"])(a,{onClick:u,style:{"margin-right":"3px"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Upgrade")]),_:1})])),o.value?(Object(n["G"])(),Object(n["j"])("div",nl,[Object(n["V"])(l)?(Object(n["G"])(),Object(n["j"])("div",il,[Object(n["k"])("div",sl,[Object(n["k"])("div",cl,[Object(n["db"])(Object(n["k"])("textarea",{rows:"2","onUpdate:modelValue":t[0]||(t[0]=e=>Object(n["s"])(r)?r.value=e:r=e),disabled:Object(n["V"])(s),placeholder:"Select a UI component and ask AI to style or edit it",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,dl),[[n["Z"],Object(n["V"])(r)]])]),Object(n["V"])(d).aiError?(Object(n["G"])(),Object(n["j"])("div",pl,[Object(n["k"])("p",ul,Object(n["S"])(Object(n["V"])(d).aiError),1)])):Object(n["i"])("",!0),Object(n["V"])(s)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["h"])(a,{key:1,onClick:f,style:{width:"100px !important"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Ask AI")]),_:1})),Object(n["V"])(s)?(Object(n["G"])(),Object(n["h"])(a,{key:2,disabled:"",style:{width:"100px !important"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Plese wait...")]),_:1})):Object(n["i"])("",!0),Object(n["k"])("div",bl,[Object(n["l"])(" Use of the AI features implies acceptance of the Genie AI "),Object(n["k"])("span",{onClick:t[1]||(t[1]=e=>m(Object(n["V"])(y).TERMS_OF_USE_URL)),style:{"text-decoration":"underline"}},"terms of use"),Object(n["l"])(". AI results can be incorrect. ")])])])):(Object(n["G"])(),Object(n["j"])("div",ol,rl))])):Object(n["i"])("",!0)])}}},gl=(a("6423"),a("52ee")),fl=a("27f9"),hl=a("ca78"),vl=a("9c40"),yl=a("ddd8"),_l=a("3786"),jl=a("8f8e"),Ol=a("9564"),wl=a("c1d0"),xl=a("7bbf"),kl=a("3845"),Cl=a("1c1c"),Sl=a("6ac0"),Dl=a("cb32"),Tl=a("b047"),Al=a("daf4"),Pl=a("0d59"),Ll=a("05eb"),ql=a("74af"),Vl=a("4983");const Nl=L()(ml,[["__scopeId","data-v-329796f2"]]);var El=Nl;ot()(ml,"components",{QDate:gl["a"],QTable:Je["a"],QInput:fl["a"],QIcon:ra["a"],QPopupProxy:Qe["a"],QTime:hl["a"],QBtn:vl["a"],QSelect:yl["a"],QRadio:_l["a"],QCheckbox:jl["a"],QToggle:Ol["a"],QSlider:wl["a"],QRange:xl["a"],QKnob:kl["a"],QList:Cl["a"],QImg:Xe["a"],QVideo:Sl["a"],QAvatar:Dl["a"],QBadge:at["a"],QChip:Tl["a"],QRating:Al["a"],QSpinner:Pl["a"],QTimeline:Ll["a"],QTimelineEntry:ql["a"],QScrollArea:Vl["a"]});class Il{constructor(e,t,a){this.wsEndpoint=y.getExternalApiBaseUrl("ws"),this.ws=null,this.onOpenHandler=e,this.onCloseHandler=t,this.onMessageHandler=a}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,setTimeout(()=>{this.connect()},1e3*e)}onOpen(){this.ws.send(JSON.stringify({channel:"geniebuilder",message:"subscribe",payload:{}})),this.onOpenHandler()}onMessage(e){this.onMessageHandler(e)}onClose(){this.onCloseHandler()}}var Ml={"text-align":{default:"left",type:"select",options:["left","right","center","justify"]},"font-size":{default:"16px",type:"number",units:["px","%","em"]},"font-family":{default:"Arial",type:"select",options:["Arial","Verdana","Helvetica","Tahoma","Trebuchet MS","Times New Roman","Georgia","Garamond","Courier New","Brush Script MT"]},"font-weight":{default:"normal",type:"select",options:["normal","bold","bolder","lighter","100","200","300","400","500","600","700","800","900"]},"font-style":{default:"normal",type:"select",options:["normal","italic","oblique"]},color:{default:"#000000",type:"color"},"background-color":{default:"#FFFFFF",type:"color"},background:{default:"#FFFFFF",type:"color"},border:{default:"none",type:"text"},"border-radius":{default:0,type:"number",units:["px","%"]},padding:{default:0,type:"number",units:["px","%"]},margin:{default:0,type:"number",units:["px","%"]},display:{default:"block",type:"select",options:["none","block","inline","inline-block","flex","grid"]},position:{default:"static",type:"select",options:["static","relative","fixed","absolute","sticky"]},width:{default:"auto",type:"number",units:["px","%","vw","vh"]},height:{default:"auto",type:"number",units:["px","%","vw","vh"]},"max-width":{default:"none",type:"number",units:["px","%","vw","vh"]},"max-height":{default:"none",type:"number",units:["px","%","vw","vh"]},opacity:{default:1,type:"number"},"text-decoration":{default:"none",type:"select",options:["none","underline","overline","line-through"]},"line-height":{default:"normal",type:"number",units:["px","%","em"]},"letter-spacing":{default:"normal",type:"number",units:["px","em"]},"box-shadow":{default:"none",type:"text"},"text-shadow":{default:"none",type:"text"},"flex-direction":{default:"row",type:"select",options:["row","row-reverse","column","column-reverse"]},"justify-content":{default:"flex-start",type:"select",options:["flex-start","flex-end","center","space-between","space-around","space-evenly"]},"align-items":{default:"stretch",type:"select",options:["flex-start","flex-end","center","baseline","stretch"]},"align-content":{default:"stretch",type:"select",options:["flex-start","flex-end","center","space-between","space-around","stretch"]},"flex-wrap":{default:"nowrap",type:"select",options:["nowrap","wrap","wrap-reverse"]},"background-image":{default:"none",type:"text"},"background-size":{default:"auto",type:"select",options:["auto","cover","contain"]},"background-repeat":{default:"repeat",type:"select",options:["repeat","repeat-x","repeat-y","no-repeat"]},"background-position":{default:"0% 0%",type:"text"},cursor:{default:"auto",type:"select",options:["auto","default","pointer","wait","text","move","not-allowed","crosshair","zoom-in","zoom-out"]},transition:{default:"none",type:"text"},animation:{default:"none",type:"text"},visibility:{default:"visible",type:"select",options:["visible","hidden","collapse"]},overflow:{default:"visible",type:"select",options:["visible","hidden","scroll","auto"]},"text-transform":{default:"none",type:"select",options:["none","capitalize","uppercase","lowercase"]},"white-space":{default:"normal",type:"select",options:["normal","nowrap","pre","pre-wrap","pre-line"]},"text-align-last":{default:"auto",type:"select",options:["auto","left","right","center","justify","start","end"]},"vertical-align":{default:"baseline",type:"select",options:["baseline","top","middle","bottom","text-top","text-bottom","sub","super"]},"z-index":{default:"auto",type:"number"},"list-style-type":{default:"disc",type:"select",options:["disc","circle","square","decimal","lower-roman","upper-roman","lower-alpha","upper-alpha","none"]},"list-style-position":{default:"outside",type:"select",options:["inside","outside"]},"list-style-image":{default:"none",type:"text"},"table-layout":{default:"auto",type:"select",options:["auto","fixed"]},"border-collapse":{default:"separate",type:"select",options:["separate","collapse"]},"border-spacing":{default:"0",type:"number",units:["px"]},"caption-side":{default:"top",type:"select",options:["top","bottom"]},resize:{default:"none",type:"select",options:["none","both","horizontal","vertical"]},"grid-template-columns":{default:"none",type:"text"},"grid-template-rows":{default:"none",type:"text"},"grid-column-gap":{default:"0",type:"number",units:["px","%","em"]},"grid-row-gap":{default:"0",type:"number",units:["px","%","em"]},"grid-area":{default:"auto",type:"text"},"grid-gap":{default:"0",type:"number",units:["px","%","em"]}};const Gl=["Outfit","Helvetica Neue","Arial","Helvetica","Georgia"],Bl=["100","200","300","400","500","600","700","800","900"],Rl=["var(--st-shadow-none)","var(--st-shadow-sm)","var(--st-shadow-md)","var(--st-shadow-lg)","var(--st-shadow-xl)"],Fl=[{label:"4XL",value:"var(--st-font-size-4xl)"},{label:"3XL",value:"var(--st-font-size-3xl)"},{label:"2XL",value:"var(--st-font-size-2xl)"},{label:"XL",value:"var(--st-font-size-xl)"},{label:"LG",value:"var(--st-font-size-lg)"},{label:"MD",value:"var(--st-font-size-md)"},{label:"SM",value:"var(--st-font-size-sm)"},{label:"XS",value:"var(--st-font-size-xs)"}];function zl(){return{groups:[{label:"Main Styles",rules:[{label:"Main Colors",selector:":root.stipple-core",properties:[{label:"Primary",isVar:!0,propertyName:"--st-color-primary",type:"color",value:"#0ea5e9"},{label:"Neutral",isVar:!0,propertyName:"--st-color-neutral",type:"color",value:"#d7d7d7"},{label:"Field border",isVar:!0,propertyName:"--st-color-field-border",type:"color",value:"#d7d7d7"},{label:"Field Text Dimmed",isVar:!0,propertyName:"--st-color-field-text-dimmed",type:"color",value:"#fffffffa"},{label:"Field Bg Dimmed",isVar:!0,propertyName:"--st-color-field-background-dimmed",type:"color",value:"#0000001a"},{label:"Shadow",isVar:!0,propertyName:"--st-shadow-color",type:"color",value:"#00000060"}]},{label:"Background",selector:":root.stipple-core",properties:[{label:"Background 0",isVar:!0,propertyName:"--st-dashboard-bg-0",type:"color",value:"#f1f3f6"},{label:"Background 1",isVar:!0,propertyName:"--st-dashboard-bg-1",type:"color",value:"#ffffff"},{label:"Background 2",isVar:!0,propertyName:"--st-dashboard-bg-2",type:"color",value:"#ffffff"}]},{label:"Text",selector:":root.stipple-core",properties:[{label:"Text 1",isVar:!0,propertyName:"--st-text-1",type:"color",value:"#1a2748"},{label:"Text 2",isVar:!0,propertyName:"--st-text-2",type:"color",value:"#6b7280"},{label:"Text 3",isVar:!0,propertyName:"--st-text-3",type:"color",value:"#788092"},{label:"Font Family",isVar:!0,propertyName:"--st-font-family",type:"select",value:"Helvetica Neue",options:Gl},{label:"Font Size (base)",isVar:!0,propertyName:"--st-font-size",type:"text",value:"14px"},{label:"Text 4XL",hide:!0,isVar:!0,propertyName:"--st-font-size-4xl",type:"text",value:"2.5rem"},{label:"Text 3XL",hide:!0,isVar:!0,propertyName:"--st-font-size-3xl",type:"text",value:"2.1rem"},{label:"Text 2XL",hide:!0,isVar:!0,propertyName:"--st-font-size-2xl",type:"text",value:"1.8rem"},{label:"Text XL",hide:!0,isVar:!0,propertyName:"--st-font-size-xl",type:"text",value:"1.5rem"},{label:"Text LG",hide:!0,isVar:!0,propertyName:"--st-font-size-lg",type:"text",value:"1.2rem"},{label:"Text MD",hide:!0,isVar:!0,propertyName:"--st-font-size-md",type:"text",value:"1rem"},{label:"Text SM",hide:!0,isVar:!0,propertyName:"--st-font-size-sm",type:"text",value:"0.8rem"},{label:"Text XS",hide:!0,isVar:!0,propertyName:"--st-font-size-xs",type:"text",value:"0.6rem"}]},{label:"Headings",selector:":root.stipple-core h1, :root.stipple-core h2, :root.stipple-core h3, :root.stipple-core h4, :root.stipple-core h5, :root.stipple-core h6",properties:[{label:"Color",propertyName:"color",type:"color",value:"var(--st-text-1)"},{label:"Font Weight",propertyName:"font-weight",type:"select",value:"600",options:Bl},{label:"Font Family",propertyName:"font-family",type:"select",value:"",options:Gl}]},{label:"Module",selector:":root.stipple-core .st-module",properties:[{label:"Background",propertyName:"background",type:"color",value:"var(--st-dashboard-bg-1)"},{label:"Shadow",propertyName:"box-shadow",type:"select",value:"var(--st-shadow-md)",options:Rl}]}]},{label:"Other Styles",rules:[{label:"Colors",selector:":root.stipple-core",properties:[{label:"Secondary",isVar:!0,propertyName:"--st-color-secondary",type:"color",value:"#1285f8"},{label:"Accent",isVar:!0,propertyName:"--st-color-accent",type:"color",value:"#4790e3"},{label:"Dark",isVar:!0,propertyName:"--st-color-dark",type:"color",value:"#1d1d1d"},{label:"Info",isVar:!0,propertyName:"--st-color-info",type:"color",value:"#31ccec"},{label:"White",isVar:!0,propertyName:"--st-color-white",type:"color",value:"#ffffff"},{label:"Black",isVar:!0,propertyName:"--st-color-black",type:"color",value:"#302f2f"},{label:"Positive",isVar:!0,propertyName:"--st-color-positive",type:"color",value:"#21ba45"},{label:"Negative",isVar:!0,propertyName:"--st-color-negative",type:"color",value:"#c10015"},{label:"Warning",isVar:!0,propertyName:"--st-color-warning",type:"color",value:"#f2c037"},{label:"Dark Page",isVar:!0,propertyName:"--st-color-dark-page",type:"color",value:"#121212"},{label:"Neutral Alt",isVar:!0,propertyName:"--st-color-neutral-alt",type:"color",value:"#d2d2d2"},{label:"Primary",hide:!0,isVar:!0,propertyName:"--q-primary",type:"color",value:"var(--st-color-primary)"},{label:"Secondary",hide:!0,isVar:!0,propertyName:"--q-secondary",type:"color",value:"var(--st-color-secondary)"},{label:"Accent",hide:!0,isVar:!0,propertyName:"--q-accent",type:"color",value:"var(--st-color-accent)"},{label:"Positive",hide:!0,isVar:!0,propertyName:"--q-positive",type:"color",value:"var(--st-color-positive)"},{label:"Negative",hide:!0,isVar:!0,propertyName:"--q-negative",type:"color",value:"var(--st-color-negative)"},{label:"Info",hide:!0,isVar:!0,propertyName:"--q-info",type:"color",value:"var(--st-color-info)"},{label:"Warning",hide:!0,isVar:!0,propertyName:"--q-warning",type:"color",value:"var(--st-color-warning)"},{label:"Dark",hide:!0,isVar:!0,propertyName:"--q-dark",type:"color",value:"var(--st-color-dark)"},{label:"White",hide:!0,isVar:!0,propertyName:"--q-white",type:"color",value:"var(--st-color-white)"},{label:"Black",hide:!0,isVar:!0,propertyName:"--q-black",type:"color",value:"var(--st-color-black)"},{label:"Dark Page",hide:!0,isVar:!0,propertyName:"--q-dark-page",type:"color",value:"var(--st-color-dark-page)"},{label:"Filter Light",hide:!0,isVar:!0,propertyName:"--st-filter-light",type:"filter",value:"none"},{label:"Filter Dark",hide:!0,isVar:!0,propertyName:"--st-filter-dark",type:"filter",value:"invert(1) saturate(0) brightness(2)"}]}]},{label:"Text Elements",rules:[{label:"Link",selector:"a",properties:[{label:"Color",propertyName:"color",type:"color",value:"var(--st-color-primary)"}]},{label:"Heading 1",selector:":root.stipple-core h1",properties:[{label:"Color",propertyName:"color",type:"color",value:""},{label:"Font Size",propertyName:"font-size",type:"select",value:"var(--st-font-size-4xl)",options:Fl},{label:"Font Weight",propertyName:"font-weight",type:"select",value:"",options:Bl},{label:"Font Family",propertyName:"font-family",type:"select",value:"",options:Gl}]},{label:"Heading 2",selector:":root.stipple-core h2",properties:[{label:"Color",propertyName:"color",type:"color",value:""},{label:"Font Size",propertyName:"font-size",type:"select",value:"var(--st-font-size-3xl)",options:Fl},{label:"Font Weight",propertyName:"font-weight",type:"select",value:"",options:Bl},{label:"Font Family",propertyName:"font-family",type:"select",value:"",options:Gl}]},{label:"Heading 3",selector:":root.stipple-core h3",properties:[{label:"Color",propertyName:"color",type:"color",value:""},{label:"Font Size",propertyName:"font-size",type:"select",value:"var(--st-font-size-2xl)",options:Fl},{label:"Font Weight",propertyName:"font-weight",type:"select",value:"",options:Bl},{label:"Font Family",propertyName:"font-family",type:"select",value:"",options:Gl}]},{label:"Heading 4",selector:":root.stipple-core h4",properties:[{label:"Color",propertyName:"color",type:"color",value:""},{label:"Font Size",propertyName:"font-size",type:"select",value:"var(--st-font-size-xl)",options:Fl},{label:"Font Weight",propertyName:"font-weight",type:"select",value:"",options:Bl},{label:"Font Family",propertyName:"font-family",type:"select",value:"",options:Gl}]},{label:"Heading 5",selector:":root.stipple-core h5",properties:[{label:"Color",propertyName:"color",type:"color",value:""},{label:"Font Size",propertyName:"font-size",type:"select",value:"var(--st-font-size-lg)",options:Fl},{label:"Font Weight",propertyName:"font-weight",type:"select",value:"",options:Bl},{label:"Font Family",propertyName:"font-family",type:"select",value:"",options:Gl}]},{label:"Heading 6",selector:":root.stipple-core h6",properties:[{label:"Color",propertyName:"color",type:"color",value:""},{label:"Font Size",propertyName:"font-size",type:"select",value:"var(--st-font-size-md)",options:Fl},{label:"Font Weight",propertyName:"font-weight",type:"select",value:"",options:Bl},{label:"Font Family",propertyName:"font-family",type:"select",value:"",options:Gl}]}]},{label:"Other",rules:[{label:"Genie Logo",selector:":root.stipple-core ._genie_logo",properties:[{label:"Mode",propertyName:"filter",type:"filter",value:"var(--st-filter-light)"}]}]}]}}var Hl=a("f7a6");const Ul={key:0,class:"picker-popup"};var $l={__name:"ColorPicker",props:{modelValue:{type:String,required:!0,default:"#000000"},btnwidth:{type:String,default:"30px"},btnheight:{type:String,default:"20px"},xOffset:{type:Number,default:0},yOffset:{type:Number,default:0}},emits:["update:modelValue","changed"],setup(e,{emit:t}){const a=e,o=Object(n["L"])("#00ff00"),l=Object(n["L"])(!1),r=Object(n["L"])(null),i=Object(n["L"])(0),s=Object(n["L"])(100),c=Object(n["L"])(100),d=Object(n["L"])(100),p=Object(n["L"])("");function u(e){console.log("updateValue",e)}const b=(e,t,a,n=100)=>{let o,l,r;e/=360,t/=100,a/=100;const i=Math.floor(6*e),s=6*e-i,c=a*(1-t),d=a*(1-s*t),p=a*(1-(1-s)*t);switch(i%6){case 0:[o,l,r]=[a,p,c];break;case 1:[o,l,r]=[d,a,c];break;case 2:[o,l,r]=[c,a,p];break;case 3:[o,l,r]=[c,d,a];break;case 4:[o,l,r]=[p,c,a];break;case 5:[o,l,r]=[a,c,d];break}const u=[o,l,r].map(e=>Math.round(255*e).toString(16).padStart(2,"0")).join("");if(n<100){const e=Math.round(n/100*255).toString(16).padStart(2,"0");return`#${u}${e}`}return"#"+u},m=(e,t,a)=>{e/=255,t/=255,a/=255;const n=Math.max(e,t,a),o=Math.min(e,t,a),l=n-o;let r,i;const s=n;if(0===l)r=0,i=0;else{switch(i=l/n,n){case e:r=(t-a)/l+(t<a?6:0);break;case t:r=(a-e)/l+2;break;case a:r=(e-t)/l+4;break}r/=6}return{h:360*r,s:100*i,b:100*s}},g=e=>{if(!e||!e.startsWith("#"))return{h:0,s:100,b:100,a:100};const t=e.slice(1),a=8===t.length,n=parseInt(t.slice(0,2),16),o=parseInt(t.slice(2,4),16),l=parseInt(t.slice(4,6),16),r=a?Math.round(parseInt(t.slice(6,8),16)/255*100):100,i=m(n,o,l);return{h:i.h,s:i.s,b:i.b,a:r}},f=Object(n["f"])(()=>b(i.value,s.value,c.value,d.value));Object(n["bb"])(o,e=>{console.log("internalColor",e),1==e.a?(t("update:modelValue",e.hex),t("changed",e.hex)):(t("update:modelValue",e.hex8),t("changed",e.hex8))}),Object(n["bb"])(()=>a.modelValue,e=>{const{h:t,s:a,b:n,a:o}=g(e);i.value=t,s.value=a,c.value=n,d.value=o,p.value=f.value},{immediate:!0});const h=()=>{l.value?y():v()},v=()=>{l.value=!0,document.addEventListener("keyup",_),setTimeout(()=>{const e=document.querySelector(".picker-popup"),t=r.value;let a=t.getBoundingClientRect().bottom;e.style.top=a+"px",e.style.left=t.getBoundingClientRect().right-240+"px"},1)},y=()=>{l.value=!1,document.removeEventListener("keyup",_)};function _(e){"Escape"===e.key&&(l.value=!1)}function j(e){r.value.contains(e.target)||(l.value=!1)}return Object(n["D"])(()=>{document.addEventListener("click",j)}),Object(n["E"])(()=>{document.removeEventListener("click",j),document.removeEventListener("keyup",_)}),(t,a)=>(Object(n["G"])(),Object(n["j"])("div",{class:"color-picker",ref_key:"pickerRef",ref:r,onChange:u},[Object(n["k"])("div",{class:"color-button",style:Object(n["x"])({backgroundColor:e.modelValue,width:e.btnwidth,height:e.btnheight}),onClick:h},null,4),l.value?(Object(n["G"])(),Object(n["j"])("div",Ul,[Object(n["m"])(Object(n["V"])(Hl["a"]),{id:"vueColor",modelValue:o.value,"onUpdate:modelValue":a[0]||(a[0]=e=>o.value=e)},null,8,["modelValue"])])):Object(n["i"])("",!0)],544))}};a("ecee");const Wl=L()($l,[["__scopeId","data-v-1eff6db5"]]);var Jl=Wl,Yl=a("7e58"),Ql=a.n(Yl),Xl=a("2b12"),Zl=a.n(Xl),Kl='@import url(\'https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap\');\n/* {{ themeVariables }} */\n\n  \n  /* **************************************************************** */\n  /*                    VARIABLES IN THEME EDITOR                     */\n  /* **************************************************************** */\n\n:root.stipple-core {\n  --st-font-size-4xl: 2.5rem;\n  --st-font-size-3xl: 2.1rem;\n  --st-font-size-2xl: 1.8rem;\n  --st-font-size-xl: 1.5rem;\n  --st-font-size-lg: 1.2rem;\n  --st-font-size-md: 1rem;\n  --st-font-size-sm: 0.8rem;\n  --st-font-size-xs: 0.6rem;\n}\n\n\n\n/*===================================================================\n                      APPLICATION\n================================================================== */\n.stipple-core {\n  .q-btn.q-btn--active:enabled:not(.disabled):not(.q-btn--push),\n  .q-btn:active:enabled:not(.disabled):not(.q-btn--push) {\n    box-shadow: none !important;\n  }\n  .q-btn--actionable.q-btn--standard.q-btn--active .q-btn__wrapper:before,\n  .q-btn--actionable.q-btn--standard:active .q-btn__wrapper:before {\n    box-shadow: none !important;\n  }\n\n\n\n  h1, h2, h3, h4, h5, h6{\n    line-height: normal;\n    margin: 0px;\n    color: var(--st-text-1);\n  }\n  \n  /* ---------- Module ---------- */\n\n  .st-module {\n    box-shadow: var(--st-shadow-md);\n    border-radius: var(--st-border-radius-md);\n    background: var(--st-dashboard-bg-1 );\n    margin: var(--st-spacing-md);\n    padding: var(--st-spacing-lg);\n    box-sizing: border-box; flex: 1;\n    transition: background 0.3s;\n  }\n\n  .st-module-title {\n    font-size: var(--st-font-size-lg);\n    font-weight: bold;\n    color: var(--st-text-1);\n    margin-top: 0px;\n    margin-bottom: var(--st-spacing-md);\n  }\n  \n  \n\n  \n  /*===================================================================\n                        Containers & Common\n  ================================================================== */\n\n  /* ---------- Common  ---------- */\n  hr{\n    border: solid 0.5px var(--st-color-neutral);\n  }\n  \n  .container > .row, .st-dashboard > .row {\n    padding: 0;\n  }\n\n  body > .container {\n    padding: 0 20px;\n    margin: 0 auto;\n  }\n\n  @media (max-width: 999px) {    \n    body > .container {\n        padding: 0 10px;\n      }\n  }\n  @media (max-width: 599px) {\n    body > .container {\n        padding: 0 5px;\n      }\n  }\n\n  /*===================================================================\n                            FIELDS\n  ================================================================== */\n  fieldset {\n    border: none;\n  }\n  .q-field {\n    font-size: 14px;\n  }\n  .q-field__bottom{\n      color: var(--st-text-3);\n    }\n  .q-file .q-field__native{\n      white-space: nowrap;\n      overflow: hidden;\n  }\n  .q-field__input, .q-field__native, .q-field__prefix, .q-field__suffix {\n    color: var(--st-text-2);\n  }\n  .q-field__control, .q-field--auto-height .q-field__control, .q-field__marginal {\n    height: 36px;\n    min-height: 36px;\n    color: var(--st-text-2);\n  }\n\n  .q-field--auto-height.q-field--labeled .q-field__control-container {\n    padding-top: 0;\n  }\n\n  .q-field--auto-height .q-field__control, .q-field--auto-height .q-field__native {\n    min-height: 36px;\n  }\n\n .q-field--labeled .q-field__native, .q-field--labeled .q-field__prefix, .q-field--labeled .q-field__suffix {\n    padding-top: unset;\n    padding-bottom: unset;\n }\n\n .q-field--labeled {\n  padding-top: 25px;\n}\n\n .q-field--float .q-field__label, .q-field__label {\n    color: var(--st-text-1);\n    transform: translateY(-190%) scale(1);\n    font-weight: 500;\n    left: -10px;\n    max-width: 100%;\n    font-size: var(--st-font-size-md);\n }\n\n .q-field--labeled.q-field--standard .q-field__label, \n .q-field--labeled.q-field--borderless .q-field__label {\n    left: 0px;\n }\n \n .q-field--filled.q-field--rounded .q-field__control {\n    border-radius: 18px 18px 0 0;\n }\n\n .q-field--filled .q-field__control{\n  background-color: var(--st-color-field-background-dimmed);\n }\n\n .q-field .q-field__control:before {\n    border-color: var(--st-color-field-border);\n  }\n  .q-field.q-field--highlighted .q-field__control:after {\n    border-color: var(--st-color-primary);\n    border-width: 1px;\n  }\n  .q-field--outlined .q-field__control:hover:before {\n    border-color: color-mix(in srgb, var(--st-color-primary), transparent 50%);\n  }\n\n\n  /*===================================================================\n                            PLOTLY\n  ================================================================== */\n  .plot-container.plotly svg.main-svg{\n    background: none !important;\n  }\n  .plot-container.plotly svg.main-svg g.infolayer g.legend rect.bg{\n    fill: none !important;\n  }\n  .plot-container.plotly svg.main-svg g.infolayer g.rangeslider-container rect.rangeslider-bg{\n    fill: #00000030 !important;\n  }\n  .plot-container.plotly svg.main-svg g.infolayer g.rangeslider-container rect.rangeslider-mask-min,\n  .plot-container.plotly svg.main-svg g.infolayer g.rangeslider-container rect.rangeslider-mask-max{\n    fill: var(--st-dashboard-bg-1) !important;\n    fill-opacity: 0.8 !important;\n  }\n  .plot-container.plotly div.modebar-container > div.modebar{\n   \n  }\n  .plot-container.plotly div.modebar-container > div.modebar > div.modebar-group{\n    background-color: var(--st-dashboard-bg-1) !important;\n  }\n  .plot-container.plotly div.modebar-container > div.modebar > div.modebar-group > a.modebar-btn > svg.icon > path{\n    fill: color-mix(in srgb, var(--st-color-primary), transparent 80%) !important;\n  }\n  .plot-container.plotly div.modebar-container > div.modebar > div.modebar-group > a.modebar-btn:hover > svg.icon > path{\n    fill: var(--st-color-primary) !important;\n  }\n  .plot-container.plotly svg.main-svg g.infolayer g.rangeslider-container rect.rangeslider-mask-max{\n    fill: var(--st-dashboard-bg-1) !important;\n    fill-opacity: 0.8 !important;\n  }\n  .plot-container.plotly svg.main-svg g.treemaplayer g.slice path.surface, \n  .plot-container.plotly svg.main-svg g.funnelarealayer g.slice path.surface{\n    stroke: var(--st-dashboard-bg-1) !important;\n  }\n  .plot-container.plotly text{\n    font-family: var(--st-font-family) !important;\n  }\n\n  .plot-container.plotly svg.main-svg g.infolayer text{\n    fill: var(--st-text-1) !important;\n  }\n  .plot-container.plotly svg.main-svg g.cartesianlayer g.zerolinelayer path, \n  .plot-container.plotly svg.main-svg g.cartesianlayer g.zerolinelayer path{\n    stroke: color-mix(in srgb, var(--st-color-neutral), transparent 0%) !important;\n  }\n  .plot-container.plotly svg.main-svg g.cartesianlayer g.gridlayer path{\n    stroke: color-mix(in srgb, var(--st-color-neutral), transparent 60%) !important;\n  }\n  .plot-container.plotly svg.main-svg g.cartesianlayer g.xtick text, \n  .plot-container.plotly svg.main-svg g.cartesianlayer g.ytick text{\n    fill: var(--st-text-2) !important;\n  }\n\n  /*===================================================================\n                      Button, Badge, Banner, chip...\n  ================================================================== */\n  .q-badge {\n    font-size: var(--st-font-size-md);\n    font-weight: var(--st-font-weight-bold);\n    padding: 4px 6px;\n  }\n  .q-btn .q-badge.q-badge--floating {\n    padding-top: 1px;\n    padding-bottom: 1px;\n  }\n  .q-banner {\n    border-radius: 5px;\n    font-weight: var(--st-font-weight-bold);\n  }\n  .q-ripple {\n    display: none;\n  }\n  \n  .q-btn .q-btn__wrapper:before {\n    box-shadow: none;\n  }\n  .q-btn.q-btn--active:enabled:not(.disabled):not(.q-btn--push):not(.q-btn--outline),\n  .q-btn:active:enabled:not(.disabled):not(.q-btn--push):not(.q-btn--outline) {\n    box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.3);\n  }\n  .q-btn.q-btn--active .q-btn__wrapper:before,\n  .q-btn:active .q-btn__wrapper:before {\n    box-shadow: none;\n  }\n  .q-btn {\n    font-weight: var(--st-font-weight-bold);\n  }\n  .q-btn-group {\n    box-shadow: none;\n  }\n  .q-chip{\n    background: var(--st-color-primary) !important;\n    color: var(--st-color-field-text-dimmed);\n    font-weight: var(--st-font-weight-bold);\n\n    .q-chip__icon {\n      color: var(--st-color-field-text-dimmed);\n    }\n  }\n\n  /*===================================================================\n                        MISC (File, Skeleton)\n  ================================================================== */\n  \n  .q-skeleton {\n    background: var(--st-skeleton);\n  }\n  .q-knob, .q-rating{\n    color: var(--st-color-primary);\n  }\n  \n  .q-avatar{\n    .q-avatar__content {\n      background: var(--st-color-primary) !important;\n      color: var(--st-color-field-text-dimmed);\n    }\n  }\n\n  .q-uploader{\n      max-width: 100%;\n      width: 100%;\n  }\n  \n  /*===================================================================\n                              Scrolls\n  ================================================================== */\n  .q-scrollarea {\n    padding-right: 20px;\n  }\n  .q-scrollarea .q-scrollarea__thumb {\n    border-radius: 5px;\n    width: 4px;\n    opacity: 0.8;\n  }\n\n  /*===================================================================\n                          Menu, Item, Date, Time, Uploader, Card\n  ================================================================== */\n  .q-menu, .q-date, .q-time, .q-uploader, .q-card {\n    background-color: var( --st-dashboard-bg-2 );\n  }\n  \n  .q-menu .q-item{\n    min-height: var( --st-component-height-lg);\n  }\n  .q-item.q-manual-focusable--focused > .q-focus-helper {\n    opacity: 0.15;\n  }\n  .q-item__section--side {\n    min-width: 20px;\n    padding-right: 10px;\n  }\n\n  \n  \n  \n  /*===================================================================\n                        Radio, Checkbox\n  ================================================================== */\n.q-checkbox__bg {\n    border-radius: 3px;\n  }\n  \n  .q-radio, .q-checkbox {\n    margin-top: var(--st-spacing-xs);\n    margin-right: var(--st-spacing-md);\n    margin-bottom: var(--st-spacing-xs);\n    margin-left: var(--st-spacing-xs);\n    .q-radio__inner, .q-checkbox__inner {   \n      width: 0.42em;   height: 0.42em;  min-width: 0.42em;       \n      .q-radio__bg, .q-checkbox__bg {    \n        width: 100%;    height: 100%;   left: 0;  top: 0;    \n      }\n    }\n    .q-checkbox__inner--falsy {   \n      .q-checkbox__bg {\n        border: 1.7px solid var(--st-color-neutral);\n      }\n    }\n    .q-radio__inner--falsy{   \n      .q-radio__bg path {\n          fill: var(--st-color-neutral);\n      }\n    }\n    .q-radio__label, .q-checkbox__label {   padding-left: 0.5em;  }\n  }\n   \n\n  /*===================================================================\n                          Date-Time\n  ================================================================== */\n.q-date,\n.q-time {\n    box-shadow: none;\n  }\n\n\n  /*===================================================================\n                        Focusable\n  ================================================================== */\n  .q-focusable:focus>.q-focus-helper, .q-hoverable:hover>.q-focus-helper, .q-manual-focusable--focused>.q-focus-helper {\n    background: var(--st-color-primary) !important;\n  }\n\n  \n  .q-item--active, .q-item.q-router-link--active {\n    font-weight: var(--st-font-weight-bold);\n    color: var(--st-color-primary) !important;\n  }\n  \n\n\n  /*===================================================================\n                            Sliders\n  ================================================================== */\n\n  .q-slider__pin-text-container {\n    padding: 0 8px;\n    min-height: 20px;\n  }\n  .q-slider__pin-text {\n    font-weight: var(--st-font-weight-bold);\n  }\n  \n  .q-slider__track-markers {\n    color: currentColor;\n  }\n\n  .q-slider--inactive .q-slider__thumb--h {\n    width: 16px !important;\n    height: 16px !important;\n  }\n\n  .q-slider__track {\n    background: var( --st-color-field-background-dimmed );\n    .q-slider__inner {\n      background: none !important;\n    }\n    .q-slider__selection {\n      color: var( --st-color-primary );\n    }\n  }\n\n\n  \n\n  /*===================================================================\n                              Table\n  ================================================================== */\n.q-table th {\n  color: var(--st-text-1);\n  font-weight: 900;\n  font-size: 0.8rem;\n}\n.q-table__card {\n  position: relative;\n  border: none;\n  box-shadow: none;\n}\n.q-table__top {\n  padding: 0 5px;\n}\n.q-table__title {\n  font-weight: var(--st-font-weight-bold);\n  font-size: 14px;\n}\n.q-table__middle {\n  background: transparent;\n  border-top-right-radius: 5px;\n  border-top-left-radius: 5px;\n}\n.q-table__middle + .q-table__bottom {\n  border-top: none;\n}\n.q-table__bottom {\n  border-bottom-right-radius: 5px;\n  border-bottom-left-radius: 5px;\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 0.8rem;\n}\n.q-table__sort-icon {\n  position: relative;\n  z-index: 1;\n  font-size: 25px;\n}\n.q-table__sort-icon:before {\n  font-family: Material Icons;\n  content: "arrow_drop_up";\n  -webkit-font-feature-settings: "liga" 1;\n  -moz-font-feature-settings: "liga" 1;\n  font-feature-settings: "liga" 1;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--st-dashboard-module);\n  z-index: 5;\n  color: var(--q-color-secondary);\n}\n.q-table tbody tr {\n  color: var(--st-text-2);\n}\n.q-table td {\n  font-size: 0.9rem;\n}\n.q-table__select {\n  font-size: 12px;\n}\n\n\n  .q-table__container{\n    background: none;\n  }\n  \n  .q-table td, .q-table th, .q-table thead, .q-table tr  {\n    border-color: var(--st-color-field-border);\n  }\n\n  .q-table__card {\n    color: unset;\n  }\n\n  .q-table{\n    th {\n      font-weight: bold;\n    }\n    tbody td:before {\n      background: color-mix(in srgb, var(--st-color-primary), transparent 85%);\n    }\n  }\n\n  \n\n  /*===================================================================\n                        Big Number\n  ================================================================== */\n\n.st-big-number {\n    margin: 0 auto;\n    color: var(--q-color-white);\n    text-align: center;\n    border-radius: 5px;\n    padding: 1rem 0;\n  }\n.st-big-number .q-badge {\n    font-weight: 900;\n    font-size: large;\n    margin: 0.5rem;\n    padding: 8px 15px;\n    display: block;\n    background: none;\n    color: var(--st-text-1);\n  }\n.st-big-number__num {\n    font-weight: var(--st-font-weight-bold);\n    display: block;\n    color: var(--st-text-1);\n    font-size: 1.5rem;\n  }\n.st-big-number__num .q-icon {\n    display: none;\n    margin-left: -30px;\n  }\n\n  @media (max-width: 599px) {\n    .st-big-number__num .q-icon {\n      display: inline-block;\n    }\n  }\n  @media (min-width: 1023px) {\n    .st-big-number__num {\n      font-size: 2rem;\n    }\n    .st-big-number__num .q-icon {\n      display: inline-block;\n    }\n  }\n.st-big-number--positive .st-big-number__num .q-icon {\n    color: var(--q-color-positive);\n  }\n.st-big-number--negative .st-big-number__num .q-icon {\n    color: var(--q-color-negative);\n  }\n.st-big-number__icon {\n    font-size: 20px;\n    width: 2em;\n    height: 2em;\n    border-radius: 50%;\n    text-align: center;\n    margin: 0.5rem 0;\n    padding-right: 1px;\n  }\n\n\n  /*===================================================================\n                        Header\n  ================================================================== */\n  \n.st-header {\n    background: var(--q-color-white);\n    padding-left: 20px;\n  }\n  @media (max-width: 599px) {\n    .st-header {\n      padding-top: 20px;\n      padding-bottom: 0;\n    }\n  }\n\n@media (min-width: 600px) {\n.st-header .st-header__title + .st-header__title,\n.st-header .st-header__title + .st-logo,\n.st-header .st-logo + .st-header__title,\n.st-header .st-logo + .st-logo {\n    margin-left: 15px;\n    padding-left: 15px;\n    border-left: 1px solid var(--st-dashboard-line);\n  }\n}\n.st-logo {\n  height: 20px;\n}\n.st-header__title,\n.st-logo {\n  text-align: center;\n  display: block;\n}\n@media (min-width: 600px) {\n.st-header__title,\n.st-logo {\n    display: inline-block;\n    text-align: left;\n  }\n}\n.st-logo {\n  margin: 0 auto;\n}\n@media (min-width: 600px) {\n.st-logo {\n    margin: auto;\n  }\n}\n\n\n  /*===================================================================\n                        Footer\n  ================================================================== */\n\n.st-footer {\n    font-size: 0.8rem;\n    padding-top: 2rem !important;\n    text-align: center;\n  }\n.st-footer .st-logo {\n    height: 17px;\n    margin-right: 2px;\n  }\n\n\n\n  /*===================================================================\n                        St Field Label\n  ================================================================== */\n\n  .st-field-label {\n    font-size: var(--st-font-size-md);\n    font-weight: 500;\n    color: var(--st-text-1);\n    padding-top: 7px;\n    padding-bottom: 2px;\n    margin: 0;\n\n    > p{\n      margin: 0px;\n    }\n  }\n\n  .st-center {\n    margin: auto;\n  }\n}\n\n\n/* ---------- Layout ---------- */\n\n.max-width-xs {\n  max-width: 600px;\n}\n.max-width-sm {\n  max-width: 800px;\n}\n.max-width-md {\n  max-width: 1000px;\n}\n.max-width-lg {\n  max-width: 1200px;\n}\n.max-width-xl {\n  max-width: 1400px;\n}\n';const er=e=>(Object(n["J"])("data-v-772479b2"),e=e(),Object(n["H"])(),e),tr={key:0,class:"editorSidebar",style:{height:"100%"}},ar={class:"col",style:{display:"flex","flex-direction":"column",height:"100%",position:"relative"}},nr={class:"themeHeader"},or={style:{"user-select":"none"}},lr={style:{"font-weight":"bold","text-transform":"capitalize"}},rr={key:0},ir=["innerHTML"],sr={style:{display:"flex","flex-direction":"row",gap:"10px",padding:"5px 10px 8px"}},cr={key:1},dr=er(()=>Object(n["k"])("div",{style:{"margin-top":"10px","font-weight":"bold"}},"Available themes",-1)),pr={class:"themeButtonsContainer"},ur=["onClick"],br={key:0,style:{"font-style":"italic","font-size":"0.9em"}},mr={key:0,style:{display:"flex","flex-direction":"row",gap:"5px"}},gr=["onClick"],fr=["onClick"],hr=["innerHTML"],vr={key:0,class:""},yr={key:0,class:"",style:{"max-width":"100%",height:"calc(100% - 25px)",position:"relative",padding:"10px 10px","text-align":"center"}},_r={style:{"font-weight":"bold","text-transform":"capitalize"}},jr=er(()=>Object(n["k"])("br",null,null,-1)),Or=er(()=>Object(n["k"])("i",{role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"1.2rem"}},"list",-1)),wr={key:1,class:"testB",style:{"max-width":"100%",height:"calc(100% - 25px)",position:"relative"}},xr={style:{top:"20px",position:"relative",padding:"0px 8px 10px 3px"}},kr={class:"themeItemsContainer",style:{"font-weight":"normal","padding-left":"15px","padding-right":"20px","padding-bottom":"10px"}},Cr={key:0,class:"themeItemLabel"},Sr=["onClick"],Dr=er(()=>Object(n["k"])("i",{role:"img",class:"q-icon notranslate material-icons"},"refresh",-1)),Tr=[Dr],Ar={key:1,class:"themeItemValueCell"},Pr={key:0},Lr=["onUpdate:modelValue"],qr=["value"],Vr={key:1},Nr={key:0},Er=["onUpdate:modelValue"],Ir={key:1,style:{display:"flex","flex-direction":"row","justify-content":"flex-end"}},Mr=["value","onInput"],Gr=["onChange"],Br=["value","selected"],Rr={key:2},Fr=["onUpdate:modelValue"],zr=["value"],Hr={key:3},Ur=["onUpdate:modelValue"],$r=["value"],Wr={key:4},Jr=["onUpdate:modelValue"],Yr=er(()=>Object(n["k"])("option",{value:"var(--st-filter-light)"},"Light",-1)),Qr=er(()=>Object(n["k"])("option",{value:"var(--st-filter-dark)"},"Dark",-1)),Xr=[Yr,Qr],Zr={key:2,class:"propSwitchContainer"},Kr=["onClick"],ei=["src"],ti={style:{width:"100%","text-align":"right",padding:"20px 20px 0px"}},ai={key:0,class:"clearThemeButton"},ni={key:1,class:"notProUI"},oi=er(()=>Object(n["k"])("br",null,null,-1)),li=er(()=>Object(n["k"])("br",null,null,-1)),ri=er(()=>Object(n["k"])("br",null,null,-1));var ii={__name:"ThemeEditor",props:{endpoint:{type:String,required:!0},filepath:{type:String,required:!0}},emits:["changed"],setup(e,{expose:t,emit:a}){const o=e;t({initializeFromThemeCssFile:E});let l=Object(n["L"])(!1);const r=Object(n["L"])(!1),s=Object(n["L"])(""),c=Object(n["L"])(zl()),d=Object(n["L"])(""),p=Object(n["L"])(!1),u=Object(n["L"])({}),b=Object(n["L"])(""),m=Object(n["L"])(""),g=Object(n["L"])(null);V();const f=Object(n["L"])(""),h=Object(n["L"])(!1),v=Object(n["f"])(()=>y.IS_PRO),_=Object(n["f"])(()=>u.value.registered||[]);function j(e){const t=document.createElement("style");try{t.textContent=e,document.head.appendChild(t);const a=t.sheet&&t.sheet.cssRules.length>0;return document.head.removeChild(t),a}catch(a){return t.parentNode&&document.head.removeChild(t),!1}}function O(e){console.log("applyTheme",e);let t=`${apibase}apps/${y.appid}/save?path=.theme`;i["a"].post(t,{payload:e.name}).then(t=>{console.log("applyTheme response",t),u.value.active.name=e.name,u.value.active.asset=e.asset,s.value=null,"usertheme"==e.name&&(l.value=!0)}).catch(e=>{console.log("applyTheme error",e)})}function w(){return _.value.some(e=>"usertheme"==e.name)}function x(e){w()?(r.value=!0,g.value=e):(k(e),g.value=null,r.value=!1)}function k(e){console.log("customizeTheme",e);let t=`${apibase}apps/${y.appid}/save?path=${encodeURIComponent("public/css/themes/theme.css")}`;i["a"].post(t,{payload:e.content}).then(e=>{console.log('customizeTheme - save "themes/theme.css" response: ',e);let t=`${apibase}apps/${y.appid}/save?path=.theme`;i["a"].post(t,{payload:"usertheme"}).then(e=>{console.log('customizeTheme - save ".theme" response: ',e),u.value.active.name="usertheme",u.value.active.asset="/css/themes/theme.css",l.value=!0,h.value=!1}).catch(e=>{console.log("customizeTheme error",e)})}).catch(e=>{console.log("customizeTheme error",e)})}async function C(e,t=!1){if(!s.value){let e=J(":root.stipple-core");m.value=e}S(""),console.log("onThemePicked",e.assetFullPath),e.assetFullPath?fetch(e.assetFullPath).then(e=>{if(!e.ok)throw new Error("HTTP error "+e.status);return e.text()}).then(a=>{if(!j(a))throw console.error("Invalid CSS"),new Error("Invalid CSS");{e.content=a;let n=a;E(n),Q(),t&&(l.value=!0,h.value=!1)}}).catch(e=>{console.error("Error fetching theme:",e);let t="";"TypeError"===e.name&&e.message.includes("Failed to fetch")?t+="CSS File not":t+=e.message,S(t)}).finally(()=>{s.value=e,console.log("onThemePicked - finally",s.value)}):S("Missing asset path")}function S(e){d.value=e}function D(e){e&&(k(g.value),g.value=null),r.value=!1}function T(e){u.value=e}function A(){console.log("refreshThemeList");let e=y.getAppAssetsBaseUrl("http",window.appData.value.port);"/"==e[e.length-1]&&(e=e.substring(0,e.length-1));let t=`${apibase}apps/${y.appid}/pages`;i["a"].get(t).then(t=>{let a=t.data.pages[y.currentPageIndex],n=a.themes;n&&n.active&&(n.active.asset.startsWith("/")?n.active.assetFullPath=e+n.active.asset:n.active.assetFullPath=n.active.asset),n&&n.registered&&n.registered.forEach(t=>{t.asset.startsWith("/")?t.assetFullPath=e+t.asset:t.assetFullPath=t.asset}),T(n)}).catch(e=>{console.log("refreshThemeList error",e)})}function P(){L(!h.value)}function L(e){console.log("showThemeSelector",e,s.value),e?(console.log("showThemeSelector - will refresh theme list"),A()):s.value&&(console.log("showThemeSelector - will discard"),N()),r.value=!1,s.value="",h.value=e,d.value=""}function q(){window.showUpgradeLicenseDialog(!1)}function V(){c.value.groups.forEach(e=>{e.rules.forEach(e=>{e.properties.forEach(e=>{e.defaultValue=e.value})})})}function N(){s.value="",m.value?(console.log("discardPreviewedTheme A (backup)"),E(m.value)):(console.log("discardPreviewedTheme B (original)"),E(b.value)),Q()}function E(e,t=!1){if(console.log("[ThemeEditor] initializeFromThemeCssFile()",e.length),""==e)return void a("changed","");let n=I(e),o={};n.forEach(e=>{o[e.selector]||(o[e.selector]={}),o[e.selector][e.propertyName]=e.value});let r=c.value.groups;r.forEach(e=>{e.rules.forEach(e=>{let t=e.selector;e.properties.forEach(e=>{let a=o[t];if(a){let t=a[e.propertyName];t&&(e.value=t)}})})}),t&&(b.value=e),V(),t&&setTimeout(()=>{l.value=!0},100)}function I(e){const t=[],a=/:root\.stipple-core\s*{([\s\S]*?)}/,n=/([^{}]+){([^}]+)}/g,o=a.exec(e);if(o){const e=o[1].trim(),a=e.split(";").filter(e=>""!==e.trim());a.forEach(e=>{const[a,n]=e.split(":").map(e=>e.trim());t.push({selector:":root.stipple-core",propertyName:a,value:n})})}let l;while(null!==(l=n.exec(e))){const e=l[1].trim(),a=l[2].trim(),n=a.split(";").filter(e=>""!==e.trim());n.forEach(a=>{const[n,o]=a.split(":").map(e=>e.trim());t.push({selector:e,propertyName:n,value:o})})}return t.forEach(e=>{var t;null!==(t=e.value)&&void 0!==t&&t.startsWith("var(")&&(e.value=e.value.replace("var(","").replace(")",""))}),t}function M(e){if(G(e.value)){let t=Ml[e.propertyName];t?e.value=t.default:console.error("[ThemeEditor] No property definition for ",e.propertyName)}else e.value="--undefined";Q()}function G(e){let t="string"==typeof e&&e.startsWith("--");return t}function B(e){return parseFloat(e.value)||""}function R(e){const t=e.value.match(/[a-zA-Z%]+$/);return t?t[0]:"px"}function F(e,t){const a=e.target.value,n=this.getUnitValue(t);t.value=""!=a?`${a}${n}`:a,this.assignVariables()}function z(e,t){const a=e.target.value,n=this.getNumericValue(t);t.value=""!=n?`${n}${a}`:n,this.assignVariables()}function H(e=!1){console.log("[ThemeEditor] saveDocument"),p.value=!1;let t,a=encodeURIComponent(o.filepath),n=`${o.endpoint}save?path=${a}`;1==e?t="":(t=Kl,t=t.replace("/* {{ themeVariables }} */",J(":root.stipple-core"))),console.log("[ThemeEditor] saveUrl",n),i["a"].post(n,{payload:t}).then(t=>{console.log("[ThemeEditor] html-save callback: ",a),200==t.status?1==e?window.location.reload():V():console.log("[ThemeEditor] Error saving template: ",t)}).catch(e=>{console.log("[ThemeEditor] error saving HTML: ",a),console.log("[ThemeEditor] ERROR saving template file response: ",e),console.log("[ThemeEditor] Error saving template, network error: ",e),U("There was an issue saving your changes (Network error). If the problem persists please try reloading this window.")})}function U(e){window.parent.postMessage({command:"showApiErrorAlert",message:e},"*")}function $(){p.value=!1,X()}function W(e){let t=[];return"font-size"==e.propertyName?c.value.groups.forEach(e=>{e.rules.forEach(e=>{e.properties.forEach(e=>{e.isVar&&"text"==e.type&&t.push(e)})})}):(c.value.groups.forEach(e=>{e.rules.forEach(e=>{e.properties.forEach(e=>{e.isVar&&!e.hide&&"color"==e.type&&t.push(e)})})}),t=t.sort((e,t)=>e.label.localeCompare(t.label))),t}function J(e="#demoContent"){let t="";return c.value.groups.forEach(e=>{e.rules.forEach(e=>{t+=`  ${e.selector}{\n`,e.properties.forEach(e=>{null==e.value||e.value.startsWith,""==e.value||(e.value.startsWith("--")?t+=`    ${e.propertyName}: var(${e.value});\n`:t+=`    ${e.propertyName}: ${e.value};\n`)}),t+="  }\n"})}),t}function Y(){l.value&&(p.value=!0,Q())}function Q(){let e=Kl;e=e.replace("/* {{ themeVariables }} */",J(":root.stipple-core")),a("changed",e)}function X(){c.value.groups.forEach(e=>{e.rules.forEach(e=>{e.properties.forEach(t=>{Z(e,t)})})})}function Z(e,t){let a=t.defaultValue;t.value=a,Y()}return Object(n["D"])(()=>{A()}),(e,t)=>{var a,o,i,b;const m=Object(n["O"])("q-expansion-item"),g=Object(n["O"])("q-list"),y=Object(n["O"])("vscode-button");return v.value?(Object(n["G"])(),Object(n["j"])("div",tr,[Object(n["k"])("div",ar,[Object(n["k"])("div",nr,[Object(n["k"])("div",or,[Object(n["l"])("Active Theme: "),Object(n["k"])("span",lr,Object(n["S"])((null===(a=u.value)||void 0===a||null===(a=a.active)||void 0===a?void 0:a.name)||"None"),1)]),Object(n["k"])("div",null,[Object(n["k"])("i",{role:"img",class:"q-icon notranslate material-icons",style:{cursor:"pointer",padding:"1px 3px 1px","font-size":"1.1rem"},onClick:t[0]||(t[0]=e=>P())},Object(n["S"])(h.value?"filter_list_off":"list"),1)])]),Object(n["k"])("div",{class:Object(n["w"])({themeSelector:!0,themeSelectorVisible:h.value||!Object(n["V"])(l),themeSelectorShadow:Object(n["V"])(l)}),style:{}},[r.value?(Object(n["G"])(),Object(n["j"])("div",rr,[Object(n["k"])("div",null,[Object(n["k"])("div",{style:{padding:"10px"},innerHTML:"Are you sure you want to overwrite the current theme with '<b>"+s.value.name+"</b>'?"},null,8,ir),Object(n["k"])("div",sr,[Object(n["k"])("button",{class:"themedButton",onClick:t[1]||(t[1]=e=>D(!1))},"No"),Object(n["k"])("button",{class:"themedButton",onClick:t[2]||(t[2]=e=>D(!0))},"Yes")])])])):Object(n["i"])("",!0),h.value?(Object(n["G"])(),Object(n["j"])("div",cr,[dr,Object(n["k"])("div",pr,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(_.value,e=>{var t,a,o,l,r,i;return Object(n["G"])(),Object(n["j"])("div",{key:e.name,class:Object(n["w"])({themeSelectorItem:!0,themeSelectorItemSelected:e.name==(null===(t=u.value)||void 0===t||null===(t=t.active)||void 0===t?void 0:t.name)}),style:{}},[Object(n["k"])("div",{onClick:t=>C(e),class:Object(n["w"])({themeSelected:e.name==(null===(a=u.value)||void 0===a||null===(a=a.active)||void 0===a?void 0:a.name),themePreviewed:e.name==(null===(o=s.value)||void 0===o?void 0:o.name)}),style:{width:"100%"}},[Object(n["l"])(Object(n["S"])((null===e||void 0===e?void 0:e.name)||"None")+" ",1),e.name==(null===(l=s.value)||void 0===l?void 0:l.name)?(Object(n["G"])(),Object(n["j"])("span",br,"(Preview)")):Object(n["i"])("",!0)],10,ur),d.value||e.name!=(null===(r=s.value)||void 0===r?void 0:r.name)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",mr,[Object(n["k"])("button",{class:"themedButton",onClick:t=>O(e),style:{padding:"0px 8px 1px","font-size":"0.8em",position:"relative",top:"-1px"}},"Apply",8,gr),Object(n["k"])("button",{class:"themedButton",onClick:t=>x(e),style:{padding:"0px 8px 1px","font-size":"0.8em",position:"relative",top:"-1px"}},"Customize",8,fr)])),d.value&&e.name==(null===(i=s.value)||void 0===i?void 0:i.name)?(Object(n["G"])(),Object(n["j"])("div",{key:1,class:"themeError",innerHTML:d.value},null,8,hr)):Object(n["i"])("",!0)],2)}),128))]),s.value?(Object(n["G"])(),Object(n["j"])("div",vr,[Object(n["k"])("button",{class:"themedButton",onClick:t[3]||(t[3]=e=>N()),style:{"margin-top":"10px"}},"Discard")])):Object(n["i"])("",!0)])):Object(n["i"])("",!0)],2),h.value||"usertheme"==(null===(o=u.value)||void 0===o||null===(o=o.active)||void 0===o?void 0:o.name)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",yr,[Object(n["l"])("Your are currently using the "),Object(n["k"])("span",_r,Object(n["S"])((null===(i=u.value)||void 0===i||null===(i=i.active)||void 0===i?void 0:i.name)||"Unknown"),1),Object(n["l"])(" theme. "),jr,Object(n["l"])("Click the "),Or,Object(n["l"])(" icon above to select a different one or customize your own. ")])),Object(n["V"])(l)&&!h.value&&"usertheme"==(null===(b=u.value)||void 0===b||null===(b=b.active)||void 0===b?void 0:b.name)?(Object(n["G"])(),Object(n["j"])("div",wr,[Object(n["k"])("div",xr,[Object(n["db"])(Object(n["k"])("input",{class:"roundInput",type:"text","onUpdate:modelValue":t[4]||(t[4]=e=>f.value=e),id:"",placeholder:"Search Theme Styles"},null,512),[[n["Z"],f.value]])]),Object(n["m"])(g,{style:{height:"100%","max-height":"calc(100% - 125px)","overflow-y":"auto","overflow-x":"hidden"}},{default:Object(n["cb"])(()=>[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(c.value.groups,(e,a)=>(Object(n["G"])(),Object(n["h"])(m,{key:e.label,label:e.label,dense:"","default-opened":0==a,style:{"font-weight":"bold"}},{default:Object(n["cb"])(()=>[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.rules,e=>(Object(n["G"])(),Object(n["h"])(m,{key:e.label,label:e.label,dense:"","default-opened":"","header-inset-level":.2,class:"level2",style:{"font-weight":"bold"}},{default:Object(n["cb"])(()=>[Object(n["k"])("div",kr,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.properties,a=>(Object(n["G"])(),Object(n["j"])("div",{class:Object(n["w"])({themeItemContainer:!0,unused:""==a.value})},[!a.hide&&(""==f.value||a.propertyName.indexOf(f.value)>-1)?(Object(n["G"])(),Object(n["j"])("div",Cr,[a.value!=a.defaultValue?(Object(n["G"])(),Object(n["j"])("div",{key:0,class:"resetPropertyButton",onClick:t=>Z(e,a)},Tr,8,Sr)):Object(n["i"])("",!0),Object(n["l"])(" "+Object(n["S"])(a.label),1)])):Object(n["i"])("",!0),!a.hide&&(""==f.value||a.propertyName.indexOf(f.value)>-1)?(Object(n["G"])(),Object(n["j"])("div",Ar,[!a.isVar&&G(a.value)?(Object(n["G"])(),Object(n["j"])("div",Pr,[Object(n["k"])("div",null,[Object(n["db"])(Object(n["k"])("select",{class:"propControl","onUpdate:modelValue":e=>a.value=e,onChange:t[5]||(t[5]=e=>Y())},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(W(a),e=>(Object(n["G"])(),Object(n["j"])("option",{value:e.propertyName},Object(n["S"])(e.label),9,qr))),256))],40,Lr),[[n["Y"],a.value]])])])):(Object(n["G"])(),Object(n["j"])("div",Vr,["text"==a.type?(Object(n["G"])(),Object(n["j"])("div",Nr,[Object(n["db"])(Object(n["k"])("input",{class:"propControl",type:"text","onUpdate:modelValue":e=>a.value=e,onChange:t[6]||(t[6]=e=>Y())},null,40,Er),[[n["Z"],a.value]])])):Object(n["i"])("",!0),"number"==a.type?(Object(n["G"])(),Object(n["j"])("div",Ir,[Object(n["k"])("div",null,[Object(n["k"])("input",{class:"propControl",type:"number",value:B(a),onInput:e=>F(e,a),style:{width:"40px"}},null,40,Mr)]),Object(n["k"])("div",null,[a.units?(Object(n["G"])(),Object(n["j"])("select",{key:0,class:"propControl units",onChange:e=>z(e,a)},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(a.units,e=>(Object(n["G"])(),Object(n["j"])("option",{value:e,selected:e===R(a)},Object(n["S"])(e),9,Br))),256))],40,Gr)):Object(n["i"])("",!0)])])):Object(n["i"])("",!0),"color"==a.type?(Object(n["G"])(),Object(n["j"])("div",Rr,[G(a.value)?Object(n["db"])((Object(n["G"])(),Object(n["j"])("select",{key:0,class:"propControl","onUpdate:modelValue":e=>a.value=e,onChange:t[7]||(t[7]=e=>Y())},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(W(a),e=>(Object(n["G"])(),Object(n["j"])("option",{style:{border:"solid 1px blue"},value:"var("+e.propertyName+")"},Object(n["S"])(e.label),9,zr))),256))],40,Fr)),[[n["Y"],a.value]]):(Object(n["G"])(),Object(n["h"])(Jl,{key:1,class:"",xOffset:-180,yOffset:5,btnwidth:"50px",btnheight:"15px",modelValue:a.value,"onUpdate:modelValue":e=>a.value=e,onChanged:Y},null,8,["modelValue","onUpdate:modelValue"]))])):Object(n["i"])("",!0),"select"==a.type?(Object(n["G"])(),Object(n["j"])("div",Hr,[Object(n["db"])(Object(n["k"])("select",{class:"propControl","onUpdate:modelValue":e=>a.value=e,onChange:t[8]||(t[8]=e=>Y())},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(a.options,e=>(Object(n["G"])(),Object(n["j"])("option",{value:e.value||e},Object(n["S"])(e.label||e),9,$r))),256))],40,Ur),[[n["Y"],a.value]])])):Object(n["i"])("",!0),"filter"==a.type?(Object(n["G"])(),Object(n["j"])("div",Wr,[Object(n["db"])(Object(n["k"])("select",{class:"propControl","onUpdate:modelValue":e=>a.value=e,onChange:t[9]||(t[9]=e=>Y())},Xr,40,Jr),[[n["Y"],a.value]])])):Object(n["i"])("",!0)]))])):Object(n["i"])("",!0),a.hide||!(""==f.value||a.propertyName.indexOf(f.value)>-1)||a.isVar||"color"!=a.type?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",Zr,[Object(n["k"])("div",{class:Object(n["w"])({propModeSwitch:!0,forceVisible:G(a.value)}),onClick:e=>M(a)},[Object(n["k"])("img",{title:"Toggle Variable",src:G(a.value)?Object(n["V"])(Ql.a):Object(n["V"])(Zl.a),alt:""},null,8,ei)],10,Kr)]))],2))),256))])]),_:2},1032,["label"]))),128))]),_:2},1032,["label","default-opened"]))),128))]),_:1}),Object(n["k"])("div",ti,[Object(n["k"])("button",{class:Object(n["w"])({themedButton:!0,buttonDisabled:!p.value}),onClick:H},"Save Changes",2),p.value?(Object(n["G"])(),Object(n["j"])("div",ai,[Object(n["k"])("div",{onClick:$},"Reset All Changes")])):Object(n["i"])("",!0)])])):Object(n["i"])("",!0)])])):(Object(n["G"])(),Object(n["j"])("div",ni,[Object(n["l"])(" The Theme Editor is a Pro feature."),oi,Object(n["l"])(" Upgrade to Pro and start using it now!"),li,Object(n["l"])(),ri,Object(n["m"])(y,{onClick:q,style:{"margin-right":"3px"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Upgrade")]),_:1})]))}}},si=(a("ed5a"),a("3b73")),ci=a("66e5");const di=L()(ii,[["__scopeId","data-v-772479b2"]]);var pi=di;ot()(ii,"components",{QIcon:ra["a"],QList:Cl["a"],QExpansionItem:si["a"],QItem:ci["a"]});const ui=e=>(Object(n["J"])("data-v-2e81d656"),e=e(),Object(n["H"])(),e),bi={key:0,class:"mainContainer"},mi={class:"topBar"},gi={style:{width:"calc(100% - 300px)","min-width":"calc(100% - 300px)",display:"flex","flex-direction":"row","justify-content":"end","padding-right":"2px"}},fi=ui(()=>Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{}},"highlight_alt",-1)),hi=[fi],vi=ui(()=>Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{}},"feedback",-1)),yi=[vi],_i=ui(()=>Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{}},"help",-1)),ji=[_i],Oi=ui(()=>Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{}},"refresh",-1)),wi=[Oi],xi=ui(()=>Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{}},"save",-1)),ki=[xi],Ci={class:"topToolBar",style:{display:"flex","flex-direction":"row",width:"300px","min-width":"300px"}},Si={key:0,style:{"flex-grow":"1","text-align":"left","padding-left":"15px"}},Di={style:{display:"flex","flex-direction":"column"}},Ti=["innerHTML"],Ai={style:{"margin-right":"10px",color:"rgb(204, 204, 204)",width:"100%",padding:"3px 0px","font-size":"0.9em",position:"relative",top:"-8px",opacity:"0.7"}},Pi={class:"rowStack"},Li={class:"centralBar"},qi={class:"panel canvasPanel",style:{}},Vi={class:"panel logsPanel"},Ni={class:"panel bindingsPanel fullHeight"},Ei={id:"themesContainer",style:{height:"100%"},title:""},Ii=ui(()=>Object(n["k"])("div",{id:"myStyleEditorContainer",title:""},[Object(n["k"])("div",{id:"myStyleEditorContainerClasses"}),Object(n["k"])("div",{id:"myStyleEditorContainerSections"})],-1)),Mi=ui(()=>Object(n["k"])("div",{id:"layersContainer",title:""},null,-1)),Gi={class:"nothingSelected",title:""},Bi=ui(()=>Object(n["k"])("i",null,"Nothing selected",-1)),Ri=[Bi],Fi={id:"customCodeEditor",title:""},zi={class:"panel propertiesPanel fullHeight"},Hi={class:"panel aiHelpPanel fullHeight"};var Ui={__name:"Main",setup(e,{expose:t}){j();const a="1.1.11";let o=Object(n["L"])(null),l=Object(n["L"])(null),r=Object(n["L"])("test <p>para</p>"),s=Object(n["L"])({mode:"text/xml",theme:"neat",lineWrapping:!0}),c={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},d="",p="",u="",b=[],m="",v=Object(n["L"])([]),_=Object(n["L"])(null),O=localStorage.getItem("panelStates");O?_.value=JSON.parse(O):(_.value={bindingsPanelContainer:{expanded:!0,size:10},propertiesPanelContainer:{expanded:!0,size:10},aiHelpPanelContainer:{expanded:!0,size:10}},F());const w=Object(n["L"])(null),x=Object(n["L"])(null),k=Object(n["L"])(null),C=Object(n["L"])(null),S=Object(n["L"])(null),D=Object(n["L"])(null),T=Object(n["L"])(null),A=Object(n["L"])(null),P=Object(n["L"])(null),L=Object(n["L"])(null),q=Object(n["L"])(null),V=Object(n["L"])(null);let N=null,E=!1,I=window.appData=Object(n["L"])(null);const M=window.statusMonitor=new Il(we,ke,xe),B=Object(n["f"])(()=>{let e="Properties";return V&&V.value?V.value.attributes.name&&(e+=" - "+V.value.attributes.name):e+=" (nothing selected)",e});function R(){let e=`${apibase}apps/${y.appid}/`;return e}function F(){try{_.value.bindingsPanelContainer.size=Math.round(document.getElementById("bindingsPanelContainer_Pane").style.height.split("%").join("")),_.value.propertiesPanelContainer.size=Math.round(document.getElementById("propertiesPanelContainer_Pane").style.height.split("%").join("")),_.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(_.value))}function z(){F()}function H(e,t){_.value[e].expanded=t,F()}function $(e){return e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}function W(){return y.IS_PRO}function Y(){let e='Genie Builder <span style=" font-weight: bold;">';return e+=$(W()?y.LICENSE_TYPE:"Lite"),e+="</span>",e}function Q(e){4==e&&setTimeout(()=>{le()},200)}function X(e){S.value.showAiCodePreview(e)}function Z(e){console.log("[Main] themeCssLoaded: "),l.value?l.value.initializeFromThemeCssFile(e,!0):console.log("[Main] themeEditor not found")}function K(){let e=r.value;const t=new DOMParser,a=t.parseFromString(e,"text/html"),n=a.body;qe.encodeAttributesInDOM(n);const o=n.innerHTML;let l=editor.getCss();editor.getSelected().replaceWith(o),editor.setStyle(l)}function ee(e){D.value.setHandleBlocks(e)}function ae(e){q.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 q.value.updateElementsPositions([])}function ne(e){var t;let a=e.bindingInfo.bindingname,n=null===(t=sharedData.modelFieldsByName[a])||void 0===t?void 0:t.columns;if(n&&n.length>0){let t,o;t=o=`$_{${a}.${n[0]}}`,n.length>1&&(o=`$_{${a}.${n[1]}}`);let l=e.newComponentModel;editor.select(e.targetModel),setTimeout(()=>{var a;let n=null===(a=A.value)||void 0===a?void 0:a.chartPropertiesPanel;n&&n.addNewTraceFromBinding(t,o),editor.select(l);let r=l.collection;r.remove(l),editor.select(e.targetModel)},100)}}function oe(e){window.selectedComponent=V.value=e,A.value&&A.value.setSelectedComponent(e),L.value&&L.value.setSelectedComponent(e),le()}function le(){let e=V.value;if(!e)return;let t=e.toHTML();const a=t,n=new DOMParser,l=n.parseFromString(a,"text/html"),i=l;qe.decodeAttributesInDOM(i),t=i.querySelector("body").innerHTML;let s=html_beautify(t,c);r.value=s,o.value.refresh()}function re(e=!0){window.showUpgradeLicenseDialog(e)}function ie(){window.location.reload()}function se(e){I.value=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{Any}}":"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","{Matrix}":"Array","{Matrix{Any}}":"Array","{Matrix{Bool}}":"Array","{Matrix{String}}":"Array","{Matrix{Char}}":"Array","{Matrix{Number}}":"Array","{Matrix{Float64}}":"Array","{Matrix{Int64}}":"Array","{Matrix{Int32}}":"Array","{Matrix{Int16}}":"Array","{Matrix{Int8}}":"Array","Matrix{Dict}":"Array","{Object}":"Object","{NamedTuple{(:min, :max), Tuple{Int64, Int64}}}":"Object","{Dict}":"Object","{Dict{String, Any}}":"Object","{Dict{String, Bool}}":"Object","{Dict{String, String}}":"Object","{RangeData{Int64}}":"Object","{Vector{GenericTrace{Dict{Symbol, Any}}}}":"PlotlyBase.GenericTrace","{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,n=a.replace("Reactive",""),o=t[n];void 0!=o||0!=n.indexOf("{Vector{Dict{")&&0!=n.indexOf("{Vector{Vector{")||(o="Array"),e.type=o||"UnknownType"}),e.model.fields=g["a"].sortBy(e.model.fields,e=>e.name.toLowerCase())})}function de(){let e=editor.getCss();const t=editor.getHtml({cleanId:!0}),a=new DOMParser,n=a.parseFromString(t,"text/html"),o=n.body.querySelector("#gbTemplateContainer")||null;let l=/\*\s*{[^}]*}|body\s*{[^}]*}/g;e=e.replace(l,""),qe.decodeAttributesInDOM(o);const r=o.innerHTML;let i=html_beautify(r,c);return i=qe.restoreSpecialElements(i),{beautifiedHtml:i,editedHtmlCss:e}}function pe(e,t){function a(e){const t=/([^{]+)\{([^}]+)\}/g;let a;const n={};while(null!==(a=t.exec(e))){const e=a[1].trim(),t=a[2].trim();n[e]=t}return n}function n(e){return Object.entries(e).map(([e,t])=>`${e} { ${t} }`).join(" ")}const o=a(e),l=a(t);for(const[r,i]of Object.entries(l))o[r]=i;return n(o)}function ue(e){let t=new DOMParser,a=t.parseFromString(e,"text/html");const n=a.body||null,o=n.innerHTML;let l=html_beautify(o,c);return l=qe.restoreSpecialElements(l),l}function be(){me()}function me(e){let{beautifiedHtml:t,editedHtmlCss:a}=de(),n=t.indexOf("<tempplaceholder")>-1;if(n)return;let o=ue(t),l=ue(m),r=l!=o;if(!r&&!e)return;if(m=t,y.elementid){const e=new DOMParser,a=e.parseFromString(d,"text/html");let n=a.querySelector("#"+y.elementid);n.innerHTML=t;const o=a.body,l=o.innerHTML;t=html_beautify(l,c),t=qe.restoreSpecialElements(t)}let s=N.view,g=encodeURIComponent(s),f=`${apibase}apps/${y.appid}/save?path=${g}`;E=!0,i["a"].post(f,{payload:t}).then(e=>{if(200!=e.status)return void Oe(`There was an issue saving your changes (code ${e.status}). If the problem persists please try reloading this window.`);if(y.elementid){let e=pe(p,a);a=e}else{let e=qe.mergeCss(b,u,a);a=e}let t=qe.formatCss(a);a=t,setTimeout(()=>{let e=`${apibase}apps/${y.appid}/save?path=public/css/autogenerated.css`;i["a"].post(e,{payload:a}).then(e=>{E=!1}).catch(e=>{})},1e3)}).catch(e=>{Oe("There was an issue saving your changes (Network error). If the problem persists please try reloading this window.")})}function ge(){let e=N.config.app_path+"/"+N.view;localStorage.removeItem("unsavedChanges__"+e)}function fe(){let e=N.config.app_path+"/"+N.view,t=localStorage.getItem("unsavedChanges__"+e);return t&&(t=JSON.parse(t)),t}function he(){let e=N.config.app_path+"/"+N.view,t=de();t=JSON.stringify(t),localStorage.setItem("unsavedChanges__"+e,t)}function ve(){editor.Commands.isActive("sw-visibility")?editor.Commands.stop("sw-visibility"):editor.runCommand("sw-visibility")}function ye(){window.parent.postMessage({command:"openFeedbackForm"},"*")}function _e(){window.parent.postMessage({command:"openHelpPage"},"*")}function je(){window.parent.postMessage({command:"informNoCodeVersion",metadata:{nocodeVersion:a}},"*")}function Oe(e){window.parent.postMessage({command:"showApiErrorAlert",message:e},"*")}function we(e){}function xe(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=N.config.app_path+"/"+N.view,n=e==a,o=e.indexOf("autogenerated.css")>-1,l=e.indexOf("css/themes/theme.css")>-1;if(l)return;(l||!o&&!E)&&(n||he(),window.location.reload())}else C&&C.value&&C.value.addLog({appid:t.appid,timestamp:t.timestamp,source:"server",level:t.type,message:t.message+": "+t.status})}function ke(e){M.restart(5)}function Ce(){const e=editor.getSelected();window.parent.postMessage({command:"editNestedComponent",appid:searchParams.appid,filepath:searchParams.filepath,ccid:e.getId()},"*")}function Se(e){console.log("[ThemeEDitor] updateRegisteredThemes",e),v.value=e}function De(){je(),window.showUpgradeLicenseDialog=(e=!0)=>{window.parent.postMessage({command:"showUpgradeLicenseDialog",metadata:{showDialog:e}},"*")},window.canvasPanel=S,document.addEventListener("scroll",e=>{let t=q.value;null!=t&&t.updateIframePosition()}),document.addEventListener("keydown",e=>{if(e.ctrlKey||e.metaKey)switch(e.key){case"s":e.preventDefault(),me();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=q.value;null!=t&&t.updateElementsPositions(e.data.payload)},!1),apibase&&y.appid&&(i["a"].get(apibase+"apps").then(e=>{let t=e.data.applications.find(e=>e.id.value.toString()==y.appid),a=t;null!=t&&i["a"].get(apibase+"apps/"+y.appid+"/pages").then(e=>{ce(e.data.pages),a.pages=e.data.pages,se(a),setTimeout(()=>{N=e.data.pages[y.currentPageIndex];let t,a=fe();if(a)ge(),t=a.beautifiedHtml,m=t,S.value.updateTemplateFile(t);else{let e=apibase+"apps/"+y.appid+"/edit?path="+encodeURIComponent(N.view);i["a"].get(e).then(e=>{if(y.elementid){const a=new DOMParser,n=a.parseFromString(e.data.content,"text/html");d=e.data.content,t=n.querySelector("#"+y.elementid).innerHTML;let o=`${apibase}apps/${y.appid}/edit?path=public/css/autogenerated.css`;i["a"].get(o).then(e=>{p=e.data.content}).catch(e=>{console.error("error loading full css file: ",o,e)})}else{t=e.data.content;let a=`${apibase}apps/${y.appid}/edit?path=public/css/autogenerated.css`;i["a"].get(a).then(e=>{u=e.data.content}).catch(e=>{console.error("error loading full css file: ",a,e)})}m=t;const a=qe.extractIdsFromHtml(t);console.log("htmlElementIds: ",a),b=a,S.value.updateTemplateFile(t)}).catch(t=>{console.error("error loading template file: ",e,t)})}},300)}).catch(e=>{})}).catch(e=>{}),M.connect())}function Te(e){console.log("onThemeChanged(): ",e.length);let t=document.querySelector(".gjs-frame");if(!t)return void console.log("unale to apply them,e to canvas, canvas not ready");let a=t.contentDocument.getElementById("temporalTheme");if(a)a.textContent=e;else{let a,n=t.contentDocument.querySelectorAll("link");n.forEach(e=>{let t=e.getAttribute("href");t.endsWith("/grapesCanvas.css")&&(a=e)}),a&&Ae(a,e)}}function Ae(e,t){let a=document.createElement("style");return a.id="temporalTheme",a.textContent=t,e.insertAdjacentElement("beforebegin",a),a}return window.switchCodeEditorTheme=()=>{"light"==window.currentThemeType?s.value.theme="neat":s.value.theme="dracula",themeType=window.currentThemeType,o.value&&o.value.refresh()},t({startEditingComponentContent:Ce}),Object(n["D"])(()=>{De()}),Object(n["E"])(()=>{}),(e,t)=>{const i=Object(n["O"])("vscode-button");return Object(n["V"])(I)?(Object(n["G"])(),Object(n["j"])("div",bi,[Object(n["k"])("div",mi,[Object(n["k"])("div",gi,[Object(n["k"])("div",{class:"topbarButton",onClick:ve,title:"View Component Outlines",style:{"padding-top":"5px"}},hi),Object(n["k"])("div",{class:"topbarButton",onClick:ye,title:"Give Feedback",style:{"padding-top":"5px"}},yi),Object(n["k"])("div",{class:"topbarButton",onClick:_e,title:"Get Support"},ji),Object(n["k"])("div",{class:"topbarButton",onClick:ie,title:"Reload"},wi),Object(n["k"])("div",{class:"topbarButton",onClick:t[0]||(t[0]=e=>me(!0)),title:"Save"},ki)]),Object(n["k"])("div",Ci,[W()?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",Si,[Object(n["m"])(i,{onClick:t[1]||(t[1]=e=>re(!1)),style:{}},{default:Object(n["cb"])(()=>[Object(n["l"])("Upgrade to PRO")]),_:1})])),Object(n["k"])("div",Di,[Object(n["k"])("div",{class:"gbLogo",innerHTML:Y()},null,8,Ti),Object(n["k"])("div",Ai,"v "+Object(n["S"])(Object(n["V"])(a)),1)])])]),Object(n["k"])("div",Pi,[Object(n["k"])("div",Li,[Object(n["k"])("div",qi,[Object(n["m"])(rt,{ref_key:"canvasPanel",ref:S,onAutoSaveTriggered:be,onSaveTriggered:t[2]||(t[2]=e=>me(!0)),onComponentSelected:oe,onBindingDroppedOnComponent:ne,onThemeCssLoaded:Z,onThemesUpdated:Se,appData:Object(n["V"])(I)},null,8,["appData"])]),Object(n["k"])("div",Vi,[Object(n["m"])(G,{title:"Logs"},{default:Object(n["cb"])(()=>[Object(n["m"])(Ao,{ref_key:"logsPanel",ref:C,appData:Object(n["V"])(I)},null,8,["appData"])]),_:1})])]),Object(n["m"])(Object(n["V"])(f["b"]),{horizontal:"",class:"rightBar",onResized:z},{default:Object(n["cb"])(()=>[Object(n["m"])(Object(n["V"])(f["a"]),{id:"bindingsPanelContainer_Pane",size:Object(n["V"])(_).bindingsPanelContainer.size,style:Object(n["x"])({minHeight:Object(n["V"])(_).bindingsPanelContainer.expanded?"200px":"25px",maxHeight:Object(n["V"])(_).bindingsPanelContainer.expanded?"100%":"25px"})},{default:Object(n["cb"])(()=>[Object(n["k"])("div",Ni,[Object(n["m"])(G,{title:"Library & Bindings",ref_key:"bindingsPanelContainer",ref:w,"onUpdate:expanded":t[4]||(t[4]=e=>H("bindingsPanelContainer",e)),class:"fullHeight"},{default:Object(n["cb"])(()=>[Object(n["m"])(U,{mode:"light",onChangeTab:Q,style:{height:"100%",display:"flex","flex-direction":"column"}},{default:Object(n["cb"])(()=>[Object(n["m"])(J,{title:"Library",active:"true",style:{}},{default:Object(n["cb"])(()=>[Object(n["m"])(vt,{ref_key:"libraryPanel",ref:T,onBlockCustomTriggered:ee},null,512)]),_:1}),Object(n["m"])(J,{title:"Bindings"},{default:Object(n["cb"])(()=>[Object(n["m"])(te,{ref_key:"bindingsPanel",ref:D,appData:Object(n["V"])(I),onBindingOvered:ae},null,8,["appData"])]),_:1}),Object(n["m"])(J,{title:"Theme"},{default:Object(n["cb"])(()=>[Object(n["k"])("div",Ei,[Object(n["m"])(Object(n["V"])(pi),{ref_key:"themeEditor",ref:l,endpoint:R(),filepath:"public/css/themes/theme.css",onChanged:Te},null,8,["endpoint"])])]),_:1}),Object(n["m"])(J,{title:"Styles"},{default:Object(n["cb"])(()=>[Ii]),_:1}),Object(n["m"])(J,{title:"Layers"},{default:Object(n["cb"])(()=>[Mi]),_:1}),Object(n["m"])(J,{title:"Code",style:{width:"100%"}},{default:Object(n["cb"])(()=>[Object(n["db"])(Object(n["k"])("div",Gi,Ri,512),[[n["ab"],!V.value]]),Object(n["db"])(Object(n["k"])("div",Fi,[Object(n["m"])(Object(n["V"])(h["a"]),{ref_key:"codeEditor",ref:o,value:Object(n["V"])(r),"onUpdate:value":t[3]||(t[3]=e=>Object(n["s"])(r)?r.value=e:r=e),options:Object(n["V"])(s),border:"",placeholder:"test placeholder",height:200},null,8,["value","options"]),Object(n["m"])(i,{onClick:K},{default:Object(n["cb"])(()=>[Object(n["l"])("Apply")]),_:1})],512),[[n["ab"],V.value]])]),_:1})]),_:1})]),_:1},512)])]),_:1},8,["size","style"]),Object(n["m"])(Object(n["V"])(f["a"]),{id:"propertiesPanelContainer_Pane",size:Object(n["V"])(_).propertiesPanelContainer.size,style:Object(n["x"])({minHeight:Object(n["V"])(_).propertiesPanelContainer.expanded?"100px":"25px",maxHeight:Object(n["V"])(_).propertiesPanelContainer.expanded?"100%":"25px"})},{default:Object(n["cb"])(()=>[Object(n["k"])("div",zi,[Object(n["m"])(G,{title:B.value,ref_key:"propertiesPanelContainer",ref:x,"onUpdate:expanded":t[5]||(t[5]=e=>H("propertiesPanelContainer",e)),class:"fullHeight"},{default:Object(n["cb"])(()=>[Object(n["m"])(so,{ref_key:"propertiesPanel",ref:A,appData:Object(n["V"])(I),selectedComponent:V.value,class:"fullHeight",parentPanel:x.value},null,8,["appData","selectedComponent","parentPanel"])]),_:1},8,["title"])])]),_:1},8,["size","style"]),Object(n["m"])(Object(n["V"])(f["a"]),{id:"aiHelpPanelContainer_Pane",size:Object(n["V"])(_).aiHelpPanelContainer.size,style:Object(n["x"])({minHeight:Object(n["V"])(_).aiHelpPanelContainer.expanded?"150px":"25px",maxHeight:Object(n["V"])(_).aiHelpPanelContainer.expanded?"100%":"25px"})},{default:Object(n["cb"])(()=>[Object(n["k"])("div",Hi,[Object(n["m"])(G,{title:"AI Assistant",ref_key:"aiHelpPanelContainer",ref:k,"onUpdate:expanded":t[6]||(t[6]=e=>H("aiHelpPanelContainer",e)),class:"fullHeight"},{default:Object(n["cb"])(()=>[Object(n["m"])(U,{mode:"light",style:{height:"100%",display:"flex","flex-direction":"column"}},{default:Object(n["cb"])(()=>[Object(n["m"])(J,{title:"UI",active:"true"},{default:Object(n["cb"])(()=>[Object(n["m"])(El,{ref_key:"aiCodePanel",ref:L,appData:Object(n["V"])(I),onAiCodeChanged:X,selectedComponent:V.value,class:"fullHeight"},null,8,["appData","selectedComponent"])]),_:1}),Object(n["m"])(J,{title:"Help",style:{}},{default:Object(n["cb"])(()=>[Object(n["m"])(Xo,{ref_key:"aiHelpPanel",ref:P,appData:Object(n["V"])(I),selectedComponent:V.value,class:"fullHeight"},null,8,["appData","selectedComponent"])]),_:1})]),_:1})]),_:1},512)])]),_:1},8,["size","style"])]),_:1})]),Object(n["m"])(Eo,{ref_key:"bindingConnectorsManager",ref:q,appData:Object(n["V"])(I)},null,8,["appData"])])):Object(n["i"])("",!0)}}};a("3632");const $i=L()(Ui,[["__scopeId","data-v-2e81d656"]]);var Wi=$i;ot()(Ui,"components",{QIcon:ra["a"]});var Ji={__name:"App",setup(e){window.uikit=s,window.provideVSCodeDesignSystem=c["a"];const t=Object(n["L"])(null);function a(){window.mainController=t}return Object(c["a"])().register(Object(d["c"])(),Object(p["c"])(),Object(u["b"])(),Object(b["b"])(),Object(m["b"])()),Object(n["D"])(()=>{a()}),(e,a)=>(Object(n["G"])(),Object(n["h"])(Wi,{ref_key:"mainController",ref:t,msg:"Genie Builder No-Code Editor"},null,512))}};a("fe28");const Yi=Ji;var Qi=Yi,Xi=a("5502"),Zi=Object(Xi["a"])({state:{},mutations:{},actions:{},modules:{}});function Ki(e,t,a){const n=e.map(e=>fetch(e).then(t=>{if(!t.ok)throw new Error(`Failed to fetch ${e}: ${t.statusText}`);return t.json()}));Promise.all(n).then(e=>{e.forEach(e=>{t(e)})}).catch(e=>{console.error("One or more requests failed:",e)}).finally(()=>{a()})}function es(){let e=["appid","appport","CHANNEL__","GB_SOURCE","GB_HOST","GB_PORT","USER_EMAIL","SESSIONID"],t=[];window.searchParams=getSearchParams();let a="NCD. URL Params\n------------------------";if(e.forEach(e=>{a+=`\n  - ${e}: ${searchParams[e]}`,void 0==searchParams[e]?t.push(e):y[e]=searchParams[e]}),y.elementid=searchParams.elementid,t.length>0){let e="Missing URL params: "+t.join(", ");throw alert(e),new Error(e)}i["a"].defaults.headers.common["gb-sessionid"]=""+y.SESSIONID,window.apibase=y.getExternalApiBaseUrl("http")+"api/v1/",window.themeType="dark","light"==searchParams.theme&&(themeType="light"),setTheme(themeType),y.IS_PRO="true"==searchParams.ispro,y.LICENSE_TYPE=searchParams.license_type,y.currentPageIndex=searchParams.pageindex,apibase&&y.appid&&i["a"].get(apibase+"apps").then(e=>{let t=e.data.applications.find(e=>e.id.value.toString()==y.appid);window.fullAppData=t,null!=t&&i["a"].get(apibase+"apps/"+y.appid+"/pages").then(e=>{let t=e.data.pages[0],a=extractCustomComponentsFromPageAssets(t.gb_components),i=y.getAppAssetsBaseUrl("http",y.appport);i.endsWith("/")||(i+="/"),a=a.map(e=>{e.startsWith("/")&&(e=e.substring(1));let t=i+e;return t});let s=[];Ki(a,e=>{let a=e,n=t,o=a.gbPluginId,l=n.gb_components[o],r=l.find(e=>e.endsWith("png"));if(r){let e="{appPath}"+r;a.icon=e}s.push(a)},()=>{s.forEach(e=>{let t=e.properties.findIndex(e=>"v-model"==e.name),a=e.properties.findIndex(e=>"model-value"==e.name);t>-1&&-1==a&&(e.properties[t].name="model-value")}),De(s,e=>{window.blockDefinitions=e;let t=Object(n["g"])(Qi);const a={position:"top-right",timeout:5e4,closeOnClick:!0,pauseOnFocusLoss:!0,pauseOnHover:!0,draggable:!1,showCloseButtonOnHover:!0,hideProgressBar:!0,closeButton:"button",icon:!0,rtl:!1};t.use(l["a"],a),t.use(o["a"],r).use(Zi).mount("#app")})})}).catch(e=>{console.log("error",e)})}).catch(e=>{console.log("error",e)})}window.axios=i["a"],window.currentThemeType="light",window.canvasComponents={},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.getSearchParams=()=>{const e=new URLSearchParams(window.location.search),t={};for(const[a,n]of e.entries())t[a]=n;return t},window.addEventListener("message",e=>{"removeCanvasComponent"===e.data.command?window.removeCanvasComponent(e.data.uid):"updateTheme"===e.data.command&&window.setTheme(e.data.themeType)},!1),window.customComponentsCssPaths=[],window.extractCustomComponentsFromPageAssets=function(e){let t=y.getAppAssetsBaseUrl("http",y.appport);t.endsWith("/")||(t+="/");let a=[];for(let n in e){let o=e[n];o.forEach((e,n)=>{if(e.startsWith("/")&&(e=e.substring(1)),e.endsWith("definitions.json"))a.push(e);else if(e.endsWith(".css")){let a=t+e;customComponentsCssPaths.push(a)}})}return console.log("[customComponentsPaths::customComponents: ",a),console.log("[customComponentsPaths::customComponentsCssPaths: ",customComponentsCssPaths),a},window.logUserEvent=(e,t)=>{void 0!=e&&void 0!=t&&(console.log("logUserEvent: "+e,t),window.parent.postMessage({command:"logUserEvent",name:e,data:t},"*"))},es()},6423:function(e,t,a){"use strict";a("6697")},6697:function(e,t,a){},"69cf":function(e,t,a){},"6ba8":function(e,t,a){"use strict";a("9f9d")},"6f71":function(e,t,a){},"76ba":function(e,t,a){"use strict";a("236c")},"77a2":function(e,t,a){"use strict";a("03c2")},"7aac":function(e,t,a){"use strict";a("0559")},"7e58":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAClSURBVHgBvdGxDcIwEAXQfyb0l2SBMAwFXTYgmxAmQZmCgliMQiZAqSFwYCNFwrKwSZFffuv5FwfMEWnz0u1UhINo3oEe7PZJFBSqsZAU/8RAaVMRnR187yq4aPJUTTT+gkCPYejkyEUQO9CEsaQLElUFMW5ocJeVXRx/pD2tr3UQ06bv3jco7OIP6MWfVm1D0Bs5M9vznLJ4NGKdV5OgxS2XmCMvSbFEdymcOPUAAAAASUVORK5CYII="},"92e6":function(e,t,a){},"935a":function(e,t,a){"use strict";a("3498")},9529:function(e,t,a){"use strict";a("ffa8")},"95b3":function(e,t,a){},"9c14":function(e,t,a){"use strict";a("92e6")},"9f9d":function(e,t,a){},a8a9:function(e,t,a){},b45c:function(e,t,a){"use strict";a("1e67")},bba6:function(e,t,a){},cfff:function(e,t,a){},d6e4:function(e,t,a){function n(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={},n=Object.getOwnPropertyNames(t);return n.forEach(n=>{let o=n.replace("gb_c__",""),l=void 0!==t[n].nodeValue?t[n].nodeValue:t[n];if(["data","layout","config"].includes(o)){if(n.startsWith("gb_c__"))try{l=atob(l)}catch(r){console.log("plotlyComponent :: Error decoding base64 string: ",r),l="{}"}void 0!==e[l]?a[":"+o]=e[l]:a[":"+o]=JSON.parse(l)}}),a}function n(t){for(let a in t)if("object"===typeof t[a]&&null!==t[a])n(t[a]);else if("string"===typeof t[a]){const n=t[a].match(/\$_{(.+?)}/);if(n&&n[1]){const l=n[1];t[a]=o(e,l)}}}function o(e,t){const a=t.split(".");for(let n=0;n<a.length;n++){if(!e||!e.hasOwnProperty(a[n]))return;e=e[a[n]]}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"];n(t);let a=l[":layout"]||{};n(a);let o=l[":config"]||{};return n(o),{message:"TESTING_ID",attributes:l,serverData:e,parsedData:t,parsedLayout:a,parsedConfig:o}},methods:{updateServerData(e){this.serverData=e;let t=l[":data"];n(t),this.parsedData=t;let a=l[":layout"]||{};n(a),this.parsedLayout=a;let o=l[":config"]||{};n(o),this.parsedConfig=o},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 n=`<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=n}}})}a("b7ef"),e.exports={registerPlotlyComponent:n}},da4a:function(e,t,a){},dcb9:function(e,t,a){},dff5:function(e,t,a){"use strict";a("2456")},e1f5:function(e,t,a){"use strict";a("69cf")},e7ba:function(e,t,a){"use strict";a("dcb9")},ecee:function(e,t,a){"use strict";a("95b3")},ed5a:function(e,t,a){"use strict";a("da4a")},fe28:function(e,t,a){"use strict";a("3029")},fea5:function(e,t,a){"use strict";a("a8a9")},ffa8:function(e,t,a){}});
+//# sourceMappingURL=app.24367516.js.map
\ No newline at end of file
diff --git a/public/js/app.24367516.js.map b/public/js/app.24367516.js.map
new file mode 100644
index 0000000..2e04e78
--- /dev/null
+++ b/public/js/app.24367516.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/Panel.vue?547a","webpack:///./src/components/panels/LogsPanel.vue?a7ff","webpack:///./src/components/themeEditor/assets/icons/binding_off.png","webpack:///./src/components/Main.vue?bb4d","webpack:///./src/components/panels/BindingsPanel.vue?4c2a","webpack:///./src/components/panels/properties/AddPropertyDialog.vue?7abb","webpack:///./src/components/panels/PanelTitle.vue?39e5","webpack:///./src/quasar-user-options.js","webpack:///./src/utils/Configuration.js","webpack:///./src/utils/axiosInterceptors.js","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/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/themeEditor/config/css_properties_definition.js","webpack:///./src/components/themeEditor/config/theme_template.js","webpack:///./src/components/themeEditor/ColorPicker.vue","webpack:///./src/components/themeEditor/ColorPicker.vue?9b32","webpack:///./src/components/themeEditor/themeTemplate.css","webpack:///./src/components/themeEditor/ThemeEditor.vue","webpack:///./src/components/themeEditor/ThemeEditor.vue?2e1d","webpack:///./src/components/Main.vue","webpack:///./src/components/Main.vue?8c23","webpack:///./src/App.vue","webpack:///./src/App.vue?8e8d","webpack:///./src/store/index.js","webpack:///./src/main.js","webpack:///./src/components/panels/AiCodePanel.vue?2e8f","webpack:///./src/components/ChartPropertiesSection.vue?f9bf","webpack:///./src/components/panels/PropertiesPanel.vue?620a","webpack:///./src/components/tabs/Tab.vue?5cf4","webpack:///./src/components/panels/AiHelpPanel.vue?f9ed","webpack:///./src/components/themeEditor/assets/icons/binding_on.png","webpack:///./src/components/ChartProperties.vue?413d","webpack:///./src/components/panels/CanvasPanel.vue?b523","webpack:///./src/components/panels/PropertiesPanel.vue?0eaa","webpack:///./src/components/tabs/Tabs.vue?e3c2","webpack:///./src/components/customblocks/plotlyComponent.js","webpack:///./src/components/panels/ComponentAddDialog.vue?bc8b","webpack:///./src/components/panels/LibraryPanel.vue?0bd9","webpack:///./src/components/BindingsConnector.vue?b83f","webpack:///./src/components/themeEditor/ColorPicker.vue?c367","webpack:///./src/components/themeEditor/ThemeEditor.vue?3cec","webpack:///./src/App.vue?0a97","webpack:///./src/components/panels/CanvasPanel.vue?3dc9"],"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","config","plugins","Configuration","constructor","Error","protocol","GB_SOURCE","GB_SOURCE_LOCAL","GB_HOST","GB_PORT","appPort","_defineProperty","toast","useToast","activateInterceptors","axios","interceptors","request","use","url","startsWith","ask_ai_url","headers","error","console","Promise","reject","response","status","message","expanded","ref","props","toggleExpand","emit","watch","__exports__","onExpandClicked","expand","yesNo","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","currentPageIndex","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","log","componentPlaceHolderData","isPro","IS_PRO","showUpgradeLicenseDialog","showDialog","getChartTemplate","chartId","chart","find","traceTemplate","getBlockIconPath","block","iconFileName","icon","split","join","selectCompProp","comp","prop","newElement","DOMParser","parseFromString","body","childNodes","propName","finalBindingName","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","proRequiredComponentTypes","injectableVariables","supportedIcons","sort","supportedColors","getBlockDefinitions","loadBlockDefinitions","customComponenstDefinitions","readyCallback","then","parseDefinitionsSource","addSpecialBlocks","tagProRequiredComponents","catch","includedInPro","includes","proRequired","enabled","indexOfVmodel","findIndex","indexOfModelValue","replace","uitype","desc","blockProps","propAttributeName","propAttrValue","variableName","variableValue","Array","isArray","typeList","category","renderContent","chartTypeDef","encodedData","traceLayout","encodedLayout","setBlockDefinitions","HtmlTemplateParser","htmlString","Node","replaceElementAttributes","encodeAttributesInDOM","vForString","regex","match","variables","destructureObjectRegex","destructureArrayRegex","destructureMatch","destructuredVars","exec","allVariables","iterated","origin","results","current","reachedTop","safetyMax","currentIteration","parentElement","attributeNames","getAttributeNames","vForContent","getAttribute","currentVariables","parseVFor","parentIsRoot","e","modelVariables","sharedData","modelFieldsByName","gbPrefix","bcTypeC","bcTypeB","specialDynamicAttributeNames","excludedAttributeNames","componentName","nodeName","componentDefinition","componentPropertiesDefinitions","elementAttributeNames","elementVforVariables","extractVforVariablesAncestors","attributeName","hasColon","cleanName","isDynamic","some","specialName","attributeValue","attributeDefinition","el","attributeValueMapsToModelVariable","attributeValueMapsToLocalVariable","attributeValueIsUndefined","undefined","originalName","dataType","bindingPrefix","rootElement","recursive","elements","revertElementAttributes","decodeAttributesInDOM","input","test","parser","doc","isEmptyTextNode","node","nodeType","TEXT_NODE","nodeValue","tagNameBlacklist","tagNameIsBlacklisted","removeEmptyNodes","from","child","removeChild","serializer","XMLSerializer","newHtmlString","serializeToString","definitionsById","def","newDef","mandatoryProperties","templateHtml","firstChild","attributes","attr","newAttrName","mandatoryDefs","traverse","attributeAsIs","attributeWithColon","innerHTML","columnsAttr","endsWith","dataAttr","rowsAttr","isRemoved","attrName","attrValue","removeIfEmpty","undefinedIfEmpty","setAttr","cleanNodes","removeInvalidNodes","generateBlocksMandatoryProperties","addMandatoryProperties","ids","originalCss","updatedCss","parseCss","cssString","rules","ruleContent","trim","originalRules","updatedRules","mergedCss","keys","formattedCss","tempDiv","document","createElement","elementsWithId","modelFields","item","activate","selectedComponent","mockedAppTemplate","reactiveModel","canvasBlocker","aiCodePreviewShown","firstSelectionReported","getActiveTheme","currentPage","themes","themeCssPresent","active","asset","revertAiCodeChanges","undoManager","UndoManager","undo","setComponents","lastHtmlBeforeAiReplace","acceptAiCodeChanges","onComponentAddDialogClose","select","onComponentAdded","info","_parent$grapesModel","parent","view","$el","parentNode","parentBlockType","grapesModel","newComponentModel","targetModel","bindingInfo","offerComponents","defs","components","componentType","matchingdataTypePropertyNames","matchesType","isVmodel","matchingProperties","externalData","setExternalData","newData","this","event","CustomEvent","detail","componentId","canvasComponents","component","onExternalDataChanged","initialProperty","getComponentDefinitionByType","ws","wsUrl","getAppBaseUrl","appport","updateReactiveModelVariable","sendWsMessage","payload","msg","CHANNEL__","send","subscribeAutoreload","newSocketConnection","WebSocket","addEventListener","msgObject","parse","loadScript","src","callback","script","onload","onerror","head","appendChild","initMockedGenieApp","scripts","deps","appBasePath","getAppAssetsBaseUrl","port","substring","mockedScriptsToExtract","mockedScripts","scriptPath","mockedScript","autorun","loadedScriptsCount","initStipple","GENIEMODEL","_data","initEditor","excludedScripts","parsedSCripts","found","excludedScript","registered","theme","assetFullPath","assets","commonStyles","styles","style","stylePath","themePath","assetPath","customComponentsCssPaths","cssPath","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","pluginsOpts","toolbar","items","Panels","getButton","set","compositeComponentAddedOrRemoved","on","runCommand","Commands","stop","loadThemeCssFile","setTimeout","trigger","com","compDefinition","isComposite","iscomposite","debouncedAutoSave","run","sender","mainController","startEditingComponentContent","_getComponentDefiniti","logUserEvent","isNestable","nestable","editChildElementsButton","command","class","debounce","dataTransfer","objectData","getData","objectType","DomComponents","addType","events","dblclick","focusout","onActive","contentEditable","onDisable","isComponent","onRender","registerPlotlyComponent","classes","definition","processBlockDefinition","autogeneratedStyles","apibase","appid","encodeURIComponent","setStyle","activeThemePath","fullApiUrl","blacklist","nativeElements","attributeMatch","hasAttribute","serverData","uniqueId","getMappedAttributes","attributesIn","mappedAttributes","getOwnPropertyNames","addCanvasComponent","vueApp","updateServerData","Vue","errorHandler","err","vm","warn","getElementById","warnHandler","Stipple","parsedAttributes","attributesObject","keyRaw","propertyDefinition","valueIsBinding","methods","newServerData","updateAttributes","attrs","$forceUpdate","mounted","listenTo","onAttributeChange","handleAttrChange","render","removed","postMessage","uid","ccid","internalTagName","bindingParts","bindingName","bindingObject","cleanedHtml","getInnerHTML","firstDiv","innerHtmlClean","children","inner","showAiCodePreview","addShakeEffect","once","updateReactiveModel","newModel","updateTemplateFile","fileContents","replaceSpecialElements","fullContent","firstDivContent","QTable","QTabs","QPopupProxy","QImg","QTabPanels","QTabPanel","QCard","QCardSection","QBadge","excludedTypes","blockDefinitionsRaw","description","media","editorCheckInterval","categoriesSorting","blocksByCategory","searchTerm","handleBlocks","searchTermChanged","debouncedLogSearch","buildCategoriesTree","categories","categoriesDict","filteredBlockDefinitions","hideFromLibrary","aIndex","bIndex","logCategories","output","setInterval","clearInterval","appPath","dialogBlocker","blockerClicked","closeButtonClicked","resetSearch","addProperty","defObject","destination","sortedPropsList","propslist","querySelector","focus","currentGbType","handleArrayInput","inputValue","parsedValue","valueHolderParent","getChartTypeIcon","chartType","removeSection","sectionIndex","removeTraceProperty","propertyId","treeObject","removePropertyPath","submitChanges","obj","propertyPath","parts","deleteProp","currentObj","pathIndex","shouldDeleteParent","toggleDynamicAttribute","newKey","currentValue","isPropValueBinding","changeChartType","tempProps","gbtype","getNestedPropertyParent","propParts","getNestedProperty","definitionsListWithValues","propertiesDefinition","propertyDefCloned","pop","QIcon","attributeIsBinding","isBinding","currentTabIndex","tabsList","dataSourceFields","addPropertyDestination","traces","layout","modelFieldsDict","tracePropertiesDefinition","configPropertiesDefinition","layoutPropertiesDefinition","getFieldsOfDataFrameType","getAllModelFields","column","localeCompare","getSelectedDataSourceColumns","selectedDataSourceColumns","availableDataProperties","notUsedProperties","propDef","isUsed","existingProperty","setSpecialAttributeAsConstant","functionMap","setDataAsConstant","setLayoutAsConstant","setConfigAsConstant","setSpecialAttributeAsBinding","setDataAsBinding","setLayoutAsBinding","setConfigAsBinding","getBindingsOfType","matchingModelFields","gb_c__data","newBindingValue","gb_b__data","setSelectedComponent","gb_c__layout","gb_b__layout","gb_c__config","gb_b__config","newConstantValue","gb_c_data","gb_c_layout","gb_c_config","layoutChanged","newTreeObject","configChanged","dataChanged","removeTrace","traceIndex","showAddPropertyList","hideAddProperty","propId","setNestedProperty","newConfig","newLayout","newAttributes","setAttributes","newComponent","componentAttributesRaw","getAttributes","atob","configInput","layoutInput","addNewTrace","addNewTraceFromBinding","columnA","columnB","onBeforeMount","licenseAllowsComponent","getBlockDefinition","requiresPro","chartPropertiesPanel","showAddProperty","blockDefinitionsByType","acc","getAttributeCleanRealName","attributeObject","removeAttributes","getSuggestedProperties","currentAttributesCleanNames","getCleanAttributesList","att","suggestedProperties","suggested","suggestedPropertiesNotUsed","filteredModelFields","_component$view","componentAndAncestorsVforVariableNames","vforVar","allowedTypes","elementAttributes","attrsForVuecomponent","cleanAttributeObject","getCleanAttributeObject","getBlockPropertyDefinition","propertyName","realType","blockDefinition","onDrop","dragTransferData","attrname","newAttrs","addAttributes","defaultValuesByType","Boolean","String","Number","Function","attrsObject","gbName","defaultValue","availableProperties","definitionProperties","currentAttributes","currentAttributesClean","filtered","componentAttributes","attName","newHtml","toHTML","elementStyles","styleToString","newElements","clonedAttributes","grapesElementVueApp","newAtts","cleanAttributeName","sameTypeModelFields","onChartPropModeChanged","parentPanel","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","yOffsetRect","yOffsetConnectorTarget","bindingsConnectorsContainer","getConnectionSVGPath","connection","logsPanel","logsPanelHeight","clientHeight","logsPanelHeadHeight","getOveredBindingPosition","xDistance","abs","width","controlPointOffsetX","height","path","elPosition","getElementPosition","rect","getBoundingClientRect","left","top","updateElementsPositions","lines","updateConnections","updateIframePosition","iframePosition","adjustedPositions","line","iframeElement","question","askQuestion","async","query","openLink","userPrompt","isLoading","aiApiUrl","requestObject","applyCssStylesToHtml","html","styleRules","stylesById","rule","cssText","sendRequestToAiPreservingPlotlyAttributes","inputHtml","onComplete","initialDOM","plotlyAttributes","nodeId","htmlWithStyles","getCss","post","content_type","sessionid","SESSIONID","prompt","responseObject","aiError","receivedHtml","newDOM","entries","cleanHtml","restoredHtml","aiApiResponse","getHtml","aiSendClicked","selectedElement","selectedHtml","componentCss","keepUnusedStyles","avoidProtected","bindingsList","extendedPrompt","previousPrompt","entireHtml","resultHtml","QDate","QInput","QTime","QBtn","QSelect","QRadio","QCheckbox","QToggle","QSlider","QRange","QKnob","QList","QVideo","QAvatar","QChip","QRating","QSpinner","QTimeline","QTimelineEntry","QScrollArea","StatusMonitor","onOpen","onClose","onMessage","wsEndpoint","getExternalApiBaseUrl","onOpenHandler","onCloseHandler","onMessageHandler","connect","onopen","onmessage","onclose","restart","seconds","fontFamiliesList","fontWeightsList","shadowTypesList","fontSizesList","getTemplate","groups","selector","isVar","hide","internalColor","isOpen","pickerRef","hue","saturation","brightness","alpha","hexColorInput","updateValue","hsbToHex","h","g","b1","f","q","hex","round","toString","padStart","rgbToHsb","delta","parseColor","color","hasAlpha","parseInt","hsb","newColor","hex8","modelValue","newValue","immediate","togglePicker","hidePicker","showPicker","handleKeyEvent","popup","buttonRef","buttonBottom","bottom","right","removeEventListener","handleClickOutside","onUnmounted","initializeFromThemeCssFile","initialised","showThemeOverwriteWarning","themeNameToApply","themeItems","themeError","unsavedChanges","originalThemeContent","themeContentBackup","customizeThemeCandidate","storePropertyDefaults","themeSelectorVisible","registeredThemes","isValidCSS","textContent","isValid","sheet","cssRules","applyTheme","themeObject","saveUrl","isUserthemeRegistered","onCustomizeThemeClicked","customizeTheme","dotThemeUrl","onThemePicked","startEditing","currentCss","definitionsToCss","showThemeError","fetch","ok","text","templateCssString","assignVariables","errorMessage","finally","onThemeOverwriteConfirmed","confirm","setUpdatedThemes","newThemes","refreshThemeList","pageDataUrl","toggleThemeSelector","showThemeSelector","show","discardPreviewedTheme","group","cssContent","firstTime","parsedCss","parseCSS","incomingBySelector","inputObjectSelector","inputObjectProperty","rootRegex","cssRulesRegex","rootMatch","propertiesBlob","part","ruleMatch","_item$value","togglePropMode","valueIsVar","propDefinition","CssPropDefs","getNumericValue","parseFloat","getUnitValue","updateNumericValue","numericValue","unitValue","updateUnitValue","saveDocument","emptyContent","encodedFilePath","filepath","endpoint","templateCss","location","reload","showApiErrorAlert","clearTheme","resetAllProperties","getCssVariables","rootSelector","onPropValueChanged","resetProperty","QExpansionItem","QItem","version","process","codeEditor","themeEditor","codeEditorValue","cmOptions","lineWrapping","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","fullDocumentHTML","fullDocumentCSS","fullDocumentCSSOriginal","elementIdsInHtmlToEdit","lastSavedHTMLCode","panelStates","storedStates","bindingsPanelContainer","size","propertiesPanelContainer","aiHelpPanelContainer","savePanelStates","canvasPanel","bindingsPanel","libraryPanel","propertiesPanel","aiHelpPanel","aiCodePanel","bindingConnectorsManager","savedFromNoCodeEditor","statusMonitor","onSocketOpen","onSocketClose","onSocketMessage","getPropertiesPanelName","getApiAppBaseUrl","panesResized","updatePaneState","panelRefName","capitalize","str","charAt","toUpperCase","userIsPro","getLogoContent","LICENSE_TYPE","onMainTabChanged","updateCodeEditorContent","onAiCodeChanged","onThemeCssLoaded","applyCodeChanges","previousStyle","onBlockCustomTriggered","contentWindow","onBindingDroppedOnComponent","_sharedData$modelFiel","dsName","tempElement","_propertiesPanel$valu","collection","onComponentSelected","selectedComponentCode","beautifiedHtml","html_beautify","refresh","reloadPage","updateData","translateBindingTypes","typesMap","page","isreactive","fieldType","cleanType","mappedType","getCurrentHtmlAndCss","editedHtmlCss","cleanId","pattern","restoreSpecialElements","mergeCss","fullCss","partialCss","css","matches","parsed","stringifyCss","cssObj","fullCssObj","partialCssObj","getCleanHtmlCode","onAutoSaveTriggered","saveTemplate","force","containsTempPlaceHolder","cleanBeautifiedCode","cleanLastSavedCode","contentHasChanged","elementid","pageViewPath","encodedViewPath","fullMergedCss","beautifiedCss","formatCss","saveCssUrl","clearStoredUnsavedChanges","currentPath","app_path","removeItem","getStoredUnsavedChanges","setStoredUnsavedChanges","currentContents","toggleComponentsFrame","isActive","openFeedbackPage","openHelpPage","informNoCodeVersion","metadata","nocodeVersion","messageData","filePath","currentPageFullPath","isSameFile","isAutogeneratedCss","isThemeCss","searchParams","getId","updateRegisteredThemes","themesList","bindConnMgr","ctrlKey","metaKey","preventDefault","shiftKey","execCommand","myApp","applications","app","fullAppData","contentToLoad","readTemplateFilePath","htmlElementIds","extractIdsFromHtml","onThemeChanged","newCss","temporalTheme","contentDocument","grapesCanvasElement","cssLinks","cssLink","href","addStyledSibling","insertAdjacentElement","switchCodeEditorTheme","currentThemeType","themeType","uikit","provideVSCodeDesignSystem","register","vsCodeTextField","vsCodeDropdown","vsCodeOption","vsCodeButton","vsCodeCheckbox","createStore","mutations","actions","loadMultipleUrls","urls","successCallback","completeCallback","requests","statusText","json","all","responses","startNocodeApplication","expectedParamsList","urlParamsMissing","getSearchParams","report","paramName","urlParamsMessage","alert","common","setTheme","ispro","license_type","pageindex","customComponents","extractCustomComponentsFromPageAssets","gb_components","customComponent","fullPath","customComponentsDefinitions","customComponentDef","customBlockDefJsonObject","CP","gbPluginId","pluginAssets","iconRelativePath","iconAbsolutePath","customBlockDef","definitions","createApp","App","toastOptions","position","timeout","closeOnClick","pauseOnFocusLoss","pauseOnHover","showCloseButtonOnHover","hideProgressBar","closeButton","rtl","Toast","Quasar","quasarUserOptions","store","mount","removeCanvasComponent","documentElement","params","URLSearchParams","search","componentsList","componentAssets","cssFullPath","removable","badgable","stylable","highlightable","copyable","resizable","hoverable","traits","replaceReferencedBindingsToAttributeData","propToReplace","parsedData","parsedLayout","parsedConfig"],"mappings":"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","file":"js/app.24367516.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!./Panel.vue?vue&type=style&index=0&id=17c958c7&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=0ebb8bf8&lang=scss&scoped=true\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACWSURBVHgBvZLhCcMgEIUP7QB2g4gLZYNmk6aTlO6lmBE6gJg8gyFBhDP5kQ8ewunHiSfRHVhr+7ImGjxyzr2xqLL+aBRHKeWTzpBEZEa+tX3BdVwPCfFrlo8i+COT975j5UJMqBijRwZWTldEdO648THGjKystZ5CCB3to6mKVTl3f3FiFTyMyuNplzbwDYdLYpZ7uoMFLkRH+UBfLR8AAAAASUVORK5CYII=\"","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=2e81d656&scoped=true&lang=scss\"","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=0b09cf83&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=7c578f7c&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!./PanelTitle.vue?vue&type=style&index=0&id=6c90e336&lang=scss&scoped=true\"","\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}","export default class Configuration{\n    constructor(){\n        throw new Error('Configuration is a static class and cannot be instantiated');\n    }\n\n\n    static appid = '';\n    static currentPageIndex = 0;\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://aiapis.hosting.genieframework.com/api/';\n    static TERMS_OF_USE_URL = 'https://genielicensing.hosting.genieframework.com/documents/terms.pdf';\n    \n\n    static IS_PRO = false;\n    static LICENSE_TYPE = \"Unknown\";\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        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        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        return result;\n    }\n\n\n}","import axios from \"axios\";\nimport { useToast } from \"vue-toastification\";\nimport Configuration from \"./Configuration\";\nconst toast = useToast();\n\n\n\n\nexport default function activateInterceptors(){\n    // Add a request interceptor\n    axios.interceptors.request.use(function (config) {\n        // Remove gb-sessionid header if url begins with Configuration.ask_ai_url\n        if(config.url.startsWith(Configuration.ask_ai_url)){\n            delete config.headers['gb-sessionid'];\n        }\n        return config;\n    }, function (error) {\n        // Do something with request error\n        console.error( `Axios interceptor REQUEST ERROR: `, error );\n        return Promise.reject(error);\n    });\n\n    // Add a response interceptor\n    axios.interceptors.response.use(function (response) {\n        // Any status code that lie within the range of 2xx cause this function to trigger\n        return response;\n    }, function (error) {\n        console.error( `Axios interceptor RESPONSE ERROR: `, error );\n        // Any status codes that falls outside the range of 2xx cause this function to trigger\n        if( error.response.status == 429 || error.response.status == 402 ){\n            toast( error.response.message || \"There was a problem with your subscription. Please try again later or contact support.\");\n        }\n        return Promise.reject(error);\n    });\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%; margin-right: 2px;\">\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    expand( !expanded.value );\n}\n\nfunction expand( yesNo ){\n    expanded.value = yesNo;\n    saveExpandedState();\n    emit('update:expanded', yesNo);\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, expand });\n</script>\n\n<style lang=\"scss\" scoped>\n/* Your existing styles */\n.panelContent{\n    padding: 10px 5px 10px 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=17c958c7&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-17c958c7\"]])\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    font-size: 0.93em;\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=19c808a0&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                @mouseover=\"onBindingOvered(block.binding, $event)\" @mouseout=\"onBindingOut\"\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\" :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';\nimport Configuration from '../../utils/Configuration';\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[Configuration.currentPageIndex].model.fields ){\n        if( sortMethod.value == 'az' )\n            sorted = _.sortBy( props.appData.pages[Configuration.currentPageIndex].model.fields, (field)=>{ return field.name.toLowerCase() } );\n        else if( sortMethod.value == 'type')\n            sorted = _.sortBy( props.appData.pages[Configuration.currentPageIndex].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    user-select: none;\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=0b09cf83&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-0b09cf83\"]])\n\nexport default __exports__","let chartTypes = [\n    { \"id\": \"Area Chart\", \"icon\": \"areaChart\",                             \"proRequired\": false, \"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\",                               \"proRequired\": false, \"traceTemplate\": { \"gbtype\":\"Bar Chart\", \"x\":[\"Category 1\", \"Category 2\", \"Category 3\"], \"y\":[9, 10, 20], \"type\":\"bar\", \"name\":\"Trace\" } },\n    { \"id\": \"Box\" , \"icon\": \"boxChart\" ,                                   \"proRequired\": true, \"traceTemplate\": { \"gbtype\":\"Box\", \"y\": [1,2,3,4,7,9], \"type\": \"box\",\"name\":\"Trace\"} },\n    { \"id\": \"Candlestick\" , \"icon\": \"candlestickChart\" ,                   \"proRequired\": true, \"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\" ,                     \"proRequired\": true, \"traceTemplate\": { \"gbtype\":\"Choropleth\", \"locationmode\": \"country names\", \"locations\": [\"Canada\", \"United States\", \"Mexico\"], \"z\": [10, 20, 30], \"type\": \"choropleth\", \"name\": \"Trace\" }  },\n    { \"id\": \"Cone\" , \"icon\": \"coneChart\" ,                                 \"proRequired\": true, \"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\" ,                           \"proRequired\": true, \"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\" ,                             \"proRequired\": true, \"traceTemplate\": { \"gbtype\":\"Funnel\", \"x\": [10, 20, 30], \"y\": [\"Stage 1\", \"Stage 2\", \"Stage 3\"], \"type\": \"funnel\", \"name\": \"Trace\" }  },\n    { \"id\": \"Funnel Area\", \"icon\": \"funnelAreaChart\",                      \"proRequired\": true, \"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\",                             \"proRequired\": false, \"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\",                        \"proRequired\": true, \"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\",                         \"proRequired\": false, \"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\",                    \"proRequired\": true, \"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\",     \"proRequired\": true, \"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\",                         \"proRequired\": true, \"traceTemplate\": { \"gbtype\":\"Indicator\", \"mode\": \"number+delta\", \"value\": 400, \"delta\": { \"reference\": 350 }, \"type\": \"indicator\", \"name\": \"Trace\" } },\n    { \"id\": \"Isosurface\", \"icon\": \"isosurfaceChart\",                       \"proRequired\": true, \"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\",                             \"proRequired\": false, \"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\",                              \"proRequired\": true, \"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\",                                   \"proRequired\": true, \"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\",                               \"proRequired\": false, \"traceTemplate\": { \"gbtype\":\"Pie Chart\", \"labels\":[\"Slice 1\", \"Slice 2\", \"Slice 3\"], \"values\":[10, 20, 30], \"type\":\"pie\", \"name\":\"Trace\" } }, \n    { \"id\": \"Scatter\", \"icon\": \"scatterChart\",                             \"proRequired\": false, \"traceTemplate\": { \"gbtype\":\"Scatter\", \"x\":[5, 10, 15], \"y\":[10, 15, 5], \"type\":\"scatter\", \"mode\":\"markers\", \"name\":\"Trace\" } },\n    { \"id\": \"Scatter 3D\", \"icon\": \"scatter3DChart\",                        \"proRequired\": true, \"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\",                      \"proRequired\": true, \"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\",                        \"proRequired\": true, \"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\",                             \"proRequired\": true, \"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\",                                 \"proRequired\": true, \"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\",                           \"proRequired\": true, \"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\",                               \"proRequired\": true, \"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\",                         \"proRequired\": true, \"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\" ,                            \"proRequired\": false, \"traceTemplate\": { \"gbtype\":\"Image\" } },\n    { \"id\": \"Scatter Mapbox\", \"icon\": \"scatterMapboxChart\",                \"proRequired\": true, \"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\",                       \"proRequired\": true, \"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\",                               \"proRequired\": true, \"traceTemplate\": generateVolumeTrace() }, \n    { \"id\": \"Treemap\", \"icon\": \"treemap\", \"proRequired\": false, \"traceTemplate\": { \"gbtype\": \"Treemap\", \"type\": \"treemap\", \"labels\": [\"A\", \"B\", \"C\", \"D\", \"E\", \"F\", \"G\", \"H\", \"I\"], \"parents\": [\"\", \"A\", \"A\", \"C\", \"C\", \"A\", \"\", \"G\", \"G\"], \"values\": [10, 5, 5, 2, 3, 2, 8, 3, 5], \"name\": \"Trace\" }\n    },\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:true, compGroupDisabled: comp.proRequired && !isPro }\" v-for=\"comp in props.componentPlaceHolderData.components\" :key=\"comp.type\"  @click=\"(!comp.proRequired) || ( comp.proRequired  && isPro ) ? selectCompProp(comp, comp.matchingProperties[0]) : showUpgradeLicenseDialog(true)\" :title=\"comp.proRequired && !isPro ? 'Upgrade to PRO plan to use this component and many more!' : comp.label\">\n                    <div class=\"compName\">\n                        <div :class=\"{ compNameLabel: true, compNameLabelProRequired: (comp.proRequired && !isPro) }\">{{ comp.label }}</div>\n                        <div :class=\"{ compNameIconContainer: true, compNameIconContainerProRequired: (comp.proRequired && !isPro) }\">\n                            <img :src=\"getBlockIconPath(comp)\" :class=\"{ typeIcon:true, typeIconProRequired: (comp.proRequired && !isPro) }\" style=\"filter: var(--library-icon-filter); max-height: 20px; margin-top: 6px; pointer-events: none;\" />\n                           <!--  <div>Pro: {{ comp.proRequired }}</div> -->\n                        </div>\n                        <img v-if=\"comp.proRequired && !isPro\" src=\"img/icons/pro_badge.png\" class=\"proBadge\" style=\"\"/>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n\n<script setup>\nimport Configuration from '../../utils/Configuration';\nimport {chartTypes} from '../../utils/chartDefinitions.js';\n\nconst props = defineProps(['appData', 'componentPlaceHolderData'])\nconst emit = defineEmits(['closeDialog'])\n\nconsole.log( \"props.componentPlaceHolderData: \", props.componentPlaceHolderData)\nconst isPro = Configuration.IS_PRO;\n\nfunction showUpgradeLicenseDialog(showDialog=true){\n    window.showUpgradeLicenseDialog(showDialog);\n}\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    \n    /* window.logUserEvent( \"component::addFromBinding\", { \n        component: comp.type, \n        bindingDataType: props.componentPlaceHolderData.datatype\n    }); */\n\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[Configuration.currentPageIndex].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        position: relative;\n    }\n    \n    .proBadge{\n        position: absolute;\n        bottom: 3px;\n        right: 3px;\n        width: 20px;\n        opacity: 0.2;\n    }\n    \n    .compGroupDisabled{\n        cursor: not-allowed;\n    }\n\n    .compGroupDisabled:hover{\n        .proBadge{\n            opacity: 1;\n        }\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    .compNameLabel{\n        text-overflow: ellipsis; \n        overflow: hidden; \n        white-space: nowrap; \n        pointer-events: none;\n    }\n\n    .compNameIconContainer{\n        justify-content: center; \n        display: flex; \n        margin-bottom: 3px; \n        filter: brightness(1.5) saturate(1); \n        pointer-events: none;\n    }\n\n    .compNameLabelProRequired, .compNameLabelProRequired, .typeIconProRequired{\n        opacity: 0.3;\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=457e8d62&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-457e8d62\"]])\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\nlet proRequiredComponentTypes = ['q-toggle', 'q-range', 'q-date', 'q-time', 'q-knob', 'q-table', 'q-avatar', 'q-chip', 'q-icon', 'q-rating', 'q-spinner', 'q-scroll-area', 'q-tab-panels', 'q-tab-panel', 'st-table', 'st-tabs'];\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(customComponenstDefinitions, readyCallback){\n  // Load dynamically and call callback function when ready\n  axios.get('data/blockDefinitions.json')\n    .then( result => {\n      _blockDefinitions = [...customComponenstDefinitions, ...result.data];\n      parseDefinitionsSource();\n      addSpecialBlocks();\n      tagProRequiredComponents();\n      readyCallback(_blockDefinitions);    \n    } )\n    .catch( (error) => {\n      console.error( \"Error loading block definitions: \", error );\n    });\n}\n\n/*\nIterates over the list of components and tags the ones that are required in the Pro version\nIMPORTANT: Components can already be tagges as proRequired in the blockDefinitions.json file, or other component definitions.json files (i.e. custom components). This tag will be preserved, so this function can only expand the list of proRequired components.\n*/\nfunction tagProRequiredComponents(){\n  _blockDefinitions.forEach( (block) => {\n    const includedInPro = proRequiredComponentTypes.includes( block.type );\n    if( includedInPro ){\n      block.proRequired = true;\n    }\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    // Add \"v-if\" and \"v-for\" to the properties\n    block.properties.push( { name: 'v-if', label: 'Condition (if)', type:'Boolean', uitype:'String', desc: `Defines a conditional which, when true, will show the element in the document.\\nYou can use JS code, i.e. \"value > 10\"` } );\n    block.properties.push( { name: 'v-else-if', label: 'Condition (else-if)', type:'Boolean', uitype:'String', desc: `Defines a conditional which, when true, will show the element in the document.\\nYou can use JS code, i.e. \"value > 10\"` } );\n    block.properties.push( { name: 'v-else', label: 'Condition (else)', type:'Boolean', uitype:'String', desc: `Defines a conditional which, when previous if/else-if statements are false, will show the element in the document.\"` } );\n    block.properties.push( { name: 'v-for', label: 'Loop (for)', type:'Array', desc: `Sets the element to iterate over a list of values, producing multiple instances.\\nYou can declare iterator values pointing to the list elements and indexes, and use them in other props.\\nI.e.: \\n- item in list\\n- (item, index) in list` } );\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( propAttributeName == \"type\" && Array.isArray(propAttrValue) ){\n          prop[propAttributeName] = propAttrValue[0];\n          prop.typeList = propAttrValue;\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  // Generic Div\n  /* _blockDefinitions.push({\n    type: \"looper\", label: \"Looper\", tagName: \"looper\", \n    content: \"<looper>Generic looper</looper>\", \n    properties: [ { name: 'v-if', label: 'Condition (if)', type:'String' }, { name: 'v-for', label: 'Loop (for)', type:'String' } ], \n    //hideFromLibrary: true,\n    droppable: true,     editable: false,     draggable: true,\n  } ); */\n\n  // ========================================================\n  //                    Plotly charts dynamic\n  // ========================================================\n\n  _blockDefinitions.push({\n    type: \"plotly\", label: \"Bound Chart\", tagName: \"PLOTLY\", category: \"Charts\", \n    content: `<plotly gb_b__data=\"undefined\" gb_b__layout=\"undefined\" gb_b__config=\"undefined\"></plotly>`, \n    renderContent: `<img src=\"img/block_icons/areaChart.png\" />`,  \n    icon: 'bound_chart.png', proRequired: false,\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  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', proRequired: chartTypeDef.proRequired,\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\n/* parses a v-for statement to extract its iterated and iterator (variables) components */\nstatic parseVFor(vForString) {\n    // Regular expression to match the structure of the v-for directive\n    const regex = /^\\s*\\(?([^)]+)\\)?\\s+in\\s+(\\S+)\\s*$/;\n    const match = vForString.match(regex);\n\n    if (match) {\n        let variables = match[1].replace(/\\s/g, '');\n        \n        // Handle destructured variables (both object and array destructuring)\n        const destructureObjectRegex = /{([^}]+)}/g;\n        const destructureArrayRegex = /\\[([^\\]]+)\\]/g;\n        let destructureMatch;\n        let destructuredVars = [];\n\n        // Extract variables from object destructuring\n        while ((destructureMatch = destructureObjectRegex.exec(variables)) !== null) {\n            destructuredVars.push(...destructureMatch[1].split(','));\n        }\n\n        // Extract variables from array destructuring\n        while ((destructureMatch = destructureArrayRegex.exec(variables)) !== null) {\n            destructuredVars.push(...destructureMatch[1].split(','));\n        }\n\n        // Remove destructured parts from variables and split the rest\n        variables = variables.replace(destructureObjectRegex, '').replace(destructureArrayRegex, '').split(',').filter(v => v);\n\n        // Combine variables and destructured variables\n        const allVariables = [...destructuredVars, ...variables];\n\n        const iterated = match[2];\n        return {\n            variables: allVariables,\n            iterated: iterated\n        };\n    } else {\n        return null;\n    }\n}\n\n/* \nExtracts variable names from v-for attributes in the ancestors of the given element, and the element itself,\nso that they can be listed as bindings in the properties panel, and also so that they can be recognised as legit bindings \nwhen parsing incoming html template \n*/\nstatic extractVforVariablesAncestors(origin){\n    let results = [];\n    let current = origin;\n    let reachedTop = false;\n    let safetyMax = 1000;\n    let currentIteration = 0;\n    try{\n        while( !reachedTop && current && current.parentElement ){\n            let attributeNames = current.getAttributeNames();\n            if( attributeNames.includes( 'gb_c__v-for' ) ){\n                let vForContent =current.getAttribute('gb_c__v-for');\n                let currentVariables = HtmlTemplateParser.parseVFor( vForContent ).variables;\n                currentVariables.forEach( v=>{\n                    if( results.includes( v ) == false ){\n                        results.push( v );\n                    }\n                });            \n            }\n            let parentIsRoot = current.parentElement.id == 'gbTemplateContainer' || current.parentElement.tagName == \"BODY\";\n            //console.log( \">> current: \", current.tagName, \": \", current.id, \" :::\", parentIsRoot );\n            \n            if( currentIteration >= safetyMax || parentIsRoot ){\n                reachedTop = true;\n            }else{\n                currentIteration++;\n                current = current.parentElement;\n                //console.log( \">> current: \", current.tagName, \": \", current.id, \" :::\", parentIsRoot );\n            }\n        }\n    }catch(e){\n        console.error( \"Error retrieving v-for variables recursively: \", e );\n    }\n    return results;\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', 'v-for', 'v-if', 'v-else-if', 'v-else', 'v-html' ];\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\n    // Extract local variables, produced in v-for statement\n    let elementVforVariables = HtmlTemplateParser.extractVforVariablesAncestors( element );\n    //console.log( 'elementVforVariables ('+element.id+'): ', elementVforVariables );\n    /* let elementVforVariables = []\n    if( elementAttributeNames.includes('v-for') ){\n        let vForRawValue = element.getAttribute(\"v-for\");\n        elementVforVariables = HtmlTemplateParser.parseVFor( vForRawValue).variables;\n    } */\n\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        // declared inside v-for attribute\n        let attributeValueMapsToLocalVariable = elementVforVariables.includes(attributeValue);  \n        if( attributeValueMapsToLocalVariable ){\n            //debugger;\n        }\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                // Convert synamic undefined string to actual undefined\n                let attributeValueIsUndefined = attributeValue == \"undefined\";\n                if( attributeValueIsUndefined ){\n                    attributeValue = undefined;\n                    console.log( \"attributeTypeCheck attributeValueIsUndefined: \", attributeValueIsUndefined );\n                }\n\n                if( attributeValueMapsToModelVariable || attributeValueMapsToLocalVariable || attributeValueIsUndefined ){\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                // 'v-for', 'v-if', 'v-else-if', 'v-else'\n            }else if( dataType != 'String' && ( !originalName .startsWith('v-on:') && originalName != 'v-for' && originalName != 'v-if' && originalName != 'v-else-if' && originalName != 'v-else' && originalName != 'v-html'  ) ){\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:') || originalName == 'v-for' || originalName == 'v-if' || originalName == 'v-else-if' || originalName == 'v-else' || originalName == 'v-html' ) ? '' : ':';\n            element.setAttribute(bindingPrefix + originalName, attributeValue );\n            element.removeAttribute(attributeName);\n        }\n    });\n}\n\nstatic decodeAttributesInDOM(rootElement, recursive=false) {\n    let elements = rootElement.querySelectorAll('*');\n    elements.forEach(element => {\n        HtmlTemplateParser.revertElementAttributes(element);\n        if(recursive){\n            HtmlTemplateParser.decodeAttributesInDOM(element, recursive);\n        }\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 removeInvalidNodes(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    // List of blacklisted nodes that should not be removed and fucntion to check it\n    const tagNameBlacklist = ['template'];\n    const tagNameIsBlacklisted = node => tagNameBlacklist.includes(node.nodeName.toLowerCase());\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) || tagNameIsBlacklisted(node) ) {\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/*\n    Parses the original block definitions and creates a new dictionsry containing only the mandatory properties of each block.\n*/\nstatic generateBlocksMandatoryProperties(){\n    let definitionsById = {};\n    blockDefinitions.forEach( def=>{\n        //if( def.type!= \"q-btn\" ) return;\n        // create new, simple definition object\n        let newDef = definitionsById[def.type] = {\n            type: def.type,\n            mandatoryProperties: []\n        };    \n        \n        // Convert the template to actual DOM element for easier manipulation\n        let templateHtml = def.content; // HTML String\n        let parser = new DOMParser();\n        let doc = parser.parseFromString(templateHtml, \"text/html\");\n        let node = doc.body.firstChild;\n        \n        // iterate over attributes of the node\n        for (let i = 0; i < node.attributes.length; i++) {\n            let attr = node.attributes[i];\n            let newAttrName = attr.name;\n            // remove prefixes from attribute names\n            newAttrName = attr.name.replace(\"gb_b__v-on:\", \"v-on:\");\n            newAttrName = newAttrName.replace(\"gb_b__v-model\", \"v-model\");\n            newAttrName = newAttrName.replace(\"gb_b__\", \":\");\n            newAttrName = newAttrName.replace(\"gb_c__\", \"\");\n            // add attribute to definition\n            newDef.mandatoryProperties.push( { name: newAttrName, value: attr.value } );\n        }\n    } );\n    console.log(definitionsById);\n    return definitionsById;\n}\n\n/* Takes an html string and adds the mandatory properties, if missing, to the elements in the html string\n    Used to parse incoming AI-generated code to guarantee the html is valid in a Genie app\n*/\nstatic addMandatoryProperties( htmlString, mandatoryDefs ){\n    // Crate a new DOM tree from the html string for easier manipulation\n    let parser = new DOMParser();\n    let doc = parser.parseFromString(htmlString, \"text/html\");\n    let node = doc.body;\n    // Traverse the hole node DOM tree\n    function traverse(node){\n        // if the node is an element (as opposed to text or comment node)\n        if( node.nodeType == 1 ){\n            // Check if the node is a recognised block. If so...\n            let type = node.tagName.toLowerCase();\n            if( mandatoryDefs[type] ){\n                // get the mandatory properties for the block\n                let def = mandatoryDefs[type];\n                // iterate over the mandatory properties and add them to the node if they don't exist\n                def.mandatoryProperties.forEach( prop=>{\n                    let attributeAsIs = node.getAttribute( prop.name );\n                    let attributeWithColon = node.getAttribute( \":\"+prop.name );\n                    if( !attributeAsIs && !attributeWithColon ){\n                        node.setAttribute( prop.name, prop.value );\n                    }\n                } );\n            }\n            // traverse the children of the node\n            node.childNodes.forEach( child=>traverse(child) );\n        }\n    }\n    // start the traversal\n    traverse(node);\n    // return the modified html\n    return node.innerHTML;\n}\n\nstatic cleanNodes( htmlString ){    \n    // Crate a new DOM tree from the html string for easier manipulation\n    let parser = new DOMParser();\n    let doc = parser.parseFromString(htmlString, \"text/html\");\n    let node = doc.body;\n    \n    // Recursive function to clean the html nodes\n    const parseNode = node => {\n        // \n\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    // return the modified html\n    return node.innerHTML;\n\n\n}\n\n/* recursive; will traverse the dom tree */\nstatic cleanNodes(node){\n    if( node.nodeType != 1 ){\n        return;\n    }\n    let tagName = node.tagName.toLowerCase();\n    switch( tagName ){\n        case \"q-badge\":\n            // remove any inner content\n            node.innerHTML = \"\";\n            break;\n        \n        case \"q-table\":\n\n            // Remove columns attribute if it contains json, else append .columns if needed\n            let columnsAttr = node.getAttribute(\":columns\");\n            if( columnsAttr ){\n                if( columnsAttr.startsWith(\"{\") || columnsAttr.startsWith(\"[\") ){\n                    node.removeAttribute(\":columns\");\n                }else if( !columnsAttr.endsWith(\".columns\") ){\n                    node.setAttribute(\":columns\", columnsAttr + \".columns\");\n                }\n            }\n            \n            // Remove data attribute if it contains json, else append .data if needed\n            // sometimes dat may be set with :row; in that case, remove :rows and append .data\n            let dataAttr = node.getAttribute(\":data\");\n            let rowsAttr = node.getAttribute(\":rows\");\n            if( dataAttr ){\n                if( dataAttr.startsWith(\"{\") || dataAttr.startsWith(\"[\") ){\n                    node.removeAttribute(\":data\");\n                    isRemoved = true;\n                }else if( !dataAttr.endsWith(\".data\") ){\n                    //  append '.data' if needed\n                    node.setAttribute(\":data\", dataAttr + \".data\");\n                }\n            }else if( rowsAttr ){\n                if( rowsAttr.startsWith(\"{\") || rowsAttr.startsWith(\"[\") ){\n                    // nothing to do with this, just leave it to be removed below\n                }else if( !rowsAttr.endsWith(\".data\") ){\n                    node.setAttribute(\":data\", rowsAttr + \".data\");\n                }\n                node.removeAttribute(\":rows\");\n            }\n            break;\n        default:\n            break;\n    }\n    // iterate over attributes of the node, reardless of the tag name\n    for (let i = 0; i < node.attributes.length; i++) {\n        let attr = node.attributes[i];\n        let attrName = attr.name;\n        let attrValue = attr.value;\n        \n        let removeIfEmpty = [\"v-on:click\", \"@click\"];\n        if( removeIfEmpty.includes(attrName) && attrValue == \"\" ){\n            node.setAttribute( attrName, \"undefined\" );\n        }\n        \n        let undefinedIfEmpty = [\"v-model\"];\n        if( undefinedIfEmpty.includes(attrName) && attrValue == \"\" ){\n            node.setAttr( attrName );\n        }\n    }\n    \n    // Move-on to children\n    node.childNodes.forEach( child=>HtmlTemplateParser.cleanNodes(child) );\n}\n\n\n/* Takes an html string and performs  some transformations to ensure the html is valid in a Genie app\n    Used to parse incoming AI-generated code \n*/\nstatic cleanHtml( htmlString ){\n    // Crate a new DOM tree from the html string for easier manipulation \n    let parser = new DOMParser();\n\n    // Remove empty text nodes and non-accepted elements (i.e. <template>)\n    htmlString = HtmlTemplateParser.removeInvalidNodes(htmlString);\n\n    // Remove invalid attributes or transform them if necessary\n    let doc = parser.parseFromString(htmlString, \"text/html\");\n    let node = doc.body;\n    HtmlTemplateParser.cleanNodes( node );\n\n    // Serialize the body back into a string\n    const serializer = new XMLSerializer();\n    htmlString = serializer.serializeToString(doc.body);\n\n    // Make sure all blocks have mandatory attributes if missing\n    let mandatoryDefs = HtmlTemplateParser.generateBlocksMandatoryProperties();\n    htmlString = HtmlTemplateParser.addMandatoryProperties( htmlString, mandatoryDefs );\n    \n    // Return the modified html\n    return htmlString\n}\n    // Function to merge two CSS strings, one original and one updated, based on a list of ids\n    // This is used when saving the autogenated.css file so that we don't touch css rules that are not related to the current HTML template. Otherwise, in multi-page apps, editing a page overrides rules from other pages\n    static mergeCss(ids, originalCss, updatedCss) {\n        // Helper function to parse CSS string into a dictionary of selectors and their rules\n        function parseCss(cssString) {\n            const rules = {};\n            const regex = /#([\\w-]+)\\s*\\{([^}]*)\\}/g;\n            let match;\n            while ((match = regex.exec(cssString)) !== null) {\n                const id = match[1];\n                const ruleContent = match[2].trim();\n                rules[id] = ruleContent;\n            }\n            return rules;\n        }\n\n        // Parse original and updated CSS into objects\n        const originalRules = parseCss(originalCss);\n        const updatedRules = parseCss(updatedCss);\n\n        // Merge the rules\n        let mergedCss = '';\n\n        // Add or update rules from updatedCss to original\n        Object.keys(updatedRules).forEach(id => {\n            mergedCss += `#${id} { ${updatedRules[id]} }\\n`;\n        });\n\n        // Remove rules in originalCss that are not in updatedCss if their id is in ids array\n        Object.keys(originalRules).forEach(id => {\n            if (!(id in updatedRules) && ids.includes(id)) {\n                // Skip the rule to remove it\n                return;\n            }\n            if (!(id in updatedRules)) {\n                // Keep rules in originalCss that are not in ids array\n                mergedCss += `#${id} { ${originalRules[id]} }\\n`;\n            }\n        });\n\n        return mergedCss;\n    }\n\n    // Formats a css string to be more readable, with proper indentation and line breaks\n    static formatCss(cssString) {\n        const formattedCss = cssString\n            // Ensure all braces and semicolons have proper spacing and indentation\n            .replace(/\\s*{\\s*/g, ' {\\n  ')           // Format opening brace and ensure content is indented\n            .replace(/\\s*;\\s*/g, ';\\n  ')            // Format properties with consistent indentation\n            .replace(/\\s*}\\s*/g, '\\n}\\n\\n')          // Format closing brace and add 2 newlines after each rule\n            .replace(/\\n\\s*\\n/g, '\\n')               // Remove any extra empty lines inside a rule\n            .replace(/\\n\\s{2,}/g, '\\n  ')            // Ensure consistent indentation (2 spaces) after each newline\n            .trim()                                  // Trim any extra spaces or newlines at the start and end\n            .replace(/}\\s*/g, '}\\n\\n');              // Add 2 linebreaks after each rule\n        \n        return formattedCss;\n    }\n    \n    \n\n    // Returns the list of ids of elements with id attribute in the given HTML string\n    static extractIdsFromHtml(htmlString) {\n        const tempDiv = document.createElement('div');                      // Create a temporary container\n        tempDiv.innerHTML = htmlString;                                     // Set the HTML content\n        const elementsWithId = tempDiv.querySelectorAll('[id]');            // Find all elements with id attribute\n        const ids = Array.from(elementsWithId).map(element => element.id);  // Extract the ids\n        return ids;\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!='hidden'\" @click=\"addShakeEffect\">\n      <div id=\"canvasBlockerPreloader\" v-if=\"aiCodePreviewShown=='loading'\">\n    <!-- <div id=\"canvasBlocker\" ref=\"canvasBlocker\" @click=\"addShakeEffect\">\n      <div id=\"canvasBlockerPreloader\"> -->\n        <div>Updating UI, please wait...</div>\n        <div>\n          <img src=\"img/icons/loading_58.svg\" alt=\"Loading\" style=\"position: relative; bottom: 0; right: 0; width: 58px; height: 58px;\"/>\n        </div>\n      </div>\n      <div id=\"canvasBlockerDialog\" v-if=\"aiCodePreviewShown=='ready'\">\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    </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\", \"saveTriggered\", \"autoSaveTriggered\", \"themeCssLoaded\"]);\n\nconst props = defineProps([\"appData\"]);\n\nlet modelFields = ref(props.appData.pages[Configuration.currentPageIndex].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('hidden');\n\nlet firstSelectionReported = false;\n\nfunction getActiveTheme(){\n  let currentPage = props.appData.pages[Configuration.currentPageIndex];\n  let themes = currentPage.themes;\n  let themeCssPresent = themes && themes.active && themes.active.name == 'usertheme';\n  if( themeCssPresent ){\n    return 'public' + themes.active.asset;\n  }\n  return null;\n}\n\nfunction revertAiCodeChanges(index){\n  const undoManager = editor.UndoManager;\n  undoManager.undo();\n\n  //window.logUserEvent( \"ai-code-panel::revert\", {} );\n  \n  //undoManager.stop();\n  editor.setComponents( window.lastHtmlBeforeAiReplace );\n  //undoManager.start();\n  /* \n  // Assuming there's a way to access the stack; this is conceptual\n  const stack = undoManager.getStack();\n  const currentIndex = stack.length\n\n  index = window.undoHistoryIndexBeforeReplace\n  debugger;\n\n  if (index < 0 || index >= stack.length) {\n    console.error('Invalid history index');\n    return;\n  }\n\n  const steps = index - currentIndex;\n  if (steps > 0) {\n    // Need to redo to reach the desired state\n    for (let i = 0; i < steps; i++) {\n      undoManager.redo();\n    }\n  } else if (steps < 0) {\n    // Need to undo to reach the desired state\n    for (let i = steps; i < 0; i++) {\n      undoManager.undo();\n    }\n  } */\n\n  //editor.UndoManager.undo();\n  aiCodePreviewShown.value = 'hidden';\n  emit(\"saveTriggered\");\n}\nfunction acceptAiCodeChanges(){\n  //window.logUserEvent( \"ai-code-panel::accept\", {} );\n  aiCodePreviewShown.value = 'hidden';\n  emit(\"saveTriggered\");\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  // 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        proRequired: def.proRequired,\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        proRequired: def.proRequired,\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        proRequired: def.proRequired,\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 && component.onExternalDataChanged){\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[Configuration.currentPageIndex].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    \"assets/js/main_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 scriptPath = appBasePath + script;\n    if ( script.endsWith('_reactivemodel.js') ){\n        mockedScripts.push(scriptPath);\n    }else{\n      mockedScriptsToExtract.forEach((mockedScript) => {\n        if (script.indexOf(mockedScript) > -1) {     \n          mockedScripts.push(scriptPath);\n        }\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[Configuration.currentPageIndex].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\n  // Get the assets of the current page \n  let currentPage = props.appData.pages[Configuration.currentPageIndex];\n  let themes = currentPage.themes;\n  if( themes && themes.registered ){\n    themes.registered.forEach((theme) => {\n      if( theme.asset.startsWith('/') ){\n        theme.assetFullPath = appBasePath + theme.asset;\n      }else{\n        theme.assetFullPath = theme.asset;\n      }\n    });\n  }\n  let assets = currentPage.assets;\n  let themeCssPresent = themes && themes.active;\n\n  let commonStyles = [];\n  commonStyles.push( \"https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons\");\n\n  // Add all styles from the deps\n  currentPage.deps.styles.forEach((style) => {\n    let stylePath = appBasePath + style;\n    commonStyles.push(stylePath);\n  });\n\n  // Add current theme\n  if( themeCssPresent ){\n    let themePath = appBasePath  + themes.active.asset;\n    commonStyles.push(themePath);\n  }\n\n  // To-do: remove this exception, implement global solution for any css\n  // Add all other assets except autogenerated.css, which is treated differently below\n  assets.forEach((asset) => {\n    if( asset.endsWith('.css') && !asset.endsWith('autogenerated.css') ){\n      let assetPath = appBasePath + asset.split(\"public/\").join(\"/\");\n      commonStyles.push(assetPath);\n    }\n  });\n  \n  // -----------------------------------------------------------\n  // Temporal patch to inject js libraries from the assets folder\n  // Right now, only the assets/css folder contents are listed as deps in the GB API\n  // In the future we should have a dedicated flder for libraries, custom components, etc\n  // To-Do: Implement this POC properly, with correct locations, sorting, etc...\n\n  assets.forEach((asset) => {\n    if( asset.endsWith('.css') ){\n      // just skip, as the supported css files have already been included above\n    }else if( asset.endsWith('.js') ){      \n      let assetPath = appBasePath + asset.split(\"public/\").join(\"/\");\n      parsedSCripts.push(assetPath);\n    }\n  });\n\n  // End of temporal POC patch\n  // -----------------------------------------------------------\n\n  // remove duplicated scripts\n  //parsedSCripts = [...new Set(parsedSCripts)];\n\n\n\n  parsedSCripts.push(\"data/contentMain.js\");\n  //console.log( 'parsedSCripts', parsedSCripts );\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  // Inject custom-components' css paths\n  if( window.customComponentsCssPaths ){\n    window.customComponentsCssPaths.forEach( (cssPath)=>{\n      commonStyles.push( cssPath );\n    });\n  }\n\n  emit('themesUpdated', themes);\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(\"load\", ()=>{\n    console.log( \"Grapesjs_loaded\" );\n    editor.runCommand(\"sw-visibility\");\n    editor.Commands.stop(\"sw-visibility\");\n    loadThemeCssFile();\n  });\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    let compDefinition = getComponentDefinitionByType(com.attributes.tagName);\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    let isComposite = compDefinition?.isComposite || com.attributes.attributes.iscomposite=='true';\n    if( isComposite ){\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  editor.Commands.add('edit-child-elements', {\n      run(editor, sender) {\n          //sender && sender.set('active'); // turn off the button\n          //console.log('edit-child-elements button clicked');\n          mainController.value.startEditingComponentContent()\n      }\n  });\n\n  editor.on(\"component:selected\", (com) => {\n    if( firstSelectionReported == false ){\n      firstSelectionReported = true;\n      window.logUserEvent( \"no-code-session::started\", {} );\n    }\n    \n    const selectedComponent = editor.getSelected();\n    let isNestable = getComponentDefinitionByType( com.attributes.type )?.nestable;\n    if( selectedComponent && isNestable ){\n      const toolbar = selectedComponent.get('toolbar') || [];\n      let editChildElementsButton = toolbar.find( item => item.command == 'edit-child-elements' );\n      if( !editChildElementsButton ){\n        toolbar.push({\n            attributes: { class: 'editChildElementsIcon', title: 'Edit Child Elements' },\n            command: 'edit-child-elements',\n        });\n      /* console.log( 'toolbar: ', toolbar );\n      toolbar.push({\n          attributes: { class: 'editChildElementsIcon', title: 'Edit Child Elements', gb-data },\n          command: 'edit-child-elements',\n      }); */\n  \n      selectedComponent.set('toolbar', toolbar);\n      }\n    }\n\n    \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  }, 10000);\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  // ---------- SPECIAL TEMPLATE COMPONENT ----------\n  editor.DomComponents.addType('template', {\n    isComponent: function(el) {\n      if( el.tagName == 'TEMPLATE' ){\n        return { type: 'template', name: 'Template', components:el.innerHTML };\n      };\n    },\n    model: {\n      defaults: {\n        tagName: 'template',\n        droppable: true\n      }\n    }, \n    view: {\n      onRender() {\n        const { el, model } = this;\n      }\n    }\n        \n  });\n\n  // ---------- VUE CUSTOM COMPONENTS ----------\n  registerPlotlyComponent(editor);\n\n  // ---------- ROW COMPONENT ----------\n  editor.DomComponents.addType('row-div', {\n    isComponent: el => {\n      return el.tagName === 'DIV' && el.classList.contains('row');\n    },\n    model: {\n      defaults: {\n        tagName: 'div',\n        classes: ['row'],\n        droppable: function(el) {\n          // Prevent dropping if the parent is also a 'row' div\n          return !el.view.$el[0].classList.contains('row');\n        }\n      }\n    },\n    // Optionally, customize the view\n    view: {}\n  });\n\n  // ---------- CUSTOM COMPONENTS ----------\n  /* editor.DomComponents.addType( \"looper\", {\n    isComponent: (el) => {\n      // match element has attribute \"looper\"\n      if (el.tagName == \"DIV\" && el.hasAttribute(\"looper\") ) {\n        return { type: \"looper\", name: \"Looper\" };\n      }\n    },\n    model: {\n      defaults: {\n        draggable: true,\n        droppable: true,\n        editable: true,\n        isComposite: false,        \n      },\n    }\n  }); */\n  \n  blockDefinitions.forEach((definition) => {\n    processBlockDefinition(definition);\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\nfunction loadThemeCssFile(){\n  console.log( \"[loadThemeCssFile] called\" );\n  let activeThemePath = getActiveTheme();\n  if( activeThemePath ){\n    console.log( \"[loadThemeCssFile] active theme path: \", activeThemePath );\n    let fullApiUrl = window.apibase + 'apps/' + Configuration.appid + '/edit?path=' + encodeURIComponent( activeThemePath );\n    axios.get( fullApiUrl ).then( (result) => {\n      //console.log( \"[loadThemeCssFile] content: \", result.data.content );\n      emit( \"themeCssLoaded\", result.data.content );\n    }).catch( (error) => {\n      console.log('[loadThemeCssFile] error loading theme styles', error);\n    });\n  }else{\n    console.log( \"[loadThemeCssFile] no theme.css found\" );\n    emit( \"themeCssLoaded\", '' );\n  }\n}\n\n\nfunction removeVueInternalDivs(htmlString) {\n    // Create a DOM parser to parse the HTML string\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(htmlString, 'text/html');\n\n    // Find all div elements in the document\n    const divs = doc.querySelectorAll('div[id^=\"vueinternal_\"]');\n\n    // Iterate over each div with an id starting with 'vueinternal_'\n    divs.forEach(div => {\n        // Insert all child nodes of the div (including text nodes) before the div itself\n        while (div.firstChild) {\n            div.parentNode.insertBefore(div.firstChild, div);\n        }\n        // Remove the empty div\n        div.parentNode.removeChild(div);\n    });\n\n    // Return the modified HTML as a string\n    return doc.body.innerHTML;\n}\n\nfunction processBlockDefinition( definition){\n  const blacklist = [\"plotly\", \"tempplaceholder\"];\n    if (blacklist.includes(definition.type)) {\n      return;\n    }\n    const nativeElements = [\"H1\", \"H2\", \"H3\", \"H4\", \"H5\", \"H6\", \"P\", \"SPAN\", \"A\"];\n    //const nativeElements = [\"div\", \"span\", \"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"p\", \"a\", \"img\", \"ul\", \"ol\", \"li\", \"table\", \"tr\", \"td\", \"th\", \"thead\", \"tbody\", \"tfoot\", \"caption\", \"col\", \"colgroup\", \"thead\", \"tfoot\", \"tbody\", \"caption\", \"col\", \"colgroup\", \"thead\", \"tfoot\", \"tbody\", \"caption\", \"col\", \"colgroup\", \"thead\", \"tfoot\", \"tbody\", \"caption\", \"col\", \"colgroup\", \"thead\", \"tfoot\", \"tbody\", \"caption\", \"col\", \"colgroup\", \"thead\", \"tfoot\", \"tbody\", \"caption\", \"col\", \"colgroup\", \"thead\", \"tfoot\", \"tbody\", \"caption\", \"col\", \"colgroup\", \"thead\", \"tfoot\", \"tbody\", \"caption\", \"col\", \"colgroup\", \"thead\", \"tfoot\", \"tbody\", \"caption\", \"col\", \"colgroup\"];\n    if( nativeElements.includes(definition.tagName) ){\n      \n\n    }else if( definition.attributeMatch != undefined || nativeElements.includes(definition.type) ){\n      //console.log( 'definition.attributeMatch: ', definition.type );\n      editor.DomComponents.addType(definition.type, {\n        isComponent: (el) => {\n          if (el.tagName == definition.tagName && el.hasAttribute(definition.attributeMatch ) ) {\n            return { type: definition.type, name: definition.label };\n          }\n        },\n        model: {\n          defaults: {\n            draggable: definition.draggable,\n            droppable: definition.droppable,\n            editable: definition.editable,\n            isComposite: definition.isComposite,\n            \n          },\n        }\n      });\n\n    /* }else if(definition.type=='q-tabs'){      \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            draggable: definition.draggable,\n            droppable: definition.droppable,\n            editable: definition.editable,\n            isComposite: definition.isComposite,\n            \n          },\n        }\n      }); */\n\n    }else{      \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              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\n              if( !this.grapesModel ){\n                return;\n              }\n              \n              let mappedAttributes = getMappedAttributes(this.grapesModel.attributes.attributes);\n\n              this.onExternalDataChanged = (event)=>{\n                  serverData = event.detail;\n                  mappedAttributes = getMappedAttributes(this.attributes);\n                  this.vueApp.updateServerData(serverData);\n              }\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              // Catch component errors and display them in the component\n              Vue.config.errorHandler = (err, vm, info) => {\n                console.warn( `Vue.errorHandler called()`,\n                  '\\n   - err:', err, \n                  '\\n   - vm:', vm, \n                  '\\n   - info:', info\n                );\n                let element = document.getElementById(uniqueId);\n                element.innerHTML = `<div class=\"componentError\">\n                  <div class=\"componentErrorIcon\">&#9888;</div>\n                  <b style=\"font-size: 1.2em;\">${componentDefinition.label}</b>\n                  <br/>${err}</div>`;\n              };\n\n              // Catch warnings and display them in the console, but render the component in canvas\n              Vue.config.warnHandler = (message, vm, trace) => {\n                console.warn( `Vue.warnHandler called()`,\n                  '\\n   - message:', message, \n                  '\\n   - vm:', vm, \n                  '\\n   - trace:', trace\n                );         \n                /* let element = document.getElementById(uniqueId);\n                element.innerHTML = `<div class=\"componentError\">\n                  <div class=\"componentErrorIcon\">&#9888;</div>\n                  <b style=\"font-size: 1.2em;\">${componentDefinition.label}</b>\n                  <br/>${message}</div>`;          */\n              };\n              \n                Stipple.init({theme: 'stipple-blue'});\n              this.vueApp = new Vue({\n                  el: '#vueinternal_'+uniqueId,\n                  //components: { QBtn:Quasar.}, \n                  data: function(){ \n                    let result = serverData;\n                    result.attributes = mappedAttributes;\n                    result.serverData = serverData;\n                    return result;\n                  }, \n                  computed:{\n                    parsedAttributes(){\n                      let result = {};\n                      let attributesObject = this.attributes;\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\n          handleAttrChange() {\n            //this.render();\n          },\n\n          render: function () {\n            this.view.onRender();\n          },\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 internalTagName = tagName;\n            \n            // To-do: generalise this custom rendering mode so that it can be used for other components when needed\n            if( tagName == 'q-popup-proxy' ){\n              internalTagName = 'q-popup-proxy-gbinternal';\n            }\n\n            let attributesObject = el.grapesModel.attributes.attributes;\n            let componentDefinition = getComponentDefinitionByType( tagName );\n            let renderContent = `<div id=\"vueinternal_${uniqueId}\" style=\"position: relative;\">\n              <${internalTagName} `;\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                    // Special case for images, so that their path is relative to the app\n                    if( componentDefinition.type == 'q-img' && key == 'src' && propertyDefinition.type == \"String\" && !attributeValue.startsWith('http') ){\n                      if( attributeValue.startsWith('/') )\n                        attributeValue = appBasePath + attributeValue;\n                      else\n                        attributeValue = appBasePath + '/' + attributeValue;\n                    }\n                    if( key=='v-if' || key=='v-for'){\n                      // skip\n                    }else 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 += `>`;\n              let isNestable = componentDefinition?.nestable;\n              if( isNestable ){\n                // some nestable components have trouble rendering their children in the editor,\n                // so here we make sure that the inner html is not altered by grapes and vue can render as normal\n                if( tagName == \"q-tab-panels\" || tagName == \"q-tab-panel\" || tagName == \"q-card\" || tagName == \"q-card-section\" || tagName == \"q-badge\" ){\n                  let cleanedHtml = model.getInnerHTML();\n\n                  const parser = new DOMParser();\n                  const doc = parser.parseFromString(cleanedHtml, 'text/html');\n                  const firstDiv = doc.body;\n                  \n\n                  HtmlTemplateParser.decodeAttributesInDOM(firstDiv );\n                  renderContent += firstDiv.innerHTML;\n                }else if( tagName == 'q-popup-proxy' ){\n                  // To-do: generalise this custom rendering mode so that it can be used for other components when needed\n                  renderContent += `<div style=\"background-color: #e6c2fe; margin: 5px; padding: 3px; border-radius: 5px; border: dashed 1px #985eab; width: max-content;\">\n                      <img src=\"img/block_icons/popup-proxy.png\" style=\"height:13px; display: block;\" />\n                    </div>`;\n                }else{\n                  // for all other nestable components, we just do some cleanup before appending children\n                  let innerHtmlClean = el.innerHTML;\n                  if( innerHtmlClean != '' ){\n                    const parser = new DOMParser();\n                    const doc = parser.parseFromString(innerHtmlClean, 'text/html');\n                    const firstDiv = doc.body;//.querySelector('#itkg') || null;  \n                    firstDiv.children.forEach( (child)=>{\n                      HtmlTemplateParser.decodeAttributesInDOM(child );\n                      let inner = child.innerHTML;\n                      renderContent += inner;\n                    });\n                  }\n                }\n              }\n\n              renderContent += `</${internalTagName}>\n              </div>\n            `;\n\n            \n            el.innerHTML = renderContent;\n          },\n        },\n      });\n\n    }\n\n  // Load autogenerated styles\n  /* let styles = props.appData.pages[Configuration.currentPageIndex].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(status){\n  aiCodePreviewShown.value = status;\n}\n\nfunction addShakeEffect($event) {\n  if( $event.target.id != 'canvasBlocker' )\n    return;\n\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.removeInvalidNodes(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  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  width: 300px;\n  margin-left: 50%;\n  left: -150px;\n  position: relative;\n  color: #000000;\n}\n\n#canvasBlockerPreloader{\n      display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    color: #000000;\n}\n#canvasBlocker{\n    position: absolute;\n    top: 40px;\n    left: 0;\n    right: 310px;\n    bottom: 0px;\n    background-color: #eaeaea80;\n    z-index: 1;\n    /* border: solid 4px #3794ff; */\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding-bottom: 340px;\n}\n\n.editChildElementsIcon {\n    width: 15px;\n    height: 15px;\n    background: url('../../../public/img/icons/icon_edit_child_elements.png');\n    background-size: contain;\n    margin: 0px 10px 5px 5px;\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=4e6e2469&lang=scss&scoped=true\"\nimport \"./CanvasPanel.vue?vue&type=style&index=1&id=4e6e2469&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-4e6e2469\"]])\n\nexport default __exports__\nimport QTable from 'quasar/src/components/table/QTable.js';\nimport QTabs from 'quasar/src/components/tabs/QTabs.js';\nimport QPopupProxy from 'quasar/src/components/popup-proxy/QPopupProxy.js';\nimport QImg from 'quasar/src/components/img/QImg.js';\nimport QTabPanels from 'quasar/src/components/tab-panels/QTabPanels.js';\nimport QTabPanel from 'quasar/src/components/tab-panels/QTabPanel.js';\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QBadge from 'quasar/src/components/badge/QBadge.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QTable,QTabs,QPopupProxy,QImg,QTabPanels,QTabPanel,QCard,QCardSection,QBadge});\n","<template>\n    <div>\n        <vscode-text-field \n            :value=\"searchTerm\"\n            @input=\"(event)=>searchTermChanged(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:true, uiItemProDisabled: block.proRequired && !isPro}\" \n                        @mousedown=\"(!block.proRequired) || ( block.proRequired  && isPro ) ? dragStart(block) : showUpgradeLicenseDialog(true)\"\n                        :title=\"block.proRequired && !isPro ? 'Upgrade to PRO plan to use this component and many more!' : block.label\"\n                        >\n                            <div :class=\"{ uiItemLabel:true, uiItemLabelProRequired:block.proRequired && !isPro }\">{{ block.label }}</div>\n                            <div :class=\"{ uiItemIcon:true, uiItemIconProRequired:block.proRequired && !isPro }\">\n                                <img :src=\"getBlockIconPath(block)\" class=\"libraryIcon\" style=\"\"/>\n                            </div>\n                            <img v-if=\"block.proRequired && !isPro\" src=\"img/icons/pro_badge.png\" class=\"proBadge\" style=\"\"/>\n                    </div>\n                    <div class=\"disabledProPanel\"></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'\nimport Configuration from '../../utils/Configuration';\nimport _ from 'lodash';\n\nconst isPro = Configuration.IS_PRO;\n\nfunction showUpgradeLicenseDialog(showDialog=true){\n    window.showUpgradeLicenseDialog(showDialog);\n}\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// HTML blocks\n// =============================================\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"Container\", properties:[], tagName: \"DIV\", type: 'container', content: `<div class=\"container\"></div>`, media: ``, category: 'Layout'   }); \n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"Module Title\", properties:[], tagName: \"P\", type: 'stmoduletitle', icon: 'paragraph.png', content: `<p class=\"st-module-title\">Module Title</p>`, media: ``, category: 'Layout'   }); \n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"Field Label\", properties:[], tagName: \"P\", type: 'stfieldlabel', icon: 'paragraph.png', content: `<p class=\"st-field-label\">Field Label</p>`, media: ``, category: 'Layout'   }); \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=\"col-12 col-sm flex\"><div class=\"st-module\"></div></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=\"col-12 col-sm flex\"><div class=\"st-module\"></div></div>\n<div class=\"col-12 col-sm flex\"><div class=\"st-module\"></div></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=\"col-12 col-sm flex\"><div class=\"st-module\"></div></div>\n<div class=\"col-12 col-sm flex\"><div class=\"st-module\"></div></div>\n<div class=\"col-12 col-sm flex\"><div class=\"st-module\"></div></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=\"col-12 col-sm flex\"><div class=\"st-module\"></div></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>\n<h1>Header Text</h1>\n</header>\n<div class=\"row\">\n<div class=\"col-3 col-sm flex\"><div class=\"st-module\"></div></div>\n<div class=\"col-9 flex\"><div class=\"st-module\"></div></div>\n</div>\n<footer class=\"st-footer\">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>\n<h1>Header Text</h1>\n</header>\n<div class=\"row\">\n<div class=\"col-9 flex\"><div class=\"st-module\"></div></div>\n<div class=\"col-3 col-sm flex\"><div class=\"st-module\"></div></div>\n</div>\n<footer class=\"st-footer\">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>\n<h1>Header Text</h1>\n</header>\n<div class=\"row\">\n<div class=\"col-3 col-sm flex\"><div class=\"st-module\"></div></div>\n<div class=\"col-5 flex\"><div class=\"st-module\"></div></div>\n<div class=\"col-3 col-sm flex\"><div class=\"st-module\"></div></div>\n</div>\n<footer class=\"st-footer\">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 ><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-footer\">Page footer</footer>`    \n});  \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    \"Utilities\", \n    \"Control Flow\",\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 = (block)=>{\n        //window.logUserEvent(\"library::dragToCanvas\", { component: block.type });\n        props.dragStart(block)\n      };\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        }else{\n            //console.log( \"[debug] LibraryPanel :: onMounted :: window.editor NOT ready\" );\n        }\n    }, 1000);\n});\n\n\nfunction searchTermChanged(event){\n    debouncedLogSearch();\n    buildCategoriesTree(event);\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    let result;\n    // If icon is explicitly defined, use it\n    if( block.icon ){\n        // If icon starts with {appPath}, replace this token with the actual app path\n        if( block.icon.startsWith(\"{appPath}\") ){\n            let appPath = Configuration.getAppAssetsBaseUrl('http', Configuration.appport);\n            // remove trailing slash if present\n            if( appPath.endsWith(\"/\") ) appPath = appPath.slice(0, -1);\n            iconFileName = block.icon.replace(\"{appPath}\", \"\");\n            result = appPath + iconFileName;\n        }else{\n            // Else just use it as is\n            iconFileName = block.icon;\n            result = 'img/block_icons/'+iconFileName\n        }\n    // If icon is not defined, use the block type and resolve the icon file name from it\n    }else{\n        iconFileName = block.type.split(\"q-\").join(\"\")+'.png';\n        result = 'img/block_icons/'+iconFileName\n    }\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\nlet debouncedLogSearch = _.debounce(function () {\n    if( searchTerm.value.length > 0 ){\n        //window.logUserEvent(\"library::search\", { searchTerm: searchTerm.value });\n    }\n  }, 1000);\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\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    position: relative;\n}\n\n.proBadge{\n    position: absolute;\n    bottom: 3px;\n    right: 3px;\n    width: 20px;\n    opacity: 0.2;\n}\n\n.uiItemProDisabled{\n    /* cursor: auto; */\n    cursor: not-allowed;\n}\n\n.uiItemProDisabled:hover{\n    .proBadge{\n        opacity: 1;\n    }\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.uiItemLabelProRequired, .uiItemIconProRequired{\n    opacity: 0.3;\n}\n\n.libraryIcon{\n    max-height: 20px;\n    margin-top:6px;\n    pointer-events: none;\n    filter: var(--library-icon-filter);\n}\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=2fcf4d16&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-2fcf4d16\"]])\n\nexport default __exports__","<template>\n    <div class=\"blocker\" ref=\"dialogBlocker\" @click=\"blockerClicked($event)\">        \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>\n                <vscode-text-field \n                    id=\"addPropertyDialogSearch\"\n                    :value=\"searchTerm\"\n                    @input=\"(event)=>searchTermChanged(event)\" \n                    @keyup.escape=\"resetSearch\"\n                    placeholder=\"Search Properties\" style=\"padding: 5px 10px; width: 100%;\"></vscode-text-field>\n                    <i class=\"fas fa-search\" style=\"position:absolute; top: 47px; right: 15px; opacity: 0.5;\"></i>\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 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';\nimport { ref, onMounted } from 'vue'\n\n// Define props and emits\nconst props = defineProps(['propslist', 'defObject', 'destination']);\nconst emit = defineEmits(['propAdded', 'close' ]);\n\n// Define reactive variables\nconst searchTerm = ref('');\nconst dialogBlocker = ref('');\n\n\n// Event handlers\n// ---------------------------------------------------\nfunction blockerClicked(event){\n    if( event.target == dialogBlocker.value){\n        closeButtonClicked();\n    }\n}\n\nfunction closeButtonClicked(){\n    emit('close');    \n}\n\n// Component methods\n// ---------------------------------------------------\nfunction resetSearch(){\n    searchTerm.value = '';\n}\n\nfunction searchTermChanged(event){\n    searchTerm.value = event.target.value;\n}\n\n\nfunction addProperty(item){\n    emit('propAdded', item, props.defObject, props.destination);\n}\n\nfunction sortedPropsList(){\n    let results = props.propslist;\n    // Apply filtering if search term is present\n    if( searchTerm.value != '' ){\n        results = results.filter((item)=>{\n            return item.label.toLowerCase().indexOf(searchTerm.value.toLowerCase()) > -1;\n        });\n    }\n    // Sort the results by label\n    return _.sortBy(results, (item)=>{ return item.label.toLowerCase() });\n}\n\n\n\nonMounted(()=>{\n    document.querySelector('#addPropertyDialogSearch').focus();\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: var(--background);\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    border: solid 1px #ffffff20;\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=7c578f7c&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-7c578f7c\"]])\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                <textarea name=\"\" id=\"\" rows=\"3\" \n                    :value=\"JSON.stringify(property.valueHolderParent[property.propName])\"\n                    @input=\"handleArrayInput(property, $event.target.value)\" \n                    @change=\"submitChanges\"></textarea>\n            </div>\n\n\n\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\nconsole.log( \"ChartSection.modelFields: \", props.modelFields)\n\n    function handleArrayInput(property, inputValue) {\n        try {\n            const parsedValue = JSON.parse(inputValue);\n            if (Array.isArray(parsedValue)) {\n                property.valueHolderParent[property.propName] = parsedValue;\n            } else {\n                // To-do: show UI to inform user about invalid value\n                console.error(\"Input is not an array.\");\n            }\n        } catch (e) {\n            // To-do: show UI to inform user about invalid value\n            console.error(\"Failed to parse input as JSON:\", e);\n        }\n    }\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( typeof currentValue == \"string\" && 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>\ntextarea {\n    overflow: auto;\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    font-size: 11px;\n    width: 100%;\n    min-height: 60px;\n    padding: 5px 10px;\n}\n\ntextarea:focus-visible {\n    outline: none;\n    border: 1px solid var(--focus-border);\n}\ntextarea:focus {\n    border: 1px solid var(--focus-border) !important;\n}\n\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  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=6bcc04fe&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-6bcc04fe\"]])\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\">\n              {{ tab.name }}\n              <!-- <div class=\"propRowDynamicSwitch tabSwitch\" @click=\"setSpecialAttributeAsConstant(tab.key)\">\n                  <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" v-if=\"attributeIsBinding(tab.key)\" draggable=\"false\" />\n                  <img src=\"img/icons/binding_off.png\" style=\"height: 16px;\" v-if=\"!attributeIsBinding(tab.key)\" draggable=\"false\" />\n              </div> -->\n            </div>\n        </div>\n        \n        <!-- ---------------------------------------------------\n                            DATA (TRACES)\n        --------------------------------------------------- -->\n        <div class=\"tabSectionContainer\" v-if=\"currentTabIndex==0\">\n\n         <!-- --------- BINDING CASE --------- -->\n          <div v-if=\"attributeIsBinding('data')\" class=\"propRow\" style=\"margin-top: 20px;\">            \n            <div class=\"removeBtnCnt\" style=\"width:20px; cursor: auto;\" ></div>\n            <div class=\"propRowLabel\" title=\"Data object for the chart\">Data Binding: </div>\n            <div class=\"propRowControl\">\n                <select class=\"propInput propInputDynamic\" v-model=\"selectedComponent.attributes.attributes.gb_b__data\" @change=\"dataChanged\" \n                @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent attrname=\"gb_b_data\">\n                    <option v-for=\"binding in filteredModelFields.data\" :key=\"'binding_'+binding.name\" :value=\"binding.name\">{{binding.label ? binding.label : binding.name }}</option>\n                </select>\n            </div>\n\n            <div class=\"propRowDynamicSwitch\" @click=\"setSpecialAttributeAsConstant('data')\">\n                <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" draggable=\"false\" />\n            </div>\n          </div>\n\n\n         <!-- --------- NOT-BINDING CASE --------- -->\n          <div class=\"tracesContainer\" style=\"position: relative;\" v-else>\n            <div style=\"width: 100%; justify-content: flex-end; display: flex; margin: 10px 0px 0px;\">\n              <div class=\"nanoButton\" style=\"\" @click=\"setSpecialAttributeAsBinding('data')\" v-if=\"getBindingsOfType( 'PlotlyBase.GenericTrace' ).length > 0\">\n                <div style=\"\">Use Binding</div>\n                <div class=\"\">\n                  <!-- <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" v-if=\"attributeIsBinding('data')\" draggable=\"false\" /> -->\n                  <img src=\"img/icons/binding_off.png\" style=\"height: 16px;\" draggable=\"false\" />\n                </div>\n              </div>\n            </div>\n            <!-- <div class=\"propRowDynamicSwitch tabSwitch\" @click=\"setSpecialAttributeAsConstant('data')\">\n                  <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" v-if=\"attributeIsBinding('data')\" draggable=\"false\" />\n                  <img src=\"img/icons/binding_off.png\" style=\"height: 16px;\" v-if=\"!attributeIsBinding('data')\" draggable=\"false\" />\n              </div>\n            </div> -->\n\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                      <vscode-button @click=\"showAddPropertyList(trace)\" style=\"\">Add Property</vscode-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  v-if=\"!attributeIsBinding('data')\" style=\"border-top: solid 1px var(--badge-background); padding: 20px;     text-align: center;\">\n            <vscode-button class=\"addTraceButton\" @click=\"addNewTrace\">Add Trace</vscode-button>\n\n            <!-- <div class=\"toggleBindingModeContainer\"  style=\"margin-top: 20px; font-size: 0.6rem; color: #ccc;\">\n            or switch to <span @click=\"setSpecialAttributeAsBinding('data')\" style=\"text-decoration: underline; color:#fff;\">binding mode</span>\n            </div> -->\n          </div>\n        </div>\n\n        <!-- ---------------------------------------------------\n                              LAYOUT\n        --------------------------------------------------- -->\n        <div class=\"tabSectionContainer\" v-if=\"currentTabIndex==1\">\n         <!-- --------- BINDING CASE --------- -->\n          <div v-if=\"attributeIsBinding('layout')\" class=\"propRow\" style=\"margin-top: 20px;\">  \n            <div class=\"removeBtnCnt\" style=\"width:20px; cursor: auto;\" ></div>\n            <div class=\"propRowLabel\" title=\"Data object for the chart\">Layout Binding: </div>\n            <div class=\"propRowControl\">\n                <select class=\"propInput propInputDynamic\" v-model=\"selectedComponent.attributes.attributes.gb_b__layout\" @change=\"layoutChanged\" \n                @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent attrname=\"gb_b_layout\">\n                    <option v-for=\"binding in filteredModelFields.layout\" :key=\"'binding_'+binding.name\" :value=\"binding.name\">{{binding.label ? binding.label : binding.name }}</option>\n                </select>\n            </div>\n\n            <div class=\"propRowDynamicSwitch\" @click=\"setSpecialAttributeAsConstant('layout')\">\n                <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" draggable=\"false\" />\n            </div>\n          </div>\n\n         <!-- --------- NOT-BINDING CASE --------- -->\n          <div v-else>\n            <div style=\"width: 100%; justify-content: flex-end; display: flex; margin: 10px 0px 0px;\">\n              <div class=\"nanoButton\" style=\"\" @click=\"setSpecialAttributeAsBinding('layout')\" v-if=\"getBindingsOfType( 'PlotlyBase.Layout' ).length > 0\">\n                <div style=\"\">Use Binding</div>\n                <div class=\"\">\n                  <!-- <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" v-if=\"attributeIsBinding('data')\" draggable=\"false\" /> -->\n                  <img src=\"img/icons/binding_off.png\" style=\"height: 16px;\"  draggable=\"false\" />\n                </div>\n              </div>\n            </div>\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              <vscode-button v-if=\"!addPropertyDestination\" @click=\"showAddPropertyList(layout)\" style=\"\">Add Property</vscode-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        </div>\n\n        <!-- ---------------------------------------------------\n                              CONFIG\n        --------------------------------------------------- -->\n        <div class=\"tabSectionContainer\" v-if=\"currentTabIndex==2\">\n         <!-- --------- BINDING CASE --------- -->\n          <div v-if=\"attributeIsBinding('config')\" class=\"propRow\" style=\"margin-top: 20px;\">  \n            <div class=\"removeBtnCnt\" style=\"width:20px; cursor: auto;\" ></div>\n            <div class=\"propRowLabel\" title=\"Data object for the chart\">Config Binding: </div>\n            <div class=\"propRowControl\">\n                <select class=\"propInput propInputDynamic\" v-model=\"selectedComponent.attributes.attributes.gb_b__config\" @change=\"configChanged\" \n                @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent attrname=\"gb_b_config\">\n                    <option v-for=\"binding in filteredModelFields.config\" :key=\"'binding_'+binding.name\" :value=\"binding.name\">{{binding.label ? binding.label : binding.name }}</option>\n                </select>\n            </div>\n\n            <div class=\"propRowDynamicSwitch\" @click=\"setSpecialAttributeAsConstant('config')\">\n                <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" draggable=\"false\" />\n            </div>\n          </div>\n\n         <!-- --------- NOT-BINDING CASE --------- -->\n          <div v-else>\n            <div style=\"width: 100%; justify-content: flex-end; display: flex; margin: 10px 0px 0px;\">\n              <div class=\"nanoButton\" style=\"\" @click=\"setSpecialAttributeAsBinding('config')\" v-if=\"getBindingsOfType( 'Object' ).length > 0\">\n                <div style=\"\">Use Binding</div>\n                <div class=\"\">\n                  <!-- <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" v-if=\"attributeIsBinding('data')\" draggable=\"false\" /> -->\n                  <img src=\"img/icons/binding_off.png\" style=\"height: 16px;\" draggable=\"false\" />\n                </div>\n              </div>\n            </div>\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              <vscode-button v-if=\"!addPropertyDestination\" @click=\"showAddPropertyList(config)\" style=\"\">Add Property</vscode-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        </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';\nimport Configuration from '../utils/Configuration';\n\nconst emit = defineEmits(['chartpropmodechanged']);\n\nconst mybool = ref(true);\n// ====================== PROPS ====================== \n\nconst props = defineProps(['appData', 'selectedComponent', 'blockPropertyDefinition', 'filteredModelFields']);\n\n\n\nfunction attributeIsBinding(attributeName ){\n  let isBinding = props.selectedComponent.attributes.attributes['gb_b__'+attributeName] != null;\n  return isBinding;\n}\n\n// ====================== DATA ====================== \n\nlet currentTabIndex = ref(0);\nlet tabsList = ref( [ \n  { id:0, name:\"Data\", key:\"data\" }, \n  { id:1, name:\"Layout\", key:\"layout\" }, \n  { id:2, name:\"Config\", key:\"config\" } \n] );\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[Configuration.currentPageIndex].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  // Treemap\n  {id:\"parents\", label:\"Parents\", type:\"array\", default: [\"\", \"A\", \"A\", \"C\", \"C\", \"A\", \"\", \"G\", \"G\"]}, \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  { id:\"width\", label:\"Width\", type: \"number\", default: 500 },\n  { id:\"height\", label:\"Height\", type: \"number\", default: 500 },\n  { id:\"xaxis.showgrid\", label:\"Show X grid\", type: \"boolean\", default: true },\n  { id:\"yaxis.showgrid\", label:\"Show Y grid\", type: \"boolean\", default: true },\n  { id:\"xaxis.range\", label:\"X range\", type: \"array\", default: [0,1500] },\n  { id:\"xaxis.visible\", label:\"X visible\", type: \"boolean\", default: false },\n\n]);\n\nconst isPro = computed(() => {\n    return Configuration.IS_PRO;\n});\n\n\n\nfunction getFieldsOfDataFrameType(){\n  let dsFields = props.appData.pages[Configuration.currentPageIndex].model.fields.filter( (field)=>{ \n    return  field.type == \"DataFrames.DataFrame\" || \n            field.type == \"PlotlyData\" || \n            field.type == \"DataTable.DataFrames.DataFrame\"\n  } );\n  dataSourceFields.value = dsFields;\n}\n\n// ====================== COMPUTED ====================== \n\nconst getAllModelFields = computed(() => {\n  let fields = props.appData.pages[Configuration.currentPageIndex].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[Configuration.currentPageIndex].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 setSpecialAttributeAsConstant(key){\n  const functionMap = {\n    'data': setDataAsConstant,\n    'layout': setLayoutAsConstant,\n    'config': setConfigAsConstant\n  }\n  if( functionMap[key] )  \n    functionMap[key]();\n  else\n    console.error( 'setSpecialAttributeAsConstant: key not found', key );\n}\n\nfunction setSpecialAttributeAsBinding(key){\n  const functionMap = {\n    'data': setDataAsBinding,\n    'layout': setLayoutAsBinding,\n    'config': setConfigAsBinding\n  }\n  if( functionMap[key] )  \n    functionMap[key]();\n  else\n    console.error( 'setSpecialAttributeAsBinding: key not found', key );\n}\n\nfunction getBindingsOfType( type ){\n  return modelFields.value.filter( (field)=>{ return field.type == type } );\n}\n\nfunction setDataAsBinding(){\n  let matchingModelFields = modelFields.value.filter( (field)=>{ return field.type == 'PlotlyBase.GenericTrace' } );\n  if( matchingModelFields.length == 0 ){\n    console.error( 'setDataAsBinding: No matching model fields found for type ', 'PlotlyBase.GenericTrace' );    \n    return;\n  }\n\n  delete props.selectedComponent.gb_c__data;\n  let newBindingValue = matchingModelFields[0].name;\n  props.selectedComponent.gb_b__data = newBindingValue;\n  traces.value = newBindingValue;\n  submitChanges();\n  setSelectedComponent( props.selectedComponent );\n  emit('chartPropModeChanged', 'gb_c__data', newBindingValue );\n}\n\nfunction setLayoutAsBinding(){\n  let matchingModelFields = modelFields.value.filter( (field)=>{ return field.type == 'PlotlyBase.Layout' } );\n  if( matchingModelFields.length == 0 ){\n    console.error( 'setLayoutAsBinding: No matching model fields found for type ', 'PlotlyBase.Layout' );    \n    return;\n  }\n\n  delete props.selectedComponent.gb_c__layout;\n  let newBindingValue = matchingModelFields[0].name;\n  props.selectedComponent.gb_b__layout = newBindingValue;\n  layout.value = newBindingValue;\n  submitChanges();\n  setSelectedComponent( props.selectedComponent );\n  emit('chartPropModeChanged', 'gb_c__layout', newBindingValue );\n}\n\nfunction setConfigAsBinding(){\n  let matchingModelFields = modelFields.value.filter( (field)=>{ return field.type == 'Object' } );\n  if( matchingModelFields.length == 0 ){\n    console.error( 'setConfigAsBinding: No matching model fields found for type ', 'Object' );    \n    return;\n  }\n\n  delete props.selectedComponent.gb_c__config;\n  let newBindingValue = matchingModelFields[0].name;\n  props.selectedComponent.gb_b__config = newBindingValue;\n  config.value = newBindingValue;\n  submitChanges();\n  setSelectedComponent( props.selectedComponent );\n  emit('chartPropModeChanged', 'gb_c__config', newBindingValue );\n}\n\nfunction getModelFieldsOfType(type){\n  return modelFields.value.filter( (field)=>{ return field.type == type } );\n}\n\nfunction setDataAsConstant(){\n  delete props.selectedComponent.gb_b__data;\n  let newConstantValue = [{\"gbtype\":\"Bar Chart\",\"x\":[],\"y\":[],\"type\":\"bar\",\"name\":\"Trace\"}];\n  props.selectedComponent.gb_c_data = newConstantValue;\n  traces.value = newConstantValue;\n  submitChanges();\n  setSelectedComponent( props.selectedComponent );\n  emit('chartPropModeChanged', 'gb_b__data', btoa( JSON.stringify(newConstantValue) ) );\n}\n\nfunction setLayoutAsConstant(){\n  delete props.selectedComponent.gb_b__layout;\n  let newConstantValue = {\"title\":\"Chart Title\"};\n  props.selectedComponent.gb_c_layout = newConstantValue;\n  layout.value = newConstantValue;\n  submitChanges();\n  setSelectedComponent( props.selectedComponent );\n  emit('chartPropModeChanged', 'gb_b__layout', btoa( JSON.stringify(newConstantValue) ) );\n}\n\nfunction setConfigAsConstant(){\n  delete props.selectedComponent.gb_b__config;\n  let newConstantValue = {\"autosizable\":true,\"displaylogo\":true,\"scrollZoom\":true,\"editable\":true,\"displayModeBar\":true};\n  props.selectedComponent.gb_c_config = newConstantValue;\n  config.value = newConstantValue;\n  submitChanges();\n  setSelectedComponent( props.selectedComponent );\n  emit('chartPropModeChanged', 'gb_b__config', btoa( JSON.stringify(newConstantValue) ) );\n}\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  console.log( 'ChartProperties::submitChanges', selectedComponent.attributes.attributes );\n  let newAttributes = {};\n  let newData, newConfig, newLayout;\n  \n  if( attributeIsBinding('data') ){\n    newData = selectedComponent.attributes.attributes.gb_b__data\n    newAttributes.gb_b__data = newData;\n  }else{\n    newData = btoa( JSON.stringify(traces.value) );\n    newAttributes.gb_c__data = newData;\n  }\n  \n  if( attributeIsBinding('config') ){\n    newConfig = selectedComponent.attributes.attributes.gb_b__config\n    newAttributes.gb_b__config = newConfig;\n  }else{\n    newConfig = btoa( JSON.stringify(config.value) );\n    newAttributes.gb_c__config = newConfig;\n  }\n  \n  if( attributeIsBinding('layout') ){\n    newLayout = selectedComponent.attributes.attributes.gb_b__layout\n    newAttributes.gb_b__layout = newLayout;\n  }else{\n    newLayout = btoa( JSON.stringify(layout.value) );\n    newAttributes.gb_c__layout = newLayout;\n  }\n\n  props.selectedComponent.setAttributes( newAttributes );\n\n  props.selectedComponent.view.$el[0].vueApp.updateAttributes(newAttributes);\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  \nfunction setSelectedComponent(newComponent){\n \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    try{\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    }catch(e){\n      console.error( 'ChartProperties :: Error decoding base64 attributes', e );\n    }\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}\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  position: relative;\n  border-bottom: solid 1px #cccccc30\n}\n\n.tabSwitch{\n  position: absolute;\n  top: 3px;\n  right: 3px;\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: 0px 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: 0px;\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: center;\n  padding-bottom: 20px;\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\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.nanoButton{\n  width: max-content;\n  text-align: center;\n  display: flex;\n  padding: 0px 3px 0px 9px;\n  border: 1px solid rgb(204, 204, 204);\n  border-radius: 9px;\n  font-size: 0.64rem;\n  position: relative;\n  right: 0px;\n  opacity: 0.5;\n  user-select: none;\n  cursor: pointer;\n}\n.nanoButton:hover{\n  opacity: 1;\n}\n</style>\n","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=7460bacc&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-7460bacc\"]])\n\nexport default __exports__","<template>\n    <div>\n        <div v-if=\"!component\" class=\"nothingSelected\">\n            <i>Nothing selected</i>\n        </div>\n\n        <div v-if=\"component && !licenseAllowsComponent(component)\" class=\"notProUI\">\n            This component requires a Pro license.<br/>\n            Upgrade to Pro and start using it now!<br/> <br/>\n            <vscode-button @click=\"showUpgradeLicenseDialog\" style=\"margin-right: 3px;\">Upgrade</vscode-button> \n        </div>\n\n        <div v-if=\"component && licenseAllowsComponent(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;\" v-if=\"component && component.attributes.type != 'plotly'\">\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\n                    <!-- --------- NOT-BINDING CASE --------- -->\n                    \n                    <div v-if=\"!attributeIsBinding(attributeObject.name)\" class=\"propRowControl\">\n                        <!-- Dropdown (generic, with predefined ooptions) -->\n                        <select v-if=\"attributeObject.def.uitype=='select'\"\n                            class=\"propInput propInputDynamic\" \n                            v-model=\"component.attributes.attributes[ attributeObject.name ]\" \n                            @change=\"submitChanges\" \n                            @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent :attrname=\"attributeObject.name\">\n                                <option v-for=\"option in attributeObject.def.options\" :key=\"'option_'+option\" :value=\"option\">{{ option }}</option>\n                        </select>\n\n                       <!--  <vscode-dropdown \n                            v-if=\"attributeObject.def.uitype=='select'\"\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                                {{ component.attributes.attributes[ attributeObject.name ] }}\n                            </span>\n                            <vscode-option :value=\"option\" v-for=\"option in attributeObject.def.options\" style=\"padding: 5px;\">\n                                {{ option }}</vscode-option>\n                        </vscode-dropdown> -->\n\n                        <!-- Dropdown for icons (uitype == 'enum_icons' in blockDefinitions) -->\n                        <vscode-dropdown \n                            v-else-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.uitype=='String' || (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\n                    <!-- --------- BINDING CASE --------- -->\n\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, component)\" :key=\"'binding_'+binding.name\" :value=\"binding.name\">{{binding.label ? binding.label : binding.name }}</option>\n                        </select>\n                    </div>\n                    <div v-if=\"attributeObject.name!='gb_b__v-model' && attributeObject.name!='gb_c__v-for' && component.attributes.type != 'plotly'\" @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\" style=\"cursor: auto;\"></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=\"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=\"font-weight: bold; text-align: left:\">{{ attributeDefObject.label }}: </div>\n                        <div class=\"propRowControl\" style=\"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            <div class=\"addPropertyButtonRow\">\n                <vscode-button v-if=\"!showAddProperty && component && ( component.attributes.type != 'plotly' )\" @click=\"showAddPropertyList\">Add Property</vscode-button>\n            </div>\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\n        </div>\n        <ChartProperties ref=\"chartPropertiesPanel\" :appData=\"appData\" \n            @chartPropModeChanged=\"onChartPropModeChanged\"\n            :selectedComponent=\"selectedComponent\" \n            :blockPropertyDefinition=\"getBlockPropertyDefinition()\" \n            :filteredModelFields=\"{ \n                data: filteredModelFields( getCleanAttributeObject('gb_b__data'), selectedComponent ), \n                layout: filteredModelFields( getCleanAttributeObject('gb_b__layout'), selectedComponent ), \n                config: filteredModelFields( getCleanAttributeObject('gb_b__config'), selectedComponent, selectedComponent) \n            }\" \n            style=\"height: 100%;\" \n        />\n    </div>\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 HtmlTemplateParser from '../../utils/HtmlTemplateParser';\nimport _ from 'lodash'\nimport Configuration from '../../utils/Configuration';\n\n// Component props (set from outside)\nconst props = defineProps(['title', 'appData', 'selectedComponent', 'parentPanel']);\n\n\n\nfunction showUpgradeLicenseDialog(){\n    window.showUpgradeLicenseDialog(false);\n}\n\nfunction licenseAllowsComponent( component ){\n    if( Configuration.IS_PRO ){\n        return true;\n    }\n    let componentType = component.attributes.tagName;\n    let componentDefinition = getBlockDefinition( componentType );\n    let requiresPro = componentDefinition?.proRequired;\n    if( requiresPro ){\n        return false;\n    }else{\n        return true;\n    }\n}\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[Configuration.currentPageIndex].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    /* window.logUserEvent( \"component-property::removed\", { \n        component: component.value.attributes.tagName, \n        property: getAttributeCleanRealName( attributeObject.name ) \n    }); */\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.tagName );\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\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, component){\n    let results = [];\n    if( component?.view?.el ){\n        let componentAndAncestorsVforVariableNames = HtmlTemplateParser.extractVforVariablesAncestors( component.view.el );\n        componentAndAncestorsVforVariableNames.forEach( vforVar => {\n            results.push( { name: vforVar, label: vforVar+' *' } );\n        })\n    }\n    if( !attributeObject || !attributeObject.def ){\n        return results;\n    }\n    \n    /* if( component && component.attributes.attributes['gb_c__v-for'] ){\n        let vFor = HtmlTemplateParser.parseVFor( component.attributes.attributes['gb_c__v-for'] );\n        if( vFor ){\n            let variables = vFor.variables;\n            variables.forEach( variable => {\n                results.push( { name: variable, label: variable+'**' } );\n            })\n        }\n    } */\n    let allowedTypes = attributeObject.def.typeList != null ? attributeObject.def.typeList : [ attributeObject.def.type ];\n    modelFields.value.forEach( field =>{ \n        if( attributeObject.def.type == \"Any\" || allowedTypes.indexOf( field.type ) > -1 ){\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    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    if( !component.value ){\n        return [];\n    }\n    const elementAttributes = component.value.attributes.attributes;\n    let result = [];\n    let attrsForVuecomponent = {};\n    for( let p in elementAttributes ){\n        let cleanAttributeObject = getCleanAttributeObject(p);\n        if( cleanAttributeObject && elementAttributes[p] != undefined ){\n            result.push( cleanAttributeObject );\n            attrsForVuecomponent[p] = elementAttributes[p];\n        }\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    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\nconst getCleanAttributeObject = ( p ) =>{\n    if( !component.value )\n        return null;\n    const elementAttributes = component.value.attributes.attributes;\n    let result = null;\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 || def.enabled == false ){\n                console.log(\"Definition not found for: \", p, cleanName, elementAttributes[p]);\n                return null;\n            }\n            result = { name:p, cleanName, value: elementAttributes[p], def:def };\n        }\n    }\n    return result;\n}\n\n\n\n/** \n * Returns the definition of a property for the selected component.\n */\nfunction getBlockPropertyDefinition( propertyName ){\n    if( !component.value ){\n        return null;\n    }\n    // Usually we take the \"type\" as uid\n    let realType = component.value.attributes.type;\n    // but native-text elements (p, h1, h2, etc...) have their type set to \"text\"\n    // so we need to infer the type from the tagName\n    if( realType == \"text\" ){\n        realType = component.value.attributes.tagName;\n    }\n    let blockDefinition = getBlockDefinition( realType );\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    let defaultValuesByType = {\n        Boolean: true,\n        String: \"\", \n        Number: 0, \n        Array: [], \n        Function: \"\", \n        Object: {}\n    }\n    let attrsObject = {};\n    let gbName = \"gb_c__\"+prop.name;\n\n    let defaultValue = defaultValuesByType[prop.type] != null ? defaultValuesByType[prop.type] : \"\";\n    attrsObject[gbName] = defaultValue;\n    component.value.addAttributes(attrsObject);\n    submitChanges();\n\n    /* window.logUserEvent( \"component-property::added\", { \n        component: component.value.attributes.tagName, \n        property: getAttributeCleanRealName( prop.name ) \n    }); */\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.tagName );\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 */\n function submitChanges(){\n    // before parsing the html, we need to make sure we handle booleans properly\n    let componentAttributes = component.value.attributes.attributes;\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    // Read the current componet's html and style (the latter might be removed by grapesjs, os we need to restore it)\n    let newHtml = selectedComponent.toHTML();\n    let elementStyles = editor.getSelected().styleToString();\n\n    // Replace the component with the new html and restore the styles\n    let newElements = editor.getSelected().replaceWith( newHtml );\n    let newElement = newElements[0];\n    newElement.setStyle( elementStyles)\n    \n    setTimeout( ()=>{\n        // Select the new element (needed for nested components)\n        editor.select( newElement );\n    \n        // Clone the attributes and set them to the new component\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        // Update the attributes of the new component\n        selectedComponent.setAttributes(clonedAttributes);\n        \n        // Update the attributes of the vue component\n        let grapesElementVueApp = selectedComponent.view.$el[0].vueApp;\n        if( grapesElementVueApp )\n            grapesElementVueApp.updateAttributes(clonedAttributes);\n    }, 300);\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\nconst onChartPropModeChanged = (key, value) =>{\n    console.log( 'onChartPropModeChanged', key, value );\n    toggleDynamicAttribute(key, value);\n}\n\n\n/**\n * Sets the selected component.\n * @param {Object} newComponent \n */\nfunction setSelectedComponent(newComponent){\n    if( props.parentPanel){\n        if( newComponent )\n            props.parentPanel.expand(true);\n        else\n            props.parentPanel.expand(false);\n    }\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</style>\n\n<style lang=\"scss\">\n    @import \"../../styles/globalStyles.scss\";\n    .propRowLabel{\n        width: 35%;\n        font-size: 0.9em;\n        text-align: right;\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        min-width: 15px;\n        width: 15px;\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    .addPropertyButtonRow {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    padding-bottom: 20px;\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=12de8ad8&lang=scss&scoped=true\"\nimport \"./PropertiesPanel.vue?vue&type=style&index=1&id=12de8ad8&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-12de8ad8\"]])\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        let matchesSearch = searchString.value == '' || item.message.toLowerCase().indexOf(searchString.value.toLowerCase() ) >= 0;\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    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=0ebb8bf8&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-0ebb8bf8\"]])\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 ref=\"bindingsConnectorsContainer\" 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+yOffsetRect\" :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);\nconst yOffsetRect = ref(-40);\nconst yOffsetConnectorTarget = ref(-30);\nconst bindingsConnectorsContainer = ref(null);\n\nfunction getConnectionSVGPath(connection ){\n    let logsPanel = document.querySelector('.logsPanel');\n    let logsPanelHeight = logsPanel.clientHeight;\n    let logsPanelHeadHeight = 40;\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    bindingsConnectorsContainer.value.style.height = `calc(100% - ${ (logsPanelHeight+logsPanelHeadHeight) }px)`;\n    let path = `M ${origin.x+origin.width} ${yOffsetRect.value+origin.y+origin.height*.5} C ${origin.x+origin.width+controlPointOffsetX} ${yOffsetRect.value+origin.y+origin.height*.5}, ${target.x-controlPointOffsetX} ${target.y+yOffsetConnectorTarget.value}, ${target.x} ${target.y+yOffsetConnectorTarget.value}`;\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    /* border: solid 2px #ff0000; */\n    background-color: #ff000000;\n    top: 40px;\n    left: 0px;\n    right: 0px;\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=704c43b8&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-704c43b8\"]])\n\nexport default __exports__","<template>\n    <div>\n        <div v-if=\"!isPro\" class=\"notProUI\">\n        AI Help is a Pro feature.<br/>\n        Upgrade to Pro and start using it now!<br/> <br/>\n        <vscode-button @click=\"showUpgradeLicenseDialog\" style=\"margin-right: 3px;\">Upgrade</vscode-button> \n        </div>\n\n        <div v-if=\"isPro\">\n\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=\"Ask AI for help on how to use Genie\"\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 AI</vscode-button>\n\n\n                    <!-- to-do: this text and link is also used in the AI docs panel. Ideally we should store the text and link in a shared variable. But vue won't listen to the click events within the v-html, and regular links will be blocked by vscode. So by now we are adding the text and link here and in aidocs -->\n                    <div class=\"terms\" style=\"margin-top: 10px;\">\n                    Use of the AI features implies acceptance of the Genie AI <span @click=\"openLink( Configuration.TERMS_OF_USE_URL )\" style=\"text-decoration: underline;\">terms of use</span>. AI results can be incorrect.\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup>\n\nimport _ from 'underscore';\nimport {computed, ref, onMounted} from 'vue';\nimport Configuration from '../../utils/Configuration';\n\n\nconst props = defineProps(['appData']);\n\nconst isPro = computed(() => {\n    return Configuration.IS_PRO;\n});\n\nconst question = ref('');\nconst error = ref(null);\n\n\n\nfunction showUpgradeLicenseDialog(){\n    window.showUpgradeLicenseDialog(false);\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    //window.logUserEvent( \"ai-help-panel::ask\", { });\n};\n\nfunction openLink(url){\n    console.log( 'aiCodePanel :: openLink: ', url );\n    window.parent.postMessage( {command:\"openLink\", url:url, name:\"Genie Builder Docs\" }, \"*\" );\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n\n\n.terms{\n    margin: -15px 0px 15px;\n    font-size: 0.85em;\n    opacity: 0.5;\n    text-align: center;\n    padding: 0px;\n    cursor: pointer;\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=46c931ab&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-46c931ab\"]])\n\nexport default __exports__","<template>\n    <div>\n        <div v-if=\"!isPro\" class=\"notProUI\">\n        The AI Assistant is a Pro feature.<br/>\n        Upgrade to Pro and start using it now!<br/> <br/>\n        <vscode-button @click=\"showUpgradeLicenseDialog\" style=\"margin-right: 3px;\">Upgrade</vscode-button> \n        </div>\n\n        <div v-if=\"isPro\">\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=\"Select a UI component and ask AI to style or edit it\"\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;\">Ask AI</vscode-button>\n                    <vscode-button v-if=\"isLoading\"  disabled style=\"width: 100px !important;\">Plese wait...</vscode-button>\n\n                    <!-- to-do: this text and link is also used in the AI docs panel. Ideally we should store the text and link in a shared variable. But vue won't listen to the click events within the v-html, and regular links will be blocked by vscode. So by now we are adding the text and link here and in aidocs -->\n                    <div class=\"terms\" style=\"margin-top: 10px;\">\n                    Use of the AI features implies acceptance of the Genie AI <span @click=\"openLink( Configuration.TERMS_OF_USE_URL )\" style=\"text-decoration: underline;\">terms of use</span>. AI results can be incorrect.\n                    </div>\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        </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'\nimport HtmlTemplateParser from '../../utils/HtmlTemplateParser';\n\nconst props = defineProps(['appData', 'selectedComponent'])\n\nconst isPro = computed(() => {\n    return Configuration.IS_PRO;\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    component.value = newComponent;\n}\n\nfunction showUpgradeLicenseDialog(){\n    window.showUpgradeLicenseDialog(false);\n}\n\nfunction applyCssStylesToHtml(html, cssString) {\n    // Parse the CSS string to extract styles for ID selectors\n    const styleRules = cssString.match(/#[^\\{]+\\{[^\\}]+\\}/g);\n    const stylesById = {};\n\n    if (styleRules) {\n        styleRules.forEach(rule => {\n            const parts = rule.split('{');\n            const id = parts[0].trim().substring(1); // Remove '#' at the start\n            const styles = parts[1].trim().slice(0, -1); // Remove closing '}'\n            stylesById[id] = styles;\n        });\n    }\n\n    // Create a DOM parser to parse the HTML string\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(`<body>${html}</body>`, 'text/html');\n\n    // Apply the styles to the elements with the corresponding IDs\n    Object.keys(stylesById).forEach(id => {\n        const element = doc.getElementById(id);\n        if (element) {\n            element.style.cssText += stylesById[id];\n        }\n    });\n\n    // Extract and return the inner HTML of the body, excluding the automatically added tags\n    return doc.body.innerHTML;\n}\n\nfunction openLink(url){\n    window.parent.postMessage( {command:\"openLink\", url:url }, \"*\" );\n}\n\nfunction sendRequestToAiPreservingPlotlyAttributes(inputHtml, attributes, onComplete) {\n    \n  // Create a DOMParser to parse HTML strings\n  const parser = new DOMParser();\n  const serializer = new XMLSerializer();\n\n  // Parse the initial HTML code to a DOM\n  const initialDOM = parser.parseFromString(inputHtml, 'text/html');\n\n  // Store the attributes of <plotly> nodes\n  const plotlyAttributes = {};\n  initialDOM.querySelectorAll('plotly').forEach(node => {\n    attributes.forEach(attr => {\n      if (node.hasAttribute(attr)) {\n        const nodeId = node.id; // Assuming each <plotly> node has a unique ID\n        if (!plotlyAttributes[nodeId]) {\n          plotlyAttributes[nodeId] = {};\n        }\n        plotlyAttributes[nodeId][attr] = node.getAttribute(attr);\n      }\n    });\n  });\n\n    // Add css styles as inline styles to the html\n    let htmlWithStyles = applyCssStylesToHtml( inputHtml, editor.getCss() );\n\n    // Inform the request is started (loading)\n    emit(\"aiCodeChanged\", 'loading');    \n    isLoading.value = true;\n\n    // Send the AJAX request\n    axios.post( aiApiUrl, \n        { \n            content_type: \"html\", \n            sessionid: Configuration.SESSIONID, \n            prompt: requestObject.value.userPrompt, \n            code: htmlWithStyles\n        }\n    )\n    .then( (response)=>{\n        // Inform the request is finished (not loading)\n        isLoading.value = false;\n\n        // Parse the response\n        let responseObject = JSON.parse( response.request.response )\n\n        // Handle errors\n        if( responseObject.error ){\n            requestObject.value.aiError = responseObject.error;\n            emit(\"aiCodeChanged\", 'hidden');\n        \n        }else{\n        // handle success\n\n            // reset prompt and loading state\n            isLoading.value = false;\n            userPrompt.value = \"\";\n\n            // Restore the attributes for each <plotly> node using stored values\n            let receivedHtml = responseObject.response;\n            let parser = new DOMParser();\n            const newDOM = parser.parseFromString(receivedHtml, 'text/html');\n\n            Object.keys(plotlyAttributes).forEach(nodeId => {\n                const node = newDOM.getElementById(nodeId);\n                if (node) { // Check if the node still exists\n                    Object.entries(plotlyAttributes[nodeId]).forEach(([attr, value]) => {\n                        node.setAttribute(attr, value);\n                    });\n                }\n            });\n\n            // Serialize the DOM back to an HTML string\n            let restoredHtml = serializer.serializeToString(newDOM.body);\n/* \n            // Make sure all blocks have mandatory attributes if missing\n            let mandatoryDefs = HtmlTemplateParser.generateBlocksMandatoryProperties();\n            let filledHtml = HtmlTemplateParser.addMandatoryProperties( restoredHtml, mandatoryDefs );\n             */\n            let cleanHtml;\n            try{\n                cleanHtml = HtmlTemplateParser.cleanHtml( restoredHtml );\n            }catch(e){\n                requestObject.value.aiError = e.message;\n                emit(\"aiCodeChanged\", 'hidden');\n            }\n            // encode the html\n            // ------------------------------------------\n            const doc = parser.parseFromString(cleanHtml, 'text/html');\n            const firstDiv = doc.body || null;      \n            HtmlTemplateParser.encodeAttributesInDOM(firstDiv );    \n            const firstDivContent = firstDiv.innerHTML;\n            requestObject.value.aiApiResponse = firstDivContent;\n            \n            // Update the selected element in the canvas and inform\n            \n            window.lastHtmlBeforeAiReplace = editor.getHtml();\n            //editor.UndoManager.stop();\n            if( editor.getSelected().attributes.attributes.id == \"gbTemplateContainer\" ){\n                editor.getSelected().components(firstDivContent);\n            }else{\n                editor.getSelected().replaceWith( firstDivContent );\n            }\n                \n            emit(\"aiCodeChanged\", 'ready');\n            \n        }\n    } )\n    .catch( (err)=>{\n        // Inform the request is finished with an error\n        isLoading.value = false;\n        requestObject.value.aiError = err.message;\n        emit(\"aiCodeChanged\", 'hidden');\n    } )\n}\n\nfunction aiSendClicked(){\n    let selectedElement = component.value;\n\n    let selectedHtml = selectedElement.toHTML();\n\n    let componentCss = editor.getCss({   \n                                    component: selectedElement, //editor.getSelected(), \n                                    keepUnusedStyles:false, \n                                    avoidProtected: true \n                                });\n\n\n    let bindingsList = appData.value.pages[Configuration.currentPageIndex].model.fields.map (el=>{\n        let result = { name:el.name, type:el.type };\n        if( el.columns != null ){\n            result.columns = el.columns.map(column=>column);\n        }\n        return result;\n    } );\n    bindingsList = JSON.stringify( bindingsList, null, 4 );\n\n    let extendedPrompt = `\nUser Request: ${userPrompt.value}\n\nInstructions for AI:\n1. Layout: Utilize DIV elements with \"row\" and \"st-col col-x col-sm st-module\" classes for creating a responsive layout. The layout should be divided into the sections described above. For columns, (\"col-x\"), \"x\" is a number between 1 and 12. \n2. Components: Wherever possible, employ Quasar 1 components for UI elements. For date selection, use 'q-date' instead of standard HTML input components. Refer to the supported components list provided below.\n3. never nest a \"row\" directly as a child of a \"row\" or a \"col\" directly as a child of a \"col\".\n4. For 'q-table' elements, bind data using only \"DataTable\" or Array types, never DataFrames.\n5. Data Binding: Properly assign data to UI components, ensuring mandatory attributes like 'v-model' are used for input components such as textfields, select, and checkbox. \n6. Rules:\n   - Avoid using '<template>' tags.\n   - In dynamic attributes (starting with ':'), do not use interpolated values (e.g., avoid '{{value}}').\n   - Never return an element with a CSS class whose name is or starts with \"gbTemplateContainer\"\n7. Other components: \n7.1. For \"big numbers\" use this component template (use colon in attributes for bindings if necessary):\n<st-big-number number=\"0\" title=\"Label\"></st-big-number>\n7.2. For date pickers use this component template (use colon in attributes for bindings if necessary, and note that v-model value must match for the INPUT and the q-date components):\n<q-input iscomposite=\"true\" v-model=\"undefined\" clearable=\"true\" filled=\"true\" label=\"Pick a date\"><q-icon class=\"cursor-pointer\" name=\"event\" style=\"height: 100%;\"><q-popup-proxy><q-date v-model=\"undefined\" mask=\"YYYY-MM-DD\" no-unset=\"true\" today-btn=\"true\"></q-date></q-popup-proxy></q-icon></q-input>\n7.3. For date pickers use this component template (use colon in attributes for bindings if necessary, and note that v-model value must match for the INPUT and the q-date components):\n<q-input v-model=\"undefined\" clearable=\"true\" filled=\"true\" label=\"Pick a time\"><q-icon class=\"cursor-pointer\" name=\"alarm\" style=\"height: 100%;\"><q-popup-proxy><q-time v-model=\"undefined\" mask=\"HH:mm:ss\"></q-time></q-popup-proxy></q-icon></q-input>\n7.4. For charts, use Plotly library, with this component template below, replacing binding names as needed and preserving the $_{} syntax found in the template. When binding to DataFrame data, never bind directly to it, always bind to a nested column (i.e. myDataFrame.myColumn), and use the syntax found in the template ( i.e. $_{myDataFrame.myColumn} ). Do not use the colon \":\" prefix inside attribute values, that's only for dynamic attribute names when appropriate. Make sure the plot data is properly bsae64 encoded.\n<plotly data=\"W3siZ2J0eXBlIjoiU2NhdHRlciIsIngiOiIkX3tCSU5ESU5HX05BTUV9IiwieSI6IiRfe0FOT1RIRVJfQklORElOR19OQU1FfSIsInR5cGUiOiJzY2F0dGVyIiwibW9kZSI6ImxpbmVzIiwibmFtZSI6IlRyYWNlIn1d\" config=\"e30=\" layout=\"eyJ0aXRsZSI6Ik15IENoYXJ0In0=\"></plotly>\n7.5. For charts (<plotly> elements), preserve the \"id\" attribute, this is important.\n8. Styles should always be applied inline. If user provides current css styles (see below), make sure to apply them inline to your answer, unless user requests to change or remove them,\nAvailable Data (Bindings):\n${bindingsList}\n\nSupported Quasar Components:\n[\"q-input\", \"q-btn\", \"q-select\", \"q-radio\", \"q-checkbox\", \"q-toggle\", \"q-slider\", \"q-range\", \"q-date\", \"q-time\", \"q-knob\", \"q-list\", \"q-table\", \"q-img\", \"q-video\", \"q-avatar\", \"q-badge\", \"q-chip\", \"q-icon\", \"q-rating\", \"q-spinner\", \"q-timeline\", \"q-timeline-entry\", \"q-scroll-area\"]\n\nRelated CSS styles:\n${componentCss}\n`;\n\n/* \n    IMPORTANT:\nUse columns and rows (DIV elements with \"row\"/\"col\" classes), to generate beautiful layouts (i.e. using rows to separate SVGTextContentElement, columns to distribute controls and viuews, etc). \n\nAdd the appropriate UI components based on the purpose of the dashboard and the available data. Whenever possible, use Quasar 1 components (i.e.q-date instead of html inpout component) but only from the supported list above.\n\nPlease also assign the appropriate data to the UI components, making sure that mandatory attributes are properly assigned (i.e v-model for input components such as textfields, select, checkbox, etc).\n\nSome rules you need to apply:\n\n- For \"data\" attribute value of \"q-table\" elements, use only bindings of type-family \"DataTable\" (i.e. DataTable.DataFrames) or Array, and never use bindings of type-family \"DataFrames\" (i.e. DataFrames.DataFrames).\n\n\n- never include <template> nodes\n\n- in dynamic attributes (starting with colon), never use interpolated values (i.e. {{value}})\n\n\nHere's the available data (so-called \"bindings\" ) and their types:\n[\n    { \"name\": \"avg_price\", \"type\": \"Number\" },\n    { \"name\": \"end_date\", \"type\": \"String\" },\n    { \"name\": \"end_price\", \"type\": \"Number\" },\n    { \"name\": \"fileuploads\", \"type\": \"UnknownType\" },\n    { \"name\": \"isprocessing\", \"type\": \"Boolean\" },\n    { \"name\": \"isready\", \"type\": \"Boolean\" },\n    { \"name\": \"percent_return\", \"type\": \"Number\" },\n    { \"name\": \"period_diff\", \"type\": \"Number\" },\n    { \"name\": \"prices\", \"type\": \"DataFrames.DataFrame\", \"columns\": [ \"stock\",\"close\", \"timestamp\", \"ma20\" ] },\n    {\n        \"name\": \"prices_table\",\n        \"type\": \"DataTable.DataFrames.DataFrame\",\n        \"columns\": []\n    }, \n    { \"name\": \"selected_stock\", \"type\": \"String\" },\n    { \"name\": \"start_date\", \"type\": \"String\" },\n    { \"name\": \"stocks\", \"type\": \"Array\" }\n]\n\nHere's the list of supported Quasar components:\n[ \"q-input\", \"q-btn\", \"q-select\", \"q-radio\", \"q-checkbox\", \"q-toggle\", \"q-slider\", \"q-range\", \"q-date\", \"q-time\", \"q-knob\", \"q-list\", \"q-table\", \"q-img\", \"q-video\", \"q-avatar\", \"q-badge\", \"q-chip\", \"q-icon\", \"q-rating\", \"q-spinner\", \"q-timeline\", \"q-timeline-entry\", \"q-scroll-area\" ]\n`;\n */\n    requestObject.value = {\n        selectedHtml: selectedHtml, \n        userPrompt: extendedPrompt, \n    };\n    requestObject.value.previousPrompt = userPrompt.value;\n\n\n    // Decode the html\n    // ------------------------------------------\n    const entireHtml = requestObject.value.selectedHtml;\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(entireHtml, 'text/html');\n    const firstDiv = doc.body || null;      \n    HtmlTemplateParser.decodeAttributesInDOM(firstDiv );    \n    const firstDivContent = firstDiv.innerHTML;\n    // ------------------------------------------\n    // End of decoding html\n    // ------------------------------------------\n\n        \n    sendRequestToAiPreservingPlotlyAttributes(firstDivContent, [\"data\", \"config\", \"layout\"], (resultHtml) => {\n        //console.log( 'aiCodePanel :: sendRequestToAiPreservingPlotlyAttributes-resultHtml: ', resultHtml );\n    });\n\n\n  //window.logUserEvent( \"ai-code-panel::ask\", {   });\n    \n}\n\n\ndefineExpose( { setSelectedComponent } );\nconst emit = defineEmits([\"aiCodeChanged\"]);\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n\n\ntextarea:disabled{\n    color: unset;\n}\nvscode-button:disabled{\n    color: unset;\n}\n\n\n.terms{\n    margin: -15px 0px 15px;\n    font-size: 0.85em;\n    opacity: 0.5;\n    text-align: center;\n    padding: 0px;\n    cursor: pointer;\n}\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=329796f2&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-329796f2\"]])\n\nexport default __exports__\nimport QDate from 'quasar/src/components/date/QDate.js';\nimport QTable from 'quasar/src/components/table/QTable.js';\nimport QInput from 'quasar/src/components/input/QInput.js';\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport QPopupProxy from 'quasar/src/components/popup-proxy/QPopupProxy.js';\nimport QTime from 'quasar/src/components/time/QTime.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport QSelect from 'quasar/src/components/select/QSelect.js';\nimport QRadio from 'quasar/src/components/radio/QRadio.js';\nimport QCheckbox from 'quasar/src/components/checkbox/QCheckbox.js';\nimport QToggle from 'quasar/src/components/toggle/QToggle.js';\nimport QSlider from 'quasar/src/components/slider/QSlider.js';\nimport QRange from 'quasar/src/components/range/QRange.js';\nimport QKnob from 'quasar/src/components/knob/QKnob.js';\nimport QList from 'quasar/src/components/item/QList.js';\nimport QImg from 'quasar/src/components/img/QImg.js';\nimport QVideo from 'quasar/src/components/video/QVideo.js';\nimport QAvatar from 'quasar/src/components/avatar/QAvatar.js';\nimport QBadge from 'quasar/src/components/badge/QBadge.js';\nimport QChip from 'quasar/src/components/chip/QChip.js';\nimport QRating from 'quasar/src/components/rating/QRating.js';\nimport QSpinner from 'quasar/src/components/spinner/QSpinner.js';\nimport QTimeline from 'quasar/src/components/timeline/QTimeline.js';\nimport QTimelineEntry from 'quasar/src/components/timeline/QTimelineEntry.js';\nimport QScrollArea from 'quasar/src/components/scroll-area/QScrollArea.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QDate,QTable,QInput,QIcon,QPopupProxy,QTime,QBtn,QSelect,QRadio,QCheckbox,QToggle,QSlider,QRange,QKnob,QList,QImg,QVideo,QAvatar,QBadge,QChip,QRating,QSpinner,QTimeline,QTimelineEntry,QScrollArea});\n","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        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        setTimeout( ()=>{\n            this.connect();\n        }, seconds*1000 );\n    }\n\n    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        this.onCloseHandler();\n    }\n\n}","export default {\n    \"text-align\": {\n      \"default\": \"left\",\n      \"type\": \"select\",\n      \"options\": [\"left\", \"right\", \"center\", \"justify\"]\n    },\n    \"font-size\": {\n      \"default\": \"16px\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"em\"]\n    },\n    \"font-family\": {\n      \"default\": \"Arial\",\n      \"type\": \"select\",\n      \"options\": [\n        \"Arial\",\n        \"Verdana\",\n        \"Helvetica\",\n        \"Tahoma\",\n        \"Trebuchet MS\",\n        \"Times New Roman\",\n        \"Georgia\",\n        \"Garamond\",\n        \"Courier New\",\n        \"Brush Script MT\"\n      ]\n    },\n    \"font-weight\": {\n      \"default\": \"normal\",\n      \"type\": \"select\",\n      \"options\": [\"normal\", \"bold\", \"bolder\", \"lighter\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\"]\n    },\n    \"font-style\": {\n      \"default\": \"normal\",\n      \"type\": \"select\",\n      \"options\": [\"normal\", \"italic\", \"oblique\"]\n    },\n    \"color\": {\n      \"default\": \"#000000\",\n      \"type\": \"color\"\n    },\n    \"background-color\": {\n      \"default\": \"#FFFFFF\",\n      \"type\": \"color\"\n    },\n    \"background\": {\n      \"default\": \"#FFFFFF\",\n      \"type\": \"color\"\n    },\n    \"border\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"border-radius\": {\n      \"default\": 0,\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\"]\n    },\n    \"padding\": {\n      \"default\": 0,\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\"]\n    },\n    \"margin\": {\n      \"default\": 0,\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\"]\n    },\n    \"display\": {\n      \"default\": \"block\",\n      \"type\": \"select\",\n      \"options\": [\"none\", \"block\", \"inline\", \"inline-block\", \"flex\", \"grid\"]\n    },\n    \"position\": {\n      \"default\": \"static\",\n      \"type\": \"select\",\n      \"options\": [\"static\", \"relative\", \"fixed\", \"absolute\", \"sticky\"]\n    },\n    \"width\": {\n      \"default\": \"auto\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"vw\", \"vh\"]\n    },\n    \"height\": {\n      \"default\": \"auto\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"vw\", \"vh\"]\n    },\n    \"max-width\": {\n      \"default\": \"none\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"vw\", \"vh\"]\n    },\n    \"max-height\": {\n      \"default\": \"none\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"vw\", \"vh\"]\n    },\n    \"opacity\": {\n      \"default\": 1,\n      \"type\": \"number\"\n    },\n    \"text-decoration\": {\n      \"default\": \"none\",\n      \"type\": \"select\",\n      \"options\": [\"none\", \"underline\", \"overline\", \"line-through\"]\n    },\n    \"line-height\": {\n      \"default\": \"normal\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"em\"]\n    },\n    \"letter-spacing\": {\n      \"default\": \"normal\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"em\"]\n    },\n    \"box-shadow\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"text-shadow\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"flex-direction\": {\n      \"default\": \"row\",\n      \"type\": \"select\",\n      \"options\": [\"row\", \"row-reverse\", \"column\", \"column-reverse\"]\n    },\n    \"justify-content\": {\n      \"default\": \"flex-start\",\n      \"type\": \"select\",\n      \"options\": [\"flex-start\", \"flex-end\", \"center\", \"space-between\", \"space-around\", \"space-evenly\"]\n    },\n    \"align-items\": {\n      \"default\": \"stretch\",\n      \"type\": \"select\",\n      \"options\": [\"flex-start\", \"flex-end\", \"center\", \"baseline\", \"stretch\"]\n    },\n    \"align-content\": {\n      \"default\": \"stretch\",\n      \"type\": \"select\",\n      \"options\": [\"flex-start\", \"flex-end\", \"center\", \"space-between\", \"space-around\", \"stretch\"]\n    },\n    \"flex-wrap\": {\n      \"default\": \"nowrap\",\n      \"type\": \"select\",\n      \"options\": [\"nowrap\", \"wrap\", \"wrap-reverse\"]\n    },\n    \"background-image\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"background-size\": {\n      \"default\": \"auto\",\n      \"type\": \"select\",\n      \"options\": [\"auto\", \"cover\", \"contain\"]\n    },\n    \"background-repeat\": {\n      \"default\": \"repeat\",\n      \"type\": \"select\",\n      \"options\": [\"repeat\", \"repeat-x\", \"repeat-y\", \"no-repeat\"]\n    },\n    \"background-position\": {\n      \"default\": \"0% 0%\",\n      \"type\": \"text\"\n    },\n    \"cursor\": {\n      \"default\": \"auto\",\n      \"type\": \"select\",\n      \"options\": [\"auto\", \"default\", \"pointer\", \"wait\", \"text\", \"move\", \"not-allowed\", \"crosshair\", \"zoom-in\", \"zoom-out\"]\n    },\n    \"transition\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"animation\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"visibility\": {\n      \"default\": \"visible\",\n      \"type\": \"select\",\n      \"options\": [\"visible\", \"hidden\", \"collapse\"]\n    },\n    \"overflow\": {\n      \"default\": \"visible\",\n      \"type\": \"select\",\n      \"options\": [\"visible\", \"hidden\", \"scroll\", \"auto\"]\n    },\n    \"text-transform\": {\n      \"default\": \"none\",\n      \"type\": \"select\",\n      \"options\": [\"none\", \"capitalize\", \"uppercase\", \"lowercase\"]\n    },\n    \"white-space\": {\n      \"default\": \"normal\",\n      \"type\": \"select\",\n      \"options\": [\"normal\", \"nowrap\", \"pre\", \"pre-wrap\", \"pre-line\"]\n    },\n    \"text-align-last\": {\n      \"default\": \"auto\",\n      \"type\": \"select\",\n      \"options\": [\"auto\", \"left\", \"right\", \"center\", \"justify\", \"start\", \"end\"]\n    },\n    \"vertical-align\": {\n      \"default\": \"baseline\",\n      \"type\": \"select\",\n      \"options\": [\"baseline\", \"top\", \"middle\", \"bottom\", \"text-top\", \"text-bottom\", \"sub\", \"super\"]\n    },\n    \"z-index\": {\n      \"default\": \"auto\",\n      \"type\": \"number\"\n    },\n    \"list-style-type\": {\n      \"default\": \"disc\",\n      \"type\": \"select\",\n      \"options\": [\"disc\", \"circle\", \"square\", \"decimal\", \"lower-roman\", \"upper-roman\", \"lower-alpha\", \"upper-alpha\", \"none\"]\n    },\n    \"list-style-position\": {\n      \"default\": \"outside\",\n      \"type\": \"select\",\n      \"options\": [\"inside\", \"outside\"]\n    },\n    \"list-style-image\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"table-layout\": {\n      \"default\": \"auto\",\n      \"type\": \"select\",\n      \"options\": [\"auto\", \"fixed\"]\n    },\n    \"border-collapse\": {\n      \"default\": \"separate\",\n      \"type\": \"select\",\n      \"options\": [\"separate\", \"collapse\"]\n    },\n    \"border-spacing\": {\n      \"default\": \"0\",\n      \"type\": \"number\",\n      \"units\": [\"px\"]\n    },\n    \"caption-side\": {\n      \"default\": \"top\",\n      \"type\": \"select\",\n      \"options\": [\"top\", \"bottom\"]\n    },\n    \"resize\": {\n      \"default\": \"none\",\n      \"type\": \"select\",\n      \"options\": [\"none\", \"both\", \"horizontal\", \"vertical\"]\n    },\n    \"grid-template-columns\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"grid-template-rows\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"grid-column-gap\": {\n      \"default\": \"0\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"em\"]\n    },\n    \"grid-row-gap\": {\n      \"default\": \"0\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"em\"]\n    },\n    \"grid-area\": {\n      \"default\": \"auto\",\n      \"type\": \"text\"\n    },\n    \"grid-gap\": {\n      \"default\": \"0\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"em\"]\n    }\n  }\n  ","const fontFamiliesList = [\"Outfit\", \"Helvetica Neue\", \"Arial\", \"Helvetica\", \"Georgia\"];\nconst fontWeightsList = [\"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\"];\nconst shadowTypesList = [ \"var(--st-shadow-none)\", \"var(--st-shadow-sm)\", \"var(--st-shadow-md)\", \"var(--st-shadow-lg)\", \"var(--st-shadow-xl)\" ];\n\n\nconst fontSizesList = [\n  { label: '4XL', value: 'var(--st-font-size-4xl)' },\n  { label: '3XL', value: 'var(--st-font-size-3xl)' },\n  { label: '2XL', value: 'var(--st-font-size-2xl)' },\n  { label: 'XL', value: 'var(--st-font-size-xl)' },\n  { label: 'LG', value: 'var(--st-font-size-lg)' },\n  { label: 'MD', value: 'var(--st-font-size-md)' },\n  { label: 'SM', value: 'var(--st-font-size-sm)' },\n  { label: 'XS', value: 'var(--st-font-size-xs)' },\n]\n\nexport default function getTemplate(){\n    return {\n        groups: [\n          {\n            label: 'Main Styles',\n            rules: [\n              {\n                label: \"Main Colors\", \n                selector: ':root.stipple-core',\n                properties: [                  \n                  { label: 'Primary',       isVar:true,            propertyName: '--st-color-primary',                  type:\"color\",        value: '#0ea5e9' },\n                  { label: 'Neutral',       isVar:true,            propertyName: '--st-color-neutral',                  type:\"color\",        value: '#d7d7d7' },\n                  { label: 'Field border',  isVar:true,            propertyName: '--st-color-field-border',             type:\"color\",        value: '#d7d7d7' },\n                  { label: 'Field Text Dimmed',  isVar:true,       propertyName: '--st-color-field-text-dimmed',        type:\"color\",        value: '#fffffffa' },\n                  { label: 'Field Bg Dimmed',  isVar:true,         propertyName: '--st-color-field-background-dimmed',  type:\"color\",        value: '#0000001a' },\n                  { label: 'Shadow',        isVar:true,            propertyName: '--st-shadow-color',                   type:\"color\",        value: '#00000060' },\n                ]\n              },\n              {\n                label: \"Background\", \n                selector: ':root.stipple-core',\n                properties: [                 \n                  { label: 'Background 0',              isVar:true,            propertyName: '--st-dashboard-bg-0',             type:\"color\",          value: '#f1f3f6' },\n                  { label: 'Background 1',              isVar:true,            propertyName: '--st-dashboard-bg-1',             type:\"color\",          value: '#ffffff' },\n                  { label: 'Background 2',              isVar:true,            propertyName: '--st-dashboard-bg-2',             type:\"color\",          value: '#ffffff' },\n                ]\n              }, \n              {\n                label: \"Text\", \n                selector: ':root.stipple-core',\n                properties: [                 \n                  { label: 'Text 1',              isVar:true,            propertyName: '--st-text-1',             type:\"color\",          value: '#1a2748' },\n                  { label: 'Text 2',              isVar:true,            propertyName: '--st-text-2',             type:\"color\",          value: '#6b7280' },\n                  { label: 'Text 3',              isVar:true,            propertyName: '--st-text-3',             type:\"color\",          value: '#788092' },\n                  { label: 'Font Family',         isVar:true,            propertyName: '--st-font-family',        type:\"select\",         value: 'Helvetica Neue', options:fontFamiliesList },\n                  { label: 'Font Size (base)',    isVar:true,            propertyName: '--st-font-size',          type:\"text\",           value: '14px' }, \n                            \n                  { label: 'Text 4XL',         hide:true, isVar:true,            propertyName: '--st-font-size-4xl',            type:\"text\",          value: '2.5rem' },\n                  { label: 'Text 3XL',         hide:true, isVar:true,            propertyName: '--st-font-size-3xl',            type:\"text\",          value: '2.1rem' },\n                  { label: 'Text 2XL',         hide:true, isVar:true,            propertyName: '--st-font-size-2xl',            type:\"text\",          value: '1.8rem' },\n                  { label: 'Text XL',          hide:true, isVar:true,            propertyName: '--st-font-size-xl',             type:\"text\",          value: '1.5rem' },\n                  { label: 'Text LG',          hide:true, isVar:true,            propertyName: '--st-font-size-lg',             type:\"text\",          value: '1.2rem' },\n                  { label: 'Text MD',          hide:true, isVar:true,            propertyName: '--st-font-size-md',             type:\"text\",          value: '1rem' },\n                  { label: 'Text SM',          hide:true, isVar:true,            propertyName: '--st-font-size-sm',             type:\"text\",          value: '0.8rem' },\n                  { label: 'Text XS',          hide:true, isVar:true,            propertyName: '--st-font-size-xs',             type:\"text\",          value: '0.6rem' },\n                ]\n              }, \n              {\n                label: \"Headings\", \n                selector: ':root.stipple-core h1, :root.stipple-core h2, :root.stipple-core h3, :root.stipple-core h4, :root.stipple-core h5, :root.stipple-core h6',\n                properties: [                 \n                  { label: 'Color',           propertyName: 'color',            type:\"color\",           value: 'var(--st-text-1)' },\n                  { label: 'Font Weight',     propertyName: 'font-weight',      type:\"select\",          value: '600', options:fontWeightsList }, \n                  { label: 'Font Family',     propertyName: 'font-family',      type:\"select\",          value: '',    options:fontFamiliesList }, \n                ]\n              },\n              {\n                label: \"Module\", \n                selector: ':root.stipple-core .st-module',\n                properties: [                 \n                  { label: 'Background',      propertyName: 'background',            type:\"color\",           value: 'var(--st-dashboard-bg-1)' },\n                  { label: 'Shadow',          propertyName: 'box-shadow',       type:\"select\",          value: 'var(--st-shadow-md)', options:shadowTypesList }, \n                ]\n              }\n            ]\n          }, \n          {\n            label: 'Other Styles',\n            rules: [\n              {\n                label: \"Colors\", \n                selector: ':root.stipple-core',\n                properties: [                \n                  { label: 'Secondary',     isVar:true,            propertyName: '--st-color-secondary',      type:\"color\",        value: '#1285f8' },\n                  { label: 'Accent',        isVar:true,            propertyName: '--st-color-accent',         type:\"color\",        value: '#4790e3' },\n                  { label: 'Dark',          isVar:true,            propertyName: '--st-color-dark',           type:\"color\",        value: '#1d1d1d' },\n                  { label: 'Info',          isVar:true,            propertyName: '--st-color-info',           type:\"color\",        value: '#31ccec' },\n                  { label: 'White',         isVar:true,            propertyName: '--st-color-white',          type:\"color\",        value: '#ffffff' },\n                  { label: 'Black',         isVar:true,            propertyName: '--st-color-black',          type:\"color\",        value: '#302f2f' },\n                  { label: 'Positive',      isVar:true,            propertyName: '--st-color-positive',       type:\"color\",        value: '#21ba45' },\n                  { label: 'Negative',      isVar:true,            propertyName: '--st-color-negative',       type:\"color\",        value: '#c10015' },\n                  { label: 'Warning',       isVar:true,            propertyName: '--st-color-warning',        type:\"color\",        value: '#f2c037' },\n                  { label: 'Dark Page',     isVar:true,            propertyName: '--st-color-dark-page',      type:\"color\",        value: '#121212' },\n                  { label: 'Neutral Alt',   isVar:true,            propertyName: '--st-color-neutral-alt',    type:\"color\",        value: '#d2d2d2' },\n\n\n                  { label: 'Primary',          hide:true, isVar:true,        propertyName: '--q-primary',          type:\"color\",        value: 'var(--st-color-primary)' },\n                  { label: 'Secondary',        hide:true, isVar:true,        propertyName: '--q-secondary',        type:\"color\",        value: 'var(--st-color-secondary)' },\n                  { label: 'Accent',           hide:true, isVar:true,        propertyName: '--q-accent',           type:\"color\",        value: 'var(--st-color-accent)' },\n                  { label: 'Positive',         hide:true, isVar:true,        propertyName: '--q-positive',         type:\"color\",        value: 'var(--st-color-positive)' },\n                  { label: 'Negative',         hide:true, isVar:true,        propertyName: '--q-negative',         type:\"color\",        value: 'var(--st-color-negative)' },\n                  { label: 'Info',             hide:true, isVar:true,        propertyName: '--q-info',             type:\"color\",        value: 'var(--st-color-info)' },\n                  { label: 'Warning',          hide:true, isVar:true,        propertyName: '--q-warning',          type:\"color\",        value: 'var(--st-color-warning)' },\n                  { label: 'Dark',             hide:true, isVar:true,        propertyName: '--q-dark',             type:\"color\",        value: 'var(--st-color-dark)' },\n                  { label: 'White',            hide:true, isVar:true,        propertyName: '--q-white',            type:\"color\",        value: 'var(--st-color-white)' },\n                  { label: 'Black',            hide:true, isVar:true,        propertyName: '--q-black',            type:\"color\",        value: 'var(--st-color-black)' },\n                  { label: 'Dark Page',        hide:true, isVar:true,        propertyName: '--q-dark-page',        type:\"color\",        value: 'var(--st-color-dark-page)' },\n\n                  { label: 'Filter Light',     hide:true, isVar:true,        propertyName: '--st-filter-light',    type:\"filter\",       value: 'none' },\n                  { label: 'Filter Dark',      hide:true, isVar:true,        propertyName: '--st-filter-dark',     type:\"filter\",       value: 'invert(1) saturate(0) brightness(2)' },\n                ]\n              }\n            ]\n          }, \n          {\n            label: 'Text Elements',\n            rules: [\n              { label: \"Link\",  selector: 'a', properties: [\n                  { label: 'Color',           propertyName: 'color',            type:\"color\",           value: 'var(--st-color-primary)' },\n                ]\n              }, \n              { label: \"Heading 1\",  selector: ':root.stipple-core h1', properties: [\n                  { label: 'Color',           propertyName: 'color',            type:\"color\",           value: '' },\n                  { label: 'Font Size',       propertyName: 'font-size',        type:\"select\",          value: 'var(--st-font-size-4xl)', options:fontSizesList }, \n                  { label: 'Font Weight',     propertyName: 'font-weight',      type:\"select\",          value: '', options:fontWeightsList }, \n                  { label: 'Font Family',     propertyName: 'font-family',      type:\"select\",          value: '', options:fontFamiliesList }\n                ]\n              }, \n              { label: \"Heading 2\",  selector: ':root.stipple-core h2', properties: [\n                  { label: 'Color',           propertyName: 'color',            type:\"color\",           value: '' },\n                  { label: 'Font Size',       propertyName: 'font-size',        type:\"select\",          value: 'var(--st-font-size-3xl)', options:fontSizesList }, \n                  { label: 'Font Weight',     propertyName: 'font-weight',      type:\"select\",          value: '', options:fontWeightsList }, \n                  { label: 'Font Family',     propertyName: 'font-family',      type:\"select\",          value: '', options:fontFamiliesList }\n                ]\n              }, \n              { label: \"Heading 3\",  selector: ':root.stipple-core h3', properties: [\n                  { label: 'Color',           propertyName: 'color',            type:\"color\",           value: '' },\n                  { label: 'Font Size',       propertyName: 'font-size',        type:\"select\",          value: 'var(--st-font-size-2xl)', options:fontSizesList }, \n                  { label: 'Font Weight',     propertyName: 'font-weight',      type:\"select\",          value: '', options:fontWeightsList }, \n                  { label: 'Font Family',     propertyName: 'font-family',      type:\"select\",          value: '', options:fontFamiliesList }\n                ]\n              }, \n              { label: \"Heading 4\",  selector: ':root.stipple-core h4', properties: [\n                  { label: 'Color',           propertyName: 'color',            type:\"color\",           value: '' },\n                  { label: 'Font Size',       propertyName: 'font-size',        type:\"select\",          value: 'var(--st-font-size-xl)', options:fontSizesList }, \n                  { label: 'Font Weight',     propertyName: 'font-weight',      type:\"select\",          value: '', options:fontWeightsList }, \n                  { label: 'Font Family',     propertyName: 'font-family',      type:\"select\",          value: '', options:fontFamiliesList }\n                ]\n              }, \n              { label: \"Heading 5\",  selector: ':root.stipple-core h5', properties: [\n                  { label: 'Color',           propertyName: 'color',            type:\"color\",           value: '' },\n                  { label: 'Font Size',       propertyName: 'font-size',        type:\"select\",          value: 'var(--st-font-size-lg)', options:fontSizesList }, \n                  { label: 'Font Weight',     propertyName: 'font-weight',      type:\"select\",          value: '', options:fontWeightsList }, \n                  { label: 'Font Family',     propertyName: 'font-family',      type:\"select\",          value: '', options:fontFamiliesList }\n                ]\n              },\n              { label: \"Heading 6\",  selector: ':root.stipple-core h6', properties: [\n                  { label: 'Color',           propertyName: 'color',            type:\"color\",           value: '' },\n                  { label: 'Font Size',       propertyName: 'font-size',        type:\"select\",          value: 'var(--st-font-size-md)', options:fontSizesList }, \n                  { label: 'Font Weight',     propertyName: 'font-weight',      type:\"select\",          value: '', options:fontWeightsList }, \n                  { label: 'Font Family',     propertyName: 'font-family',      type:\"select\",          value: '', options:fontFamiliesList }\n                ]\n              },\n            ], \n          }, \n          {\n            label: 'Other',\n            rules: [\n              { label: \"Genie Logo\",  selector: ':root.stipple-core ._genie_logo', properties: [\n                  { label: 'Mode',           propertyName: 'filter',            type:\"filter\",           value: 'var(--st-filter-light)' },\n                ]\n              }\n            ]\n          }\n        ]\n      }\n\n}","<template>\n    <div class=\"color-picker\" ref=\"pickerRef\" @change=\"updateValue\">\n      <div\n        class=\"color-button\"\n        :style=\"{\n          backgroundColor: modelValue,\n          width: btnwidth,\n          height: btnheight\n        }\"\n        @click=\"togglePicker\"\n      ></div>\n      <div v-if=\"isOpen\" class=\"picker-popup\">\n        <Chrome id=\"vueColor\" v-model=\"internalColor\" ></Chrome>\n      </div>\n    </div>\n  </template>\n  \n  <script setup>\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { Chrome } from '@ckpack/vue-color'\n  \n  const props = defineProps({\n    modelValue: {\n      type: String,\n      required: true,\n      default: '#000000' // or any other default color you prefer\n    },\n    btnwidth: {\n      type: String,\n      default: '30px'\n    },\n    btnheight: {\n      type: String,\n      default: '20px'\n    },\n    // New props for x and y offsets\n    xOffset: {\n      type: Number,\n      default: 0\n    },\n    yOffset: {\n      type: Number,\n      default: 0\n    }\n  })\n\n  const internalColor = ref(\"#00ff00\");\n  \n  const emit = defineEmits(['update:modelValue', 'changed'])\n  \n  const isOpen = ref(false)\n  const pickerRef = ref(null)\n  const hue = ref(0)\n  const saturation = ref(100)\n  const brightness = ref(100)\n  const alpha = ref(100)\n  const hexColorInput = ref('')\n\n\n  function updateValue(event) {\n    console.log( 'updateValue', event );\n  }\n  \n  const hsbToHex = (h, s, b, a = 100) => {\n    h = h / 360\n    s = s / 100\n    b = b / 100\n    \n    let r, g, b1\n    const i = Math.floor(h * 6)\n    const f = h * 6 - i\n    const p = b * (1 - s)\n    const q = b * (1 - f * s)\n    const t = b * (1 - (1 - f) * s)\n\n    switch (i % 6) {\n      case 0: [r, g, b1] = [b, t, p]; break\n      case 1: [r, g, b1] = [q, b, p]; break\n      case 2: [r, g, b1] = [p, b, t]; break\n      case 3: [r, g, b1] = [p, q, b]; break\n      case 4: [r, g, b1] = [t, p, b]; break\n      case 5: [r, g, b1] = [b, p, q]; break\n    }\n\n    const hex = [r, g, b1].map(x => Math.round(x * 255).toString(16).padStart(2, '0')).join('')\n    if (a < 100) {\n      const alpha = Math.round(a / 100 * 255).toString(16).padStart(2, '0')\n      return `#${hex}${alpha}`\n    }\n    return `#${hex}`\n  }\n  \n  const hexToRgb = (hex) => {\n    if (!hex) return '0, 0, 0';\n    hex = hex.replace(/^#/, '');\n    if (hex.length === 3) {\n      hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n    }\n    const bigint = parseInt(hex, 16);\n    const r = (bigint >> 16) & 255;\n    const g = (bigint >> 8) & 255;\n    const b = bigint & 255;\n    return `${r}, ${g}, ${b}`;\n  }\n  \n  const rgbToHsb = (r, g, b) => {\n    r /= 255\n    g /= 255\n    b /= 255\n\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const delta = max - min\n\n    let h, s\n    const v = max\n\n    if (delta === 0) {\n      h = 0\n      s = 0\n    } else {\n      s = delta / max\n      switch (max) {\n        case r: h = (g - b) / delta + (g < b ? 6 : 0); break\n        case g: h = (b - r) / delta + 2; break\n        case b: h = (r - g) / delta + 4; break\n      }\n      h /= 6\n    }\n\n    return {\n      h: h * 360,\n      s: s * 100,\n      b: v * 100\n    }\n  }\n  \n  const parseColor = (color) => {\n    if (!color || !color.startsWith('#')) {\n      return { h: 0, s: 100, b: 100, a: 100 }\n    }\n\n    const hex = color.slice(1)\n    const hasAlpha = hex.length === 8\n    const r = parseInt(hex.slice(0, 2), 16)\n    const g = parseInt(hex.slice(2, 4), 16)\n    const b = parseInt(hex.slice(4, 6), 16)\n    const a = hasAlpha ? Math.round(parseInt(hex.slice(6, 8), 16) / 255 * 100) : 100\n\n    const hsb = rgbToHsb(r, g, b)\n    return { h: hsb.h, s: hsb.s, b: hsb.b, a }\n  }\n  \n  const color = computed(() => {\n    return hsbToHex(hue.value, saturation.value, brightness.value, alpha.value)\n  })\n  \n  watch(internalColor, (newColor) => {\n    console.log( 'internalColor', newColor );\n    if( newColor.a == 1){\n      emit('update:modelValue', newColor.hex)\n      emit('changed', newColor.hex)\n    }else{\n      emit('update:modelValue', newColor.hex8)\n      emit('changed', newColor.hex8)\n    }\n    /* hexColorInput.value = newColor */\n  })\n\n  /* watch(color, (newColor) => {\n    emit('update:modelValue', newColor)\n    emit('changed', newColor)\n    hexColorInput.value = newColor\n  }) */\n  \n  watch(() => props.modelValue, (newValue) => {\n    const { h, s, b, a } = parseColor(newValue)\n    hue.value = h\n    saturation.value = s\n    brightness.value = b\n    alpha.value = a\n    hexColorInput.value = color.value\n  }, { immediate: true })\n  \n\n  \n  const togglePicker = () => {\n    if( isOpen.value ){\n      hidePicker()\n    }else{\n      showPicker()\n    }\n  }\n  \n  const showPicker = () => {\n    isOpen.value = true;\n    // Esc key\n    document.addEventListener('keyup', handleKeyEvent);\n\n    setTimeout(() => {\n      const popup = document.querySelector('.picker-popup');\n      const buttonRef = pickerRef.value;\n      let buttonBottom = buttonRef.getBoundingClientRect().bottom;\n      popup.style.top = buttonBottom+'px';\n      popup.style.left = buttonRef.getBoundingClientRect().right-240+'px';\n    }, 1);\n\n  }\n  \n  const hidePicker = () => {\n    isOpen.value = false;\n    document.removeEventListener('keyup', handleKeyEvent);\n  }\n\n  function handleKeyEvent(event) {\n    if (event.key === 'Escape') {\n      isOpen.value = false;\n    }\n  }\n\n  \n  function handleClickOutside(event) {\n    if (!pickerRef.value.contains(event.target)) {\n      isOpen.value = false\n    }\n  }\n  \n  \n  onMounted(() => {\n    document.addEventListener('click', handleClickOutside);\n  })\n  \n  onUnmounted(() => {\n    document.removeEventListener('click', handleClickOutside);\n    document.removeEventListener('keyup', handleKeyEvent);\n  })\n  \n  </script>\n  \n  <style scoped>\n  .color-picker {\n    position: relative;\n    display: inline-block;\n    background-color: var(--background);\n    color: var(--foreground);\n  }\n  \n  .color-button {\n    cursor: pointer;\n    border: 1px solid #cccccc40;\n  }\n  \n  .picker-popup {\n    position: fixed;\n    padding: 10px;\n    background-color: color-mix(in srgb, var(--background), #ffffff 3%);\n    /* border: 1px solid #ccc; */\n    box-shadow: 1px 2px 8px  rgba(0, 0, 0, 0.2);\n    border: solid 1px color-mix(in srgb, var(--foreground), transparent 90%);\n    z-index: 1000;\n  }\n\n  :deep(.vc-chrome) {\n    background-color: color-mix(in srgb, var(--background), #ffffff 3%);\n    box-shadow: none !important;\n  }\n\n  :deep(.vc-chrome-body){\n    background-color: color-mix(in srgb, var(--background), #ffffff 3%);\n  }\n\n  :deep(.vc-chrome-toggle-btn) {\n    width: 20px;\n    height: 27px;\n    left: 10px;\n    top: -1px;\n  }\n\n  :deep(.vc-chrome-fields .vc-input__input) {\n    border: solid 1px color-mix(in srgb, var(--foreground), transparent 70%) !important;\n    box-shadow: none;\n    box-sizing: border-box;\n  }\n  :deep(.vc-chrome-toggle-icon) {\n    margin-top: 0px;\n  }\n  :deep( .vc-chrome-toggle-icon-highlight ) {\n    left: 2px;\n    top: -2px;\n    width: 100%;\n    height: 100%;\n    background: color-mix(in srgb, var(--foreground), transparent 70%);\n  }\n  :deep( .vc-chrome-toggle-icon > svg > path ) {\n    fill: var(--foreground) !important;\n  }\n  \n  \n  </style>\n","import script from \"./ColorPicker.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ColorPicker.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ColorPicker.vue?vue&type=style&index=0&id=1eff6db5&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-1eff6db5\"]])\n\nexport default __exports__","export default \"@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');\\n/* {{ themeVariables }} */\\n\\n  \\n  /* **************************************************************** */\\n  /*                    VARIABLES IN THEME EDITOR                     */\\n  /* **************************************************************** */\\n\\n:root.stipple-core {\\n  --st-font-size-4xl: 2.5rem;\\n  --st-font-size-3xl: 2.1rem;\\n  --st-font-size-2xl: 1.8rem;\\n  --st-font-size-xl: 1.5rem;\\n  --st-font-size-lg: 1.2rem;\\n  --st-font-size-md: 1rem;\\n  --st-font-size-sm: 0.8rem;\\n  --st-font-size-xs: 0.6rem;\\n}\\n\\n\\n\\n/*===================================================================\\n                      APPLICATION\\n================================================================== */\\n.stipple-core {\\n  .q-btn.q-btn--active:enabled:not(.disabled):not(.q-btn--push),\\n  .q-btn:active:enabled:not(.disabled):not(.q-btn--push) {\\n    box-shadow: none !important;\\n  }\\n  .q-btn--actionable.q-btn--standard.q-btn--active .q-btn__wrapper:before,\\n  .q-btn--actionable.q-btn--standard:active .q-btn__wrapper:before {\\n    box-shadow: none !important;\\n  }\\n\\n\\n\\n  h1, h2, h3, h4, h5, h6{\\n    line-height: normal;\\n    margin: 0px;\\n    color: var(--st-text-1);\\n  }\\n  \\n  /* ---------- Module ---------- */\\n\\n  .st-module {\\n    box-shadow: var(--st-shadow-md);\\n    border-radius: var(--st-border-radius-md);\\n    background: var(--st-dashboard-bg-1 );\\n    margin: var(--st-spacing-md);\\n    padding: var(--st-spacing-lg);\\n    box-sizing: border-box; flex: 1;\\n    transition: background 0.3s;\\n  }\\n\\n  .st-module-title {\\n    font-size: var(--st-font-size-lg);\\n    font-weight: bold;\\n    color: var(--st-text-1);\\n    margin-top: 0px;\\n    margin-bottom: var(--st-spacing-md);\\n  }\\n  \\n  \\n\\n  \\n  /*===================================================================\\n                        Containers & Common\\n  ================================================================== */\\n\\n  /* ---------- Common  ---------- */\\n  hr{\\n    border: solid 0.5px var(--st-color-neutral);\\n  }\\n  \\n  .container > .row, .st-dashboard > .row {\\n    padding: 0;\\n  }\\n\\n  body > .container {\\n    padding: 0 20px;\\n    margin: 0 auto;\\n  }\\n\\n  @media (max-width: 999px) {    \\n    body > .container {\\n        padding: 0 10px;\\n      }\\n  }\\n  @media (max-width: 599px) {\\n    body > .container {\\n        padding: 0 5px;\\n      }\\n  }\\n\\n  /*===================================================================\\n                            FIELDS\\n  ================================================================== */\\n  fieldset {\\n    border: none;\\n  }\\n  .q-field {\\n    font-size: 14px;\\n  }\\n  .q-field__bottom{\\n      color: var(--st-text-3);\\n    }\\n  .q-file .q-field__native{\\n      white-space: nowrap;\\n      overflow: hidden;\\n  }\\n  .q-field__input, .q-field__native, .q-field__prefix, .q-field__suffix {\\n    color: var(--st-text-2);\\n  }\\n  .q-field__control, .q-field--auto-height .q-field__control, .q-field__marginal {\\n    height: 36px;\\n    min-height: 36px;\\n    color: var(--st-text-2);\\n  }\\n\\n  .q-field--auto-height.q-field--labeled .q-field__control-container {\\n    padding-top: 0;\\n  }\\n\\n  .q-field--auto-height .q-field__control, .q-field--auto-height .q-field__native {\\n    min-height: 36px;\\n  }\\n\\n .q-field--labeled .q-field__native, .q-field--labeled .q-field__prefix, .q-field--labeled .q-field__suffix {\\n    padding-top: unset;\\n    padding-bottom: unset;\\n }\\n\\n .q-field--labeled {\\n  padding-top: 25px;\\n}\\n\\n .q-field--float .q-field__label, .q-field__label {\\n    color: var(--st-text-1);\\n    transform: translateY(-190%) scale(1);\\n    font-weight: 500;\\n    left: -10px;\\n    max-width: 100%;\\n    font-size: var(--st-font-size-md);\\n }\\n\\n .q-field--labeled.q-field--standard .q-field__label, \\n .q-field--labeled.q-field--borderless .q-field__label {\\n    left: 0px;\\n }\\n \\n .q-field--filled.q-field--rounded .q-field__control {\\n    border-radius: 18px 18px 0 0;\\n }\\n\\n .q-field--filled .q-field__control{\\n  background-color: var(--st-color-field-background-dimmed);\\n }\\n\\n .q-field .q-field__control:before {\\n    border-color: var(--st-color-field-border);\\n  }\\n  .q-field.q-field--highlighted .q-field__control:after {\\n    border-color: var(--st-color-primary);\\n    border-width: 1px;\\n  }\\n  .q-field--outlined .q-field__control:hover:before {\\n    border-color: color-mix(in srgb, var(--st-color-primary), transparent 50%);\\n  }\\n\\n\\n  /*===================================================================\\n                            PLOTLY\\n  ================================================================== */\\n  .plot-container.plotly svg.main-svg{\\n    background: none !important;\\n  }\\n  .plot-container.plotly svg.main-svg g.infolayer g.legend rect.bg{\\n    fill: none !important;\\n  }\\n  .plot-container.plotly svg.main-svg g.infolayer g.rangeslider-container rect.rangeslider-bg{\\n    fill: #00000030 !important;\\n  }\\n  .plot-container.plotly svg.main-svg g.infolayer g.rangeslider-container rect.rangeslider-mask-min,\\n  .plot-container.plotly svg.main-svg g.infolayer g.rangeslider-container rect.rangeslider-mask-max{\\n    fill: var(--st-dashboard-bg-1) !important;\\n    fill-opacity: 0.8 !important;\\n  }\\n  .plot-container.plotly div.modebar-container > div.modebar{\\n   \\n  }\\n  .plot-container.plotly div.modebar-container > div.modebar > div.modebar-group{\\n    background-color: var(--st-dashboard-bg-1) !important;\\n  }\\n  .plot-container.plotly div.modebar-container > div.modebar > div.modebar-group > a.modebar-btn > svg.icon > path{\\n    fill: color-mix(in srgb, var(--st-color-primary), transparent 80%) !important;\\n  }\\n  .plot-container.plotly div.modebar-container > div.modebar > div.modebar-group > a.modebar-btn:hover > svg.icon > path{\\n    fill: var(--st-color-primary) !important;\\n  }\\n  .plot-container.plotly svg.main-svg g.infolayer g.rangeslider-container rect.rangeslider-mask-max{\\n    fill: var(--st-dashboard-bg-1) !important;\\n    fill-opacity: 0.8 !important;\\n  }\\n  .plot-container.plotly svg.main-svg g.treemaplayer g.slice path.surface, \\n  .plot-container.plotly svg.main-svg g.funnelarealayer g.slice path.surface{\\n    stroke: var(--st-dashboard-bg-1) !important;\\n  }\\n  .plot-container.plotly text{\\n    font-family: var(--st-font-family) !important;\\n  }\\n\\n  .plot-container.plotly svg.main-svg g.infolayer text{\\n    fill: var(--st-text-1) !important;\\n  }\\n  .plot-container.plotly svg.main-svg g.cartesianlayer g.zerolinelayer path, \\n  .plot-container.plotly svg.main-svg g.cartesianlayer g.zerolinelayer path{\\n    stroke: color-mix(in srgb, var(--st-color-neutral), transparent 0%) !important;\\n  }\\n  .plot-container.plotly svg.main-svg g.cartesianlayer g.gridlayer path{\\n    stroke: color-mix(in srgb, var(--st-color-neutral), transparent 60%) !important;\\n  }\\n  .plot-container.plotly svg.main-svg g.cartesianlayer g.xtick text, \\n  .plot-container.plotly svg.main-svg g.cartesianlayer g.ytick text{\\n    fill: var(--st-text-2) !important;\\n  }\\n\\n  /*===================================================================\\n                      Button, Badge, Banner, chip...\\n  ================================================================== */\\n  .q-badge {\\n    font-size: var(--st-font-size-md);\\n    font-weight: var(--st-font-weight-bold);\\n    padding: 4px 6px;\\n  }\\n  .q-btn .q-badge.q-badge--floating {\\n    padding-top: 1px;\\n    padding-bottom: 1px;\\n  }\\n  .q-banner {\\n    border-radius: 5px;\\n    font-weight: var(--st-font-weight-bold);\\n  }\\n  .q-ripple {\\n    display: none;\\n  }\\n  \\n  .q-btn .q-btn__wrapper:before {\\n    box-shadow: none;\\n  }\\n  .q-btn.q-btn--active:enabled:not(.disabled):not(.q-btn--push):not(.q-btn--outline),\\n  .q-btn:active:enabled:not(.disabled):not(.q-btn--push):not(.q-btn--outline) {\\n    box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.3);\\n  }\\n  .q-btn.q-btn--active .q-btn__wrapper:before,\\n  .q-btn:active .q-btn__wrapper:before {\\n    box-shadow: none;\\n  }\\n  .q-btn {\\n    font-weight: var(--st-font-weight-bold);\\n  }\\n  .q-btn-group {\\n    box-shadow: none;\\n  }\\n  .q-chip{\\n    background: var(--st-color-primary) !important;\\n    color: var(--st-color-field-text-dimmed);\\n    font-weight: var(--st-font-weight-bold);\\n\\n    .q-chip__icon {\\n      color: var(--st-color-field-text-dimmed);\\n    }\\n  }\\n\\n  /*===================================================================\\n                        MISC (File, Skeleton)\\n  ================================================================== */\\n  \\n  .q-skeleton {\\n    background: var(--st-skeleton);\\n  }\\n  .q-knob, .q-rating{\\n    color: var(--st-color-primary);\\n  }\\n  \\n  .q-avatar{\\n    .q-avatar__content {\\n      background: var(--st-color-primary) !important;\\n      color: var(--st-color-field-text-dimmed);\\n    }\\n  }\\n\\n  .q-uploader{\\n      max-width: 100%;\\n      width: 100%;\\n  }\\n  \\n  /*===================================================================\\n                              Scrolls\\n  ================================================================== */\\n  .q-scrollarea {\\n    padding-right: 20px;\\n  }\\n  .q-scrollarea .q-scrollarea__thumb {\\n    border-radius: 5px;\\n    width: 4px;\\n    opacity: 0.8;\\n  }\\n\\n  /*===================================================================\\n                          Menu, Item, Date, Time, Uploader, Card\\n  ================================================================== */\\n  .q-menu, .q-date, .q-time, .q-uploader, .q-card {\\n    background-color: var( --st-dashboard-bg-2 );\\n  }\\n  \\n  .q-menu .q-item{\\n    min-height: var( --st-component-height-lg);\\n  }\\n  .q-item.q-manual-focusable--focused > .q-focus-helper {\\n    opacity: 0.15;\\n  }\\n  .q-item__section--side {\\n    min-width: 20px;\\n    padding-right: 10px;\\n  }\\n\\n  \\n  \\n  \\n  /*===================================================================\\n                        Radio, Checkbox\\n  ================================================================== */\\n.q-checkbox__bg {\\n    border-radius: 3px;\\n  }\\n  \\n  .q-radio, .q-checkbox {\\n    margin-top: var(--st-spacing-xs);\\n    margin-right: var(--st-spacing-md);\\n    margin-bottom: var(--st-spacing-xs);\\n    margin-left: var(--st-spacing-xs);\\n    .q-radio__inner, .q-checkbox__inner {   \\n      width: 0.42em;   height: 0.42em;  min-width: 0.42em;       \\n      .q-radio__bg, .q-checkbox__bg {    \\n        width: 100%;    height: 100%;   left: 0;  top: 0;    \\n      }\\n    }\\n    .q-checkbox__inner--falsy {   \\n      .q-checkbox__bg {\\n        border: 1.7px solid var(--st-color-neutral);\\n      }\\n    }\\n    .q-radio__inner--falsy{   \\n      .q-radio__bg path {\\n          fill: var(--st-color-neutral);\\n      }\\n    }\\n    .q-radio__label, .q-checkbox__label {   padding-left: 0.5em;  }\\n  }\\n   \\n\\n  /*===================================================================\\n                          Date-Time\\n  ================================================================== */\\n.q-date,\\n.q-time {\\n    box-shadow: none;\\n  }\\n\\n\\n  /*===================================================================\\n                        Focusable\\n  ================================================================== */\\n  .q-focusable:focus>.q-focus-helper, .q-hoverable:hover>.q-focus-helper, .q-manual-focusable--focused>.q-focus-helper {\\n    background: var(--st-color-primary) !important;\\n  }\\n\\n  \\n  .q-item--active, .q-item.q-router-link--active {\\n    font-weight: var(--st-font-weight-bold);\\n    color: var(--st-color-primary) !important;\\n  }\\n  \\n\\n\\n  /*===================================================================\\n                            Sliders\\n  ================================================================== */\\n\\n  .q-slider__pin-text-container {\\n    padding: 0 8px;\\n    min-height: 20px;\\n  }\\n  .q-slider__pin-text {\\n    font-weight: var(--st-font-weight-bold);\\n  }\\n  \\n  .q-slider__track-markers {\\n    color: currentColor;\\n  }\\n\\n  .q-slider--inactive .q-slider__thumb--h {\\n    width: 16px !important;\\n    height: 16px !important;\\n  }\\n\\n  .q-slider__track {\\n    background: var( --st-color-field-background-dimmed );\\n    .q-slider__inner {\\n      background: none !important;\\n    }\\n    .q-slider__selection {\\n      color: var( --st-color-primary );\\n    }\\n  }\\n\\n\\n  \\n\\n  /*===================================================================\\n                              Table\\n  ================================================================== */\\n.q-table th {\\n  color: var(--st-text-1);\\n  font-weight: 900;\\n  font-size: 0.8rem;\\n}\\n.q-table__card {\\n  position: relative;\\n  border: none;\\n  box-shadow: none;\\n}\\n.q-table__top {\\n  padding: 0 5px;\\n}\\n.q-table__title {\\n  font-weight: var(--st-font-weight-bold);\\n  font-size: 14px;\\n}\\n.q-table__middle {\\n  background: transparent;\\n  border-top-right-radius: 5px;\\n  border-top-left-radius: 5px;\\n}\\n.q-table__middle + .q-table__bottom {\\n  border-top: none;\\n}\\n.q-table__bottom {\\n  border-bottom-right-radius: 5px;\\n  border-bottom-left-radius: 5px;\\n  padding-top: 0;\\n  padding-bottom: 0;\\n  font-size: 0.8rem;\\n}\\n.q-table__sort-icon {\\n  position: relative;\\n  z-index: 1;\\n  font-size: 25px;\\n}\\n.q-table__sort-icon:before {\\n  font-family: Material Icons;\\n  content: \\\"arrow_drop_up\\\";\\n  -webkit-font-feature-settings: \\\"liga\\\" 1;\\n  -moz-font-feature-settings: \\\"liga\\\" 1;\\n  font-feature-settings: \\\"liga\\\" 1;\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  background: var(--st-dashboard-module);\\n  z-index: 5;\\n  color: var(--q-color-secondary);\\n}\\n.q-table tbody tr {\\n  color: var(--st-text-2);\\n}\\n.q-table td {\\n  font-size: 0.9rem;\\n}\\n.q-table__select {\\n  font-size: 12px;\\n}\\n\\n\\n  .q-table__container{\\n    background: none;\\n  }\\n  \\n  .q-table td, .q-table th, .q-table thead, .q-table tr  {\\n    border-color: var(--st-color-field-border);\\n  }\\n\\n  .q-table__card {\\n    color: unset;\\n  }\\n\\n  .q-table{\\n    th {\\n      font-weight: bold;\\n    }\\n    tbody td:before {\\n      background: color-mix(in srgb, var(--st-color-primary), transparent 85%);\\n    }\\n  }\\n\\n  \\n\\n  /*===================================================================\\n                        Big Number\\n  ================================================================== */\\n\\n.st-big-number {\\n    margin: 0 auto;\\n    color: var(--q-color-white);\\n    text-align: center;\\n    border-radius: 5px;\\n    padding: 1rem 0;\\n  }\\n.st-big-number .q-badge {\\n    font-weight: 900;\\n    font-size: large;\\n    margin: 0.5rem;\\n    padding: 8px 15px;\\n    display: block;\\n    background: none;\\n    color: var(--st-text-1);\\n  }\\n.st-big-number__num {\\n    font-weight: var(--st-font-weight-bold);\\n    display: block;\\n    color: var(--st-text-1);\\n    font-size: 1.5rem;\\n  }\\n.st-big-number__num .q-icon {\\n    display: none;\\n    margin-left: -30px;\\n  }\\n\\n  @media (max-width: 599px) {\\n    .st-big-number__num .q-icon {\\n      display: inline-block;\\n    }\\n  }\\n  @media (min-width: 1023px) {\\n    .st-big-number__num {\\n      font-size: 2rem;\\n    }\\n    .st-big-number__num .q-icon {\\n      display: inline-block;\\n    }\\n  }\\n.st-big-number--positive .st-big-number__num .q-icon {\\n    color: var(--q-color-positive);\\n  }\\n.st-big-number--negative .st-big-number__num .q-icon {\\n    color: var(--q-color-negative);\\n  }\\n.st-big-number__icon {\\n    font-size: 20px;\\n    width: 2em;\\n    height: 2em;\\n    border-radius: 50%;\\n    text-align: center;\\n    margin: 0.5rem 0;\\n    padding-right: 1px;\\n  }\\n\\n\\n  /*===================================================================\\n                        Header\\n  ================================================================== */\\n  \\n.st-header {\\n    background: var(--q-color-white);\\n    padding-left: 20px;\\n  }\\n  @media (max-width: 599px) {\\n    .st-header {\\n      padding-top: 20px;\\n      padding-bottom: 0;\\n    }\\n  }\\n\\n@media (min-width: 600px) {\\n.st-header .st-header__title + .st-header__title,\\n.st-header .st-header__title + .st-logo,\\n.st-header .st-logo + .st-header__title,\\n.st-header .st-logo + .st-logo {\\n    margin-left: 15px;\\n    padding-left: 15px;\\n    border-left: 1px solid var(--st-dashboard-line);\\n  }\\n}\\n.st-logo {\\n  height: 20px;\\n}\\n.st-header__title,\\n.st-logo {\\n  text-align: center;\\n  display: block;\\n}\\n@media (min-width: 600px) {\\n.st-header__title,\\n.st-logo {\\n    display: inline-block;\\n    text-align: left;\\n  }\\n}\\n.st-logo {\\n  margin: 0 auto;\\n}\\n@media (min-width: 600px) {\\n.st-logo {\\n    margin: auto;\\n  }\\n}\\n\\n\\n  /*===================================================================\\n                        Footer\\n  ================================================================== */\\n\\n.st-footer {\\n    font-size: 0.8rem;\\n    padding-top: 2rem !important;\\n    text-align: center;\\n  }\\n.st-footer .st-logo {\\n    height: 17px;\\n    margin-right: 2px;\\n  }\\n\\n\\n\\n  /*===================================================================\\n                        St Field Label\\n  ================================================================== */\\n\\n  .st-field-label {\\n    font-size: var(--st-font-size-md);\\n    font-weight: 500;\\n    color: var(--st-text-1);\\n    padding-top: 7px;\\n    padding-bottom: 2px;\\n    margin: 0;\\n\\n    > p{\\n      margin: 0px;\\n    }\\n  }\\n\\n  .st-center {\\n    margin: auto;\\n  }\\n}\\n\\n\\n/* ---------- Layout ---------- */\\n\\n.max-width-xs {\\n  max-width: 600px;\\n}\\n.max-width-sm {\\n  max-width: 800px;\\n}\\n.max-width-md {\\n  max-width: 1000px;\\n}\\n.max-width-lg {\\n  max-width: 1200px;\\n}\\n.max-width-xl {\\n  max-width: 1400px;\\n}\\n\";","<script setup>\nimport axios from 'axios'\nimport { ref, computed, onMounted } from 'vue'\nimport CssPropDefs from './config/css_properties_definition'\nimport getTemplate from './config/theme_template'\nimport ColorPicker from './ColorPicker.vue'\nimport icon_binding_on from './assets/icons/binding_on.png'\nimport icon_binding_off from './assets/icons/binding_off.png'\nimport templateCss from '!raw-loader!./themeTemplate.css'\nimport Configuration from '../../utils/Configuration'\n\n\n// ==========================================================================\n//                              Props and emits                              \n// ==========================================================================\nconst props = defineProps({\n    endpoint: { type: String,   required: true  }, \n    filepath: { type: String,   required: true  }, \n});\n\nconst emit = defineEmits( [ 'changed' ] );\n\ndefineExpose( { initializeFromThemeCssFile } );\n\n// ==========================================================================\n//                            Internal Variables                              \n// ==========================================================================\nlet initialised         = ref(false);\nconst showThemeOverwriteWarning = ref(false);\nconst themeNameToApply = ref('');\n//const themeContentToApply = ref('');\nconst themeItems        = ref( getTemplate() );     // Js Object defining the editable theme variables and properties\nconst themeError        = ref('');\nconst unsavedChanges    = ref(false);\n\nconst themes = ref({ })\nconst originalThemeContent = ref('');\nconst themeContentBackup = ref('');\nconst customizeThemeCandidate = ref(null);\n\nstorePropertyDefaults();\n//const themeItemsBackup  = JSON.parse( JSON.stringify( themeItems.value ) );     // A copy of the initial theme variables, used when resetting properties\nconst searchString      = ref('');                  // Search string for filtering the theme properties\nconst themeSelectorVisible = ref(false);\n\nconst isPro = computed(() => {\n    return Configuration.IS_PRO;\n});\n\nconst registeredThemes = computed(() => {\n  return themes.value.registered || [];\n});\n\n\nfunction isValidCSS(cssString) {\n  // Create a temporary style element\n  const style = document.createElement('style');\n  \n  try {\n    style.textContent = cssString;\n    document.head.appendChild(style);\n\n    // Check if the style sheet has any CSS rules\n    const isValid = style.sheet && style.sheet.cssRules.length > 0;\n\n    // Remove the temporary style element\n    document.head.removeChild(style);\n\n    return isValid;\n  } catch (error) {\n    // If there's an error, it means the CSS is invalid\n    if (style.parentNode) {\n      document.head.removeChild(style);\n    }\n    return false;\n  }\n}\n\nfunction applyTheme( themeObject ){\n  console.log( 'applyTheme', themeObject );\n  let saveUrl = `${apibase}apps/${Configuration.appid}/save?path=.theme`;\n  axios.post( saveUrl, { payload: themeObject.name } )\n    .then(  (response) => {\n      console.log( 'applyTheme response', response );\n      themes.value.active.name = themeObject.name;\n      themes.value.active.asset = themeObject.asset;\n      themeNameToApply.value = null;\n      if( themeObject.name == 'usertheme' ){\n        initialised.value = true;\n      }\n    })\n    .catch( (error) => {\n      console.log( 'applyTheme error', error );\n    });\n}\n\nfunction isUserthemeRegistered(){\n  return registeredThemes.value.some( theme => theme.name == 'usertheme' );\n}\n\nfunction onCustomizeThemeClicked( themeObject ){\n  // If user theme is registered, show overwrite warning\n  if( isUserthemeRegistered() ){\n    showThemeOverwriteWarning.value = true;\n    customizeThemeCandidate.value = themeObject;\n  }else{\n    // Else, just customize\n    customizeTheme( themeObject );\n    customizeThemeCandidate.value = null;\n    showThemeOverwriteWarning.value = false;\n  }\n}\n\nfunction customizeTheme( themeObject ){\n  console.log( 'customizeTheme', themeObject );\n\n  // Save the theme content (previously loaded) in theme.css file\n  let saveUrl = `${apibase}apps/${Configuration.appid}/save?path=${encodeURIComponent('public/css/themes/theme.css')}`;\n  axios.post( saveUrl, { payload: themeObject.content } )\n    .then(  (response) => {\n      console.log( 'customizeTheme - save \"themes/theme.css\" response: ', response );\n      \n      // If theme.css file saved successfully, save the theme name in .theme file\n      let dotThemeUrl = `${apibase}apps/${Configuration.appid}/save?path=.theme`;\n      axios.post( dotThemeUrl, { payload: 'usertheme' } )\n        .then(  (response) => {\n          console.log( 'customizeTheme - save \".theme\" response: ', response );\n          themes.value.active.name = 'usertheme';\n          themes.value.active.asset = \"/css/themes/theme.css\";\n          initialised.value = true;\n          themeSelectorVisible.value = false;\n        } )\n        .catch( (error) => {\n          console.log( 'customizeTheme error', error );\n        });\n    } )\n    .catch( (error) => {\n      console.log( 'customizeTheme error', error );\n    });\n  // onThemePicked( themeObject, true );\n}\n\nasync function onThemePicked( themeObject, startEditing=false ){\n  if( !themeNameToApply.value ){\n    let currentCss = definitionsToCss(':root.stipple-core');\n    themeContentBackup.value = currentCss;\n  }\n\n  showThemeError('');\n  \n  console.log( 'onThemePicked', themeObject.assetFullPath );\n  if( themeObject.assetFullPath ){\n    fetch(themeObject.assetFullPath)\n      .then(response => {\n        if (!response.ok) {\n          throw new Error(`HTTP error ${response.status}`);\n        }\n        return response.text();\n      })\n      .then(data => {\n        // Success\n        if( isValidCSS(data) ){\n          //themeContentToApply.value = data;\n          //showThemeOverwriteWarning.value = true;\n          \n          themeObject.content = data;\n          let templateCssString = data;\n          initializeFromThemeCssFile( templateCssString );\n          assignVariables(); \n          if( startEditing ){\n            initialised.value = true;\n            themeSelectorVisible.value = false;\n          }\n          //unsavedChanges.value = true;\n        }else{\n          console.error( 'Invalid CSS' );\n          throw new Error( 'Invalid CSS' );\n        }\n      })\n      .catch(error => {\n        console.error('Error fetching theme:', error);\n        //let errorMessage = `Error loading theme<br/>`;\n        let errorMessage = '';\n\n        if (error.name === 'TypeError' && error.message.includes('Failed to fetch')) {\n          errorMessage += 'CSS File not';\n        }else{\n          errorMessage += error.message;\n        }\n        showThemeError( errorMessage );\n      })\n      .finally( () => {\n        themeNameToApply.value = themeObject;\n        console.log( 'onThemePicked - finally', themeNameToApply.value );\n      });\n  }else{\n    showThemeError( `Missing asset path` );\n  }\n\n}\n\nfunction showThemeError(error){\n  themeError.value = error;\n}\n\nfunction onThemeOverwriteConfirmed( confirm ){\n  if( confirm ){\n    customizeTheme( customizeThemeCandidate.value );\n    customizeThemeCandidate.value = null;\n  }\n  //themeNameToApply.value = '';\n  showThemeOverwriteWarning.value = false;\n}\n\n/* function createTheme( themeName ){\n    console.log( '[ThemeEditor] createTheme()', themeName );\n    initialised.value = true;\n    showThemeSelector(false);\n    let templateCssString = themeContentToApply.value;\n    initializeFromThemeCssFile( templateCssString );\n    assignVariables(); \n    unsavedChanges.value = true;\n} */\nfunction setUpdatedThemes( newThemes ){\n  themes.value = newThemes;\n}\n\nfunction refreshThemeList(){\n  console.log( 'refreshThemeList' );\n  \n  // Build app's base path and remove ending slash if present\n  let appBasePath = Configuration.getAppAssetsBaseUrl('http', window.appData.value.port);\n  if( appBasePath[appBasePath.length-1] == '/' ){\n    appBasePath = appBasePath.substring(0, appBasePath.length-1);\n  }\n\n  // Get the page data from GB's API\n  let pageDataUrl = `${apibase}apps/${Configuration.appid}/pages`;\n  axios.get( pageDataUrl )\n    .then( (result) => {\n      let currentPage = result.data.pages[Configuration.currentPageIndex];\n      let newThemes = currentPage.themes;\n\n      // Build full paths for the active theme\n      if( newThemes && newThemes.active ){\n        if( newThemes.active.asset.startsWith('/') ){\n          newThemes.active.assetFullPath = appBasePath + newThemes.active.asset;\n        }else{\n          newThemes.active.assetFullPath = newThemes.active.asset;\n        }\n      }\n      // Build full paths for the registered themes\n      if( newThemes && newThemes.registered ){\n        newThemes.registered.forEach((theme) => {\n          if( theme.asset.startsWith('/') ){\n            theme.assetFullPath = appBasePath + theme.asset;\n          }else{\n            theme.assetFullPath = theme.asset;\n          }\n        });\n      }\n      // store the new list of themes\n      setUpdatedThemes( newThemes );\n    })\n    .catch( (error) => {\n      console.log( 'refreshThemeList error', error );\n    });\n}\n\nfunction toggleThemeSelector(){\n  showThemeSelector( !themeSelectorVisible.value );\n}\n\nfunction showThemeSelector(show){ \n  console.log( 'showThemeSelector', show, themeNameToApply.value );\n  //if( show && themeNameToApply.value ){\n  if( show ){\n    console.log( 'showThemeSelector - will refresh theme list' );\n    refreshThemeList();\n  }else{\n    if( themeNameToApply.value ){\n      console.log( 'showThemeSelector - will discard' );\n      discardPreviewedTheme();\n    }\n  }\n  showThemeOverwriteWarning.value = false;\n  themeNameToApply.value = '';\n  themeSelectorVisible.value = show;\n  themeError.value = '';\n}\n\nfunction showUpgradeLicenseDialog(){\n    window.showUpgradeLicenseDialog(false);\n}\n\nfunction storePropertyDefaults(){\n  themeItems.value.groups.forEach((group) => {\n    group.rules.forEach((rule) => {\n      rule.properties.forEach((property) => {\n        property.defaultValue = property.value;\n      });\n    });\n  });\n}\n\nfunction discardPreviewedTheme(){\n  themeNameToApply.value = '';\n\n  \n  if( themeContentBackup.value ){\n    console.log( 'discardPreviewedTheme A (backup)' );\n    initializeFromThemeCssFile( themeContentBackup.value );\n  }else{\n    console.log( 'discardPreviewedTheme B (original)' );\n    initializeFromThemeCssFile( originalThemeContent.value );\n  }\n  assignVariables(); \n}\n\nfunction initializeFromThemeCssFile( cssContent, firstTime=false ){\n    console.log( '[ThemeEditor] initializeFromThemeCssFile()', cssContent.length );\n    if( cssContent == '' ){\n      emit( 'changed', '' );\n      return;\n    }\n    let parsedCss = parseCSS( cssContent );\n    let incomingBySelector = {};\n    parsedCss.forEach((item) => {\n        if(!incomingBySelector[item.selector]) {\n            incomingBySelector[item.selector] = {};\n        }\n        incomingBySelector[item.selector][item.propertyName] = item.value;\n    });\n\n    let groups = themeItems.value.groups;\n    groups.forEach((group) => {\n        group.rules.forEach((rule) => {\n            let selector = rule.selector;\n            rule.properties.forEach((property) => {\n                let inputObjectSelector = incomingBySelector[selector];\n                if( inputObjectSelector ){\n                    let inputObjectProperty = inputObjectSelector[property.propertyName];\n                    if (inputObjectProperty) {\n                        property.value = inputObjectProperty;\n                    }\n                }\n            });\n        });\n    });\n    if( firstTime ){\n      originalThemeContent.value = cssContent;\n    }\n    // Backup the theme items\n    storePropertyDefaults();\n    if( firstTime ){\n      setTimeout(() => {\n        initialised.value = true;\n      }, 100);\n    }\n}\n\n\n\n\n// ==========================================================================\n//                          CSS Parsing Functions                           \n// ==========================================================================\n\n// Takes the raw css text from theme.cssand parses it into an array of objects\n// --------------------------------------------------------------------------\nfunction parseCSS(cssText) {\n  const result = [];\n  // Extract the :root.stipple-core block and other CSS rules\n  const rootRegex = /:root\\.stipple-core\\s*{([\\s\\S]*?)}/;\n  const cssRulesRegex = /([^{}]+){([^}]+)}/g;\n  \n  // Process :root.stipple-core block\n  const rootMatch = rootRegex.exec(cssText);\n  if (rootMatch) {\n    const propertiesBlob = rootMatch[1].trim();\n    const properties = propertiesBlob.split(';').filter(property => property.trim() !== '');\n\n    properties.forEach(property => {\n      const [propertyName, value] = property.split(':').map(part => part.trim());\n      result.push({ selector: ':root.stipple-core', propertyName, value });\n    });\n  }\n\n  // Process other CSS rules\n  let ruleMatch;\n  while ((ruleMatch = cssRulesRegex.exec(cssText)) !== null) {\n    const selector = ruleMatch[1].trim();\n    const propertiesBlob = ruleMatch[2].trim();\n    const properties = propertiesBlob.split(';').filter(property => property.trim() !== '');\n\n    properties.forEach(property => {\n      const [propertyName, value] = property.split(':').map(part => part.trim());\n      result.push({ selector, propertyName, value });\n    });\n  }\n  // Iterate result and when css vars found, remove \"var(\" and \")\"\n  result.forEach((item) => {\n    if (item.value?.startsWith('var(')) {\n      item.value = item.value.replace('var(', '').replace(')', '');\n    }\n  });\n  return result;\n}\n\n\n// Toggles the mode of a property between a value and a variable\n// --------------------------------------------------------------------------\nfunction togglePropMode(item) {\n  if( valueIsVar( item.value) ){\n    let propDefinition = CssPropDefs[item.propertyName];\n    if( propDefinition ){\n      item.value = propDefinition.default;\n    }else{\n      console.error(\"[ThemeEditor] No property definition for \", item.propertyName )\n    }\n  }else{\n    item.value = '--undefined';\n  }\n  assignVariables(); \n}\n\n\n// Checks if a value is a variable\n// --------------------------------------------------------------------------\nfunction valueIsVar( value){\n  let result =  typeof value == 'string' && value.startsWith('--');\n  return result;\n}\n\n\n// ==========================================================================\n//                          Complex-number properties                        \n// ==========================================================================\n\n// Converts a value to a numeric value if possible\n// --------------------------------------------------------------------------\nfunction getNumericValue(item) {\n    return parseFloat(item.value) || ''; // Extracts numeric part or returns an empty string\n};\n\n// Extracts the unit part of a value (px, %, etc.)\n// --------------------------------------------------------------------------\nfunction getUnitValue(item) {\n    const match = item.value.match(/[a-zA-Z%]+$/); // Matches the unit part\n    return match ? match[0] : 'px'; // Returns the unit part or an empty string if not found\n};\n\n// Updates the value of a property when the numeric value changes\n// --------------------------------------------------------------------------\nfunction updateNumericValue(event, item) {\n    const numericValue = event.target.value;\n    const unitValue = this.getUnitValue(item);\n    if( numericValue != '')\n      item.value = `${numericValue}${unitValue}`; // Combines the new numeric value with the current unit\n    else\n      item.value = numericValue;\n    this.assignVariables(); \n};\n\n// Updates the value of a property when the unit changes\n// --------------------------------------------------------------------------\nfunction updateUnitValue(event, item) {\n    const unitValue = event.target.value;\n    const numericValue = this.getNumericValue(item);\n    if( numericValue != '')\n      item.value = `${numericValue}${unitValue}`; // Combines the new numeric value with the current unit\n    else\n      item.value = numericValue;\n    this.assignVariables(); \n};\n\n\n// ==========================================================================\n//                          Save and Apply Functions                        \n// ==========================================================================\n\n// Saves the document to the server\n// --------------------------------------------------------------------------\nfunction saveDocument( emptyContent=false ){\n  console.log( '[ThemeEditor] saveDocument' );\n  unsavedChanges.value = false;\n  let encodedFilePath = encodeURIComponent( props.filepath );\n  let saveUrl = `${ props.endpoint }save?path=${ encodedFilePath }`;\n\n  let cssRules;\n  if( emptyContent == true ){\n    cssRules = '';\n  }else{\n    cssRules = templateCss;\n    cssRules = cssRules.replace( '/* {{ themeVariables }} */', definitionsToCss(':root.stipple-core') );\n  }\n  console.log( '[ThemeEditor] saveUrl', saveUrl );\n  \n  axios.post( saveUrl, { payload: cssRules } )\n    .then(  (response) => {\n      console.log(\"[ThemeEditor] html-save callback: \", encodedFilePath );\n      // Catch server errors\n      if( response.status != 200 ){\n        console.log( \"[ThemeEditor] Error saving template: \", response );\n        return;\n      }      \n      if( emptyContent == true ){\n        window.location.reload();\n      }else{\n        storePropertyDefaults();\n      }\n    } )\n    .catch( (error) => {\n      console.log(\"[ThemeEditor] error saving HTML: \", encodedFilePath );\n      console.log( \"[ThemeEditor] ERROR saving template file response: \", error );\n      // Catch server errors\n      console.log( \"[ThemeEditor] Error saving template, network error: \", error );\n      showApiErrorAlert( `There was an issue saving your changes (Network error). If the problem persists please try reloading this window.` );\n    });\n}\n\nfunction showApiErrorAlert(error){\n  window.parent.postMessage( {command:\"showApiErrorAlert\", message:error }, \"*\" );\n}\n\n// Clears the theme\n// --------------------------------------------------------------------------\nfunction clearTheme(){\n  unsavedChanges.value = false;\n  //saveDocument( true );\n  resetAllProperties();\n}\n\n// ==========================================================================\n//                          CSS Definitions Functions                        \n// ==========================================================================\n\n// Gets the definition of a property\n// --------------------------------------------------------------------------\nfunction getCssPropDef( propertyName ){\n  let propDef = CssPropDefs[propertyName];\n  return propDef\n}\n\n// Injects the definitions of the properties into the theme items\n// --------------------------------------------------------------------------\nfunction injectCssPropDefinitions(){\n  themeItems.value.groups.forEach((group) => {\n    group.rules.forEach((rule) => {\n      rule.properties.forEach((property) => {\n        let propDef = getCssPropDef(property.propertyName);\n        if (propDef) {\n          property.type = propDef.type;\n          if( propDef.options )\n            property.options = propDef.options;\n          if( propDef.units )\n            property.units = propDef.units;\n        }\n      });\n    });\n  });\n}\n\n// Gets the list of css variables\n// --------------------------------------------------------------------------\nfunction getCssVariables( item ){\n    let results = [];\n    if( item.propertyName == 'font-size'){\n      themeItems.value.groups.forEach((group) => {\n        group.rules.forEach((rule) => {\n            rule.properties.forEach((property) => {\n                if( property.isVar && property.type=='text' ){\n                    results.push(property);\n                }\n            });\n        });\n      });\n    }else{\n      themeItems.value.groups.forEach((group) => {\n        group.rules.forEach((rule) => {\n            rule.properties.forEach((property) => {\n                if( property.isVar && !property.hide && property.type=='color' ){\n                    results.push(property);\n                }\n            });\n        });\n      });\n      results = results.sort((a, b) => a.label.localeCompare(b.label));\n    }\n  return results;\n\n}\n\n// Converts the theme items into a css string for saving\n// --------------------------------------------------------------------------\nfunction definitionsToCss(rootSelector='#demoContent'){\n  let output = ''; // `${rootSelector}{\\n`;\n  themeItems.value.groups.forEach((group) => {\n    group.rules.forEach((rule) => {\n      output += `  ${rule.selector}{\\n`;\n      rule.properties.forEach((property) => {\n          if( property.value == null || property.value.startsWith == null ){\n            //debugger;\n          }\n          if( property.value == '' ){\n            // skip\n          }\n          else if( property.value.startsWith('--') )\n            output += `    ${property.propertyName}: var(${property.value});\\n`;\n          else\n            output += `    ${property.propertyName}: ${property.value};\\n`;\n        });\n        output += `  }\\n`;\n    });\n  });\n  return output;\n}\n\n// Handles the change of a property value\n// --------------------------------------------------------------------------\nfunction onPropValueChanged(){\n    if(!initialised.value){\n        return;\n    }\n    unsavedChanges.value = true;\n    assignVariables();\n}\n\n// Assigns the variables to the css rules\n// --------------------------------------------------------------------------\nfunction assignVariables(){\n  let cssRules = templateCss;\n  cssRules = cssRules.replace( '/* {{ themeVariables }} */', definitionsToCss(':root.stipple-core') );\n  emit( 'changed', cssRules );\n}\n\nfunction resetAllProperties(){\n  themeItems.value.groups.forEach((group) => {\n    group.rules.forEach((rule) => {\n      rule.properties.forEach((property) => {\n        resetProperty(rule, property);\n      });\n    });\n  });\n}\n// Resets a property to its default value\n// --------------------------------------------------------------------------\nfunction resetProperty( rule, item){\n  let defaultValue = item.defaultValue;\n  item.value = defaultValue;\n  \n  onPropValueChanged();\n}\n\n\nonMounted(() => {\n  refreshThemeList();\n\n});\n\n</script>\n\n\n<template>\n  <div v-if=\"isPro\" class=\"editorSidebar\" style=\"height: 100%;\">\n    <div class=\"col\" style=\"display: flex; flex-direction: column; height: 100%; position: relative;\">\n      <div class=\"themeHeader\">\n        <div style=\"user-select: none;\">Active Theme: <span style=\"font-weight: bold; text-transform: capitalize; \">{{ themes?.active?.name || 'None' }}</span></div>\n        <div>\n          <i role=\"img\" class=\"q-icon notranslate material-icons\" style=\"cursor: pointer; padding: 1px 3px 1px; font-size: 1.1rem;\" @click=\"toggleThemeSelector()\">{{ themeSelectorVisible ? 'filter_list_off' : 'list' }}</i>\n        </div>\n      </div>\n      <div :class=\"{ themeSelector: true, themeSelectorVisible:themeSelectorVisible || !initialised, themeSelectorShadow:initialised }\" style=\"    \">\n        \n        <div v-if=\"showThemeOverwriteWarning\">\n          <div>\n            <div style=\"padding: 10px;\" v-html=\"'Are you sure you want to overwrite the current theme with \\'<b>' + themeNameToApply.name + '</b>\\'?'\"></div>\n            <div style=\"display: flex; flex-direction: row; gap: 10px; padding: 5px 10px 8px;\">\n              <button class=\"themedButton\" @click=\"onThemeOverwriteConfirmed(false)\">No</button>\n              <button class=\"themedButton\" @click=\"onThemeOverwriteConfirmed(true)\">Yes</button>\n            </div>\n          </div>\n        </div>\n        <div v-if=\"themeSelectorVisible\">\n          \n          <div style=\"margin-top: 10px; font-weight: bold;\">Available themes</div>\n          <div class=\"themeButtonsContainer\">\n              <div v-for=\"theme in registeredThemes\" :key=\"theme.name\" :class=\"{themeSelectorItem: true, themeSelectorItemSelected:theme.name == themes?.active?.name}\" style=\"\">\n                <div @click=\"onThemePicked( theme )\" :class=\"{ themeSelected:theme.name == themes?.active?.name, themePreviewed:theme.name == themeNameToApply?.name}\" style=\"width: 100%;\">{{ theme?.name || 'None' }} <span v-if=\"theme.name == themeNameToApply?.name\" style=\"font-style: italic; font-size: 0.9em; font-style: italic;\">(Preview)</span></div>\n                <div v-if=\"!themeError && theme.name == themeNameToApply?.name\" style=\"display: flex; flex-direction: row; gap: 5px;\">\n                  <button class=\"themedButton\" @click=\"applyTheme( theme )\" style=\"padding: 0px 8px 1px; font-size: 0.8em; position:relative; top: -1px;\">Apply</button>\n                  <button class=\"themedButton\" @click=\"onCustomizeThemeClicked( theme )\" style=\"padding: 0px 8px 1px; font-size: 0.8em; position:relative; top: -1px;\">Customize</button>\n                </div>      \n                <div v-if=\"themeError && theme.name == themeNameToApply?.name\" class=\"themeError\" v-html=\"themeError\"></div>          \n                <!-- <div v-if=\"themeError && theme.name == themeNameToApply?.name\" class=\"themeError\" style=\"display: flex; flex-direction: row; gap: 5px;\" v-html=\"themeError\"></div>           -->\n              </div>\n          </div>\n          <div v-if=\"themeNameToApply\" class=\"\">\n            <button class=\"themedButton\" @click=\"discardPreviewedTheme( )\" style=\"margin-top: 10px;\">Discard</button>\n          </div>\n          \n        </div>\n      </div>\n\n      <div v-if=\"!themeSelectorVisible && themes?.active?.name!='usertheme'\" class=\"\" style=\"max-width: 100%; height: calc(100% - 25px); position: relative; padding: 10px 10px; text-align: center;\">Your are currently using the <span style=\"font-weight: bold; text-transform: capitalize; \">{{ themes?.active?.name || 'Unknown' }}</span> theme. <br/>Click the <i role=\"img\" class=\"q-icon notranslate material-icons\" style=\"font-size: 1.2rem;\">list</i> icon above to select a different one or customize your own.\n      </div>\n      <div v-if=\"initialised && !themeSelectorVisible && themes?.active?.name=='usertheme'\" class=\"testB\" style=\"max-width: 100%; height: calc(100% - 25px); position: relative;\">\n        <!-- <i role=\"img\" class=\"q-icon notranslate material-icons\" style=\"cursor: pointer; padding: 2px 3px 5px 3px; font-size: 1rem; position: absolute; right: 5px; top: -10px;\" @click=\"showThemeSelector(true)\">list</i> -->\n        <div style=\"top: 20px; position: relative;padding:0px 8px 10px 3px;\">\n          <input class=\"roundInput\" type=\"text\" v-model=\"searchString\" id=\"\" placeholder=\"Search Theme Styles\">\n        </div>\n        <q-list style=\"height: 100%; max-height: calc(100% - 125px); overflow-y: auto; overflow-x: hidden;\">\n          <q-expansion-item   v-for=\"(group, groupIndex) in themeItems.groups\"  :key=\"group.label\"  :label=\"group.label\" dense :default-opened=\"groupIndex==0\" style=\"font-weight: bold;\" >\n            <q-expansion-item v-for=\"rule in group.rules\"         :key=\"rule.label\"   :label=\"rule.label\"  dense default-opened :header-inset-level=\".2\"   class=\"level2\" style=\"font-weight: bold;\"\n            >\n                  <div class=\"themeItemsContainer\" style=\"font-weight: normal; padding-left:15px; padding-right: 20px;padding-bottom:10px\">\n                    <div :class=\"{ themeItemContainer:true, unused:item.value=='' }\" v-for=\"item in rule.properties\"  >\n                      <div class=\"themeItemLabel\"     v-if=\"!item.hide && (searchString =='' || item.propertyName.indexOf(searchString) > -1)\">\n                        <div class=\"resetPropertyButton\" v-if=\"item.value!=item.defaultValue\" @click=\"resetProperty(rule, item)\">\n                          <i role=\"img\" class=\"q-icon notranslate material-icons\">refresh</i>\n                        </div>\n                        {{ item.label }}\n                      </div>\n                      <div class=\"themeItemValueCell\" v-if=\"!item.hide && (searchString =='' || item.propertyName.indexOf(searchString) > -1)\">\n                        <div v-if=\"!item.isVar && valueIsVar( item.value)\">\n                          <div>\n                            <select class=\"propControl\" v-model=\"item.value\" @change=\"onPropValueChanged()\">\n                              <option v-for=\"option in getCssVariables(item)\" :value=\"option.propertyName\">{{ option.label }}</option>\n                            </select>\n                          </div>\n                        </div>\n                        <div v-else>\n                          <div v-if=\"item.type=='text'\">\n                            <input class=\"propControl\" type=\"text\" v-model=\"item.value\" @change=\"onPropValueChanged()\" >\n                          </div>\n                          <div v-if=\"item.type=='number'\" style=\"display: flex; flex-direction: row; justify-content: flex-end;\">\n                            <div>\n                              <input class=\"propControl\" type=\"number\" :value=\"getNumericValue(item)\" @input=\"updateNumericValue($event, item)\" style=\"width: 40px;\">\n                            </div>\n                            <div>\n                              <select v-if=\"item.units\" class=\"propControl units\" @change=\"updateUnitValue($event, item)\">\n                                <option v-for=\"unit in item.units\" :value=\"unit\" :selected=\"unit === getUnitValue(item)\">{{ unit }}</option>\n                              </select>\n                            </div>\n                          </div>\n                          <div v-if=\"item.type=='color'\">\n                            <select v-if=\"valueIsVar( item.value)\" class=\"propControl\" v-model=\"item.value\" @change=\"onPropValueChanged()\">\n                              <option v-for=\"option in getCssVariables(item)\" style=\"border: solid 1px blue;\" :value=\"'var('+option.propertyName+')'\">{{ option.label }}</option>\n                            </select>\n                            <color-picker v-else class=\"\" :xOffset=\"-180\" :yOffset=\"5\" btnwidth=\"50px\" btnheight=\"15px\" v-model=\"item.value\" @changed=\"onPropValueChanged\"></color-picker>\n                            <!-- <input v-else class=\"propControl\" type=\"color\" v-model=\"item.value\" @input=\"onPropValueChanged()\"> -->\n                          </div>\n                          <div v-if=\"item.type=='select'\">\n                            <select class=\"propControl\" v-model=\"item.value\" @change=\"onPropValueChanged()\">\n                              <option v-for=\"option in item.options\" :value=\"option.value || option\">{{ option.label || option }}</option>\n                            </select>\n                          </div>\n                          <div v-if=\"item.type=='filter'\">\n                            <select class=\"propControl\" v-model=\"item.value\" @change=\"onPropValueChanged()\">\n                              <option value=\"var(--st-filter-light)\">Light</option>\n                              <option value=\"var(--st-filter-dark)\">Dark</option>\n                            </select>\n                          </div>\n                        </div>\n                      </div>\n                      <div class=\"propSwitchContainer\" v-if=\"!item.hide && (searchString =='' || item.propertyName.indexOf(searchString) > -1) && !item.isVar && item.type=='color'\">\n                        <div :class=\"{propModeSwitch:true, forceVisible:valueIsVar( item.value)}\" @click=\"togglePropMode(item)\">\n                          <img title=\"Toggle Variable\" :src=\"valueIsVar( item.value) ? icon_binding_on : icon_binding_off\" alt=\"\">\n                        </div>\n                      </div>\n                    </div>  \n                  </div>\n            </q-expansion-item>\n          </q-expansion-item>\n        </q-list>\n        <div style=\"width: 100%; text-align: right; padding: 20px 20px 0px;\">\n          <button :class=\"{themedButton:true, buttonDisabled:!unsavedChanges}\" @click=\"saveDocument\">Save Changes</button>\n          <div v-if=\"unsavedChanges\" class=\"clearThemeButton\">\n            <div @click=\"clearTheme\">Reset All Changes</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div v-else class=\"notProUI\">\n    The Theme Editor is a Pro feature.<br/>\n    Upgrade to Pro and start using it now!<br/> <br/>\n    <vscode-button @click=\"showUpgradeLicenseDialog\" style=\"margin-right: 3px;\">Upgrade</vscode-button> \n  </div>\n\n  \n  \n</template>\n\n<style scoped>\n\n::v-deep .q-item {\n  min-height: unset;\n  height: 25px;\n  padding: 2px 5px;\n}\n\n::v-deep .q-expansion-item .q-item {\n  padding-right: 0px !important;\n}\n::v-deep .q-expansion-item.level2 .q-item {\n  margin-left: 0px;\n  padding-left: 10px !important;\n}\n\n\n.editorSidebar{\n  color: var(--foreground);\n  font-size: 12px;\n  font-family: -apple-system, \"system-ui\", sans-serif;\n}\n.themeItemContainer {\n  display: flex;\n  flex-direction: row;\n  position: relative;\n}\n.propSwitchContainer{\n  position: relative;\n}\n.propModeSwitch img{\n}\n\n.themeItemContainer .propModeSwitch {\n    opacity: 0;\n    width: 25px;\n    position: absolute;\n    left: 2px;\n    padding: 0px;\n    top: 3px;\n    cursor: pointer;\n}\n.themeItemContainer:hover .propModeSwitch {\n  opacity: 1;\n}\n\n.propModeSwitch.forceVisible{\n  opacity:1;\n}\n\n.unused {\n  opacity:0.3;\n}\n.unused:hover {\n  opacity:1;\n}\n.themeItemsContainer {\n  display: flex;\n  flex-direction: column;\n  padding: 0px;\n}\n.themeItemLabel{\n  padding: 2px 0px;\n  width: 50%;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  user-select: none;\n}\n.themeItemValueCell{\n  padding: 2px;\n  text-align: right;\n  width: 50%;\n}\n\n.themePreviewed{\n  color: color-mix( in srgb, #3295fe, var(--foreground)  20% );\n}\n\n.themeSelected{\n  /* color: color-mix( in srgb, #3295fe, var(--foreground)  40% ); */\n  font-weight: bold;\n}\n\n\n\n#demoContent{\n  padding-top: 50px;\n}\n\n.propControl{\n  width: 98%;  \n  border: solid 1px #ffffff00;\n}\n.propControl:hover{\n  border: solid 1px #ccccccc0;\n}\n\n.propControl[type=\"text\"]{\n  width: 100%;  \n  padding: 1px 5px;\n  text-align: right;\n  height: 20px;;\n}\n.propControl[type=\"number\"]{\n  width: 40px;\n  height: 22px;\n  font-size: 12px;\n  text-align: right;\n  -moz-appearance: textfield;\n}\n/* \nRemove arrows from number-input boxes\nChrome, Safari, Edge, Opera */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* remove arrow from select dropdown*/ \nselect.noArrow { \n/* for Firefox */ \n-moz-appearance: none; \n/* for Safari, Chrome, Opera */ \n-webkit-appearance: none; \n} \n\n/* for IE10 */ \n.select.noArrow::-ms-expand { \n  display: none; \n} \n\n.themeHeader{\n  border-bottom: solid 1px #ffffff50; \n  padding-bottom: 5px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n}\n.themeSelector{\n  /* top: 105px; */\n  /* max-width: 280px; */\n  text-align: left;\n  padding: 5px 0px 4px;\n  margin-bottom: 10px;\n  /* position: absolute; */\n  z-index: 1;\n  background-color: #cccccc00;/* var(--background) */\n  box-sizing: border-box;\n  /* border: solid 1px #00000000; */\n  opacity: 0; \n  visibility: hidden; \n  transition: opacity 0.5s ease, visibility 0s 0.5s; \n  display: none;\n}\n\n.themeSelectorItem{\n  /* border-bottom: solid 1px color-mix( in srgb, var(--foreground), transparent 80% ); */\n  padding: 2px 2px;\n  cursor: pointer;\n  text-transform: capitalize;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  background-color: color-mix( in srgb, var(--foreground), transparent 100% );\n  transition: background-color 0.3s ease;\n}\n.themeSelectorItem:hover, .themeSelectorItemSelected{\n  background-color: color-mix( in srgb, var(--foreground), transparent 92% );\n}\n\n.themeSelectorShadow{\n  /* box-shadow: 0px 5px 10px #00000020; */\n}\n\n.themeSelectorVisible{\n  display: block;\n  width: 100%;\n  opacity: 1;\n  visibility: visible;\n  transition: opacity 0.5s ease;\n}\n\n.propControl[type=\"color\"] {\n  width: 60px;  \n  height: 20px;\n  padding: 0px;\n  background-color: #ff000000;\n  border: none;\n}\nselect.propControl{\n  text-align: right;\n  padding-right: 5px;\n}\n\nselect.units{\n  width: max-content;\n  font-size: 10px;\n  height: 100%;\n  margin-left: 0px;\n  text-align: center;\n  padding: 1px 2px;\n}\n\n.roundInput{\n  border-radius: 3px;\n  border: solid 1px #ffffff30;\n  padding: 4px 15px;\n  height: 25px;\n  margin-bottom: 20px;\n  width: 100%;\n  background: no-repeat;\n  color: #fff;\n}\n\n.highlight{\n  border: 1px solid red;\n}\n\n.themedButton{\n  background-color: #195c9f;\n  border-radius: 0px;\n  border: none;\n  padding: 5px 15px;\n  color: #fff;\n  font-size: 13px;\n  width: 100%;\n}\n\n.height100{\n  height: 100%;\n}\n\n.themeItemContainer .resetPropertyButton{\n  position: absolute;\n  left: -23px;\n  top: 1px;\n  padding: 0px;\n}\n\n\n.themeItemContainer .resetPropertyButton i{\n  opacity: 0.6;\n  padding: 3px 6px;\n  cursor: pointer;\n  transition: opacity 0.3s ease;\n}\n\n.themeItemContainer .resetPropertyButton:hover i{\n  opacity: 1;\n}\n\n.clearThemeButton{\n  margin-top: 7px;\n  font-size: 0.9em;\n  opacity: 0.6;\n  display: flex;\n  justify-content: center;\n}\n.clearThemeButton > div{\n  opacity: 0.6;\n  cursor: pointer;\n}\n.clearThemeButton > div:hover{\n  opacity: 1 !important;\n  text-decoration: underline;\n}\n\n.themeButtonsContainer{\n  width: 100%; \n  text-align: left; \n  padding: 10px 0px 10px; \n  display: flex; \n  flex-direction: column; \n  gap: 2px; \n  flex-wrap: nowrap;\n}\n\n.buttonDisabled{\n  opacity: 0.3;\n  pointer-events: none;\n  cursor: auto;\n  user-select: none;\n}\n\n.themeError{\n  color: #f67979;\n  text-wrap: nowrap;\n  overflow: hidden;\n  max-width: 200px;\n  width: 100%;\n  text-overflow: ellipsis;\n  /* font-size: 13px; */\n  /* padding: 0px 10px 5px; */\n  user-select: none;\n  text-align: right;\n  /* line-height: 1.2em; */\n}\n\n/* custom scrollbar */\n::-webkit-scrollbar {\n  width: 17px;\n}\n\n::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: #d6dee1;\n  border-radius: 20px;\n  border: 6px solid transparent;\n  background-clip: content-box;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: #a8bbbf;\n}\n</style>\n","import script from \"./ThemeEditor.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ThemeEditor.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ThemeEditor.vue?vue&type=style&index=0&id=772479b2&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-772479b2\"]])\n\nexport default __exports__\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport QList from 'quasar/src/components/item/QList.js';\nimport QExpansionItem from 'quasar/src/components/expansion-item/QExpansionItem.js';\nimport QItem from 'quasar/src/components/item/QItem.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QIcon,QList,QExpansionItem,QItem});\n","<template>\n  <div class=\"mainContainer\" v-if=\"appData\">\n    <div class=\"topBar\">\n      <div style=\"width: calc(100% - 300px); min-width: calc(100% - 300px); display: flex; flex-direction: row; justify-content: end; padding-right: 2px;\">\n          <div class=\"topbarButton\" @click=\"toggleComponentsFrame\" title=\"View Component Outlines\" style=\"padding-top: 5px;\">\n            <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"\">highlight_alt</i>\n          </div>\n          <div class=\"topbarButton\" @click=\"openFeedbackPage\" title=\"Give Feedback\" style=\"padding-top: 5px;\">\n            <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"\">feedback</i>\n          </div>\n          <div class=\"topbarButton\" @click=\"openHelpPage\" title=\"Get Support\">\n            <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"\">help</i>\n          </div>\n          <div class=\"topbarButton\" @click=\"reloadPage\" title=\"Reload\">\n            <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"\">refresh</i>\n          </div>\n          <div class=\"topbarButton\" @click=\"saveTemplate(true)\" title=\"Save\">\n            <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"\">save</i>\n          </div>\n      </div>\n      <div class=\"topToolBar\" style=\"display: flex; flex-direction: row; width: 300px; min-width: 300px;\">\n        <div v-if=\"!userIsPro()\" style=\"flex-grow: 1; text-align: left; padding-left: 15px;\">\n            <vscode-button @click=\"showUpgradeLicenseDialog(false)\" style=\"\">Upgrade to PRO</vscode-button> \n        </div>\n        <div style=\"display: flex; flex-direction: column;\">\n          <div class=\"gbLogo\" v-html=\"getLogoContent()\"></div>\n          <div style=\"margin-right: 10px; color: rgb(204, 204, 204); width: 100%; padding: 3px 0px; font-size: 0.9em; position: relative; top: -8px; opacity: 0.7;\">v {{ version }}\n          </div>\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\" @saveTriggered=\"saveTemplate(true)\" @componentSelected=\"onComponentSelected\" @bindingDroppedOnComponent=\"onBindingDroppedOnComponent\" @themeCssLoaded=\"onThemeCssLoaded\" @themesUpdated=\"updateRegisteredThemes\" :appData=\"appData\" />\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 fullHeight\">\n            <Panel title=\"Library & Bindings\" ref=\"bindingsPanelContainer\" @update:expanded=\"updatePaneState('bindingsPanelContainer', $event)\" class=\"fullHeight\">\n              <tabs mode=\"light\" @changeTab=\"onMainTabChanged\" style=\"height: 100%; display: flex; flex-direction: column;\">\n                <tab title=\"Library\" active=\"true\" style=\"\">\n                  <LibraryPanel ref=\"libraryPanel\" @blockCustomTriggered=\"onBlockCustomTriggered\" />\n                </tab>\n                <tab title=\"Bindings\">\n                  <BindingsPanel ref=\"bindingsPanel\" :appData=\"appData\" @bindingOvered=\"onBindingOvered\" />\n                </tab>\n                <tab title=\"Theme\">\n                  <div id=\"themesContainer\" style=\"height: 100%;\" title=\"\">\n                    <ThemeEditor ref=\"themeEditor\" :endpoint=\"getApiAppBaseUrl()\" filepath=\"public/css/themes/theme.css\" @changed=\"onThemeChanged\"></ThemeEditor>\n                  </div>\n                </tab>\n                <tab title=\"Styles\">\n                  <div id=\"myStyleEditorContainer\" title=\"\">\n                    <div id=\"myStyleEditorContainerClasses\"></div>\n                    <div id=\"myStyleEditorContainerSections\"></div>\n                  </div>\n                </tab>\n                <tab title=\"Layers\">\n                  <div id=\"layersContainer\" title=\"\">\n                  </div>\n                </tab>\n                <tab title=\"Code\" style=\"width: 100%\">\n                  <div class=\"nothingSelected\" v-show=\"!selectedComponent\" title=\"\">\n                    <i>Nothing selected</i>\n                  </div>\n                  <div id=\"customCodeEditor\" v-show=\"selectedComponent\" title=\"\">\n                    <Codemirror\n                      ref=\"codeEditor\"\n                      v-model:value=\"codeEditorValue\"\n                      :options=\"cmOptions\"\n                      border\n                      placeholder=\"test placeholder\"\n                      :height=\"200\"\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 fullHeight\">\n            <Panel :title=\"getPropertiesPanelName\" ref=\"propertiesPanelContainer\" @update:expanded=\"updatePaneState('propertiesPanelContainer', $event)\" class=\"fullHeight\">\n              <PropertiesPanel ref=\"propertiesPanel\" :appData=\"appData\" :selectedComponent=\"selectedComponent\" class=\"fullHeight\" :parentPanel=\"propertiesPanelContainer\"/>\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 fullHeight\">\n            <Panel title=\"AI Assistant\" ref=\"aiHelpPanelContainer\" @update:expanded=\"updatePaneState('aiHelpPanelContainer', $event)\" class=\"fullHeight\">\n              <tabs mode=\"light\" style=\"height: 100%; display: flex; flex-direction: column;\">\n                <tab title=\"UI\" active=\"true\">\n                  <AiCodePanel ref=\"aiCodePanel\" :appData=\"appData\" @aiCodeChanged=\"onAiCodeChanged\" :selectedComponent=\"selectedComponent\" class=\"fullHeight\"/>\n                </tab>\n                <tab title=\"Help\" style=\"\">\n                  <AiHelpPanel ref=\"aiHelpPanel\" :appData=\"appData\" :selectedComponent=\"selectedComponent\" class=\"fullHeight\"/>\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\n\n<script setup >\n// ===============================================================================\n// Import 3rd party modules\n// ===============================================================================\nimport axios from 'axios';\nimport _ from 'underscore';\nimport { Splitpanes, Pane } from 'splitpanes'\nimport 'splitpanes/dist/splitpanes.css'\nimport { computed, ref, onMounted, onUnmounted } from 'vue'\nimport Codemirror from \"codemirror-editor-vue3\";\nimport \"codemirror/addon/display/placeholder.js\";\nimport \"codemirror/mode/xml/xml.js\";\nimport \"codemirror/addon/display/placeholder.js\";\nimport \"codemirror/theme/dracula.css\";\nimport \"codemirror/theme/neat.css\";\n\n// ===============================================================================\n// Import local modules\n// ===============================================================================\nimport activateInterceptors from \"../utils/axiosInterceptors\"\nactivateInterceptors();                       // registers interceptor to inject session id and manage restricted-license responses\nimport { clear, update } from 'vue-plotly';   // This needs to be imported even though it's not used directly\nimport Panel from './Panel.vue'\nimport Tabs from './tabs/Tabs.vue';\nimport Tab from './tabs/Tab.vue';\nimport BindingsPanel from './panels/BindingsPanel.vue'\nimport CanvasPanel from './panels/CanvasPanel.vue'\nimport LibraryPanel from './panels/LibraryPanel.vue'\nimport PropertiesPanel from './panels/PropertiesPanel.vue'\nimport LogsPanel from './panels/LogsPanel.vue'\nimport BindingsConnector from './BindingsConnector.vue'\nimport AiHelpPanel from './panels/AiHelpPanel.vue';\nimport AiCodePanel from './panels/AiCodePanel.vue';\nimport StatusMonitor from '../utils/StatusMonitor';\nimport HtmlTemplateParser from '../utils/HtmlTemplateParser';\nimport Configuration from '../utils/Configuration';\nimport ThemeEditor from './themeEditor/ThemeEditor'\n\n\n// ===============================================================================\n// Local variables\n// ===============================================================================\n\nconst version = process.env.PACKAGE_VERSION;\nlet codeEditor = ref(null);\nlet themeEditor = 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\nlet beautifyOptions = {\n  indent_size: 4, indent_char: \" \", max_preserve_newlines: 5, preserve_newlines: true, keep_array_indentation: false, \n  break_chained_methods: false, indent_scripts: \"normal\", brace_style: \"collapse\", space_before_conditional: true, \n  unescape_strings: false, jslint_happy: false, end_with_newline: false, wrap_line_length: 0, indent_inner_html: false, \n  comma_first: false, e4x: false, indent_empty_lines: false, inline_custom_elements: false \n};\n\n\n// Used when editing a specific component, so that we can save the full document\n// and to compare on save and when file-change messages are received\nlet fullDocumentHTML = \"\"; \nlet fullDocumentCSS = \"\";\nlet fullDocumentCSSOriginal = \"\";\nlet elementIdsInHtmlToEdit = [];\nlet lastSavedHTMLCode = \"\";\nlet themes = ref([]);\n// Panels state management\n// --------------------------------------------------------------------------------\nlet panelStates = ref(null);\nlet storedStates = localStorage.getItem('panelStates');\nif( 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    aiHelpPanelContainer: { expanded: true, size: 10 },\n  }\n  savePanelStates();\n}\n\n\n// Component reactive variables and child refs\n// --------------------------------------------------------------------------------\nconst bindingsPanelContainer = ref(null);\nconst propertiesPanelContainer = ref(null);\nconst aiHelpPanelContainer = ref(null);\nconst logsPanel = ref(null);\nconst canvasPanel = ref(null);\nconst bindingsPanel = ref(null);\nconst libraryPanel = ref(null);\nconst propertiesPanel = ref(null);\nconst aiHelpPanel = ref(null);\nconst aiCodePanel = ref(null);\nconst bindingConnectorsManager = ref(null);\nconst selectedComponent = ref(null);\nlet currentPage = null;\nlet savedFromNoCodeEditor = false;\nlet appData = window.appData = ref(null);\n\n\n\n// Status monitor (websocket)\n// --------------------------------------------------------------------------------\nconst statusMonitor = window.statusMonitor = new StatusMonitor( onSocketOpen, onSocketClose, onSocketMessage);\n\n\n// Computed properties\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 getApiAppBaseUrl(){\n  let url = `${apibase}apps/${Configuration.appid}/`;\n  return url;\n}\n\n\n\n// ===============================================================================\n// Functions\n// ===============================================================================\n\n\n// Panel Management\n// ===============================================================================\nfunction savePanelStates() {\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.aiHelpPanelContainer.size = Math.round(document.getElementById('aiHelpPanelContainer_Pane').style.height.split('%').join(''));\n  } catch (e) {\n    console.error('savePanelStates error', e);\n  }\n  localStorage.setItem('panelStates', JSON.stringify(panelStates.value));\n}\n\nfunction panesResized(){\n  savePanelStates();\n}\n\nfunction updatePaneState(panelRefName, expanded) {\n  panelStates.value[panelRefName].expanded = expanded;\n  savePanelStates();\n}\n\n\n\n\n// Used by view template (as getters and event handlers)\n// ===============================================================================\nfunction capitalize(str){\n  return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()\n}\n\nfunction userIsPro(){\n  return Configuration.IS_PRO\n}\n\nfunction getLogoContent(){\n  let result = `Genie Builder <span style=\" font-weight: bold;\">`;\n  result += capitalize( !userIsPro() ? \"Lite\" : Configuration.LICENSE_TYPE);\n  result += `</span>`;\n  return result;\n}\n\n\n\n// UI-Changes handlers\n// ===============================================================================\nfunction onMainTabChanged(index){\n  if( index == 4 ){\n    setTimeout( ()=>{\n      updateCodeEditorContent();\n    }, 200 );\n  }\n}\n\n\nfunction onAiCodeChanged(status){\n  canvasPanel.value.showAiCodePreview(status);\n}\n\nfunction onThemeCssLoaded(content){\n  console.log( \"[Main] themeCssLoaded: \" );\n  if( themeEditor.value ){\n    themeEditor.value.initializeFromThemeCssFile(content, true);\n  }else{\n    console.log( \"[Main] themeEditor not found\" );\n  }\n}\n\n\nfunction applyCodeChanges(){\n  let fullContent = codeEditorValue.value;\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  /* window.logUserEvent( \"code-editor::appliedChanges\", { \n      component: window.selectedComponent.attributes.tagName, \n  }); */\n}\n\n\nfunction onBlockCustomTriggered(props){\n  bindingsPanel.value.setHandleBlocks(props); \n}\n\n\nfunction onBindingOvered(event){\n  // Inform connectors-manager about mouse-overed binding\n  bindingConnectorsManager.value.onBindingOvered( event );\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\nfunction 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      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\nfunction onComponentSelected(com){\n  window.selectedComponent = selectedComponent.value = com;\n  if( propertiesPanel.value){\n    propertiesPanel.value.setSelectedComponent(com);      \n  }\n  if( aiCodePanel.value){\n    aiCodePanel.value.setSelectedComponent(com);      \n  }\n  updateCodeEditorContent();\n}\n\n\nfunction updateCodeEditorContent(){\n  let com = selectedComponent.value;\n  if( !com )\n    return;\n\n    // Update the code editor value\n    let selectedComponentCode = com.toHTML();\n\n  const entireHtml = selectedComponentCode; //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  HtmlTemplateParser.decodeAttributesInDOM(firstDiv );\n  selectedComponentCode = firstDiv.querySelector(\"body\").innerHTML;\n\n  let beautifiedHtml = html_beautify ( selectedComponentCode, beautifyOptions );\n  // Restore special tags\n  //beautifiedHtml = HtmlTemplateParser.restoreSpecialElements( beautifiedHtml );\n  codeEditorValue.value = beautifiedHtml;\n  codeEditor.value.refresh();\n}\n\n\nfunction showUpgradeLicenseDialog(showDialog=true){\n  window.showUpgradeLicenseDialog(showDialog);\n}\n\n\nfunction openThemeEditor(){\n  if( Configuration.IS_PRO ){\n    window.parent.postMessage( {command:\"openThemeEditor\", appid:Configuration.appid }, \"*\" );\n  }else{\n    window.showUpgradeLicenseDialog();\n  }\n  //window.logUserEvent( \"toolbar::click\", { element:\"themeEditor\", available: Configuration.IS_PRO } );\n}\n\n\nfunction reloadPage(){\n  window.location.reload();\n  //window.logUserEvent( \"toolbar::click\", { element:\"reloadNocodeEditor\" } );\n}\n\n\nfunction updateData(newData){\n  appData.value = (newData);\n}\n\nwindow.switchCodeEditorTheme = ()=>{\n  if( window.currentThemeType == 'light' ){\n    cmOptions.value.theme = \"neat\";\n  }else{\n    cmOptions.value.theme = \"dracula\";\n  }\n  themeType = window.currentThemeType;\n  if( codeEditor.value )\n    codeEditor.value.refresh();\n}\n\n\nfunction 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{Any}}\": \"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              \"{Matrix}\": \"Array\",\n                  \"{Matrix{Any}}\": \"Array\",\n                  \"{Matrix{Bool}}\": \"Array\",\n                  \"{Matrix{String}}\": \"Array\",\n                  \"{Matrix{Char}}\": \"Array\",\n                  \"{Matrix{Number}}\": \"Array\",\n                  \"{Matrix{Float64}}\": \"Array\",\n                  \"{Matrix{Int64}}\": \"Array\",\n                  \"{Matrix{Int32}}\": \"Array\",\n                  \"{Matrix{Int16}}\": \"Array\",\n                  \"{Matrix{Int8}}\": \"Array\", \n                  \"Matrix{Dict}\": \"Array\", \n              \"{Object}\": \"Object\", \n              \"{NamedTuple{(:min, :max), Tuple{Int64, Int64}}}\": \"Object\", \n              \"{Dict}\": \"Object\", \n              \"{Dict{String, Any}}\": \"Object\", \n              \"{Dict{String, Bool}}\": \"Object\", \n              \"{Dict{String, String}}\": \"Object\", \n              \"{RangeData{Int64}}\": \"Object\", \n              \"{Vector{GenericTrace{Dict{Symbol, Any}}}}\": \"PlotlyBase.GenericTrace\", \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\n// GB app's HTML Template parsing (load/save/parse...)\n// ===============================================================================\nfunction getCurrentHtmlAndCss(){\n  let 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  // cleanup css, as grapes sometimes adds unwanted rules for global and body\n  // Regular expression to match '* {...}' and 'body {...}' patterns\n  let pattern = /\\*\\s*{[^}]*}|body\\s*{[^}]*}/g;\n  // Replace the matched patterns with an empty string\n  editedHtmlCss = editedHtmlCss.replace(pattern, '');\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\n\nfunction mergeCss(fullCss, partialCss) {\n    function parseCss(css) {\n        const regex = /([^{]+)\\{([^}]+)\\}/g;\n        let matches;\n        const parsed = {};\n        \n        while ((matches = regex.exec(css)) !== null) {\n            const selector = matches[1].trim();\n            const properties = matches[2].trim();\n            parsed[selector] = properties;\n        }\n        return parsed;\n    }\n\n    function stringifyCss(cssObj) {\n        return Object.entries(cssObj).map(([selector, properties]) => {\n            return `${selector} { ${properties} }`;\n        }).join(' ');\n    }\n\n    const fullCssObj = parseCss(fullCss);\n    const partialCssObj = parseCss(partialCss);\n    for (const [selector, properties] of Object.entries(partialCssObj)) {\n        fullCssObj[selector] = properties;\n    }\n    return stringifyCss(fullCssObj);\n}\n\n\nfunction getCleanHtmlCode(htmlString){\n  let parser = new DOMParser();\n  let doc = parser.parseFromString(htmlString, 'text/html');\n  const firstDiv = doc.body || null;  \n  const firstDivContent = firstDiv.innerHTML;\n  let beautifiedHtml = html_beautify ( firstDivContent, beautifyOptions )\n  beautifiedHtml = HtmlTemplateParser.restoreSpecialElements( beautifiedHtml );\n  return beautifiedHtml; \n}\n\n\nfunction onAutoSaveTriggered(){\n  saveTemplate(); \n}\n\n\nfunction saveTemplate(force){\n  if( force ){\n    //window.logUserEvent( \"toolbar::click\", { element:\"save\" } );\n  }\n  // Get the current HTML and CSS\n  let { beautifiedHtml, editedHtmlCss } = getCurrentHtmlAndCss();\n  \n  // Skip saving if the document contains a temp placeholder\n  let containsTempPlaceHolder = beautifiedHtml.indexOf('<tempplaceholder') > -1;\n  if( containsTempPlaceHolder ){\n    return;\n  }\n\n  // Process both new and old (initially loaded) HTML code to properly compare for changes\n  let cleanBeautifiedCode = getCleanHtmlCode( beautifiedHtml );\n  let cleanLastSavedCode = getCleanHtmlCode( lastSavedHTMLCode );  \n  let contentHasChanged = cleanLastSavedCode != cleanBeautifiedCode;\n  \n  // If the content has not changed, do not save (unless forced to do so, which happens when user manually clicks save)\n  if( contentHasChanged || force ){\n      lastSavedHTMLCode = beautifiedHtml;\n  }else{\n    return;\n  }\n\n   // ====== Special case when editing inner element ======\n   if( Configuration.elementid ){\n      const parser = new DOMParser();\n      const doc = parser.parseFromString(fullDocumentHTML, 'text/html');\n      let element = doc.querySelector( \"#\"+Configuration.elementid);\n      element.innerHTML = beautifiedHtml;\n\n      // process the full document\n      const firstDiv = doc.body;\n      const firstDivContent = firstDiv.innerHTML;\n      beautifiedHtml = html_beautify ( firstDivContent, beautifyOptions );\n      beautifiedHtml = HtmlTemplateParser.restoreSpecialElements( beautifiedHtml );\n    }\n   \n   // Prepare path for saving\n  let pageViewPath = currentPage.view;\n  let encodedViewPath = encodeURIComponent(pageViewPath);\n  let saveUrl = `${apibase}apps/${Configuration.appid}/save?path=${encodedViewPath}`;\n\n  // Set flag to prevent reload on file change\n   savedFromNoCodeEditor = true;\n    axios.post( saveUrl, { payload: beautifiedHtml } )\n        .then(  (response) => {\n          // Catch server errors\n          if( response.status != 200 ){\n            showApiErrorAlert( `There was an issue saving your changes (code ${response.status}). If the problem persists please try reloading this window.` );\n            return;\n          }\n          // If editing specific element, do not save css file\n          // To-do: rad full css and merge with edited one\n          if( Configuration.elementid ){\n            let mergedCss = mergeCss( fullDocumentCSS, editedHtmlCss );\n            editedHtmlCss = mergedCss;\n          }else{\n            let fullMergedCss = HtmlTemplateParser.mergeCss( elementIdsInHtmlToEdit, fullDocumentCSSOriginal, editedHtmlCss );\n            editedHtmlCss = fullMergedCss;\n          }\n\n          // Format the CSS\n          let beautifiedCss = HtmlTemplateParser.formatCss( editedHtmlCss );\n          editedHtmlCss = beautifiedCss;\n\n          // The GB back-end doesn't seem to notify (via ws) all changes when multiple files are saved at once\n          // Specifically, tchanges on the html file are not notified if we save the css immediately after.\n          // So we need to wait a bit before saving the css file\n          // To-do: this is a temporary fix, we need to find a better way to handle this. \n          // GB server should notify changes to all files, not just the last one\n          setTimeout( ()=>{\n            let saveCssUrl = `${apibase}apps/${Configuration.appid}/save?path=public/css/autogenerated.css`;\n            axios.post( saveCssUrl, { payload: editedHtmlCss } )\n              .then(  (response) => {\n                savedFromNoCodeEditor = false;\n              } )\n              .catch( (error) => {\n              });\n          }, 1000 );\n          \n        } )\n        .catch( (error) => {\n          // Catch server errors\n          showApiErrorAlert( `There was an issue saving your changes (Network error). If the problem persists please try reloading this window.` );\n        });\n}\n\n\n\n\n// Unsaved changes management\n// ===============================================================================\nfunction clearStoredUnsavedChanges(){\n  let currentPath = currentPage.config.app_path + '/' + currentPage.view;\n  localStorage.removeItem('unsavedChanges__' + currentPath);\n}\n\nfunction 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\nfunction 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 toggleComponentsFrame(){\n  if(editor.Commands.isActive(\"sw-visibility\")){\n      editor.Commands.stop(\"sw-visibility\");\n  }else{\n    editor.runCommand(\"sw-visibility\");\n  }\n}\n\n\n// Messaging with vscode's GB extension\n// ===============================================================================\nfunction openFeedbackPage(){\n    window.parent.postMessage( {command:\"openFeedbackForm\" }, \"*\" );\n    //window.logUserEvent( \"toolbar::click\", { element:\"feedbackForm\" } );\n}\n\nfunction openHelpPage(){\n    window.parent.postMessage( {command:\"openHelpPage\" }, \"*\" );\n    //window.logUserEvent( \"toolbar::click\", { element:\"getSupport\" } );\n}\n\nfunction informNoCodeVersion(){\n    window.parent.postMessage( {command:\"informNoCodeVersion\", metadata:{nocodeVersion:version} }, \"*\" );\n}\n\nfunction showApiErrorAlert(error){\n  window.parent.postMessage( {command:\"showApiErrorAlert\", message:error }, \"*\" );\n}\n\n\n\n// GB API Websocket\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    let isThemeCss = ( filePath.indexOf('css/themes/theme.css' ) > -1 );\n    if( isThemeCss ){\n        return;\n      }\n    \n    if( isThemeCss || (!isAutogeneratedCss && !savedFromNoCodeEditor) ){\n      if( !isSameFile ){\n        setStoredUnsavedChanges();\n      }\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\nfunction onSocketClose(data){\n  statusMonitor.restart(5); // Attempt to restart with some delay\n}\n\n\n\n// External methods (called from other components or contexts)\n// ===============================================================================\nfunction startEditingComponentContent(){\n  const selectedElement = editor.getSelected();\n  //window.logUserEvent(\"component::editNested\", { component: selectedElement.attributes.tagName });\n  window.parent.postMessage( { \n    command:\"editNestedComponent\", \n    appid:searchParams.appid, \n    filepath:searchParams.filepath, \n    ccid: selectedElement.getId()\n  }, \"*\" );\n}\n\nfunction updateRegisteredThemes( themesList ){\n  console.log( '[ThemeEDitor] updateRegisteredThemes', themesList );\n  themes.value = themesList;\n  /* if( themeEditor.value ){\n    themeEditor.value.updateRegisteredThemes( themesList );\n  } */\n}\n\n\ndefineExpose({\n  startEditingComponentContent\n})\n\n\n\n\n\n// Main function (Entry point)\n// ===============================================================================\nfunction init(){\n  informNoCodeVersion();\n\n  window.showUpgradeLicenseDialog = ( showDialog=true )=>{\n    window.parent.postMessage( {command:\"showUpgradeLicenseDialog\", metadata:{ showDialog } }, \"*\" );\n  }\n\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    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          // Set the current page based on the supplied view\n          currentPage = result.data.pages[Configuration.currentPageIndex];\n          let unsavedChanges = getStoredUnsavedChanges();\n          let contentToLoad;\n          if( unsavedChanges ){\n            clearStoredUnsavedChanges();\n            contentToLoad = unsavedChanges.beautifiedHtml;\n            lastSavedHTMLCode = contentToLoad;\n            canvasPanel.value.updateTemplateFile( contentToLoad );\n          }else{\n            let readTemplateFilePath = apibase + 'apps/' + Configuration.appid + '/edit?path=' + encodeURIComponent( currentPage.view );\n            axios.get( readTemplateFilePath ).then( (result) => {\n              // ====== Special case when editing inner element ======\n              \n              if( Configuration.elementid ){\n                const parser = new DOMParser();\n                const doc = parser.parseFromString( result.data.content, 'text/html');\n                fullDocumentHTML = result.data.content;\n                contentToLoad = doc.querySelector( \"#\"+Configuration.elementid).innerHTML;\n                \n                // Load css to merge when saving component\n                let saveCssUrl = `${apibase}apps/${Configuration.appid}/edit?path=public/css/autogenerated.css`;\n                axios.get( saveCssUrl ).then( (result) => {\n                  fullDocumentCSS = result.data.content;\n                }).catch( (error) => {\n                  console.error('error loading full css file: ', saveCssUrl, error);\n                });\n              }else{\n                contentToLoad = result.data.content;\n                let saveCssUrl = `${apibase}apps/${Configuration.appid}/edit?path=public/css/autogenerated.css`;\n                axios.get( saveCssUrl ).then( (result) => {\n                  fullDocumentCSSOriginal = result.data.content;\n                }).catch( (error) => {\n                  console.error('error loading full css file: ', saveCssUrl, error);\n                });\n              }\n              // ====== End of Special case when editing inner element ======\n              \n              lastSavedHTMLCode = contentToLoad;\n              const htmlElementIds = HtmlTemplateParser.extractIdsFromHtml( contentToLoad );\n              console.log( 'htmlElementIds: ', htmlElementIds );\n              elementIdsInHtmlToEdit = htmlElementIds;\n\n              canvasPanel.value.updateTemplateFile( contentToLoad );\n            }).catch( (error) => {\n              console.error('error loading template file: ', readTemplateFilePath, error);\n            });\n          }\n        }, 300 );\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  //window.addEventListener(\"message\", handleIframeMessage);\n}\n\n\n\n// Vue hooks\n// ===============================================================================\nonMounted( ()=>{\n  init();\n} );\n\nonUnmounted(() => {\n  // Remove the event listener when the component is unmounted\n  //window.removeEventListener(\"message\", handleIframeMessage);\n});\n\nfunction onThemeChanged( newCss ){\n  console.log(\"onThemeChanged(): \", newCss.length );\n    let inner = document.querySelector(\".gjs-frame\");\n    if( !inner ){\n      console.log( \"unale to apply them,e to canvas, canvas not ready\")\n      return;\n    }\n    let temporalTheme = inner.contentDocument.getElementById(\"temporalTheme\");\n    \n    if (temporalTheme) {\n      // Update existing style element\n      temporalTheme.textContent = newCss;\n    } else {\n      // Create new style element\n      let cssLinks = inner.contentDocument.querySelectorAll(\"link\");\n      let grapesCanvasElement;\n      cssLinks.forEach(cssLink => {\n        let href = cssLink.getAttribute(\"href\");\n        if (href.endsWith(\"/grapesCanvas.css\")) {\n          grapesCanvasElement = cssLink;\n        }\n      });\n      if( grapesCanvasElement ){\n        addStyledSibling( grapesCanvasElement, newCss );\n      }\n    }\n}\n/* function handleIframeMessage(event) {\n  console.log('handleIframeMessage: ', event);\n  // Check if the message is coming from the expected origin\n  if (event.origin !== \"http://localhost:5173\") return;\n\n  // Process the message\n  console.log(\"Received message from iframe:\", event.data);\n  \n  // theme changed message\n  if (event.data.type === \"themeChanged\") {\n    // Handle theme update\n    console.log(\"Theme_changed:\", event.data);\n    let inner = document.querySelector(\".gjs-frame\");\n    let temporalTheme = inner.contentDocument.getElementById(\"temporalTheme\");\n    \n    if (temporalTheme) {\n      // Update existing style element\n      temporalTheme.textContent = event.data.css;\n    } else {\n      // Create new style element\n      let cssLinks = inner.contentDocument.querySelectorAll(\"link\");\n      let grapesCanvasElement;\n      cssLinks.forEach(cssLink => {\n        let href = cssLink.getAttribute(\"href\");\n        if (href.endsWith(\"/grapesCanvas.css\")) {\n          grapesCanvasElement = cssLink;\n        }\n      });\n      if( grapesCanvasElement ){\n        addStyledSibling( grapesCanvasElement, event.data.css);\n      }\n    }\n  }\n} */\n\nfunction addStyledSibling(element, cssRules) {\n  let newElement = document.createElement('style');\n  newElement.id = \"temporalTheme\";\n  newElement.textContent = cssRules;\n  element.insertAdjacentElement('beforebegin', newElement);\n  return newElement;\n}\n\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\n.topToolBar{\n  width: 400px;\n  justify-content: right;\n  padding: 2px 5px 0px 0px;\n  display: flex;\n  align-items: revert;\n  text-align: right;\n  flex-direction: column;\n}\n\n.leftBar{\n  flex-grow: 1;\n  max-width:300px;\n}\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\n.rightBar{\n  flex-grow: 1;\n  width: 300px;\n  max-height: calc(100% - 0px);\n  overflow-y: auto;\n}\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.fullHeight{\n  height: 100%;\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.topbarButton{\n  padding: 4px 2px 2px;\n  background-color: #cccccc00;\n  border-radius: 4px;\n  margin-left: 4px;\n  cursor: pointer;\n  opacity: 0.5;\n  position: relative;\n}\n\n.topbarButton:hover{\n  opacity: 1;\n}\n\n\n.topbarButton > i{\n  font-size: 20px; padding: 3pxpx;\n  pointer-events: none;\n}\n\n</style>\n\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=2e81d656&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-2e81d656\"]])\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  <Main ref=\"mainController\" msg=\"Genie Builder No-Code Editor\"/>\n</template>\n\n<script setup>\nimport { computed, ref, onMounted } from 'vue'\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\nconst mainController = ref(null);\nprovideVSCodeDesignSystem().register(\n  vsCodeTextField(), \n  vsCodeDropdown(), \n  vsCodeOption(), \n  vsCodeButton(), \n  vsCodeCheckbox()\n);\n\nonMounted( ()=>{\n    init();\n  } );\n\n  function init(){\n    window.mainController = mainController;\n  }\n\n/* export 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  .notProUI{\n    padding: 10px;\n    text-align: center;\n}\n\n\n:root {\n  --sb-track-color: #232E3300;\n  --sb-thumb-color: #cccccc40;\n  --sb-size:8px;\n  /* overflow: hidden; */\n}\n\n:root *::-webkit-scrollbar {\n  width: var(--sb-size) !important;\n}\n\n:root *::-webkit-scrollbar-track {\n  background: var(--sb-track-color) !important;\n  border-radius: 1px !important;\n}\n\n:root *::-webkit-scrollbar-thumb {\n  background: var(--sb-thumb-color) !important;\n  border-radius: 1px !important;\n  \n}\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\n  .Vue-Toastification__toast{\n    background-color: var(--background) !important;\n    color: var(--button-primary-text) !important;\n    padding: 10px 24px !important;\n    min-height: 10px !important;\n    border: solid 1px #cccccc90 !important;\n    box-shadow: 5px 5px 20px #00000080 !important;\n    max-width: 350px !important;\n    min-width:300px !important;\n  }\n  .Vue-Toastification__toast-body{\n    font-size: 13px !important\n  }\n\n  #wsconnectionalert, #wsconnectionalertspacer{\n    display: none;\n  }\n</style>\n","import script from \"./App.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./App.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=363db876&lang=scss\"\n\nconst __exports__ = script;\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","// ===============================================================================\n// Import 3rd party modules\n// ===============================================================================\nimport { createApp } from \"vue\";\nimport Quasar from 'quasar/src/vue-plugin.js';;\nimport Toast from \"vue-toastification\";\nimport \"vue-toastification/dist/index.css\";\nimport quasarUserOptions from \"./quasar-user-options\";\nimport axios from \"axios\";\n\n// ===============================================================================\n// Import local modules\n// ===============================================================================\nimport App from \"./App.vue\";\nimport store from \"./store\";\nimport { loadBlockDefinitions } from \"./utils/blockDefinitions\";\nimport Configuration from \"./utils/Configuration\";\n\nwindow.axios = axios;\n// ===============================================================================\n// Global variables and functions\n// ===============================================================================\nwindow.currentThemeType = \"light\";\nwindow.canvasComponents = {};\n\n\nwindow.addCanvasComponent = function (id, component) {\n  window.canvasComponents[id] = component;\n};\n\n\nwindow.removeCanvasComponent = function (id) {\n  delete window.canvasComponents[id];\n};\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\n\nwindow.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\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\n\n// Custom-components-related functions\n// --------------------------------------------------------------------------------\nwindow.customComponentsCssPaths = [];\nwindow.extractCustomComponentsFromPageAssets = function (componentsList) {\n  let appPath = Configuration.getAppAssetsBaseUrl('http', Configuration.appport);\n  // Add trailing / if not present, since base paths are different in cloud and local\n  if (!appPath.endsWith(\"/\")) {\n    appPath = appPath + '/';\n  }\n  \n  let customComponents = [];\n  for( let componentName in componentsList ){\n    let componentAssets = componentsList[componentName];\n    componentAssets.forEach((asset, index) => {\n      // remove prefix slash if present\n      if (asset.startsWith(\"/\")) {\n        asset = asset.substring(1);\n      }\n      // PArse each asset according to its type\n      if ( asset.endsWith(\"definitions.json\") ){\n        customComponents.push( asset );\n      }else if ( asset.endsWith(\".css\") ){\n        let cssFullPath = appPath + asset;\n        customComponentsCssPaths.push( cssFullPath );\n      }\n    });\n  }\n  console.log( \"[customComponentsPaths::customComponents: \", customComponents );\n  console.log( \"[customComponentsPaths::customComponentsCssPaths: \", customComponentsCssPaths );\n  return customComponents;\n};\n\n\nfunction loadMultipleUrls(urls, successCallback, completeCallback) {\n  const requests = urls.map((url) => fetch(url).then(response => {\n    if (!response.ok) {\n      throw new Error(`Failed to fetch ${url}: ${response.statusText}`);\n    }\n    return response.json();\n  }));\n\n  Promise.all(requests)\n    .then((responses) => {\n      responses.forEach((response) => {\n        // Execute the success callback for each response\n        successCallback(response);\n      });\n    })\n    .catch(error => {\n      console.error('One or more requests failed:', error);\n    })\n    .finally(() => {\n      // Execute the complete callback when all requests have been loaded\n      completeCallback();\n    });\n}\n\n// UX/UI event logging\nwindow.logUserEvent = ( name, data )=>{\n  if( name == undefined || data == undefined ){\n    return;\n  }\n  console.log(`logUserEvent: ${name}`, data);\n  window.parent.postMessage({\n    command: \"logUserEvent\",\n    name: name,\n    data: data\n  }, \n  \"*\");\n}\n\n// MAIN FUNCTION (entrypoint)\n// --------------------------------------------------------------------------------\n\nfunction startNocodeApplication() {\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\n  let expectedParamsList = [\n    \"appid\",\n    \"appport\",\n    \"CHANNEL__\",\n    \"GB_SOURCE\",\n    \"GB_HOST\",\n    \"GB_PORT\",\n    \"USER_EMAIL\",\n    \"SESSIONID\",\n  ];\n  let urlParamsMissing = [];\n  window.searchParams = getSearchParams();\n  let report = \"NCD. URL Params\\n------------------------\";\n  expectedParamsList.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  });\n  Configuration.elementid = searchParams.elementid;\n\n  // Throw error if any param is missing\n  if (urlParamsMissing.length > 0) {\n    let urlParamsMessage = \"Missing URL params: \" + urlParamsMissing.join(\", \");\n    alert(urlParamsMessage);\n    throw new Error(urlParamsMessage);\n  }\n\n  // Set session id header for all requests\n  axios.defaults.headers.common[\"gb-sessionid\"] = `${Configuration.SESSIONID}`;\n\n  // Build API base (used for ajax requests against the GB API)\n  window.apibase = Configuration.getExternalApiBaseUrl(\"http\") + \"api/v1/\";\n\n  // Set the UI Theme\n  window.themeType = \"dark\";\n  if (searchParams.theme == \"light\") {\n    themeType = \"light\";\n  }\n  setTheme(themeType);\n\n  // To-do: the \"pro\" setting should be set by the backend, we need to implement this properly\n  // here's just a quick implementation as a POC\n  Configuration.IS_PRO = searchParams.ispro == \"true\";\n  Configuration.LICENSE_TYPE = searchParams.license_type;\n  Configuration.currentPageIndex = searchParams.pageindex;\n\n  if (!apibase || !Configuration.appid) {\n    return;\n  }\n\n  // Load the list of apps\n  axios\n    .get(apibase + \"apps\")\n    .then((result) => {\n      // Find the requested app\n      let myApp = result.data.applications.find((app) => {\n        return app.id.value.toString() == Configuration.appid;\n      });\n      window.fullAppData = myApp;\n\n      if (myApp != null) {\n        // Get app's current page info\n        axios\n          .get(apibase + \"apps/\" + Configuration.appid + \"/pages\")\n          .then((result) => {\n            let currentPage = result.data.pages[0];\n            // Get custom Component definitions paths from the page assets\n            let customComponents = extractCustomComponentsFromPageAssets(\n              currentPage.gb_components\n            );\n            // Build the final URLs to load the custom components\n            let appPath = Configuration.getAppAssetsBaseUrl('http', Configuration.appport);\n            if (!appPath.endsWith(\"/\")) {\n              appPath = appPath + '/';\n            }\n            customComponents = customComponents.map((customComponent) => {\n              // remove prefix slash if present\n              if (customComponent.startsWith(\"/\")) {\n                customComponent = customComponent.substring(1);\n              }\n              let fullPath = appPath + customComponent;\n\n              return fullPath;\n            });\n\n            let customComponentsDefinitions = [];\n            loadMultipleUrls(\n              customComponents,\n              // for each loaded url\n              (customComponentDef) => {\n                let customBlockDefJsonObject = customComponentDef;\n                let CP = currentPage;\n                let gbPluginId = customBlockDefJsonObject.gbPluginId;\n                let pluginAssets = CP.gb_components[gbPluginId];\n                let iconRelativePath = pluginAssets.find( asset =>{\n                    return asset.endsWith(\"png\");\n                });\n                if( iconRelativePath ){\n                  let iconAbsolutePath = \"{appPath}\" + iconRelativePath;\n                  customBlockDefJsonObject.icon = iconAbsolutePath;\n                }\n                \n                customComponentsDefinitions.push(customBlockDefJsonObject);\n              },\n              // on all urls loaded (on-comple callbak)\n              () => {\n                // Adjust custom block definitions replacing v-mode with model-value\n                customComponentsDefinitions.forEach((customBlockDef) => {\n                  let indexOfVmodel = customBlockDef.properties.findIndex( (prop) => prop.name == \"v-model\" );\n                  let indexOfModelValue = customBlockDef.properties.findIndex( (prop) => prop.name == \"model-value\" );\n                  if( indexOfVmodel > -1 && indexOfModelValue == -1 ){\n                    customBlockDef.properties[indexOfVmodel].name = \"model-value\";\n                  }\n                });\n                \n                // Load normal components and parse normal+custom in the same way\n                loadBlockDefinitions( customComponentsDefinitions, (definitions) => {\n                  window.blockDefinitions = definitions;\n\n                  // Create and mount the Vue app\n                  let app = createApp(App);\n                  const toastOptions = {\n                    position: \"top-right\",\n                    timeout: 50000,\n                    closeOnClick: true,\n                    pauseOnFocusLoss: true,\n                    pauseOnHover: true,\n                    draggable: false,\n                    //draggablePercent: 0.6,\n                    showCloseButtonOnHover: true,\n                    hideProgressBar: true,\n                    closeButton: \"button\",\n                    icon: true,\n                    rtl: false,\n                  };\n                  app.use(Toast, toastOptions);\n                  app.use(Quasar, quasarUserOptions).use(store).mount(\"#app\");\n                });\n              }\n            );\n          })\n          .catch((error) => {\n            console.log(\"error\", error);\n          });\n      }\n    })\n    .catch((error) => {\n      console.log(\"error\", error);\n    });\n}\n\n\n// Call entrypoint\nstartNocodeApplication();\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!./AiCodePanel.vue?vue&type=style&index=0&id=329796f2&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!./ChartPropertiesSection.vue?vue&type=style&index=0&id=6bcc04fe&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!./PropertiesPanel.vue?vue&type=style&index=0&id=12de8ad8&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!./AiHelpPanel.vue?vue&type=style&index=0&id=46c931ab&lang=scss&scoped=true\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAClSURBVHgBvdGxDcIwEAXQfyb0l2SBMAwFXTYgmxAmQZmCgliMQiZAqSFwYCNFwrKwSZFffuv5FwfMEWnz0u1UhINo3oEe7PZJFBSqsZAU/8RAaVMRnR187yq4aPJUTTT+gkCPYejkyEUQO9CEsaQLElUFMW5ocJeVXRx/pD2tr3UQ06bv3jco7OIP6MWfVm1D0Bs5M9vznLJ4NGKdV5OgxS2XmCMvSbFEdymcOPUAAAAASUVORK5CYII=\"","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=7460bacc&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!./CanvasPanel.vue?vue&type=style&index=0&id=4e6e2469&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!./PropertiesPanel.vue?vue&type=style&index=1&id=12de8ad8&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!./Tabs.vue?vue&type=style&index=0&id=19c808a0&lang=css\"","\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                                if( attrName.startsWith('gb_c__') )\n                                    try{\n                                        attributeValue = atob(attributeValue)\n                                    } catch(e){\n                                        console.log(\"plotlyComponent :: Error decoding base64 string: \", e);\n                                        attributeValue = \"{}\";\n                                    }\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--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=457e8d62&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!./LibraryPanel.vue?vue&type=style&index=0&id=2fcf4d16&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!./BindingsConnector.vue?vue&type=style&index=0&id=704c43b8&scoped=true&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!./ColorPicker.vue?vue&type=style&index=0&id=1eff6db5&scoped=true&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!./ThemeEditor.vue?vue&type=style&index=0&id=772479b2&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!./App.vue?vue&type=style&index=0&id=363db876&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=4e6e2469&lang=css\""],"sourceRoot":""}
\ No newline at end of file
diff --git a/public/js/app.520a772f.js b/public/js/app.520a772f.js
deleted file mode 100644
index 919f5c6..0000000
--- a/public/js/app.520a772f.js
+++ /dev/null
@@ -1,2 +0,0 @@
-(function(e){function t(t){for(var n,r,i=t[0],s=t[1],c=t[2],p=0,u=[];p<i.length;p++)r=i[p],Object.prototype.hasOwnProperty.call(o,r)&&o[r]&&u.push(o[r][0]),o[r]=0;for(n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n]);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],n=!0,i=1;i<a.length;i++){var s=a[i];0!==o[s]&&(n=!1)}n&&(l.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},o={app:0},l=[];function r(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=n,r.d=function(e,t,a){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(a,n,function(t){return e[t]}.bind(null,n));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="";var i=window["webpackJsonp"]=window["webpackJsonp"]||[],s=i.push.bind(i);i.push=t,i=i.slice();for(var c=0;c<i.length;c++)t(i[c]);var d=s;l.push([0,"chunk-vendors"]),a()})({0:function(e,t,a){e.exports=a("56d7")},"03c2":function(e,t,a){},"0559":function(e,t,a){},"1e67":function(e,t,a){},"236c":function(e,t,a){},2423:function(e,t,a){"use strict";a("9f52")},2456:function(e,t,a){},"26a9":function(e,t,a){"use strict";a("33b9")},2776:function(e,t,a){},"2a61":function(e,t,a){"use strict";a("bba6")},"2b12":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACWSURBVHgBvZLhCcMgEIUP7QB2g4gLZYNmk6aTlO6lmBE6gJg8gyFBhDP5kQ8ewunHiSfRHVhr+7ImGjxyzr2xqLL+aBRHKeWTzpBEZEa+tX3BdVwPCfFrlo8i+COT975j5UJMqBijRwZWTldEdO648THGjKystZ5CCB3to6mKVTl3f3FiFTyMyuNplzbwDYdLYpZ7uoMFLkRH+UBfLR8AAAAASUVORK5CYII="},3029:function(e,t,a){},"33b9":function(e,t,a){},3498:function(e,t,a){},"35d0":function(e,t,a){},3632:function(e,t,a){"use strict";a("35d0")},"41c8":function(e,t,a){"use strict";a("2776")},"49c3":function(e,t,a){"use strict";a("6f71")},"49e5":function(e,t,a){"use strict";a("cfff")},"56d7":function(e,t,a){"use strict";a.r(t);a("88a7"),a("271a"),a("5494"),a("14d9"),a("d9e2");var n=a("7a23"),o=a("b05d"),l=a("0180"),r=(a("da96"),a("0ca9"),a("7d6e"),a("e54f"),a("a4b7"),a("05bc"),a("0d0e"),a("573e"),{config:{},plugins:{}}),i=a("cee4"),s=a("69d7"),c=a("1bd4"),d=a("0a46"),p=a("1fb9"),u=a("1bbd"),b=a("08ca"),m=a("054d"),g=(a("b7ef"),a("c46f")),f=a("9def"),h=(a("c1ea"),a("8833")),v=(a("d7d5"),a("d5e0"),a("0109"),a("bbca"),a("ade3"));class y{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");y.GB_SOURCE!=y.GB_SOURCE_LOCAL&&(e+="s");let t=`${e}://${y.GB_HOST}`;return y.GB_SOURCE==y.GB_SOURCE_LOCAL?t+=":":t+="/proxy/",t+=y.GB_PORT+"/",t}static getAppBaseUrl(e,t){if(!e)throw new Error("getAppBaseUrl() requires a protocol argument");y.GB_SOURCE!=y.GB_SOURCE_LOCAL&&(e+="s");let a=`${e}://${y.GB_HOST}`;return y.GB_SOURCE==y.GB_SOURCE_LOCAL?a+=":":a+="/proxy/",a+=t+"/",a}static getAppAssetsBaseUrl(e,t){if(!e)throw new Error("getAppAssetsBaseUrl() requires a protocol argument");y.GB_SOURCE!=y.GB_SOURCE_LOCAL&&(e+="s");let a=`${e}://${y.GB_HOST}`;return y.GB_SOURCE==y.GB_SOURCE_LOCAL&&(a+=":",a+=t+"/"),a}}Object(v["a"])(y,"appid",""),Object(v["a"])(y,"currentPageIndex",0),Object(v["a"])(y,"appport",""),Object(v["a"])(y,"CHANNEL__",""),Object(v["a"])(y,"GB_SOURCE_LOCAL","local"),Object(v["a"])(y,"GB_SOURCE_CLOUD","cloud"),Object(v["a"])(y,"GB_SOURCE",""),Object(v["a"])(y,"GB_HOST",""),Object(v["a"])(y,"GB_PORT",""),Object(v["a"])(y,"ask_ai_url","https://aiapis.hosting.genieframework.com/api/"),Object(v["a"])(y,"TERMS_OF_USE_URL","https://genielicensing.hosting.genieframework.com/documents/terms.pdf"),Object(v["a"])(y,"IS_PRO",!1),Object(v["a"])(y,"LICENSE_TYPE","Unknown");const _=Object(l["b"])();function j(){i["a"].interceptors.request.use((function(e){return e.url.startsWith(y.ask_ai_url)&&delete e.headers["gb-sessionid"],e}),(function(e){return console.error("Axios interceptor REQUEST ERROR: ",e),Promise.reject(e)})),i["a"].interceptors.response.use((function(e){return e}),(function(e){return console.error("Axios interceptor RESPONSE ERROR: ",e),429!=e.response.status&&402!=e.response.status||_(e.response.message||"There was a problem with your subscription. Please try again later or contact support."),Promise.reject(e)}))}a("04d1");const O=e=>(Object(n["J"])("data-v-6c90e336"),e=e(),Object(n["H"])(),e),w={style:{position:"relative"}},x={key:0},k=O(()=>Object(n["k"])("i",{class:"fa fa-chevron-right"},null,-1)),C=[k],S={key:1},D=O(()=>Object(n["k"])("i",{class:"fa fa-chevron-down"},null,-1)),T=[D];var A={__name:"PanelTitle",props:["title","expanded"],emits:["expand"],setup(e,{emit:t}){const a=e;let o=Object(n["L"])(a.expanded);function l(){t("expand",o.value)}return Object(n["bb"])(a,e=>{o.value=e.expanded}),(t,a)=>(Object(n["G"])(),Object(n["j"])("div",w,[Object(n["k"])("div",{class:"title",onClick:l},Object(n["S"])(e.title),1),Object(n["k"])("div",{class:"expandBtn",onClick:l},[Object(n["V"])(o)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("span",x,C)),Object(n["V"])(o)?(Object(n["G"])(),Object(n["j"])("span",S,T)):Object(n["i"])("",!0)])]))}},P=(a("49e5"),a("6b0d")),L=a.n(P);const q=L()(A,[["__scopeId","data-v-6c90e336"]]);var V=q;const N={style:{height:"100%","margin-right":"2px"}},E={class:"panelContent",style:{height:"calc(100% - 25px)",overflow:"auto"}};var I={__name:"Panel",props:["title","hideTitle"],emits:["update:expanded"],setup(e,{expose:t,emit:a}){const o=e;let l=Object(n["L"])(!0);function r(){i(!l.value)}function i(e){l.value=e,s(),a("update:expanded",e)}function s(){localStorage.setItem("panelExpandedState_"+o.title,l.value)}function c(){let e=localStorage.getItem("panelExpandedState_"+o.title);"false"===e&&(l.value=!1)}return c(),t({expanded:l,expand:i}),(t,a)=>(Object(n["G"])(),Object(n["j"])("div",N,[e.hideTitle?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["h"])(V,{key:0,expanded:Object(n["V"])(l),title:e.title,onExpand:r},null,8,["expanded","title"])),Object(n["db"])(Object(n["k"])("div",E,[Object(n["N"])(t.$slots,"default")],512),[[n["ab"],Object(n["V"])(l)]])]))}};a("26a9");const M=L()(I,[["__scopeId","data-v-17c958c7"]]);var G=M;const B={id:"tab-headers"},R=["onClick"],F={id:"active-tab",style:{"flex-grow":"1",display:"flex",height:"calc(100% - 120px)"}};var z={__name:"Tabs",props:["customClass"],emits:["changeTab"],setup(e,{emit:t}){let a=Object(n["L"])(null),o=Object(n["L"])(null),l=Object(n["L"])(null),r=Object(n["L"])(0);Object(n["D"])(()=>{l.value=[...a.value.querySelectorAll(".tab")];for(let e of l.value)e.classList.contains("active")&&(r=l.value.indexOf(e))});const i=e=>{r=e;for(let t of[...l.value,...o.value])t.classList.remove("active");l.value[r].classList.add("active"),o.value[r].classList.add("active"),t("changeTab",r)};return(t,s)=>(Object(n["G"])(),Object(n["j"])("div",{id:"tabs-container",class:Object(n["w"])(e.customClass),ref_key:"tabContainer",ref:a,style:{height:"100%",display:"flex","flex-direction":"column"}},[Object(n["k"])("div",B,[Object(n["k"])("ul",null,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(Object(n["V"])(l),(e,t)=>(Object(n["G"])(),Object(n["j"])("li",{key:t,class:Object(n["w"])(Object(n["V"])(r)==t?"active":""),onClick:e=>i(t),ref_for:!0,ref_key:"tabHeaders",ref:o},Object(n["S"])(e.title),11,R))),128))])]),Object(n["k"])("div",F,[Object(n["N"])(t.$slots,"default")])],2))}};a("b45c");const H=z;var U=H,$={__name:"Tab",props:["active"],setup(e){return(t,a)=>(Object(n["G"])(),Object(n["j"])("div",{class:Object(n["w"])(["tab","true"==e.active?"active":""]),ref:"tabs"},[Object(n["N"])(t.$slots,"default")],2))}};a("77a2");const W=$;var J=W;const Y={style:{position:"relative"}},Q={style:{"overflow-y":"auto"}},X=["title","onMouseover","onMousedown","datatype","bindingname"],Z=["datatype","bindingname","src"];var K={__name:"BindingsPanel",props:["appData"],emits:["bindingOvered"],setup(e,{expose:t,emit:a}){const o=e;let l,r,i=Object(n["L"])("type");function s(e){l=e.dragStart,r=e.dragStop}const c=Object(n["f"])(()=>{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(n["f"])(()=>{let e;return o.appData.pages[y.currentPageIndex].model.fields&&("az"==i.value?e=g["a"].sortBy(o.appData.pages[y.currentPageIndex].model.fields,e=>e.name.toLowerCase()):"type"==i.value&&(e=g["a"].sortBy(o.appData.pages[y.currentPageIndex].model.fields,e=>e.type.toLowerCase()+"_"+e.name.toLowerCase()))),e}),p=function(e,t){let n=t.target;a("bindingOvered",{element:n,binding:e})},u=function(){a("bindingOvered",{element:null,binding:null})};return t({setHandleBlocks:s}),(e,t)=>(Object(n["G"])(),Object(n["j"])("div",Y,[Object(n["k"])("div",Q,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(c.value,e=>(Object(n["G"])(),Object(n["j"])("div",{title:e.binding.type,isbinding:"true",onMouseover:t=>p(e.binding,t),onMouseout:u,onMousedown:t=>Object(n["V"])(l)(e),datatype:e.binding.type,bindingname:e.binding.name,class:"bindingItem",key:e.binding.name},[Object(n["k"])("img",{datatype:e.binding.type,bindingname:e.binding.name,src:"img/icons/type_"+e.binding.type+".png",class:"typeIcon"},null,8,Z),Object(n["l"])(" "+Object(n["S"])(e.binding.name),1)],40,X))),128))])]))}};a("41c8");const ee=L()(K,[["__scopeId","data-v-0b09cf83"]]);var te=ee,ae=a("2ef0"),ne=a.n(ae);a("98c5"),a("13d5");let oe=[{id:"Area Chart",icon:"areaChart",proRequired:!1,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",proRequired:!1,traceTemplate:{gbtype:"Bar Chart",x:["Category 1","Category 2","Category 3"],y:[9,10,20],type:"bar",name:"Trace"}},{id:"Box",icon:"boxChart",proRequired:!0,traceTemplate:{gbtype:"Box",y:[1,2,3,4,7,9],type:"box",name:"Trace"}},{id:"Candlestick",icon:"candlestickChart",proRequired:!0,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",proRequired:!0,traceTemplate:{gbtype:"Choropleth",locationmode:"country names",locations:["Canada","United States","Mexico"],z:[10,20,30],type:"choropleth",name:"Trace"}},{id:"Cone",icon:"coneChart",proRequired:!0,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",proRequired:!0,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",proRequired:!0,traceTemplate:{gbtype:"Funnel",x:[10,20,30],y:["Stage 1","Stage 2","Stage 3"],type:"funnel",name:"Trace"}},{id:"Funnel Area",icon:"funnelAreaChart",proRequired:!0,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",proRequired:!1,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",proRequired:!0,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",proRequired:!1,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",proRequired:!0,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",proRequired:!0,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",proRequired:!0,traceTemplate:{gbtype:"Indicator",mode:"number+delta",value:400,delta:{reference:350},type:"indicator",name:"Trace"}},{id:"Isosurface",icon:"isosurfaceChart",proRequired:!0,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",proRequired:!1,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",proRequired:!0,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",proRequired:!0,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",proRequired:!1,traceTemplate:{gbtype:"Pie Chart",labels:["Slice 1","Slice 2","Slice 3"],values:[10,20,30],type:"pie",name:"Trace"}},{id:"Scatter",icon:"scatterChart",proRequired:!1,traceTemplate:{gbtype:"Scatter",x:[5,10,15],y:[10,15,5],type:"scatter",mode:"markers",name:"Trace"}},{id:"Scatter 3D",icon:"scatter3DChart",proRequired:!0,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",proRequired:!0,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",proRequired:!0,traceTemplate:{gbtype:"Scatter GL",x:[1,2,3,4],y:[10,11,12,13],mode:"markers",type:"scattergl",name:"Trace"}},{id:"Surface",icon:"surfaceChart",proRequired:!0,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",proRequired:!0,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",proRequired:!0,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",proRequired:!0,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",proRequired:!0,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",proRequired:!0,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",proRequired:!0,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",proRequired:!0,traceTemplate:le()},{id:"Treemap",icon:"treemap",proRequired:!1,traceTemplate:{gbtype:"Treemap",type:"treemap",labels:["A","B","C","D","E","F","G","H","I"],parents:["","A","A","C","C","A","","G","G"],values:[10,5,5,2,3,2,8,3,5],name:"Trace"}}];function le(){const e=3;let t=[],a=[],n=[],o=[];for(let i=1;i<=e;i++)for(let l=1;l<=e;l++)for(let r=1;r<=e;r++)t.push(i),a.push(l),n.push(r),o.push(0);for(let i=0;i<15;i++){const e=Math.floor(Math.random()*o.length);o[e]=1}o=o.map((t,a)=>{const n=[o[a-1]||0,o[a+1]||0,o[a-e]||0,o[a+e]||0,o[a-e*e]||0,o[a+e*e]||0],l=n.reduce((e,t)=>e+t,0);return(t+l/n.length)/2});const l=Math.max(...o);o=o.map(e=>e/l);const r={type:"volume",x:t,y:a,z:n,value:o,isomin:.1,isomax:.8,opacity:.1,surface_count:25};return r}const re=e=>(Object(n["J"])("data-v-457e8d62"),e=e(),Object(n["H"])(),e),ie={class:"componentAddDialogContainer"},se={class:"componentAddDialog"},ce=re(()=>Object(n["k"])("p",{style:{"margin-bottom":"6px","font-size":"12px","font-weight":"400",opacity:"0.7"}},"Add component for binding",-1)),de={style:{"padding-bottom":"10px","border-bottom":"1px solid #cccccc50"}},pe=["src"],ue=re(()=>Object(n["k"])("div",{style:{"font-size":"14px",padding:"20px 0px 15px"}},"Suggested Components:",-1)),be={class:"compGroupsContainer"},me=["onClick","title"],ge={class:"compName"},fe=["src"],he={key:0,src:"img/icons/pro_badge.png",class:"proBadge",style:{}};var ve={__name:"ComponentAddDialog",props:["appData","componentPlaceHolderData"],emits:["closeDialog"],setup(e,{emit:t}){const a=e;console.log("props.componentPlaceHolderData: ",a.componentPlaceHolderData);const o=y.IS_PRO;function l(e=!0){window.showUpgradeLicenseDialog(e)}function r(e){console.log("chartTypes",oe);let t=oe.find(t=>t.id==e);return t?t.traceTemplate:(console.error("Could not find chart with id: "+e),"")}const i=function(e){let t;t=e.icon?e.icon:e.type.split("q-").join("")+".png";const a="img/block_icons/"+t;return a};function s(e,t){console.log("selectCompProp(comp, prop",e,t);let n=(new DOMParser).parseFromString(e.content,"text/html").body.childNodes[0],o=t,l=a.componentPlaceHolderData.bindingname;if("DataFrames.DataFrame"==a.componentPlaceHolderData.datatype){let t=d(a.componentPlaceHolderData.bindingname);l+="."+t,l="$_{"+l+"}";let i=r(e.label);null!=i.x&&(i.x=l),null!=i.y&&(i.y=l),null!=i.z&&(i.z=l),null!=i.labels&&(i.labels=l),null!=i.values&&(i.values=l),console.log("traceTemplate: ",i),l=`[${JSON.stringify(i)}]`,l=btoa(l),n.removeAttribute("gb_c__data"),console.log("finalBindingName",l),n.setAttribute("gb_c__"+o,l)}else"DataTable.DataFrames.DataFrame"==a.componentPlaceHolderData.datatype?(n.removeAttribute("gb_c__data"),l+=".data",n.setAttribute("gb_b__"+o,l),n.setAttribute("gb_b__columns",a.componentPlaceHolderData.bindingname+".columns")):n.setAttribute("gb_b__"+o,l);let i=n.outerHTML;editor.getSelected().replaceWith(i),c(!1)}function c(e){t("closeDialog",e)}function d(e){let t=a.appData.pages[y.currentPageIndex].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(n["G"])(),Object(n["j"])("div",ie,[Object(n["k"])("div",se,[Object(n["k"])("div",{class:"closeButton",onClick:t[0]||(t[0]=e=>c(!0))},"X"),ce,Object(n["k"])("div",de,[Object(n["k"])("img",{src:"img/icons/type_"+a.componentPlaceHolderData.datatype+".png",style:{height:"17px","vertical-align":"middle",display:"inline-block"}},null,8,pe),Object(n["l"])(" "+Object(n["S"])(a.componentPlaceHolderData.bindingname),1)]),ue,Object(n["k"])("div",be,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(a.componentPlaceHolderData.components,e=>(Object(n["G"])(),Object(n["j"])("div",{class:Object(n["w"])({compGroup:!0,compGroupDisabled:e.proRequired&&!Object(n["V"])(o)}),key:e.type,onClick:t=>!e.proRequired||e.proRequired&&Object(n["V"])(o)?s(e,e.matchingProperties[0]):l(!0),title:e.proRequired&&!Object(n["V"])(o)?"Upgrade to PRO plan to use this component and many more!":e.label},[Object(n["k"])("div",ge,[Object(n["k"])("div",{class:Object(n["w"])({compNameLabel:!0,compNameLabelProRequired:e.proRequired&&!Object(n["V"])(o)})},Object(n["S"])(e.label),3),Object(n["k"])("div",{class:Object(n["w"])({compNameIconContainer:!0,compNameIconContainerProRequired:e.proRequired&&!Object(n["V"])(o)})},[Object(n["k"])("img",{src:i(e),class:Object(n["w"])({typeIcon:!0,typeIconProRequired:e.proRequired&&!Object(n["V"])(o)}),style:{filter:"var(--library-icon-filter)","max-height":"20px","margin-top":"6px","pointer-events":"none"}},null,10,fe)],2),e.proRequired&&!Object(n["V"])(o)?(Object(n["G"])(),Object(n["j"])("img",he)):Object(n["i"])("",!0)])],10,me))),128))])])]))}};a("dff5");const ye=L()(ve,[["__scopeId","data-v-457e8d62"]]);var _e=ye,je=a("d6e4");let Oe,we,xe,ke=["q-toggle","q-range","q-date","q-time","q-knob","q-table","q-avatar","q-chip","q-icon","q-rating","q-spinner","q-scroll-area","q-tab-panels","q-tab-panel","st-table","st-tabs"],Ce={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 Se(){return Oe}function De(e,t){i["a"].get("data/blockDefinitions.json").then(a=>{Oe=[...e,...a.data],Ae(),Pe(),Te(),t(Oe)}).catch(e=>{console.error("Error loading block definitions: ",e)})}function Te(){Oe.forEach(e=>{const t=ke.includes(e.type);t&&(e.proRequired=!0)})}function Ae(){Oe=Oe.filter(e=>e.enabled),Oe.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=""')),e.properties.push({name:"v-if",label:"Condition (if)",type:"Boolean",uitype:"String",desc:'Defines a conditional which, when true, will show the element in the document.\nYou can use JS code, i.e. "value > 10"'}),e.properties.push({name:"v-else-if",label:"Condition (else-if)",type:"Boolean",uitype:"String",desc:'Defines a conditional which, when true, will show the element in the document.\nYou can use JS code, i.e. "value > 10"'}),e.properties.push({name:"v-else",label:"Condition (else)",type:"Boolean",uitype:"String",desc:'Defines a conditional which, when previous if/else-if statements are false, will show the element in the document."'}),e.properties.push({name:"v-for",label:"Loop (for)",type:"Array",desc:"Sets the element to iterate over a list of values, producing multiple instances.\nYou can declare iterator values pointing to the list elements and indexes, and use them in other props.\nI.e.: \n- item in list\n- (item, index) in list"});let n=e.properties;n.forEach(e=>{for(let t in e){let a=e[t];if("string"==typeof a&&0==a.indexOf("${")){let n=a.slice(2,-1),o=Ce[n];e[t]=o}"type"==t&&Array.isArray(a)&&(e[t]=a[0],e.typeList=a)}})})}function Pe(){Oe.push({type:"tempplaceholder",label:"Temp PlaceHolder",tagName:"TEMPPLACEHOLDER",content:"<tempplaceholder>TEMP Place holder</tempplaceholder>",properties:[],droppable:!1,editable:!1,draggable:!0}),Oe.push({type:"plotly",label:"Bound Chart",tagName:"PLOTLY",category:"Charts",content:'<plotly gb_b__data="undefined" gb_b__layout="undefined" gb_b__config="undefined"></plotly>',renderContent:'<img src="img/block_icons/areaChart.png" />',icon:"bound_chart.png",proRequired:!1,properties:[{label:"Data",name:"data",type:"PlotlyBase.GenericTrace"},{label:"Layout",name:"layout",type:"PlotlyBase.Layout"},{label:"Config",name:"config",type:"Object"}]}),oe.forEach(e=>{let t=btoa(JSON.stringify([e.traceTemplate])),a=e.traceLayout,n=a?btoa(JSON.stringify(a)):"eyJ0aXRsZSI6Ik15IENoYXJ0In0=";Oe.push({type:"plotly",label:e.id,tagName:"PLOTLY",category:"Charts",content:`<plotly gb_c__data="${t}" gb_c__layout="${n}" gb_c__config="e30="></plotly>`,renderContent:'<img src="img/block_icons/areaChart.png" />',icon:e.icon+".png",proRequired:e.proRequired,properties:[{label:"Data",name:"data",type:"PlotlyBase.GenericTrace"},{label:"Layout",name:"layout",type:"PlotlyBase.Layout"},{label:"Config",name:"config",type:"Object"}]})})}function Le(){null==we&&(we=Se(),xe={},we.forEach(e=>{xe[e.tagName]=e}))}class qe{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");qe.replaceElementAttributes(e);for(let t=0;t<e.childNodes.length;t++)qe.encodeAttributesInDOM(e.childNodes[t])}static parseVFor(e){const t=/^\s*\(?([^)]+)\)?\s+in\s+(\S+)\s*$/,a=e.match(t);if(a){let e=a[1].replace(/\s/g,"");const t=/{([^}]+)}/g,n=/\[([^\]]+)\]/g;let o,l=[];while(null!==(o=t.exec(e)))l.push(...o[1].split(","));while(null!==(o=n.exec(e)))l.push(...o[1].split(","));e=e.replace(t,"").replace(n,"").split(",").filter(e=>e);const r=[...l,...e],i=a[2];return{variables:r,iterated:i}}return null}static extractVforVariablesAncestors(e){let t=[],a=e,n=!1,o=1e3,l=0;try{while(!n&&a&&a.parentElement){let e=a.getAttributeNames();if(e.includes("gb_c__v-for")){let e=a.getAttribute("gb_c__v-for"),n=qe.parseVFor(e).variables;n.forEach(e=>{0==t.includes(e)&&t.push(e)})}let r="gbTemplateContainer"==a.parentElement.id||"BODY"==a.parentElement.tagName;l>=o||r?n=!0:(l++,a=a.parentElement)}}catch(r){console.error("Error retrieving v-for variables recursively: ",r)}return t}static replaceElementAttributes(e){Le();let t=window.sharedData.modelFieldsByName,a="gb_",n=a+"c__",o=a+"b__",l=["v-model","v-bind","v-on:click","v-for","v-if","v-else-if","v-else","v-html"],r=["class","style","id"],i=e.nodeName,s=xe[i];if(!s)return;let c=s.properties,d=e.getAttributeNames(),p=qe.extractVforVariablesAncestors(e);d.forEach(a=>{if(r.indexOf(a)>-1)return;let i=a.startsWith(":"),s=i?a.slice(1):a,d=i||l.some(e=>0===a.indexOf(e)),u=e.getAttribute(a),b=c.find(e=>e.name===s),m=null!=t[u],g=p.includes(u);if(b){if(d){let t="undefined"==u;t&&(u=void 0,console.log("attributeTypeCheck attributeValueIsUndefined: ",t)),m||g||t?e.setAttribute(o+s,u):e.setAttribute(n+s,u)}else""==u?e.setAttribute(n+s,"true"):e.setAttribute(n+s,u);e.removeAttribute(a)}})}static revertElementAttributes(e){Le();let t="gb_",a=t+"c__",n=t+"b__",o=e.nodeName,l=xe[o];if(!l)return;let r=l.properties,i=e.getAttributeNames();i.forEach(t=>{let l=e.getAttribute(t);if(t.startsWith(a)){let n=t.replace(a,""),i=r.find(e=>e.name===n);if(!i)throw new Error("Attribute definition not found for: "+n);let s=i.type;"PLOTLY"==o&&["data","layout","config"].includes(n)||"String"==s||n.startsWith("v-on:")||"v-for"==n||"v-if"==n||"v-else-if"==n||"v-else"==n||"v-html"==n||(n=":"+n),e.setAttribute(n,l),e.removeAttribute(t)}else if(t.startsWith(n)){let a=t.replace(n,""),o="v-model"===a||a.startsWith("v-on:")||"v-for"==a||"v-if"==a||"v-else-if"==a||"v-else"==a||"v-html"==a?"":":";e.setAttribute(o+a,l),e.removeAttribute(t)}})}static decodeAttributesInDOM(e,t=!1){let a=e.querySelectorAll("*");a.forEach(e=>{qe.revertElementAttributes(e),t&&qe.decodeAttributesInDOM(e,t)})}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 removeInvalidNodes(e){const t=new DOMParser,a=t.parseFromString(e,"text/html"),n=e=>e.nodeType===Node.TEXT_NODE&&!/\S/.test(e.nodeValue),o=["template"],l=e=>o.includes(e.nodeName.toLowerCase()),r=e=>{const t=Array.from(e.childNodes);t.forEach(t=>{n(t)||l(e)?e.removeChild(t):r(t)})};r(a.body);const i=new XMLSerializer,s=i.serializeToString(a.body);return s.replace(/^<body>|<\/body>$/g,"")}static generateBlocksMandatoryProperties(){let e={};return we.forEach(t=>{let a=e[t.type]={type:t.type,mandatoryProperties:[]},n=t.content,o=new DOMParser,l=o.parseFromString(n,"text/html"),r=l.body.firstChild;for(let e=0;e<r.attributes.length;e++){let t=r.attributes[e],n=t.name;n=t.name.replace("gb_b__v-on:","v-on:"),n=n.replace("gb_b__v-model","v-model"),n=n.replace("gb_b__",":"),n=n.replace("gb_c__",""),a.mandatoryProperties.push({name:n,value:t.value})}}),console.log(e),e}static addMandatoryProperties(e,t){let a=new DOMParser,n=a.parseFromString(e,"text/html"),o=n.body;function l(e){if(1==e.nodeType){let a=e.tagName.toLowerCase();if(t[a]){let n=t[a];n.mandatoryProperties.forEach(t=>{let a=e.getAttribute(t.name),n=e.getAttribute(":"+t.name);a||n||e.setAttribute(t.name,t.value)})}e.childNodes.forEach(e=>l(e))}}return l(o),o.innerHTML}static cleanNodes(e){let t=new DOMParser,a=t.parseFromString(e,"text/html"),n=a.body;return n.innerHTML}static cleanNodes(e){if(1!=e.nodeType)return;let t=e.tagName.toLowerCase();switch(t){case"q-badge":e.innerHTML="";break;case"q-table":let t=e.getAttribute(":columns");t&&(t.startsWith("{")||t.startsWith("[")?e.removeAttribute(":columns"):t.endsWith(".columns")||e.setAttribute(":columns",t+".columns"));let a=e.getAttribute(":data"),n=e.getAttribute(":rows");a?a.startsWith("{")||a.startsWith("[")?(e.removeAttribute(":data"),isRemoved=!0):a.endsWith(".data")||e.setAttribute(":data",a+".data"):n&&(n.startsWith("{")||n.startsWith("[")||n.endsWith(".data")||e.setAttribute(":data",n+".data"),e.removeAttribute(":rows"));break;default:break}for(let a=0;a<e.attributes.length;a++){let t=e.attributes[a],n=t.name,o=t.value,l=["v-on:click","@click"];l.includes(n)&&""==o&&e.setAttribute(n,"undefined");let r=["v-model"];r.includes(n)&&""==o&&e.setAttr(n)}e.childNodes.forEach(e=>qe.cleanNodes(e))}static cleanHtml(e){let t=new DOMParser;e=qe.removeInvalidNodes(e);let a=t.parseFromString(e,"text/html"),n=a.body;qe.cleanNodes(n);const o=new XMLSerializer;e=o.serializeToString(a.body);let l=qe.generateBlocksMandatoryProperties();return e=qe.addMandatoryProperties(e,l),e}static mergeCss(e,t,a){function n(e){const t={},a=/#([\w-]+)\s*\{([^}]*)\}/g;let n;while(null!==(n=a.exec(e))){const e=n[1],a=n[2].trim();t[e]=a}return t}const o=n(t),l=n(a);let r="";return Object.keys(l).forEach(e=>{r+=`#${e} { ${l[e]} }\n`}),Object.keys(o).forEach(t=>{!(t in l)&&e.includes(t)||t in l||(r+=`#${t} { ${o[t]} }\n`)}),r}static formatCss(e){const t=e.replace(/\s*{\s*/g," {\n  ").replace(/\s*;\s*/g,";\n  ").replace(/\s*}\s*/g,"\n}\n\n").replace(/\n\s*\n/g,"\n").replace(/\n\s{2,}/g,"\n  ").trim().replace(/}\s*/g,"}\n\n");return t}static extractIdsFromHtml(e){const t=document.createElement("div");t.innerHTML=e;const a=t.querySelectorAll("[id]"),n=Array.from(a).map(e=>e.id);return n}}const Ve=e=>(Object(n["J"])("data-v-4e6e2469"),e=e(),Object(n["H"])(),e),Ne={style:{height:"100%"}},Ee=Ve(()=>Object(n["k"])("div",{id:"gjs",style:{height:"300px"}},null,-1)),Ie={id:"customLibrary",style:{display:"none"}},Me={class:"blocks"},Ge=["onMousedown"],Be={class:"block-label"},Re={key:0,id:"canvasBlockerPreloader"},Fe=Ve(()=>Object(n["k"])("div",null,"Updating UI, please wait...",-1)),ze=Ve(()=>Object(n["k"])("div",null,[Object(n["k"])("img",{src:"img/icons/loading_58.svg",alt:"Loading",style:{position:"relative",bottom:"0",right:"0",width:"58px",height:"58px"}})],-1)),He=[Fe,ze],Ue={key:1,id:"canvasBlockerDialog"},$e=Ve(()=>Object(n["k"])("div",{style:{"margin-bottom":"5px"}},"AI Code Assistant changes applied!",-1));var We={__name:"CanvasPanel",props:["appData"],emits:["componentSelected","bindingDroppedOnComponent","saveTriggered","autoSaveTriggered","themeCssLoaded"],setup(e,{expose:t,emit:a}){const o=e;window.HtmlTemplateParser=qe;let l=Object(n["L"])(o.appData.pages[y.currentPageIndex].model.fields),r={};l.value.forEach(e=>{r[e.name]=e});let s=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 c=Object(n["L"])(null),d=Object(n["L"])(null),p=Object(n["L"])({}),u=Object(n["L"])(null),b=Object(n["L"])("hidden"),m=!1;function g(){let e=o.appData.pages[y.currentPageIndex],t=e.themes,a=t&&t.active&&"usertheme"==t.active.name;return a?"public"+t.active.asset:null}function f(e){const t=editor.UndoManager;t.undo(),editor.setComponents(window.lastHtmlBeforeAiReplace),b.value="hidden",a("saveTriggered")}function h(){b.value="hidden",a("saveTriggered")}function v(e){e&&(editor.getSelected().remove(),window.selectedComponent=null,editor.select(null)),c.value=null}function _(e){if(editor.select(e),"tempplaceholder"==e.attributes.tagName){var t;let n=e.view.$el[0].parentNode,o=null===(t=n.grapesModel)||void 0===t?void 0:t.attributes.type;"plotly"==o&&e.attributes.attributes.bindingname&&e.attributes.attributes.datatype?a("bindingDroppedOnComponent",{newComponentModel:e,targetModel:n.grapesModel,bindingInfo:e.attributes.attributes}):j(e.attributes.attributes.bindingname,e.attributes.attributes.datatype)}}function j(e,t){let a=blockDefinitions,n=[];a.forEach(e=>{let a=e.type,o=e.properties,l=o.filter(e=>{let a=e.type==t,n="v-model"==e.name;return a&&n}).map(e=>e.name);l.length>0&&l.includes("v-model")&&n.push({type:a,label:e.label,content:e.content,matchingProperties:l,proRequired:e.proRequired}),("DataFrames.DataFrame"==t&&"plotly"==a||"DataTable.DataFrames.DataFrame"==t&&"q-table"==a)&&n.push({type:a,label:e.label,content:e.content,icon:e.icon,matchingProperties:["data"],proRequired:e.proRequired})}),c.value={components:n,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&&e.onExternalDataChanged(t)}}},window.sharedData.externalData={initialProperty:"initialValue"},window.sharedData.getComponentDefinitionByType=k,window.sharedData.modelFieldsByName=r;let O,w,x=y.getAppBaseUrl("ws",y.appport);function k(e){let t=blockDefinitions,a=t.find(t=>t.type.toLowerCase()==e.toLowerCase());return a}function C(e,t){p.value[e]=t,window.sharedData.setExternalData(p.value)}function S(e,t={}){let a=JSON.stringify({channel:y.CHANNEL__,message:e,payload:t});O.send(a)}function D(){let e=JSON.stringify({channel:"autoreload",message:"subscribe",payload:{}});O.send(e)}function T(){return O=new WebSocket(x),O.addEventListener("open",e=>{S("subscribe"),D()}),O.addEventListener("message",e=>{if("Subscription: OK"!=e.data){if(0==e.data.indexOf("{")){let t=JSON.parse(e.data);null!=t.key&&C(t.key,t.value)}}else S("watchers",{payload:{field:"isready",newval:!0,oldval:!1}})}),O.addEventListener("close",e=>{}),O.addEventListener("error",e=>{}),O}function A(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 P(){let e=o.appData.pages[y.currentPageIndex].deps.scripts,t=y.getAppAssetsBaseUrl("http",o.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"],n=[];e.forEach(e=>{let o=t+e;e.endsWith("_reactivemodel.js")?n.push(o):a.forEach(t=>{e.indexOf(t)>-1&&n.push(o)})}),window.autorun=!1;let l=0;n.forEach(e=>{A(e,(function(){l++,l===n.length&&(initStipple("#Main_App_varMain_App_ReactiveModel"),window.sharedData.setExternalData(window.GENIEMODEL._data),T(),L())}))})}function L(){let e=o.appData.pages[y.currentPageIndex].deps.scripts,t=y.getAppAssetsBaseUrl("http",o.appData.port);"/"==t[t.length-1]&&(t=t.substring(0,t.length-1));let n=["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(n.forEach(t=>{e.indexOf(t)>-1&&(a=!0)}),!a){let a=t+e;l.push(a)}});let r=o.appData.pages[y.currentPageIndex],c=r.themes;c&&c.registered&&c.registered.forEach(e=>{e.asset.startsWith("/")?e.assetFullPath=t+e.asset:e.assetFullPath=e.asset});let p=r.assets,u=c&&c.active,b=[];if(b.push("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons"),r.deps.styles.forEach(e=>{let a=t+e;b.push(a)}),u){let e=t+c.active.asset;b.push(e)}p.forEach(e=>{if(e.endsWith(".css")&&!e.endsWith("autogenerated.css")){let a=t+e.split("public/").join("/");b.push(a)}}),p.forEach(e=>{if(e.endsWith(".css"));else if(e.endsWith(".js")){let a=t+e.split("public/").join("/");l.push(a)}}),l.push("data/contentMain.js"),b.push("data/grapesCanvas.css"),window.customComponentsCssPaths&&window.customComponentsCssPaths.forEach(e=>{b.push(e)}),a("themesUpdated",c);const g=window.editor=grapesjs.init({container:"#gjs",fromElement:!0,storageManager:!1,canvas:{scripts:l,styles:b},i18n:{locale:"en",detectLocale:!1,messages:{en:{domComponents:{names:{div:"Div"}}}}},layerManager:{root:"#gbTemplateContainer",appendTo:"#layersContainer",sortable:!0,hidable:!0},blockManager:{custom:!0,blocks:s},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:f}=g;f.getButton("views","open-blocks").set("active",!1);let h=!1;g.on("load",()=>{console.log("Grapesjs_loaded"),g.runCommand("sw-visibility"),g.Commands.stop("sw-visibility"),q()}),g.on("rte:enable",()=>{setTimeout(()=>{g.trigger("frame:scroll")},1e3)}),g.on("component:add",e=>{let t=k(e.attributes.tagName),n=(null===t||void 0===t?void 0:t.isComposite)||"true"==e.attributes.attributes.iscomposite;n?(h=!0,setTimeout(()=>{h=!1,_(e),a("componentSelected",e),v()},200)):h||(_(e),v())}),g.on("component:remove",e=>{"true"==e.attributes.attributes.iscomposite?(h=!0,setTimeout(()=>{h=!1,a("componentSelected",null),v()},200)):h||(a("componentSelected",null),v())}),g.Commands.add("edit-child-elements",{run(e,t){mainController.value.startEditingComponentContent()}}),g.on("component:selected",e=>{var t;0==m&&(m=!0,window.logUserEvent("no-code-session::started",{}));const n=g.getSelected();let o=null===(t=k(e.attributes.type))||void 0===t?void 0:t.nestable;if(n&&o){const e=n.get("toolbar")||[];let t=e.find(e=>"edit-child-elements"==e.command);t||(e.push({attributes:{class:"editChildElementsIcon",title:"Edit Child Elements"},command:"edit-child-elements"}),n.set("toolbar",e))}h||a("componentSelected",e)}),g.on("component:update",e=>{v()}),g.on("component:styleUpdate",e=>{v()}),g.on("property:compAdd:",e=>{v()}),g.on("property:compRemove:",e=>{v()}),g.on("property:compUpdate:",e=>{v()});let v=ne.a.debounce((function(){a("autoSaveTriggered")}),1e4);g.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}),g.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)}}}),g.DomComponents.addType("template",{isComponent:function(e){if("TEMPLATE"==e.tagName)return{type:"template",name:"Template",components:e.innerHTML}},model:{defaults:{tagName:"template",droppable:!0}},view:{onRender(){const{el:e,model:t}=this}}}),Object(je["registerPlotlyComponent"])(g),g.DomComponents.addType("row-div",{isComponent:e=>"DIV"===e.tagName&&e.classList.contains("row"),model:{defaults:{tagName:"div",classes:["row"],droppable:function(e){return!e.view.$el[0].classList.contains("row")}}},view:{}}),blockDefinitions.forEach(e=>{V(e)});let j=o.appData.pages[0].assets,O=j.find(e=>e.indexOf("autogenerated.css")>-1);if(O){let e=window.apibase+"apps/"+y.appid+"/edit?path="+encodeURIComponent(O);i["a"].get(e).then(e=>{g.setComponents(d.value),g.setStyle(e.data.content)}).catch(e=>{console.log("error loading autogenerated styles",e)})}else g.setComponents(d.value)}function q(){console.log("[loadThemeCssFile] called");let e=g();if(e){console.log("[loadThemeCssFile] active theme path: ",e);let t=window.apibase+"apps/"+y.appid+"/edit?path="+encodeURIComponent(e);i["a"].get(t).then(e=>{a("themeCssLoaded",e.data.content)}).catch(e=>{console.log("[loadThemeCssFile] error loading theme styles",e)})}else console.log("[loadThemeCssFile] no theme.css found"),a("themeCssLoaded","")}function V(e){const t=["plotly","tempplaceholder"];if(t.includes(e.type))return;const a=["H1","H2","H3","H4","H5","H6","P","SPAN","A"];a.includes(e.tagName)||(void 0!=e.attributeMatch||a.includes(e.type)?editor.DomComponents.addType(e.type,{isComponent:t=>{if(t.tagName==e.tagName&&t.hasAttribute(e.attributeMatch))return{type:e.type,name:e.label}},model:{defaults:{draggable:e.draggable,droppable:e.droppable,editable:e.editable,isComposite:e.isComposite}}}):editor.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 n=(e[a],e[a]);t[a]=n}),t}if(window.parent.addCanvasComponent(t,this),!this.grapesModel)return;let n=a(this.grapesModel.attributes.attributes);this.onExternalDataChanged=t=>{e=t.detail,n=a(this.attributes),this.vueApp.updateServerData(e)};let o=this.grapesModel.attributes.tagName,l=(this.grapesModel.attributes.attributes,window.parent.sharedData.getComponentDefinitionByType),r=window.parent.sharedData.modelFieldsByName,i=l(o);Vue.config.errorHandler=(e,a,n)=>{console.warn("Vue.errorHandler called()","\n   - err:",e,"\n   - vm:",a,"\n   - info:",n);let o=document.getElementById(t);o.innerHTML=`<div class="componentError">\n                  <div class="componentErrorIcon">&#9888;</div>\n                  <b style="font-size: 1.2em;">${i.label}</b>\n                  <br/>${e}</div>`},Vue.config.warnHandler=(e,t,a)=>{console.warn("Vue.warnHandler called()","\n   - message:",e,"\n   - vm:",t,"\n   - trace:",a)},Stipple.init({theme:"stipple-blue"}),this.vueApp=new Vue({el:"#vueinternal_"+t,data:function(){let t=e;return t.attributes=n,t.serverData=e,t},computed:{parsedAttributes(){let e={},t=this.attributes;for(let a in t){let n=":"==a[0]?a.substring(1):a,o=i.properties.find(e=>e.name==n),l=t[a],s=null!=r[l];"v-model"!=n?o?s?e[":"+n]=this.serverData[l]:"String"==o.type?e[""+n]=l:e[":"+n]=l:e[""+n]=l:e["v-model"]=this.serverData[l]}return e}},methods:{updateServerData(e){this.serverData=e},updateAttributes(e){this.attributes=a(e),n=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 n=e.grapesModel.attributes.tagName,o=n;"q-popup-proxy"==n&&(o="q-popup-proxy-gbinternal");let l=e.grapesModel.attributes.attributes,i=k(n),s=`<div id="vueinternal_${a}" style="position: relative;">\n              <${o} `;for(let d in l){let e=d;0!=e.indexOf("gb_c__")&&0!=e.indexOf("gb_b__")||(e=e.substring(6));let t=i.properties.find(t=>t.name==e),a=l[d],n=null!=r[a];if(!n&&a.indexOf(".")>-1){let e=a.split("."),t=e[0],o=r[t];o&&"DataTable.DataFrames.DataFrame"==o.type&&o.props&&o.props.includes(e[1])&&(n=!0)}"v-model"!=e?t?n?s+=`:${e}="serverData.${a}" `:("q-img"!=i.type||"src"!=e||"String"!=t.type||a.startsWith("http")||(a=a.startsWith("/")?appBasePath+a:appBasePath+"/"+a),"v-if"==e||"v-for"==e||("String"==t.type||0==e.indexOf("v-on")?s+=`${e}="${a}" `:s+=`:${e}="${a}" `)):s+=`${e}="${a}" `:s+=""==a?'v-model="serverData.none" ':`v-model="serverData.${a}" `}s+=">";let c=null===i||void 0===i?void 0:i.nestable;if(c)if("q-tab-panels"==n||"q-tab-panel"==n||"q-card"==n||"q-card-section"==n||"q-badge"==n){let e=t.getInnerHTML();const a=new DOMParser,n=a.parseFromString(e,"text/html"),o=n.body;qe.decodeAttributesInDOM(o),s+=o.innerHTML}else if("q-popup-proxy"==n)s+='<div style="background-color: #e6c2fe; margin: 5px; padding: 3px; border-radius: 5px; border: dashed 1px #985eab; width: max-content;">\n                      <img src="img/block_icons/popup-proxy.png" style="height:13px; display: block;" />\n                    </div>';else{let t=e.innerHTML;if(""!=t){const e=new DOMParser,a=e.parseFromString(t,"text/html"),n=a.body;n.children.forEach(e=>{qe.decodeAttributesInDOM(e);let t=e.innerHTML;s+=t})}}s+=`</${o}>\n              </div>\n            `,e.innerHTML=s}}}))}function N(e){b.value=e}function E(e){if("canvasBlocker"!=e.target.id)return;const t=document.getElementById("canvasBlockerDialog");t.classList.add("shake-effect"),t.addEventListener("animationend",()=>{t.classList.remove("shake-effect")},{once:!0})}function I(e){p.value=e}function M(e){e=qe.removeInvalidNodes(e),e=qe.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,n=a.parseFromString(t,"text/html"),o=n.body;qe.encodeAttributesInDOM(o);const l=o.innerHTML;d.value=l,P()}return Object(n["D"])(()=>{}),t({updateReactiveModel:I,updateTemplateFile:M,showAiCodePreview:N}),(e,t)=>{const a=Object(n["O"])("vscode-button");return Object(n["G"])(),Object(n["j"])("div",Ne,[Ee,Object(n["V"])(c)?(Object(n["G"])(),Object(n["h"])(_e,{key:0,onCloseDialog:v,appData:o.appData,componentPlaceHolderData:Object(n["V"])(c)},null,8,["appData","componentPlaceHolderData"])):Object(n["i"])("",!0),Object(n["k"])("div",Ie,[Object(n["l"])(" Custom Blocks "),Object(n["k"])("div",Me,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(Object(n["V"])(s),e=>(Object(n["G"])(),Object(n["j"])("div",{class:"block",key:e.id,onMousedown:t=>Object(n["V"])(w)(e)},[Object(n["k"])("div",Be,Object(n["S"])(e.label),1)],40,Ge))),128))])]),"hidden"!=Object(n["V"])(b)?(Object(n["G"])(),Object(n["j"])("div",{key:1,id:"canvasBlocker",ref_key:"canvasBlocker",ref:u,onClick:E},["loading"==Object(n["V"])(b)?(Object(n["G"])(),Object(n["j"])("div",Re,He)):Object(n["i"])("",!0),"ready"==Object(n["V"])(b)?(Object(n["G"])(),Object(n["j"])("div",Ue,[$e,Object(n["m"])(a,{onClick:f,style:{width:"100px !important","margin-right":"10px","background-color":"#aaa"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Revert")]),_:1}),Object(n["m"])(a,{onClick:h,style:{width:"100px !important"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Keep")]),_:1})])):Object(n["i"])("",!0)],512)):Object(n["i"])("",!0)])}}},Je=(a("9529"),a("fea5"),a("eaac")),Ye=a("429b"),Qe=a("7cbe"),Xe=a("068f"),Ze=a("adad"),Ke=a("823b"),et=a("f09f"),tt=a("a370"),at=a("58a8"),nt=a("93dc"),ot=a.n(nt);const lt=L()(We,[["__scopeId","data-v-4e6e2469"]]);var rt=lt;ot()(We,"components",{QTable:Je["a"],QTabs:Ye["a"],QPopupProxy:Qe["a"],QImg:Xe["a"],QTabPanels:Ze["a"],QTabPanel:Ke["a"],QCard:et["a"],QCardSection:tt["a"],QBadge:at["a"]});const it=e=>(Object(n["J"])("data-v-1c9dfa42"),e=e(),Object(n["H"])(),e),st={style:{"max-height":"100%","overflow-y":"auto","margin-top":"10px","user-select":"none","flex-grow":"1"}},ct={style:{display:"flex","flex-wrap":"wrap",gap:"5px","flex-direction":"column"}},dt={style:{"font-weight":"bold","margin-bottom":"5px","text-transform":"capitalize","margin-top":"10px"}},pt={class:"uiItemContainer"},ut=["blocktype","onMousedown","title"],bt=["src"],mt={key:0,src:"img/icons/pro_badge.png",class:"proBadge",style:{}},gt=it(()=>Object(n["k"])("div",{class:"disabledProPanel"},null,-1));var ft={__name:"LibraryPanel",emits:["blockCustomTriggered"],setup(e,{emit:t}){const a=y.IS_PRO;function o(e=!0){window.showUpgradeLicenseDialog(e)}const l=["tempplaceholder","partial"];let r=blockDefinitions.filter(e=>-1===l.indexOf(e.type));r.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Container",properties:[],tagName:"DIV",type:"container",content:'<div class="container"></div>',media:"",category:"Layout"}),r.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Centered App",properties:[],tagName:"DIV",type:"centeredapp",icon:"container.png",content:'<div class="max-width-md q-mx-auto q-px-md">App contents</div>',media:"",category:"Layout"}),r.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Module Title",properties:[],tagName:"P",type:"stmoduletitle",icon:"paragraph.png",content:'<p class="st-module-title">Module Title</p>',media:"",category:"Layout"}),r.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Field Label",properties:[],tagName:"P",type:"stfieldlabel",icon:"paragraph.png",content:'<p class="st-field-label">Field Label</p>',media:"",category:"Layout"}),r.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="col-12 col-sm flex"><div class="st-module"></div></div></div>',media:"",category:"Layout"}),r.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="col-12 col-sm flex"><div class="st-module"></div></div>\n<div class="col-12 col-sm flex"><div class="st-module"></div></div>\n</div>',media:"",category:"Layout"}),r.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="col-12 col-sm flex"><div class="st-module"></div></div>\n<div class="col-12 col-sm flex"><div class="st-module"></div></div>\n<div class="col-12 col-sm flex"><div class="st-module"></div></div>\n</div>',media:"",category:"Layout"}),r.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Column",properties:[],tagName:"DIV",type:"1column",content:'<div class="col-12 col-sm flex"><div class="st-module"></div></div>',media:"",category:"Layout"}),r.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Sidebar Left",properties:[],tagName:"DIV",type:"sidebar_left",content:'<header>\n<h1>Header Text</h1>\n</header>\n<div class="row">\n<div class="col-3 col-sm flex"><div class="st-module"></div></div>\n<div class="col-9 flex"><div class="st-module"></div></div>\n</div>\n<footer class="st-footer">Page footer</footer>\n',media:"",category:"Layout"}),r.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Sidebar Right",properties:[],tagName:"DIV",type:"sidebar_right",content:'<header>\n<h1>Header Text</h1>\n</header>\n<div class="row">\n<div class="col-9 flex"><div class="st-module"></div></div>\n<div class="col-3 col-sm flex"><div class="st-module"></div></div>\n</div>\n<footer class="st-footer">Page footer</footer>\n',media:"",category:"Layout"}),r.push({description:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,label:"Sidebars",properties:[],tagName:"DIV",type:"sidebars",content:'<header>\n<h1>Header Text</h1>\n</header>\n<div class="row">\n<div class="col-3 col-sm flex"><div class="st-module"></div></div>\n<div class="col-5 flex"><div class="st-module"></div></div>\n<div class="col-3 col-sm flex"><div class="st-module"></div></div>\n</div>\n<footer class="st-footer">Page footer</footer>\n',media:"",category:"Layout"}),r.push({label:"Header",tagName:"header",type:"header",description:"",category:"Layout",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:"<header ><h1>Page header</h1></header>"}),r.push({label:"Footer",tagName:"footer",type:"footer",description:"",category:"Layout",media:"",draggable:!0,droppable:!0,editable:!0,enabled:!0,properties:[],content:'<footer class="st-footer">Page footer</footer>'});let i,s,c,d=["Layout","Text","Content","Forms","Widgets","Lists","Tables","Charts","Multimedia","Timeline","Utilities","Other"],p=Object(n["L"])(null),u=Object(n["L"])(""),b=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 m(e){b=e.blocks,i=t=>{e.dragStart(t)},s=e.dragStop,t("blockCustomTriggered",e)}function g(e){j(),f(e)}function f(e){void 0!=e&&(u.value=e.target.value);let t=[],a={};return v.value.forEach(e=>{if(1==e.hideFromLibrary)return;let n=e.category||"other";a[n]||(a[n]={category:n,blocks:[]},t.push(a[n])),a[n].blocks.push(e)}),t.sort((e,t)=>{let a=d.indexOf(e.category),n=d.indexOf(t.category);return a>n?1:a<n?-1:0}),t.forEach(e=>{e.blocks.sort((e,t)=>e.label>t.label?1:e.label<t.label?-1:0)}),p.value=t,h(),t}function h(){let e="Block Categories:\n--------------------\n";p.value.forEach(t=>{e+=t.category+"\n",t.blocks.forEach(t=>{e+="  "+t.label+"\n"})})}Object(n["D"])(()=>{c=setInterval(()=>{if(window.editor){clearInterval(c),window.editor.on("block:custom",m);const{Panels:e}=window.editor;e.getButton("views","open-blocks").set("active",!0)}},1e3)});const v=Object(n["f"])(()=>{if(!u.value)return r;let e=r.filter(e=>e.label.toLowerCase().indexOf(u.value.toLowerCase())>-1);return e});f();const _=function(e){let t,a;if(e.icon)if(e.icon.startsWith("{appPath}")){let n=y.getAppAssetsBaseUrl("http",y.appport);n.endsWith("/")&&(n=n.slice(0,-1)),t=e.icon.replace("{appPath}",""),a=n+t}else t=e.icon,a="img/block_icons/"+t;else t=e.type.split("q-").join("")+".png",a="img/block_icons/"+t;return a};let j=ne.a.debounce((function(){u.value.length}),1e3);return(e,t)=>{const l=Object(n["O"])("vscode-text-field");return Object(n["G"])(),Object(n["j"])(n["a"],null,[Object(n["k"])("div",null,[Object(n["m"])(l,{value:Object(n["V"])(u),onInput:t[0]||(t[0]=e=>g(e)),placeholder:"Search UI Components",style:{padding:"5px 10px",width:"90%"}},null,8,["value"])]),Object(n["k"])("div",st,[Object(n["k"])("div",ct,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(Object(n["V"])(p),e=>(Object(n["G"])(),Object(n["j"])("div",{key:e.category,style:{display:"flex","flex-direction":"column",width:"100%"}},[Object(n["k"])("div",dt,Object(n["S"])(e.category),1),Object(n["k"])("div",pt,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.blocks,e=>(Object(n["G"])(),Object(n["j"])("div",{key:e.id,blocktype:e.type,class:Object(n["w"])({uiItem:!0,uiItemProDisabled:e.proRequired&&!Object(n["V"])(a)}),onMousedown:t=>!e.proRequired||e.proRequired&&Object(n["V"])(a)?Object(n["V"])(i)(e):o(!0),title:e.proRequired&&!Object(n["V"])(a)?"Upgrade to PRO plan to use this component and many more!":e.label},[Object(n["k"])("div",{class:Object(n["w"])({uiItemLabel:!0,uiItemLabelProRequired:e.proRequired&&!Object(n["V"])(a)})},Object(n["S"])(e.label),3),Object(n["k"])("div",{class:Object(n["w"])({uiItemIcon:!0,uiItemIconProRequired:e.proRequired&&!Object(n["V"])(a)})},[Object(n["k"])("img",{src:_(e),class:"libraryIcon",style:{}},null,8,bt)],2),e.proRequired&&!Object(n["V"])(a)?(Object(n["G"])(),Object(n["j"])("img",mt)):Object(n["i"])("",!0)],42,ut))),128)),gt])]))),128))])])],64)}}};a("2423");const ht=L()(ft,[["__scopeId","data-v-1c9dfa42"]]);var vt=ht;const yt=e=>(Object(n["J"])("data-v-7c578f7c"),e=e(),Object(n["H"])(),e),_t={class:"addPropsPanel"},jt=yt(()=>Object(n["k"])("div",{style:{"text-align":"center","font-size":"0.8em","font-weight":"bold","margin-bottom":"10px"}},"Add Property",-1)),Ot=yt(()=>Object(n["k"])("i",{class:"fas fa-search",style:{position:"absolute",top:"47px",right:"15px",opacity:"0.5"}},null,-1)),wt={class:"addPropsList"},xt=["onClick","title"],kt={style:{width:"70%"}},Ct={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,o=Object(n["L"])(""),l=Object(n["L"])("");function r(e){e.target==l.value&&i()}function i(){t("close")}function s(){o.value=""}function c(e){o.value=e.target.value}function d(e){t("propAdded",e,a.defObject,a.destination)}function p(){let e=a.propslist;return""!=o.value&&(e=e.filter(e=>e.label.toLowerCase().indexOf(o.value.toLowerCase())>-1)),g["a"].sortBy(e,e=>e.label.toLowerCase())}return Object(n["D"])(()=>{document.querySelector("#addPropertyDialogSearch").focus()}),(e,t)=>{const a=Object(n["O"])("vscode-text-field");return Object(n["G"])(),Object(n["j"])("div",{class:"blocker",ref_key:"dialogBlocker",ref:l,onClick:t[1]||(t[1]=e=>r(e))},[Object(n["k"])("div",_t,[jt,Object(n["k"])("div",{class:"closeAddProp",onClick:i},"X"),Object(n["k"])("div",null,[Object(n["m"])(a,{id:"addPropertyDialogSearch",value:o.value,onInput:t[0]||(t[0]=e=>c(e)),onKeyup:Object(n["eb"])(s,["escape"]),placeholder:"Search Properties",style:{padding:"5px 10px",width:"100%"}},null,8,["value","onKeyup"]),Ot]),Object(n["k"])("div",wt,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(p(),e=>(Object(n["G"])(),Object(n["j"])("div",{class:"addPropRow",onClick:t=>d(e),title:e.desc||"Property description not available"},[Object(n["k"])("div",kt,Object(n["S"])(e.label),1),Object(n["k"])("div",Ct,Object(n["S"])(e.type),1)],8,xt))),256))])])],512)}}};a("49c3");const Dt=L()(St,[["__scopeId","data-v-7c578f7c"]]);var Tt=Dt;const At=e=>(Object(n["J"])("data-v-6bcc04fe"),e=e(),Object(n["H"])(),e),Pt={key:0,class:"foldableGroupHeader"},Lt={class:"groupHeaderContent"},qt=["src"],Vt=At(()=>Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"14px",padding:"0px"}},"delete",-1)),Nt=[Vt],Et={class:"col-1 removeBtnCnt",style:{width:"20px",position:"absolute"}},It=["onClick"],Mt=At(()=>Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"14px",padding:"0px"}},"delete",-1)),Gt=[Mt],Bt=["title"],Rt={key:0,class:"col-7"},Ft=["onUpdate:modelValue","attrname"],zt=["value"],Ht={key:1,class:"col-7"},Ut={key:0,class:"chartTypeContainer",style:{position:"relative"}},$t=["attrname"],Wt=["value"],Jt={key:2,class:"col-7"},Yt=["value","onInput"],Qt={key:3,class:"col-7"},Xt=["onUpdate:modelValue","attrname"],Zt=["value"],Kt={key:4,class:"col-7",style:{"align-items":"center",position:"relative",display:"flex"}},ea=["onUpdate:modelValue"],ta=["type","onUpdate:modelValue"],aa=["onClick"],na={key:0,src:"img/icons/binding_on.png",style:{height:"16px"},draggable:"false"},oa={key:1,src:"img/icons/binding_off.png",style:{height:"16px"},draggable:"false"};var la={__name:"ChartPropertiesSection",props:["dataSourceColumns","treeObject","propertiesDefinition","appData","modelFields","sectionIndex","showSectionTitle"],emits:["change"],setup(e,{emit:t}){const a=e;let o=n["L"][null];function l(e,t){try{const a=JSON.parse(t);Array.isArray(a)?e.valueHolderParent[e.propName]=a:console.error("Input is not an array.")}catch(a){console.error("Failed to parse input as JSON:",a)}}console.log("ChartSection.modelFields: ",a.modelFields);const r=Object(n["f"])(()=>{let e=oe.find(e=>e.id==o);return console.log("chartTypeDeffffff",e),e?e.icon:(console.error("Could not find chart type definition for: "+o),"scatterChart")});function i(){let e=a.sectionIndex;t("removeTrace",e)}function s(e){let t=e.id;console.log("removeTraceProperty before: ",e,a.treeObject),c(a.treeObject,t),console.log("removeTraceProperty after: ",e,a.treeObject),b()}function c(e,t){const a=t.split(".");function n(e,t){const o=a[t];if(t===a.length-1)return delete e[o],0===Object.keys(e).length;if(void 0!==e[o]){const a=n(e[o],t+1);if(a)return delete e[o],0===Object.keys(e).length}return!1}n(e,0)}function d(e){console.log("toggleDynamicAttribute",e);let t,a=e.valueHolderParent[e.propName];"string"==typeof a&&0==a.indexOf("$_{")?(t=a.replace("$_{",""),t=t.substring(0,t.length-1)):t="$_{"+a+"}",e.valueHolderParent[e.propName]=t,b()}function p(e){console.log("isPropValueBinding",e.propName,e);let t=e.valueHolderParent[e.propName];return"string"==typeof t&&0==t.indexOf("$_{")}function u(e){console.log("changeChartType",o,a.treeObject),console.log("chartTypes",oe);let t=oe.find(e=>e.id==o);console.log("chartTypeDef",t);let n={};for(let o in a.treeObject)n[o]=a.treeObject[o];for(let o in a.treeObject)delete a.treeObject[o];for(let o in t.traceTemplate)void 0!=n[o]&&"type"!=o&&"gbtype"!=o?a.treeObject[o]=n[o]:a.treeObject[o]=t.traceTemplate[o];console.log("props.treeObject FINAL:",a.treeObject),a.treeObject.gbtype=o,b()}function b(){t("change",a.treeObject)}function m(e,t){const a=t.split(".");if(1==a.length)return e;for(let n=0;n<a.length-1;n++){if(!e||!e.hasOwnProperty(a[n]))return;e=e[a[n]]}return e}function g(e,t){const a=t.split(".");for(let n=0;n<a.length;n++){if(!e||!e.hasOwnProperty(a[n]))return;e=e[a[n]]}return e}const f=Object(n["f"])(()=>{let e=[];for(let t=0;t<a.propertiesDefinition.length;t++){let n={...a.propertiesDefinition[t]},o=g(a.treeObject,n.id);void 0!==o&&(n.valueHolderParent=m(a.treeObject,n.id),n.propName=n.id.split(".").pop(),e.push(n))}return console.log("definitionsListWithValues",e),e});return(t,a)=>{const c=Object(n["O"])("vscode-text-field");return Object(n["G"])(),Object(n["j"])(n["a"],null,[e.showSectionTitle?(Object(n["G"])(),Object(n["j"])("div",Pt,[Object(n["k"])("div",Lt,[Object(n["k"])("img",{src:"img/block_icons/"+r.value+".png",class:"chartTypeIcon",style:{opacity:1}},null,8,qt),Object(n["l"])(" "+Object(n["S"])(e.treeObject.name),1)]),Object(n["k"])("div",{class:"removeBtnCnt",style:{width:"20px"}},[Object(n["k"])("span",{onClick:i,title:"Remove Trace",class:"codicon codicon-settings"},Nt)])])):Object(n["i"])("",!0),(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(f.value,t=>(Object(n["G"])(),Object(n["j"])("div",{class:"row propRow",style:{position:"relative"},key:t.id},[Object(n["k"])("div",Et,[Object(n["k"])("span",{onClick:e=>s(t),title:"Remove Property",class:"codicon codicon-settings"},Gt,8,It)]),Object(n["k"])("div",{class:"col-4 propRowLabel",style:{},title:t.label},Object(n["S"])(t.label)+": ",9,Bt),p(t)?(Object(n["G"])(),Object(n["j"])("div",Rt,[Object(n["db"])(Object(n["k"])("select",{class:"propInput propInputDynamic",style:{width:"100%",height:"25px"},"onUpdate:modelValue":e=>t.valueHolderParent[t.propName]=e,onChange:b,attrname:t.propertyName},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.modelFields,e=>(Object(n["G"])(),Object(n["j"])("option",{key:"binding_"+e.name,value:"$_{"+e.name+"}"},Object(n["S"])(e.name),9,zt))),128))],40,Ft),[[n["Y"],t.valueHolderParent[t.propName]]])])):"type"==t.id?(Object(n["G"])(),Object(n["j"])("div",Ht,["type"==t.id?(Object(n["G"])(),Object(n["j"])("div",Ut,[Object(n["db"])(Object(n["k"])("select",{class:"propInput propInputDynamic",style:{width:"100%",height:"25px"},onChange:u,"onUpdate:modelValue":a[0]||(a[0]=e=>Object(n["s"])(o)?o.value=e:o=e),attrname:t.propertyName},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(Object(n["V"])(oe),e=>(Object(n["G"])(),Object(n["j"])("option",{key:"chartType_"+e.id,value:e.id},Object(n["S"])(e.id),9,Wt))),128))],40,$t),[[n["Y"],Object(n["V"])(o)]])])):Object(n["i"])("",!0)])):"array"==t.type?(Object(n["G"])(),Object(n["j"])("div",Jt,[Object(n["k"])("textarea",{name:"",id:"",rows:"3",value:JSON.stringify(t.valueHolderParent[t.propName]),onInput:e=>l(t,e.target.value),onChange:b},null,40,Yt)])):"enum"==t.type?(Object(n["G"])(),Object(n["j"])("div",Qt,[Object(n["db"])(Object(n["k"])("select",{class:"propInput propInputDynamic",style:{width:"100%",height:"25px"},"onUpdate:modelValue":e=>t.valueHolderParent[t.propName]=e,onChange:b,attrname:t.propertyName},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(t.options,e=>(Object(n["G"])(),Object(n["j"])("option",{key:"field_"+e,value:e},Object(n["S"])(e),9,Zt))),128))],40,Xt),[[n["Y"],t.valueHolderParent[t.propName]]])])):(Object(n["G"])(),Object(n["j"])("div",Kt,["boolean"==t.type?Object(n["db"])((Object(n["G"])(),Object(n["j"])("input",{key:0,type:"checkbox",name:"",id:"","onUpdate:modelValue":e=>t.valueHolderParent[t.propName]=e,onChange:b},null,40,ea)),[[n["W"],t.valueHolderParent[t.propName]]]):Object(n["i"])("",!0),"color"==t.type?Object(n["db"])((Object(n["G"])(),Object(n["j"])("input",{key:1,type:t.type,"onUpdate:modelValue":e=>t.valueHolderParent[t.propName]=e,onChange:b,style:{height:"23px",width:"23px","margin-right":"5px","background-color":"#ffffff00"}},null,40,ta)),[[n["X"],t.valueHolderParent[t.propName]]]):Object(n["i"])("",!0),"color"==t.type?(Object(n["G"])(),Object(n["h"])(c,{key:2,type:"text",name:"",id:"",value:t.valueHolderParent[t.propName],onInput:e=>t.valueHolderParent[t.propName]=e.target.value,onChange:b,style:{width:"80px"}},null,8,["value","onInput"])):Object(n["i"])("",!0),"string"==t.type||"number"==t.type?(Object(n["G"])(),Object(n["h"])(c,{key:3,type:t.type,name:"",id:"",value:t.valueHolderParent[t.propName],onInput:e=>t.valueHolderParent[t.propName]=e.target.value,onChange:b},null,8,["type","value","onInput"])):Object(n["i"])("",!0)])),"type"!=t.propName&&"name"!=t.propName?(Object(n["G"])(),Object(n["j"])("div",{key:5,class:"propRowDynamicSwitch",onClick:e=>d(t)},[p(t)?(Object(n["G"])(),Object(n["j"])("img",na)):Object(n["i"])("",!0),p(t)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("img",oa))],8,aa)):Object(n["i"])("",!0)]))),128))],64)}}},ra=(a("6ba8"),a("0016"));const ia=L()(la,[["__scopeId","data-v-6bcc04fe"]]);var sa=ia;ot()(la,"components",{QIcon:ra["a"]});const ca=e=>(Object(n["J"])("data-v-7460bacc"),e=e(),Object(n["H"])(),e),da={key:0,class:"chartConfigContainer"},pa={class:"tabSelector"},ua=["onClick"],ba={key:0,class:"tabSectionContainer"},ma={key:0,class:"propRow",style:{"margin-top":"20px"}},ga=ca(()=>Object(n["k"])("div",{class:"removeBtnCnt",style:{width:"20px",cursor:"auto"}},null,-1)),fa=ca(()=>Object(n["k"])("div",{class:"propRowLabel",title:"Data object for the chart"},"Data Binding: ",-1)),ha={class:"propRowControl"},va=["value"],ya=ca(()=>Object(n["k"])("img",{src:"img/icons/binding_on.png",style:{height:"16px"},draggable:"false"},null,-1)),_a=[ya],ja={key:1,class:"tracesContainer",style:{position:"relative"}},Oa={style:{width:"100%","justify-content":"flex-end",display:"flex",margin:"10px 0px 0px"}},wa=ca(()=>Object(n["k"])("div",{style:{}},"Use Binding",-1)),xa=ca(()=>Object(n["k"])("div",{class:""},[Object(n["k"])("img",{src:"img/icons/binding_off.png",style:{height:"16px"},draggable:"false"})],-1)),ka=[wa,xa],Ca={class:"foldableGroupContent"},Sa={class:"subgroup"},Da={class:"subgroupContent"},Ta={class:"addPropertyButtonRow"},Aa={key:2,style:{"border-top":"solid 1px var(--badge-background)",padding:"20px","text-align":"center"}},Pa={key:1,class:"tabSectionContainer"},La={key:0,class:"propRow",style:{"margin-top":"20px"}},qa=ca(()=>Object(n["k"])("div",{class:"removeBtnCnt",style:{width:"20px",cursor:"auto"}},null,-1)),Va=ca(()=>Object(n["k"])("div",{class:"propRowLabel",title:"Data object for the chart"},"Layout Binding: ",-1)),Na={class:"propRowControl"},Ea=["value"],Ia=ca(()=>Object(n["k"])("img",{src:"img/icons/binding_on.png",style:{height:"16px"},draggable:"false"},null,-1)),Ma=[Ia],Ga={key:1},Ba={style:{width:"100%","justify-content":"flex-end",display:"flex",margin:"10px 0px 0px"}},Ra=ca(()=>Object(n["k"])("div",{style:{}},"Use Binding",-1)),Fa=ca(()=>Object(n["k"])("div",{class:""},[Object(n["k"])("img",{src:"img/icons/binding_off.png",style:{height:"16px"},draggable:"false"})],-1)),za=[Ra,Fa],Ha={class:"subgroup"},Ua={class:"subgroupContent"},$a={class:"addPropertyButtonRow"},Wa={key:2,class:"tabSectionContainer"},Ja={key:0,class:"propRow",style:{"margin-top":"20px"}},Ya=ca(()=>Object(n["k"])("div",{class:"removeBtnCnt",style:{width:"20px",cursor:"auto"}},null,-1)),Qa=ca(()=>Object(n["k"])("div",{class:"propRowLabel",title:"Data object for the chart"},"Config Binding: ",-1)),Xa={class:"propRowControl"},Za=["value"],Ka=ca(()=>Object(n["k"])("img",{src:"img/icons/binding_on.png",style:{height:"16px"},draggable:"false"},null,-1)),en=[Ka],tn={key:1},an={style:{width:"100%","justify-content":"flex-end",display:"flex",margin:"10px 0px 0px"}},nn=ca(()=>Object(n["k"])("div",{style:{}},"Use Binding",-1)),on=ca(()=>Object(n["k"])("div",{class:""},[Object(n["k"])("img",{src:"img/icons/binding_off.png",style:{height:"16px"},draggable:"false"})],-1)),ln=[nn,on],rn={class:"subgroup"},sn={class:"subgroupContent"},cn={class:"addPropertyButtonRow"};var dn={__name:"ChartProperties",props:["appData","selectedComponent","blockPropertyDefinition","filteredModelFields"],emits:["chartpropmodechanged"],setup(e,{expose:t,emit:a}){const o=e;Object(n["L"])(!0);function l(e){let t=null!=o.selectedComponent.attributes.attributes["gb_b__"+e];return t}let r=Object(n["L"])(0),i=Object(n["L"])([{id:0,name:"Data",key:"data"},{id:1,name:"Layout",key:"layout"},{id:2,name:"Config",key:"config"}]),s=Object(n["L"])(null),c=(Object(n["L"])(!1),Object(n["L"])(null)),d=Object(n["L"])([]),p=Object(n["L"])([]),u=Object(n["L"])([]),b=Object(n["L"])(o.appData.pages[y.currentPageIndex].model.fields),m={};b.value.forEach(e=>{m[e.name]=e});let g=Object(n["L"])([{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]},{id:"parents",label:"Parents",type:"array",default:["","A","A","C","C","A","","G","G"]}]),f=Object(n["L"])([{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}]),h=Object(n["L"])([{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},{id:"width",label:"Width",type:"number",default:500},{id:"height",label:"Height",type:"number",default:500},{id:"xaxis.showgrid",label:"Show X grid",type:"boolean",default:!0},{id:"yaxis.showgrid",label:"Show Y grid",type:"boolean",default:!0},{id:"xaxis.range",label:"X range",type:"array",default:[0,1500]},{id:"xaxis.visible",label:"X visible",type:"boolean",default:!1}]);Object(n["f"])(()=>y.IS_PRO);function v(){let e=o.appData.pages[y.currentPageIndex].model.fields.filter(e=>"DataFrames.DataFrame"==e.type||"PlotlyData"==e.type||"DataTable.DataFrames.DataFrame"==e.type);s.value=e}const _=Object(n["f"])(()=>{let e=o.appData.pages[y.currentPageIndex].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}),j=Object(n["f"])(()=>{let e=[];return console.log("dataSourceFields",s),s.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)})}),o.appData.pages[y.currentPageIndex].model.fields.forEach(t=>{"Array"==t.type&&e.push(t.name)}),e});function O(e,t){let a=e.filter(e=>{let a=!1,n=G(t,e.id);return null!=n&&(a=!0),!a});return a}Object(n["f"])(()=>{let e=f.value.filter(e=>{let t=!1,a=G(c.value,e.id);return null!=a&&(t=!0),!t});return e});function w(e){const t={data:T,layout:A,config:P};t[e]?t[e]():console.error("setSpecialAttributeAsConstant: key not found",e)}function x(e){const t={data:C,layout:S,config:D};t[e]?t[e]():console.error("setSpecialAttributeAsBinding: key not found",e)}function k(e){return b.value.filter(t=>t.type==e)}function C(){let e=b.value.filter(e=>"PlotlyBase.GenericTrace"==e.type);if(0==e.length)return void console.error("setDataAsBinding: No matching model fields found for type ","PlotlyBase.GenericTrace");delete o.selectedComponent.gb_c__data;let t=e[0].name;o.selectedComponent.gb_b__data=t,d.value=t,R(),F(o.selectedComponent),a("chartPropModeChanged","gb_c__data",t)}function S(){let e=b.value.filter(e=>"PlotlyBase.Layout"==e.type);if(0==e.length)return void console.error("setLayoutAsBinding: No matching model fields found for type ","PlotlyBase.Layout");delete o.selectedComponent.gb_c__layout;let t=e[0].name;o.selectedComponent.gb_b__layout=t,u.value=t,R(),F(o.selectedComponent),a("chartPropModeChanged","gb_c__layout",t)}function D(){let e=b.value.filter(e=>"Object"==e.type);if(0==e.length)return void console.error("setConfigAsBinding: No matching model fields found for type ","Object");delete o.selectedComponent.gb_c__config;let t=e[0].name;o.selectedComponent.gb_b__config=t,p.value=t,R(),F(o.selectedComponent),a("chartPropModeChanged","gb_c__config",t)}function T(){delete o.selectedComponent.gb_b__data;let e=[{gbtype:"Bar Chart",x:[],y:[],type:"bar",name:"Trace"}];o.selectedComponent.gb_c_data=e,d.value=e,R(),F(o.selectedComponent),a("chartPropModeChanged","gb_b__data",btoa(JSON.stringify(e)))}function A(){delete o.selectedComponent.gb_b__layout;let e={title:"Chart Title"};o.selectedComponent.gb_c_layout=e,u.value=e,R(),F(o.selectedComponent),a("chartPropModeChanged","gb_b__layout",btoa(JSON.stringify(e)))}function P(){delete o.selectedComponent.gb_b__config;let e={autosizable:!0,displaylogo:!0,scrollZoom:!0,editable:!0,displayModeBar:!0};o.selectedComponent.gb_c_config=e,p.value=e,R(),F(o.selectedComponent),a("chartPropModeChanged","gb_b__config",btoa(JSON.stringify(e)))}function L(e){R()}function q(e){R()}function V(e){R()}function N(e){console.log("removeTrace",e),console.log("traces.value before: ",d.value),d.value.splice(e,1),console.log("traces.value after: ",d.value),R()}function E(e){c.value=e}function I(){c.value=null}function M(e,t,a){let n=e.id,o=t.find(e=>e.id==n);B(a,n,o.default),R()}function G(e,t){const a=t.split(".");for(let n=0;n<a.length;n++){if(!e||!e.hasOwnProperty(a[n]))return;e=e[a[n]]}return e}function B(e,t,a){const n=t.split(".");for(let o=0;o<n.length-1;o++)e.hasOwnProperty(n[o])&&"object"===typeof e[n[o]]||(e[n[o]]={}),e=e[n[o]];e[n[n.length-1]]=a}function R(){console.log("ChartProperties::submitChanges",selectedComponent.attributes.attributes);let e,t,a,n={};l("data")?(e=selectedComponent.attributes.attributes.gb_b__data,n.gb_b__data=e):(e=btoa(JSON.stringify(d.value)),n.gb_c__data=e),l("config")?(t=selectedComponent.attributes.attributes.gb_b__config,n.gb_b__config=t):(t=btoa(JSON.stringify(p.value)),n.gb_c__config=t),l("layout")?(a=selectedComponent.attributes.attributes.gb_b__layout,n.gb_b__layout=a):(a=btoa(JSON.stringify(u.value)),n.gb_c__layout=a),o.selectedComponent.setAttributes(n),o.selectedComponent.view.$el[0].vueApp.updateAttributes(n)}function F(e){if(!e||"plotly"!=e.attributes.type)return d.value=null,p.value=null,void(u.value=null);let t=e.getAttributes();try{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))}catch(l){console.error("ChartProperties :: Error decoding base64 attributes",l)}let a=t.gb_c__data||"[]";a=JSON.parse(a),d.value=a;let n=t.gb_c__config||"{}";n=JSON.parse(n),p.value=n;let o=t.gb_c__layout||"{}";o=JSON.parse(o),u.value=o}function z(){d.value.push({x:"",y:"",type:"scatter",name:"Trace"})}function H(e,t){d.value.push({x:e,y:t,type:"scatter",name:"Trace"}),R()}return Object(n["z"])(()=>{F(o.selectedComponent),v()}),t({setSelectedComponent:F,addNewTraceFromBinding:H}),(t,a)=>{const o=Object(n["O"])("vscode-button");return e.selectedComponent&&"plotly"==e.selectedComponent.attributes.type?(Object(n["G"])(),Object(n["j"])("div",da,[Object(n["k"])("div",pa,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(Object(n["V"])(i),e=>(Object(n["G"])(),Object(n["j"])("div",{onClick:t=>Object(n["s"])(r)?r.value=e.id:r=e.id,class:Object(n["w"])({tabItem:!0,tabItemSelected:e.id==Object(n["V"])(r)}),key:e},Object(n["S"])(e.name)+" ",11,ua))),128))]),0==Object(n["V"])(r)?(Object(n["G"])(),Object(n["j"])("div",ba,[l("data")?(Object(n["G"])(),Object(n["j"])("div",ma,[ga,fa,Object(n["k"])("div",ha,[Object(n["db"])(Object(n["k"])("select",{class:"propInput propInputDynamic","onUpdate:modelValue":a[0]||(a[0]=t=>e.selectedComponent.attributes.attributes.gb_b__data=t),onChange:V,onDrop:a[1]||(a[1]=Object(n["fb"])((...e)=>t.onDrop&&t.onDrop(...e),["prevent"])),onDragenter:a[2]||(a[2]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[3]||(a[3]=Object(n["fb"])(()=>{},["prevent"])),attrname:"gb_b_data"},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.filteredModelFields.data,e=>(Object(n["G"])(),Object(n["j"])("option",{key:"binding_"+e.name,value:e.name},Object(n["S"])(e.label?e.label:e.name),9,va))),128))],544),[[n["Y"],e.selectedComponent.attributes.attributes.gb_b__data]])]),Object(n["k"])("div",{class:"propRowDynamicSwitch",onClick:a[4]||(a[4]=e=>w("data"))},_a)])):(Object(n["G"])(),Object(n["j"])("div",ja,[Object(n["k"])("div",Oa,[k("PlotlyBase.GenericTrace").length>0?(Object(n["G"])(),Object(n["j"])("div",{key:0,class:"nanoButton",style:{},onClick:a[5]||(a[5]=e=>x("data"))},ka)):Object(n["i"])("",!0)]),(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(Object(n["V"])(d),(e,t)=>(Object(n["G"])(),Object(n["j"])("div",{class:"foldableGroup",key:e},[Object(n["k"])("div",Ca,[Object(n["k"])("div",Sa,[Object(n["k"])("div",Da,[Object(n["m"])(sa,{showSectionTitle:!0,sectionIndex:t,treeObject:e,dataSourceColumns:j.value,propertiesDefinition:Object(n["V"])(g),modelFields:_.value,onRemoveTrace:N,onChange:V},null,8,["sectionIndex","treeObject","dataSourceColumns","propertiesDefinition","modelFields"])])]),Object(n["k"])("div",Ta,[Object(n["m"])(o,{onClick:t=>E(e),style:{}},{default:Object(n["cb"])(()=>[Object(n["l"])("Add Property")]),_:2},1032,["onClick"])]),Object(n["V"])(c)==e?(Object(n["G"])(),Object(n["h"])(Tt,{key:0,defObject:Object(n["V"])(g),destination:Object(n["V"])(c),propslist:O(Object(n["V"])(g),e),onPropAdded:M,onClose:I},null,8,["defObject","destination","propslist"])):Object(n["i"])("",!0)])]))),128))])),l("data")?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",Aa,[Object(n["m"])(o,{class:"addTraceButton",onClick:z},{default:Object(n["cb"])(()=>[Object(n["l"])("Add Trace")]),_:1})]))])):Object(n["i"])("",!0),1==Object(n["V"])(r)?(Object(n["G"])(),Object(n["j"])("div",Pa,[l("layout")?(Object(n["G"])(),Object(n["j"])("div",La,[qa,Va,Object(n["k"])("div",Na,[Object(n["db"])(Object(n["k"])("select",{class:"propInput propInputDynamic","onUpdate:modelValue":a[6]||(a[6]=t=>e.selectedComponent.attributes.attributes.gb_b__layout=t),onChange:L,onDrop:a[7]||(a[7]=Object(n["fb"])((...e)=>t.onDrop&&t.onDrop(...e),["prevent"])),onDragenter:a[8]||(a[8]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[9]||(a[9]=Object(n["fb"])(()=>{},["prevent"])),attrname:"gb_b_layout"},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.filteredModelFields.layout,e=>(Object(n["G"])(),Object(n["j"])("option",{key:"binding_"+e.name,value:e.name},Object(n["S"])(e.label?e.label:e.name),9,Ea))),128))],544),[[n["Y"],e.selectedComponent.attributes.attributes.gb_b__layout]])]),Object(n["k"])("div",{class:"propRowDynamicSwitch",onClick:a[10]||(a[10]=e=>w("layout"))},Ma)])):(Object(n["G"])(),Object(n["j"])("div",Ga,[Object(n["k"])("div",Ba,[k("PlotlyBase.Layout").length>0?(Object(n["G"])(),Object(n["j"])("div",{key:0,class:"nanoButton",style:{},onClick:a[11]||(a[11]=e=>x("layout"))},za)):Object(n["i"])("",!0)]),Object(n["k"])("div",Ha,[Object(n["k"])("div",Ua,[Object(n["m"])(sa,{treeObject:Object(n["V"])(u),dataSourceColumns:j.value,propertiesDefinition:Object(n["V"])(h),modelFields:_.value,onChange:L},null,8,["treeObject","dataSourceColumns","propertiesDefinition","modelFields"])])]),Object(n["k"])("div",$a,[Object(n["V"])(c)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["h"])(o,{key:0,onClick:a[12]||(a[12]=e=>E(Object(n["V"])(u))),style:{}},{default:Object(n["cb"])(()=>[Object(n["l"])("Add Property")]),_:1}))]),Object(n["V"])(c)==Object(n["V"])(u)?(Object(n["G"])(),Object(n["h"])(Tt,{key:0,defObject:Object(n["V"])(h),destination:Object(n["V"])(u),propslist:O(Object(n["V"])(h),Object(n["V"])(u)),onPropAdded:M,onClose:I},null,8,["defObject","destination","propslist"])):Object(n["i"])("",!0)]))])):Object(n["i"])("",!0),2==Object(n["V"])(r)?(Object(n["G"])(),Object(n["j"])("div",Wa,[l("config")?(Object(n["G"])(),Object(n["j"])("div",Ja,[Ya,Qa,Object(n["k"])("div",Xa,[Object(n["db"])(Object(n["k"])("select",{class:"propInput propInputDynamic","onUpdate:modelValue":a[13]||(a[13]=t=>e.selectedComponent.attributes.attributes.gb_b__config=t),onChange:q,onDrop:a[14]||(a[14]=Object(n["fb"])((...e)=>t.onDrop&&t.onDrop(...e),["prevent"])),onDragenter:a[15]||(a[15]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[16]||(a[16]=Object(n["fb"])(()=>{},["prevent"])),attrname:"gb_b_config"},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.filteredModelFields.config,e=>(Object(n["G"])(),Object(n["j"])("option",{key:"binding_"+e.name,value:e.name},Object(n["S"])(e.label?e.label:e.name),9,Za))),128))],544),[[n["Y"],e.selectedComponent.attributes.attributes.gb_b__config]])]),Object(n["k"])("div",{class:"propRowDynamicSwitch",onClick:a[17]||(a[17]=e=>w("config"))},en)])):(Object(n["G"])(),Object(n["j"])("div",tn,[Object(n["k"])("div",an,[k("Object").length>0?(Object(n["G"])(),Object(n["j"])("div",{key:0,class:"nanoButton",style:{},onClick:a[18]||(a[18]=e=>x("config"))},ln)):Object(n["i"])("",!0)]),Object(n["k"])("div",rn,[Object(n["k"])("div",sn,[Object(n["m"])(sa,{treeObject:Object(n["V"])(p),dataSourceColumns:j.value,propertiesDefinition:Object(n["V"])(f),modelFields:_.value,onChange:q},null,8,["treeObject","dataSourceColumns","propertiesDefinition","modelFields"])])]),Object(n["k"])("div",cn,[Object(n["V"])(c)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["h"])(o,{key:0,onClick:a[19]||(a[19]=e=>E(Object(n["V"])(p))),style:{}},{default:Object(n["cb"])(()=>[Object(n["l"])("Add Property")]),_:1}))]),Object(n["V"])(c)==Object(n["V"])(p)?(Object(n["G"])(),Object(n["h"])(Tt,{key:0,defObject:Object(n["V"])(f),destination:Object(n["V"])(p),propslist:O(Object(n["V"])(f),Object(n["V"])(p)),onPropAdded:M,onClose:I},null,8,["defObject","destination","propslist"])):Object(n["i"])("",!0)]))])):Object(n["i"])("",!0)])):Object(n["i"])("",!0)}}};a("935a");const pn=L()(dn,[["__scopeId","data-v-7460bacc"]]);var un=pn;const bn=e=>(Object(n["J"])("data-v-12de8ad8"),e=e(),Object(n["H"])(),e),mn={key:0,class:"nothingSelected"},gn=bn(()=>Object(n["k"])("i",null,"Nothing selected",-1)),fn=[gn],hn={key:1,class:"notProUI"},vn=bn(()=>Object(n["k"])("br",null,null,-1)),yn=bn(()=>Object(n["k"])("br",null,null,-1)),_n=bn(()=>Object(n["k"])("br",null,null,-1)),jn={key:2},On={style:{"user-select":"none"}},wn={key:0,class:"removeBtnCnt",style:{width:"20px"}},xn=["onClick"],kn=bn(()=>Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"14px",padding:"0px"}},"delete",-1)),Cn=[kn],Sn=["title"],Dn={key:1,class:"propRowControl"},Tn=["onUpdate:modelValue","onDrop","attrname"],An=["value"],Pn={slot:"selected-value",class:"codicon codicon-settings"},Ln={"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"16px",padding:"5px"}},qn={"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"16px"}},Vn={slot:"selected-value"},Nn=["attrname","onDrop","onUpdate:modelValue"],En=["attrname","onDrop","onUpdate:modelValue"],In=["attrname","onDrop","onUpdate:modelValue"],Mn=["attrname","onDrop","onUpdate:modelValue"],Gn=["attrname","onDrop","onUpdate:modelValue"],Bn=["attrname","onDrop","onUpdate:modelValue"],Rn={key:2,class:"propRowControl"},Fn=["onUpdate:modelValue","onDrop","attrname"],zn=["value"],Hn=["onClick"],Un={key:0,src:"img/icons/binding_on.png",style:{height:"16px"},draggable:"false"},$n={key:1,src:"img/icons/binding_off.png",style:{height:"16px"},draggable:"false"},Wn={key:4,class:"propRowDynamicSwitch",draggable:"false",style:{cursor:"auto"}},Jn={key:0,class:"suggestedPropertiesContainer",style:{margin:"20px 0px 0px 0px"}},Yn=bn(()=>Object(n["k"])("div",{class:"suggestedPropertiesTitle",style:{"margin-bottom":"10px","font-weight":"bold","font-size":"0.9em"}},"Suggested Properties:",-1)),Qn={class:"propRowLabel",style:{"font-weight":"bold","text-align":"left:"}},Xn={class:"propRowControl",style:{"text-align":"left","font-size":"0.8em","user-select":"none"}},Zn=["onClick"],Kn=bn(()=>Object(n["k"])("i",{class:"fa fa-plus"},null,-1)),eo=[Kn],to=bn(()=>Object(n["k"])("br",null,null,-1)),ao={class:"addPropertyButtonRow"},no={key:0,style:{"font-size":"0.8em"}},oo=bn(()=>Object(n["k"])("i",null,"Nothing selected",-1)),lo=[oo];var ro={__name:"PropertiesPanel",props:["title","appData","selectedComponent","parentPanel"],setup(e,{expose:t}){const a=e;function o(){window.showUpgradeLicenseDialog(!1)}function l(e){if(y.IS_PRO)return!0;let t=e.attributes.tagName,a=k(t),n=null===a||void 0===a?void 0:a.proRequired;return!n}const r=Object(n["L"])(null);let i=Object(n["L"])(null),s=Object(n["L"])(!1),c=Object(n["L"])(a.appData.pages[y.currentPageIndex].model.fields),d={};c.value.forEach(e=>{d[e.name]=e});const p=blockDefinitions.reduce((e,t)=>(e[t.type]=t,e),{});function u(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 b(e){i.value.removeAttributes([e.name]),S()}function m(){let e=k(i.value.attributes.tagName);if(!e)return[];let t=f().map(e=>e.cleanName),a=e.properties.filter(e=>1==e.suggested),n=a.filter(e=>-1==t.indexOf(e.name));return n}function g(e,t){var a;let n=[];if(null!==t&&void 0!==t&&null!==(a=t.view)&&void 0!==a&&a.el){let e=qe.extractVforVariablesAncestors(t.view.el);e.forEach(e=>{n.push({name:e,label:e+" *"})})}if(!e||!e.def)return n;let o=null!=e.def.typeList?e.def.typeList:[e.def.type];return c.value.forEach(t=>{if("Any"==e.def.type||o.indexOf(t.type)>-1)n.push(t);else if("DataTable.DataFrames.DataFrame"==t.type){let e=t.props;e&&e.forEach(e=>{n.push({name:t.name+"."+e})})}}),n}function f(){if(!i.value)return[];const e=i.value.attributes.attributes;let t=[],n={};for(let a in e){let o=h(a);o&&void 0!=e[a]&&(t.push(o),n[a]=e[a])}return a.selectedComponent.view.el.vueApp&&a.selectedComponent.view.el.vueApp.updateAttributes(n),t=ne.a.sortBy(t,"cleanName"),t}const h=e=>{if(!i.value)return null;const t=i.value.attributes.attributes;let a=null;if(e.startsWith("gb_c__")||e.startsWith("gb_b__")){let n=u(e).toLowerCase();if("id"!=n&&"charttype"!=n&&"class"!=n){let o=v(n);if(!o||0==o.enabled)return console.log("Definition not found for: ",e,n,t[e]),null;a={name:e,cleanName:n,value:t[e],def:o}}}return a};function v(e){if(!i.value)return null;let t=i.value.attributes.type;"text"==t&&(t=i.value.attributes.tagName);let a=k(t);if(!a)return null;let n=a.properties.find(t=>t.name==e);return n}function _(e){let t=0==e.indexOf("gb_b_");return t}function j(e){let t=JSON.parse(e.dataTransfer.getData("text")),a=e.target.getAttribute("attrname");if(0==a.indexOf("gb_c__"))D(a,t.bindingname);else{let e={};e[a]=t.bindingname,i.value.addAttributes(e)}}function O(){s.value=!0}function w(){s.value=!1}function x(e){let t={Boolean:!0,String:"",Number:0,Array:[],Function:"",Object:{}},a={},n="gb_c__"+e.name,o=null!=t[e.type]?t[e.type]:"";a[n]=o,i.value.addAttributes(a),S()}function k(e){let t=p[e];return t}const C=Object(n["f"])(()=>{let e=k(i.value.attributes.tagName);if(!e)return[];let t=e.properties,a=i.value.getAttributes(),n=[];for(let l in a){let e=u(l);n.push(e)}let o=[];return t.forEach(e=>{let t=u(e.name);-1==n.indexOf(t)&&o.push(e)}),o});function S(){let e=i.value.attributes.attributes;for(let l in e)!0===e[l]&&(e[l]="true"),!1===e[l]&&(e[l]="false");let t=selectedComponent.toHTML(),a=editor.getSelected().styleToString(),n=editor.getSelected().replaceWith(t),o=n[0];o.setStyle(a),setTimeout(()=>{editor.select(o);let t={},a=Object.getOwnPropertyNames(e);a.forEach(a=>{let n;n=void 0!=e[a]&&void 0!=e[a].nodeValue?e[a].nodeValue:e[a],t[a]=n}),selectedComponent.setAttributes(t);let n=selectedComponent.view.$el[0].vueApp;n&&n.updateAttributes(t)},300)}function D(e,t){let a=0==e.indexOf("gb_b__")?e.replace("gb_b__","gb_c__"):e.replace("gb_c__","gb_b__");i.value.removeAttributes([e]);let n={};if(0==a.indexOf("gb_b__"))if(null!=d[t])n[a]=t;else{let e=u(a).toLowerCase(),t=v(e),o={def:t},l=g(o);l.length>0?n[a]=l[0].name:n[a]="Not Set"}else n[a]=t;i.value.addAttributes(n),S()}const T=(e,t)=>{console.log("onChartPropModeChanged",e,t),D(e,t)};function A(e){a.parentPanel&&(e?a.parentPanel.expand(!0):a.parentPanel.expand(!1)),i.value=e,e&&"plotly"==e.attributes.type&&r.value.setSelectedComponent(e)}return Object(n["D"])(()=>{A(window.selectedComponent)}),t({setSelectedComponent:A,chartPropertiesPanel:r}),(t,a)=>{const c=Object(n["O"])("vscode-button"),d=Object(n["O"])("vscode-option"),p=Object(n["O"])("vscode-dropdown"),u=Object(n["O"])("q-icon");return Object(n["G"])(),Object(n["j"])("div",null,[Object(n["V"])(i)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",mn,fn)),Object(n["V"])(i)&&!l(Object(n["V"])(i))?(Object(n["G"])(),Object(n["j"])("div",hn,[Object(n["l"])(" This component requires a Pro license."),vn,Object(n["l"])(" Upgrade to Pro and start using it now!"),yn,Object(n["l"])(),_n,Object(n["m"])(c,{onClick:o,style:{"margin-right":"3px"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Upgrade")]),_:1})])):Object(n["i"])("",!0),Object(n["V"])(i)&&l(Object(n["V"])(i))&&"tempplaceholder"!=Object(n["V"])(i).attributes.type&&"plotly"!=Object(n["V"])(i).attributes.type?(Object(n["G"])(),Object(n["j"])("div",jn,[Object(n["k"])("div",On,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(f(),e=>{var t;return Object(n["G"])(),Object(n["j"])("div",{key:e.name,class:"propRow"},[Object(n["V"])(i)&&"plotly"!=Object(n["V"])(i).attributes.type?(Object(n["G"])(),Object(n["j"])("div",wn,[1!=(null===(t=e.def)||void 0===t?void 0:t.mandatory)&&"gb_b__v-model"!=e.name?(Object(n["G"])(),Object(n["j"])("span",{key:0,onClick:t=>b(e),title:"Remove Property",class:"codicon codicon-settings"},Cn,8,xn)):Object(n["i"])("",!0)])):Object(n["i"])("",!0),Object(n["k"])("div",{class:"propRowLabel",title:e.def.name+": "+e.def.desc},Object(n["S"])(e.def.label)+": ",9,Sn),_(e.name)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",Dn,["select"==e.def.uitype?Object(n["db"])((Object(n["G"])(),Object(n["j"])("select",{key:0,class:"propInput propInputDynamic","onUpdate:modelValue":t=>Object(n["V"])(i).attributes.attributes[e.name]=t,onChange:S,onDrop:Object(n["fb"])(j,["prevent"]),onDragenter:a[0]||(a[0]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[1]||(a[1]=Object(n["fb"])(()=>{},["prevent"])),attrname:e.name},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.def.options,e=>(Object(n["G"])(),Object(n["j"])("option",{key:"option_"+e,value:e},Object(n["S"])(e),9,An))),128))],40,Tn)),[[n["Y"],Object(n["V"])(i).attributes.attributes[e.name]]]):"enum_icons"==e.def.uitype?(Object(n["G"])(),Object(n["h"])(p,{key:1,style:{width:"100%","min-width":"unset"},value:Object(n["V"])(i).attributes.attributes[e.name],onInput:t=>Object(n["V"])(i).attributes.attributes[e.name]=t.target.value,onChange:S},{default:Object(n["cb"])(()=>[Object(n["k"])("span",Pn,[Object(n["k"])("i",Ln,Object(n["S"])(Object(n["V"])(i).attributes.attributes[e.name]),1),Object(n["l"])(" "+Object(n["S"])(Object(n["V"])(i).attributes.attributes[e.name]),1)]),(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.def.options,e=>(Object(n["G"])(),Object(n["h"])(d,{value:e,style:{padding:"5px"}},{default:Object(n["cb"])(()=>[Object(n["k"])("i",qn,Object(n["S"])(e),1),Object(n["l"])(" "+Object(n["S"])(e),1)]),_:2},1032,["value"]))),256))]),_:2},1032,["value","onInput"])):"enum_colors"==e.def.uitype?(Object(n["G"])(),Object(n["h"])(p,{key:2,style:{width:"100%","min-width":"unset"},value:Object(n["V"])(i).attributes.attributes[e.name],onInput:t=>Object(n["V"])(i).attributes.attributes[e.name]=t.target.value,onChange:S},{default:Object(n["cb"])(()=>[Object(n["k"])("span",Vn,[Object(n["m"])(u,{name:"circle",color:Object(n["V"])(i).attributes.attributes[e.name],style:{"margin-right":"5px"}},null,8,["color"]),Object(n["l"])(" "+Object(n["S"])(Object(n["V"])(i).attributes.attributes[e.name]),1)]),(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.def.options,e=>(Object(n["G"])(),Object(n["h"])(d,{value:e,style:{padding:"5px"}},{default:Object(n["cb"])(()=>[Object(n["m"])(u,{name:"circle",color:e,style:{"margin-right":"5px"}},null,8,["color"]),Object(n["l"])(" "+Object(n["S"])(e),1)]),_:2},1032,["value"]))),256))]),_:2},1032,["value","onInput"])):"String"==e.def.uitype||"String"==e.def.type&&-1==e.cleanName.indexOf("color")?Object(n["db"])((Object(n["G"])(),Object(n["j"])("input",{key:3,attrname:e.name,type:"text",onDrop:Object(n["fb"])(j,["prevent"]),onDragenter:a[2]||(a[2]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[3]||(a[3]=Object(n["fb"])(()=>{},["prevent"])),class:"propInput",onChange:S,"onUpdate:modelValue":t=>Object(n["V"])(i).attributes.attributes[e.name]=t,style:{width:"220px%"}},null,40,Nn)),[[n["Z"],Object(n["V"])(i).attributes.attributes[e.name]]]):"Array"==e.def.type?Object(n["db"])((Object(n["G"])(),Object(n["j"])("input",{key:4,attrname:e.name,type:"text",onDrop:Object(n["fb"])(j,["prevent"]),onDragenter:a[4]||(a[4]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[5]||(a[5]=Object(n["fb"])(()=>{},["prevent"])),class:"propInput",onChange:S,"onUpdate:modelValue":t=>Object(n["V"])(i).attributes.attributes[e.name]=t,style:{width:"220px%"}},null,40,En)),[[n["Z"],Object(n["V"])(i).attributes.attributes[e.name]]]):"Function"==e.def.type?Object(n["db"])((Object(n["G"])(),Object(n["j"])("input",{key:5,attrname:e.name,type:"text",onDrop:Object(n["fb"])(j,["prevent"]),onDragenter:a[6]||(a[6]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[7]||(a[7]=Object(n["fb"])(()=>{},["prevent"])),class:"propInput",onChange:S,"onUpdate:modelValue":t=>Object(n["V"])(i).attributes.attributes[e.name]=t,style:{width:"220px%"}},null,40,In)),[[n["Z"],Object(n["V"])(i).attributes.attributes[e.name]]]):"String"==e.def.type&&e.name.indexOf("color")>-1?Object(n["db"])((Object(n["G"])(),Object(n["j"])("input",{key:6,attrname:e.name,type:"color",onDrop:Object(n["fb"])(j,["prevent"]),onDragenter:a[8]||(a[8]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[9]||(a[9]=Object(n["fb"])(()=>{},["prevent"])),class:"propInput",onChange:S,"onUpdate:modelValue":t=>Object(n["V"])(i).attributes.attributes[e.name]=t,style:{padding:"0px 2px",height:"21px"}},null,40,Mn)),[[n["Z"],Object(n["V"])(i).attributes.attributes[e.name]]]):"Number"==e.def.type?Object(n["db"])((Object(n["G"])(),Object(n["j"])("input",{key:7,attrname:e.name,type:"number",onDrop:Object(n["fb"])(j,["prevent"]),onDragenter:a[10]||(a[10]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[11]||(a[11]=Object(n["fb"])(()=>{},["prevent"])),class:"propInput",onChange:S,"onUpdate:modelValue":t=>Object(n["V"])(i).attributes.attributes[e.name]=t},null,40,Gn)),[[n["Z"],Object(n["V"])(i).attributes.attributes[e.name]]]):"Boolean"==e.def.type?Object(n["db"])((Object(n["G"])(),Object(n["j"])("input",{key:8,attrname:e.name,type:"checkbox",onDrop:Object(n["fb"])(j,["prevent"]),onDragenter:a[12]||(a[12]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[13]||(a[13]=Object(n["fb"])(()=>{},["prevent"])),class:"propInput",onChange:S,"onUpdate:modelValue":t=>Object(n["V"])(i).attributes.attributes[e.name]=t,style:{width:"auto"}},null,40,Bn)),[[n["W"],Object(n["V"])(i).attributes.attributes[e.name]]]):Object(n["i"])("",!0)])),_(e.name)?(Object(n["G"])(),Object(n["j"])("div",Rn,[Object(n["db"])(Object(n["k"])("select",{class:"propInput propInputDynamic","onUpdate:modelValue":t=>Object(n["V"])(i).attributes.attributes[e.name]=t,name:"cars",id:"cars",onChange:S,onDrop:Object(n["fb"])(j,["prevent"]),onDragenter:a[14]||(a[14]=Object(n["fb"])(()=>{},["prevent"])),onDragover:a[15]||(a[15]=Object(n["fb"])(()=>{},["prevent"])),attrname:e.name},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(g(e,Object(n["V"])(i)),e=>(Object(n["G"])(),Object(n["j"])("option",{key:"binding_"+e.name,value:e.name},Object(n["S"])(e.label?e.label:e.name),9,zn))),128))],40,Fn),[[n["Y"],Object(n["V"])(i).attributes.attributes[e.name]]])])):Object(n["i"])("",!0),"gb_b__v-model"!=e.name&&"gb_c__v-for"!=e.name&&"plotly"!=Object(n["V"])(i).attributes.type?(Object(n["G"])(),Object(n["j"])("div",{key:3,onClick:t=>D(e.name,e.value),class:"propRowDynamicSwitch"},[_(e.name)?(Object(n["G"])(),Object(n["j"])("img",Un)):Object(n["i"])("",!0),_(e.name)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("img",$n))],8,Hn)):(Object(n["G"])(),Object(n["j"])("div",Wn))])}),128)),m().length>0?(Object(n["G"])(),Object(n["j"])("div",Jn,[Yn,(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(m(),e=>(Object(n["G"])(),Object(n["j"])("div",{key:e.name,class:"propRow"},[Object(n["k"])("div",Qn,Object(n["S"])(e.label)+": ",1),Object(n["k"])("div",Xn,Object(n["S"])(e.desc),1),Object(n["k"])("div",{class:"propRowDynamicSwitch",draggable:"false",title:"Add property",onClick:t=>x(e)},eo,8,Zn)]))),128))])):Object(n["i"])("",!0)]),to,Object(n["k"])("div",ao,[!Object(n["V"])(s)&&Object(n["V"])(i)&&"plotly"!=Object(n["V"])(i).attributes.type?(Object(n["G"])(),Object(n["h"])(c,{key:0,onClick:O},{default:Object(n["cb"])(()=>[Object(n["l"])("Add Property")]),_:1})):Object(n["i"])("",!0)]),Object(n["V"])(i)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",no,lo)),Object(n["V"])(s)?(Object(n["G"])(),Object(n["h"])(Tt,{key:1,propslist:C.value,onPropAdded:x,onClose:w},null,8,["propslist"])):Object(n["i"])("",!0)])):Object(n["i"])("",!0),Object(n["m"])(un,{ref_key:"chartPropertiesPanel",ref:r,appData:e.appData,onChartPropModeChanged:T,selectedComponent:e.selectedComponent,blockPropertyDefinition:v(),filteredModelFields:{data:g(h("gb_b__data"),e.selectedComponent),layout:g(h("gb_b__layout"),e.selectedComponent),config:g(h("gb_b__config"),e.selectedComponent,e.selectedComponent)},style:{height:"100%"}},null,8,["appData","selectedComponent","blockPropertyDefinition","filteredModelFields"])])}}};a("76ba"),a("9c14");const io=L()(ro,[["__scopeId","data-v-12de8ad8"]]);var so=io;ot()(ro,"components",{QIcon:ra["a"]});var co=a("1020"),po=a.n(co),uo=a("4dd1"),bo=a.n(uo),mo=a("de09"),go=a.n(mo);a("9f21");const fo=e=>(Object(n["J"])("data-v-0ebb8bf8"),e=e(),Object(n["H"])(),e),ho={class:"logsPanel",style:{position:"relative"}},vo={class:"toolBar"},yo=fo(()=>Object(n["k"])("option",{value:"1"},"Info",-1)),_o=fo(()=>Object(n["k"])("option",{value:"2"},"Warning",-1)),jo=fo(()=>Object(n["k"])("option",{value:"3"},"Error",-1)),Oo=[yo,_o,jo],wo=fo(()=>Object(n["k"])("span",{class:"codicon codicon-settings"},[Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"16px",padding:"5px"}},"delete")],-1)),xo=[wo],ko={class:"timeStamp"},Co={class:"logLevel"},So=["onClick"];var Do={__name:"LogsPanel",props:["appData"],setup(e,{expose:t}){const a=Object(n["L"])(!0),o=Object(n["L"])(!0),l=Object(n["L"])(1),r=Object(n["L"])("all"),i=Object(n["L"])(""),s=Object(n["L"])(null);po.a.registerLanguage("javascript",bo.a),po.a.registerLanguage("sql",go.a);const c={mounted(e,t){const a=t.value||"",n=po.a.highlight("sql",a).value;e.innerHTML=`<pre style="white-space: pre-wrap; word-wrap: break-word;"><code style="display: block; width: 100%;">${n}</code></pre>`},updated(e,t){const a=t.value||"",n=po.a.highlight("sql",a).value;e.innerHTML=`<pre style="white-space: pre-wrap; word-wrap: break-word;"><code style="display: block; width: 100%;">${n}</code></pre>`}},d=c,p=Object(n["L"])([{id:"all",label:"All"},{id:0,label:"GB"}]),u={info:1,warning:2,error:3},b=Object(n["L"])([]);window.logs=b;const m=Object(n["f"])(()=>{let e=b.value.filter(e=>{let t="server"==e.source&&a.value||"client"==e.source&&o.value,n=u[e.level]>=l.value,s="all"==r.value||e.appid==r.value,c=""==i.value||e.message.toLowerCase().indexOf(i.value.toLowerCase())>=0;return t&&n&&c&&s});return e});function g(){b.value=[]}function f(e){let t=y.appid,a=e.appid;if(void 0!=a&&a!=t)return;let n="log:message ";if(0==e.message.indexOf(n)){p.value.find(t=>t.id==e.appid)||p.value.push({id:e.appid,label:e.appid});let t=e.message.slice(n.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:f}),(e,t)=>(Object(n["G"])(),Object(n["j"])("div",ho,[Object(n["k"])("div",vo,[Object(n["k"])("div",null,[Object(n["db"])(Object(n["k"])("input",{type:"checkbox",id:"showServerLogs",name:"showServerLogs","onUpdate:modelValue":t[0]||(t[0]=e=>a.value=e)},null,512),[[n["W"],a.value]]),Object(n["l"])(" GB Server ")]),Object(n["k"])("div",null,[Object(n["db"])(Object(n["k"])("input",{type:"checkbox",id:"showClientLogs",name:"showClientLogs","onUpdate:modelValue":t[1]||(t[1]=e=>o.value=e)},null,512),[[n["W"],o.value]]),Object(n["l"])(" Client ")]),Object(n["k"])("div",null,[Object(n["db"])(Object(n["k"])("select",{"onUpdate:modelValue":t[2]||(t[2]=e=>l.value=e)},Oo,512),[[n["Y"],l.value]])]),Object(n["k"])("div",null,[Object(n["l"])(" Search: "),Object(n["db"])(Object(n["k"])("input",{type:"text",id:"searchString",name:"searchString","onUpdate:modelValue":t[3]||(t[3]=e=>i.value=e),style:{width:"200px"}},null,512),[[n["Z"],i.value]])]),Object(n["k"])("div",{style:{"text-align":"right","flex-grow":"1","flex-basis":"0"}},[Object(n["k"])("button",{class:"clearLogsButton",onClick:g,title:"Clear Logs"},xo)])]),Object(n["k"])("div",{ref_key:"logsContainer",ref:s,class:"logsContainer"},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(m.value,(e,t)=>(Object(n["G"])(),Object(n["j"])("div",{class:Object(n["w"])({logItem:!0,levelInfo:"info"==e.level,levelWarning:"warning"==e.level,levelError:"error"==e.level}),key:"logItem_"+t},[Object(n["k"])("div",ko,Object(n["S"])(e.timestamp),1),Object(n["k"])("div",Co,Object(n["S"])(e.level),1),Object(n["db"])(Object(n["k"])("div",{class:Object(n["w"])({logMessage:!0,logMessageExpanded:e.expanded}),onClick:t=>e.expanded=!e.expanded},null,10,So),[[Object(n["V"])(d),e.message]])],2))),128))],512)]))}};a("2a61");const To=L()(Do,[["__scopeId","data-v-0ebb8bf8"]]);var Ao=To;ot()(Do,"components",{QIcon:ra["a"]});const Po={width:"100%",height:"100%",style:{position:"absolute","z-index":"11","pointer-events":"none"}},Lo=["x","y","width","height"],qo=["d"];var Vo={__name:"BindingsConnector",setup(e,{expose:t}){const a=Object(n["L"])([]),o=Object(n["L"])([]),l=Object(n["L"])(null),r=Object(n["L"])(null),i=Object(n["L"])(-40),s=Object(n["L"])(-30),c=Object(n["L"])(null);function d(e){let t=document.querySelector(".logsPanel"),a=t.clientHeight,n=40,o=e,l=p(),r=Math.abs(o.x+o.width-l.x),d=.5*r;c.value.style.height=`calc(100% - ${a+n}px)`;let u=`M ${o.x+o.width} ${i.value+o.y+.5*o.height} C ${o.x+o.width+d} ${i.value+o.y+.5*o.height}, ${l.x-d} ${l.y+s.value}, ${l.x} ${l.y+s.value}`;return u}function p(){let e=u(r.value.element);return e}function u(e){const t=e.getBoundingClientRect();return{x:t.left,y:t.top}}function b(e){a.value=e,m()}function m(){null==l.value&&g();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}));o.value=t}function g(){let e=document.querySelector(".gjs-frame");l.value=u(e),m()}function f(e){r.value=e}return t({updateElementsPositions:b,updateIframePosition:g,onBindingOvered:f}),(e,t)=>(Object(n["G"])(),Object(n["j"])("div",{ref_key:"bindingsConnectorsContainer",ref:c,class:"bindingsConnectorsContainer"},[(Object(n["G"])(),Object(n["j"])("svg",Po,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(o.value,e=>(Object(n["G"])(),Object(n["j"])("rect",{key:e.id,x:e.x,y:e.y+i.value,width:e.width,height:e.height,style:{fill:"transparent","stroke-width":"3",stroke:"#0099ff"}},null,8,Lo))),128)),(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(o.value,e=>(Object(n["G"])(),Object(n["j"])("path",{key:e.id,d:d(e),stroke:"#0099ff","stroke-width":"2",fill:"transparent"},null,8,qo))),128))]))],512))}};a("e7ba");const No=L()(Vo,[["__scopeId","data-v-704c43b8"]]);var Eo=No;const Io=e=>(Object(n["J"])("data-v-46c931ab"),e=e(),Object(n["H"])(),e),Mo={key:0,class:"notProUI"},Go=Io(()=>Object(n["k"])("br",null,null,-1)),Bo=Io(()=>Object(n["k"])("br",null,null,-1)),Ro=Io(()=>Object(n["k"])("br",null,null,-1)),Fo={key:1},zo={style:{position:"relative",width:"280px"}},Ho={class:"flex flex-col items-center justify-center p-6",style:{padding:"0px"}},Uo={class:"mb-4 w-full max-w-xl"},$o={key:0,class:""},Wo={class:"text-red-600",style:{"margin-top":"-15px"}},Jo={class:"terms",style:{"margin-top":"10px"}};var Yo={__name:"AiHelpPanel",props:["appData"],setup(e){const t=Object(n["f"])(()=>y.IS_PRO),a=Object(n["L"])(""),o=Object(n["L"])(null);function l(){window.showUpgradeLicenseDialog(!1)}const r=async()=>{""!==a.value.trim()?(window.parent.postMessage({command:"openAiDocs",query:a.value},"*"),a.value="",o.value=null):o.value="Please enter a question."};function i(e){console.log("aiCodePanel :: openLink: ",e),window.parent.postMessage({command:"openLink",url:e,name:"Genie Builder Docs"},"*")}return(e,s)=>{const c=Object(n["O"])("vscode-button");return Object(n["G"])(),Object(n["j"])("div",null,[t.value?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",Mo,[Object(n["l"])(" AI Help is a Pro feature."),Go,Object(n["l"])(" Upgrade to Pro and start using it now!"),Bo,Object(n["l"])(),Ro,Object(n["m"])(c,{onClick:l,style:{"margin-right":"3px"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Upgrade")]),_:1})])),t.value?(Object(n["G"])(),Object(n["j"])("div",Fo,[Object(n["k"])("div",zo,[Object(n["k"])("div",Ho,[Object(n["k"])("div",Uo,[Object(n["db"])(Object(n["k"])("textarea",{rows:"2","onUpdate:modelValue":s[0]||(s[0]=e=>a.value=e),placeholder:"Ask AI for help on how to use Genie",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),[[n["Z"],a.value]])]),o.value?(Object(n["G"])(),Object(n["j"])("div",$o,[Object(n["k"])("p",Wo,Object(n["S"])(o.value),1)])):Object(n["i"])("",!0),Object(n["m"])(c,{onClick:r,style:{width:"100px !important"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Ask AI")]),_:1}),Object(n["k"])("div",Jo,[Object(n["l"])(" Use of the AI features implies acceptance of the Genie AI "),Object(n["k"])("span",{onClick:s[1]||(s[1]=e=>i(Object(n["V"])(y).TERMS_OF_USE_URL)),style:{"text-decoration":"underline"}},"terms of use"),Object(n["l"])(". AI results can be incorrect. ")])])])])):Object(n["i"])("",!0)])}}};a("7aac");const Qo=L()(Yo,[["__scopeId","data-v-46c931ab"]]);var Xo=Qo;const Zo=e=>(Object(n["J"])("data-v-329796f2"),e=e(),Object(n["H"])(),e),Ko={key:0,class:"notProUI"},el=Zo(()=>Object(n["k"])("br",null,null,-1)),tl=Zo(()=>Object(n["k"])("br",null,null,-1)),al=Zo(()=>Object(n["k"])("br",null,null,-1)),nl={key:1},ol={key:0,class:"nothingSelected"},ll=Zo(()=>Object(n["k"])("i",null,"Nothing selected",-1)),rl=[ll],il={key:1,style:{position:"relative"}},sl={class:"flex flex-col items-center justify-center p-6",style:{padding:"0px"}},cl={class:"mb-4 w-full max-w-xl"},dl=["disabled"],pl={key:0,class:""},ul={class:"text-red-600",style:{"margin-top":"-15px"}},bl={class:"terms",style:{"margin-top":"10px"}};var ml={__name:"AiCodePanel",props:["appData","selectedComponent"],emits:["aiCodeChanged"],setup(e,{expose:t,emit:a}){const o=Object(n["f"])(()=>y.IS_PRO);let l=Object(n["L"])(null),r=Object(n["L"])(""),s=Object(n["L"])(!1),c=y.ask_ai_url+"codegen",d=Object(n["L"])({});function p(e){l.value=e}function u(){window.showUpgradeLicenseDialog(!1)}function b(e,t){const a=t.match(/#[^\{]+\{[^\}]+\}/g),n={};a&&a.forEach(e=>{const t=e.split("{"),a=t[0].trim().substring(1),o=t[1].trim().slice(0,-1);n[a]=o});const o=new DOMParser,l=o.parseFromString(`<body>${e}</body>`,"text/html");return Object.keys(n).forEach(e=>{const t=l.getElementById(e);t&&(t.style.cssText+=n[e])}),l.body.innerHTML}function m(e){window.parent.postMessage({command:"openLink",url:e},"*")}function g(e,t,n){const o=new DOMParser,l=new XMLSerializer,p=o.parseFromString(e,"text/html"),u={};p.querySelectorAll("plotly").forEach(e=>{t.forEach(t=>{if(e.hasAttribute(t)){const a=e.id;u[a]||(u[a]={}),u[a][t]=e.getAttribute(t)}})});let m=b(e,editor.getCss());a("aiCodeChanged","loading"),s.value=!0,i["a"].post(c,{content_type:"html",sessionid:y.SESSIONID,prompt:d.value.userPrompt,code:m}).then(e=>{s.value=!1;let t=JSON.parse(e.request.response);if(t.error)d.value.aiError=t.error,a("aiCodeChanged","hidden");else{s.value=!1,r.value="";let e=t.response,o=new DOMParser;const i=o.parseFromString(e,"text/html");Object.keys(u).forEach(e=>{const t=i.getElementById(e);t&&Object.entries(u[e]).forEach(([e,a])=>{t.setAttribute(e,a)})});let c,p=l.serializeToString(i.body);try{c=qe.cleanHtml(p)}catch(n){d.value.aiError=n.message,a("aiCodeChanged","hidden")}const b=o.parseFromString(c,"text/html"),m=b.body||null;qe.encodeAttributesInDOM(m);const g=m.innerHTML;d.value.aiApiResponse=g,window.lastHtmlBeforeAiReplace=editor.getHtml(),"gbTemplateContainer"==editor.getSelected().attributes.attributes.id?editor.getSelected().components(g):editor.getSelected().replaceWith(g),a("aiCodeChanged","ready")}}).catch(e=>{s.value=!1,d.value.aiError=e.message,a("aiCodeChanged","hidden")})}function f(){let e=l.value,t=e.toHTML(),a=editor.getCss({component:e,keepUnusedStyles:!1,avoidProtected:!0}),n=appData.value.pages[y.currentPageIndex].model.fields.map(e=>{let t={name:e.name,type:e.type};return null!=e.columns&&(t.columns=e.columns.map(e=>e)),t});n=JSON.stringify(n,null,4);let o=`\nUser Request: ${r.value}\n\nInstructions for AI:\n1. Layout: Utilize DIV elements with "row" and "st-col col-x col-sm st-module" classes for creating a responsive layout. The layout should be divided into the sections described above. For columns, ("col-x"), "x" is a number between 1 and 12. \n2. Components: Wherever possible, employ Quasar 1 components for UI elements. For date selection, use 'q-date' instead of standard HTML input components. Refer to the supported components list provided below.\n3. never nest a "row" directly as a child of a "row" or a "col" directly as a child of a "col".\n4. For 'q-table' elements, bind data using only "DataTable" or Array types, never DataFrames.\n5. Data Binding: Properly assign data to UI components, ensuring mandatory attributes like 'v-model' are used for input components such as textfields, select, and checkbox. \n6. Rules:\n   - Avoid using '<template>' tags.\n   - In dynamic attributes (starting with ':'), do not use interpolated values (e.g., avoid '{{value}}').\n   - Never return an element with a CSS class whose name is or starts with "gbTemplateContainer"\n7. Other components: \n7.1. For "big numbers" use this component template (use colon in attributes for bindings if necessary):\n<st-big-number number="0" title="Label"></st-big-number>\n7.2. For date pickers use this component template (use colon in attributes for bindings if necessary, and note that v-model value must match for the INPUT and the q-date components):\n<q-input iscomposite="true" v-model="undefined" clearable="true" filled="true" label="Pick a date"><q-icon class="cursor-pointer" name="event" style="height: 100%;"><q-popup-proxy><q-date v-model="undefined" mask="YYYY-MM-DD" no-unset="true" today-btn="true"></q-date></q-popup-proxy></q-icon></q-input>\n7.3. For date pickers use this component template (use colon in attributes for bindings if necessary, and note that v-model value must match for the INPUT and the q-date components):\n<q-input v-model="undefined" clearable="true" filled="true" label="Pick a time"><q-icon class="cursor-pointer" name="alarm" style="height: 100%;"><q-popup-proxy><q-time v-model="undefined" mask="HH:mm:ss"></q-time></q-popup-proxy></q-icon></q-input>\n7.4. For charts, use Plotly library, with this component template below, replacing binding names as needed and preserving the $_{} syntax found in the template. When binding to DataFrame data, never bind directly to it, always bind to a nested column (i.e. myDataFrame.myColumn), and use the syntax found in the template ( i.e. $_{myDataFrame.myColumn} ). Do not use the colon ":" prefix inside attribute values, that's only for dynamic attribute names when appropriate. Make sure the plot data is properly bsae64 encoded.\n<plotly data="W3siZ2J0eXBlIjoiU2NhdHRlciIsIngiOiIkX3tCSU5ESU5HX05BTUV9IiwieSI6IiRfe0FOT1RIRVJfQklORElOR19OQU1FfSIsInR5cGUiOiJzY2F0dGVyIiwibW9kZSI6ImxpbmVzIiwibmFtZSI6IlRyYWNlIn1d" config="e30=" layout="eyJ0aXRsZSI6Ik15IENoYXJ0In0="></plotly>\n7.5. For charts (<plotly> elements), preserve the "id" attribute, this is important.\n8. Styles should always be applied inline. If user provides current css styles (see below), make sure to apply them inline to your answer, unless user requests to change or remove them,\nAvailable Data (Bindings):\n${n}\n\nSupported Quasar Components:\n["q-input", "q-btn", "q-select", "q-radio", "q-checkbox", "q-toggle", "q-slider", "q-range", "q-date", "q-time", "q-knob", "q-list", "q-table", "q-img", "q-video", "q-avatar", "q-badge", "q-chip", "q-icon", "q-rating", "q-spinner", "q-timeline", "q-timeline-entry", "q-scroll-area"]\n\nRelated CSS styles:\n${a}\n`;d.value={selectedHtml:t,userPrompt:o},d.value.previousPrompt=r.value;const i=d.value.selectedHtml,s=new DOMParser,c=s.parseFromString(i,"text/html"),p=c.body||null;qe.decodeAttributesInDOM(p);const u=p.innerHTML;g(u,["data","config","layout"],e=>{})}return t({setSelectedComponent:p}),(e,t)=>{const a=Object(n["O"])("vscode-button");return Object(n["G"])(),Object(n["j"])("div",null,[o.value?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",Ko,[Object(n["l"])(" The AI Assistant is a Pro feature."),el,Object(n["l"])(" Upgrade to Pro and start using it now!"),tl,Object(n["l"])(),al,Object(n["m"])(a,{onClick:u,style:{"margin-right":"3px"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Upgrade")]),_:1})])),o.value?(Object(n["G"])(),Object(n["j"])("div",nl,[Object(n["V"])(l)?(Object(n["G"])(),Object(n["j"])("div",il,[Object(n["k"])("div",sl,[Object(n["k"])("div",cl,[Object(n["db"])(Object(n["k"])("textarea",{rows:"2","onUpdate:modelValue":t[0]||(t[0]=e=>Object(n["s"])(r)?r.value=e:r=e),disabled:Object(n["V"])(s),placeholder:"Select a UI component and ask AI to style or edit it",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,dl),[[n["Z"],Object(n["V"])(r)]])]),Object(n["V"])(d).aiError?(Object(n["G"])(),Object(n["j"])("div",pl,[Object(n["k"])("p",ul,Object(n["S"])(Object(n["V"])(d).aiError),1)])):Object(n["i"])("",!0),Object(n["V"])(s)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["h"])(a,{key:1,onClick:f,style:{width:"100px !important"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Ask AI")]),_:1})),Object(n["V"])(s)?(Object(n["G"])(),Object(n["h"])(a,{key:2,disabled:"",style:{width:"100px !important"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Plese wait...")]),_:1})):Object(n["i"])("",!0),Object(n["k"])("div",bl,[Object(n["l"])(" Use of the AI features implies acceptance of the Genie AI "),Object(n["k"])("span",{onClick:t[1]||(t[1]=e=>m(Object(n["V"])(y).TERMS_OF_USE_URL)),style:{"text-decoration":"underline"}},"terms of use"),Object(n["l"])(". AI results can be incorrect. ")])])])):(Object(n["G"])(),Object(n["j"])("div",ol,rl))])):Object(n["i"])("",!0)])}}},gl=(a("6423"),a("52ee")),fl=a("27f9"),hl=a("ca78"),vl=a("9c40"),yl=a("ddd8"),_l=a("3786"),jl=a("8f8e"),Ol=a("9564"),wl=a("c1d0"),xl=a("7bbf"),kl=a("3845"),Cl=a("1c1c"),Sl=a("6ac0"),Dl=a("cb32"),Tl=a("b047"),Al=a("daf4"),Pl=a("0d59"),Ll=a("05eb"),ql=a("74af"),Vl=a("4983");const Nl=L()(ml,[["__scopeId","data-v-329796f2"]]);var El=Nl;ot()(ml,"components",{QDate:gl["a"],QTable:Je["a"],QInput:fl["a"],QIcon:ra["a"],QPopupProxy:Qe["a"],QTime:hl["a"],QBtn:vl["a"],QSelect:yl["a"],QRadio:_l["a"],QCheckbox:jl["a"],QToggle:Ol["a"],QSlider:wl["a"],QRange:xl["a"],QKnob:kl["a"],QList:Cl["a"],QImg:Xe["a"],QVideo:Sl["a"],QAvatar:Dl["a"],QBadge:at["a"],QChip:Tl["a"],QRating:Al["a"],QSpinner:Pl["a"],QTimeline:Ll["a"],QTimelineEntry:ql["a"],QScrollArea:Vl["a"]});class Il{constructor(e,t,a){this.wsEndpoint=y.getExternalApiBaseUrl("ws"),this.ws=null,this.onOpenHandler=e,this.onCloseHandler=t,this.onMessageHandler=a}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,setTimeout(()=>{this.connect()},1e3*e)}onOpen(){this.ws.send(JSON.stringify({channel:"geniebuilder",message:"subscribe",payload:{}})),this.onOpenHandler()}onMessage(e){this.onMessageHandler(e)}onClose(){this.onCloseHandler()}}var Ml={"text-align":{default:"left",type:"select",options:["left","right","center","justify"]},"font-size":{default:"16px",type:"number",units:["px","%","em"]},"font-family":{default:"Arial",type:"select",options:["Arial","Verdana","Helvetica","Tahoma","Trebuchet MS","Times New Roman","Georgia","Garamond","Courier New","Brush Script MT"]},"font-weight":{default:"normal",type:"select",options:["normal","bold","bolder","lighter","100","200","300","400","500","600","700","800","900"]},"font-style":{default:"normal",type:"select",options:["normal","italic","oblique"]},color:{default:"#000000",type:"color"},"background-color":{default:"#FFFFFF",type:"color"},background:{default:"#FFFFFF",type:"color"},border:{default:"none",type:"text"},"border-radius":{default:0,type:"number",units:["px","%"]},padding:{default:0,type:"number",units:["px","%"]},margin:{default:0,type:"number",units:["px","%"]},display:{default:"block",type:"select",options:["none","block","inline","inline-block","flex","grid"]},position:{default:"static",type:"select",options:["static","relative","fixed","absolute","sticky"]},width:{default:"auto",type:"number",units:["px","%","vw","vh"]},height:{default:"auto",type:"number",units:["px","%","vw","vh"]},"max-width":{default:"none",type:"number",units:["px","%","vw","vh"]},"max-height":{default:"none",type:"number",units:["px","%","vw","vh"]},opacity:{default:1,type:"number"},"text-decoration":{default:"none",type:"select",options:["none","underline","overline","line-through"]},"line-height":{default:"normal",type:"number",units:["px","%","em"]},"letter-spacing":{default:"normal",type:"number",units:["px","em"]},"box-shadow":{default:"none",type:"text"},"text-shadow":{default:"none",type:"text"},"flex-direction":{default:"row",type:"select",options:["row","row-reverse","column","column-reverse"]},"justify-content":{default:"flex-start",type:"select",options:["flex-start","flex-end","center","space-between","space-around","space-evenly"]},"align-items":{default:"stretch",type:"select",options:["flex-start","flex-end","center","baseline","stretch"]},"align-content":{default:"stretch",type:"select",options:["flex-start","flex-end","center","space-between","space-around","stretch"]},"flex-wrap":{default:"nowrap",type:"select",options:["nowrap","wrap","wrap-reverse"]},"background-image":{default:"none",type:"text"},"background-size":{default:"auto",type:"select",options:["auto","cover","contain"]},"background-repeat":{default:"repeat",type:"select",options:["repeat","repeat-x","repeat-y","no-repeat"]},"background-position":{default:"0% 0%",type:"text"},cursor:{default:"auto",type:"select",options:["auto","default","pointer","wait","text","move","not-allowed","crosshair","zoom-in","zoom-out"]},transition:{default:"none",type:"text"},animation:{default:"none",type:"text"},visibility:{default:"visible",type:"select",options:["visible","hidden","collapse"]},overflow:{default:"visible",type:"select",options:["visible","hidden","scroll","auto"]},"text-transform":{default:"none",type:"select",options:["none","capitalize","uppercase","lowercase"]},"white-space":{default:"normal",type:"select",options:["normal","nowrap","pre","pre-wrap","pre-line"]},"text-align-last":{default:"auto",type:"select",options:["auto","left","right","center","justify","start","end"]},"vertical-align":{default:"baseline",type:"select",options:["baseline","top","middle","bottom","text-top","text-bottom","sub","super"]},"z-index":{default:"auto",type:"number"},"list-style-type":{default:"disc",type:"select",options:["disc","circle","square","decimal","lower-roman","upper-roman","lower-alpha","upper-alpha","none"]},"list-style-position":{default:"outside",type:"select",options:["inside","outside"]},"list-style-image":{default:"none",type:"text"},"table-layout":{default:"auto",type:"select",options:["auto","fixed"]},"border-collapse":{default:"separate",type:"select",options:["separate","collapse"]},"border-spacing":{default:"0",type:"number",units:["px"]},"caption-side":{default:"top",type:"select",options:["top","bottom"]},resize:{default:"none",type:"select",options:["none","both","horizontal","vertical"]},"grid-template-columns":{default:"none",type:"text"},"grid-template-rows":{default:"none",type:"text"},"grid-column-gap":{default:"0",type:"number",units:["px","%","em"]},"grid-row-gap":{default:"0",type:"number",units:["px","%","em"]},"grid-area":{default:"auto",type:"text"},"grid-gap":{default:"0",type:"number",units:["px","%","em"]}};const Gl=["Outfit","Helvetica Neue","Arial","Helvetica","Georgia"],Bl=["100","200","300","400","500","600","700","800","900"],Rl=["var(--st-shadow-none)","var(--st-shadow-sm)","var(--st-shadow-md)","var(--st-shadow-lg)","var(--st-shadow-xl)"],Fl=[{label:"4XL",value:"var(--st-font-size-4xl)"},{label:"3XL",value:"var(--st-font-size-3xl)"},{label:"2XL",value:"var(--st-font-size-2xl)"},{label:"XL",value:"var(--st-font-size-xl)"},{label:"LG",value:"var(--st-font-size-lg)"},{label:"MD",value:"var(--st-font-size-md)"},{label:"SM",value:"var(--st-font-size-sm)"},{label:"XS",value:"var(--st-font-size-xs)"}];function zl(){return{groups:[{label:"Main Styles",rules:[{label:"Main Colors",selector:":root.stipple-core",properties:[{label:"Primary",isVar:!0,propertyName:"--st-color-primary",type:"color",value:"#0ea5e9"},{label:"Neutral",isVar:!0,propertyName:"--st-color-neutral",type:"color",value:"#d7d7d7"},{label:"Field border",isVar:!0,propertyName:"--st-color-field-border",type:"color",value:"#d7d7d7"},{label:"Field Text Dimmed",isVar:!0,propertyName:"--st-color-field-text-dimmed",type:"color",value:"#fffffffa"},{label:"Field Bg Dimmed",isVar:!0,propertyName:"--st-color-field-background-dimmed",type:"color",value:"#0000001a"},{label:"Shadow",isVar:!0,propertyName:"--st-shadow-color",type:"color",value:"#00000060"}]},{label:"Background",selector:":root.stipple-core",properties:[{label:"Background 0",isVar:!0,propertyName:"--st-dashboard-bg-0",type:"color",value:"#f1f3f6"},{label:"Background 1",isVar:!0,propertyName:"--st-dashboard-bg-1",type:"color",value:"#ffffff"},{label:"Background 2",isVar:!0,propertyName:"--st-dashboard-bg-2",type:"color",value:"#ffffff"}]},{label:"Text",selector:":root.stipple-core",properties:[{label:"Text 1",isVar:!0,propertyName:"--st-text-1",type:"color",value:"#1a2748"},{label:"Text 2",isVar:!0,propertyName:"--st-text-2",type:"color",value:"#6b7280"},{label:"Text 3",isVar:!0,propertyName:"--st-text-3",type:"color",value:"#788092"},{label:"Font Family",isVar:!0,propertyName:"--st-font-family",type:"select",value:"Helvetica Neue",options:Gl},{label:"Font Size (base)",isVar:!0,propertyName:"--st-font-size",type:"text",value:"14px"},{label:"Text 4XL",hide:!0,isVar:!0,propertyName:"--st-font-size-4xl",type:"text",value:"2.5rem"},{label:"Text 3XL",hide:!0,isVar:!0,propertyName:"--st-font-size-3xl",type:"text",value:"2.1rem"},{label:"Text 2XL",hide:!0,isVar:!0,propertyName:"--st-font-size-2xl",type:"text",value:"1.8rem"},{label:"Text XL",hide:!0,isVar:!0,propertyName:"--st-font-size-xl",type:"text",value:"1.5rem"},{label:"Text LG",hide:!0,isVar:!0,propertyName:"--st-font-size-lg",type:"text",value:"1.2rem"},{label:"Text MD",hide:!0,isVar:!0,propertyName:"--st-font-size-md",type:"text",value:"1rem"},{label:"Text SM",hide:!0,isVar:!0,propertyName:"--st-font-size-sm",type:"text",value:"0.8rem"},{label:"Text XS",hide:!0,isVar:!0,propertyName:"--st-font-size-xs",type:"text",value:"0.6rem"}]},{label:"Headings",selector:":root.stipple-core h1, :root.stipple-core h2, :root.stipple-core h3, :root.stipple-core h4, :root.stipple-core h5, :root.stipple-core h6",properties:[{label:"Color",propertyName:"color",type:"color",value:"var(--st-text-1)"},{label:"Font Weight",propertyName:"font-weight",type:"select",value:"600",options:Bl},{label:"Font Family",propertyName:"font-family",type:"select",value:"",options:Gl}]},{label:"Module",selector:":root.stipple-core .st-module",properties:[{label:"Background",propertyName:"background",type:"color",value:"var(--st-dashboard-bg-1)"},{label:"Shadow",propertyName:"box-shadow",type:"select",value:"var(--st-shadow-md)",options:Rl}]}]},{label:"Other Styles",rules:[{label:"Colors",selector:":root.stipple-core",properties:[{label:"Secondary",isVar:!0,propertyName:"--st-color-secondary",type:"color",value:"#1285f8"},{label:"Accent",isVar:!0,propertyName:"--st-color-accent",type:"color",value:"#4790e3"},{label:"Dark",isVar:!0,propertyName:"--st-color-dark",type:"color",value:"#1d1d1d"},{label:"Info",isVar:!0,propertyName:"--st-color-info",type:"color",value:"#31ccec"},{label:"White",isVar:!0,propertyName:"--st-color-white",type:"color",value:"#ffffff"},{label:"Black",isVar:!0,propertyName:"--st-color-black",type:"color",value:"#302f2f"},{label:"Positive",isVar:!0,propertyName:"--st-color-positive",type:"color",value:"#21ba45"},{label:"Negative",isVar:!0,propertyName:"--st-color-negative",type:"color",value:"#c10015"},{label:"Warning",isVar:!0,propertyName:"--st-color-warning",type:"color",value:"#f2c037"},{label:"Dark Page",isVar:!0,propertyName:"--st-color-dark-page",type:"color",value:"#121212"},{label:"Neutral Alt",isVar:!0,propertyName:"--st-color-neutral-alt",type:"color",value:"#d2d2d2"},{label:"Primary",hide:!0,isVar:!0,propertyName:"--q-primary",type:"color",value:"var(--st-color-primary)"},{label:"Secondary",hide:!0,isVar:!0,propertyName:"--q-secondary",type:"color",value:"var(--st-color-secondary)"},{label:"Accent",hide:!0,isVar:!0,propertyName:"--q-accent",type:"color",value:"var(--st-color-accent)"},{label:"Positive",hide:!0,isVar:!0,propertyName:"--q-positive",type:"color",value:"var(--st-color-positive)"},{label:"Negative",hide:!0,isVar:!0,propertyName:"--q-negative",type:"color",value:"var(--st-color-negative)"},{label:"Info",hide:!0,isVar:!0,propertyName:"--q-info",type:"color",value:"var(--st-color-info)"},{label:"Warning",hide:!0,isVar:!0,propertyName:"--q-warning",type:"color",value:"var(--st-color-warning)"},{label:"Dark",hide:!0,isVar:!0,propertyName:"--q-dark",type:"color",value:"var(--st-color-dark)"},{label:"White",hide:!0,isVar:!0,propertyName:"--q-white",type:"color",value:"var(--st-color-white)"},{label:"Black",hide:!0,isVar:!0,propertyName:"--q-black",type:"color",value:"var(--st-color-black)"},{label:"Dark Page",hide:!0,isVar:!0,propertyName:"--q-dark-page",type:"color",value:"var(--st-color-dark-page)"},{label:"Filter Light",hide:!0,isVar:!0,propertyName:"--st-filter-light",type:"filter",value:"none"},{label:"Filter Dark",hide:!0,isVar:!0,propertyName:"--st-filter-dark",type:"filter",value:"invert(1) saturate(0) brightness(2)"}]}]},{label:"Text Elements",rules:[{label:"Link",selector:"a",properties:[{label:"Color",propertyName:"color",type:"color",value:"var(--st-color-primary)"}]},{label:"Heading 1",selector:":root.stipple-core h1",properties:[{label:"Color",propertyName:"color",type:"color",value:""},{label:"Font Size",propertyName:"font-size",type:"select",value:"var(--st-font-size-4xl)",options:Fl},{label:"Font Weight",propertyName:"font-weight",type:"select",value:"",options:Bl},{label:"Font Family",propertyName:"font-family",type:"select",value:"",options:Gl}]},{label:"Heading 2",selector:":root.stipple-core h2",properties:[{label:"Color",propertyName:"color",type:"color",value:""},{label:"Font Size",propertyName:"font-size",type:"select",value:"var(--st-font-size-3xl)",options:Fl},{label:"Font Weight",propertyName:"font-weight",type:"select",value:"",options:Bl},{label:"Font Family",propertyName:"font-family",type:"select",value:"",options:Gl}]},{label:"Heading 3",selector:":root.stipple-core h3",properties:[{label:"Color",propertyName:"color",type:"color",value:""},{label:"Font Size",propertyName:"font-size",type:"select",value:"var(--st-font-size-2xl)",options:Fl},{label:"Font Weight",propertyName:"font-weight",type:"select",value:"",options:Bl},{label:"Font Family",propertyName:"font-family",type:"select",value:"",options:Gl}]},{label:"Heading 4",selector:":root.stipple-core h4",properties:[{label:"Color",propertyName:"color",type:"color",value:""},{label:"Font Size",propertyName:"font-size",type:"select",value:"var(--st-font-size-xl)",options:Fl},{label:"Font Weight",propertyName:"font-weight",type:"select",value:"",options:Bl},{label:"Font Family",propertyName:"font-family",type:"select",value:"",options:Gl}]},{label:"Heading 5",selector:":root.stipple-core h5",properties:[{label:"Color",propertyName:"color",type:"color",value:""},{label:"Font Size",propertyName:"font-size",type:"select",value:"var(--st-font-size-lg)",options:Fl},{label:"Font Weight",propertyName:"font-weight",type:"select",value:"",options:Bl},{label:"Font Family",propertyName:"font-family",type:"select",value:"",options:Gl}]},{label:"Heading 6",selector:":root.stipple-core h6",properties:[{label:"Color",propertyName:"color",type:"color",value:""},{label:"Font Size",propertyName:"font-size",type:"select",value:"var(--st-font-size-md)",options:Fl},{label:"Font Weight",propertyName:"font-weight",type:"select",value:"",options:Bl},{label:"Font Family",propertyName:"font-family",type:"select",value:"",options:Gl}]}]},{label:"Other",rules:[{label:"Genie Logo",selector:":root.stipple-core ._genie_logo",properties:[{label:"Mode",propertyName:"filter",type:"filter",value:"var(--st-filter-light)"}]}]}]}}var Hl=a("f7a6");const Ul={key:0,class:"picker-popup"};var $l={__name:"ColorPicker",props:{modelValue:{type:String,required:!0,default:"#000000"},btnwidth:{type:String,default:"30px"},btnheight:{type:String,default:"20px"},xOffset:{type:Number,default:0},yOffset:{type:Number,default:0}},emits:["update:modelValue","changed"],setup(e,{emit:t}){const a=e,o=Object(n["L"])("#00ff00"),l=Object(n["L"])(!1),r=Object(n["L"])(null),i=Object(n["L"])(0),s=Object(n["L"])(100),c=Object(n["L"])(100),d=Object(n["L"])(100),p=Object(n["L"])("");function u(e){console.log("updateValue",e)}const b=(e,t,a,n=100)=>{let o,l,r;e/=360,t/=100,a/=100;const i=Math.floor(6*e),s=6*e-i,c=a*(1-t),d=a*(1-s*t),p=a*(1-(1-s)*t);switch(i%6){case 0:[o,l,r]=[a,p,c];break;case 1:[o,l,r]=[d,a,c];break;case 2:[o,l,r]=[c,a,p];break;case 3:[o,l,r]=[c,d,a];break;case 4:[o,l,r]=[p,c,a];break;case 5:[o,l,r]=[a,c,d];break}const u=[o,l,r].map(e=>Math.round(255*e).toString(16).padStart(2,"0")).join("");if(n<100){const e=Math.round(n/100*255).toString(16).padStart(2,"0");return`#${u}${e}`}return"#"+u},m=(e,t,a)=>{e/=255,t/=255,a/=255;const n=Math.max(e,t,a),o=Math.min(e,t,a),l=n-o;let r,i;const s=n;if(0===l)r=0,i=0;else{switch(i=l/n,n){case e:r=(t-a)/l+(t<a?6:0);break;case t:r=(a-e)/l+2;break;case a:r=(e-t)/l+4;break}r/=6}return{h:360*r,s:100*i,b:100*s}},g=e=>{if(!e||!e.startsWith("#"))return{h:0,s:100,b:100,a:100};const t=e.slice(1),a=8===t.length,n=parseInt(t.slice(0,2),16),o=parseInt(t.slice(2,4),16),l=parseInt(t.slice(4,6),16),r=a?Math.round(parseInt(t.slice(6,8),16)/255*100):100,i=m(n,o,l);return{h:i.h,s:i.s,b:i.b,a:r}},f=Object(n["f"])(()=>b(i.value,s.value,c.value,d.value));Object(n["bb"])(o,e=>{console.log("internalColor",e),1==e.a?(t("update:modelValue",e.hex),t("changed",e.hex)):(t("update:modelValue",e.hex8),t("changed",e.hex8))}),Object(n["bb"])(()=>a.modelValue,e=>{const{h:t,s:a,b:n,a:o}=g(e);i.value=t,s.value=a,c.value=n,d.value=o,p.value=f.value},{immediate:!0});const h=()=>{l.value?y():v()},v=()=>{l.value=!0,document.addEventListener("keyup",_),setTimeout(()=>{const e=document.querySelector(".picker-popup"),t=r.value;let a=t.getBoundingClientRect().bottom;e.style.top=a+"px",e.style.left=t.getBoundingClientRect().right-240+"px"},1)},y=()=>{l.value=!1,document.removeEventListener("keyup",_)};function _(e){"Escape"===e.key&&(l.value=!1)}function j(e){r.value.contains(e.target)||(l.value=!1)}return Object(n["D"])(()=>{document.addEventListener("click",j)}),Object(n["E"])(()=>{document.removeEventListener("click",j),document.removeEventListener("keyup",_)}),(t,a)=>(Object(n["G"])(),Object(n["j"])("div",{class:"color-picker",ref_key:"pickerRef",ref:r,onChange:u},[Object(n["k"])("div",{class:"color-button",style:Object(n["x"])({backgroundColor:e.modelValue,width:e.btnwidth,height:e.btnheight}),onClick:h},null,4),l.value?(Object(n["G"])(),Object(n["j"])("div",Ul,[Object(n["m"])(Object(n["V"])(Hl["a"]),{id:"vueColor",modelValue:o.value,"onUpdate:modelValue":a[0]||(a[0]=e=>o.value=e)},null,8,["modelValue"])])):Object(n["i"])("",!0)],544))}};a("ecee");const Wl=L()($l,[["__scopeId","data-v-1eff6db5"]]);var Jl=Wl,Yl=a("7e58"),Ql=a.n(Yl),Xl=a("2b12"),Zl=a.n(Xl),Kl='@import url(\'https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap\');\n/* {{ themeVariables }} */\n\n  \n  /* **************************************************************** */\n  /*                    VARIABLES IN THEME EDITOR                     */\n  /* **************************************************************** */\n\n:root.stipple-core {\n  --st-font-size-4xl: 2.5rem;\n  --st-font-size-3xl: 2.1rem;\n  --st-font-size-2xl: 1.8rem;\n  --st-font-size-xl: 1.5rem;\n  --st-font-size-lg: 1.2rem;\n  --st-font-size-md: 1rem;\n  --st-font-size-sm: 0.8rem;\n  --st-font-size-xs: 0.6rem;\n}\n\n\n\n/*===================================================================\n                      APPLICATION\n================================================================== */\n.stipple-core {\n  .q-btn.q-btn--active:enabled:not(.disabled):not(.q-btn--push),\n  .q-btn:active:enabled:not(.disabled):not(.q-btn--push) {\n    box-shadow: none !important;\n  }\n  .q-btn--actionable.q-btn--standard.q-btn--active .q-btn__wrapper:before,\n  .q-btn--actionable.q-btn--standard:active .q-btn__wrapper:before {\n    box-shadow: none !important;\n  }\n\n\n\n  h1, h2, h3, h4, h5, h6{\n    line-height: normal;\n    margin: 0px;\n    color: var(--st-text-1);\n  }\n  \n  /* ---------- Module ---------- */\n\n  .st-module {\n    box-shadow: var(--st-shadow-md);\n    border-radius: var(--st-border-radius-md);\n    background: var(--st-dashboard-bg-1 );\n    margin: var(--st-spacing-md);\n    padding: var(--st-spacing-lg);\n    box-sizing: border-box; flex: 1;\n    transition: background 0.3s;\n  }\n\n  .st-module-title {\n    font-size: var(--st-font-size-lg);\n    font-weight: bold;\n    color: var(--st-text-1);\n    margin-top: 0px;\n    margin-bottom: var(--st-spacing-md);\n  }\n  \n  \n\n  \n  /*===================================================================\n                        Containers & Common\n  ================================================================== */\n\n  /* ---------- Common  ---------- */\n  hr{\n    border: solid 0.5px var(--st-color-neutral);\n  }\n  \n  .container > .row, .st-dashboard > .row {\n    padding: 0;\n  }\n\n  body > .container {\n    padding: 0 20px;\n    margin: 0 auto;\n  }\n\n  @media (max-width: 999px) {    \n    body > .container {\n        padding: 0 10px;\n      }\n  }\n  @media (max-width: 599px) {\n    body > .container {\n        padding: 0 5px;\n      }\n  }\n\n  /*===================================================================\n                            FIELDS\n  ================================================================== */\n  fieldset {\n    border: none;\n  }\n  .q-field {\n    font-size: 14px;\n  }\n  .q-field__bottom{\n      color: var(--st-text-3);\n    }\n  .q-file .q-field__native{\n      white-space: nowrap;\n      overflow: hidden;\n  }\n  .q-field__input, .q-field__native, .q-field__prefix, .q-field__suffix {\n    color: var(--st-text-2);\n  }\n  .q-field__control, .q-field--auto-height .q-field__control, .q-field__marginal {\n    height: 36px;\n    min-height: 36px;\n    color: var(--st-text-2);\n  }\n\n  .q-field--auto-height.q-field--labeled .q-field__control-container {\n    padding-top: 0;\n  }\n\n  .q-field--auto-height .q-field__control, .q-field--auto-height .q-field__native {\n    min-height: 36px;\n  }\n\n .q-field--labeled .q-field__native, .q-field--labeled .q-field__prefix, .q-field--labeled .q-field__suffix {\n    padding-top: unset;\n    padding-bottom: unset;\n }\n\n .q-field--labeled {\n  padding-top: 25px;\n}\n\n .q-field--float .q-field__label, .q-field__label {\n    color: var(--st-text-1);\n    transform: translateY(-190%) scale(1);\n    font-weight: 500;\n    left: -10px;\n    max-width: 100%;\n    font-size: var(--st-font-size-md);\n }\n\n .q-field--labeled.q-field--standard .q-field__label, \n .q-field--labeled.q-field--borderless .q-field__label {\n    left: 0px;\n }\n \n .q-field--filled.q-field--rounded .q-field__control {\n    border-radius: 18px 18px 0 0;\n }\n\n .q-field--filled .q-field__control{\n  background-color: var(--st-color-field-background-dimmed);\n }\n\n .q-field .q-field__control:before {\n    border-color: var(--st-color-field-border);\n  }\n  .q-field.q-field--highlighted .q-field__control:after {\n    border-color: var(--st-color-primary);\n    border-width: 1px;\n  }\n  .q-field--outlined .q-field__control:hover:before {\n    border-color: color-mix(in srgb, var(--st-color-primary), transparent 50%);\n  }\n\n\n  /*===================================================================\n                            PLOTLY\n  ================================================================== */\n  .plot-container.plotly svg.main-svg{\n    background: none !important;\n  }\n  .plot-container.plotly svg.main-svg g.infolayer g.legend rect.bg{\n    fill: none !important;\n  }\n  .plot-container.plotly svg.main-svg g.infolayer g.rangeslider-container rect.rangeslider-bg{\n    fill: #00000030 !important;\n  }\n  .plot-container.plotly svg.main-svg g.infolayer g.rangeslider-container rect.rangeslider-mask-min,\n  .plot-container.plotly svg.main-svg g.infolayer g.rangeslider-container rect.rangeslider-mask-max{\n    fill: var(--st-dashboard-bg-1) !important;\n    fill-opacity: 0.8 !important;\n  }\n  .plot-container.plotly div.modebar-container > div.modebar{\n   \n  }\n  .plot-container.plotly div.modebar-container > div.modebar > div.modebar-group{\n    background-color: var(--st-dashboard-bg-1) !important;\n  }\n  .plot-container.plotly div.modebar-container > div.modebar > div.modebar-group > a.modebar-btn > svg.icon > path{\n    fill: color-mix(in srgb, var(--st-color-primary), transparent 80%) !important;\n  }\n  .plot-container.plotly div.modebar-container > div.modebar > div.modebar-group > a.modebar-btn:hover > svg.icon > path{\n    fill: var(--st-color-primary) !important;\n  }\n  .plot-container.plotly svg.main-svg g.infolayer g.rangeslider-container rect.rangeslider-mask-max{\n    fill: var(--st-dashboard-bg-1) !important;\n    fill-opacity: 0.8 !important;\n  }\n  .plot-container.plotly svg.main-svg g.treemaplayer g.slice path.surface, \n  .plot-container.plotly svg.main-svg g.funnelarealayer g.slice path.surface{\n    stroke: var(--st-dashboard-bg-1) !important;\n  }\n  .plot-container.plotly text{\n    font-family: var(--st-font-family) !important;\n  }\n\n  .plot-container.plotly svg.main-svg g.infolayer text{\n    fill: var(--st-text-1) !important;\n  }\n  .plot-container.plotly svg.main-svg g.cartesianlayer g.zerolinelayer path, \n  .plot-container.plotly svg.main-svg g.cartesianlayer g.zerolinelayer path{\n    stroke: color-mix(in srgb, var(--st-color-neutral), transparent 0%) !important;\n  }\n  .plot-container.plotly svg.main-svg g.cartesianlayer g.gridlayer path{\n    stroke: color-mix(in srgb, var(--st-color-neutral), transparent 60%) !important;\n  }\n  .plot-container.plotly svg.main-svg g.cartesianlayer g.xtick text, \n  .plot-container.plotly svg.main-svg g.cartesianlayer g.ytick text{\n    fill: var(--st-text-2) !important;\n  }\n\n  /*===================================================================\n                      Button, Badge, Banner, chip...\n  ================================================================== */\n  .q-badge {\n    font-size: var(--st-font-size-md);\n    font-weight: var(--st-font-weight-bold);\n    padding: 4px 6px;\n  }\n  .q-btn .q-badge.q-badge--floating {\n    padding-top: 1px;\n    padding-bottom: 1px;\n  }\n  .q-banner {\n    border-radius: 5px;\n    font-weight: var(--st-font-weight-bold);\n  }\n  .q-ripple {\n    display: none;\n  }\n  \n  .q-btn .q-btn__wrapper:before {\n    box-shadow: none;\n  }\n  .q-btn.q-btn--active:enabled:not(.disabled):not(.q-btn--push):not(.q-btn--outline),\n  .q-btn:active:enabled:not(.disabled):not(.q-btn--push):not(.q-btn--outline) {\n    box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.3);\n  }\n  .q-btn.q-btn--active .q-btn__wrapper:before,\n  .q-btn:active .q-btn__wrapper:before {\n    box-shadow: none;\n  }\n  .q-btn {\n    font-weight: var(--st-font-weight-bold);\n  }\n  .q-btn-group {\n    box-shadow: none;\n  }\n  .q-chip{\n    background: var(--st-color-primary) !important;\n    color: var(--st-color-field-text-dimmed);\n    font-weight: var(--st-font-weight-bold);\n\n    .q-chip__icon {\n      color: var(--st-color-field-text-dimmed);\n    }\n  }\n\n  /*===================================================================\n                        MISC (File, Skeleton)\n  ================================================================== */\n  \n  .q-skeleton {\n    background: var(--st-skeleton);\n  }\n  .q-knob, .q-rating{\n    color: var(--st-color-primary);\n  }\n  \n  .q-avatar{\n    .q-avatar__content {\n      background: var(--st-color-primary) !important;\n      color: var(--st-color-field-text-dimmed);\n    }\n  }\n\n  .q-uploader{\n      max-width: 100%;\n      width: 100%;\n  }\n  \n  /*===================================================================\n                              Scrolls\n  ================================================================== */\n  .q-scrollarea {\n    padding-right: 20px;\n  }\n  .q-scrollarea .q-scrollarea__thumb {\n    border-radius: 5px;\n    width: 4px;\n    opacity: 0.8;\n  }\n\n  /*===================================================================\n                          Menu, Item, Date, Time, Uploader, Card\n  ================================================================== */\n  .q-menu, .q-date, .q-time, .q-uploader, .q-card {\n    background-color: var( --st-dashboard-bg-2 );\n  }\n  \n  .q-menu .q-item{\n    min-height: var( --st-component-height-lg);\n  }\n  .q-item.q-manual-focusable--focused > .q-focus-helper {\n    opacity: 0.15;\n  }\n  .q-item__section--side {\n    min-width: 20px;\n    padding-right: 10px;\n  }\n\n  \n  \n  \n  /*===================================================================\n                        Radio, Checkbox\n  ================================================================== */\n.q-checkbox__bg {\n    border-radius: 3px;\n  }\n  \n  .q-radio, .q-checkbox {\n    margin-top: var(--st-spacing-xs);\n    margin-right: var(--st-spacing-md);\n    margin-bottom: var(--st-spacing-xs);\n    margin-left: var(--st-spacing-xs);\n    .q-radio__inner, .q-checkbox__inner {   \n      width: 0.42em;   height: 0.42em;  min-width: 0.42em;       \n      .q-radio__bg, .q-checkbox__bg {    \n        width: 100%;    height: 100%;   left: 0;  top: 0;    \n      }\n    }\n    .q-checkbox__inner--falsy {   \n      .q-checkbox__bg {\n        border: 1.7px solid var(--st-color-neutral);\n      }\n    }\n    .q-radio__inner--falsy{   \n      .q-radio__bg path {\n          fill: var(--st-color-neutral);\n      }\n    }\n    .q-radio__label, .q-checkbox__label {   padding-left: 0.5em;  }\n  }\n   \n\n  /*===================================================================\n                          Date-Time\n  ================================================================== */\n.q-date,\n.q-time {\n    box-shadow: none;\n  }\n\n\n  /*===================================================================\n                        Focusable\n  ================================================================== */\n  .q-focusable:focus>.q-focus-helper, .q-hoverable:hover>.q-focus-helper, .q-manual-focusable--focused>.q-focus-helper {\n    background: var(--st-color-primary) !important;\n  }\n\n  \n  .q-item--active, .q-item.q-router-link--active {\n    font-weight: var(--st-font-weight-bold);\n    color: var(--st-color-primary) !important;\n  }\n  \n\n\n  /*===================================================================\n                            Sliders\n  ================================================================== */\n\n  .q-slider__pin-text-container {\n    padding: 0 8px;\n    min-height: 20px;\n  }\n  .q-slider__pin-text {\n    font-weight: var(--st-font-weight-bold);\n  }\n  \n  .q-slider__track-markers {\n    color: currentColor;\n  }\n\n  .q-slider--inactive .q-slider__thumb--h {\n    width: 16px !important;\n    height: 16px !important;\n  }\n\n  .q-slider__track {\n    background: var( --st-color-field-background-dimmed );\n    .q-slider__inner {\n      background: none !important;\n    }\n    .q-slider__selection {\n      color: var( --st-color-primary );\n    }\n  }\n\n\n  \n\n  /*===================================================================\n                              Table\n  ================================================================== */\n.q-table th {\n  color: var(--st-text-1);\n  font-weight: 900;\n  font-size: 0.8rem;\n}\n.q-table__card {\n  position: relative;\n  border: none;\n  box-shadow: none;\n}\n.q-table__top {\n  padding: 0 5px;\n}\n.q-table__title {\n  font-weight: var(--st-font-weight-bold);\n  font-size: 14px;\n}\n.q-table__middle {\n  background: transparent;\n  border-top-right-radius: 5px;\n  border-top-left-radius: 5px;\n}\n.q-table__middle + .q-table__bottom {\n  border-top: none;\n}\n.q-table__bottom {\n  border-bottom-right-radius: 5px;\n  border-bottom-left-radius: 5px;\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 0.8rem;\n}\n.q-table__sort-icon {\n  position: relative;\n  z-index: 1;\n  font-size: 25px;\n}\n.q-table__sort-icon:before {\n  font-family: Material Icons;\n  content: "arrow_drop_up";\n  -webkit-font-feature-settings: "liga" 1;\n  -moz-font-feature-settings: "liga" 1;\n  font-feature-settings: "liga" 1;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--st-dashboard-module);\n  z-index: 5;\n  color: var(--q-color-secondary);\n}\n.q-table tbody tr {\n  color: var(--st-text-2);\n}\n.q-table td {\n  font-size: 0.9rem;\n}\n.q-table__select {\n  font-size: 12px;\n}\n\n\n  .q-table__container{\n    background: none;\n  }\n  \n  .q-table td, .q-table th, .q-table thead, .q-table tr  {\n    border-color: var(--st-color-field-border);\n  }\n\n  .q-table__card {\n    color: unset;\n  }\n\n  .q-table{\n    th {\n      font-weight: bold;\n    }\n    tbody td:before {\n      background: color-mix(in srgb, var(--st-color-primary), transparent 85%);\n    }\n  }\n\n  \n\n  /*===================================================================\n                        Big Number\n  ================================================================== */\n\n.st-big-number {\n    margin: 0 auto;\n    color: var(--q-color-white);\n    text-align: center;\n    border-radius: 5px;\n    padding: 1rem 0;\n  }\n.st-big-number .q-badge {\n    font-weight: 900;\n    font-size: large;\n    margin: 0.5rem;\n    padding: 8px 15px;\n    display: block;\n    background: none;\n    color: var(--st-text-1);\n  }\n.st-big-number__num {\n    font-weight: var(--st-font-weight-bold);\n    display: block;\n    color: var(--st-text-1);\n    font-size: 1.5rem;\n  }\n.st-big-number__num .q-icon {\n    display: none;\n    margin-left: -30px;\n  }\n\n  @media (max-width: 599px) {\n    .st-big-number__num .q-icon {\n      display: inline-block;\n    }\n  }\n  @media (min-width: 1023px) {\n    .st-big-number__num {\n      font-size: 2rem;\n    }\n    .st-big-number__num .q-icon {\n      display: inline-block;\n    }\n  }\n.st-big-number--positive .st-big-number__num .q-icon {\n    color: var(--q-color-positive);\n  }\n.st-big-number--negative .st-big-number__num .q-icon {\n    color: var(--q-color-negative);\n  }\n.st-big-number__icon {\n    font-size: 20px;\n    width: 2em;\n    height: 2em;\n    border-radius: 50%;\n    text-align: center;\n    margin: 0.5rem 0;\n    padding-right: 1px;\n  }\n\n\n  /*===================================================================\n                        Header\n  ================================================================== */\n  \n.st-header {\n    background: var(--q-color-white);\n    padding-left: 20px;\n  }\n  @media (max-width: 599px) {\n    .st-header {\n      padding-top: 20px;\n      padding-bottom: 0;\n    }\n  }\n\n@media (min-width: 600px) {\n.st-header .st-header__title + .st-header__title,\n.st-header .st-header__title + .st-logo,\n.st-header .st-logo + .st-header__title,\n.st-header .st-logo + .st-logo {\n    margin-left: 15px;\n    padding-left: 15px;\n    border-left: 1px solid var(--st-dashboard-line);\n  }\n}\n.st-logo {\n  height: 20px;\n}\n.st-header__title,\n.st-logo {\n  text-align: center;\n  display: block;\n}\n@media (min-width: 600px) {\n.st-header__title,\n.st-logo {\n    display: inline-block;\n    text-align: left;\n  }\n}\n.st-logo {\n  margin: 0 auto;\n}\n@media (min-width: 600px) {\n.st-logo {\n    margin: auto;\n  }\n}\n\n\n  /*===================================================================\n                        Footer\n  ================================================================== */\n\n.st-footer {\n    font-size: 0.8rem;\n    padding-top: 2rem !important;\n    text-align: center;\n  }\n.st-footer .st-logo {\n    height: 17px;\n    margin-right: 2px;\n  }\n\n\n\n  /*===================================================================\n                        St Field Label\n  ================================================================== */\n\n  .st-field-label {\n    font-size: var(--st-font-size-md);\n    font-weight: 500;\n    color: var(--st-text-1);\n    padding-top: 7px;\n    padding-bottom: 2px;\n    margin: 0;\n\n    > p{\n      margin: 0px;\n    }\n  }\n\n  .st-center {\n    margin: auto;\n  }\n}\n\n\n/* ---------- Layout ---------- */\n\n.max-width-xs {\n  max-width: 600px;\n}\n.max-width-sm {\n  max-width: 800px;\n}\n.max-width-md {\n  max-width: 1000px;\n}\n.max-width-lg {\n  max-width: 1200px;\n}\n.max-width-xl {\n  max-width: 1400px;\n}\n';const er=e=>(Object(n["J"])("data-v-772479b2"),e=e(),Object(n["H"])(),e),tr={key:0,class:"editorSidebar",style:{height:"100%"}},ar={class:"col",style:{display:"flex","flex-direction":"column",height:"100%",position:"relative"}},nr={class:"themeHeader"},or={style:{"user-select":"none"}},lr={style:{"font-weight":"bold","text-transform":"capitalize"}},rr={key:0},ir=["innerHTML"],sr={style:{display:"flex","flex-direction":"row",gap:"10px",padding:"5px 10px 8px"}},cr={key:1},dr=er(()=>Object(n["k"])("div",{style:{"margin-top":"10px","font-weight":"bold"}},"Available themes",-1)),pr={class:"themeButtonsContainer"},ur=["onClick"],br={key:0,style:{"font-style":"italic","font-size":"0.9em"}},mr={key:0,style:{display:"flex","flex-direction":"row",gap:"5px"}},gr=["onClick"],fr=["onClick"],hr=["innerHTML"],vr={key:0,class:""},yr={key:0,class:"",style:{"max-width":"100%",height:"calc(100% - 25px)",position:"relative",padding:"10px 10px","text-align":"center"}},_r={style:{"font-weight":"bold","text-transform":"capitalize"}},jr=er(()=>Object(n["k"])("br",null,null,-1)),Or=er(()=>Object(n["k"])("i",{role:"img",class:"q-icon notranslate material-icons",style:{"font-size":"1.2rem"}},"list",-1)),wr={key:1,class:"testB",style:{"max-width":"100%",height:"calc(100% - 25px)",position:"relative"}},xr={style:{top:"20px",position:"relative",padding:"0px 8px 10px 3px"}},kr={class:"themeItemsContainer",style:{"font-weight":"normal","padding-left":"15px","padding-right":"20px","padding-bottom":"10px"}},Cr={key:0,class:"themeItemLabel"},Sr=["onClick"],Dr=er(()=>Object(n["k"])("i",{role:"img",class:"q-icon notranslate material-icons"},"refresh",-1)),Tr=[Dr],Ar={key:1,class:"themeItemValueCell"},Pr={key:0},Lr=["onUpdate:modelValue"],qr=["value"],Vr={key:1},Nr={key:0},Er=["onUpdate:modelValue"],Ir={key:1,style:{display:"flex","flex-direction":"row","justify-content":"flex-end"}},Mr=["value","onInput"],Gr=["onChange"],Br=["value","selected"],Rr={key:2},Fr=["onUpdate:modelValue"],zr=["value"],Hr={key:3},Ur=["onUpdate:modelValue"],$r=["value"],Wr={key:4},Jr=["onUpdate:modelValue"],Yr=er(()=>Object(n["k"])("option",{value:"var(--st-filter-light)"},"Light",-1)),Qr=er(()=>Object(n["k"])("option",{value:"var(--st-filter-dark)"},"Dark",-1)),Xr=[Yr,Qr],Zr={key:2,class:"propSwitchContainer"},Kr=["onClick"],ei=["src"],ti={style:{width:"100%","text-align":"right",padding:"20px 20px 0px"}},ai={key:0,class:"clearThemeButton"},ni={key:1,class:"notProUI"},oi=er(()=>Object(n["k"])("br",null,null,-1)),li=er(()=>Object(n["k"])("br",null,null,-1)),ri=er(()=>Object(n["k"])("br",null,null,-1));var ii={__name:"ThemeEditor",props:{endpoint:{type:String,required:!0},filepath:{type:String,required:!0}},emits:["changed"],setup(e,{expose:t,emit:a}){const o=e;t({initializeFromThemeCssFile:E});let l=Object(n["L"])(!1);const r=Object(n["L"])(!1),s=Object(n["L"])(""),c=Object(n["L"])(zl()),d=Object(n["L"])(""),p=Object(n["L"])(!1),u=Object(n["L"])({}),b=Object(n["L"])(""),m=Object(n["L"])(""),g=Object(n["L"])(null);V();const f=Object(n["L"])(""),h=Object(n["L"])(!1),v=Object(n["f"])(()=>y.IS_PRO),_=Object(n["f"])(()=>u.value.registered||[]);function j(e){const t=document.createElement("style");try{t.textContent=e,document.head.appendChild(t);const a=t.sheet&&t.sheet.cssRules.length>0;return document.head.removeChild(t),a}catch(a){return t.parentNode&&document.head.removeChild(t),!1}}function O(e){console.log("applyTheme",e);let t=`${apibase}apps/${y.appid}/save?path=.theme`;i["a"].post(t,{payload:e.name}).then(t=>{console.log("applyTheme response",t),u.value.active.name=e.name,u.value.active.asset=e.asset,s.value=null,"usertheme"==e.name&&(l.value=!0)}).catch(e=>{console.log("applyTheme error",e)})}function w(){return _.value.some(e=>"usertheme"==e.name)}function x(e){w()?(r.value=!0,g.value=e):(k(e),g.value=null,r.value=!1)}function k(e){console.log("customizeTheme",e);let t=`${apibase}apps/${y.appid}/save?path=${encodeURIComponent("public/css/themes/theme.css")}`;i["a"].post(t,{payload:e.content}).then(e=>{console.log('customizeTheme - save "themes/theme.css" response: ',e);let t=`${apibase}apps/${y.appid}/save?path=.theme`;i["a"].post(t,{payload:"usertheme"}).then(e=>{console.log('customizeTheme - save ".theme" response: ',e),u.value.active.name="usertheme",u.value.active.asset="/css/themes/theme.css",l.value=!0,h.value=!1}).catch(e=>{console.log("customizeTheme error",e)})}).catch(e=>{console.log("customizeTheme error",e)})}async function C(e,t=!1){if(!s.value){let e=J(":root.stipple-core");m.value=e}S(""),console.log("onThemePicked",e.assetFullPath),e.assetFullPath?fetch(e.assetFullPath).then(e=>{if(!e.ok)throw new Error("HTTP error "+e.status);return e.text()}).then(a=>{if(!j(a))throw console.error("Invalid CSS"),new Error("Invalid CSS");{e.content=a;let n=a;E(n),Q(),t&&(l.value=!0,h.value=!1)}}).catch(e=>{console.error("Error fetching theme:",e);let t="";"TypeError"===e.name&&e.message.includes("Failed to fetch")?t+="CSS File not":t+=e.message,S(t)}).finally(()=>{s.value=e,console.log("onThemePicked - finally",s.value)}):S("Missing asset path")}function S(e){d.value=e}function D(e){e&&(k(g.value),g.value=null),r.value=!1}function T(e){u.value=e}function A(){console.log("refreshThemeList");let e=y.getAppAssetsBaseUrl("http",window.appData.value.port);"/"==e[e.length-1]&&(e=e.substring(0,e.length-1));let t=`${apibase}apps/${y.appid}/pages`;i["a"].get(t).then(t=>{let a=t.data.pages[y.currentPageIndex],n=a.themes;n&&n.active&&(n.active.asset.startsWith("/")?n.active.assetFullPath=e+n.active.asset:n.active.assetFullPath=n.active.asset),n&&n.registered&&n.registered.forEach(t=>{t.asset.startsWith("/")?t.assetFullPath=e+t.asset:t.assetFullPath=t.asset}),T(n)}).catch(e=>{console.log("refreshThemeList error",e)})}function P(){L(!h.value)}function L(e){console.log("showThemeSelector",e,s.value),e?(console.log("showThemeSelector - will refresh theme list"),A()):s.value&&(console.log("showThemeSelector - will discard"),N()),r.value=!1,s.value="",h.value=e,d.value=""}function q(){window.showUpgradeLicenseDialog(!1)}function V(){c.value.groups.forEach(e=>{e.rules.forEach(e=>{e.properties.forEach(e=>{e.defaultValue=e.value})})})}function N(){s.value="",m.value?(console.log("discardPreviewedTheme A (backup)"),E(m.value)):(console.log("discardPreviewedTheme B (original)"),E(b.value)),Q()}function E(e,t=!1){if(console.log("[ThemeEditor] initializeFromThemeCssFile()",e.length),""==e)return void a("changed","");let n=I(e),o={};n.forEach(e=>{o[e.selector]||(o[e.selector]={}),o[e.selector][e.propertyName]=e.value});let r=c.value.groups;r.forEach(e=>{e.rules.forEach(e=>{let t=e.selector;e.properties.forEach(e=>{let a=o[t];if(a){let t=a[e.propertyName];t&&(e.value=t)}})})}),t&&(b.value=e),V(),t&&setTimeout(()=>{l.value=!0},100)}function I(e){const t=[],a=/:root\.stipple-core\s*{([\s\S]*?)}/,n=/([^{}]+){([^}]+)}/g,o=a.exec(e);if(o){const e=o[1].trim(),a=e.split(";").filter(e=>""!==e.trim());a.forEach(e=>{const[a,n]=e.split(":").map(e=>e.trim());t.push({selector:":root.stipple-core",propertyName:a,value:n})})}let l;while(null!==(l=n.exec(e))){const e=l[1].trim(),a=l[2].trim(),n=a.split(";").filter(e=>""!==e.trim());n.forEach(a=>{const[n,o]=a.split(":").map(e=>e.trim());t.push({selector:e,propertyName:n,value:o})})}return t.forEach(e=>{var t;null!==(t=e.value)&&void 0!==t&&t.startsWith("var(")&&(e.value=e.value.replace("var(","").replace(")",""))}),t}function M(e){if(G(e.value)){let t=Ml[e.propertyName];t?e.value=t.default:console.error("[ThemeEditor] No property definition for ",e.propertyName)}else e.value="--undefined";Q()}function G(e){let t="string"==typeof e&&e.startsWith("--");return t}function B(e){return parseFloat(e.value)||""}function R(e){const t=e.value.match(/[a-zA-Z%]+$/);return t?t[0]:"px"}function F(e,t){const a=e.target.value,n=this.getUnitValue(t);t.value=""!=a?`${a}${n}`:a,this.assignVariables()}function z(e,t){const a=e.target.value,n=this.getNumericValue(t);t.value=""!=n?`${n}${a}`:n,this.assignVariables()}function H(e=!1){console.log("[ThemeEditor] saveDocument"),p.value=!1;let t,a=encodeURIComponent(o.filepath),n=`${o.endpoint}save?path=${a}`;1==e?t="":(t=Kl,t=t.replace("/* {{ themeVariables }} */",J(":root.stipple-core"))),console.log("[ThemeEditor] saveUrl",n),i["a"].post(n,{payload:t}).then(t=>{console.log("[ThemeEditor] html-save callback: ",a),200==t.status?1==e?window.location.reload():V():console.log("[ThemeEditor] Error saving template: ",t)}).catch(e=>{console.log("[ThemeEditor] error saving HTML: ",a),console.log("[ThemeEditor] ERROR saving template file response: ",e),console.log("[ThemeEditor] Error saving template, network error: ",e),U("There was an issue saving your changes (Network error). If the problem persists please try reloading this window.")})}function U(e){window.parent.postMessage({command:"showApiErrorAlert",message:e},"*")}function $(){p.value=!1,X()}function W(e){let t=[];return"font-size"==e.propertyName?c.value.groups.forEach(e=>{e.rules.forEach(e=>{e.properties.forEach(e=>{e.isVar&&"text"==e.type&&t.push(e)})})}):(c.value.groups.forEach(e=>{e.rules.forEach(e=>{e.properties.forEach(e=>{e.isVar&&!e.hide&&"color"==e.type&&t.push(e)})})}),t=t.sort((e,t)=>e.label.localeCompare(t.label))),t}function J(e="#demoContent"){let t="";return c.value.groups.forEach(e=>{e.rules.forEach(e=>{t+=`  ${e.selector}{\n`,e.properties.forEach(e=>{null==e.value||e.value.startsWith,""==e.value||(e.value.startsWith("--")?t+=`    ${e.propertyName}: var(${e.value});\n`:t+=`    ${e.propertyName}: ${e.value};\n`)}),t+="  }\n"})}),t}function Y(){l.value&&(p.value=!0,Q())}function Q(){let e=Kl;e=e.replace("/* {{ themeVariables }} */",J(":root.stipple-core")),a("changed",e)}function X(){c.value.groups.forEach(e=>{e.rules.forEach(e=>{e.properties.forEach(t=>{Z(e,t)})})})}function Z(e,t){let a=t.defaultValue;t.value=a,Y()}return Object(n["D"])(()=>{A()}),(e,t)=>{var a,o,i,b;const m=Object(n["O"])("q-expansion-item"),g=Object(n["O"])("q-list"),y=Object(n["O"])("vscode-button");return v.value?(Object(n["G"])(),Object(n["j"])("div",tr,[Object(n["k"])("div",ar,[Object(n["k"])("div",nr,[Object(n["k"])("div",or,[Object(n["l"])("Active Theme: "),Object(n["k"])("span",lr,Object(n["S"])((null===(a=u.value)||void 0===a||null===(a=a.active)||void 0===a?void 0:a.name)||"None"),1)]),Object(n["k"])("div",null,[Object(n["k"])("i",{role:"img",class:"q-icon notranslate material-icons",style:{cursor:"pointer",padding:"1px 3px 1px","font-size":"1.1rem"},onClick:t[0]||(t[0]=e=>P())},Object(n["S"])(h.value?"filter_list_off":"list"),1)])]),Object(n["k"])("div",{class:Object(n["w"])({themeSelector:!0,themeSelectorVisible:h.value||!Object(n["V"])(l),themeSelectorShadow:Object(n["V"])(l)}),style:{}},[r.value?(Object(n["G"])(),Object(n["j"])("div",rr,[Object(n["k"])("div",null,[Object(n["k"])("div",{style:{padding:"10px"},innerHTML:"Are you sure you want to overwrite the current theme with '<b>"+s.value.name+"</b>'?"},null,8,ir),Object(n["k"])("div",sr,[Object(n["k"])("button",{class:"themedButton",onClick:t[1]||(t[1]=e=>D(!1))},"No"),Object(n["k"])("button",{class:"themedButton",onClick:t[2]||(t[2]=e=>D(!0))},"Yes")])])])):Object(n["i"])("",!0),h.value?(Object(n["G"])(),Object(n["j"])("div",cr,[dr,Object(n["k"])("div",pr,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(_.value,e=>{var t,a,o,l,r,i;return Object(n["G"])(),Object(n["j"])("div",{key:e.name,class:Object(n["w"])({themeSelectorItem:!0,themeSelectorItemSelected:e.name==(null===(t=u.value)||void 0===t||null===(t=t.active)||void 0===t?void 0:t.name)}),style:{}},[Object(n["k"])("div",{onClick:t=>C(e),class:Object(n["w"])({themeSelected:e.name==(null===(a=u.value)||void 0===a||null===(a=a.active)||void 0===a?void 0:a.name),themePreviewed:e.name==(null===(o=s.value)||void 0===o?void 0:o.name)}),style:{width:"100%"}},[Object(n["l"])(Object(n["S"])((null===e||void 0===e?void 0:e.name)||"None")+" ",1),e.name==(null===(l=s.value)||void 0===l?void 0:l.name)?(Object(n["G"])(),Object(n["j"])("span",br,"(Preview)")):Object(n["i"])("",!0)],10,ur),d.value||e.name!=(null===(r=s.value)||void 0===r?void 0:r.name)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",mr,[Object(n["k"])("button",{class:"themedButton",onClick:t=>O(e),style:{padding:"0px 8px 1px","font-size":"0.8em",position:"relative",top:"-1px"}},"Apply",8,gr),Object(n["k"])("button",{class:"themedButton",onClick:t=>x(e),style:{padding:"0px 8px 1px","font-size":"0.8em",position:"relative",top:"-1px"}},"Customize",8,fr)])),d.value&&e.name==(null===(i=s.value)||void 0===i?void 0:i.name)?(Object(n["G"])(),Object(n["j"])("div",{key:1,class:"themeError",innerHTML:d.value},null,8,hr)):Object(n["i"])("",!0)],2)}),128))]),s.value?(Object(n["G"])(),Object(n["j"])("div",vr,[Object(n["k"])("button",{class:"themedButton",onClick:t[3]||(t[3]=e=>N()),style:{"margin-top":"10px"}},"Discard")])):Object(n["i"])("",!0)])):Object(n["i"])("",!0)],2),h.value||"usertheme"==(null===(o=u.value)||void 0===o||null===(o=o.active)||void 0===o?void 0:o.name)?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",yr,[Object(n["l"])("Your are currently using the "),Object(n["k"])("span",_r,Object(n["S"])((null===(i=u.value)||void 0===i||null===(i=i.active)||void 0===i?void 0:i.name)||"Unknown"),1),Object(n["l"])(" theme. "),jr,Object(n["l"])("Click the "),Or,Object(n["l"])(" icon above to select a different one or customize your own. ")])),Object(n["V"])(l)&&!h.value&&"usertheme"==(null===(b=u.value)||void 0===b||null===(b=b.active)||void 0===b?void 0:b.name)?(Object(n["G"])(),Object(n["j"])("div",wr,[Object(n["k"])("div",xr,[Object(n["db"])(Object(n["k"])("input",{class:"roundInput",type:"text","onUpdate:modelValue":t[4]||(t[4]=e=>f.value=e),id:"",placeholder:"Search Theme Styles"},null,512),[[n["Z"],f.value]])]),Object(n["m"])(g,{style:{height:"100%","max-height":"calc(100% - 125px)","overflow-y":"auto","overflow-x":"hidden"}},{default:Object(n["cb"])(()=>[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(c.value.groups,(e,a)=>(Object(n["G"])(),Object(n["h"])(m,{key:e.label,label:e.label,dense:"","default-opened":0==a,style:{"font-weight":"bold"}},{default:Object(n["cb"])(()=>[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.rules,e=>(Object(n["G"])(),Object(n["h"])(m,{key:e.label,label:e.label,dense:"","default-opened":"","header-inset-level":.2,class:"level2",style:{"font-weight":"bold"}},{default:Object(n["cb"])(()=>[Object(n["k"])("div",kr,[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(e.properties,a=>(Object(n["G"])(),Object(n["j"])("div",{class:Object(n["w"])({themeItemContainer:!0,unused:""==a.value})},[!a.hide&&(""==f.value||a.propertyName.indexOf(f.value)>-1)?(Object(n["G"])(),Object(n["j"])("div",Cr,[a.value!=a.defaultValue?(Object(n["G"])(),Object(n["j"])("div",{key:0,class:"resetPropertyButton",onClick:t=>Z(e,a)},Tr,8,Sr)):Object(n["i"])("",!0),Object(n["l"])(" "+Object(n["S"])(a.label),1)])):Object(n["i"])("",!0),!a.hide&&(""==f.value||a.propertyName.indexOf(f.value)>-1)?(Object(n["G"])(),Object(n["j"])("div",Ar,[!a.isVar&&G(a.value)?(Object(n["G"])(),Object(n["j"])("div",Pr,[Object(n["k"])("div",null,[Object(n["db"])(Object(n["k"])("select",{class:"propControl","onUpdate:modelValue":e=>a.value=e,onChange:t[5]||(t[5]=e=>Y())},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(W(a),e=>(Object(n["G"])(),Object(n["j"])("option",{value:e.propertyName},Object(n["S"])(e.label),9,qr))),256))],40,Lr),[[n["Y"],a.value]])])])):(Object(n["G"])(),Object(n["j"])("div",Vr,["text"==a.type?(Object(n["G"])(),Object(n["j"])("div",Nr,[Object(n["db"])(Object(n["k"])("input",{class:"propControl",type:"text","onUpdate:modelValue":e=>a.value=e,onChange:t[6]||(t[6]=e=>Y())},null,40,Er),[[n["Z"],a.value]])])):Object(n["i"])("",!0),"number"==a.type?(Object(n["G"])(),Object(n["j"])("div",Ir,[Object(n["k"])("div",null,[Object(n["k"])("input",{class:"propControl",type:"number",value:B(a),onInput:e=>F(e,a),style:{width:"40px"}},null,40,Mr)]),Object(n["k"])("div",null,[a.units?(Object(n["G"])(),Object(n["j"])("select",{key:0,class:"propControl units",onChange:e=>z(e,a)},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(a.units,e=>(Object(n["G"])(),Object(n["j"])("option",{value:e,selected:e===R(a)},Object(n["S"])(e),9,Br))),256))],40,Gr)):Object(n["i"])("",!0)])])):Object(n["i"])("",!0),"color"==a.type?(Object(n["G"])(),Object(n["j"])("div",Rr,[G(a.value)?Object(n["db"])((Object(n["G"])(),Object(n["j"])("select",{key:0,class:"propControl","onUpdate:modelValue":e=>a.value=e,onChange:t[7]||(t[7]=e=>Y())},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(W(a),e=>(Object(n["G"])(),Object(n["j"])("option",{style:{border:"solid 1px blue"},value:"var("+e.propertyName+")"},Object(n["S"])(e.label),9,zr))),256))],40,Fr)),[[n["Y"],a.value]]):(Object(n["G"])(),Object(n["h"])(Jl,{key:1,class:"",xOffset:-180,yOffset:5,btnwidth:"50px",btnheight:"15px",modelValue:a.value,"onUpdate:modelValue":e=>a.value=e,onChanged:Y},null,8,["modelValue","onUpdate:modelValue"]))])):Object(n["i"])("",!0),"select"==a.type?(Object(n["G"])(),Object(n["j"])("div",Hr,[Object(n["db"])(Object(n["k"])("select",{class:"propControl","onUpdate:modelValue":e=>a.value=e,onChange:t[8]||(t[8]=e=>Y())},[(Object(n["G"])(!0),Object(n["j"])(n["a"],null,Object(n["M"])(a.options,e=>(Object(n["G"])(),Object(n["j"])("option",{value:e.value||e},Object(n["S"])(e.label||e),9,$r))),256))],40,Ur),[[n["Y"],a.value]])])):Object(n["i"])("",!0),"filter"==a.type?(Object(n["G"])(),Object(n["j"])("div",Wr,[Object(n["db"])(Object(n["k"])("select",{class:"propControl","onUpdate:modelValue":e=>a.value=e,onChange:t[9]||(t[9]=e=>Y())},Xr,40,Jr),[[n["Y"],a.value]])])):Object(n["i"])("",!0)]))])):Object(n["i"])("",!0),a.hide||!(""==f.value||a.propertyName.indexOf(f.value)>-1)||a.isVar||"color"!=a.type?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",Zr,[Object(n["k"])("div",{class:Object(n["w"])({propModeSwitch:!0,forceVisible:G(a.value)}),onClick:e=>M(a)},[Object(n["k"])("img",{title:"Toggle Variable",src:G(a.value)?Object(n["V"])(Ql.a):Object(n["V"])(Zl.a),alt:""},null,8,ei)],10,Kr)]))],2))),256))])]),_:2},1032,["label"]))),128))]),_:2},1032,["label","default-opened"]))),128))]),_:1}),Object(n["k"])("div",ti,[Object(n["k"])("button",{class:Object(n["w"])({themedButton:!0,buttonDisabled:!p.value}),onClick:H},"Save Changes",2),p.value?(Object(n["G"])(),Object(n["j"])("div",ai,[Object(n["k"])("div",{onClick:$},"Reset All Changes")])):Object(n["i"])("",!0)])])):Object(n["i"])("",!0)])])):(Object(n["G"])(),Object(n["j"])("div",ni,[Object(n["l"])(" The Theme Editor is a Pro feature."),oi,Object(n["l"])(" Upgrade to Pro and start using it now!"),li,Object(n["l"])(),ri,Object(n["m"])(y,{onClick:q,style:{"margin-right":"3px"}},{default:Object(n["cb"])(()=>[Object(n["l"])("Upgrade")]),_:1})]))}}},si=(a("ed5a"),a("3b73")),ci=a("66e5");const di=L()(ii,[["__scopeId","data-v-772479b2"]]);var pi=di;ot()(ii,"components",{QIcon:ra["a"],QList:Cl["a"],QExpansionItem:si["a"],QItem:ci["a"]});const ui=e=>(Object(n["J"])("data-v-2e81d656"),e=e(),Object(n["H"])(),e),bi={key:0,class:"mainContainer"},mi={class:"topBar"},gi={style:{width:"calc(100% - 300px)","min-width":"calc(100% - 300px)",display:"flex","flex-direction":"row","justify-content":"end","padding-right":"2px"}},fi=ui(()=>Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{}},"highlight_alt",-1)),hi=[fi],vi=ui(()=>Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{}},"feedback",-1)),yi=[vi],_i=ui(()=>Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{}},"help",-1)),ji=[_i],Oi=ui(()=>Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{}},"refresh",-1)),wi=[Oi],xi=ui(()=>Object(n["k"])("i",{"aria-hidden":"true",role:"img",class:"q-icon notranslate material-icons",style:{}},"save",-1)),ki=[xi],Ci={class:"topToolBar",style:{display:"flex","flex-direction":"row",width:"300px","min-width":"300px"}},Si={key:0,style:{"flex-grow":"1","text-align":"left","padding-left":"15px"}},Di={style:{display:"flex","flex-direction":"column"}},Ti=["innerHTML"],Ai={style:{"margin-right":"10px",color:"rgb(204, 204, 204)",width:"100%",padding:"3px 0px","font-size":"0.9em",position:"relative",top:"-8px",opacity:"0.7"}},Pi={class:"rowStack"},Li={class:"centralBar"},qi={class:"panel canvasPanel",style:{}},Vi={class:"panel logsPanel"},Ni={class:"panel bindingsPanel fullHeight"},Ei={id:"themesContainer",style:{height:"100%"},title:""},Ii=ui(()=>Object(n["k"])("div",{id:"myStyleEditorContainer",title:""},[Object(n["k"])("div",{id:"myStyleEditorContainerClasses"}),Object(n["k"])("div",{id:"myStyleEditorContainerSections"})],-1)),Mi=ui(()=>Object(n["k"])("div",{id:"layersContainer",title:""},null,-1)),Gi={class:"nothingSelected",title:""},Bi=ui(()=>Object(n["k"])("i",null,"Nothing selected",-1)),Ri=[Bi],Fi={id:"customCodeEditor",title:""},zi={class:"panel propertiesPanel fullHeight"},Hi={class:"panel aiHelpPanel fullHeight"};var Ui={__name:"Main",setup(e,{expose:t}){j();const a="1.1.10";let o=Object(n["L"])(null),l=Object(n["L"])(null),r=Object(n["L"])("test <p>para</p>"),s=Object(n["L"])({mode:"text/xml",theme:"neat",lineWrapping:!0}),c={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},d="",p="",u="",b=[],m="",v=Object(n["L"])([]),_=Object(n["L"])(null),O=localStorage.getItem("panelStates");O?_.value=JSON.parse(O):(_.value={bindingsPanelContainer:{expanded:!0,size:10},propertiesPanelContainer:{expanded:!0,size:10},aiHelpPanelContainer:{expanded:!0,size:10}},F());const w=Object(n["L"])(null),x=Object(n["L"])(null),k=Object(n["L"])(null),C=Object(n["L"])(null),S=Object(n["L"])(null),D=Object(n["L"])(null),T=Object(n["L"])(null),A=Object(n["L"])(null),P=Object(n["L"])(null),L=Object(n["L"])(null),q=Object(n["L"])(null),V=Object(n["L"])(null);let N=null,E=!1,I=window.appData=Object(n["L"])(null);const M=window.statusMonitor=new Il(we,ke,xe),B=Object(n["f"])(()=>{let e="Properties";return V&&V.value?V.value.attributes.name&&(e+=" - "+V.value.attributes.name):e+=" (nothing selected)",e});function R(){let e=`${apibase}apps/${y.appid}/`;return e}function F(){try{_.value.bindingsPanelContainer.size=Math.round(document.getElementById("bindingsPanelContainer_Pane").style.height.split("%").join("")),_.value.propertiesPanelContainer.size=Math.round(document.getElementById("propertiesPanelContainer_Pane").style.height.split("%").join("")),_.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(_.value))}function z(){F()}function H(e,t){_.value[e].expanded=t,F()}function $(e){return e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}function W(){return y.IS_PRO}function Y(){let e='Genie Builder <span style=" font-weight: bold;">';return e+=$(W()?y.LICENSE_TYPE:"Lite"),e+="</span>",e}function Q(e){4==e&&setTimeout(()=>{le()},200)}function X(e){S.value.showAiCodePreview(e)}function Z(e){console.log("[Main] themeCssLoaded: "),l.value?l.value.initializeFromThemeCssFile(e,!0):console.log("[Main] themeEditor not found")}function K(){let e=r.value;const t=new DOMParser,a=t.parseFromString(e,"text/html"),n=a.body;qe.encodeAttributesInDOM(n);const o=n.innerHTML;let l=editor.getCss();editor.getSelected().replaceWith(o),editor.setStyle(l)}function ee(e){D.value.setHandleBlocks(e)}function ae(e){q.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 q.value.updateElementsPositions([])}function ne(e){var t;let a=e.bindingInfo.bindingname,n=null===(t=sharedData.modelFieldsByName[a])||void 0===t?void 0:t.columns;if(n&&n.length>0){let t,o;t=o=`$_{${a}.${n[0]}}`,n.length>1&&(o=`$_{${a}.${n[1]}}`);let l=e.newComponentModel;editor.select(e.targetModel),setTimeout(()=>{var a;let n=null===(a=A.value)||void 0===a?void 0:a.chartPropertiesPanel;n&&n.addNewTraceFromBinding(t,o),editor.select(l);let r=l.collection;r.remove(l),editor.select(e.targetModel)},100)}}function oe(e){window.selectedComponent=V.value=e,A.value&&A.value.setSelectedComponent(e),L.value&&L.value.setSelectedComponent(e),le()}function le(){let e=V.value;if(!e)return;let t=e.toHTML();const a=t,n=new DOMParser,l=n.parseFromString(a,"text/html"),i=l;qe.decodeAttributesInDOM(i),t=i.querySelector("body").innerHTML;let s=html_beautify(t,c);r.value=s,o.value.refresh()}function re(e=!0){window.showUpgradeLicenseDialog(e)}function ie(){window.location.reload()}function se(e){I.value=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{Any}}":"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","{Matrix}":"Array","{Matrix{Any}}":"Array","{Matrix{Bool}}":"Array","{Matrix{String}}":"Array","{Matrix{Char}}":"Array","{Matrix{Number}}":"Array","{Matrix{Float64}}":"Array","{Matrix{Int64}}":"Array","{Matrix{Int32}}":"Array","{Matrix{Int16}}":"Array","{Matrix{Int8}}":"Array","Matrix{Dict}":"Array","{Object}":"Object","{NamedTuple{(:min, :max), Tuple{Int64, Int64}}}":"Object","{Dict}":"Object","{Dict{String, Any}}":"Object","{Dict{String, Bool}}":"Object","{Dict{String, String}}":"Object","{RangeData{Int64}}":"Object","{Vector{GenericTrace{Dict{Symbol, Any}}}}":"PlotlyBase.GenericTrace","{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,n=a.replace("Reactive",""),o=t[n];void 0!=o||0!=n.indexOf("{Vector{Dict{")&&0!=n.indexOf("{Vector{Vector{")||(o="Array"),e.type=o||"UnknownType"}),e.model.fields=g["a"].sortBy(e.model.fields,e=>e.name.toLowerCase())})}function de(){let e=editor.getCss();const t=editor.getHtml({cleanId:!0}),a=new DOMParser,n=a.parseFromString(t,"text/html"),o=n.body.querySelector("#gbTemplateContainer")||null;let l=/\*\s*{[^}]*}|body\s*{[^}]*}/g;e=e.replace(l,""),qe.decodeAttributesInDOM(o);const r=o.innerHTML;let i=html_beautify(r,c);return i=qe.restoreSpecialElements(i),{beautifiedHtml:i,editedHtmlCss:e}}function pe(e,t){function a(e){const t=/([^{]+)\{([^}]+)\}/g;let a;const n={};while(null!==(a=t.exec(e))){const e=a[1].trim(),t=a[2].trim();n[e]=t}return n}function n(e){return Object.entries(e).map(([e,t])=>`${e} { ${t} }`).join(" ")}const o=a(e),l=a(t);for(const[r,i]of Object.entries(l))o[r]=i;return n(o)}function ue(e){let t=new DOMParser,a=t.parseFromString(e,"text/html");const n=a.body||null,o=n.innerHTML;let l=html_beautify(o,c);return l=qe.restoreSpecialElements(l),l}function be(){me()}function me(e){let{beautifiedHtml:t,editedHtmlCss:a}=de(),n=t.indexOf("<tempplaceholder")>-1;if(n)return;let o=ue(t),l=ue(m),r=l!=o;if(!r&&!e)return;if(m=t,y.elementid){const e=new DOMParser,a=e.parseFromString(d,"text/html");let n=a.querySelector("#"+y.elementid);n.innerHTML=t;const o=a.body,l=o.innerHTML;t=html_beautify(l,c),t=qe.restoreSpecialElements(t)}let s=N.view,g=encodeURIComponent(s),f=`${apibase}apps/${y.appid}/save?path=${g}`;E=!0,i["a"].post(f,{payload:t}).then(e=>{if(200!=e.status)return void Oe(`There was an issue saving your changes (code ${e.status}). If the problem persists please try reloading this window.`);if(y.elementid){let e=pe(p,a);a=e}else{let e=qe.mergeCss(b,u,a);a=e}let t=qe.formatCss(a);a=t,setTimeout(()=>{let e=`${apibase}apps/${y.appid}/save?path=public/css/autogenerated.css`;i["a"].post(e,{payload:a}).then(e=>{E=!1}).catch(e=>{})},1e3)}).catch(e=>{Oe("There was an issue saving your changes (Network error). If the problem persists please try reloading this window.")})}function ge(){let e=N.config.app_path+"/"+N.view;localStorage.removeItem("unsavedChanges__"+e)}function fe(){let e=N.config.app_path+"/"+N.view,t=localStorage.getItem("unsavedChanges__"+e);return t&&(t=JSON.parse(t)),t}function he(){let e=N.config.app_path+"/"+N.view,t=de();t=JSON.stringify(t),localStorage.setItem("unsavedChanges__"+e,t)}function ve(){editor.Commands.isActive("sw-visibility")?editor.Commands.stop("sw-visibility"):editor.runCommand("sw-visibility")}function ye(){window.parent.postMessage({command:"openFeedbackForm"},"*")}function _e(){window.parent.postMessage({command:"openHelpPage"},"*")}function je(){window.parent.postMessage({command:"informNoCodeVersion",metadata:{nocodeVersion:a}},"*")}function Oe(e){window.parent.postMessage({command:"showApiErrorAlert",message:e},"*")}function we(e){}function xe(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=N.config.app_path+"/"+N.view,n=e==a,o=e.indexOf("autogenerated.css")>-1,l=e.indexOf("css/themes/theme.css")>-1;if(l)return;(l||!o&&!E)&&(n||he(),window.location.reload())}else C&&C.value&&C.value.addLog({appid:t.appid,timestamp:t.timestamp,source:"server",level:t.type,message:t.message+": "+t.status})}function ke(e){M.restart(5)}function Ce(){const e=editor.getSelected();window.parent.postMessage({command:"editNestedComponent",appid:searchParams.appid,filepath:searchParams.filepath,ccid:e.getId()},"*")}function Se(e){console.log("[ThemeEDitor] updateRegisteredThemes",e),v.value=e}function De(){je(),window.showUpgradeLicenseDialog=(e=!0)=>{window.parent.postMessage({command:"showUpgradeLicenseDialog",metadata:{showDialog:e}},"*")},window.canvasPanel=S,document.addEventListener("scroll",e=>{let t=q.value;null!=t&&t.updateIframePosition()}),document.addEventListener("keydown",e=>{if(e.ctrlKey||e.metaKey)switch(e.key){case"s":e.preventDefault(),me();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=q.value;null!=t&&t.updateElementsPositions(e.data.payload)},!1),apibase&&y.appid&&(i["a"].get(apibase+"apps").then(e=>{let t=e.data.applications.find(e=>e.id.value.toString()==y.appid),a=t;null!=t&&i["a"].get(apibase+"apps/"+y.appid+"/pages").then(e=>{ce(e.data.pages),a.pages=e.data.pages,se(a),setTimeout(()=>{N=e.data.pages[y.currentPageIndex];let t,a=fe();if(a)ge(),t=a.beautifiedHtml,m=t,S.value.updateTemplateFile(t);else{let e=apibase+"apps/"+y.appid+"/edit?path="+encodeURIComponent(N.view);i["a"].get(e).then(e=>{if(y.elementid){const a=new DOMParser,n=a.parseFromString(e.data.content,"text/html");d=e.data.content,t=n.querySelector("#"+y.elementid).innerHTML;let o=`${apibase}apps/${y.appid}/edit?path=public/css/autogenerated.css`;i["a"].get(o).then(e=>{p=e.data.content}).catch(e=>{console.error("error loading full css file: ",o,e)})}else{t=e.data.content;let a=`${apibase}apps/${y.appid}/edit?path=public/css/autogenerated.css`;i["a"].get(a).then(e=>{u=e.data.content}).catch(e=>{console.error("error loading full css file: ",a,e)})}m=t;const a=qe.extractIdsFromHtml(t);console.log("htmlElementIds: ",a),b=a,S.value.updateTemplateFile(t)}).catch(t=>{console.error("error loading template file: ",e,t)})}},300)}).catch(e=>{})}).catch(e=>{}),M.connect())}function Te(e){console.log("onThemeChanged(): ",e.length);let t=document.querySelector(".gjs-frame");if(!t)return void console.log("unale to apply them,e to canvas, canvas not ready");let a=t.contentDocument.getElementById("temporalTheme");if(a)a.textContent=e;else{let a,n=t.contentDocument.querySelectorAll("link");n.forEach(e=>{let t=e.getAttribute("href");t.endsWith("/grapesCanvas.css")&&(a=e)}),a&&Ae(a,e)}}function Ae(e,t){let a=document.createElement("style");return a.id="temporalTheme",a.textContent=t,e.insertAdjacentElement("beforebegin",a),a}return window.switchCodeEditorTheme=()=>{"light"==window.currentThemeType?s.value.theme="neat":s.value.theme="dracula",themeType=window.currentThemeType,o.value&&o.value.refresh()},t({startEditingComponentContent:Ce}),Object(n["D"])(()=>{De()}),Object(n["E"])(()=>{}),(e,t)=>{const i=Object(n["O"])("vscode-button");return Object(n["V"])(I)?(Object(n["G"])(),Object(n["j"])("div",bi,[Object(n["k"])("div",mi,[Object(n["k"])("div",gi,[Object(n["k"])("div",{class:"topbarButton",onClick:ve,title:"View Component Outlines",style:{"padding-top":"5px"}},hi),Object(n["k"])("div",{class:"topbarButton",onClick:ye,title:"Give Feedback",style:{"padding-top":"5px"}},yi),Object(n["k"])("div",{class:"topbarButton",onClick:_e,title:"Get Support"},ji),Object(n["k"])("div",{class:"topbarButton",onClick:ie,title:"Reload"},wi),Object(n["k"])("div",{class:"topbarButton",onClick:t[0]||(t[0]=e=>me(!0)),title:"Save"},ki)]),Object(n["k"])("div",Ci,[W()?Object(n["i"])("",!0):(Object(n["G"])(),Object(n["j"])("div",Si,[Object(n["m"])(i,{onClick:t[1]||(t[1]=e=>re(!1)),style:{}},{default:Object(n["cb"])(()=>[Object(n["l"])("Upgrade to PRO")]),_:1})])),Object(n["k"])("div",Di,[Object(n["k"])("div",{class:"gbLogo",innerHTML:Y()},null,8,Ti),Object(n["k"])("div",Ai,"v "+Object(n["S"])(Object(n["V"])(a)),1)])])]),Object(n["k"])("div",Pi,[Object(n["k"])("div",Li,[Object(n["k"])("div",qi,[Object(n["m"])(rt,{ref_key:"canvasPanel",ref:S,onAutoSaveTriggered:be,onSaveTriggered:t[2]||(t[2]=e=>me(!0)),onComponentSelected:oe,onBindingDroppedOnComponent:ne,onThemeCssLoaded:Z,onThemesUpdated:Se,appData:Object(n["V"])(I)},null,8,["appData"])]),Object(n["k"])("div",Vi,[Object(n["m"])(G,{title:"Logs"},{default:Object(n["cb"])(()=>[Object(n["m"])(Ao,{ref_key:"logsPanel",ref:C,appData:Object(n["V"])(I)},null,8,["appData"])]),_:1})])]),Object(n["m"])(Object(n["V"])(f["b"]),{horizontal:"",class:"rightBar",onResized:z},{default:Object(n["cb"])(()=>[Object(n["m"])(Object(n["V"])(f["a"]),{id:"bindingsPanelContainer_Pane",size:Object(n["V"])(_).bindingsPanelContainer.size,style:Object(n["x"])({minHeight:Object(n["V"])(_).bindingsPanelContainer.expanded?"200px":"25px",maxHeight:Object(n["V"])(_).bindingsPanelContainer.expanded?"100%":"25px"})},{default:Object(n["cb"])(()=>[Object(n["k"])("div",Ni,[Object(n["m"])(G,{title:"Library & Bindings",ref_key:"bindingsPanelContainer",ref:w,"onUpdate:expanded":t[4]||(t[4]=e=>H("bindingsPanelContainer",e)),class:"fullHeight"},{default:Object(n["cb"])(()=>[Object(n["m"])(U,{mode:"light",onChangeTab:Q,style:{height:"100%",display:"flex","flex-direction":"column"}},{default:Object(n["cb"])(()=>[Object(n["m"])(J,{title:"Library",active:"true",style:{}},{default:Object(n["cb"])(()=>[Object(n["m"])(vt,{ref_key:"libraryPanel",ref:T,onBlockCustomTriggered:ee},null,512)]),_:1}),Object(n["m"])(J,{title:"Bindings"},{default:Object(n["cb"])(()=>[Object(n["m"])(te,{ref_key:"bindingsPanel",ref:D,appData:Object(n["V"])(I),onBindingOvered:ae},null,8,["appData"])]),_:1}),Object(n["m"])(J,{title:"Theme"},{default:Object(n["cb"])(()=>[Object(n["k"])("div",Ei,[Object(n["m"])(Object(n["V"])(pi),{ref_key:"themeEditor",ref:l,endpoint:R(),filepath:"public/css/themes/theme.css",onChanged:Te},null,8,["endpoint"])])]),_:1}),Object(n["m"])(J,{title:"Styles"},{default:Object(n["cb"])(()=>[Ii]),_:1}),Object(n["m"])(J,{title:"Layers"},{default:Object(n["cb"])(()=>[Mi]),_:1}),Object(n["m"])(J,{title:"Code",style:{width:"100%"}},{default:Object(n["cb"])(()=>[Object(n["db"])(Object(n["k"])("div",Gi,Ri,512),[[n["ab"],!V.value]]),Object(n["db"])(Object(n["k"])("div",Fi,[Object(n["m"])(Object(n["V"])(h["a"]),{ref_key:"codeEditor",ref:o,value:Object(n["V"])(r),"onUpdate:value":t[3]||(t[3]=e=>Object(n["s"])(r)?r.value=e:r=e),options:Object(n["V"])(s),border:"",placeholder:"test placeholder",height:200},null,8,["value","options"]),Object(n["m"])(i,{onClick:K},{default:Object(n["cb"])(()=>[Object(n["l"])("Apply")]),_:1})],512),[[n["ab"],V.value]])]),_:1})]),_:1})]),_:1},512)])]),_:1},8,["size","style"]),Object(n["m"])(Object(n["V"])(f["a"]),{id:"propertiesPanelContainer_Pane",size:Object(n["V"])(_).propertiesPanelContainer.size,style:Object(n["x"])({minHeight:Object(n["V"])(_).propertiesPanelContainer.expanded?"100px":"25px",maxHeight:Object(n["V"])(_).propertiesPanelContainer.expanded?"100%":"25px"})},{default:Object(n["cb"])(()=>[Object(n["k"])("div",zi,[Object(n["m"])(G,{title:B.value,ref_key:"propertiesPanelContainer",ref:x,"onUpdate:expanded":t[5]||(t[5]=e=>H("propertiesPanelContainer",e)),class:"fullHeight"},{default:Object(n["cb"])(()=>[Object(n["m"])(so,{ref_key:"propertiesPanel",ref:A,appData:Object(n["V"])(I),selectedComponent:V.value,class:"fullHeight",parentPanel:x.value},null,8,["appData","selectedComponent","parentPanel"])]),_:1},8,["title"])])]),_:1},8,["size","style"]),Object(n["m"])(Object(n["V"])(f["a"]),{id:"aiHelpPanelContainer_Pane",size:Object(n["V"])(_).aiHelpPanelContainer.size,style:Object(n["x"])({minHeight:Object(n["V"])(_).aiHelpPanelContainer.expanded?"150px":"25px",maxHeight:Object(n["V"])(_).aiHelpPanelContainer.expanded?"100%":"25px"})},{default:Object(n["cb"])(()=>[Object(n["k"])("div",Hi,[Object(n["m"])(G,{title:"AI Assistant",ref_key:"aiHelpPanelContainer",ref:k,"onUpdate:expanded":t[6]||(t[6]=e=>H("aiHelpPanelContainer",e)),class:"fullHeight"},{default:Object(n["cb"])(()=>[Object(n["m"])(U,{mode:"light",style:{height:"100%",display:"flex","flex-direction":"column"}},{default:Object(n["cb"])(()=>[Object(n["m"])(J,{title:"UI",active:"true"},{default:Object(n["cb"])(()=>[Object(n["m"])(El,{ref_key:"aiCodePanel",ref:L,appData:Object(n["V"])(I),onAiCodeChanged:X,selectedComponent:V.value,class:"fullHeight"},null,8,["appData","selectedComponent"])]),_:1}),Object(n["m"])(J,{title:"Help",style:{}},{default:Object(n["cb"])(()=>[Object(n["m"])(Xo,{ref_key:"aiHelpPanel",ref:P,appData:Object(n["V"])(I),selectedComponent:V.value,class:"fullHeight"},null,8,["appData","selectedComponent"])]),_:1})]),_:1})]),_:1},512)])]),_:1},8,["size","style"])]),_:1})]),Object(n["m"])(Eo,{ref_key:"bindingConnectorsManager",ref:q,appData:Object(n["V"])(I)},null,8,["appData"])])):Object(n["i"])("",!0)}}};a("3632");const $i=L()(Ui,[["__scopeId","data-v-2e81d656"]]);var Wi=$i;ot()(Ui,"components",{QIcon:ra["a"]});var Ji={__name:"App",setup(e){window.uikit=s,window.provideVSCodeDesignSystem=c["a"];const t=Object(n["L"])(null);function a(){window.mainController=t}return Object(c["a"])().register(Object(d["c"])(),Object(p["c"])(),Object(u["b"])(),Object(b["b"])(),Object(m["b"])()),Object(n["D"])(()=>{a()}),(e,a)=>(Object(n["G"])(),Object(n["h"])(Wi,{ref_key:"mainController",ref:t,msg:"Genie Builder No-Code Editor"},null,512))}};a("fe28");const Yi=Ji;var Qi=Yi,Xi=a("5502"),Zi=Object(Xi["a"])({state:{},mutations:{},actions:{},modules:{}});function Ki(e,t,a){const n=e.map(e=>fetch(e).then(t=>{if(!t.ok)throw new Error(`Failed to fetch ${e}: ${t.statusText}`);return t.json()}));Promise.all(n).then(e=>{e.forEach(e=>{t(e)})}).catch(e=>{console.error("One or more requests failed:",e)}).finally(()=>{a()})}function es(){let e=["appid","appport","CHANNEL__","GB_SOURCE","GB_HOST","GB_PORT","USER_EMAIL","SESSIONID"],t=[];window.searchParams=getSearchParams();let a="NCD. URL Params\n------------------------";if(e.forEach(e=>{a+=`\n  - ${e}: ${searchParams[e]}`,void 0==searchParams[e]?t.push(e):y[e]=searchParams[e]}),y.elementid=searchParams.elementid,t.length>0){let e="Missing URL params: "+t.join(", ");throw alert(e),new Error(e)}i["a"].defaults.headers.common["gb-sessionid"]=""+y.SESSIONID,window.apibase=y.getExternalApiBaseUrl("http")+"api/v1/",window.themeType="dark","light"==searchParams.theme&&(themeType="light"),setTheme(themeType),y.IS_PRO="true"==searchParams.ispro,y.LICENSE_TYPE=searchParams.license_type,y.currentPageIndex=searchParams.pageindex,apibase&&y.appid&&i["a"].get(apibase+"apps").then(e=>{let t=e.data.applications.find(e=>e.id.value.toString()==y.appid);window.fullAppData=t,null!=t&&i["a"].get(apibase+"apps/"+y.appid+"/pages").then(e=>{let t=e.data.pages[0],a=extractCustomComponentsFromPageAssets(t.gb_components),i=y.getAppAssetsBaseUrl("http",y.appport);i.endsWith("/")||(i+="/"),a=a.map(e=>{e.startsWith("/")&&(e=e.substring(1));let t=i+e;return t});let s=[];Ki(a,e=>{let a=e,n=t,o=a.gbPluginId,l=n.gb_components[o],r=l.find(e=>e.endsWith("png"));if(r){let e="{appPath}"+r;a.icon=e}s.push(a)},()=>{s.forEach(e=>{let t=e.properties.findIndex(e=>"v-model"==e.name),a=e.properties.findIndex(e=>"model-value"==e.name);t>-1&&-1==a&&(e.properties[t].name="model-value")}),De(s,e=>{window.blockDefinitions=e;let t=Object(n["g"])(Qi);const a={position:"top-right",timeout:5e4,closeOnClick:!0,pauseOnFocusLoss:!0,pauseOnHover:!0,draggable:!1,showCloseButtonOnHover:!0,hideProgressBar:!0,closeButton:"button",icon:!0,rtl:!1};t.use(l["a"],a),t.use(o["a"],r).use(Zi).mount("#app")})})}).catch(e=>{console.log("error",e)})}).catch(e=>{console.log("error",e)})}window.axios=i["a"],window.currentThemeType="light",window.canvasComponents={},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.getSearchParams=()=>{const e=new URLSearchParams(window.location.search),t={};for(const[a,n]of e.entries())t[a]=n;return t},window.addEventListener("message",e=>{"removeCanvasComponent"===e.data.command?window.removeCanvasComponent(e.data.uid):"updateTheme"===e.data.command&&window.setTheme(e.data.themeType)},!1),window.customComponentsCssPaths=[],window.extractCustomComponentsFromPageAssets=function(e){let t=y.getAppAssetsBaseUrl("http",y.appport);t.endsWith("/")||(t+="/");let a=[];for(let n in e){let o=e[n];o.forEach((e,n)=>{if(e.startsWith("/")&&(e=e.substring(1)),e.endsWith("definitions.json"))a.push(e);else if(e.endsWith(".css")){let a=t+e;customComponentsCssPaths.push(a)}})}return console.log("[customComponentsPaths::customComponents: ",a),console.log("[customComponentsPaths::customComponentsCssPaths: ",customComponentsCssPaths),a},window.logUserEvent=(e,t)=>{void 0!=e&&void 0!=t&&(console.log("logUserEvent: "+e,t),window.parent.postMessage({command:"logUserEvent",name:e,data:t},"*"))},es()},6423:function(e,t,a){"use strict";a("6697")},6697:function(e,t,a){},"6ba8":function(e,t,a){"use strict";a("9f9d")},"6f71":function(e,t,a){},"76ba":function(e,t,a){"use strict";a("236c")},"77a2":function(e,t,a){"use strict";a("03c2")},"7aac":function(e,t,a){"use strict";a("0559")},"7e58":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAClSURBVHgBvdGxDcIwEAXQfyb0l2SBMAwFXTYgmxAmQZmCgliMQiZAqSFwYCNFwrKwSZFffuv5FwfMEWnz0u1UhINo3oEe7PZJFBSqsZAU/8RAaVMRnR187yq4aPJUTTT+gkCPYejkyEUQO9CEsaQLElUFMW5ocJeVXRx/pD2tr3UQ06bv3jco7OIP6MWfVm1D0Bs5M9vznLJ4NGKdV5OgxS2XmCMvSbFEdymcOPUAAAAASUVORK5CYII="},"92e6":function(e,t,a){},"935a":function(e,t,a){"use strict";a("3498")},9529:function(e,t,a){"use strict";a("ffa8")},"95b3":function(e,t,a){},"9c14":function(e,t,a){"use strict";a("92e6")},"9f52":function(e,t,a){},"9f9d":function(e,t,a){},a8a9:function(e,t,a){},b45c:function(e,t,a){"use strict";a("1e67")},bba6:function(e,t,a){},cfff:function(e,t,a){},d6e4:function(e,t,a){function n(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={},n=Object.getOwnPropertyNames(t);return n.forEach(n=>{let o=n.replace("gb_c__",""),l=void 0!==t[n].nodeValue?t[n].nodeValue:t[n];if(["data","layout","config"].includes(o)){if(n.startsWith("gb_c__"))try{l=atob(l)}catch(r){console.log("plotlyComponent :: Error decoding base64 string: ",r),l="{}"}void 0!==e[l]?a[":"+o]=e[l]:a[":"+o]=JSON.parse(l)}}),a}function n(t){for(let a in t)if("object"===typeof t[a]&&null!==t[a])n(t[a]);else if("string"===typeof t[a]){const n=t[a].match(/\$_{(.+?)}/);if(n&&n[1]){const l=n[1];t[a]=o(e,l)}}}function o(e,t){const a=t.split(".");for(let n=0;n<a.length;n++){if(!e||!e.hasOwnProperty(a[n]))return;e=e[a[n]]}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"];n(t);let a=l[":layout"]||{};n(a);let o=l[":config"]||{};return n(o),{message:"TESTING_ID",attributes:l,serverData:e,parsedData:t,parsedLayout:a,parsedConfig:o}},methods:{updateServerData(e){this.serverData=e;let t=l[":data"];n(t),this.parsedData=t;let a=l[":layout"]||{};n(a),this.parsedLayout=a;let o=l[":config"]||{};n(o),this.parsedConfig=o},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 n=`<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=n}}})}a("b7ef"),e.exports={registerPlotlyComponent:n}},da4a:function(e,t,a){},dcb9:function(e,t,a){},dff5:function(e,t,a){"use strict";a("2456")},e7ba:function(e,t,a){"use strict";a("dcb9")},ecee:function(e,t,a){"use strict";a("95b3")},ed5a:function(e,t,a){"use strict";a("da4a")},fe28:function(e,t,a){"use strict";a("3029")},fea5:function(e,t,a){"use strict";a("a8a9")},ffa8:function(e,t,a){}});
-//# sourceMappingURL=app.520a772f.js.map
\ No newline at end of file
diff --git a/public/js/app.520a772f.js.map b/public/js/app.520a772f.js.map
deleted file mode 100644
index 23884ca..0000000
--- a/public/js/app.520a772f.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/panels/LibraryPanel.vue?cd36","webpack:///./src/components/Panel.vue?547a","webpack:///./src/components/panels/LogsPanel.vue?a7ff","webpack:///./src/components/themeEditor/assets/icons/binding_off.png","webpack:///./src/components/Main.vue?bb4d","webpack:///./src/components/panels/BindingsPanel.vue?4c2a","webpack:///./src/components/panels/properties/AddPropertyDialog.vue?7abb","webpack:///./src/components/panels/PanelTitle.vue?39e5","webpack:///./src/quasar-user-options.js","webpack:///./src/utils/Configuration.js","webpack:///./src/utils/axiosInterceptors.js","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/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/themeEditor/config/css_properties_definition.js","webpack:///./src/components/themeEditor/config/theme_template.js","webpack:///./src/components/themeEditor/ColorPicker.vue","webpack:///./src/components/themeEditor/ColorPicker.vue?9b32","webpack:///./src/components/themeEditor/themeTemplate.css","webpack:///./src/components/themeEditor/ThemeEditor.vue","webpack:///./src/components/themeEditor/ThemeEditor.vue?2e1d","webpack:///./src/components/Main.vue","webpack:///./src/components/Main.vue?8c23","webpack:///./src/App.vue","webpack:///./src/App.vue?8e8d","webpack:///./src/store/index.js","webpack:///./src/main.js","webpack:///./src/components/panels/AiCodePanel.vue?2e8f","webpack:///./src/components/ChartPropertiesSection.vue?f9bf","webpack:///./src/components/panels/PropertiesPanel.vue?620a","webpack:///./src/components/tabs/Tab.vue?5cf4","webpack:///./src/components/panels/AiHelpPanel.vue?f9ed","webpack:///./src/components/themeEditor/assets/icons/binding_on.png","webpack:///./src/components/ChartProperties.vue?413d","webpack:///./src/components/panels/CanvasPanel.vue?b523","webpack:///./src/components/panels/PropertiesPanel.vue?0eaa","webpack:///./src/components/tabs/Tabs.vue?e3c2","webpack:///./src/components/customblocks/plotlyComponent.js","webpack:///./src/components/panels/ComponentAddDialog.vue?bc8b","webpack:///./src/components/BindingsConnector.vue?b83f","webpack:///./src/components/themeEditor/ColorPicker.vue?c367","webpack:///./src/components/themeEditor/ThemeEditor.vue?3cec","webpack:///./src/App.vue?0a97","webpack:///./src/components/panels/CanvasPanel.vue?3dc9"],"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","config","plugins","Configuration","constructor","Error","protocol","GB_SOURCE","GB_SOURCE_LOCAL","GB_HOST","GB_PORT","appPort","_defineProperty","toast","useToast","activateInterceptors","axios","interceptors","request","use","url","startsWith","ask_ai_url","headers","error","console","Promise","reject","response","status","message","expanded","ref","props","toggleExpand","emit","watch","__exports__","onExpandClicked","expand","yesNo","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","currentPageIndex","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","log","componentPlaceHolderData","isPro","IS_PRO","showUpgradeLicenseDialog","showDialog","getChartTemplate","chartId","chart","find","traceTemplate","getBlockIconPath","block","iconFileName","icon","split","join","selectCompProp","comp","prop","newElement","DOMParser","parseFromString","body","childNodes","propName","finalBindingName","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","proRequiredComponentTypes","injectableVariables","supportedIcons","sort","supportedColors","getBlockDefinitions","loadBlockDefinitions","customComponenstDefinitions","readyCallback","then","parseDefinitionsSource","addSpecialBlocks","tagProRequiredComponents","catch","includedInPro","includes","proRequired","enabled","indexOfVmodel","findIndex","indexOfModelValue","replace","uitype","desc","blockProps","propAttributeName","propAttrValue","variableName","variableValue","Array","isArray","typeList","category","renderContent","chartTypeDef","encodedData","traceLayout","encodedLayout","setBlockDefinitions","HtmlTemplateParser","htmlString","Node","replaceElementAttributes","encodeAttributesInDOM","vForString","regex","match","variables","destructureObjectRegex","destructureArrayRegex","destructureMatch","destructuredVars","exec","allVariables","iterated","origin","results","current","reachedTop","safetyMax","currentIteration","parentElement","attributeNames","getAttributeNames","vForContent","getAttribute","currentVariables","parseVFor","parentIsRoot","e","modelVariables","sharedData","modelFieldsByName","gbPrefix","bcTypeC","bcTypeB","specialDynamicAttributeNames","excludedAttributeNames","componentName","nodeName","componentDefinition","componentPropertiesDefinitions","elementAttributeNames","elementVforVariables","extractVforVariablesAncestors","attributeName","hasColon","cleanName","isDynamic","some","specialName","attributeValue","attributeDefinition","el","attributeValueMapsToModelVariable","attributeValueMapsToLocalVariable","attributeValueIsUndefined","undefined","originalName","dataType","bindingPrefix","rootElement","recursive","elements","revertElementAttributes","decodeAttributesInDOM","input","test","parser","doc","isEmptyTextNode","node","nodeType","TEXT_NODE","nodeValue","tagNameBlacklist","tagNameIsBlacklisted","removeEmptyNodes","from","child","removeChild","serializer","XMLSerializer","newHtmlString","serializeToString","definitionsById","def","newDef","mandatoryProperties","templateHtml","firstChild","attributes","attr","newAttrName","mandatoryDefs","traverse","attributeAsIs","attributeWithColon","innerHTML","columnsAttr","endsWith","dataAttr","rowsAttr","isRemoved","attrName","attrValue","removeIfEmpty","undefinedIfEmpty","setAttr","cleanNodes","removeInvalidNodes","generateBlocksMandatoryProperties","addMandatoryProperties","ids","originalCss","updatedCss","parseCss","cssString","rules","ruleContent","trim","originalRules","updatedRules","mergedCss","keys","formattedCss","tempDiv","document","createElement","elementsWithId","modelFields","item","activate","selectedComponent","mockedAppTemplate","reactiveModel","canvasBlocker","aiCodePreviewShown","firstSelectionReported","getActiveTheme","currentPage","themes","themeCssPresent","active","asset","revertAiCodeChanges","undoManager","UndoManager","undo","setComponents","lastHtmlBeforeAiReplace","acceptAiCodeChanges","onComponentAddDialogClose","select","onComponentAdded","info","_parent$grapesModel","parent","view","$el","parentNode","parentBlockType","grapesModel","newComponentModel","targetModel","bindingInfo","offerComponents","defs","components","componentType","matchingdataTypePropertyNames","matchesType","isVmodel","matchingProperties","externalData","setExternalData","newData","this","event","CustomEvent","detail","componentId","canvasComponents","component","onExternalDataChanged","initialProperty","getComponentDefinitionByType","ws","wsUrl","getAppBaseUrl","appport","updateReactiveModelVariable","sendWsMessage","payload","msg","CHANNEL__","send","subscribeAutoreload","newSocketConnection","WebSocket","addEventListener","msgObject","parse","loadScript","src","callback","script","onload","onerror","head","appendChild","initMockedGenieApp","scripts","deps","appBasePath","getAppAssetsBaseUrl","port","substring","mockedScriptsToExtract","mockedScripts","scriptPath","mockedScript","autorun","loadedScriptsCount","initStipple","GENIEMODEL","_data","initEditor","excludedScripts","parsedSCripts","found","excludedScript","registered","theme","assetFullPath","assets","commonStyles","styles","style","stylePath","themePath","assetPath","customComponentsCssPaths","cssPath","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","pluginsOpts","toolbar","items","Panels","getButton","set","compositeComponentAddedOrRemoved","on","runCommand","Commands","stop","loadThemeCssFile","setTimeout","trigger","com","compDefinition","isComposite","iscomposite","debouncedAutoSave","run","sender","mainController","startEditingComponentContent","_getComponentDefiniti","logUserEvent","isNestable","nestable","editChildElementsButton","command","class","debounce","dataTransfer","objectData","getData","objectType","DomComponents","addType","events","dblclick","focusout","onActive","contentEditable","onDisable","isComponent","onRender","registerPlotlyComponent","classes","definition","processBlockDefinition","autogeneratedStyles","apibase","appid","encodeURIComponent","setStyle","activeThemePath","fullApiUrl","blacklist","nativeElements","attributeMatch","hasAttribute","serverData","uniqueId","getMappedAttributes","attributesIn","mappedAttributes","getOwnPropertyNames","addCanvasComponent","vueApp","updateServerData","Vue","errorHandler","err","vm","warn","getElementById","warnHandler","Stipple","parsedAttributes","attributesObject","keyRaw","propertyDefinition","valueIsBinding","methods","newServerData","updateAttributes","attrs","$forceUpdate","mounted","listenTo","onAttributeChange","handleAttrChange","render","removed","postMessage","uid","ccid","internalTagName","bindingParts","bindingName","bindingObject","cleanedHtml","getInnerHTML","firstDiv","innerHtmlClean","children","inner","showAiCodePreview","addShakeEffect","once","updateReactiveModel","newModel","updateTemplateFile","fileContents","replaceSpecialElements","fullContent","firstDivContent","QTable","QTabs","QPopupProxy","QImg","QTabPanels","QTabPanel","QCard","QCardSection","QBadge","excludedTypes","blockDefinitionsRaw","description","media","editorCheckInterval","categoriesSorting","blocksByCategory","searchTerm","handleBlocks","searchTermChanged","debouncedLogSearch","buildCategoriesTree","categories","categoriesDict","filteredBlockDefinitions","hideFromLibrary","aIndex","bIndex","logCategories","output","setInterval","clearInterval","appPath","dialogBlocker","blockerClicked","closeButtonClicked","resetSearch","addProperty","defObject","destination","sortedPropsList","propslist","querySelector","focus","currentGbType","handleArrayInput","inputValue","parsedValue","valueHolderParent","getChartTypeIcon","chartType","removeSection","sectionIndex","removeTraceProperty","propertyId","treeObject","removePropertyPath","submitChanges","obj","propertyPath","parts","deleteProp","currentObj","pathIndex","shouldDeleteParent","toggleDynamicAttribute","newKey","currentValue","isPropValueBinding","changeChartType","tempProps","gbtype","getNestedPropertyParent","propParts","getNestedProperty","definitionsListWithValues","propertiesDefinition","propertyDefCloned","pop","QIcon","attributeIsBinding","isBinding","currentTabIndex","tabsList","dataSourceFields","addPropertyDestination","traces","layout","modelFieldsDict","tracePropertiesDefinition","configPropertiesDefinition","layoutPropertiesDefinition","getFieldsOfDataFrameType","getAllModelFields","column","localeCompare","getSelectedDataSourceColumns","selectedDataSourceColumns","availableDataProperties","notUsedProperties","propDef","isUsed","existingProperty","setSpecialAttributeAsConstant","functionMap","setDataAsConstant","setLayoutAsConstant","setConfigAsConstant","setSpecialAttributeAsBinding","setDataAsBinding","setLayoutAsBinding","setConfigAsBinding","getBindingsOfType","matchingModelFields","gb_c__data","newBindingValue","gb_b__data","setSelectedComponent","gb_c__layout","gb_b__layout","gb_c__config","gb_b__config","newConstantValue","gb_c_data","gb_c_layout","gb_c_config","layoutChanged","newTreeObject","configChanged","dataChanged","removeTrace","traceIndex","showAddPropertyList","hideAddProperty","propId","setNestedProperty","newConfig","newLayout","newAttributes","setAttributes","newComponent","componentAttributesRaw","getAttributes","atob","configInput","layoutInput","addNewTrace","addNewTraceFromBinding","columnA","columnB","onBeforeMount","licenseAllowsComponent","getBlockDefinition","requiresPro","chartPropertiesPanel","showAddProperty","blockDefinitionsByType","acc","getAttributeCleanRealName","attributeObject","removeAttributes","getSuggestedProperties","currentAttributesCleanNames","getCleanAttributesList","att","suggestedProperties","suggested","suggestedPropertiesNotUsed","filteredModelFields","_component$view","componentAndAncestorsVforVariableNames","vforVar","allowedTypes","elementAttributes","attrsForVuecomponent","cleanAttributeObject","getCleanAttributeObject","getBlockPropertyDefinition","propertyName","realType","blockDefinition","onDrop","dragTransferData","attrname","newAttrs","addAttributes","defaultValuesByType","Boolean","String","Number","Function","attrsObject","gbName","defaultValue","availableProperties","definitionProperties","currentAttributes","currentAttributesClean","filtered","componentAttributes","attName","newHtml","toHTML","elementStyles","styleToString","newElements","clonedAttributes","grapesElementVueApp","newAtts","cleanAttributeName","sameTypeModelFields","onChartPropModeChanged","parentPanel","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","yOffsetRect","yOffsetConnectorTarget","bindingsConnectorsContainer","getConnectionSVGPath","connection","logsPanel","logsPanelHeight","clientHeight","logsPanelHeadHeight","getOveredBindingPosition","xDistance","abs","width","controlPointOffsetX","height","path","elPosition","getElementPosition","rect","getBoundingClientRect","left","top","updateElementsPositions","lines","updateConnections","updateIframePosition","iframePosition","adjustedPositions","line","iframeElement","question","askQuestion","async","query","openLink","userPrompt","isLoading","aiApiUrl","requestObject","applyCssStylesToHtml","html","styleRules","stylesById","rule","cssText","sendRequestToAiPreservingPlotlyAttributes","inputHtml","onComplete","initialDOM","plotlyAttributes","nodeId","htmlWithStyles","getCss","post","content_type","sessionid","SESSIONID","prompt","responseObject","aiError","receivedHtml","newDOM","entries","cleanHtml","restoredHtml","aiApiResponse","getHtml","aiSendClicked","selectedElement","selectedHtml","componentCss","keepUnusedStyles","avoidProtected","bindingsList","extendedPrompt","previousPrompt","entireHtml","resultHtml","QDate","QInput","QTime","QBtn","QSelect","QRadio","QCheckbox","QToggle","QSlider","QRange","QKnob","QList","QVideo","QAvatar","QChip","QRating","QSpinner","QTimeline","QTimelineEntry","QScrollArea","StatusMonitor","onOpen","onClose","onMessage","wsEndpoint","getExternalApiBaseUrl","onOpenHandler","onCloseHandler","onMessageHandler","connect","onopen","onmessage","onclose","restart","seconds","fontFamiliesList","fontWeightsList","shadowTypesList","fontSizesList","getTemplate","groups","selector","isVar","hide","internalColor","isOpen","pickerRef","hue","saturation","brightness","alpha","hexColorInput","updateValue","hsbToHex","h","g","b1","f","q","hex","round","toString","padStart","rgbToHsb","delta","parseColor","color","hasAlpha","parseInt","hsb","newColor","hex8","modelValue","newValue","immediate","togglePicker","hidePicker","showPicker","handleKeyEvent","popup","buttonRef","buttonBottom","bottom","right","removeEventListener","handleClickOutside","onUnmounted","initializeFromThemeCssFile","initialised","showThemeOverwriteWarning","themeNameToApply","themeItems","themeError","unsavedChanges","originalThemeContent","themeContentBackup","customizeThemeCandidate","storePropertyDefaults","themeSelectorVisible","registeredThemes","isValidCSS","textContent","isValid","sheet","cssRules","applyTheme","themeObject","saveUrl","isUserthemeRegistered","onCustomizeThemeClicked","customizeTheme","dotThemeUrl","onThemePicked","startEditing","currentCss","definitionsToCss","showThemeError","fetch","ok","text","templateCssString","assignVariables","errorMessage","finally","onThemeOverwriteConfirmed","confirm","setUpdatedThemes","newThemes","refreshThemeList","pageDataUrl","toggleThemeSelector","showThemeSelector","show","discardPreviewedTheme","group","cssContent","firstTime","parsedCss","parseCSS","incomingBySelector","inputObjectSelector","inputObjectProperty","rootRegex","cssRulesRegex","rootMatch","propertiesBlob","part","ruleMatch","_item$value","togglePropMode","valueIsVar","propDefinition","CssPropDefs","getNumericValue","parseFloat","getUnitValue","updateNumericValue","numericValue","unitValue","updateUnitValue","saveDocument","emptyContent","encodedFilePath","filepath","endpoint","templateCss","location","reload","showApiErrorAlert","clearTheme","resetAllProperties","getCssVariables","rootSelector","onPropValueChanged","resetProperty","QExpansionItem","QItem","version","process","codeEditor","themeEditor","codeEditorValue","cmOptions","lineWrapping","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","fullDocumentHTML","fullDocumentCSS","fullDocumentCSSOriginal","elementIdsInHtmlToEdit","lastSavedHTMLCode","panelStates","storedStates","bindingsPanelContainer","size","propertiesPanelContainer","aiHelpPanelContainer","savePanelStates","canvasPanel","bindingsPanel","libraryPanel","propertiesPanel","aiHelpPanel","aiCodePanel","bindingConnectorsManager","savedFromNoCodeEditor","statusMonitor","onSocketOpen","onSocketClose","onSocketMessage","getPropertiesPanelName","getApiAppBaseUrl","panesResized","updatePaneState","panelRefName","capitalize","str","charAt","toUpperCase","userIsPro","getLogoContent","LICENSE_TYPE","onMainTabChanged","updateCodeEditorContent","onAiCodeChanged","onThemeCssLoaded","applyCodeChanges","previousStyle","onBlockCustomTriggered","contentWindow","onBindingDroppedOnComponent","_sharedData$modelFiel","dsName","tempElement","_propertiesPanel$valu","collection","onComponentSelected","selectedComponentCode","beautifiedHtml","html_beautify","refresh","reloadPage","updateData","translateBindingTypes","typesMap","page","isreactive","fieldType","cleanType","mappedType","getCurrentHtmlAndCss","editedHtmlCss","cleanId","pattern","restoreSpecialElements","mergeCss","fullCss","partialCss","css","matches","parsed","stringifyCss","cssObj","fullCssObj","partialCssObj","getCleanHtmlCode","onAutoSaveTriggered","saveTemplate","force","containsTempPlaceHolder","cleanBeautifiedCode","cleanLastSavedCode","contentHasChanged","elementid","pageViewPath","encodedViewPath","fullMergedCss","beautifiedCss","formatCss","saveCssUrl","clearStoredUnsavedChanges","currentPath","app_path","removeItem","getStoredUnsavedChanges","setStoredUnsavedChanges","currentContents","toggleComponentsFrame","isActive","openFeedbackPage","openHelpPage","informNoCodeVersion","metadata","nocodeVersion","messageData","filePath","currentPageFullPath","isSameFile","isAutogeneratedCss","isThemeCss","searchParams","getId","updateRegisteredThemes","themesList","bindConnMgr","ctrlKey","metaKey","preventDefault","shiftKey","execCommand","myApp","applications","app","fullAppData","contentToLoad","readTemplateFilePath","htmlElementIds","extractIdsFromHtml","onThemeChanged","newCss","temporalTheme","contentDocument","grapesCanvasElement","cssLinks","cssLink","href","addStyledSibling","insertAdjacentElement","switchCodeEditorTheme","currentThemeType","themeType","uikit","provideVSCodeDesignSystem","register","vsCodeTextField","vsCodeDropdown","vsCodeOption","vsCodeButton","vsCodeCheckbox","createStore","mutations","actions","loadMultipleUrls","urls","successCallback","completeCallback","requests","statusText","json","all","responses","startNocodeApplication","expectedParamsList","urlParamsMissing","getSearchParams","report","paramName","urlParamsMessage","alert","common","setTheme","ispro","license_type","pageindex","customComponents","extractCustomComponentsFromPageAssets","gb_components","customComponent","fullPath","customComponentsDefinitions","customComponentDef","customBlockDefJsonObject","CP","gbPluginId","pluginAssets","iconRelativePath","iconAbsolutePath","customBlockDef","definitions","createApp","App","toastOptions","position","timeout","closeOnClick","pauseOnFocusLoss","pauseOnHover","showCloseButtonOnHover","hideProgressBar","closeButton","rtl","Toast","Quasar","quasarUserOptions","store","mount","removeCanvasComponent","documentElement","params","URLSearchParams","search","componentsList","componentAssets","cssFullPath","removable","badgable","stylable","highlightable","copyable","resizable","hoverable","traits","replaceReferencedBindingsToAttributeData","propToReplace","parsedData","parsedLayout","parsedConfig"],"mappings":"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","file":"js/app.520a772f.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!./LibraryPanel.vue?vue&type=style&index=0&id=1c9dfa42&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=17c958c7&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=0ebb8bf8&lang=scss&scoped=true\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACWSURBVHgBvZLhCcMgEIUP7QB2g4gLZYNmk6aTlO6lmBE6gJg8gyFBhDP5kQ8ewunHiSfRHVhr+7ImGjxyzr2xqLL+aBRHKeWTzpBEZEa+tX3BdVwPCfFrlo8i+COT975j5UJMqBijRwZWTldEdO648THGjKystZ5CCB3to6mKVTl3f3FiFTyMyuNplzbwDYdLYpZ7uoMFLkRH+UBfLR8AAAAASUVORK5CYII=\"","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=2e81d656&scoped=true&lang=scss\"","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=0b09cf83&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=7c578f7c&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!./PanelTitle.vue?vue&type=style&index=0&id=6c90e336&lang=scss&scoped=true\"","\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}","export default class Configuration{\n    constructor(){\n        throw new Error('Configuration is a static class and cannot be instantiated');\n    }\n\n\n    static appid = '';\n    static currentPageIndex = 0;\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://aiapis.hosting.genieframework.com/api/';\n    static TERMS_OF_USE_URL = 'https://genielicensing.hosting.genieframework.com/documents/terms.pdf';\n    \n\n    static IS_PRO = false;\n    static LICENSE_TYPE = \"Unknown\";\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        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        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        return result;\n    }\n\n\n}","import axios from \"axios\";\nimport { useToast } from \"vue-toastification\";\nimport Configuration from \"./Configuration\";\nconst toast = useToast();\n\n\n\n\nexport default function activateInterceptors(){\n    // Add a request interceptor\n    axios.interceptors.request.use(function (config) {\n        // Remove gb-sessionid header if url begins with Configuration.ask_ai_url\n        if(config.url.startsWith(Configuration.ask_ai_url)){\n            delete config.headers['gb-sessionid'];\n        }\n        return config;\n    }, function (error) {\n        // Do something with request error\n        console.error( `Axios interceptor REQUEST ERROR: `, error );\n        return Promise.reject(error);\n    });\n\n    // Add a response interceptor\n    axios.interceptors.response.use(function (response) {\n        // Any status code that lie within the range of 2xx cause this function to trigger\n        return response;\n    }, function (error) {\n        console.error( `Axios interceptor RESPONSE ERROR: `, error );\n        // Any status codes that falls outside the range of 2xx cause this function to trigger\n        if( error.response.status == 429 || error.response.status == 402 ){\n            toast( error.response.message || \"There was a problem with your subscription. Please try again later or contact support.\");\n        }\n        return Promise.reject(error);\n    });\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%; margin-right: 2px;\">\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    expand( !expanded.value );\n}\n\nfunction expand( yesNo ){\n    expanded.value = yesNo;\n    saveExpandedState();\n    emit('update:expanded', yesNo);\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, expand });\n</script>\n\n<style lang=\"scss\" scoped>\n/* Your existing styles */\n.panelContent{\n    padding: 10px 5px 10px 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=17c958c7&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-17c958c7\"]])\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    font-size: 0.93em;\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=19c808a0&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                @mouseover=\"onBindingOvered(block.binding, $event)\" @mouseout=\"onBindingOut\"\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\" :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';\nimport Configuration from '../../utils/Configuration';\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[Configuration.currentPageIndex].model.fields ){\n        if( sortMethod.value == 'az' )\n            sorted = _.sortBy( props.appData.pages[Configuration.currentPageIndex].model.fields, (field)=>{ return field.name.toLowerCase() } );\n        else if( sortMethod.value == 'type')\n            sorted = _.sortBy( props.appData.pages[Configuration.currentPageIndex].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    user-select: none;\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=0b09cf83&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-0b09cf83\"]])\n\nexport default __exports__","let chartTypes = [\n    { \"id\": \"Area Chart\", \"icon\": \"areaChart\",                             \"proRequired\": false, \"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\",                               \"proRequired\": false, \"traceTemplate\": { \"gbtype\":\"Bar Chart\", \"x\":[\"Category 1\", \"Category 2\", \"Category 3\"], \"y\":[9, 10, 20], \"type\":\"bar\", \"name\":\"Trace\" } },\n    { \"id\": \"Box\" , \"icon\": \"boxChart\" ,                                   \"proRequired\": true, \"traceTemplate\": { \"gbtype\":\"Box\", \"y\": [1,2,3,4,7,9], \"type\": \"box\",\"name\":\"Trace\"} },\n    { \"id\": \"Candlestick\" , \"icon\": \"candlestickChart\" ,                   \"proRequired\": true, \"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\" ,                     \"proRequired\": true, \"traceTemplate\": { \"gbtype\":\"Choropleth\", \"locationmode\": \"country names\", \"locations\": [\"Canada\", \"United States\", \"Mexico\"], \"z\": [10, 20, 30], \"type\": \"choropleth\", \"name\": \"Trace\" }  },\n    { \"id\": \"Cone\" , \"icon\": \"coneChart\" ,                                 \"proRequired\": true, \"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\" ,                           \"proRequired\": true, \"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\" ,                             \"proRequired\": true, \"traceTemplate\": { \"gbtype\":\"Funnel\", \"x\": [10, 20, 30], \"y\": [\"Stage 1\", \"Stage 2\", \"Stage 3\"], \"type\": \"funnel\", \"name\": \"Trace\" }  },\n    { \"id\": \"Funnel Area\", \"icon\": \"funnelAreaChart\",                      \"proRequired\": true, \"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\",                             \"proRequired\": false, \"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\",                        \"proRequired\": true, \"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\",                         \"proRequired\": false, \"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\",                    \"proRequired\": true, \"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\",     \"proRequired\": true, \"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\",                         \"proRequired\": true, \"traceTemplate\": { \"gbtype\":\"Indicator\", \"mode\": \"number+delta\", \"value\": 400, \"delta\": { \"reference\": 350 }, \"type\": \"indicator\", \"name\": \"Trace\" } },\n    { \"id\": \"Isosurface\", \"icon\": \"isosurfaceChart\",                       \"proRequired\": true, \"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\",                             \"proRequired\": false, \"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\",                              \"proRequired\": true, \"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\",                                   \"proRequired\": true, \"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\",                               \"proRequired\": false, \"traceTemplate\": { \"gbtype\":\"Pie Chart\", \"labels\":[\"Slice 1\", \"Slice 2\", \"Slice 3\"], \"values\":[10, 20, 30], \"type\":\"pie\", \"name\":\"Trace\" } }, \n    { \"id\": \"Scatter\", \"icon\": \"scatterChart\",                             \"proRequired\": false, \"traceTemplate\": { \"gbtype\":\"Scatter\", \"x\":[5, 10, 15], \"y\":[10, 15, 5], \"type\":\"scatter\", \"mode\":\"markers\", \"name\":\"Trace\" } },\n    { \"id\": \"Scatter 3D\", \"icon\": \"scatter3DChart\",                        \"proRequired\": true, \"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\",                      \"proRequired\": true, \"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\",                        \"proRequired\": true, \"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\",                             \"proRequired\": true, \"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\",                                 \"proRequired\": true, \"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\",                           \"proRequired\": true, \"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\",                               \"proRequired\": true, \"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\",                         \"proRequired\": true, \"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\" ,                            \"proRequired\": false, \"traceTemplate\": { \"gbtype\":\"Image\" } },\n    { \"id\": \"Scatter Mapbox\", \"icon\": \"scatterMapboxChart\",                \"proRequired\": true, \"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\",                       \"proRequired\": true, \"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\",                               \"proRequired\": true, \"traceTemplate\": generateVolumeTrace() }, \n    { \"id\": \"Treemap\", \"icon\": \"treemap\", \"proRequired\": false, \"traceTemplate\": { \"gbtype\": \"Treemap\", \"type\": \"treemap\", \"labels\": [\"A\", \"B\", \"C\", \"D\", \"E\", \"F\", \"G\", \"H\", \"I\"], \"parents\": [\"\", \"A\", \"A\", \"C\", \"C\", \"A\", \"\", \"G\", \"G\"], \"values\": [10, 5, 5, 2, 3, 2, 8, 3, 5], \"name\": \"Trace\" }\n    },\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:true, compGroupDisabled: comp.proRequired && !isPro }\" v-for=\"comp in props.componentPlaceHolderData.components\" :key=\"comp.type\"  @click=\"(!comp.proRequired) || ( comp.proRequired  && isPro ) ? selectCompProp(comp, comp.matchingProperties[0]) : showUpgradeLicenseDialog(true)\" :title=\"comp.proRequired && !isPro ? 'Upgrade to PRO plan to use this component and many more!' : comp.label\">\n                    <div class=\"compName\">\n                        <div :class=\"{ compNameLabel: true, compNameLabelProRequired: (comp.proRequired && !isPro) }\">{{ comp.label }}</div>\n                        <div :class=\"{ compNameIconContainer: true, compNameIconContainerProRequired: (comp.proRequired && !isPro) }\">\n                            <img :src=\"getBlockIconPath(comp)\" :class=\"{ typeIcon:true, typeIconProRequired: (comp.proRequired && !isPro) }\" style=\"filter: var(--library-icon-filter); max-height: 20px; margin-top: 6px; pointer-events: none;\" />\n                           <!--  <div>Pro: {{ comp.proRequired }}</div> -->\n                        </div>\n                        <img v-if=\"comp.proRequired && !isPro\" src=\"img/icons/pro_badge.png\" class=\"proBadge\" style=\"\"/>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n\n<script setup>\nimport Configuration from '../../utils/Configuration';\nimport {chartTypes} from '../../utils/chartDefinitions.js';\n\nconst props = defineProps(['appData', 'componentPlaceHolderData'])\nconst emit = defineEmits(['closeDialog'])\n\nconsole.log( \"props.componentPlaceHolderData: \", props.componentPlaceHolderData)\nconst isPro = Configuration.IS_PRO;\n\nfunction showUpgradeLicenseDialog(showDialog=true){\n    window.showUpgradeLicenseDialog(showDialog);\n}\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    \n    /* window.logUserEvent( \"component::addFromBinding\", { \n        component: comp.type, \n        bindingDataType: props.componentPlaceHolderData.datatype\n    }); */\n\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[Configuration.currentPageIndex].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        position: relative;\n    }\n    \n    .proBadge{\n        position: absolute;\n        bottom: 3px;\n        right: 3px;\n        width: 20px;\n        opacity: 0.2;\n    }\n    \n    .compGroupDisabled{\n        cursor: not-allowed;\n    }\n\n    .compGroupDisabled:hover{\n        .proBadge{\n            opacity: 1;\n        }\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    .compNameLabel{\n        text-overflow: ellipsis; \n        overflow: hidden; \n        white-space: nowrap; \n        pointer-events: none;\n    }\n\n    .compNameIconContainer{\n        justify-content: center; \n        display: flex; \n        margin-bottom: 3px; \n        filter: brightness(1.5) saturate(1); \n        pointer-events: none;\n    }\n\n    .compNameLabelProRequired, .compNameLabelProRequired, .typeIconProRequired{\n        opacity: 0.3;\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=457e8d62&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-457e8d62\"]])\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\nlet proRequiredComponentTypes = ['q-toggle', 'q-range', 'q-date', 'q-time', 'q-knob', 'q-table', 'q-avatar', 'q-chip', 'q-icon', 'q-rating', 'q-spinner', 'q-scroll-area', 'q-tab-panels', 'q-tab-panel', 'st-table', 'st-tabs'];\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(customComponenstDefinitions, readyCallback){\n  // Load dynamically and call callback function when ready\n  axios.get('data/blockDefinitions.json')\n    .then( result => {\n      _blockDefinitions = [...customComponenstDefinitions, ...result.data];\n      parseDefinitionsSource();\n      addSpecialBlocks();\n      tagProRequiredComponents();\n      readyCallback(_blockDefinitions);    \n    } )\n    .catch( (error) => {\n      console.error( \"Error loading block definitions: \", error );\n    });\n}\n\n/*\nIterates over the list of components and tags the ones that are required in the Pro version\nIMPORTANT: Components can already be tagges as proRequired in the blockDefinitions.json file, or other component definitions.json files (i.e. custom components). This tag will be preserved, so this function can only expand the list of proRequired components.\n*/\nfunction tagProRequiredComponents(){\n  _blockDefinitions.forEach( (block) => {\n    const includedInPro = proRequiredComponentTypes.includes( block.type );\n    if( includedInPro ){\n      block.proRequired = true;\n    }\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    // Add \"v-if\" and \"v-for\" to the properties\n    block.properties.push( { name: 'v-if', label: 'Condition (if)', type:'Boolean', uitype:'String', desc: `Defines a conditional which, when true, will show the element in the document.\\nYou can use JS code, i.e. \"value > 10\"` } );\n    block.properties.push( { name: 'v-else-if', label: 'Condition (else-if)', type:'Boolean', uitype:'String', desc: `Defines a conditional which, when true, will show the element in the document.\\nYou can use JS code, i.e. \"value > 10\"` } );\n    block.properties.push( { name: 'v-else', label: 'Condition (else)', type:'Boolean', uitype:'String', desc: `Defines a conditional which, when previous if/else-if statements are false, will show the element in the document.\"` } );\n    block.properties.push( { name: 'v-for', label: 'Loop (for)', type:'Array', desc: `Sets the element to iterate over a list of values, producing multiple instances.\\nYou can declare iterator values pointing to the list elements and indexes, and use them in other props.\\nI.e.: \\n- item in list\\n- (item, index) in list` } );\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( propAttributeName == \"type\" && Array.isArray(propAttrValue) ){\n          prop[propAttributeName] = propAttrValue[0];\n          prop.typeList = propAttrValue;\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  // Generic Div\n  /* _blockDefinitions.push({\n    type: \"looper\", label: \"Looper\", tagName: \"looper\", \n    content: \"<looper>Generic looper</looper>\", \n    properties: [ { name: 'v-if', label: 'Condition (if)', type:'String' }, { name: 'v-for', label: 'Loop (for)', type:'String' } ], \n    //hideFromLibrary: true,\n    droppable: true,     editable: false,     draggable: true,\n  } ); */\n\n  // ========================================================\n  //                    Plotly charts dynamic\n  // ========================================================\n\n  _blockDefinitions.push({\n    type: \"plotly\", label: \"Bound Chart\", tagName: \"PLOTLY\", category: \"Charts\", \n    content: `<plotly gb_b__data=\"undefined\" gb_b__layout=\"undefined\" gb_b__config=\"undefined\"></plotly>`, \n    renderContent: `<img src=\"img/block_icons/areaChart.png\" />`,  \n    icon: 'bound_chart.png', proRequired: false,\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  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', proRequired: chartTypeDef.proRequired,\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\n/* parses a v-for statement to extract its iterated and iterator (variables) components */\nstatic parseVFor(vForString) {\n    // Regular expression to match the structure of the v-for directive\n    const regex = /^\\s*\\(?([^)]+)\\)?\\s+in\\s+(\\S+)\\s*$/;\n    const match = vForString.match(regex);\n\n    if (match) {\n        let variables = match[1].replace(/\\s/g, '');\n        \n        // Handle destructured variables (both object and array destructuring)\n        const destructureObjectRegex = /{([^}]+)}/g;\n        const destructureArrayRegex = /\\[([^\\]]+)\\]/g;\n        let destructureMatch;\n        let destructuredVars = [];\n\n        // Extract variables from object destructuring\n        while ((destructureMatch = destructureObjectRegex.exec(variables)) !== null) {\n            destructuredVars.push(...destructureMatch[1].split(','));\n        }\n\n        // Extract variables from array destructuring\n        while ((destructureMatch = destructureArrayRegex.exec(variables)) !== null) {\n            destructuredVars.push(...destructureMatch[1].split(','));\n        }\n\n        // Remove destructured parts from variables and split the rest\n        variables = variables.replace(destructureObjectRegex, '').replace(destructureArrayRegex, '').split(',').filter(v => v);\n\n        // Combine variables and destructured variables\n        const allVariables = [...destructuredVars, ...variables];\n\n        const iterated = match[2];\n        return {\n            variables: allVariables,\n            iterated: iterated\n        };\n    } else {\n        return null;\n    }\n}\n\n/* \nExtracts variable names from v-for attributes in the ancestors of the given element, and the element itself,\nso that they can be listed as bindings in the properties panel, and also so that they can be recognised as legit bindings \nwhen parsing incoming html template \n*/\nstatic extractVforVariablesAncestors(origin){\n    let results = [];\n    let current = origin;\n    let reachedTop = false;\n    let safetyMax = 1000;\n    let currentIteration = 0;\n    try{\n        while( !reachedTop && current && current.parentElement ){\n            let attributeNames = current.getAttributeNames();\n            if( attributeNames.includes( 'gb_c__v-for' ) ){\n                let vForContent =current.getAttribute('gb_c__v-for');\n                let currentVariables = HtmlTemplateParser.parseVFor( vForContent ).variables;\n                currentVariables.forEach( v=>{\n                    if( results.includes( v ) == false ){\n                        results.push( v );\n                    }\n                });            \n            }\n            let parentIsRoot = current.parentElement.id == 'gbTemplateContainer' || current.parentElement.tagName == \"BODY\";\n            //console.log( \">> current: \", current.tagName, \": \", current.id, \" :::\", parentIsRoot );\n            \n            if( currentIteration >= safetyMax || parentIsRoot ){\n                reachedTop = true;\n            }else{\n                currentIteration++;\n                current = current.parentElement;\n                //console.log( \">> current: \", current.tagName, \": \", current.id, \" :::\", parentIsRoot );\n            }\n        }\n    }catch(e){\n        console.error( \"Error retrieving v-for variables recursively: \", e );\n    }\n    return results;\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', 'v-for', 'v-if', 'v-else-if', 'v-else', 'v-html' ];\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\n    // Extract local variables, produced in v-for statement\n    let elementVforVariables = HtmlTemplateParser.extractVforVariablesAncestors( element );\n    //console.log( 'elementVforVariables ('+element.id+'): ', elementVforVariables );\n    /* let elementVforVariables = []\n    if( elementAttributeNames.includes('v-for') ){\n        let vForRawValue = element.getAttribute(\"v-for\");\n        elementVforVariables = HtmlTemplateParser.parseVFor( vForRawValue).variables;\n    } */\n\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        // declared inside v-for attribute\n        let attributeValueMapsToLocalVariable = elementVforVariables.includes(attributeValue);  \n        if( attributeValueMapsToLocalVariable ){\n            //debugger;\n        }\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                // Convert synamic undefined string to actual undefined\n                let attributeValueIsUndefined = attributeValue == \"undefined\";\n                if( attributeValueIsUndefined ){\n                    attributeValue = undefined;\n                    console.log( \"attributeTypeCheck attributeValueIsUndefined: \", attributeValueIsUndefined );\n                }\n\n                if( attributeValueMapsToModelVariable || attributeValueMapsToLocalVariable || attributeValueIsUndefined ){\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                // 'v-for', 'v-if', 'v-else-if', 'v-else'\n            }else if( dataType != 'String' && ( !originalName .startsWith('v-on:') && originalName != 'v-for' && originalName != 'v-if' && originalName != 'v-else-if' && originalName != 'v-else' && originalName != 'v-html'  ) ){\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:') || originalName == 'v-for' || originalName == 'v-if' || originalName == 'v-else-if' || originalName == 'v-else' || originalName == 'v-html' ) ? '' : ':';\n            element.setAttribute(bindingPrefix + originalName, attributeValue );\n            element.removeAttribute(attributeName);\n        }\n    });\n}\n\nstatic decodeAttributesInDOM(rootElement, recursive=false) {\n    let elements = rootElement.querySelectorAll('*');\n    elements.forEach(element => {\n        HtmlTemplateParser.revertElementAttributes(element);\n        if(recursive){\n            HtmlTemplateParser.decodeAttributesInDOM(element, recursive);\n        }\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 removeInvalidNodes(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    // List of blacklisted nodes that should not be removed and fucntion to check it\n    const tagNameBlacklist = ['template'];\n    const tagNameIsBlacklisted = node => tagNameBlacklist.includes(node.nodeName.toLowerCase());\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) || tagNameIsBlacklisted(node) ) {\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/*\n    Parses the original block definitions and creates a new dictionsry containing only the mandatory properties of each block.\n*/\nstatic generateBlocksMandatoryProperties(){\n    let definitionsById = {};\n    blockDefinitions.forEach( def=>{\n        //if( def.type!= \"q-btn\" ) return;\n        // create new, simple definition object\n        let newDef = definitionsById[def.type] = {\n            type: def.type,\n            mandatoryProperties: []\n        };    \n        \n        // Convert the template to actual DOM element for easier manipulation\n        let templateHtml = def.content; // HTML String\n        let parser = new DOMParser();\n        let doc = parser.parseFromString(templateHtml, \"text/html\");\n        let node = doc.body.firstChild;\n        \n        // iterate over attributes of the node\n        for (let i = 0; i < node.attributes.length; i++) {\n            let attr = node.attributes[i];\n            let newAttrName = attr.name;\n            // remove prefixes from attribute names\n            newAttrName = attr.name.replace(\"gb_b__v-on:\", \"v-on:\");\n            newAttrName = newAttrName.replace(\"gb_b__v-model\", \"v-model\");\n            newAttrName = newAttrName.replace(\"gb_b__\", \":\");\n            newAttrName = newAttrName.replace(\"gb_c__\", \"\");\n            // add attribute to definition\n            newDef.mandatoryProperties.push( { name: newAttrName, value: attr.value } );\n        }\n    } );\n    console.log(definitionsById);\n    return definitionsById;\n}\n\n/* Takes an html string and adds the mandatory properties, if missing, to the elements in the html string\n    Used to parse incoming AI-generated code to guarantee the html is valid in a Genie app\n*/\nstatic addMandatoryProperties( htmlString, mandatoryDefs ){\n    // Crate a new DOM tree from the html string for easier manipulation\n    let parser = new DOMParser();\n    let doc = parser.parseFromString(htmlString, \"text/html\");\n    let node = doc.body;\n    // Traverse the hole node DOM tree\n    function traverse(node){\n        // if the node is an element (as opposed to text or comment node)\n        if( node.nodeType == 1 ){\n            // Check if the node is a recognised block. If so...\n            let type = node.tagName.toLowerCase();\n            if( mandatoryDefs[type] ){\n                // get the mandatory properties for the block\n                let def = mandatoryDefs[type];\n                // iterate over the mandatory properties and add them to the node if they don't exist\n                def.mandatoryProperties.forEach( prop=>{\n                    let attributeAsIs = node.getAttribute( prop.name );\n                    let attributeWithColon = node.getAttribute( \":\"+prop.name );\n                    if( !attributeAsIs && !attributeWithColon ){\n                        node.setAttribute( prop.name, prop.value );\n                    }\n                } );\n            }\n            // traverse the children of the node\n            node.childNodes.forEach( child=>traverse(child) );\n        }\n    }\n    // start the traversal\n    traverse(node);\n    // return the modified html\n    return node.innerHTML;\n}\n\nstatic cleanNodes( htmlString ){    \n    // Crate a new DOM tree from the html string for easier manipulation\n    let parser = new DOMParser();\n    let doc = parser.parseFromString(htmlString, \"text/html\");\n    let node = doc.body;\n    \n    // Recursive function to clean the html nodes\n    const parseNode = node => {\n        // \n\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    // return the modified html\n    return node.innerHTML;\n\n\n}\n\n/* recursive; will traverse the dom tree */\nstatic cleanNodes(node){\n    if( node.nodeType != 1 ){\n        return;\n    }\n    let tagName = node.tagName.toLowerCase();\n    switch( tagName ){\n        case \"q-badge\":\n            // remove any inner content\n            node.innerHTML = \"\";\n            break;\n        \n        case \"q-table\":\n\n            // Remove columns attribute if it contains json, else append .columns if needed\n            let columnsAttr = node.getAttribute(\":columns\");\n            if( columnsAttr ){\n                if( columnsAttr.startsWith(\"{\") || columnsAttr.startsWith(\"[\") ){\n                    node.removeAttribute(\":columns\");\n                }else if( !columnsAttr.endsWith(\".columns\") ){\n                    node.setAttribute(\":columns\", columnsAttr + \".columns\");\n                }\n            }\n            \n            // Remove data attribute if it contains json, else append .data if needed\n            // sometimes dat may be set with :row; in that case, remove :rows and append .data\n            let dataAttr = node.getAttribute(\":data\");\n            let rowsAttr = node.getAttribute(\":rows\");\n            if( dataAttr ){\n                if( dataAttr.startsWith(\"{\") || dataAttr.startsWith(\"[\") ){\n                    node.removeAttribute(\":data\");\n                    isRemoved = true;\n                }else if( !dataAttr.endsWith(\".data\") ){\n                    //  append '.data' if needed\n                    node.setAttribute(\":data\", dataAttr + \".data\");\n                }\n            }else if( rowsAttr ){\n                if( rowsAttr.startsWith(\"{\") || rowsAttr.startsWith(\"[\") ){\n                    // nothing to do with this, just leave it to be removed below\n                }else if( !rowsAttr.endsWith(\".data\") ){\n                    node.setAttribute(\":data\", rowsAttr + \".data\");\n                }\n                node.removeAttribute(\":rows\");\n            }\n            break;\n        default:\n            break;\n    }\n    // iterate over attributes of the node, reardless of the tag name\n    for (let i = 0; i < node.attributes.length; i++) {\n        let attr = node.attributes[i];\n        let attrName = attr.name;\n        let attrValue = attr.value;\n        \n        let removeIfEmpty = [\"v-on:click\", \"@click\"];\n        if( removeIfEmpty.includes(attrName) && attrValue == \"\" ){\n            node.setAttribute( attrName, \"undefined\" );\n        }\n        \n        let undefinedIfEmpty = [\"v-model\"];\n        if( undefinedIfEmpty.includes(attrName) && attrValue == \"\" ){\n            node.setAttr( attrName );\n        }\n    }\n    \n    // Move-on to children\n    node.childNodes.forEach( child=>HtmlTemplateParser.cleanNodes(child) );\n}\n\n\n/* Takes an html string and performs  some transformations to ensure the html is valid in a Genie app\n    Used to parse incoming AI-generated code \n*/\nstatic cleanHtml( htmlString ){\n    // Crate a new DOM tree from the html string for easier manipulation \n    let parser = new DOMParser();\n\n    // Remove empty text nodes and non-accepted elements (i.e. <template>)\n    htmlString = HtmlTemplateParser.removeInvalidNodes(htmlString);\n\n    // Remove invalid attributes or transform them if necessary\n    let doc = parser.parseFromString(htmlString, \"text/html\");\n    let node = doc.body;\n    HtmlTemplateParser.cleanNodes( node );\n\n    // Serialize the body back into a string\n    const serializer = new XMLSerializer();\n    htmlString = serializer.serializeToString(doc.body);\n\n    // Make sure all blocks have mandatory attributes if missing\n    let mandatoryDefs = HtmlTemplateParser.generateBlocksMandatoryProperties();\n    htmlString = HtmlTemplateParser.addMandatoryProperties( htmlString, mandatoryDefs );\n    \n    // Return the modified html\n    return htmlString\n}\n    // Function to merge two CSS strings, one original and one updated, based on a list of ids\n    // This is used when saving the autogenated.css file so that we don't touch css rules that are not related to the current HTML template. Otherwise, in multi-page apps, editing a page overrides rules from other pages\n    static mergeCss(ids, originalCss, updatedCss) {\n        // Helper function to parse CSS string into a dictionary of selectors and their rules\n        function parseCss(cssString) {\n            const rules = {};\n            const regex = /#([\\w-]+)\\s*\\{([^}]*)\\}/g;\n            let match;\n            while ((match = regex.exec(cssString)) !== null) {\n                const id = match[1];\n                const ruleContent = match[2].trim();\n                rules[id] = ruleContent;\n            }\n            return rules;\n        }\n\n        // Parse original and updated CSS into objects\n        const originalRules = parseCss(originalCss);\n        const updatedRules = parseCss(updatedCss);\n\n        // Merge the rules\n        let mergedCss = '';\n\n        // Add or update rules from updatedCss to original\n        Object.keys(updatedRules).forEach(id => {\n            mergedCss += `#${id} { ${updatedRules[id]} }\\n`;\n        });\n\n        // Remove rules in originalCss that are not in updatedCss if their id is in ids array\n        Object.keys(originalRules).forEach(id => {\n            if (!(id in updatedRules) && ids.includes(id)) {\n                // Skip the rule to remove it\n                return;\n            }\n            if (!(id in updatedRules)) {\n                // Keep rules in originalCss that are not in ids array\n                mergedCss += `#${id} { ${originalRules[id]} }\\n`;\n            }\n        });\n\n        return mergedCss;\n    }\n\n    // Formats a css string to be more readable, with proper indentation and line breaks\n    static formatCss(cssString) {\n        const formattedCss = cssString\n            // Ensure all braces and semicolons have proper spacing and indentation\n            .replace(/\\s*{\\s*/g, ' {\\n  ')           // Format opening brace and ensure content is indented\n            .replace(/\\s*;\\s*/g, ';\\n  ')            // Format properties with consistent indentation\n            .replace(/\\s*}\\s*/g, '\\n}\\n\\n')          // Format closing brace and add 2 newlines after each rule\n            .replace(/\\n\\s*\\n/g, '\\n')               // Remove any extra empty lines inside a rule\n            .replace(/\\n\\s{2,}/g, '\\n  ')            // Ensure consistent indentation (2 spaces) after each newline\n            .trim()                                  // Trim any extra spaces or newlines at the start and end\n            .replace(/}\\s*/g, '}\\n\\n');              // Add 2 linebreaks after each rule\n        \n        return formattedCss;\n    }\n    \n    \n\n    // Returns the list of ids of elements with id attribute in the given HTML string\n    static extractIdsFromHtml(htmlString) {\n        const tempDiv = document.createElement('div');                      // Create a temporary container\n        tempDiv.innerHTML = htmlString;                                     // Set the HTML content\n        const elementsWithId = tempDiv.querySelectorAll('[id]');            // Find all elements with id attribute\n        const ids = Array.from(elementsWithId).map(element => element.id);  // Extract the ids\n        return ids;\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!='hidden'\" @click=\"addShakeEffect\">\n      <div id=\"canvasBlockerPreloader\" v-if=\"aiCodePreviewShown=='loading'\">\n    <!-- <div id=\"canvasBlocker\" ref=\"canvasBlocker\" @click=\"addShakeEffect\">\n      <div id=\"canvasBlockerPreloader\"> -->\n        <div>Updating UI, please wait...</div>\n        <div>\n          <img src=\"img/icons/loading_58.svg\" alt=\"Loading\" style=\"position: relative; bottom: 0; right: 0; width: 58px; height: 58px;\"/>\n        </div>\n      </div>\n      <div id=\"canvasBlockerDialog\" v-if=\"aiCodePreviewShown=='ready'\">\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    </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\", \"saveTriggered\", \"autoSaveTriggered\", \"themeCssLoaded\"]);\n\nconst props = defineProps([\"appData\"]);\n\nlet modelFields = ref(props.appData.pages[Configuration.currentPageIndex].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('hidden');\n\nlet firstSelectionReported = false;\n\nfunction getActiveTheme(){\n  let currentPage = props.appData.pages[Configuration.currentPageIndex];\n  let themes = currentPage.themes;\n  let themeCssPresent = themes && themes.active && themes.active.name == 'usertheme';\n  if( themeCssPresent ){\n    return 'public' + themes.active.asset;\n  }\n  return null;\n}\n\nfunction revertAiCodeChanges(index){\n  const undoManager = editor.UndoManager;\n  undoManager.undo();\n\n  //window.logUserEvent( \"ai-code-panel::revert\", {} );\n  \n  //undoManager.stop();\n  editor.setComponents( window.lastHtmlBeforeAiReplace );\n  //undoManager.start();\n  /* \n  // Assuming there's a way to access the stack; this is conceptual\n  const stack = undoManager.getStack();\n  const currentIndex = stack.length\n\n  index = window.undoHistoryIndexBeforeReplace\n  debugger;\n\n  if (index < 0 || index >= stack.length) {\n    console.error('Invalid history index');\n    return;\n  }\n\n  const steps = index - currentIndex;\n  if (steps > 0) {\n    // Need to redo to reach the desired state\n    for (let i = 0; i < steps; i++) {\n      undoManager.redo();\n    }\n  } else if (steps < 0) {\n    // Need to undo to reach the desired state\n    for (let i = steps; i < 0; i++) {\n      undoManager.undo();\n    }\n  } */\n\n  //editor.UndoManager.undo();\n  aiCodePreviewShown.value = 'hidden';\n  emit(\"saveTriggered\");\n}\nfunction acceptAiCodeChanges(){\n  //window.logUserEvent( \"ai-code-panel::accept\", {} );\n  aiCodePreviewShown.value = 'hidden';\n  emit(\"saveTriggered\");\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  // 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        proRequired: def.proRequired,\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        proRequired: def.proRequired,\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        proRequired: def.proRequired,\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 && component.onExternalDataChanged){\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[Configuration.currentPageIndex].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    \"assets/js/main_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 scriptPath = appBasePath + script;\n    if ( script.endsWith('_reactivemodel.js') ){\n        mockedScripts.push(scriptPath);\n    }else{\n      mockedScriptsToExtract.forEach((mockedScript) => {\n        if (script.indexOf(mockedScript) > -1) {     \n          mockedScripts.push(scriptPath);\n        }\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[Configuration.currentPageIndex].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\n  // Get the assets of the current page \n  let currentPage = props.appData.pages[Configuration.currentPageIndex];\n  let themes = currentPage.themes;\n  if( themes && themes.registered ){\n    themes.registered.forEach((theme) => {\n      if( theme.asset.startsWith('/') ){\n        theme.assetFullPath = appBasePath + theme.asset;\n      }else{\n        theme.assetFullPath = theme.asset;\n      }\n    });\n  }\n  let assets = currentPage.assets;\n  let themeCssPresent = themes && themes.active;\n\n  let commonStyles = [];\n  commonStyles.push( \"https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons\");\n\n  // Add all styles from the deps\n  currentPage.deps.styles.forEach((style) => {\n    let stylePath = appBasePath + style;\n    commonStyles.push(stylePath);\n  });\n\n  // Add current theme\n  if( themeCssPresent ){\n    let themePath = appBasePath  + themes.active.asset;\n    commonStyles.push(themePath);\n  }\n\n  // To-do: remove this exception, implement global solution for any css\n  // Add all other assets except autogenerated.css, which is treated differently below\n  assets.forEach((asset) => {\n    if( asset.endsWith('.css') && !asset.endsWith('autogenerated.css') ){\n      let assetPath = appBasePath + asset.split(\"public/\").join(\"/\");\n      commonStyles.push(assetPath);\n    }\n  });\n  \n  // -----------------------------------------------------------\n  // Temporal patch to inject js libraries from the assets folder\n  // Right now, only the assets/css folder contents are listed as deps in the GB API\n  // In the future we should have a dedicated flder for libraries, custom components, etc\n  // To-Do: Implement this POC properly, with correct locations, sorting, etc...\n\n  assets.forEach((asset) => {\n    if( asset.endsWith('.css') ){\n      // just skip, as the supported css files have already been included above\n    }else if( asset.endsWith('.js') ){      \n      let assetPath = appBasePath + asset.split(\"public/\").join(\"/\");\n      parsedSCripts.push(assetPath);\n    }\n  });\n\n  // End of temporal POC patch\n  // -----------------------------------------------------------\n\n  // remove duplicated scripts\n  //parsedSCripts = [...new Set(parsedSCripts)];\n\n\n\n  parsedSCripts.push(\"data/contentMain.js\");\n  //console.log( 'parsedSCripts', parsedSCripts );\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  // Inject custom-components' css paths\n  if( window.customComponentsCssPaths ){\n    window.customComponentsCssPaths.forEach( (cssPath)=>{\n      commonStyles.push( cssPath );\n    });\n  }\n\n  emit('themesUpdated', themes);\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(\"load\", ()=>{\n    console.log( \"Grapesjs_loaded\" );\n    editor.runCommand(\"sw-visibility\");\n    editor.Commands.stop(\"sw-visibility\");\n    loadThemeCssFile();\n  });\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    let compDefinition = getComponentDefinitionByType(com.attributes.tagName);\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    let isComposite = compDefinition?.isComposite || com.attributes.attributes.iscomposite=='true';\n    if( isComposite ){\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  editor.Commands.add('edit-child-elements', {\n      run(editor, sender) {\n          //sender && sender.set('active'); // turn off the button\n          //console.log('edit-child-elements button clicked');\n          mainController.value.startEditingComponentContent()\n      }\n  });\n\n  editor.on(\"component:selected\", (com) => {\n    if( firstSelectionReported == false ){\n      firstSelectionReported = true;\n      window.logUserEvent( \"no-code-session::started\", {} );\n    }\n    \n    const selectedComponent = editor.getSelected();\n    let isNestable = getComponentDefinitionByType( com.attributes.type )?.nestable;\n    if( selectedComponent && isNestable ){\n      const toolbar = selectedComponent.get('toolbar') || [];\n      let editChildElementsButton = toolbar.find( item => item.command == 'edit-child-elements' );\n      if( !editChildElementsButton ){\n        toolbar.push({\n            attributes: { class: 'editChildElementsIcon', title: 'Edit Child Elements' },\n            command: 'edit-child-elements',\n        });\n      /* console.log( 'toolbar: ', toolbar );\n      toolbar.push({\n          attributes: { class: 'editChildElementsIcon', title: 'Edit Child Elements', gb-data },\n          command: 'edit-child-elements',\n      }); */\n  \n      selectedComponent.set('toolbar', toolbar);\n      }\n    }\n\n    \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  }, 10000);\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  // ---------- SPECIAL TEMPLATE COMPONENT ----------\n  editor.DomComponents.addType('template', {\n    isComponent: function(el) {\n      if( el.tagName == 'TEMPLATE' ){\n        return { type: 'template', name: 'Template', components:el.innerHTML };\n      };\n    },\n    model: {\n      defaults: {\n        tagName: 'template',\n        droppable: true\n      }\n    }, \n    view: {\n      onRender() {\n        const { el, model } = this;\n      }\n    }\n        \n  });\n\n  // ---------- VUE CUSTOM COMPONENTS ----------\n  registerPlotlyComponent(editor);\n\n  // ---------- ROW COMPONENT ----------\n  editor.DomComponents.addType('row-div', {\n    isComponent: el => {\n      return el.tagName === 'DIV' && el.classList.contains('row');\n    },\n    model: {\n      defaults: {\n        tagName: 'div',\n        classes: ['row'],\n        droppable: function(el) {\n          // Prevent dropping if the parent is also a 'row' div\n          return !el.view.$el[0].classList.contains('row');\n        }\n      }\n    },\n    // Optionally, customize the view\n    view: {}\n  });\n\n  // ---------- CUSTOM COMPONENTS ----------\n  /* editor.DomComponents.addType( \"looper\", {\n    isComponent: (el) => {\n      // match element has attribute \"looper\"\n      if (el.tagName == \"DIV\" && el.hasAttribute(\"looper\") ) {\n        return { type: \"looper\", name: \"Looper\" };\n      }\n    },\n    model: {\n      defaults: {\n        draggable: true,\n        droppable: true,\n        editable: true,\n        isComposite: false,        \n      },\n    }\n  }); */\n  \n  blockDefinitions.forEach((definition) => {\n    processBlockDefinition(definition);\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\nfunction loadThemeCssFile(){\n  console.log( \"[loadThemeCssFile] called\" );\n  let activeThemePath = getActiveTheme();\n  if( activeThemePath ){\n    console.log( \"[loadThemeCssFile] active theme path: \", activeThemePath );\n    let fullApiUrl = window.apibase + 'apps/' + Configuration.appid + '/edit?path=' + encodeURIComponent( activeThemePath );\n    axios.get( fullApiUrl ).then( (result) => {\n      //console.log( \"[loadThemeCssFile] content: \", result.data.content );\n      emit( \"themeCssLoaded\", result.data.content );\n    }).catch( (error) => {\n      console.log('[loadThemeCssFile] error loading theme styles', error);\n    });\n  }else{\n    console.log( \"[loadThemeCssFile] no theme.css found\" );\n    emit( \"themeCssLoaded\", '' );\n  }\n}\n\n\nfunction removeVueInternalDivs(htmlString) {\n    // Create a DOM parser to parse the HTML string\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(htmlString, 'text/html');\n\n    // Find all div elements in the document\n    const divs = doc.querySelectorAll('div[id^=\"vueinternal_\"]');\n\n    // Iterate over each div with an id starting with 'vueinternal_'\n    divs.forEach(div => {\n        // Insert all child nodes of the div (including text nodes) before the div itself\n        while (div.firstChild) {\n            div.parentNode.insertBefore(div.firstChild, div);\n        }\n        // Remove the empty div\n        div.parentNode.removeChild(div);\n    });\n\n    // Return the modified HTML as a string\n    return doc.body.innerHTML;\n}\n\nfunction processBlockDefinition( definition){\n  const blacklist = [\"plotly\", \"tempplaceholder\"];\n    if (blacklist.includes(definition.type)) {\n      return;\n    }\n    const nativeElements = [\"H1\", \"H2\", \"H3\", \"H4\", \"H5\", \"H6\", \"P\", \"SPAN\", \"A\"];\n    //const nativeElements = [\"div\", \"span\", \"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"p\", \"a\", \"img\", \"ul\", \"ol\", \"li\", \"table\", \"tr\", \"td\", \"th\", \"thead\", \"tbody\", \"tfoot\", \"caption\", \"col\", \"colgroup\", \"thead\", \"tfoot\", \"tbody\", \"caption\", \"col\", \"colgroup\", \"thead\", \"tfoot\", \"tbody\", \"caption\", \"col\", \"colgroup\", \"thead\", \"tfoot\", \"tbody\", \"caption\", \"col\", \"colgroup\", \"thead\", \"tfoot\", \"tbody\", \"caption\", \"col\", \"colgroup\", \"thead\", \"tfoot\", \"tbody\", \"caption\", \"col\", \"colgroup\", \"thead\", \"tfoot\", \"tbody\", \"caption\", \"col\", \"colgroup\", \"thead\", \"tfoot\", \"tbody\", \"caption\", \"col\", \"colgroup\", \"thead\", \"tfoot\", \"tbody\", \"caption\", \"col\", \"colgroup\"];\n    if( nativeElements.includes(definition.tagName) ){\n      \n\n    }else if( definition.attributeMatch != undefined || nativeElements.includes(definition.type) ){\n      //console.log( 'definition.attributeMatch: ', definition.type );\n      editor.DomComponents.addType(definition.type, {\n        isComponent: (el) => {\n          if (el.tagName == definition.tagName && el.hasAttribute(definition.attributeMatch ) ) {\n            return { type: definition.type, name: definition.label };\n          }\n        },\n        model: {\n          defaults: {\n            draggable: definition.draggable,\n            droppable: definition.droppable,\n            editable: definition.editable,\n            isComposite: definition.isComposite,\n            \n          },\n        }\n      });\n\n    /* }else if(definition.type=='q-tabs'){      \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            draggable: definition.draggable,\n            droppable: definition.droppable,\n            editable: definition.editable,\n            isComposite: definition.isComposite,\n            \n          },\n        }\n      }); */\n\n    }else{      \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              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\n              if( !this.grapesModel ){\n                return;\n              }\n              \n              let mappedAttributes = getMappedAttributes(this.grapesModel.attributes.attributes);\n\n              this.onExternalDataChanged = (event)=>{\n                  serverData = event.detail;\n                  mappedAttributes = getMappedAttributes(this.attributes);\n                  this.vueApp.updateServerData(serverData);\n              }\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              // Catch component errors and display them in the component\n              Vue.config.errorHandler = (err, vm, info) => {\n                console.warn( `Vue.errorHandler called()`,\n                  '\\n   - err:', err, \n                  '\\n   - vm:', vm, \n                  '\\n   - info:', info\n                );\n                let element = document.getElementById(uniqueId);\n                element.innerHTML = `<div class=\"componentError\">\n                  <div class=\"componentErrorIcon\">&#9888;</div>\n                  <b style=\"font-size: 1.2em;\">${componentDefinition.label}</b>\n                  <br/>${err}</div>`;\n              };\n\n              // Catch warnings and display them in the console, but render the component in canvas\n              Vue.config.warnHandler = (message, vm, trace) => {\n                console.warn( `Vue.warnHandler called()`,\n                  '\\n   - message:', message, \n                  '\\n   - vm:', vm, \n                  '\\n   - trace:', trace\n                );         \n                /* let element = document.getElementById(uniqueId);\n                element.innerHTML = `<div class=\"componentError\">\n                  <div class=\"componentErrorIcon\">&#9888;</div>\n                  <b style=\"font-size: 1.2em;\">${componentDefinition.label}</b>\n                  <br/>${message}</div>`;          */\n              };\n              \n                Stipple.init({theme: 'stipple-blue'});\n              this.vueApp = new Vue({\n                  el: '#vueinternal_'+uniqueId,\n                  //components: { QBtn:Quasar.}, \n                  data: function(){ \n                    let result = serverData;\n                    result.attributes = mappedAttributes;\n                    result.serverData = serverData;\n                    return result;\n                  }, \n                  computed:{\n                    parsedAttributes(){\n                      let result = {};\n                      let attributesObject = this.attributes;\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\n          handleAttrChange() {\n            //this.render();\n          },\n\n          render: function () {\n            this.view.onRender();\n          },\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 internalTagName = tagName;\n            \n            // To-do: generalise this custom rendering mode so that it can be used for other components when needed\n            if( tagName == 'q-popup-proxy' ){\n              internalTagName = 'q-popup-proxy-gbinternal';\n            }\n\n            let attributesObject = el.grapesModel.attributes.attributes;\n            let componentDefinition = getComponentDefinitionByType( tagName );\n            let renderContent = `<div id=\"vueinternal_${uniqueId}\" style=\"position: relative;\">\n              <${internalTagName} `;\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                    // Special case for images, so that their path is relative to the app\n                    if( componentDefinition.type == 'q-img' && key == 'src' && propertyDefinition.type == \"String\" && !attributeValue.startsWith('http') ){\n                      if( attributeValue.startsWith('/') )\n                        attributeValue = appBasePath + attributeValue;\n                      else\n                        attributeValue = appBasePath + '/' + attributeValue;\n                    }\n                    if( key=='v-if' || key=='v-for'){\n                      // skip\n                    }else 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 += `>`;\n              let isNestable = componentDefinition?.nestable;\n              if( isNestable ){\n                // some nestable components have trouble rendering their children in the editor,\n                // so here we make sure that the inner html is not altered by grapes and vue can render as normal\n                if( tagName == \"q-tab-panels\" || tagName == \"q-tab-panel\" || tagName == \"q-card\" || tagName == \"q-card-section\" || tagName == \"q-badge\" ){\n                  let cleanedHtml = model.getInnerHTML();\n\n                  const parser = new DOMParser();\n                  const doc = parser.parseFromString(cleanedHtml, 'text/html');\n                  const firstDiv = doc.body;\n                  \n\n                  HtmlTemplateParser.decodeAttributesInDOM(firstDiv );\n                  renderContent += firstDiv.innerHTML;\n                }else if( tagName == 'q-popup-proxy' ){\n                  // To-do: generalise this custom rendering mode so that it can be used for other components when needed\n                  renderContent += `<div style=\"background-color: #e6c2fe; margin: 5px; padding: 3px; border-radius: 5px; border: dashed 1px #985eab; width: max-content;\">\n                      <img src=\"img/block_icons/popup-proxy.png\" style=\"height:13px; display: block;\" />\n                    </div>`;\n                }else{\n                  // for all other nestable components, we just do some cleanup before appending children\n                  let innerHtmlClean = el.innerHTML;\n                  if( innerHtmlClean != '' ){\n                    const parser = new DOMParser();\n                    const doc = parser.parseFromString(innerHtmlClean, 'text/html');\n                    const firstDiv = doc.body;//.querySelector('#itkg') || null;  \n                    firstDiv.children.forEach( (child)=>{\n                      HtmlTemplateParser.decodeAttributesInDOM(child );\n                      let inner = child.innerHTML;\n                      renderContent += inner;\n                    });\n                  }\n                }\n              }\n\n              renderContent += `</${internalTagName}>\n              </div>\n            `;\n\n            \n            el.innerHTML = renderContent;\n          },\n        },\n      });\n\n    }\n\n  // Load autogenerated styles\n  /* let styles = props.appData.pages[Configuration.currentPageIndex].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(status){\n  aiCodePreviewShown.value = status;\n}\n\nfunction addShakeEffect($event) {\n  if( $event.target.id != 'canvasBlocker' )\n    return;\n\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.removeInvalidNodes(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  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  width: 300px;\n  margin-left: 50%;\n  left: -150px;\n  position: relative;\n  color: #000000;\n}\n\n#canvasBlockerPreloader{\n      display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    color: #000000;\n}\n#canvasBlocker{\n    position: absolute;\n    top: 40px;\n    left: 0;\n    right: 310px;\n    bottom: 0px;\n    background-color: #eaeaea80;\n    z-index: 1;\n    /* border: solid 4px #3794ff; */\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding-bottom: 340px;\n}\n\n.editChildElementsIcon {\n    width: 15px;\n    height: 15px;\n    background: url('../../../public/img/icons/icon_edit_child_elements.png');\n    background-size: contain;\n    margin: 0px 10px 5px 5px;\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=4e6e2469&lang=scss&scoped=true\"\nimport \"./CanvasPanel.vue?vue&type=style&index=1&id=4e6e2469&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-4e6e2469\"]])\n\nexport default __exports__\nimport QTable from 'quasar/src/components/table/QTable.js';\nimport QTabs from 'quasar/src/components/tabs/QTabs.js';\nimport QPopupProxy from 'quasar/src/components/popup-proxy/QPopupProxy.js';\nimport QImg from 'quasar/src/components/img/QImg.js';\nimport QTabPanels from 'quasar/src/components/tab-panels/QTabPanels.js';\nimport QTabPanel from 'quasar/src/components/tab-panels/QTabPanel.js';\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QBadge from 'quasar/src/components/badge/QBadge.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QTable,QTabs,QPopupProxy,QImg,QTabPanels,QTabPanel,QCard,QCardSection,QBadge});\n","<template>\n    <div>\n        <vscode-text-field \n            :value=\"searchTerm\"\n            @input=\"(event)=>searchTermChanged(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:true, uiItemProDisabled: block.proRequired && !isPro}\" \n                        @mousedown=\"(!block.proRequired) || ( block.proRequired  && isPro ) ? dragStart(block) : showUpgradeLicenseDialog(true)\"\n                        :title=\"block.proRequired && !isPro ? 'Upgrade to PRO plan to use this component and many more!' : block.label\"\n                        >\n                            <div :class=\"{ uiItemLabel:true, uiItemLabelProRequired:block.proRequired && !isPro }\">{{ block.label }}</div>\n                            <div :class=\"{ uiItemIcon:true, uiItemIconProRequired:block.proRequired && !isPro }\">\n                                <img :src=\"getBlockIconPath(block)\" class=\"libraryIcon\" style=\"\"/>\n                            </div>\n                            <img v-if=\"block.proRequired && !isPro\" src=\"img/icons/pro_badge.png\" class=\"proBadge\" style=\"\"/>\n                    </div>\n                    <div class=\"disabledProPanel\"></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'\nimport Configuration from '../../utils/Configuration';\nimport _ from 'lodash';\n\nconst isPro = Configuration.IS_PRO;\n\nfunction showUpgradeLicenseDialog(showDialog=true){\n    window.showUpgradeLicenseDialog(showDialog);\n}\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// HTML blocks\n// =============================================\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"Container\", properties:[], tagName: \"DIV\", type: 'container', content: `<div class=\"container\"></div>`, media: ``, category: 'Layout'   }); \n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"Centered App\", properties:[], tagName: \"DIV\", type: 'centeredapp', icon: 'container.png', content: `<div class=\"max-width-md q-mx-auto q-px-md\">App contents</div>`, media: ``, category: 'Layout'   }); \n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"Module Title\", properties:[], tagName: \"P\", type: 'stmoduletitle', icon: 'paragraph.png', content: `<p class=\"st-module-title\">Module Title</p>`, media: ``, category: 'Layout'   }); \n\nblockDefinitionsRaw.push( { description: \"\", draggable: true, droppable: true, editable: true, enabled: true, label: \"Field Label\", properties:[], tagName: \"P\", type: 'stfieldlabel', icon: 'paragraph.png', content: `<p class=\"st-field-label\">Field Label</p>`, media: ``, category: 'Layout'   }); \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=\"col-12 col-sm flex\"><div class=\"st-module\"></div></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=\"col-12 col-sm flex\"><div class=\"st-module\"></div></div>\n<div class=\"col-12 col-sm flex\"><div class=\"st-module\"></div></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=\"col-12 col-sm flex\"><div class=\"st-module\"></div></div>\n<div class=\"col-12 col-sm flex\"><div class=\"st-module\"></div></div>\n<div class=\"col-12 col-sm flex\"><div class=\"st-module\"></div></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=\"col-12 col-sm flex\"><div class=\"st-module\"></div></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>\n<h1>Header Text</h1>\n</header>\n<div class=\"row\">\n<div class=\"col-3 col-sm flex\"><div class=\"st-module\"></div></div>\n<div class=\"col-9 flex\"><div class=\"st-module\"></div></div>\n</div>\n<footer class=\"st-footer\">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>\n<h1>Header Text</h1>\n</header>\n<div class=\"row\">\n<div class=\"col-9 flex\"><div class=\"st-module\"></div></div>\n<div class=\"col-3 col-sm flex\"><div class=\"st-module\"></div></div>\n</div>\n<footer class=\"st-footer\">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>\n<h1>Header Text</h1>\n</header>\n<div class=\"row\">\n<div class=\"col-3 col-sm flex\"><div class=\"st-module\"></div></div>\n<div class=\"col-5 flex\"><div class=\"st-module\"></div></div>\n<div class=\"col-3 col-sm flex\"><div class=\"st-module\"></div></div>\n</div>\n<footer class=\"st-footer\">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 ><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-footer\">Page footer</footer>`    \n});  \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    \"Utilities\", \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 = (block)=>{\n        //window.logUserEvent(\"library::dragToCanvas\", { component: block.type });\n        props.dragStart(block)\n      };\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        }else{\n            //console.log( \"[debug] LibraryPanel :: onMounted :: window.editor NOT ready\" );\n        }\n    }, 1000);\n});\n\n\nfunction searchTermChanged(event){\n    debouncedLogSearch();\n    buildCategoriesTree(event);\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    let result;\n    // If icon is explicitly defined, use it\n    if( block.icon ){\n        // If icon starts with {appPath}, replace this token with the actual app path\n        if( block.icon.startsWith(\"{appPath}\") ){\n            let appPath = Configuration.getAppAssetsBaseUrl('http', Configuration.appport);\n            // remove trailing slash if present\n            if( appPath.endsWith(\"/\") ) appPath = appPath.slice(0, -1);\n            iconFileName = block.icon.replace(\"{appPath}\", \"\");\n            result = appPath + iconFileName;\n        }else{\n            // Else just use it as is\n            iconFileName = block.icon;\n            result = 'img/block_icons/'+iconFileName\n        }\n    // If icon is not defined, use the block type and resolve the icon file name from it\n    }else{\n        iconFileName = block.type.split(\"q-\").join(\"\")+'.png';\n        result = 'img/block_icons/'+iconFileName\n    }\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\nlet debouncedLogSearch = _.debounce(function () {\n    if( searchTerm.value.length > 0 ){\n        //window.logUserEvent(\"library::search\", { searchTerm: searchTerm.value });\n    }\n  }, 1000);\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\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    position: relative;\n}\n\n.proBadge{\n    position: absolute;\n    bottom: 3px;\n    right: 3px;\n    width: 20px;\n    opacity: 0.2;\n}\n\n.uiItemProDisabled{\n    /* cursor: auto; */\n    cursor: not-allowed;\n}\n\n.uiItemProDisabled:hover{\n    .proBadge{\n        opacity: 1;\n    }\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.uiItemLabelProRequired, .uiItemIconProRequired{\n    opacity: 0.3;\n}\n\n.libraryIcon{\n    max-height: 20px;\n    margin-top:6px;\n    pointer-events: none;\n    filter: var(--library-icon-filter);\n}\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=1c9dfa42&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-1c9dfa42\"]])\n\nexport default __exports__","<template>\n    <div class=\"blocker\" ref=\"dialogBlocker\" @click=\"blockerClicked($event)\">        \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>\n                <vscode-text-field \n                    id=\"addPropertyDialogSearch\"\n                    :value=\"searchTerm\"\n                    @input=\"(event)=>searchTermChanged(event)\" \n                    @keyup.escape=\"resetSearch\"\n                    placeholder=\"Search Properties\" style=\"padding: 5px 10px; width: 100%;\"></vscode-text-field>\n                    <i class=\"fas fa-search\" style=\"position:absolute; top: 47px; right: 15px; opacity: 0.5;\"></i>\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 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';\nimport { ref, onMounted } from 'vue'\n\n// Define props and emits\nconst props = defineProps(['propslist', 'defObject', 'destination']);\nconst emit = defineEmits(['propAdded', 'close' ]);\n\n// Define reactive variables\nconst searchTerm = ref('');\nconst dialogBlocker = ref('');\n\n\n// Event handlers\n// ---------------------------------------------------\nfunction blockerClicked(event){\n    if( event.target == dialogBlocker.value){\n        closeButtonClicked();\n    }\n}\n\nfunction closeButtonClicked(){\n    emit('close');    \n}\n\n// Component methods\n// ---------------------------------------------------\nfunction resetSearch(){\n    searchTerm.value = '';\n}\n\nfunction searchTermChanged(event){\n    searchTerm.value = event.target.value;\n}\n\n\nfunction addProperty(item){\n    emit('propAdded', item, props.defObject, props.destination);\n}\n\nfunction sortedPropsList(){\n    let results = props.propslist;\n    // Apply filtering if search term is present\n    if( searchTerm.value != '' ){\n        results = results.filter((item)=>{\n            return item.label.toLowerCase().indexOf(searchTerm.value.toLowerCase()) > -1;\n        });\n    }\n    // Sort the results by label\n    return _.sortBy(results, (item)=>{ return item.label.toLowerCase() });\n}\n\n\n\nonMounted(()=>{\n    document.querySelector('#addPropertyDialogSearch').focus();\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: var(--background);\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    border: solid 1px #ffffff20;\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=7c578f7c&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-7c578f7c\"]])\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                <textarea name=\"\" id=\"\" rows=\"3\" \n                    :value=\"JSON.stringify(property.valueHolderParent[property.propName])\"\n                    @input=\"handleArrayInput(property, $event.target.value)\" \n                    @change=\"submitChanges\"></textarea>\n            </div>\n\n\n\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\nconsole.log( \"ChartSection.modelFields: \", props.modelFields)\n\n    function handleArrayInput(property, inputValue) {\n        try {\n            const parsedValue = JSON.parse(inputValue);\n            if (Array.isArray(parsedValue)) {\n                property.valueHolderParent[property.propName] = parsedValue;\n            } else {\n                // To-do: show UI to inform user about invalid value\n                console.error(\"Input is not an array.\");\n            }\n        } catch (e) {\n            // To-do: show UI to inform user about invalid value\n            console.error(\"Failed to parse input as JSON:\", e);\n        }\n    }\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( typeof currentValue == \"string\" && 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>\ntextarea {\n    overflow: auto;\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    font-size: 11px;\n    width: 100%;\n    min-height: 60px;\n    padding: 5px 10px;\n}\n\ntextarea:focus-visible {\n    outline: none;\n    border: 1px solid var(--focus-border);\n}\ntextarea:focus {\n    border: 1px solid var(--focus-border) !important;\n}\n\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  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=6bcc04fe&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-6bcc04fe\"]])\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\">\n              {{ tab.name }}\n              <!-- <div class=\"propRowDynamicSwitch tabSwitch\" @click=\"setSpecialAttributeAsConstant(tab.key)\">\n                  <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" v-if=\"attributeIsBinding(tab.key)\" draggable=\"false\" />\n                  <img src=\"img/icons/binding_off.png\" style=\"height: 16px;\" v-if=\"!attributeIsBinding(tab.key)\" draggable=\"false\" />\n              </div> -->\n            </div>\n        </div>\n        \n        <!-- ---------------------------------------------------\n                            DATA (TRACES)\n        --------------------------------------------------- -->\n        <div class=\"tabSectionContainer\" v-if=\"currentTabIndex==0\">\n\n         <!-- --------- BINDING CASE --------- -->\n          <div v-if=\"attributeIsBinding('data')\" class=\"propRow\" style=\"margin-top: 20px;\">            \n            <div class=\"removeBtnCnt\" style=\"width:20px; cursor: auto;\" ></div>\n            <div class=\"propRowLabel\" title=\"Data object for the chart\">Data Binding: </div>\n            <div class=\"propRowControl\">\n                <select class=\"propInput propInputDynamic\" v-model=\"selectedComponent.attributes.attributes.gb_b__data\" @change=\"dataChanged\" \n                @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent attrname=\"gb_b_data\">\n                    <option v-for=\"binding in filteredModelFields.data\" :key=\"'binding_'+binding.name\" :value=\"binding.name\">{{binding.label ? binding.label : binding.name }}</option>\n                </select>\n            </div>\n\n            <div class=\"propRowDynamicSwitch\" @click=\"setSpecialAttributeAsConstant('data')\">\n                <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" draggable=\"false\" />\n            </div>\n          </div>\n\n\n         <!-- --------- NOT-BINDING CASE --------- -->\n          <div class=\"tracesContainer\" style=\"position: relative;\" v-else>\n            <div style=\"width: 100%; justify-content: flex-end; display: flex; margin: 10px 0px 0px;\">\n              <div class=\"nanoButton\" style=\"\" @click=\"setSpecialAttributeAsBinding('data')\" v-if=\"getBindingsOfType( 'PlotlyBase.GenericTrace' ).length > 0\">\n                <div style=\"\">Use Binding</div>\n                <div class=\"\">\n                  <!-- <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" v-if=\"attributeIsBinding('data')\" draggable=\"false\" /> -->\n                  <img src=\"img/icons/binding_off.png\" style=\"height: 16px;\" draggable=\"false\" />\n                </div>\n              </div>\n            </div>\n            <!-- <div class=\"propRowDynamicSwitch tabSwitch\" @click=\"setSpecialAttributeAsConstant('data')\">\n                  <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" v-if=\"attributeIsBinding('data')\" draggable=\"false\" />\n                  <img src=\"img/icons/binding_off.png\" style=\"height: 16px;\" v-if=\"!attributeIsBinding('data')\" draggable=\"false\" />\n              </div>\n            </div> -->\n\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                      <vscode-button @click=\"showAddPropertyList(trace)\" style=\"\">Add Property</vscode-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  v-if=\"!attributeIsBinding('data')\" style=\"border-top: solid 1px var(--badge-background); padding: 20px;     text-align: center;\">\n            <vscode-button class=\"addTraceButton\" @click=\"addNewTrace\">Add Trace</vscode-button>\n\n            <!-- <div class=\"toggleBindingModeContainer\"  style=\"margin-top: 20px; font-size: 0.6rem; color: #ccc;\">\n            or switch to <span @click=\"setSpecialAttributeAsBinding('data')\" style=\"text-decoration: underline; color:#fff;\">binding mode</span>\n            </div> -->\n          </div>\n        </div>\n\n        <!-- ---------------------------------------------------\n                              LAYOUT\n        --------------------------------------------------- -->\n        <div class=\"tabSectionContainer\" v-if=\"currentTabIndex==1\">\n         <!-- --------- BINDING CASE --------- -->\n          <div v-if=\"attributeIsBinding('layout')\" class=\"propRow\" style=\"margin-top: 20px;\">  \n            <div class=\"removeBtnCnt\" style=\"width:20px; cursor: auto;\" ></div>\n            <div class=\"propRowLabel\" title=\"Data object for the chart\">Layout Binding: </div>\n            <div class=\"propRowControl\">\n                <select class=\"propInput propInputDynamic\" v-model=\"selectedComponent.attributes.attributes.gb_b__layout\" @change=\"layoutChanged\" \n                @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent attrname=\"gb_b_layout\">\n                    <option v-for=\"binding in filteredModelFields.layout\" :key=\"'binding_'+binding.name\" :value=\"binding.name\">{{binding.label ? binding.label : binding.name }}</option>\n                </select>\n            </div>\n\n            <div class=\"propRowDynamicSwitch\" @click=\"setSpecialAttributeAsConstant('layout')\">\n                <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" draggable=\"false\" />\n            </div>\n          </div>\n\n         <!-- --------- NOT-BINDING CASE --------- -->\n          <div v-else>\n            <div style=\"width: 100%; justify-content: flex-end; display: flex; margin: 10px 0px 0px;\">\n              <div class=\"nanoButton\" style=\"\" @click=\"setSpecialAttributeAsBinding('layout')\" v-if=\"getBindingsOfType( 'PlotlyBase.Layout' ).length > 0\">\n                <div style=\"\">Use Binding</div>\n                <div class=\"\">\n                  <!-- <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" v-if=\"attributeIsBinding('data')\" draggable=\"false\" /> -->\n                  <img src=\"img/icons/binding_off.png\" style=\"height: 16px;\"  draggable=\"false\" />\n                </div>\n              </div>\n            </div>\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              <vscode-button v-if=\"!addPropertyDestination\" @click=\"showAddPropertyList(layout)\" style=\"\">Add Property</vscode-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        </div>\n\n        <!-- ---------------------------------------------------\n                              CONFIG\n        --------------------------------------------------- -->\n        <div class=\"tabSectionContainer\" v-if=\"currentTabIndex==2\">\n         <!-- --------- BINDING CASE --------- -->\n          <div v-if=\"attributeIsBinding('config')\" class=\"propRow\" style=\"margin-top: 20px;\">  \n            <div class=\"removeBtnCnt\" style=\"width:20px; cursor: auto;\" ></div>\n            <div class=\"propRowLabel\" title=\"Data object for the chart\">Config Binding: </div>\n            <div class=\"propRowControl\">\n                <select class=\"propInput propInputDynamic\" v-model=\"selectedComponent.attributes.attributes.gb_b__config\" @change=\"configChanged\" \n                @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent attrname=\"gb_b_config\">\n                    <option v-for=\"binding in filteredModelFields.config\" :key=\"'binding_'+binding.name\" :value=\"binding.name\">{{binding.label ? binding.label : binding.name }}</option>\n                </select>\n            </div>\n\n            <div class=\"propRowDynamicSwitch\" @click=\"setSpecialAttributeAsConstant('config')\">\n                <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" draggable=\"false\" />\n            </div>\n          </div>\n\n         <!-- --------- NOT-BINDING CASE --------- -->\n          <div v-else>\n            <div style=\"width: 100%; justify-content: flex-end; display: flex; margin: 10px 0px 0px;\">\n              <div class=\"nanoButton\" style=\"\" @click=\"setSpecialAttributeAsBinding('config')\" v-if=\"getBindingsOfType( 'Object' ).length > 0\">\n                <div style=\"\">Use Binding</div>\n                <div class=\"\">\n                  <!-- <img src=\"img/icons/binding_on.png\" style=\"height: 16px;\" v-if=\"attributeIsBinding('data')\" draggable=\"false\" /> -->\n                  <img src=\"img/icons/binding_off.png\" style=\"height: 16px;\" draggable=\"false\" />\n                </div>\n              </div>\n            </div>\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              <vscode-button v-if=\"!addPropertyDestination\" @click=\"showAddPropertyList(config)\" style=\"\">Add Property</vscode-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        </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';\nimport Configuration from '../utils/Configuration';\n\nconst emit = defineEmits(['chartpropmodechanged']);\n\nconst mybool = ref(true);\n// ====================== PROPS ====================== \n\nconst props = defineProps(['appData', 'selectedComponent', 'blockPropertyDefinition', 'filteredModelFields']);\n\n\n\nfunction attributeIsBinding(attributeName ){\n  let isBinding = props.selectedComponent.attributes.attributes['gb_b__'+attributeName] != null;\n  return isBinding;\n}\n\n// ====================== DATA ====================== \n\nlet currentTabIndex = ref(0);\nlet tabsList = ref( [ \n  { id:0, name:\"Data\", key:\"data\" }, \n  { id:1, name:\"Layout\", key:\"layout\" }, \n  { id:2, name:\"Config\", key:\"config\" } \n] );\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[Configuration.currentPageIndex].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  // Treemap\n  {id:\"parents\", label:\"Parents\", type:\"array\", default: [\"\", \"A\", \"A\", \"C\", \"C\", \"A\", \"\", \"G\", \"G\"]}, \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  { id:\"width\", label:\"Width\", type: \"number\", default: 500 },\n  { id:\"height\", label:\"Height\", type: \"number\", default: 500 },\n  { id:\"xaxis.showgrid\", label:\"Show X grid\", type: \"boolean\", default: true },\n  { id:\"yaxis.showgrid\", label:\"Show Y grid\", type: \"boolean\", default: true },\n  { id:\"xaxis.range\", label:\"X range\", type: \"array\", default: [0,1500] },\n  { id:\"xaxis.visible\", label:\"X visible\", type: \"boolean\", default: false },\n\n]);\n\nconst isPro = computed(() => {\n    return Configuration.IS_PRO;\n});\n\n\n\nfunction getFieldsOfDataFrameType(){\n  let dsFields = props.appData.pages[Configuration.currentPageIndex].model.fields.filter( (field)=>{ \n    return  field.type == \"DataFrames.DataFrame\" || \n            field.type == \"PlotlyData\" || \n            field.type == \"DataTable.DataFrames.DataFrame\"\n  } );\n  dataSourceFields.value = dsFields;\n}\n\n// ====================== COMPUTED ====================== \n\nconst getAllModelFields = computed(() => {\n  let fields = props.appData.pages[Configuration.currentPageIndex].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[Configuration.currentPageIndex].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 setSpecialAttributeAsConstant(key){\n  const functionMap = {\n    'data': setDataAsConstant,\n    'layout': setLayoutAsConstant,\n    'config': setConfigAsConstant\n  }\n  if( functionMap[key] )  \n    functionMap[key]();\n  else\n    console.error( 'setSpecialAttributeAsConstant: key not found', key );\n}\n\nfunction setSpecialAttributeAsBinding(key){\n  const functionMap = {\n    'data': setDataAsBinding,\n    'layout': setLayoutAsBinding,\n    'config': setConfigAsBinding\n  }\n  if( functionMap[key] )  \n    functionMap[key]();\n  else\n    console.error( 'setSpecialAttributeAsBinding: key not found', key );\n}\n\nfunction getBindingsOfType( type ){\n  return modelFields.value.filter( (field)=>{ return field.type == type } );\n}\n\nfunction setDataAsBinding(){\n  let matchingModelFields = modelFields.value.filter( (field)=>{ return field.type == 'PlotlyBase.GenericTrace' } );\n  if( matchingModelFields.length == 0 ){\n    console.error( 'setDataAsBinding: No matching model fields found for type ', 'PlotlyBase.GenericTrace' );    \n    return;\n  }\n\n  delete props.selectedComponent.gb_c__data;\n  let newBindingValue = matchingModelFields[0].name;\n  props.selectedComponent.gb_b__data = newBindingValue;\n  traces.value = newBindingValue;\n  submitChanges();\n  setSelectedComponent( props.selectedComponent );\n  emit('chartPropModeChanged', 'gb_c__data', newBindingValue );\n}\n\nfunction setLayoutAsBinding(){\n  let matchingModelFields = modelFields.value.filter( (field)=>{ return field.type == 'PlotlyBase.Layout' } );\n  if( matchingModelFields.length == 0 ){\n    console.error( 'setLayoutAsBinding: No matching model fields found for type ', 'PlotlyBase.Layout' );    \n    return;\n  }\n\n  delete props.selectedComponent.gb_c__layout;\n  let newBindingValue = matchingModelFields[0].name;\n  props.selectedComponent.gb_b__layout = newBindingValue;\n  layout.value = newBindingValue;\n  submitChanges();\n  setSelectedComponent( props.selectedComponent );\n  emit('chartPropModeChanged', 'gb_c__layout', newBindingValue );\n}\n\nfunction setConfigAsBinding(){\n  let matchingModelFields = modelFields.value.filter( (field)=>{ return field.type == 'Object' } );\n  if( matchingModelFields.length == 0 ){\n    console.error( 'setConfigAsBinding: No matching model fields found for type ', 'Object' );    \n    return;\n  }\n\n  delete props.selectedComponent.gb_c__config;\n  let newBindingValue = matchingModelFields[0].name;\n  props.selectedComponent.gb_b__config = newBindingValue;\n  config.value = newBindingValue;\n  submitChanges();\n  setSelectedComponent( props.selectedComponent );\n  emit('chartPropModeChanged', 'gb_c__config', newBindingValue );\n}\n\nfunction getModelFieldsOfType(type){\n  return modelFields.value.filter( (field)=>{ return field.type == type } );\n}\n\nfunction setDataAsConstant(){\n  delete props.selectedComponent.gb_b__data;\n  let newConstantValue = [{\"gbtype\":\"Bar Chart\",\"x\":[],\"y\":[],\"type\":\"bar\",\"name\":\"Trace\"}];\n  props.selectedComponent.gb_c_data = newConstantValue;\n  traces.value = newConstantValue;\n  submitChanges();\n  setSelectedComponent( props.selectedComponent );\n  emit('chartPropModeChanged', 'gb_b__data', btoa( JSON.stringify(newConstantValue) ) );\n}\n\nfunction setLayoutAsConstant(){\n  delete props.selectedComponent.gb_b__layout;\n  let newConstantValue = {\"title\":\"Chart Title\"};\n  props.selectedComponent.gb_c_layout = newConstantValue;\n  layout.value = newConstantValue;\n  submitChanges();\n  setSelectedComponent( props.selectedComponent );\n  emit('chartPropModeChanged', 'gb_b__layout', btoa( JSON.stringify(newConstantValue) ) );\n}\n\nfunction setConfigAsConstant(){\n  delete props.selectedComponent.gb_b__config;\n  let newConstantValue = {\"autosizable\":true,\"displaylogo\":true,\"scrollZoom\":true,\"editable\":true,\"displayModeBar\":true};\n  props.selectedComponent.gb_c_config = newConstantValue;\n  config.value = newConstantValue;\n  submitChanges();\n  setSelectedComponent( props.selectedComponent );\n  emit('chartPropModeChanged', 'gb_b__config', btoa( JSON.stringify(newConstantValue) ) );\n}\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  console.log( 'ChartProperties::submitChanges', selectedComponent.attributes.attributes );\n  let newAttributes = {};\n  let newData, newConfig, newLayout;\n  \n  if( attributeIsBinding('data') ){\n    newData = selectedComponent.attributes.attributes.gb_b__data\n    newAttributes.gb_b__data = newData;\n  }else{\n    newData = btoa( JSON.stringify(traces.value) );\n    newAttributes.gb_c__data = newData;\n  }\n  \n  if( attributeIsBinding('config') ){\n    newConfig = selectedComponent.attributes.attributes.gb_b__config\n    newAttributes.gb_b__config = newConfig;\n  }else{\n    newConfig = btoa( JSON.stringify(config.value) );\n    newAttributes.gb_c__config = newConfig;\n  }\n  \n  if( attributeIsBinding('layout') ){\n    newLayout = selectedComponent.attributes.attributes.gb_b__layout\n    newAttributes.gb_b__layout = newLayout;\n  }else{\n    newLayout = btoa( JSON.stringify(layout.value) );\n    newAttributes.gb_c__layout = newLayout;\n  }\n\n  props.selectedComponent.setAttributes( newAttributes );\n\n  props.selectedComponent.view.$el[0].vueApp.updateAttributes(newAttributes);\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  \nfunction setSelectedComponent(newComponent){\n \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    try{\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    }catch(e){\n      console.error( 'ChartProperties :: Error decoding base64 attributes', e );\n    }\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}\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  position: relative;\n  border-bottom: solid 1px #cccccc30\n}\n\n.tabSwitch{\n  position: absolute;\n  top: 3px;\n  right: 3px;\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: 0px 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: 0px;\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: center;\n  padding-bottom: 20px;\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\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.nanoButton{\n  width: max-content;\n  text-align: center;\n  display: flex;\n  padding: 0px 3px 0px 9px;\n  border: 1px solid rgb(204, 204, 204);\n  border-radius: 9px;\n  font-size: 0.64rem;\n  position: relative;\n  right: 0px;\n  opacity: 0.5;\n  user-select: none;\n  cursor: pointer;\n}\n.nanoButton:hover{\n  opacity: 1;\n}\n</style>\n","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=7460bacc&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-7460bacc\"]])\n\nexport default __exports__","<template>\n    <div>\n        <div v-if=\"!component\" class=\"nothingSelected\">\n            <i>Nothing selected</i>\n        </div>\n\n        <div v-if=\"component && !licenseAllowsComponent(component)\" class=\"notProUI\">\n            This component requires a Pro license.<br/>\n            Upgrade to Pro and start using it now!<br/> <br/>\n            <vscode-button @click=\"showUpgradeLicenseDialog\" style=\"margin-right: 3px;\">Upgrade</vscode-button> \n        </div>\n\n        <div v-if=\"component && licenseAllowsComponent(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;\" v-if=\"component && component.attributes.type != 'plotly'\">\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\n                    <!-- --------- NOT-BINDING CASE --------- -->\n                    \n                    <div v-if=\"!attributeIsBinding(attributeObject.name)\" class=\"propRowControl\">\n                        <!-- Dropdown (generic, with predefined ooptions) -->\n                        <select v-if=\"attributeObject.def.uitype=='select'\"\n                            class=\"propInput propInputDynamic\" \n                            v-model=\"component.attributes.attributes[ attributeObject.name ]\" \n                            @change=\"submitChanges\" \n                            @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent :attrname=\"attributeObject.name\">\n                                <option v-for=\"option in attributeObject.def.options\" :key=\"'option_'+option\" :value=\"option\">{{ option }}</option>\n                        </select>\n\n                       <!--  <vscode-dropdown \n                            v-if=\"attributeObject.def.uitype=='select'\"\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                                {{ component.attributes.attributes[ attributeObject.name ] }}\n                            </span>\n                            <vscode-option :value=\"option\" v-for=\"option in attributeObject.def.options\" style=\"padding: 5px;\">\n                                {{ option }}</vscode-option>\n                        </vscode-dropdown> -->\n\n                        <!-- Dropdown for icons (uitype == 'enum_icons' in blockDefinitions) -->\n                        <vscode-dropdown \n                            v-else-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.uitype=='String' || (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\n                    <!-- --------- BINDING CASE --------- -->\n\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, component)\" :key=\"'binding_'+binding.name\" :value=\"binding.name\">{{binding.label ? binding.label : binding.name }}</option>\n                        </select>\n                    </div>\n                    <div v-if=\"attributeObject.name!='gb_b__v-model' && attributeObject.name!='gb_c__v-for' && component.attributes.type != 'plotly'\" @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\" style=\"cursor: auto;\"></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=\"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=\"font-weight: bold; text-align: left:\">{{ attributeDefObject.label }}: </div>\n                        <div class=\"propRowControl\" style=\"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            <div class=\"addPropertyButtonRow\">\n                <vscode-button v-if=\"!showAddProperty && component && ( component.attributes.type != 'plotly' )\" @click=\"showAddPropertyList\">Add Property</vscode-button>\n            </div>\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\n        </div>\n        <ChartProperties ref=\"chartPropertiesPanel\" :appData=\"appData\" \n            @chartPropModeChanged=\"onChartPropModeChanged\"\n            :selectedComponent=\"selectedComponent\" \n            :blockPropertyDefinition=\"getBlockPropertyDefinition()\" \n            :filteredModelFields=\"{ \n                data: filteredModelFields( getCleanAttributeObject('gb_b__data'), selectedComponent ), \n                layout: filteredModelFields( getCleanAttributeObject('gb_b__layout'), selectedComponent ), \n                config: filteredModelFields( getCleanAttributeObject('gb_b__config'), selectedComponent, selectedComponent) \n            }\" \n            style=\"height: 100%;\" \n        />\n    </div>\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 HtmlTemplateParser from '../../utils/HtmlTemplateParser';\nimport _ from 'lodash'\nimport Configuration from '../../utils/Configuration';\n\n// Component props (set from outside)\nconst props = defineProps(['title', 'appData', 'selectedComponent', 'parentPanel']);\n\n\n\nfunction showUpgradeLicenseDialog(){\n    window.showUpgradeLicenseDialog(false);\n}\n\nfunction licenseAllowsComponent( component ){\n    if( Configuration.IS_PRO ){\n        return true;\n    }\n    let componentType = component.attributes.tagName;\n    let componentDefinition = getBlockDefinition( componentType );\n    let requiresPro = componentDefinition?.proRequired;\n    if( requiresPro ){\n        return false;\n    }else{\n        return true;\n    }\n}\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[Configuration.currentPageIndex].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    /* window.logUserEvent( \"component-property::removed\", { \n        component: component.value.attributes.tagName, \n        property: getAttributeCleanRealName( attributeObject.name ) \n    }); */\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.tagName );\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\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, component){\n    let results = [];\n    if( component?.view?.el ){\n        let componentAndAncestorsVforVariableNames = HtmlTemplateParser.extractVforVariablesAncestors( component.view.el );\n        componentAndAncestorsVforVariableNames.forEach( vforVar => {\n            results.push( { name: vforVar, label: vforVar+' *' } );\n        })\n    }\n    if( !attributeObject || !attributeObject.def ){\n        return results;\n    }\n    \n    /* if( component && component.attributes.attributes['gb_c__v-for'] ){\n        let vFor = HtmlTemplateParser.parseVFor( component.attributes.attributes['gb_c__v-for'] );\n        if( vFor ){\n            let variables = vFor.variables;\n            variables.forEach( variable => {\n                results.push( { name: variable, label: variable+'**' } );\n            })\n        }\n    } */\n    let allowedTypes = attributeObject.def.typeList != null ? attributeObject.def.typeList : [ attributeObject.def.type ];\n    modelFields.value.forEach( field =>{ \n        if( attributeObject.def.type == \"Any\" || allowedTypes.indexOf( field.type ) > -1 ){\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    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    if( !component.value ){\n        return [];\n    }\n    const elementAttributes = component.value.attributes.attributes;\n    let result = [];\n    let attrsForVuecomponent = {};\n    for( let p in elementAttributes ){\n        let cleanAttributeObject = getCleanAttributeObject(p);\n        if( cleanAttributeObject && elementAttributes[p] != undefined ){\n            result.push( cleanAttributeObject );\n            attrsForVuecomponent[p] = elementAttributes[p];\n        }\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    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\nconst getCleanAttributeObject = ( p ) =>{\n    if( !component.value )\n        return null;\n    const elementAttributes = component.value.attributes.attributes;\n    let result = null;\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 || def.enabled == false ){\n                console.log(\"Definition not found for: \", p, cleanName, elementAttributes[p]);\n                return null;\n            }\n            result = { name:p, cleanName, value: elementAttributes[p], def:def };\n        }\n    }\n    return result;\n}\n\n\n\n/** \n * Returns the definition of a property for the selected component.\n */\nfunction getBlockPropertyDefinition( propertyName ){\n    if( !component.value ){\n        return null;\n    }\n    // Usually we take the \"type\" as uid\n    let realType = component.value.attributes.type;\n    // but native-text elements (p, h1, h2, etc...) have their type set to \"text\"\n    // so we need to infer the type from the tagName\n    if( realType == \"text\" ){\n        realType = component.value.attributes.tagName;\n    }\n    let blockDefinition = getBlockDefinition( realType );\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    let defaultValuesByType = {\n        Boolean: true,\n        String: \"\", \n        Number: 0, \n        Array: [], \n        Function: \"\", \n        Object: {}\n    }\n    let attrsObject = {};\n    let gbName = \"gb_c__\"+prop.name;\n\n    let defaultValue = defaultValuesByType[prop.type] != null ? defaultValuesByType[prop.type] : \"\";\n    attrsObject[gbName] = defaultValue;\n    component.value.addAttributes(attrsObject);\n    submitChanges();\n\n    /* window.logUserEvent( \"component-property::added\", { \n        component: component.value.attributes.tagName, \n        property: getAttributeCleanRealName( prop.name ) \n    }); */\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.tagName );\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 */\n function submitChanges(){\n    // before parsing the html, we need to make sure we handle booleans properly\n    let componentAttributes = component.value.attributes.attributes;\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    // Read the current componet's html and style (the latter might be removed by grapesjs, os we need to restore it)\n    let newHtml = selectedComponent.toHTML();\n    let elementStyles = editor.getSelected().styleToString();\n\n    // Replace the component with the new html and restore the styles\n    let newElements = editor.getSelected().replaceWith( newHtml );\n    let newElement = newElements[0];\n    newElement.setStyle( elementStyles)\n    \n    setTimeout( ()=>{\n        // Select the new element (needed for nested components)\n        editor.select( newElement );\n    \n        // Clone the attributes and set them to the new component\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        // Update the attributes of the new component\n        selectedComponent.setAttributes(clonedAttributes);\n        \n        // Update the attributes of the vue component\n        let grapesElementVueApp = selectedComponent.view.$el[0].vueApp;\n        if( grapesElementVueApp )\n            grapesElementVueApp.updateAttributes(clonedAttributes);\n    }, 300);\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\nconst onChartPropModeChanged = (key, value) =>{\n    console.log( 'onChartPropModeChanged', key, value );\n    toggleDynamicAttribute(key, value);\n}\n\n\n/**\n * Sets the selected component.\n * @param {Object} newComponent \n */\nfunction setSelectedComponent(newComponent){\n    if( props.parentPanel){\n        if( newComponent )\n            props.parentPanel.expand(true);\n        else\n            props.parentPanel.expand(false);\n    }\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</style>\n\n<style lang=\"scss\">\n    @import \"../../styles/globalStyles.scss\";\n    .propRowLabel{\n        width: 35%;\n        font-size: 0.9em;\n        text-align: right;\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        min-width: 15px;\n        width: 15px;\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    .addPropertyButtonRow {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    padding-bottom: 20px;\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=12de8ad8&lang=scss&scoped=true\"\nimport \"./PropertiesPanel.vue?vue&type=style&index=1&id=12de8ad8&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-12de8ad8\"]])\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        let matchesSearch = searchString.value == '' || item.message.toLowerCase().indexOf(searchString.value.toLowerCase() ) >= 0;\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    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=0ebb8bf8&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-0ebb8bf8\"]])\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 ref=\"bindingsConnectorsContainer\" 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+yOffsetRect\" :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);\nconst yOffsetRect = ref(-40);\nconst yOffsetConnectorTarget = ref(-30);\nconst bindingsConnectorsContainer = ref(null);\n\nfunction getConnectionSVGPath(connection ){\n    let logsPanel = document.querySelector('.logsPanel');\n    let logsPanelHeight = logsPanel.clientHeight;\n    let logsPanelHeadHeight = 40;\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    bindingsConnectorsContainer.value.style.height = `calc(100% - ${ (logsPanelHeight+logsPanelHeadHeight) }px)`;\n    let path = `M ${origin.x+origin.width} ${yOffsetRect.value+origin.y+origin.height*.5} C ${origin.x+origin.width+controlPointOffsetX} ${yOffsetRect.value+origin.y+origin.height*.5}, ${target.x-controlPointOffsetX} ${target.y+yOffsetConnectorTarget.value}, ${target.x} ${target.y+yOffsetConnectorTarget.value}`;\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    /* border: solid 2px #ff0000; */\n    background-color: #ff000000;\n    top: 40px;\n    left: 0px;\n    right: 0px;\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=704c43b8&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-704c43b8\"]])\n\nexport default __exports__","<template>\n    <div>\n        <div v-if=\"!isPro\" class=\"notProUI\">\n        AI Help is a Pro feature.<br/>\n        Upgrade to Pro and start using it now!<br/> <br/>\n        <vscode-button @click=\"showUpgradeLicenseDialog\" style=\"margin-right: 3px;\">Upgrade</vscode-button> \n        </div>\n\n        <div v-if=\"isPro\">\n\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=\"Ask AI for help on how to use Genie\"\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 AI</vscode-button>\n\n\n                    <!-- to-do: this text and link is also used in the AI docs panel. Ideally we should store the text and link in a shared variable. But vue won't listen to the click events within the v-html, and regular links will be blocked by vscode. So by now we are adding the text and link here and in aidocs -->\n                    <div class=\"terms\" style=\"margin-top: 10px;\">\n                    Use of the AI features implies acceptance of the Genie AI <span @click=\"openLink( Configuration.TERMS_OF_USE_URL )\" style=\"text-decoration: underline;\">terms of use</span>. AI results can be incorrect.\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup>\n\nimport _ from 'underscore';\nimport {computed, ref, onMounted} from 'vue';\nimport Configuration from '../../utils/Configuration';\n\n\nconst props = defineProps(['appData']);\n\nconst isPro = computed(() => {\n    return Configuration.IS_PRO;\n});\n\nconst question = ref('');\nconst error = ref(null);\n\n\n\nfunction showUpgradeLicenseDialog(){\n    window.showUpgradeLicenseDialog(false);\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    //window.logUserEvent( \"ai-help-panel::ask\", { });\n};\n\nfunction openLink(url){\n    console.log( 'aiCodePanel :: openLink: ', url );\n    window.parent.postMessage( {command:\"openLink\", url:url, name:\"Genie Builder Docs\" }, \"*\" );\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n\n\n.terms{\n    margin: -15px 0px 15px;\n    font-size: 0.85em;\n    opacity: 0.5;\n    text-align: center;\n    padding: 0px;\n    cursor: pointer;\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=46c931ab&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-46c931ab\"]])\n\nexport default __exports__","<template>\n    <div>\n        <div v-if=\"!isPro\" class=\"notProUI\">\n        The AI Assistant is a Pro feature.<br/>\n        Upgrade to Pro and start using it now!<br/> <br/>\n        <vscode-button @click=\"showUpgradeLicenseDialog\" style=\"margin-right: 3px;\">Upgrade</vscode-button> \n        </div>\n\n        <div v-if=\"isPro\">\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=\"Select a UI component and ask AI to style or edit it\"\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;\">Ask AI</vscode-button>\n                    <vscode-button v-if=\"isLoading\"  disabled style=\"width: 100px !important;\">Plese wait...</vscode-button>\n\n                    <!-- to-do: this text and link is also used in the AI docs panel. Ideally we should store the text and link in a shared variable. But vue won't listen to the click events within the v-html, and regular links will be blocked by vscode. So by now we are adding the text and link here and in aidocs -->\n                    <div class=\"terms\" style=\"margin-top: 10px;\">\n                    Use of the AI features implies acceptance of the Genie AI <span @click=\"openLink( Configuration.TERMS_OF_USE_URL )\" style=\"text-decoration: underline;\">terms of use</span>. AI results can be incorrect.\n                    </div>\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        </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'\nimport HtmlTemplateParser from '../../utils/HtmlTemplateParser';\n\nconst props = defineProps(['appData', 'selectedComponent'])\n\nconst isPro = computed(() => {\n    return Configuration.IS_PRO;\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    component.value = newComponent;\n}\n\nfunction showUpgradeLicenseDialog(){\n    window.showUpgradeLicenseDialog(false);\n}\n\nfunction applyCssStylesToHtml(html, cssString) {\n    // Parse the CSS string to extract styles for ID selectors\n    const styleRules = cssString.match(/#[^\\{]+\\{[^\\}]+\\}/g);\n    const stylesById = {};\n\n    if (styleRules) {\n        styleRules.forEach(rule => {\n            const parts = rule.split('{');\n            const id = parts[0].trim().substring(1); // Remove '#' at the start\n            const styles = parts[1].trim().slice(0, -1); // Remove closing '}'\n            stylesById[id] = styles;\n        });\n    }\n\n    // Create a DOM parser to parse the HTML string\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(`<body>${html}</body>`, 'text/html');\n\n    // Apply the styles to the elements with the corresponding IDs\n    Object.keys(stylesById).forEach(id => {\n        const element = doc.getElementById(id);\n        if (element) {\n            element.style.cssText += stylesById[id];\n        }\n    });\n\n    // Extract and return the inner HTML of the body, excluding the automatically added tags\n    return doc.body.innerHTML;\n}\n\nfunction openLink(url){\n    window.parent.postMessage( {command:\"openLink\", url:url }, \"*\" );\n}\n\nfunction sendRequestToAiPreservingPlotlyAttributes(inputHtml, attributes, onComplete) {\n    \n  // Create a DOMParser to parse HTML strings\n  const parser = new DOMParser();\n  const serializer = new XMLSerializer();\n\n  // Parse the initial HTML code to a DOM\n  const initialDOM = parser.parseFromString(inputHtml, 'text/html');\n\n  // Store the attributes of <plotly> nodes\n  const plotlyAttributes = {};\n  initialDOM.querySelectorAll('plotly').forEach(node => {\n    attributes.forEach(attr => {\n      if (node.hasAttribute(attr)) {\n        const nodeId = node.id; // Assuming each <plotly> node has a unique ID\n        if (!plotlyAttributes[nodeId]) {\n          plotlyAttributes[nodeId] = {};\n        }\n        plotlyAttributes[nodeId][attr] = node.getAttribute(attr);\n      }\n    });\n  });\n\n    // Add css styles as inline styles to the html\n    let htmlWithStyles = applyCssStylesToHtml( inputHtml, editor.getCss() );\n\n    // Inform the request is started (loading)\n    emit(\"aiCodeChanged\", 'loading');    \n    isLoading.value = true;\n\n    // Send the AJAX request\n    axios.post( aiApiUrl, \n        { \n            content_type: \"html\", \n            sessionid: Configuration.SESSIONID, \n            prompt: requestObject.value.userPrompt, \n            code: htmlWithStyles\n        }\n    )\n    .then( (response)=>{\n        // Inform the request is finished (not loading)\n        isLoading.value = false;\n\n        // Parse the response\n        let responseObject = JSON.parse( response.request.response )\n\n        // Handle errors\n        if( responseObject.error ){\n            requestObject.value.aiError = responseObject.error;\n            emit(\"aiCodeChanged\", 'hidden');\n        \n        }else{\n        // handle success\n\n            // reset prompt and loading state\n            isLoading.value = false;\n            userPrompt.value = \"\";\n\n            // Restore the attributes for each <plotly> node using stored values\n            let receivedHtml = responseObject.response;\n            let parser = new DOMParser();\n            const newDOM = parser.parseFromString(receivedHtml, 'text/html');\n\n            Object.keys(plotlyAttributes).forEach(nodeId => {\n                const node = newDOM.getElementById(nodeId);\n                if (node) { // Check if the node still exists\n                    Object.entries(plotlyAttributes[nodeId]).forEach(([attr, value]) => {\n                        node.setAttribute(attr, value);\n                    });\n                }\n            });\n\n            // Serialize the DOM back to an HTML string\n            let restoredHtml = serializer.serializeToString(newDOM.body);\n/* \n            // Make sure all blocks have mandatory attributes if missing\n            let mandatoryDefs = HtmlTemplateParser.generateBlocksMandatoryProperties();\n            let filledHtml = HtmlTemplateParser.addMandatoryProperties( restoredHtml, mandatoryDefs );\n             */\n            let cleanHtml;\n            try{\n                cleanHtml = HtmlTemplateParser.cleanHtml( restoredHtml );\n            }catch(e){\n                requestObject.value.aiError = e.message;\n                emit(\"aiCodeChanged\", 'hidden');\n            }\n            // encode the html\n            // ------------------------------------------\n            const doc = parser.parseFromString(cleanHtml, 'text/html');\n            const firstDiv = doc.body || null;      \n            HtmlTemplateParser.encodeAttributesInDOM(firstDiv );    \n            const firstDivContent = firstDiv.innerHTML;\n            requestObject.value.aiApiResponse = firstDivContent;\n            \n            // Update the selected element in the canvas and inform\n            \n            window.lastHtmlBeforeAiReplace = editor.getHtml();\n            //editor.UndoManager.stop();\n            if( editor.getSelected().attributes.attributes.id == \"gbTemplateContainer\" ){\n                editor.getSelected().components(firstDivContent);\n            }else{\n                editor.getSelected().replaceWith( firstDivContent );\n            }\n                \n            emit(\"aiCodeChanged\", 'ready');\n            \n        }\n    } )\n    .catch( (err)=>{\n        // Inform the request is finished with an error\n        isLoading.value = false;\n        requestObject.value.aiError = err.message;\n        emit(\"aiCodeChanged\", 'hidden');\n    } )\n}\n\nfunction aiSendClicked(){\n    let selectedElement = component.value;\n\n    let selectedHtml = selectedElement.toHTML();\n\n    let componentCss = editor.getCss({   \n                                    component: selectedElement, //editor.getSelected(), \n                                    keepUnusedStyles:false, \n                                    avoidProtected: true \n                                });\n\n\n    let bindingsList = appData.value.pages[Configuration.currentPageIndex].model.fields.map (el=>{\n        let result = { name:el.name, type:el.type };\n        if( el.columns != null ){\n            result.columns = el.columns.map(column=>column);\n        }\n        return result;\n    } );\n    bindingsList = JSON.stringify( bindingsList, null, 4 );\n\n    let extendedPrompt = `\nUser Request: ${userPrompt.value}\n\nInstructions for AI:\n1. Layout: Utilize DIV elements with \"row\" and \"st-col col-x col-sm st-module\" classes for creating a responsive layout. The layout should be divided into the sections described above. For columns, (\"col-x\"), \"x\" is a number between 1 and 12. \n2. Components: Wherever possible, employ Quasar 1 components for UI elements. For date selection, use 'q-date' instead of standard HTML input components. Refer to the supported components list provided below.\n3. never nest a \"row\" directly as a child of a \"row\" or a \"col\" directly as a child of a \"col\".\n4. For 'q-table' elements, bind data using only \"DataTable\" or Array types, never DataFrames.\n5. Data Binding: Properly assign data to UI components, ensuring mandatory attributes like 'v-model' are used for input components such as textfields, select, and checkbox. \n6. Rules:\n   - Avoid using '<template>' tags.\n   - In dynamic attributes (starting with ':'), do not use interpolated values (e.g., avoid '{{value}}').\n   - Never return an element with a CSS class whose name is or starts with \"gbTemplateContainer\"\n7. Other components: \n7.1. For \"big numbers\" use this component template (use colon in attributes for bindings if necessary):\n<st-big-number number=\"0\" title=\"Label\"></st-big-number>\n7.2. For date pickers use this component template (use colon in attributes for bindings if necessary, and note that v-model value must match for the INPUT and the q-date components):\n<q-input iscomposite=\"true\" v-model=\"undefined\" clearable=\"true\" filled=\"true\" label=\"Pick a date\"><q-icon class=\"cursor-pointer\" name=\"event\" style=\"height: 100%;\"><q-popup-proxy><q-date v-model=\"undefined\" mask=\"YYYY-MM-DD\" no-unset=\"true\" today-btn=\"true\"></q-date></q-popup-proxy></q-icon></q-input>\n7.3. For date pickers use this component template (use colon in attributes for bindings if necessary, and note that v-model value must match for the INPUT and the q-date components):\n<q-input v-model=\"undefined\" clearable=\"true\" filled=\"true\" label=\"Pick a time\"><q-icon class=\"cursor-pointer\" name=\"alarm\" style=\"height: 100%;\"><q-popup-proxy><q-time v-model=\"undefined\" mask=\"HH:mm:ss\"></q-time></q-popup-proxy></q-icon></q-input>\n7.4. For charts, use Plotly library, with this component template below, replacing binding names as needed and preserving the $_{} syntax found in the template. When binding to DataFrame data, never bind directly to it, always bind to a nested column (i.e. myDataFrame.myColumn), and use the syntax found in the template ( i.e. $_{myDataFrame.myColumn} ). Do not use the colon \":\" prefix inside attribute values, that's only for dynamic attribute names when appropriate. Make sure the plot data is properly bsae64 encoded.\n<plotly data=\"W3siZ2J0eXBlIjoiU2NhdHRlciIsIngiOiIkX3tCSU5ESU5HX05BTUV9IiwieSI6IiRfe0FOT1RIRVJfQklORElOR19OQU1FfSIsInR5cGUiOiJzY2F0dGVyIiwibW9kZSI6ImxpbmVzIiwibmFtZSI6IlRyYWNlIn1d\" config=\"e30=\" layout=\"eyJ0aXRsZSI6Ik15IENoYXJ0In0=\"></plotly>\n7.5. For charts (<plotly> elements), preserve the \"id\" attribute, this is important.\n8. Styles should always be applied inline. If user provides current css styles (see below), make sure to apply them inline to your answer, unless user requests to change or remove them,\nAvailable Data (Bindings):\n${bindingsList}\n\nSupported Quasar Components:\n[\"q-input\", \"q-btn\", \"q-select\", \"q-radio\", \"q-checkbox\", \"q-toggle\", \"q-slider\", \"q-range\", \"q-date\", \"q-time\", \"q-knob\", \"q-list\", \"q-table\", \"q-img\", \"q-video\", \"q-avatar\", \"q-badge\", \"q-chip\", \"q-icon\", \"q-rating\", \"q-spinner\", \"q-timeline\", \"q-timeline-entry\", \"q-scroll-area\"]\n\nRelated CSS styles:\n${componentCss}\n`;\n\n/* \n    IMPORTANT:\nUse columns and rows (DIV elements with \"row\"/\"col\" classes), to generate beautiful layouts (i.e. using rows to separate SVGTextContentElement, columns to distribute controls and viuews, etc). \n\nAdd the appropriate UI components based on the purpose of the dashboard and the available data. Whenever possible, use Quasar 1 components (i.e.q-date instead of html inpout component) but only from the supported list above.\n\nPlease also assign the appropriate data to the UI components, making sure that mandatory attributes are properly assigned (i.e v-model for input components such as textfields, select, checkbox, etc).\n\nSome rules you need to apply:\n\n- For \"data\" attribute value of \"q-table\" elements, use only bindings of type-family \"DataTable\" (i.e. DataTable.DataFrames) or Array, and never use bindings of type-family \"DataFrames\" (i.e. DataFrames.DataFrames).\n\n\n- never include <template> nodes\n\n- in dynamic attributes (starting with colon), never use interpolated values (i.e. {{value}})\n\n\nHere's the available data (so-called \"bindings\" ) and their types:\n[\n    { \"name\": \"avg_price\", \"type\": \"Number\" },\n    { \"name\": \"end_date\", \"type\": \"String\" },\n    { \"name\": \"end_price\", \"type\": \"Number\" },\n    { \"name\": \"fileuploads\", \"type\": \"UnknownType\" },\n    { \"name\": \"isprocessing\", \"type\": \"Boolean\" },\n    { \"name\": \"isready\", \"type\": \"Boolean\" },\n    { \"name\": \"percent_return\", \"type\": \"Number\" },\n    { \"name\": \"period_diff\", \"type\": \"Number\" },\n    { \"name\": \"prices\", \"type\": \"DataFrames.DataFrame\", \"columns\": [ \"stock\",\"close\", \"timestamp\", \"ma20\" ] },\n    {\n        \"name\": \"prices_table\",\n        \"type\": \"DataTable.DataFrames.DataFrame\",\n        \"columns\": []\n    }, \n    { \"name\": \"selected_stock\", \"type\": \"String\" },\n    { \"name\": \"start_date\", \"type\": \"String\" },\n    { \"name\": \"stocks\", \"type\": \"Array\" }\n]\n\nHere's the list of supported Quasar components:\n[ \"q-input\", \"q-btn\", \"q-select\", \"q-radio\", \"q-checkbox\", \"q-toggle\", \"q-slider\", \"q-range\", \"q-date\", \"q-time\", \"q-knob\", \"q-list\", \"q-table\", \"q-img\", \"q-video\", \"q-avatar\", \"q-badge\", \"q-chip\", \"q-icon\", \"q-rating\", \"q-spinner\", \"q-timeline\", \"q-timeline-entry\", \"q-scroll-area\" ]\n`;\n */\n    requestObject.value = {\n        selectedHtml: selectedHtml, \n        userPrompt: extendedPrompt, \n    };\n    requestObject.value.previousPrompt = userPrompt.value;\n\n\n    // Decode the html\n    // ------------------------------------------\n    const entireHtml = requestObject.value.selectedHtml;\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(entireHtml, 'text/html');\n    const firstDiv = doc.body || null;      \n    HtmlTemplateParser.decodeAttributesInDOM(firstDiv );    \n    const firstDivContent = firstDiv.innerHTML;\n    // ------------------------------------------\n    // End of decoding html\n    // ------------------------------------------\n\n        \n    sendRequestToAiPreservingPlotlyAttributes(firstDivContent, [\"data\", \"config\", \"layout\"], (resultHtml) => {\n        //console.log( 'aiCodePanel :: sendRequestToAiPreservingPlotlyAttributes-resultHtml: ', resultHtml );\n    });\n\n\n  //window.logUserEvent( \"ai-code-panel::ask\", {   });\n    \n}\n\n\ndefineExpose( { setSelectedComponent } );\nconst emit = defineEmits([\"aiCodeChanged\"]);\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/globalStyles.scss\";\n\n\n\ntextarea:disabled{\n    color: unset;\n}\nvscode-button:disabled{\n    color: unset;\n}\n\n\n.terms{\n    margin: -15px 0px 15px;\n    font-size: 0.85em;\n    opacity: 0.5;\n    text-align: center;\n    padding: 0px;\n    cursor: pointer;\n}\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=329796f2&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-329796f2\"]])\n\nexport default __exports__\nimport QDate from 'quasar/src/components/date/QDate.js';\nimport QTable from 'quasar/src/components/table/QTable.js';\nimport QInput from 'quasar/src/components/input/QInput.js';\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport QPopupProxy from 'quasar/src/components/popup-proxy/QPopupProxy.js';\nimport QTime from 'quasar/src/components/time/QTime.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport QSelect from 'quasar/src/components/select/QSelect.js';\nimport QRadio from 'quasar/src/components/radio/QRadio.js';\nimport QCheckbox from 'quasar/src/components/checkbox/QCheckbox.js';\nimport QToggle from 'quasar/src/components/toggle/QToggle.js';\nimport QSlider from 'quasar/src/components/slider/QSlider.js';\nimport QRange from 'quasar/src/components/range/QRange.js';\nimport QKnob from 'quasar/src/components/knob/QKnob.js';\nimport QList from 'quasar/src/components/item/QList.js';\nimport QImg from 'quasar/src/components/img/QImg.js';\nimport QVideo from 'quasar/src/components/video/QVideo.js';\nimport QAvatar from 'quasar/src/components/avatar/QAvatar.js';\nimport QBadge from 'quasar/src/components/badge/QBadge.js';\nimport QChip from 'quasar/src/components/chip/QChip.js';\nimport QRating from 'quasar/src/components/rating/QRating.js';\nimport QSpinner from 'quasar/src/components/spinner/QSpinner.js';\nimport QTimeline from 'quasar/src/components/timeline/QTimeline.js';\nimport QTimelineEntry from 'quasar/src/components/timeline/QTimelineEntry.js';\nimport QScrollArea from 'quasar/src/components/scroll-area/QScrollArea.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QDate,QTable,QInput,QIcon,QPopupProxy,QTime,QBtn,QSelect,QRadio,QCheckbox,QToggle,QSlider,QRange,QKnob,QList,QImg,QVideo,QAvatar,QBadge,QChip,QRating,QSpinner,QTimeline,QTimelineEntry,QScrollArea});\n","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        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        setTimeout( ()=>{\n            this.connect();\n        }, seconds*1000 );\n    }\n\n    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        this.onCloseHandler();\n    }\n\n}","export default {\n    \"text-align\": {\n      \"default\": \"left\",\n      \"type\": \"select\",\n      \"options\": [\"left\", \"right\", \"center\", \"justify\"]\n    },\n    \"font-size\": {\n      \"default\": \"16px\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"em\"]\n    },\n    \"font-family\": {\n      \"default\": \"Arial\",\n      \"type\": \"select\",\n      \"options\": [\n        \"Arial\",\n        \"Verdana\",\n        \"Helvetica\",\n        \"Tahoma\",\n        \"Trebuchet MS\",\n        \"Times New Roman\",\n        \"Georgia\",\n        \"Garamond\",\n        \"Courier New\",\n        \"Brush Script MT\"\n      ]\n    },\n    \"font-weight\": {\n      \"default\": \"normal\",\n      \"type\": \"select\",\n      \"options\": [\"normal\", \"bold\", \"bolder\", \"lighter\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\"]\n    },\n    \"font-style\": {\n      \"default\": \"normal\",\n      \"type\": \"select\",\n      \"options\": [\"normal\", \"italic\", \"oblique\"]\n    },\n    \"color\": {\n      \"default\": \"#000000\",\n      \"type\": \"color\"\n    },\n    \"background-color\": {\n      \"default\": \"#FFFFFF\",\n      \"type\": \"color\"\n    },\n    \"background\": {\n      \"default\": \"#FFFFFF\",\n      \"type\": \"color\"\n    },\n    \"border\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"border-radius\": {\n      \"default\": 0,\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\"]\n    },\n    \"padding\": {\n      \"default\": 0,\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\"]\n    },\n    \"margin\": {\n      \"default\": 0,\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\"]\n    },\n    \"display\": {\n      \"default\": \"block\",\n      \"type\": \"select\",\n      \"options\": [\"none\", \"block\", \"inline\", \"inline-block\", \"flex\", \"grid\"]\n    },\n    \"position\": {\n      \"default\": \"static\",\n      \"type\": \"select\",\n      \"options\": [\"static\", \"relative\", \"fixed\", \"absolute\", \"sticky\"]\n    },\n    \"width\": {\n      \"default\": \"auto\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"vw\", \"vh\"]\n    },\n    \"height\": {\n      \"default\": \"auto\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"vw\", \"vh\"]\n    },\n    \"max-width\": {\n      \"default\": \"none\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"vw\", \"vh\"]\n    },\n    \"max-height\": {\n      \"default\": \"none\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"vw\", \"vh\"]\n    },\n    \"opacity\": {\n      \"default\": 1,\n      \"type\": \"number\"\n    },\n    \"text-decoration\": {\n      \"default\": \"none\",\n      \"type\": \"select\",\n      \"options\": [\"none\", \"underline\", \"overline\", \"line-through\"]\n    },\n    \"line-height\": {\n      \"default\": \"normal\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"em\"]\n    },\n    \"letter-spacing\": {\n      \"default\": \"normal\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"em\"]\n    },\n    \"box-shadow\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"text-shadow\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"flex-direction\": {\n      \"default\": \"row\",\n      \"type\": \"select\",\n      \"options\": [\"row\", \"row-reverse\", \"column\", \"column-reverse\"]\n    },\n    \"justify-content\": {\n      \"default\": \"flex-start\",\n      \"type\": \"select\",\n      \"options\": [\"flex-start\", \"flex-end\", \"center\", \"space-between\", \"space-around\", \"space-evenly\"]\n    },\n    \"align-items\": {\n      \"default\": \"stretch\",\n      \"type\": \"select\",\n      \"options\": [\"flex-start\", \"flex-end\", \"center\", \"baseline\", \"stretch\"]\n    },\n    \"align-content\": {\n      \"default\": \"stretch\",\n      \"type\": \"select\",\n      \"options\": [\"flex-start\", \"flex-end\", \"center\", \"space-between\", \"space-around\", \"stretch\"]\n    },\n    \"flex-wrap\": {\n      \"default\": \"nowrap\",\n      \"type\": \"select\",\n      \"options\": [\"nowrap\", \"wrap\", \"wrap-reverse\"]\n    },\n    \"background-image\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"background-size\": {\n      \"default\": \"auto\",\n      \"type\": \"select\",\n      \"options\": [\"auto\", \"cover\", \"contain\"]\n    },\n    \"background-repeat\": {\n      \"default\": \"repeat\",\n      \"type\": \"select\",\n      \"options\": [\"repeat\", \"repeat-x\", \"repeat-y\", \"no-repeat\"]\n    },\n    \"background-position\": {\n      \"default\": \"0% 0%\",\n      \"type\": \"text\"\n    },\n    \"cursor\": {\n      \"default\": \"auto\",\n      \"type\": \"select\",\n      \"options\": [\"auto\", \"default\", \"pointer\", \"wait\", \"text\", \"move\", \"not-allowed\", \"crosshair\", \"zoom-in\", \"zoom-out\"]\n    },\n    \"transition\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"animation\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"visibility\": {\n      \"default\": \"visible\",\n      \"type\": \"select\",\n      \"options\": [\"visible\", \"hidden\", \"collapse\"]\n    },\n    \"overflow\": {\n      \"default\": \"visible\",\n      \"type\": \"select\",\n      \"options\": [\"visible\", \"hidden\", \"scroll\", \"auto\"]\n    },\n    \"text-transform\": {\n      \"default\": \"none\",\n      \"type\": \"select\",\n      \"options\": [\"none\", \"capitalize\", \"uppercase\", \"lowercase\"]\n    },\n    \"white-space\": {\n      \"default\": \"normal\",\n      \"type\": \"select\",\n      \"options\": [\"normal\", \"nowrap\", \"pre\", \"pre-wrap\", \"pre-line\"]\n    },\n    \"text-align-last\": {\n      \"default\": \"auto\",\n      \"type\": \"select\",\n      \"options\": [\"auto\", \"left\", \"right\", \"center\", \"justify\", \"start\", \"end\"]\n    },\n    \"vertical-align\": {\n      \"default\": \"baseline\",\n      \"type\": \"select\",\n      \"options\": [\"baseline\", \"top\", \"middle\", \"bottom\", \"text-top\", \"text-bottom\", \"sub\", \"super\"]\n    },\n    \"z-index\": {\n      \"default\": \"auto\",\n      \"type\": \"number\"\n    },\n    \"list-style-type\": {\n      \"default\": \"disc\",\n      \"type\": \"select\",\n      \"options\": [\"disc\", \"circle\", \"square\", \"decimal\", \"lower-roman\", \"upper-roman\", \"lower-alpha\", \"upper-alpha\", \"none\"]\n    },\n    \"list-style-position\": {\n      \"default\": \"outside\",\n      \"type\": \"select\",\n      \"options\": [\"inside\", \"outside\"]\n    },\n    \"list-style-image\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"table-layout\": {\n      \"default\": \"auto\",\n      \"type\": \"select\",\n      \"options\": [\"auto\", \"fixed\"]\n    },\n    \"border-collapse\": {\n      \"default\": \"separate\",\n      \"type\": \"select\",\n      \"options\": [\"separate\", \"collapse\"]\n    },\n    \"border-spacing\": {\n      \"default\": \"0\",\n      \"type\": \"number\",\n      \"units\": [\"px\"]\n    },\n    \"caption-side\": {\n      \"default\": \"top\",\n      \"type\": \"select\",\n      \"options\": [\"top\", \"bottom\"]\n    },\n    \"resize\": {\n      \"default\": \"none\",\n      \"type\": \"select\",\n      \"options\": [\"none\", \"both\", \"horizontal\", \"vertical\"]\n    },\n    \"grid-template-columns\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"grid-template-rows\": {\n      \"default\": \"none\",\n      \"type\": \"text\"\n    },\n    \"grid-column-gap\": {\n      \"default\": \"0\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"em\"]\n    },\n    \"grid-row-gap\": {\n      \"default\": \"0\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"em\"]\n    },\n    \"grid-area\": {\n      \"default\": \"auto\",\n      \"type\": \"text\"\n    },\n    \"grid-gap\": {\n      \"default\": \"0\",\n      \"type\": \"number\",\n      \"units\": [\"px\", \"%\", \"em\"]\n    }\n  }\n  ","const fontFamiliesList = [\"Outfit\", \"Helvetica Neue\", \"Arial\", \"Helvetica\", \"Georgia\"];\nconst fontWeightsList = [\"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\"];\nconst shadowTypesList = [ \"var(--st-shadow-none)\", \"var(--st-shadow-sm)\", \"var(--st-shadow-md)\", \"var(--st-shadow-lg)\", \"var(--st-shadow-xl)\" ];\n\n\nconst fontSizesList = [\n  { label: '4XL', value: 'var(--st-font-size-4xl)' },\n  { label: '3XL', value: 'var(--st-font-size-3xl)' },\n  { label: '2XL', value: 'var(--st-font-size-2xl)' },\n  { label: 'XL', value: 'var(--st-font-size-xl)' },\n  { label: 'LG', value: 'var(--st-font-size-lg)' },\n  { label: 'MD', value: 'var(--st-font-size-md)' },\n  { label: 'SM', value: 'var(--st-font-size-sm)' },\n  { label: 'XS', value: 'var(--st-font-size-xs)' },\n]\n\nexport default function getTemplate(){\n    return {\n        groups: [\n          {\n            label: 'Main Styles',\n            rules: [\n              {\n                label: \"Main Colors\", \n                selector: ':root.stipple-core',\n                properties: [                  \n                  { label: 'Primary',       isVar:true,            propertyName: '--st-color-primary',                  type:\"color\",        value: '#0ea5e9' },\n                  { label: 'Neutral',       isVar:true,            propertyName: '--st-color-neutral',                  type:\"color\",        value: '#d7d7d7' },\n                  { label: 'Field border',  isVar:true,            propertyName: '--st-color-field-border',             type:\"color\",        value: '#d7d7d7' },\n                  { label: 'Field Text Dimmed',  isVar:true,       propertyName: '--st-color-field-text-dimmed',        type:\"color\",        value: '#fffffffa' },\n                  { label: 'Field Bg Dimmed',  isVar:true,         propertyName: '--st-color-field-background-dimmed',  type:\"color\",        value: '#0000001a' },\n                  { label: 'Shadow',        isVar:true,            propertyName: '--st-shadow-color',                   type:\"color\",        value: '#00000060' },\n                ]\n              },\n              {\n                label: \"Background\", \n                selector: ':root.stipple-core',\n                properties: [                 \n                  { label: 'Background 0',              isVar:true,            propertyName: '--st-dashboard-bg-0',             type:\"color\",          value: '#f1f3f6' },\n                  { label: 'Background 1',              isVar:true,            propertyName: '--st-dashboard-bg-1',             type:\"color\",          value: '#ffffff' },\n                  { label: 'Background 2',              isVar:true,            propertyName: '--st-dashboard-bg-2',             type:\"color\",          value: '#ffffff' },\n                ]\n              }, \n              {\n                label: \"Text\", \n                selector: ':root.stipple-core',\n                properties: [                 \n                  { label: 'Text 1',              isVar:true,            propertyName: '--st-text-1',             type:\"color\",          value: '#1a2748' },\n                  { label: 'Text 2',              isVar:true,            propertyName: '--st-text-2',             type:\"color\",          value: '#6b7280' },\n                  { label: 'Text 3',              isVar:true,            propertyName: '--st-text-3',             type:\"color\",          value: '#788092' },\n                  { label: 'Font Family',         isVar:true,            propertyName: '--st-font-family',        type:\"select\",         value: 'Helvetica Neue', options:fontFamiliesList },\n                  { label: 'Font Size (base)',    isVar:true,            propertyName: '--st-font-size',          type:\"text\",           value: '14px' }, \n                            \n                  { label: 'Text 4XL',         hide:true, isVar:true,            propertyName: '--st-font-size-4xl',            type:\"text\",          value: '2.5rem' },\n                  { label: 'Text 3XL',         hide:true, isVar:true,            propertyName: '--st-font-size-3xl',            type:\"text\",          value: '2.1rem' },\n                  { label: 'Text 2XL',         hide:true, isVar:true,            propertyName: '--st-font-size-2xl',            type:\"text\",          value: '1.8rem' },\n                  { label: 'Text XL',          hide:true, isVar:true,            propertyName: '--st-font-size-xl',             type:\"text\",          value: '1.5rem' },\n                  { label: 'Text LG',          hide:true, isVar:true,            propertyName: '--st-font-size-lg',             type:\"text\",          value: '1.2rem' },\n                  { label: 'Text MD',          hide:true, isVar:true,            propertyName: '--st-font-size-md',             type:\"text\",          value: '1rem' },\n                  { label: 'Text SM',          hide:true, isVar:true,            propertyName: '--st-font-size-sm',             type:\"text\",          value: '0.8rem' },\n                  { label: 'Text XS',          hide:true, isVar:true,            propertyName: '--st-font-size-xs',             type:\"text\",          value: '0.6rem' },\n                ]\n              }, \n              {\n                label: \"Headings\", \n                selector: ':root.stipple-core h1, :root.stipple-core h2, :root.stipple-core h3, :root.stipple-core h4, :root.stipple-core h5, :root.stipple-core h6',\n                properties: [                 \n                  { label: 'Color',           propertyName: 'color',            type:\"color\",           value: 'var(--st-text-1)' },\n                  { label: 'Font Weight',     propertyName: 'font-weight',      type:\"select\",          value: '600', options:fontWeightsList }, \n                  { label: 'Font Family',     propertyName: 'font-family',      type:\"select\",          value: '',    options:fontFamiliesList }, \n                ]\n              },\n              {\n                label: \"Module\", \n                selector: ':root.stipple-core .st-module',\n                properties: [                 \n                  { label: 'Background',      propertyName: 'background',            type:\"color\",           value: 'var(--st-dashboard-bg-1)' },\n                  { label: 'Shadow',          propertyName: 'box-shadow',       type:\"select\",          value: 'var(--st-shadow-md)', options:shadowTypesList }, \n                ]\n              }\n            ]\n          }, \n          {\n            label: 'Other Styles',\n            rules: [\n              {\n                label: \"Colors\", \n                selector: ':root.stipple-core',\n                properties: [                \n                  { label: 'Secondary',     isVar:true,            propertyName: '--st-color-secondary',      type:\"color\",        value: '#1285f8' },\n                  { label: 'Accent',        isVar:true,            propertyName: '--st-color-accent',         type:\"color\",        value: '#4790e3' },\n                  { label: 'Dark',          isVar:true,            propertyName: '--st-color-dark',           type:\"color\",        value: '#1d1d1d' },\n                  { label: 'Info',          isVar:true,            propertyName: '--st-color-info',           type:\"color\",        value: '#31ccec' },\n                  { label: 'White',         isVar:true,            propertyName: '--st-color-white',          type:\"color\",        value: '#ffffff' },\n                  { label: 'Black',         isVar:true,            propertyName: '--st-color-black',          type:\"color\",        value: '#302f2f' },\n                  { label: 'Positive',      isVar:true,            propertyName: '--st-color-positive',       type:\"color\",        value: '#21ba45' },\n                  { label: 'Negative',      isVar:true,            propertyName: '--st-color-negative',       type:\"color\",        value: '#c10015' },\n                  { label: 'Warning',       isVar:true,            propertyName: '--st-color-warning',        type:\"color\",        value: '#f2c037' },\n                  { label: 'Dark Page',     isVar:true,            propertyName: '--st-color-dark-page',      type:\"color\",        value: '#121212' },\n                  { label: 'Neutral Alt',   isVar:true,            propertyName: '--st-color-neutral-alt',    type:\"color\",        value: '#d2d2d2' },\n\n\n                  { label: 'Primary',          hide:true, isVar:true,        propertyName: '--q-primary',          type:\"color\",        value: 'var(--st-color-primary)' },\n                  { label: 'Secondary',        hide:true, isVar:true,        propertyName: '--q-secondary',        type:\"color\",        value: 'var(--st-color-secondary)' },\n                  { label: 'Accent',           hide:true, isVar:true,        propertyName: '--q-accent',           type:\"color\",        value: 'var(--st-color-accent)' },\n                  { label: 'Positive',         hide:true, isVar:true,        propertyName: '--q-positive',         type:\"color\",        value: 'var(--st-color-positive)' },\n                  { label: 'Negative',         hide:true, isVar:true,        propertyName: '--q-negative',         type:\"color\",        value: 'var(--st-color-negative)' },\n                  { label: 'Info',             hide:true, isVar:true,        propertyName: '--q-info',             type:\"color\",        value: 'var(--st-color-info)' },\n                  { label: 'Warning',          hide:true, isVar:true,        propertyName: '--q-warning',          type:\"color\",        value: 'var(--st-color-warning)' },\n                  { label: 'Dark',             hide:true, isVar:true,        propertyName: '--q-dark',             type:\"color\",        value: 'var(--st-color-dark)' },\n                  { label: 'White',            hide:true, isVar:true,        propertyName: '--q-white',            type:\"color\",        value: 'var(--st-color-white)' },\n                  { label: 'Black',            hide:true, isVar:true,        propertyName: '--q-black',            type:\"color\",        value: 'var(--st-color-black)' },\n                  { label: 'Dark Page',        hide:true, isVar:true,        propertyName: '--q-dark-page',        type:\"color\",        value: 'var(--st-color-dark-page)' },\n\n                  { label: 'Filter Light',     hide:true, isVar:true,        propertyName: '--st-filter-light',    type:\"filter\",       value: 'none' },\n                  { label: 'Filter Dark',      hide:true, isVar:true,        propertyName: '--st-filter-dark',     type:\"filter\",       value: 'invert(1) saturate(0) brightness(2)' },\n                ]\n              }\n            ]\n          }, \n          {\n            label: 'Text Elements',\n            rules: [\n              { label: \"Link\",  selector: 'a', properties: [\n                  { label: 'Color',           propertyName: 'color',            type:\"color\",           value: 'var(--st-color-primary)' },\n                ]\n              }, \n              { label: \"Heading 1\",  selector: ':root.stipple-core h1', properties: [\n                  { label: 'Color',           propertyName: 'color',            type:\"color\",           value: '' },\n                  { label: 'Font Size',       propertyName: 'font-size',        type:\"select\",          value: 'var(--st-font-size-4xl)', options:fontSizesList }, \n                  { label: 'Font Weight',     propertyName: 'font-weight',      type:\"select\",          value: '', options:fontWeightsList }, \n                  { label: 'Font Family',     propertyName: 'font-family',      type:\"select\",          value: '', options:fontFamiliesList }\n                ]\n              }, \n              { label: \"Heading 2\",  selector: ':root.stipple-core h2', properties: [\n                  { label: 'Color',           propertyName: 'color',            type:\"color\",           value: '' },\n                  { label: 'Font Size',       propertyName: 'font-size',        type:\"select\",          value: 'var(--st-font-size-3xl)', options:fontSizesList }, \n                  { label: 'Font Weight',     propertyName: 'font-weight',      type:\"select\",          value: '', options:fontWeightsList }, \n                  { label: 'Font Family',     propertyName: 'font-family',      type:\"select\",          value: '', options:fontFamiliesList }\n                ]\n              }, \n              { label: \"Heading 3\",  selector: ':root.stipple-core h3', properties: [\n                  { label: 'Color',           propertyName: 'color',            type:\"color\",           value: '' },\n                  { label: 'Font Size',       propertyName: 'font-size',        type:\"select\",          value: 'var(--st-font-size-2xl)', options:fontSizesList }, \n                  { label: 'Font Weight',     propertyName: 'font-weight',      type:\"select\",          value: '', options:fontWeightsList }, \n                  { label: 'Font Family',     propertyName: 'font-family',      type:\"select\",          value: '', options:fontFamiliesList }\n                ]\n              }, \n              { label: \"Heading 4\",  selector: ':root.stipple-core h4', properties: [\n                  { label: 'Color',           propertyName: 'color',            type:\"color\",           value: '' },\n                  { label: 'Font Size',       propertyName: 'font-size',        type:\"select\",          value: 'var(--st-font-size-xl)', options:fontSizesList }, \n                  { label: 'Font Weight',     propertyName: 'font-weight',      type:\"select\",          value: '', options:fontWeightsList }, \n                  { label: 'Font Family',     propertyName: 'font-family',      type:\"select\",          value: '', options:fontFamiliesList }\n                ]\n              }, \n              { label: \"Heading 5\",  selector: ':root.stipple-core h5', properties: [\n                  { label: 'Color',           propertyName: 'color',            type:\"color\",           value: '' },\n                  { label: 'Font Size',       propertyName: 'font-size',        type:\"select\",          value: 'var(--st-font-size-lg)', options:fontSizesList }, \n                  { label: 'Font Weight',     propertyName: 'font-weight',      type:\"select\",          value: '', options:fontWeightsList }, \n                  { label: 'Font Family',     propertyName: 'font-family',      type:\"select\",          value: '', options:fontFamiliesList }\n                ]\n              },\n              { label: \"Heading 6\",  selector: ':root.stipple-core h6', properties: [\n                  { label: 'Color',           propertyName: 'color',            type:\"color\",           value: '' },\n                  { label: 'Font Size',       propertyName: 'font-size',        type:\"select\",          value: 'var(--st-font-size-md)', options:fontSizesList }, \n                  { label: 'Font Weight',     propertyName: 'font-weight',      type:\"select\",          value: '', options:fontWeightsList }, \n                  { label: 'Font Family',     propertyName: 'font-family',      type:\"select\",          value: '', options:fontFamiliesList }\n                ]\n              },\n            ], \n          }, \n          {\n            label: 'Other',\n            rules: [\n              { label: \"Genie Logo\",  selector: ':root.stipple-core ._genie_logo', properties: [\n                  { label: 'Mode',           propertyName: 'filter',            type:\"filter\",           value: 'var(--st-filter-light)' },\n                ]\n              }\n            ]\n          }\n        ]\n      }\n\n}","<template>\n    <div class=\"color-picker\" ref=\"pickerRef\" @change=\"updateValue\">\n      <div\n        class=\"color-button\"\n        :style=\"{\n          backgroundColor: modelValue,\n          width: btnwidth,\n          height: btnheight\n        }\"\n        @click=\"togglePicker\"\n      ></div>\n      <div v-if=\"isOpen\" class=\"picker-popup\">\n        <Chrome id=\"vueColor\" v-model=\"internalColor\" ></Chrome>\n      </div>\n    </div>\n  </template>\n  \n  <script setup>\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { Chrome } from '@ckpack/vue-color'\n  \n  const props = defineProps({\n    modelValue: {\n      type: String,\n      required: true,\n      default: '#000000' // or any other default color you prefer\n    },\n    btnwidth: {\n      type: String,\n      default: '30px'\n    },\n    btnheight: {\n      type: String,\n      default: '20px'\n    },\n    // New props for x and y offsets\n    xOffset: {\n      type: Number,\n      default: 0\n    },\n    yOffset: {\n      type: Number,\n      default: 0\n    }\n  })\n\n  const internalColor = ref(\"#00ff00\");\n  \n  const emit = defineEmits(['update:modelValue', 'changed'])\n  \n  const isOpen = ref(false)\n  const pickerRef = ref(null)\n  const hue = ref(0)\n  const saturation = ref(100)\n  const brightness = ref(100)\n  const alpha = ref(100)\n  const hexColorInput = ref('')\n\n\n  function updateValue(event) {\n    console.log( 'updateValue', event );\n  }\n  \n  const hsbToHex = (h, s, b, a = 100) => {\n    h = h / 360\n    s = s / 100\n    b = b / 100\n    \n    let r, g, b1\n    const i = Math.floor(h * 6)\n    const f = h * 6 - i\n    const p = b * (1 - s)\n    const q = b * (1 - f * s)\n    const t = b * (1 - (1 - f) * s)\n\n    switch (i % 6) {\n      case 0: [r, g, b1] = [b, t, p]; break\n      case 1: [r, g, b1] = [q, b, p]; break\n      case 2: [r, g, b1] = [p, b, t]; break\n      case 3: [r, g, b1] = [p, q, b]; break\n      case 4: [r, g, b1] = [t, p, b]; break\n      case 5: [r, g, b1] = [b, p, q]; break\n    }\n\n    const hex = [r, g, b1].map(x => Math.round(x * 255).toString(16).padStart(2, '0')).join('')\n    if (a < 100) {\n      const alpha = Math.round(a / 100 * 255).toString(16).padStart(2, '0')\n      return `#${hex}${alpha}`\n    }\n    return `#${hex}`\n  }\n  \n  const hexToRgb = (hex) => {\n    if (!hex) return '0, 0, 0';\n    hex = hex.replace(/^#/, '');\n    if (hex.length === 3) {\n      hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n    }\n    const bigint = parseInt(hex, 16);\n    const r = (bigint >> 16) & 255;\n    const g = (bigint >> 8) & 255;\n    const b = bigint & 255;\n    return `${r}, ${g}, ${b}`;\n  }\n  \n  const rgbToHsb = (r, g, b) => {\n    r /= 255\n    g /= 255\n    b /= 255\n\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const delta = max - min\n\n    let h, s\n    const v = max\n\n    if (delta === 0) {\n      h = 0\n      s = 0\n    } else {\n      s = delta / max\n      switch (max) {\n        case r: h = (g - b) / delta + (g < b ? 6 : 0); break\n        case g: h = (b - r) / delta + 2; break\n        case b: h = (r - g) / delta + 4; break\n      }\n      h /= 6\n    }\n\n    return {\n      h: h * 360,\n      s: s * 100,\n      b: v * 100\n    }\n  }\n  \n  const parseColor = (color) => {\n    if (!color || !color.startsWith('#')) {\n      return { h: 0, s: 100, b: 100, a: 100 }\n    }\n\n    const hex = color.slice(1)\n    const hasAlpha = hex.length === 8\n    const r = parseInt(hex.slice(0, 2), 16)\n    const g = parseInt(hex.slice(2, 4), 16)\n    const b = parseInt(hex.slice(4, 6), 16)\n    const a = hasAlpha ? Math.round(parseInt(hex.slice(6, 8), 16) / 255 * 100) : 100\n\n    const hsb = rgbToHsb(r, g, b)\n    return { h: hsb.h, s: hsb.s, b: hsb.b, a }\n  }\n  \n  const color = computed(() => {\n    return hsbToHex(hue.value, saturation.value, brightness.value, alpha.value)\n  })\n  \n  watch(internalColor, (newColor) => {\n    console.log( 'internalColor', newColor );\n    if( newColor.a == 1){\n      emit('update:modelValue', newColor.hex)\n      emit('changed', newColor.hex)\n    }else{\n      emit('update:modelValue', newColor.hex8)\n      emit('changed', newColor.hex8)\n    }\n    /* hexColorInput.value = newColor */\n  })\n\n  /* watch(color, (newColor) => {\n    emit('update:modelValue', newColor)\n    emit('changed', newColor)\n    hexColorInput.value = newColor\n  }) */\n  \n  watch(() => props.modelValue, (newValue) => {\n    const { h, s, b, a } = parseColor(newValue)\n    hue.value = h\n    saturation.value = s\n    brightness.value = b\n    alpha.value = a\n    hexColorInput.value = color.value\n  }, { immediate: true })\n  \n\n  \n  const togglePicker = () => {\n    if( isOpen.value ){\n      hidePicker()\n    }else{\n      showPicker()\n    }\n  }\n  \n  const showPicker = () => {\n    isOpen.value = true;\n    // Esc key\n    document.addEventListener('keyup', handleKeyEvent);\n\n    setTimeout(() => {\n      const popup = document.querySelector('.picker-popup');\n      const buttonRef = pickerRef.value;\n      let buttonBottom = buttonRef.getBoundingClientRect().bottom;\n      popup.style.top = buttonBottom+'px';\n      popup.style.left = buttonRef.getBoundingClientRect().right-240+'px';\n    }, 1);\n\n  }\n  \n  const hidePicker = () => {\n    isOpen.value = false;\n    document.removeEventListener('keyup', handleKeyEvent);\n  }\n\n  function handleKeyEvent(event) {\n    if (event.key === 'Escape') {\n      isOpen.value = false;\n    }\n  }\n\n  \n  function handleClickOutside(event) {\n    if (!pickerRef.value.contains(event.target)) {\n      isOpen.value = false\n    }\n  }\n  \n  \n  onMounted(() => {\n    document.addEventListener('click', handleClickOutside);\n  })\n  \n  onUnmounted(() => {\n    document.removeEventListener('click', handleClickOutside);\n    document.removeEventListener('keyup', handleKeyEvent);\n  })\n  \n  </script>\n  \n  <style scoped>\n  .color-picker {\n    position: relative;\n    display: inline-block;\n    background-color: var(--background);\n    color: var(--foreground);\n  }\n  \n  .color-button {\n    cursor: pointer;\n    border: 1px solid #cccccc40;\n  }\n  \n  .picker-popup {\n    position: fixed;\n    padding: 10px;\n    background-color: color-mix(in srgb, var(--background), #ffffff 3%);\n    /* border: 1px solid #ccc; */\n    box-shadow: 1px 2px 8px  rgba(0, 0, 0, 0.2);\n    border: solid 1px color-mix(in srgb, var(--foreground), transparent 90%);\n    z-index: 1000;\n  }\n\n  :deep(.vc-chrome) {\n    background-color: color-mix(in srgb, var(--background), #ffffff 3%);\n    box-shadow: none !important;\n  }\n\n  :deep(.vc-chrome-body){\n    background-color: color-mix(in srgb, var(--background), #ffffff 3%);\n  }\n\n  :deep(.vc-chrome-toggle-btn) {\n    width: 20px;\n    height: 27px;\n    left: 10px;\n    top: -1px;\n  }\n\n  :deep(.vc-chrome-fields .vc-input__input) {\n    border: solid 1px color-mix(in srgb, var(--foreground), transparent 70%) !important;\n    box-shadow: none;\n    box-sizing: border-box;\n  }\n  :deep(.vc-chrome-toggle-icon) {\n    margin-top: 0px;\n  }\n  :deep( .vc-chrome-toggle-icon-highlight ) {\n    left: 2px;\n    top: -2px;\n    width: 100%;\n    height: 100%;\n    background: color-mix(in srgb, var(--foreground), transparent 70%);\n  }\n  :deep( .vc-chrome-toggle-icon > svg > path ) {\n    fill: var(--foreground) !important;\n  }\n  \n  \n  </style>\n","import script from \"./ColorPicker.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ColorPicker.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ColorPicker.vue?vue&type=style&index=0&id=1eff6db5&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-1eff6db5\"]])\n\nexport default __exports__","export default \"@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');\\n/* {{ themeVariables }} */\\n\\n  \\n  /* **************************************************************** */\\n  /*                    VARIABLES IN THEME EDITOR                     */\\n  /* **************************************************************** */\\n\\n:root.stipple-core {\\n  --st-font-size-4xl: 2.5rem;\\n  --st-font-size-3xl: 2.1rem;\\n  --st-font-size-2xl: 1.8rem;\\n  --st-font-size-xl: 1.5rem;\\n  --st-font-size-lg: 1.2rem;\\n  --st-font-size-md: 1rem;\\n  --st-font-size-sm: 0.8rem;\\n  --st-font-size-xs: 0.6rem;\\n}\\n\\n\\n\\n/*===================================================================\\n                      APPLICATION\\n================================================================== */\\n.stipple-core {\\n  .q-btn.q-btn--active:enabled:not(.disabled):not(.q-btn--push),\\n  .q-btn:active:enabled:not(.disabled):not(.q-btn--push) {\\n    box-shadow: none !important;\\n  }\\n  .q-btn--actionable.q-btn--standard.q-btn--active .q-btn__wrapper:before,\\n  .q-btn--actionable.q-btn--standard:active .q-btn__wrapper:before {\\n    box-shadow: none !important;\\n  }\\n\\n\\n\\n  h1, h2, h3, h4, h5, h6{\\n    line-height: normal;\\n    margin: 0px;\\n    color: var(--st-text-1);\\n  }\\n  \\n  /* ---------- Module ---------- */\\n\\n  .st-module {\\n    box-shadow: var(--st-shadow-md);\\n    border-radius: var(--st-border-radius-md);\\n    background: var(--st-dashboard-bg-1 );\\n    margin: var(--st-spacing-md);\\n    padding: var(--st-spacing-lg);\\n    box-sizing: border-box; flex: 1;\\n    transition: background 0.3s;\\n  }\\n\\n  .st-module-title {\\n    font-size: var(--st-font-size-lg);\\n    font-weight: bold;\\n    color: var(--st-text-1);\\n    margin-top: 0px;\\n    margin-bottom: var(--st-spacing-md);\\n  }\\n  \\n  \\n\\n  \\n  /*===================================================================\\n                        Containers & Common\\n  ================================================================== */\\n\\n  /* ---------- Common  ---------- */\\n  hr{\\n    border: solid 0.5px var(--st-color-neutral);\\n  }\\n  \\n  .container > .row, .st-dashboard > .row {\\n    padding: 0;\\n  }\\n\\n  body > .container {\\n    padding: 0 20px;\\n    margin: 0 auto;\\n  }\\n\\n  @media (max-width: 999px) {    \\n    body > .container {\\n        padding: 0 10px;\\n      }\\n  }\\n  @media (max-width: 599px) {\\n    body > .container {\\n        padding: 0 5px;\\n      }\\n  }\\n\\n  /*===================================================================\\n                            FIELDS\\n  ================================================================== */\\n  fieldset {\\n    border: none;\\n  }\\n  .q-field {\\n    font-size: 14px;\\n  }\\n  .q-field__bottom{\\n      color: var(--st-text-3);\\n    }\\n  .q-file .q-field__native{\\n      white-space: nowrap;\\n      overflow: hidden;\\n  }\\n  .q-field__input, .q-field__native, .q-field__prefix, .q-field__suffix {\\n    color: var(--st-text-2);\\n  }\\n  .q-field__control, .q-field--auto-height .q-field__control, .q-field__marginal {\\n    height: 36px;\\n    min-height: 36px;\\n    color: var(--st-text-2);\\n  }\\n\\n  .q-field--auto-height.q-field--labeled .q-field__control-container {\\n    padding-top: 0;\\n  }\\n\\n  .q-field--auto-height .q-field__control, .q-field--auto-height .q-field__native {\\n    min-height: 36px;\\n  }\\n\\n .q-field--labeled .q-field__native, .q-field--labeled .q-field__prefix, .q-field--labeled .q-field__suffix {\\n    padding-top: unset;\\n    padding-bottom: unset;\\n }\\n\\n .q-field--labeled {\\n  padding-top: 25px;\\n}\\n\\n .q-field--float .q-field__label, .q-field__label {\\n    color: var(--st-text-1);\\n    transform: translateY(-190%) scale(1);\\n    font-weight: 500;\\n    left: -10px;\\n    max-width: 100%;\\n    font-size: var(--st-font-size-md);\\n }\\n\\n .q-field--labeled.q-field--standard .q-field__label, \\n .q-field--labeled.q-field--borderless .q-field__label {\\n    left: 0px;\\n }\\n \\n .q-field--filled.q-field--rounded .q-field__control {\\n    border-radius: 18px 18px 0 0;\\n }\\n\\n .q-field--filled .q-field__control{\\n  background-color: var(--st-color-field-background-dimmed);\\n }\\n\\n .q-field .q-field__control:before {\\n    border-color: var(--st-color-field-border);\\n  }\\n  .q-field.q-field--highlighted .q-field__control:after {\\n    border-color: var(--st-color-primary);\\n    border-width: 1px;\\n  }\\n  .q-field--outlined .q-field__control:hover:before {\\n    border-color: color-mix(in srgb, var(--st-color-primary), transparent 50%);\\n  }\\n\\n\\n  /*===================================================================\\n                            PLOTLY\\n  ================================================================== */\\n  .plot-container.plotly svg.main-svg{\\n    background: none !important;\\n  }\\n  .plot-container.plotly svg.main-svg g.infolayer g.legend rect.bg{\\n    fill: none !important;\\n  }\\n  .plot-container.plotly svg.main-svg g.infolayer g.rangeslider-container rect.rangeslider-bg{\\n    fill: #00000030 !important;\\n  }\\n  .plot-container.plotly svg.main-svg g.infolayer g.rangeslider-container rect.rangeslider-mask-min,\\n  .plot-container.plotly svg.main-svg g.infolayer g.rangeslider-container rect.rangeslider-mask-max{\\n    fill: var(--st-dashboard-bg-1) !important;\\n    fill-opacity: 0.8 !important;\\n  }\\n  .plot-container.plotly div.modebar-container > div.modebar{\\n   \\n  }\\n  .plot-container.plotly div.modebar-container > div.modebar > div.modebar-group{\\n    background-color: var(--st-dashboard-bg-1) !important;\\n  }\\n  .plot-container.plotly div.modebar-container > div.modebar > div.modebar-group > a.modebar-btn > svg.icon > path{\\n    fill: color-mix(in srgb, var(--st-color-primary), transparent 80%) !important;\\n  }\\n  .plot-container.plotly div.modebar-container > div.modebar > div.modebar-group > a.modebar-btn:hover > svg.icon > path{\\n    fill: var(--st-color-primary) !important;\\n  }\\n  .plot-container.plotly svg.main-svg g.infolayer g.rangeslider-container rect.rangeslider-mask-max{\\n    fill: var(--st-dashboard-bg-1) !important;\\n    fill-opacity: 0.8 !important;\\n  }\\n  .plot-container.plotly svg.main-svg g.treemaplayer g.slice path.surface, \\n  .plot-container.plotly svg.main-svg g.funnelarealayer g.slice path.surface{\\n    stroke: var(--st-dashboard-bg-1) !important;\\n  }\\n  .plot-container.plotly text{\\n    font-family: var(--st-font-family) !important;\\n  }\\n\\n  .plot-container.plotly svg.main-svg g.infolayer text{\\n    fill: var(--st-text-1) !important;\\n  }\\n  .plot-container.plotly svg.main-svg g.cartesianlayer g.zerolinelayer path, \\n  .plot-container.plotly svg.main-svg g.cartesianlayer g.zerolinelayer path{\\n    stroke: color-mix(in srgb, var(--st-color-neutral), transparent 0%) !important;\\n  }\\n  .plot-container.plotly svg.main-svg g.cartesianlayer g.gridlayer path{\\n    stroke: color-mix(in srgb, var(--st-color-neutral), transparent 60%) !important;\\n  }\\n  .plot-container.plotly svg.main-svg g.cartesianlayer g.xtick text, \\n  .plot-container.plotly svg.main-svg g.cartesianlayer g.ytick text{\\n    fill: var(--st-text-2) !important;\\n  }\\n\\n  /*===================================================================\\n                      Button, Badge, Banner, chip...\\n  ================================================================== */\\n  .q-badge {\\n    font-size: var(--st-font-size-md);\\n    font-weight: var(--st-font-weight-bold);\\n    padding: 4px 6px;\\n  }\\n  .q-btn .q-badge.q-badge--floating {\\n    padding-top: 1px;\\n    padding-bottom: 1px;\\n  }\\n  .q-banner {\\n    border-radius: 5px;\\n    font-weight: var(--st-font-weight-bold);\\n  }\\n  .q-ripple {\\n    display: none;\\n  }\\n  \\n  .q-btn .q-btn__wrapper:before {\\n    box-shadow: none;\\n  }\\n  .q-btn.q-btn--active:enabled:not(.disabled):not(.q-btn--push):not(.q-btn--outline),\\n  .q-btn:active:enabled:not(.disabled):not(.q-btn--push):not(.q-btn--outline) {\\n    box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.3);\\n  }\\n  .q-btn.q-btn--active .q-btn__wrapper:before,\\n  .q-btn:active .q-btn__wrapper:before {\\n    box-shadow: none;\\n  }\\n  .q-btn {\\n    font-weight: var(--st-font-weight-bold);\\n  }\\n  .q-btn-group {\\n    box-shadow: none;\\n  }\\n  .q-chip{\\n    background: var(--st-color-primary) !important;\\n    color: var(--st-color-field-text-dimmed);\\n    font-weight: var(--st-font-weight-bold);\\n\\n    .q-chip__icon {\\n      color: var(--st-color-field-text-dimmed);\\n    }\\n  }\\n\\n  /*===================================================================\\n                        MISC (File, Skeleton)\\n  ================================================================== */\\n  \\n  .q-skeleton {\\n    background: var(--st-skeleton);\\n  }\\n  .q-knob, .q-rating{\\n    color: var(--st-color-primary);\\n  }\\n  \\n  .q-avatar{\\n    .q-avatar__content {\\n      background: var(--st-color-primary) !important;\\n      color: var(--st-color-field-text-dimmed);\\n    }\\n  }\\n\\n  .q-uploader{\\n      max-width: 100%;\\n      width: 100%;\\n  }\\n  \\n  /*===================================================================\\n                              Scrolls\\n  ================================================================== */\\n  .q-scrollarea {\\n    padding-right: 20px;\\n  }\\n  .q-scrollarea .q-scrollarea__thumb {\\n    border-radius: 5px;\\n    width: 4px;\\n    opacity: 0.8;\\n  }\\n\\n  /*===================================================================\\n                          Menu, Item, Date, Time, Uploader, Card\\n  ================================================================== */\\n  .q-menu, .q-date, .q-time, .q-uploader, .q-card {\\n    background-color: var( --st-dashboard-bg-2 );\\n  }\\n  \\n  .q-menu .q-item{\\n    min-height: var( --st-component-height-lg);\\n  }\\n  .q-item.q-manual-focusable--focused > .q-focus-helper {\\n    opacity: 0.15;\\n  }\\n  .q-item__section--side {\\n    min-width: 20px;\\n    padding-right: 10px;\\n  }\\n\\n  \\n  \\n  \\n  /*===================================================================\\n                        Radio, Checkbox\\n  ================================================================== */\\n.q-checkbox__bg {\\n    border-radius: 3px;\\n  }\\n  \\n  .q-radio, .q-checkbox {\\n    margin-top: var(--st-spacing-xs);\\n    margin-right: var(--st-spacing-md);\\n    margin-bottom: var(--st-spacing-xs);\\n    margin-left: var(--st-spacing-xs);\\n    .q-radio__inner, .q-checkbox__inner {   \\n      width: 0.42em;   height: 0.42em;  min-width: 0.42em;       \\n      .q-radio__bg, .q-checkbox__bg {    \\n        width: 100%;    height: 100%;   left: 0;  top: 0;    \\n      }\\n    }\\n    .q-checkbox__inner--falsy {   \\n      .q-checkbox__bg {\\n        border: 1.7px solid var(--st-color-neutral);\\n      }\\n    }\\n    .q-radio__inner--falsy{   \\n      .q-radio__bg path {\\n          fill: var(--st-color-neutral);\\n      }\\n    }\\n    .q-radio__label, .q-checkbox__label {   padding-left: 0.5em;  }\\n  }\\n   \\n\\n  /*===================================================================\\n                          Date-Time\\n  ================================================================== */\\n.q-date,\\n.q-time {\\n    box-shadow: none;\\n  }\\n\\n\\n  /*===================================================================\\n                        Focusable\\n  ================================================================== */\\n  .q-focusable:focus>.q-focus-helper, .q-hoverable:hover>.q-focus-helper, .q-manual-focusable--focused>.q-focus-helper {\\n    background: var(--st-color-primary) !important;\\n  }\\n\\n  \\n  .q-item--active, .q-item.q-router-link--active {\\n    font-weight: var(--st-font-weight-bold);\\n    color: var(--st-color-primary) !important;\\n  }\\n  \\n\\n\\n  /*===================================================================\\n                            Sliders\\n  ================================================================== */\\n\\n  .q-slider__pin-text-container {\\n    padding: 0 8px;\\n    min-height: 20px;\\n  }\\n  .q-slider__pin-text {\\n    font-weight: var(--st-font-weight-bold);\\n  }\\n  \\n  .q-slider__track-markers {\\n    color: currentColor;\\n  }\\n\\n  .q-slider--inactive .q-slider__thumb--h {\\n    width: 16px !important;\\n    height: 16px !important;\\n  }\\n\\n  .q-slider__track {\\n    background: var( --st-color-field-background-dimmed );\\n    .q-slider__inner {\\n      background: none !important;\\n    }\\n    .q-slider__selection {\\n      color: var( --st-color-primary );\\n    }\\n  }\\n\\n\\n  \\n\\n  /*===================================================================\\n                              Table\\n  ================================================================== */\\n.q-table th {\\n  color: var(--st-text-1);\\n  font-weight: 900;\\n  font-size: 0.8rem;\\n}\\n.q-table__card {\\n  position: relative;\\n  border: none;\\n  box-shadow: none;\\n}\\n.q-table__top {\\n  padding: 0 5px;\\n}\\n.q-table__title {\\n  font-weight: var(--st-font-weight-bold);\\n  font-size: 14px;\\n}\\n.q-table__middle {\\n  background: transparent;\\n  border-top-right-radius: 5px;\\n  border-top-left-radius: 5px;\\n}\\n.q-table__middle + .q-table__bottom {\\n  border-top: none;\\n}\\n.q-table__bottom {\\n  border-bottom-right-radius: 5px;\\n  border-bottom-left-radius: 5px;\\n  padding-top: 0;\\n  padding-bottom: 0;\\n  font-size: 0.8rem;\\n}\\n.q-table__sort-icon {\\n  position: relative;\\n  z-index: 1;\\n  font-size: 25px;\\n}\\n.q-table__sort-icon:before {\\n  font-family: Material Icons;\\n  content: \\\"arrow_drop_up\\\";\\n  -webkit-font-feature-settings: \\\"liga\\\" 1;\\n  -moz-font-feature-settings: \\\"liga\\\" 1;\\n  font-feature-settings: \\\"liga\\\" 1;\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  background: var(--st-dashboard-module);\\n  z-index: 5;\\n  color: var(--q-color-secondary);\\n}\\n.q-table tbody tr {\\n  color: var(--st-text-2);\\n}\\n.q-table td {\\n  font-size: 0.9rem;\\n}\\n.q-table__select {\\n  font-size: 12px;\\n}\\n\\n\\n  .q-table__container{\\n    background: none;\\n  }\\n  \\n  .q-table td, .q-table th, .q-table thead, .q-table tr  {\\n    border-color: var(--st-color-field-border);\\n  }\\n\\n  .q-table__card {\\n    color: unset;\\n  }\\n\\n  .q-table{\\n    th {\\n      font-weight: bold;\\n    }\\n    tbody td:before {\\n      background: color-mix(in srgb, var(--st-color-primary), transparent 85%);\\n    }\\n  }\\n\\n  \\n\\n  /*===================================================================\\n                        Big Number\\n  ================================================================== */\\n\\n.st-big-number {\\n    margin: 0 auto;\\n    color: var(--q-color-white);\\n    text-align: center;\\n    border-radius: 5px;\\n    padding: 1rem 0;\\n  }\\n.st-big-number .q-badge {\\n    font-weight: 900;\\n    font-size: large;\\n    margin: 0.5rem;\\n    padding: 8px 15px;\\n    display: block;\\n    background: none;\\n    color: var(--st-text-1);\\n  }\\n.st-big-number__num {\\n    font-weight: var(--st-font-weight-bold);\\n    display: block;\\n    color: var(--st-text-1);\\n    font-size: 1.5rem;\\n  }\\n.st-big-number__num .q-icon {\\n    display: none;\\n    margin-left: -30px;\\n  }\\n\\n  @media (max-width: 599px) {\\n    .st-big-number__num .q-icon {\\n      display: inline-block;\\n    }\\n  }\\n  @media (min-width: 1023px) {\\n    .st-big-number__num {\\n      font-size: 2rem;\\n    }\\n    .st-big-number__num .q-icon {\\n      display: inline-block;\\n    }\\n  }\\n.st-big-number--positive .st-big-number__num .q-icon {\\n    color: var(--q-color-positive);\\n  }\\n.st-big-number--negative .st-big-number__num .q-icon {\\n    color: var(--q-color-negative);\\n  }\\n.st-big-number__icon {\\n    font-size: 20px;\\n    width: 2em;\\n    height: 2em;\\n    border-radius: 50%;\\n    text-align: center;\\n    margin: 0.5rem 0;\\n    padding-right: 1px;\\n  }\\n\\n\\n  /*===================================================================\\n                        Header\\n  ================================================================== */\\n  \\n.st-header {\\n    background: var(--q-color-white);\\n    padding-left: 20px;\\n  }\\n  @media (max-width: 599px) {\\n    .st-header {\\n      padding-top: 20px;\\n      padding-bottom: 0;\\n    }\\n  }\\n\\n@media (min-width: 600px) {\\n.st-header .st-header__title + .st-header__title,\\n.st-header .st-header__title + .st-logo,\\n.st-header .st-logo + .st-header__title,\\n.st-header .st-logo + .st-logo {\\n    margin-left: 15px;\\n    padding-left: 15px;\\n    border-left: 1px solid var(--st-dashboard-line);\\n  }\\n}\\n.st-logo {\\n  height: 20px;\\n}\\n.st-header__title,\\n.st-logo {\\n  text-align: center;\\n  display: block;\\n}\\n@media (min-width: 600px) {\\n.st-header__title,\\n.st-logo {\\n    display: inline-block;\\n    text-align: left;\\n  }\\n}\\n.st-logo {\\n  margin: 0 auto;\\n}\\n@media (min-width: 600px) {\\n.st-logo {\\n    margin: auto;\\n  }\\n}\\n\\n\\n  /*===================================================================\\n                        Footer\\n  ================================================================== */\\n\\n.st-footer {\\n    font-size: 0.8rem;\\n    padding-top: 2rem !important;\\n    text-align: center;\\n  }\\n.st-footer .st-logo {\\n    height: 17px;\\n    margin-right: 2px;\\n  }\\n\\n\\n\\n  /*===================================================================\\n                        St Field Label\\n  ================================================================== */\\n\\n  .st-field-label {\\n    font-size: var(--st-font-size-md);\\n    font-weight: 500;\\n    color: var(--st-text-1);\\n    padding-top: 7px;\\n    padding-bottom: 2px;\\n    margin: 0;\\n\\n    > p{\\n      margin: 0px;\\n    }\\n  }\\n\\n  .st-center {\\n    margin: auto;\\n  }\\n}\\n\\n\\n/* ---------- Layout ---------- */\\n\\n.max-width-xs {\\n  max-width: 600px;\\n}\\n.max-width-sm {\\n  max-width: 800px;\\n}\\n.max-width-md {\\n  max-width: 1000px;\\n}\\n.max-width-lg {\\n  max-width: 1200px;\\n}\\n.max-width-xl {\\n  max-width: 1400px;\\n}\\n\";","<script setup>\nimport axios from 'axios'\nimport { ref, computed, onMounted } from 'vue'\nimport CssPropDefs from './config/css_properties_definition'\nimport getTemplate from './config/theme_template'\nimport ColorPicker from './ColorPicker.vue'\nimport icon_binding_on from './assets/icons/binding_on.png'\nimport icon_binding_off from './assets/icons/binding_off.png'\nimport templateCss from '!raw-loader!./themeTemplate.css'\nimport Configuration from '../../utils/Configuration'\n\n\n// ==========================================================================\n//                              Props and emits                              \n// ==========================================================================\nconst props = defineProps({\n    endpoint: { type: String,   required: true  }, \n    filepath: { type: String,   required: true  }, \n});\n\nconst emit = defineEmits( [ 'changed' ] );\n\ndefineExpose( { initializeFromThemeCssFile } );\n\n// ==========================================================================\n//                            Internal Variables                              \n// ==========================================================================\nlet initialised         = ref(false);\nconst showThemeOverwriteWarning = ref(false);\nconst themeNameToApply = ref('');\n//const themeContentToApply = ref('');\nconst themeItems        = ref( getTemplate() );     // Js Object defining the editable theme variables and properties\nconst themeError        = ref('');\nconst unsavedChanges    = ref(false);\n\nconst themes = ref({ })\nconst originalThemeContent = ref('');\nconst themeContentBackup = ref('');\nconst customizeThemeCandidate = ref(null);\n\nstorePropertyDefaults();\n//const themeItemsBackup  = JSON.parse( JSON.stringify( themeItems.value ) );     // A copy of the initial theme variables, used when resetting properties\nconst searchString      = ref('');                  // Search string for filtering the theme properties\nconst themeSelectorVisible = ref(false);\n\nconst isPro = computed(() => {\n    return Configuration.IS_PRO;\n});\n\nconst registeredThemes = computed(() => {\n  return themes.value.registered || [];\n});\n\n\nfunction isValidCSS(cssString) {\n  // Create a temporary style element\n  const style = document.createElement('style');\n  \n  try {\n    style.textContent = cssString;\n    document.head.appendChild(style);\n\n    // Check if the style sheet has any CSS rules\n    const isValid = style.sheet && style.sheet.cssRules.length > 0;\n\n    // Remove the temporary style element\n    document.head.removeChild(style);\n\n    return isValid;\n  } catch (error) {\n    // If there's an error, it means the CSS is invalid\n    if (style.parentNode) {\n      document.head.removeChild(style);\n    }\n    return false;\n  }\n}\n\nfunction applyTheme( themeObject ){\n  console.log( 'applyTheme', themeObject );\n  let saveUrl = `${apibase}apps/${Configuration.appid}/save?path=.theme`;\n  axios.post( saveUrl, { payload: themeObject.name } )\n    .then(  (response) => {\n      console.log( 'applyTheme response', response );\n      themes.value.active.name = themeObject.name;\n      themes.value.active.asset = themeObject.asset;\n      themeNameToApply.value = null;\n      if( themeObject.name == 'usertheme' ){\n        initialised.value = true;\n      }\n    })\n    .catch( (error) => {\n      console.log( 'applyTheme error', error );\n    });\n}\n\nfunction isUserthemeRegistered(){\n  return registeredThemes.value.some( theme => theme.name == 'usertheme' );\n}\n\nfunction onCustomizeThemeClicked( themeObject ){\n  // If user theme is registered, show overwrite warning\n  if( isUserthemeRegistered() ){\n    showThemeOverwriteWarning.value = true;\n    customizeThemeCandidate.value = themeObject;\n  }else{\n    // Else, just customize\n    customizeTheme( themeObject );\n    customizeThemeCandidate.value = null;\n    showThemeOverwriteWarning.value = false;\n  }\n}\n\nfunction customizeTheme( themeObject ){\n  console.log( 'customizeTheme', themeObject );\n\n  // Save the theme content (previously loaded) in theme.css file\n  let saveUrl = `${apibase}apps/${Configuration.appid}/save?path=${encodeURIComponent('public/css/themes/theme.css')}`;\n  axios.post( saveUrl, { payload: themeObject.content } )\n    .then(  (response) => {\n      console.log( 'customizeTheme - save \"themes/theme.css\" response: ', response );\n      \n      // If theme.css file saved successfully, save the theme name in .theme file\n      let dotThemeUrl = `${apibase}apps/${Configuration.appid}/save?path=.theme`;\n      axios.post( dotThemeUrl, { payload: 'usertheme' } )\n        .then(  (response) => {\n          console.log( 'customizeTheme - save \".theme\" response: ', response );\n          themes.value.active.name = 'usertheme';\n          themes.value.active.asset = \"/css/themes/theme.css\";\n          initialised.value = true;\n          themeSelectorVisible.value = false;\n        } )\n        .catch( (error) => {\n          console.log( 'customizeTheme error', error );\n        });\n    } )\n    .catch( (error) => {\n      console.log( 'customizeTheme error', error );\n    });\n  // onThemePicked( themeObject, true );\n}\n\nasync function onThemePicked( themeObject, startEditing=false ){\n  if( !themeNameToApply.value ){\n    let currentCss = definitionsToCss(':root.stipple-core');\n    themeContentBackup.value = currentCss;\n  }\n\n  showThemeError('');\n  \n  console.log( 'onThemePicked', themeObject.assetFullPath );\n  if( themeObject.assetFullPath ){\n    fetch(themeObject.assetFullPath)\n      .then(response => {\n        if (!response.ok) {\n          throw new Error(`HTTP error ${response.status}`);\n        }\n        return response.text();\n      })\n      .then(data => {\n        // Success\n        if( isValidCSS(data) ){\n          //themeContentToApply.value = data;\n          //showThemeOverwriteWarning.value = true;\n          \n          themeObject.content = data;\n          let templateCssString = data;\n          initializeFromThemeCssFile( templateCssString );\n          assignVariables(); \n          if( startEditing ){\n            initialised.value = true;\n            themeSelectorVisible.value = false;\n          }\n          //unsavedChanges.value = true;\n        }else{\n          console.error( 'Invalid CSS' );\n          throw new Error( 'Invalid CSS' );\n        }\n      })\n      .catch(error => {\n        console.error('Error fetching theme:', error);\n        //let errorMessage = `Error loading theme<br/>`;\n        let errorMessage = '';\n\n        if (error.name === 'TypeError' && error.message.includes('Failed to fetch')) {\n          errorMessage += 'CSS File not';\n        }else{\n          errorMessage += error.message;\n        }\n        showThemeError( errorMessage );\n      })\n      .finally( () => {\n        themeNameToApply.value = themeObject;\n        console.log( 'onThemePicked - finally', themeNameToApply.value );\n      });\n  }else{\n    showThemeError( `Missing asset path` );\n  }\n\n}\n\nfunction showThemeError(error){\n  themeError.value = error;\n}\n\nfunction onThemeOverwriteConfirmed( confirm ){\n  if( confirm ){\n    customizeTheme( customizeThemeCandidate.value );\n    customizeThemeCandidate.value = null;\n  }\n  //themeNameToApply.value = '';\n  showThemeOverwriteWarning.value = false;\n}\n\n/* function createTheme( themeName ){\n    console.log( '[ThemeEditor] createTheme()', themeName );\n    initialised.value = true;\n    showThemeSelector(false);\n    let templateCssString = themeContentToApply.value;\n    initializeFromThemeCssFile( templateCssString );\n    assignVariables(); \n    unsavedChanges.value = true;\n} */\nfunction setUpdatedThemes( newThemes ){\n  themes.value = newThemes;\n}\n\nfunction refreshThemeList(){\n  console.log( 'refreshThemeList' );\n  \n  // Build app's base path and remove ending slash if present\n  let appBasePath = Configuration.getAppAssetsBaseUrl('http', window.appData.value.port);\n  if( appBasePath[appBasePath.length-1] == '/' ){\n    appBasePath = appBasePath.substring(0, appBasePath.length-1);\n  }\n\n  // Get the page data from GB's API\n  let pageDataUrl = `${apibase}apps/${Configuration.appid}/pages`;\n  axios.get( pageDataUrl )\n    .then( (result) => {\n      let currentPage = result.data.pages[Configuration.currentPageIndex];\n      let newThemes = currentPage.themes;\n\n      // Build full paths for the active theme\n      if( newThemes && newThemes.active ){\n        if( newThemes.active.asset.startsWith('/') ){\n          newThemes.active.assetFullPath = appBasePath + newThemes.active.asset;\n        }else{\n          newThemes.active.assetFullPath = newThemes.active.asset;\n        }\n      }\n      // Build full paths for the registered themes\n      if( newThemes && newThemes.registered ){\n        newThemes.registered.forEach((theme) => {\n          if( theme.asset.startsWith('/') ){\n            theme.assetFullPath = appBasePath + theme.asset;\n          }else{\n            theme.assetFullPath = theme.asset;\n          }\n        });\n      }\n      // store the new list of themes\n      setUpdatedThemes( newThemes );\n    })\n    .catch( (error) => {\n      console.log( 'refreshThemeList error', error );\n    });\n}\n\nfunction toggleThemeSelector(){\n  showThemeSelector( !themeSelectorVisible.value );\n}\n\nfunction showThemeSelector(show){ \n  console.log( 'showThemeSelector', show, themeNameToApply.value );\n  //if( show && themeNameToApply.value ){\n  if( show ){\n    console.log( 'showThemeSelector - will refresh theme list' );\n    refreshThemeList();\n  }else{\n    if( themeNameToApply.value ){\n      console.log( 'showThemeSelector - will discard' );\n      discardPreviewedTheme();\n    }\n  }\n  showThemeOverwriteWarning.value = false;\n  themeNameToApply.value = '';\n  themeSelectorVisible.value = show;\n  themeError.value = '';\n}\n\nfunction showUpgradeLicenseDialog(){\n    window.showUpgradeLicenseDialog(false);\n}\n\nfunction storePropertyDefaults(){\n  themeItems.value.groups.forEach((group) => {\n    group.rules.forEach((rule) => {\n      rule.properties.forEach((property) => {\n        property.defaultValue = property.value;\n      });\n    });\n  });\n}\n\nfunction discardPreviewedTheme(){\n  themeNameToApply.value = '';\n\n  \n  if( themeContentBackup.value ){\n    console.log( 'discardPreviewedTheme A (backup)' );\n    initializeFromThemeCssFile( themeContentBackup.value );\n  }else{\n    console.log( 'discardPreviewedTheme B (original)' );\n    initializeFromThemeCssFile( originalThemeContent.value );\n  }\n  assignVariables(); \n}\n\nfunction initializeFromThemeCssFile( cssContent, firstTime=false ){\n    console.log( '[ThemeEditor] initializeFromThemeCssFile()', cssContent.length );\n    if( cssContent == '' ){\n      emit( 'changed', '' );\n      return;\n    }\n    let parsedCss = parseCSS( cssContent );\n    let incomingBySelector = {};\n    parsedCss.forEach((item) => {\n        if(!incomingBySelector[item.selector]) {\n            incomingBySelector[item.selector] = {};\n        }\n        incomingBySelector[item.selector][item.propertyName] = item.value;\n    });\n\n    let groups = themeItems.value.groups;\n    groups.forEach((group) => {\n        group.rules.forEach((rule) => {\n            let selector = rule.selector;\n            rule.properties.forEach((property) => {\n                let inputObjectSelector = incomingBySelector[selector];\n                if( inputObjectSelector ){\n                    let inputObjectProperty = inputObjectSelector[property.propertyName];\n                    if (inputObjectProperty) {\n                        property.value = inputObjectProperty;\n                    }\n                }\n            });\n        });\n    });\n    if( firstTime ){\n      originalThemeContent.value = cssContent;\n    }\n    // Backup the theme items\n    storePropertyDefaults();\n    if( firstTime ){\n      setTimeout(() => {\n        initialised.value = true;\n      }, 100);\n    }\n}\n\n\n\n\n// ==========================================================================\n//                          CSS Parsing Functions                           \n// ==========================================================================\n\n// Takes the raw css text from theme.cssand parses it into an array of objects\n// --------------------------------------------------------------------------\nfunction parseCSS(cssText) {\n  const result = [];\n  // Extract the :root.stipple-core block and other CSS rules\n  const rootRegex = /:root\\.stipple-core\\s*{([\\s\\S]*?)}/;\n  const cssRulesRegex = /([^{}]+){([^}]+)}/g;\n  \n  // Process :root.stipple-core block\n  const rootMatch = rootRegex.exec(cssText);\n  if (rootMatch) {\n    const propertiesBlob = rootMatch[1].trim();\n    const properties = propertiesBlob.split(';').filter(property => property.trim() !== '');\n\n    properties.forEach(property => {\n      const [propertyName, value] = property.split(':').map(part => part.trim());\n      result.push({ selector: ':root.stipple-core', propertyName, value });\n    });\n  }\n\n  // Process other CSS rules\n  let ruleMatch;\n  while ((ruleMatch = cssRulesRegex.exec(cssText)) !== null) {\n    const selector = ruleMatch[1].trim();\n    const propertiesBlob = ruleMatch[2].trim();\n    const properties = propertiesBlob.split(';').filter(property => property.trim() !== '');\n\n    properties.forEach(property => {\n      const [propertyName, value] = property.split(':').map(part => part.trim());\n      result.push({ selector, propertyName, value });\n    });\n  }\n  // Iterate result and when css vars found, remove \"var(\" and \")\"\n  result.forEach((item) => {\n    if (item.value?.startsWith('var(')) {\n      item.value = item.value.replace('var(', '').replace(')', '');\n    }\n  });\n  return result;\n}\n\n\n// Toggles the mode of a property between a value and a variable\n// --------------------------------------------------------------------------\nfunction togglePropMode(item) {\n  if( valueIsVar( item.value) ){\n    let propDefinition = CssPropDefs[item.propertyName];\n    if( propDefinition ){\n      item.value = propDefinition.default;\n    }else{\n      console.error(\"[ThemeEditor] No property definition for \", item.propertyName )\n    }\n  }else{\n    item.value = '--undefined';\n  }\n  assignVariables(); \n}\n\n\n// Checks if a value is a variable\n// --------------------------------------------------------------------------\nfunction valueIsVar( value){\n  let result =  typeof value == 'string' && value.startsWith('--');\n  return result;\n}\n\n\n// ==========================================================================\n//                          Complex-number properties                        \n// ==========================================================================\n\n// Converts a value to a numeric value if possible\n// --------------------------------------------------------------------------\nfunction getNumericValue(item) {\n    return parseFloat(item.value) || ''; // Extracts numeric part or returns an empty string\n};\n\n// Extracts the unit part of a value (px, %, etc.)\n// --------------------------------------------------------------------------\nfunction getUnitValue(item) {\n    const match = item.value.match(/[a-zA-Z%]+$/); // Matches the unit part\n    return match ? match[0] : 'px'; // Returns the unit part or an empty string if not found\n};\n\n// Updates the value of a property when the numeric value changes\n// --------------------------------------------------------------------------\nfunction updateNumericValue(event, item) {\n    const numericValue = event.target.value;\n    const unitValue = this.getUnitValue(item);\n    if( numericValue != '')\n      item.value = `${numericValue}${unitValue}`; // Combines the new numeric value with the current unit\n    else\n      item.value = numericValue;\n    this.assignVariables(); \n};\n\n// Updates the value of a property when the unit changes\n// --------------------------------------------------------------------------\nfunction updateUnitValue(event, item) {\n    const unitValue = event.target.value;\n    const numericValue = this.getNumericValue(item);\n    if( numericValue != '')\n      item.value = `${numericValue}${unitValue}`; // Combines the new numeric value with the current unit\n    else\n      item.value = numericValue;\n    this.assignVariables(); \n};\n\n\n// ==========================================================================\n//                          Save and Apply Functions                        \n// ==========================================================================\n\n// Saves the document to the server\n// --------------------------------------------------------------------------\nfunction saveDocument( emptyContent=false ){\n  console.log( '[ThemeEditor] saveDocument' );\n  unsavedChanges.value = false;\n  let encodedFilePath = encodeURIComponent( props.filepath );\n  let saveUrl = `${ props.endpoint }save?path=${ encodedFilePath }`;\n\n  let cssRules;\n  if( emptyContent == true ){\n    cssRules = '';\n  }else{\n    cssRules = templateCss;\n    cssRules = cssRules.replace( '/* {{ themeVariables }} */', definitionsToCss(':root.stipple-core') );\n  }\n  console.log( '[ThemeEditor] saveUrl', saveUrl );\n  \n  axios.post( saveUrl, { payload: cssRules } )\n    .then(  (response) => {\n      console.log(\"[ThemeEditor] html-save callback: \", encodedFilePath );\n      // Catch server errors\n      if( response.status != 200 ){\n        console.log( \"[ThemeEditor] Error saving template: \", response );\n        return;\n      }      \n      if( emptyContent == true ){\n        window.location.reload();\n      }else{\n        storePropertyDefaults();\n      }\n    } )\n    .catch( (error) => {\n      console.log(\"[ThemeEditor] error saving HTML: \", encodedFilePath );\n      console.log( \"[ThemeEditor] ERROR saving template file response: \", error );\n      // Catch server errors\n      console.log( \"[ThemeEditor] Error saving template, network error: \", error );\n      showApiErrorAlert( `There was an issue saving your changes (Network error). If the problem persists please try reloading this window.` );\n    });\n}\n\nfunction showApiErrorAlert(error){\n  window.parent.postMessage( {command:\"showApiErrorAlert\", message:error }, \"*\" );\n}\n\n// Clears the theme\n// --------------------------------------------------------------------------\nfunction clearTheme(){\n  unsavedChanges.value = false;\n  //saveDocument( true );\n  resetAllProperties();\n}\n\n// ==========================================================================\n//                          CSS Definitions Functions                        \n// ==========================================================================\n\n// Gets the definition of a property\n// --------------------------------------------------------------------------\nfunction getCssPropDef( propertyName ){\n  let propDef = CssPropDefs[propertyName];\n  return propDef\n}\n\n// Injects the definitions of the properties into the theme items\n// --------------------------------------------------------------------------\nfunction injectCssPropDefinitions(){\n  themeItems.value.groups.forEach((group) => {\n    group.rules.forEach((rule) => {\n      rule.properties.forEach((property) => {\n        let propDef = getCssPropDef(property.propertyName);\n        if (propDef) {\n          property.type = propDef.type;\n          if( propDef.options )\n            property.options = propDef.options;\n          if( propDef.units )\n            property.units = propDef.units;\n        }\n      });\n    });\n  });\n}\n\n// Gets the list of css variables\n// --------------------------------------------------------------------------\nfunction getCssVariables( item ){\n    let results = [];\n    if( item.propertyName == 'font-size'){\n      themeItems.value.groups.forEach((group) => {\n        group.rules.forEach((rule) => {\n            rule.properties.forEach((property) => {\n                if( property.isVar && property.type=='text' ){\n                    results.push(property);\n                }\n            });\n        });\n      });\n    }else{\n      themeItems.value.groups.forEach((group) => {\n        group.rules.forEach((rule) => {\n            rule.properties.forEach((property) => {\n                if( property.isVar && !property.hide && property.type=='color' ){\n                    results.push(property);\n                }\n            });\n        });\n      });\n      results = results.sort((a, b) => a.label.localeCompare(b.label));\n    }\n  return results;\n\n}\n\n// Converts the theme items into a css string for saving\n// --------------------------------------------------------------------------\nfunction definitionsToCss(rootSelector='#demoContent'){\n  let output = ''; // `${rootSelector}{\\n`;\n  themeItems.value.groups.forEach((group) => {\n    group.rules.forEach((rule) => {\n      output += `  ${rule.selector}{\\n`;\n      rule.properties.forEach((property) => {\n          if( property.value == null || property.value.startsWith == null ){\n            //debugger;\n          }\n          if( property.value == '' ){\n            // skip\n          }\n          else if( property.value.startsWith('--') )\n            output += `    ${property.propertyName}: var(${property.value});\\n`;\n          else\n            output += `    ${property.propertyName}: ${property.value};\\n`;\n        });\n        output += `  }\\n`;\n    });\n  });\n  return output;\n}\n\n// Handles the change of a property value\n// --------------------------------------------------------------------------\nfunction onPropValueChanged(){\n    if(!initialised.value){\n        return;\n    }\n    unsavedChanges.value = true;\n    assignVariables();\n}\n\n// Assigns the variables to the css rules\n// --------------------------------------------------------------------------\nfunction assignVariables(){\n  let cssRules = templateCss;\n  cssRules = cssRules.replace( '/* {{ themeVariables }} */', definitionsToCss(':root.stipple-core') );\n  emit( 'changed', cssRules );\n}\n\nfunction resetAllProperties(){\n  themeItems.value.groups.forEach((group) => {\n    group.rules.forEach((rule) => {\n      rule.properties.forEach((property) => {\n        resetProperty(rule, property);\n      });\n    });\n  });\n}\n// Resets a property to its default value\n// --------------------------------------------------------------------------\nfunction resetProperty( rule, item){\n  let defaultValue = item.defaultValue;\n  item.value = defaultValue;\n  \n  onPropValueChanged();\n}\n\n\nonMounted(() => {\n  refreshThemeList();\n\n});\n\n</script>\n\n\n<template>\n  <div v-if=\"isPro\" class=\"editorSidebar\" style=\"height: 100%;\">\n    <div class=\"col\" style=\"display: flex; flex-direction: column; height: 100%; position: relative;\">\n      <div class=\"themeHeader\">\n        <div style=\"user-select: none;\">Active Theme: <span style=\"font-weight: bold; text-transform: capitalize; \">{{ themes?.active?.name || 'None' }}</span></div>\n        <div>\n          <i role=\"img\" class=\"q-icon notranslate material-icons\" style=\"cursor: pointer; padding: 1px 3px 1px; font-size: 1.1rem;\" @click=\"toggleThemeSelector()\">{{ themeSelectorVisible ? 'filter_list_off' : 'list' }}</i>\n        </div>\n      </div>\n      <div :class=\"{ themeSelector: true, themeSelectorVisible:themeSelectorVisible || !initialised, themeSelectorShadow:initialised }\" style=\"    \">\n        \n        <div v-if=\"showThemeOverwriteWarning\">\n          <div>\n            <div style=\"padding: 10px;\" v-html=\"'Are you sure you want to overwrite the current theme with \\'<b>' + themeNameToApply.name + '</b>\\'?'\"></div>\n            <div style=\"display: flex; flex-direction: row; gap: 10px; padding: 5px 10px 8px;\">\n              <button class=\"themedButton\" @click=\"onThemeOverwriteConfirmed(false)\">No</button>\n              <button class=\"themedButton\" @click=\"onThemeOverwriteConfirmed(true)\">Yes</button>\n            </div>\n          </div>\n        </div>\n        <div v-if=\"themeSelectorVisible\">\n          \n          <div style=\"margin-top: 10px; font-weight: bold;\">Available themes</div>\n          <div class=\"themeButtonsContainer\">\n              <div v-for=\"theme in registeredThemes\" :key=\"theme.name\" :class=\"{themeSelectorItem: true, themeSelectorItemSelected:theme.name == themes?.active?.name}\" style=\"\">\n                <div @click=\"onThemePicked( theme )\" :class=\"{ themeSelected:theme.name == themes?.active?.name, themePreviewed:theme.name == themeNameToApply?.name}\" style=\"width: 100%;\">{{ theme?.name || 'None' }} <span v-if=\"theme.name == themeNameToApply?.name\" style=\"font-style: italic; font-size: 0.9em; font-style: italic;\">(Preview)</span></div>\n                <div v-if=\"!themeError && theme.name == themeNameToApply?.name\" style=\"display: flex; flex-direction: row; gap: 5px;\">\n                  <button class=\"themedButton\" @click=\"applyTheme( theme )\" style=\"padding: 0px 8px 1px; font-size: 0.8em; position:relative; top: -1px;\">Apply</button>\n                  <button class=\"themedButton\" @click=\"onCustomizeThemeClicked( theme )\" style=\"padding: 0px 8px 1px; font-size: 0.8em; position:relative; top: -1px;\">Customize</button>\n                </div>      \n                <div v-if=\"themeError && theme.name == themeNameToApply?.name\" class=\"themeError\" v-html=\"themeError\"></div>          \n                <!-- <div v-if=\"themeError && theme.name == themeNameToApply?.name\" class=\"themeError\" style=\"display: flex; flex-direction: row; gap: 5px;\" v-html=\"themeError\"></div>           -->\n              </div>\n          </div>\n          <div v-if=\"themeNameToApply\" class=\"\">\n            <button class=\"themedButton\" @click=\"discardPreviewedTheme( )\" style=\"margin-top: 10px;\">Discard</button>\n          </div>\n          \n        </div>\n      </div>\n\n      <div v-if=\"!themeSelectorVisible && themes?.active?.name!='usertheme'\" class=\"\" style=\"max-width: 100%; height: calc(100% - 25px); position: relative; padding: 10px 10px; text-align: center;\">Your are currently using the <span style=\"font-weight: bold; text-transform: capitalize; \">{{ themes?.active?.name || 'Unknown' }}</span> theme. <br/>Click the <i role=\"img\" class=\"q-icon notranslate material-icons\" style=\"font-size: 1.2rem;\">list</i> icon above to select a different one or customize your own.\n      </div>\n      <div v-if=\"initialised && !themeSelectorVisible && themes?.active?.name=='usertheme'\" class=\"testB\" style=\"max-width: 100%; height: calc(100% - 25px); position: relative;\">\n        <!-- <i role=\"img\" class=\"q-icon notranslate material-icons\" style=\"cursor: pointer; padding: 2px 3px 5px 3px; font-size: 1rem; position: absolute; right: 5px; top: -10px;\" @click=\"showThemeSelector(true)\">list</i> -->\n        <div style=\"top: 20px; position: relative;padding:0px 8px 10px 3px;\">\n          <input class=\"roundInput\" type=\"text\" v-model=\"searchString\" id=\"\" placeholder=\"Search Theme Styles\">\n        </div>\n        <q-list style=\"height: 100%; max-height: calc(100% - 125px); overflow-y: auto; overflow-x: hidden;\">\n          <q-expansion-item   v-for=\"(group, groupIndex) in themeItems.groups\"  :key=\"group.label\"  :label=\"group.label\" dense :default-opened=\"groupIndex==0\" style=\"font-weight: bold;\" >\n            <q-expansion-item v-for=\"rule in group.rules\"         :key=\"rule.label\"   :label=\"rule.label\"  dense default-opened :header-inset-level=\".2\"   class=\"level2\" style=\"font-weight: bold;\"\n            >\n                  <div class=\"themeItemsContainer\" style=\"font-weight: normal; padding-left:15px; padding-right: 20px;padding-bottom:10px\">\n                    <div :class=\"{ themeItemContainer:true, unused:item.value=='' }\" v-for=\"item in rule.properties\"  >\n                      <div class=\"themeItemLabel\"     v-if=\"!item.hide && (searchString =='' || item.propertyName.indexOf(searchString) > -1)\">\n                        <div class=\"resetPropertyButton\" v-if=\"item.value!=item.defaultValue\" @click=\"resetProperty(rule, item)\">\n                          <i role=\"img\" class=\"q-icon notranslate material-icons\">refresh</i>\n                        </div>\n                        {{ item.label }}\n                      </div>\n                      <div class=\"themeItemValueCell\" v-if=\"!item.hide && (searchString =='' || item.propertyName.indexOf(searchString) > -1)\">\n                        <div v-if=\"!item.isVar && valueIsVar( item.value)\">\n                          <div>\n                            <select class=\"propControl\" v-model=\"item.value\" @change=\"onPropValueChanged()\">\n                              <option v-for=\"option in getCssVariables(item)\" :value=\"option.propertyName\">{{ option.label }}</option>\n                            </select>\n                          </div>\n                        </div>\n                        <div v-else>\n                          <div v-if=\"item.type=='text'\">\n                            <input class=\"propControl\" type=\"text\" v-model=\"item.value\" @change=\"onPropValueChanged()\" >\n                          </div>\n                          <div v-if=\"item.type=='number'\" style=\"display: flex; flex-direction: row; justify-content: flex-end;\">\n                            <div>\n                              <input class=\"propControl\" type=\"number\" :value=\"getNumericValue(item)\" @input=\"updateNumericValue($event, item)\" style=\"width: 40px;\">\n                            </div>\n                            <div>\n                              <select v-if=\"item.units\" class=\"propControl units\" @change=\"updateUnitValue($event, item)\">\n                                <option v-for=\"unit in item.units\" :value=\"unit\" :selected=\"unit === getUnitValue(item)\">{{ unit }}</option>\n                              </select>\n                            </div>\n                          </div>\n                          <div v-if=\"item.type=='color'\">\n                            <select v-if=\"valueIsVar( item.value)\" class=\"propControl\" v-model=\"item.value\" @change=\"onPropValueChanged()\">\n                              <option v-for=\"option in getCssVariables(item)\" style=\"border: solid 1px blue;\" :value=\"'var('+option.propertyName+')'\">{{ option.label }}</option>\n                            </select>\n                            <color-picker v-else class=\"\" :xOffset=\"-180\" :yOffset=\"5\" btnwidth=\"50px\" btnheight=\"15px\" v-model=\"item.value\" @changed=\"onPropValueChanged\"></color-picker>\n                            <!-- <input v-else class=\"propControl\" type=\"color\" v-model=\"item.value\" @input=\"onPropValueChanged()\"> -->\n                          </div>\n                          <div v-if=\"item.type=='select'\">\n                            <select class=\"propControl\" v-model=\"item.value\" @change=\"onPropValueChanged()\">\n                              <option v-for=\"option in item.options\" :value=\"option.value || option\">{{ option.label || option }}</option>\n                            </select>\n                          </div>\n                          <div v-if=\"item.type=='filter'\">\n                            <select class=\"propControl\" v-model=\"item.value\" @change=\"onPropValueChanged()\">\n                              <option value=\"var(--st-filter-light)\">Light</option>\n                              <option value=\"var(--st-filter-dark)\">Dark</option>\n                            </select>\n                          </div>\n                        </div>\n                      </div>\n                      <div class=\"propSwitchContainer\" v-if=\"!item.hide && (searchString =='' || item.propertyName.indexOf(searchString) > -1) && !item.isVar && item.type=='color'\">\n                        <div :class=\"{propModeSwitch:true, forceVisible:valueIsVar( item.value)}\" @click=\"togglePropMode(item)\">\n                          <img title=\"Toggle Variable\" :src=\"valueIsVar( item.value) ? icon_binding_on : icon_binding_off\" alt=\"\">\n                        </div>\n                      </div>\n                    </div>  \n                  </div>\n            </q-expansion-item>\n          </q-expansion-item>\n        </q-list>\n        <div style=\"width: 100%; text-align: right; padding: 20px 20px 0px;\">\n          <button :class=\"{themedButton:true, buttonDisabled:!unsavedChanges}\" @click=\"saveDocument\">Save Changes</button>\n          <div v-if=\"unsavedChanges\" class=\"clearThemeButton\">\n            <div @click=\"clearTheme\">Reset All Changes</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div v-else class=\"notProUI\">\n    The Theme Editor is a Pro feature.<br/>\n    Upgrade to Pro and start using it now!<br/> <br/>\n    <vscode-button @click=\"showUpgradeLicenseDialog\" style=\"margin-right: 3px;\">Upgrade</vscode-button> \n  </div>\n\n  \n  \n</template>\n\n<style scoped>\n\n::v-deep .q-item {\n  min-height: unset;\n  height: 25px;\n  padding: 2px 5px;\n}\n\n::v-deep .q-expansion-item .q-item {\n  padding-right: 0px !important;\n}\n::v-deep .q-expansion-item.level2 .q-item {\n  margin-left: 0px;\n  padding-left: 10px !important;\n}\n\n\n.editorSidebar{\n  color: var(--foreground);\n  font-size: 12px;\n  font-family: -apple-system, \"system-ui\", sans-serif;\n}\n.themeItemContainer {\n  display: flex;\n  flex-direction: row;\n  position: relative;\n}\n.propSwitchContainer{\n  position: relative;\n}\n.propModeSwitch img{\n}\n\n.themeItemContainer .propModeSwitch {\n    opacity: 0;\n    width: 25px;\n    position: absolute;\n    left: 2px;\n    padding: 0px;\n    top: 3px;\n    cursor: pointer;\n}\n.themeItemContainer:hover .propModeSwitch {\n  opacity: 1;\n}\n\n.propModeSwitch.forceVisible{\n  opacity:1;\n}\n\n.unused {\n  opacity:0.3;\n}\n.unused:hover {\n  opacity:1;\n}\n.themeItemsContainer {\n  display: flex;\n  flex-direction: column;\n  padding: 0px;\n}\n.themeItemLabel{\n  padding: 2px 0px;\n  width: 50%;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  user-select: none;\n}\n.themeItemValueCell{\n  padding: 2px;\n  text-align: right;\n  width: 50%;\n}\n\n.themePreviewed{\n  color: color-mix( in srgb, #3295fe, var(--foreground)  20% );\n}\n\n.themeSelected{\n  /* color: color-mix( in srgb, #3295fe, var(--foreground)  40% ); */\n  font-weight: bold;\n}\n\n\n\n#demoContent{\n  padding-top: 50px;\n}\n\n.propControl{\n  width: 98%;  \n  border: solid 1px #ffffff00;\n}\n.propControl:hover{\n  border: solid 1px #ccccccc0;\n}\n\n.propControl[type=\"text\"]{\n  width: 100%;  \n  padding: 1px 5px;\n  text-align: right;\n  height: 20px;;\n}\n.propControl[type=\"number\"]{\n  width: 40px;\n  height: 22px;\n  font-size: 12px;\n  text-align: right;\n  -moz-appearance: textfield;\n}\n/* \nRemove arrows from number-input boxes\nChrome, Safari, Edge, Opera */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* remove arrow from select dropdown*/ \nselect.noArrow { \n/* for Firefox */ \n-moz-appearance: none; \n/* for Safari, Chrome, Opera */ \n-webkit-appearance: none; \n} \n\n/* for IE10 */ \n.select.noArrow::-ms-expand { \n  display: none; \n} \n\n.themeHeader{\n  border-bottom: solid 1px #ffffff50; \n  padding-bottom: 5px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n}\n.themeSelector{\n  /* top: 105px; */\n  /* max-width: 280px; */\n  text-align: left;\n  padding: 5px 0px 4px;\n  margin-bottom: 10px;\n  /* position: absolute; */\n  z-index: 1;\n  background-color: #cccccc00;/* var(--background) */\n  box-sizing: border-box;\n  /* border: solid 1px #00000000; */\n  opacity: 0; \n  visibility: hidden; \n  transition: opacity 0.5s ease, visibility 0s 0.5s; \n  display: none;\n}\n\n.themeSelectorItem{\n  /* border-bottom: solid 1px color-mix( in srgb, var(--foreground), transparent 80% ); */\n  padding: 2px 2px;\n  cursor: pointer;\n  text-transform: capitalize;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  background-color: color-mix( in srgb, var(--foreground), transparent 100% );\n  transition: background-color 0.3s ease;\n}\n.themeSelectorItem:hover, .themeSelectorItemSelected{\n  background-color: color-mix( in srgb, var(--foreground), transparent 92% );\n}\n\n.themeSelectorShadow{\n  /* box-shadow: 0px 5px 10px #00000020; */\n}\n\n.themeSelectorVisible{\n  display: block;\n  width: 100%;\n  opacity: 1;\n  visibility: visible;\n  transition: opacity 0.5s ease;\n}\n\n.propControl[type=\"color\"] {\n  width: 60px;  \n  height: 20px;\n  padding: 0px;\n  background-color: #ff000000;\n  border: none;\n}\nselect.propControl{\n  text-align: right;\n  padding-right: 5px;\n}\n\nselect.units{\n  width: max-content;\n  font-size: 10px;\n  height: 100%;\n  margin-left: 0px;\n  text-align: center;\n  padding: 1px 2px;\n}\n\n.roundInput{\n  border-radius: 3px;\n  border: solid 1px #ffffff30;\n  padding: 4px 15px;\n  height: 25px;\n  margin-bottom: 20px;\n  width: 100%;\n  background: no-repeat;\n  color: #fff;\n}\n\n.highlight{\n  border: 1px solid red;\n}\n\n.themedButton{\n  background-color: #195c9f;\n  border-radius: 0px;\n  border: none;\n  padding: 5px 15px;\n  color: #fff;\n  font-size: 13px;\n  width: 100%;\n}\n\n.height100{\n  height: 100%;\n}\n\n.themeItemContainer .resetPropertyButton{\n  position: absolute;\n  left: -23px;\n  top: 1px;\n  padding: 0px;\n}\n\n\n.themeItemContainer .resetPropertyButton i{\n  opacity: 0.6;\n  padding: 3px 6px;\n  cursor: pointer;\n  transition: opacity 0.3s ease;\n}\n\n.themeItemContainer .resetPropertyButton:hover i{\n  opacity: 1;\n}\n\n.clearThemeButton{\n  margin-top: 7px;\n  font-size: 0.9em;\n  opacity: 0.6;\n  display: flex;\n  justify-content: center;\n}\n.clearThemeButton > div{\n  opacity: 0.6;\n  cursor: pointer;\n}\n.clearThemeButton > div:hover{\n  opacity: 1 !important;\n  text-decoration: underline;\n}\n\n.themeButtonsContainer{\n  width: 100%; \n  text-align: left; \n  padding: 10px 0px 10px; \n  display: flex; \n  flex-direction: column; \n  gap: 2px; \n  flex-wrap: nowrap;\n}\n\n.buttonDisabled{\n  opacity: 0.3;\n  pointer-events: none;\n  cursor: auto;\n  user-select: none;\n}\n\n.themeError{\n  color: #f67979;\n  text-wrap: nowrap;\n  overflow: hidden;\n  max-width: 200px;\n  width: 100%;\n  text-overflow: ellipsis;\n  /* font-size: 13px; */\n  /* padding: 0px 10px 5px; */\n  user-select: none;\n  text-align: right;\n  /* line-height: 1.2em; */\n}\n\n/* custom scrollbar */\n::-webkit-scrollbar {\n  width: 17px;\n}\n\n::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: #d6dee1;\n  border-radius: 20px;\n  border: 6px solid transparent;\n  background-clip: content-box;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: #a8bbbf;\n}\n</style>\n","import script from \"./ThemeEditor.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ThemeEditor.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ThemeEditor.vue?vue&type=style&index=0&id=772479b2&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-772479b2\"]])\n\nexport default __exports__\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport QList from 'quasar/src/components/item/QList.js';\nimport QExpansionItem from 'quasar/src/components/expansion-item/QExpansionItem.js';\nimport QItem from 'quasar/src/components/item/QItem.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QIcon,QList,QExpansionItem,QItem});\n","<template>\n  <div class=\"mainContainer\" v-if=\"appData\">\n    <div class=\"topBar\">\n      <div style=\"width: calc(100% - 300px); min-width: calc(100% - 300px); display: flex; flex-direction: row; justify-content: end; padding-right: 2px;\">\n          <div class=\"topbarButton\" @click=\"toggleComponentsFrame\" title=\"View Component Outlines\" style=\"padding-top: 5px;\">\n            <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"\">highlight_alt</i>\n          </div>\n          <div class=\"topbarButton\" @click=\"openFeedbackPage\" title=\"Give Feedback\" style=\"padding-top: 5px;\">\n            <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"\">feedback</i>\n          </div>\n          <div class=\"topbarButton\" @click=\"openHelpPage\" title=\"Get Support\">\n            <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"\">help</i>\n          </div>\n          <div class=\"topbarButton\" @click=\"reloadPage\" title=\"Reload\">\n            <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"\">refresh</i>\n          </div>\n          <div class=\"topbarButton\" @click=\"saveTemplate(true)\" title=\"Save\">\n            <i aria-hidden=\"true\" role=\"img\" class=\"q-icon notranslate material-icons\" style=\"\">save</i>\n          </div>\n      </div>\n      <div class=\"topToolBar\" style=\"display: flex; flex-direction: row; width: 300px; min-width: 300px;\">\n        <div v-if=\"!userIsPro()\" style=\"flex-grow: 1; text-align: left; padding-left: 15px;\">\n            <vscode-button @click=\"showUpgradeLicenseDialog(false)\" style=\"\">Upgrade to PRO</vscode-button> \n        </div>\n        <div style=\"display: flex; flex-direction: column;\">\n          <div class=\"gbLogo\" v-html=\"getLogoContent()\"></div>\n          <div style=\"margin-right: 10px; color: rgb(204, 204, 204); width: 100%; padding: 3px 0px; font-size: 0.9em; position: relative; top: -8px; opacity: 0.7;\">v {{ version }}\n          </div>\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\" @saveTriggered=\"saveTemplate(true)\" @componentSelected=\"onComponentSelected\" @bindingDroppedOnComponent=\"onBindingDroppedOnComponent\" @themeCssLoaded=\"onThemeCssLoaded\" @themesUpdated=\"updateRegisteredThemes\" :appData=\"appData\" />\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 fullHeight\">\n            <Panel title=\"Library & Bindings\" ref=\"bindingsPanelContainer\" @update:expanded=\"updatePaneState('bindingsPanelContainer', $event)\" class=\"fullHeight\">\n              <tabs mode=\"light\" @changeTab=\"onMainTabChanged\" style=\"height: 100%; display: flex; flex-direction: column;\">\n                <tab title=\"Library\" active=\"true\" style=\"\">\n                  <LibraryPanel ref=\"libraryPanel\" @blockCustomTriggered=\"onBlockCustomTriggered\" />\n                </tab>\n                <tab title=\"Bindings\">\n                  <BindingsPanel ref=\"bindingsPanel\" :appData=\"appData\" @bindingOvered=\"onBindingOvered\" />\n                </tab>\n                <tab title=\"Theme\">\n                  <div id=\"themesContainer\" style=\"height: 100%;\" title=\"\">\n                    <ThemeEditor ref=\"themeEditor\" :endpoint=\"getApiAppBaseUrl()\" filepath=\"public/css/themes/theme.css\" @changed=\"onThemeChanged\"></ThemeEditor>\n                  </div>\n                </tab>\n                <tab title=\"Styles\">\n                  <div id=\"myStyleEditorContainer\" title=\"\">\n                    <div id=\"myStyleEditorContainerClasses\"></div>\n                    <div id=\"myStyleEditorContainerSections\"></div>\n                  </div>\n                </tab>\n                <tab title=\"Layers\">\n                  <div id=\"layersContainer\" title=\"\">\n                  </div>\n                </tab>\n                <tab title=\"Code\" style=\"width: 100%\">\n                  <div class=\"nothingSelected\" v-show=\"!selectedComponent\" title=\"\">\n                    <i>Nothing selected</i>\n                  </div>\n                  <div id=\"customCodeEditor\" v-show=\"selectedComponent\" title=\"\">\n                    <Codemirror\n                      ref=\"codeEditor\"\n                      v-model:value=\"codeEditorValue\"\n                      :options=\"cmOptions\"\n                      border\n                      placeholder=\"test placeholder\"\n                      :height=\"200\"\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 fullHeight\">\n            <Panel :title=\"getPropertiesPanelName\" ref=\"propertiesPanelContainer\" @update:expanded=\"updatePaneState('propertiesPanelContainer', $event)\" class=\"fullHeight\">\n              <PropertiesPanel ref=\"propertiesPanel\" :appData=\"appData\" :selectedComponent=\"selectedComponent\" class=\"fullHeight\" :parentPanel=\"propertiesPanelContainer\"/>\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 fullHeight\">\n            <Panel title=\"AI Assistant\" ref=\"aiHelpPanelContainer\" @update:expanded=\"updatePaneState('aiHelpPanelContainer', $event)\" class=\"fullHeight\">\n              <tabs mode=\"light\" style=\"height: 100%; display: flex; flex-direction: column;\">\n                <tab title=\"UI\" active=\"true\">\n                  <AiCodePanel ref=\"aiCodePanel\" :appData=\"appData\" @aiCodeChanged=\"onAiCodeChanged\" :selectedComponent=\"selectedComponent\" class=\"fullHeight\"/>\n                </tab>\n                <tab title=\"Help\" style=\"\">\n                  <AiHelpPanel ref=\"aiHelpPanel\" :appData=\"appData\" :selectedComponent=\"selectedComponent\" class=\"fullHeight\"/>\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\n\n<script setup >\n// ===============================================================================\n// Import 3rd party modules\n// ===============================================================================\nimport axios from 'axios';\nimport _ from 'underscore';\nimport { Splitpanes, Pane } from 'splitpanes'\nimport 'splitpanes/dist/splitpanes.css'\nimport { computed, ref, onMounted, onUnmounted } from 'vue'\nimport Codemirror from \"codemirror-editor-vue3\";\nimport \"codemirror/addon/display/placeholder.js\";\nimport \"codemirror/mode/xml/xml.js\";\nimport \"codemirror/addon/display/placeholder.js\";\nimport \"codemirror/theme/dracula.css\";\nimport \"codemirror/theme/neat.css\";\n\n// ===============================================================================\n// Import local modules\n// ===============================================================================\nimport activateInterceptors from \"../utils/axiosInterceptors\"\nactivateInterceptors();                       // registers interceptor to inject session id and manage restricted-license responses\nimport { clear, update } from 'vue-plotly';   // This needs to be imported even though it's not used directly\nimport Panel from './Panel.vue'\nimport Tabs from './tabs/Tabs.vue';\nimport Tab from './tabs/Tab.vue';\nimport BindingsPanel from './panels/BindingsPanel.vue'\nimport CanvasPanel from './panels/CanvasPanel.vue'\nimport LibraryPanel from './panels/LibraryPanel.vue'\nimport PropertiesPanel from './panels/PropertiesPanel.vue'\nimport LogsPanel from './panels/LogsPanel.vue'\nimport BindingsConnector from './BindingsConnector.vue'\nimport AiHelpPanel from './panels/AiHelpPanel.vue';\nimport AiCodePanel from './panels/AiCodePanel.vue';\nimport StatusMonitor from '../utils/StatusMonitor';\nimport HtmlTemplateParser from '../utils/HtmlTemplateParser';\nimport Configuration from '../utils/Configuration';\nimport ThemeEditor from './themeEditor/ThemeEditor'\n\n\n// ===============================================================================\n// Local variables\n// ===============================================================================\n\nconst version = process.env.PACKAGE_VERSION;\nlet codeEditor = ref(null);\nlet themeEditor = 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\nlet beautifyOptions = {\n  indent_size: 4, indent_char: \" \", max_preserve_newlines: 5, preserve_newlines: true, keep_array_indentation: false, \n  break_chained_methods: false, indent_scripts: \"normal\", brace_style: \"collapse\", space_before_conditional: true, \n  unescape_strings: false, jslint_happy: false, end_with_newline: false, wrap_line_length: 0, indent_inner_html: false, \n  comma_first: false, e4x: false, indent_empty_lines: false, inline_custom_elements: false \n};\n\n\n// Used when editing a specific component, so that we can save the full document\n// and to compare on save and when file-change messages are received\nlet fullDocumentHTML = \"\"; \nlet fullDocumentCSS = \"\";\nlet fullDocumentCSSOriginal = \"\";\nlet elementIdsInHtmlToEdit = [];\nlet lastSavedHTMLCode = \"\";\nlet themes = ref([]);\n// Panels state management\n// --------------------------------------------------------------------------------\nlet panelStates = ref(null);\nlet storedStates = localStorage.getItem('panelStates');\nif( 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    aiHelpPanelContainer: { expanded: true, size: 10 },\n  }\n  savePanelStates();\n}\n\n\n// Component reactive variables and child refs\n// --------------------------------------------------------------------------------\nconst bindingsPanelContainer = ref(null);\nconst propertiesPanelContainer = ref(null);\nconst aiHelpPanelContainer = ref(null);\nconst logsPanel = ref(null);\nconst canvasPanel = ref(null);\nconst bindingsPanel = ref(null);\nconst libraryPanel = ref(null);\nconst propertiesPanel = ref(null);\nconst aiHelpPanel = ref(null);\nconst aiCodePanel = ref(null);\nconst bindingConnectorsManager = ref(null);\nconst selectedComponent = ref(null);\nlet currentPage = null;\nlet savedFromNoCodeEditor = false;\nlet appData = window.appData = ref(null);\n\n\n\n// Status monitor (websocket)\n// --------------------------------------------------------------------------------\nconst statusMonitor = window.statusMonitor = new StatusMonitor( onSocketOpen, onSocketClose, onSocketMessage);\n\n\n// Computed properties\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 getApiAppBaseUrl(){\n  let url = `${apibase}apps/${Configuration.appid}/`;\n  return url;\n}\n\n\n\n// ===============================================================================\n// Functions\n// ===============================================================================\n\n\n// Panel Management\n// ===============================================================================\nfunction savePanelStates() {\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.aiHelpPanelContainer.size = Math.round(document.getElementById('aiHelpPanelContainer_Pane').style.height.split('%').join(''));\n  } catch (e) {\n    console.error('savePanelStates error', e);\n  }\n  localStorage.setItem('panelStates', JSON.stringify(panelStates.value));\n}\n\nfunction panesResized(){\n  savePanelStates();\n}\n\nfunction updatePaneState(panelRefName, expanded) {\n  panelStates.value[panelRefName].expanded = expanded;\n  savePanelStates();\n}\n\n\n\n\n// Used by view template (as getters and event handlers)\n// ===============================================================================\nfunction capitalize(str){\n  return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()\n}\n\nfunction userIsPro(){\n  return Configuration.IS_PRO\n}\n\nfunction getLogoContent(){\n  let result = `Genie Builder <span style=\" font-weight: bold;\">`;\n  result += capitalize( !userIsPro() ? \"Lite\" : Configuration.LICENSE_TYPE);\n  result += `</span>`;\n  return result;\n}\n\n\n\n// UI-Changes handlers\n// ===============================================================================\nfunction onMainTabChanged(index){\n  if( index == 4 ){\n    setTimeout( ()=>{\n      updateCodeEditorContent();\n    }, 200 );\n  }\n}\n\n\nfunction onAiCodeChanged(status){\n  canvasPanel.value.showAiCodePreview(status);\n}\n\nfunction onThemeCssLoaded(content){\n  console.log( \"[Main] themeCssLoaded: \" );\n  if( themeEditor.value ){\n    themeEditor.value.initializeFromThemeCssFile(content, true);\n  }else{\n    console.log( \"[Main] themeEditor not found\" );\n  }\n}\n\n\nfunction applyCodeChanges(){\n  let fullContent = codeEditorValue.value;\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  /* window.logUserEvent( \"code-editor::appliedChanges\", { \n      component: window.selectedComponent.attributes.tagName, \n  }); */\n}\n\n\nfunction onBlockCustomTriggered(props){\n  bindingsPanel.value.setHandleBlocks(props); \n}\n\n\nfunction onBindingOvered(event){\n  // Inform connectors-manager about mouse-overed binding\n  bindingConnectorsManager.value.onBindingOvered( event );\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\nfunction 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      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\nfunction onComponentSelected(com){\n  window.selectedComponent = selectedComponent.value = com;\n  if( propertiesPanel.value){\n    propertiesPanel.value.setSelectedComponent(com);      \n  }\n  if( aiCodePanel.value){\n    aiCodePanel.value.setSelectedComponent(com);      \n  }\n  updateCodeEditorContent();\n}\n\n\nfunction updateCodeEditorContent(){\n  let com = selectedComponent.value;\n  if( !com )\n    return;\n\n    // Update the code editor value\n    let selectedComponentCode = com.toHTML();\n\n  const entireHtml = selectedComponentCode; //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  HtmlTemplateParser.decodeAttributesInDOM(firstDiv );\n  selectedComponentCode = firstDiv.querySelector(\"body\").innerHTML;\n\n  let beautifiedHtml = html_beautify ( selectedComponentCode, beautifyOptions );\n  // Restore special tags\n  //beautifiedHtml = HtmlTemplateParser.restoreSpecialElements( beautifiedHtml );\n  codeEditorValue.value = beautifiedHtml;\n  codeEditor.value.refresh();\n}\n\n\nfunction showUpgradeLicenseDialog(showDialog=true){\n  window.showUpgradeLicenseDialog(showDialog);\n}\n\n\nfunction openThemeEditor(){\n  if( Configuration.IS_PRO ){\n    window.parent.postMessage( {command:\"openThemeEditor\", appid:Configuration.appid }, \"*\" );\n  }else{\n    window.showUpgradeLicenseDialog();\n  }\n  //window.logUserEvent( \"toolbar::click\", { element:\"themeEditor\", available: Configuration.IS_PRO } );\n}\n\n\nfunction reloadPage(){\n  window.location.reload();\n  //window.logUserEvent( \"toolbar::click\", { element:\"reloadNocodeEditor\" } );\n}\n\n\nfunction updateData(newData){\n  appData.value = (newData);\n}\n\nwindow.switchCodeEditorTheme = ()=>{\n  if( window.currentThemeType == 'light' ){\n    cmOptions.value.theme = \"neat\";\n  }else{\n    cmOptions.value.theme = \"dracula\";\n  }\n  themeType = window.currentThemeType;\n  if( codeEditor.value )\n    codeEditor.value.refresh();\n}\n\n\nfunction 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{Any}}\": \"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              \"{Matrix}\": \"Array\",\n                  \"{Matrix{Any}}\": \"Array\",\n                  \"{Matrix{Bool}}\": \"Array\",\n                  \"{Matrix{String}}\": \"Array\",\n                  \"{Matrix{Char}}\": \"Array\",\n                  \"{Matrix{Number}}\": \"Array\",\n                  \"{Matrix{Float64}}\": \"Array\",\n                  \"{Matrix{Int64}}\": \"Array\",\n                  \"{Matrix{Int32}}\": \"Array\",\n                  \"{Matrix{Int16}}\": \"Array\",\n                  \"{Matrix{Int8}}\": \"Array\", \n                  \"Matrix{Dict}\": \"Array\", \n              \"{Object}\": \"Object\", \n              \"{NamedTuple{(:min, :max), Tuple{Int64, Int64}}}\": \"Object\", \n              \"{Dict}\": \"Object\", \n              \"{Dict{String, Any}}\": \"Object\", \n              \"{Dict{String, Bool}}\": \"Object\", \n              \"{Dict{String, String}}\": \"Object\", \n              \"{RangeData{Int64}}\": \"Object\", \n              \"{Vector{GenericTrace{Dict{Symbol, Any}}}}\": \"PlotlyBase.GenericTrace\", \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\n// GB app's HTML Template parsing (load/save/parse...)\n// ===============================================================================\nfunction getCurrentHtmlAndCss(){\n  let 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  // cleanup css, as grapes sometimes adds unwanted rules for global and body\n  // Regular expression to match '* {...}' and 'body {...}' patterns\n  let pattern = /\\*\\s*{[^}]*}|body\\s*{[^}]*}/g;\n  // Replace the matched patterns with an empty string\n  editedHtmlCss = editedHtmlCss.replace(pattern, '');\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\n\nfunction mergeCss(fullCss, partialCss) {\n    function parseCss(css) {\n        const regex = /([^{]+)\\{([^}]+)\\}/g;\n        let matches;\n        const parsed = {};\n        \n        while ((matches = regex.exec(css)) !== null) {\n            const selector = matches[1].trim();\n            const properties = matches[2].trim();\n            parsed[selector] = properties;\n        }\n        return parsed;\n    }\n\n    function stringifyCss(cssObj) {\n        return Object.entries(cssObj).map(([selector, properties]) => {\n            return `${selector} { ${properties} }`;\n        }).join(' ');\n    }\n\n    const fullCssObj = parseCss(fullCss);\n    const partialCssObj = parseCss(partialCss);\n    for (const [selector, properties] of Object.entries(partialCssObj)) {\n        fullCssObj[selector] = properties;\n    }\n    return stringifyCss(fullCssObj);\n}\n\n\nfunction getCleanHtmlCode(htmlString){\n  let parser = new DOMParser();\n  let doc = parser.parseFromString(htmlString, 'text/html');\n  const firstDiv = doc.body || null;  \n  const firstDivContent = firstDiv.innerHTML;\n  let beautifiedHtml = html_beautify ( firstDivContent, beautifyOptions )\n  beautifiedHtml = HtmlTemplateParser.restoreSpecialElements( beautifiedHtml );\n  return beautifiedHtml; \n}\n\n\nfunction onAutoSaveTriggered(){\n  saveTemplate(); \n}\n\n\nfunction saveTemplate(force){\n  if( force ){\n    //window.logUserEvent( \"toolbar::click\", { element:\"save\" } );\n  }\n  // Get the current HTML and CSS\n  let { beautifiedHtml, editedHtmlCss } = getCurrentHtmlAndCss();\n  \n  // Skip saving if the document contains a temp placeholder\n  let containsTempPlaceHolder = beautifiedHtml.indexOf('<tempplaceholder') > -1;\n  if( containsTempPlaceHolder ){\n    return;\n  }\n\n  // Process both new and old (initially loaded) HTML code to properly compare for changes\n  let cleanBeautifiedCode = getCleanHtmlCode( beautifiedHtml );\n  let cleanLastSavedCode = getCleanHtmlCode( lastSavedHTMLCode );  \n  let contentHasChanged = cleanLastSavedCode != cleanBeautifiedCode;\n  \n  // If the content has not changed, do not save (unless forced to do so, which happens when user manually clicks save)\n  if( contentHasChanged || force ){\n      lastSavedHTMLCode = beautifiedHtml;\n  }else{\n    return;\n  }\n\n   // ====== Special case when editing inner element ======\n   if( Configuration.elementid ){\n      const parser = new DOMParser();\n      const doc = parser.parseFromString(fullDocumentHTML, 'text/html');\n      let element = doc.querySelector( \"#\"+Configuration.elementid);\n      element.innerHTML = beautifiedHtml;\n\n      // process the full document\n      const firstDiv = doc.body;\n      const firstDivContent = firstDiv.innerHTML;\n      beautifiedHtml = html_beautify ( firstDivContent, beautifyOptions );\n      beautifiedHtml = HtmlTemplateParser.restoreSpecialElements( beautifiedHtml );\n    }\n   \n   // Prepare path for saving\n  let pageViewPath = currentPage.view;\n  let encodedViewPath = encodeURIComponent(pageViewPath);\n  let saveUrl = `${apibase}apps/${Configuration.appid}/save?path=${encodedViewPath}`;\n\n  // Set flag to prevent reload on file change\n   savedFromNoCodeEditor = true;\n    axios.post( saveUrl, { payload: beautifiedHtml } )\n        .then(  (response) => {\n          // Catch server errors\n          if( response.status != 200 ){\n            showApiErrorAlert( `There was an issue saving your changes (code ${response.status}). If the problem persists please try reloading this window.` );\n            return;\n          }\n          // If editing specific element, do not save css file\n          // To-do: rad full css and merge with edited one\n          if( Configuration.elementid ){\n            let mergedCss = mergeCss( fullDocumentCSS, editedHtmlCss );\n            editedHtmlCss = mergedCss;\n          }else{\n            let fullMergedCss = HtmlTemplateParser.mergeCss( elementIdsInHtmlToEdit, fullDocumentCSSOriginal, editedHtmlCss );\n            editedHtmlCss = fullMergedCss;\n          }\n\n          // Format the CSS\n          let beautifiedCss = HtmlTemplateParser.formatCss( editedHtmlCss );\n          editedHtmlCss = beautifiedCss;\n\n          // The GB back-end doesn't seem to notify (via ws) all changes when multiple files are saved at once\n          // Specifically, tchanges on the html file are not notified if we save the css immediately after.\n          // So we need to wait a bit before saving the css file\n          // To-do: this is a temporary fix, we need to find a better way to handle this. \n          // GB server should notify changes to all files, not just the last one\n          setTimeout( ()=>{\n            let saveCssUrl = `${apibase}apps/${Configuration.appid}/save?path=public/css/autogenerated.css`;\n            axios.post( saveCssUrl, { payload: editedHtmlCss } )\n              .then(  (response) => {\n                savedFromNoCodeEditor = false;\n              } )\n              .catch( (error) => {\n              });\n          }, 1000 );\n          \n        } )\n        .catch( (error) => {\n          // Catch server errors\n          showApiErrorAlert( `There was an issue saving your changes (Network error). If the problem persists please try reloading this window.` );\n        });\n}\n\n\n\n\n// Unsaved changes management\n// ===============================================================================\nfunction clearStoredUnsavedChanges(){\n  let currentPath = currentPage.config.app_path + '/' + currentPage.view;\n  localStorage.removeItem('unsavedChanges__' + currentPath);\n}\n\nfunction 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\nfunction 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 toggleComponentsFrame(){\n  if(editor.Commands.isActive(\"sw-visibility\")){\n      editor.Commands.stop(\"sw-visibility\");\n  }else{\n    editor.runCommand(\"sw-visibility\");\n  }\n}\n\n\n// Messaging with vscode's GB extension\n// ===============================================================================\nfunction openFeedbackPage(){\n    window.parent.postMessage( {command:\"openFeedbackForm\" }, \"*\" );\n    //window.logUserEvent( \"toolbar::click\", { element:\"feedbackForm\" } );\n}\n\nfunction openHelpPage(){\n    window.parent.postMessage( {command:\"openHelpPage\" }, \"*\" );\n    //window.logUserEvent( \"toolbar::click\", { element:\"getSupport\" } );\n}\n\nfunction informNoCodeVersion(){\n    window.parent.postMessage( {command:\"informNoCodeVersion\", metadata:{nocodeVersion:version} }, \"*\" );\n}\n\nfunction showApiErrorAlert(error){\n  window.parent.postMessage( {command:\"showApiErrorAlert\", message:error }, \"*\" );\n}\n\n\n\n// GB API Websocket\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    let isThemeCss = ( filePath.indexOf('css/themes/theme.css' ) > -1 );\n    if( isThemeCss ){\n        return;\n      }\n    \n    if( isThemeCss || (!isAutogeneratedCss && !savedFromNoCodeEditor) ){\n      if( !isSameFile ){\n        setStoredUnsavedChanges();\n      }\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\nfunction onSocketClose(data){\n  statusMonitor.restart(5); // Attempt to restart with some delay\n}\n\n\n\n// External methods (called from other components or contexts)\n// ===============================================================================\nfunction startEditingComponentContent(){\n  const selectedElement = editor.getSelected();\n  //window.logUserEvent(\"component::editNested\", { component: selectedElement.attributes.tagName });\n  window.parent.postMessage( { \n    command:\"editNestedComponent\", \n    appid:searchParams.appid, \n    filepath:searchParams.filepath, \n    ccid: selectedElement.getId()\n  }, \"*\" );\n}\n\nfunction updateRegisteredThemes( themesList ){\n  console.log( '[ThemeEDitor] updateRegisteredThemes', themesList );\n  themes.value = themesList;\n  /* if( themeEditor.value ){\n    themeEditor.value.updateRegisteredThemes( themesList );\n  } */\n}\n\n\ndefineExpose({\n  startEditingComponentContent\n})\n\n\n\n\n\n// Main function (Entry point)\n// ===============================================================================\nfunction init(){\n  informNoCodeVersion();\n\n  window.showUpgradeLicenseDialog = ( showDialog=true )=>{\n    window.parent.postMessage( {command:\"showUpgradeLicenseDialog\", metadata:{ showDialog } }, \"*\" );\n  }\n\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    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          // Set the current page based on the supplied view\n          currentPage = result.data.pages[Configuration.currentPageIndex];\n          let unsavedChanges = getStoredUnsavedChanges();\n          let contentToLoad;\n          if( unsavedChanges ){\n            clearStoredUnsavedChanges();\n            contentToLoad = unsavedChanges.beautifiedHtml;\n            lastSavedHTMLCode = contentToLoad;\n            canvasPanel.value.updateTemplateFile( contentToLoad );\n          }else{\n            let readTemplateFilePath = apibase + 'apps/' + Configuration.appid + '/edit?path=' + encodeURIComponent( currentPage.view );\n            axios.get( readTemplateFilePath ).then( (result) => {\n              // ====== Special case when editing inner element ======\n              \n              if( Configuration.elementid ){\n                const parser = new DOMParser();\n                const doc = parser.parseFromString( result.data.content, 'text/html');\n                fullDocumentHTML = result.data.content;\n                contentToLoad = doc.querySelector( \"#\"+Configuration.elementid).innerHTML;\n                \n                // Load css to merge when saving component\n                let saveCssUrl = `${apibase}apps/${Configuration.appid}/edit?path=public/css/autogenerated.css`;\n                axios.get( saveCssUrl ).then( (result) => {\n                  fullDocumentCSS = result.data.content;\n                }).catch( (error) => {\n                  console.error('error loading full css file: ', saveCssUrl, error);\n                });\n              }else{\n                contentToLoad = result.data.content;\n                let saveCssUrl = `${apibase}apps/${Configuration.appid}/edit?path=public/css/autogenerated.css`;\n                axios.get( saveCssUrl ).then( (result) => {\n                  fullDocumentCSSOriginal = result.data.content;\n                }).catch( (error) => {\n                  console.error('error loading full css file: ', saveCssUrl, error);\n                });\n              }\n              // ====== End of Special case when editing inner element ======\n              \n              lastSavedHTMLCode = contentToLoad;\n              const htmlElementIds = HtmlTemplateParser.extractIdsFromHtml( contentToLoad );\n              console.log( 'htmlElementIds: ', htmlElementIds );\n              elementIdsInHtmlToEdit = htmlElementIds;\n\n              canvasPanel.value.updateTemplateFile( contentToLoad );\n            }).catch( (error) => {\n              console.error('error loading template file: ', readTemplateFilePath, error);\n            });\n          }\n        }, 300 );\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  //window.addEventListener(\"message\", handleIframeMessage);\n}\n\n\n\n// Vue hooks\n// ===============================================================================\nonMounted( ()=>{\n  init();\n} );\n\nonUnmounted(() => {\n  // Remove the event listener when the component is unmounted\n  //window.removeEventListener(\"message\", handleIframeMessage);\n});\n\nfunction onThemeChanged( newCss ){\n  console.log(\"onThemeChanged(): \", newCss.length );\n    let inner = document.querySelector(\".gjs-frame\");\n    if( !inner ){\n      console.log( \"unale to apply them,e to canvas, canvas not ready\")\n      return;\n    }\n    let temporalTheme = inner.contentDocument.getElementById(\"temporalTheme\");\n    \n    if (temporalTheme) {\n      // Update existing style element\n      temporalTheme.textContent = newCss;\n    } else {\n      // Create new style element\n      let cssLinks = inner.contentDocument.querySelectorAll(\"link\");\n      let grapesCanvasElement;\n      cssLinks.forEach(cssLink => {\n        let href = cssLink.getAttribute(\"href\");\n        if (href.endsWith(\"/grapesCanvas.css\")) {\n          grapesCanvasElement = cssLink;\n        }\n      });\n      if( grapesCanvasElement ){\n        addStyledSibling( grapesCanvasElement, newCss );\n      }\n    }\n}\n/* function handleIframeMessage(event) {\n  console.log('handleIframeMessage: ', event);\n  // Check if the message is coming from the expected origin\n  if (event.origin !== \"http://localhost:5173\") return;\n\n  // Process the message\n  console.log(\"Received message from iframe:\", event.data);\n  \n  // theme changed message\n  if (event.data.type === \"themeChanged\") {\n    // Handle theme update\n    console.log(\"Theme_changed:\", event.data);\n    let inner = document.querySelector(\".gjs-frame\");\n    let temporalTheme = inner.contentDocument.getElementById(\"temporalTheme\");\n    \n    if (temporalTheme) {\n      // Update existing style element\n      temporalTheme.textContent = event.data.css;\n    } else {\n      // Create new style element\n      let cssLinks = inner.contentDocument.querySelectorAll(\"link\");\n      let grapesCanvasElement;\n      cssLinks.forEach(cssLink => {\n        let href = cssLink.getAttribute(\"href\");\n        if (href.endsWith(\"/grapesCanvas.css\")) {\n          grapesCanvasElement = cssLink;\n        }\n      });\n      if( grapesCanvasElement ){\n        addStyledSibling( grapesCanvasElement, event.data.css);\n      }\n    }\n  }\n} */\n\nfunction addStyledSibling(element, cssRules) {\n  let newElement = document.createElement('style');\n  newElement.id = \"temporalTheme\";\n  newElement.textContent = cssRules;\n  element.insertAdjacentElement('beforebegin', newElement);\n  return newElement;\n}\n\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\n.topToolBar{\n  width: 400px;\n  justify-content: right;\n  padding: 2px 5px 0px 0px;\n  display: flex;\n  align-items: revert;\n  text-align: right;\n  flex-direction: column;\n}\n\n.leftBar{\n  flex-grow: 1;\n  max-width:300px;\n}\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\n.rightBar{\n  flex-grow: 1;\n  width: 300px;\n  max-height: calc(100% - 0px);\n  overflow-y: auto;\n}\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.fullHeight{\n  height: 100%;\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.topbarButton{\n  padding: 4px 2px 2px;\n  background-color: #cccccc00;\n  border-radius: 4px;\n  margin-left: 4px;\n  cursor: pointer;\n  opacity: 0.5;\n  position: relative;\n}\n\n.topbarButton:hover{\n  opacity: 1;\n}\n\n\n.topbarButton > i{\n  font-size: 20px; padding: 3pxpx;\n  pointer-events: none;\n}\n\n</style>\n\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=2e81d656&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-2e81d656\"]])\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  <Main ref=\"mainController\" msg=\"Genie Builder No-Code Editor\"/>\n</template>\n\n<script setup>\nimport { computed, ref, onMounted } from 'vue'\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\nconst mainController = ref(null);\nprovideVSCodeDesignSystem().register(\n  vsCodeTextField(), \n  vsCodeDropdown(), \n  vsCodeOption(), \n  vsCodeButton(), \n  vsCodeCheckbox()\n);\n\nonMounted( ()=>{\n    init();\n  } );\n\n  function init(){\n    window.mainController = mainController;\n  }\n\n/* export 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  .notProUI{\n    padding: 10px;\n    text-align: center;\n}\n\n\n:root {\n  --sb-track-color: #232E3300;\n  --sb-thumb-color: #cccccc40;\n  --sb-size:8px;\n  /* overflow: hidden; */\n}\n\n:root *::-webkit-scrollbar {\n  width: var(--sb-size) !important;\n}\n\n:root *::-webkit-scrollbar-track {\n  background: var(--sb-track-color) !important;\n  border-radius: 1px !important;\n}\n\n:root *::-webkit-scrollbar-thumb {\n  background: var(--sb-thumb-color) !important;\n  border-radius: 1px !important;\n  \n}\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\n  .Vue-Toastification__toast{\n    background-color: var(--background) !important;\n    color: var(--button-primary-text) !important;\n    padding: 10px 24px !important;\n    min-height: 10px !important;\n    border: solid 1px #cccccc90 !important;\n    box-shadow: 5px 5px 20px #00000080 !important;\n    max-width: 350px !important;\n    min-width:300px !important;\n  }\n  .Vue-Toastification__toast-body{\n    font-size: 13px !important\n  }\n\n  #wsconnectionalert, #wsconnectionalertspacer{\n    display: none;\n  }\n</style>\n","import script from \"./App.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./App.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=363db876&lang=scss\"\n\nconst __exports__ = script;\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","// ===============================================================================\n// Import 3rd party modules\n// ===============================================================================\nimport { createApp } from \"vue\";\nimport Quasar from 'quasar/src/vue-plugin.js';;\nimport Toast from \"vue-toastification\";\nimport \"vue-toastification/dist/index.css\";\nimport quasarUserOptions from \"./quasar-user-options\";\nimport axios from \"axios\";\n\n// ===============================================================================\n// Import local modules\n// ===============================================================================\nimport App from \"./App.vue\";\nimport store from \"./store\";\nimport { loadBlockDefinitions } from \"./utils/blockDefinitions\";\nimport Configuration from \"./utils/Configuration\";\n\nwindow.axios = axios;\n// ===============================================================================\n// Global variables and functions\n// ===============================================================================\nwindow.currentThemeType = \"light\";\nwindow.canvasComponents = {};\n\n\nwindow.addCanvasComponent = function (id, component) {\n  window.canvasComponents[id] = component;\n};\n\n\nwindow.removeCanvasComponent = function (id) {\n  delete window.canvasComponents[id];\n};\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\n\nwindow.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\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\n\n// Custom-components-related functions\n// --------------------------------------------------------------------------------\nwindow.customComponentsCssPaths = [];\nwindow.extractCustomComponentsFromPageAssets = function (componentsList) {\n  let appPath = Configuration.getAppAssetsBaseUrl('http', Configuration.appport);\n  // Add trailing / if not present, since base paths are different in cloud and local\n  if (!appPath.endsWith(\"/\")) {\n    appPath = appPath + '/';\n  }\n  \n  let customComponents = [];\n  for( let componentName in componentsList ){\n    let componentAssets = componentsList[componentName];\n    componentAssets.forEach((asset, index) => {\n      // remove prefix slash if present\n      if (asset.startsWith(\"/\")) {\n        asset = asset.substring(1);\n      }\n      // PArse each asset according to its type\n      if ( asset.endsWith(\"definitions.json\") ){\n        customComponents.push( asset );\n      }else if ( asset.endsWith(\".css\") ){\n        let cssFullPath = appPath + asset;\n        customComponentsCssPaths.push( cssFullPath );\n      }\n    });\n  }\n  console.log( \"[customComponentsPaths::customComponents: \", customComponents );\n  console.log( \"[customComponentsPaths::customComponentsCssPaths: \", customComponentsCssPaths );\n  return customComponents;\n};\n\n\nfunction loadMultipleUrls(urls, successCallback, completeCallback) {\n  const requests = urls.map((url) => fetch(url).then(response => {\n    if (!response.ok) {\n      throw new Error(`Failed to fetch ${url}: ${response.statusText}`);\n    }\n    return response.json();\n  }));\n\n  Promise.all(requests)\n    .then((responses) => {\n      responses.forEach((response) => {\n        // Execute the success callback for each response\n        successCallback(response);\n      });\n    })\n    .catch(error => {\n      console.error('One or more requests failed:', error);\n    })\n    .finally(() => {\n      // Execute the complete callback when all requests have been loaded\n      completeCallback();\n    });\n}\n\n// UX/UI event logging\nwindow.logUserEvent = ( name, data )=>{\n  if( name == undefined || data == undefined ){\n    return;\n  }\n  console.log(`logUserEvent: ${name}`, data);\n  window.parent.postMessage({\n    command: \"logUserEvent\",\n    name: name,\n    data: data\n  }, \n  \"*\");\n}\n\n// MAIN FUNCTION (entrypoint)\n// --------------------------------------------------------------------------------\n\nfunction startNocodeApplication() {\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\n  let expectedParamsList = [\n    \"appid\",\n    \"appport\",\n    \"CHANNEL__\",\n    \"GB_SOURCE\",\n    \"GB_HOST\",\n    \"GB_PORT\",\n    \"USER_EMAIL\",\n    \"SESSIONID\",\n  ];\n  let urlParamsMissing = [];\n  window.searchParams = getSearchParams();\n  let report = \"NCD. URL Params\\n------------------------\";\n  expectedParamsList.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  });\n  Configuration.elementid = searchParams.elementid;\n\n  // Throw error if any param is missing\n  if (urlParamsMissing.length > 0) {\n    let urlParamsMessage = \"Missing URL params: \" + urlParamsMissing.join(\", \");\n    alert(urlParamsMessage);\n    throw new Error(urlParamsMessage);\n  }\n\n  // Set session id header for all requests\n  axios.defaults.headers.common[\"gb-sessionid\"] = `${Configuration.SESSIONID}`;\n\n  // Build API base (used for ajax requests against the GB API)\n  window.apibase = Configuration.getExternalApiBaseUrl(\"http\") + \"api/v1/\";\n\n  // Set the UI Theme\n  window.themeType = \"dark\";\n  if (searchParams.theme == \"light\") {\n    themeType = \"light\";\n  }\n  setTheme(themeType);\n\n  // To-do: the \"pro\" setting should be set by the backend, we need to implement this properly\n  // here's just a quick implementation as a POC\n  Configuration.IS_PRO = searchParams.ispro == \"true\";\n  Configuration.LICENSE_TYPE = searchParams.license_type;\n  Configuration.currentPageIndex = searchParams.pageindex;\n\n  if (!apibase || !Configuration.appid) {\n    return;\n  }\n\n  // Load the list of apps\n  axios\n    .get(apibase + \"apps\")\n    .then((result) => {\n      // Find the requested app\n      let myApp = result.data.applications.find((app) => {\n        return app.id.value.toString() == Configuration.appid;\n      });\n      window.fullAppData = myApp;\n\n      if (myApp != null) {\n        // Get app's current page info\n        axios\n          .get(apibase + \"apps/\" + Configuration.appid + \"/pages\")\n          .then((result) => {\n            let currentPage = result.data.pages[0];\n            // Get custom Component definitions paths from the page assets\n            let customComponents = extractCustomComponentsFromPageAssets(\n              currentPage.gb_components\n            );\n            // Build the final URLs to load the custom components\n            let appPath = Configuration.getAppAssetsBaseUrl('http', Configuration.appport);\n            if (!appPath.endsWith(\"/\")) {\n              appPath = appPath + '/';\n            }\n            customComponents = customComponents.map((customComponent) => {\n              // remove prefix slash if present\n              if (customComponent.startsWith(\"/\")) {\n                customComponent = customComponent.substring(1);\n              }\n              let fullPath = appPath + customComponent;\n\n              return fullPath;\n            });\n\n            let customComponentsDefinitions = [];\n            loadMultipleUrls(\n              customComponents,\n              // for each loaded url\n              (customComponentDef) => {\n                let customBlockDefJsonObject = customComponentDef;\n                let CP = currentPage;\n                let gbPluginId = customBlockDefJsonObject.gbPluginId;\n                let pluginAssets = CP.gb_components[gbPluginId];\n                let iconRelativePath = pluginAssets.find( asset =>{\n                    return asset.endsWith(\"png\");\n                });\n                if( iconRelativePath ){\n                  let iconAbsolutePath = \"{appPath}\" + iconRelativePath;\n                  customBlockDefJsonObject.icon = iconAbsolutePath;\n                }\n                \n                customComponentsDefinitions.push(customBlockDefJsonObject);\n              },\n              // on all urls loaded (on-comple callbak)\n              () => {\n                // Adjust custom block definitions replacing v-mode with model-value\n                customComponentsDefinitions.forEach((customBlockDef) => {\n                  let indexOfVmodel = customBlockDef.properties.findIndex( (prop) => prop.name == \"v-model\" );\n                  let indexOfModelValue = customBlockDef.properties.findIndex( (prop) => prop.name == \"model-value\" );\n                  if( indexOfVmodel > -1 && indexOfModelValue == -1 ){\n                    customBlockDef.properties[indexOfVmodel].name = \"model-value\";\n                  }\n                });\n                \n                // Load normal components and parse normal+custom in the same way\n                loadBlockDefinitions( customComponentsDefinitions, (definitions) => {\n                  window.blockDefinitions = definitions;\n\n                  // Create and mount the Vue app\n                  let app = createApp(App);\n                  const toastOptions = {\n                    position: \"top-right\",\n                    timeout: 50000,\n                    closeOnClick: true,\n                    pauseOnFocusLoss: true,\n                    pauseOnHover: true,\n                    draggable: false,\n                    //draggablePercent: 0.6,\n                    showCloseButtonOnHover: true,\n                    hideProgressBar: true,\n                    closeButton: \"button\",\n                    icon: true,\n                    rtl: false,\n                  };\n                  app.use(Toast, toastOptions);\n                  app.use(Quasar, quasarUserOptions).use(store).mount(\"#app\");\n                });\n              }\n            );\n          })\n          .catch((error) => {\n            console.log(\"error\", error);\n          });\n      }\n    })\n    .catch((error) => {\n      console.log(\"error\", error);\n    });\n}\n\n\n// Call entrypoint\nstartNocodeApplication();\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!./AiCodePanel.vue?vue&type=style&index=0&id=329796f2&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!./ChartPropertiesSection.vue?vue&type=style&index=0&id=6bcc04fe&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!./PropertiesPanel.vue?vue&type=style&index=0&id=12de8ad8&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!./AiHelpPanel.vue?vue&type=style&index=0&id=46c931ab&lang=scss&scoped=true\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAClSURBVHgBvdGxDcIwEAXQfyb0l2SBMAwFXTYgmxAmQZmCgliMQiZAqSFwYCNFwrKwSZFffuv5FwfMEWnz0u1UhINo3oEe7PZJFBSqsZAU/8RAaVMRnR187yq4aPJUTTT+gkCPYejkyEUQO9CEsaQLElUFMW5ocJeVXRx/pD2tr3UQ06bv3jco7OIP6MWfVm1D0Bs5M9vznLJ4NGKdV5OgxS2XmCMvSbFEdymcOPUAAAAASUVORK5CYII=\"","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=7460bacc&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!./CanvasPanel.vue?vue&type=style&index=0&id=4e6e2469&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!./PropertiesPanel.vue?vue&type=style&index=1&id=12de8ad8&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!./Tabs.vue?vue&type=style&index=0&id=19c808a0&lang=css\"","\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                                if( attrName.startsWith('gb_c__') )\n                                    try{\n                                        attributeValue = atob(attributeValue)\n                                    } catch(e){\n                                        console.log(\"plotlyComponent :: Error decoding base64 string: \", e);\n                                        attributeValue = \"{}\";\n                                    }\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--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=457e8d62&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!./BindingsConnector.vue?vue&type=style&index=0&id=704c43b8&scoped=true&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!./ColorPicker.vue?vue&type=style&index=0&id=1eff6db5&scoped=true&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!./ThemeEditor.vue?vue&type=style&index=0&id=772479b2&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!./App.vue?vue&type=style&index=0&id=363db876&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=4e6e2469&lang=css\""],"sourceRoot":""}
\ No newline at end of file