@milaboratories/graph-maker 1.2.5 → 1.2.7

package/dist/GraphMakerPlugin.js

@@ -0,0 +1,5 @@
+import e from "./GraphMakerPlugin.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=GraphMakerPlugin.js.map

package/dist/GraphMakerPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphMakerPlugin.js","names":[],"sources":["../src/GraphMakerPlugin.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { usePlugin, type InferPluginHandle } from '@platforma-sdk/ui-vue';\nimport { type PlSelectionModel, type PColumnSpec, getRawPlatformaInstance } from '@platforma-sdk/model';\nimport type { ChartType } from '@milaboratories/pf-plots';\nimport type { GraphMakerPlugin } from './plugin';\nimport type { GraphMakerProps, GraphMakerState, PredefinedGraphOption, StatusTextData } from './types';\nimport GraphMaker from './ui.vue';\n\nconst props = defineProps<{\n  handle: InferPluginHandle<GraphMakerPlugin>;\n  defaultOptions?: PredefinedGraphOption<ChartType>[] | null;\n  fixedOptions?: PredefinedGraphOption<ChartType>[];\n  tooltipButton?: string;\n  labelsModifier?: (id: string, label: string) => string;\n  dataColumnPredicate?: (spec: PColumnSpec) => boolean;\n  metaColumnPredicate?: (spec: PColumnSpec) => boolean;\n  statusText?: Partial<StatusTextData>;\n}>();\n\nconst emit = defineEmits<{\n  'delete-this-graph': [];\n  'tooltip-btn-click': [id: string];\n}>();\n\nconst plugin = usePlugin(props.handle);\nconst data = plugin.model.data;\n\nconst state = computed<GraphMakerState>({\n  get: () => data.state,\n  set: (v) => { data.state = v; },\n});\n\nconst selection = computed<PlSelectionModel | undefined>({\n  get: () => data.selection,\n  set: (v) => { data.selection = v; },\n});\n\nconst graphMakerProps = computed(() => ({\n  chartType: plugin.model.outputs.chartType as ChartType,\n  pFrame: plugin.model.outputs.pFrame,\n  defaultPalette: plugin.model.outputs.defaultPalette ?? undefined,\n  readonlyInputs: plugin.model.outputs.readonlyInputs ?? [],\n  allowChartDeleting: plugin.model.outputs.allowChartDeleting ?? false,\n  allowTitleEditing: plugin.model.outputs.allowTitleEditing ?? false,\n  defaultOptions: props.defaultOptions,\n  fixedOptions: props.fixedOptions,\n  driver: getRawPlatformaInstance().pFrameDriver,\n  tooltipButton: props.tooltipButton,\n  labelsModifier: props.labelsModifier,\n  dataColumnPredicate: props.dataColumnPredicate,\n  metaColumnPredicate: props.metaColumnPredicate,\n  statusText: props.statusText,\n}) as GraphMakerProps);\n</script>\n\n<template>\n  <GraphMaker\n    v-model=\"state\"\n    v-model:selection=\"selection\"\n    v-bind=\"graphMakerProps\"\n    @delete-this-graph=\"emit('delete-this-graph')\"\n    @tooltip-btn-click=\"(id: string) => emit('tooltip-btn-click', id)\"\n  >\n    <template v-for=\"(_, name) in $slots\" #[name]>\n      <slot :name=\"name\" />\n    </template>\n  </GraphMaker>\n</template>\n"],"mappings":""}

package/dist/GraphMakerPlugin.vue.d.ts

