@milaboratories/graph-maker 1.1.132 → 1.1.133

package/dist/GraphMaker/components/AesSettings/AesDataMappingDiscrete.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AesDataMappingDiscrete.vue.js","sources":["../../../../src/GraphMaker/components/AesSettings/AesDataMappingDiscrete.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useSortable } from '@platforma-sdk/ui-vue';\nimport { scaleLinear } from 'd3-scale';\nimport { ComponentPublicInstance, computed, reactive, ref, watch } from 'vue';\nimport {\n  DotShape,\n  LineType,\n  Palette\n} from './types';\nimport {\n  FIXED_LINE_TYPES,\n  FIXES_DOT_SHAPES,\n  isCategorical,\n  PALETTE_MAP, UNKNOWN_COLOR\n} from '../../constantsAesthetic';\nimport { AesType } from '../../constantsCommon';\nimport {\n  AestheticMappingCategorical,\n  createCategoricalMappingFromPalette\n} from '../../dataBindAes';\nimport { getPopupHeightForFixedAesList } from '../../utils/getPopupHeightForFixedAesList';\nimport FixedColorsList from './FixedColorsList.vue';\nimport FixedDotShapeList from './FixedDotShapeList.vue';\nimport FixedLineTypeList from './FixedLineTypeList.vue';\nimport FormWrapper from './FormWrapper.vue';\nimport PalettesForm from './PalettesForm.vue';\nimport MultiselectButton from '../MultiselectButton.vue';\nimport PlColorSlider from '../PlColorSlider.vue';\nimport Popup from '../Popup.vue';\nimport Reorder from '../../icons/Reorder.vue';\n\nconst props = defineProps<{\n  dataColumnLabel: string;\n  columnValueLabels: Record<string, string>;\n  usedAesInMapping: Record<AesType, boolean>;\n  modelValue: AestheticMappingCategorical;\n  allowReordering?: boolean;\n}>();\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst palettesOpen = ref(false);\nconst palette = ref<Palette>(props.modelValue.palette);\nconst categorical = computed(() => isCategorical(palette.value));\n\ntype EditableAesType = 'color' | 'dotShape' | 'lineType';\n\nconst activeValue = ref<string | null>(null);\nconst activeValueIndex = computed(() => {\n  if (activeValue.value === null) {\n    return null;\n  }\n  return props.modelValue.order.indexOf(activeValue.value);\n});\nconst activeAesType = ref<EditableAesType | null>(null);\n\nconst optionsList = computed(() =>\n  props.modelValue.order.map((value: string) => {\n    const aes = props.modelValue.mapping[value]?.aes;\n    return {\n      text: props.columnValueLabels[value],\n      value,\n      dotShape: aes?.dotShape,\n      color: aes?.color,\n      lineType: aes?.lineShape\n    };\n  })\n);\n\nfunction onPaletteSelect(value: Palette) {\n  palette.value = value;\n  palettesOpen.value = false;\n  emit(\n    'update:modelValue',\n    createCategoricalMappingFromPalette(value, props.modelValue.order)\n  );\n}\n\nfunction onAesValueUpdate(\n  value: string | number,\n  aesField: string,\n  aesValue: string | DotShape | LineType\n) {\n  emit('update:modelValue', {\n    ...props.modelValue,\n    mapping: {\n      ...props.modelValue.mapping,\n      [value]: {\n        ...props.modelValue.mapping[value],\n        aes: {\n          ...props.modelValue.mapping[value].aes,\n          [aesField]: aesValue\n        }\n      }\n    }\n  });\n}\n\nconst itemRefs = reactive<\n  Record<EditableAesType, Record<string, ComponentPublicInstance | Element>>\n>({\n  color: {},\n  dotShape: {},\n  lineType: {}\n});\n\nfunction setRef(\n  type: EditableAesType,\n  item: (typeof optionsList.value)[0],\n  el: ComponentPublicInstance | null | Element\n) {\n  if (el && !itemRefs[type][item.value]) {\n    itemRefs[type][item.value] = el;\n  }\n}\n\nfunction toggleForm(\n  item: (typeof optionsList.value)[0],\n  valueType: EditableAesType\n) {\n  const isThisFormOpen =\n    activeValue.value === item.value && activeAesType.value === valueType;\n  activeValue.value = isThisFormOpen ? null : item.value;\n  activeAesType.value = isThisFormOpen ? null : valueType;\n}\n\nfunction closeForm() {\n  activeValue.value = null;\n  activeAesType.value = null;\n}\n\nconst selectedColorsList = computed(() =>\n  PALETTE_MAP[palette.value].colors.map((color) => ({ color, name: color }))\n);\n\nconst popupHeight = computed(() => {\n  if (!activeAesType.value) {\n    return 0;\n  }\n  return getPopupHeightForFixedAesList(\n    activeAesType.value === 'lineType' ? FIXED_LINE_TYPES.length : activeAesType.value === 'dotShape' ? FIXES_DOT_SHAPES.length : selectedColorsList.value.length,\n    activeAesType.value\n  );\n});\n\nconst optionsListRef = ref();\n\nif (props.allowReordering) {\n  useSortable(optionsListRef, {\n    handle: '.column-value__reorder-icon',\n    onChange(indices) {\n      emit('update:modelValue', {\n        ...props.modelValue,\n        order: indices.map((idx) => props.modelValue.order[idx])\n      });\n    }\n  });\n}\n\nfunction getColorScale(colors: string[], unknownColor: string, from = 0, to = 1) {\n  const colorStep = 1 / (colors.length - 1);\n  const scale = scaleLinear<string, string>()\n    .domain(colors.map((_c, idx) => from + idx * colorStep * (to - from)))\n    .range(colors);\n  return (v: number) => {\n    if (v > to || v < from) {\n      return unknownColor;\n    }\n    return scale(v);\n  };\n}\n\nconst continuousColorScale = computed(() =>\n  getColorScale(PALETTE_MAP[palette.value].colors, UNKNOWN_COLOR)\n);\n\nconst colorForPercent = computed(() =>\n  getColorScale(PALETTE_MAP[palette.value].colors, UNKNOWN_COLOR, 0, 100)\n);\nconst continuousMappingItems = ref(\n  props.modelValue.order.map(\n    (item) => props.modelValue.mapping[item].colorIdx * 100\n  )\n);\nwatch(\n  () => props.modelValue,\n  (v) => {\n    continuousMappingItems.value = v.order.map(\n      (item) => v.mapping[item].colorIdx * 100\n    );\n  }\n);\n\nfunction updateContinuousColors(v: number[]) {\n  v.forEach((value, idx) => {\n    const item = props.modelValue.order[idx];\n    const newColorIdx = value / 100;\n    if (props.modelValue.mapping[item].colorIdx !== newColorIdx) {\n      emit('update:modelValue', {\n        ...props.modelValue,\n        mapping: {\n          ...props.modelValue.mapping,\n          [item]: {\n            colorIdx: newColorIdx,\n            aes: {\n              ...props.modelValue.mapping[item].aes,\n              color: continuousColorScale.value(newColorIdx)\n            }\n          }\n        }\n      });\n    }\n  });\n}\n\nfunction setActiveElementFromColorSlider(e: { index: number, status: boolean }) {\n  activeAesType.value = 'color';\n  activeValue.value = e.status ? props.modelValue.order[e.index] : null;\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        <multiselect-button\n          label=\"Color Palette \"\n          icon=\"chevron-right\"\n          :title=\"PALETTE_MAP[palette].title\"\n          :palette=\"palette\"\n          @button-click=\"\n            palettesOpen = true;\n            closeForm();\n          \"\n        />\n      </div>\n      <div v-if=\"!categorical\" style=\"margin: 24px 0\">\n        <pl-color-slider\n          v-model=\"continuousMappingItems\"\n          :colors=\"PALETTE_MAP[palette].colors\"\n          :get-color-for-percent=\"colorForPercent\"\n          :active=\"activeValueIndex\"\n          @active=\"setActiveElementFromColorSlider\"\n          @update:model-value=\"updateContinuousColors\"\n        />\n      </div>\n      <form-wrapper\n        v-if=\"palettesOpen\"\n        title=\"Color Palette\"\n        back-title=\"Color mapping\"\n        @form:close=\"palettesOpen = false\"\n      >\n        <palettes-form :selected=\"palette\" @select=\"onPaletteSelect\" />\n      </form-wrapper>\n    </div>\n    <div v-if=\"allowReordering\" class=\"aes-settings-hint\">\n      Drag the rows to reorder\n    </div>\n    <div class=\"column-values-list\" ref=\"optionsListRef\">\n      <div\n        v-for=\"item of optionsList\"\n        class=\"column-value\"\n        :class=\"{ 'column-value__with-reorder': allowReordering }\"\n      >\n        <div v-if=\"allowReordering\" class=\"column-value__reorder-icon\">\n          <component :is=\"Reorder\" />\n        </div>\n        <div class=\"column-value__title\">{{ item.text }}</div>\n        <div class=\"column-value__aes-group\">\n          <div\n            v-if=\"usedAesInMapping.lineType\"\n            class=\"column-value__aes\"\n            :class=\"{\n              aes__selected:\n                activeValue === item.value &&\n                activeAesType === 'lineType'\n            }\"\n            :ref=\"(v) => setRef('lineType', item, v)\"\n            @click.stop=\"toggleForm(item, 'lineType')\"\n          >\n            <div\n              class=\"icon__line line\"\n              :class=\"{ [`line__${item.lineType}`]: true }\"\n            />\n          </div>\n          <div\n            v-if=\"usedAesInMapping.dotShape\"\n            class=\"column-value__aes\"\n            :class=\"{\n              aes__selected: activeValue === item.value && activeAesType === 'dotShape'\n            }\"\n            :ref=\"(v) => setRef('dotShape', item, v)\"\n            @click.stop=\"toggleForm(item, 'dotShape')\"\n          >\n            <div class=\"dot\" :class=\"{ [`dot__${item.dotShape}`]: true }\" />\n          </div>\n          <div\n            v-if=\"usedAesInMapping.fill || usedAesInMapping.stroke\"\n            class=\"column-value__aes\"\n            :class=\"{\n              aes__selected: activeValue === item.value && activeAesType === 'color'\n            }\"\n            :ref=\"(v) => setRef('color', item, v)\"\n            @click.stop=\"toggleForm(item, 'color')\"\n          >\n            <div\n              class=\"column-value__color\"\n              :style=\"{ background: item.color }\"\n            />\n          </div>\n          <popup\n            v-if=\"\n              (activeAesType !== 'color' || categorical) &&\n              activeAesType !== null &&\n              activeValue === item.value\n            \"\n            :key=\"`${activeAesType}_${activeValue}`\"\n            :targetRef=\"itemRefs[activeAesType][activeValue] as HTMLElement\"\n            @popup:close=\"closeForm\"\n            :height=\"popupHeight\"\n          >\n            <div\n              class=\"fixed-aes-list\"\n              :class=\"{ 'fixed-aes-list__rows': false }\"\n            >\n              <fixed-line-type-list\n                v-if=\"activeAesType === 'lineType'\"\n                @update:modelValue=\"\n                  (v) => onAesValueUpdate(item.value, 'lineShape', v)\n                \"\n                v-model=\"item.lineType as LineType\"\n              />\n              <fixed-dot-shape-list\n                v-if=\"activeAesType === 'dotShape'\"\n                @update:modelValue=\"\n                  (v) => onAesValueUpdate(item.value, 'dotShape', v)\n                \"\n                v-model=\"item.dotShape as DotShape\"\n              />\n              <fixed-colors-list\n                v-if=\"activeAesType === 'color'\"\n                :colors-list=\"selectedColorsList\"\n                @update:modelValue=\"\n                  (v) => onAesValueUpdate(item.value, 'color', v)\n                \"\n                v-model=\"item.color as string\"\n              />\n            </div>\n          </popup>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","palettesOpen","ref","palette","categorical","computed","isCategorical","activeValue","activeValueIndex","activeAesType","optionsList","value","aes","_a","onPaletteSelect","createCategoricalMappingFromPalette","onAesValueUpdate","aesField","aesValue","itemRefs","reactive","setRef","type","item","el","toggleForm","valueType","isThisFormOpen","closeForm","selectedColorsList","PALETTE_MAP","color","popupHeight","getPopupHeightForFixedAesList","FIXED_LINE_TYPES","FIXES_DOT_SHAPES","optionsListRef","useSortable","indices","idx","getColorScale","colors","unknownColor","from","to","colorStep","scale","scaleLinear","_c","v","continuousColorScale","UNKNOWN_COLOR","colorForPercent","continuousMappingItems","watch","updateContinuousColors","newColorIdx","setActiveElementFromColorSlider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,UAAMA,IAAQC,GAQRC,IAAOC,GAEPC,IAAeC,EAAI,EAAK,GACxBC,IAAUD,EAAaL,EAAM,WAAW,OAAO,GAC/CO,IAAcC,EAAS,MAAMC,GAAcH,EAAQ,KAAK,CAAC,GAIzDI,IAAcL,EAAmB,IAAI,GACrCM,IAAmBH,EAAS,MAC5BE,EAAY,UAAU,OACjB,OAEFV,EAAM,WAAW,MAAM,QAAQU,EAAY,KAAK,CACxD,GACKE,IAAgBP,EAA4B,IAAI,GAEhDQ,IAAcL;AAAA,MAAS,MAC3BR,EAAM,WAAW,MAAM,IAAI,CAACc,MAAkB;;AAC5C,cAAMC,KAAMC,IAAAhB,EAAM,WAAW,QAAQc,CAAK,MAA9B,gBAAAE,EAAiC;AAC7C,eAAO;AAAA,UACL,MAAMhB,EAAM,kBAAkBc,CAAK;AAAA,UACnC,OAAAA;AAAA,UACA,UAAUC,KAAA,gBAAAA,EAAK;AAAA,UACf,OAAOA,KAAA,gBAAAA,EAAK;AAAA,UACZ,UAAUA,KAAA,gBAAAA,EAAK;AAAA,QAAA;AAAA,MAEnB,CAAC;AAAA,IAAA;AAGH,aAASE,EAAgBH,GAAgB;AACvC,MAAAR,EAAQ,QAAQQ,GAChBV,EAAa,QAAQ,IACrBF;AAAA,QACE;AAAA,QACAgB,GAAoCJ,GAAOd,EAAM,WAAW,KAAK;AAAA,MAAA;AAAA,IAErE;AAEA,aAASmB,EACPL,GACAM,GACAC,GACA;AACA,MAAAnB,EAAK,qBAAqB;AAAA,QACxB,GAAGF,EAAM;AAAA,QACT,SAAS;AAAA,UACP,GAAGA,EAAM,WAAW;AAAA,UACpB,CAACc,CAAK,GAAG;AAAA,YACP,GAAGd,EAAM,WAAW,QAAQc,CAAK;AAAA,YACjC,KAAK;AAAA,cACH,GAAGd,EAAM,WAAW,QAAQc,CAAK,EAAE;AAAA,cACnC,CAACM,CAAQ,GAAGC;AAAA,YAAA;AAAA,UACd;AAAA,QACF;AAAA,MACF,CACD;AAAA,IACH;AAEA,UAAMC,IAAWC,EAEf;AAAA,MACA,OAAO,CAAA;AAAA,MACP,UAAU,CAAA;AAAA,MACV,UAAU,CAAA;AAAA,IAAC,CACZ;AAED,aAASC,EACPC,GACAC,GACAC,GACA;AACA,MAAIA,KAAM,CAACL,EAASG,CAAI,EAAEC,EAAK,KAAK,MAClCJ,EAASG,CAAI,EAAEC,EAAK,KAAK,IAAIC;AAAA,IAEjC;AAEA,aAASC,EACPF,GACAG,GACA;AACA,YAAMC,IACJpB,EAAY,UAAUgB,EAAK,SAASd,EAAc,UAAUiB;AAC9D,MAAAnB,EAAY,QAAQoB,IAAiB,OAAOJ,EAAK,OACjDd,EAAc,QAAQkB,IAAiB,OAAOD;AAAA,IAChD;AAEA,aAASE,IAAY;AACnB,MAAArB,EAAY,QAAQ,MACpBE,EAAc,QAAQ;AAAA,IACxB;AAEA,UAAMoB,IAAqBxB;AAAA,MAAS,MAClCyB,EAAY3B,EAAQ,KAAK,EAAE,OAAO,IAAI,CAAC4B,OAAW,EAAE,OAAAA,GAAO,MAAMA,IAAQ;AAAA,IAAA,GAGrEC,IAAc3B,EAAS,MACtBI,EAAc,QAGZwB;AAAA,MACLxB,EAAc,UAAU,aAAayB,GAAiB,SAASzB,EAAc,UAAU,aAAa0B,GAAiB,SAASN,EAAmB,MAAM;AAAA,MACvJpB,EAAc;AAAA,IAAA,IAJP,CAMV,GAEK2B,IAAiBlC,EAAA;AAEvB,IAAIL,EAAM,mBACRwC,GAAYD,GAAgB;AAAA,MAC1B,QAAQ;AAAA,MACR,SAASE,GAAS;AAChB,QAAAvC,EAAK,qBAAqB;AAAA,UACxB,GAAGF,EAAM;AAAA,UACT,OAAOyC,EAAQ,IAAI,CAACC,MAAQ1C,EAAM,WAAW,MAAM0C,CAAG,CAAC;AAAA,QAAA,CACxD;AAAA,MACH;AAAA,IAAA,CACD;AAGH,aAASC,EAAcC,GAAkBC,GAAsBC,IAAO,GAAGC,IAAK,GAAG;AAC/E,YAAMC,IAAY,KAAKJ,EAAO,SAAS,IACjCK,IAAQC,KACX,OAAON,EAAO,IAAI,CAACO,GAAIT,MAAQI,IAAOJ,IAAMM,KAAaD,IAAKD,EAAK,CAAC,EACpE,MAAMF,CAAM;AACf,aAAO,CAACQ,MACFA,IAAIL,KAAMK,IAAIN,IACTD,IAEFI,EAAMG,CAAC;AAAA,IAElB;AAEA,UAAMC,IAAuB7C;AAAA,MAAS,MACpCmC,EAAcV,EAAY3B,EAAQ,KAAK,EAAE,QAAQgD,CAAa;AAAA,IAAA,GAG1DC,IAAkB/C;AAAA,MAAS,MAC/BmC,EAAcV,EAAY3B,EAAQ,KAAK,EAAE,QAAQgD,GAAe,GAAG,GAAG;AAAA,IAAA,GAElEE,IAAyBnD;AAAA,MAC7BL,EAAM,WAAW,MAAM;AAAA,QACrB,CAAC0B,MAAS1B,EAAM,WAAW,QAAQ0B,CAAI,EAAE,WAAW;AAAA,MAAA;AAAA,IACtD;AAEF,IAAA+B;AAAA,MACE,MAAMzD,EAAM;AAAA,MACZ,CAACoD,MAAM;AACL,QAAAI,EAAuB,QAAQJ,EAAE,MAAM;AAAA,UACrC,CAAC1B,MAAS0B,EAAE,QAAQ1B,CAAI,EAAE,WAAW;AAAA,QAAA;AAAA,MAEzC;AAAA,IAAA;AAGF,aAASgC,EAAuBN,GAAa;AAC3C,MAAAA,EAAE,QAAQ,CAACtC,GAAO4B,MAAQ;AACxB,cAAMhB,IAAO1B,EAAM,WAAW,MAAM0C,CAAG,GACjCiB,IAAc7C,IAAQ;AAC5B,QAAId,EAAM,WAAW,QAAQ0B,CAAI,EAAE,aAAaiC,KAC9CzD,EAAK,qBAAqB;AAAA,UACxB,GAAGF,EAAM;AAAA,UACT,SAAS;AAAA,YACP,GAAGA,EAAM,WAAW;AAAA,YACpB,CAAC0B,CAAI,GAAG;AAAA,cACN,UAAUiC;AAAA,cACV,KAAK;AAAA,gBACH,GAAG3D,EAAM,WAAW,QAAQ0B,CAAI,EAAE;AAAA,gBAClC,OAAO2B,EAAqB,MAAMM,CAAW;AAAA,cAAA;AAAA,YAC/C;AAAA,UACF;AAAA,QACF,CACD;AAAA,MAEL,CAAC;AAAA,IACH;AAEA,aAASC,EAAgC,GAAuC;AAC9E,MAAAhD,EAAc,QAAQ,SACtBF,EAAY,QAAQ,EAAE,SAASV,EAAM,WAAW,MAAM,EAAE,KAAK,IAAI;AAAA,IACnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/AesSettings/AesDataMappingDiscrete.vue2.js

@@ -0,0 +1,5 @@
+import f from "./AesDataMappingDiscrete.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=AesDataMappingDiscrete.vue2.js.map

package/dist/GraphMaker/components/AesSettings/AesDataMappingDiscrete.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AesDataMappingDiscrete.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/GraphMaker/components/AesSettings/FixedColorsList.vue.d.ts

@@ -1,48 +1,16 @@
-import { FIXED_COLORS } from '../../constantsAesthetic.ts';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+import { FIXED_COLORS } from '../../constantsAesthetic';
+type __VLS_Props = {
     modelValue: string;
     colorUsing?: "fill" | "stroke";
     colorsList?: typeof FIXED_COLORS;
-}>, {
-    colorUsing: string;
-    colorsList: () => {
-        name: string;
-        color: string;
-    }[];
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    modelValue: string;
-    colorUsing?: "fill" | "stroke";
-    colorsList?: typeof FIXED_COLORS;
-}>, {
-    colorUsing: string;
-    colorsList: () => {
-        name: string;
-        color: string;
-    }[];
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    colorsList: typeof FIXED_COLORS;
     colorUsing: "fill" | "stroke";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    colorsList: typeof FIXED_COLORS;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
+//# sourceMappingURL=FixedColorsList.vue.d.ts.map

package/dist/GraphMaker/components/AesSettings/FixedColorsList.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixedColorsList.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/AesSettings/FixedColorsList.vue"],"names":[],"mappings":"AAAA,OA2CO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,YAAY,CAAC;CAClC,CAAC;;;;;;gBAFa,MAAM,GAAG,QAAQ;gBACjB,OAAO,YAAY;;AA6EpC,wBAQG"}

package/dist/GraphMaker/components/AesSettings/FixedColorsList.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent as n, createElementBlock as t, openBlock as r, Fragment as i, renderList as s, normalizeStyle as m, normalizeClass as a, createElementVNode as d } from "vue";
+import { FIXED_COLORS as u } from "../../constantsAesthetic.js";
+const c = ["onClick"], g = /* @__PURE__ */ n({
+  __name: "FixedColorsList",
+  props: {
+    modelValue: {},
+    colorUsing: { default: "fill" },
+    colorsList: { default: () => u }
+  },
+  emits: ["update:modelValue"],
+  setup(p, { emit: f }) {
+    return (o, l) => (r(!0), t(i, null, s(o.colorsList, (e) => (r(), t("div", {
+      key: e.color,
+      class: a(["color-item", {
+        border: o.colorUsing === "stroke",
+        white: e.name === "White",
+        empty: e.name === "None",
+        selected: e.color === o.modelValue
+      }]),
+      style: m(
+        e.name !== "White" && e.name !== "None" ? `${o.colorUsing === "fill" ? "background" : "border-color"}: ${e.color};` : ""
+      ),
+      onClick: (k) => o.$emit("update:modelValue", e.color)
+    }, l[0] || (l[0] = [
+      d("div", { class: "checkmark" }, null, -1)
+    ]), 14, c))), 128));
+  }
+});
+export {
+  g as default
+};
+//# sourceMappingURL=FixedColorsList.vue.js.map

package/dist/GraphMaker/components/AesSettings/FixedColorsList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixedColorsList.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/AesSettings/FixedColorsList.vue2.js

@@ -0,0 +1,5 @@
+import f from "./FixedColorsList.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=FixedColorsList.vue2.js.map

package/dist/GraphMaker/components/AesSettings/FixedColorsList.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixedColorsList.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/GraphMaker/components/AesSettings/FixedDotShapeList.vue.d.ts

@@ -1,37 +1,14 @@
-import { DotShape } from './types.ts';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+import { DotShape } from './types';
+type __VLS_Props = {
     modelValue: string;
     list?: DotShape[];
-}>, {
-    list: () => DotShape[];
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    modelValue: string;
-    list?: DotShape[];
-}>, {
-    list: () => DotShape[];
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     list: DotShape[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
+//# sourceMappingURL=FixedDotShapeList.vue.d.ts.map

package/dist/GraphMaker/components/AesSettings/FixedDotShapeList.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixedDotShapeList.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/AesSettings/FixedDotShapeList.vue"],"names":[],"mappings":"AAAA,OA+BO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGnC,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;CACnB,CAAC;;;;;;UADO,QAAQ,EAAE;;AA+DrB,wBAQG"}

package/dist/GraphMaker/components/AesSettings/FixedDotShapeList.vue.js

@@ -0,0 +1,24 @@
+import { defineComponent as r, createElementBlock as o, openBlock as l, Fragment as n, renderList as i, normalizeClass as m } from "vue";
+import { FIXES_DOT_SHAPES as d } from "../../constantsAesthetic.js";
+const u = ["onClick"], k = /* @__PURE__ */ r({
+  __name: "FixedDotShapeList",
+  props: {
+    modelValue: {},
+    list: { default: () => d }
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: s }) {
+    return (t, _) => (l(!0), o(n, null, i(t.list, (e) => (l(), o("div", {
+      key: e,
+      class: m(["color-item dot", {
+        selected: e === t.modelValue,
+        [`dot__${e}`]: !0
+      }]),
+      onClick: (c) => t.$emit("update:modelValue", e)
+    }, null, 10, u))), 128));
+  }
+});
+export {
+  k as default
+};
+//# sourceMappingURL=FixedDotShapeList.vue.js.map

package/dist/GraphMaker/components/AesSettings/FixedDotShapeList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixedDotShapeList.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/AesSettings/FixedDotShapeList.vue2.js

@@ -0,0 +1,5 @@
+import f from "./FixedDotShapeList.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=FixedDotShapeList.vue2.js.map

package/dist/GraphMaker/components/AesSettings/FixedDotShapeList.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixedDotShapeList.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/GraphMaker/components/AesSettings/FixedLineTypeList.vue.d.ts

@@ -1,37 +1,14 @@
-import { LineType } from './types.ts';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+import { LineType } from './types';
+type __VLS_Props = {
     modelValue: string;
     list?: LineType[];
-}>, {
-    list: () => LineType[];
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    modelValue: string;
-    list?: LineType[];
-}>, {
-    list: () => LineType[];
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     list: LineType[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
+//# sourceMappingURL=FixedLineTypeList.vue.d.ts.map

package/dist/GraphMaker/components/AesSettings/FixedLineTypeList.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixedLineTypeList.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/AesSettings/FixedLineTypeList.vue"],"names":[],"mappings":"AAAA,OAuCO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAMnC,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;CACnB,CAAC;;;;;;UADO,QAAQ,EAAE;;AA8ErB,wBAQG"}

package/dist/GraphMaker/components/AesSettings/FixedLineTypeList.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent as n, createElementBlock as l, openBlock as o, Fragment as m, renderList as _, normalizeClass as r, createElementVNode as s, toDisplayString as a, unref as u } from "vue";
+import { FIXED_LINE_TYPES as d, LINE_TYPES_MAP as c } from "../../constantsAesthetic.js";
+const p = ["onClick"], f = { class: "row-item__title" }, w = /* @__PURE__ */ n({
+  __name: "FixedLineTypeList",
+  props: {
+    modelValue: {},
+    list: { default: () => d }
+  },
+  emits: ["update:modelValue"],
+  setup(E, { emit: k }) {
+    return (t, i) => (o(!0), l(m, null, _(t.list, (e) => (o(), l("div", {
+      key: e,
+      class: r(["row-item", {
+        "row-item__selected": e === t.modelValue,
+        [`line__${e}`]: !0
+      }]),
+      onClick: (L) => t.$emit("update:modelValue", e)
+    }, [
+      s("div", f, a(u(c)[e].title), 1),
+      (o(), l("svg", {
+        class: r(["row-item__line line", { [`line__${e}`]: !0 }])
+      }, i[0] || (i[0] = [
+        s("line", {
+          x1: "0",
+          x2: "100%",
+          y1: "50%",
+          y2: "50%"
+        }, null, -1)
+      ]), 2))
+    ], 10, p))), 128));
+  }
+});
+export {
+  w as default
+};
+//# sourceMappingURL=FixedLineTypeList.vue.js.map

package/dist/GraphMaker/components/AesSettings/FixedLineTypeList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixedLineTypeList.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/AesSettings/FixedLineTypeList.vue2.js

@@ -0,0 +1,5 @@
+import f from "./FixedLineTypeList.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=FixedLineTypeList.vue2.js.map

package/dist/GraphMaker/components/AesSettings/FixedLineTypeList.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixedLineTypeList.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/GraphMaker/components/AesSettings/FormWrapper.vue.d.ts

@@ -1,30 +1,30 @@
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     title: string;
     backTitle: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        root: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "form:close": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    title: string;
-    backTitle: string;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onForm:close"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    root: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+//# sourceMappingURL=FormWrapper.vue.d.ts.map

package/dist/GraphMaker/components/AesSettings/FormWrapper.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/AesSettings/FormWrapper.vue"],"names":[],"mappings":"AAgCA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAQF,iBAAS,cAAc;WA2DT,OAAO,IAA6B;;yBAXpB,GAAG;;;;;;EAgBhC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OASnB,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/GraphMaker/components/AesSettings/FormWrapper.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent as a, createBlock as r, openBlock as i, Teleport as m, createElementVNode as e, renderSlot as c, withModifiers as p, createTextVNode as d, resolveDynamicComponent as f, toDisplayString as n } from "vue";
+import _ from "../../icons/ArrowLeft.vue.js";
+const k = {
+  ref: "root",
+  class: "aes-settings-form"
+}, u = { class: "aes-settings-form__header" }, $ = /* @__PURE__ */ a({
+  __name: "FormWrapper",
+  props: {
+    title: {},
+    backTitle: {}
+  },
+  emits: ["form:close"],
+  setup(l, { emit: g }) {
+    const t = l;
+    return (o, s) => (i(), r(m, { to: "#graph-settings-modal" }, [
+      e("div", k, [
+        e("div", u, [
+          e("div", {
+            onClick: s[0] || (s[0] = p((h) => o.$emit("form:close"), ["stop"])),
+            class: "back-link"
+          }, [
+            (i(), r(f(_))),
+            d(" " + n(`Back to ${t.backTitle}`), 1)
+          ]),
+          e("h3", null, n(t.title), 1)
+        ]),
+        c(o.$slots, "default")
+      ], 512)
+    ]));
+  }
+});
+export {
+  $ as default
+};
+//# sourceMappingURL=FormWrapper.vue.js.map

package/dist/GraphMaker/components/AesSettings/FormWrapper.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormWrapper.vue.js","sources":["../../../../src/GraphMaker/components/AesSettings/FormWrapper.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport ArrowLeft from \"../../icons/ArrowLeft.vue\";\n\nconst props = defineProps<{\n  title: string;\n  backTitle: string;\n}>();\n\nconst emit = defineEmits([\"form:close\"]);\n\n</script>\n\n<template>\n  <Teleport to=\"#graph-settings-modal\">\n    <div ref=\"root\" class=\"aes-settings-form\">\n      <div class=\"aes-settings-form__header\">\n        <div @click.stop=\"$emit('form:close')\" class=\"back-link\">\n          <component :is=\"ArrowLeft\" />\n          {{ `Back to ${props.backTitle}` }}\n        </div>\n        <h3>\n          {{ props.title }}\n        </h3>\n        </div>\n      <slot/>\n    </div>\n  </Teleport>\n</template>\n"],"names":["props","__props"],"mappings":";;;;;;;;;;;;;AAGA,UAAMA,IAAQC;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/AesSettings/FormWrapper.vue2.js

@@ -0,0 +1,5 @@
+import f from "./FormWrapper.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=FormWrapper.vue2.js.map

package/dist/GraphMaker/components/AesSettings/FormWrapper.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormWrapper.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/GraphMaker/components/AesSettings/PalettesForm.vue.d.ts

@@ -1,47 +1,18 @@
-import { Palette } from './types.ts';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+import { Palette } from './types';
+type __VLS_Props = {
     selected: Palette;
     categorical?: boolean;
     sequential?: boolean;
     diverging?: boolean;
-}>, {
-    categorical: boolean;
-    sequential: boolean;
-    diverging: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    selected: Palette;
-    categorical?: boolean;
-    sequential?: boolean;
-    diverging?: boolean;
-}>, {
-    categorical: boolean;
-    sequential: boolean;
-    diverging: boolean;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
 }>, {
     categorical: boolean;
     sequential: boolean;
     diverging: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
+//# sourceMappingURL=PalettesForm.vue.d.ts.map

package/dist/GraphMaker/components/AesSettings/PalettesForm.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PalettesForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/AesSettings/PalettesForm.vue"],"names":[],"mappings":"AAAA,OA+GO,EACL,OAAO,EAER,MAAM,SAAS,CAAC;AAUjB,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;;;;;;iBAHc,OAAO;gBACR,OAAO;eACR,OAAO;;AA0KrB,wBASG"}

package/dist/GraphMaker/components/AesSettings/PalettesForm.vue.js

@@ -0,0 +1,87 @@
+import { defineComponent as k, createElementBlock as l, openBlock as i, createCommentVNode as p, Fragment as r, createElementVNode as e, renderList as c, unref as o, withModifiers as v, normalizeClass as g, toDisplayString as m, normalizeStyle as _ } from "vue";
+import { CATEGORICAL_LIST as f, PALETTE_MAP as a, SEQUENTIAL_LIST as L, DIVERGING_LIST as y } from "../../constantsAesthetic.js";
+const A = { class: "palettes-groups" }, S = { class: "palettes-list" }, T = ["onClick"], B = { class: "palette-gradient" }, G = { class: "palettes-list" }, N = ["onClick"], R = { class: "palettes-list" }, $ = ["onClick"], O = 9, P = /* @__PURE__ */ k({
+  __name: "PalettesForm",
+  props: {
+    selected: {},
+    categorical: { type: Boolean, default: !0 },
+    sequential: { type: Boolean, default: !0 },
+    diverging: { type: Boolean, default: !0 }
+  },
+  emits: ["select"],
+  setup(V, { emit: E }) {
+    const I = E;
+    function u(n) {
+      I("select", n);
+    }
+    function C(n) {
+      const s = 100 / (n.length - 1);
+      return `background: linear-gradient(to right, ${n.map((t, d) => `${t} ${d * s}%`).join(", ")})`;
+    }
+    return (n, s) => (i(), l("div", A, [
+      n.categorical ? (i(), l(r, { key: 0 }, [
+        s[0] || (s[0] = e("div", { class: "section-title" }, [
+          e("span", null, "CATEGORICAL")
+        ], -1)),
+        s[1] || (s[1] = e("div", { class: "section-description" }, " Best to representing categorical data ", -1)),
+        e("div", S, [
+          (i(!0), l(r, null, c(o(f), (t) => (i(), l("div", {
+            class: g(["palettes-list__palette", { selected: n.selected === t }]),
+            onClick: v((d) => u(t), ["stop"])
+          }, [
+            e("div", null, m(o(a)[t].title), 1),
+            e("div", B, [
+              (i(!0), l(r, null, c(o(a)[t].colors.slice(
+                0,
+                O
+              ), (d) => (i(), l("div", {
+                class: "palette-gradient__item",
+                style: _({ background: d })
+              }, null, 4))), 256))
+            ])
+          ], 10, T))), 256))
+        ])
+      ], 64)) : p("", !0),
+      n.sequential ? (i(), l(r, { key: 1 }, [
+        s[2] || (s[2] = e("div", { class: "section-title" }, [
+          e("span", null, "SEQUENTIAL")
+        ], -1)),
+        s[3] || (s[3] = e("div", { class: "section-description" }, " Best to representing sequential data ", -1)),
+        e("div", G, [
+          (i(!0), l(r, null, c(o(L), (t) => (i(), l("div", {
+            class: g(["palettes-list__palette", { selected: n.selected === t }]),
+            onClick: v((d) => u(t), ["stop"])
+          }, [
+            e("div", null, m(o(a)[t].title), 1),
+            e("div", {
+              class: "palette-gradient",
+              style: _(C(o(a)[t].colors))
+            }, null, 4)
+          ], 10, N))), 256))
+        ])
+      ], 64)) : p("", !0),
+      n.diverging ? (i(), l(r, { key: 2 }, [
+        s[4] || (s[4] = e("div", { class: "section-title" }, [
+          e("span", null, "DIVERGING")
+        ], -1)),
+        s[5] || (s[5] = e("div", { class: "section-description" }, " Best to representing diverging data ", -1)),
+        e("div", R, [
+          (i(!0), l(r, null, c(o(y), (t) => (i(), l("div", {
+            class: g(["palettes-list__palette", { selected: n.selected === t }]),
+            onClick: v((d) => u(t), ["stop"])
+          }, [
+            e("div", null, m(o(a)[t].title), 1),
+            e("div", {
+              class: "palette-gradient",
+              style: _(C(o(a)[t].colors))
+            }, null, 4)
+          ], 10, $))), 256))
+        ])
+      ], 64)) : p("", !0)
+    ]));
+  }
+});
+export {
+  P as default
+};
+//# sourceMappingURL=PalettesForm.vue.js.map

package/dist/GraphMaker/components/AesSettings/PalettesForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PalettesForm.vue.js","sources":["../../../../src/GraphMaker/components/AesSettings/PalettesForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  Palette,\n  PaletteData\n} from './types';\nimport {\n  CATEGORICAL_LIST,\n  DIVERGING_LIST,\n  PALETTE_MAP,\n  SEQUENTIAL_LIST\n} from '../../constantsAesthetic';\n\nconst emit = defineEmits(['select']);\n\nconst props = withDefaults(defineProps<{\n  selected: Palette;\n  categorical?: boolean;\n  sequential?: boolean;\n  diverging?: boolean;\n}>(), {\n  categorical: true,\n  sequential: true,\n  diverging: true\n});\n\nconst COLORS_CATEGORICAL_VISIBLE = 9;\n\nfunction onSelect(v: Palette) {\n  emit('select', v);\n}\n\nfunction createCssGradient(palette: PaletteData) {\n  const step = 100 / (palette.length - 1);\n  return `background: linear-gradient(to right, ${palette\n    .map((value, idx) => `${value} ${idx * step}%`)\n    .join(', ')})`;\n}\n</script>\n\n<template>\n  <div class=\"palettes-groups\">\n    <template v-if=\"categorical\">\n      <div class=\"section-title\"><span>CATEGORICAL</span></div>\n      <div class=\"section-description\">\n        Best to representing categorical data\n      </div>\n      <div class=\"palettes-list\">\n        <div\n          v-for=\"palette of CATEGORICAL_LIST\"\n          class=\"palettes-list__palette\"\n          :class=\"{ selected: selected === palette }\"\n          @click.stop=\"onSelect(palette)\"\n        >\n          <div>{{ PALETTE_MAP[palette].title }}</div>\n          <div class=\"palette-gradient\">\n            <div\n              class=\"palette-gradient__item\"\n              v-for=\"color of PALETTE_MAP[palette].colors.slice(\n                  0,\n                  COLORS_CATEGORICAL_VISIBLE,\n                )\"\n              :style=\"{ background: color }\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n    <template v-if=\"sequential\">\n      <div class=\"section-title\"><span>SEQUENTIAL</span></div>\n      <div class=\"section-description\">\n        Best to representing sequential data\n      </div>\n      <div class=\"palettes-list\">\n        <div\n          v-for=\"palette of SEQUENTIAL_LIST\"\n          class=\"palettes-list__palette\"\n          :class=\"{ selected: selected === palette }\"\n          @click.stop=\"onSelect(palette)\"\n        >\n          <div>{{ PALETTE_MAP[palette].title }}</div>\n          <div\n            class=\"palette-gradient\"\n            :style=\"createCssGradient(PALETTE_MAP[palette].colors)\"\n          />\n        </div>\n      </div>\n    </template>\n    <template v-if=\"diverging\">\n      <div class=\"section-title\"><span>DIVERGING</span></div>\n      <div class=\"section-description\">\n        Best to representing diverging data\n      </div>\n      <div class=\"palettes-list\">\n        <div\n          v-for=\"palette of DIVERGING_LIST\"\n          class=\"palettes-list__palette\"\n          :class=\"{ selected: selected === palette }\"\n          @click.stop=\"onSelect(palette)\"\n        >\n          <div>{{ PALETTE_MAP[palette].title }}</div>\n          <div\n            class=\"palette-gradient\"\n            :style=\"createCssGradient(PALETTE_MAP[palette].colors)\"\n          />\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n"],"names":["COLORS_CATEGORICAL_VISIBLE","emit","__emit","onSelect","v","createCssGradient","palette","step","value","idx"],"mappings":";;8NAyBMA,IAA6B;;;;;;;;;;AAbnC,UAAMC,IAAOC;AAeb,aAASC,EAASC,GAAY;AAC5B,MAAAH,EAAK,UAAUG,CAAC;AAAA,IAClB;AAEA,aAASC,EAAkBC,GAAsB;AAC/C,YAAMC,IAAO,OAAOD,EAAQ,SAAS;AACrC,aAAO,yCAAyCA,EAC7C,IAAI,CAACE,GAAOC,MAAQ,GAAGD,CAAK,IAAIC,IAAMF,CAAI,GAAG,EAC7C,KAAK,IAAI,CAAC;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/AesSettings/PalettesForm.vue2.js

@@ -0,0 +1,5 @@
+import f from "./PalettesForm.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PalettesForm.vue2.js.map

package/dist/GraphMaker/components/AesSettings/PalettesForm.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PalettesForm.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}