@milaboratories/graph-maker 1.1.207 → 1.1.209

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/components/Chart.vue.d.ts +1 -0
  2. package/dist/components/Chart.vue.d.ts.map +1 -1
  3. package/dist/components/Chart.vue.js +164 -196
  4. package/dist/components/Chart.vue.js.map +1 -1
  5. package/dist/components/{Loading.vue.d.ts → GraphStatusScreen.vue.d.ts} +8 -6
  6. package/dist/components/GraphStatusScreen.vue.d.ts.map +1 -0
  7. package/dist/components/GraphStatusScreen.vue.js +10 -0
  8. package/dist/components/GraphStatusScreen.vue.js.map +1 -0
  9. package/dist/components/GraphStatusScreen.vue2.js +68 -0
  10. package/dist/components/GraphStatusScreen.vue2.js.map +1 -0
  11. package/dist/components/GraphStatusScreen.vue3.js +11 -0
  12. package/dist/components/GraphStatusScreen.vue3.js.map +1 -0
  13. package/dist/components/LassoControls/index.vue.d.ts +1 -0
  14. package/dist/components/LassoControls/index.vue.d.ts.map +1 -1
  15. package/dist/components/LassoControls/index.vue.js +7 -91
  16. package/dist/components/LassoControls/index.vue.js.map +1 -1
  17. package/dist/components/LassoControls/index.vue2.js +136 -2
  18. package/dist/components/LassoControls/index.vue2.js.map +1 -1
  19. package/dist/components/LassoControls/index.vue3.js +27 -0
  20. package/dist/components/LassoControls/index.vue3.js.map +1 -0
  21. package/dist/components/SettingsTabs/index.vue.d.ts +1 -1
  22. package/dist/components/SettingsTabs/index.vue.d.ts.map +1 -1
  23. package/dist/components/SettingsTabs/index.vue.js +77 -32
  24. package/dist/components/SettingsTabs/index.vue.js.map +1 -1
  25. package/dist/index.js +1 -1
  26. package/dist/index.vue.d.ts.map +1 -1
  27. package/dist/index.vue.js +152 -143
  28. package/dist/index.vue.js.map +1 -1
  29. package/dist/store.d.ts.map +1 -1
  30. package/dist/store.js +61 -61
  31. package/dist/store.js.map +1 -1
  32. package/package.json +2 -2
  33. package/dist/components/Loading.vue.d.ts.map +0 -1
  34. package/dist/components/Loading.vue.js +0 -37
  35. package/dist/components/Loading.vue.js.map +0 -1
  36. package/dist/components/Loading.vue2.js +0 -5
  37. package/dist/components/Loading.vue2.js.map +0 -1