@@ -0,0 +1,37 @@
+import { InferPluginHandle } from '@platforma-sdk/ui-vue';
+import { PColumnSpec } from '@platforma-sdk/model';
+import { ChartType } from '@milaboratories/pf-plots';
+import { GraphMakerPlugin } from './plugin';
+import { PredefinedGraphOption, StatusTextData } from './types';
+type __VLS_Props = {
+    handle: InferPluginHandle<GraphMakerPlugin>;
+    defaultOptions?: PredefinedGraphOption<ChartType>[] | null;
+    fixedOptions?: PredefinedGraphOption<ChartType>[];
+    tooltipButton?: string;
+    labelsModifier?: (id: string, label: string) => string;
+    dataColumnPredicate?: (spec: PColumnSpec) => boolean;
+    metaColumnPredicate?: (spec: PColumnSpec) => boolean;
+    statusText?: Partial<StatusTextData>;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: any;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "tooltip-btn-click": (id: string) => any;
+    "delete-this-graph": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onTooltip-btn-click"?: ((id: string) => any) | undefined;
+    "onDelete-this-graph"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=GraphMakerPlugin.vue.d.ts.map

package/dist/GraphMakerPlugin.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphMakerPlugin.vue.d.ts","sourceRoot":"","sources":["../src/GraphMakerPlugin.vue"],"names":[],"mappings":"AAwEA,OAAO,EAAa,KAAK,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1E,OAAO,EAAyB,KAAK,WAAW,EAA2B,MAAM,sBAAsB,CAAC;AACxG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAoC,qBAAqB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGvG,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC5C,cAAc,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC;IAC3D,YAAY,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,EAAE,CAAC;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvD,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC;IACrD,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CACtC,CAAC;AAyCF,iBAAS,cAAc;WAwDT,OAAO,IAA6B;;;;EAKjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/GraphMakerPlugin.vue2.js

@@ -0,0 +1,61 @@
+import e from "./ui2.js";
+import { computed as t, createBlock as n, createSlots as r, defineComponent as i, mergeProps as a, openBlock as o, renderList as s, renderSlot as c, withCtx as l } from "vue";
+import { usePlugin as u } from "@platforma-sdk/ui-vue";
+import { getRawPlatformaInstance as d } from "@platforma-sdk/model";
+var f = /* @__PURE__ */ i({
+	__name: "GraphMakerPlugin",
+	props: {
+		handle: {},
+		defaultOptions: {},
+		fixedOptions: {},
+		tooltipButton: {},
+		labelsModifier: { type: Function },
+		dataColumnPredicate: { type: Function },
+		metaColumnPredicate: { type: Function },
+		statusText: {}
+	},
+	emits: ["delete-this-graph", "tooltip-btn-click"],
+	setup(i, { emit: f }) {
+		let p = i, m = f, h = u(p.handle), g = h.model.data, _ = t({
+			get: () => g.state,
+			set: (e) => {
+				g.state = e;
+			}
+		}), v = t({
+			get: () => g.selection,
+			set: (e) => {
+				g.selection = e;
+			}
+		}), y = t(() => ({
+			chartType: h.model.outputs.chartType,
+			pFrame: h.model.outputs.pFrame,
+			defaultPalette: h.model.outputs.defaultPalette ?? void 0,
+			readonlyInputs: h.model.outputs.readonlyInputs ?? [],
+			allowChartDeleting: h.model.outputs.allowChartDeleting ?? !1,
+			allowTitleEditing: h.model.outputs.allowTitleEditing ?? !1,
+			defaultOptions: p.defaultOptions,
+			fixedOptions: p.fixedOptions,
+			driver: d().pFrameDriver,
+			tooltipButton: p.tooltipButton,
+			labelsModifier: p.labelsModifier,
+			dataColumnPredicate: p.dataColumnPredicate,
+			metaColumnPredicate: p.metaColumnPredicate,
+			statusText: p.statusText
+		}));
+		return (t, i) => (o(), n(e, a({
+			modelValue: _.value,
+			"onUpdate:modelValue": i[0] ||= (e) => _.value = e,
+			selection: v.value,
+			"onUpdate:selection": i[1] ||= (e) => v.value = e
+		}, y.value, {
+			onDeleteThisGraph: i[2] ||= (e) => m("delete-this-graph"),
+			onTooltipBtnClick: i[3] ||= (e) => m("tooltip-btn-click", e)
+		}), r({ _: 2 }, [s(t.$slots, (e, n) => ({
+			name: n,
+			fn: l(() => [c(t.$slots, n)])
+		}))]), 1040, ["modelValue", "selection"]));
+	}
+});
+export { f as default };
+
+//# sourceMappingURL=GraphMakerPlugin.vue2.js.map

package/dist/GraphMakerPlugin.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphMakerPlugin.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../src/GraphMakerPlugin.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { usePlugin, type InferPluginHandle } from '@platforma-sdk/ui-vue';\nimport { type PlSelectionModel, type PColumnSpec, getRawPlatformaInstance } from '@platforma-sdk/model';\nimport type { ChartType } from '@milaboratories/pf-plots';\nimport type { GraphMakerPlugin } from './plugin';\nimport type { GraphMakerProps, GraphMakerState, PredefinedGraphOption, StatusTextData } from './types';\nimport GraphMaker from './ui.vue';\n\nconst props = defineProps<{\n  handle: InferPluginHandle<GraphMakerPlugin>;\n  defaultOptions?: PredefinedGraphOption<ChartType>[] | null;\n  fixedOptions?: PredefinedGraphOption<ChartType>[];\n  tooltipButton?: string;\n  labelsModifier?: (id: string, label: string) => string;\n  dataColumnPredicate?: (spec: PColumnSpec) => boolean;\n  metaColumnPredicate?: (spec: PColumnSpec) => boolean;\n  statusText?: Partial<StatusTextData>;\n}>();\n\nconst emit = defineEmits<{\n  'delete-this-graph': [];\n  'tooltip-btn-click': [id: string];\n}>();\n\nconst plugin = usePlugin(props.handle);\nconst data = plugin.model.data;\n\nconst state = computed<GraphMakerState>({\n  get: () => data.state,\n  set: (v) => { data.state = v; },\n});\n\nconst selection = computed<PlSelectionModel | undefined>({\n  get: () => data.selection,\n  set: (v) => { data.selection = v; },\n});\n\nconst graphMakerProps = computed(() => ({\n  chartType: plugin.model.outputs.chartType as ChartType,\n  pFrame: plugin.model.outputs.pFrame,\n  defaultPalette: plugin.model.outputs.defaultPalette ?? undefined,\n  readonlyInputs: plugin.model.outputs.readonlyInputs ?? [],\n  allowChartDeleting: plugin.model.outputs.allowChartDeleting ?? false,\n  allowTitleEditing: plugin.model.outputs.allowTitleEditing ?? false,\n  defaultOptions: props.defaultOptions,\n  fixedOptions: props.fixedOptions,\n  driver: getRawPlatformaInstance().pFrameDriver,\n  tooltipButton: props.tooltipButton,\n  labelsModifier: props.labelsModifier,\n  dataColumnPredicate: props.dataColumnPredicate,\n  metaColumnPredicate: props.metaColumnPredicate,\n  statusText: props.statusText,\n}) as GraphMakerProps);\n</script>\n\n<template>\n  <GraphMaker\n    v-model=\"state\"\n    v-model:selection=\"selection\"\n    v-bind=\"graphMakerProps\"\n    @delete-this-graph=\"emit('delete-this-graph')\"\n    @tooltip-btn-click=\"(id: string) => emit('tooltip-btn-click', id)\"\n  >\n    <template v-for=\"(_, name) in $slots\" #[name]>\n      <slot :name=\"name\" />\n    </template>\n  </GraphMaker>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EASA,IAAM,IAAQ,GAWR,IAAO,GAKP,IAAS,EAAU,EAAM,OAAO,EAChC,IAAO,EAAO,MAAM,MAEpB,IAAQ,EAA0B;GACtC,WAAW,EAAK;GAChB,MAAM,MAAM;AAAE,MAAK,QAAQ;;GAC5B,CAAC,EAEI,IAAY,EAAuC;GACvD,WAAW,EAAK;GAChB,MAAM,MAAM;AAAE,MAAK,YAAY;;GAChC,CAAC,EAEI,IAAkB,SAAgB;GACtC,WAAW,EAAO,MAAM,QAAQ;GAChC,QAAQ,EAAO,MAAM,QAAQ;GAC7B,gBAAgB,EAAO,MAAM,QAAQ,kBAAkB,KAAA;GACvD,gBAAgB,EAAO,MAAM,QAAQ,kBAAkB,EAAE;GACzD,oBAAoB,EAAO,MAAM,QAAQ,sBAAsB;GAC/D,mBAAmB,EAAO,MAAM,QAAQ,qBAAqB;GAC7D,gBAAgB,EAAM;GACtB,cAAc,EAAM;GACpB,QAAQ,GAAyB,CAAC;GAClC,eAAe,EAAM;GACrB,gBAAgB,EAAM;GACtB,qBAAqB,EAAM;GAC3B,qBAAqB,EAAM;GAC3B,YAAY,EAAM;GACnB,EAAqB;yBAIpB,EAUa,GAVb,EAUa;eATF,EAAA;4CAAK,QAAA;GACN,WAAW,EAAA;2CAAS,QAAA;KACpB,EAAA,OAAe;GACtB,mBAAiB,AAAA,EAAA,QAAA,MAAE,EAAI,oBAAA;GACvB,mBAAiB,AAAA,EAAA,QAAG,MAAe,EAAI,qBAAsB,EAAE;qBAElCA,EAAAA,SAAZ,GAAG;GAAkB;eAChB,CAArB,EAAqB,EAAA,QAAR,EAAI,CAAA,CAAA"}

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -1,10 +1,6 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
 };