package/dist/index.vue.js CHANGED
@@ -1,30 +1,30 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(`.graph-maker .settings-tabs{display:flex;flex-direction:column;border-radius:6px;border:1px solid var(--color-div-grey);background:var(--bg-elevated-01);z-index:1}.graph-maker .settings-tabs>div{--divider-display: block;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px}.graph-maker .settings-tabs>div:after{content:"";position:absolute;bottom:0;left:8px;right:8px;border-bottom:1px solid var(--color-div-grey);display:var(--divider-display)}.graph-maker .settings-tabs>div:last-child{--divider-display: none}.graph-maker .settings-tabs>div.active{border-radius:6px;border:1px solid var(--color-border-default);background:var(--btn-switcher-bg);box-shadow:var(--btn-shape-shadow)}.graph-maker .settings-tabs>div.active svg:not(.export-icon) path{fill:var(--color-ic-01)}.graph-maker .settings-tabs>div:not(.active){cursor:pointer}.graph-maker .settings-tabs>div.last{margin-top:auto;border-top:1px solid var(--color-div-grey);border-bottom:0}.graph-maker .settings-tabs>div.temp-inactive{pointer-events:none}.graph-maker .settings-tabs>div.temp-inactive.template svg path,.graph-maker .settings-tabs>div.temp-inactive.axes svg path,.graph-maker .settings-tabs>div.temp-inactive.dataMapping svg path,.graph-maker .settings-tabs>div.temp-inactive.statistics svg path,.graph-maker .settings-tabs>div.temp-inactive.layers svg path{fill:var(--color-div-grey)}.graph-maker .settings-tabs>div.temp-inactive.export svg path{stroke:var(--color-div-grey)}.graph-maker{position:relative;display:flex;background-color:#fff;height:100%;padding:12px;overflow:hidden}.graph-maker__main-pane{position:relative;overflow:hidden;width:100%;z-index:1}.graph-maker__loading{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;justify-content:center;align-items:center}.graph-maker__loading .loading-picture{width:160px;height:124px;display:flex;flex-direction:column;align-items:center}.graph-maker__loading .loading-progress-bar{width:100%;height:4px;border-radius:6px;margin-top:40px;background:#fff;position:relative;overflow:hidden}.graph-maker__loading .loading-progress-bar .moving-dash{height:4px;width:80px;position:absolute;left:0;background:var(--bg-elevated-02);transform:translate(-80px);animation:moving-to-right 2s infinite linear}@keyframes moving-to-right{0%{transform:translate(-80px)}to{transform:translate(160px)}}.graph-maker .settings-tabs{margin-left:auto;align-self:start}.graph-maker .chart_container{position:relative;padding:12px 24px 0 12px;height:100%;width:100%;display:flex;flex-direction:column}.graph-maker .chart_container .chart_header{display:flex;margin-bottom:16px;max-width:100%}.graph-maker .chart_container .chart_titleEdit{margin-top:11px;margin-left:-24px;opacity:0;pointer-events:none}.graph-maker .chart_container .chart_header:hover .chart_titleEdit,.graph-maker .chart_container .chart_header:focus-within .chart_titleEdit{opacity:1}.graph-maker .chart_container .chart_title{font-family:var(--font-family-base);font-weight:var(--font-weigh-base);font-size:28px;height:40px;border:none;outline:none;text-overflow:ellipsis;margin-left:-2px;padding-right:28px;cursor:pointer;field-sizing:content;background:transparent}.graph-maker .chart_container .chart_title:disabled{cursor:default}.graph-maker .chart_container .chart_titleLineSlot{display:flex;margin-left:auto;align-content:center}.graph-maker .chart_container .chart_tooltipHint{position:fixed;left:50%;transform:translate(-85px);animation:tooltipAppears .2s linear}.graph-maker .chart_container .chart_controls{position:absolute;left:12px;bottom:12px;display:flex}@keyframes tooltipAppears{0%{transform:translate(-85px,-40px)}to{transform:translate(-85px)}}.graph-maker .chart_container .chart_tabBy{width:max-content;min-width:200px;margin-top:24px}.graph-maker .chart_container .chart_main-content{display:flex;width:100%;height:100%;overflow:auto;padding-bottom:40px;position:relative}.graph-maker .chart_container .chart_main-content__dendro{padding-top:24px}.graph-maker .chart_container .chart_main-content__dendro .dendro-table{position:relative;margin-top:-3px;flex-shrink:0;z-index:0}.graph-maker .chart_container .chart_main-content__dendro .dendro-table .ag-center-cols-viewport{min-height:unset!important}.graph-maker .chart_container .chart_main-content #chartSvgContainer{flex-shrink:0;width:100%;height:100%;position:relative}.graph-maker .chart_container .chart_main-content #chartSvgContainer svg{outline:none}.graph-maker .chart_container .chart_main-content #chartSvgContainer .chart_ready{width:max-content;height:max-content}.graph-maker .chart_container .chart_main-content #chartSvgContainer.chart_loading{overflow:hidden}.graph-maker .chart_container .chart_main-content #chartSvgContainer.chart_activeLassoSelection .miplots-scatterplot-plot-area{cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LC00KSI+CiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8xNjcwNF8yMjc1NSkiPgogICAgICAgICAgICA8cGF0aCBkPSJNMTYuMTQ2NiA1Ljk2NTY5TDguODA0MzMgNS4wOTU2NkM2LjY1MDQ3IDQuODUxNjIgNC44MzYxMyA2LjY2NTk2IDUuMDgwMTYgOC44MTk4Mkw1Ljk1MDIgMTYuMTQwOEM2LjI0NzI4IDE4LjY0NDggNy41MzExMSAxOS42OTUyIDkuOTcxNDUgMTkuNDYxOEwxMi43NzI1IDE5LjI5MjFMMTMuOTE4NCAyMS4xMTdDMTQuMzc0NyAyMS44NDkxIDE1LjEzODYgMjIuMzM3MiAxNi4wMTkyIDIyLjQzMjdDMTYuOTMxNyAyMi41Mzg4IDE3Ljg3NiAyMi4yMzExIDE4LjU5NzUgMjEuNTk0NUMxOC42NTA2IDIxLjU0MTQgMTguNzE0MiAyMS40OTkgMTguNzY3MyAyMS40NDU5TDIxLjQ0MSAxOC43NzIyQzIyLjIwNSAxOC4wMDgyIDIyLjU3NjMgMTcuMDIxNSAyMi40ODA4IDE2LjA3NzJDMjIuMzg1MyAxNS4xOTY1IDIxLjkwNzkgMTQuNDQzMiAyMS4xMzMzIDEzLjk0NDVMMTkuMzI5NiAxMi43OTg2TDE5LjQ3ODIgOS45NzYzM0MxOS42MzczIDcuNDQwNSAxOC42NTA2IDYuMjQxNTUgMTYuMTU3MiA1Ljk1NTA4TDE2LjE0NjYgNS45NjU2OVoiIGZpbGw9IndoaXRlIi8+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIGQ9Ik0yMC42MzE5IDE3Ljk4NzVMMTcuOTM3IDIwLjY4MjVDMTcuMzY0IDIxLjE3MDUgMTYuNzM4IDIxLjM5MzMgMTYuMTMzMiAyMS4zMTkxQzE1LjYwMjcgMjEuMjU1NCAxNS4xMjUzIDIwLjk2ODkgMTQuODYgMjAuNTMzOUwxMy4zNjQgMTguMTQ2Nkw5Ljg5NDQ2IDE4LjM0ODJDOC4wMjcwNyAxOC41MzkyIDcuMjg0MzYgMTcuOTIzOCA3LjA2MTU0IDE2LjAyNDZMNi4yMDIxMiA4LjY5Mjk4QzYuMTE3MjQgOC4wMTM5MyA2LjM1MDY2IDcuMzM0ODggNi44Mzg3MyA2Ljg0NjgyQzcuMzI2OCA2LjM1ODc1IDcuOTk1MjQgNi4xMzU5MyA4LjY4NDkgNi4yMTAyMUwxNi4wMjcxIDcuMDgwMjRDMTcuOTI2MyA3LjMwMzA1IDE4LjQ2NzUgNy45NTAyNyAxOC4zNTA4IDkuOTEzMTVMMTguMTU5OCAxMy4zOTMzTDIwLjUyNTggMTQuODg5M0MyMS4wMTM5IDE1LjIwNzYgMjEuMzAwNCAxNS42NjM5IDIxLjM2NCAxNi4xOTQ0QzIxLjQyNzcgMTYuODA5OCAyMS4xNjI0IDE3LjQ1NyAyMC42NDI2IDE3Ljk3NjlMMjAuNjMxOSAxNy45ODc1Wk0xNy40NDg5IDIwLjEwOTVMMjAuMTEyIDE3LjQ0NjRDMjAuNDcyOCAxNy4wODU2IDIwLjY1MzIgMTYuNjUwNiAyMC42MTA3IDE2LjI2ODZDMjAuNTc4OSAxNS45NjA5IDIwLjQwOTEgMTUuNzA2MyAyMC4xMTIgMTUuNTE1M0wxNy4zNzQ2IDEzLjc5NjVMMTcuNTg2OCA5Ljg3MDcxQzE3LjY3MTcgOC4zMjE2MyAxNy40MTcxIDguMDAzMzIgMTUuOTIxIDcuODIyOTVMOC41Nzg4IDYuOTUyOTJDNy42NjYzMiA2Ljg0NjgyIDYuODI4MTIgNy42ODUwMiA2Ljk0NDgzIDguNTg2ODhMNy44MDQyNiAxNS45MTg1QzcuOTg0NjMgMTcuNDE0NSA4LjM1NTk4IDE3LjcyMjIgOS44MzA4IDE3LjU4NDNMMTMuNzQ1OSAxNy4zNjE1TDE1LjQ4NiAyMC4xMjAxQzE1LjY0NTIgMjAuMzY0MiAxNS44OTk4IDIwLjUzMzkgMTYuMjA3NSAyMC41NjU4QzE2LjU4OTUgMjAuNjA4MiAxNy4wMjQ1IDIwLjQ0OSAxNy40Mjc3IDIwLjEwOTVIMTcuNDQ4OVoiIGZpbGw9ImJsYWNrIi8+CiAgICAgICAgPHBhdGggZD0iTTEwLjg4MzkgMTAuODg4NUMxMC43MzU0IDExLjAzNzEgMTAuNTAxOSAxMS4wMzcxIDEwLjM1MzQgMTAuODg4NUw2Ljg0MTQzIDcuMzc2NThDNi42OTI4OCA3LjIyODA0IDYuNjkyODggNi45OTQ2MiA2Ljg0MTQzIDYuODQ2MDdDNi45ODk5NyA2LjY5NzUzIDcuMjIzMzkgNi42OTc1MyA3LjM3MTkzIDYuODQ2MDdMMTAuODgzOSAxMC4zNThDMTEuMDMyNCAxMC41MDY2IDExLjAzMjQgMTAuNzQgMTAuODgzOSAxMC44ODg1WiIgZmlsbD0iYmxhY2siLz4KICAgICAgICA8ZGVmcz4KICAgICAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyMF9kXzE2NzA0XzIyNzU1IiB4PSIzLjA1ODU5IiB5PSI1LjA3MzI0IiB3aWR0aD0iMTkuNDM3NSIgaGVpZ2h0PSIxOS4zNzk5IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgogICAgICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CiAgICAgICAgICAgICAgICA8ZmVPZmZzZXQgZHg9Ii0xIiBkeT0iMSIvPgogICAgICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC41Ii8+CiAgICAgICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KICAgICAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjIgMCIvPgogICAgICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTY3MDRfMjI3NTUiLz4KICAgICAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzE2NzA0XzIyNzU1IiByZXN1bHQ9InNoYXBlIi8+CiAgICAgICAgICAgIDwvZmlsdGVyPgogICAgICAgIDwvZGVmcz4KICAgIDwvZz4KPC9zdmc+) 0 0,pointer}.graph-maker{--modal-shadow: 0 6px 24px -2px rgba(15, 36, 77, .08), 0px 4px 12px -2px rgba(15, 36, 77, .08)}.graph-maker .panel-modal{position:absolute;top:0;right:6px;bottom:6px;display:flex;flex-direction:column;margin:0;min-width:304px;border-radius:6px;border:1px solid var(--color-div-grey);background:var(--bg-elevated-01);z-index:1;box-shadow:var(--modal-shadow)}.graph-maker .panel-modal .close-panel-modal{position:absolute;top:4px;right:4px}.graph-maker .panel-modal h3{color:var(--txt-01);font-size:20px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-.2px;margin:0;font-family:var(--font-family-base);cursor:default}.graph-maker .panel-modal .inputs-block{height:100%;display:flex;flex-direction:column;overflow:auto;overflow-x:hidden;padding:0 32px;margin:32px -32px 0}.graph-maker .panel-modal .input-item{min-width:256px;margin:12px 0}.graph-maker .panel-modal .data-form-input-item{min-width:256px;margin:6px 0 0}.graph-maker .panel-modal .aes-input-row{display:flex;margin-bottom:12px}.graph-maker .panel-modal .aes-input-row .aes-input-select{width:100%}.graph-maker .panel-modal .aes-input-row .ui-aes-button{margin-left:8px}.graph-maker .panel-modal .checkbox-item{margin:12px 0;display:flex;align-items:center}.graph-maker .panel-modal .checkbox-item span{font-family:var(--font-family-base);margin-left:8px;font-size:var(--font-size-base);color:var(--txt-01)}.graph-maker .panel-modal .button-group-item{margin:24px 0}.graph-maker .panel-modal .section-title{color:var(--txt-03);font-family:var(--font-family-base);font-size:11px;letter-spacing:.44px;font-style:normal;font-weight:500;line-height:12px;text-transform:uppercase;background:linear-gradient(transparent 0%,transparent calc(50% - .5px),var(--color-div-grey) calc(50% - .5px),var(--color-div-grey) calc(50% + .5px),transparent calc(50% + .5px))}.graph-maker .panel-modal .section-title span{background-color:#fff;padding-right:8px}.graph-maker .panel-modal .section-description{color:var(--txt-03);font-family:var(--font-family-base);font-size:12px;line-height:16px;margin-top:4px}.graph-maker .panel-modal .data-form{height:100%;overflow:hidden;display:flex}.graph-maker .panel-modal .data-form .left-block,.graph-maker .panel-modal .data-form .right-block{height:100%;overflow:hidden;display:flex;flex-direction:column;padding:16px 24px;max-width:320px}.graph-maker .panel-modal .data-form .left-block{width:320px}.graph-maker .panel-modal .data-form .separator{position:relative;width:0;border:.5px solid var(--color-div-grey)}.graph-maker .panel-modal .data-form .separator .arrow-circle{width:32px;height:32px;border-radius:32px;border:1px solid var(--color-div-grey);position:absolute;top:11px;left:-16px;background:#fff;display:flex;align-items:center;justify-content:center}.graph-maker .panel-modal .data-form .separator .mask{position:static;cursor:default;background-color:var(--txt-01)}.graph-maker .panel-modal .data-form .separator .mask:hover{background-color:var(--txt-01)}.graph-maker .panel-modal .data-form .metadata-block{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weigh-base);margin:24px -32px 0;padding:0 32px;display:flex;flex-direction:column;overflow:hidden}.graph-maker .panel-modal .data-form .metadata-block .title{margin-bottom:8px;cursor:default}.graph-maker .panel-modal .data-form .metadata-block .metadata-item{margin:3px 0}.graph-maker .panel-modal .data-form .metadata-block__items{display:flex;flex-direction:column;overflow:auto;padding-right:8px;margin-right:-8px}.graph-maker .panel-modal .data-form .metadata-block__search{margin-bottom:16px}.graph-maker .panel-modal .stat-form{height:100%;overflow:auto;display:flex;flex-direction:column;padding:16px 24px}.graph-maker .panel-modal .stat-form .section-title{margin:20px 0 12px}.graph-maker .panel-modal .template-form{height:100%;display:flex;overflow:hidden;flex-direction:column}.graph-maker .panel-modal .template-form .template-title{padding:16px 24px 8px}.graph-maker .panel-modal .template-form .template-list{padding:24px 0;overflow:auto}.graph-maker .panel-modal .template-form .template-item{font-family:var(--font-family-base);height:40px;padding:0 24px;display:flex;align-items:center;position:relative;cursor:pointer}.graph-maker .panel-modal .template-form .template-item .checkmark{margin-left:auto;display:none}.graph-maker .panel-modal .template-form .template-item:hover,.graph-maker .panel-modal .template-form .template-item.selected{background-color:var(--color-active-select)}.graph-maker .panel-modal .template-form .template-item.selected .checkmark{display:block}.graph-maker .panel-modal .template-form .inline-icon{margin-right:8px}.graph-maker .panel-modal .settings-form{height:100%;display:flex;overflow:hidden;flex-direction:column}.graph-maker .panel-modal .settings-form .settings-title{padding:16px 24px 8px}.graph-maker .panel-modal .settings-form .settings-list{display:flex;flex-direction:column;padding:24px;gap:16px}.graph-maker .panel-modal .layers-form,.graph-maker .panel-modal .axes-form{height:100%;overflow:hidden;display:flex;flex-direction:column;font-family:var(--font-family-base)}.graph-maker .panel-modal .layers-form .layers-title,.graph-maker .panel-modal .layers-form .axes-title,.graph-maker .panel-modal .axes-form .layers-title,.graph-maker .panel-modal .axes-form .axes-title{padding:16px 24px}.graph-maker .panel-modal .layers-form .section-title,.graph-maker .panel-modal .axes-form .section-title{margin-bottom:24px}.graph-maker .panel-modal .axes-form{max-width:320px}.graph-maker .panel-modal .layers-form{max-width:345px}.graph-maker .panel-modal .layers-list,.graph-maker .panel-modal .axes-settings-list{overflow:auto;height:100%}.graph-maker .panel-modal .axes-form{width:100%}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-input{margin:24px 0}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-row{margin:24px 0;height:20px}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-options-row{margin:24px 0;font-size:var(--font-size-base);display:flex;justify-content:space-between;align-items:center}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-options-row.block{display:block}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-options-row.table{border-bottom:1px solid var(--color-div-grey);padding:8px 0;margin:0}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-options-row.table:last-of-type{border-bottom:none;margin-bottom:16px}.graph-maker .panel-modal .axes-form .axes-settings-list .other{padding:0 24px 8px;border-top:1px solid var(--color-div-grey)}.graph-maker .panel-modal .collapsable-block-container{border-top:1px solid var(--color-div-grey);max-height:100vh;transition:max-height .3s;--title-height: 48px}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:600;height:var(--title-height);padding:0 24px;display:flex;align-items:center;position:relative;cursor:pointer;background-color:transparent;transition:background-color .3s}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title:before{position:absolute;content:"";top:0;left:0;right:0;bottom:0;opacity:.5;background:linear-gradient(var(--color-active-select) 0,#fff var(--title-height));transition:opacity .3s;z-index:0}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title svg,.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title span{z-index:0}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title span{margin-left:8px}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-content{padding:24px;background-color:transparent;transition:background-color .3s}.graph-maker .panel-modal .collapsable-block-container.minimized{overflow:hidden;max-height:var(--title-height)}.graph-maker .panel-modal .collapsable-block-container.minimized .collapsable-block-title{background-color:var(--bg-base-light)}.graph-maker .panel-modal .collapsable-block-container.minimized .collapsable-block-title:before{opacity:0}.graph-maker .panel-modal .collapsable-block-container.minimized .collapsable-block-content{background-color:var(--bg-base-light)}.graph-maker .panel-modal .collapsable-block-container.maximized{overflow:visible;animation:.3s delay-overflow}@keyframes delay-overflow{0%{overflow:hidden}}.graph-maker .btn-icon-group{display:inline-flex;--size: 32px}.graph-maker .btn-icon-group .btn-icon-group__option{width:var(--size);height:var(--size);display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--color-dis-01)}.graph-maker .btn-icon-group .btn-icon-group__option.active{color:var(--main-dark-color)}.fixed-aes-list{display:flex;flex-wrap:wrap;overflow:auto;padding:20px}.fixed-aes-list__rows{flex-wrap:nowrap;flex-direction:column;flex-shrink:1;flex-basis:100%;padding:16px}.fixed-aes-list .color-item{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:3px;margin:6px;position:relative;cursor:pointer}.fixed-aes-list .color-item:after{content:"";position:absolute;top:-4px;left:-4px;width:32px;height:32px;border:1px solid var(--color-ic-01);border-radius:6px;opacity:0}.fixed-aes-list .color-item:hover:after{opacity:1}.fixed-aes-list .color-item.border{background:var(--color-ic-00);border:3px solid}.fixed-aes-list .color-item.border:after{top:-7px;left:-7px}.fixed-aes-list .color-item.white,.fixed-aes-list .color-item.empty{border:1px solid var(--color-div-grey)}.fixed-aes-list .color-item.white:after,.fixed-aes-list .color-item.empty:after{top:-5px;left:-5px}.fixed-aes-list .color-item.white.white.border:before,.fixed-aes-list .color-item.empty.white.border:before{content:"";position:absolute;top:1px;left:1px;width:20px;height:20px;border:1px solid var(--color-div-grey);border-radius:1px}.fixed-aes-list .color-item.empty{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H4V4H0V0ZM8 4H4V8H0V12H4V16H0V20H4V16H8V20H12V16H16V20H20V16H16V12H20V8H16V4H20V0H16V4H12V0H8V4ZM8 8V4H12V8H8ZM8 12V16H12V12H16V8H12V12H8ZM8 12H4V8H8V12Z" fill="%23E1E3EB"/></svg>') no-repeat center}.fixed-aes-list .color-item .checkmark{display:none}.fixed-aes-list .color-item.selected:after{opacity:1}.fixed-aes-list .color-item.selected .checkmark{display:block}.fixed-aes-list .row-item{width:100%;height:32px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:6px;border:1px solid transparent}.fixed-aes-list .row-item:hover{background-color:var(--color-sec-hover-grey)}.fixed-aes-list .row-item__selected{background-color:transparent;border-color:var(--color-ic-01);cursor:default;pointer-events:none}.fixed-aes-list .row-item__title{margin-right:8px;font-size:var(--font-size-base)}.fixed-aes-list .row-item__line{width:120px;height:100%}.graph-maker .aes-settings-form{position:absolute;top:-1px;right:-1px;bottom:-1px;width:368px;margin:0;background:#fff;display:flex;flex-direction:column;border-radius:6px;font-family:var(--font-family-base);overflow:hidden;z-index:1;border:1px solid var(--color-div-grey);box-shadow:var(--modal-shadow)}.graph-maker .aes-settings-form__header{padding:16px 24px 0}.graph-maker .aes-settings-form__header .back-link{margin:0 0 8px -8px;cursor:pointer;font-size:var(--font-size-base);display:flex;align-items:center}.graph-maker .aes-settings-form__header .back-link .inline-icon{margin-right:8px}.graph-maker .aes-settings-form__header h3{margin:24px 0}.graph-maker .aes-settings-form .type-color-selector{margin:8px 0 32px}.graph-maker .aes-settings-form .aes-mapping-block{overflow:hidden;display:flex;flex-direction:column}.graph-maker .aes-settings-form .palettes-groups{padding:0 24px;overflow:auto}.graph-maker .aes-settings-form .palettes-groups .palettes-list{margin:24px 0}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette{display:flex;height:40px;padding:8px 12px;align-items:center;justify-content:space-between;font-size:var(--font-size-base);cursor:pointer;border-radius:6px;border:1px solid transparent}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette:hover{background-color:var(--color-sec-hover-grey)}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette.selected{border-color:var(--color-ic-01);cursor:default;pointer-events:none}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette .palette-gradient{height:24px;min-width:196px;border-radius:3px;display:flex;overflow:hidden}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette .palette-gradient__item{flex-basis:100%;border-right:.5px solid white;border-left:.5px solid white}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette .palette-gradient__item:first-child{border-left:none}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette .palette-gradient__item:last-child{border-right:none}.graph-maker .aes-settings-form .aes-settings-hint{padding:0 24px;font-family:var(--font-family-base);font-size:12px;color:var(--txt-03)}.graph-maker .aes-settings-form .column-values-list{overflow:auto;padding:8px 24px 24px;--contour-color: var(--color-focus);--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-focus-shadow)}.graph-maker .aes-settings-form .column-values-list .column-value{display:flex;min-height:40px;align-items:center;padding-left:12px;padding-right:2px;border-radius:var(--border-radius-control);border:1px solid var(--color-div-grey);margin-bottom:6px;background-color:var(--color-ic-00)}.graph-maker .aes-settings-form .column-values-list .column-value__reorder-icon{padding:12px;margin-right:-4px;margin-left:-12px;cursor:pointer}.graph-maker .aes-settings-form .column-values-list .column-value:last-child{margin-bottom:0}.graph-maker .aes-settings-form .column-values-list .column-value__aes-group{margin-left:auto;flex-shrink:0;display:flex;align-items:center}.graph-maker .aes-settings-form .column-values-list .column-value__aes{width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:var(--color-ic-00);border-radius:var(--border-radius-control)}.graph-maker .aes-settings-form .column-values-list .column-value__aes.aes__selected{border:var(--contour-border-width) solid var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:1}.graph-maker .aes-settings-form .column-values-list .column-value__with-reorder .column-value__aes{cursor:default}.graph-maker .aes-settings-form .column-values-list .column-value__title{overflow:hidden;text-overflow:ellipsis;margin-right:8px;line-height:24px}.graph-maker .aes-settings-form .column-values-list .column-value__color{width:18px;height:18px;border-radius:3px}.ui-multiselect-button{--contour-color: var(--txt-01);--label-color: var(--txt-01);--contour-border-width: 1px;--contour-box-shadow: none;--label-offset-left-x: 8px;--label-offset-right-x: 8px;width:100%;min-height:var(--control-height);position:relative;border-radius:var(--border-radius-control);display:flex;flex-direction:row;align-items:center;outline:none;cursor:pointer}.ui-multiselect-button__envelope{font-family:var(--font-family-base)}.ui-multiselect-button label{display:flex;align-items:center;position:absolute;top:0;transform:translateY(-60%);left:var(--label-offset-left-x);padding:0 4px;max-width:calc(100% - 16px);overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:inherit;color:var(--label-color);font-size:12px;font-weight:500}.ui-multiselect-button__contour{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);border-style:solid;box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.ui-multiselect-button__content{padding:8px 12px;display:flex;align-items:center;flex-basis:100%;font-size:var(--font-size-base)}.ui-multiselect-button__content .title{margin-right:auto}.ui-multiselect-button__content .gradient{height:18px;min-width:113px;border-radius:3px;display:flex;overflow:hidden}.ui-multiselect-button__content .gradient__item{flex-basis:100%;border-right:.5px solid white;border-left:.5px solid white}.ui-multiselect-button__content .gradient__item:first-child{border-left:none}.ui-multiselect-button__content .gradient__item:last-child{border-right:none}.ui-multiselect-button__content .icon{margin-left:8px;background-color:var(--color-ic-01);position:relative}.ui-multiselect-button__content .icon__fill,.ui-multiselect-button__content .icon__stroke{width:18px;height:18px;border-radius:3px;margin:0 4px}.ui-multiselect-button__content .icon__stroke{background:none;border:3px solid}.ui-multiselect-button__content .icon__stroke.icon__white:before{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border:1px solid var(--color-div-grey);border-radius:1px}.ui-multiselect-button__content .icon__white,.ui-multiselect-button__content .icon__empty{border:1px solid var(--color-div-grey)}.ui-multiselect-button__content .icon__white:after,.ui-multiselect-button__content .icon__empty:after{top:-5px;left:-5px}.ui-multiselect-button__content .icon__empty{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H4V4H0V0ZM8 4H4V8H0V12H4V16H0V20H4V16H8V20H12V16H16V20H20V16H16V12H20V8H16V4H20V0H16V4H12V0H8V4ZM8 8V4H12V8H8ZM8 12V16H12V12H16V8H12V12H8ZM8 12H4V8H8V12Z" fill="%23E1E3EB"/></svg>') no-repeat center}.ui-aes-button{--contour-color: var(--txt-01);--label-color: var(--txt-01);--contour-border-width: 1px;--contour-box-shadow: none;width:var(--control-height);height:var(--control-height);position:relative;border-radius:var(--border-radius-control);display:flex;flex-shrink:0;flex-direction:row;align-items:center;justify-content:center;outline:none;cursor:pointer;font-family:var(--font-family-base)}.ui-aes-button .icon{position:relative}.ui-aes-button .icon__fill,.ui-aes-button .icon__stroke{width:18px;height:18px;border-radius:3px;margin:0 4px}.ui-aes-button .icon__stroke{background:none;border:3px solid}.ui-aes-button .icon__stroke.icon__white:before{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border:1px solid var(--color-div-grey);border-radius:1px}.ui-aes-button .icon__white,.ui-aes-button .icon__empty{border:1px solid var(--color-div-grey)}.ui-aes-button .icon__white:after,.ui-aes-button .icon__empty:after{top:-5px;left:-5px}.ui-aes-button .icon__empty{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H4V4H0V0ZM8 4H4V8H0V12H4V16H0V20H4V16H8V20H12V16H16V20H20V16H16V12H20V8H16V4H20V0H16V4H12V0H8V4ZM8 8V4H12V8H8ZM8 12V16H12V12H16V8H12V12H8ZM8 12H4V8H8V12Z" fill="%23E1E3EB"/></svg>') no-repeat center}.dot{width:24px;height:24px}.dot__0{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="6" y="6" width="12" height="12" stroke="%23110529"/></svg>') no-repeat center}.dot__5{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 5L19 12L12 19L5 12L12 5Z" stroke="%23110529"/></svg>') no-repeat center}.dot__1{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="6" stroke="%23110529"/></svg>') no-repeat center}.dot__2{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 6L19 18H5L12 6Z" stroke="%23110529"/></svg>') no-repeat center}.dot__6{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 18L19 6H5L12 18Z" stroke="%23110529"/></svg>') no-repeat center}.dot__7{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 5.5H5.5V6V18V18.5H6H18H18.5V18V6V5.5H18H6ZM6.5 7.20711V16.7929L11.2929 12L6.5 7.20711ZM7.20711 17.5H16.7929L12 12.7071L7.20711 17.5ZM17.5 16.7929V7.20711L12.7071 12L17.5 16.7929ZM16.7929 6.5H7.20711L12 11.2929L16.7929 6.5Z" fill="%23110529"/></svg>') no-repeat center}.dot__9{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.3536 4.6464L12.0001 4.29285L11.6465 4.6464L4.64652 11.6464L4.29297 12L4.64652 12.3535L11.6465 19.3535L12.0001 19.7071L12.3536 19.3535L19.3536 12.3535L19.7072 12L19.3536 11.6464L12.3536 4.6464ZM6.20718 12.5L11.5001 17.7928V12.5H6.20718ZM12.5001 17.7928L17.793 12.5H12.5001V17.7928ZM17.793 11.5L12.5001 6.20706V11.5H17.793ZM11.5001 6.20706L6.20718 11.5H11.5001V6.20706Z" fill="%23110529"/></svg>') no-repeat center}.dot__3{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 6V12M12 18V12M12 12H18M12 12H6" stroke="%23110529"/></svg>') no-repeat center}.dot__4{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17 7L12 12M12 12L7 17M12 12L17 17M12 12L7 7" stroke="%23110529"/></svg>') no-repeat center}.dot__8{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.7924 11.5L6.69625 7.40385L7.40336 6.69674L11.5 10.7934V5H12.5V10.7925L16.5957 6.69674L17.3029 7.40385L13.2067 11.5H19V12.5H13.2066L17.3029 16.5962L16.5957 17.3033L12.5 13.2076V19H11.5V13.2067L7.40336 17.3033L6.69625 16.5962L10.7925 12.5H5V11.5H10.7924Z" fill="%23110529"/></svg>') no-repeat center}.dot__12{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 5.5H5.5V6V18V18.5H6H18H18.5V18V6V5.5H18H6ZM6.5 11.5V6.5H11.5V11.5H6.5ZM6.5 12.5V17.5H11.5V12.5H6.5ZM12.5 17.5H17.5V12.5H12.5V17.5ZM17.5 11.5V6.5H12.5V11.5H17.5Z" fill="%23110529"/></svg>') no-repeat center}.dot__10{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 6.02054C8.5851 6.26101 6.26101 8.5851 6.02054 11.5L11.5 11.5V6.02054ZM6.02054 12.5C6.26101 15.4149 8.5851 17.739 11.5 17.9795L11.5 12.5L6.02054 12.5ZM12.5 17.9795C15.4149 17.739 17.739 15.4149 17.9795 12.5H12.5L12.5 17.9795ZM17.9795 11.5C17.739 8.5851 15.4149 6.26101 12.5 6.02054V11.5H17.9795ZM12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5Z" fill="%23110529"/></svg>') no-repeat center}.dot__13{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.48049 7.77335C9.43424 6.9783 10.6613 6.5 12 6.5C13.3387 6.5 14.5658 6.9783 15.5195 7.77335L12 11.2929L8.48049 7.77335ZM7.77091 7.06377L6.35355 5.64641L5.64645 6.35352L7.0638 7.77087C6.08896 8.90764 5.5 10.385 5.5 12C5.5 13.6149 6.08894 15.0923 7.06377 16.2291L5.64645 17.6464L6.35355 18.3535L7.77087 16.9362C8.90764 17.911 10.385 18.5 12 18.5C13.615 18.5 15.0924 17.911 16.2291 16.9362L17.6464 18.3535L18.3536 17.6464L16.9362 16.2291C17.9111 15.0923 18.5 13.6149 18.5 12C18.5 10.385 17.911 8.90764 16.9362 7.77087L18.3536 6.35352L17.6464 5.64641L16.2291 7.06377C15.0923 6.08894 13.6149 5.5 12 5.5C10.3851 5.5 8.90768 6.08894 7.77091 7.06377ZM16.2266 8.48045L12.7071 12L16.2267 15.5195C17.0217 14.5658 17.5 13.3387 17.5 12C17.5 10.6612 17.0217 9.4342 16.2266 8.48045ZM15.5195 16.2266L12 12.7071L8.48045 16.2266C9.4342 17.0217 10.6612 17.5 12 17.5C13.3388 17.5 14.5658 17.0217 15.5195 16.2266ZM7.77335 15.5195L11.2929 12L7.77338 8.48045C6.97832 9.4342 6.5 10.6612 6.5 12C6.5 13.3387 6.9783 14.5658 7.77335 15.5195Z" fill="%23110529"/></svg>') no-repeat center}.dot__14{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 5.5H5.5V6V18V18.5H6H18H18.5V18V6V5.5H18H6ZM17.5 15.882V6.5H12.809L17.5 15.882ZM11.191 6.5H6.5V15.882L11.191 6.5ZM6.80902 17.5H17.191L12 7.11803L6.80902 17.5Z" fill="%23110529"/></svg>') no-repeat center}.dot__11{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.441 5.11803L12 4L12.559 5.11803L13 6H17.882H19L18.5 7L16 12L18.5 17L19 18H17.882H13L12.559 18.882L12 20L11.441 18.882L11 18H6.11803H5L5.5 17L8 12L5.5 7L5 6H6.11803H11L11.441 5.11803ZM10.5 7H6.61803L8.55902 10.882L10.5 7ZM8.55902 13.118L6.61803 17H10.5L8.55902 13.118ZM11.618 17L9.11803 12L11.618 7H12.382L14.882 12L12.382 17H11.618ZM13.5 17H17.382L15.441 13.118L13.5 17ZM15.441 10.882L17.382 7H13.5L15.441 10.882Z" fill="%23110529"/></svg>') no-repeat center}.dot__22{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="6" y="6" width="12" height="12" fill="%23110529"/></svg>') no-repeat center}.dot__23{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 5L19 12L12 19L5 12L12 5Z" fill="%23110529"/></svg>') no-repeat center}.dot__21{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="6" fill="%23110529"/></svg>') no-repeat center}.dot__24{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 6L19 18H5L12 6Z" fill="%23110529"/></svg>') no-repeat center}.dot__25{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 18L19 6H5L12 18Z" fill="%23110529"/></svg>') no-repeat center}svg.line{width:100%;height:100%;stroke-width:1.5px;stroke:var(--color-ic-01)}svg.line__dashed{stroke-dasharray:6 6}svg.line__dotted{stroke-dasharray:1.5 4}svg.line__dotdash{stroke-dasharray:1.5 4 8 4}svg.line__longdash{stroke-dasharray:10 4}svg.line__twodash{stroke-dasharray:3 3 9 3}.icon__line{height:24px;width:24px}.icon__line.line__solid{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 11.25H23V12.75H1V11.25Z" fill="%23110529"/></svg>') no-repeat center}.icon__line.line__dashed{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 11.25H6V12.75H1V11.25ZM9.5 11.25H14.5V12.75H9.5V11.25ZM18 11.25H23V12.75H18V11.25Z" fill="%23110529"/></svg>') no-repeat center}.icon__line.line__dotted{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M2.75 11.25H1.25V12.75H2.75V11.25Z" fill="%23110529"/><path d="M11.25 11.25H12.75V12.75H11.25V11.25Z" fill="%23110529"/><path d="M22.75 11.25H21.25V12.75H22.75V11.25Z" fill="%23110529"/><path d="M7.75 11.25H6.25V12.75H7.75V11.25Z" fill="%23110529"/><path d="M16.25 11.25H17.75V12.75H16.25V11.25Z" fill="%23110529"/></svg>') no-repeat center}.icon__line.line__dotdash{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 11.25H2.5V12.75H1V11.25ZM17 12.75H7V11.25H17V12.75ZM21.5 12.75V11.25H23V12.75H21.5Z" fill="%23110529"/></svg>') no-repeat center}.icon__line.line__longdash{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 11.25H10V12.75H1V11.25ZM14 11.25H23V12.75H14V11.25Z" fill="%23110529"/></svg>') no-repeat center}.icon__line.line__twodash{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 11.25H4V12.75H1V11.25ZM17.0261 12.75H7V11.25H17.0261V12.75ZM20 12.75V11.25H23V12.75H20Z" fill="%23110529"/></svg>') no-repeat center}.popup{position:absolute;width:0;height:0;--modal-shadow: 0 6px 24px -2px rgba(15, 36, 77, .08), 0px 4px 12px -2px rgba(15, 36, 77, .08)}.popup__content{z-index:3;position:absolute;display:inline-block;background:var(--color-ic-00);border-radius:6px;width:max-content;border:1px solid var(--color-div-grey);box-shadow:var(--modal-shadow);font-family:var(--font-family-base)}.popup__content .beak{position:absolute}.popup__content .beak path{fill:var(--color-ic-00)}.popup__content .beak polyline{stroke:var(--color-div-grey)}.popup__content.bottom{top:0;right:0}.popup__content.bottom .beak{transform:translate(50%) translateY(-100%) rotate(90deg);top:2px;right:20px}.popup__content.left-bottom{top:0;right:0}.popup__content.left-bottom .beak{transform:translate(100%) rotate(180deg);right:0}.pl-color-slider{height:32px;border:1px solid var(--color-border-default);border-radius:6px;display:flex}.pl-color-slider__wrapper{width:100%;height:100%;position:relative}.pl-color-slider__color-contaier{height:100%;padding:0 16px;background-color:#f0f0f0;position:absolute;width:100%;z-index:2;border-radius:5px}.pl-color-slider__gradient{height:100%}.pl-color-slider__thumbs-contaier{height:100%;z-index:2;position:relative;border-radius:4px}.pl-color-slider__thumb{height:100%;width:1px;background-color:var(--txt-01);position:absolute;z-index:5;outline:none}.pl-color-slider__thumb-roof{width:8px;height:8px;position:absolute;bottom:-4px;left:-3.5px;background-color:red;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='9'%20viewBox='0%200%208%209'%20fill='none'%3e%3cpath%20d='M3.64645%201.56066C3.84171%201.3654%204.15829%201.3654%204.35355%201.56066L6.93934%204.14645C7.1346%204.34171%207.1346%204.65829%206.93934%204.85355L4.35355%207.43934C4.15829%207.6346%203.84171%207.6346%203.64645%207.43934L1.06066%204.85355C0.865398%204.65829%200.865398%204.34171%201.06066%204.14645L3.64645%201.56066Z'%20fill='white'%20stroke='%23110529'/%3e%3c/svg%3e");cursor:pointer}.pl-color-slider .active,.pl-color-slider__thumb-roof:active,.pl-color-slider__thumb-roof:hover,.active-thumb .pl-color-slider__thumb-roof{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='36'%20height='44'%20viewBox='0%200%2036%2044'%20fill='none'%3e%3cg%20filter='url(%23filter0_d_11505_23033)'%3e%3cpath%20d='M6%2017.1995C6%2015.798%206.58823%2014.4608%207.62138%2013.5137L18%204L28.3786%2013.5137C29.4118%2014.4608%2030%2015.798%2030%2017.1995V31C30%2033.7614%2027.7614%2036%2025%2036H11C8.23858%2036%206%2033.7614%206%2031V17.1995Z'%20fill='white'/%3e%3cpath%20d='M6.5%2017.1995C6.5%2015.9381%207.02941%2014.7347%207.95924%2013.8823L18%204.67828L28.0408%2013.8823C28.9706%2014.7347%2029.5%2015.9381%2029.5%2017.1995V31C29.5%2033.4853%2027.4853%2035.5%2025%2035.5H11C8.51472%2035.5%206.5%2033.4853%206.5%2031V17.1995Z'%20stroke='%23110529'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_11505_23033'%20x='0'%20y='0'%20width='36'%20height='44'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='2'/%3e%3cfeGaussianBlur%20stdDeviation='3'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.0666667%200%200%200%200%200.0196078%200%200%200%200%200.160784%200%200%200%200.16%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_11505_23033'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_11505_23033'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");width:24px;height:32px;background-repeat:no-repeat;background-position:-6px -4px;border-radius:4px;left:-11.5px;bottom:-25px;position:absolute;transition:all .1s ease-in-out}.pl-color-slider .active-thumb{z-index:6}.pl-color-slider__top-index{z-index:7}.active .pl-color-slider__thumb-color-indicator,.active-thumb .pl-color-slider__thumb-color-indicator,.pl-color-slider__thumb-roof:active,.pl-color-slider__thumb-roof:hover .pl-color-slider__thumb-color-indicator{opacity:1;transform:scale(1);transition:all .5s}.pl-color-slider__thumb-color-indicator{opacity:0;position:absolute;bottom:3px;width:18px;height:18px;left:3px;border-radius:4px;transform:scale(0);pointer-events:none}.dnd-chip{border-radius:6px;border:1px solid #E1E3EB;background:#f7f8fa;padding:10px 12px;display:flex;align-items:center;width:100%;margin-bottom:6px;cursor:grab}.dnd-chip.drag-active,.dnd-chip:hover{background:#fff;position:relative}.dnd-chip.drag-active:after,.dnd-chip:hover:after{content:"";position:absolute;pointer-events:none;top:-1px;bottom:-1px;left:-1px;right:-1px;z-index:10;border-radius:6px;border-width:1px;border-color:#49cc49;border-style:solid}.dnd-chip.drag-active:after{border-width:2px;box-shadow:0 0 0 4px #49cc493d}.dnd-chip__title{overflow:hidden;color:#110529;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.dnd-chip__sub-title{overflow:hidden;color:#9d9eae;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.dnd-chip__title-wrapper{overflow:hidden}.dnd-chip__icon{width:16px;height:16px;margin-right:12px;flex-shrink:0}.dnd-chip__icon svg{width:100%;height:100%}.dnd-basket{border-radius:6px;border:1px solid #E1E3EB;background:#f7f8fa;padding:10px 12px 12px}.dnd-basket__required{position:relative}.dnd-basket__required svg{position:relative;left:2px;top:4px;margin-right:2px}.dnd-basket__title{color:#110529;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin-bottom:6px;cursor:default}.dnd-basket__chip-wrapper .dnd-basket-chip:last-child{margin-bottom:0}.dnd-basket__placeholder{border-radius:6px;border:1.5px dashed #E1E3EB;color:#9d9eae;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;height:40px;cursor:default;display:flex;justify-content:center;align-items:center}.dnd-basket.disabled,.dnd-basket.readonly{opacity:.24;cursor:no-drop}.dnd-basket.readonly{pointer-events:none}.dnd-basket.active,.dnd-basket:hover{border:1px solid #49CC49;background:#63e0241f}.dnd-basket.active .dnd-basket__placeholder,.dnd-basket:hover .dnd-basket__placeholder{border:1.5px dashed #49CC49}.dnd-basket__chip-wrapper .dnd-double-chip:last-child{margin-bottom:0}.dnd-double-chip{background:#fff;position:relative;cursor:default}.dnd-double-chip .mask-drag-dots{display:none;width:16px;height:16px;margin-right:12px;flex-shrink:0;color:var(--ic-02)}.dnd-double-chip:hover.sortable .mask-drag-dots{display:block}.dnd-double-chip:hover.sortable .dnd-double-chip__icon{display:none}.dnd-double-chip.error *{border-color:#ff5c5c}.dnd-double-chip__group{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.dnd-double-chip .pl-dropdown__contour,.dnd-double-chip .pl-dropdown-multi__contour,.dnd-double-chip .pl-autocomplete__contour,.dnd-double-chip .pl-autocomplete-multi__contour{border-top:none;border-top-right-radius:0;border-top-left-radius:0}.dnd-double-chip__bottom{position:relative}.dnd-double-chip__top{display:flex;padding:10px 12px;align-items:center;border:1px solid #110529;border-radius:6px 6px 0 0}.dnd-double-chip__icon-close,.dnd-double-chip__icon{line-height:0;width:16px;height:16px}.dnd-double-chip__icon{margin-right:12px}.dnd-double-chip__icon.error{--icon-color: var(--errorColor)}.dnd-double-chip__icon-close{margin-left:12px;cursor:pointer}.dnd-double-chip__title-wrapper{flex-grow:1;overflow:hidden}.dnd-double-chip__title{overflow:hidden;color:#110529;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.dnd-double-chip__bottom-range{border:1px solid black;border-top:none;padding:12px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;display:flex;flex-direction:column}.dnd-double-chip__bottom-range-row+.dnd-double-chip__bottom-range-row{margin-top:12px}.dnd-basket-chip{border-radius:6px;border:1px solid var(--txt-01);background:#fff;padding:10px 12px;display:flex;align-items:center;width:100%;position:relative;z-index:1;cursor:default;--errorColor: #FF5C5C}.dnd-basket-chip__handler{position:absolute;left:0;top:0;bottom:0;right:36px;cursor:grab;z-index:20}.dnd-basket-chip .mask-drag-dots{display:none;width:16px;height:16px;margin-right:12px;flex-shrink:0;color:var(--ic-02)}.dnd-basket-chip.sortable__item{z-index:3}.dnd-basket-chip:hover.sortable .mask-drag-dots{display:block}.dnd-basket-chip:hover.sortable .dnd-basket-chip__icon{display:none}.dnd-basket-chip__icon{width:16px;height:16px;margin-right:12px;flex-shrink:0}.dnd-basket-chip__icon svg{width:100%;height:100%}.dnd-basket-chip__icon.error{--icon-color: var(--errorColor)}.dnd-basket-chip.error{border-color:var(--errorColor)}.dnd-basket-chip.drag-active{border-radius:6px;border:2px solid #49CC49;background:#fff;box-shadow:0 0 0 4px #49cc493d;cursor:grab}.dnd-basket-chip__group{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.dnd-basket-chip__title{overflow:hidden;color:#110529;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.dnd-basket-chip__sub-title{overflow:hidden;color:#9d9eae;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.dnd-basket-chip__title-wrapper{overflow:hidden;flex-grow:1}.dnd-basket-chip__icon-close{line-height:0;width:16px;height:16px;margin-left:12px;cursor:pointer}.dnd-basket-chip__fixed-axes-block{display:flex;flex-direction:column;gap:6px}.dnd-basket-chip__fixed-axes-block .pl-autocomplete,.dnd-basket-chip__fixed-axes-block .pl-dropdown,.dnd-basket-chip__fixed-axes-block .pl-dropdown-multi,.dnd-basket-chip__fixed-axes-block .pl-autocomplete-multi{background:#fff}.dnd-basket-chip__fixed-axes-block label{padding-top:2px;z-index:1}.double-contour-temp{--contour-offset: 4px;position:absolute;top:calc(var(--contour-offset) * -1);left:calc(var(--contour-offset) * -1);right:calc(var(--contour-offset) * -1);bottom:calc(var(--contour-offset) * -1);pointer-events:none;z-index:1;--offset-left-x: calc(var(--label-offset-left-x) + var(--contour-offset));clip-path:polygon(0 0,var(--offset-left-x) 0,var(--offset-left-x) 12px,var(--label-offset-right-x) 12px,var(--label-offset-right-x) 0,100% 0,100% 100%,0 100%,0 0)}.double-contour-temp>div{position:absolute;top:var(--contour-offset);left:var(--contour-offset);right:var(--contour-offset);bottom:var(--contour-offset)}.zoom-container{background:#fff;display:flex;position:relative;margin-right:24px}.zoom-container .zoom-border{position:absolute;border:1px solid var(--color-div-grey);border-radius:var(--border-radius-control);top:0;left:0;right:0;bottom:0}.zoom-input input::-webkit-outer-spin-button,.zoom-input input::-webkit-inner-spin-button{-webkit-appearance:none}.zoom-input .zoom-text-field{--contour-color: transparent;--contour-border-width: 1px;--contour-box-shadow: none;--prefix-color: var(--color-placeholder);min-height:var(--control-height);position:relative;border-radius:var(--border-radius-control);display:flex;flex-direction:row;align-items:center;outline:none;width:64px}.zoom-input .zoom-text-field__envelope{font-family:var(--font-family-base)}.zoom-input .zoom-text-field input{min-height:calc(var(--control-height) - 2px);line-height:calc(var(--control-height) - 2px);width:100%;border:none;font-size:inherit;background-color:transparent;color:var(--txt-01);caret-color:var(--border-color-focus);cursor:inherit;padding:0;text-align:center;font-family:var(--font-family-base)}.zoom-input .zoom-text-field input:focus{outline:none}.zoom-input .zoom-text-field__contour{border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);border-style:solid;box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.zoom-input .zoom-text-field:hover{background-color:var(--btn-sec-hover-grey)}.zoom-input .zoom-text-field:focus-within{--contour-color: var(--border-color-focus);--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--border-color-focus-shadow)}.zoom-input .zoom-text-field:before{left:0}.zoom-input .zoom-text-field:after{right:0}.zoom-input .zoom-text-field:before,.zoom-input .zoom-text-field:after{content:"";position:absolute;top:8px;bottom:8px;width:1px;background-color:var(--color-div-grey);z-index:0}.lasso-controls-container{display:flex;align-items:baseline}.lasso-controls-container .lasso-buttons-group{background:#fff;display:flex;position:relative}.lasso-controls-container .lasso-buttons-group .lasso-controls-border{position:absolute;border:1px solid var(--color-div-grey);border-radius:var(--border-radius-control);top:0;left:0;right:0;bottom:0}.lasso-controls-container .lasso-buttons-group .lasso-button-selected{border:2px solid var(--border-color-focus)}.lasso-controls-container .lasso-buttons-group .lasso-button-not-selected{border:2px solid transparent}.lasso-controls-container .lasso-buttons-group .lasso-controls-separator{width:1px;height:32px;background-color:var(--color-div-grey);margin:4px}.lasso-controls-container .lasso-hint{color:var(--txt-03);font-size:14px;margin-left:8px}.graph-info-tooltip{width:320px;border-radius:16px;background:var(--bg-base-dark);color:var(--color-ic-00);padding:16px;display:flex;flex-direction:column}.graph-info-tooltip__container{position:absolute;height:0}.graph-info-tooltip__tail{position:absolute;width:9px;height:9px;background:var(--bg-base-dark);top:-4.5px;left:-4.5px;transform:rotate(45deg)}.graph-info-tooltip .graph-info-tooltip-row{display:flex;line-height:20px;margin-bottom:6px}.graph-info-tooltip .graph-info-tooltip-row .graph-info-tooltip-title,.graph-info-tooltip .graph-info-tooltip-row .graph-info-tooltip-value{flex-basis:50%}.graph-info-tooltip .graph-info-tooltip-row__sequence{flex-direction:column}.graph-info-tooltip .graph-info-tooltip-row__sequence .graph-info-tooltip-title,.graph-info-tooltip .graph-info-tooltip-row__sequence .graph-info-tooltip-value{flex-basis:unset}.graph-info-tooltip .graph-info-tooltip-row__sequence .graph-info-tooltip-icon{margin-left:auto}.graph-info-tooltip .graph-info-tooltip-sequence-row{display:flex;background:var(--txt-02);padding:8px}.graph-info-tooltip .graph-info-tooltip-value{text-overflow:ellipsis;overflow:hidden}.graph-info-tooltip .graph-info-tooltip-close{cursor:pointer;position:absolute;top:12px;right:12px;background-color:var(--ic-02)}.graph-info-tooltip .graph-info-tooltip-clipboard{cursor:pointer;background-color:var(--ic-02);margin-left:4px}.graph-info-tooltip .graph-info-tooltip-button{margin-top:16px;--color-border-default: white}
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(`.graph-maker .settings-tabs{display:flex;flex-direction:column;border-radius:6px;border:1px solid var(--color-div-grey);background:var(--bg-elevated-01);z-index:1}.graph-maker .settings-tabs>div{--divider-display: block;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px}.graph-maker .settings-tabs>div:after{content:"";position:absolute;bottom:0;left:8px;right:8px;border-bottom:1px solid var(--color-div-grey);display:var(--divider-display)}.graph-maker .settings-tabs>div:last-child{--divider-display: none}.graph-maker .settings-tabs>div.active{border-radius:6px;border:1px solid var(--color-border-default);background:var(--btn-switcher-bg);box-shadow:var(--btn-shape-shadow)}.graph-maker .settings-tabs>div.active svg:not(.export-icon) path{fill:var(--color-ic-01)}.graph-maker .settings-tabs>div:not(.active){cursor:pointer}.graph-maker .settings-tabs>div.last{margin-top:auto;border-top:1px solid var(--color-div-grey);border-bottom:0}.graph-maker .settings-tabs>div.temp-inactive{pointer-events:none}.graph-maker .settings-tabs>div.temp-inactive.template svg path,.graph-maker .settings-tabs>div.temp-inactive.axes svg path,.graph-maker .settings-tabs>div.temp-inactive.dataMapping svg path,.graph-maker .settings-tabs>div.temp-inactive.statistics svg path,.graph-maker .settings-tabs>div.temp-inactive.layers svg path{fill:var(--color-div-grey)}.graph-maker .settings-tabs>div.temp-inactive.export svg path{stroke:var(--color-div-grey)}.graph-maker{position:relative;display:flex;background-color:#fff;height:100%;padding:12px;overflow:hidden}.graph-maker__main-pane{position:relative;overflow:hidden;width:100%;z-index:1}.graph-maker .settings-tabs{margin-left:auto;align-self:start}.graph-maker .chart_container{position:relative;padding:12px 24px 0 12px;height:100%;width:100%;display:flex;flex-direction:column}.graph-maker .chart_container .chart_header{display:flex;margin-bottom:16px;max-width:100%}.graph-maker .chart_container .chart_titleEdit{margin-top:11px;margin-left:-24px;opacity:0;pointer-events:none}.graph-maker .chart_container .chart_header:hover .chart_titleEdit,.graph-maker .chart_container .chart_header:focus-within .chart_titleEdit{opacity:1}.graph-maker .chart_container .chart_title{font-family:var(--font-family-base);font-weight:var(--font-weigh-base);font-size:28px;height:40px;border:none;outline:none;text-overflow:ellipsis;margin-left:-2px;padding-right:28px;cursor:pointer;field-sizing:content;background:transparent}.graph-maker .chart_container .chart_title:disabled{cursor:default}.graph-maker .chart_container .chart_titleLineSlot{display:flex;margin-left:auto;align-content:center}.graph-maker .chart_container .chart_tooltipHint{position:fixed;left:50%;transform:translate(-85px);animation:tooltipAppears .2s linear}.graph-maker .chart_container .chart_controls{position:absolute;left:12px;bottom:12px;display:flex}@keyframes tooltipAppears{0%{transform:translate(-85px,-40px)}to{transform:translate(-85px)}}.graph-maker .chart_container .chart_tabBy{width:max-content;min-width:200px;margin-top:24px}.graph-maker .chart_container .chart_main-content{display:flex;width:100%;height:100%;overflow:auto;padding-bottom:40px;position:relative}.graph-maker .chart_container .chart_main-content__dendro{padding-top:24px}.graph-maker .chart_container .chart_main-content__dendro .dendro-table{position:relative;margin-top:-3px;flex-shrink:0;z-index:0}.graph-maker .chart_container .chart_main-content__dendro .dendro-table .ag-center-cols-viewport{min-height:unset!important}.graph-maker .chart_container .chart_main-content #chartSvgContainer{flex-shrink:0;width:100%;height:100%;position:relative}.graph-maker .chart_container .chart_main-content #chartSvgContainer svg{outline:none}.graph-maker .chart_container .chart_main-content #chartSvgContainer .chart_ready{width:max-content;height:max-content}.graph-maker .chart_container .chart_main-content #chartSvgContainer.chart_loading{overflow:hidden}.graph-maker .chart_container .chart_main-content #chartSvgContainer.chart_activeLassoSelection .miplots-scatterplot-plot-area{cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LC00KSI+CiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8xNjcwNF8yMjc1NSkiPgogICAgICAgICAgICA8cGF0aCBkPSJNMTYuMTQ2NiA1Ljk2NTY5TDguODA0MzMgNS4wOTU2NkM2LjY1MDQ3IDQuODUxNjIgNC44MzYxMyA2LjY2NTk2IDUuMDgwMTYgOC44MTk4Mkw1Ljk1MDIgMTYuMTQwOEM2LjI0NzI4IDE4LjY0NDggNy41MzExMSAxOS42OTUyIDkuOTcxNDUgMTkuNDYxOEwxMi43NzI1IDE5LjI5MjFMMTMuOTE4NCAyMS4xMTdDMTQuMzc0NyAyMS44NDkxIDE1LjEzODYgMjIuMzM3MiAxNi4wMTkyIDIyLjQzMjdDMTYuOTMxNyAyMi41Mzg4IDE3Ljg3NiAyMi4yMzExIDE4LjU5NzUgMjEuNTk0NUMxOC42NTA2IDIxLjU0MTQgMTguNzE0MiAyMS40OTkgMTguNzY3MyAyMS40NDU5TDIxLjQ0MSAxOC43NzIyQzIyLjIwNSAxOC4wMDgyIDIyLjU3NjMgMTcuMDIxNSAyMi40ODA4IDE2LjA3NzJDMjIuMzg1MyAxNS4xOTY1IDIxLjkwNzkgMTQuNDQzMiAyMS4xMzMzIDEzLjk0NDVMMTkuMzI5NiAxMi43OTg2TDE5LjQ3ODIgOS45NzYzM0MxOS42MzczIDcuNDQwNSAxOC42NTA2IDYuMjQxNTUgMTYuMTU3MiA1Ljk1NTA4TDE2LjE0NjYgNS45NjU2OVoiIGZpbGw9IndoaXRlIi8+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIGQ9Ik0yMC42MzE5IDE3Ljk4NzVMMTcuOTM3IDIwLjY4MjVDMTcuMzY0IDIxLjE3MDUgMTYuNzM4IDIxLjM5MzMgMTYuMTMzMiAyMS4zMTkxQzE1LjYwMjcgMjEuMjU1NCAxNS4xMjUzIDIwLjk2ODkgMTQuODYgMjAuNTMzOUwxMy4zNjQgMTguMTQ2Nkw5Ljg5NDQ2IDE4LjM0ODJDOC4wMjcwNyAxOC41MzkyIDcuMjg0MzYgMTcuOTIzOCA3LjA2MTU0IDE2LjAyNDZMNi4yMDIxMiA4LjY5Mjk4QzYuMTE3MjQgOC4wMTM5MyA2LjM1MDY2IDcuMzM0ODggNi44Mzg3MyA2Ljg0NjgyQzcuMzI2OCA2LjM1ODc1IDcuOTk1MjQgNi4xMzU5MyA4LjY4NDkgNi4yMTAyMUwxNi4wMjcxIDcuMDgwMjRDMTcuOTI2MyA3LjMwMzA1IDE4LjQ2NzUgNy45NTAyNyAxOC4zNTA4IDkuOTEzMTVMMTguMTU5OCAxMy4zOTMzTDIwLjUyNTggMTQuODg5M0MyMS4wMTM5IDE1LjIwNzYgMjEuMzAwNCAxNS42NjM5IDIxLjM2NCAxNi4xOTQ0QzIxLjQyNzcgMTYuODA5OCAyMS4xNjI0IDE3LjQ1NyAyMC42NDI2IDE3Ljk3NjlMMjAuNjMxOSAxNy45ODc1Wk0xNy40NDg5IDIwLjEwOTVMMjAuMTEyIDE3LjQ0NjRDMjAuNDcyOCAxNy4wODU2IDIwLjY1MzIgMTYuNjUwNiAyMC42MTA3IDE2LjI2ODZDMjAuNTc4OSAxNS45NjA5IDIwLjQwOTEgMTUuNzA2MyAyMC4xMTIgMTUuNTE1M0wxNy4zNzQ2IDEzLjc5NjVMMTcuNTg2OCA5Ljg3MDcxQzE3LjY3MTcgOC4zMjE2MyAxNy40MTcxIDguMDAzMzIgMTUuOTIxIDcuODIyOTVMOC41Nzg4IDYuOTUyOTJDNy42NjYzMiA2Ljg0NjgyIDYuODI4MTIgNy42ODUwMiA2Ljk0NDgzIDguNTg2ODhMNy44MDQyNiAxNS45MTg1QzcuOTg0NjMgMTcuNDE0NSA4LjM1NTk4IDE3LjcyMjIgOS44MzA4IDE3LjU4NDNMMTMuNzQ1OSAxNy4zNjE1TDE1LjQ4NiAyMC4xMjAxQzE1LjY0NTIgMjAuMzY0MiAxNS44OTk4IDIwLjUzMzkgMTYuMjA3NSAyMC41NjU4QzE2LjU4OTUgMjAuNjA4MiAxNy4wMjQ1IDIwLjQ0OSAxNy40Mjc3IDIwLjEwOTVIMTcuNDQ4OVoiIGZpbGw9ImJsYWNrIi8+CiAgICAgICAgPHBhdGggZD0iTTEwLjg4MzkgMTAuODg4NUMxMC43MzU0IDExLjAzNzEgMTAuNTAxOSAxMS4wMzcxIDEwLjM1MzQgMTAuODg4NUw2Ljg0MTQzIDcuMzc2NThDNi42OTI4OCA3LjIyODA0IDYuNjkyODggNi45OTQ2MiA2Ljg0MTQzIDYuODQ2MDdDNi45ODk5NyA2LjY5NzUzIDcuMjIzMzkgNi42OTc1MyA3LjM3MTkzIDYuODQ2MDdMMTAuODgzOSAxMC4zNThDMTEuMDMyNCAxMC41MDY2IDExLjAzMjQgMTAuNzQgMTAuODgzOSAxMC44ODg1WiIgZmlsbD0iYmxhY2siLz4KICAgICAgICA8ZGVmcz4KICAgICAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyMF9kXzE2NzA0XzIyNzU1IiB4PSIzLjA1ODU5IiB5PSI1LjA3MzI0IiB3aWR0aD0iMTkuNDM3NSIgaGVpZ2h0PSIxOS4zNzk5IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgogICAgICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CiAgICAgICAgICAgICAgICA8ZmVPZmZzZXQgZHg9Ii0xIiBkeT0iMSIvPgogICAgICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC41Ii8+CiAgICAgICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KICAgICAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjIgMCIvPgogICAgICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTY3MDRfMjI3NTUiLz4KICAgICAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzE2NzA0XzIyNzU1IiByZXN1bHQ9InNoYXBlIi8+CiAgICAgICAgICAgIDwvZmlsdGVyPgogICAgICAgIDwvZGVmcz4KICAgIDwvZz4KPC9zdmc+) 0 0,pointer}.graph-maker{--modal-shadow: 0 6px 24px -2px rgba(15, 36, 77, .08), 0px 4px 12px -2px rgba(15, 36, 77, .08)}.graph-maker .panel-modal{position:absolute;top:0;right:6px;bottom:6px;display:flex;flex-direction:column;margin:0;min-width:304px;border-radius:6px;border:1px solid var(--color-div-grey);background:var(--bg-elevated-01);z-index:1;box-shadow:var(--modal-shadow)}.graph-maker .panel-modal .close-panel-modal{position:absolute;top:4px;right:4px}.graph-maker .panel-modal h3{color:var(--txt-01);font-size:20px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-.2px;margin:0;font-family:var(--font-family-base);cursor:default}.graph-maker .panel-modal .inputs-block{height:100%;display:flex;flex-direction:column;overflow:auto;overflow-x:hidden;padding:0 32px;margin:32px -32px 0}.graph-maker .panel-modal .input-item{min-width:256px;margin:12px 0}.graph-maker .panel-modal .data-form-input-item{min-width:256px;margin:6px 0 0}.graph-maker .panel-modal .aes-input-row{display:flex;margin-bottom:12px}.graph-maker .panel-modal .aes-input-row .aes-input-select{width:100%}.graph-maker .panel-modal .aes-input-row .ui-aes-button{margin-left:8px}.graph-maker .panel-modal .checkbox-item{margin:12px 0;display:flex;align-items:center}.graph-maker .panel-modal .checkbox-item span{font-family:var(--font-family-base);margin-left:8px;font-size:var(--font-size-base);color:var(--txt-01)}.graph-maker .panel-modal .button-group-item{margin:24px 0}.graph-maker .panel-modal .section-title{color:var(--txt-03);font-family:var(--font-family-base);font-size:11px;letter-spacing:.44px;font-style:normal;font-weight:500;line-height:12px;text-transform:uppercase;background:linear-gradient(transparent 0%,transparent calc(50% - .5px),var(--color-div-grey) calc(50% - .5px),var(--color-div-grey) calc(50% + .5px),transparent calc(50% + .5px))}.graph-maker .panel-modal .section-title span{background-color:#fff;padding-right:8px}.graph-maker .panel-modal .section-description{color:var(--txt-03);font-family:var(--font-family-base);font-size:12px;line-height:16px;margin-top:4px}.graph-maker .panel-modal .data-form{height:100%;overflow:hidden;display:flex}.graph-maker .panel-modal .data-form .left-block,.graph-maker .panel-modal .data-form .right-block{height:100%;overflow:hidden;display:flex;flex-direction:column;padding:16px 24px;max-width:320px}.graph-maker .panel-modal .data-form .left-block{width:320px}.graph-maker .panel-modal .data-form .separator{position:relative;width:0;border:.5px solid var(--color-div-grey)}.graph-maker .panel-modal .data-form .separator .arrow-circle{width:32px;height:32px;border-radius:32px;border:1px solid var(--color-div-grey);position:absolute;top:11px;left:-16px;background:#fff;display:flex;align-items:center;justify-content:center}.graph-maker .panel-modal .data-form .separator .mask{position:static;cursor:default;background-color:var(--txt-01)}.graph-maker .panel-modal .data-form .separator .mask:hover{background-color:var(--txt-01)}.graph-maker .panel-modal .data-form .metadata-block{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weigh-base);margin:24px -32px 0;padding:0 32px;display:flex;flex-direction:column;overflow:hidden}.graph-maker .panel-modal .data-form .metadata-block .title{margin-bottom:8px;cursor:default}.graph-maker .panel-modal .data-form .metadata-block .metadata-item{margin:3px 0}.graph-maker .panel-modal .data-form .metadata-block__items{display:flex;flex-direction:column;overflow:auto;padding-right:8px;margin-right:-8px}.graph-maker .panel-modal .data-form .metadata-block__search{margin-bottom:16px}.graph-maker .panel-modal .stat-form{height:100%;overflow:auto;display:flex;flex-direction:column;padding:16px 24px}.graph-maker .panel-modal .stat-form .section-title{margin:20px 0 12px}.graph-maker .panel-modal .template-form{height:100%;display:flex;overflow:hidden;flex-direction:column}.graph-maker .panel-modal .template-form .template-title{padding:16px 24px 8px}.graph-maker .panel-modal .template-form .template-list{padding:24px 0;overflow:auto}.graph-maker .panel-modal .template-form .template-item{font-family:var(--font-family-base);height:40px;padding:0 24px;display:flex;align-items:center;position:relative;cursor:pointer}.graph-maker .panel-modal .template-form .template-item .checkmark{margin-left:auto;display:none}.graph-maker .panel-modal .template-form .template-item:hover,.graph-maker .panel-modal .template-form .template-item.selected{background-color:var(--color-active-select)}.graph-maker .panel-modal .template-form .template-item.selected .checkmark{display:block}.graph-maker .panel-modal .template-form .inline-icon{margin-right:8px}.graph-maker .panel-modal .settings-form{height:100%;display:flex;overflow:hidden;flex-direction:column}.graph-maker .panel-modal .settings-form .settings-title{padding:16px 24px 8px}.graph-maker .panel-modal .settings-form .settings-list{display:flex;flex-direction:column;padding:24px;gap:16px}.graph-maker .panel-modal .layers-form,.graph-maker .panel-modal .axes-form{height:100%;overflow:hidden;display:flex;flex-direction:column;font-family:var(--font-family-base)}.graph-maker .panel-modal .layers-form .layers-title,.graph-maker .panel-modal .layers-form .axes-title,.graph-maker .panel-modal .axes-form .layers-title,.graph-maker .panel-modal .axes-form .axes-title{padding:16px 24px}.graph-maker .panel-modal .layers-form .section-title,.graph-maker .panel-modal .axes-form .section-title{margin-bottom:24px}.graph-maker .panel-modal .axes-form{max-width:320px}.graph-maker .panel-modal .layers-form{max-width:345px}.graph-maker .panel-modal .layers-list,.graph-maker .panel-modal .axes-settings-list{overflow:auto;height:100%}.graph-maker .panel-modal .axes-form{width:100%}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-input{margin:24px 0}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-row{margin:24px 0;height:20px}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-options-row{margin:24px 0;font-size:var(--font-size-base);display:flex;justify-content:space-between;align-items:center}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-options-row.block{display:block}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-options-row.table{border-bottom:1px solid var(--color-div-grey);padding:8px 0;margin:0}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-options-row.table:last-of-type{border-bottom:none;margin-bottom:16px}.graph-maker .panel-modal .axes-form .axes-settings-list .other{padding:0 24px 8px;border-top:1px solid var(--color-div-grey)}.graph-maker .panel-modal .collapsable-block-container{border-top:1px solid var(--color-div-grey);max-height:100vh;transition:max-height .3s;--title-height: 48px}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:600;height:var(--title-height);padding:0 24px;display:flex;align-items:center;position:relative;cursor:pointer;background-color:transparent;transition:background-color .3s}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title:before{position:absolute;content:"";top:0;left:0;right:0;bottom:0;opacity:.5;background:linear-gradient(var(--color-active-select) 0,#fff var(--title-height));transition:opacity .3s;z-index:0}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title svg,.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title span{z-index:0}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title span{margin-left:8px}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-content{padding:24px;background-color:transparent;transition:background-color .3s}.graph-maker .panel-modal .collapsable-block-container.minimized{overflow:hidden;max-height:var(--title-height)}.graph-maker .panel-modal .collapsable-block-container.minimized .collapsable-block-title{background-color:var(--bg-base-light)}.graph-maker .panel-modal .collapsable-block-container.minimized .collapsable-block-title:before{opacity:0}.graph-maker .panel-modal .collapsable-block-container.minimized .collapsable-block-content{background-color:var(--bg-base-light)}.graph-maker .panel-modal .collapsable-block-container.maximized{overflow:visible;animation:.3s delay-overflow}@keyframes delay-overflow{0%{overflow:hidden}}.graph-maker .btn-icon-group{display:inline-flex;--size: 32px}.graph-maker .btn-icon-group .btn-icon-group__option{width:var(--size);height:var(--size);display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--color-dis-01)}.graph-maker .btn-icon-group .btn-icon-group__option.active{color:var(--main-dark-color)}.fixed-aes-list{display:flex;flex-wrap:wrap;overflow:auto;padding:20px}.fixed-aes-list__rows{flex-wrap:nowrap;flex-direction:column;flex-shrink:1;flex-basis:100%;padding:16px}.fixed-aes-list .color-item{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:3px;margin:6px;position:relative;cursor:pointer}.fixed-aes-list .color-item:after{content:"";position:absolute;top:-4px;left:-4px;width:32px;height:32px;border:1px solid var(--color-ic-01);border-radius:6px;opacity:0}.fixed-aes-list .color-item:hover:after{opacity:1}.fixed-aes-list .color-item.border{background:var(--color-ic-00);border:3px solid}.fixed-aes-list .color-item.border:after{top:-7px;left:-7px}.fixed-aes-list .color-item.white,.fixed-aes-list .color-item.empty{border:1px solid var(--color-div-grey)}.fixed-aes-list .color-item.white:after,.fixed-aes-list .color-item.empty:after{top:-5px;left:-5px}.fixed-aes-list .color-item.white.white.border:before,.fixed-aes-list .color-item.empty.white.border:before{content:"";position:absolute;top:1px;left:1px;width:20px;height:20px;border:1px solid var(--color-div-grey);border-radius:1px}.fixed-aes-list .color-item.empty{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H4V4H0V0ZM8 4H4V8H0V12H4V16H0V20H4V16H8V20H12V16H16V20H20V16H16V12H20V8H16V4H20V0H16V4H12V0H8V4ZM8 8V4H12V8H8ZM8 12V16H12V12H16V8H12V12H8ZM8 12H4V8H8V12Z" fill="%23E1E3EB"/></svg>') no-repeat center}.fixed-aes-list .color-item .checkmark{display:none}.fixed-aes-list .color-item.selected:after{opacity:1}.fixed-aes-list .color-item.selected .checkmark{display:block}.fixed-aes-list .row-item{width:100%;height:32px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:6px;border:1px solid transparent}.fixed-aes-list .row-item:hover{background-color:var(--color-sec-hover-grey)}.fixed-aes-list .row-item__selected{background-color:transparent;border-color:var(--color-ic-01);cursor:default;pointer-events:none}.fixed-aes-list .row-item__title{margin-right:8px;font-size:var(--font-size-base)}.fixed-aes-list .row-item__line{width:120px;height:100%}.graph-maker .aes-settings-form{position:absolute;top:-1px;right:-1px;bottom:-1px;width:368px;margin:0;background:#fff;display:flex;flex-direction:column;border-radius:6px;font-family:var(--font-family-base);overflow:hidden;z-index:1;border:1px solid var(--color-div-grey);box-shadow:var(--modal-shadow)}.graph-maker .aes-settings-form__header{padding:16px 24px 0}.graph-maker .aes-settings-form__header .back-link{margin:0 0 8px -8px;cursor:pointer;font-size:var(--font-size-base);display:flex;align-items:center}.graph-maker .aes-settings-form__header .back-link .inline-icon{margin-right:8px}.graph-maker .aes-settings-form__header h3{margin:24px 0}.graph-maker .aes-settings-form .type-color-selector{margin:8px 0 32px}.graph-maker .aes-settings-form .aes-mapping-block{overflow:hidden;display:flex;flex-direction:column}.graph-maker .aes-settings-form .palettes-groups{padding:0 24px;overflow:auto}.graph-maker .aes-settings-form .palettes-groups .palettes-list{margin:24px 0}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette{display:flex;height:40px;padding:8px 12px;align-items:center;justify-content:space-between;font-size:var(--font-size-base);cursor:pointer;border-radius:6px;border:1px solid transparent}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette:hover{background-color:var(--color-sec-hover-grey)}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette.selected{border-color:var(--color-ic-01);cursor:default;pointer-events:none}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette .palette-gradient{height:24px;min-width:196px;border-radius:3px;display:flex;overflow:hidden}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette .palette-gradient__item{flex-basis:100%;border-right:.5px solid white;border-left:.5px solid white}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette .palette-gradient__item:first-child{border-left:none}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette .palette-gradient__item:last-child{border-right:none}.graph-maker .aes-settings-form .aes-settings-hint{padding:0 24px;font-family:var(--font-family-base);font-size:12px;color:var(--txt-03)}.graph-maker .aes-settings-form .column-values-list{overflow:auto;padding:8px 24px 24px;--contour-color: var(--color-focus);--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-focus-shadow)}.graph-maker .aes-settings-form .column-values-list .column-value{display:flex;min-height:40px;align-items:center;padding-left:12px;padding-right:2px;border-radius:var(--border-radius-control);border:1px solid var(--color-div-grey);margin-bottom:6px;background-color:var(--color-ic-00)}.graph-maker .aes-settings-form .column-values-list .column-value__reorder-icon{padding:12px;margin-right:-4px;margin-left:-12px;cursor:pointer}.graph-maker .aes-settings-form .column-values-list .column-value:last-child{margin-bottom:0}.graph-maker .aes-settings-form .column-values-list .column-value__aes-group{margin-left:auto;flex-shrink:0;display:flex;align-items:center}.graph-maker .aes-settings-form .column-values-list .column-value__aes{width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:var(--color-ic-00);border-radius:var(--border-radius-control)}.graph-maker .aes-settings-form .column-values-list .column-value__aes.aes__selected{border:var(--contour-border-width) solid var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:1}.graph-maker .aes-settings-form .column-values-list .column-value__with-reorder .column-value__aes{cursor:default}.graph-maker .aes-settings-form .column-values-list .column-value__title{overflow:hidden;text-overflow:ellipsis;margin-right:8px;line-height:24px}.graph-maker .aes-settings-form .column-values-list .column-value__color{width:18px;height:18px;border-radius:3px}.ui-multiselect-button{--contour-color: var(--txt-01);--label-color: var(--txt-01);--contour-border-width: 1px;--contour-box-shadow: none;--label-offset-left-x: 8px;--label-offset-right-x: 8px;width:100%;min-height:var(--control-height);position:relative;border-radius:var(--border-radius-control);display:flex;flex-direction:row;align-items:center;outline:none;cursor:pointer}.ui-multiselect-button__envelope{font-family:var(--font-family-base)}.ui-multiselect-button label{display:flex;align-items:center;position:absolute;top:0;transform:translateY(-60%);left:var(--label-offset-left-x);padding:0 4px;max-width:calc(100% - 16px);overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:inherit;color:var(--label-color);font-size:12px;font-weight:500}.ui-multiselect-button__contour{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);border-style:solid;box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.ui-multiselect-button__content{padding:8px 12px;display:flex;align-items:center;flex-basis:100%;font-size:var(--font-size-base)}.ui-multiselect-button__content .title{margin-right:auto}.ui-multiselect-button__content .gradient{height:18px;min-width:113px;border-radius:3px;display:flex;overflow:hidden}.ui-multiselect-button__content .gradient__item{flex-basis:100%;border-right:.5px solid white;border-left:.5px solid white}.ui-multiselect-button__content .gradient__item:first-child{border-left:none}.ui-multiselect-button__content .gradient__item:last-child{border-right:none}.ui-multiselect-button__content .icon{margin-left:8px;background-color:var(--color-ic-01);position:relative}.ui-multiselect-button__content .icon__fill,.ui-multiselect-button__content .icon__stroke{width:18px;height:18px;border-radius:3px;margin:0 4px}.ui-multiselect-button__content .icon__stroke{background:none;border:3px solid}.ui-multiselect-button__content .icon__stroke.icon__white:before{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border:1px solid var(--color-div-grey);border-radius:1px}.ui-multiselect-button__content .icon__white,.ui-multiselect-button__content .icon__empty{border:1px solid var(--color-div-grey)}.ui-multiselect-button__content .icon__white:after,.ui-multiselect-button__content .icon__empty:after{top:-5px;left:-5px}.ui-multiselect-button__content .icon__empty{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H4V4H0V0ZM8 4H4V8H0V12H4V16H0V20H4V16H8V20H12V16H16V20H20V16H16V12H20V8H16V4H20V0H16V4H12V0H8V4ZM8 8V4H12V8H8ZM8 12V16H12V12H16V8H12V12H8ZM8 12H4V8H8V12Z" fill="%23E1E3EB"/></svg>') no-repeat center}.ui-aes-button{--contour-color: var(--txt-01);--label-color: var(--txt-01);--contour-border-width: 1px;--contour-box-shadow: none;width:var(--control-height);height:var(--control-height);position:relative;border-radius:var(--border-radius-control);display:flex;flex-shrink:0;flex-direction:row;align-items:center;justify-content:center;outline:none;cursor:pointer;font-family:var(--font-family-base)}.ui-aes-button .icon{position:relative}.ui-aes-button .icon__fill,.ui-aes-button .icon__stroke{width:18px;height:18px;border-radius:3px;margin:0 4px}.ui-aes-button .icon__stroke{background:none;border:3px solid}.ui-aes-button .icon__stroke.icon__white:before{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border:1px solid var(--color-div-grey);border-radius:1px}.ui-aes-button .icon__white,.ui-aes-button .icon__empty{border:1px solid var(--color-div-grey)}.ui-aes-button .icon__white:after,.ui-aes-button .icon__empty:after{top:-5px;left:-5px}.ui-aes-button .icon__empty{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H4V4H0V0ZM8 4H4V8H0V12H4V16H0V20H4V16H8V20H12V16H16V20H20V16H16V12H20V8H16V4H20V0H16V4H12V0H8V4ZM8 8V4H12V8H8ZM8 12V16H12V12H16V8H12V12H8ZM8 12H4V8H8V12Z" fill="%23E1E3EB"/></svg>') no-repeat center}.dot{width:24px;height:24px}.dot__0{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="6" y="6" width="12" height="12" stroke="%23110529"/></svg>') no-repeat center}.dot__5{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 5L19 12L12 19L5 12L12 5Z" stroke="%23110529"/></svg>') no-repeat center}.dot__1{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="6" stroke="%23110529"/></svg>') no-repeat center}.dot__2{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 6L19 18H5L12 6Z" stroke="%23110529"/></svg>') no-repeat center}.dot__6{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 18L19 6H5L12 18Z" stroke="%23110529"/></svg>') no-repeat center}.dot__7{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 5.5H5.5V6V18V18.5H6H18H18.5V18V6V5.5H18H6ZM6.5 7.20711V16.7929L11.2929 12L6.5 7.20711ZM7.20711 17.5H16.7929L12 12.7071L7.20711 17.5ZM17.5 16.7929V7.20711L12.7071 12L17.5 16.7929ZM16.7929 6.5H7.20711L12 11.2929L16.7929 6.5Z" fill="%23110529"/></svg>') no-repeat center}.dot__9{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.3536 4.6464L12.0001 4.29285L11.6465 4.6464L4.64652 11.6464L4.29297 12L4.64652 12.3535L11.6465 19.3535L12.0001 19.7071L12.3536 19.3535L19.3536 12.3535L19.7072 12L19.3536 11.6464L12.3536 4.6464ZM6.20718 12.5L11.5001 17.7928V12.5H6.20718ZM12.5001 17.7928L17.793 12.5H12.5001V17.7928ZM17.793 11.5L12.5001 6.20706V11.5H17.793ZM11.5001 6.20706L6.20718 11.5H11.5001V6.20706Z" fill="%23110529"/></svg>') no-repeat center}.dot__3{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 6V12M12 18V12M12 12H18M12 12H6" stroke="%23110529"/></svg>') no-repeat center}.dot__4{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17 7L12 12M12 12L7 17M12 12L17 17M12 12L7 7" stroke="%23110529"/></svg>') no-repeat center}.dot__8{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.7924 11.5L6.69625 7.40385L7.40336 6.69674L11.5 10.7934V5H12.5V10.7925L16.5957 6.69674L17.3029 7.40385L13.2067 11.5H19V12.5H13.2066L17.3029 16.5962L16.5957 17.3033L12.5 13.2076V19H11.5V13.2067L7.40336 17.3033L6.69625 16.5962L10.7925 12.5H5V11.5H10.7924Z" fill="%23110529"/></svg>') no-repeat center}.dot__12{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 5.5H5.5V6V18V18.5H6H18H18.5V18V6V5.5H18H6ZM6.5 11.5V6.5H11.5V11.5H6.5ZM6.5 12.5V17.5H11.5V12.5H6.5ZM12.5 17.5H17.5V12.5H12.5V17.5ZM17.5 11.5V6.5H12.5V11.5H17.5Z" fill="%23110529"/></svg>') no-repeat center}.dot__10{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 6.02054C8.5851 6.26101 6.26101 8.5851 6.02054 11.5L11.5 11.5V6.02054ZM6.02054 12.5C6.26101 15.4149 8.5851 17.739 11.5 17.9795L11.5 12.5L6.02054 12.5ZM12.5 17.9795C15.4149 17.739 17.739 15.4149 17.9795 12.5H12.5L12.5 17.9795ZM17.9795 11.5C17.739 8.5851 15.4149 6.26101 12.5 6.02054V11.5H17.9795ZM12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5Z" fill="%23110529"/></svg>') no-repeat center}.dot__13{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.48049 7.77335C9.43424 6.9783 10.6613 6.5 12 6.5C13.3387 6.5 14.5658 6.9783 15.5195 7.77335L12 11.2929L8.48049 7.77335ZM7.77091 7.06377L6.35355 5.64641L5.64645 6.35352L7.0638 7.77087C6.08896 8.90764 5.5 10.385 5.5 12C5.5 13.6149 6.08894 15.0923 7.06377 16.2291L5.64645 17.6464L6.35355 18.3535L7.77087 16.9362C8.90764 17.911 10.385 18.5 12 18.5C13.615 18.5 15.0924 17.911 16.2291 16.9362L17.6464 18.3535L18.3536 17.6464L16.9362 16.2291C17.9111 15.0923 18.5 13.6149 18.5 12C18.5 10.385 17.911 8.90764 16.9362 7.77087L18.3536 6.35352L17.6464 5.64641L16.2291 7.06377C15.0923 6.08894 13.6149 5.5 12 5.5C10.3851 5.5 8.90768 6.08894 7.77091 7.06377ZM16.2266 8.48045L12.7071 12L16.2267 15.5195C17.0217 14.5658 17.5 13.3387 17.5 12C17.5 10.6612 17.0217 9.4342 16.2266 8.48045ZM15.5195 16.2266L12 12.7071L8.48045 16.2266C9.4342 17.0217 10.6612 17.5 12 17.5C13.3388 17.5 14.5658 17.0217 15.5195 16.2266ZM7.77335 15.5195L11.2929 12L7.77338 8.48045C6.97832 9.4342 6.5 10.6612 6.5 12C6.5 13.3387 6.9783 14.5658 7.77335 15.5195Z" fill="%23110529"/></svg>') no-repeat center}.dot__14{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 5.5H5.5V6V18V18.5H6H18H18.5V18V6V5.5H18H6ZM17.5 15.882V6.5H12.809L17.5 15.882ZM11.191 6.5H6.5V15.882L11.191 6.5ZM6.80902 17.5H17.191L12 7.11803L6.80902 17.5Z" fill="%23110529"/></svg>') no-repeat center}.dot__11{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.441 5.11803L12 4L12.559 5.11803L13 6H17.882H19L18.5 7L16 12L18.5 17L19 18H17.882H13L12.559 18.882L12 20L11.441 18.882L11 18H6.11803H5L5.5 17L8 12L5.5 7L5 6H6.11803H11L11.441 5.11803ZM10.5 7H6.61803L8.55902 10.882L10.5 7ZM8.55902 13.118L6.61803 17H10.5L8.55902 13.118ZM11.618 17L9.11803 12L11.618 7H12.382L14.882 12L12.382 17H11.618ZM13.5 17H17.382L15.441 13.118L13.5 17ZM15.441 10.882L17.382 7H13.5L15.441 10.882Z" fill="%23110529"/></svg>') no-repeat center}.dot__22{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="6" y="6" width="12" height="12" fill="%23110529"/></svg>') no-repeat center}.dot__23{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 5L19 12L12 19L5 12L12 5Z" fill="%23110529"/></svg>') no-repeat center}.dot__21{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="6" fill="%23110529"/></svg>') no-repeat center}.dot__24{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 6L19 18H5L12 6Z" fill="%23110529"/></svg>') no-repeat center}.dot__25{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 18L19 6H5L12 18Z" fill="%23110529"/></svg>') no-repeat center}svg.line{width:100%;height:100%;stroke-width:1.5px;stroke:var(--color-ic-01)}svg.line__dashed{stroke-dasharray:6 6}svg.line__dotted{stroke-dasharray:1.5 4}svg.line__dotdash{stroke-dasharray:1.5 4 8 4}svg.line__longdash{stroke-dasharray:10 4}svg.line__twodash{stroke-dasharray:3 3 9 3}.icon__line{height:24px;width:24px}.icon__line.line__solid{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 11.25H23V12.75H1V11.25Z" fill="%23110529"/></svg>') no-repeat center}.icon__line.line__dashed{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 11.25H6V12.75H1V11.25ZM9.5 11.25H14.5V12.75H9.5V11.25ZM18 11.25H23V12.75H18V11.25Z" fill="%23110529"/></svg>') no-repeat center}.icon__line.line__dotted{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M2.75 11.25H1.25V12.75H2.75V11.25Z" fill="%23110529"/><path d="M11.25 11.25H12.75V12.75H11.25V11.25Z" fill="%23110529"/><path d="M22.75 11.25H21.25V12.75H22.75V11.25Z" fill="%23110529"/><path d="M7.75 11.25H6.25V12.75H7.75V11.25Z" fill="%23110529"/><path d="M16.25 11.25H17.75V12.75H16.25V11.25Z" fill="%23110529"/></svg>') no-repeat center}.icon__line.line__dotdash{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 11.25H2.5V12.75H1V11.25ZM17 12.75H7V11.25H17V12.75ZM21.5 12.75V11.25H23V12.75H21.5Z" fill="%23110529"/></svg>') no-repeat center}.icon__line.line__longdash{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 11.25H10V12.75H1V11.25ZM14 11.25H23V12.75H14V11.25Z" fill="%23110529"/></svg>') no-repeat center}.icon__line.line__twodash{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 11.25H4V12.75H1V11.25ZM17.0261 12.75H7V11.25H17.0261V12.75ZM20 12.75V11.25H23V12.75H20Z" fill="%23110529"/></svg>') no-repeat center}.popup{position:absolute;width:0;height:0;--modal-shadow: 0 6px 24px -2px rgba(15, 36, 77, .08), 0px 4px 12px -2px rgba(15, 36, 77, .08)}.popup__content{z-index:3;position:absolute;display:inline-block;background:var(--color-ic-00);border-radius:6px;width:max-content;border:1px solid var(--color-div-grey);box-shadow:var(--modal-shadow);font-family:var(--font-family-base)}.popup__content .beak{position:absolute}.popup__content .beak path{fill:var(--color-ic-00)}.popup__content .beak polyline{stroke:var(--color-div-grey)}.popup__content.bottom{top:0;right:0}.popup__content.bottom .beak{transform:translate(50%) translateY(-100%) rotate(90deg);top:2px;right:20px}.popup__content.left-bottom{top:0;right:0}.popup__content.left-bottom .beak{transform:translate(100%) rotate(180deg);right:0}.pl-color-slider{height:32px;border:1px solid var(--color-border-default);border-radius:6px;display:flex}.pl-color-slider__wrapper{width:100%;height:100%;position:relative}.pl-color-slider__color-contaier{height:100%;padding:0 16px;background-color:#f0f0f0;position:absolute;width:100%;z-index:2;border-radius:5px}.pl-color-slider__gradient{height:100%}.pl-color-slider__thumbs-contaier{height:100%;z-index:2;position:relative;border-radius:4px}.pl-color-slider__thumb{height:100%;width:1px;background-color:var(--txt-01);position:absolute;z-index:5;outline:none}.pl-color-slider__thumb-roof{width:8px;height:8px;position:absolute;bottom:-4px;left:-3.5px;background-color:red;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='9'%20viewBox='0%200%208%209'%20fill='none'%3e%3cpath%20d='M3.64645%201.56066C3.84171%201.3654%204.15829%201.3654%204.35355%201.56066L6.93934%204.14645C7.1346%204.34171%207.1346%204.65829%206.93934%204.85355L4.35355%207.43934C4.15829%207.6346%203.84171%207.6346%203.64645%207.43934L1.06066%204.85355C0.865398%204.65829%200.865398%204.34171%201.06066%204.14645L3.64645%201.56066Z'%20fill='white'%20stroke='%23110529'/%3e%3c/svg%3e");cursor:pointer}.pl-color-slider .active,.pl-color-slider__thumb-roof:active,.pl-color-slider__thumb-roof:hover,.active-thumb .pl-color-slider__thumb-roof{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='36'%20height='44'%20viewBox='0%200%2036%2044'%20fill='none'%3e%3cg%20filter='url(%23filter0_d_11505_23033)'%3e%3cpath%20d='M6%2017.1995C6%2015.798%206.58823%2014.4608%207.62138%2013.5137L18%204L28.3786%2013.5137C29.4118%2014.4608%2030%2015.798%2030%2017.1995V31C30%2033.7614%2027.7614%2036%2025%2036H11C8.23858%2036%206%2033.7614%206%2031V17.1995Z'%20fill='white'/%3e%3cpath%20d='M6.5%2017.1995C6.5%2015.9381%207.02941%2014.7347%207.95924%2013.8823L18%204.67828L28.0408%2013.8823C28.9706%2014.7347%2029.5%2015.9381%2029.5%2017.1995V31C29.5%2033.4853%2027.4853%2035.5%2025%2035.5H11C8.51472%2035.5%206.5%2033.4853%206.5%2031V17.1995Z'%20stroke='%23110529'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_11505_23033'%20x='0'%20y='0'%20width='36'%20height='44'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='2'/%3e%3cfeGaussianBlur%20stdDeviation='3'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.0666667%200%200%200%200%200.0196078%200%200%200%200%200.160784%200%200%200%200.16%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_11505_23033'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_11505_23033'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");width:24px;height:32px;background-repeat:no-repeat;background-position:-6px -4px;border-radius:4px;left:-11.5px;bottom:-25px;position:absolute;transition:all .1s ease-in-out}.pl-color-slider .active-thumb{z-index:6}.pl-color-slider__top-index{z-index:7}.active .pl-color-slider__thumb-color-indicator,.active-thumb .pl-color-slider__thumb-color-indicator,.pl-color-slider__thumb-roof:active,.pl-color-slider__thumb-roof:hover .pl-color-slider__thumb-color-indicator{opacity:1;transform:scale(1);transition:all .5s}.pl-color-slider__thumb-color-indicator{opacity:0;position:absolute;bottom:3px;width:18px;height:18px;left:3px;border-radius:4px;transform:scale(0);pointer-events:none}.dnd-chip{border-radius:6px;border:1px solid #E1E3EB;background:#f7f8fa;padding:10px 12px;display:flex;align-items:center;width:100%;margin-bottom:6px;cursor:grab}.dnd-chip.drag-active,.dnd-chip:hover{background:#fff;position:relative}.dnd-chip.drag-active:after,.dnd-chip:hover:after{content:"";position:absolute;pointer-events:none;top:-1px;bottom:-1px;left:-1px;right:-1px;z-index:10;border-radius:6px;border-width:1px;border-color:#49cc49;border-style:solid}.dnd-chip.drag-active:after{border-width:2px;box-shadow:0 0 0 4px #49cc493d}.dnd-chip__title{overflow:hidden;color:#110529;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.dnd-chip__sub-title{overflow:hidden;color:#9d9eae;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.dnd-chip__title-wrapper{overflow:hidden}.dnd-chip__icon{width:16px;height:16px;margin-right:12px;flex-shrink:0}.dnd-chip__icon svg{width:100%;height:100%}.dnd-basket{border-radius:6px;border:1px solid #E1E3EB;background:#f7f8fa;padding:10px 12px 12px}.dnd-basket__required{position:relative}.dnd-basket__required svg{position:relative;left:2px;top:4px;margin-right:2px}.dnd-basket__title{color:#110529;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin-bottom:6px;cursor:default}.dnd-basket__chip-wrapper .dnd-basket-chip:last-child{margin-bottom:0}.dnd-basket__placeholder{border-radius:6px;border:1.5px dashed #E1E3EB;color:#9d9eae;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;height:40px;cursor:default;display:flex;justify-content:center;align-items:center}.dnd-basket.disabled,.dnd-basket.readonly{opacity:.24;cursor:no-drop}.dnd-basket.readonly{pointer-events:none}.dnd-basket.active,.dnd-basket:hover{border:1px solid #49CC49;background:#63e0241f}.dnd-basket.active .dnd-basket__placeholder,.dnd-basket:hover .dnd-basket__placeholder{border:1.5px dashed #49CC49}.dnd-basket__chip-wrapper .dnd-double-chip:last-child{margin-bottom:0}.dnd-double-chip{background:#fff;position:relative;cursor:default}.dnd-double-chip .mask-drag-dots{display:none;width:16px;height:16px;margin-right:12px;flex-shrink:0;color:var(--ic-02)}.dnd-double-chip:hover.sortable .mask-drag-dots{display:block}.dnd-double-chip:hover.sortable .dnd-double-chip__icon{display:none}.dnd-double-chip.error *{border-color:#ff5c5c}.dnd-double-chip__group{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.dnd-double-chip .pl-dropdown__contour,.dnd-double-chip .pl-dropdown-multi__contour,.dnd-double-chip .pl-autocomplete__contour,.dnd-double-chip .pl-autocomplete-multi__contour{border-top:none;border-top-right-radius:0;border-top-left-radius:0}.dnd-double-chip__bottom{position:relative}.dnd-double-chip__top{display:flex;padding:10px 12px;align-items:center;border:1px solid #110529;border-radius:6px 6px 0 0}.dnd-double-chip__icon-close,.dnd-double-chip__icon{line-height:0;width:16px;height:16px}.dnd-double-chip__icon{margin-right:12px}.dnd-double-chip__icon.error{--icon-color: var(--errorColor)}.dnd-double-chip__icon-close{margin-left:12px;cursor:pointer}.dnd-double-chip__title-wrapper{flex-grow:1;overflow:hidden}.dnd-double-chip__title{overflow:hidden;color:#110529;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.dnd-double-chip__bottom-range{border:1px solid black;border-top:none;padding:12px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;display:flex;flex-direction:column}.dnd-double-chip__bottom-range-row+.dnd-double-chip__bottom-range-row{margin-top:12px}.dnd-basket-chip{border-radius:6px;border:1px solid var(--txt-01);background:#fff;padding:10px 12px;display:flex;align-items:center;width:100%;position:relative;z-index:1;cursor:default;--errorColor: #FF5C5C}.dnd-basket-chip__handler{position:absolute;left:0;top:0;bottom:0;right:36px;cursor:grab;z-index:20}.dnd-basket-chip .mask-drag-dots{display:none;width:16px;height:16px;margin-right:12px;flex-shrink:0;color:var(--ic-02)}.dnd-basket-chip.sortable__item{z-index:3}.dnd-basket-chip:hover.sortable .mask-drag-dots{display:block}.dnd-basket-chip:hover.sortable .dnd-basket-chip__icon{display:none}.dnd-basket-chip__icon{width:16px;height:16px;margin-right:12px;flex-shrink:0}.dnd-basket-chip__icon svg{width:100%;height:100%}.dnd-basket-chip__icon.error{--icon-color: var(--errorColor)}.dnd-basket-chip.error{border-color:var(--errorColor)}.dnd-basket-chip.drag-active{border-radius:6px;border:2px solid #49CC49;background:#fff;box-shadow:0 0 0 4px #49cc493d;cursor:grab}.dnd-basket-chip__group{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.dnd-basket-chip__title{overflow:hidden;color:#110529;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.dnd-basket-chip__sub-title{overflow:hidden;color:#9d9eae;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.dnd-basket-chip__title-wrapper{overflow:hidden;flex-grow:1}.dnd-basket-chip__icon-close{line-height:0;width:16px;height:16px;margin-left:12px;cursor:pointer}.dnd-basket-chip__fixed-axes-block{display:flex;flex-direction:column;gap:6px}.dnd-basket-chip__fixed-axes-block .pl-autocomplete,.dnd-basket-chip__fixed-axes-block .pl-dropdown,.dnd-basket-chip__fixed-axes-block .pl-dropdown-multi,.dnd-basket-chip__fixed-axes-block .pl-autocomplete-multi{background:#fff}.dnd-basket-chip__fixed-axes-block label{padding-top:2px;z-index:1}.double-contour-temp{--contour-offset: 4px;position:absolute;top:calc(var(--contour-offset) * -1);left:calc(var(--contour-offset) * -1);right:calc(var(--contour-offset) * -1);bottom:calc(var(--contour-offset) * -1);pointer-events:none;z-index:1;--offset-left-x: calc(var(--label-offset-left-x) + var(--contour-offset));clip-path:polygon(0 0,var(--offset-left-x) 0,var(--offset-left-x) 12px,var(--label-offset-right-x) 12px,var(--label-offset-right-x) 0,100% 0,100% 100%,0 100%,0 0)}.double-contour-temp>div{position:absolute;top:var(--contour-offset);left:var(--contour-offset);right:var(--contour-offset);bottom:var(--contour-offset)}.zoom-container{background:#fff;display:flex;position:relative;margin-right:24px}.zoom-container .zoom-border{position:absolute;border:1px solid var(--color-div-grey);border-radius:var(--border-radius-control);top:0;left:0;right:0;bottom:0}.zoom-input input::-webkit-outer-spin-button,.zoom-input input::-webkit-inner-spin-button{-webkit-appearance:none}.zoom-input .zoom-text-field{--contour-color: transparent;--contour-border-width: 1px;--contour-box-shadow: none;--prefix-color: var(--color-placeholder);min-height:var(--control-height);position:relative;border-radius:var(--border-radius-control);display:flex;flex-direction:row;align-items:center;outline:none;width:64px}.zoom-input .zoom-text-field__envelope{font-family:var(--font-family-base)}.zoom-input .zoom-text-field input{min-height:calc(var(--control-height) - 2px);line-height:calc(var(--control-height) - 2px);width:100%;border:none;font-size:inherit;background-color:transparent;color:var(--txt-01);caret-color:var(--border-color-focus);cursor:inherit;padding:0;text-align:center;font-family:var(--font-family-base)}.zoom-input .zoom-text-field input:focus{outline:none}.zoom-input .zoom-text-field__contour{border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);border-style:solid;box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.zoom-input .zoom-text-field:hover{background-color:var(--btn-sec-hover-grey)}.zoom-input .zoom-text-field:focus-within{--contour-color: var(--border-color-focus);--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--border-color-focus-shadow)}.zoom-input .zoom-text-field:before{left:0}.zoom-input .zoom-text-field:after{right:0}.zoom-input .zoom-text-field:before,.zoom-input .zoom-text-field:after{content:"";position:absolute;top:8px;bottom:8px;width:1px;background-color:var(--color-div-grey);z-index:0}.graph-info-tooltip{width:320px;border-radius:16px;background:var(--bg-base-dark);color:var(--color-ic-00);padding:16px;display:flex;flex-direction:column}.graph-info-tooltip__container{position:absolute;height:0}.graph-info-tooltip__tail{position:absolute;width:9px;height:9px;background:var(--bg-base-dark);top:-4.5px;left:-4.5px;transform:rotate(45deg)}.graph-info-tooltip .graph-info-tooltip-row{display:flex;line-height:20px;margin-bottom:6px}.graph-info-tooltip .graph-info-tooltip-row .graph-info-tooltip-title,.graph-info-tooltip .graph-info-tooltip-row .graph-info-tooltip-value{flex-basis:50%}.graph-info-tooltip .graph-info-tooltip-row__sequence{flex-direction:column}.graph-info-tooltip .graph-info-tooltip-row__sequence .graph-info-tooltip-title,.graph-info-tooltip .graph-info-tooltip-row__sequence .graph-info-tooltip-value{flex-basis:unset}.graph-info-tooltip .graph-info-tooltip-row__sequence .graph-info-tooltip-icon{margin-left:auto}.graph-info-tooltip .graph-info-tooltip-sequence-row{display:flex;background:var(--txt-02);padding:8px}.graph-info-tooltip .graph-info-tooltip-value{text-overflow:ellipsis;overflow:hidden}.graph-info-tooltip .graph-info-tooltip-close{cursor:pointer;position:absolute;top:12px;right:12px;background-color:var(--ic-02)}.graph-info-tooltip .graph-info-tooltip-clipboard{cursor:pointer;background-color:var(--ic-02);margin-left:4px}.graph-info-tooltip .graph-info-tooltip-button{margin-top:16px;--color-border-default: white}
2
2
  .slide-panel-enter-active{transition:transform .3s ease-out}.slide-panel-leave-active{transition:transform .3s ease-in-out}.slide-panel-enter-from{transform:translate(200%);opacity:0}.slide-panel-leave-to{transform:translate(200%);opacity:1}`)),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
3
- import { defineComponent as ue, mergeModels as V, useModel as q, ref as S, watch as s, toRaw as i, computed as c, shallowRef as H, onMounted as se, onUnmounted as de, useSlots as ve, createElementBlock as ce, openBlock as y, createElementVNode as pe, createVNode as J, createBlock as C, createCommentVNode as f, withCtx as x, renderSlot as P, unref as p, resolveDynamicComponent as me } from "vue";
4
- import { MiPlots as fe } from "@milaboratories/miplots4";
5
- import { DemoDataStore as ge } from "@milaboratories/pf-plots";
3
+ import { defineComponent as de, mergeModels as Z, useModel as q, ref as f, watch as s, toRaw as u, computed as c, shallowRef as H, onMounted as ce, onUnmounted as ve, useSlots as pe, createElementBlock as me, openBlock as y, createElementVNode as fe, createVNode as J, createBlock as w, createCommentVNode as g, withCtx as P, renderSlot as B, unref as v, resolveDynamicComponent as ge } from "vue";
4
+ import { MiPlots as he } from "@milaboratories/miplots4";
5
+ import { DemoDataStore as Se } from "@milaboratories/pf-plots";
6
6
  import { watchDebounced as b } from "@vueuse/core";
7
- import he from "canonicalize";
7
+ import ye from "canonicalize";
8
8
 
9
- import Se from "./components/Chart.vue.js";
10
- import ye from "./components/Loading.vue.js";
11
- import be from "./components/PanelModal.vue.js";
12
- import De from "./components/SettingsTabs/index.vue.js";
13
- import Te from "./components/TransitionSlidePanel.vue.js";
9
+ import be from "./components/Chart.vue.js";
10
+ import De from "./components/PanelModal.vue.js";
11
+ import Te from "./components/SettingsTabs/index.vue.js";
12
+ import Ce from "./components/TransitionSlidePanel.vue.js";
14
13
 
15
- import Ce from "./components/ChartErrorNotificationAlert.vue.js";
16
- import { useSettingsForm as we } from "./forms/index.js";
17
- import { provideStore as ke, createReactiveState as Oe } from "./store.js";
14
+ import we from "./components/ChartErrorNotificationAlert.vue.js";
15
+ import { useSettingsForm as ke } from "./forms/index.js";
16
+ import { provideStore as Oe, createReactiveState as xe } from "./store.js";
18
17
  import "./constantsCommon.js";
19
18
  import "./constantsAesthetic.js";
20
19
  import "d3-scale";
21
20
  import { composeChartSettings as z } from "./utils/createChartSettingsForRender/composeChartSettings.js";
22
- import { saveToFile as xe } from "./utils/saveToFile.js";
23
- import { copyJSON as w } from "./utils/copyJSON.js";
21
+ import { saveToFile as Pe } from "./utils/saveToFile.js";
22
+ import { copyJSON as k } from "./utils/copyJSON.js";
24
23
  import "@platforma-sdk/model";
25
- const Pe = { class: "graph-maker" }, Be = { class: "graph-maker__main-pane" }, _e = /* @__PURE__ */ ue({
24
+ import Be from "./components/GraphStatusScreen.vue.js";
25
+ const Ie = { class: "graph-maker" }, Fe = { class: "graph-maker__main-pane" }, tt = /* @__PURE__ */ de({
26
26
  __name: "index",
27
- props: /* @__PURE__ */ V({
27
+ props: /* @__PURE__ */ Z({
28
28
  pFrame: {},
29
29
  chartType: {},
30
30
  dataStateKey: {},
@@ -46,8 +46,8 @@ const Pe = { class: "graph-maker" }, Be = { class: "graph-maker__main-pane" }, _
46
46
  selection: {},
47
47
  selectionModifiers: {}
48
48
  }),
49
- emits: /* @__PURE__ */ V(["delete-this-graph", "tooltip-btn-click"], ["update:modelValue", "update:selection"]),
50
- setup(d, { expose: W, emit: Ie }) {
49
+ emits: /* @__PURE__ */ Z(["delete-this-graph", "tooltip-btn-click"], ["update:modelValue", "update:selection"]),
50
+ setup(d, { expose: W, emit: Ge }) {
51
51
  const n = q(d, "modelValue"), N = q(d, "selection"), l = d;
52
52
  W({
53
53
  /**
@@ -61,35 +61,35 @@ const Pe = { class: "graph-maker" }, Be = { class: "graph-maker__main-pane" }, _
61
61
  */
62
62
  resetDefaults: X
63
63
  });
64
- const B = S(null);
64
+ const O = f(null);
65
65
  s(() => l.pFrame, (e) => {
66
66
  var o;
67
67
  if (!e.ok || !e.value) {
68
- B.value = null;
68
+ O.value = null;
69
69
  return;
70
70
  }
71
71
  const a = "platforma" in window ? (o = window.platforma) == null ? void 0 : o.pFrameDriver : l.driver;
72
72
  if (!a)
73
73
  throw new Error("PFrame driver is missing");
74
- B.value = new ge(
74
+ O.value = new Se(
75
75
  e.value,
76
76
  a,
77
77
  l.labelsModifier
78
78
  );
79
79
  }, { immediate: !0, deep: !0 });
80
- const R = S(l.fixedOptions ?? []);
80
+ const R = f(l.fixedOptions ?? []);
81
81
  s(() => l.fixedOptions, (e, a) => {
82
82
  (e && a && JSON.stringify(e) !== JSON.stringify(a) || e && !a || a && !e) && (R.value = e);
83
83
  }, { deep: !0 });
84
- const v = S(l.defaultOptions);
84
+ const p = f(l.defaultOptions);
85
85
  s(() => l.defaultOptions, (e) => {
86
- e && !v.value && (v.value = e);
86
+ e && !p.value && (p.value = e);
87
87
  });
88
- const t = ke(
89
- i(n.value),
90
- B,
88
+ const t = Oe(
89
+ u(n.value),
90
+ O,
91
91
  l.chartType,
92
- v,
92
+ p,
93
93
  R,
94
94
  l.dataColumnPredicate,
95
95
  l.metaColumnPredicate,
@@ -97,8 +97,8 @@ const Pe = { class: "graph-maker" }, Be = { class: "graph-maker__main-pane" }, _
97
97
  l.defaultPalette
98
98
  );
99
99
  function Q() {
100
- const e = Oe(
101
- i(n.value),
100
+ const e = xe(
101
+ u(n.value),
102
102
  l.chartType
103
103
  );
104
104
  Object.assign(t.value.reactive, e), Object.assign(t.value.loading, {
@@ -107,7 +107,7 @@ const Pe = { class: "graph-maker" }, Be = { class: "graph-maker__main-pane" }, _
107
107
  initialDefaults: !0,
108
108
  inputGuide: !1,
109
109
  chartData: !1
110
- }), v.value = l.defaultOptions;
110
+ }), p.value = l.defaultOptions;
111
111
  }
112
112
  function X() {
113
113
  Object.assign(t.value.loading, {
@@ -116,111 +116,119 @@ const Pe = { class: "graph-maker" }, Be = { class: "graph-maker__main-pane" }, _
116
116
  initialDefaults: !0,
117
117
  inputGuide: !1,
118
118
  chartData: !1
119
- }), v.value = l.defaultOptions ? [...l.defaultOptions] : [];
119
+ }), p.value = l.defaultOptions ? [...l.defaultOptions] : [];
120
120
  }
121
121
  const $ = c(() => t.value.reactive.dataStateKey);
122
- s(() => he(l.dataStateKey), (e) => {
122
+ s(() => ye(l.dataStateKey), (e) => {
123
123
  (e !== void 0 || $.value !== void 0) && $.value !== e && (Object.assign(t.value.loading, {
124
124
  initialInputGuide: !0,
125
125
  initialCharts: !0,
126
126
  initialDefaults: !0,
127
127
  inputGuide: !1,
128
128
  chartData: !1
129
- }), v.value = l.defaultOptions ? [...l.defaultOptions] : []), t.value.reactive.dataStateKey = e;
129
+ }), p.value = l.defaultOptions ? [...l.defaultOptions] : []), t.value.reactive.dataStateKey = e;
130
130
  }, { deep: !0, immediate: !0 });
131
- const Y = c(() => we(t.value.reactive.currentTab)), r = H(null), M = S(null), K = S(!1), g = S(null), k = c(
131
+ const Y = c(() => ke(t.value.reactive.currentTab)), i = H(null), M = f(null), K = f(!1), h = f(null), x = c(
132
132
  () => l.pFrame.ok && !l.pFrame.value && !l.pFrame.stable
133
133
  ), I = c(
134
- () => t.value.loading.initialInputGuide && O.value === "loading"
135
- ), O = c((e) => {
136
- var u, m;
137
- if (k.value)
134
+ () => t.value.loading.initialInputGuide && D.value === "loading"
135
+ ), D = c((e) => {
136
+ var r, m;
137
+ if (console.log("status update"), x.value)
138
138
  return "running";
139
139
  if (l.pFrame.ok && l.pFrame.stable && !l.pFrame.value)
140
140
  return "noPframe";
141
141
  if (!l.pFrame.ok)
142
142
  return "noPframeWithError";
143
143
  const a = t.value.inputGuide.value, o = t.value.chartData.value;
144
- return a.consistent ? a.ready ? o && ((u = Object.values(o.data.byColumns.values)[0]) == null ? void 0 : u.length) === 0 ? "empty" : K.value ? ((m = g.value) == null ? void 0 : m.type) === "unknownError" ? "unknownError" : "knownError" : t.value.loading.initialCharts || e !== "ready" && t.value.loading.chartData || t.value.loading.chartRendering ? "loading" : "ready" : v.value === null || t.value.loading.defaults || t.value.loading.initialInputGuide && v.value !== void 0 ? "loading" : "notReady" : "inconsistent";
144
+ return a.consistent ? a.ready ? o && ((r = Object.values(o.data.byColumns.values)[0]) == null ? void 0 : r.length) === 0 ? "empty" : K.value ? ((m = h.value) == null ? void 0 : m.type) === "unknownError" ? "unknownError" : "knownError" : t.value.loading.initialCharts || e !== "ready" && t.value.loading.chartData || t.value.loading.chartRendering || i.value === null && (t.value.loading.inputGuide || t.value.loading.chartData) ? "loading" : "ready" : p.value === null || t.value.loading.defaults || t.value.loading.initialInputGuide ? "loading" : "notReady" : "inconsistent";
145
145
  });
146
- function Z(e) {
146
+ s(() => D.value, (e) => {
147
+ console.log("status", e);
148
+ }, { immediate: !0 });
149
+ function _(e) {
147
150
  var a;
148
151
  t.value.reactive.dendroSelectedNodeId = (a = e == null ? void 0 : e.info[0]) == null ? void 0 : a.id, t.value.reactive.dendroInfoByClick = e;
149
152
  }
150
- function h(e) {
153
+ function S(e) {
151
154
  t.value.reactive.showTooltipHint = e;
152
155
  }
153
156
  function A(e, a) {
154
- var D, T;
157
+ var T, C;
155
158
  n.value = {
156
159
  ...n.value,
157
160
  selectedPolygons: a
158
161
  };
159
- const o = (T = (D = t.value.chartData.value) == null ? void 0 : D.data) == null ? void 0 : T.axesData;
162
+ const o = (C = (T = t.value.chartData.value) == null ? void 0 : T.data) == null ? void 0 : C.axesData;
160
163
  if (e.length === 0 || !o) {
161
164
  N.value = { axesSpec: [], selectedKeys: [] };
162
165
  return;
163
166
  }
164
- const u = Object.keys(o), m = t.value.inputGuide.value;
167
+ const r = Object.keys(o), m = t.value.inputGuide.value;
165
168
  N.value = {
166
- axesSpec: u.map((L) => m.getSourceInfo(L).spec),
167
- selectedKeys: e.map((L) => u.map((re) => o[re][L]))
169
+ axesSpec: r.map((L) => m.getSourceInfo(L).spec),
170
+ selectedKeys: e.map((L) => r.map((se) => o[se][L]))
168
171
  };
169
172
  }
170
173
  function U(e) {
171
174
  t.value.reactive.lassoControlsState = e;
172
175
  }
173
176
  let F = null;
174
- function _(e) {
177
+ function ee(e) {
175
178
  e ? F = setTimeout(() => {
176
179
  t.value.loading.chartRendering = !0;
177
180
  }, 1e3) : (F && clearTimeout(F), t.value.loading.chartRendering = !1);
178
181
  }
179
- const ee = {
180
- dendro: [Z],
182
+ const j = f(!1);
183
+ function te(e) {
184
+ j.value = e;
185
+ }
186
+ const ae = {
187
+ dendro: [_],
181
188
  "scatterplot-umap": {
182
189
  onPolygonUpdate: A,
183
- onTooltipHintSwitch: h,
184
- onLassoControlsStateUpdate: U
190
+ onTooltipHintSwitch: S,
191
+ onLassoControlsStateUpdate: U,
192
+ onZoomChange: te
185
193
  },
186
- discrete: [h],
194
+ discrete: [S],
187
195
  scatterplot: {
188
196
  onPolygonUpdate: A,
189
- onTooltipHintSwitch: h,
197
+ onTooltipHintSwitch: S,
190
198
  onLassoControlsStateUpdate: U
191
199
  },
192
- histogram: [h],
193
- heatmap: { onTooltipHintSwitch: h, onLoadingChange: _ },
194
- bubble: [h]
200
+ histogram: [S],
201
+ heatmap: { onTooltipHintSwitch: S, onLoadingChange: ee },
202
+ bubble: [S]
195
203
  };
196
- function j(e) {
197
- var a, o, u, m, D;
204
+ function V(e) {
205
+ var a, o, r, m, T;
198
206
  if (e && ((a = Object.values(e.data.values)[0]) == null ? void 0 : a.length) > 0) {
199
- if (r.value)
200
- r.value.updateSettingsAndData(i(e.data), i(e.settings));
207
+ if (i.value)
208
+ i.value.updateSettingsAndData(u(e.data), u(e.settings));
201
209
  else {
202
- const T = document.getElementById("chartSvgContainer");
203
- T && (r.value = fe.newPlot(i(e.data), i(e.settings), ee[e.settings.type]), e.settings.type === "scatterplot-umap" && r.value.updateChartState("polygon", n.value.selectedPolygons ?? []), r.value.mount(T));
210
+ const C = document.getElementById("chartSvgContainer");
211
+ C && (i.value = he.newPlot(u(e.data), u(e.settings), ae[e.settings.type]), e.settings.type === "scatterplot-umap" && i.value.updateChartState("polygon", n.value.selectedPolygons ?? []), i.value.mount(C));
204
212
  }
205
- M.value = (o = r.value) != null && o.calculatedData ? { ...r.value.calculatedData } : null, K.value = ((u = r.value) == null ? void 0 : u.hasError) ?? !1, g.value = ((m = r.value) == null ? void 0 : m.errorInfo) ?? null;
213
+ M.value = (o = i.value) != null && o.calculatedData ? { ...i.value.calculatedData } : null, K.value = ((r = i.value) == null ? void 0 : r.hasError) ?? !1, h.value = ((m = i.value) == null ? void 0 : m.errorInfo) ?? null;
206
214
  } else
207
- (D = r.value) == null || D.unmount(), r.value = null, g.value = null;
215
+ (T = i.value) == null || T.unmount(), i.value = null, h.value = null;
208
216
  }
209
- s(() => O.value, (e) => {
217
+ s(() => D.value, (e) => {
210
218
  var a;
211
- (e === "notReady" || e === "noPframe") && ((a = r.value) == null || a.unmount(), r.value = null);
219
+ (e === "notReady" || e === "noPframe" || O.value === null) && ((a = i.value) == null || a.unmount(), i.value = null);
212
220
  });
213
- const E = H(null);
221
+ const G = H(null);
214
222
  s([
215
223
  () => t.value.chartData.value
216
224
  ], ([e]) => {
217
- E.value = z(
218
- i(e),
219
- i(t.value.inputGuide.value),
220
- i(t.value.uniqueValuesData.value),
221
- i(t.value.filterLabelsInfo.value),
222
- i(t.value.reactive),
223
- i(t.value.defaultPalette)
225
+ G.value = z(
226
+ u(e),
227
+ u(t.value.inputGuide.value),
228
+ u(t.value.uniqueValuesData.value),
229
+ u(t.value.filterLabelsInfo.value),
230
+ u(t.value.reactive),
231
+ u(t.value.defaultPalette)
224
232
  );
225
233
  }), s([
226
234
  () => t.value.reactive.template,
@@ -230,45 +238,45 @@ const Pe = { class: "graph-maker" }, Be = { class: "graph-maker__main-pane" }, _
230
238
  () => t.value.reactive.dataBindAes,
231
239
  () => t.value.reactive.chartScale
232
240
  ], () => {
233
- E.value = z(
234
- i(t.value.chartData.value),
235
- i(t.value.inputGuide.value),
236
- i(t.value.uniqueValuesData.value),
237
- i(t.value.filterLabelsInfo.value),
238
- i(t.value.reactive),
239
- i(t.value.defaultPalette)
241
+ G.value = z(
242
+ u(t.value.chartData.value),
243
+ u(t.value.inputGuide.value),
244
+ u(t.value.uniqueValuesData.value),
245
+ u(t.value.filterLabelsInfo.value),
246
+ u(t.value.reactive),
247
+ u(t.value.defaultPalette)
240
248
  );
241
- }, { deep: !0 }), s(() => E.value, (e) => {
242
- j(e);
243
- }), se(() => {
244
- j(null);
245
- }), de(() => {
249
+ }, { deep: !0 }), s(() => G.value, (e) => {
250
+ V(e);
251
+ }), ce(() => {
252
+ V(null);
253
+ }), ve(() => {
246
254
  var e;
247
- (e = r.value) == null || e.unmount();
255
+ (e = i.value) == null || e.unmount();
248
256
  }), b(() => t.value.reactive.optionsState, (e) => {
249
257
  n.value = {
250
258
  ...n.value,
251
- optionsState: w(e)
259
+ optionsState: k(e)
252
260
  };
253
261
  }, { deep: !0, debounce: 1e3 }), b(() => t.value.reactive.statisticsSettings, (e) => {
254
262
  n.value = {
255
263
  ...n.value,
256
- statisticsSettings: w(e)
264
+ statisticsSettings: k(e)
257
265
  };
258
266
  }, { deep: !0, debounce: 1e3 }), b(() => t.value.reactive.axesSettings, (e) => {
259
267
  n.value = {
260
268
  ...n.value,
261
- axesSettings: w(e)
269
+ axesSettings: k(e)
262
270
  };
263
271
  }, { deep: !0, debounce: 1e3 }), b(() => t.value.reactive.layersSettings, (e) => {
264
272
  n.value = {
265
273
  ...n.value,
266
- layersSettings: w(e)
274
+ layersSettings: k(e)
267
275
  };
268
276
  }, { deep: !0, debounce: 1e3 }), b(() => t.value.reactive.dataBindAes, (e) => {
269
277
  n.value = {
270
278
  ...n.value,
271
- dataBindAes: w(e)
279
+ dataBindAes: k(e)
272
280
  };
273
281
  }, { deep: !0, debounce: 1e3 }), b([
274
282
  () => t.value.reactive.chartScale,
@@ -294,104 +302,105 @@ const Pe = { class: "graph-maker" }, Be = { class: "graph-maker__main-pane" }, _
294
302
  }, (e) => {
295
303
  t.value.reactive.layersSettings.dendro.showTable = e ?? !1;
296
304
  });
297
- function te() {
305
+ function le() {
298
306
  var e;
299
- xe(
307
+ Pe(
300
308
  new Blob([
301
- ((e = r.value) == null ? void 0 : e.export()) ?? ""
309
+ ((e = i.value) == null ? void 0 : e.export()) ?? ""
302
310
  ]),
303
311
  "chart.svg"
304
312
  );
305
313
  }
306
- function ae(e) {
314
+ function ne(e) {
307
315
  n.value = {
308
316
  ...n.value,
309
317
  title: e
310
318
  };
311
319
  }
312
- function le(e) {
320
+ function oe(e) {
313
321
  var a;
314
- t.value.reactive.dendroSelectedNodeId = e, (a = r.value) == null || a.updateChartState("selectedNode", e);
322
+ t.value.reactive.dendroSelectedNodeId = e, (a = i.value) == null || a.updateChartState("selectedNode", e);
315
323
  }
316
- const G = ve(), ne = c(() => !!G.annotationsSlot), oe = c(() => !!G.settingsSlot), ie = c(() => !!G.logSlot);
324
+ const E = pe(), ie = c(() => !!E.annotationsSlot), ue = c(() => !!E.settingsSlot), re = c(() => !!E.logSlot);
317
325
  return (e, a) => {
318
326
  var o;
319
- return y(), ce("div", Pe, [
320
- pe("div", Be, [
321
- J(Se, {
322
- "graph-status": O.value,
327
+ return y(), me("div", Ie, [
328
+ fe("div", Fe, [
329
+ J(be, {
330
+ "graph-status": D.value,
323
331
  graphTitle: n.value.title,
324
332
  chartData: M.value,
325
- "chart-ref": r.value,
326
- "error-info": g.value,
333
+ "chart-ref": i.value,
334
+ "error-info": h.value,
327
335
  dendroTooltipButton: d.tooltipButton,
328
336
  "custom-status-text": d.statusText,
329
337
  "allow-title-editing": d.allowTitleEditing,
330
- onGraphTitleUpdate: ae,
331
- onDendroNodeSelect: le,
332
- onDendroTooltipBtnClick: a[0] || (a[0] = (u) => e.$emit("tooltip-btn-click", u))
338
+ isScatterplotZoomChanged: j.value,
339
+ onGraphTitleUpdate: ne,
340
+ onDendroNodeSelect: oe,
341
+ onDendroTooltipBtnClick: a[0] || (a[0] = (r) => e.$emit("tooltip-btn-click", r))
333
342
  }, {
334
- default: x(() => [
335
- P(e.$slots, "titleLineSlot")
343
+ default: P(() => [
344
+ B(e.$slots, "titleLineSlot")
336
345
  ]),
337
346
  _: 3
338
- }, 8, ["graph-status", "graphTitle", "chartData", "chart-ref", "error-info", "dendroTooltipButton", "custom-status-text", "allow-title-editing"]),
339
- I.value || k.value ? (y(), C(ye, {
347
+ }, 8, ["graph-status", "graphTitle", "chartData", "chart-ref", "error-info", "dendroTooltipButton", "custom-status-text", "allow-title-editing", "isScatterplotZoomChanged"]),
348
+ I.value || x.value ? (y(), w(Be, {
340
349
  key: 0,
341
- variant: k.value ? "running" : "loading",
350
+ graphStatus: x.value ? "running" : "loading",
342
351
  top: 67,
343
352
  left: 12,
344
353
  right: 12,
345
354
  bottom: 12,
346
- "custom-status-text": d.statusText
347
- }, null, 8, ["variant", "custom-status-text"])) : f("", !0),
348
- I.value ? f("", !0) : (y(), C(Te, {
355
+ customStatusText: d.statusText
356
+ }, null, 8, ["graphStatus", "customStatusText"])) : g("", !0),
357
+ I.value ? g("", !0) : (y(), w(Ce, {
349
358
  key: 1,
350
359
  id: "graph-settings-modal"
351
360
  }, {
352
- default: x(() => [
353
- p(t).reactive.currentTab ? (y(), C(be, {
361
+ default: P(() => [
362
+ v(t).reactive.currentTab ? (y(), w(De, {
354
363
  key: 0,
355
- onClose: a[1] || (a[1] = (u) => p(t).reactive.currentTab = null)
364
+ onClose: a[1] || (a[1] = (r) => v(t).reactive.currentTab = null)
356
365
  }, {
357
- default: x(() => [
358
- (y(), C(me(Y.value.value), null, {
359
- default: x(() => [
360
- p(t).reactive.currentTab === "annotations" ? P(e.$slots, "annotationsSlot", { key: 0 }) : f("", !0),
361
- p(t).reactive.currentTab === "settings" ? P(e.$slots, "settingsSlot", { key: 1 }) : f("", !0),
362
- p(t).reactive.currentTab === "log" ? P(e.$slots, "logSlot", { key: 2 }) : f("", !0)
366
+ default: P(() => [
367
+ (y(), w(ge(Y.value.value), null, {
368
+ default: P(() => [
369
+ v(t).reactive.currentTab === "annotations" ? B(e.$slots, "annotationsSlot", { key: 0 }) : g("", !0),
370
+ v(t).reactive.currentTab === "settings" ? B(e.$slots, "settingsSlot", { key: 1 }) : g("", !0),
371
+ v(t).reactive.currentTab === "log" ? B(e.$slots, "logSlot", { key: 2 }) : g("", !0)
363
372
  ]),
364
373
  _: 3
365
374
  }))
366
375
  ]),
367
376
  _: 3
368
- })) : f("", !0)
377
+ })) : g("", !0)
369
378
  ]),
370
379
  _: 3
371
380
  }))
372
381
  ]),
373
- J(De, {
374
- modelValue: p(t).reactive.currentTab,
375
- "onUpdate:modelValue": a[2] || (a[2] = (u) => p(t).reactive.currentTab = u),
376
- "chart-type": p(t).reactive.chartType,
377
- "graph-status": O.value,
382
+ J(Te, {
383
+ modelValue: v(t).reactive.currentTab,
384
+ "onUpdate:modelValue": a[2] || (a[2] = (r) => v(t).reactive.currentTab = r),
385
+ "chart-type": v(t).reactive.chartType,
386
+ "graph-status": D.value,
378
387
  allowDeleting: d.allowChartDeleting,
379
- hasAnnotationsSlot: ne.value,
380
- hasSettingsSlot: oe.value,
381
- hasLogSlot: ie.value,
382
- initialLoading: I.value || k.value,
383
- onExport: te,
384
- onDelete: a[3] || (a[3] = (u) => e.$emit("delete-this-graph"))
388
+ hasAnnotationsSlot: ie.value,
389
+ hasSettingsSlot: ue.value,
390
+ hasLogSlot: re.value,
391
+ initialLoading: I.value || x.value,
392
+ onExport: le,
393
+ onDelete: a[3] || (a[3] = (r) => e.$emit("delete-this-graph"))
385
394
  }, null, 8, ["modelValue", "chart-type", "graph-status", "allowDeleting", "hasAnnotationsSlot", "hasSettingsSlot", "hasLogSlot", "initialLoading"]),
386
- ((o = g.value) == null ? void 0 : o.type) === "unknownError" ? (y(), C(Ce, {
395
+ ((o = h.value) == null ? void 0 : o.type) === "unknownError" ? (y(), w(we, {
387
396
  key: 0,
388
- errorInfo: g.value
389
- }, null, 8, ["errorInfo"])) : f("", !0)
397
+ errorInfo: h.value
398
+ }, null, 8, ["errorInfo"])) : g("", !0)
390
399
  ]);
391
400
  };
392
401
  }
393
402
  });
394
403
  export {
395
- _e as default
404
+ tt as default
396
405
  };
397
406
  //# sourceMappingURL=index.vue.js.map