-export {
-  s as default
-};
-//# sourceMappingURL=_plugin-vue_export-helper.js.map
+export { e as default };

package/dist/assets/ui.css

@@ -1 +1 @@
-.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__bottom{position:relative;margin-top:-1px}.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}.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}
+.graph-maker .settings-tabs{border:1px solid var(--color-div-grey);background:var(--bg-elevated-01);z-index:1;border-radius:6px;flex-direction:column;display:flex}.graph-maker .settings-tabs>div{--divider-display:block;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.graph-maker .settings-tabs>div:after{content:"";border-bottom:1px solid var(--color-div-grey);display:var(--divider-display);position:absolute;bottom:0;left:8px;right:8px}.graph-maker .settings-tabs>div:last-child{--divider-display:none}.graph-maker .settings-tabs>div.active{border:1px solid var(--color-border-default);background:var(--btn-switcher-bg);box-shadow:var(--btn-shape-shadow);border-radius:6px}.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{border-top:1px solid var(--color-div-grey);border-bottom:0;margin-top:auto}.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{background-color:#fff;height:100%;padding:12px;display:flex;position:relative;overflow:hidden}.graph-maker__main-pane{z-index:1;width:100%;position:relative;overflow:hidden}.graph-maker .settings-tabs{align-self:start;margin-left:auto}.graph-maker .chart_container{flex-direction:column;width:100%;height:100%;padding:12px 24px 0 12px;display:flex;position:relative}.graph-maker .chart_container .chart_header{max-width:100%;margin-bottom:16px;display:flex}.graph-maker .chart_container .chart_titleEdit{opacity:0;pointer-events:none;margin-top:11px;margin-left:-24px}.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);text-overflow:ellipsis;cursor:pointer;field-sizing:content;background:0 0;border:none;outline:none;height:40px;margin-left:-2px;padding-right:28px;font-size:28px}.graph-maker .chart_container .chart_title:disabled{cursor:default}.graph-maker .chart_container .chart_titleLineSlot{align-content:center;margin-left:auto;display:flex}.graph-maker .chart_container .chart_tooltipHint{animation:.2s linear tooltipAppears;position:fixed;left:50%;transform:translate(-85px)}.graph-maker .chart_container .chart_controls{display:flex;position:absolute;bottom:12px;left:12px}@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{width:100%;height:100%;padding-bottom:40px;display:flex;position:relative;overflow:auto}.graph-maker .chart_container .chart_main-content__dendro{padding-top:24px}.graph-maker .chart_container .chart_main-content__dendro .dendro-table{z-index:0;flex-shrink:0;margin-top:-3px;position:relative}.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 #0f244d14, 0px 4px 12px -2px #0f244d14}.graph-maker .panel-modal{border:1px solid var(--color-div-grey);background:var(--bg-elevated-01);z-index:1;min-width:304px;box-shadow:var(--modal-shadow);border-radius:6px;flex-direction:column;margin:0;display:flex;position:absolute;top:0;bottom:6px;right:6px}.graph-maker .panel-modal .close-panel-modal{position:absolute;top:4px;right:4px}.graph-maker .panel-modal h3{color:var(--txt-01);letter-spacing:-.2px;font-size:20px;font-style:normal;font-weight:500;line-height:24px;font-family:var(--font-family-base);cursor:default;margin:0}.graph-maker .panel-modal .inputs-block{flex-direction:column;height:100%;margin:32px -32px 0;padding:0 32px;display:flex;overflow:hidden auto}.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{margin-bottom:12px;display:flex}.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{align-items:center;margin:12px 0;display:flex}.graph-maker .panel-modal .checkbox-item span{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--txt-01);margin-left:8px}.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);letter-spacing:.44px;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));font-size:11px;font-style:normal;font-weight:500;line-height:12px}.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);margin-top:4px;font-size:12px;line-height:16px}.graph-maker .panel-modal .data-form{height:100%;display:flex;overflow:hidden}.graph-maker .panel-modal .data-form .left-block,.graph-maker .panel-modal .data-form .right-block{flex-direction:column;max-width:320px;height:100%;padding:16px 24px;display:flex;overflow:hidden}.graph-maker .panel-modal .data-form .left-block{width:320px}.graph-maker .panel-modal .data-form .separator{border:.5px solid var(--color-div-grey);width:0;position:relative}.graph-maker .panel-modal .data-form .separator .arrow-circle{border:1px solid var(--color-div-grey);background:#fff;border-radius:32px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:11px;left:-16px}.graph-maker .panel-modal .data-form .separator .mask{cursor:default;background-color:var(--txt-01);position:static}.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);flex-direction:column;margin:24px -32px 0;padding:0 32px;display:flex;overflow:hidden}.graph-maker .panel-modal .data-form .metadata-block .title{cursor:default;margin-bottom:8px}.graph-maker .panel-modal .data-form .metadata-block .metadata-item{margin:3px 0}.graph-maker .panel-modal .data-form .metadata-block__items{flex-direction:column;margin-right:-8px;padding-right:8px;display:flex;overflow:auto}.graph-maker .panel-modal .data-form .metadata-block__search{margin-bottom:16px}.graph-maker .panel-modal .stat-form{flex-direction:column;height:100%;padding:16px 24px;display:flex;overflow:auto}.graph-maker .panel-modal .stat-form .section-title{margin:20px 0 12px}.graph-maker .panel-modal .template-form{flex-direction:column;height:100%;display:flex;overflow:hidden}.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);cursor:pointer;align-items:center;height:40px;padding:0 24px;display:flex;position:relative}.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{flex-direction:column;height:100%;display:flex;overflow:hidden}.graph-maker .panel-modal .settings-form .settings-title{padding:16px 24px 8px}.graph-maker .panel-modal .settings-form .settings-list{flex-direction:column;gap:16px;padding:24px;display:flex}.graph-maker .panel-modal .layers-form,.graph-maker .panel-modal .axes-form{height:100%;font-family:var(--font-family-base);flex-direction:column;display:flex;overflow:hidden}.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{height:100%;overflow:auto}.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{height:20px;margin:24px 0}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-options-row{font-size:var(--font-size-base);justify-content:space-between;align-items:center;margin:24px 0;display:flex}.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);margin:0;padding:8px 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{border-top:1px solid var(--color-div-grey);padding:0 24px 8px}.graph-maker .panel-modal .collapsable-block-container{border-top:1px solid var(--color-div-grey);--title-height:48px;max-height:100vh;transition:max-height .3s}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title{font-family:var(--font-family-base);font-size:var(--font-size-base);height:var(--title-height);cursor:pointer;background-color:#0000;align-items:center;padding:0 24px;font-weight:600;transition:background-color .3s;display:flex;position:relative}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title:before{content:"";opacity:.5;background:linear-gradient(var(--color-active-select) 0, #fff var(--title-height));z-index:0;transition:opacity .3s;position:absolute;inset: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{background-color:#0000;padding:24px;transition:background-color .3s}.graph-maker .panel-modal .collapsable-block-container.minimized{max-height:var(--title-height);overflow:hidden}.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{animation:.3s delay-overflow;overflow:visible}@keyframes delay-overflow{0%{overflow:hidden}}.graph-maker .btn-icon-group{--size:32px;display:inline-flex}.graph-maker .btn-icon-group .btn-icon-group__option{width:var(--size);height:var(--size);cursor:pointer;color:var(--color-dis-01);justify-content:center;align-items:center;display:flex}.graph-maker .btn-icon-group .btn-icon-group__option.active{color:var(--main-dark-color)}.fixed-aes-list{flex-wrap:wrap;padding:20px;display:flex;overflow:auto}.fixed-aes-list__rows{flex-flow:column;flex-shrink:1;flex-basis:100%;padding:16px}.fixed-aes-list .color-item{cursor:pointer;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;margin:6px;display:flex;position:relative}.fixed-aes-list .color-item:after{content:"";border:1px solid var(--color-ic-01);opacity:0;border-radius:6px;width:32px;height:32px;position:absolute;top:-4px;left:-4px}.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:"";border:1px solid var(--color-div-grey);border-radius:1px;width:20px;height:20px;position:absolute;top:1px;left: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>") 50% no-repeat}.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{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;width:100%;height:32px;padding:0 12px;display:flex}.fixed-aes-list .row-item:hover{background-color:var(--color-sec-hover-grey)}.fixed-aes-list .row-item__selected{border-color:var(--color-ic-01);cursor:default;pointer-events:none;background-color:#0000}.fixed-aes-list .row-item__title{font-size:var(--font-size-base);margin-right:8px}.fixed-aes-list .row-item__line{width:120px;height:100%}.graph-maker .aes-settings-form{width:368px;font-family:var(--font-family-base);z-index:1;border:1px solid var(--color-div-grey);box-shadow:var(--modal-shadow);background:#fff;border-radius:6px;flex-direction:column;margin:0;display:flex;position:absolute;top:-1px;bottom:-1px;right:-1px;overflow:hidden}.graph-maker .aes-settings-form__header{padding:16px 24px 0}.graph-maker .aes-settings-form__header .back-link{cursor:pointer;font-size:var(--font-size-base);align-items:center;margin:0 0 8px -8px;display:flex}.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{flex-direction:column;display:flex;overflow:hidden}.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{height:40px;font-size:var(--font-size-base);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.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{border-radius:3px;min-width:196px;height:24px;display:flex;overflow:hidden}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette .palette-gradient__item{border-left:.5px solid #fff;border-right:.5px solid #fff;flex-basis:100%}.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{font-family:var(--font-family-base);color:var(--txt-03);padding:0 24px;font-size:12px}.graph-maker .aes-settings-form .column-values-list{--contour-color:var(--color-focus);--contour-border-width:2px;--contour-box-shadow:0 0 0 4px var(--color-focus-shadow);padding:8px 24px 24px;overflow:auto}.graph-maker .aes-settings-form .column-values-list .column-value{border-radius:var(--border-radius-control);border:1px solid var(--color-div-grey);background-color:var(--color-ic-00);align-items:center;min-height:40px;margin-bottom:6px;padding-left:12px;padding-right:2px;display:flex}.graph-maker .aes-settings-form .column-values-list .column-value__reorder-icon{cursor:pointer;margin-left:-12px;margin-right:-4px;padding:12px}.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{flex-shrink:0;align-items:center;margin-left:auto;display:flex}.graph-maker .aes-settings-form .column-values-list .column-value__aes{cursor:pointer;background:var(--color-ic-00);border-radius:var(--border-radius-control);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.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{text-overflow:ellipsis;margin-right:8px;line-height:24px;overflow:hidden}.graph-maker .aes-settings-form .column-values-list .column-value__color{border-radius:3px;width:18px;height:18px}.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);border-radius:var(--border-radius-control);cursor:pointer;outline:none;flex-direction:row;align-items:center;display:flex;position:relative}.ui-multiselect-button__envelope{font-family:var(--font-family-base)}.ui-multiselect-button label{top:0;left:var(--label-offset-left-x);white-space:pre;text-overflow:ellipsis;max-width:calc(100% - 16px);cursor:inherit;color:var(--label-color);align-items:center;padding:0 4px;font-size:12px;font-weight:500;display:flex;position:absolute;overflow:hidden;transform:translateY(-60%)}.ui-multiselect-button__contour{border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none;border-style:solid;position:absolute;inset:0}.ui-multiselect-button__content{font-size:var(--font-size-base);flex-basis:100%;align-items:center;padding:8px 12px;display:flex}.ui-multiselect-button__content .title{margin-right:auto}.ui-multiselect-button__content .gradient{border-radius:3px;min-width:113px;height:18px;display:flex;overflow:hidden}.ui-multiselect-button__content .gradient__item{border-left:.5px solid #fff;border-right:.5px solid #fff;flex-basis:100%}.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{background-color:var(--color-ic-01);margin-left:8px;position:relative}.ui-multiselect-button__content .icon__fill,.ui-multiselect-button__content .icon__stroke{border-radius:3px;width:18px;height:18px;margin:0 4px}.ui-multiselect-button__content .icon__stroke{background:0 0;border:3px solid}.ui-multiselect-button__content .icon__stroke.icon__white:before{content:"";border:1px solid var(--color-div-grey);border-radius:1px;width:14px;height:14px;position:absolute;top:1px;left: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>") 50% no-repeat}.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);border-radius:var(--border-radius-control);cursor:pointer;font-family:var(--font-family-base);outline:none;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.ui-aes-button .icon{position:relative}.ui-aes-button .icon__fill,.ui-aes-button .icon__stroke{border-radius:3px;width:18px;height:18px;margin:0 4px}.ui-aes-button .icon__stroke{background:0 0;border:3px solid}.ui-aes-button .icon__stroke.icon__white:before{content:"";border:1px solid var(--color-div-grey);border-radius:1px;width:14px;height:14px;position:absolute;top:1px;left: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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}svg.line{stroke-width:1.5px;width:100%;height:100%;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{width:24px;height: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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.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>") 50% no-repeat}.popup{--modal-shadow:0 6px 24px -2px #0f244d14, 0px 4px 12px -2px #0f244d14;width:0;height:0;position:absolute}.popup__content{z-index:3;background:var(--color-ic-00);border:1px solid var(--color-div-grey);width:max-content;box-shadow:var(--modal-shadow);font-family:var(--font-family-base);border-radius:6px;display:inline-block;position:absolute}.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{top:2px;right:20px;transform:translate(50%)translateY(-100%)rotate(90deg)}.popup__content.left-bottom{top:0;right:0}.popup__content.left-bottom .beak{right:0;transform:translate(100%)rotate(180deg)}.pl-color-slider{border:1px solid var(--color-border-default);border-radius:6px;height:32px;display:flex}.pl-color-slider__wrapper{width:100%;height:100%;position:relative}.pl-color-slider__color-contaier{z-index:2;background-color:#f0f0f0;border-radius:5px;width:100%;height:100%;padding:0 16px;position:absolute}.pl-color-slider__gradient{height:100%}.pl-color-slider__thumbs-contaier{z-index:2;border-radius:4px;height:100%;position:relative}.pl-color-slider__thumb{background-color:var(--txt-01);z-index:5;outline:none;width:1px;height:100%;position:absolute}.pl-color-slider__thumb-roof{cursor:pointer;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");width:8px;height:8px;position:absolute;bottom:-4px;left:-3.5px}.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") -6px -4px no-repeat;border-radius:4px;width:24px;height:32px;transition:all .1s ease-in-out;position:absolute;bottom:-25px;left:-11.5px}.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;transition:all .5s;transform:scale(1)}.pl-color-slider__thumb-color-indicator{opacity:0;pointer-events:none;border-radius:4px;width:18px;height:18px;position:absolute;bottom:3px;left:3px;transform:scale(0)}.dnd-chip{cursor:grab;background:#f7f8fa;border:1px solid #e1e3eb;border-radius:6px;align-items:center;width:100%;margin-bottom:6px;padding:10px 12px;display:flex}.dnd-chip.drag-active,.dnd-chip:hover{background:#fff;position:relative}.dnd-chip.drag-active:after,.dnd-chip:hover:after{content:"";pointer-events:none;z-index:10;border:1px solid #49cc49;border-radius:6px;position:absolute;inset:-1px}.dnd-chip.drag-active:after{border-width:2px;box-shadow:0 0 0 4px #49cc493d}.dnd-chip__title{color:#110529;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;line-height:20px;overflow:hidden}.dnd-chip__sub-title{color:#9d9eae;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:12px;font-style:normal;font-weight:500;line-height:16px;overflow:hidden}.dnd-chip__title-wrapper{overflow:hidden}.dnd-chip__icon{flex-shrink:0;width:16px;height:16px;margin-right:12px}.dnd-chip__icon svg{width:100%;height:100%}.dnd-basket{background:#f7f8fa;border:1px solid #e1e3eb;border-radius:6px;padding:10px 12px 12px}.dnd-basket__required{position:relative}.dnd-basket__required svg{margin-right:2px;position:relative;top:4px;left:2px}.dnd-basket__title{color:#110529;cursor:default;margin-bottom:6px;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.dnd-basket__chip-wrapper .dnd-basket-chip:last-child{margin-bottom:0}.dnd-basket__placeholder{color:#9d9eae;cursor:default;border:1.5px dashed #e1e3eb;border-radius:6px;justify-content:center;align-items:center;height:40px;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;display:flex}.dnd-basket.disabled,.dnd-basket.readonly{opacity:.24;cursor:no-drop}.dnd-basket.readonly{pointer-events:none}.dnd-basket.active,.dnd-basket:hover{background:#63e0241f;border:1px solid #49cc49}.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{cursor:default;background:#fff;position:relative}.dnd-double-chip .mask-drag-dots{width:16px;height:16px;color:var(--ic-02);flex-shrink:0;margin-right:12px;display:none}.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{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.dnd-double-chip__bottom{margin-top:-1px;position:relative}.dnd-double-chip__top{border:1px solid #110529;border-radius:6px 6px 0 0;align-items:center;padding:10px 12px;display:flex}.dnd-double-chip__icon-close,.dnd-double-chip__icon{width:16px;height:16px;line-height:0}.dnd-double-chip__icon{margin-right:12px}.dnd-double-chip__icon.error{--icon-color:var(--errorColor)}.dnd-double-chip__icon-close{cursor:pointer;margin-left:12px}.dnd-double-chip__title-wrapper{flex-grow:1;overflow:hidden}.dnd-double-chip__title{color:#110529;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;line-height:20px;overflow:hidden}.dnd-double-chip__bottom-range{border:1px solid #000;border-top:none;border-bottom-right-radius:6px;border-bottom-left-radius:6px;flex-direction:column;padding:12px;display:flex}.dnd-double-chip__bottom-range-row+.dnd-double-chip__bottom-range-row{margin-top:12px}.dnd-basket-chip{border:1px solid var(--txt-01);z-index:1;cursor:default;--errorColor:#ff5c5c;background:#fff;border-radius:6px;align-items:center;width:100%;padding:10px 12px;display:flex;position:relative}.dnd-basket-chip__handler{cursor:grab;z-index:20;position:absolute;inset:0 36px 0 0}.dnd-basket-chip .mask-drag-dots{width:16px;height:16px;color:var(--ic-02);flex-shrink:0;margin-right:12px;display:none}.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{flex-shrink:0;width:16px;height:16px;margin-right:12px}.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{cursor:grab;background:#fff;border:2px solid #49cc49;border-radius:6px;box-shadow:0 0 0 4px #49cc493d}.dnd-basket-chip__group{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.dnd-basket-chip__title{color:#110529;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;line-height:20px;overflow:hidden}.dnd-basket-chip__sub-title{color:#9d9eae;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:12px;font-style:normal;font-weight:500;line-height:16px;overflow:hidden}.dnd-basket-chip__title-wrapper{flex-grow:1;overflow:hidden}.dnd-basket-chip__icon-close{cursor:pointer;width:16px;height:16px;margin-left:12px;line-height:0}.double-contour-temp{--contour-offset:4px;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);position:absolute}.double-contour-temp>div{top:var(--contour-offset);left:var(--contour-offset);right:var(--contour-offset);bottom:var(--contour-offset);position:absolute}.zoom-container{background:#fff;margin-right:24px;display:flex;position:relative}.zoom-container .zoom-border{border:1px solid var(--color-div-grey);border-radius:var(--border-radius-control);position:absolute;inset:0}.zoom-input input::-webkit-outer-spin-button{-webkit-appearance:none}.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);border-radius:var(--border-radius-control);outline:none;flex-direction:row;align-items:center;width:64px;display:flex;position:relative}.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%;font-size:inherit;color:var(--txt-01);caret-color:var(--border-color-focus);cursor:inherit;text-align:center;font-family:var(--font-family-base);background-color:#0000;border:none;padding:0}.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);box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none;border-style:solid}.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:"";background-color:var(--color-div-grey);z-index:0;width:1px;position:absolute;top:8px;bottom:8px}.graph-info-tooltip{background:var(--bg-base-dark);width:320px;color:var(--color-ic-00);border-radius:16px;flex-direction:column;padding:16px;display:flex}.graph-info-tooltip__container{height:0;position:absolute}.graph-info-tooltip__tail{background:var(--bg-base-dark);width:9px;height:9px;position:absolute;top:-4.5px;left:-4.5px;transform:rotate(45deg)}.graph-info-tooltip .graph-info-tooltip-row{margin-bottom:6px;line-height:20px;display:flex}.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{background:var(--txt-02);padding:8px;display:flex}.graph-info-tooltip .graph-info-tooltip-value{text-overflow:ellipsis;overflow:hidden}.graph-info-tooltip .graph-info-tooltip-close{cursor:pointer;background-color:var(--ic-02);position:absolute;top:12px;right:12px}.graph-info-tooltip .graph-info-tooltip-clipboard{cursor:pointer;background-color:var(--ic-02);margin-left:4px}.graph-info-tooltip .graph-info-tooltip-button{--color-border-default:white;margin-top:16px}

package/dist/components/AesButton.js

@@ -0,0 +1,5 @@
+import e from "./AesButton.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=AesButton.js.map

package/dist/components/AesButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AesButton.js","names":[],"sources":["../../src/components/AesButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport ColorsIcon from '../icons/ColorsIcon.vue';\nimport DoubleContour from './DoubleContourTemp.vue';\n\nexport type AesButtonProps = { data: {\n  type: 'stroke';\n  value: string;\n}\n| {\n  type: 'fill';\n  value: string;\n}\n| {\n  type: 'lineType';\n  value: string;\n}\n| {\n  type: 'dotShape';\n  value: string;\n}\n| {\n  type: 'size';\n  value: number;\n}\n| {\n  type: 'data';\n  value: null;\n}; };\nconst _emit = defineEmits(['ref']);\nconst props = defineProps<AesButtonProps>();\n\nconst isColor = props.data.type === 'fill' || props.data.type === 'stroke';\n\nconst strokeOrFillClass = computed(() => ({\n  icon__white: isColor && props.data.value.toLowerCase() === '#ffffff',\n  icon__empty: isColor && props.data.value.toLowerCase() === 'transparent',\n}));\nconst strokeOrFillStyle = computed(() => {\n  if (props.data.type === 'fill') {\n    return { ['background-color']: props.data.value };\n  }\n  if (\n    props.data.type === 'stroke'\n    && !strokeOrFillClass.value.icon__empty\n    && !strokeOrFillClass.value.icon__white\n  ) {\n    return { ['border-color']: props.data.value };\n  }\n  return {};\n});\n</script>\n\n<template>\n  <div :ref=\"(el) => $emit('ref', el)\" class=\"ui-aes-button\">\n    <DoubleContour class=\"ui-multiselect-button__contour\" />\n    <div\n      v-if=\"data.type === 'fill'\"\n      class=\"icon icon__fill\"\n      :class=\"strokeOrFillClass\"\n      :style=\"strokeOrFillStyle\"\n    />\n    <div\n      v-else-if=\"data.type === 'stroke'\"\n      class=\"icon icon__stroke\"\n      :class=\"strokeOrFillClass\"\n      :style=\"strokeOrFillStyle\"\n    />\n    <div\n      v-else-if=\"data.type === 'dotShape'\"\n      class=\"icon dot\"\n      :class=\"{ [`dot__${data.value}`]: true}\"\n    />\n    <div\n      v-else-if=\"data.type === 'lineType'\"\n      class=\"icon icon__line\"\n      :class=\"{ [`line__${data.value}`]: true}\"\n    />\n    <span v-else-if=\"data.type === 'size'\" class=\"size\">{{ data.value }}</span>\n    <component :is=\"ColorsIcon\" v-else-if=\"data.type === 'data'\" class=\"icon\" />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/AesButton.vue2.js

@@ -1,5 +1,41 @@
-import f from "./AesButton.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=AesButton.vue2.js.map
+import e from "../icons/ColorsIcon.js";
+import t from "./DoubleContourTemp.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, resolveDynamicComponent as d, toDisplayString as f } from "vue";
+var p = {
+	key: 4,
+	class: "size"
+}, m = /* @__PURE__ */ s({
+	__name: "AesButton",
+	props: { data: {} },
+	emits: ["ref"],
+	setup(s, { emit: m }) {
+		let h = s, g = h.data.type === "fill" || h.data.type === "stroke", _ = n(() => ({
+			icon__white: g && h.data.value.toLowerCase() === "#ffffff",
+			icon__empty: g && h.data.value.toLowerCase() === "transparent"
+		})), v = n(() => h.data.type === "fill" ? { "background-color": h.data.value } : h.data.type === "stroke" && !_.value.icon__empty && !_.value.icon__white ? { "border-color": h.data.value } : {});
+		return (n, m) => (u(), a("div", {
+			ref: (e) => n.$emit("ref", e),
+			class: "ui-aes-button"
+		}, [o(t, { class: "ui-multiselect-button__contour" }), s.data.type === "fill" ? (u(), a("div", {
+			key: 0,
+			class: c(["icon icon__fill", _.value]),
+			style: l(v.value)
+		}, null, 6)) : s.data.type === "stroke" ? (u(), a("div", {
+			key: 1,
+			class: c(["icon icon__stroke", _.value]),
+			style: l(v.value)
+		}, null, 6)) : s.data.type === "dotShape" ? (u(), a("div", {
+			key: 2,
+			class: c(["icon dot", { [`dot__${s.data.value}`]: !0 }])
+		}, null, 2)) : s.data.type === "lineType" ? (u(), a("div", {
+			key: 3,
+			class: c(["icon icon__line", { [`line__${s.data.value}`]: !0 }])
+		}, null, 2)) : s.data.type === "size" ? (u(), a("span", p, f(s.data.value), 1)) : s.data.type === "data" ? (u(), r(d(e), {
+			key: 5,
+			class: "icon"
+		})) : i("", !0)], 512));
+	}
+});
+export { m as default };
+
+//# sourceMappingURL=AesButton.vue2.js.map

package/dist/components/AesButton.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"AesButton.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"AesButton.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../src/components/AesButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport ColorsIcon from '../icons/ColorsIcon.vue';\nimport DoubleContour from './DoubleContourTemp.vue';\n\nexport type AesButtonProps = { data: {\n  type: 'stroke';\n  value: string;\n}\n| {\n  type: 'fill';\n  value: string;\n}\n| {\n  type: 'lineType';\n  value: string;\n}\n| {\n  type: 'dotShape';\n  value: string;\n}\n| {\n  type: 'size';\n  value: number;\n}\n| {\n  type: 'data';\n  value: null;\n}; };\nconst _emit = defineEmits(['ref']);\nconst props = defineProps<AesButtonProps>();\n\nconst isColor = props.data.type === 'fill' || props.data.type === 'stroke';\n\nconst strokeOrFillClass = computed(() => ({\n  icon__white: isColor && props.data.value.toLowerCase() === '#ffffff',\n  icon__empty: isColor && props.data.value.toLowerCase() === 'transparent',\n}));\nconst strokeOrFillStyle = computed(() => {\n  if (props.data.type === 'fill') {\n    return { ['background-color']: props.data.value };\n  }\n  if (\n    props.data.type === 'stroke'\n    && !strokeOrFillClass.value.icon__empty\n    && !strokeOrFillClass.value.icon__white\n  ) {\n    return { ['border-color']: props.data.value };\n  }\n  return {};\n});\n</script>\n\n<template>\n  <div :ref=\"(el) => $emit('ref', el)\" class=\"ui-aes-button\">\n    <DoubleContour class=\"ui-multiselect-button__contour\" />\n    <div\n      v-if=\"data.type === 'fill'\"\n      class=\"icon icon__fill\"\n      :class=\"strokeOrFillClass\"\n      :style=\"strokeOrFillStyle\"\n    />\n    <div\n      v-else-if=\"data.type === 'stroke'\"\n      class=\"icon icon__stroke\"\n      :class=\"strokeOrFillClass\"\n      :style=\"strokeOrFillStyle\"\n    />\n    <div\n      v-else-if=\"data.type === 'dotShape'\"\n      class=\"icon dot\"\n      :class=\"{ [`dot__${data.value}`]: true}\"\n    />\n    <div\n      v-else-if=\"data.type === 'lineType'\"\n      class=\"icon icon__line\"\n      :class=\"{ [`line__${data.value}`]: true}\"\n    />\n    <span v-else-if=\"data.type === 'size'\" class=\"size\">{{ data.value }}</span>\n    <component :is=\"ColorsIcon\" v-else-if=\"data.type === 'data'\" class=\"icon\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;EA8BA,IAAM,IAAQ,GAER,IAAU,EAAM,KAAK,SAAS,UAAU,EAAM,KAAK,SAAS,UAE5D,IAAoB,SAAgB;GACxC,aAAa,KAAW,EAAM,KAAK,MAAM,aAAa,KAAK;GAC3D,aAAa,KAAW,EAAM,KAAK,MAAM,aAAa,KAAK;GAC5D,EAAE,EACG,IAAoB,QACpB,EAAM,KAAK,SAAS,SACf,EAAG,oBAAqB,EAAM,KAAK,OAAO,GAGjD,EAAM,KAAK,SAAS,YACjB,CAAC,EAAkB,MAAM,eACzB,CAAC,EAAkB,MAAM,cAErB,EAAG,gBAAiB,EAAM,KAAK,OAAO,GAExC,EAAE,CACT;yBAIA,EA0BM,OAAA;GA1BA,MAAM,MAAOA,EAAAA,MAAK,OAAQ,EAAE;GAAG,OAAM;MACzC,EAAwD,GAAA,EAAzC,OAAM,kCAAgC,CAAA,EAE7C,EAAA,KAAK,SAAI,UAAA,GAAA,EADjB,EAKE,OAAA;;GAHA,OAAK,EAAA,CAAC,mBACE,EAAA,MAAiB,CAAA;GACxB,OAAK,EAAE,EAAA,MAAiB;iBAGd,EAAA,KAAK,SAAI,YAAA,GAAA,EADtB,EAKE,OAAA;;GAHA,OAAK,EAAA,CAAC,qBACE,EAAA,MAAiB,CAAA;GACxB,OAAK,EAAE,EAAA,MAAiB;iBAGd,EAAA,KAAK,SAAI,cAAA,GAAA,EADtB,EAIE,OAAA;;GAFA,OAAK,EAAA,CAAC,YAAU,GAAA,QACG,EAAA,KAAK,UAAK,IAAA,CAAA,CAAA;iBAGlB,EAAA,KAAK,SAAI,cAAA,GAAA,EADtB,EAIE,OAAA;;GAFA,OAAK,EAAA,CAAC,mBAAiB,GAAA,SACH,EAAA,KAAK,UAAK,IAAA,CAAA,CAAA;iBAEf,EAAA,KAAK,SAAI,UAAA,GAAA,EAA1B,EAA2E,QAA3E,GAA2E,EAApB,EAAA,KAAK,MAAK,EAAA,EAAA,IAC1B,EAAA,KAAK,SAAI,UAAA,GAAA,EAAhD,EAA4E,EAA5D,EAAU,EAAA;;GAAmC,OAAM"}

package/dist/components/AesSettings/AesDataMappingContinuous.js

@@ -0,0 +1,5 @@
+import e from "./AesDataMappingContinuous.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=AesDataMappingContinuous.js.map

package/dist/components/AesSettings/AesDataMappingContinuous.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AesDataMappingContinuous.js","names":[],"sources":["../../../src/components/AesSettings/AesDataMappingContinuous.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlBtnGroup, PlNumberField } from '@platforma-sdk/ui-vue';\nimport { ref, watch } from 'vue';\nimport type { ContinuousPalette, Palette } from './types';\nimport { PALETTE_MAP } from '../../constantsAesthetic';\nimport type { AestheticMappingContinuous } from '../../dataBindAes';\nimport { createContinuousMappingFromPalette } from '../../dataBindAes';\nimport FormWrapper from './FormWrapper.vue';\nimport PalettesForm from './PalettesForm.vue';\nimport MultiselectButton from '../MultiselectButton.vue';\n\nconst props = defineProps<{\n  dataColumnLabel: string;\n  modelValue: AestheticMappingContinuous;\n}>();\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst palettesOpen = ref(false);\nconst palette = ref<Palette>(props.modelValue.palette);\n\nfunction onPaletteSelect(value: Palette) {\n  palette.value = value;\n  palettesOpen.value = false;\n  emit(\n    'update:modelValue',\n    createContinuousMappingFromPalette(value as ContinuousPalette),\n  );\n}\n\nconst MODE_OPTIONS = [{ value: 'auto', label: 'Auto' }, { value: 'custom', label: 'Custom' }];\nconst mode = ref<'auto' | 'custom'>(props.modelValue.range ? 'custom' : 'auto');\n\nconst LOG_LINEAR_OPTIONS = [{ value: 'linear', label: 'Linear' }, { value: 'log', label: 'Log' }];\nconst logOrLinear = ref<'linear' | 'log'>(props.modelValue.log ? 'log' : 'linear');\n\nconst lowerValue = ref<number | undefined>(props.modelValue.range?.minValue ?? undefined);\nconst upperValue = ref<number | undefined>(props.modelValue.range?.maxValue ?? undefined);\n\nconst midPoint = ref<number | undefined>(props.modelValue.midPoint ?? undefined);\n\nwatch(() => mode.value, (v) => {\n  if (v === 'custom') {\n    emit(\n      'update:modelValue',\n      { ...props.modelValue, range: { minValue: lowerValue.value ?? null, maxValue: upperValue.value ?? null } },\n    );\n  }\n  if (v === 'auto') {\n    emit(\n      'update:modelValue',\n      { ...props.modelValue, range: null },\n    );\n  }\n});\nwatch(() => lowerValue.value, (v) => {\n  emit(\n    'update:modelValue',\n    { ...props.modelValue, range: { ...props.modelValue.range, minValue: v } },\n  );\n});\nwatch(() => upperValue.value, (v) => {\n  emit(\n    'update:modelValue',\n    { ...props.modelValue, range: { ...props.modelValue.range, maxValue: v } },\n  );\n});\nwatch(() => midPoint.value, (v) => {\n  emit(\n    'update:modelValue',\n    { ...props.modelValue, midPoint: v ?? null },\n  );\n});\nwatch(() => logOrLinear.value, (v) => {\n  emit(\n    'update:modelValue',\n    { ...props.modelValue, log: v === 'log' },\n  );\n});\n\n</script>\n\n<template>\n  <div class=\"aes-mapping-block\">\n    <div style=\"margin: 0 24px\">\n      <div class=\"section-title\">\n        <span>{{ dataColumnLabel }}</span>\n      </div>\n      <div style=\"margin: 24px 0\">\n        <MultiselectButton\n          label=\"Color Palette \"\n          :title=\"PALETTE_MAP[palette].title\"\n          :palette=\"palette\"\n          @button-click=\"palettesOpen = true;\"\n        />\n      </div>\n      <div style=\"margin: 24px 0\">\n        <PlBtnGroup\n          v-model=\"logOrLinear\"\n          :options=\"LOG_LINEAR_OPTIONS\"\n        />\n      </div>\n      <div style=\"margin: 24px 0\">\n        <PlBtnGroup\n          v-model=\"mode\"\n          label=\"Gradient range\"\n          :options=\"MODE_OPTIONS\"\n        />\n      </div>\n      <div :style=\"{display: 'flex', marginTop: '16px', gap: '8px'}\">\n        <PlNumberField\n          v-if=\"mode === 'custom'\"\n          v-model=\"lowerValue\"\n          label=\"From\"\n          :updateOnEnterOrClickOutside=\"true\"\n          :useIncrementButtons=\"false\"\n        />\n        <PlNumberField\n          v-model=\"midPoint\"\n          label=\"Mid point\"\n          :updateOnEnterOrClickOutside=\"true\"\n          :useIncrementButtons=\"false\"\n          :style=\"{flexGrow: 1, maxWidth: '50%'}\"\n        />\n        <PlNumberField\n          v-if=\"mode === 'custom'\"\n          v-model=\"upperValue\"\n          label=\"To\"\n          :updateOnEnterOrClickOutside=\"true\"\n          :useIncrementButtons=\"false\"\n        />\n      </div>\n      <FormWrapper\n        v-if=\"palettesOpen\"\n        title=\"Color Palette\"\n        back-title=\"Color mapping\"\n        @form:close=\"palettesOpen = false\"\n      >\n        <PalettesForm :selected=\"palette\" :categorical=\"false\" @select=\"onPaletteSelect\" />\n      </FormWrapper>\n    </div>\n  </div>\n</template>\n"],"mappings":""}